/* Страница пакетов продолжает типографику, палитру и геометрию главной. */
.cp-subscription .sp-hero { padding-top:clamp(6rem,8vw,8rem); padding-bottom:clamp(3.5rem,6vw,6rem); display:grid; grid-template-columns:1.1fr 1fr; gap:clamp(2rem,5vw,5rem); align-items:center; }
.cp-subscription .sp-hero h1 { font:650 clamp(2.15rem,4.3vw,4.05rem)/1.22 Unbounded,sans-serif; letter-spacing:-.065em; margin:0 0 1.7rem; }
.cp-subscription .sp-hero h1>span { color:var(--home-purple); }
.cp-subscription .sp-hero h1 .sp-dot { color:#ff9418; }
.cp-subscription .sp-lead { color:var(--home-muted); font-size:1rem; line-height:1.7; max-width:31rem; }
.cp-subscription .sp-hero-actions { display:flex; flex-wrap:wrap; gap:.8rem 1.4rem; align-items:center; margin-top:1.7rem; }
.cp-subscription .sp-hero-note { color:var(--home-muted); font-size:.7rem; margin:1rem 0 0; line-height:1.6; }
.cp-subscription .sp-style-art { background:#f0ecfa; border-radius:.9rem; padding:1.5rem; color:#171a2b; transform:rotate(2deg); }
.cp-subscription .sp-art-meta { display:flex; justify-content:space-between; font-size:.5rem; letter-spacing:.09em; color:#665b84; }
.cp-subscription .sp-art-type { margin:1.7rem 0 1.1rem; display:flex; flex-direction:column; align-items:flex-start; }
.cp-subscription .sp-art-type>span { font-size:.7rem; }
.cp-subscription .sp-art-type>strong { font:650 clamp(4.5rem,9vw,8rem)/1.2 Unbounded,sans-serif; letter-spacing:-.1em; color:#5122c5; }
.cp-subscription .sp-art-type strong>span { display:inline-block; font-size:.45em; color:#ff9418; margin-left:.35em; vertical-align:top; margin-top:.25em; }
.cp-subscription .sp-art-type small { font-size:.6rem; color:#665b84; }
.cp-subscription .sp-art-colors { display:flex; height:1.6rem; margin-bottom:1.1rem; border-radius:.2rem; overflow:hidden; }
.cp-subscription .sp-art-colors i { flex:1; background:#182b43; }
.cp-subscription .sp-art-colors i:nth-child(2) { background:#0876e6; }
.cp-subscription .sp-art-colors i:nth-child(3) { background:#ffad42; }
.cp-subscription .sp-art-colors i:nth-child(4) { background:#e3ebf6; }
.cp-subscription .sp-art-materials { display:grid; grid-template-columns:1.2fr 1fr; gap:.65rem; }
.cp-subscription .sp-art-banner { position:relative; background:#182b43; color:#eef3fb; padding:1.1rem; border-radius:.3rem; min-height:8rem; overflow:hidden; }
.cp-subscription .sp-art-banner::after { content:""; position:absolute; width:5rem; height:5rem; border:1rem solid #4586da; border-radius:50%; right:-2rem; top:-2rem; }
.cp-subscription .sp-art-banner small,.cp-subscription .sp-art-title small { font-size:.45rem; letter-spacing:.08em; }
.cp-subscription .sp-art-banner strong { display:block; font:650 clamp(.75rem,1.6vw,1.25rem)/1.35 Unbounded,sans-serif; letter-spacing:-.06em; margin-top:1rem; }
.cp-subscription .sp-art-banner strong>span { color:#ffad42; }
.cp-subscription .sp-art-banner b { position:absolute; right:1rem; bottom:.7rem; color:#ffad42; }
.cp-subscription .sp-art-title { padding:1.1rem; border-radius:.3rem; background:#ffad42; color:#182b43; }
.cp-subscription .sp-art-title strong { display:block; margin-top:1rem; font:650 clamp(.75rem,1.5vw,1.2rem)/1.35 Unbounded,sans-serif; letter-spacing:-.065em; }
.cp-subscription .sp-art-strip { grid-column:1 / -1; display:flex; gap:.8rem; align-items:center; background:#e3ebf6; padding:.8rem 1rem; border-radius:.3rem; border-left:3px solid #ffad42; color:#182b43; }
.cp-subscription .sp-art-strip>span { color:#0876e6; font:650 1.6rem Unbounded,sans-serif; letter-spacing:-.08em; }
.cp-subscription .sp-art-strip strong { font-size:.75rem; }
.cp-subscription .sp-art-strip small { display:block; font-size:.5rem; margin-top:.1rem; }
.cp-subscription .sp-art-footer { margin-top:1.1rem; display:flex; justify-content:space-between; font-size:.6rem; color:#665b84; }

.cp-subscription .sp-plans { background:var(--portal-color-surface-secondary); border-block:1px solid var(--home-line); }
.cp-subscription .sp-plan-layout { display:grid; grid-template-columns:1fr 1.8fr; gap:1.3rem; align-items:start; }
.cp-subscription .sp-free-plan { border:1px solid var(--home-line); border-radius:.75rem; background:var(--portal-color-canvas); padding:1.7rem; }
.cp-subscription .sp-plan-top { display:flex; justify-content:space-between; align-items:center; gap:.7rem; font-size:.6rem; color:var(--home-muted); }
.cp-subscription .sp-plan-label { font-size:.7rem; font-weight:650; color:var(--home-purple); margin:0; }
.cp-subscription .sp-free-plan h3 { font:600 1.05rem/1.5 Unbounded,sans-serif; letter-spacing:-.04em; margin:1.5rem 0 .7rem; }
.cp-subscription .sp-free-price { font:650 3.8rem/1.2 Unbounded,sans-serif; letter-spacing:-.08em; }
.cp-subscription .sp-free-price span { font-size:1.3rem; }
.cp-subscription .sp-free-plan>p { font-size:.8rem; line-height:1.6; color:var(--home-muted); margin:.7rem 0 0; }
.cp-subscription .sp-benefits { list-style:none; padding:0; margin:1.5rem 0; }
.cp-subscription .sp-benefits li { position:relative; padding:.55rem 0 .55rem 1.3rem; font-size:.78rem; line-height:1.5; }
.cp-subscription .sp-benefits li::before { content:"✓"; position:absolute; left:0; color:var(--home-blue); font-weight:700; }
.cp-subscription .sp-button-outline { width:100%; border:1px solid #cdd9ec; color:var(--home-blue); font-size:.8rem; min-height:3rem; padding:.8rem 1rem; }
.cp-subscription .sp-button-outline:hover { background:#ebf4ff; }
.cp-subscription .sp-paid-area { min-width:0; }
.cp-subscription .sp-paid-intro { background:#25213e; color:#f7f8fc; border-radius:.75rem .75rem 0 0; padding:2rem; position:relative; overflow:hidden; }
.cp-subscription .sp-paid-intro .sp-plan-label { color:#c3adef; }

.cp-subscription .sp-paid-intro h3 { position:relative; z-index:1; font:650 clamp(1.4rem,2.7vw,2.1rem)/1.35 Unbounded,sans-serif; letter-spacing:-.06em; margin:1rem 0; max-width:32rem; }
.cp-subscription .sp-paid-intro h3>span { color:#ff9418; }
.cp-subscription .sp-paid-intro>p:not(.sp-plan-label) { color:#d4cbe7; font-size:.82rem; line-height:1.6; max-width:27rem; }
.cp-subscription .sp-package-quota { display:flex; align-items:center; gap:1.2rem; border-top:1px solid #ffffff25; margin-top:1.6rem; padding-top:1rem; }
.cp-subscription .sp-package-quota>strong { font:650 2.7rem/1.2 Unbounded,sans-serif; letter-spacing:-.06em; color:#ff9418; }
.cp-subscription .sp-package-quota>span { font-size:.85rem; }
.cp-subscription .sp-package-quota small { display:block; font-size:.63rem; margin-top:.4rem; color:#d4cbe7; }
.cp-subscription .sp-offers-empty { display:flex; align-items:flex-start; gap:1.3rem; padding:1.8rem 2rem; border:1px solid var(--home-line); border-top:0; border-radius:0 0 .75rem .75rem; background:var(--portal-color-canvas); }
.cp-subscription .sp-empty-mark { display:grid; place-items:center; width:3rem; flex:0 0 3rem; height:3rem; border-radius:50%; background:#f1ecff; color:var(--home-purple); font-size:1.5rem; }
.cp-subscription .sp-offers-empty h4 { font-size:1rem; margin:0; }
.cp-subscription .sp-offers-empty p { color:var(--home-muted); font-size:.8rem; line-height:1.6; margin:.6rem 0 .5rem; }
.cp-subscription .sp-offers-empty .cp-text-link { font-size:.8rem; }
.cp-subscription .sp-payment-note { font-size:.7rem; line-height:1.7; color:var(--home-muted); margin:1rem .2rem 0; }
.cp-subscription .sp-offers { display:grid; grid-template-columns:repeat(auto-fit,minmax(13rem,1fr)); border:1px solid var(--home-line); border-radius:0 0 .75rem .75rem; overflow:hidden; background:var(--portal-color-canvas); }
.cp-subscription .sp-offer { padding:1.4rem; border-right:1px solid var(--home-line); min-width:0; }
.cp-subscription .sp-offer:last-child { border-right:0; }
.cp-subscription .sp-offer h4 { font:600 .9rem/1.6 Unbounded,sans-serif; overflow-wrap:anywhere; margin:0 0 .8rem; }
.cp-subscription .sp-offer>p { font-size:.8rem; color:var(--home-muted); }
.cp-subscription .sp-offer>p strong { color:var(--home-purple); }
.cp-subscription .sp-offer-credits { display:flex; align-items:center; gap:.4rem; }
.cp-subscription .sp-offer-credits .credit-unit-icon { display:block; width:24px; height:24px; flex:0 0 24px; object-fit:contain; }
.cp-subscription .sp-offer-price { font:650 clamp(1.3rem,2.2vw,2rem)/1.4 Unbounded,sans-serif; letter-spacing:-.06em; overflow-wrap:anywhere; margin-top:1.5rem; }
.cp-subscription .sp-offer-price span { font-size:.6em; }
.cp-subscription .sp-offer-term { font-size:.63rem; color:var(--home-muted); display:block; }
.cp-subscription .sp-offer .cp-button { display:flex; margin-top:1.3rem; font-size:.75rem; padding:.8rem; min-height:2.8rem; }

.cp-subscription .sp-included-heading { max-width:55rem; margin-bottom:3rem; }
.cp-subscription .sp-included-heading>p:last-child { max-width:38rem; color:var(--home-muted); margin-top:1.5rem; font-size:.95rem; line-height:1.6; }
.cp-subscription .sp-feature-row { display:grid; grid-template-columns:2.5rem 1.1fr 1fr; gap:1.5rem; align-items:center; padding:2.5rem 0; border-top:1px solid var(--home-line); }
.cp-subscription .sp-feature-number { align-self:start; font-size:.7rem; color:var(--home-purple); margin-top:.2rem; }
.cp-subscription .sp-feature-row h3 { font:600 clamp(1rem,1.8vw,1.4rem)/1.4 Unbounded,sans-serif; letter-spacing:-.04em; margin:0 0 1rem; }
.cp-subscription .sp-feature-row p { font-size:.87rem; line-height:1.7; max-width:29rem; color:var(--home-muted); margin:0; }
.cp-subscription .sp-feature-visual { min-width:0; margin-left:2rem; }
.cp-subscription .sp-visual-directions { display:flex; gap:.65rem; align-items:stretch; }
.cp-subscription .sp-visual-directions>span { min-height:7rem; flex:1; padding:1rem .6rem; background:#e4dcfa; color:#5122c5; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:.4rem; }
.cp-subscription .sp-visual-directions b { display:block; text-align:center; width:100%; font:650 1.8rem Unbounded,sans-serif; letter-spacing:-.065em; }
.cp-subscription .sp-visual-directions>span:first-child { background:#182b43; color:#ffad42; }
.cp-subscription .sp-visual-directions>span:last-child { background:#ebf4ff; color:#182b43; }
.cp-subscription .sp-visual-directions i { width:1rem; height:1.6rem; background:#182b43; }
.cp-subscription .sp-visual-directions i:nth-child(2) { background:#0876e6; }
.cp-subscription .sp-visual-directions i:nth-child(3) { background:#ffad42; }
.cp-subscription .sp-visual-directions small { width:100%; text-align:center; font-size:.5rem; }
.cp-subscription .sp-visual-projects { display:grid; gap:.8rem; }
.cp-subscription .sp-visual-projects>span { padding:1rem 1.2rem; background:#e3ebf6; color:#182b43; border-radius:.4rem; }
.cp-subscription .sp-visual-projects>span:last-child { background:#f1ecff; color:#5122c5; margin-left:2rem; }
.cp-subscription .sp-visual-projects b { font:600 .8rem/1.5 Unbounded,sans-serif; }
.cp-subscription .sp-visual-projects small { display:block; font-size:.6rem; margin-top:.4rem; }
.cp-subscription .sp-visual-frames { display:grid; grid-template-columns:repeat(3,1fr); gap:.6rem; }
.cp-subscription .sp-visual-frames>span { aspect-ratio:1; padding:.65rem; font-size:.55rem; background:#182b43; color:#eef3fb; border-radius:.4rem; display:flex; flex-direction:column; justify-content:space-between; }
.cp-subscription .sp-visual-frames>span:nth-child(2) { background:#0876e6; }
.cp-subscription .sp-visual-frames>span:nth-child(3) { background:#ffad42; color:#182b43; }
.cp-subscription .sp-visual-frames b { font:600 .7rem/1.5 Unbounded,sans-serif; letter-spacing:-.04em; }
.cp-subscription .sp-visual-frames>span:first-child b { font-size:1.6rem; }
.cp-subscription .sp-how-link { margin-top:1rem; }

.cp-subscription .sp-compare { background:var(--portal-color-surface-secondary); border-block:1px solid var(--home-line); }
.cp-subscription .sp-comparison { width:100%; border-collapse:collapse; table-layout:fixed; font-size:.82rem; text-align:left; }
.cp-subscription .sp-comparison th,.cp-subscription .sp-comparison td { padding:1.25rem 1.3rem; border-bottom:1px solid #d9dfe9; vertical-align:middle; line-height:1.55; }
.cp-subscription .sp-comparison thead th { font-size:.7rem; color:var(--home-muted); font-weight:500; }
.cp-subscription .sp-comparison thead th:last-child { color:var(--home-purple); font-weight:700; }
.cp-subscription .sp-comparison tbody th { font-weight:600; }
.cp-subscription .sp-comparison tbody th small { display:block; margin-top:.2rem; color:var(--home-muted); font-size:.63rem; font-weight:400; }
.cp-subscription .sp-comparison tr> :last-child { background:#e9e2f8; }
.cp-subscription .sp-comparison strong { font:650 1.6rem Unbounded,sans-serif; color:var(--home-purple); }
.cp-subscription .sp-faq { display:grid; grid-template-columns:1fr 1.15fr; gap:3rem; align-items:start; }
.cp-subscription .cp-faq-list { min-width:0; }
.cp-subscription .sp-final { padding:2.7rem 3rem; margin-bottom:4rem; background:#eae3fa; border-radius:.9rem; display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.cp-subscription .sp-final h2 { font-size:clamp(1.4rem,2.5vw,2.2rem); }
.cp-subscription .sp-final .cp-kicker { margin-bottom:1rem; }
.cp-subscription .sp-final .cp-button { white-space:nowrap; }
.cp-subscription .site-nav a[href="#plans"] { color:var(--home-purple); }
@media(max-width:1100px) {
    .cp-subscription .sp-hero { gap:2rem; grid-template-columns:1.1fr 1fr; }
    .cp-subscription .sp-hero h1 { font-size:clamp(2.15rem,4vw,3.4rem); }
    .cp-subscription .sp-feature-visual { margin-left:0; }
}
@media(max-width:832px) {
    .cp-subscription .sp-hero { grid-template-columns:1fr; gap:2.5rem; padding-top:5.5rem; }
    .cp-subscription .sp-hero h1 { font-size:clamp(2.1rem,5.4vw,3.5rem); }
    .cp-subscription .sp-hero h1 br:nth-of-type(2) { display:none; }
    .cp-subscription .sp-style-art { max-width:32rem; width:100%; justify-self:center; transform:none; }
    .cp-subscription .sp-art-type>strong { font-size:6rem; }
    .cp-subscription .sp-plan-layout { grid-template-columns:1fr 1.5fr; gap:1rem; }
    .cp-subscription .sp-free-plan { padding:1.2rem; }
    .cp-subscription .sp-paid-intro,.cp-subscription .sp-offers-empty { padding:1.4rem; }
    .cp-subscription .sp-faq { grid-template-columns:1fr; gap:2rem; }
    .cp-subscription .sp-final { padding:2rem; }
    .cp-subscription .sp-comparison th,.cp-subscription .sp-comparison td { padding:1rem .65rem; }
}
@media(max-width:600px) {
    .cp-subscription .sp-hero h1 { font-size:clamp(1.9rem,7.3vw,2.65rem); }
    .cp-subscription .sp-hero h1 br:nth-of-type(2) { display:block; }
    .cp-subscription .sp-lead { font-size:.9rem; }
    .cp-subscription .sp-hero-actions { gap:.4rem; }
    .cp-subscription .sp-hero-actions .cp-button { width:100%; }
    .cp-subscription .sp-hero-note { font-size:.7rem; }
    .cp-subscription .sp-style-art { padding:1.15rem; }
    .cp-subscription .sp-art-type { margin-top:1.5rem; }
    .cp-subscription .sp-art-type>strong { font-size:5rem; }
    .cp-subscription .sp-art-banner strong,.cp-subscription .sp-art-title strong { font-size:.9rem; }
    .cp-subscription .sp-plan-layout { grid-template-columns:1fr; }
    .cp-subscription .sp-free-plan { padding:1.5rem; }
    .cp-subscription .sp-paid-intro,.cp-subscription .sp-offers-empty { padding:1.5rem; }
    .cp-subscription .sp-offers-empty { gap:.8rem; }
    .cp-subscription .sp-empty-mark { width:2.2rem; height:2.2rem; flex-basis:2.2rem; }
    .cp-subscription .sp-offers { grid-template-columns:1fr; }
    .cp-subscription .sp-offer { border-right:0; border-bottom:1px solid var(--home-line); }
    .cp-subscription .sp-offer:last-child { border-bottom:0; }
    .cp-subscription .sp-feature-row { grid-template-columns:1.5rem 1fr; gap:.9rem; padding:2rem 0; }
    .cp-subscription .sp-feature-visual { grid-column:2; width:100%; margin-top:.6rem; }
    .cp-subscription .sp-feature-row p { font-size:.8rem; }
    .cp-subscription .sp-table-wrap { overflow-x:auto; }
    .cp-subscription .sp-comparison { font-size:.7rem; }
    .cp-subscription .sp-comparison th,.cp-subscription .sp-comparison td { padding:.9rem .45rem; overflow-wrap:break-word; }
    .cp-subscription .sp-comparison thead th { font-size:.63rem; }
    .cp-subscription .sp-comparison tbody th small { font-size:.55rem; }
    .cp-subscription .sp-comparison strong { font-size:1.3rem; }
    .cp-subscription .sp-final { display:block; padding:1.5rem; }
    .cp-subscription .sp-final .cp-button { margin-top:1.5rem; width:100%; }
}

/* Первый экран с настоящей Волновой сеткой редактора. */
.cp-subscription .sp-hero { display:block; padding-top:4.25rem; padding-bottom:0; }
.cp-subscription .sp-wave-stage { background:#14213b url('/static/landing/images/prices-wave.webp') center/cover; }
.cp-subscription .sp-wave-stage::after { inset:0; background:#101b3280; }
.cp-subscription .sp-wave-copy { min-height:inherit; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:6rem 2rem 5rem; text-align:center; }
.cp-subscription .sp-wave-copy .cp-stage-kicker { color:#dce4f3; margin:0 0 1.8rem; font-size:.85rem; }
.cp-subscription .sp-wave-copy h1 { font:650 clamp(1.9rem,4.4vw,3.75rem)/1.24 Unbounded,sans-serif; letter-spacing:-.065em; color:#f7f8fc; margin:0; }
.cp-subscription .sp-wave-copy h1 br:nth-of-type(2) { display:block; }
.cp-subscription .sp-wave-copy h1>.cp-title-dot { display:inline; color:#ff9418; }
.cp-subscription .sp-wave-description { margin:2rem 0 1.6rem; color:#dce4f3; font-size:1rem; line-height:1.6; }
.cp-subscription .sp-wave-copy .cp-actions { justify-content:center; }
.cp-subscription .sp-wave-stage .cp-pause[hidden] { display:none; }
.cp-subscription .sp-wave-stage .cp-pause { color:#f7f8fc; }
@media(max-width:600px) {
    .cp-subscription .sp-wave-copy { padding:5rem 1rem 4.5rem; }
    .cp-subscription .sp-wave-copy h1 { font-size:clamp(1.12rem,5.15vw,1.85rem); line-height:1.4; letter-spacing:-.055em; }
    .cp-subscription .sp-wave-copy .cp-stage-kicker { font-size:.75rem; margin-bottom:1.3rem; }
    .cp-subscription .sp-wave-description { font-size:.85rem; margin:1.5rem 0; }
    .cp-subscription .sp-wave-copy .cp-actions { width:100%; }
    .cp-subscription .sp-wave-copy .cp-button { width:100%; font-size:.8rem; }
    .cp-subscription .sp-wave-stage .cp-stage-top { inset-inline:1rem; font-size:.55rem; gap:1rem; }
    .cp-subscription .sp-wave-stage .cp-stage-top>span:last-child { display:none; }
}
.cp-subscription .sp-wave-stage[data-prices-ready='true'] .cp-pause:not([hidden]) { display:grid; }

/* Общий тарифный блок: гостевой доступ, аккаунт и разовый пакет. */
.cp-subscription .sp-guest-plan { margin-bottom:1.5rem; padding:2rem; border:1px solid var(--home-line); border-radius:.75rem; background:var(--portal-color-canvas); }
.cp-subscription .sp-guest-main { display:grid; grid-template-columns:1fr 1.4fr; gap:3rem; align-items:center; }
.cp-subscription .sp-guest-intro h3 { font:650 clamp(1.2rem,2.2vw,1.75rem)/1.4 Unbounded,sans-serif; letter-spacing:-.055em; margin:1rem 0; }
.cp-subscription .sp-guest-intro>p { color:var(--home-muted); font-size:.85rem; line-height:1.65; max-width:24rem; }
.cp-subscription .sp-guest-tools-label { margin:0 0 .7rem; font-size:.7rem; color:var(--home-muted); }
.cp-subscription .sp-guest-tools ul { display:grid; grid-template-columns:1fr 1fr; gap:0 1.5rem; list-style:none; margin:0; padding:0; }
.cp-subscription .sp-guest-tools li { min-width:0; border-top:1px solid var(--home-line); }
.cp-subscription .sp-guest-tools a { display:flex; align-items:center; gap:.6rem; min-height:4.3rem; padding:.8rem 0; font-weight:600; font-size:.8rem; line-height:1.4; }
.cp-subscription .sp-guest-tools a:hover { color:var(--home-blue); }
.cp-subscription .sp-tool-number { font-size:.6rem; color:var(--home-muted); font-weight:400; }
.cp-subscription .sp-tool-arrow { color:var(--home-blue); margin-left:auto; }
.cp-subscription .sp-guest-details { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; border-top:1px solid var(--home-line); margin:2rem 0 0; padding-top:1.5rem; }
.cp-subscription .sp-guest-details dt { font-size:.8rem; font-weight:650; margin-bottom:.45rem; }
.cp-subscription .sp-guest-details dd { margin:0; font-size:.75rem; line-height:1.65; color:var(--home-muted); }
.cp-subscription .sp-guest-details a { color:var(--home-blue); text-decoration:underline; text-underline-offset:.16em; }
.cp-subscription .sp-free-plan .sp-allowance-note { margin:-.2rem 0 1.4rem; font-size:.68rem; line-height:1.65; }
.cp-subscription .sp-paid-benefits { background:var(--portal-color-canvas); padding:1.8rem 2rem; border-inline:1px solid var(--home-line); }
.cp-subscription .sp-paid-benefits h4 { font-size:1rem; margin:0 0 1.4rem; }
.cp-subscription .sp-paid-benefits .sp-allowance-note { margin:1.2rem 0 0; font-size:.68rem; line-height:1.65; color:var(--home-muted); }
.cp-subscription .sp-ai-benefits { display:grid; grid-template-columns:1fr 1fr; gap:1.3rem 1.7rem; list-style:none; margin:0; padding:0; }
.cp-subscription .sp-ai-benefits li { position:relative; padding-left:1.2rem; }
.cp-subscription .sp-ai-benefits li::before { content:"✓"; position:absolute; left:0; top:.1rem; font-weight:700; color:var(--home-purple); }
.cp-subscription .sp-ai-benefits strong { display:block; font-size:.78rem; line-height:1.5; font-weight:650; }
.cp-subscription .sp-ai-benefits span { display:block; font-size:.72rem; color:var(--home-muted); line-height:1.55; margin-top:.25rem; }
.cp-subscription .sp-ai-price-note { border-top:1px solid var(--home-line); padding-top:1rem; margin:1.3rem 0 0; color:var(--home-muted); font-size:.7rem; line-height:1.65; }
.cp-subscription .sp-custom-note { font-size:.75rem; color:var(--home-purple); margin:1.2rem 0 0; }
.cp-subscription .sp-comparison { table-layout:fixed; }
.cp-subscription .sp-comparison th,.cp-subscription .sp-comparison td { overflow-wrap:break-word; }
@media(max-width:832px) {
    .cp-subscription .sp-guest-plan { padding:1.4rem; }
    .cp-subscription .sp-guest-main { grid-template-columns:1fr 1.3fr; gap:1.8rem; }
    .cp-subscription .sp-guest-tools ul { grid-template-columns:1fr; }
    .cp-subscription .sp-guest-tools a { min-height:2.6rem; padding:.6rem 0; }
    .cp-subscription .sp-guest-details { gap:1rem; }
    .cp-subscription .sp-paid-benefits { padding:1.4rem; }
    .cp-subscription .sp-ai-benefits { grid-template-columns:1fr; gap:1.1rem; }
}
@media(max-width:600px) {
    .cp-subscription .sp-guest-plan { padding:1.5rem; }
    .cp-subscription .sp-guest-main,.cp-subscription .sp-guest-details { grid-template-columns:1fr; gap:1.5rem; }
    .cp-subscription .sp-guest-tools-label { font-size:.75rem; }
    .cp-subscription .sp-guest-tools a { min-height:3rem; font-size:.85rem; }
    .cp-subscription .sp-guest-details dt { font-size:.85rem; }
    .cp-subscription .sp-guest-details dd { font-size:.8rem; }
    .cp-subscription .sp-paid-benefits { padding:1.5rem; }
    .cp-subscription .sp-ai-benefits strong { font-size:.85rem; }
    .cp-subscription .sp-ai-benefits span { font-size:.8rem; }
    .cp-subscription .sp-comparison { min-width:38rem; }
}
.cp-subscription .sp-paid-intro>p,.cp-subscription .sp-package-quota { position:relative; z-index:1; }
.cp-subscription .sp-guest-intro .sp-free-price { margin-top:1rem; }

/* Описание доступа и покупка пакета разделены; обе карточки имеют общую нижнюю границу. */
.cp-subscription .sp-plan-layout { align-items:stretch; }
.cp-subscription .sp-paid-area { display:flex; flex-direction:column; }
.cp-subscription .sp-paid-benefits { flex:1; border-bottom:1px solid var(--home-line); border-radius:0 0 .75rem .75rem; }
.cp-subscription .sp-package-list { margin-top:2.5rem; }
.cp-subscription .sp-package-heading { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:.75rem 2rem; margin-bottom:1.2rem; }
.cp-subscription .sp-package-heading h3 { margin:0; font:600 clamp(1.1rem,2.3vw,1.55rem)/1.4 Unbounded,sans-serif; letter-spacing:-.045em; }
.cp-subscription .sp-package-heading p { margin:0; font-size:.8rem; color:var(--home-muted); }
.cp-subscription .sp-offers,.cp-subscription .sp-offers-empty { border:1px solid var(--home-line); border-radius:.75rem; }

/* Шапка, разделы и выделенный столбец повторяют композицию графика «Тарифная таблица». */
.cp-subscription .sp-table-wrap { overflow:auto; container-type:inline-size; border:1px solid #171a2b38; border-radius:1rem; background:#171a2b05; }
.cp-subscription .sp-table-wrap:focus-visible { outline:3px solid var(--home-blue); outline-offset:5px; }
.cp-subscription .sp-comparison-label-column { width:43%; }
.cp-subscription .sp-comparison { min-width:38rem; }
.cp-subscription .sp-comparison th,.cp-subscription .sp-comparison td { padding:1.15rem 1.3rem; border-bottom:1px solid #171a2b18; border-right:1px solid #171a2b18; text-align:center; }
.cp-subscription .sp-comparison tr>:first-child { text-align:left; }
.cp-subscription .sp-comparison tr>:last-child { border-right:0; background:#5122c517; }
.cp-subscription .sp-comparison tbody tr:last-child>* { border-bottom:0; }
.cp-subscription .sp-comparison thead th { padding-block:1.8rem; font-size:.75rem; font-weight:600; color:var(--home-ink); }
.cp-subscription .sp-comparison-heading { margin:0; font:600 clamp(.85rem,2.1cqi,1.65rem)/1.4 Unbounded,sans-serif; letter-spacing:-.055em; }
.cp-subscription .sp-comparison-heading>span { display:block; white-space:nowrap; color:var(--home-ink); }
.cp-subscription .sp-comparison-heading>span:last-child { color:var(--home-purple); }
.cp-subscription .sp-comparison-lead { margin:1rem 0 0; font-size:.72rem; font-weight:400; color:var(--home-muted); }
.cp-subscription .sp-comparison-plan { display:flex; flex-direction:column; align-items:center; gap:.8rem; }
.cp-subscription .sp-comparison .sp-comparison-price { color:var(--home-ink); font:600 clamp(.95rem,1.9vw,1.55rem)/1.4 Unbounded,sans-serif; letter-spacing:-.055em; white-space:nowrap; }
.cp-subscription .sp-comparison thead th:last-child .sp-comparison-price { color:var(--home-purple); }
.cp-subscription .sp-comparison-plan>small { font-size:.6rem; font-weight:400; }
.cp-subscription .sp-comparison .sp-comparison-section>th { background:#171a2b0b; padding:.55rem 1.3rem; color:var(--home-muted); font-size:.64rem; font-weight:600; letter-spacing:.04em; }
.cp-subscription .sp-cell-copy { display:block; }
.cp-subscription .sp-comparison .sp-comparison-plan { display:flex; }
.cp-subscription .sp-comparison .sp-comparison-no { font-size:1.3rem; color:#171a2b70; }
.cp-subscription .sp-comparison-tools { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; margin-top:1rem; }
.cp-subscription .sp-comparison-tools>p { margin:0; font-size:.7rem; line-height:1.6; color:var(--home-muted); }
.cp-subscription .sp-comparison-scroll { display:none; }
.cp-subscription [data-comparison-ready] .sp-cell-copy { animation:sp-pricing-row .85s var(--home-ease) 1 both; animation-delay:calc(var(--compare-order,0) * .12s); animation-play-state:paused; }
.cp-subscription [data-comparison-running="true"] .sp-cell-copy { animation-play-state:running; }
.cp-subscription [data-comparison-paused="true"] .sp-cell-copy { animation:none; }
@keyframes sp-pricing-row {
    0% { opacity:0; transform:translateY(.65rem); }
    100% { opacity:1; transform:translateY(0); }
}
@media(max-width:600px) {
    .cp-subscription .sp-package-list { margin-top:2rem; }
    .cp-subscription .sp-comparison-label-column { width:40%; }
    .cp-subscription .sp-comparison-heading { font-size:.85rem; }
    .cp-subscription .sp-comparison th,.cp-subscription .sp-comparison td { padding:.9rem .6rem; }
    .cp-subscription .sp-comparison thead th { padding-block:1.4rem; }
    .cp-subscription .sp-comparison-lead { font-size:.65rem; }
    .cp-subscription .sp-comparison .sp-comparison-section>th { padding:.45rem .6rem; }
    .cp-subscription .sp-comparison-tools { align-items:flex-start; flex-direction:column; gap:.75rem; }
    .cp-subscription .sp-comparison-scroll { display:block; margin:0 0 .7rem; font-size:.7rem; color:var(--home-muted); }
}
@media(prefers-reduced-motion:reduce) {
    .cp-subscription [data-comparison-ready] .sp-cell-copy { animation:none; }
}

/* Конфетти на фоне текста; статичная светящаяся волна разделяет описание и факты. */
.cp-subscription .sp-paid-intro { isolation:isolate; }
.cp-subscription .sp-paid-intro .sp-plan-label { padding-right:2.75rem; }
.cp-subscription .sp-paid-confetti { position:absolute; inset:0; width:100%; height:100%; opacity:.38; pointer-events:none; z-index:-1; }
.cp-subscription .sp-package-facts { position:relative; z-index:1; display:grid; gap:1.1rem; }
.cp-subscription .sp-package-facts .sp-package-quota { border-top:0; margin:0; padding:0; }
.cp-subscription .sp-package-facts .sp-package-quota>strong { flex:0 0 3.4rem; }
.cp-subscription .sp-package-payment svg { display:block; width:3.1rem; height:3.1rem; }
.cp-subscription .sp-package-payment>span { line-height:1.55;}
.cp-subscription .sp-paid-pause { position:absolute; top:1.2rem; right:1.2rem; z-index:2; display:grid; place-items:center; width:44px; height:44px; padding:10px; color:#f7f8fc; border:0; border-radius:.4rem; background:#25213e70; cursor:pointer; }
.cp-subscription .sp-paid-pause svg { width:24px; height:24px; }
.cp-subscription .sp-paid-pause:hover:not(:disabled) { background:#2586eb; }
.cp-subscription .sp-paid-pause:focus-visible { outline:2px solid #ff9418; outline-offset:2px; }
.cp-subscription .sp-paid-pause:disabled { opacity:.5; cursor:default; }
.cp-subscription .sp-paid-pause[hidden],.cp-subscription .sp-paid-confetti[hidden] { display:none; }

.cp-subscription .sp-package-divider { display:block; width:85%; height:2rem; margin:1.2rem 0 1.3rem; overflow:visible; filter:drop-shadow(0 0 3px #7250e5b3); }
.cp-subscription .sp-offers { background:#25213e; color:#f7f8fc; border-color:#ffffff25; }
.cp-subscription .sp-offer { background:#25213e; border-color:#ffffff25; }
.cp-subscription .sp-offer>p,.cp-subscription .sp-offer-term { color:#d4cbe7; }
.cp-subscription .sp-offer>p strong { color:#b599f1; }
.cp-subscription .sp-offer-price { color:#ff9418; }
@media(min-width:1000px) {
    .cp-subscription .sp-package-facts { grid-template-columns:1fr 1fr; gap:1.5rem; }
    .cp-subscription .sp-package-facts .sp-package-quota { align-items:flex-start; gap:.85rem; }
    .cp-subscription .sp-package-facts .sp-package-quota>span { font-size:.76rem; line-height:1.5; margin-top: 7px}
}

.cp-subscription .sp-guest-details dt { display:flex; align-items:flex-start; gap:.45rem; }
.cp-subscription .sp-status-icon { width:1.15rem; height:1.15rem; flex-shrink:0; }
.cp-subscription .sp-status-icon--check { color:var(--home-blue); }
.cp-subscription .sp-status-icon--alert { color:#ff9200; }
.cp-subscription .sp-benefits .sp-benefit--alert { padding-left:1.55rem; }
.cp-subscription .sp-benefits .sp-benefit--alert::before { content:none; }
.cp-subscription .sp-benefit--alert .sp-status-icon { position:absolute; left:0; top:.55rem; }
.cp-subscription .sp-package-examples { margin-top:1rem; font-size:.8rem; line-height:1.4; color:#d4cbe7; }
.cp-subscription .sp-package-examples ul { list-style:none; margin:0; padding:0; }
.cp-subscription .sp-package-examples li { margin:.25rem 0; overflow-wrap:anywhere; }
.cp-subscription .sp-package-examples strong { color:#b599f1; }

.cp-subscription .sp-package-examples>p { margin:0 0 .4rem; }
.cp-subscription .sp-offer .sp-package-free-tools { margin:.85rem 0 0; font-size:.75rem; line-height:1.4; }