[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-beat{transition:border-color var(--motion-quick,.2s) var(--motion-ease,ease), background-color var(--motion-quick,.2s) var(--motion-ease,ease)}.jbp-beats[data-run] .jbp-beat[data-current=true]{border-color:color-mix(in oklab, var(--brand-violet) 46%, transparent);background-color:color-mix(in oklab, var(--brand-violet) 6%, var(--card))}.jbp-beats[data-run] .jbp-beat[data-current=true] .jbp-num{background-image:linear-gradient(100deg, var(--brand-violet) 0%, var(--brand-pink) 100%);color:#fff}.jbp-bar{background:color-mix(in oklab, var(--brand-violet) 14%, transparent);opacity:0;border-radius:2px;height:2px;position:absolute;inset:auto 12px 5px;overflow:hidden}.jbp-fill{transform-origin:0;background:linear-gradient(90deg, var(--brand-violet), var(--brand-pink));height:100%;display:block;transform:scaleX(0)}@keyframes jbp-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:no-preference){.jbp-beats[data-run] .jbp-beat[data-current=true] .jbp-bar{opacity:1}.jbp-beats[data-run] .jbp-beat[data-current=true] .jbp-fill{animation:jbp-fill var(--jbp-ms,4.6s) linear both}@media (min-width:1024px){.jbp-beats[data-run] .jbp-beat[data-current=true] .jbp-fill{animation-duration:var(--jbp-ms-wide,4.6s)}}.jbp-beats[data-run=paused] .jbp-beat[data-current=true] .jbp-fill{animation-play-state:paused}}.jbp-chip{transition:border-color var(--motion-quick,.2s) var(--motion-ease,ease), background-color var(--motion-quick,.2s) var(--motion-ease,ease)}.jbp-chip[data-done]{border-color:color-mix(in oklab, var(--brand-violet) 46%, transparent);background-color:color-mix(in oklab, var(--brand-violet) 5%, var(--card))}.jbp-hers{background-color:color-mix(in oklab, var(--brand-violet) 6%, var(--card))}@keyframes jbp-arrive{0%{opacity:0;transform:translateY(12px)}}@keyframes jbp-hers-in{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:no-preference){.jbp-after[data-shown]{animation:jbp-arrive var(--motion-settle,.4s) var(--motion-ease,ease) backwards}.jbp-hers{animation:jbp-hers-in var(--motion-settle,.4s) var(--motion-ease,ease) backwards}}