/* /assets/css/layout.css */
.container,
[class$="__container"] {
    width: 100%;
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 0 var(--spacing-7);
}

section,
main > section,
[class$="-section"] {
    padding: var(--spacing-10) 0;
    position: relative;
}

.hero-section,
.service-hero,
[class$="-hero"] {
    padding: var(--spacing-11) 0 var(--spacing-9);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    background: radial-gradient(circle at 50% 0%, rgba(11, 31, 58, 0.5) 0%, rgba(7, 22, 41, 1) 70%);
}

.two-column-layout,
.service-hero__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-9);
    align-items: center;
}

.grid-3,
[class$="__grid"],
.capabilities-grid__list,
.use-cases-grid,
.intent-tiers {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-6);
}

.grid-2,
.human-ai-grid,
.case-study-list,
.two-col-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-6);
}

.grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-5);
}

/* Stacks */
.stack-sm { display: flex; flex-direction: column; gap: var(--spacing-2); }
.stack-md { display: flex; flex-direction: column; gap: var(--spacing-4); }
.stack-lg { display: flex; flex-direction: column; gap: var(--spacing-6); }