/* ============================================================================
   ACTIVE TECH — Instrument Systems
   Material palette from the logo: warm near-black, chrome silver, amber gold,
   redline. Chrome + gold are real materials (gradients). 3D particle field +
   dotted pattern ground behind the content.
   ========================================================================== */

:root{
  --ink-950:#080906; --ink-900:#0D0F0B; --ink-870:#12140E; --ink-830:#181B13; --ink-800:#1E2118;
  --line:#2C3126; --line-soft:rgba(236,232,220,.08);
  --amber:#FFCF23; --amber-2:#FFE36A;
  --gold-grad:linear-gradient(180deg,#FFE79A 0%,#FFCF23 46%,#C8931A 78%,#FFDC55 100%);
  --chrome-grad:linear-gradient(176deg,#ffffff 0%,#d3d6da 34%,#878b92 54%,#eceef1 74%,#a9adb3 100%);
  --redline:#E0543A;
  --bone:#ECE8DC; --muted:#9C988B; --faint:#6A6A5D;
  --display:"Saira Condensed","Saira",system-ui,sans-serif;
  --body:"Saira",system-ui,-apple-system,Segoe UI,sans-serif;
  --mono:"Space Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --maxw:1280px; --pad:clamp(20px,5vw,80px); --ease:cubic-bezier(.19,.8,.22,1);
}
[dir="rtl"]{ --display:"IBM Plex Sans Arabic","Saira Condensed",sans-serif; --body:"IBM Plex Sans Arabic","Saira",sans-serif; }

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  color:var(--bone);font-family:var(--body);font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;position:relative;
  background:
    radial-gradient(58vw 58vw at 82% 3%, rgba(255,207,35,.075), transparent 60%),
    radial-gradient(46vw 46vw at 5% 34%, rgba(255,207,35,.045), transparent 62%),
    radial-gradient(64vw 64vw at 70% 98%, rgba(200,147,26,.05), transparent 62%),
    var(--ink-950);
  background-attachment:fixed;
}
body.is-loading{overflow:hidden;height:100vh}
/* faint precision grid, fading at the edges */
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background-image:linear-gradient(rgba(236,232,220,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(236,232,220,.028) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(125% 95% at 50% 0%,#000 28%,transparent 80%);mask-image:radial-gradient(125% 95% at 50% 0%,#000 28%,transparent 80%)}
/* film grain for tactile depth */
.grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.045;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
img,svg,video,canvas{display:block;max-width:100%}
::selection{background:var(--amber);color:var(--ink-950)}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:2px}
.mono{font-family:var(--mono);font-weight:400}
.chrome{background:var(--chrome-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.gold{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
/* Arabic (connected script) renders unreliably with background-clip:text — use solid fills. */
[dir="rtl"] .chrome{background:none!important;-webkit-background-clip:border-box;background-clip:border-box;color:var(--bone)!important;-webkit-text-fill-color:var(--bone)!important}
[dir="rtl"] .gold{background:none!important;-webkit-background-clip:border-box;background-clip:border-box;color:var(--amber)!important;-webkit-text-fill-color:var(--amber)!important}

/* ── eyebrow / titles ───────────────────────────────────────────────────── */
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:12px;margin-bottom:22px}
.tick-dot{width:26px;height:2px;background:var(--amber);display:inline-block}
[dir="rtl"] .eyebrow{letter-spacing:.05em}
.section__title{font-family:var(--display);font-weight:900;font-size:clamp(2.2rem,6vw,4.6rem);line-height:.94;letter-spacing:-.015em;text-transform:uppercase;text-wrap:balance}
[dir="rtl"] .section__title,[dir="rtl"] .hero__title{text-transform:none;letter-spacing:0;line-height:1.18}
.lead{font-size:clamp(1.05rem,1.6vw,1.32rem);color:var(--muted);max-width:58ch;line-height:1.55}

/* ── buttons ────────────────────────────────────────────────────────────── */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-950);background:var(--amber);padding:16px 26px;border-radius:2px;border:1px solid var(--amber);cursor:pointer;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.btn::after{content:"";position:absolute;inset:0;background:var(--amber-2);transform:translateY(101%);transition:transform .4s var(--ease);z-index:0}
.btn>*{position:relative;z-index:1}
.btn__arw{transition:transform .35s var(--ease)}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 40px -14px rgba(255,207,35,.5)}
.btn:hover::after{transform:translateY(0)}
.btn:hover .btn__arw{transform:translateX(4px)}
[dir="rtl"] .btn__arw{transform:scaleX(-1)}
[dir="rtl"] .btn:hover .btn__arw{transform:translateX(-4px) scaleX(-1)}
.btn--ghost{background:transparent;color:var(--bone);border-color:var(--line)}
.btn--ghost::after{background:rgba(236,232,220,.06)}
.btn--ghost:hover{border-color:var(--amber)}
.btn--sm{padding:11px 20px;font-size:12px}
.btn--full{width:100%;padding:18px}

/* ── loader ─────────────────────────────────────────────────────────────── */
.loader{position:fixed;inset:0;z-index:200;background:var(--ink-950);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;transition:opacity .6s var(--ease),visibility .6s}
.loader.done{opacity:0;visibility:hidden}
.loader__logo{width:min(240px,52vw);filter:drop-shadow(0 10px 40px rgba(255,207,35,.15))}
.loader__bar{width:min(220px,44vw);height:2px;background:var(--line);overflow:hidden}
.loader__bar i{display:block;height:100%;width:0;background:var(--amber)}
.loader__num{font-size:12px;letter-spacing:.3em;color:var(--faint)}

/* ── nav ────────────────────────────────────────────────────────────────── */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px var(--pad);transition:transform .45s var(--ease),background .4s,border-color .4s,padding .4s;border-bottom:1px solid transparent}
.nav.scrolled{background:rgba(8,9,6,.72);backdrop-filter:blur(18px);border-bottom-color:var(--line-soft);padding-top:10px;padding-bottom:10px}
.nav.hidden{transform:translateY(-102%)}
.nav__progress{position:absolute;bottom:-1px;left:0;height:2px;width:0;background:var(--gold-grad);opacity:0;transition:opacity .4s}
.nav.scrolled .nav__progress{opacity:1}
.brand{display:inline-flex;align-items:center}
.brand img{height:44px;width:auto;transition:height .4s var(--ease)}
.nav.scrolled .brand img{height:36px}
.nav__links{display:flex;gap:30px}
.nav__links a{font-family:var(--mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);position:relative;padding:4px 0;transition:color .3s}
.nav__links a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--amber);transition:width .3s var(--ease)}
.nav__links a:hover{color:var(--bone)}.nav__links a:hover::after{width:100%}
.nav__actions{display:flex;align-items:center;gap:14px}
.lang{font-family:var(--mono);font-size:13px;background:transparent;border:1px solid var(--line);color:var(--muted);width:40px;height:36px;border-radius:2px;cursor:pointer;transition:.3s;flex:none}
.lang:hover{border-color:var(--amber);color:var(--bone)}
.nav__burger{display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:40px;height:36px;background:transparent;border:1px solid var(--line);border-radius:2px;cursor:pointer;flex:none}
.nav__burger span{display:block;width:16px;height:1.6px;background:var(--bone);transition:transform .3s var(--ease),opacity .3s}
.nav--open .nav__burger span:nth-child(1){transform:translateY(5.6px) rotate(45deg)}
.nav--open .nav__burger span:nth-child(2){opacity:0}
.nav--open .nav__burger span:nth-child(3){transform:translateY(-5.6px) rotate(-45deg)}

/* ── hero ───────────────────────────────────────────────────────────────── */
.hero{position:relative;min-height:100svh;padding:clamp(120px,16vh,190px) var(--pad) 70px;max-width:var(--maxw);margin-inline:auto;display:flex;flex-direction:column;justify-content:center}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 72% 45%,rgba(255,207,35,.08),transparent 70%);pointer-events:none;z-index:-1}
.hero__hud{position:absolute;top:clamp(84px,12vh,120px);left:var(--pad);right:var(--pad);display:flex;gap:26px;flex-wrap:wrap;font-size:11px;letter-spacing:.2em;color:var(--faint);opacity:0;animation:fadeIn .8s .2s var(--ease) forwards}
.hero__hud span{display:inline-flex;align-items:center;gap:10px}
.hero__hud span::before{content:"";width:6px;height:6px;background:var(--amber);border-radius:50%}
@keyframes fadeIn{to{opacity:1}}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,70px);align-items:center}
.hero__title{font-family:var(--display);font-weight:900;font-size:clamp(3.2rem,9.5vw,7.5rem);line-height:.88;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:28px}
.hero__title .line{display:block;overflow:hidden}
.hero__title .line>span{display:inline-block}
.hero__lede{color:var(--muted);max-width:44ch;font-size:clamp(1.06rem,1.5vw,1.24rem);margin-bottom:36px}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:52px}
.hero__stats{display:flex;gap:clamp(22px,4vw,50px);flex-wrap:wrap}
.hero__stats div{border-left:1px solid var(--line);padding-left:16px}
[dir="rtl"] .hero__stats div{border-left:none;border-right:1px solid var(--line);padding-left:0;padding-right:16px}
.hero__stats dt{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}
.hero__stats dd{font-family:var(--display);font-weight:900;font-size:1.9rem;line-height:1;display:flex;align-items:baseline;gap:5px}
.hero__stats dd i{font-style:normal;font-size:1.05rem}

/* ── real dial ──────────────────────────────────────────────────────────── */
.hero__instrument{display:flex;justify-content:center;align-items:center}
.dial{position:relative;width:min(46vw,480px);aspect-ratio:1;user-select:none;overflow:hidden;border-radius:50%}
.dial--hero{filter:drop-shadow(0 34px 72px rgba(0,0,0,.6))}
.dial__glow{position:absolute;inset:-10%;background:radial-gradient(circle at 50% 46%,rgba(255,207,35,.18),transparent 62%);pointer-events:none;z-index:0}
.dial__face{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1}
.dial__needle{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:50% 50%;will-change:transform;z-index:2;filter:drop-shadow(0 2px 6px rgba(0,0,0,.55))}
.dial__digital{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:3}
.dial__digital #speedValue{font-family:var(--display);font-weight:900;font-size:clamp(2.4rem,6vw,3.6rem);line-height:1}
.dial__unit{display:block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:2px}

.scroll-hint{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--faint)}
.scroll-hint::after{content:"";display:block;width:1px;height:34px;background:linear-gradient(var(--amber),transparent);margin:10px auto 0;animation:drip 2.2s var(--ease) infinite}
@keyframes drip{0%{transform:scaleY(0);transform-origin:top}40%{transform:scaleY(1);transform-origin:top}60%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ── stat band ──────────────────────────────────────────────────────────── */
.statband{max-width:var(--maxw);margin-inline:auto;padding:clamp(30px,4vw,50px) var(--pad);display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-block:1px solid var(--line)}
.statband__item{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.statband__n{font-family:var(--display);font-weight:900;font-size:clamp(2.4rem,6vw,4rem);line-height:.9}
.statband__l{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}

/* ── section shell ──────────────────────────────────────────────────────── */
.section{max-width:var(--maxw);margin-inline:auto;padding:clamp(72px,11vw,150px) var(--pad)}
.section__head{margin-bottom:clamp(40px,6vw,70px);max-width:22ch}

/* ── showcase (portrait phone) ──────────────────────────────────────────── */
.showcase__grid{display:grid;grid-template-columns:minmax(0,360px) 1fr;gap:clamp(30px,6vw,80px);align-items:center}
.phone{margin:0;display:flex;justify-content:center}
.phone__frame{position:relative;width:min(320px,78vw);aspect-ratio:464/832;border-radius:38px;background:#000;border:9px solid #16180F;box-shadow:0 40px 90px -34px rgba(0,0,0,.95),inset 0 0 0 1px rgba(255,255,255,.05);overflow:hidden}
.phone__notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:40%;height:22px;background:#0a0b08;border-radius:0 0 16px 16px;z-index:3}
.phone__frame video{width:100%;height:100%;object-fit:cover}
.phone__ctrl{position:absolute;inset:0;background:transparent;border:0;cursor:pointer;z-index:2}
.phone__ctrl::after{content:"▶";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:66px;display:grid;place-items:center;font-size:22px;color:var(--ink-950);background:var(--amber);border-radius:50%;transition:opacity .3s,transform .3s;box-shadow:0 10px 34px rgba(255,207,35,.4)}
.showcase.playing .phone__ctrl::after{opacity:0;transform:translate(-50%,-50%) scale(.6)}
.showcase__side{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.screen__tag{font-size:11px;letter-spacing:.2em;color:var(--amber)}
.showcase__points{list-style:none;display:flex;flex-direction:column;gap:12px}
.showcase__points li{position:relative;padding-inline-start:22px;color:var(--bone);font-size:clamp(1.05rem,1.8vw,1.3rem)}
.showcase__points li::before{content:"›";position:absolute;left:0;color:var(--amber);font-family:var(--mono)}
[dir="rtl"] .showcase__points li::before{left:auto;right:0;transform:scaleX(-1)}
.showcase__cap{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}

/* ── navigation showcase ────────────────────────────────────────────────── */
.navi__stage{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(28px,4vw,56px);align-items:center}
.navi__frame{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#000;box-shadow:0 30px 70px -34px rgba(0,0,0,.9)}
.navi__frame img{width:100%;display:block;aspect-ratio:792/304;object-fit:cover;transition:opacity .35s var(--ease)}
.navi__tabs{list-style:none}
.navi__tab{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid transparent;border-bottom-color:var(--line);cursor:pointer;transition:background .3s,border-color .3s,padding .3s var(--ease)}
.navi__tab:hover{background:var(--ink-870);padding-inline-start:22px}
.navi__tab.is-active{border-color:#4a3f16;background:linear-gradient(90deg,rgba(255,207,35,.09),transparent)}
.navi__no{font-size:12px;color:var(--faint);letter-spacing:.1em}
.navi__tab.is-active .navi__no{color:var(--amber)}
.navi__nm{font-family:var(--display);font-weight:700;font-size:clamp(1.05rem,2vw,1.4rem);text-transform:uppercase;color:var(--muted);transition:color .3s}
.navi__tab:hover .navi__nm,.navi__tab.is-active .navi__nm{color:var(--bone)}
[dir="rtl"] .navi__nm{text-transform:none}
.navi__foot{margin-top:24px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}

/* ── capabilities ledger ────────────────────────────────────────────────── */
.ledger{list-style:none;border-top:1px solid var(--line)}
.ledger__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) auto;gap:clamp(16px,4vw,60px);align-items:baseline;padding:clamp(24px,3.2vw,38px) 0;border-bottom:1px solid var(--line);transition:padding-inline-start .4s var(--ease),background .4s}
.ledger__row:hover{padding-inline-start:16px;background:linear-gradient(90deg,rgba(255,207,35,.04),transparent 40%)}
.ledger__title{font-family:var(--display);font-weight:700;font-size:clamp(1.5rem,3.4vw,2.4rem);text-transform:uppercase;line-height:1}
[dir="rtl"] .ledger__title{text-transform:none;line-height:1.25}
.ledger__desc{color:var(--muted);font-size:1rem;line-height:1.5}
.chev{font-family:var(--mono);color:var(--faint);letter-spacing:-.1em;transition:color .35s,transform .35s var(--ease);justify-self:end}
.ledger__row:hover .chev{color:var(--amber);transform:translateX(8px)}
[dir="rtl"] .chev{transform:scaleX(-1)}
[dir="rtl"] .ledger__row:hover .chev{transform:translateX(-8px) scaleX(-1)}

/* ── design gallery ─────────────────────────────────────────────────────── */
.section__head--wide{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}
.gallery__lede{color:var(--muted);max-width:40ch;font-size:1.02rem}
.gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.gcard{margin:0;position:relative;border:1px solid var(--line);border-radius:14px;background:radial-gradient(circle at 50% 38%,var(--ink-830),var(--ink-950));overflow:hidden;padding:14px;transition:border-color .4s var(--ease),transform .4s var(--ease),box-shadow .4s var(--ease)}
.gcard:hover{border-color:#4a3f16;transform:translateY(-6px);box-shadow:0 26px 54px -26px rgba(0,0,0,.85)}
.gcard__dial{position:relative;display:block;aspect-ratio:1;width:100%}
.gcard__face,.gcard__needle{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.gcard__needle{transform-origin:50% 50%;transform:rotate(-120deg);transition:transform 1.1s var(--ease);filter:drop-shadow(0 2px 5px rgba(0,0,0,.5))}
.gcard:hover .gcard__needle{transform:rotate(95deg)}
.gcard figcaption{display:flex;align-items:center;gap:10px;margin-top:12px;font-family:var(--display);font-weight:700;font-size:1.05rem;text-transform:uppercase;color:var(--bone)}
[dir="rtl"] .gcard figcaption{text-transform:none}
.gcard__no{font-size:11px;color:var(--faint);letter-spacing:.1em}
.gcard--more{display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(160deg,#221e0d,#12140e);border-color:#4a3f16;min-height:100%}
.gcard--more:hover{transform:translateY(-6px)}
.gcard__moretxt{font-family:var(--display);font-weight:900;font-size:1.4rem;line-height:1.05;text-transform:uppercase}
[dir="rtl"] .gcard__moretxt{text-transform:none}

/* ── statement ──────────────────────────────────────────────────────────── */
.statement{max-width:var(--maxw);margin-inline:auto;padding:clamp(70px,11vw,150px) var(--pad);text-align:center}
.statement__k{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--faint);margin-bottom:28px}
.statement__text{font-family:var(--display);font-weight:900;font-size:clamp(2rem,5.6vw,4.6rem);line-height:1.02;text-transform:uppercase;max-width:18ch;margin-inline:auto;letter-spacing:-.01em;text-wrap:balance}
[dir="rtl"] .statement__text{text-transform:none;line-height:1.28}

/* ── CTA band ───────────────────────────────────────────────────────────── */
.ctaband{padding:clamp(30px,5vw,70px) var(--pad)}
.ctaband__inner{max-width:var(--maxw);margin-inline:auto;border:1px solid #4a3f16;border-radius:22px;padding:clamp(44px,7vw,92px);text-align:center;background:radial-gradient(90% 130% at 50% 0%,rgba(255,207,35,.09),transparent 58%),var(--ink-870);position:relative;overflow:hidden}
.eyebrow--center{justify-content:center}
.ctaband__title{font-family:var(--display);font-weight:900;font-size:clamp(2.2rem,6vw,4.6rem);line-height:.95;text-transform:uppercase;margin-bottom:16px}
[dir="rtl"] .ctaband__title{text-transform:none;line-height:1.2}
.ctaband__sub{color:var(--muted);margin-bottom:34px;font-size:clamp(1rem,1.6vw,1.2rem)}
.btn--lg{padding:20px 42px;font-size:14px}

/* ── steps ──────────────────────────────────────────────────────────────── */
.steps__grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,34px);border-top:1px solid var(--line);padding-top:46px}
.steps__no{font-family:var(--display);font-weight:900;font-size:2.2rem;color:transparent;-webkit-text-stroke:1px var(--amber);display:block;margin-bottom:16px}
.steps__grid h3{font-family:var(--display);font-weight:700;font-size:1.5rem;text-transform:uppercase;margin-bottom:10px}
.steps__grid p{color:var(--muted);font-size:.98rem;line-height:1.5}
[dir="rtl"] .steps__grid h3{text-transform:none}

/* ── FAQ ────────────────────────────────────────────────────────────────── */
.faq__list{border-top:1px solid var(--line)}
.faq__item{border-bottom:1px solid var(--line)}
.faq__item summary{list-style:none;cursor:pointer;padding:24px 0;font-family:var(--display);font-weight:700;font-size:clamp(1.15rem,2.4vw,1.6rem);text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;gap:20px}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{content:"+";color:var(--amber);font-family:var(--mono);font-size:1.5rem;transition:transform .3s var(--ease)}
.faq__item[open] summary::after{transform:rotate(45deg)}
.faq__item p{color:var(--muted);padding:0 0 26px;max-width:72ch;line-height:1.6}
[dir="rtl"] .faq__item summary{text-transform:none}

/* ── vehicles ───────────────────────────────────────────────────────────── */
.vehicles__list{list-style:none;border-top:1px solid var(--line)}
.vehicles__list li{display:flex;align-items:baseline;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:clamp(22px,3.4vw,42px) 0;border-bottom:1px solid var(--line);transition:padding-inline-start .4s var(--ease)}
.vehicles__list li:hover{padding-inline-start:14px}
.vehicles__marque{font-family:var(--display);font-weight:900;font-size:clamp(1.8rem,5vw,3.4rem);text-transform:uppercase}
.vehicles__models{font-size:clamp(.9rem,1.6vw,1.15rem);color:var(--amber);letter-spacing:.08em}
.vehicles__foot{margin-top:30px;color:var(--muted);max-width:52ch}

/* ── about / plate ──────────────────────────────────────────────────────── */
.about__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,5vw,70px);align-items:start}
.about__grid .lead{margin-top:24px}
.plate{border:1px solid var(--line);border-radius:12px;background:var(--ink-870);overflow:hidden}
.plate div{display:flex;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid var(--line)}
.plate div:last-child{border-bottom:none}
.plate dt{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);align-self:center}
.plate dd{font-family:var(--display);font-weight:700;font-size:1.12rem;text-align:right}
[dir="rtl"] .plate dd{text-align:left}

/* ── contact ────────────────────────────────────────────────────────────── */
.contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:start}
.contact__intro .lead{margin-top:22px}
.contact__links{list-style:none;margin-top:34px;border-top:1px solid var(--line)}
.contact__links li{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}
.contact__links .mono{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.contact__links a{color:var(--amber)}.contact__links a:hover{text-decoration:underline}
.form{background:var(--ink-870);border:1px solid var(--line);border-radius:12px;padding:clamp(24px,3vw,38px)}
.field{margin-bottom:18px}
.field label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.field input,.field textarea{width:100%;background:var(--ink-950);border:1px solid var(--line);border-radius:4px;color:var(--bone);font-family:var(--body);font-size:16px;padding:14px 16px;transition:border-color .3s}
.field input::placeholder{color:var(--faint)}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--amber)}
.field textarea{resize:vertical;min-height:110px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form__status{font-size:13px;margin-top:14px;min-height:20px;letter-spacing:.04em}
.form__status.ok{color:var(--amber)}.form__status.err{color:var(--redline)}
.form.sent .field,.form.sent .btn{opacity:.4;pointer-events:none}

/* ── footer ─────────────────────────────────────────────────────────────── */
.footer{position:relative;border-top:1px solid var(--line);padding:clamp(50px,7vw,80px) var(--pad) clamp(28px,4vw,40px);max-width:var(--maxw);margin-inline:auto;overflow:hidden}
.footer__watermark{position:absolute;left:0;right:0;bottom:-2vw;text-align:center;font-family:var(--display);font-weight:900;font-size:clamp(4rem,20vw,15rem);line-height:.8;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px rgba(236,232,220,.05);pointer-events:none;white-space:nowrap;z-index:0}
.footer__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:clamp(28px,4vw,60px);padding-bottom:40px}
.footer__logo{height:52px;width:auto;margin-bottom:16px}
.footer__tag{color:var(--muted);max-width:34ch;font-size:.98rem}
.footer__col{display:flex;flex-direction:column;gap:12px}
.footer__h{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin-bottom:4px}
.footer__col a,.footer__col span{color:var(--muted);transition:color .3s}
.footer__col a:hover{color:var(--amber)}
.footer__meta{position:relative;z-index:1;display:flex;gap:28px;flex-wrap:wrap;align-items:center;font-size:12px;letter-spacing:.08em;color:var(--faint);border-top:1px solid var(--line);padding-top:24px}
.to-top{margin-inline-start:auto;text-transform:uppercase;letter-spacing:.14em;transition:color .3s}
[dir="rtl"] .to-top{margin-inline-start:0;margin-inline-end:auto}
.to-top:hover{color:var(--amber)}

/* ── reveals ────────────────────────────────────────────────────────────── */
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
[data-reveal].in{opacity:1;transform:none}

/* ── responsive ─────────────────────────────────────────────────────────── */
@media (max-width:920px){
  .nav__burger{display:flex}
  .brand,.nav__actions{position:relative;z-index:2}
  .nav__links{position:fixed;top:0;left:0;right:0;z-index:1;flex-direction:column;gap:0;background:rgba(8,9,6,.98);backdrop-filter:blur(20px);padding:88px var(--pad) 28px;transform:translateY(-105%);transition:transform .42s var(--ease);border-bottom:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}
  .nav--open .nav__links{transform:translateY(0)}
  .nav__links a{padding:18px 0;font-size:15px;border-bottom:1px solid var(--line-soft);color:var(--bone)}
  .nav__links a::after{display:none}
  .hero__grid{grid-template-columns:1fr;gap:40px}
  .hero__instrument{order:-1}
  .dial--hero{width:min(74vw,360px)}
  .hero__hud{position:static;margin-bottom:20px;animation:none;opacity:1}
  .about__grid,.contact__grid,.picker__stage,.navi__stage,.showcase__grid{grid-template-columns:1fr}
  .picker__stage,.navi__stage{gap:32px}
  .showcase__grid{gap:34px;justify-items:center;text-align:center}
  .showcase__side{align-items:center}
  .showcase__points{text-align:left}
  .statband{grid-template-columns:repeat(2,1fr);gap:26px}
  .steps__grid{grid-template-columns:1fr;gap:26px}
  .gallery{grid-template-columns:repeat(3,1fr)}
  .section__head--wide{align-items:flex-start}
  .ledger__row{grid-template-columns:1fr;gap:8px}
  .ledger__row .chev{display:none}
  .footer__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  body{font-size:16px}
  .nav{gap:12px;padding-left:20px;padding-right:20px}
  .nav__cta{display:none}
  .brand img{height:38px}
  .hero{padding-top:120px}
  .hero__title{font-size:clamp(2.8rem,15vw,5rem)}
  .hero__stats{gap:18px}
  .hero__stats dd{font-size:1.6rem}
  .statband{grid-template-columns:repeat(2,1fr);padding-top:34px;padding-bottom:34px}
  .gallery{grid-template-columns:repeat(2,1fr);gap:12px}
  .gcard{padding:10px}
  .gcard figcaption{font-size:.92rem}
  .statement__text{font-size:clamp(1.8rem,8vw,3rem)}
  .footer__grid{grid-template-columns:1fr}
  .footer__meta{gap:12px}
  .to-top{margin-inline-start:0}
}
@media (max-width:380px){
  .gallery{grid-template-columns:1fr}
  .hero__stats{flex-direction:column;gap:14px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  [data-reveal]{opacity:1;transform:none}
  .scroll-hint::after{display:none}
  .gcard__needle{transform:rotate(-10deg)}
}