:root{--paper:#f6f7f2;--surface:#fff;--ink:#182d2b;--muted:#586763;--brand:#176453;--brand-hover:#0e4e40;--tint:#e9f1eb;--line:#d8e1db;--danger:#a53030;--radius:20px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;font-size:16px;line-height:1.6}
button,input,select{font:inherit}
a{color:inherit;text-underline-offset:4px}
button,a,input,select{touch-action:manipulation}
button,.button{min-height:48px;border-radius:10px;padding:12px 22px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink)}
button:hover,.button:hover{border-color:var(--brand);background:var(--tint)}
.primary{background:var(--brand);color:white;border-color:var(--brand)}
.primary:hover{background:var(--brand-hover);color:white}
button:disabled{opacity:.55;cursor:not-allowed}
.text-link{font-weight:600}
.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;font-weight:750;color:var(--brand)}
.muted{color:var(--muted)}
.brand{display:inline-flex;gap:11px;align-items:center;font-weight:750;letter-spacing:.11em;text-decoration:none;font-size:1rem}
.brand small{font-weight:400;letter-spacing:0;color:var(--muted);font-size:.85rem}
.mark{display:inline-flex;align-items:center;gap:3px;height:32px}
.mark i{width:4px;height:14px;border-radius:5px;background:currentColor;display:block}
.mark i:nth-child(2),.mark i:nth-child(4){height:24px}
.mark i:nth-child(3){height:32px}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1.12;letter-spacing:-.045em}
h1{font-size:clamp(2.5rem,5.5vw,5.6rem);font-weight:550}
h2{font-size:clamp(2rem,3.5vw,3.2rem);font-weight:550}
h3{font-size:1.35rem;font-weight:600}
p{max-width:65ch}
.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:99px;padding:5px 12px;font-size:.75rem;font-weight:650;background:var(--surface)}
.dot{width:7px;height:7px;border-radius:50%;background:#28795e;display:inline-block}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px}
.skip{position:absolute;top:-100px;left:16px;z-index:20;background:white;padding:12px}
.skip:focus{top:12px}
:focus-visible{outline:3px solid #b06b23;outline-offset:4px}
[hidden]{display:none!important}
input:not([type=checkbox]):not([type=range]),select{width:100%;min-height:48px;padding:10px 12px;border:1px solid #a8bab1;background:var(--surface);color:var(--ink);border-radius:9px}
label{font-weight:600;display:block;margin-bottom:7px}
input[type=checkbox]{width:20px;height:20px;accent-color:var(--brand)}
.field{margin-bottom:22px}
.hint{font-size:.875rem;color:var(--muted);margin:6px 0 0}
.error{color:var(--danger)}
.notice{padding:14px 18px;border-radius:12px;background:var(--tint);font-size:.9rem}
.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(prefers-reduced-motion:no-preference){button,.button{transition:background .15s,border-color .15s}
}
@media(max-width:600px){.card{padding:22px}
.brand small{display:none}
}