:root{--bg:#0b0d12;--panel:#12151d;--line:#232837;--text:#e8ebf2;--muted:#8a93a8;--accent:#7aa2ff;--accent2:#b48cff;--warn:#ffcf6e}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Space Grotesk,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(600px 400px at 85% -10%,#b48cff29,#0000 60%),radial-gradient(500px 400px at -10% 30%,#7aa2ff24,#0000 60%);position:fixed;inset:0}.mono{font-family:JetBrains Mono,monospace}.wrap{max-width:1040px;margin:0 auto;padding:0 20px}nav{justify-content:space-between;align-items:center;padding:22px 0;display:flex}.logo{letter-spacing:-.02em;font-weight:700}.logo span{color:var(--accent)}.pill{border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex}.dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px var(--accent);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{50%{opacity:.35}}.hero{padding:80px 0 60px}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:13px}h1{letter-spacing:-.04em;margin:16px 0 24px;font-size:clamp(44px,8vw,92px);line-height:.98}h1 em{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.lead{color:var(--muted);max-width:600px;font-size:clamp(17px,2.2vw,21px)}.term{background:var(--panel);border:1px solid #ffffff1a;border-radius:10px;margin-top:48px;overflow:hidden;box-shadow:0 0 0 .5px #000c,0 30px 80px -20px #000000bf,0 10px 30px -10px #00000080}.term-bar{background:linear-gradient(#2c2f38,#23262e);border-bottom:1px solid #0a0b0f;align-items:center;height:30px;padding:0 12px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff14}.traffic{z-index:1;gap:8px;display:flex}.tl{border-radius:50%;width:12px;height:12px;position:relative;box-shadow:inset 0 0 0 .5px #00000040}.tl-close{background:#ff5f57}.tl-min{background:#febc2e}.tl-max{background:#28c840}.tl:after{color:#0009;opacity:0;place-items:center;font:700 9px/1 -apple-system,system-ui,sans-serif;transition:opacity .12s;display:grid;position:absolute;inset:0}.tl-close:after{content:"×";font-size:11px}.tl-min:after{content:"−"}.tl-max:after{content:"+"}.traffic:hover .tl:after{opacity:1}.term:not(:hover) .tl{filter:saturate(.85)brightness(.95)}.term-title{text-align:center;color:#9aa1b2;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;padding:0 76px;font:500 12.5px/1 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;position:absolute;left:0;right:0;overflow:hidden}.term .p{color:var(--accent)}.log-cmd{color:var(--text);margin-top:4px}.cursor:after{content:"▋";color:var(--accent);animation:1s step-end infinite pulse}@keyframes logIn{0%{opacity:0;transform:translateY(3px)}}.term-body{color:var(--muted);padding:16px 20px;font-size:13px;line-height:1.75}section{padding:70px 0}h2{letter-spacing:-.03em;margin-bottom:28px;font-size:clamp(28px,4vw,40px)}.stat{border-top:1px solid var(--line);padding-top:16px}.stat b{color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:400;display:block}.stat span{word-break:break-all;font-size:18px}.pipe-run{color:var(--bg);background:linear-gradient(90deg,var(--accent),var(--accent2));cursor:pointer;border:0;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:600;transition:transform .2s,opacity .2s,box-shadow .2s}.pipe-run:hover:not(:disabled){box-shadow:0 10px 30px -10px var(--accent);transform:translateY(-2px)}.pipe-run:focus-visible{outline:2px solid var(--text);outline-offset:3px}.pipe-run{box-shadow:0 0 18px -2px #00c8ff99,0 0 30px -6px #c040ff99}.pipe-run:hover:not(:disabled){box-shadow:0 0 24px #00c8ffcc,0 0 44px #c040ff99}footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:30px 0 50px;font-size:14px;display:flex}a{color:inherit;text-decoration:none}.muted{color:var(--muted);font-style:normal}.nav-links{color:var(--muted);gap:22px;font-size:13px;display:flex}.nav-links a:hover{color:var(--accent)}h1 em{display:inline-block}section{scroll-margin-top:20px}.cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:8px;padding:22px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex}.card:hover,.card:focus-visible{border-color:var(--accent);outline:none;transform:translateY(-4px)}.card h3{font-size:20px}.card p{color:var(--muted);flex:1;font-size:14.5px}.card-tag{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.chips span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 9px;font-size:11px}.contact{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.contact .pill:hover{color:var(--text);border-color:var(--accent)}@media (width<=760px){.cards{grid-template-columns:1fr}.hero{padding:40px 0}.nav-links{display:none}}@media (prefers-reduced-motion:reduce){.cursor:after,.dot{animation:none}.card{transition:none}}:root{--bg:#06060c;--panel:#0d0d18;--line:#1e1d33;--accent:#00c8ff;--accent2:#c040ff;--warn:#ffe14d;--neon-a:0 0 6px #00c8ffe6,0 0 18px #00c8ff8c,0 0 40px #00c8ff40;--neon-b:0 0 6px #c040ffe6,0 0 18px #c040ff8c,0 0 40px #c040ff40}body:before{background:radial-gradient(700px 450px at 85% -10%,#c040ff47,#0000 60%),radial-gradient(600px 450px at -10% 30%,#00c8ff38,#0000 60%)}h1 em{filter:drop-shadow(0 0 14px #00c8ff73)drop-shadow(0 0 28px #c040ff59)}.eyebrow,.logo span{text-shadow:var(--neon-a)}.dot{box-shadow:var(--neon-a)}.pill{border-color:#00c8ff59;box-shadow:0 0 14px -4px #00c8ff80}.term{border-color:#00c8ff59;box-shadow:0 0 0 .5px #000c,0 0 24px -6px #00c8ff73,0 0 60px -20px #c040ff80,0 30px 80px -20px #000c}.term .p,.log-ok .log-tag{color:var(--accent);text-shadow:0 0 8px #00c8ffb3}.cursor:after{text-shadow:var(--neon-a)}.card:hover,.card:focus-visible{box-shadow:0 0 24px -6px #00c8ff73,0 0 50px -20px #c040ff80}.pipe-run{display:inline-block}.hook{color:var(--text);margin-top:14px;font-size:clamp(18px,2.4vw,22px)}.lead+.lead{margin-top:14px}
