:root{--bg:#FFF8F3;--ink:#121F30;--ink2:#4B5868;--acc:#69D2C8;--acct:#1E7F76;--card:#fff;--line:#E9DFD6;--navy:#121F30;--tq:#69D2C8;--tq2:#A8E6E0;--deep:#1E7F76}
@media (prefers-color-scheme:dark){:root{--bg:#0E1826;--ink:#FFF8F3;--ink2:#A9B4C0;--acct:#69D2C8;--card:#16263A;--line:#24364C}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 Figtree,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--acct);font-weight:600}
header,footer{background:var(--navy);color:#FFF8F3}
.w{max-width:1040px;margin:0 auto;padding:0 20px}
header .w{display:flex;justify-content:space-between;align-items:center;height:64px;gap:12px}
.logo{font:700 26px Poppins,sans-serif;text-decoration:none;color:#FFF8F3;letter-spacing:-.02em}.logo span{color:var(--tq)}
.hnav{display:flex;gap:18px;align-items:center}.hnav a{color:#FFF8F3;font-weight:600;text-decoration:none;font-size:15px}
.cta{background:var(--tq);color:var(--navy)!important;padding:9px 16px;border-radius:999px}
.eyebrow{font:500 12px "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--acct)}
h1{font:700 clamp(30px,5vw,48px)/1.08 Poppins,sans-serif;letter-spacing:-.02em;margin:10px 0 14px}
h2{font:700 23px/1.25 Poppins,sans-serif;margin:0 0 8px}
.lede{font-size:19px;color:var(--ink2);max-width:700px}
.crumb{font-size:14px;margin:28px 0 0;color:var(--ink2)}.crumb a{font-weight:500}
.meta{font:500 13px "JetBrains Mono",monospace;color:var(--ink2)}
.art{max-width:760px}
/* hero stat: animated brand gradient */
.stat{position:relative;overflow:hidden;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;color:#FFF8F3;border-radius:22px;padding:28px 26px;margin:22px 0 8px;
 background:linear-gradient(120deg,#121F30 0%,#1B3047 35%,#1E7F76 70%,#121F30 100%);background-size:260% 260%;animation:mhflow 14s ease-in-out infinite}
.stat::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(105,210,200,.55),rgba(105,210,200,0) 70%);animation:mhpulse 6s ease-in-out infinite}
.stat b{position:relative;z-index:1;font:700 clamp(44px,8vw,72px)/1 Poppins,sans-serif;color:var(--tq)}
.stat span{position:relative;z-index:1;font:500 13px "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
@keyframes mhflow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes mhpulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.25);opacity:1}}
/* key points */
.keys{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0 6px}
.key{background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:14px 16px;border-top:4px solid var(--tq)}
.key b{display:block;font:700 26px/1.1 Poppins,sans-serif;color:var(--acct)}.key span{font-size:14px;color:var(--ink2);line-height:1.4;display:block;margin-top:4px}
.key:nth-child(2){border-top-color:var(--navy)}.key:nth-child(3){border-top-color:var(--deep)}
@media (prefers-color-scheme:dark){.key:nth-child(2){border-top-color:var(--tq2)}}
/* sections */
.sec{position:relative;margin:26px 0;padding:4px 0 4px 20px}
.sec::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;border-radius:4px;background:linear-gradient(var(--tq),var(--deep));transform:scaleY(0);transform-origin:top;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.sec.in::before{transform:scaleY(1)}
.sec.alt{background:var(--card);border:1.5px solid var(--line);border-radius:20px;padding:20px 22px 18px 26px}
.sec.alt::before{left:10px;top:20px;bottom:20px}
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}
ul li{margin:6px 0}ul li::marker{color:var(--tq)}
/* charts */
figure.ch{margin:24px 0;background:var(--navy);color:#FFF8F3;border-radius:22px;padding:20px 20px 14px;overflow:hidden}
figure.ch figcaption{font:700 18px/1.3 Poppins,sans-serif;margin:0 0 6px}
.ch-box svg{width:100%;height:auto;display:block}
.ch-lab{fill:#B4BFCB;font:500 13px "JetBrains Mono",monospace}
.ch-val{fill:#FFF8F3;font:700 15px Poppins,sans-serif;opacity:0;transition:opacity .5s ease .7s}
.ch-axis{stroke:#2B4058;stroke-width:2}
.ch-track{fill:#1C2D42}
.ch-bar{fill:#3E8F88;transform:scale(0);transition:transform 1s cubic-bezier(.2,.8,.2,1) var(--d,0s)}
.ch-bar.hi{fill:var(--tq)}.ch-bar.neg{fill:#F08A97}
.ch-line{fill:none;stroke:var(--tq);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;transition:stroke-dashoffset 1.8s cubic-bezier(.4,.1,.2,1)}
.ch-area{fill:rgba(105,210,200,.14);opacity:0;transition:opacity 1s ease .8s}
.ch-dot{fill:#121F30;stroke:var(--tq);stroke-width:3;opacity:0;transition:opacity .4s ease var(--d,0s)}.ch-dot.hi{fill:var(--tq)}
figure.ch.on .ch-bar{transform:scale(1)}figure.ch.on .ch-val{opacity:1}figure.ch.on .ch-line{stroke-dashoffset:0!important}
figure.ch.on .ch-area,figure.ch.on .ch-dot{opacity:1}
.ch-note{font-size:12.5px;color:#B4BFCB;margin:8px 0 0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* boxes */
.cta-box{position:relative;overflow:hidden;background:var(--navy);color:#FFF8F3;border-radius:22px;padding:24px 24px;margin:34px 0}
.cta-box::after{content:"";position:absolute;inset:auto -40px -80px auto;width:200px;height:200px;border-radius:50%;background:var(--tq);opacity:.18;animation:mhpulse 7s ease-in-out infinite}
.cta-box b{font:700 22px Poppins,sans-serif}.cta-box p{margin:4px 0 16px;color:#C9D2DC}
.btn{position:relative;z-index:1;display:inline-block;padding:12px 22px;border-radius:999px;text-decoration:none;font-weight:700;background:var(--tq);color:var(--navy)}
.cta-btns{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap}.btn2{background:transparent;color:#FFF8F3;border:1.5px solid rgba(255,248,243,.45)}.btn2:hover{border-color:var(--tq);color:var(--tq)}
.cta-btns .btn{white-space:nowrap}
@media(max-width:560px){.cta-btns .btn{flex:1 1 130px;text-align:center;padding:12px 14px}.cta-box::after{width:120px;height:120px;right:-50px;bottom:-70px}}
.src{font-size:14px;color:var(--ink2);border-top:1px solid var(--line);margin-top:30px;padding-top:12px}.src a{font-weight:500}
.note{font-size:13px;color:var(--ink2)}
/* cards */
.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;margin:24px 0 10px}
.card{display:flex;flex-direction:column;background:var(--card);border:1.5px solid var(--line);border-radius:20px;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(18,31,48,.5)}
.card .top{position:relative;overflow:hidden;color:#FFF8F3;padding:20px 20px;background:linear-gradient(120deg,#121F30,#1B3047 50%,#1E7F76);background-size:220% 220%;animation:mhflow 16s ease-in-out infinite}
.card:nth-child(3n+2) .top{animation-delay:-5s}.card:nth-child(3n+3) .top{animation-delay:-10s}
.card .top b{display:block;font:700 36px/1 Poppins,sans-serif;color:var(--tq)}
.card .top span{font:500 11px "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
.card .bd{padding:16px 20px 20px}.card h3{font:700 19px/1.3 Poppins,sans-serif;margin:6px 0 8px}.card p{margin:0;color:var(--ink2);font-size:15px;font-weight:400}
.more-hid{display:none!important}
.more-btn{display:block;margin:6px auto 0;padding:12px 26px;border-radius:999px;border:1.5px solid var(--line);background:transparent;color:var(--ink);font:700 15px Figtree,sans-serif;cursor:pointer}
.more-btn:hover{border-color:var(--tq)}
.more{margin-top:34px}
footer{margin-top:64px;padding:28px 0;font-size:14px}footer a{color:var(--tq)}
@media(max-width:560px){.hnav a:not(.cta){display:none}.sec.alt{padding:16px 16px 14px 22px}figure.ch{padding:16px 12px 12px;border-radius:18px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}.ch-bar{transform:none}.ch-val,.ch-area,.ch-dot{opacity:1}.ch-line{stroke-dashoffset:0!important}}
/* stop scrolling past the footer */
html{background:#121F30;overscroll-behavior:none}body{overscroll-behavior:none}