:root{--ink:#080909;--panel:#101212;--line:#2b302e;--paper:#edede7;--muted:#989d98;--acid:#d9ff35;--orange:#ff5b21}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}
.grain{position:fixed;inset:0;pointer-events:none;z-index:10}
.grain::before{content:'';position:absolute;inset:0;opacity:.06;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 4px)}
.nav{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}
.brand{font:500 13px 'DM Mono',monospace;letter-spacing:.08em;color:var(--paper);text-decoration:none}
.brand-mark{display:inline-grid;place-items:center;width:23px;height:23px;border:1px solid var(--acid);color:var(--acid);margin-right:8px}
.accent{color:var(--acid)}
.nav-link{color:var(--muted);font:500 11px 'DM Mono',monospace;text-decoration:none;letter-spacing:.08em}
.nav-link span{color:var(--acid);margin-left:6px}
.hero{min-height:660px;padding:110px 9vw 85px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.eyebrow,.kicker{font:500 11px 'DM Mono',monospace;letter-spacing:.14em;color:var(--muted)}
.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--acid);margin-right:10px}
.hero h1{font-size:clamp(4.1rem,10vw,9.5rem);line-height:.84;letter-spacing:-.08em;margin:43px 0 35px;font-weight:800;position:relative;z-index:1}
.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--acid);letter-spacing:-.08em}
.hero-copy{max-width:475px;color:#b3b8b2;font-size:17px;line-height:1.65;position:relative;z-index:1}
.hero-actions{margin-top:42px;display:flex;align-items:center;gap:28px;position:relative;z-index:1}
.button{font:600 11px 'DM Mono',monospace;letter-spacing:.08em;padding:17px 20px;text-decoration:none;display:inline-block}
.primary{color:var(--ink);background:var(--acid)}
.button span{margin-left:10px;font-size:16px}
.status{font:500 10px 'DM Mono',monospace;color:var(--muted);letter-spacing:.06em;display:flex;align-items:center;gap:8px}
.status b{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5ef26a;box-shadow:0 0 12px #5ef26a;flex-shrink:0}
.hero-orbit{position:absolute;border:1px solid #29312a;border-radius:50%;right:-15vw;top:5%;width:70vw;aspect-ratio:1/1}
.orbit-two{width:48vw;right:-4vw;top:19%;border-color:#344035}
.hero-node{position:absolute;border-radius:50%;background:var(--acid);width:10px;height:10px;box-shadow:0 0 25px var(--acid)}
.n1{right:29vw;top:24%}
.n2{right:12vw;top:55%;background:var(--orange);box-shadow:0 0 25px var(--orange)}
.n3{right:43vw;top:70%;width:6px;height:6px}
.systems{padding:115px 5vw}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px}
.section-heading h2{font-size:clamp(2.8rem,5vw,5rem);letter-spacing:-.07em;margin:16px 0 0}
.section-heading p{max-width:350px;color:var(--muted);font-size:14px;line-height:1.65}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.system-card{min-height:300px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;color:var(--paper);border:1px solid var(--line);transition:border-color .2s}
.system-card:hover{border-color:var(--acid)}
.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:auto}
.icon{font-size:22px}
.live{font:500 10px 'DM Mono',monospace;color:#5ef26a;letter-spacing:.08em}
.system-card h3{font-size:1.35rem;letter-spacing:-.04em;margin:24px 0 10px}
.system-card p{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 20px}
.card-arrow{font-size:20px;color:var(--acid);align-self:flex-end}
.songstab{background:linear-gradient(135deg,#0d1410 0%,#101212 100%)}
.helm{background:linear-gradient(135deg,#0d1118 0%,#101212 100%)}
.diesel{background:linear-gradient(135deg,#110f0a 0%,#101212 100%)}
.load{background:linear-gradient(135deg,#0a1111 0%,#101212 100%)}
.forge{background:linear-gradient(135deg,#0f0f14 0%,#101212 100%)}
.manifesto{padding:100px 9vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.manifesto blockquote{font-size:clamp(1.8rem,4vw,3.2rem);font-weight:800;letter-spacing:-.06em;margin:24px 0;color:var(--paper)}
.manifesto p{color:var(--muted);font-size:15px;line-height:1.7;max-width:520px}
.footer{padding:48px 5vw;display:flex;justify-content:space-between;align-items:center}
.muted{color:var(--muted);font-size:13px}
@media(max-width:900px){.card-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.card-grid{grid-template-columns:1fr}.section-heading{flex-direction:column;gap:16px}.hero-orbit,.orbit-two,.hero-node{display:none}.footer{flex-direction:column;gap:16px;text-align:center}}