@font-face {
	font-family: "Manrope";
	src: url("../fonts/manrope/Manrope-VariableFont_wght.woff2") format("woff2");
	font-weight: 200 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Inter";
	src: url("../fonts/inter/Inter-VariableFont_slnt,wght.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

:root {
	--apcs-breakpoint-mobile: 767px;
	--apcs-breakpoint-tablet: 1279px;
	--apcs-content-width: 1088px;
	--apcs-wide-width: 1440px;
	--apcs-landing-content-rail: 1088px;
	--apcs-landing-wide-rail: 1440px;
	--apcs-landing-shell-gutter: clamp(24px, 4vw, 64px);
	--apcs-home-section-title-font-size: var(
		--wp--preset--font-size--home-section-title,
		clamp(2.125rem, 2.8vw, 3rem)
	);
	--apcs-border: var(--wp--preset--color--apcs-border);
	--apcs-surface: var(--wp--preset--color--apcs-surface);
	--apcs-base: var(--wp--preset--color--apcs-base);
	--apcs-ink: var(--wp--preset--color--apcs-ink);
	--apcs-muted: var(--wp--preset--color--apcs-muted);
	--apcs-accent: var(--wp--preset--color--apcs-accent);
	--apcs-footer: var(--wp--preset--color--apcs-footer);
	--apcs-panel: var(--wp--preset--color--apcs-panel);
	--apcs-glass: var(--wp--preset--color--apcs-glass);
	--apcs-color-text-strong: var(--apcs-ink);
	--apcs-color-text-muted: var(--apcs-muted);
	--apcs-color-action: var(--apcs-accent);
	--apcs-color-action-strong: var(--apcs-footer);
	--apcs-color-border-subtle: rgb(18 20 23 / 0.08);
	--apcs-color-border-strong: color-mix(in srgb, var(--apcs-border) 78%, var(--apcs-ink) 22%);
	--apcs-color-surface-soft: var(--apcs-surface);
	--apcs-color-surface-raised: var(--apcs-panel);
	--apcs-color-surface-inverse: var(--apcs-footer);
	--apcs-font-body: "Manrope", "Inter", sans-serif;
	--apcs-font-ui: "Inter", "Manrope", sans-serif;
	--apcs-font-size-eyebrow: clamp(0.8125rem, 0.78rem + 0.16vw, 0.9375rem);
	--apcs-font-size-body: clamp(1rem, 0.96rem + 0.18vw, 1.125rem);
	--apcs-font-size-body-large: clamp(1.0625rem, 0.98rem + 0.34vw, 1.3125rem);
	--apcs-font-size-section-title: clamp(2.375rem, 1.95rem + 1.6vw, 3rem);
	--apcs-font-size-card-title: clamp(1.125rem, 1.02rem + 0.42vw, 1.375rem);
	--apcs-line-height-tight: 1.08;
	--apcs-line-height-heading: 1.14;
	--apcs-line-height-body: 1.64;
	--apcs-letter-spacing-tight: -0.035em;
	--apcs-letter-spacing-eyebrow: 0.16em;
	--apcs-space-2xs: 6px;
	--apcs-space-xs: 10px;
	--apcs-space-sm: 14px;
	--apcs-space-md: 20px;
	--apcs-space-lg: 28px;
	--apcs-space-xl: 40px;
	--apcs-space-2xl: 56px;
	--apcs-space-3xl: 72px;
	--apcs-section-y: clamp(64px, 7vw, 112px);
	--apcs-section-y-compact: clamp(48px, 5vw, 84px);
	--apcs-section-gap: clamp(28px, 4vw, 56px);
	--apcs-landing-section-gap: var(--apcs-section-gap);
	--apcs-landing-section-gap-compact: var(--apcs-space-md);
	--apcs-card-gap: clamp(14px, 1.8vw, 24px);
	--apcs-grid-gap: clamp(20px, 2.6vw, 38px);
	--apcs-card-padding: clamp(18px, 2.1vw, 28px);
	--apcs-panel-padding: clamp(24px, 3.2vw, 44px);
	--apcs-rail-padding-inline: clamp(20px, 3.8vw, 64px);
	--apcs-border-width-hairline: 1px;
	--apcs-border-radius-none: 0;
	--apcs-border-radius-sm: 12px;
	--apcs-border-radius-md: 18px;
	--apcs-border-radius-lg: 24px;
	--apcs-shadow-card: 0 18px 44px rgb(26 46 68 / 0.08);
	--apcs-shadow-panel: 0 26px 70px rgb(18 20 23 / 0.12);
	--apcs-focus-ring: 0 0 0 3px rgb(76 96 120 / 0.26);
}