.container { width: min(1200px, 92vw); margin-inline: auto; }
.section { padding-block: var(--space-7); }
.site-header { position: sticky; top: 0; z-index: 30; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); border-bottom: 1px solid #e2e8f0; }
.nav-wrap { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); min-height: 72px; }
.brand { display: flex; gap: var(--space-2); font-weight: 700; }
.primary-nav { display: flex; align-items: center; gap: var(--space-4); }
.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); }