@import url("/assets/app.css");
body{background:var(--surface)}
.wrap{max-width:1040px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.nav{display:flex;justify-content:space-between;align-items:center;padding-block:14px;border-bottom:1px solid var(--line)}
.nav b{font-size:18px;color:var(--brand)}
.nav a{font-size:14px;margin-left:16px;text-decoration:none}
.hero{padding-block:56px 40px;display:grid;gap:18px;max-width:46em}
.hero h1{font-size:clamp(28px,5vw,44px);line-height:1.25;margin:0;font-weight:900;text-wrap:balance}
.hero p{font-size:17px;color:var(--muted);margin:0}
.cta{display:flex;flex-wrap:wrap;gap:10px}
.cta .btn{width:auto;padding:12px 22px}
.sec{padding-block:40px;border-top:1px solid var(--line)}
.sec h2{font-size:24px;margin:0 0 18px}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.cols .card h3{margin:0 0 6px;font-size:17px}
.steps{counter-reset:s;display:grid;gap:10px;padding:0;list-style:none}
.steps li{counter-increment:s;display:flex;gap:12px;align-items:flex-start}
.steps li::before{content:counter(s);flex:0 0 28px;height:28px;border-radius:50%;background:var(--urgent);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}
.stat{font-size:30px;font-weight:700;font-variant-numeric:tabular-nums}
.foot{padding-block:28px;color:var(--muted);font-size:13px;border-top:1px solid var(--line)}
.doc{max-width:46em;padding-block:32px}
.doc h1{font-size:26px}
.doc h2{font-size:18px;margin-top:28px}
.doc li{margin-bottom:6px}