@property --ring-angle{syntax:"<angle>";initial-value:0deg;inherits:false}

.chat-card{animation:chatReveal .65s cubic-bezier(.2,.75,.25,1) both}
.hero-appliances{animation:softReveal .7s .08s cubic-bezier(.2,.75,.25,1) both}
.hero-appliances>img{transform-origin:50% 80%;animation:refrigeratorFloat 7s ease-in-out infinite}
.section-heading.light .brand-more{margin:8px 0 0;color:#b9cde0;font-size:14px;font-weight:700;letter-spacing:.01em}
.online i{animation:onlinePulse 2s ease-out infinite}
.message,.answers,.summary,.lead-form,.success{animation:messageIn .34s cubic-bezier(.2,.8,.25,1) both}
.progress span{position:relative;overflow:hidden}
.progress span:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);transform:translateX(-110%);animation:progressGleam 2.4s ease-in-out infinite}

.start{position:relative;overflow:visible;transition:transform .18s ease,box-shadow .18s ease;animation:startAttention 2.2s ease-in-out infinite}
.start:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(22,119,255,.24)}
.start:active{transform:translateY(1px) scale(.985)}
.start:before{content:"";position:absolute;right:22px;bottom:7px;width:18px;height:18px;border:2px solid rgba(22,119,255,.68);border-radius:50%;pointer-events:none;animation:tapRipple 1.7s ease-out infinite}
.start:after{content:"👆";position:absolute;z-index:3;right:5px;bottom:-30px;font-size:34px;line-height:1;filter:drop-shadow(0 5px 5px rgba(16,32,51,.24));pointer-events:none;transform-origin:50% 10%;animation:fingerClick 1.7s cubic-bezier(.3,.7,.25,1) infinite}

.jump,.inline-cta,.area-card button,.final-cta button,.lead-form>button,.chat-compose button{background-size:180% 180%;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;animation:ctaGlow 4.5s ease infinite}
.jump:hover,.inline-cta:hover,.area-card button:hover,.final-cta button:hover,.lead-form>button:hover,.chat-compose button:hover{transform:translateY(-2px);filter:saturate(1.12);box-shadow:0 14px 30px rgba(22,119,255,.34)}
.jump:active,.inline-cta:active,.area-card button:active,.final-cta button:active,.lead-form>button:active,.chat-compose button:active{transform:scale(.98)}
.price-grid article,.area-card,.faq-list details{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.price-grid article:hover,.area-card:hover,.faq-list details:hover{transform:translateY(-4px);border-color:#b8d7f4;box-shadow:0 16px 34px rgba(16,32,51,.11)}
.answers button:active{transform:scale(.96)}

@media(max-width:560px){
  .mobile-tray>*{position:relative;isolation:isolate;overflow:hidden;transform:translateZ(0);transition:transform .18s ease,filter .18s ease}
  .mobile-tray>*:before{content:"";position:absolute;z-index:2;inset:0;padding:2px;border-radius:inherit;background:conic-gradient(from var(--ring-angle),transparent 0 58%,rgba(255,255,255,.25) 68%,#fff 75%,rgba(115,186,255,.9) 82%,transparent 91%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:ringTravel 2.4s linear infinite}
  .mobile-tray>*:after{content:"";position:absolute;inset:-25%;z-index:-1;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.2),transparent 55%);opacity:.45;animation:mobileGlow 2.4s ease-in-out infinite;pointer-events:none}
  .mobile-tray>*:nth-child(2):before,.mobile-tray>*:nth-child(2):after{animation-delay:-1.2s}
  .mobile-tray>*:active{transform:scale(.965);filter:brightness(1.12)}
}

@keyframes chatReveal{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes softReveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes refrigeratorFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.008)}}
@keyframes onlinePulse{0%{box-shadow:0 0 0 0 rgba(32,182,122,.38)}70%,100%{box-shadow:0 0 0 9px rgba(32,182,122,0)}}
@keyframes messageIn{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:none}}
@keyframes progressGleam{0%,40%{transform:translateX(-110%)}75%,100%{transform:translateX(110%)}}
@keyframes startAttention{0%,100%{box-shadow:0 8px 20px rgba(22,119,255,.13)}50%{box-shadow:0 10px 27px rgba(22,119,255,.3)}}
@keyframes fingerClick{0%,24%,100%{transform:translate(8px,9px) rotate(-22deg) scale(1)}38%,52%{transform:translate(0,0) rotate(-22deg) scale(.88)}66%{transform:translate(5px,6px) rotate(-22deg) scale(1)}}
@keyframes tapRipple{0%,34%{opacity:0;transform:scale(.45)}40%{opacity:.8}72%,100%{opacity:0;transform:scale(1.9)}}
@keyframes ctaGlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes ringTravel{to{--ring-angle:360deg}}
@keyframes mobileGlow{0%,100%{transform:translateX(-18%);opacity:.25}50%{transform:translateX(18%);opacity:.55}}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .chat-card,.hero-appliances,.hero-appliances>img,.online i,.message,.answers,.summary,.lead-form,.success,.progress span:after,.start,.start:before,.start:after,.jump,.inline-cta,.area-card button,.final-cta button,.lead-form>button,.chat-compose button,.mobile-tray>*:before,.mobile-tray>*:after{animation:none!important}
  *,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}
}