.container { width: calc(100% - 2 * var(--gutter)); max-width: var(--container); margin-inline: auto; }
.section { padding-block: var(--section-space); }
.section-tinted { background: var(--bg-section); }
.section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: var(--space-7); margin-bottom: var(--space-8); }
.section-heading .note { max-width: 37%; text-align: right; }
.section-heading h2 { margin-top: var(--space-2); }
.split { display: grid; grid-template-columns: 1.42fr 1fr; gap: 5.4%; align-items: center; }
.actions { display: flex; flex-wrap: wrap; gap: var(--space-4); align-items: center; }
.product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2.8%; }
.service-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }