/* LIFT. November site polish: keep the approved five-phone artwork unchanged. */
.hero-copy > p{display:none}
.hero .hero-copy .primary{
 margin-top:clamp(30px,5svh,56px);
}
.hero .hero-showcase{
 margin-top:clamp(44px,7svh,94px);
}
@media (max-width:800px){
 .hero .hero-copy .primary{margin-top:clamp(25px,4svh,42px)}
 .hero .hero-showcase{margin-top:clamp(35px,5svh,62px)}
}
/* The step-four card has the same soft treatment as the other three. */
.step-card.potential-card{background:#f5f5f7;color:#101114}
.step-card.potential-card h3{color:#101114}
.step-card.potential-card .step-no{color:#6e737b}
.step-card.potential-card .transformation-pair figcaption{color:#565b65}
/* The step-three screenshot is an original high-resolution PNG, not an enlarged thumbnail. */
.step-card.follow-card{min-height:585px}
.step-card.follow-card .visual{padding:8px 0 18px;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}
.step-card.follow-card .mini-phone{
 flex:none;
 position:relative;
 width:min(75%,205px);
 max-width:205px;
 height:auto;
 aspect-ratio:1320/2868;
 padding:5px;
 border-radius:26px;
 overflow:hidden;
 box-shadow:0 24px 42px -26px rgba(0,0,0,.38),0 0 0 1px #7b7f84;
}
.step-card.follow-card .mini-phone img{
 display:block;
 width:100%;
 height:100%;
 max-width:100%;
 aspect-ratio:1320/2868;
 object-fit:cover;
 border-radius:22px;
 image-rendering:auto;
 filter:none;
 transform:none;
}
@media(max-width:1030px){.step-card.follow-card{min-height:590px}}
@media(max-width:620px){
 .step-card.follow-card{min-height:600px}
 .step-card.follow-card .mini-phone{width:min(64%,210px)}
}
/* Faithful text-and-shapes rendering of the supplied LIFT. optimisation screen: sharp at every display resolution. */
.step-card.optimise-card .optimise-visual{padding:8px 0 18px;display:flex;justify-content:center;align-items:center;min-width:0;min-height:0}
.optimisation-screen{
 box-sizing:border-box;
 flex:0 1 auto;
 width:min(100%,206px);
 aspect-ratio:237/512;
 border:1px solid rgba(18,28,40,.12);
 border-radius:26px;
 background:#fff;
 box-shadow:0 20px 45px -27px rgba(20,39,60,.36);
 overflow:hidden;
 display:flex;
 padding:10px 11px;
}
.optimisation-content{
 display:flex;
 flex-direction:column;
 align-items:stretch;
 width:100%;
 min-height:0;
}
.optimisation-screen h4{
 color:#101114;
 font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
 font-size:16px;
 font-weight:720;
 line-height:1.14;
 letter-spacing:-.045em;
 text-align:left;
 margin:10px 0 12px;
}
.optimisation-checks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px;flex:1 1 auto;min-height:0}
.optimisation-checks li{
 display:grid;
 grid-template-columns:14px minmax(0,1fr) 14px;
 align-items:center;
 gap:4px;
 padding:6px 4px;
 background:#fff;
 border:1px solid #edf0f2;
 border-radius:7px;
 color:#5d6674;
 font-size:8.6px;
 font-weight:430;
 line-height:1.17;
}
.optimisation-checks .alert-dot,.optimisation-checks .complete-check{
 display:grid;
 place-items:center;
 width:13px;
 height:13px;
 border-radius:50%;
 color:#fff;
 font-size:9px;
 line-height:1;
 font-weight:750;
}
.optimisation-checks .alert-dot{background:#ffab11}
.optimisation-checks .complete-check{background:#21ca60}
.optimisation-bottom{
 display:block;
 width:100%;
 margin-top:10px;
 padding:11px 6px;
 border-radius:999px;
 background:#1e6df4;
 color:#fff;
 text-align:center;
 font-size:10px;
 font-weight:650;
}
@media(max-width:620px){.optimisation-screen{width:min(64%,210px)}}
