/* ============================================================
   CodebyCarter — pricing.css
   Toggle each tier's tagline + feature list when the user
   switches between One-time and Monthly billing modes.
   ============================================================ */

/* Tier tagline toggle */
.tier .tier-tag.alt { display:none }
.tier[data-mode="plan"] .tier-tag.one { display:none }
.tier[data-mode="plan"] .tier-tag.alt { display:block }

/* Feature list toggle */
.tier ul.alt { display:none }
.tier[data-mode="plan"] ul.one { display:none }
.tier[data-mode="plan"] ul.alt {
  display:flex;flex-direction:column;gap:12px;
  margin-bottom:32px;flex:1;list-style:none;
  position:relative;z-index:1;
}

/* Subscription mode footnote on price */
.tier[data-mode="plan"] .tier-price::after{
  content:"as long as you stay subscribed";
  display:block;font-size:10.5px;color:var(--muted);font-weight:400;
  font-family:'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;
  margin-top:8px;
}

/* Section disclaimer below the tiers */
.pricing-fineprint{
  margin-top:40px;text-align:center;font-size:13px;color:var(--muted);
  font-family:'JetBrains Mono',monospace;letter-spacing:.04em;line-height:1.65;
  max-width:64ch;margin-left:auto;margin-right:auto;position:relative;z-index:2;
}
.pricing-fineprint b{color:var(--text);font-weight:500}

/* Slightly more breathing room on the save pill */
.pay-toggle .save{padding:4px 9px}