:root {
--ml-bg: #07111f;
--ml-bg2: #0d1a2e;
--ml-ink: #0e1b2a;
--ml-text: #526273;
--ml-line: #dfe7ef;
--ml-soft: #f5f8fc;
--ml-white: #fff;
--ml-accent: #ff8b3d;
--ml-accent2: #ffb36a;
--ml-cyan: #32c7d9;
--ml-shadow: 0 22px 60px rgba(9, 30, 66, .12)
}
.ml-page-progress {
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--ml-accent), var(--ml-cyan));
	z-index: 9999
}
.ml-floating-contact {
	position: fixed;
	right: 22px;
	bottom: 22px;
	z-index: 99;
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 12px 16px;
	border-radius: 999px;
	background: #101d31;
	color: #fff;
	text-decoration: none;
	box-shadow: 0 15px 40px rgba(0, 0, 0, .25);
	font-weight: 700
}
.ml-floating-contact:hover {
	color: #fff;
	transform: translateY(-2px)
}
.ml-hero {
	position: relative;
	overflow: hidden;
	padding: 125px 0 70px;
	background: radial-gradient(circle at 18% 20%, rgba(50, 199, 217, .14), transparent 28%), radial-gradient(circle at 82% 24%, rgba(255, 139, 61, .16), transparent 28%), linear-gradient(135deg, #06101e 0%, #0d1930 55%, #101f37 100%);
	color: #fff
}
.ml-hero-grid {
	position: absolute;
	inset: 0;
	background-image: linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
	background-size: 42px 42px;
	mask-image: linear-gradient(to bottom, black, transparent)
}
.ml-glow {
	position: absolute;
	border-radius: 50%;
	filter: blur(20px)
}
.ml-glow-a {
	width: 330px;
	height: 330px;
	background: rgba(50, 199, 217, .12);
	left: -80px;
	top: 100px
}
.ml-glow-b {
	width: 390px;
	height: 390px;
	background: rgba(255, 139, 61, .12);
	right: -100px;
	top: 40px
}
.ml-hero-wrap {
	position: relative;
	z-index: 2;
	text-align: center
}
.ml-orbit {
	position: absolute;
	left: 50%;
	top: 45%;
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 50%;
	transform: translate(-50%, -50%)
}
.ml-orbit-a {
	width: 740px;
	height: 740px
}
.ml-orbit-b {
	width: 510px;
	height: 510px
}
.ml-float {
	position: absolute;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 11px 16px;
	border: 1px solid rgba(255, 255, 255, .13);
	background: rgba(255, 255, 255, .08);
	backdrop-filter: blur(15px);
	border-radius: 16px;
	font-weight: 700;
	box-shadow: 0 20px 50px rgba(0, 0, 0, .2)
}
.ml-float i {
	color: var(--ml-accent2)
}
.ml-float-left {
	left: 2%;
	top: 30%
}
.ml-float-right {
	right: 2%;
	top: 37%
}
.ml-hero-content {
	max-width: 1650px;
	margin: auto
}
.ml-kicker, .ml-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border-radius: 999px;
	padding: 8px 13px;
font-size: .78rem;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase
}
.ml-kicker {
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .13);
	color: #dbe8f7
}
.ml-hero h1 {
	line-height: .98;
	font-weight:700;
	letter-spacing: -.045em;
	margin: 24px 0;
	color:#fff;
}
.ml-hero h1 span {
	display: block;
	background: linear-gradient(90deg, #fff, var(--ml-accent2));
	-webkit-background-clip: text;
	color: transparent
}
.ml-hero p {
	max-width: 1350px;
	margin: 0 auto 13px;
	color: #cbd7e6;
	font-size: 1.04rem;
	line-height: 1.75
}
.ml-hero-solutions {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 10px;
	margin-top: 42px
}
.ml-hero-solutions span {
	padding: 13px 10px;
	border-radius: 14px;
	background: rgba(255, 255, 255, .065);
	border: 1px solid rgba(255, 255, 255, .1);
font-size: .78rem;
	font-weight: 750;
	color: #dce7f4
}
.ml-section {
	padding: 92px 0
}
.ml-pill {
	background: #fff0e5;
	color: #bc5c18
}
.ml-pill-light {
	background: rgba(255, 255, 255, .1);
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .14)
}
.ml-section h2, .ml-heading h2 {
	font-size: clamp(2rem, 3.5vw, 3.35rem);
	line-height: 1.08;
	letter-spacing: -.035em;
	font-weight:700;
	color: var(--ml-ink);
	margin: 18px 0
}
.ml-section p, .ml-heading p {
	color: var(--ml-text);
	line-height: 1.75
}
.ml-heading {
	max-width: 1650px;
	margin: 0 auto 42px
}
.ml-connect {
	background: #fff
}
.ml-network-card {
	position: relative;
	min-height: 440px;
	border-radius: 34px;
	background: linear-gradient(145deg, #0c1a2e, #152841);
	box-shadow: var(--ml-shadow);
	overflow: hidden
}
.ml-network-card:before {
	content: "";
	position: absolute;
	inset: 35px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .1)
}
.ml-network-card:after {
	content: "";
	position: absolute;
	inset: 90px;
	border-radius: 50%;
	border: 1px dashed rgba(255, 255, 255, .14)
}
.ml-network-core {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 150px;
	height: 150px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: radial-gradient(circle at 30% 30%, #ffc18e, var(--ml-accent));
	color: #172233;
	font-size: 1.25rem;
	font-weight: 900;
	z-index: 2;
	box-shadow: 0 0 70px rgba(255, 139, 61, .3)
}
.ml-network-card span {
	position: absolute;
	padding: 10px 14px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .08);
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .12);
	font-weight: 700;
	z-index: 3
}
.n1 {
	left: 12%;
	top: 16%
}
.n2 {
	right: 14%;
	top: 18%
}
.n3 {
	right: 10%;
	top: 48%
}
.n4 {
	right: 18%;
	bottom: 13%
}
.n5 {
	left: 15%;
	bottom: 16%
}
.n6 {
	left: 8%;
	top: 48%
}
.ml-search {
	background: var(--ml-soft)
}
.ml-feature-card, .ml-solution-card, .ml-match-grid>div, .ml-six-grid>div, .ml-help-list>div {
	height: 100%;
	background: #fff;
	border: 1px solid var(--ml-line);
	border-radius: 24px;
	padding: 28px;
	box-shadow: 0 14px 40px rgba(28, 47, 75, .06);
transition: .3s ease
}
.ml-feature-card:hover, .ml-solution-card:hover, .ml-match-grid>div:hover, .ml-six-grid>div:hover {
	transform: translateY(-6px);
	box-shadow: var(--ml-shadow);
	border-color: #f2c29e
}
.ml-icon {
	width: 52px;
	height: 52px;
	display: grid;
	place-items: center;
	border-radius: 16px;
	background: linear-gradient(145deg, #fff2e7, #ffe0c6);
	color: #d3671c;
	font-size: 1.25rem
}
.ml-feature-card h3, .ml-solution-card h3, .ml-match-grid h3, .ml-six-grid h3 {
	font-weight: 800;
	color: var(--ml-ink);
	margin: 18px 0 10px
}
.ml-feature-card ul, .ml-solution-card ul {
	padding-left: 18px;
	color: var(--ml-text);
	line-height: 1.7
}
.ml-feature-card li, .ml-solution-card li {
	margin: 4px 0
}
.ml-wide-note {
	margin-top: 26px;
	padding: 26px 28px;
	border-radius: 24px;
	background: linear-gradient(120deg, #101e33, #17304e);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 25px
}
.ml-wide-note p {
	color: #dce7f4;
	margin: 0;
	max-width: 780px
}
.ml-btn {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 12px 18px;
	border-radius: 12px;
	background: linear-gradient(90deg, var(--ml-accent), #ffab66);
	color: #172233 !important;
	text-decoration: none;
	font-weight:700;
	white-space: nowrap
}
.ml-btn:hover {
	transform: translateY(-2px)
}
.ml-solutions {
	background: #fff
}
.ml-solution-top {
	display: flex;
	align-items: center;
	gap: 15px
}
.ml-solution-top h3 {
	margin: 0
}
.ml-text-link {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: #b85c1e;
	text-decoration: none;
	font-weight: 800;
	margin-top: 8px
}
.ml-solution-wide {
	display: grid;
	grid-template-columns: 1fr 260px;
	align-items: center;
	gap: 36px;
	background: linear-gradient(145deg, #fff, #fbfdff)
}
.ml-tech-orb {
	width: 220px;
	height: 220px;
	margin: auto;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: radial-gradient(circle at 30% 25%, #ffe5cc, #ff9c52);
	box-shadow: 0 0 0 24px #fff4ea, 0 0 0 48px #fff9f4
}
.ml-tech-orb i {
	font-size: 2.7rem;
	margin-bottom: 10px
}
.ml-tech-orb span {
	font-weight: 900;
	font-size: 1.2rem
}
.ml-match {
	background: linear-gradient(180deg, #f6f9fc, #fff)
}
.ml-match-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px
}
.ml-match-grid q {
	display: block;
	color: var(--ml-ink);
	font-size: 1.05rem;
	font-weight:700;
	line-height: 1.45;
	margin-bottom: 14px
}
.ml-match-grid p {
	margin: 0
}
.ml-geo {
	background: linear-gradient(135deg, #0b182a, #132b46);
	color: #fff
}
.ml-geo h2, .ml-geo p {
	color: #fff
}
.ml-geo p {
	color: #cbd8e7
}
.ml-geo-flow {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin: 24px 0
}
.ml-geo-flow span {
	padding: 10px 13px;
	border-radius: 12px;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .12);
	font-weight: 800
}
.ml-geo-flow i {
	color: var(--ml-accent2)
}
.ml-map-visual {
	position: relative;
	min-height: 440px;
	display: grid;
	place-items: center
}
.map-ring {
	position: absolute;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 50%
}
.r1 {
	width: 390px;
	height: 390px
}
.r2 {
	width: 280px;
	height: 280px;
	border-style: dashed
}
.map-core {
	width: 180px;
	height: 180px;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: radial-gradient(circle at 30% 30%, #ffc28d, #ff8b3d);
	color: #172233;
	box-shadow: 0 0 75px rgba(255, 139, 61, .28)
}
.map-core i {
	font-size: 2rem
}
.map-core strong {
	font-size: 1.2rem;
	margin-top: 8px
}
.map-core span {
font-size: .85rem
}
.ml-why {
	background: #fff
}
.ml-six-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px
}
.ml-six-grid>div i {
	font-size: 1.5rem;
	color: var(--ml-accent)
}
.ml-trust-strip {
	margin-top: 30px;
	border-radius: 28px;
	padding: 30px;
	background: #f5f8fc;
	border: 1px solid var(--ml-line)
}
.ml-location {
	background: var(--ml-soft)
}
.ml-location address {
	font-style: normal;
	padding: 20px 22px;
	border-left: 4px solid var(--ml-accent);
	background: #fff;
	border-radius: 0 18px 18px 0;
	line-height: 1.7;
	color: var(--ml-ink)
}
.ml-location-card {
	min-height: 360px;
	border-radius: 30px;
	background: linear-gradient(145deg, #0d1b2e, #173351);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	box-shadow: var(--ml-shadow)
}
.ml-location-card i {
	font-size: 3.1rem;
	color: var(--ml-accent2)
}
.ml-location-card strong {
	font-size: 2rem;
	margin: 18px 0 4px
}
.ml-location-card span {
	color: #cad8e8
}
.ml-help {
	background: #fff
}
.ml-help-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px
}
.ml-help-list>div {
	display: flex;
	gap: 14px;
	align-items: flex-start
}
.ml-help-list i {
	width: 30px;
	height: 30px;
	flex: 0 0 30px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: #fff0e5;
	color: #c15e1a
}
.ml-help-list p {
	margin: 0
}
.ml-faq {
	background: #f7f9fc
}
.ml-accordion {
	max-width: 1350px;
	margin: auto
}
.ml-accordion .accordion-item {
	border: 1px solid var(--ml-line);
	border-radius: 16px !important;
	overflow: hidden;
	margin-bottom: 12px;
	background: #fff
}
.ml-accordion .accordion-button {
	font-weight: 800;
	color: var(--ml-ink);
	box-shadow: none !important;
	padding: 20px 22px
}
.ml-accordion .accordion-button:not(.collapsed) {
background: #fff5ed;
color: #a84f16
}
.ml-accordion .accordion-body {
	color: var(--ml-text);
	line-height: 1.75
}
.ml-final-cta {
	padding: 85px 0;
	background: #07111f
}
.ml-cta-box {
	position: relative;
	overflow: hidden;
	padding: 54px;
	border-radius: 34px;
	background: radial-gradient(circle at 80% 20%, rgba(50, 199, 217, .17), transparent 30%), radial-gradient(circle at 15% 85%, rgba(255, 139, 61, .2), transparent 32%), linear-gradient(135deg, #10223b, #0b1829);
	color: #fff;
	text-align: center;
	border: 1px solid rgba(255, 255, 255, .08)
}
.ml-cta-box h2 {
	color: #fff;
	font-size: clamp(2rem, 4vw, 3.4rem);
	font-weight:700;
	letter-spacing: -.035em;
	margin: 18px 0
}
.ml-cta-box p {
	max-width: 1350px;
	margin: 0 auto 12px;
	color: #d1dcea;
	line-height: 1.75
}
.ml-btn-light {
	margin-top: 18px;
	background: #fff;
	color: #152238 !important
}
@media(max-width:1199px) {
.ml-float {
display: none
}
.ml-hero-solutions {
grid-template-columns: repeat(3, 1fr)
}
.ml-orbit-a {
width: 630px;
height: 630px
}
.ml-orbit-b {
width: 430px;
height: 430px
}
}
@media(max-width:991px) {
.ml-hero {
padding-top: 100px
}
.ml-hero h1 {
font-size: clamp(2.55rem, 8vw, 4.2rem)
}
.ml-match-grid, .ml-six-grid {
grid-template-columns: repeat(2, 1fr)
}
.ml-solution-wide {
grid-template-columns: 1fr
}
.ml-tech-orb {
margin: 25px auto
}
.ml-help-list {
grid-template-columns: 1fr
}
.ml-map-visual {
min-height: 360px
}
.ml-wide-note {
align-items: flex-start;
flex-direction: column
}
.ml-cta-box {
padding: 40px 28px
}
}
@media(max-width:767px) {
.ml-section {
padding: 70px 0
}
.ml-hero {
padding: 92px 0 56px
}
.ml-hero p {
font-size: .96rem
}
.ml-hero-solutions {
grid-template-columns: repeat(2, 1fr)
}
.ml-orbit {
display: none
}
.ml-match-grid, .ml-six-grid {
grid-template-columns: 1fr
}
.ml-network-card {
min-height: 360px
}
.ml-network-card span {
font-size: .72rem
}
.ml-feature-card, .ml-solution-card, .ml-match-grid>div, .ml-six-grid>div, .ml-help-list>div {
padding: 22px
}
.ml-geo-flow i {
transform: rotate(90deg)
}
.ml-geo-flow {
flex-direction: column;
align-items: flex-start
}
.ml-map-visual {
min-height: 320px
}
.r1 {
width: 300px;
height: 300px
}
.r2 {
width: 220px;
height: 220px
}
.map-core {
width: 150px;
height: 150px
}
.ml-floating-contact span {
display: none
}
.ml-floating-contact {
width: 48px;
height: 48px;
padding: 0;
justify-content: center
}
.ml-cta-box {
padding: 34px 20px
}
}
@media(max-width:480px) {
.ml-hero-solutions {
grid-template-columns: 1fr 1fr
}
.ml-hero h1 {
font-size: 2.55rem
}
.ml-section h2, .ml-heading h2 {
font-size: 2rem
}
.ml-network-card span {
padding: 8px 10px
}
.n1 {
left: 5%
}
.n2 {
right: 5%
}
.n3 {
right: 4%
}
.n4 {
right: 8%
}
.n5 {
left: 7%
}
.n6 {
left: 3%
}
}