:root{
  --bg:#03070d;--bg-soft:#07111c;--ink:#f4f8ff;--muted:#8393a7;--blue:#139bff;--cyan:#4de8ff;
  --line:rgba(255,255,255,.1);--line-strong:rgba(91,205,255,.28);--glass:rgba(7,16,27,.48);
  --ease:cubic-bezier(.22,1,.36,1);--pad:clamp(24px,5vw,84px)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}
a{color:inherit}.page-noise{position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.48'/%3E%3C/svg%3E")}.world-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.scroll-progress{position:fixed;left:0;top:0;width:100%;height:2px;z-index:1200;background:rgba(255,255,255,.04)}.scroll-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 18px rgba(60,210,255,.8)}
.site-header{position:fixed;inset:0 0 auto 0;height:82px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;z-index:1100;transition:.4s var(--ease);background:linear-gradient(to bottom,rgba(3,7,13,.75),transparent)}.site-header.scrolled{height:68px;background:rgba(3,7,13,.72);backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.065)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;position:relative;z-index:2}.brand-mark{position:relative;width:31px;height:38px;display:inline-block;filter:drop-shadow(0 0 14px rgba(19,155,255,.45))}.brand-mark:before,.brand-mark:after,.brand-mark i,.brand-mark b{content:"";position:absolute;clip-path:polygon(24% 0,100% 23%,100% 76%,24% 100%,0 82%,0 18%)}.brand-mark:before{inset:0;background:linear-gradient(145deg,#62efff 0,#139bff 52%,#2443ff 100%)}.brand-mark:after{inset:6px;background:#03070d}.brand-mark i{inset:11px 5px 5px 13px;background:linear-gradient(145deg,#62efff,#139bff 55%,#2443ff)}.brand-mark b{inset:16px 6px 10px 17px;background:#03070d}.brand-text{font:600 14px/1 Space Grotesk,sans-serif;letter-spacing:.045em}.brand-text strong{color:#35cfff}.desktop-nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:30px}.desktop-nav a,.header-link{font-size:12px;text-decoration:none;color:#aeb9c7;transition:.25s}.desktop-nav a:hover,.header-link:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:18px}.button{display:inline-flex;align-items:center;gap:24px;padding:15px 20px;text-decoration:none;background:linear-gradient(120deg,#087fff,#13b8ff);color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:7px;font-size:12px;font-weight:600;box-shadow:0 12px 38px rgba(0,139,255,.24);transition:.35s var(--ease);will-change:transform}.button:hover{box-shadow:0 16px 48px rgba(0,168,255,.38);transform:translateY(-2px)}.button-small{padding:11px 16px;gap:10px}.minimal-link{display:inline-flex;align-items:center;gap:16px;font-size:12px;text-decoration:none;color:#d8e4ef;border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:7px;transition:.3s}.minimal-link:hover{color:#fff;border-color:#4fdfff}.menu-button{display:none;width:38px;background:none;border:0;padding:6px}.menu-button span{display:block;height:1px;background:#fff;margin:7px 0}.mobile-menu{display:none}.chapter{position:relative;z-index:2}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.28em;color:#8fa0b3;text-transform:uppercase}h1,h2,h3{font-family:Space Grotesk,sans-serif;margin:0;letter-spacing:-.045em}h1 span,h2 span{background:linear-gradient(110deg,#76edff,#169fff 50%,#4c6cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero{min-height:110svh;display:flex;align-items:center;padding:140px var(--pad) 90px;overflow:hidden}.hero-shade{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 72% 48%,rgba(13,125,255,.04),transparent 27%),linear-gradient(90deg,rgba(3,7,13,.96) 0,rgba(3,7,13,.76) 40%,rgba(3,7,13,.18) 72%,rgba(3,7,13,.55) 100%)}.hero-copy-wrap{width:min(780px,58vw);position:relative}.hero .eyebrow{margin:0 0 26px}.hero h1{font-size:clamp(64px,8vw,132px);line-height:.88;font-weight:600;max-width:920px}.lead{max-width:640px;margin:34px 0 0;color:#9aa9ba;line-height:1.68;font-size:clamp(15px,1.3vw,19px)}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:38px}.hero-coordinates{position:absolute;right:var(--pad);bottom:8vh;display:flex;gap:22px;color:#557086;font-size:9px;letter-spacing:.18em}.hero-coordinates span+span{padding-left:22px;border-left:1px solid rgba(255,255,255,.12)}.scroll-cue{position:absolute;left:var(--pad);bottom:6vh;display:flex;align-items:center;gap:14px;color:#586b7d;font-size:9px;letter-spacing:.2em}.scroll-cue i{display:block;width:42px;height:1px;background:#2d6e9b;position:relative;overflow:hidden}.scroll-cue i:after{content:"";position:absolute;inset:0;background:#65e5ff;transform:translateX(-100%);animation:cue 2s ease-in-out infinite}@keyframes cue{0%{transform:translateX(-100%)}50%,100%{transform:translateX(100%)}}
.manifesto{min-height:100svh;display:flex;align-items:center;padding:12vw var(--pad);background:linear-gradient(180deg,rgba(3,7,13,.6),rgba(3,7,13,.94))}.manifesto-grid{width:100%;display:grid;grid-template-columns:110px minmax(0,1.4fr) minmax(260px,.7fr);gap:6vw;align-items:end}.manifesto-index{align-self:start;color:#476176;font:500 11px Space Grotesk;letter-spacing:.2em}.manifesto-copy h2{font-size:clamp(58px,7.1vw,116px);line-height:.9;max-width:930px}.manifesto-copy>p:last-child{max-width:630px;color:#8999ab;line-height:1.75;margin:34px 0 0;font-size:15px}.manifesto-note{display:flex;flex-direction:column;gap:18px;padding-bottom:5px}.manifesto-note span{font:500 10px Space Grotesk;letter-spacing:.28em;color:#6c7f92;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:14px}.manifesto-note span:before{content:"+";color:#37ceff;margin-right:14px}
.universe{height:360vh;background:linear-gradient(180deg,rgba(3,7,13,.95),rgba(4,10,18,.95))}.universe-sticky{height:100svh;position:sticky;top:0;overflow:hidden;padding:110px var(--pad) 70px;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(300px,.9fr) minmax(420px,1.4fr);gap:5vw;align-items:center}.universe-heading h2{font-size:clamp(52px,6vw,94px);line-height:.92;margin:18px 0 30px}.step-indicator{display:flex;align-items:center;gap:13px;color:#53677a;font:500 10px Space Grotesk;letter-spacing:.18em}.step-indicator b{color:#49d7ff;font-size:12px}.step-indicator span{width:90px;height:1px;background:rgba(255,255,255,.12);position:relative;overflow:hidden}.step-indicator span:after{content:"";position:absolute;inset:0;background:#49d7ff;transform:scaleX(var(--step-progress,.34));transform-origin:left;transition:.5s}.step-indicator em{font-style:normal}.universe-copy{position:relative;height:360px}.universe-step{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(34px);pointer-events:none;transition:.7s var(--ease)}.universe-step.is-active{opacity:1;transform:none;pointer-events:auto}.universe-step small{font-size:9px;letter-spacing:.24em;color:#4bd7ff}.universe-step h3{font-size:clamp(54px,5vw,80px);margin:12px 0 20px}.universe-step p{max-width:420px;color:#8d9caf;line-height:1.68;font-size:14px;margin:0 0 28px}.universe-step .minimal-link{align-self:flex-start}.portal-stage{height:min(64vh,650px);position:relative;perspective:1400px}.portal-glow{position:absolute;width:82%;height:82%;left:9%;top:9%;border-radius:50%;background:radial-gradient(circle,rgba(0,163,255,.25),rgba(0,95,255,.05) 42%,transparent 70%);filter:blur(22px)}.portal-frame{position:absolute;width:86%;height:76%;left:7%;top:12%;border:1px solid rgba(83,201,255,.28);background:linear-gradient(145deg,rgba(8,23,38,.68),rgba(4,10,18,.4));backdrop-filter:blur(14px);border-radius:14px;box-shadow:0 34px 90px rgba(0,0,0,.45),inset 0 0 40px rgba(18,157,255,.045);padding:25px;display:flex;flex-direction:column;opacity:0;transform:translate3d(20%,15%,0) rotateY(-16deg) rotateX(6deg) scale(.88);transition:.8s var(--ease)}.portal-frame:after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.035);border-radius:9px;pointer-events:none}.portal-frame.is-active{opacity:1;transform:translate3d(0,0,0) rotateY(-7deg) rotateX(2deg) scale(1)}.portal-top{display:flex;align-items:center;justify-content:space-between;font:500 9px Space Grotesk;letter-spacing:.16em;color:#8ba5b9}.portal-top i{width:7px;height:7px;border-radius:50%;background:#39d6ff;box-shadow:0 0 16px #39d6ff}.portal-brand{margin:auto;font:700 clamp(64px,8vw,120px) Space Grotesk;color:#0e1018;text-shadow:-1px -1px 0 #1cd2ff,1px 1px 0 #184da8;filter:drop-shadow(0 0 24px rgba(34,192,255,.2))}.portal-lines{display:grid;grid-template-columns:1.2fr .8fr .45fr;gap:7px;margin-bottom:16px}.portal-lines span{height:2px;background:linear-gradient(90deg,rgba(65,217,255,.45),transparent)}.portal-frame small{font-size:8px;letter-spacing:.2em;color:#537188}.screen-set{margin:auto;width:82%;height:52%;position:relative}.screen-set b{position:absolute;border:1px solid rgba(73,209,255,.32);background:linear-gradient(145deg,rgba(14,42,67,.88),rgba(6,13,22,.9));box-shadow:0 18px 40px rgba(0,0,0,.35)}.screen-set b:nth-child(1){width:68%;height:76%;left:12%;top:2%;transform:perspective(600px) rotateY(8deg)}.screen-set b:nth-child(2){width:26%;height:58%;right:1%;bottom:2%;border-radius:10px}.screen-set b:nth-child(3){width:36%;height:45%;left:0;bottom:0;border-radius:7px}.screen-set b:after{content:"";position:absolute;inset:12%;background:repeating-linear-gradient(180deg,rgba(59,207,255,.2) 0 2px,transparent 2px 13px)}.store-glyph{margin:auto;width:148px;height:148px;border:1px solid rgba(65,217,255,.25);transform:rotate(45deg);display:grid;place-items:center;box-shadow:0 0 45px rgba(0,158,255,.1)}.store-glyph b{font:300 74px Space Grotesk;color:#44d8ff;transform:rotate(-45deg)}
.solutions{padding:12vw var(--pad);background:rgba(3,7,13,.94);min-height:110vh}.section-top{display:grid;grid-template-columns:1fr .55fr;gap:9vw;align-items:end;margin-bottom:7vw}.section-top h2{font-size:clamp(55px,7vw,108px);line-height:.9;margin-top:18px}.section-top>p:last-child{color:#8595a8;line-height:1.7;max-width:480px}.solution-list{border-top:1px solid rgba(255,255,255,.1)}.solution-item{position:relative;display:grid;grid-template-columns:1.1fr .95fr 60px;gap:4vw;align-items:center;min-height:150px;border-bottom:1px solid rgba(255,255,255,.1);padding:24px 12px 24px 62px;transition:.45s var(--ease);overflow:hidden}.solution-item:before{content:attr(data-label);position:absolute;left:5px;color:#456075;font-size:9px;letter-spacing:.18em}.solution-item:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,146,255,.11),transparent 54%);transform:translateX(-102%);transition:.55s var(--ease)}.solution-item:hover:after{transform:translateX(0)}.solution-item h3{position:relative;z-index:1;font-size:clamp(28px,3.2vw,48px);font-weight:500}.solution-item p{position:relative;z-index:1;color:#7d8da0;line-height:1.6;max-width:430px;font-size:13px}.solution-item>span{position:relative;z-index:1;justify-self:end;font-size:20px;color:#45d9ff;transition:.35s}.solution-item:hover>span{transform:translate(5px,-5px)}
.showcase{height:240vh;background:linear-gradient(180deg,rgba(3,7,13,.96),rgba(5,12,21,.97))}.showcase-sticky{height:100svh;position:sticky;top:0;padding:100px var(--pad) 70px;display:grid;grid-template-columns:.82fr 1.3fr;gap:5vw;align-items:center;overflow:hidden}.showcase-copy{max-width:560px}.showcase-copy h2{font-size:clamp(58px,6.6vw,104px);line-height:.9;margin:18px 0 28px}.showcase-copy p{color:#8c9bad;line-height:1.7;margin-bottom:32px;max-width:500px}.product-orbit{height:min(70vh,700px);position:relative;perspective:1500px}.product-panel{position:absolute;border:1px solid rgba(69,203,255,.24);background:linear-gradient(145deg,rgba(11,30,48,.86),rgba(4,10,17,.86));backdrop-filter:blur(15px);box-shadow:0 35px 100px rgba(0,0,0,.45),0 0 60px rgba(0,135,255,.06)}.panel-dashboard{width:72%;height:58%;left:11%;top:17%;border-radius:14px;padding:18px;transform:perspective(1000px) rotateY(-10deg) rotateX(2deg)}.ui-bar{height:30px;display:flex;align-items:center;gap:6px;border-bottom:1px solid rgba(255,255,255,.08);color:#577086;font:500 8px Space Grotesk;letter-spacing:.14em}.ui-bar i{width:5px;height:5px;border-radius:50%;background:#35556d}.ui-bar span{margin-left:8px}.ui-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px;width:45%}.ui-grid b{height:70px;border:1px solid rgba(63,207,255,.12);background:linear-gradient(145deg,rgba(28,84,123,.16),rgba(255,255,255,.015))}.ui-chart{position:absolute;left:52%;right:8%;top:68px;bottom:18%;border-left:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);overflow:hidden}.ui-chart span{position:absolute;inset:30% 5% 18% 8%;clip-path:polygon(0 82%,12% 70%,22% 76%,32% 52%,44% 61%,56% 30%,67% 41%,80% 12%,100% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(43,206,255,.38),rgba(17,120,255,.02))}.panel-tablet{width:30%;height:39%;right:7%;top:43%;border-radius:12px;padding:22px;transform:perspective(900px) rotateY(-15deg) rotateZ(1.5deg)}.tablet-mark,.phone-mark{font:600 34px Space Grotesk;color:#35d8ff;margin-bottom:28px}.panel-tablet span{display:block;height:4px;background:linear-gradient(90deg,rgba(68,214,255,.5),transparent);margin:14px 0}.panel-phone{width:14%;height:40%;left:3%;bottom:5%;border-radius:24px;padding:22px 15px;transform:perspective(800px) rotateY(13deg) rotateZ(-3deg)}.panel-phone b{display:block;height:62px;border:1px solid rgba(76,205,255,.12);margin-top:12px}.orbit-line{position:absolute;border:1px solid rgba(65,210,255,.15);border-radius:50%;pointer-events:none}.orbit-one{width:92%;height:33%;left:2%;top:42%;transform:rotate(-8deg)}.orbit-two{width:74%;height:24%;left:13%;top:46%;transform:rotate(13deg)}.orbit-label{position:absolute;color:#395d78;font:500 8px Space Grotesk;letter-spacing:.18em}.orbit-label-a{left:1%;top:18%}.orbit-label-b{right:1%;bottom:15%}
.lab{min-height:120svh;padding:14vw var(--pad);display:flex;align-items:center;overflow:hidden;background:transparent}.lab-overlay{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 65% 45%,rgba(7,121,255,.1),transparent 28%),linear-gradient(90deg,rgba(3,7,13,.96),rgba(3,7,13,.7) 54%,rgba(3,7,13,.28))}.lab-copy{max-width:820px}.lab-copy h2{font-size:clamp(62px,7.6vw,124px);line-height:.88;margin:18px 0 30px}.lab-copy>p{max-width:600px;color:#8b9bad;line-height:1.72}.lab-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.lab-tags span{padding:11px 15px;border:1px solid rgba(70,205,255,.18);background:rgba(7,19,31,.36);backdrop-filter:blur(8px);font-size:9px;letter-spacing:.17em;color:#7da2b9}.lab-readout{position:absolute;right:var(--pad);bottom:8vh;width:210px;padding:18px;border-left:1px solid rgba(55,209,255,.22);display:flex;flex-direction:column;gap:8px}.lab-readout span{font-size:8px;letter-spacing:.2em;color:#50687d}.lab-readout b{font:500 11px Space Grotesk;letter-spacing:.17em;color:#52dbff}.lab-readout i{height:2px;width:100%;background:linear-gradient(90deg,#3edaff 35%,rgba(255,255,255,.08) 35%)}
.final-cta{min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;padding:12vw var(--pad);background:radial-gradient(circle at 50% 58%,rgba(11,112,232,.16),transparent 32%),linear-gradient(180deg,rgba(3,7,13,.88),#03070d)}.final-copy{max-width:1060px}.final-copy h2{font-size:clamp(64px,8vw,132px);line-height:.88;margin:20px 0 30px}.final-copy>p{max-width:620px;margin:0 auto 36px;color:#8a9bad;line-height:1.7}.final-copy .button{margin:auto}
.footer{position:relative;z-index:3;background:#020509;border-top:1px solid rgba(255,255,255,.07);padding:58px var(--pad) 28px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:45px}.footer-top p{font-size:12px;color:#627387}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);padding:38px 0}.footer-links>div{display:flex;flex-direction:column;gap:11px}.footer-links small{font-size:9px;letter-spacing:.18em;color:#4f6476;margin-bottom:7px}.footer-links a{font-size:12px;text-decoration:none;color:#8d9daf}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;padding-top:24px;font-size:10px;color:#475968}.reveal{will-change:transform,opacity}.cursor-dot,.cursor-ring{position:fixed;z-index:1300;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%)}.cursor-dot{width:4px;height:4px;background:#71eaff}.cursor-ring{width:34px;height:34px;border:1px solid rgba(102,224,255,.35);transition:width .22s,height .22s,border-color .22s}.cursor-ring.active{width:56px;height:56px;border-color:rgba(102,224,255,.72)}
@media(max-width:1100px){.desktop-nav{gap:18px}.header-actions .header-link{display:none}.universe-sticky{grid-template-columns:.8fr .8fr 1.2fr;gap:3vw}.portal-stage{height:56vh}.showcase-sticky{grid-template-columns:.75fr 1.25fr}}
@media(max-width:900px){.cursor-dot,.cursor-ring{display:none}.desktop-nav,.header-actions{display:none}.menu-button{display:block}.mobile-menu{position:fixed;z-index:1050;inset:68px 0 auto 0;background:rgba(3,7,13,.98);backdrop-filter:blur(20px);padding:26px var(--pad) 34px;border-bottom:1px solid rgba(255,255,255,.08);flex-direction:column}.mobile-menu.open{display:flex}.mobile-menu a{padding:15px 0;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.07);font-size:14px}.hero{min-height:100svh;padding-top:125px;align-items:flex-start}.hero-copy-wrap{width:100%;padding-top:7vh}.hero h1{font-size:clamp(56px,15vw,88px)}.lead{max-width:88%}.hero-coordinates{display:none}.scroll-cue{bottom:4vh}.manifesto-grid{grid-template-columns:1fr;gap:30px}.manifesto-index{display:none}.manifesto-copy h2{font-size:clamp(54px,12vw,82px)}.manifesto-note{display:grid;grid-template-columns:repeat(2,1fr)}.universe{height:330vh}.universe-sticky{padding-top:92px;grid-template-columns:1fr;align-content:start}.universe-heading h2{font-size:54px}.universe-heading .eyebrow{display:none}.universe-copy{height:200px}.universe-step{justify-content:flex-start;padding-top:10px}.universe-step h3{font-size:44px}.universe-step p{max-width:90%}.portal-stage{position:absolute;left:var(--pad);right:var(--pad);bottom:4vh;height:43vh}.portal-frame{height:88%;top:5%}.section-top{grid-template-columns:1fr}.section-top h2{font-size:58px}.solution-item{grid-template-columns:1fr 35px;padding-left:42px}.solution-item p{display:none}.showcase{height:210vh}.showcase-sticky{grid-template-columns:1fr;align-content:start;padding-top:100px}.showcase-copy h2{font-size:58px}.showcase-copy p{max-width:85%}.product-orbit{position:absolute;left:3vw;right:3vw;bottom:5vh;height:44vh}.panel-dashboard{width:76%;left:9%}.panel-tablet{width:32%;right:3%}.panel-phone{width:18%;left:2%}.lab{min-height:100svh;align-items:flex-start;padding-top:120px}.lab-copy h2{font-size:60px}.lab-readout{right:var(--pad);bottom:4vh}.final-copy h2{font-size:60px}.footer-top{align-items:flex-start;gap:20px;flex-direction:column}.footer-links{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}}
@media(max-width:560px){:root{--pad:22px}.site-header{height:68px}.brand-text{font-size:13px}.hero h1{font-size:52px}.hero .eyebrow{max-width:250px;line-height:1.7}.lead{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.scroll-cue{display:none}.manifesto{min-height:90svh}.manifesto-copy h2{font-size:46px}.manifesto-copy>p:last-child{font-size:14px}.manifesto-note{grid-template-columns:1fr 1fr;gap:10px}.universe-heading h2{font-size:46px}.universe-copy{height:210px}.universe-step h3{font-size:38px}.portal-stage{height:38vh;bottom:6vh}.portal-frame{width:94%;left:3%;padding:18px}.screen-set{width:90%}.section-top h2{font-size:46px}.solutions{padding-top:110px}.solution-item{min-height:110px}.solution-item h3{font-size:25px}.showcase-copy h2{font-size:48px}.showcase-copy p{font-size:14px}.product-orbit{height:37vh;bottom:8vh}.panel-dashboard{width:82%;left:6%}.panel-tablet{width:34%;height:42%}.panel-phone{width:20%;height:43%}.lab-copy h2{font-size:48px}.lab-copy>p{font-size:14px}.lab-readout{display:none}.final-copy h2{font-size:48px}.final-copy>p{font-size:14px}.footer-top p{line-height:1.6}.footer-bottom{line-height:1.6}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.world-canvas{opacity:.35}.scroll-cue{display:none}}


/* ===== V3 upgrades ===== */
.brand{gap:12px}.brand-logo{display:block;height:42px;width:auto;filter:drop-shadow(0 0 16px rgba(29,169,255,.32))}.brand-name{font:600 14px/1 Space Grotesk,sans-serif;letter-spacing:.08em}.brand-name strong{color:#35cfff}.footer-brand .brand-logo{height:44px}.hero-shade{background:linear-gradient(90deg,rgba(3,7,13,.95) 0,rgba(3,7,13,.78) 40%,rgba(3,7,13,.12) 68%,rgba(3,7,13,.28) 100%)}.hero-globe-note{position:absolute;right:var(--pad);top:20vh;display:flex;flex-direction:column;gap:10px;align-items:flex-start;text-align:left;max-width:150px;color:#7e95a8;font-size:9px;letter-spacing:.18em;text-transform:uppercase}.hero-globe-note b{font:500 11px/1.55 Space Grotesk,sans-serif;color:#d4e7f8;letter-spacing:.1em;text-transform:none}
.transit{height:240svh}.transit-sticky{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:minmax(320px,640px) 260px;gap:8vw;align-items:center;padding:0 var(--pad)}.transit-copy h2{font-size:clamp(64px,7.8vw,128px);line-height:.88;margin:18px 0 30px}.transit-copy p{max-width:620px;color:#8a9cad;line-height:1.72}.transit-hud{justify-self:end;width:220px;padding:20px 0 20px 18px;border-left:1px solid rgba(84,212,255,.22);display:flex;flex-direction:column;gap:10px}.transit-hud span{font-size:8px;letter-spacing:.24em;color:#5f7386}.transit-hud b{font:500 11px/1.65 Space Grotesk,sans-serif;letter-spacing:.18em;color:#62deff}.transit-hud i{height:2px;width:100%;background:linear-gradient(90deg,#4adcff 58%,rgba(255,255,255,.08) 58%)}
@media(max-width:900px){.hero-globe-note{top:auto;right:var(--pad);bottom:16vh;max-width:124px}.transit{height:200svh}.transit-sticky{grid-template-columns:1fr;align-content:start;padding-top:120px}.transit-copy h2{font-size:58px}.transit-hud{justify-self:start;margin-top:24px;width:200px}}@media(max-width:560px){.brand-logo{height:36px}.brand-name{font-size:13px}.hero-globe-note{display:none}.transit-copy h2{font-size:46px}.transit-copy p{font-size:14px}.transit-hud{width:100%;max-width:200px}}

.footer-brand{gap:14px;align-items:center}.footer-brand .brand-logo{height:46px}.footer-brand-copy{display:flex;flex-direction:column;gap:5px}.footer-brand-copy strong{font:600 18px/1 Space Grotesk,sans-serif;letter-spacing:.08em;color:#fff}.footer-brand-copy em{font-style:normal;font-size:9px;letter-spacing:.18em;color:#7f95a8;text-transform:uppercase}

/* ===== V5 · Native WebGL / supplied Byte Core identity ===== */
.world-canvas{background:transparent!important;pointer-events:none!important;z-index:0}
.hero-shade{background:linear-gradient(90deg,rgba(3,7,13,.97) 0%,rgba(3,7,13,.78) 37%,rgba(3,7,13,.20) 63%,rgba(3,7,13,.08) 100%)!important}
.brand-reference{width:clamp(156px,12vw,205px);height:54px;overflow:hidden;display:flex;align-items:center;mix-blend-mode:screen}
.brand-reference-img{display:block;width:100%;height:auto;object-fit:contain;filter:contrast(1.08) brightness(1.08);mix-blend-mode:screen}
.footer-brand.brand-reference{width:min(390px,76vw);height:auto;overflow:visible;mix-blend-mode:screen}
.footer-reference-img{display:block;width:100%;height:auto;filter:contrast(1.06) brightness(1.04);mix-blend-mode:screen}
.footer-brand-copy{display:none!important}
.hero-globe-note{z-index:3}
.reveal{opacity:0;transform:translateY(38px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
.reveal.is-visible{opacity:1;transform:none}
.transit{background:transparent!important;isolation:isolate}
.transit:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(4,22,37,.05),rgba(3,7,13,.30) 58%,rgba(3,7,13,.82) 100%)}
.transit-sticky{overflow:hidden}
.transit-copy{position:relative;z-index:2;max-width:760px;opacity:calc(1 - (var(--transit-progress,0) * .38));transform:translateY(calc(var(--transit-progress,0) * -42px))}
.transit-hud{position:relative;z-index:2}
.showcase .panel-dashboard{transform:perspective(900px) rotateY(calc(-10deg + (var(--showcase-progress,0) * 18deg))) translateX(calc(var(--showcase-progress,0) * -8%))}
.showcase .panel-tablet{transform:perspective(900px) rotateY(calc(-15deg + (var(--showcase-progress,0) * 14deg))) rotateZ(calc(1.5deg - (var(--showcase-progress,0) * 2deg))) translateY(calc(var(--showcase-progress,0) * -10%))}
.showcase .panel-phone{transform:perspective(800px) rotateY(calc(13deg - (var(--showcase-progress,0) * 18deg))) rotateZ(calc(-3deg + (var(--showcase-progress,0) * 4deg))) translateX(calc(var(--showcase-progress,0) * 20%))}
.no-webgl .world-canvas{display:none}
.no-webgl .hero:after{content:"";position:absolute;right:8%;top:22%;width:min(38vw,520px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(77,232,255,.22);box-shadow:0 0 80px rgba(19,155,255,.08);background:radial-gradient(circle,rgba(19,155,255,.08),transparent 64%);z-index:-1}
@media(max-width:900px){.brand-reference{width:168px;height:46px}.hero-shade{background:linear-gradient(180deg,rgba(3,7,13,.72) 0%,rgba(3,7,13,.35) 40%,rgba(3,7,13,.82) 100%)!important}.hero-copy-wrap{padding-top:4vh}.hero{padding-bottom:120px}.transit-copy{opacity:1;transform:none}}
@media(max-width:560px){.brand-reference{width:145px;height:42px}.footer-brand.brand-reference{width:min(330px,92vw)}}

/* ===== V6 · official transparent identity + hero type + tunnel text ===== */
.brand-official{display:flex;align-items:center;width:clamp(180px,13vw,225px);height:auto;overflow:visible;flex:0 0 auto}
.brand-official-img{display:block;width:100%;height:auto;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 13px rgba(18,149,255,.20));image-rendering:auto}
.footer-brand.brand-official{width:min(430px,80vw);height:auto;overflow:visible}
.footer-official-img{width:100%;height:auto;filter:drop-shadow(0 0 18px rgba(18,149,255,.14))}

.hero-title{perspective:1200px;transform-style:preserve-3d}
.hero-title-line{display:block;overflow:hidden;padding:.015em 0 .035em;white-space:nowrap;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:#f4f7fb!important}
.hero-title-line .hero-char{display:inline-block;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:#f4f7fb!important;color:#f4f7fb!important;opacity:0;transform-origin:50% 80%;animation:heroCharIn .92s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(.34s + var(--char-delay,0s));will-change:transform,opacity,filter}
.hero-title-accent .hero-char{background:linear-gradient(110deg,#76edff,#169fff 50%,#4c6cff)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}
.hero-lead{opacity:0;transform:translateY(22px);animation:heroLeadIn .9s cubic-bezier(.16,1,.3,1) 1.14s forwards}
.hero-kicker{min-height:1.2em}
@keyframes heroCharIn{0%{opacity:0;transform:translate3d(0,72px,-180px) rotateX(74deg);filter:blur(12px)}100%{opacity:1;transform:translate3d(0,0,0) rotateX(0);filter:blur(0)}}
@keyframes heroLeadIn{to{opacity:1;transform:none}}

.hero-data-cloud{position:absolute;right:7.4vw;top:17vh;width:min(40vw,650px);height:62vh;z-index:3;pointer-events:none}
.data-word{position:absolute;font:600 9px/1 Space Grotesk,sans-serif;letter-spacing:.22em;color:rgba(121,215,247,.42);text-shadow:0 0 16px rgba(41,191,255,.18);will-change:transform;transition:opacity .3s}
.data-word:before{content:"";display:inline-block;width:18px;height:1px;margin-right:9px;vertical-align:middle;background:linear-gradient(90deg,rgba(83,221,255,.7),transparent)}
.data-word-a{left:4%;top:9%}.data-word-b{right:4%;top:32%}.data-word-c{left:12%;bottom:21%}.data-word-d{right:16%;bottom:7%}

.transit-sticky{perspective:1700px;perspective-origin:50% 50%}
.transit-copy{opacity:1!important;transform:none!important;transform-style:preserve-3d;max-width:900px}
.transit-title{transform-style:preserve-3d;margin:18px 0 30px!important;overflow:visible}
.transit-line{display:block;will-change:transform,opacity,filter,letter-spacing;transform-style:preserve-3d;backface-visibility:hidden;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:#f5f7fa!important;-webkit-text-fill-color:#f5f7fa!important}
.transit-line-b{background:linear-gradient(110deg,#76edff,#169fff 50%,#4c6cff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
.transit-eyebrow,.transit-description,.transit-hud{will-change:transform,opacity,filter}
.transit-description{max-width:620px;color:#8a9cad;line-height:1.72}

.lab-overlay{background:radial-gradient(circle at 72% 47%,rgba(15,150,255,.075),transparent 32%),linear-gradient(90deg,rgba(3,7,13,.94),rgba(3,7,13,.58) 55%,rgba(3,7,13,.06))!important}
.lab:after{content:"";position:absolute;right:8vw;top:50%;width:min(42vw,620px);aspect-ratio:1;transform:translateY(-50%);border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(29,167,255,.075),rgba(29,167,255,.018) 46%,transparent 70%)}

@media(max-width:1100px){.brand-official{width:205px}.hero-data-cloud{right:4vw;width:43vw}}
@media(max-width:900px){.brand-official{width:176px}.hero-data-cloud{right:0;top:22vh;width:48vw;height:48vh}.data-word{font-size:7px;letter-spacing:.15em}.transit-copy{padding-top:2vh}.lab-overlay{background:linear-gradient(180deg,rgba(3,7,13,.76),rgba(3,7,13,.42) 55%,rgba(3,7,13,.18))!important}}
@media(max-width:560px){.brand-official{width:150px}.footer-brand.brand-official{width:min(360px,94vw)}.hero-title-line{white-space:normal}.hero-data-cloud{top:34vh;right:-2vw;width:48vw;height:35vh}.data-word-b,.data-word-d{display:none}.data-word-a{left:0;top:0}.data-word-c{left:8%;bottom:0}.transit-title{font-size:46px!important}.transit-description{font-size:14px}}
@media(prefers-reduced-motion:reduce){.hero-title-line .hero-char,.hero-lead{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}.transit-line,.transit-eyebrow,.transit-description,.transit-hud{opacity:1!important;transform:none!important;filter:none!important;letter-spacing:normal!important}}


/* ===== V7: transparent official logo + universe micro-particles ===== */
.micro-particles{position:fixed;inset:0;width:100%;height:100%;z-index:6;pointer-events:none;background:transparent;opacity:.82;mix-blend-mode:screen}
.brand-v7{display:flex;align-items:center;height:100%;width:auto;overflow:visible;flex:0 0 auto;text-decoration:none}
.brand-v7-img{display:block;width:auto;height:66px;max-width:240px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 9px rgba(40,163,255,.22));image-rendering:auto}
.site-header.scrolled .brand-v7-img{height:55px}
.footer-brand.brand-v7{width:auto;height:auto;overflow:visible}
.footer-brand .brand-v7-img{height:auto;width:min(510px,46vw);max-width:none;filter:drop-shadow(0 0 16px rgba(37,157,255,.18))}
@media(max-width:1100px){.brand-v7-img{height:61px;max-width:220px}.footer-brand .brand-v7-img{width:min(440px,54vw)}}
@media(max-width:900px){.brand-v7-img{height:52px;max-width:180px}.site-header.scrolled .brand-v7-img{height:48px}.footer-brand .brand-v7-img{width:min(390px,70vw)}}
@media(max-width:560px){.brand-v7-img{height:46px;max-width:156px}.site-header.scrolled .brand-v7-img{height:43px}.footer-brand .brand-v7-img{width:min(350px,90vw)}.micro-particles{opacity:.67}}
@media(prefers-reduced-motion:reduce){.micro-particles{opacity:.38}}


/* ===== V8 · official supplied logo + technology fillers + faster sticky scenes ===== */
.brand-v8{display:flex;align-items:center;justify-content:flex-start;width:205px;height:100%;overflow:visible;flex:0 0 auto;text-decoration:none}
.brand-v8-img{display:block;width:100%;height:auto;max-height:72px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 10px rgba(40,163,255,.18));image-rendering:auto}
.site-header.scrolled .brand-v8{width:188px}
.footer-brand.brand-v8{width:290px;height:auto;overflow:visible}
.footer-brand .brand-v8-img{width:100%;height:auto;max-height:none;filter:drop-shadow(0 0 14px rgba(37,157,255,.14))}

/* Shorter pinned travel: same scenes, less dead scroll. */
.universe{height:270vh}
.showcase{height:180vh}
.universe-step{transition-duration:.45s}
.portal-frame{transition-duration:.52s}

/* Right-side technology animation — manifesto. */
.manifesto-grid{grid-template-columns:100px minmax(0,1.42fr) minmax(310px,.72fr);gap:5vw;align-items:center}
.manifesto-side{display:grid;gap:24px;align-content:center;min-width:0}
.manifesto-visual{height:330px;position:relative;display:grid;place-items:center;overflow:hidden;border-left:1px solid rgba(75,203,255,.09);border-bottom:1px solid rgba(255,255,255,.045);background:radial-gradient(circle at 50% 52%,rgba(20,139,255,.075),transparent 48%)}
.tech-motion{position:relative;width:100%;height:100%;transform:translate3d(var(--tech-x,0px),var(--tech-y,0px),0);will-change:transform}
.mv-grid{position:absolute;left:10%;right:8%;bottom:4%;height:44%;opacity:.28;transform:perspective(420px) rotateX(67deg);transform-origin:50% 100%;background-image:linear-gradient(rgba(53,182,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(53,182,255,.15) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to top,#000,transparent 88%)}
.mv-axis{position:absolute;left:50%;top:50%;background:linear-gradient(90deg,transparent,rgba(86,220,255,.28),transparent);transform-origin:center}
.mv-axis-x{width:86%;height:1px;transform:translate(-50%,-50%)}
.mv-axis-y{width:70%;height:1px;transform:translate(-50%,-50%) rotate(90deg)}
.mv-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(75,211,255,.20);border-radius:50%;transform-style:preserve-3d;will-change:transform}
.mv-orbit i{position:absolute;width:6px;height:6px;border-radius:50%;background:#7cecff;box-shadow:0 0 16px rgba(70,220,255,.9);left:50%;top:-3px}
.mv-orbit-a{width:210px;height:210px;margin:-105px;animation:mvOrbitA 9s linear infinite}
.mv-orbit-b{width:270px;height:112px;margin:-56px 0 0 -135px;transform:rotate(31deg);animation:mvOrbitB 12s linear infinite}
.mv-orbit-c{width:162px;height:284px;margin:-142px 0 0 -81px;transform:rotate(-24deg);animation:mvOrbitC 14s linear infinite}
.mv-core{position:absolute;left:50%;top:50%;width:82px;height:82px;transform:translate(-50%,-50%) rotate(45deg);border:1px solid rgba(104,229,255,.45);background:linear-gradient(135deg,rgba(33,176,255,.12),rgba(14,56,111,.03));box-shadow:0 0 50px rgba(16,149,255,.13),inset 0 0 25px rgba(91,222,255,.07);animation:mvCore 5.5s ease-in-out infinite}
.mv-core:before,.mv-core:after{content:"";position:absolute;inset:15px;border:1px solid rgba(94,223,255,.20)}
.mv-core:after{inset:28px;background:#54ddff;border:0;box-shadow:0 0 22px #28b7ff;animation:mvPulse 2.2s ease-in-out infinite}
.mv-core span,.mv-core b{position:absolute;display:block;background:linear-gradient(90deg,transparent,#59dfff,transparent)}
.mv-core span{width:160px;height:1px;left:-40px;top:40px}
.mv-core b{height:160px;width:1px;top:-40px;left:40px;background:linear-gradient(180deg,transparent,#59dfff,transparent)}
.mv-label{position:absolute;font:600 8px/1 Space Grotesk,sans-serif;letter-spacing:.18em;color:rgba(116,199,229,.52)}
.mv-label-a{left:8%;top:17%}.mv-label-b{right:8%;top:31%}.mv-label-c{right:12%;bottom:10%}
@keyframes mvOrbitA{to{transform:rotate(360deg)}}
@keyframes mvOrbitB{from{transform:rotate(31deg)}to{transform:rotate(391deg)}}
@keyframes mvOrbitC{from{transform:rotate(-24deg)}to{transform:rotate(-384deg)}}
@keyframes mvCore{0%,100%{transform:translate(-50%,-50%) rotate(45deg) scale(.96)}50%{transform:translate(-50%,-50%) rotate(135deg) scale(1.04)}}
@keyframes mvPulse{0%,100%{opacity:.35;transform:scale(.72)}50%{opacity:1;transform:scale(1.16)}}

/* Technology depth animation — Solutions heading. */
.section-top{grid-template-columns:minmax(0,1.05fr) minmax(300px,.72fr);gap:7vw;align-items:center}
.section-top-copy h2{font-size:clamp(55px,7vw,108px);line-height:.9;margin-top:18px}
.section-top-side{display:grid;grid-template-columns:minmax(190px,.75fr) minmax(180px,.65fr);gap:28px;align-items:center;min-width:0}
.section-top-side>p{color:#8595a8;line-height:1.7;max-width:380px;margin:0}
.depth-visual{height:270px;position:relative;perspective:900px;overflow:hidden;background:radial-gradient(circle at 50% 56%,rgba(18,137,255,.075),transparent 50%)}
.depth-stack{position:absolute;left:50%;top:50%;width:170px;height:170px;transform:translate(-50%,-50%);transform-style:preserve-3d}
.depth-layer{position:absolute;inset:12px;border:1px solid rgba(82,218,255,.23);background:linear-gradient(135deg,rgba(25,149,255,.055),rgba(255,255,255,.005));box-shadow:inset 0 0 28px rgba(36,171,255,.035);transform-style:preserve-3d}
.depth-layer:before{content:"";position:absolute;inset:19%;border:1px solid rgba(89,221,255,.12)}
.depth-layer-1{transform:rotateX(62deg) rotateZ(45deg) translateZ(-54px);opacity:.28;animation:depthOne 7s ease-in-out infinite}
.depth-layer-2{transform:rotateX(62deg) rotateZ(45deg) translateZ(-18px);opacity:.48;animation:depthTwo 7s ease-in-out infinite}
.depth-layer-3{transform:rotateX(62deg) rotateZ(45deg) translateZ(20px);opacity:.72;animation:depthThree 7s ease-in-out infinite}
.depth-layer-4{transform:rotateX(62deg) rotateZ(45deg) translateZ(56px);opacity:.9;animation:depthFour 7s ease-in-out infinite}
.depth-beam{position:absolute;left:50%;top:-35px;width:1px;height:240px;background:linear-gradient(180deg,transparent,rgba(76,219,255,.55),transparent);box-shadow:0 0 18px rgba(72,205,255,.28);animation:depthBeam 2.8s ease-in-out infinite}
.depth-node{position:absolute;width:7px;height:7px;border:1px solid rgba(113,236,255,.75);border-radius:50%;box-shadow:0 0 15px rgba(65,203,255,.55);animation:depthNode 3.2s ease-in-out infinite}
.depth-node-a{left:15%;top:30%}.depth-node-b{right:10%;top:47%;animation-delay:.8s}.depth-node-c{left:30%;bottom:13%;animation-delay:1.5s}
.depth-caption{position:absolute;right:5%;bottom:7%;font:600 8px/1 Space Grotesk,sans-serif;letter-spacing:.2em;color:rgba(116,199,229,.48)}
@keyframes depthOne{0%,100%{transform:rotateX(62deg) rotateZ(45deg) translateZ(-54px)}50%{transform:rotateX(62deg) rotateZ(54deg) translateZ(-68px)}}
@keyframes depthTwo{0%,100%{transform:rotateX(62deg) rotateZ(45deg) translateZ(-18px)}50%{transform:rotateX(62deg) rotateZ(39deg) translateZ(-26px)}}
@keyframes depthThree{0%,100%{transform:rotateX(62deg) rotateZ(45deg) translateZ(20px)}50%{transform:rotateX(62deg) rotateZ(50deg) translateZ(31px)}}
@keyframes depthFour{0%,100%{transform:rotateX(62deg) rotateZ(45deg) translateZ(56px)}50%{transform:rotateX(62deg) rotateZ(40deg) translateZ(73px)}}
@keyframes depthBeam{0%,100%{opacity:.18;transform:translateY(-12px)}50%{opacity:.9;transform:translateY(12px)}}
@keyframes depthNode{0%,100%{opacity:.25;transform:scale(.75)}50%{opacity:1;transform:scale(1.22)}}

@media(max-width:1180px){
  .brand-v8{width:190px}.site-header.scrolled .brand-v8{width:178px}.footer-brand.brand-v8{width:275px}
  .manifesto-grid{grid-template-columns:70px minmax(0,1.25fr) minmax(285px,.7fr);gap:4vw}
  .section-top-side{grid-template-columns:1fr}.depth-visual{height:210px}.section-top-side>p{max-width:420px}
}
@media(max-width:900px){
  .brand-v8{width:168px}.site-header.scrolled .brand-v8{width:160px}.footer-brand.brand-v8{width:255px}
  .universe{height:250vh}.showcase{height:165vh}
  .manifesto-grid{grid-template-columns:1fr;gap:32px}.manifesto-side{grid-template-columns:1fr;gap:22px}.manifesto-visual{height:270px;max-width:520px;width:100%}
  .section-top{grid-template-columns:1fr;gap:36px}.section-top-side{grid-template-columns:minmax(210px,.72fr) minmax(0,1fr);gap:24px}.depth-visual{height:220px}
}
@media(max-width:560px){
  .brand-v8{width:150px}.site-header.scrolled .brand-v8{width:145px}.footer-brand.brand-v8{width:min(250px,78vw)}
  .universe{height:238vh}.showcase{height:155vh}
  .manifesto-visual{height:230px}.mv-orbit-a{width:165px;height:165px;margin:-82.5px}.mv-orbit-b{width:215px;height:92px;margin:-46px 0 0 -107.5px}.mv-orbit-c{width:132px;height:220px;margin:-110px 0 0 -66px}.mv-core{width:68px;height:68px}
  .manifesto-note{grid-template-columns:1fr 1fr}
  .section-top-side{grid-template-columns:1fr}.depth-visual{height:205px;max-width:340px}.section-top-side>p{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  .mv-orbit,.mv-core,.mv-core:after,.depth-layer,.depth-beam,.depth-node{animation:none!important}
}


/* ===== V9 · layout collision fixes + manifesto visual on opposite side ===== */

/* Desktop: technology visual moves to the LEFT of the manifesto copy. */
@media (min-width:901px){
  .manifesto-grid{
    grid-template-columns:minmax(310px,.74fr) 76px minmax(0,1.42fr);
    grid-template-areas:"visual index copy";
    gap:4.6vw;
    align-items:center;
  }
  .manifesto-side{grid-area:visual;min-width:0}
  .manifesto-index{grid-area:index;align-self:start;padding-top:8px}
  .manifesto-copy{grid-area:copy;min-width:0}
  .manifesto-visual{border-left:0;border-right:1px solid rgba(75,203,255,.09)}

  /* Never clip the CTA when the sticky product scene is active. */
  .showcase-sticky{overflow:visible;padding-bottom:clamp(58px,7vh,86px)}
  .showcase-copy{position:relative;z-index:4;padding-bottom:8px}
  .showcase-copy .button{position:relative;z-index:5}
}

/* Short desktop viewports: compact the copy instead of cutting the CTA. */
@media (min-width:901px) and (max-height:780px){
  .showcase-sticky{padding-top:78px;padding-bottom:42px;gap:4vw}
  .showcase-copy h2{font-size:clamp(48px,5.4vw,82px);margin:14px 0 20px}
  .showcase-copy p{margin-bottom:22px;line-height:1.58}
  .showcase-copy .button{padding:13px 18px}
  .product-orbit{height:min(61vh,560px)}
}

@media (max-width:900px){
  /* Manifesto becomes a clean vertical stack: copy first, visual underneath. */
  .manifesto-grid{
    grid-template-columns:1fr!important;
    grid-template-areas:"copy" "visual"!important;
    gap:34px!important;
    align-items:start!important;
  }
  .manifesto-copy{grid-area:copy;position:relative;z-index:4}
  .manifesto-side{grid-area:visual;position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:22px}
  .manifesto-index{display:none!important}
  .manifesto-visual{position:relative;height:250px;max-width:540px;width:100%;border-left:0;border-right:0}

  /* Universe: reserve a real row for the portal so it cannot sit over the copy. */
  .universe{height:235vh}
  .universe-sticky{
    height:100svh;
    padding:82px var(--pad) 24px;
    grid-template-columns:1fr!important;
    grid-template-rows:auto 190px minmax(220px,1fr);
    gap:12px;
    align-content:stretch;
    align-items:stretch;
    overflow:hidden;
  }
  .universe-heading{grid-row:1;min-width:0}
  .universe-heading h2{font-size:clamp(42px,10vw,56px);margin:10px 0 17px}
  .universe-copy{grid-row:2;height:190px;min-height:0;position:relative;z-index:4}
  .universe-step{justify-content:flex-start;padding-top:4px}
  .universe-step h3{font-size:clamp(34px,9vw,46px);margin:7px 0 10px}
  .universe-step p{font-size:13px;line-height:1.52;margin-bottom:15px;max-width:94%}
  .portal-stage{
    grid-row:3;
    position:relative!important;
    left:auto!important;right:auto!important;bottom:auto!important;
    width:100%;height:auto!important;min-height:220px;max-height:35svh;
    margin:0;align-self:stretch;z-index:1;
  }
  .portal-frame{width:92%;height:90%;left:4%;top:5%;padding:18px}

  /* Product scene: no absolute object layer on phones/tablets. */
  .showcase{
    height:auto!important;
    min-height:0;
    overflow:visible;
  }
  .showcase-sticky{
    position:relative!important;
    top:auto!important;
    height:auto!important;
    min-height:0;
    display:flex!important;
    flex-direction:column;
    align-items:stretch;
    gap:38px;
    padding:96px var(--pad) 86px!important;
    overflow:visible!important;
  }
  .showcase-copy{position:relative;z-index:5;max-width:none;width:100%;padding-bottom:0}
  .showcase-copy h2{font-size:clamp(46px,11vw,62px)}
  .showcase-copy p{max-width:92%;margin-bottom:26px}
  .showcase-copy .button{position:relative;z-index:6;margin-bottom:0}
  .product-orbit{
    position:relative!important;
    left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;
    width:100%;height:clamp(290px,68vw,430px)!important;
    margin:4px 0 0;
    z-index:1;
  }
  .panel-dashboard{width:74%;height:58%;left:10%;top:12%}
  .panel-tablet{width:29%;height:42%;right:5%;top:45%}
  .panel-phone{width:17%;height:42%;left:3%;bottom:3%}
}

@media (max-width:560px){
  .manifesto-visual{height:220px}
  .universe{height:225vh}
  .universe-sticky{
    padding:76px var(--pad) 18px;
    grid-template-rows:auto 184px minmax(190px,1fr);
    gap:9px;
  }
  .universe-heading h2{font-size:42px;margin-bottom:13px}
  .universe-copy{height:184px}
  .universe-step h3{font-size:35px}
  .universe-step p{font-size:12px;line-height:1.45;margin-bottom:12px}
  .portal-stage{min-height:190px;max-height:31svh}
  .portal-frame{padding:14px}

  .showcase-sticky{padding:86px var(--pad) 72px!important;gap:32px}
  .showcase-copy h2{font-size:46px}
  .showcase-copy p{max-width:100%;font-size:14px}
  .product-orbit{height:300px!important;margin-top:0}
  .panel-dashboard{width:78%;left:8%;top:11%}
  .panel-tablet{width:31%;right:3%;top:44%}
  .panel-phone{width:18%;left:2%;bottom:4%}
}


/* ===== V10 · white / orange identity ===== */
:root{
  --bg:#fbfbf8;--bg-soft:#f3f2ee;--ink:#3f3f40;--muted:#77736f;
  --orange:#f05b08;--orange-2:#ff6a1e;--orange-deep:#c84700;--orange-soft:#fff0e6;
  --line:rgba(63,63,64,.12);--line-strong:rgba(240,91,8,.28);--glass:rgba(255,255,255,.72);
  --blue:var(--orange);--cyan:var(--orange-2);
}
html{background:#fff}.page-noise{opacity:.018;mix-blend-mode:multiply}.world-canvas{z-index:0}.micro-particles{z-index:5;opacity:.56;mix-blend-mode:multiply}
body{background:linear-gradient(180deg,#fff 0%,#faf9f6 55%,#fff 100%);color:var(--ink)}
h1 span,h2 span,.transit-line-b{background:linear-gradient(105deg,#ff6d21 0%,#ed5708 54%,#bd4200 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
.eyebrow{color:#8b817a}.lead,.manifesto-copy>p:last-child,.universe-step p,.section-top-side>p,.solution-item p,.showcase-copy p,.lab-copy>p,.final-copy>p,.transit-description{color:#77736f}
.scroll-progress{background:rgba(56,56,56,.06)}.scroll-progress i{background:linear-gradient(90deg,#ff6c1e,#e95607);box-shadow:0 0 16px rgba(240,91,8,.32)}
.site-header{background:linear-gradient(to bottom,rgba(255,255,255,.96),rgba(255,255,255,.72),transparent)}
.site-header.scrolled{background:rgba(255,255,255,.86);border-bottom:1px solid rgba(62,62,62,.08);box-shadow:0 12px 38px rgba(70,47,29,.055)}
.brand-v10{width:228px;height:70px;display:flex;align-items:center;overflow:visible}.brand-v10-img{display:block;width:100%;height:auto;max-height:66px;object-fit:contain;filter:none}.site-header.scrolled .brand-v10{width:210px;height:60px}.site-header.scrolled .brand-v10-img{max-height:58px}
.desktop-nav a,.header-link{color:#666260}.desktop-nav a:hover,.header-link:hover{color:#e95607}.button{background:linear-gradient(120deg,#ff6d21,#e95406);border-color:rgba(190,63,0,.08);box-shadow:0 13px 34px rgba(236,83,8,.18)}.button:hover{box-shadow:0 18px 44px rgba(236,83,8,.25)}.minimal-link{color:#4b4846;border-color:rgba(65,65,65,.18)}.minimal-link:hover{color:#e95607;border-color:#e95607}.menu-button span{background:#444}
.mobile-menu{background:rgba(255,255,255,.97)!important;border-bottom:1px solid rgba(63,63,64,.08)!important;box-shadow:0 24px 60px rgba(66,48,36,.08)}.mobile-menu a{color:#555;border-color:rgba(63,63,64,.08)!important}
.hero{background:linear-gradient(180deg,#fff 0%,#fbfaf7 100%)}.hero-shade{background:radial-gradient(circle at 74% 45%,rgba(255,106,30,.075),transparent 31%),linear-gradient(90deg,rgba(255,255,255,.98) 0,rgba(255,255,255,.88) 43%,rgba(255,255,255,.38) 72%,rgba(255,255,255,.72) 100%)}.hero-globe-note b{color:#4a4542}.hero-globe-note,.hero-coordinates,.scroll-cue{color:#9a8f87}.hero-coordinates span+span{border-color:rgba(63,63,64,.12)}.scroll-cue i{background:#e5c4b1}.scroll-cue i:after{background:#f05b08}.data-word{color:rgba(144,68,27,.56)!important}
.manifesto{background:linear-gradient(180deg,#fbfaf7,#f5f3ef)}.manifesto-index{color:#aa9c91}.manifesto-note span{color:#77716d;border-color:rgba(63,63,64,.1)}.manifesto-note span:before{color:#f05b08}.manifesto-visual{border-color:rgba(240,91,8,.11)!important;background:radial-gradient(circle at 50% 52%,rgba(240,91,8,.09),transparent 49%)}
.mv-grid{background-image:linear-gradient(rgba(229,90,11,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(229,90,11,.07) 1px,transparent 1px)!important}.mv-axis{background:linear-gradient(90deg,transparent,rgba(232,90,12,.5),transparent)!important}.mv-orbit{border-color:rgba(236,90,12,.32)!important;box-shadow:0 0 30px rgba(236,90,12,.07)!important}.mv-orbit i,.mv-core:after{background:#ff6a1e!important;box-shadow:0 0 18px rgba(240,91,8,.38)!important}.mv-core{border-color:rgba(240,91,8,.45)!important;background:radial-gradient(circle,rgba(255,108,32,.28),rgba(255,255,255,.65) 58%,rgba(255,255,255,.1))!important;box-shadow:inset 0 0 34px rgba(240,91,8,.12),0 14px 38px rgba(111,64,37,.08)!important}.mv-label,.depth-caption{color:rgba(124,85,60,.65)!important}
.universe{background:linear-gradient(180deg,#f7f5f1,#fff)}.step-indicator{color:#a3978e}.step-indicator b,.universe-step small{color:#e95708}.step-indicator span{background:rgba(63,63,64,.12)}.step-indicator span:after{background:#f05b08}.portal-glow{background:radial-gradient(circle,rgba(255,101,23,.17),rgba(255,101,23,.045) 42%,transparent 70%);filter:blur(28px)}.portal-frame{border-color:rgba(240,91,8,.24);background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(247,243,238,.84));box-shadow:0 30px 74px rgba(91,63,45,.12),inset 0 0 42px rgba(240,91,8,.035)}.portal-frame:after{border-color:rgba(63,63,64,.055)}.portal-top,.portal-frame small{color:#82766e}.portal-top i{background:#ff6a1e;box-shadow:0 0 16px rgba(240,91,8,.35)}.portal-brand{color:#f4eee9;text-shadow:-1px -1px 0 #ff7227,1px 1px 0 #a53a00;filter:drop-shadow(0 0 20px rgba(240,91,8,.16))}.portal-lines span{background:linear-gradient(90deg,rgba(240,91,8,.48),transparent)}.screen-set b{border-color:rgba(240,91,8,.25);background:linear-gradient(145deg,#fff,#f2ece7);box-shadow:0 18px 38px rgba(75,48,30,.11)}.screen-set b:after{background:repeating-linear-gradient(180deg,rgba(240,91,8,.12),rgba(240,91,8,.12) 2px,transparent 2px,transparent 9px)!important}
.solutions{background:#fff}.solution-list,.solution-item{border-color:rgba(63,63,64,.11)}.solution-item:before{color:#aa9b90}.solution-item:after{background:linear-gradient(90deg,rgba(255,106,30,.09),transparent 58%)}.solution-item>span{color:#f05b08}.section-top-side{color:#777}.depth-visual{background:radial-gradient(circle at 50% 56%,rgba(240,91,8,.09),transparent 50%)}.depth-layer{border-color:rgba(240,91,8,.26)!important;background:linear-gradient(135deg,rgba(255,110,34,.08),rgba(255,255,255,.74))!important;box-shadow:inset 0 0 24px rgba(240,91,8,.035),0 18px 38px rgba(99,62,37,.06)!important}.depth-layer:before{border-color:rgba(240,91,8,.14)!important}.depth-beam{background:linear-gradient(180deg,transparent,rgba(240,91,8,.62),transparent)!important;box-shadow:0 0 18px rgba(240,91,8,.22)!important}.depth-node{border-color:rgba(240,91,8,.72)!important;box-shadow:0 0 14px rgba(240,91,8,.34)!important}
.transit{background:linear-gradient(180deg,#fff,#f7f3ef,#fff)!important}.transit:before{background:radial-gradient(circle at 50% 50%,rgba(240,91,8,.04),rgba(255,255,255,.2) 54%,rgba(247,244,240,.72) 100%)!important}.transit-line{color:#3f3f40!important;-webkit-text-fill-color:#3f3f40!important}.transit-hud{border-color:rgba(240,91,8,.24)}.transit-hud span{color:#8c7e75}.transit-hud b{color:#e95708}.transit-hud i{background:linear-gradient(90deg,#f05b08 58%,rgba(63,63,64,.08) 58%)}
.showcase{background:linear-gradient(180deg,#fff,#f5f2ed)}.product-orbit,.portal-stage{transform-style:preserve-3d;transition:transform .5s var(--ease);transform:perspective(1500px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg))}.product-panel{border-color:rgba(240,91,8,.22);background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(243,238,233,.92));box-shadow:0 35px 80px rgba(79,52,35,.13),0 0 60px rgba(240,91,8,.035)}.ui-bar{border-color:rgba(63,63,64,.09);color:#887a70}.ui-bar i{background:#d9c7ba}.ui-grid b{border-color:rgba(240,91,8,.15);background:linear-gradient(145deg,rgba(255,111,34,.08),rgba(255,255,255,.55))}.ui-chart{border-color:rgba(63,63,64,.08)}.ui-chart span{background:linear-gradient(180deg,rgba(255,105,28,.50),rgba(240,91,8,.05))}.tablet-mark,.phone-mark{color:#f05b08}.panel-tablet span{background:linear-gradient(90deg,rgba(240,91,8,.58),transparent)}.panel-phone b{border-color:rgba(240,91,8,.15)}.orbit-line{border-color:rgba(240,91,8,.16)}.orbit-label{color:#9b8a7f}
.lab{background:#fff}.lab-overlay{background:radial-gradient(circle at 72% 47%,rgba(255,109,31,.085),transparent 32%),linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.70) 55%,rgba(255,255,255,.22))!important}.lab:after{background:radial-gradient(circle,rgba(240,91,8,.075),rgba(240,91,8,.018) 46%,transparent 70%)!important}.lab-tags span{border-color:rgba(240,91,8,.19);background:rgba(255,255,255,.72);color:#796d65;box-shadow:0 7px 24px rgba(72,48,32,.045)}.lab-readout{border-color:rgba(240,91,8,.25)}.lab-readout span{color:#93867d}.lab-readout b{color:#e95708}.lab-readout i{background:linear-gradient(90deg,#f05b08 35%,rgba(63,63,64,.09) 35%)}
.final-cta{background:radial-gradient(circle at 50% 58%,rgba(255,106,30,.10),transparent 34%),linear-gradient(180deg,#faf8f4,#fff)}
.footer{background:#f5f3ef;border-top-color:rgba(63,63,64,.08)}.footer-top p{color:#81766f}.footer-links{border-color:rgba(63,63,64,.09)}.footer-links small{color:#a1948a}.footer-links a{color:#68625e}.footer-links a:hover{color:#e95708}.footer-bottom{color:#978b83}.footer-brand.brand-v10{width:330px;height:auto}.footer-brand .brand-v10-img{width:100%;max-height:none}
.cursor-dot{background:#f05b08}.cursor-ring{border-color:rgba(240,91,8,.32)}.cursor-ring.active{border-color:rgba(240,91,8,.72)}
.reveal{opacity:0;transform:translate3d(0,34px,0) scale(.988);filter:blur(7px);transition:opacity .78s var(--ease),transform .92s var(--ease),filter .82s var(--ease)}.reveal.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
@media(max-width:1100px){.brand-v10{width:205px}.site-header.scrolled .brand-v10{width:194px}.footer-brand.brand-v10{width:300px}}
@media(max-width:900px){.brand-v10{width:176px;height:58px}.brand-v10-img{max-height:54px}.site-header.scrolled .brand-v10{width:168px;height:54px}.site-header.scrolled .brand-v10-img{max-height:50px}.footer-brand.brand-v10{width:285px}.hero-shade{background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.78) 55%,rgba(255,255,255,.62))}.lab-overlay{background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.50) 55%,rgba(255,255,255,.18))!important}}
@media(max-width:560px){.brand-v10{width:154px;height:52px}.brand-v10-img{max-height:48px}.site-header.scrolled .brand-v10{width:148px;height:50px}.footer-brand.brand-v10{width:min(275px,86vw)}.micro-particles{opacity:.42}}
/* V10 finishing polish */
.universe-step{transition:opacity .48s var(--ease),transform .62s var(--ease),filter .48s var(--ease);filter:blur(7px);transform:translate3d(0,26px,0) scale(.985)}
.universe-step.is-active{filter:blur(0);transform:translate3d(0,0,0) scale(1)}
.portal-frame{transition:opacity .42s var(--ease),transform .58s var(--ease),filter .45s var(--ease);filter:blur(5px)}
.portal-frame.is-active{filter:blur(0)}
.portal-frame:before,.product-panel:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.72),transparent 30%,transparent 68%,rgba(255,106,30,.045));mask:linear-gradient(#000,transparent 45%);opacity:.58}
.product-panel:after{content:"";position:absolute;inset:8px;border-radius:inherit;border:1px solid rgba(240,91,8,.055);pointer-events:none}
.product-panel{transform-style:preserve-3d;backface-visibility:hidden}
.panel-dashboard{box-shadow:0 42px 90px rgba(75,48,31,.15),-18px 24px 50px rgba(240,91,8,.055)}
.panel-tablet{box-shadow:0 28px 62px rgba(75,48,31,.14),14px 18px 35px rgba(240,91,8,.045)}
.panel-phone{box-shadow:0 24px 52px rgba(75,48,31,.13),-10px 18px 30px rgba(240,91,8,.05)}
.solution-item{transition:transform .42s var(--ease),background .42s var(--ease)}
.solution-item:hover{transform:translateX(4px);background:rgba(255,247,241,.62)}
@media(prefers-reduced-motion:reduce){.portal-stage,.product-orbit{transform:none!important}.reveal{filter:none!important}}