/* ===== v14 overrides (15 Oct, round 2) ===== */
/* How it works hero: the cat diagram gets more room */
@media(min-width:941px){.how-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px}.how-hero h1{font-size:clamp(2.6rem,4.4vw,4.3rem)}}

/* slider: timeline tucked under the step text so the whole step fits on screen */
@media(min-width:941px) and (min-height:861px){
  .process .center-head{margin-bottom:36px}
  .slides>.timeline{grid-area:1/1;align-self:end;justify-self:end;width:calc(50% - 40px);margin:0;z-index:2}
  .slide .copy{align-self:start;padding-top:4%}
  .slides>.timeline .tl .lbl{font-size:.6rem;letter-spacing:.08em}
}
@media(max-width:940px),(max-height:860px){.slides>.timeline{grid-area:2/1;margin-top:28px;width:100%;justify-self:stretch}}
@media(min-width:941px) and (max-height:860px){.slides>.timeline .tl{max-width:1000px;margin:0 auto}}

/* Watch it work: breathing room around the phone and the text */
.phone-demo-card{padding:16px 16px 30px}
.phone-demo-card>.phone-step,.phone-demo-card>h3,.phone-demo-card>p{margin-left:10px;margin-right:10px}
.lp-row .ic svg{width:1em;height:1em;color:var(--g)}
@media(min-width:941px) and (min-height:861px){.process .slide-art{aspect-ratio:auto;height:min(560px,calc(100vh - 330px));min-height:420px}}