/* ---- Fonts: change fonts HERE only (the only place fonts are loaded and defined) ---- */
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@400;500;600;700;800&family=Catamaran:wght@300;400;500;600;700;800;900&display=swap');
:root {
	--font-heading: 'Dosis', sans-serif;
	--font-body: 'Catamaran', sans-serif;
}
/* =====================================================================
   I Assist - official site stylesheet (global.css)
   Section 1: base layer folded in from style.css + responsive.css
              (only rules matching markup that exists in the site)
   Section 2: homepage redesign layer (scoped to body.ia-home)
   Third-party libraries (bootstrap, fontawesome, ...) stay separate.
   ===================================================================== */

/* ---- Section 1a: base (from style.css) ---- */
*,
*:before,
*:after {
	box-sizing: inherit;
}
* {
	scroll-behavior: inherit !important;
}
html,
body {
	height: auto;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	box-sizing: border-box;
}
body {
	padding: 0;
	font-size: 15px;
	font-family: var(--font-body);
	margin: 0;
}
img {
	max-width: 100%;
	height: auto;
	border-radius: 5px;
}
button {
	outline: 0 !important;
}
ol,
ul {
	padding: 0;
	list-style: none;
	margin: 0;
}
.d-table {
	width: 100%;
	height: 100%;
}
.d-table-cell {
	vertical-align: middle;
}
.ptb-100 {
	padding-top: 100px;
	padding-bottom: 100px;
}
.pt-30 {
	padding-top: 30px;
}
.bg-grey {
	background-color: #f7f8f8;
}
.section-padding {
	padding: 100px 0;
}
.section-padding-35 {
	padding: 35px 0;
}
a {
	color: #404040;
	text-decoration: none;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	outline: 0 !important;
}
a:hover {
	color: #7b68ee;
	text-decoration: none;
}
.h4,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
	line-height: 1.4;
	font-family: var(--font-heading);
	margin: 0;
}
p {
	color: #5f5f5f;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8;
	letter-spacing: 0.2px;
	font-family: var(--font-body);
	margin-bottom: 15px;
}
p:last-child {
	margin-bottom: 0;
}
.read-more {
	color: #7b68ee;
	font-size: 16px;
	font-weight: 600;
	display: flex;
	align-items: center;
	-webkit-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
}
.read-more i {
	color: #7b68ee;
	font-size: 24px;
	display: flex;
	align-items: center;
	-webkit-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
	margin-right: 5px;
}
.read-more:hover i {
	color: #7b68ee;
	transform: translateX(5px);
	-webkit-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
}
.default-btn {
	position: relative;
	z-index: 1;
	overflow: hidden;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 13px;
	padding-bottom: 13px;
	border-radius: 5px;
	display: inline-block;
	background-color: #7b68ee;
	box-shadow: 0 7px 25px rgb(123,104,238,0.25);
	margin-top: 5px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	border: none;
}
.default-btn span {
	position: absolute;
	z-index: -1;
	width: 0;
	height: 0;
	display: block;
	border-radius: 30px;
	background-color: #3e57d0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
	transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
}
.default-btn:hover,
.default-btn:focus {
	color: #ffffff;
}
.default-btn:hover span,
.default-btn:focus span {
	width: 200%;
	height: 500px;
}
.default-btn-one {
	position: relative;
	z-index: 1;
	overflow: hidden;
	color: #7b68ee;
	font-size: 16px;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 13px;
	padding-bottom: 13px;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	background-color: #ffffff;
	box-shadow: 0 7px 25px rgb(123,104,238,0.25);
	-webkit-transition: 0.4s;
	transition: 0.4s;
	border: none;
	margin-top: 5px;
	margin-right: 20px;
}
.default-btn-one span {
	position: absolute;
	z-index: -1;
	width: 0;
	height: 0;
	display: block;
	border-radius: 30px;
	background-color: #3e57d0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
	transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
}
.default-btn-one:hover,
.default-btn-one:focus {
	color: #ffffff;
}
.default-btn-one:hover span,
.default-btn-one:focus span {
	width: 200%;
	height: 500px;
}
.default-btn-two {
	position: relative;
	z-index: 1;
	overflow: hidden;
	color: #ffffff;
	font-size: 16px;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 13px;
	padding-bottom: 13px;
	text-align: center;
	border-radius: 5px;
	display: inline-block;
	background-color: #3e57d0;
	box-shadow: 0 7px 25px rgb(123,104,238,0.25);
	-webkit-transition: 0.4s;
	transition: 0.4s;
	border: none;
	margin-top: 5px;
	margin-right: 20px;
}
.default-btn-two span {
	position: absolute;
	z-index: -1;
	width: 0;
	height: 0;
	display: block;
	border-radius: 30px;
	background-color: #ffffff;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
	transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
}
.default-btn-two:hover,
.default-btn-two:focus {
	color: #7b68ee;
}
.default-btn-two:hover span,
.default-btn-two:focus span {
	width: 200%;
	height: 500px;
}
.section-title {
	text-align: center;
	line-height: 1.5;
	margin-bottom: 65px;
}
.sub-title {
	color: #ff9800;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.section-title h2 {
	color: #404040;
	font-size: 40px;
	font-weight: 800;
	margin: 10px 0 0 0;
}
[data-overlay-dark],
[data-overlay-light] {
	position: relative;
}
[data-overlay-dark] .container,
[data-overlay-light] .container {
	position: relative;
	z-index: 2;
}
[data-overlay-dark]:before,
[data-overlay-light]:before {
	content: '';
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
[data-overlay-dark]:before {
	background-color: #02050b;
}
[data-overlay-light]:before {
	background-color: #fff;
}
[data-overlay-dark] h1,
[data-overlay-dark] h2,
[data-overlay-dark] h3,
[data-overlay-dark] h4,
[data-overlay-dark] h5,
[data-overlay-dark] h6,
[data-overlay-dark] span {
	color: #fff;
}
[data-overlay-dark] p {
	color: #dad6d6;
}
[data-overlay-dark="0"]:before,
[data-overlay-light="0"]:before {
	opacity: 0;
}
[data-overlay-dark="1"]:before,
[data-overlay-light="1"]:before {
	opacity: .1;
}
[data-overlay-dark="2"]:before,
[data-overlay-light="2"]:before {
	opacity: .2;
}
[data-overlay-dark="3"]:before,
[data-overlay-light="3"]:before {
	opacity: .3;
}
[data-overlay-dark="4"]:before,
[data-overlay-light="4"]:before {
	opacity: .4;
}
[data-overlay-dark="5"]:before,
[data-overlay-light="5"]:before {
	opacity: .5;
}
[data-overlay-dark="6"]:before,
[data-overlay-light="6"]:before {
	opacity: .6;
}
[data-overlay-dark="7"]:before,
[data-overlay-light="7"]:before {
	opacity: .7;
}
[data-overlay-dark="8"]:before,
[data-overlay-light="8"]:before {
	opacity: .8;
}
[data-overlay-dark="9"]:before,
[data-overlay-light="9"]:before,
[data-overlay-color="9"]:before {
	opacity: .9;
}
[data-overlay-dark="10"]:before,
[data-overlay-light="10"]:before {
	opacity: 1;
}
.go-top {
	color: #ffffff;
	position: fixed;
	z-index: 4;
	top: 0;
	right: 15px;
	width: 45px;
	height: 45px;
	opacity: 0;
	visibility: hidden;
	text-align: center;
	line-height: 45px;
	border-radius: 5px;
	background-color: #7b68ee;
	-webkit-transition: .9s;
	transition: .9s;
	cursor: pointer;
}
.go-top.active {
	top: 98%;
	-webkit-transform: translateY(-98%);
	transform: translateY(-98%);
	opacity: 1;
	visibility: visible;
}
.go-top i {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: 0.4s;
	transition: 0.4s;
	margin: 0 auto;
}
.go-top i:last-child {
	top: 60%;
	opacity: 0;
	visibility: hidden;
}
.go-top::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	border-radius: 5px;
	background-color: #ff9800;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.go-top:hover,
.go-top:focus {
	color: #ffffff;
}
.go-top:hover::before,
.go-top:focus::before {
	opacity: 1;
	visibility: visible;
}
.go-top:hover i:first-child,
.go-top:focus i:first-child {
	top: 0;
	opacity: 0;
	visibility: hidden;
}
.go-top:hover i:last-child,
.go-top:focus i:last-child {
	top: 50%;
	opacity: 1;
	visibility: visible;
}
.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	background-color: transparent;
}
.preloader .loader {
	position: absolute;
	top: 43%;
	left: 0;
	right: 0;
	width: 50px;
	height: 50px;
	-webkit-transform: translateY(-43%);
	transform: translateY(-43%);
	text-align: center;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	margin: 0 auto;
}
.preloader .loader .box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	background-color: #ffffff;
	-webkit-animation: animate .5s linear infinite;
	animation: animate .5s linear infinite;
}
.preloader .loader .shadow {
	position: absolute;
	top: 59px;
	left: 0;
	width: 100%;
	height: 5px;
	opacity: 0.1;
	border-radius: 50%;
	background-color: #000000;
	-webkit-animation: shadow .5s linear infinite;
	animation: shadow .5s linear infinite;
}
.preloader::before,
.preloader::after {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 60%;
	height: 100%;
	background-color: #7b68ee;
	-webkit-transition: .9s;
	transition: .9s;
}
.preloader::after {
	left: auto;
	right: 0;
}
.preloader.preloader-deactivate {
	visibility: hidden;
}
.preloader.preloader-deactivate::after,
.preloader.preloader-deactivate::before {
	width: 0;
}
.preloader.preloader-deactivate .loader {
	opacity: 0;
	visibility: hidden;
}
.techvio-responsive-nav {
	display: none;
}
.techvio-nav {
	padding-top: 15px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 15px;
	background-color: #bf1218;
}
.techvio-nav .navbar {
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}
.techvio-nav .navbar ul {
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 0;
}
.techvio-nav .navbar .navbar-nav {
	margin: auto;
}
.techvio-nav .navbar .navbar-nav .nav-item {
	position: relative;
	padding-top: 15px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 15px;
}
.techvio-nav .navbar .navbar-nav .nav-item a {
	color: #ffffff;
	font-size: 16px;
	text-transform: capitalize;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	margin-left: 15px;
	margin-right: 15px;
}
.techvio-nav .navbar .navbar-nav .nav-item a i {
	position: relative;
	top: -1px;
	font-size: 10px;
	margin-left: 2px;
}
.techvio-nav .navbar .navbar-nav .nav-item:last-child a {
	margin-right: 0;
}
.techvio-nav .navbar .navbar-nav .nav-item:first-child a {
	margin-left: 0;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu {
	position: absolute;
	z-index: 99;
	top: 80px;
	left: 0;
	width: 230px;
	padding: 0;
	display: block;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	border-radius: 3px;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border: none;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
	padding: 0;
	border-bottom: 1px solid #f1f1f1;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li:last-child {
	border-bottom: 0px solid transparent;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
	position: relative;
	color: #404040;
	font-size: 16px;
	text-transform: capitalize;
	padding: 10px 15px;
	margin: 0;
}

.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
	color: #ffffff;
	background-color: #7b68ee;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
	top: 0;
	left: -245px;
	opacity: 0;
	visibility: hidden;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
	color: #696997;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
	color: #7b68ee;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
	top: 0;
	left: -245px;
	opacity: 0;
	visibility: hidden;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
	color: #696997;
	text-transform: capitalize;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
	color: #7b68ee;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
	top: 0;
	left: -245px;
	opacity: 0;
	visibility: hidden;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
	color: #696997;
	text-transform: capitalize;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
	color: #7b68ee;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
	top: 0;
	left: 195px;
	opacity: 0;
	visibility: hidden;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
	color: #696997;
	text-transform: capitalize;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
	color: #7b68ee;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
	top: 0;
	left: 195px;
	opacity: 0;
	visibility: hidden;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
	color: #696997;
	text-transform: capitalize;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
	color: #7b68ee;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
	top: 0;
	left: 195px;
	opacity: 0;
	visibility: hidden;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
	color: #696997;
	text-transform: capitalize;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
	color: #7b68ee;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
	color: #7b68ee;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
	top: -15px;
	opacity: 1;
	visibility: visible;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
	color: #7b68ee;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
	top: -15px;
	opacity: 1;
	visibility: visible;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
	color: #7b68ee;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
	top: -15px;
	opacity: 1;
	visibility: visible;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
	color: #7b68ee;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
	top: -15px;
	opacity: 1;
	visibility: visible;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
	color: #7b68ee;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
	top: -15px;
	opacity: 1;
	visibility: visible;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
	color: #7b68ee;
}
.techvio-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
	top: -15px;
	opacity: 1;
	visibility: visible;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.techvio-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
	top: 100%;
	opacity: 1;
	visibility: visible;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.techvio-nav .navbar .other-option {
	margin-top: 3px;
	margin-left: 0;
}
.navbar-section .mobile-contact-btn {
	display: none;
	list-style: none;
	margin: 0px 0px 25px 25px;
}
.navbar-section .mobile-contact-btn .default-btn {
	display: block;
	width: auto;
	padding: 8px 16px !important;
	font-size: 13px !important;
	color: #fff !important;
}
.techvio-nav .black-logo {
	display: none;
}
.navbar-section {
	position: sticky;
	top: 0;
	z-index: 999;
	width: 100%;
	height: auto;
	background-color: transparent;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.navbar-section.is-sticky {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	/* background-color: #ffffff !important; */
	-webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
	box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
	-webkit-animation: 500ms ease-in-out 0s normal fadeInDown;
	animation: 500ms ease-in-out 0s normal fadeInDown;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.navbar-section.is-sticky .navbar-nav .nav-item a {
	color: #fff;
}
.navbar-section.is-sticky .navbar-nav .nav-item a:hover,
.navbar-section.is-sticky .navbar-nav .nav-item a:focus,
.navbar-section.is-sticky .navbar-nav .nav-item a.active {
	color: #7b68ee;
}
.navbar-section.is-sticky .techvio-nav .navbar-brand .white-logo {
	display: none;
}
.navbar-section.is-sticky .techvio-nav .navbar-brand .black-logo {
	display: block;
}
@media only screen and (max-width: 991px) {
.navbar-section {
	padding-top: 20px;
	padding-bottom: 20px;
}
.navbar-section.is-sticky {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: none;
	-webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
}
.navbar-section.is-sticky .logo .white-logo {
	display: none;
}
.navbar-section.is-sticky .logo .black-logo {
	display: block;
}
.techvio-responsive-nav {
	display: block;
}
.techvio-responsive-nav .techvio-responsive-menu {
	position: relative;
}
.techvio-responsive-nav .techvio-responsive-menu.mean-container .mean-nav ul {
	font-size: 15px;
}
.techvio-responsive-nav .techvio-responsive-menu.mean-container .mean-nav ul li a {
	color: #101834;
	font-size: 16px;
	font-weight: 500;
}
.techvio-responsive-nav .techvio-responsive-menu.mean-container .mean-nav ul li a.active {
	color: #7b68ee;
}
.techvio-responsive-nav .techvio-responsive-menu.mean-container .mean-nav ul li li a {
	font-size: 15px;
}
.techvio-responsive-nav .techvio-responsive-menu.mean-container .navbar-nav {
	overflow-y: scroll;
	height: 300px;
	-webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
}
.techvio-responsive-nav .mean-container a.meanmenu-reveal {
	color: #404040;
}
.techvio-responsive-nav .mean-container a.meanmenu-reveal span {
	background-color: #404040;
}
.techvio-responsive-nav .logo {
	position: relative;
	width: 50%;
	z-index: 999;
}
.techvio-responsive-nav .logo .white-logo {
	display: block;
}
.techvio-responsive-nav .logo .black-logo {
	display: none;
}
.techvio-nav {
	display: none;
}
}
.services-section-two .section-title {
	margin-bottom: 35px;
}
.single-services-two-item {
	position: relative;
	z-index: 1;
	display: block;
	text-align: left;
	padding: 45px 30px;
	border-radius: 5px;
	background-color: #ffffff;
	-webkit-box-shadow: 5px 7px 15px 2px rgba(82, 90, 101, 0.12);
	-moz-box-shadow: 5px 7px 15px 2px rgba(82, 90, 101, 0.12);
	box-shadow: 5px 7px 15px 2px rgba(82, 90, 101, 0.12);
	-webkit-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
	margin-top: 30px;
	min-height: 515px;
}
.services-icon-box {
	position: relative;
	width: 50px;
	height: 50px;
	display: inline-block;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	margin-bottom: 25px;
	will-change: transform;
}
.services-icon-box .hover-icon {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
}
.single-services-two-item:hover .services-icon-box .default-icon {
	opacity: 0;
	visibility: hidden;
}
.single-services-two-item:hover .services-icon-box .hover-icon {
	opacity: 1;
	visibility: visible;
}
.single-services-two-item h3 {
	font-size: 20px;
	font-weight: 700;
	-webkit-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
	margin-bottom: 0;
}
.single-services-two-item h3 a {
	display: inline-block;
}
.single-services-two-item p {
	font-size: 16px;
	-webkit-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
	will-change: transform;
	margin-top: 20px;
	margin-bottom: 20px;
}
.single-services-two-item:hover {
	background-color: #7b68ee;
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}
.single-services-two-item:hover .services-icon-box {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.single-services-two-item:hover h3 {
	color: #ffffff;
}
.single-services-two-item:hover p {
	color: #ffffff;
}
.single-services-two-item:hover .services-btn a,
.single-services-two-item:hover .services-btn a i {
	color: #ffffff;
}
.about-area {
	position: relative;
	z-index: 1;
}
.about-content {
	margin-right: 15px;
}
.about-content h2 {
	font-size: 38px;
	font-weight: 700;
	margin-bottom: 20px;
}
.about-content p:nth-last-child(2) {
	margin-bottom: 0px;
}
.about-btn-box {
	display: inline-block;
	margin-top: 25px;
}
.about-image {
	position: relative;
	text-align: center;
	margin-left: 0px;
}
.about-image img {
	border-radius: 5px;
}
.feature-single-item {
	position: relative;
	z-index: 1;
	padding: 40px 30px;
	text-align: center;
	border-radius: 5px;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 10px 57px 0px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 10px 57px 0px rgba(0, 0, 0, 0.08);
	transition: all .4s ease;
	margin-bottom: 30px;
}
.feature-single-item:hover {
	transform: translate(0, -10px);
}
.feature-single-item h3 {
	color: #0b0b31;
	font-size: 20px;
	margin-bottom: 15px;
}
.feature-single-item img {
	width: 85px;
	margin: auto;
	margin-bottom: 25px;
}
.workprocess-section {
	
}
.workprocess-section .section-title {
	margin-bottom: 30px;
}
.workprocess-single-item {
	position: relative;
	z-index: 1;
	padding: 35px 30px;
	border-radius: 8px;
	overflow: hidden;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 5px 20px 0px rgb(82, 90, 101, 0.1);
	box-shadow: 0px 5px 20px 0px rgb(82, 90, 101, 0.1);
	-webkit-transition: 0.4s;
	transition: 0.4s;
	margin-top: 35px;
	min-height: 430px;
}
.workprocess-single-item:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}
.workprocess-info {
	
}
.workprocess-info h3 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 15px;
}
.workprocess-number-bg {
	position: absolute;
	z-index: -1;
	right: 5px;
	bottom: -45px;
}
.workprocess-number-bg span {
	color: rgb(123, 104, 238, .05);
	font-size: 12rem;
	font-weight: 700;
	line-height: 1;
}
.overview-content h2 {
	color: #404040;
	font-size: 38px;
	margin: 8px 0 15px 0;
}
.overview-content p {
	margin: 0 0 0 0;
}
.overview-content .features-list {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 0;
	margin-top: 16px;
	margin-left: -10px;
	margin-right: -10px;
}
.overview-content .features-list li {
	-ms-flex: 0 0 50%;
	-webkit-box-flex: 0;
	flex: 0 0 50%;
	max-width: 50%;
	margin-top: 18px;
	padding-left: 10px;
	padding-right: 10px;
}
.overview-content .features-list li span {
	position: relative;
	z-index: 1;
	color: #404040;
	font-size: 16px;
	font-weight: 600;
	display: block;
	padding: 13px 15px;
	border-radius: 5px;
	border-left: 2px solid #7b68ee;
	background-color: #ffffff;
	-webkit-box-shadow: -1px 3px 20px 0px rgb(82, 90, 101, 0.1);
	box-shadow: -1px 3px 20px 0px rgb(82, 90, 101, 0.1);
	-webkit-transition: 0.4s;
	transition: 0.4s;
	min-height: 125px;
}
.overview-content .features-list li span::before {
	content: '';
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: 0;
	width: 0;
	height: 100%;
	border-radius: 5px;
	background-color: #7b68ee;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.overview-content .features-list li span:hover {
	color: #ffffff;
}
.overview-content .features-list li span:hover::before {
	width: 100%;
}
.overview-image {
	text-align: center;
}
.portfolio-grid-item img {
	width: 100%;
	border-radius: 0px;
}
.testimonial-slider.owl-theme .owl-nav {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	margin-top: 0;
}
.testimonial-slider.owl-theme .owl-nav [class*=owl-] {
	position: absolute;
	top: 50%;
	left: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #fff;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	color: #333;
	font-size: 18px;
	width: 50px;
	height: 45px;
	line-height: 50px;
	padding: 0;
	margin: 0;
}
.testimonial-slider.owl-theme .owl-nav [class*=owl-].owl-next {
	left: auto;
	right: 10px;
}
.testimonial-slider.owl-theme .owl-nav [class*=owl-]:hover {
	color: #7b68ee;
	background-color: transparent;
}
.testimonial-slider.owl-theme .owl-dots {
	margin-top: 30px;
	margin-bottom: 0;
}
.testimonial-slider.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	border-radius: 30px;
	background-color: #fff;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	margin: 0 4px;
}
.testimonial-slider.owl-theme .owl-dots .owl-dot:hover span {
	background-color: #7b68ee;
}
.testimonial-slider.owl-theme .owl-dots .owl-dot.active span {
	background-color: #7b68ee;
}
.testimonial-slider.owl-theme:hover .owl-nav {
	opacity: 1;
	visibility: visible;
}
.blog-single-item {
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 5px 20px 0px rgb(82, 90, 101, 0.1);
	box-shadow: 0px 5px 20px 0px rgb(82, 90, 101, 0.1);
	-webkit-transition: 0.4s;
	transition: 0.4s;
	margin-bottom: 30px;
	min-height: 150px;
}
.blog-single-item .blog-description {
	padding: 20px 25px;
	min-height: 210px;
}
.blog-single-item .blog-description .blog-text {
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.blog-single-item .blog-description .blog-text h3 {
	color: #404040;
	font-size: 22px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	margin: 10px 0px 10px 0px;
}
.blog-single-item .blog-description .blog-text h3:hover {
	color: #7b68ee;
	text-decoration: none;
	-webkit-transition: .5s;
	transition: .5s;
}
.blog-single-item .blog-description .blog-text p {
	color: #6a6c72;
	font-size: 16px;
	font-weight: 400;
	margin: 0;
}
.blog-single-item .blog-description .blog-text a {
	text-decoration: none;
}
.blog-single-item .blog-description .blog-text .blog-btn {
	margin-top: 15px;
}
.blog-single-item:hover .blog-description {
	border-top: none;
}
.blog-single-item:hover .blog-text h3 {
	color: #7b68ee;
}
.blog-details-desc .article-content {
	margin-top: 30px;
}
.blog-details-desc .article-content h3 {
	font-size: 24px;
	margin-top: 25px;
	margin-bottom: 15px;
}
.blog-details-desc .article-footer {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 30px;
}
.widget-area .widget {
	margin-bottom: 35px;
}
.widget-area .widget:last-child {
	margin-bottom: 0;
}
.widget-area .widget .widget-title {
	position: relative;
	font-size: 22px;
	padding-bottom: 10px;
	text-transform: capitalize;
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 25px;
}
.widget-area .widget .widget-title::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 50px;
	height: 1px;
	background-color: #7b68ee;
}
.widget-area .widget_search {
	padding: 15px 15px;
	border-radius: 3px;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
	box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
}
.widget-area .widget_search form {
	position: relative;
}
.widget-area .widget_search form label {
	display: block;
	margin-bottom: 0;
}
.widget-area .widget_search form .search-field {
	display: block;
	width: 100%;
	height: 50px;
	padding: 6px 15px;
	font-weight: 500;
	border-radius: 5px;
	border: 1px solid #eeeeee;
	border-left: 2px solid #7b68ee;
	background-color: transparent;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	outline: 0;
}
.widget-area .widget_search form .search-field:focus {
	border-color: #7b68ee;
}
.widget-area .widget_search form button {
	color: #ffffff;
	position: absolute;
	z-index: 1;
	right: 0;
	bottom: 0;
	width: 50px;
	height: 50px;
	border-radius: 3px;
	background-color: #7b68ee;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	border: none;
	outline: 0;
}
.widget-area .widget_search form button:hover {
	color: #ffffff;
	background-color: #404040;
}
.widget-area .widget_techvio_posts_thumb {
	position: relative;
	overflow: hidden;
}
.widget-area .widget_techvio_posts_thumb .item {
	display: flex;
	align-items: center;
	justify-content: left;
	overflow: hidden;
	margin-bottom: 15px;
}
.widget-area .widget_techvio_posts_thumb .item:last-child {
	margin-bottom: 0;
}
.widget-area .widget_techvio_posts_thumb .item .info {
	overflow: hidden;
	margin-top: 5px;
}
.widget-area .widget_techvio_posts_thumb .item .info span {
	display: block;
	color: #5f5f5f;
	font-size: 15px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 3px;
}
.widget-area .widget_techvio_posts_thumb .item .info .title {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 0;
}
.widget-area .widget_techvio_posts_thumb .item .info .title a {
	display: inline-block;
}
.page-title-area {
	position: relative;
	z-index: 1;
	height: 400px;
	background-image: url(../img/layout/banner00.png);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.page-title-area::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	background-color: #030821;
}
.page-title-content {
	text-align: center;
	margin-top: 45px;
}
.page-title-content h2 {
	color: #ffffff;
	font-size: 42px;
	font-weight: 700;
	margin-bottom: 0;
}
.page-title-content ul {
	margin-top: 12px;
	margin-bottom: 0;
}
.page-title-content ul li {
	display: inline-block;
	position: relative;
	color: #ffffff;
	font-size: 17px;
	font-weight: 600;
	margin-left: 10px;
	margin-right: 10px;
}
.page-title-content ul li a {
	display: inline-block;
	color: #ffffff;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.page-title-content ul li a:hover {
	color: #7b68ee;
}
.page-title-content ul li::before {
	content: '';
	position: absolute;
	top: 10px;
	right: -15px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #ffffff;
}
.page-title-content ul li:last-child::before {
	display: none;
}
.contact-info-wrapper {
	padding: 100px 0;
}
.contact-info-wrapper .section-title {
	text-align: center;
	margin-bottom: 45px;
}
.contact-info-content {
	padding: 45px 20px;
	text-align: center;
	border-radius: 5px;
	border-top: 3px solid #7b68ee;
	background-color: #fff;
	-webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.03);
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.03);
	margin-top: 30px;
}
.contact-info-content h5 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
}
.contact-info-content a {
	display: block;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
}
.contact-info-content p {
	font-size: 16px;
	margin-bottom: 12px;
}
.map-section {
	margin-bottom: -10px;
}
.map-section .google-map iframe {
	width: 100%;
	height: 450px;
	border: 0;
}
.error-area {
	height: 100vh;
	padding: 100px 0;
}
.error-content {
	max-width: 700px;
	text-align: center;
	margin: 0 auto;
}
.error-content h3 {
	font-size: 35px;
	margin-top: 10px;
	margin-bottom: 18px;
}
.error-content p {
	max-width: 520px;
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
	margin: 0 auto 20px;
}
.error-content .default-btn-one {
	display: inline-block;
	color: #ffffff;
	font-size: 16px;
	padding: 12px 30px;
	border: 1px solid #7b68ee;
	background-color: #7b68ee;
	-webkit-transition: .6s;
	transition: .6s;
	margin-right: 0;
}
.error-content .default-btn-one:hover {
	color: #7b68ee;
	background-color: #ffffff;
	text-decoration: none;
}
.terms-conditions-info h3 {
	font-size: 24px;
	margin: 0 0 15px 0;
}
.footer-subscribe-wrapper {
	position: relative;
	z-index: 1;
	background-color: #042c4c;
}
.footer-subscribe-wrapper:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.2;
	background-image: url(../img/layout/dot-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.footer-logo {
	display: inline-block;
	margin-bottom: 25px;
}
.footer-heading {
	margin-bottom: 20px;
}
.footer-heading h3 {
	position: relative;
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	padding-bottom: 10px;
	border-bottom: 1px solid rgb(255, 255, 255, 0.2);
	margin: 0;
}
.single-footer-widget .footer-social {
	padding-left: 0;
	margin-top: 20px;
	margin-bottom: 0;
}
.single-footer-widget .footer-social li {
	display: inline-block;
	margin-right: 10px;
}
.single-footer-widget .footer-social li:last-child {
	margin-right: 0;
}
.single-footer-widget .footer-social i {
	color: #7b68ee;
	font-size: 20px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 8px;
	display: inline-block;
	border: 1px solid #ffffff;
	background-color: #ffffff;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.single-footer-widget .footer-social i:hover {
	color: #ffffff;
	border: 1px solid #7b68ee;
	background-color: #7b68ee;
}
.single-footer-widget p {
	color: #ececec;
	font-size: 16px;
	font-weight: 400;
}
.single-footer-widget .footer-heading {
	margin-bottom: 25px;
}
.single-footer-widget .footer-heading h3 {
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	margin: 0;
}
.single-footer-widget .footer-quick-links {
	padding-left: 0;
	margin-bottom: 0;
}
.single-footer-widget .footer-quick-links li {
	padding-bottom: 18px;
	list-style-type: none;
}
.single-footer-widget .footer-quick-links li:last-child {
	padding-bottom: 0;
}
.single-footer-widget .footer-quick-links li a {
	display: inline-block;
	color: #ececec;
	font-size: 16px;
	font-weight: 400;
}
.single-footer-widget .footer-quick-links li a:hover {
	color: #7b68ee;
	text-decoration: underline !important;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.single-footer-widget .footer-info-contact {
	position: relative;
	padding-left: 35px;
	margin-bottom: 16px;
}
.single-footer-widget .footer-info-contact:last-child {
	margin-bottom: 0;
}
.single-footer-widget .footer-info-contact i {
	color: #ffffff;
	position: absolute;
	top: 0;
	left: 0;
}
.single-footer-widget .footer-info-contact i::before {
	font-size: 20px;
}
.single-footer-widget .footer-info-contact h3 {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 10px 0;
}
.single-footer-widget .footer-info-contact span {
	color: #ececec;
	font-size: 15px;
	font-weight: 400;
}
.single-footer-widget .footer-info-contact span a {
	color: #ececec;
	font-size: 16px;
	font-weight: 400;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.single-footer-widget .footer-info-contact span a:hover {
	color: #7b68ee;
}
.copyright-area {
	padding: 35px 0;
	background-color: #042c4c;
	border-top: 1px solid rgb(255, 255, 255, 0.2);
}
.copyright-area p {
	color: #ffffff;
	font-size: 16px;
}
.copyright-area p a {
	color: #ececec;
	font-weight: 600;
	display: inline-block;
}
.copyright-area p a:hover {
	color: #7b68ee;
}
.copyright-area ul {
	padding-left: 0;
	text-align: right;
	margin-bottom: 0;
}
.copyright-area ul li {
	position: relative;
	color: #ececec;
	font-size: 16px;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}
.copyright-area ul li a {
	color: #ffffff;
	display: inline-block;
}
.copyright-area ul li a:hover {
	color: #7b68ee;
}
.copyright-area ul li::before {
	content: '';
	position: absolute;
	top: 5px;
	right: -13px;
	width: 1px;
	height: 14px;
	background-color: #ffffff;
}
.copyright-area ul li:last-child {
	margin-right: 0;
}
.copyright-area ul li:last-child::before {
	display: none;
}
.copyright-area ul li:first-child {
	margin-left: 0;
}
.whatapps-fixed {
	position: fixed;
	right: -70px;
	top: 45%;
	display: inline-block;
	z-index: 9;
	width: auto;
	height: 45px;
	font-size: 18px;
	color: #fff;
	line-height: .5;
	background: #25d366;
	border-radius: 10px 10px 0px 0px;
	padding: 13px 15px;
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
	box-shadow: 0 1px 7px rgba(43, 42, 43, 0.4);
	text-decoration: none;
	transform: rotate(-90deg) !important;
	-webkit-transform: rotate(-90deg);
}
.whatapps-fixed:hover {
	color: #fff;
	text-decoration: none;
}
.social-icons-inline {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 10px;
	justify-content: center;
	align-items: center;
}
.social-icons-inline li {
	display: inline-block;
}
.social-icons-inline li a {
	display: inline-block;
	font-size: 20px;
	color: #333;
	text-decoration: none;
}
.social-icons-inline li a:hover {
	color: #7b68ee;
}
.mh {
	min-height: 200px
}
a.highlight-link {
	color: #000000;
	text-decoration: none;
	border-bottom: 2px solid #000000;
	padding-bottom: 2px;
	transition: all 0.3s ease;
}
a.highlight-link:hover {
	color: #7b68ee;
	border-bottom: 2px solid #7b68ee;
}
.custom-bullet {
	list-style: none;
	padding-left: 0;
}
.custom-bullet li {
	position: relative;
	padding-left: 25px;
	margin-bottom: 8px;
}
.custom-bullet li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
	height: 10px;
	background-color: #7b68ee;
	border-radius: 50%;
}
ul.custombullet {
	list-style-type: disc;
	padding-left: 25px;
}
ul.custombullet li {
	margin: 8px 0;
}
ul.custombullet li::marker {
	color: #7b68ee;
	font-size: 26px;
}
ul.custombullet li:hover::marker {
	color: #000;
}
table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
}
th,
td {
	padding: 12px 15px;
	border: 1px solid #ddd;
	text-align: left;
}
th {
	background-color: #7b68ee; /* purple header */
	color: #fff;
}
.tac {
	text-align: center;
}
.architecture-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.architecture-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.architecture-list li {
	background: #fff;
	border-left: 5px solid #7b68ee; /* purple accent */
	border-radius: 8px;
	padding: 20px;
	margin-bottom: 15px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.08);
	transition: transform 0.2s, box-shadow 0.2s;
}
.architecture-list li:hover {
	transform: translateY(-4px);
	box-shadow: 0 4px 12px rgba(123,104,238,0.25); /* purple glow */
}
.architecture-list .title {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 8px;
}
.architecture-list .desc {
	font-size: 15px;
	color: #555;
	line-height: 1.6;
}
.feature-box {
	background: #fff;
	border-radius: 10px;
	padding: 30px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.08);
	transition: 0.3s;
	min-height: 200px;
}
.feature-box:hover {
	transform: translateY(-4px);
	box-shadow: 0 6px 14px rgba(123,104,238,0.25);
}
.feature-box .icon {
	font-size: 28px;
	color: #7b68ee;
	margin-bottom: 10px;
}
.section-title {
	font-size: 22px;
	font-weight: 700;
	position: relative;
	margin-bottom: 20px;
	color: #333;
}
.section-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -8px;
	width: 50px;
	height: 3px;
	background: linear-gradient(90deg, #7b68ee, #a78bfa);
	border-radius: 2px;
}
.single-footer-widget h5 {
	color: #ffffff;
}
.custom-img-container {
	text-align: center;
	padding: 20px;
}
.custom-img {
	max-width: 100%;
	height: auto;
	max-height: 600px;
	display: inline-block;
}
.margin-b-20 {
	margin-bottom: 20px;
}
.margin-t-20 {
	margin-top: 20px;
}
.p-g {
	color: #5f5f5f;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8;
	letter-spacing: 0.2px;
	font-family: var(--font-body);
}
.mr-8 {
	color:#7b68ee;
	gap: 8px;
	vertical-align:middle !important;
}
.title-with-icon {
	display: flex;
	align-items: center;
	gap: 10px;
}
.title-with-icon h4 {
	margin: 0;
}
.bullet-sm {
	width: 25px;
}
.list-icon {
	list-style: none;
	padding: 0;
	margin: 0;
}
.list-icon li {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	margin-bottom: 22px;
}
.list-icon-img {
	width: 18px;
	height: 18px;
	margin-top: 6px;
	flex-shrink: 0;
}
.list-text p {
	margin: 6px 0 0;
	line-height: 1.6;
	color: #555;
}
.margin-b-10 {
	margin-bottom: 10px;
}
.margin-b-0 {
	margin-bottom: 0px;
}
.bullet-item {
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

/* ---- keyframes ---- */
@-webkit-keyframes loader {
	0% {
		left: -100px;
	}

	100% {
		left: 110%;
	}
}
@keyframes loader {
	0% {
		left: -100px;
	}

	100% {
		left: 110%;
	}
}
@-webkit-keyframes animate {
	17% {
		border-bottom-right-radius: 3px;
	}

	25% {
		-webkit-transform: translateY(9px) rotate(22.5deg);
		transform: translateY(9px) rotate(22.5deg);
	}

	50% {
		-webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
		transform: translateY(18px) scale(1, 0.9) rotate(45deg);
		border-bottom-right-radius: 40px;
	}

	75% {
		-webkit-transform: translateY(9px) rotate(67.5deg);
		transform: translateY(9px) rotate(67.5deg);
	}

	100% {
		-webkit-transform: translateY(0) rotate(90deg);
		transform: translateY(0) rotate(90deg);
	}
}
@keyframes animate {
	17% {
		border-bottom-right-radius: 3px;
	}

	25% {
		-webkit-transform: translateY(9px) rotate(22.5deg);
		transform: translateY(9px) rotate(22.5deg);
	}

	50% {
		-webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
		transform: translateY(18px) scale(1, 0.9) rotate(45deg);
		border-bottom-right-radius: 40px;
	}

	75% {
		-webkit-transform: translateY(9px) rotate(67.5deg);
		transform: translateY(9px) rotate(67.5deg);
	}

	100% {
		-webkit-transform: translateY(0) rotate(90deg);
		transform: translateY(0) rotate(90deg);
	}
}
@-webkit-keyframes shadow {
	50% {
		-webkit-transform: scale(1.2, 1);
		transform: scale(1.2, 1);
	}
}
@keyframes shadow {
	50% {
		-webkit-transform: scale(1.2, 1);
		transform: scale(1.2, 1);
	}
}

/* ---- Section 1b: responsive base (from responsive.css) ---- */
@media only screen and (max-width: 424px) {
.navbar-section .mobile-contact-btn {
	margin: 0px 0px 0px 15px !important;
}
}
@media only screen and (min-width: 425px) and (max-width: 989px) {
.navbar-section .mobile-contact-btn {
	margin: 0px 0px 0px 25px !important;
}
}
@media only screen and (max-width: 767px) {
.section-title h2 {
	font-size: 35px;
}
.navbar-section .other-option {
	display: none;
}
.navbar-section .mobile-contact-btn {
	display: block !important;
}
.techvio-nav .navbar .navbar-nav {
	margin: auto;
	margin-right: 0;
}
.navbar-section {
	-webkit-box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
	box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
	background-color: #bf1218;
}
.navbar-section.is-sticky .techvio-responsive-nav .mean-container a.meanmenu-reveal {
	padding-top: 6px;
	color: #000000;
}
.navbar-section.is-sticky .techvio-responsive-nav .mean-container a.meanmenu-reveal span {
	background: #000000;
}
.mean-container .mean-nav {
	margin-top: 45px;
}

.techvio-responsive-nav .mean-container a.meanmenu-reveal {
	padding-top: 0;
	color: #fff;
}
.techvio-responsive-nav .mean-container a.meanmenu-reveal span {
	background: #fff;
}
.about-content {
	margin: 0;
}
.about-content h2 {
	font-size: 35px;
}
.about-image {
	text-align: center;
	margin-top: 35px;
}
.testimonial-slider.owl-theme .owl-nav [class*=owl-] {
	left: 0;
}
.testimonial-slider.owl-theme .owl-nav [class*=owl-].owl-next {
	right: 0;
}
.overview-content span {
	font-size: 15px;
}
.overview-content h2 {
	font-size: 35px;
}
.overview-content .features-list li {
	-ms-flex: 0 0 100%;
	-webkit-box-flex: 0;
	flex: 0 0 100%;
	max-width: 100%;
}
.overview-image {
	margin-bottom: 30px;
	text-align: center;
}
.page-title-area {
	height: 300px;
}
.page-title-content h2 {
	font-size: 35px;
}
.page-title-content ul {
	margin-top: 6px;
}
.blog-details-desc .article-content h3 {
	font-size: 20px;
}
.single-footer-widget {
	margin-bottom: 35px;
}
.single-footer-widget .footer-heading {
	margin-bottom: 20px;
}
.single-footer-widget .footer-heading h2 {
	font-size: 22px;
}
.single-footer-widget .footer-social {
	margin-bottom: 20px;
}
.footer-quick-links li:last-child {
	padding-bottom: 25px;
}
.copyright-area {
	text-align: center;
}
.copyright-area ul {
	text-align: center;
	margin-top: 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.footer-quick-links li:last-child {
	padding-bottom: 0;
}
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.about-content h2 {
	font-size: 33px;
}
.overview-content h2 {
	font-size: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.navbar-section .other-option {
	display: none;
}
.navbar-section .mobile-contact-btn {
	display: block !important;
}
.techvio-nav .navbar .navbar-nav {
	margin: auto;
	margin-right: 0;
}
.navbar-section {
	-webkit-box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
	box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
	background-color: #bf1218;
}
.navbar-section.is-sticky .techvio-responsive-nav .mean-container a.meanmenu-reveal {
	padding-top: 6px;
	color: #000000;
}
.navbar-section.is-sticky .techvio-responsive-nav .mean-container a.meanmenu-reveal span {
	background: #000000;
}
.mean-container .mean-nav {
	margin-top: 50px;
}

.techvio-responsive-nav .mean-container a.meanmenu-reveal {
	padding-top: 6px;
	color: #fff;
}
.techvio-responsive-nav .mean-container a.meanmenu-reveal span {
	background: #fff;
}
.about-content h2 {
	font-size: 38px;
}
.about-image {
	text-align: center;
	margin-top: 35px;
}
.testimonial-slider.owl-theme .owl-nav [class*=owl-] {
	left: 0;
}
.testimonial-slider.owl-theme .owl-nav [class*=owl-].owl-next {
	right: 0;
}
.blog-single-item .blog-description .blog-text h3 {
	font-size: 20px;
}
.about-content {
	margin: 0;
}
.overview-content span {
	font-size: 15px;
}
.overview-content h2 {
	font-size: 35px;
}
.overview-content .features-list li {
	-ms-flex: 0 0 50%;
	-webkit-box-flex: 0;
	flex: 0 0 50%;
	max-width: 50%;
	margin-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
}
.overview-image {
	margin-bottom: 35px;
	text-align: center;
}
.page-title-area {
	height: 300px;
}
.page-title-content h2 {
	font-size: 35px;
}
.page-title-content ul {
	margin-top: 6px;
}
.widget-area {
	margin-top: 50px;
}
.single-footer-widget {
	padding: 15px 0;
}
.single-footer-widget .footer-heading {
	margin-bottom: 12px;
}
.single-footer-widget .footer-heading h2 {
	font-size: 22px;
}
.single-footer-widget .footer-social {
	margin-bottom: 20px;
}
.footer-quick-links li:last-child {
	padding-bottom: 25px;
}
.copyright-area {
	text-align: left;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.techvio-nav .navbar .navbar-nav {
	margin: auto;
	margin-right: 0;
	overflow: visible;
}
.navbar-section .mobile-contact-btn {
	display: none !important;
}
.navbar-section .other-option {
	display: block !important;
}
.about-content h2 {
	font-size: 33px;
}
.workprocess-single-item {
	padding: 25px 20px;
}
.workprocess-info h3 {
	font-size: 18px;
}
.testimonial-slider.owl-theme .owl-nav [class*=owl-] {
	left: 0;
}
.testimonial-slider.owl-theme .owl-nav [class*=owl-].owl-next {
	right: 0;
}
.overview-content .features-list li span {
	padding: 15px;
	font-size: 15px;
}
.blog-single-item .blog-description .blog-text h3 {
	font-size: 18px;
}
.single-footer-widget .footer-heading h3 {
	font-size: 18px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.workprocess-single-item {
	padding: 30px 20px;
}
.workprocess-info h3 {
	font-size: 20px;
}
}

/* ---- Section 2: redesign layer ---- */
/* I Assist homepage redesign – scoped to body.ia-home */
.ia-home {
	--ia-red: #e81820;
	--ia-red-dark: #c4121a;
	--ia-red-soft: #fdecee;
	--ia-purple: #7b68ee;
	--ia-navy: #0f1b4c;
	--ia-navy-2: #16255f;
	--ia-ink: #1b2559;
	--ia-text: #4a5273;
	--ia-line: #e6e9f2;
	--ia-bg: #f6f7fb;
	font-family: var(--font-body);
	color: var(--ia-text);
	background: #fff;
}
:where(.ia-home) :is(h1, h2, h3, h4) { font-family: var(--font-heading); color: var(--ia-ink); }
.ia-home .ia-wrap { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.ia-home section.ia-sec { padding: 80px 0; position: relative; }
.ia-home .ia-alt { background: var(--ia-bg); }
.ia-home .ia-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--ia-red); margin-bottom: 14px; }
.ia-home .ia-eyebrow::before { content: ""; width: 28px; height: 2px; background: var(--ia-red); }
.ia-home h2.ia-title { font-size: clamp(30px, 4vw, 42px); font-weight: 700; line-height: 1.15; margin: 0 0 16px; }
.ia-home .ia-title em, .ia-home h1 em { font-style: normal; color: var(--ia-red); }

.ia-home .ia-center { text-align: center; max-width: 780px; margin: 0 auto 44px; }
.ia-home .ia-center .ia-eyebrow { justify-content: center; }

/* header */
.ia-home .navbar-section { background: #fff; box-shadow: 0 1px 0 var(--ia-line); }
.ia-home .navbar-section .white-logo { display: block !important; }
.ia-home .navbar-section .black-logo { display: none !important; }
.ia-home .techvio-nav .navbar-brand img { max-height: 100px; width: auto; }
.ia-home .techvio-nav, .ia-home .techvio-responsive-nav { background: #fff; }
.ia-home .navbar-section { padding-top: 8px; padding-bottom: 8px; }
.ia-home .navbar-section .navbar-nav .nav-item > a.nav-link,
.ia-home .navbar-section.is-sticky .navbar-nav .nav-item > a.nav-link { color: var(--ia-ink) !important; font-weight: 600; }
.ia-home .navbar-section .navbar-nav .nav-item > a.nav-link:hover,
.ia-home .navbar-section .navbar-nav .nav-item > a.nav-link.active { color: var(--ia-red) !important; }
.ia-home .navbar-section .navbar-nav .dropdown-menu li a,
.ia-home .navbar-section .navbar-nav .nav-item .dropdown-menu .nav-item > a.nav-link { color: #404040 !important; }
.ia-home .navbar-section .navbar-nav .dropdown-menu li a:hover,
.ia-home .navbar-section .navbar-nav .nav-item .dropdown-menu .nav-item > a.nav-link:hover,
.ia-home .navbar-section .navbar-nav .nav-item .dropdown-menu .nav-item > a.nav-link.active { color: #fff !important; background: var(--ia-red) !important; }
.ia-home .navbar-section .default-btn { background: var(--ia-purple); }
.ia-home .navbar-section .default-btn span { background: var(--ia-navy); }
@media (max-width: 991px) { .ia-home .techvio-responsive-nav .logo img { max-height: 44px; width: auto; } }
/* hamburger must be visible on the white header before scroll */
.ia-home .techvio-responsive-nav .mean-container a.meanmenu-reveal,
.ia-home .navbar-section.is-sticky .techvio-responsive-nav .mean-container a.meanmenu-reveal { color: var(--ia-ink); padding-top: 0; top: 8px; }
.ia-home .techvio-responsive-nav .mean-container a.meanmenu-reveal span,
.ia-home .navbar-section.is-sticky .techvio-responsive-nav .mean-container a.meanmenu-reveal span { background: var(--ia-ink); }

/* buttons */
.ia-btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; border-radius: 8px; font-weight: 700; font-size: 16px; text-decoration: none !important; transition: .25s; border: 2px solid transparent; line-height: 1.2; }
.ia-btn-red { background: var(--ia-red); color: #fff !important; box-shadow: 0 10px 24px rgba(232,24,32,.28); }
.ia-btn-red:hover { background: var(--ia-red-dark); transform: translateY(-2px); }
.ia-btn-ghost { background: #fff; color: var(--ia-purple) !important; border-color: var(--ia-purple); }
.ia-btn-ghost:hover { background: var(--ia-purple); color: #fff !important; }
.ia-btn-wa { background: #25d366; color: #fff !important; }
.ia-btn-wa:hover { background: #1ebe5b; transform: translateY(-2px); }

/* hero */
.ia-hero { padding: 70px 0 80px; background: radial-gradient(900px 500px at 85% 20%, rgba(232,24,32,.10), transparent 60%), radial-gradient(700px 400px at 0% 100%, rgba(123,104,238,.10), transparent 60%), #fff; overflow: hidden; }
.ia-hero-grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: 50px; align-items: center; }
.ia-hero h1 { font-size: clamp(36px, 5.2vw, 60px); font-weight: 700; line-height: 1.08; margin: 0 0 20px; }
.ia-hero p { font-size: 17px; line-height: 1.7; margin: 0 0 14px; }
.ia-hero .ia-cta { display: flex; flex-wrap: wrap; gap: 14px; margin: 26px 0 28px; }
.ia-trust { display: flex; flex-wrap: wrap; gap: 12px 24px; padding: 0; margin: 0; list-style: none; }
.ia-trust li { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 14px; color: var(--ia-ink); }
.ia-trust i { color: var(--ia-red); }
.ia-hero-visual { position: relative; padding-right: 0; }

.ia-chip-stack { position: absolute; right: -10px; top: 24px; display: flex; flex-direction: column; gap: 10px; }
.ia-chip { display: flex; align-items: center; gap: 10px; background: #fff; padding: 10px 16px 10px 12px; border-radius: 12px; box-shadow: 0 10px 28px rgba(15,27,76,.16); font-weight: 700; font-size: 14px; color: var(--ia-ink); white-space: nowrap; }
.ia-chip i { width: 32px; height: 32px; border-radius: 9px; background: var(--ia-red-soft); color: var(--ia-red); display: flex; align-items: center; justify-content: center; font-size: 14px; }
.ia-chip:nth-child(even) { margin-right: 22px; }

/* hub diagram */
.ia-split { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.ia-split p { line-height: 1.75; }
.ia-hub { position: relative; min-height: 380px; }
.ia-hub-core { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: var(--ia-red); color: #fff; font-family: var(--font-heading); font-weight: 800; font-size: 24px; padding: 20px 30px; border-radius: 18px; box-shadow: 0 16px 36px rgba(232,24,32,.35); z-index: 2; }
.ia-hub svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.ia-node { position: absolute; transform: translate(-50%,-50%); background: #fff; border: 1px solid var(--ia-line); border-radius: 30px; padding: 9px 16px; font-weight: 700; font-size: 14px; color: var(--ia-ink); display: flex; gap: 8px; align-items: center; box-shadow: 0 8px 22px rgba(15,27,76,.08); white-space: nowrap; z-index: 2; }
.ia-node i { color: var(--ia-red); }

/* workflow */
.ia-flow { display: grid; grid-template-columns: repeat(6, 1fr); gap: 0; margin-top: 50px; counter-reset: f; }
.ia-step { position: relative; background: #fff; border: 1px solid var(--ia-line); border-radius: 14px; padding: 18px 10px; text-align: center; font-weight: 700; color: var(--ia-ink); font-size: 15px; margin-right: 22px; }
.ia-step:last-child { margin-right: 0; }
.ia-step i { display: block; font-size: 22px; color: var(--ia-red); margin-bottom: 8px; }
.ia-step:not(:last-child)::after { content: "\f054"; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; right: -19px; top: 50%; transform: translateY(-50%); color: var(--ia-red); font-size: 12px; }
.ia-flow-sub { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; margin-top: 18px; }
.ia-pill { background: #fff; border: 1px solid var(--ia-line); border-radius: 30px; padding: 10px 20px; font-weight: 700; font-size: 14px; color: var(--ia-ink); }
.ia-pill i { color: var(--ia-red); margin-right: 8px; }

/* modules */
.ia-mods { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.ia-mod { background: #fff; border: 1px solid var(--ia-line); border-radius: 16px; padding: 30px 26px; position: relative; transition: .3s; }
.ia-mod:hover { transform: translateY(-5px); box-shadow: 0 20px 44px rgba(15,27,76,.12); border-color: transparent; }
.ia-mod .ia-num { position: absolute; top: 24px; right: 24px; font-family: var(--font-heading); font-weight: 800; font-size: 14px; color: var(--ia-red); opacity: .8; }
.ia-mod .ia-ico { width: 54px; height: 54px; border-radius: 14px; background: var(--ia-red-soft); color: var(--ia-red); display: flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 18px; }
.ia-mod h3 { font-size: 22px; font-weight: 700; margin: 0 0 10px; }
.ia-mod p { font-size: 15.5px; line-height: 1.7; margin: 0; }

/* compensation strip */
.ia-comp { background: var(--ia-navy); color: #fff; border-radius: 22px; padding: 44px 40px; display: grid; grid-template-columns: 1fr 1.3fr; gap: 36px; align-items: center; }
.ia-comp h3 { color: #fff; font-size: 28px; margin: 0 0 8px; }
.ia-comp p { color: #c9d0ee; margin: 0; line-height: 1.7; }
.ia-plans { display: flex; flex-wrap: wrap; gap: 12px; }
.ia-plan { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); padding: 12px 20px; border-radius: 10px; font-weight: 700; color: #fff; }
.ia-plan i { color: #ff6b71; margin-right: 8px; }

/* rules */

/* integrations */
.ia-integ { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 34px 0 40px; }
.ia-integ .ia-tile { background: #fff; border: 1px solid var(--ia-line); border-radius: 14px; padding: 22px 12px; text-align: center; font-weight: 700; color: var(--ia-ink); font-size: 15px; }
.ia-integ .ia-tile i { display: block; font-size: 24px; color: var(--ia-red); margin-bottom: 10px; }
.ia-integ .ia-tile.core { background: var(--ia-red); color: #fff; border-color: var(--ia-red); font-family: var(--font-heading); font-size: 22px; display: flex; align-items: center; justify-content: center; grid-column: span 1; }
.ia-integ .ia-tile small { display: block; font-weight: 600; color: var(--ia-text); font-size: 12px; }
.ia-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.ia-two-col p { line-height: 1.75; margin: 0; }

/* since 2000 */
.ia-since { background: linear-gradient(135deg, var(--ia-navy), var(--ia-navy-2)); border-radius: 24px; padding: 54px 48px; color: #d3d9f3; display: grid; grid-template-columns: .8fr 1.2fr; gap: 40px; align-items: center; }
.ia-since h2 { color: #fff; font-size: clamp(28px, 3.4vw, 38px); margin: 0 0 6px; }
.ia-since .big { font-family: var(--font-heading); font-weight: 800; font-size: clamp(60px, 8vw, 96px); color: #ff5159; line-height: 1; }
.ia-since p { line-height: 1.75; margin: 0 0 14px; }

/* timeline */
.ia-timeline { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; position: relative; }
.ia-timeline::before { content: ""; position: absolute; top: 23px; left: 5%; right: 5%; height: 2px; background: repeating-linear-gradient(90deg, var(--ia-purple) 0 8px, transparent 8px 16px); }
.ia-tstep { position: relative; text-align: left; }
.ia-tstep .n { width: 48px; height: 48px; border-radius: 50%; background: var(--ia-purple); color: #fff; font-weight: 800; font-family: var(--font-heading); font-size: 18px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; box-shadow: 0 0 0 6px #fff; margin-bottom: 18px; }
.ia-tstep:nth-child(1) .n { background: var(--ia-red); }
.ia-tstep h3 { font-size: 22px; margin: 0 0 8px; }
.ia-tstep p { font-size: 15.5px; line-height: 1.7; margin: 0; }

/* faq */
.ia-faq { max-width: 900px; margin: 0 auto; display: grid; gap: 12px; }
.ia-faq details { background: #fff; border: 1px solid var(--ia-line); border-radius: 12px; padding: 0 22px; transition: .2s; }
.ia-faq details[open] { border-color: var(--ia-red); box-shadow: 0 12px 30px rgba(15,27,76,.08); }
.ia-faq summary { cursor: pointer; list-style: none; padding: 18px 0; font-weight: 700; font-size: 17px; color: var(--ia-ink); display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.ia-faq summary::-webkit-details-marker { display: none; }
.ia-faq summary::after { content: "+"; font-size: 24px; color: var(--ia-red); line-height: 1; flex: none; }
.ia-faq details[open] summary::after { content: "\2212"; }
.ia-faq details p { margin: 0 0 20px; line-height: 1.75; }

/* cta */
.ia-cta-sec { background: linear-gradient(135deg, var(--ia-navy) 0%, #1a2a73 100%); color: #d3d9f3; text-align: center; padding: 80px 0; }
.ia-cta-sec h2 { color: #fff; font-size: clamp(30px, 4vw, 44px); margin: 0 0 16px; }
.ia-cta-sec p { max-width: 760px; margin: 0 auto 30px; font-size: 17px; line-height: 1.75; }
.ia-cta-sec .ia-btns { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }

/* footer */
.ia-home .footer-area { background: var(--ia-navy) !important; }
.ia-home .copyright-area { background: #0a1338 !important; }

/* responsive */
@media (max-width: 1100px) {
	.ia-flow { grid-template-columns: repeat(3, 1fr); gap: 16px 22px; }
	.ia-step:nth-child(3n) { margin-right: 0; }
	.ia-step:nth-child(3n)::after { display: none; }
	.ia-integ { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 991px) {
	.ia-home section.ia-sec { padding: 56px 0; }
	.ia-hero-grid, .ia-split, .ia-comp, .ia-since, .ia-two-col { grid-template-columns: 1fr; }
	.ia-mods { grid-template-columns: repeat(2, 1fr); }
	.ia-timeline { grid-template-columns: repeat(2, 1fr); row-gap: 34px; }
	.ia-timeline::before { display: none; }
	.ia-chip-stack { position: static; flex-direction: row; flex-wrap: wrap; margin-top: 16px; }
	.ia-chip:nth-child(even) { margin-right: 0; }
	.ia-since, .ia-comp { padding: 34px 24px; }
}
@media (max-width: 640px) {
	.ia-mods,
.ia-integ,
.ia-timeline { grid-template-columns: 1fr; }
	.ia-flow { grid-template-columns: repeat(2, 1fr); }
	.ia-step, .ia-step:nth-child(3n) { margin-right: 0; }
	.ia-step::after { display: none !important; }
	/* keep the hub diagram on mobile, just scaled down */
	.ia-hub { min-height: 340px; }
	.ia-hub-core { font-size: 18px; padding: 14px 20px; border-radius: 14px; }
	.ia-node { font-size: 11px; line-height: 1.25; padding: 7px 10px; gap: 6px; max-width: 112px; white-space: normal; border-radius: 22px; }
	.ia-btn { width: 100%; justify-content: center; }
}

/* ensure readable text on navy blocks (template sets global p colour) */
.ia-home .ia-since p, .ia-home .ia-comp p, .ia-home .ia-cta-sec p { color: #d3d9f3 !important; }
.ia-home .ia-since h2, .ia-home .ia-comp h3, .ia-home .ia-cta-sec h2 { color: #fff !important; }

/* mobile overflow safety */
.ia-home { overflow-x: hidden; }
.ia-home .ia-wrap > *, .ia-home [class*="ia-"] { min-width: 0; }
.ia-hero-grid > *, .ia-split > *, .ia-comp > *, .ia-since > *, .ia-two-col > * { min-width: 0; }
@media (max-width: 991px) {
	.ia-chip, .ia-node { white-space: normal; }
}

/* image placeholders */

  

/* production images */
.ia-home .ia-img { display: block; width: 100%; height: auto; max-width: 100%; }
.ia-home .ia-blend { mix-blend-mode: multiply; } /* dissolves the image's white margins into the light-grey section */
.ia-home .ia-media { min-width: 0; }
.ia-hero-grid { grid-template-columns: 1fr; gap: 40px; }
.ia-hero-grid > div:first-child { max-width: 900px; }
.ia-hero-visual { width: 100%; }
.ia-hero-visual .ia-img { border-radius: 20px; box-shadow: 0 30px 60px rgba(15,27,76,.14); }
@media (max-width: 640px) { .ia-hero-visual .ia-img { border-radius: 12px; } }

/* hero chips overlay the product image */
.ia-hero-visual { position: relative; }
.ia-hero-visual .ia-chip-stack { right: 14px; top: 50%; transform: translateY(-50%); z-index: 2; }
@media (max-width: 991px) { .ia-hero-visual .ia-chip-stack { position: static; transform: none; margin-top: 16px; } }

/* hero: text left, image right (desktop) */
@media (min-width: 992px) {
	.ia-hero-grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 40px; align-items: center; }
	.ia-hero-grid > div:first-child { max-width: none; }
	.ia-hero h1 { font-size: clamp(34px, 3.8vw, 52px); }
	.ia-hero p { font-size: 16px; }
	.ia-hero-visual .ia-chip-stack { position: static; transform: none; flex-direction: row; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
	.ia-hero-visual .ia-chip:nth-child(even) { margin-right: 0; }
}

/* Main banner (full width, under navbar) */
.ia-main-banner { background: #f4f6fb; line-height: 0; }
.ia-main-banner .ia-img { display: block; width: 100%; max-width: 1920px; margin: 0 auto; height: clamp(400px, calc(100vh - 160px), 700px); object-fit: cover; object-position: center 50%; }
@media (max-width: 767px) { .ia-main-banner .ia-img { height: auto; object-fit: initial; } }

/* MLM Plans page */

.ia-home .ia-faq { max-width: none; }

/* =====================================================================
   Section 3: About Us page (body.ia-about) - folded in from about-us.css.
   Every selector is scoped under body.ia-about so nothing leaks to other pages.
   ===================================================================== */

/* --- Isolation: undo the site-wide base element rules (Section 1) for this page,
       so About Us renders exactly as it did when it was standalone. --- */
@media (prefers-reduced-motion: no-preference) { html:has(body.ia-about) { scroll-behavior: smooth !important; } }
body.ia-about main *::before, body.ia-about main *::after { box-sizing: revert; }
body.ia-about main img { max-width: revert; height: revert; border-radius: revert; }
body.ia-about main :is(ol, ul) { padding: revert; list-style: revert; margin: revert; }
body.ia-about main a { transition: revert; outline: revert !important; }
body.ia-about main :is(a, summary):focus-visible { outline: 3px solid var(--red) !important; outline-offset: 6px; }
body.ia-about main button { outline: revert !important; }
body.ia-about main button:focus-visible { outline: revert !important; }
body.ia-about main :is(h1, h2, h3, h4, h5, h6) { font-weight: revert; line-height: revert; font-family: revert; margin: revert; }
body.ia-about main p { color: revert; font-size: revert; font-weight: revert; line-height: revert; letter-spacing: revert; font-family: revert; margin-bottom: revert; }
body.ia-about main table { width: revert; border-collapse: revert; margin: revert; }
body.ia-about main :is(th, td) { padding: revert; border: revert; text-align: revert; }
body.ia-about main th { background-color: revert; color: revert; }

body.ia-about {--navy:#081c3e;--red:#e71932;--ink:#182943;--muted:#536276;--line:#dce2eb;--paper:#f4f7fb}
body.ia-about, body.ia-about main * {box-sizing:border-box}
html:has(body.ia-about) {scroll-behavior:smooth;scroll-padding-top:130px}
body.ia-about {margin:0;background:white}
body.ia-about main {color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.8}
body.ia-about main h1,
body.ia-about main h2,
body.ia-about main h3 {font-family:var(--font-heading);line-height:1.15;color:var(--navy);letter-spacing:0}
body.ia-about main h1 {font-size:clamp(2.8rem,4.5vw,4.8rem);font-weight:800;margin:20px 0 28px}
body.ia-about main h2 {font-size:clamp(2rem,3.3vw,3.4rem);margin:12px 0 30px}
body.ia-about main h3 {font-size:1.5rem;letter-spacing:0}
body.ia-about main p {margin:0 0 20px}
body.ia-about main a {color:inherit;text-decoration:none}
body.ia-about main a:focus-visible,
body.ia-about main summary:focus-visible {outline:3px solid var(--red);outline-offset:6px}
body.ia-about main header {height:104px;padding:16px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:white;gap:28px}
body.ia-about main .brand img {width:150px;display:block}
body.ia-about main nav {display:flex;gap:32px;font-size:15px;font-weight:600}
body.ia-about main nav a:hover,
body.ia-about main .text-link:hover {color:var(--red)}
body.ia-about main .button {display:inline-block;padding:15px 25px;background:var(--red);color:white;border-radius:5px;font-size:15px;font-weight:700;text-align:center;transition:background .2s,transform .2s}
body.ia-about main .button:hover {background:#bf1028;transform:translateY(-2px)}

body.ia-about main .eyebrow {font-size:12px;font-weight:700;letter-spacing:.16em;line-height:1.6;color:var(--muted);margin-bottom:18px}
body.ia-about main .hero {padding:76px 5% 72px;max-width:1600px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr;gap:7%;align-items:center}
body.ia-about main .hero em {font-style:normal;color:var(--red)}
body.ia-about main .intro {max-width:620px;color:var(--muted);font-size:19px}
body.ia-about main .actions {display:flex;gap:28px;align-items:center;margin-top:32px}
body.ia-about main .text-link {font-size:15px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:3px}
body.ia-about main .hero-panel {border-radius:8px;background:var(--navy);color:white;padding:40px 36px;position:relative;overflow:hidden;border-top:4px solid var(--red)}
body.ia-about main .hero-panel .eyebrow {color:#b1bfd6}
body.ia-about main .hero-panel h2 {color:white;font-size:52px;margin:10px 0 15px}
body.ia-about main .hero-panel h2 span {color:#ff4960}
body.ia-about main .hero-panel p {color:#c4cfe0}
body.ia-about main .panel-footer {font-size:11px;letter-spacing:.15em;text-align:center;margin:35px 0 0!important}
/* hero network diagram: original ellipse layout, Stockist added on the right with Sales */
body.ia-about main .network {height:230px;position:relative;margin:28px 0 8px;border:1px solid #415273;border-radius:50%;max-width:360px;margin-inline:auto}
body.ia-about main .core {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:white;color:var(--navy);border-radius:50%;width:104px;height:104px;display:grid;place-items:center;font-weight:800;font-size:16px;box-shadow:0 0 0 15px #ffffff0d}
body.ia-about main .network span {position:absolute;background:#16315b;border:1px solid #587096;border-radius:4px;padding:7px 12px;font-size:14px;white-space:nowrap}
body.ia-about main .n1 {top:-12px;left:50%;transform:translateX(-50%)}
body.ia-about main .n2 {top:22%;right:-15px}
body.ia-about main .n3 {bottom:-12px;left:50%;transform:translateX(-50%)}
body.ia-about main .n4 {top:43%;left:-20px}
body.ia-about main .n5 {top:60%;right:-15px}
@media(max-width:560px) {
body.ia-about main .network {height:240px}
body.ia-about main .core {width:84px;height:84px;font-size:14px;box-shadow:0 0 0 10px #ffffff0d}
body.ia-about main .network span {padding:6px 9px;font-size:12px}
body.ia-about main .n1 {left:50%;transform:translateX(-50%)}
body.ia-about main .n3 {left:50%;transform:translateX(-50%)}
body.ia-about main .n2 {right:-10px}
body.ia-about main .n5 {right:-10px}
body.ia-about main .n4 {left:-10px}
}
body.ia-about main .facts {padding:30px 5%;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;background:var(--paper);border-block:1px solid var(--line)}
body.ia-about main .facts div {padding-left:25px;border-left:3px solid var(--red)}
body.ia-about main .facts strong {display:block;font-size:20px;color:var(--navy)}
body.ia-about main .facts span {font-size:14px;color:var(--muted)}
body.ia-about main .section {padding:90px 5%;max-width:1600px;margin:auto}
body.ia-about main .split {display:grid;grid-template-columns:1fr 1.45fr;gap:9%}
body.ia-about main .prose {max-width:760px}
body.ia-about main .prose h3 {margin-top:40px}
body.ia-about main .philosophy {background:var(--navy);color:#c4cfe0;max-width:none}
body.ia-about main .philosophy h2 {color:white;max-width:900px}
body.ia-about main .philosophy .eyebrow {color:#9dadc6}
body.ia-about main .columns {display:grid;grid-template-columns:1fr 1fr;gap:6%;margin-top:40px}
body.ia-about main .section-heading {display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:end}
body.ia-about main .section-heading>p {color:var(--muted);max-width:480px}
body.ia-about main .feature-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:35px 0}
body.ia-about main .feature-grid article {background:var(--paper);padding:30px;border-top:2px solid var(--line)}
body.ia-about main .number {font-size:14px;color:var(--red);font-weight:700}
body.ia-about main .feature-grid p {font-size:16px;color:var(--muted)}
body.ia-about main .services {border-top:1px solid var(--line)}
body.ia-about main .service-list {margin-top:50px}
body.ia-about main .service-list article {display:grid;grid-template-columns:1fr 1.45fr;gap:9%;padding:35px 0;border-top:1px solid var(--line)}
body.ia-about main .service-title span {color:var(--red);font-size:14px;font-weight:700}
body.ia-about main .service-title h3 {max-width:290px;margin-top:12px}
body.ia-about main .service-list p {font-size:16px;color:var(--muted)}
body.ia-about main .service-list p:last-child {margin:0}
body.ia-about main .partnership {background:var(--paper);max-width:none}
body.ia-about main .faq details {border-top:1px solid var(--line);padding:22px 0}
body.ia-about main .faq summary {list-style:none;cursor:pointer;font-weight:700;font-size:17px;position:relative;padding-right:28px;line-height:1.5}
body.ia-about main .faq summary::-webkit-details-marker {display:none}
body.ia-about main .faq summary:after {content:'+';position:absolute;right:0;color:var(--red);font-size:23px;top:-4px}
body.ia-about main .faq details[open] summary:after {content:'−'}
body.ia-about main .faq details p {margin:16px 0 0;color:var(--muted);font-size:16px}
body.ia-about main .contact {background:var(--navy);color:white;max-width:none;text-align:center}
body.ia-about main .contact h2 {color:white;font-size:clamp(2.2rem,4vw,4rem)}
body.ia-about main .contact .eyebrow {color:#b2c2da}
body.ia-about main .phone {display:block;margin-top:20px;color:#d2dceb;font-size:18px}
body.ia-about main footer {padding:50px 5%;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:40px;font-size:14px;color:var(--muted)}
body.ia-about main footer img {margin-bottom:15px}
body.ia-about main footer strong {color:var(--navy)}
body.ia-about main footer p {margin-bottom:10px}
body.ia-about main footer a:hover {text-decoration:underline}
@media(max-width:900px) {
body.ia-about main header {height:auto;flex-wrap:wrap;padding:14px 5%}
body.ia-about main nav {order:3;width:100%;justify-content:space-between;gap:12px;font-size:14px}
body.ia-about main .hero {grid-template-columns:1fr;padding-top:48px;gap:40px}
body.ia-about main .hero-panel {max-width:560px;width:100%}
body.ia-about main .section {padding:65px 5%}
body.ia-about main .split,
body.ia-about main .section-heading,
body.ia-about main .service-list article {grid-template-columns:1fr;gap:22px}
body.ia-about main .feature-grid {grid-template-columns:1fr}
body.ia-about main .facts {grid-template-columns:1fr;gap:20px}
body.ia-about main .columns {grid-template-columns:1fr;gap:0}
body.ia-about main footer {grid-template-columns:1fr;gap:22px}
body.ia-about main .hero-panel h2 {font-size:44px}
}
@media(prefers-reduced-motion:reduce) {
html:has(body.ia-about) {scroll-behavior:auto}
body.ia-about main .button {transition:none}
}
body.ia-about main .vision {position:relative;overflow:hidden;background:radial-gradient(circle at 88% 20%,#e719322e,transparent 45%),radial-gradient(circle at 70% 110%,#6b3fd433,transparent 50%),var(--navy);color:#c4cfe0;border-top:4px solid var(--red);border-radius:8px;padding:56px 400px 56px 48px}
body.ia-about main .vision .eyebrow {color:#b1bfd6}
body.ia-about main .vision h2 {color:white;margin-bottom:18px}
body.ia-about main .vision-statement {max-width:760px;margin:0;font-family:var(--font-heading);font-size:clamp(1.4rem,2.4vw,2rem);font-weight:700;line-height:1.4;letter-spacing:0;color:white}
body.ia-about main .vision-art {position:absolute;right:48px;top:50%;width:300px;height:300px;transform:translateY(-50%);color:#ffffff;opacity:.2;pointer-events:none}
body.ia-about main .mission-heading {margin:70px 0 30px}
body.ia-about main .mission-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:28px;align-items:start}
body.ia-about main .mission-card {position:relative;background:var(--paper);padding:30px 30px 34px;border:1px solid var(--line);border-top:3px solid var(--red);border-radius:8px;box-shadow:0 14px 34px #081c3e0f;transition:transform .2s,box-shadow .2s}
body.ia-about main .mission-card:hover {transform:translateY(-3px);box-shadow:0 20px 40px #081c3e18}
body.ia-about main .mission-card + .mission-card {border-top-color:var(--navy)}
body.ia-about main .mission-head {display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid var(--line)}
body.ia-about main .mission-icon {display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#e719321a;color:var(--red)}
body.ia-about main .mission-card + .mission-card .mission-icon {background:#081c3e14;color:var(--navy)}
body.ia-about main .mission-icon svg {width:22px;height:22px}
body.ia-about main .mission-no {font-family:var(--font-heading);font-size:2.6rem;font-weight:800;line-height:1;letter-spacing:0;color:#081c3e1f}
body.ia-about main .mission-card h3 {margin:0 0 20px;font-size:1.65rem}
body.ia-about main .mission-card ul {margin:0;padding:0;list-style:none}
body.ia-about main .mission-card li {position:relative;margin-bottom:16px;padding-left:28px;font-size:16px;color:var(--muted)}
body.ia-about main .mission-card li:last-child {margin-bottom:0}
body.ia-about main .mission-card li::before {content:'';position:absolute;left:0;top:.5em;width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px #e719321f}
body.ia-about main .mission-card + .mission-card li::before {background:var(--navy);box-shadow:0 0 0 4px #081c3e1a}
@media(max-width:1100px) {
body.ia-about main .vision {padding-right:48px}
body.ia-about main .vision-art {width:220px;height:220px;right:-30px;top:auto;bottom:-40px;transform:none;opacity:.14}
}
@media(max-width:900px) {
body.ia-about main .mission-grid {grid-template-columns:1fr}
body.ia-about main .vision {padding:40px 24px}
body.ia-about main .vision-art {width:180px;height:180px;right:-40px;bottom:-40px}
body.ia-about main .mission-heading {margin-top:50px}
body.ia-about main .mission-card {padding:26px 22px 30px}
body.ia-about main .mission-no {font-size:2.2rem}
}
@media(prefers-reduced-motion:reduce) {
body.ia-about main .mission-card {transition:none}
body.ia-about main .mission-card:hover {transform:none}
}
body.ia-about main .media {margin:0}
body.ia-about main .media img {display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line);box-shadow:0 18px 44px #081c3e14}
body.ia-about main .story-media {margin-top:34px;max-width:520px}
body.ia-about main .platform-media {max-width:820px;margin:40px auto 10px}
body.ia-about main .ecosystem-media {max-width:760px;margin:10px auto 20px}
body.ia-about main .ecosystem-media img {border:0;box-shadow:none;border-radius:0}
@media(max-width:900px) {
body.ia-about main .story-media {max-width:none;margin-top:24px}
body.ia-about main .platform-media {margin-top:28px}
}
@media(max-width:560px) {
body.ia-about main .hero-panel {padding:32px 22px}
}
/* =====================================================================
   Section 4: MLM Plans page (.mp2 wrapper) - folded in from mlm-plans.css.
   ===================================================================== */
.mp2{--ink:#1b2559;--muted:#4a5273;--green:#7b68ee;--mint:#efecfd;--lime:#e81820;--line:#e6e9f2;--paper:#ffffff}
.mp2 *{box-sizing:border-box}
.mp2{margin:0;color:var(--ink);background:var(--paper);font:16px/1.7 var(--font-body)}
.mp2 h1,.mp2 h2,.mp2 h3{font-family:var(--font-heading)}
.mp2 h1,.mp2 h2,.mp2 h3,.mp2 p{margin-top:0}
.mp2 h2{font-size:38px;line-height:1.22;letter-spacing:-1.4px;font-weight:700}
.mp2 h3{font-size:20px;line-height:1.4;letter-spacing:-.4px}
.mp2 a{color:inherit;text-decoration:none}
.mp2 button,.mp2 input,.mp2 textarea,.mp2 select{font:inherit}
.mp2 button,.mp2 a,.mp2 input,.mp2 textarea,.mp2 select{ -webkit-tap-highlight-color:transparent}
.mp2 button{cursor:pointer}
.mp2 a:focus-visible,.mp2 button:focus-visible,.mp2 summary:focus-visible,.mp2 input:focus-visible,.mp2 textarea:focus-visible,.mp2 select:focus-visible{outline:3px solid #7b68ee;outline-offset:5px}
.mp2 .button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:32px;background:var(--ink);color:white;padding:16px 24px;font-size:14px;font-weight:600;border-radius:5px;transition:transform .2s,background .2s}
.mp2 .button:hover{transform:translateY(-2px);background:#c4121a}

.mp2 .button.light{background:var(--lime);color:var(--ink)}
.mp2 .button.light:hover{background:#c4121a}
.mp2 .wrap{max-width:1260px;margin:auto;padding-left:30px;padding-right:30px}
.mp2 .hero{margin:22px 25px 0;padding:75px max(45px,calc((100vw - 1200px)/2 - 25px));background:#0f1b4c;color:#fff;display:grid;grid-template-columns:1.2fr 1fr;gap:50px;overflow:hidden;border-radius:9px}
.mp2 .eyebrow{display:block;font-size:11px;letter-spacing:1.8px;font-weight:700;color:var(--green);margin-bottom:19px}
.mp2 .hero .eyebrow,.mp2 .cta .eyebrow{color:#ff8a90}
.mp2 .tiny-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:9px;vertical-align:middle}
.mp2 h1{font-size:57px;line-height:1.12;letter-spacing:-2.7px;margin:0 0 24px;font-weight:600}
.mp2 h1 em{font-style:normal;color:var(--lime)}
.mp2 .hero p{font-size:16px;color:#c9d0ee;max-width:530px;line-height:1.8}
.mp2 .hero-actions{display:flex;gap:25px;align-items:center;margin-top:33px}
.mp2 .text-link{font-size:13px;border-bottom:1px solid #6f7bb8;padding:7px 0}
.mp2 .hero-meta{display:flex;gap:22px;font-size:11px;color:#aeb7e0;margin-top:42px}
.mp2 .hero-meta span+span{border-left:1px solid #3b4a8f;padding-left:22px}
.mp2 .hero-art{align-self:center;border:1px solid #3b4a8f;background:linear-gradient(145deg,#2b3a8a88,#0f1b4c00);border-radius:12px;padding:23px 25px 15px;transform:rotate(-2deg)}
.mp2 .hero-art svg{width:100%;max-height:320px}
.mp2 .art-label{font-size:9px;letter-spacing:1.4px;color:#c9d0ee}
.mp2 .art-footer{display:flex;justify-content:space-between;font-size:11px;color:#d3d9f3;padding:10px 5px 0;border-top:1px solid #3b4a8f}
.mp2 .intro{padding-top:85px;padding-bottom:65px}
.mp2 .intro-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:70px}
.mp2 .intro-grid p{color:var(--muted);font-size:15px}
.mp2 .intro-grid strong{color:var(--ink)}
.mp2 .explore{padding-bottom:60px}
.mp2 .heading-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px;gap:25px}
.mp2 .heading-row h2{margin-bottom:0}
.mp2 .heading-row>p{font-size:14px;color:var(--muted);margin:0}
.mp2 .plan-cards{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:7px;overflow:hidden;background:white}
.mp2 .plan-card{padding:20px 19px;transition:background .2s}
.mp2 .plan-card+.plan-card{border-left:1px solid var(--line)}
.mp2 .plan-card:hover{background:#f1effd}
.mp2 .card-index{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
.mp2 .card-index span{font-size:18px}
.mp2 .plan-card svg{height:83px;width:100%;margin:17px 0 8px;color:var(--green)}
.mp2 .plan-card h3{font-size:17px;margin-bottom:6px}
.mp2 .plan-card p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}
.mp2 .terms{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 40px;margin-top:30px;padding:25px 0;border-bottom:1px solid var(--line)}
.mp2 .terms strong{font-size:13px}
.mp2 .terms p{font-size:12px;line-height:1.6;color:var(--muted);margin:6px 0 0}
.mp2 .plan-nav{position:sticky;top:0;z-index:5;background:#ffffffee;backdrop-filter:blur(12px);border-block:1px solid var(--line)}
.mp2 .plan-nav>div{max-width:1200px;display:flex;margin:auto;justify-content:space-between;align-items:center;padding:0 15px;gap:10px}
.mp2 .plan-nav span{font-size:9px;letter-spacing:1.4px;color:var(--muted)}
.mp2 .plan-nav a{padding:19px 14px;font-size:13px;white-space:nowrap;border-bottom:3px solid transparent}
.mp2 .plan-nav a.active{border-bottom-color:var(--green);color:var(--green);font-weight:700}
.mp2 .plan-section{padding:75px 0 55px;border-bottom:1px solid var(--line);scroll-margin-top:5px}
.mp2 .section-title{display:flex;align-items:center;gap:25px;margin-bottom:32px}
.mp2 .section-no{font-family:var(--font-heading);font-size:52px;font-weight:400;color:#cfd3ea;letter-spacing:-3px}
.mp2 .section-title .eyebrow{margin-bottom:6px;font-size:9px}
.mp2 .section-title h2{margin:0;font-size:35px}
.mp2 .plan-symbol{margin-left:auto;color:var(--green)}
.mp2 .plan-symbol svg{width:90px;height:75px}
.mp2 .explain{display:grid;grid-template-columns:1fr 1fr;gap:65px}
.mp2 .explain h3{font-size:17px}
.mp2 .explain p{font-size:14px;color:var(--muted);margin-bottom:13px}
.mp2 .plan-section figure{margin:24px 0 36px}
.mp2 .image-open{position:relative;background:none;padding:0;width:100%;border:1px solid #e6e9f2;border-radius:6px;overflow:hidden;display:block}
.mp2 .image-open img{display:block;width:100%;height:auto}
.mp2 .enlarge{position:absolute;right:15px;top:15px;background:white;color:var(--ink);font-size:10px;box-shadow:0 2px 14px #1b354c1a;border-radius:3px;padding:7px 10px}
.mp2 .image-open:hover .enlarge{background:var(--lime)}
.mp2 figcaption{font-size:11px;color:var(--muted);margin-top:10px}
.mp2 .three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:33px}
.mp2 .listcol h3{font-size:17px;border-top:2px solid #7b68ee;padding-top:14px}
.mp2 .listcol.advantages h3{border-color:#1f9d6b}
.mp2 .listcol.disadvantages h3{border-color:#e81820}
.mp2 .listcol ol{padding-left:19px;margin:0}
.mp2 .listcol li{font-size:12px;line-height:1.75;color:var(--muted);padding-left:3px;margin-bottom:12px}
.mp2 .listcol strong{font-weight:600;color:var(--ink)}
.mp2 .listcol li::marker{font-size:10px;color:var(--green)}
.mp2 .faq-head{display:flex;align-items:center;justify-content:space-between;margin:38px 0 13px}
.mp2 .faq-head h3{font-size:22px;margin:0}
.mp2 .faq-head span{font-size:11px;color:var(--muted)}
.mp2 .faqs{display:grid;grid-template-columns:1fr 1fr;column-gap:35px;align-items:start}
.mp2 .faqs details{border-top:1px solid var(--line)}
.mp2 summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;font-weight:500;padding:18px 0;line-height:1.6}
.mp2 summary::-webkit-details-marker{display:none}
.mp2 summary span{font-weight:400;font-size:18px;color:var(--green);flex-shrink:0}
.mp2 details[open] summary span{transform:rotate(45deg)}
.mp2 details p{font-size:13px;color:var(--muted);padding-right:24px;margin:0 0 20px}
.mp2 .backtop{display:inline-block;font-size:11px;color:var(--green);border-bottom:1px solid #c9c2f7;margin-top:25px}
.mp2 .comparison{padding:75px 0;background:#f6f7fb;margin-top:40px}
.mp2 .comparison h2{margin-bottom:15px}
.mp2 .comparison p{color:var(--muted);font-size:14px}
.mp2 .table-scroll{overflow-x:auto}
.mp2 table{border-collapse:collapse;width:100%;min-width:780px;font-size:13px;margin-top:28px;text-align:left}
.mp2 thead th{background:#0f1b4c;color:#fff;font-size:11px;letter-spacing:.3px;padding:18px 21px;font-weight:500}
.mp2 tbody td,.mp2 tbody th{padding:22px 21px;border-bottom:1px solid #e6e9f2}
.mp2 tbody th{font-weight:600;width:19%}
.mp2 tbody td{color:#4a5273}
.mp2 tbody tr:nth-child(even){background:#eef0f8}
.mp2 .comparison .note{font-size:11px;margin-top:21px}
.mp2 .evaluation{padding-top:90px;padding-bottom:90px;display:grid;grid-template-columns:1fr 1.1fr;gap:100px}
.mp2 .evaluation p{color:var(--muted);font-size:14px;max-width:400px}
.mp2 .evaluation .button{margin-top:16px}
.mp2 .evaluation ol{counter-reset:eval;list-style:none;padding:0;margin:0}
.mp2 .evaluation li{position:relative;padding:0 0 22px 46px;margin-bottom:19px;font-size:13px;color:var(--muted);border-bottom:1px solid var(--line)}
.mp2 .evaluation li::before{counter-increment:eval;content:'0' counter(eval);position:absolute;left:0;font-size:14px;color:var(--green)}
.mp2 .evaluation li strong{display:block;font-size:15px;color:var(--ink);margin-bottom:6px}
.mp2 .cta{background:#0f1b4c;color:#fff;border-radius:8px;padding:50px 55px;display:flex;align-items:center;justify-content:space-between;gap:60px}
.mp2 .cta h2{font-size:39px;line-height:1.2;margin-bottom:15px}
.mp2 .cta p{font-size:14px;color:#c9d0ee;max-width:540px;margin:0}
.mp2 .cta .button{flex-shrink:0}
.mp2 .sources{padding-top:35px;padding-bottom:35px}
.mp2 .sources details{border-bottom:1px solid var(--line)}
.mp2 .sources ul{font-size:12px;color:var(--muted);padding:0 0 18px 20px}
.mp2 .sources a{text-decoration:underline;text-underline-offset:3px}
.mp2 dialog{border:0;border-radius:10px;padding:40px;max-height:90vh;width:min(600px,92vw);color:var(--ink);background:var(--paper)}
.mp2 dialog::backdrop{background:#0a1338d9}
.mp2 dialog h2{font-size:28px}
.mp2 dialog>p{font-size:13px;color:var(--muted)}
.mp2 .dialog-close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:30px;color:var(--ink);line-height:1;padding:7px}
.mp2 #image-dialog{padding:30px 8px 8px;width:min(1600px,96vw)}
.mp2 #image-dialog img{width:100%;display:block}
.mp2 form label{display:block;font-size:13px;margin:17px 0}
.mp2 input,.mp2 textarea,.mp2 select{display:block;width:100%;padding:10px 12px;border:1px solid #d6daee;border-radius:4px;margin-top:6px;background:white;color:var(--ink);font-size:14px}
.mp2 textarea{resize:vertical}
.mp2 #brief-status{font-size:12px;color:var(--green);margin-top:15px}
@media(min-width:1550px) {.mp2 .hero{padding-top:90px;padding-bottom:90px}
}@media(max-width:1000px) {.mp2 .hero{padding:50px 35px;gap:25px}
.mp2 h1{font-size:45px}
.mp2 .hero-actions{gap:17px}
.mp2 .hero-actions .text-link{font-size:11px}
.mp2 .hero-meta{gap:12px}
.mp2 .hero-meta span+span{padding-left:12px}
.mp2 .intro-grid{gap:35px}
.mp2 h2{font-size:32px}
.mp2 .plan-card{padding:17px 12px}
.mp2 .plan-card h3{font-size:15px}
.mp2 .plan-nav span{display:none}
.mp2 .plan-nav>div{justify-content:center}
.mp2 .evaluation{gap:50px}
.mp2 .cta{margin:0 25px}
.mp2 .cta .button{font-size:12px;padding:14px}
.mp2 .three-cols{gap:22px}
}@media(max-width:700px) {
.mp2 .hero{margin:12px 12px 0;padding:40px 25px;grid-template-columns:1fr;gap:35px}
.mp2 h1{font-size:39px;letter-spacing:-1.7px}
.mp2 .hero p{font-size:14px}
.mp2 .hero-art{max-width:400px;width:100%;margin:auto}
.mp2 .hero-art svg{max-height:225px}
.mp2 .hero-meta{font-size:10px;margin-top:30px}
.mp2 .hero-actions{gap:19px}
.mp2 .hero-actions .button{font-size:12px;padding:13px 16px;gap:15px}
.mp2 .hero .eyebrow{font-size:9px}
.mp2 .wrap{padding-left:22px;padding-right:22px}
.mp2 .intro{padding-top:55px;padding-bottom:35px}
.mp2 .intro-grid{grid-template-columns:1fr;gap:10px}
.mp2 .intro h2 br{display:none}
.mp2 h2{font-size:29px;letter-spacing:-1px}
.mp2 .intro-grid p{font-size:14px}
.mp2 .heading-row{display:block}
.mp2 .heading-row>p{margin-top:15px}
.mp2 .heading-row>p br{display:none}
.mp2 .plan-cards{grid-template-columns:1fr 1fr}
.mp2 .plan-card{padding:16px 20px;border-bottom:1px solid var(--line)}
.mp2 .plan-card+.plan-card{border-left:0}
.mp2 .plan-card:nth-child(even){border-left:1px solid var(--line)}
.mp2 .plan-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:90px 1fr;column-gap:20px;border-bottom:0}
.mp2 .plan-card:last-child .card-index{grid-column:1/-1}
.mp2 .plan-card:last-child svg{grid-row:2/4;margin:0}
.mp2 .plan-card:last-child h3{align-self:end}
.mp2 .plan-card svg{height:65px}
.mp2 .terms{grid-template-columns:1fr;gap:15px;margin-top:15px}
.mp2 .terms p{margin-top:3px}
.mp2 .plan-nav>div{overflow-x:auto;justify-content:flex-start;padding:0 10px}
.mp2 .plan-nav a{font-size:11px;padding:15px 11px}
.mp2 .plan-section{padding-top:45px;padding-bottom:35px}
.mp2 .section-title{gap:16px}
.mp2 .section-no{font-size:41px}
.mp2 .section-title h2{font-size:26px}
.mp2 .plan-symbol{display:none}
.mp2 .explain{grid-template-columns:1fr;gap:15px}
.mp2 .explain p{font-size:13px}
.mp2 .three-cols{grid-template-columns:1fr;gap:16px}
.mp2 .listcol li{font-size:13px}
.mp2 .plan-section figure{margin:20px 0 25px}
.mp2 .enlarge{font-size:8px;top:7px;right:7px;padding:4px 7px}
.mp2 figcaption{font-size:10px}
.mp2 .faqs{grid-template-columns:1fr}
.mp2 .faq-head{align-items:start;gap:15px}
.mp2 .faq-head h3{font-size:20px}
.mp2 .faq-head span{font-size:10px;white-space:nowrap}
.mp2 .comparison{padding:50px 0;margin-top:20px}
.mp2 .evaluation{grid-template-columns:1fr;gap:40px;padding-top:55px;padding-bottom:50px}
.mp2 .evaluation h2 br{display:none}
.mp2 .cta{margin:0 12px;padding:35px 25px;display:block}
.mp2 .cta h2{font-size:32px}
.mp2 .cta .button{margin-top:25px}
.mp2 .sources{padding-top:20px;padding-bottom:15px}
.mp2 dialog{padding:35px 24px}
.mp2 .eyebrow{font-size:9px;margin-bottom:15px}
}@media(prefers-reduced-motion:reduce) {.mp2 *{transition:none!important}
}

.mp2{background:#fff;overflow-x:hidden}
.mp2 .hero h1,.mp2 .cta h2{color:#fff}
.mp2 h1{letter-spacing:-1px}
.mp2 h2{letter-spacing:-.4px;color:var(--ink)}
.mp2 .cta h2{color:#fff}
.mp2 h3{letter-spacing:0;color:var(--ink)}
.mp2 .section-no{font-weight:700}
.mp2 .hero p{color:#c9d0ee}
.mp2 .button{border-radius:5px;text-decoration:none}
.mp2 .button.light{color:#fff}
.mp2 .button.light:hover{color:#fff}
.mp2 .eyebrow{color:#e81820}
.mp2 .hero .eyebrow,.mp2 .cta .eyebrow{color:#ff8a90}
.mp2 .plan-nav{top:156px}
.mp2 section[id]{scroll-margin-top:210px}
.mp2 .plan-section{scroll-margin-top:210px}
.mp2 table{margin-bottom:0}
.mp2 th,.mp2 td{border:0;border-bottom:1px solid #e6e9f2}
.mp2 thead th{background:#0f1b4c;color:#fff;border-bottom:0}
.mp2 tbody th{background:transparent;color:var(--ink)}
.mp2 tbody tr:nth-child(even) th{background:transparent}
.mp2 .plan-card svg{color:#7b68ee}
.mp2 .plan-card:nth-child(3n+2) svg{color:#e81820}
.mp2 .listcol li::marker{color:#e81820}
.mp2 .listcol h3{border-top-width:3px}
.mp2 .brief-open{font-family:inherit}
.mp2 details summary{color:var(--ink)}
.mp2 .sources a{color:#7b68ee}
.mp2 dialog{color:var(--ink)}
.mp2 .dialog-close{color:var(--ink)}
@media(max-width:991px) {.mp2 .plan-nav{top:80px}.mp2 section[id],.mp2 .plan-section{scroll-margin-top:140px}}

.mp2 h1{font-size:clamp(34px,3.8vw,52px);line-height:1.12}
.mp2 h2,.mp2 .section-title h2{font-size:clamp(30px,4vw,42px);line-height:1.2}
.mp2 .cta h2{font-size:clamp(30px,4vw,44px)}
.mp2 h3{font-size:22px}
.mp2 .eyebrow,.mp2 .section-title .eyebrow{font-size:13px;letter-spacing:.14em}
.mp2 .hero p{font-size:17px}
.mp2 .hero-meta,.mp2 .art-footer{font-size:14px}
.mp2 .art-label{font-size:12px}
.mp2 .text-link{font-size:15px}
.mp2 .button,.mp2 .hero-actions .button{font-size:16px}
.mp2 .intro-grid p,.mp2 .heading-row>p,.mp2 .comparison p,.mp2 .evaluation p,.mp2 .explain p{font-size:16px;line-height:1.75}
.mp2 .cta p{font-size:17px;line-height:1.75}
.mp2 .explain h3{font-size:22px}
.mp2 .card-index{font-size:14px}
.mp2 .plan-card h3{font-size:20px}
.mp2 .plan-card p{font-size:14.5px}
.mp2 .terms strong{font-size:16px}
.mp2 .terms p{font-size:15px}
.mp2 .plan-nav span{font-size:12px}
.mp2 .plan-nav a{font-size:15px}
.mp2 .section-no{font-size:clamp(40px,4.5vw,52px)}
.mp2 .enlarge{font-size:13px}
.mp2 figcaption{font-size:14px}
.mp2 .listcol h3{font-size:20px}
.mp2 .listcol li{font-size:15.5px;line-height:1.7}
.mp2 .faq-head h3{font-size:24px}
.mp2 .faq-head span{font-size:14px}
.mp2 summary{font-size:16px;font-weight:600}
.mp2 summary span{font-size:22px}
.mp2 details p{font-size:16px;line-height:1.75}
.mp2 .backtop{font-size:14px}
.mp2 table{font-size:16px}
.mp2 thead th{font-size:14px}
.mp2 .comparison .note{font-size:14px}
.mp2 .evaluation li{font-size:16px}
.mp2 .evaluation li strong{font-size:18px}
.mp2 .evaluation li::before{font-size:16px}
.mp2 .sources summary{font-size:16px}
.mp2 .sources ul,.mp2 .sources details p{font-size:15px}
.mp2 dialog h2{font-size:28px}
.mp2 dialog>p{font-size:15px}
.mp2 form label{font-size:16px}
.mp2 input,.mp2 textarea,.mp2 select{font-size:16px}
.mp2 #brief-status{font-size:14px}
@media(max-width:700px) {
.mp2 h1{font-size:clamp(32px,9vw,40px)}
.mp2 .hero p{font-size:16px}
.mp2 .hero-meta{font-size:13px;flex-wrap:wrap}
.mp2 .plan-nav a{font-size:14px}
.mp2 .listcol li{font-size:15.5px}
.mp2 .explain h3{font-size:20px}
}

.mp2 .hero-art{position:relative;box-shadow:0 30px 60px -25px #000a,0 0 0 1px #ffffff0d inset;backdrop-filter:blur(2px);animation:mp2float 7s ease-in-out infinite;transition:transform .4s}
.mp2 .hero-art:hover{transform:rotate(0deg) scale(1.02);animation-play-state:paused}
.mp2 .hero-art::before{content:"";position:absolute;inset:-1px;border-radius:12px;padding:1px;background:linear-gradient(135deg,#9d92ff,transparent 40%,#ff8a9066);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.mp2 .art-label{display:flex;align-items:center;gap:8px}
.mp2 .art-label::before{content:"";width:7px;height:7px;border-radius:50%;background:#ff8a90;box-shadow:0 0 0 0 #ff8a90aa;animation:mp2live 2s infinite}
.mp2 .hero-art svg{overflow:visible}
.mp2 .hero-art .flow path{stroke-dasharray:5 17;animation:mp2flow 1.6s linear infinite;opacity:.75}
.mp2 .hero-art .node{filter:drop-shadow(0 6px 14px #7b68ee55)}
.mp2 .hero-art .ring{fill:none;stroke:#9d92ff;stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:mp2ring 3s ease-out infinite}
.mp2 .hero-art .ring.r2{animation-delay:1.5s}
.mp2 .hero-art .who{fill:#0f1b4c;opacity:.85}
.mp2 .hero-art .leaf-halo{fill:#b9b0ff;opacity:.25;filter:url(#soft);transform-box:fill-box;transform-origin:center;animation:mp2pulse 3.6s ease-in-out infinite}
.mp2 .hero-art .pt{fill:#fff;filter:drop-shadow(0 0 6px #ffb3b8) drop-shadow(0 0 12px #ff8a90)}
.mp2 .hero-art .lvl text{font-size:9px;letter-spacing:1.5px;fill:#8d98d6}
.mp2 .art-footer i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px;vertical-align:1px;background:#9d92ff}
.mp2 .art-footer span:nth-child(2) i{background:#b9b0ff}
.mp2 .art-footer span:nth-child(3) i{background:#ff8a90}
@keyframes mp2float{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-8px)}}
@keyframes mp2flow{to{stroke-dashoffset:-22}}
@keyframes mp2ring{0%{transform:scale(.8);opacity:.8}100%{transform:scale(1.9);opacity:0}}
@keyframes mp2pulse{0%,100%{opacity:.15;transform:scale(1)}50%{opacity:.5;transform:scale(1.35)}}
@keyframes mp2live{0%{box-shadow:0 0 0 0 #ff8a90aa}70%,100%{box-shadow:0 0 0 8px #ff8a9000}}
@media(prefers-reduced-motion:reduce) {.mp2 .hero-art,.mp2 .hero-art .flow path,.mp2 .hero-art .ring,.mp2 .hero-art .leaf-halo,.mp2 .art-label::before{animation:none}.mp2 .hero-art .particles,.mp2 .hero-art .ring{display:none}}

/* =====================================================================
   Blog hub (mlm-developer-blog.html) - layout only; colours and fonts come from the shared ia-* tokens.
   ===================================================================== */
.ia-home .ia-blog-hero { padding: 64px 0 40px; background: #fff; }
.ia-blog-hero-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 50px; align-items: end; }
.ia-blog-hero h1 { font-size: clamp(36px, 5vw, 60px); font-weight: 700; line-height: 1.08; margin: 0 0 18px; }
.ia-blog-hero p { font-size: 17px; line-height: 1.7; max-width: 560px; margin: 0; }
.ia-blog-aside { border-left: 2px solid var(--ia-line); padding: 0 0 4px 24px; max-width: 360px; }
.ia-blog-aside p { font-size: 15px; margin: 8px 0 0; }
.ia-blog-tiny { display: block; font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--ia-red); }
.ia-blog-featured-sec { padding: 20px 0 80px; }
.ia-blog-feature { display: grid; grid-template-columns: 1.05fr 1fr; background: var(--ia-bg); border: 1px solid var(--ia-line); border-radius: 16px; overflow: hidden; }
.ia-blog-art { position: relative; min-height: 360px; background: linear-gradient(135deg, var(--ia-navy), var(--ia-navy-2)); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.ia-blog-art::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size: 32px 32px; }
.ia-blog-orbit { position: absolute; width: 285px; height: 285px; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; }
.ia-blog-orbit-2 { width: 390px; height: 390px; }
.ia-blog-core { position: relative; background: var(--ia-red); color: #fff; border-radius: 18px; padding: 24px 30px; font-family: var(--font-heading); font-size: 34px; font-weight: 800; line-height: 1; box-shadow: 0 16px 36px rgba(232,24,32,.35); text-align: center; }
.ia-blog-core small { display: block; font-family: var(--font-body); font-size: 10px; letter-spacing: .2em; text-transform: uppercase; margin-top: 10px; font-weight: 700; }
.ia-blog-node { position: absolute; background: #fff; color: var(--ia-ink); border-radius: 30px; padding: 8px 16px; font-size: 13px; font-weight: 700; box-shadow: 0 8px 22px rgba(0,0,0,.18); white-space: nowrap; }
.ia-blog-node i { color: var(--ia-red); margin-right: 6px; }
.ia-blog-node.n1 { left: 8%; top: 18%; } .ia-blog-node.n2 { right: 8%; top: 24%; } .ia-blog-node.n3 { left: 10%; bottom: 17%; } .ia-blog-node.n4 { right: 6%; bottom: 18%; }
.ia-blog-art-label { position: absolute; bottom: 14px; left: 22px; color: #c9d0ee; font-size: 10px; letter-spacing: .18em; text-transform: uppercase; font-weight: 700; }
.ia-blog-feature-copy { padding: 40px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.ia-blog-tag { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; background: var(--ia-red-soft); color: var(--ia-red); padding: 6px 12px; border-radius: 6px; }
.ia-blog-feature-copy h2 { font-size: clamp(26px, 2.6vw, 34px); line-height: 1.2; margin: 18px 0 12px; }
.ia-blog-feature-copy h2 a:hover, .ia-blog-card h3 a:hover { color: var(--ia-red); }
.ia-blog-feature-copy p { margin: 0 0 22px; line-height: 1.7; }
.ia-blog-top { display: flex; justify-content: space-between; align-items: center; gap: 25px; }
.ia-blog-top .ia-title { margin: 0; }
.ia-blog-search { position: relative; margin: 0; }
.ia-blog-search i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--ia-text); font-size: 14px; }
.ia-blog-search input { width: 300px; max-width: 100%; border: 1px solid var(--ia-line); border-radius: 8px; background: #fff; padding: 12px 15px 12px 38px; font-size: 15px; color: var(--ia-ink); font-family: inherit; }
.ia-blog-search input:focus { outline: 2px solid var(--ia-purple); border-color: transparent; }
.ia-blog-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 18px; }
.ia-blog-filters button { border: 1px solid var(--ia-line); background: #fff; padding: 8px 18px; border-radius: 30px; font-size: 14px; font-weight: 600; color: var(--ia-ink); cursor: pointer; font-family: inherit; transition: .2s; }
.ia-blog-filters button:hover { border-color: var(--ia-purple); }
.ia-blog-filters button[aria-pressed="true"] { background: var(--ia-ink); border-color: var(--ia-ink); color: #fff; }
.ia-blog-results { font-size: 14px; margin: 0 0 22px; }
.ia-blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.ia-blog-card { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--ia-line); border-radius: 16px; padding: 26px; transition: .3s; }
.ia-blog-card:hover { transform: translateY(-5px); box-shadow: 0 20px 44px rgba(15,27,76,.12); border-color: transparent; }
.ia-blog-card[hidden] { display: none; }
.ia-blog-cat { display: flex; justify-content: flex-end; align-items: baseline; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ia-red); }
.ia-blog-num { font-family: var(--font-heading); font-size: 20px; color: var(--ia-line); letter-spacing: 0; }
.ia-blog-card h3 { font-size: 21px; line-height: 1.35; margin: 14px 0 18px; }
.ia-blog-read { margin-top: auto; font-weight: 700; font-size: 14px; color: var(--ia-purple); display: inline-flex; align-items: center; gap: 8px; }
.ia-blog-read:hover { color: var(--ia-red); }
.ia-blog-empty { padding: 30px; background: #fff; border-radius: 12px; text-align: center; margin-top: 20px; }
.ia-blog-quick-sec { padding: 0 0 80px; }
.ia-blog-quick { background: var(--ia-bg); border: 1px solid var(--ia-line); border-radius: 16px; padding: 32px 36px; display: grid; grid-template-columns: 1fr 2fr; gap: 40px; align-items: center; }
.ia-blog-quick h2 { font-size: 28px; margin: 8px 0 0; }
.ia-blog-quick p { margin: 0; line-height: 1.75; }
.ia-blog-cta { background: linear-gradient(135deg, var(--ia-navy) 0%, #1a2a73 100%); border-radius: 20px; padding: 44px 48px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.ia-blog-cta h2 { color: #fff; font-size: clamp(26px, 3vw, 36px); margin: 8px 0; }
.ia-blog-cta p { color: #d3d9f3; margin: 0; }
@media (max-width: 991px) {
	.ia-blog-hero-grid, .ia-blog-feature, .ia-blog-quick { grid-template-columns: 1fr; gap: 24px; }
	.ia-blog-aside { max-width: none; }
	.ia-blog-grid { grid-template-columns: repeat(2, 1fr); }
	.ia-blog-top, .ia-blog-cta { flex-direction: column; align-items: flex-start; }
	.ia-blog-search, .ia-blog-search input { width: 100%; }
	.ia-blog-feature-copy { padding: 28px; }
}
@media (max-width: 575px) {
	.ia-blog-grid { grid-template-columns: 1fr; }
	.ia-blog-art { min-height: 300px; }
	.ia-blog-orbit-2 { width: 300px; height: 300px; }
	.ia-blog-orbit { width: 220px; height: 220px; }
	.ia-blog-cta { padding: 30px 24px; }
	.ia-blog-cta .ia-btn { width: 100%; justify-content: center; }
}
.ia-blog-feature-copy h2 a, .ia-blog-card h3 a { color: inherit; }

/* centre the hero chips */
.ia-hero-visual .ia-chip-stack { justify-content: center; }

/* MLM Plans: keep a gap between the closing CTA box and the footer */
.mp2 .cta { margin-bottom: 80px; }
@media (max-width: 600px) { .mp2 .cta { margin-bottom: 50px; } }

/* MLM Plans glossary: centre the second row (BV / PV) under the three-column grid */
.mp2 .terms { grid-template-columns: repeat(6, 1fr); }
.mp2 .terms > div { grid-column: span 2; }
.mp2 .terms > div:nth-child(4) { grid-column: 2 / span 2; }
.mp2 .terms > div:nth-child(5) { grid-column: 4 / span 2; }
@media (max-width: 700px) {
	.mp2 .terms { grid-template-columns: 1fr; }
	.mp2 .terms > div, .mp2 .terms > div:nth-child(4), .mp2 .terms > div:nth-child(5) { grid-column: auto; }
}

/* Blog "Latest insight" art on small screens: smaller core and nodes so nothing overlaps */
@media (max-width: 575px) {
	.ia-blog-art { min-height: 380px; }
	.ia-blog-orbit { width: 200px; height: 200px; }
	.ia-blog-orbit-2 { width: 280px; height: 280px; }
	.ia-blog-core { padding: 16px 22px; font-size: 26px; border-radius: 14px; }
	.ia-blog-core small { font-size: 9px; margin-top: 8px; }
	.ia-blog-node { padding: 6px 12px; font-size: 11px; }
	.ia-blog-node.n1 { left: 6%; top: 8%; }
	.ia-blog-node.n2 { right: 6%; top: 21%; }
	.ia-blog-node.n3 { left: 6%; bottom: 24%; }
	.ia-blog-node.n4 { right: 6%; bottom: 14%; }
	.ia-blog-art-label { left: 16px; right: 16px; bottom: 12px; font-size: 9px; }
}

/* =====================================================================
   AssistNet product page (mlm-software-malaysia-product-assistnet-software.html)
   Layout follows the supplied reference; colours and fonts come from the shared ia-* tokens.
   ===================================================================== */
.ia-an-hero { padding: 64px 0 70px; }
.ia-an-hero-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 48px; align-items: center; }
.ia-an-hero h1 { font-size: clamp(36px, 4.6vw, 58px); font-weight: 700; line-height: 1.08; margin: 0 0 20px; }
.ia-an-hero p { font-size: 17px; line-height: 1.7; margin: 0 0 14px; }
.ia-an-hero p.ia-an-note { font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ia-ink); margin: 0; }
.ia-an-visual { min-width: 0; }
.ia-an-app { display: grid; grid-template-columns: 150px 1fr; background: #fff; border: 1px solid var(--ia-line); border-radius: 18px; overflow: hidden; box-shadow: 0 30px 60px rgba(15,27,76,.14); }
.ia-an-side { background: var(--ia-navy); padding: 20px 14px; display: flex; flex-direction: column; gap: 6px; }
.ia-an-appbrand { font-family: var(--font-heading); font-weight: 800; font-size: 20px; color: #fff; margin-bottom: 14px; padding: 0 8px; }
.ia-an-sideitem { display: flex; align-items: center; gap: 9px; padding: 9px 10px; border-radius: 8px; font-size: 13px; font-weight: 600; color: #c9d0ee; }
.ia-an-sideitem i { width: 14px; text-align: center; font-size: 12px; }
.ia-an-sideitem.active { background: var(--ia-red); color: #fff; }
.ia-an-appmain { padding: 18px 20px 22px; min-width: 0; }
.ia-an-appbar { display: flex; justify-content: space-between; align-items: center; font-size: 12px; font-weight: 700; color: var(--ia-text); margin-bottom: 14px; }
.ia-an-avatar { width: 30px; height: 30px; border-radius: 50%; background: var(--ia-purple); color: #fff; display: grid; place-items: center; font-size: 11px; font-weight: 800; }
.ia-an-appmain h3 { font-size: 22px; margin: 0 0 2px; }
.ia-an-small { font-size: 12px; color: var(--ia-text); }
.ia-an-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 14px 0; }
.ia-an-metrics > div { background: var(--ia-bg); border: 1px solid var(--ia-line); border-radius: 10px; padding: 10px 12px; }
.ia-an-metrics strong { display: block; font-family: var(--font-heading); font-size: 20px; color: var(--ia-ink); line-height: 1.2; margin: 2px 0; }
.ia-an-metrics em { font-style: normal; font-size: 11px; color: var(--ia-red); font-weight: 700; }
.ia-an-chart { border: 1px solid var(--ia-line); border-radius: 10px; padding: 12px 14px; }
.ia-an-charthead { display: flex; justify-content: space-between; font-size: 13px; color: var(--ia-ink); margin-bottom: 10px; }
.ia-an-bars { display: flex; align-items: flex-end; gap: 8px; height: 90px; }
.ia-an-bars i { flex: 1; background: var(--ia-red); border-radius: 4px 4px 0 0; }
.ia-an-bars i:nth-child(3n) { background: var(--ia-navy); }
.ia-an-days { display: flex; gap: 8px; margin-top: 6px; }
.ia-an-days span { flex: 1; text-align: center; font-size: 10px; color: var(--ia-text); }
.ia-an-demo { font-size: 12px; margin: 12px 0 0; text-align: right; color: var(--ia-text); }
.ia-an-demo-light { color: #c9d0ee; }

.ia-an-ribbon { background: var(--ia-navy); }
.ia-an-ribbon .ia-wrap { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 36px; padding-top: 18px; padding-bottom: 18px; }
.ia-an-ribbon span { color: #fff; font-weight: 700; font-size: 14px; letter-spacing: .04em; display: inline-flex; align-items: center; gap: 36px; }
.ia-an-ribbon span:not(:last-child)::after { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--ia-red); display: inline-block; }

.ia-an-head { display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; align-items: end; margin-bottom: 40px; }
.ia-an-head .ia-title { margin: 0; }
.ia-an-head p { margin: 0; line-height: 1.75; }

.ia-an-modules { display: grid; grid-template-columns: 280px 1fr; gap: 28px; align-items: start; }
.ia-an-tabs { display: flex; flex-direction: column; gap: 8px; }
.ia-an-tab { display: flex; justify-content: space-between; align-items: center; width: 100%; text-align: left; background: #fff; border: 1px solid var(--ia-line); border-radius: 12px; padding: 14px 18px; font-size: 15px; font-weight: 700; color: var(--ia-ink); cursor: pointer; font-family: inherit; transition: .2s; }
.ia-an-tab i { font-size: 12px; color: var(--ia-red); }
.ia-an-tab:hover { border-color: var(--ia-purple); }
.ia-an-tab[aria-selected="true"] { background: var(--ia-navy); border-color: var(--ia-navy); color: #fff; }
.ia-an-tab[aria-selected="true"] i { color: #ff8a90; }
.ia-an-tab:focus-visible, .ia-an-panel:focus-visible { outline: 2px solid var(--ia-purple); outline-offset: 3px; }
.ia-an-panel { background: var(--ia-bg); border: 1px solid var(--ia-line); border-radius: 18px; padding: 36px; }
.ia-an-panel[hidden] { display: none; }
.ia-an-panel h3 { font-size: clamp(24px, 2.6vw, 32px); margin: 0 0 10px; }
.ia-an-panel > p { margin: 0 0 24px; line-height: 1.7; }
.ia-an-features { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 0; margin: 0; list-style: none; }
.ia-an-features li { background: #fff; border: 1px solid var(--ia-line); border-radius: 12px; padding: 16px 18px; }
.ia-an-features strong { display: block; font-size: 15px; color: var(--ia-ink); margin-bottom: 4px; }
.ia-an-features span { display: block; font-size: 14px; line-height: 1.6; color: var(--ia-text); }

.ia-an-dark { background: linear-gradient(135deg, var(--ia-navy), var(--ia-navy-2)); }
.ia-an-dark .ia-eyebrow { color: #ff8a90; }
.ia-an-dark .ia-eyebrow::before { background: #ff8a90; }
.ia-an-dark h2 { color: #fff; font-size: clamp(28px, 3.4vw, 42px); line-height: 1.15; margin: 0 0 16px; }
.ia-an-dark p { color: #d3d9f3; line-height: 1.75; margin: 0 0 22px; }
.ia-an-wallet-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: center; }
.ia-an-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.ia-an-chips span { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.2); color: #fff; padding: 9px 16px; border-radius: 30px; font-size: 14px; font-weight: 700; }
.ia-an-wallet { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); border-radius: 20px; padding: 30px; color: #d3d9f3; }
.ia-an-wallet small { font-size: 12px; letter-spacing: .12em; display: block; }
.ia-an-wallet hr { border: 0; border-top: 1px solid rgba(255,255,255,.18); margin: 18px 0; }
.ia-an-balance { font-family: var(--font-heading); font-weight: 800; font-size: 46px; color: #fff; line-height: 1.1; margin: 8px 0 4px; }
.ia-an-balance span { font-size: 23px; }
.ia-an-walletrow { display: flex; justify-content: space-between; padding: 8px 0; color: #fff; font-weight: 600; }

.ia-an-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.ia-an-step { background: #fff; border: 1px solid var(--ia-line); border-radius: 16px; padding: 26px 22px; transition: .3s; }
.ia-an-step:hover { transform: translateY(-5px); box-shadow: 0 20px 44px rgba(15,27,76,.12); border-color: transparent; }
.ia-an-step b { display: block; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--ia-red); margin-bottom: 12px; }
.ia-an-step h3 { font-size: 22px; margin: 0 0 8px; }
.ia-an-step p { margin: 0; font-size: 15px; line-height: 1.7; }

.ia-an-future { margin-top: 34px; border: 1px solid var(--ia-line); border-radius: 14px; background: #fff; padding: 0 24px; }
.ia-an-future summary { cursor: pointer; list-style: none; padding: 18px 0; font-weight: 700; color: var(--ia-ink); display: flex; justify-content: space-between; gap: 16px; }
.ia-an-future summary::-webkit-details-marker { display: none; }
.ia-an-future summary span { color: var(--ia-red); font-size: 22px; line-height: 1; }
.ia-an-future[open] summary span { transform: rotate(45deg); }
.ia-an-future > p { margin: 0 0 18px; }
.ia-an-futuregrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; padding-bottom: 24px; }
.ia-an-futuregrid > div { background: var(--ia-bg); border: 1px solid var(--ia-line); border-radius: 10px; padding: 14px 16px; }
.ia-an-futuregrid strong { display: block; color: var(--ia-ink); font-size: 15px; margin-bottom: 4px; }
.ia-an-futuregrid span { display: block; font-size: 14px; line-height: 1.55; color: var(--ia-text); }

.ia-an-cta-sec { padding-top: 0; }
.ia-an-cta { background: var(--ia-bg); border: 1px solid var(--ia-line); border-top: 4px solid var(--ia-red); border-radius: 18px; padding: 56px 40px; text-align: center; }
.ia-an-cta .ia-eyebrow { justify-content: center; }
.ia-an-cta h2 { font-size: clamp(28px, 3.6vw, 42px); line-height: 1.15; margin: 0 0 14px; }
.ia-an-cta p { max-width: 640px; margin: 0 auto 28px; line-height: 1.75; }

@media (max-width: 991px) {
	.ia-an-hero-grid, .ia-an-head, .ia-an-wallet-grid { grid-template-columns: 1fr; gap: 28px; }
	.ia-an-modules { grid-template-columns: 1fr; }
	.ia-an-tabs { flex-direction: row; flex-wrap: wrap; }
	.ia-an-tab { width: auto; gap: 10px; padding: 10px 16px; }
	.ia-an-steps { grid-template-columns: repeat(2, 1fr); }
	.ia-an-futuregrid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
	.ia-an-app { grid-template-columns: 1fr; }
	.ia-an-side { display: none; }
	.ia-an-metrics { grid-template-columns: 1fr; }
	.ia-an-panel { padding: 24px 20px; }
	.ia-an-features, .ia-an-steps, .ia-an-futuregrid { grid-template-columns: 1fr; }
	.ia-an-ribbon span { gap: 18px; }
	.ia-an-cta { padding: 40px 22px; }
	.ia-an-cta .ia-btn { width: 100%; justify-content: center; }
}
.ia-an-hero p.ia-an-demo { font-size: 12px; line-height: 1.4; margin: 12px 0 0; }

/* AssistNet page: closer match to the reference layout (ribbon strip, list-style tabs, ruled columns, hero backdrop) */
.ia-an-hero .ia-cta { align-items: center; }
.ia-an-link { font-weight: 600; color: var(--ia-ink); border-bottom: 1px solid var(--ia-ink); padding-bottom: 2px; }
.ia-an-link:hover { color: var(--ia-red); border-color: var(--ia-red); }
.ia-an-visual { background: #eeebf7; border-radius: 24px; padding: 36px 36px 18px; }
.ia-an-side { background: var(--ia-bg); border-right: 1px solid var(--ia-line); }
.ia-an-appbrand { color: var(--ia-ink); }
.ia-an-sideitem { color: var(--ia-text); }
.ia-an-sideitem.active { background: var(--ia-red-soft); color: var(--ia-red); }
.ia-an-app { box-shadow: 0 20px 40px rgba(15,27,76,.1); }

.ia-an-ribbon { background: #fff; border-top: 1px solid var(--ia-line); border-bottom: 1px solid var(--ia-line); }
.ia-an-ribbon .ia-wrap { justify-content: space-between; gap: 10px 28px; padding-top: 22px; padding-bottom: 22px; }
.ia-an-ribbon span { color: var(--ia-ink); font-weight: 600; font-size: 15px; letter-spacing: 0; gap: 0; }
.ia-an-ribbon span:not(:last-child)::after { display: none; }
.ia-an-ribbon span:first-child { color: var(--ia-text); font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }

.ia-an-tabs { gap: 0; }
.ia-an-tab { background: transparent; border: 0; border-bottom: 1px solid var(--ia-line); border-radius: 0; padding: 15px 16px; font-weight: 600; }
.ia-an-tab:hover { background: var(--ia-bg); }
.ia-an-tab[aria-selected="true"] { background: var(--ia-navy); border-color: var(--ia-navy); border-radius: 6px; }
.ia-an-panel { background: #fff; }
.ia-an-features { gap: 0 36px; }
.ia-an-features li { background: transparent; border: 0; border-top: 1px solid var(--ia-line); border-radius: 0; padding: 16px 0 18px; }

.ia-an-wallet { transform: rotate(-3deg); box-shadow: 0 24px 50px rgba(0,0,0,.25); }

.ia-an-step { background: transparent; border: 0; border-top: 1px solid var(--ia-ink); border-radius: 0; padding: 20px 0 0; }
.ia-an-step:hover { transform: none; box-shadow: none; }

@media (max-width: 991px) {
	.ia-an-visual { padding: 22px 22px 14px; }
	.ia-an-ribbon .ia-wrap { justify-content: center; }
	.ia-an-tab { border-bottom: 1px solid var(--ia-line); border: 1px solid var(--ia-line); border-radius: 8px; }
	.ia-an-tabs { gap: 8px; }
	.ia-an-wallet { transform: none; }
}
@media (max-width: 575px) {
	.ia-an-visual { padding: 14px 14px 10px; border-radius: 18px; }
	.ia-an-features { gap: 0; }
}
.ia-an-metrics strong { white-space: nowrap; font-size: 18px; }
.ia-an-metrics { gap: 8px; }
.ia-an-metrics > div { padding: 10px; min-width: 0; }
.ia-an-metrics em, .ia-an-metrics .ia-an-small { white-space: nowrap; font-size: 11px; }
.ia-an-visual { padding: 30px 30px 16px; }
@media (max-width: 1199px) {
	.ia-an-metrics em, .ia-an-metrics .ia-an-small { white-space: normal; }
	.ia-an-metrics strong { font-size: 16px; }
}

/* =====================================================================
   Business Continuity page (mlm-software-malaysia-product-business-continuity-promotion-and-campaign.html)
   Layout follows the supplied reference; colours and fonts come from the shared ia-* tokens.
   ===================================================================== */
.ia-bc-hero { padding: 64px 0 70px; }
.ia-bc-hero-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 48px; align-items: center; }
.ia-bc-hero h1 { font-size: clamp(36px, 4.8vw, 60px); font-weight: 700; line-height: 1.08; margin: 0 0 20px; }
.ia-bc-hero p { font-size: 17px; line-height: 1.7; margin: 0 0 14px; max-width: 560px; }
.ia-bc-hero p.ia-an-note { font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ia-ink); margin: 0; }
.ia-bc-hero .ia-cta { align-items: center; }
.ia-bc-visual { background: #eeebf7; border-radius: 24px; padding: 34px 26px 22px; min-width: 0; }
.ia-bc-orbit { position: relative; height: 330px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.ia-bc-ring { position: absolute; width: 240px; height: 240px; border: 1px solid rgba(15,27,76,.18); border-radius: 50%; }
.ia-bc-ring-2 { width: 320px; height: 320px; }
.ia-bc-core { position: relative; width: 150px; height: 150px; border-radius: 50%; background: var(--ia-navy); color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; font-family: var(--font-heading); font-weight: 800; font-size: 20px; line-height: 1.15; box-shadow: 0 0 0 14px rgba(15,27,76,.08); }
.ia-bc-core small { font-family: var(--font-body); font-size: 8px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; margin-bottom: 6px; color: #ff8a90; }
.ia-bc-tag { position: absolute; background: #fff; border: 1px solid var(--ia-line); border-radius: 30px; padding: 7px 14px; font-size: 12px; font-weight: 700; color: var(--ia-ink); box-shadow: 0 8px 20px rgba(15,27,76,.1); white-space: nowrap; }
.ia-bc-tag.t1 { left: 8%; top: 12%; } .ia-bc-tag.t2 { right: 4%; top: 46%; } .ia-bc-tag.t3 { left: 12%; bottom: 10%; }
.ia-bc-hero p.ia-bc-flow { margin: 12px 0 0; text-align: center; font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--ia-ink); max-width: none; }

.ia-bc-strip { border-top: 1px solid var(--ia-line); border-bottom: 1px solid var(--ia-line); background: #fff; }
.ia-bc-strip .ia-wrap { display: grid; grid-template-columns: repeat(4, 1fr); }
.ia-bc-strip .ia-wrap > div { padding: 22px 0; font-weight: 600; color: var(--ia-ink); font-size: 15px; }
.ia-bc-strip b { font-family: var(--font-heading); font-size: 26px; font-weight: 800; color: var(--ia-red); margin-right: 8px; }

.ia-bc-split { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; }
.ia-bc-split .ia-title { margin-bottom: 18px; }
.ia-bc-lead { font-size: 19px; font-weight: 600; color: var(--ia-ink); line-height: 1.55; }
.ia-bc-split p { line-height: 1.75; }
.ia-bc-defs > div { border-left: 3px solid var(--ia-red); padding: 4px 0 4px 22px; margin-bottom: 26px; }
.ia-bc-defs > div:last-child { margin-bottom: 0; }
.ia-bc-defs h3 { font-size: 22px; margin: 0 0 6px; }
.ia-bc-defs p { margin: 0; }
.ia-bc-intro { max-width: 700px; line-height: 1.75; margin: 0 0 34px; }
.ia-bc-three { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; }
.ia-bc-three article { border-top: 2px solid var(--ia-red); padding-top: 20px; }
.ia-bc-three b { display: block; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--ia-red); margin-bottom: 10px; }
.ia-bc-three h3 { font-size: 24px; margin: 0 0 8px; }
.ia-bc-three p { margin: 0; line-height: 1.7; }

.ia-bc-guide { background: linear-gradient(135deg, var(--ia-navy), var(--ia-navy-2)); border-radius: 24px; padding: 54px 48px; color: #d3d9f3; }
.ia-bc-guidehead { display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; align-items: end; margin-bottom: 26px; }
.ia-bc-guide .ia-eyebrow { color: #ff8a90; }
.ia-bc-guide .ia-eyebrow::before { background: #ff8a90; }
.ia-bc-guide h2 { color: #fff; font-size: clamp(32px, 4vw, 48px); line-height: 1.1; margin: 0; }
.ia-bc-guide p { color: #d3d9f3; line-height: 1.75; margin: 0; }
.ia-bc-weeks { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 26px; }
.ia-bc-weeks span { border: 1px solid rgba(255,255,255,.28); border-radius: 30px; padding: 7px 16px; font-size: 13px; font-weight: 700; color: #fff; }
.ia-bc-steps details { border-top: 1px solid rgba(255,255,255,.18); padding: 0; }
.ia-bc-steps details:last-child { border-bottom: 1px solid rgba(255,255,255,.18); }
.ia-bc-steps summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 18px; padding: 18px 0; color: #fff; font-weight: 700; font-size: 17px; }
.ia-bc-steps summary::-webkit-details-marker { display: none; }
.ia-bc-steps summary span { font-family: var(--font-heading); color: #ff8a90; font-weight: 800; font-size: 14px; min-width: 24px; }
.ia-bc-steps summary::after { content: "+"; margin-left: auto; font-size: 24px; line-height: 1; color: #fff; }
.ia-bc-steps details[open] summary::after { content: "\2212"; }
.ia-bc-steps details p { padding: 0 0 20px 42px; font-size: 15px; }
.ia-bc-steps details p strong { color: #fff; }
.ia-bc-guide p.ia-bc-foot { font-size: 12px; margin-top: 22px; }

.ia-bc-timing { background: var(--ia-bg); border: 1px solid var(--ia-line); border-radius: 18px; padding: 32px 34px; }
.ia-bc-timing h3 { font-size: 24px; margin: 0 0 14px; }
.ia-bc-timing p { margin: 0 0 10px; }
.ia-bc-timing p strong { color: var(--ia-ink); }
.ia-bc-proscons { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 30px; }
.ia-bc-proscons article { background: #fff; border: 1px solid var(--ia-line); border-radius: 16px; padding: 30px; }
.ia-bc-proscons h3 { font-size: 22px; margin: 0 0 16px; display: flex; align-items: center; gap: 10px; }
.ia-bc-proscons h3 i { color: var(--ia-red); font-size: 16px; }
.ia-bc-proscons ul { padding: 0 0 0 18px; margin: 0; list-style: disc; }
.ia-bc-proscons li { line-height: 1.7; margin-bottom: 8px; }
.ia-bc-faqgrid { display: grid; grid-template-columns: 1fr 1.4fr; gap: 56px; align-items: start; }
.ia-bc-faqgrid p { line-height: 1.75; }
.ia-bc-faqs details { border-bottom: 1px solid var(--ia-line); padding: 0; }
.ia-bc-faqs details:first-child { border-top: 1px solid var(--ia-line); }
.ia-bc-faqs summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 16px; padding: 18px 0; font-weight: 700; color: var(--ia-ink); font-size: 17px; }
.ia-bc-faqs summary::-webkit-details-marker { display: none; }
.ia-bc-faqs summary::after { content: "+"; font-size: 24px; line-height: 1; color: var(--ia-red); flex: none; }
.ia-bc-faqs details[open] summary::after { content: "\2212"; }
.ia-bc-faqs details p { margin: 0 0 18px; line-height: 1.75; padding-right: 30px; }
.ia-bc-closing { text-align: center; padding: 90px 0; }
.ia-bc-closing .ia-eyebrow { justify-content: center; }
.ia-bc-closing h2 { font-size: clamp(30px, 4vw, 46px); margin: 0 0 14px; }
.ia-bc-closing p { max-width: 640px; margin: 0 auto 28px; line-height: 1.75; }

@media (max-width: 991px) {
	.ia-bc-hero-grid, .ia-bc-split, .ia-bc-guidehead, .ia-bc-faqgrid, .ia-bc-proscons { grid-template-columns: 1fr; gap: 28px; }
	.ia-bc-three { grid-template-columns: 1fr; gap: 28px; }
	.ia-bc-strip .ia-wrap { grid-template-columns: 1fr 1fr; }
	.ia-bc-guide { padding: 36px 26px; }
}
@media (max-width: 575px) {
	.ia-bc-visual { padding: 22px 12px 16px; border-radius: 18px; }
	.ia-bc-orbit { height: 300px; }
	.ia-bc-ring { width: 190px; height: 190px; } .ia-bc-ring-2 { width: 260px; height: 260px; }
	.ia-bc-core { width: 124px; height: 124px; font-size: 17px; }
	.ia-bc-tag { font-size: 11px; padding: 6px 11px; }
	.ia-bc-tag.t1 { left: 4%; top: 8%; } .ia-bc-tag.t2 { right: 3%; top: 44%; } .ia-bc-tag.t3 { left: 5%; bottom: 8%; }
	.ia-bc-strip .ia-wrap { grid-template-columns: 1fr; }
	.ia-bc-guide { padding: 28px 18px; border-radius: 18px; }
	.ia-bc-steps details p { padding-left: 0; }
	.ia-bc-closing .ia-btn { width: 100%; justify-content: center; }
}
@media (max-width: 575px) {
	.ia-bc-tag.t2 { top: 25%; }
	.ia-bc-strip .ia-wrap > div { padding: 10px 0; }
}
.ia-bc-tag.t2 { top: 20%; right: 3%; }
@media (max-width: 575px) { .ia-bc-tag.t2 { top: 24%; } }
.ia-bc-tag.t2 { top: 14%; }
@media (max-width: 575px) { .ia-bc-tag.t2 { top: 15%; } }

/* =====================================================================
   Mobile Application page (mlm-software-malaysia-product-mobile-application.html)
   Layout follows the supplied reference; fonts and accents come from the shared ia-* tokens.
   The hero background matches the hero illustration's own navy (#0b1538) so the image blends in.
   ===================================================================== */
.ia-ma-hero { background: #fff; color: var(--ia-ink); position: relative; overflow: hidden; }
.ia-ma-hero::before { content: none; }
.ia-ma-hero-grid { position: relative; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 24px; min-height: 620px; padding-top: 56px; padding-bottom: 56px; }
.ia-ma-hero .ia-eyebrow { color: #6b7399; }
.ia-ma-hero .ia-eyebrow::before { background: var(--ia-red); }
.ia-ma-hero h1 { color: #0b1538; font-size: clamp(38px, 5vw, 64px); font-weight: 700; line-height: 1.06; margin: 0 0 20px; }
.ia-ma-hero h1 em { font-style: normal; color: #3f51e6; }
.ia-ma-hero p { color: #5b6488; font-size: 17px; line-height: 1.7; max-width: 520px; margin: 0 0 8px; }
.ia-ma-hero .ia-cta { margin: 26px 0 26px; }
.ia-ma-btn-outline { background: transparent; color: #0b1538 !important; border-color: #0b1538; }
.ia-ma-btn-outline:hover { background: #0b1538; color: #fff !important; }
.ia-ma-platforms { display: flex; flex-wrap: wrap; gap: 8px 24px; padding: 0; margin: 0; list-style: none; }
.ia-ma-platforms li { color: #0b1538; font-size: 14px; font-weight: 700; }
.ia-ma-platforms i { color: var(--ia-red); margin-right: 6px; }
.ia-ma-hero-art { margin: 0; min-width: 0; }
.ia-ma-hero-art img { border-radius: 0; display: block; width: 100%; height: auto; }
.ia-ma-hero-art img { -webkit-mask-image: linear-gradient(to right, transparent 0, #000 14%, #000 86%, transparent 100%), linear-gradient(to bottom, transparent 0, #000 12%, #000 88%, transparent 100%); -webkit-mask-composite: source-in; mask-image: linear-gradient(to right, transparent 0, #000 14%, #000 86%, transparent 100%), linear-gradient(to bottom, transparent 0, #000 12%, #000 88%, transparent 100%); mask-composite: intersect; }
.ia-ma-hero-art figcaption { font-size: 11px; color: #6b7399; text-align: center; margin-top: 6px; }
@media (min-width: 1400px) { .ia-ma-hero-art { margin-right: -90px; } }

.ia-ma-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.ia-ma-intro .ia-title { margin: 0; }
.ia-ma-intro p { line-height: 1.75; }
.ia-ma-definition { border-left: 3px solid var(--ia-red); padding-left: 22px; margin-top: 22px; }
.ia-ma-definition strong { color: var(--ia-ink); }

.ia-ma-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.ia-ma-card { background: #fff; border: 1px solid var(--ia-line); border-radius: 16px; padding: 28px 24px; display: flex; flex-direction: column; transition: .3s; }
.ia-ma-card:hover { transform: translateY(-5px); box-shadow: 0 20px 44px rgba(15,27,76,.12); border-color: transparent; }
.ia-ma-icon { width: 50px; height: 50px; border-radius: 14px; background: var(--ia-red-soft); color: var(--ia-red); display: grid; place-items: center; margin-bottom: 18px; }
.ia-ma-icon svg { width: 24px; height: 24px; stroke: currentColor; stroke-width: 1.6; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.ia-ma-card h3 { font-size: 22px; line-height: 1.25; margin: 0 0 10px; }
.ia-ma-card p { font-size: 15px; line-height: 1.7; margin: 0 0 18px; }
.ia-ma-card small { margin-top: auto; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ia-red); }

.ia-ma-features { display: grid; grid-template-columns: .85fr 1.15fr; gap: 64px; align-items: center; }
.ia-ma-phonepanel { background: linear-gradient(145deg, var(--ia-navy), var(--ia-navy-2)); border-radius: 20px; padding: 40px 30px 18px; position: relative; overflow: hidden; }
.ia-ma-phonepanel::before { content: ""; position: absolute; width: 380px; height: 380px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; top: 50px; left: 50%; transform: translateX(-50%); }
.ia-ma-phone { position: relative; width: 250px; max-width: 100%; margin: 0 auto; background: #fff; border-radius: 30px; border: 6px solid #0a1030; padding: 22px 16px 18px; box-shadow: 0 24px 50px rgba(0,0,0,.35); }
.ia-ma-notch { width: 70px; height: 6px; background: #0a1030; border-radius: 6px; margin: -8px auto 14px; }
.ia-ma-screenhead { font-size: 9px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--ia-text); }
.ia-ma-screentitle { font-family: var(--font-heading); font-size: 22px; font-weight: 800; color: var(--ia-ink); margin: 2px 0 10px; }
.ia-ma-banner { background: var(--ia-red); color: #fff; border-radius: 12px; padding: 14px; font-weight: 700; font-size: 14px; line-height: 1.35; margin-bottom: 10px; }
.ia-ma-banner small { display: block; font-size: 8px; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 4px; opacity: .85; }
.ia-ma-screenrow { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 8px; }
.ia-ma-screenrow > div { background: var(--ia-bg); border: 1px solid var(--ia-line); border-radius: 10px; padding: 10px; font-size: 12px; font-weight: 700; color: var(--ia-ink); }
.ia-ma-screenrow i { display: block; color: var(--ia-red); margin-bottom: 4px; }
.ia-ma-screenitem { display: flex; justify-content: space-between; padding: 9px 4px; border-top: 1px solid var(--ia-line); font-size: 12px; font-weight: 600; color: var(--ia-ink); }
.ia-ma-screenitem span { color: var(--ia-red); }
.ia-ma-caption { position: relative; font-size: 11px; color: #b5bfda; text-align: center; margin: 14px 0 0; }
.ia-ma-features p { line-height: 1.75; }
.ia-ma-featurelist { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; padding: 0; margin: 22px 0 0; list-style: none; }
.ia-ma-featurelist li { font-weight: 600; color: var(--ia-ink); font-size: 15px; }
.ia-ma-featurelist i { color: var(--ia-red); margin-right: 8px; font-size: 13px; }
.ia-ma-features p.ia-ma-fine { font-size: 13px; margin-top: 20px; }

.ia-ma-process { background: #0b1538; color: #fff; }
.ia-ma-process .ia-eyebrow { color: #b6c0dd; }
.ia-ma-process .ia-eyebrow::before { background: var(--ia-red); }
.ia-ma-process h2 { color: #fff; font-size: clamp(30px, 3.8vw, 46px); line-height: 1.1; margin: 0; }
.ia-ma-process .ia-an-head p { color: #b5bfda; }
.ia-ma-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px 40px; }
.ia-ma-step { border-top: 1px solid rgba(255,255,255,.2); padding-top: 22px; }
.ia-ma-step b { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #b7a9ff; }
.ia-ma-step h3 { color: #fff; font-size: 22px; margin: 12px 0; }
.ia-ma-step p { color: #b5bfda; font-size: 15px; line-height: 1.7; margin: 0; }

.ia-ma-decision { display: grid; grid-template-columns: 1.1fr 1fr; gap: 56px; align-items: start; margin-bottom: 44px; }
.ia-ma-decision p { line-height: 1.75; }
.ia-ma-checklist { background: var(--ia-bg); border: 1px solid var(--ia-line); border-radius: 18px; padding: 30px 32px; }
.ia-ma-checklist h3 { font-size: 22px; margin: 0 0 14px; }
.ia-ma-checklist p { margin: 0 0 12px; }
.ia-ma-checklist strong { color: var(--ia-ink); }
.ia-ma-balance { margin-top: 0; }
.ia-ma-balance li strong { color: var(--ia-ink); }

.ia-ma-contact { background: linear-gradient(115deg, #a90e19, #cf1726); color: #fff; padding: 76px 0; position: relative; overflow: hidden; }
.ia-ma-contact::after { content: ""; width: 430px; height: 430px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; position: absolute; right: -170px; top: -190px; pointer-events: none; }
.ia-ma-contact-inner { display: flex; align-items: center; justify-content: space-between; gap: 50px; position: relative; }
.ia-ma-contact h2 { color: #fff; font-size: clamp(30px, 4vw, 46px); line-height: 1.12; margin: 0 0 14px; }
.ia-ma-contact p { color: #ffe3e5; max-width: 620px; margin: 0; line-height: 1.75; }
.ia-ma-btn-light { background: #fff; color: var(--ia-red) !important; flex: none; }
.ia-ma-btn-light:hover { background: var(--ia-ink); color: #fff !important; }

@media (max-width: 1000px) {
	.ia-ma-cards { grid-template-columns: repeat(2, 1fr); }
	.ia-ma-intro, .ia-ma-features { gap: 40px; }
}
@media (max-width: 991px) {
	.ia-ma-hero-grid, .ia-ma-intro, .ia-ma-features, .ia-ma-decision { grid-template-columns: 1fr; }
	.ia-ma-hero-grid { min-height: 0; padding-top: 44px; }
	.ia-ma-steps { grid-template-columns: repeat(2, 1fr); }
	.ia-ma-contact-inner { flex-direction: column; align-items: flex-start; gap: 28px; }
}
@media (max-width: 575px) {
	.ia-ma-cards, .ia-ma-steps, .ia-ma-featurelist { grid-template-columns: 1fr; }
	.ia-ma-hero .ia-ma-btn-outline, .ia-ma-hero .ia-btn-red { width: 100%; justify-content: center; }
	.ia-ma-btn-light { width: 100%; justify-content: center; }
	.ia-ma-phonepanel { padding: 28px 14px 14px; }
}
@media (max-width: 575px) {
	.ia-bc-tag.t1 { left: 4%; top: 6%; }
	.ia-bc-tag.t2 { right: 3%; top: 72%; }
	.ia-bc-tag.t3 { left: 5%; bottom: 6%; }
}
@media (max-width: 575px) {
	.ia-bc-tag.t2 { top: 74%; }
	.ia-bc-tag.t3 { bottom: 3%; }
}

/* AssistNet module tabs on tablet/mobile: equal-width grid instead of ragged wrapping chips */
@media (max-width: 991px) {
	.ia-an-tabs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
	.ia-an-tab { width: 100%; justify-content: space-between; padding: 12px 14px; }
}
@media (max-width: 575px) {
	.ia-an-tabs { grid-template-columns: repeat(2, 1fr); }
	.ia-an-tab { font-size: 14px; padding: 12px; }
}

/* AssistNet hero mockup: keep the desktop layout on narrow screens (it is scaled down by a small script) */
.ia-an-visual { overflow: hidden; }
@media (max-width: 575px) {
	.ia-an-app { grid-template-columns: 150px 1fr; }
	.ia-an-side { display: flex; }
	.ia-an-metrics { grid-template-columns: repeat(3, 1fr); }
	.ia-an-metrics em, .ia-an-metrics .ia-an-small { white-space: nowrap; }
	.ia-an-metrics strong { font-size: 18px; }
}
@media (max-width: 575px) { .ia-an-visual { padding: 16px 12px 10px; border-radius: 18px; } }

/* AssistNet hero mockup on phones: slimmer sidebar so the scaled-down mockup stays readable */
@media (max-width: 575px) {
	.ia-an-app { grid-template-columns: 120px 1fr; }
	.ia-an-side { padding: 16px 10px; }
	.ia-an-sideitem { font-size: 12px; padding: 8px; }
	.ia-an-appbrand { font-size: 17px; }
	.ia-an-appmain { padding: 14px 14px 18px; }
	.ia-an-metrics { gap: 6px; }
	.ia-an-metrics > div { padding: 8px; }
	.ia-an-metrics strong { font-size: 16px; }
	.ia-an-visual { padding: 12px 10px 8px; }
	.ia-an-hero p.ia-an-demo { font-size: 11px; text-align: center; }
}

/* =====================================================================
   Third Party API Integration page (mlm-software-malaysia-product-third-party-api-integration.html)
   Layout follows the supplied reference; reuses the dark hero / process / contact blocks (ia-ma-*) and the ribbon (ia-an-ribbon).
   ===================================================================== */
.ia-ti-ribbon a { color: var(--ia-ink); font-weight: 600; font-size: 15px; display: inline-flex; align-items: center; gap: 8px; }
.ia-ti-ribbon a i { color: var(--ia-red); font-size: 11px; }
.ia-ti-ribbon a:hover { color: var(--ia-red); }
.ia-ti-possible { padding-bottom: 56px; }

.ia-ti-layout { display: grid; grid-template-columns: 230px 1fr; gap: 56px; align-items: start; }
.ia-ti-index { position: sticky; top: 120px; display: flex; flex-direction: column; border-left: 2px solid var(--ia-line); }
.ia-ti-index p { font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--ia-text); margin: 0 0 12px 16px; }
.ia-ti-index a { display: flex; align-items: center; gap: 12px; padding: 9px 16px; font-weight: 600; color: var(--ia-ink); font-size: 15px; margin-left: -2px; border-left: 2px solid transparent; }
.ia-ti-index a span { font-family: var(--font-heading); font-weight: 800; font-size: 13px; color: var(--ia-red); }
.ia-ti-index a:hover { border-left-color: var(--ia-red); color: var(--ia-red); }
html:has(.ia-ti) { scroll-padding-top: 120px; scroll-behavior: smooth; }

.ia-ti-item { padding: 40px 0; border-top: 1px solid var(--ia-line); }
.ia-ti-item:first-child { border-top: 0; padding-top: 0; }
.ia-ti-head { display: flex; align-items: center; gap: 18px; margin-bottom: 18px; }
.ia-ti-icon { width: 56px; height: 56px; border-radius: 16px; background: var(--ia-red-soft); color: var(--ia-red); display: grid; place-items: center; flex: none; }
.ia-ti-icon svg { width: 26px; height: 26px; stroke: currentColor; stroke-width: 1.6; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.ia-ti-cat { display: block; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--ia-red); margin-bottom: 4px; }
.ia-ti-head h3 { font-size: clamp(24px, 2.6vw, 32px); margin: 0; }
.ia-ti-item p { line-height: 1.75; }
.ia-ti-item p.ia-ti-lead { font-size: 19px; font-weight: 600; color: var(--ia-ink); margin-bottom: 10px; }
.ia-ti-item strong { color: var(--ia-ink); }
.ia-ti-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0; }
.ia-ti-chips span { background: var(--ia-bg); border: 1px solid var(--ia-line); border-radius: 30px; padding: 7px 16px; font-size: 14px; font-weight: 700; color: var(--ia-ink); }
.ia-ti-trade { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 20px 0; }
.ia-ti-trade > div { background: var(--ia-bg); border: 1px solid var(--ia-line); border-radius: 14px; padding: 18px 20px; }
.ia-ti-trade b { display: block; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--ia-red); margin-bottom: 6px; }
.ia-ti-trade p { margin: 0; font-size: 15px; line-height: 1.65; }
.ia-ti-item p.ia-ti-setup { border-left: 3px solid var(--ia-red); padding-left: 18px; margin: 0; }

.ia-ti-flow { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.ia-ti-flow-item { border-top: 1px solid rgba(255,255,255,.2); padding-top: 22px; }
.ia-ti-flow-item b { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #b7a9ff; }
.ia-ti-flow-item h3 { color: #fff; font-size: 22px; margin: 12px 0; }
.ia-ti-flow-item p { color: #b5bfda; font-size: 15px; line-height: 1.7; margin: 0; }
.ia-ma-process p.ia-ti-note { color: #b5bfda; font-size: 12px; margin: 26px 0 0; }

.ia-ti-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.ia-ti-step { border-top: 2px solid var(--ia-red); padding-top: 20px; }
.ia-ti-step b { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--ia-red); }
.ia-ti-step h3 { font-size: 22px; margin: 10px 0 8px; }
.ia-ti-step p { margin: 0; font-size: 15px; line-height: 1.7; }

.ia-ti-ready { display: grid; grid-template-columns: 1fr 1.1fr; gap: 56px; align-items: center; }
.ia-ti-ready p { line-height: 1.75; }
.ia-ti-readylist { padding: 0; margin: 0; list-style: none; }
.ia-ti-readylist li { position: relative; padding: 16px 0 16px 34px; border-bottom: 1px solid var(--ia-line); color: var(--ia-ink); font-weight: 600; line-height: 1.55; }
.ia-ti-readylist li:first-child { border-top: 1px solid var(--ia-line); }
.ia-ti-readylist li::before { content: "\f00c"; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; left: 4px; top: 17px; color: var(--ia-red); font-size: 14px; }

@media (max-width: 991px) {
	.ia-ti-layout, .ia-ti-ready { grid-template-columns: 1fr; gap: 32px; }
	.ia-ti-index { position: static; flex-direction: row; flex-wrap: wrap; border-left: 0; gap: 8px; }
	.ia-ti-index p { width: 100%; margin: 0 0 4px; }
	.ia-ti-index a { margin: 0; border: 1px solid var(--ia-line); border-radius: 30px; padding: 8px 14px; background: #fff; }
	.ia-ti-flow, .ia-ti-steps { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
	.ia-ti-trade, .ia-ti-flow, .ia-ti-steps { grid-template-columns: 1fr; }
	.ia-ti-head { align-items: flex-start; }
	.ia-ti-icon { width: 48px; height: 48px; }
}

/* Dark hero (Mobile Application / Third Party API Integration): .ia-wrap resets padding, so restore the vertical spacing with a stronger selector */
.ia-home .ia-ma-hero-grid { padding-top: 56px; padding-bottom: 56px; }
@media (max-width: 991px) { .ia-home .ia-ma-hero-grid { padding-top: 48px; padding-bottom: 44px; } }

/* Dark hero buttons: the shared .ia-cta flex layout only applies inside .ia-hero, so give the dark hero the same gap */
.ia-ma-hero .ia-cta { display: flex; flex-wrap: wrap; gap: 14px; }

/* Ribbon on phones: tidy two-column grid with the label on its own line (AssistNet, Mobile Application, Third Party API Integration) */
@media (max-width: 575px) {
	.ia-an-ribbon .ia-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; justify-content: stretch; justify-items: start; }
	.ia-an-ribbon .ia-wrap > :first-child { grid-column: 1 / -1; }
	.ia-an-ribbon span, .ia-ti-ribbon a { font-size: 14px; }
}

/* Third Party API Integration index on tablet/phone: equal-width grid instead of ragged pills */
@media (max-width: 991px) {
	.ia-ti-index { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
	.ia-ti-index p { grid-column: 1 / -1; width: auto; }
	.ia-ti-index a { width: 100%; }
}
@media (max-width: 575px) {
	.ia-ti-index { grid-template-columns: repeat(2, 1fr); }
	.ia-ti-index a { font-size: 14px; padding: 9px 12px; gap: 8px; }
}

/* =====================================================================
   Contact page (mlm-developer-malaysia-contact-us.html)
   Layout follows the supplied reference; colours and fonts come from the shared ia-* tokens.
   ===================================================================== */
.ia-ct-hero { background: linear-gradient(135deg, var(--ia-navy), var(--ia-navy-2)); color: #fff; position: relative; overflow: hidden; }
.ia-ct-hero::before { content: ""; position: absolute; right: -8%; top: -30%; width: 55%; height: 160%; background: rgba(255,255,255,.035); transform: skewX(-18deg); pointer-events: none; }
.ia-ct-hero-grid { position: relative; display: grid; grid-template-columns: 1.05fr 1fr; gap: 56px; align-items: start; padding-top: 72px; padding-bottom: 72px; }
.ia-ct-hero .ia-eyebrow { color: #fff; }
.ia-ct-hero .ia-eyebrow::before { width: 8px; height: 8px; border-radius: 50%; background: var(--ia-red); }
.ia-ct-intro h1 { color: #fff; font-size: clamp(38px, 5vw, 64px); font-weight: 700; line-height: 1.06; margin: 0 0 20px; }
.ia-ct-intro h1 em { font-style: normal; color: #ff6b71; }
.ia-ct-intro p.ia-ct-lead { color: #c9d0ee; font-size: 17px; line-height: 1.75; max-width: 520px; margin: 0 0 26px; }
.ia-ct-links { display: flex; flex-wrap: wrap; gap: 14px 28px; margin-bottom: 36px; }
.ia-ct-links a { color: #fff; font-weight: 700; font-size: 15px; border-bottom: 1px solid rgba(255,255,255,.5); padding-bottom: 4px; display: inline-flex; align-items: center; gap: 10px; }
.ia-ct-links a i { font-size: 11px; color: #ff8a90; }
.ia-ct-links a:hover { color: #ff8a90; border-color: #ff8a90; }
.ia-ct-cred { display: flex; flex-wrap: wrap; gap: 20px 0; border-top: 1px solid rgba(255,255,255,.18); padding-top: 24px; }
.ia-ct-cred > div { padding-right: 30px; }
.ia-ct-cred > div + div { padding-left: 30px; border-left: 1px solid rgba(255,255,255,.18); }
.ia-ct-cred strong { display: block; font-family: var(--font-heading); font-size: 20px; color: #fff; }
.ia-ct-cred span { font-size: 13px; color: #aab4d8; }
.ia-ct-orbit { position: relative; margin-top: 36px; height: 170px; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; }
.ia-ct-arc { position: absolute; left: 50%; bottom: -150px; width: 320px; height: 320px; margin-left: -160px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; }
.ia-ct-arc-2 { width: 430px; height: 430px; margin-left: -215px; bottom: -205px; }
.ia-ct-orbit img { position: relative; height: 54px; width: auto; border-radius: 0; }
.ia-ct-orbit small { position: relative; margin-top: 8px; font-size: 10px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #aab4d8; }

.ia-ct-form { background: #fff; color: var(--ia-text); border-radius: 18px; padding: 32px 34px; box-shadow: 0 30px 70px rgba(0,0,0,.28); min-width: 0; }
.ia-ct-formtop { display: flex; justify-content: space-between; gap: 12px; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.ia-ct-formtop span:first-child { color: var(--ia-red); }
.ia-ct-formtop span:last-child { color: var(--ia-text); opacity: .7; }
.ia-ct-form h2 { color: var(--ia-ink); font-size: 34px; line-height: 1.15; margin: 14px 0 6px; }
.ia-ct-form > p { margin: 0 0 18px; font-size: 15px; }
.ia-ct-form form { display: flex; flex-direction: column; gap: 14px; }
.ia-ct-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.ia-ct-form label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 700; color: var(--ia-ink); }
.ia-ct-form label b { color: var(--ia-red); }
.ia-ct-form label small { font-weight: 400; color: var(--ia-text); }
.ia-ct-form input:not([type="checkbox"]), .ia-ct-form select, .ia-ct-form textarea { width: 100%; border: 1px solid var(--ia-line); border-radius: 8px; background: var(--ia-bg); padding: 12px 14px; font: inherit; font-size: 14px; font-weight: 400; color: var(--ia-ink); }
.ia-ct-form textarea { resize: vertical; min-height: 84px; }
.ia-ct-form input:focus, .ia-ct-form select:focus, .ia-ct-form textarea:focus { outline: 2px solid var(--ia-purple); outline-offset: 0; border-color: transparent; background: #fff; }
.ia-ct-phonefield { display: flex; gap: 8px; }
.ia-ct-form .ia-ct-phonefield select { flex: 0 0 68px; width: auto; padding-left: 6px; padding-right: 2px; font-size: 13px; }
.ia-ct-form .ia-ct-phonefield select, .ia-ct-form .ia-ct-phonefield input { box-sizing: border-box; height: 47px; }
.ia-ct-form .ia-ct-phonefield input { flex: 1; min-width: 0; }
.ia-ct-form fieldset { border: 0; padding: 0; margin: 0; }
.ia-ct-form legend { font-size: 13px; font-weight: 700; color: var(--ia-ink); padding: 0; margin-bottom: 8px; }
.ia-ct-choices { display: flex; flex-wrap: nowrap; gap: 6px; }
@media (max-width: 575px) { .ia-ct-choices { flex-wrap: wrap; } }
.ia-ct-choices label { flex-direction: row; gap: 0; position: relative; cursor: pointer; }
.ia-ct-choices input { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.ia-ct-choices span { white-space: nowrap; border: 1px solid var(--ia-line); border-radius: 30px; padding: 7px 11px; font-size: 12.5px; font-weight: 600; color: var(--ia-ink); background: #fff; transition: .2s; }
.ia-ct-choices input:checked + span { background: var(--ia-ink); border-color: var(--ia-ink); color: #fff; }
.ia-ct-choices input:focus-visible + span { outline: 2px solid var(--ia-purple); outline-offset: 2px; }
.ia-ct-form label.ia-ct-consent { flex-direction: row; align-items: flex-start; gap: 10px; font-weight: 400; font-size: 13px; color: var(--ia-text); }
.ia-ct-consent input { margin-top: 3px; flex: none; width: 16px; height: 16px; accent-color: var(--ia-red); }
.ia-ct-submit { width: 100%; justify-content: center; cursor: pointer; font-family: inherit; }
.ia-ct-form p.ia-ct-note { margin: 0; text-align: center; font-size: 12px; }
.ia-ct-review { border-top: 1px solid var(--ia-line); padding-top: 18px; }
.ia-ct-review h3 { font-size: 22px; margin: 0 0 4px; }
.ia-ct-review p { font-size: 14px; margin: 0 0 10px; }
.ia-ct-review pre { white-space: pre-wrap; word-break: break-word; background: var(--ia-bg); border: 1px solid var(--ia-line); border-radius: 10px; padding: 14px; font: 13px/1.6 var(--font-body); color: var(--ia-ink); margin: 0 0 14px; }
.ia-ct-edit { display: block; margin: 12px auto 0; background: none; border: 0; color: var(--ia-purple); font-weight: 700; font-family: inherit; cursor: pointer; text-decoration: underline; }
.ia-ct-form [hidden] { display: none; }

.ia-ct-process { display: grid; grid-template-columns: 1fr 1.6fr; gap: 56px; align-items: start; }
.ia-ct-process .ia-title { margin: 0; }
.ia-ct-process ol { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; padding: 0; margin: 0; list-style: none; }
.ia-ct-process li { border-top: 1px solid var(--ia-ink); padding-top: 18px; }
.ia-ct-process li span { font-family: var(--font-heading); font-weight: 800; color: var(--ia-red); font-size: 15px; }
.ia-ct-process li h3 { font-size: 22px; margin: 10px 0 8px; }
.ia-ct-process li p { margin: 0; font-size: 15px; line-height: 1.7; }

.ia-ct-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--ia-line); }
.ia-ct-grid article { padding: 34px 32px 34px 0; }
.ia-ct-grid article + article { padding-left: 32px; border-left: 1px solid var(--ia-line); }
.ia-ct-icon { width: 44px; height: 44px; border-radius: 12px; background: var(--ia-red-soft); color: var(--ia-red); display: grid; place-items: center; margin-bottom: 16px; }
.ia-ct-grid h3 { font-size: 24px; margin: 0 0 8px; }
.ia-ct-grid p { margin: 0 0 14px; line-height: 1.7; }
.ia-ct-grid address { font-style: normal; line-height: 1.8; margin-bottom: 14px; color: var(--ia-text); }
.ia-ct-phone { display: block; font-family: var(--font-heading); font-weight: 800; font-size: 26px; color: var(--ia-ink); margin-bottom: 8px; }
.ia-ct-phone:hover { color: var(--ia-red); }
.ia-ct-small { font-size: 14px; font-weight: 700; color: var(--ia-purple); display: inline-flex; align-items: center; gap: 8px; }
.ia-ct-small i { font-size: 11px; }
.ia-ct-small:hover { color: var(--ia-red); }

@media (max-width: 991px) {
	.ia-ct-hero-grid, .ia-ct-process { grid-template-columns: 1fr; gap: 40px; }
	.ia-ct-hero-grid { padding-top: 48px; padding-bottom: 48px; }
	.ia-ct-process ol { grid-template-columns: repeat(3, 1fr); }
	.ia-ct-grid { grid-template-columns: 1fr; }
	.ia-ct-grid article, .ia-ct-grid article + article { padding: 28px 0; border-left: 0; }
	.ia-ct-grid article + article { border-top: 1px solid var(--ia-line); }
}
@media (max-width: 575px) {
	.ia-ct-form { padding: 24px 18px; }
	.ia-ct-fields { grid-template-columns: 1fr; }
	.ia-ct-process ol { grid-template-columns: 1fr; }
	.ia-ct-cred > div { padding-right: 18px; }
	.ia-ct-cred > div + div { padding-left: 18px; }
	.ia-ct-formtop { flex-direction: column; gap: 4px; }
}

/* Contact hero: .ia-wrap resets padding, so restore the vertical spacing with a stronger selector */
.ia-home .ia-ct-hero-grid { padding-top: 72px; padding-bottom: 72px; }
@media (max-width: 991px) { .ia-home .ia-ct-hero-grid { padding-top: 48px; padding-bottom: 48px; } }

/* AssistNet hero: real dashboard image */
.ia-an-visual.ia-an-visual-img { background: none; padding: 0; border-radius: 0; }
.ia-an-visual-img img { display: block; width: 100%; height: auto; }
.ia-an-hero-grid { grid-template-columns: 1fr 1fr; gap: 40px; }
.ia-an-visual.ia-an-visual-img { overflow: visible; }
.ia-an-visual-img img { transform: none; }
@media (max-width: 991px) {
	.ia-an-hero-grid { grid-template-columns: 1fr; }
	.ia-an-visual-img img { transform: none; }
}