/* Compositor motion only. Static shadows are blended through opacity layers. */
body .commerce-plan .commerce-price{animation:none;position:relative;box-shadow:none!important;isolation:isolate}
body .commerce-plan .commerce-price::before{content:'';position:absolute;inset:3px -3px;z-index:-1;border-radius:12px;box-shadow:0 0 12px rgba(91,140,255,.4);animation:glass-number 1.5s ease-in-out infinite}
.brand-intro{position:fixed;inset:0;background:#020915;z-index:1000;pointer-events:none;display:grid;place-items:center;overflow:hidden}
.brand-intro-light{height:2px;width:min(1000px,90vw);background:#e3f4ff;box-shadow:0 0 20px 8px #5B8CFF,0 0 100px 40px #2E6BE6;transform:scaleX(0);opacity:0}
.brand-intro-bloom{position:absolute;inset:-30%;background:radial-gradient(ellipse,#e8f5ff 0%,#5B8CFF88 20%,#2E6BE62a 40%,transparent 65%);transform:scale(.08);opacity:0}
.cosmic-nebula{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.15;overflow:hidden;contain:strict}
.cosmic-nebula canvas{width:100%;height:100%;display:block}
.nebula-ribbon{position:fixed;inset:-10%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 25% 70%,#5B8CFF16,transparent 40%),linear-gradient(120deg,transparent 35%,#fff8 48%,transparent 60%);opacity:.7;will-change:transform}
.brand-energy{position:relative;flex:none;width:330px;height:330px;margin:0 auto;pointer-events:none;isolation:isolate}
.brand-energy canvas{display:block;width:100%;height:100%;position:relative;z-index:1}
.brand-energy::before{content:'';position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,#5B8CFF40,#5B8CFF08 58%,transparent 72%);filter:blur(12px);animation:brand-halo 3s ease-in-out infinite}
.brand-energy::after{content:'';position:absolute;inset:auto 15% 12%;height:20%;border-radius:50%;background:radial-gradient(ellipse,#2E6BE626,transparent 68%);transform:rotate(-8deg)}
.brand-energy[data-fallback=true]{background:radial-gradient(ellipse,#5B8CFF1a,transparent 65%)}
.cosmos-home .cosmos-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,440px);grid-template-rows:auto auto auto auto;align-items:center;column-gap:32px;text-align:left;max-width:1140px}
.cosmos-hero>.cosmos-kicker{grid-column:1;align-self:end;margin:0 0 24px;font-size:11px}.cosmos-home .cosmos-hero h1{grid-column:1;line-height:1.2;font-size:clamp(36px,4.1vw,62px)}
.cosmos-home .cosmos-hero h1 em{display:block}
.cosmos-home .cosmos-hero>p:not(.cosmos-kicker){grid-column:1;margin:0;font-size:15px}
.cosmos-home .cosmos-hero-actions{grid-column:1;justify-content:flex-start;margin:32px 0 0;gap:20px}
.cosmos-home .cosmos-hero .brand-energy{grid-column:2;grid-row:1/5;align-self:center;transform:translateY(-8px)}
.cosmos-hero-mark{display:none}
.membership-public main{position:relative}
.membership-public main>.brand-energy{position:absolute;top:15px;right:12px;width:330px;height:330px}
.membership-public main>h1,.membership-public main>.commerce-muted,.membership-public main>.commerce-eyebrow{max-width:calc(100% - 340px)}
body.membership-public main>.commerce-muted{margin-bottom:60px}
.brand-title-glow{position:relative;display:block;width:fit-content}
.brand-title-glow::after{content:'';position:absolute;inset:12% -2%;background:radial-gradient(ellipse,#5B8CFF20,transparent 66%);filter:blur(12px);z-index:-1;animation:brand-halo 1.5s ease-in-out infinite;pointer-events:none}
.glass-motion-card{will-change:transform;transition:none!important}
.glass-motion-card .glass-icon-slot{transition:opacity .25s;opacity:.8}.glass-motion-card:hover .glass-icon-slot{opacity:1}
.glass-shadow-layer{position:absolute;inset:0;z-index:-1;border-radius:20px;box-shadow:0 30px 54px rgba(40,80,160,.22);opacity:0;pointer-events:none;transition:opacity .25s}
.glass-motion-card:hover>.glass-shadow-layer{opacity:1}
.brand-cta{position:relative;isolation:isolate;overflow:hidden!important;will-change:transform;transition:none!important;border:1px solid #b7d5ff!important}
.brand-cta::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,#ffffff26,transparent 50%);box-shadow:inset 0 1px #d9ecff;pointer-events:none}
.brand-cta::before{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 28px #9ac7ff77;opacity:0;pointer-events:none;transition:opacity .25s}
.brand-cta:hover::before{opacity:1}
.brand-ripple{position:absolute;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,#fff8,transparent 70%);transform:translate(-50%,-50%) scale(0);pointer-events:none;z-index:2}
.motion-proof{display:none}
@keyframes brand-halo{0%,100%{opacity:.35;transform:scale(.96)}50%{opacity:.8;transform:scale(1.04)}}
@media(max-width:980px){.cosmos-home .cosmos-hero{grid-template-columns:minmax(0,1fr) 260px;column-gap:24px}.cosmos-hero .brand-energy{width:260px;height:300px}.cosmos-home .cosmos-hero-actions{gap:16px}.cosmos-home .cosmos-hero-actions a{padding:0 18px;font-size:13px}.membership-public main>.brand-energy{width:250px;height:280px}.membership-public main>h1,.membership-public main>.commerce-muted,.membership-public main>.commerce-eyebrow{max-width:calc(100% - 250px)}}
@media(max-width:760px){.cosmos-home .cosmos-hero{display:flex;flex-direction:column;text-align:center;gap:0}.cosmos-home .cosmos-hero .brand-energy{order:1;transform:none;width:260px;height:240px;margin:0 auto 24px}.cosmos-hero>.cosmos-kicker{order:0;align-self:center;margin-bottom:12px}.cosmos-home .cosmos-hero h1{order:2;font-size:36px}.cosmos-home .cosmos-hero>p:not(.cosmos-kicker){order:3}.cosmos-home .cosmos-hero-actions{order:4;flex-direction:column;margin:32px auto 0;gap:16px}.membership-public main>.brand-energy{position:relative;top:auto;right:auto;width:230px;height:210px;margin:-12px auto 24px}.membership-public main>h1,.membership-public main>.commerce-muted,.membership-public main>.commerce-eyebrow{max-width:100%;text-align:center}.membership-public main>h1{font-size:38px;margin-bottom:24px}.membership-public main>.commerce-muted{margin-bottom:32px}.brand-intro-light{width:90vw}}
@media(prefers-reduced-motion:reduce){.brand-intro{display:none!important}.cosmic-nebula{opacity:.1}.glass-motion-card,.brand-cta{transform:none!important;will-change:auto}.brand-energy::before,.brand-title-glow::after,.commerce-price::before{animation:none!important}.brand-ripple{display:none}}

/* Keep the decorative waveform on compositor-friendly transforms. */
.energy-waveform path{animation:none!important}
.energy-waveform{animation:glass-wave-drift 3s ease-in-out infinite alternate;transform-origin:center}
@keyframes glass-wave-drift{from{transform:translateX(-5px) scaleX(.97);opacity:.55}to{transform:translateX(5px) scaleX(1.03);opacity:.9}}
@media(prefers-reduced-motion:reduce){.energy-waveform{animation:none!important}}

/* Supplied homepage animation keeps its complete portrait framing. */
.cosmos-home .cosmos-hero .brand-energy-video{
 width:clamp(300px,calc((100svh - 220px)*.6667),440px);max-width:min(100%,520px);height:auto;aspect-ratio:2/3;
 justify-self:center;align-self:center;transform:none;padding:0!important;
 border:0!important;border-radius:0!important;background:transparent!important;
 box-shadow:none!important;overflow:visible!important;
}
.brand-energy-video::after{display:none}
.cosmos-home .brand-energy-video::before{
 content:'';display:block;position:absolute;inset:12% -6% 4%;border-radius:50%;z-index:-1;
 background:radial-gradient(ellipse,rgba(91,140,255,.16),rgba(91,140,255,.04) 48%,transparent 70%);
 filter:none;animation:none;pointer-events:none;
}
/* This supplied video is pale blue: normal blending preserves its black face.
   The linear masks force all four edges to zero alpha; the ellipse softens corners. */
.cosmos-home .brand-energy-video video{
 display:block;width:100%;height:100%;max-width:520px;aspect-ratio:2/3;object-fit:contain;
 border:0;border-radius:0;background:transparent!important;mix-blend-mode:normal;
 -webkit-mask-image:radial-gradient(ellipse 75% 80% at 50% 50%,#000 50%,transparent 88%),linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(0deg,transparent,#000 7%,#000 93%,transparent);
 mask-image:radial-gradient(ellipse 75% 80% at 50% 50%,#000 50%,transparent 88%),linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(0deg,transparent,#000 7%,#000 93%,transparent);
 -webkit-mask-composite:source-in;mask-composite:intersect;
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
 -webkit-mask-size:100% 100%;mask-size:100% 100%;
 filter:drop-shadow(0 0 40px rgba(91,140,255,.3));
}
.hero-video-controls{position:absolute;bottom:12px;right:12px;display:flex;gap:8px;opacity:0;transition:opacity .2s;z-index:2}
.brand-energy-video:hover .hero-video-controls,.brand-energy-video:focus-within .hero-video-controls{opacity:1}
.hero-video-controls button{border:1px solid #fff9;border-radius:14px;background:#f2f7fcdc;color:#1B3A8A;padding:8px 12px;font:700 12px var(--glass-type,'Source Han Sans SC',sans-serif);backdrop-filter:blur(12px);cursor:pointer;min-height:36px}
@media(hover:none){.hero-video-controls{opacity:1}}
@media(max-width:980px){.cosmos-home .cosmos-hero .brand-energy-video{width:260px;height:auto}}
@media(max-width:760px){.cosmos-home .cosmos-hero .brand-energy-video{width:min(100%,280px);height:auto;margin:0 auto 24px}.hero-video-controls{opacity:1;bottom:10px;right:10px}.hero-video-controls button{font-size:11px;padding:6px 10px}}
.brand-energy.brand-energy-video{pointer-events:auto}

/* Quiet CSS stardust and a layered luminous halo behind the original robot. */
.cosmic-nebula.css-stardust{opacity:1;inset:0;contain:strict}
.stardust-layer{position:absolute;inset:-4%;display:block;animation:glass-dust 38s ease-in-out infinite alternate}
.stardust-layer:nth-child(2){animation-duration:51s;animation-direction:alternate-reverse}
.stardust-particle{position:absolute;display:block;width:var(--dust-size,2px);height:var(--dust-size,2px);border-radius:50%;background:#5B8CFF;opacity:var(--dust-opacity,.09);box-shadow:0 0 4px rgba(91,140,255,.18)}
@keyframes glass-dust{from{transform:translate3d(-1%,-1%,0) rotate(-1deg)}to{transform:translate3d(2%,3%,0) rotate(2deg)}}
html.robot-cutout .orb-wrap{isolation:isolate}
html.robot-cutout .orb-wrap::before{display:none}
html.robot-cutout .cosmos-orbits{display:none}
.robot-energy-aura{position:absolute;inset:-3% -12% 0;z-index:-1;pointer-events:none;isolation:isolate}
.robot-aura-bloom{position:absolute;inset:4% 0 8%;border-radius:50%;background:radial-gradient(ellipse,#8cbbff45 0%,#a5ceff24 42%,transparent 70%);animation:robot-halo-breath 4.5s ease-in-out infinite}
.robot-aura-orbit{position:absolute;inset:6% 5% 12%;border-radius:50%;transform:rotateX(24deg) rotate(-18deg);filter:drop-shadow(0 0 12px rgba(91,140,255,.4))}
.robot-aura-orbit::before{content:'';position:absolute;inset:-5px;border:2px solid #5B8CFF;border-radius:50%;opacity:.6;box-shadow:inset 0 0 18px #5b8cff15,0 0 22px #5b8cff24;animation:robot-ring-breath 4.5s ease-in-out infinite}
.robot-aura-orbit>i{position:absolute;inset:0;border:2px solid transparent;border-radius:50%;border-top-color:#5B8CFF;border-left-color:#d9eaff;box-shadow:0 0 16px #5b8cff35,inset 0 0 12px #5b8cff1a;opacity:.6;animation:robot-halo-spin 20s linear infinite,robot-ring-breath 4.5s ease-in-out infinite}
.robot-aura-orbit>i:nth-child(2){inset:11px -10px;border-top-color:#5B8CFF;border-left-color:transparent;border-bottom-color:#91baff;animation-direction:reverse,normal}
.robot-aura-zodiac{position:absolute;inset:-5px;border-radius:50%;animation:robot-halo-spin 20s linear infinite}
.robot-aura-point{position:absolute;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#dceaff;box-shadow:0 0 5px 1px #5B8CFF,0 0 12px 2px #5b8cff66;opacity:.6;animation:robot-star-glimmer 3.6s ease-in-out var(--star-delay,0s) infinite}
.robot-aura-floor{position:absolute;bottom:8%;left:16%;right:16%;height:12%;border-radius:50%;border:2px solid #5b8cff99;background:radial-gradient(ellipse,#b8d9ff99,transparent 65%);box-shadow:0 0 18px #5b8cff28;animation:robot-floor-breath 4.5s ease-in-out infinite}
@keyframes robot-halo-spin{to{transform:rotate(360deg)}}
@keyframes robot-ring-breath{0%,100%{opacity:.4}50%{opacity:.7}}
@keyframes robot-star-glimmer{0%,55%,100%{opacity:.35;transform:scale(.8)}22%{opacity:1;transform:scale(1.2)}}
@keyframes robot-halo-breath{0%,100%{opacity:.55;transform:scale(.97)}50%{opacity:1;transform:scale(1.035)}}
@keyframes robot-floor-breath{0%,100%{opacity:.4;transform:scaleX(.96)}50%{opacity:.7;transform:scaleX(1.03)}}
.glass-enter-item{animation:glass-enter .65s cubic-bezier(.16,1,.3,1) var(--glass-enter-delay,0ms) backwards}
@keyframes glass-enter{from{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
html.ambient-suspended :is(.stardust-layer,.robot-aura-bloom,.robot-aura-floor,.robot-aura-orbit>i,.robot-aura-zodiac,.robot-aura-point,.glass-enter-item),
html.ambient-suspended .robot-aura-orbit::before,
html.ambient-suspended body::before{animation-play-state:paused!important}
@media(max-width:760px){.robot-energy-aura{inset:0 -5%}.robot-aura-orbit{inset:7% 4% 12%}.robot-aura-orbit>i{border-width:2px}}
@media(prefers-reduced-motion:reduce){
 .stardust-layer,.robot-aura-bloom,.robot-aura-floor,.robot-aura-orbit>i,.robot-aura-orbit::before,.robot-aura-zodiac,.robot-aura-point,.glass-enter-item{animation:none!important}
 .glass-enter-item{opacity:1!important;transform:none!important}
 .robot-aura-bloom{opacity:.65}.robot-aura-floor,.robot-aura-orbit>i,.robot-aura-orbit::before,.robot-aura-point{opacity:.6}
}