header.top { border-bottom: 1px solid var(--rule); background: var(--bg); position: sticky; top: 0; z-index: 5; }
header.top .container { display: flex; align-items: center; justify-content: space-between; height: 72px; }
nav a { margin-left: 22px; color: var(--fg); text-decoration: none; font-weight: 600; font-size: .95rem; }
nav a:hover { color: var(--signal); }
.hero { padding: 80px 0 64px; }
.hero p.lead { font-size: 1.2rem; max-width: 58ch; color: var(--fg-muted); }
.hero .actions { margin-top: 28px; display: flex; gap: 14px; flex-wrap: wrap; }
.proof { display: flex; gap: 40px; flex-wrap: wrap; margin-top: 44px; padding-top: 24px; border-top: 1px solid var(--rule); }
.proof b { display: block; font-size: 1.8rem; font-weight: 800; }
.proof span { font-size: .85rem; color: var(--fg-muted); }
section.block { padding: 64px 0; }
section.alt { background: var(--bg-subtle); border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.num { font: 600 .75rem var(--font-mono); color: var(--signal); letter-spacing: .12em; }
.dark { background: var(--marine-800); color: var(--paper); }
.dark .eyebrow { color: var(--cyan); }
.dark .muted { color: #9FC2E4; }
.dark .card { background: var(--marine-700); border-color: var(--marine-500); }
form.lead { display: grid; gap: 14px; max-width: 560px; }
form.lead label { font-weight: 600; font-size: .9rem; display: grid; gap: 6px; }
form.lead input, form.lead textarea { font: inherit; padding: 10px 12px; border: 1px solid var(--paper-line); border-radius: var(--radius-sm); background: #fff; }
form.lead input:focus, form.lead textarea:focus { outline: 2px solid var(--cyan); outline-offset: 1px; }
.hp { position: absolute; left: -9999px; }
.notice { padding: 14px 16px; border-radius: var(--radius-sm); border: 1px solid var(--rule); background: var(--bg-elevated); border-left: var(--baseline-width) solid var(--accent); }
.err { border-left-color: #C7402F; }
ul.plain { padding-left: 1.1em; }
footer { padding: 36px 0; border-top: 1px solid var(--rule); font-size: .9rem; color: var(--fg-muted); }
footer .container { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
footer a { color: inherit; }