[data-product-hero]{--jbp-air:0px}@media (max-width:1023.98px){[data-product-hero]{--jbp-air:clamp(0px, calc((100svh - 716px) / 4), 28px)}}@media (max-width:639.98px){[data-product-hero]{--jbp-air:clamp(0px, calc((100svh - 716px) / 4), 56px)}[data-product-hero-column]{min-height:calc(100svh - 15.75rem)}}.jbp-solo{width:min(100%,1040px,max(720px,171svh - 427.5px))}.jbp-pair{width:min(100%,1160px,max(820px,206svh - 515px))}.jbp-steps{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.375rem;margin-top:.5rem;display:grid}.jbp-step{background:color-mix(in oklab, var(--foreground) 12%, transparent);border-radius:999px;height:.25rem;display:block;overflow:hidden}.jbp-fill{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg, var(--brand-violet), var(--brand-pink) 62%, var(--brand-orange));height:100%;display:block;transform:scaleX(0)}.jbp-steps[data-run] .jbp-step[data-state=past] .jbp-fill{transform:scaleX(1)}@keyframes jbp-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:no-preference){.jbp-steps[data-run] .jbp-step[data-state=current] .jbp-fill{animation:jbp-fill var(--jbp-ms,4.6s) linear both}@media (min-width:1024px){.jbp-steps[data-run] .jbp-step[data-state=current] .jbp-fill{animation-duration:var(--jbp-ms-wide,4.6s)}}.jbp-steps[data-run=paused] .jbp-step[data-state=current] .jbp-fill{animation-play-state:paused}}.jbp-tilt{--jbp-tilt-rx:2deg;--jbp-tilt-ry:-1.6deg}.jbp-tilt[data-tilt=b]{--jbp-tilt-ry:1.6deg}.jbp-tilt[data-tilt=c]{--jbp-tilt-rx:2.6deg;--jbp-tilt-ry:0deg}@media (hover:hover) and (prefers-reduced-motion:no-preference){.jbp-tilt{transition:transform .32s var(--jbm-ease-out,cubic-bezier(.22, 1, .36, 1)), box-shadow .32s ease, border-color .32s ease}html:not([data-jbm-quiet]) .jbp-tilt:hover{transform:perspective(900px) rotateX(var(--jbp-tilt-rx)) rotateY(var(--jbp-tilt-ry)) translateY(-6px)}}