:root{
  --bg:#F7FBFF;
  --ink:#0F1A2A;
  --slate:#4B5563;
  --sky:#8AD3F4;
  --mint:#BFEAD3;
  --lavender:#DCD6FF;
  --lemon:#FFF1AE;
  --accent:#2F6FED;
  --accent-dark:#1E4FB5;
  --card:#FFFFFF;
  --line:#E9EEF6;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}
a{color:var(--accent)}
a:focus{outline:3px solid var(--lemon);outline-offset:2px}
.container{max-width:1200px;margin:0 auto;padding:0 1rem}
.header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}
.brand{display:flex;align-items:center;gap:.6rem}
.brand img{height:36px;width:auto}
.brand .t{font-weight:800}
.menu a{text-decoration:none;color:var(--slate);margin-left:1rem;font-weight:600}
.menu a.cta{background:var(--accent);color:white;padding:.5rem .85rem;border-radius:12px}
.menu button{display:none;background:none;border:none;font-size:1.25rem}
.hero{background:linear-gradient(180deg,var(--sky),var(--bg));padding:72px 0 40px}
.kicker{letter-spacing:.12em;text-transform:uppercase;color:#063d77;font-weight:800}
h1,h2,h3,h4{font-family:'Playfair Display',serif;line-height:1.25;color:var(--ink)}
h1{font-size:2.6rem;margin:.2rem 0 1rem}
h2{font-size:2rem;margin:.2rem 0 1rem}
h3{font-size:1.25rem;margin:.5rem 0}
p.lead{font-size:1.15rem;color:var(--ink)}
.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1rem}
.btn{display:inline-block;border-radius:12px;padding:.7rem 1rem;text-decoration:none;font-weight:800}
.btn.primary{background:var(--accent);color:white}
.btn.primary:hover{background:var(--accent-dark)}
.btn.secondary{background:var(--lemon);color:var(--ink)}
.badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
.badge{background:white;border:1px dashed #c5d8ee;border-radius:999px;padding:.25rem .6rem;font-size:.8rem}
.section{padding:56px 0}
.grid{display:grid;gap:1rem}
.grid.cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1rem;box-shadow:0 1px 0 rgba(16,24,40,.04)}
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-top:1rem}
.metric{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.9rem;text-align:center}
.metric .n{font-size:2rem;font-weight:900}
.metric .l{color:var(--slate)}
.quote{background:var(--mint);border-left:4px solid var(--accent);padding:1rem;border-radius:10px}
.split{display:grid;grid-template-columns:1.2fr .8fr;gap:1.2rem;align-items:center}
.hero-ill{width:100%;border:1px solid var(--line);border-radius:18px;background:white;padding:10px}
.cta-band{background:var(--lavender);padding:24px;border-radius:16px;border:1px solid var(--line)}
footer{background:white;border-top:1px solid var(--line);padding:32px 0;margin-top:32px}
.footer-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.footer-brand{display:flex;align-items:center;gap:.6rem}
.footer-brand img{height:28px}
.small{font-size:.95rem;color:var(--slate)}
.notice{background:var(--lemon);padding:12px;border-radius:12px;border:1px solid var(--line);margin:16px 0}
table{width:100%;border-collapse:collapse;background:white;border-radius:12px;overflow:hidden}
th,td{border-bottom:1px solid var(--line);padding:.7rem;text-align:left}
thead th{background:#f2f6fc}
@media (max-width: 900px){
  .menu a{display:none}
  .menu a.cta{display:inline-block}
  .menu button{display:inline-block}
  .mobile{display:none;flex-direction:column;gap:.6rem;padding:.6rem 0}
  .split{grid-template-columns:1fr}
}
@media (prefers-reduced-motion: reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}