/* Motion enhancement is opt-in at runtime. The document stays readable without JS. */
body{overflow-x:clip}
.page-progress{position:fixed;inset:0 0 auto;height:3px;z-index:80;pointer-events:none}
.page-progress>span{display:block;height:100%;background:var(--lime);transform:scaleX(0);transform-origin:left;box-shadow:0 0 16px #c6ff7777}
.pointer-aura{display:none;position:fixed;width:380px;height:380px;left:-190px;top:-190px;border-radius:50%;background:radial-gradient(circle,#c6ff770a,transparent 65%);pointer-events:none;z-index:2}
.motion-control{position:fixed;bottom:22px;right:25px;z-index:60;display:flex;align-items:center;gap:12px;padding:12px 17px;border:1px solid #5d724b;background:#121a10eb;backdrop-filter:blur(16px);border-radius:40px;color:#d8e8ca;font-size:12px}
.motion-control:hover{border-color:var(--lime);color:var(--lime)}
.motion-bars{display:flex;align-items:center;gap:3px;height:16px}
.motion-bars i{width:2px;height:6px;background:var(--lime);transform-origin:center}
.motion-on .motion-bars i{animation:equalizer 1.1s ease-in-out infinite alternate}
.motion-bars i:nth-child(2){animation-delay:-.6s}.motion-bars i:nth-child(3){animation-delay:-.2s}.motion-bars i:nth-child(4){animation-delay:-.8s}
.hero-scroll{position:relative}.hero{isolation:isolate}.hero-line{display:block;overflow:clip;padding-bottom:.07em;margin-bottom:-.07em}.hero-line>span{display:block}
.hero-next{display:none;position:absolute;z-index:4;top:50%;left:6%;transform:translateY(-50%);pointer-events:none}
.hero-next>p{font-family:var(--display);font-size:clamp(65px,7.6vw,112px);line-height:1.02;letter-spacing:-.06em;margin:0}
.hero-next .eyebrow{margin-bottom:28px}
#intelligence-core{display:block;width:100%;height:100%;position:absolute;inset:0;opacity:0;z-index:1}
.canvas-ready #intelligence-core{opacity:1}.canvas-ready .sculpture{opacity:0}
.hero-art .sculpture{transition:opacity .6s}
.tag-three{left:18%;top:12%;font-size:12px;opacity:0}
.floating-tag{z-index:2;animation:none;border-color:#556c4099;background:#131b10bf}
.hero-art .orbit-label,.core-label{z-index:3}
.scene-meter{display:flex;align-items:center;gap:12px;width:150px;color:#b6c7a7;font-family:monospace}
.scene-track{height:1px;flex:1;background:#3d512d}.scene-track i{display:block;width:100%;height:2px;background:var(--lime);transform:scaleX(.03);transform-origin:left}
.motion-on .hero-scroll{height:235svh;min-height:1650px}
.motion-on .hero{position:sticky;top:0;height:100svh;min-height:720px;max-height:1100px;max-width:none;width:100%;padding:7svh 6% 85px;display:flex;align-items:center}
.motion-on .hero-copy{max-width:660px;will-change:transform,opacity}
.motion-on .hero h1{font-size:clamp(80px,8.3vw,130px);letter-spacing:-.06em;line-height:.98}
.motion-on .hero-art{width:68%;height:100%;right:-5%;left:auto;top:0;margin:0;will-change:transform;opacity:1}
.motion-on .hero .hero-description{margin-top:24px;font-size:16px;max-width:400px}
.motion-on .hero .hero-note{margin-top:25px}
.motion-on .hero-next{display:block;opacity:0;will-change:transform,opacity}
.motion-on .hero-line>span{animation:heroEnter 1.45s cubic-bezier(.16,1,.3,1) both}
.motion-on .hero-line:nth-child(2)>span{animation-delay:.13s}.motion-on .hero-line:nth-child(3)>span{animation-delay:.26s}
.motion-on .hero-copy>.eyebrow,.motion-on .hero-description,.motion-on .hero-actions,.motion-on .hero-note{animation:fadeRise 1s both;animation-delay:.4s}
.motion-on .hero-description{animation-delay:.6s}.motion-on .hero-actions{animation-delay:.75s}.motion-on .hero-note{animation-delay:.9s}
.motion-on .scroll-cue>span{display:inline-block;animation:scrollNudge 1.8s ease-in-out infinite}
.motion-on .hero-art .label-top{left:37%;top:11%}.motion-on .hero-art .tag-one{top:31%;right:10%}.motion-on .hero-art .tag-two{bottom:20%;left:16%}
.motion-on .hero-art .core-label{left:30%;right:15%;bottom:10%}
.ticker-track{gap:0}.ticker-track>span{padding-inline:38px}.ticker-track>b{padding-inline:10px}
.motion-on .ticker{transform:rotate(-1.3deg) scale(1.025);position:relative;z-index:6;margin-block:14px}
.motion-on .ticker-track{animation:none;will-change:transform}
.heading-word{display:inline-block;vertical-align:top;white-space:pre}
.motion-on .section-heading h2,.motion-on .why h2,.motion-on .contact h2{perspective:600px}
.motion-on .reveal{opacity:0;transform:translate3d(0,50px,0);transition:opacity .9s ease,transform 1.1s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
.motion-on .reveal.visible{opacity:1;transform:none}
.motion-on .reveal .heading-word{opacity:0;transform:translateY(95%) rotateX(-40deg);transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .8s;transition-delay:calc(var(--word-index,0) * 45ms)}
.motion-on .reveal.visible .heading-word{opacity:1;transform:none}
.word-sweep .heading-word{color:#64715b;transition:color .22s}
.motion-off .word-sweep .heading-word{color:inherit}
.agent-network{height:310px;border:1px solid #34452a;border-radius:10px 10px 0 0;border-bottom:0;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#25391a66,transparent 65%);margin-bottom:-8px}
#agent-network{width:100%;height:100%;display:block}
.network-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:13px;pointer-events:none}
.network-hub>span{font-family:var(--display);font-size:45px;letter-spacing:-3px;color:var(--lime)}
.network-hub>small{font-size:10px;letter-spacing:1.2px;color:#aec59b;white-space:nowrap}
.network-label{position:absolute;font-size:11px;letter-spacing:1.4px;color:#aabd99;padding:8px 12px;background:#121b0e;border:1px solid #3b522a;border-radius:30px;transform:translate(-50%,-50%);transition:background .6s,border-color .6s,color .6s}
.network-growth{left:21%;top:27%}.network-support{left:79%;top:27%}.network-operations{left:21%;top:73%}.network-engineering{left:79%;top:73%}
.network-label.active{color:var(--lime);border-color:#a6da66;background:#293d1b}
.agent-workspace{position:relative;z-index:2}
.motion-on .agent-panel.panel-enter .demo-description,.motion-on .agent-panel.panel-enter .workflow-input{animation:panelEnter .6s cubic-bezier(.16,1,.3,1) both}
.motion-on .agent-panel.panel-enter .workflow-step{animation:panelEnter .55s cubic-bezier(.16,1,.3,1) both}
.motion-on .agent-panel.panel-enter .workflow-step:nth-child(2){animation-delay:.06s}.motion-on .agent-panel.panel-enter .workflow-step:nth-child(3){animation-delay:.12s}
.workflow-step{position:relative;overflow:hidden}.motion-on .workflow-step.active:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent,#c6ff7726,transparent);transform:translateX(-100%);animation:scanStep .8s linear infinite}
.motion-on .workflow-connector b{animation:rotateSlow 9s linear infinite}
.motion-on .workflow-output.complete{animation:outputConfirm .7s ease both}
.capability{position:relative;transform-style:preserve-3d;overflow:hidden}
.capability:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(500px circle at var(--spot-x,50%) var(--spot-y,50%),#c6ff7712,transparent 48%);opacity:0;transition:opacity .4s}
.capability:hover:before{opacity:1}
.capability summary,.cap-detail{position:relative;z-index:1}
.motion-on .capability.visible{transform:perspective(950px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--card-lift,0px));transition:transform .35s ease,border-color .3s,opacity 1s}
.motion-on .capability:hover{--card-lift:-10px}
.motion-on .capability .cap-icon{animation:iconBreathe 4s ease-in-out infinite}.motion-on .capability:nth-child(2) .cap-icon{animation-delay:-1s}.motion-on .capability:nth-child(3) .cap-icon{animation-delay:-2s}.motion-on .capability:nth-child(4) .cap-icon{animation-delay:-3s}
.manifesto-scroll{position:relative;margin:0}
.manifesto-line{display:block!important;color:#182610!important;will-change:transform,opacity}
.manifesto-line.human-line{color:#4c722a!important}
.motion-on .manifesto-scroll{height:195svh;min-height:1350px}
.motion-on .manifesto{position:sticky;top:0;min-height:100svh;max-width:none;margin:0;width:100%;border-radius:0;padding:7svh 8%;display:flex;flex-direction:column;justify-content:space-between;clip-path:inset(5% 5% round 8px);will-change:clip-path}
.motion-on .manifesto h2{font-size:clamp(48px,6.6vw,102px);margin:30px 0;letter-spacing:-.05em;line-height:1.07}
.motion-on .manifesto-top,.motion-on .manifesto-bottom{position:relative;z-index:2}
.motion-on .manifesto-star{font-size:80px;animation:rotateSlow 12s linear infinite}
.motion-on .manifesto-bottom{padding-top:25px}
.process-grid{position:relative}
.process-grid article{position:relative}
.process-grid article:before{content:'';position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--lime);transform:scaleX(var(--process-progress,0));transform-origin:left}
.motion-on .process-grid article>span{display:inline-block;transform:translateY(calc((1 - var(--process-progress,0)) * 15px));transition:color .2s;color:var(--lime)}
.contact{position:relative;isolation:isolate;overflow:hidden}
.contact:before{content:'';position:absolute;width:70%;height:100%;top:0;right:-20%;background:radial-gradient(ellipse,#739a2922,transparent 65%);pointer-events:none;z-index:-1}
.motion-on .contact:before{animation:contactGlow 10s ease-in-out infinite alternate}
.motion-on .contact-circle{position:relative;animation:ctaBreathe 4s ease-in-out infinite}
.contact-circle:after{content:'';position:absolute;inset:-12px;border:1px dashed #819b6366;border-radius:50%;pointer-events:none}
.motion-on .contact-circle:after{animation:rotateSlow 22s linear infinite}
.motion-on .button,.motion-on .nav-cta{transform:translate(var(--mag-x,0px),var(--mag-y,0px));transition:transform .3s cubic-bezier(.22,1,.36,1),background .2s;position:relative;overflow:hidden}
.motion-on .primary:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#fff5 50%,transparent 70%);animation:buttonSheen 5s ease-in-out infinite;pointer-events:none}
.motion-on .footer-wordmark{will-change:transform;transform:translateX(var(--footer-shift,0px))}
.footer{padding-bottom:70px}
.motion-off .hero-next{display:none}.motion-off .floating-tag{transform:none!important}.motion-off .tag-three{display:none}.motion-off .scene-meter{display:none}
.motion-off .hero-copy{opacity:1!important;transform:none!important}.motion-off .hero-art{transform:none!important}
.motion-off .hero-scroll,.motion-off .manifesto-scroll{height:auto;min-height:0}
.motion-off .reveal,.motion-off .heading-word{opacity:1!important;transform:none!important}
.motion-off .manifesto{clip-path:none!important}.motion-off .manifesto-line{opacity:1!important;transform:none!important}
.motion-off .motion-bars i{height:8px}.motion-off .pointer-aura{display:none}
.motion-off .capability{transform:none!important}.motion-off .process-grid article:before{transform:scaleX(1)}
.motion-off .process-grid article>span{transform:none}.motion-off .page-progress>span{transition:none}
@keyframes equalizer{to{transform:scaleY(2.3)}}
@keyframes heroEnter{from{transform:translate3d(0,110%,0) rotate(3deg)}to{transform:none}}
@keyframes fadeRise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
@keyframes scrollNudge{0%,100%{transform:translateY(-3px)}50%{transform:translateY(5px)}}
@keyframes panelEnter{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}
@keyframes scanStep{to{transform:translateX(100%)}}
@keyframes outputConfirm{0%{filter:brightness(1);transform:translateY(6px)}50%{filter:brightness(1.6)}100%{filter:brightness(1);transform:none}}
@keyframes iconBreathe{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-7px) rotate(5deg)}}
@keyframes contactGlow{to{transform:translate(-30%,-5%) scale(1.25)}}
@keyframes ctaBreathe{0%,100%{box-shadow:0 0 0 0 #c6ff7710}50%{box-shadow:0 0 0 22px #c6ff7700}}
@keyframes buttonSheen{0%,65%{transform:translateX(-140%)}90%,100%{transform:translateX(140%)}}
@media(hover:hover) and (pointer:fine){.motion-on .pointer-aura{display:block}}
@media(min-width:1600px){.motion-on .hero{padding-inline:calc((100vw - 1408px)/2)}.motion-on .hero-art{right:1%;width:62%}}
@media(max-width:1100px){.motion-on .hero{min-height:710px}.motion-on .hero h1{font-size:clamp(75px,9vw,100px)}.motion-on .hero-art{right:-15%;width:75%}.motion-on .hero .hero-description{max-width:340px}.hero-next>p{font-size:85px}.network-hub>small{font-size:9px}.motion-on .manifesto h2{font-size:7vw}}
@media(max-width:800px){.motion-on .hero{min-height:750px;padding-top:55px}.motion-on .hero-copy{max-width:540px}.motion-on .hero-art{right:-28%;width:90%;opacity:.75}.motion-on .hero h1{font-size:85px}.motion-on .hero-scroll{min-height:1600px}.hero-next>p{font-size:80px}.scene-meter{width:100px}.hero-bottom{font-size:9px}.agent-network{height:270px}.network-hub>span{font-size:36px}.network-label{font-size:9px}.motion-on .manifesto{padding-inline:7%}.motion-on .manifesto h2{font-size:7.6vw}.motion-on .manifesto-star{font-size:65px}}
@media(max-width:560px){.motion-control{bottom:15px;right:14px;padding:10px 13px;font-size:11px;gap:9px}.motion-control .motion-bars{height:14px}.motion-on .hero-scroll{height:175svh;min-height:1320px}.motion-on .hero{min-height:790px;height:100svh;max-height:none;padding:37px 6% 50px;display:block}.motion-on .hero-copy{max-width:none}.motion-on .hero h1{font-size:clamp(62px,15vw,86px);letter-spacing:-.06em}.motion-on .hero .hero-description{max-width:345px;font-size:14px;margin-top:22px}.motion-on .hero .hero-actions{gap:13px}.motion-on .hero .hero-note{font-size:10px;margin-top:20px}.motion-on .hero-art{top:auto;bottom:17px;right:-6%;width:112%;height:40%;min-height:300px;opacity:1}.motion-on .hero-art .tag-one{top:20%;right:12%;font-size:10px}.motion-on .hero-art .tag-two{bottom:12%;left:10%;font-size:10px}.motion-on .hero-art .tag-three{left:10%;top:9%;font-size:10px}.tag-three small{font-size:9px}.hero-next{top:15%;left:6%}.hero-next>p{font-size:clamp(58px,14vw,80px);letter-spacing:-.05em}.hero-next .eyebrow{font-size:10px;max-width:270px;letter-spacing:1px}.motion-on .hero-bottom{left:6%;right:6%;font-size:8px;letter-spacing:.2px;gap:15px;bottom:18px}.motion-on .hero-bottom>span:last-child{display:none}.scene-meter{width:110px;font-size:10px}.ticker-track>span{padding-inline:22px}.ticker-track>b{padding-inline:6px}.motion-on .ticker{margin-block:7px}.agent-network{height:235px}.network-hub>span{font-size:30px;letter-spacing:-2px}.network-hub>small{font-size:7px;letter-spacing:.5px}.network-label{font-size:8px;letter-spacing:.6px;padding:6px 8px}.network-growth,.network-operations{left:18%}.network-support,.network-engineering{left:82%}.network-growth,.network-support{top:23%}.network-operations,.network-engineering{top:77%}.motion-on .manifesto-scroll{height:165svh;min-height:1080px}.motion-on .manifesto{min-height:100svh;padding:45px 7%;justify-content:center;gap:30px}.motion-on .manifesto-top{margin-bottom:auto}.motion-on .manifesto-bottom{margin-top:auto}.motion-on .manifesto h2{font-size:clamp(34px,8.4vw,48px);letter-spacing:-.055em;line-height:1.14;margin:0}.motion-on .manifesto-star{font-size:48px}.manifesto-bottom p{font-size:12px}.footer{padding-bottom:75px}.contact-circle:after{inset:-8px}}
@media(max-height:700px) and (min-width:801px){.motion-on .hero{min-height:650px;padding-block:35px}.motion-on .hero h1{font-size:86px}.motion-on .hero .eyebrow{margin-bottom:18px}.motion-on .hero .hero-description{margin-top:15px}.motion-on .hero .hero-note{margin-top:18px}.motion-on .manifesto{min-height:700px}.motion-on .manifesto h2{font-size:68px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-on){scroll-behavior:auto}html:not(.motion-on) *,html:not(.motion-on) *::before,html:not(.motion-on) *::after{animation:none!important;transition:none!important}}