.public-energy-field{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;contain:strict}.public-energy-orbit{position:absolute;width:min(65vw,850px);aspect-ratio:1;border:1px solid #38bdf817;border-radius:50%;top:12%;right:-20%;background:radial-gradient(circle,#38bdf809,transparent 68%)}.public-energy-orbit-two{width:40vw;top:55%;right:65%;border-color:#34d39915}.public-energy-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#67e8f9;opacity:.25;box-shadow:0 0 8px #22d3ee66}.public-energy-circuit{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#38bdf81c;stroke-width:1;stroke-dasharray:12 16}.public-motion-controls{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:10px 16px 18px}.public-motion-controls button{min-height:44px;padding:8px 13px;border:1px solid #47556980;border-radius:20px;background:#0f172a;color:#cbd5e1;font:inherit;font-size:.75rem;cursor:pointer}.public-motion-controls [hidden],.energy-intro[hidden]{display:none!important}.public-motion-controls button:focus-visible,.energy-intro button:focus-visible{outline:3px solid #67e8f9;outline-offset:4px}
.energy-intro{position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#07101ef7;overflow:hidden;animation:intro-safety 4.5s forwards}.energy-intro-bolt{width:clamp(130px,20vw,210px);height:clamp(180px,28vw,280px);position:relative;z-index:1;filter:drop-shadow(0 0 20px #22d3ee60)}.energy-intro-trace{fill:none;stroke:url(#intro-bolt-color);stroke-width:3;stroke-linejoin:round}.energy-intro-fill{fill:url(#intro-bolt-color);opacity:0}.energy-intro-halo{position:absolute;width:min(80vw,650px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#22d3ee20,transparent 65%);transform:scale(.6)}.energy-intro-rings{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.energy-intro-rings span{position:absolute;width:180px;aspect-ratio:1;border-radius:50%;border:1px solid #67e8f970;opacity:0}.energy-intro-wordmark{position:relative;text-align:center;color:#f8fafc;font-size:clamp(2rem,6vw,3.4rem);font-weight:800;letter-spacing:-.04em}.energy-intro-wordmark>span{display:inline-block;opacity:0}.energy-intro-wordmark>span:nth-child(2){color:#67e8f9}.energy-intro-wordmark p{font-size:.85rem;font-weight:400;letter-spacing:.12em;color:#b6c9de;margin-top:10px;opacity:0}.energy-intro button{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));background:transparent;color:#cbd5e1;border:1px solid #64748b70;border-radius:24px;padding:10px 20px;min-height:44px;cursor:pointer}.has-public-motion .landing-hero .hero-text,.has-public-motion .landing-hero .hero-mockup{animation:none}.public-motion-paused *{animation-play-state:paused!important}.public-motion-paused .energy-intro{animation-play-state:running!important}
@keyframes intro-safety{0%,90%{visibility:visible}100%{visibility:hidden;pointer-events:none}}
.has-public-motion .energy-demo{animation:public-card-drift 7s ease-in-out infinite alternate;will-change:transform}.has-public-motion .energy-demo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#67e8f908 48%,transparent 62%);transform:translateX(-100%);animation:public-card-shine 12s ease-in-out infinite}@keyframes public-card-drift{from{transform:translateY(0)}to{transform:translateY(-7px)}}@keyframes public-card-shine{0%,30%{transform:translateX(-100%)}80%,100%{transform:translateX(100%)}}
html[data-theme="light"] .public-energy-field{opacity:.45}html[data-theme="light"] .public-motion-controls button{background:#f8fafc;color:#334155}
@media(max-width:640px){.public-energy-particle:nth-of-type(n+9){display:none}.public-energy-circuit{opacity:.5}.energy-intro-wordmark p{letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){.public-energy-field{display:none}.energy-intro{display:none!important}}html[data-motion="reduced"] .public-energy-field,html[data-motion="reduced"] .energy-intro{display:none!important}
@media(prefers-reduced-motion:reduce){.has-public-motion .energy-demo,.has-public-motion .energy-demo:after{animation:none;will-change:auto}}html[data-motion="reduced"] .energy-demo,html[data-motion="reduced"] .energy-demo:after{animation:none;will-change:auto}