.container { width: min(1200px, 92vw); margin-inline: auto; }
.section { padding-block: var(--space-7); }

.hero { display: grid; gap: var(--space-6); align-items: center; grid-template-columns: 1.1fr 1fr; }
.ecosystem-grid, .service-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--space-5); }
.footer-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: var(--space-5); }
.cta-band { background: var(--nuqta-dark); color: var(--nuqta-white); }