/* Pricing page — extends landing.css design system */

.so-price-hero {
    padding: calc(var(--nav-h) + 108px) 0 8px;
    text-align: center;
    background:
        radial-gradient(760px 380px at 50% -6%, rgba(0, 113, 227, .08), transparent 68%),
        var(--bg);
}
.so-price-hero h1 {
    font-size: clamp(48px, 6vw, 76px);
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.05em;
}
.so-price-hero > .so-shell > p:last-child {
    max-width: 640px;
    margin: 22px auto 0;
    color: var(--muted);
    font-size: 18px;
    line-height: 1.6;
}

.so-price-section { padding: 64px 0 130px; }
.so-price-grid { margin-top: 0; }
.so-price-grid .so-plan { padding: 34px 30px; }
.so-price-grid .so-plan li.off { color: #b0b0b6; }
.so-price-grid .so-plan li.off .so-icon { color: #c7c7cc; }
.so-price-note {
    margin-top: 36px;
    color: var(--muted-light);
    font-size: 12.5px;
    text-align: center;
}

.so-compare-section { padding: 120px 0; background: var(--mist); }
.so-compare-wrap {
    margin-top: 52px;
    overflow-x: auto;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .04);
}
.so-compare {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
    font-size: 14px;
}
.so-compare th,
.so-compare td {
    padding: 18px 22px;
    border-bottom: 1px solid #f0f0f3;
    text-align: left;
}
.so-compare thead th {
    color: var(--ink);
    font-size: 13px;
    font-weight: 600;
    background: #fafafc;
}
.so-compare thead th:first-child { color: var(--muted); font-weight: 500; }
.so-compare tbody th {
    color: var(--ink-soft);
    font-size: 13px;
    font-weight: 500;
}
.so-compare td { color: var(--muted); }
.so-compare .is-featured { background: rgba(0, 113, 227, .035); }
.so-compare thead .is-featured { color: var(--blue); }
.so-compare tr:last-child th,
.so-compare tr:last-child td { border-bottom: 0; }
.so-compare .so-icon { width: 15px; height: 15px; }
.so-compare .yes { color: var(--blue); stroke-width: 2.2; }
.so-compare td.off { color: #c7c7cc; }

.so-faq-section { padding: 130px 0; background: #fff; }
.so-faq-layout {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: clamp(48px, 7vw, 96px);
    align-items: start;
}
.so-faq-head h2 {
    font-size: clamp(38px, 4.4vw, 56px);
    font-weight: 600;
    line-height: 1.07;
    letter-spacing: -.045em;
}
.so-faq-head > p:not(.so-eyebrow) {
    margin-top: 18px;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.6;
}
.so-faq-head .so-text-link { margin-top: 24px; }

.so-faq-list { border-top: 1px solid var(--line); }
.so-faq-item { border-bottom: 1px solid var(--line); }
.so-faq-item h3 { margin: 0; font-size: inherit; font-weight: inherit; }
.so-faq-item button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    padding: 24px 2px;
    border: 0;
    color: var(--ink);
    background: transparent;
    font-size: 16px;
    line-height: 1.45;
    text-align: left;
    cursor: pointer;
}
.so-faq-item button .so-icon {
    width: 16px;
    height: 16px;
    flex: none;
    color: var(--muted-light);
    transition: transform .25s var(--ease);
}
.so-faq-item button[aria-expanded="true"] .so-icon { transform: rotate(180deg); }
.so-faq-answer { padding: 0 40px 24px 2px; }
.so-faq-answer p { color: var(--muted); font-size: 14.5px; line-height: 1.65; }

.so-cta-band { padding: 0 0 110px; background: #fff; }
.so-cta-band-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: clamp(34px, 5vw, 58px);
    border-radius: 36px;
    background:
        radial-gradient(420px 300px at 92% 0%, rgba(0, 113, 227, .08), transparent 70%),
        var(--mist);
}
.so-cta-band h2 {
    font-size: clamp(30px, 3.6vw, 44px);
    font-weight: 600;
    letter-spacing: -.045em;
}
.so-cta-band p { margin-top: 10px; color: var(--muted); font-size: 15px; }
.so-cta-actions { display: flex; align-items: center; gap: 10px; flex: none; }

@media (max-width: 960px) {
    .so-faq-layout { grid-template-columns: 1fr; gap: 44px; }
    .so-cta-band-inner { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 760px) {
    .so-price-hero { padding-top: calc(var(--nav-h) + 72px); }
    .so-price-hero h1 { font-size: 44px; }
    .so-price-hero > .so-shell > p:last-child { font-size: 16px; }
    .so-price-section { padding: 44px 0 90px; }
    .so-price-grid .so-plan { padding: 28px 24px; }
    .so-compare-section { padding: 84px 0; }
    .so-compare-wrap { margin-top: 36px; border-radius: 18px; }
    .so-compare th,
    .so-compare td { padding: 14px 16px; font-size: 12.5px; }
    .so-faq-section { padding: 90px 0; }
    .so-faq-head h2 { font-size: 38px; }
    .so-faq-item button { padding: 20px 0; font-size: 15px; }
    .so-cta-band { padding-bottom: 80px; }
    .so-cta-band-inner { border-radius: 26px; }
    .so-cta-actions { flex-direction: column; align-items: stretch; width: 100%; }
    .so-cta-actions .so-button { width: 100%; }
}