:root{color-scheme:light;--ink:#102d36;--blue:#145cff;--orange:#f66a16;--paper:#f6f3eb}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}.review-banner{padding:.55rem;text-align:center;background:#102d36;color:white;font-size:.78rem;font-weight:800;letter-spacing:.12em}header{max-width:1180px;margin:auto;padding:1.2rem 24px;display:flex;align-items:center;justify-content:space-between;gap:1rem}header a{color:var(--ink);text-decoration:none}.brand{display:block;width:149px;height:43px;overflow:hidden;flex:0 0 149px}.brand img{display:block;width:466px;height:145px;max-width:none;transform:translate(-32px,-26px)}main{max-width:1180px;margin:auto;padding:32px 24px 70px}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,534px);align-items:center;gap:clamp(2rem,6vw,5rem)}.hero img{display:block;width:100%;height:auto;object-fit:contain;border-radius:28px}.eyebrow{font-size:.78rem;font-weight:900;letter-spacing:.16em;color:var(--blue)}h1{font-size:clamp(2.5rem,6vw,5.2rem);line-height:.96;letter-spacing:-.055em;margin:.5rem 0 1.35rem}.copy>p:not(.eyebrow,.fine){font-size:1.15rem;line-height:1.65;max-width:630px}.primary{display:inline-flex;gap:1rem;align-items:center;margin-top:1.2rem;padding:1rem 1.25rem;background:var(--orange);color:white;text-decoration:none;font-weight:800;border-radius:5px}.fine{font-size:.82rem;color:#557078;margin-top:1rem}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:5rem}.steps article{background:white;padding:1.4rem;border-radius:12px}.steps b{color:var(--blue);font-size:1.4rem}.steps h2{font-size:1rem}.steps p{font-size:.9rem;line-height:1.5;color:#526970}footer{text-align:center;padding:2rem;background:#102d36;color:white;font-size:.75rem;letter-spacing:.15em}@media(max-width:800px){header{padding-inline:18px}.hero{grid-template-columns:1fr}.copy{order:2}.hero img{order:1;max-width:620px;margin:auto}.steps{grid-template-columns:1fr 1fr;margin-top:3rem}main{padding:20px 18px 50px}}@media(max-width:450px){header>a:last-child{font-size:.82rem}.steps{grid-template-columns:1fr}h1{font-size:2.55rem}.hero{gap:1.5rem}}
