@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --blue:#14487A; --blue-deep:#0E3459; --blue-light:#1D5FA6;
  --yellow:#FFD23F; --yellow-deep:#E6B800;
  --ink:#12233A; --paper:#EEF2F6; --card:#fff; --line:#D8E0E8;
  --green:#1E9E6A; --green-deep:#157A52; --red:#D64545; --muted:#5B6B7B;
  --shadow:0 10px 34px rgba(20,72,122,.10);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55;-webkit-font-smoothing:antialiased}
.display{font-family:'Archivo',system-ui,sans-serif;letter-spacing:-.02em}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}
.narrow{max-width:720px}
a{color:var(--blue-light);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%}
:focus-visible{outline:3px solid var(--blue-light);outline-offset:3px;border-radius:6px}

.btn{border:none;border-radius:12px;font-weight:800;cursor:pointer;font-family:inherit;transition:transform .12s,box-shadow .12s,background .15s;display:inline-block;text-align:center;text-decoration:none}
.btn:active{transform:translateY(1px)}
.btn:hover{text-decoration:none}
.btn-gold{background:var(--yellow);color:var(--ink);box-shadow:0 6px 18px rgba(230,184,0,.4)}
.btn-gold:hover{background:var(--yellow-deep)}
.btn-blue{background:var(--blue);color:#fff}
.btn-blue:hover{background:var(--blue-deep)}
.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
.btn-lg{padding:15px 30px;font-size:17px}
.btn-block{display:block;width:100%;padding:15px;font-size:16px}

@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.rise{animation:rise .5s cubic-bezier(.2,.7,.3,1) both}
@media (prefers-reduced-motion:reduce){.rise{animation:none}}

/* Header */
header.site{background:var(--blue);color:#fff;position:sticky;top:0;z-index:30}
.nav{display:flex;align-items:center;gap:14px;padding:14px 0}
.logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800}
.logo:hover{text-decoration:none}
.nav-links{margin-left:auto;display:flex;gap:24px;align-items:center;font-size:15px}
.nav-links a{color:#fff;opacity:.9}
.nav-cta{background:var(--yellow);color:var(--ink)!important;padding:9px 16px;border-radius:10px;font-weight:800}
.nav-cta:hover{text-decoration:none;background:var(--yellow-deep)}
@media(max-width:680px){.nav-links a:not(.nav-cta){display:none}}

/* Footer */
footer.site{background:var(--ink);color:#B9C7D6;padding:30px 0;font-size:14px;margin-top:60px}
footer.site a{color:#B9C7D6}
.foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}

/* Cards / sections */
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--shadow)}
.eyebrow{color:var(--blue-light);font-weight:800;text-transform:uppercase;letter-spacing:.09em;font-size:13px}
.muted{color:var(--muted)}
.center{text-align:center}