@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#101b3b;--gold:#c7a45a;--ink:#17213a;--muted:#69738a;--paper:#f6f7fa}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}
.topbar{min-height:82px;padding:15px 7%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:white;border-bottom:1px solid #e7e9ef}.brand{font:800 29px Manrope,Arial,sans-serif;letter-spacing:-1.8px;color:var(--navy);text-decoration:none}.brand i{font-style:normal;color:var(--gold)}nav{display:flex;gap:28px}nav a{font-size:13px;color:var(--ink);text-decoration:none;font-weight:600}.region-label{font-size:12px;font-weight:700;color:#8b7447;border:1px solid #e6dcc8;border-radius:30px;padding:9px 14px}
.hero{background:linear-gradient(115deg,#101b3b,#192b52);color:white;padding:90px 10%;min-height:520px}.eyebrow,small{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--gold)}h1{font:800 clamp(48px,8vw,86px)/.99 Manrope,Arial,sans-serif;letter-spacing:-4px;margin:26px 0}h1 em{font-style:normal;color:var(--gold)}.lead{font:600 23px Manrope,Arial,sans-serif;margin:22px 0 10px}.intro{max-width:550px;color:#d5dbea;line-height:1.7;font-size:15px}.cta{display:inline-flex;gap:28px;margin-top:25px;padding:15px 20px;background:var(--gold);color:#101b3b;text-decoration:none;font-weight:700;font-size:13px;border-radius:3px}.hero-note{margin-top:40px;color:#aeb9d0;font-size:11px}
.countries{padding:42px 10%;background:white;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.countries h2,.section h2,.knowledge h2,.transparency h2,.details h2{font:700 26px Manrope,Arial,sans-serif;letter-spacing:-.8px;margin:9px 0}.country-list{display:flex;gap:8px;flex-wrap:wrap}.country{border:1px solid #dfe3eb;border-radius:3px;background:#f7f8fa;padding:12px 15px;font:600 12px 'DM Sans',Arial;cursor:pointer}.country.active{background:var(--navy);color:white;border-color:var(--navy)}.country-note{grid-column:1/-1;margin:0;color:var(--muted);font-size:11px}
.section{padding:78px 10%}.section-head{text-align:center;max-width:620px;margin:0 auto 32px}.section-head p,.knowledge p,.transparency p,.details p{color:var(--muted);line-height:1.75;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{display:block;background:white;padding:26px;border:1px solid #e8eaf0;min-height:220px;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:var(--gold)}.symbol{font:700 13px Manrope;color:var(--gold)}.card h3{font:700 20px Manrope;margin:22px 0 8px}.card p{color:var(--muted);font-size:13px;line-height:1.65}.soon{display:inline-block;margin-top:12px;color:#8b7447;font-size:9px;font-weight:700;letter-spacing:1.2px}
.details{padding:0 10% 65px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.details article{background:#fff;padding:25px;border-top:2px solid var(--gold)}.details article>span{font-size:9px;letter-spacing:1.5px;color:#8b7447;font-weight:700}.details h2{font-size:19px;margin-top:18px}.details small{letter-spacing:0;color:var(--muted);font-weight:500;line-height:1.5}
.knowledge{background:#e9edf4;padding:58px 10%;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.transparency{padding:70px 10%;background:white}.transparency p{max-width:850px}.notice{border-left:3px solid var(--gold);padding-left:15px}footer{background:var(--navy);color:#d7deed;padding:32px 10%}footer .brand{color:white}footer p{font-size:10px;letter-spacing:1.5px;color:var(--gold)}footer small{color:#aeb9d0;letter-spacing:0}
@media(max-width:700px){.topbar{padding:17px 6%;flex-wrap:wrap}.brand{font-size:26px}nav{order:3;width:100%;gap:17px;overflow:auto}nav a{white-space:nowrap;font-size:12px}.hero{padding:65px 7%}h1{letter-spacing:-2.5px}.countries{padding:35px 7%;grid-template-columns:1fr}.country-note{grid-column:auto}.section{padding:60px 7%}.cards,.details{grid-template-columns:1fr}.details{padding:0 7% 55px}.knowledge{padding:48px 7%;grid-template-columns:1fr;gap:8px}.transparency{padding:55px 7%}}