/*
 * Readability adjustments intentionally affect text and interactive controls only.
 * Decorative geometry and display typography stay at their designed dimensions.
 */

.site-header {
  height: 70px;
}

.site-header.is-scrolled {
  height: 66px;
}

.brand {
  gap: 12px;
}

.brand__bolt {
  width: 22px;
  height: 29px;
}

.brand__word {
  font-size: 16px;
}

.desktop-nav {
  gap: 32px;
}

.desktop-nav a,
.language-switch {
  font-size: 13px;
}

.button--small {
  min-height: 42px;
  padding-inline: 17px;
  font-size: 13px;
}

.hero__lead,
.section-copy,
.lifecycle__intro > p:last-child,
.contact-actions > p {
  font-size: 17px;
  line-height: 1.7;
}

.eyebrow,
.clarity-strip__track,
.philosophy__signature,
.site-footer__top > div a,
.site-footer__bottom {
  font-size: 12px;
}

.hero__actions {
  gap: 14px;
}

.hero__actions .button,
.hero .text-link {
  min-height: 50px;
  padding-inline: 20px;
  font-size: 14px;
}

.signal-card__headline > strong,
.signal-card__footer > strong,
html:lang(ru) .signal-card__headline > strong {
  font-size: 16px;
}

.signal-card__top,
.signal-card__headline,
.signal-card__footer {
  padding: 10px 18px;
}

.signal-card__confidence span,
.signal-node strong {
  font-size: 10px;
}

.current-analytics__features {
  gap: 38px;
}

.current-analytics__features article {
  grid-template-columns: 54px 1fr;
  gap: 20px;
}

.current-feature__icon {
  width: 44px;
  height: 44px;
}

.current-feature__icon svg {
  width: 25px;
}

.current-analytics__features h3 {
  margin-bottom: 8px;
  font-size: 18px;
}

.current-analytics__features p,
.journey-card__body > p,
.source-card p,
.capability p,
.experience__notes p,
.philosophy__copy .section-copy {
  font-size: 15px;
  line-height: 1.7;
}

.current-screen__chrome,
.current-screen__legend,
.current-screen__top {
  font-size: 10px;
}

.current-screen__sample small,
.current-screen__grid small {
  font-size: 8px;
}

.current-screen__sample b {
  font-size: 14px;
}

.funnel-step__number,
.funnel-step > strong small {
  font-size: 10px;
}

.funnel-step p,
.lifecycle-card ul {
  font-size: 14px;
}

.funnel-step h3,
.lifecycle-card h3 {
  font-size: 22px;
}

.dash-tabs span,
.dashboard-shell aside > span,
.dash-heading small,
.metric-grid small,
.panel-head small,
.metric-grid span,
.event-row strong,
.live-telemetry__metrics > div > span,
.live-event strong {
  font-size: 11px;
}

.dash-heading__period {
  border: 1px solid var(--line-light);
  background: transparent;
  padding: 9px 12px;
  font: 400 8px var(--mono);
}

.analytics-mock__bar,
.analytics-mock__channels > div,
.analytics-mock__channels footer,
.store-console__head,
.store-flow span,
.campaign-table > div,
.health-console__top {
  font-size: 9px;
}

.analytics-mock__metrics small,
.analytics-mock__chart-head small,
.analytics-mock__channels > div:first-child,
.store-console__summary small,
.delivery-console small,
.health-row small,
.campaign-table__head {
  font-size: 7px !important;
}

.analytics-mock__metrics span,
.analytics-mock__chart-head > span:last-child,
.store-console__summary em,
.store-flow small,
.store-flow em,
.delivery-console em,
.health-row em {
  font-size: 8px;
}

.analytics-mock__mark,
.source-card__badge,
.source-card__facts > span,
.network-tabs span,
.destination-icon,
.delivery-console b,
.health-console__top b,
.health-row b,
.campaign-table strong {
  font-size: 11px;
}

.analytics-mock__metrics strong,
.analytics-mock__chart-head b,
.store-console__summary strong {
  font-size: 17px;
}

.destination-icon {
  width: 32px;
  height: 32px;
}

.faq__intro p,
.faq__categories button,
.faq__questions summary,
.faq__questions details p,
.live-telemetry__note,
.contact__promise p {
  font-size: 15px;
}

.faq__categories {
  gap: 20px;
}

.faq__questions summary {
  padding-block: 25px;
}

.faq__questions details p {
  margin-bottom: 28px;
}

.field > span,
.field input,
.field select,
.field textarea,
.consent,
.button--submit,
.form-status {
  font-size: 14px;
}

.field input,
.field select,
.field textarea {
  padding: 17px 18px;
}

@media (width <= 800px) {
  .site-header {
    height: 66px;
  }

  .hero__lead,
  .section-copy,
  .lifecycle__intro > p:last-child,
  .contact-actions > p {
    font-size: 16px;
  }

  .current-analytics__features article {
    grid-template-columns: 48px 1fr;
  }

  .current-feature__icon {
    width: 40px;
    height: 40px;
  }
}

@media (width <= 560px) {
  .brand__word {
    font-size: 15px;
  }

  .hero__lead,
  .section-copy,
  .lifecycle__intro > p:last-child,
  .contact-actions > p {
    font-size: 15px;
  }

  .hero__actions .button,
  .hero .text-link {
    min-height: 46px;
    padding-inline: 17px;
    font-size: 13px;
  }

  .signal-card__headline > strong,
  .signal-card__footer > strong,
  html:lang(ru) .signal-card__headline > strong {
    font-size: 14px;
  }

  .funnel-step h3,
  .lifecycle-card h3 {
    font-size: 18px;
  }

  .faq__questions summary,
  .faq__questions details p,
  .faq__intro p {
    font-size: 14px;
  }
}