/* Readability pass: the interface keeps its compact editorial rhythm, but no
   customer-facing text falls below a comfortable reading size. */
body { font-size: 17px; }

.nav-links a, .text-link, .button { font-size: 14px; }
.nav-cta { font-size: 13px; }
.eyebrow, .section-kicker { font-size: 12px; letter-spacing: .09em; }
.hero-text { font-size: 18px; line-height: 1.62; }
.statement-grid > p { font-size: 17px; line-height: 1.65; }

.sound-pill { font-size: 12px; }
.card-top, .transcript-top { font-size: 11px; }
.caller strong { font-size: 13px; }
.caller small { font-size: 12px; }
.call-card p { font-size: 12px; line-height: 1.6; }
.call-result { font-size: 11px; }
.float-note { font-size: 11px; line-height: 1.35; }
.float-note small { font-size: 11px; }

.experience-head > p { font-size: 14px; }
.scenario span { font-size: 12px; }
.scenario b { font-size: 16px; }
.scenario small { font-size: 12px; line-height: 1.5; }
.screen-label { font-size: 11px; }
.screen-subtitle, .screen-time { font-size: 11px; }
.screen-actions small { font-size: 8px; }
.transcript-lines p { font-size: 13px; line-height: 1.6; }
.transcript-lines b { font-size: 10px; }
.transcript-lines .muted-line, .transcript-footer { font-size: 11px; }

.benefit-card p { font-size: 13px; line-height: 1.6; }
.mini-summary span { font-size: 9px; }
.mini-summary b { font-size: 13px; }
.mini-summary small { font-size: 11px; }
.routing { font-size: 10px; }
.industry-card span { font-size: 12px; }
.industry-card p { font-size: 13px; line-height: 1.6; }
.industry-tag { font-size: 10px; }
.integrations-copy > p:last-child { font-size: 15px; line-height: 1.65; }
.integration-node { font-size: 12px; }
.proof-card span { font-size: 11px; }

.plan-label { font-size: 11px; }
.plan > p { font-size: 13px; line-height: 1.6; }
.plan ul { font-size: 12px; line-height: 2.15; }
.plan a { font-size: 13px; }
.plan-note { font-size: 12px; line-height: 1.6; }
.final-cta p:not(.eyebrow) { font-size: 16px; line-height: 1.6; }
.footer { font-size: 12px; }

@media (max-width: 560px) {
  body { font-size: 16px; }
  .nav-cta { font-size: 12px; }
  .eyebrow, .section-kicker { font-size: 11px; }
  .hero-text { font-size: 16px; }
  .call-card p, .transcript-lines p, .benefit-card p, .industry-card p,
  .plan > p { font-size: 12px; }
  .scenario small { font-size: 12px; }
  .integration-node { font-size: 10px; }
}

@media (min-width: 561px) {
  .calculator-controls .calc-control:last-child { grid-column: 1 / -1; }
}

/* Sellbyx Ring rebrand pass: the product name is three times longer than the
   donor's "ring", so the round routing badge becomes a pill, and the plan-note
   gains an inline link to the live pricing page. */
.routing b { border-radius: 999px; padding: 6px 10px; white-space: nowrap; }
@media (min-width: 561px) {
  /* The donor h1 sized clamp() for the 4-letter "Ring"; "Sellbyx Ring" needs a
     smaller ceiling or "Коли команда" wraps into a fifth orphan line. */
  .hero h1 { font-size: clamp(46px, 4.6vw, 64px); }
}
.plan-note a { color: var(--ink); font-weight: 800; }

/* v192 fit pass: card A's copy now lists real artifacts (transcript, recording,
   lead status), so it must clear the 230px call-summary overlay instead of
   running underneath it; on phones the overlay joins the normal flow. */
@media (min-width: 561px) {
  .benefit-card.large h3, .benefit-card.large p { max-width: calc(100% - 260px); }
}
@media (max-width: 560px) {
  .mini-summary { position: static; width: auto; margin-top: 20px; box-shadow: 3px 4px 0 #a9d92e; }
}

/* v192 brand pass (owner: «лого как на основном сайте»): the header/footer
   logo mirrors the main landing SPA (landing.css .rd-brand/.rd-brand-mark) —
   a CSS-only 24px indigo ring with two halo rings and a 700-weight
   system-stack wordmark — replacing the donor's dark circle with lime bars. */
.brand {
  font: 700 18px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  letter-spacing: -0.01em;
  gap: 10px;
}
.brand-mark {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2.5px solid #4f46e5;
  background: transparent;
  transform: none;
  display: block;
}
.brand-mark::before,
.brand-mark::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 1.5px solid #7c3aed;
}
.brand-mark::before { inset: -5px; opacity: 0.45; }
.brand-mark::after { inset: -10px; opacity: 0.2; }
.footer .brand { font-size: 17px; }
.footer .brand-mark { width: 24px; height: 24px; }
.calc-disclaimer { font-size: 11px; line-height: 1.5; color: #8b8e9c; margin: 6px 0 0; font-weight: 600; }
body { font-family: Manrope, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }