.hero h1>.hero-line{display:block;color:inherit;white-space:nowrap}.hero h1>.hero-emphasis{color:var(--lime)}.hero-photo{transform:translate(var(--pointer-x,0px),var(--pointer-y,0px)) scale(1.025);transition:transform .5s cubic-bezier(.2,.6,.2,1);will-change:transform}.motion-ready .hero-line{animation:line-in .8s cubic-bezier(.2,.8,.2,1) both}.motion-ready .hero-line:nth-child(2){animation-delay:.09s}.motion-ready .hero-line:nth-child(3){animation-delay:.18s}.demo-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.demo-progress span{border-top:2px solid #d4ded0;padding-top:10px;font-size:10px;color:var(--muted);transition:border-color .25s,color .25s}.demo-progress span.active{border-color:var(--green);color:var(--green);font-weight:650}.demo-tools{display:flex;gap:8px}.demo[data-phase=reading] .input-pane tbody tr{animation:row-read .75s both}.demo[data-phase=reading] .input-pane tbody tr:nth-child(2){animation-delay:.15s}.demo[data-phase=reading] .input-pane tbody tr:nth-child(3){animation-delay:.3s}.demo[data-phase=reading] .input-pane tbody tr:nth-child(4){animation-delay:.45s}.demo[data-phase=reading] .input-pane tbody tr:nth-child(5){animation-delay:.6s}.demo[data-phase=audit] .bad-row{outline:1px solid #c57c56;outline-offset:-1px}.demo[data-phase=done] .output-pane{border-color:#83a58a}.demo[data-phase=done] .saved-indicator{animation:result-in .4s both}.button svg,.text-link svg,.nav-cta svg{transition:transform .2s}.button:hover svg,.text-link:hover svg,.nav-cta:hover svg{transform:translate(2px,-2px)}.hero-actions .button:hover svg{transform:translateY(3px)}@keyframes line-in{from{opacity:0;transform:translateY(24px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}@keyframes row-read{0%,100%{background:transparent}45%{background:#e6f0de}}@keyframes result-in{from{opacity:.3;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:720px){.hero h1{font-size:40px}.facts strong{display:block;font-size:13px;line-height:1.6}.facts strong svg{display:none}.facts span{font-size:9px;min-height:26px}.demo-progress{gap:8px;margin-top:18px}.demo-progress span{font-size:8px;line-height:1.6;padding-top:7px}.demo-footer{align-items:flex-start;gap:13px;flex-direction:column}.demo-footer>p{max-width:100%}.demo-tools{width:100%;justify-content:space-between}.demo-tools .play-button{font-size:10px;min-height:36px}.hero-photo{transform:scale(1.025);will-change:auto}}
@media(max-width:360px){.hero h1{font-size:32px}.facts strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-photo{transform:none;will-change:auto}.motion-ready .hero-line{opacity:1;clip-path:none;transform:none;animation:none}.demo-progress span{transition:none}}