.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--space-sm);
}

.section {
    padding: var(--space-lg) 0;
}

.section-muted {
    background: var(--bg-muted);
}

.section-dark {
    background: var(--bg-dark);
    color: #ffffff;
}

.section-dark p {
    color: rgba(255,255,255,0.75);
}

.section-header {
    margin-bottom: var(--space-md);
}

.grid {
    display: grid;
    gap: var(--space-sm);
}

.grid-3 {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

/* HERO */
.hero {
    padding: var(--space-xl) 0;
}

.hero-graphite {
    background: linear-gradient(180deg, #ffffff 0%, #f6f7f9 100%);
}

.hero-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    align-items: center;
    gap: var(--space-lg);
}

.hero-lead {
    margin-top: var(--space-sm);
    font-size: 18px;
}

.hero-actions {
    margin-top: var(--space-md);
    display: flex;
    gap: var(--space-sm);
}

/* NAV */
.nav {
    border-bottom: 1px solid var(--border);
    background: #ffffff;
}

.nav-inner {
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav-links {
    display: flex;
    gap: var(--space-sm);
    font-size: var(--small);
}