:root { --ink:#101d1a; --green:#1d8b77; --mint:#5ed1b6; --lime:#d8f171; --paper:#f5f6f0; --line:rgba(16,29,26,.16); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
p { font-size:clamp(17px,1.3vw,21px); line-height:1.65; }

.site-header { align-items:center; background:rgba(255,255,255,.96); border-bottom:1px solid var(--line); display:grid; gap:28px; grid-template-columns:210px 1fr auto; min-height:88px; padding:12px clamp(24px,4vw,72px); position:sticky; top:0; z-index:20; }
.brand { align-items:center; display:flex; height:64px; width:150px; }
.brand img { height:64px; object-fit:contain; object-position:left center; width:120px; }
nav { display:flex; gap:clamp(22px,2.5vw,42px); justify-content:center; }
nav a,.stealth-badge { font-size:17px; font-weight:700; }
nav a:hover { color:var(--green); }
.stealth-badge { background:#e4f3ee; border-radius:999px; color:#155b4d; padding:13px 20px; }

.hero { align-content:center; background:#0b1e1a; color:#fff; display:grid; gap:30px; grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr); min-height:calc(100vh - 88px); overflow:hidden; padding:clamp(70px,8vw,120px) clamp(24px,7vw,120px) 44px; position:relative; }
.hero-grid { background-image:linear-gradient(rgba(94,209,182,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(94,209,182,.07) 1px,transparent 1px); background-size:70px 70px; inset:0; mask-image:linear-gradient(to right,transparent 10%,#000 60%,transparent 100%); position:absolute; }
.hero::after { background:var(--green); border-radius:999px; content:""; filter:blur(120px); height:300px; opacity:.22; position:absolute; right:12%; top:24%; width:300px; }
.hero-copy { max-width:820px; position:relative; z-index:2; }
h1 { font-size:clamp(52px,6.8vw,104px); font-weight:500; letter-spacing:-.065em; line-height:.92; margin:0; }
h1 span { color:var(--lime); }
.hero-intro { color:rgba(255,255,255,.78); font-size:clamp(19px,1.5vw,24px); margin:34px 0 0; max-width:700px; }
.hero-intro strong { color:#fff; font-weight:600; }

.network-orbit { align-self:center; aspect-ratio:1; justify-self:center; max-width:580px; position:relative; width:100%; z-index:2; }
.orbit { border:1px solid rgba(94,209,182,.3); border-radius:50%; inset:8%; position:absolute; }
.orbit-two { animation:spin 50s linear infinite; border-style:dashed; inset:19%; }
.orbit-three { border-color:rgba(216,241,113,.28); inset:31%; }
.planet { align-items:center; background:radial-gradient(circle at 35% 30%,#2c9d86,#103d34 68%); border:1px solid rgba(255,255,255,.16); border-radius:50%; display:flex; flex-direction:column; inset:32%; justify-content:center; position:absolute; text-align:center; }
.planet-number { font-size:clamp(34px,4vw,58px); font-weight:500; letter-spacing:-.05em; }
.planet-label { color:rgba(255,255,255,.78); font-size:17px; font-weight:700; line-height:1.1; max-width:150px; }
.node { align-items:center; background:var(--lime); border:5px solid #102922; border-radius:50%; color:var(--ink); display:flex; font-size:17px; font-weight:800; height:72px; justify-content:center; position:absolute; width:72px; }
.node-togo { left:8%; top:30%; }.node-future { background:var(--mint); bottom:17%; right:7%; }
.hero-footnote { align-self:end; color:rgba(255,255,255,.68); font-size:17px; grid-column:1/-1; margin:42px 0 0; position:relative; z-index:2; }

.section { padding:clamp(64px,6vw,96px) clamp(24px,7vw,120px); }
h2 { font-size:clamp(43px,6vw,90px); font-weight:500; letter-spacing:-.06em; line-height:.98; margin:0; }
.muted-heading { color:#87938f; }
.challenge { background:var(--paper); }
.challenge-body { align-items:start; display:grid; gap:7vw; grid-template-columns:1.2fr .8fr; margin-top:60px; }
.challenge-body p { margin:0; }
.challenge-body strong { background:var(--ink); color:#fff; font-size:clamp(22px,2vw,30px); line-height:1.35; padding:28px 32px; }

.network { background:#fff; color:var(--ink); }
.network-layout { align-items:start; display:grid; gap:8vw; grid-template-columns:1.1fr .9fr; }
.network-explainer p { margin:0; }
.network-explainer strong { color:var(--green); }
.resource-grid { display:grid; gap:14px; grid-template-columns:repeat(3,1fr); margin-top:64px; }
.resource { background:#e4f3ee; border-left:5px solid var(--green); font-size:clamp(21px,2vw,30px); font-weight:600; padding:24px; }
.digital-backbone { align-items:center; background:#0b1e1a; color:#fff; display:grid; gap:7vw; grid-template-columns:1fr 1fr; margin-top:56px; min-height:300px; padding:clamp(34px,5vw,64px); }
.digital-backbone h3 { color:var(--lime); font-size:clamp(38px,4vw,62px); font-weight:500; letter-spacing:-.05em; line-height:1; margin:0 0 24px; }
.digital-backbone p { color:rgba(255,255,255,.76); margin:0; }
.backbone-visual { height:220px; position:relative; }
.backbone-line { background:linear-gradient(90deg,var(--mint),var(--lime)); height:3px; left:8%; position:absolute; right:8%; top:50%; }
.pulse { background:var(--lime); border:9px solid rgba(216,241,113,.15); border-radius:50%; height:38px; position:absolute; top:calc(50% - 19px); width:38px; z-index:2; }
.pulse-a { left:8%; }.pulse-b { left:48%; }.pulse-c { right:8%; }
.pulse-b::after { border:1px solid rgba(94,209,182,.4); border-radius:50%; content:""; height:140px; left:50%; position:absolute; top:50%; transform:translate(-50%,-50%); width:140px; }

.pilot { align-items:center; background:#0b1e1a; color:#fff; display:grid; gap:8vw; grid-template-columns:.9fr 1.1fr; overflow:hidden; }
.togo-mark { color:var(--lime); font-size:clamp(90px,13vw,190px); font-weight:700; letter-spacing:-.09em; line-height:.8; white-space:nowrap; }
.pilot-copy h2 { color:#fff; }
.pilot-copy p { color:rgba(255,255,255,.76); margin:30px 0; max-width:760px; }
.pilot-copy strong { border-top:1px solid rgba(255,255,255,.22); color:var(--lime); display:block; font-size:clamp(25px,3vw,42px); font-weight:500; letter-spacing:-.04em; padding-top:28px; }
.pilot-copy strong span { color:var(--mint); }

.scale { background:var(--paper); overflow:hidden; }
.scale-number { color:var(--green); font-size:clamp(140px,27vw,500px); font-weight:600; letter-spacing:-.1em; line-height:.72; margin:20px 0 54px -2vw; white-space:nowrap; }
.scale-copy { align-items:start; border-top:1px solid var(--line); display:grid; gap:8vw; grid-template-columns:1.2fr .8fr; padding-top:40px; }
.scale-copy h2 { font-size:clamp(40px,5vw,74px); }
.scale-copy p { margin:0; }
.impact-line { border-bottom:1px solid var(--line); border-top:1px solid var(--line); display:grid; grid-template-columns:repeat(3,1fr); margin-top:64px; }
.impact-line span { border-right:1px solid var(--line); font-size:clamp(19px,1.8vw,27px); padding:28px 16px; text-align:center; }
.impact-line span:last-child { border:0; }

.partnership { align-items:start; background:#153d34; color:#fff; display:grid; gap:9vw; grid-template-columns:.8fr 1.2fr; }
.partner-lockup { align-items:center; border-bottom:1px solid rgba(255,255,255,.22); border-top:1px solid rgba(255,255,255,.22); display:flex; gap:20px; justify-content:space-between; padding:30px 0; }
.partner-lockup span { color:var(--mint); font-size:clamp(25px,2.7vw,40px); font-weight:800; }
.partner-lockup span:last-child { color:var(--lime); }
.partner-lockup b { color:rgba(255,255,255,.5); font-size:24px; }
.partnership-copy h2 { color:var(--lime); }
.partnership-copy p { color:rgba(255,255,255,.76); margin:28px 0 0; }
.partnership-copy strong { color:#fff; }

.stealth { background:var(--paper); text-align:center; }
.stealth h2 { color:var(--green); }
.stealth p { margin:32px auto 0; max-width:820px; }
.stealth .developed-by { margin-top:22px; }
.developed-by a { border-bottom:2px solid var(--green); color:var(--green); font-weight:800; }
.developed-by a:hover { color:var(--ink); }
footer { align-items:center; background:#fff; border-top:1px solid var(--line); display:grid; gap:30px; grid-template-columns:1fr 2fr 1fr; padding:30px clamp(24px,5vw,80px); }
.footer-brand { display:block; width:115px; }
.footer-brand img { display:block; height:auto; width:100%; }
footer p,footer>a:last-child { font-size:17px; margin:0; }
footer p { color:#5f6d68; text-align:center; }
footer>a:last-child { font-weight:800; text-align:right; }

@keyframes spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .orbit-two { animation:none; } }
@media (max-width:1080px) { .site-header { grid-template-columns:1fr auto; } nav { display:none; } .hero { grid-template-columns:1fr; } .network-orbit { opacity:.42; position:absolute; right:-180px; top:18%; width:560px; } .hero-copy { max-width:760px; } .challenge-body,.network-layout,.pilot,.scale-copy,.partnership { gap:48px; grid-template-columns:1fr; } }
@media (max-width:680px) { .site-header { min-height:76px; padding:8px 18px; } .brand { height:54px; width:100px; } .brand img { height:54px; width:96px; } .stealth-badge { max-width:165px; padding:10px 13px; text-align:center; } .hero { min-height:calc(100svh - 76px); padding:64px 22px 30px; } .network-orbit { right:-260px; top:22%; width:520px; } h1 { font-size:clamp(48px,15vw,68px); } .resource-grid { grid-template-columns:1fr; } .digital-backbone { grid-template-columns:1fr; } .backbone-visual { height:160px; } .scale-number { margin-left:-4px; } .impact-line { grid-template-columns:1fr; } .impact-line span { border-bottom:1px solid var(--line); border-right:0; } .partner-lockup { gap:10px; } footer { grid-template-columns:1fr; justify-items:center; } footer>a:last-child,footer p { text-align:center; } }