@font-face{font-family:Selawik;src:url('assets/selawik.woff2')}*{box-sizing:border-box}:root{color-scheme:dark;font-family:Selawik,Arial,sans-serif;background:#030303;color:#ff8000}body{margin:0;overflow:hidden;background:#030303}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit;background:none;border:0;cursor:pointer;font:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:1px solid #ff8000;outline-offset:8px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#universe{height:100svh;min-height:520px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at center,#180a022e 0,transparent 60%)}.booting #universe{visibility:hidden}.deep-grid{position:absolute;inset:0;background-image:linear-gradient(#ff800006 1px,transparent 1px),linear-gradient(90deg,#ff800006 1px,transparent 1px);background-size:45px 45px;transform:perspective(800px) rotateX(28deg) scale(1.3);mask-image:radial-gradient(ellipse,#000,transparent 65%);pointer-events:none}.scanline{position:absolute;inset:0;pointer-events:none;z-index:10;background:repeating-linear-gradient(0deg,#0000 0 3px,#0002 3px 4px);opacity:.25}.orbital-system{position:absolute;top:50%;left:50%;width:min(1200px,93vw);height:min(830px,91svh);transform:translate(-50%,-50%);transition:height 1s,top 1s,width 1s}.connections{position:absolute;inset:0;width:100%;height:100%;opacity:.75;stroke-width:.7}.signal-paths{stroke-width:1;stroke-dasharray:3 340;animation:signal 7s linear infinite;opacity:.5}.core-shell{position:absolute;width:min(690px,73vmin);height:min(690px,73vmin);left:50%;top:50%;transform:translate(-50%,-50%);transition:opacity .8s,scale .8s;pointer-events:none}.core-shell canvas{position:absolute;width:100%;height:100%;inset:0}.core-fallback{position:absolute;width:54%;height:54%;left:23%;top:23%;border:1px solid #ff8000;border-radius:50%;box-shadow:inset 0 0 90px #ff800026,0 0 50px #ff800010;display:none}.no-canvas .core-fallback{display:block}.core-rings{position:absolute;inset:15%;border:1px solid #ff800031;border-radius:50%;transform:rotateX(20deg);box-shadow:0 0 50px #ff800007,inset 0 0 50px #ff800009}.core-rings i{position:absolute;inset:-5%;border:2px solid #ff800045;border-left-color:transparent;border-right-color:transparent;border-radius:50%;animation:spin 40s linear infinite}.core-rings i:nth-child(2){inset:-9%;border-width:1px;border-style:dashed;animation-direction:reverse;animation-duration:100s}.core-rings i:nth-child(3){inset:-14%;border-width:1px;opacity:.3;animation-duration:70s}.satellite{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:clamp(92px,11vw,150px);height:clamp(92px,11vw,150px);padding:0;border-radius:50%;transition:filter .5s,scale .5s;z-index:3}.satellite canvas{width:100%;height:100%;display:block;position:relative;z-index:2}.satellite .sat-frame{position:absolute;inset:7%;border:1px solid #ff800045;border-radius:50%;transition:all .6s;box-shadow:0 0 28px #ff80000a;background:radial-gradient(ellipse,#ff800009,transparent 70%)}.satellite .sat-frame:before,.satellite .sat-frame:after{content:'';position:absolute;inset:-8%;border:1px dashed #ff80002c;border-radius:50%;animation:spin 45s linear infinite}.satellite .sat-frame:after{inset:8%;border-style:solid;border-top-color:transparent;border-bottom-color:transparent;animation-duration:20s;animation-direction:reverse}.satellite:hover,.satellite:focus-visible,.satellite.active{scale:1.16;filter:drop-shadow(0 0 10px #ff800025)}.satellite:hover .sat-frame,.satellite:focus-visible .sat-frame,.satellite.active .sat-frame{border-radius:7%;border-color:#ff80006e;inset:4%;transform:perspective(300px) rotateY(-8deg)}.satellite:hover .sat-frame:before,.satellite:focus-visible .sat-frame:before,.satellite.active .sat-frame:before{border-radius:6%;inset:-4%;border-color:#ff800035}.satellite:after{content:'';position:absolute;left:50%;bottom:-8%;width:3px;height:3px;border-radius:50%;background:#ff8000;box-shadow:0 0 10px #ff8000}.controls{position:absolute;bottom:21px;right:28px;display:flex;gap:17px;z-index:25;align-items:center}.controls button,.controls a{display:grid;place-items:center;width:29px;height:29px;color:#ac6023;opacity:.7;transition:color .3s,opacity .3s}.controls button:hover,.controls a:hover{color:#ff9a39;opacity:1}.controls svg{width:17px;height:17px}.engaged .orbital-system{height:62svh;top:33svh;width:min(1120px,94vw)}.engaged .core-shell{opacity:.11;scale:.82}.engaged .connections{opacity:.4}.engaged .controls{bottom:8px;right:20px;gap:8px}.engaged .controls button,.engaged .controls a{height:20px;width:25px}.engaged .controls svg{height:13px;width:13px}.projection{position:absolute;left:50%;top:50%;width:min(520px,43vw);height:min(390px,43svh);transform:translate(-50%,-50%);z-index:5;animation:projectin .8s both;pointer-events:none;perspective:1000px}.projection-frame{position:absolute;inset:0;border:1px solid #ff800035;clip-path:polygon(0 0,13% 0,13% 1%,1% 1%,1% 15%,0 15%,0 0,100% 0,100% 15%,99% 15%,99% 1%,87% 1%,87% 0,100% 0,100% 100%,87% 100%,87% 99%,99% 99%,99% 85%,100% 85%,100% 100%,0 100%,0 85%,1% 85%,1% 99%,13% 99%,13% 100%,0 100%);background:#ff800030;pointer-events:none}#materialization{height:100%;position:relative;padding:20px}.terminal-dock{position:absolute;left:4vw;right:4vw;bottom:39px;height:27svh;max-height:280px;min-height:150px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;z-index:12;perspective:1000px}.terminal{position:relative;overflow:hidden;border:1px solid #ff800046;background:#080604db;backdrop-filter:blur(12px);border-radius:4px;animation:terminalin .6s both;animation-delay:calc(var(--n)*.065s);box-shadow:0 -10px 40px #ff800006}.terminal:before{content:'';display:block;height:20px;border-bottom:1px solid #ff80002e;background:radial-gradient(circle at 10px 10px,#ff8000 1.5px,transparent 2px),radial-gradient(circle at 18px 10px,#ff800066 1.5px,transparent 2px),radial-gradient(circle at 26px 10px,#ff800044 1.5px,transparent 2px)}.terminal pre{margin:0;padding:12px 10px;white-space:pre-wrap;overflow-wrap:anywhere;font:clamp(6px,.65vw,10px)/1.8 ui-monospace,monospace;color:#d18746;height:calc(100% - 22px);overflow:hidden;scrollbar-width:none}.terminal pre:after{content:'▋';color:#ff8000;animation:blink .25s infinite}.terminal:after{content:'';position:absolute;left:0;top:20px;width:1px;bottom:0;background:#ff800066;animation:blink 1s infinite}.complete .terminal{border-color:#ff800025;opacity:.65;transition:opacity 1.5s}.complete .terminal pre:after{animation-duration:1s}.dock-signal{position:absolute;left:0;right:0;top:-10px;height:1px;background:linear-gradient(90deg,transparent,#ff80004a,transparent)}#close-projection{position:absolute;right:26px;top:22px;color:#a96830;z-index:25;padding:9px}#close-projection svg{width:18px;height:18px}.paused *{animation-play-state:paused!important}
/* Cinematic entrance: no branding or explanatory copy. */
#boot{position:fixed;inset:0;width:100vw;height:100svh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#030303;color:#ff8000;overflow:hidden}#boot::backdrop{background:#030303}#boot canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#matrix-canvas{opacity:1;transition:opacity 1s}#boot-canvas{opacity:0;transform:scale(.8);transition:opacity 1s,transform 1s}.command-line{position:absolute;top:50%;left:50%;transform:translate(-50%,-45%);width:min(420px,80vw);height:58px;border:1px solid #ff800041;background:#080605eb;display:flex;align-items:center;gap:13px;padding:15px 22px;border-radius:6px;opacity:0;transition:opacity .8s,transform .8s}.command-line>span{font:14px ui-monospace,monospace}.command-line input{font:13px ui-monospace,monospace;color:#df842f;width:100%;background:none;border:0;outline:0;caret-color:transparent;pointer-events:none}.command-line>i{height:13px;width:5px;background:#df842f;animation:blink .8s infinite;position:absolute;left:calc(48px + var(--chars,0)*7.8px)}.terminal-ready #matrix-canvas{opacity:.16}.terminal-ready .command-line{opacity:1;transform:translate(-50%,-50%)}.launching #matrix-canvas,.launching .command-line{opacity:0}.launching #boot-canvas{opacity:1;transform:scale(1)}.boot-complete{animation:bootout .7s both}#skip-boot{position:absolute;right:29px;top:25px;padding:10px;color:#8a613e;font:23px/1 Selawik}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes signal{to{stroke-dashoffset:-686}}@keyframes blink{0%,100%{opacity:.35}50%{opacity:1}}@keyframes terminalin{from{opacity:0;transform:translateY(60px) rotateX(-15deg)}to{opacity:1;transform:none}}@keyframes projectin{from{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes bootout{to{opacity:0;transform:scale(1.04)}}
@media(max-width:850px){.orbital-system{width:96vw;height:84svh}.satellite{width:95px;height:95px}.engaged .orbital-system{height:58svh;top:31svh}.projection{width:48vw;height:34svh}.terminal-dock{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));height:31svh;max-height:320px;gap:8px;left:4vw;right:4vw;bottom:37px}.terminal pre{font-size:7px;padding:7px;line-height:1.55}.terminal:before{height:15px;background-position:0 -2px}.terminal pre{height:calc(100% - 15px)}.core-shell{width:70vmin;height:70vmin}.engaged .core-shell{width:63vmin;height:63vmin}}
@media(max-width:480px){#universe{min-height:540px}.orbital-system{height:82svh;width:100vw}.satellite{width:76px;height:76px}.satellite .sat-frame{inset:10%}.satellite:hover,.satellite:focus-visible,.satellite.active{scale:1.08}.core-shell{width:90vw;height:90vw}.engaged .orbital-system{height:58svh;top:29svh;width:100vw}.projection{width:58vw;height:30svh}.engaged .core-shell{width:85vw;height:85vw}#materialization{padding:10px}.terminal-dock{height:31svh;bottom:38px;left:4vw;right:4vw;gap:6px;min-height:160px}.terminal pre{font-size:6px;padding:6px;line-height:1.5}.controls{bottom:18px;right:18px}.controls button,.controls a{width:25px;height:25px}.command-line{height:52px;padding:13px 18px}.command-line input{font-size:12px}.command-line>i{left:calc(44px + var(--chars,0)*7.2px)}#close-projection{right:12px;top:12px}#skip-boot{right:17px;top:16px}.connections{opacity:.45}}
@media(max-height:600px) and (min-width:700px){.orbital-system{height:90svh;width:78vw}.satellite{width:80px;height:80px}.projection{height:37svh;width:35vw}.terminal-dock{bottom:27px;min-height:110px;height:26svh}.terminal pre{font-size:6px}.engaged .orbital-system{height:62svh;top:32svh}.controls{bottom:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.satellite .sat-frame{border-radius:7px}.command-line>i{display:none}}
/* Projected products: interface shapes, no visible marketing copy. */
.finished-product{position:relative;height:100%;width:100%;display:grid;place-items:center;transform-style:preserve-3d;animation:productrise 1s both}.preview-browser{width:100%;height:90%;background:linear-gradient(135deg,#19171a,#0d0c10 70%);border:1px solid #665445;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 22px 55px #0008,0 0 50px #ff800009;transform:perspective(1000px) rotateY(-3deg) rotateX(3deg);transition:all .8s}.browser-bar{height:25px;background:#1e1b1e;border-bottom:1px solid #3a3034;display:flex;align-items:center;padding:0 12px;gap:4px}.browser-bar>i{width:4px;height:4px;border-radius:50%;background:#8e6b4c}.browser-bar>i:first-child{background:#ff8000}.browser-bar>span{width:40%;height:5px;background:#3c3338;border-radius:3px;margin:auto}.browser-bar>b{width:6px;height:6px;border:1px solid #7d6960;border-radius:50%}.erp-layout{display:flex;height:calc(100% - 25px)}.erp-layout aside{width:17%;border-right:1px solid #3e343a;padding:16px 10px;background:#151217}.erp-layout aside>b{display:block;width:18px;height:18px;background:#ff8000;border-radius:5px;margin-bottom:25px}.erp-layout aside>i{display:block;width:var(--width);height:4px;background:#4a3b40;margin-bottom:16px;border-radius:2px}.erp-layout aside>i:nth-of-type(2){background:#a65a21}.erp-main{width:83%;padding:18px}.ui-heading>i{display:block;width:35%;height:6px;background:#aba0a1;border-radius:2px;margin-bottom:7px}.ui-heading>i:nth-child(2){width:23%;height:3px;background:#56474e}.erp-metrics{display:flex;gap:11px;margin-top:20px}.erp-metrics>div{position:relative;flex:1;height:64px;padding:10px;background:#20191e;border:1px solid #483339;border-radius:5px;animation:component .7s calc(var(--i,0)*.12s) both}.erp-metrics>div>i{width:55%;height:4px;display:block;background:#8e7780;border-radius:2px}.erp-metrics>div>b{display:block;margin-top:9px;color:#f28224}.erp-metrics>div>b>svg{width:30px;height:17px}.erp-metrics>div>span{position:absolute;bottom:10px;right:10px;height:2px;width:25%;background:#a96633}.erp-rows{margin-top:16px}.ui-row{height:26px;border-bottom:1px solid #332b34;display:flex;align-items:center;gap:13px;animation:component .6s calc(var(--i)*.1s) both}.ui-row>b{width:11px;height:11px;background:#705248;border-radius:50%}.ui-row>span{width:30%;height:4px;background:#8f7c82;border-radius:3px}.ui-row>i{width:20%;height:3px;background:#52404b;border-radius:2px}.ui-row>em{height:8px;width:22%;background:#583418;border:1px solid #a36427;border-radius:5px;margin-left:auto}.store-nav{height:37px;border-bottom:1px solid #342b32;display:flex;align-items:center;gap:15px;padding:0 18px}.store-nav>b{width:45px;height:6px;background:#dbd2d3;border-radius:2px;margin-right:auto}.store-nav>span{width:30px;height:3px;background:#70646b}.store-nav>i{width:10px;height:10px;border:1px solid #9e8386;border-radius:50%}.store-nav>em{font-style:normal;color:#d2b8a3}.store-nav>em>svg{width:15px;height:15px}.store-front{display:flex;align-items:center;padding:15px 25px;height:48%;background:radial-gradient(ellipse at 80% 50%,#45301c,#171218 75%)}.store-copy{width:48%;padding:0 7px}.store-copy>i{display:block;width:var(--width);height:9px;background:#e0d4d0;margin-bottom:7px;border-radius:2px}.store-copy>i:last-of-type{width:50%}.store-copy>b{width:40%;height:14px;background:#ff8000;display:block;margin-top:20px;border-radius:3px}.store-art{flex:1;height:100%;position:relative}.store-art>i{position:absolute;display:block;box-shadow:8px 12px 15px #0006;animation:bob 5s ease-in-out infinite}.store-art>i:nth-child(1){width:42px;height:77px;left:5%;top:10%;border-radius:22px 22px 13px 13px;background:linear-gradient(110deg,#c65805,#ffad62 35%,#7e3000);rotate:-14deg}.store-art>i:nth-child(2){width:60px;height:60px;top:34%;left:43%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#b8acac,#4d414c 70%,#262128);animation-delay:-2s}.store-art>i:nth-child(3){width:32px;height:50px;top:0;right:4%;border-radius:7px 7px 16px 16px;background:linear-gradient(110deg,#444047,#c2b6b5 40%,#50444f);rotate:15deg;animation-delay:-3s}.store-products{display:flex;gap:13px;padding:13px 25px;height:29%}.store-products>div{flex:1;position:relative;border:1px solid #4d3c43;background:#1c171d;border-radius:4px;padding:8px;animation:component .7s calc(var(--i)*.13s) both}.mini-product{display:block;width:23px;height:29px;border-radius:12px 12px 5px 5px;margin:0 auto 9px;background:linear-gradient(100deg,#7e3a0d,#d28342 40%,#8d4413)}.mini-product.product-1{border-radius:50%;width:28px;background:radial-gradient(circle at 30% 30%,#aaa0a4,#55444e)}.mini-product.product-2{border-radius:5px 5px 12px 12px;background:linear-gradient(100deg,#84767f,#b1a8ac,#61505f)}.store-products>div>span{display:block;width:65%;height:3px;background:#9b8b96;border-radius:2px}.store-products>div>i{width:12px;height:8px;background:#ae5613;position:absolute;bottom:8px;right:8px;border-radius:2px}.ui-toast{position:absolute;right:15px;bottom:18px;width:120px;height:30px;background:#20160f;border:1px solid #ac651f;border-radius:5px;display:flex;align-items:center;gap:8px;padding:8px;opacity:0}.ui-toast svg{width:14px;height:14px;color:#ff8000}.ui-toast>span{width:60px;height:3px;background:#a98265}.mobile-product{height:94%;max-height:335px;aspect-ratio:.51;background:linear-gradient(135deg,#272329,#0f0c13 60%);border:3px solid #a08d83;border-radius:26px;position:relative;padding:27px 12px 12px;box-shadow:0 22px 40px #0009;transform:perspective(900px) rotateY(-9deg) rotateZ(4deg);overflow:hidden;z-index:2}.phone-camera{width:30%;height:9px;position:absolute;top:7px;left:35%;background:#030303;border-radius:9px}.mobile-top{display:flex;justify-content:space-between;margin-bottom:13px}.mobile-top i{width:16px;height:3px;background:#9f8e9a}.mobile-top b{width:9px;height:4px;border:1px solid #9f8e9a;border-radius:1px}.mobile-header>b{display:block;width:22px;height:22px;border-radius:50%;background:linear-gradient(120deg,#c77d35,#744638);margin-bottom:13px}.mobile-header>i{display:block;height:5px;background:#a695a0;width:80%;margin-bottom:6px;border-radius:2px}.mobile-header>i:last-child{height:3px;width:55%;background:#655561}.mobile-calendar{display:flex;gap:5px;margin-block:20px}.mobile-calendar>i{width:10px;height:15px;border:1px solid #66525e;border-radius:3px}.mobile-calendar>.chosen{background:#ff8000;border-color:#ff8000;box-shadow:0 0 12px #ff800022}.mobile-cards>div{height:39px;display:flex;align-items:center;gap:8px;background:#251c27;border:1px solid #51404f;border-radius:5px;padding:7px;margin-bottom:7px}.mobile-cards b{width:16px;height:20px;background:#8c5936;border-radius:3px}.mobile-cards span{flex:1}.mobile-cards span>i{display:block;height:3px;background:#a08b9a;width:90%;margin:5px 0}.mobile-cards span>i:last-child{width:60%;background:#645263}.mobile-cards>div>i{width:5px;height:5px;border:1px solid #b9753c;border-radius:50%}.mobile-action{height:23px;background:#ff8000;border-radius:4px;color:#20100a;display:grid;place-items:center;margin-top:13px}.mobile-action svg{width:11px;height:11px}.mobile-bottom{display:flex;justify-content:space-around;margin-top:14px}.mobile-bottom>i{width:7px;height:7px;border:1px solid #987888;border-radius:2px}.mobile-back{position:absolute;left:20%;height:83%;aspect-ratio:.51;background:linear-gradient(120deg,#3b2b32,#120f15);border:1px solid #66505a;border-radius:23px;rotate:-12deg;opacity:.65;box-shadow:0 25px 40px #0009}.mobile-notice{position:absolute;left:51%;top:68%;height:32px;width:112px;display:flex;align-items:center;gap:9px;border:1px solid #a2652b;background:#201610;border-radius:6px;padding:8px;z-index:4;opacity:0}.mobile-notice svg{width:16px;height:16px}.mobile-notice i{width:50px;height:3px;background:#ba967d}
.integration-product,.agent-product,.infrastructure-product{position:relative;width:100%;height:100%}.integration-wires{position:absolute;inset:0;width:100%;height:100%;stroke:#875321;stroke-width:1;fill:none}.packet{stroke:#ff8000;stroke-width:2;stroke-dasharray:8 180;animation:packetflow 2s linear infinite}.integration-sources{position:absolute;left:4%;top:14%;width:21%;height:72%;display:flex;flex-direction:column;justify-content:space-between}.integration-sources>div{height:23%;background:linear-gradient(135deg,#2e211a,#151016);border:1px solid #9c5e27;border-radius:5px;display:flex;align-items:center;justify-content:space-around;box-shadow:0 7px 25px #0008}.integration-sources svg{width:24px;height:24px;color:#c4a58e}.integration-sources i{width:4px;height:4px;border-radius:50%;background:#ff8000;box-shadow:0 0 8px #ff8000;animation:blink 1s infinite}.integration-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:66px;width:66px;display:grid;place-items:center;border:1px solid #e17c22;border-radius:50%;background:#20120b;box-shadow:0 0 35px #ff800016}.integration-hub svg{width:35px;height:35px}.integration-destination{position:absolute;right:2%;top:32%;width:24%;height:36%;border:1px solid #80502e;border-radius:6px;padding:14px;background:#1d1417;box-shadow:0 10px 30px #0008}.integration-destination i{display:block;height:3px;background:#a5754c;width:var(--width);margin-bottom:12px}.integration-destination b{display:grid;place-items:center;width:25px;height:25px;border:1px solid #a86a32;border-radius:50%;margin:15px auto 0}.integration-destination svg{width:14px;height:14px}.agent-nucleus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:77px;height:77px;display:grid;place-items:center;background:radial-gradient(ellipse,#73320a,#1a0e06 65%,transparent);border-radius:50%;box-shadow:0 0 40px #ff800022}.agent-nucleus>i{position:absolute;inset:0;border:1px dashed #ff8000;border-radius:50%;animation:spin 15s linear infinite}.agent-nucleus svg{width:32px;height:32px}.agent-unit{position:absolute;width:53px;height:48px;border:1px solid #86502a;background:#1d1316;border-radius:6px;display:grid;place-items:center;box-shadow:0 5px 20px #0009}.agent-unit svg{width:22px;height:22px;color:#d2a176}.agent-unit>i{position:absolute;right:5px;top:5px;width:3px;height:3px;border-radius:50%;background:#ff8000;animation:blink .8s infinite}.unit-0{left:16%;top:12%}.unit-1{right:16%;top:12%}.unit-2{left:14%;bottom:15%}.unit-3{right:14%;bottom:15%}.agent-validation{position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:29px;width:29px;border:1px solid #794820;border-radius:50%;display:grid;place-items:center;background:#190e09}.agent-validation svg{height:17px;width:17px}.analytics-header{padding:20px;position:relative}.analytics-header>i{display:block;height:5px;background:#b4a3af;width:35%;margin-bottom:8px;border-radius:2px}.analytics-header>i:last-of-type{height:3px;width:22%;background:#73606f}.analytics-header>b{position:absolute;right:22px;top:22px;width:32px;height:10px;border:1px solid #705044;border-radius:3px}.analytics-main{display:flex;height:51%;gap:15px;padding:0 20px}.analytics-chart{position:relative;width:65%;display:flex;gap:9px;align-items:end;border-bottom:1px solid #6a4a3b;padding-top:14px}.analytics-chart>i{height:var(--h);background:linear-gradient(0deg,#753409,#e57a1e);flex:1;border-radius:3px 3px 0 0;animation:bars 4s calc(var(--i)*.1s) infinite;transform-origin:bottom}.analytics-chart>svg{position:absolute;inset:0;width:100%;height:100%;stroke:#e3b494;stroke-width:1.2;filter:drop-shadow(0 0 4px #ff800040)}.analytics-ring{position:relative;flex:1;display:grid;place-items:center}.analytics-ring>svg{width:100%;height:100%;transform:rotate(-90deg);stroke-width:5}.analytics-ring circle{stroke:#59443f}.analytics-ring .ring-fill{stroke:#ed801e;stroke-dasharray:165 220;animation:ringdraw 4s infinite}.analytics-ring>i{position:absolute;width:12px;height:12px;border:1px solid #d78a4c;border-radius:50%}.analytics-bottom{display:flex;gap:15px;margin:20px}.analytics-bottom>div{flex:1;height:29px;background:#241b23;border:1px solid #493642;border-radius:4px;padding:8px}.analytics-bottom b,.analytics-bottom i{display:block;height:3px;width:70%;background:#a17b69;border-radius:2px}.analytics-bottom i{width:40%;margin-top:5px;background:#65505e}.audit-product{height:calc(100% - 25px);display:flex;padding:22px;gap:25px}.code-illustration{width:58%;position:relative;padding:6px 0;overflow:hidden}.code-illustration>div{display:flex;align-items:center;gap:10px;height:18px;animation:component .4s calc(var(--i)*.04s) both}.code-illustration>div>b{width:4px;height:3px;background:#695464}.code-illustration>div>span{height:4px;background:#b78d7d;border-radius:2px}.code-illustration>div:nth-child(3n)>span{background:#d27430}.code-illustration>div:nth-child(3n+1)>span{margin-left:12px;background:#94818e}.code-scan{position:absolute;left:0;right:0;height:30px;top:0;background:linear-gradient(0deg,#ff800022,transparent);border-bottom:1px solid #ff8000a0;animation:codescan 3s linear infinite}.audit-results{flex:1;padding-top:12px}.audit-results>div{display:flex;align-items:center;gap:10px;margin-bottom:22px;border:1px solid #654333;background:#261a1b;padding:11px 9px;border-radius:5px;animation:auditpulse 3s calc(var(--i)*.5s) infinite}.audit-results svg{width:15px;height:15px}.audit-results span{flex:1}.audit-results span>i{display:block;height:3px;width:var(--width);background:#af8c7f;margin:6px 0}.audit-results span>i:last-child{background:#70535a}.cloud-product{position:absolute;top:4%;left:50%;transform:translateX(-50%);width:86px;height:66px;border:1px solid #a55e22;background:radial-gradient(ellipse,#3f220f,#110d10);border-radius:12px;display:grid;place-items:center;box-shadow:0 0 40px #ff800010}.cloud-product>svg{width:46px;height:46px}.server-stack{position:absolute;bottom:11%;width:20%;height:36%;padding:6px;background:linear-gradient(140deg,#392a2a,#140e15);border:1px solid #955d35;border-radius:4px;box-shadow:7px 12px 25px #0009;transform:perspective(400px) rotateY(-9deg)}.stack-0{left:6%}.stack-1{left:40%}.stack-2{right:6%}.server-stack>div{height:26%;border:1px solid #69505a;display:flex;align-items:center;justify-content:space-between;margin-bottom:7%;padding:0 7px;background:#271c25}.server-stack span{width:45%;height:3px;background:#806d7c}.server-stack i{width:4px;height:4px;border-radius:50%;background:#ff8000;box-shadow:0 0 8px #ff800050;animation:blink .7s infinite}
.assembling-core{position:absolute;left:50%;top:50%;translate:-50% -50%;width:130px;height:130px}.assembling-core>i{position:absolute;inset:0;border:1px solid #ff8000;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;box-shadow:0 0 20px #ff80000a;animation:spin 2s linear infinite;transform:rotateX(30deg)}.assembling-core>i:nth-child(2){inset:15%;animation-direction:reverse;animation-duration:1.4s}.assembling-core>i:nth-child(3){inset:35%;background:#ff80001a;animation-duration:.8s}.ascii-product{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:clamp(6px,.7vw,10px)/1.1 ui-monospace,monospace;color:#e18636;margin:0;white-space:pre;text-shadow:0 0 8px #ff800022;animation:asciiform .6s both}.phase-2 .finished-product{filter:grayscale(1);opacity:.75}.phase-2 .preview-browser,.phase-2 .mobile-product,.phase-2 .mobile-back,.phase-2 .integration-sources>div,.phase-2 .integration-destination,.phase-2 .integration-hub,.phase-2 .agent-nucleus,.phase-2 .agent-unit,.phase-2 .server-stack,.phase-2 .cloud-product{background:transparent!important;box-shadow:none!important;border-color:#97755d!important}.phase-2 .finished-product i,.phase-2 .finished-product b,.phase-2 .finished-product em,.phase-2 .finished-product span,.phase-2 .mini-product{background:transparent!important;border:1px solid #66594f55}.phase-2 .store-art>i{box-shadow:none}.phase-2:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#ff800017 50%,transparent 50.2%),linear-gradient(transparent 49.8%,#ff800017 50%,transparent 50.2%);pointer-events:none}.phase-3 .preview-browser,.phase-3 .mobile-product{animation:materialize 2.4s both}.phase-3 .erp-main,.phase-3 .store-front,.phase-3 .analytics-main,.phase-3 .mobile-header,.phase-3 .mobile-cards,.phase-3 .audit-product{animation:component .9s .3s both}.demo-pointer{position:absolute;z-index:9;left:60%;top:40%;opacity:0}.demo-pointer>svg{width:16px;height:23px;fill:#f4ebe5;stroke:#1b1110;stroke-width:1}.demo-pointer>i{position:absolute;left:0;top:0;width:30px;height:30px;border:1px solid #ff8000;border-radius:50%;opacity:0}.interactive .demo-pointer{animation:cursorpath 7s infinite}.interactive .demo-pointer>i{animation:cursorclick 7s infinite}.interactive .ui-toast,.interactive .mobile-notice{animation:notice 7s infinite}.interactive .interaction-pulse{position:absolute;right:16px;top:69%;height:21px;width:25%;border:1px solid #ff800088;background:#ff800012;animation:notice 7s infinite}.interactive .agent-validation{animation:auditpulse 2s infinite}.interactive .integration-destination>b{animation:blink 1.5s infinite}.phase-4 .finished-product{animation:none}
/* Keep the familiar six-terminal treatment below the holograms. */
.terminal-dock{left:50%;right:auto;width:min(1450px,92vw);transform:translateX(-50%);grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));height:32svh;min-height:210px;max-height:330px;bottom:36px;gap:10px}.terminal{background:#0a090bdc;border-color:#8c572a88;border-radius:6px;box-shadow:0 10px 30px #0005}.terminal pre{color:#b3aba7;font-size:8px;line-height:1.8;padding:10px 12px}.terminal:before{height:20px;border-color:#8c572a55;background:radial-gradient(circle at calc(100% - 12px) 10px,#ff8000 1.5px,transparent 2px)}.engaged .orbital-system{height:58svh;top:30svh}.engaged .projection{height:min(350px,39svh)}
@keyframes productrise{from{opacity:0;transform:scale(.85) translateY(10px)}to{opacity:1;transform:none}}@keyframes component{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -6px}}@keyframes packetflow{to{stroke-dashoffset:-376}}@keyframes bars{0%,100%{transform:scaleY(.8)}50%{transform:scaleY(1)}}@keyframes ringdraw{0%,100%{stroke-dashoffset:35}50%{stroke-dashoffset:0}}@keyframes codescan{from{translate:0 -30px}to{translate:0 220px}}@keyframes auditpulse{0%,100%{opacity:.6}50%{opacity:1;box-shadow:0 0 12px #ff800018}}@keyframes asciiform{from{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur(0)}}@keyframes materialize{from{filter:grayscale(1);opacity:.5}to{filter:none;opacity:1}}@keyframes cursorpath{0%{opacity:0;left:60%;top:40%}8%{opacity:1}24%,35%{opacity:1;left:64%;top:55%}55%,66%{opacity:1;left:77%;top:75%}85%{opacity:1;left:35%;top:65%}100%{opacity:0;left:35%;top:65%}}@keyframes cursorclick{0%,23%,36%,54%,67%,100%{opacity:0;transform:translate(-50%,-50%) scale(0)}25%,56%{opacity:.8;transform:translate(-50%,-50%) scale(.2)}34%,65%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes notice{0%,56%,100%{opacity:0;translate:0 7px}65%,90%{opacity:1;translate:0 0}}
@media(min-width:1600px){.terminal pre{font-size:9px}}
@media(max-width:850px){.preview-browser{height:85%}.projection{width:48vw}.browser-bar{height:20px}.erp-main{padding:12px}.erp-metrics{gap:7px;margin-top:14px}.erp-metrics>div{height:49px;padding:7px}.erp-metrics>div>b>svg{height:13px;width:23px}.erp-rows{margin-top:10px}.ui-row{height:22px}.erp-layout{height:calc(100% - 20px)}.store-front{padding:12px 16px}.store-products{padding:10px 16px;gap:9px}.store-copy>i{height:7px}.store-art>i:nth-child(1){width:30px;height:59px}.store-art>i:nth-child(2){width:45px;height:45px}.store-art>i:nth-child(3){width:24px;height:39px}.mobile-product{max-height:270px;padding:24px 9px 8px;border-radius:22px}.mobile-header>b{width:18px;height:18px;margin-bottom:9px}.mobile-header>i{height:4px;margin-bottom:5px}.mobile-calendar{margin-block:12px;gap:4px}.mobile-calendar>i{width:8px;height:13px}.mobile-cards>div{height:30px;padding:5px;gap:5px}.mobile-cards b{height:15px;width:12px}.mobile-cards span>i{height:2px;margin:4px 0}.mobile-action{margin-top:9px;height:20px}.mobile-bottom{margin-top:9px}.mobile-top{margin-bottom:10px}.terminal-dock{height:32svh;bottom:33px;gap:7px;min-height:190px}.terminal pre{font-size:7px;padding:7px;line-height:1.65}.terminal:before{height:17px}.terminal pre{height:calc(100% - 17px)}.analytics-header{padding:14px}.analytics-main{padding:0 14px;gap:10px;height:47%}.analytics-chart{gap:6px}.analytics-bottom{margin:14px;gap:9px}.analytics-bottom>div{height:25px;padding:7px}.audit-product{padding:15px;gap:15px}.code-illustration>div{height:15px}.audit-results>div{padding:8px;gap:7px;margin-bottom:17px}.agent-nucleus{width:60px;height:60px}.agent-unit{width:45px;height:40px}.server-stack{padding:4px}.server-stack>div{padding:0 5px}.integration-hub{height:52px;width:52px}.integration-destination{padding:10px}.cloud-product{height:48px;width:65px}.cloud-product>svg{height:32px;width:32px}}
@media(max-width:480px){.engaged .projection{width:58vw;height:29svh}.terminal-dock{width:94vw;gap:5px;bottom:34px;height:32svh;min-height:170px}.terminal pre{font-size:5.5px;padding:6px;line-height:1.7}.terminal:before{height:14px;background-position:0 -3px}.terminal pre{height:calc(100% - 14px)}.finished-product{padding:0}.preview-browser{height:83%;border-radius:5px}.browser-bar{height:16px;padding-inline:7px;gap:3px}.browser-bar>i{width:3px;height:3px}.browser-bar>span{height:3px}.browser-bar>b{width:4px;height:4px}.erp-layout{height:calc(100% - 16px)}.erp-layout aside{padding:12px 6px;width:17%}.erp-layout aside>b{width:12px;height:12px;margin-bottom:16px}.erp-layout aside>i{height:2px;margin-bottom:12px}.erp-main{padding:10px}.ui-heading>i{height:4px}.ui-heading>i:nth-child(2){height:2px}.erp-metrics{gap:5px;margin-top:10px}.erp-metrics>div{height:36px;padding:6px;border-radius:3px}.erp-metrics>div>i{height:2px}.erp-metrics>div>b{margin-top:5px}.erp-metrics>div>b>svg{width:16px;height:9px}.erp-metrics>div>span{bottom:6px;right:6px;width:20%}.ui-row{height:18px;gap:7px}.ui-row>b{height:7px;width:7px}.ui-row>span{height:3px}.ui-row>i{height:2px}.ui-row>em{height:6px}.store-nav{height:25px;padding:0 12px;gap:8px}.store-nav>b{width:29px;height:4px}.store-nav>span{height:2px;width:20px}.store-nav>em>svg{height:11px;width:11px}.store-nav>i{height:7px;width:7px}.store-front{height:46%;padding:10px 13px}.store-copy>i{height:5px;margin-bottom:5px}.store-copy>b{margin-top:12px;height:10px}.store-art>i:nth-child(1){height:45px;width:23px}.store-art>i:nth-child(2){height:33px;width:33px}.store-art>i:nth-child(3){height:29px;width:19px}.store-products{height:27%;padding:9px 12px;gap:7px}.store-products>div{padding:5px}.mini-product{width:14px;height:18px;margin-bottom:5px}.mini-product.product-1{width:18px}.store-products>div>span{height:2px}.store-products>div>i{height:5px;width:8px;right:4px;bottom:4px}.ui-toast{width:85px;height:23px;padding:6px;gap:5px}.ui-toast>span{width:40px;height:2px}.ui-toast svg{height:11px;width:11px}.mobile-product{height:93%;max-height:240px;border-width:2px;border-radius:19px;padding:24px 8px 7px}.mobile-back{border-radius:18px;left:13%}.phone-camera{height:7px;top:5px}.mobile-header>b{height:17px;width:17px;margin-bottom:8px}.mobile-top{margin-bottom:7px}.mobile-header>i{height:3px;margin-bottom:4px}.mobile-calendar{margin-block:11px;gap:3px}.mobile-calendar>i{width:8px;height:11px}.mobile-cards>div{height:27px;margin-bottom:5px;padding:5px;gap:5px}.mobile-cards b{width:10px;height:15px}.mobile-cards>div>i{width:4px;height:4px}.mobile-action{height:19px;margin-top:9px}.mobile-bottom{margin-top:10px}.mobile-bottom>i{height:5px;width:5px}.mobile-notice{width:82px;height:25px;gap:6px;padding:6px}.mobile-notice svg{height:11px;width:11px}.mobile-notice i{width:37px;height:2px}.integration-hub{height:40px;width:40px}.integration-hub svg{width:23px;height:23px}.integration-sources>div{border-radius:4px}.integration-sources svg{height:17px;width:17px}.integration-sources i{height:3px;width:3px}.integration-destination{padding:7px;border-radius:4px}.integration-destination i{height:2px;margin-bottom:7px}.integration-destination b{height:19px;width:19px;margin-top:8px}.integration-destination svg{height:10px;width:10px}.agent-nucleus{height:45px;width:45px}.agent-nucleus svg{height:23px;width:23px}.agent-unit{height:32px;width:34px;border-radius:4px}.agent-unit svg{height:17px;width:17px}.agent-validation{height:24px;width:24px}.agent-validation svg{height:13px;width:13px}.analytics-header{padding:12px}.analytics-header>i{height:4px;margin-bottom:6px}.analytics-header>i:last-of-type{height:2px}.analytics-header>b{height:7px;width:22px;top:14px;right:13px}.analytics-main{height:46%;padding:0 12px;gap:9px}.analytics-chart{gap:4px}.analytics-chart>i{border-radius:2px 2px 0 0}.analytics-ring>svg{stroke-width:4}.analytics-ring>i{height:8px;width:8px}.analytics-bottom{margin:12px;gap:7px}.analytics-bottom>div{height:20px;padding:6px}.analytics-bottom b,.analytics-bottom i{height:2px}.analytics-bottom i{margin-top:4px}.audit-product{height:calc(100% - 16px);padding:12px;gap:12px}.code-illustration>div{height:12px;gap:5px}.code-illustration>div>b{width:3px;height:2px}.code-illustration>div>span{height:3px}.code-illustration>div:nth-child(3n+1)>span{margin-left:7px}.audit-results{padding-top:7px}.audit-results>div{gap:5px;padding:6px;margin-bottom:12px}.audit-results svg{height:10px;width:10px}.audit-results span>i{height:2px;margin:5px 0}.cloud-product{height:39px;width:54px;border-radius:7px}.cloud-product>svg{height:27px;width:27px}.server-stack{padding:4px;border-radius:3px}.server-stack>div{padding:0 4px}.server-stack span{height:2px}.server-stack i{height:3px;width:3px}.demo-pointer>svg{height:17px;width:12px}.assembling-core{width:80px;height:80px}.ascii-product{font-size:5.5px}}
@media(prefers-reduced-motion:reduce){.demo-pointer{display:none}.phase-4 .ui-toast,.phase-4 .mobile-notice{opacity:1}.terminal pre:after{opacity:1}.finished-product,.preview-browser,.mobile-product{animation:none!important}.phase-4 .finished-product{opacity:1;filter:none}}
/* The center is a reactive sculpture; only the eight outer widgets start services. */
#core-interaction{position:absolute;left:50%;top:50%;translate:-50% -50%;width:min(390px,43vmin);height:min(390px,43vmin);border-radius:50%;z-index:4;cursor:default}.core-hover .core-rings{filter:drop-shadow(0 0 12px #ff800030)}.core-hover .core-rings i:first-child{border-color:#ff800088;border-left-color:transparent;border-right-color:transparent;animation-duration:18s}.hud-circuitry{position:absolute;inset:0;width:100%;height:100%;opacity:.27;pointer-events:none;z-index:-1}.hud-stream{stroke-width:1.5;stroke-dasharray:12 760;animation:signal 12s linear infinite}.hud-brand{position:absolute;left:25%;top:46%;width:110px;height:67px;translate:-50% -50%;pointer-events:none;z-index:3;opacity:.83}.hud-brand>img{position:absolute;width:116px;height:116px;left:-4px;top:-27px;max-width:none;mix-blend-mode:screen}.hud-brand>span{position:absolute;inset:-7px -5px 3px;border:1px solid #ff800034;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 25px #ff80000b}.hud-brand>span:before,.hud-brand>span:after{content:'';position:absolute;inset:4px 17px;border:1px solid #ff80004a;border-radius:50%;transform:rotate(70deg)}.hud-brand>span:after{transform:rotate(-20deg);inset:-7px 25px}.engaged .hud-brand{opacity:.34}.satellite[data-key=erp]{width:147px;height:130px}.satellite[data-key=erp] .sat-frame{border-radius:5px;border-left-color:#ff80008a;border-bottom-color:#ff800023}.satellite[data-key=erp] .sat-frame:before{border-radius:2px;border-style:solid;border-right-color:transparent;animation:none;transform:rotate(3deg)}.satellite[data-key=erp] .sat-frame:after{border-radius:3px;inset:18%;animation:none}.satellite[data-key=web]{width:152px;height:135px}.satellite[data-key=web] .sat-frame{transform:perspective(300px) rotateX(25deg) rotateY(-15deg);border-width:2px;border-right-color:transparent}.satellite[data-key=web] .sat-frame:before{border-style:solid;border-top-color:transparent;inset:-12%;animation-duration:65s}.satellite[data-key=app]{width:112px;height:164px}.satellite[data-key=app] .sat-frame{border-radius:25px;inset:4% 10%;border-width:1px;border-left-color:#ff8000a0}.satellite[data-key=app] .sat-frame:before{border-radius:20px;inset:6% 9%;border-style:solid;animation:none}.satellite[data-key=app] .sat-frame:after{border-radius:1px;inset:7% 36% 89%;background:#ff80005a;animation:none}.satellite[data-key=api]{width:159px;height:144px}.satellite[data-key=api] .sat-frame{border:0;border-radius:0;background:none}.satellite[data-key=api] .sat-frame:before{border-radius:7%;inset:25%;rotate:45deg;border-style:solid;animation:none}.satellite[data-key=api] .sat-frame:after{inset:-2%;border-style:dashed;border-color:#ff800028;animation-duration:35s}.satellite[data-key=agent]{width:147px;height:147px}.satellite[data-key=agent] .sat-frame{border:0;clip-path:polygon(50% 0,98% 35%,79% 94%,21% 94%,2% 35%);background:#ff80000b}.satellite[data-key=agent] .sat-frame:before{border-style:solid;inset:10%;animation-duration:22s}.satellite[data-key=agent] .sat-frame:after{border-style:dotted;inset:30%;border-width:2px}.satellite[data-key=bi]{width:139px;height:139px}.satellite[data-key=bi] .sat-frame{border-width:4px;border-right-color:transparent;border-bottom-color:#ff800018;rotate:-30deg;box-shadow:none}.satellite[data-key=bi] .sat-frame:before{border-width:2px;border-style:solid;border-bottom-color:transparent;inset:9%;animation-duration:50s}.satellite[data-key=bi] .sat-frame:after{inset:21%;border-width:4px;border-color:#ff800058;border-left-color:transparent;animation-duration:65s}.satellite[data-key=audit]{width:163px;height:163px}.satellite[data-key=audit] .sat-frame{border-width:1px;border-color:#ff800070;background:conic-gradient(from 0deg,#ff800020,transparent 60%);box-shadow:inset 0 0 20px #ff80000b}.satellite[data-key=audit] .sat-frame:before{border-style:solid;border-width:1px;inset:13%;animation:none}.satellite[data-key=audit] .sat-frame:after{inset:30%;border-width:1px;border-style:dashed;animation-duration:70s}.satellite[data-key=infra]{width:141px;height:151px}.satellite[data-key=infra] .sat-frame{border-radius:35%;border-top-color:transparent;border-bottom-color:transparent}.satellite[data-key=infra] .sat-frame:before{inset:4% -9%;border-style:solid;border-radius:50%;transform:rotateX(53deg);animation:none}.satellite[data-key=infra] .sat-frame:after{inset:25% -9% -17%;border-style:solid;border-radius:50%;transform:rotateX(53deg);animation:none}.satellite:hover .sat-frame,.satellite:focus-visible .sat-frame{filter:drop-shadow(0 0 8px #ff800022)}
@media(max-width:850px){.hud-brand{width:82px;height:50px;left:25%;top:46%}.hud-brand>img{width:90px;height:90px;top:-21px;left:-4px}.satellite[data-key]{width:100px;height:100px}.satellite[data-key=app]{width:79px;height:118px}.satellite[data-key=audit]{width:115px;height:115px}.satellite[data-key=infra]{width:94px;height:110px}.hud-circuitry{opacity:.18}}
@media(max-width:480px){#core-interaction{width:44vw;height:44vw}.hud-brand{left:26%;top:45%;width:57px;height:37px;opacity:.72}.hud-brand>img{width:63px;height:63px;left:-3px;top:-14px}.hud-brand>span{inset:0 -2px 1px}.hud-brand>span:before{inset:2px 12px}.hud-brand>span:after{inset:-3px 15px}.satellite[data-key]{width:77px;height:77px}.satellite[data-key=app]{width:65px;height:99px}.satellite[data-key=audit]{width:88px;height:88px}.satellite[data-key=infra]{width:74px;height:90px}.engaged .hud-brand{opacity:.2}.hud-circuitry{opacity:.12}}
@media(max-height:600px) and (min-width:700px){.satellite[data-key]{width:76px;height:76px}.satellite[data-key=app]{width:59px;height:95px}.satellite[data-key=audit]{width:86px;height:86px}.hud-brand{width:72px;height:44px}.hud-brand>img{width:80px;height:80px;left:-4px;top:-19px}}
/* The orbit never moves or shrinks. Three code drawers overlay it temporarily. */
.engaged .orbital-system{top:50%;height:min(830px,91svh);width:min(1200px,93vw)}.engaged .core-shell{scale:1;opacity:.18}.engaged .hud-brand{opacity:.6}.engaged .projection{height:min(390px,43svh)}.terminal-dock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr;position:fixed;left:3vw;right:3vw;bottom:0;width:auto;height:34svh;max-height:340px;min-height:190px;transform:none;gap:15px;pointer-events:none;z-index:30;perspective:none}.terminal.drawer{border-radius:8px 8px 0 0;background:#0b090cf5;backdrop-filter:blur(15px);box-shadow:0 -12px 55px #000a;border-color:#a15a2490;animation:none!important;transform:translateY(108%);opacity:0;visibility:hidden;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .4s,visibility .65s;pointer-events:none}.terminal.drawer.drawer-open{transform:translateY(0);opacity:1;visibility:visible}.terminal.drawer.drawer-closing{transform:translateY(108%);opacity:0;visibility:hidden;transition-timing-function:cubic-bezier(.65,0,.9,.4)}.terminal.drawer:before{height:25px;border-color:#74431e;background:radial-gradient(circle at 13px 12px,#ff8000 2px,transparent 2.5px),radial-gradient(circle at 22px 12px,#ff800062 2px,transparent 2.5px),radial-gradient(circle at 31px 12px,#ff800033 2px,transparent 2.5px)}.terminal.drawer pre{height:calc(100% - 25px);font-size:10px;line-height:1.85;padding:15px 18px}.phase-4 .finished-product{animation:finalreveal 1.1s both!important}.phase-4 .preview-browser,.phase-4 .mobile-product{transition:none}.phase-4 .ui-toast,.phase-4 .mobile-notice{display:none!important}.phase-4 .interaction-pulse{display:none!important}@keyframes finalreveal{from{opacity:0;filter:blur(4px);transform:scale(.97)}to{opacity:1;filter:blur(0);transform:scale(1)}}
@media(max-width:850px){.engaged .orbital-system{width:96vw;height:84svh;top:50%}.engaged .core-shell{width:70vmin;height:70vmin}.engaged .projection{height:34svh}.terminal-dock{left:2vw;right:2vw;gap:9px;min-height:180px;height:34svh}.terminal.drawer pre{font-size:8px;padding:12px 10px}}
@media(max-width:480px){.engaged .orbital-system{width:100vw;height:82svh;top:50%}.engaged .core-shell{width:90vw;height:90vw}.engaged .projection{height:29svh}.terminal-dock{left:1vw;right:1vw;gap:5px;min-height:170px;height:32svh}.terminal.drawer{border-radius:5px 5px 0 0}.terminal.drawer:before{height:20px;background-position:0 -2px}.terminal.drawer pre{height:calc(100% - 20px);font-size:6px;line-height:1.8;padding:9px 7px}}
@media(max-height:600px) and (min-width:700px){.engaged .orbital-system{height:90svh;width:78vw;top:50%}.engaged .projection{height:37svh;width:35vw}.terminal-dock{min-height:120px;height:32svh}.terminal.drawer pre{font-size:7px}}
@media(prefers-reduced-motion:reduce){.terminal.drawer{display:none}.phase-4 .finished-product{animation:none!important}}
.terminal.drawer.drawer-open{pointer-events:auto}
/* The brand is a translucent projection with scan gaps and a faint offset echo. */
.hud-brand{opacity:.85;transform:perspective(500px) rotateY(-16deg) rotateX(5deg);filter:drop-shadow(0 0 5px #ff800024)}.hud-brand>img{opacity:.46;filter:grayscale(1) sepia(1) saturate(4) hue-rotate(-14deg);mix-blend-mode:screen;mask-image:repeating-linear-gradient(0deg,#0000 0 1px,#0008 1px 2px,#000d 2px 3px);-webkit-mask-image:repeating-linear-gradient(0deg,#0000 0 1px,#0008 1px 2px,#000d 2px 3px)}.hud-brand>.holo-echo{translate:1px -2px;opacity:.16;filter:grayscale(1) sepia(1) saturate(5) blur(.65px)}.hud-brand:after{content:'';position:absolute;left:0;right:0;height:1px;top:20%;background:linear-gradient(90deg,transparent,#ff80006a,transparent);box-shadow:0 0 8px #ff800036;animation:brand-scan 5s ease-in-out infinite}.hud-brand>span{opacity:.6}.engaged .hud-brand{opacity:.7}
.orbital-system{container-type:size}.engaged .core-shell{opacity:1;scale:1}.engaged .core-rings{transform:rotateX(40deg) scaleX(1.32) scaleY(1.05);transition:transform 1s cubic-bezier(.2,.8,.2,1)}.core-rings{transition:transform 1s cubic-bezier(.2,.8,.2,1)}.projection{animation:aperture-reveal 1s .2s both}.projection-frame{display:none}.ascii-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;animation:ascii-stage-in .5s .25s both}.ascii-stage .service-title{font:12px/1.5 Selawik,Arial,sans-serif;letter-spacing:.04em;color:#d38d53;text-align:center;font-weight:400;margin:0;max-width:92%}.ascii-stage .ascii-product{position:static;transform:none;margin:0;animation:none}
#universe[data-drawer-edge=top] .terminal-dock{top:0;bottom:auto}#universe[data-drawer-edge=top] .terminal.drawer{transform:translateY(-108%);border-radius:0 0 8px 8px;box-shadow:0 12px 55px #000a}#universe[data-drawer-edge=top] .terminal.drawer.drawer-open{transform:translateY(0)}#universe[data-drawer-edge=top] .terminal.drawer.drawer-closing{transform:translateY(-108%)}
/* Keep the same reactor centered while the surrounding constellation unfolds. */
#boot{transition:background 1.3s}#boot::backdrop{transition:background 1.3s}#boot.boot-handoff,#boot.boot-handoff::backdrop{background:transparent}#boot-canvas{transition:opacity 1s,transform 1.3s cubic-bezier(.2,.65,.2,1)}#boot.boot-handoff #boot-canvas{transform:scale(var(--handoff-scale,.73));opacity:0;transition:transform 1.3s cubic-bezier(.2,.65,.2,1),opacity .95s .35s}.intro-reveal .core-shell{animation:core-continuity 1.3s both}.intro-reveal .satellite{animation:satellite-unfold 1.4s cubic-bezier(.15,.7,.2,1) both;animation-delay:calc(.4s + var(--arrival)*.11s)}.intro-reveal .connections{animation:surroundings-in 1.8s .55s both}.intro-reveal .hud-circuitry{animation:surroundings-in 2s .7s both}.intro-reveal .hud-brand{animation:brand-in 1.8s .9s both}body:not(.orbit-ready) .satellite{pointer-events:none}
@keyframes brand-scan{0%,100%{top:15%;opacity:.15}50%{top:85%;opacity:.7}}@keyframes aperture-reveal{from{opacity:0;clip-path:ellipse(0% 40% at 50% 50%)}to{opacity:1;clip-path:ellipse(78% 80% at 50% 50%)}}@keyframes ascii-stage-in{from{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}@keyframes core-continuity{from{opacity:0}to{opacity:1}}@keyframes satellite-unfold{from{opacity:0;translate:var(--origin-x) var(--origin-y);filter:blur(5px)}to{opacity:1;translate:0 0;filter:blur(0)}}@keyframes surroundings-in{from{opacity:0}to{opacity:var(--hud-opacity,.6)}}@keyframes brand-in{from{opacity:0}to{opacity:.85}}
.hud-circuitry{--hud-opacity:.27}.connections{--hud-opacity:.75}@media(max-width:850px){.hud-circuitry{--hud-opacity:.18}.ascii-stage{gap:12px}.ascii-stage .service-title{font-size:11px}}@media(max-width:480px){.hud-circuitry{--hud-opacity:.12}.ascii-stage .service-title{font-size:9px;letter-spacing:.02em}.ascii-stage{gap:10px}#universe[data-drawer-edge=top] .terminal.drawer{border-radius:0 0 5px 5px}}
@media(prefers-reduced-motion:reduce){.intro-reveal .satellite{translate:0 0;opacity:1;filter:none}.intro-reveal .core-shell{opacity:1}.projection{clip-path:none}.ascii-stage{opacity:1;filter:none}.hud-brand:after{display:none}}
/* Ambient engineering telemetry: illustrative geometry, never service controls. */
.telemetry-field{position:absolute;inset:0;pointer-events:none;z-index:-1;contain:layout style}.telemetry-widget{position:absolute;color:#ff8000;opacity:.28;pointer-events:none}.telemetry-widget>svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:.8}.telemetry-dial{left:4.5%;top:10%;width:110px;height:130px}.telemetry-dial>svg{height:100px;stroke-width:.7}.dial-ticks{opacity:.6}.telemetry-dial circle{opacity:.45}.telemetry-dial .dial-progress{stroke-width:3;stroke-dasharray:145 220;stroke-dashoffset:30;transform:rotate(-90deg);transform-origin:50% 50%;opacity:.9;animation:telemetry-dial 14s ease-in-out infinite}.telemetry-dial .dial-center{fill:#ff8000;stroke:none}.dial-pointer{transform-origin:50% 50%;animation:telemetry-pointer 19s ease-in-out infinite}.telemetry-stripes{display:flex;gap:6px;margin-top:8px}.telemetry-stripes>i{display:block;height:2px;flex:1;background:#ff80005c}.telemetry-stripes>i:nth-child(2){flex:.5}.telemetry-stripes>i:nth-child(3){flex:.2}.telemetry-packets{right:4.5%;top:20%;width:170px;height:100px}.telemetry-packets rect,.telemetry-packets circle{fill:#ff80000a;stroke:#ff800080}.telemetry-load{left:5%;bottom:8%;width:210px;height:60px}.telemetry-bars{display:flex;align-items:end;height:48px;gap:5px;border-bottom:1px solid #ff800058}.telemetry-bars>i{display:block;flex:1;background:#ff80008a;height:var(--level);transform-origin:bottom;animation:telemetry-bar 4.5s var(--delay) ease-in-out infinite}.telemetry-trace{height:5px;border-bottom:1px solid #ff80003e;margin-top:5px}.telemetry-activity{right:4%;top:48%;width:142px}.telemetry-activity>div{display:flex;align-items:center;gap:10px;height:25px;border-bottom:1px solid #ff800028}.telemetry-activity i{width:5px;height:5px;border:1px solid #ff8000;border-radius:1px}.telemetry-activity span{height:2px;width:var(--length);background:#ff80006b}.telemetry-activity b{width:3px;height:3px;border-radius:50%;background:#ff8000;margin-left:auto;animation:blink 2.8s infinite}.telemetry-activity>div:nth-child(2n) b{animation-delay:-1.4s}.telemetry-wave{right:5%;bottom:8%;width:230px;height:60px}.telemetry-wave>svg{height:45px}.wave-grid{stroke:#ff800025;stroke-width:.5}.wave-graph{stroke:#ff8000b0;stroke-width:1;stroke-dasharray:420 35;animation:wave-stream 8s linear infinite}.wave-dots{display:flex;gap:20px;margin-top:9px}.wave-dots i{height:2px;flex:1;background:#ff800048}.telemetry-schema{left:4%;top:46%;width:162px;height:100px}.telemetry-schema>svg{position:absolute;inset:0}.telemetry-schema>div{position:absolute;width:45px;height:37px;border:1px solid #ff80005b;padding:6px}.telemetry-schema>div:first-child{left:0;top:7px}.telemetry-schema>div:nth-of-type(2){left:0;bottom:0}.telemetry-schema>div:last-child{right:0;bottom:0}.telemetry-schema i{display:block;height:2px;background:#ff80006b;margin-bottom:6px;width:90%}.telemetry-schema i:nth-child(2){width:65%}.telemetry-schema i:nth-child(3){width:45%}.telemetry-tunnel{right:6%;top:5%;width:110px;height:65px;perspective:350px;opacity:.17}.telemetry-tunnel>i{position:absolute;inset:0;border:1px solid #ff8000;transform:rotateY(-25deg);animation:tunnel-pulse 7s linear infinite}.telemetry-tunnel>i:nth-child(2){inset:8px;animation-delay:-1.4s}.telemetry-tunnel>i:nth-child(3){inset:16px;animation-delay:-2.8s}.telemetry-tunnel>i:nth-child(4){inset:24px;animation-delay:-4.2s}.telemetry-tunnel>i:nth-child(5){inset:30px;animation-delay:-5.6s}.telemetry-network{left:16%;top:4%;width:145px;height:100px;opacity:.18}.telemetry-network circle{fill:#ff800047;animation:blink 3s infinite}.intro-reveal .telemetry-field{animation:telemetry-arrival 2s 1.1s both}
@keyframes telemetry-dial{0%,100%{stroke-dashoffset:45}45%{stroke-dashoffset:-35}70%{stroke-dashoffset:10}}@keyframes telemetry-pointer{0%,100%{rotate:0deg}45%{rotate:230deg}75%{rotate:140deg}}@keyframes telemetry-bar{0%,100%{scale:1 .45}40%{scale:1 1}75%{scale:1 .7}}@keyframes wave-stream{to{stroke-dashoffset:-455}}@keyframes tunnel-pulse{0%,100%{opacity:.3}50%{opacity:.8}}@keyframes telemetry-arrival{from{opacity:0}to{opacity:1}}
@media(max-width:1400px){.telemetry-widget{opacity:.18}.telemetry-dial{left:2%;width:85px;height:100px}.telemetry-dial>svg{height:80px}.telemetry-schema{left:1.5%;width:115px;height:80px}.telemetry-schema>div{width:33px;height:30px;padding:5px}.telemetry-schema i{margin-bottom:5px}.telemetry-packets{right:2%;width:125px;height:80px}.telemetry-activity{right:1.5%;width:100px}.telemetry-load{left:3%;width:160px;height:45px}.telemetry-wave{right:3%;width:170px}.telemetry-network{left:13%;width:110px}.telemetry-tunnel{width:85px}}
@media(max-width:850px){.telemetry-network,.telemetry-packets,.telemetry-schema,.telemetry-activity,.telemetry-tunnel{display:none}.telemetry-dial{left:4%;top:4%;width:60px;height:70px;opacity:.18}.telemetry-dial>svg{height:60px}.telemetry-stripes{gap:4px;margin-top:5px}.telemetry-load{left:4%;bottom:5%;width:110px;height:32px;opacity:.16}.telemetry-bars{height:30px;gap:3px}.telemetry-wave{right:4%;bottom:5%;width:130px;height:40px;opacity:.16}.telemetry-wave>svg{height:30px}.wave-dots{gap:10px;margin-top:6px}}
@media(prefers-reduced-motion:reduce){.telemetry-widget *{animation:none!important}.intro-reveal .telemetry-field{opacity:1}}
#boot.boot-handoff #boot-canvas{transform:translate(var(--handoff-x,0px),var(--handoff-y,0px)) scale(var(--handoff-scale,.73))}
/* Short responses use composited opacity/transform, without animated blur. */
.satellite{transition:scale .18s ease-out}.satellite .sat-frame{transition:border-color .2s,transform .22s,border-radius .22s}.core-rings,.engaged .core-rings{transition:transform .28s ease-out}.projection{animation:quick-aperture .38s .03s both}.ascii-stage{animation:quick-ascii .18s both}.phase-4 .finished-product{animation:quick-final .4s both!important}.finished-product{animation:quick-final .4s both}.terminal.drawer{backdrop-filter:none;background:#0b090cf7;transition:transform .3s cubic-bezier(.2,.75,.2,1),opacity .2s,visibility .3s}.terminal.drawer.drawer-closing{transition-duration:.25s,.18s,.25s}.terminal.drawer pre{contain:layout paint}.intro-reveal .satellite{animation-name:quick-orbit-arrival;animation-duration:.85s;animation-delay:calc(.2s + var(--arrival)*.065s)}.intro-reveal .telemetry-field{animation-duration:1.1s;animation-delay:.5s}.intro-reveal .hud-brand{animation-duration:1s;animation-delay:.5s}
@keyframes quick-aperture{from{opacity:0;transform:translate(-50%,-50%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes quick-ascii{from{opacity:0}to{opacity:1}}@keyframes quick-final{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes quick-orbit-arrival{from{opacity:0;translate:var(--origin-x) var(--origin-y)}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.projection,.ascii-stage,.phase-4 .finished-product,.intro-reveal .satellite{animation:none!important}}