/* ============================================================
   OPTIRANK STUDIO — Pricing Page Styles (pricing.css)
   ============================================================ */

/* Full comparison table (pricing page only) */
.full-compare-section { background: var(--gray-50); }
.full-compare-section .section-header { margin-bottom: 40px; }

/* Sticky header row */
.compare-table thead tr th { position: sticky; top: 0; z-index: 2; }

/* Zebra rows */
.compare-table tbody tr:nth-child(even) { background: var(--gray-50); }

/* Column width alignment */
.compare-table th, .compare-table td { width: calc(100% / 4); }
.compare-table th:first-child, .compare-table td:first-child { width: 40%; }

/* Highlight column for popular plan */
.compare-table .highlight-col {
  background: rgba(37,99,235,.04) !important;
  border-left: 2px solid rgba(37,99,235,.15);
  border-right: 2px solid rgba(37,99,235,.15);
}

/* Pricing FAQ section */
.pricing-faq { max-width: 720px; margin: 0 auto; }

/* Guarantee badge */
.guarantee-box {
  text-align: center;
  padding: 40px;
  background: var(--white);
  border: 2px dashed var(--gray-200);
  border-radius: var(--radius-xl);
  margin-top: 40px;
  transition: border-color var(--transition);
}
.guarantee-box:hover { border-color: var(--blue); }
.guarantee-icon { font-size: 3rem; margin-bottom: 16px; display: block; }
.guarantee-box h3 { font-size: 1.3rem; margin-bottom: 10px; }
.guarantee-box p  { font-size: .9rem; color: var(--gray-500); max-width: 480px; margin: 0 auto; }

/* Annual savings callout */
.savings-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: rgba(16,185,129,.08);
  color: var(--green);
  border: 1px solid rgba(16,185,129,.2);
  border-radius: var(--radius-full);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .04em;
}

/* Annual price display */
.annual-price { display: none; }
.annual .annual-price { display: block; }
.annual .monthly-price { display: none; }