
:root{color-scheme:dark;
--ground:#10252A;--ground2:#0C1E22;--surface:#17383C;--band:#1C4146;--ink:#F2F5F2;--ink2:#D8E0D9;--muted:#9FB8AF;--rule:#24494D;
--accent:#32B5AA;--accent-ink:#10252A;--accent-hover:#4cc9be;--glow:rgba(50,181,170,.22);--chip:#A9C9C4;--warn:#D07A5A;
--s1:#17383C;--s2:#1F5552;--s3:#197D7B;--s4:#0A1A1E;--boundary:#32B5AA;--b1:#17383C;--b2:#1C4146;--b3:#1F5552;
--m1:#F2F5F2;--m2:#32B5AA;--m3:#D8E0D9;--m4:#32B5AA;--bar:rgba(16,37,42,.9);--shadow:rgba(0,0,0,.45);
--serif:Georgia,"Times New Roman",serif;--sans:Arial,"Helvetica Neue",Helvetica,sans-serif}
:root[data-theme="light"]{color-scheme:light;
--ground:#F2F5F2;--ground2:#E6ECE7;--surface:#FFFFFF;--band:#D8E0D9;--ink:#10252A;--ink2:#17383C;--muted:#4F6661;--rule:#D8E0D9;
--accent:#197D7B;--accent-ink:#FFFFFF;--accent-hover:#136664;--glow:rgba(25,125,123,.16);--chip:#D8E0D9;--warn:#A65435;
--s1:#D8E0D9;--s2:#A9C9C4;--s3:#197D7B;--s4:#17383C;--boundary:#A65435;--b1:#D8E0D9;--b2:#C4D0C9;--b3:#B7C5BE;
--m1:#10252A;--m2:#197D7B;--m3:#D8E0D9;--m4:#197D7B;--bar:rgba(242,245,242,.9);--shadow:rgba(16,37,42,.22)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font:16px/1.65 var(--sans)}
a{color:var(--accent)}
[hidden]{display:none!important}
.proto{background:#A65435;color:#fff;font-size:12px;text-align:center;padding:6px 16px}
.bar{border-bottom:1px solid var(--rule)}
.bar .in{max-width:760px;margin:0 auto;padding:12px 16px;display:flex;align-items:center}
.bar a{text-decoration:none}.lk{height:46px;width:auto;display:block}
main{max-width:760px;margin:0 auto;padding:48px 16px 72px}
h1,h2{font-family:var(--serif);font-weight:400;text-wrap:balance;margin:0}
h1{font-size:clamp(32px,5vw,46px);line-height:1.08;letter-spacing:-.02em;margin-bottom:18px}
h2{font-size:24px;margin:34px 0 8px}
p{margin:0 0 14px;color:var(--ink2);max-width:66ch}
.eyebrow{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:10px}
.draft{border:1px dashed var(--warn);color:var(--warn);border-radius:6px;padding:10px 14px;font-size:13.5px;margin-bottom:24px}
.steps{display:grid;gap:12px;margin:24px 0}
.step{background:var(--surface);border:1px solid var(--rule);border-radius:8px;padding:16px 18px}
.step b{display:block;color:var(--ink);margin-bottom:4px}
.step p{margin:0}
.btn{display:inline-flex;background:var(--accent);color:var(--accent-ink);font:700 15px var(--sans);border-radius:4px;padding:12px 20px;text-decoration:none}
footer{border-top:1px solid var(--rule);padding:24px 16px;font-size:12.5px;color:var(--muted)}
footer .in{max-width:760px;margin:0 auto;display:flex;flex-wrap:wrap;gap:10px 20px}
footer a{color:var(--muted)}

.optin{display:grid;gap:10px;justify-items:start;margin:20px 0;padding:16px 18px;border:1px solid var(--rule);border-left:3px solid var(--accent);border-radius:8px}.optm{font-size:14px;color:var(--accent);min-height:1em}
.optm:empty{display:none}
.help{font-size:14px;color:var(--muted)}.help b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
