.hero .demo-metric .fill{transform-origin:left;position:relative;overflow:hidden;will-change:transform}
.hero .demo-score strong,.hero .demo-metric b{font-variant-numeric:tabular-nums}
.hero .audit-window{position:relative;isolation:isolate}
.hero-motion .audit-window:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff80;background:linear-gradient(115deg,transparent 30%,#fff5 48%,transparent 65%);background-size:250% 100%;opacity:0;z-index:1}
.hero-motion.hero-ready .audit-window:after{animation:hero-dashboard-sheen 2.4s ease .4s both}
.hero-motion.hero-ready .fill:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:translateX(-110%);animation:hero-rail-sheen 4.8s ease-in-out 2s infinite}
.hero-motion.hero-ready .demo-metric:nth-child(2) .fill:after{animation-delay:2.3s}.hero-motion.hero-ready .demo-metric:nth-child(3) .fill:after{animation-delay:2.6s}
.hero-motion.hero-ready .hero-copy>*{animation:hero-content-in .8s cubic-bezier(.2,.7,.2,1) both}
.hero-motion.hero-ready .hero-copy h1{animation-delay:.08s}.hero-motion.hero-ready .hero-copy .lead{animation-delay:.16s}.hero-motion.hero-ready .hero-actions{animation-delay:.24s}.hero-motion.hero-ready .trust-row{animation-delay:.32s}
.hero-motion.hero-ready .mini-issue{animation:hero-content-in .7s ease both;animation-delay:1s}.hero-motion.hero-ready .mini-issue+.mini-issue{animation-delay:1.25s}
.hero .hero-actions .btn{transition:transform .25s,box-shadow .25s}.hero .hero-actions .btn:hover{transform:translateY(-3px);box-shadow:0 12px 26px #286be525}.hero .hero-actions .btn:active{transform:translateY(0)}
.hero-motion .audit-complete .demo-score{animation:hero-score-glow 1.2s ease both}
@keyframes hero-content-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-dashboard-sheen{0%{opacity:0;background-position:100% 0}25%{opacity:1}100%{opacity:0;background-position:0% 0}}
@keyframes hero-rail-sheen{0%,55%{transform:translateX(-110%)}85%,100%{transform:translateX(110%)}}
@keyframes hero-score-glow{0%,100%{box-shadow:0 0 0 0 #12ba9100}40%{box-shadow:0 0 0 11px #12ba9114}}
@media(prefers-reduced-motion:reduce){.hero *,.hero *:before,.hero *:after{animation:none!important;transition:none!important}.hero .demo-metric .fill{will-change:auto}}
/* A quieter entrance for the copy, with motion concentrated on the headline. */
.hero-motion.hero-ready .hero-copy>*{animation:none}
.hero-motion.hero-ready .hero-copy>.eyebrow{display:inline-block;animation:hero-label-in .8s ease both}
.hero-motion.hero-ready .hero-copy h1{animation:hero-title-in 1s cubic-bezier(.16,1,.3,1) .1s both}
.hero .hero-copy h1 em{position:relative;display:inline;background:linear-gradient(110deg,#2467e8 10%,#438bff 38%,#158eaa 55%,#2467e8 78%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hero-motion.hero-ready .hero-copy h1 em{animation:hero-title-color 9s ease-in-out 1s infinite}
.hero-motion.hero-ready .hero-copy .lead{animation:hero-soft-in .9s ease .32s both}
.hero-motion.hero-ready .hero-actions{animation:hero-soft-in .9s ease .48s both}
.hero-motion.hero-ready .trust-row{animation:none}
.hero-motion.hero-ready .trust-row span{animation:hero-soft-in .7s ease .65s both}
.hero-motion.hero-ready .trust-row span:nth-child(2){animation-delay:.8s}.hero-motion.hero-ready .trust-row span:nth-child(3){animation-delay:.95s}
.hero .hero-actions .btn-blue{position:relative;overflow:hidden;isolation:isolate}
.hero .hero-actions .btn-blue:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,#ffffff30 48%,transparent 75%);transform:translateX(-130%);pointer-events:none;z-index:-1}
.hero .hero-actions .btn-blue:hover:after{animation:hero-button-light .7s ease}
@keyframes hero-label-in{from{opacity:0;letter-spacing:2px;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes hero-title-in{from{opacity:0;transform:translateY(22px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes hero-soft-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes hero-title-color{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes hero-button-light{to{transform:translateX(130%)}}
@media(prefers-reduced-motion:reduce){.hero .hero-copy h1 em{background:none;color:#2d73ec}.hero-motion.hero-ready .hero-copy>* ,.hero-motion.hero-ready .hero-copy h1 em,.hero-motion.hero-ready .trust-row span{animation:none!important}}