:root { --bg:#f5efe4; --card:#fff9f0; --ink:#101828; --muted:#667085; --border:#dacfbf; --blue:#123f73; --gold:#c7a331; --shadow:0 18px 42px rgba(16,24,40,.13); }
* { box-sizing:border-box; }
html, body { margin:0; min-height:100%; }
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: radial-gradient(circle at top left, rgba(199,163,49,.28), transparent 28rem), radial-gradient(circle at bottom right, rgba(18,63,115,.10), transparent 34rem), var(--bg); color:var(--ink); }
a { color:var(--blue); font-weight:900; }
.page { width:min(980px, calc(100% - 28px)); margin:0 auto; padding:22px 0 36px; }
.nav { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:18px; }
.brand { font-weight:1000; text-decoration:none; color:var(--ink); font-size:1.2rem; letter-spacing:-.05em; }
.nav-links { display:flex; gap:10px; flex-wrap:wrap; }
.nav-links a { text-decoration:none; border:1px solid var(--border); background:rgba(255,249,240,.75); border-radius:999px; padding:8px 11px; color:var(--ink); font-size:.9rem; }
.hero, .card { background:rgba(255,249,240,.94); border:1px solid var(--border); border-radius:24px; box-shadow:var(--shadow); padding:clamp(18px, 4vw, 34px); }
.badge { display:inline-flex; border:1px solid var(--border); background:rgba(18,63,115,.06); color:var(--blue); border-radius:999px; padding:8px 11px; font-weight:950; font-size:.84rem; }
h1 { margin:14px 0 12px; font-size:clamp(2.45rem, 9vw, 5.4rem); line-height:.86; letter-spacing:-.09em; max-width:880px; }
h2 { margin:0 0 12px; font-size:clamp(1.7rem, 5vw, 2.8rem); line-height:.95; letter-spacing:-.07em; }
h3 { margin:0 0 6px; }
p, li { color:var(--muted); line-height:1.58; font-size:1.02rem; }
.cta-row { display:flex; gap:10px; flex-wrap:wrap; margin-top:18px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; border-radius:15px; padding:13px 16px; text-decoration:none; font-weight:1000; }
.primary { background:var(--ink); color:#fff; }
.secondary { border:1px solid var(--border); color:var(--ink); background:transparent; }
.grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px; margin:18px 0; }
.grid .mini { border:1px solid var(--border); border-radius:18px; background:rgba(255,255,255,.42); padding:15px; }
.card { margin-top:16px; box-shadow:0 12px 28px rgba(16,24,40,.08); }
.footer { color:var(--muted); font-size:.88rem; text-align:center; margin-top:22px; }
@media (max-width:760px){ .nav{align-items:flex-start; flex-direction:column;} .grid{grid-template-columns:1fr;} }