.nav-links .current { color: var(--white); }
.pricing-main { overflow: hidden; }
.pricing-hero {
  max-width: 1400px; min-height: 610px; margin: 0 auto; padding: 96px clamp(24px, 6vw, 90px);
  display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(50px, 8vw, 120px); align-items: center;
}
.pricing-hero h1 { font-size: clamp(56px, 6.5vw, 94px); }
.credit-ledger {
  border: 1px solid var(--line); background: linear-gradient(145deg, #0d222c, #081820);
  box-shadow: 18px 18px 0 #0e2933; position: relative;
}
.credit-ledger::before {
  content: ""; position: absolute; inset: 8px; border: 1px solid rgba(105,217,255,.06); pointer-events: none;
}
.ledger-label, .ledger-status {
  min-height: 50px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between;
  color: var(--muted); border-bottom: 1px solid var(--line); font: 11px var(--mono); letter-spacing: .12em;
}
.ledger-label span:last-child { color: var(--mint); }
.ledger-flow { padding: 56px 30px; display: grid; grid-template-columns: 1fr 90px 1fr; align-items: center; text-align: center; }
.ledger-flow div { min-width: 0; }
.ledger-flow small { display: block; color: var(--muted); font: 10px var(--mono); letter-spacing: .13em; }
.ledger-flow strong { display: block; margin: 9px 0 7px; color: var(--white); font: 600 clamp(36px, 4vw, 58px) var(--display); letter-spacing: -.05em; }
.ledger-flow div:last-child strong { color: var(--mint); }
.ledger-flow span { color: var(--muted); font-size: 13px; }
.ledger-flow svg { width: 100%; overflow: visible; fill: none; stroke: var(--mint); stroke-width: 1; }
.ledger-status { justify-content: flex-start; gap: 9px; border: 0; border-top: 1px solid var(--line); letter-spacing: 0; }
.ledger-status i { width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 12px var(--mint); }
.billing-grid {
  max-width: 1400px; margin: 0 auto; padding: 0 clamp(24px, 6vw, 90px) 120px;
  display: grid; grid-template-columns: repeat(3, 1fr);
}
.billing-grid article { min-height: 340px; padding: 34px; border: 1px solid var(--line); border-right: 0; display: flex; flex-direction: column; }
.billing-grid article:last-child { border-right: 1px solid var(--line); }
.card-index { margin: 0 0 64px; color: var(--mint); font: 11px var(--mono); letter-spacing: .13em; }
.billing-grid h2 { font-size: 28px; letter-spacing: -.03em; }
.billing-grid article > p:not(.card-index) { color: var(--muted); line-height: 1.7; }
.billing-grid article > a { margin-top: auto; color: var(--paper); font: 12px var(--mono); }
.billing-grid article > a span { color: var(--mint); margin-left: 8px; }
.rate-panel {
  max-width: 1220px; margin: 0 auto 120px; padding: 56px; border: 1px solid var(--line);
  display: grid; grid-template-columns: 1.2fr .9fr auto; gap: 46px; align-items: center; background: var(--ink-2);
}
.rate-panel h2 { margin-top: 12px; font-size: clamp(32px, 4vw, 48px); letter-spacing: -.04em; }
.rate-panel > p { color: var(--muted); line-height: 1.65; }
.rate-panel .button { white-space: nowrap; }
@media (max-width: 900px) {
  .pricing-hero { grid-template-columns: 1fr; padding-top: 70px; }
  .billing-grid { grid-template-columns: 1fr; }
  .billing-grid article { min-height: 260px; border-right: 1px solid var(--line); border-bottom: 0; }
  .billing-grid article:last-child { border-bottom: 1px solid var(--line); }
  .card-index { margin-bottom: 38px; }
  .rate-panel { margin-inline: 24px; grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .pricing-hero { padding: 56px 20px 80px; }
  .pricing-hero h1 { font-size: 52px; }
  .credit-ledger { box-shadow: 8px 8px 0 #0e2933; }
  .ledger-flow { padding: 42px 18px; grid-template-columns: 1fr 42px 1fr; }
  .ledger-flow strong { font-size: 32px; }
  .billing-grid { padding: 0 20px 80px; }
  .billing-grid article { padding: 28px; }
  .rate-panel { margin: 0 20px 80px; padding: 32px 26px; }
}