/* One centered four-step row; the existing upright angled phone hero stays untouched. */
.how{padding-inline:clamp(16px,3vw,48px);padding-block:clamp(76px,8vh,112px)}
.steps-grid{width:min(1440px,100%);grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.step-card{min-width:0;min-height:530px;padding:32px 20px 0}
.step-card h3{font-size:clamp(25px,2vw,34px);line-height:1.09;letter-spacing:-.045em}
.potential-card{background:#101114;color:#fff}
.potential-card .step-no{color:#a5aab5}
.potential-card .potential-visual{padding:24px 0 32px;flex:1;display:flex;align-items:center;justify-content:center;min-height:0}
.photo-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;width:100%;max-width:350px;align-items:center}
.photo-slice{position:relative;min-width:0;width:100%;aspect-ratio:.56;overflow:hidden;border-radius:14px;background:#15151a;box-shadow:0 14px 26px rgba(0,0,0,.25)}
.photo-slice img{position:absolute;left:50%;top:50%;max-width:none;width:auto;height:188%;transform:translate(-25%,-50%);filter:none}
.photo-slice.after img{height:141%;transform:translate(-75%,-50%)}
.method-guarantee{margin:32px auto 0;text-align:center;font-size:clamp(17px,1.55vw,23px);font-weight:550;letter-spacing:-.035em}
.method-guarantee a{text-decoration:underline;text-decoration-color:#b7b9bd;text-decoration-thickness:1px;text-underline-offset:5px}
@media(max-width:1030px){.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px}.step-card{min-height:510px}.step-card h3{font-size:clamp(29px,3.2vw,39px)}}
@media(max-width:800px){.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.step-card{min-height:490px}}
@media(max-width:620px){.steps-grid{grid-template-columns:1fr;max-width:450px}.step-card{min-height:480px;padding:30px 28px 0}.step-card h3{font-size:35px}.photo-pair{max-width:300px;gap:14px}.method-guarantee{font-size:19px;max-width:340px;line-height:1.4}}