:root{--ink:#0F1720;--muted:#3D4756;--soft:#4A5565;--line:#DDE2E8;--ground:#F6F7F9;--blue:#1E55E6;--blue-d:#1440B5;--wa:#1F7A45}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font:17px/1.6 'IBM Plex Sans','Segoe UI',system-ui,sans-serif}
.wrap{max-width:720px;margin:0 auto;padding:28px 20px 48px}
.brand{display:inline-flex;align-items:center;gap:10px;font:700 19px 'Bricolage Grotesque','Segoe UI',sans-serif;color:var(--ink);text-decoration:none;margin-bottom:24px}
.logo{width:30px;height:30px;border-radius:8px;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7V5a1 1 0 0 1 1-1h2M17 4h2a1 1 0 0 1 1 1v2M20 17v2a1 1 0 0 1-1 1h-2M7 20H5a1 1 0 0 1-1-1v-2M12 8v8M9 13l3 3 3-3'/%3E%3C/svg%3E") center/18px no-repeat}
h1,h2,h3{font-family:'Bricolage Grotesque','Segoe UI',sans-serif;letter-spacing:-.02em;line-height:1.15}
h1{font-size:clamp(28px,5vw,38px);margin:0 0 12px}
h2{font-size:24px;margin:0 0 12px}
h3{font-size:20px;margin:0 0 4px}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;margin-bottom:18px}
.lead{font-size:18px;color:var(--muted);margin:0 0 20px}
.small{font-size:14px;color:var(--soft)}
.steps{padding-left:22px;margin:0 0 12px}
.steps li{margin-bottom:14px}
.steps .btn{margin-top:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:10px;font:600 16px 'IBM Plex Sans','Segoe UI',sans-serif;text-decoration:none;border:0;cursor:pointer}
.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-d);color:#fff}
.btn-wa{background:var(--wa);color:#fff;flex:0 0 auto}.btn-wa:hover{background:#17603a;color:#fff}
.btn:focus-visible,a:focus-visible{outline:3px solid #8FB0FF;outline-offset:2px}
.wa{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:#EAF6EF;border:1px solid #BFE3CC;border-radius:16px;padding:22px 24px;margin-bottom:18px}
.wa p{margin:0;color:var(--muted)}
.wa > div{flex:1 1 320px}
code,kbd{font-family:'IBM Plex Mono',monospace;font-size:14px;background:var(--ground);border:1px solid #CCD3DC;border-radius:6px;padding:1px 6px}
kbd{border-bottom-width:3px;white-space:nowrap}
a{color:var(--blue)}a:hover{color:var(--blue-d)}
footer{margin-top:28px;font-size:14px;color:var(--soft)}
.unfb{display:flex;flex-direction:column;gap:12px}
.unfb fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
.unfb .opt{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:10px;cursor:pointer}
.unfb .opt:has(input:checked){border-color:var(--blue);background:#F2F6FF}
.unfb .opt input{width:18px;height:18px}
.unfb .lbl{font-weight:600;font-size:15px;margin-top:6px}
.unfb textarea{font:inherit;border:1px solid #B9C2CD;border-radius:10px;padding:10px 12px}
.unfb .btn{align-self:flex-start}
.err{color:#B42318;margin:0}
.sr,.hp{position:absolute;left:-9999px}