*{box-sizing:border-box}html,body{margin:0;background:#e5e7eb;font-family:"Segoe UI",Helvetica,Arial,sans-serif}
.slide{width:1280px;height:720px;margin:24px auto;background:linear-gradient(160deg,#0b1a33,#183a6e);color:#fff;padding:44px 64px 28px;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.25);display:grid;grid-template-columns:1fr 320px;grid-template-rows:auto 1fr auto;column-gap:48px}
.head{grid-column:1/3}
h1{margin:0;padding-right:230px;font-size:42px;font-weight:700;letter-spacing:-.5px}
.sub{color:#cbd5e1;font-size:19px;padding-right:0;margin:8px 0 22px}
.chart{align-self:start}
.row{display:grid;grid-template-columns:30px 44px 250px 1fr 72px;align-items:center;gap:10px;height:43px;padding:0 8px}
.rank{color:#94a3b8;font-size:18px;text-align:right}
.flag{height:24px;max-width:44px;object-fit:cover;justify-self:center;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.name{font-size:21px;white-space:nowrap}
.bar{height:24px;border-radius:5px;background:#3b82f6}
.pct{font-size:22px;font-weight:700;text-align:right}
.row.se{background:rgba(250,204,21,.12);border-radius:8px}
.row.se .name,.row.se .pct{color:#fde047;font-weight:700}.row.se .bar{background:#facc15}
.side{align-self:start;display:flex;flex-direction:column;gap:16px}
.kpi{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:14px 22px}
.big{font-size:50px;font-weight:800;line-height:1;color:#fff}.big.y{color:#fde047}
.lbl{color:#cbd5e1;font-size:16px;margin-top:6px;line-height:1.35}
.foot{grid-column:1/3;color:#94a3b8;font-size:13px;line-height:1.5;border-top:1px solid rgba(255,255,255,.15);padding-top:10px}
.brand{position:absolute;top:50px;right:64px;color:#7dd3fc;font-size:18px;font-weight:600}
.more{display:inline-block;margin:14px 0 0 8px;color:#7dd3fc;font-size:18px;font-weight:600;text-decoration:none}
.more:hover{text-decoration:underline}
.slide.all{height:auto;grid-template-rows:auto auto auto}
.slide.all .row{height:40px}
.back{color:#7dd3fc;font-size:16px;text-decoration:none}
.row.gap .rank{color:#64748b;font-size:20px;line-height:1}
.w1{width:100.0%}
.w2{width:98.2%}
.w3{width:89.9%}
.w4{width:82.8%}
.w5{width:79.4%}
.w6{width:79.0%}
.w7{width:71.7%}
.w8{width:33.7%}
.w9{width:29.2%}
.w10{width:29.1%}
.w11{width:25.3%}
.w12{width:19.5%}
.w13{width:16.8%}
.w14{width:13.1%}
.w15{width:13.1%}
.w16{width:11.9%}
.w17{width:11.4%}
.w18{width:10.3%}
.w19{width:10.1%}
.w20{width:6.0%}
.w21{width:3.7%}
.w22{width:3.4%}
.w23{width:3.0%}
.w24{width:2.2%}
.w25{width:1.9%}
.w26{width:1.5%}
.w27{width:1.4%}
.w28{width:1.2%}
.w29{width:1.2%}
.w30{width:1.0%}
.w31{width:0.7%}
.w32{width:0.5%}
.w33{width:0.5%}
.w34{width:0.5%}
.w35{width:0.5%}
.w36{width:0.5%}
.w37{width:0.5%}
.w38{width:0.5%}
.w39{width:0.5%}
.w40{width:0.5%}
.w41{width:0.5%}