/* legal.css — юр. страницы и тарифы osxc-pro.ru (pricing, offer, delivery, privacy, consent, requisites).
   Цвета — только токены theme.css (светлая/тёмная тема), theme.css подключается раньше.
   Подвал (.site-footer) — в theme.css, он общий для всех страниц. */
:root{
  /* алиасы, которые ждёт шапка header.js (как на остальных страницах) */
  --bg2:var(--surface);--bg3:var(--surface-2);--border2:var(--border-strong);
  --text2:var(--text-muted);--text3:var(--text-faint);
  --mono:'Share Tech Mono',monospace;--sans:'Exo 2',sans-serif;--title:'Russo One',sans-serif;
}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--text);font-family:var(--sans);margin:0;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
.legal{max-width:860px;width:100%;margin:0 auto;padding:32px 16px 64px;flex:1}
.legal h1{font-family:var(--title);font-weight:400;font-size:28px;margin:0 0 8px;color:var(--accent)}
.legal h2{font-family:var(--title);font-weight:400;font-size:19px;margin:32px 0 10px}
.legal p,.legal li{font-size:15px}
.legal .lead{color:var(--text-muted);margin:0 0 24px}
.legal .upd{font-family:var(--mono);font-size:12px;color:var(--text-faint)}
.legal a{color:var(--accent)}
.legal table{width:100%;border-collapse:collapse;margin:12px 0}
.legal td,.legal th{border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top;font-size:14px;overflow-wrap:anywhere}
.legal th{background:var(--surface-2);font-weight:600;width:38%}
.note{background:var(--warning-soft);border-left:3px solid var(--warning);padding:12px 16px;margin:20px 0;font-size:14px;color:var(--text)}

/* тарифы */
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:20px 0}
.plan{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column}
.plan.hot{border-color:var(--accent);box-shadow:var(--focus-ring)}
.plan h3{margin:0 0 4px;font-family:var(--title);font-weight:400;font-size:18px}
.plan .price{font-family:var(--mono);font-size:30px;color:var(--accent);margin:6px 0}
.plan .per{color:var(--text-muted);font-size:13px;margin-bottom:12px}
.plan ul{padding-left:18px;margin:0 0 16px;flex:1}
.plan .btn{display:block;text-align:center;background:var(--accent);color:var(--text-on-accent);text-decoration:none;font-weight:700;padding:10px;border-radius:var(--radius-sm);border:0;cursor:pointer;font-family:inherit;font-size:15px}
.plan .btn:hover{background:var(--accent-hover)}
.plan .btn:disabled{opacity:.6;cursor:default}
.plan .btn.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}
.badge{display:inline-block;font-size:11px;font-family:var(--mono);background:var(--accent-soft);color:var(--accent-text);padding:2px 8px;border-radius:4px;margin-bottom:8px;align-self:flex-start}
.btn-trial{background:var(--accent-soft);color:var(--accent-text);border:1px solid var(--accent);font-family:inherit;font-weight:700;font-size:15px;padding:10px 18px;border-radius:var(--radius-sm);cursor:pointer}
.btn-trial:hover{background:var(--accent);color:var(--text-on-accent)}
.btn-trial:disabled{opacity:.6;cursor:default}
.pay-methods{color:var(--text-muted);font-size:13px;margin-top:8px}