/* A restrained second motion treatment, built on the original stage. */
@media (prefers-reduced-motion:no-preference){
 .btn{position:relative;isolation:isolate;overflow:hidden;transition:background-color .25s ease,color .25s ease,box-shadow .35s ease,translate .25s ease}
 .btn:active:not(:disabled){translate:0 1px}
 .btn .arr{display:inline-block;transition:transform .3s cubic-bezier(.22,.8,.2,1)}
 .btn:hover .arr{transform:translateX(3px)}
 .nav-inner{transition:box-shadow .45s ease,border-color .45s ease}
 .motion-scrolled .nav-inner{border-color:rgba(125,255,91,.18);box-shadow:0 10px 35px #0005,0 0 22px #7dff5b08}
 .brand img{animation:veil-logo-float 6s ease-in-out infinite}
 .js .reveal{transition-duration:.85s;transition-timing-function:cubic-bezier(.16,1,.3,1)}
 .js .reveal.pre{transform:translateY(22px);filter:blur(3px)}
 .main .view{animation:veil-view-in .42s cubic-bezier(.16,1,.3,1) both}
 .main .view>.card,.main .view>.hero-bal,.main .view>.vh{animation:veil-card-in .48s cubic-bezier(.16,1,.3,1) both}
 .main .view>:nth-child(2){animation-delay:45ms}
 .main .view>:nth-child(3){animation-delay:90ms}
 .main .view>:nth-child(4){animation-delay:135ms}
 .side .nav-i,.bottom .nav-i{transition:background-color .25s ease,color .25s ease,box-shadow .3s ease}
 .side .nav-i.on{box-shadow:inset 2px 0 var(--veil)}
 .toast{animation:veil-toast-in .35s cubic-bezier(.16,1,.3,1) both}
 @media(hover:hover) and (pointer:fine){
  .card,.batch,.ext-soon{transition:translate .4s cubic-bezier(.22,.8,.2,1),box-shadow .4s ease,border-color .4s ease}
  .card:hover,.batch:hover,.ext-soon:hover{translate:0 -2px;border-color:rgba(125,255,91,.26);box-shadow:0 12px 30px #0002,0 0 24px #7dff5b08}
  .btn:hover:not(:disabled){translate:0 -1px}
 }
}
.veil-ripple{position:absolute;border-radius:50%;background:currentColor;pointer-events:none;z-index:-1;opacity:0}
@keyframes veil-logo-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(-2deg)}}
@keyframes veil-view-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes veil-card-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes veil-toast-in{from{opacity:0;transform:translateY(9px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.brand img,.main .view,.main .view>.card,.main .view>.hero-bal,.main .view>.vh,.toast{animation:none!important}.veil-ripple{display:none}}
@media(prefers-reduced-motion:no-preference){
 .main .view{animation:veil-slide-panel .55s cubic-bezier(.16,1,.3,1) both}
 .main .view>.card,.main .view>.hero-bal{animation:veil-unfold-panel .65s cubic-bezier(.16,1,.3,1) both;transform-origin:50% 0}
 .main .view>:nth-child(2){animation-delay:65ms}
 .main .view>:nth-child(3){animation-delay:130ms}
 .main .view>:nth-child(4){animation-delay:195ms}
 .js .reveal.pre{transform:translateY(25px) scale(.975);filter:blur(2px)}
}
@keyframes veil-slide-panel{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
@keyframes veil-unfold-panel{from{opacity:0;transform:perspective(1000px) rotateX(-4deg) translateY(16px);clip-path:inset(0 0 12% 0 round 20px)}to{opacity:1;transform:none;clip-path:inset(0 round 20px)}}
/* Coverage bars reveal on entry; light moves without changing the values. */
.bars .track{overflow:hidden}
.bars .fill{position:relative;overflow:hidden;transform-origin:left center;background:linear-gradient(90deg,#3fb71d,#7dff5b)!important}
@media(prefers-reduced-motion:no-preference){
 .bars .fill{transform:scaleX(0);transition:transform 1.1s cubic-bezier(.16,1,.3,1);transition-delay:var(--bar-delay,0ms)}
 .bars.bars-visible .fill{transform:scaleX(1)}
 .bars .fill::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,#efffeeb3 50%,transparent 80%);transform:translateX(-110%);animation:valon-bar-light 2.8s linear infinite;animation-delay:var(--bar-delay,0ms);animation-play-state:paused}
 .bars.bars-visible .fill::after{animation-play-state:running}
}
@keyframes valon-bar-light{from{transform:translateX(-110%)}to{transform:translateX(110%)}}
@media(prefers-reduced-motion:reduce){.bars .fill{transform:none}.bars .fill::after{display:none}}
.cp-sn,.cp-cico{color:#7dff5b!important;background:rgba(125,255,91,.1)!important}
.cp-step,.cp-card{position:relative;overflow:hidden}
@media(prefers-reduced-motion:no-preference){
 .valon-reveal{opacity:0;translate:0 18px;transition:opacity .65s ease,translate .65s cubic-bezier(.16,1,.3,1)}
 .valon-reveal.valon-visible{opacity:1;translate:0 0}
 .cp-step.valon-visible{animation:valon-step-glow 4.8s ease-in-out infinite}
 .cp-step:nth-child(2){animation-delay:1.6s}.cp-step:nth-child(3){animation-delay:3.2s}
 .cp-card{transition:border-color .3s,box-shadow .3s}
 .cp-card:hover{border-color:#7dff5b66;box-shadow:0 0 22px #7dff5b12}
 .faq summary{transition:color .25s}.faq details[open] summary{color:#7dff5b}
}
@keyframes valon-step-glow{0%,35%,100%{box-shadow:inset 0 0 0 1px transparent}12%,22%{box-shadow:inset 0 0 0 1px #7dff5b80,0 0 24px #7dff5b12}}
@media(prefers-reduced-motion:reduce){.valon-reveal{opacity:1;translate:none;transform:none}}