* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--ink-900); background: var(--ink-050); }
body.drawer-is-open { overflow: hidden; }
a { color: inherit; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
img { max-width: 100%; }
.page-shell { width: min(calc(100% - 40px), var(--shell)); margin-inline: auto; }
.site-main { min-height: 70vh; }
.eyebrow { display: inline-block; font-size: .74rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); }
h1,h2,h3,p { margin-top: 0; }
h1 { letter-spacing: -.04em; }
h2 { letter-spacing: -.025em; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border-radius: 10px; text-decoration: none; font-weight: 750; border: 1px solid transparent; }
.button--primary { background: var(--accent); color: white; }
.button--primary:hover { background: var(--accent-strong); }
.button--quiet { background: white; border-color: var(--ink-200); color: var(--ink-800); }
.button--wide { width: 100%; }
.button.is-disabled, .button[aria-disabled="true"] { opacity: .5; pointer-events: none; }
.skip-link { position: fixed; left: 12px; top: 12px; z-index: 1000; transform: translateY(-160%); background: var(--ink-950); color: white; padding: 10px 14px; border-radius: 8px; text-decoration: none; }
.skip-link:focus { transform: translateY(0); }
@media (max-width: 720px) { .page-shell { width: min(calc(100% - 24px), var(--shell)); } }