:root {
	--ag-surface: #f0fbfc;
	--ag-surface-2: #e8f7f8;
	--ag-dark: var(--ag-surface-2);
	--ag-dark-2: var(--ag-surface);
	--ag-teal: #00b8b8;
	--ag-teal-bright: #00d4d4;
	--ag-teal-deep: #009a9a;
	--ag-light: #f4f7fb;
	--ag-white: #ffffff;
	--ag-text: #1a2b3c;
	--ag-muted: #5c6b7a;
	--ag-radius: 20px;
	--ag-radius-lg: 28px;
	--ag-shadow: 0 18px 50px rgba(0, 184, 184, 0.1);
	--ag-font-display: "Outfit", "Poppins", sans-serif;
	--ag-font-body: "Inter", "Open Sans", sans-serif;
	--ag-max: 1440px;
	--ag-pad: clamp(16px, 2.5vw, 32px);
	--ag-section-pad: clamp(40px, 4.5vw, 56px);
	--ag-section-head-mb: 28px;
}

body.home {
	font-family: var(--ag-font-body);
	color: var(--ag-text);
	background: var(--ag-white);
}

body.home h1,
body.home h2,
body.home h3,
body.home h4,
body.home .elementor-heading-title {
	font-family: var(--ag-font-display);
}
/* Shared max-width shell (hero, trust, sections) */
body.home .ag-contained {
	width: min(100% - 2 * var(--ag-pad), var(--ag-max));
	max-width: var(--ag-max);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--ag-pad);
	padding-right: var(--ag-pad);
	box-sizing: border-box;
}