:root{--bg:#06100d;--panel:#0a1a16;--ink:#eef5f1;--muted:#81958e;--line:#1d3830;--green:#91f5b7;--teal:#38d6c4;--orange:#ffb45f;--blue:#70bfff}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif}.site-header{position:fixed;z-index:20;top:0;left:0;right:0;height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 5vw;border-bottom:1px solid #203a32;background:#06100ddf;backdrop-filter:blur(18px)}.logo{display:flex;align-items:center;gap:11px;color:white;text-decoration:none;font-weight:800;letter-spacing:.03em}.logo small{display:block;color:#82968e;font:500 7px DM Mono;letter-spacing:.2em}.logo-mark{position:relative;width:32px;height:32px;border:1px solid #38594e;border-radius:9px;transform:rotate(45deg)}.logo-mark i{position:absolute;width:16px;height:1px;background:var(--green);left:7px;top:15px}.logo-mark i:nth-child(2){transform:rotate(60deg)}.logo-mark i:nth-child(3){transform:rotate(120deg)}.site-header nav{display:flex;gap:34px}.site-header nav a,.portal-link{color:#8ca098;text-decoration:none;font-size:10px;font-weight:600}.site-header nav a:hover{color:white}.portal-link{justify-self:end;border:1px solid #365247;border-radius:6px;padding:9px 13px;color:#c7d7d1}.portal-link span{color:var(--green);margin-left:7px}.menu{display:none;background:none;border:0;color:white;font-size:20px}.hero{min-height:100vh;padding:150px 6vw 70px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 42%,#123b31 0,transparent 34%),linear-gradient(135deg,#06100d,#081713)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#b6f7d708 1px,transparent 1px),linear-gradient(90deg,#b6f7d708 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,black 20%,transparent)}.hero-copy{position:relative;z-index:3;max-width:670px}.kicker,.section-index{color:#7f9a90;font:500 9px DM Mono;letter-spacing:.18em}.kicker span{display:inline-block;width:24px;height:1px;background:var(--green);vertical-align:middle;margin-right:9px}.hero h1{font-size:clamp(56px,7vw,112px);line-height:.88;letter-spacing:-.07em;margin:24px 0 30px}.hero h1 em{color:var(--green);font-style:normal}.lede{max-width:590px;color:#9cafaa;font-size:16px;line-height:1.7}.hero-actions{display:flex;gap:10px;margin-top:32px}.button{border-radius:7px;padding:13px 18px;text-decoration:none;font:700 11px Manrope;cursor:pointer}.button.primary{border:0;background:var(--green);color:#082116}.button.primary span{margin-left:14px}.button.secondary{border:1px solid #395249;background:#0b1915;color:#c2d1cc}.proof{display:flex;gap:27px;margin-top:54px}.proof span{color:#768e85;font:500 8px DM Mono}.proof b{display:block;color:#e7f1ed;font-size:14px;margin-bottom:4px}.hero-visual{position:relative;height:650px;z-index:2}.radar-ring{position:absolute;border:1px solid #81dfac2e;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.r1{width:280px;height:280px}.r2{width:460px;height:460px}.r3{width:640px;height:640px}.scan{position:absolute;width:300px;height:300px;left:50%;top:50%;transform-origin:0 0;background:conic-gradient(from 0deg,#8df0b62b,transparent 30deg);animation:scan 7s linear infinite}.ship{position:absolute;left:50%;top:50%;width:160px;height:260px;transform:translate(-50%,-50%)}.hull{position:absolute;left:34px;top:25px;width:92px;height:225px;background:linear-gradient(90deg,#21362f,#60746c 48%,#192a24);clip-path:polygon(35% 0,65% 0,100% 78%,72% 100%,28% 100%,0 78%);filter:drop-shadow(0 18px 24px #000)}.deck{position:absolute;left:48px;top:70px;width:64px;height:122px;border:1px solid #85968f;background:#263e36}.bridge{position:absolute;left:55px;top:92px;width:50px;height:45px;background:#a7b6b0;border:4px solid #31473f}.mast{position:absolute;left:78px;top:55px;width:3px;height:43px;background:#b4c0bb}.drone,.contact{position:absolute;display:flex;gap:9px;align-items:center;color:var(--green)}.drone>div,.contact>i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#102c23;border:1px solid #48826a;box-shadow:0 0 0 7px #8dffbc0a}.drone span,.contact span{font:600 8px DM Mono;white-space:nowrap;background:#071511df;border:1px solid #29463d;padding:7px 9px;border-radius:5px}.drone small,.contact small{display:block;color:#728d83;margin-top:3px}.drone-a{left:15%;top:31%}.drone-b{right:11%;bottom:22%;color:var(--blue)}.drone-b>div{border-color:#3d647a}.contact{right:5%;top:25%;color:var(--orange)}.contact>i{font-style:normal;border-color:#9a6532;background:#3b2818}.contact span{border-color:#704a27}.orbit-label{position:absolute;left:50%;bottom:3%;transform:translateX(-50%);color:#567268;font:500 8px DM Mono;letter-spacing:.15em}.scroll-cue{position:absolute;bottom:27px;left:6vw;color:#526c62;font:500 7px DM Mono;letter-spacing:.16em}.scroll-cue i{display:inline-block;width:70px;height:1px;background:#38534a;margin-left:10px;vertical-align:middle}.statement{padding:140px 7vw;background:#081410}.statement>h2,.operation h2,.platform h2,.resilience h2,.details h2,.cta h2{font-size:clamp(38px,5vw,72px);line-height:1;letter-spacing:-.055em;margin:20px 0 28px}.statement>p:not(.section-index){max-width:690px;color:#90a39c;font-size:14px;line-height:1.8}.system-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid var(--line)}.system-grid article{min-height:310px;padding:27px 26px;border-right:1px solid var(--line);position:relative}.system-grid article:last-child{border:0}.system-grid article>span{color:#526e64;font:500 8px DM Mono}.icon-orbit{height:95px;display:grid;place-items:center;color:var(--green);font-size:38px;position:relative}.icon-orbit i{position:absolute;font-style:normal;font-size:13px;top:27px;right:35%}.system-grid h3{font-size:14px}.system-grid p{color:#7f948c;font-size:10px;line-height:1.7}.operation{padding:130px 7vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center;background:#050d0b}.operation-copy>p:not(.section-index){color:#879b94;font-size:13px;line-height:1.7;max-width:500px}.steps{list-style:none;padding:0;margin:40px 0 0}.steps li{display:flex;gap:18px;border-top:1px solid #1b312a;padding:18px 0;opacity:.47}.steps li.active{opacity:1}.steps li b{color:var(--green);font:500 9px DM Mono}.steps strong{display:block;font-size:12px}.steps span{display:block;color:#7b9088;font-size:9px;line-height:1.5;margin-top:4px}.cycle-stage{height:640px;position:relative;background:radial-gradient(circle,#163e33,#081713 55%,transparent 56%)}.cycle-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px dashed #477366;border-radius:50%}.cycle-circle.outer{width:560px;height:560px}.cycle-circle.inner{width:310px;height:310px}.cycle-ship{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:62px;color:#abc0b8;text-align:center}.cycle-ship small{display:block;color:#617c72;font:500 8px DM Mono;margin-top:9px}.cycle-node{position:absolute;display:flex;gap:10px;color:var(--green);font-size:26px}.cycle-node span{color:white;font:600 9px DM Mono}.cycle-node small{display:block;color:#6f887f;margin-top:4px}.cycle-node.flying{left:11%;top:26%}.cycle-node.charging{right:9%;bottom:26%;color:var(--blue)}.handoff-line{position:absolute;width:55%;height:1px;left:23%;top:52%;background:linear-gradient(90deg,var(--green),transparent,var(--blue));transform:rotate(34deg)}.cycle-status{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);color:#7b958c;font:500 8px DM Mono;white-space:nowrap}.cycle-status span{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 10px var(--green);margin-right:7px}.platform{padding:130px 7vw;background:#081410}.platform-heading{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:end}.platform-heading>p{color:#879b94;font-size:13px;line-height:1.8;max-width:500px}.dashboard-tabs{display:flex;justify-content:flex-end;gap:5px;margin:50px 0 12px}.dashboard-tabs button{border:1px solid var(--line);background:#0b1b17;color:#7d938b;border-radius:6px;padding:9px 13px;font:700 9px Manrope;cursor:pointer}.dashboard-tabs button.active{background:#18372d;color:var(--green);border-color:#35604f}.dashboard-frame{height:580px;border:1px solid #29483e;border-radius:12px;background:#07120f;display:grid;grid-template-columns:64px 1fr 250px;overflow:hidden;box-shadow:0 40px 100px #0008}.dashboard-frame[hidden]{display:none}.dash-sidebar{border-right:1px solid #1c332c;display:flex;flex-direction:column;align-items:center;gap:20px;padding:18px 0}.mini-logo{width:31px;height:31px;border:1px solid #396052;border-radius:8px;display:grid;place-items:center;color:var(--green);font:700 8px DM Mono}.dash-sidebar i{font-style:normal;color:#5b776d}.dash-sidebar i.active{color:var(--green)}.dash-main{padding:22px}.dash-top{display:flex;justify-content:space-between;color:#8ba198;font:500 8px DM Mono}.dash-top b{color:var(--green);font-weight:500}.dash-metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #1c382f;border-radius:8px;margin:22px 0}.dash-metrics span{padding:14px;color:#617d72;font:500 7px DM Mono;border-right:1px solid #1c382f}.dash-metrics span:last-child{border:0}.dash-metrics strong{display:block;color:white;font-size:16px;margin:5px 0}.dash-metrics small{color:#789086}.dash-map{height:420px;position:relative;overflow:hidden;background:#0a2822}.mini-grid{position:absolute;inset:0;background-image:linear-gradient(#a3decf0c 1px,transparent 1px),linear-gradient(90deg,#a3decf0c 1px,transparent 1px);background-size:34px 34px}.mini-ring{position:absolute;width:290px;height:290px;border:1px dashed #65af8e;left:45%;top:50%;transform:translate(-50%,-50%);border-radius:50%}.mini-ship,.mini-drone,.mini-alert{position:absolute;color:var(--green);font-size:20px}.mini-ship{left:44%;top:48%}.mini-drone{left:25%;top:29%}.mini-alert{right:20%;top:28%;color:var(--orange)}.mini-ship b,.mini-drone b,.mini-alert b{font:600 7px DM Mono;margin-left:5px}.dash-alert{border-left:1px solid #1c332c;padding:28px 20px;background:#091713}.dash-alert>span{color:var(--orange);font:500 8px DM Mono}.dash-alert h3{font-size:14px;line-height:1.35;margin:18px 0 8px}.dash-alert p{color:#7c9189;font-size:9px;line-height:1.6}.dash-alert button{background:#392719;color:#ffc17a;border:1px solid #754d28;border-radius:5px;padding:8px 10px;font:700 8px Manrope}.dash-map.fleet{background:radial-gradient(circle,#164338,#09251f 60%)}.fp{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 7px #8dffbc10}.fp.p1{left:20%;top:28%}.fp.p2{left:48%;top:35%}.fp.p3{left:68%;top:57%}.fp.p4{left:34%;top:70%}.fp.alert{background:var(--orange)}.shore-center{position:absolute;right:12%;bottom:18%;color:var(--blue);font-size:24px}.shore-center b{font:600 7px DM Mono;margin-left:5px}.resilience{padding:140px 7vw;display:grid;grid-template-columns:1fr 1.2fr;gap:9vw;align-items:center;background:#06100d}.resilience-copy>p:not(.section-index){color:#879b94;font-size:13px;line-height:1.8;max-width:560px}.text-link{display:inline-block;margin-top:20px;color:var(--green);font-size:10px;text-decoration:none}.text-link span{margin-left:10px}.data-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:11px;position:relative}.flow-node{height:160px;border:1px solid var(--line);background:#0a1a16;border-radius:9px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.flow-node i{font-style:normal;color:var(--green);font-size:25px}.flow-node span{font:600 8px DM Mono;margin-top:12px}.flow-node small{display:block;color:#668078;font-size:6px;margin-top:5px}.data-flow>b{color:#4f7065}.data-flow>b.dashed{color:var(--blue)}.connectivity{position:absolute;bottom:-33px;left:0;right:0;text-align:center;color:#526e64;font:500 7px DM Mono;letter-spacing:.08em}.details{padding:120px 7vw;display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw;background:#081410}.accordion button{width:100%;display:grid;grid-template-columns:40px 1fr auto;text-align:left;align-items:center;border:0;border-top:1px solid var(--line);background:transparent;color:white;padding:23px 0;cursor:pointer}.accordion button span{color:#58746a;font:500 8px DM Mono}.accordion button strong{font-size:13px}.accordion button i{font-style:normal;color:var(--green);font-size:18px}.accordion button+div{display:none;color:#82968e;font-size:10px;line-height:1.7;padding:0 40px 20px}.accordion button.open+div{display:block}.accordion button.open i{transform:rotate(45deg)}.cta{text-align:center;padding:150px 20px;background:radial-gradient(circle at 50% 100%,#174d3b,#06100d 55%);border-top:1px solid var(--line)}.cta h2{font-size:clamp(50px,7vw,98px)}.cta>p:not(.kicker){color:#8ca098}.cta>div{display:flex;justify-content:center;gap:9px;margin-top:30px}footer{display:grid;grid-template-columns:1fr auto auto 1fr;align-items:center;gap:50px;padding:40px 5vw;border-top:1px solid var(--line);color:#71887f;font-size:9px}footer>div{display:flex;gap:20px}footer a{color:#869a92;text-decoration:none}footer>small{justify-self:end}.toast{position:fixed;right:24px;bottom:24px;z-index:30;background:#e1fbed;color:#092218;padding:13px 17px;border-radius:8px;font-size:10px;font-weight:700;opacity:0;transform:translateY(80px);transition:.3s}.toast.show{opacity:1;transform:none}@keyframes scan{to{transform:rotate(360deg)}}@media(max-width:1050px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding-top:40px}.hero-visual{height:570px}.system-grid{grid-template-columns:repeat(2,1fr)}.system-grid article:nth-child(2){border-right:0}.operation{grid-template-columns:1fr}.cycle-stage{height:600px}.dashboard-frame{grid-template-columns:55px 1fr}.dash-alert{display:none}.resilience{grid-template-columns:1fr}.details{grid-template-columns:1fr}.data-flow{margin-top:30px}footer{grid-template-columns:1fr 1fr}footer>small{justify-self:end}}@media(max-width:700px){.site-header{height:65px;padding:0 18px}.portal-link{font-size:0}.portal-link:before{content:"PORTAL";font-size:8px}.menu{display:none}.hero{padding:115px 20px 50px}.hero h1{font-size:58px}.hero-visual{height:470px}.r3{width:440px;height:440px}.r2{width:330px;height:330px}.r1{width:220px;height:220px}.ship{transform:translate(-50%,-50%) scale(.75)}.drone-a{left:1%}.drone-b{right:2%}.contact{right:0;top:17%}.proof{gap:15px}.statement,.operation,.platform,.resilience,.details{padding:90px 20px}.system-grid{grid-template-columns:1fr}.system-grid article{border-right:0;border-bottom:1px solid var(--line);min-height:250px}.platform-heading{grid-template-columns:1fr}.dashboard-frame{height:480px;grid-template-columns:42px 1fr}.dash-main{padding:12px}.dash-metrics span{padding:8px}.dash-metrics span:nth-child(3){display:none}.dash-metrics{grid-template-columns:1fr 1fr}.dash-map{height:350px}.data-flow{grid-template-columns:1fr 1fr}.data-flow>b{display:none}.flow-node{height:130px}.connectivity{bottom:-42px}.cta h2{font-size:54px}.cta>div{flex-direction:column;align-items:center}footer{grid-template-columns:1fr;text-align:center}footer .logo{justify-content:center}footer>div{justify-content:center}footer>small{justify-self:center}.proof{flex-wrap:wrap}.cycle-circle.outer{width:420px;height:420px}.cycle-circle.inner{width:240px;height:240px}.cycle-stage{height:480px}.cycle-node.flying{left:2%}.cycle-node.charging{right:0}.dashboard-tabs{justify-content:flex-start}}