*{box-sizing:border-box}:root{--g:#75ff61;--g2:#2dca49;--bg:#010302;--panel:#071009;--line:#29432e;--text:#d8e4da;--mut:#819185}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-9;background:radial-gradient(circle at 75% 15%,#174a203d,transparent 28%),radial-gradient(circle at 12% 75%,#12321832,transparent 32%)}a{text-decoration:none;color:inherit}.scanlines,.vignette{position:fixed;inset:0;pointer-events:none;z-index:90}.scanlines{opacity:.075;background:repeating-linear-gradient(0deg,transparent 0 3px,#c0ffc0 4px)}.vignette{box-shadow:inset 0 0 190px #000}#glow{position:fixed;width:460px;height:460px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,#4cff5d14,transparent 68%);transform:translate(-50%,-50%)}
header{height:82px;position:fixed;z-index:80;top:0;left:0;right:0;display:flex;align-items:center;padding:0 4vw;background:#010302ed;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;font-size:24px}.brand b,h1 span,h2 span{color:var(--g)}.brand small{display:block;font:9px monospace;color:#627366;letter-spacing:2px}.mark{width:35px;height:35px;position:relative;display:block;border:1px solid var(--g2);transform:rotate(45deg);box-shadow:0 0 18px #45ff5540,inset 0 0 15px #45ff5520}.mark i{position:absolute;background:var(--g)}.mark i:nth-child(1){left:50%;top:7%;width:1px;height:86%}.mark i:nth-child(2){left:7%;top:50%;height:1px;width:86%}.mark i:nth-child(3){left:14px;top:14px;width:7px;height:7px;border-radius:50%;box-shadow:0 0 12px var(--g)}.mark i:nth-child(4){right:-9px;top:5px;width:15px;height:1px}.mark i:nth-child(5){left:5px;bottom:-9px;width:1px;height:15px}.mark i:nth-child(6){left:-8px;top:27px;width:13px;height:1px}nav{margin:auto;display:flex;gap:28px;color:#8c9b8f;font:10px monospace}nav a:hover{color:var(--g)}#sound,#menu{border:1px solid var(--line);background:#050a06;color:#77897b;padding:9px;font:9px monospace;cursor:pointer}#menu{display:none;font-size:18px}.status{margin-left:12px;color:var(--g);font:9px monospace}.status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--g);box-shadow:0 0 9px var(--g);animation:pulse 1.3s infinite}
.hero{min-height:100vh;position:relative;isolation:isolate;padding:140px 7vw 90px;display:grid;grid-template-columns:1.18fr .67fr;gap:6vw;align-items:center;overflow:hidden}#cube{position:absolute;inset:82px 0 0;width:100%;height:calc(100% - 82px);z-index:-5}.depth{position:absolute;z-index:-4;border:1px solid #24402a;background:repeating-linear-gradient(0deg,#09100b 0 18px,#26372a 19px 21px);transition:transform .12s linear}.d1{left:-18px;top:15%;width:68px;height:70%}.d2{right:-15px;top:12%;width:85px;height:76%}.d3{right:6%;top:18%;width:28px;height:55%;opacity:.45}.heroText small,.sectionTitle small,.collectiveCopy>small,.directive small,.contact small{color:var(--g);font:10px monospace;letter-spacing:3px}h1{font-size:clamp(58px,7.6vw,124px);line-height:.83;letter-spacing:-6px;margin:22px 0 28px}.heroText>p{max-width:700px;color:#9dac9f;font-size:20px;line-height:1.55}.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}.actions a,button.primary{padding:15px 20px;border:1px solid #435d48;background:#060b07;font:10px monospace;letter-spacing:1px}.actions a.primary,button.primary{background:var(--g);color:#041005;border-color:var(--g)}.actions a:hover{border-color:var(--g);color:var(--g)}
.command{padding:19px;background:#061008e8;border:1px solid var(--line);clip-path:polygon(0 0,92% 0,100% 8%,100% 100%,8% 100%,0 92%);box-shadow:inset 0 0 50px #000}.chead{display:flex;justify-content:space-between;padding-bottom:11px;border-bottom:1px solid var(--line);font:9px monospace}.chead b{color:var(--g)}.scope{width:250px;height:250px;margin:22px auto;border:1px solid #315239;border-radius:50%;position:relative;overflow:hidden;background:repeating-radial-gradient(circle,#26452e 0 1px,transparent 2px 42px),linear-gradient(90deg,transparent 49.7%,#315239 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,#315239 50%,transparent 50.3%)}.sweep{position:absolute;width:50%;height:50%;left:50%;top:0;transform-origin:0 100%;background:linear-gradient(35deg,transparent 55%,#5aff6b38);animation:spin 4s linear infinite}.scope>b{position:absolute;inset:0;display:grid;place-items:center;color:var(--g);font:28px monospace;text-shadow:0 0 14px var(--g)}.dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--g);box-shadow:0 0 10px var(--g)}.dot.a{left:27%;top:32%}.dot.b{right:23%;top:59%}.dot.c{left:55%;bottom:18%}.meter{display:grid;grid-template-columns:1fr 1fr 35px;gap:8px;align-items:center;margin:11px 0;font:8px monospace}.meter>i{height:3px;background:#16241a}.meter>i b{display:block;height:100%;width:var(--v);background:var(--g);box-shadow:0 0 7px var(--g)}.meter em{font-style:normal;color:var(--g)}pre{height:55px;white-space:pre-wrap;border-top:1px dashed var(--line);padding-top:10px;color:#55715b;font:8px monospace;line-height:1.6}.ticker{position:absolute;bottom:0;left:0;right:0;height:44px;overflow:hidden;display:flex;align-items:center;border-block:1px solid var(--line);background:#040805;color:#657569;font:9px monospace;white-space:nowrap}.ticker div{animation:ticker 32s linear infinite}
.section{padding:115px 7vw}.services{background:#030704}.sectionTitle{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:38px}.sectionTitle h2,.collectiveCopy h2,.contact h2{font-size:clamp(45px,5vw,78px);line-height:.9;letter-spacing:-3px;margin:12px 0}.sectionTitle p{color:#637267;font:9px monospace}.serviceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.serviceGrid article{min-height:340px;background:#070c08;position:relative;overflow:hidden;perspective:900px}.face,.detail{position:absolute;inset:0;padding:34px;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s;background:#070c08}.face>b{position:absolute;right:16px;top:15px;color:#425d47;font:9px monospace}.glyph{font:43px monospace;color:var(--g);text-shadow:0 0 16px var(--g);margin-bottom:22px}.face h3{font-size:21px;margin:0 0 13px}.face p,.detail p{font-size:15px;line-height:1.55;color:#899a8c}.face button{position:absolute;bottom:24px;left:34px;background:none;border:0;padding:0;color:var(--g);font:8px monospace;cursor:pointer}.detail{transform:rotateY(90deg);opacity:0;background:radial-gradient(circle at 80% 10%,#24592c33,transparent 35%),#09110b}.detail h4{color:var(--g);font:10px monospace;letter-spacing:2px;margin-top:30px}.detail span{position:absolute;bottom:30px;color:#607365;font:8px monospace}.serviceGrid article.open .face{transform:rotateY(-90deg);opacity:0}.serviceGrid article.open .detail{transform:rotateY(0);opacity:1}.serviceGrid article.open:after{content:"×";position:absolute;z-index:5;right:18px;top:14px;color:var(--g);font:18px monospace;cursor:pointer}
.energy{height:155px;position:relative;overflow:hidden;border-block:1px solid var(--line);background:#020503}.energy canvas{position:absolute;inset:0;width:100%;height:100%}.energy>div{position:absolute;left:7vw;top:48px;font:9px monospace;color:#647568}.energy b{display:block;color:var(--g);margin-top:9px}
.collective{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.machineScene{height:620px;border:1px solid var(--line);position:relative;overflow:hidden;background:radial-gradient(circle at 50% 38%,#1d5b2838,transparent 38%),repeating-linear-gradient(90deg,#071008 0 30px,#101a12 31px 32px)}.pipe{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(0deg,#0c150e 0 18px,#26372a 19px 21px);border:1px solid #243b29}.p1{left:22px;width:82px}.p2{right:22px;width:82px}.p3{left:125px;width:22px;opacity:.5}.alcove{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:215px;height:450px;border:2px solid #3b6042;border-radius:100px 100px 12px 12px;box-shadow:inset 0 0 45px #000,0 0 45px #4aff5c28}.drone .head{position:absolute;left:77px;top:72px;width:60px;height:72px;border-radius:48%;background:#17221a;border:1px solid #566f5a;box-shadow:inset -17px 0 #080b09}.laser{position:absolute;left:125px;top:100px;width:31px;height:6px;background:var(--g);box-shadow:0 0 15px var(--g)}.torso{position:absolute;left:51px;top:155px;width:112px;height:215px;background:linear-gradient(90deg,#0a0f0b,#28342a 45%,#090c0a);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.arm{position:absolute;top:182px;width:12px;height:170px;background:#172019}.arm.left{left:34px;transform:rotate(8deg)}.arm.right{right:34px;transform:rotate(-8deg)}.regenbar{position:absolute;left:18px;right:18px;bottom:18px;height:3px;background:#102014}.regenbar:after{content:"";display:block;width:45%;height:100%;background:var(--g);box-shadow:0 0 10px var(--g);animation:regen 2.8s ease-in-out infinite}.scenehud{position:absolute;bottom:18px;left:20px;color:#65766a;font:8px monospace;line-height:1.7}.scenehud b{color:var(--g)}.collectiveCopy>p{max-width:730px;color:#94a397;font-size:19px;line-height:1.6}.stats{display:flex;border-block:1px solid var(--line);margin:32px 0}.stats div{padding:22px 32px 22px 0;margin-right:32px}.stats b{display:block;color:var(--g);font:34px monospace}.stats span{font:8px monospace;color:#6c7d70}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips i{font:8px monospace;font-style:normal;color:#718276;border:1px solid var(--line);padding:7px 9px}
.directive{height:680px;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden;border-block:1px solid var(--line);background:#020503}.directive canvas{position:absolute;inset:0;width:100%;height:100%}.directive>div{position:relative}.directive h2{font-size:clamp(58px,8vw,122px);line-height:.82;letter-spacing:-6px;margin:25px 0}.directive p{color:#738378;font:10px monospace;letter-spacing:2px}
.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.contact>div>p{color:#91a095;line-height:1.5}form{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{font:8px monospace;color:var(--g);letter-spacing:1px}input,textarea{display:block;width:100%;margin-top:8px;padding:14px;background:#040705;color:var(--text);border:1px solid var(--line);outline:none;font:11px monospace}input:focus,textarea:focus{border-color:var(--g)}.wide{grid-column:1/-1}button.primary{cursor:pointer}footer{padding:28px 7vw;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#5d7061;font:8px monospace}
#boot{position:fixed;z-index:200;inset:0;background:#010302;display:grid;place-items:center;transition:opacity .9s,visibility .9s}#boot.done{opacity:0;visibility:hidden}#bootfx{position:absolute;inset:0;width:100%;height:100%}.bootcore{position:relative;text-align:center;width:min(680px,88vw)}.mark.huge{width:95px;height:95px;margin:0 auto 38px}.mark.huge i:nth-child(3){width:19px;height:19px;left:37px;top:37px}.bootcore small{font:10px monospace;letter-spacing:3px;color:#718277}.bootcore h2{font:22px monospace;color:var(--g);letter-spacing:2px;margin:20px}.bootcore h3{font:18px monospace;color:var(--g);text-shadow:0 0 15px #5aff6b;margin-top:32px}.bootcore p{font:8px monospace;color:#516957}.loader{height:4px;background:#102014}.loader b{display:block;height:100%;width:0;background:var(--g);box-shadow:0 0 13px var(--g);animation:load 2.7s forwards}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.3}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes load{to{width:100%}}@keyframes regen{50%{width:95%;transform:translateX(0)}100%{width:30%;transform:translateX(180%)}}@media(max-width:900px){header{padding:0 20px}.status,#sound{display:none}#menu{display:block;margin-left:auto}nav{display:none;position:absolute;top:82px;left:0;right:0;background:#010302;padding:25px;flex-direction:column}nav.open{display:flex}.hero{grid-template-columns:1fr;padding:125px 24px 80px}.command{max-width:550px}.section{padding:80px 24px}.serviceGrid{grid-template-columns:1fr 1fr}.collective,.contact{grid-template-columns:1fr}.sectionTitle{display:block}.machineScene{height:520px}footer{gap:15px;flex-wrap:wrap}}@media(max-width:580px){h1{font-size:52px;letter-spacing:-3px}.serviceGrid{grid-template-columns:1fr}.scope{width:210px;height:210px}.depth{display:none}.stats div{padding-right:11px;margin-right:11px}.stats b{font-size:24px}form{grid-template-columns:1fr}.directive h2{letter-spacing:-3px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}#boot{display:none}}