@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--black:#0b0d0c;--paper:#e9e7df;--acid:#c8ff42;--gray:#8b9188;--line:rgba(233,231,223,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--paper);font-family:'Space Grotesk',Arial,sans-serif}
header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:relative;z-index:3}
.mark{font:500 13px 'DM Mono',monospace;letter-spacing:.08em}.mark span{color:var(--acid);margin-right:12px}
nav{display:flex;gap:30px}nav a{color:var(--paper);text-decoration:none;font:11px 'DM Mono',monospace;letter-spacing:.1em}
.hero{padding:45px 5vw 90px;min-height:730px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(200,255,66,.16);border-radius:50%;right:-210px;top:115px;box-shadow:0 0 0 70px rgba(200,255,66,.025),0 0 0 140px rgba(200,255,66,.018)}
.hero-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;color:var(--gray);font:10px 'DM Mono',monospace;letter-spacing:.13em}.hero-top span{color:var(--acid)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:center;min-height:580px}
h1{font-size:clamp(68px,10vw,145px);line-height:.82;letter-spacing:-.075em;margin:0 0 38px;font-weight:600}h1 i{font-style:normal;color:var(--acid)}
.lead{max-width:560px;font-size:18px;line-height:1.65;color:#bdc2b9}.link{display:inline-flex;gap:35px;margin-top:25px;color:var(--acid);text-decoration:none;font:500 11px 'DM Mono',monospace;letter-spacing:.12em}.link b{font-size:15px}
.terminal{height:410px;border:1px solid var(--line);background:#101310;position:relative;padding:17px;font-family:'DM Mono',monospace}.terminal:before{content:"";position:absolute;inset:35px;border:1px dashed rgba(200,255,66,.18)}
.terminal-head,.terminal-data{display:flex;justify-content:space-between;font-size:9px;color:var(--gray);position:relative;z-index:2}.terminal-head span:last-child{color:var(--acid)}
.waveform{height:190px;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:2}.waveform span{width:3px;background:var(--acid);height:var(--h);opacity:.85}.waveform span:nth-child(1){--h:22px}.waveform span:nth-child(2){--h:45px}.waveform span:nth-child(3){--h:75px}.waveform span:nth-child(4){--h:115px}.waveform span:nth-child(5){--h:55px}.waveform span:nth-child(6){--h:160px}.waveform span:nth-child(7){--h:95px}.waveform span:nth-child(8){--h:185px}.waveform span:nth-child(9){--h:80px}.waveform span:nth-child(10){--h:130px}.waveform span:nth-child(11){--h:45px}.waveform span:nth-child(12){--h:20px}
.crosshair{position:absolute;width:85px;height:85px;border:1px solid var(--acid);border-radius:50%;left:50%;top:51%;transform:translate(-50%,-50%);opacity:.45}.crosshair:before,.crosshair:after{content:"";position:absolute;background:var(--acid);left:50%;top:50%;transform:translate(-50%,-50%)}.crosshair:before{width:120px;height:1px}.crosshair:after{width:1px;height:120px}
.signal{background:var(--paper);color:var(--black);padding:115px 5vw;display:grid;grid-template-columns:1fr 2fr;gap:8vw}.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:.16em}.signal-copy h2,.contact h2{font-size:clamp(48px,7vw,94px);line-height:.9;letter-spacing:-.065em;margin:0 0 30px}.signal-copy p{max-width:680px;font-size:19px;line-height:1.75;color:#4e554d}
.archive{padding:110px 5vw}.rows{margin-top:42px;border-top:1px solid var(--line)}.rows article{display:grid;grid-template-columns:1fr 2fr 2fr 30px;align-items:center;gap:25px;padding:30px 0;border-bottom:1px solid var(--line)}.rows article span{font:10px 'DM Mono',monospace;color:var(--acid)}.rows h3{font-size:29px;margin:0}.rows p{color:#9ca39a;line-height:1.5;margin:0}.rows b{color:var(--acid);font-size:20px}
.quote{background:var(--acid);color:var(--black);min-height:420px;padding:70px 5vw;position:relative;display:flex;flex-direction:column;justify-content:center}.grid-number{position:absolute;top:35px;right:5vw;font:11px 'DM Mono',monospace}.quote blockquote{font-size:clamp(45px,8vw,105px);line-height:.9;letter-spacing:-.07em;max-width:1000px;margin:0 0 35px;font-weight:600}.quote span{font:10px 'DM Mono',monospace;letter-spacing:.12em}
.contact{padding:120px 5vw;display:grid;grid-template-columns:1fr 2fr;gap:8vw;background:var(--black)}.contact a{color:var(--acid);font:11px 'DM Mono',monospace;text-decoration:none;letter-spacing:.08em}
footer{border-top:1px solid var(--line);padding:22px 5vw;display:flex;justify-content:space-between;color:#747a71;font:9px 'DM Mono',monospace;letter-spacing:.13em}
@media(max-width:800px){nav{display:none}.hero-grid,.signal,.contact{grid-template-columns:1fr}.hero{padding-top:30px}.terminal{height:340px}.signal{gap:45px}.rows article{grid-template-columns:1fr;gap:12px}.rows b{display:none}footer{gap:15px;flex-wrap:wrap}}