.site-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px clamp(12px, 3vw, 40px); margin-top: 24px; }
.site-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 8px; border-bottom: 2px solid transparent; color: #dce8f7; font-size: 1rem; font-weight: 700; line-height: 1.4; text-decoration: none; }
.site-nav a:hover, .site-nav a[aria-current="page"] { color: #69adff; border-bottom-color: #2585ff; }
.site-nav a:focus-visible, .brand:focus-visible { outline: 2px solid #69adff; outline-offset: 5px; }
.subpage { margin: 0; min-height: 100svh; background: #030d19; color: #fff; font-family: Arial, Helvetica, sans-serif; }
.subpage * { box-sizing: border-box; }
.subpage .masthead { padding: clamp(24px, 3.5vw, 46px) 20px; text-align: center; border-bottom: 1px solid #16467a; }
.brand { color: #fff; font-size: clamp(1.6rem, 4.5vw, 3.75rem); font-weight: 900; line-height: 1.15; letter-spacing: .045em; text-decoration: none; }
.brand span { color: #4b9aff; }
.page-content { max-width: 70rem; margin: 0 auto; padding: clamp(48px, 8vw, 100px) 24px; }
.page-content h1 { margin: 0 0 24px; font-size: clamp(2.25rem, 6vw, 4rem); line-height: 1.1; }
.page-content h1::after { content: ""; display: block; width: 64px; height: 3px; margin-top: 24px; background: #2585ff; }
.page-content p { max-width: 40rem; margin: 0; color: #dce8f7; font-size: 1.125rem; line-height: 1.8; }
@media (max-width: 600px) {
  .subpage .masthead { padding: 28px 16px; }
  .brand { font-size: clamp(1.5rem, 6.5vw, 2.4rem); letter-spacing: .025em; }
}