:root { --ink: #142a43; --muted: #53667a; --cream: #f7f1e7; --gold: #c9a24a; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--cream); color: var(--ink); font-family: "DM Sans", Arial, sans-serif; }
a { color: #17566c; }
.site-header { min-height: 112px; padding: 8px max(5%, calc((100% - 1120px) / 2)); display: flex; align-items: center; justify-content: space-between; gap: 24px; background: #fbf8f2; border-bottom: 1px solid #e6ddcf; }
.brand { display: block; flex: 0 0 auto; width: 112px; height: 94px; overflow: hidden; text-decoration: none; }
.brand img { display: block; width: 112px; height: 112px; object-fit: contain; transform: translateY(-9px); mix-blend-mode: multiply; }
.home-link { color: var(--ink); text-decoration: none; font-size: 14px; font-weight: 700; padding: 11px 17px; border: 1px solid #d4c9b8; border-radius: 99px; white-space: nowrap; }
.home-link:hover, .home-link:focus-visible { background: var(--ink); color: white; }
main { width: min(100% - 40px, 890px); margin: 0 auto; padding: 72px 0 96px; }
.page-heading { text-align: center; margin-bottom: 38px; }
.eyebrow { margin: 0 0 14px; color: #9e7928; font-size: 12px; letter-spacing: 2.5px; font-weight: 700; }
h1 { margin: 0; font-family: "DM Sans", Arial, sans-serif; font-size: clamp(34px, 4vw, 48px); font-weight: 700; line-height: 1.18; letter-spacing: -.8px; }
.intro { color: var(--muted); font-size: 18px; line-height: 1.6; margin: 16px auto 0; max-width: 600px; }
.updated { color: var(--muted); font-size: 13px; margin: 18px 0 0; }
.content-card { background: white; border: 1px solid #e9e3d8; border-radius: 22px; padding: 20px clamp(24px, 6vw, 62px); box-shadow: 0 18px 55px rgba(20, 42, 67, .07); }
.content-card section { padding: 27px 0; }
.content-card section + section { border-top: 1px solid #e9edf0; }
h2 { font-size: 21px; margin: 0 0 10px; }
.content-card p { color: #3f5367; font-size: 15px; line-height: 1.8; margin: 0; }
.content-card a { overflow-wrap: anywhere; }
.confirmation { min-height: calc(100vh - 160px); display: grid; align-items: center; }
.confirmation .content-card { padding: 56px clamp(28px, 7vw, 76px); text-align: center; }
.confirmation h1 { max-width: 650px; margin: 0 auto; }
.confirmation .content-card p:not(.eyebrow) { max-width: 510px; margin: 20px auto 30px; font-size: 17px; }
.primary-link { display: inline-block; padding: 14px 24px; border-radius: 99px; background: var(--ink); color: white; text-decoration: none; font-weight: 700; }
.primary-link:hover, .primary-link:focus-visible { background: #235476; }
footer { background: var(--ink); color: #e8e9e7; padding: 24px max(5%, calc((100% - 1120px) / 2)); display: flex; justify-content: space-between; gap: 16px; font-size: 13px; }
@media (max-width: 600px) { .site-header { min-height: 90px; padding: 7px 20px; } .brand { width: 86px; height: 76px; } .brand img { width: 86px; height: 86px; transform: translateY(-5px); } .home-link { font-size: 12px; padding: 10px 12px; } main { padding: 50px 0 72px; } .content-card { border-radius: 16px; } footer { flex-direction: column; padding: 24px 20px; } }