.ecosystem-visual{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .4s ease-out}.ecosystem-visual>img{position:relative;z-index:1}.orbit-system{position:absolute;inset:4% -3%;pointer-events:none;z-index:2}.orbit-ring{position:absolute;left:7%;top:3%;width:86%;height:92%;border:1px solid #88abff21;border-radius:50%;transform:rotate(-23deg)}.orbit-ring:nth-child(2){left:0;top:18%;width:100%;height:65%;transform:rotate(22deg);border-style:dashed;border-color:#d6f58320}.orbit-node{position:absolute;width:35px;height:35px;display:grid;place-items:center;border-radius:10px;border:1px solid #ffffff35;background:#102047d9;color:#aec9ff;font-size:18px;box-shadow:0 6px 25px #0005;backdrop-filter:blur(14px);animation:node-drift 8s ease-in-out infinite}.orbit-node:nth-of-type(3){left:7%;top:21%;animation-delay:-2s}.orbit-node:nth-of-type(4){right:3%;top:36%;color:#d6f583;animation-delay:-4s}.orbit-node:nth-of-type(5){left:18%;bottom:7%;animation-delay:-6s}.orbit-node:nth-of-type(6){right:16%;top:1%;animation-delay:-1s}.orbit-pulse{position:absolute;inset:8%;border-radius:50%;border:1px solid #6a9cff35;animation:orbit-pulse 6s linear infinite}.ecosystem-visual .tag-bottom{bottom:0;left:3%}.ecosystem-visual .tag-top{top:0;right:0}.future-vision{background:#080d1b;color:#eef3ff;overflow:hidden;border-bottom:1px solid #ffffff14}.future-vision .section-head .eyebrow{color:#95add7}.future-vision .section-head>p{color:#8e9fbf}.future-vision .section-head h2{color:white}.vision-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.vision-device{position:relative;isolation:isolate;min-width:0}.vision-device>img{position:relative;width:115%;max-width:none;margin-left:-7.5%;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);animation:device-hover 9s ease-in-out infinite}.device-halo{position:absolute;inset:10%;border:1px solid #699cff30;border-radius:50%;transform:rotateX(65deg);animation:halo-turn 20s linear infinite}.concept-stamp{display:block;text-align:center;color:#677eaa;font-family:Consolas,monospace;font-size:8px;letter-spacing:1.5px;margin-top:15px}.vision-explorer>.eyebrow{color:#8399c1}.vision-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-block:22px 30px}.vision-choice{display:flex;align-items:center;gap:10px;text-align:left;min-height:60px;background:#ffffff04;border:1px solid #ffffff1c;border-radius:5px;color:#b0c0dd;padding:15px 14px;font-size:11px;transition:background .25s,border-color .25s,transform .25s}.vision-choice:hover{transform:translateY(-3px);border-color:#8cafff80;background:#182648}.vision-choice>span{width:25px;height:25px;display:grid;place-items:center;border-radius:6px;background:#234fe930;color:#9fbaff;font-size:18px}.vision-choice.violet>span{background:#9d74e529;color:#c4adff}.vision-choice.lime>span{background:#d6f5831a;color:#d6f583}.vision-choice.cyan>span{background:#51c5e520;color:#8fdef1}.vision-choice>b{margin-left:auto;font-weight:400;color:#657b9f}.vision-choice[aria-pressed=true]{border-color:#8caeff;background:#172645;color:#fff}.vision-description{border-top:1px solid #ffffff20;padding-top:23px;min-height:175px}.concept-label{font-family:Consolas,monospace;font-size:8px;letter-spacing:1.4px;color:#d6f583}.vision-description h3{font-size:23px;letter-spacing:-.6px;font-weight:500;line-height:1.35;margin-block:14px}.vision-description p{font-size:12px;color:#91a3c4;line-height:1.9}.vision-note{color:#6b7e9f;font-size:10px;line-height:1.9;margin-top:22px;max-width:390px}.vision-description.is-changing{animation:vision-change .35s both}.motion-paused .ecosystem-visual{transform:none}.future-vision+.process-section{background:#101a2d}
@keyframes node-drift{0%,100%{transform:translate(0,0) rotate(-7deg)}50%{transform:translate(6px,-18px) rotate(7deg)}}
@keyframes orbit-pulse{0%{transform:scale(.8);opacity:0}30%{opacity:.6}100%{transform:scale(1.12);opacity:0}}
@keyframes device-hover{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}
@keyframes halo-turn{to{transform:rotateX(65deg) rotateZ(360deg)}}
@keyframes vision-change{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.vision-layout{gap:35px}.vision-choice{font-size:10px;padding:12px 10px;gap:7px}.vision-description h3{font-size:21px}}
@media(max-width:760px){.vision-layout{grid-template-columns:1fr;gap:35px}.vision-device{max-width:530px;margin-inline:auto}.vision-device>img{width:108%;margin-left:-4%}.vision-choice{font-size:11px;min-height:60px;gap:10px;padding:14px}.vision-description{min-height:165px}.vision-description h3{font-size:23px}.vision-note{max-width:100%;font-size:10px}.concept-stamp{font-size:7px;letter-spacing:1px}.orbit-node{width:28px;height:28px;font-size:15px}.orbit-ring{border-color:#88abff30}.ecosystem-visual .tag-bottom{bottom:-2%;left:0}.ecosystem-visual .tag-top{right:0;top:0}}
@media(prefers-reduced-motion:reduce){.ecosystem-visual{transform:none!important;transition:none}.orbit-node,.orbit-pulse,.vision-device>img,.device-halo,.vision-description{animation:none!important;transform:none!important}.orbit-pulse{display:none}}