*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#eaf2f8;background:#0b2239;line-height:1.65}
a{color:#7fd4de}header{background:#071a2e;border-bottom:3px solid #2bb3c0;position:sticky;top:0;z-index:50}
.topbar{max-width:1160px;margin:0 auto;padding:14px 20px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.brand{font-size:22px;font-weight:800;color:#fff;text-decoration:none;letter-spacing:.5px}.brand span{color:#f2a33c}
nav{max-width:1160px;margin:0 auto;padding:0 20px 12px;display:flex;gap:6px;flex-wrap:wrap}
nav ul{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
nav li{position:relative}nav a,nav .navlabel{display:block;padding:8px 12px;color:#eaf2f8;text-decoration:none;border-radius:6px;font-weight:700;font-size:15px}
nav a:hover,nav .navlabel:hover{background:#125a8a}
.nav-toggle,.nav-sub-toggle{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.burger{display:none}
.menu{display:none;position:absolute;left:0;top:100%;background:#0e2f4d;border:1px solid #2bb3c0;border-radius:8px;min-width:260px;padding:8px;z-index:60;flex-direction:column}
li:hover .menu,li:focus-within .menu,.nav-sub-toggle:checked + .navlabel + .menu{display:flex}
.menu a{font-weight:400;font-size:14px}
.lang{margin-left:auto;display:flex;gap:8px;align-items:center;font-size:13px;color:#9fb8cc}
.lang b{color:#fff;border:1px solid #2bb3c0;padding:3px 8px;border-radius:20px}
.lang span{opacity:.65}
main{max-width:1160px;margin:0 auto;padding:28px 20px 60px}
.hero{background:linear-gradient(135deg,#125a8a,#0b2239);border:1px solid #2bb3c0;border-radius:14px;padding:34px 30px}
.hero h1{font-size:40px;line-height:1.2;margin:0 0 14px;color:#fff}
.hero p{font-size:18px;max-width:820px}
.evidence{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.evidence span{border:1px solid #2bb3c0;border-radius:20px;padding:7px 13px;font-size:14px;background:#0e2f4d}
.evidence small{display:block;font-size:12px;color:#9fb8cc}
.cta{display:inline-block;background:#f2a33c;color:#1a1206;font-weight:800;text-decoration:none;padding:13px 22px;border-radius:8px;margin:8px 10px 0 0}
.cta2{display:inline-block;border:2px solid #f2a33c;color:#ffd98a;font-weight:800;text-decoration:none;padding:11px 20px;border-radius:8px;margin:8px 10px 0 0}
h2{font-size:27px;color:#fff;margin-top:38px}h3{font-size:20px;color:#ffd98a}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.card{background:#102f4b;border:1px solid #2b5a7d;border-radius:12px;padding:20px}
.card b.num{font-size:30px;color:#f2a33c}
.card a{font-weight:800}
.bignums{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:24px 0}
.bignums div{background:#125a8a;border-radius:12px;padding:20px;text-align:center}
.bignums b{font-size:38px;color:#fff;display:block}.bignums span{font-size:14px;color:#cfe6f2}
table{width:100%;border-collapse:collapse;margin:18px 0;background:#0e2f4d}
th,td{border:1px solid #2b5a7d;padding:10px 12px;text-align:left;vertical-align:top}
th{background:#125a8a;color:#fff}td{font-size:15px}
.ruler{background:#102f4b;border:1px dashed #2bb3c0;border-radius:10px;padding:16px;margin:18px 0}
.ruler p{font-size:13px;color:#9fb8cc;margin:6px 0 0}
.note{background:#102f4b;border-left:4px solid #f2a33c;padding:14px 18px;margin:18px 0}
footer{border-top:1px solid #2b5a7d;padding:26px 20px;color:#9fb8cc;font-size:14px}
footer .wrap{max-width:1160px;margin:0 auto}
input,textarea,select{width:100%;padding:11px;border-radius:8px;border:1px solid #2b5a7d;background:#071a2e;color:#fff;margin:6px 0 14px;font-size:15px}
label{font-weight:700}button.cta{border:0;cursor:pointer;font-size:16px}
@media(max-width:700px){.hero h1{font-size:30px}nav{flex-direction:column}.menu{position:static}}
/* kanion nav fold (checkbox hack, no JS): mobile nav hidden by default,
   hamburger expands an absolute scrollable panel; submenus collapsed
   by default and expand on label tap. Desktop rules above unchanged. */
@media(max-width:720px){
.burger{display:block;padding:10px 20px;font-size:24px;line-height:1;color:#fff;cursor:pointer;background:#071a2e;border-top:1px solid #2b5a7d}
nav ul{display:none}
#nav-toggle:checked ~ nav ul{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:100%;background:#0e2f4d;border-bottom:1px solid #2bb3c0;max-height:calc(100vh - 190px);max-height:calc(100dvh - 190px);overflow-y:auto;padding:8px 12px 14px;z-index:60;gap:2px}
nav li{width:100%}
nav a,nav .navlabel{width:100%}
.menu{position:static;min-width:0;border:0;padding:0 0 0 16px;background:transparent}
.nav-sub-toggle:checked + .navlabel + .menu{display:flex;flex-direction:column}
}

/* kanion i18n lang dropdown (postprocess_kanion.py) */
.lang{margin-left:auto;position:relative}
.lang summary{list-style:none;cursor:pointer;color:#fff;border:1px solid #2bb3c0;padding:3px 10px;border-radius:20px;font-weight:700;font-size:13px}
.lang summary::-webkit-details-marker{display:none}
.lang summary span{opacity:1}
.lang-menu{display:none;position:absolute;right:0;top:100%;z-index:70;margin:6px 0 0;padding:6px 0;list-style:none;background:#0e2f4d;border:1px solid #2bb3c0;border-radius:8px;min-width:160px}
.lang-menu a{color:#eaf2f8;text-decoration:none;display:block;padding:6px 14px;font-size:14px}
.lang-menu a:hover{background:#125a8a}
.lang-menu span{color:#fff;font-weight:700;display:block;padding:6px 14px;font-size:14px}
.lang:hover .lang-menu,.lang:focus-within .lang-menu,.lang[open] .lang-menu{display:block}