body { margin:0; min-height:100vh; } header { display:flex; align-items:center; gap:12px; } .logo-name { text-decoration:none; } .back-btn { width:40px; height:40px; border-radius:50%; border:1px solid var(--gray-300); background:var(--white); display:flex; align-items:center; justify-content:center; color:var(--black); flex-shrink:0; } .back-btn:hover { background:var(--gray-100); } main { width:min(720px,100%); margin:auto; padding:42px 20px 70px; } section { margin:0 0 54px; } .hero { padding:18px 0 26px; } h1,h2,h3,p { margin-top:0; } h1 { max-width:650px; margin-bottom:16px; font-size:clamp(35px,9vw,62px); line-height:1.02; letter-spacing:-.065em; } h2 { margin-bottom:20px; font-size:28px; letter-spacing:-.045em; } h3 { margin:15px 0 8px; font-size:17px; } p,li { color:var(--cb-muted-strong); line-height:1.55; } .eyebrow { margin-bottom:12px; font-size:12px; font-weight:750; letter-spacing:.09em; text-transform:uppercase; } .steps { display:grid; gap:12px; } .steps article,.services article,.benefits { border:1px solid var(--cb-line); border-radius:20px; background:var(--cb-surface); } .steps article { padding:20px; } .steps strong { color:var(--cb-muted); font-size:13px; } .steps p { margin-bottom:0; } .services { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; } .services article { padding:18px 12px; color:var(--cb-text); font-size:14px; font-weight:700; text-align:center; } .services-state { grid-column:1 / -1; margin:0; color:var(--cb-muted); } .benefits { padding:25px; } .benefits ul { display:grid; gap:11px; margin:0; padding-left:20px; } @media (max-width:430px) { .services { grid-template-columns:1fr; } }