/* legal.css — общий вид юридических страниц (условия, конфиденциальность,
   возвраты, цены). Отдельные статические страницы, а не экраны приложения:
   их открывают проверяющие Paddle и поисковики, без входа и без JS. */
@font-face{font-family:'Onest';font-style:normal;font-weight:400 800;font-display:swap;
  src:url(assets/fonts/onest-cyr.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Onest';font-style:normal;font-weight:400 800;font-display:swap;
  src:url(assets/fonts/onest-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

:root{
  --bg:#121214;--card:#1a1a1d;--card2:#242428;--line:#2e2e33;--line2:#5a5a61;
  --text:#ececea;--muted:#9b9ba1;--accent:#e6e6e3;--on-accent:#141416;
  --font:"Onest",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color-scheme:dark;
}
@media (prefers-color-scheme:light){
  :root{--bg:#eee9e2;--card:#f8f5f0;--card2:#e5dfd5;--line:#d6cec1;--line2:#978e7c;
    --text:#1f1d1a;--muted:#5d5850;--accent:#1f1d1a;--on-accent:#f8f5f0;color-scheme:light;}
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--font);}
.wrap{max-width:760px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 20px) 16px calc(env(safe-area-inset-bottom) + 40px);}

.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px;}
.brand{color:var(--text);text-decoration:none;font-weight:800;font-size:20px;letter-spacing:.02em;}
.langs{display:flex;gap:4px;}
.langs button{background:none;border:1px solid var(--line2);color:var(--muted);border-radius:999px;
  padding:5px 12px;font:inherit;font-size:13px;cursor:pointer;}
.langs button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--on-accent);}

h1{font-size:30px;line-height:1.2;margin:0 0 6px;letter-spacing:-.01em;}
h2{font-size:19px;margin:30px 0 8px;}
h3{font-size:16px;margin:20px 0 6px;}
p,li{color:var(--text);}
.muted,.updated{color:var(--muted);font-size:14px;}
.updated{margin:0 0 22px;}
ul{padding-left:20px;}
li{margin:4px 0;}
a{color:var(--text);text-decoration-color:var(--line2);text-underline-offset:3px;}
a:hover{text-decoration-color:var(--text);}

.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:14px 0;}
.seller{font-size:14px;color:var(--muted);}
.seller b{color:var(--text);font-weight:600;}

/* цены */
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:18px 0;}
.plan{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;}
.plan.main{border-color:var(--line2);}
.plan .name{font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;}
.plan .price{font-size:32px;font-weight:800;letter-spacing:-.02em;margin:6px 0 0;}
.plan .per{color:var(--muted);font-size:14px;}
.plan .note{font-size:14px;color:var(--muted);margin-top:8px;}

footer{margin-top:40px;padding-top:18px;border-top:1px solid var(--line);font-size:14px;color:var(--muted);}
footer nav{display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:10px;}
footer a{color:var(--muted);}

/* Язык: без JS видны оба раздела подряд, с JS — выбранный */
.js [data-lang]{display:none;}
.js [data-lang].on{display:block;}