:root{--ink:#f2f0e8;--muted:#9996a2;--panel:#101017;--line:#36343f;--green:#9dff69;--pink:#ff5cc8;--yellow:#ffe55c;--violet:#a784ff;color-scheme:dark;font-family:"Courier New",Courier,monospace}
*{box-sizing:border-box}
html{background:#08080c;scroll-behavior:smooth}
body{min-width:280px;margin:0;color:var(--ink);background:radial-gradient(circle at 15% 10%,rgba(167,132,255,.1),transparent 25rem),radial-gradient(circle at 90% 82%,rgba(255,92,200,.06),transparent 30rem),#08080c;min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.035) 3px 4px);z-index:5}
.stars{position:fixed;inset:0;pointer-events:none;opacity:.6;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(var(--violet) 1px,transparent 1px),radial-gradient(var(--pink) 1px,transparent 1px);background-size:131px 131px,197px 197px,263px 263px;background-position:17px 29px,71px 13px,39px 101px;animation:drift 40s linear infinite}
.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-200%);padding:10px 14px;background:var(--ink);color:#08080c;z-index:10}.skip-link:focus{transform:none}
.shell{position:relative;width:min(1120px,calc(100% - 32px));margin:28px auto;border:1px solid var(--line);background:rgba(8,8,12,.82);box-shadow:12px 12px 0 rgba(157,255,105,.045)}
.topbar{min-height:74px;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}
.wordmark{color:var(--ink);text-decoration:none;letter-spacing:.08em}.wordmark span{display:block;font-weight:700}.wordmark small{display:block;margin-top:5px;color:var(--violet);font-size:10px;letter-spacing:.24em}
.system-state{font-size:11px;letter-spacing:.12em;color:var(--green);white-space:nowrap}.system-state i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:pulse 2s steps(2,end) infinite}
.intro{position:relative;padding:clamp(48px,8vw,100px) clamp(22px,7vw,82px) clamp(46px,6vw,74px);border-bottom:1px solid var(--line);overflow:hidden}
.intro:after{content:"✦";position:absolute;right:clamp(18px,7vw,80px);top:50%;translate:0 -50%;color:var(--yellow);font-size:clamp(72px,13vw,154px);line-height:1;text-shadow:0 0 36px rgba(255,229,92,.2);animation:turn 18s linear infinite}
.eyebrow{margin:0 0 20px;color:var(--green);font-size:11px;letter-spacing:.18em}.intro h1{position:relative;z-index:1;max-width:780px;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(49px,9vw,112px);font-weight:900;line-height:.81;letter-spacing:-.075em;text-transform:uppercase}.intro h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1px var(--pink);text-shadow:3px 3px 0 rgba(255,92,200,.16)}
.lede{position:relative;z-index:1;max-width:500px;margin:30px 0 0;color:var(--muted);font-size:13px;line-height:1.8}.signal{position:absolute;right:22px;bottom:18px;display:flex;gap:12px;font-size:9px;letter-spacing:.14em}.signal span{color:var(--muted)}.signal time{color:var(--yellow)}
.tool-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
.tool{position:relative;min-height:390px;padding:28px;display:flex;flex-direction:column;color:var(--ink);text-decoration:none;overflow:hidden;transition:background .18s,color .18s}.tool:first-child{border-right:1px solid var(--line)}.tool:focus-visible{outline:3px solid var(--ink);outline-offset:-6px}.tool:before{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(135deg,currentColor,transparent 62%);transition:opacity .18s}.tool:hover:before{opacity:.1}.tool:hover .tool-icon{transform:rotate(-8deg) scale(1.08)}.tool:hover .tool-action b{transform:translateX(7px)}
.tool--relay{color:var(--green)}.tool--operations{color:var(--pink)}.tool-index{font-size:10px;letter-spacing:.16em}.tool-icon{align-self:flex-end;margin-top:-8px;font-family:Arial,sans-serif;font-size:58px;line-height:1;transition:transform .18s}.tool-name{margin-top:auto;font-family:Arial,Helvetica,sans-serif;font-size:clamp(40px,6vw,68px);font-weight:900;line-height:.82;letter-spacing:-.065em}.tool-copy{max-width:340px;margin:22px 0;color:var(--muted);font-size:12px;line-height:1.65}.tool-action{display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid currentColor;font-size:11px;font-weight:700;letter-spacing:.13em}.tool-action b{font-size:16px;transition:transform .18s}
.future{padding:26px 28px 30px}.future-head{display:flex;justify-content:space-between;margin-bottom:14px;color:var(--muted);font-size:9px;letter-spacing:.15em}.future-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.future-grid div{min-height:62px;padding:13px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;border:1px dashed #34323c;color:#77737f}.future-grid b,.future-grid small{font-size:9px}.future-grid span{font-size:11px;letter-spacing:.1em}.future-grid small{color:#55525b}
footer{padding:14px 20px;display:flex;gap:20px;border-top:1px solid var(--line);color:#615e68;font-size:9px;letter-spacing:.12em}footer span:nth-child(2){margin-left:auto}.blink{color:var(--green);animation:blink 1s steps(1,end) infinite}
@media(max-width:700px){.shell{width:calc(100% - 18px);margin:9px auto}.topbar{min-height:62px;padding:12px}.system-state{font-size:9px}.intro{padding:58px 18px 68px}.intro:after{right:14px;top:25%;font-size:64px;opacity:.38}.signal{left:18px;right:auto}.tool-grid{grid-template-columns:1fr}.tool{min-height:320px;padding:22px}.tool:first-child{border-right:0;border-bottom:1px solid var(--line)}.future{padding:22px 18px}.future-grid{grid-template-columns:1fr}.future-grid div{min-height:52px}footer{flex-wrap:wrap}footer span:nth-child(2){margin-left:0}.blink{margin-left:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@keyframes pulse{50%{opacity:.35}}@keyframes blink{50%{opacity:0}}@keyframes turn{to{transform:rotate(360deg)}}@keyframes drift{to{background-position:148px 160px,268px 210px,302px 364px}}