/* Loaded last on every page except the home page (2026-11-14): the home page's type, nav, buttons and footer,
   so pricing, the tour, the help center and the legal pages match it. Fonts are in /next/fonts/. */
@font-face { font-family: "Instrument Serif"; src: url("/next/fonts/instrument-serif-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Hanken Grotesk"; src: url("/next/fonts/hanken-grotesk-latin-wght-normal.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
:root { --body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif; --display: "Instrument Serif", "Iowan Old Style", Georgia, serif; }
body, button, input, select, textarea { font-family: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif !important; }
body.v4 h1, body.v4 main h2, body.v4 .plan-price, body.v4 .p-total .plan-price { font-family: "Instrument Serif", "Iowan Old Style", Georgia, serif !important; font-weight: 400 !important; letter-spacing: -.01em !important; }
body.v4 h1 { font-size: clamp(2.6rem, 5vw, 4rem) !important; line-height: 1.04 !important; }
body.v4 main h2 { font-size: clamp(1.9rem, 3.2vw, 2.6rem) !important; line-height: 1.1 !important; }
body.v4 .doc h2, body.v4 .legal h2 { font-size: 1.7rem !important; margin-top: 1.6em; }
body.v4 h3, body.v4 h4, body.v4 b, body.v4 strong, body.v4 th { font-family: "Hanken Grotesk", system-ui, sans-serif !important; }
body.v4 h3 { font-weight: 600 !important; letter-spacing: -.015em; }
/* nav: solid navy, as on the home page */
body.v4 header.nav { background: rgba(0, 20, 46, .96); backdrop-filter: saturate(1.4) blur(14px); -webkit-backdrop-filter: saturate(1.4) blur(14px); border-bottom: 1px solid rgba(255, 255, 255, .07); }
body.v4 .nav-links a { color: #c9d5e6; font-weight: 500; } body.v4 .nav-links a:hover, body.v4 .nav-links a[aria-current] { color: #ffffff; }
/* buttons: pills, the home page's green */
body.v4 .btn { border-radius: 999px !important; font-weight: 600 !important; }
body.v4 .btn.primary { background: #078a04 !important; color: #ffffff !important; box-shadow: 0 10px 28px -12px rgba(7, 138, 4, .8) !important; border-color: #078a04 !important; }
body.v4 .btn.primary:hover { background: #06a003 !important; filter: none; }
/* footer */
body.v4 footer { background: #00142e; } body.v4 footer b { font-weight: 600; }
/* clean two-tone: a solid navy top band, then white paper (no long fade, no dotted texture) */
body.v4 main { background: #f4f7f3 !important; }
body.v4 main::before { display: none !important; }
body.v4 main > .hero { background: #00142e !important; }
body.v4 main > .hero::after { display: none !important; }
body.v4 main::after { background: #00142e !important; height: 230px !important; }
body.v4 .help-home { padding-top: 56px !important; }
body.v4 .help-home > h1 { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; margin-bottom: 34px; }
body.v4 .help-groups h2, body.v4 .help-groups h3, body.v4 .g-cat-h, body.v4 .p-card h2, body.v4 .p-calc h3 { font-family: "Hanken Grotesk", system-ui, sans-serif !important; font-weight: 600 !important; font-size: 1.25rem !important; letter-spacing: -.015em !important; }
body.v4 .plan-price { font-size: 3.4rem !important; line-height: 1 !important; }
body.v4 { background: #00142e !important; }