@import url("icons/font-awesome.css"); /* Ref: https://fontawesome.com/search?o=r&m=free */
@import url("icons/bootstrap-icons.css"); /* Ref: https://icons.getbootstrap.com/#icons */
@import url("icons/unicons.css"); /* Ref: https://iconscout.com/unicons/explore/line */

[class*="fa-"],
[class*=" fa-"],
[class*="bi-"],
[class*=" bi-"],
[class*="uil-"],
[class*=" uil-"] {
	display: inline-block;
	line-height: inherit;
	font-display: swap;
}

[class*="fa-"]::before,
[class*=" fa-"]::before,
[class*="bi-"]::before,
[class*=" bi-"]::before,
[class*="uil-"]::before,
[class*=" uil-"]::before {
	display: inline-flex;
	align-self: center;
	justify-self: center;
	line-height: inherit;
}

.icon-lg {
	font-size: 1.3333333333333333em;
	line-height: 0.75em;
	vertical-align: -15%;
}
.icon-2x {
	font-size: 2em;
}
.icon-3x {
	font-size: 3em;
}
.icon-4x {
	font-size: 4em;
}
.icon-5x {
	font-size: 5em;
}
.icon-fw {
	width: 1.2857142857142858em;
	text-align: center;
}

.icon-border {
	padding: 0.2em 0.25em 0.15em;
	border: solid 0.08em #eeeeee;
	border-radius: 0.1em;
}
.icon.pull-left {
	margin-right: 0.3em;
}
.icon.pull-right {
	margin-left: 0.3em;
}
.icon-spin {
	-webkit-animation: spin 2s infinite linear;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(359deg);
	}
}
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
	}
}
@-o-keyframes spin {
	0% {
		-o-transform: rotate(0deg);
	}
	100% {
		-o-transform: rotate(359deg);
	}
}
@-ms-keyframes spin {
	0% {
		-ms-transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(359deg);
	}
}
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(359deg);
	}
}
.icon-rotate-90 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.icon-rotate-180 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.icon-rotate-270 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}
.icon-flip-horizontal {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
	-webkit-transform: scale(-1, 1);
	-moz-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	transform: scale(-1, 1);
}
.icon-flip-vertical {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
	-webkit-transform: scale(1, -1);
	-moz-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	-o-transform: scale(1, -1);
	transform: scale(1, -1);
}
.icon-stacked {
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	vertical-align: middle;
}
.icon-stacked-1x,
.icon-stacked-2x {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}
.rtl .icon-stacked-1x,
.rtl .icon-stacked-2x {
	left: auto;
	right: 0;
}
.icon-stacked-1x {
	line-height: inherit;
}
.icon-stacked-2x {
	font-size: 2em;
}
.icon-inverse {
	color: #ffffff;
}
/**
 * Swiper 11.0.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 22, 2023
 */

 @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* ----------------------------------------------------------------
	Canvas: SAAS 2
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------------------
	FONTS
---------------------------------------------------------------------------- */

:root {
	--cnvs-themecolor: #3E45EB;
	--cnvs-themecolor-rgb: 62, 69, 235;
	--cnvs-gradient-color: linear-gradient(to right, #f6955c, #f23457);

	--cnvs-body-image: url('images/new/blur-bg.png');

	--cnvs-saas-color-1: #FFF7EF;
	--cnvs-saas-color-2: #F9FAF6;

	--cnvs-font-size-h1:	2.75rem;
	--cnvs-font-size-h2:	2rem;
	--cnvs-font-size-h3:	1.75rem;
	--cnvs-font-size-h4:	1.5rem;
	--cnvs-font-size-h5:	1rem;
	--cnvs-font-size-h6:	0.875rem;
	--cnvs-section-padding: 6rem;
	--bs-body-font-size: 1.125rem;

	--cnvs-primary-font: 'DM Sans', sans-serif;
	--cnvs-body-font: 'DM Sans', sans-serif;
	--cnvs-secondary-font: 'Cookie', cursive;
	--cnvs-other-font: 'Marcellus', serif;

	--cnvs-slider-arrow-color: var(--cnvs-contrast-300);
	--cnvs-slider-arrows-bg-color: transparent;
	--cnvs-slider-arrows-bg-hover-color: var(--cnvs-slider-arrows-bg-color);
	--cnvs-slider-arrows-size: 34px;
	--cnvs-canvas-slider-dots-size: 0.725rem;
	--cnvs-card-rounded: 20px;
}

:root,
.not-dark {
	--cnvs-heading-color: var(--cnvs-contrast-1000);
}

.fw-bolder {
	font-weight: 600 !important;
}

.rounded-xxl {
	border-radius: var(--cnvs-card-rounded);
}

.gradient-color {
	background-image: var(--cnvs-gradient-color) !important;
}

.gradient-text {
    font-family: var(--cnvs-secondary-font);
	padding: 0 5px;
	font-size: 120%;
}

.cnvs-bg-color-1 {
	background-color: var(--cnvs-saas-color-1)  !important;
}

.cnvs-bg-color-2 {
	background-color: var(--cnvs-saas-color-2)  !important;
}
.second-bg-color {
    background-color: var(--cnvs-secondcolor) !important;
}
#header {
	--cnvs-primary-menu-font-size: 1.125rem;
	--cnvs-primary-menu-tt:	none;
	--cnvs-primary-menu-ls:	0;
    --cnvs-primary-menu-padding-x: 20px;
    --cnvs-primary-menu-font-weight: 400;
	--cnvs-primary-menu-font: var(--cnvs-body-font);
}

#wrapper {
	background: var(--cnvs-body-bg);
	background-image: var(--cnvs-body-image);
	background-repeat: repeat-y;
	background-position: center top;
	background-size: 100% auto;
}


/* Swiper Tabs */
.swiper-pagination-progress {
	--cnvs-swiper-bar-size: 2px;
	--cnvs-swiper-bar-color:  var(--cnvs-contrast-200);
	--cnvs-swiper-bar-active-color: var(--cnvs-contrast-1000);
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: auto;
	border-radius: 0;
	opacity: 1;
	margin: 0px;
	background-color: transparent;
}
.swiper-pagination-progress .swiper-pagination-bar,
.swiper-pagination-progress .swiper-pagination-bar-active {
	position: absolute;
	bottom: 0;
	border-radius: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: var(--cnvs-swiper-bar-size);
	margin: 0px;
	background-color: var(--cnvs-swiper-bar-color);
}

.swiper-pagination-progress .swiper-pagination-bar-active {
	z-index: 2;
	width: 0%;
	background-color: var(--cnvs-swiper-bar-active-color);
}
.active .swiper-pagination-progress .swiper-pagination-bar-active {
	animation-name: swiperbarAnim;
	animation-duration: 5s;
	animation-timing-function: ease-in;
	animation-iteration-count: 1;
	animation-direction: alternate;
	animation-fill-mode: forwards;
}
@keyframes swiperbarAnim {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

.swiper-tab-link {
	--swiper-tab-title: #AAA;
	--swiper-tab-content: ;
	counter-increment: step-counter;
	position: relative;
	overflow: hidden;
	margin-bottom: 5px;
	padding: 20px 0;
	cursor: pointer;
}

.swiper-tab-link::before {
	content: "0" counter(step-counter)'.';
	position: relative;
	display: inline-block;
	font-size: 26px;
    font-weight: 600;
    min-width: 50px;
	margin-right: 5px;
	color: var(--swiper-tab-title);
    font-family: monospace;
	line-height: 1;
}

.swiper-tab-link .swiper-tab-title {
	display: inline-block;
	color: var(--swiper-tab-title);
	margin-bottom: 0;
	font-size: calc(1.275rem + 0.3vw);
}

.swiper-tab-link .swiper-tab-content {
	margin-bottom: 0;
	padding-top: 10px;
    margin-left: 5px;
	line-height: 0;
	opacity: 0;
	vertical-align:middle;
	font-size: 1rem;
	transition: line-height 0.6s cubic-bezier(.4,0,.2,1), opacity .1s .1s cubic-bezier(.4,0,.2,1);
}

@media (min-width: 768px) {
    .swiper-tab-link .swiper-tab-content {
        margin-left: 60px;
    }
}

.swiper-tab-link.active .swiper-tab-content {
	opacity: .8;
	line-height: var(--cnvs-line-height-content);
	transition: line-height 0.5s cubic-bezier(.4,0,.2,1), opacity .15s .15s cubic-bezier(.4,0,.2,1);
}

.swiper-tab-link.active {
	--swiper-tab-title: #000;
}

.back-shadow {
	---cnvs-back-shadow-size: 5px;
	---cnvs-back-shadow-bg: var(--cnvs-contrast-1000);
	---cnvs-back-shadow-color: var(--cnvs-contrast-0);
	position: relative;
	background-color: var(---cnvs-back-shadow-color);
	border: 1px solid var(---cnvs-back-shadow-bg);
	margin-left: var(---cnvs-back-shadow-size);
	margin-bottom: var(---cnvs-back-shadow-size);
	box-shadow: calc(-1 * var(---cnvs-back-shadow-size)) var(---cnvs-back-shadow-size) 0 var(---cnvs-back-shadow-bg);
}


.pricing-bg {
	position: absolute;
	left: 0;
	top: 0;
	transform: scale(120%);
	z-index: -1;
	opacity: 0.4;
	object-fit: cover;
	width: 100%;
}

.pts-left,
.pts-right {
	font-weight: 600 !important;
}


.toggle {
    --cnvs-toggle-base-color: var(--cnvs-heading-color);
    --cnvs-toggle-font-size: 1.125rem;
    --cnvs-toggle-title-color: var(--cnvs-heading-color);
    --cnvs-toggle-content-padding: 1.5rem 1.75rem;
    margin: 0 0 30px 0;
}

.toggle-header {
	border-radius: var(--cnvs-card-rounded);
	font-weight: 600;
}

.toggle-content {
	padding: 1.5rem 0;
	padding-bottom: .75rem;
	opacity: .8;
	margin-bottom: 0;
}

.toggle-closed {
	transition: .2s;
	opacity: .2;
}

.toggle-active .toggle-closed {
	display: block;
	transform: rotate(45deg);
	opacity: 1;
}

.pricing-tenure-switcher .btn-group {
    background-color: var(--cnvs-contrast-200);
    padding: 6px;
}

.pricing-tenure-switcher .btn-group .btn {
    --bs-btn-border-width: 0;
    --bs-btn-padding-x: 1.25rem;
    --bs-btn-padding-y: 0.425rem;
    --bs-btn-font-size: var(--bs-body-font-size);
    --bs-btn-font-weight: 500;
    border-radius: var(--bs-border-radius-pill) !important;
}

.pricing-tenure-switcher .btn-check:checked + .btn {
    background-color: var(--cnvs-contrast-900);
	color: #FFF;
}
/* ----------------------------------------------------------------
	Canvas: Landing
-----------------------------------------------------------------*/

:root {
	--cnvs-themecolor: #3D80E4;
	--cnvs-themecolor-rgb: 61, 128, 228;
	--cnvs-secondary-color: #FF3A33;

	--cnvs-body-font: 'Source Sans Pro', sans-serif;
	--cnvs-primary-font: 'Roboto', sans-serif;
}

#header {
	--cnvs-primary-menu-font-weight: 500;
	--cnvs-primary-menu-font-size:	1rem;
	--cnvs-primary-menu-tt:	none;
	--cnvs-primary-menu-ls:	0;
	--cnvs-primary-menu-submenu-font-weight:	400;
	--cnvs-primary-menu-submenu-hover-font-weight: 500;
	--cnvs-primary-menu-submenu-tt:	none;
}

#header {
	--cnvs-primary-menu-submenu-font-size: 15px;
	--cnvs-primary-menu-submenu-color: #666;
	--cnvs-primary-menu-submenu-hover-bg: transparent;
}

.is-expanded-menu .menu-container > .menu-item {
	--cnvs-primary-menu-hover-color: #FFF !important;
	--cnvs-primary-menu-active-color: #FFF !important;
}

* {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.button,
.btn { transition: transform 0.45s cubic-bezier(0.2, 0.7, .3, 1); }

.button:hover,
.btn:hover { transform: translateX(-4px); }

.text-muted { color: #9BB0BF !important; }

.bgsecondary { background-color: var(--cnvs-secondary-color, #FF3A33); }

.sub-menu-container .menu-item > .menu-link i {
	margin-right: 15px;
	color: var(--cnvs-themecolor, #3D80E4);
	font-size: 18px;
}

.sub-menu-container:not(.mega-menu-column),
.mega-menu-content {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	padding: 15px 18px;
	margin-top: -1px;
}

.slider-element {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.slide-imgs .iphone-img {
	position: relative;
	z-index: 1;
	width: 330px;
	-webkit-transform: perspective(1400px) rotateY(-20deg) rotateX(10deg) rotateZ(6deg) scale(0.8) translateX(50%) translateY(6%);
	transform: perspective(1400px) rotateY(-20deg) rotateX(10deg) rotateZ(6deg) scale(0.8) translateX(50%) translateY(6%);
	transition: transform 0.45s cubic-bezier(0.2, 0.7, .3, 1);
}

.slide-imgs:hover .iphone-img {
	-webkit-transform: perspective(1000px) rotateY(0deg) rotateX(0deg) rotateZ(0deg) scale(0.95) translateX(40%) translateY(8%);
	transform: perspective(1000px) rotateY(0deg) rotateX(0deg) rotateZ(0deg) scale(0.95) translateX(40%) translateY(8%);
}

.slide-imgs .card-img {
	position: absolute;
	bottom: 10px;
	left: -90px;
	width: 360px;
	transition: opacity 0.65s cubic-bezier(0.2, 0.7, .3, 1);
	z-index: 1;
}

.slider-element  { z-index: 1; }

.section-clients {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 45px 0;
	background-color: #FFF;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.section-clients img { width: 100px; }

.section-features { padding: 120px }

.heading-block h2 {
	font-size: 52px;
	line-height: 1.3;
	font-weight: 900;
	letter-spacing: -1px;
}

.heading-block h3 {
	font-size: 32px;
	line-height: 1.2;
	font-weight: 700;
}

.features-items .feature-box .fbox-icon {
	--f-icon-size: 42px;
	position: relative;
	margin-bottom: 34px;
	width: 42px;
	height: 42px;
	width: var(--f-icon-size);
	height: var(--f-icon-size);
}

.features-items .feature-box .fbox-icon i {
	background-color: transparent !important;
	color: var(--cnvs-themecolor, #3D80E4);
	font-size: 42px;
	font-size: var(--f-icon-size);
}

.features-items .fbox-desc h3 {
	font-size: 19px;
	text-transform: none;
	font-weight: 800;
	letter-spacing: 0;
}

.owl-stage-outer { padding: 0; }

.owl-stage-outer .owl-stage-outer-bg {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	-webkit-background-size: contain;
	background-size: contain;
	background-image: url('images/section/device.png');
	background-repeat: no-repeat;
	background-position: center center;
	transform: translate(-50%,-50%);
	z-index: 1;
}

.owl-item img {
	width: 100%;
	transform: scale(0.85);
	transition: transform .3s cubic-bezier(0.2, 0.7, .3, 1);
}

.owl-item.active.center img {
	transform: scale(0.95);
}

.owl-carousel .owl-dots .owl-dot {
	opacity: .3;
	margin-top: 40px;
	width: 20px;
	height: 5px;
	border-radius: 4px;
	transition: all .3s cubic-bezier(0.2, 0.7, .3, 1);
}

.owl-carousel .owl-dots .owl-dot.active { width: 50px; }

.pricing-table .card {
	border-radius: 20px;
	padding: 25px 40px;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: -1px -1px;
	background-size: 102% 160px;
	border-color: rgba(255, 255, 255, 0.3);
}

.pricing-table .card h2 { font-size: 48px; }

.pricing-table .card p {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.6 !important;
}

.pricing-table .card .iconlist {
	font-size: 15px;
	font-weight: 500;
	color: #888;
	font-family: 'Roboto';
}

.pricing-table .card .iconlist li:not(:last-child) { margin-bottom: 7px; }

.toggle-wrap {
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 10px;
}

.toggle {
	padding: 18px 30px;
	margin-bottom: 0;
	background-color: rgba(255,255,255,0.1);
	border-bottom: 1px solid rgba(255,255,255,0.15);
	transition: background-color .2s ease;
}

.toggle:first-child {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.toggle:last-child {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.toggle:last-child { border-bottom: 0; }

.toggle .togglet {
	font-size: 19px;
	padding-left: 0;
	font-weight: 600;
	color: #F5F5F5;
}

.toggle:hover { background-color: rgba(255,255,255,0.15); }

.device-video-wrap { position: relative; }

.device-video-wrap img {
	position: relative;
	margin: 0 auto;
	max-width: 1024px;
}

.device-video-wrap video {
	position: absolute;
	top: 35px;
	left: 33%;
	max-width: 40%;
	z-index: 1;
	transform: translate(-50%);
}

.device-video-wrap::before,
.dotted-bg::before {
	content: "";
	position: absolute;
	display: block;
	top: 40%;
	left: 35%;
	width: 110%;
	height: 120%;
	background-size: 12px 12px;
	background-position: center;
	transform: translate(-50%, -50%);
	background-image: radial-gradient(#3D80E4 14%, transparent 14%);
	-webkit-mask-image: radial-gradient(rgba(0,0,0,1),rgba(0,0,0,0) 75%);
	mask-image: radial-gradient(rgba(0,0,0,1),rgba(0,0,0,0) 75%);
	z-index: 0;
}

.dotted-bg::before { background-image: radial-gradient(rgba(255, 255, 255, 0.2) 14%, transparent 14%); }
.dotted-bg.dotted-bg-dark::before { background-image: radial-gradient(rgba(4, 4, 4, 0.2) 14%, transparent 14%); }

.device-video-wrap > * {
	position: relative;
	z-index: 1;
}

.feature-box.fbox-plain .fbox-icon i { font-size: 36px; }

.testimonial .flexslider .slider-wrap img {
	display: block;
	width: auto;
	margin: 0 auto;
	max-height: 80px;
	margin-bottom: 30px;
}

.testimonial .testi-content p {
	font-size: 28px;
	font-weight: 500;
	font-style: normal;
	line-height: 1.5 !important;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}

.dark .testimonial .testi-content p { color: #FFF; }
.dark .testimonial .testi-meta span { color: rgba(255, 255, 255, .5); }

.flex-prev,
.flex-next {
	width: 45px;
	height: 45px;
	border-radius: 50%;
}

.dark .flex-prev,
.dark .flex-next { background-color: #FFF !important; }

.flex-next i,
.flex-prev i {
	font-size: 24px;
	height: 45px;
	line-height: 45px;
	color: #111;
	text-shadow: none;
}

.flex-next i { margin-left: 2px; }
.flex-prev i { margin-left: -1px; }

.skills li {
	height: 12px;
	border-radius: 10px;
}

.skills li .progress { border-radius: 10px; }

.skills li .progress-percent {
	top: -38px;
	right: -60px;
	padding: 5px 10px;
	text-align: center;
	color: #FFF;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.24);
	height: auto;
	z-index: 2;
	font-size: 17px;
	line-height: 16px;
	text-shadow: none;
}

.text-nowrap {
	width: 600px;
	position: relative;
	z-index: 2;
	background-color: #FFF;
	transform: translateX(6%);
	padding: 0 20px 10px;
}

/* Responsive Device less than 992px (.device-md <)
-----------------------------------------------------------------*/
@media (max-width: 991.98px) {

	.display-3 {
		font-size: 7vw;
	}

	.slide-imgs .iphone-img {
		-webkit-transform: perspective(1000px) rotateY(0deg) rotateX(0deg) rotateZ(0deg) scale(0.85) translateX(20%) translateY(0%) !important;
		transform: perspective(1000px) rotateY(0deg) rotateX(0deg) rotateZ(0deg) scale(0.85) translateX(20%) translateY(0%) !important;
	}

	.slider-element { padding-top: 30px; }

	.section-features { padding: 60px }

	.testimonial .testi-content p { font-size: 20px; }

	.testimonial .testi-content p { max-width: 600px; }

	.sub-menu-container:not(.mega-menu-column),
	.mega-menu-content {
		border-radius: 0;
		margin-top: 0;
	}

	.dark .menu-container > .menu-item > .menu-link,
	.dark .sub-menu-container .menu-item > .menu-link { color: #FFF; }

	.text-nowrap {
		width: 100%;
		position: relative;
		z-index: 2;
		transform: none;
		padding: 0;
	}

}

/* Responsive Device less than 768px (.device-sm <)
-----------------------------------------------------------------*/
@media (max-width:767.98px) {

	.section-clients {
		position: relative;
		bottom: auto;
	}

	.testimonial .testi-content p { max-width: 300px; }

}
/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

   /* ═══════════════════════════════════════ */
       /* CUSTOM STYLES — PRESERVED FROM ORIGINAL */
  /* ═══════════════════════════════════════ --> */
 
    :root { --cnvs-primary-font: "DM Sans", sans-serif; }

    .block-tab-2 .nav-tabs {
      --bs-nav-tabs-border-width: 0px;
      --bs-nav-link-color: #111;
      --bs-nav-link-hover-color: var(--bs-danger);
    }
    .block-tab-2 .nav-tabs .nav-item .nav-link {
      position: relative; font-size: 15px;
      font-weight: 400; padding: 0 0 20px 0;
    }
    .block-tab-2 .nav-tabs .nav-item .nav-link i {
      display: block; font-size: 38px; margin: 0 0 10px 0;
    }
    .block-tab-2 .nav-tabs .nav-item .nav-link.active { top: 0; }
    .block-tab-2 .nav-tabs .nav-item .nav-link.active i { color: var(--bs-danger); }
    .block-tab-2 .nav-tabs .nav-item .nav-link.active::after {
      content: ''; position: absolute; width: 6px; height: 6px;
      bottom: 0; left: 50%; margin-left: -3px;
      border-radius: 50%; background: var(--bs-danger);
    }

    .promo-users { opacity: 0.1; --cnvs-promo-users-img-pos-x: 0; --cnvs-promo-users-img-pos-y: 0; }
    .promo-users img { position: absolute; top: var(--cnvs-promo-users-img-pos-y); left: var(--cnvs-promo-users-img-pos-x); bottom: var(--cnvs-promo-users-img-pos-y); right: var(--cnvs-promo-users-img-pos-x); }
    .promo-users img:nth-child(1) { --cnvs-promo-users-img-pos-x: 13%; --cnvs-promo-users-img-pos-y: -6%; }
    .promo-users img:nth-child(2) { --cnvs-promo-users-img-pos-x: 4%; --cnvs-promo-users-img-pos-y: 40%; }
    .promo-users img:nth-child(3) { left: auto; --cnvs-promo-users-img-pos-x: 29%; --cnvs-promo-users-img-pos-y: -10%; }
    .promo-users img:nth-child(4) { left: auto; top: auto; --cnvs-promo-users-img-pos-x: 20%; --cnvs-promo-users-img-pos-y: 95%; }
    .promo-users img:nth-child(5) { top: auto; --cnvs-promo-users-img-pos-x: 17%; --cnvs-promo-users-img-pos-y: 3%; }
    .promo-users img:nth-child(6) { top: auto; --cnvs-promo-users-img-pos-x: 91%; --cnvs-promo-users-img-pos-y: 83%; }
    .promo-users img:nth-child(7) { top: auto; --cnvs-promo-users-img-pos-x: 90%; --cnvs-promo-users-img-pos-y: 17%; }
    .promo-users img:nth-child(8) { top: auto; --cnvs-promo-users-img-pos-x: 94%; --cnvs-promo-users-img-pos-y: 34%; }
    .promo-users img:nth-child(9) { top: auto; --cnvs-promo-users-img-pos-x: 94%; --cnvs-promo-users-img-pos-y: 51%; }
    .promo-users img:nth-child(10) { top: auto; --cnvs-promo-users-img-pos-x: 73%; --cnvs-promo-users-img-pos-y: 6%; }
    .promo-users img:nth-child(11) { --cnvs-promo-users-img-pos-x: 82%; --cnvs-promo-users-img-pos-y: 80%; }
    .promo-users img:nth-child(12) { --cnvs-promo-users-img-pos-x: 65%; --cnvs-promo-users-img-pos-y: 81%; }
    .promo-users img:nth-child(13) { left: auto; --cnvs-promo-users-img-pos-x: 3%; --cnvs-promo-users-img-pos-y: 23%; }
    .promo-users img:nth-child(14) { left: auto; top: auto; --cnvs-promo-users-img-pos-x: 12%; --cnvs-promo-users-img-pos-y: 92%; }
    .promo-users img:nth-child(15) { top: auto; --cnvs-promo-users-img-pos-x: 17%; --cnvs-promo-users-img-pos-y: 3%; }
    @media (min-width: 768px) { .promo-users { opacity: 1; } }

    .trans { background: transparent; }

    .gradient-bg {
      background: url("https://www.aioncalls.com/static/assets/images/aioncalls_landing_background_dark.png") center center / cover no-repeat;
    }

    /* ── HERO H1 FIX — forces visibility regardless of preload-lcp ── */
    h1.preload-lcp, h1.custhead {
      opacity: 1 !important;
      visibility: visible !important;
      display: block !important;
      color: #ffffff !important;
    }

    .btn-demo {
      background: linear-gradient(45deg, #ff6b35, #e91e63);
      color: white; border: none; border-radius: 25px;
      padding: 10px 25px; font-weight: 600; transition: all 0.3s ease;
    }
    .btn-demo:hover {
      transform: translateY(-2px);
      box-shadow: 0 10px 25px rgba(233,30,99,0.3); color: white;
    }

    .hero-section { text-align: center; position: relative; }
    .hero-title {
      font-size: 3.5rem; font-weight: 700;
      color: #ffffff; margin-bottom: 60px; line-height: 1.2;
    }

    .cta-button {
      background: linear-gradient(45deg, #004b6c, #0074BD, #9c27b0);
      color: white; border: none; border-radius: 50px;
      padding: 18px 40px; font-size: 1.2rem; font-weight: 600;
      transition: all 0.4s ease; position: relative;
      z-index: 10; box-shadow: 0 15px 35px #004b6c78;
    }
    .cta-button:hover {
      transform: translateY(-5px);
      box-shadow: 0 25px 50px rgba(233,30,99,0.4); color: white;
    }

    .bottom-section { padding: 60px 0 40px; text-align: center; }
    .bottom-text {
      color: rgba(255,255,255,0.9); font-size: 1.1rem;
      line-height: 1.6; max-width: 600px; margin: 0 auto 50px;
    }

    .full-line { display: block; width: 100%; clear: both; }

    .block-sticky-cards,
    .block-sticky-cards .section { overflow: visible; }
    .block-sticky-cards .sticky-section + .sticky-section { margin-top: 5vh; }
    @media (min-width: 992px) {
      .block-sticky-cards .sticky-section {
        --sticky-top-gap: 30px;
        position: sticky; z-index: 2;
        top: calc(80px + var(--sticky-top-gap));
      }
      .block-sticky-cards .sticky-section + .sticky-section { margin-top: 20vh; }
    }

    .dark #header-wrap:not(.not-dark) #logo [class^="logo-"],
    .dark .header-row:not(.not-dark) #logo [class^="logo-"] { display: none; }
    .dark #header-wrap:not(.not-dark) #logo .logo-dark,
    .dark .header-row:not(.not-dark) #logo .logo-dark { display: flex; }

    .feature-box-border-vertical .feature-box { position: relative; }
    .feature-box-border-vertical .feature-box:not(.noborder)::before,
    .feature-box-border-vertical .fbox-active.feature-box:not(.noborder)::after {
      content: ""; position: absolute; top: 0; left: 35px;
      width: 3px; height: 100%; background-color: var(--bs-gray-200);
    }
    .feature-box-border-vertical .fbox-icon i,
    .feature-box-border-vertical .fbox-border.fbox-light .fbox-icon i {
      position: relative; z-index: 5; text-align: center;
      box-shadow: 0 0 0 6px #FFF; background-color: #FFF !important;
    }
    .feature-box-border-vertical .fbox-active.feature-box .fbox-icon i,
    .feature-box-border-vertical .fbox-active.feature-box .fbox-border.fbox-light .fbox-icon i,
    .feature-box-border-vertical .fbox-active.feature-box:not(.noborder)::after {
      background-color: var(--bs-primary) !important; color: #FFF;
    }

    .cust-iconlist { font-size: 15px; font-weight: 500; color: black !important; font-family: inherit !important; }
    .cust-iconlist li { flex-wrap: nowrap !important; padding-bottom: 5px; }

    .gradient-font-cust {
      background-image: linear-gradient(to right, #4a00e0, #8e2de2) !important;
    }

    .feature_box_bg { background-color: #025391 !important; }

    .fbox-plain.fbox-sm { margin-bottom: 40px; }
    .fbox-icon { top: 3px; }
    .fbox-plain.fbox-sm h3 {
      text-transform: none; font-weight: 600;
      font-size: 1.125rem; letter-spacing: 0;
    }

    .is-expanded-menu .menu-container > .menu-item {
      --cnvs-primary-menu-hover-color: #093a49ff !important;
      --cnvs-primary-menu-active-color: #093a49ff !important;
    }

    #scheduler-wrapper {
      background: #f6f7f9; border-radius: 16px; overflow: hidden;
      box-shadow: 0 12px 30px rgba(0,0,0,.12); animation: fadeIn .3s ease;
    }
    .scheduler-header {
      background: #fff; padding: 12px 16px;
      display: flex; justify-content: space-between;
      align-items: center; border-bottom: 1px solid #eee;
    }
    .scheduler-note { font-size: 0.9rem; color: #444; }
    #scheduler-iframe { width: 100%; height: 720px; border: none; background: #f6f7f9; }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }
 
  /* ══════════════════════════════════════
   AIONCALLS BY THE NUMBERS
   Stats Grid — Responsive
══════════════════════════════════════ */
:root {
    --aoc-bg:         #06060f;
    --aoc-surface:    #0d0d1f;
    --aoc-surface2:   #13132a;
    --aoc-border:     rgba(124,58,237,0.15);
    --aoc-border-w:   rgba(255,255,255,0.07);
    --aoc-purple:     #7c3aed;
    --aoc-purple-lt:  #9d6bff;
    --aoc-purple-d:   rgba(124,58,237,0.12);
    --aoc-purple-g:   rgba(124,58,237,0.25);
    --aoc-cyan:       #06b6d4;
    --aoc-cyan-d:     rgba(6,182,212,0.10);
    --aoc-green:      #10b981;
    --aoc-green-d:    rgba(16,185,129,0.10);
    --aoc-amber:      #f59e0b;
    --aoc-red:        #ef4444;
    --aoc-white:      #f1f0ff;
    --aoc-muted:      #7b7a9e;
    --ff-head:        'Space Grotesk', sans-serif;
    --ff-body:        'Plus Jakarta Sans', sans-serif;
  }

  /* ── Base ── */
  body {
    background: var(--aoc-bg) !important;
    font-family: var(--ff-body) !important;
    overflow-x: hidden;
  }
  html { overflow-x: hidden; }

  .aoc-section    { padding: 90px 0; }
  .aoc-section-sm { padding: 60px 0; }

  /* ── Typography helpers ── */
  .aoc-h2 {
    font-family: var(--ff-head);
    font-size: clamp(1.8rem, 3.5vw, 3rem);
    font-weight: 700;
    color: var(--aoc-white);
    line-height: 1.15;
    letter-spacing: -0.02em;
    margin-bottom: 1rem;
  }
  .aoc-h2 .hl  { color: var(--aoc-purple-lt); }
  .aoc-h2 .hlc { color: var(--aoc-cyan); }
  .aoc-h2 .hlg { color: var(--aoc-green); }
  .aoc-lead {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.85;
    color: var(--aoc-muted);
  }
  .aoc-lead strong { color: var(--aoc-white); font-weight: 500; }

  /* ── Kicker pill ── */
  .aoc-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--aoc-purple-lt);
    border: 1px solid rgba(157,107,255,0.25);
    padding: 0.3rem 1rem;
    border-radius: 50px;
    margin-bottom: 1.25rem;
  }
  .aoc-kicker-dot {
    width: 6px; height: 6px;
    border-radius: 50%;
    background: var(--aoc-purple-lt);
    animation: aoc-dot 2s infinite;
  }
  @keyframes aoc-dot {
    0%,100% { box-shadow: 0 0 0 0 rgba(157,107,255,0.4); }
    50%      { box-shadow: 0 0 0 6px transparent; }
  }

  /* ── Buttons ── */
  .btn-aoc-primary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--aoc-purple);
    color: #fff !important;
    font-family: var(--ff-head);
    font-size: 0.9rem;
    font-weight: 600;
    padding: 0.85rem 2rem;
    border-radius: 10px;
    text-decoration: none !important;
    border: none;
    position: relative;
    overflow: hidden;
    transition: transform 0.2s, box-shadow 0.2s;
    cursor: pointer;
  }
  .btn-aoc-primary::after {
    content: '';
    position: absolute; inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
    transform: translateX(-100%);
    transition: transform 0.5s ease;
  }
  .btn-aoc-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px var(--aoc-purple-g);
    color: #fff !important;
  }
  .btn-aoc-primary:hover::after { transform: translateX(100%); }

  .btn-aoc-ghost {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    color: var(--aoc-white) !important;
    font-family: var(--ff-head);
    font-size: 0.9rem;
    font-weight: 500;
    padding: 0.85rem 1.75rem;
    border-radius: 10px;
    border: 1px solid var(--aoc-border-w);
    text-decoration: none !important;
    transition: border-color 0.2s, background 0.2s;
    cursor: pointer;
  }
  .btn-aoc-ghost:hover {
    border-color: rgba(157,107,255,0.4);
    background: var(--aoc-purple-d);
    color: var(--aoc-white) !important;
  }

  /* ── Surface cards ── */
  .aoc-card {
    background: var(--aoc-surface);
    border: 1px solid var(--aoc-border);
    border-radius: 16px;
    padding: 2rem;
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: border-color 0.3s, transform 0.3s;
  }
  .aoc-card:hover {
    border-color: rgba(124,58,237,0.35);
    transform: translateY(-3px);
  }
  .aoc-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--aoc-purple) 50%, transparent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.35s ease;
  }
  .aoc-card:hover::before { transform: scaleX(1); }

  .aoc-icon {
    width: 48px; height: 48px;
    border-radius: 12px;
    background: var(--aoc-purple-d);
    border: 1px solid rgba(124,58,237,0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    color: var(--aoc-purple-lt);
    margin-bottom: 1.25rem;
    transition: box-shadow 0.3s;
  }
  .aoc-card:hover .aoc-icon {
    box-shadow: 0 0 20px var(--aoc-purple-g);
  }

.aoc-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: rgba(124, 58, 237, 0.15);
  border: 1px solid rgba(124, 58, 237, 0.15);
  border-radius: 16px;
  overflow: hidden;
}

.aoc-stat-cell {
  background: #0d0d1f;
  padding: 2rem 1.5rem;
  text-align: center;
  transition: background 0.2s;
}

.aoc-stat-cell:hover {
  background: #13132a;
}

.aoc-stat-num {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 2.4rem;
  font-weight: 800;
  color: #f1f0ff;
  line-height: 1;
  margin-bottom: 0.35rem;
}

/* Colour variants */
.aoc-stat-num .hl  { color: #9d6bff; }
.aoc-stat-num .hlg { color: #10b981; }
.aoc-stat-num .hlc { color: #06b6d4; }

.aoc-stat-label {
  font-size: 0.78rem;
  color: #7b7a9e;
  line-height: 1.4;
  font-weight: 400;
}

.aoc-stat-sub {
  font-size: 0.65rem;
  color: rgba(123, 122, 158, 0.55);
  margin-top: 0.25rem;
}

/* Compliance cell badges */
.aoc-comply {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #10b981;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.25);
  padding: 0.22rem 0.65rem;
  border-radius: 50px;
}

/* ── Responsive breakpoints ── */

/* Tablet landscape — 2×4 grid */
@media (max-width: 1199px) {
  .aoc-stats-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .aoc-stat-num {
    font-size: 2rem;
  }
  .aoc-stat-cell {
    padding: 1.75rem 1rem;
  }
}

/* Tablet portrait — 2×4 */
@media (max-width: 991px) {
  .aoc-stats-grid {
    grid-template-columns: repeat(2, 1fr);
    border-radius: 12px;
  }
  .aoc-stat-num {
    font-size: 2.2rem;
  }
  .aoc-stat-cell {
    padding: 1.75rem 1.25rem;
  }
}

/* Mobile landscape — 2×4 */
@media (max-width: 767px) {
  .aoc-stats-grid {
    grid-template-columns: repeat(2, 1fr);
    border-radius: 10px;
  }
  .aoc-stat-num {
    font-size: 1.9rem;
  }
  .aoc-stat-label {
    font-size: 0.72rem;
  }
  .aoc-stat-sub {
    display: none;
  }
  .aoc-stat-cell {
    padding: 1.5rem 1rem;
  }
}

/* Mobile portrait — 1×8 single column */
@media (max-width: 479px) {
  .aoc-stats-grid {
    grid-template-columns: 1fr 1fr;
    border-radius: 10px;
  }
  .aoc-stat-num {
    font-size: 1.75rem;
  }
  .aoc-stat-cell {
    padding: 1.25rem 0.85rem;
  }
}

  .aoc-hero-lead strong { color: var(--aoc-white); font-weight: 500; }

  /* Price badge */
  .aoc-price-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(16,185,129,0.1);
    border: 1px solid rgba(16,185,129,0.25);
    color: var(--aoc-green);
    font-size: 0.82rem;
    font-weight: 600;
    padding: 0.4rem 1rem;
    border-radius: 50px;
    margin-bottom: 1.75rem;
  }

  /* Geo flags strip */
  .aoc-geo-strip {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-top: 1.5rem;
  }
  .aoc-geo-flag {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.72rem;
    font-weight: 500;
    color: rgba(241,240,255,0.45);
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    padding: 0.22rem 0.65rem;
    border-radius: 6px;
  }

  /* Compliance badges */
  .aoc-comply {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--aoc-green);
    background: var(--aoc-green-d);
    border: 1px solid rgba(16,185,129,0.25);
    padding: 0.25rem 0.75rem;
    border-radius: 6px;
  }

  /* ════════════════════════════════
     TRUST TICKER
  ════════════════════════════════ */
  .aoc-trust-bar {
    background: var(--aoc-surface);
    border-top: 1px solid var(--aoc-border);
    border-bottom: 1px solid var(--aoc-border);
    padding: 16px 0;
    overflow: hidden;
  }
  .aoc-trust-scroll {
    display: flex;
    gap: 3rem;
    width: max-content;
    animation: aoc-ticker 28s linear infinite;
  }
  .aoc-trust-scroll:hover { animation-play-state: paused; }
  @keyframes aoc-ticker {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }
  .aoc-trust-item {
    display: flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--aoc-muted);
  }
  .aoc-trust-item i { color: var(--aoc-purple-lt); font-size: 0.8rem; }
  .aoc-trust-sep {
    width: 4px; height: 4px;
    border-radius: 50%;
    background: var(--aoc-border);
    flex-shrink: 0;
  }

  /* ════════════════════════════════
     STATS SECTION
  ════════════════════════════════ */
  .aoc-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: var(--aoc-border);
    border: 1px solid var(--aoc-border);
    border-radius: 16px;
    overflow: hidden;
  }
  .aoc-stat-cell {
    background: var(--aoc-surface);
    padding: 2rem 1.5rem;
    text-align: center;
    transition: background 0.2s;
  }
  .aoc-stat-cell:hover { background: var(--aoc-surface2); }
  .aoc-stat-num {
    font-family: var(--ff-head);
    font-size: 2.4rem;
    font-weight: 800;
    color: var(--aoc-white);
    line-height: 1;
    margin-bottom: 0.35rem;
  }
  .aoc-stat-num .hl { color: var(--aoc-purple-lt); }
  .aoc-stat-num .hlg { color: var(--aoc-green); }
  .aoc-stat-num .hlc { color: var(--aoc-cyan); }
  .aoc-stat-label {
    font-size: 0.78rem;
    color: var(--aoc-muted);
    line-height: 1.4;
    font-weight: 400;
  }
  .aoc-stat-sub {
    font-size: 0.65rem;
    color: rgba(123,122,158,0.6);
    margin-top: 0.25rem;
  }
  @media (max-width: 767px) {
    .aoc-stats-grid { grid-template-columns: repeat(2,1fr); }
  }

  /* ════════════════════════════════
     COMPARISON TABLE
  ════════════════════════════════ */
  .aoc-table-wrap {
    background: var(--aoc-surface);
    border: 1px solid var(--aoc-border);
    border-radius: 16px;
    overflow: hidden;
    overflow-x: auto;
  }
  .aoc-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 700px;
  }
  .aoc-table thead th {
    font-family: var(--ff-head);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--aoc-border);
    color: var(--aoc-muted);
    text-align: center;
  }
  .aoc-table thead th:first-child { text-align: left; }
  .aoc-table thead th.col-aoc {
    color: var(--aoc-purple-lt);
    background: rgba(124,58,237,0.07);
  }
  .aoc-table tbody tr {
    border-bottom: 1px solid rgba(255,255,255,0.04);
    transition: background 0.15s;
  }
  .aoc-table tbody tr:hover { background: rgba(255,255,255,0.02); }
  .aoc-table tbody tr:last-child { border-bottom: none; }
  .aoc-table td {
    padding: 0.85rem 1.25rem;
    font-size: 0.85rem;
    color: var(--aoc-muted);
    text-align: center;
    vertical-align: middle;
  }
  .aoc-table td:first-child {
    text-align: left;
    color: var(--aoc-white);
    font-weight: 500;
  }
  .aoc-table td.col-aoc { background: rgba(124,58,237,0.04); }
  .ic-yes { color: var(--aoc-green);  font-size: 0.9rem; }
  .ic-no  { color: var(--aoc-red);    font-size: 0.9rem; }
  .ic-meh { color: var(--aoc-amber);  font-size: 0.85rem; }

  /* ════════════════════════════════
     HOW IT WORKS — 3 STEPS
  ════════════════════════════════ */
  .aoc-step-card {
    background: var(--aoc-surface);
    border: 1px solid var(--aoc-border);
    border-radius: 16px;
    padding: 2.5rem 2rem;
    position: relative;
    overflow: hidden;
    transition: border-color 0.3s, transform 0.3s;
    height: 100%;
  }
  .aoc-step-card:hover {
    border-color: rgba(124,58,237,0.35);
    transform: translateY(-4px);
  }
  .aoc-step-num {
    font-family: var(--ff-head);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--aoc-purple-lt);
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .aoc-step-num-badge {
    width: 28px; height: 28px;
    border-radius: 50%;
    background: var(--aoc-purple-d);
    border: 1px solid rgba(124,58,237,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 800;
    color: var(--aoc-purple-lt);
  }
  .aoc-step-title {
    font-family: var(--ff-head);
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--aoc-white);
    margin-bottom: 0.75rem;
  }
  .aoc-step-text {
    font-size: 0.88rem;
    font-weight: 300;
    line-height: 1.75;
    color: var(--aoc-muted);
    margin-bottom: 1.25rem;
  }
  .aoc-tag-row { display: flex; flex-wrap: wrap; gap: 0.4rem; }
  .aoc-tag {
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--aoc-cyan);
    background: var(--aoc-cyan-d);
    border: 1px solid rgba(6,182,212,0.2);
    padding: 0.18rem 0.55rem;
    border-radius: 4px;
  }

  /* Step connector line */
  .aoc-step-line {
    height: 2px;
    background: linear-gradient(90deg, var(--aoc-purple), transparent);
    margin: 2rem 0;
    opacity: 0.3;
  }

  /* ════════════════════════════════
     RECEPTIONIST COMPARISON
  ════════════════════════════════ */
  .aoc-vs-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-top: 2rem;
  }
  .aoc-vs-col {
    background: var(--aoc-surface);
    border: 1px solid var(--aoc-border);
    border-radius: 14px;
    padding: 2rem;
    position: relative;
    overflow: hidden;
  }
  .aoc-vs-col.winner {
    border-color: rgba(124,58,237,0.3);
  }
  .aoc-vs-col.winner::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--aoc-purple) 50%, transparent);
  }
  .aoc-vs-label {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
  }
  .aoc-vs-label.loser  { color: var(--aoc-muted); }
  .aoc-vs-label.winner { color: var(--aoc-purple-lt); }
  .aoc-vs-price {
    font-family: var(--ff-head);
    font-size: 2.8rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 0.25rem;
  }
  .aoc-vs-price.red { color: var(--aoc-red); }
  .aoc-vs-price.grn { color: var(--aoc-green); }
  .aoc-vs-per {
    font-size: 0.78rem;
    color: var(--aoc-muted);
    margin-bottom: 1.5rem;
  }
  .aoc-vs-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.75rem; }
  .aoc-vs-list li {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    font-size: 0.85rem;
    color: var(--aoc-muted);
    line-height: 1.45;
  }
  .aoc-vs-list li i { margin-top: 2px; flex-shrink: 0; }
  .aoc-vs-list li strong { color: var(--aoc-white); }
  @media(max-width:767px) { .aoc-vs-wrap { grid-template-columns: 1fr; } }

  /* ════════════════════════════════
     INDUSTRY CARDS
  ════════════════════════════════ */
  .aoc-ind-card {
    background: var(--aoc-surface);
    border: 1px solid var(--aoc-border);
    border-radius: 14px;
    padding: 1.75rem;
    text-decoration: none;
    display: block;
    height: 100%;
    transition: border-color 0.3s, transform 0.3s;
    position: relative;
    overflow: hidden;
  }
  .aoc-ind-card:hover {
    border-color: rgba(124,58,237,0.35);
    transform: translateY(-3px);
  }
  .aoc-ind-card::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--aoc-purple) 50%, transparent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.35s ease;
  }
  .aoc-ind-card:hover::after { transform: scaleX(1); }
  .aoc-ind-emoji {
    font-size: 2rem;
    margin-bottom: 1rem;
    display: block;
    line-height: 1;
  }
  .aoc-ind-label {
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--aoc-purple-lt);
    margin-bottom: 0.5rem;
  }
  .aoc-ind-title {
    font-family: var(--ff-head);
    font-size: 1rem;
    font-weight: 700;
    color: var(--aoc-white);
    margin-bottom: 0.6rem;
    line-height: 1.25;
  }
  .aoc-ind-text {
    font-size: 0.82rem;
    font-weight: 300;
    line-height: 1.65;
    color: var(--aoc-muted);
    margin-bottom: 1rem;
  }
  .aoc-ind-tags { display: flex; flex-wrap: wrap; gap: 0.35rem; }
  .aoc-ind-tag {
    font-size: 0.63rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--aoc-green);
    background: var(--aoc-green-d);
    border: 1px solid rgba(16,185,129,0.2);
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
  }

  /* ════════════════════════════════
     HIPAA COMPLIANCE BLOCK
  ════════════════════════════════ */
  .aoc-hipaa-band {
    background: var(--aoc-surface);
    border: 1px solid rgba(16,185,129,0.2);
    border-radius: 16px;
    padding: 2.5rem;
    position: relative;
    overflow: hidden;
  }
  .aoc-hipaa-band::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--aoc-green) 50%, transparent);
  }
  .aoc-comply-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--aoc-green);
    background: var(--aoc-green-d);
    border: 1px solid rgba(16,185,129,0.25);
    padding: 0.3rem 0.85rem;
    border-radius: 50px;
  }

  /* ════════════════════════════════
     OUTBOUND STATS
  ════════════════════════════════ */
  .aoc-outbound-stat {
    text-align: center;
    padding: 1.75rem;
    background: var(--aoc-surface2);
    border: 1px solid var(--aoc-border);
    border-radius: 12px;
  }
  .aoc-outbound-stat-num {
    font-family: var(--ff-head);
    font-size: 2.6rem;
    font-weight: 800;
    color: var(--aoc-white);
    line-height: 1;
    margin-bottom: 0.35rem;
  }
  .aoc-outbound-stat-num span { color: var(--aoc-purple-lt); }
  .aoc-outbound-stat-label {
    font-size: 0.75rem;
    color: var(--aoc-muted);
    font-weight: 400;
  }

  /* ════════════════════════════════
     MULTILINGUAL FLAGS STRIP
  ════════════════════════════════ */
  .aoc-flags-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 1.5rem 0;
  }
  .aoc-flag {
    font-size: 1.6rem;
    cursor: default;
    transition: transform 0.2s;
    display: inline-block;
  }
  .aoc-flag:hover { transform: scale(1.3); }

  /* ════════════════════════════════
     AUDIO DEMO CARDS
  ════════════════════════════════ */
  .aoc-audio-card {
    background: var(--aoc-surface);
    border: 1px solid var(--aoc-border);
    border-radius: 14px;
    padding: 1.75rem;
    height: 100%;
    transition: border-color 0.3s;
  }
  .aoc-audio-card:hover { border-color: rgba(124,58,237,0.3); }
  .aoc-audio-title {
    font-family: var(--ff-head);
    font-size: 1rem;
    font-weight: 700;
    color: var(--aoc-white);
    margin-bottom: 0.5rem;
  }
  .aoc-audio-desc {
    font-size: 0.82rem;
    color: var(--aoc-muted);
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 1.25rem;
  }
  .aoc-audio-player {
    width: 100%;
    height: 44px;
    border-radius: 8px;
    accent-color: var(--aoc-purple);
    background: transparent;
  }
  audio::-webkit-media-controls-panel { background: var(--aoc-surface2); }

  /* Play button style */
  .aoc-play-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--aoc-purple-d);
    border: 1px solid rgba(124,58,237,0.3);
    color: var(--aoc-purple-lt);
    font-size: 0.82rem;
    font-weight: 600;
    padding: 0.55rem 1.25rem;
    border-radius: 50px;
    text-decoration: none;
    transition: background 0.2s, border-color 0.2s;
    cursor: pointer;
  }
  .aoc-play-btn:hover {
    background: rgba(124,58,237,0.2);
    border-color: rgba(124,58,237,0.5);
    color: var(--aoc-purple-lt);
  }

  /* ════════════════════════════════
     FAQ
  ════════════════════════════════ */
  .aoc-faq-item { border-bottom: 1px solid var(--aoc-border-w); }
  .aoc-faq-q {
    width: 100%;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 0;
    text-align: left;
  }
  .aoc-faq-q-text {
    font-size: 0.92rem;
    font-weight: 500;
    color: var(--aoc-white);
    line-height: 1.4;
    font-family: var(--ff-body);
  }
  .aoc-faq-icon {
    width: 28px; height: 28px;
    border-radius: 50%;
    border: 1px solid var(--aoc-border-w);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 0.65rem;
    color: var(--aoc-muted);
    transition: border-color 0.2s, color 0.2s, transform 0.3s;
  }
  .aoc-faq-item.open .aoc-faq-icon {
    border-color: var(--aoc-purple-lt);
    color: var(--aoc-purple-lt);
    transform: rotate(45deg);
  }
  .aoc-faq-a {
    display: none;
    padding-bottom: 1.25rem;
    font-size: 0.88rem;
    font-weight: 300;
    line-height: 1.8;
    color: var(--aoc-muted);
  }
  .aoc-faq-item.open .aoc-faq-a { display: block; }

  /* ════════════════════════════════
     CTA BAND
  ════════════════════════════════ */
  .aoc-cta-band {
    position: relative;
    overflow: hidden;
    padding: 90px 0;
    background: var(--aoc-surface);
    border-top: 1px solid var(--aoc-border);
  }
  .aoc-cta-band::before {
    content: '';
    position: absolute;
    top: -180px; left: 50%;
    transform: translateX(-50%);
    width: 800px; height: 400px;
    background: radial-gradient(ellipse, rgba(124,58,237,0.15) 0%, transparent 70%);
    pointer-events: none;
  }
  .aoc-cta-h2 {
    font-family: var(--ff-head);
    font-size: clamp(2rem,4.5vw,3.8rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -0.02em;
    color: var(--aoc-white);
    margin-bottom: 0.75rem;
  }
  .aoc-cta-h2 .grad {
    background: linear-gradient(135deg, #9d6bff, #06b6d4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  /* Form */
  .aoc-form-card {
    background: #0d0d1f;
    border: 1px solid var(--aoc-border);
    border-radius: 16px;
    padding: 2.25rem;
    position: relative;
    overflow: hidden;
  }
  .aoc-form-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--aoc-purple) 50%, transparent);
  }
  .aoc-input {
    width: 100%;
    background: rgba(255,255,255,0.04);
    border: 1px solid var(--aoc-border-w);
    border-radius: 10px;
    padding: 0.75rem 1rem;
    font-family: var(--ff-body);
    font-size: 0.88rem;
    color: var(--aoc-white);
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
  }
  .aoc-input:focus {
    border-color: rgba(124,58,237,0.5);
    box-shadow: 0 0 0 3px rgba(124,58,237,0.1);
  }
  .aoc-input::placeholder { color: rgba(123,122,158,0.5); }
  .aoc-label {
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--aoc-muted);
    display: block;
    margin-bottom: 0.3rem;
  }

  /* ════════════════════════════════
     ANIMATIONS
  ════════════════════════════════ */
  @keyframes aoc-float { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-10px);} }
  @keyframes aoc-spin  { from{transform:rotate(0deg);} to{transform:rotate(360deg);} }
  @keyframes aoc-spinr { from{transform:rotate(0deg);} to{transform:rotate(-360deg);} }
  @keyframes aoc-pulse { 0%,100%{opacity:.6;} 50%{opacity:1;} }
  @keyframes aoc-glow  { 0%,100%{opacity:.1;} 50%{opacity:.3;} }
  @keyframes aoc-blink { 0%,85%,100%{opacity:1;} 92%{opacity:.1;} }

  /* ════════════════════════════════
     SPEED COMPARISON BLOCK
  ════════════════════════════════ */
  .aoc-speed-col {
    background: var(--aoc-surface);
    border: 1px solid var(--aoc-border);
    border-radius: 14px;
    padding: 2rem;
    height: 100%;
  }
  .aoc-speed-col.aoc-winner {
    border-color: rgba(124,58,237,0.3);
    position: relative;
    overflow: hidden;
  }
  .aoc-speed-col.aoc-winner::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--aoc-purple) 50%, transparent);
  }
  .aoc-speed-label {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-bottom: 1rem;
  }
  .aoc-speed-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.65rem; }
  .aoc-speed-list li {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    font-size: 0.85rem;
    color: var(--aoc-muted);
    line-height: 1.5;
  }
  .aoc-speed-list li i { flex-shrink: 0; margin-top: 2px; }

  /* ════════════════════════════════
     RESPONSIVE
  ════════════════════════════════ */
  @media (max-width: 991px) {
    .aoc-section { padding: 60px 0; }
    .aoc-hero-svg-panel { display: none; }
  }

/* ═══════════════════════════════════════
       CUSTOM STYLES — PAGE SPECIFIC
  ═══════════════════════════════════════ -->
<!-- ═══════════════════════════════════════════
     PAGE CSS — aire- namespace
     Every selector is prefixed aire- or scoped
     to #aire-* IDs. Zero conflicts guaranteed.
     RULES:
       RULE 1  Custom classes  → aire- prefix
       RULE 2  Keyframes       → aire- prefix
       RULE 3  Canvas overrides→ scoped to section ID
       RULE 4  No bare names   → never .card / .container
       RULE 5  Responsive      → scoped inside @media
═══════════════════════════════════════════ -->
════════════════════════
   TOKENS — match homepage
════════════════════════ */
:root {
  --aire-bg       : #06060f;
  --aire-surface  : rgba(13,13,31,.95);
  --aire-border   : rgba(124,58,237,.18);
  --aire-borderw  : rgba(255,255,255,.07);
  --aire-purple   : #7c3aed;
  --aire-purplelt : #9d6bff;
  --aire-purpled  : rgba(124,58,237,.1);
  --aire-cyan     : #06b6d4;
  --aire-green    : #10b981;
  --aire-amber    : #f59e0b;
  --aire-red      : #ef4444;
  --aire-white    : #f1f0ff;
  --aire-muted    : #7b7a9e;
  --ff-head       : 'Space Grotesk', system-ui, sans-serif;
  --ff-body       : 'Plus Jakarta Sans', system-ui, sans-serif;
}

/* Force dark background without overriding Canvas body */
#aire-page-root {
  background: var(--aire-bg);
  font-family: var(--ff-body);
  color: var(--aire-muted);
}

/* ════════════════════════
   RULE 1  SHARED UTILITIES
════════════════════════ */

/* Section spacing */
.aire-sec { padding: 90px 0; }

/* Section heading */
.aire-h2 {
  font-family: var(--ff-head);
  font-size: clamp(1.85rem, 3.5vw, 3.1rem);
  font-weight: 800;
  color: var(--aire-white);
  line-height: 1.1;
  letter-spacing: -.025em;
  margin-bottom: 1rem;
}
.aire-hl  { color: var(--aire-purplelt); }
.aire-hlc { color: var(--aire-cyan);     }
.aire-hlg { color: var(--aire-green);    }
.aire-hla { color: var(--aire-amber);    }

/* Body text */
.aire-body {
  font-family: var(--ff-body);
  font-size: .95rem;
  font-weight: 300;
  line-height: 1.85;
  color: var(--aire-muted);
}
.aire-body strong { color: var(--aire-white); font-weight: 500; }

/* Kicker pill */
.aire-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--ff-head);
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--aire-purplelt);
  border: 1px solid rgba(157,107,255,.25);
  background: rgba(124,58,237,.08);
  padding: .28rem .9rem;
  border-radius: 50px;
  margin-bottom: 1.25rem;
}

/* RULE 2 — keyframe name aire- */
.aire-kicker-dot {
  width: 5px; height: 5px;
  border-radius: 50%;
  background: var(--aire-purplelt);
  animation: aire-dot-pulse 2s infinite;
}
@keyframes aire-dot-pulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(157,107,255,.45); }
  50%      { box-shadow: 0 0 0 6px transparent; }
}

/* Buttons */
.aire-btn-p {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--aire-purple);
  color: #fff !important;
  font-family: var(--ff-head);
  font-size: .88rem;
  font-weight: 700;
  padding: .85rem 2rem;
  border-radius: 10px;
  text-decoration: none !important;
  border: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: transform .2s, box-shadow .2s, color .2s;
}
.aire-btn-p::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);
  transform: translateX(-100%);
  transition: transform .5s;
}
.aire-btn-p:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(124,58,237,.45);
  color: #fff !important;
}
.aire-btn-p:hover::after { transform: translateX(100%); }

.aire-btn-g {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: rgba(241,240,255,.8) !important;
  font-family: var(--ff-head);
  font-size: .88rem;
  font-weight: 500;
  padding: .85rem 1.8rem;
  border-radius: 10px;
  border: 1px solid var(--aire-borderw);
  text-decoration: none !important;
  transition: border-color .2s, background .2s, color .2s;
  cursor: pointer;
}
.aire-btn-g:hover {
  border-color: rgba(157,107,255,.4);
  background: var(--aire-purpled);
  color: var(--aire-white) !important;
}

/* Cards */
.aire-card {
  background: var(--aire-surface);
  border: 1px solid var(--aire-border);
  border-radius: 16px;
  padding: 1.75rem;
  height: 100%;
  position: relative;
  overflow: hidden;
  transition: border-color .3s, transform .3s;
}
.aire-card:hover {
  border-color: rgba(124,58,237,.38);
  transform: translateY(-4px);
}
.aire-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg,
    transparent,
    var(--aire-purple) 50%,
    transparent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .38s ease;
}
.aire-card:hover::before { transform: scaleX(1); }

.aire-icon-box {
  width: 48px; height: 48px;
  border-radius: 12px;
  background: var(--aire-purpled);
  border: 1px solid rgba(124,58,237,.22);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  color: var(--aire-purplelt);
  margin-bottom: 1.1rem;
  transition: box-shadow .3s;
}
.aire-card:hover .aire-icon-box {
  box-shadow: 0 0 18px rgba(124,58,237,.3);
}

.aire-card-h {
  font-family: var(--ff-head);
  font-size: 1rem;
  font-weight: 700;
  color: var(--aire-white);
  margin-bottom: .5rem;
  line-height: 1.3;
}
.aire-card-p {
  font-size: .84rem;
  font-weight: 300;
  line-height: 1.75;
  color: var(--aire-muted);
  margin: 0;
}
.aire-card-p strong { color: var(--aire-white); font-weight: 500; }

/* Section divider line */
.aire-line {
  height: 1px;
  background: linear-gradient(90deg,
    transparent, rgba(124,58,237,.25) 50%, transparent);
  margin: 0;
}

/* Breadcrumb */
.aire-breadcrumb {
  display: flex;
  align-items: center;
  gap: .5rem;
  flex-wrap: wrap;
  font-family: var(--ff-body);
  font-size: .75rem;
  color: var(--aire-muted);
  padding: .8rem 0;
}
.aire-breadcrumb a {
  color: var(--aire-purplelt);
  text-decoration: none;
  transition: color .2s;
}
.aire-breadcrumb a:hover { color: #c4a8ff; }
.aire-breadcrumb-sep { color: rgba(255,255,255,.2); }

/* ════════════════════════
   RULE 1  1. HERO
   Uses Canvas slider-element / include-header
   All custom classes aire-hero-*
════════════════════════ */
#aire-hero.slider-element {
  margin-top: -71px; /* offset Canvas fixed header */
}

/* RULE 3 — Canvas slider-inner scoped to #aire-hero */
#aire-hero .slider-inner {
  background:
    radial-gradient(ellipse 65% 55% at 70% 45%, rgba(124,58,237,.14) 0%, transparent 60%),
    radial-gradient(ellipse 40% 45% at 15% 75%, rgba(6,182,212,.07)  0%, transparent 55%),
    linear-gradient(160deg, #04040e 0%, #070714 40%, #0a0a1c 100%) !important;
  position: relative;
  overflow: hidden;
}
#aire-hero .slider-inner::before {
  content: '';
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(124,58,237,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(124,58,237,.04) 1px, transparent 1px);
  background-size: 60px 60px;
  pointer-events: none;
  z-index: 0;
}
#aire-hero .slider-inner > * { position: relative; z-index: 1; }
#aire-hero .vertical-middle   { position: relative; z-index: 2; }

/* Hero inner grid */
.aire-hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.5rem;
  align-items: center;
  padding: 80px 0 60px;
}

/* Eyebrow */
.aire-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--ff-head);
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--aire-purplelt);
  border: 1px solid rgba(157,107,255,.28);
  background: rgba(124,58,237,.08);
  padding: .3rem 1rem;
  border-radius: 50px;
  margin-bottom: 1.5rem;
}
.aire-hero-eyebrow-dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--aire-purplelt);
  animation: aire-dot-pulse 2s infinite;
}

/* H1 */
.aire-hero-h1 {
  font-family: var(--ff-head);
  font-size: clamp(2.1rem, 4.6vw, 4rem);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -.03em;
  color: var(--aire-white);
  margin-bottom: 1.35rem;
}
.aire-hero-h1 .aire-grad {
  background: linear-gradient(135deg, var(--aire-purplelt) 0%, var(--aire-cyan) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.aire-hero-h1 .aire-dim {
  color: rgba(241,240,255,.5);
  font-weight: 400;
  display: block;
  font-size: .72em;
  margin-top: .2em;
}

/* Hero lead */
.aire-hero-lead {
  font-family: var(--ff-body);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.85;
  color: rgba(241,240,255,.58);
  max-width: 530px;
  margin-bottom: 2rem;
}
.aire-hero-lead strong { color: var(--aire-white); font-weight: 500; }

/* Quick-trust badges */
.aire-trust-badges {
  display: flex;
  gap: .55rem;
  flex-wrap: wrap;
  margin-bottom: 1.85rem;
}
.aire-trust-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: var(--ff-head);
  font-size: .68rem;
  font-weight: 600;
  padding: .25rem .75rem;
  border-radius: 50px;
}
.aire-trust-badge.g {
  color: var(--aire-green);
  background: rgba(16,185,129,.1);
  border: 1px solid rgba(16,185,129,.25);
}
.aire-trust-badge.p {
  color: var(--aire-purplelt);
  background: rgba(124,58,237,.1);
  border: 1px solid rgba(124,58,237,.25);
}
.aire-trust-badge.c {
  color: var(--aire-cyan);
  background: rgba(6,182,212,.1);
  border: 1px solid rgba(6,182,212,.25);
}

/* Stats strip */
.aire-hero-stats {
  display: flex;
  border: 1px solid rgba(124,58,237,.15);
  border-radius: 12px;
  overflow: hidden;
  background: rgba(124,58,237,.04);
  margin-top: 2.2rem;
}
.aire-stat {
  flex: 1;
  padding: 1rem .75rem;
  text-align: center;
  border-right: 1px solid rgba(124,58,237,.12);
}
.aire-stat:last-child { border-right: none; }
.aire-stat-n {
  font-family: var(--ff-head);
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--aire-white);
  line-height: 1;
  display: block;
  margin-bottom: .18rem;
}
.aire-stat-n .aire-p { color: var(--aire-purplelt); }
.aire-stat-l {
  font-size: .6rem;
  color: rgba(241,240,255,.32);
  letter-spacing: .05em;
  display: block;
}

/* Geo strip */
.aire-geo {
  display: flex;
  gap: .45rem;
  flex-wrap: wrap;
  margin-top: 1.5rem;
}
.aire-geo-pill {
  font-size: .67rem;
  font-weight: 500;
  color: rgba(241,240,255,.38);
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  padding: .18rem .55rem;
  border-radius: 5px;
}

/* Hero SVG panel */
.aire-hero-visual {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* RULE 2 — animation keyframes */
@keyframes aire-float {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-10px); }
}
@keyframes aire-glow-pulse {
  0%,100% { opacity: .12; }
  50%      { opacity: .28; }
}
@keyframes aire-spin-fwd {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
@keyframes aire-spin-rev {
  from { transform: rotate(0deg); }
  to   { transform: rotate(-360deg); }
}
@keyframes aire-blink-node {
  0%,100% { opacity: .85; }
  50%      { opacity: .3; }
}
@keyframes aire-ekg {
  0%   { stroke-dashoffset: 220; }
  100% { stroke-dashoffset: 0; }
}
@keyframes aire-sweep {
  from { transform: translateX(-100%); }
  to   { transform: translateX(100%); }
}

/* ════════════════════════
   RULE 1  2. WHY SECTION
════════════════════════ */
#aire-why {
  background: var(--aire-bg);
}
.aire-why-quick-card {
  background: var(--aire-surface);
  border-radius: 14px;
  padding: 1.3rem;
  height: 100%;
  transition: transform .25s, border-color .25s;
}
.aire-why-quick-card:hover { transform: translateY(-3px); }
.aire-why-quick-card.aire-bc-purple { border: 1px solid rgba(124,58,237,.22); }
.aire-why-quick-card.aire-bc-cyan   { border: 1px solid rgba(6,182,212,.22);  }
.aire-why-quick-card.aire-bc-green  { border: 1px solid rgba(16,185,129,.22); }
.aire-why-quick-card.aire-bc-amber  { border: 1px solid rgba(245,158,11,.22); }
.aire-why-quick-icon {
  font-size: 1.5rem;
  margin-bottom: .7rem;
  display: block;
  line-height: 1;
}
.aire-why-quick-title {
  font-family: var(--ff-head);
  font-size: .95rem;
  font-weight: 700;
  color: var(--aire-white);
  margin-bottom: .35rem;
}
.aire-why-quick-text {
  font-size: .82rem;
  font-weight: 300;
  line-height: 1.65;
  color: var(--aire-muted);
  margin: 0;
}

/* ════════════════════════
   RULE 1  3. PAIN TABLE
════════════════════════ */
#aire-pain-table {
  background: linear-gradient(180deg,
    var(--aire-bg) 0%,
    rgba(124,58,237,.04) 50%,
    var(--aire-bg) 100%);
}
.aire-table-scroll {
  overflow-x: auto;
  border-radius: 16px;
  border: 1px solid var(--aire-border);
}
.aire-tbl {
  width: 100%;
  border-collapse: collapse;
  min-width: 700px;
  background: var(--aire-surface);
}
.aire-tbl thead th {
  font-family: var(--ff-head);
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
  padding: 1rem 1.3rem;
  border-bottom: 1px solid rgba(124,58,237,.15);
  text-align: left;
  white-space: nowrap;
}
.aire-tbl thead th:nth-child(1) { color: rgba(241,240,255,.5); }
.aire-tbl thead th:nth-child(2) { color: rgba(241,240,255,.4); }
.aire-tbl thead th:nth-child(3) { color: var(--aire-purplelt); }
.aire-tbl tbody tr {
  border-bottom: 1px solid rgba(255,255,255,.04);
  transition: background .15s;
}
.aire-tbl tbody tr:last-child { border-bottom: none; }
.aire-tbl tbody tr:hover      { background: rgba(124,58,237,.04); }
.aire-tbl td {
  padding: .95rem 1.3rem;
  font-size: .84rem;
  font-weight: 300;
  line-height: 1.6;
  vertical-align: top;
}
.aire-tbl td:nth-child(1) { color: var(--aire-white); font-weight: 500; }
.aire-tbl td:nth-child(2) { color: var(--aire-muted); }
.aire-tbl td:nth-child(3) { color: rgba(157,107,255,.88); }
.aire-tbl td strong       { color: var(--aire-white); }
.aire-tbl-ic {
  color: var(--aire-green);
  font-size: .75rem;
  margin-right: 5px;
  vertical-align: middle;
}

/* ════════════════════════
   RULE 1  4. PAIN CARDS
════════════════════════ */
#aire-pain-cards { background: var(--aire-bg); }
.aire-pain-card {
  background: var(--aire-surface);
  border: 1px solid var(--aire-border);
  border-radius: 14px;
  padding: 1.6rem;
  height: 100%;
  position: relative;
  overflow: hidden;
  transition: border-color .3s, transform .3s;
}
.aire-pain-card:hover {
  border-color: rgba(239,68,68,.28);
  transform: translateY(-4px);
}
.aire-pain-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg,transparent,var(--aire-red) 50%,transparent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .38s;
}
.aire-pain-card:hover::before { transform: scaleX(1); }
.aire-pain-icon {
  font-size: 1.5rem;
  line-height: 1;
  margin-bottom: .85rem;
  display: block;
}
.aire-pain-h {
  font-family: var(--ff-head);
  font-size: .95rem;
  font-weight: 700;
  color: var(--aire-white);
  margin-bottom: .45rem;
}
.aire-pain-p {
  font-size: .83rem;
  font-weight: 300;
  line-height: 1.7;
  color: var(--aire-muted);
  margin: 0;
}

/* ════════════════════════
   RULE 1  5. FEATURES
════════════════════════ */
#aire-features {
  background: linear-gradient(180deg,
    var(--aire-bg) 0%,
    rgba(124,58,237,.04) 50%,
    var(--aire-bg) 100%);
}

/* ════════════════════════
   RULE 1  6. AUDIO DEMOS
════════════════════════ */
#aire-demos { background: var(--aire-bg); }
.aire-demo-card {
  background: var(--aire-surface);
  border: 1px solid var(--aire-border);
  border-radius: 14px;
  padding: 1.6rem;
  height: 100%;
  position: relative;
  overflow: hidden;
  transition: border-color .3s, transform .3s;
}
.aire-demo-card:hover {
  border-color: rgba(124,58,237,.32);
  transform: translateY(-3px);
}
.aire-demo-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg,transparent,var(--aire-purple) 50%,transparent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .38s;
}
.aire-demo-card:hover::before { transform: scaleX(1); }
.aire-demo-card.aire-demo-featured {
  border-color: rgba(124,58,237,.32);
}
.aire-demo-card.aire-demo-featured::before { transform: scaleX(1); }
.aire-demo-tag {
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: var(--aire-purplelt);
  display: block;
  margin-bottom: .5rem;
}
.aire-demo-tag.g { color: var(--aire-green); }
.aire-demo-h {
  font-family: var(--ff-head);
  font-size: 1rem;
  font-weight: 700;
  color: var(--aire-white);
  margin-bottom: .6rem;
}
.aire-demo-h a {
  color: var(--aire-white);
  text-decoration: none;
  transition: color .2s;
}
.aire-demo-h a:hover { color: var(--aire-purplelt); }
.aire-demo-desc {
  font-size: .83rem;
  font-weight: 300;
  line-height: 1.7;
  color: var(--aire-muted);
  margin-bottom: 1.2rem;
}
.aire-audio {
  width: 100%;
  border-radius: 8px;
  accent-color: var(--aire-purple);
  outline: none;
}

/* ════════════════════════
   RULE 1  7. FAQ
════════════════════════ */
#aire-faq {
  background: linear-gradient(180deg,
    var(--aire-bg) 0%,
    rgba(124,58,237,.04) 50%,
    var(--aire-bg) 100%);
}
.aire-faq-item {
  border-bottom: 1px solid var(--aire-borderw);
}
.aire-faq-btn {
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.2rem 0;
  text-align: left;
}
.aire-faq-question {
  font-family: var(--ff-head);
  font-size: .9rem;
  font-weight: 600;
  color: var(--aire-white);
  line-height: 1.4;
  flex: 1;
}
.aire-faq-icon {
  width: 28px; height: 28px;
  border-radius: 50%;
  border: 1px solid var(--aire-borderw);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .65rem;
  color: var(--aire-muted);
  flex-shrink: 0;
  transition: border-color .2s, color .2s, transform .3s;
}
.aire-faq-item.aire-faq-open .aire-faq-icon {
  border-color: var(--aire-purplelt);
  color: var(--aire-purplelt);
  transform: rotate(45deg);
}
.aire-faq-answer {
  overflow: hidden;
  max-height: 0;
  transition: max-height .4s cubic-bezier(.4,0,.2,1);
}
.aire-faq-item.aire-faq-open .aire-faq-answer {
  max-height: 400px;
}
.aire-faq-answer-inner {
  padding-bottom: 1.2rem;
  font-size: .88rem;
  font-weight: 300;
  line-height: 1.8;
  color: var(--aire-muted);
}
.aire-faq-answer-inner strong { color: var(--aire-white); font-weight: 500; }

/* ════════════════════════
   RULE 1  8. CTA / CONTACT
════════════════════════ */
#aire-contact {
  background: var(--aire-surface);
  border-top: 1px solid var(--aire-border);
  position: relative;
  overflow: hidden;
}
#aire-contact::before {
  content: '';
  position: absolute;
  top: -180px; left: 50%;
  transform: translateX(-50%);
  width: 720px; height: 400px;
  background: radial-gradient(ellipse, rgba(124,58,237,.14) 0%, transparent 70%);
  pointer-events: none;
}
.aire-cta-h2 {
  font-family: var(--ff-head);
  font-size: clamp(2rem, 4vw, 3.5rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.025em;
  color: var(--aire-white);
  margin-bottom: .75rem;
}
.aire-cta-grad {
  background: linear-gradient(135deg, var(--aire-purplelt), var(--aire-cyan));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Form card */
.aire-form-card {
  background: rgba(8,8,22,.98);
  border: 1px solid var(--aire-border);
  border-radius: 18px;
  padding: 2.2rem;
  position: relative;
  overflow: hidden;
}
.aire-form-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg,transparent,var(--aire-purple) 50%,transparent);
}
.aire-label {
  display: block;
  font-family: var(--ff-head);
  font-size: .6rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--aire-muted);
  margin-bottom: .32rem;
}
.aire-input {
  width: 100%;
  background: rgba(255,255,255,.04);
  border: 1px solid var(--aire-borderw);
  border-radius: 9px;
  padding: .68rem 1rem;
  font-family: var(--ff-body);
  font-size: .88rem;
  color: var(--aire-white);
  outline: none;
  transition: border-color .2s, box-shadow .2s;
  -webkit-appearance: none;
}
.aire-input:focus {
  border-color: rgba(124,58,237,.55);
  box-shadow: 0 0 0 3px rgba(124,58,237,.1);
}
.aire-input::placeholder { color: rgba(123,122,158,.45); }
textarea.aire-input { resize: none; }

/* Form success */
#aire-form-success {
  display: none;
  text-align: center;
  padding: 2.5rem 1rem;
}
.aire-success-ring {
  width: 58px; height: 58px;
  border-radius: 50%;
  background: var(--aire-purpled);
  border: 2px solid var(--aire-purplelt);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: var(--aire-purplelt);
  margin: 0 auto 1.1rem;
}
.aire-success-h {
  font-family: var(--ff-head);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--aire-white);
  margin-bottom: .4rem;
}
.aire-success-p {
  font-size: .85rem;
  font-weight: 300;
  color: var(--aire-muted);
  max-width: 280px;
  margin: 0 auto;
  line-height: 1.65;
}

/* CTA checklist */
.aire-checklist {
  display: flex;
  flex-direction: column;
  gap: .75rem;
  margin-top: 1.6rem;
}
.aire-check-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: .9rem;
  color: var(--aire-white);
}
.aire-check-item i { color: var(--aire-green); margin-top: 2px; }

/* ════════════════════════
   RULE 5  RESPONSIVE
   All scoped to section IDs
════════════════════════ */
@media (max-width: 991px) {
  .aire-sec { padding: 65px 0; }
  .aire-hero-grid {
    grid-template-columns: 1fr;
    padding: 60px 0 50px;
    gap: 2rem;
  }
  .aire-hero-visual { display: none; }
  .aire-hero-h1 { font-size: clamp(1.85rem, 6.5vw, 3rem); }
  .aire-hero-lead { max-width: 100%; }
  .aire-hero-stats { flex-wrap: wrap; }
  .aire-stat { flex: 1 1 40%; border-bottom: 1px solid rgba(124,58,237,.1); }
}
@media (max-width: 767px) {
  .aire-sec { padding: 52px 0; }
  .aire-h2  { font-size: clamp(1.65rem, 6.5vw, 2.3rem); }
  .aire-hero-stats { display: none; }
}
@media (max-width: 575px) {
  .aire-btn-p,
  .aire-btn-g { width: 100%; justify-content: center; }
  .aire-form-card { padding: 1.5rem; }
  .aire-cta-h2 { font-size: clamp(1.75rem, 7vw, 2.4rem); }
}




/* ============================================================
     AIOnCalls — Footer
     Namespace : aoc-ft-  (zero conflicts)
     Canvas classes: footer, id="footer", id="copyrights"
                     container — ALL preserved
     All content unchanged · dark theme matched to page
============================================================ -



/* ════════════════════════════════════════════════════════════
   RULE 1+3  FOOTER WRAPPER — ID scoped
════════════════════════════════════════════════════════════ */

#footer.aoc-ft-footer {
  background: #06060f !important;
  border: none !important;
  position: relative;
  overflow: hidden;
}

/* Top gradient border line */
#footer.aoc-ft-footer::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg,
    transparent,
    rgba(124,58,237,.5) 30%,
    rgba(6,182,212,.4)  70%,
    transparent);
  pointer-events: none;
}

/* Subtle dot grid */
#footer.aoc-ft-footer::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(124,58,237,.08) 1px, transparent 1px);
  background-size: 32px 32px;
  pointer-events: none;
  z-index: 0;
}

#footer.aoc-ft-footer > * {
  position: relative;
  z-index: 1;
}

/* ════════════════════════════════════════════════════════════
   RULE 1  MAIN FOOTER BODY — aoc-ft- prefix
════════════════════════════════════════════════════════════ */

.aoc-ft-body {
  padding: 60px 0 40px;
  border-bottom: 1px solid rgba(124,58,237,.15);
}

/* Logo + tagline */
.aoc-ft-logo-mark {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 1.35rem;
  font-weight: 800;
  color: #f1f0ff;
  letter-spacing: -.02em;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: .65rem;
}
.aoc-ft-logo-mark:hover { color: #9d6bff; }

.aoc-ft-logo-dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #9d6bff;
  animation: aoc-ft-dot 2s infinite;
}

/* RULE 2 — keyframe prefixed aoc-ft- */
@keyframes aoc-ft-dot {
  0%,100% { box-shadow: 0 0 0 0 rgba(157,107,255,.5); }
  50%      { box-shadow: 0 0 0 6px transparent; }
}

.aoc-ft-tagline {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: .85rem;
  font-weight: 300;
  color: #7b7a9e;
  line-height: 1.7;
  margin-bottom: 1.25rem;
  max-width: 280px;
}

/* Compliance badges */
.aoc-ft-badges {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}
.aoc-ft-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #10b981;
  background: rgba(16,185,129,.1);
  border: 1px solid rgba(16,185,129,.22);
  padding: .2rem .6rem;
  border-radius: 4px;
}
.aoc-ft-badge.aoc-ft-purple {
  color: #9d6bff;
  background: rgba(124,58,237,.1);
  border-color: rgba(124,58,237,.22);
}

/* Social icons */
.aoc-ft-socials {
  display: flex;
  gap: .6rem;
}
.aoc-ft-social-btn {
  width: 36px; height: 36px;
  border-radius: 8px;
  background: rgba(124,58,237,.08);
  border: 1px solid rgba(124,58,237,.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7b7a9e;
  font-size: .95rem;
  text-decoration: none;
  transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}
.aoc-ft-social-btn:hover {
  background: rgba(124,58,237,.2);
  border-color: rgba(157,107,255,.4);
  color: #9d6bff;
  transform: translateY(-2px);
}

/* ── Column headings ── */
.aoc-ft-col-heading {
  font-family: 'Space Grotesk', sans-serif;
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #9d6bff;
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: 7px;
}
.aoc-ft-col-heading::after {
  content: '';
  flex: 1;
  height: 1px;
  background: rgba(124,58,237,.2);
}

/* ── Nav links ── */
.aoc-ft-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: .55rem;
}
.aoc-ft-links li a {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: .85rem;
  font-weight: 300;
  color: #7b7a9e;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: color .2s ease, gap .2s ease;
}
.aoc-ft-links li a i {
  font-size: .55rem;
  color: rgba(124,58,237,.5);
  transition: color .2s ease;
}
.aoc-ft-links li a:hover {
  color: #f1f0ff;
  gap: 10px;
}
.aoc-ft-links li a:hover i {
  color: #9d6bff;
}

/* ── Contact info ── */
.aoc-ft-contact-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: .85rem;
}
.aoc-ft-contact-icon {
  width: 30px; height: 30px;
  border-radius: 8px;
  background: rgba(124,58,237,.1);
  border: 1px solid rgba(124,58,237,.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .8rem;
  color: #9d6bff;
  flex-shrink: 0;
  margin-top: 1px;
}
.aoc-ft-contact-text {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: .83rem;
  font-weight: 300;
  color: #7b7a9e;
  line-height: 1.55;
}
.aoc-ft-contact-text a {
  color: #9d6bff;
  text-decoration: none;
  transition: color .2s ease;
}
.aoc-ft-contact-text a:hover { color: #c4a8ff; }

/* Geo markets pill row */
.aoc-ft-geo-row {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin-top: 1rem;
}
.aoc-ft-geo-pill {
  font-size: .68rem;
  font-weight: 500;
  color: rgba(241,240,255,.45);
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  padding: .18rem .6rem;
  border-radius: 4px;
}

/* ════════════════════════════════════════════════════════════
   RULE 3+8  CANVAS copyrights OVERRIDE
   Scoped to #copyrights inside #footer.aoc-ft-footer
════════════════════════════════════════════════════════════ */

#footer.aoc-ft-footer #copyrights {
  background: transparent !important;
  border-top: 1px solid rgba(124,58,237,.15) !important;
  padding: 1.5rem 0 !important;
}

/* Address block */
#footer.aoc-ft-footer #copyrights address {
  font-style: normal;
  font-size: .82rem;
  font-weight: 300;
  color: #7b7a9e;
  line-height: 1.8;
  margin-bottom: .65rem;
  text-align: center;
}
#footer.aoc-ft-footer #copyrights address strong {
  color: #f1f0ff;
  font-weight: 700;
}
#footer.aoc-ft-footer #copyrights address a {
  color: #9d6bff;
  text-decoration: none;
  transition: color .2s ease;
}
#footer.aoc-ft-footer #copyrights address a:hover {
  color: #c4a8ff;
}

/* Copyright line */
.aoc-ft-copy-line {
  font-size: .78rem;
  color: rgba(123,122,158,.55);
  text-align: center;
  margin-bottom: .65rem;
}

/* Legal nav */
.aoc-ft-legal-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  flex-wrap: wrap;
}
.aoc-ft-legal-nav a {
  font-size: .78rem;
  font-weight: 400;
  color: #7b7a9e;
  text-decoration: none;
  transition: color .2s ease;
}
.aoc-ft-legal-nav a:hover { color: #9d6bff; }
.aoc-ft-legal-nav .aoc-ft-sep {
  color: rgba(124,58,237,.3);
  font-size: .7rem;
}

/* ════════════════════════════════════════════════════════════
   RULE 6  RESPONSIVE — all scoped
════════════════════════════════════════════════════════════ */

@media (max-width: 991px) {
  .aoc-ft-body { padding: 50px 0 35px; }
}

@media (max-width: 767px) {
  .aoc-ft-body { padding: 40px 0 30px; }
  .aoc-ft-logo-col { margin-bottom: 2.5rem; }
  .aoc-ft-tagline  { max-width: 100%; }
}
/* ============================================================
   AIOnCalls — Outbound Section Responsive CSS
   Scoped entirely to #outbound — zero conflicts
   Fixes:
   · Stat grid col-4 → col-6 on mobile (2-col layout)
   · Stat numbers font size scaling
   · SVG pipeline diagram scaling + readability
   · Feature list icon alignment on small screens
   · Section padding reduction on mobile
   · kicker + heading size scaling
   · CTA button full width on mobile
============================================================ */


/* ════════════════════════════════════════════════════════════
   BASE — applies at all sizes, scoped to #outbound
════════════════════════════════════════════════════════════ */

/* Stat cell base */
#outbound .aoc-outbound-stat {
  background: var(--aoc-surface, #0d0d1f);
  border: 1px solid var(--aoc-border, rgba(124,58,237,.15));
  border-radius: 12px;
  padding: 1.25rem 1rem;
  text-align: center;
  transition: background .2s ease, border-color .2s ease;
}
#outbound .aoc-outbound-stat:hover {
  background: var(--aoc-surface2, #13132a);
  border-color: rgba(124,58,237,.3);
}

#outbound .aoc-outbound-stat-num {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 1.7rem;
  font-weight: 800;
  color: var(--aoc-white, #f1f0ff);
  line-height: 1;
  margin-bottom: .3rem;
}
#outbound .aoc-outbound-stat-num span {
  color: var(--aoc-purple-lt, #9d6bff);
}

#outbound .aoc-outbound-stat-label {
  font-size: .72rem;
  color: var(--aoc-muted, #7b7a9e);
  font-weight: 400;
  line-height: 1.4;
}

/* Feature list items — enforce consistent alignment */
#outbound .aoc-outbound-feat-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: .9rem;
  color: var(--aoc-white, #f1f0ff);
}
#outbound .aoc-outbound-feat-item i {
  color: var(--aoc-purple-lt, #9d6bff);
  flex-shrink: 0;
  margin-top: 3px;
  font-size: 1rem;
}

/* SVG pipeline wrapper */
#outbound .aoc-outbound-pipeline {
  background: var(--aoc-surface, #0d0d1f);
  border: 1px solid var(--aoc-border, rgba(124,58,237,.15));
  border-radius: 12px;
  padding: 1.5rem;
  text-align: center;
  overflow: hidden;
}
#outbound .aoc-outbound-pipeline svg {
  width: 100%;
  max-width: 400px;
  height: auto;
  display: block;
  margin: 0 auto;
}
#outbound .aoc-outbound-pipeline p {
  font-size: .72rem;
  color: var(--aoc-muted, #7b7a9e);
  margin: .5rem 0 0;
}


/* ════════════════════════════════════════════════════════════
   LARGE TABLET  ≤ 1199px
════════════════════════════════════════════════════════════ */

@media (max-width: 1199px) {

  #outbound .aoc-outbound-stat-num {
    font-size: 1.5rem;
  }

  #outbound .aoc-outbound-pipeline {
    padding: 1.25rem;
  }

}


/* ════════════════════════════════════════════════════════════
   TABLET  ≤ 991px
   Columns stack · stat grid stays 3-col but numbers shrink
════════════════════════════════════════════════════════════ */

@media (max-width: 991px) {

  /* Section padding */
  #outbound.aoc-section {
    padding: 65px 0;
  }

  /* Left col gets bottom margin when stacked */
  #outbound .col-lg-5 {
    margin-bottom: 2.5rem;
  }

  #outbound .aoc-outbound-stat {
    padding: 1rem .75rem;
  }

  #outbound .aoc-outbound-stat-num {
    font-size: 1.35rem;
  }

  #outbound .aoc-outbound-stat-label {
    font-size: .68rem;
  }

  /* Subheading above stats */
  #outbound .aoc-outbound-subheading {
    font-size: 1.1rem !important;
    margin-bottom: 1.25rem !important;
  }

}


/* ════════════════════════════════════════════════════════════
   MOBILE LANDSCAPE  ≤ 767px
   Stat grid → 2 columns  ·  SVG simplifies
════════════════════════════════════════════════════════════ */

@media (max-width: 767px) {

  /* Section padding */
  #outbound.aoc-section {
    padding: 55px 0;
  }

  /* ── Stat grid: col-4 → col-6 (2 per row) ── */
  /*
     The HTML uses Bootstrap .col-4 inside .row.g-3
     We override the column width here so each stat
     takes half the row instead of a third
  */
  #outbound .row.g-3 > .col-4 {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  #outbound .aoc-outbound-stat {
    padding: 1.1rem .85rem;
  }

  #outbound .aoc-outbound-stat-num {
    font-size: 1.45rem;
  }

  /* The two "text-only" stats (24/7 and 9-6pm) — keep readable */
  #outbound .aoc-outbound-stat-num[style*="1.8rem"] {
    font-size: 1.5rem !important;
  }

  /* Kicker */
  #outbound .aoc-kicker {
    font-size: .65rem;
  }

  /* Heading */
  #outbound .aoc-h2 {
    font-size: clamp(1.5rem, 6vw, 2rem) !important;
  }

  /* Sub-heading above stats */
  #outbound .aoc-outbound-subheading {
    font-size: 1rem !important;
    margin-bottom: 1rem !important;
  }

  /* Feature list items — tighten gap slightly */
  #outbound .aoc-outbound-feat-item,
  #outbound .d-flex.flex-column > div {
    gap: 8px !important;
    font-size: .88rem !important;
  }

  /* CTA button — full width */
  #outbound .btn-aoc-primary {
    width: 100%;
    justify-content: center;
  }

  /* Pipeline diagram padding */
  #outbound .aoc-outbound-pipeline {
    padding: 1rem .75rem;
  }

}


/* ════════════════════════════════════════════════════════════
   MOBILE PORTRAIT  ≤ 479px
   Stat grid → still 2-col  ·  numbers scale down more
════════════════════════════════════════════════════════════ */

@media (max-width: 479px) {

  /* Section padding */
  #outbound.aoc-section {
    padding: 45px 0;
  }

  /* Stat cells — compact */
  #outbound .aoc-outbound-stat {
    padding: .9rem .65rem;
    border-radius: 10px;
  }

  #outbound .aoc-outbound-stat-num {
    font-size: 1.25rem;
    margin-bottom: .2rem;
  }

  #outbound .aoc-outbound-stat-num[style*="1.8rem"] {
    font-size: 1.25rem !important;
  }

  #outbound .aoc-outbound-stat-label {
    font-size: .64rem;
    line-height: 1.35;
  }

  /* Heading */
  #outbound .aoc-h2 {
    font-size: clamp(1.35rem, 7.5vw, 1.75rem) !important;
    letter-spacing: -.015em !important;
  }

  /* Feature list */
  #outbound .d-flex.flex-column {
    gap: .6rem !important;
  }
  #outbound .d-flex.flex-column > div {
    font-size: .85rem !important;
    gap: 8px !important;
  }

  /* Lead paragraph */
  #outbound .aoc-lead {
    font-size: .9rem !important;
  }

  /* SVG pipeline — hide sub-labels on very small screens */
  #outbound .aoc-outbound-pipeline svg text[y="112"] {
    display: none;
  }

  /* Pipeline description text */
  #outbound .aoc-outbound-pipeline p {
    font-size: .68rem;
  }

  /* Row gap reduction */
  #outbound .row.g-3 {
    --bs-gutter-x: .65rem;
    --bs-gutter-y: .65rem;
  }

  /* Section g-5 gap reduction when stacked */
  #outbound .row.g-5 {
    --bs-gutter-y: 2rem;
  }

}


/* ════════════════════════════════════════════════════════════
   VERY SMALL  ≤ 359px  (Galaxy Fold etc)
════════════════════════════════════════════════════════════ */

@media (max-width: 359px) {

  #outbound .aoc-outbound-stat-num {
    font-size: 1.1rem;
  }

  #outbound .aoc-outbound-stat-label {
    font-size: .6rem;
  }

  /* On the absolute smallest screens, go 1-column for stats */
  #outbound .row.g-3 > .col-4 {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  #outbound .aoc-outbound-stat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    padding: .85rem 1rem;
  }

  #outbound .aoc-outbound-stat-num {
    margin-bottom: 0;
    font-size: 1.3rem;
  }

  #outbound .aoc-outbound-stat-label {
    font-size: .72rem;
    text-align: right;
    max-width: 55%;
  }

}
html, body {
    overflow-x: hidden !important;
    max-width: 100%;
}

* {
    box-sizing: border-box;
}
/* 
<!-- ═══════════════════════════════════════════════════════
     PAGE CSS — aifx- namespace (AIOnCalls Forex)
     RULES:
       RULE 1  All custom classes    → aifx- prefix
       RULE 2  All keyframe names    → aifx- prefix
       RULE 3  Canvas overrides      → scoped to #aifx-* IDs
       RULE 4  No bare selectors     → never .card / .container
       RULE 5  Responsive            → scoped in @media
       RULE 6  JS                    → IIFE · getElementById root
═══════════════════════════════════════════════════════ -->


/* ─────────────────────────────────────────
   DESIGN TOKENS — match homepage exactly
   Amber #f59e0b is the forex accent colour
   replacing green (wellness) and augmenting
   the purple-cyan homepage palette
───────────────────────────────────────── */ 
:root {
  --aifx-bg      : #06060f;
  --aifx-surface : rgba(13,13,31,.95);
  --aifx-surface2: rgba(18,14,6,.95);
  --aifx-border  : rgba(245,158,11,.15);
  --aifx-borderp : rgba(124,58,237,.15);
  --aifx-borderw : rgba(255,255,255,.07);
  --aifx-amber   : #f59e0b;
  --aifx-amberlt : #fbbf24;
  --aifx-amberd  : rgba(245,158,11,.1);
  --aifx-purple  : #7c3aed;
  --aifx-purplelt: #9d6bff;
  --aifx-purpled : rgba(124,58,237,.1);
  --aifx-cyan    : #06b6d4;
  --aifx-green   : #10b981;
  --aifx-red     : #ef4444;
  --aifx-white   : #f1f0ff;
  --aifx-muted   : #7b7a9e;
  --aifx-ff-head : 'Space Grotesk', system-ui, sans-serif;
  --aifx-ff-body : 'Plus Jakarta Sans', system-ui, sans-serif;
}

#aifx-root {
  background : var(--aifx-bg);
  font-family: var(--aifx-ff-body);
  color      : var(--aifx-muted);
}

/* ─────────────────────────────────────────
   RULE 1  SHARED UTILITIES
───────────────────────────────────────── */

.aifx-sec { padding: 90px 0; }

.aifx-h2 {
  font-family   : var(--aifx-ff-head);
  font-size     : clamp(1.85rem, 3.5vw, 3.1rem);
  font-weight   : 800;
  color         : var(--aifx-white);
  line-height   : 1.1;
  letter-spacing: -.025em;
  margin-bottom : 1rem;
}
.aifx-hl  { color: var(--aifx-amberlt); }
.aifx-hlp { color: var(--aifx-purplelt); }
.aifx-hlc { color: var(--aifx-cyan);    }
.aifx-hlg { color: var(--aifx-green);   }

.aifx-body {
  font-family : var(--aifx-ff-body);
  font-size   : .95rem;
  font-weight : 300;
  line-height : 1.85;
  color       : var(--aifx-muted);
}
.aifx-body strong { color: var(--aifx-white); font-weight: 500; }

/* Kicker pill */
.aifx-kicker {
  display       : inline-flex;
  align-items   : center;
  gap           : 7px;
  font-family   : var(--aifx-ff-head);
  font-size     : .62rem;
  font-weight   : 700;
  letter-spacing: .2em;
  text-transform: uppercase;
  color         : var(--aifx-amberlt);
  border        : 1px solid rgba(251,191,36,.25);
  background    : rgba(245,158,11,.08);
  padding       : .28rem .9rem;
  border-radius : 50px;
  margin-bottom : 1.25rem;
}

/* RULE 2 */
.aifx-kicker-dot {
  width        : 5px;
  height       : 5px;
  border-radius: 50%;
  background   : var(--aifx-amberlt);
  animation    : aifx-dot-pulse 2s infinite;
}
@keyframes aifx-dot-pulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(251,191,36,.45); }
  50%     { box-shadow: 0 0 0 6px transparent; }
}

/* Buttons */
.aifx-btn-p {
  display        : inline-flex;
  align-items    : center;
  gap            : 8px;
  background     : linear-gradient(135deg, #d97706, #f59e0b);
  color          : #0a0500 !important;
  font-family    : var(--aifx-ff-head);
  font-size      : .88rem;
  font-weight    : 700;
  padding        : .85rem 2rem;
  border-radius  : 10px;
  text-decoration: none !important;
  border         : none;
  cursor         : pointer;
  position       : relative;
  overflow       : hidden;
  transition     : transform .2s, box-shadow .2s;
}
.aifx-btn-p::after {
  content   : '';
  position  : absolute;
  inset     : 0;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);
  transform : translateX(-100%);
  transition: transform .5s;
}
.aifx-btn-p:hover {
  transform : translateY(-2px);
  box-shadow: 0 10px 30px rgba(245,158,11,.45);
  color     : #0a0500 !important;
}
.aifx-btn-p:hover::after { transform: translateX(100%); }

.aifx-btn-g {
  display        : inline-flex;
  align-items    : center;
  gap            : 8px;
  background     : transparent;
  color          : rgba(241,240,255,.8) !important;
  font-family    : var(--aifx-ff-head);
  font-size      : .88rem;
  font-weight    : 500;
  padding        : .85rem 1.8rem;
  border-radius  : 10px;
  border         : 1px solid var(--aifx-borderw);
  text-decoration: none !important;
  transition     : border-color .2s, background .2s, color .2s;
  cursor         : pointer;
}
.aifx-btn-g:hover {
  border-color: rgba(251,191,36,.4);
  background  : var(--aifx-amberd);
  color       : var(--aifx-white) !important;
}

/* Standard card */
.aifx-card {
  background   : var(--aifx-surface);
  border       : 1px solid var(--aifx-borderp);
  border-radius: 16px;
  padding      : 1.75rem;
  height       : 100%;
  position     : relative;
  overflow     : hidden;
  transition   : border-color .3s, transform .3s;
}
.aifx-card:hover {
  border-color: rgba(124,58,237,.38);
  transform   : translateY(-4px);
}
.aifx-card::before {
  content         : '';
  position        : absolute;
  top: 0; left: 0; right: 0;
  height          : 2px;
  background      : linear-gradient(90deg,transparent,var(--aifx-purple) 50%,transparent);
  transform       : scaleX(0);
  transform-origin: left;
  transition      : transform .38s ease;
}
.aifx-card:hover::before { transform: scaleX(1); }
.aifx-icon-box {
  width        : 48px;
  height       : 48px;
  border-radius: 12px;
  display      : flex;
  align-items  : center;
  justify-content: center;
  font-size    : 1.2rem;
  margin-bottom: 1.1rem;
  transition   : box-shadow .3s;
  background   : var(--aifx-purpled);
  border       : 1px solid rgba(124,58,237,.22);
  color        : var(--aifx-purplelt);
}
.aifx-card:hover .aifx-icon-box { box-shadow: 0 0 18px rgba(124,58,237,.3); }
.aifx-card-h { font-family: var(--aifx-ff-head); font-size: 1rem; font-weight: 700; color: var(--aifx-white); margin-bottom: .5rem; line-height: 1.3; }
.aifx-card-p { font-size: .84rem; font-weight: 300; line-height: 1.75; color: var(--aifx-muted); margin: 0; }
.aifx-card-p strong { color: var(--aifx-white); font-weight: 500; }

/* Breadcrumb */
.aifx-breadcrumb {
  display    : flex;
  align-items: center;
  gap        : .5rem;
  flex-wrap  : wrap;
  font-family: var(--aifx-ff-body);
  font-size  : .75rem;
  color      : var(--aifx-muted);
  padding    : .8rem 0;
  border-bottom: 1px solid var(--aifx-borderw);
}
.aifx-breadcrumb a { color: var(--aifx-amberlt); text-decoration: none; transition: color .2s; }
.aifx-breadcrumb a:hover { color: #fde68a; }

/* ─────────────────────────────────────────
   RULE 1  HERO
   Canvas slider-element preserved
───────────────────────────────────────── */
#aifx-hero.slider-element { margin-top: -71px; }

/* RULE 3 */
#aifx-hero .slider-inner {
  background:
    radial-gradient(ellipse 65% 55% at 68% 44%, rgba(245,158,11,.1) 0%, transparent 60%),
    radial-gradient(ellipse 40% 45% at 18% 72%, rgba(124,58,237,.08) 0%, transparent 55%),
    linear-gradient(160deg, #060408 0%, #0a080e 40%, #0e0a04 100%) !important;
  position: relative;
  overflow: hidden;
}
#aifx-hero .slider-inner::before {
  content         : '';
  position        : absolute;
  inset           : 0;
  background-image:
    linear-gradient(rgba(245,158,11,.04)  1px, transparent 1px),
    linear-gradient(90deg, rgba(245,158,11,.04) 1px, transparent 1px);
  background-size : 60px 60px;
  pointer-events  : none;
  z-index         : 0;
}
#aifx-hero .slider-inner > * { position: relative; z-index: 1; }
#aifx-hero .vertical-middle  { position: relative; z-index: 2; }

.aifx-hero-grid {
  display              : grid;
  grid-template-columns: 1fr 1fr;
  gap                  : 3.5rem;
  align-items          : center;
  padding              : 80px 0 60px;
}

/* Eyebrow — amber accent */
.aifx-hero-eyebrow {
  display       : inline-flex;
  align-items   : center;
  gap           : 8px;
  font-family   : var(--aifx-ff-head);
  font-size     : .65rem;
  font-weight   : 700;
  letter-spacing: .2em;
  text-transform: uppercase;
  color         : var(--aifx-amberlt);
  border        : 1px solid rgba(251,191,36,.3);
  background    : rgba(245,158,11,.08);
  padding       : .3rem 1rem;
  border-radius : 50px;
  margin-bottom : 1.5rem;
}
.aifx-hero-pulse {
  width        : 6px;
  height       : 6px;
  border-radius: 50%;
  background   : var(--aifx-amberlt);
  animation    : aifx-amber-pulse 1.8s infinite;
}
@keyframes aifx-amber-pulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(251,191,36,.5); }
  50%     { box-shadow: 0 0 0 6px transparent; }
}

.aifx-hero-h1 {
  font-family   : var(--aifx-ff-head);
  font-size     : clamp(2.1rem, 4.6vw, 4rem);
  font-weight   : 800;
  line-height   : 1.05;
  letter-spacing: -.03em;
  color         : var(--aifx-white);
  margin-bottom : 1.35rem;
}
.aifx-hero-h1 .aifx-grad {
  background            : linear-gradient(135deg, var(--aifx-amber) 0%, var(--aifx-amberlt) 50%, var(--aifx-cyan) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip       : text;
}
.aifx-hero-h1 .aifx-dim {
  color      : rgba(241,240,255,.5);
  font-weight: 400;
  display    : block;
  font-size  : .72em;
  margin-top : .2em;
}

.aifx-hero-lead {
  font-family  : var(--aifx-ff-body);
  font-size    : 1rem;
  font-weight  : 300;
  line-height  : 1.85;
  color        : rgba(241,240,255,.58);
  max-width    : 530px;
  margin-bottom: 2rem;
}
.aifx-hero-lead strong { color: var(--aifx-white); font-weight: 500; }

/* Trust badges */
.aifx-trust-badges {
  display      : flex;
  gap          : .55rem;
  flex-wrap    : wrap;
  margin-bottom: 1.85rem;
}
.aifx-badge {
  display       : inline-flex;
  align-items   : center;
  gap           : 5px;
  font-family   : var(--aifx-ff-head);
  font-size     : .68rem;
  font-weight   : 600;
  padding       : .25rem .75rem;
  border-radius : 50px;
}
.aifx-badge.a { color: var(--aifx-amberlt); background: rgba(245,158,11,.1);  border: 1px solid rgba(245,158,11,.28); }
.aifx-badge.p { color: var(--aifx-purplelt); background: rgba(124,58,237,.1); border: 1px solid rgba(124,58,237,.25); }
.aifx-badge.c { color: var(--aifx-cyan);     background: rgba(6,182,212,.1);  border: 1px solid rgba(6,182,212,.25);  }
.aifx-badge.g { color: var(--aifx-green);    background: rgba(16,185,129,.1); border: 1px solid rgba(16,185,129,.25); }

/* Stats strip */
.aifx-hero-stats {
  display      : flex;
  border       : 1px solid rgba(245,158,11,.15);
  border-radius: 12px;
  overflow     : hidden;
  background   : rgba(245,158,11,.04);
  margin-top   : 2.2rem;
}
.aifx-stat {
  flex        : 1;
  padding     : 1rem .75rem;
  text-align  : center;
  border-right: 1px solid rgba(245,158,11,.1);
}
.aifx-stat:last-child { border-right: none; }
.aifx-stat-n { font-family: var(--aifx-ff-head); font-size: 1.4rem; font-weight: 800; color: var(--aifx-white); line-height: 1; display: block; margin-bottom: .18rem; }
.aifx-stat-l { font-size: .6rem; color: rgba(241,240,255,.32); letter-spacing: .05em; display: block; }

/* Geo strip */
.aifx-geo { display: flex; gap: .45rem; flex-wrap: wrap; margin-top: 1.5rem; }
.aifx-geo-pill {
  font-size: .67rem; font-weight: 500;
  color: rgba(241,240,255,.38);
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  padding: .18rem .55rem; border-radius: 5px;
}

/* Hero visual */
.aifx-hero-visual { display: flex; align-items: center; justify-content: center; }

/* RULE 2 — SVG animation keyframes */
@keyframes aifx-float    { 0%,100%{transform:translateY(0);}    50%{transform:translateY(-10px);} }
@keyframes aifx-glow     { 0%,100%{opacity:.12;}                50%{opacity:.28;}                 }
@keyframes aifx-spin-fwd { from{transform:rotate(0deg);}        to{transform:rotate(360deg);}     }
@keyframes aifx-spin-rev { from{transform:rotate(0deg);}        to{transform:rotate(-360deg);}    }
@keyframes aifx-ticker {
  0%   { stroke-dashoffset: 260; }
  100% { stroke-dashoffset: 0; }
}
@keyframes aifx-count-up {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ─────────────────────────────────────────
   RULE 1  WHAT IS SECTION — intro block
───────────────────────────────────────── */
#aifx-what {
  background: linear-gradient(180deg, var(--aifx-bg) 0%, rgba(245,158,11,.04) 50%, var(--aifx-bg) 100%);
}
.aifx-what-card {
  background   : var(--aifx-surface);
  border       : 1px solid var(--aifx-border);
  border-radius: 16px;
  padding      : 2rem 2.2rem;
  position     : relative;
  overflow     : hidden;
}
.aifx-what-card::before {
  content   : '';
  position  : absolute;
  top:0; left:0; right:0;
  height    : 2px;
  background: linear-gradient(90deg,transparent,var(--aifx-amber) 50%,transparent);
}

/* ─────────────────────────────────────────
   RULE 1  HOW IT WORKS — numbered steps
───────────────────────────────────────── */
#aifx-how { background: var(--aifx-bg); }

.aifx-step-row {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
  padding: 1.5rem 0;
  border-bottom: 1px solid rgba(255,255,255,.05);
  transition: background .15s;
}
.aifx-step-row:last-child { border-bottom: none; }
.aifx-step-row:hover { background: rgba(245,158,11,.03); border-radius: 12px; padding-left: .75rem; padding-right: .75rem; }

.aifx-step-num {
  width        : 44px;
  height       : 44px;
  border-radius: 12px;
  background   : rgba(245,158,11,.1);
  border       : 1px solid rgba(245,158,11,.25);
  display      : flex;
  align-items  : center;
  justify-content: center;
  font-family  : var(--aifx-ff-head);
  font-size    : 1rem;
  font-weight  : 800;
  color        : var(--aifx-amberlt);
  flex-shrink  : 0;
  transition   : box-shadow .3s;
}
.aifx-step-row:hover .aifx-step-num { box-shadow: 0 0 16px rgba(245,158,11,.3); }

.aifx-step-content { flex: 1; }
.aifx-step-h {
  font-family  : var(--aifx-ff-head);
  font-size    : 1rem;
  font-weight  : 700;
  color        : var(--aifx-white);
  margin-bottom: .35rem;
  line-height  : 1.3;
}
.aifx-step-p {
  font-size  : .85rem;
  font-weight: 300;
  line-height: 1.7;
  color      : var(--aifx-muted);
  margin     : 0;
}

/* Connector line */
.aifx-steps-wrap { position: relative; }

/* ─────────────────────────────────────────
   RULE 1  WHY FOREX — narrative + mini stats
───────────────────────────────────────── */
#aifx-why {
  background: linear-gradient(180deg, var(--aifx-bg) 0%, rgba(245,158,11,.04) 50%, var(--aifx-bg) 100%);
}
.aifx-why-stat {
  text-align   : center;
  padding      : 1.75rem 1rem;
  background   : var(--aifx-surface);
  border       : 1px solid var(--aifx-border);
  border-radius: 14px;
  height       : 100%;
  transition   : transform .25s, border-color .25s;
}
.aifx-why-stat:hover { transform: translateY(-3px); border-color: rgba(245,158,11,.35); }
.aifx-why-stat-n {
  font-family   : var(--aifx-ff-head);
  font-size     : 2.2rem;
  font-weight   : 800;
  color         : var(--aifx-amberlt);
  line-height   : 1;
  margin-bottom : .35rem;
  display       : block;
  letter-spacing: -.03em;
}
.aifx-why-stat-l { font-size: .82rem; font-weight: 400; color: var(--aifx-muted); line-height: 1.4; }

/* ─────────────────────────────────────────
   RULE 1  FEATURES — 6 capability cards
───────────────────────────────────────── */
#aifx-features {
  background: var(--aifx-bg);
}

/* ─────────────────────────────────────────
   RULE 1  AUDIO DEMOS
───────────────────────────────────────── */
#aifx-demos {
  background: linear-gradient(180deg, var(--aifx-bg) 0%, rgba(124,58,237,.04) 50%, var(--aifx-bg) 100%);
}
.aifx-demo-card {
  background   : var(--aifx-surface);
  border       : 1px solid var(--aifx-borderp);
  border-radius: 14px;
  padding      : 1.6rem;
  height       : 100%;
  position     : relative;
  overflow     : hidden;
  transition   : border-color .3s, transform .3s;
}
.aifx-demo-card:hover { border-color: rgba(124,58,237,.32); transform: translateY(-3px); }
.aifx-demo-card::before {
  content: ''; position: absolute; top:0; left:0; right:0; height: 2px;
  background: linear-gradient(90deg,transparent,var(--aifx-purple) 50%,transparent);
  transform: scaleX(0); transform-origin: left; transition: transform .38s;
}
.aifx-demo-card:hover::before { transform: scaleX(1); }
.aifx-demo-card.aifx-demo-feat { border-color: rgba(245,158,11,.32); }
.aifx-demo-card.aifx-demo-feat::before {
  background: linear-gradient(90deg,transparent,var(--aifx-amber) 50%,transparent);
  transform: scaleX(1);
}
.aifx-demo-tag  { font-size: .62rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: var(--aifx-purplelt); display: block; margin-bottom: .5rem; }
.aifx-demo-tag.a { color: var(--aifx-amberlt); }
.aifx-demo-h    { font-family: var(--aifx-ff-head); font-size: 1rem; font-weight: 700; color: var(--aifx-white); margin-bottom: .6rem; }
.aifx-demo-h a  { color: var(--aifx-white); text-decoration: none; transition: color .2s; }
.aifx-demo-h a:hover { color: var(--aifx-amberlt); }
.aifx-demo-desc { font-size: .83rem; font-weight: 300; line-height: 1.7; color: var(--aifx-muted); margin-bottom: 1.2rem; }
.aifx-audio     { width: 100%; border-radius: 8px; accent-color: var(--aifx-amber); outline: none; }

/* ─────────────────────────────────────────
   RULE 1  HIGHLIGHT CARDS — 5 benefits
   (redesigned from the "Thank You" bullet list)
───────────────────────────────────────── */
#aifx-highlights {
  background: linear-gradient(180deg, var(--aifx-bg) 0%, rgba(245,158,11,.04) 50%, var(--aifx-bg) 100%);
}
.aifx-hl-card {
  background   : var(--aifx-surface);
  border       : 1px solid var(--aifx-border);
  border-radius: 16px;
  padding      : 1.75rem 1.5rem;
  height       : 100%;
  text-align   : center;
  position     : relative;
  overflow     : hidden;
  transition   : border-color .3s, transform .3s;
}
.aifx-hl-card:hover { border-color: rgba(245,158,11,.38); transform: translateY(-4px); }
.aifx-hl-card::before {
  content: ''; position: absolute; top:0; left:0; right:0; height: 2px;
  background: linear-gradient(90deg,transparent,var(--aifx-amber) 50%,transparent);
  transform: scaleX(0); transform-origin: left; transition: transform .38s;
}
.aifx-hl-card:hover::before { transform: scaleX(1); }
.aifx-hl-icon {
  width: 52px; height: 52px; border-radius: 14px;
  background: rgba(245,158,11,.1); border: 1px solid rgba(245,158,11,.22);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.35rem; color: var(--aifx-amberlt);
  margin: 0 auto 1.1rem; transition: box-shadow .3s;
}
.aifx-hl-card:hover .aifx-hl-icon { box-shadow: 0 0 18px rgba(245,158,11,.3); }
.aifx-hl-h { font-family: var(--aifx-ff-head); font-size: .95rem; font-weight: 700; color: var(--aifx-white); margin-bottom: .45rem; }
.aifx-hl-p { font-size: .83rem; font-weight: 300; line-height: 1.7; color: var(--aifx-muted); margin: 0; }

/* ─────────────────────────────────────────
   RULE 1  FAQ
───────────────────────────────────────── */
#aifx-faq {
  background: linear-gradient(180deg, var(--aifx-bg) 0%, rgba(124,58,237,.04) 50%, var(--aifx-bg) 100%);
}
.aifx-faq-item { border-bottom: 1px solid var(--aifx-borderw); }
.aifx-faq-btn  {
  width: 100%; background: none; border: none; cursor: pointer;
  display: flex; align-items: center; justify-content: space-between;
  gap: 1rem; padding: 1.2rem 0; text-align: left;
}
.aifx-faq-q {
  font-family: var(--aifx-ff-head); font-size: .9rem; font-weight: 600;
  color: var(--aifx-white); line-height: 1.4; flex: 1;
}
.aifx-faq-icon {
  width: 28px; height: 28px; border-radius: 50%;
  border: 1px solid var(--aifx-borderw);
  display: flex; align-items: center; justify-content: center;
  font-size: .65rem; color: var(--aifx-muted); flex-shrink: 0;
  transition: border-color .2s, color .2s, transform .3s;
}
.aifx-faq-item.aifx-open .aifx-faq-icon { border-color: var(--aifx-amberlt); color: var(--aifx-amberlt); transform: rotate(45deg); }
.aifx-faq-answer { overflow: hidden; max-height: 0; transition: max-height .4s cubic-bezier(.4,0,.2,1); }
.aifx-faq-item.aifx-open .aifx-faq-answer { max-height: 400px; }
.aifx-faq-answer-inner {
  padding-bottom: 1.2rem; font-size: .88rem; font-weight: 300;
  line-height: 1.8; color: var(--aifx-muted);
}
.aifx-faq-answer-inner strong { color: var(--aifx-white); font-weight: 500; }

/* ─────────────────────────────────────────
   RULE 5  RESPONSIVE
───────────────────────────────────────── */
@media (max-width: 991px) {
  .aifx-sec { padding: 65px 0; }
  .aifx-hero-grid { grid-template-columns: 1fr; padding: 60px 0 50px; gap: 2rem; }
  .aifx-hero-visual { display: none; }
  .aifx-hero-lead { max-width: 100%; }
  .aifx-hero-h1   { font-size: clamp(1.85rem, 6.5vw, 3rem); }
}
@media (max-width: 767px) {
  .aifx-sec { padding: 52px 0; }
  .aifx-h2  { font-size: clamp(1.65rem, 6.5vw, 2.3rem); }
  .aifx-hero-stats { display: none; }
}
@media (max-width: 575px) {
  .aifx-btn-p, .aifx-btn-g { width: 100%; justify-content: center; }
  .aifx-step-row { gap: 1rem; }
}