:root{--black:#030507;--panel:#090d12;--yellow:#ffd400;--white:#f7f7f7;--muted:#bfc3ca;--line:rgba(255,212,0,.42);--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.5;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.12;background-image:radial-gradient(rgba(255,255,255,.15) 1px,transparent 1px);background-size:7px 7px}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px clamp(16px,4vw,58px);background:rgba(3,5,7,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,212,0,.22)}.brand img{width:min(300px,44vw)}.nav{display:flex;gap:20px;text-transform:uppercase;letter-spacing:.1em;font-size:13px}.nav a:hover{color:var(--yellow)}.phone-link,.btn.primary,.floating-cta a{background:var(--yellow);color:#050505;font-weight:900}.phone-link{padding:12px 18px;border-radius:999px}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--yellow);border-radius:12px;padding:8px 10px;font-size:22px}.hero{position:relative;min-height:72vh;display:flex;align-items:flex-start;background:radial-gradient(circle at 78% 24%,rgba(255,212,0,.18),transparent 28%),linear-gradient(135deg,#05070a,#080d14 65%,#010203);overflow:hidden}.hero:before{content:"";position:absolute;right:-14%;top:-8%;width:58vw;height:110%;background:linear-gradient(115deg,transparent 0 38%,rgba(255,212,0,.1) 39%,transparent 41%),radial-gradient(circle at 70% 50%,rgba(255,212,0,.18),transparent 13%);transform:skewX(-12deg)}.beam{position:absolute;right:-10vw;width:68vw;height:9px;background:linear-gradient(90deg,transparent,#fff6a5,var(--yellow),transparent);filter:blur(7px);opacity:.6;animation:sweep 4.8s ease-in-out infinite}.beam-one{top:28%;transform:rotate(-7deg)}.beam-two{top:40%;animation-delay:1.2s;transform:rotate(-2deg)}@keyframes sweep{0%,100%{translate:80px 0;opacity:.1}45%{translate:-80px 0;opacity:.75}}.hero-grid{position:relative;z-index:2;max-width:var(--max);margin:auto;padding:clamp(34px,5vw,72px) clamp(18px,4vw,32px) clamp(48px,6vw,86px);display:grid;grid-template-columns:1.05fr .8fr;gap:52px;align-items:center}.eyebrow{margin:0 0 14px;color:var(--yellow);text-transform:uppercase;letter-spacing:.24em;font-weight:900;font-size:13px}.hero h1,.section h2,.booking-section h2{margin:0 0 22px;line-height:.9;text-transform:uppercase;font-style:italic;letter-spacing:.015em;font-size:clamp(42px,6.2vw,82px)}.hero h1 span,.section h2 span{color:var(--yellow)}.lead{font-size:clamp(18px,2.2vw,24px);max-width:720px;color:#e5e9ef}.hero-actions,.booking-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:999px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.btn.secondary{border:1px solid var(--yellow);color:var(--yellow);background:rgba(255,212,0,.04)}.pulse{animation:pulse 2.4s infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,212,0,.45)}50%{box-shadow:0 0 0 14px rgba(255,212,0,0)}}.discount-card{position:relative;display:inline-flex;align-items:center;gap:12px;margin-top:24px;border:2px solid var(--yellow);border-radius:20px;padding:16px 22px;color:var(--yellow);font-weight:800;background:rgba(255,212,0,.06);overflow:hidden}.discount-card strong{font-size:28px}.shimmer:after{content:"";position:absolute;top:0;bottom:0;width:80px;left:-120px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);transform:skewX(-22deg);animation:shine 3.8s infinite}@keyframes shine{0%{left:-120px}55%,100%{left:120%}}.hero-console{border:1px solid rgba(255,212,0,.3);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:0 40px 100px rgba(0,0,0,.55);padding:22px;position:relative;overflow:hidden}.console-top{display:flex;gap:10px;align-items:center;color:#dfe4ea;font-size:13px;text-transform:uppercase;letter-spacing:.12em}.status-dot{width:10px;height:10px;border-radius:50%;background:#54ff87;box-shadow:0 0 18px #54ff87}.hero-logo{width:310px;margin:22px 0}.hero-console h2{font-size:40px;line-height:1;text-transform:uppercase;color:var(--yellow);margin:0}.hero-console p{font-size:20px;color:#e8e8e8}.mini-qr{display:flex;align-items:center;gap:16px;margin-top:20px}.mini-qr img{width:150px;background:#fff;border-radius:16px;padding:10px;border:2px solid var(--yellow)}.mini-qr span{text-transform:uppercase;font-weight:900;letter-spacing:.1em;color:var(--yellow)}.reason-bar{display:flex;gap:12px;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;background:#090c11}.reason-bar span{flex:1;min-width:150px;text-align:center;color:var(--yellow);font-weight:900;text-transform:uppercase;letter-spacing:.06em}.section{max-width:var(--max);margin:0 auto;padding:clamp(62px,8vw,104px) clamp(18px,4vw,32px)}.section-head{max-width:880px}.section-head.center{text-align:center;margin:0 auto}.section h2{font-size:clamp(36px,5vw,74px)}.section p{font-size:18px;color:#d5dae0}.process-grid,.when-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}.process-grid article,.when-grid article,.client-grid article,.faq-grid details{border:1px solid rgba(255,212,0,.16);border-radius:24px;background:linear-gradient(180deg,#0b1017,#06090d);padding:22px;position:relative;overflow:hidden}.process-grid b{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#050505;font-size:22px}.process-grid h3,.when-grid h3,.client-grid h3{color:var(--yellow);text-transform:uppercase;font-size:22px}.when-section{background:radial-gradient(circle at 50% 0,rgba(255,212,0,.12),transparent 32%)}.client-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}.client-grid i{position:absolute;right:20px;top:10px;color:rgba(255,212,0,.12);font-size:72px;font-style:normal;font-weight:900}.result-gallery{background:radial-gradient(circle at 85% 0%,rgba(255,212,0,.12),transparent 32%)}.gallery-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px;margin-top:34px}.gallery-grid figure{margin:0;background:#07090d;border:1px solid rgba(255,212,0,.22);border-radius:24px;overflow:hidden}.gallery-grid .big{grid-row:span 2}.gallery-grid img{width:100%;height:100%;object-fit:cover;display:block}.gallery-grid figcaption{padding:14px 16px;color:var(--yellow);font-weight:900;text-transform:uppercase}.value-story,.areas-section{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.story-card{border:1px solid rgba(255,212,0,.22);border-radius:30px;background:#090d12;padding:34px}.story-card.yellow{background:var(--yellow);color:#050505}.story-card.yellow p,.story-card.yellow .eyebrow{color:#050505!important}.dark-btn{background:#050505;color:var(--yellow);margin-top:16px}.area-cloud{display:flex;flex-wrap:wrap;gap:12px}.area-cloud span{border:1px solid rgba(255,212,0,.22);background:#0b0f15;border-radius:999px;padding:12px 16px;font-weight:900}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.faq-grid summary{cursor:pointer;color:var(--yellow);font-size:20px;font-weight:900;text-transform:uppercase}.booking-section{max-width:var(--max);margin:0 auto clamp(60px,8vw,100px);display:grid;grid-template-columns:.92fr .88fr;gap:40px;align-items:center;padding:clamp(40px,6vw,76px) clamp(18px,4vw,34px);border:1px solid rgba(255,212,0,.3);border-radius:34px;background:radial-gradient(circle at 95% 25%,rgba(255,212,0,.13),transparent 30%),linear-gradient(135deg,#0d121a,#05070a)}.qr-panel{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.qr-panel span{display:block;color:var(--yellow);font-size:clamp(34px,4.8vw,56px);font-weight:900;text-transform:uppercase;letter-spacing:.14em;margin-bottom:20px}.qr-panel img{width:min(500px,96%);background:#fff;border-radius:22px;padding:20px;border:4px solid var(--yellow);box-shadow:0 0 52px rgba(255,212,0,.32)}.floating-cta{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;gap:10px}.floating-cta a{background:var(--yellow);color:#030507;font-weight:900;border-radius:999px;padding:12px 16px;box-shadow:0 16px 40px rgba(0,0,0,.4)}.site-footer{text-align:center;border-top:1px solid rgba(255,212,0,.25);padding:34px 18px;background:#020304}.site-footer img{width:260px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:translateY(0)}@media(max-width:980px){.menu-toggle{display:block}.nav{position:absolute;right:16px;top:72px;display:none;flex-direction:column;background:#06090e;border:1px solid var(--line);border-radius:18px;padding:18px}.nav.open{display:flex}.phone-link{display:none}.hero-grid,.value-story,.areas-section,.booking-section{grid-template-columns:1fr}.process-grid,.when-grid,.client-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid .big{grid-row:auto;grid-column:span 2}.beam{display:none}}@media(max-width:620px){.brand img{width:230px}.hero h1,.section h2,.booking-section h2{font-size:42px}.process-grid,.when-grid,.client-grid,.gallery-grid,.faq-grid{grid-template-columns:1fr}.gallery-grid .big{grid-column:auto}.discount-card{display:block}.discount-card strong{display:block}.floating-cta{left:12px;right:12px}.floating-cta a{flex:1;text-align:center}.section,.hero-grid,.booking-section{padding-left:16px;padding-right:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.compare-wrap{max-width:1060px;margin:34px auto 0}.compare-box{position:relative;border:1px solid rgba(255,212,0,.22);border-radius:28px;overflow:hidden;background:#07090d;aspect-ratio:14/8;box-shadow:0 18px 60px rgba(0,0,0,.35)}.compare-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.compare-after{position:absolute;inset:0 0 0 auto;overflow:hidden;border-left:3px solid var(--yellow)}.compare-after .compare-img{width:100%;max-width:none}.compare-line{position:absolute;top:0;bottom:0;width:3px;background:var(--yellow);transform:translateX(-50%);box-shadow:0 0 18px rgba(255,212,0,.6)}.compare-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:var(--yellow);color:#050505;display:grid;place-items:center;font-size:30px;font-weight:900;box-shadow:0 14px 35px rgba(0,0,0,.42)}.compare-handle span{transform:translateY(-1px)}.compare-tag{position:absolute;top:18px;padding:8px 12px;border-radius:999px;background:rgba(3,5,7,.82);border:1px solid rgba(255,212,0,.24);color:var(--yellow);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.tag-before{left:18px}.tag-after{right:18px}.compare-range{width:100%;margin-top:18px;appearance:none;background:transparent}.compare-range::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(255,212,0,.22),rgba(255,212,0,.8),rgba(255,212,0,.22))}.compare-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--yellow);border:2px solid #050505;margin-top:-8px;box-shadow:0 4px 14px rgba(0,0,0,.35)}.compare-range::-moz-range-track{height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(255,212,0,.22),rgba(255,212,0,.8),rgba(255,212,0,.22))}.compare-range::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--yellow);border:2px solid #050505;box-shadow:0 4px 14px rgba(0,0,0,.35)}@media(max-width:620px){.compare-box{aspect-ratio:1/1.05}.compare-handle{width:54px;height:54px;font-size:24px}}


/* v10 header + hero refinements */
.site-header{position:sticky;top:0;z-index:50;background:rgba(4,6,8,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:block;padding:8px clamp(18px,3vw,28px) 6px}
.header-top{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand img{width:280px;height:auto;display:block}
.phone-link{margin-left:auto}
.nav{max-width:var(--max);margin:4px auto 0;display:flex;justify-content:center;gap:30px;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.hero{position:relative;min-height:66vh;display:flex;align-items:center;overflow:hidden;background:
  radial-gradient(circle at 80% 16%, rgba(255,212,0,.22), transparent 24%),
  linear-gradient(90deg, rgba(5,7,10,.98) 0%, rgba(5,7,10,.96) 42%, rgba(5,7,10,.65) 68%, rgba(5,7,10,.35) 100%),
  #05070a}
.hero-grid{position:relative;z-index:2;max-width:var(--max);width:100%;margin:auto;padding:clamp(26px,4vw,44px) clamp(18px,4vw,32px) clamp(44px,6vw,78px);display:grid;grid-template-columns:minmax(0,680px);gap:0;align-items:center}
.hero-vehicle{position:absolute;inset:0 0 0 auto;width:min(48vw,720px);background-image:linear-gradient(90deg, rgba(5,7,10,0) 0%, rgba(5,7,10,.03) 14%, rgba(5,7,10,.12) 24%), url('assets/hero-car-bg.png');background-size:cover;background-repeat:no-repeat;background-position:right center;opacity:1;filter:saturate(1.02)}
.hero-copy{max-width:720px}
.hero h1,.section h2,.booking-section h2{margin:0 0 18px;line-height:.92;text-transform:uppercase;font-style:italic;letter-spacing:.015em;font-size:clamp(46px,6.4vw,88px)}
.lead{font-size:clamp(18px,2.2vw,22px);max-width:640px;color:#e5e9ef}
.hero-points{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:9px;max-width:680px}
.hero-points li{position:relative;padding-left:40px;font-size:18px;color:#eef2f6}
.hero-points li::before{content:'✓';position:absolute;left:0;top:1px;width:24px;height:24px;border:2px solid var(--yellow);border-radius:50%;display:grid;place-items:center;color:var(--yellow);font-weight:900;font-size:14px;line-height:1}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.discount-card{margin-top:18px}
.hero-console,.console-top,.hero-logo,.mini-qr{display:none !important}
@media(max-width:980px){
  .site-header{padding-bottom:10px}
  .header-top{align-items:center}
  .nav{position:absolute;right:16px;top:62px;max-width:none;margin:0;display:none;flex-direction:column;justify-content:flex-start;gap:12px;background:#06090e;border:1px solid var(--line);border-radius:18px;padding:18px}
  .nav.open{display:flex}
  .phone-link{display:none}
  .hero{min-height:auto}
  .hero-vehicle{position:absolute;right:0;top:0;bottom:0;width:58%;opacity:.5;background-position:78% center}
  .hero-grid{grid-template-columns:1fr;padding-top:36px}
}
@media(max-width:620px){
  .brand img{width:220px}
  .hero-vehicle{width:100%;opacity:.22;background-position:right top}
  .hero h1,.section h2,.booking-section h2{font-size:42px}
  .hero-points li{font-size:16px}
}


/* v11 fixes: compact single-row header + blended business-card headlight background */
.site-header{
  position:sticky;
  top:0;
  z-index:50;
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:4px clamp(18px,3vw,34px) 3px;
  min-height:74px;
  background:rgba(4,6,8,.94);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.header-top{display:contents !important}
.brand img{
  width:238px !important;
  height:auto;
  display:block;
}
.nav{
  position:static !important;
  max-width:none !important;
  margin:0 !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:28px;
  font-size:14px;
  letter-spacing:.08em;
  text-transform:uppercase;
  flex:1;
}
.phone-link{
  margin-left:0 !important;
  white-space:nowrap;
  padding:11px 18px;
}
.hero{
  position:relative;
  min-height:66vh;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 22%, rgba(255,212,0,.18), transparent 27%),
    linear-gradient(90deg, rgba(5,7,10,1) 0%, rgba(5,7,10,.97) 36%, rgba(5,7,10,.75) 59%, rgba(5,7,10,.42) 100%),
    #05070a !important;
}
.hero-vehicle{
  position:absolute;
  inset:0 0 0 auto;
  width:min(60vw,900px);
  background-image:url('assets/hero-car-blended.png') !important;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:right center;
  opacity:1;
  filter:saturate(1.06) contrast(1.04);
  pointer-events:none;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(5,7,10,0) 0%, rgba(5,7,10,.12) 50%, rgba(5,7,10,.08) 100%),
    radial-gradient(circle at 75% 55%, rgba(255,212,0,.12), transparent 26%);
  pointer-events:none;
}
.hero-grid{
  position:relative;
  z-index:2;
  max-width:var(--max);
  width:100%;
  margin:auto;
  padding:clamp(26px,4vw,50px) clamp(18px,4vw,32px) clamp(44px,6vw,78px);
  display:grid;
  grid-template-columns:minmax(0,660px);
}
.hero-copy{max-width:660px}
@media(max-width:980px){
  .site-header{padding:8px 16px;min-height:68px}
  .menu-toggle{display:block}
  .nav{
    position:absolute !important;
    right:16px;
    top:62px;
    max-width:none !important;
    margin:0 !important;
    display:none !important;
    flex-direction:column;
    justify-content:flex-start;
    gap:12px;
    background:#06090e;
    border:1px solid var(--line);
    border-radius:18px;
    padding:18px;
    flex:initial;
  }
  .nav.open{display:flex !important}
  .phone-link{display:none}
  .brand img{width:220px !important}
  .hero-vehicle{width:100%;opacity:.32;background-position:right center}
}
@media(max-width:620px){
  .brand img{width:205px !important}
  .hero-vehicle{opacity:.22;background-position:right top}
}


/* v12 refinements: car-only hero image and nav aligned right */
.site-header{padding:2px clamp(16px,2.8vw,30px) 2px;min-height:68px}
.brand img{width:225px !important}
.nav{
  justify-content:flex-end !important;
  gap:24px;
  margin-left:auto !important;
  flex:1;
}
.phone-link{
  margin-left:18px !important;
  padding:10px 18px;
}
.hero{
  background:
    radial-gradient(circle at 82% 22%, rgba(255,212,0,.14), transparent 25%),
    linear-gradient(90deg, rgba(5,7,10,1) 0%, rgba(5,7,10,.98) 34%, rgba(5,7,10,.80) 57%, rgba(5,7,10,.34) 100%),
    #05070a !important;
}
.hero-vehicle{
  width:min(56vw,820px);
  right:0;
  background-image:url('assets/hero-car-only-blended.png') !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position:78% center !important;
  opacity:1;
  filter:saturate(1.06) contrast(1.04);
}
.hero::after{display:none}
.hero-grid{grid-template-columns:minmax(0,650px)}
.hero-copy{max-width:650px}
@media(max-width:980px){
  .nav{justify-content:flex-start !important; margin-left:0 !important; flex:initial}
  .brand img{width:210px !important}
  .hero-vehicle{width:100%; opacity:.28; background-position:right center !important; background-size:cover !important}
}


/* v13 hero balance refinements */
.hero-grid{
  max-width:1480px;
  padding:clamp(22px,3vw,42px) clamp(14px,2.2vw,24px) clamp(42px,5vw,74px) !important;
}
.hero-copy{
  max-width:690px;
  margin-left:0;
}
.hero-vehicle{
  width:min(62vw,980px) !important;
  right:-12px;
  background-image:url('assets/hero-car-only-clean.png') !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position:30% center !important;
  opacity:1;
}
.hero{
  background:
    radial-gradient(circle at 79% 24%, rgba(255,212,0,.12), transparent 24%),
    linear-gradient(90deg, rgba(5,7,10,1) 0%, rgba(5,7,10,.985) 30%, rgba(5,7,10,.82) 54%, rgba(5,7,10,.38) 100%),
    #05070a !important;
}
@media(max-width:1200px){
  .hero-vehicle{width:min(60vw,820px) !important; background-position:42% center !important; right:-20px;}
}
@media(max-width:980px){
  .hero-grid{padding-left:16px !important; padding-right:16px !important;}
  .hero-vehicle{width:100% !important; opacity:.26; background-size:cover !important; background-position:right center !important; right:0;}
}


/* v14 refinements: areas link, black right edge, brighter light beams */
.nav{gap:22px !important;}
.hero{
  background:
    linear-gradient(90deg, rgba(5,7,10,1) 0%, rgba(5,7,10,.985) 30%, rgba(5,7,10,.82) 54%, rgba(5,7,10,.18) 72%, #05070a 90%, #05070a 100%),
    #05070a !important;
}
.hero::after{
  content:"" !important;
  display:block !important;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:16vw;
  min-width:170px;
  background:linear-gradient(90deg, rgba(5,7,10,0), rgba(5,7,10,.92) 52%, #05070a 100%);
  z-index:1;
  pointer-events:none;
}
.hero-vehicle{
  z-index:0;
  right:40px !important;
  width:min(60vw,940px) !important;
  background-position:32% center !important;
}
.beam{
  z-index:0;
  height:16px !important;
  background:linear-gradient(90deg, transparent 0%, rgba(255,250,180,.18) 22%, rgba(255,244,125,.88) 42%, rgba(255,212,0,1) 56%, rgba(255,255,210,.62) 70%, transparent 100%) !important;
  filter:blur(8px) !important;
  opacity:.92 !important;
  box-shadow:0 0 36px rgba(255,212,0,.55),0 0 90px rgba(255,212,0,.28);
}
.beam-one{top:30% !important;animation:sweepBright 4.4s ease-in-out infinite !important;}
.beam-two{top:43% !important;animation:sweepBright 5.4s ease-in-out infinite reverse !important;}
@keyframes sweepBright{0%,100%{translate:90px 0;opacity:.18}45%{translate:-110px 0;opacity:1}}
@media(max-width:980px){
  .nav{gap:12px !important}
  .hero::after{width:0;min-width:0;display:none !important;}
  .hero-vehicle{right:0 !important;}
}


/* v15: stronger book-now messaging, price pill, darker hero right side, softer car fade */
.nav{gap:18px !important;font-size:13px !important;}
.hero{
  background:
    linear-gradient(90deg, rgba(5,7,10,1) 0%, rgba(5,7,10,.985) 33%, rgba(5,7,10,.90) 58%, rgba(5,7,10,.995) 84%, rgba(2,3,4,1) 100%) !important;
}
.hero::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 66%, rgba(0,0,0,.45) 84%, rgba(0,0,0,.88) 100%);
  pointer-events:none; z-index:0;
}
.hero-grid,.hero-vehicle,.beam{position:relative; z-index:1;}
.hero-vehicle{
  opacity:.74 !important;
  filter:saturate(0.98) contrast(1.02) brightness(.92) !important;
  right:24px !important;
}
.beam{opacity:.34 !important;filter:blur(8px) brightness(1.18) saturate(1.12) !important;}
.beam-one{animation-duration:4.1s !important;}
.beam-two{animation-duration:5s !important;}
.price-pill{
  position:absolute;
  right:clamp(48px,11vw,150px);
  bottom:30px;
  z-index:3;
  display:inline-flex; align-items:center; justify-content:center;
  padding:16px 24px; border-radius:999px;
  background:var(--yellow); color:#05070a;
  font-weight:900; text-transform:uppercase; letter-spacing:.07em;
  box-shadow:0 16px 44px rgba(0,0,0,.45);
  border:2px solid rgba(255,255,255,.08);
}
.when-section{background:linear-gradient(180deg, rgba(255,212,0,.06), rgba(255,212,0,0) 24%) !important;}
.when-section .section-head{max-width:980px;}
.when-section .section-head p:last-child{max-width:760px;margin:0 auto;color:#d8dee6;}
.when-grid{margin-top:28px !important;}
.when-grid article{min-height:220px; display:flex; flex-direction:column; justify-content:flex-start;}
.when-grid h3{line-height:1.15;}
@media(max-width:1200px){
  .price-pill{right:36px; bottom:24px;}
}
@media(max-width:980px){
  .price-pill{position:static; margin:20px 16px 0; width:calc(100% - 32px);}
  .hero-vehicle{opacity:.42 !important; right:0 !important;}
  .nav{gap:12px !important;}
}


/* v16 hero restore: bring back car image, rebalance layout, keep nav+areas */
.site-header{
  padding:4px clamp(16px,2.8vw,28px) 4px !important;
  min-height:74px !important;
}
.nav{
  margin-left:auto !important;
  justify-content:flex-end !important;
  gap:20px !important;
  flex:1 !important;
}
.hero{
  position:relative !important;
  min-height:72vh !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 70% 36%, rgba(255,212,0,.08), transparent 22%),
    linear-gradient(90deg, #040608 0%, #040608 54%, rgba(4,6,8,.94) 72%, rgba(4,6,8,.98) 88%, #040608 100%) !important;
}
.hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,.18) 76%, rgba(0,0,0,.55) 100%) !important;
  z-index:0 !important;
  pointer-events:none !important;
}
.hero::after{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:8vw !important;
  min-width:110px !important;
  background:linear-gradient(90deg, rgba(4,6,8,0), rgba(4,6,8,.75) 54%, #040608 100%) !important;
  z-index:0 !important;
  pointer-events:none !important;
  display:block !important;
}
.hero-grid{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  max-width:1580px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(540px, 720px) 1fr !important;
  gap:10px !important;
  align-items:center !important;
  padding:clamp(26px,4vw,44px) clamp(24px,3.5vw,54px) clamp(84px,8vw,118px) !important;
}
.hero-copy{
  grid-column:1 !important;
  max-width:720px !important;
  margin-left:0 !important;
  padding-left:max(8px, 3vw) !important;
}
.hero-vehicle{
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:min(49vw, 880px) !important;
  background-image:url('assets/hero-car-only-clean.png') !important;
  background-repeat:no-repeat !important;
  background-size:contain !important;
  background-position:16% center !important;
  opacity:.62 !important;
  filter:saturate(.98) contrast(1.04) brightness(.86) !important;
  z-index:1 !important;
}
.beam{
  position:absolute !important;
  right:30vw !important;
  width:min(54vw, 900px) !important;
  height:16px !important;
  opacity:.68 !important;
  z-index:1 !important;
  background:linear-gradient(90deg, transparent 0%, rgba(255,245,170,.12) 22%, rgba(255,232,95,.75) 44%, rgba(255,212,0,1) 58%, rgba(255,251,205,.58) 74%, transparent 100%) !important;
  filter:blur(8px) !important;
  box-shadow:0 0 38px rgba(255,212,0,.42), 0 0 88px rgba(255,212,0,.2) !important;
}
.beam-one{top:41% !important; animation:sweepHero 4.1s ease-in-out infinite !important;}
.beam-two{top:49% !important; animation:sweepHeroTwo 5s ease-in-out infinite !important;}
@keyframes sweepHero{0%,100%{transform:translateX(45px)}50%{transform:translateX(-125px)}}
@keyframes sweepHeroTwo{0%,100%{transform:translateX(0)}50%{transform:translateX(-150px)}}
.price-pill{
  position:absolute !important;
  right:clamp(44px,8vw,128px) !important;
  bottom:28px !important;
  z-index:3 !important;
}
@media(max-width:1280px){
  .hero-grid{grid-template-columns:minmax(480px, 640px) 1fr !important;}
  .hero-vehicle{width:min(48vw,760px) !important; background-position:26% center !important;}
  .price-pill{right:36px !important;}
}
@media(max-width:980px){
  .hero{min-height:auto !important;}
  .hero::after{display:none !important; width:0 !important; min-width:0 !important;}
  .hero-grid{grid-template-columns:1fr !important; padding:36px 16px 26px !important;}
  .hero-copy{padding-left:0 !important;}
  .hero-vehicle{width:100% !important; right:0 !important; background-size:cover !important; background-position:right center !important; opacity:.24 !important;}
  .beam{display:none !important;}
  .price-pill{position:static !important; margin:16px 16px 0 auto !important; width:fit-content !important;}
}


/* v17: price pill inline with the 20% discount offer */
.hero-offers{
  position:relative;
  z-index:4;
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:18px;
}
.hero-offers .discount-card{
  margin-top:0 !important;
}
.hero-offers .price-pill,
.price-pill{
  position:static !important;
  right:auto !important;
  bottom:auto !important;
  margin:0 !important;
  width:auto !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:58px;
  padding:16px 24px;
  border-radius:999px;
  background:var(--yellow);
  color:#05070a;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.07em;
  box-shadow:0 16px 44px rgba(0,0,0,.34);
  border:2px solid rgba(255,255,255,.08);
  white-space:nowrap;
}
@media(max-width:980px){
  .hero-offers{display:grid;grid-template-columns:1fr;gap:12px;}
  .hero-offers .price-pill{width:fit-content !important;}
}


/* v18 Book Now section: perceived value focus */
.value-focus{
  background:
    radial-gradient(circle at 50% 0%, rgba(255,212,0,.11), transparent 32%),
    linear-gradient(180deg, rgba(255,212,0,.05), rgba(255,212,0,0) 26%) !important;
}
.value-focus .section-head{
  max-width:1020px;
}
.value-focus .section-head p:last-child{
  max-width:780px;
  margin:0 auto;
  color:#dfe4ea;
  font-size:20px;
}
.value-focus-grid{
  display:grid;
  grid-template-columns:1.25fr 1fr 1fr 1fr;
  gap:18px;
  margin-top:34px;
}
.value-focus-grid article{
  border:1px solid rgba(255,212,0,.18);
  border-radius:24px;
  background:linear-gradient(180deg,#0b1017,#06090d);
  padding:24px;
  min-height:235px;
  position:relative;
  overflow:hidden;
}
.value-focus-grid article:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent, rgba(255,212,0,.08), transparent);
  translate:-130% 0;
  transition:.65s;
}
.value-focus-grid article:hover:before{translate:130% 0;}
.value-focus-grid h3{
  position:relative;
  color:var(--yellow);
  text-transform:uppercase;
  font-size:22px;
  line-height:1.15;
  margin:0 0 14px;
}
.value-focus-grid p{
  position:relative;
  color:#d7dce4;
  font-size:18px;
  margin:0;
}
.value-focus-grid .value-lead{
  background:linear-gradient(135deg, rgba(255,212,0,.16), rgba(255,212,0,.045));
  border-color:rgba(255,212,0,.38);
}
.value-focus-grid .value-lead span{
  position:relative;
  display:inline-flex;
  color:#05070a;
  background:var(--yellow);
  padding:8px 12px;
  border-radius:999px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:12px;
  margin-bottom:18px;
}
.value-focus-grid .value-lead h3{
  color:#fff;
  font-size:28px;
}
@media(max-width:980px){
  .value-focus-grid{grid-template-columns:1fr 1fr;}
  .value-focus-grid .value-lead{grid-column:1/-1;}
}
@media(max-width:620px){
  .value-focus-grid{grid-template-columns:1fr;}
  .value-focus-grid article{min-height:auto;}
}


/* v19: rebalance the two value/story boxes */
.value-story{
  max-width:1180px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:28px !important;
  align-items:stretch !important;
  padding-top:clamp(56px,7vw,86px) !important;
  padding-bottom:clamp(56px,7vw,86px) !important;
}
.story-card{
  min-height:500px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:clamp(34px,4vw,46px) !important;
  border-radius:28px !important;
}
.story-card .eyebrow{
  margin-bottom:20px !important;
}
.story-card h2{
  font-size:clamp(42px,5.2vw,70px) !important;
  line-height:.96 !important;
  margin-bottom:22px !important;
}
.story-card p{
  font-size:18px !important;
  line-height:1.45 !important;
  max-width:92% !important;
}
.story-card.yellow{
  min-height:500px !important;
  box-shadow:0 24px 80px rgba(255,212,0,.12);
}
.story-card.yellow h2{
  font-size:clamp(42px,5.2vw,70px) !important;
  line-height:.96 !important;
}
.story-card.yellow .btn{
  margin-top:24px !important;
  width:fit-content !important;
}
@media(max-width:980px){
  .value-story{grid-template-columns:1fr !important;}
  .story-card,.story-card.yellow{min-height:auto !important;}
  .story-card p{max-width:100% !important;}
}


/* v20 DEFAULT RESPONSIVE AUDIT + MOBILE COMPATIBILITY LAYER */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{overflow-x:hidden;min-width:320px;}
*,*::before,*::after{box-sizing:border-box;}
img,video,canvas,svg{max-width:100%;height:auto;}
a,button,input{touch-action:manipulation;}
.site-header,
.hero,
.section,
.booking-section,
.site-footer{max-width:100%;}
.site-header{width:100%;}
.nav{flex-wrap:wrap;row-gap:8px;}
.hero-grid{width:min(100% - 32px, 1580px) !important;max-width:1580px !important;}
.section{width:min(100% - 32px, var(--max)) !important;max-width:var(--max) !important;margin-left:auto !important;margin-right:auto !important;padding-left:0 !important;padding-right:0 !important;}
.booking-section{width:min(100% - 32px, var(--max)) !important;max-width:var(--max) !important;margin-left:auto !important;margin-right:auto !important;}
.hero h1,.section h2,.booking-section h2{overflow-wrap:normal;word-break:normal;}
.lead,.section p,.story-card p,.value-focus-grid p{overflow-wrap:break-word;}
.btn,.price-pill,.discount-card{max-width:100%;white-space:normal;text-align:center;}
.hero-actions,.hero-offers,.booking-buttons{max-width:100%;}

@media(max-width:1280px){
  .site-header{padding-left:18px !important;padding-right:18px !important;}
  .brand img{width:205px !important;}
  .nav{gap:14px !important;font-size:12px !important;}
  .phone-link{padding:10px 14px !important;font-size:13px !important;}
  .hero-grid{grid-template-columns:minmax(0,620px) 1fr !important;}
  .hero-copy{padding-left:0 !important;}
  .hero h1{font-size:clamp(42px,6vw,78px) !important;}
  .process-grid,.when-grid,.client-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .value-focus-grid{grid-template-columns:1fr 1fr !important;}
  .value-focus-grid .value-lead{grid-column:1/-1;}
}

@media(max-width:980px){
  .site-header{min-height:66px !important;padding:8px 14px !important;}
  .brand img{width:205px !important;}
  .menu-toggle{display:block !important;margin-left:auto;}
  .phone-link{display:none !important;}
  .nav{
    display:none !important;
    position:absolute !important;
    right:14px !important;
    top:64px !important;
    z-index:100 !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:12px !important;
    min-width:220px !important;
    max-width:calc(100vw - 28px) !important;
    padding:18px !important;
    background:#06090e !important;
    border:1px solid var(--line) !important;
    border-radius:18px !important;
    box-shadow:0 18px 60px rgba(0,0,0,.45) !important;
  }
  .nav.open{display:flex !important;}
  .hero{min-height:auto !important;}
  .hero-grid{display:block !important;width:min(100% - 28px, 760px) !important;padding:36px 0 28px !important;}
  .hero-copy{width:100% !important;max-width:760px !important;padding-left:0 !important;}
  .hero-vehicle{width:100% !important;right:0 !important;opacity:.22 !important;background-position:right center !important;background-size:cover !important;}
  .beam{display:none !important;}
  .hero-points{max-width:100%;}
  .hero-offers{display:grid !important;grid-template-columns:1fr;gap:12px;align-items:start;justify-items:start;}
  .hero-offers .price-pill{width:auto !important;}
  .quick-strip,.reason-bar{overflow-x:auto;scrollbar-width:thin;}
  .value-story,.areas-section,.booking-section{grid-template-columns:1fr !important;}
  .story-card,.story-card.yellow{min-height:auto !important;}
  .gallery-grid{grid-template-columns:1fr !important;}
  .gallery-grid .big{grid-column:auto !important;grid-row:auto !important;}
  .compare-wrap{width:100%;}
}

@media(max-width:720px){
  .section{width:min(100% - 28px, var(--max)) !important;padding-top:54px !important;padding-bottom:54px !important;}
  .booking-section{width:min(100% - 28px, var(--max)) !important;padding:34px 16px !important;}
  .hero h1{font-size:clamp(38px,12vw,54px) !important;line-height:.94 !important;}
  .hero .eyebrow{font-size:11px;letter-spacing:.18em;}
  .lead{font-size:17px !important;line-height:1.45;}
  .hero-actions{display:grid !important;grid-template-columns:1fr;gap:10px;}
  .hero-actions .btn{width:100%;}
  .discount-card{display:block !important;width:100%;padding:14px 16px !important;}
  .discount-card strong{display:block;font-size:24px !important;}
  .price-pill{width:fit-content !important;padding:14px 18px !important;min-height:auto !important;}
  .process-grid,.when-grid,.client-grid,.value-focus-grid,.faq-grid{grid-template-columns:1fr !important;}
  .value-focus-grid article,.process-grid article,.when-grid article,.client-grid article{min-height:auto !important;}
  .story-card{padding:28px 22px !important;}
  .story-card h2,.story-card.yellow h2{font-size:clamp(34px,10vw,48px) !important;}
  .qr-panel img{width:min(92vw,360px) !important;padding:14px !important;}
  .compare-box{aspect-ratio:1/1.05 !important;border-radius:20px !important;}
  .floating-cta{left:12px !important;right:12px !important;bottom:12px !important;}
  .floating-cta a{flex:1;text-align:center;padding:12px 8px !important;}
  .site-footer{padding-bottom:72px !important;}
}

@media(max-width:420px){
  .brand img{width:178px !important;}
  .menu-toggle{padding:7px 9px !important;font-size:20px !important;}
  .hero-grid{width:min(100% - 24px, 760px) !important;}
  .section{width:min(100% - 24px, var(--max)) !important;}
  .hero-points li{font-size:15px !important;padding-left:34px !important;}
  .hero-points li::before{width:22px !important;height:22px !important;}
  .btn{font-size:13px !important;letter-spacing:.04em !important;}
  .area-cloud span{padding:10px 13px !important;font-size:14px;}
}


/* v23 two before/after sliders */
.compare-grid{
  max-width:var(--max);
  margin:34px auto 0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:24px;
  align-items:start;
}
.compare-grid .compare-wrap{
  max-width:none;
  margin:0;
}
.compare-title{
  margin:0 0 12px;
  color:var(--yellow);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:15px;
}
@media(max-width:980px){
  .compare-grid{
    grid-template-columns:1fr;
    gap:30px;
  }
}

/* v24 third before/after slider */
.compare-grid{
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
}
@media(max-width:420px){
  .compare-grid{
    grid-template-columns:1fr;
  }
}

/* v26 link fix */
.qr-link{display:inline-block}.qr-link img{display:block}


/* v27 SEO content sections */
.seo-grid,.article-grid{max-width:var(--max);margin:34px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.seo-card,.article-card,.seo-local{border:1px solid rgba(255,212,0,.16);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border-radius:24px;padding:24px;box-shadow:0 18px 50px rgba(0,0,0,.25)}
.seo-card h3,.seo-local h3,.article-card h3{margin:0 0 10px;color:#fff;font-size:22px}
.seo-card p,.seo-local p,.article-card p{margin:0;color:var(--muted);line-height:1.65}
.seo-local{max-width:var(--max);margin:24px auto 0}
.article-card{display:block;text-decoration:none;color:inherit;transition:transform .2s ease,border-color .2s ease}
.article-card:hover{transform:translateY(-3px);border-color:rgba(255,212,0,.42)}
.article-card span{display:inline-block;color:var(--yellow);font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:12px;margin-bottom:10px}
.article-page{max-width:920px;margin:0 auto;padding:140px 22px 70px}
.article-page h1{font-size:clamp(36px,6vw,66px);line-height:.98;margin:0 0 18px}
.article-page h2{font-size:clamp(26px,4vw,38px);margin:42px 0 12px}
.article-page p,.article-page li{color:var(--muted);font-size:18px;line-height:1.75}
.article-page .article-meta{color:var(--yellow);text-transform:uppercase;font-weight:900;letter-spacing:.1em;font-size:13px;margin-bottom:18px}
.article-page .article-cta{margin-top:34px;padding:26px 26px 26px;border-radius:24px;background:rgba(255,212,0,.1);border:1px solid rgba(255,212,0,.28)}
@media(max-width:980px){.seo-grid,.article-grid{grid-template-columns:1fr}.article-page{padding-top:110px}}

/* v29 subtle visible SEO support without changing the hero design */
.seo-micro{
  max-width:620px;
  margin:8px 0 0;
  font-size:9px;
  line-height:1.35;
  color:rgba(120,120,120,.42);
  letter-spacing:.01em;
}
@media(max-width:720px){.seo-micro{font-size:8.5px;color:rgba(120,120,120,.38)}}


/* v33 article layout hardening + cache-bust support */
.seo-articles{
  position:relative;
  overflow:hidden;
}
.seo-articles .section-head{
  max-width:980px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.seo-articles .section-head h2{
  font-size:clamp(42px,7vw,76px) !important;
  line-height:.92 !important;
  max-width:980px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.article-grid{
  width:100% !important;
  max-width:1220px !important;
  margin:34px auto 0 !important;
  padding:0 22px !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
  align-items:stretch !important;
}
.article-card{
  display:block !important;
  min-height:230px !important;
  text-decoration:none !important;
  color:inherit !important;
  border:1px solid rgba(255,212,0,.20) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)) !important;
  border-radius:24px !important;
  padding:24px !important;
  box-shadow:0 18px 50px rgba(0,0,0,.25) !important;
  transition:transform .2s ease,border-color .2s ease,background .2s ease !important;
}
.article-card:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(255,212,0,.46) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03)) !important;
}
.article-card span{
  display:inline-block !important;
  color:var(--yellow) !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.12em !important;
  font-size:12px !important;
  margin-bottom:14px !important;
}
.article-card h3{
  margin:0 0 12px !important;
  color:#fff !important;
  font-size:clamp(20px,2vw,25px) !important;
  line-height:1.22 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}
.article-card p{
  margin:0 !important;
  color:var(--muted) !important;
  line-height:1.62 !important;
  font-size:16px !important;
}
.article-page{
  width:100% !important;
  max-width:940px !important;
  margin:0 auto !important;
  padding:150px 24px 78px !important;
}
.article-page h1{
  max-width:900px !important;
  font-size:clamp(38px,5.8vw,66px) !important;
  line-height:1.03 !important;
  margin:0 0 24px !important;
  text-transform:none !important;
  letter-spacing:.01em !important;
}
.article-page h2{
  font-size:clamp(26px,3.4vw,38px) !important;
  line-height:1.15 !important;
  margin:42px 0 14px !important;
  text-transform:none !important;
  letter-spacing:.01em !important;
}
.article-page p,.article-page li{
  color:var(--muted) !important;
  font-size:18px !important;
  line-height:1.75 !important;
}
.article-page ul{
  padding-left:24px !important;
}
.article-page .article-meta{
  color:var(--yellow) !important;
  text-transform:uppercase !important;
  font-weight:900 !important;
  letter-spacing:.1em !important;
  font-size:13px !important;
  margin-bottom:18px !important;
}
.article-page .article-cta{
  margin-top:38px !important;
  padding:28px !important;
  border-radius:24px !important;
  background:rgba(255,212,0,.10) !important;
  border:1px solid rgba(255,212,0,.28) !important;
}
@media(max-width:1080px){
  .article-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:700px){
  .seo-articles .section-head h2{font-size:clamp(34px,12vw,56px) !important;}
  .article-grid{grid-template-columns:1fr !important;padding:0 16px !important;gap:18px !important;}
  .article-card{min-height:auto !important;padding:20px !important;}
  .article-page{padding:118px 18px 58px !important;}
  .article-page p,.article-page li{font-size:16px !important;}
}

/* v35 final hardening */
.seo-micro{
  max-width:620px !important;
  margin:8px 0 0 !important;
  font-size:9px !important;
  line-height:1.35 !important;
  color:rgba(120,120,120,.38) !important;
  letter-spacing:.01em !important;
}
.process-section .section-head h2{
  max-width:1120px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  font-size:clamp(34px,5.4vw,76px) !important;
  line-height:.96 !important;
}
.process-section .section-head h2 span{color:var(--yellow) !important;}
.seo-articles .section-head{
  max-width:980px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.seo-articles .section-head h2{
  font-size:clamp(42px,7vw,76px) !important;
  line-height:.92 !important;
  max-width:980px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.article-grid{
  width:100% !important;
  max-width:1220px !important;
  margin:34px auto 0 !important;
  padding:0 22px !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
  align-items:stretch !important;
}
.article-card{
  display:block !important;
  min-height:230px !important;
  text-decoration:none !important;
  color:inherit !important;
  border:1px solid rgba(255,212,0,.20) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)) !important;
  border-radius:24px !important;
  padding:24px !important;
  box-shadow:0 18px 50px rgba(0,0,0,.25) !important;
  transition:transform .2s ease,border-color .2s ease,background .2s ease !important;
}
.article-card:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(255,212,0,.46) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03)) !important;
}
.article-card span{
  display:inline-block !important;
  color:var(--yellow) !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.12em !important;
  font-size:12px !important;
  margin-bottom:14px !important;
}
.article-card h3{
  margin:0 0 12px !important;
  color:#fff !important;
  font-size:clamp(20px,2vw,25px) !important;
  line-height:1.22 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}
.article-card p{
  margin:0 !important;
  color:var(--muted) !important;
  line-height:1.62 !important;
  font-size:16px !important;
}
.article-page{
  width:100% !important;
  max-width:940px !important;
  margin:0 auto !important;
  padding:150px 24px 78px !important;
}
.article-page h1{
  max-width:900px !important;
  font-size:clamp(38px,5.8vw,66px) !important;
  line-height:1.03 !important;
  margin:0 0 24px !important;
  text-transform:none !important;
  letter-spacing:.01em !important;
}
.article-page h2{
  font-size:clamp(26px,3.4vw,38px) !important;
  line-height:1.15 !important;
  margin:42px 0 14px !important;
  text-transform:none !important;
  letter-spacing:.01em !important;
}
.article-page p,.article-page li{
  color:var(--muted) !important;
  font-size:18px !important;
  line-height:1.75 !important;
}
.article-page ul{padding-left:24px !important;}
.article-page .article-meta{
  color:var(--yellow) !important;
  text-transform:uppercase !important;
  font-weight:900 !important;
  letter-spacing:.1em !important;
  font-size:13px !important;
  margin-bottom:18px !important;
}
.article-page .article-cta{
  margin-top:38px !important;
  padding:28px !important;
  border-radius:24px !important;
  background:rgba(255,212,0,.10) !important;
  border:1px solid rgba(255,212,0,.28) !important;
}
@media(max-width:1080px){
  .article-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:700px){
  .seo-micro{font-size:8.5px !important;color:rgba(120,120,120,.34) !important;}
  .process-section .section-head h2{font-size:clamp(30px,10vw,48px) !important;line-height:1.02 !important;}
  .seo-articles .section-head h2{font-size:clamp(34px,12vw,56px) !important;}
  .article-grid{grid-template-columns:1fr !important;padding:0 16px !important;gap:18px !important;}
  .article-card{min-height:auto !important;padding:20px !important;}
  .article-page{padding:118px 18px 58px !important;}
  .article-page p,.article-page li{font-size:16px !important;}
}

/* v36 pricing table */
.pricing-section{
  position:relative;
  overflow:hidden;
}
.pricing-table{
  max-width:1120px;
  margin:34px auto 0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  padding:0 22px;
}
.pricing-row{
  position:relative;
  border:1px solid rgba(255,212,0,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  border-radius:24px;
  padding:22px;
  min-height:245px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  box-shadow:0 18px 50px rgba(0,0,0,.25);
}
.pricing-row.featured{
  border-color:rgba(255,212,0,.46);
  background:linear-gradient(180deg,rgba(255,212,0,.10),rgba(255,255,255,.025));
}
.pricing-num{
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:var(--yellow);
  color:#050505;
  font-weight:900;
  margin-bottom:14px;
}
.pricing-row h3{
  margin:0 0 10px;
  color:var(--yellow);
  font-size:20px;
  line-height:1.15;
  text-transform:uppercase;
  letter-spacing:.02em;
}
.pricing-row p{
  margin:0;
  color:var(--muted);
  line-height:1.58;
  font-size:15px;
}
.pricing-row strong{
  display:block;
  margin-top:18px;
  color:#fff;
  font-size:clamp(34px,4vw,48px);
  line-height:1;
}
.pricing-row small{
  display:block;
  margin-top:6px;
  color:rgba(255,255,255,.58);
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.pricing-actions{
  max-width:1120px;
  margin:26px auto 0;
  padding:0 22px;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  justify-content:center;
}
@media(max-width:1100px){
  .pricing-table{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:640px){
  .pricing-table{grid-template-columns:1fr;padding:0 16px;gap:16px;}
  .pricing-row{min-height:auto;padding:20px;}
  .pricing-actions{padding:0 16px;}
}

/* v38 hero headline: force the homepage message into two clean lines */
.hero h1.hero-two-line{
  font-size:clamp(40px,5.25vw,72px) !important;
  line-height:.94 !important;
  max-width:820px !important;
}
.hero h1.hero-two-line .hero-line{
  display:block;
  white-space:nowrap;
  color:var(--white) !important;
}
.hero h1.hero-two-line em{
  color:var(--yellow);
  font-style:inherit;
}
@media(max-width:760px){
  .hero h1.hero-two-line{font-size:clamp(32px,9vw,48px) !important;}
}
@media(max-width:420px){
  .hero h1.hero-two-line{font-size:clamp(28px,8.4vw,36px) !important;}
}

/* v40 hero image and homepage order refinements */
.hero{
  min-height:82vh !important;
}
.hero-grid{
  grid-template-columns:minmax(520px, 760px) 1fr !important;
  max-width:1640px !important;
  padding-top:clamp(34px,4.5vw,62px) !important;
  padding-bottom:clamp(92px,8vw,128px) !important;
}
.hero-copy{
  max-width:760px !important;
}
.hero-vehicle{
  width:min(58vw, 1080px) !important;
  right:clamp(0px,2vw,34px) !important;
  background-size:contain !important;
  background-position:8% center !important;
  opacity:.82 !important;
  filter:saturate(1.05) contrast(1.08) brightness(.95) !important;
}
.hero::after{
  width:4vw !important;
  min-width:72px !important;
}
@media(max-width:1280px){
  .hero-grid{grid-template-columns:minmax(0,650px) 1fr !important;}
  .hero-vehicle{width:min(55vw,880px) !important;background-position:16% center !important;}
}
@media(max-width:980px){
  .hero{min-height:auto !important;}
  .hero-grid{display:block !important;width:min(100% - 28px,760px) !important;padding:36px 0 30px !important;}
  .hero-vehicle{width:100% !important;right:0 !important;background-size:cover !important;background-position:right center !important;opacity:.24 !important;}
}

/* v44: front-page warranty highlight */
.warranty-card{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0 !important;
  border:2px solid var(--yellow);
  border-radius:20px;
  padding:16px 22px;
  background:var(--yellow);
  color:#050505;
  font-weight:900;
  box-shadow:0 0 34px rgba(255,212,0,.18);
}
.warranty-card strong{
  font-size:26px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.02em;
}
.warranty-card span{
  font-size:15px;
  line-height:1.1;
  text-transform:uppercase;
  letter-spacing:.04em;
}
@media(max-width:980px){
  .warranty-card{width:100%;justify-content:center;text-align:center;}
}
@media(max-width:520px){
  .warranty-card{display:block;padding:14px 16px;}
  .warranty-card strong{display:block;font-size:23px;}
  .warranty-card span{display:block;margin-top:4px;}
}

/* v41: fuller hero image, yellow HEADLIGHTS, and controlled two-line headings */
.hero{
  min-height:88vh !important;
}
.hero-grid{
  width:min(100% - 24px, 1720px) !important;
  max-width:1720px !important;
  grid-template-columns:minmax(520px, 780px) 1fr !important;
  padding-top:clamp(42px,5vw,74px) !important;
  padding-bottom:clamp(112px,9vw,150px) !important;
}
.hero-copy{
  max-width:780px !important;
}
.hero h1.hero-two-line{
  font-size:clamp(48px,5.55vw,86px) !important;
  max-width:980px !important;
}
.hero h1.hero-two-line .hero-line{
  color:var(--white) !important;
}
.hero h1.hero-two-line em{
  color:var(--yellow) !important;
}
.hero-vehicle{
  width:min(66vw, 1240px) !important;
  right:clamp(-80px,-3vw,-28px) !important;
  background-size:contain !important;
  background-position:0 center !important;
  opacity:.94 !important;
  filter:saturate(1.08) contrast(1.12) brightness(1) !important;
}
.beam{
  right:26vw !important;
  width:min(64vw, 1120px) !important;
}
.section h2.two-line-heading,
.booking-section h2.two-line-heading,
.story-card h2.two-line-heading{
  font-size:clamp(42px,5.4vw,78px) !important;
  line-height:.96 !important;
  max-width:1120px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.section h2.two-line-heading span,
.booking-section h2.two-line-heading span,
.story-card h2.two-line-heading span{
  display:block;
  white-space:nowrap;
}
.areas-section h2.two-line-heading,
.booking-section h2.two-line-heading,
.value-story h2.two-line-heading{
  margin-left:0 !important;
  margin-right:0 !important;
}
@media(max-width:1280px){
  .hero-grid{grid-template-columns:minmax(0,690px) 1fr !important;}
  .hero h1.hero-two-line{font-size:clamp(46px,5.2vw,72px) !important;}
  .hero-vehicle{width:min(62vw,980px) !important;right:-70px !important;background-position:0 center !important;}
}
@media(max-width:980px){
  .hero{min-height:auto !important;}
  .hero-grid{display:block !important;width:min(100% - 28px,760px) !important;padding:36px 0 30px !important;}
  .hero-vehicle{width:100% !important;right:0 !important;background-size:cover !important;background-position:right center !important;opacity:.24 !important;}
  .section h2.two-line-heading span,
  .booking-section h2.two-line-heading span,
  .story-card h2.two-line-heading span{white-space:normal;}
}
@media(max-width:720px){
  .section h2.two-line-heading,
  .booking-section h2.two-line-heading,
  .story-card h2.two-line-heading{font-size:clamp(36px,10vw,52px) !important;}
}

/* v42: v36-inspired hero balance and corrected white/yellow heading system */
.hero{
  min-height:72vh !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
}
.hero-grid{
  width:min(100% - 32px, 1580px) !important;
  max-width:1580px !important;
  grid-template-columns:minmax(0, 760px) 1fr !important;
  gap:0 !important;
  align-items:center !important;
  padding:clamp(32px,4vw,56px) clamp(18px,3vw,40px) clamp(54px,6vw,86px) !important;
}
.hero-copy{
  max-width:760px !important;
  padding-left:0 !important;
  position:relative !important;
  z-index:4 !important;
}
.hero h1.hero-two-line{
  font-size:clamp(42px,4.35vw,68px) !important;
  line-height:.94 !important;
  max-width:760px !important;
  margin-bottom:24px !important;
}
.hero h1.hero-two-line .hero-line{
  display:block !important;
  white-space:nowrap !important;
  color:var(--white) !important;
}
.hero h1.hero-two-line em{
  color:var(--yellow) !important;
  font-style:inherit !important;
}
.hero-vehicle{
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:min(57vw, 1080px) !important;
  background-image:url('assets/hero-car-only-clean.png') !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position:left center !important;
  opacity:.86 !important;
  filter:saturate(1.05) contrast(1.08) brightness(.96) !important;
  z-index:1 !important;
}
.beam{
  right:28vw !important;
  width:min(58vw, 1040px) !important;
}
.section h2.two-line-heading,
.booking-section h2.two-line-heading,
.story-card h2.two-line-heading{
  color:var(--white) !important;
  font-size:clamp(40px,4.8vw,70px) !important;
  line-height:.98 !important;
  max-width:1040px !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}
.section h2.two-line-heading span,
.booking-section h2.two-line-heading span,
.story-card h2.two-line-heading span{
  display:block !important;
  color:var(--white) !important;
  white-space:nowrap !important;
}
.section h2.two-line-heading em,
.booking-section h2.two-line-heading em,
.story-card h2.two-line-heading em{
  color:var(--yellow) !important;
  font-style:inherit !important;
}
.story-card.yellow h2.two-line-heading,
.story-card.yellow h2.two-line-heading span,
.story-card.yellow h2.two-line-heading em{
  color:#050505 !important;
}
.value-story{
  overflow:hidden !important;
}
.story-card{
  min-width:0 !important;
  overflow:hidden !important;
}
@media(max-width:1280px){
  .hero-grid{grid-template-columns:minmax(0, 620px) 1fr !important;}
  .hero h1.hero-two-line{font-size:clamp(40px,5vw,62px) !important;max-width:660px !important;}
  .hero-vehicle{width:min(55vw, 860px) !important;}
}
@media(max-width:980px){
  .hero{min-height:auto !important;}
  .hero-grid{display:block !important;width:min(100% - 28px,760px) !important;padding:36px 0 30px !important;}
  .hero-vehicle{width:100% !important;right:0 !important;background-size:cover !important;background-position:right center !important;opacity:.24 !important;}
  .hero h1.hero-two-line .hero-line,
  .section h2.two-line-heading span,
  .booking-section h2.two-line-heading span,
  .story-card h2.two-line-heading span{white-space:normal !important;}
}
@media(max-width:720px){
  .hero h1.hero-two-line{font-size:clamp(34px,10vw,52px) !important;}
  .section h2.two-line-heading,
  .booking-section h2.two-line-heading,
  .story-card h2.two-line-heading{font-size:clamp(34px,9.2vw,48px) !important;}
}

/* v43: remove story block and use cropped hero car art to fill the front page */
.hero{
  min-height:76vh !important;
  background:
    linear-gradient(90deg, rgba(5,7,10,1) 0%, rgba(5,7,10,.98) 45%, rgba(5,7,10,.72) 62%, rgba(5,7,10,.92) 84%, #05070a 100%),
    #05070a !important;
}
.hero-grid{
  width:min(100% - 28px, 1640px) !important;
  max-width:1640px !important;
  grid-template-columns:minmax(0, 720px) 1fr !important;
  padding:clamp(34px,4vw,58px) clamp(18px,3vw,38px) clamp(70px,7vw,104px) !important;
}
.hero-copy{
  max-width:720px !important;
}
.hero h1.hero-two-line{
  font-size:clamp(42px,4.7vw,74px) !important;
  max-width:820px !important;
}
.hero-vehicle{
  background-image:url('assets/hero-car-only-clean-cropped.png') !important;
  width:min(52vw, 980px) !important;
  right:clamp(20px,4vw,92px) !important;
  top:0 !important;
  bottom:0 !important;
  background-size:cover !important;
  background-position:center center !important;
  opacity:.92 !important;
  filter:saturate(1.08) contrast(1.1) brightness(.98) !important;
}
.beam{
  right:34vw !important;
  width:min(54vw, 980px) !important;
}
@media(max-width:1400px){
  .hero-grid{grid-template-columns:minmax(0, 650px) 1fr !important;}
  .hero h1.hero-two-line{font-size:clamp(40px,4.8vw,64px) !important;}
  .hero-vehicle{width:min(52vw, 820px) !important;right:24px !important;}
}
@media(max-width:980px){
  .hero{min-height:auto !important;}
  .hero-grid{display:block !important;width:min(100% - 28px,760px) !important;padding:36px 0 30px !important;}
  .hero-vehicle{width:100% !important;right:0 !important;background-size:cover !important;background-position:right center !important;opacity:.24 !important;}
}


/* v45: warranty proof section under hero */
.warranty-proof-section{
  position:relative;
  padding-top:clamp(34px,5vw,64px) !important;
  padding-bottom:clamp(44px,6vw,74px) !important;
}
.warranty-proof-section::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;bottom:0;
  background:radial-gradient(circle at 76% 18%, rgba(255,212,0,.10), transparent 22%);
  pointer-events:none;
}
.warranty-proof-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(320px,540px) minmax(620px,1fr);
  gap:28px;
  align-items:end;
}
.warranty-proof-copy{max-width:540px}
.warranty-proof-copy p{max-width:540px}
.warranty-points{margin-top:18px}
.warranty-proof-visual{
  position:relative;
  border:1px solid rgba(255,212,0,.20);
  border-radius:32px;
  padding:26px 26px 26px;
  background:linear-gradient(180deg, rgba(12,16,23,.96), rgba(6,9,13,.92));
  box-shadow:0 24px 60px rgba(0,0,0,.35);
  overflow:hidden;
}
.warranty-proof-visual::after{
  content:"";
  position:absolute;
  inset:auto -12% -22% auto;
  width:340px;height:340px;
  background:radial-gradient(circle, rgba(255,212,0,.14), transparent 68%);
  pointer-events:none;
}
.warranty-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:18px;
  background:var(--yellow);
  color:#050505;
  border-radius:999px;
  padding:12px 18px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  box-shadow:0 0 28px rgba(255,212,0,.22);
}
.warranty-proof-images{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.warranty-shot{
  margin:0;
  border:1px solid rgba(255,212,0,.22);
  border-radius:24px;
  overflow:hidden;
  background:#05070a;
  position:relative;
}
.warranty-shot figcaption{
  position:absolute;
  left:14px;
  top:14px;
  z-index:2;
  background:var(--yellow);
  color:#050505;
  padding:8px 12px;
  border-radius:999px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:12px;
  box-shadow:0 8px 24px rgba(0,0,0,.28);
}
.warranty-shot img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
  background:#05070a;
}
@media(max-width:980px){
  .warranty-proof-grid{grid-template-columns:1fr}
  .warranty-proof-copy{max-width:100%}
}
@media(max-width:680px){
  .warranty-proof-images{grid-template-columns:1fr}
  .warranty-proof-visual{padding:18px}
  .warranty-shot img{height:auto;aspect-ratio:auto;object-fit:contain;background:#05070a}
}


/* v48: widen and lower the warranty proof panel, while keeping full image/date-stamp wording visible */
@media(min-width:981px){
  .warranty-proof-visual{
    width:min(100%, 760px);
    justify-self:end;
    align-self:end;
    margin-top:0 !important;
    transform:translate(20px, 46px) !important;
  }
  .warranty-proof-section{
    padding-bottom:100px;
  }
}
@media(max-width:1280px) and (min-width:981px){
  .warranty-proof-visual{
    width:min(100%, 700px);
    transform:translate(10px, 34px) !important;
  }
}
@media(max-width:980px){
  .warranty-proof-visual{
    width:100%;
    margin-top:0 !important;
    transform:none !important;
  }
}




/* v49: animated warranty panel interactions and clickable image lightbox */
.warranty-proof-visual{
  animation:warrantyGlow 5.6s ease-in-out infinite;
}
@keyframes warrantyGlow{
  0%,100%{box-shadow:0 24px 60px rgba(0,0,0,.35), 0 0 0 rgba(255,212,0,0)}
  50%{box-shadow:0 28px 70px rgba(0,0,0,.4), 0 0 34px rgba(255,212,0,.11)}
}
.warranty-badge{
  animation:warrantyBadgePulse 4.5s ease-in-out infinite;
}
@keyframes warrantyBadgePulse{
  0%,100%{box-shadow:0 0 28px rgba(255,212,0,.22)}
  50%{box-shadow:0 0 34px rgba(255,212,0,.34)}
}
.warranty-shot.before{animation:warrantyShotBob 6.2s ease-in-out infinite}
.warranty-shot.after{animation:warrantyShotBob 6.2s ease-in-out infinite .5s}
@keyframes warrantyShotBob{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}
@media(max-width:980px){
  .warranty-shot.before,.warranty-shot.after{animation:none}
}
.warranty-zoom-note{
  margin:0 0 14px;
  font-size:14px !important;
  color:rgba(247,247,247,.82) !important;
  letter-spacing:.03em;
}
.warranty-shot{
  cursor:pointer;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.warranty-shot::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,212,0,.08), transparent 36%, rgba(0,0,0,.05));
  opacity:0;
  transition:opacity .25s ease;
  pointer-events:none;
}
.warranty-shot:hover,
.warranty-shot:focus-visible{
  transform:translateY(-4px);
  box-shadow:0 18px 34px rgba(0,0,0,.34), 0 0 0 1px rgba(255,212,0,.2) inset;
  border-color:rgba(255,212,0,.46);
  outline:none;
}
.warranty-shot:hover::after,
.warranty-shot:focus-visible::after{opacity:1}
.warranty-shot img{
  transition:transform .35s ease, filter .35s ease;
}
.warranty-shot:hover img,
.warranty-shot:focus-visible img{
  transform:scale(1.045);
  filter:saturate(1.04) contrast(1.02);
}
.zoom-chip{
  position:absolute;
  right:12px;
  bottom:12px;
  z-index:2;
  background:rgba(3,5,7,.82);
  border:1px solid rgba(255,212,0,.35);
  color:var(--yellow);
  padding:7px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  opacity:0;
  transform:translateY(6px);
  transition:opacity .25s ease, transform .25s ease;
  pointer-events:none;
}
.warranty-shot:hover .zoom-chip,
.warranty-shot:focus-visible .zoom-chip{
  opacity:1;
  transform:translateY(0);
}
.image-lightbox{
  position:fixed;
  inset:0;
  z-index:120;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  opacity:0;
  pointer-events:none;
  transition:opacity .26s ease;
}
.image-lightbox.open{
  opacity:1;
  pointer-events:auto;
}
.image-lightbox-backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,4,7,.82);
  backdrop-filter:blur(6px);
}
.image-lightbox-dialog{
  position:relative;
  z-index:1;
  width:min(1080px, 100%);
  max-height:min(88vh, 980px);
  background:linear-gradient(180deg, rgba(12,16,23,.98), rgba(6,9,13,.96));
  border:1px solid rgba(255,212,0,.22);
  border-radius:28px;
  box-shadow:0 30px 80px rgba(0,0,0,.45);
  padding:18px;
  overflow:auto;
}
.image-lightbox-content{
  border-radius:20px;
  overflow:hidden;
  background:#05070a;
  border:1px solid rgba(255,212,0,.14);
}
.image-lightbox-content img{
  display:block;
  width:100%;
  height:auto;
  max-height:70vh;
  object-fit:contain;
  margin:0 auto;
}
.image-lightbox-meta{
  padding:16px 6px 2px;
}
.image-lightbox-meta h3{
  margin:0 0 6px;
  color:var(--yellow);
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:22px;
}
.image-lightbox-meta p{
  margin:0;
  color:#e0e4ea;
  font-size:16px;
}
.lightbox-close{
  position:absolute;
  right:14px;
  top:14px;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(255,212,0,.3);
  background:rgba(3,5,7,.84);
  color:var(--yellow);
  font-size:28px;
  line-height:1;
  cursor:pointer;
  z-index:2;
}
.lightbox-close:hover{background:rgba(255,212,0,.12)}
body.lightbox-open{overflow:hidden}
@media(max-width:680px){
  .zoom-chip{opacity:1;transform:none;font-size:10px;padding:6px 9px}
  .image-lightbox{padding:12px}
  .image-lightbox-dialog{padding:14px;border-radius:22px}
  .image-lightbox-meta h3{font-size:18px}
  .image-lightbox-meta p{font-size:14px}
}