/* ===== Pricing Page ===== */
#pricing-page .price-toggle .label{ font-weight:600; color:var(--ink-700); }
#pricing-page .price-toggle .save{
  padding:2px 8px; border-radius:999px; background:#ecfccb; color:#166534; font-weight:700; font-size:.75rem;
}

/* toggle switch */
#pricing-page .switch{
  inline-size: 44px; block-size: 26px; border-radius:999px;
  background:#e5e7eb; border:1px solid #d1d5db; position:relative;
  padding:0; outline:0;
}
#pricing-page .switch .knob{
  position:absolute; inset-inline-start:2px; inset-block-start:2px;
  inline-size: 20px; block-size: 20px; border-radius:50%;
  background:#fff; box-shadow: var(--shadow-sm); transition: transform .2s ease;
}
#pricing-page .switch[aria-pressed="true"]{ background:#d1fae5; border-color:#34d399; }
#pricing-page .switch[aria-pressed="true"] .knob{ transform: translateX(18px); }

/* plan cards */
#pricing-page .plan-card{
  border:1px solid var(--ink-200); border-radius: var(--radius);
  background:#fff; box-shadow: var(--shadow-sm);
  padding:20px; position:relative;
  display:flex; flex-direction:column; gap:14px;
}
#pricing-page .plan-card .plan-head .sub{ color:var(--ink-500); margin-bottom:8px; }
#pricing-page .plan-card .price{ display:flex; align-items:baseline; gap:4px; }
#pricing-page .plan-card .price .currency{ font-weight:700; font-size:1.1rem; }
#pricing-page .plan-card .price .value{ font-size:2.25rem; font-weight:800; letter-spacing:-.02em; }
#pricing-page .plan-card .price .period{ color:var(--ink-500); }

#pricing-page .plan-features{ list-style:none; padding:0; margin:0 0 8px; }
#pricing-page .plan-features li{
  position:relative; padding-left:22px; margin-bottom:8px; color:var(--ink-700);
}
#pricing-page .plan-features li::before{
  content:"✓"; position:absolute; left:0; color:#16a34a; font-weight:700;
}

#pricing-page .plan-card.featured{
  border-color:#c7d2fe; box-shadow: 0 12px 40px rgba(79,70,229,.18);
}
#pricing-page .plan-card .badge-tag{
  position:absolute; top:12px; right:12px;
  background:#eef2ff; color:#3730a3; border:1px solid #c7d2fe;
  border-radius:999px; padding:4px 10px; font-weight:700; font-size:.8rem;
}

/* comparison table */
#pricing-page .compare-table thead th{
  background:#f8fafc; border-bottom:1px solid var(--ink-200);
}
#pricing-page .compare-table td, 
#pricing-page .compare-table th{
  border-color: var(--ink-200);
}