/* Escala única do funil: títulos comerciais não variam de tamanho por seção (dono, 08/11/2026). */
.syo-site
  :is(
    .inner-hero h1,
    .f-conversation h2,
    .f-center-head h2,
    .f-feature-copy h2,
    .f-connected-copy h2,
    .f-price-story h1,
    .f-price-story h2,
    .f-faq h2,
    .module-grid h2,
    .feature-story h2,
    .f-next-step h2,
    .demo-display > section > h2
  ) {
  font-family: var(--syo-font);
  font-size: var(--syo-heading-size);
  font-weight: 400;
  line-height: 1.12;
  letter-spacing: -0.04em;
  color: var(--syo-foreground);
  margin: 0 0 24px;
  text-align: left;
  text-wrap: balance;
}
.syo-site .f-conversation h2 {
  margin-bottom: 0;
}
.syo-site :is(h1, h2) :is(em, span) {
  color: var(--syo-muted);
  font-style: normal;
}
/* Cores pertencem à superfície: faixas claras nunca herdam letras do tema escuro. */
.syo-site :is(.light-surface, .f-conversation, .f-followup-section, .f-pricing, .f-next-step) {
  --syo-foreground: #1d1d1f;
  --syo-muted: #65656c;
  color: var(--syo-foreground);
  background-color: #f5f5f7;
}
.syo-site .light-surface {
  background-color: #fff;
}
.syo-site .f-crm-section {
  background: #fff;
}
/* Passagem direta do hero preto para a seção branca (dono, 08/11/2026). */
.syo-site .f-conversation {
  background: #fff;
  padding-top: 80px;
}
.syo-site .f-setup-steps li > span {
  color: #65656c;
}
.syo-site .f-chat-checks {
  color: #116e90;
}
.syo-site :is(.f-price-card, .inner-hero, .feature-story) {
  --syo-foreground: #f5f5f7;
  --syo-muted: #b7b7be;
  color: var(--syo-foreground);
}
.syo-site :is(.inner-hero, .feature-story) {
  background: #08090b;
  border-color: #303036;
}
.syo-site
  :is(
    .inner-lead,
    .f-center-head > p,
    .f-feature-copy > p,
    .f-connected-copy > p,
    .module-grid p,
    .feature-story .split-content > div > p,
    .demo-display > section > p
  ) {
  font-family: var(--syo-font);
  font-size: 16px;
  line-height: 1.65;
  color: var(--syo-muted);
}
.syo-site :is(.resource-copy, .reading, .module-grid) {
  color: #1d1d1f;
}
.syo-site :is(.reading h2, .resource-copy h2, .f-setup-steps h3) {
  font: 400 24px/1.25 var(--syo-font);
  letter-spacing: -0.025em;
  color: #1d1d1f;
}
.syo-site :is(.resource-copy p, .reading p) {
  color: #65656c;
}
.syo-site .resource-copy a {
  color: #1d1d1f;
  min-height: 44px;
}
.syo-site .resource-cover {
  background: #1d1d1f;
  color: #f5f5f7;
}
.syo-site .resource-cover b {
  font-family: var(--syo-font);
}
.syo-site .cover-1 {
  background: #e5e5e9;
  color: #1d1d1f;
}
.syo-site .f-next-step {
  background: linear-gradient(#fff, #f5f5f7);
  background-color: #f5f5f7;
  border-color: #e5e5e9;
}
.syo-site .f-next-step .button {
  border-radius: 999px;
  background: #1d1d1f;
  border-color: #1d1d1f;
  color: #fff;
  min-height: 48px;
}
.syo-site .f-next-step h2 {
  margin: 0;
}
.syo-site .f-connected-copy {
  min-height: 0;
  padding: 0;
}
.syo-site .f-connected-grid > article {
  padding: 32px;
  border-color: #e5e5e9;
}
.syo-site .f-demo .demo-display {
  background: #f5f5f7;
  color: #1d1d1f;
  border-color: #e0e0e5;
}
.syo-site .demo-steps button {
  color: #65656c;
  border-color: #d2d2d7;
  min-height: 48px;
}
.syo-site .demo-steps button[aria-pressed='true'] {
  background: #1d1d1f;
  border-color: #1d1d1f;
  color: #fff;
}
.syo-site .demo-steps button[aria-pressed='true'] span {
  color: #fff;
}
@media (max-width: 800px) {
  .syo-site .f-connected-grid {
    grid-template-columns: 1fr;
    gap: 56px;
  }
  .syo-site .f-connected-grid > article {
    padding: 0;
    border: 0;
    border-radius: 0;
    overflow: visible;
  }
  .syo-site .f-conversation {
    padding-top: 56px;
  }
  .syo-site .inner-hero {
    padding-block: 32px 56px;
  }
  .syo-site .breadcrumb {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    margin-bottom: 24px;
  }
}