.power-intro { display:none; }
.power-enter .power-intro { display:grid; place-items:center; position:fixed; inset:0; z-index:1000; overflow:hidden; background:#040705; animation:power-reveal 2.1s ease both; }
.power-intro__brand { position:relative; z-index:1; display:flex; align-items:center; flex-direction:column; animation:power-brand 2.1s ease both; }
.power-intro__switch { position:relative; width:116px; height:66px; padding:7px; border:1px solid #53655b; border-radius:999px; background:#1b241f; box-shadow:inset 0 2px 12px #0008; animation:power-switch 2.1s ease both; }
.power-intro__switch span { display:block; width:50px; height:50px; border-radius:50%; background:#818d86; animation:power-knob 2.1s cubic-bezier(.22,1,.36,1) both; }
.power-intro__name { margin-top:27px; color:#f4f7f4; font-size:calc(clamp(32px,6vw,44px) * var(--mobile-font-scale, 1)); font-weight:700; line-height:1; letter-spacing:.085em; }
.power-intro__caption { margin-top:10px; color:#a8b9af; font-size:calc(10px * var(--mobile-font-scale, 1)); letter-spacing:.29em; }
.power-intro__light { position:absolute; width:120vmax; height:120vmax; border-radius:50%; background:radial-gradient(circle,#e2fce9 0%,#8fd2ae 13%,#276c46 29%,#143820 46%,transparent 68%); mix-blend-mode:screen; opacity:0; animation:power-light 2.1s cubic-bezier(.22,.8,.25,1) both; pointer-events:none; }
.power-enter body > :not(.power-intro):not(script) { animation:power-page 2.1s ease both; }
@keyframes power-knob { 0%,24% { transform:translateX(0); background:#818d86; } 43%,100% { transform:translateX(50px); background:#f4f7f4; box-shadow:0 0 19px #caf5dc,0 0 45px #8bd1aa80; } }
@keyframes power-switch { 0%,24% { border-color:#53655b; background:#1b241f; } 43%,100% { border-color:#a4dfbd; background:#19663f; box-shadow:0 0 40px #307c5065,inset 0 0 14px #fff1; } }
@keyframes power-brand { 0% { opacity:0; transform:translateY(10px) scale(.96); } 18%,64% { opacity:1; transform:translateY(0) scale(1); } 86%,100% { opacity:0; transform:translateY(-8px) scale(1.04); } }
@keyframes power-light { 0%,40% { opacity:0; transform:scale(.04); } 52% { opacity:.4; } 73% { opacity:.38; transform:scale(1); } 100% { opacity:0; transform:scale(1.25); } }
@keyframes power-reveal { 0%,56% { opacity:1; visibility:visible; } 99% { opacity:0; visibility:visible; } 100% { opacity:0; visibility:hidden; pointer-events:none; } }
@keyframes power-page { 0%,45% { filter:brightness(.12); } 100% { filter:brightness(1); } }
@media(prefers-reduced-motion:reduce) { .power-enter .power-intro { display:none; } .power-enter body > :not(.power-intro):not(script) { animation:none; } }