:root{--bg:#07090f;--panel:#0e1320;--panel-2:#141a2b;--ink:#e8edf8;--muted:#9aa6c2;--line:#243049;--teal:#3dffe0;--violet:#8b7bff;--pink:#ff6bb5;--warn:#ffc857;--font-display:"Syne", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--max:1200px;--rail:220px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);margin:0;font-size:16px;line-height:1.6}a{color:var(--teal)}img{max-width:100%;height:auto;display:block}.skip{position:absolute;left:-9999px}.skip:focus{z-index:99;background:#000;padding:.5rem;top:1rem;left:1rem}.topbar{z-index:50;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 90%, transparent);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex;position:sticky;top:0}.logo{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);font-size:1.15rem;font-weight:700;text-decoration:none}.logo em{color:var(--teal);font-style:normal}.top-nav{flex-wrap:wrap;gap:.75rem 1rem;font-size:.86rem;display:flex}.top-nav a{color:var(--muted);text-decoration:none}.top-nav a:hover{color:var(--ink)}.btn{font-family:var(--font-display);border:1px solid #0000;border-radius:10px;align-items:center;gap:.4rem;padding:.7rem 1rem;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-neon{background:linear-gradient(120deg, var(--teal), #7cf0ff);color:#041018}.btn-neon:hover{filter:brightness(1.05);color:#041018}.btn-outline{border-color:var(--line);color:var(--ink);background:0 0}.btn-outline:hover{border-color:var(--violet);color:var(--violet)}.shell{width:min(100% - 1.5rem, var(--max));grid-template-columns:var(--rail) 1fr;gap:1.5rem;margin:0 auto;padding:1.5rem 0 3rem;display:grid}@media (width<=900px){.shell{grid-template-columns:1fr}.rail{display:none!important}}.rail{font-family:var(--font-mono);flex-direction:column;align-self:start;gap:.35rem;font-size:.75rem;display:flex;position:sticky;top:4.2rem}.rail-title{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.4rem}.rail a{color:var(--muted);border-left:2px solid #0000;padding:.3rem 0 .3rem .65rem;text-decoration:none}.rail a:hover,.rail a:focus{color:var(--teal);border-left-color:var(--teal)}.content{min-width:0}.hero-panel{background:radial-gradient(800px 320px at 10% -10%, #3dffe01f, transparent 60%), radial-gradient(600px 280px at 90% 0%, #8b7bff24, transparent 55%), var(--panel);border:1px solid var(--line);border-radius:18px;grid-template-columns:1.1fr .9fr;gap:1.2rem;margin-bottom:1.25rem;padding:1.6rem;display:grid}@media (width<=800px){.hero-panel{grid-template-columns:1fr}}.eyebrow{font-family:var(--font-mono);color:var(--teal);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .7rem;font-size:.72rem}.hero-panel h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .8rem;font-size:clamp(1.8rem,3.6vw,2.7rem);line-height:1.05}.hero-panel .lede{color:var(--muted);max-width:36rem;margin:0 0 1.1rem}.hero-actions{flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;display:flex}.pill-row{flex-wrap:wrap;gap:.45rem;display:flex}.pill{font-family:var(--font-mono);color:var(--ink);border:1px solid var(--line);background:var(--panel-2);border-radius:999px;padding:.28rem .65rem;font-size:.7rem}.hero-media{border:1px solid var(--line);aspect-ratio:1;background:#000;border-radius:14px;overflow:hidden}.hero-media img{object-fit:cover;width:100%;height:100%}.module{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-bottom:1rem;padding:1.35rem 1.35rem 1.45rem}.module header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.module header h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.35rem}.module header .code{font-family:var(--font-mono);color:var(--violet);font-size:.72rem}.module>p.intro{color:var(--muted);margin:-.4rem 0 1rem}.spec-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}@media (width<=900px){.spec-grid{grid-template-columns:1fr 1fr}}@media (width<=520px){.spec-grid{grid-template-columns:1fr}}.spec{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:.9rem}.spec .k{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.spec .v{font-family:var(--font-display);margin:.35rem 0;font-size:1.25rem}.spec .d{color:var(--muted);margin:0;font-size:.86rem}.pipeline{gap:.7rem;display:grid}.pipe{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;grid-template-columns:3.2rem 1fr;gap:.85rem;padding:.9rem 1rem;display:grid}.pipe .idx{font-family:var(--font-mono);color:var(--pink);padding-top:.15rem;font-size:.85rem}.pipe h3{font-family:var(--font-display);margin:0 0 .25rem;font-size:1rem}.pipe p{color:var(--muted);margin:0;font-size:.9rem}.table-scroll{border:1px solid var(--line);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.75rem .85rem}th{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--panel-2);font-size:.68rem}tr:last-child td{border-bottom:0}.matrix-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}@media (width<=800px){.matrix-grid{grid-template-columns:1fr}}.matrix-card{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:1rem}.matrix-card h3{font-family:var(--font-display);margin:0 0 .4rem;font-size:1rem}.matrix-card p{color:var(--muted);margin:0;font-size:.9rem}.gates{gap:.55rem;display:grid}.gate{border:1px dashed var(--line);border-radius:12px;grid-template-columns:auto 1fr;align-items:start;gap:.7rem;padding:.85rem 1rem;display:grid}.gate .dot{background:var(--teal);border-radius:50%;width:.65rem;height:.65rem;margin-top:.4rem}.gate h3{font-size:.95rem;font-family:var(--font-display);margin:0 0 .2rem}.gate p{color:var(--muted);margin:0;font-size:.88rem}.faq details{border:1px solid var(--line);background:var(--panel-2);border-radius:12px;margin-bottom:.55rem;padding:.85rem 1rem}.faq summary{font-family:var(--font-display);cursor:pointer;font-weight:700;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq details[open] summary{color:var(--teal);margin-bottom:.45rem}.faq p{color:var(--muted);margin:0;font-size:.9rem}.cta-panel{border:1px solid color-mix(in srgb, var(--teal) 45%, var(--line));background:linear-gradient(135deg,#3dffe014,#8b7bff1a);border-radius:16px;margin-top:.5rem;padding:1.4rem}.cta-panel h2{font-family:var(--font-display);margin:0 0 .5rem;font-size:1.4rem}.cta-panel p{color:var(--muted);margin:0 0 1rem}.site-foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.8rem 1.2rem;padding:1.4rem 1.25rem 2rem;font-size:.82rem;display:flex}.site-foot a{color:var(--muted);text-decoration:none}.site-foot a:hover{color:var(--teal)}.legal{max-width:42rem;margin:0 auto;padding:2rem 1.25rem 3rem}.legal h1{font-family:var(--font-display);font-size:2rem}.shot-row{grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1rem;display:grid}@media (width<=700px){.shot-row{grid-template-columns:1fr 1fr}}.shot-row figure{border:1px solid var(--line);border-radius:10px;margin:0;overflow:hidden}.shot-row figcaption{font-family:var(--font-mono);color:var(--muted);background:var(--panel-2);padding:.4rem .55rem;font-size:.65rem}.note{font-family:var(--font-mono);color:var(--warn);margin-top:.85rem;font-size:.72rem}.nav-end{flex-shrink:0;align-items:center;gap:.65rem;display:flex}.lang-switch{font-family:var(--font-mono);position:relative}.lang-chip{cursor:pointer;background:0 0;border:0;align-items:center;gap:.25rem;padding:0;display:inline-flex}.lang-caret{color:var(--muted);font-size:.65rem;line-height:1}.lang-switch.is-open .lang-caret{transform:rotate(180deg)}.lang-pill{border:1px solid var(--line);letter-spacing:.04em;min-width:2rem;height:1.7rem;color:var(--muted);background:var(--panel-2);border-radius:6px;justify-content:center;align-items:center;padding:0 .4rem;font-size:.68rem;font-weight:600;text-decoration:none;display:inline-flex}.lang-pill.is-active{color:var(--teal);border-color:var(--teal);background:color-mix(in srgb, var(--teal) 10%, var(--panel-2))}.lang-pill:hover{border-color:var(--teal);color:var(--teal)}.lang-menu{z-index:70;background:var(--panel);border:1px solid var(--line);border-radius:10px;gap:.3rem;padding:.4rem;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #00000073}.lang-menu[hidden]{display:none!important}.menu-toggle{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;padding:0;display:none}.menu-toggle-bars,.menu-toggle-bars:before,.menu-toggle-bars:after{background:var(--ink);border-radius:1px;width:1.05rem;height:2px;transition:transform .2s,opacity .2s;display:block;position:relative}.menu-toggle-bars:before,.menu-toggle-bars:after{content:"";position:absolute;left:0}.menu-toggle-bars:before{top:-5px}.menu-toggle-bars:after{top:5px}.topbar.is-menu-open .menu-toggle-bars{background:0 0}.topbar.is-menu-open .menu-toggle-bars:before{top:0;transform:rotate(45deg)}.topbar.is-menu-open .menu-toggle-bars:after{top:0;transform:rotate(-45deg)}.topbar{flex-wrap:wrap}.mobile-panel{border-top:1px solid var(--line);background:color-mix(in srgb, var(--bg) 92%, var(--panel));flex-basis:100%;width:100%;padding:.85rem 0 1.1rem;display:none}.mobile-panel[hidden]{display:none!important}.mobile-section-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:.55rem 0 .25rem;font-size:.68rem}.mobile-links{margin:0;padding:0;list-style:none}.mobile-links a{color:var(--ink);border-bottom:1px solid var(--line);padding:.65rem .15rem;font-size:.95rem;font-weight:500;text-decoration:none;display:block}.mobile-links a:hover{color:var(--teal)}.mobile-rail a{font-family:var(--font-mono);color:var(--muted);font-size:.82rem}.mobile-cta{justify-content:center;width:100%;margin-top:1rem}@media (width<=980px){.top-nav{display:none}.menu-toggle{display:inline-flex}.nav-cta{display:none}.topbar.is-menu-open .mobile-panel:not([hidden]),.mobile-panel:not([hidden]){display:block}body.menu-open{overflow:hidden}}
