/* Readability and production refinements applied to the approved mock-up. */
html { font-size: 16px; }
body { font-size: 16px; -webkit-font-smoothing: antialiased; }

.site-header nav,
.header-demo,
.button,
.demo-email { font-size: 15px; }

.announcement,
.kicker,
.hero-micro span,
.proof-band > span,
.proof-band small,
.module-card > span,
.outcome-grid article > span,
.price-card > span:first-child,
.founder-offer span,
.step-grid span,
.demo-cta > span,
.breadcrumbs,
.platform-grid article > span,
.feature-proof > span,
.problem-outcome span,
.feature-list-grid span,
.flow-grid span,
.article-answer span,
.site-footer > div > strong { font-size: 13px; }

.module-card p,
.outcome-grid p,
.answer-block > div,
.compare-row span,
.tick-list li,
.platform-grid p,
.problem-outcome p,
.step-grid p,
.price-desc,
.founder-offer p,
.feature-list-grid p,
.flow-grid p,
.article p,
.article li,
.faq-list details p { font-size: 16px; }

.price-card ul,
.price-card > a,
.module-card a,
.platform-grid a,
.migration-note,
.roi aside p { font-size: 14px; }

.brand > span { font-size: 15px; }
.brand > span small,
.site-footer > div > a,
.footer-bottom,
.footer-brand > a { font-size: 13px; }

small,
.dashboard span,
.dashboard b,
.dashboard i,
.dashboard p,
.report-card span,
.report-card b,
.roi label,
.range-label,
.roi aside > span,
.price-card > small,
.demo-cta > small,
.proof-portrait div span,
.proof-stats span,
.compare-head span,
.solution-aside > span,
.related-links span { font-size: 13px !important; }

.site-footer a:hover,
.site-footer a:focus-visible { color: var(--sea); text-decoration: underline; text-underline-offset: 4px; }

.site-header a:focus-visible,
.button:focus-visible,
.price-card > a:focus-visible,
.module-card a:focus-visible,
summary:focus-visible { outline: 3px solid var(--sea); outline-offset: 4px; }

.roi input[type="range"] { min-height: 28px; cursor: pointer; }

@media (max-width: 760px) {
  .announcement { font-size: 12px; letter-spacing: .06em; }
  .announcement span,
  .announcement a { font-size: 12px; }
  .site-footer { grid-template-columns: 1fr; }
  .site-footer > div { grid-column: 1; }
  .footer-brand,
  .footer-bottom { grid-column: 1 / -1; }
}