/* ===================================================================
   Capifiq — pricing page components (page-scoped).
   Loaded by pricing.html AFTER pages.css. Uses the shared design tokens.
   =================================================================== */

.pricing-free{border:1.5px solid var(--cf-amber-500);border-radius:var(--cf-radius-lg);background:var(--cf-light-surface-raised);box-shadow:var(--cf-shadow-card);padding:40px;text-align:center}
.pricing-badge{display:inline-block;background:var(--cf-amber-500);color:var(--cf-amber-900);font-family:var(--cf-font-mono);font-size:10px;font-weight:700;padding:4px 12px;border-radius:var(--cf-radius-full);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}
.pricing-free h2{font-size:clamp(26px,3vw,var(--cf-text-display-md));color:var(--cf-light-text-primary);margin-bottom:6px}
.price-big{font-family:var(--cf-font-mono);font-size:44px;font-weight:700;color:var(--cf-light-text-primary);line-height:1}
.pricing-free .sub{font-size:14px;color:var(--cf-light-text-muted);margin-top:6px}
.pricing-features{list-style:none;padding:0;margin:20px auto 24px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;max-width:640px}
.pricing-features li{display:flex;align-items:center;gap:7px;font-size:14px;color:var(--cf-light-text-secondary)}
.pricing-features li::before{content:"\2713";color:var(--cf-success-600);font-weight:800}

.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
.pricing-card{position:relative;display:flex;flex-direction:column;text-align:center;padding:30px 24px;border:1px solid var(--cf-light-border-default);border-radius:var(--cf-radius-lg);background:var(--cf-light-surface-raised);box-shadow:var(--cf-shadow-card)}
.pricing-card--featured{border:1.5px solid var(--cf-amber-500)}
.pricing-ribbon{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--cf-amber-500);color:var(--cf-amber-900);font-family:var(--cf-font-mono);font-size:10px;font-weight:700;padding:4px 14px;border-radius:var(--cf-radius-full);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.pricing-card h3{font-size:18px;color:var(--cf-light-text-primary);margin-bottom:4px}
.pricing-card .pk-meta{font-size:13px;color:var(--cf-light-text-muted);margin-bottom:18px}
.pricing-card .price{font-family:var(--cf-font-mono);font-size:32px;font-weight:700;color:var(--cf-light-text-primary);line-height:1}
.pricing-card .price-per{font-size:13px;color:var(--cf-light-text-muted);margin:8px 0 6px}
.pricing-card .price-save{font-size:13px;font-weight:650;color:var(--cf-amber-text)}

@media(max-width:768px){.pricing-grid{grid-template-columns:1fr}.pricing-free{padding:28px}}