.hero-visual{position:relative;z-index:1;animation:hv-rise .9s .2s cubic-bezier(.2,.7,.2,1) both}@keyframes hv-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.hv-browser{background:var(--hv-bg, #fff);border:1px solid var(--hv-border, #e4e9f0);border-radius:var(--hv-radius, 16px);overflow:hidden;box-shadow:var(--hv-shadow, 0 30px 70px rgba(14, 15, 18, .14), 0 0 0 8px rgba(0, 132, 252, .05));animation:hv-float 7s ease-in-out infinite}.hv-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--hv-border, #e4e9f0)}.hv-bar i{width:9px;height:9px;border-radius:50%;background:var(--hv-border, #e4e9f0)}.hv-bar span{margin-left:10px;font:600 11px JetBrains Mono,monospace;color:var(--hv-muted, #6b7280);letter-spacing:.04em}.hv-screens{position:relative;aspect-ratio:900 / 562;background:var(--hv-bg, #fff)}.hv-screens img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;animation:hv-cycle 16s infinite both}.hv-screens img:first-child{animation:none}.hv-screens img:nth-child(2){animation-delay:4s}.hv-screens img:nth-child(3){animation-delay:8s}.hv-screens img:nth-child(4){animation-delay:12s}@keyframes hv-cycle{0%{opacity:0;transform:scale(1.04)}4%{opacity:1}25%{opacity:1}29%{opacity:0;transform:scale(1)}to{opacity:0}}.hv-chip{position:absolute;display:flex;align-items:center;gap:8px;background:var(--hv-bg, #fff);border:1px solid var(--hv-border, #e4e9f0);border-radius:var(--hv-chip-radius, 999px);padding:9px 16px;font-size:13px;font-weight:600;color:var(--hv-ink, #2c2f37);box-shadow:0 12px 30px #0e0f121a;animation:hv-float 6s ease-in-out infinite}.hv-chip-a{left:-26px;bottom:34px;animation-delay:-2s}.hv-chip-b{right:-14px;top:-18px;animation-delay:-4s}@keyframes hv-float{50%{translate:0 -10px}}@media(max-width:640px){.hv-chip{display:none}}@media(prefers-reduced-motion:reduce){.hero-visual,.hv-browser,.hv-chip,.hv-screens img{animation:none}.hv-screens img:not(:first-child){display:none}}