.experience-shell{isolation:isolate;min-height:100svh;position:relative}.experience-background{z-index:-1;pointer-events:none;background:#050b14;position:fixed;inset:0;overflow:hidden}.experience-grid{background-image:linear-gradient(#61c4e509 1px,#0000 1px),linear-gradient(90deg,#61c4e509 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000a,#0002 40%,#0006);mask-image:linear-gradient(#000a,#0002 40%,#0006)}.experience-aura{aspect-ratio:1;border-radius:50%;width:min(900px,80vw);animation:25s ease-in-out infinite alternate experience-drift;position:absolute}.experience-aura-cyan{background:radial-gradient(circle,#128ba332,#12668813 45%,#0000 70%);top:-12%;right:-13%}.experience-aura-violet{background:radial-gradient(circle,#6e37a925,#4e318516 40%,#0000 70%);animation-duration:32s;animation-delay:-8s;bottom:-25%;left:-22%}.experience-circuits{stroke-width:1px;width:100%;height:100%;position:absolute;inset:0}.experience-circuits path,.experience-circuits circle{vector-effect:non-scaling-stroke}.experience-circuit-base{stroke:#51cfe728}.experience-circuit-current{stroke:#5cdfffa3;stroke-width:1.5px;stroke-dasharray:16 610;animation:21s linear infinite experience-current}.experience-hex{stroke:#729fc72e}.experience-horizon{background:linear-gradient(#0000 55%,#49c8ed03 62%,#0000 69%);animation:24s ease-in-out infinite alternate experience-horizon;position:absolute;inset:0}.experience-beacon{background:#77e4f5;width:4px;height:4px;animation:14s ease-in-out infinite experience-beacon;position:absolute;box-shadow:0 0 11px #51cdea8c}.experience-beacon-one{top:25%;left:6.3%}.experience-beacon-two{background:#b39ce4;animation-delay:-5s;top:69%;right:6.5%}.experience-beacon-three{animation-delay:-10s;bottom:10%;left:9%}.motion-preferences{color:#8bacc0;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:18px;width:min(100% - 80px,1280px);margin:0 auto;padding:0 0 18px;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.motion-preferences button{color:#acc7d8;min-height:44px;font:inherit;letter-spacing:.01em;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:8px 0 8px 12px;display:flex}.motion-preferences button:hover{color:#65e4ff}.motion-preferences button:focus-visible{outline-offset:3px;outline:2px solid #65e4ff}.experience-shell[data-motion-paused=true] .experience-background *,.experience-shell[data-motion-paused=true] .brand-scene-stage *,.experience-shell[data-motion-paused=true] .hub-orbit,.experience-shell[data-motion-paused=true] .coming-soon>span{animation-play-state:paused}@keyframes experience-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-4%,7%)scale(1.08)}}@keyframes experience-current{0%{stroke-dashoffset:626px}to{stroke-dashoffset:0}}@keyframes experience-horizon{0%{transform:translateY(-15%)}to{transform:translateY(15%)}}@keyframes experience-beacon{0%,to{opacity:.3}50%{opacity:.85}}@media (max-width:660px){.experience-grid{background-size:48px 48px}.experience-circuits{opacity:.7}.experience-aura{width:120vw}.motion-preferences{align-items:flex-start;gap:10px;width:calc(100% - 40px);font-size:8px}.motion-preferences>span{max-width:48%;padding-top:17px;line-height:1.8}}@media (prefers-reduced-motion:reduce){.experience-background *{animation:none!important}.motion-preferences{display:none}}