@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root { --ink:#101510; --paper:#f2eee5; --gold:#c89b4b; --lime:#d3f36b; --muted:#99988f; --line:rgba(242,238,229,.2); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--paper); background:var(--ink); font-family:"Space Grotesk",sans-serif; } main { overflow:hidden; }
nav { max-width:1280px; margin:auto; padding:24px 34px; display:flex; justify-content:space-between; align-items:center; } .brand { color:var(--paper); text-decoration:none; display:flex; gap:10px; align-items:center; font-size:12px; line-height:.92; font-weight:700; letter-spacing:.12em; } .brand img { width:35px; height:35px; } .status,.mono { font:11px "DM Mono",monospace; letter-spacing:.1em; } .status i { display:inline-block; width:7px; height:7px; background:var(--lime); border-radius:50%; margin-right:8px; box-shadow:0 0 14px var(--lime); }
.hero { min-height:620px; max-width:1280px; margin:auto; padding:78px 34px 88px; display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:40px; } .eyebrow { color:var(--gold); font:11px "DM Mono",monospace; letter-spacing:.15em; margin:0 0 19px; } h1,h2 { margin:0; letter-spacing:-.055em; } h1 { font-size:clamp(54px,7vw,98px); line-height:.89; } h1 em,h2 em { font-family:"Playfair Display",serif; font-weight:600; } .lede { max-width:490px; color:#c5c4bb; font-size:18px; line-height:1.55; margin:30px 0; } .actions { display:flex; align-items:center; gap:28px; flex-wrap:wrap; } .button { display:inline-block; color:var(--ink); background:var(--lime); padding:14px 18px; text-decoration:none; font:11px "DM Mono",monospace; letter-spacing:.08em; } .text-link { color:var(--paper); font:11px "DM Mono",monospace; text-decoration:none; letter-spacing:.06em; } .text-link span { color:var(--gold); font-size:18px; margin-left:5px; }
.orbital-ledger { height:420px; position:relative; border:1px solid var(--line); background:radial-gradient(circle at center,rgba(200,155,75,.16),transparent 27%),linear-gradient(135deg,rgba(255,255,255,.03),transparent 50%); } .orbital-ledger:before { content:""; position:absolute; inset:18px; border:1px solid rgba(242,238,229,.08); } .orbit { position:absolute; border:1px solid rgba(200,155,75,.5); border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-24deg); } .orbit-one { width:140px;height:140px; } .orbit-two { width:265px;height:125px; } .orbit-three { width:360px;height:250px; } .node { position:absolute; display:grid; place-items:center; width:58px;height:58px; border-radius:50%; background:var(--ink); border:1px solid var(--gold); color:var(--paper); font:12px "DM Mono",monospace; text-align:center; } .node small { color:var(--gold); font-size:9px; }.home { left:calc(50% - 29px); top:calc(50% - 29px); background:var(--gold); color:var(--ink); border-color:var(--paper); }.home small { color:var(--ink); }.n1 {left:17%;top:21%;}.n2 {right:11%;top:35%;}.n3 {left:33%;bottom:11%;}.signal { position:absolute;width:5px;height:5px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px var(--lime);}.s1{left:31%;top:44%;}.s2{right:29%;top:17%;}.s3{right:20%;bottom:25%;}.chart-label { position:absolute; bottom:11px; left:19px; margin:0; font:10px "DM Mono",monospace; color:var(--muted); }
.thesis { padding:70px 34px; background:var(--gold); color:var(--ink); text-align:center; }.thesis p:first-child { max-width:850px; margin:0 auto; font:clamp(27px,3.8vw,54px)/1.05 "Playfair Display",serif; letter-spacing:-.04em; }.rule { width:42px; border-top:2px solid var(--ink); margin:28px auto; }.thesis .mono { margin:0; }
.instruments { max-width:1280px; margin:auto; padding:112px 34px; }.instruments h2,.manifesto h2 { font-size:clamp(38px,5vw,70px); line-height:.95; max-width:740px; }.screen-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:55px; }.screen { min-height:265px; padding:16px; background:#171d17; border:1px solid var(--line); display:flex; flex-direction:column; }.screen-bar { font:10px "DM Mono",monospace; display:flex; justify-content:space-between; color:var(--muted); }.screen-bar b { color:var(--lime); font-weight:400; }.quote { margin:34px 0 13px; }.quote strong { display:block; font-size:14px; }.quote span { color:var(--paper); display:block; font:23px "DM Mono",monospace; margin-top:6px; }.quote em { color:var(--lime); font-size:11px; font-style:normal; }.bars { display:flex; gap:5px; align-items:end; height:42px; }.bars i { display:block; width:11%; background:var(--gold); }.bars i:nth-child(1){height:25%;}.bars i:nth-child(2){height:42%;}.bars i:nth-child(3){height:28%;}.bars i:nth-child(4){height:70%;}.bars i:nth-child(5){height:55%;}.bars i:nth-child(6){height:90%;}.bars i:nth-child(7){height:100%;}.screen p { margin:auto 0 0; color:var(--gold); font:10px "DM Mono",monospace; line-height:1.7; }.screen small { color:var(--muted); }.route-line { display:flex; align-items:center; margin:72px 8px 38px; }.route-line i { width:9px;height:9px;border:1px solid var(--lime);border-radius:50%; }.route-line span { height:1px; background:var(--lime); flex:1; }.route-data { display:flex; justify-content:space-between; font:9px "DM Mono",monospace; color:var(--muted); }.route-data b { color:var(--paper); font-size:12px; }.bom { display:flex; flex-direction:column; align-items:center; gap:8px; margin:35px 0 18px; font:10px "DM Mono",monospace; }.bom i { height:10px; border-left:1px solid var(--gold); }.progress { height:5px; background:#30362f; }.progress i { display:block; width:62%; height:100%; background:var(--lime); }
.manifesto { padding:105px 34px; background:var(--paper); color:var(--ink); text-align:center; }.manifesto h2 { margin:0 auto 36px; }.inverse { background:var(--ink); color:var(--paper); } footer { display:flex; justify-content:space-between; gap:20px; padding:20px 34px; color:var(--muted); font:10px "DM Mono",monospace; letter-spacing:.08em; }
@media (max-width:760px) { nav,.hero,.instruments { padding-left:20px;padding-right:20px; }.status { font-size:9px; }.hero { padding-top:50px; grid-template-columns:1fr; min-height:auto; }.orbital-ledger { height:330px; }.screen-grid { grid-template-columns:1fr; }.thesis,.manifesto { padding-left:20px;padding-right:20px; }.thesis p:first-child { font-size:31px; } footer { padding:18px 20px; flex-wrap:wrap; } footer span:last-child { width:100%; } }