body{overflow-x:hidden}
.topbar{background:linear-gradient(90deg,#f4a52e,#ffd276,#f4a52e);background-size:200% 100%;animation:goldFlow 7s linear infinite}
.header{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.91);backdrop-filter:blur(14px);box-shadow:0 5px 24px rgba(6,44,71,.06)}
.hero:before,.hero:after{content:"";position:absolute;z-index:1;border-radius:50%;pointer-events:none}
.hero:before{width:360px;height:360px;right:28%;top:-210px;border:1px solid rgba(244,165,46,.28);box-shadow:0 0 0 55px rgba(244,165,46,.035),0 0 0 110px rgba(244,165,46,.025);animation:orbFloat 9s ease-in-out infinite}
.hero:after{width:220px;height:220px;left:-110px;bottom:-100px;background:radial-gradient(circle,rgba(11,93,134,.75),transparent 68%);animation:orbFloat 12s ease-in-out infinite reverse}
.hero-bg{animation:heroBreath 15s ease-in-out infinite alternate;will-change:transform}
.hero-copy,.quiz-card{position:relative;z-index:2}
.hero-copy{animation:heroEnter .9s cubic-bezier(.2,.75,.2,1) both}
.quiz-card{animation:cardEnter 1s .16s cubic-bezier(.2,.75,.2,1) both;border:1px solid rgba(255,255,255,.5)}
.call-btn,.submit-btn{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.call-btn:after,.submit-btn:after{content:"";position:absolute;inset:-60% auto -60% -45%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:rotate(18deg);animation:buttonShine 4.8s ease-in-out infinite}
.call-btn:hover,.submit-btn:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(0,0,0,.24)}
.answer{transition:transform .22s ease,border-color .22s ease,background .22s ease}
.answer:hover{transform:translateX(5px)}
.concerns article,.process-grid article,.service-list div{transition:transform .35s ease,box-shadow .35s ease,background .35s ease}
.concerns article:hover,.process-grid article:hover{transform:translateY(-8px);box-shadow:0 22px 45px rgba(6,44,71,.13)}
.service-list div:hover{transform:translateX(8px);background:rgba(255,255,255,.105)}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.2,1)}
.reveal.revealed{opacity:1;transform:none}
.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}
.proof-grid div{transition:background .25s ease,transform .25s ease}.proof-grid div:hover{background:#fff;transform:translateY(-3px)}
.wa-float{animation:waPulse 2.8s ease-in-out infinite;transition:transform .2s ease}.wa-float:hover{transform:translateY(-3px) scale(1.03)}
.faq details{transition:background .25s ease,padding .25s ease}.faq details[open]{padding-inline:18px;background:#f7f9fa;border-radius:10px}
@keyframes goldFlow{to{background-position:-200% 0}}
@keyframes heroBreath{from{transform:scale(1.01)}to{transform:scale(1.065) translate3d(-.7%,.5%,0)}}
@keyframes orbFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(18px,28px,0)}}
@keyframes heroEnter{from{opacity:0;transform:translateX(-38px)}to{opacity:1;transform:none}}
@keyframes cardEnter{from{opacity:0;transform:translateX(38px) scale(.97)}to{opacity:1;transform:none}}
@keyframes buttonShine{0%,65%{left:-45%}100%{left:130%}}
@keyframes waPulse{0%,100%{box-shadow:0 8px 24px rgba(0,0,0,.28),0 0 0 0 rgba(32,185,104,.3)}55%{box-shadow:0 8px 24px rgba(0,0,0,.28),0 0 0 13px rgba(32,185,104,0)}}
@media(max-width:560px){.hero:before{right:-180px}.hero-bg{animation-duration:20s}.reveal{transform:translateY(22px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}