:root{
  --ink:#1D1D1F; --ink-soft:#6E6E73; --ink-faint:#AEAEB2;
  --paper:#FFFFFF; --hair:#E8E8ED; --faint:#FAFAFC;
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Helvetica Neue",Arial,sans-serif;
  --mono:"SF Mono",ui-monospace,"Menlo","Roboto Mono",monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.62;-webkit-font-smoothing:antialiased}
.wrap{max-width:720px;margin:0 auto;padding:0 24px}
header.site{border-bottom:1px solid var(--hair);position:sticky;top:0;background:rgba(255,255,255,.86);backdrop-filter:saturate(180%) blur(14px);z-index:5}
header.site .row{max-width:720px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:60px}
.brand{font-weight:600;letter-spacing:-0.01em;text-decoration:none;color:var(--ink);font-size:15px}
.brand b{font-weight:600}
.brand span{color:var(--ink-faint);font-weight:500}
nav.top a{color:var(--ink-soft);text-decoration:none;font-size:13px;margin-left:18px}
nav.top a:hover{color:var(--ink)}
main{padding:56px 0 64px}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 14px}
h1{font-size:clamp(28px,5vw,36px);line-height:1.08;letter-spacing:-0.022em;margin:0 0 12px;font-weight:600}
.lede{color:var(--ink-soft);font-size:17px;margin:0 0 6px;max-width:62ch}
.updated{font-family:var(--mono);font-size:12px;color:var(--ink-faint);margin:0 0 38px}
h2{font-size:18px;letter-spacing:-0.01em;margin:36px 0 8px;font-weight:600}
p,li{color:#3a3a3c;font-size:15.5px;max-width:66ch}
ul{padding-left:20px}
li{margin:4px 0}
a{color:var(--ink);text-decoration:underline;text-underline-offset:2px;text-decoration-color:#c9c9d2}
a:hover{text-decoration-color:var(--ink)}
strong{color:var(--ink);font-weight:600}
.divider{border-top:1px solid var(--hair);margin:40px 0 0;padding-top:18px;font-size:13.5px;color:var(--ink-soft)}
footer.site{border-top:1px solid var(--hair)}
footer.site .row{max-width:720px;margin:0 auto;padding:26px 24px 40px;display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:space-between;color:var(--ink-soft);font-size:13px}
footer.site a{color:var(--ink-soft);text-decoration-color:#d8d8de}
/* form */
form.lead{margin-top:8px}
.fld{display:block;font-size:13px;font-weight:600;margin:0 0 6px;color:var(--ink)}
.opt{color:var(--ink-faint);font-weight:500}
input[type=text],input[type=email],input[type=tel],textarea{width:100%;border:1px solid var(--hair);border-radius:9px;padding:11px 12px;font:inherit;font-size:15px;color:var(--ink);background:#fff;margin:0 0 16px}
input::placeholder,textarea::placeholder{color:#b6b6bd}
input:focus,textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(29,29,31,.08)}
textarea{min-height:96px;resize:vertical}
.consent{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--hair);background:var(--faint);border-radius:11px;padding:12px 14px;font-size:12.5px;color:var(--ink-soft);line-height:1.5}
.consent input{width:16px;height:16px;margin:2px 0 0;flex:0 0 auto;accent-color:var(--ink)}
.consent strong{color:var(--ink)}
button{appearance:none;border:0;background:var(--ink);color:#fff;font:inherit;font-weight:600;font-size:15px;padding:13px 18px;border-radius:10px;cursor:pointer;width:100%;margin-top:16px}
button:disabled{opacity:.55;cursor:default}
.note{font-size:12.5px;color:var(--ink-faint);margin-top:10px}
.ok{display:none;border:1px solid #c7e6cf;background:#f1faf3;color:#1c6b34;border-radius:11px;padding:16px 18px;margin-top:14px;font-size:15px}
.err{display:none;border:1px solid #f0c9c9;background:#fdf2f2;color:#9b2c2c;border-radius:10px;padding:12px 14px;margin-top:12px;font-size:14px}
