.sx4{padding:12px clamp(8px,1.1vw,20px) 0;background-color:#fff}.sx4-stage{--bf-tint:#b4c0d4;--sx4-ink:var(--hv-ink,#1d1d1f);--sx4-ink-2:#48484e;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:1.25rem;max-width:1480px;margin-inline:auto;border-radius:24px;padding:1.25rem 16px 2rem;background-color:#e9edf3;background-image:radial-gradient(80% 62% at 72% 24%,color-mix(in oklab,var(--bf-tint) 46%,#fff) 0,transparent 70%),radial-gradient(70% 60% at 6% 100%,color-mix(in oklab,var(--bf-tint) 24%,#fff) 0,transparent 70%),linear-gradient(180deg,color-mix(in oklab,var(--bf-tint) 12%,#fff) 0,color-mix(in oklab,var(--bf-tint) 30%,#f2f2f5) 100%);box-shadow:0 1px 2px rgba(15,23,42,.04),inset 0 0 0 1px rgba(255,255,255,.55);transition:--bf-tint .9s cubic-bezier(.4,0,.2,1)}.sx4-fx{position:absolute;inset:0;z-index:-1;container-type:size;pointer-events:none}.sx4-copy{position:relative;display:flex;flex-direction:column;align-items:center;gap:.875rem;text-align:center}.sx4-kicker{color:var(--sx4-ink-2);text-wrap:balance}.sx4-title{display:flex;flex-direction:column;max-width:15em;font-size:clamp(1.875rem,4.6vw,4.25rem);color:var(--sx4-ink)}.sx4-subtitle,.sx4-title-2{color:var(--sx4-ink-2)}.sx4-subtitle{max-width:40ch}.sx4-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.25rem}.sx4-cta{box-shadow:0 14px 28px -16px rgba(156,74,34,.75),inset 0 1px 0 rgba(255,255,255,.22);background-image:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 52%)}.sx4-cta-2{background-color:rgba(255,255,255,.72);color:var(--sx4-ink);box-shadow:inset 0 0 0 1px rgba(255,255,255,.9)}.sx4-cta-2:hover{background-color:#fff}.sx4-proof{display:flex;flex-wrap:wrap;justify-content:center;color:var(--sx4-ink-2)}.sx4-proof-strong{font-weight:600;color:var(--sx4-ink);font-variant-numeric:tabular-nums}.sx4-below{width:100%;max-width:34rem}.sx4-shelf{--sx4-h:13rem;position:relative;order:-1;display:flex;align-items:flex-end;justify-content:center;gap:.25rem;min-width:0}.sx4-shelf[data-count="2"],.sx4-shelf[data-count="3"]{--sx4-h:11.5rem}.sx4-item{position:relative;display:flex;flex:1 1 0;min-width:0;max-width:22rem;flex-direction:column;align-items:center;margin:0}.sx4-shelf[data-count="1"] .sx4-item{max-width:40rem}.sx4-item[data-lead]{z-index:1;order:2;flex-grow:1.35}.sx4-item:not([data-lead]):nth-child(2){order:1}.sx4-item:not([data-lead]):nth-child(3){order:3}.sx4-shelf:not([data-count="1"]) .sx4-item:not([data-lead]) .sx4-device{height:calc(var(--sx4-h) * .78)}.sx4-device{position:relative;width:100%;height:var(--sx4-h)}.sx4-tag{position:relative;z-index:1;margin-top:.5rem;max-width:100%}.sx4-tag-link,.sx4-tag:not(:has(.sx4-tag-link)){display:inline-flex;max-width:100%;flex-direction:column;align-items:center;gap:1px;border-radius:16px;padding:.4rem .875rem;background-color:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),0 10px 24px -18px rgba(15,23,42,.5);color:var(--sx4-ink);text-align:center;text-decoration:none}.sx4-tag-link{transition:background-color .18s ease}.sx4-tag-link:hover{background-color:#fff}.sx4-tag-link:focus-visible{outline:2px solid var(--sx4-ink);outline-offset:3px}.sx4-tag-name{max-width:100%;overflow:hidden;font-size:.875rem;font-weight:700;line-height:1.25;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.sx4-tag-price{font-size:.8125rem;line-height:1.3;color:var(--sx4-ink-2);white-space:nowrap}.sx4-tag-price strong{font-size:.9375rem;font-weight:700;color:var(--hv-buyback,#9c4a22);font-variant-numeric:tabular-nums}@media (max-width:899px){.sx4-shelf:not([data-count="1"]) .sx4-tag-link,.sx4-shelf:not([data-count="1"]) .sx4-tag:not(:has(.sx4-tag-link)){padding:.3rem .5rem}.sx4-shelf:not([data-count="1"]) .sx4-item:not([data-lead]) .sx4-tag-name{font-size:.8125rem}}@media (min-width:768px){.sx4-stage{padding-inline:32px}.sx4-shelf{--sx4-h:19rem}.sx4-shelf[data-count="2"],.sx4-shelf[data-count="3"]{--sx4-h:15rem}}@media (min-width:900px){.sx4-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(1.5rem,3vw,3rem);min-height:clamp(32rem,44vw,42rem);border-radius:28px;padding:clamp(2rem,4vw,4rem) clamp(2rem,4.5vw,5rem)}.sx4-copy{align-items:flex-start;gap:1.125rem;text-align:left}.sx4-ctas,.sx4-proof{justify-content:flex-start}.sx4-shelf{--sx4-h:clamp(22rem,36vw,32rem);order:0;gap:.5rem}.sx4-shelf[data-count="2"],.sx4-shelf[data-count="3"]{--sx4-h:clamp(18rem,28vw,28rem)}.sx4-item[data-lead]{flex-grow:1.6}}.sx4 .bf-d4-img{opacity:1}.sx4 .bf-d4-floor{translate:calc(-50% + var(--bf-px, 0) * 12px) -40%}@media (prefers-reduced-motion:no-preference){.sx4 .bf-d4[data-status=ready] .bf-d4-float{animation:bf-d4-bob 7s ease-in-out infinite}.sx4 .bf-d4[data-status=ready] .bf-d4-floor{animation:bf-d4-floor 7s ease-in-out infinite}.sx4-item:nth-child(2) .bf-d4[data-status=ready] :is(.bf-d4-float,.bf-d4-floor){animation-delay:-2.3s}.sx4-item:nth-child(3) .bf-d4[data-status=ready] :is(.bf-d4-float,.bf-d4-floor){animation-delay:-4.6s}@media (hover:none){.sx4-stage:not([data-gyro]) .bf-d4[data-status=ready] .bf-d4-obj{animation:bf-d4-sway 9s ease-in-out 1.2s infinite}.sx4-stage:not([data-gyro]) .bf-d4-sheen{animation:bf-d4-glint 9s ease-in-out 1.2s infinite}}}html.np-fd .sx4-stage{background-image:none;background-color:#e9edf3}html.np-fd .sx4 .bf-fx{display:none}@media (forced-colors:active){.sx4-cta-2,.sx4-tag-link,.sx4-tag:not(:has(.sx4-tag-link)){border:1px solid CanvasText}}