/* Loaded after the page styles. Public header typography stays independent. */

/* Public pages: concise labels and supporting text. */
#main .eyebrow,
#main .feature-visual > .eyebrow,
#main .eids-banner .eyebrow,
#main .whatsapp-visual > .eyebrow,
#main #mobil .phone-screen > .eyebrow {
  font-size: 13px;
  line-height: 1.55;
  letter-spacing: .1em;
}

#main .small,
#main .hero-copy .subline,
#main .hero-foot span,
#main .flow-label,
#main .proof-strip span,
#main .status,
#main .roadmap-note,
#main .plan-caption,
#main .plan-period,
#main .plan-total,
#main .price-footnote,
#main .price-controls p,
#main .calculation-note,
#main .tax-note,
#main .tier-discount,
#main .rate-item span,
#main .feature-tag,
#main .workflow-center > span,
#main .workflow-links > div > span,
#main .service-visual-label > span,
#main .legal-meta,
#main .quote-monogram span,
#main .quote-monogram small,
#main .team-monogram > span {
  font-size: 13px;
  line-height: 1.65;
}

#main .orbit-label,
#main .orbit-label small,
#main .mini-phone > span,
#main .mini-phone > small,
#main .phone-feature {
  font-size: 13px;
  line-height: 1.5;
}

#main .flow-item,
#main .feature-visual .flow-item,
#main .line-feature p,
#main .plan-description,
#main .plan-list,
#main .included-ribbon p,
#main .calculator-explain p,
#main .finance-block p,
#main .workflow-links small,
#main .team-card p {
  font-size: 14px;
  line-height: 1.7;
}

#main .chat-bubble,
#main .roadmap-card p,
#main .quote-grid figcaption,
#main .quote-grid figcaption span,
#main .included-ribbon strong,
#main .web-flow div > span {
  font-size: 13px;
  line-height: 1.65;
}

#main .hero-copy .button,
#main .explorer-tabs button,
#main .tier-options button {
  font-size: 13px;
  line-height: 1.5;
}

#main .comparison {
  font-size: 14px;
  line-height: 1.65;
}

#main .comparison .table-group th,
#main .comparison small,
#main .comparison .status,
#main .prose table {
  font-size: 13px;
  line-height: 1.65;
}

#main .field,
#main .request-copy-text {
  font-size: 14px;
  line-height: 1.65;
}

#main .form-note,
#main #contact-status,
#main .contact-list dt {
  font-size: 13px;
  line-height: 1.7;
}

/* These three declarations replace earlier explicit !important font sizes. */
#main .feature-note,
#main .section-footnote {
  font-size: 13px !important;
  line-height: 1.75;
}

#main .visual-caption {
  font-size: 14px !important;
  line-height: 1.7;
}

/* Public footer navigation inherits this size; heading sizes are unchanged. */
#site-footer {
  font-size: 14px;
  line-height: 1.75;
}

#site-footer .footer-brand p {
  font-size: 14px;
  line-height: 1.75;
}

#site-footer .footer-grid address,
#site-footer .footer-eids,
#site-footer .footer-eids strong,
#site-footer .footer-bottom {
  font-size: 13px;
  line-height: 1.75;
}

/* Account pages: labels, subscription details and onboarding. */
.ac-main .ac-eyebrow,
.ac-main .ac-tag,
.ac-main .ac-btn-small,
.ac-main .ac-page-head .ac-btn,
.ac-main .ac-field small,
.ac-main .ac-sub-current > span,
.ac-main .ac-sub-current p,
.ac-main .ac-next-payment > span,
.ac-main .ac-next-payment small,
.ac-main .ac-plan-period,
.ac-main .ac-quantity-presets button,
.ac-main .ac-summary-total > span,
.ac-main .ac-summary-total small,
.ac-main .ac-summary-safety,
.ac-main .ac-remove-card,
.ac-main .ac-step-labels,
.ac-main .ac-checkout-card small,
.ac-main .ac-checkout-card .ac-tag,
.ac-main .ac-combobox-help,
.ac-main .ac-combobox-status {
  font-size: 13px;
  line-height: 1.6;
}

.ac-main .ac-plan ul,
.ac-main .ac-plan li,
.ac-main .ac-shared-feature,
.ac-main .ac-quantity-row p,
.ac-main .ac-coupon-card > p,
.ac-main .ac-coupon-active p,
.ac-main .ac-coupon-preview,
.ac-main .ac-coupon-preview button,
.ac-main .ac-summary-note,
.ac-main .ac-change-notice,
.ac-main .ac-future-note,
.ac-main .ac-consent,
.ac-main .ac-payment-explain p {
  font-size: 14px;
  line-height: 1.7;
}

.ac-main .ac-summary-subline {
  font-size: 14px;
  line-height: 1.65;
}

.ac-main .ac-legal-short {
  font-size: 13px !important;
  line-height: 1.7;
}

.ac-workspace > .ac-preview,
.ac-workspace > .ac-preview > span:last-child,
.ac-workspace > .ac-preview .ac-preview-switch {
  font-size: 13px;
  line-height: 1.6;
}

.ac-footer {
  font-size: 13px;
  line-height: 1.7;
}

/* Keep the existing compact card size; only its fine print changes. */
.ac-main .ac-card-bottom,
.ac-main .ac-cards-grid .ac-card-visual .ac-card-bottom {
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: 0;
}

.ac-main .ac-card-bottom b,
.ac-main .ac-cards-grid .ac-card-visual .ac-card-bottom b,
.ac-main .ac-cards-grid .ac-card-settings .ac-tag {
  font-size: 13px;
  line-height: 1.35;
}

/* History: meaningful dates, amounts and record details. */
.ac-main .ach-summary-item > span,
.ac-main .ach-count,
.ac-main .ach-filters button,
.ac-main .ach-table th,
.ac-main .ach-record-id,
.ac-main .ach-cell-period small,
.ac-main .ach-invoice-pending,
.ac-main .ach-details dt,
.ac-main .ach-details .ac-hint,
.ac-main .ach-mobile-unit,
.ac-main .ach-cell-period::before,
.ac-main .ach-cell-paid::before,
.ac-main .ach-period {
  font-size: 13px;
  line-height: 1.6;
}

.ac-main .ach-search input,
.ac-main .ach-details dd,
.ac-main .ach-empty p {
  font-size: 14px;
  line-height: 1.65;
}

.ac-main .ach-status,
.ac-main .ach-tax-note {
  font-size: 13px !important;
  line-height: 1.6;
}

@media (min-width: 1051px) and (max-width: 1200px) {
  .ac-main .ac-plan-name {
    font-size: 14px;
  }
}

@media (max-width: 720px) {
  #main .tier-options {
    flex-wrap: wrap;
  }

  #site-footer .footer-bottom {
    align-items: flex-start;
  }
}

@media (max-width: 520px) {
  /* Give the larger package details their own rows on narrow screens. */
  .ac-main .ac-plan {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .ac-main .ac-plan-period {
    grid-column: 1 / -1;
    grid-row: 3;
    text-align: left;
    margin-top: 5px;
  }

  .ac-main .ac-plan ul {
    grid-column: 1 / -1;
    grid-row: 4;
    margin-top: 6px;
  }

  .ac-main .ac-plan li,
  .ac-main .ac-coupon-card > p,
  .ac-main .ac-shared-feature {
    font-size: 13px;
  }
}
/* Remaining explanatory copy, including the package details dialog. */
#main .breadcrumb,
#main .legal-nav,
#main .legal-nav > p,
#site-footer .footer-eids span {
  font-size: 13px;
  line-height: 1.7;
}

#main .prose {
  font-size: 15px;
  line-height: 1.9;
}

#main .field input,
#main .field select,
#main .field textarea {
  font-size: 16px;
  line-height: 1.5;
}

.ac-sidebar .ac-space div > span,
.ac-sidebar .ac-nav-label,
.ac-sidebar .ac-support,
.ac-sidebar .ac-support a,
.ac-sidebar .ac-back-site {
  font-size: 13px;
  line-height: 1.65;
}

.ac-sidebar .ac-nav-label {
  letter-spacing: .08em;
}

.ac-sidebar .ac-nav a {
  font-size: 13px;
}

.ac-dialog .ac-plan-details-head .ac-eyebrow,
.ac-dialog .ac-plan-details-period,
.ac-dialog .ac-plan-feature-state,
.ac-dialog .ac-plan-details-coming .ac-plan-details-status,
.ac-dialog .ac-plan-details .ac-plan-details-note {
  font-size: 13px;
  line-height: 1.65;
}

.ac-dialog .ac-legal-short {
  font-size: 13px !important;
  line-height: 1.7;
}

@media (max-width: 800px) {
  .ac-sidebar .ac-nav a {
    font-size: 14px;
  }
}
/* Account breadcrumb and CRM action remain readable on narrow screens. */
.ac-topbar .ac-breadcrumb {
  min-width: 0;
  font-size: 13px;
  line-height: 1.5;
}

.ac-topbar .ac-open-app {
  flex-shrink: 0;
  font-size: 13px;
  line-height: 1.5;
  white-space: nowrap;
}

@media (max-width: 520px) {
  .ac-topbar {
    height: auto;
    min-height: 60px;
    padding-block: 12px;
    gap: 12px;
  }

  .ac-topbar .ac-breadcrumb i {
    margin-inline: 5px;
  }

  .ac-topbar .ac-open-app span {
    margin-left: 5px;
  }
}
/* Let package notes use the whole comparison width instead of a narrow text column. */
#main .price-footnote { max-width: none; width: 100%; text-wrap: pretty; }