:root {color-scheme:light;--paper:#eee8f6;--surface:#fffdf9;--ink:#443a35;--muted:#73666e;--coral:#ff987e;--line:#d5cbd8;font-family:ui-rounded,'SF Pro Rounded',-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC',sans-serif;color:var(--ink);background:var(--paper);}
* {box-sizing:border-box;}
body {margin:0;font-size:16px;line-height:1.85;}
a {color:inherit;text-underline-offset:5px;}
:focus-visible {outline:3px solid #ae563e;outline-offset:5px;}
header,main {width:min(960px,calc(100% - 48px));margin:auto;}
header {display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px;}
.brand {font-size:38px;font-weight:850;letter-spacing:-2px;text-decoration:none;line-height:1;}
.brand span {color:#ad5039;}
nav {display:flex;flex-wrap:wrap;gap:20px;font-size:14px;}
nav [aria-current] {font-weight:700;}
h1,h2,h3 {line-height:1.4;letter-spacing:-.025em;}
h1 {font-size:clamp(32px,5vw,52px);max-width:740px;margin:16px 0 24px;}
h2 {font-size:26px;margin:0 0 24px;}
h3 {font-size:19px;margin:0 0 10px;}
p {margin:0;}
.hero {padding:44px 0 64px;}
.eyebrow {font-size:14px;font-weight:650;color:var(--muted);}
.lead {max-width:780px;font-size:18px;margin-bottom:28px;}
.cta {display:inline-flex;gap:24px;align-items:center;background:var(--coral);border:2px solid var(--ink);border-radius:14px;padding:10px 20px;box-shadow:3px 3px 0 var(--ink);text-decoration:none;font-weight:650;}
.steps {list-style:none;counter-reset:step;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0;margin:0 0 64px;}
.steps li {counter-increment:step;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px;}
.steps li::before {content:'0' counter(step);display:block;color:#966a86;font-size:14px;font-weight:700;margin-bottom:18px;}
.steps p,.faq p {color:var(--muted);}
.faq>section {padding:24px 0;border-top:1px solid var(--line);scroll-margin-top:24px;}
.faq h3 a {text-decoration:none;}
.faq h3 a:hover {text-decoration:underline;}
footer {padding:48px 0 72px;display:flex;flex-wrap:wrap;align-items:center;gap:24px;}
footer h2 {flex-basis:100%;margin:0;}
@media(max-width:620px) {header,main {width:calc(100% - 32px);}.hero {padding-top:24px;}.steps {grid-template-columns:1fr;gap:14px;}.steps li {padding:22px;}.lead {font-size:16px;}footer {align-items:flex-start;flex-direction:column;}h2 {font-size:23px;}}
