/* Plan ladder (2026-10-09): the pricing-card structure, the small plan badges
   and the Agentura Local platform note.

   The homepage is dark-only (color-scheme:dark in v2.css) and keeps its colors
   in :root tokens, so these rules take the badge color from --blue / --orange
   and the line colors from the card styles they sit beside. Nothing here
   carries a palette of its own. */

/* "Everything in <plan below>, plus:" opens each paid card; the allowances
   (agents, tokens, voice minutes, storage) follow after a thin divider. */
.price-card li.price-includes{padding-left:0;color:#f1f4f8;font-weight:600}
.price-card li.price-includes:before{content:none}
.price-card li.price-limit-start{margin-top:6px;padding-top:18px;border-top:1px dashed #303742}

/* Under the cards: one honest line and the way to the detailed page. */
.pricing-more{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;margin-top:26px}
.pricing-more .pricing-note,.concise-home .concise-section .pricing-more .pricing-note{margin:0}
.pricing-more .text-link{font-size:17px}

/* Plan badge: a small outlined pill saying which plan unlocks a feature.
   Set --plan-badge on an ancestor or on the badge to recolor it. */
.plan-badge{--plan-badge:var(--blue,#90bfff);display:inline-block;margin-left:8px;padding:2px 9px;border:1px solid #90bfff66;border-radius:99px;background:#90bfff14;color:#90bfff;font:600 11px/1.6 var(--sans,"DM Sans",Arial,sans-serif);letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;vertical-align:middle}
@supports (color:color-mix(in srgb,red 40%,transparent)){
  .plan-badge{color:var(--plan-badge);border-color:color-mix(in srgb,var(--plan-badge) 40%,transparent);background:color-mix(in srgb,var(--plan-badge) 8%,transparent)}
}
/* Inside running text the badge sits right after the words it qualifies. */
.plan-badge-inline{margin-inline:2px 0;padding-block:1px;font-size:12px;vertical-align:.12em}
/* The WhatsApp section keeps its own green. */
.whatsapp-calls .plan-badge,.whatsapp-call-link .plan-badge{--plan-badge:#8ae6b5;color:#8ae6b5;border-color:#8ae6b566;background:#69dba514}
.whatsapp-call-link{flex-wrap:wrap}
.whatsapp-call-link .plan-badge{margin-left:0}
.whatsapp-calls .eyebrow{flex-wrap:wrap;row-gap:8px}
.whatsapp-calls .eyebrow .plan-badge{margin-left:0}

/* Agentura Local: which computers get what. */
.device-platforms{margin:16px 0 0;font-size:15px;line-height:1.6;color:#c6d0df;text-align:center}

/* Round 4: homepage headers that explain themselves (owner request). The
   rewritten headers say more than the one-liners they replace, so they share one
   smaller size (46px at 1440, 30px on a phone) instead of the 86px story size
   and the 54px concise size. Each of the two lines is its own block, so the
   lines are balanced (no single word left alone) in English and Romanian. The
   specificity beats type-scale.css. */
body.readable.concise-home h2.plain-heading{font-size:clamp(30px,3.2vw,46px)!important;line-height:1.12;letter-spacing:-.033em;text-wrap:balance}
body.readable.concise-home h2.plain-heading>span{display:block;text-wrap:balance}
body.readable.concise-home h2.plain-heading br{display:none}
.capability-strip>span>span{text-wrap:balance}
/* Plan buttons in the four-column row. type-scale.css forces 21px on every .readable .button
   (!important), at which "Choose Enterprise" needs about 190px and wrapped to two lines between 1201
   and 1679px, leaving that card's button taller than its neighbours. A tighter gap and a font that
   scales from 16px to 21px keep every label on one line in English and Romanian. */
@media (min-width:1201px){
body.readable.concise-home .price-card .price-button{gap:10px;padding-inline:16px;font-size:clamp(16px,1.25vw,21px)!important}
body.readable.concise-home .price-card .price-button span{white-space:nowrap}
}