.engine-main{
  margin-top:var(--nav-height);
  padding:120px 0;
  background:transparent; /* use global inner-page backdrop */
  color:var(--text);
  position:relative;
  overflow:hidden;
}
.engine-main::before,
.engine-main::after{
  content:"";
  position:absolute;
  border-radius:50%;
  filter:blur(120px);
  opacity:.35;
  pointer-events:none;
}
.engine-main::before{
  width:380px;
  height:380px;
  background:radial-gradient(circle,var(--gold) 0%,transparent 70%);
  top:-160px;
  right:-80px;
}
.engine-main::after{
  width:320px;
  height:320px;
  background:radial-gradient(circle,var(--gold-2) 0%,transparent 70%);
  bottom:-180px;
  left:-120px;
}
.engine-card{
  max-width:880px;
  margin:0 auto;
  padding:54px 48px;
  text-align:center;
  background:rgba(24,24,24,.9);
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 28px 60px rgba(0,0,0,.38);
  position:relative;
  overflow:hidden;
}
.engine-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.05);
  pointer-events:none;
}
.engine-card .section-title{
  margin:10px auto 22px;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:clamp(2rem,4.5vw,2.8rem);
}
.engine-card .section-title::after{
  left:50%;
  transform:translateX(-50%);
}
.engine-lead{
  font-size:1.05rem;
  line-height:1.75;
  color:var(--sub);
  margin-bottom:20px;
}
.engine-card p{
  font-size:1rem;
  line-height:1.7;
  color:var(--text);
  margin-bottom:24px;
  text-align:justify;
}
.engine-thumbs{
  margin-top:10px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.thumb{background:#000; border:1px solid rgba(255,255,255,.08); border-radius:14px; overflow:hidden; text-align:center; transition:transform .22s ease, box-shadow .25s ease, border-color .2s ease; cursor:zoom-in}
.thumb-frame{position:relative; width:100%; padding-top:62%; background:#0b0b0b; overflow:hidden}
.thumb img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .3s ease}
.thumb figcaption{padding:10px; font-size:.82rem; letter-spacing:.14em; text-transform:uppercase; background:linear-gradient(135deg,var(--gold),var(--gold-2)); color:#1b1400; font-weight:800}
.thumb:hover, .thumb:focus-within{ transform:translateY(-4px); box-shadow:0 26px 52px rgba(0,0,0,.5); border-color:rgba(245,179,1,.35) }
.thumb:hover img, .thumb:focus-within img{ transform:scale(1.045) }
/* removed separate gallery in favor of images embedded inside the card */
.comparison-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
}
.comparison-card{
  background:#000;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  overflow:hidden;
  text-align:center;
  color:#f2f2f2;
  position:relative;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.comparison-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.08);
  opacity:0;
  transition:opacity .25s ease;
}
.comparison-card .image-frame{
  position:relative;
  width:100%;
  padding-top:100%;
  background:#0b0b0b;
}
.comparison-card:hover,
.comparison-card:focus-within{
  transform:translateY(-6px);
  border-color:rgba(255,206,69,.35);
  box-shadow:0 26px 52px rgba(0,0,0,.4);
}
.comparison-card:hover::before,
.comparison-card:focus-within::before{
  opacity:1;
  border-color:rgba(255,206,69,.45);
}
.comparison-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.comparison-card figcaption{
  padding:16px 12px;
  font-size:.9rem;
  letter-spacing:.16em;
  text-transform:uppercase;
}
@media (max-width:1024px){
  .comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:720px){
  .engine-main{
    padding:100px 0;
  }
  .engine-card{
    padding:42px 28px;
  }
  .comparison-grid{
    grid-template-columns:1fr;
  }
}