.hero-product-orbit{--orbit-radius:330px;--orbit-card-width:190px;--orbit-card-scale:1;position:absolute;z-index:3;right:0;top:50%;width:min(57vw,790px);height:650px;transform:translateY(-50%);isolation:isolate;overflow:hidden;touch-action:pan-y;cursor:grab;outline-offset:-5px;pointer-events:auto}
.hero-product-orbit.is-dragging{cursor:grabbing}.hero-product-orbit.is-dragging .hero-orbit-card{pointer-events:none}
.hero-orbit-tunnel{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 50% 39%,#087bc4a8 0,#07355f75 28%,#020918ed 67%,transparent 88%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 30%,#000e 58%,transparent 89%);mask-image:radial-gradient(ellipse at 50% 50%,#000 30%,#000e 58%,transparent 89%)}
.hero-orbit-tunnel:before{content:"";position:absolute;inset:-20%;background:repeating-conic-gradient(from 0deg at 50% 39%,transparent 0 6deg,#169ccc4d 6.2deg 6.45deg,transparent 6.7deg 13deg);animation:hero-tunnel-breathe 8s ease-in-out infinite alternate}
.hero-orbit-tunnel:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,transparent 22%,#01061155 82%)}
.hero-orbit-vanishing{position:absolute;left:37%;top:25%;width:26%;height:24%;background:radial-gradient(ellipse,#d9fbff 0 2%,#43bcff75 7%,#43bcff25 25%,transparent 70%);box-shadow:0 0 65px #39bfff4d}
.hero-orbit-identity{position:absolute;z-index:4;top:42px;left:50%;display:flex;align-items:center;gap:13px;transform:translateX(-50%);color:#dcfaff;font:600 16px/1 ui-monospace,monospace;letter-spacing:.12em;text-shadow:0 0 22px #31bbff70;pointer-events:none}.hero-orbit-identity>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid #82e4ff;border-radius:50%;background:#062039;box-shadow:0 0 20px #21bfff80;color:#eaffff;font-weight:800;letter-spacing:0}
.hero-orbit-camera{position:absolute;inset:0;perspective:var(--orbit-perspective,1250px);perspective-origin:50% 43%;pointer-events:none}.hero-orbit-world{position:absolute;left:50%;top:45%;width:0;height:0;transform-style:flat;pointer-events:none}
.hero-orbit-ring{position:absolute;left:0;top:0;width:0;height:0;transform-style:flat;pointer-events:none}
.hero-orbit-card{position:absolute;left:0;top:0;width:var(--orbit-card-width);height:270px;margin-left:calc(var(--orbit-card-width) / -2);margin-top:-112px;transform-style:preserve-3d;pointer-events:auto;will-change:transform,opacity;transition:opacity .2s linear}
.hero-orbit-card-face,.hero-orbit-card-back{position:absolute;inset:0;display:flex;flex-direction:column;padding:17px 15px;border:1px solid #55ddffe0;border-radius:11px;overflow:hidden;background:linear-gradient(125deg,#124567ed,#08233bf5 35%,#02172deb);box-shadow:inset 0 0 0 3px #08263c,inset 0 0 22px #166bb51a,0 0 18px #22bfff55;backface-visibility:hidden;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.hero-orbit-card-face{color:inherit;text-decoration:none}.hero-orbit-card.has-link{cursor:pointer}.hero-orbit-card.has-link .hero-orbit-card-footer{display:flex;align-items:center;justify-content:space-between;border-color:#71dfff;background:linear-gradient(120deg,#145077,#082a45);color:#e7fbff;font-weight:700}.hero-orbit-card.has-link .hero-orbit-card-footer span{font-size:14px;transition:transform .2s ease}.hero-orbit-card.has-link:hover .hero-orbit-card-footer span,.hero-orbit-card.has-link:focus-within .hero-orbit-card-footer span{transform:translateX(3px)}.hero-orbit-card.has-link:focus-within .hero-orbit-card-face{outline:2px solid #d8f9ff;outline-offset:4px}
.hero-orbit-card-back{align-items:center;justify-content:center;background:linear-gradient(120deg,#031628,#06111e);color:#2872a0;opacity:0}.hero-orbit-card-back>span{font-size:42px;opacity:.4}.hero-orbit-card.is-rear .hero-orbit-card-face{opacity:0}.hero-orbit-card.is-rear .hero-orbit-card-back{opacity:1}.hero-orbit-card.is-hovered .hero-orbit-card-face{transform:translateZ(28px) scale(1.055);border-color:#d8f9ff;box-shadow:inset 0 0 0 3px #0a3853,0 0 25px #3bceff66}.hero-orbit-card.is-active .hero-orbit-card-face{border-color:#b2f3ff}
.hero-orbit-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.hero-orbit-state{color:#58deff;font:700 8px/1.4 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.hero-orbit-state:before{content:"●";margin-right:5px;font-size:7px}.hero-orbit-number{color:#4c8ba8;font:500 9px/1 ui-monospace,monospace;letter-spacing:.15em}.hero-orbit-card h2{min-height:38px;margin:17px 0 7px;color:#f1fbff;font-size:18px;line-height:1.08;letter-spacing:-.035em}.hero-orbit-card p{min-height:62px;margin:0;color:#b9d8e7;font-size:10px;line-height:1.5}.hero-orbit-card dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:auto 0 0;padding-top:12px;border-top:1px solid #204b69}.hero-orbit-card dt{color:#89bad1;font-size:8px;line-height:1.25}.hero-orbit-card dd{margin:4px 0 0;color:#e6f8ff;font-size:11px}.hero-orbit-card-footer{margin-top:12px;padding:9px 10px;border:1px solid #397c9f;border-radius:5px;background:linear-gradient(120deg,#10334f,#062034);color:#bdefff;font-size:9px}
.hero-orbit-pillar{position:absolute;left:-72px;top:-190px;width:144px;height:230px;transform-style:preserve-3d;pointer-events:none}.hero-orbit-pillar-faces{position:absolute;inset:0;transform-style:preserve-3d}.hero-orbit-pillar-faces>i{position:absolute;left:calc(50% - 14.4px);top:0;width:28.8px;height:230px;transform:rotateY(var(--face)) translateZ(71px);background:repeating-linear-gradient(0deg,transparent 0 32px,#41b8e35c 33px,#010811 36px,transparent 39px),linear-gradient(90deg,#010913,#09273e 25%,#174665 55%,#051422 95%);border-inline:1px solid #24709a55;box-shadow:inset 0 0 8px #010b1c}.hero-orbit-pillar-top{position:absolute;left:0;top:-72px;width:144px;height:144px;border:2px solid #80ebff;border-radius:50%;transform:rotateX(90deg);background:repeating-radial-gradient(circle,#083451 0 7px,#37caff 8px,#051321 10px,#0d3147 14px);box-shadow:0 0 18px #44cdff88}.hero-orbit-core{position:absolute;left:-52px;top:-86px;width:248px;height:147px;transform:translateZ(74px) rotateX(13deg);background:radial-gradient(ellipse at 50% 51%,#fff 0 3%,#e3fdffed 5%,#74e7ffae 12%,#158ff553 29%,transparent 65%)}.hero-orbit-core:before{content:"";position:absolute;left:-55px;right:-55px;top:50%;height:2px;background:linear-gradient(90deg,transparent,#4fdcff88,#fff,#4fdcff88,transparent);box-shadow:0 0 9px #56cbff}.hero-orbit-core:after{content:"";position:absolute;left:50%;top:10%;width:2px;height:80%;background:linear-gradient(transparent,#baf8ff,#fff,transparent);box-shadow:0 0 12px #8be8ff}.hero-orbit-core i{position:absolute;left:48%;top:38%;width:4%;height:28%;background:#eaffff;filter:blur(6px)}
.hero-orbit-halo{position:absolute;left:-166px;top:-205px;width:332px;height:332px;transform:translateY(-19px) rotateX(90deg);border:3px solid #b2f5ff;border-radius:50%;box-shadow:0 0 8px #e0fbff,0 0 20px #20c6ff,inset 0 0 10px #16b4ff;pointer-events:none}.hero-orbit-halo:after{content:"";position:absolute;inset:8px;border:1px solid #159ddd;border-radius:50%}
.hero-orbit-help{position:absolute;right:0;bottom:14px;left:0;margin:0;color:#5e839a;font:8px/1 ui-monospace,monospace;letter-spacing:.08em;text-align:center;text-transform:uppercase}
.hero-product-orbit:focus-visible{outline:2px solid #b7f4ff}.hero-product-orbit.is-reduced .hero-orbit-card{display:none;transform:none!important}.hero-product-orbit.is-reduced .hero-orbit-card.is-active{display:block;opacity:1!important;transform:translateZ(var(--orbit-radius)) scale(var(--orbit-card-scale))!important}.hero-product-orbit.is-reduced .hero-orbit-pillar,.hero-product-orbit.is-reduced .hero-orbit-halo{display:none}
@keyframes hero-tunnel-breathe{to{opacity:.62;transform:scale(1.035)}}
@media(max-width:1100px){.hero-product-orbit{right:-4vw;width:59vw;transform:translateY(-50%) scale(.9)}}
@media(max-width:850px){.hero-product-orbit{top:5px;right:50%;width:min(100vw,760px);height:350px;transform:translateX(50%) scale(.72);transform-origin:top center}.hero-orbit-identity{top:12px}.hero-orbit-world{top:49%}.hero-orbit-help{display:none}}
@media(max-width:550px){.hero-product-orbit{width:138vw;transform:translateX(50%) scale(.55)}}
@media(prefers-reduced-motion:reduce){.hero-product-orbit *,.hero-product-orbit *:before,.hero-product-orbit *:after{animation:none!important;transition:none!important}}