/* Ace Star Industries — "Zero Charge" redesign concept (Vijaya demo)
   Light cleanroom base · brand red = positive charge · ion cyan = negative charge · ink = neutral */
:root{
  --bg:#f3f6f8; --bg-2:#e8eef2; --paper:#fff; --ink:#0a0f14; --ink-2:#36414c; --mute:#6a7683; --mute-2:#98a3ae;
  --line:rgba(10,15,20,.11); --line-2:rgba(10,15,20,.06);
  --plus:#ef1219; --plus-soft:#ffe3e2; --minus:#0a9fe0; --minus-2:#58d0ff; --minus-soft:#dff4ff; --ok:#10b47e; --warn:#f5b400;
  --dark:#060a0e; --dark-2:#0d141b; --dline:rgba(255,255,255,.1);
  --r:20px; --r-s:12px; --max:1320px; --g:clamp(16px,4vw,44px);
  --f:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; --fm:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --ease:cubic-bezier(.2,.7,.1,1); --shadow:0 30px 80px -42px rgba(14,40,64,.32),0 2px 6px -2px rgba(14,40,64,.06);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16.5px/1.6 var(--f);-webkit-font-smoothing:antialiased;overflow-x:hidden;font-feature-settings:"ss01","cv11"}
img,video,svg,canvas{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.035em;line-height:1.02}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
::selection{background:var(--ink);color:#fff}
:focus-visible{outline:2px solid var(--minus);outline-offset:3px;border-radius:6px}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--g)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mono{font-family:var(--fm);font-feature-settings:normal}
.plus{color:var(--plus)} .minus{color:var(--minus)}

/* ---------- type ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:500 11.5px/1 var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.eyebrow b{font-weight:500;color:var(--ink)}
.eyebrow .ix{color:var(--ink)}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--plus);box-shadow:12px 0 0 var(--minus);margin-right:14px}
.h-xl{font-size:clamp(46px,7.6vw,118px);line-height:.9;letter-spacing:-.055em}
.h-l{font-size:clamp(34px,4.8vw,70px);line-height:.96;letter-spacing:-.048em}
.h-m{font-size:clamp(26px,2.9vw,42px);line-height:1.02;letter-spacing:-.04em}
.h-s{font-size:clamp(19px,1.6vw,23px);line-height:1.15;letter-spacing:-.025em}
.lede{font-size:clamp(17px,1.35vw,20px);line-height:1.55;color:var(--ink-2);max-width:56ch}
.muted{color:var(--mute)}
.thin{font-weight:300;color:var(--mute-2)}
.tag{display:inline-flex;align-items:center;gap:6px;font:500 11px/1 var(--fm);letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;border-radius:99px;border:1px solid var(--line);color:var(--ink-2);background:rgba(255,255,255,.6);white-space:nowrap}
.tag i{width:6px;height:6px;border-radius:50%;background:var(--ok);font-style:normal}

/* ---------- buttons ---------- */
.btn{--bh:52px;display:inline-flex;align-items:center;gap:12px;height:var(--bh);padding:0 22px 0 24px;border-radius:99px;font-weight:500;font-size:15.5px;letter-spacing:-.01em;transition:transform .5s var(--ease),background .3s,color .3s,box-shadow .4s;white-space:nowrap;position:relative;isolation:isolate}
.btn svg{width:16px;height:16px;transition:transform .5s var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.btn-ink{background:var(--ink);color:#fff;box-shadow:0 14px 34px -16px rgba(10,15,20,.6)}
.btn-ink:hover{background:#1b2630}
.btn-plus{background:var(--plus);color:#fff;box-shadow:0 14px 34px -14px rgba(239,18,25,.7)}
.btn-plus:hover{background:#d60b12}
.btn-line{border:1px solid var(--line);background:rgba(255,255,255,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.btn-line:hover{border-color:var(--ink)}
.btn-sm{--bh:40px;padding:0 16px 0 18px;font-size:14px}
.btn-w{background:#fff;color:var(--ink)}
.btn-wl{border:1px solid rgba(255,255,255,.22);color:#fff}
.btn-wl:hover{border-color:#fff}
.link{display:inline-flex;align-items:center;gap:8px;font-weight:500;border-bottom:1px solid currentColor;padding-bottom:2px}
.link svg{width:14px;height:14px;transition:transform .4s var(--ease)}
.link:hover svg{transform:translateX(3px)}

/* ---------- nav ---------- */
.nav{position:fixed;inset:12px 12px auto;z-index:60;display:flex;align-items:center;gap:20px;height:62px;padding:0 10px 0 18px;border-radius:18px;background:rgba(255,255,255,.72);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.9);box-shadow:0 18px 40px -30px rgba(14,40,64,.35);transition:transform .6s var(--ease),background .3s}
.nav.hide{transform:translateY(calc(-100% - 40px))}
.nav .logo{display:flex;align-items:center;gap:12px;flex:none}
.nav .logo img{height:28px;width:auto}
.nav .logo span{font:500 10.5px/1.15 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);border-left:1px solid var(--line);padding-left:12px}
.nav-links{display:flex;gap:4px;margin:0 auto}
.nav-links a{position:relative;padding:9px 14px;border-radius:10px;font-size:14.5px;font-weight:500;color:var(--ink-2);transition:background .25s,color .25s}
.nav-links a:hover{background:rgba(10,15,20,.05);color:var(--ink)}
.nav-links a[aria-current=page]{color:var(--ink)}
.nav-links a[aria-current=page]::after{content:"";position:absolute;left:50%;bottom:3px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--plus)}
.nav-cta{display:flex;align-items:center;gap:8px;flex:none}
.rfq-btn{display:inline-flex;align-items:center;gap:9px;height:42px;padding:0 14px;border-radius:12px;border:1px solid var(--line);font-size:14px;font-weight:500;background:#fff;transition:border-color .3s}
.rfq-btn:hover{border-color:var(--ink)}
.rfq-btn svg{width:17px;height:17px}
.rfq-btn .n{min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--bg-2);font:600 11.5px/22px var(--fm);text-align:center;transition:background .3s,color .3s}
.rfq-btn.has .n{background:var(--plus);color:#fff}
.rfq-btn.bump{animation:bump .5s var(--ease)}
@keyframes bump{40%{transform:scale(1.08)}}
.burger{display:none;width:42px;height:42px;border-radius:12px;background:var(--ink);color:#fff;align-items:center;justify-content:center}
.burger span{display:block;width:16px;height:1.5px;background:currentColor;position:relative;transition:transform .4s var(--ease)}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:16px;height:1.5px;background:currentColor;transition:transform .4s var(--ease)}
.burger span::before{top:-5px}.burger span::after{top:5px}
.menu-open .burger span{background:transparent}
.menu-open .burger span::before{transform:translateY(5px) rotate(45deg)}
.menu-open .burger span::after{transform:translateY(-5px) rotate(-45deg)}
.mmenu{position:fixed;inset:0;z-index:55;background:rgba(243,246,248,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:100px var(--g) 40px;display:flex;flex-direction:column;gap:6px;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
.menu-open .mmenu{opacity:1;visibility:visible}
.mmenu a{font-size:34px;font-weight:600;letter-spacing:-.04em;padding:6px 0;border-bottom:1px solid var(--line-2);display:flex;justify-content:space-between;align-items:baseline}
.mmenu a small{font:500 11px var(--fm);color:var(--mute);letter-spacing:.1em}
.mmenu .mfoot{margin-top:auto;font-size:14px;color:var(--mute);display:grid;gap:6px}

/* ---------- hero ---------- */
.hero{position:relative;min-height:max(720px,100svh);display:flex;align-items:stretch;overflow:hidden;background:var(--bg);isolation:isolate}
.hero-media{position:absolute;inset:0;z-index:-2}
.hero-media video,.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%;opacity:.5}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,rgba(243,246,248,.94) 30%,rgba(243,246,248,.55) 58%,rgba(243,246,248,.25) 100%),linear-gradient(0deg,var(--bg) 0%,rgba(243,246,248,0) 30%)}
.laminar{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:repeating-linear-gradient(90deg,transparent 0 calc(var(--lc,88px) - 1px),rgba(10,40,70,.055) calc(var(--lc,88px) - 1px) var(--lc,88px));-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.6) 70%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.6) 70%,transparent 100%)}
.laminar::after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent 0 calc(var(--lc,88px) - 1px),rgba(10,159,224,.5) calc(var(--lc,88px) - 1px) var(--lc,88px));-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 8%,transparent 16%);mask-image:linear-gradient(180deg,transparent 0%,#000 8%,transparent 16%);-webkit-mask-size:100% 300%;mask-size:100% 300%;animation:flow 6s linear infinite;opacity:.55}
@keyframes flow{from{-webkit-mask-position:0 -100%;mask-position:0 -100%}to{-webkit-mask-position:0 200%;mask-position:0 200%}}
#ionfield{position:absolute;inset:0;width:100%;height:100%;z-index:0;touch-action:pan-y}
.hero-in{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:28px;padding-top:130px;padding-bottom:150px;pointer-events:none}
.hero-in > *{pointer-events:auto}
.hero h1{max-width:9.6em}
.hero h1 .ln{display:block;overflow:hidden;padding-bottom:.04em}
.hero h1 .ln > span{display:inline-block}
.hero h1 em{font-style:normal;position:relative;white-space:nowrap}
.hero h1 .z{color:var(--mute-2);font-weight:300}
.hero .lede{max-width:46ch}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px}
.hero-creds{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;max-width:560px}
@media (min-width:981px) and (max-width:1240px){.hud-hint{display:none}.hud canvas{height:34px}.hud-v{font-size:36px}}
.hud{position:absolute;right:var(--g);bottom:34px;z-index:3;width:min(340px,calc(100% - 2*var(--g)));padding:18px 18px 14px;border-radius:var(--r);background:rgba(255,255,255,.7);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border:1px solid rgba(255,255,255,.95);box-shadow:var(--shadow);font-family:var(--fm)}
.hud-top{display:flex;justify-content:space-between;align-items:center;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.hud-state{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:99px;background:var(--plus-soft);color:var(--plus);font-weight:600;transition:background .5s,color .5s}
.hud-state i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:blink 1s steps(2) infinite}
.hud.ok .hud-state{background:#dcf7ec;color:var(--ok)}
.hud.ok .hud-state i{animation:none}
@keyframes blink{50%{opacity:.2}}
.hud-v{display:flex;align-items:baseline;gap:8px;margin:12px 0 2px;font-size:44px;font-weight:500;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}
.hud-v small{font-size:13px;color:var(--mute);letter-spacing:0}
.hud canvas{width:100%;height:46px;margin:6px 0 10px}
.hud-rows{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;border-top:1px solid var(--line);padding-top:12px}
.hud-rows div{display:grid;gap:3px}
.hud-rows div > span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.hud-rows b{font-size:14.5px;font-weight:500;font-variant-numeric:tabular-nums}
.hud-hint{margin-top:12px;font-size:11px;color:var(--mute);display:flex;gap:8px;align-items:center;line-height:1.4}
.hud-hint svg{width:16px;height:16px;flex:none}
.wafer-slot{display:none}
.probe{position:absolute;z-index:4;left:0;top:0;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;border:1px dashed rgba(239,18,25,.55);pointer-events:none;opacity:0;transition:opacity .3s;display:grid;place-items:center}
.probe::after{content:"+kV";font:600 10px var(--fm);color:var(--plus);letter-spacing:.06em;transform:translate(30px,-30px)}
.probe.on{opacity:1}
.scroll-cue{position:absolute;left:var(--g);bottom:34px;z-index:3;display:flex;align-items:center;gap:12px;font:500 11px var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.scroll-cue i{width:1px;height:42px;background:linear-gradient(var(--ink),transparent);position:relative;overflow:hidden}
.scroll-cue i::after{content:"";position:absolute;left:0;top:-40%;width:1px;height:40%;background:var(--plus);animation:cue 2s var(--ease) infinite}
@keyframes cue{to{top:110%}}

/* ---------- sections ---------- */
.sec{position:relative;padding:clamp(80px,11vw,160px) 0}
.sec-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px 60px;align-items:end;margin-bottom:clamp(40px,5vw,70px)}
.sec-head .eyebrow{grid-column:1/-1}
.sec-head .lede{justify-self:end}
.rule{height:1px;background:var(--line);margin:0}
.white{background:var(--paper)}
.frame{position:relative}
.frame::before,.frame::after{content:"";position:absolute;width:14px;height:14px;border:1.5px solid var(--ink);pointer-events:none;z-index:2}
.frame::before{left:-7px;top:-7px;border-right:0;border-bottom:0}
.frame::after{right:-7px;bottom:-7px;border-left:0;border-top:0}

/* marquee */
.trust{padding:34px 0 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper);overflow:hidden}
.trust-row{display:flex;align-items:center;gap:30px}
.trust-label{flex:none;font:500 11px/1.3 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);width:150px;padding-left:var(--g)}
.marq{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marq-t{display:flex;gap:56px;width:max-content;animation:marq 60s linear infinite}
.marq:hover .marq-t{animation-play-state:paused}
.marq-t span{font-size:clamp(20px,2vw,27px);font-weight:600;letter-spacing:-.035em;color:#9aa5b0;white-space:nowrap;transition:color .3s}
.marq-t span:hover{color:var(--ink)}
.marq-t span::before{content:"±";font:400 .55em var(--fm);vertical-align:.5em;margin-right:8px;color:var(--mute-2)}
@keyframes marq{to{transform:translateX(-50%)}}

/* journey */
.journey{display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);gap:0 clamp(24px,3vw,48px)}
.j-media{position:sticky;top:100px;height:calc(100svh - 130px);max-height:780px;border-radius:var(--r);overflow:hidden;background:var(--bg-2)}
.j-media figure{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.06);transition:opacity .9s var(--ease),transform 1.6s var(--ease)}
.j-media figure.on{opacity:1;transform:none}
.j-media img{width:100%;height:100%;object-fit:cover}
.j-media figcaption{position:absolute;left:16px;bottom:16px;right:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.75);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font:500 11px var(--fm);letter-spacing:.1em;text-transform:uppercase}
.j-media figcaption b{font-weight:600}
.j-rail{position:sticky;top:100px;height:calc(100svh - 130px);max-height:780px;display:flex;justify-content:center}
.j-rail .track{position:relative;width:1px;height:100%;background:var(--line)}
.j-rail .fill{position:absolute;left:0;top:0;width:1px;height:0;background:linear-gradient(var(--plus),var(--minus) 60%,var(--ink))}
.j-rail .ion{position:absolute;left:50%;top:0;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:var(--plus);box-shadow:0 0 0 6px rgba(239,18,25,.14),0 0 24px rgba(239,18,25,.6);display:grid;place-items:center;color:#fff;font:700 13px/1 var(--fm);transition:background .6s,box-shadow .6s}
.j-rail .ion.n{background:var(--ink);box-shadow:0 0 0 6px rgba(10,15,20,.08)}
.j-steps{display:grid}
.j-step{min-height:78svh;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:40px 0;opacity:.28;transition:opacity .6s}
.j-step.on{opacity:1}
.j-step .no{font:500 12px var(--fm);letter-spacing:.14em;color:var(--mute);text-transform:uppercase}
.j-step .no b{color:var(--plus);font-weight:600}
.j-step p{color:var(--ink-2);max-width:46ch}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:99px;border:1px solid var(--line);background:#fff;font-size:13.5px;font-weight:500;transition:border-color .3s,transform .4s var(--ease)}
.chip:hover{border-color:var(--ink);transform:translateY(-2px)}
.chip small{font:500 10.5px var(--fm);color:var(--mute)}
.j-step .stat{display:flex;gap:28px;padding-top:6px}
.j-step .stat div{display:grid;gap:2px}
.j-step .stat b{font-size:28px;font-weight:600;letter-spacing:-.04em}
.j-step .stat div > span{font:500 10.5px var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.j-mob{display:none}

/* bento */
.bento{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(150px,auto);gap:14px}
.b-card{position:relative;grid-column:span 4;border-radius:var(--r);background:var(--paper);border:1px solid var(--line-2);padding:24px;display:flex;flex-direction:column;gap:10px;overflow:hidden;isolation:isolate;transition:transform .6s var(--ease),box-shadow .6s var(--ease),border-color .4s;min-height:300px}
.b-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line)}
.b-card .ix{font:500 11px var(--fm);letter-spacing:.12em;color:var(--mute);display:flex;justify-content:space-between}
.b-card .ix b{color:var(--ink);font-weight:600}
.b-card h3{font-size:clamp(22px,2vw,29px);letter-spacing:-.035em;max-width:12ch}
.b-card p{font-size:14.5px;color:var(--mute);max-width:34ch}
.b-card .pics{position:absolute;right:-6px;bottom:-6px;width:58%;display:grid;grid-template-columns:1fr 1fr;gap:8px;z-index:-1;transform:rotate(-4deg) translate(10px,14px);transition:transform .8s var(--ease)}
.b-card:hover .pics{transform:rotate(-2deg) translate(4px,6px)}
.b-card .pics img{aspect-ratio:1;object-fit:contain;background:#fff;border-radius:12px;border:1px solid var(--line-2);padding:8px;mix-blend-mode:multiply}
.b-card .go{margin-top:auto;display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500}
.b-card .go i{width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;transition:background .3s,transform .5s var(--ease)}
.b-card:hover .go i{background:var(--plus);transform:rotate(-45deg)}
.b-card .go svg{width:14px;height:14px}
.b-wide{grid-column:span 8}
.b-tall{grid-row:span 2}
.b-dark{background:var(--dark);color:#fff;border-color:transparent}
.b-dark p{color:rgba(255,255,255,.6)} .b-dark .ix{color:rgba(255,255,255,.5)} .b-dark .ix b{color:#fff}
.b-dark .pics img{background:#fff;mix-blend-mode:normal}
.b-tall .pics{width:84%;bottom:64px;right:-14px;transform:rotate(-3deg)}
.b-tall:hover .pics{transform:rotate(-1.5deg) translateY(-4px)}
.b-img{padding:0;min-height:300px}
.b-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;transition:transform 1.2s var(--ease)}
.b-img:hover img{transform:scale(1.04)}
.b-img .cap{margin-top:auto;padding:18px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;background:linear-gradient(0deg,rgba(255,255,255,.92),rgba(255,255,255,0));padding-top:60px}
.b-count{font-size:clamp(54px,6vw,92px);font-weight:600;letter-spacing:-.06em;line-height:.9}

/* dark lab */
.lab{background:var(--dark);color:#fff;overflow:hidden;isolation:isolate}
.lab::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 50% at 20% 30%,rgba(10,159,224,.16),transparent 70%),radial-gradient(50% 50% at 85% 75%,rgba(239,18,25,.12),transparent 70%)}
.lab::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent);mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent)}
.lab .eyebrow{color:rgba(255,255,255,.55)} .lab .eyebrow b,.lab .eyebrow .ix{color:#fff}
.lab .lede{color:rgba(255,255,255,.66)}
.lab-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px}
.stage{position:relative;border-radius:var(--r);background:linear-gradient(180deg,#0f1821,#0a1016);border:1px solid var(--dline);min-height:520px;overflow:hidden;display:grid;place-items:center}
.stage canvas{position:absolute;inset:0;width:100%;height:100%}
.stage .prod{position:relative;z-index:2;width:min(58%,420px);aspect-ratio:1;display:grid;place-items:center}
.stage .prod::before{content:"";position:absolute;inset:-8%;border-radius:50%;background:radial-gradient(closest-side,#fff 0,#fff 58%,rgba(255,255,255,.5) 74%,rgba(255,255,255,0) 100%)}
.stage .prod img{position:relative;max-height:62%;max-width:78%;object-fit:contain;mix-blend-mode:multiply;transition:opacity .4s,transform .7s var(--ease)}
.stage .prod img.swap{opacity:0;transform:translateY(12px) scale(.96)}
.stage .lbl{position:absolute;left:18px;top:16px;z-index:3;font:500 11px var(--fm);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6);display:grid;gap:6px}
.stage .lbl b{font-size:22px;letter-spacing:-.02em;color:#fff;font-weight:600;text-transform:none;font-family:var(--f)}
.stage .meter{position:absolute;right:16px;top:16px;z-index:3;width:170px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid var(--dline);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:var(--fm)}
.stage .meter svg{width:100%;height:auto;overflow:visible}
.stage .meter .t{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);display:flex;justify-content:space-between}
.stage .meter .v{font-size:22px;font-weight:500;margin-top:2px}
.stage .specs{position:absolute;left:16px;right:16px;bottom:16px;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.stage .specs div{padding:11px 13px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid var(--dline);display:grid;gap:4px;font-family:var(--fm)}
.stage .specs span{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.stage .specs b{font-size:13.5px;font-weight:500}
.models{display:grid;gap:6px;align-content:start}
.models button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;text-align:left;padding:14px 16px;border-radius:14px;border:1px solid var(--dline);background:rgba(255,255,255,.02);transition:background .3s,border-color .3s}
.models button:hover{background:rgba(255,255,255,.05)}
.models button[aria-pressed=true]{background:#fff;color:var(--ink);border-color:#fff}
.models .code{font:600 13px var(--fm);letter-spacing:.02em;min-width:94px}
.models .ty{font-size:14px;color:rgba(255,255,255,.65)}
.models button[aria-pressed=true] .ty{color:var(--mute)}
.models .ov{font:500 12px var(--fm);padding:4px 8px;border-radius:99px;background:rgba(88,208,255,.12);color:var(--minus-2)}
.models button[aria-pressed=true] .ov{background:var(--minus-soft);color:var(--minus)}
.lab-note{margin-top:14px;font-size:13px;color:rgba(255,255,255,.5);display:flex;gap:10px;align-items:flex-start}
.lab-foot{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:22px;padding-top:22px;border-top:1px solid var(--dline)}
.lab-foot .fams{display:flex;gap:8px;flex-wrap:wrap}
.lab-foot .fams a{font:500 12px var(--fm);padding:8px 12px;border-radius:99px;border:1px solid var(--dline);color:rgba(255,255,255,.75);transition:border-color .3s,color .3s}
.lab-foot .fams a:hover{border-color:#fff;color:#fff}

/* gate simulator */
.gate{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch}
.gate-vis{position:relative;border-radius:var(--r);overflow:hidden;min-height:560px;background:var(--bg-2)}
.gate-vis > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gate-panel{position:absolute;left:18px;right:18px;bottom:18px;padding:18px;border-radius:16px;background:rgba(10,15,20,.86);color:#fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-family:var(--fm)}
.gate-panel .top{display:flex;justify-content:space-between;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.gate-rows{display:grid;gap:8px;margin:14px 0}
.gate-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;font-size:13.5px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.05)}
.gate-row .val{font-variant-numeric:tabular-nums;color:rgba(255,255,255,.75)}
.gate-row .res{width:58px;text-align:center;font-size:11px;font-weight:600;letter-spacing:.08em;padding:4px 0;border-radius:99px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.45)}
.gate-row.pass .res{background:rgba(16,180,126,.2);color:#3ee6a8}
.gate-row.fail .res{background:rgba(239,18,25,.22);color:#ff6b70}
.gate-row.run .res{color:#fff}
.gate-out{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.07);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.gate-out .led{width:12px;height:12px;border-radius:50%;background:#3a444e;box-shadow:inset 0 0 0 2px rgba(255,255,255,.1)}
.gate-out.ok .led{background:#3ee6a8;box-shadow:0 0 14px #3ee6a8}
.gate-out.no .led{background:#ff4d52;box-shadow:0 0 14px #ff4d52}
.gate-info{display:flex;flex-direction:column;gap:22px;padding:clamp(4px,1vw,14px) 0}
.gate-btns{display:flex;flex-wrap:wrap;gap:10px}
.feat-list{display:grid;gap:0;border-top:1px solid var(--line)}
.feat-list li{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink-2)}
.feat-list li::before{content:"";width:8px;height:8px;margin-top:8px;border-radius:2px;background:var(--ink);transform:rotate(45deg)}
.real-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.real-strip img{aspect-ratio:4/3;object-fit:cover;border-radius:12px;background:#fff;border:1px solid var(--line-2)}

/* services */
.svc{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.svc-card{position:relative;display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;background:var(--paper);border:1px solid var(--line-2);transition:transform .6s var(--ease),box-shadow .6s}
.svc-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.svc-card .ph{aspect-ratio:4/3;overflow:hidden;background:var(--bg-2)}
.svc-card .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;transition:transform 1.2s var(--ease)}
.svc-card:hover .ph img{transform:scale(1.05)}
.svc-card .bd{padding:20px 20px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.svc-card .no{font:500 11px var(--fm);letter-spacing:.12em;color:var(--mute)}
.svc-card h3{font-size:21px;letter-spacing:-.03em}
.svc-card p{font-size:14.5px;color:var(--mute)}
.svc-card .std{margin-top:auto;display:flex;flex-wrap:wrap;gap:5px;padding-top:6px}
.svc-card .std span{font:500 10.5px var(--fm);padding:5px 7px;border-radius:6px;background:var(--bg);color:var(--ink-2)}

/* credentials */
.creds{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cred{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;padding:18px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line-2)}
.cred img{width:110px;height:130px;object-fit:contain;padding:4px;border-radius:8px;border:1px solid var(--line);background:#fff;cursor:zoom-in;transition:transform .5s var(--ease)}
.cred img:hover{transform:scale(1.04) rotate(-1deg)}
.cred .k{font:500 10.5px var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.cred h4{font-size:19px;letter-spacing:-.025em;margin:6px 0}
.cred p{font-size:13.5px;color:var(--mute);line-height:1.5}

/* network */
.net{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:30px;align-items:center}
.map{position:relative;border-radius:var(--r);background:var(--paper);border:1px solid var(--line-2);padding:10px;overflow:hidden}
.map svg{width:100%;height:auto}
.map .dots path{stroke:#c8d2db;stroke-width:5.2;stroke-linecap:round}
.map .bc circle.pulse{fill:none;stroke:var(--plus);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:ping 2.4s var(--ease) infinite}
.map .bc circle.core{fill:var(--plus)}
.map .bc text{font:600 13px var(--fm);fill:var(--ink);letter-spacing:.04em;paint-order:stroke;stroke:#fff;stroke-width:4px}
.map .bc line{stroke:var(--mute-2);stroke-width:1}
.map svg{max-height:760px;margin:0 auto;width:auto}
.map .bc.alt circle.core{fill:var(--minus)} .map .bc.alt circle.pulse{stroke:var(--minus)}
.map .bc{transition:opacity .3s}
.map.focus .bc{opacity:.25} .map.focus .bc.hot{opacity:1}
.map .links path{fill:none;stroke:rgba(10,15,20,.25);stroke-width:1.2;stroke-dasharray:3 5;animation:dash 3s linear infinite}
@keyframes dash{to{stroke-dashoffset:-32}}
@keyframes ping{0%{transform:scale(.6);opacity:1}100%{transform:scale(2.6);opacity:0}}
.offices{display:grid;gap:0;border-top:1px solid var(--line)}
.office{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;padding:16px 4px;border-bottom:1px solid var(--line);cursor:default;transition:background .3s}
.office:hover{background:rgba(255,255,255,.7)}
.office .cc{font:600 11px var(--fm);letter-spacing:.06em;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--paper);border:1px solid var(--line)}
.office b{display:block;font-size:16px;letter-spacing:-.02em}
.office span{font-size:13px;color:var(--mute)}
.office a{font:500 12px var(--fm);color:var(--ink-2)}

/* knowledge + cta */
.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.note{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line-2);min-height:230px;transition:transform .6s var(--ease),box-shadow .6s}
.note:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.note .k{font:500 11px var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.note h3{font-size:21px;letter-spacing:-.03em}
.note p{font-size:14.5px;color:var(--mute)}
.note .link{margin-top:auto;align-self:flex-start;font-size:14px}
.cta{position:relative;overflow:hidden;border-radius:28px;margin:0 var(--g);padding:clamp(48px,7vw,110px) clamp(24px,5vw,80px);background:var(--dark);color:#fff;isolation:isolate}
.cta > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;z-index:-1}
.cta::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(6,10,14,.96) 32%,rgba(6,10,14,.35))}
.cta .eyebrow{color:rgba(255,255,255,.6)}
.cta h2{max-width:13ch;margin:18px 0 18px}
.cta p{color:rgba(255,255,255,.7);max-width:50ch;font-size:17px}
.cta .row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.cta .contacts{margin-top:40px;display:flex;flex-wrap:wrap;gap:12px 34px;font:500 13px var(--fm);color:rgba(255,255,255,.7)}
.cta .contacts a:hover{color:#fff}

/* page header (inner pages) */
.phead{position:relative;padding:150px 0 70px;overflow:hidden;isolation:isolate}
.phead .laminar{z-index:-1}
.phead h1{margin:18px 0 22px;max-width:14ch}
.phead .crumbs{font:500 11px var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);display:flex;gap:8px}
.phead .crumbs a:hover{color:var(--ink)}
.phead-row{display:flex;flex-direction:column;gap:30px;align-items:flex-start}
.phead .kpis{display:flex;gap:30px;flex-wrap:wrap}
.phead .kpis div{display:grid;gap:2px}
.phead .kpis b{font-size:clamp(30px,3vw,44px);font-weight:600;letter-spacing:-.05em;line-height:1}
.phead .kpis div > span{font:500 10.5px var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.phead-img{position:absolute;right:0;top:0;bottom:0;width:46%;z-index:-2;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 35%,#000 75%),linear-gradient(0deg,transparent,#000 30%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 35%,#000 75%);opacity:.55}
.phead-img img{width:100%;height:100%;object-fit:cover}

/* catalogue */
html.nav-up .cat-bar{top:0}
.cat-bar{position:sticky;top:86px;z-index:20;transition:top .6s var(--ease);padding:12px 0;background:rgba(243,246,248,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.cat-bar .wrap{display:flex;gap:12px;align-items:center}
.search{flex:0 1 340px;display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border-radius:12px;background:#fff;border:1px solid var(--line)}
.search svg{width:17px;height:17px;color:var(--mute);flex:none}
.search input{flex:1;border:0;outline:0;background:transparent;font-size:15px;min-width:0}
.search kbd{font:500 11px var(--fm);color:var(--mute);border:1px solid var(--line);border-radius:6px;padding:2px 6px}
.fam-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1}
.fam-tabs::-webkit-scrollbar{display:none}
.fam-tabs a{flex:none;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:99px;border:1px solid var(--line);background:#fff;font-size:13.5px;font-weight:500;color:var(--ink-2);transition:all .3s}
.fam-tabs a small{font:500 10.5px var(--fm);color:var(--mute)}
.fam-tabs a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.fam-tabs a.on small{color:rgba(255,255,255,.6)}
.fam{padding:70px 0 20px;scroll-margin-top:150px}
.fam-head{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:end;padding-bottom:22px;border-bottom:1px solid var(--ink);margin-bottom:10px}
.fam-head .n{font:500 13px var(--fm);color:var(--mute);padding-bottom:6px}
.fam-head p{color:var(--mute);max-width:44ch;justify-self:end;text-align:right;font-size:15px}
.sub{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:28px 44px;padding:38px 0;border-bottom:1px solid var(--line);scroll-margin-top:160px}
.sub-side{position:sticky;top:170px;align-self:start;display:grid;gap:12px}
.sub-side h3{font-size:24px;letter-spacing:-.03em}
.sub-side p{font-size:14.5px;color:var(--mute);line-height:1.55}
.sub-side .ct{font:500 11px var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.skus{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.sku{position:relative;display:flex;flex-direction:column;border-radius:16px;background:var(--paper);border:1px solid var(--line-2);overflow:hidden;transition:border-color .3s,box-shadow .5s,transform .5s var(--ease)}
.sku:hover{border-color:var(--line);box-shadow:var(--shadow);transform:translateY(-3px)}
.sku .im{aspect-ratio:1/.82;display:grid;place-items:center;padding:16px;background:#fff;border-bottom:1px solid var(--line-2)}
.sku .im img{max-height:100%;max-width:100%;object-fit:contain}
.sku .bd{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.sku .code{font:600 11px var(--fm);letter-spacing:.04em;color:var(--minus)}
.sku h4{font-size:15.5px;letter-spacing:-.02em;line-height:1.25;overflow-wrap:anywhere;hyphens:auto}
.sku{min-width:0}
.sku ul{display:grid;gap:3px;font-size:12.5px;color:var(--mute);line-height:1.4}
.sku ul li::before{content:"— ";color:var(--mute-2)}
.sku .add{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:7px;margin-top:10px;height:34px;padding:0 12px;border-radius:99px;border:1px solid var(--line);font-size:12.5px;font-weight:500;transition:all .3s}
.sku .add:hover{border-color:var(--ink)}
.sku .add.in{background:var(--ink);color:#fff;border-color:var(--ink)}
.sku .add svg{width:13px;height:13px}
.sku.hidden,.sub.hidden,.fam.hidden{display:none}
.feat{display:grid;gap:18px}
.feat-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.feat-gal figure{margin:0;border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line-2);aspect-ratio:1;display:grid;place-items:center;padding:10px;cursor:zoom-in}
.feat-gal img{max-width:100%;max-height:100%;object-fit:contain}
.feat-txt{display:grid;gap:10px;font-size:15px;color:var(--ink-2);max-width:72ch}
.feat-models{display:flex;flex-wrap:wrap;gap:6px}
.feat-models span{font:500 11.5px var(--fm);padding:6px 9px;border-radius:8px;background:var(--paper);border:1px solid var(--line-2)}
.empty{padding:80px 0;text-align:center;color:var(--mute);display:none}
.empty.on{display:block}

/* drawer */
.scrim{position:fixed;inset:0;z-index:80;background:rgba(6,10,14,.35);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
.drawer{position:fixed;top:12px;right:12px;bottom:12px;z-index:81;width:min(460px,calc(100% - 24px));border-radius:22px;background:var(--paper);box-shadow:0 40px 120px -40px rgba(6,10,14,.5);display:flex;flex-direction:column;transform:translateX(calc(100% + 60px));visibility:hidden;transition:transform .6s var(--ease),visibility .6s;overflow:hidden}
.rfq-open .scrim{opacity:1;visibility:visible}
.rfq-open .drawer{transform:none;visibility:visible}
.dr-head{padding:22px 22px 16px;border-bottom:1px solid var(--line);display:grid;gap:6px}
.dr-head .x{position:absolute;right:16px;top:16px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center}
.dr-head .x svg{width:15px;height:15px}
.dr-head h3{font-size:24px}
.dr-head .ref{font:500 11px var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.dr-list{flex:1;overflow:auto;padding:8px 22px;overscroll-behavior:contain}
.dr-item{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line-2)}
.dr-item img{width:52px;height:52px;object-fit:contain;background:#fff;border:1px solid var(--line-2);border-radius:10px;padding:4px}
.dr-item .c{font:600 10.5px var(--fm);color:var(--minus)}
.dr-item b{display:block;font-size:14px;font-weight:500;line-height:1.3}
.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:99px;height:32px}
.qty button{width:28px;height:30px;font-size:16px;color:var(--mute)}
.qty input{width:38px;border:0;text-align:center;font:500 13px var(--fm);background:transparent;outline:0;-moz-appearance:textfield}
.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.dr-empty{padding:40px 0;text-align:center;color:var(--mute);font-size:14.5px;display:grid;gap:14px;justify-items:center}
.dr-foot{padding:16px 22px 20px;border-top:1px solid var(--line);display:grid;gap:10px;background:var(--bg)}
.dr-foot label{font:500 10.5px var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.dr-foot select,.dr-foot input,.dr-foot textarea{width:100%;height:42px;border-radius:10px;border:1px solid var(--line);background:#fff;padding:0 12px;font-size:14px;outline:0}
.dr-foot textarea{height:62px;padding:10px 12px;resize:none}
.dr-foot .row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dr-foot .btn{justify-content:center;width:100%}

/* toast + lightbox */
.vtoast{position:fixed;left:16px;bottom:16px;z-index:90;max-width:340px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:14px 14px 14px 16px;border-radius:16px;background:rgba(10,15,20,.92);color:#fff;font-size:13px;line-height:1.45;box-shadow:0 20px 50px -20px rgba(0,0,0,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:translateY(calc(100% + 40px));visibility:hidden;transition:transform .7s var(--ease),visibility .7s}
.vtoast.on{transform:none;visibility:visible}
.vtoast .dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--plus);box-shadow:12px 0 0 var(--minus);margin-right:12px}
.vtoast b{font-weight:600}
.vtoast button{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:14px;line-height:1}
.lb{position:fixed;inset:0;z-index:95;background:rgba(6,10,14,.82);display:grid;place-items:center;padding:30px;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;cursor:zoom-out}
.lb.on{opacity:1;visibility:visible}
.lb img{max-width:min(1100px,100%);max-height:88vh;border-radius:12px;background:#fff;object-fit:contain}
.toast-mini{position:fixed;left:50%;bottom:24px;z-index:92;transform:translate(-50%,calc(100% + 60px));visibility:hidden;padding:12px 18px;border-radius:99px;background:var(--ink);color:#fff;font-size:14px;font-weight:500;display:flex;gap:10px;align-items:center;transition:transform .6s var(--ease);box-shadow:0 20px 40px -18px rgba(0,0,0,.5)}
.toast-mini.on{transform:translate(-50%,0);visibility:visible}
.toast-mini i{width:8px;height:8px;border-radius:50%;background:var(--ok)}

/* footer */
.foot{background:var(--dark);color:rgba(255,255,255,.7);padding:90px 0 30px;margin-top:clamp(80px,10vw,140px);position:relative;overflow:hidden}
.foot-top{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:40px}
.foot .logo{display:inline-block;background:#fff;padding:9px 11px;border-radius:10px}
.foot .logo img{height:30px;width:auto}
.foot h5{margin:0 0 14px;font:500 11px var(--fm);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.foot ul{display:grid;gap:9px;font-size:14.5px}
.foot a:hover{color:#fff}
.foot .pitch{margin-top:18px;font-size:14.5px;max-width:36ch;line-height:1.55}
.foot-big{font-size:clamp(70px,15vw,230px);font-weight:600;letter-spacing:-.07em;line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.14);margin:70px 0 30px;white-space:nowrap;user-select:none}
.foot-big span{color:rgba(255,255,255,.06);-webkit-text-stroke:0}
.foot-bot{display:flex;flex-wrap:wrap;gap:10px 30px;justify-content:space-between;padding-top:22px;border-top:1px solid var(--dline);font-size:12.5px;color:rgba(255,255,255,.45)}
.foot-bot .own{color:rgba(255,255,255,.62)}

/* services page */
.tests{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.test-card{padding:26px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line-2);display:grid;gap:16px;align-content:start}
.test-card h3{font-size:24px}
.test-card ul{display:grid;border-top:1px solid var(--line)}
.test-card li{display:grid;grid-template-columns:118px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--ink-2)}
.test-card li b{font:600 12.5px var(--fm);color:var(--ink);letter-spacing:.02em}
.photo-row{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:10px}
.photo-row figure{margin:0;position:relative;border-radius:16px;overflow:hidden;aspect-ratio:3/4;background:var(--bg-2);cursor:zoom-in}
.photo-row figure:first-child{aspect-ratio:auto}
.photo-row img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.photo-row figure:hover img{transform:scale(1.04)}
.photo-row figcaption{position:absolute;left:10px;bottom:10px;padding:6px 9px;border-radius:8px;background:rgba(255,255,255,.88);font:500 10.5px var(--fm);letter-spacing:.06em;text-transform:uppercase}
.scan{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.scan-q{display:grid;gap:8px}
.scan-q .qrow{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px;border-radius:14px;background:var(--paper);border:1px solid var(--line-2);cursor:pointer;transition:border-color .3s,background .3s}
.scan-q .qrow:hover{border-color:var(--line)}
.seg label{display:inline-flex;cursor:pointer}
.scan-q .no{font:600 11px var(--fm);color:var(--mute);width:24px}
.scan-q b{display:block;font-size:15.5px;font-weight:600;letter-spacing:-.015em}
.scan-q small{display:block;font-size:13px;color:var(--mute);margin-top:2px;line-height:1.4}
.seg{display:flex;border:1px solid var(--line);border-radius:99px;padding:3px;gap:2px;flex:none}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg span{font:500 11.5px var(--fm);padding:6px 10px;border-radius:99px;color:var(--mute);cursor:pointer;transition:all .25s;white-space:nowrap}
.seg input:checked + span{background:var(--ink);color:#fff}
.seg input:focus-visible + span{outline:2px solid var(--minus)}
.scan-out{position:sticky;top:110px;padding:24px;border-radius:var(--r);background:var(--dark);color:#fff;display:grid;gap:18px}
.scan-out .score{display:flex;align-items:baseline;gap:10px;font-family:var(--fm)}
.scan-out .score b{font-size:64px;font-weight:500;letter-spacing:-.05em;line-height:1}
.scan-out .score span{color:rgba(255,255,255,.55);font-size:13px}
.scan-out svg{width:100%;max-width:380px;margin:0 auto}
.scan-out .radar-grid{fill:none;stroke:rgba(255,255,255,.12)}
.scan-out .radar-shape{fill:rgba(88,208,255,.18);stroke:var(--minus-2);stroke-width:2;transition:all .6s var(--ease)}
.scan-out .radar-lbl{font:500 10px var(--fm);fill:rgba(255,255,255,.6);letter-spacing:.06em;text-transform:uppercase}
.scan-out .gaps{display:grid;gap:8px}
.scan-out .gaps li{display:grid;grid-template-columns:auto 1fr;gap:10px;font-size:13.5px;color:rgba(255,255,255,.78);padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.05)}
.scan-out .gaps li::before{content:"";width:8px;height:8px;border-radius:50%;margin-top:6px;background:var(--plus)}
.scan-out .gaps li.ok::before{background:var(--ok)}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid var(--ink)}
.process li{padding:22px 18px 0 0;display:grid;gap:10px;align-content:start;border-right:1px solid var(--line);padding-left:18px}
.process li:first-child{padding-left:0}
.process li:last-child{border-right:0}
.process .no{font:500 11px var(--fm);letter-spacing:.12em;color:var(--plus)}
.process b{font-size:19px;letter-spacing:-.025em}
.process p{font-size:14px;color:var(--mute)}
.seminar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.sem-card{padding:24px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line-2);display:grid;gap:12px}
.sem-card .k{font:500 11px var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.sem-card h3{font-size:22px}
.sem-card ul{display:grid;gap:6px;font-size:14px;color:var(--ink-2)}
.sem-card ul li{padding-left:18px;position:relative}
.sem-card ul li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:1px;background:var(--mute)}
.sem-gal{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sem-gal img{border-radius:12px;aspect-ratio:4/3;object-fit:cover;cursor:zoom-in}
.speakers{display:flex;gap:14px;align-items:center}
.speakers img{width:52px;height:52px;border-radius:50%;object-fit:cover;background:var(--bg-2)}

/* resistance ruler */
.ruler{padding:clamp(18px,2.4vw,30px);border-radius:var(--r);background:var(--paper);border:1px solid var(--line-2);display:grid;gap:30px}
.ruler-in{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ruler-in .search input{font:500 16px var(--fm)}
.ruler-bar{position:relative;height:150px;margin:24px 4px 26px}
.band{position:absolute;top:44px;height:46px;left:calc(var(--a) * 100%);width:calc((var(--b) - var(--a)) * 100%);border-radius:8px;display:flex;align-items:center;padding:0 10px;font:500 11px var(--fm);overflow:hidden;white-space:nowrap;border:1px solid rgba(255,255,255,.8)}
.b-l{background:var(--bg-2);color:var(--mute)}
.b-c{background:var(--minus-soft);color:var(--minus)}
.b-d{background:#e3f6ee;color:#0b8a60}
.b-i{background:var(--plus-soft);color:var(--plus)}
.band-line{position:absolute;top:30px;height:74px;left:calc(var(--a) * 100%);border-left:1.5px dashed var(--ink)}
.band-line span{position:absolute;top:-22px;left:-4px;transform:translateX(-100%);font:500 10.5px var(--fm);white-space:nowrap}
.band-pass{position:absolute;top:108px;height:6px;left:calc(var(--a) * 100%);width:calc((var(--b) - var(--a)) * 100%);border-radius:99px;background:var(--ink)}
.band-pass span{position:absolute;top:12px;left:0;font:500 10.5px var(--fm);white-space:nowrap;color:var(--ink-2)}
.ruler-mark{position:absolute;top:22px;height:100px;left:50%;width:2px;margin-left:-1px;background:var(--plus);transition:left .8s var(--ease);z-index:2}
.ruler-mark::after{content:"";position:absolute;left:-4px;bottom:-4px;width:10px;height:10px;border-radius:50%;background:var(--plus)}
.ruler-mark b{position:absolute;top:-28px;left:50%;transform:translateX(-50%);background:var(--plus);color:#fff;font:600 12px var(--fm);padding:5px 9px;border-radius:8px;white-space:nowrap}
.ruler-ticks{position:absolute;left:0;right:0;bottom:-28px;height:20px;border-top:1px solid var(--line)}
.ruler-ticks span{position:absolute;top:6px;transform:translateX(-50%);font:500 11px var(--fm);color:var(--mute)}
.ruler-ticks span::before{content:"";position:absolute;left:50%;top:-6px;width:1px;height:5px;background:var(--mute-2)}
.ruler-out{font-size:17px;line-height:1.5;color:var(--ink-2);max-width:72ch;padding:16px 18px;border-radius:14px;background:var(--bg)}
.ruler-out b{color:var(--ink)}
@media (max-width:680px){.band span{font-size:9.5px;padding:0 4px}.b-l span,.band-pass span{white-space:normal;line-height:1.2}.ruler-bar{height:170px}.band-line span{transform:none;left:6px}}

/* about */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:start}
.vm{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.vm div{padding:26px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line-2);display:grid;gap:12px}
.vm .k{font:500 11px var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--plus)}
.vm div:nth-child(2) .k{color:var(--minus)}
.vm p{font-size:19px;letter-spacing:-.02em;line-height:1.35;color:var(--ink)}
.lines10{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.lines10 li{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:16px 10px 16px 0;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--ink-2)}
.lines10 li b{font:600 12px var(--fm);color:var(--mute);padding-top:2px}
.lines10 li strong{color:var(--ink);font-weight:600}
.inds{display:flex;flex-wrap:wrap;gap:10px}
.inds span{font-size:clamp(20px,2.4vw,32px);font-weight:600;letter-spacing:-.04em;padding:10px 20px;border-radius:99px;border:1px solid var(--line);background:var(--paper)}
.logos{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.logos span{display:grid;place-items:center;height:96px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:19px;font-weight:600;letter-spacing:-.03em;color:#8d99a5;transition:color .3s,background .3s}
.logos span:hover{color:var(--ink);background:var(--paper)}

/* resources */
.faq{border-top:1px solid var(--ink)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:22px 0;cursor:pointer;font-size:clamp(18px,1.6vw,22px);font-weight:600;letter-spacing:-.025em}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:transform .4s var(--ease),background .3s;font-style:normal;font-size:18px;font-weight:400}
.faq details[open] summary i{transform:rotate(45deg);background:var(--ink);color:#fff;border-color:var(--ink)}
.faq .ans{padding:0 0 24px;max-width:76ch;color:var(--ink-2);display:grid;gap:12px;font-size:15.5px}
.steps-l{display:grid;gap:0;counter-reset:s;border-top:1px solid var(--line)}
.steps-l li{counter-increment:s;display:grid;grid-template-columns:48px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink-2)}
.steps-l li::before{content:counter(s,decimal-leading-zero);font:600 12px var(--fm);color:var(--mute);padding-top:3px}
.maint{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.maint div{padding:22px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line-2);display:grid;gap:12px;align-content:start}
.maint h4{font-size:18px;letter-spacing:-.02em}
.maint ul{display:grid;gap:7px;font-size:14px;color:var(--ink-2)}
.maint ul li{padding-left:16px;position:relative}
.maint ul li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:2px;border:1.5px solid var(--minus)}
.dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.dl a{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:16px;border-radius:16px;background:var(--paper);border:1px solid var(--line-2);transition:border-color .3s,transform .5s var(--ease)}
.dl a:hover{border-color:var(--ink);transform:translateY(-2px)}
.dl .ic{width:48px;height:56px;border-radius:8px;background:var(--bg);border:1px solid var(--line);display:grid;place-items:center;font:700 10px var(--fm);color:var(--plus);position:relative}
.dl .ic::after{content:"";position:absolute;right:-1px;top:-1px;width:14px;height:14px;background:linear-gradient(225deg,var(--bg) 50%,var(--line) 50%);border-radius:0 8px 0 4px}
.dl b{display:block;font-size:15px;letter-spacing:-.015em;line-height:1.3}
.dl span{font:500 11px var(--fm);color:var(--mute)}
.dl svg{width:18px;height:18px;color:var(--mute)}

/* contact */
.ct-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px;align-items:start}
.ofc-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ofc{padding:22px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line-2);display:grid;gap:10px;align-content:start;font-size:14.5px}
.ofc .k{display:flex;justify-content:space-between;align-items:center;font:500 11px var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.ofc .k i{font-style:normal;padding:4px 8px;border-radius:99px;background:var(--bg);color:var(--ink-2)}
.ofc h3{font-size:22px}
.ofc address{font-style:normal;color:var(--ink-2);line-height:1.5}
.ofc .ln{display:grid;gap:4px;font:500 13px var(--fm)}
.ofc .ln a:hover{color:var(--plus)}
.ofc .acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.ofc.main{grid-column:1/-1;background:var(--ink);color:#fff;border-color:var(--ink)}
.ofc.main .k{color:rgba(255,255,255,.5)} .ofc.main .k i{background:rgba(255,255,255,.1);color:#fff}
.ofc.main address{color:rgba(255,255,255,.75)}
.form{position:sticky;top:100px;padding:26px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line-2);display:grid;gap:14px;box-shadow:var(--shadow)}
.form h3{font-size:26px}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form label{display:grid;gap:6px;font:500 10.5px var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.form input,.form select,.form textarea{height:46px;border-radius:12px;border:1px solid var(--line);background:var(--bg);padding:0 14px;font:400 15px var(--f);letter-spacing:0;text-transform:none;color:var(--ink);outline:0;transition:border-color .3s,background .3s}
.form textarea{height:110px;padding:12px 14px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--ink);background:#fff}
.form .ints{display:flex;flex-wrap:wrap;gap:6px}
.form .ints label{display:inline-flex;font:500 13px var(--f);letter-spacing:0;text-transform:none;color:var(--ink-2)}
.form .ints input{position:absolute;opacity:0;height:0}
.form .ints span{padding:8px 12px;border-radius:99px;border:1px solid var(--line);cursor:pointer;transition:all .25s}
.form .ints input:checked + span{background:var(--ink);color:#fff;border-color:var(--ink)}
.form .ints input:focus-visible + span{outline:2px solid var(--minus)}
.form .attach{padding:12px 14px;border-radius:12px;background:var(--bg);font-size:13.5px;color:var(--ink-2);display:flex;justify-content:space-between;align-items:center;gap:10px}
.form .fine{font-size:12.5px;color:var(--mute)}
.mapembed{border-radius:var(--r);overflow:hidden;border:1px solid var(--line-2);background:var(--bg-2);height:360px;position:relative}
.mapembed iframe{width:100%;height:100%;border:0;filter:grayscale(1) contrast(1.05);transition:filter .5s}
.mapembed:hover iframe{filter:none}
.map-tabs{display:flex;gap:6px;margin-bottom:10px}
.map-tabs button{height:38px;padding:0 14px;border-radius:99px;border:1px solid var(--line);font-size:13.5px;font-weight:500;background:#fff}
.map-tabs button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}

/* reveal */
.rv{opacity:0;transform:translateY(26px);transition:opacity 1s var(--ease),transform 1.1s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv-d1{transition-delay:.08s}.rv-d2{transition-delay:.16s}.rv-d3{transition-delay:.24s}
html.rm .rv{opacity:1;transform:none}

/* responsive */
@media (max-width:1180px){
  .nav-links a{padding:9px 10px;font-size:14px}
  .nav .logo span{display:none}
  .svc{grid-template-columns:1fr 1fr}
  .creds{grid-template-columns:1fr}
  .b-card{grid-column:span 6}.b-wide{grid-column:span 12}
}
@media (max-width:980px){
  .nav-links,.nav-cta .btn{display:none}
  .burger{display:inline-flex}
  .nav-cta{margin-left:auto}
  .sec-head{grid-template-columns:1fr}
  .sec-head .lede{justify-self:start}
  .journey{grid-template-columns:1fr;gap:0}
  .j-media,.j-rail{display:none}
  .j-step{min-height:auto;opacity:1;padding:26px 0;border-top:1px solid var(--line)}
  .j-mob{display:block;border-radius:16px;overflow:hidden;aspect-ratio:4/3}
  .j-mob img{width:100%;height:100%;object-fit:cover}
  .lab-grid,.gate,.net,.scan,.seminar,.split,.ct-grid{grid-template-columns:1fr}
  .stage{min-height:460px}
  .notes,.maint{grid-template-columns:1fr}
  .foot-top{grid-template-columns:1fr 1fr}
  .sub{grid-template-columns:1fr}
  .sub-side{position:static}
  .fam-head{grid-template-columns:auto 1fr}
  .fam-head p{grid-column:1/-1;justify-self:start;text-align:left}
  .process{grid-template-columns:1fr;border-top:0}
  .process li{border-right:0;border-top:1px solid var(--line);padding:18px 0}
  .photo-row{grid-template-columns:1fr 1fr}
  .photo-row figure:first-child{grid-column:1/-1;aspect-ratio:16/9}
  .scan-out,.form{position:static}
  .logos{grid-template-columns:repeat(3,1fr)}
  .tests{grid-template-columns:1fr}
  .hud{position:relative;right:auto;bottom:auto;margin:0 var(--g) 28px;width:auto}
  .hero{flex-direction:column}
  .hero-in{padding-bottom:10px}
  .wafer-slot{display:block;height:min(86vw,380px);position:relative;z-index:1;pointer-events:none}
  .scroll-cue{display:none}
}
@media (max-width:680px){
  body{font-size:16px}
  .hide-s{display:none}
  .hero .lede{font-size:16.5px}
  .nav{inset:8px 8px auto;height:58px}
  .nav .logo img{height:24px}
  .rfq-btn span.t{display:none}
  .hero-in{padding-top:110px;gap:22px}
  .hero-media video,.hero-media img{opacity:.35}
  .bento{grid-template-columns:1fr}
  .b-card,.b-wide{grid-column:auto;min-height:260px}
  .b-tall{grid-row:auto}
  .svc{grid-template-columns:1fr}
  .cred{grid-template-columns:84px 1fr}
  .cred img{width:84px;height:100px}
  .trust-row{flex-direction:column;align-items:flex-start;gap:14px}
  .trust-label{width:auto}
  .marq{width:100%}
  .stage .specs{grid-template-columns:1fr 1fr}
  .stage .meter{width:140px}
  .stage{min-height:560px}
  .stage .prod{width:64%;margin-top:-40px}
  .gate-vis{min-height:600px}
  .real-strip{grid-template-columns:1fr 1fr 1fr}
  .vm,.lines10,.ofc-cards,.form .row,.dr-foot .row{grid-template-columns:1fr}
  .foot-top{grid-template-columns:1fr}
  .cta{margin:0 8px;border-radius:22px}
  .cat-bar{top:70px}
  .cat-bar .wrap{flex-direction:column;align-items:stretch}
  .search{flex:auto}
  .skus{grid-template-columns:1fr 1fr;gap:8px}
  .sku .im{padding:10px}
  .sku ul{display:none}
  .test-card li{grid-template-columns:96px 1fr}
  .logos{grid-template-columns:repeat(2,1fr)}
  .logos span{font-size:16px;height:74px}
  .phead{padding-top:120px}
  .phead-img{width:100%;opacity:.25}
  .office{grid-template-columns:40px 1fr}
  .office a{grid-column:2}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}