:root{--ink:#07100f;--green:#8dffbf;--acid:#d8ff4f;--paper:#e9eee8;--muted:#98a39f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font:16px/1.65 Arial,Helvetica,sans-serif}header{height:84px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #20302b}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-weight:900;letter-spacing:.12em}.brand img{width:44px;height:auto}.brand small{display:block;color:var(--green);font-size:.55rem}nav{display:flex;gap:28px}nav a,footer a{color:#c8d1ce;text-decoration:none;font-size:.78rem;font-weight:800}.hero{min-height:760px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:100px max(24px,calc((100vw - 1240px)/2))}.grid{position:absolute;inset:0;opacity:.17;background-image:linear-gradient(#58806f 1px,transparent 1px),linear-gradient(90deg,#58806f 1px,transparent 1px);background-size:55px 55px;mask-image:radial-gradient(circle at 75% 50%,#000,transparent 70%)}.hero-copy{position:relative;z-index:2}.kicker{color:var(--green);font-size:.7rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.hero h1,.system h2,.lab-notes h2{margin:20px 0;font:clamp(4.5rem,9vw,8.8rem)/.86 Impact,"Arial Black",sans-serif;text-transform:uppercase;letter-spacing:-.02em}.hero h1 em{color:var(--acid);font-style:normal}.hero-copy>p:not(.kicker){max-width:650px;color:#b9c4c0;font-size:1.17rem}.button{display:inline-flex;margin-top:22px;padding:15px 21px;border-radius:999px;background:var(--acid);color:#07100f;text-decoration:none;font-weight:900}.simulation{position:relative;width:min(43vw,540px);aspect-ratio:1;justify-self:end}.simulation::before,.simulation::after,.core{content:"";position:absolute;border:1px solid #4e7d69;inset:8%;border-radius:50%;animation:spin 18s linear infinite}.simulation::after{inset:22%;border-style:dashed;animation-direction:reverse}.core{inset:36%;background:radial-gradient(circle at 35% 30%,var(--acid),#2db975 45%,#07100f 72%);box-shadow:0 0 80px rgba(141,255,191,.25)}.simulation i{position:absolute;width:45px;height:70px;background:linear-gradient(145deg,#84ffc0,#173c31);clip-path:polygon(20% 0,100% 17%,82% 100%,0 75%)}.simulation i:nth-of-type(1){left:10%;top:18%;transform:rotate(32deg)}.simulation i:nth-of-type(2){right:4%;top:34%;transform:rotate(80deg)}.simulation i:nth-of-type(3){left:23%;bottom:5%;transform:rotate(145deg)}.simulation i:nth-of-type(4){right:23%;bottom:12%;transform:rotate(220deg)}.simulation i:nth-of-type(5){left:0;top:58%;transform:rotate(260deg)}.simulation i:nth-of-type(6){right:26%;top:3%;transform:rotate(310deg)}@keyframes spin{to{transform:rotate(360deg)}}.system,.principles,.lab-notes{padding:120px max(24px,calc((100vw - 1240px)/2))}.system{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1.1fr .9fr;gap:9vw}.system h2,.lab-notes h2{font-size:clamp(3.5rem,7vw,6.5rem)}.system-copy{font-size:1.1rem}.status{display:flex;align-items:center;gap:10px;margin-top:35px;padding-top:25px;border-top:1px solid #b8c3bc}.status span{width:10px;height:10px;border-radius:50%;background:#28c576;box-shadow:0 0 0 6px rgba(40,197,118,.15)}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}.principle-grid article{border:1px solid #2a3a35;border-radius:18px;padding:30px;background:#0b1714}.principle-grid b{color:var(--green)}.principle-grid h3{font-size:2rem;margin:20px 0 8px}.principle-grid p{color:var(--muted)}.lab-notes{background:var(--acid);color:var(--ink)}.lab-notes>p:not(.kicker){max-width:650px;font-size:1.12rem}.lab-notes .kicker{color:#326321}.lab-notes a{display:inline-block;margin-top:20px;color:#07100f;font-weight:900}footer{padding:35px max(24px,calc((100vw - 1240px)/2));display:flex;justify-content:space-between;color:#7f8c87;border-top:1px solid #20302b;font-size:.75rem}@media(max-width:760px){header nav a:not(:last-child){display:none}.hero{min-height:800px;grid-template-columns:1fr;padding-top:75px}.hero h1{font-size:4rem}.simulation{width:80vw;justify-self:center;margin-top:20px}.system{grid-template-columns:1fr}.principle-grid{grid-template-columns:1fr}.system,.principles,.lab-notes{padding-block:80px}footer{gap:20px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.simulation::before,.simulation::after{animation:none}}
