/* Keep each scene inside one device, regardless of available viewport height. */
#services .iphone-preview{--device-height:clamp(520px,calc(100svh - 200px),660px);height:var(--device-height);width:calc(var(--device-height)/2);flex-shrink:0}
#services .buying-screens{position:relative;overflow:hidden;min-height:0}
#services .buying-screens>.buying-screen{position:absolute;inset:0;height:100%;min-height:0;max-height:100%;border-bottom:0}
#services .buying-screens>.buying-screen[hidden]{display:none!important}
#services .buying-screens>.buying-screen:not([hidden]){display:block}
#services .buying-stage{grid-template-columns:minmax(0,1fr) minmax(0,420px)}
@media(min-width:761px) and (max-height:800px){
 #services .buying-copy h2{font-size:36px;min-height:120px}
 #services .buying-copy .button{margin-top:12px}
 #services .buying-copy>p:not(.eyebrow){min-height:90px;font-size:14px}
 #services .buying-copy .buying-included{min-height:0;font-size:10px}
 #services .buying-stage{padding-bottom:34px;row-gap:16px}
 #services .buying-screen{padding:12px}
 #services .warm-lead{padding-block:7px;gap:7px}
 #services .warm-avatar{width:25px;height:25px;font-size:8px}
 #services .warm-message{font-size:9px;margin-block:5px;max-height:41px}
 #services .warm-lead-top strong{font-size:10px}
 #services .warm-lead-content>small{font-size:7px}
 #services .warm-intent{font-size:7px;padding:3px 5px}
 #services .buying-screen-heading{margin-bottom:9px}
}
@media(max-width:760px){
 #services .iphone-preview{--device-height:clamp(480px,calc(100svh - 280px),540px)}
 #services .buying-stage{gap:13px}
}
@media(prefers-reduced-motion:reduce){#services .buying-phone{transform:none!important}}