:root {
  --navy: #001d5c;
  --blue: #0758d5;
  --amber: #ed9700;
  --ink: #29416f;
  --muted: #64748b;
  --line: #e3e7ed;
  --cream: #fffaf2;
  --serif: var(--font-display);
  --sans: var(--font-body);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #fff; color: var(--navy); font-family: var(--font-body); font-size: 15px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
.sr-only { clip: rect(0, 0, 0, 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }

.brand { align-items: center; display: flex; gap: 12px; }
.brand img { height: 28px; max-width: 38px; object-fit: contain; }
.brand span { font-size: 17px; font-weight: 700; letter-spacing: .12em; }
.primary-button { background: var(--navy); border: 0; border-radius: 10px; box-shadow: 0 4px 10px #08265425; color: #fff; cursor: pointer; font-size: 14px; font-weight: 500; height: 42px; padding: 0 22px; }

.site-header { align-items: center; background: #fff; border-bottom: 1px solid #e4e6e9; display: flex; height: 64px; padding: 0 clamp(20px, 3.7vw, 64px); position: relative; z-index: 10; }
.site-header nav { display: flex; gap: clamp(28px, 3vw, 48px); justify-content: center; margin: auto; }
.site-header nav a { font-size: 14px; font-weight: 500; height: 64px; padding-top: 21px; position: relative; }
.site-header nav a.active::after { background: var(--amber); bottom: 0; content: ''; height: 2px; left: 0; position: absolute; width: 100%; }

.footer-grid { display: grid; gap: 48px; grid-template-columns: 1.4fr repeat(3, .8fr) 1.2fr; }
.footer-grid > div { display: flex; flex-direction: column; gap: 12px; }
.footer-grid strong { font-size: 14px; margin-bottom: 8px; }
.footer-grid a, .footer-grid p { color: #53627a; font-size: 14px; }
.footer-about p { line-height: 1.65; max-width: 280px; }
.footer-about .brand span { color: var(--navy); font-size: 17px; }
.footer-about .brand img { height: 28px; }
.socials { display: flex; gap: 8px; margin-top: 4px; }
.socials a { background: #f1f2f3; border-radius: 50%; display: grid; height: 32px; place-items: center; width: 32px; }
.newsletter form { display: flex; margin-top: 6px; }
.newsletter input { background: #f8fafc; border: 1px solid #e1e4e8; border-radius: 22px; height: 44px; min-width: 0; padding: 0 16px; width: 100%; }
.newsletter button { background: var(--navy); border: 0; border-radius: 50%; color: #fff; height: 44px; margin-left: -44px; width: 44px; z-index: 1; }
.legal { border-top: 1px solid var(--line); color: #8490a1; display: flex; font-size: 13px; justify-content: space-between; margin-top: 48px; padding-top: 24px; }
.legal span:last-child { display: flex; gap: 24px; }
.legal a { color: #8490a1; }