:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#18304d;background:#f5f8fa}
*{box-sizing:border-box}
html,body{margin:0;background:#f5f8fa}
body{padding:18px 18px 42px}
.guide{width:min(100%,760px);margin:0 auto}
.back{display:inline-flex;align-items:center;gap:7px;margin:0 0 22px;color:#07469f;text-decoration:none;font-size:17px;font-weight:800}
.eyebrow{margin:0 0 11px;color:#68ad49;font-size:14px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
h1{margin:0;color:#07469f;font-size:clamp(34px,8vw,54px);line-height:1.02;letter-spacing:-.035em}
.intro{margin:18px 0 26px;color:#43566a;font-size:18px;font-weight:650;line-height:1.55}
.steps{display:grid;gap:18px}
.step{overflow:hidden;background:#fff;border-radius:24px;border-left:7px solid #0796c9;box-shadow:0 9px 26px rgba(20,55,90,.09)}
.step.green{border-left-color:#68ad49}
.step-copy{padding:22px 20px 19px}
.step-heading{display:flex;align-items:center;gap:13px;margin:0 0 9px}
.number{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#07469f;color:#fff;font-size:20px;font-weight:900}
h2{margin:0;color:#07469f;font-size:23px;line-height:1.15}
.step p{margin:0;color:#354c64;font-size:17px;font-weight:650;line-height:1.5}
.step img{display:block;width:100%;height:auto;border-top:1px solid #e3ebf0;background:#eef6f9}
.note{margin:22px 0 0;padding:18px 19px;border-radius:19px;background:#e9f4e5;color:#294a2b;font-size:16px;font-weight:700;line-height:1.5}
@media(min-width:700px){body{padding-top:28px}.step-copy{padding:25px 27px}.step img{max-height:720px;object-fit:contain}}