/* Wiene showcase: bounded visual effects, no external assets or sound. */
.tiers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.tier-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-width:0}.tier-card .full{margin-top:auto}.tier-card[data-tier=medium]{border-color:var(--cyan)}.tier-card:before{content:'';position:absolute;width:180px;height:180px;border-radius:50%;right:-90px;top:-90px;background:radial-gradient(circle,#fc40e625,transparent 70%);pointer-events:none}.tier-card .check-list{display:grid;gap:12px;margin-bottom:28px}.tier-card .plan-top{gap:12px}.tier-card .badge{font-size:10px;white-space:normal}.trial-banner{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:28px;padding:30px;border:1px solid #66f3f25c;border-radius:16px;background:linear-gradient(110deg,#112737,#20142f)}.trial-banner p{max-width:700px;line-height:1.7;color:var(--muted)}.trial-banner h3{font-size:27px;margin:10px 0}.trial-banner .button{flex-shrink:0}.cosmetics-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.cosmetics-section p{line-height:1.8;color:var(--muted)}.cosmetic-choices{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.cosmetic-choices [aria-pressed=true]{background:var(--cyan);color:#081322;border-color:var(--cyan)}.avatar-stage{position:relative;min-height:370px;display:grid;place-items:center;isolation:isolate;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:radial-gradient(ellipse at 50% 70%,#57358935,transparent 65%),#101525}.avatar-stage:after{content:'';position:absolute;width:240px;height:90px;border:1px solid #66f3f259;border-radius:50%;bottom:50px;transform:rotate(-8deg);animation:orbit-glow 6s ease-in-out infinite}.pixel-avatar{width:140px;height:230px;position:relative;animation:avatar-float 5s ease-in-out infinite;z-index:1;filter:drop-shadow(0 8px 25px #66f3f233)}.pixel-avatar span{position:absolute;border:2px solid #101622}.avatar-head{width:64px;height:64px;left:38px;background:linear-gradient(#38354e 23%,#cfb2aa 23%)}.avatar-head:after{content:'▪ ▪';position:absolute;color:#151426;font-size:26px;left:10px;top:10px}.avatar-torso{width:70px;height:82px;left:35px;top:62px;background:repeating-conic-gradient(#ee31db 0 25%,#151322 0 50%) 0/28px 28px}.avatar-arm{width:27px;height:85px;top:63px;background:linear-gradient(#65e4e6 40%,#cfb2aa 40%)}.avatar-arm.left{left:8px;transform:rotate(9deg)}.avatar-arm.right{right:8px;transform:rotate(-12deg)}.avatar-leg{width:33px;height:83px;top:142px;background:linear-gradient(#343446 78%,#65e4e6 78%)}.avatar-leg.left{left:36px}.avatar-leg.right{left:71px}.preview-caption{position:absolute;bottom:15px;font:10px monospace;letter-spacing:2px;color:var(--muted)}.effect-motes{position:absolute;inset:35px 20px;pointer-events:none}.effect-motes i{position:absolute;left:25%;top:70%;width:8px;height:8px;background:var(--cyan);animation:mote-rise 5s ease-in-out infinite}.effect-motes i:nth-child(2){left:70%;animation-delay:-1s}.effect-motes i:nth-child(3){left:40%;animation-delay:-2s}.effect-motes i:nth-child(4){left:80%;animation-delay:-3s}.effect-motes i:nth-child(5){left:15%;animation-delay:-4s}.effect-motes i:nth-child(6){left:57%;animation-delay:-2.5s}.heart .effect-motes i{background:none;width:auto;height:auto}.heart .effect-motes i:before{content:'♥';font-size:22px;color:#fc70d6}.cloud .effect-motes i{background:#bceaf1;width:19px;height:13px;border-radius:50%;opacity:.4}.client-extras{margin:30px 0;padding:24px;border:1px solid var(--line);border-radius:15px}.client-extras textarea,#request-preferences{width:100%;box-sizing:border-box;background:#101525;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:12px;font:inherit}.client-extras form{display:grid;gap:15px}.motion-switch{position:fixed;bottom:14px;left:14px;z-index:25;border:1px solid #4e627b;background:#101525;color:#d8e6fa;border-radius:8px;padding:9px 13px;font:11px system-ui;cursor:pointer}.motion-enabled .hero-orbit{animation:orbit-glow 8s ease-in-out infinite}.motion-enabled .hero-mascot{animation:mascot-breathe 7s ease-in-out infinite}.motion-enabled .tier-card{transition:transform .25s,border-color .25s,box-shadow .25s}.motion-enabled .tier-card:hover{transform:translateY(-5px);box-shadow:0 15px 45px #66f3f211}.motion-enabled .reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}.motion-enabled .reveal-ready.reveal-visible{opacity:1;transform:none}
@keyframes mascot-breathe{50%{transform:translateY(-9px)}}@keyframes orbit-glow{50%{opacity:.55;filter:drop-shadow(0 0 12px #66f3f260)}}@keyframes avatar-float{50%{transform:translateY(-8px)}}@keyframes mote-rise{0%{transform:translateY(15px) scale(.5);opacity:0}30%,65%{opacity:.8}100%{transform:translateY(-170px) scale(1);opacity:0}}
body.motion-off *,body.motion-off *:before,body.motion-off *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.motion-off .reveal-ready{opacity:1;transform:none}
@media(max-width:800px){.tiers-grid,.cosmetics-section{grid-template-columns:1fr}.trial-banner{flex-direction:column;align-items:stretch;padding:22px}.cosmetics-section{gap:25px}.trial-banner .button{white-space:normal}.avatar-stage{min-height:320px}.motion-switch{bottom:9px;font-size:10px;left:9px}.tier-card .price{font-size:40px}}
.motion-enabled .reveal-ready{opacity:1;transform:none}.motion-enabled .reveal-ready.reveal-visible{animation:showcase-reveal .6s ease-out both}
@keyframes showcase-reveal{from{opacity:.65;transform:translateY(12px)}to{opacity:1;transform:none}}
body:has(.family-preview) .motion-switch{bottom:90px}
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;border:0;overflow:hidden}.skip:focus{background:#11172b;color:#f0f1ff}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.motion-enabled .reveal-ready{opacity:1;transform:none}}