/* Stable orbital planes with a single, slow light trace on each path. */
.hero-grid-lines{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#4dabc008 1px,transparent 1px),linear-gradient(90deg,#4dabc008 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent 25%,#000 90%)}
.tech-core{width:400px;height:400px;max-width:100%;position:relative;perspective:1000px;transform-style:preserve-3d;transform:translate3d(var(--parallax-x,0px),calc(var(--parallax-y,0px) - var(--scroll-progress,0)*18px),0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(calc(1 - var(--scroll-progress,0)*.035));transition:transform 1.2s var(--ease);isolation:isolate}
.core-grid{position:absolute;inset:14%;background-image:radial-gradient(#7cd7ed50 .7px,transparent .8px);background-size:18px 18px;border-radius:50%;mask-image:radial-gradient(circle,#000 15%,transparent 67%);transform:rotate(-22deg) translateZ(-35px);opacity:.65}
.core-glow{position:absolute;inset:13%;border-radius:50%;background:radial-gradient(circle,#2bd3f123,transparent 70%);animation:core-breathe 10s ease-in-out infinite alternate;transform:translateZ(-25px)}
.core-halo{position:absolute;inset:26%;border-radius:50%;background:radial-gradient(circle,#6ce7ef13,transparent 72%);box-shadow:0 0 90px 8px #2eb6d20a;transform:translateZ(-15px)}
.tech-orbit{position:absolute;inset:5%;border:1px solid #52d3ed52;border-radius:50%;transform-style:preserve-3d;box-shadow:0 0 22px #35ceec08,inset 0 0 22px #35ceec08}
.tech-orbit::before{content:"";position:absolute;inset:10px;border:1px solid #42a6d022;border-radius:50%}
.tech-orbit::after{content:"";position:absolute;inset:-8px;border:1px dashed #56bfd721;border-radius:50%}
.orbit-track{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible;pointer-events:none}
.orbit-tail{fill:none;stroke:#8ae9f1;stroke-width:.35;stroke-linecap:round}
.orbit-dot{fill:#dbffff;filter:drop-shadow(0 0 .7px #cfffffcc) drop-shadow(0 0 2px #56d8edb3)}
.orbit-one{transform:rotateX(64deg) rotateY(-16deg) rotateZ(15deg)}
.orbit-two{inset:14%;border-color:#65a9ec50;transform:rotateX(-30deg) rotateY(62deg) rotateZ(45deg)}
.orbit-two .orbit-tail{stroke-opacity:.6}
.orbit-three{inset:23%;border-color:#86edf06b;transform:rotateX(48deg) rotateY(42deg) rotateZ(95deg)}
.orbit-three .orbit-tail{stroke-opacity:.55}
.core-depth{position:absolute;inset:33%;border-radius:30%;background:linear-gradient(150deg,#193849,#061420);border:1px solid #254d5c;box-shadow:0 22px 42px #0005;transform:translate3d(3px,9px,-12px) rotate(-6deg)}
.core-center{position:absolute;inset:33%;border-radius:30%;display:grid;place-items:center;background:linear-gradient(145deg,#386080a1,#133849e8 49%,#091e2ded);border:1px solid #78bed777;box-shadow:inset 0 1px 1px #b7eff536,inset 0 -14px 30px #03121e38,0 12px 28px #0003,0 0 65px #37bedb14;transform:translateZ(14px) rotate(-6deg);animation:core-float 9s ease-in-out infinite alternate}
.core-center::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(125deg,#c0f5ff0e,transparent 40%);pointer-events:none}
.core-center .core-heart{width:72%;height:auto;opacity:.97;filter:drop-shadow(0 2px 7px #60dce52e)}
.core-cross{width:45%;height:45%;background:linear-gradient(130deg,#edffff,#79e9f4 45%,#258eb3);clip-path:polygon(33% 0,67% 0,67% 33%,100% 33%,100% 67%,67% 67%,67% 100%,33% 100%,33% 67%,0 67%,0 33%,33% 33%);filter:drop-shadow(0 0 12px #39c7e5);opacity:.95}
.core-axis{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,#72cde31f,transparent);transform-origin:center}.axis-a{transform:rotate(40deg) translateZ(-10px)}.axis-b{transform:rotate(-50deg) translateZ(-10px)}
.core-coordinate{position:absolute;font-size:10px;letter-spacing:.13em;color:#95bccd;padding:5px 8px;border-left:1px solid #478599;background:#061d2c90;white-space:nowrap}.coordinate-one{left:1%;top:25%}.coordinate-two{right:0;bottom:25%}.coordinate-three{left:23%;bottom:20px}
.motion-toggle{display:flex;gap:8px;align-items:center;color:#a1bece;font-size:11px;min-height:36px;padding:8px 11px;border:1px solid #315468;border-radius:6px;background:#08203070;transition:color .25s,border-color .25s,background .25s}.motion-toggle:hover,.motion-toggle:focus-visible{border-color:#6bbac9;color:#a9f1f4;background:#123549}.motion-toggle .icon{width:13px;height:13px;stroke-width:1.8}
@keyframes core-breathe{from{opacity:.5}to{opacity:1}}
@keyframes core-float{from{transform:translate3d(0,-3px,14px) rotate(-6deg)}to{transform:translate3d(0,3px,14px) rotate(-4deg)}}
:is(.motion-paused,.page-hidden,.low-motion) :is(.orbit-track,.core-glow,.core-center),.pointer-scene.scene-still :is(.orbit-track,.core-glow,.core-center){animation-play-state:paused}
:is(.motion-paused,.low-motion) .tech-core{transform:none!important;transition:none!important}
@media(max-width:600px){.core-coordinate{font-size:10px;letter-spacing:.07em;padding:4px 6px}.coordinate-one{left:2%;top:23%}.coordinate-two{right:1%;bottom:24%}.coordinate-three{bottom:17px;left:24%}.motion-toggle{font-size:10px;padding:8px 10px;min-height:36px}.orbit-dot{r:1;filter:drop-shadow(0 0 .7px #cfffffaa) drop-shadow(0 0 1.6px #56d8ed99)}.tech-orbit::after{inset:-6px}.hero-grid-lines{background-size:52px 52px;mask-image:linear-gradient(180deg,transparent 25%,#000 90%)}.core-depth{box-shadow:0 14px 28px #0004}.core-halo{box-shadow:none}}
@media(prefers-reduced-motion:reduce){.orbit-track,.core-glow,.core-center{animation:none!important}.tech-core{transform:none!important;transition:none!important}}