/**
 * ScoreLens — Pricing page styles
 * Namespace: .sl-pg-pr-*
 * Loaded only on: page-templates/pricing.php
 *
 * @package ScoreLens
 */

/* Page wrapper — no background so animated orbs show through */
.sl-pg-pr-page { position: relative; }

/* Hero */
.sl-pg-pr-hero{max-width:860px;margin:0 auto;text-align:center;padding:56px var(--sl-container-px) 64px}
.sl-pg-pr-eyebrow{font-family:var(--sl-font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--sl-muted);font-weight:600;margin-bottom:16px}
.sl-pg-pr-h1{font-size:clamp(36px,5.5vw,64px);font-weight:700;line-height:1.04;letter-spacing:-.04em;margin-bottom:20px}
.sl-pg-pr-lede{font-size:17px;color:var(--sl-ink-soft);line-height:1.65;max-width:600px;margin:0 auto 10px}
.sl-pg-pr-lede strong{color:var(--sl-ink);font-weight:700}
.sl-pg-pr-sub{font-size:15px;color:var(--sl-muted);margin:0 auto;max-width:520px;line-height:1.6}

/* Offer banner */
.sl-pg-pr-offer{max-width:680px;margin:0 auto 48px;padding:14px 24px;background:color-mix(in srgb,var(--sl-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--sl-accent) 25%,transparent);border-radius:var(--sl-radius-pill);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;gap:10px;font-size:14px;font-weight:600;color:var(--sl-ink)}
.sl-pg-pr-offer strong{color:var(--sl-accent)}
.sl-pg-pr-dot{width:8px;height:8px;border-radius:50%;background:var(--sl-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--sl-accent) 22%,transparent);animation:sl-pg-pulse 2s infinite;flex-shrink:0}
@keyframes sl-pg-pulse{0%,100%{opacity:1}50%{opacity:.5}}

/* Plan cards */
.sl-pg-pr-cards{max-width:900px;margin:0 auto;padding:0 var(--sl-container-px) 80px;display:grid;grid-template-columns:1fr 1.05fr;gap:20px;-webkit-align-items:start;align-items:start}
.sl-pg-pr-card{background:var(--sl-card);border:1.5px solid var(--sl-rule);border-radius:var(--sl-radius-xl);padding:36px;position:relative;transition:-webkit-transform .3s var(--sl-ease-spring),transform .3s var(--sl-ease-spring),box-shadow .3s}
.sl-pg-pr-card:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:var(--sl-shadow)}
.sl-pg-pr-card-label{font-family:var(--sl-font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sl-muted);margin-bottom:10px}
.sl-pg-pr-card h2{font-size:26px;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}
.sl-pg-pr-tagline{font-size:14px;color:var(--sl-ink-soft);line-height:1.5;margin-bottom:28px;min-height:42px}
.sl-pg-pr-price{display:-webkit-flex;display:flex;-webkit-align-items:baseline;align-items:baseline;gap:4px;margin-bottom:6px}
.sl-pg-pr-price-main{font-size:52px;font-weight:700;line-height:1;letter-spacing:-.04em}
.sl-pg-pr-price-period{font-size:15px;color:var(--sl-muted);font-weight:500;margin-left:2px;-webkit-align-self:flex-end;align-self:flex-end;padding-bottom:6px}
.sl-pg-pr-price-sub{font-size:13px;color:var(--sl-muted);margin-bottom:28px;font-family:var(--sl-font-mono)}
.sl-pg-pr-divider{height:1px;background:var(--sl-rule);margin:24px 0}
.sl-pg-pr-features-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-family:var(--sl-font-mono);color:var(--sl-muted);margin-bottom:16px}
.sl-pg-pr-features-list{list-style:none;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;gap:12px;margin-bottom:32px}
.sl-pg-pr-features-list li{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;gap:10px;font-size:14px;color:var(--sl-ink-soft);line-height:1.4}
.sl-pg-pr-tick{color:var(--sl-accent-2);font-size:16px;font-weight:700;flex-shrink:0}

/* Pro card */
.sl-pg-pr-card-pro{background:var(--sl-brand);border-color:var(--sl-brand);color:#f6f5f1}
[data-theme="dark"] .sl-pg-pr-card-pro{background:#0a1526;border-color:#2a4870}
.sl-pg-pr-card-pro .sl-pg-pr-card-label{color:rgba(255,255,255,.55)}
.sl-pg-pr-card-pro h2,.sl-pg-pr-card-pro .sl-pg-pr-price-main{color:#f6f5f1}
.sl-pg-pr-card-pro .sl-pg-pr-tagline,.sl-pg-pr-card-pro .sl-pg-pr-price-period,.sl-pg-pr-card-pro .sl-pg-pr-price-sub{color:rgba(255,255,255,.5)}
.sl-pg-pr-card-pro .sl-pg-pr-divider{background:rgba(255,255,255,.12)}
.sl-pg-pr-card-pro .sl-pg-pr-features-label{color:rgba(255,255,255,.45)}
.sl-pg-pr-card-pro .sl-pg-pr-features-list li{color:#c4cddb}
.sl-pg-pr-popular{display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--sl-radius-pill);background:var(--sl-accent);color:#1c3553;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-family:var(--sl-font-mono);margin-bottom:10px}
.sl-pg-pr-savings{display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--sl-radius-pill);background:color-mix(in srgb,var(--sl-accent-2) 15%,transparent);color:var(--sl-accent-2);font-size:11px;font-weight:700;margin-bottom:24px;border:1px solid color-mix(in srgb,var(--sl-accent-2) 25%,transparent)}

/* Billing tabs */
.sl-pg-pr-billing-tabs{display:-webkit-flex;display:flex;gap:4px;padding:4px;background:rgba(255,255,255,.08);border-radius:var(--sl-radius-md);margin-bottom:24px}
[data-theme="light"] .sl-pg-pr-billing-tabs{background:rgba(28,53,83,.06)}
.sl-pg-pr-tab{-webkit-flex:1;flex:1;padding:9px 10px;border-radius:10px;border:none;background:transparent;font-family:var(--sl-font-sans);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;color:rgba(255,255,255,.55);line-height:1.3;text-align:center}
[data-theme="light"] .sl-pg-pr-tab{color:var(--sl-ink-soft)}
.sl-pg-pr-tab.active{background:#fff;color:var(--sl-brand);box-shadow:0 1px 4px rgba(0,0,0,.12)}
[data-theme="dark"] .sl-pg-pr-tab.active{background:rgba(255,255,255,.12);color:#f6f5f1}
.sl-pg-pr-tab-save{display:block;font-size:10px;font-weight:700;color:var(--sl-accent);margin-top:2px}
.sl-pg-pr-tab.active .sl-pg-pr-tab-save{color:var(--sl-accent)}
.sl-pg-pr-price-display{display:none}
.sl-pg-pr-price-display.shown{display:-webkit-flex;display:flex}

/* Plan CTAs */
.sl-pg-pr-btn-free{display:-webkit-flex;display:flex;-webkit-align-items:center;-webkit-justify-content:center;align-items:center;justify-content:center;width:100%;padding:13px 24px;border-radius:var(--sl-radius-pill);border:1.5px solid var(--sl-rule);background:transparent;color:var(--sl-ink);font-family:var(--sl-font-sans);font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;transition:all .2s;min-height:48px}
.sl-pg-pr-btn-free:hover{border-color:var(--sl-brand);color:var(--sl-brand)}
.sl-pg-pr-btn-pro{display:-webkit-flex;display:flex;-webkit-align-items:center;-webkit-justify-content:center;align-items:center;justify-content:center;width:100%;padding:13px 24px;border-radius:var(--sl-radius-pill);border:1.5px solid var(--sl-accent);background:var(--sl-accent);color:#1c3553;font-family:var(--sl-font-sans);font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;transition:all .2s;min-height:48px}
.sl-pg-pr-btn-pro:hover{opacity:.95;-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 12px 32px -10px rgba(244,185,66,.5)}

/* How we help */
.sl-pg-pr-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sl-pg-pr-how-item{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;gap:12px;padding:18px 20px;background:var(--sl-card);border:1px solid var(--sl-rule);border-radius:var(--sl-radius-lg);transition:-webkit-transform .3s var(--sl-ease-spring),transform .3s var(--sl-ease-spring),box-shadow .3s}
.sl-pg-pr-how-item:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);box-shadow:var(--sl-shadow)}
.sl-pg-pr-how-icon{color:var(--sl-accent-2);font-size:18px;font-weight:700;flex-shrink:0;margin-top:1px}
.sl-pg-pr-how-item p{font-size:14px;color:var(--sl-ink-soft);line-height:1.5;font-weight:500}

/* Compare table */
.sl-pg-pr-table-wrap{overflow-x:auto;border-radius:var(--sl-radius-xl);border:1px solid var(--sl-rule)}
.sl-pg-pr-table{width:100%;border-collapse:collapse;font-size:14px;background:var(--sl-card)}
.sl-pg-pr-table thead{background:color-mix(in srgb,var(--sl-brand) 4%,transparent)}
[data-theme="dark"] .sl-pg-pr-table thead{background:rgba(255,255,255,.04)}
.sl-pg-pr-table thead th{padding:16px 20px;text-align:left;font-weight:700;color:var(--sl-ink)}
.sl-pg-pr-table thead th:not(:first-child){text-align:center;font-size:16px;letter-spacing:-.01em}
.sl-pg-pr-table thead .th-pro{color:var(--sl-accent);font-size:17px}
.sl-pg-pr-table tbody tr{border-top:1px solid var(--sl-rule);transition:background .15s}
.sl-pg-pr-table tbody tr:hover{background:color-mix(in srgb,var(--sl-brand) 2%,transparent)}
[data-theme="dark"] .sl-pg-pr-table tbody tr:hover{background:rgba(255,255,255,.02)}
.sl-pg-pr-table td{padding:14px 20px;color:var(--sl-ink-soft);vertical-align:middle}
.sl-pg-pr-table td:first-child{color:var(--sl-ink);font-weight:500}
.sl-pg-pr-table td:not(:first-child){text-align:center}
.sl-pg-pr-check{color:var(--sl-accent-2);font-size:18px;font-weight:700}
.sl-pg-pr-dash{color:var(--sl-muted);font-size:20px}
.sl-pg-pr-table tfoot td{padding:20px;background:color-mix(in srgb,var(--sl-brand) 3%,transparent);border-top:1px solid var(--sl-rule);text-align:center}
[data-theme="dark"] .sl-pg-pr-table tfoot td{background:rgba(255,255,255,.03)}
.sl-pg-pr-tfoot-cta{display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;gap:6px;padding:12px 28px;border-radius:var(--sl-radius-pill);font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;min-height:44px}
.sl-pg-pr-tfoot-cta.free-cta{border:1.5px solid var(--sl-rule);color:var(--sl-ink-soft);background:transparent}
.sl-pg-pr-tfoot-cta.free-cta:hover{border-color:var(--sl-brand);color:var(--sl-brand)}
.sl-pg-pr-tfoot-cta.pro-cta{background:var(--sl-brand);color:var(--sl-bg-2);border:1.5px solid var(--sl-brand)}
.sl-pg-pr-tfoot-cta.pro-cta:hover{opacity:.9;-webkit-transform:translateY(-1px);transform:translateY(-1px)}
[data-theme="dark"] .sl-pg-pr-tfoot-cta.pro-cta{background:var(--sl-accent);color:#1c3553}

/* Bottom CTA buttons */
.sl-pg-pr-cta-btns{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;gap:14px;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.sl-pg-pr-cta-btn{display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;gap:6px;font-size:15px;font-weight:700;padding:14px 30px;border-radius:var(--sl-radius-pill);transition:all .2s;min-height:52px;text-decoration:none}
.sl-pg-pr-cta-start{background:var(--sl-brand);color:var(--sl-bg-2);border:1.5px solid var(--sl-brand)}
.sl-pg-pr-cta-start:hover{opacity:.9;-webkit-transform:translateY(-1px);transform:translateY(-1px)}
[data-theme="dark"] .sl-pg-pr-cta-start{background:var(--sl-accent);color:#1c3553}
.sl-pg-pr-cta-see{border:1.5px solid var(--sl-rule);color:var(--sl-ink);background:transparent}
.sl-pg-pr-cta-see:hover{border-color:var(--sl-brand);color:var(--sl-brand)}

/* FAQ accordion */
.sl-faq-list{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;gap:8px}
.sl-faq-list .sl-faq-item{display:block;background:var(--sl-card);border:1px solid var(--sl-rule);border-radius:var(--sl-radius-md);overflow:hidden;transition:border-color .2s}
.sl-faq-list .sl-faq-item.open{border-color:color-mix(in srgb,var(--sl-brand) 40%,var(--sl-rule))}
[data-theme="dark"] .sl-faq-list .sl-faq-item.open{border-color:color-mix(in srgb,var(--sl-accent) 35%,var(--sl-rule))}
.sl-faq-trigger{width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:18px 20px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;gap:16px;font-family:var(--sl-font-sans);font-size:15px;font-weight:600;color:var(--sl-ink);line-height:1.4;min-height:44px}
.sl-faq-icon{width:20px;height:20px;flex-shrink:0;color:var(--sl-muted);transition:-webkit-transform .3s var(--sl-ease-spring),transform .3s var(--sl-ease-spring),color .2s}
.sl-faq-list .sl-faq-item.open .sl-faq-icon{-webkit-transform:rotate(45deg);transform:rotate(45deg);color:var(--sl-brand)}
[data-theme="dark"] .sl-faq-list .sl-faq-item.open .sl-faq-icon{color:var(--sl-accent)}
.sl-faq-body{overflow:hidden;max-height:0;transition:max-height .35s var(--sl-ease-spring)}
.sl-faq-body p{font-size:15px;color:var(--sl-ink-soft);line-height:1.65;padding:0 20px 18px;margin:0}

/* Responsive */
@media(max-width:720px){
  .sl-pg-pr-cards,.sl-pg-pr-how-grid{grid-template-columns:1fr}
  .sl-pg-pr-tab{font-size:12px;padding:8px 6px}
}