/* Keep both compatibility backgrounds flush with the live mobile viewport. */
#compatibility.horizontal-enabled{background:#ed6f4c}
#compatibility.horizontal-enabled .compat-pin{height:100svh;height:100dvh;background:linear-gradient(to right,#069bd8 0%,#069bd8 calc(100% * (1 - var(--compat-shift,0))),#ed6f4c calc(100% * (1 - var(--compat-shift,0))),#ed6f4c 100%)}
#compatibility.horizontal-enabled .compat-track{height:100%;align-items:stretch}
#compatibility.horizontal-enabled .compat-panel{height:100%;min-height:100%;align-self:stretch;background:transparent;margin:0}
.mode-slide-copy h2 .mode-emphasis{color:var(--lime,#d6f77a)}
.mode-slide-copy h2 .mode-secondary{color:#fff}
.purchase-circle,.purchase-circle:hover,.purchase-circle:focus-visible{background:#ed6f4c;color:#fff}
@keyframes purchase-breathe-v2{0%,100%{scale:.94}50%{scale:1.08}}
.purchase-circle{animation:purchase-breathe-v2 3.6s ease-in-out infinite;transform-origin:center}
@media(prefers-reduced-motion:reduce){.purchase-circle{animation:none;scale:1}}

/* MAG emphasizes the retained clip; JOIN emphasizes the compact fit. */
.mode-slide:first-child .mode-slide-copy h2 .mode-secondary{color:var(--lime,#d6f77a)}
.mode-slide:first-child .mode-slide-copy h2 .mode-emphasis{color:#fff}