:root{
  --ink:#050608;--surface:#0A0C10;--surface-2:#10141A;
  --line:rgba(255,255,255,.11);--line-soft:rgba(255,255,255,.06);
  --bone:#F4F6F8;--muted:#A1A8B3;--muted-dim:#6F7783;
  --brass:#00F2FF;--brass-lift:#6BF7FF;--brass-dim:#0B6C72;--green:#00FF87;
  --f-display:"Michroma","Eurostile",Arial,sans-serif;
  --f-body:"Inter","Helvetica Neue",Arial,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --maxw:1180px;--gutter:clamp(20px,5vw,64px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--bone);font-family:var(--f-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%}
p{margin:0}
.wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.skip{position:absolute;left:-999px;top:0;background:var(--brass);color:#000;padding:8px 14px;z-index:100}
.skip:focus{left:8px;top:8px}

.eyebrow{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);margin:0}
h1,h2,h3{font-family:var(--f-display);font-weight:400;text-wrap:balance;margin:0}
h1{font-size:clamp(22px,4.2vw,50px);overflow-wrap:anywhere;line-height:1.1;letter-spacing:.01em;text-transform:uppercase}
h2{font-size:clamp(18px,2.3vw,28px);overflow-wrap:anywhere;line-height:1.2;letter-spacing:.01em;text-transform:uppercase}
h3{font-size:15px;line-height:1.35;letter-spacing:.02em}
.lede{font-size:clamp(16px,1.6vw,19px);color:var(--muted);max-width:60ch}

/* draft markers: set DRAFT=false in script.js to hide */
.tbc{font-family:var(--f-mono);font-size:.82em;letter-spacing:.06em;color:var(--brass);border:1px dashed var(--brass-dim);background:rgba(0,242,255,.07);padding:1px 7px;border-radius:2px;white-space:nowrap}
body.final .tbc{color:inherit;border:0;background:none;padding:0;font:inherit;letter-spacing:inherit;white-space:normal}
.draft-bar{background:var(--brass-dim);color:#E9FEFF;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-align:center;padding:7px 12px}
body.final .draft-bar{display:none}

/* header */
header.site{position:sticky;top:0;z-index:60;background:rgba(5,6,8,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft)}
.bar{display:flex;align-items:center;gap:22px;min-height:68px}
.mark{display:flex;align-items:center;gap:12px;text-decoration:none;flex:0 0 auto}
nav.main{display:flex;gap:24px;margin-left:auto}
nav.main a{font-size:13.5px;color:var(--muted);text-decoration:none;letter-spacing:.02em;padding:4px 0;border-bottom:1px solid transparent}
nav.main a:hover,nav.main a[aria-current="page"]{color:var(--bone);border-bottom-color:var(--brass)}
.bar .phone{font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;color:var(--muted);text-decoration:none;white-space:nowrap}
.bar .phone:hover{color:var(--brass-lift)}
.menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--line);color:var(--bone);font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:9px 12px;border-radius:2px;cursor:pointer}
@media (max-width:1060px){.bar .phone{display:none}}
@media (max-width:900px){
  .menu-btn{display:block}
  .bar .btn{display:none}
  nav.main{display:none;position:absolute;top:68px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;gap:0;padding:8px var(--gutter) 16px;margin:0}
  nav.main.open{display:flex}
  nav.main a{padding:14px 0;border-bottom:1px solid var(--line-soft);font-size:15px}
}

/* buttons */
.btn{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;padding:12px 20px;border-radius:2px;text-decoration:none;display:inline-flex;align-items:center;gap:9px;border:1px solid var(--brass);background:var(--brass);color:#021417;cursor:pointer;transition:background .18s ease}
.btn:hover{background:var(--brass-lift);border-color:var(--brass-lift)}
.btn.ghost{background:none;color:var(--bone);border-color:var(--line)}
.btn.ghost:hover{border-color:var(--bone);background:rgba(244,246,248,.05)}
.btn.small{padding:9px 14px;font-size:10.5px}
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--brass-lift);outline-offset:2px}

/* hero */
.hero{position:relative;border-bottom:1px solid var(--line-soft);overflow:hidden}
.hero-media{position:absolute;inset:0;background:radial-gradient(120% 90% at 78% 22%,rgba(0,242,255,.16),transparent 58%),radial-gradient(90% 70% at 12% 88%,rgba(0,255,135,.07),transparent 62%),linear-gradient(180deg,#090C11 0%,#050608 74%)}
.hero-media::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(244,246,248,.028) 1px,transparent 1px);background-size:100% 3px;opacity:.6}
.hero-inner{position:relative;padding-top:clamp(48px,7vw,96px);padding-bottom:clamp(48px,7vw,88px);display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(28px,5vw,64px);align-items:center}
.hero-text{display:flex;flex-direction:column;gap:26px}
.hero-car{margin:0;border:1px solid var(--line);border-radius:3px;overflow:hidden;background:var(--surface);box-shadow:0 0 60px rgba(0,242,255,.10)}
.hero-car img{display:block;width:100%;height:auto;max-height:640px;object-fit:cover}
@media (max-width:900px){.hero-inner{grid-template-columns:1fr}.hero-car img{max-height:460px}}
.hero h1 em,.page-hero h1 em{font-style:normal;color:var(--brass)}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.page-hero{border-bottom:1px solid var(--line-soft);background:radial-gradient(100% 120% at 85% 0%,rgba(0,242,255,.12),transparent 55%),var(--ink)}
.page-hero .wrap{padding-top:clamp(48px,7vw,84px);padding-bottom:clamp(40px,5vw,64px);display:flex;flex-direction:column;gap:18px}
.page-hero h1{font-size:clamp(20px,3.4vw,40px)}

/* ticker */
.ticker-strip{border-bottom:1px solid var(--line-soft);background:var(--surface);overflow:hidden}
.ticker{display:flex;width:max-content;animation:slide 46s linear infinite}
.ticker span{font-family:var(--f-display);font-size:clamp(12px,1.4vw,15px);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-dim);padding:18px 26px;white-space:nowrap}
.ticker span::after{content:"·";margin-left:26px;color:var(--brass-dim)}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker{animation:none;flex-wrap:wrap;width:auto;justify-content:center}html{scroll-behavior:auto}}

/* sections */
section{padding:clamp(56px,7vw,96px) 0;border-bottom:1px solid var(--line-soft)}
.sec-head{display:flex;flex-direction:column;gap:14px;margin-bottom:40px;max-width:70ch}

/* lane cards (home picker + fleet) */
.lanes{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.lane{background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:24px 22px 22px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--bone);transition:border-color .18s ease,transform .18s ease}
.lane:hover{border-color:var(--brass);transform:translateY(-2px)}
.lane .c-name{font-family:var(--f-display);font-size:15px;line-height:1.3}
.lane .c-ex{font-family:var(--f-mono);font-size:11px;color:var(--muted-dim);letter-spacing:.06em;line-height:1.6}
.lane p{font-size:14px;color:var(--muted);line-height:1.55}
.lane .go{margin-top:auto;padding-top:10px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass)}
.lane:hover .go{color:var(--brass-lift)}
.note{margin-top:28px;font-size:14px;color:var(--muted);max-width:70ch;border-left:2px solid var(--brass-dim);padding-left:16px}

/* split (rent / lease) */
.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:820px){.split{grid-template-columns:1fr}}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:34px 30px;display:flex;flex-direction:column;gap:16px}
.panel p{color:var(--muted);font-size:15px}
.panel .btn{align-self:flex-start;margin-top:6px}

/* steps */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));border-top:1px solid var(--line)}
.step{padding:26px 24px 30px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.step:last-child{border-right:none}
@media (max-width:760px){.step{border-right:none}}
.step .n{font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;color:var(--brass)}
.step p{font-size:14.5px;color:var(--muted);line-height:1.62}

/* coverage */
.coverage{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:36px}
.county{display:flex;flex-direction:column;gap:14px}
.county h3{font-size:16px}
.county ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.county li{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.06em;color:var(--muted);border:1px solid var(--line);border-radius:2px;padding:6px 10px}
.county li.air{color:var(--brass);border-color:var(--brass-dim)}

/* spec sheet */
.spec{border-top:1px solid var(--line);margin:0}
.spec-row{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line-soft);align-items:baseline}
.spec-row dt{font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-dim)}
.spec-row dd{margin:0;font-size:15px;display:flex;flex-wrap:wrap;gap:10px;align-items:baseline}
.spec-row dd .val{color:var(--green)}
@media (max-width:620px){.spec-row{grid-template-columns:1fr;gap:6px}}

/* CTA band */
.cta-band{background:var(--surface)}
.cta-band .wrap{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.cta-band h2{max-width:20ch}

/* faq */
.faq{border-top:1px solid var(--line);max-width:860px}
.faq details{border-bottom:1px solid var(--line-soft)}
.faq summary{cursor:pointer;list-style:none;padding:20px 0;font-family:var(--f-display);font-size:14px;line-height:1.5;display:flex;justify-content:space-between;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--f-mono);color:var(--brass);flex:0 0 auto}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 0 22px;color:var(--muted);font-size:15px;max-width:70ch}

/* prose (about, legal) */
.prose{max-width:760px;display:flex;flex-direction:column;gap:18px}
.prose h2{font-size:18px;margin-top:20px}
.prose p,.prose li{color:var(--muted);font-size:15.5px}
.prose ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.prose strong{color:var(--bone);font-weight:600}

/* about */
.about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:start}
@media (max-width:820px){.about{grid-template-columns:1fr}}
.photo-slot{aspect-ratio:4/5;border:1px dashed var(--brass-dim);background:rgba(0,242,255,.045);border-radius:3px;display:grid;place-items:center;text-align:center;padding:24px;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--brass)}
body.final .photo-slot{background:var(--surface);border-color:var(--line);color:var(--muted-dim)}
.about-photo{margin:0;aspect-ratio:4/5;border:1px solid var(--line);border-radius:3px;overflow:hidden;background:var(--surface)}
.about-photo img{display:block;width:100%;height:100%;object-fit:cover}

/* form */
.form-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,64px);align-items:start}
@media (max-width:900px){.form-grid{grid-template-columns:1fr}}
form.inquiry{display:flex;flex-direction:column;gap:16px}
.field{display:flex;flex-direction:column;gap:7px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:560px){.row2{grid-template-columns:1fr}}
label{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-dim)}
input,select,textarea{font-family:var(--f-body);font-size:15px;color:var(--bone);background:var(--surface);border:1px solid var(--line);border-radius:2px;padding:12px 13px;width:100%}
input::placeholder,textarea::placeholder{color:var(--muted-dim)}
input:focus,select:focus,textarea:focus{border-color:var(--brass)}
textarea{resize:vertical;min-height:96px}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% + 1px),calc(100% - 13px) calc(50% + 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
#formNote{font-size:13px;color:var(--muted);min-height:1.2em}
#formNote.ok{color:var(--brass-lift)}
.aside-card{background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:26px 24px;display:flex;flex-direction:column;gap:18px}
.aside-card h3{font-size:15px}
.direct{display:flex;flex-direction:column;gap:12px}
.direct a{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;padding:13px 15px;border:1px solid var(--line);border-radius:2px;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;transition:border-color .18s ease,color .18s ease}
.direct a:hover{border-color:var(--brass);color:var(--brass-lift)}
.direct a .tag{color:var(--muted-dim);letter-spacing:.04em;text-transform:none;font-size:11px}
.hours{font-size:14px;color:var(--muted)}

/* footer */
footer.site{padding:clamp(48px,6vw,72px) 0 34px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
@media (max-width:820px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot-grid{grid-template-columns:1fr}}
.foot-col{display:flex;flex-direction:column;gap:11px}
.foot-col h4{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-dim);margin:0 0 4px;font-weight:500}
.foot-col a,.foot-col span{font-size:13.5px;color:var(--muted);text-decoration:none;line-height:1.5}
.foot-col a:hover{color:var(--brass-lift)}
.foot-bottom{margin-top:44px;padding-top:20px;border-top:1px solid var(--line-soft);display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;color:var(--muted-dim)}

.wa-fab-unused{position:fixed;right:16px;bottom:16px;z-index:80;height:50px;padding:0 20px;border-radius:25px;background:var(--brass);color:#021417;display:flex;align-items:center;text-decoration:none;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--brass-lift)}
.wa-fab:hover{background:var(--brass-lift)}

/* Uploaded Persona Exotics logo, cropped from the supplied header artwork. */
.logo{display:block;width:236px;max-width:100%;height:auto}
@media (max-width:420px){.logo{width:205px}}

/* car cards */
.cars{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}
.car{background:var(--surface);border:1px solid var(--line);border-radius:3px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .18s ease}
.car:hover{border-color:var(--brass)}
.car img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 62%}
.car-body{padding:20px 20px 22px;display:flex;flex-direction:column;gap:10px}
.car-tag{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--brass)}
.car-specs{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.04em;color:var(--muted);line-height:1.6}
.car-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;flex-wrap:wrap}
.car-rate{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.06em;color:var(--green)}

.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.chip{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:none;border:1px solid var(--line);border-radius:2px;padding:9px 14px;cursor:pointer}
.chip:hover{color:var(--bone);border-color:var(--muted-dim)}
.chip.on{color:#021417;background:var(--brass);border-color:var(--brass)}
.car[hidden]{display:none}

/* centered hero with quick bar */
.hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;padding-top:clamp(56px,8vw,104px);padding-bottom:clamp(56px,8vw,96px)}
.hero .lede{margin:0 auto}
.eyebrow.pill{border:1px solid var(--line);border-radius:999px;padding:8px 18px;background:rgba(5,6,8,.55)}
.quickbar,.namecar{width:100%;max-width:880px;display:flex;align-items:stretch;background:rgba(10,12,16,.82);border:1px solid var(--line);border-radius:4px;text-align:left}
.quickbar{margin-top:8px}
.qb-field{flex:1;display:flex;flex-direction:column;gap:5px;padding:14px 18px;border-right:1px solid var(--line);min-width:0}
.qb-field label{font-size:10px}
.qb-field input,.qb-field select{background:none;border:0;padding:0;font-size:16px;color:var(--bone);color-scheme:dark;width:100%;font-family:var(--f-body)}
.qb-field select{background-image:none}
.qb-field select option{background:#0A0C10;color:var(--bone)}
.quickbar .btn,.namecar .btn{margin:10px;align-self:center}
.namecar input{flex:1;border:0;background:none;padding:18px 20px;font-size:16px;min-width:0}
.namecar input:focus{outline:none}
.namecar:focus-within,.quickbar:focus-within{border-color:var(--brass)}
.callline{font-size:13.5px;color:var(--muted)}
.callline a{color:var(--bone);text-decoration:underline;text-decoration-color:var(--brass-dim);text-underline-offset:3px}
@media (max-width:700px){.quickbar{flex-direction:column}.qb-field{border-right:0;border-bottom:1px solid var(--line)}.quickbar .btn{margin:12px;align-self:stretch;justify-content:center}}

/* how it works: phone + animated conversation */
.how{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,88px);align-items:center}
.how-phone{display:flex;flex-direction:column;align-items:center;gap:18px}
.phone-mock{width:100%;max-width:330px;height:560px;background:#050608;border:1px solid var(--line);border-radius:38px;padding:10px;box-shadow:0 0 0 6px #0c0f14,0 30px 80px rgba(0,0,0,.6),0 0 70px rgba(0,242,255,.08);display:flex;flex-direction:column;overflow:hidden}
.ph-head{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 0 12px;border-bottom:1px solid var(--line-soft)}
.ph-av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1a2028,#0a0c10);border:1px solid var(--brass);color:var(--brass);font-family:var(--f-display);font-style:italic;font-size:17px}
.ph-name{font-size:12px;color:var(--muted)}
.ph-msgs{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:14px 10px;overflow:hidden}
.bub{max-width:82%;padding:10px 14px;border-radius:18px;font-size:14px;line-height:1.4;animation:pop .32s ease both}
.bub.me{align-self:flex-end;background:var(--brass);color:#021417;border-bottom-right-radius:5px}
.bub.them{align-self:flex-start;background:#161b22;color:var(--bone);border-bottom-left-radius:5px}
.bub.typing{display:flex;gap:5px;padding:13px 15px}
.bub.typing i{width:7px;height:7px;border-radius:50%;background:var(--muted-dim);animation:blink 1.1s infinite}
.bub.typing i:nth-child(2){animation-delay:.18s}.bub.typing i:nth-child(3){animation-delay:.36s}
@keyframes pop{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
@keyframes blink{0%,60%,100%{opacity:.25}30%{opacity:1}}
.ph-input{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 6px 8px;padding:6px 6px 6px 16px;border:1px solid var(--line);border-radius:22px;min-height:42px}
.ph-field{font-size:14px;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:clip;flex:1}
.ph-field:empty::before{content:"Message";color:var(--muted-dim)}
.ph-field.typing::after{content:"";display:inline-block;width:1px;height:14px;background:var(--brass);margin-left:2px;vertical-align:-2px;animation:blink 1s infinite}
.ph-send{width:30px;height:30px;border-radius:50%;background:var(--brass);color:#021417;display:grid;place-items:center;font-size:15px;flex:0 0 auto}
.how-cap{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-dim);text-align:center}
.how-text{display:flex;flex-direction:column;gap:24px}
.how-h{font-size:clamp(30px,4.6vw,56px);line-height:1.08}
.how-h em{font-style:normal;background:linear-gradient(90deg,var(--brass),var(--green));-webkit-background-clip:text;background-clip:text;color:transparent}
.stp-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.stp{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:22px 0;border-bottom:1px solid var(--line);opacity:.4;transition:opacity .4s ease}
.stp.on{opacity:1}
.stp .n{font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;color:var(--muted-dim);padding-top:4px;transition:color .4s ease}
.stp.on .n{color:var(--brass)}
.stp h3{font-size:17px;margin-bottom:8px}
.stp p{font-size:14.5px;color:var(--muted);line-height:1.62}
.how-note{border:1px solid var(--line);border-radius:4px;padding:16px 20px;background:var(--surface);color:var(--muted);font-size:15px}
.how-note strong{color:var(--bone);font-weight:600}
@media (max-width:860px){.how{grid-template-columns:1fr}.how-phone{order:2}.phone-mock{height:520px}}
@media (prefers-reduced-motion:reduce){.stp{opacity:1}.bub{animation:none}.bub.typing i,.ph-field.typing::after{animation:none}}

/* lussaro-style conversion elements */
body.final .draft-only{display:none}
.hero-inner .hero-cta{justify-content:center;margin-top:2px}
.rating{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;color:var(--green)}
.rating a,.reviews-slot a{text-decoration:none}
.perks{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.perks li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:9px;vertical-align:1px}
.car h3 a{color:inherit;text-decoration:none}
.car h3 a:hover{color:var(--brass-lift)}
.car-img{display:block}
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.trust-item{background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:24px 22px;display:flex;flex-direction:column;gap:10px}
.trust-item p{font-size:14.5px;color:var(--muted);line-height:1.6}
.reviews-slot{margin-top:18px;padding:22px;border:1px dashed var(--brass-dim);border-radius:3px;text-align:center}
.reserve{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:start}
.reserve-text{display:flex;flex-direction:column;gap:18px}
@media (max-width:860px){.reserve{grid-template-columns:1fr}}
.form-hint{font-size:13px;color:var(--muted)}
.detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,64px);align-items:start}
.detail-photo{margin:0;border:1px solid var(--line);border-radius:3px;overflow:hidden;background:var(--surface)}
.detail-photo img{display:block;width:100%;height:auto}
.detail-info{display:flex;flex-direction:column;gap:22px}
.detail-specs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.detail-specs li{font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;color:var(--bone);border:1px solid var(--line);border-radius:2px;padding:8px 12px}
@media (max-width:860px){.detail{grid-template-columns:1fr}}
.dock{position:fixed;right:16px;bottom:16px;z-index:80;display:flex;gap:8px}
.dock .btn{height:50px;border-radius:25px;padding:0 22px;justify-content:center}
.dock .ghost{background:rgba(5,6,8,.92)}
@media (max-width:620px){.dock{left:12px;right:12px;bottom:12px}.dock .btn{flex:1}body{padding-bottom:76px}}
.tbc{white-space:normal}

/* hero background video: stays hidden until the file loads, so a missing file just shows the gradient */
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease}
.hero-video.ready{opacity:1}
.hero-shade{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;background:linear-gradient(180deg,rgba(5,6,8,.78) 0%,rgba(5,6,8,.56) 38%,rgba(5,6,8,.92) 100%)}
.hero-media.has-video .hero-shade{opacity:1}
.hero-media::after{z-index:1}
@media (prefers-reduced-motion:reduce){.hero-video{display:none}}