.wma-ai-business {
	--aib-ink: #10243a;
	--aib-muted: #5f7082;
	--aib-blue: #1167d8;
	--aib-blue-deep: #08294b;
	--aib-blue-soft: #eef6ff;
	--aib-line: #dce6ef;
	--aib-surface: #f7f9fc;
	--aib-white: #ffffff;
	--aib-warn: #fff7e8;

	color: var(--aib-ink);
	background: var(--aib-white);
	font-size: 17px;
	line-height: 1.65;
}

.wma-ai-business *,
.wma-ai-business *::before,
.wma-ai-business *::after {
	box-sizing: border-box;
}

.wma-aib-container {
	width: min(1180px, calc(100% - 40px));
	margin: 0 auto;
}

.wma-aib-narrow {
	width: min(900px, calc(100% - 40px));
}

.wma-ai-business h1,
.wma-ai-business h2,
.wma-ai-business h3 {
	color: var(--aib-ink);
	line-height: 1.12;
	letter-spacing: -0.025em;
}

.wma-ai-business h2 {
	font-size: clamp(34px, 4vw, 52px);
	margin: 0 0 25px;
}

.wma-ai-business h3 {
	font-size: 22px;
	margin: 0 0 12px;
}

.wma-ai-business p {
	margin-top: 0;
}

.wma-ai-business a {
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.wma-aib-eyebrow {
	margin: 0 0 18px;
	font-size: 12px;
	line-height: 1.3;
	font-weight: 800;
	letter-spacing: .15em;
	color: var(--aib-blue);
	text-transform: uppercase;
}

.wma-aib-hero {
	position: relative;
	overflow: hidden;
	padding: 105px 0 95px;
	background:
		radial-gradient(circle at 85% 15%, rgba(17,103,216,.13), transparent 32%),
		linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
	border-bottom: 1px solid var(--aib-line);
}

.wma-aib-hero-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
	gap: 75px;
	align-items: center;
}

.wma-aib-hero h1 {
	max-width: 800px;
	margin: 0 0 28px;
	font-size: clamp(48px, 6vw, 76px);
	font-weight: 800;
}

.wma-aib-hero h1 span {
	display: block;
	color: var(--aib-blue);
}

.wma-aib-lead {
	max-width: 760px;
	margin-bottom: 32px;
	font-size: 21px;
	line-height: 1.55;
	color: #3d5369;
}

.wma-aib-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
}

.wma-aib-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	padding: 13px 22px;
	border: 1px solid transparent;
	border-radius: 7px;
	font-size: 15px;
	font-weight: 750;
	text-decoration: none !important;
	transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.wma-aib-btn:hover {
	transform: translateY(-1px);
}

.wma-aib-btn-primary {
	background: var(--aib-blue);
	color: #fff !important;
	box-shadow: 0 10px 28px rgba(17,103,216,.18);
}

.wma-aib-btn-secondary {
	background: #fff;
	color: var(--aib-ink) !important;
	border-color: var(--aib-line);
}

.wma-aib-btn-light {
	background: #fff;
	color: var(--aib-blue-deep) !important;
}

.wma-aib-btn-outline {
	border-color: rgba(255,255,255,.4);
	color: #fff !important;
}

.wma-aib-update {
	margin: 22px 0 0;
	font-size: 13px;
	color: var(--aib-muted);
}

.wma-aib-map {
	position: relative;
	min-height: 430px;
	border-radius: 28px;
	background:
		linear-gradient(145deg, rgba(255,255,255,.96), rgba(238,246,255,.95));
	border: 1px solid var(--aib-line);
	box-shadow: 0 30px 70px rgba(21,64,105,.12);
}

.wma-aib-map::before,
.wma-aib-map::after {
	content: "";
	position: absolute;
	inset: 50%;
	width: 280px;
	height: 280px;
	transform: translate(-50%, -50%);
	border: 1px solid rgba(17,103,216,.14);
	border-radius: 50%;
}

.wma-aib-map::after {
	width: 190px;
	height: 190px;
}

.wma-aib-map-core {
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 50%;
	width: 138px;
	height: 138px;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--aib-blue-deep);
	color: #fff;
	text-align: center;
	box-shadow: 0 15px 45px rgba(8,41,75,.28);
}

.wma-aib-map-core span {
	font-size: 12px;
	letter-spacing: .16em;
	font-weight: 800;
	color: #9ed3ff;
}

.wma-aib-map-core strong {
	font-size: 19px;
	line-height: 1.1;
}

.wma-aib-map-node {
	position: absolute;
	z-index: 4;
	padding: 8px 13px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid var(--aib-line);
	font-size: 13px;
	font-weight: 750;
	box-shadow: 0 6px 20px rgba(28,61,94,.08);
}

.node-1 { top: 14%; left: 14%; }
.node-2 { top: 12%; right: 13%; }
.node-3 { top: 46%; right: 5%; }
.node-4 { bottom: 13%; right: 18%; }
.node-5 { bottom: 13%; left: 13%; }
.node-6 { top: 46%; left: 3%; }

.wma-aib-snapshot {
	padding: 32px 0;
	background: var(--aib-blue-deep);
	color: #fff;
}

.wma-aib-stat-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.wma-aib-stat {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 16px;
	align-items: center;
}

.wma-aib-stat strong {
	font-size: 34px;
	color: #fff;
}

.wma-aib-stat span {
	font-size: 14px;
	line-height: 1.4;
	color: #d8e8f6;
}

.wma-aib-source {
	margin: 15px 0 0;
	font-size: 12px;
	color: var(--aib-muted);
}

.wma-aib-snapshot .wma-aib-source {
	color: #adc6dc;
}

.wma-aib-source a {
	color: inherit;
}

.wma-aib-section {
	padding: 90px 0;
}

.wma-aib-section-soft {
	background: var(--aib-surface);
	border-top: 1px solid var(--aib-line);
	border-bottom: 1px solid var(--aib-line);
}

.wma-aib-section-dark {
	background: var(--aib-blue-deep);
	color: #dce8f3;
}

.wma-aib-section-dark h2,
.wma-aib-section-dark h3 {
	color: #fff;
}

.wma-aib-section-dark .wma-aib-eyebrow {
	color: #91caff;
}

.wma-aib-section-warning {
	background: var(--aib-warn);
}

.wma-aib-summary {
	display: grid;
	gap: 15px;
	padding-left: 28px;
	border-left: 4px solid var(--aib-blue);
	font-size: 19px;
}

.wma-aib-summary p:last-child {
	margin-bottom: 0;
}

.wma-aib-intro {
	max-width: 820px;
	margin: -5px 0 40px;
	font-size: 19px;
	color: var(--aib-muted);
}

.wma-aib-card-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
}

.wma-aib-card {
	min-height: 275px;
	padding: 27px;
	background: #fff;
	border: 1px solid var(--aib-line);
	border-radius: 14px;
}

.wma-aib-card > span {
	display: block;
	margin-bottom: 35px;
	font-size: 12px;
	font-weight: 800;
	color: var(--aib-blue);
}

.wma-aib-card p {
	color: var(--aib-muted);
}

.wma-aib-card a {
	font-size: 14px;
	font-weight: 750;
	color: var(--aib-blue);
}

.wma-aib-table-wrap {
	overflow-x: auto;
	border: 1px solid var(--aib-line);
	border-radius: 12px;
}

.wma-aib-table {
	width: 100%;
	min-width: 720px;
	border-collapse: collapse;
	background: #fff;
}

.wma-aib-table th,
.wma-aib-table td {
	padding: 18px 20px;
	border-bottom: 1px solid var(--aib-line);
	text-align: left;
	vertical-align: top;
}

.wma-aib-table th {
	background: var(--aib-surface);
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .05em;
}

.wma-aib-table tr:last-child td {
	border-bottom: 0;
}

.wma-aib-note {
	margin-top: 23px;
	color: var(--aib-muted);
}

.wma-aib-steps {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1px;
	margin-top: 40px;
	background: rgba(255,255,255,.15);
	border: 1px solid rgba(255,255,255,.15);
}

.wma-aib-steps article {
	padding: 27px;
	background: var(--aib-blue-deep);
}

.wma-aib-steps strong {
	display: block;
	margin-bottom: 35px;
	color: #71baff;
	font-size: 13px;
}

.wma-aib-steps p {
	margin-bottom: 0;
	color: #bed2e5;
}

.wma-aib-dark-link {
	margin: 30px 0 0;
	color: #bed2e5;
}

.wma-aib-dark-link a {
	color: #fff;
	font-weight: 700;
}

.wma-aib-cost-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 12px;
}

.wma-aib-cost-grid article {
	padding: 23px;
	border: 1px solid var(--aib-line);
	border-radius: 11px;
}

.wma-aib-cost-grid p {
	margin-bottom: 0;
	font-size: 14px;
	color: var(--aib-muted);
}

.wma-aib-market-box {
	display: grid;
	grid-template-columns: .8fr 1.2fr;
	gap: 40px;
	margin-top: 30px;
	padding: 32px;
	background: var(--aib-blue-soft);
	border-radius: 13px;
}

.wma-aib-market-box h3,
.wma-aib-market-box p {
	margin-bottom: 0;
}

.wma-aib-roi-head {
	display: grid;
	grid-template-columns: 1.2fr .8fr;
	gap: 60px;
	align-items: end;
	margin-bottom: 35px;
}

.wma-aib-calculator {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 25px;
	padding: 28px;
	background: #fff;
	border: 1px solid var(--aib-line);
	border-radius: 14px;
}

.wma-aib-calc-inputs {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.wma-aib-calc-inputs label {
	font-size: 13px;
	font-weight: 700;
	color: var(--aib-muted);
}

.wma-aib-calc-inputs input {
	width: 100%;
	margin-top: 7px;
	padding: 13px;
	border: 1px solid #cfdbe6;
	border-radius: 7px;
	background: #fff;
	font-size: 17px;
	color: var(--aib-ink);
}

.wma-aib-calc-results {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1px;
	background: var(--aib-line);
	border: 1px solid var(--aib-line);
}

.wma-aib-calc-results div {
	padding: 20px;
	background: var(--aib-blue-deep);
}

.wma-aib-calc-results span {
	display: block;
	margin-bottom: 6px;
	font-size: 12px;
	color: #b8cee1;
}

.wma-aib-calc-results strong {
	font-size: 24px;
	color: #fff;
}

.wma-aib-disclaimer {
	margin: 13px 0 0;
	font-size: 12px;
	color: var(--aib-muted);
}

.wma-aib-decision-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
}

.wma-aib-decision-grid article {
	padding: 30px;
	border: 1px solid var(--aib-line);
	border-radius: 12px;
}

.wma-aib-decision-grid span {
	display: block;
	margin-bottom: 32px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .12em;
	color: var(--aib-blue);
}

.wma-aib-two-cols {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 60px;
}

.wma-aib-checklist {
	display: grid;
	gap: 10px;
}

.wma-aib-checklist span {
	padding: 12px 15px;
	background: var(--aib-surface);
	border-radius: 7px;
	font-size: 14px;
	font-weight: 650;
}

.wma-aib-method-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 75px;
	align-items: center;
}

.wma-aib-method-links {
	display: grid;
	gap: 10px;
}

.wma-aib-method-links a {
	display: grid;
	gap: 3px;
	padding: 17px 19px;
	border: 1px solid rgba(255,255,255,.16);
	border-radius: 9px;
	text-decoration: none;
}

.wma-aib-method-links strong {
	color: #fff;
}

.wma-aib-method-links span {
	font-size: 13px;
	color: #afc8dc;
}

.wma-aib-faq details {
	margin-bottom: 9px;
	border: 1px solid var(--aib-line);
	border-radius: 8px;
	background: #fff;
}

.wma-aib-faq summary {
	padding: 18px 20px;
	cursor: pointer;
	font-weight: 750;
}

.wma-aib-faq details p {
	padding: 0 20px 20px;
	margin: 0;
	color: var(--aib-muted);
}

.wma-aib-final {
	padding: 90px 0;
	background: linear-gradient(180deg, #edf6ff, #fff);
	text-align: center;
	border-top: 1px solid var(--aib-line);
}

.wma-aib-final .wma-aib-eyebrow {
	text-align: center;
}

.wma-aib-final h2 {
	max-width: 820px;
	margin-left: auto;
	margin-right: auto;
}

.wma-aib-final p {
	max-width: 680px;
	margin: 0 auto 25px;
	color: var(--aib-muted);
}

@media (max-width: 980px) {

	.wma-aib-hero {
		padding: 70px 0;
	}

	.wma-aib-hero-grid,
	.wma-aib-two-cols,
	.wma-aib-method-grid,
	.wma-aib-roi-head,
	.wma-aib-market-box {
		grid-template-columns: 1fr;
		gap: 35px;
	}

	.wma-aib-map {
		min-height: 380px;
	}

	.wma-aib-card-grid,
	.wma-aib-steps {
		grid-template-columns: repeat(2, 1fr);
	}

	.wma-aib-cost-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.wma-aib-stat-grid {
		grid-template-columns: 1fr;
	}

	.wma-aib-calculator {
		grid-template-columns: 1fr;
	}

}

@media (max-width: 640px) {

	.wma-aib-container,
	.wma-aib-narrow {
		width: min(100% - 28px, 1180px);
	}

	.wma-aib-section {
		padding: 64px 0;
	}

	.wma-aib-hero h1 {
		font-size: 43px;
	}

	.wma-aib-lead {
		font-size: 18px;
	}

	.wma-aib-map {
		min-height: 340px;
	}

	.wma-aib-map::before {
		width: 240px;
		height: 240px;
	}

	.wma-aib-card-grid,
	.wma-aib-steps,
	.wma-aib-cost-grid,
	.wma-aib-decision-grid,
	.wma-aib-calc-inputs,
	.wma-aib-calc-results {
		grid-template-columns: 1fr;
	}

	.wma-aib-stat {
		grid-template-columns: 1fr;
		gap: 4px;
	}

	.wma-aib-actions {
		display: grid;
	}

	.wma-aib-btn {
		width: 100%;
	}

}


/* ==========================================================
   WMA AIB v2
   FULL WIDTH + TECHNOLOGY + MOTION
   ========================================================== */


/*
 * Real Avada 100% width behavior.
 * CSS is loaded only by this custom template.
 */

.wma-template-page-intelligenza-artificiale-per-aziende #main {
	padding: 0 !important;
	background: #fff;
}

.wma-template-page-intelligenza-artificiale-per-aziende #main > .fusion-row {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

.wma-template-page-intelligenza-artificiale-per-aziende #content.wma-ai-business {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	padding: 0 !important;
	margin: 0 !important;
	background: #fff;
	overflow: hidden;
}
.wma-ai-business {
	position: relative;
	width: 100%;
	max-width: none;
	overflow: hidden;
}


/*
 * Use more horizontal space on desktop,
 * while retaining readable inner measures.
 */

@media (min-width: 981px) {

	.wma-aib-container {
		width: min(
			1280px,
			calc(100% - 72px)
		);
	}

	.wma-aib-container.wma-aib-narrow {
		width: min(
			960px,
			calc(100% - 72px)
		);
	}

}


/*
 * Hero: quiet technical grid.
 */

.wma-aib-hero {
	isolation: isolate;
}

.wma-aib-hero::before {
	content: "";
	position: absolute;
	z-index: 0;
	inset: 0;
	pointer-events: none;

	background-image:
		linear-gradient(
			rgba(17,103,216,.045) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(17,103,216,.045) 1px,
			transparent 1px
		);

	background-size:
		34px 34px;

	mask-image:
		linear-gradient(
			to right,
			rgba(0,0,0,.72),
			rgba(0,0,0,.08) 75%,
			transparent
		);

	-webkit-mask-image:
		linear-gradient(
			to right,
			rgba(0,0,0,.72),
			rgba(0,0,0,.08) 75%,
			transparent
		);

	animation:
		wmaAibGridMove
		28s linear infinite;
}

.wma-aib-hero-grid {
	position: relative;
	z-index: 1;
}


/*
 * Slightly stronger hero typography.
 */

.wma-aib-hero h1 {
	max-width: 850px;
	text-wrap: balance;
}

.wma-aib-hero h1 span {
	position: relative;
	display: inline;
	background:
		linear-gradient(
			100deg,
			#1167d8 0%,
			#087ec5 55%,
			#154fc9 100%
		);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.wma-aib-lead {
	max-width: 790px;
}


/*
 * AI system map.
 */

.wma-aib-map {
	--aib-rx: 0deg;
	--aib-ry: 0deg;

	overflow: hidden;

	transform:
		perspective(1100px)
		rotateX(var(--aib-rx))
		rotateY(var(--aib-ry));

	transform-style: preserve-3d;

	transition:
		transform .22s ease,
		box-shadow .25s ease;

	will-change: transform;

	background:
		radial-gradient(
			circle at 50% 50%,
			rgba(17,103,216,.08),
			transparent 42%
		),
		linear-gradient(
			145deg,
			rgba(255,255,255,.98),
			rgba(237,246,255,.96)
		);
}

.wma-aib-map:hover {
	box-shadow:
		0 35px 85px
		rgba(21,64,105,.17);
}

.wma-aib-map-grid {
	position: absolute;
	z-index: 0;
	inset: 0;
	pointer-events: none;

	background-image:
		linear-gradient(
			rgba(17,103,216,.055) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(17,103,216,.055) 1px,
			transparent 1px
		);

	background-size:
		24px 24px;

	mask-image:
		radial-gradient(
			circle at center,
			#000 0%,
			rgba(0,0,0,.62) 42%,
			transparent 78%
		);

	-webkit-mask-image:
		radial-gradient(
			circle at center,
			#000 0%,
			rgba(0,0,0,.62) 42%,
			transparent 78%
		);
}

.wma-aib-radar-sweep {
	position: absolute;
	z-index: 2;

	top: 50%;
	left: 50%;

	width: 282px;
	height: 282px;

	transform:
		translate(-50%, -50%);

	border-radius: 50%;

	background:
		conic-gradient(
			from 0deg,
			transparent 0deg,
			transparent 305deg,
			rgba(17,103,216,.04) 320deg,
			rgba(17,103,216,.20) 346deg,
			transparent 360deg
		);

	mask-image:
		radial-gradient(
			circle,
			transparent 0 28%,
			#000 30% 67%,
			transparent 69%
		);

	-webkit-mask-image:
		radial-gradient(
			circle,
			transparent 0 28%,
			#000 30% 67%,
			transparent 69%
		);

	pointer-events: none;

	animation:
		wmaAibRadar
		7.5s linear infinite;
}

.wma-aib-map-core {
	overflow: visible;
}

.wma-aib-map-core::before,
.wma-aib-map-core::after {
	content: "";
	position: absolute;

	inset: -12px;

	border:
		1px solid
		rgba(17,103,216,.24);

	border-radius: 50%;

	pointer-events: none;

	animation:
		wmaAibPulseRing
		2.8s ease-out infinite;
}

.wma-aib-map-core::after {
	animation-delay: 1.4s;
}

.wma-aib-map-node {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.wma-aib-map-node::before {
	content: "";

	width: 6px;
	height: 6px;

	flex: 0 0 6px;

	border-radius: 50%;

	background: var(--aib-blue);

	box-shadow:
		0 0 0 0
		rgba(17,103,216,.28);

	animation:
		wmaAibNodePulse
		2.4s ease-out infinite;
}

.wma-aib-map-node:nth-of-type(2)::before {
	animation-delay: .3s;
}

.wma-aib-map-node:nth-of-type(3)::before {
	animation-delay: .6s;
}

.wma-aib-map-node:nth-of-type(4)::before {
	animation-delay: .9s;
}

.wma-aib-map-node:nth-of-type(5)::before {
	animation-delay: 1.2s;
}

.wma-aib-map-node:nth-of-type(6)::before {
	animation-delay: 1.5s;
}


/*
 * Evidence bar becomes more "data product".
 */

.wma-aib-snapshot {
	position: relative;
	overflow: hidden;
}

.wma-aib-snapshot::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;

	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(103,190,255,.07),
			transparent
		);

	transform:
		translateX(-100%);

	animation:
		wmaAibDataScan
		9s ease-in-out infinite;
}

.wma-aib-stat-grid {
	position: relative;
	z-index: 1;
}

.wma-aib-stat strong {
	font-variant-numeric:
		tabular-nums;
}


/*
 * Cards: less editorial, more interface-like.
 */

.wma-aib-card,
.wma-aib-cost-grid article,
.wma-aib-decision-grid article {
	position: relative;
	overflow: hidden;

	transition:
		transform .22s ease,
		border-color .22s ease,
		box-shadow .22s ease;
}

.wma-aib-card::after,
.wma-aib-cost-grid article::after,
.wma-aib-decision-grid article::after {
	content: "";
	position: absolute;

	top: 0;
	right: 0;
	left: 0;

	height: 2px;

	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(17,103,216,.85),
			transparent
		);

	opacity: 0;

	transition:
		opacity .22s ease;
}

@media (hover: hover) {

	.wma-aib-card:hover,
	.wma-aib-cost-grid article:hover,
	.wma-aib-decision-grid article:hover {
		transform: translateY(-4px);

		border-color:
			rgba(17,103,216,.28);

		box-shadow:
			0 18px 45px
			rgba(21,64,105,.09);
	}

	.wma-aib-card:hover::after,
	.wma-aib-cost-grid article:hover::after,
	.wma-aib-decision-grid article:hover::after {
		opacity: 1;
	}

}


/*
 * Roadmap: technical grid backdrop.
 */

.wma-aib-section-dark {
	position: relative;
	overflow: hidden;
}

.wma-aib-section-dark::before {
	content: "";
	position: absolute;
	inset: 0;

	pointer-events: none;

	background-image:
		linear-gradient(
			rgba(255,255,255,.025) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(255,255,255,.025) 1px,
			transparent 1px
		);

	background-size:
		32px 32px;
}

.wma-aib-section-dark > .wma-aib-container {
	position: relative;
	z-index: 1;
}


/*
 * ROI calculator gets stronger "dashboard" feel.
 */

.wma-aib-calculator {
	box-shadow:
		0 20px 55px
		rgba(31,68,103,.07);
}

.wma-aib-calc-results {
	border-radius: 9px;
	overflow: hidden;
}

.wma-aib-calc-results strong {
	font-variant-numeric:
		tabular-nums;
}


/*
 * Reveal animation.
 */

.wma-aib-reveal {
	opacity: 0;

	transform:
		translateY(20px);

	transition:
		opacity .55s ease
		var(--aib-delay, 0ms),
		transform .55s
		cubic-bezier(.2,.7,.2,1)
		var(--aib-delay, 0ms);
}

.wma-aib-reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
}


/*
 * Animations.
 */

@keyframes wmaAibGridMove {

	from {
		background-position:
			0 0,
			0 0;
	}

	to {
		background-position:
			34px 34px,
			34px 34px;
	}

}

@keyframes wmaAibRadar {

	from {
		transform:
			translate(-50%, -50%)
			rotate(0deg);
	}

	to {
		transform:
			translate(-50%, -50%)
			rotate(360deg);
	}

}

@keyframes wmaAibPulseRing {

	0% {
		opacity: .65;
		transform: scale(.92);
	}

	75% {
		opacity: 0;
		transform: scale(1.25);
	}

	100% {
		opacity: 0;
		transform: scale(1.25);
	}

}

@keyframes wmaAibNodePulse {

	0% {
		box-shadow:
			0 0 0 0
			rgba(17,103,216,.28);
	}

	70% {
		box-shadow:
			0 0 0 7px
			rgba(17,103,216,0);
	}

	100% {
		box-shadow:
			0 0 0 0
			rgba(17,103,216,0);
	}

}

@keyframes wmaAibDataScan {

	0%,
	70% {
		transform:
			translateX(-100%);
	}

	100% {
		transform:
			translateX(100%);
	}

}


/*
 * Accessibility / performance.
 */

@media (prefers-reduced-motion: reduce) {

	.wma-aib-hero::before,
	.wma-aib-radar-sweep,
	.wma-aib-map-core::before,
	.wma-aib-map-core::after,
	.wma-aib-map-node::before,
	.wma-aib-snapshot::before {
		animation: none !important;
	}

	.wma-aib-map,
	.wma-aib-reveal {
		transition: none !important;
	}

	.wma-aib-reveal {
		opacity: 1 !important;
		transform: none !important;
	}

}


/*
 * Tablet/mobile: avoid excessive animated chrome.
 */

@media (max-width: 980px) {

	.wma-aib-hero::before {
		opacity: .55;
	}

	.wma-aib-map {
		transform: none !important;
	}

}

@media (max-width: 640px) {

	.wma-aib-radar-sweep {
		width: 240px;
		height: 240px;
	}

	.wma-aib-map-node {
		font-size: 12px;
	}

}


/* ==========================================================
   WMA AIB v4
   DECISION + PROOF + TECHNOLOGY
   ========================================================== */


/* ---------- HERO ---------- */

.wma-aib-hero {
	padding-top: 112px;
	padding-bottom: 104px;

	background:
		radial-gradient(
			circle at 79% 42%,
			rgba(21,112,236,.17),
			transparent 28%
		),
		radial-gradient(
			circle at 87% 15%,
			rgba(52,199,255,.12),
			transparent 21%
		),
		linear-gradient(
			120deg,
			#fbfdff 0%,
			#f5faff 52%,
			#edf7ff 100%
		);
}

.wma-aib-hero-grid {
	grid-template-columns:
		minmax(0,1.05fr)
		minmax(430px,.95fr);

	gap: 82px;
}

.wma-aib-map {
	min-height: 490px;

	border-color:
		rgba(48,123,203,.22);

	box-shadow:
		0 35px 90px
		rgba(22,68,111,.15);
}


/* system connection lines */

.wma-aib-map-links {
	position: absolute;

	z-index: 1;

	top: 50%;
	left: 50%;

	width: 1px;
	height: 1px;

	pointer-events: none;
}

.wma-aib-map-links i {
	position: absolute;

	left: 0;
	top: 0;

	width: 150px;
	height: 1px;

	transform-origin: 0 50%;

	background:
		linear-gradient(
			90deg,
			rgba(17,103,216,.56),
			rgba(17,103,216,.04)
		);

	opacity: .46;
}

.wma-aib-map-links i::after {
	content: "";

	position: absolute;

	top: -2px;
	right: 8%;

	width: 5px;
	height: 5px;

	border-radius: 50%;

	background: #1781e8;

	box-shadow:
		0 0 12px
		rgba(23,129,232,.65);

	animation:
		wmaAibPacket
		3.4s ease-in-out infinite;
}

.wma-aib-map-links i:nth-child(1) {
	transform: rotate(-146deg);
}

.wma-aib-map-links i:nth-child(2) {
	transform: rotate(-34deg);
}

.wma-aib-map-links i:nth-child(3) {
	transform: rotate(0deg);
}

.wma-aib-map-links i:nth-child(4) {
	transform: rotate(38deg);
}

.wma-aib-map-links i:nth-child(5) {
	transform: rotate(142deg);
}

.wma-aib-map-links i:nth-child(6) {
	transform: rotate(180deg);
}

.wma-aib-map-links i:nth-child(2)::after {
	animation-delay: .45s;
}

.wma-aib-map-links i:nth-child(3)::after {
	animation-delay: .90s;
}

.wma-aib-map-links i:nth-child(4)::after {
	animation-delay: 1.35s;
}

.wma-aib-map-links i:nth-child(5)::after {
	animation-delay: 1.80s;
}

.wma-aib-map-links i:nth-child(6)::after {
	animation-delay: 2.25s;
}


/* status chips */

.wma-aib-system-status {
	position: absolute;

	z-index: 6;

	top: 22px;
	right: 22px;

	display: flex;

	gap: 7px;
}

.wma-aib-system-status span {
	display: inline-flex;

	align-items: center;

	gap: 5px;

	padding: 6px 8px;

	border:
		1px solid
		rgba(17,103,216,.13);

	border-radius: 999px;

	background:
		rgba(255,255,255,.72);

	backdrop-filter:
		blur(8px);

	color: #526b82;

	font-size: 9px;
	font-weight: 850;
	letter-spacing: .09em;
}

.wma-aib-system-status i {
	width: 5px;
	height: 5px;

	border-radius: 50%;

	background: #2cc25a;

	box-shadow:
		0 0 0 3px
		rgba(44,194,90,.10);
}


/* ---------- DATA STRIP ---------- */

.wma-aib-snapshot {
	padding: 0;
}

.wma-aib-stat-grid {
	gap: 0;
}

.wma-aib-stat {
	grid-template-columns:
		minmax(150px,.55fr)
		1fr;

	gap: 20px;

	min-height: 120px;

	padding:
		27px 34px;
}

.wma-aib-stat + .wma-aib-stat {
	border-left:
		1px solid
		rgba(255,255,255,.13);
}

.wma-aib-stat-number {
	display: flex;

	flex-direction: column;
}

.wma-aib-stat-number small {
	margin-bottom: 7px;

	color: #7eb6e5;

	font-size: 8px;
	font-weight: 850;
	letter-spacing: .13em;
}

.wma-aib-stat-number strong {
	font-size: 41px;
	line-height: 1;
}


/* ---------- COST DECISION SYSTEM ---------- */

.wma-aib-cost-section {
	background:
		linear-gradient(
			180deg,
			#fff,
			#f7fbff
		);
}

.wma-aib-cost-heading {
	display: grid;

	grid-template-columns:
		minmax(0,1.2fr)
		minmax(300px,.8fr);

	gap: 70px;

	align-items: end;

	margin-bottom: 46px;
}

.wma-aib-cost-heading .wma-aib-intro {
	margin-bottom: 0;
}

.wma-aib-cost-formula {
	padding: 24px 25px;

	border:
		1px solid
		#dbe7f2;

	border-radius: 17px;

	background:
		linear-gradient(
			145deg,
			#ebf6ff,
			#fbfdff
		);
}

.wma-aib-cost-formula span {
	display: block;

	margin-bottom: 8px;

	color: var(--aib-blue);

	font-size: 10px;
	font-weight: 900;
	letter-spacing: .13em;
}

.wma-aib-cost-formula strong {
	font-size: 17px;
	line-height: 1.42;
}


.wma-aib-cost-path {
	display: grid;

	grid-template-columns:
		repeat(4,minmax(0,1fr));

	gap: 14px;
}

.wma-aib-cost-path article {
	position: relative;

	display: flex;

	flex-direction: column;

	min-height: 375px;

	padding: 27px;

	border:
		1px solid
		#dde7f0;

	border-radius: 18px;

	background: #fff;

	transition:
		transform .22s ease,
		box-shadow .22s ease,
		border-color .22s ease;
}

.wma-aib-cost-path article:hover {
	transform:
		translateY(-4px);

	border-color:
		rgba(17,103,216,.30);

	box-shadow:
		0 20px 50px
		rgba(26,67,107,.09);
}

.wma-aib-cost-top {
	display: flex;

	justify-content: space-between;
	align-items: center;

	margin-bottom: 31px;
}

.wma-aib-cost-top span {
	display: grid;

	place-items: center;

	width: 35px;
	height: 35px;

	border-radius: 11px;

	background: #edf5ff;

	color: var(--aib-blue);

	font-size: 11px;
	font-weight: 900;
}

.wma-aib-cost-top small {
	color: #27845b;

	font-size: 9px;
	font-weight: 900;
	letter-spacing: .08em;
}

.wma-aib-cost-path p {
	color: var(--aib-muted);

	font-size: 15px;
}

.wma-aib-cost-path ul {
	margin: 13px 0 24px;

	padding: 0;

	list-style: none;
}

.wma-aib-cost-path li {
	position: relative;

	padding:
		6px 0 6px 16px;

	color: #52677a;

	font-size: 13px;
}

.wma-aib-cost-path li::before {
	content: "";

	position: absolute;

	left: 0;
	top: 14px;

	width: 5px;
	height: 5px;

	border-radius: 50%;

	background: var(--aib-blue);
}

.wma-aib-cost-fit {
	margin-top: auto;

	padding-top: 17px;

	border-top:
		1px solid
		#e5edf4;

	color: #183b5e;

	font-size: 12px;
}


.wma-aib-cost-drivers {
	display: grid;

	grid-template-columns:
		.72fr
		1.28fr;

	gap: 55px;

	margin-top: 30px;

	padding: 35px;

	border-radius: 19px;

	background:
		var(--aib-blue-deep);

	color: #fff;
}

.wma-aib-cost-drivers h3 {
	margin-bottom: 0;

	color: #fff;
}

.wma-aib-cost-drivers .wma-aib-eyebrow {
	color: #82c5ff;
}

.wma-aib-driver-grid {
	display: grid;

	grid-template-columns:
		repeat(2,minmax(0,1fr));

	gap: 1px;

	background:
		rgba(255,255,255,.12);
}

.wma-aib-driver-grid span {
	display: grid;

	grid-template-columns:
		30px 1fr;

	gap: 8px;

	align-items: center;

	padding:
		14px 15px;

	background:
		var(--aib-blue-deep);

	color: #c9dced;

	font-size: 13px;
}

.wma-aib-driver-grid strong {
	color: #6ab8ff;

	font-size: 9px;
}


.wma-aib-cost-note {
	display: grid;

	grid-template-columns:
		.75fr
		1.4fr
		auto;

	gap: 24px;

	align-items: center;

	margin-top: 18px;

	padding: 22px 24px;

	border:
		1px solid
		#dbe6f0;

	border-radius: 14px;

	background: #fff;
}

.wma-aib-cost-note > strong {
	font-size: 15px;
}

.wma-aib-cost-note p {
	margin: 0;

	color: var(--aib-muted);

	font-size: 13px;
}

.wma-aib-cost-note a {
	white-space: nowrap;

	color: var(--aib-blue);

	font-size: 12px;
	font-weight: 850;
}


/* ---------- WMA PROOF ---------- */

.wma-aib-proof {
	background:
		linear-gradient(
			180deg,
			#f5faff,
			#fff
		);

	border-top:
		1px solid
		#e0eaf3;
}

.wma-aib-proof-head {
	display: grid;

	grid-template-columns:
		1.15fr
		.85fr;

	gap: 70px;

	align-items: end;

	margin-bottom: 45px;
}

.wma-aib-proof-head > p {
	margin-bottom: 0;

	color: var(--aib-muted);

	font-size: 17px;
}

.wma-aib-proof-grid {
	display: grid;

	grid-template-columns:
		repeat(3,minmax(0,1fr));

	gap: 16px;
}

.wma-aib-proof-card {
	position: relative;

	overflow: hidden;

	display: flex;

	flex-direction: column;

	min-height: 350px;

	padding: 30px;

	border:
		1px solid
		#dce7f0;

	border-radius: 20px;

	background: #fff;

	text-decoration: none !important;

	box-shadow:
		0 16px 45px
		rgba(22,61,98,.055);

	transition:
		transform .22s ease,
		box-shadow .22s ease,
		border-color .22s ease;
}

.wma-aib-proof-card::before {
	content: "";

	position: absolute;

	right: -80px;
	top: -90px;

	width: 220px;
	height: 220px;

	border-radius: 50%;

	background:
		radial-gradient(
			circle,
			rgba(25,113,221,.14),
			transparent 68%
		);
}

.wma-aib-proof-card--quantiq::before {
	background:
		radial-gradient(
			circle,
			rgba(90,82,232,.15),
			transparent 68%
		);
}

.wma-aib-proof-card--process::before {
	background:
		radial-gradient(
			circle,
			rgba(39,184,93,.14),
			transparent 68%
		);
}

.wma-aib-proof-card:hover {
	transform:
		translateY(-5px);

	border-color:
		rgba(17,103,216,.28);

	box-shadow:
		0 24px 55px
		rgba(22,61,98,.10);
}

.wma-aib-proof-code {
	display: flex;

	align-items: center;
	justify-content: space-between;
}

.wma-aib-proof-code span {
	display: grid;

	place-items: center;

	width: 35px;
	height: 35px;

	border-radius: 11px;

	background: #edf5ff;

	color: var(--aib-blue);

	font-size: 11px;
	font-weight: 900;
}

.wma-aib-proof-code small {
	color: #7890a6;

	font-size: 9px;
	font-weight: 900;
	letter-spacing: .12em;
}

.wma-aib-proof-card h3 {
	margin-top: 44px;

	font-size: 29px;
}

.wma-aib-proof-card p {
	color: var(--aib-muted);
}

.wma-aib-proof-card > strong {
	margin-top: auto;

	color: var(--aib-blue);

	font-size: 13px;
}

.wma-aib-proof-note {
	max-width: 900px;

	margin:
		29px auto 0;

	text-align: center;

	color: var(--aib-muted);

	font-size: 14px;
}


/* ---------- ROI DASHBOARD ---------- */

.wma-aib-calculator {
	border-radius: 18px;

	box-shadow:
		0 22px 60px
		rgba(31,68,103,.08);
}

.wma-aib-calc-results div {
	position: relative;
}

.wma-aib-calc-results div::after {
	content: "";

	position: absolute;

	right: 13px;
	top: 13px;

	width: 5px;
	height: 5px;

	border-radius: 50%;

	background: #39d179;

	box-shadow:
		0 0 0 4px
		rgba(57,209,121,.08);
}


/* ---------- CTA ---------- */

.wma-aib-final {
	position: relative;

	overflow: hidden;

	padding:
		108px 0;

	background:
		radial-gradient(
			circle at 50% 115%,
			rgba(17,103,216,.20),
			transparent 42%
		),
		linear-gradient(
			180deg,
			#f1f8ff,
			#fff
		);
}

.wma-aib-final::before {
	content: "";

	position: absolute;

	inset: 0;

	pointer-events: none;

	background-image:
		linear-gradient(
			rgba(17,103,216,.035) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(17,103,216,.035) 1px,
			transparent 1px
		);

	background-size:
		34px 34px;

	mask-image:
		linear-gradient(
			to bottom,
			transparent,
			#000,
			transparent
		);
}


/* ---------- ANIMATION ---------- */

@keyframes wmaAibPacket {

	0% {
		right: 90%;
		opacity: 0;
	}

	15% {
		opacity: 1;
	}

	75% {
		opacity: 1;
	}

	100% {
		right: 5%;
		opacity: 0;
	}

}


/* ---------- RESPONSIVE ---------- */

@media (max-width: 1080px) {

	.wma-aib-hero-grid {
		grid-template-columns:
			minmax(0,1fr)
			400px;

		gap: 50px;
	}

	.wma-aib-cost-path {
		grid-template-columns:
			repeat(2,minmax(0,1fr));
	}

	.wma-aib-proof-grid {
		grid-template-columns:
			repeat(2,minmax(0,1fr));
	}

	.wma-aib-proof-card:last-child {
		grid-column: 1 / -1;

		min-height: 270px;
	}

}


@media (max-width: 820px) {

	.wma-aib-hero-grid,
	.wma-aib-cost-heading,
	.wma-aib-cost-drivers,
	.wma-aib-proof-head {
		grid-template-columns: 1fr;
	}

	.wma-aib-map {
		max-width: 650px;
	}

	.wma-aib-stat {
		grid-template-columns:
			155px 1fr;
	}

	.wma-aib-stat + .wma-aib-stat {
		border-left: 0;

		border-top:
			1px solid
			rgba(255,255,255,.13);
	}

	.wma-aib-cost-note {
		grid-template-columns: 1fr;
	}

}


@media (max-width: 560px) {

	.wma-aib-hero {
		padding-top: 72px;
		padding-bottom: 78px;
	}

	.wma-aib-map {
		min-height: 365px;
	}

	.wma-aib-system-status {
		top: 15px;
		right: 15px;
	}

	.wma-aib-system-status span {
		padding: 5px 6px;

		font-size: 7px;
	}

	.wma-aib-stat {
		grid-template-columns: 1fr;

		gap: 7px;

		padding:
			23px 20px;
	}

	.wma-aib-cost-path,
	.wma-aib-proof-grid,
	.wma-aib-driver-grid {
		grid-template-columns: 1fr;
	}

	.wma-aib-proof-card:last-child {
		grid-column: auto;
	}

	.wma-aib-cost-path article,
	.wma-aib-proof-card {
		min-height: auto;
	}

}


@media (prefers-reduced-motion: reduce) {

	.wma-aib-map-links i::after {
		animation: none !important;
	}

}


/* ==========================================================
   WMA AIB v4.1 — FINAL TYPOGRAPHY + SPACING
   ========================================================== */


/* Main explanatory copy */

.wma-ai-business .wma-aib-intro {
	font-size: 18px;
	line-height: 1.65;
}


/* Cards / process / decision copy */

.wma-ai-business .wma-aib-card p,
.wma-ai-business .wma-aib-steps article p,
.wma-ai-business .wma-aib-decision-grid article p,
.wma-ai-business .wma-aib-cost-path article p,
.wma-ai-business .wma-aib-proof-card p {
	font-size: 15px;
	line-height: 1.65;
}


/* Cost bullets were too small */

.wma-ai-business .wma-aib-cost-path li {
	font-size: 14px;
	line-height: 1.55;
}


/* Cost explanatory note */

.wma-ai-business .wma-aib-cost-note {
	margin-top: 24px;
}

.wma-ai-business .wma-aib-cost-note p {
	font-size: 14px;
	line-height: 1.6;
}


/* WMA proof conclusion — give it real visual breathing room */

.wma-ai-business .wma-aib-proof-note {
	max-width: 900px;
	margin: 28px auto 0 !important;

	font-size: 15.5px;
	line-height: 1.65;
}


/* Notes immediately following major blocks */

.wma-ai-business .wma-aib-center-note,
.wma-ai-business .wma-aib-note {
	margin-top: 24px;

	font-size: 15px;
	line-height: 1.65;
}


/* ISTAT strip readability */

.wma-ai-business .wma-aib-stat-number small {
	font-size: 9px;
	line-height: 1.35;
}

.wma-ai-business .wma-aib-stat > span {
	font-size: 13px;
	line-height: 1.5;
}


/* Roadmap / implementation section */

.wma-ai-business .wma-aib-steps article {
	line-height: 1.55;
}

.wma-ai-business .wma-aib-steps article h3 {
	margin-bottom: 9px;
}


/* Small checklist / supporting copy */

.wma-ai-business .wma-aib-checklist span {
	font-size: 14px;
	line-height: 1.55;
}


/* Comparison / table readability */

.wma-ai-business table {
	font-size: 14px;
	line-height: 1.5;
}

.wma-ai-business table th,
.wma-ai-business table td {
	padding-top: 13px;
	padding-bottom: 13px;
}


/* FAQ: wider, centered and easier to scan */

.wma-ai-business .wma-aib-faq .wma-aib-container,
.wma-ai-business .wma-aib-faq .wma-aib-narrow {
	width: min(900px, calc(100% - 48px));
	max-width: 900px;

	margin-left: auto;
	margin-right: auto;
}

.wma-ai-business .wma-aib-faq summary,
.wma-ai-business .wma-aib-faq button {
	font-size: 15px;
	line-height: 1.45;
}


/* General supporting paragraphs that were visually too compressed */

.wma-ai-business .wma-aib-section-head > p:last-child {
	font-size: 17px;
	line-height: 1.65;
}


/* Mobile */

@media (max-width: 820px) {

	.wma-ai-business .wma-aib-faq .wma-aib-container,
	.wma-ai-business .wma-aib-faq .wma-aib-narrow {
		width: min(100% - 32px, 720px);
	}

	.wma-ai-business .wma-aib-intro {
		font-size: 17px;
	}

}


@media (max-width: 560px) {

	.wma-ai-business .wma-aib-card p,
	.wma-ai-business .wma-aib-steps article p,
	.wma-ai-business .wma-aib-decision-grid article p,
	.wma-ai-business .wma-aib-cost-path article p,
	.wma-ai-business .wma-aib-proof-card p {
		font-size: 15px;
	}

	.wma-ai-business .wma-aib-proof-note,
	.wma-ai-business .wma-aib-center-note,
	.wma-ai-business .wma-aib-note {
		margin-top: 24px !important;
	}

	.wma-ai-business .wma-aib-faq .wma-aib-container,
	.wma-ai-business .wma-aib-faq .wma-aib-narrow {
		width: min(100% - 24px, 500px);
	}

}