@keyframes hero-rise{0%{opacity:var(--from-opacity,.01);transform:translate3d(0, var(--from-y,16px), 0) scale(var(--from-scale,1))}to{opacity:1;transform:none}}.hero-enter{animation:hero-rise var(--dur-long) var(--ease-enter) both;animation-delay:var(--delay,0s)}.hero-stage{perspective:1800px}.hero-tilt{transform-origin:50% 0}@keyframes hero-flatten{0%{transform:perspective(1600px)rotateX(14deg)scale(.95)}to{transform:perspective(1600px)rotateX(0)scale(1)}}@keyframes hero-recede{0%{opacity:1;transform:none}to{opacity:.25;transform:translateY(-4%)scale(.94)}}.hero-recede{transform-origin:50% 0}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference) and (min-width:768px) and (pointer:fine){.hero-tilt{will-change:transform;animation:linear both hero-flatten;animation-timeline:scroll(root);animation-range:0 520px}.hero-recede{animation:linear both hero-recede;animation-timeline:view();animation-range:exit 10%}}}@media (prefers-reduced-motion:reduce){.hero-enter{animation:none}}@keyframes hero-mark-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width:639.98px){.hero-title{letter-spacing:normal;max-width:none}.hero-line+.hero-line{margin-top:14px}.hero-lead{letter-spacing:-.015em;color:color-mix(in srgb, var(--ink) 62%, var(--canvas));font-size:24px;font-weight:600;line-height:1.15;display:block}.hero-key{letter-spacing:-.05em;color:var(--ink);margin-top:2px;font-size:clamp(3.3rem,17.5vw,4.5rem);font-weight:800;line-height:.95;display:block}.hero-key-accent{color:var(--accent-text)}.hero-key-accent .hero-mark{padding-right:.06em;display:inline-block;position:relative}.hero-key-accent .hero-mark:after{content:"";z-index:-1;background:color-mix(in srgb, var(--accent) 30%, transparent);transform-origin:0;height:.26em;animation:hero-mark-in .7s var(--ease-enter) .65s both;border-radius:999px;position:absolute;bottom:.1em;left:-.03em;right:.08em}}@media (max-width:639.98px) and (prefers-reduced-motion:reduce){.hero-key-accent .hero-mark:after{animation:none}}.hero-flex{transition:flex-grow .6s var(--ease-enter)}@keyframes hero-swap-in{0%{opacity:0;filter:blur(2px);transform:translateY(6px)scale(.97)}to{opacity:1;filter:none;transform:none}}.hero-swap{animation:hero-swap-in .42s var(--ease-enter) both}@keyframes hero-live{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--positive) 55%, transparent)}70%{box-shadow:0 0 0 6px #0000}}.hero-live-dot{animation:2.4s ease-out infinite hero-live}@media (prefers-reduced-motion:reduce){.hero-flex{transition:none}.hero-swap,.hero-live-dot{animation:none}}