@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500&family=Space+Grotesk:wght@300;400;500&display=swap');
:root{--black:#080b0d;--deep:#121214;--steel:#1e1f22;--white:#e6e6e6;--muted:#8a8d93;--red:#ff2d2d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:'Space Grotesk',sans-serif;letter-spacing:.04em}.mono{font-family:'IBM Plex Mono',monospace}.noise,.scanlines{position:fixed;inset:0;pointer-events:none;z-index:20}.noise{opacity:.10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.scanlines{opacity:.09;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,#fff 4px)}.shell{width:min(1180px,94vw);margin:auto}.topline{height:64px;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.18em}.topline i{display:inline-block;width:6px;height:6px;background:#ddd;border-radius:50%;margin-left:7px;box-shadow:0 0 10px #fff}.frame{border:1px solid #323438;position:relative}.frame:before,.frame:after{content:"";position:absolute;width:28px;height:28px;border-color:#8b8e92}.frame:before{left:10px;top:10px;border-left:1px solid;border-top:1px solid}.frame:after{right:10px;bottom:10px;border-right:1px solid;border-bottom:1px solid}.hero{min-height:78vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 48%,#1b1c1f 0,#0d1012 34%,#080b0d 70%)}.brand{width:min(520px,78vw);filter:drop-shadow(0 0 22px #ffffff10);margin-bottom:30px}.transmission{text-align:center;line-height:1.9;font-size:14px;letter-spacing:.14em}.eyebrow{font-size:25px;letter-spacing:.28em;margin-bottom:8px;text-shadow:2px 0 #777,-2px 0 #333}.transmission b{background:#d9d9d9;color:#111;padding:1px 8px;font-weight:500}.dim{color:#aaa}.enter{color:#ddd;text-decoration:none;font-family:'IBM Plex Mono';letter-spacing:.15em;margin-top:34px;padding:10px 18px;transition:.2s}.enter:hover{color:#fff;text-shadow:0 0 12px #fff;transform:translateY(-1px)}.hero-code{position:absolute;left:28px;right:28px;bottom:22px;display:flex;justify-content:space-between;color:#888;font-size:11px}.section{padding:110px 0;border-bottom:1px solid #24262a}.section-head{display:flex;justify-content:space-between;color:#777;font-size:11px;letter-spacing:.15em;border-bottom:1px solid #292b2f;padding-bottom:12px;margin-bottom:48px}.section>h1{font-weight:300;font-size:clamp(32px,6vw,68px);letter-spacing:.12em}.tracks{border-top:1px solid #303236}.track{display:grid;grid-template-columns:120px 1fr 150px;align-items:center;gap:20px;padding:25px 12px;border-bottom:1px solid #303236;transition:.2s}.track:hover{background:#ffffff05;padding-left:18px}.track h2{font-weight:300;letter-spacing:.14em;margin:0 0 6px;font-size:20px}.track p,.code,.state{font:11px 'IBM Plex Mono';color:#85888d;letter-spacing:.1em}.state{text-align:right}.red{color:var(--red)}.corrupted h2{filter:blur(.5px);text-decoration:line-through}.manifesto{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.manifesto .section-head{grid-column:1/-1;margin-bottom:0}.mark{width:min(400px,80%);justify-self:center;opacity:.9}.copy h1{font-weight:300;font-size:clamp(34px,5vw,62px);line-height:1.08;letter-spacing:.08em}.copy em{font-style:normal;color:#fff;text-shadow:2px 0 #777}.copy p{color:#92959a;line-height:1.8;max-width:560px}.terminal-screen{min-height:240px;border:1px solid #303236;padding:30px;color:#a9adb2;font-size:13px;line-height:2;background:#07090a}.terminal-screen .hot{color:#eee}.terminal-screen .warn{color:var(--red)}footer{height:100px;display:flex;justify-content:space-between;align-items:center;color:#666;font-size:10px;letter-spacing:.12em}@media(max-width:700px){.hero{min-height:75vh}.track{grid-template-columns:70px 1fr}.state{display:none}.manifesto{grid-template-columns:1fr}.mark{width:220px}.section{padding:75px 0}.section-head{gap:20px}.section-head span:last-child{display:none}footer{gap:12px;flex-wrap:wrap}.brand{width:86vw}}
