/* Base rules from the original page shell. The script toggles the hidden attribute on
   elements that set their own display, so the [hidden] rule has to stay. */
:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
[hidden]:not([hidden=until-found i]){display:none!important}

/* Layout concept: a pit-lane spec sheet. Black ground, chrome rules, slanted type from the logo,
   one red action per screen. Phone mockups and a bay-hours grid carry the proof. Single dark look by choice. */
:root{
  color-scheme:dark;
  --bg:#050506;
  --bg-2:#0b0b0d;
  --surface:#111114;
  --surface-2:#18181c;
  --line:#2b2c31;
  --line-soft:#1b1c20;
  --chrome:#eef0f3;
  --chrome-2:#c3c7ce;
  --muted:#a0a5ae;
  --faint:#8a8f99;
  --red:#e10600;
  --red-text:#ff4136;
  --glow:rgba(225,6,0,.38);
  --f-display:"Exo 2","Arial Narrow",system-ui,sans-serif;
  --f-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--chrome);font:400 17px/1.6 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
p{margin:0}
h1,h2,h3{font-family:var(--f-display);font-style:italic;font-weight:800;line-height:1.08;margin:0;text-wrap:balance;letter-spacing:-.005em}
h1{font-weight:900;font-size:clamp(32px,5.6vw,62px)}
h2{font-size:clamp(28px,4.4vw,46px)}
h3{font-size:clamp(22px,2.6vw,28px)}
:focus-visible{outline:3px solid #fff;outline-offset:3px}
.wrap{width:100%;max-width:1160px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.num{color:var(--red-text)}
.chrome{color:var(--chrome)}
@supports (background-clip:text){.chrome{background:linear-gradient(180deg,#fff 0%,#cfd3da 55%,#8f949d 100%);-webkit-background-clip:text;background-clip:text;color:transparent}}

/* sections */
.sec{position:relative;padding-block:clamp(56px,9vw,104px);border-top:1px solid var(--line-soft)}
.sec--alt{background:var(--bg-2)}
.sec::before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent)}
.head{max-width:760px;margin-bottom:clamp(28px,4vw,48px)}
.head p{color:var(--muted);margin-top:16px;font-size:18px}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font:italic 700 13px/1 var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:var(--chrome-2);margin-bottom:18px}
.eyebrow::before{content:"";width:34px;height:12px;transform:skewX(-24deg);background:
  linear-gradient(var(--chrome-2),var(--chrome-2)) 0 0/100% 2px no-repeat,
  linear-gradient(var(--chrome-2),var(--chrome-2)) 6px 5px/70% 2px no-repeat,
  linear-gradient(var(--chrome-2),var(--chrome-2)) 12px 10px/40% 2px no-repeat}
.small{font-size:14px;color:var(--faint);line-height:1.5}

/* buttons */
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 30px;border:0;border-radius:6px;cursor:pointer;text-decoration:none;
  font:italic 800 18px/1 var(--f-display);color:#fff;letter-spacing:.01em;
  background:linear-gradient(180deg,#f21b10,#c40500);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 34px -6px var(--glow);
  transform:skewX(-10deg);transition:transform .15s,box-shadow .15s}
.btn>span{display:inline-block;transform:skewX(10deg)}
.btn::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.3) 50%,transparent 65%);transform:translateX(-130%);transition:transform .6s}
.btn:hover{transform:skewX(-10deg) translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 16px 40px -6px var(--glow)}
.btn:hover::before{transform:translateX(130%)}
.btn--ghost{background:transparent;color:var(--chrome);box-shadow:inset 0 0 0 1.5px var(--chrome-2)}
.btn--ghost:hover{box-shadow:inset 0 0 0 1.5px #fff,0 10px 30px -10px rgba(255,255,255,.25);background:rgba(255,255,255,.05)}
.btn--sm{min-height:46px;padding:0 20px;font-size:16px}
.btn--block{width:100%}

/* hero */
.hero{text-align:center;padding-block:clamp(24px,4vw,48px) clamp(52px,8vw,96px);background:radial-gradient(60% 55% at 50% 0%,rgba(255,255,255,.07),transparent 70%),var(--bg)}
.hero .logo{width:min(100%,860px);margin:0 auto clamp(14px,3vw,30px);mix-blend-mode:screen}
.hero .eyebrow{margin-bottom:22px;justify-content:center;text-align:center;line-height:1.5}
.hero h1{max-width:960px;margin-inline:auto}
.hero .sub{max-width:720px;margin:22px auto 0;color:var(--muted);font-size:clamp(17px,2.2vw,20px)}
.hero .cta{margin-top:34px;display:flex;flex-direction:column;align-items:center;gap:14px}
.hero .micro{max-width:520px;color:var(--faint);font-size:14.5px}
.gbox{max-width:760px;margin:34px auto 0;padding:16px 20px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:15px;color:var(--chrome-2);text-align:left}
.gbox b{color:var(--chrome)}
.facts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin:28px 0 0;padding:0;list-style:none;font-size:15px;color:var(--chrome-2)}
.facts li{display:flex;align-items:center;gap:8px}
.ic{width:18px;height:18px;flex:none}

/* outcomes */
.tiles{display:grid;gap:14px;grid-template-columns:1fr;list-style:none;margin:0;padding:0}
@media(min-width:620px){.tiles{grid-template-columns:repeat(2,1fr)}}
@media(min-width:980px){.tiles{grid-template-columns:repeat(4,1fr)}}
.tile a{display:block;height:100%;padding:22px;border:1px solid var(--line);border-radius:10px;background:var(--surface);text-decoration:none;transition:border-color .15s,background .15s}
.tile a:hover{border-color:var(--chrome-2);background:var(--surface-2)}
.tile .k{font:italic 800 13px/1 var(--f-display);letter-spacing:.14em;color:var(--faint);text-transform:uppercase}
.tile h3{font-size:24px;margin:12px 0 8px}
.tile p{color:var(--muted);font-size:15.5px}

/* myth */
.vs{display:grid;gap:14px;grid-template-columns:1fr;margin-bottom:clamp(36px,6vw,64px)}
@media(min-width:760px){.vs{grid-template-columns:1fr 1fr}}
.vs>div{padding:26px;border-radius:12px;border:1px solid var(--line);background:var(--surface)}
.vs .old h3{color:var(--faint)}
.vs .new{border-color:var(--chrome-2);background:linear-gradient(180deg,#17181c,#0f0f12)}
.vs ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.vs li{display:flex;gap:10px;align-items:flex-start;color:var(--muted)}
.vs .new li{color:var(--chrome)}
.vs .old li{text-decoration:line-through;text-decoration-color:#55585f}
.vs .tag{margin-top:16px;font-size:14.5px;color:var(--faint)}
.leaks{display:grid;gap:14px;grid-template-columns:1fr;margin-bottom:clamp(36px,6vw,60px)}
@media(min-width:900px){.leaks{grid-template-columns:repeat(3,1fr)}}
.leak{padding:22px;border-left:2px solid var(--chrome-2);background:var(--surface);border-radius:0 10px 10px 0}
.leak h3{font-size:21px;margin-bottom:8px}
.leak p{color:var(--muted);font-size:15.5px}
.baybox{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:clamp(16px,3vw,28px)}
.baytop{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between;margin-bottom:18px}
.baytop h3{font-size:22px}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.seg button{min-height:44px;padding:0 16px;background:transparent;color:var(--chrome-2);border:0;font:600 14px var(--f-body);cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--chrome);color:#0b0b0d}
.bay{display:grid;grid-template-columns:42px repeat(6,minmax(0,1fr));gap:4px}
.bay-h,.bay-r{font:600 11px/1 var(--f-body);color:var(--faint);display:grid;place-items:center;letter-spacing:.04em;text-transform:uppercase}
.cell{min-height:46px;border-radius:4px;display:grid;place-items:center;font:italic 800 11px/1 var(--f-display);text-transform:uppercase;letter-spacing:.03em}
.cell--empty{border:1px dashed #36373d}
.cell--wash{background:#1d1e23;color:var(--faint)}
.cell--pkg{background:linear-gradient(180deg,#f6f7f9,#aab0b9);color:#0b0b0d}
.baynote{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin-top:16px}
.key{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted)}
.key i{width:16px;height:12px;border-radius:3px;display:inline-block}
.baycount{margin-top:14px;font-size:18px;color:var(--chrome)}

/* engine */
.engine{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:900px){.engine{grid-template-columns:repeat(4,1fr);gap:24px}}
.node{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px}
.node::after{content:"";position:absolute;width:11px;height:11px;border-right:2px solid var(--chrome-2);border-top:2px solid var(--chrome-2)}
.node:last-child::after{display:none}
.node:not(:last-child)::after{left:50%;bottom:-13px;transform:translateX(-50%) rotate(135deg)}
@media(min-width:900px){.node:not(:last-child)::after{left:auto;bottom:auto;right:-17px;top:50%;transform:translateY(-50%) rotate(45deg)}}
.node .n{display:inline-block;padding:5px 12px;margin-bottom:14px;background:var(--chrome);color:#0b0b0d;font:italic 800 13px/1 var(--f-display);letter-spacing:.1em;text-transform:uppercase;transform:skewX(-14deg)}
.node .n span{display:inline-block;transform:skewX(14deg)}
.node h3{font-size:20px;margin-bottom:8px}
.node p{color:var(--muted);font-size:15px}
.engine-out{margin-top:22px;padding:20px 24px;border:1px solid var(--chrome-2);border-radius:12px;background:linear-gradient(180deg,#17181c,#0f0f12);display:grid;gap:8px}
.engine-out b{font:italic 800 22px/1.2 var(--f-display)}
.engine-out p{color:var(--muted);font-size:15.5px}

/* steps */
.step{display:grid;gap:clamp(28px,5vw,56px);grid-template-columns:1fr;align-items:center}
@media(min-width:920px){.step{grid-template-columns:1.05fr .95fr}.step--flip .visual{order:-1}}
.tag-step{display:inline-block;padding:7px 16px;margin-bottom:18px;background:var(--chrome);color:#0b0b0d;font:italic 800 14px/1 var(--f-display);letter-spacing:.1em;text-transform:uppercase;transform:skewX(-14deg)}
.tag-step span{display:inline-block;transform:skewX(14deg)}
.step h2{font-size:clamp(26px,3.8vw,40px)}
.step .lead{color:var(--muted);margin-top:16px;font-size:18px}
.ticks{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}
.ticks li{display:flex;gap:12px;align-items:flex-start}
.ticks .ic{margin-top:4px;color:var(--chrome)}
.youdo{margin-top:20px;padding:14px 16px;border:1px dashed var(--line);border-radius:8px;font-size:15px;color:var(--chrome-2)}
.youdo b{color:var(--chrome)}
.step .btn{margin-top:28px}
.visual{min-width:0}
.vcap{margin-top:14px;text-align:center}
/* ---- platform mockups ----
   Each mockup borrows the look of the app the customer would actually see it in: Apple Messages for
   texts, Google Maps for local search. They are light-mode app screens inside a dark device frame,
   and the platform styling stops at the edge of the screen.
   Sent bubbles are SMS green. For iMessage blue, set --ios-out:#007aff on .ios. */
.phone{--scr:#fff;width:min(100%,318px);margin-inline:auto;padding:9px;border:1px solid #3a3b42;border-radius:48px;background:#0a0a0c;box-shadow:inset 0 0 0 2px #1d1e22,0 40px 70px -30px #000;color-scheme:light}
.scr{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:39px;background:var(--scr);color:#000;text-align:left}
.sb{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:46px;padding:6px 20px 0 28px;font:600 15px/1 -apple-system,"SF Pro Text",Inter,system-ui,sans-serif;letter-spacing:-.01em;color:#000}
.sb .isl{width:84px;height:25px;border-radius:20px;background:#000}
.sb .sys{display:flex;gap:5px;align-items:center;justify-content:flex-end}
.home{flex:none;width:112px;height:5px;border-radius:3px;background:#000;margin:8px auto 7px}

/* Apple Messages */
.ios{--ios-in:#e9e9eb;--ios-out:#34c759;--ios-tint:#007aff}
.ios .scr{font-family:-apple-system,"SF Pro Text",Inter,system-ui,sans-serif;letter-spacing:-.01em}
.ios .sb,.ios-nav{background:#f7f7f8}
.ios-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:2px 12px 8px;border-bottom:1px solid #d1d1d6;color:var(--ios-tint)}
.ios-nav>svg{width:24px;height:24px}
.ios-nav>svg:last-child{justify-self:end}
.ios-who{display:grid;justify-items:center;gap:4px}
.ios-who .av{width:42px;height:42px;border-radius:50%;background:linear-gradient(#b4b8c2,#858993);display:grid;place-items:center;font-size:17px;font-weight:600;line-height:1;color:#fff}
.ios-who .nm{display:flex;align-items:center;gap:1px;font-size:11px;line-height:1;color:#000}
.ios-who .nm svg{width:9px;height:9px;color:#b0b0b5}
.msgs{display:flex;flex-direction:column;gap:8px;padding:10px 17px 12px;min-height:300px;background:var(--scr)}
.when{align-self:center;text-align:center;font-size:11px;line-height:1.35;color:#8e8e93;padding:2px 0 4px}
.when b{font-weight:600}
.m{position:relative;z-index:0;max-width:78%;padding:7px 12px 8px;border-radius:18px;font-size:15px;line-height:1.3}
.m--shop{align-self:flex-start;background:var(--ios-in);color:#000}
.m--me{align-self:flex-end;background:var(--ios-out);color:#fff}
.m::before,.m::after{content:"";position:absolute;bottom:0;height:18px}
.m::before{z-index:-1;width:20px}
.m::after{width:10px;background:var(--scr)}
.m--shop::before{left:-7px;background:var(--ios-in);border-bottom-right-radius:16px 14px}
.m--shop::after{left:-10px;border-bottom-right-radius:10px}
.m--me::before{right:-7px;background:var(--ios-out);border-bottom-left-radius:16px 14px}
.m--me::after{right:-10px;border-bottom-left-radius:10px}
.ios-bar{display:flex;gap:9px;align-items:center;padding:6px 12px 4px}
.ios-bar .plus{flex:none;width:32px;height:32px;border-radius:50%;background:var(--ios-in);color:#7d7d82;display:grid;place-items:center}
.ios-bar .plus svg{width:17px;height:17px}
.ios-bar .fld{flex:1;display:flex;justify-content:space-between;align-items:center;height:34px;padding:0 10px 0 13px;border:1px solid #c8c8cc;border-radius:17px;font-size:15px;color:#b9b9be}
.ios-bar .fld svg{width:18px;height:18px;color:#9a9aa0}
.phone--snip{width:auto;padding:7px;border-radius:30px}
.phone--snip .scr{border-radius:23px}
.phone--snip .ios-nav{padding-top:10px}
.phone--snip .msgs{min-height:0;padding-bottom:16px}

/* Google Maps */
.gmaps .scr{height:600px;font-family:Roboto,"Helvetica Neue",Arial,sans-serif;color:#202124}
.gm-map{position:absolute;inset:0 0 auto 0;height:272px;background:#eef1f4}
.gm-map svg{display:block;width:100%;height:100%}
.gm-search{position:relative;flex:none;display:flex;align-items:center;gap:10px;height:46px;margin:2px 10px 0;padding:0 14px;border-radius:23px;background:#fff;box-shadow:0 1px 2px rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);font-size:15px}
.gm-search span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gm-search svg{flex:none;width:20px;height:20px;color:#5f6368}
.gm-chips{position:relative;flex:none;display:flex;gap:8px;margin-top:8px;padding:0 10px 4px;overflow:hidden}
.gm-chips span{flex:none;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:15px;background:#fff;box-shadow:0 1px 2px rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);font-size:13px;font-weight:500;line-height:1;color:#3c4043;white-space:nowrap}
.gm-chips i{border:4px solid transparent;border-top-color:#5f6368;border-bottom-width:0}
.gm-sheet{position:relative;flex:1;min-height:0;margin-top:112px;overflow:hidden;border-radius:18px 18px 0 0;background:#fff;box-shadow:0 -1px 3px rgba(60,64,67,.3),0 -4px 8px 3px rgba(60,64,67,.15)}
.gm-handle{display:block;width:34px;height:4px;border-radius:2px;background:#dadce0;margin:8px auto 2px}
.gm-item{display:grid;gap:3px;padding:10px 16px 14px;border-bottom:1px solid #e8eaed;font-size:13px;line-height:1.35;color:#70757a}
.gm-item b{font-size:16px;font-weight:500;line-height:1.3;color:#202124}
.gm-rate{display:flex;align-items:center;gap:4px}
.gm-stars{font-size:12px;letter-spacing:1px;line-height:1;background:linear-gradient(90deg,#fbbc04 calc(var(--r)*20%),#dadce0 0);-webkit-background-clip:text;background-clip:text;color:transparent}
.gm-open{color:#188038}
.gm-acts{display:flex;gap:8px;margin-top:8px;overflow:hidden}
.gm-btn{flex:none;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 13px 0 10px;border:1px solid #dadce0;border-radius:16px;font-size:13px;font-weight:500;line-height:1;color:#1a73e8;white-space:nowrap}
.gm-btn svg{width:16px;height:16px}
.gm-btn--fill{--cut:#1a73e8;border-color:#1a73e8;background:#1a73e8;color:#fff}
.gmaps .home{position:absolute;z-index:3;left:50%;bottom:7px;margin:0;transform:translateX(-50%)}
.stages{list-style:none;margin:0 auto;padding:0;max-width:430px;display:grid;gap:0}
.stages li{position:relative;display:grid;grid-template-columns:34px 1fr;gap:14px;padding-bottom:20px}
.stages li:last-child{padding-bottom:0}
.stages li::before{content:"";position:absolute;left:16px;top:34px;bottom:2px;width:2px;background:var(--line)}
.stages li:last-child::before{display:none}
.dot{width:34px;height:34px;border-radius:50%;border:2px solid var(--chrome-2);background:var(--bg);display:grid;place-items:center;font:italic 800 14px var(--f-display);color:var(--chrome)}
.stages li:last-child .dot{border-color:var(--red-text);color:var(--red-text)}
.stages b{display:block;font:italic 800 18px/1.2 var(--f-display)}
.stages span{color:var(--muted);font-size:14.5px}
.remind.phone{margin:22px auto 0;max-width:430px}
.tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:18px}
.tabs button{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--chrome-2);font:600 14px var(--f-body);cursor:pointer}
.tabs button[aria-selected="true"]{background:var(--chrome);color:#0b0b0d;border-color:var(--chrome)}

/* calculator */
.calc{display:grid;gap:clamp(24px,4vw,48px);grid-template-columns:1fr;align-items:start}
@media(min-width:900px){.calc{grid-template-columns:.9fr 1.1fr}}
.field{display:grid;gap:8px;margin-bottom:18px}
.field label,.field legend,.lbl{font:600 15px var(--f-body);color:var(--chrome)}
input[type=text],input[type=tel],input[type=email],input[type=number],select{width:100%;min-height:54px;padding:0 16px;border-radius:8px;border:1px solid var(--line);background:#0b0b0d;color:var(--chrome);font:400 17px var(--f-body)}
input::placeholder{color:#6d727c}
input:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:2px}
input[type=range]{width:100%;accent-color:var(--red);height:36px;background:transparent}
.price-in{display:flex;align-items:center;gap:0}
.price-in span{min-height:54px;display:grid;place-items:center;padding:0 16px;border:1px solid var(--line);border-right:0;border-radius:8px 0 0 8px;background:var(--surface-2);color:var(--chrome-2);font-weight:600}
.price-in input{border-radius:0 8px 8px 0}
.out{display:grid;gap:12px;grid-template-columns:1fr}
.o{padding:20px 22px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:grid;gap:4px}
.o small{font:600 13px var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.o strong{font:italic 900 clamp(30px,4.6vw,44px)/1.05 var(--f-display);font-variant-numeric:tabular-nums}
.o p{font-size:14.5px;color:var(--muted)}
.o--key{border-color:var(--chrome-2);background:linear-gradient(180deg,#17181c,#0f0f12)}

/* proof */
.slots{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:860px){.slots{grid-template-columns:repeat(3,1fr)}}
.slot{padding:24px;border:1.5px dashed #3a3b42;border-radius:12px;display:grid;gap:12px;align-content:start;min-height:220px}
.slot .ph{justify-self:start;padding:4px 10px;border-radius:4px;background:#23242b;font:600 12px var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--chrome-2)}
.slot b{font:italic 800 24px/1.15 var(--f-display);color:var(--chrome-2)}
.slot p{color:var(--faint);font-size:15px}

/* guarantee */
.gar{display:grid;gap:clamp(24px,4vw,56px);grid-template-columns:1fr;align-items:center}
@media(min-width:900px){.gar{grid-template-columns:.8fr 1.2fr}}
.seal{position:relative;width:min(100%,340px);aspect-ratio:1/1;margin-inline:auto;border-radius:50%;border:2px solid var(--chrome-2);display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 30%,#1c1d22,#0a0a0c);box-shadow:0 0 0 8px #0e0e11,0 0 0 9px var(--line),0 30px 80px -30px var(--glow)}
.seal::before{content:"";position:absolute;inset:14px;border-radius:50%;border:1px dashed #44464d}
.seal-in{display:grid;gap:2px;padding:20px}
.seal .big{font:italic 900 clamp(84px,18vw,120px)/.9 var(--f-display);color:var(--red-text)}
.seal .t{font:italic 800 clamp(16px,3.4vw,21px)/1.15 var(--f-display);text-transform:uppercase;letter-spacing:.06em}
.seal .s{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-top:8px}
.terms{display:grid;gap:0;margin-top:26px;border-top:1px solid var(--line)}
.terms>div{display:grid;gap:6px;padding:18px 0;border-bottom:1px solid var(--line)}
@media(min-width:620px){.terms>div{grid-template-columns:170px 1fr;gap:24px}}
.terms dt{font:italic 800 17px/1.3 var(--f-display);color:var(--chrome)}
.terms dd{margin:0;color:var(--muted);font-size:16px}

/* pricing */
.plan{display:flex;flex-direction:column;gap:18px;padding:clamp(22px,3.4vw,34px);border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.plan--main{border-color:var(--chrome-2);background:linear-gradient(180deg,#17181c,#0e0e11);box-shadow:0 30px 80px -40px var(--glow)}
.plan .lab{font:italic 700 13px/1 var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:var(--chrome-2)}
.plan h3{font-size:clamp(24px,3vw,32px)}
.price{display:flex;align-items:baseline;gap:8px;font:italic 900 clamp(46px,7vw,68px)/1 var(--f-display)}
.price small{font:600 16px var(--f-body);color:var(--muted)}
.plan .fit{color:var(--muted);font-size:15.5px}
.plan .ticks{margin-top:0}
.plan .btn{margin-top:auto}
.stack{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--line)}
.stack li{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.stack .dot{width:28px;height:28px;font-size:13px}
.stack b{display:block;font:italic 800 18px/1.2 var(--f-display)}
.stack span{color:var(--muted);font-size:14.5px}
.boost{margin-top:22px;display:grid;gap:12px;grid-template-columns:1fr;padding:20px;border:1px dashed var(--line);border-radius:12px}
@media(min-width:760px){.boost{grid-template-columns:auto 1fr 1fr;align-items:center;gap:24px}}
.boost .lab{font:italic 700 13px/1.3 var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--chrome-2)}
.boost b{font:600 16px var(--f-body);color:var(--chrome)}
.boost p{font-size:14.5px;color:var(--muted)}

/* compare */
.tblwrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
table{width:100%;border-collapse:collapse;min-width:520px}
caption{text-align:left;padding:18px 20px;font:italic 800 18px var(--f-display);color:var(--chrome-2)}
th,td{padding:16px 20px;text-align:left;border-top:1px solid var(--line);font-size:16px;vertical-align:top}
thead th{font:italic 800 15px var(--f-display);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
thead th:last-child{color:var(--chrome)}
tbody th{font-weight:500;color:var(--chrome);width:44%}
td{color:var(--faint)}
td:last-child{color:var(--chrome);background:rgba(255,255,255,.035)}
td .ic{vertical-align:-3px;margin-right:6px}

/* fit */
.fit2{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:800px){.fit2{grid-template-columns:1fr 1fr}}
.fit2>div{padding:26px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.fit2 .yes{border-color:var(--chrome-2)}
.fit2 ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}
.fit2 li{display:flex;gap:12px;align-items:flex-start;color:var(--muted)}
.fit2 .yes li{color:var(--chrome)}
.fit2 .ic{margin-top:4px;flex:none}

/* faq */
.faq{max-width:860px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:16px 0;font:italic 800 clamp(18px,2.4vw,22px)/1.25 var(--f-display)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font:600 20px/1 var(--f-body);color:var(--chrome-2);transition:transform .2s}
.faq details[open] summary::after{content:"\2212"}
.faq details p{padding:0 48px 22px 0;color:var(--muted);font-size:16.5px}

/* apply */
.apply{display:grid;gap:clamp(28px,5vw,64px);grid-template-columns:1fr;align-items:start}
@media(min-width:960px){.apply{grid-template-columns:1.05fr .95fr}}
.formcard{padding:clamp(22px,3.6vw,38px);border:1px solid var(--chrome-2);border-radius:16px;background:linear-gradient(180deg,#17181c,#0e0e11);box-shadow:0 30px 90px -40px var(--glow)}
.progress{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}
.progress span{height:4px;border-radius:2px;background:var(--line)}
.progress span.on{background:var(--chrome)}
.steplabel{font:italic 700 14px var(--f-display);letter-spacing:.12em;text-transform:uppercase;color:var(--chrome-2);margin-bottom:20px}
fieldset{border:0;margin:0 0 18px;padding:0;min-width:0}
fieldset legend{padding:0;margin-bottom:10px}
.opts{display:grid;gap:8px}
.opt{display:flex;gap:12px;align-items:center;min-height:50px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:#0b0b0d;cursor:pointer;font-size:16px}
.opt input{width:20px;height:20px;accent-color:var(--red);flex:none}
.opt:has(input:checked){border-color:var(--chrome-2);background:#17181c}
.err{color:#ff8a82;font-size:14px}
.row2{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:520px){.row2{grid-template-columns:auto 1fr}}
.formnote{margin-top:14px;font-size:13.5px;color:var(--faint)}
.notice{padding:16px 18px;border:1px solid var(--chrome-2);border-radius:10px;background:#17181c;font-size:15.5px;color:var(--chrome)}
.side h3{font-size:24px;margin-bottom:6px}
.side .ticks{margin-top:18px}
.ps{margin-top:30px;padding:22px;border-left:3px solid var(--chrome-2);background:var(--surface);border-radius:0 12px 12px 0;color:var(--muted);font-size:16.5px}
.ps b{font:italic 800 20px var(--f-display);color:var(--chrome);margin-right:6px}

/* footer + bar */
footer{padding-block:48px 120px;border-top:1px solid var(--line-soft);background:var(--bg)}
.foot{display:grid;gap:20px;justify-items:start}
.foot img{width:200px}
.foot p{max-width:820px}
.bar{position:fixed;left:0;right:0;bottom:0;z-index:20;padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));background:rgba(8,8,10,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);transform:translateY(110%);visibility:hidden;transition:transform .25s,visibility 0s .25s}
.bar.on{transform:none;visibility:visible;transition:transform .25s}
.bar-in{display:flex;align-items:center;justify-content:space-between;gap:14px}
.bar-logo{display:none;width:150px;flex:none}
.bar-t{font-size:14.5px;line-height:1.3;color:var(--chrome-2)}
.bar-t b{font:italic 900 18px var(--f-display)}
@media(min-width:760px){.bar-logo{display:block}.bar-t{font-size:16px}}
@media(max-width:480px){.bar .btn--sm{padding:0 16px;font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* shop-size tiers */
.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.seg button{min-height:58px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--chrome-2);font:600 15px/1.2 var(--f-body);cursor:pointer;display:grid;gap:2px;place-content:center;text-align:center}
.seg button small{font:500 12px/1.2 var(--f-body);color:var(--faint)}
.seg button[aria-pressed="true"]{background:var(--chrome);color:#0b0b0d;border-color:var(--chrome)}
.seg button[aria-pressed="true"] small{color:#44464d}
.plan--free{display:grid;gap:18px;align-items:center}
.plan--free .btn{margin-top:0}
.plan--free .fit{margin-top:10px}
.after{margin:28px 0 16px;max-width:760px;color:var(--muted);font-size:17px}
.tiers{display:grid;gap:18px;grid-template-columns:1fr}
.tier{position:relative}
.pick{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:6px 14px;border-radius:4px;background:var(--chrome);color:#0b0b0d;font:italic 800 12px/1 var(--f-display);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.tier .price{flex-wrap:wrap;font-size:clamp(44px,5.4vw,58px)}
.gline{padding:12px 14px;border:1px dashed var(--line);border-radius:8px;color:var(--chrome-2);font-size:15px;line-height:1.45}
.gline b{font:italic 900 22px var(--f-display);color:var(--red-text);margin-right:2px}
.includes{margin-top:18px}
.includes .stack{grid-template-columns:1fr}
.alt-cta{margin-top:22px;font-size:16px;color:var(--muted)}
.alt-cta a{color:var(--chrome);text-underline-offset:3px}
@media(min-width:760px){.includes .stack{grid-template-columns:1fr 1fr;column-gap:32px}}
@media(min-width:900px){.plan--free{grid-template-columns:1.1fr 1fr auto;gap:32px}.tiers{grid-template-columns:repeat(3,1fr);align-items:stretch}}
@media(max-width:380px){.seg button{font-size:14px;padding:6px 4px}}