/* Dockvi public signal environment. All effects are local and decorative. */
:root{color-scheme:dark;--ink:#080b10;--panel:#0e141c;--text:#edf3f3;--muted:#a8b9c1;--lime:#dbff57;--cyan:#69f5e0;--line:#26383e;--pink:#ee85e7;--wrap:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--font-body);font-size:20px;line-height:1.5;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}::selection{background:var(--lime);color:var(--ink)}p{margin:0 0 1em}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.1;margin:0}h2{font-size:clamp(36px,4.5vw,64px);letter-spacing:-.045em}h3{font-size:26px;letter-spacing:-.025em}.wrap{max-width:var(--wrap);margin:auto;width:calc(100% - 96px)}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-150%);z-index:100;background:var(--lime);color:var(--ink);padding:12px}.skip-link:focus{transform:none}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(#4975750a 1px,transparent 1px),linear-gradient(90deg,#4975750a 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(#000,transparent 90%)}.ambient-glow{position:absolute;width:900px;height:900px;border-radius:50%;top:-300px;right:-300px;background:radial-gradient(ellipse,#0b4a483d,transparent 67%)}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--lime);transform:scaleX(0);transform-origin:left;z-index:30;box-shadow:0 0 15px #dbff5755}.site-header{display:flex;align-items:center;gap:40px;min-height:100px;border-bottom:1px solid var(--line);position:relative;z-index:5}.wordmark{font-family:var(--font-display);font-size:30px;font-weight:800;letter-spacing:-.07em}.wordmark span{margin-left:8px;color:var(--lime);font-size:23px;letter-spacing:-.14em}.site-header nav{display:flex;gap:32px;margin-left:auto;font-weight:600;font-size:18px}.site-header nav a{position:relative;padding:12px 0}.site-header nav a:after{content:"";position:absolute;bottom:6px;left:0;right:0;height:2px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-header nav a:hover:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:20px}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:50px;padding:13px 24px;border:1px solid #667d80;font-weight:700;font-size:18px;transition:background .25s,color .25s,box-shadow .25s,transform .25s;isolation:isolate}.button span{font-size:24px;line-height:1}.button:hover{background:var(--cyan);color:var(--ink);border-color:var(--cyan);box-shadow:0 0 28px #69f5e025;transform:translateY(-2px)}.button.primary{background:var(--lime);border-color:var(--lime);color:#0a1006;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));padding:17px 27px}.button.primary:hover{background:var(--cyan);border-color:var(--cyan)}.button.primary:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#fff9 48%,transparent 65%);transform:translateX(-150%);animation:button-sheen 7s ease-in-out infinite;z-index:-1}.motion-toggle{background:none;border:1px solid var(--line);width:44px;height:44px;display:grid;place-items:center;cursor:pointer}.motion-toggle:hover{border-color:var(--cyan)}.motion-icon{font-family:var(--font-display);font-size:17px}.motion-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.eyebrow{font-family:var(--font-display);font-size:12px;letter-spacing:.16em;font-weight:600;color:var(--cyan);display:flex;gap:12px;align-items:center;margin-bottom:25px}.signal-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 13px #69f5e088;animation:signal-pulse 3s ease-in-out infinite}.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px;min-height:790px;padding:85px 0 90px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(68px,7.1vw,106px);text-transform:uppercase;font-weight:700;letter-spacing:-.065em;line-height:1.02}.hero-brand{color:var(--lime);position:relative;display:inline-block;text-shadow:0 0 50px #dbff5720}.title-period{color:var(--cyan)}.hero-version{color:var(--muted);white-space:nowrap}.tagline{font-size:18px;letter-spacing:.04em;color:var(--cyan);margin:26px 0 18px}.lead{max-width:480px;font-size:21px;line-height:1.5;color:var(--muted);margin-bottom:30px}.actions{display:flex;align-items:center;gap:26px}.text-link{display:inline-flex;align-items:center;gap:12px;min-height:48px;font-weight:600;font-size:18px}.text-link:hover{color:var(--cyan)}.status-line{font-size:15px;color:var(--muted);margin:22px 0 0;display:flex;align-items:center;gap:10px}.scroll-cue{position:absolute;bottom:25px;left:0;display:flex;align-items:center;gap:13px;font-family:var(--font-display);font-size:10px;letter-spacing:.2em;color:var(--muted);padding:10px 0}.scroll-cue>span{font-size:20px;color:var(--lime);animation:cue 2.5s ease-in-out infinite}
/* A dimensional hologram, built from SVG and CSS rather than a video download. */
.hologram{height:630px;position:relative;min-width:0;margin-right:-20px;isolation:isolate}.hologram:before{content:"";position:absolute;inset:2% -10%;background:radial-gradient(ellipse,#1cdac710 10%,transparent 67%);z-index:-1}.hologram:after{content:"";position:absolute;inset:16px 0;border:1px solid #69f5e014;clip-path:polygon(0 0,35% 0,35% 2px,2px 2px,2px 24%,0 24%,0 0,100% 0,100% 100%,65% 100%,65% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 75%,100% 75%,100% 0);pointer-events:none}.particle-field{position:absolute;inset:0;width:100%;height:100%;opacity:.7;pointer-events:none}.holo-top,.holo-bottom{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;color:#6c9d9c;font:10px var(--font-display);letter-spacing:.18em}.holo-top{top:28px}.holo-bottom{bottom:30px}.holo-scene{position:absolute;inset:35px 0 20px;perspective:900px}.holo-stage{position:absolute;left:50%;top:45%;width:390px;height:390px;margin:-195px;transform-style:preserve-3d;transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .6s ease-out}.core-shell{position:absolute;inset:40px;transform-style:preserve-3d;animation:levitate 6s ease-in-out infinite}.core-wire{position:absolute;inset:0;width:100%;height:100%;color:var(--cyan);stroke:currentColor;stroke-width:.6;opacity:.62;filter:drop-shadow(0 0 6px #69f5e033);animation:wire-turn 40s linear infinite}.core-symbol{position:absolute;inset:88px 99px;color:var(--cyan);filter:drop-shadow(0 0 16px #69f5e09c);animation:core-breathe 5s ease-in-out infinite}.core-symbol svg{width:100%;height:100%;overflow:visible}.core-scan{position:absolute;inset:8%;border-radius:50%;overflow:hidden;mask-image:radial-gradient(#000 35%,transparent 70%)}.core-scan:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#69f5e024 49%,#b9fff8a6 50%,transparent 51%);animation:scan 5s linear infinite}.orbital{position:absolute;inset:-16px;border:1px solid #69f5e06b;border-radius:50%;transform-style:preserve-3d;box-shadow:0 0 22px #69f5e00a,inset 0 0 20px #69f5e00a}.orbital:before{content:"";position:absolute;inset:-5px;border:2px dashed #69f5e033;border-radius:50%}.orbital:after{content:"";position:absolute;width:8px;height:8px;left:50%;top:-5px;background:var(--cyan);box-shadow:0 0 20px var(--cyan);border-radius:50%}.orbital-a{animation:orbit-a 23s linear infinite}.orbital-b{inset:-42px;border-color:#dbff5769;animation:orbit-b 30s linear infinite}.orbital-b:before{border-color:#dbff5729}.orbital-b:after{background:var(--lime);box-shadow:0 0 20px var(--lime)}.orbital-c{inset:5px;border-color:#ee85e745;animation:orbit-c 28s linear infinite}.orbital-c:before{border:0;border-top:4px solid #ee85e7aa}.orbital-c:after{display:none}.satellite{position:absolute;width:8px;height:8px;border:1px solid var(--cyan);transform:rotate(45deg)}.satellite-a{left:15px;top:60px;animation:levitate 5s ease-in-out infinite}.satellite-b{right:-35px;bottom:30px;border-color:var(--lime);animation:levitate 7s ease-in-out infinite reverse}.holo-base{position:absolute;bottom:4%;left:18%;width:64%;height:20%;border:1px solid #69f5e08a;border-radius:50%;transform:rotateX(62deg);box-shadow:0 0 40px #69f5e024,inset 0 0 30px #69f5e022;background:repeating-radial-gradient(ellipse,transparent 0 19px,#69f5e019 20px 21px);animation:base-pulse 5s ease-in-out infinite}.holo-beam{position:absolute;left:22%;width:56%;top:37%;bottom:12%;background:linear-gradient(0deg,#69f5e018,transparent);clip-path:polygon(0 0,100% 0,65% 100%,35% 100%);pointer-events:none}.holo-label{position:absolute;display:flex;align-items:center;gap:13px;padding:12px 15px;background:#0b181de6;border:1px solid #335557;box-shadow:0 10px 35px #0007;backdrop-filter:blur(10px);animation:label-float 7s ease-in-out infinite;z-index:3}.holo-label small{font:9px var(--font-display);letter-spacing:.16em;color:var(--cyan);display:block;margin-bottom:5px}.holo-label strong{font-size:17px;font-weight:600;white-space:nowrap;line-height:1.2;display:block}.label-icon{color:var(--lime);font-size:26px;font-family:var(--font-display)}.label-inbox{left:0;top:24%}.label-context{right:-8px;top:56%;animation-delay:-2s}.label-action{left:10%;bottom:15%;animation-delay:-4s}.mini-bars{display:flex;align-items:center;gap:3px;height:20px;padding-left:5px}.mini-bars i{height:6px;width:2px;background:var(--cyan);animation:equalize 1.6s ease-in-out infinite alternate}.mini-bars i:nth-child(2){height:18px;animation-delay:-.5s}.mini-bars i:nth-child(3){height:12px;animation-delay:-.9s}.mini-bars i:nth-child(4){height:8px;animation-delay:-1.2s}.holo-coordinates{color:var(--lime)}
.signal-strip{position:relative;width:100vw;left:50%;transform:translateX(-50%) rotate(-1.5deg);overflow:hidden;background:var(--lime);color:var(--ink);padding:16px 0;margin:12px 0 45px;box-shadow:0 0 70px #dbff5709}.strip-track{display:flex;width:max-content;gap:42px;align-items:center;animation:marquee 42s linear infinite;font:600 17px var(--font-display);letter-spacing:.1em}.strip-track b{font-size:24px}.section{position:relative;padding:110px 0;border-bottom:1px solid var(--line)}.section-number{color:var(--muted);margin-right:10px}.section-intro{max-width:600px;font-size:22px;color:var(--muted);margin:28px 0 44px}.outline-text{color:#b4c9cd}.experience .section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:80px}.experience .eyebrow{grid-column:1/-1}.experience .section-intro{align-self:end;margin:0 0 7px}.experience-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;margin-top:60px;align-items:center}.flow-controls{display:grid;gap:12px}.flow-step{width:100%;background:transparent;border:1px solid transparent;border-bottom-color:var(--line);text-align:left;padding:26px 16px;display:flex;align-items:center;gap:22px;cursor:pointer;position:relative;transition:background .3s,border-color .3s}.flow-step:hover{background:#69f5e008;border-color:#335557}.flow-step.is-active{border-color:#536432;background:linear-gradient(90deg,#dbff5710,transparent)}.flow-step.is-active:before{content:"";position:absolute;left:-1px;top:20px;bottom:20px;width:3px;background:var(--lime)}.flow-number{font:18px var(--font-display);color:#91a6ad}.flow-step strong{font:600 25px var(--font-display);display:block;letter-spacing:-.035em}.flow-step small{font-size:17px;color:var(--muted);display:block;margin-top:10px}.flow-step.is-active strong,.flow-step.is-active .flow-number{color:var(--lime)}.flow-arrow{margin-left:auto;opacity:.4}.flow-step.is-active .flow-arrow{opacity:1;color:var(--lime)}.demo-note{font-size:15px;color:var(--muted);max-width:370px;margin:16px 16px 0}.demo-window{background:linear-gradient(145deg,#132028,#0c1118 65%);border:1px solid #385458;box-shadow:0 25px 80px #0008,0 0 60px #69f5e008;position:relative}.demo-window:before,.demo-window:after{content:"";position:absolute;width:40px;height:3px;top:-2px;left:20px;background:var(--cyan);box-shadow:0 0 20px #69f5e040}.demo-window:after{top:auto;left:auto;bottom:-2px;right:20px;background:var(--lime)}.window-bar,.window-bottom{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line);font:10px var(--font-display);letter-spacing:.14em;color:var(--muted)}.window-dots{display:flex;gap:5px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#40505b}.window-dots i:first-child{background:var(--lime)}.badge{display:inline-block;width:fit-content;padding:5px 9px;font:600 10px var(--font-display);letter-spacing:.1em;color:var(--cyan);border:1px solid #32564e;background:#69f5e007}.demo-body{padding:30px}.demo-breadcrumb{display:flex;justify-content:space-between;font:10px var(--font-display);letter-spacing:.1em;color:#91a6ad;gap:10px}.demo-breadcrumb span:first-child{color:var(--lime)}.demo-greeting{font:500 30px/1.25 var(--font-display);letter-spacing:-.04em;margin:24px 0 30px;min-height:75px}.demo-task{display:flex;align-items:center;gap:15px;padding:22px 18px;background:#111e23;border:1px solid #385458;position:relative;transition:border-color .35s,background .35s}.demo-task h3{font-family:var(--font-body);font-size:23px;letter-spacing:0;font-weight:600;margin:5px 0}.demo-task p{font-size:16px;color:var(--muted);margin:0}.demo-task-label{font:10px var(--font-display);letter-spacing:.12em;color:var(--cyan)}.demo-check{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;border:1px solid #4d7272;color:var(--cyan)}.task-corner{position:absolute;top:4px;right:8px;color:#4d7272}.demo-path{display:flex;align-items:center;gap:8px;margin:25px 0;font:10px var(--font-display);letter-spacing:.08em;color:#9cabb2}.demo-path i{height:1px;background:var(--line);flex:1}.path-node.is-lit{color:var(--lime)}.demo-terminal{border-top:1px solid var(--line);padding-top:20px}.terminal-head{display:flex;gap:8px;align-items:center;color:var(--cyan);font:10px var(--font-display);letter-spacing:.08em}.terminal-head>span:last-child{margin-left:auto;color:#91a6ad}.demo-terminal p{font-size:18px;color:#c6d6d9;margin:16px 0 0;min-height:54px;line-height:1.5}.terminal-prompt{color:var(--lime);margin-right:10px}.terminal-cursor{display:inline-block;width:6px;height:15px;background:var(--cyan);margin-left:6px;vertical-align:-2px;animation:cursor 1.4s step-end infinite}.window-bottom{border-bottom:0;border-top:1px solid var(--line);font-size:9px}.demo-window[data-state="2"] .demo-task{border-color:#8caa42;background:#dbff5708}.demo-window[data-state="2"] .demo-check{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:50px}.feature-grid article{padding:38px 30px 40px;background:var(--ink);position:relative;overflow:hidden;transition:background .4s}.feature-grid article:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .4s}.feature-grid article:after{content:"+";position:absolute;right:22px;top:16px;color:#668286;font:18px var(--font-display)}.feature-grid article:hover{background:#101c20}.feature-grid article:hover:before{transform:scaleX(1)}.feature-index{display:block;font:10px var(--font-display);letter-spacing:.11em;color:var(--cyan);margin-bottom:55px}.feature-grid h3{margin-bottom:18px}.feature-grid p{font-size:19px;color:var(--muted);margin:0;line-height:1.55}.feature-grid article:nth-child(2) .feature-index,.feature-grid article:nth-child(6) .feature-index{color:var(--lime)}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.plan{padding:32px;border:1px solid var(--line);background:#0c1118;position:relative}.plan:first-child{border-color:#788949;background:linear-gradient(150deg,#dbff570a,#0c1118 70%)}.plan:first-child:before{content:"";position:absolute;top:-1px;left:32px;width:70px;height:3px;background:var(--lime);box-shadow:0 0 25px #dbff5744}.plan h3{font-size:42px;margin:35px 0 20px}.plan-price{font-size:23px;font-weight:600;margin:0 0 8px}.plan>p:not(.plan-price){color:var(--muted);font-size:18px}.plan ul{padding:25px 0;list-style:none;border-top:1px solid var(--line);margin:25px 0 0}.plan li{font-size:18px;padding:8px 0 8px 20px;position:relative;color:var(--muted)}.plan li:before{content:"+";position:absolute;left:0;color:var(--cyan)}.planned{color:#aab8c0;border-color:#384b54;background:none}.plan-note{border-top:1px solid var(--line);padding-top:20px;font-size:16px!important;margin:0}.plan .button{margin-top:5px;width:100%;border-color:#788949}.premium .badge{color:var(--pink);border-color:#674762}.trust{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.trust h2{font-size:clamp(35px,4vw,55px)}.trust>div:last-child{border-left:2px solid var(--cyan);padding-left:35px}.trust p:not(.eyebrow){font-size:19px;color:var(--muted)}.trust p:last-child{margin-bottom:0}.faq{margin-top:45px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;position:relative;cursor:pointer;padding:25px 50px 25px 0;font:500 23px/1.4 var(--font-display);letter-spacing:-.025em}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:6px;top:26px;color:var(--lime);font-size:26px}.faq details[open] summary:after{content:"−"}.faq details[open] summary{color:var(--cyan)}.faq p{max-width:850px;padding:0 50px 24px 0;color:var(--muted);margin:0}.milestones{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.milestones article{border-top:1px solid var(--line);padding-top:28px}.milestones h3{font-size:23px;margin:22px 0 16px}.milestones p{font-size:18px;color:var(--muted)}.muted{color:var(--muted);font-size:16px}.partnership>.muted{margin:36px 0 0;max-width:800px}.final-cta{position:relative;text-align:center;padding:130px 0 150px;overflow:hidden}.final-cta .eyebrow,.final-cta .status-line{justify-content:center}.final-cta h2{font-size:clamp(58px,8vw,110px);text-transform:uppercase;letter-spacing:-.055em;margin-bottom:40px}.final-cta h2 span{color:var(--lime)}.cta-ghost{position:absolute;left:50%;bottom:-45px;transform:translateX(-50%);font:800 clamp(130px,22vw,300px)/1 var(--font-display);letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px #69f5e01f;z-index:-1;pointer-events:none}.site-footer{display:flex;align-items:center;gap:30px;padding:35px 0;border-top:1px solid var(--line)}.site-footer p{margin:0;font-size:17px;color:var(--muted)}.site-footer>a:last-child{margin-left:auto;font-size:17px;color:var(--cyan)}
/* Reveal is opt-in only after JS attaches an observer. No JS = complete content. */
.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.feature-grid .reveal:nth-child(3n+2){transition-delay:.07s}.feature-grid .reveal:nth-child(3n){transition-delay:.14s}
@keyframes orbit-a{from{transform:rotateX(65deg) rotateY(-15deg) rotateZ(0)}to{transform:rotateX(65deg) rotateY(-15deg) rotateZ(360deg)}}
@keyframes orbit-b{from{transform:rotateX(-35deg) rotateY(60deg) rotateZ(0)}to{transform:rotateX(-35deg) rotateY(60deg) rotateZ(-360deg)}}
@keyframes orbit-c{from{transform:rotateX(45deg) rotateY(35deg) rotateZ(0)}to{transform:rotateX(45deg) rotateY(35deg) rotateZ(360deg)}}
@keyframes wire-turn{to{transform:rotate(360deg)}}@keyframes levitate{50%{transform:translateY(-12px)}}@keyframes label-float{50%{transform:translateY(-8px)}}@keyframes signal-pulse{50%{opacity:.5;box-shadow:0 0 4px #69f5e044}}@keyframes core-breathe{50%{filter:drop-shadow(0 0 30px #69f5e0bd);opacity:.8}}@keyframes scan{from{transform:translateY(-65%)}to{transform:translateY(65%)}}@keyframes base-pulse{50%{opacity:.4}}@keyframes equalize{to{transform:scaleY(.35)}}@keyframes cue{50%{transform:translateY(5px)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes cursor{50%{opacity:0}}@keyframes button-sheen{0%,75%{transform:translateX(-150%)}95%,100%{transform:translateX(150%)}}
.motion-paused *, .page-hidden *{animation-play-state:paused!important}.motion-paused .reveal{opacity:1;transform:none;transition:none}.motion-paused .holo-stage{transform:none;transition:none}.motion-paused .core-scan,.motion-paused .terminal-cursor{display:none}.motion-paused{scroll-behavior:auto}.hologram.is-offscreen *{animation-play-state:paused!important}
@media(min-width:1550px){.hero{min-height:850px}.hologram{height:690px}.holo-stage{width:440px;height:440px;margin:-220px}.core-symbol{inset:100px 115px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.site-header{gap:20px}.header-actions{gap:12px}.site-header nav{gap:20px}.header-login{font-size:16px;padding:12px 16px;gap:15px}.hero{min-height:710px;padding-top:65px;gap:0}.hero h1{font-size:clamp(62px,7.6vw,88px)}.hero .eyebrow{font-size:10px;letter-spacing:.1em;gap:8px}.hero-version{display:none}.hologram{height:540px;margin-right:-20px}.holo-stage{width:310px;height:310px;margin:-155px}.core-shell{inset:25px}.core-symbol{inset:75px 83px}.holo-label{padding:10px;gap:9px}.holo-label strong{font-size:15px}.holo-label small{font-size:8px}.label-inbox{left:3px;top:19%}.label-context{right:0;top:57%}.label-action{bottom:14%;left:5%}.mini-bars{display:none}.lead{font-size:20px}.actions{gap:16px;flex-wrap:wrap}.hero .primary{font-size:17px;padding:15px 18px;gap:20px}.holo-top,.holo-bottom{font-size:8px;left:10px;right:10px}.experience-layout{gap:30px;grid-template-columns:.9fr 1.1fr}.flow-step{padding:24px 12px;gap:15px}.flow-step strong{font-size:22px}.flow-step small{font-size:16px}.demo-body{padding:25px 20px}.demo-greeting{font-size:27px}.demo-task{padding:18px 12px;gap:10px}.demo-task h3{font-size:21px}.feature-grid article{padding:32px 24px}.plan{padding:25px}.plan h3{font-size:36px}.trust{gap:40px}}
@media(max-width:800px){.site-header{min-height:86px}.site-header nav{display:none}.header-actions{margin-left:auto}.hero{grid-template-columns:1fr;min-height:0;padding:65px 0 80px}.hero h1{font-size:clamp(64px,12vw,100px)}.hero-copy{max-width:620px}.hero .eyebrow{font-size:11px}.hero-version{display:inline}.lead{max-width:540px}.hologram{height:580px;width:min(100%,580px);margin:15px auto -5px}.holo-stage{width:390px;height:390px;margin:-195px}.core-shell{inset:40px}.core-symbol{inset:88px 99px}.holo-label strong{font-size:17px}.holo-label small{font-size:9px}.holo-top,.holo-bottom{font-size:10px;left:20px;right:20px}.label-inbox{left:2%;top:22%}.label-context{right:2%}.label-action{left:10%;bottom:15%}.scroll-cue{bottom:20px}.signal-strip{margin-bottom:10px}.section{padding:75px 0}.experience .section-heading{grid-template-columns:1fr;gap:0}.experience .section-intro{margin-top:25px}.experience-layout{grid-template-columns:1fr;margin-top:35px;gap:30px}.flow-controls{gap:0}.flow-step{padding:20px 16px}.flow-step strong{font-size:23px}.flow-step small{font-size:18px}.demo-note{max-width:100%;margin:20px 0 0}.demo-body{padding:30px}.demo-greeting{font-size:32px}.demo-task{padding:23px}.demo-task h3{font-size:25px}.demo-terminal p{min-height:54px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-index{margin-bottom:35px}.plan-grid{grid-template-columns:1fr}.plan{padding:30px}.plan h3{margin:25px 0 15px}.plan ul{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.plan .button{max-width:320px}.trust{grid-template-columns:1fr;gap:30px}.trust>div:last-child{padding-left:25px}.milestones{grid-template-columns:1fr;gap:22px}.milestones article{padding-top:22px}.milestones h3{margin:15px 0}.final-cta{padding:90px 0 110px}.site-footer{flex-wrap:wrap;gap:15px 25px}.site-footer>a:last-child{margin-left:0}.section-intro{font-size:21px}.faq summary{font-size:21px}.feature-grid h3{font-size:23px}}
@media(max-width:480px){.wrap{width:calc(100% - 40px)}body{font-size:19px}.site-header{min-height:78px;gap:15px}.wordmark{font-size:27px}.wordmark span{font-size:19px;margin-left:4px}.header-login{font-size:15px;gap:8px;padding:10px 12px;min-height:44px}.header-login span{font-size:20px}.header-actions{gap:8px}.motion-toggle{width:38px;min-width:38px;height:44px}.hero{padding-top:50px}.hero h1{font-size:clamp(44px,13.4vw,67px)}.hero .eyebrow{font-size:9px;letter-spacing:.09em;gap:7px;margin-bottom:25px}.hero-version{display:none}.tagline{font-size:16px;margin-top:23px}.lead{font-size:20px}.actions{gap:10px 20px}.status-line{font-size:14px;margin-top:20px}.hologram{height:440px;margin-top:30px}.holo-stage{width:270px;height:270px;margin:-135px}.core-shell{inset:24px}.core-symbol{inset:61px 70px}.orbital{inset:-4px}.orbital-b{inset:-20px}.holo-label{padding:9px;gap:8px}.holo-label small{font-size:7px}.holo-label strong{font-size:14px}.label-icon{font-size:21px}.label-inbox{left:-3px;top:23%}.label-context{right:-3px;top:57%}.label-action{left:8%;bottom:14%}.holo-top,.holo-bottom{font-size:8px;letter-spacing:.1em;left:5px;right:5px}.holo-base{bottom:2%}.section{padding:65px 0}.eyebrow{font-size:10px;letter-spacing:.12em}.section-number{margin-right:0}.strip-track{font-size:14px;gap:25px}.signal-strip{padding:12px 0}.experience-layout{gap:25px}.flow-step{gap:15px;padding:22px 10px}.flow-step strong{font-size:21px}.flow-step small{font-size:16px}.flow-number{font-size:16px}.flow-arrow{font-size:16px}.demo-body{padding:24px 16px}.window-bar,.window-bottom{padding:16px;font-size:8px;letter-spacing:.08em}.badge{font-size:9px}.demo-breadcrumb{font-size:8px}.demo-greeting{font-size:27px;min-height:68px}.demo-task{padding:18px 10px;gap:10px}.demo-task h3{font-size:20px}.demo-task p{font-size:15px}.demo-check{width:28px;height:28px}.terminal-head{font-size:8px;gap:6px}.demo-terminal p{font-size:17px;min-height:77px}.demo-path{font-size:9px}.feature-grid{grid-template-columns:1fr}.feature-grid article{padding:30px}.feature-index{margin-bottom:30px}.feature-grid p{font-size:19px}.plan ul{grid-template-columns:1fr}.plan{padding:27px}.plan h3{font-size:38px}.faq summary{font-size:19px;padding-right:35px}.faq p{padding-right:15px;font-size:19px}.final-cta h2{font-size:clamp(43px,11.6vw,58px)}.final-cta .eyebrow{font-size:9px;letter-spacing:.1em}.site-footer p{font-size:16px;width:100%}.cta-ghost{bottom:-10px}.section-intro{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.holo-stage{transform:none}.orbital-a{transform:rotateX(65deg) rotateY(-15deg)}.orbital-b{transform:rotateX(-35deg) rotateY(60deg)}.orbital-c{transform:rotateX(45deg) rotateY(35deg)}.core-scan,.terminal-cursor{display:none}}

.demo-greeting{white-space:pre-line}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.motion-toggle:disabled{cursor:default;opacity:.6}.motion-paused *:before,.motion-paused *:after,.page-hidden *:before,.page-hidden *:after,.hologram.is-offscreen *:before,.hologram.is-offscreen *:after{animation-play-state:paused!important}

html{overflow-x:clip}.header-login .login-label,.header-login .login-extra{font-size:inherit;line-height:inherit}@media(max-width:360px){.header-login .login-extra{display:none}.header-login{gap:10px}.site-header{gap:10px}}

/* Intensywna oprawa: miasto, przepływ sygnału i wielowarstwowy reaktor. */
:root{--lime:#e3ff39;--cyan:#49ffe4;--pink:#ff57c8}
.ambient-glow{background:radial-gradient(ellipse,#057b6963,transparent 67%);animation:atmosphere-drift 18s ease-in-out infinite alternate}
.neon-cloud{position:absolute;width:65vw;height:80vh;border-radius:50%;filter:blur(65px);opacity:.28;mix-blend-mode:screen;pointer-events:none}
.cloud-one{top:0;right:-20%;background:radial-gradient(ellipse,#13bdae,transparent 65%);animation:cloud-flow 22s ease-in-out infinite alternate}
.cloud-two{top:40%;left:-35%;background:radial-gradient(ellipse,#a92e94,transparent 65%);animation:cloud-flow 28s ease-in-out infinite alternate-reverse}
.ambient-scan{position:absolute;inset:-100% 0 0;background:linear-gradient(transparent 48%,#49ffe408 49.8%,#49ffe422 50%,transparent 50.2%);animation:ambient-sweep 19s linear infinite;opacity:.6}
.rain-field{position:absolute;inset:0;overflow:hidden}
.rain-field i{position:absolute;top:-20%;left:8%;height:180px;width:1px;background:linear-gradient(transparent,#49ffe479);transform:rotate(20deg);animation:neon-rain 9s linear infinite}
.rain-field i:nth-child(2){left:27%;animation-delay:-6s;animation-duration:13s;background:linear-gradient(transparent,#ff57c863)}
.rain-field i:nth-child(3){left:48%;animation-delay:-2s;animation-duration:15s}
.rain-field i:nth-child(4){left:72%;animation-delay:-8s;animation-duration:11s}
.rain-field i:nth-child(5){left:90%;animation-delay:-5s;animation-duration:17s;background:linear-gradient(transparent,#e3ff3988)}
.rain-field i:nth-child(6){left:61%;animation-delay:-10s;animation-duration:19s}
.site-header{border-bottom-color:#49ffe445}.site-header:after{content:"";position:absolute;bottom:-1px;left:0;width:100px;height:2px;background:var(--lime);box-shadow:0 0 18px #e3ff3980;animation:header-signal 14s ease-in-out infinite}
.hero{isolation:isolate}.hero:before{content:"";position:absolute;top:55px;bottom:65px;left:-25px;width:4px;background:repeating-linear-gradient(135deg,var(--lime) 0 5px,transparent 5px 11px);opacity:.45;mask-image:linear-gradient(transparent,#000 25% 75%,transparent)}
.hero-copy{padding-bottom:20px}.brand-echo:before,.brand-echo:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0;clip-path:inset(24% 0 55%);color:var(--cyan);animation:title-displacement 11s ease-in-out infinite}
.brand-echo:after{color:var(--pink);clip-path:inset(68% 0 15%);animation-delay:-5.5s;animation-direction:reverse}
.city-grid{position:absolute;inset:0 -8vw;z-index:-1;overflow:hidden;pointer-events:none;perspective:650px;mask-image:linear-gradient(transparent 5%,#000 55% 82%,transparent)}
.city-floor{position:absolute;bottom:-200px;left:-40%;width:180%;height:570px;background-image:linear-gradient(#49ffe435 1px,transparent 1px),linear-gradient(90deg,#49ffe430 1px,transparent 1px);background-size:70px 70px;transform:rotateX(66deg);transform-origin:center top;animation:floor-travel 3.8s linear infinite;opacity:.65}
.city-towers{position:absolute;inset:auto 0 130px;height:340px;display:flex;align-items:end;justify-content:space-between;opacity:.2}
.city-towers i{display:block;width:7%;height:45%;border:1px solid #49ffe472;background:repeating-linear-gradient(0deg,transparent 0 13px,#49ffe429 14px 15px),linear-gradient(95deg,#082a31,#071015);clip-path:polygon(0 8%,28% 8%,28% 0,82% 0,100% 12%,100% 100%,0 100%);animation:tower-hum 9s ease-in-out infinite alternate}
.city-towers i:nth-child(2n){height:90%;width:9%;animation-delay:-4s}.city-towers i:nth-child(3n){height:65%;width:6%;border-color:#ff57c875;animation-delay:-6s}.city-towers i:nth-child(4n){height:35%;width:12%}
.hologram:before{inset:-12%;background:radial-gradient(ellipse,#13efd331 8%,#13efd310 40%,transparent 68%);animation:reactor-atmosphere 5s ease-in-out infinite alternate}
.holo-stage{scale:1.08}.core-wire{opacity:.85;stroke-width:.8;filter:drop-shadow(0 0 9px #49ffe476)}.core-symbol{filter:drop-shadow(0 0 25px #49ffe4);animation:reactor-heart 4s ease-in-out infinite}
.core-shell:before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(ellipse,#49ffe455,transparent 70%);box-shadow:inset 0 0 50px #49ffe433;animation:core-breathe 4s ease-in-out infinite}
.core-shell:after{content:"";position:absolute;inset:5%;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 5px,#49ffe41c 5px 6px);mask-image:radial-gradient(#000,transparent 72%);animation:scan-texture 2s linear infinite}
.orbital-a{animation-duration:14s;border-width:2px}.orbital-b{animation-duration:19s;border-color:#e3ff399c}.orbital-c{animation-duration:17s;border-color:#ff57c8ad}.orbital-c:before{border-top-color:var(--pink);filter:drop-shadow(0 0 5px #ff57c8)}
.reactor-halo,.reactor-ticks{position:absolute;inset:-20px;border-radius:50%;pointer-events:none}
.reactor-halo{background:conic-gradient(transparent 15%,#49ffe480 25%,transparent 26% 48%,#ff57c8b3 55%,transparent 56% 83%,#e3ff39c4 90%,transparent 91%);mask-image:radial-gradient(transparent 65%,#000 66% 67%,transparent 68%);animation:wire-turn 12s linear infinite reverse}
.reactor-ticks{inset:-57px;background:repeating-conic-gradient(#49ffe47d 0deg 1deg,transparent 1deg 8deg);mask-image:radial-gradient(transparent 68%,#000 69% 70%,transparent 71%);animation:wire-turn 70s linear infinite}
.energy-ring{position:absolute;inset:55px;border-radius:50%;border:1px solid #49ffe485;box-shadow:0 0 16px #49ffe422;animation:energy-expand 6s ease-out infinite;pointer-events:none}
.energy-two{animation-delay:-2s;border-color:#e3ff3955}.energy-three{animation-delay:-4s;border-color:#ff57c859}
.holo-base{border-width:2px;box-shadow:0 0 70px #49ffe440,inset 0 0 40px #49ffe422;animation:base-pulse 3s ease-in-out infinite}
.holo-base:after{content:"";position:absolute;inset:-20%;border:1px dashed #49ffe477;border-radius:50%;animation:wire-turn 35s linear infinite}
.holo-beam{background:linear-gradient(0deg,#49ffe459,#49ffe414 60%,transparent);animation:beam-charge 5s ease-in-out infinite}
.projection-column{position:absolute;left:47%;width:6%;top:50%;bottom:12%;background:linear-gradient(0deg,#49ffe4a1,transparent);filter:blur(10px);animation:beam-charge 4s ease-in-out infinite;z-index:-1}
.circuit-traces{position:absolute;inset:0;width:100%;height:100%;stroke:#49ffe435;stroke-width:1;pointer-events:none}.circuit-traces circle{fill:#49ffe466;stroke:var(--cyan)}.circuit-traces .trace-current{stroke:var(--cyan);stroke-width:2;stroke-dasharray:35 440;filter:drop-shadow(0 0 4px #49ffe4);animation:circuit-flow 5s linear infinite}
.holo-label{border-color:#49ffe468;background:linear-gradient(120deg,#102a2dee,#0a141ae8);box-shadow:0 8px 35px #0008,inset 0 1px #49ffe422}.label-action{border-color:#e3ff3966}.label-context{border-right:3px solid var(--pink)}
.boost-control{position:absolute;right:20px;bottom:9px;display:flex;align-items:center;gap:12px;min-height:58px;padding:10px 18px;background:#0b191e;border:1px solid #49ffe470;cursor:pointer;text-align:left;font-size:18px;font-weight:600;z-index:4;box-shadow:0 0 25px #49ffe40f;transition:background .3s,box-shadow .3s}
.boost-control:hover,.boost-control[aria-pressed="true"]{background:#133836;border-color:var(--lime);box-shadow:0 0 32px #49ffe42c}.boost-glyph{font:34px var(--font-display);color:var(--lime)}.boost-status{display:block;font:9px var(--font-display);letter-spacing:.12em;color:var(--cyan)}.boost-control:disabled{opacity:.5;cursor:default}

.signal-strip{box-shadow:0 0 70px #e3ff3930;border-top:2px solid #f4ffb3;border-bottom:2px solid #f4ffb3}.strip-track{animation-duration:30s}
.signal-gate{display:flex;align-items:center;gap:25px;padding:30px 0 0;font:10px var(--font-display);letter-spacing:.15em;color:var(--cyan)}.signal-gate>span{white-space:nowrap}.signal-wave{flex:1;display:flex;align-items:center;justify-content:space-between;height:65px;gap:5px;mask-image:linear-gradient(90deg,transparent,#000 10% 90%,transparent)}
.signal-wave i{width:3px;height:45%;background:var(--cyan);box-shadow:0 0 12px #49ffe460;animation:signal-wave 2.7s ease-in-out infinite alternate}.signal-wave i:nth-child(2n){height:90%;animation-delay:-.8s}.signal-wave i:nth-child(3n){height:60%;animation-delay:-1.5s;background:var(--lime)}.signal-wave i:nth-child(5n){height:25%;animation-delay:-2.3s;background:var(--pink)}
.section:before{content:"";position:absolute;bottom:-2px;left:0;height:3px;width:20%;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:section-signal 10s ease-in-out infinite}
.window-scan{position:absolute;inset:0;overflow:hidden;pointer-events:none}.window-scan:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 47%,#49ffe410 49.8%,#49ffe430 50%,transparent 50.3%);animation:window-scan 10s linear infinite}
.demo-window{box-shadow:0 25px 80px #0008,12px -12px 0 -11px #49ffe465,-12px 12px 0 -11px #e3ff3965}.demo-window[data-state="2"]{box-shadow:0 25px 80px #0008,0 0 55px #e3ff3910}
.feature-grid article{background:linear-gradient(135deg,#101b21,#080b10 65%)}.feature-grid article:before{height:3px;transform:scaleX(.12);box-shadow:0 0 18px #49ffe460}.feature-grid article:hover:before{transform:scaleX(1)}.feature-grid article:hover{background:linear-gradient(135deg,#173733,#0b1620 65%)}
.feature-grid article:after{content:"";width:45px;height:45px;right:25px;top:25px;border:1px solid #49ffe446;transform:rotate(45deg);background:linear-gradient(135deg,#49ffe41a,transparent);animation:module-orbit 12s ease-in-out infinite}.feature-grid article:nth-child(2n):after{border-color:#e3ff3966;animation-delay:-4s}.feature-grid article:nth-child(3n):after{border-color:#ff57c866;animation-delay:-8s}
.feature-index{padding-right:45px}.plan{border-top:3px solid #49ffe444}.plan:first-child{border-top-color:var(--lime)}.premium{border-top-color:var(--pink)}.plan h3{font-size:clamp(26px,2.8vw,40px);overflow-wrap:anywhere}
.final-cta:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-conic-gradient(from 0deg at 50% 70%,transparent 0 14deg,#49ffe40a 14deg 15deg);mask-image:radial-gradient(ellipse,#000,transparent 70%);animation:wire-turn 80s linear infinite}
.final-cta:after{content:"";position:absolute;left:15%;right:15%;bottom:50px;height:2px;background:linear-gradient(90deg,transparent,var(--lime),transparent);box-shadow:0 0 40px 8px #49ffe423;animation:base-pulse 4s ease-in-out infinite}
.motion-ready .reveal{transform:translateY(35px) perspective(900px) rotateX(4deg);filter:blur(3px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1),filter .85s ease}.motion-ready .reveal.is-visible,.motion-paused .reveal{transform:none;filter:none}
@keyframes atmosphere-drift{to{transform:translate(-12%,20%) scale(1.25)}}
@keyframes cloud-flow{to{transform:translate(20%,-25%) scale(1.3);opacity:.45}}
@keyframes ambient-sweep{to{transform:translateY(100%)}}
@keyframes neon-rain{to{transform:translate(-200px,130vh) rotate(20deg)}}
@keyframes floor-travel{to{background-position:0 70px}}
@keyframes tower-hum{to{opacity:.45}}
@keyframes header-signal{50%{left:calc(100% - 100px)}}
@keyframes title-displacement{0%,75%,100%{opacity:0;transform:translateX(0)}78%,88%{opacity:.6;transform:translateX(5px)}93%{opacity:0;transform:translateX(-3px)}}
@keyframes reactor-atmosphere{to{opacity:.5;transform:scale(.9)}}
@keyframes reactor-heart{50%{filter:drop-shadow(0 0 35px #49ffe4);transform:scale(1.08)}}
@keyframes scan-texture{to{transform:translateY(6px)}}
@keyframes energy-expand{0%{transform:scale(.65);opacity:0}15%{opacity:.65}100%{transform:scale(2.15);opacity:0}}
@keyframes beam-charge{50%{opacity:.4;filter:brightness(1.4)}}
@keyframes circuit-flow{to{stroke-dashoffset:-475}}
@keyframes signal-wave{to{transform:scaleY(.18)}}
@keyframes section-signal{50%{left:80%;opacity:.45}}
@keyframes window-scan{from{transform:translateY(-60%)}to{transform:translateY(60%)}}
@keyframes module-orbit{50%{transform:rotate(135deg) scale(.72);border-color:var(--cyan)}}
@media(max-width:1100px){.hero:before{left:-17px}.holo-stage{scale:1}.boost-control{right:0;font-size:16px}.plan h3{font-size:28px}.demo-breadcrumb{flex-wrap:wrap}.window-bar{gap:10px}.window-bar .badge{font-size:8px}}
@media(max-width:800px){.hero{padding-bottom:150px}.hero:before{left:-17px;bottom:150px}.hero-copy{padding-bottom:0}.boost-control{bottom:70px;left:50%;right:auto;transform:translateX(-50%);white-space:nowrap}.city-grid{inset:25% -8vw 0}.city-towers{opacity:.3}.signal-gate{gap:15px;font-size:8px}.signal-wave{gap:3px}.plan h3{font-size:36px}.neon-cloud{filter:blur(35px)}.reactor-ticks{inset:-40px}}
@media(max-width:480px){.hero:before{left:-12px;width:2px}.holo-stage{scale:.97}.reactor-ticks{inset:-22px}.signal-gate{gap:8px;font-size:7px;letter-spacing:.05em}.signal-wave{gap:2px;height:40px}.signal-wave i:nth-child(2n){display:none}.city-towers{bottom:90px}.city-floor{height:500px;bottom:-160px}.window-bar{padding:14px 12px;letter-spacing:.02em;gap:8px}.window-bar .badge{font-size:7px;padding:5px}.demo-breadcrumb{font-size:8px}.demo-path{font-size:8px;gap:6px}.plan h3{font-size:32px}.terminal-head{letter-spacing:.02em}.energy-ring{inset:35px}}
.motion-paused .brand-echo:before,.motion-paused .brand-echo:after{opacity:0}.motion-paused .ambient-scan,.motion-paused .rain-field,.motion-paused .window-scan,.motion-paused .energy-ring{display:none}.motion-paused .holo-stage{scale:1}.motion-paused .reveal{filter:none}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{filter:none;transform:none}.brand-echo:before,.brand-echo:after{opacity:0}.holo-stage,.ambient-scan,.rain-field,.window-scan,.energy-ring{display:none}}

.brand-echo{position:absolute;inset:0;pointer-events:none}
/* Dockvi's own companion and lightweight, synthetic product presentations. */
:root{--accent:var(--cyan);--surface:#09141c;--surface-raised:#142630;--accent-soft:#49ffe429;--border-soft:#49ffe435;--text:#edf9f7;--text-secondary:#b7cbc9}
.core-symbol.hero-drone{width:90%;inset:6% 5%;height:auto;filter:drop-shadow(0 0 14px #49ffe460)}.hero-drone .syntra-hologram{width:100%;height:auto}.hero-drone .companion-projector,.hero-drone .companion-beam{display:none}
.companion-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:40px}.companion-lab{position:relative;min-height:420px;display:grid;place-items:center;isolation:isolate;border:1px solid #49ffe445;background:radial-gradient(ellipse at 50% 55%,#49ffe41b,transparent 70%);clip-path:polygon(0 20px,20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}.companion-lab:before{content:'';position:absolute;inset:18px;border:1px dashed #49ffe430;pointer-events:none}.public-drone{width:min(90%,410px);z-index:1}.lab-coordinate,.lab-signature{position:absolute;left:24px;right:24px;font:12px var(--font-display);letter-spacing:.08em;color:var(--cyan)}.lab-coordinate{top:24px}.lab-signature{bottom:22px}.lab-platform{position:absolute;width:75%;height:70px;bottom:55px;border:1px solid var(--cyan);border-radius:50%;box-shadow:0 0 60px #49ffe425,inset 0 0 35px #49ffe425}.drone-quote{font-size:clamp(24px,2.5vw,36px);line-height:1.35;min-height:175px;color:#edfffb}.companion-demo-actions{display:flex;gap:10px;flex-wrap:wrap}.companion-demo-actions .button{font-size:16px;padding:12px 16px}.companion-dialogue .demo-note{font-size:15px;line-height:1.6}
.reel-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 20px}.reel-tabs .button{font-size:16px}.reel-tabs [aria-pressed=true]{background:var(--cyan);color:#09141c}.reel-screen{border:1px solid #49ffe45c;background:#0b141b;box-shadow:12px 12px 0 -11px var(--pink),-12px -12px 0 -11px var(--cyan);overflow:hidden}.reel-stage{display:grid;grid-template-columns:180px 1fr;min-height:300px}.reel-sidebar{display:flex;flex-direction:column;gap:20px;padding:30px 22px;border-right:1px solid #49ffe426;color:#a4babb;font-size:16px}.reel-sidebar strong{font-family:var(--font-display);color:var(--cyan);margin-bottom:16px}.reel-content{padding:34px;min-width:0}.reel-content h3{font-size:clamp(25px,3vw,40px);margin:14px 0 24px}.reel-card{display:flex;gap:20px;align-items:center;padding:24px;background:#12232b;border:1px solid #49ffe447;min-height:135px}.reel-card strong{font-size:22px}.reel-card p{font-size:18px;margin:8px 0 0;color:#b9ccce;line-height:1.5}.reel-symbol{display:grid;place-items:center;font-size:30px;flex:0 0 48px;height:48px;border:1px solid var(--cyan);color:var(--cyan)}.reel-timeline{display:flex;gap:8px;margin-top:24px}.reel-timeline i{height:3px;flex:1;background:#244047}.reel-timeline i:first-child,[data-frame="1"] .reel-timeline i:nth-child(-n+2),[data-frame="2"] .reel-timeline i:nth-child(-n+3),[data-frame="3"] .reel-timeline i{background:var(--cyan);box-shadow:0 0 12px #49ffe450}.reel-narrator{display:flex;gap:18px;align-items:center;border-top:1px solid #49ffe428;padding:10px 34px;background:#091117}.reel-narrator>div{flex:0 0 90px;width:90px}.reel-narrator p{font-size:20px;line-height:1.5;margin:0}.reel-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:18px 34px;border-top:1px solid #49ffe428}.reel-controls .button{font-size:16px}.reel-controls>span{margin-left:auto;color:#b9ccce;font-size:16px}.reel-controls button:disabled{opacity:.5;cursor:default}.reel-screen[data-frame="3"] .reel-symbol{background:var(--cyan);color:#091117}
.companion-lab .companion-attitude{animation:public-signal 23s linear infinite}
@keyframes public-signal{0%,96%,99%,100%{translate:0 0;filter:none}97%{translate:3px 0;filter:drop-shadow(-3px 0 #ff57c877)}98%{translate:-3px 0;filter:none}}
.motion-paused [data-public-drone] *, .page-hidden [data-public-drone] *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.companion-lab .companion-attitude{animation:none}}
@media(max-width:800px){.companion-showcase-grid{grid-template-columns:1fr;gap:22px}.companion-lab{min-height:340px}.public-drone{max-width:340px}.drone-quote{min-height:130px}.reel-stage{grid-template-columns:1fr}.reel-sidebar{display:none}.reel-content{padding:22px}.reel-narrator{padding:12px 20px}.reel-controls{padding:18px 20px}}
@media(max-width:480px){.reel-card{padding:16px;gap:12px}.reel-card strong{font-size:19px}.reel-card p{font-size:16px}.reel-narrator p{font-size:17px}.reel-narrator>div{width:62px;flex-basis:62px}.reel-controls>span{margin-left:0}.reel-tabs .button{width:100%;justify-content:flex-start}.lab-coordinate,.lab-signature{font-size:10px}.site-header nav{display:none}}
.reel-screen[data-frame="0"] .reel-card,.reel-screen[data-frame="2"] .reel-card{animation:reel-arrive-a .55s ease-out both}.reel-screen[data-frame="1"] .reel-card,.reel-screen[data-frame="3"] .reel-card{animation:reel-arrive-b .55s ease-out both}
@keyframes reel-arrive-a{from{opacity:.2;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes reel-arrive-b{from{opacity:.2;transform:translateX(16px)}to{opacity:1;transform:none}}
.motion-paused .reel-card,.page-hidden .reel-card{animation:none!important}
@media(prefers-reduced-motion:reduce){.reel-card{animation:none!important}}
.companion-demo-actions .button,.reel-controls .button,.reel-tabs .button{background:#12232b;color:#edfffb;border-color:#49ffe460}.companion-demo-actions .button:hover,.reel-controls .button:hover,.reel-tabs .button:hover,.reel-tabs .button[aria-pressed=true]{background:var(--cyan);color:#09141c}.companion-demo-actions .button:focus-visible,.reel-controls .button:focus-visible,.reel-tabs .button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}

/* The hologram renders its own projector. */
.companion-lab .lab-platform{display:none}

/* The character supplies its own light: keep the hero scenery behind it. */
.hero .core-symbol.hero-drone{filter:none;animation:none;opacity:1}
.hero .core-shell{animation:none}
.hero .core-shell:before,.hero .core-shell:after,.hero .core-wire,.hero .core-scan,
.hero .holo-beam,.hero .projection-column,.hero .energy-ring{display:none}
.hero .hologram:before{background:radial-gradient(ellipse,#13efd30a 8%,transparent 65%);animation:none}
.hero .orbital{opacity:.2;box-shadow:none}
.hero .orbital:after,.hero .orbital-c:before{filter:none;box-shadow:none}
.hero .reactor-halo{opacity:.16}
.hero .reactor-ticks{opacity:.25}
.hero .particle-field{opacity:.2}
.hero .holo-base{display:none}
.hero .holo-base:after{display:none}
/* Product scope: shipped core, configured modules and future directions. */
.capability-heading{margin:54px 0 24px;max-width:900px}.capability-heading h3{font-size:clamp(26px,3vw,38px);margin:18px 0 12px;line-height:1.15}.capability-heading p{font-size:19px;color:var(--muted);line-height:1.65}.capability-grid article{min-width:0}.capability-grid h3{line-height:1.2}.capability-grid .feature-index{margin-bottom:24px}.capability-grid p{line-height:1.65}.capability-grid .capability-note{font-size:16px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:22px}.future-grid .badge{margin-bottom:24px}.future-grid article{border-top:2px solid var(--pink)}.module-capabilities article{border-top:2px solid var(--cyan)}.capability-ai-note{margin-top:32px;padding:28px 32px;border:1px solid var(--line);border-left:3px solid var(--lime);background:var(--panel)}.capability-ai-note h3{font-size:26px;margin:18px 0 12px}.capability-ai-note p,.future-note{font-size:19px;line-height:1.7;color:var(--muted)}.future-note{margin:32px 0 20px;max-width:1000px}
@media(max-width:480px){.capability-heading{margin-top:36px}.capability-ai-note{padding:24px}.capability-grid .capability-note{font-size:16px}.future-grid .badge{font-size:12px}.capability-grid h3{font-size:24px}}

/* Visual chapters: overview first, details on demand. */
.product-map{--chapter:#49ffe4}.product-chapter{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center;padding:70px 0;border-bottom:1px solid var(--line)}.chapter-pink{--chapter:#ff75c7}.chapter-yellow{--chapter:#efff63}.chapter-pink .chapter-art{order:2}.chapter-copy{min-width:0}.chapter-copy>h3{font-size:clamp(30px,3.9vw,52px);line-height:1.1;margin:22px 0}.chapter-copy>h3 span{color:var(--chapter)}.chapter-copy>p,.module-drawer p,.voice-interlude p{font-size:19px;line-height:1.6;color:var(--muted)}.chapter-copy .badge{border-color:var(--chapter);color:var(--chapter)}
.chapter-art{position:relative;min-height:340px;display:flex;flex-direction:column;justify-content:center;padding:30px 24px;color:var(--chapter);border:1px solid color-mix(in srgb,var(--chapter) 32%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--chapter) 13%,#090f17),#090f17 75%);overflow:hidden;isolation:isolate}.chapter-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:24px 24px;z-index:-1}.chapter-art:after{content:'';position:absolute;left:0;top:0;width:65px;height:4px;background:var(--chapter)}.chapter-art svg{width:100%;height:245px;stroke:currentColor;stroke-width:1.5;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--chapter) 28%,transparent))}.chapter-number{position:absolute;top:14px;right:18px;font:52px var(--font-display);opacity:.15}.art-fill{fill:color-mix(in srgb,var(--chapter) 20%,transparent)}.art-caption{font:12px var(--font-display);letter-spacing:.1em;text-align:center;line-height:1.6}.art-orbit{stroke-dasharray:6 5;animation:chapter-flow 18s linear infinite}@keyframes chapter-flow{to{stroke-dashoffset:-110}}
.scope-detail{border-bottom:1px solid var(--line);background:transparent}.scope-detail summary{display:flex;justify-content:space-between;align-items:center;gap:18px;list-style:none;cursor:pointer;padding:17px 0;color:#eaf4f4;font-size:19px;line-height:1.4;font-weight:600}.scope-detail summary::-webkit-details-marker{display:none}.scope-detail summary>span{font-size:23px;color:var(--chapter,var(--cyan));flex-shrink:0;transition:transform .2s}.scope-detail[open] summary>span{transform:rotate(45deg)}.scope-detail summary:hover{color:var(--chapter,var(--cyan))}.scope-detail summary:focus-visible{outline:2px solid var(--chapter,var(--cyan));outline-offset:4px}.scope-detail>div{padding:0 0 18px}.scope-detail p{font-size:18px;line-height:1.6;color:var(--muted);margin:0 0 12px}.scope-detail p:last-child{margin-bottom:0}.scope-detail .capability-note{font-size:16px;color:#adbdc5}.chapter-details{margin-top:24px}
.module-drawer{display:grid;grid-template-columns:1fr 1.25fr;gap:64px;padding:48px;margin-top:50px;background:#111c29;border:1px solid #34506b}.module-drawer h3,.voice-interlude h3{font-size:30px;line-height:1.2;margin:16px 0}.module-drawer .eyebrow{color:#83bfff}.voice-interlude{display:grid;grid-template-columns:.6fr 1.4fr;align-items:center;gap:44px;margin:60px 0 0;padding:44px;background:linear-gradient(115deg,#25132b,#0c1521);border:1px solid #fc76bf50;--chapter:#ff75c7}.voice-mark{display:flex;align-items:center;justify-content:center;gap:8px;color:#ff75c7;font:64px var(--font-display)}.voice-mark>span{width:5px;height:60px;background:currentColor;transform:scaleY(.5);animation:voice-signal 3.6s ease-in-out infinite}.voice-mark>span:nth-child(2n){height:100px;animation-delay:-1s}.voice-mark>span:nth-child(3n){height:40px;animation-delay:-2s}@keyframes voice-signal{50%{transform:scaleY(1)}}
.future-map{display:grid;grid-template-columns:1fr 1.1fr;gap:30px 70px;--chapter:#efff63;border-top:2px solid #efff63;background:radial-gradient(ellipse at 0 40%,#efff630b,transparent 65%)}.future-map h2{font-size:clamp(36px,4.4vw,62px)}.future-map h2>span,.future-map .eyebrow{color:#efff63}.future-map .section-intro{font-size:19px}.future-directory{padding-top:15px}.directory-label{font:12px var(--font-display);letter-spacing:.08em;color:#efff63;margin-bottom:20px}.future-directory .scope-detail summary{padding:23px 0;font-size:21px}.future-directory .scope-detail[open]{border-left:2px solid #efff63;padding-left:18px}.future-map .future-note{grid-column:1/-1;font-size:17px;max-width:850px;margin:0}.future-map>.text-link{grid-column:1/-1}.horizon-art{height:255px;max-width:380px;position:relative;display:grid;place-items:center;margin:30px 0;color:#efff63;background:radial-gradient(ellipse,#efff6311,transparent 66%)}.horizon-ring{position:absolute;width:190px;height:190px;border:1px dashed #efff6360;border-radius:50%;box-shadow:0 0 0 27px #efff6305,0 0 0 55px #efff6305}.horizon-ring:after{content:'';position:absolute;inset:32px;border:1px solid #efff6340;transform:rotate(45deg)}.horizon-art strong{font:24px var(--font-display);letter-spacing:.14em}.horizon-art>span{position:absolute;background:#10171b;padding:7px 12px;border:1px solid #efff6340;font:11px var(--font-display);letter-spacing:.08em}.horizon-art>span:nth-of-type(1){top:9px;left:40%}.horizon-art>span:nth-of-type(2){right:0;top:43%}.horizon-art>span:nth-of-type(3){bottom:6px;left:40%}.horizon-art>span:nth-of-type(4){left:0;top:43%}
.motion-paused .art-orbit,.page-hidden .art-orbit,.motion-paused .voice-mark>span,.page-hidden .voice-mark>span{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.art-orbit,.voice-mark>span{animation:none!important}.scope-detail summary>span{transition:none}}
@media(max-width:800px){.product-chapter{gap:28px;padding:40px 0}.chapter-art{min-height:260px;padding:22px 12px}.chapter-art svg{height:190px}.module-drawer{padding:28px;gap:28px;grid-template-columns:1fr}.future-map{gap:25px;grid-template-columns:1fr}.horizon-art{display:none}.voice-interlude{gap:24px;padding:28px}.art-caption{font-size:10px}}
@media(max-width:560px){.product-chapter{grid-template-columns:1fr}.chapter-pink .chapter-art{order:0}.chapter-art{min-height:210px}.chapter-art svg{height:160px}.chapter-copy>h3{font-size:34px}.voice-interlude{grid-template-columns:1fr}.voice-mark{font-size:42px;height:80px}.voice-mark>span{max-height:65px}.future-directory .scope-detail summary{font-size:19px}.module-drawer{padding:22px}.scope-detail summary{font-size:18px}.future-map h2{font-size:38px}}