:root{
  --bg-1:#edf3f2; --bg-2:#e6efee; --ink:#2c3a42; --muted:#5a6a72;
  --tile:#cfe2e5; --tile-2:#d8eaec; --tile-3:#e6f2f3;
  --shadow:0 24px 50px rgba(31,53,61,.12),0 2px 5px rgba(31,53,61,.06);
  --radius-lg:28px; --maxw:1240px;
}
body{ color:var(--ink); font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial; }
.landing{
  background: radial-gradient(1200px 800px at -10% -20%, var(--bg-1), transparent),
              linear-gradient(180deg, #f2f7f6, var(--bg-2));
  min-height:100dvh;
}
.page{ max-width:var(--maxw); margin:0 auto; padding:34px 28px 60px; }
.header{ display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand{ font-weight:800; font-size:30px; letter-spacing:.2px; }
.nav{ display:flex; gap:40px; }
.nav a{ text-decoration:none; color:#1e2b31; opacity:.95; font-weight:600; letter-spacing:.2px; }
.nav a[aria-current="page"]{ text-decoration:underline; text-underline-offset:6px; }
@media (max-width:1100px){ .page{ padding:24px 18px 40px; } }