/* ================================================================ Auto repair: "Dashboard" (night cluster hero, service-manual body) */
:root{
  --hd-bg:rgba(7,9,12,.82); --hd-mark:#ff3b30; --hd-cta:#ff3b30; --hd-cta-ink:#ffffff;
  --ar-night:#07090c; --ar-tick:#dfe6ef; --ar-needle:#ff3b30; --ar-ice:#7cd4ff; --ar-amber:#ffb020; --ar-ok:#3ddc84;
  --ar-lcd:#0c1418; --ar-lcdt:#9ff5d4;
  --ar-gray:#f1f2f4; --ar-ink:#111418; --ar-red:#e0312b; --ar-rule:#c9ced6; --ar-mute:#555d68;
  --ar-wide:'Archivo','Arial Black','Helvetica Neue',Arial,sans-serif;
}
body:has(.pg-ar){background:var(--ar-night)}
.pg-ar{background:#fff;color:var(--ar-ink)}
.pg-ar h1,.pg-ar h2{font-family:var(--ar-wide);font-stretch:125%;font-weight:800;text-transform:uppercase;text-wrap:balance}
.pg-ar h2{margin:0;font-size:clamp(30px,4.1vw,58px);line-height:.95;letter-spacing:-.015em;color:var(--ar-ink)}
.pg-ar h2 b{color:var(--ar-red)}
.pg-ar :focus-visible{outline-color:var(--ar-red)}
.ar-btn-r{background:var(--ar-red);color:#fff}
.ar-btn-r:hover{background:#c8261f}
.ar-btn-gl{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.42)}
.ar-btn-gl:hover{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px #fff}
.ar-btn-d{background:var(--ar-ink);color:#fff}
.ar-btn-d:hover{background:#272d35}

/* ---------------------------------------------------------------- hero: the driver's view, night, service bay */
.ar-hero{--gz:clamp(118px,min(16vw,calc(70.9svh - 357px)),264px);--mw:clamp(210px,24vw,330px);--pt:clamp(28px,min(4.4vw,6svh),64px);
  position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;min-height:calc(100svh - var(--head));background:var(--ar-night);color:#fff}
.ar-hero :focus-visible{outline-color:var(--ar-ice)}
.ar-bay{position:absolute;inset:0;z-index:-1;pointer-events:none}
.ar-bay-svg{position:absolute;inset:0;display:block;width:100%;height:100%}
.ar-bay::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(7,9,12,.94) 0%,rgba(7,9,12,.7) 30%,rgba(7,9,12,.14) 58%,rgba(7,9,12,0) 70%),linear-gradient(180deg,rgba(7,9,12,.75),rgba(7,9,12,0) 24%)}
.ar-hero-in{position:relative;z-index:3;width:100%;display:grid;grid-template-columns:minmax(0,1fr) var(--mw);grid-template-rows:auto auto auto auto 1fr;
  grid-template-areas:"k m" "h m" "s m" "c m" "f m";column-gap:clamp(24px,4vw,64px);padding-top:var(--pt);padding-bottom:clamp(14px,1.8vw,26px)}
.ar-hero-in > *{min-width:0}
.ar-k{grid-area:k;display:flex;align-items:center;gap:10px;margin:0;font:500 11.5px/1.45 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#a9b5c2}
.ar-k i{width:7px;height:7px;flex:none;border-radius:50%;background:var(--ar-ok);box-shadow:0 0 8px 1px rgba(61,220,132,.65)}
.ar-hero h1{grid-area:h;margin:18px 0 0;font-size:clamp(50px,min(6.1vw,10.5svh),88px);line-height:.9;letter-spacing:-.02em;color:#f2f5f9}
.ar-hero h1 span{display:block}
.ar-hero h1 b{color:var(--ar-needle)}
.ar-sub{grid-area:s;margin:20px 0 0;max-width:54ch;font-size:clamp(16px,1.25vw,18px);line-height:1.6;color:#b7c2ce;text-wrap:pretty}
.ar-cta{grid-area:c;display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.ar-hero .fine{grid-area:f;align-self:start;color:var(--ar-ink)}

/* the rear-view mirror and its repair-order tag */
.ar-mir{grid-area:m;justify-self:center;align-self:start;position:relative;width:min(100%,330px);margin-top:calc(var(--pt) * -1)}
.ar-mir-svg{display:block;width:100%;height:auto;overflow:visible}
.ar-swing{position:relative;margin-top:-35%;display:flex;flex-direction:column;align-items:center;transform-origin:50% 0;animation:ar-sway 5.4s ease-in-out infinite}
.ar-string{display:block;width:1.5px;height:14px;padding-top:35%;box-sizing:content-box;background:linear-gradient(180deg,#7f8893,#cdd3da)}
.ar-tagw{margin-top:-1px;filter:drop-shadow(0 12px 14px rgba(0,0,0,.55))}
.ar-tag{position:relative;padding:27px 15px 14px;background:linear-gradient(180deg,#fbfcfd,#e7ebef);color:var(--ar-ink);
  clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%,0 15px)}
.ar-tag::before{content:"";position:absolute;left:50%;top:0;width:1.5px;height:10px;margin-left:-.75px;background:#cdd3da}
.ar-hole{position:absolute;left:50%;top:8px;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:#0b0e12;box-shadow:0 0 0 3px #d5dbe1,0 0 0 4px #b3bcc6}
.ar-tag p{margin:0;white-space:nowrap}
.ar-tag .t1{padding-bottom:7px;border-bottom:1px dashed #b3bcc6;font:500 9px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ar-red)}
.ar-tag .t2{margin-top:8px;font:700 13.5px/1.25 var(--body);letter-spacing:-.01em}
.ar-tag .t3{margin-top:4px;font:500 12px/1.3 var(--body);color:#4d5560}
@keyframes ar-sway{0%,100%{rotate:-2.2deg}50%{rotate:2.2deg}}
.ar-hero.ar-off .ar-swing{animation-play-state:paused}

/* the cowl, the binnacle and the cluster */
.ar-dash{position:relative;z-index:2;flex:none;margin-top:auto;height:calc(var(--gz) * 1.17 + 8px)}
.ar-cowl{position:absolute;left:-14%;right:-14%;bottom:0;height:calc(var(--gz) * .7);border-radius:50% 50% 0 0/100% 100% 0 0;
  background:linear-gradient(180deg,#151b22 0%,#0b0e12 30%,#07090c 100%);box-shadow:inset 0 1.5px 0 rgba(223,230,239,.12),0 -20px 50px -10px rgba(0,0,0,.55)}
.ar-bin{position:absolute;left:50%;bottom:calc(var(--gz) * .1);translate:-50% 0;display:flex;align-items:flex-end;gap:calc(var(--gz) * .08);
  padding:calc(var(--gz) * .07) calc(var(--gz) * .12) 0}
.ar-bin::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;bottom:calc(var(--gz) * -.3);border-radius:calc(var(--gz) * .62) calc(var(--gz) * .62) 0 0;
  background:linear-gradient(180deg,#1b222a,#0d1115 26%,#080a0d 70%);box-shadow:inset 0 1.5px 0 rgba(223,230,239,.16),0 -14px 40px -6px rgba(0,0,0,.75)}
.ar-g{flex:none;width:var(--gz);aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 calc(var(--gz) * .03) #040506,0 16px 30px rgba(0,0,0,.6)}
.ar-gsvg{display:block;width:100%;height:100%}
.ar-illum{fill:none;stroke:var(--ar-ice);stroke-width:1.6;stroke-linecap:round;opacity:.7}
.ar-redline{fill:none;stroke:var(--ar-needle);stroke-width:5;opacity:.85}
.ar-ticks line{stroke:var(--ar-tick)}
.ar-ticks .M{stroke-width:3.2}
.ar-ticks .m{stroke-width:1.6;opacity:.8}
.ar-ticks .r{stroke:var(--ar-needle);stroke-width:2.6}
.ar-nums text{font-family:var(--ar-wide);font-stretch:125%;font-weight:700;fill:var(--ar-tick);text-anchor:middle;dominant-baseline:central}
.ar-nums .r{fill:var(--ar-needle)}
.ar-unit{font:500 9.5px var(--mono);letter-spacing:.1em;fill:var(--ar-ice);text-anchor:middle}
.ar-gear{font:500 10px var(--mono);letter-spacing:.3em;fill:#39434e;text-anchor:middle}
.ar-gear .on{fill:var(--ar-tick)}
.ar-needle path{fill:var(--ar-needle)}
.ar-mid{flex:none;width:calc(var(--gz) * 1.42);display:flex;flex-direction:column;gap:calc(var(--gz) * .055);padding-bottom:calc(var(--gz) * .1)}
.ar-lamps{display:flex;justify-content:space-between;align-items:center;padding:0 calc(var(--gz) * .02)}
.ar-l{position:relative;display:block;width:calc(var(--gz) * .085);min-width:15px;aspect-ratio:1;color:#1b2229;transition:color .3s ease,filter .3s ease}
.ar-l svg{position:absolute;inset:0;width:100%;height:100%}
.ar-lamps.bulb .ar-l:not(.ar-lp){color:var(--c);filter:drop-shadow(0 0 4px var(--c))}
.ar-lp svg{transition:opacity .35s ease,color .3s ease,filter .3s ease,transform .45s var(--spring)}
.ar-lp .ph{color:#1b2229}
.ar-lp .ok{opacity:0;transform:scale(.55);color:var(--ar-ok)}
.ar-lp.is-ph .ph,.ar-lamps.bulb .ar-lp .ph{color:var(--ar-amber);filter:drop-shadow(0 0 4px var(--ar-amber))}
.ar-lp.is-ok .ph{opacity:0}
.ar-lp.is-ok .ok{opacity:1;transform:none;filter:drop-shadow(0 0 5px var(--ar-ok))}
.ar-lamps.bulb .ar-lp .ok{opacity:0}
.ar-lcd{position:relative;overflow:hidden;padding:calc(var(--gz) * .05) calc(var(--gz) * .065);border-radius:calc(var(--gz) * .045);background:var(--ar-lcd);color:var(--ar-lcdt);font-family:var(--mono);
  box-shadow:0 0 0 calc(var(--gz) * .018) #040506,inset 0 0 0 1px rgba(159,245,212,.12),inset 0 12px 26px rgba(0,0,0,.55)}
.ar-lcd::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(180deg,rgba(0,0,0,.2) 0 1px,transparent 1px 3px),linear-gradient(160deg,rgba(255,255,255,.06),transparent 40%)}
.ar-lcd p{margin:0}
.ar-lcd-top,.ar-lcd-bot{display:flex;justify-content:space-between;gap:8px;font-size:clamp(8.5px,calc(var(--gz) * .042),10px);font-weight:500;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:#5b9c88}
.ar-lcd .ar-lcd-txt{margin:.55em 0 .5em;min-height:3.9em;font-size:clamp(11px,calc(var(--gz) * .069),16px);font-weight:500;line-height:1.3;letter-spacing:.02em;text-shadow:0 0 8px rgba(159,245,212,.5)}
.ar-lcd-txt .seg{white-space:nowrap}
.ar-lcd-txt i{font-style:normal}
.ar-lcd-txt.typing i{visibility:hidden}
.ar-lcd-txt.typing i.on{visibility:visible}
.ar-lcd-txt.typing i.cur{visibility:visible;color:transparent;text-shadow:none;background:var(--ar-lcdt);box-shadow:0 0 6px rgba(159,245,212,.6)}
.ar-wheel{position:absolute;left:50%;bottom:calc(var(--gz) * -.5);width:calc(var(--gz) * 4.4);height:auto;translate:-50% 0;pointer-events:none}

/* ---------------------------------------------------------------- the service manual */
.ar-sec{padding-block:clamp(56px,7.4vw,112px)}
.ar-run{display:flex;justify-content:space-between;gap:16px;margin:0 0 clamp(28px,3.6vw,52px);padding-bottom:12px;border-bottom:1px solid var(--ar-rule);
  font:500 11px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ar-mute)}
.ar-run span:first-child{display:inline-flex;align-items:center;gap:10px}
.ar-run span:last-child{white-space:nowrap}
.ar-run span:first-child::before{content:"";width:9px;height:9px;flex:none;background:var(--ar-red)}
.ar-lede{margin:18px 0 0;max-width:54ch;font-size:clamp(16px,1.25vw,18px);line-height:1.6;color:var(--ar-mute);text-wrap:pretty}
.ar-note,.ar-caution{display:flex;gap:14px;align-items:baseline;margin:24px 0 0;padding:14px 18px;border-left:4px solid var(--ar-ink);background:var(--ar-gray);font-size:15px;line-height:1.5}
.ar-note b,.ar-caution b{flex:none;font:500 11px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.ar-caution{border-left-color:var(--ar-red)}
.ar-caution b{color:var(--ar-red)}

/* 1. service procedure */
.ar-how{background:#fff}
.ar-how-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(32px,5.5vw,96px);align-items:start}
@media (min-width:1101px){ .ar-how-l{position:sticky;top:calc(var(--head) + 28px)} }
.ar-fig{margin:clamp(28px,3.4vw,44px) 0 0;padding-top:clamp(16px,2vw,24px);border-top:1px solid var(--ar-rule)}
.ar-sedan{display:block;width:100%;height:auto;overflow:visible}
.ar-sedan .body{fill:#fff;stroke:var(--ar-ink);stroke-width:2;stroke-linejoin:round}
.ar-sedan .glass{fill:url(#arHatch);stroke:var(--ar-ink);stroke-width:1.6;stroke-linejoin:round}
.ar-sedan .trim,.ar-sedan .badge{fill:var(--ar-ink)}
.ar-sedan .ln{fill:none;stroke:var(--ar-ink);stroke-width:1.4;stroke-linecap:round}
.ar-sedan .lt{stroke-width:1.1;opacity:.5}
.ar-sedan .hdl{fill:none;stroke:var(--ar-ink);stroke-width:1.3}
.ar-sedan .lamp{fill:#eef1f4;stroke:var(--ar-ink);stroke-width:1.4;stroke-linejoin:round}
.ar-sedan .tire{fill:#262c34;stroke:var(--ar-ink);stroke-width:2}
.ar-sedan .rim{fill:#fff;stroke:var(--ar-ink);stroke-width:1.6}
.ar-sedan .rotor{fill:#e4e7eb;stroke:var(--ar-ink);stroke-width:1.1}
.ar-sedan .caliper{fill:var(--ar-red);stroke:var(--ar-ink);stroke-width:1.1}
.ar-sedan .spk path{fill:none;stroke:var(--ar-ink);stroke-width:1.5;stroke-linecap:round}
.ar-sedan .hub{fill:#fff;stroke:var(--ar-ink);stroke-width:1.4}
.ar-sedan .gnd{stroke:var(--ar-ink);stroke-width:1.2}
.ar-sedan .co path{fill:none;stroke:var(--ar-red);stroke-width:1.4}
.ar-sedan .co circle{fill:var(--ar-red)}
.ar-sedan .co text{font-family:var(--ar-wide);font-stretch:125%;font-weight:800;font-size:13px;fill:#fff;text-anchor:middle;dominant-baseline:central}
.ar-fig figcaption{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:16px;font:500 11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ar-mute)}
.ar-fign{color:var(--ar-ink)}
.ar-legend{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.ar-legend li{display:flex;align-items:center;gap:12px;font-size:15px;line-height:1.45}
.ar-legend b{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--ar-red);color:#fff;font:800 11px/1 var(--ar-wide);font-stretch:125%}
.ar-legend strong{font-weight:700}
.ar-steps{list-style:none;margin:0;padding:0;border-top:2px solid var(--ar-ink)}
.ar-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,2.2vw,28px);padding:clamp(20px,2.4vw,28px) 0;border-bottom:1px solid var(--ar-rule)}
.ar-step-n{min-width:2.2em;font:800 clamp(28px,2.8vw,40px)/.9 var(--ar-wide);font-stretch:125%;letter-spacing:-.02em;color:var(--ar-red)}
.ar-step h3{margin:2px 0 0;font:800 clamp(16.5px,1.45vw,20px)/1.15 var(--ar-wide);font-stretch:125%;letter-spacing:-.005em;text-transform:uppercase}
.ar-spec{margin:12px 0 0;display:grid;gap:7px}
.ar-spec div{display:grid;grid-template-columns:10.75rem minmax(0,1fr);align-items:baseline}
.ar-spec dt{display:flex;align-items:baseline;gap:8px;font:500 11px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ar-mute);white-space:nowrap}
.ar-spec dt::after{content:"";flex:1;min-width:14px;margin-right:12px;border-bottom:1.5px dotted #9aa2ad;translate:0 -3px}
.ar-spec dd{margin:0;font-size:15.5px;line-height:1.5}

/* 2. sample calls on a scan tool */
.ar-sample{background:var(--ar-gray)}
.ar-sample-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5.5vw,96px);align-items:start}
@media (min-width:900px){ .ar-sample-l{position:sticky;top:calc(var(--head) + 28px);padding-top:clamp(0px,2vw,24px)} }
.ar-readout{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--ar-rule)}
.ar-readout li{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--ar-rule);font-size:15.5px;line-height:1.45}
.ar-readout b{flex:none;display:grid;place-items:center;width:26px;height:26px;border:1.5px solid var(--ar-ink);border-radius:50%;font:500 12px/1 var(--mono)}
.ar-readout strong{font-weight:700}
.ar-small{margin:18px 0 0;font:500 11px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ar-mute)}
.ar-tool{position:relative;justify-self:center;width:100%;max-width:470px;padding:16px;border-radius:46px;
  background:linear-gradient(180deg,#e53a30,#c1281f);box-shadow:inset 0 2px 0 rgba(255,255,255,.22),inset 0 -3px 0 rgba(0,0,0,.22),0 44px 60px -32px rgba(17,20,24,.6),0 14px 24px -14px rgba(17,20,24,.4)}
.ar-tool::before,.ar-tool::after{content:"";position:absolute;top:30%;bottom:30%;width:6px;border-radius:3px;
  background:repeating-linear-gradient(180deg,rgba(0,0,0,.26) 0 3px,rgba(255,255,255,.1) 3px 4px,transparent 4px 9px)}
.ar-tool::before{left:5px}
.ar-tool::after{right:5px}
.ar-bump{position:absolute;width:78px;height:78px;background:#a91f18;box-shadow:inset 0 2px 0 rgba(255,255,255,.18),inset 0 -2px 0 rgba(0,0,0,.25)}
.ar-bump.tl{left:-5px;top:-5px;border-radius:50px 12px 12px 12px}
.ar-bump.tr{right:-5px;top:-5px;border-radius:12px 50px 12px 12px}
.ar-bump.bl{left:-5px;bottom:-5px;border-radius:12px 12px 12px 50px}
.ar-bump.br{right:-5px;bottom:-5px;border-radius:12px 12px 50px 12px}
.ar-tool-in{position:relative;padding:16px 18px 16px;border-radius:32px;background:linear-gradient(180deg,#252c34,#171c21);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 2px #0b0e12}
.ar-tool-top{display:flex;justify-content:space-between;align-items:center;padding:0 6px 14px;font:500 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#8b96a3}
.ar-brand{font-family:var(--ar-wide);font-stretch:125%;font-weight:800;font-size:11px;letter-spacing:.1em;color:#c9d1da}
.ar-led{display:inline-flex;align-items:center;gap:7px}
.ar-led i{width:7px;height:7px;border-radius:50%;background:var(--ar-ok);box-shadow:0 0 6px var(--ar-ok)}
.ar-screen{position:relative;padding:16px 16px 64px;border-radius:12px;background:var(--ar-lcd);color:#d4efe5;
  box-shadow:0 0 0 8px #07090c,0 0 0 9px rgba(255,255,255,.07),inset 0 0 0 1px rgba(159,245,212,.1),inset 0 16px 30px rgba(0,0,0,.45)}
.ar-panel:focus-visible{outline:2px solid var(--ar-ice);outline-offset:6px}
.ar-scr-hd{display:flex;justify-content:space-between;gap:10px;margin:0 0 6px;padding-bottom:9px;border-bottom:1px solid rgba(159,245,212,.2);
  font:500 10px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#6fa894}
.ar-scr-call .who{margin:12px 0 4px;font:500 10px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#7d958e}
.ar-scr-call .who.ai{color:var(--ar-lcdt)}
.ar-scr-call .q{margin:0;font-size:15px;line-height:1.45;color:#eef6f2}
.ar-scr-call .q.ai{color:var(--ar-lcdt)}
.ar-scr-fields{margin:14px 0 0;padding-top:8px;border-top:1px dashed rgba(159,245,212,.28)}
.ar-scr-fields div{display:grid;grid-template-columns:8.6rem minmax(0,1fr);gap:10px;padding:5px 0}
.ar-scr-fields dt{font:500 10px/1.8 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#6fa894}
.ar-scr-fields dt span{display:block;line-height:1.2;letter-spacing:.04em;text-transform:none;color:#6a9785}
.ar-scr-fields dd{margin:0;font:500 14.5px/1.4 var(--body);color:#f2fbf7}
.ar-scr-status{display:flex;align-items:center;gap:8px;margin:12px 0 0;padding:8px 10px;border-radius:6px;background:rgba(255,176,32,.1);
  font:500 10px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ar-amber)}
.ar-scr-status i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--ar-amber);box-shadow:0 0 6px var(--ar-amber)}
.ar-scr-status span span{white-space:nowrap}
.ar-keys{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:-54px 10px 0}
.ar-keys button{display:flex;flex-direction:column-reverse;gap:30px;padding:0;border:0;background:none;cursor:pointer;color:inherit;text-align:center;-webkit-tap-highlight-color:transparent}
.ar-keys .lbl{display:flex;align-items:center;justify-content:center;min-height:38px;padding:4px 6px;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(159,245,212,.35);
  font:500 10px/1.25 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ar-lcdt);transition:background-color .2s,color .2s}
.ar-keys button:hover .lbl{box-shadow:inset 0 0 0 1px var(--ar-lcdt)}
.ar-keys [aria-selected="true"] .lbl{background:var(--ar-lcdt);color:var(--ar-lcd);box-shadow:none}
.ar-keys .key{display:grid;place-items:center;height:48px;border-radius:12px;background:linear-gradient(180deg,#3a434e,#262d35);color:#e3e8ee;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 4px 0 #0b0e12,0 7px 12px rgba(0,0,0,.4);font:800 15px/1 var(--ar-wide);font-stretch:125%;transition:transform .12s,box-shadow .12s,color .2s}
.ar-keys [aria-selected="true"] .key{translate:0 3px;background:linear-gradient(180deg,#2d353e,#20262d);color:var(--ar-lcdt);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 #0b0e12,0 2px 4px rgba(0,0,0,.4)}
.ar-keys button:active .key{translate:0 3px}
.ar-keys button:focus-visible{outline:none}
.ar-keys button:focus-visible .key{outline:2px solid var(--ar-ice);outline-offset:3px}
.ar-tool-foot{display:flex;justify-content:center;gap:18px;margin:22px 0 2px;font:800 10.5px/1 var(--ar-wide);font-stretch:125%;letter-spacing:.14em;text-transform:uppercase;color:#6f7a86}
.ar-tool-foot span + span::before{content:"·";margin-right:18px}

/* 3. the spec plate */
.ar-specs{background:#fff}
.ar-h2-lines span{display:block}
.ar-specs-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(28px,4.5vw,72px);align-items:start;margin-top:clamp(28px,3.4vw,44px)}
.ar-specs-r .ar-lede{margin-top:0}
.ar-specs-r .ar-caution{margin-top:26px}
.ar-plate{position:relative;padding:clamp(24px,2.8vw,36px) clamp(24px,3.2vw,44px);border-radius:14px;color:#2b3138;text-shadow:0 1px 0 rgba(255,255,255,.6);
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 1px,rgba(0,0,0,.03) 1px 2px,transparent 2px 4px),
    linear-gradient(172deg,#eceff2 0%,#cdd2d8 36%,#e1e4e8 58%,#bcc2ca 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(0,0,0,.2),inset 0 0 0 1px rgba(0,0,0,.08),0 2px 0 #9ba3ad,0 26px 40px -26px rgba(17,20,24,.5)}
.ar-plate .rv{position:absolute;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#c4cad1 45%,#8a929c);box-shadow:0 1px 1px rgba(0,0,0,.35),inset 0 -1px 1px rgba(0,0,0,.2)}
.ar-plate .rv:nth-of-type(1){top:12px;left:12px}
.ar-plate .rv:nth-of-type(2){top:12px;right:12px}
.ar-plate .rv:nth-of-type(3){bottom:12px;left:12px}
.ar-plate .rv:nth-of-type(4){bottom:12px;right:12px}
.ar-plate-hd{display:flex;justify-content:space-between;gap:12px;margin:0 8px 18px;padding-bottom:12px;border-bottom:2px solid rgba(43,49,56,.55);box-shadow:0 1px 0 rgba(255,255,255,.7);
  font:800 12px/1.2 var(--ar-wide);font-stretch:125%;letter-spacing:.14em;text-transform:uppercase}
.ar-plate-hd span + span{font:500 10.5px/1.2 var(--mono);letter-spacing:.14em}
.ar-plate-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0 8px}
.ar-plate-cols > div + div{padding-left:clamp(18px,2.4vw,32px);margin-left:clamp(18px,2.4vw,32px);border-left:1px solid rgba(43,49,56,.35);box-shadow:-1px 0 0 rgba(255,255,255,.6)}
.ar-plate h3{margin:0;font:800 clamp(18px,1.7vw,22px)/1 var(--ar-wide);font-stretch:125%;letter-spacing:.04em;text-transform:uppercase}
.ar-plate ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}
.ar-plate li{display:flex;gap:10px;font-size:15.5px;line-height:1.45;font-weight:500}
.ar-plate li svg{width:18px;height:18px;flex:none;margin-top:2px;color:#2b3138;filter:drop-shadow(0 1px 0 rgba(255,255,255,.6))}
.ar-plate ul.no svg{color:#b8231d}
.ar-plate-ft{margin:22px 8px 0;padding-top:12px;border-top:1px solid rgba(43,49,56,.35);font:500 10.5px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#48505a}

/* 4. setup schedule */
.ar-setup{background:var(--ar-gray)}
.ar-setup-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 40px;flex-wrap:wrap}
.ar-sched-wrap{margin-top:clamp(28px,3.4vw,44px)}
.ar-sched{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 0 0 1px var(--ar-rule)}
.ar-sched thead th{padding:13px 22px;background:var(--ar-ink);color:#fff;text-align:left;font:500 11px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.ar-sched tbody th,.ar-sched td{padding:22px;border-top:1px solid var(--ar-rule);text-align:left;vertical-align:middle}
.ar-sched tbody th{width:9em;white-space:nowrap;font:800 clamp(24px,2.4vw,32px)/1 var(--ar-wide);font-stretch:125%;color:var(--ar-red)}
.ar-sched tbody th span{display:block;margin-bottom:6px;font:500 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ar-mute)}
.ar-sched .it{width:32%;font:800 clamp(15px,1.3vw,18px)/1.25 var(--ar-wide);font-stretch:125%;text-transform:uppercase}
.ar-sched td:last-child{font-size:15.5px;line-height:1.55;color:#3a4149}
.ar-foot-note{margin:14px 0 0;font-size:13.5px;color:var(--ar-mute)}

/* 5. pricing: the odometer */
.ar-price{background:#fff}
.ar-price-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5.5vw,96px);align-items:center;margin-top:clamp(28px,3.4vw,44px)}
.ar-big{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 10px;margin:0;font:800 clamp(60px,7.2vw,108px)/.9 var(--ar-wide);font-stretch:125%;letter-spacing:-.03em}
.ar-big .cur{align-self:flex-start;margin-top:.08em;font-size:.42em;color:var(--ar-red)}
.ar-big .per{font:500 13px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ar-mute)}
.ar-facts{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:10px}
.ar-facts li{display:flex;gap:12px;font-size:15.5px;line-height:1.5}
.ar-facts svg{width:18px;height:18px;flex:none;margin-top:3px;color:var(--ar-red)}
.ar-odo{padding:clamp(20px,2.6vw,32px);border-radius:20px;background:var(--ar-gray);box-shadow:inset 0 0 0 1px var(--ar-rule)}
.ar-odo-panel{display:grid;grid-template-columns:auto auto;justify-content:space-between;gap:18px 24px;padding:clamp(18px,2.2vw,26px);border-radius:14px;background:linear-gradient(180deg,#161b21,#0b0e12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 4px #07090c,0 22px 34px -22px rgba(0,0,0,.7)}
.ar-odo-cell{display:grid;gap:12px;align-content:start}
.ar-odo-cell + .ar-odo-cell{padding-left:24px;border-left:1px solid rgba(255,255,255,.08)}
.ar-odo-lab{margin:0;font:500 11px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ar-ice)}
.ar-odo-read{margin:0;display:flex;align-items:center;gap:10px}
.ar-wheels{display:inline-flex;align-items:center;gap:3px;padding:5px;border-radius:7px;background:#030405;font:500 clamp(26px,2.9vw,40px)/1 var(--mono);
  box-shadow:inset 0 2px 6px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.07)}
.ar-wh{position:relative;display:block;width:.8em;height:1.25em;overflow:hidden;border-radius:3px;text-align:center;color:#f2f5f8;
  background:linear-gradient(180deg,#0c0f13,#20262d 50%,#0c0f13)}
.ar-wh::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,0) 32%,rgba(0,0,0,0) 68%,rgba(0,0,0,.7))}
.ar-strip{display:block;transform:translateY(calc(var(--d) * -1.25em));transition:transform .75s var(--ease) calc(var(--k) * 50ms)}
.ar-strip b{display:block;height:1.25em;line-height:1.25em;font-weight:500}
.ar-wh.lz{color:#48525c}
.ar-wh.c{color:var(--ar-red);background:linear-gradient(180deg,#c9ced4,#f4f6f8 50%,#c9ced4)}
.ar-wh.c::after{background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,0) 32%,rgba(0,0,0,0) 68%,rgba(0,0,0,.28))}
.ar-dp,.ar-cur{color:#f2f5f8;padding:0 1px}
.ar-cur{font-size:.7em;color:#9aa6b3}
.ar-u{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#9aa6b3}
.ar-range{display:block;margin-top:26px}
.ar-range-lab{display:block;margin-bottom:8px;font:500 11px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ar-mute)}
.ar-range input{-webkit-appearance:none;appearance:none;display:block;width:100%;height:32px;margin:0;background:transparent;cursor:pointer}
.ar-range input::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--ar-red) 0 calc(13px + var(--p,.2222) * (100% - 26px)),#c9ced6 0)}
.ar-range input::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-10px;border-radius:50%;background:var(--ar-red);box-shadow:0 0 0 4px #fff,0 2px 8px rgba(17,20,24,.35)}
.ar-range input::-moz-range-track{height:6px;border-radius:3px;background:#c9ced6}
.ar-range input::-moz-range-progress{height:6px;border-radius:3px;background:var(--ar-red)}
.ar-range input::-moz-range-thumb{width:26px;height:26px;border:0;border-radius:50%;background:var(--ar-red);box-shadow:0 0 0 4px #fff,0 2px 8px rgba(17,20,24,.35)}
.ar-range input:focus-visible{outline:none}
.ar-range input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #fff,0 0 0 6px var(--ar-red)}
.ar-range input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #fff,0 0 0 6px var(--ar-red)}
.ar-scale{position:relative;height:26px;margin:4px 13px 0}
.ar-scale::before{content:"";position:absolute;left:0;right:-1px;top:0;height:6px;background:repeating-linear-gradient(90deg,#9aa2ad 0 1px,transparent 1px calc((100% - 1px) / 18))}
.ar-scale span{position:absolute;top:11px;left:calc(var(--f) * 100%);translate:-50% 0;font:500 11px/1 var(--mono);color:var(--ar-mute);white-space:nowrap}
.ar-est{margin:10px 0 0;font-size:13.5px;line-height:1.5;color:var(--ar-mute)}

/* 6. FAQ */
.ar-faq{background:var(--ar-gray);--fq-line:#c9ced6;--fq-muted:#4a525d}
.ar-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,80px);align-items:start}
.ar-faq summary i{color:var(--ar-red)}

/* 7. closing + footer */
.ar-close{position:relative;overflow:hidden;isolation:isolate;background:var(--ar-night);color:#fff;padding-block:clamp(84px,10vw,150px) clamp(112px,12vw,180px);text-align:center}
.ar-close::before{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(40% 60% at 22% 110%,rgba(124,212,255,.14),transparent 70%),radial-gradient(34% 50% at 80% 115%,rgba(255,176,32,.12),transparent 70%),
    radial-gradient(60% 80% at 50% 0%,rgba(234,242,251,.05),transparent 70%)}
.ar-close :focus-visible{outline-color:var(--ar-ice)}
.ar-close h2{margin:0 auto;font-size:clamp(34px,5.3vw,80px);line-height:.94;letter-spacing:-.02em;color:#f2f5f9}
.ar-dial{position:absolute;left:50%;bottom:0;z-index:-1;width:min(1200px,160%);height:auto;translate:-50% 0}
.ar-dial line{stroke:rgba(223,230,239,.16);stroke-width:2.2}
.ar-dial .M{stroke:rgba(223,230,239,.32);stroke-width:4}
.ar-dial .r{stroke:rgba(255,59,48,.6);stroke-width:2.6}
.ar-dial .r.M{stroke-width:4.4}
.ar-dial-ring{fill:none;stroke:rgba(124,212,255,.28);stroke-width:1.6}
.ar-dial-red{fill:none;stroke:rgba(255,59,48,.32);stroke-width:7}
.ar-close h2 span{display:block}
.ar-close h2 b{color:var(--ar-needle)}
.ar-close .ar-cta{justify-content:center;margin-top:38px}
.ar-foot{background:#050608;color:#fff;border-top:1px solid rgba(255,255,255,.08)}
.ar-foot .grid3 i:not(.o){background:var(--ar-needle)}
.ar-foot .grid3 i.o{box-shadow:inset 0 0 0 1.5px var(--ar-needle)}
.ar-foot .p3-tag{font-family:var(--ar-wide);font-stretch:125%;font-style:normal;font-weight:800;font-size:17px;letter-spacing:.02em;text-transform:uppercase}

/* ---------------------------------------------------------------- narrower screens */
@media (max-width:1100px){
  .ar-how-grid,.ar-specs-grid{grid-template-columns:minmax(0,1fr)}
  .ar-specs-r{max-width:720px}
  .ar-how-l{max-width:720px}
}
@media (max-width:899px){
  .ar-hero{--gz:clamp(112px,20vw,168px);--mw:clamp(160px,46vw,270px);--pt:clamp(20px,4vw,34px)}
  .ar-hero-in{grid-template-rows:auto;grid-template-areas:"k m" "h h" "s s" "c c" "f f"}
  .ar-k{align-self:end;padding-bottom:2px;font-size:10.5px;letter-spacing:.1em}
  .ar-hero h1{margin-top:14px;font-size:clamp(34px,9.6vw,76px)}
  .ar-bay::after{background:linear-gradient(180deg,rgba(7,9,12,.3) 0%,rgba(7,9,12,.82) 26%,rgba(7,9,12,.82) 72%,rgba(7,9,12,.3) 100%)}
  .ar-sample-grid,.ar-price-grid,.ar-faq-grid{grid-template-columns:minmax(0,1fr)}
  .ar-tool{justify-self:start}
}
@media (max-width:639px){
  .ar-hero{--gz:clamp(104px,33vw,150px)}
  .ar-spd,.ar-x{display:none}
  .ar-bay-svg{left:-100%;width:200%}
  .ar-tag{width:128px;padding:24px 10px 11px;white-space:normal;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%,0 12px)}
  .ar-tag p{white-space:normal}
  .ar-tag .t1{font-size:8px;letter-spacing:.1em;padding-bottom:5px}
  .ar-tag .t2{margin-top:6px;font-size:12.5px}
  .ar-tag .t3{font-size:11px}
  .ar-hole{top:7px}
  .ar-odo-panel{grid-template-columns:minmax(0,1fr)}
  .ar-odo-cell + .ar-odo-cell{padding:16px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.08)}
  .ar-bin{left:var(--gut);right:var(--gut);translate:none;justify-content:center}
  .ar-mid{flex:1 1 auto;width:auto;min-width:0}
  .ar-cta .btn{flex:1 1 auto}
  .ar-spec div{grid-template-columns:minmax(0,1fr)}
  .ar-spec dt::after{display:none}
  .ar-spec dd{margin-top:1px}
  .ar-plate-cols{grid-template-columns:minmax(0,1fr)}
  .ar-plate-cols > div + div{margin:22px 0 0;padding:20px 0 0;border-left:0;box-shadow:none;border-top:1px solid rgba(43,49,56,.35)}
  .ar-sched thead{display:none}
  .ar-sched,.ar-sched tbody,.ar-sched tr,.ar-sched th,.ar-sched td{display:block;width:auto}
  .ar-sched tr{padding:18px 18px 20px;border-top:1px solid var(--ar-rule)}
  .ar-sched tr:first-child{border-top:0}
  .ar-sched tbody th,.ar-sched td{padding:0;border:0}
  .ar-sched tbody th{display:flex;align-items:baseline;gap:10px;font-size:22px}
  .ar-sched tbody th span{margin:0}
  .ar-sched .it{margin-top:10px;width:auto}
  .ar-sched td:last-child{margin-top:6px}
  .ar-screen{padding:14px 12px 62px}
  .ar-scr-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row dense;column-gap:14px}
  .ar-scr-fields div{grid-template-columns:minmax(0,1fr);gap:2px}
  .ar-scr-fields div:nth-child(2){grid-column:1/-1}
  .ar-run{font-size:10.5px;letter-spacing:.1em}
  .ar-keys{gap:8px;margin-inline:4px}
  .ar-keys .lbl{font-size:9px;letter-spacing:.04em;padding:4px}
  .ar-tool{padding:12px;border-radius:38px}
  .ar-tool-in{padding:14px 12px;border-radius:28px}
  .ar-bump{width:60px;height:60px}
  .ar-wheels{font-size:clamp(22px,7vw,30px)}
}
@media (prefers-reduced-motion:reduce){
  .ar-swing{animation:none}
  .ar-strip{transition:none}
}