@charset "UTF-8";

@font-face {
  font-family: 'Zoho_Puvi_Regular';
  src: url("https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_regular.eot");
  src: url("https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_regular.eot") format("embedded-opentype"), url("https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_regular.woff2") format("woff2"), url("https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Zoho_Puvi_RegularItalic';
  src: url("https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_regular.eot");
  src: url("https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_regular.eot") format("embedded-opentype"), url("https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_regular.woff2") format("woff2"), url("https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_regular.otf") format("opentype");
  font-weight: 400;
  font-style: oblique;
  font-display: swap;
}
@font-face {
  font-family: 'Zoho_Puvi_Medium';
  src: url("https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_medium.eot");
  src: url("https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_medium.eot") format("embedded-opentype"), url("https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_medium.woff2") format("woff2"), url("https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_medium.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Zoho_Puvi_SemiBold';
  src: url("https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_semibold.eot");
  src: url("https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_semibold.eot") format("embedded-opentype"), url("https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_semibold.woff2") format("woff2"), url("https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_semibold.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Zoho_Puvi_SemiBoldItalic';
  src: url("https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_semibold.eot");
  src: url("https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_semibold.eot") format("embedded-opentype"), url("https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_semibold.woff2") format("woff2"), url("https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_semibold.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Zoho_Puvi_Bold';
  src: url("https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_bold.eot");
  src: url("https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_bold.eot") format("embedded-opentype"), url("https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_bold.woff2") format("woff2"), url("https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_bold.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Zoho_Puvi_ExtraBold';
  src: url("https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_extrabold.eot");
  src: url("https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_extrabold.eot") format("embedded-opentype"), url("https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_extrabold.woff2") format("woff2"), url("https://fonts.zohostatic.com/zohopuvi/3.5/zoho_puvi_extrabold.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
*+html .clearfix {
	display: inline-block;
}
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	margin: 0;
	font-size: 16px;
	font-family: 'Zoho_Puvi_Regular';
	color: #000;
	transition: 0.9s all ease;
	-webkit-transition: 0.9s all ease;
}
section *, .second-header *, .breadcrumb-wrapper * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article,
footer,
header,
section {
	display: block;
}
[hidden],
template {
	display: none;
}
a {
	background-color: transparent;
	text-decoration: none;
	color: #4CA9F5;
}
a:active,
a:hover {
	outline: 0;
	text-decoration: none;
}
abbr[title] {
	border-bottom: 1px dotted;
}
small {
	font-size: 80%;
}
sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}
sup {
	top: -.5em;
}
sub {
	bottom: -.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
hr {
	height: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
img {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}
p {
	margin: 0 0 25px;
	line-height: 1.6;
}
.text-center {
	text-align: center;
}
.space-large {
	height: 50px;
}
.space-medium {
	height: 25px;
}
ol,
ul {
	margin-top: 0;
	margin-bottom: 0;
	list-style-type: none;
	padding: 0;
}
strong {
	font-family: "Zoho_Puvi_SemiBold";
}
.rows:after,
.rows:before,
section:after,
section:before,
footer:after,
footer:before,
header:before,
header:after,
.container:before,
.container:after,
.containerMid:before,
.containerMid:after,
.clearfix:after,
.clearfix:before {
	display: table;
	content: "";
	clear: both;
}
.rows {
	margin-right: -10px;
	margin-left: -10px;
}
.container {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
}
.cols-1,
.cols-2,
.cols-3,
.cols-4,
.cols-5,
.cols-6,
.cols-7,
.cols-8,
.cols-9,
.cols-10,
.cols-11,
.cols-12 {
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
.cols-12 { width: 100%; }
.cols-11 { width: 91.66666667%; }
.cols-10 { width: 83.33333333%; }
.cols-9  { width: 75%; }
.cols-8  { width: 66.66666667%; }
.cols-7  { width: 58.33333333%; }
.cols-6  { width: 50%; }
.cols-5  { width: 41.66666667%; }
.cols-4  { width: 33.33333333%; }
.cols-3  { width: 25%; }
.cols-2  { width: 16.66666667%; }
.cols-1  { width: 8.33333333%; }
.cols-center {
	margin: 0 auto;
	float: none;
}
@media (max-width: 992px) {
	.cols-md-12 { width: 100%; }
	.cols-md-11 { width: 91.66666667%; }
	.cols-md-10 { width: 83.33333333%; }
	.cols-md-9  { width: 75%; }
	.cols-md-8  { width: 66.66666667%; }
	.cols-md-7  { width: 58.33333333%; }
	.cols-md-6  { width: 50%; }
	.cols-md-5  { width: 41.66666667%; }
	.cols-md-4  { width: 33.33333333%; }
	.cols-md-3  { width: 25%; }
	.cols-md-2  { width: 16.66666667%; }
	.cols-md-1  { width: 8.33333333%; }
	.md-hidden  { display: none; }
	.md-center  { text-align: center; }
}
@media (max-width: 650px) {
	.cols-sd-12 { width: 100%; }
	.cols-sd-11 { width: 91.66666667%; }
	.cols-sd-10 { width: 83.33333333%; }
	.cols-sd-9  { width: 75%; }
	.cols-sd-8  { width: 66.66666667%; }
	.cols-sd-7  { width: 58.33333333%; }
	.cols-sd-6  { width: 50%; }
	.cols-sd-5  { width: 41.66666667%; }
	.cols-sd-4  { width: 33.33333333%; }
	.cols-sd-3  { width: 25%; }
	.cols-sd-2  { width: 16.66666667%; }
	.cols-sd-1  { width: 8.33333333%; }
	.sd-hidden  { display: none; }
	.sd-center  { text-align: center; }
}
#MEAIAgents-HF #header-mainsec .headerinner.fixed {
	position: relative;
	top: auto;
}
.ai-agents-page {
	background: #fff;
	color: #16181d;
	font-family: "Zoho_Puvi_Regular";
	font-size: 16px;
	line-height: 1.65;
	letter-spacing: 0;
}

.ai-agents-page h1,
.ai-agents-page h2,
.ai-agents-page h3,
.ai-agents-page h4,
.ai-agents-page p,
.ai-agents-page ul,
.ai-agents-page ol {
	margin-top: 0;
}

.ai-agents-page h1,
.ai-agents-page strong,
.ai-agents-page b {
	font-family: "Zoho_Puvi_Bold";
	font-weight: 700;
}

.ai-agents-page h2,
.ai-agents-page h3,
.ai-agents-page h4 {
	font-family: "Zoho_Puvi_SemiBold";
	font-weight: 600;
	line-height: 1.2;
}

.ai-agents-page h1 {
	font-size: 3.5em;
	line-height: 1.08;
	letter-spacing: 0;
	margin-bottom: 24px;
}

.ai-agents-page h2 {
	font-size: 2.625em;
	letter-spacing: 0;
	margin-bottom: 18px;
}

.ai-agents-page h3 {
	font-size: 1.375em;
	letter-spacing: 0;
	margin-bottom: 12px;
}

.ai-agents-page h4 {
	font-size: 1.0625em;
	letter-spacing: 0;
	margin-bottom: 14px;
}

.ai-agents-page p {
	margin: 0;
}


.second-header.fixed-header {
	background:#002F8B;
	border-bottom: 1px solid rgba(255, 255, 255, 0.16);
	color: #fff;
	left: 0;
	top: 0;
	width: 100%;
}

.second-header.fixed-header.header-fixed {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.34);
	position: fixed;
	z-index: 9999;
}

.second-header .head-container {
	align-items: center;
	display: flex;
}

.brand-logo {
	align-items: center;
	display: flex;
	flex: 0 0 auto;
	height: 58px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.4s ease;
}

.second-header.fixed-header.header-fixed .brand-logo {
	opacity: 1;
	pointer-events: auto;
}

.brand-logo img {
	height: auto;
	width: 200px;
}

.nav-scroll {
	flex: 1 1 0;
	margin-left: 24px;
	min-width: 0;
	-ms-overflow-style: none;
	overflow-x: auto;
	scrollbar-width: none;
}

.nav-scroll::-webkit-scrollbar {
	display: none;
}

.nav-menu {
	list-style: none;
	margin-bottom: 0;
	padding: 0;
	text-align: right;
	white-space: nowrap;
}

.nav-menu li {
	display: inline-block;
	margin-left: 28px;
}

.nav-menu .searchbychar {
	color: rgba(255, 255, 255, 0.78);
	cursor: pointer;
	display: block;
	font-size: 0.875em;
	line-height: 55px;
	position: relative;
	transition: color 160ms ease;
	font-family: "Zoho_Puvi_Medium";
}

.nav-menu .searchbychar::after {
	background: #ffc538;
	bottom: 0;
	content: '';
	height: 3px;
	left: 0;
	position: absolute;
	transform: scaleX(0);
	transform-origin: var(--indicator-origin, left);
	transition: transform 0.3s ease;
	width: 100%;
}

.nav-menu .searchbychar:hover::after,
.nav-menu .searchbychar.active::after {
	transform: scaleX(1);
}

.nav-menu .searchbychar:hover,
.nav-menu .searchbychar.active {
	color: #fff;
}

.ai-agents-page .banner {
	background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1.5px, transparent 1.5px), linear-gradient(135deg, #0045d3 0%, #00224f 100%);
	background-size: 26px 26px, auto;
	color: #fff;
	overflow: hidden;
	position: relative;
}

.ai-agents-page .banner::after {
	background: radial-gradient(closest-side, rgba(88, 150, 255, 0.45), transparent 70%);
	border-radius: 50%;
	content: "";
	height: 480px;
	pointer-events: none;
	position: absolute;
	right: -140px;
	top: -160px;
	width: 480px;
}

.ai-agents-page .action-section::after {
	background: radial-gradient(closest-side, rgba(88, 150, 255, 0.4), transparent 70%);
	border-radius: 50%;
	content: "";
	height: 420px;
	pointer-events: none;
	position: absolute;
	right: -120px;
	width: 420px;
}

.banner > .container,
.action-section > .container {
	position: relative;
	z-index: 1;
}

.banner .rows {
	align-items: center;
	display: flex;
}

.banner-copy h1 {
	font-size: 3.875em;
	line-height: 1.1;
	margin-bottom: 22px;
}

.banner-copy p {
	color: rgba(255, 255, 255, 0.88);
	font-size: 1.15em;
	line-height: 1.6;
	margin-bottom: 36px;
}

.banner-art {
	text-align: right;
}

.banner-art img {
	height: auto;
	max-width: 640px;
	vertical-align: middle;
	width: 100%;
}

.ai-agents-page a {
	text-decoration: none;
}

.ai-agents-page .me-button,
.aai-popup-overlay .me-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 10px 20px;
	min-height: 40px;
	border-radius: 8px;
	border: 1.5px solid transparent;
	font-family: 'Zoho_Puvi_SemiBold';
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.01em;
	cursor: pointer;
	text-decoration: none;
	transition: background 160ms ease-out, color 160ms ease-out, border-color 160ms ease-out, box-shadow 160ms ease-out, transform 80ms ease-out;
	user-select: none;
}
.ai-agents-page .me-button:active,
.aai-popup-overlay .me-button:active {
	transform: translateY(1px);
}
.ai-agents-page .me-button.primary,
.aai-popup-overlay .me-button.primary {
	background: #de002b;
	color: #fff;
	border-color: #de002b;
	box-shadow: 0 1px 2px rgba(0,0,0,.06);
}
.ai-agents-page .me-button.primary:hover,
.aai-popup-overlay .me-button.primary:hover {
	background: #c30024;
	border-color: #c30024;
	box-shadow: 0 1px 3px rgba(0,0,0,.10), 0 1px 2px rgba(0,0,0,.06);
	cursor: pointer;
}
.ai-agents-page .me-button.primary:active,
.aai-popup-overlay .me-button.primary:active {
	background: #c30024;
	border-color: #c30024;
	box-shadow: none;
}
.ai-agents-page .me-button:focus-visible,
.aai-popup-overlay .me-button:focus-visible {
	outline: 2px solid #de002b;
	outline-offset: 2px;
}


.explore-btn {
	background: #ffc538;
	border: 2px solid #ffc538;
	border-radius: 6px;
	color: #000;
	cursor: pointer;
	display: inline-block;
	font-family: "Zoho_Puvi_SemiBold";
	font-size: 1em;
	line-height: 22px;
	padding: 13px 24px;
	transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.explore-btn:hover {
	background: #ffd568;
	border-color: #ffd568;
	transform: translateY(-2px);
}

section {
	padding: 120px 0;
	position: relative;
}

.domains-section {
	background-color: #fff;
	background-image: radial-gradient(rgba(16, 24, 40, 0.042) 1.5px, transparent 1.5px);
	background-size: 28px 28px;
}

.domains-section .section-heading {
	max-width: 900px;
	padding-bottom: 42px;
	position: relative;
}

.domains-section .section-heading::after {
	background: linear-gradient(to right, transparent, rgba(4, 92, 208, 0.45) 50%, transparent);
	bottom: 0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 100%;
}

.domains-layout {
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	margin-left: 0;
	margin-right: 0;
	margin-top: 42px;
}

.domains-layout > .domain-panels {
	flex: 3 1 440px;
	min-width: 0;
	padding-left: 44px;
}


.intro-section{padding: 100px 0;}

.efficiency-section {
	background: linear-gradient(to bottom, #fff 50%, #0a0a0a 50%);
	padding:0;
	position: relative;
	z-index: 2;
}

.efficiency-panel-body {
	background: #E9AC41;
	border-radius: 18px;
	box-shadow: 0 24px 50px rgba(250, 170, 30, 0.38);
	margin-left: 0;
	margin-right: 0;
	overflow: hidden;
	padding: 44px 56px;
	position: relative;
}

.efficiency-panel-body h2 {
	color: #1a1a1a;
	font-size: 2em;
	letter-spacing: -0.02em;
	line-height: 1.15;
	margin-bottom: 10px;
}

.efficiency-panel-body p {
	color: #3a3320;
	font-size: 1.0625em;
	line-height: 1.55;
	margin-bottom: 0;
}

.efficiency-pattern {
	bottom: 0;
	height: 100%;
	max-width: 100%;
	object-fit: cover;
	object-position: right bottom;
	pointer-events: none;
	position: absolute;
	right: 0;
	width: auto;
	opacity: 0.8;
}

.efficiency-panel-body::before {
	background: #D98C00;
	border-radius: 50%;
	bottom: -120px;
	content: "";
	filter: blur(56px);
	height: 240px;
	left: -40px;
	opacity: 0.45;
	pointer-events: none;
	position: absolute;
	width: 240px;
	z-index: 0;
}

.efficiency-copy {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 0;
	position: relative;
	z-index: 1;
}

.efficiency-cta {
	display: flex;
	margin-top: 8px;
}

.pillars-section {
	background: #0a0a0a;
	color: #fff;
	padding-top:100px;
}

.pillars-section > .container > h2 {
	margin-left: auto;
	margin-right: auto;
	max-width: 850px;
}

.pillar-card-list {
	align-items: stretch;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 22px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.pillar-card-list .pillar-card {
	flex: 0 0 calc(33.3333% - 15px);
	width: calc(33.3333% - 15px);
}
.pillar-card {
	display: flex;
	color: rgba(255, 255, 255, 0.8);
}

.pillar-card-inner {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 22px;
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 25px;
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.pillar-card-inner:hover {
	border-color: rgba(255, 255, 255, 0.28);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
	transform: translateY(-4px);
}

.pillar-card img {
	background: #101f38;
	border: 0;
	border-radius: 14px;
	display: block;
	height: 100%;
	margin: 0;
	object-fit: cover;
	width: 100%;
}

.pillar-media {
	background: rgba(255, 255, 255, 0.06);
	border-radius: 14px;
	margin-bottom: 22px;
	overflow: hidden;
	position: relative;
}

.pillar-card h3 {
	color: #fff;
	font-size: 1.3125em;
	letter-spacing: -0.01em;
	margin-bottom: 8px;
}

.pillar-card p {
	color: rgba(255, 255, 255, 0.76);
	font-size: 0.90625em;
	line-height: 1.6;
	margin-bottom: 0;
}
.pillar-card p a:hover {
	color: rgba(255, 255, 255, 0.76);
}

.section-heading {
	margin-left: auto;
	margin-right: auto;
	max-width: 920px;
}

.section-heading p {
	color: #5b6270;
	font-size: 1.0625em;
	margin-bottom: 0;
}

.domain-tabs {
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	background: rgba(16, 24, 40, 0.9);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	box-shadow: 0 22px 46px rgba(16, 24, 40, 0.22);
	flex: 1 1 250px;
	list-style: none;
	margin: 0;
	max-width: 340px;
	padding: 10px;
	position: sticky;
	top: 71px;
}

.domain-tabs li {
	border-radius: 6px;
	color: rgba(255, 255, 255, 0.72);
	cursor: pointer;
	font-family: "Zoho_Puvi_SemiBold";
	font-size: 1em;
	line-height: 1.3;
	margin-bottom: 3px;
	padding: 16px 34px 16px 18px;
	position: relative;
	transition: background 160ms ease, color 160ms ease;
}

.domain-tabs li::after {
	content: "\203A";
	font-size: 1.375em;
	line-height: 1;
	position: absolute;
	right: 17px;
	top: 14px;
}

.domain-tabs li:last-child {
	margin-bottom: 0;
}

.domain-tabs li:hover,
.domain-tabs li:focus,
.domain-tabs li.active {
	background: #045cd0;
	color: #fff;
	outline: none;
}

.domain-panels {
	padding-left: 46px;
}

.domain-panel {
	min-height: 620px;
}

.domain-panel .eyebrow {
	color: #045cd0;
	display: block;
	font-family: "Zoho_Puvi_SemiBold";
	font-size: 0.8125em;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.domain-panel h3 {
	font-size: 2em;
	max-width: 560px;
}

.domain-copy p {
	color: #515968;
	font-size: 0.9375em;
	line-height: 1.7;
	margin-bottom: 14px;
}

.agent-spotlight {
	border-top: 1px solid #d8dde6;
	margin-top: 19px;
	padding-top: 36px;
}

.agent-spotlight > h4 {
	color: #045cd0;
	font-family: "Zoho_Puvi_SemiBold";
	font-size: 0.6875em;
	letter-spacing: 0.16em;
	margin-bottom: 18px;
	text-transform: uppercase;
}

.agent-card-row {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.agent-card {
	background: #fff;
	border: 1px solid #dfe3ea;
	border-radius: 18px;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 10px 26px rgba(16, 24, 40, 0.07);
	display: flex;
	flex-direction: column;
	gap: 10px;
	grid-column: span 3;
	margin: 0;
	min-height: 0;
	padding: 26px;
	transition: border-color 170ms ease, box-shadow 170ms ease, transform 170ms ease;
	width: auto;
}

.agent-card:hover {
	border-color: rgba(4, 92, 208, 0.35);
	box-shadow: 0 2px 4px rgba(16, 24, 40, 0.05), 0 18px 40px rgba(16, 24, 40, 0.13);
	transform: translateY(-4px);
}

.agent-card h4 {
	font-size: 1.125em;
	line-height: 1.25;
	margin: 0;
}

.agent-card p {
	color: #515968;
	font-size: 0.90625em;
	line-height: 1.65;
	margin-bottom: 0;
}

.agent-card-featured {
	align-items: stretch;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 32px;
	grid-column: 1 / -1;
}

.agent-card-wide {
	grid-column: 1 / -1;
}

.agent-shot {
	background: #e5e7eb;
	border: 1px dashed #aab1bc;
	border-radius: 12px;
	flex: 1 1 56%;
	height: 220px;
	min-width: 0;
	overflow: hidden;
	position: relative;
}

.agent-shot > img {
	border-radius: 12px;
	display: block;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: left top;
}

.agent-shot > i {
	align-items: flex-end;
	background: transparent;
	border: 0;
	cursor: zoom-in;
	display: flex;
	font-size: 0;
	font-style: normal;
	inset: 0;
	justify-content: flex-end;
	padding: 10px;
	position: absolute;
	transition: background 150ms ease;
}

.agent-shot > i::after {
	background: rgba(255, 255, 255, 0.94) url("../images/image-preview.svg") center / 15px 15px no-repeat;
	border-radius: 9px;
	box-shadow: 0 2px 10px rgba(16, 24, 40, 0.25);
	content: "";
	display: block;
	flex-shrink: 0;
	height: 34px;
	width: 34px;
}

.agent-shot:hover > i {
	background: rgba(16, 24, 40, 0.16);
}

.agent-card-copy {
	display: flex;
	flex: 1 1 38%;
	flex-direction: column;
	gap: 10px;
	justify-content: center;
	min-width: 0;
}

.agent-card-featured h4 {
	font-size: 1.25em;
	line-height: 1.2;
}

.agent-card-featured p {
	font-size: 0.9375em;
}

.domain-cta {
	display: inline-block;
	white-space: normal;
}


.domain-cta-group {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-top: 40px;
}

.platform-section {
	background-image: radial-gradient(rgba(255, 255, 255, 0.04) 1.5px, transparent 1.5px), linear-gradient(160deg, rgb(0, 47, 139) 0%, rgb(0, 22, 52) 100%);
	background-size: 28px 28px, auto;
	color: #fff;
	overflow: hidden;
}

.ai-agents-page .action-section::after {
	bottom: -160px;
}

.platform-heading {
	max-width: 760px;
}

.platform-heading h2 {
	font-size: 2.875em;
	letter-spacing: -0.025em;
	line-height: 1.1;
	margin-bottom: 16px;
}

.platform-heading p {
	color: rgba(255, 255, 255, 0.82);
	font-size: 1.0625em;
	line-height: 1.7;
}

.platform-body {
	isolation: isolate;
	position: relative;
}

.platform-glow {
	background: radial-gradient(closest-side, rgba(255, 193, 71, 0.40), transparent 70%);
	border-radius: 50%;
	filter: blur(10px);
	height: min(520px, 90vw);
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 0;
	transform: translate(-50%, -10%);
	width: min(520px, 90%);
	z-index: 0;
}

.platform-core {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 0;
	margin-bottom: 8px;
	margin-top: 56px;
	position: relative;
	z-index: 1;
}

.platform-core-badge {
	align-items: center;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.07));
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 999px;
	box-shadow: 0 22px 50px rgba(0, 0, 0, 0.45);
	display: flex;
	gap: 16px;
	padding: 18px 30px 18px 22px;
	text-align: left;
}

.platform-core-badge > span {
	background: #ffc538;
	border-radius: 50%;
	color: #18181c;
	display: grid;
	font-family: "Zoho_Puvi_Bold";
	font-size: 0.9375em;
	height: 52px;
	letter-spacing: -0.02em;
	place-items: center;
	text-align: center;
	width: 52px;
}

.platform-core-badge > div {
	min-width: 0;
}

.platform-core-badge strong,
.platform-core-badge small {
	display: block;
}

.platform-core-badge strong {
	color: #fff;
	font-family: "Zoho_Puvi_SemiBold";
	font-size: 1.0625em;
	letter-spacing: -0.01em;
	line-height: 1.2;
}

.platform-core-badge small {
	color: rgba(255, 255, 255, 0.68);
	font-size: 0.8125em;
	font-weight: 600;
	margin-top: 2px;
}

.platform-connector {
	align-items: center;
	display: flex;
	flex-direction: column;
	width: 100%;
}

.platform-connector-stem {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0.12));
	height: 34px;
	width: 1px;
}

.platform-connector-line {
	background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.28), transparent);
	height: 1px;
	width: min(100%, 880px);
}

.platform-connector-lower-stem {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.28), transparent);
	height: 22px;
	width: 1px;
}

.platform-map {
	float: none;
	max-width: none;
	position: relative;
	width: 100%;
	z-index: 1;
}

.platform-row {
	display: flex;
	flex-wrap: wrap;
	gap: 22px;
	list-style: none;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}

.platform-card {
	display: flex;
	flex: 0 0 calc(25% - 16.5px);
	color: rgba(255, 255, 255, 0.76);
	min-width: 0;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
}

.platform-card-inner {
	background: linear-gradient(160deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.045));
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 18px;
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 12px;
	min-width: 0;
	padding: 26px;
	position: relative;
	transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.platform-card-inner:hover {
	background: linear-gradient(160deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.06));
	border-color: #ffc538;
	transform: translateY(-5px);
}

.platform-card-head {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 14px;
	min-width: 0;
}

.platform-card-head > span {
	min-width: 0;
}

.platform-card-head img {
	display: block;
	flex: 0 0 46px;
	height: 46px;
	margin: 0;
	object-fit: contain;
	width: 46px;
}

.platform-card h3 {
	color: #fff;
	font-size: 1.125em;
	letter-spacing: -0.01em;
	margin: 0;
}

.platform-label {
	color: #ffc538;
	display: block;
	font-family: "Zoho_Puvi_SemiBold";
	font-size: 0.65625em;
	letter-spacing: 0.14em;
	margin-bottom: 3px;
	text-transform: uppercase;
}

.platform-card p {
	font-size: 0.875em;
	line-height: 1.65;
	flex: 1;
	margin: 0;
}

.platform-link {
	color: #ffc538;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: "Zoho_Puvi_SemiBold";
	font-size: 0.78125em;
	font-weight: 700;
	letter-spacing: 0.04em;
	margin-top: auto;
	text-transform: uppercase;
}

.platform-link svg {
	flex-shrink: 0;
}

.platform-suite-label {
	align-items: center;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 24px;
	color: rgba(255, 255, 255, 0.76);
	display: flex;
	font-family: "Zoho_Puvi_SemiBold";
	font-size: 0.875em;
	font-weight: 600;
	justify-content: center;
	margin: 30px auto 0;
	max-width: max-content;
	padding: 14px 22px;
}

.value-section {
	background: linear-gradient(160deg, #dce8f8, #f4f8fe); 
	background: linear-gradient(160deg, color-mix(in oklch, #0045D3 12%, #fff), color-mix(in oklch, #0045D3 4%, #fff));
	overflow: hidden;
}

.value-section::before {
	background: radial-gradient(closest-side, #b2c6f0, transparent 72%);
	background: radial-gradient(closest-side, color-mix(in oklch, #0045D3 34%, #fff), transparent 72%);
	border-radius: 50%;
	content: "";
	filter: blur(20px);
	height: 420px;
	pointer-events: none;
	position: absolute;
	right: -80px;
	top: -140px;
	width: 420px;
}

.value-section::after {
	background: radial-gradient(closest-side, #faedc8, transparent 72%);
	background: radial-gradient(closest-side, color-mix(in oklch, #f5b544 30%, #fff), transparent 72%);
	border-radius: 50%;
	bottom: -160px;
	content: "";
	filter: blur(24px);
	height: 380px;
	left: -90px;
	pointer-events: none;
	position: absolute;
	width: 380px;
}

.value-heading {
	margin-left: 0;
	max-width: 820px;
}

.value-heading h2 {
	max-width: 780px;
}

.value-heading p {
	color: #525965;
	font-size: 1em;
	line-height: 1.7;
}

.value-row {
	display: block;
}

.value-list {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.value-card {
	display: flex;
	flex: 0 0 calc(33.333% - 16px);
	min-width: 0;
}

.value-card-inner {
	background: rgba(255, 255, 255, 0.82);
	border-radius: 16px;
	border-top: 4px solid #045cd0;
	box-shadow: 0 16px 38px rgba(16, 24, 40, 0.10);
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 30px;
	text-align: left;
	transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.value-card-inner:hover {
	border-color: #aabde5;
	border-color: color-mix(in oklch, #0045D3 28%, #ECECEC);
	box-shadow: 0 2px 4px rgba(16, 24, 40, 0.05), 0 18px 40px rgba(16, 24, 40, 0.13);
	transform: translateY(-4px);
}

.value-card img {
	display: block;
	height: 52px;
	margin-bottom: 16px;
	object-fit: contain;
	object-position: left center;
	width: 52px;
}

.value-card h3 {
	font-size: 1.1875em;
	margin-bottom: 12px;
}

.value-card p {
	color: #515968;
	font-size: 0.9375em;
	line-height: 1.62;
	margin-bottom: 0;
}

.build-section {
	background: #f5f5f5;
}

.build-section .section-heading {
	max-width: 680px;
}

.build-steps {
	list-style: none;
	margin-top: 8px;
	padding: 0;
}

.build-step {
	margin-left: 0;
	padding-top: 0;
	position: relative;
	width: 20%;
}

.build-step:not(:last-child)::after {
	background: #dfe2e8;
	content: "";
	height: 1px;
	left: 54px;
	position: absolute;
	right: -10px;
	top: 22px;
	z-index: 0;
}

.build-step span {
	background: #0045D3;
	border-radius: 50%;
	color: #fff;
	display: grid;
	font-family: "Zoho_Puvi_SemiBold";
	font-size: 1.125em;
	height: 44px;
	margin-bottom: 18px;
	place-items: center;
	position: relative;
	width: 44px;
	z-index: 1;
}

.build-step h3 {
	font-size: 1.0625em;
	margin-bottom: 8px;
}

.build-step p {
	color: #52545a;
	font-size: 0.875em;
	line-height: 1.55;
}

.build-cta {
	margin-top: 44px;
}


.ai-agents-page .action-section {
	background-image: radial-gradient(rgba(255, 255, 255, 0.045) 1.5px, transparent 1.5px), linear-gradient(135deg, #0045d3 0%, #00224f 100%);
	background-size: 26px 26px, auto;
	color: #fff;
	overflow: hidden;
	padding: 80px 0;
}

.action-section .container {
	max-width: 1050px;
}

.action-row {
	display: flex;
	align-items: center;
	gap: 32px;
}

.action-row > [class*="cols-"] {
	float: none;
	padding: 0;
	width: auto;
}

.action-row > div:first-child {
	flex: 1 1 auto;
	max-width: none;
	min-width: 0;
}

.action-row h2 {
	font-family: "Zoho_Puvi_Bold";
	font-size: 2.75em;
	font-weight: 700;
	line-height: 1.1;
	margin: 0;
}

.action-links {
	align-items: center;
	display: flex;
	flex: 0 0 444px;
	flex-wrap: nowrap;
	gap: 12px;
}



.faq-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.faq-section h2 + .space-medium {
	height: 44px;
}

.faq-item {
	background: #fff;
	border: 1px solid #e2e4e8;
	border-radius: 8px;
	overflow: hidden;
	transition: background-color 240ms ease, border-color 240ms ease;
}

.faq-item.active {
	background: #f4f4f4;
	border-color: #f4f4f4;
}

.faq-question {
	background: transparent;
	border: 0;
	color: #16181d;
	cursor: pointer;
	font-family: "Zoho_Puvi_SemiBold";
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 1.0625em;
	justify-content: space-between;
	line-height: 1.3;
	padding: 17px 20px;
	text-align: left;
	width: 100%;
}

.faq-question::after {
	border-bottom: 1.5px solid currentColor;
	border-right: 1.5px solid currentColor;
	color: #62666d;
	content: "";
	flex-shrink: 0;
	height: 7px;
	transform: rotate(45deg);
	transition: color 220ms ease, transform 280ms ease;
	width: 7px;
}

.faq-item.active .faq-question::after {
	color: #045cd0;
	transform: rotate(225deg);
}

.faq-answer {
	color: #515968;
	display: none;
	overflow: hidden;
	padding: 0 56px 20px 20px;
}

.faq-answer p {
	font-size: 0.875em;
	line-height: 1.55;
	margin: 0;
}
.faq-answer p a:hover {
	color: #515968;
}


.ai-agents-page [data-reveal] {
	opacity: 0;
	transform: translateY(18px);
	transition: opacity 520ms ease var(--reveal-delay, 0ms), transform 520ms ease var(--reveal-delay, 0ms);
}

.ai-agents-page [data-reveal].is-in {
	opacity: 1;
	transform: translateY(0);
}

.ai-agents-page .agent-card:hover {
	transform: translateY(-4px);
}

.ai-agents-page .platform-card-inner:hover {
	transform: translateY(-5px);
}


.agent-lightbox {
	background: rgba(10, 12, 20, 0.82);
	inset: 0;
	position: fixed;
	z-index: 99999;
}

.agent-lightbox[hidden] {
	display: none;
}

.agent-lightbox-frame {
	left: 50%;
	max-height: 80vh;
	max-width: 80vw;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.agent-lightbox-img {
	border-radius: 10px;
	box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55);
	display: block;
	height: auto;
	max-height: 80vh;
	max-width: 80vw;
	width: auto;
}

.agent-lightbox-close {
	background: #fff;
	border: none;
	border-radius: 50%;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
	color: #101828;
	cursor: pointer;
	font-size: 1.25em;
	height: 34px;
	line-height: 1;
	position: fixed;
	right: 20px;
	top: 20px;
	width: 34px;
	z-index: 100000;
}

.agent-lightbox-close {
	transition: background 160ms ease, transform 360ms ease;
}

.agent-lightbox-close:hover {
	background: #f2f4f7;
	transform: rotate(360deg);
}

.aai-popup-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.65);
	z-index: 99999;
	display: none;


	justify-content: center;
	padding: 20px;
	box-sizing: border-box;
	overflow-y: auto;
}

.aai-popup-stage {
	width: 100%;
	max-width: 760px;
	margin: auto;
}

.aai-popup-card {
	position: relative;
	background: #fff;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.25);
	box-sizing: border-box;
}

.aai-popup-header {
	position: relative;
	background: #0045D3;
	padding: 28px 60px;
	text-align: center;
}

.aai-popup-title {
	font-family: 'Zoho_Puvi_Bold';
	font-size: 1.75em;
	color: #fff;
	margin: 0;
	line-height: 1.25;
}

.aai-popup-close {
	position: absolute;
	top: 23px;
	right: 8px;
	transform: translateY(-50%);
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: none;
	background: rgba(255, 255, 255, 0.15);
	color: #fff;
	font-size: 1.25em;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	outline: none;
	transition: background 0.2s ease, transform 0.2s ease;
}
.aai-popup-close:hover { background: rgba(255, 255, 255, 0.28); transform: translateY(-50%) rotate(90deg); }

.aai-popup-body {
	padding: 36px 52px 40px;
}

.aai-form-rows {
	display: flex;
	gap: 24px;
	margin-bottom: 20px;
}
.aai-form-col { flex: 1; }
.aai-form-col-full { flex: 0 0 100%; width: 100%; }

.aai-form-label {
	display: block;
	font-family: 'Zoho_Puvi_Medium';
	font-size: 0.875em;
	color: #000;
	margin-bottom: 6px;
	line-height: 1.2;
}
.aai-sup { color: #ff0000; font-size: 0.85em; margin-left: 2px; }

.aai-form-control {
	position: relative;
	background: #fff;
	border-radius: 6px;
	height: 46px;
	border: 1px solid #014DFF;
	box-sizing: border-box;
}
.aai-form-control input,
.aai-form-control select,
.aai-form-control textarea {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	outline: none;
	background: transparent;
	font-family: 'Zoho_Puvi_Regular';
	font-size: 0.9375em;
	color: #333;
	padding: 0 14px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.aai-form-control select {
	background: url('https://www.manageengine.com/images/arrow.png') no-repeat 97% center !important;
	cursor: pointer;
	padding-right: 32px;
}
.aai-form-control-textarea { height: 88px; }
.aai-form-control textarea { padding: 12px 14px; resize: none; }
.aai-form-control-date input {
	background: url('https://www.manageengine.com/images/calendar-icon.svg') no-repeat calc(100% - 12px) center / 16px 16px !important;
	padding-right: 36px;
	cursor: pointer;
}

.aai-error { display: none; }
.aai-form-control .aai-error {
	position: absolute;
	bottom: -9px;
	left: 12px;
	background: #ffffff;
	padding: 0 5px;
	font-size: 0.75em;
	color: #FF0000;
	line-height: 1.4;
	z-index: 8;
	white-space: nowrap;
}

.aai-callback-text {
	font-size: 0.8125em;
	color: #666;
	margin: -12px 0 20px;
	line-height: 1.4;
}

.aai-form-privacy {
	font-size: 0.9em;
	color: #000;
	margin: 4px 0 20px;
	line-height: 1.5;
	text-align: center;
}
.aai-form-privacy a {color: #024dff;text-decoration: underline; text-underline-offset: 2px; }
.aai-form-privacy a:hover { text-decoration: none;color: #000; }

#aaiPopup #meGDPRMessage {
	color: #333;
	font-size: 0.9em;
	line-height: 1.5;
	margin: 0 auto;
	text-align: center;
	cursor: pointer;
	margin:0;
	width:100%;
}
#aaiPopup #meGDPRMessage label { display: block; text-align: center; cursor: pointer; }
#aaiPopup #meGDPRMessage a { color: #333; text-decoration: underline; text-underline-offset: 2px; }
#aaiPopup #meGDPRMessage a:hover { text-decoration: none; }
#aaiPopup #meGDPRMessage label .checkmarkgdpr {
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
	width: 14px;
	height: 14px;
	border-radius: 3px;
	border: 2px solid #014DFF;
	background: transparent;
	position: relative;
	-webkit-transition: background 0.2s ease, border-color 0.2s ease;
	transition: background 0.2s ease, border-color 0.2s ease;
}
#aaiPopup #meGDPRMessage label .checkmarkgdpr::before { display: none !important; }
#aaiPopup #meGDPRMessage label .checkmarkgdpr::after {
	content: '';
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3px;
	height: 7px;
	border: 2px solid #fff;
	border-width: 0 2px 2px 0;
	-webkit-transform: translate(-50%, -60%) rotate(45deg);
	transform: translate(-50%, -60%) rotate(45deg);
}
#aaiPopup #meGDPRMessage label .checkmarkgdpr.enableCheckgdpr { background: #014DFF; border-color: #014DFF; }
#aaiPopup #meGDPRMessage label .checkmarkgdpr.enableCheckgdpr::after { display: block; }

.aai-form-submit-wrap { text-align: center; }

.aai-form-btn {
	justify-content: center;
}

.aai-success-overlay {
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: rgba(0, 0, 0, 0.65);
	z-index: 999999;
	display: none; 
}

.aai-success-stage {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: calc(100% - 40px);
	max-width: 760px;
	padding-top: 62px;
	box-sizing: border-box;
}

.aai-success-card {
	position: relative;
	background: -webkit-linear-gradient(top, #003299 0%, #0087e2 100%);
	background: linear-gradient(180deg, #003299 0%, #0087e2 100%);
	border-radius: 12px;
	padding: 90px 56px 64px;
	text-align: center;
	-webkit-box-shadow: 0 24px 60px -20px rgba(0,50,153,0.45);
	box-shadow: 0 24px 60px -20px rgba(0,50,153,0.45);
}

.aai-success-badge {
	position: absolute;
	top: 0; left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 124px; height: 124px;
	border-radius: 50%;
	background: #003299;
	padding: 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-shadow: 0 6px 0 -2px #002577, 0 14px 30px -10px rgba(0,51,153,0.55);
	box-shadow: 0 6px 0 -2px #002577, 0 14px 30px -10px rgba(0,51,153,0.55);
	z-index: 2;
}
.aai-success-badge::before {
	content: '';
	position: absolute;
	top: 4px; right: 4px; bottom: 4px; left: 4px;
	border-radius: 50%;
	background: -webkit-linear-gradient(top, #003299 0%, #0187e2 100%);
	background: linear-gradient(180deg, #003299 0%, #0187e2 100%);
}
.aai-success-badge img { position: relative; z-index: 1; width: 50%; height: auto; }

.aai-success-close {
	position: absolute;
	top: 16px; right: 20px;
	font-size: 1.125em;
	color: rgba(255,255,255,0.7);
	cursor: pointer;
	font-family: 'Zoho_Puvi_SemiBold';
	line-height: 1;
	z-index: 3;
}
.aai-success-close:hover { color: #fff; }

.aai-success-headline {
	font-family: 'Zoho_Puvi_Bold';
	font-size: 1.875em;
	color: #fff;
	line-height: 1.35;
	margin: 0 auto 44px;
	max-width: 640px;
}

.aai-success-info {
	background: #0151b4;
	border-radius: 8px;
	padding: 48px 40px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.aai-success-info p { margin: 0; color: #fff; font-family: 'Zoho_Puvi_Regular'; font-size: 1.375em; line-height: 1.45; text-align: center; }


.aai-form-control::before,
.aai-form-control::after {
	box-sizing: inherit;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border: 2px solid transparent;
	border-radius: 6px;
	pointer-events: none;
	z-index: 1;
}
.aai-form-control::before { top: -1px; left: -1px; }
.aai-form-control::after  { bottom: -1px; right: -1px; }
.aai-form-control.aai-active::before {
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	border-top-color: #5b8ef0;
	border-right-color: #5b8ef0;
	-webkit-transition: width 0.15s ease-out, height 0.15s ease-out 0.15s;
	transition: width 0.15s ease-out, height 0.15s ease-out 0.15s;
}
.aai-form-control.aai-active::after {
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	border-bottom-color: #5b8ef0;
	border-left-color: #5b8ef0;
	-webkit-transition: border-color 0s ease-out 0.3s, width 0.15s ease-out 0.3s, height 0.15s ease-out 0.45s;
	transition: border-color 0s ease-out 0.3s, width 0.15s ease-out 0.3s, height 0.15s ease-out 0.45s;
}

.aai-form-control-select.aai-uscountry {
	height: auto;
	background: transparent;
	border-color: transparent;
}
.aai-form-control-select.aai-uscountry .usukstate {
	display: block !important;
	color: #000;
	font-family: 'Zoho_Puvi_Medium';
	font-size: 0.875em;
	margin: 10px 0 5px;
}
.aai-form-control-select.aai-uscountry::before,
.aai-form-control-select.aai-uscountry::after { display: none; }
.aai-form-control-select.aai-uscountry select#aai-country {
	display: block;
	height: 46px;
	border-radius: 6px;
	border: 2px solid #5b8ef0 !important;
	background: url('https://www.manageengine.com/images/arrow.png') no-repeat 97% center #fff !important;
	opacity: 1;
}
.aai-form-control-select.aai-uscountry select#country_state,
.aai-form-control-select.aai-uscountry select#ukcountry_region {
	display: block;
	width: 100%;
	height: 46px;
	border-radius: 6px;
	border: 2px solid #5b8ef0;
	background: url('https://www.manageengine.com/images/arrow.png') no-repeat 97% center #fff !important;
	padding: 0 36px 0 14px;
	font-family: 'Zoho_Puvi_Regular';
	font-size: 0.875em;
	color: #333;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	cursor: pointer;
	margin-top: 8px;
}


@media (prefers-reduced-motion: reduce) {
	.ai-agents-page [data-reveal] {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.faq-item,
	.faq-answer,
	.faq-question::after {
		transition: none;
	}
}

@media only screen and (min-width: 1101px) {
	.action-row h2 {
		white-space: nowrap;
	}
}

@media only screen and (max-width: 1300px) {
	.container,
	.containerMid,.action-section .container{
		max-width: 90%;
		padding: 0;
	}
}

@media only screen and (max-width: 1200px) {
	.efficiency-panel-body .cols-7 {
		width: 100%;
		text-align: center;
	}

	.efficiency-panel-body .efficiency-cta {
		justify-content: center;
	}

	.efficiency-pattern {
		display: none;
	}
}

@media only screen and (max-width: 1100px) {
	.ai-agents-page .action-section{padding: 60px 0;}
	.action-row {
		align-items: center;
		flex-direction: column;
		gap: 0;
		text-align: center;
	}

	.action-row h2 {
		font-size: 2.25em;
	}

	.action-links {
		flex: none;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		margin-top:30px;
	}

	.platform-card {
		flex: 0 0 calc(50% - 11px);
	}
}

@media only screen and (max-width: 1024px) {
	#commonHeader {
		display: none;
		height: 64px;
		min-height: 64px;
	}
	.brand-logo img{width: 160px;}
	.second-header.fixed-header {
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.34);
		position: fixed;
		z-index: 9999;
	}

	.brand-logo {
		opacity: 1;
		pointer-events: auto;
	}

	.nav-scroll {
		overflow-x: auto;
	}

	.ai-agents-page .banner {
		margin-top:50px;
	}

	.build-steps {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-left: 0;
		margin-right: 0;
	}

	.build-steps::before,
	.build-steps::after {
		display: none;
	}

	.build-step {
		box-sizing: border-box;
		flex: 0 0 33.333%;
		float: none;
		margin-bottom: 30px;
		width: 33.333%;
	}

	.build-step::after {
		display: none;
	}
}

@media only screen and (max-width: 992px) {
	.ai-agents-page h1 { font-size: 2.75em; }
	.ai-agents-page h2 { font-size: 2.1875em; }

	section {
		padding: 80px 0;
	}
	.intro-section{padding: 60px 0;}
	.nav-menu li {
		margin-left: 18px;
	}

	.banner .rows {
		display: block;
	}

	.banner-copy,
	.banner-art {
		text-align: center;
	}

	.banner-copy h1 {
		line-height: 1.3;
	}


	.pillar-card-list .pillar-card {
		flex: 0 1 calc(50% - 11px);
		width: calc(50% - 11px);
	}

	.efficiency-panel-body {
		padding: 36px 42px;
	}

	.efficiency-panel-body h2 {
		font-size: 1.625em;
	}

	.agent-spotlight {
		padding-top: 24px;
	}

	.agent-card-row {
		grid-template-columns: 1fr;
	}

	.agent-card {
		grid-column: 1 / -1;
		padding: 20px;
	}

	.agent-card-featured {
		flex-direction: column;
		gap: 0;
		grid-column: 1 / -1;
	}

	.agent-shot {
		flex: none;
		width: 100%;
	}

	.agent-card-copy {
		flex: none;
		padding: 20px;
		width: 100%;
	}

	.domain-cta-group {
		margin-top: 28px;
	}

	.platform-heading h2 {
		font-size: 2.1875em;
	}

	.platform-core {
		margin-top: 40px;
	}

	.platform-card-inner {
		padding: 20px;
	}

	.platform-suite-label {
		margin-top: 20px;
	}

	.value-list {
		justify-content: center;
		gap: 20px;
	}

	.value-card {
		flex: 0 0 calc(50% - 10px);
	}

	.action-row h2 {
		font-size: 2.25em;
	}

	.faq-section h2 + .space-medium {
		height: 34px;
	}
	.ai-agents-page .cols-6:first-child p {
		margin-bottom: 25px;
	}
	.banner-art img{margin:50px auto 0;}
}

@media only screen and (max-width: 800px) {
	.action-links {
		flex: none;
		flex-wrap: wrap;
		width: 100%;
	}
}

@media only screen and (max-width: 766px) {

	.domains-layout > .domain-panels {
		padding-left: 0;
	}

	.domain-tabs {
		flex-basis: 100%;
		margin-bottom: 28px;
		max-width: none;
		position: static;
	}
	.domain-cta-group{justify-content: center;}

}

@media only screen and (max-width: 650px) {
	.cols-sd-12 {
		float: none;
		width: 100%;
	}

	.ai-agents-page h1 { font-size: 2.533em; }
	.ai-agents-page h2 { font-size: 2em; }

	.nav-menu li {
		margin-left: 14px;
	}

	.nav-menu .searchbychar {
		line-height: 45px;
	}

	.banner-copy p {
		font-size: 1.133em;
	}

	.banner-art img {
		max-width: 100%;
		width: 100%;
	}
	.pillars-section {
		margin-top: -75px;
		padding: 155px 0 80px;
	}


	.efficiency-panel-body {
		padding: 34px 28px;
	}

	.efficiency-panel-body h2 {
		font-size: 1.5em;
	}

	.faq-section h2 + .space-medium {
		height: 28px;
	}

	.pillar-card-list {
		flex-direction: column;
		flex-wrap: nowrap;
		gap: 22px;
	}

	.pillar-card {
		width: 100%;
	}

	.pillar-card-list .pillar-card {
		flex: 0 1 auto;
		width: 100%;
	}

	.pillar-card img {
		height: auto;
	}

	.pillar-card-inner {
		flex: 1;
	}

	.domain-tabs {
		flex-basis: 100%;
		margin-bottom: 28px;
		max-width: none;
		position: static;
	}

	.domain-panels {
		flex-basis: 100%;
		padding-left: 0;
	}

	.domain-panel {
		min-height: 0;
	}

	.domain-panel h3 {
		font-size: 1.8em;
	}

	.agent-card-row {
		grid-template-columns: 1fr;
	}

	.agent-card {
		float: none;
		grid-column: 1 / -1;
		margin-left: 0;
		margin-right: 0;
		min-height: 0;
		width: 100%;
	}

	.agent-card-featured {
		grid-column: 1 / -1;
	}

	.agent-card-wide {
		grid-column: 1 / -1;
	}

	.domain-tabs li {
		font-size: 0.9375em;
		padding: 14px 32px 14px 16px;
	}

	.platform-card {
		flex: 0 0 100%;
	}

	.value-list {
		gap: 18px;
		flex-direction: column;
	}

	.value-card {
		flex: 0 0 100%;
	}

	.build-steps {
		flex-direction: column;
		justify-content: flex-start;
		margin-left: 0;
		margin-right: 0;
	}

	.build-step {
		flex: 0 0 auto;
		float: none;
		margin-bottom: 0;
		margin-left: 0;
		padding-bottom: 24px;
		padding-left: 60px;
		width: 100%;
	}

	.build-step::after {
		display: none;
	}

	.build-step span {
		float: left;
		margin-left: -60px;
	}

	.action-row > div:first-child {
		flex: none;
	}

	.action-links a {
		margin: 0;
	}

	.action-button {
		width: 100%;
	}

	.faq-question {
		font-size: 1em;
		padding: 16px 42px 16px 16px;
	}

	.faq-question::after {
		right: 17px;
	}

	.faq-answer {
		padding-left: 16px;
		padding-right: 42px;
	}

	.faq-answer p {
		font-size: 0.9em;
	}

	.aai-popup-header { padding: 22px 52px; }
	.aai-popup-body { padding: 28px 20px 32px; }
	.aai-form-rows { flex-direction: column; gap: 20px; }
	.aai-popup-title { font-size: 1.375em; }
	.aai-success-stage { padding-top: 54px; }
	.aai-success-card { padding: 80px 36px 48px; }
	.aai-success-badge { width: 108px; height: 108px; }
	.aai-success-headline { font-size: 1.5em; margin-bottom: 32px; }
	.aai-success-info { padding: 36px 28px; }
	.aai-success-info p { font-size: 1.125em; }
}

@media only screen and (max-width: 480px) {
	.aai-success-stage    { padding-top: 44px; width: 90%; }
	.aai-success-card     { padding: 60px 20px 36px; border-radius: 10px; }
	.aai-success-badge    { width: 88px; height: 88px; }
	.aai-success-headline { font-size: 1.125em; margin-bottom: 20px; }
	.aai-success-info     { padding: 24px 16px; }
	.aai-success-info p   { font-size: 1em; }
}

@media only screen and (max-width: 450px) {
	.domain-cta-group {
		justify-content: center;
		text-align: center;
	}
}


.datepicker { display: none; position: absolute; z-index: 999999; border-radius: 10px; box-shadow: 0 8px 32px rgba(0,0,0,0.18); overflow: hidden; font-family: 'Zoho_Puvi_Regular'; }
.datepicker>.datepicker_header { padding: 12px 8px 10px; background: #0152f6; color: #fff; text-align: center; font-family: 'Zoho_Puvi_SemiBold'; font-size: 0.9375em; min-height: 44px; -webkit-user-select: none; -moz-user-select: none; user-select: none; position: relative; display: flex; align-items: center; justify-content: center; }
.datepicker>.datepicker_header>span { display: inline-block; margin: 0 12px; }
.datepicker>.datepicker_header>a { color: rgba(255,255,255,0.85); cursor: pointer; font-size: 1.125em; padding: 4px 12px; -webkit-user-select: none; -moz-user-select: none; user-select: none; border-radius: 6px; -webkit-transition: background 0.18s; transition: background 0.18s; }
.datepicker>.datepicker_header>a:hover { color: #fff; background: rgba(255,255,255,0.18); }
.datepicker>.datepicker_header>.icon-home { left: 4px; }
.datepicker>.datepicker_header>.icon-close { right: 4px; }
.datepicker>.datepicker_inner_container { margin: 0; background: #fff; border-radius: 0 0 10px 10px; }
.datepicker>.datepicker_inner_container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.datepicker>.datepicker_inner_container>.datepicker_calendar { float: left; width: 18.3em; margin: 0; background: #fff; border: none; border-radius: 0 0 10px 10px; }
.datepicker>.datepicker_inner_container>.datepicker_calendar>table { padding: 10px 12px 12px; width: 100%; }
.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tr>th { color: #0152f6; font-family: 'Zoho_Puvi_SemiBold'; font-size: 0.75em; width: 20px; text-align: center; padding: 6px 2px; letter-spacing: 0.5px; }
.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tr>td { color: #1a1a1a; font-family: 'Zoho_Puvi_Regular'; font-size: 0.8125em; text-align: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: pointer; padding: 8px; border-radius: 6px; -webkit-transition: background 0.15s, color 0.15s; transition: background 0.15s, color 0.15s; }
.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tr>td.today { background: rgba(1,82,246,0.08); color: #0152f6; font-family: 'Zoho_Puvi_SemiBold'; }
.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tr>td.day_in_past,
.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tr>td.day_in_unallowed,
.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tr>td.out_of_range,
.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tr>td.day_another_month { cursor: default; color: #c8c8c8; background: transparent; }
.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tr>td.active { color: #fff; background: #0152f6; font-family: 'Zoho_Puvi_SemiBold'; border-radius: 6px; }
.datepicker>.datepicker_inner_container>.datepicker_calendar>.datepicker_table>tr>td.hover { color: #0152f6; background: rgba(1,82,246,0.1); }
.datepicker>.datepicker_inner_container>.datepicker_timelist { float: left; margin-top: 0; padding: 6px 0; overflow: auto; overflow-x: hidden; background: #f5f7ff; border-left: 1px solid #e0e6f0; border-radius: 0 0 10px 0; text-align: right; width: 5em; }
.datepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item { padding: 6px 10px; margin: 2px 4px; font-size: 0.75em; font-family: 'Zoho_Puvi_Regular'; -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: pointer; border-radius: 4px; -webkit-transition: background 0.15s; transition: background 0.15s; }
.datepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item.active { color: #fff; background: #0152f6; }
.datepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item.hover { color: #0152f6; background: rgba(1,82,246,0.1); }
.datepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item.time_in_past,
.datepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item.out_of_range { cursor: default; color: #ccc; }