/* ── Pricing preview — stacked rows ── */
.pricing-preview { }

.price-stack {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--color-white);
}

.price-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
  padding: var(--space-8);
  border-bottom: 1px solid var(--color-border);
}
.price-row:last-child { border-bottom: 0; }

@media (min-width: 768px) {
  .price-row {
    grid-template-columns: 180px 160px 1fr auto;
    align-items: center;
    gap: var(--space-8);
  }
}

.price-featured {
  background: var(--color-accent-faint);
  border-left: 3px solid var(--color-accent);
}

.pr-plan { display: flex; flex-direction: column; gap: var(--space-1); }

.pr-name {
  font-size: var(--text-xl);
  font-weight: var(--weight-bold);
  color: var(--color-ink-900);
  letter-spacing: var(--tracking-snug);
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.pr-badge {
  font-family: var(--font-mono);
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  color: var(--color-white);
  background: var(--color-accent);
  padding: 2px 7px;
  border-radius: var(--radius-sm);
  font-weight: var(--weight-regular);
}

.pr-label {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  color: var(--color-ink-500);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
}

.pr-price { display: flex; flex-direction: column; gap: 2px; }

.pr-amount {
  font-family: var(--font-mono);
  font-size: var(--text-2xl);
  font-weight: var(--weight-bold);
  color: var(--color-accent);
  letter-spacing: var(--tracking-tight);
  line-height: 1;
}
.pr-amount-custom { font-size: var(--text-xl); }

.pr-unit {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  color: var(--color-ink-500);
}

.pr-free-note {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  color: var(--color-ink-400);
  font-style: italic;
}

.pr-includes {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-6);
}

.pr-includes li {
  font-size: var(--text-sm);
  color: var(--color-ink-700);
  position: relative;
  padding-left: var(--space-4);
}
.pr-includes li::before {
  content: '·';
  position: absolute;
  left: 0;
  color: var(--color-ink-300);
}

.pr-cta {
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
  color: var(--color-ink-500);
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--duration-fast);
}
.pr-cta:hover { color: var(--color-ink-900); }
.pr-cta-accent { color: var(--color-accent); }
.pr-cta-accent:hover { color: var(--color-accent-hover); }

.pricing-footnote {
  margin-top: var(--space-6);
  text-align: right;
}
.pricing-footnote a {
  font-size: var(--text-sm);
  color: var(--color-ink-500);
  text-decoration: none;
  transition: color var(--duration-fast);
}
.pricing-footnote a:hover { color: var(--color-ink-900); }

/* ── Pricing full page ── */
.pricing-page-hero { padding-top: var(--space-20); padding-bottom: var(--space-16); }

.ph-inner { max-width: 700px; }

.ph-heading {
  font-size: clamp(3rem, 7vw, 6rem);
  font-weight: var(--weight-black);
  letter-spacing: var(--tracking-tight);
  line-height: 1;
  color: var(--color-ink-900);
  margin-top: var(--space-4);
  margin-bottom: var(--space-6);
}
.ph-accent { color: var(--color-accent); }

.ph-sub {
  font-size: var(--text-lg);
  color: var(--color-ink-500);
  line-height: var(--leading-normal);
  max-width: 52ch;
  margin-bottom: var(--space-8);
}

.ph-example {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  padding-top: var(--space-2);
}
.ph-example-label {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wider);
  color: var(--color-ink-400);
}
.ph-example-line {
  font-family: var(--font-mono);
  font-size: clamp(1rem, 2vw, 1.3rem);
  color: var(--color-ink-500);
  letter-spacing: -0.01em;
}
.ph-example-eq {
  color: var(--color-ink-300);
  margin: 0 0.3em;
}
.ph-example-result {
  color: var(--color-accent);
  font-weight: var(--weight-bold);
}

.pricing-grid {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--color-white);
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 768px)  { .pricing-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .pricing-grid { grid-template-columns: repeat(4, 1fr); } }

.plan-col {
  padding: var(--space-8);
  border-bottom: 1px solid var(--color-border);
  position: relative;
}
@media (min-width: 768px) {
  .plan-col { border-bottom: 0; border-right: 1px solid var(--color-border); }
  .plan-col:last-child { border-right: 0; }
}

.plan-featured { background: var(--color-accent-faint); border-left: 3px solid var(--color-accent); }
.plan-badge {
  display: inline-block; font-family: var(--font-mono); font-size: var(--text-xs);
  text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--color-white);
  background: var(--color-accent); padding: 2px 10px; border-radius: var(--radius-sm); margin-bottom: var(--space-4);
}
.plan-label { font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: var(--tracking-wider); color: var(--color-ink-500); margin-bottom: var(--space-2); }
.plan-name { font-size: var(--text-2xl); font-weight: var(--weight-bold); color: var(--color-ink-900); letter-spacing: var(--tracking-tight); margin-bottom: var(--space-4); }
.plan-price { display: flex; flex-direction: column; gap: 2px; margin-bottom: var(--space-6); }
.plan-price-from { font-size: var(--text-xs); font-family: var(--font-mono); color: var(--color-ink-500); }
.plan-price-amount { font-family: var(--font-mono); font-size: var(--text-3xl); font-weight: var(--weight-bold); color: var(--color-accent); letter-spacing: var(--tracking-tight); line-height: 1; }
.plan-price-custom { font-size: var(--text-2xl); }
.plan-price-unit { font-size: var(--text-xs); font-family: var(--font-mono); color: var(--color-ink-500); }
.plan-price-free { font-size: var(--text-xs); font-family: var(--font-mono); color: var(--color-ink-400); font-style: italic; }
.plan-cta { width: 100%; justify-content: center; margin-bottom: var(--space-6); }
.plan-divider { height: 1px; background: var(--color-border); margin-bottom: var(--space-6); }
.plan-features { list-style: none; display: flex; flex-direction: column; gap: var(--space-3); }
.plan-feature { display: flex; align-items: flex-start; gap: var(--space-3); font-size: var(--text-sm); color: var(--color-ink-700); line-height: var(--leading-snug); }
.plan-feature svg { flex-shrink: 0; color: var(--color-success); margin-top: 2px; }
.pricing-note { margin-top: var(--space-8); text-align: center; font-size: var(--text-xs); font-family: var(--font-mono); color: var(--color-ink-300); }