/* Общие стили подстраниц: Премиум, оферта, политика, контакты. Цвета те же, что на главной. */
:root{
  --bg:#000;--text:#ececec;--muted:#8e8e8e;--hint:#b4b4b4;
  --pill:#1c1c1c;--pill-border:#2c2c2c;--pill-focus:#3a3a3a;
  --icon-hover:#2a2a2a;--accent:#e9579b;--accent-hover:#f06bab;--link:#8ab4f8;
  --card:#141414;--brand-a:#6c7cff;--brand-b:#e9579b;
}
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]){
    --bg:#fff;--text:#0d0d0d;--muted:#8f8f8f;--hint:#5d5d5d;
    --pill:#f4f4f4;--pill-border:#e3e3e3;--pill-focus:#cfcfcf;
    --icon-hover:#e6e6e6;--accent:#e9579b;--accent-hover:#d8488a;--link:#1a56db;--card:#fafafa;
  }
}
:root[data-theme="light"]{
  --bg:#fff;--text:#0d0d0d;--muted:#8f8f8f;--hint:#5d5d5d;
  --pill:#f4f4f4;--pill-border:#e3e3e3;--pill-focus:#cfcfcf;
  --icon-hover:#e6e6e6;--accent:#e9579b;--accent-hover:#d8488a;--link:#1a56db;--card:#fafafa;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--link)}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}

.top{display:flex;align-items:center;justify-content:space-between;max-width:1000px;margin:0 auto;padding:calc(12px + env(safe-area-inset-top)) 16px 12px}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:600}
.brand svg{width:28px;height:28px;flex:none}
.brand:hover span{text-decoration:underline}
.theme{color:var(--hint);font-size:15px;padding:6px 10px;border-radius:10px}
.theme:hover{background:var(--icon-hover);color:var(--text)}

main{max-width:760px;margin:0 auto;padding:24px 16px 56px}
main.wide{max-width:1000px}
h1{font-size:32px;line-height:1.2;font-weight:600;margin:12px 0 12px;letter-spacing:-.01em}
h2{font-size:21px;line-height:1.3;font-weight:600;margin:36px 0 10px}
h3{font-size:17px;font-weight:600;margin:22px 0 6px}
p,li{color:var(--hint)}
p{margin:0 0 12px}
ul,ol{margin:0 0 12px;padding-left:22px}
li{margin:4px 0}
strong,b{color:var(--text);font-weight:600}
.lead{font-size:18px;color:var(--hint);max-width:640px}
.updated{color:var(--muted);font-size:14px}
.doc p,.doc li{font-size:15.5px}
.doc h2{font-size:18px;margin-top:30px}
.doc ol.num{list-style:none;padding-left:0}
.doc ol.num>li{margin:6px 0}

/* Тарифы */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0 8px}
@media (max-width:860px){.tiers{grid-template-columns:1fr}}
.tier{position:relative;background:var(--card);border:1px solid var(--pill-border);border-radius:18px;padding:22px 22px 18px;display:flex;flex-direction:column}
.tier h3{margin:0 0 4px;font-size:18px}
.tier .price{font-size:34px;font-weight:600;color:var(--text);line-height:1.15;margin:8px 0 2px;letter-spacing:-.02em}
.tier .price small{font-size:16px;font-weight:400;color:var(--muted);letter-spacing:0}
.tier .per{color:var(--muted);font-size:14px;margin:0 0 14px;min-height:22px}
.tier ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--pill-border);padding-top:12px}
.tier li{position:relative;padding-left:24px;font-size:15px;margin:9px 0}
.tier li::before{content:"";position:absolute;left:2px;top:.55em;width:11px;height:6px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.tier.best{border-color:transparent;background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(135deg,var(--brand-a),var(--brand-b)) border-box;border:1.5px solid transparent}
.badge{position:absolute;top:-11px;right:18px;background:linear-gradient(135deg,var(--brand-a),var(--brand-b));color:#fff;font-size:12.5px;font-weight:600;padding:3px 10px;border-radius:999px}
.note{font-size:14px;color:var(--muted)}
.box{background:var(--card);border:1px solid var(--pill-border);border-radius:14px;padding:16px 18px;margin:12px 0}
.box p:last-child{margin-bottom:0}
table.req{border-collapse:collapse;width:100%;font-size:15.5px;margin:8px 0 16px}
table.req td{border-bottom:1px solid var(--pill-border);padding:9px 8px;vertical-align:top;color:var(--hint)}
table.req td:first-child{color:var(--muted);width:38%;padding-left:0}

/* Подвал: те же правила, что на главной */
footer{max-width:1000px;margin:0 auto;padding:40px 24px calc(28px + env(safe-area-inset-bottom));border-top:1px solid var(--pill-border);color:var(--muted);font-size:14px;line-height:1.55;text-align:left}
.ft-top{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:32px}
.ft-logo{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:600;font-size:16px}
.ft-logo svg{width:28px;height:28px;flex:none}
.ft-brand p{margin:12px 0 0;max-width:320px;color:var(--muted)}
.ft-col h3{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--text)}
.ft-col a{display:block;width:max-content;max-width:100%;color:var(--hint);text-decoration:none;padding:4px 0}
.ft-col a:hover,.ft-bottom a:hover{color:var(--text)}
.ft-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;margin-top:32px;padding-top:20px;border-top:1px solid var(--pill-border);font-size:13px}
.ft-bottom a{color:var(--muted);text-decoration:none}
@media (max-width:700px){.ft-top{grid-template-columns:1fr 1fr;gap:28px 20px}.ft-brand{grid-column:1/-1}.ft-bottom{flex-direction:column}}
.requisites{margin:6px 0 12px}
.requisites p{margin:0 0 10px;color:var(--hint)}
table.cookies td:first-child{width:28%;color:var(--text)}
table.cookies td:last-child{width:20%;white-space:nowrap}
table.cookies tr:first-child td{color:var(--muted)}
@media (max-width:600px){table.cookies td:last-child{white-space:normal}}