* { box-sizing:border-box; } html, body { margin:0; padding:0; } body { font-family:'Satoshi',sans-serif; background:var(--bg); color:var(--text-strong); } h1, h2, h3, p { margin:0; } button, input { font:inherit; } input { width:100%; } .flow-stack > * + * { margin-top:var(--space-3); } .flow-stack-lg > * + * { margin-top:var(--space-5); } .stack-lg > * + * { margin-top:var(--space-5); } .eyebrow { text-transform:uppercase; letter-spacing:.08em; color:var(--text-muted); font-weight:700; } .lede { color:var(--text-body); line-height:1.6; }
.skip-link{position:fixed;left:var(--space-4);top:var(--space-4);transform:translateY(calc(-100% - var(--space-4)));padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-strong);border:1px solid var(--border-soft);box-shadow:var(--shadow-sm);z-index:100;transition:transform 180ms ease;pointer-events:none}
.skip-link:focus,.skip-link:focus-visible{transform:translateY(0);pointer-events:auto}