:root{--ink:#12231d;--paper:#f4f2e9;--acid:#cfff3a;--mint:#82e7b7;--line:#c9d0c7;--muted:#637169;--dark:#0d1b16;--surface:#e6e9e0;--surface-2:#d8ddd3;--diagram:#355b4b;--diagram-soft:#7c9388;--mono:"DM Mono",monospace;--display:"Space Grotesk",sans-serif;--body:"Manrope",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);overflow-x:hidden}button,input{font:inherit}a{color:inherit;text-decoration:none}.cursor-glow{position:fixed;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(216,255,62,.09),transparent 65%);pointer-events:none;z-index:20;transform:translate(-50%,-50%)}.nav-wrap{height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.15);color:#fff}.brand{font:700 16px var(--display);letter-spacing:.12em;display:flex;align-items:center;gap:10px}.brand-mark{width:28px;height:28px;display:grid;place-items:center;border:1px solid currentColor;transform:rotate(45deg);font-size:12px}.brand-mark::first-letter{transform:rotate(-45deg)}nav{display:flex;gap:34px;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase}nav a{opacity:.65;transition:.2s}nav a:hover{opacity:1}.nav-cta{font:500 11px var(--mono);text-transform:uppercase;padding:11px 15px;background:var(--acid);color:var(--ink)}.menu-btn{display:none;background:none;border:0}.section-pad{padding:120px max(5vw,40px)}.hero{min-height:760px;height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 45%,#263d35 0,#14231f 38%,#0c1512 72%);color:#fff;padding:160px 6vw 100px;display:flex;align-items:center}.hero-grid,.sim-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent)}.hero-copy{position:relative;z-index:4;width:52%}.eyebrow,.section-kicker{font:500 11px var(--mono);letter-spacing:.13em;text-transform:uppercase;display:flex;align-items:center;gap:12px;margin-bottom:34px}.section-kicker span{color:#77827b}.live-dot{width:7px;height:7px;background:var(--acid);border-radius:50%;box-shadow:0 0 0 5px rgba(216,255,62,.12)}h1,h2,h3,p{margin-top:0}h1{font:600 clamp(68px,8vw,128px)/.84 var(--display);letter-spacing:-.075em;margin-bottom:34px}h1 em{color:var(--acid);font-style:normal}.hero-lede{max-width:580px;font-size:17px;line-height:1.7;color:#b9c5bf}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.button{padding:16px 20px;font:600 12px var(--mono);text-transform:uppercase;letter-spacing:.06em}.button.primary{background:var(--acid);color:var(--ink)}.button span{margin-left:35px}.play-button{border:0;background:none;color:#fff;font:500 12px var(--mono);text-transform:uppercase;cursor:pointer}.play-icon{width:38px;height:38px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:inline-grid;place-items:center;margin-right:10px;font-size:9px}.hero-machine{position:absolute;right:2vw;top:14%;width:50vw;height:70%;z-index:2}.machine-shell{position:absolute;width:480px;height:480px;top:50%;left:50%;transform:translate(-50%,-45%)}.rear-ring,.hero-wheel{position:absolute;border:2px solid #8ea79c;border-radius:50%;width:340px;height:340px;left:70px;top:30px}.rear-ring{transform:translate(25px,15px);border-color:#344b43}.hero-wheel{animation:rotate 18s linear infinite;box-shadow:inset 0 0 50px rgba(157,236,197,.06),0 0 70px rgba(157,236,197,.08)}.hero-wheel::after,.hero-wheel::before{content:"";position:absolute;inset:14px;border:1px dashed #536a61;border-radius:50%}.hero-wheel::before{inset:50px;border-style:solid}.wheel-spoke{position:absolute;background:#657c72;left:50%;top:5%;bottom:5%;width:2px}.wheel-spoke.b{transform:rotate(90deg)}.sample-pot{position:absolute;left:50%;top:50%;width:72px;height:96px;background:#1c312a;border:1px solid #8da69b;transform:translate(-50%,-50%);border-radius:8px}.sample-pot span,.sim-pot span{position:absolute;width:3px;height:50px;background:var(--acid);left:50%;bottom:50%;transform-origin:bottom;transform:rotate(-12deg)}.sample-pot i,.sim-pot i,.sample-pot b,.sim-pot b{position:absolute;background:var(--acid);width:24px;height:10px;border-radius:100% 0 100% 0;left:50%;top:20px;transform:rotate(-25deg)}.sample-pot b,.sim-pot b{transform:scaleX(-1) rotate(-25deg);left:16px;top:32px}.stand-post{position:absolute;width:17px;height:130px;background:#344c43;left:231px;top:364px}.stand-base{position:absolute;width:280px;height:18px;background:#456057;left:100px;top:478px;transform:skewX(-20deg)}.motor-box{position:absolute;width:84px;height:72px;background:#b9d5c8;left:198px;top:385px;border-radius:6px;color:var(--ink)}.motor-box i{width:22px;height:22px;border:2px solid;position:absolute;left:31px;top:25px;border-radius:50%}.machine-label{position:absolute;font:10px var(--mono);letter-spacing:.08em;color:#8ca198;z-index:4}.machine-label span{color:var(--acid);margin-right:7px}.label-top{top:10%;right:18%}.label-side{left:2%;top:55%}.hero-stats{position:absolute;right:5vw;bottom:45px;display:flex;gap:48px;z-index:4}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font:500 20px var(--display)}.hero-stats span{font:9px var(--mono);letter-spacing:.12em;color:#71857c;margin-top:5px}.scroll-cue{position:absolute;left:6vw;bottom:34px;display:flex;align-items:center;gap:14px;font:9px var(--mono);letter-spacing:.14em;color:#82928b}.scroll-cue i{display:block;width:80px;height:1px;background:#53635d}.orbit{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}.orbit-a{width:900px;height:900px;right:-260px;top:-200px}.orbit-b{width:650px;height:650px;right:-30px;top:40px}
h2{font:600 clamp(50px,6vw,88px)/.98 var(--display);letter-spacing:-.06em}h2 span{color:#9ba49f}.intro-layout,.section-heading{display:grid;grid-template-columns:1.35fr .65fr;gap:8vw;align-items:end}.intro-copy{font-size:17px;line-height:1.8;color:#52605a}.intro-copy strong{color:var(--ink)}.concept-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;margin-top:90px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.concept-flow article{padding:40px 22px;min-height:280px}.concept-flow article.highlight-card{background:var(--acid);padding-left:32px}.concept-flow small,.steps small{font:10px var(--mono);letter-spacing:.13em;color:#869087}.concept-flow h3{font:600 19px var(--display);margin:14px 0 10px}.concept-flow p{font-size:13px;line-height:1.6;color:#6a746e}.flow-arrow{display:grid;place-items:center;color:#a8afa9}.concept-icon{height:80px;position:relative;font:32px var(--display)}.gravity-icon span{position:absolute;left:27px;top:15px;color:#728079}.gravity-icon i{position:absolute;width:60px;height:60px;border:1px dashed #aeb5ad;border-radius:50%}.rotate-icon span{display:grid;place-items:center;width:62px;height:62px;border:1px solid #7e8c84;border-radius:50%}.average-icon span,.average-icon i,.average-icon b{position:absolute;width:60px;height:60px;border:1px solid #aeb5ad;border-radius:50%}.average-icon i{transform:rotate(60deg);border-style:dashed}.average-icon b{transform:rotate(120deg);border-color:#75857c}.response-icon span{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--ink);color:var(--acid)}.accuracy-note{max-width:700px;margin:55px auto 0;display:grid;grid-template-columns:180px 1fr;gap:25px;padding:24px 0;border-top:1px solid var(--line);font-size:13px}.accuracy-note strong{font:600 12px var(--mono);text-transform:uppercase}.accuracy-note p{line-height:1.6;color:#637069;margin:0}.dark{background:var(--dark);color:#f4f5ef}.section-heading>p{max-width:430px;color:#728079;line-height:1.7}.section-kicker.light{color:#aab9b1}.simulator{margin-top:70px;border:1px solid #32423c;display:grid;grid-template-columns:1fr 360px;min-height:600px}.sim-stage{position:relative;overflow:hidden;background:radial-gradient(circle,#1c2d27,#111c18 65%)}.sim-apparatus{position:absolute;width:420px;height:420px;left:50%;top:50%;transform:translate(-50%,-45%) rotate(0deg);transition:transform .25s}.sim-ring{width:280px;height:280px;border:3px solid #7f9d90;border-radius:50%;position:absolute;left:70px;top:15px;box-shadow:inset 0 0 45px rgba(216,255,62,.04)}.sim-ring::before,.sim-ring::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#50675d}.sim-ring::after{transform:rotate(90deg)}.sim-pot{position:absolute;width:58px;height:75px;background:#192b25;border:1px solid #93ab9f;border-radius:5px;left:50%;top:50%;transform:translate(-50%,-50%)}.sim-pot span{height:38px}.sim-post{position:absolute;left:201px;top:294px;width:18px;height:105px;background:#3b554a}.sim-base{position:absolute;left:65px;top:395px;width:290px;height:14px;background:#61796e}.sim-motor{position:absolute;left:175px;top:318px;width:70px;height:65px;background:#adc7ba;border-radius:6px}.sim-readout{position:absolute;top:25px;left:25px;z-index:3;display:flex;gap:16px;font:10px var(--mono)}.sim-readout strong{color:var(--acid)}.gravity-vector{position:absolute;right:40px;top:40%;font:italic 20px serif;color:var(--acid)}.gravity-vector i{display:block;width:2px;height:100px;background:var(--acid);margin:8px auto;position:relative}.gravity-vector i::after{content:"";position:absolute;bottom:0;left:-4px;border:5px solid transparent;border-top-color:var(--acid)}.axis-line{position:absolute;left:5%;right:5%;top:45%;border-top:1px dashed rgba(216,255,62,.28)}.axis-line span{font:9px var(--mono);position:absolute;right:0;top:-18px;color:#799087}.controls{border-left:1px solid #32423c;padding:32px;background:#14211d}.control-head{display:flex;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid #32423c;font:10px var(--mono);letter-spacing:.1em}.control-head i{font-style:normal;color:var(--acid);font-size:8px}.controls label{display:block;margin-top:38px}.controls label>span{display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.08em}.controls output{color:var(--acid)}input[type=range]{width:100%;accent-color:var(--acid);margin:25px 0 5px}.range-labels{display:flex;justify-content:space-between;color:#586b62;font:8px var(--mono)}.sim-toggle{width:100%;padding:14px;margin:35px 0;background:transparent;border:1px solid #53665d;color:#e7eee9;font:11px var(--mono);text-transform:uppercase;cursor:pointer}.sim-toggle span{color:var(--acid);margin-right:10px}.metric{position:relative;font:9px var(--mono)}.metric div{height:4px;background:#33453d;margin-top:12px;width:85%}.metric div i{height:100%;display:block;width:87%;background:var(--acid);transition:.3s}.metric strong{position:absolute;right:0;bottom:-4px;color:var(--acid)}.control-tip{font-size:11px;line-height:1.65;color:#71867c;margin-top:28px}.exploded{margin-top:70px;display:grid;grid-template-columns:1.2fr .8fr;border-top:1px solid var(--line)}.exploded-visual{min-height:580px;background:#e7e7df;position:relative;display:grid;place-items:center}.exploded svg{width:90%;height:auto}.part{fill:none;stroke:#31463e;stroke-width:4;opacity:.3;transition:.25s}.part.active{stroke:#183229;opacity:1;filter:drop-shadow(0 0 7px rgba(216,255,62,.5))}.part[data-part=stage].active circle:first-child{fill:rgba(216,255,62,.17)}.explode-line{fill:none;stroke:#9fa9a2;stroke-dasharray:5}.diagram-tag{position:absolute;top:22px;left:24px;font:9px var(--mono)}.cost-badge{position:absolute;right:24px;bottom:22px;background:var(--acid);padding:16px;font:8px var(--mono);line-height:1.7}.cost-badge strong{font-size:20px}.part-list{padding-left:50px}.part-row{width:100%;display:grid;grid-template-columns:45px 1fr auto;text-align:left;align-items:center;padding:21px 0;border:0;border-bottom:1px solid var(--line);background:none;cursor:pointer;color:#7a857e}.part-row.active{color:var(--ink)}.part-row>span{font:10px var(--mono)}.part-row strong{font:600 16px var(--display);display:block}.part-row small{font-size:11px}.part-row b{font-weight:400}.part-detail{margin-top:28px;background:var(--ink);color:white;padding:25px}.part-detail span{font:9px var(--mono);color:var(--acid)}.part-detail p{font-size:12px;line-height:1.7;margin:12px 0 0;color:#aebbb5}.build-steps{background:#e5e6dd}.build-steps>h2{margin-bottom:65px}.steps{border-top:1px solid #bbc1b9}.step{display:grid;grid-template-columns:60px 260px 1fr;gap:45px;align-items:center;border-bottom:1px solid #bbc1b9;padding:28px 0}.step-num{font:10px var(--mono);color:#87918b}.step-visual{height:150px;background:#d5d8cf;position:relative}.step h3{font:600 24px var(--display);margin:7px 0}.step p{color:#66716b;font-size:13px;line-height:1.6;max-width:600px}.step-more{background:none;border:0;padding:0;font:10px var(--mono);text-transform:uppercase;cursor:pointer}.step-more span{margin-left:12px}.step-extra{display:none;font-size:12px;color:#526159;margin-top:12px;padding-left:12px;border-left:2px solid var(--acid)}.step.open .step-extra{display:block}.measure-drawing,.frame-drawing,.motor-drawing,.balance-drawing{position:absolute;inset:25px;border:2px solid #63746b;border-radius:50%}.measure-drawing::after{content:"120 mm";position:absolute;top:45%;left:-8px;right:-8px;border-top:1px dashed #839087;font:8px var(--mono);text-align:center;padding-top:5px}.frame-drawing{border-radius:0;border-top:0;transform:perspective(100px) rotateX(-8deg)}.motor-drawing{border-radius:8px;inset:42px 70px}.motor-drawing::after{content:"";position:absolute;width:45px;border-top:3px solid #63746b;right:-47px;top:50%}.balance-drawing{border-style:dashed}.balance-drawing::after{content:"+";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:30px}.safety-band{margin-top:50px;background:#cbd1c7;display:flex;gap:22px;padding:22px 28px;align-items:center}.safety-band>span{width:38px;height:38px;background:var(--ink);color:var(--acid);border-radius:50%;display:grid;place-items:center}.safety-band strong{font:600 13px var(--display)}.safety-band p{font-size:11px;margin:4px 0 0;color:#5d6862}.comparison{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;margin-top:70px}.comparison>article{border:1px solid #34473f}.comparison-head{padding:20px 24px;display:grid;grid-template-columns:1fr auto;position:relative;border-bottom:1px solid #34473f}.comparison-head span{font:9px var(--mono);color:#87998f;grid-column:1/-1}.comparison-head strong{font:600 21px var(--display);margin-top:6px}.comparison-head i{font:9px var(--mono);font-style:normal;color:#788b81;align-self:end}.plant-window{height:330px;background:linear-gradient(#1a2b25,#20352d);position:relative;overflow:hidden}.soil{position:absolute;height:60px;background:#4d4738;bottom:0;left:0;right:0;border-top:4px solid #665f47}.plant{position:absolute;left:50%;bottom:52px}.stem{display:block;width:5px;height:150px;background:var(--mint);transform-origin:bottom;border-radius:4px}.leaf{position:absolute;width:45px;height:20px;background:var(--mint);border-radius:100% 0 100% 0}.l1{top:50px;left:2px;transform:rotate(-20deg)}.l2{top:85px;right:2px;transform:scaleX(-1) rotate(-20deg)}.root{position:absolute;top:150px;width:3px;height:80px;background:#d5cda5;transform-origin:top}.r1{transform:rotate(10deg)}.r2{transform:rotate(-20deg);height:60px}.plant.altered{transform:rotate(23deg)}.plant.altered .stem{transform:skewX(-18deg)}.plant.altered .r1{transform:rotate(70deg)}.plant.altered .r2{transform:rotate(-75deg)}.down-arrow,.orbit-arrow{position:absolute;right:20px;top:20px;font:9px var(--mono);color:var(--acid)}.orbit-arrow{font-size:34px;animation:rotate 4s linear infinite}.comparison article>p{padding:20px 24px;margin:0;color:#82948b;font-size:12px;line-height:1.6}.versus{font:11px var(--mono);color:var(--acid);text-align:center}.experiment-cards{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:1px solid #34473f}.experiment-cards article{padding:32px;border-right:1px solid #34473f}.experiment-cards article>span{font:10px var(--mono);color:var(--acid)}.experiment-cards h3{font:600 18px var(--display);margin:25px 0 10px}.experiment-cards p{font-size:12px;line-height:1.7;color:#778b81}.experiment-cards small{font:8px var(--mono);color:#a3b2aa}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.benefit-list article{display:grid;grid-template-columns:50px 1fr;padding:24px 0;border-top:1px solid var(--line)}.benefit-list article>span{font:9px var(--mono);color:#929a95}.benefit-list h3{font:600 19px var(--display)}.benefit-list p{font-size:13px;line-height:1.7;color:#68736d}.quote{max-width:900px;margin:120px auto 0;text-align:center}.quote>span{font:100px Georgia;color:var(--acid);line-height:.5}.quote blockquote{font:500 clamp(27px,3vw,42px)/1.25 var(--display);letter-spacing:-.03em}.quote small{font:9px var(--mono);color:#87908b}.accordion{margin-top:60px}.accordion details{border-top:1px solid var(--line);padding:0 15px}.accordion details:last-child{border-bottom:1px solid var(--line)}.accordion summary{list-style:none;display:grid;grid-template-columns:60px 1fr auto;align-items:center;padding:25px 0;cursor:pointer}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{font:9px var(--mono);color:#939c96}.accordion summary strong{font:600 18px var(--display)}.accordion summary b{font:400 22px var(--mono)}.accordion details p{max-width:730px;margin:0 0 28px 60px;color:#66726b;line-height:1.7;font-size:13px}.resource-layout{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.resource-layout>div>p{color:#809188;line-height:1.7;max-width:520px}.resources form{margin-top:45px}.resources label{display:block;font:9px var(--mono);margin-bottom:12px}.resources form>div{display:flex}.resources input{flex:1;background:#1d2d27;border:1px solid #3b4d45;padding:16px;color:white;outline:none}.resources input:focus{border-color:var(--acid)}.resources form button{background:var(--acid);border:0;padding:0 20px;font:600 10px var(--mono);text-transform:uppercase;cursor:pointer}.resources form button span{margin-left:15px}.resources form small{display:block;margin-top:10px;color:#60736a;font-size:10px}.resource-head{display:flex;justify-content:space-between;font:9px var(--mono);padding-bottom:18px;color:#84968d}.resource-links>a{display:grid;grid-template-columns:45px 1fr auto;padding:20px 0;border-top:1px solid #35473f;align-items:center}.resource-links>a>span{font:9px var(--mono);color:#6f847a}.resource-links strong{font:500 15px var(--display);display:block}.resource-links small{color:#71837a}.resource-links b{font-weight:400;color:var(--acid)}.materials{margin-top:40px;background:#1a2a24;padding:24px}.materials span{font:9px var(--mono);color:var(--acid)}.materials p{font-size:11px;line-height:1.8;color:#82948b;margin:12px 0 0}footer{padding:35px 5vw;background:#0b1210;color:#94a098;border-top:1px solid #293831;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:30px;align-items:center}footer p{font:8px/1.7 var(--mono);margin:0}footer>div{display:flex;gap:20px;font:9px var(--mono);text-transform:uppercase}footer button{border:0;background:none;color:#94a098;font:9px var(--mono);cursor:pointer}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@keyframes rotate{to{transform:rotate(360deg)}}
@media(max-width:900px){.nav-wrap nav,.nav-cta{display:none}.menu-btn{display:block}.menu-btn span{display:block;width:23px;border-top:1px solid white;margin:6px}.hero{height:auto;min-height:900px;padding-top:135px;align-items:flex-start}.hero-copy{width:100%}.hero-machine{width:100%;height:440px;top:auto;bottom:60px;right:0;transform:scale(.72)}.hero-stats{bottom:24px;right:auto;left:6vw;gap:22px}.scroll-cue{display:none}.intro-layout,.section-heading,.benefit-grid,.resource-layout{grid-template-columns:1fr}.concept-flow{grid-template-columns:1fr 1fr}.flow-arrow{display:none}.simulator{grid-template-columns:1fr}.sim-stage{min-height:520px}.controls{border-left:0;border-top:1px solid #32423c}.exploded{grid-template-columns:1fr}.part-list{padding:20px 0}.comparison{grid-template-columns:1fr}.versus{padding:18px}.section-heading>p{margin-top:20px}.section-pad{padding:85px 6vw}.step{grid-template-columns:40px 180px 1fr}.experiment-cards{grid-template-columns:1fr}.experiment-cards article{border-bottom:1px solid #34473f}.resource-links{margin-top:60px}footer{grid-template-columns:1fr 1fr}}
@media(max-width:600px){h1{font-size:64px}.hero-lede{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-machine{transform:scale(.55);bottom:40px}.hero-stats{display:none}.concept-flow{grid-template-columns:1fr}.concept-flow article{min-height:auto;border-bottom:1px solid var(--line)}.accuracy-note{grid-template-columns:1fr}.sim-stage{min-height:400px}.sim-apparatus{transform:translate(-50%,-45%) scale(.72)}.exploded-visual{min-height:400px}.step{grid-template-columns:35px 1fr}.step-visual{grid-column:2}.comparison .plant-window{height:280px}.accordion summary{grid-template-columns:38px 1fr auto}.accordion details p{margin-left:38px}.resources form>div{flex-direction:column}.resources form button{padding:16px}footer{grid-template-columns:1fr}footer>div{display:none}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}

/* Experience upgrade */
.nav-tools{display:flex;align-items:center;gap:14px}.theme-toggle{width:68px;height:34px;border:1px solid rgba(255,255,255,.35);border-radius:30px;background:rgba(10,20,16,.28);color:white;display:flex;align-items:center;justify-content:space-around;position:relative;cursor:pointer}.theme-toggle i{position:absolute;width:24px;height:24px;border-radius:50%;background:var(--acid);left:5px;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.theme-toggle span{font:12px var(--mono);position:relative;z-index:1;color:#102018}.theme-toggle span:last-child{font-size:8px;color:white}
.signal-strip{height:46px;overflow:hidden;background:var(--acid);color:#14211d;display:flex;align-items:center;font:500 10px var(--mono);letter-spacing:.12em;white-space:nowrap}.signal-strip div{min-width:max-content;animation:marquee 22s linear infinite}.signal-strip i{font-style:normal;margin:0 34px}
.vector-story{margin-top:75px;min-height:360px;border:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr .65fr;align-items:center;overflow:hidden;background:linear-gradient(120deg,#e7e7df,transparent)}.vector-copy{padding:45px}.vector-copy>span,.vector-equation small{font:9px var(--mono);letter-spacing:.12em;color:var(--muted)}.vector-copy h3{font:600 30px var(--display);margin:18px 0 12px}.vector-copy p{font-size:13px;line-height:1.75;color:var(--muted)}.vector-orbit{width:270px;height:270px;border:1px dashed var(--muted);border-radius:50%;position:relative;margin:auto;animation:orbitPulse 4s ease-in-out infinite}.vector-core{position:absolute;inset:82px;border-radius:50%;background:var(--ink);color:var(--acid);display:grid;place-content:center;text-align:center;font:10px var(--mono);z-index:2}.vector-core small{font-size:6px;color:#91a098;margin-top:4px}.vector-orbit>i{position:absolute;font:normal 25px var(--mono);color:var(--ink)}.v1{left:48%;top:-17px}.v2{right:-12px;top:46%;transform:rotate(90deg)}.v3{left:48%;bottom:-17px;transform:rotate(180deg)}.v4{left:-12px;top:46%;transform:rotate(-90deg)}.orbit-tracer{position:absolute;inset:24px;border:2px solid transparent;border-top-color:var(--acid);border-right-color:var(--acid);border-radius:50%;animation:rotate 3s linear infinite}.vector-equation{padding:35px;border-left:1px solid var(--line);display:flex;flex-direction:column}.vector-equation span{font:18px var(--mono)}.vector-equation strong{font:600 58px var(--display);color:#87a414;margin:8px 0}
.kinetic{clip-path:inset(0 0 100% 0);transform:translateY(22px);transition:clip-path .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.kinetic.text-live{clip-path:inset(0);transform:none}.kinetic em,.kinetic>span{color:var(--acid)}.intro .kinetic>span,.components .kinetic>span,.benefits .kinetic>span{color:#9ba49f}
body{transition:background .55s,color .55s}.light-mode .hero{background:radial-gradient(circle at 70% 45%,#d4e5da 0,#edf2eb 43%,#dce5dc 100%);color:var(--ink)}.light-mode .nav-wrap{color:var(--ink);border-color:rgba(20,33,29,.16)}.light-mode .nav-cta{background:var(--ink);color:white}.light-mode .theme-toggle{border-color:rgba(20,33,29,.3);background:rgba(255,255,255,.5)}.light-mode .theme-toggle i{transform:translateX(34px);background:var(--ink)}.light-mode .theme-toggle span:first-child{color:var(--ink)}.light-mode .theme-toggle span:last-child{color:white}.light-mode .hero-lede,.light-mode .scroll-cue,.light-mode .machine-label{color:#53675e}.light-mode .play-button{color:var(--ink)}.light-mode .play-icon{border-color:rgba(20,33,29,.35)}.light-mode .hero-grid{background-image:linear-gradient(rgba(20,33,29,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(20,33,29,.06) 1px,transparent 1px)}.light-mode .rear-ring{border-color:#afbeb5}.light-mode .hero-wheel{border-color:#3d6554}.light-mode .orbit{border-color:rgba(20,33,29,.1)}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes orbitPulse{50%{box-shadow:0 0 50px rgba(216,255,62,.2);transform:scale(1.03)}}
@media(max-width:900px){.vector-story{grid-template-columns:1fr 1fr}.vector-equation{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}}@media(max-width:600px){.vector-story{grid-template-columns:1fr}.vector-orbit{margin-bottom:35px}.vector-equation{grid-column:auto}.theme-toggle{width:62px}.signal-strip{height:38px}}

.telemetry{margin-top:34px;border:1px solid #32423c;background:#14211d;padding:30px}.telemetry-head{display:flex;align-items:end;justify-content:space-between}.telemetry-head span{font:9px var(--mono);color:#7f9389;letter-spacing:.1em}.telemetry-head h3{font:600 25px var(--display);margin:8px 0 0}.telemetry-key{display:flex;gap:20px}.telemetry-key i{display:inline-block;width:16px;height:2px;margin-right:7px;vertical-align:middle}.key-gravity{background:var(--acid)}.key-force{background:var(--mint)}.chart-wrap{height:240px;position:relative;margin:28px 30px 12px}.chart-wrap canvas{width:100%;height:100%;display:block}.chart-y{position:absolute;right:100%;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;font:7px var(--mono);color:#61756b;padding-right:8px}.chart-x{display:flex;justify-content:space-between;font:7px var(--mono);color:#61756b}.telemetry-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #32423c;margin-top:25px}.telemetry-stats div{padding:20px;border-right:1px solid #32423c;display:flex;justify-content:space-between;align-items:center}.telemetry-stats span{font:8px var(--mono);color:#75897f}.telemetry-stats strong{font:500 20px var(--display);color:var(--acid)}
.planner{display:grid;grid-template-columns:.8fr 1fr 1.1fr;border:1px solid #34473f;margin-top:70px}.planner-copy,.planner-controls,.protocol-card{padding:32px}.planner-copy{background:#17251f}.planner-copy>span{font:9px var(--mono);color:var(--acid)}.planner-copy h3{font:600 25px var(--display);margin:18px 0 12px}.planner-copy p,.protocol-card p{font-size:11px;line-height:1.7;color:#81938a}.planner-controls{border-left:1px solid #34473f;border-right:1px solid #34473f}.planner-controls label{display:grid;grid-template-columns:1fr auto;align-items:center;font:9px var(--mono);letter-spacing:.08em;margin-bottom:25px}.planner-controls select{grid-column:1/-1;margin-top:10px;background:#17251f;color:white;border:1px solid #40534a;padding:12px}.planner-controls input{grid-column:1/-1}.planner-controls output{color:var(--acid)}.protocol-card{display:grid;grid-template-columns:105px 1fr;gap:24px;align-items:center}.protocol-score{width:100px;height:100px;position:relative;display:grid;place-items:center}.protocol-score svg{position:absolute;inset:0;transform:rotate(-90deg)}.protocol-score circle{fill:none;stroke:#34473f;stroke-width:5}.protocol-score circle:last-child{stroke:var(--acid);stroke-dasharray:264;stroke-dashoffset:32;transition:.4s}.protocol-score strong{font:600 27px var(--display)}.protocol-score span{position:absolute;top:108px;text-align:center;font:7px/1.5 var(--mono);color:#75897f}.protocol-card>div:nth-child(2) strong{font:600 16px var(--display)}.protocol-card button{grid-column:1/-1;margin-top:14px;padding:14px;border:1px solid #52665d;background:transparent;color:white;font:10px var(--mono);text-transform:uppercase;cursor:pointer;transition:.2s}.protocol-card button:hover,.sim-toggle:hover{background:var(--acid);color:var(--ink);border-color:var(--acid)}
.button,.nav-cta,.play-button,.theme-toggle,.sim-toggle,.step-more,.resources form button{transition:transform .2s,box-shadow .2s,background .2s}.button:hover,.nav-cta:hover,.resources form button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(216,255,62,.16)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--acid);outline-offset:3px}
@media(max-width:900px){.planner{grid-template-columns:1fr}.planner-controls{border:0;border-top:1px solid #34473f;border-bottom:1px solid #34473f}.nav-wrap nav{display:none}.menu-open .nav-wrap{position:fixed;background:#101a17}.menu-open .nav-wrap nav{display:flex;position:fixed;inset:76px 0 auto;background:#101a17;padding:28px 6vw;flex-direction:column;color:white}.menu-open .menu-btn span:first-child{transform:translateY(3px) rotate(45deg)}.menu-open .menu-btn span:last-child{transform:translateY(-4px) rotate(-45deg)}.menu-btn span{transition:.25s}.telemetry-head{align-items:flex-start;gap:20px;flex-direction:column}}@media(max-width:600px){.telemetry{padding:20px}.telemetry-key{flex-direction:column;gap:8px}.chart-wrap{height:190px;margin-left:20px}.telemetry-stats{grid-template-columns:1fr}.telemetry-stats div{border-right:0;border-bottom:1px solid #32423c}.protocol-card{grid-template-columns:1fr}.protocol-score{margin:0 auto 28px}.planner-copy,.planner-controls,.protocol-card{padding:25px}}

/* Lab polish */
::selection{background:var(--acid);color:var(--ink)}.nav-wrap{backdrop-filter:blur(10px)}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 45%,rgba(216,255,62,.035));pointer-events:none}.hero-wheel{filter:drop-shadow(0 20px 45px rgba(0,0,0,.32))}.section-pad{position:relative}.section-pad::before{content:"";position:absolute;top:42px;right:5vw;width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:16px 0 0 rgba(110,130,120,.25),32px 0 0 rgba(110,130,120,.12)}.concept-flow article,.experiment-cards article,.benefit-list article,.part-row{transition:transform .3s,background .3s}.concept-flow article:not(.highlight-card):hover,.experiment-cards article:hover{background:rgba(157,236,197,.045);transform:translateY(-4px)}.benefit-list article:hover{transform:translateX(8px)}.part-row:hover{padding-left:10px}.simulator,.telemetry,.planner,.lab-tools,.hypothesis-lab{box-shadow:0 28px 80px rgba(0,0,0,.12)}
.lab-tools{margin-top:34px;border:1px solid #32423c;background:#111d18}.tool-tabs{display:flex;border-bottom:1px solid #32423c}.tool-tabs button{flex:1;padding:18px;border:0;border-right:1px solid #32423c;background:transparent;color:#73877d;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.tool-tabs button.active{background:var(--acid);color:var(--ink)}.tool-panel{display:none;min-height:280px;padding:35px}.tool-panel.active{display:grid;grid-template-columns:.8fr 1fr .65fr;gap:40px;align-items:center;animation:panelIn .45s ease}.tool-intro>span,.cal-result>span{font:9px var(--mono);color:var(--acid);letter-spacing:.1em}.tool-intro h3{font:600 27px var(--display);margin:15px 0 10px}.tool-intro p{font-size:12px;line-height:1.7;color:#7e9187}.calibration-inputs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.calibration-inputs label{font:8px var(--mono);color:#82948b}.calibration-inputs input{display:block;width:100%;margin-top:8px;padding:13px;background:#192821;border:1px solid #3b5046;color:white}.calibration-inputs button,.timer-actions button,.note-form button,.export-button,.hypothesis-lab button{grid-column:1/-1;padding:14px;background:var(--acid);border:0;color:var(--ink);font:600 9px var(--mono);text-transform:uppercase;cursor:pointer}.cal-result{border-left:1px solid #34473f;padding-left:30px}.cal-result strong{display:block;font:600 58px var(--display);color:white}.cal-result small{font:8px var(--mono);color:var(--acid)}.cal-result p{font-size:10px;line-height:1.6;color:#809188;margin-top:20px}.timer-face{text-align:center}.timer-face span{font:500 clamp(38px,5vw,64px) var(--mono);color:var(--acid);letter-spacing:-.07em}.timer-face small{display:block;font:8px var(--mono);color:#71857b}.timer-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.timer-actions button:first-child{grid-column:1/-1}.timer-actions button:not(:first-child){grid-column:auto;background:transparent;color:white;border:1px solid #43574d}.lap-list{max-height:170px;overflow:auto;list-style:none;padding:0;margin:0}.lap-list li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #2c3c35;font:8px var(--mono);color:#778b81}.lap-list time{color:var(--acid)}#notes.tool-panel{grid-template-columns:.65fr 1fr 1fr}.note-form textarea,.hypothesis-lab textarea{width:100%;min-height:120px;resize:vertical;background:#182720;border:1px solid #3b5046;color:white;padding:15px;line-height:1.6}.note-form button{width:100%;margin-top:8px}.note-log{max-height:210px;overflow:auto}.note-log article{display:grid;grid-template-columns:25px 1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid #2c3c35}.note-log article>span,.note-log small{font:7px var(--mono);color:#73877d}.note-log p{font-size:11px;margin:0 0 5px}.note-log button{background:none;border:0;color:#809188;cursor:pointer}.empty-log{font-size:11px;line-height:1.7;color:#687b71}.export-button{background:transparent;border:1px solid #43574d;color:white}
.hypothesis-lab{margin-top:35px;border:1px solid #34473f;padding:36px;display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center;background:linear-gradient(120deg,#15241e,#101a17)}.hypothesis-lab>div>span{font:9px var(--mono);color:var(--acid)}.hypothesis-lab h3{font:600 28px var(--display);margin:15px 0 10px}.hypothesis-lab p{font-size:12px;line-height:1.7;color:#81938a}.hypothesis-lab label{font:12px var(--mono);display:block;margin-bottom:12px}.hypothesis-lab textarea{min-height:90px}.hypothesis-lab button{margin-top:8px}.hypothesis-lab small{display:block;margin-top:8px;color:#6d8177;font-size:9px}
@keyframes panelIn{from{opacity:0;transform:translateY(10px)}}@media(max-width:900px){.tool-panel.active,#notes.tool-panel{grid-template-columns:1fr}.cal-result{border-left:0;border-top:1px solid #34473f;padding:25px 0 0}.hypothesis-lab{grid-template-columns:1fr;gap:30px}}@media(max-width:600px){.tool-tabs{overflow-x:auto}.tool-tabs button{min-width:150px}.tool-panel{padding:24px}.calibration-inputs{grid-template-columns:1fr}.hypothesis-lab{padding:25px}}

/* Palette and illustration corrections */
body{background:var(--paper)}.intro,.components,.benefits,.glossary{background:var(--paper)}.build-steps{background:var(--surface)}.exploded-visual,.step-visual{background:var(--surface-2)}.dark{background:var(--dark)}.signal-strip{background:var(--acid)}.concept-flow article.highlight-card,.cost-badge{background:var(--acid)}
.vector-story{background:linear-gradient(125deg,var(--surface),var(--paper));grid-template-columns:minmax(240px,1fr) minmax(300px,1.1fr) minmax(190px,.65fr)}.vector-orbit{display:grid;place-items:center;isolation:isolate}.vector-core{inset:auto;width:106px;height:106px;left:50%;top:50%;transform:translate(-50%,-50%)}.vector-orbit>i{color:var(--diagram);width:28px;height:28px;display:grid;place-items:center}.v1{left:calc(50% - 14px);top:-15px}.v2{right:-14px;top:calc(50% - 14px)}.v3{left:calc(50% - 14px);bottom:-15px}.v4{left:-14px;top:calc(50% - 14px)}.vector-equation strong{color:#719600}
.exploded-visual svg{width:min(92%,700px);max-height:520px;overflow:visible}.part{stroke:var(--diagram);opacity:.48}.part.active{stroke:var(--ink);opacity:1}.explode-line{stroke:var(--diagram-soft)}.alfie-mark{position:absolute;left:25px;bottom:24px;width:28px;height:28px;border:1px solid var(--diagram-soft);border-radius:50%;display:grid;place-items:center;font:7px var(--mono);letter-spacing:.05em;color:var(--diagram-soft);opacity:.65}.alfie-mark::after{content:"ALFIE / MAKER 01";position:absolute;left:36px;white-space:nowrap;font:6px var(--mono);letter-spacing:.12em}
.measure-drawing,.frame-drawing,.motor-drawing,.balance-drawing{border-color:var(--diagram);box-shadow:0 0 0 1px rgba(255,255,255,.22)}.measure-drawing::after,.motor-drawing::after{border-color:var(--diagram)}.step-visual{overflow:hidden}.step-visual::before{content:"";position:absolute;inset:10px;background-image:linear-gradient(rgba(53,91,75,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(53,91,75,.1) 1px,transparent 1px);background-size:16px 16px}
.machine-shell{top:50%;left:50%;transform:translate(-50%,-50%)}.hero-machine{display:grid;place-items:center}.sim-apparatus{top:50%;left:50%;transform:translate(-50%,-50%) rotate(0deg)}.sim-stage{min-height:600px}.sim-ring{filter:drop-shadow(0 0 18px rgba(207,255,58,.12))}.gravity-vector{z-index:4}
.light-mode{--paper:#faf8ef;--surface:#edf0e8;--surface-2:#dfe5dc;--line:#c7d0c6;--muted:#53675d;--diagram:#285b47;--diagram-soft:#6d897c}.light-mode .build-steps{background:var(--surface)}.light-mode .exploded-visual,.light-mode .step-visual{background:var(--surface-2)}.light-mode .vector-story{background:linear-gradient(125deg,var(--surface),var(--paper))}.light-mode .part{stroke:var(--diagram)}.light-mode .dark{background:var(--dark);color:#f4f5ef}
@media(max-width:1100px){.hero-machine{right:-7vw}.vector-story{grid-template-columns:1fr 1fr}.vector-equation{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);align-items:center}}@media(max-width:900px){.hero-machine{right:0;transform:none}.machine-shell{transform:translate(-50%,-50%) scale(.78)}.sim-apparatus{transform:translate(-50%,-50%) scale(.86) rotate(0deg)}.exploded-visual{min-height:520px}.vector-orbit{margin:35px auto}}@media(max-width:600px){.machine-shell{transform:translate(-50%,-50%) scale(.58)}.sim-apparatus{transform:translate(-50%,-50%) scale(.67) rotate(0deg)}.sim-stage{min-height:420px}.exploded-visual{min-height:380px}.exploded-visual svg{width:100%}.vector-story{grid-template-columns:1fr}.vector-orbit{width:230px;height:230px}.vector-equation{grid-column:auto}.cost-badge{right:14px;bottom:14px}.alfie-mark{left:14px;bottom:16px}}

/* Visibility, spacing, and pointer motion */
.intro .concept-flow,.intro .vector-story{opacity:1;transform:none}.intro .concept-flow.reveal,.intro .vector-story.reveal{transition:box-shadow .5s,background .5s}.concept-flow{background:var(--paper)}.concept-flow article{position:relative;overflow:hidden}.concept-flow article::after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(207,255,58,.2),transparent 68%);left:var(--hover-x,50%);top:var(--hover-y,50%);transform:translate(-50%,-50%) scale(0);transition:transform .35s;pointer-events:none}.concept-flow article:hover::after{transform:translate(-50%,-50%) scale(1.8)}.concept-icon{z-index:1}.vector-story{box-shadow:inset 0 0 0 1px rgba(53,91,75,.04)}.vector-orbit::before{content:"";position:absolute;inset:-1px;border-radius:50%;background:conic-gradient(from 90deg,transparent 0 70%,rgba(207,255,58,.32));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);animation:rotate 7s linear infinite}
.build-steps>h2{margin-bottom:32px}.build-steps .steps{margin-top:0}.build-steps .section-kicker{margin-bottom:22px}.step{padding:22px 0}.step-visual{height:138px}
.cursor-glow{mix-blend-mode:screen;transition:width .25s,height .25s,opacity .25s}.cursor-glow.hovering{width:480px;height:480px}.cursor-trail{position:fixed;width:7px;height:7px;border:1px solid var(--acid);border-radius:50%;pointer-events:none;z-index:100;transform:translate(-50%,-50%);animation:trailFade .7s ease-out forwards}.magnetic{will-change:transform}.button,.nav-cta,.play-button,.theme-toggle,.sim-toggle,.part-row,.step-more,.tool-tabs button,.protocol-card button,.resource-links a{position:relative}.button::after,.nav-cta::after,.sim-toggle::after,.protocol-card button::after{content:"";position:absolute;inset:-5px;border:1px solid var(--acid);opacity:0;transform:scale(.94);transition:.25s;pointer-events:none}.button:hover::after,.nav-cta:hover::after,.sim-toggle:hover::after,.protocol-card button:hover::after{opacity:.45;transform:scale(1)}.resource-links a:hover b,.part-row:hover b{animation:nudgeArrow .55s ease infinite alternate}.step:hover .step-visual{transform:translateX(6px) rotate(-.5deg);box-shadow:10px 10px 0 rgba(53,91,75,.08)}.step-visual{transition:transform .35s,box-shadow .35s}
@keyframes trailFade{to{opacity:0;transform:translate(-50%,-50%) scale(3)}}@keyframes nudgeArrow{to{transform:translate(4px,-4px)}}@media(pointer:coarse){.cursor-trail,.cursor-glow{display:none}}@media(max-width:600px){.build-steps>h2{margin-bottom:22px}.step{padding:18px 0}}

/* Maximal visual layer */
.scroll-progress{position:fixed;left:0;top:0;width:100%;height:3px;z-index:200;background:rgba(255,255,255,.06);pointer-events:none}.scroll-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--mint),var(--acid));box-shadow:0 0 14px var(--acid)}
.gravity-stage{margin-top:48px;min-height:420px;display:grid;grid-template-columns:1fr 150px 1fr;border:1px solid var(--line);background:var(--surface);overflow:hidden}.gravity-scene{position:relative;display:grid;place-items:center;padding:55px 30px 35px;isolation:isolate}.gravity-scene:first-child{border-right:1px solid var(--line)}.gravity-scene:last-child{border-left:1px solid var(--line)}.scene-label{position:absolute;top:22px;left:24px;font:8px var(--mono);letter-spacing:.12em;color:var(--diagram)}.scene-dish{width:155px;height:155px;border:3px solid var(--diagram);border-radius:50%;position:relative;background:radial-gradient(circle,rgba(130,231,183,.18),transparent 65%);box-shadow:inset 0 0 0 14px rgba(53,91,75,.06);z-index:2}.scene-seed{position:absolute;width:28px;height:19px;background:#b99b63;border-radius:70% 35% 70% 35%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-20deg)}.scene-root,.scene-shoot{position:absolute;width:4px;left:50%;transform-origin:top;background:var(--diagram);border-radius:4px}.scene-root{height:55px;top:56%;transform:rotate(7deg)}.scene-shoot{height:52px;bottom:54%;transform-origin:bottom;transform:rotate(-8deg);background:#619a52}.scene-shoot::after{content:"";position:absolute;width:28px;height:13px;background:var(--mint);border-radius:100% 0;top:5px;left:2px;transform:rotate(-22deg)}.scene-arrow{position:absolute;right:28px;top:42%;font:italic 18px Georgia;color:var(--diagram)}.scene-arrow strong{font:34px var(--mono);display:block;color:var(--acid);text-shadow:0 0 0 var(--diagram),0 0 14px rgba(207,255,58,.3)}.gravity-scene p{align-self:end;text-align:center;font:600 15px var(--display);margin:25px 0 0}.gravity-scene p small{font:9px var(--mono);color:var(--muted)}.stage-transfer{display:grid;place-content:center;text-align:center;background:var(--ink);color:white;z-index:3}.stage-transfer span{font:8px/1.6 var(--mono);color:#9bad9f}.stage-transfer i{font:42px var(--display);font-style:normal;color:var(--acid);animation:transferPulse 1.3s ease-in-out infinite}.spin-scene .scene-dish{animation:rotate 9s linear infinite}.scene-orbits{position:absolute;width:240px;height:240px}.scene-orbits i{position:absolute;inset:0;border:1px dashed var(--diagram-soft);border-radius:50%;animation:rotate 12s linear infinite}.scene-orbits i:nth-child(2){inset:28px;animation-direction:reverse;animation-duration:8s}.scene-orbits i:nth-child(3){inset:55px;animation-duration:5s}.multi-arrows{position:absolute;width:230px;height:230px;animation:rotate 9s linear infinite}.multi-arrows i{position:absolute;font:normal 21px var(--mono);color:var(--diagram)}.multi-arrows i:nth-child(1){left:50%;top:-10px}.multi-arrows i:nth-child(2){right:-5px;top:50%;transform:rotate(90deg)}.multi-arrows i:nth-child(3){left:50%;bottom:-10px;transform:rotate(180deg)}.multi-arrows i:nth-child(4){left:-5px;top:50%;transform:rotate(-90deg)}
.impact-visual{margin-top:85px;min-height:510px;display:grid;grid-template-columns:1.15fr .85fr;border:1px solid var(--line);background:linear-gradient(135deg,var(--surface),var(--paper))}.impact-rings{position:relative;min-height:510px;display:grid;place-items:center;overflow:hidden}.impact-rings>i{position:absolute;border:1px solid var(--diagram-soft);border-radius:50%;width:390px;height:390px;opacity:.35}.impact-rings>i:nth-child(2){width:300px;height:300px;border-style:dashed;animation:rotate 18s linear infinite}.impact-rings>i:nth-child(3){width:210px;height:210px;border-color:var(--acid);opacity:.7;animation:rotate 9s linear reverse infinite}.impact-core{width:130px;height:130px;border-radius:50%;background:var(--ink);color:white;display:grid;place-content:center;text-align:center;z-index:2;box-shadow:0 0 0 12px rgba(207,255,58,.13),0 22px 50px rgba(18,35,29,.22)}.impact-core strong{font:600 38px var(--display);color:var(--acid)}.impact-core span{font:7px var(--mono)}.impact-node{position:absolute;width:92px;height:92px;border-radius:50%;background:var(--paper);border:1px solid var(--diagram-soft);display:grid;place-content:center;text-align:center;z-index:3;transition:.3s}.impact-node:hover{background:var(--acid);transform:scale(1.12)!important}.impact-node b{font:500 17px var(--display)}.impact-node span{font:7px var(--mono)}.n1{top:35px;left:50%;transform:translateX(-50%)}.n2{right:55px;top:50%;transform:translateY(-50%)}.n3{bottom:35px;left:50%;transform:translateX(-50%)}.n4{left:55px;top:50%;transform:translateY(-50%)}.impact-copy{padding:65px;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.impact-copy>span{font:8px var(--mono);color:var(--diagram);letter-spacing:.12em}.impact-copy h3{font:600 clamp(30px,3vw,46px)/1.08 var(--display);letter-spacing:-.04em;margin:22px 0}.impact-copy p{font-size:13px;line-height:1.8;color:var(--muted)}.impact-meter{position:relative;margin-top:35px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between}.impact-meter i{position:absolute;top:-2px;left:0;height:3px;width:82%;background:var(--acid);animation:meterBreath 2s ease-in-out infinite}.impact-meter b{font:8px var(--mono)}.impact-meter strong{font:600 22px var(--display)}
.tilt-active{transition:transform .12s ease-out!important}.click-ripple{position:fixed;width:10px;height:10px;border:1px solid var(--acid);border-radius:50%;pointer-events:none;z-index:250;animation:rippleOut .7s ease-out forwards}.section-kicker.flash span{animation:kickerFlash .8s ease}.hero-stats strong{transition:color .25s,text-shadow .25s}.hero-stats div:hover strong{color:var(--acid);text-shadow:0 0 18px rgba(207,255,58,.35)}.brand-mark{transition:transform .45s,background .3s}.brand:hover .brand-mark{transform:rotate(405deg);background:var(--acid);color:var(--ink)}.accordion details[open]{background:linear-gradient(90deg,rgba(130,231,183,.08),transparent)}.accordion details[open] summary strong{color:#5e7d00}.plant-window::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.07) 48%,transparent 65%);transform:translateX(-100%);animation:scanLight 5s ease-in-out infinite}
@keyframes transferPulse{50%{transform:translateX(10px)}}@keyframes meterBreath{50%{width:97%;box-shadow:0 0 15px var(--acid)}}@keyframes rippleOut{to{opacity:0;transform:scale(12)}}@keyframes kickerFlash{50%{color:var(--acid);text-shadow:0 0 12px var(--acid)}}@keyframes scanLight{50%,100%{transform:translateX(100%)}}@media(max-width:900px){.gravity-stage{grid-template-columns:1fr}.gravity-scene:first-child,.gravity-scene:last-child{border:0}.stage-transfer{min-height:90px}.stage-transfer i{transform:rotate(90deg)}.impact-visual{grid-template-columns:1fr}.impact-copy{border-left:0;border-top:1px solid var(--line)}}@media(max-width:600px){.gravity-stage{min-height:auto}.gravity-scene{min-height:380px}.impact-rings{min-height:410px;transform:scale(.8);margin:-40px}.impact-copy{padding:35px}}

/* Rebuilt hero visuals for sections 01 and 06 */
.section-canvas{height:440px;position:relative;overflow:hidden;border:1px solid var(--line);margin:0 0 75px;background:var(--ink);isolation:isolate}.section-canvas canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2}.section-canvas::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(207,255,58,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(207,255,58,.06) 1px,transparent 1px);background-size:38px 38px}.section-canvas::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 45%,rgba(130,231,183,.18),transparent 40%);pointer-events:none;z-index:3}.canvas-caption{position:absolute;left:35px;bottom:32px;color:white;z-index:5}.canvas-caption span{font:8px var(--mono);letter-spacing:.13em;color:var(--acid)}.canvas-caption strong{display:block;font:600 clamp(28px,4vw,54px)/.98 var(--display);letter-spacing:-.05em;margin-top:12px}.canvas-fallback{position:absolute;width:260px;height:260px;right:12%;top:50%;transform:translateY(-50%);border:1px dashed rgba(207,255,58,.45);border-radius:50%;display:grid;place-items:center;z-index:1}.canvas-fallback strong{width:88px;height:88px;border-radius:50%;background:var(--acid);color:var(--ink);display:grid;place-items:center;font:italic 38px Georgia}.canvas-fallback i{position:absolute;inset:20px;border:1px solid rgba(130,231,183,.28);border-radius:50%;animation:rotate 8s linear infinite}.canvas-fallback i:nth-child(2){inset:48px;animation-direction:reverse}.canvas-fallback i:nth-child(3){inset:-25px;border-style:dashed;animation-duration:14s}.canvas-six{background:#102019}.network-fallback i{width:22px;height:22px;inset:auto;background:var(--acid);box-shadow:0 0 25px var(--acid)}.network-fallback i:nth-child(1){left:10px;top:45%}.network-fallback i:nth-child(2){right:10px;top:45%}.network-fallback i:nth-child(3){top:10px;left:45%}.network-fallback i:nth-child(4){bottom:10px;left:45%}.network-fallback strong{font-style:normal;font:600 25px var(--display)}
/* Seven additional motion systems */
.hero-grid{animation:gridDrift 14s linear infinite}.orbit-a{animation:orbitBreathe 7s ease-in-out infinite}.orbit-b{animation:orbitBreathe 7s ease-in-out -3s infinite}.machine-label{animation:labelFlicker 4s steps(1) infinite}.concept-icon{animation:iconFloat 3.5s ease-in-out infinite}.concept-flow article:nth-child(2n) .concept-icon{animation-delay:-1.7s}.part.active{animation:diagramPulse 1.8s ease-in-out infinite}.safety-band>span{animation:warningBeat 1.6s ease-in-out infinite}.quote>span{display:inline-block;animation:quoteFloat 4s ease-in-out infinite}.resource-links>a{background-image:linear-gradient(90deg,rgba(207,255,58,.08),transparent);background-size:0 100%;background-repeat:no-repeat;transition:background-size .45s,padding .3s}.resource-links>a:hover{background-size:100% 100%;padding-left:12px}.comparison .plant{animation:plantSway 4s ease-in-out infinite}.rotating-result .plant{animation:plantSway 3s ease-in-out -1s infinite}
@keyframes gridDrift{to{background-position:54px 54px}}@keyframes orbitBreathe{50%{transform:scale(1.06);opacity:.45}}@keyframes labelFlicker{0%,92%,100%{opacity:1}93%,96%{opacity:.25}}@keyframes iconFloat{50%{transform:translateY(-9px) rotate(2deg)}}@keyframes diagramPulse{50%{filter:drop-shadow(0 0 15px rgba(207,255,58,.9));stroke:var(--acid)}}@keyframes warningBeat{50%{transform:scale(1.12);box-shadow:0 0 0 10px rgba(207,255,58,.12)}}@keyframes quoteFloat{50%{transform:translateY(-10px) rotate(5deg)}}@keyframes plantSway{50%{translate:5px 0;rotate:2deg}}
@media(max-width:700px){.section-canvas{height:500px}.canvas-fallback{width:210px;height:210px;right:-45px;top:38%}.canvas-caption{left:24px;bottom:25px}.section-canvas canvas{opacity:.9}}@media(prefers-reduced-motion:reduce){.canvas-fallback,.section-canvas canvas{display:block}.canvas-fallback i{animation:none}}

/* Maximum motion pass */
.ambient-particles{position:fixed;inset:0;pointer-events:none;z-index:18;overflow:hidden}.ambient-particles i{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--acid);opacity:.22;animation:particleRise var(--dur) linear var(--delay) infinite}.cursor-ring{position:fixed;width:34px;height:34px;border:1px solid rgba(207,255,58,.6);border-radius:50%;z-index:101;pointer-events:none;transform:translate(-50%,-50%);transition:width .2s,height .2s,border-color .2s;mix-blend-mode:difference}.cursor-ring.active{width:58px;height:58px;border-color:white}.letter-animate .char{display:inline-block;animation:charWave 3.8s ease-in-out calc(var(--i)*.045s) infinite}.letter-animate em .char{animation-name:charGlow}
.hero::before{content:"";position:absolute;width:45vw;height:45vw;right:5vw;top:12%;border-radius:50%;background:conic-gradient(from 0deg,transparent,var(--acid),transparent 18%,transparent 75%,var(--mint),transparent);filter:blur(55px);opacity:.08;animation:auroraSpin 18s linear infinite}.hero-copy{animation:heroDrift 7s ease-in-out infinite}.hero-wheel{animation:rotate 18s linear infinite,wheelGlow 3.5s ease-in-out infinite}.wheel-spoke{animation:spokePulse 2s ease-in-out infinite}.wheel-spoke.b{animation-delay:-1s}.sample-pot{animation:sampleHover 4s ease-in-out infinite}.live-dot{animation:livePulse 1.4s ease-in-out infinite}.scroll-cue i{position:relative;overflow:hidden}.scroll-cue i::after{content:"";position:absolute;inset:0;background:var(--acid);transform:translateX(-100%);animation:scrollSweep 2s ease-in-out infinite}.hero-stats div{animation:statFloat 4s ease-in-out infinite}.hero-stats div:nth-child(2){animation-delay:-1.3s}.hero-stats div:nth-child(3){animation-delay:-2.6s}
.signal-strip{box-shadow:0 0 25px rgba(207,255,58,.22)}.section-kicker::after{content:"";width:0;height:1px;background:var(--acid);transition:width .8s}.section-kicker.flash::after{width:80px}.section-heading h2,.intro-layout h2,.build-steps>h2,.benefit-grid>h2{background:linear-gradient(100deg,currentColor 20%,#80a267 47%,currentColor 70%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;animation:textShimmer 8s linear infinite}.concept-flow{animation:borderGlow 5s ease-in-out infinite}.flow-arrow{animation:arrowTravel 1.2s ease-in-out infinite}.concept-flow article:nth-of-type(2) .flow-arrow{animation-delay:-.4s}
.vector-story::after,.exploded::after,.comparison::after,.planner::after{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--acid),transparent) 0 0/35% 1px no-repeat;animation:borderRunner 5s linear infinite}.vector-story,.exploded,.comparison,.planner{position:relative}.vector-equation strong{animation:numberPulse 2.2s ease-in-out infinite}.gravity-stage{animation:panelLevitate 6s ease-in-out infinite}.scene-seed{animation:seedBeat 1.8s ease-in-out infinite}.scene-root{animation:rootGrow 3s ease-in-out infinite}.scene-shoot{animation:shootGrow 3s ease-in-out infinite}.stage-transfer{background-image:linear-gradient(135deg,transparent 40%,rgba(207,255,58,.08) 50%,transparent 60%);background-size:300% 100%;animation:transferLight 4s linear infinite}
.sim-readout strong{animation:statusBlink 2s steps(1) infinite}.gravity-vector{animation:gravityBob 2s ease-in-out infinite}.axis-line{animation:axisDash 2.5s linear infinite}.sim-motor{animation:motorVibe .16s linear infinite}.metric div i{box-shadow:0 0 15px var(--acid);animation:metricGlow 1.8s ease-in-out infinite}.control-head i{animation:onlineBlink 1s steps(1) infinite}.chart-wrap{animation:chartGlow 4s ease-in-out infinite}.telemetry-stats strong{animation:dataTick 2.5s ease-in-out infinite}.tool-tabs button.active{animation:activeTab 2s ease-in-out infinite}.timer-face span{animation:timerGlow 1s ease-in-out infinite}.protocol-score svg{animation:slowSpin 18s linear infinite}
.exploded-visual::after{content:"";position:absolute;width:140%;height:1px;background:linear-gradient(90deg,transparent,var(--acid),transparent);top:0;left:-20%;animation:diagramScan 4s ease-in-out infinite}.part-row.active::before{content:"";position:absolute;left:-14px;width:4px;height:60%;background:var(--acid);animation:activeRail 1.4s ease-in-out infinite}.cost-badge{animation:badgeBounce 3s ease-in-out infinite}.step-num{display:inline-block;animation:numRotate 7s ease-in-out infinite}.step:nth-child(2) .step-num{animation-delay:-1s}.step:nth-child(3) .step-num{animation-delay:-2s}.step:nth-child(4) .step-num{animation-delay:-3s}.measure-drawing{animation:measureSpin 12s linear infinite}.frame-drawing{animation:frameBreathe 3s ease-in-out infinite}.motor-drawing{animation:motorShake .4s linear infinite}.balance-drawing{animation:balanceSpin 8s linear infinite}.step-extra{animation:extraReveal .35s ease}
.plant-window{background-size:100% 200%;animation:dayCycle 8s ease-in-out infinite}.soil{animation:soilPulse 5s ease-in-out infinite}.leaf{animation:leafFlutter 2s ease-in-out infinite}.root{animation:rootWiggle 3s ease-in-out infinite}.versus{animation:versusPulse 1.5s ease-in-out infinite}.experiment-cards article>span{display:inline-block;animation:experimentNum 3s ease-in-out infinite}.planner-controls output{animation:outputFlash 2s ease-in-out infinite}.protocol-card{background:radial-gradient(circle at 15% 50%,rgba(207,255,58,.05),transparent 35%);animation:protocolAmbient 5s ease-in-out infinite}
.benefit-list article>span{animation:benefitIndex 2.5s ease-in-out infinite}.impact-core{animation:coreBreathe 2.6s ease-in-out infinite}.impact-node{animation:nodeOrbit 5s ease-in-out infinite}.n2{animation-delay:-1.2s}.n3{animation-delay:-2.4s}.n4{animation-delay:-3.6s}.impact-copy h3{animation:copyDrift 5s ease-in-out infinite}.quote blockquote{animation:quoteBreathe 6s ease-in-out infinite}.accordion summary b{animation:plusSpin 5s ease-in-out infinite}.resource-links b{display:inline-block;animation:externalFloat 2s ease-in-out infinite}.materials{animation:materialGlow 5s ease-in-out infinite}.resources form button span{display:inline-block;animation:sendArrow 1.2s ease-in-out infinite}footer .brand-mark{animation:footerMark 8s linear infinite}
@keyframes particleRise{from{transform:translateY(105vh) scale(.4)}to{transform:translateY(-10vh) scale(1.7);opacity:0}}@keyframes charWave{50%{transform:translateY(-4px) rotate(-1deg)}}@keyframes charGlow{50%{text-shadow:0 0 28px var(--acid);transform:translateY(-7px)}}@keyframes auroraSpin{to{transform:rotate(360deg)}}@keyframes heroDrift{50%{transform:translateY(-5px)}}@keyframes wheelGlow{50%{box-shadow:inset 0 0 80px rgba(157,236,197,.14),0 0 90px rgba(207,255,58,.15)}}@keyframes spokePulse{50%{opacity:.35}}@keyframes sampleHover{50%{box-shadow:0 0 25px rgba(207,255,58,.2)}}@keyframes livePulse{50%{box-shadow:0 0 0 11px rgba(207,255,58,0)}}@keyframes scrollSweep{50%,100%{transform:translateX(100%)}}@keyframes statFloat{50%{transform:translateY(-5px)}}@keyframes textShimmer{to{background-position:-250% 0}}@keyframes borderGlow{50%{box-shadow:0 0 45px rgba(130,231,183,.08)}}@keyframes arrowTravel{50%{transform:translateX(6px);color:var(--acid)}}@keyframes borderRunner{to{background-position:150% 0}}@keyframes numberPulse{50%{transform:scale(1.05);text-shadow:0 0 18px rgba(207,255,58,.3)}}@keyframes panelLevitate{50%{transform:translateY(-5px);box-shadow:0 20px 45px rgba(18,35,29,.1)}}@keyframes seedBeat{50%{transform:translate(-50%,-50%) rotate(-20deg) scale(1.12)}}@keyframes rootGrow{50%{height:64px}}@keyframes shootGrow{50%{height:59px}}@keyframes transferLight{to{background-position:-300% 0}}@keyframes statusBlink{50%{opacity:.55}}@keyframes gravityBob{50%{transform:translateY(9px)}}@keyframes axisDash{50%{opacity:.35}}@keyframes motorVibe{50%{translate:1px 0}}@keyframes metricGlow{50%{filter:brightness(1.5)}}@keyframes onlineBlink{50%{opacity:.35}}@keyframes chartGlow{50%{filter:drop-shadow(0 0 12px rgba(207,255,58,.1))}}@keyframes dataTick{50%{color:white}}@keyframes activeTab{50%{box-shadow:inset 0 0 20px rgba(255,255,255,.3)}}@keyframes timerGlow{50%{text-shadow:0 0 20px var(--acid)}}@keyframes slowSpin{to{transform:rotate(270deg)}}@keyframes diagramScan{50%,100%{top:100%}}@keyframes activeRail{50%{height:90%}}@keyframes badgeBounce{50%{transform:translateY(-6px)}}@keyframes numRotate{50%{transform:rotate(12deg);color:var(--diagram)}}@keyframes measureSpin{to{transform:rotate(360deg)}}@keyframes frameBreathe{50%{scale:.94}}@keyframes motorShake{50%{translate:2px 0}}@keyframes balanceSpin{to{transform:rotate(360deg)}}@keyframes extraReveal{from{opacity:0;transform:translateY(-5px)}}@keyframes dayCycle{50%{background-position:0 100%}}@keyframes soilPulse{50%{filter:brightness(1.2)}}@keyframes leafFlutter{50%{scale:1.08;rotate:3deg}}@keyframes rootWiggle{50%{translate:3px 0}}@keyframes versusPulse{50%{transform:scale(1.35);text-shadow:0 0 15px var(--acid)}}@keyframes experimentNum{50%{transform:translateY(-5px);color:white}}@keyframes outputFlash{50%{text-shadow:0 0 10px var(--acid)}}@keyframes protocolAmbient{50%{background-position:30px 0}}@keyframes benefitIndex{50%{color:#6f9100;transform:translateX(5px)}}@keyframes coreBreathe{50%{box-shadow:0 0 0 22px rgba(207,255,58,.05),0 28px 60px rgba(18,35,29,.28)}}@keyframes nodeOrbit{50%{filter:drop-shadow(0 8px 12px rgba(18,35,29,.15))}}@keyframes copyDrift{50%{transform:translateX(5px)}}@keyframes quoteBreathe{50%{letter-spacing:-.02em}}@keyframes plusSpin{50%{transform:rotate(90deg)}}@keyframes externalFloat{50%{transform:translate(3px,-3px)}}@keyframes materialGlow{50%{box-shadow:inset 0 0 35px rgba(207,255,58,.05)}}@keyframes sendArrow{50%{transform:translateX(5px)}}@keyframes footerMark{to{transform:rotate(405deg)}}
@media(pointer:coarse){.cursor-ring{display:none}}@media(prefers-reduced-motion:reduce){.ambient-particles,.cursor-ring{display:none}.letter-animate .char{animation:none}}