:root{--bg-0:#041016;--bg-1:#05141b;--bg-2:#081f2a;--bg-3:#0a2634;--bg-4:#0e3040;--ink:#eaf4f8;--ink-dim:#a3b8c2;--ink-faint:#7f9aa8;--led:#0f7;--led-dim:#00ff778c;--led-soft:#00ff771f;--led-line:#00ff7747;--metal-hi:#5c6876;--metal-1:#4c5967;--metal-2:#363d49;--metal-3:#29303d;--metal-4:#1c1d2e;--line:#9ec7d61f;--line-strong:#9ec7d638;--glass:#081f2ab8;--font-display:"Space Grotesk", "Poppins", sans-serif;--font-body:"Poppins", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--container:1180px;--radius:16px;--radius-sm:10px;--section-pad:clamp(72px, 10vw, 128px);--header-h:76px;--amber:#ffb648;--amber-soft:#ffb6488c;--gradient-metal-text:linear-gradient(115deg, #cfd8de 20%, #8b98a5 45%, #e9eef2 55%, #96a3b0 80%);--gradient-metal-frame:linear-gradient(150deg, #4c5967, #29293d 10%, #363d49 25%, #505362 30%, #29303d 35%, #303244 65%, #3c4152 70%, #1c1d2e);--gradient-metal-door:linear-gradient(180deg, #11121a, #2a2b3f 2%, #4c505e 20%, #3f4351 50%, #383b4b 70%, #151b29);--gradient-shaft-base:linear-gradient(180deg, #0b0c14, #04141c);--shadow-card:0 18px 50px -18px #0000008c;--shadow-led:0 0 24px #00ff7740}*,:after,:before{box-sizing:border-box}html{scroll-behavior:auto;overflow-x:clip}[id]{scroll-margin-top:calc(var(--header-h) + 12px)}body{background:radial-gradient(1200px 600px at 80% -10%,#0e30408c,transparent 60%),linear-gradient(180deg,var(--bg-2),var(--bg-1) 45%,var(--bg-0));background-color:var(--bg-1);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.7;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.015em;margin:0 0 .6em;line-height:1.15}p{margin:0 0 1em}::selection{background:var(--led);color:var(--bg-0)}:focus-visible{outline:2px solid var(--led);outline-offset:3px;border-radius:4px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-0)}::-webkit-scrollbar-thumb{background:var(--metal-3);border:2px solid var(--bg-0);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--metal-1)}.container{width:min(var(--container),calc(100% - clamp(20px, 4vw, 48px)*2));margin-inline:auto}.section{padding-block:var(--section-pad);position:relative}.section-alt{background:linear-gradient(#0000,#0410168c 12% 88%,#0000)}.section-head{max-width:720px;margin-bottom:clamp(40px,6vw,64px)}.section-head.center{text-align:center;margin-inline:auto}.eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--led);text-shadow:0 0 18px #00ff7773;align-items:center;gap:10px;margin-bottom:18px;font-size:13px;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(90deg,transparent,var(--led));width:26px;height:1px;box-shadow:var(--shadow-led)}.title{color:var(--ink);font-size:clamp(30px,4.4vw,46px);font-weight:600}.title em{color:#0000;background:var(--gradient-metal-text);-webkit-background-clip:text;background-clip:text;font-style:normal}.lead{color:var(--ink-dim);font-size:clamp(16px,1.4vw,18px);font-weight:300}.btn{font-family:var(--font-display);letter-spacing:.02em;cursor:pointer;will-change:transform;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:600;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s;display:inline-flex}.btn:active{transform:translateY(1px)scale(.99)}.btn-primary{color:#04220f;background:linear-gradient(#0eff85,#00d465);box-shadow:0 10px 30px -8px #00ff7773}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px -8px #00ff778c}.btn-ghost{border-color:var(--line-strong);color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#081f2a80}.btn-ghost:hover{border-color:var(--led-line);background:#0a2634b3;transform:translateY(-2px)}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);background:linear-gradient(#0e304059,#081f2a8c);padding:clamp(24px,3vw,34px);transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s}.card:hover{border-color:var(--led-line);box-shadow:var(--shadow-card),0 0 0 1px #00ff7714,var(--shadow-led);transform:translateY(-6px)}.card h3{margin-bottom:10px;font-size:20px}.card p{color:var(--ink-dim);margin:0;font-size:15px;font-weight:300}.card-icon{width:54px;height:54px;color:var(--led);background:linear-gradient(150deg,var(--metal-1),var(--metal-4) 70%);border-radius:14px;place-items:center;margin-bottom:20px;display:grid;box-shadow:inset 0 1px 1px #5c6876b3,0 8px 20px -8px #0009}.card-icon svg{filter:drop-shadow(0 0 8px #00ff7780);width:26px;height:26px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{gap:clamp(18px,2.4vw,28px);display:grid}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.4vw,28px);display:grid}@media (width<=980px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.grid-2>*,.grid-3>*,.grid-4>*{min-width:0}html:not(.js) .intro{display:none}html.js [data-reveal]{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s);will-change:opacity,transform;transform:translateY(30px)}html.js [data-reveal=left]{transform:translate(-44px)}html.js [data-reveal=right]{transform:translate(44px)}html.js [data-reveal=scale]{transform:scale(.92)}html.js [data-reveal].is-inview{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1!important;transition:none!important;transform:none!important}}.text-led{color:var(--led);text-shadow:0 0 16px #0f76}.mono{font-family:var(--font-mono)}.divider-metal{background:linear-gradient(90deg,transparent,var(--metal-1) 30%,var(--metal-hi) 50%,var(--metal-1) 70%,transparent);opacity:.5;border:0;height:1px;margin:0}.led-panel{font-family:var(--font-mono);color:var(--led);text-shadow:0 0 14px #00ff77a6;letter-spacing:.08em;background:#01180b;border:1px solid #000000e6;border-radius:8px;padding:6px 14px;box-shadow:inset 0 0 30px #000000e6,0 0 18px #00ff771f}@media (width<=640px){html.js [data-reveal=left]{transform:translate(-18px)}html.js [data-reveal=right]{transform:translate(18px)}}