:root{--ink:#142033;--muted:#64748b;--paper:#f7fafc;--card:#fff;--accent:#5b5cf0;--accent2:#16a085;--line:#e5eaf0;--dark:#101827}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}
a{color:#4345d9;text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1120px,92%);margin:auto}
header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}.logo{font-weight:900;color:var(--dark);letter-spacing:-.03em}.logo span{color:var(--accent)}
nav{display:flex;gap:18px;flex-wrap:wrap;font-size:.92rem}nav a{color:#334155;font-weight:700}
.hero{padding:76px 0 54px;background:linear-gradient(135deg,#f1f3ff,#ecfbf7)}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:var(--accent)}
h1{font-size:clamp(2.4rem,6vw,4.8rem);line-height:1.02;letter-spacing:-.055em;margin:.25em 0}.hero p{font-size:1.18rem;max-width:720px;color:#475569}
.btn{display:inline-block;background:var(--accent);color:#fff!important;padding:13px 18px;border-radius:10px;font-weight:850;margin:8px 8px 8px 0}.btn.alt{background:var(--dark)}
main{padding:42px 0 70px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 8px 24px rgba(15,23,42,.04)}.card h3{margin-top:0}.kicker{font-size:.75rem;font-weight:900;text-transform:uppercase;color:var(--accent2);letter-spacing:.1em}
.article{max-width:800px}.article h2{margin-top:2.2em;letter-spacing:-.02em}.article h3{margin-top:1.7em}.note{background:#eef2ff;border-left:4px solid var(--accent);padding:16px 18px;border-radius:8px}.warn{background:#fff8e7;border-left:4px solid #e4a11b;padding:16px 18px;border-radius:8px}.cta{background:var(--dark);color:white;padding:26px;border-radius:16px;margin:34px 0}.cta a{color:white}.cta p{color:#d6deea}
.breadcrumb{font-size:.88rem;color:var(--muted);margin-bottom:20px}.disclosure{font-size:.9rem;color:#596579;border:1px solid var(--line);padding:12px 14px;border-radius:9px;background:#fff}
footer{background:var(--dark);color:#cbd5e1;padding:42px 0}footer a{color:#e2e8f0}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
.modal-backdrop{display:none;position:fixed;inset:0;background:rgba(8,15,30,.68);z-index:99;align-items:center;justify-content:center;padding:20px}.modal{background:white;max-width:560px;width:100%;border-radius:20px;padding:30px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.3)}.modal h2{font-size:2rem;line-height:1.05;margin:.3em 0}.close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:28px;cursor:pointer;color:#64748b}.modal small{color:#64748b}.modal.show{animation:pop .2s ease-out}@keyframes pop{from{transform:scale(.96);opacity:.5}to{transform:scale(1);opacity:1}}
@media(max-width:800px){.grid{grid-template-columns:1fr}.top{align-items:flex-start;padding:16px 0;flex-direction:column}header{position:relative}.foot{grid-template-columns:1fr}h1{font-size:2.8rem}}