:root{--black:#070b0e;--panel:#0e171b;--white:#e8f0ec;--mint:#9af3d0;--orange:#ffb45b;--blue:#63a9ff;--line:rgba(232,240,236,.18);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.signal :focus-visible,.walkthrough :focus-visible{outline-color:#0a3b2e}.skip{position:fixed;top:-6rem;left:1rem;z-index:100;display:flex;align-items:center;min-height:44px;background:white;color:#111;padding:.8rem 1.1rem}.skip:focus{top:1rem}.concept{position:fixed;z-index:60;right:1rem;bottom:1rem;display:flex;align-items:center;min-height:44px;gap:.55rem;padding:.65rem .85rem;border:1px solid var(--line);background:rgba(7,11,14,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.62rem;letter-spacing:.08em}.concept span{color:var(--mint)}header{position:absolute;z-index:20;top:0;width:100%;padding:1.35rem 3vw;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.18)}.logo,header{display:flex;align-items:center}.logo{min-height:44px;gap:.65rem;font-size:.73rem;font-weight:800;letter-spacing:.15em}.logo i{width:22px;height:22px;border:1px solid var(--mint);border-radius:50%;position:relative}.logo i:after{content:"";position:absolute;left:3px;right:3px;top:50%;height:1px;background:var(--mint);transform:rotate(-25deg)}nav{display:flex;align-items:center;gap:2rem;font-size:.61rem;letter-spacing:.13em;text-transform:uppercase}nav a:not(.demo){display:inline-flex;align-items:center;min-height:44px;transition:color .18s ease}.demo,nav a:not(.demo):hover{color:var(--mint)}.demo{display:inline-flex;align-items:center;min-height:44px;padding:.72rem .95rem;border:1px solid var(--mint);transition:background .18s ease,color .18s ease}.demo:hover{background:var(--mint);color:var(--black)}.hero{position:relative;min-height:100svh;overflow:hidden;display:flex;align-items:flex-end;padding:7rem 5vw 7vh}.hero>picture,.hero>picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero>picture img{animation:earth 20s ease-in-out infinite alternate}.hero:after{content:"";background:linear-gradient(90deg,rgba(4,9,12,.74),rgba(4,9,12,.16) 66%,rgba(4,9,12,.08)),linear-gradient(180deg,rgba(4,9,12,.58),rgba(4,9,12,0) 24%),linear-gradient(0deg,rgba(4,9,12,.7),rgba(4,9,12,0) 52%)}.hero-grid,.hero:after{position:absolute;inset:0}.hero-grid{z-index:2;background-image:linear-gradient(rgba(154,243,208,.075) 1px,transparent 0),linear-gradient(90deg,rgba(154,243,208,.075) 1px,transparent 0);background-size:7.5vw 7.5vw;-webkit-mask-image:linear-gradient(100deg,#000,rgba(0,0,0,.35) 45%,transparent 82%);mask-image:linear-gradient(100deg,#000,rgba(0,0,0,.35) 45%,transparent 82%)}.hero-copy{position:relative;z-index:3;width:100%}.eyebrow,.hero-copy>p{font-size:.61rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--mint)}.change h2,.hero h1,.signal h2,.walkthrough h2{font-weight:500;letter-spacing:-.075em}.hero h1{font-size:clamp(4.4rem,9.8vw,10.5rem);line-height:.84;margin:1.2rem 0 2.5rem;text-transform:uppercase;text-wrap:balance}.hero h1 em{font-style:normal;color:var(--mint)}.hero-copy>div{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem}.hero-copy>div p{max-width:500px;line-height:1.6;color:rgba(232,240,236,.75)}.hero-copy>div a{display:flex;align-items:flex-end;min-height:44px;gap:4rem;border-bottom:1px solid var(--mint);padding-bottom:.5rem;color:var(--mint);font-size:.61rem;text-transform:uppercase;letter-spacing:.13em;transition:opacity .18s ease}.hero-copy>div a:hover{opacity:.7}.telemetry{left:5vw;right:5vw;top:6.4rem;display:flex;justify-content:space-between;gap:1rem;font-family:monospace;font-size:.58rem;color:var(--mint);text-shadow:0 1px 6px rgba(4,9,12,.85)}.orbit,.telemetry{position:absolute;z-index:3}.orbit{right:8vw;top:23%;width:210px;height:210px;border:1px solid rgba(154,243,208,.45);border-radius:50%;animation:spin 16s linear infinite}.orbit i{position:absolute;left:50%;top:50%;width:270px;height:1px;background:rgba(154,243,208,.4);transform:translate(-50%,-50%) rotate(24deg)}.orbit i:nth-child(2){transform:translate(-50%,-50%) rotate(92deg)}.orbit span{right:-10px;top:43%;font-size:.58rem;color:var(--mint)}.altitude,.orbit span{position:absolute;font-family:monospace;text-shadow:0 1px 6px rgba(4,9,12,.85)}.altitude{z-index:3;right:2vw;top:55%;height:30%;display:flex;flex-direction:column;align-items:center;font-size:.54rem}.altitude i{width:1px;flex:1 1;margin:.5rem 0;background:repeating-linear-gradient(0deg,var(--mint) 0 1px,transparent 1px 8px)}.altitude b{font-weight:400}.signal{padding:10rem 5vw;background:var(--white);color:var(--black)}.signal-head{display:grid;grid-template-columns:.5fr 1.5fr}.change h2,.signal h2,.walkthrough h2{font-size:clamp(min(2.85rem,12.6vw),6.6vw,7.2rem);line-height:1;margin:0;text-wrap:balance}.walkthrough h2{font-size:clamp(min(2.75rem,11.2vw),5.1vw,5.5rem)}.signal .eyebrow{color:#2d6e5d}.pipeline{display:grid;grid-template-columns:repeat(3,1fr);margin-top:7rem;border-top:1px solid rgba(7,11,14,.25)}.pipeline article{min-height:390px;padding:1.5rem 2rem 2rem 0;border-right:1px solid rgba(7,11,14,.2)}.pipeline article+article{padding-left:2rem}.pipeline article>span{font-family:monospace;font-size:.65rem}.pipeline h3{font-size:clamp(1.9rem,2.9vw,2.4rem);margin:3rem 0 1rem}.pipeline p{line-height:1.65;max-width:320px;color:#58605d}.decision-icon,.orbital-icon,.pulse-icon{height:100px;position:relative;margin-top:3rem;max-width:300px}.orbital-icon i{width:95px;height:95px;border:1px solid #111}.orbital-icon b,.orbital-icon i{position:absolute;border-radius:50%}.orbital-icon b{left:72px;top:20px;width:12px;height:12px;background:var(--orange)}.pulse-icon i{position:absolute;left:20%;top:50%;width:14px;height:14px;border-radius:50%;background:#2d6e5d;transform:translate(-50%,-50%)}.pulse-icon i:nth-child(2){left:50%;width:23px;height:23px}.pulse-icon i:nth-child(3){left:78%;width:8px;height:8px}.pulse-icon:after{content:"";position:absolute;left:20%;right:22%;top:50%;border-top:1px dashed #111}.decision-icon{display:flex;gap:8px;align-items:center}.decision-icon i{width:23%;height:70px;border:1px solid #111}.decision-icon i:nth-child(2){height:95px;background:var(--mint)}.change{padding:10rem 3vw 5rem;background:var(--panel)}.change-head{display:grid;grid-template-columns:1fr .3fr;align-items:flex-end;margin:0 2vw 4rem}.readout{font-family:monospace}.readout span{display:block;font-size:.57rem;color:var(--mint)}.readout strong{display:block;font-size:3rem;margin:.5rem 0}.readout i{display:block;height:3px;background:linear-gradient(90deg,var(--mint) var(--confidence,92%),rgba(255,255,255,.2) var(--confidence,92%))}.map-stage{height:min(72vw,780px);min-height:590px;position:relative;overflow:hidden;border:1px solid var(--line);background:#152a2a}.map-stage:has(>input:focus-visible){outline:2px solid var(--mint);outline-offset:3px}.map-stage img,.map-stage picture{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.before{z-index:2;inset:0;-webkit-clip-path:inset(0 calc(100% - var(--year)) 0 0);clip-path:inset(0 calc(100% - var(--year)) 0 0);filter:grayscale(1) contrast(.9) brightness(.75)}.before,.scan{position:absolute}.scan{z-index:7;left:var(--year);top:0;bottom:0;width:2px;background:var(--mint);pointer-events:none}.map-stage:has(>input:focus-visible) .scan{width:4px;box-shadow:0 0 0 1px rgba(4,9,12,.75)}.map-stage:has(>input:focus-visible) .scan span{box-shadow:0 0 0 4px rgba(154,243,208,.35)}.scan span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:var(--mint);color:#111;font-weight:900}.map-stage>label{position:absolute;top:0;left:0;width:1px;height:1px;margin:-1px;padding:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.map-stage>input{position:absolute;z-index:8;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.date{position:absolute;z-index:6;top:1rem;padding:.55rem;background:rgba(7,11,14,.8);font-family:monospace;font-size:.6rem}.before-date{left:1rem}.after-date{right:1rem}.overlay{position:absolute;z-index:5;inset:0;pointer-events:none}.built i{position:absolute;width:8%;height:12%;border:2px solid var(--orange);background:rgba(255,180,91,.16)}.built i:first-child{left:58%;top:22%}.built i:nth-child(2){left:72%;top:55%;width:12%}.built i:nth-child(3){left:48%;top:68%;height:8%}.veg i{position:absolute;border:2px solid var(--mint);border-radius:50%;width:18%;height:22%;left:20%;top:25%;background:rgba(154,243,208,.12)}.veg i:nth-child(2){left:34%;top:58%;width:13%;height:16%}.water i{position:absolute;border:2px solid var(--blue);background:rgba(99,169,255,.15);border-radius:64% 36% 46% 54%/38% 62% 38% 62%}.water i:first-child{left:2%;top:44%;width:15%;height:26%}.water i:nth-child(2){left:72%;top:58%;width:17%;height:24%}.target{position:absolute;z-index:6;left:58%;top:35.5%;display:flex;gap:.7rem;align-items:center;color:var(--orange);font-family:monospace;font-size:.55rem;line-height:1.55}.target i{flex:none;width:16px;height:16px;border:1px solid var(--orange);animation:pulse 2s infinite}.target span{padding:.35rem .5rem;border:1px solid rgba(255,180,91,.4);background:rgba(4,9,12,.82);white-space:nowrap}.layers{display:flex;align-items:center;gap:1rem;padding:1rem 0}.layers>span{margin-right:auto;font-family:monospace;font-size:.6rem;color:#aaa}.layers button{display:flex;align-items:center;min-height:44px;gap:.6rem;padding:.7rem .85rem;border:1px solid var(--line);background:transparent;color:#aaa;font-size:.6rem;cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease}.layers button:hover{color:var(--white);border-color:rgba(232,240,236,.4)}.layers button.active{color:white;border-color:rgba(154,243,208,.45);background:rgba(154,243,208,.07)}.layers button i{flex:none;width:8px;height:8px;border-radius:50%}.layers button b{font-family:monospace;font-size:.52rem}.use{padding:10rem 5vw;background:#111b1f}.use>div{display:grid;grid-template-columns:repeat(3,1fr);margin-top:4rem;border-top:1px solid var(--line)}.use article{display:flex;flex-direction:column;padding:2rem 2.5rem 3rem 0;border-right:1px solid var(--line)}.use article+article{padding-left:2.5rem}.use article>span{font-family:monospace;color:var(--mint)}.use h3{font-size:clamp(1.9rem,3.1vw,2.6rem);margin:5rem 0 1rem}.use article p{min-height:90px;line-height:1.65;color:#95a09c}.use article a{display:inline-flex;align-items:flex-end;align-self:flex-start;min-height:44px;margin-top:auto;padding-top:2rem;padding-bottom:.4rem;border-bottom:1px solid var(--mint);color:var(--mint);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;transition:opacity .18s ease}.use article a:hover{opacity:.7}.walkthrough{min-height:90vh;padding:10rem 7vw;background:var(--mint);color:var(--black);display:grid;grid-template-columns:1fr 1fr;grid-gap:8vw;gap:8vw;align-items:center}.walkthrough .eyebrow{color:#27604f}.walkthrough>div>p:last-child{max-width:390px;line-height:1.6}.walkthrough form label{display:block;margin:1.2rem 0 .5rem;font-size:.61rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.walkthrough input,.walkthrough select{width:100%;padding:1rem 0;border:0;border-bottom:1px solid #111;background:transparent;color:#111}.walkthrough input:focus-visible,.walkthrough select:focus-visible{outline-offset:2px}.success button,.walkthrough form>button{display:flex;justify-content:space-between;gap:1rem;width:100%;margin-top:2rem;padding:1.1rem;border:0;background:var(--black);color:white;cursor:pointer;transition:background .18s ease}.success button:hover,.walkthrough form>button:hover{background:#153b31}.success button:active,.walkthrough form>button:active{background:#0d241e}.walkthrough small{display:block;margin-top:.8rem}.success{padding:2.5rem}.radar,.success{border:1px solid #111}.radar{width:100px;height:100px;position:relative;border-radius:50%;overflow:hidden}.radar:after,.radar:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#111}.radar:after{left:0;right:0;top:50%;width:auto;height:1px}.radar i{position:absolute;left:50%;top:50%;width:50%;height:1px;background:#111;transform-origin:left;animation:spin 3s linear infinite}.success h3{font-size:2.3rem}.success p{line-height:1.6}.success button{width:auto}footer{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem 3vw 5rem;background:var(--black);font-size:.61rem}footer .logo{flex:none}footer p{margin:0;color:#8e9995}footer p a{padding:1.15rem .75rem;margin:0 -.75rem;text-decoration:underline}footer p a:hover{color:var(--mint)}@keyframes earth{to{transform:scale(1.04)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{transform:scale(1.5);opacity:.4}}@media(max-width:800px){header{padding:1.2rem}nav a:not(.demo){display:none}.hero{padding:7rem 1.2rem 5rem}.hero h1{font-size:clamp(2.4rem,14.5vw,6.2rem);margin:1rem 0 2rem}.hero:after{background:linear-gradient(180deg,rgba(4,9,12,.6),rgba(4,9,12,0) 26%),linear-gradient(0deg,rgba(4,9,12,.86),rgba(4,9,12,.42) 38%,rgba(4,9,12,0) 74%)}.hero-grid{background-size:16vw 16vw;-webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.4) 32%,transparent 52%);mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.4) 32%,transparent 52%)}.hero-copy>div{display:grid;grid-gap:1.5rem;gap:1.5rem}.hero-copy>div a{justify-content:space-between;gap:1rem}.telemetry{left:1.2rem;right:1.2rem}.altitude,.orbit,.telemetry span:nth-child(2){display:none}.signal{padding:7rem 1.2rem}.signal-head{gap:1rem}.pipeline,.signal-head{grid-template-columns:1fr}.pipeline article,.pipeline article+article{min-height:0;padding:2rem 0;border-right:0;border-bottom:1px solid rgba(7,11,14,.2)}.pipeline h3{margin:2rem 0 1rem}.change{padding:7rem 1rem 3rem}.change-head{grid-template-columns:1fr;gap:2rem}.map-stage{min-height:65vh;height:65vh}.built i{width:22%;height:11%}.built i:first-child{left:58%;top:22%}.built i:nth-child(2){left:62%;top:55%;width:30%;height:9%}.built i:nth-child(3){left:44%;top:68%;height:8%}.veg i{width:40%;height:16%;left:16%;top:25%}.veg i:nth-child(2){left:32%;top:58%;width:30%;height:12%}.water i:first-child{left:2%;top:46%;width:30%;height:13%}.water i:nth-child(2){left:56%;top:66%;width:32%;height:13%}.target{left:22%;top:44.5%}.layers{flex-wrap:wrap;gap:.6rem}.layers>span{display:none}.layers button{flex:1 1 auto;justify-content:center}.use{padding:7rem 1.2rem}.use>div{grid-template-columns:1fr}.use article,.use article+article{padding:2rem 0;border-right:0;border-bottom:1px solid var(--line)}.use h3{margin:2rem 0 1rem}.walkthrough{padding:7rem 1.2rem;grid-template-columns:1fr}.concept{right:.7rem;bottom:.7rem}footer{flex-direction:column;align-items:flex-start;gap:2rem;padding:2rem 1.2rem 6rem}}@media(max-height:540px) and (orientation:landscape){header{padding:.9rem 3vw}.hero{padding:5.2rem 5vw 4.6rem}.hero h1{font-size:clamp(2.6rem,7.4vw,5rem);margin:.7rem 0 1.2rem}.eyebrow,.hero-copy>p{font-size:.58rem}.hero-copy>div p{line-height:1.5}.telemetry{top:4.4rem}.altitude{display:none}.orbit{width:145px;height:145px;top:26%;right:6vw}.orbit i{width:185px}.map-stage{height:min(72vw,560px);min-height:0}.walkthrough{min-height:0;padding:6rem 7vw}.signal,.use{padding:6rem 5vw}.change{padding:6rem 3vw 4rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero>picture img{animation:none;transform:none}.orbit,.radar i,.target i{animation:none}.radar i{transform:rotate(-38deg)}}