@import url("https://fonts.googleapis.com/css2?family=Michroma&family=Space+Grotesk:wght@300;400;500;600&family=JetBrains+Mono:wght@300;400;500&display=swap");:root{--bg:#01050b;--bg-deep:#000205;--surface:rgba(4,15,24,0.66);--surface-solid:#050d16;--text:#cfeff9;--text-dim:rgba(207,239,249,0.58);--text-faint:rgba(207,239,249,0.32);--cyan-hot:#e8f5ff;--cyan:#7ac8ff;--cyan-core:#2e9ae6;--cyan-deep:#14618f;--cyan-ink:#06263a;--amber-hot:#ffe6bd;--amber:#ff9d2e;--amber-deep:#a1500c;--red:#ff4423;--edge:rgba(122,200,255,0.22);--edge-strong:rgba(122,200,255,0.55);--edge-warm:rgba(255,157,46,0.42);--font-display:"Michroma","Space Grotesk",system-ui,sans-serif;--font-body:"Space Grotesk",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--cut:14px;--ease:cubic-bezier(0.32,0.72,0,1);--ease-out:cubic-bezier(0.16,1,0.3,1);--glow-cyan:0 0 16px rgba(122,200,255,0.12),0 0 44px rgba(46,154,230,0.05);--glow-amber:0 0 16px rgba(255,157,46,0.14),0 0 44px rgba(255,157,46,0.05)}*,:after,:before{box-sizing:border-box}body,html{background:var(--bg)}body{margin:0;color:var(--text);font-family:var(--font-body);font-size:15px;font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;line-height:1.08;letter-spacing:.005em;text-transform:uppercase;margin:0}p{margin:0 0 1rem}img{display:block;max-width:100%}::selection{background:rgba(122,200,255,.28);color:var(--cyan-hot)}:focus{outline:none}:focus-visible{outline:1px solid var(--cyan);outline-offset:3px}.plate{position:relative;background:var(--edge);-webkit-clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.plate:before{content:"";position:absolute;inset:1px;z-index:-1;background:linear-gradient(180deg,rgba(122,200,255,.055),rgba(122,200,255,.012) 42%,transparent 70%),var(--surface);-webkit-clip-path:polygon(calc(var(--cut) - 1px) 0,100% 0,100% calc(100% - var(--cut) + 1px),calc(100% - var(--cut) + 1px) 100%,0 100%,0 calc(var(--cut) - 1px));clip-path:polygon(calc(var(--cut) - 1px) 0,100% 0,100% calc(100% - var(--cut) + 1px),calc(100% - var(--cut) + 1px) 100%,0 100%,0 calc(var(--cut) - 1px))}.plate--lit{background:var(--edge-strong);box-shadow:var(--glow-cyan)}.plate--warm{background:var(--edge-warm);box-shadow:var(--glow-amber)}.plate--solid:before{background:var(--surface-solid)}.plate>.tap{position:absolute;width:7px;height:7px;background:var(--cyan);box-shadow:0 0 7px var(--cyan);opacity:.6;pointer-events:none}.plate>.tap.tl{top:0;left:0;-webkit-clip-path:polygon(0 100%,100% 0,0 0);clip-path:polygon(0 100%,100% 0,0 0)}.plate>.tap.br{bottom:0;right:0;-webkit-clip-path:polygon(100% 0,100% 100%,0 100%);clip-path:polygon(100% 0,100% 100%,0 100%)}.plate--warm>.tap{background:var(--amber);box-shadow:0 0 10px var(--amber)}.rule{height:1px;border:0;margin:0;background:linear-gradient(to right,transparent,var(--edge-strong) 12%,rgba(255,157,46,.3) 62%,transparent)}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:10px;font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:var(--cyan)}.eyebrow--warm{color:var(--amber)}.mono{font-family:var(--font-mono);letter-spacing:.08em}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.btn{--cut:10px;position:relative;gap:14px;font-family:var(--font-display);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-hot);background:var(--edge-strong);border:0;padding:1px;cursor:pointer;transition:transform .5s var(--ease),box-shadow .5s var(--ease),background .5s var(--ease);-webkit-clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.btn,.btn>.btn-face{display:inline-flex;align-items:center}.btn>.btn-face{justify-content:space-between;gap:18px;width:100%;padding:15px 20px 15px 24px;background:linear-gradient(180deg,rgba(122,200,255,.1),rgba(5,13,22,.9));-webkit-clip-path:polygon(calc(var(--cut) - 1px) 0,100% 0,100% calc(100% - var(--cut) + 1px),calc(100% - var(--cut) + 1px) 100%,0 100%,0 calc(var(--cut) - 1px));clip-path:polygon(calc(var(--cut) - 1px) 0,100% 0,100% calc(100% - var(--cut) + 1px),calc(100% - var(--cut) + 1px) 100%,0 100%,0 calc(var(--cut) - 1px));transition:background .5s var(--ease)}.btn:hover{background:var(--cyan);box-shadow:0 0 20px rgba(122,200,255,.22),0 0 56px rgba(46,154,230,.07)}.btn:hover>.btn-face{background:linear-gradient(180deg,rgba(122,200,255,.22),rgba(6,48,60,.92))}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn .node{display:grid;place-items:center;min-width:26px;height:26px;padding:0 8px;flex:none;font-family:var(--font-mono);font-size:11px;letter-spacing:0;color:var(--cyan);background:rgba(122,200,255,.1);box-shadow:inset 0 0 0 1px rgba(122,200,255,.22);transition:transform .5s var(--ease),background .5s var(--ease),color .5s var(--ease)}.btn:hover .node{background:rgba(122,200,255,.22);color:var(--cyan-hot);transform:translate(2px,-1px) scale(1.06)}.btn--quiet{background:var(--edge);color:var(--text)}.btn--quiet>.btn-face{background:rgba(122,200,255,.025)}.btn--quiet:hover{background:var(--edge-strong);box-shadow:0 0 14px rgba(122,200,255,.1)}.btn--quiet:hover>.btn-face{background:rgba(122,200,255,.075)}.link{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);background:none;border:0;padding:6px 2px;cursor:pointer;transition:color .4s var(--ease),text-shadow .4s var(--ease)}.link:hover{color:var(--cyan);text-shadow:0 0 10px rgba(122,200,255,.35)}.cell{--cut:12px;position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:18px;gap:18px;width:100%;padding:20px 22px;text-align:left;font-family:var(--font-body);font-size:15.5px;font-weight:300;color:var(--text);background:rgba(122,200,255,.11);border:0;cursor:pointer;transition:transform .45s var(--ease),background .45s var(--ease),box-shadow .45s var(--ease);-webkit-clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.cell:before{content:"";position:absolute;inset:1px;z-index:-1;background:linear-gradient(100deg,rgba(122,200,255,.045),rgba(3,9,16,.86) 55%);-webkit-clip-path:polygon(calc(var(--cut) - 1px) 0,100% 0,100% calc(100% - var(--cut) + 1px),calc(100% - var(--cut) + 1px) 100%,0 100%,0 calc(var(--cut) - 1px));clip-path:polygon(calc(var(--cut) - 1px) 0,100% 0,100% calc(100% - var(--cut) + 1px),calc(100% - var(--cut) + 1px) 100%,0 100%,0 calc(var(--cut) - 1px));transition:background .45s var(--ease)}.cell:hover{background:rgba(122,200,255,.42);transform:translateX(4px)}.cell:hover:before{background:linear-gradient(100deg,rgba(122,200,255,.12),rgba(6,32,42,.9) 60%)}.cell[data-on=true]{background:var(--cyan);box-shadow:0 0 18px rgba(122,200,255,.18),0 0 50px rgba(46,154,230,.06);transform:translateX(6px)}.cell[data-on=true]:before{background:linear-gradient(100deg,rgba(122,200,255,.2),rgba(6,40,52,.92) 62%)}.cell .key{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--cyan-deep);transition:color .45s var(--ease)}.cell .state,.cell:hover .key,.cell[data-on=true] .key{color:var(--cyan-hot)}.cell .state{font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;opacity:0;transition:opacity .45s var(--ease)}.cell[data-on=true] .state{opacity:1}.tag{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;padding:4px 10px;color:var(--cyan);box-shadow:inset 0 0 0 1px currentColor;background:color-mix(in srgb,currentColor 9%,transparent)}.table-scroll{overflow-x:auto}.table-scroll .table{min-width:460px}.table{width:100%;border-collapse:collapse;font-size:13.5px;font-weight:300}.table th{text-align:left;font-family:var(--font-mono);font-weight:400;font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);padding:14px 10px;border-bottom:1px solid var(--edge)}.table td{padding:13px 10px;border-bottom:1px solid rgba(122,200,255,.07);transition:background .4s var(--ease)}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:rgba(122,200,255,.045)}@keyframes rise{0%{opacity:0;transform:translateY(26px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ribbon{0%{stroke-dashoffset:1200}to{stroke-dashoffset:-1200}}@keyframes breathe{0%,to{opacity:.35}50%{opacity:.85}}.rise{animation:rise .9s var(--ease-out) both}.rise-1{animation-delay:.08s}.rise-2{animation-delay:.16s}.rise-3{animation-delay:.24s}.rise-4{animation-delay:.32s}@media (max-width:900px){.split{grid-template-columns:1fr!important;gap:40px!important}.stack-sm{display:none!important}.btn>.btn-face{padding:14px 16px 14px 18px}}@media (max-width:560px){.cell{padding:16px;gap:12px;font-size:14.5px}.table-scroll .table{min-width:420px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition-duration:.01ms!important}}.overlay-grain,.overlay-scan{position:fixed;inset:0;pointer-events:none;z-index:30}.overlay-scan{background:repeating-linear-gradient(180deg,rgba(122,200,255,.028) 0 1px,transparent 1px 3px);mix-blend-mode:screen;opacity:.3}.overlay-grain{opacity:.028;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}