:root {
  --ink: #123746;
  --primary: #073d50;
  --petroleum: #064c63;
  --accent: #9fc4b3;
  --muted: #506570;
  --line: #d7e2e6;
  --wash: #f2f6f8;
  --paper: #ffffff;
  --radius: 4px;
}
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: var(--paper); font: 16px/1.6 'Segoe UI', Arial, sans-serif; }
a { color: inherit; text-underline-offset: 4px; }
button, input, select, textarea { font: inherit; }
button, input, select, textarea, .card { border-radius: var(--radius); }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .55; }
:focus-visible { outline: 3px solid #4b8d9b; outline-offset: 4px; }
h1, h2, h3 { line-height: 1.2; margin-top: 0; }
h1 { font-size: clamp(30px, 3.4vw, 44px); letter-spacing: -.8px; }
h2 { font-size: clamp(24px, 2.4vw, 32px); letter-spacing: -.4px; }
h3 { font-size: 21px; }
.wrap { width: min(1280px, calc(100% - 64px)); margin-inline: auto; }
.brand-logo { width: 204px; height: 51px; object-fit: contain; }
.button { display: inline-flex; justify-content: center; align-items: center; gap: 10px; padding: 13px 23px; border: 1px solid transparent; background: var(--primary); color: white; font-weight: 600; text-decoration: none; }
.button:hover { background: var(--petroleum); }
.button-secondary { background: white; color: var(--ink); border-color: var(--line); }
.card { border: 1px solid var(--line); background: white; }
.muted { color: var(--muted); }
.eyebrow { font-size: 12px; letter-spacing: 1.3px; text-transform: uppercase; font-weight: 600; }
@media(max-width: 600px) { .wrap { width: calc(100% - 32px); } .brand-logo { width: 175px; height: auto; } }