/* ── Pricing page ──────────────────────────────────────── */

/* Page header */
.page-header--pricing { margin-top:64px; }
.pricing-lead { max-width:64ch; margin:1.5rem auto 0; }

/* ─── Pricing ─── */
.deck-card {
  border:1px solid var(--rule);
  border-radius:6px;
  padding:2.4rem 2.5rem;
  background:linear-gradient(135deg, rgba(143,176,107,.06), transparent 60%), var(--surface);
  display:grid;
  grid-template-columns:1fr;
  gap:2.5rem;
  align-items:start;
  margin-bottom:2.5rem;
  border-left:3px solid var(--accent);
}
@media (min-width:900px) {
  .deck-card { grid-template-columns: 1fr 1.6fr; gap:3.5rem; }
}
.deck-card .left { display:flex; flex-direction:column; gap:0.6rem; }
.deck-card .amount-lg {
  font-size: clamp(3rem, 5vw, 4.5rem);
  font-weight:500;
  letter-spacing:-0.03em;
  line-height:1;
  margin-top:0.8rem;
}
.deck-card .amount-lg .per {
  font-size:1rem; color:var(--fg-soft); font-weight:400; margin-left:0.3rem;
}
.deck-card .left p {
  color:var(--fg-2); font-size:0.95rem; max-width:32ch;
  margin-top:0.8rem; line-height:1.5;
}
.deck-card ul {
  list-style:none;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0.5rem 1.4rem;
}
.deck-card ul li {
  color:var(--fg-2);
  font-size:0.88rem;
  padding-left:1.1rem;
  position:relative;
  line-height:1.45;
}
.deck-card ul li::before {
  content:"+"; position:absolute; left:0; top:0;
  color:var(--accent); font-family:var(--font-mono); font-weight:500;
}

.agents-eyebrow {
  margin-top:3rem; margin-bottom:1.2rem;
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem; align-items:baseline;
}
.agents-eyebrow .label {
  font-family:var(--font-mono);
  font-size:0.7rem;
  letter-spacing:0.2em;
  color:var(--accent-3);
  text-transform:uppercase;
}
.agents-eyebrow .meta {
  font-family:var(--font-mono); font-size:0.74rem; color:var(--fg-soft);
}
.agents-eyebrow .meta strong { color:var(--fg); font-weight:500; }

.tier-row3 { display:grid; grid-template-columns:1fr; gap:1rem; }
@media (min-width:900px) { .tier-row3 { grid-template-columns:repeat(3, 1fr); } }

.compute-tier {
  padding:1.6rem 1.5rem 1.8rem;
  border:1px solid var(--rule);
  border-radius:4px;
  background:var(--surface);
  display:flex; flex-direction:column; gap:0.7rem;
}
.compute-tier.featured {
  background:linear-gradient(180deg, rgba(176,107,143,.05), transparent 50%), var(--surface);
  border-color:color-mix(in oklab, var(--accent-3) 40%, var(--rule));
}
.compute-tier .name {
  font-family:var(--font-mono);
  font-size:0.66rem; letter-spacing:0.2em;
  color:var(--accent-3); text-transform:uppercase;
}
.compute-tier .amount-v {
  font-size:1.9rem; font-weight:500;
  letter-spacing:-0.02em; color:var(--fg);
}
.compute-tier .amount-v .per { font-size:0.85rem; color:var(--fg-soft); margin-left:0.2rem; font-weight:400; }
.compute-tier p {
  color:var(--fg-2); font-size:0.88rem; line-height:1.5;
}
.compute-tier .meta-list {
  margin-top:auto; padding-top:1rem;
  border-top:1px dashed var(--rule);
  display:flex; flex-direction:column; gap:0.4rem;
  font-family:var(--font-mono); font-size:0.74rem;
}
.compute-tier .meta-list .r {
  display:flex; justify-content:space-between; gap:1rem;
}
.compute-tier .meta-list .r span:first-child { color:var(--fg-soft); }
.compute-tier .meta-list .r span:last-child { color:var(--fg); }
.compute-tier .tier-cta { margin-top:1rem; }
.compute-tier.featured .tier-cta {
  background: linear-gradient(135deg, var(--accent), var(--accent-3));
  color: #fff;
}
.compute-tier.featured .tier-cta:hover { filter: brightness(1.08); box-shadow: 0 0 18px var(--glow); }