
:root{--navyd:#132A43;--wave:#1E6E8C;--sand:#D9B36A;--cream:#FAF9F6;--ink:#1C2733;--line:#E3E1DA}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.65}
a{color:var(--wave)}
.wrap{max-width:1020px;margin:0 auto;padding:0 20px}
header{background:var(--navyd);color:#fff;padding:14px 0}
header .wrap{display:flex;justify-content:space-between;align-items:center}
.logo{font-size:1.3rem;font-weight:800;color:#fff;text-decoration:none}
.logo em{color:var(--sand);font-style:italic}
.hbtns a{display:inline-block;margin-left:10px;padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:600;font-size:.9rem}
.btn-ghost{color:#fff;border:1px solid rgba(255,255,255,.45)}
.btn-solid{background:var(--sand);color:var(--navyd)}
.hero{background:linear-gradient(165deg,var(--navyd),#0E3550 65%,var(--wave));color:#fff;padding:56px 0 50px;text-align:center}
.hero .eyebrow{color:var(--sand);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem}
.hero h1{font-family:Georgia,serif;font-size:clamp(2rem,4.8vw,3.1rem);line-height:1.14;margin:12px auto 14px;max-width:16em}
.hero h1 em{color:var(--sand)}
.hero p.lede{max-width:640px;margin:0 auto;color:#D7E3EC;font-size:1.05rem}
section{padding:34px 0}
h2.sec{font-family:Georgia,serif;font-size:1.6rem;margin:6px 0 6px;text-align:center}
p.secsub{text-align:center;color:#54667A;max-width:60ch;margin:0 auto 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px;text-decoration:none;color:var(--ink);display:block;box-shadow:0 2px 12px rgba(19,42,67,.06);transition:transform .12s ease, box-shadow .12s ease;border-top:5px solid var(--wave)}
.card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(19,42,67,.12)}
.card .flag{font-size:1.6rem}
.card h3{font-family:Georgia,serif;font-size:1.15rem;margin:8px 0 6px}
.card p{font-size:.92rem;color:#54667A}
.card .go{display:inline-block;margin-top:10px;font-weight:700;color:var(--wave)}
.card.gold{border-top-color:var(--sand)}
.strip{background:var(--navyd);color:#fff;border-radius:14px;padding:26px 24px;margin:10px 0;display:flex;flex-wrap:wrap;gap:14px 28px;justify-content:center;font-size:.92rem}
.strip span strong{color:var(--sand)}
.cta{background:var(--wave);color:#fff;text-align:center;padding:44px 20px;border-radius:14px;margin:30px auto;max-width:980px;border-bottom:6px solid var(--sand)}
.cta h2{font-family:Georgia,serif;font-size:1.8rem;margin-bottom:8px}
.cta a.big{display:inline-block;margin:14px 8px 0;background:var(--sand);color:var(--navyd);padding:12px 26px;border-radius:8px;font-weight:800;text-decoration:none}
.cta a.alt{background:#fff;color:var(--wave)}
footer{background:var(--navyd);color:#B9C6D3;text-align:center;padding:24px 20px;font-size:.85rem;margin-top:40px}
footer a{color:#fff}
