
:root{--ink:#07111f;--navy:#0b1830;--panel:#10213e;--blue:#48a7ff;--cyan:#78e8ff;--text:#eef6ff;--muted:#a9b9cc;--paper:#f6f9fc;--body:#15243a;--line:#dbe5ef;--gold:#ffd66b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--body);background:var(--paper);line-height:1.65}
a{color:#0b64b5}.wrap{width:min(1120px,calc(100% - 36px));margin:auto}.sitehead{background:rgba(7,17,31,.97);color:white;position:sticky;top:0;z-index:20;border-bottom:1px solid #18304f}.nav{min-height:68px;display:flex;align-items:center;gap:24px}.logo{font-weight:900;letter-spacing:-.04em;color:white;text-decoration:none;font-size:1.18rem}.logo span{color:var(--cyan)}.navlinks{margin-left:auto;display:flex;gap:20px}.navlinks a{color:#dcecff;text-decoration:none;font-size:.94rem}.hero{background:radial-gradient(circle at 78% 25%,#164a76 0,transparent 27%),linear-gradient(135deg,var(--ink),var(--navy));color:var(--text);padding:88px 0 76px;overflow:hidden}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:.75rem}.hero h1{font-size:clamp(2.55rem,7vw,5.4rem);line-height:.98;letter-spacing:-.055em;max-width:850px;margin:.25em 0}.hero p{max-width:760px;color:#c3d2e4;font-size:1.15rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;border-radius:999px;padding:13px 19px;text-decoration:none;font-weight:800;background:var(--blue);color:#04111e;border:1px solid transparent}.btn.secondary{background:transparent;color:white;border-color:#44617e}.notice{background:#eaf5ff;border:1px solid #c8e3fa;border-radius:14px;padding:16px 18px;margin:24px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(16,33,62,.04)}.card h3{margin-top:0}.section{padding:58px 0}.section h2{font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.035em;margin:.1em 0 .6em}.article{width:min(820px,calc(100% - 36px));margin:auto;padding:52px 0}.article h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.05;letter-spacing:-.045em}.article h2{margin-top:2.1em;letter-spacing:-.025em}.kicker{color:#256da7;font-weight:800}.toc{background:white;border:1px solid var(--line);border-radius:16px;padding:18px 22px}.claim{border-left:4px solid var(--gold);background:#fff8df;padding:15px 18px;margin:24px 0}.cta{background:linear-gradient(135deg,#0a1830,#11355b);color:white;border-radius:22px;padding:28px;margin:36px 0}.cta p{color:#c7d7e8}.cta .btn{background:var(--cyan)}footer{background:var(--ink);color:#9fb2c8;padding:44px 0;margin-top:50px}footer a{color:#cbe7ff}.footlinks{display:flex;gap:16px;flex-wrap:wrap}.popup-backdrop{display:none;position:fixed;inset:0;background:rgba(2,8,17,.68);z-index:90;align-items:center;justify-content:center;padding:20px}.popup{position:relative;width:min(570px,100%);background:#08172b;color:white;border:1px solid #315274;border-radius:24px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.5)}.popup h2{font-size:2rem;line-height:1.05;margin:.2em 0}.popup p{color:#bdd0e3}.close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:white;font-size:1.7rem;cursor:pointer}.mini{font-size:.82rem;color:#8ea4ba!important}.wave{height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);margin:22px 0}
@media(max-width:760px){.navlinks{display:none}.grid{grid-template-columns:1fr}.hero{padding:64px 0}.article{padding-top:34px}.popup{padding:28px 22px}}
