html,body{font-family:Manrope,Arial,sans-serif}
.page{max-width:960px;padding:42px 24px 70px}
.intro{align-items:center;gap:24px;padding-bottom:22px}
.eyebrow,.number{font-size:8px;font-weight:700;letter-spacing:.16em}
h1{font-size:clamp(34px,4.5vw,48px);line-height:1;letter-spacing:-.045em;margin:8px 0 11px}
.intro p{max-width:600px;font-size:14px;line-height:1.55}
.client-logo{width:132px;height:54px;padding:0;border:0;border-radius:0;background:transparent;object-fit:contain}
.phase{margin-top:26px}
.phase+.phase{margin-top:32px;padding-top:26px;border-top:1px solid var(--border)}
.phase-heading{display:flex;align-items:baseline;gap:10px}
.phase-heading span{font-size:8px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--pink)}
.phase-heading h2{margin:0;font-size:18px;line-height:1.3;letter-spacing:-.025em}
.steps{gap:12px;margin-top:13px}
.step{min-height:108px;padding:17px 19px;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.055)}
.step:before{top:18px;width:2px;height:24px}
.step h2{font-size:16px;line-height:1.3;letter-spacing:-.02em;margin:8px 0 5px}
.step p{font-size:12px;line-height:1.5}
.back{margin-top:22px;padding:9px 14px;font-size:11px;font-weight:700}
.footer{margin-top:32px;font-size:9px}
@media(max-width:720px){.page{padding:34px 18px 68px}.intro{padding-bottom:20px}.phase{margin-top:22px}.phase+.phase{margin-top:26px;padding-top:22px}.steps{gap:10px;margin-top:12px}.step{padding:16px 18px}.back{margin-top:18px}}
