/* landing/pricing.css — warm→dark reverse bridge + the three-plan pricing grid. */

/* ═══ BRIDGE reverse ═══ */
.bridge-rev{height:120px;background:linear-gradient(to bottom,var(--warm) 0%,var(--dark2) 100%)}

/* ═══ PRICING ═══ */
.pricing{background:var(--dark2);padding:0 2.5rem 7rem}
.pricing .section-h{color:var(--warm)}
.pricing .section-sub{color:rgba(249,244,235,0.45)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:900px;margin:3.5rem auto 0}
.plan{
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:16px;padding:1.75rem 1.5rem;
  display:flex;flex-direction:column;
  transition:border-color 200ms ease-out;
  position:relative;
}
.plan:hover{border-color:rgba(182,108,69,0.35)}
.plan.popular{border-color:rgba(182,108,69,0.5);background:rgba(182,108,69,0.06)}
.plan-badge{
  position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  background:var(--copper);color:var(--warm);
  font-size:0.62rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;
  padding:0.25rem 0.75rem;border-radius:20px;white-space:nowrap;
}
.plan-name{font-family:var(--font-d);font-weight:800;font-size:1.3rem;letter-spacing:-0.02em;color:var(--warm)}
.plan-price{font-size:2rem;font-weight:800;font-family:var(--font-d);color:var(--warm);letter-spacing:-0.03em;margin-top:0.5rem;line-height:1}
.plan-price span{font-size:0.85rem;font-weight:400;font-family:var(--font-b);color:rgba(249,244,235,0.4)}
.plan-feats{list-style:none;margin-top:1.25rem;display:flex;flex-direction:column;gap:0.55rem;flex:1}
.plan-feats li{font-size:0.84rem;color:rgba(249,244,235,0.65);position:relative;padding-left:1.1rem;line-height:1.35}
.plan-feats li::before{content:'✓';color:var(--copper);font-size:0.72rem;font-weight:700;position:absolute;left:0;top:2px}
.plan-cta{
  display:block;text-align:center;margin-top:1.5rem;padding:0.75rem 1rem;
  border-radius:10px;font-size:0.88rem;font-weight:600;text-decoration:none;
  transition:background 150ms ease-out,transform 100ms ease-out;
}
.plan-cta.primary{background:var(--copper);color:var(--warm);box-shadow:0 4px 16px rgba(182,108,69,0.3)}
.plan-cta.primary:hover{background:#C87A50}
.plan-cta.ghost{border:1px solid rgba(255,255,255,0.12);color:rgba(249,244,235,0.65)}
.plan-cta.ghost:hover{border-color:rgba(255,255,255,0.25);color:var(--warm)}