/* ==========================================================================
   Azi Research — Design Tokens
   Source of truth: local_BuildReference/Figma_ComponentLibrary_TokensExport/*.json
   Typography and Radius have separate Mobile/Desktop values — see breakpoint block below.
   ========================================================================== */

:root {
	/* ---- Color: Base palette ---- */
	--azi-black: #000000;
	--azi-neutral-90: #161616;
	--azi-neutral-80: #262626;
	--azi-neutral-70: #4B4B4B;
	--azi-neutral-60: #7E7E7E;
	--azi-neutral-50: #949494;
	--azi-neutral-40: #A9A9A9;
	--azi-neutral-30: #BFBFBF;
	--azi-neutral-20: #D4D4D4;
	--azi-neutral-10: #E9E9E9;
	--azi-white: #FFFFFF;
	--azi-page-bg: #F5F5F9;
	--azi-transparent: #FFFFFF00;

	--azi-navy-900: #1D1D44;
	--azi-navy-800: #15152D;
	--azi-navy-700: #212145;
	--azi-navy-600: #2C2C5E;
	--azi-navy-500: #373775; /* Primary-blue/500 Main */
	--azi-navy-400: #4D4DA3;
	--azi-navy-300: #5F5FDE;
	--azi-navy-200: #7070F2;
	--azi-navy-100: #9191FB;
	--azi-navy-50: #BDBDFE;
	--azi-navy-10: #E2E2FF;

	--azi-teal-800: #074545;
	--azi-teal-700: #075555;
	--azi-teal-600: #0A7171;
	--azi-teal-500: #0C8D8D; /* Secondary-Turquoise-green/500 Main */
	--azi-teal-400: #00AFAF;
	--azi-teal-300: #12CFCF;
	--azi-teal-200: #77DDDD;
	--azi-teal-100: #B5ECEC;
	--azi-teal-10: #E9F9F9;

	--azi-orange-900: #9A3200;
	--azi-orange-800: #B83B00;
	--azi-orange-700: #D64500;
	--azi-orange-600: #F85100;
	--azi-orange-500: #FF6E28; /* Tertiary-Orange/500 Main */
	--azi-orange-400: #FF874E;
	--azi-orange-300: #FFA073;
	--azi-orange-200: #FFB591;
	--azi-orange-100: #FFD2BC;
	--azi-orange-10: #FFEEE6;

	--azi-error-900: #500500;
	--azi-error-800: #720701;
	--azi-error-700: #99120A;
	--azi-error-600: #BE2A21;
	--azi-error-500: #D7433A;
	--azi-error-400: #E56E67;
	--azi-error-300: #F79E99;
	--azi-error-200: #FAC6C3;
	--azi-error-100: #FFE0DF;
	--azi-error-10: #FFF4F3;

	--azi-warning-900: #765400;
	--azi-warning-800: #9B6F00;
	--azi-warning-700: #BD8700;
	--azi-warning-600: #DB9F06;
	--azi-warning-500: #F4B003;
	--azi-warning-400: #FFC635;
	--azi-warning-300: #FFD25F;
	--azi-warning-200: #FFE092;
	--azi-warning-100: #FFEDBE;
	--azi-warning-10: #FFF5DC;

	--azi-success-900: #0A4000;
	--azi-success-800: #155F08;
	--azi-success-700: #228312;
	--azi-success-600: #339B21;
	--azi-success-500: #4CBA39;
	--azi-success-400: #75CA66;
	--azi-success-300: #96E089;
	--azi-success-200: #B5EBAB;
	--azi-success-100: #D6F8D0;
	--azi-success-10: #E6FFE2;

	/* Informative/Info aliases Primary-blue 1:1 */
	--azi-info-900: var(--azi-navy-900);
	--azi-info-800: var(--azi-navy-800);
	--azi-info-700: var(--azi-navy-700);
	--azi-info-600: var(--azi-navy-600);
	--azi-info-500: var(--azi-navy-500);
	--azi-info-400: var(--azi-navy-400);
	--azi-info-300: var(--azi-navy-300);
	--azi-info-200: var(--azi-navy-200);
	--azi-info-100: var(--azi-navy-100);
	--azi-info-10: var(--azi-navy-10);

	/* ---- Color: Accent (status) ---- */
	--azi-accent-success-main: #4CBA39;
	--azi-accent-success-light: #D6F8D0;
	--azi-accent-warning-main: #F4B003;
	--azi-accent-warning-light: #FFE092;
	--azi-accent-error-main: #D7433A;
	--azi-accent-error-light: #F79E99;
	--azi-accent-info-main: #5959F0;
	--azi-accent-info-light: #E2E2FF;

	/* ---- Color: Applied (semantic, Light Mode) ---- */
	--azi-btn-primary-fill: var(--azi-navy-500);
	--azi-btn-primary-fill-focused: var(--azi-navy-200);
	--azi-btn-primary-fill-disabled: var(--azi-navy-10);

	--azi-btn-secondary-stroke: var(--azi-teal-500);
	--azi-btn-secondary-fill-hover: var(--azi-teal-100);
	--azi-btn-secondary-fill-focused: var(--azi-teal-200);
	--azi-btn-secondary-stroke-disabled: var(--azi-teal-100);

	--azi-btn-text-active: var(--azi-navy-10);
	--azi-btn-text-hover: var(--azi-navy-50);
	--azi-btn-text-focused: var(--azi-navy-200);
	--azi-btn-text-clicked: var(--azi-navy-100);
	--azi-btn-text-disabled: var(--azi-navy-50);

	--azi-btn-error-fill: var(--azi-error-600);
	--azi-btn-error-fill-focused: var(--azi-error-700);
	--azi-btn-error-fill-disabled: var(--azi-error-200);

	--azi-text-on-light: var(--azi-navy-800);
	--azi-text-on-dark: var(--azi-white);
	--azi-text-clickable-primary: var(--azi-navy-500);
	--azi-text-clickable-secondary: var(--azi-teal-500);
	--azi-text-placeholder: var(--azi-neutral-50);
	--azi-text-disabled: var(--azi-neutral-50);
	--azi-text-neutral: var(--azi-neutral-70);
	--azi-text-decorative: var(--azi-navy-400);
	--azi-text-decorative-secondary: var(--azi-teal-600);
	--azi-text-error: var(--azi-error-600);

	--azi-icon-on-light: var(--azi-navy-800);
	--azi-icon-on-dark: var(--azi-white);
	--azi-icon-clickable-primary: var(--azi-navy-500);
	--azi-icon-clickable-secondary: var(--azi-teal-500);
	--azi-icon-disabled: var(--azi-neutral-50);
	--azi-icon-decorative-primary: var(--azi-navy-200);
	--azi-icon-decorative-secondary: var(--azi-teal-400);
	--azi-icon-error: var(--azi-error-600);

	--azi-container-primary-light: var(--azi-navy-10);
	--azi-container-primary-accent: var(--azi-navy-50);
	--azi-container-primary-dark: var(--azi-navy-700);
	--azi-container-secondary-light: var(--azi-teal-10);
	--azi-container-secondary-accent: var(--azi-teal-100);
	--azi-container-secondary-dark: var(--azi-teal-800);
	--azi-container-neutral-fill: var(--azi-white);
	--azi-container-neutral-grey-fill: var(--azi-neutral-10);
	--azi-container-neutral-grey-stroke: var(--azi-neutral-20);
	--azi-container-highlight-fill: var(--azi-orange-500);
	--azi-page-bg-color: var(--azi-white);

	--azi-field-fill-enabled: var(--azi-neutral-10);
	--azi-field-fill-hovered: var(--azi-neutral-20);
	--azi-field-fill-focused: var(--azi-orange-10);
	--azi-field-stroke-enabled: var(--azi-neutral-30);
	--azi-field-stroke-hovered: var(--azi-neutral-70);
	--azi-field-stroke-disabled: var(--azi-neutral-20);
	--azi-field-stroke-focused: var(--azi-teal-400);
	--azi-field-stroke-error: var(--azi-error-600);

	--azi-divider-primary-subtle: var(--azi-navy-10);
	--azi-divider-primary-emphasised: var(--azi-navy-600);
	--azi-divider-secondary-subtle: var(--azi-teal-100);
	--azi-divider-secondary-emphasised: var(--azi-teal-600);
	--azi-divider-neutral: var(--azi-white);

	--azi-active-state: var(--azi-orange-600);
	--azi-active-state-focused: var(--azi-orange-800);
	--azi-active-state-disabled: var(--azi-orange-200);
	--azi-active-state-light: var(--azi-orange-10);

	--azi-status-success: var(--azi-success-100);
	--azi-status-warning: var(--azi-warning-200);
	--azi-status-error: var(--azi-error-300);
	--azi-status-info: var(--azi-navy-10);

	/* ---- Spacing / Padding (flat scale, no responsive split) ---- */
	--azi-space-0: 0px;
	--azi-space-xxs: 4px;
	--azi-space-xs: 8px;
	--azi-space-s: 16px;
	--azi-space-m: 24px;
	--azi-space-l: 32px;
	--azi-space-xl: 40px;
	--azi-space-xxl: 48px;
	--azi-space-xxxl: 56px;
	--azi-space-4xl: 64px;
	--azi-space-5xl: 72px;
	--azi-space-6xl: 80px;
	--azi-space-7xl: 88px;
	--azi-space-8xl: 96px;

	/* ---- Radius (mobile-first default; desktop override below) ---- */
	--azi-radius-square: 8px;
	--azi-radius-default: 16px;
	--azi-radius-full: 32px;
	--azi-radius-card: 16px;
	--azi-radius-modal: 16px;
	--azi-radius-container: 16px;
	--azi-radius-field-large: 16px;
	--azi-radius-field-small: 32px;
	--azi-radius-button: 32px;
	--azi-radius-section: 32px;

	/* ---- Illustration sizes (mobile-first default; desktop override below) ---- */
	--azi-illustration-xs: 80px;
	--azi-illustration-s: 120px;
	--azi-illustration-m: 160px;
	--azi-illustration-l: 200px;
	--azi-illustration-xl: 240px;
	--azi-illustration-xxl: 280px;
	--azi-illustration-xxxl: 320px;

	/* ---- Typography: font families ---- */
	--azi-font-body: 'Poppins', sans-serif;
	--azi-font-decorative: 'Ubuntu', sans-serif;

	/* ---- Typography: weights ---- */
	--azi-weight-light: 300;
	--azi-weight-regular: 400;
	--azi-weight-medium: 500;
	--azi-weight-semibold: 600;
	--azi-weight-bold: 700;

	/* ---- Typography: font-size scale (mobile-first default; desktop override below) ---- */
	--azi-fs-1xs: 10px;
	--azi-fs-xs: 12px;
	--azi-fs-s: 14px;
	--azi-fs-m: 16px;
	--azi-fs-l: 20px;
	--azi-fs-xl: 24px;
	--azi-fs-1xl: 28px;
	--azi-fs-2xl: 32px;
	--azi-fs-3xl: 36px;
	--azi-fs-4xl: 40px;

	/* ---- Typography: line-height scale (mobile-first default; desktop override below) ---- */
	--azi-lh-1xs: 12px;
	--azi-lh-xs: 16px;
	--azi-lh-s: 18px;
	--azi-lh-m: 20px;
	--azi-lh-l: 24px;
	--azi-lh-xl: 28px;
	--azi-lh-1xl: 32px;
	--azi-lh-2xl: 36px;
	--azi-lh-3xl: 40px;
	--azi-lh-4xl: 44px;
}

/* Desktop token overrides — Typography, Radius, and Illustration Sizes
   all have distinct Mobile/Desktop values per the Figma export. */
@media (min-width: 1024px) {
	:root {
		--azi-radius-square: 16px;
		--azi-radius-default: 24px;
		--azi-radius-full: 40px;
		--azi-radius-card: 24px;
		--azi-radius-modal: 24px;
		--azi-radius-container: 24px;
		--azi-radius-field-large: 24px;
		--azi-radius-field-small: 40px;
		--azi-radius-button: 40px;
		--azi-radius-section: 40px;

		--azi-illustration-xs: 120px;
		--azi-illustration-s: 160px;
		--azi-illustration-m: 200px;
		--azi-illustration-l: 240px;
		--azi-illustration-xl: 280px;
		--azi-illustration-xxl: 320px;
		--azi-illustration-xxxl: 360px;

		--azi-fs-1xs: 12px;
		--azi-fs-xs: 14px;
		--azi-fs-s: 16px;
		--azi-fs-m: 20px;
		--azi-fs-l: 24px;
		--azi-fs-xl: 32px;
		--azi-fs-1xl: 40px;
		--azi-fs-2xl: 48px;
		--azi-fs-3xl: 56px;
		--azi-fs-4xl: 64px;

		--azi-lh-1xs: 14px;
		--azi-lh-xs: 18px;
		--azi-lh-s: 20px;
		--azi-lh-m: 24px;
		--azi-lh-l: 28px;
		--azi-lh-xl: 40px;
		--azi-lh-1xl: 48px;
		--azi-lh-2xl: 56px;
		--azi-lh-3xl: 64px;
		--azi-lh-4xl: 72px;
	}
}

/* ==========================================================================
   Base / Reset
   ========================================================================== */

*, *::before, *::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-regular);
	font-size: var(--azi-fs-m);
	line-height: var(--azi-lh-m);
	color: var(--azi-text-on-light);
	background-color: var(--azi-page-bg-color);
}

img, svg, video {
	max-width: 100%;
	display: block;
}

a {
	color: var(--azi-text-clickable-primary);
}

ul[class], ol[class] {
	list-style: none;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p, figure, blockquote {
	margin: 0;
}

button {
	font-family: inherit;
	cursor: pointer;
}

/* ==========================================================================
   Typography utility classes
   ========================================================================== */

.azi-h1 { font-family: var(--azi-font-decorative); font-weight: var(--azi-weight-bold); font-size: var(--azi-fs-4xl); line-height: var(--azi-lh-4xl); }
.azi-h2 { font-family: var(--azi-font-decorative); font-weight: var(--azi-weight-bold); font-size: var(--azi-fs-3xl); line-height: var(--azi-lh-3xl); }
.azi-h3 { font-family: var(--azi-font-decorative); font-weight: var(--azi-weight-bold); font-size: var(--azi-fs-2xl); line-height: var(--azi-lh-2xl); }
.azi-h4 { font-family: var(--azi-font-decorative); font-weight: var(--azi-weight-medium); font-size: var(--azi-fs-1xl); line-height: var(--azi-lh-1xl); }
.azi-h5 { font-family: var(--azi-font-decorative); font-weight: var(--azi-weight-medium); font-size: var(--azi-fs-xl); line-height: var(--azi-lh-xl); }
.azi-h6 { font-family: var(--azi-font-decorative); font-weight: var(--azi-weight-medium); font-size: var(--azi-fs-l); line-height: var(--azi-lh-l); }

.azi-body-l { font-size: var(--azi-fs-l); line-height: var(--azi-lh-l); font-weight: var(--azi-weight-regular); }
.azi-body-m { font-size: var(--azi-fs-m); line-height: var(--azi-lh-m); font-weight: var(--azi-weight-regular); }
.azi-body-s { font-size: var(--azi-fs-s); line-height: var(--azi-lh-s); font-weight: var(--azi-weight-regular); }

.azi-caption { font-size: var(--azi-fs-xs); line-height: var(--azi-lh-xs); font-weight: var(--azi-weight-regular); color: var(--azi-text-neutral); }
.azi-overline { font-size: var(--azi-fs-1xs); line-height: var(--azi-lh-1xs); font-weight: var(--azi-weight-medium); text-transform: uppercase; letter-spacing: 0.06em; }

/* ==========================================================================
   Component utility classes
   ========================================================================== */

.azi-card {
	background-color: var(--azi-container-neutral-fill);
	border-radius: var(--azi-radius-card);
	padding: var(--azi-space-m);
}

.azi-panel {
	background-color: var(--azi-container-neutral-grey-fill);
	border: 1px solid var(--azi-container-neutral-grey-stroke);
	border-radius: var(--azi-radius-container);
	padding: var(--azi-space-l);
}

.azi-pill {
	display: inline-flex;
	align-items: center;
	border-radius: var(--azi-radius-full);
	padding: var(--azi-space-xs) var(--azi-space-s);
	font-weight: var(--azi-weight-medium);
}

/* ==========================================================================
   Placeholder blocks (images/illustrations not yet supplied by client)
   ========================================================================== */

.azi-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--azi-container-neutral-grey-fill);
	border: 1px dashed var(--azi-container-neutral-grey-stroke);
	border-radius: var(--azi-radius-container);
	color: var(--azi-text-neutral);
	font-size: var(--azi-fs-s);
	line-height: var(--azi-lh-s);
	text-align: center;
	padding: var(--azi-space-m);
	min-height: 120px;
}

/* ==========================================================================
   Site header / navigation
   ========================================================================== */

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

.site-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background-color: #FFFDFA;
	border-bottom: 1px solid var(--azi-divider, #F0EBE3);
}

.site-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--azi-space-s);
	padding: var(--azi-space-s) var(--azi-space-m);
	max-width: 1280px;
	margin: 0 auto;
}

.site-logo {
	display: inline-flex;
	align-items: center;
	gap: var(--azi-space-xxs);
	text-decoration: none;
	flex: none;
}

.site-logo__mark {
	position: relative;
	display: inline-block;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: var(--azi-navy-500);
}

.site-logo__dot {
	position: absolute;
	right: 3px;
	top: 4px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--azi-orange-500);
}

.site-logo__word {
	font-family: var(--azi-font-decorative);
	font-weight: var(--azi-weight-bold);
	font-size: 17px;
	line-height: 1;
	color: var(--azi-navy-800);
}

.site-logo__image {
	display: block;
	height: 32px;
	width: auto;
}

.nav-toggle {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	gap: 4px;
	width: 36px;
	height: 36px;
	padding: 0;
	border: none;
	background: transparent;
	cursor: pointer;
}

.nav-toggle__bar {
	display: block;
	width: 100%;
	height: 2px;
	background: var(--azi-navy-800);
	border-radius: 2px;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.site-header__nav {
	display: none;
}

.site-header__actions {
	display: none;
	align-items: center;
	gap: var(--azi-space-xs);
	flex: none;
}

.nav-list {
	display: flex;
	align-items: center;
	gap: 2px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav-item {
	position: relative;
}

.nav-item__link {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 8px 9px;
	border-radius: var(--azi-radius-full);
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-medium);
	font-size: 14px;
	line-height: 1;
	color: var(--azi-text-neutral, #6B6B6B);
	text-decoration: none;
	white-space: nowrap;
}

.nav-item__link.is-active {
	color: var(--azi-orange-500);
	font-weight: var(--azi-weight-semibold);
}

.nav-dropdown__link.is-active {
	color: var(--azi-orange-500);
	font-weight: var(--azi-weight-semibold);
}

.nav-item__chevron {
	width: 0;
	height: 0;
	border-left: 3.5px solid transparent;
	border-right: 3.5px solid transparent;
	border-top: 4px solid currentColor;
	opacity: 0.55;
}

.nav-item__submenu-toggle {
	display: none;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: none;
	appearance: none;
	background: transparent;
	color: inherit;
	cursor: pointer;
}

.nav-item__submenu-toggle[aria-expanded="true"] .nav-item__chevron {
	transform: rotate(180deg);
}

.nav-dropdown {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	padding-top: 8px;
	z-index: 60;
}

.nav-item--has-children:hover > .nav-dropdown,
.nav-item--has-children:focus-within > .nav-dropdown {
	display: block;
}

.nav-dropdown__panel {
	min-width: 208px;
	background: #fff;
	border-radius: 14px;
	border: 1px solid var(--azi-divider, #F0EBE3);
	box-shadow: 2px 2px 18px rgba(0, 0, 0, 0.1);
	padding: 7px;
}

.nav-dropdown__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav-dropdown__item {
	list-style: none;
}

.nav-dropdown__link {
	display: block;
	padding: 9px 12px;
	border-radius: 9px;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-medium);
	font-size: 14px;
	line-height: 1.3;
	color: var(--azi-navy-800);
	text-decoration: none;
	white-space: nowrap;
}

.nav-dropdown__link:hover {
	background: rgba(55, 55, 117, 0.06);
}

.login-dropdown {
	position: relative;
}

.login-dropdown__toggle {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 8px 12px;
	border: none;
	background: transparent;
	border-radius: var(--azi-radius-full);
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-medium);
	font-size: 14px;
	color: var(--azi-navy-500);
	white-space: nowrap;
	cursor: pointer;
}

.login-dropdown__panel {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	padding-top: 8px;
	z-index: 60;
	min-width: 180px;
	background: #fff;
	border-radius: 14px;
	border: 1px solid var(--azi-divider, #F0EBE3);
	box-shadow: 2px 2px 18px rgba(0, 0, 0, 0.1);
	padding: 7px;
}

.login-dropdown.is-open .login-dropdown__panel,
.login-dropdown:hover .login-dropdown__panel,
.login-dropdown:focus-within .login-dropdown__panel {
	display: block;
}

.login-dropdown__link {
	display: block;
	padding: 9px 12px;
	border-radius: 9px;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-medium);
	font-size: 14px;
	color: var(--azi-navy-800);
	text-decoration: none;
	white-space: nowrap;
}

.login-dropdown__link:hover {
	background: rgba(55, 55, 117, 0.06);
}

.signup-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 22px;
	border-radius: var(--azi-radius-full);
	background: var(--azi-orange-500);
	color: #fff;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
}

/* Mobile nav drawer */
body.nav-open .site-header__nav {
	display: block;
	position: fixed;
	inset: 0;
	top: 65px;
	background: #fff;
	overflow-y: auto;
	padding: var(--azi-space-m);
	z-index: 90;
}

body.nav-open .nav-list {
	flex-direction: column;
	align-items: stretch;
	gap: var(--azi-space-xs);
}

body.nav-open .nav-item {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

body.nav-open .nav-item__link {
	flex: 1 1 auto;
	justify-content: flex-start;
}

body.nav-open .nav-item__submenu-toggle {
	display: inline-flex;
	flex: 0 0 auto;
}

body.nav-open .nav-dropdown {
	display: none;
	position: static;
	padding-top: 0;
	width: 100%;
	order: 1;
}

body.nav-open .nav-item--has-children.is-open > .nav-dropdown {
	display: block;
}

body.nav-open .nav-dropdown__panel {
	box-shadow: none;
	border: none;
	padding: 0 0 0 var(--azi-space-s);
}

body.nav-open .site-header__actions {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	margin-top: var(--azi-space-m);
	padding-top: var(--azi-space-m);
	border-top: 1px solid var(--azi-divider, #F0EBE3);
}

body.nav-open .signup-pill {
	margin-top: var(--azi-space-xs);
}

@media (min-width: 1024px) {
	.nav-toggle {
		display: none;
	}

	.site-header__nav {
		display: block;
	}

	.site-header__actions {
		display: flex;
	}

	body.nav-open .site-header__nav {
		position: static;
		inset: auto;
		top: auto;
		background: transparent;
		overflow: visible;
		padding: 0;
		z-index: auto;
	}
}

/* ==========================================================================
   Site footer
   ========================================================================== */

.site-footer {
	background: var(--azi-navy-800);
	color: #fff;
}

.footer-cta {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-cta__inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: var(--azi-space-l) var(--azi-space-m);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--azi-space-s);
}

.footer-cta__text {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-xxs);
}

.footer-cta__heading {
	margin: 0;
	padding: 0;
	text-align: left;
	text-indent: 0;
	font-family: var(--azi-font-decorative);
	font-weight: var(--azi-weight-bold);
	font-size: var(--azi-fs-xl);
	line-height: var(--azi-lh-xl);
	color: #fff;
}

.footer-cta__subheading {
	margin: 0;
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-s);
	line-height: var(--azi-lh-s);
	color: rgba(255, 255, 255, 0.65);
}

.footer-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--azi-space-xs);
}

.footer-cta__login {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 22px;
	border-radius: var(--azi-radius-full);
	background: transparent;
	border: 1.5px solid rgba(255, 255, 255, 0.4);
	color: #fff;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: 14px;
	text-decoration: none;
	white-space: nowrap;
}

.footer-main {
	max-width: 1280px;
	margin: 0 auto;
	padding: var(--azi-space-l) var(--azi-space-m);
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-l);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-contact {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-s);
}

.footer-contact__logo {
	margin-bottom: calc(var(--azi-space-xxs) * -1);
}

.footer-contact__logo .site-logo__word {
	color: #fff;
}

.footer-contact__tagline {
	margin: 0;
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-s);
	line-height: var(--azi-lh-s);
	color: rgba(255, 255, 255, 0.65);
}

.footer-contact__whatsapp {
	display: inline-flex;
	align-self: flex-start;
	align-items: center;
	gap: 9px;
	padding: 10px 15px;
	border-radius: var(--azi-radius-full);
	background: #1FA855;
	color: #fff;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: 14px;
	text-decoration: none;
	white-space: nowrap;
}

.footer-contact__whatsapp-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.25);
	font-size: 8px;
	font-weight: var(--azi-weight-bold);
}

.footer-contact__item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.footer-contact__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.1);
	font-size: 9px;
	font-weight: var(--azi-weight-bold);
}

.footer-contact__label {
	display: block;
	font-size: 14px;
	line-height: 1.2;
	color: rgba(255, 255, 255, 0.5);
}

.footer-contact__value {
	display: block;
	font-size: 14px;
	line-height: 1.3;
	font-weight: var(--azi-weight-semibold);
	color: #fff;
}

.footer-sitemap {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--azi-space-m) var(--azi-space-s);
}

.footer-sitemap__col {
	min-width: 0;
}

.footer-sitemap__title {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-bold);
	font-size: 14px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.5);
	margin-bottom: var(--azi-space-xs);
}

.footer-sitemap__list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 9px;
}

.footer-sitemap__list a {
	font-family: var(--azi-font-body);
	font-size: 14px;
	line-height: 1.3;
	color: rgba(255, 255, 255, 0.78);
	text-decoration: none;
}

.footer-sitemap__list a:hover {
	color: #fff;
}

.footer-bottom {
	max-width: 1280px;
	margin: 0 auto;
	padding: var(--azi-space-m);
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-s);
}

.footer-socials {
	display: flex;
	gap: 8px;
}

.footer-socials__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
	font-size: 14px;
	font-weight: var(--azi-weight-bold);
	text-decoration: none;
}

.footer-bottom__copy {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.5);
}

.footer-bottom__legal {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
}

.footer-bottom__legal a {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
	text-decoration: none;
}

.footer-bottom__legal a:hover {
	color: #fff;
}

/* ==========================================================================
   Home — Hero (Color Block variant)
   ========================================================================== */

.azi-hero--color-block {
	padding: var(--azi-space-s) var(--azi-space-m);
	max-width: 1280px;
	margin: 0 auto;
}

.azi-hero__grid {
	display: flex;
	flex-direction: column;
	border-radius: var(--azi-radius-container);
	overflow: hidden;
	background-image: var(--azi-hero-bg-mobile);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	aspect-ratio: 355 / 812;
	min-height: 0;
}

@media (min-width: 1024px) {
	.azi-hero__grid {
		background-image: var(--azi-hero-bg-desktop);
		background-size: cover;
		aspect-ratio: 1270 / 511;
		min-height: 0;
	}
}

.azi-hero__grid.azi-placeholder {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	text-align: left;
	background-color: transparent;
	border: none;
	padding: 0;
	min-height: 0;
}

.azi-hero-panel {
	background-color: var(--azi-navy-500);
	padding: var(--azi-space-l);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.azi-hero__grid:not(.azi-placeholder) .azi-hero-panel {
	background-color: transparent;
}

.azi-hero-panel__eyebrow {
	background-color: var(--azi-orange-10);
	color: var(--azi-orange-800);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-family: var(--azi-font-body);
	font-size: 14px;
	line-height: 18px;
	margin-bottom: var(--azi-space-s);
}

.azi-hero-panel__heading {
	color: var(--azi-text-on-dark);
	margin-bottom: var(--azi-space-s);
	font-size: 28px;
	line-height: 1.2;
}

@media (min-width: 1024px) {
	.azi-hero-panel__heading {
		font-size: var(--azi-fs-4xl);
		line-height: var(--azi-lh-4xl);
	}
}

.azi-hero-panel__heading-accent {
	color: var(--azi-teal-300);
}

.azi-hero-panel__body {
	color: rgba(255, 255, 255, 0.82);
	margin-bottom: var(--azi-space-m);
	font-family: var(--azi-font-body);
	font-size: 16px;
	line-height: 1.65;
	font-weight: var(--azi-weight-regular);
}

.azi-hero-panel__actions {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-xs);
	align-self: stretch;
}

.azi-hero-panel__cta {
	justify-content: center;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	text-decoration: none;
	padding-top: var(--azi-space-xs);
	padding-bottom: var(--azi-space-xs);
}

.azi-hero-panel__cta--primary {
	background-color: var(--azi-white);
	color: var(--azi-navy-500);
}

.azi-hero-panel__cta--secondary {
	background-color: transparent;
	border: 1.5px solid rgba(255, 255, 255, 0.7);
	color: var(--azi-white);
}

@media (min-width: 1024px) {
	.azi-hero--color-block {
		padding: var(--azi-space-l) var(--azi-space-m);
	}

	.azi-hero-panel {
		padding: var(--azi-space-xl);
		justify-content: center;
		max-width: 640px;
	}

	.azi-hero-panel__actions {
		flex-direction: row;
		align-self: flex-start;
	}

	.azi-hero-panel__cta {
		padding-left: var(--azi-space-m);
		padding-right: var(--azi-space-m);
	}
}

/* ==========================================================================
   Home — Why Us (numbered rows)
   ========================================================================== */

.azi-why-us {
	padding: var(--azi-space-m) var(--azi-space-m);
	max-width: 1280px;
	margin: 0 auto;
}

.azi-why-us__eyebrow {
	background-color: var(--azi-orange-10);
	color: var(--azi-orange-800);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-family: var(--azi-font-body);
	font-size: 14px;
	line-height: 18px;
	margin-bottom: var(--azi-space-s);
}

.azi-why-us__heading {
	margin: 0 0 var(--azi-space-s);
}

.azi-why-us__list {
	display: flex;
	flex-direction: column;
}

.azi-why-us__row {
	display: flex;
	align-items: center;
	gap: var(--azi-space-s);
	padding: var(--azi-space-s) 0;
	border-top: 1px solid var(--azi-container-neutral-grey-stroke);
}

.azi-why-us__row--last {
	border-bottom: 1px solid var(--azi-container-neutral-grey-stroke);
}

.azi-why-us__number {
	flex: none;
	width: 30px;
	font-family: var(--azi-font-decorative);
	font-weight: var(--azi-weight-bold);
	font-size: var(--azi-fs-xl);
	line-height: 1;
}

.azi-why-us__number--1 {
	color: var(--azi-orange-200);
}

.azi-why-us__number--2 {
	color: var(--azi-navy-50);
}

.azi-why-us__number--3 {
	color: var(--azi-teal-200);
}

.azi-why-us__label {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-m);
	line-height: 1.3;
	color: var(--azi-text-on-light);
}

.azi-why-us__desc {
	display: none;
	margin: 0;
	flex: 1;
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-s);
	line-height: 1.5;
	color: var(--azi-text-neutral);
}

@media (min-width: 1024px) {
	.azi-why-us {
		padding: var(--azi-space-xl) var(--azi-space-m);
	}

	.azi-why-us__row {
		gap: var(--azi-space-m);
		padding: var(--azi-space-s) 0;
	}

	.azi-why-us__number {
		width: 46px;
		font-size: var(--azi-fs-1xl);
	}

	.azi-why-us__label {
		width: 230px;
		flex: none;
	}

	.azi-why-us__desc {
		display: block;
	}
}

/* ==========================================================================
   Home — Who Benefits (Business / Participant cards)
   ========================================================================== */

.azi-who-benefits {
	padding: var(--azi-space-m) var(--azi-space-m) var(--azi-space-l);
	max-width: 1280px;
	margin: 0 auto;
}

.azi-who-benefits__eyebrow {
	background-color: var(--azi-orange-10);
	color: var(--azi-orange-800);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-family: var(--azi-font-body);
	font-size: 14px;
	line-height: 18px;
	margin-bottom: var(--azi-space-m);
}

.azi-who-benefits__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-s);
}

.azi-who-benefits__card {
	border-radius: var(--azi-radius-container);
	padding: var(--azi-space-m);
	color: var(--azi-text-on-dark);
}

.azi-who-benefits__card--business {
	background-color: var(--azi-navy-500);
}

.azi-who-benefits__card--participants {
	background-color: var(--azi-teal-500);
}

.azi-who-benefits__tag {
	background-color: rgba(255, 255, 255, 0.16);
	color: var(--azi-text-on-dark);
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-xs);
	margin-bottom: var(--azi-space-s);
}

.azi-who-benefits__heading {
	font-family: var(--azi-font-decorative);
	font-weight: var(--azi-weight-bold);
	font-size: var(--azi-fs-l);
	line-height: 1.2;
	margin-bottom: var(--azi-space-s);
}

.azi-who-benefits__image {
	background-color: rgba(255, 255, 255, 0.12);
	border-color: rgba(255, 255, 255, 0.3);
	aspect-ratio: 3 / 1;
	min-height: 0;
	padding: 0;
	margin-bottom: var(--azi-space-s);
}

.azi-who-benefits__cta {
	background-color: var(--azi-white);
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	text-decoration: none;
	padding: var(--azi-space-xs) var(--azi-space-s);
}

.azi-who-benefits__card--business .azi-who-benefits__cta {
	color: var(--azi-navy-500);
}

.azi-who-benefits__card--participants .azi-who-benefits__cta {
	color: var(--azi-teal-500);
}

@media (min-width: 1024px) {
	.azi-who-benefits {
		padding: var(--azi-space-xl) var(--azi-space-m) var(--azi-space-xxl);
	}

	.azi-who-benefits__grid {
		grid-template-columns: 1fr 1fr;
		gap: var(--azi-space-m);
	}

	.azi-who-benefits__card {
		padding: var(--azi-space-l);
	}

	.azi-who-benefits__heading {
		font-size: var(--azi-fs-xl);
	}

}

/* ==========================================================================
   Home — Why Trust Us (logos, testimonial, team, About Us CTA)
   ========================================================================== */

.azi-why-trust-us {
	padding: var(--azi-space-m) var(--azi-space-m) var(--azi-space-l);
	max-width: 1280px;
	margin: 0 auto;
}

.azi-why-trust-us__eyebrow {
	background-color: var(--azi-orange-10);
	color: var(--azi-orange-800);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-family: var(--azi-font-body);
	font-size: 14px;
	line-height: 18px;
	margin-bottom: var(--azi-space-s);
}

.azi-why-trust-us__logos {
	display: flex;
	gap: var(--azi-space-xs);
	align-items: center;
	padding: var(--azi-space-xs);
	border-radius: var(--azi-radius-card);
	background-color: var(--azi-container-neutral-grey-fill);
	overflow: hidden;
	margin-bottom: var(--azi-space-s);
}

.azi-why-trust-us__logo {
	flex: none;
	width: 96px;
	height: 96px;
	border-radius: 7px;
	background-color: var(--azi-white);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--azi-text-placeholder);
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-1xs);
}

.azi-why-trust-us__logo img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.azi-why-trust-us__logo--desktop-only {
	display: none;
}

.azi-why-trust-us__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-s);
	align-items: center;
}

.azi-why-trust-us__testimonial {
	padding: var(--azi-space-s);
	border-radius: var(--azi-radius-container);
	background-color: var(--azi-warning-10);
	border: 1px solid var(--azi-warning-100);
}

.azi-why-trust-us__quote-mark {
	display: block;
	font-family: var(--azi-font-decorative);
	font-weight: var(--azi-weight-bold);
	font-size: 28px;
	line-height: 1;
	color: var(--azi-warning-500);
	margin-bottom: var(--azi-space-xxs);
}

.azi-why-trust-us__quote {
	margin: 0 0 var(--azi-space-s);
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-s);
	line-height: 1.5;
	color: var(--azi-text-on-light);
}

.azi-why-trust-us__attribution {
	display: flex;
	align-items: center;
	gap: var(--azi-space-xs);
}

.azi-why-trust-us__avatar {
	flex: none;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: var(--azi-white);
}

.azi-why-trust-us__attribution-name {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-medium);
	font-size: var(--azi-fs-xs);
	color: var(--azi-text-neutral);
}

.azi-why-trust-us__team-label {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	color: var(--azi-text-on-light);
	margin-bottom: 4px;
}

.azi-why-trust-us__team-subheading {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-regular);
	font-size: var(--azi-fs-xs);
	color: var(--azi-neutral-60);
	margin-bottom: var(--azi-space-s);
}

.azi-why-trust-us__team-image {
	display: block;
	width: 100%;
	aspect-ratio: 1064 / 472;
	min-height: 0;
	padding: 0;
	border-radius: var(--azi-radius-default);
	margin-bottom: var(--azi-space-s);
}

.azi-why-trust-us__cta {
	background-color: transparent;
	border: 1.5px solid var(--azi-navy-800);
	color: var(--azi-navy-800);
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	text-decoration: none;
	padding: var(--azi-space-xs) var(--azi-space-s);
}

@media (min-width: 1024px) {
	.azi-why-trust-us {
		padding: var(--azi-space-xl) var(--azi-space-m) var(--azi-space-xxl);
	}

	.azi-why-trust-us__logos {
		padding: var(--azi-space-s);
		margin-bottom: var(--azi-space-m);
	}

	.azi-why-trust-us__logo {
		width: 112px;
		height: 112px;
	}

	.azi-why-trust-us__logo--desktop-only {
		display: flex;
	}

	.azi-why-trust-us__grid {
		grid-template-columns: 1.3fr 1fr;
		gap: var(--azi-space-m);
	}

	.azi-why-trust-us__testimonial {
		padding: var(--azi-space-m);
	}

	.azi-why-trust-us__quote-mark {
		font-size: 40px;
	}
}

/* ==========================================================================
   Home — Resources (magazine grid)
   ========================================================================== */

.azi-resources {
	padding: var(--azi-space-m) var(--azi-space-m) var(--azi-space-l);
	max-width: 1280px;
	margin: 0 auto;
}

.azi-resources__head {
	margin-bottom: var(--azi-space-s);
}

.azi-resources__eyebrow {
	background-color: var(--azi-orange-10);
	color: var(--azi-orange-800);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-family: var(--azi-font-body);
	font-size: 14px;
	line-height: 18px;
	margin-bottom: var(--azi-space-xs);
}

.azi-resources__heading {
	margin: 0 0 var(--azi-space-xs);
}

.azi-resources__subheading {
	margin: 0;
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-s);
	line-height: 1.5;
	color: var(--azi-text-neutral);
	max-width: 480px;
}

.azi-resources__cards {
	margin-bottom: var(--azi-space-m);
}

.azi-resources__instagram {
	margin-top: var(--azi-space-m);
	border-radius: var(--azi-radius-card);
	overflow: hidden;
}

.azi-resources__instagram-placeholder {
	min-height: 120px;
	background-color: var(--azi-container-neutral-grey-fill);
	border: 1px dashed var(--azi-container-neutral-grey-stroke);
	color: var(--azi-text-neutral);
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-1xs);
}

.azi-resources__instagram #sb_instagram.sbi_width_resp {
	padding: 0 !important;
}

.azi-resources__cta {
	background-color: transparent;
	border: 1.5px solid var(--azi-navy-800);
	color: var(--azi-navy-800);
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	text-decoration: none;
	padding: var(--azi-space-xs) var(--azi-space-s);
}

.azi-resources__cta--desktop {
	display: none;
}

@media (min-width: 1024px) {
	.azi-resources {
		padding: var(--azi-space-xl) var(--azi-space-m) var(--azi-space-xxl);
	}

	.azi-resources__head {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		margin-bottom: var(--azi-space-m);
	}

	.azi-resources__cta--desktop {
		display: inline-flex;
	}

	.azi-resources__cta--mobile {
		display: none;
	}
}

/* ==========================================================================
   Home — Get In Touch (form + calendar + participant callout)
   ========================================================================== */

.azi-get-in-touch {
	background: linear-gradient(135deg, var(--azi-orange-100), var(--azi-warning-10));
}

.azi-get-in-touch__inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: var(--azi-space-l) var(--azi-space-m);
}

.azi-get-in-touch__eyebrow {
	background-color: var(--azi-white);
	color: var(--azi-orange-800);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-family: var(--azi-font-body);
	font-size: 14px;
	line-height: 18px;
	margin-bottom: var(--azi-space-s);
}

.azi-get-in-touch__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-m);
	align-items: center;
}

.azi-get-in-touch__heading {
	margin: 0 0 var(--azi-space-s);
}

.azi-get-in-touch__body {
	display: none;
	margin: 0 0 var(--azi-space-s);
	max-width: 300px;
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-s);
	line-height: 1.6;
	color: #5A4A3A;
}

.azi-get-in-touch__callout {
	display: flex;
	align-items: center;
	gap: var(--azi-space-s);
	padding: var(--azi-space-s);
	border-radius: var(--azi-radius-container);
	background-color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
}

.azi-get-in-touch__callout-icon {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: var(--azi-radius-default);
	background-color: var(--azi-white);
	color: var(--azi-navy-500);
}

.azi-get-in-touch__callout-icon .ionicon {
	width: 20px;
	height: 20px;
}

.azi-get-in-touch__callout-title {
	display: block;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	color: var(--azi-text-on-light);
}

.azi-get-in-touch__callout-link {
	display: block;
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-xs);
	color: #5A4A3A;
}

.azi-get-in-touch__card {
	padding: var(--azi-space-s);
	border-radius: var(--azi-radius-container);
	background-color: var(--azi-white);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}

.azi-get-in-touch__card-title {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-m);
	color: var(--azi-text-on-light);
	margin-bottom: var(--azi-space-s);
}

.azi-get-in-touch__form-wrap .wpcf7-form {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-xs);
}

.azi-get-in-touch__form-wrap .wpcf7-form-control-wrap {
	display: block;
}

.azi-get-in-touch__form-wrap p {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-xs);
	margin: 0;
}

.azi-get-in-touch__field {
	width: 100%;
	height: 40px;
	padding: 0 var(--azi-space-s);
	border-radius: var(--azi-radius-full);
	background-color: var(--azi-field-fill-enabled);
	border: 1px solid var(--azi-field-stroke-enabled);
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-s);
	color: var(--azi-text-on-light);
	box-sizing: border-box;
}

.azi-get-in-touch__field::placeholder {
	color: var(--azi-text-placeholder);
}

.azi-get-in-touch__field--textarea {
	height: 64px;
	border-radius: var(--azi-radius-field-large);
	padding: var(--azi-space-xs) var(--azi-space-s);
	resize: vertical;
}

.azi-get-in-touch__submit {
	background-color: var(--azi-orange-500);
	color: var(--azi-white);
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	border: none;
	appearance: none;
	cursor: pointer;
	padding: var(--azi-space-xs) var(--azi-space-m);
}

.azi-get-in-touch__calendar-link {
	margin-top: var(--azi-space-xs);
	display: inline-block;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-medium);
	font-size: var(--azi-fs-xs);
	color: var(--azi-text-neutral);
	text-decoration: none;
}

@media (min-width: 1024px) {
	.azi-get-in-touch__inner {
		padding: var(--azi-space-xxl) var(--azi-space-m);
	}

	.azi-get-in-touch__grid {
		grid-template-columns: 0.9fr 1.1fr;
		gap: var(--azi-space-l);
	}

	.azi-get-in-touch__body {
		display: block;
	}

	.azi-get-in-touch__card {
		padding: var(--azi-space-m);
	}

	.azi-get-in-touch__field {
		height: 42px;
	}

	.azi-get-in-touch__field--textarea {
		height: 70px;
	}
}

@media (min-width: 1024px) {
	.footer-cta__inner {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}

	.footer-cta__text {
		flex: 1;
		margin: 0 var(--azi-space-l);
	}

	.footer-main {
		flex-direction: row;
		justify-content: space-between;
		gap: var(--azi-space-xl);
	}

	.footer-contact {
		flex: none;
		width: 220px;
	}

	.footer-sitemap {
		flex: 1;
		grid-template-columns: repeat(5, 1fr);
	}

	.footer-bottom {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
}

/* ==========================================================================
   About — Hero (Centered statement)
   ========================================================================== */

.azi-about-hero {
	max-width: 1280px;
	margin: 0 auto;
	padding: var(--azi-space-l) var(--azi-space-m);
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.azi-about-hero__eyebrow {
	background-color: var(--azi-orange-10);
	color: var(--azi-orange-800);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-family: var(--azi-font-body);
	font-size: 14px;
	line-height: 18px;
	margin-bottom: var(--azi-space-s);
}

.azi-about-hero__heading {
	max-width: 720px;
	margin-bottom: var(--azi-space-s);
}

.azi-about-hero__heading-accent {
	color: var(--azi-orange-500);
}

.azi-about-hero__body {
	max-width: 560px;
	margin-bottom: var(--azi-space-m);
	font-family: var(--azi-font-body);
	font-size: 16px;
	line-height: 1.65;
	font-weight: var(--azi-weight-regular);
	color: var(--azi-text-neutral);
}

.azi-about-hero__actions {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-xs);
	width: 100%;
	margin-bottom: var(--azi-space-m);
}

.azi-about-hero__cta {
	justify-content: center;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	text-decoration: none;
	padding-top: var(--azi-space-xs);
	padding-bottom: var(--azi-space-xs);
}

.azi-about-hero__cta--primary {
	background-color: var(--azi-navy-500);
	color: var(--azi-white);
}

.azi-about-hero__cta--secondary {
	background-color: transparent;
	border: 1.5px solid var(--azi-navy-500);
	color: var(--azi-navy-500);
}

.azi-about-hero__image {
	display: block;
	width: 100%;
	height: auto;
	min-height: 160px;
	border-radius: var(--azi-radius-card);
}

img.azi-about-hero__image {
	min-height: 0;
	object-fit: contain;
}

@media (min-width: 1024px) {
	.azi-about-hero {
		padding: var(--azi-space-xl) var(--azi-space-m);
	}

	.azi-about-hero__actions {
		flex-direction: row;
		justify-content: center;
	}

	.azi-about-hero__cta {
		padding-left: var(--azi-space-m);
		padding-right: var(--azi-space-m);
	}

	.azi-about-hero__image {
		min-height: 260px;
	}

	img.azi-about-hero__image {
		min-height: 0;
	}
}

/* ==========================================================================
   About — Our Vision (Color block)
   ========================================================================== */

.azi-our-vision {
	background: linear-gradient(135deg, var(--azi-navy-600), #5A47C9);
}

.azi-our-vision__inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: var(--azi-space-l) var(--azi-space-m);
}

.azi-our-vision__eyebrow {
	background-color: rgba(255, 255, 255, 0.16);
	color: var(--azi-white);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-family: var(--azi-font-body);
	font-size: 14px;
	line-height: 18px;
	margin-bottom: var(--azi-space-s);
}

.azi-our-vision__heading {
	color: var(--azi-white);
	max-width: 900px;
	margin-bottom: var(--azi-space-s);
}

.azi-our-vision__heading-accent {
	color: var(--azi-teal-300);
}

.azi-our-vision__body {
	max-width: 620px;
	margin-bottom: var(--azi-space-l);
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-s);
	line-height: var(--azi-lh-s);
	font-weight: var(--azi-weight-regular);
	color: rgba(255, 255, 255, 0.82);
}

.azi-our-vision__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-s);
}

.azi-our-vision-card {
	border-radius: var(--azi-radius-container);
	padding: var(--azi-space-m);
	background-color: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.18);
}

.azi-our-vision-card__label {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-1xs);
	line-height: var(--azi-lh-1xs);
	margin-bottom: var(--azi-space-s);
}

.azi-our-vision-card--teams .azi-our-vision-card__label {
	background-color: rgba(95, 241, 218, 0.18);
	color: var(--azi-teal-300);
}

.azi-our-vision-card--participants .azi-our-vision-card__label {
	background-color: rgba(255, 226, 207, 0.2);
	color: var(--azi-orange-100);
}

.azi-our-vision-card__heading {
	color: var(--azi-white);
	margin: 0 0 var(--azi-space-s);
}

.azi-our-vision-card__body {
	color: rgba(255, 255, 255, 0.82);
	margin: 0 0 var(--azi-space-m);
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-s);
	line-height: var(--azi-lh-s);
	font-weight: var(--azi-weight-regular);
}

.azi-our-vision-card__infographic {
	min-height: 140px;
	background-color: rgba(255, 255, 255, 0.05);
	border-color: rgba(255, 255, 255, 0.28);
	color: rgba(255, 255, 255, 0.5);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: var(--azi-fs-1xs);
}

img.azi-our-vision-card__infographic {
	display: block;
	width: 100%;
	height: auto;
	min-height: 0;
	border-radius: var(--azi-radius-default);
}

@media (min-width: 1024px) {
	.azi-our-vision__inner {
		padding: var(--azi-space-xl) var(--azi-space-m);
	}

	.azi-our-vision__grid {
		grid-template-columns: 1fr 1fr;
		gap: var(--azi-space-m);
	}
}

/* ==========================================================================
   About — Our Why (Split timeline)
   ========================================================================== */

.azi-our-why {
	max-width: 1280px;
	margin: 0 auto;
	padding: var(--azi-space-l) var(--azi-space-m);
}

.azi-our-why__eyebrow {
	background-color: var(--azi-orange-10);
	color: var(--azi-orange-800);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-family: var(--azi-font-body);
	font-size: 14px;
	line-height: 18px;
	margin-bottom: var(--azi-space-s);
}

.azi-our-why__heading {
	margin: 0 0 var(--azi-space-m);
}

.azi-our-why__body {
	max-width: 560px;
	margin: 0;
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-s);
	line-height: var(--azi-lh-s);
	font-weight: var(--azi-weight-regular);
	color: var(--azi-text-neutral);
}

.azi-our-why__grid {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-l);
}

.azi-our-why__timeline {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-m);
}

.azi-our-why__timeline-list {
	position: relative;
	padding-left: var(--azi-space-m);
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-s);
}

.azi-our-why__timeline-item {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: var(--azi-space-xs);
	padding: 4px 0;
}

.azi-our-why__timeline-item:not(:last-child)::before {
	content: "";
	position: absolute;
	left: calc(-1 * var(--azi-space-m) + 5px);
	top: 12px;
	bottom: -8px;
	width: 2px;
	background-color: var(--azi-navy-50);
}

.azi-our-why__timeline-item:has(.azi-our-why__timeline-dot--orange):not(:last-child)::before {
	background-color: var(--azi-orange-500);
}

.azi-our-why__timeline-item:has(.azi-our-why__timeline-dot--violet):not(:last-child)::before {
	background-color: var(--azi-navy-50);
}

.azi-our-why__timeline-item:has(.azi-our-why__timeline-dot--teal):not(:last-child)::before {
	background-color: var(--azi-teal-200);
}

.azi-our-why__timeline-dot {
	position: absolute;
	left: calc(-1 * var(--azi-space-m));
	top: 6px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 2px solid var(--azi-white);
}

.azi-our-why__timeline-dot--orange {
	background-color: var(--azi-orange-500);
}

.azi-our-why__timeline-dot--violet {
	background-color: var(--azi-navy-50);
}

.azi-our-why__timeline-dot--teal {
	background-color: var(--azi-teal-200);
}

.azi-our-why__timeline-year {
	font-family: var(--azi-font-decorative);
	font-weight: var(--azi-weight-bold);
	font-size: var(--azi-fs-m);
	color: var(--azi-navy-500);
}

.azi-our-why__timeline-label {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-m);
	color: var(--azi-navy-500);
}

.azi-our-why__timeline-description {
	flex-basis: 100%;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-regular);
	font-size: 14px;
	color: var(--azi-neutral-60);
}

.azi-our-why__stats {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-s);
}

.azi-our-why-stat {
	display: flex;
	align-items: center;
	gap: var(--azi-space-s);
	border-radius: var(--azi-radius-container);
	padding: var(--azi-space-s) var(--azi-space-m);
}

.azi-our-why-stat--navy {
	background-color: var(--azi-navy-10);
	border: 1px solid var(--azi-navy-50);
}

.azi-our-why-stat--teal {
	background-color: var(--azi-teal-10);
	border: 1px solid var(--azi-teal-100);
}

.azi-our-why-stat--orange {
	background-color: var(--azi-orange-10);
	border: 1px solid var(--azi-orange-100);
}

.azi-our-why-stat__number {
	flex: none;
	display: block;
	width: 84px;
	white-space: nowrap;
	font-family: var(--azi-font-decorative);
	font-weight: var(--azi-weight-bold);
	font-size: var(--azi-fs-xl);
	color: var(--azi-navy-500);
}

.azi-our-why-stat--teal .azi-our-why-stat__number {
	color: var(--azi-teal-500);
}

.azi-our-why-stat--orange .azi-our-why-stat__number {
	color: var(--azi-orange-800);
}

.azi-our-why-stat__text {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.azi-our-why-stat__label {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	color: var(--azi-text-neutral);
}

.azi-our-why-stat--navy .azi-our-why-stat__label {
	color: var(--azi-navy-500);
}

.azi-our-why-stat__sublabel {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-regular);
	font-size: var(--azi-fs-1xs);
	color: var(--azi-neutral-60);
}

@media (min-width: 1024px) {
	.azi-our-why {
		padding: var(--azi-space-xl) var(--azi-space-m);
	}

	.azi-our-why__grid {
		flex-direction: row;
		gap: var(--azi-space-xl);
	}

	.azi-our-why__timeline,
	.azi-our-why__stats {
		flex: 1;
	}
}

/* ==========================================================================
   About — Who We Are
   ========================================================================== */

.azi-who-we-are {
	max-width: 1280px;
	margin: 0 auto;
	padding: var(--azi-space-l) var(--azi-space-m);
}

.azi-who-we-are__eyebrow {
	background-color: var(--azi-orange-10);
	color: var(--azi-orange-800);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-family: var(--azi-font-body);
	font-size: 14px;
	line-height: 18px;
	margin-bottom: var(--azi-space-s);
}

.azi-who-we-are__heading {
	margin: 0 0 var(--azi-space-m);
}

.azi-who-we-are__team {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--azi-space-m);
	margin-bottom: var(--azi-space-l);
}

.azi-who-we-are__member {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 2px;
}

.azi-who-we-are__avatar {
	width: 168px;
	height: 168px;
	border-radius: 50%;
	padding: 0;
	margin-bottom: var(--azi-space-2xs, 4px);
}

.azi-who-we-are__name {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	color: var(--azi-navy-500);
}

.azi-who-we-are__role {
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-1xs);
	color: var(--azi-text-neutral);
	margin-bottom: 2px;
}

.azi-who-we-are__linkedin {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: var(--azi-text-clickable-secondary);
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-1xs);
	text-decoration: none;
}

.azi-who-we-are__linkedin:hover {
	text-decoration: underline;
}

.azi-who-we-are__linkedin-icon {
	width: 15px;
	height: 15px;
	flex: none;
}

.azi-who-we-are__partners-label {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	color: var(--azi-navy-500);
	margin-bottom: var(--azi-space-s);
}

.azi-who-we-are__partners {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--azi-space-m);
	padding: var(--azi-space-m);
	border-radius: var(--azi-radius-card);
	background-color: var(--azi-navy-10);
}

.azi-who-we-are__partner {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: var(--azi-space-xs);
}

.azi-who-we-are__partner-logo {
	width: 100%;
	aspect-ratio: 1 / 1;
	max-width: 120px;
	border-radius: var(--azi-radius-card);
	background-color: var(--azi-container-neutral-grey-fill);
	color: var(--azi-text-placeholder);
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-1xs);
	padding: 0;
}

.azi-who-we-are__partner-name {
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-1xs);
	color: var(--azi-text-neutral);
}

.azi-who-we-are__member--wide {
	grid-column: span 2;
}

.azi-who-we-are__wide-image {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--azi-radius-card);
}

.azi-who-we-are__partner-cta {
	display: inline-flex;
	justify-content: center;
	margin-top: var(--azi-space-m);
	background-color: var(--azi-navy-500);
	color: var(--azi-white);
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	text-decoration: none;
	padding-top: var(--azi-space-xs);
	padding-bottom: var(--azi-space-xs);
	padding-left: var(--azi-space-m);
	padding-right: var(--azi-space-m);
}

@media (min-width: 1024px) {
	.azi-who-we-are {
		padding: var(--azi-space-xl) var(--azi-space-m);
	}

	.azi-who-we-are__team {
		grid-template-columns: repeat(4, 1fr);
		max-width: 1020px;
	}

	.azi-who-we-are__member--wide {
		grid-column: span 1;
	}

	.azi-who-we-are__partners {
		grid-template-columns: repeat(5, 1fr);
	}
}

/* ==========================================================================
   About — Our Ecosystem
   ========================================================================== */

.azi-our-ecosystem {
	max-width: 1280px;
	margin: 0 auto;
	padding: var(--azi-space-l) var(--azi-space-m);
}

.azi-our-ecosystem__eyebrow {
	background-color: var(--azi-orange-10);
	color: var(--azi-orange-800);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-family: var(--azi-font-body);
	font-size: 14px;
	line-height: 18px;
	margin-bottom: var(--azi-space-s);
}

.azi-our-ecosystem__heading {
	margin: 0 0 var(--azi-space-m);
}

.azi-our-ecosystem__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--azi-space-s);
	margin-bottom: var(--azi-space-l);
}

.azi-our-ecosystem-panel {
	border-radius: var(--azi-radius-container);
	padding: var(--azi-space-m);
	background-color: var(--azi-white);
	border: 1px solid var(--azi-container-neutral-grey-stroke);
}

.azi-our-ecosystem-panel--locations {
	background-color: var(--azi-teal-10);
	border-color: var(--azi-teal-100);
	display: flex;
	flex-direction: column;
}

.azi-our-ecosystem-panel__label {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	color: var(--azi-navy-500);
	margin-bottom: var(--azi-space-s);
}

.azi-our-ecosystem-panel--locations .azi-our-ecosystem-panel__label {
	color: var(--azi-teal-500);
}

.azi-our-ecosystem-panel--clients {
	display: flex;
	flex-direction: column;
	padding: var(--azi-space-s);
	min-width: 0;
}

.azi-our-ecosystem-panel__logos {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 6px;
	flex: 1;
	min-width: 0;
	align-content: center;
}

.azi-our-ecosystem-panel__client {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 4px;
	min-width: 0;
}

.azi-our-ecosystem-panel__client-name {
	max-width: 100%;
	overflow-wrap: break-word;
}

.azi-our-ecosystem-panel__logo {
	width: 75%;
	aspect-ratio: 1 / 1;
	min-height: 0;
	padding: 0;
}

.azi-our-ecosystem-panel__client-name {
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-1xs);
	color: var(--azi-text-neutral);
}

.azi-our-ecosystem__stack {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-s);
}

.azi-our-ecosystem-panel__map {
	flex: 1;
	min-height: 192px;
	background-color: var(--azi-teal-100);
	border-color: var(--azi-teal-200);
	color: var(--azi-teal-600);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: var(--azi-fs-1xs);
}

img.azi-our-ecosystem-panel__map {
	display: block;
	width: 100%;
	height: auto;
	min-height: 0;
	flex: none;
	border-radius: var(--azi-radius-default);
}

.azi-our-ecosystem-panel__tools {
	display: flex;
	flex-wrap: wrap;
	gap: var(--azi-space-xs);
}

.azi-our-ecosystem-panel__tool {
	background-color: var(--azi-container-neutral-grey-fill);
	color: var(--azi-text-neutral);
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-1xs);
	font-weight: var(--azi-weight-medium);
}

.azi-our-ecosystem__actions {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-xs);
}

.azi-our-ecosystem__actions--end {
	align-items: flex-end;
}

.azi-our-ecosystem__cta {
	justify-content: center;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	text-decoration: none;
	padding-top: var(--azi-space-xs);
	padding-bottom: var(--azi-space-xs);
}

.azi-our-ecosystem__cta--primary {
	background-color: var(--azi-navy-500);
	color: var(--azi-white);
}

.azi-our-ecosystem__cta--secondary {
	background-color: transparent;
	border: 1.5px solid var(--azi-navy-500);
	color: var(--azi-navy-500);
}

@media (min-width: 1024px) {
	.azi-our-ecosystem {
		padding: var(--azi-space-xl) var(--azi-space-m);
	}

	.azi-our-ecosystem__grid {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: var(--azi-space-m);
		align-items: stretch;
	}

	.azi-our-ecosystem-panel--clients {
		min-height: 320px;
	}

	.azi-our-ecosystem-panel__logos {
		gap: var(--azi-space-xs);
	}

	.azi-our-ecosystem__stack {
		height: 100%;
	}

	.azi-our-ecosystem-panel--locations {
		flex: 1;
	}

	.azi-our-ecosystem__actions {
		flex-direction: row;
	}

	.azi-our-ecosystem__cta {
		padding-left: var(--azi-space-m);
		padding-right: var(--azi-space-m);
	}
}

/* ==========================================================================
   About — Become a Partner CTA
   ========================================================================== */

.azi-become-a-partner {
	background: linear-gradient(135deg, var(--azi-orange-100), #FFF6D6);
}

.azi-become-a-partner__inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: var(--azi-space-l) var(--azi-space-m);
}

.azi-become-a-partner__eyebrow {
	background-color: var(--azi-white);
	color: var(--azi-orange-800);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-family: var(--azi-font-body);
	font-size: 14px;
	line-height: 18px;
	margin-bottom: var(--azi-space-s);
}

.azi-become-a-partner__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-m);
	align-items: center;
}

.azi-become-a-partner__heading {
	margin: 0 0 var(--azi-space-s);
}

.azi-become-a-partner__body {
	margin: 0 0 var(--azi-space-s);
	max-width: 320px;
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-s);
	line-height: 1.6;
	color: #5A4A3A;
}

.azi-become-a-partner__option {
	display: flex;
	align-items: center;
	gap: var(--azi-space-s);
	padding: var(--azi-space-s);
	border-radius: var(--azi-radius-container);
	background-color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
	margin-bottom: var(--azi-space-xs);
}

.azi-become-a-partner__option-icon {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: var(--azi-radius-default);
	background-color: var(--azi-white);
	color: var(--azi-navy-500);
}

.azi-become-a-partner__option-icon .ionicon {
	width: 20px;
	height: 20px;
}

.azi-become-a-partner__option-title {
	display: block;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	color: var(--azi-text-on-light);
}

.azi-become-a-partner__option-link {
	display: block;
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-xs);
	color: #5A4A3A;
}

.azi-become-a-partner__card {
	padding: var(--azi-space-s);
	border-radius: var(--azi-radius-container);
	background-color: var(--azi-white);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}

.azi-become-a-partner__card-title {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-m);
	color: var(--azi-text-on-light);
	margin-bottom: var(--azi-space-s);
}

.azi-become-a-partner__form-wrap .wpcf7-form {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-xs);
}

.azi-become-a-partner__form-wrap .wpcf7-form-control-wrap {
	display: block;
}

.azi-become-a-partner__form-wrap p {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-xs);
	margin: 0;
}

.azi-become-a-partner__field {
	width: 100%;
	height: 40px;
	padding: 0 var(--azi-space-s);
	border-radius: var(--azi-radius-full);
	background-color: var(--azi-field-fill-enabled);
	border: 1px solid var(--azi-field-stroke-enabled);
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-s);
	color: var(--azi-text-on-light);
	box-sizing: border-box;
}

.azi-become-a-partner__field::placeholder {
	color: var(--azi-text-placeholder);
}

.azi-become-a-partner__field--textarea {
	height: 64px;
	border-radius: var(--azi-radius-field-large);
	padding: var(--azi-space-xs) var(--azi-space-s);
	resize: vertical;
}

.azi-become-a-partner__submit {
	background-color: var(--azi-orange-500);
	color: var(--azi-white);
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	border: none;
	appearance: none;
	cursor: pointer;
	padding: var(--azi-space-xs) var(--azi-space-m);
}

.azi-become-a-partner__calendar-link {
	margin-top: var(--azi-space-xs);
	display: inline-block;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-medium);
	font-size: var(--azi-fs-xs);
	color: var(--azi-text-neutral);
	text-decoration: none;
}

@media (min-width: 1024px) {
	.azi-become-a-partner__inner {
		padding: var(--azi-space-xxl) var(--azi-space-m);
	}

	.azi-become-a-partner__grid {
		grid-template-columns: 0.9fr 1.1fr;
		gap: var(--azi-space-l);
	}

	.azi-become-a-partner__body {
		display: block;
	}

	.azi-become-a-partner__card {
		padding: var(--azi-space-m);
	}

	.azi-become-a-partner__field {
		height: 42px;
	}

	.azi-become-a-partner__field--textarea {
		height: 70px;
	}
}

/* ==========================================================================
   For Product Teams — Hero
   ========================================================================== */

.azi-fpt-hero {
	max-width: 1280px;
	margin: 0 auto;
	padding: var(--azi-space-xl) var(--azi-space-s);
}

.azi-fpt-hero__eyebrow,
.azi-fpt-why__eyebrow,
.azi-fpt-access__eyebrow,
.azi-fpt-impact__eyebrow,
.azi-fpt-pricing__eyebrow,
.azi-fpt-faqs__eyebrow {
	background-color: var(--azi-orange-10);
	color: var(--azi-orange-800);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-family: var(--azi-font-body);
	font-size: 14px;
	line-height: 18px;
	margin-bottom: var(--azi-space-s);
}

.azi-fpt-get-started__eyebrow {
	background-color: #fff;
	color: var(--azi-navy-500);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-family: var(--azi-font-body);
	font-size: 14px;
	line-height: 18px;
	margin-bottom: var(--azi-space-s);
}

.azi-fpt-hero__squares {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--azi-space-s);
	margin-bottom: var(--azi-space-s);
}

.azi-fpt-hero__square {
	width: 100%;
	aspect-ratio: 1 / 1;
	min-height: 0;
}

.azi-fpt-hero__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-s);
}

.azi-fpt-hero__column {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-s);
}

.azi-fpt-hero__image {
	width: 100%;
	aspect-ratio: 1 / 1;
	min-height: 140px;
}

.azi-fpt-hero__main {
	background-color: var(--azi-navy-10);
	border: 1px solid var(--azi-navy-50);
	border-radius: var(--azi-radius-card);
	padding: var(--azi-space-m);
	min-width: 0;
	overflow-wrap: break-word;
}

.azi-fpt-hero__heading {
	margin: 0 0 var(--azi-space-s);
	font-size: var(--azi-fs-xl);
	line-height: var(--azi-lh-xl);
}

.azi-fpt-hero__heading-accent {
	color: var(--azi-navy-300);
}

.azi-fpt-hero__body {
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-m);
	line-height: var(--azi-lh-m);
	color: var(--azi-text-neutral);
	margin: 0 0 var(--azi-space-m);
}

.azi-fpt-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--azi-space-xs);
}

.azi-fpt-hero__cta {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	text-decoration: none;
}

.azi-fpt-hero__cta--primary {
	background-color: var(--azi-navy-500);
	color: #fff;
}

.azi-fpt-hero__cta--secondary {
	background-color: transparent;
	border: 1px solid var(--azi-navy-500);
	color: var(--azi-navy-500);
}


@media (min-width: 1024px) {
	.azi-fpt-hero {
		padding: var(--azi-space-xxl) var(--azi-space-m);
	}

	.azi-fpt-hero__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: center;
		gap: var(--azi-space-s);
	}

	.azi-fpt-hero__image {
		min-height: 0;
		height: auto;
	}

	.azi-fpt-hero__main {
		padding: var(--azi-space-l);
		min-height: 0;
	}
}

/* ==========================================================================
   For Product Teams — Beta Banner
   ========================================================================== */

.azi-fpt-beta-banner {
	max-width: 1280px;
	margin: 0 auto;
	padding: var(--azi-space-m);
}

.azi-fpt-beta-banner__inner {
	background-color: var(--azi-orange-10);
	border-radius: var(--azi-radius-section);
	padding: var(--azi-space-m);
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-m);
	align-items: center;
}

.azi-fpt-beta-banner__heading {
	color: var(--azi-orange-800);
	margin: 0 0 var(--azi-space-s);
	font-size: 32px;
	line-height: 1.2;
}

.azi-fpt-beta-banner__body {
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-m);
	line-height: var(--azi-lh-m);
	color: var(--azi-text-neutral);
	margin: 0 0 var(--azi-space-m);
}

.azi-fpt-beta-banner__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--azi-space-xs);
}

.azi-fpt-beta-banner__cta {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	text-decoration: none;
}

.azi-fpt-beta-banner__cta--primary {
	background-color: var(--azi-orange-500);
	color: #fff;
}

.azi-fpt-beta-banner__cta--secondary {
	background-color: transparent;
	border: 1px solid var(--azi-orange-500);
	color: var(--azi-orange-700);
}

.azi-fpt-beta-banner__illustration {
	width: 100%;
	aspect-ratio: 16 / 7;
	min-height: 0;
}

img.azi-fpt-beta-banner__illustration {
	display: block;
	height: auto;
	object-fit: cover;
	border-radius: var(--azi-radius-default);
}

@media (min-width: 1024px) {
	.azi-fpt-beta-banner__inner {
		grid-template-columns: 1.3fr 1fr;
		padding: var(--azi-space-l);
	}
}

/* ==========================================================================
   For Product Teams — Why Test With Us
   ========================================================================== */

.azi-fpt-why {
	max-width: 1280px;
	margin: 0 auto;
	padding: var(--azi-space-xl) var(--azi-space-s);
}

.azi-fpt-why__heading {
	margin: 0 0 var(--azi-space-m);
}

.azi-fpt-why__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-s);
}

.azi-fpt-why__feature {
	background-color: var(--azi-navy-500);
	color: #fff;
	border-radius: var(--azi-radius-card);
	padding: var(--azi-space-l);
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: var(--azi-space-s);
}

.azi-fpt-why__feature-number {
	font-family: var(--azi-font-decorative);
	font-weight: var(--azi-weight-bold);
	font-size: var(--azi-fs-xl);
	color: var(--azi-teal-300);
}

.azi-fpt-why__feature-body {
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-m);
	line-height: var(--azi-lh-m);
	margin: 0;
}

.azi-fpt-why__list {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-s);
}

.azi-fpt-why-item {
	display: flex;
	gap: var(--azi-space-s);
	align-items: flex-start;
	border-top: 1px solid var(--azi-container-neutral-grey-stroke);
	padding-top: var(--azi-space-s);
	min-width: 0;
}

.azi-fpt-why-item__image {
	flex-shrink: 0;
	display: block;
	width: 144px;
	height: 84px;
	min-height: 0;
	object-fit: cover;
	border-radius: var(--azi-radius-default);
	border: 1px solid transparent;
}

.azi-fpt-why-item__image--violet {
	background-color: var(--azi-navy-10);
	border-color: var(--azi-navy-50);
	color: var(--azi-navy-300);
}

.azi-fpt-why-item__image--orange {
	background-color: var(--azi-orange-10);
	border-color: var(--azi-orange-100);
	color: var(--azi-orange-700);
}

.azi-fpt-why-item__image--teal {
	background-color: var(--azi-teal-10);
	border-color: var(--azi-teal-100);
	color: var(--azi-teal-700);
}

.azi-fpt-why-item__image--navy {
	background-color: var(--azi-navy-10);
	border-color: var(--azi-navy-50);
	color: var(--azi-navy-500);
}

.azi-fpt-why-item__text {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-xxs);
	min-width: 0;
}

.azi-fpt-why-item__title {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-m);
	color: var(--azi-navy-900);
}

.azi-fpt-why-item__subtext {
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-xs);
	color: var(--azi-text-neutral);
}

@media (min-width: 1024px) {
	.azi-fpt-why {
		padding: var(--azi-space-xxl) var(--azi-space-m);
	}

	.azi-fpt-why__grid {
		grid-template-columns: 0.8fr 1.2fr;
		gap: var(--azi-space-l);
		align-items: center;
	}
}

/* ==========================================================================
   For Product Teams — What You Get Access To
   ========================================================================== */

.azi-fpt-access {
	max-width: 1280px;
	margin: 0 auto;
	padding: var(--azi-space-xl) var(--azi-space-s);
}

.azi-fpt-access__heading {
	margin: 0 0 var(--azi-space-m);
}

.azi-fpt-access__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-s);
	margin-bottom: var(--azi-space-m);
}

.azi-fpt-access__features {
	background-color: var(--azi-navy-10);
	border: 1px solid var(--azi-navy-50);
	border-radius: var(--azi-radius-card);
	padding: var(--azi-space-m);
}

.azi-fpt-access__panel-label {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	color: var(--azi-navy-500);
	display: block;
	margin-bottom: var(--azi-space-s);
}

.azi-fpt-access__panel-label--light {
	color: #fff;
}

.azi-fpt-access-category {
	margin-bottom: var(--azi-space-s);
}

.azi-fpt-access-category:last-child {
	margin-bottom: 0;
}

.azi-fpt-access-category__label {
	display: block;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: 14px;
	color: var(--azi-navy-700);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin-bottom: var(--azi-space-xs);
}

.azi-fpt-access-category__chips {
	display: flex;
	flex-wrap: wrap;
	gap: var(--azi-space-xs);
}

.azi-fpt-access-chip {
	display: inline-flex;
	align-items: center;
	background-color: #fff;
	border-radius: var(--azi-radius-default);
	padding: var(--azi-space-xs) var(--azi-space-s);
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-xs);
	font-weight: var(--azi-weight-medium);
	color: var(--azi-navy-900);
}

.azi-fpt-access__panel {
	background-color: var(--azi-navy-500);
	color: #fff;
	border-radius: var(--azi-radius-card);
	padding: var(--azi-space-m);
}

.azi-fpt-access__panel-stats {
	display: flex;
	gap: var(--azi-space-m);
	margin-bottom: var(--azi-space-m);
}

.azi-fpt-access-stat {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-xxs);
	min-width: 0;
}

.azi-fpt-access-stat__number {
	font-family: var(--azi-font-decorative);
	font-weight: var(--azi-weight-bold);
	font-size: var(--azi-fs-l);
	color: #fff;
}

.azi-fpt-access-stat__number--teal {
	color: var(--azi-orange-300);
}

.azi-fpt-access-stat__number--peach {
	color: var(--azi-orange-200);
}

.azi-fpt-access__footnote {
	display: block;
	font-family: var(--azi-font-body);
	font-size: 14px;
	color: var(--azi-navy-50);
	margin-top: var(--azi-space-s);
}

.azi-fpt-access__demo-image {
	width: 100%;
	aspect-ratio: 4 / 3;
	min-height: 0;
	background-color: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.3);
	color: rgba(255, 255, 255, 0.7);
}

.azi-fpt-access-stat__label {
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-xs);
	color: var(--azi-navy-50);
}

.azi-fpt-access__demo-label {
	display: block;
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-xs);
	color: var(--azi-navy-50);
	margin-bottom: var(--azi-space-xs);
}

.azi-fpt-access__bars {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-xs);
}

.azi-fpt-access-bar {
	display: flex;
	align-items: center;
	gap: var(--azi-space-xs);
	min-width: 0;
}

.azi-fpt-access-bar__label {
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-xs);
	color: var(--azi-navy-50);
	width: 44px;
	flex-shrink: 0;
}

.azi-fpt-access-bar__track {
	flex: 1;
	min-width: 0;
	height: 8px;
	border-radius: var(--azi-radius-full);
	background-color: rgba(255, 255, 255, 0.2);
	overflow: hidden;
}

.azi-fpt-access-bar__fill {
	display: block;
	height: 100%;
	background-color: var(--azi-teal-300);
	border-radius: var(--azi-radius-full);
}

.azi-fpt-access-bar__value {
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-xs);
	color: #fff;
	flex-shrink: 0;
}

.azi-fpt-access__cta-row {
	display: flex;
	justify-content: flex-end;
}

.azi-fpt-access__cta {
	display: inline-flex;
	align-items: center;
	gap: var(--azi-space-xs);
	background-color: var(--azi-navy-500);
	color: #fff;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	text-decoration: none;
}

.azi-fpt-access__cta-arrow {
	line-height: 1;
}

@media (min-width: 1024px) {
	.azi-fpt-access {
		padding: var(--azi-space-xxl) var(--azi-space-m);
	}

	.azi-fpt-access__grid {
		grid-template-columns: 1.25fr 1fr;
		gap: var(--azi-space-m);
		align-items: stretch;
	}

}

/* ==========================================================================
   For Product Teams — What You Get Out Of It
   ========================================================================== */

.azi-fpt-impact {
	max-width: 1280px;
	margin: 0 auto;
	padding: var(--azi-space-xl) var(--azi-space-s);
}

.azi-fpt-impact__heading {
	margin: 0 0 var(--azi-space-m);
}

.azi-fpt-impact__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-s);
	margin-bottom: var(--azi-space-m);
}

.azi-fpt-impact__dashboard {
	border: 1px solid var(--azi-navy-50);
	border-radius: var(--azi-radius-card);
	overflow: hidden;
}

.azi-fpt-impact__dashboard-media {
	display: block;
	width: 100%;
	height: 390px;
	border: 0;
}

.azi-fpt-impact__dashboard-media--image {
	object-fit: cover;
}

.azi-fpt-impact__dashboard-header {
	background-color: var(--azi-navy-10);
	padding: var(--azi-space-s);
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-s);
	font-weight: var(--azi-weight-medium);
	color: var(--azi-navy-500);
}

.azi-fpt-impact__dashboard-dots {
	display: flex;
	gap: var(--azi-space-xxs);
}

.azi-fpt-impact__dashboard-dots span {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--azi-navy-100);
	display: block;
}

.azi-fpt-impact__dashboard-body {
	display: flex;
	align-items: flex-end;
	gap: var(--azi-space-xs);
	height: 390px;
	padding: var(--azi-space-s);
	background-color: #fff;
}

.azi-fpt-impact__bar {
	flex: 1;
	min-width: 0;
	background-color: var(--azi-navy-10);
	border-radius: var(--azi-radius-square) var(--azi-radius-square) 0 0;
}

.azi-fpt-impact__bar--mid {
	background-color: var(--azi-navy-100);
}

.azi-fpt-impact__bar--full {
	background-color: var(--azi-navy-300);
}

.azi-fpt-impact__tiles {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--azi-space-s);
}

.azi-fpt-impact-tile {
	border-radius: var(--azi-radius-card);
	padding: var(--azi-space-m);
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: var(--azi-space-xs);
	min-width: 0;
	min-height: 120px;
}

.azi-fpt-impact-tile__number {
	font-family: var(--azi-font-decorative);
	font-weight: var(--azi-weight-bold);
	font-size: 32px;
	line-height: 1.2;
	display: block;
}

.azi-fpt-impact-tile__label {
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-xs);
	line-height: var(--azi-lh-xs);
	color: var(--azi-text-neutral);
	display: block;
}

.azi-fpt-impact-tile--teal {
	background-color: var(--azi-teal-10);
}
.azi-fpt-impact-tile--teal .azi-fpt-impact-tile__number {
	color: var(--azi-teal-700);
}

.azi-fpt-impact-tile--orange {
	background-color: var(--azi-orange-10);
}
.azi-fpt-impact-tile--orange .azi-fpt-impact-tile__number {
	color: var(--azi-orange-700);
}

.azi-fpt-impact-tile--violet {
	background-color: var(--azi-navy-10);
}
.azi-fpt-impact-tile--violet .azi-fpt-impact-tile__number {
	color: var(--azi-navy-300);
}

.azi-fpt-impact-tile--navy {
	background-color: var(--azi-navy-10);
}
.azi-fpt-impact-tile--navy .azi-fpt-impact-tile__number {
	color: var(--azi-navy-500);
}

.azi-fpt-impact__footnote {
	font-family: var(--azi-font-body);
	font-size: 14px;
	color: var(--azi-text-neutral);
	margin: var(--azi-space-s) 0 0;
}

.azi-fpt-impact__cta-row {
	display: flex;
	justify-content: flex-end;
}

.azi-fpt-impact__cta {
	display: inline-flex;
	align-items: center;
	gap: var(--azi-space-xs);
	background-color: var(--azi-navy-500);
	color: #fff;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	text-decoration: none;
}

.azi-fpt-impact__cta-arrow {
	line-height: 1;
}

@media (min-width: 1024px) {
	.azi-fpt-impact {
		padding: var(--azi-space-xxl) var(--azi-space-m);
	}

	.azi-fpt-impact__grid {
		grid-template-columns: 1fr 1fr;
		gap: var(--azi-space-m);
	}
}

/* ==========================================================================
   For Product Teams — Pricing
   ========================================================================== */

.azi-fpt-pricing {
	max-width: 1280px;
	margin: 0 auto;
	padding: var(--azi-space-xl) var(--azi-space-s);
}

.azi-fpt-pricing__heading {
	margin: 0 0 var(--azi-space-m);
}

.azi-fpt-pricing__banner {
	background-color: var(--azi-navy-500);
	color: #fff;
	border-radius: var(--azi-radius-card);
	padding: var(--azi-space-m);
	margin-bottom: var(--azi-space-m);
}

.azi-fpt-pricing__banner-heading {
	font-family: var(--azi-font-decorative);
	font-weight: var(--azi-weight-bold);
	font-size: var(--azi-fs-l);
	line-height: var(--azi-lh-l);
	color: #fff;
	margin: 0 0 var(--azi-space-s);
}

.azi-fpt-pricing__banner-body {
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-s);
	line-height: var(--azi-lh-s);
	color: var(--azi-navy-50);
	margin: 0 0 var(--azi-space-m);
}

.azi-fpt-pricing__banner-actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--azi-space-xs);
}

.azi-fpt-pricing__banner-cta {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	text-decoration: none;
}

.azi-fpt-pricing__banner-cta--primary {
	background-color: var(--azi-orange-500);
	color: #fff;
}

.azi-fpt-pricing__banner-cta--secondary {
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
}

.azi-fpt-pricing__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-s);
}

.azi-fpt-pricing-card {
	border: 1px solid var(--azi-container-neutral-grey-stroke);
	border-radius: var(--azi-radius-card);
	padding: var(--azi-space-l);
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-xs);
	min-width: 0;
	position: relative;
}

.azi-fpt-pricing-card--featured {
	background-color: var(--azi-navy-500);
	color: #fff;
	border-color: var(--azi-navy-500);
	box-shadow: 0 12px 32px rgba(29, 29, 68, 0.25);
}

.azi-fpt-pricing-card__badge {
	position: absolute;
	top: var(--azi-space-s);
	right: var(--azi-space-s);
	background-color: var(--azi-teal-300);
	color: var(--azi-navy-900);
	border-radius: var(--azi-radius-full);
	padding: var(--azi-space-xxs) var(--azi-space-s);
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-1xs);
	text-transform: uppercase;
}

.azi-fpt-pricing-card__eyebrow {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-xs);
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--azi-text-neutral);
}

.azi-fpt-pricing-card--featured .azi-fpt-pricing-card__eyebrow {
	color: var(--azi-navy-50);
}

.azi-fpt-pricing-card__name {
	font-family: var(--azi-font-decorative);
	font-weight: var(--azi-weight-bold);
	font-size: var(--azi-fs-xl);
}

.azi-fpt-pricing-card__period {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-regular);
	font-size: var(--azi-fs-s);
}

.azi-fpt-pricing-card__price {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-medium);
	font-size: var(--azi-fs-s);
	color: var(--azi-navy-300);
}

.azi-fpt-pricing-card__price--accent {
	color: var(--azi-teal-300);
}

.azi-fpt-pricing-card__body {
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-s);
	color: var(--azi-text-neutral);
	margin: 0 0 var(--azi-space-xs);
}

.azi-fpt-pricing-card--featured .azi-fpt-pricing-card__body {
	color: var(--azi-navy-50);
}

.azi-fpt-pricing-card__features {
	list-style: none;
	margin: 0 0 var(--azi-space-s);
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-xs);
}

.azi-fpt-pricing-card__features li {
	display: flex;
	align-items: flex-start;
	gap: var(--azi-space-xs);
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-s);
}

.azi-fpt-pricing-card__check {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: var(--azi-navy-300);
	color: #fff;
	margin-top: 2px;
}

.azi-fpt-pricing-card__check .ionicon {
	width: 11px;
	height: 11px;
}

.azi-fpt-pricing-card__check--teal {
	background-color: var(--azi-teal-300);
}

.azi-fpt-pricing-card__check--navy {
	background-color: var(--azi-orange-500);
}

.azi-fpt-pricing-card__feature--addon {
	color: var(--azi-text-neutral);
}

.azi-fpt-pricing-card__addon-icon {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 1px solid var(--azi-container-neutral-grey-stroke);
	color: var(--azi-text-neutral);
	margin-top: 2px;
}

.azi-fpt-pricing-card__addon-icon .ionicon {
	width: 11px;
	height: 11px;
}

.azi-fpt-pricing-card__cta {
	margin-top: auto;
	text-align: center;
	justify-content: center;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	text-decoration: none;
}

.azi-fpt-pricing-card__cta--outline {
	background-color: transparent;
	border: 1px solid var(--azi-navy-500);
	color: var(--azi-navy-500);
}

.azi-fpt-pricing-card--featured .azi-fpt-pricing-card__cta--outline {
	border-color: #fff;
	color: #fff;
}

.azi-fpt-pricing-card__cta--filled-light {
	background-color: #fff;
	color: var(--azi-navy-500);
}

@media (min-width: 1024px) {
	.azi-fpt-pricing {
		padding: var(--azi-space-xxl) var(--azi-space-m);
	}

	.azi-fpt-pricing__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--azi-space-s);
		align-items: stretch;
	}
}

/* ==========================================================================
   For Product Teams — Get Started / Ask a Question
   ========================================================================== */

.azi-fpt-get-started {
	background: linear-gradient(135deg, var(--azi-navy-10), #FFF6D6);
	padding: var(--azi-space-xl) 0;
}

.azi-fpt-get-started__inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 var(--azi-space-s);
}

.azi-fpt-get-started__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-m);
}

.azi-fpt-get-started__heading {
	margin: 0 0 var(--azi-space-s);
}

.azi-fpt-get-started__body {
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-m);
	color: var(--azi-text-neutral);
	margin: 0 0 var(--azi-space-m);
}

.azi-fpt-get-started__demo-card {
	background-color: #fff;
	border-radius: var(--azi-radius-card);
	padding: var(--azi-space-m);
	box-shadow: 0 8px 24px rgba(29, 29, 68, 0.08);
	margin-bottom: var(--azi-space-s);
}

.azi-fpt-get-started__demo-label {
	display: block;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	color: var(--azi-navy-500);
	margin-bottom: var(--azi-space-s);
}

.azi-fpt-get-started__calendar-embed {
	border-radius: var(--azi-radius-default);
	overflow: hidden;
}

.azi-fpt-get-started__calendar-embed iframe {
	display: block;
	width: 100%;
}

.azi-fpt-get-started__option {
	display: flex;
	align-items: center;
	gap: var(--azi-space-s);
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: var(--azi-radius-card);
	padding: var(--azi-space-s);
	text-decoration: none;
	min-width: 0;
}

.azi-fpt-get-started__option-icon {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: var(--azi-navy-100);
	color: #fff;
}

.azi-fpt-get-started__option-icon .ionicon {
	width: 18px;
	height: 18px;
}

.azi-fpt-get-started__option-title {
	display: block;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	color: var(--azi-navy-900);
}

.azi-fpt-get-started__option-link {
	display: block;
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-xs);
	color: var(--azi-navy-500);
}

.azi-fpt-get-started__card {
	background-color: #fff;
	border-radius: var(--azi-radius-card);
	padding: var(--azi-space-m);
	box-shadow: 0 8px 24px rgba(29, 29, 68, 0.08);
}

.azi-fpt-get-started__card-title {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	color: var(--azi-navy-500);
	margin-bottom: var(--azi-space-s);
}

.azi-fpt-get-started__form-wrap .wpcf7-form {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-xs);
}

.azi-fpt-get-started__form-wrap .wpcf7-form-control-wrap {
	display: block;
}

.azi-fpt-get-started__form-wrap p {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-xs);
	margin: 0;
}

.azi-fpt-get-started__field {
	width: 100%;
	border: 1px solid var(--azi-container-neutral-grey-stroke);
	border-radius: var(--azi-radius-field-large);
	padding: var(--azi-space-xs) var(--azi-space-s);
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-s);
	background-color: #fff;
	box-sizing: border-box;
}

.azi-fpt-get-started__field--textarea {
	resize: vertical;
}

.azi-fpt-get-started__submit {
	background-color: var(--azi-navy-500);
	color: #fff;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	border: none;
	appearance: none;
	cursor: pointer;
	padding: var(--azi-space-xs) var(--azi-space-m);
}

.azi-fpt-get-started__calendar-link {
	margin-top: var(--azi-space-s);
	display: inline-block;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-medium);
	font-size: var(--azi-fs-xs);
	color: var(--azi-text-neutral);
	text-decoration: none;
}

@media (min-width: 1024px) {
	.azi-fpt-get-started__inner {
		padding: var(--azi-space-xxl) var(--azi-space-m);
	}

	.azi-fpt-get-started__grid {
		grid-template-columns: 0.9fr 1.1fr;
		gap: var(--azi-space-l);
		align-items: start;
	}
}

/* ==========================================================================
   For Product Teams — FAQs
   ========================================================================== */

.azi-fpt-faqs {
	max-width: 1280px;
	margin: 0 auto;
	padding: var(--azi-space-xl) var(--azi-space-s);
}

.azi-fpt-faqs__heading {
	margin: 0 0 var(--azi-space-m);
}

.azi-fpt-faqs__list {
	display: flex;
	flex-direction: column;
	margin-bottom: var(--azi-space-m);
}

.azi-fpt-faq-item {
	border-top: 1px solid var(--azi-container-neutral-grey-stroke);
}

.azi-fpt-faq-item:last-child {
	border-bottom: 1px solid var(--azi-container-neutral-grey-stroke);
}

.azi-fpt-faq-item__question {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-medium);
	font-size: var(--azi-fs-m);
	color: var(--azi-navy-900);
}

.azi-fpt-faqs__cta {
	background-color: transparent;
	border: 1px solid var(--azi-navy-500);
	color: var(--azi-navy-500);
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	text-decoration: none;
}

@media (min-width: 1024px) {
	.azi-fpt-faqs {
		padding: var(--azi-space-xxl) var(--azi-space-m);
	}
}

/* ==========================================================================
   For Participants — Hero (Centered + flanking art)
   ========================================================================== */

.azi-participants-hero {
	max-width: 1280px;
	margin: 0 auto;
	padding: var(--azi-space-xl) var(--azi-space-s);
	text-align: center;
}

.azi-participants-hero__eyebrow {
	display: inline-flex;
}

.azi-participants-hero__eyebrow,
.azi-participants-research__eyebrow,
.azi-participants-why__eyebrow,
.azi-participants-works__eyebrow,
.azi-participants-get-started__eyebrow,
.azi-participants-faqs__eyebrow {
	background-color: var(--azi-teal-10);
	color: var(--azi-teal-800);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-family: var(--azi-font-body);
	font-size: 14px;
	line-height: 18px;
	margin-bottom: var(--azi-space-s);
}

.azi-participants-hero__grid {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-m);
}

.azi-participants-hero__flank {
	min-width: 0;
	min-height: 0;
	padding: 0;
	border-radius: var(--azi-radius-container);
	aspect-ratio: 854 / 438;
	background-image: var(--azi-ph-flank-mobile);
	background-size: cover;
	background-position: center;
}

.azi-participants-hero__flank.azi-placeholder {
	background-color: var(--azi-teal-10);
	border-color: var(--azi-teal-100);
}

.azi-participants-hero__flank--right {
	aspect-ratio: 854 / 580;
}

.azi-participants-hero__flank--right.azi-placeholder {
	background-color: var(--azi-orange-10);
	border-color: var(--azi-orange-100);
}

.azi-participants-hero__main {
	min-width: 0;
}

.azi-participants-hero__heading {
	margin: 0 0 var(--azi-space-s);
}

.azi-participants-hero__heading-accent {
	color: var(--azi-teal-500);
	display: block;
}

.azi-participants-hero__body {
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-m);
	line-height: var(--azi-lh-m);
	color: var(--azi-text-neutral);
	margin: 0 0 var(--azi-space-m);
}

.azi-participants-hero__actions {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-xs);
}

.azi-participants-hero__cta {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	text-decoration: none;
}

.azi-participants-hero__cta--primary {
	background-color: var(--azi-teal-500);
	color: #fff;
}

.azi-participants-hero__cta--secondary {
	background-color: transparent;
	border: 1px solid var(--azi-navy-500);
	color: var(--azi-navy-500);
}

@media (min-width: 1024px) {
	.azi-participants-hero {
		padding: var(--azi-space-xxl) var(--azi-space-m);
	}

	.azi-participants-hero__grid {
		display: grid;
		grid-template-columns: 0.82fr 1.5fr 0.82fr;
		align-items: center;
		gap: var(--azi-space-m);
	}

	.azi-participants-hero__flank {
		aspect-ratio: 720 / 1078;
		background-image: var(--azi-ph-flank-desktop);
	}

	.azi-participants-hero__flank--right {
		aspect-ratio: 752 / 1272;
	}

	.azi-participants-hero__main {
		padding: 0;
	}

	.azi-participants-hero__actions {
		flex-direction: row;
		justify-content: center;
	}
}

/* ==========================================================================
   For Participants — What Is User Research (Icon-led)
   ========================================================================== */

.azi-participants-research {
	max-width: 1280px;
	margin: 0 auto;
	padding: var(--azi-space-xl) var(--azi-space-s);
}

.azi-participants-research__heading {
	margin: 0 0 var(--azi-space-m);
}

.azi-participants-research__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-s);
}

.azi-participants-research-card {
	border-radius: var(--azi-radius-card);
	padding: var(--azi-space-m);
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-s);
	min-width: 0;
}

.azi-participants-research-card--navy {
	background-color: var(--azi-teal-10);
	border: 1px solid var(--azi-teal-100);
}

.azi-participants-research-card--teal {
	background-color: #fff;
	border: 1px solid var(--azi-teal-200);
}

.azi-participants-research-card--dark {
	background-color: var(--azi-orange-500);
	border: 1px solid var(--azi-orange-500);
	color: #fff;
}

.azi-participants-research-card--light-orange {
	background-color: var(--azi-orange-10);
	border: 1px solid var(--azi-orange-100);
}

.azi-participants-research-card--light-orange .azi-participants-research-card__icon {
	color: var(--azi-orange-600);
}

.azi-participants-research-card--light-orange .azi-participants-research-row__icon {
	color: var(--azi-orange-700);
}

.azi-participants-research-card__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 104px;
	height: 104px;
	min-height: 0;
	padding: var(--azi-space-xs);
	border-radius: var(--azi-radius-default);
	background-color: #fff;
	font-size: var(--azi-fs-1xs);
}

img.azi-participants-research-card__icon {
	object-fit: contain;
	padding: 0;
}

.azi-participants-research-card--navy .azi-participants-research-card__icon {
	color: var(--azi-teal-600);
}

.azi-participants-research-card--teal .azi-participants-research-card__icon {
	color: var(--azi-teal-500);
}

.azi-participants-research-card__icon--on-dark {
	background-color: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.4);
	color: #fff;
}

.azi-participants-research-card__pill {
	align-self: flex-start;
	background-color: rgba(255, 255, 255, 0.6);
	color: var(--azi-navy-700);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-1xs);
	line-height: var(--azi-lh-1xs);
}

.azi-participants-research-card__pill--on-dark {
	background-color: rgba(255, 255, 255, 0.15);
	color: #fff;
}

.azi-participants-research-card__title {
	font-family: var(--azi-font-decorative);
	font-weight: var(--azi-weight-bold);
	font-size: var(--azi-fs-l);
	line-height: var(--azi-lh-l);
	color: var(--azi-navy-900);
	margin: 0;
}

.azi-participants-research-card__title--on-dark {
	color: #fff;
}

.azi-participants-research-card__list {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-xs);
}

.azi-participants-research-row {
	display: flex;
	align-items: center;
	gap: var(--azi-space-xs);
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-s);
	color: var(--azi-navy-900);
	min-width: 0;
}

.azi-participants-research-row--on-dark {
	color: #fff;
}

.azi-participants-research-row__icon {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.7);
}

.azi-participants-research-row__icon .ionicon {
	width: 14px;
	height: 14px;
}

.azi-participants-research-card--navy .azi-participants-research-row__icon {
	color: var(--azi-teal-600);
}

.azi-participants-research-card--teal .azi-participants-research-row__icon {
	color: var(--azi-teal-700);
}

.azi-participants-research-row__icon--on-dark {
	background-color: rgba(255, 255, 255, 0.15);
	color: #fff;
}

.azi-participants-research-card__cta {
	margin-top: auto;
	align-self: flex-start;
	background-color: var(--azi-teal-500);
	color: #fff;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	text-decoration: none;
}

@media (min-width: 1024px) {
	.azi-participants-research {
		padding: var(--azi-space-xxl) var(--azi-space-m);
	}

	.azi-participants-research__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		align-items: stretch;
	}
}

/* ==========================================================================
   For Participants — Why Be a Participant (Rewards + testimonial)
   ========================================================================== */

.azi-participants-research-detail {
	margin-top: var(--azi-space-m);
	border-radius: var(--azi-radius-card);
	border: 1px solid var(--azi-container-neutral-grey-stroke);
	padding: var(--azi-space-s) var(--azi-space-m);
}

.azi-participants-research-detail__trigger {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: none;
	border: none;
	appearance: none;
	cursor: pointer;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	color: var(--azi-navy-900);
	padding: var(--azi-space-xs) 0;
}

.azi-participants-research-detail__lang {
	padding: var(--azi-space-s) 0;
	border-top: 1px solid var(--azi-container-neutral-grey-stroke);
	min-height: 0;
	overflow: hidden;
}

.azi-participants-research-detail__lang:first-child {
	border-top: none;
}

.azi-participants-research-detail__lang-label {
	display: block;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: 14px;
	color: var(--azi-teal-600);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin-bottom: var(--azi-space-2xs, 4px);
}

.azi-participants-research-detail__lang p {
	font-family: var(--azi-font-body);
	font-size: 14px;
	color: var(--azi-text-neutral);
	margin: 0;
	min-height: 0;
	overflow: hidden;
}

.azi-participants-why {
	max-width: 1280px;
	margin: 0 auto;
	padding: var(--azi-space-xl) var(--azi-space-s);
}

.azi-participants-why__heading {
	margin: 0 0 var(--azi-space-m);
}

.azi-participants-why__tiles {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--azi-space-s);
	margin-bottom: var(--azi-space-m);
}

.azi-participants-why-tile {
	border-radius: var(--azi-radius-card);
	border: 1px solid;
	padding: var(--azi-space-s);
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-xs);
	min-width: 0;
}

.azi-participants-why-tile--teal {
	background-color: var(--azi-teal-10);
	border-color: var(--azi-teal-100);
}

.azi-participants-why-tile--orange {
	background-color: var(--azi-orange-10);
	border-color: var(--azi-orange-100);
}

.azi-participants-why-tile--navy {
	background-color: var(--azi-navy-10);
	border-color: var(--azi-navy-50);
}

.azi-participants-why-tile__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
}

.azi-participants-why-tile--teal .azi-participants-why-tile__icon {
	color: var(--azi-teal-600);
}

.azi-participants-why-tile--orange .azi-participants-why-tile__icon {
	color: var(--azi-orange-600);
}

.azi-participants-why-tile__title {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	color: var(--azi-navy-900);
}

.azi-participants-why-tile__description {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-regular);
	font-size: 14px;
	color: var(--azi-text-neutral);
}

.azi-participants-why__bottom {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-s);
}

.azi-participants-why-testimonial {
	background-color: var(--azi-teal-10);
	border: 1px solid var(--azi-teal-100);
	border-radius: var(--azi-radius-card);
	padding: var(--azi-space-m);
	min-width: 0;
}

.azi-participants-why-testimonial__mark {
	font-family: var(--azi-font-decorative);
	font-weight: var(--azi-weight-bold);
	font-size: var(--azi-fs-3xl);
	line-height: 1;
	color: var(--azi-teal-500);
	display: block;
	margin-bottom: var(--azi-space-xs);
}

.azi-participants-why-testimonial__quote {
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-m);
	line-height: var(--azi-lh-m);
	color: var(--azi-navy-900);
	margin: 0 0 var(--azi-space-m);
}

.azi-participants-why-testimonial__author {
	display: flex;
	align-items: center;
	gap: var(--azi-space-xs);
}

.azi-participants-why-testimonial__avatar {
	width: 40px;
	height: 40px;
	min-height: 0;
	padding: 0;
	border-radius: 50%;
	flex-shrink: 0;
}

.azi-participants-why-testimonial__name {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-medium);
	font-size: var(--azi-fs-xs);
	color: var(--azi-text-neutral);
}

.azi-participants-why-rewards {
	background-color: #fff;
	border: 1px solid var(--azi-container-neutral-grey-stroke);
	border-radius: var(--azi-radius-card);
	padding: var(--azi-space-m);
	min-width: 0;
}

.azi-participants-why-rewards__title {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	color: var(--azi-navy-900);
	margin: 0 0 var(--azi-space-s);
}

.azi-participants-why-rewards__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--azi-space-s);
	border-top: 1px solid var(--azi-container-neutral-grey-stroke);
	padding: var(--azi-space-s) 0;
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-s);
	color: var(--azi-navy-900);
}

.azi-participants-why-rewards__row:first-child {
	border-top: none;
	padding-top: 0;
}

.azi-participants-why-rewards__amount {
	font-family: var(--azi-font-decorative);
	font-weight: var(--azi-weight-bold);
	color: var(--azi-teal-500);
}

.azi-participants-why-rewards__time {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-regular);
	font-size: 14px;
	color: var(--azi-text-neutral);
}

@media (min-width: 1024px) {
	.azi-participants-why {
		padding: var(--azi-space-xxl) var(--azi-space-m);
	}

	.azi-participants-why__tiles {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.azi-participants-why__bottom {
		grid-template-columns: 1.3fr 1fr;
		align-items: stretch;
	}
}

/* ==========================================================================
   For Participants — How Does It Work (Vertical steps)
   ========================================================================== */

.azi-participants-works {
	max-width: 1280px;
	margin: 0 auto;
	padding: var(--azi-space-xl) var(--azi-space-s);
}

.azi-participants-works__heading {
	margin: 0 0 var(--azi-space-m);
}

.azi-participants-works__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-m);
}

.azi-participants-works__list {
	display: flex;
	flex-direction: column;
}

.azi-participants-works__wide-image {
	width: 100%;
	aspect-ratio: 700 / 190;
	min-height: 0;
	margin-top: var(--azi-space-s);
}

img.azi-participants-works__wide-image {
	display: block;
	height: auto;
	object-fit: cover;
	border-radius: var(--azi-radius-default);
}

.azi-participants-works-step {
	display: flex;
	align-items: baseline;
	gap: var(--azi-space-s);
	border-top: 1px solid var(--azi-container-neutral-grey-stroke);
	padding: var(--azi-space-s) 0;
	min-width: 0;
}

.azi-participants-works-step:last-child {
	border-bottom: 1px solid var(--azi-container-neutral-grey-stroke);
}

.azi-participants-works-step__number {
	flex-shrink: 0;
	font-family: var(--azi-font-decorative);
	font-weight: var(--azi-weight-bold);
	font-size: var(--azi-fs-xl);
	width: 48px;
}

.azi-participants-works-step__number--teal {
	color: var(--azi-teal-300);
}

.azi-participants-works-step__number--navy {
	color: var(--azi-navy-300);
}

.azi-participants-works-step__number--navy-light {
	color: var(--azi-navy-100);
}

.azi-participants-works-step__number--orange {
	color: var(--azi-orange-300);
}

.azi-participants-works-step__text {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-xxs);
	min-width: 0;
}

.azi-participants-works-step__title {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-m);
	color: var(--azi-navy-900);
}

.azi-participants-works-step__body {
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-s);
	color: var(--azi-text-neutral);
}

.azi-participants-works__recording {
	position: relative;
	min-height: 240px;
	padding: var(--azi-space-s);
	background-color: var(--azi-teal-10);
	border-color: var(--azi-teal-100);
	display: flex;
	align-items: flex-end;
}

.azi-participants-works__recording--video {
	padding: 0;
	aspect-ratio: 16 / 9;
	min-height: 0;
	overflow: hidden;
	border-radius: var(--azi-radius-default);
}

.azi-participants-works__recording--video iframe {
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

.azi-participants-works__recording-label {
	text-transform: uppercase;
	letter-spacing: 0.03em;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-1xs);
	color: var(--azi-teal-700);
}

.azi-participants-works__play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background-color: #fff;
}

.azi-participants-works__play::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 55%;
	transform: translate(-50%, -50%);
	border-style: solid;
	border-width: 9px 0 9px 14px;
	border-color: transparent transparent transparent var(--azi-teal-500);
}

.azi-participants-works__actions {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-xs);
	margin-top: var(--azi-space-m);
}

.azi-participants-works__cta {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	text-decoration: none;
	text-align: center;
}

.azi-participants-works__cta--primary {
	background-color: var(--azi-teal-500);
	color: #fff;
}

.azi-participants-works__cta--secondary {
	background-color: transparent;
	border: 1px solid var(--azi-navy-500);
	color: var(--azi-navy-500);
}

@media (min-width: 1024px) {
	.azi-participants-works {
		padding: var(--azi-space-xxl) var(--azi-space-m);
	}

	.azi-participants-works__grid {
		grid-template-columns: 1.05fr 0.95fr;
		gap: var(--azi-space-l);
	}

	.azi-participants-works__recording {
		min-height: 360px;
	}

	.azi-participants-works__actions {
		flex-direction: row;
	}
}

/* ==========================================================================
   For Participants — Get Started / Ask a Question
   ========================================================================== */

.azi-participants-get-started {
	background: linear-gradient(135deg, var(--azi-teal-10), #FFF6D6);
	padding: var(--azi-space-xl) 0;
}

.azi-participants-get-started__inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 var(--azi-space-s);
}

.azi-participants-get-started__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-m);
}

.azi-participants-get-started__eyebrow {
	background-color: #fff;
}

.azi-participants-get-started__heading {
	margin: 0 0 var(--azi-space-s);
}

.azi-participants-get-started__body {
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-m);
	color: var(--azi-text-neutral);
	margin: 0 0 var(--azi-space-m);
}

.azi-participants-get-started__question {
	display: flex;
	align-items: center;
	gap: var(--azi-space-s);
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: var(--azi-radius-card);
	padding: var(--azi-space-s);
	text-decoration: none;
	min-width: 0;
}

.azi-participants-get-started__question-icon {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: var(--azi-teal-100);
	color: var(--azi-teal-700);
}

.azi-participants-get-started__question-icon .ionicon {
	width: 18px;
	height: 18px;
}

.azi-participants-get-started__question-title {
	display: block;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	color: var(--azi-navy-900);
}

.azi-participants-get-started__question-link {
	display: block;
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-xs);
	color: var(--azi-teal-700);
}

.azi-participants-get-started__card {
	background-color: #fff;
	border-radius: var(--azi-radius-card);
	padding: var(--azi-space-m);
	box-shadow: 0 8px 24px rgba(29, 29, 68, 0.08);
}

.azi-participants-get-started__card-title {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	color: var(--azi-teal-700);
	margin-bottom: var(--azi-space-s);
}

.azi-participants-get-started__form-wrap .wpcf7-form {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-xs);
}

.azi-participants-get-started__form-wrap .wpcf7-form-control-wrap {
	display: block;
}

.azi-participants-get-started__form-wrap p {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-xs);
	margin: 0;
}

.azi-participants-get-started__field {
	width: 100%;
	border: 1px solid var(--azi-container-neutral-grey-stroke);
	border-radius: var(--azi-radius-field-large);
	padding: var(--azi-space-xs) var(--azi-space-s);
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-s);
	background-color: #fff;
	box-sizing: border-box;
}

.azi-participants-get-started__field--textarea {
	height: 64px;
	resize: vertical;
}

.azi-participants-get-started__submit {
	background-color: var(--azi-teal-500);
	color: #fff;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	border: none;
	appearance: none;
	cursor: pointer;
	padding: var(--azi-space-xs) var(--azi-space-m);
}

.azi-participants-get-started__ask-link {
	margin-top: var(--azi-space-s);
	display: inline-block;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-medium);
	font-size: var(--azi-fs-xs);
	color: var(--azi-text-neutral);
	text-decoration: none;
}

@media (min-width: 1024px) {
	.azi-participants-get-started__inner {
		padding: var(--azi-space-xxl) var(--azi-space-m);
	}

	.azi-participants-get-started__grid {
		grid-template-columns: 0.9fr 1.1fr;
		gap: var(--azi-space-l);
		align-items: start;
	}
}

/* ==========================================================================
   For Participants — FAQs
   ========================================================================== */

.azi-participants-faqs {
	max-width: 1280px;
	margin: 0 auto;
	padding: var(--azi-space-xl) var(--azi-space-s);
}

.azi-participants-faqs__heading {
	margin: 0 0 var(--azi-space-m);
}

.azi-participants-faqs__list {
	display: flex;
	flex-direction: column;
	margin-bottom: var(--azi-space-m);
}

.azi-participants-faq-item {
	border-top: 1px solid var(--azi-container-neutral-grey-stroke);
}

.azi-participants-faq-item:last-child {
	border-bottom: 1px solid var(--azi-container-neutral-grey-stroke);
}

.azi-participants-faq-item__question {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-medium);
	font-size: var(--azi-fs-m);
	color: var(--azi-navy-900);
}

.azi-participants-faqs__cta {
	background-color: transparent;
	border: 1px solid var(--azi-navy-500);
	color: var(--azi-navy-500);
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	text-decoration: none;
}

@media (min-width: 1024px) {
	.azi-participants-faqs {
		padding: var(--azi-space-xxl) var(--azi-space-m);
	}
}

/* ==========================================================================
   Shared — FAQ accordion (used on For Product Teams + For Participants)
   ========================================================================== */

.azi-accordion-item__trigger {
	width: 100%;
	background: none;
	border: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--azi-space-s);
	padding: var(--azi-space-s) 0;
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.azi-accordion-item__chevron {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 1px solid var(--azi-container-neutral-grey-stroke);
	position: relative;
	transition: transform 0.2s ease;
}

.azi-accordion-item__chevron::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	border-left: 1.5px solid var(--azi-text-neutral);
	border-bottom: 1.5px solid var(--azi-text-neutral);
	transform: translate(-50%, -65%) rotate(-45deg);
}

.azi-accordion-item__trigger[aria-expanded="true"] .azi-accordion-item__chevron {
	transform: rotate(180deg);
}

.azi-accordion-item__panel {
	display: grid;
	grid-template-rows: 0fr;
	overflow: hidden;
	transition: grid-template-rows 0.2s ease;
}

.azi-accordion-item__panel > p {
	min-height: 0;
	overflow: hidden;
	margin: 0 0 var(--azi-space-s);
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-s);
	color: var(--azi-text-neutral);
}

.azi-accordion-item__panel > * {
	min-height: 0;
	overflow: hidden;
}

.azi-accordion-item__trigger[aria-expanded="true"] + .azi-accordion-item__panel {
	grid-template-rows: 1fr;
}

/* ==========================================================================
   Platform — Header
   ========================================================================== */

.azi-platform-header {
	padding: var(--azi-space-xl) 0;
	border-bottom: 1px solid var(--azi-container-neutral-grey-stroke);
}

.azi-platform-header__inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 var(--azi-space-s);
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.azi-platform-header__eyebrow {
	background-color: var(--azi-orange-10);
	color: var(--azi-orange-800);
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin-bottom: var(--azi-space-s);
}

.azi-platform-header__heading {
	max-width: 720px;
	margin: 0 0 var(--azi-space-s);
}

.azi-platform-header__body {
	max-width: 640px;
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-m);
	color: var(--azi-text-neutral);
	margin: 0;
}

/* ==========================================================================
   Platform — Sticky tab bar
   ========================================================================== */

.azi-platform-tabbar {
	position: sticky;
	top: 72px; /* fallback until JS measures the actual .site-header height */
	z-index: 20;
	background-color: #FFFDFA;
	border-bottom: 1px solid var(--azi-container-neutral-grey-stroke);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
	padding: var(--azi-space-s);
}

.azi-platform-tabbar__inner {
	max-width: 1280px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	gap: 5px;
	padding: 6px;
	border-radius: var(--azi-radius-field-small);
	background-color: var(--azi-neutral-10);
	width: fit-content;
}

.azi-platform-tabbar__tab {
	display: flex;
	align-items: center;
	gap: var(--azi-space-xs);
	padding: var(--azi-space-xs) var(--azi-space-m);
	border-radius: var(--azi-radius-field-small);
	border: none;
	background-color: transparent;
	cursor: pointer;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	color: #6B6B6B;
}

.azi-platform-tabbar__icon {
	flex-shrink: 0;
	display: inline-flex;
	width: 18px;
	height: 18px;
	color: inherit;
}

.azi-platform-tabbar__icon .ionicon {
	width: 100%;
	height: 100%;
}

.azi-platform-tabbar__tab--business.is-active {
	background-color: var(--azi-navy-500);
	color: #fff;
	box-shadow: 0 2px 6px rgba(55, 55, 117, 0.35);
}

.azi-platform-tabbar__tab--participant.is-active {
	background-color: var(--azi-teal-500);
	color: #fff;
	box-shadow: 0 2px 6px rgba(12, 141, 141, 0.35);
}

@media (min-width: 1024px) {
	.azi-platform-tabbar__inner {
		gap: 6px;
	}

	.azi-platform-tabbar__tab {
		padding: 13px 26px;
	}

	.azi-platform-tabbar__icon {
		width: 21px;
		height: 21px;
	}
}

/* ==========================================================================
   Platform — Tab panels (shared layout, colour set per business/participant)
   ========================================================================== */

.azi-platform-panel[hidden] {
	display: none;
}

.azi-platform-overview {
	padding: var(--azi-space-xl) 0;
	border-bottom: 1px solid var(--azi-container-neutral-grey-stroke);
}

.azi-platform-overview__inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 var(--azi-space-s);
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-m);
}

.azi-platform-overview__copy {
	min-width: 0;
}

.azi-platform-overview__eyebrow {
	background-color: #F1EEFB;
	color: var(--azi-navy-500);
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin-bottom: var(--azi-space-s);
}

.azi-platform-overview__eyebrow--participant {
	background-color: var(--azi-teal-10);
	color: var(--azi-teal-700);
}

.azi-platform-overview__heading {
	margin: 0 0 var(--azi-space-s);
}

.azi-platform-overview__body {
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-m);
	color: var(--azi-text-neutral);
	margin: 0 0 var(--azi-space-m);
}

.azi-platform-overview__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--azi-space-s);
}

.azi-platform-overview__cta {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	text-decoration: none;
	padding: var(--azi-space-xs) var(--azi-space-m);
}

.azi-platform-overview__cta--primary {
	background-color: var(--azi-navy-500);
	color: #fff;
}

.azi-platform-overview__cta--primary.azi-platform-overview__cta--participant {
	background-color: var(--azi-teal-500);
}

.azi-platform-overview__cta--secondary {
	background-color: transparent;
	color: var(--azi-navy-500);
	border: 1px solid var(--azi-navy-500);
}

.azi-platform-overview__cta--secondary-participant {
	color: var(--azi-teal-700);
	border-color: var(--azi-teal-500);
}

.azi-platform-overview__media {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-xs);
	min-width: 0;
}

.azi-platform-overview__video {
	min-height: 150px;
	background-color: #ECEAF4;
	border-color: #BBB3DC;
	position: relative;
}

.azi-platform-overview__video--participant {
	background-color: var(--azi-teal-10);
	border-color: #9BD8D2;
}

.azi-platform-overview__play {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.azi-platform-overview__play::after {
	content: '';
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 12px solid #7B61FF;
	margin-left: 3px;
}

.azi-platform-overview__play--participant::after {
	border-left-color: var(--azi-teal-500);
}

.azi-platform-overview__caption {
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-xs);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #7A72A0;
}

.azi-platform-overview__caption--participant {
	color: #3F8C86;
}

@media (min-width: 1024px) {
	.azi-platform-overview__inner {
		grid-template-columns: 1.05fr 0.95fr;
		align-items: center;
		gap: var(--azi-space-l);
		padding: var(--azi-space-l) var(--azi-space-m);
	}

	.azi-platform-overview__video {
		min-height: 260px;
	}
}

/* Feature grid (shared, used by both business and participant panels) */

.azi-platform-features {
	padding: var(--azi-space-xl) 0;
	border-bottom: 1px solid var(--azi-container-neutral-grey-stroke);
}

.azi-platform-features__inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 var(--azi-space-s);
}

.azi-platform-features__eyebrow {
	background-color: var(--azi-orange-10);
	color: var(--azi-orange-800);
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin-bottom: var(--azi-space-s);
}

.azi-platform-features__heading {
	margin: 0 0 var(--azi-space-m);
}

.azi-platform-features__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-s);
}

.azi-platform-feature-card {
	display: flex;
	align-items: center;
	gap: var(--azi-space-s);
	background-color: #FFFDFA;
	border: 1px solid var(--azi-container-neutral-grey-stroke);
	border-radius: var(--azi-radius-card);
	padding: var(--azi-space-s);
	min-width: 0;
}

.azi-platform-feature-card__thumb {
	flex-shrink: 0;
	width: 52px;
	height: 34px;
	min-height: 0;
	padding: 0;
	background-color: #ECEAF4;
	border-color: #BBB3DC;
	position: relative;
}

.azi-platform-feature-card__thumb--participant {
	background-color: var(--azi-teal-10);
	border-color: #9BD8D2;
}

.azi-platform-feature-card__play {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.azi-platform-feature-card__play::after {
	content: '';
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 6px solid #7B61FF;
	margin-left: 1px;
}

.azi-platform-feature-card__play--participant::after {
	border-left-color: var(--azi-teal-500);
}

.azi-platform-feature-card__body {
	min-width: 0;
}

.azi-platform-feature-card__title {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	color: var(--azi-navy-800);
}

.azi-platform-feature-card__desc {
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-xs);
	color: #7A7382;
}

@media (min-width: 1024px) {
	.azi-platform-features__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--azi-space-m);
	}

	.azi-platform-feature-card {
		flex-direction: column;
		align-items: stretch;
	}

	.azi-platform-feature-card__thumb {
		width: 100%;
		height: 118px;
	}

	.azi-platform-feature-card__play {
		width: 48px;
		height: 48px;
	}

	.azi-platform-feature-card__play::after {
		border-top-width: 8px;
		border-bottom-width: 8px;
		border-left-width: 12px;
		margin-left: 3px;
	}
}

/* How it works (shared layout, colour set per business/participant) */

.azi-platform-how {
	padding: var(--azi-space-xl) 0;
}

.azi-platform-how__inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 var(--azi-space-s);
}

.azi-platform-how__panel {
	background-color: #F1EEFB;
	border: 1px solid #E2DAF7;
	border-radius: var(--azi-radius-container);
	padding: var(--azi-space-m);
}

.azi-platform-how__panel--participant {
	background-color: var(--azi-teal-10);
	border-color: #C3E9E2;
}

.azi-platform-how__eyebrow {
	display: inline-block;
	background-color: #fff;
	color: var(--azi-navy-500);
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	padding: var(--azi-space-xxs) var(--azi-space-s);
	border-radius: var(--azi-radius-field-small);
	margin-bottom: var(--azi-space-m);
}

.azi-platform-how__eyebrow--participant {
	color: var(--azi-teal-700);
}

.azi-platform-how__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-m);
}

.azi-platform-how__step {
	min-width: 0;
}

.azi-platform-how__number {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-color: var(--azi-navy-500);
	color: #fff;
	font-family: var(--azi-font-decorative);
	font-weight: var(--azi-weight-bold);
	font-size: var(--azi-fs-s);
	margin-bottom: var(--azi-space-xs);
}

.azi-platform-how__number--participant {
	background-color: var(--azi-teal-500);
}

.azi-platform-how__step-title {
	font-family: var(--azi-font-decorative);
	font-weight: var(--azi-weight-bold);
	font-size: var(--azi-fs-m);
	color: var(--azi-navy-800);
	margin-bottom: 4px;
}

.azi-platform-how__step-desc {
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-xs);
	color: #544A77;
}

.azi-platform-how__step-desc--participant {
	color: #3F7A74;
}

@media (min-width: 1024px) {
	.azi-platform-how__panel {
		padding: var(--azi-space-l);
	}

	.azi-platform-how__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: var(--azi-space-m);
	}

	.azi-platform-how__number {
		width: 32px;
		height: 32px;
	}
}

/* Contact form (shared layout, colour set per business/participant) */

.azi-platform-contact {
	padding: var(--azi-space-xl) 0;
}

.azi-platform-contact--business {
	background: linear-gradient(135deg, #ECEAF4, #F7F4FF);
}

.azi-platform-contact--participant {
	background: linear-gradient(135deg, var(--azi-teal-10), #EAFFFC);
}

.azi-platform-contact__inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 var(--azi-space-s);
}

.azi-platform-contact__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-m);
}

.azi-platform-contact__intro {
	min-width: 0;
}

.azi-platform-contact__eyebrow {
	display: inline-block;
	background-color: #fff;
	color: var(--azi-navy-500);
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	padding: var(--azi-space-xxs) var(--azi-space-s);
	border-radius: var(--azi-radius-field-small);
	margin-bottom: var(--azi-space-s);
}

.azi-platform-contact__eyebrow--participant {
	color: var(--azi-teal-700);
}

.azi-platform-contact__heading {
	margin: 0 0 var(--azi-space-s);
}

.azi-platform-contact__body {
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-m);
	color: var(--azi-text-neutral);
	margin: 0 0 var(--azi-space-m);
}

.azi-platform-contact__promo {
	display: flex;
	align-items: center;
	gap: var(--azi-space-s);
	background-color: var(--azi-navy-500);
	color: #fff;
	border-radius: var(--azi-radius-card);
	padding: var(--azi-space-s);
	text-decoration: none;
	min-width: 0;
}

.azi-platform-contact__promo--participant {
	background-color: var(--azi-teal-500);
}

.azi-platform-contact__promo-icon {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.2);
	color: #fff;
}

.azi-platform-contact__promo-icon .ionicon {
	width: 18px;
	height: 18px;
}

.azi-platform-contact__promo-title {
	display: block;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	color: #fff;
}

.azi-platform-contact__promo-link {
	display: block;
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-xs);
	color: rgba(255, 255, 255, 0.85);
}

.azi-platform-contact__card {
	background-color: #fff;
	border-radius: var(--azi-radius-card);
	padding: var(--azi-space-m);
	box-shadow: 0 8px 24px rgba(29, 29, 68, 0.08);
}

.azi-platform-contact__card-title {
	display: flex;
	align-items: center;
	gap: var(--azi-space-xs);
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	color: var(--azi-navy-500);
	margin-bottom: var(--azi-space-s);
}

.azi-platform-contact__card-title--participant {
	color: var(--azi-teal-700);
}

.azi-platform-contact__card-title-icon {
	flex-shrink: 0;
	display: inline-flex;
	width: 18px;
	height: 18px;
	color: inherit;
}

.azi-platform-contact__card-title-icon .ionicon {
	width: 100%;
	height: 100%;
}

.azi-platform-contact__form-wrap .wpcf7-form {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-s);
}

.azi-platform-contact__form-wrap .wpcf7-form-control-wrap {
	display: block;
}

.azi-platform-contact__form-wrap p {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-s);
	margin: 0;
}


.azi-platform-contact__field {
	width: 100%;
	border: 1px solid var(--azi-container-neutral-grey-stroke);
	border-radius: var(--azi-radius-field-large);
	padding: var(--azi-space-xs) var(--azi-space-s);
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-s);
	background-color: #fff;
	box-sizing: border-box;
}

.azi-platform-contact__field--textarea {
	resize: vertical;
	border-radius: var(--azi-radius-container);
}

.azi-platform-contact__submit {
	color: #fff;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	border: none;
	appearance: none;
	cursor: pointer;
	padding: var(--azi-space-xs) var(--azi-space-m);
}

.azi-platform-contact__submit--business {
	background-color: var(--azi-orange-500);
}

.azi-platform-contact__submit--participant {
	background-color: var(--azi-teal-500);
}

.azi-platform-contact__alt-link {
	margin-top: var(--azi-space-s);
	display: inline-block;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-medium);
	font-size: var(--azi-fs-xs);
	color: var(--azi-text-neutral);
	text-decoration: none;
}

@media (min-width: 1024px) {
	.azi-platform-contact__grid {
		grid-template-columns: 0.9fr 1.1fr;
		gap: var(--azi-space-l);
		align-items: start;
	}
}

/* ==========================================================================
   Resources — Header
   ========================================================================== */

.azi-resources-header {
	padding: var(--azi-space-xl) 0;
	border-bottom: 1px solid var(--azi-container-neutral-grey-stroke);
}

.azi-resources-header__inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 var(--azi-space-s);
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.azi-resources-header__eyebrow {
	background-color: var(--azi-orange-10);
	color: var(--azi-orange-800);
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin-bottom: var(--azi-space-s);
}

.azi-resources-header__heading {
	max-width: 720px;
	margin: 0 0 var(--azi-space-s);
}

.azi-resources-header__body {
	max-width: 640px;
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-m);
	color: var(--azi-text-neutral);
	margin: 0;
}

/* ==========================================================================
   Resources — Category quick-nav
   ========================================================================== */

.azi-resources-nav {
	padding: var(--azi-space-l) 0;
	background-color: #FBF8F3;
}

.azi-resources-nav__inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 var(--azi-space-s);
}

.azi-resources-nav__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-s);
}

.azi-resources-nav__card {
	display: flex;
	align-items: center;
	gap: var(--azi-space-s);
	padding: var(--azi-space-s) var(--azi-space-m);
	border-radius: var(--azi-radius-default);
	text-decoration: none;
	min-width: 0;
}

.azi-resources-nav__icon {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
}

.azi-resources-nav__icon .ionicon {
	width: 100%;
	height: 100%;
}

.azi-resources-nav__icon--image {
	width: 48px;
	height: 48px;
	object-fit: contain;
	border-radius: var(--azi-radius-default);
}

.azi-resources-nav__text {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
}

.azi-resources-nav__title {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
}

.azi-resources-nav__subtitle {
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-1xs);
	opacity: 0.75;
}

.azi-resources-nav__arrow {
	flex-shrink: 0;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	position: relative;
}

.azi-resources-nav__arrow::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	border-left: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: translate(-50%, -65%) rotate(-45deg);
}

.azi-resources-nav__card--navy {
	background-color: #F1EEFB;
	color: var(--azi-navy-500);
}

.azi-resources-nav__card--navy .azi-resources-nav__arrow {
	background-color: var(--azi-navy-500);
	color: #fff;
}

.azi-resources-nav__card--orange {
	background-color: var(--azi-orange-10);
	color: var(--azi-orange-800);
}

.azi-resources-nav__card--orange .azi-resources-nav__arrow {
	background-color: var(--azi-orange-800);
	color: #fff;
}

.azi-resources-nav__card--teal {
	background-color: #E1F6F2;
	color: var(--azi-teal-700);
}

.azi-resources-nav__card--teal .azi-resources-nav__arrow {
	background-color: var(--azi-teal-500);
	color: #fff;
}

@media (min-width: 1024px) {
	.azi-resources-nav__grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* ==========================================================================
   Resources — Platform Help
   ========================================================================== */

.azi-resources-help {
	padding: var(--azi-space-xl) 0;
	border-bottom: 1px solid var(--azi-container-neutral-grey-stroke);
}

.azi-resources-help__inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 var(--azi-space-s);
}

.azi-resources-help__eyebrow {
	background-color: #F1EEFB;
	color: var(--azi-navy-500);
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin-bottom: var(--azi-space-s);
}

.azi-resources-help__heading {
	max-width: 760px;
	margin: 0 0 var(--azi-space-m);
}

.azi-resources-help-tabbar {
	margin-bottom: var(--azi-space-l);
}

.azi-resources-help-tabbar__inner {
	display: flex;
	gap: 5px;
	padding: 6px;
	border-radius: var(--azi-radius-field-small);
	background-color: var(--azi-neutral-10);
	width: 100%;
}

.azi-resources-help-tabbar__tab {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--azi-space-xs);
	padding: var(--azi-space-xs) var(--azi-space-m);
	border-radius: var(--azi-radius-field-small);
	border: none;
	background: none;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-medium);
	font-size: var(--azi-fs-s);
	color: #9A958C;
	cursor: pointer;
	white-space: nowrap;
	flex: 1;
}

.azi-resources-help-tabbar__icon {
	display: none;
	width: 18px;
	height: 18px;
}

.azi-resources-help-tabbar__icon .ionicon {
	width: 100%;
	height: 100%;
}

.azi-resources-help-tabbar__label-desktop {
	display: none;
}

.azi-resources-help-tabbar__label-mobile {
	display: inline;
}

.azi-resources-help-tabbar__tab.is-active {
	background-color: var(--azi-navy-500);
	color: #fff;
	box-shadow: 0 2px 6px rgba(55, 55, 117, 0.35);
}

@media (min-width: 1024px) {
	.azi-resources-help-tabbar__inner {
		width: fit-content;
	}

	.azi-resources-help-tabbar__tab {
		flex: none;
	}

	.azi-resources-help-tabbar__icon {
		display: block;
	}

	.azi-resources-help-tabbar__label-desktop {
		display: inline;
	}

	.azi-resources-help-tabbar__label-mobile {
		display: none;
	}
}

.azi-resources-help-panel {
	display: none;
}

.azi-resources-help-panel.is-active {
	display: block;
}

.azi-resources-help-panel__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-l);
}

.azi-resources-help-tutorials__row,
.azi-resources-help-faqs__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: var(--azi-space-s);
}

.azi-resources-help-tutorials__title,
.azi-resources-help-faqs__title {
	margin: 0;
}

.azi-resources-help-tutorials__all,
.azi-resources-help-faqs__all {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-medium);
	font-size: var(--azi-fs-xs);
	text-decoration: none;
	color: var(--azi-navy-500);
	white-space: nowrap;
}

.azi-resources-help-tutorials__all--part,
.azi-resources-help-faqs__all--part {
	color: var(--azi-teal-500);
}

.azi-resources-tutorial-card {
	display: flex;
	align-items: center;
	gap: var(--azi-space-s);
	padding: var(--azi-space-s) 0;
	border-bottom: 1px solid var(--azi-container-neutral-grey-stroke);
}

.azi-resources-tutorial-card:last-child {
	border-bottom: none;
}

.azi-resources-tutorial-card__thumb {
	flex-shrink: 0;
	width: 88px;
	height: 56px;
	padding: 0;
	min-height: 0;
	border-radius: var(--azi-radius-default);
	border: 1px dashed var(--azi-navy-500);
	background-color: #ECEAF4;
	display: flex;
	align-items: center;
	justify-content: center;
}

.azi-resources-tutorial-card__thumb--part {
	border-color: var(--azi-teal-500);
	background-color: #D9F6F1;
}

.azi-resources-tutorial-card__play {
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 9px solid var(--azi-navy-500);
}

.azi-resources-tutorial-card--part .azi-resources-tutorial-card__play {
	border-left-color: var(--azi-teal-500);
}

.azi-resources-tutorial-card__body {
	flex: 1;
	min-width: 0;
}

.azi-resources-tutorial-card__title {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
}

.azi-resources-tutorial-card__meta {
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-1xs);
	color: var(--azi-text-neutral);
}

.azi-resources-tutorial-card__cta {
	flex-shrink: 0;
	background-color: var(--azi-navy-500);
	color: #fff;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-1xs);
	text-decoration: none;
	padding: var(--azi-space-xs) var(--azi-space-s);
	border: none;
	appearance: none;
	cursor: pointer;
}

.azi-resources-tutorial-card__cta--part {
	background-color: var(--azi-teal-500);
}

.azi-resources-faq-item {
	border: 1px solid var(--azi-container-neutral-grey-stroke);
	border-radius: var(--azi-radius-default);
	padding: 0 var(--azi-space-s);
	margin-bottom: var(--azi-space-xs);
}

.azi-resources-faq-item__question {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-medium);
	font-size: var(--azi-fs-s);
	color: var(--azi-text-on-light);
}

@media (min-width: 1024px) {
	.azi-resources-help-panel__grid {
		grid-template-columns: 1.35fr 1fr;
		align-items: start;
	}
}

/* ==========================================================================
   Resources — Knowledge Sharing
   ========================================================================== */

.azi-resources-knowledge {
	padding: var(--azi-space-xl) 0;
	border-bottom: 1px solid var(--azi-container-neutral-grey-stroke);
}

.azi-resources-knowledge__inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 var(--azi-space-s);
}

.azi-resources-knowledge__eyebrow {
	background-color: var(--azi-orange-10);
	color: var(--azi-orange-800);
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin-bottom: var(--azi-space-s);
}

.azi-resources-knowledge__heading {
	max-width: 640px;
	margin: 0 0 var(--azi-space-l);
}

.azi-resources-knowledge__group {
	margin-bottom: var(--azi-space-l);
}

.azi-resources-knowledge__group:last-child {
	margin-bottom: 0;
}

.azi-resources-knowledge__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: var(--azi-space-s);
}

.azi-resources-knowledge__subheading {
	margin: 0;
}

.azi-resources-knowledge__all {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-medium);
	font-size: var(--azi-fs-xs);
	text-decoration: none;
	color: var(--azi-navy-500);
	white-space: nowrap;
}

.azi-resources-article-grid,
.azi-resources-video-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--azi-space-s);
}

.azi-resources-article-card,
.azi-resources-video-card {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-xs);
	text-decoration: none;
	color: inherit;
}

.azi-resources-article-card__thumb {
	padding: 0;
	min-height: 120px;
	border-radius: var(--azi-radius-default);
	border: 1px dashed var(--azi-navy-500);
	background-color: #ECEAF4;
}

.azi-resources-article-card__thumb:not(.azi-placeholder) {
	height: 120px;
	border: none;
}

.azi-resources-article-card__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--azi-radius-default);
}

.azi-resources-article-card__thumb--orange {
	border-color: var(--azi-orange-500);
	background-color: var(--azi-orange-10);
}

.azi-resources-article-card__thumb--teal {
	border-color: var(--azi-teal-500);
	background-color: #D9F6F1;
}

.azi-resources-article-card__tag {
	align-self: flex-start;
	background-color: var(--azi-neutral-10);
	color: var(--azi-text-neutral);
	font-size: var(--azi-fs-1xs);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.azi-resources-article-card__tag--orange {
	background-color: var(--azi-orange-10);
	color: var(--azi-orange-800);
}

.azi-resources-article-card__tag--teal {
	background-color: #E1F6F2;
	color: var(--azi-teal-500);
}

.azi-resources-article-card__title {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
}

.azi-resources-article-card__cta,
.azi-resources-video-card__cta {
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: none;
	border: none;
	padding: 0;
	color: var(--azi-navy-500);
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-1xs);
	text-decoration: none;
}

.azi-resources-article-card__cta::after,
.azi-resources-video-card__cta::after {
	content: "";
	width: 6px;
	height: 6px;
	border-top: 1.5px solid currentColor;
	border-right: 1.5px solid currentColor;
	transform: rotate(45deg);
}

.azi-resources-video-card__thumb {
	padding: 0;
	min-height: 140px;
	border-radius: var(--azi-radius-default);
	border: 1px dashed var(--azi-navy-500);
	background-color: #ECEAF4;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.azi-resources-video-card__thumb:not(.azi-placeholder) {
	height: 140px;
	border: none;
}

.azi-resources-video-card__thumb--teal {
	border-color: var(--azi-teal-500);
	background-color: #D9F6F1;
}

.azi-resources-video-card__thumb--orange {
	border-color: var(--azi-orange-500);
	background-color: var(--azi-orange-10);
}

.azi-resources-video-card__play {
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 12px solid var(--azi-navy-500);
}

.azi-resources-video-card__duration {
	position: absolute;
	bottom: var(--azi-space-xs);
	right: var(--azi-space-xs);
	background-color: rgba(0, 0, 0, 0.65);
	color: #fff;
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-1xs);
	padding: 2px 6px;
	border-radius: 4px;
}

.azi-resources-video-card__title {
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
}

@media (min-width: 1024px) {
	.azi-resources-article-grid {
		grid-template-columns: repeat(4, 1fr);
	}

	.azi-resources-video-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* ==========================================================================
   Resources — More Info (mirrors Platform contact card pattern)
   ========================================================================== */

.azi-resources-more {
	padding: var(--azi-space-xl) 0;
	background: linear-gradient(135deg, #E1F6F2, #EAFFFC);
}

.azi-resources-more__inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 var(--azi-space-s);
}

.azi-resources-more__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-m);
	align-items: start;
}

.azi-resources-more__intro {
	min-width: 0;
}

.azi-resources-more__eyebrow {
	display: inline-block;
	background-color: #fff;
	color: var(--azi-teal-700);
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	padding: var(--azi-space-xxs) var(--azi-space-s);
	border-radius: var(--azi-radius-field-small);
	margin-bottom: var(--azi-space-s);
}

.azi-resources-more__heading {
	margin: 0 0 var(--azi-space-m);
}

.azi-resources-more__instagram {
	background-color: #fff;
	border-radius: var(--azi-radius-card);
	padding: var(--azi-space-m);
	box-shadow: 0 8px 24px rgba(29, 29, 68, 0.08);
}

.azi-resources-more__instagram-title {
	display: flex;
	align-items: center;
	gap: var(--azi-space-xs);
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	color: var(--azi-teal-700);
	margin-bottom: var(--azi-space-s);
}

.azi-resources-more__instagram-title-icon {
	flex-shrink: 0;
	display: inline-flex;
	width: 18px;
	height: 18px;
	color: inherit;
}

.azi-resources-more__instagram-title-icon .ionicon {
	width: 100%;
	height: 100%;
}

.azi-resources-instagram-grid {
	height: auto;
	margin-bottom: var(--azi-space-s);
}

.azi-resources-instagram-grid__tile {
	padding: 0;
	min-height: 120px;
	aspect-ratio: 1 / 1;
	border-radius: var(--azi-radius-default);
}

.azi-resources-more__instagram-cta {
	display: flex;
	align-items: center;
	gap: var(--azi-space-s);
	background-color: var(--azi-teal-500);
	color: #fff;
	border-radius: var(--azi-radius-card);
	padding: var(--azi-space-s);
	text-decoration: none;
	min-width: 0;
}

.azi-resources-more__instagram-cta-icon {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.2);
	color: #fff;
}

.azi-resources-more__instagram-cta-icon .ionicon {
	width: 18px;
	height: 18px;
}

.azi-resources-more__instagram-cta-title {
	display: block;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	color: #fff;
}

.azi-resources-more__instagram-cta-link {
	display: block;
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-xs);
	color: rgba(255, 255, 255, 0.85);
}

.azi-resources-more__card {
	background-color: #fff;
	border-radius: var(--azi-radius-card);
	padding: var(--azi-space-m);
	box-shadow: 0 8px 24px rgba(29, 29, 68, 0.08);
}

.azi-resources-more__card-title {
	display: flex;
	align-items: center;
	gap: var(--azi-space-xs);
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	color: var(--azi-teal-700);
	margin-bottom: var(--azi-space-s);
}

.azi-resources-more__card-title-icon {
	flex-shrink: 0;
	display: inline-flex;
	width: 18px;
	height: 18px;
	color: inherit;
}

.azi-resources-more__card-title-icon .ionicon {
	width: 100%;
	height: 100%;
}

.azi-resources-more__form-wrap .wpcf7-form {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-s);
}

.azi-resources-more__form-wrap .wpcf7-form-control-wrap {
	display: block;
}

.azi-resources-more__form-wrap p {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-s);
	margin: 0;
}

.azi-resources-more__field {
	width: 100%;
	border: 1px solid var(--azi-container-neutral-grey-stroke);
	border-radius: var(--azi-radius-field-large);
	padding: var(--azi-space-xs) var(--azi-space-s);
	font-family: var(--azi-font-body);
	font-size: var(--azi-fs-s);
	background-color: #fff;
	box-sizing: border-box;
}

.azi-resources-more__field--textarea {
	resize: vertical;
	border-radius: var(--azi-radius-container);
}

.azi-resources-more__submit {
	color: #fff;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: var(--azi-fs-s);
	border: none;
	appearance: none;
	cursor: pointer;
	padding: var(--azi-space-xs) var(--azi-space-m);
	background-color: var(--azi-teal-500);
}

.azi-resources-more__form-helper {
	margin-top: var(--azi-space-s);
	display: inline-block;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-medium);
	font-size: var(--azi-fs-xs);
	color: var(--azi-text-neutral);
}

@media (min-width: 1024px) {
	.azi-resources-more__grid {
		grid-template-columns: 0.9fr 1.1fr;
		gap: var(--azi-space-l);
		align-items: start;
	}
}

/* ==========================================================================
   Tutorial Viewer — shared modal (desktop) / bottom sheet (mobile)
   ========================================================================== */

.azi-tutorial-viewer[hidden] {
	display: none;
}

.azi-tutorial-viewer {
	position: fixed;
	inset: 0;
	z-index: 200;
	display: flex;
	align-items: center;
	justify-content: center;
}

.azi-tutorial-viewer__scrim {
	position: absolute;
	inset: 0;
	background: rgba(21, 21, 45, .55);
}

.azi-tutorial-viewer__panel {
	position: relative;
	z-index: 1;
	width: 100%;
	max-height: 100%;
	background: var(--azi-neutral-0, #FFFDFA);
	overflow-y: auto;
	box-shadow: 0 -10px 40px rgba(21, 21, 45, .3);
}

/* Mobile: bottom sheet */
.azi-tutorial-viewer__panel {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	max-height: 88vh;
	border-radius: 22px 22px 0 0;
}

.azi-tutorial-viewer__grabber {
	width: 42px;
	height: 5px;
	border-radius: 3px;
	background: #DAD4C8;
	margin: 10px auto 4px;
}

.azi-tutorial-viewer__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	padding: 6px 16px 12px;
}

.azi-tutorial-viewer__heading-group {
	min-width: 0;
}

.azi-tutorial-viewer__meta-row {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 5px;
}

.azi-tutorial-viewer__accent-label {
	font: 600 9px/1 var(--azi-font-body);
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--azi-navy-500);
}

.azi-tutorial-viewer[data-tutorial-accent="teal"] .azi-tutorial-viewer__accent-label {
	color: var(--azi-teal-500);
}

.azi-tutorial-viewer__counter {
	display: inline-flex;
	padding: 2px 8px;
	border-radius: 100px;
	background: #F2EEE7;
	font: 600 9px/1 var(--azi-font-body);
	color: #6B6B6B;
}

.azi-tutorial-viewer__title {
	margin: 0;
	font: 700 17px/1.25 var(--azi-font-decorative);
	color: var(--azi-navy-800);
}

.azi-tutorial-viewer__header-actions {
	flex: none;
	display: flex;
	align-items: center;
	gap: 8px;
}

.azi-tutorial-viewer__all-btn {
	display: none;
}

.azi-tutorial-viewer__close {
	flex: none;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #F2EEE7;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	cursor: pointer;
	color: var(--azi-navy-800);
}

.azi-tutorial-viewer__close .ionicon {
	width: 20px;
	height: 20px;
}

.azi-tutorial-viewer__close:hover {
	background: #E8E2D8;
}

.azi-tutorial-viewer__video {
	padding: 0 16px;
}

.azi-tutorial-viewer__video-frame {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: linear-gradient(135deg, #272750, #15152D);
	border-radius: 12px;
	overflow: hidden;
}

.azi-tutorial-viewer__video-top {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	padding: 10px 12px;
	background: linear-gradient(180deg, rgba(0, 0, 0, .4), transparent);
}

.azi-tutorial-viewer__video-title {
	display: none;
}

.azi-tutorial-viewer__video-badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font: 600 10px/1 var(--azi-font-body);
	color: #fff;
}

.azi-tutorial-viewer__video-badge-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 15px;
	border-radius: 4px;
	background: #EF4D46;
}

.azi-tutorial-viewer__video-badge-icon::before {
	content: '';
	width: 0;
	height: 0;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 5px solid #fff;
	margin-left: 1px;
}

.azi-tutorial-viewer__play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 56px;
	height: 40px;
	border-radius: 11px;
	background: #EF4D46;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .4);
}

.azi-tutorial-viewer__play::before {
	content: '';
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 13px solid #fff;
	margin-left: 3px;
}

.azi-tutorial-viewer__video-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 8px 12px 10px;
	background: linear-gradient(0deg, rgba(0, 0, 0, .55), transparent);
}

.azi-tutorial-viewer__progress {
	position: relative;
	height: 3px;
	border-radius: 3px;
	background: rgba(255, 255, 255, .3);
	margin-bottom: 8px;
}

.azi-tutorial-viewer__progress-fill {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 34%;
	background: #EF4D46;
	border-radius: 3px;
}

.azi-tutorial-viewer__video-controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #fff;
}

.azi-tutorial-viewer__video-controls-left,
.azi-tutorial-viewer__video-controls-right {
	display: flex;
	align-items: center;
	gap: 10px;
}

.azi-tutorial-viewer__video-controls .ionicon {
	width: 15px;
	height: 15px;
	color: #fff;
}

.azi-tutorial-viewer__video-time {
	font: 500 10px/1 var(--azi-font-body);
	color: rgba(255, 255, 255, .85);
}

.azi-tutorial-viewer__nav {
	padding: 14px 16px 4px;
	display: flex;
	flex-direction: column;
	gap: 9px;
}

.azi-tutorial-viewer__navcard[hidden],
.azi-tutorial-viewer__navcard--empty[hidden] {
	display: none;
}

.azi-tutorial-viewer__navcard {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 10px;
	border: 1px solid #F0EBE3;
	border-radius: 12px;
	background: var(--azi-neutral-0, #FFFDFA);
	cursor: pointer;
	width: 100%;
	text-align: left;
	font-family: var(--azi-font-body);
}

.azi-tutorial-viewer__navcard:hover {
	background: #F8F5EF;
	border-color: #E2DCD0;
}

.azi-tutorial-viewer__navcard--next {
	text-align: right;
}

.azi-tutorial-viewer__navcard-arrow {
	flex: none;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #F2EEE7;
	display: flex;
	align-items: center;
	justify-content: center;
}

.azi-tutorial-viewer__navcard-arrow .ionicon {
	width: 18px;
	height: 18px;
	color: var(--azi-navy-800);
}

.azi-tutorial-viewer__navcard-arrow--filled {
	background: var(--azi-navy-500);
}

.azi-tutorial-viewer[data-tutorial-accent="teal"] .azi-tutorial-viewer__navcard-arrow--filled {
	background: var(--azi-teal-500);
}

.azi-tutorial-viewer__navcard-arrow--filled .ionicon {
	color: #fff;
}

.azi-tutorial-viewer__navcard-thumb {
	flex: none;
	width: 58px;
	height: 40px;
	border-radius: 8px;
	min-height: 0;
	padding: 0;
}

.azi-tutorial-viewer__navcard-text {
	min-width: 0;
	flex: 1;
}

.azi-tutorial-viewer__navcard-label {
	display: block;
	font: 600 9px/1 var(--azi-font-body);
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #9A958C;
	margin-bottom: 3px;
}

.azi-tutorial-viewer__navcard-title {
	display: block;
	font: 600 14px/1.3 var(--azi-font-body);
	color: var(--azi-navy-800);
}

.azi-tutorial-viewer__navcard--empty {
	justify-content: center;
	padding: 12px;
	border: 1px dashed #E2DCD0;
	border-radius: 12px;
	background: #FAF8F3;
	font: 500 12px/1.3 var(--azi-font-body);
	color: #A8A399;
	text-align: center;
}

.azi-tutorial-viewer__navcard--next-empty {
	justify-content: flex-end;
}

.azi-tutorial-viewer__list {
	padding: 14px 16px 16px;
}

.azi-tutorial-viewer__list-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.azi-tutorial-viewer__list-heading {
	font: 600 10px/1 var(--azi-font-body);
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #9A958C;
}

.azi-tutorial-viewer__list-back {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font: 600 14px/1 var(--azi-font-body);
	color: var(--azi-navy-500);
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
}

.azi-tutorial-viewer[data-tutorial-accent="teal"] .azi-tutorial-viewer__list-back {
	color: var(--azi-teal-500);
}

.azi-tutorial-viewer__list-back .ionicon {
	width: 15px;
	height: 15px;
}

.azi-tutorial-viewer__list-items {
	display: flex;
	flex-direction: column;
	gap: 7px;
	max-height: 230px;
	overflow-y: auto;
}

.azi-tutorial-viewer-row {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 9px;
	border-radius: 11px;
	cursor: pointer;
	background: transparent;
	border: none;
	width: 100%;
	text-align: left;
	font-family: var(--azi-font-body);
}

.azi-tutorial-viewer-row:hover {
	background: #F4F2EC;
}

.azi-tutorial-viewer-row.is-active {
	background: #F1EEFB;
}

.azi-tutorial-viewer[data-tutorial-accent="teal"] .azi-tutorial-viewer-row.is-active {
	background: #E1F6F2;
}

.azi-tutorial-viewer-row__thumb {
	flex: none;
	width: 54px;
	height: 36px;
	border-radius: 8px;
	min-height: 0;
	padding: 0;
}

.azi-tutorial-viewer-row__body {
	flex: 1;
	min-width: 0;
}

.azi-tutorial-viewer-row__title {
	font: 600 14px/1.3 var(--azi-font-body);
	color: var(--azi-navy-800);
}

.azi-tutorial-viewer-row__meta {
	font: 400 10px/1 var(--azi-font-body);
	color: #9A958C;
	margin-top: 3px;
}

.azi-tutorial-viewer-row__check {
	flex: none;
	color: var(--azi-navy-500);
}

.azi-tutorial-viewer[data-tutorial-accent="teal"] .azi-tutorial-viewer-row__check {
	color: var(--azi-teal-500);
}

.azi-tutorial-viewer-row__check .ionicon {
	width: 18px;
	height: 18px;
}

/* Desktop: centred modal, replaces the bottom-sheet rules above */
@media (min-width: 1024px) {
	.azi-tutorial-viewer {
		padding: 32px;
	}

	.azi-tutorial-viewer__panel {
		position: relative;
		z-index: 1;
		width: 760px;
		max-width: 100%;
		max-height: calc(100vh - 64px);
		border-radius: 20px;
		box-shadow: 0 28px 70px rgba(21, 21, 45, .45);
	}

	.azi-tutorial-viewer__grabber {
		display: none;
	}

	.azi-tutorial-viewer__header {
		padding: 20px 22px 14px;
	}

	.azi-tutorial-viewer__meta-row {
		gap: 10px;
		margin-bottom: 7px;
	}

	.azi-tutorial-viewer__accent-label {
		font-size: 10px;
	}

	.azi-tutorial-viewer__counter {
		padding: 3px 9px;
		font-size: 10px;
	}

	.azi-tutorial-viewer__title {
		font-size: 22px;
	}

	.azi-tutorial-viewer__all-btn {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		padding: 10px 16px;
		border-radius: 100px;
		border: 1.5px solid var(--azi-navy-800);
		background: #fff;
		cursor: pointer;
		font: 600 12.5px/1 var(--azi-font-body);
		color: var(--azi-navy-800);
	}

	.azi-tutorial-viewer__all-btn:hover {
		background: #F4F2EC;
	}

	.azi-tutorial-viewer__all-btn-icon .ionicon {
		width: 17px;
		height: 17px;
	}

	.azi-tutorial-viewer__all-btn-caret {
		width: 0;
		height: 0;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-top: 5px solid currentColor;
	}

	.azi-tutorial-viewer__close {
		width: 40px;
		height: 40px;
	}

	.azi-tutorial-viewer__close .ionicon {
		width: 22px;
		height: 22px;
	}

	.azi-tutorial-viewer__video {
		padding: 0 22px;
	}

	.azi-tutorial-viewer__video-frame {
		border-radius: 14px;
	}

	.azi-tutorial-viewer__video-top {
		justify-content: space-between;
		padding: 14px 16px;
	}

	.azi-tutorial-viewer__video-title {
		display: block;
		font: 600 13px/1.35 var(--azi-font-body);
		color: #fff;
		max-width: 72%;
	}

	.azi-tutorial-viewer__play {
		width: 68px;
		height: 48px;
		border-radius: 13px;
	}

	.azi-tutorial-viewer__play::before {
		border-top-width: 9px;
		border-bottom-width: 9px;
		border-left-width: 15px;
	}

	.azi-tutorial-viewer__video-bottom {
		padding: 10px 14px 12px;
	}

	.azi-tutorial-viewer__video-controls .ionicon {
		width: 18px;
		height: 18px;
	}

	.azi-tutorial-viewer__nav {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 14px;
		padding: 16px 22px 22px;
	}

	.azi-tutorial-viewer__navcard {
		border-radius: 14px;
		padding: 12px;
	}

	.azi-tutorial-viewer__navcard-arrow {
		width: 34px;
		height: 34px;
	}

	.azi-tutorial-viewer__navcard-arrow .ionicon {
		width: 20px;
		height: 20px;
	}

	.azi-tutorial-viewer__navcard-thumb {
		width: 74px;
		height: 50px;
		border-radius: 9px;
	}

	.azi-tutorial-viewer__navcard--empty {
		border-radius: 14px;
	}

	.azi-tutorial-viewer__list {
		position: absolute;
		top: 66px;
		right: 22px;
		width: 340px;
		max-height: 380px;
		background: #fff;
		border: 1px solid #F0EBE3;
		border-radius: 16px;
		box-shadow: 2px 8px 28px rgba(21, 21, 45, .22);
		z-index: 5;
		padding: 8px;
	}

	.azi-tutorial-viewer__list-head {
		padding: 8px 10px 10px;
		margin-bottom: 0;
	}

	.azi-tutorial-viewer__list-back {
		display: none;
	}

	.azi-tutorial-viewer__list-items {
		max-height: 320px;
	}

	.azi-tutorial-viewer-row__thumb {
		width: 58px;
		height: 38px;
	}
}

/* ==========================================================================
   All Tutorials — full page (sidebar / side tray + main viewer)
   ========================================================================== */

.azi-all-tutorials {
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
}

.azi-all-tutorials__topbar {
	padding: var(--azi-space-m) var(--azi-space-s) var(--azi-space-s);
	border-bottom: 1px solid var(--azi-container-neutral-grey-stroke);
	background: #FBF8F3;
}

.azi-all-tutorials__crumb {
	display: flex;
	align-items: center;
	gap: 7px;
	font: 500 14px/1 var(--azi-font-body);
	color: #9A958C;
	margin-bottom: var(--azi-space-s);
}

.azi-all-tutorials__crumb a {
	color: #9A958C;
	text-decoration: none;
}

.azi-all-tutorials__crumb-sep .ionicon {
	width: 13px;
	height: 13px;
}

.azi-all-tutorials__crumb-current {
	color: var(--azi-navy-800);
	font-weight: 600;
}

.azi-all-tutorials__heading-row {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-s);
}

.azi-all-tutorials__heading {
	margin: 0 0 6px;
}

.azi-all-tutorials__subheading {
	margin: 0;
	font: 400 14px/1.5 var(--azi-font-body);
	color: var(--azi-text-neutral);
}

.azi-all-tutorials__audience-toggle {
	display: flex;
	gap: 5px;
	padding: 5px;
	border-radius: 100px;
	background: #EDE7DC;
	width: 100%;
}

.azi-all-tutorials__audience-btn {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 9px 8px;
	border-radius: 100px;
	background: transparent;
	border: none;
	cursor: pointer;
	font: 600 11.5px/1 var(--azi-font-body);
	color: #6B6B6B;
}

.azi-all-tutorials__audience-icon .ionicon {
	width: 15px;
	height: 15px;
	color: #9A958C;
}

.azi-all-tutorials__audience-btn.is-active {
	background: var(--azi-navy-500);
	color: #fff;
	box-shadow: 0 2px 6px rgba(55, 55, 117, .35);
}

.azi-all-tutorials[data-all-tutorials-audience="part"] .azi-all-tutorials__audience-btn[data-all-tutorials-audience-btn="part"].is-active {
	background: var(--azi-teal-500);
	box-shadow: 0 2px 6px rgba(12, 141, 141, .35);
}

.azi-all-tutorials__audience-btn.is-active .azi-all-tutorials__audience-icon .ionicon {
	color: #fff;
}

.azi-all-tutorials__tray-opener {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: var(--azi-space-s);
}

.azi-all-tutorials__tray-opener-meta {
	display: flex;
	align-items: center;
	gap: 8px;
}

.azi-all-tutorials__accent-label {
	font: 600 10px/1 var(--azi-font-body);
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--azi-navy-500);
}

.azi-all-tutorials[data-all-tutorials-audience="part"] .azi-all-tutorials__accent-label {
	color: var(--azi-teal-500);
}

.azi-all-tutorials__counter {
	display: inline-flex;
	padding: 3px 8px;
	border-radius: 100px;
	background: #F2EEE7;
	font: 600 10px/1 var(--azi-font-body);
	color: #6B6B6B;
}

.azi-all-tutorials__tray-btn {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 8px 14px;
	border-radius: 100px;
	border: 1.5px solid var(--azi-navy-800);
	background: #fff;
	cursor: pointer;
	font: 600 14px/1 var(--azi-font-body);
	color: var(--azi-navy-800);
}

.azi-all-tutorials__tray-btn .ionicon {
	width: 16px;
	height: 16px;
}

.azi-all-tutorials__body {
	display: block;
}

.azi-all-tutorials__sidebar {
	display: none;
}

.azi-all-tutorials__search {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 10px 14px;
	border-radius: 100px;
	background: #fff;
	border: 1px solid #E3E0D7;
	margin-bottom: var(--azi-space-s);
	color: #A8A399;
	font: 400 12.5px/1 var(--azi-font-body);
}

.azi-all-tutorials__search .ionicon {
	width: 16px;
	height: 16px;
}

.azi-all-tutorials__sidebar-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
}

.azi-all-tutorials__sidebar-label {
	font: 600 14px/1 var(--azi-font-body);
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #9A958C;
}

.azi-all-tutorials__sidebar-count {
	display: inline-flex;
	padding: 3px 9px;
	border-radius: 100px;
	background: #F2EEE7;
	font: 600 10px/1 var(--azi-font-body);
	color: #6B6B6B;
}

.azi-all-tutorials__sidebar-list {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.azi-all-tutorials-row {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px;
	border-radius: 12px;
	cursor: pointer;
	background: #fff;
	border: 1px solid var(--azi-container-neutral-grey-stroke);
	width: 100%;
	text-align: left;
	font-family: var(--azi-font-body);
}

.azi-all-tutorials-row:hover {
	background: #F4F2EC;
}

.azi-all-tutorials-row.is-active {
	background: #F1EEFB;
	border-color: #DAD2F4;
}

.azi-all-tutorials[data-all-tutorials-audience="part"] .azi-all-tutorials-row.is-active {
	background: #E1F6F2;
	border-color: #BCE6E0;
}

.azi-all-tutorials-row__thumb {
	flex: none;
	position: relative;
	width: 62px;
	height: 42px;
	border-radius: 8px;
	min-height: 0;
	padding: 0;
}

.azi-all-tutorials-row__len {
	position: absolute;
	right: 3px;
	bottom: 3px;
	padding: 1px 4px;
	border-radius: 4px;
	background: rgba(21, 21, 45, .7);
	color: #fff;
	font: 600 8px/1 var(--azi-font-body);
}

.azi-all-tutorials-row__body {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
}

.azi-all-tutorials-row__title {
	font: 600 12.5px/1.3 var(--azi-font-body);
	color: var(--azi-navy-800);
}

.azi-all-tutorials-row__meta {
	display: inline-flex;
	align-items: center;
	padding: 2px 9px;
	border-radius: 100px;
	background: #F2EEE7;
	font: 600 14px/1.6 var(--azi-font-body);
	color: #6B6B6B;
}

.azi-all-tutorials-row__check {
	flex: none;
	color: var(--azi-navy-500);
}

.azi-all-tutorials[data-all-tutorials-audience="part"] .azi-all-tutorials-row__check {
	color: var(--azi-teal-500);
}

.azi-all-tutorials-row__check .ionicon {
	width: 20px;
	height: 20px;
}

.azi-all-tutorials__main {
	min-width: 0;
	padding: var(--azi-space-m) var(--azi-space-s) var(--azi-space-l);
}

.azi-all-tutorials__meta-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}

.azi-all-tutorials__title {
	margin: 0 0 12px;
}

.azi-all-tutorials__badges {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: var(--azi-space-s);
	flex-wrap: wrap;
}

.azi-all-tutorials__badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	border-radius: 100px;
	background: #F4F2EC;
	font: 600 11px/1 var(--azi-font-body);
	color: #6B6B6B;
}

.azi-all-tutorials__badge .ionicon {
	width: 14px;
	height: 14px;
}

.azi-all-tutorials__video {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: linear-gradient(135deg, #272750, #15152D);
	border-radius: 16px;
	overflow: hidden;
}

.azi-all-tutorials__video-top {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 18px;
	background: linear-gradient(180deg, rgba(0, 0, 0, .45), transparent);
}

.azi-all-tutorials__video-title {
	font: 600 14px/1.35 var(--azi-font-body);
	color: #fff;
	max-width: 72%;
}

.azi-all-tutorials__video-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font: 600 12px/1 var(--azi-font-body);
	color: #fff;
	flex: none;
}

.azi-all-tutorials__video-badge-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 18px;
	border-radius: 5px;
	background: #EF4D46;
}

.azi-all-tutorials__video-badge-icon::before {
	content: '';
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 6px solid #fff;
	margin-left: 1px;
}

.azi-all-tutorials__play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 72px;
	height: 50px;
	border-radius: 14px;
	background: #EF4D46;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 8px 22px rgba(0, 0, 0, .4);
}

.azi-all-tutorials__play::before {
	content: '';
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 16px solid #fff;
	margin-left: 4px;
}

.azi-all-tutorials__video-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 12px 16px 14px;
	background: linear-gradient(0deg, rgba(0, 0, 0, .55), transparent);
}

.azi-all-tutorials__progress {
	position: relative;
	height: 4px;
	border-radius: 3px;
	background: rgba(255, 255, 255, .3);
	margin-bottom: 11px;
}

.azi-all-tutorials__progress-fill {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 34%;
	background: #EF4D46;
	border-radius: 3px;
}

.azi-all-tutorials__video-controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #fff;
}

.azi-all-tutorials__video-controls-left,
.azi-all-tutorials__video-controls-right {
	display: flex;
	align-items: center;
	gap: 15px;
}

.azi-all-tutorials__video-controls .ionicon {
	width: 18px;
	height: 18px;
	color: #fff;
}

.azi-all-tutorials__video-time {
	font: 500 12px/1 var(--azi-font-body);
	color: rgba(255, 255, 255, .85);
}

.azi-all-tutorials__detail-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-m);
	margin-top: var(--azi-space-m);
}

.azi-all-tutorials__section-title {
	font: 600 14px/1 var(--azi-font-body);
	color: var(--azi-navy-800);
	margin-bottom: 12px;
}

.azi-all-tutorials__about-text {
	margin: 0;
	font: 400 13.5px/1.6 var(--azi-font-body);
	color: var(--azi-text-neutral);
}

.azi-all-tutorials__chapters-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.azi-all-tutorials-chapter {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 9px 11px;
	border: 1px solid var(--azi-container-neutral-grey-stroke);
	border-radius: 10px;
	background: #FFFDFA;
}

.azi-all-tutorials-chapter__time {
	flex: none;
	padding: 3px 8px;
	border-radius: 6px;
	background: #F2EEE7;
	font: 600 10px/1 var(--azi-font-body);
	color: #6B6B6B;
}

.azi-all-tutorials-chapter__title {
	font: 500 12.5px/1.3 var(--azi-font-body);
	color: var(--azi-navy-800);
}

.azi-all-tutorials__nav {
	display: flex;
	flex-direction: column;
	gap: 9px;
	margin-top: var(--azi-space-m);
	padding-top: var(--azi-space-s);
	border-top: 1px solid var(--azi-container-neutral-grey-stroke);
}

.azi-all-tutorials__navcard[hidden],
.azi-all-tutorials__navcard--empty[hidden] {
	display: none;
}

.azi-all-tutorials__navcard {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 13px;
	border: 1px solid var(--azi-container-neutral-grey-stroke);
	border-radius: 14px;
	background: #FFFDFA;
	cursor: pointer;
	width: 100%;
	text-align: left;
	font-family: var(--azi-font-body);
}

.azi-all-tutorials__navcard:hover {
	background: #F8F5EF;
	border-color: #E2DCD0;
}

.azi-all-tutorials__navcard--next {
	text-align: right;
}

.azi-all-tutorials__navcard-arrow {
	flex: none;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #F2EEE7;
	display: flex;
	align-items: center;
	justify-content: center;
}

.azi-all-tutorials__navcard-arrow .ionicon {
	width: 20px;
	height: 20px;
	color: var(--azi-navy-800);
}

.azi-all-tutorials__navcard-arrow--filled {
	background: var(--azi-navy-500);
}

.azi-all-tutorials[data-all-tutorials-audience="part"] .azi-all-tutorials__navcard-arrow--filled {
	background: var(--azi-teal-500);
}

.azi-all-tutorials__navcard-arrow--filled .ionicon {
	color: #fff;
}

.azi-all-tutorials__navcard-thumb {
	flex: none;
	width: 74px;
	height: 50px;
	border-radius: 9px;
	min-height: 0;
	padding: 0;
}

.azi-all-tutorials__navcard-text {
	min-width: 0;
	flex: 1;
}

.azi-all-tutorials__navcard-label {
	display: block;
	font: 600 10px/1 var(--azi-font-body);
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #9A958C;
	margin-bottom: 4px;
}

.azi-all-tutorials__navcard-title {
	display: block;
	font: 600 14px/1.3 var(--azi-font-body);
	color: var(--azi-navy-800);
}

.azi-all-tutorials__navcard--empty {
	justify-content: center;
	padding: 13px;
	border: 1px dashed #E2DCD0;
	border-radius: 14px;
	background: #FAF8F3;
	font: 500 12px/1.3 var(--azi-font-body);
	color: #A8A399;
	text-align: center;
}

.azi-all-tutorials__navcard--empty-next {
	justify-content: flex-end;
}

/* Mobile side tray */
.azi-all-tutorials__tray-scrim[hidden],
.azi-all-tutorials__tray[hidden] {
	display: none;
}

.azi-all-tutorials__tray-scrim {
	position: fixed;
	inset: 0;
	background: rgba(21, 21, 45, .5);
	z-index: 210;
}

.azi-all-tutorials__tray {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: min(312px, 86vw);
	background: #FBFAF6;
	box-shadow: 8px 0 32px rgba(21, 21, 45, .28);
	z-index: 211;
	display: flex;
	flex-direction: column;
}

.azi-all-tutorials__tray-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 16px 12px;
	border-bottom: 1px solid var(--azi-container-neutral-grey-stroke);
}

.azi-all-tutorials__tray-eyebrow {
	font: 600 14px/1 var(--azi-font-body);
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #9A958C;
	margin-bottom: 5px;
}

.azi-all-tutorials__tray-total {
	font: 700 16px/1.1 var(--azi-font-decorative);
	color: var(--azi-navy-800);
}

.azi-all-tutorials__tray-close {
	flex: none;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #F2EEE7;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	cursor: pointer;
	color: var(--azi-navy-800);
}

.azi-all-tutorials__tray-close .ionicon {
	width: 20px;
	height: 20px;
}

.azi-all-tutorials__tray-list {
	padding: 12px 14px;
	flex: 1;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	gap: 7px;
}

@media (min-width: 1024px) {
	.azi-all-tutorials__topbar {
		padding: var(--azi-space-l) var(--azi-space-m) var(--azi-space-m);
	}

	.azi-all-tutorials__heading-row {
		flex-direction: row;
		align-items: flex-end;
		justify-content: space-between;
	}

	.azi-all-tutorials__audience-toggle {
		width: auto;
		flex: none;
	}

	.azi-all-tutorials__audience-btn {
		flex: none;
		padding: 11px 20px;
		font-size: 13px;
	}

	.azi-all-tutorials__audience-icon .ionicon {
		width: 19px;
		height: 19px;
	}

	.azi-all-tutorials__tray-opener {
		display: none;
	}

	.azi-all-tutorials__body {
		display: flex;
		align-items: stretch;
	}

	.azi-all-tutorials__sidebar {
		display: block;
		flex: none;
		width: 330px;
		border-right: 1px solid var(--azi-container-neutral-grey-stroke);
		background: #FBFAF6;
		padding: var(--azi-space-s);
	}

	.azi-all-tutorials__main {
		flex: 1;
		padding: var(--azi-space-m) var(--azi-space-m) var(--azi-space-l);
	}

	.azi-all-tutorials__detail-grid {
		grid-template-columns: 1.5fr 1fr;
	}

	.azi-all-tutorials__nav {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.azi-all-tutorials__tray-scrim,
	.azi-all-tutorials__tray {
		display: none !important;
	}
}

/* ==========================================================================
   All Videos — full page (chip/sidebar topic nav + grouped video grid)
   ========================================================================== */

.azi-all-videos {
	max-width: 1280px;
	margin: 0 auto;
}

.azi-all-videos__topbar {
	padding: var(--azi-space-m) var(--azi-space-s) var(--azi-space-s);
	border-bottom: 1px solid var(--azi-container-neutral-grey-stroke);
}

.azi-all-videos__crumb {
	display: flex;
	align-items: center;
	gap: 7px;
	font: 500 14px/1 var(--azi-font-body);
	color: #9A958C;
	margin-bottom: var(--azi-space-m);
}

.azi-all-videos__crumb a {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: var(--azi-navy-500);
	text-decoration: none;
}

.azi-all-videos__crumb-arrow .ionicon {
	width: 14px;
	height: 14px;
}

.azi-all-videos__header {
	max-width: 700px;
	margin: 0 auto;
	text-align: center;
}

.azi-all-videos__eyebrow {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 100px;
	background: #E7F1F9;
	color: #1F6FA8;
	font: 600 var(--azi-fs-1xs)/1 var(--azi-font-body);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin-bottom: var(--azi-space-s);
}

.azi-all-videos__heading {
	margin: 0 0 var(--azi-space-xs);
}

.azi-all-videos__subheading {
	margin: 0 0 var(--azi-space-m);
	font: 400 16px/1.6 var(--azi-font-body);
	color: var(--azi-neutral-70);
}

.azi-all-videos__search {
	display: flex;
	align-items: center;
	gap: 10px;
	max-width: 420px;
	margin: 0 auto;
	padding: 13px 18px;
	border-radius: 100px;
	background: #F4F4F7;
	border: 1px solid #E3E3E8;
	color: #9A958C;
	font: 400 14px/1 var(--azi-font-body);
}

.azi-all-videos__search .ionicon {
	width: 19px;
	height: 19px;
}

.azi-all-videos__chipnav {
	display: flex;
	gap: 8px;
	padding: var(--azi-space-s);
	overflow-x: auto;
	border-bottom: 1px solid var(--azi-container-neutral-grey-stroke);
	background: rgba(255, 253, 250, 0.96);
	position: sticky;
	top: 0;
	z-index: 5;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.azi-all-videos__chipnav::-webkit-scrollbar {
	display: none;
}

.azi-all-videos__chip {
	flex: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	border-radius: 100px;
	background: #fff;
	border: 1px solid #E2DCD0;
	font: 600 11.5px/1 var(--azi-font-body);
	color: var(--azi-neutral-70);
	white-space: nowrap;
	text-decoration: none;
}

.azi-all-videos__chip .ionicon {
	width: 14px;
	height: 14px;
}

.azi-all-videos__chip--navy { color: var(--azi-navy-500); }
.azi-all-videos__chip--teal { color: var(--azi-teal-500); }
.azi-all-videos__chip--orange { color: var(--azi-orange-500); }

.azi-all-videos__sidebar {
	display: none;
}

.azi-all-videos__body {
	padding: var(--azi-space-m) var(--azi-space-s);
}

.azi-all-videos__section {
	margin-bottom: var(--azi-space-l);
	scroll-margin-top: 100px;
}

.azi-all-videos__section-head {
	display: flex;
	align-items: center;
	gap: 11px;
	position: sticky;
	top: 53px;
	z-index: 4;
	background: var(--azi-white);
	padding: var(--azi-space-xs) 0;
	margin-bottom: var(--azi-space-s);
}

.azi-all-videos__section-icon {
	flex: none;
	width: 32px;
	height: 32px;
	border-radius: var(--azi-radius-default);
	display: flex;
	align-items: center;
	justify-content: center;
}

.azi-all-videos__section-icon .ionicon {
	width: 18px;
	height: 18px;
}

.azi-all-videos__section-icon--navy { background: var(--azi-navy-10); color: var(--azi-navy-500); }
.azi-all-videos__section-icon--teal { background: var(--azi-teal-10); color: var(--azi-teal-500); }
.azi-all-videos__section-icon--orange { background: var(--azi-orange-10); color: var(--azi-orange-500); }

.azi-all-videos__section-title {
	margin: 0;
	flex: 1;
	min-width: 0;
	font-size: var(--azi-fs-l);
	line-height: var(--azi-lh-l);
}

.azi-all-videos__section-count {
	flex: none;
	padding: 2px 8px;
	border-radius: 100px;
	background: var(--azi-neutral-10);
	font: 600 10px/1 var(--azi-font-body);
	color: var(--azi-neutral-70);
}

.azi-all-videos__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-s);
}

.azi-all-videos__grid[data-all-videos-grid] {
	grid-auto-rows: auto;
}

.azi-all-videos__card {
	border: 1px solid var(--azi-container-neutral-grey-stroke);
	border-radius: var(--azi-radius-default);
	background: var(--azi-white);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	min-width: 0;
	text-decoration: none;
	color: inherit;
}

.azi-all-videos__card-thumb {
	position: relative;
	aspect-ratio: 16 / 9;
	display: flex;
	align-items: center;
	justify-content: center;
}

.azi-all-videos__card-play {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: var(--azi-white);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
	display: flex;
	align-items: center;
	justify-content: center;
}

.azi-all-videos__card--navy .azi-all-videos__card-play { color: var(--azi-navy-500); }
.azi-all-videos__card--teal .azi-all-videos__card-play { color: var(--azi-teal-500); }
.azi-all-videos__card--orange .azi-all-videos__card-play { color: var(--azi-orange-500); }

.azi-all-videos__card-play .ionicon {
	width: 18px;
	height: 18px;
}

.azi-all-videos__card-len {
	position: absolute;
	right: 9px;
	bottom: 9px;
	padding: 3px 8px;
	border-radius: 6px;
	background: rgba(21, 21, 45, 0.78);
	color: var(--azi-white);
	font: 600 10px/1 var(--azi-font-body);
}

.azi-all-videos__card-body {
	padding: var(--azi-space-s);
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-xs);
	flex: 1;
}

.azi-all-videos__card-title {
	font: 600 14.5px/1.4 var(--azi-font-body);
	color: var(--azi-neutral-90);
	flex: 1;
}

.azi-all-videos__card-meta {
	display: flex;
	align-items: center;
	gap: 6px;
	font: 500 11.5px/1 var(--azi-font-body);
	color: #9A958C;
}

.azi-all-videos__card-meta .ionicon {
	width: 14px;
	height: 14px;
}

.azi-all-videos__card-cta {
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 9px 16px;
	border-radius: 100px;
	background: var(--azi-navy-500);
	color: var(--azi-white);
	font: 600 14px/1 var(--azi-font-body);
}

.azi-all-videos__card-cta .ionicon {
	width: 14px;
	height: 14px;
}

.azi-all-videos__card[data-all-videos-extra][hidden] {
	display: none;
}

.azi-all-videos__more-row {
	display: flex;
	justify-content: center;
	margin-top: var(--azi-space-s);
}

.azi-all-videos__more-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 11px 22px;
	border-radius: 100px;
	background: var(--azi-white);
	border: 1.5px solid #E2DCD0;
	color: var(--azi-neutral-90);
	font: 600 12.5px/1 var(--azi-font-body);
	cursor: pointer;
	appearance: none;
}

.azi-all-videos__more-btn .ionicon {
	width: 17px;
	height: 17px;
	transition: transform 0.15s ease;
}

.azi-all-videos__more-btn.is-expanded .ionicon {
	transform: rotate(180deg);
}

.azi-all-videos__totop-row {
	display: flex;
	justify-content: flex-end;
	position: sticky;
	bottom: var(--azi-space-s);
	margin-top: var(--azi-space-s);
}

.azi-all-videos__totop {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 18px;
	border-radius: 100px;
	background: var(--azi-navy-500);
	color: var(--azi-white);
	font: 600 12.5px/1 var(--azi-font-body);
	box-shadow: 0 8px 22px rgba(21, 21, 45, 0.28);
	text-decoration: none;
}

.azi-all-videos__totop .ionicon {
	width: 17px;
	height: 17px;
}

.azi-all-videos__youtube {
	padding: var(--azi-space-l) var(--azi-space-s);
	background: #FBF8F3;
	border-top: 1px solid var(--azi-container-neutral-grey-stroke);
	text-align: center;
}

.azi-all-videos__youtube-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 3px 10px;
	border-radius: 100px;
	background: #FBE3E1;
	color: #C51918;
	font: 600 var(--azi-fs-1xs)/1 var(--azi-font-body);
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin-bottom: var(--azi-space-s);
}

.azi-all-videos__youtube-icon .ionicon {
	width: 16px;
	height: 16px;
}

.azi-all-videos__youtube h3 {
	margin: 0 0 var(--azi-space-xs);
}

.azi-all-videos__youtube p {
	margin: 0 0 var(--azi-space-s);
	font: 400 16px/1.6 var(--azi-font-body);
	color: var(--azi-neutral-70);
}

.azi-all-videos__youtube-row {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--azi-space-xs);
}

.azi-all-videos__youtube-cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	justify-content: center;
	padding: 13px 24px;
	border-radius: 100px;
	background: var(--azi-white);
	border: 1.5px solid var(--azi-navy-800);
	color: var(--azi-navy-800);
	font: 600 14px/1 var(--azi-font-body);
	text-decoration: none;
}

.azi-all-videos__youtube-cta .ionicon {
	width: 16px;
	height: 16px;
}

.azi-all-videos__youtube-note {
	font: 500 14px/1.4 var(--azi-font-body);
	color: #9A958C;
}

@media (min-width: 1024px) {
	.azi-all-videos__chipnav {
		display: none;
	}

	.azi-all-videos__body {
		display: flex;
		align-items: flex-start;
		padding: 0;
	}

	.azi-all-videos__sidebar {
		display: block;
		flex: none;
		width: 296px;
		align-self: flex-start;
		position: sticky;
		top: 20px;
		border-right: 1px solid var(--azi-container-neutral-grey-stroke);
		background: #FBFAF6;
		padding: var(--azi-space-s);
	}

	.azi-all-videos__sidebar-label {
		font: 600 11px/1 var(--azi-font-body);
		letter-spacing: 0.08em;
		text-transform: uppercase;
		color: #9A958C;
		margin-bottom: var(--azi-space-s);
	}

	.azi-all-videos__sidebar-list {
		display: flex;
		flex-direction: column;
		gap: 6px;
	}

	.azi-all-videos__sidebar-row {
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 11px 12px;
		border-radius: var(--azi-radius-default);
		background: var(--azi-white);
		border: 1px solid var(--azi-container-neutral-grey-stroke);
		text-decoration: none;
		color: var(--azi-neutral-90);
	}

	.azi-all-videos__sidebar-icon {
		flex: none;
		display: flex;
	}

	.azi-all-videos__sidebar-icon .ionicon {
		width: 20px;
		height: 20px;
		color: #9A958C;
	}

	.azi-all-videos__sidebar-row--navy .azi-all-videos__sidebar-icon .ionicon { color: var(--azi-navy-500); }
	.azi-all-videos__sidebar-row--teal .azi-all-videos__sidebar-icon .ionicon { color: var(--azi-teal-500); }
	.azi-all-videos__sidebar-row--orange .azi-all-videos__sidebar-icon .ionicon { color: var(--azi-orange-500); }

	.azi-all-videos__sidebar-name {
		flex: 1;
		min-width: 0;
		font: 600 13px/1.3 var(--azi-font-body);
	}

	.azi-all-videos__sidebar-count {
		flex: none;
		padding: 2px 8px;
		border-radius: 100px;
		background: var(--azi-neutral-10);
		font: 600 10px/1 var(--azi-font-body);
		color: var(--azi-neutral-70);
	}

	.azi-all-videos__main {
		flex: 1;
		min-width: 0;
		padding: var(--azi-space-m) var(--azi-space-m) var(--azi-space-l);
	}

	.azi-all-videos__grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* ==========================================================================
   All Articles — full page (chip/sidebar topic nav + grouped article grid)
   ========================================================================== */

.azi-all-articles {
	max-width: 1280px;
	margin: 0 auto;
}

.azi-all-articles__topbar {
	padding: var(--azi-space-m) var(--azi-space-s) var(--azi-space-s);
	border-bottom: 1px solid var(--azi-container-neutral-grey-stroke);
}

.azi-all-articles__crumb {
	display: flex;
	align-items: center;
	gap: 7px;
	font: 500 14px/1 var(--azi-font-body);
	color: #9A958C;
	margin-bottom: var(--azi-space-m);
}

.azi-all-articles__crumb a {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: var(--azi-navy-500);
	text-decoration: none;
}

.azi-all-articles__crumb-arrow .ionicon {
	width: 14px;
	height: 14px;
}

.azi-all-articles__header {
	max-width: 700px;
	margin: 0 auto;
	text-align: center;
}

.azi-all-articles__eyebrow {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 100px;
	background: #E7F1F9;
	color: #1F6FA8;
	font: 600 var(--azi-fs-1xs)/1 var(--azi-font-body);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin-bottom: var(--azi-space-s);
}

.azi-all-articles__heading {
	margin: 0 0 var(--azi-space-xs);
}

.azi-all-articles__subheading {
	margin: 0 0 var(--azi-space-m);
	font: 400 16px/1.6 var(--azi-font-body);
	color: var(--azi-neutral-70);
}

.azi-all-articles__search {
	display: flex;
	align-items: center;
	gap: 10px;
	max-width: 420px;
	margin: 0 auto;
	padding: 13px 18px;
	border-radius: 100px;
	background: #F4F4F7;
	border: 1px solid #E3E3E8;
	color: #9A958C;
	font: 400 14px/1 var(--azi-font-body);
}

.azi-all-articles__search .ionicon {
	width: 19px;
	height: 19px;
}

.azi-all-articles__chipnav {
	display: flex;
	gap: 8px;
	padding: var(--azi-space-s);
	overflow-x: auto;
	border-bottom: 1px solid var(--azi-container-neutral-grey-stroke);
	background: rgba(255, 253, 250, 0.96);
	position: sticky;
	top: 0;
	z-index: 5;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.azi-all-articles__chipnav::-webkit-scrollbar {
	display: none;
}

.azi-all-articles__chip {
	flex: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	border-radius: 100px;
	background: #fff;
	border: 1px solid #E2DCD0;
	font: 600 11.5px/1 var(--azi-font-body);
	color: var(--azi-neutral-70);
	white-space: nowrap;
	text-decoration: none;
}

.azi-all-articles__chip .ionicon {
	width: 14px;
	height: 14px;
}

.azi-all-articles__chip--navy { color: var(--azi-navy-500); }
.azi-all-articles__chip--teal { color: var(--azi-teal-500); }
.azi-all-articles__chip--orange { color: var(--azi-orange-500); }

.azi-all-articles__sidebar {
	display: none;
}

.azi-all-articles__body {
	padding: var(--azi-space-m) var(--azi-space-s);
}

.azi-all-articles__section {
	margin-bottom: var(--azi-space-l);
	scroll-margin-top: 100px;
}

.azi-all-articles__section-head {
	display: flex;
	align-items: center;
	gap: 11px;
	position: sticky;
	top: 53px;
	z-index: 4;
	background: var(--azi-white);
	padding: var(--azi-space-xs) 0;
	margin-bottom: var(--azi-space-s);
}

.azi-all-articles__section-icon {
	flex: none;
	width: 32px;
	height: 32px;
	border-radius: var(--azi-radius-default);
	display: flex;
	align-items: center;
	justify-content: center;
}

.azi-all-articles__section-icon .ionicon {
	width: 18px;
	height: 18px;
}

.azi-all-articles__section-icon--navy { background: var(--azi-navy-10); color: var(--azi-navy-500); }
.azi-all-articles__section-icon--teal { background: var(--azi-teal-10); color: var(--azi-teal-500); }
.azi-all-articles__section-icon--orange { background: var(--azi-orange-10); color: var(--azi-orange-500); }

.azi-all-articles__section-title {
	margin: 0;
	flex: 1;
	min-width: 0;
	font-size: var(--azi-fs-l);
	line-height: var(--azi-lh-l);
}

.azi-all-articles__section-count {
	flex: none;
	padding: 2px 8px;
	border-radius: 100px;
	background: var(--azi-neutral-10);
	font: 600 10px/1 var(--azi-font-body);
	color: var(--azi-neutral-70);
}

.azi-all-articles__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-s);
}

.azi-all-articles__card {
	border: 1px solid var(--azi-container-neutral-grey-stroke);
	border-radius: var(--azi-radius-default);
	background: var(--azi-white);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	min-width: 0;
	text-decoration: none;
	color: inherit;
}

.azi-all-articles__card-thumb {
	height: 118px;
}

.azi-all-articles__card-body {
	padding: var(--azi-space-s);
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-xs);
	flex: 1;
}

.azi-all-articles__card-tag {
	align-self: flex-start;
	display: inline-flex;
	padding: 3px 9px;
	border-radius: 100px;
	font: 600 9px/1 var(--azi-font-body);
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.azi-all-articles__card--navy .azi-all-articles__card-tag { background: var(--azi-navy-10); color: var(--azi-navy-500); }
.azi-all-articles__card--teal .azi-all-articles__card-tag { background: var(--azi-teal-10); color: var(--azi-teal-500); }
.azi-all-articles__card--orange .azi-all-articles__card-tag { background: var(--azi-orange-10); color: var(--azi-orange-500); }

.azi-all-articles__card-title {
	font: 600 16px/1.4 var(--azi-font-body);
	color: var(--azi-neutral-90);
	flex: 1;
}

.azi-all-articles__card-meta {
	display: flex;
	align-items: center;
	gap: 6px;
	font: 500 11.5px/1 var(--azi-font-body);
	color: #9A958C;
}

.azi-all-articles__card-meta .ionicon {
	width: 14px;
	height: 14px;
}

.azi-all-articles__card-cta {
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--azi-navy-500);
	font: 600 var(--azi-fs-1xs)/1 var(--azi-font-body);
}

.azi-all-articles__card-cta::after {
	content: "";
	width: 6px;
	height: 6px;
	border-top: 1.5px solid currentColor;
	border-right: 1.5px solid currentColor;
	transform: rotate(45deg);
}

.azi-all-articles__card[data-all-articles-extra][hidden] {
	display: none;
}

.azi-all-articles__more-row {
	display: flex;
	justify-content: center;
	margin-top: var(--azi-space-s);
}

.azi-all-articles__more-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 11px 22px;
	border-radius: 100px;
	background: var(--azi-white);
	border: 1.5px solid #E2DCD0;
	color: var(--azi-neutral-90);
	font: 600 12.5px/1 var(--azi-font-body);
	cursor: pointer;
	appearance: none;
}

.azi-all-articles__more-btn .ionicon {
	width: 17px;
	height: 17px;
	transition: transform 0.15s ease;
}

.azi-all-articles__more-btn.is-expanded .ionicon {
	transform: rotate(180deg);
}

.azi-all-articles__totop-row {
	display: flex;
	justify-content: flex-end;
	position: sticky;
	bottom: var(--azi-space-s);
	margin-top: var(--azi-space-s);
}

.azi-all-articles__totop {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 18px;
	border-radius: 100px;
	background: var(--azi-navy-500);
	color: var(--azi-white);
	font: 600 12.5px/1 var(--azi-font-body);
	box-shadow: 0 8px 22px rgba(21, 21, 45, 0.28);
	text-decoration: none;
}

.azi-all-articles__totop .ionicon {
	width: 17px;
	height: 17px;
}

.azi-all-articles__newsletter {
	padding: var(--azi-space-l) var(--azi-space-s);
	background: #FBF8F3;
	border-top: 1px solid var(--azi-container-neutral-grey-stroke);
	text-align: center;
}

.azi-all-articles__newsletter-badge {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 100px;
	background: #E7F1F9;
	color: #1F6FA8;
	font: 600 var(--azi-fs-1xs)/1 var(--azi-font-body);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin-bottom: var(--azi-space-s);
}

.azi-all-articles__newsletter h3 {
	margin: 0 0 var(--azi-space-xs);
}

.azi-all-articles__newsletter p {
	margin: 0 0 var(--azi-space-s);
	font: 400 16px/1.6 var(--azi-font-body);
	color: var(--azi-neutral-70);
}

.azi-all-articles__newsletter-form-wrap .wpcf7-form {
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-width: 460px;
	margin: 0 auto;
}

.azi-all-articles__newsletter-form-wrap p {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
}

.azi-all-articles__newsletter-form-wrap input[type="email"] {
	height: 48px;
	border-radius: 100px;
	background: var(--azi-white);
	border: 1px solid #E3E3E8;
	padding: 0 18px;
	font: 400 13.5px/1 var(--azi-font-body);
	color: var(--azi-neutral-90);
	width: 100%;
	box-sizing: border-box;
}

.azi-all-articles__newsletter-form-wrap input[type="submit"] {
	height: 48px;
	border-radius: 100px;
	background: var(--azi-navy-500);
	border: none;
	appearance: none;
	color: var(--azi-white);
	font: 600 14px/1 var(--azi-font-body);
	cursor: pointer;
}

@media (min-width: 1024px) {
	.azi-all-articles__chipnav {
		display: none;
	}

	.azi-all-articles__body {
		display: flex;
		align-items: flex-start;
		padding: 0;
	}

	.azi-all-articles__sidebar {
		display: block;
		flex: none;
		width: 296px;
		align-self: flex-start;
		position: sticky;
		top: 20px;
		border-right: 1px solid var(--azi-container-neutral-grey-stroke);
		background: #FBFAF6;
		padding: var(--azi-space-s);
	}

	.azi-all-articles__sidebar-label {
		font: 600 11px/1 var(--azi-font-body);
		letter-spacing: 0.08em;
		text-transform: uppercase;
		color: #9A958C;
		margin-bottom: var(--azi-space-s);
	}

	.azi-all-articles__sidebar-list {
		display: flex;
		flex-direction: column;
		gap: 6px;
	}

	.azi-all-articles__sidebar-row {
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 11px 12px;
		border-radius: var(--azi-radius-default);
		background: var(--azi-white);
		border: 1px solid var(--azi-container-neutral-grey-stroke);
		text-decoration: none;
		color: var(--azi-neutral-90);
	}

	.azi-all-articles__sidebar-icon {
		flex: none;
		display: flex;
	}

	.azi-all-articles__sidebar-icon .ionicon {
		width: 20px;
		height: 20px;
		color: #9A958C;
	}

	.azi-all-articles__sidebar-row--navy .azi-all-articles__sidebar-icon .ionicon { color: var(--azi-navy-500); }
	.azi-all-articles__sidebar-row--teal .azi-all-articles__sidebar-icon .ionicon { color: var(--azi-teal-500); }
	.azi-all-articles__sidebar-row--orange .azi-all-articles__sidebar-icon .ionicon { color: var(--azi-orange-500); }

	.azi-all-articles__sidebar-name {
		flex: 1;
		min-width: 0;
		font: 600 13px/1.3 var(--azi-font-body);
	}

	.azi-all-articles__sidebar-count {
		flex: none;
		padding: 2px 8px;
		border-radius: 100px;
		background: var(--azi-neutral-10);
		font: 600 10px/1 var(--azi-font-body);
		color: var(--azi-neutral-70);
	}

	.azi-all-articles__main {
		flex: 1;
		min-width: 0;
		padding: var(--azi-space-m) var(--azi-space-m) var(--azi-space-l);
	}

	.azi-all-articles__grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.azi-all-articles__newsletter-form-wrap .wpcf7-form,
	.azi-all-articles__newsletter-form-wrap p {
		flex-direction: row;
	}

	.azi-all-articles__newsletter-form-wrap input[type="email"] {
		flex: 1;
	}

	.azi-all-articles__newsletter-form-wrap input[type="submit"] {
		flex: none;
		padding: 0 26px;
	}
}

/* ==========================================================================
   All FAQs — full page (audience toggle + category nav + accordion sections)
   ========================================================================== */

.azi-all-faqs {
	max-width: 1280px;
	margin: 0 auto;
	--azi-all-faqs-accent: var(--azi-navy-500);
	--azi-all-faqs-accent-soft: var(--azi-navy-10);
}

.azi-all-faqs--teal {
	--azi-all-faqs-accent: var(--azi-teal-500);
	--azi-all-faqs-accent-soft: var(--azi-teal-10);
}

.azi-all-faqs__topbar {
	padding: var(--azi-space-m) var(--azi-space-s) var(--azi-space-s);
	border-bottom: 1px solid var(--azi-container-neutral-grey-stroke);
}

.azi-all-faqs__crumb {
	display: flex;
	align-items: center;
	gap: 7px;
	font: 500 14px/1 var(--azi-font-body);
	color: #9A958C;
	margin-bottom: var(--azi-space-m);
}

.azi-all-faqs__crumb a {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: var(--azi-navy-500);
	text-decoration: none;
}

.azi-all-faqs__crumb-arrow .ionicon {
	width: 14px;
	height: 14px;
}

.azi-all-faqs__header {
	max-width: 680px;
	margin: 0 auto;
	text-align: center;
}

.azi-all-faqs__eyebrow {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 100px;
	background: var(--azi-orange-10);
	color: var(--azi-orange-500);
	font: 600 var(--azi-fs-1xs)/1 var(--azi-font-body);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin-bottom: var(--azi-space-s);
}

.azi-all-faqs__heading {
	margin: 0 0 var(--azi-space-xs);
}

.azi-all-faqs__subheading {
	margin: 0 0 var(--azi-space-s);
	font: 400 16px/1.6 var(--azi-font-body);
	color: var(--azi-neutral-70);
}

.azi-all-faqs__audience-toggle {
	display: flex;
	justify-content: center;
	gap: 5px;
	padding: 5px;
	border-radius: 100px;
	background: var(--azi-neutral-10);
	margin-bottom: var(--azi-space-s);
}

.azi-all-faqs__audience-btn {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 9px 12px;
	border-radius: 100px;
	background: transparent;
	color: var(--azi-neutral-70);
	font: 600 14px/1 var(--azi-font-body);
	text-decoration: none;
}

.azi-all-faqs__audience-btn .ionicon {
	width: 16px;
	height: 16px;
	color: #9A958C;
}

.azi-all-faqs__audience-btn.is-active {
	background: var(--azi-all-faqs-accent);
	color: var(--azi-white);
}

.azi-all-faqs--navy .azi-all-faqs__audience-btn.is-active {
	box-shadow: 0 2px 6px rgba(55, 55, 117, 0.35);
}

.azi-all-faqs--teal .azi-all-faqs__audience-btn.is-active {
	box-shadow: 0 2px 6px rgba(12, 141, 141, 0.35);
}

.azi-all-faqs__audience-btn.is-active .ionicon {
	color: var(--azi-white);
}

.azi-all-faqs__search {
	display: flex;
	align-items: center;
	gap: 10px;
	max-width: 380px;
	margin: 0 auto;
	padding: 0 18px;
	border-radius: 100px;
	background: #F4F4F7;
	border: 1px solid #E3E3E8;
}

.azi-all-faqs__search-icon {
	flex: none;
	display: flex;
	color: #9A958C;
}

.azi-all-faqs__search .ionicon {
	width: 19px;
	height: 19px;
}

.azi-all-faqs__search-input {
	flex: 1;
	min-width: 0;
	height: 48px;
	background: none;
	border: none;
	appearance: none;
	outline: none;
	color: var(--azi-neutral-90);
	font: 400 14px/1 var(--azi-font-body);
}

.azi-all-faqs__search-input::placeholder {
	color: #9A958C;
}

.azi-all-faqs__search-input::-webkit-search-cancel-button {
	cursor: pointer;
}

.azi-all-faqs__no-match {
	margin: 0;
	padding: var(--azi-space-s);
	font: 400 13.5px/1.5 var(--azi-font-body);
	color: var(--azi-neutral-70);
}

.azi-all-faqs__chipnav {
	display: flex;
	gap: 8px;
	padding: var(--azi-space-s);
	overflow-x: auto;
	border-bottom: 1px solid var(--azi-container-neutral-grey-stroke);
	background: rgba(255, 253, 250, 0.96);
	position: sticky;
	top: 0;
	z-index: 5;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.azi-all-faqs__chipnav::-webkit-scrollbar {
	display: none;
}

.azi-all-faqs__chip {
	flex: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	border-radius: 100px;
	background: #fff;
	border: 1px solid #E2DCD0;
	font: 600 11.5px/1 var(--azi-font-body);
	color: var(--azi-neutral-70);
	white-space: nowrap;
	text-decoration: none;
}

.azi-all-faqs__chip .ionicon {
	width: 14px;
	height: 14px;
}

.azi-all-faqs__sidebar {
	display: none;
}

.azi-all-faqs__body {
	padding: var(--azi-space-m) var(--azi-space-s);
}

.azi-all-faqs__section {
	margin-bottom: var(--azi-space-l);
	scroll-margin-top: 100px;
}

.azi-all-faqs__section-head {
	display: flex;
	align-items: center;
	gap: 11px;
	position: sticky;
	top: 53px;
	z-index: 4;
	background: var(--azi-white);
	padding: var(--azi-space-xs) 0;
	margin-bottom: var(--azi-space-xs);
}

.azi-all-faqs__section-icon {
	flex: none;
	width: 32px;
	height: 32px;
	border-radius: var(--azi-radius-default);
	background: var(--azi-all-faqs-accent-soft);
	color: var(--azi-all-faqs-accent);
	display: flex;
	align-items: center;
	justify-content: center;
}

.azi-all-faqs__section-icon .ionicon {
	width: 18px;
	height: 18px;
}

.azi-all-faqs__section-title {
	margin: 0;
	flex: 1;
	min-width: 0;
	font-size: var(--azi-fs-l);
	line-height: var(--azi-lh-l);
}

.azi-all-faqs__section-count {
	flex: none;
	padding: 2px 8px;
	border-radius: 100px;
	background: var(--azi-neutral-10);
	font: 600 10px/1 var(--azi-font-body);
	color: var(--azi-neutral-70);
}

.azi-all-faqs__list {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-xs);
}

.azi-all-faqs__item {
	border: 1px solid var(--azi-container-neutral-grey-stroke);
	border-radius: var(--azi-radius-default);
	background: var(--azi-white);
	overflow: hidden;
}

.azi-all-faqs__item-question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	width: 100%;
	padding: var(--azi-space-s);
	background: none;
	border: none;
	appearance: none;
	cursor: pointer;
	text-align: left;
	font: 600 16px/1.4 var(--azi-font-body);
	color: var(--azi-neutral-90);
}

.azi-all-faqs__item-toggle {
	color: var(--azi-all-faqs-accent);
	flex: none;
}

.azi-all-faqs__item-answer p {
	font: 400 14px/1.6 var(--azi-font-body);
	color: var(--azi-neutral-70);
	margin: 0 0 var(--azi-space-s);
	padding: 0 var(--azi-space-s);
}

.azi-all-faqs__more-row {
	display: flex;
	justify-content: center;
	margin-top: var(--azi-space-s);
}

.azi-all-faqs__more-row[hidden] {
	display: none;
}

.azi-all-faqs__more-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 11px 22px;
	border-radius: 100px;
	background: var(--azi-white);
	border: 1.5px solid #E2DCD0;
	color: var(--azi-neutral-90);
	font: 600 12.5px/1 var(--azi-font-body);
	cursor: pointer;
	appearance: none;
}

.azi-all-faqs__more-btn .ionicon {
	width: 17px;
	height: 17px;
	transition: transform 0.15s ease;
}

.azi-all-faqs__more-btn.is-expanded .ionicon {
	transform: rotate(180deg);
}

.azi-all-faqs__totop-row {
	display: flex;
	justify-content: flex-end;
	position: sticky;
	bottom: var(--azi-space-s);
	margin-top: var(--azi-space-s);
}

.azi-all-faqs__totop {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 18px;
	border-radius: 100px;
	background: var(--azi-all-faqs-accent);
	color: var(--azi-white);
	font: 600 12.5px/1 var(--azi-font-body);
	box-shadow: 0 8px 22px rgba(21, 21, 45, 0.28);
	text-decoration: none;
}

.azi-all-faqs__totop .ionicon {
	width: 17px;
	height: 17px;
}

.azi-all-faqs__ask {
	padding: var(--azi-space-l) var(--azi-space-s);
	background: #FBF8F3;
	border-top: 1px solid var(--azi-container-neutral-grey-stroke);
}

.azi-all-faqs__ask-intro {
	max-width: 680px;
	margin: 0 auto var(--azi-space-m);
	text-align: center;
}

.azi-all-faqs__ask-badge {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 100px;
	background: var(--azi-teal-10);
	color: var(--azi-teal-500);
	font: 600 var(--azi-fs-1xs)/1 var(--azi-font-body);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin-bottom: var(--azi-space-s);
}

.azi-all-faqs__ask-intro h3 {
	margin: 0 0 var(--azi-space-xs);
}

.azi-all-faqs__ask-intro p {
	margin: 0;
	font: 400 16px/1.6 var(--azi-font-body);
	color: var(--azi-neutral-70);
}

.azi-all-faqs__ask-form-wrap {
	max-width: 680px;
	margin: 0 auto;
	border: 1px solid var(--azi-container-neutral-grey-stroke);
	border-radius: var(--azi-radius-default);
	background: var(--azi-white);
	padding: var(--azi-space-s);
	box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.04);
}

.azi-all-faqs__ask-form-wrap .wpcf7-form-control-wrap {
	display: block;
	margin-bottom: var(--azi-space-s);
}

.azi-all-faqs__ask-form-wrap p {
	margin: 0;
}

.azi-all-faqs__ask-input {
	width: 100%;
	background: #F4F4F7;
	border: 1px solid #E3E3E8;
	color: var(--azi-neutral-90);
	font: 400 14px/1.5 var(--azi-font-body);
	padding: 0 18px;
	box-sizing: border-box;
}

input.azi-all-faqs__ask-input {
	height: 46px;
	border-radius: 100px;
}

textarea.azi-all-faqs__ask-input {
	padding: 14px 18px;
	border-radius: var(--azi-radius-default);
	resize: vertical;
	height: auto;
}

.azi-all-faqs__ask-note {
	display: block;
	margin-top: var(--azi-space-s);
	font: 500 11.5px/1.4 var(--azi-font-body);
	color: #9A958C;
}

.azi-all-faqs__ask-submit {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	justify-content: center;
	padding: 13px 28px;
	border-radius: 100px;
	background: var(--azi-navy-500);
	border: none;
	appearance: none;
	color: var(--azi-white);
	font: 600 14px/1 var(--azi-font-body);
	cursor: pointer;
}

@media (min-width: 1024px) {
	.azi-all-faqs__chipnav {
		display: none;
	}

	.azi-all-faqs__audience-toggle {
		display: inline-flex;
		padding: 6px;
	}

	.azi-all-faqs__audience-btn {
		flex: none;
		padding: 11px 22px;
	}

	.azi-all-faqs__audience-btn .ionicon {
		width: 20px;
		height: 20px;
	}

	.azi-all-faqs__body {
		display: flex;
		align-items: flex-start;
		padding: 0;
	}

	.azi-all-faqs__sidebar {
		display: block;
		flex: none;
		width: 296px;
		align-self: flex-start;
		position: sticky;
		top: 20px;
		border-right: 1px solid var(--azi-container-neutral-grey-stroke);
		background: #FBFAF6;
		padding: var(--azi-space-s);
	}

	.azi-all-faqs__sidebar-label {
		font: 600 11px/1 var(--azi-font-body);
		letter-spacing: 0.08em;
		text-transform: uppercase;
		color: #9A958C;
		margin-bottom: var(--azi-space-s);
	}

	.azi-all-faqs__sidebar-list {
		display: flex;
		flex-direction: column;
		gap: 6px;
	}

	.azi-all-faqs__sidebar-row {
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 11px 12px;
		border-radius: var(--azi-radius-default);
		background: var(--azi-white);
		border: 1px solid var(--azi-container-neutral-grey-stroke);
		text-decoration: none;
		color: var(--azi-neutral-90);
	}

	.azi-all-faqs__sidebar-icon {
		flex: none;
		display: flex;
		color: var(--azi-all-faqs-accent);
	}

	.azi-all-faqs__sidebar-icon .ionicon {
		width: 20px;
		height: 20px;
	}

	.azi-all-faqs__sidebar-name {
		flex: 1;
		min-width: 0;
		font: 600 13px/1.3 var(--azi-font-body);
	}

	.azi-all-faqs__sidebar-count {
		flex: none;
		padding: 2px 8px;
		border-radius: 100px;
		background: var(--azi-neutral-10);
		font: 600 10px/1 var(--azi-font-body);
		color: var(--azi-neutral-70);
	}

	.azi-all-faqs__main {
		flex: 1;
		min-width: 0;
		padding: var(--azi-space-m) var(--azi-space-m) var(--azi-space-l);
	}

	/* Name/email render as sibling .wpcf7-form-control-wrap spans — put
	   them side by side at desktop only, matching the original mobile-
	   stacked/desktop-2-col layout, without a wrapping <div> (block HTML
	   inside a CF7 form body gets stripped by CF7's content processing). */
	.azi-all-faqs__ask-form-wrap .wpcf7-form-control-wrap[data-name="your-name"],
	.azi-all-faqs__ask-form-wrap .wpcf7-form-control-wrap[data-name="your-email"] {
		display: inline-flex;
		width: calc(50% - 8px);
	}

	.azi-all-faqs__ask-form-wrap .wpcf7-form-control-wrap[data-name="your-name"] {
		margin-right: 16px;
	}
}

/* ==========================================================================
   Single Article
   ========================================================================== */

.azi-single-article {
	max-width: 760px;
	margin: 0 auto;
	padding: var(--azi-space-m) var(--azi-space-s) var(--azi-space-xl);
}

.azi-single-article__topbar {
	margin-bottom: var(--azi-space-m);
}

.azi-single-article__crumb {
	display: flex;
	align-items: center;
	gap: 7px;
	font: 500 14px/1 var(--azi-font-body);
	color: #9A958C;
	flex-wrap: wrap;
}

.azi-single-article__crumb a {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: var(--azi-navy-500);
	text-decoration: none;
}

.azi-single-article__crumb-arrow .ionicon {
	width: 14px;
	height: 14px;
}

.azi-single-article__header {
	margin-bottom: var(--azi-space-m);
}

.azi-single-article__tag {
	display: inline-flex;
	padding: 3px 9px;
	border-radius: 100px;
	font: 600 9px/1 var(--azi-font-body);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin-bottom: var(--azi-space-s);
}

.azi-single-article__tag--navy { background: var(--azi-navy-10); color: var(--azi-navy-500); }
.azi-single-article__tag--teal { background: var(--azi-teal-10); color: var(--azi-teal-500); }
.azi-single-article__tag--orange { background: var(--azi-orange-10); color: var(--azi-orange-500); }

.azi-single-article__title {
	margin: 0 0 var(--azi-space-xs);
}

.azi-single-article__meta {
	display: flex;
	align-items: center;
	gap: 6px;
	font: 500 12.5px/1 var(--azi-font-body);
	color: #9A958C;
}

.azi-single-article__meta .ionicon {
	width: 15px;
	height: 15px;
}

.azi-single-article__thumb {
	height: 320px;
	border-radius: var(--azi-radius-default);
	margin-bottom: var(--azi-space-m);
	overflow: hidden;
}

.azi-single-article__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--azi-radius-default);
}

.azi-single-article__body {
	font: 400 16px/1.75 var(--azi-font-body);
	color: var(--azi-neutral-90);
}

.azi-single-article__body p {
	margin: 0 0 var(--azi-space-s);
}

.azi-single-article__related {
	margin-top: var(--azi-space-xl);
	padding-top: var(--azi-space-l);
	border-top: 1px solid var(--azi-container-neutral-grey-stroke);
}

.azi-single-article__related-title {
	margin: 0 0 var(--azi-space-s);
	font-size: var(--azi-fs-l);
	line-height: var(--azi-lh-l);
}

.azi-single-article__related-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-s);
}

@media (min-width: 1024px) {
	.azi-single-article {
		padding: var(--azi-space-l) var(--azi-space-s) var(--azi-space-xl);
	}

	.azi-single-article__related-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* ==========================================================================
   Single Video
   ========================================================================== */

.azi-single-video {
	max-width: 900px;
	margin: 0 auto;
	padding: var(--azi-space-m) var(--azi-space-s) var(--azi-space-xl);
}

.azi-single-video__topbar {
	margin-bottom: var(--azi-space-m);
}

.azi-single-video__crumb {
	display: flex;
	align-items: center;
	gap: 7px;
	font: 500 14px/1 var(--azi-font-body);
	color: #9A958C;
	flex-wrap: wrap;
}

.azi-single-video__crumb a {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: var(--azi-navy-500);
	text-decoration: none;
}

.azi-single-video__crumb-arrow .ionicon {
	width: 14px;
	height: 14px;
}

.azi-single-video__header {
	margin-bottom: var(--azi-space-m);
}

.azi-single-video__tag {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	border-radius: 100px;
	font: 600 var(--azi-fs-1xs)/1 var(--azi-font-body);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin-bottom: var(--azi-space-s);
}

.azi-single-video__tag .ionicon {
	width: 14px;
	height: 14px;
}

.azi-single-video__tag--navy { background: var(--azi-navy-10); color: var(--azi-navy-500); }
.azi-single-video__tag--teal { background: var(--azi-teal-10); color: var(--azi-teal-500); }
.azi-single-video__tag--orange { background: var(--azi-orange-10); color: var(--azi-orange-500); }

.azi-single-video__title {
	margin: 0 0 var(--azi-space-xs);
}

.azi-single-video__meta {
	display: flex;
	align-items: center;
	gap: var(--azi-space-s);
}

.azi-single-video__meta-item {
	display: flex;
	align-items: center;
	gap: 6px;
	font: 500 12.5px/1 var(--azi-font-body);
	color: #9A958C;
}

.azi-single-video__meta-item .ionicon {
	width: 15px;
	height: 15px;
}

.azi-single-video__player {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: var(--azi-radius-default);
	overflow: hidden;
	background: linear-gradient(135deg, #272750, #15152D);
	margin-bottom: var(--azi-space-m);
}

.azi-single-video__player iframe {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

.azi-single-video__description {
	font: 400 16px/1.75 var(--azi-font-body);
	color: var(--azi-neutral-90);
	margin-bottom: var(--azi-space-m);
}

.azi-single-video__player-placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--azi-space-s);
}

.azi-single-video__player-play {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.12);
	color: var(--azi-white);
	display: flex;
	align-items: center;
	justify-content: center;
}

.azi-single-video__player-play .ionicon {
	width: 26px;
	height: 26px;
}

.azi-single-video__player-badge {
	font: 600 12.5px/1 var(--azi-font-body);
	color: rgba(255, 255, 255, 0.7);
}

.azi-single-video__related {
	margin-top: var(--azi-space-xl);
	padding-top: var(--azi-space-l);
	border-top: 1px solid var(--azi-container-neutral-grey-stroke);
}

.azi-single-video__related-title {
	margin: 0 0 var(--azi-space-s);
	font-size: var(--azi-fs-l);
	line-height: var(--azi-lh-l);
}

.azi-single-video__related-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-s);
}

@media (min-width: 1024px) {
	.azi-single-video {
		padding: var(--azi-space-l) var(--azi-space-s) var(--azi-space-xl);
	}

	.azi-single-video__related-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* ==========================================================================
   Contact Us — Header
   ========================================================================== */

.azi-contact-header {
	padding: var(--azi-space-l) var(--azi-space-s) var(--azi-space-xl);
	border-bottom: 1px solid var(--azi-divider, #F0EBE3);
}

.azi-contact-header__inner {
	max-width: 1280px;
	margin: 0 auto;
	text-align: center;
}

.azi-contact-header__eyebrow {
	display: inline-block;
	background-color: #FFEFE6;
	color: #C9551E;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	padding: 4px 10px;
	margin-bottom: var(--azi-space-s);
}

.azi-contact-header__heading {
	margin: 0 0 var(--azi-space-s);
}

.azi-contact-header__body {
	max-width: 640px;
	margin: 0 auto var(--azi-space-l);
	color: #4B4B4B;
}

.azi-contact-header__collage {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: var(--azi-space-xs);
	flex-wrap: wrap;
}

.azi-contact-header__collage-tile {
	position: relative;
	width: 128px;
	height: 150px;
	border-radius: var(--azi-radius-default);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	padding: var(--azi-space-xs);
	text-align: center;
}

.azi-contact-header__collage-tile--short {
	margin-bottom: 20px;
}

.azi-contact-header__collage-tile--violet {
	background: #F1EEFB;
	border: 1px solid #E4DEF7;
}

.azi-contact-header__collage-tile--orange {
	background: #FFEFE6;
	border: 1px solid #FBD9C4;
	width: 150px;
	height: 184px;
}

.azi-contact-header__collage-tile--teal {
	background: #E1F6F2;
	border: 1px solid #BFE9E1;
}

.azi-contact-header__collage-tile--navy {
	background: #EEF0FB;
	border: 1px solid #D7DCF5;
	width: 150px;
	height: 184px;
}

.azi-contact-header__collage-icon .ionicon {
	width: 34px;
	height: 34px;
}

.azi-contact-header__collage-tile--violet .azi-contact-header__collage-icon { color: #7B61FF; }
.azi-contact-header__collage-tile--orange .azi-contact-header__collage-icon { color: var(--azi-orange-500); }
.azi-contact-header__collage-tile--teal .azi-contact-header__collage-icon { color: var(--azi-teal-500); }
.azi-contact-header__collage-tile--navy .azi-contact-header__collage-icon { color: var(--azi-navy-500); }

.azi-contact-header__collage-label {
	font-size: 14px;
	font-weight: 600;
}

.azi-contact-header__collage-tile--violet .azi-contact-header__collage-label { color: #6F61B8; }
.azi-contact-header__collage-tile--orange .azi-contact-header__collage-label { color: #C9551E; }
.azi-contact-header__collage-tile--teal .azi-contact-header__collage-label { color: var(--azi-teal-500); }
.azi-contact-header__collage-tile--navy .azi-contact-header__collage-label { color: var(--azi-navy-500); }

/* ==========================================================================
   Contact Us — Mobile jump chips
   ========================================================================== */

.azi-contact-jump {
	display: none;
}

@media (max-width: 1023px) {
	.azi-contact-jump {
		display: flex;
		gap: var(--azi-space-xxs);
		padding: var(--azi-space-xs) var(--azi-space-s);
		position: sticky;
		top: 0;
		z-index: 5;
		background: rgba(255, 253, 250, 0.96);
		border-bottom: 1px solid var(--azi-divider, #F0EBE3);
		overflow-x: auto;
	}

	.azi-contact-jump__chip {
		flex: none;
		display: inline-flex;
		align-items: center;
		gap: 4px;
		padding: 9px 15px;
		border-radius: 100px;
		background: #fff;
		border: 1px solid #E2DCD0;
		font-size: 14px;
		font-weight: 600;
		color: #6B6B6B;
		text-decoration: none;
		white-space: nowrap;
	}

	.azi-contact-jump__chip .ionicon {
		width: 14px;
		height: 14px;
	}

	.azi-contact-jump__chip.is-active {
		background: var(--azi-navy-500);
		border-color: var(--azi-navy-500);
		color: #fff;
	}
}

/* ==========================================================================
   Contact Us — Contact details
   ========================================================================== */

.azi-contact-details {
	background: #FBFAF6;
	border-bottom: 1px solid var(--azi-divider, #F0EBE3);
	padding: var(--azi-space-l) var(--azi-space-s);
}

.azi-contact-details__inner {
	max-width: 1280px;
	margin: 0 auto;
}

.azi-contact-details__title-row {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: var(--azi-space-xs);
	margin-bottom: var(--azi-space-m);
}

.azi-contact-details__title-icon {
	flex: none;
	width: 38px;
	height: 38px;
	border-radius: 11px;
	background: #F1EEFB;
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: center;
}

.azi-contact-details__title-icon .ionicon {
	width: 21px;
	height: 21px;
	color: var(--azi-navy-500);
}

.azi-contact-details__heading {
	margin: 0;
}

.azi-contact-details__sub {
	display: block;
	margin-top: 4px;
	font-size: 14px;
	color: #8A877E;
}

.azi-contact-details__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-s);
}

.azi-contact-details__card {
	display: flex;
	align-items: flex-start;
	gap: var(--azi-space-s);
	border: 1px solid var(--azi-divider, #F0EBE3);
	border-radius: var(--azi-radius-default);
	background: #FFFDFA;
	padding: var(--azi-space-s);
	box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.03);
	min-width: 0;
}

.azi-contact-details__card-icon {
	flex: none;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.azi-contact-details__card-icon .ionicon {
	width: 23px;
	height: 23px;
}

.azi-contact-details__card-icon--navy { background: #F1EEFB; color: var(--azi-navy-500); }
.azi-contact-details__card-icon--teal { background: #E1F6F2; color: var(--azi-teal-500); }
.azi-contact-details__card-icon--orange { background: #FFEFE6; color: var(--azi-orange-500); }

.azi-contact-details__card-label {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 4px;
}

.azi-contact-details__card-value {
	font-weight: 500;
	font-size: var(--azi-fs-xs);
	word-break: break-word;
}

.azi-contact-details__card-value--navy { color: var(--azi-navy-500); }
.azi-contact-details__card-value--teal { color: var(--azi-teal-500); }
.azi-contact-details__card-value--orange { color: var(--azi-orange-500); }

.azi-contact-details__card-sub {
	font-size: 14px;
	color: #8A877E;
	margin-top: 4px;
}

.azi-contact-details__copy-value {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border: none;
	background: none;
	appearance: none;
	cursor: pointer;
	padding: 0;
	font-family: inherit;
	font-weight: 500;
	font-size: var(--azi-fs-xs);
	text-align: left;
	word-break: break-word;
}

.azi-contact-details__copy-icon .ionicon,
.azi-contact-details__wa-icon .ionicon {
	width: 15px;
	height: 15px;
	flex: none;
	opacity: 0.7;
}

.azi-contact-details__wa-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 500;
	font-size: var(--azi-fs-xs);
	text-decoration: none;
}

.azi-contact-details__copy-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 8px;
	border: none;
	background: none;
	appearance: none;
	cursor: pointer;
	padding: 0;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	color: #8A877E;
}

.azi-contact-details__copy-btn .ionicon {
	width: 13px;
	height: 13px;
}

.azi-contact-details__toast {
	position: fixed;
	left: 50%;
	bottom: 32px;
	transform: translate(-50%, 12px);
	z-index: 40;
	background: #15152D;
	color: #fff;
	padding: 12px 22px;
	border-radius: 100px;
	font-size: var(--azi-fs-xs);
	font-weight: 600;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.azi-contact-details__toast.is-visible {
	opacity: 1;
	transform: translate(-50%, 0);
}

.azi-contact-details__hours {
	display: flex;
	align-items: center;
	gap: var(--azi-space-xxs);
	margin-top: var(--azi-space-s);
	padding: 13px 18px;
	border-radius: 14px;
	background: #F1EEFB;
	border: 1px solid #DAD2F4;
	color: var(--azi-navy-500);
	font-size: var(--azi-fs-xs);
	font-weight: 500;
}

.azi-contact-details__hours .ionicon {
	width: 20px;
	height: 20px;
	flex: none;
}

/* ==========================================================================
   Contact Us — Body (form + booking)
   ========================================================================== */

.azi-contact-body {
	max-width: 1280px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr;
}

.azi-contact-form,
.azi-contact-booking {
	padding: var(--azi-space-l) var(--azi-space-s);
}

.azi-contact-form {
	border-bottom: 1px solid var(--azi-divider, #F0EBE3);
}

.azi-contact-booking {
	background: #FBF8F3;
	border-bottom: 1px solid var(--azi-divider, #F0EBE3);
}

.azi-contact-form__title-row,
.azi-contact-booking__title-row {
	display: flex;
	align-items: baseline;
	gap: var(--azi-space-xs);
	margin-bottom: var(--azi-space-s);
}

.azi-contact-form__title-icon,
.azi-contact-booking__title-icon {
	flex: none;
	width: 38px;
	height: 38px;
	border-radius: 11px;
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: center;
}

.azi-contact-form__title-icon {
	background: #F1EEFB;
}

.azi-contact-form__title-icon .ionicon {
	width: 21px;
	height: 21px;
	color: var(--azi-navy-500);
}

.azi-contact-booking__title-icon {
	background: #FFEFE6;
}

.azi-contact-booking__title-icon .ionicon {
	width: 21px;
	height: 21px;
	color: var(--azi-orange-500);
}

.azi-contact-form__heading,
.azi-contact-booking__heading {
	margin: 0;
	font-size: 32px;
	line-height: 1.15;
}

.azi-contact-form__intro,
.azi-contact-booking__intro {
	color: #4B4B4B;
	margin: 0 0 var(--azi-space-m);
}

.azi-contact-form__card,
.azi-contact-booking__card {
	border: 1px solid var(--azi-divider, #F0EBE3);
	border-radius: var(--azi-radius-default);
	background: #FFFDFA;
	padding: var(--azi-space-s);
	box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.04);
}

.azi-contact-form__field-label {
	font-size: 14px;
	font-weight: 600;
	color: #6B6B6B;
	margin-bottom: var(--azi-space-xxs);
}

.azi-contact-form__card .wpcf7-list-item-label {
	font-size: 14px;
	color: #6B6B6B;
}

.azi-contact-form__roles {
	display: flex;
	gap: 6px;
	padding: 5px;
	border-radius: 100px;
	background: #EDE7DC;
	margin-bottom: var(--azi-space-s);
}

.azi-contact-form__role {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 10px 6px;
	border-radius: 100px;
	border: none;
	background: transparent;
	appearance: none;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	color: #6B6B6B;
}

.azi-contact-form__role .ionicon {
	width: 16px;
	height: 16px;
	color: #9A958C;
}

.azi-contact-form__role.is-active {
	background: var(--azi-navy-500);
	color: #fff;
}

.azi-contact-form__role.is-active .ionicon {
	color: #fff;
}

.azi-contact-form__field {
	width: 100%;
	border-radius: 100px;
	border: 1px solid #E3E3E8;
	background: #F4F4F7;
	padding: 13px 18px;
	font-family: inherit;
	font-size: var(--azi-fs-xs);
	color: #15152D;
	margin-bottom: var(--azi-space-s);
}

.azi-contact-form__field--select {
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236B6B6B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 18px center;
	padding-right: 40px;
	cursor: pointer;
}

.azi-contact-form__field--textarea {
	border-radius: 16px;
	resize: vertical;
	min-height: 120px;
}

.azi-contact-form__consent {
	display: flex;
	align-items: flex-start;
	gap: var(--azi-space-xxs);
	margin-bottom: var(--azi-space-m);
	cursor: pointer;
	font-size: 14px;
	color: #6B6B6B;
}

.azi-contact-form__consent input {
	margin-top: 2px;
	flex: none;
}

.azi-contact-form__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--azi-space-xxs);
	width: 100%;
	border: none;
	appearance: none;
	cursor: pointer;
	background: var(--azi-navy-500);
	color: #fff;
}

.azi-contact-form__submit .ionicon {
	width: 17px;
	height: 17px;
}

.azi-contact-booking__embed {
	border-radius: var(--azi-radius-default);
	overflow: hidden;
}

.azi-contact-booking__embed iframe {
	display: block;
	width: 100%;
}

/* Mobile back-to-top FAB */

.azi-contact-totop {
	display: none;
}

@media (max-width: 1023px) {
	.azi-contact-totop {
		display: flex;
		position: fixed;
		bottom: 18px;
		right: 18px;
		z-index: 6;
		width: 46px;
		height: 46px;
		border-radius: 50%;
		background: var(--azi-navy-500);
		color: #fff;
		align-items: center;
		justify-content: center;
		border: none;
		appearance: none;
		cursor: pointer;
		box-shadow: 0 8px 22px rgba(21, 21, 45, 0.28);
	}

	.azi-contact-totop .ionicon {
		width: 20px;
		height: 20px;
	}
}

@media (min-width: 1024px) {
	.azi-contact-header__body {
		max-width: 720px;
	}

	.azi-contact-details__grid {
		grid-template-columns: repeat(4, 1fr);
	}

	.azi-contact-body {
		grid-template-columns: 1fr 1fr;
	}

	.azi-contact-form {
		border-right: 1px solid var(--azi-divider, #F0EBE3);
	}

	/* CF7 renders each field as a sibling .wpcf7-form-control-wrap inside
	   one <p> — put name/email side by side without needing a wrapping
	   <div>, since block HTML inside a CF7 form body gets stripped. */
	.azi-contact-form .wpcf7-form-control-wrap[data-name="your-name"],
	.azi-contact-form .wpcf7-form-control-wrap[data-name="your-email"] {
		display: inline-flex;
		width: calc(50% - 8px);
	}

	.azi-contact-form .wpcf7-form-control-wrap[data-name="your-name"] {
		margin-right: 16px;
	}
}

/* ==========================================================================
   Sign Up — Portals
   ========================================================================== */

.azi-signup-portals {
	padding: var(--azi-space-xxl) var(--azi-space-s) var(--azi-space-l);
}

.azi-signup-portals__inner {
	max-width: 1280px;
	margin: 0 auto;
}

.azi-signup-portals__heading {
	text-align: center;
	margin: 0 0 var(--azi-space-s);
}

.azi-signup-portals__intro {
	text-align: center;
	color: #4B4B4B;
	margin: 0 0 var(--azi-space-l);
}

.azi-signup-portals__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--azi-space-m);
	margin-bottom: var(--azi-space-xl);
}

.azi-signup-portals__card {
	border-radius: var(--azi-radius-default);
	padding: var(--azi-space-m);
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.azi-signup-portals__card--participant {
	background: var(--azi-navy-500);
	color: #fff;
}

.azi-signup-portals__card--business {
	background: #EAFFFC;
	border: 1px solid #D0E8E8;
}

.azi-signup-portals__avatar {
	height: 176px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: var(--azi-space-s);
	border-radius: 16px;
	font-size: 14px;
	font-weight: 600;
}

.azi-signup-portals__card--participant .azi-signup-portals__avatar {
	background: rgba(255, 255, 255, 0.1);
	color: #9BD8D2;
	border-color: transparent;
}

.azi-signup-portals__card--business .azi-signup-portals__avatar {
	background: #fff;
	color: #9990BE;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	border-color: transparent;
}

.azi-signup-portals__card-title {
	margin: 0 0 var(--azi-space-xs);
	font-family: var(--azi-font-decorative);
	font-weight: var(--azi-weight-bold);
	font-size: 32px;
	line-height: 1.15;
}

.azi-signup-portals__card--business .azi-signup-portals__card-title {
	color: #15152D;
}

.azi-signup-portals__card-body {
	flex: 1;
	margin: 0 0 var(--azi-space-l);
	font-size: 16px;
	line-height: 1.6;
}

.azi-signup-portals__card--participant .azi-signup-portals__card-body {
	color: rgba(255, 255, 255, 0.82);
}

.azi-signup-portals__card--business .azi-signup-portals__card-body {
	color: #4B4B4B;
}

.azi-signup-portals__card-actions {
	display: flex;
	flex-direction: column;
	gap: var(--azi-space-xs);
}

.azi-signup-portals__cta {
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	appearance: none;
	cursor: pointer;
	text-decoration: none;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: 14px;
	padding: var(--azi-space-xs) var(--azi-space-m);
}

.azi-signup-portals__cta--participant {
	background: #fff;
	color: var(--azi-navy-500);
}

.azi-signup-portals__cta--business {
	background: var(--azi-teal-500);
	color: #fff;
}

.azi-signup-portals__learn {
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	text-decoration: none;
	font-family: var(--azi-font-body);
	font-weight: var(--azi-weight-semibold);
	font-size: 14px;
	padding: var(--azi-space-xs) var(--azi-space-m);
}

.azi-signup-portals__learn--participant {
	color: #fff;
	border: 1.5px solid rgba(255, 255, 255, 0.5);
}

.azi-signup-portals__learn--business {
	color: var(--azi-teal-500);
	border: 1.5px solid var(--azi-teal-500);
}

.azi-signup-portals__login {
	text-align: center;
	padding: var(--azi-space-l) 0;
	border-top: 1px solid var(--azi-divider, #F0EBE3);
	border-bottom: 1px solid var(--azi-divider, #F0EBE3);
}

.azi-signup-portals__login-title {
	margin: 0 0 var(--azi-space-s);
	font-size: 16px;
	font-weight: var(--azi-weight-semibold);
	color: #15152D;
}

.azi-signup-portals__login-links {
	display: flex;
	gap: var(--azi-space-m);
	justify-content: center;
	flex-wrap: wrap;
}

.azi-signup-portals__login-links a {
	font-size: 16px;
	color: var(--azi-navy-500);
	font-weight: 500;
	text-decoration: underline;
}

@media (min-width: 1024px) {
	.azi-signup-portals__grid {
		grid-template-columns: 1fr 1fr;
	}

	.azi-signup-portals__card-actions {
		flex-direction: row;
	}

	.azi-signup-portals__cta,
	.azi-signup-portals__learn {
		flex: 1;
	}
}

/* ==========================================================================
   Sign Up — Get in touch form
   ========================================================================== */

.azi-signup-contact__field--select {
	appearance: none;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236B6B6B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 18px center;
	padding-right: 40px;
	cursor: pointer;
}

/* ==========================================================================
   Legal pages (Privacy Policy, Terms of Service, Cookies, Cancellation & Refunds)
   ========================================================================== */

.azi-legal-doc__topbar {
	max-width: 1280px;
	margin: 0 auto;
	padding: var(--azi-space-m) var(--azi-space-s) var(--azi-space-s);
}

.azi-legal-doc__crumb {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: var(--azi-space-m);
	font: 500 14px/1 var(--azi-font-body);
	color: var(--azi-neutral-70);
}

.azi-legal-doc__crumb a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--azi-neutral-70);
	text-decoration: none;
}

.azi-legal-doc__crumb-arrow .ionicon {
	width: 14px;
	height: 14px;
}

.azi-legal-doc__crumb-current {
	color: var(--azi-neutral-90);
	font-weight: 600;
}

.azi-legal-doc__eyebrow {
	display: inline-block;
	margin-bottom: var(--azi-space-s);
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--azi-navy-500);
	font-weight: 600;
}

.azi-legal-doc__heading {
	margin-bottom: var(--azi-space-s);
}

.azi-legal-doc__subheading {
	max-width: 640px;
	font-size: var(--azi-fs-m);
	line-height: var(--azi-lh-m);
	color: var(--azi-neutral-70);
}

.azi-legal-doc__chipnav {
	display: flex;
	gap: 8px;
	padding: var(--azi-space-s);
	overflow-x: auto;
	border-bottom: 1px solid var(--azi-container-neutral-grey-stroke);
	background: rgba(255, 253, 250, 0.96);
	position: sticky;
	top: 0;
	z-index: 5;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.azi-legal-doc__chipnav::-webkit-scrollbar {
	display: none;
}

.azi-legal-doc__chip {
	flex: none;
	display: inline-flex;
	align-items: center;
	padding: 8px 14px;
	border-radius: 100px;
	background: #fff;
	border: 1px solid #E2DCD0;
	font: 600 11.5px/1 var(--azi-font-body);
	color: var(--azi-neutral-70);
	white-space: nowrap;
	text-decoration: none;
}

.azi-legal-doc__chip--navy { color: var(--azi-navy-500); }
.azi-legal-doc__chip--teal { color: var(--azi-teal-500); }
.azi-legal-doc__chip--orange { color: var(--azi-orange-500); }

.azi-legal-doc__sidebar {
	display: none;
}

.azi-legal-doc__body {
	padding: var(--azi-space-m) var(--azi-space-s);
}

.azi-legal-doc__section {
	margin-bottom: var(--azi-space-l);
	scroll-margin-top: 100px;
	max-width: 760px;
}

.azi-legal-doc__section-head {
	margin-bottom: var(--azi-space-s);
}

.azi-legal-doc__section-tag {
	display: inline-flex;
	padding: 3px 9px;
	border-radius: 100px;
	font: 600 9px/1 var(--azi-font-body);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin-bottom: var(--azi-space-xs);
}

.azi-legal-doc__section-tag--navy { background: var(--azi-navy-10); color: var(--azi-navy-500); }
.azi-legal-doc__section-tag--teal { background: var(--azi-teal-10); color: var(--azi-teal-500); }
.azi-legal-doc__section-tag--orange { background: var(--azi-orange-10); color: var(--azi-orange-500); }

.azi-legal-doc__section-title {
	margin: 0 0 6px;
}

.azi-legal-doc__section-updated {
	display: block;
	font: 500 14px/1 var(--azi-font-body);
	color: #9A958C;
}

.azi-legal-doc__content {
	margin-top: var(--azi-space-s);
}

.azi-legal-doc__content h3 {
	font-size: var(--azi-fs-l);
	line-height: var(--azi-lh-l);
	margin: var(--azi-space-m) 0 var(--azi-space-xs);
}

.azi-legal-doc__content h3:first-child {
	margin-top: 0;
}

.azi-legal-doc__content h4 {
	font-size: var(--azi-fs-s);
	line-height: var(--azi-lh-s);
	margin: var(--azi-space-s) 0 var(--azi-space-xs);
}

.azi-legal-doc__content p {
	font-size: 15px;
	line-height: 1.7;
	color: var(--azi-neutral-90);
	margin: 0 0 var(--azi-space-xs);
}

.azi-legal-doc__content ul,
.azi-legal-doc__content ol {
	margin: 0 0 var(--azi-space-s);
	padding-left: 1.25em;
}

.azi-legal-doc__content li {
	font-size: 15px;
	line-height: 1.7;
	color: var(--azi-neutral-90);
	margin-bottom: 4px;
}

.azi-legal-doc__totop-row {
	display: flex;
	justify-content: flex-end;
	position: sticky;
	bottom: var(--azi-space-s);
	margin-top: var(--azi-space-s);
}

.azi-legal-doc__totop {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 18px;
	border-radius: 100px;
	background: var(--azi-navy-500);
	color: var(--azi-white);
	font: 600 14px/1 var(--azi-font-body);
	box-shadow: 0 8px 22px rgba(21, 21, 45, 0.28);
	text-decoration: none;
}

@media (min-width: 1024px) {
	.azi-legal-doc__chipnav {
		display: none;
	}

	.azi-legal-doc__body {
		max-width: 1280px;
		margin: 0 auto;
		display: flex;
		align-items: flex-start;
		padding: 0 var(--azi-space-s) var(--azi-space-l);
	}

	.azi-legal-doc__sidebar {
		display: block;
		flex: none;
		width: 296px;
		align-self: flex-start;
		position: sticky;
		top: 20px;
		border-right: 1px solid var(--azi-container-neutral-grey-stroke);
		background: #FBFAF6;
		padding: var(--azi-space-s);
	}

	.azi-legal-doc__sidebar-label {
		font: 600 11px/1 var(--azi-font-body);
		letter-spacing: 0.08em;
		text-transform: uppercase;
		color: #9A958C;
		margin-bottom: var(--azi-space-s);
	}

	.azi-legal-doc__sidebar-list {
		display: flex;
		flex-direction: column;
		gap: 6px;
	}

	.azi-legal-doc__sidebar-row {
		display: flex;
		align-items: center;
		padding: 11px 12px;
		border-radius: var(--azi-radius-default);
		background: var(--azi-white);
		border: 1px solid var(--azi-container-neutral-grey-stroke);
		text-decoration: none;
		color: var(--azi-neutral-90);
	}

	.azi-legal-doc__sidebar-row--navy { border-left: 3px solid var(--azi-navy-500); }
	.azi-legal-doc__sidebar-row--teal { border-left: 3px solid var(--azi-teal-500); }
	.azi-legal-doc__sidebar-row--orange { border-left: 3px solid var(--azi-orange-500); }

	.azi-legal-doc__sidebar-name {
		flex: 1;
		min-width: 0;
		font: 600 13px/1.3 var(--azi-font-body);
	}

	.azi-legal-doc__main {
		flex: 1;
		min-width: 0;
		padding: var(--azi-space-m) 0 0 var(--azi-space-m);
	}
}


/* ==========================================================================
   Video Modal — shared lightbox for Platform demo videos
   ========================================================================== */

.azi-video-modal[hidden] { display: none; }

.azi-video-modal {
	position: fixed;
	inset: 0;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--azi-space-s);
}

.azi-video-modal__scrim {
	position: absolute;
	inset: 0;
	background: rgba(20, 20, 30, 0.75);
}

.azi-video-modal__panel {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 960px;
}

.azi-video-modal__close {
	position: absolute;
	top: -40px;
	right: 0;
	background: none;
	border: none;
	appearance: none;
	cursor: pointer;
	color: #fff;
	font-size: 32px;
	line-height: 1;
	padding: 4px 8px;
}

.azi-video-modal__frame-wrap {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #000;
	border-radius: var(--azi-radius-card);
	overflow: hidden;
}

.azi-video-modal__frame {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.azi-platform-feature-card--clickable {
	cursor: pointer;
}

.azi-platform-overview__video[data-video-open],
.azi-placeholder.azi-platform-overview__video[data-video-open] {
	cursor: pointer;
}

/* ==========================================================================
   Sign Up — Beta Banner (smaller variant of the Product Teams beta banner)
   ========================================================================== */

.azi-signup-beta-banner {
	background-color: var(--azi-orange-10);
	border-radius: var(--azi-radius-section);
	padding: var(--azi-space-s) var(--azi-space-m);
	margin-top: var(--azi-space-l);
	text-align: center;
}

.azi-signup-beta-banner__heading {
	color: var(--azi-orange-800);
	margin: 0 0 4px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
}

.azi-signup-beta-banner__body {
	font-family: var(--azi-font-body);
	font-size: 14px;
	line-height: 1.4;
	color: var(--azi-text-neutral);
	margin: 0;
}