:root{
  --bg:#01142C;
  --bg2:#0a2342;
  --gold:#e8c260;
  --gold2:#b8892e;
  --tx:#f3efe4;
  --mut:rgba(243,239,228,.66);
  --line:rgba(232,194,96,.28);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;min-height:100vh;
  background:radial-gradient(ellipse at 50% -10%,var(--bg2),var(--bg) 60%) fixed,var(--bg);
  color:var(--tx);
  font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
a{color:var(--gold)}
.top{display:flex;justify-content:flex-end;padding:14px 16px 0;max-width:960px;margin:0 auto}
.lang{display:flex;gap:6px}
.lang button{
  background:transparent;color:var(--mut);border:1px solid var(--line);border-radius:999px;
  padding:4px 11px;font:600 12px/1.4 inherit;letter-spacing:.06em;cursor:pointer
}
.lang button[aria-pressed="true"]{color:var(--bg);background:var(--gold);border-color:var(--gold)}
.wrap{max-width:960px;margin:0 auto;padding:0 16px}
.hero{text-align:center;padding:28px 0 36px}
.logo{width:160px;height:160px;border-radius:36px;box-shadow:0 12px 40px rgba(0,0,0,.45),0 0 0 1px var(--line)}
h1{
  margin:18px 0 0;font:700 clamp(44px,9vw,64px)/1.05 Georgia,"Times New Roman",serif;letter-spacing:.04em;
  background:linear-gradient(180deg,#fbe7a6,var(--gold) 45%,var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent
}
.tag{margin:6px 0 0;color:var(--gold);letter-spacing:.32em;text-transform:uppercase;font-size:13px}
.lead{max-width:560px;margin:22px auto 0;color:var(--mut);font-size:17px}
.stores{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}
.store{
  display:inline-block;min-width:180px;padding:13px 22px;border-radius:14px;text-decoration:none;font-weight:700;
  color:var(--bg);background:linear-gradient(180deg,#f5d888,var(--gold));box-shadow:0 6px 18px rgba(232,194,96,.22)
}
.store:focus-visible,.lang button:focus-visible,.foot a:focus-visible{outline:2px solid #fff;outline-offset:3px}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;padding-bottom:40px}
.card{border:1px solid var(--line);border-radius:18px;padding:20px;background:rgba(255,255,255,.03)}
.card span{font-size:28px}
.card h2{margin:8px 0 4px;font-size:17px;color:var(--tx)}
.card p{margin:0;color:var(--mut);font-size:15px}
.foot{text-align:center;color:var(--mut);font-size:14px;padding:24px 16px 40px;border-top:1px solid var(--line);max-width:960px;margin:0 auto}
.foot a{text-decoration:none}
.foot p{margin:10px 0 0;font-size:13px}
.doc{max-width:720px;margin:0 auto;padding:8px 16px 40px}
.doc h1{font-size:clamp(30px,6vw,40px);text-align:left;margin-top:8px}
.doc .back{display:inline-block;margin:6px 0 4px;text-decoration:none;font-size:14px}
.doc .upd{color:var(--mut);font-size:14px;margin:6px 0 24px}
.doc h2{font-size:18px;margin:26px 0 6px;color:var(--gold)}
.doc p,.doc li{color:var(--mut)}
.doc ul{padding-left:20px;margin:6px 0}
[hidden]{display:none!important}
