@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;600;700;900&display=swap');
:root{--bg:#071522;--bg2:#0b2238;--paper:#f2f0e8;--gold:#d8ad4b;--cyan:#22d1d7;--text:#eaf1f5;--muted:#8193a4}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#02070c;font-family:Inter,"Noto Sans SC",sans-serif}button{font:inherit}#app{width:100%;height:100%;position:relative;color:#fff}header{position:absolute;z-index:30;top:0;left:0;right:0;height:68px;padding:0 3vw;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(3,11,19,.7);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:9px;font-weight:700;line-height:1;letter-spacing:.13em}.brand i{width:18px;height:18px;border:1px solid var(--cyan);transform:rotate(45deg);position:relative}.brand i:after{content:"";position:absolute;inset:4px;background:var(--gold)}.module-name{position:absolute;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.18em;color:#8da1b1}.tools{margin-left:auto;display:flex;gap:6px}.tools button{width:34px;height:34px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;cursor:pointer}#viewport{position:absolute;inset:0;overflow:hidden}#track{display:flex;height:100%;will-change:transform;transition:transform .7s cubic-bezier(.72,0,.18,1)}.slide{width:100vw;height:100%;flex:0 0 100vw;padding:96px 7vw 80px;position:relative;overflow:hidden;background:linear-gradient(135deg,#06131f,#0d2840)}.slide:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px}.slide.light{color:#071522;background:#f2f0e8}.slide.light:after{background-image:linear-gradient(rgba(7,21,34,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(7,21,34,.035) 1px,transparent 1px)}.slide>*{position:relative;z-index:2}.page-tag{font-size:10px;color:var(--cyan);letter-spacing:.18em;font-weight:700;text-transform:uppercase}.slide.light .page-tag{color:#0a9da5}.slide h1{font-size:clamp(32px,4.6vw,70px);font-weight:300;line-height:1.1;letter-spacing:-.04em;margin:16px 0 28px;max-width:1100px}.slide h1 strong{color:var(--gold);font-weight:700}.content-grid{height:calc(100% - 135px);display:grid;grid-template-columns:1.12fr .88fr;gap:55px}.slide-copy{min-height:0;overflow:hidden;position:relative}.slide-copy:after{content:"";position:absolute;left:0;right:0;bottom:0;height:55px;background:linear-gradient(transparent,var(--bg2))}.light .slide-copy:after{background:linear-gradient(transparent,var(--paper))}.slide-copy p{white-space:pre-line;margin:0;color:#a9b8c3;font-size:clamp(12px,1.05vw,16px);line-height:1.72}.light .slide-copy p{color:#52606a}.key-panel{align-self:stretch;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.035);padding:28px;display:flex;flex-direction:column}.light .key-panel{border-color:rgba(7,21,34,.14);background:#fff}.key-panel small{font-size:9px;color:var(--gold);letter-spacing:.16em}.key-panel blockquote{font-size:clamp(18px,2vw,31px);line-height:1.6;margin:28px 0}.keywords{margin-top:auto;display:flex;flex-wrap:wrap;gap:7px}.keywords span{font-size:10px;padding:7px 10px;border:1px solid rgba(255,255,255,.15);color:#9db0bf}.light .keywords span{border-color:rgba(7,21,34,.15);color:#596670}.cover{padding:0;background:#020911}.cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7}.cover:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(1,7,13,.96),rgba(1,7,13,.55) 55%,rgba(1,7,13,.08)),linear-gradient(0deg,#030a11,transparent 50%)}.cover-inner{position:absolute;z-index:3;left:8vw;top:20vh;width:62vw}.cover h1{font-size:clamp(48px,7vw,108px);line-height:1.02}.cover p{font-size:clamp(14px,1.5vw,22px);line-height:1.8;color:#c2d0da;max-width:700px}.cover-stats{display:flex;gap:50px;margin-top:45px}.cover-stats b{display:block;font-size:30px;color:var(--gold)}.cover-stats span{font-size:10px;color:#8da0af}.chart-slide .content-grid{grid-template-columns:.55fr 1.45fr}.chart-wrap{height:100%;min-height:0;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025);padding:20px}.light .chart-wrap{border-color:rgba(7,21,34,.13);background:#fff}.slide-chart{width:100%;height:100%}.comparison{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px;height:calc(100% - 140px)}.compare-copy{display:flex;flex-direction:column;gap:12px}.country{padding:15px 18px;border-left:3px solid var(--cyan);background:rgba(255,255,255,.04)}.country:nth-child(2){border-color:var(--gold)}.country:nth-child(3){border-color:#8c9aaa}.country b{font-size:17px}.country p{font-size:11px;color:#9fb0bd;line-height:1.55;margin:5px 0}.radar-box{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025);padding:20px}.closing{display:flex;align-items:center;justify-content:center;text-align:center}.closing div{max-width:950px}.closing h1{font-size:clamp(46px,6vw,90px)}.closing p{color:#9cafbd;line-height:1.9}.closing b{display:block;color:var(--gold);font-size:13px;margin-top:30px}footer{position:absolute;z-index:30;left:0;right:0;bottom:0;height:58px;display:flex;align-items:center;gap:16px;padding:0 3vw;background:rgba(3,11,19,.85);border-top:1px solid rgba(255,255,255,.1);backdrop-filter:blur(15px)}footer button{border:0;background:transparent;color:#fff;font-size:20px;width:38px;height:38px;cursor:pointer}.progress{height:2px;flex:1;background:rgba(255,255,255,.12)}.progress i{height:100%;display:block;background:linear-gradient(90deg,var(--cyan),var(--gold));transition:width .6s}footer span{font-size:10px;color:#758999;min-width:62px;text-align:center}footer b{font-size:15px;color:#fff}#overview{position:absolute;z-index:50;top:0;right:0;bottom:0;width:min(620px,92vw);background:#f0eee7;color:#071522;transform:translateX(100%);transition:.4s;display:flex;flex-direction:column;padding:28px}#overview.open{transform:none}.overview-head{display:flex;justify-content:space-between;align-items:center}.overview-head small{font-size:9px;letter-spacing:.16em;color:#9b7517}.overview-head h2{margin:5px 0;font-size:28px}.overview-head button{border:0;background:none;font-size:32px;cursor:pointer}#search{padding:14px;margin:18px 0;border:1px solid #ccd0cf;background:#fff}#thumbs{overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.thumb{background:#fff;border:1px solid #d9d9d4;padding:15px;text-align:left;cursor:pointer;min-height:105px}.thumb b{color:#a37914;font-size:9px}.thumb h3{font-size:12px;line-height:1.5;margin:8px 0}.thumb small{color:#879199;font-size:9px}#scrim{position:absolute;inset:0;background:#0009;z-index:40;opacity:0;pointer-events:none;transition:.3s}#scrim.open{opacity:1;pointer-events:auto}.hint{position:absolute;z-index:10;right:3vw;bottom:76px;font-size:9px;color:#667a8a;letter-spacing:.12em}@media(max-width:800px){header{height:58px}.module-name{display:none}.slide{padding:78px 6vw 72px}.slide h1{font-size:34px;margin:12px 0 20px}.content-grid,.chart-slide .content-grid,.comparison{grid-template-columns:1fr;gap:18px;height:calc(100% - 100px)}.slide-copy p{font-size:11px;line-height:1.58}.key-panel{display:none}.chart-slide .slide-copy{max-height:20vh}.chart-wrap,.radar-box{min-height:0}.cover-inner{left:7vw;top:16vh;width:86vw}.cover h1{font-size:48px}.cover-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px}.country{padding:9px 12px}.country p{display:none}.comparison{grid-template-rows:auto 1fr}.compare-copy{display:grid;grid-template-columns:repeat(3,1fr)}.hint{display:none}}@media(max-width:430px){.slide h1{font-size:30px}.slide-copy p{font-size:10px}.page-tag{font-size:8px}.cover h1{font-size:42px}.cover p{font-size:13px}.cover-stats b{font-size:23px}#thumbs{grid-template-columns:1fr}}