/**
 * layout.css  containers, sections, and the shared grid scaffolds whose
 * responsive collapse is finished in marketing-polish.css.
 */

.avt-container {
	max-width: var(--maxw);
	margin: 0 auto;
	padding-left: var(--pad-x);
	padding-right: var(--pad-x);
	width: 100%;
}
.avt-container--narrow {
	max-width: var(--maxw-narrow);
}

.avt-section {
	padding-top: var(--section-y);
	padding-bottom: var(--section-y);
	padding-left: var(--pad-x);
	padding-right: var(--pad-x);
}
.avt-section--dark {
	background: var(--section-contrast);
	color: var(--section-contrast-fg);
}
.avt-section--surface {
	background: var(--surface);
	color: var(--fg);
}
.avt-section--surface-2 {
	background: var(--surface-2);
	color: var(--fg);
}

.avt-section__inner {
	max-width: var(--maxw);
	margin: 0 auto;
	width: 100%;
	min-width: 0;
}

#avt-main {
	overflow-x: clip;
	max-width: 100%;
}

/* Shared desktop grid templates (mobile collapse in marketing-polish.css) */
.avt-split-hero {
	grid-template-columns: 1.05fr 0.95fr;
	gap: 56px;
}
.avt-split-2 {
	grid-template-columns: 1fr 1fr;
	gap: 48px;
}
.avt-cards-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}
.avt-cards-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}
.avt-cards-4,
.avt-feature-4 {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}
.avt-stats-row {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}
.avt-proof-stats {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}
.avt-go-layout {
	grid-template-columns: 1fr 1fr;
	gap: 48px;
	align-items: center;
}

/* Eyebrow / kicker */
.avt-kicker {
	font-family: var(--font-mono);
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--muted);
}
.avt-section--dark .avt-kicker {
	color: var(--section-contrast-muted-2);
}

/* Shared section title / sub (used on landing + product + about) */
.avt-section-title {
	font-size: clamp(28px, 3.4vw, 36px);
	font-weight: 500;
	letter-spacing: -0.025em;
	line-height: 1.16;
	color: var(--fg);
	margin: 0 0 12px;
}
.avt-section-title--light {
	color: var(--section-contrast-fg);
}
.avt-section-sub {
	font-size: 15.5px;
	line-height: 1.66;
	font-weight: 400;
	color: var(--muted);
	margin: 0;
	max-width: 640px;
}
.avt-section-sub--light {
	color: var(--section-contrast-muted);
}
.avt-section-pad {
	padding-left: var(--pad-x);
	padding-right: var(--pad-x);
}