:root { color-scheme: light; --bg:#f7f4ee; --ink:#1d2430; --muted:#5e6878; --card:#fffaf2; --line:#ded6c8; --accent:#2457c5; --accent-dark:#183d89; --alt:#ebe4d7; }
* { box-sizing: border-box; }
body { margin:0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background:var(--bg); color:var(--ink); line-height:1.6; }
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }
.wrap { width:min(1120px, calc(100% - 40px)); margin:0 auto; }
.narrow { max-width:820px; }
.site-header { position:sticky; top:0; z-index:10; background:rgba(247,244,238,.94); border-bottom:1px solid var(--line); backdrop-filter: blur(10px); }
.nav-wrap, .footer-grid { display:flex; justify-content:space-between; gap:24px; align-items:center; padding:18px 0; }
.brand { font-weight:800; font-size:1.1rem; color:var(--ink); letter-spacing:.01em; }
nav { display:flex; flex-wrap:wrap; gap:18px; font-size:.95rem; }
.hero { padding:76px 0 64px; }
.hero-grid { display:grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap:36px; align-items:start; }
.eyebrow { color:var(--accent-dark); font-weight:800; letter-spacing:.08em; text-transform:uppercase; font-size:.78rem; margin:0 0 12px; }
h1, h2, h3 { line-height:1.15; margin:0 0 16px; }
h1 { font-size:clamp(2.4rem, 7vw, 5rem); letter-spacing:-.055em; max-width:920px; }
h2 { font-size:clamp(1.8rem, 4vw, 3rem); letter-spacing:-.035em; }
h3 { font-size:1.22rem; margin-top:28px; }
.lede { font-size:1.24rem; color:var(--muted); max-width:760px; }
.lede.small { font-size:1.1rem; }
.note { color:var(--muted); font-size:.96rem; }
.cta-row { display:flex; flex-wrap:wrap; gap:12px; margin:28px 0 12px; }
.button { display:inline-flex; align-items:center; justify-content:center; background:var(--accent); color:#fff; border-radius:999px; padding:12px 18px; font-weight:750; box-shadow:0 10px 24px rgba(36,87,197,.16); }
.button:hover { background:var(--accent-dark); text-decoration:none; }
.button.secondary { background:transparent; color:var(--accent); border:1px solid var(--accent); box-shadow:none; }
.status-card, .card, .boundary-box { background:var(--card); border:1px solid var(--line); border-radius:24px; padding:24px; box-shadow:0 16px 40px rgba(29,36,48,.06); }
.status-card h2 { font-size:1.35rem; }
ul { padding-left:1.25rem; }
.section { padding:64px 0; }
.section.alt { background:var(--alt); border-block:1px solid var(--line); }
.card-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:18px; margin-top:24px; }
.card.muted { opacity:.82; }
.checklist li { margin:10px 0; }
.boundary-box { margin-top:32px; border-color:#c9b98f; }
.site-footer { border-top:1px solid var(--line); color:var(--muted); font-size:.95rem; }
@media (max-width: 760px) { .hero-grid, .card-grid { grid-template-columns:1fr; } .nav-wrap, .footer-grid { align-items:flex-start; flex-direction:column; } .hero { padding-top:48px; } }