
*,*::before,*::after{box-sizing:border-box}
:root{--ink:#33302B;--ink-soft:#6B655B;--surface:#FAF5EB;--card:#fff;--accent:#FFB81F;
  --accent-deep:#E09600;--accent-tint:#FFF1D2;--success:#3E9D46;--sky:#4FA8DC;--ocean:#D4E9F4;--line:#E8E1D3}
@font-face{font-family:Nunito;font-weight:800;font-display:swap;src:url('/landing/fonts/nunito-latin-800-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:Nunito;font-weight:900;font-display:swap;src:url('/landing/fonts/nunito-latin-900-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:Nunito;font-weight:800;font-display:swap;src:url('/landing/fonts/nunito-cyrillic-800-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Nunito;font-weight:900;font-display:swap;src:url('/landing/fonts/nunito-cyrillic-900-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Rubik;font-weight:400;font-display:swap;src:url('/landing/fonts/rubik-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:Rubik;font-weight:500;font-display:swap;src:url('/landing/fonts/rubik-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:Rubik;font-weight:400;font-display:swap;src:url('/landing/fonts/rubik-cyrillic-400-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Rubik;font-weight:500;font-display:swap;src:url('/landing/fonts/rubik-cyrillic-500-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Nunito;font-weight:900;font-display:swap;src:url('/landing/fonts/nunito-vietnamese-900-normal.woff2') format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Rubik;font-weight:400;font-display:swap;src:url('/landing/fonts/rubik-arabic-400-normal.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Rubik,system-ui,sans-serif;font-size:17px;line-height:1.6;color:var(--ink);background:var(--surface);
  background-image:radial-gradient(60rem 40rem at 85% -10%,rgba(255,184,31,.13),transparent 60%),
  repeating-linear-gradient(to right,rgba(51,48,43,.04) 0 1px,transparent 1px 88px),
  repeating-linear-gradient(to bottom,rgba(51,48,43,.04) 0 1px,transparent 1px 88px)}
h1,h2,h3{font-family:Nunito,system-ui,sans-serif;font-weight:900;line-height:1.14;text-wrap:balance;margin:0}
p{margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit}
:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:6px}
.wrap{width:100%;max-width:960px;margin-inline:auto;padding-inline:clamp(16px,4vw,24px)}
.tnum{font-variant-numeric:tabular-nums}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:Nunito;font-weight:900;font-size:clamp(20px,3.4vw,26px)}
.brand img{width:40px;height:40px;border-radius:12px}
.langs{position:relative;flex:none}
.langs summary{list-style:none;cursor:pointer;background:var(--card);border:1px solid var(--line);border-radius:999px;
  padding:7px 14px;font-size:13px;font-weight:600;color:var(--ink-soft);display:flex;align-items:center;gap:6px}
.langs summary::-webkit-details-marker{display:none}
.langs summary::after{content:"▾";font-size:11px}
.langs[open] summary{background:var(--accent);color:var(--ink)}
.lang-menu{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:20;background:var(--card);border:1px solid var(--line);
  border-radius:16px;box-shadow:0 10px 28px rgba(51,48,43,.16);padding:8px;width:min(320px,88vw);
  display:grid;grid-template-columns:1fr 1fr;gap:2px;max-height:min(60vh,420px);overflow:auto}
.lang-menu a{display:block;padding:7px 10px;border-radius:10px;text-decoration:none;font-size:13.5px;color:var(--ink)}
.lang-menu a:hover{background:var(--surface)}
.lang-menu a[aria-current]{background:var(--accent);font-weight:600}
.crumbs{font-size:13.5px;color:var(--ink-soft);padding:6px 0 14px}
.crumbs a{color:var(--ink-soft)}
.crumbs span{margin:0 6px;opacity:.5}
[dir="rtl"] .crumbs span{display:inline-block;transform:scaleX(-1)}
[dir="rtl"] dl.facts dd{text-align:left}
main{padding-bottom:40px}
h1{font-size:clamp(27px,4.6vw,42px);letter-spacing:-.02em;margin-bottom:12px}
.lead{color:var(--ink-soft);max-width:62ch;margin-bottom:24px}
section{margin-top:34px}
h2{font-size:clamp(20px,2.8vw,26px);margin-bottom:14px}
h3{font-size:17px;margin-bottom:6px}
.card{background:var(--card);border:1px solid var(--line);border-bottom:4px solid var(--line);border-radius:24px;padding:clamp(16px,3vw,26px)}
.fl{border-radius:8px;border:1px solid var(--line);background:#fff;object-fit:cover}
.fl-lg{width:100%;max-width:340px;aspect-ratio:4/3;border-radius:14px}
.fl-md{width:72px;height:54px}
.hero{display:grid;gap:22px;align-items:start}
@media(min-width:720px){.hero{grid-template-columns:340px 1fr}}
dl.facts{display:grid;grid-template-columns:1fr;gap:0;margin:0}
dl.facts>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line)}
dl.facts>div:last-child{border-bottom:0}
dl.facts dt{color:var(--ink-soft);font-size:14.5px}
dl.facts dd{margin:0;font-family:Nunito;font-weight:800;text-align:right}
.mnem{display:grid;gap:10px}
.mnem div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 18px}
.mnem b{font-family:Nunito;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);display:block;margin-bottom:3px}
.fun{background:linear-gradient(150deg,var(--accent-tint),#fff 70%);border:1px solid var(--line);border-radius:20px;padding:18px 22px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:0;margin:0;list-style:none}
.grid a{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-bottom:3px solid var(--line);
  border-radius:16px;padding:10px 14px;text-decoration:none;transition:transform .08s ease}
.grid a:active{transform:translateY(2px)}
.grid .n{font-family:Nunito;font-weight:800;font-size:15.5px;line-height:1.2}
.grid .c{display:block;font-family:Rubik;font-weight:400;font-size:13px;color:var(--ink-soft);margin-top:2px}
.zone-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:26px 0 12px}
.zone-h h2{margin:0}
.zone-h a{font-size:14px;color:var(--sky)}
.count{font-size:14px;color:var(--ink-soft)}
.cta{margin-top:40px;background:linear-gradient(150deg,var(--accent-tint),#FFE7AE);border:1px solid var(--line);
  border-bottom:4px solid var(--accent);border-radius:24px;padding:clamp(20px,4vw,32px);text-align:center}
.cta p{color:#6a5b34;max-width:52ch;margin:10px auto 18px}
.btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;background:var(--ink);color:var(--surface);
  font-family:Nunito;font-weight:800;padding:12px 24px;border-radius:16px;border-bottom:4px solid #1d1b18}
.btn:active{transform:translateY(2px);border-bottom-width:2px}
footer{background:var(--ink);color:#C9C2B4;margin-top:48px;padding:28px 0;font-size:14px}
footer a{color:#FFD470;text-decoration:none}
footer .fl-row{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:10px}
@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}
