body{background:#090b0e}.topbar{display:none}header{position:absolute;top:24px;left:32px;right:32px;border:1px solid #97a2b033;border-radius:60px;background:linear-gradient(135deg,#272a2d66,#0e101299);backdrop-filter:blur(25px);box-shadow:0 10px 45px #0003}header .wrap{padding:0 24px}.nav{height:68px}.logo{width:190px;height:60px}.navcta{background:#cfdcec;color:#10141a;border:0}.spatial-hero{position:relative;isolation:isolate;max-width:1800px;margin:auto;height:770px;overflow:hidden;background:#0b0d0f}.spatial-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#090b0ef2 0%,#090b0edb 32%,#090b0eaa 70%,#090b0eb5),url('assets/hero-2035-realistic.webp') center 58%/cover}.spatial-hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#090b0e,transparent 25%),radial-gradient(ellipse at 75% 25%,#99b9e30f,transparent 50%)}.world-grid{position:absolute;inset:35% -15% -45%;background-image:linear-gradient(#8e9eb20c 1px,transparent 1px),linear-gradient(90deg,#8e9eb20c 1px,transparent 1px);background-size:60px 60px;transform:perspective(500px) rotateX(52deg);pointer-events:none;mask-image:linear-gradient(transparent,#000,transparent)}.orbit-aura{position:absolute;right:1%;top:17%;width:54%;height:65%;background:radial-gradient(ellipse,#8baad215,transparent 65%);filter:blur(30px);pointer-events:none}.spatial-copy{position:absolute;top:194px;left:max(60px,calc((100% - 1280px)/2));z-index:6;max-width:540px;pointer-events:none}.spatial-copy>*{pointer-events:auto}.spatial-copy h1{font-size:clamp(64px,6.7vw,102px);line-height:1.03;letter-spacing:-5.6px;font-weight:400;white-space:nowrap;margin:30px 0 26px}.spatial-copy h1 em{color:#d0dcec;text-shadow:0 0 35px #a2c2eb2d}.spatial-copy p{font-size:14px;line-height:1.9;color:#c0c5cb;margin:0 0 30px}.spatial-copy .button{padding:19px 26px;font-size:12px;gap:38px;box-shadow:0 0 35px #d6e0ee13}.spatial-caption{font-size:7px;letter-spacing:1.6px;color:#969da6;margin-top:48px;display:flex;align-items:center;gap:9px}.status-dot{height:5px;width:5px;background:#d0dcec;border-radius:50%;box-shadow:0 0 12px #acc8ed}.spatial-copy .eyebrow{font-size:9px;letter-spacing:3px;color:#c6cbd1}.orbit-stage{position:absolute;right:-3%;top:125px;width:65%;height:495px;touch-action:pan-y;outline-offset:-20px;cursor:grab;user-select:none}.orbit-stage:active{cursor:grabbing}.orbit-ring{position:absolute;left:10%;right:7%;top:26%;height:61%;border:1px solid #9eb2cc38;border-radius:50%;transform:rotate(-13deg);box-shadow:0 0 25px #97aecd06;pointer-events:none}.ring-front{left:3%;right:0;top:19%;height:76%;border-style:dashed;border-color:#a8b9cf1a;transform:rotate(-13deg)}.orbit-ring:after{content:'';position:absolute;top:-3px;left:50%;width:5px;height:5px;border-radius:50%;background:#d9e2ef;box-shadow:0 0 12px #9ebfeb}.orbit-center{position:absolute;left:40%;top:39%;text-align:center;color:#9eabbd;pointer-events:none;opacity:.6}.orbit-center>span{font:7px monospace;letter-spacing:1px}.orbit-center b{display:block;font-size:15px;font-weight:400;letter-spacing:3px;line-height:1.5;margin:12px 0}.orbit-center>span:last-child{font-size:5px}.orbit-cross{position:absolute;color:#a6b4c65c;font-weight:200;font-size:27px;pointer-events:none}.cross-one{left:14%;top:5%}.cross-two{right:10%;bottom:0}.stage-coordinate{position:absolute;right:20%;top:1%;font:8px monospace;letter-spacing:1.8px;color:#929eae}.orbit-card{position:absolute;top:50%;left:50%;width:280px;height:280px;margin:-140px 0 0 -140px;padding:0;background:transparent;border:0;color:#e0e6ed;transform-origin:center;will-change:transform,opacity;cursor:pointer;-webkit-tap-highlight-color:transparent}.orbit-card:focus-visible{outline:1px solid #cedbeb;border-radius:30px}.orbit-card .product-render{position:absolute;inset:0;filter:drop-shadow(0 14px 15px #0009);transition:filter .35s}.product-render{background-image:url('assets/products-orbit.webp');background-size:500% 100%;background-position:var(--sprite) 50%;background-repeat:no-repeat}.orbit-card .orbit-plinth{position:absolute;left:12%;right:12%;bottom:8%;height:20%;border-radius:50%;border:1px solid #b0c4de77;box-shadow:0 0 17px #9ebce32d,inset 0 0 20px #a4c3ec23;background:linear-gradient(0deg,#1a1f26b0,#0e101299);transform:rotateX(25deg);z-index:-1}.orbit-card .orbit-label{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);font:8px monospace;letter-spacing:2px;white-space:nowrap;padding:8px 13px;border:1px solid #95a3b644;border-radius:30px;background:#0f1318c9;backdrop-filter:blur(12px)}.orbit-card.active .product-render{filter:drop-shadow(0 0 13px #acc5e628) drop-shadow(0 20px 18px #000b)}.orbit-card.active .orbit-label{color:#cedbeb;border-color:#cfdcecb0}.orbit-description{position:absolute;right:6%;bottom:92px;z-index:7;display:flex;align-items:center;gap:22px;width:43%;border-top:1px solid #9eadc040;padding-top:20px}.orbit-description h2{font-size:21px;letter-spacing:.8px;margin:7px 0 0;white-space:nowrap}.orbit-description>div>span{font:7px monospace;color:#bdc7d3;letter-spacing:1.2px}.orbit-description p{font-size:10px;line-height:1.8;color:#a2a9b3;max-width:210px;margin:0}.orbit-detail{border:1px solid #a5b1c155;border-radius:50%;height:38px;min-width:38px;background:#d6e0ee0b;color:#d6e0ee;font-size:20px;margin-left:auto}.orbit-detail:hover{background:#cfdcec;color:#15181d}.orbit-control{position:absolute;bottom:33px;right:6%;width:43%;display:flex;align-items:center;gap:25px;z-index:7}.orbit-counter{font:9px monospace;letter-spacing:2px;color:#707a88}.orbit-counter b{color:#dfe6ef;font-weight:400}.orbit-control>div{display:flex;gap:6px}.orbit-control button{border:1px solid #68738255;background:#15191e88;border-radius:50%;height:30px;width:30px;color:#c4cfdd;font-size:13px}.orbit-control button:hover{background:#c0c9d4;color:#15191e}.orbit-instruction{font:7px monospace;color:#7c8591;letter-spacing:1px;margin-left:auto}.hero-concept{position:absolute;bottom:40px;left:60px;font:6px monospace;letter-spacing:1.2px;color:#5d6773}.product-dock{position:relative;margin:-3px 32px 0;padding:15px 25px;border:1px solid #9eaab93b;border-radius:25px;background:linear-gradient(120deg,#1c1f22aa,#0e1013aa);backdrop-filter:blur(22px);display:flex;align-items:center;gap:22px;max-width:1600px;z-index:8;box-shadow:0 25px 50px #0004}.dock-intro{flex:0 0 190px}.dock-intro>span{font:7px monospace;letter-spacing:1.7px;color:#9ba4af}.dock-intro h2{font-size:25px;letter-spacing:-.8px;margin:15px 0 0;line-height:1.2}.dock-intro em{font-style:normal;color:#b0c3db}#dock-items{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;flex:1;min-width:0}.dock-item{padding:0 0 8px;border:1px solid transparent;border-radius:20px;background:transparent;position:relative;min-width:0;color:#c0c5cc;transition:border-color .4s,background .4s}.dock-item .product-render{width:100%;height:115px;transition:transform .5s}.dock-item:hover .product-render{transform:translateY(-5px)}.dock-item.active{background:#a6c4ec08;border-color:#8e9db055}.dock-item>span:last-child{font:9px monospace;letter-spacing:2px}.dock-item.active>span:last-child{color:#d3deed}.dock-item.active:after{content:'';position:absolute;bottom:0;left:35%;right:35%;height:1px;background:#d6e1ef;box-shadow:0 0 9px #a9c6ed}.dock-all{flex:0 0 37px;width:37px;height:37px;border:1px solid #8b99ac55;border-radius:50%;display:grid;place-items:center;color:#d3deed;font-size:20px}.ticker{margin-top:28px;background:transparent;border-color:#5f6a7922}.benefit-strip{margin-top:0}.feature-image.spatial-render{background:radial-gradient(ellipse at center,#2d333b,#0e1217 70%)}.feature-image.spatial-render .product-render{position:absolute;inset:0 10%}.feature-image.spatial-render img{display:none}.feature-image.spatial-render .image-note{bottom:15px}.base-drawing{position:relative;min-height:345px;filter:none}.base-drawing .product-render{width:100%;height:290px;filter:drop-shadow(0 0 18px #afc3dd22)}.base-drawing>span{position:relative}.product-render.small{height:100px;display:block}.product.has-render svg{display:none}.product.has-render{padding-top:12px}.product.has-render .small{height:120px;margin-bottom:13px}.product.has-render{min-height:255px}dialog{max-width:630px}.dialog-render{height:240px;max-width:380px;margin:auto}dialog:has(.dialog-render){padding-top:28px}.dialog-render+.eyebrow{margin-top:5px}header.scrolled{position:fixed;top:12px;box-shadow:0 15px 35px #0005}.product-dock button:focus-visible{outline:2px solid #d0dcec;outline-offset:2px}
@media(min-width:1600px){.product-dock{margin-left:auto;margin-right:auto}.spatial-hero{height:840px}.orbit-stage{top:165px}.spatial-copy{top:225px}}
@media(max-width:1100px){header{left:20px;right:20px;top:20px}.nav{height:63px}.logo{width:160px}nav{gap:18px;font-size:10px}.spatial-hero{height:715px}.spatial-copy{left:34px;top:185px}.spatial-copy h1{font-size:72px;letter-spacing:-4px}.spatial-copy p{font-size:12px}.orbit-stage{width:66%;right:-7%;top:125px;height:440px}.orbit-card{width:240px;height:240px;margin:-120px 0 0 -120px}.orbit-description{bottom:91px;right:4%;width:46%;gap:14px}.orbit-description p{font-size:9px;max-width:150px}.orbit-description h2{font-size:19px}.orbit-control{right:4%;width:46%}.hero-concept{left:34px}.product-dock{margin-left:20px;margin-right:20px;padding:14px 19px;gap:14px}.dock-intro{flex-basis:155px}.dock-intro h2{font-size:21px}#dock-items{gap:3px}.dock-item .product-render{height:95px}.dock-item>span:last-child{font-size:8px}.dock-all{flex-basis:30px;height:30px}.orbit-instruction{font-size:6px}}
@media(max-width:760px){header{top:14px;left:14px;right:14px}.nav{height:60px}.nav .logo{width:170px;height:58px}header .wrap{padding:0 15px}.navcta{display:none}nav{top:70px;left:0;right:0;border:1px solid #848f9e55;border-radius:20px;background:#14181df5;backdrop-filter:blur(25px)}.spatial-hero{height:945px}.spatial-hero:before{background:linear-gradient(0deg,#090b0e,#090b0ecc 35%,#090b0edb 75%),url('assets/hero-2035-realistic.webp') center/cover}.spatial-copy{left:25px;right:20px;top:126px;max-width:none}.spatial-copy h1{font-size:57px;letter-spacing:-3.3px;line-height:1.08;margin:25px 0 18px}.spatial-copy .eyebrow{font-size:7px;letter-spacing:2px}.spatial-copy p{font-size:12px;line-height:1.8;margin-bottom:23px}.spatial-copy .button{font-size:11px;padding:16px 23px;min-height:47px}.spatial-caption{display:none}.orbit-stage{top:385px;left:0;right:0;width:100%;height:370px}.orbit-card{width:210px;height:210px;margin:-105px 0 0 -105px}.orbit-center{left:40%;top:38%}.orbit-center b{font-size:11px;letter-spacing:2px}.orbit-center>span{font-size:5px}.orbit-center>span:last-child{display:none}.orbit-ring{left:7%;right:7%;height:65%;top:21%}.ring-front{left:1%;right:1%;height:79%;top:14%}.stage-coordinate{right:10%;top:3%;font-size:6px}.orbit-label{font-size:7px!important;padding:6px 10px!important}.cross-one{left:8%;top:5%}.cross-two{right:5%;bottom:5%}.orbit-description{left:25px;right:25px;bottom:87px;width:auto;gap:18px}.orbit-description>div{min-width:140px}.orbit-description h2{font-size:18px;letter-spacing:.5px}.orbit-description>div>span{font-size:6px;letter-spacing:1px}.orbit-description p{font-size:9px;line-height:1.7;max-width:none}.orbit-detail{height:33px;min-width:33px;font-size:18px}.orbit-control{bottom:34px;left:25px;right:25px;width:auto;gap:20px}.orbit-instruction{font-size:6px;letter-spacing:.6px}.hero-concept{display:none}.orbit-aura{right:-5%;top:40%;width:110%;height:45%}.world-grid{inset:45% -25% -20%}.product-dock{margin:0 14px;padding:19px 12px;border-radius:20px;display:block}.dock-intro{padding-left:7px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.dock-intro>span{font-size:6px;letter-spacing:1px}.dock-intro h2{font-size:18px;margin:0;line-height:1.2}.dock-intro h2 br{display:none}.dock-intro em{display:block}.dock-all{display:none}#dock-items{gap:4px;grid-template-columns:repeat(5,minmax(0,1fr))}.dock-item{padding-bottom:9px;border-radius:10px}.dock-item .product-render{height:70px}.dock-item>span:last-child{font-size:7px;letter-spacing:.6px}.ticker{margin-top:25px}.feature-image.spatial-render .product-render{inset:0 8%}.base-drawing{min-height:290px}.base-drawing .product-render{height:240px}.product.has-render{min-height:225px}.product.has-render .small{height:100px}.dialog-render{height:190px}header.scrolled{top:8px}.orbit-control button{height:31px;width:31px}}
@media(max-width:370px){.spatial-copy h1{font-size:51px}.spatial-hero{height:930px}.orbit-stage{top:380px}.orbit-description{gap:10px}.orbit-description>div{min-width:120px}.orbit-description h2{font-size:16px}.dock-item>span:last-child{font-size:6px}.orbit-instruction{font-size:5px}}
@media(prefers-reduced-motion:reduce){.product-render,.orbit-card{transition:none!important}}
.product-render{background-image:none!important}.product-render>svg{width:100%;height:100%;display:block;overflow:hidden}.product.has-render .small>svg{display:block}.base-drawing .product-render>svg{display:block}.product-render>svg>image{pointer-events:none}
.spatial-hero:before{opacity:.4}.product.has-render .product-render>svg{display:block}.product-render svg{max-width:100%}
.dialog-render>.product-render{height:100%;width:100%}.dialog-render{margin-bottom:16px}dialog .product-render>svg{overflow:hidden}