/* Цены — прототип design/site-2026-10/pricing.html. Подключается через pageCss: pricing.css. */
.pr-top{position:relative;padding:64px 0 10px;text-align:center;overflow:hidden}
/* свечение гаснет ровно к нижнему краю блока — без резкой границы на телефоне */
.pr-top::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 40% 100% at 50% 0%,rgba(124,58,237,.3),transparent);pointer-events:none}
.pr-top .wrap{position:relative}
.pr-top .d1{margin-top:12px}
.pr-top p{margin:16px auto 0;max-width:560px;color:#A9A4BC;font-size:18px}

.pr-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:44px;align-items:stretch}
.pr-plan{padding:26px;display:flex;flex-direction:column;min-width:0}
.pr-plan.pop{background:linear-gradient(180deg,rgba(139,92,246,.16),var(--p1) 60%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(167,139,250,.55),0 30px 70px -30px rgba(124,58,237,.8)}
.pr-nm{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:24px}
.pr-nm h2{margin:0;font-size:19px;font-weight:600;letter-spacing:-.02em}
.pr-price{margin:18px 0 6px;display:flex;align-items:baseline;gap:6px}
.pr-price b{font-size:44px;font-weight:700;letter-spacing:-.05em;line-height:1}
.pr-ds{margin:0;color:var(--mute);font-size:14.5px;min-height:44px}

.pr-cap{margin:20px 0 6px}
.pr-meter{height:6px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;margin:8px 0}
.pr-meter i{display:block;height:100%;border-radius:inherit;background:var(--grad)}
.pr-capv{display:block;color:var(--ink2)}

.pr-kv{display:grid;gap:8px;margin:16px 0 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14.5px}
.pr-kv div{display:flex;justify-content:space-between;gap:10px}
.pr-kv span{color:var(--mute)}
.pr-kv b{font-weight:600;text-align:right}

.pr-fl{list-style:none;margin:16px 0 22px;padding:0;display:grid;gap:10px;font-size:14.5px}
.pr-fl li{display:flex;gap:10px;align-items:flex-start;color:var(--ink2)}
.pr-fl li.no{color:var(--mute2)}
.pr-fl li.no>span{text-decoration:line-through}
.pr-fl i{flex-shrink:0;width:18px;height:18px;margin-top:2px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-style:normal;background:rgba(139,92,246,.18);color:var(--v3)}
.pr-fl li.no i{background:rgba(255,255,255,.05);color:var(--mute2)}
.pr-plan .btn{margin-top:auto;width:100%}

.pr-note{display:flex;justify-content:center;gap:8px 24px;flex-wrap:wrap;margin-top:22px;font-size:14px;color:var(--mute);text-align:center}
.pr-note span::before{content:"✓ ";color:var(--v2)}
.pr-note strong{color:var(--ink2);font-weight:600}

.pr-cmp-sec{padding-top:100px}
/* .sh p из ds.css делает абзац мелким и серым — здесь это заголовок-строка, как в прототипе */
.pr-cmp-sec .sh p.d2{margin:12px auto 0;max-width:none;font-size:clamp(32px,4.2vw,54px);color:var(--ink)}
.pr-cmp-sec h2.kick{margin:0}
.pr-cmp{margin:0}
.pr-cmp td,.pr-cmp th{text-align:center}
.pr-cmp td:first-child,.pr-cmp th:first-child{text-align:left}
.pr-cmp th.pop,.pr-cmp td.pop{background:rgba(139,92,246,.08)}
.pr-cmp th.pop{color:var(--v2)}
.pr-cmp .yes{color:var(--v2);font-weight:700}
.pr-cmp .soon{font:500 12px var(--mono);color:var(--mute)}

.pr-cta{margin-top:80px;padding:44px 28px;text-align:center;background:radial-gradient(60% 120% at 50% 0%,rgba(124,58,237,.3),transparent 70%),linear-gradient(180deg,var(--p2),var(--p1))}
.pr-cta p{margin:10px auto 22px;max-width:440px;color:var(--mute)}

@media (max-width:1100px){.pr-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
 .pr-top::before{background:radial-gradient(ellipse 80% 100% at 50% 0%,rgba(124,58,237,.3),transparent)}
 .pr-top{padding-top:44px}
 .pr-top p{font-size:16px}
 .pr-plans{grid-template-columns:minmax(0,1fr);margin-top:32px}
 .pr-plan{padding:22px}
 .pr-ds{min-height:0}
 .pr-cmp-sec{padding-top:72px}
 /* таблица сравнения влезает в 390px без горизонтальной прокрутки */
 .pr-cmp .tbl{font-size:13px}
 .pr-cmp .tbl th{padding:10px 6px;font-size:10.5px;letter-spacing:0}
 .pr-cmp .tbl td{padding:11px 6px}
 .pr-cmp .tbl th:first-child,.pr-cmp .tbl td:first-child{padding-left:12px}
 .pr-cmp .soon{font-size:10.5px}
 .pr-cta{margin-top:56px;padding:34px 20px}
}