/* /pricing: plan cards and billing toggle. Loads after pages.css. */
.billing-toggle{display:inline-flex;gap:4px;margin-top:40px;padding:4px;border-radius:999px;background:rgba(40,40,42,.72);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.billing-toggle button{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 20px;border-radius:999px;background:transparent;color:#bdbdbd;font-size:13px;font-weight:500;transition:background .25s var(--ease),color .25s var(--ease)}
.billing-toggle button:hover{color:#fff}
.billing-toggle button[aria-pressed=true]{background:#fff;color:#111}
.billing-toggle button span{font-size:10px;font-weight:500;padding:3px 8px;border-radius:999px;background:#d9edcf;color:#31572c}

/* Plan cards: one subgrid so heads, prices, CTAs and feature lists line up across all three. */
.tiers{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,auto);column-gap:16px;max-width:1120px;margin:-148px auto 0}
.tier{display:grid;grid-template-rows:subgrid;grid-row:span 5;padding:32px;border-radius:24px;background:#fff;color:#222;box-shadow:0 1px 0 rgba(0,0,0,.03),0 18px 44px rgba(26,24,20,.08);animation:reveal .85s var(--ease) both;animation-delay:.45s}
.tier:nth-child(2){animation-delay:.52s}
.tier:nth-child(3){animation-delay:.59s}
.tier-featured{background:#1b1b1a;color:#fff;box-shadow:0 24px 60px rgba(0,0,0,.18)}
.tier-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px}
.tier-head h3{font-family:var(--font-display);font-size:24px;line-height:28px;font-weight:400;letter-spacing:-.04em}
.tier-badge{font-size:10px;line-height:16px;padding:4px 10px;border-radius:999px;background:#eef6ea;color:#4f8b43;white-space:nowrap}
.tier-featured .tier-badge{background:rgba(217,237,207,.14);color:#cfe8c3}
.tier-pricing{padding-top:28px}
.tier-price{display:flex;align-items:baseline;gap:8px}
.tier-price strong{font-family:var(--font-display);font-size:64px;line-height:1;font-weight:400;letter-spacing:-.04em}
.tier-price span{font-size:13px;color:#888}
.tier-featured .tier-price span{color:#9a9a9a}
.pricing-page .tier-billing{font-size:12px;line-height:16px;color:#999;margin-top:12px;min-height:16px}
.pricing-page .tier-featured .tier-billing{color:#8a8a8a}
.tier-copy{padding-top:28px}
.pricing-page .tier-promise{font-size:16px;line-height:24px;font-weight:500;letter-spacing:-.02em}
.pricing-page .tier-description{font-size:14px;line-height:22px;color:#777;margin-top:8px}
.pricing-page .tier-featured .tier-description{color:#a3a3a3}
.tier-action{padding-top:24px}
.tier-cta{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border-radius:999px;background:#222;color:#fff;font-size:14px;font-weight:600;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.tier-cta>span{font-size:16px;font-weight:400}
.tier-cta:hover{transform:translateY(-2px)}
.tier-featured .tier-cta{background:#fff;color:#111;box-shadow:0 0 0 1px rgba(255,255,255,.15),0 0 22px rgba(255,255,255,.18)}
.tier-featured .tier-cta:hover{box-shadow:0 0 0 1px rgba(255,255,255,.2),0 0 28px rgba(255,255,255,.32)}
.pricing-page .tier-note{font-size:12px;line-height:18px;color:#999;margin-top:12px;text-align:center;text-wrap:balance}
.tier-features{margin-top:28px;padding-top:24px;border-top:1px solid #ecebe6}
.tier-featured .tier-features{border-top-color:rgba(255,255,255,.1)}
.pricing-page .tier-lead{font-size:12px;line-height:16px;color:#999}
.pricing-page .tier-featured .tier-lead{color:#8a8a8a}
.tier ul{display:grid;gap:12px;list-style:none;padding:0;margin:16px 0 0}
.pricing-page .tier li{display:flex;align-items:flex-start;gap:10px;padding:0;font-size:14px;line-height:20px;color:#555}
.pricing-page .tier li:before{content:none}
.pricing-page .tier-featured li{color:#d6d6d6}
.pr-check{flex:none;width:16px;height:16px;color:#4f8b43}
.tier .pr-check{width:18px;height:18px;padding:3px;margin-top:1px;border-radius:50%;background:#eef6ea}
.tier-featured .pr-check{background:rgba(217,237,207,.14);color:#a9d699}
.tiers-note{max-width:1120px;margin:32px auto 0;text-align:center;font-size:12px!important;line-height:20px!important;color:#999!important}
.tiers-note a{color:#555;margin-left:8px;white-space:nowrap;font-weight:500}
.tiers-note a:hover{color:#111}

/* FAQ heading in the display face to match the rest of the page. */
.pricing-page .page-faq .section-heading h2{font-family:var(--font-display);font-weight:400;letter-spacing:-.04em}

@media(max-width:1000px){.tier{padding:24px}.tier-price strong{font-size:52px}}
@media(max-width:860px){
  .tiers{grid-template-columns:1fr;grid-template-rows:none;max-width:480px;row-gap:16px}
  .tier{display:flex;flex-direction:column;grid-row:auto}
  .tier-featured{order:-1}
}
@media(max-width:720px){
  .billing-toggle{margin-top:32px}
  .billing-toggle button{padding:0 16px;font-size:12px}
  .tiers{margin-top:-120px}
  .tier-price strong{font-size:52px}
  .tiers-note a{display:block;margin:4px 0 0}
}
@media(prefers-reduced-motion:reduce){.tier{animation:none}.tier-cta:hover{transform:none}}