/* Uma única largura de página e um único recuo lateral para todo o site. */
:root {
  --site-gutter: clamp(16px, 4vw, 80px);
  --site-content-width: calc(100% - 2 * var(--site-gutter));
}
body .site-header {
  width: 100%;
  max-width: none;
  padding-inline: var(--site-gutter);
}
body :is(.content-section, .plans-preview, .builder-callout, .split-cta,
  .legal-content, .footer-main, .footer-bottom),
body .technical-submodules > article {
  width: var(--site-content-width);
  max-width: none;
  margin-inline: auto;
}
body :is(.hero, .page-hero, .plan-detail-hero, .detail-hero,
  .technical-hero, .differentiator-detail-hero, .technical-nav, .trust-strip),
body .home-index .home-welcome {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding-inline: var(--site-gutter);
}
body .feature-presentation {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding-inline: var(--site-gutter);
}
body .feature-presentation > .content-section { width: 100%; }
body .universe { padding-inline: var(--site-gutter); }
body .home-demo {
  width: var(--site-content-width);
  max-width: none;
  margin-inline: auto;
}
@media (max-width: 700px) {
  :root { --site-gutter: 16px; }
}
/* Algumas páginas aplicam o contêiner diretamente ao main. */
body main:is(.content-section, .legal-content) {
  width: 100%;
  margin-inline: 0;
  padding-inline: var(--site-gutter);
}