.container { width: min(calc(100% - 32px), var(--container)); margin-inline: auto; }
.wrap { width: min(calc(100% - 32px), var(--container)); margin-inline: auto; }
.section { padding-block: var(--space-9); position: relative; }
.section.soft { background: linear-gradient(180deg, var(--color-surface-soft), var(--color-primary-050)); }
.section.dark { background: linear-gradient(135deg, var(--color-primary-700), var(--color-primary-600) 56%, var(--color-primary-500)); color: var(--color-text-inverse); }
.section.dark h1, .section.dark h2, .section.dark h3, .section.dark h4, .section.dark p, .section.dark .lead, .section.dark .eyebrow { color: var(--color-text-inverse); }
.sectionHead { max-width: 820px; margin: 0 auto var(--space-7); text-align: center; }
.sectionHead.compactHead { margin-bottom: var(--space-6); }
.sectionHead .lead, .lead { color: var(--color-text-600); font-size: var(--font-size-md); line-height: 1.8; }
.section.dark .sectionHead .lead { color: rgba(255,255,255,.88); }
.grid { display: grid; gap: var(--space-5); }
.grid2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.split, .split2 { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr); gap: var(--space-7); align-items: center; }
.pageHero { padding: clamp(4rem, 8vw, 7rem) 0; background: linear-gradient(135deg, var(--color-primary-700), var(--color-primary-500) 64%, var(--color-primary-300)); color: var(--color-text-inverse); overflow: clip; }
.pageHero .container { max-width: 960px; }
.pageHero h1, .pageHero h2, .pageHero p { color: var(--color-text-inverse); }
.pageHero p { max-width: 820px; font-size: var(--font-size-md); color: rgba(255,255,255,.9); }
.pageHeroSales { background: linear-gradient(135deg, #003f6e, var(--color-primary-600) 58%, #469ed6); }
.cards3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
.title { max-width: 820px; margin: 0 auto var(--space-7); text-align: center; }
.title p { color: var(--color-text-600); font-size: var(--font-size-md); }