.page-template-page-services{background:#070809}
.page-template-page-services .site-header{background:rgba(7,8,9,.86);border-bottom-color:#242629;backdrop-filter:blur(16px)}
.page-template-page-services .site-header.is-scrolled{background:rgba(7,8,9,.94);border-color:#292b2e;box-shadow:0 12px 40px rgba(0,0,0,.28)}
.page-template-page-services .site-header .site-brand,.page-template-page-services .desktop-nav>a{color:#f5f5f3}
.page-template-page-services .desktop-nav>a::after{background:#ff5a1f}
.page-template-page-services .menu-toggle{border-color:#393b3f}.page-template-page-services .menu-toggle span{background:#fff}
.services-dark-page{--services-orange:#ff5a1f;--services-bg:#070809;--services-card:#101214;--services-line:#292c30;--services-muted:#999da3;background:var(--services-bg);color:#f7f7f5;overflow:clip}
.services-shell{width:min(calc(100% - 40px),1240px);margin-inline:auto}
.services-hero{position:relative;min-height:calc(100vh - 84px);padding-top:84px;border-bottom:1px solid var(--services-line);background:radial-gradient(circle at 76% 54%,rgba(255,90,31,.16),transparent 25%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),#070809;background-size:auto,54px 54px,54px 54px,auto;overflow:hidden}
.services-hero__layout{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;min-height:calc(100vh - 84px)}
.services-hero__copy{position:relative;z-index:4;padding:70px 0}
.services-kicker{display:inline-flex;margin-bottom:24px;padding:7px 14px;border:1px solid rgba(255,90,31,.65);border-radius:999px;color:#ff7a45;font-size:.61rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.services-hero h1{max-width:620px;margin:0 0 23px;color:#f7f7f5;font-size:clamp(3.1rem,5.6vw,6rem);line-height:.96;letter-spacing:-.075em}.services-hero h1 span{color:var(--services-orange)}
.services-hero__copy>p{max-width:515px;color:#b1b3b6;font-size:.95rem;line-height:1.65}
.services-hero__actions{display:flex;align-items:center;gap:28px;margin-top:33px}
.services-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:54px;padding:0 24px;border:1px solid #ff6a31;border-radius:999px;background:linear-gradient(135deg,#ff753d,#ff4e13);color:#fff;font-size:.78rem;font-weight:700;box-shadow:0 13px 35px rgba(255,78,19,.23);transition:transform .25s ease,box-shadow .25s ease}.services-primary-btn:hover{color:#fff;transform:translateY(-3px);box-shadow:0 18px 38px rgba(255,78,19,.32)}.services-primary-btn .icon{width:17px}
.services-text-link{display:inline-flex;align-items:center;gap:10px;color:#dedede;font-size:.75rem;font-weight:600;transition:transform .3s ease,color .3s ease}.services-text-link:hover{transform:translateX(5px);color:#fff}.services-text-link .play-icon-circle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--services-orange);border-radius:50%;box-shadow:0 0 0 4px rgba(255,90,31,.1);transition:transform .4s ease,box-shadow .4s ease;animation:pulse-play 2s ease-in-out infinite}.services-text-link .play-icon-circle svg{width:12px;height:14px;color:#fff;margin-left:2px}.services-text-link:hover .play-icon-circle{transform:scale(1.15);box-shadow:0 0 0 6px rgba(255,90,31,.2),0 8px 20px rgba(255,90,31,.3)}@keyframes pulse-play{0%,100%{box-shadow:0 0 0 4px rgba(255,90,31,.1)}50%{box-shadow:0 0 0 8px rgba(255,90,31,.15),0 0 0 12px rgba(255,90,31,.05)}}
.services-hero__visual{position:relative;align-self:stretch;min-height:calc(100vh - 84px)}
.services-hero__halo{position:absolute;z-index:0;right:4%;top:4%;width:min(580px,85%);aspect-ratio:1;background:radial-gradient(circle at 60% 58%,rgba(255,90,31,.24),transparent 52%),linear-gradient(145deg,#17191c,#0b0c0e);border:1px solid #292c30;border-radius:50%;box-shadow:inset 0 0 80px rgba(255,90,31,.08)}
.services-hero__character{position:absolute;z-index:2;right:3%;bottom:-2%;width:min(500px,85%);height:auto;max-height:85%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 34px rgba(0,0,0,.55))}
.services-hero__chrome{position:absolute;z-index:3;object-fit:contain;pointer-events:none;filter:grayscale(1) drop-shadow(0 18px 18px rgba(0,0,0,.55))}.services-hero__chrome--ring{left:8%;top:8%;width:95px;transform:rotate(-24deg)}.services-hero__chrome--star{right:-2%;bottom:17%;width:100px;transform:rotate(18deg)}
.services-hero__spring{position:absolute;z-index:3;left:1%;bottom:9%;width:68px;height:98px;transform:rotate(-20deg)}.services-hero__spring i{position:absolute;left:5px;width:56px;height:30px;border:8px solid #a8aaac;border-top-color:#eee;border-radius:50%;box-shadow:inset 0 -4px 5px #575b5e}.services-hero__spring i:nth-child(2){top:25px}.services-hero__spring i:nth-child(3){top:50px}
.services-platforms{padding:12px 0;border-bottom:1px solid var(--services-line);background:radial-gradient(circle at 18% 50%,rgba(255,90,31,.32),transparent 20%),linear-gradient(110deg,#151719,#0e0f11 56%,#351306);position:relative;overflow:hidden;}
.platforms-grid {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	gap: 18px;
	margin: 0 auto;
	overflow-x: auto;
	padding-bottom: 10px;
}
.platform-pill {
	display: inline-flex;
	align-items: center;
	padding: 14px 28px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 999px;
	color: #cbd5e1;
	font-weight: 600;
	font-size: 1.05rem;
	font-family: var(--font-display);
	transition: all 0.3s ease;
	backdrop-filter: blur(10px);
	cursor: default;
}
.platform-pill svg {
	width: 22px;
	height: 22px;
	margin-right: 12px;
	color: var(--glow);
	transition: all 0.3s ease;
}
.platform-pill:hover {
	background: rgba(255, 255, 255, 0.08);
	border-color: var(--glow);
	color: #ffffff;
	box-shadow: 0 0 20px -5px var(--glow);
	transform: translateY(-3px);
}
.platform-pill:hover svg {
	filter: drop-shadow(0 0 10px var(--glow)) brightness(1.4);
	transform: scale(1.15);
}
.services-catalog,.services-process,.services-advantages{padding:95px 0}.services-section-heading{margin-bottom:42px}.services-section-heading>span{display:block;margin-bottom:15px;color:var(--services-orange);font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.services-section-heading h2{margin:0;color:#f7f7f5;font-size:clamp(2rem,3.3vw,3.25rem);line-height:1.08;letter-spacing:-.055em}.services-section-heading>p{max-width:410px;margin:21px 0 0;color:var(--services-muted);font-size:.82rem}
.services-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dark-service-card{position:relative;display:flex;flex-direction:column;min-height:335px;padding:18px;background:linear-gradient(145deg,#121416,#0d0f11);border:1px solid var(--services-line);border-radius:13px;overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.dark-service-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 34%,rgba(255,90,31,.11),transparent 27%);opacity:0;transition:opacity .3s}.dark-service-card:hover{border-color:rgba(255,90,31,.55);transform:translateY(-6px);box-shadow:0 25px 55px rgba(0,0,0,.28)}.dark-service-card:hover::before{opacity:1}
.dark-service-card__number{position:relative;z-index:2;align-self:flex-start;display:grid;place-items:center;width:31px;height:27px;border:1px solid rgba(255,90,31,.58);border-radius:7px;color:var(--services-orange);font-family:var(--font-display);font-size:.58rem;font-weight:700}
.dark-service-card__icon{position:relative;z-index:1;display:grid;place-items:center;height:150px}.dark-service-card__icon::before{content:"";position:absolute;width:104px;height:104px;background:linear-gradient(145deg,#32363a,#0b0c0e 58%,#1a1c1f);border:1px solid #44484d;border-radius:27px;box-shadow:inset 8px 8px 14px rgba(255,255,255,.08),inset -12px -15px 18px rgba(0,0,0,.6),0 22px 30px rgba(0,0,0,.32);transform:rotate(-8deg)}.dark-service-card:nth-child(2n) .dark-service-card__icon::before{border-radius:45% 22% 38% 25%;transform:rotate(8deg)}.dark-service-card:nth-child(3n) .dark-service-card__icon::before{border-radius:50%;transform:none}
.dark-service-card__icon>span{position:relative;z-index:2;display:grid;place-items:center;width:69px;height:69px;border:1px solid #52565b;border-radius:20px;background:linear-gradient(145deg,#26292c,#0d0f11);color:var(--services-orange);box-shadow:inset 5px 5px 8px rgba(255,255,255,.06),0 0 28px rgba(255,90,31,.12)}.dark-service-card__icon .icon{width:36px;height:36px;stroke-width:1.5}
.dark-service-card h3{position:relative;z-index:2;margin:3px 0 9px;color:#f6f6f4;font-size:1rem;letter-spacing:-.035em}.dark-service-card p{position:relative;z-index:2;margin:0;color:#92959a;font-size:.68rem;line-height:1.55}.dark-service-card>a{position:absolute;z-index:3;right:14px;bottom:14px;display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(255,90,31,.48);border-radius:8px;color:var(--services-orange)}.dark-service-card>a .icon{width:15px;transition:transform .2s}.dark-service-card>a:hover .icon{transform:translateX(3px)}
.services-process{border-top:1px solid rgba(255,255,255,.025)}.services-process__track{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin:0;padding:0;list-style:none}.services-process-slider-mobile{overflow:visible}.services-process__track::before{content:"";position:absolute;left:9%;right:9%;top:46px;border-top:2px dotted rgba(255,90,31,.55)}.services-process__track li{position:relative;z-index:1;text-align:center}.services-process__track li>div{display:grid;place-items:center;width:92px;height:92px;margin:0 auto 15px;background:linear-gradient(145deg,#17191c,#0c0d0f);border:1px solid #303338;border-radius:50%;color:var(--services-orange);box-shadow:0 16px 35px rgba(0,0,0,.24)}.services-process__track .icon{width:34px;height:34px}.services-process__track li>span{color:var(--services-orange);font-family:var(--font-display);font-size:.58rem;font-weight:700}.services-process__track h3{margin:6px 0;color:#f5f5f3;font-size:.95rem}.services-process__track p{max-width:190px;margin:0 auto;color:#96999e;font-size:.66rem;line-height:1.5}
@media (min-width: 768px) {
  .services-process__track.swiper-wrapper { display: grid !important; transform: none !important; }
  .services-process__track li.swiper-slide { width: auto !important; }
}
.services-advantages{padding-top:65px}.services-advantages__layout{display:grid;grid-template-columns:.9fr 2.1fr;align-items:end;gap:55px;padding-top:38px;border-top:1px solid var(--services-line)}.services-advantages .services-section-heading{margin:0}.services-advantage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.services-advantage-grid article{min-height:180px;padding:25px 18px;background:linear-gradient(145deg,#151719,#0e1012);border:1px solid var(--services-line);border-radius:12px;text-align:center}.services-advantage-grid article>span{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 18px;color:var(--services-orange)}.services-advantage-grid .icon{width:36px;height:36px}.services-advantage-grid h3{margin:0 0 8px;color:#f5f5f3;font-size:1rem}.services-advantage-grid p{margin:0;color:#8f9297;font-size:.64rem;line-height:1.45}
.services-bottom-cta{padding:0 0 90px}.services-bottom-cta__panel{position:relative;display:grid;grid-template-columns:1.1fr .9fr auto;align-items:center;gap:38px;min-height:150px;padding:34px 70px 34px 150px;background:radial-gradient(circle at 18% 50%,rgba(255,90,31,.32),transparent 20%),linear-gradient(110deg,#151719,#0e0f11 56%,#351306);border:1px solid #36393d;border-radius:24px;overflow:visible}.services-bottom-cta__panel>img{position:absolute;z-index:2;width:150px;height:150px;object-fit:contain;filter:grayscale(1) drop-shadow(0 18px 18px rgba(0,0,0,.55));pointer-events:none}.services-bottom-cta__panel>img:first-child{left:-26px;bottom:-17px;transform:rotate(-20deg)}.services-bottom-cta__panel>img:last-child{right:-25px;top:-44px;width:115px;transform:rotate(20deg)}.services-bottom-cta h2{position:relative;z-index:3;margin:0;color:#fff;font-size:1.8rem}.services-bottom-cta p{position:relative;z-index:3;margin:0;color:#b1b3b7;font-size:.72rem}.services-bottom-cta .services-primary-btn{position:relative;z-index:3;white-space:nowrap}
@media(max-width:1300px){.platforms-horizontal-list-fullwidth{overflow-x:auto;justify-content:flex-start}.platform-card{flex:0 0 auto}}
@media(max-width:900px){.services-shell{width:min(calc(100% - 48px),1240px)}.services-hero__layout{display:grid!important;grid-template-columns:1.05fr .95fr!important;text-align:left!important;gap:20px!important;align-items:center!important}.services-hero__copy{align-items:flex-start!important;display:block!important}.services-hero__copy h1,.services-hero__copy>p{margin-left:0!important;margin-right:0!important}.services-hero__actions{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:14px!important}.services-hero__visual{min-height:auto!important;margin-top:0!important;position:relative!important;max-width:380px!important;margin-left:auto!important}.services-hero__character{position:relative!important;right:auto!important;bottom:0!important;width:100%!important;max-width:380px!important;height:auto!important;margin:0 auto!important}.services-card-grid{grid-template-columns:repeat(2,1fr)}.services-advantages__layout{grid-template-columns:1fr}.services-bottom-cta__panel{grid-template-columns:1fr auto;padding-left:145px}.services-bottom-cta__panel>p{grid-column:1}.services-bottom-cta__panel>a{grid-column:2;grid-row:1/3}.services-bottom-cta__panel>img:last-child{display:none}}
@media(max-width:767px){.page-template-page-services .site-header{height:72px}.services-shell{width:min(calc(100% - 32px),1240px)}.services-hero{min-height:0;padding-top:72px}.services-hero__layout{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:0}.services-hero__copy{padding:40px 0 20px;display:flex;flex-direction:column;align-items:center}.services-hero h1{font-size:clamp(1.8rem,8vw,3rem);text-align:center}.services-hero__actions{align-items:center;flex-direction:column;gap:14px;width:100%}.services-primary-btn{width:100%;max-width:320px;justify-content:center;text-align:center}.services-text-link{justify-content:center}.services-hero__visual{width:100%;min-height:auto;margin-top:20px;position:relative}.services-hero__halo{right:0;top:6%;width:94%}.services-hero__character{position:relative;right:auto;bottom:0;width:100%;max-width:380px;height:auto;margin:0 auto}.services-hero__spring{display:none!important}.services-hero__chrome--ring{left:-2%;top:5%;width:68px}.services-hero__chrome--star{right:-5%;width:76px}.platforms-horizontal-list-fullwidth{padding:0 16px 15px;margin-inline:-16px;overflow-x:auto !important;flex-wrap:nowrap !important;justify-content:flex-start !important;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}.platforms-horizontal-list-fullwidth::-webkit-scrollbar{display:none}.platform-card{padding:14px 22px;scroll-snap-align:start;flex:0 0 auto !important}.services-catalog,.services-process,.services-advantages{padding:72px 0}.services-card-grid{grid-template-columns:1fr}.dark-service-card{min-height:315px}.services-process__track{display:flex !important;flex-wrap:nowrap !important;gap:0 !important;margin-inline:0;padding:0;overflow-x:visible;scroll-snap-type:none}.services-process__track::before{display:none}.services-process__track li{padding:25px 15px;background:#0e1012;border:1px solid var(--services-line);border-radius:13px;scroll-snap-align:center;min-width:100% !important;box-sizing:border-box}.services-advantage-grid{grid-template-columns:1fr 1fr}.services-bottom-cta{padding-bottom:65px}.services-bottom-cta__panel{display:flex;align-items:flex-start;flex-direction:column;gap:17px;padding:100px 25px 28px;border-radius:18px}.services-bottom-cta__panel>img:first-child{left:8px;top:-23px;bottom:auto;width:125px;height:125px}.services-bottom-cta__panel>a{width:100%}
.services-process-slider-mobile { overflow: hidden !important; padding: 10px 0 !important; }
}
@media(max-width:390px){.services-advantage-grid{grid-template-columns:1fr}.services-hero__visual{min-height:400px}.services-hero__copy>p{font-size:.86rem}.services-section-heading h2{font-size:2.15rem}}
@media(prefers-reduced-motion:reduce){.services-dark-page *{transition-duration:.01ms!important}}
/* ==========================================================================
   Light Service Cards Override Final
   ========================================================================== */
.services-dark-page .services-catalog {
	background: #f8f9fc !important; 
}
.services-dark-page .services-section-heading span,
.services-dark-page .services-section-heading h2 {
	color: var(--color-gray-900) !important;
}

.services-card-grid {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 24px !important;
}

/* ✅ FIX: Better tablet layout with 3 columns */
@media (min-width: 769px) and (max-width: 1050px) {
	.services-card-grid {
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 20px !important;
	}
}

@media (max-width: 768px) {
	.services-card-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 18px !important;
	}
}

@media (max-width: 580px) {
	.services-card-grid {
		grid-template-columns: 1fr !important;
		gap: 16px !important;
	}
}

.light-service-card {
	background: #ffffff !important;
	border-radius: 12px !important;
	padding: 35px 20px 40px !important;
	position: relative !important;
	box-shadow: 0 4px 20px rgba(98, 68, 247, 0.03) !important;
	border: 1px solid rgba(98, 68, 247, 0.08) !important;
	border-bottom: 3px solid rgba(98, 68, 247, 0.15) !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
	transition: all 0.3s ease !important;
}
.light-service-card:hover {
	transform: translateY(-6px) !important;
	border-bottom: 3px solid var(--color-primary) !important;
	box-shadow: 0 12px 35px rgba(98, 68, 247, 0.08) !important;
}

.service-card-overlay-link { position: absolute !important; inset: 0 !important; z-index: 10 !important; }

.light-service-card__number {
	position: absolute !important;
	top: 20px !important; left: 20px !important;
	font-family: 'Instrument Sans', sans-serif !important;
	font-size: 0.8rem !important; font-weight: 700 !important;
	color: var(--color-primary) !important;
	padding: 3px 8px !important; border-radius: 6px !important;
	border: 1px solid rgba(98, 68, 247, 0.25) !important;
	background: rgba(98, 68, 247, 0.02) !important;
}

.light-service-card__icon {
	width: 100px !important; height: 100px !important; border-radius: 50% !important;
	background: radial-gradient(circle at center, rgba(98, 68, 247, 0.15) 0%, rgba(98, 68, 247, 0) 65%) !important;
	display: flex !important; align-items: center !important; justify-content: center !important;
	margin: 15px 0 20px !important; color: var(--color-primary) !important;
}
.light-service-card__icon svg { width: 44px !important; height: 44px !important; }

.light-service-card h3 {
	font-family: 'Instrument Sans', sans-serif !important; font-size: 1.25rem !important;
	font-weight: 700 !important; color: var(--color-gray-900) !important; margin: 0 0 12px !important;
}
.light-service-card p {
	font-size: 0.9rem !important; line-height: 1.5 !important;
	color: var(--color-gray-600) !important; margin: 0 0 24px !important; min-height: 55px !important;
}
.service-card-learn-more {
	font-size: 0.95rem !important; font-weight: 700 !important; color: var(--color-primary) !important;
	margin-top: auto !important; transition: opacity 0.3s ease !important;
}
.light-service-card:hover .service-card-learn-more { opacity: 0.7 !important; }


/* ==========================================================================
   Redesigned "How We Work" Process Section - Ultra Clean, Premium & Responsive
   ========================================================================== */
.services-process {
	background: #f8fafc !important;
	padding: 100px 0 !important;
	position: relative !important;
	overflow: hidden !important;
}

.services-process .services-section-heading {
	margin-bottom: 50px !important;
}

.services-process .services-section-heading > span {
	display: inline-block !important;
	padding: 6px 14px !important;
	background: rgba(56, 189, 248, 0.1) !important;
	border: 1px solid rgba(56, 189, 248, 0.25) !important;
	border-radius: 30px !important;
	color: #0284c7 !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	margin-bottom: 16px !important;
}

.services-process .services-section-heading h2 {
	color: #0f172a !important;
	font-size: clamp(2rem, 3.2vw, 3rem) !important;
	font-weight: 800 !important;
	letter-spacing: -0.04em !important;
	line-height: 1.15 !important;
}

.services-process-slider-mobile {
	overflow: visible !important;
	padding: 10px 0 20px !important;
}

/* Track Layout (5 Columns in 1 Row on Desktop/Laptop) */
.services-process__track {
	position: relative !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	box-sizing: border-box !important;
}

/* Connecting Process Flow Line (Desktop Visual Progress Anchor) */
@media (min-width: 992px) {
	.services-process__track {
		display: grid !important;
		grid-template-columns: repeat(5, 1fr) !important;
		gap: clamp(12px, 1.5vw, 20px) !important;
		transform: none !important;
	}

	.services-process__track::before {
		content: "" !important;
		position: absolute !important;
		top: 106px !important;
		left: 8% !important;
		right: 8% !important;
		height: 2px !important;
		background: linear-gradient(90deg, 
			rgba(56, 189, 248, 0.15) 0%, 
			rgba(56, 189, 248, 0.6) 50%, 
			rgba(99, 102, 241, 0.6) 100%
		) !important;
		z-index: 1 !important;
		border-radius: 2px !important;
		pointer-events: none !important;
	}
}

/* Individual Cards */
.services-process__card.swiper-slide {
	position: relative !important;
	z-index: 2 !important;
	background: linear-gradient(165deg, #161b26 0%, #0d1017 100%) !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-radius: 20px !important;
	padding: 32px 18px 28px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	text-align: left !important;
	box-shadow: 0 15px 35px rgba(15, 23, 42, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
	transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.35s ease, box-shadow 0.35s ease !important;
	height: 100% !important;
	box-sizing: border-box !important;
}

.services-process__card.swiper-slide:hover {
	transform: translateY(-8px) !important;
	border-color: rgba(56, 189, 248, 0.4) !important;
	box-shadow: 0 25px 45px -10px rgba(56, 189, 248, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

/* Header & Step Badge */
header.services-process__card-header {
	width: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin: 0 0 18px 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

.services-process__number {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-family: 'Instrument Sans', system-ui, -apple-system, sans-serif !important;
	font-size: 0.75rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.06em !important;
	color: #38bdf8 !important;
	background: rgba(56, 189, 248, 0.1) !important;
	border: 1px solid rgba(56, 189, 248, 0.25) !important;
	padding: 4px 12px !important;
	border-radius: 20px !important;
	box-shadow: 0 0 15px rgba(56, 189, 248, 0.1) !important;
}

/* Glowing Icon Box */
div.services-process__icon-box {
	width: 58px !important;
	height: 58px !important;
	border-radius: 16px !important;
	background: linear-gradient(135deg, rgba(56, 189, 248, 0.14), rgba(99, 102, 241, 0.14)) !important;
	border: 1px solid rgba(56, 189, 248, 0.25) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 0 22px 0 !important;
	color: #38bdf8 !important;
	box-shadow: 0 8px 25px rgba(56, 189, 248, 0.12) !important;
	transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
	position: relative !important;
	z-index: 3 !important;
}

.services-process__card:hover div.services-process__icon-box {
	transform: scale(1.08) !important;
	border-color: rgba(56, 189, 248, 0.5) !important;
	box-shadow: 0 10px 30px rgba(56, 189, 248, 0.25) !important;
}

div.services-process__icon-box svg {
	width: 26px !important;
	height: 26px !important;
	color: #38bdf8 !important;
	filter: drop-shadow(0 0 8px rgba(56, 189, 248, 0.6)) !important;
}

/* Body Section */
section.services-process__card-body {
	width: 100% !important;
	display: block !important;
	margin-top: auto !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	text-align: left !important;
}

section.services-process__card-body h3 {
	font-family: 'Instrument Sans', system-ui, -apple-system, sans-serif !important;
	font-size: clamp(1.05rem, 1.15vw, 1.25rem) !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	letter-spacing: -0.02em !important;
	margin: 0 0 8px 0 !important;
	line-height: 1.25 !important;
	display: block !important;
}

section.services-process__card-body p {
	font-size: clamp(0.78rem, 0.85vw, 0.85rem) !important;
	line-height: 1.55 !important;
	color: #94a3b8 !important;
	margin: 0 !important;
	display: block !important;
	max-width: none !important;
}

/* Responsive Scaling & Tablet Layout */
@media (max-width: 991px) and (min-width: 768px) {
	.services-process__track {
		display: grid !important;
		grid-template-columns: repeat(5, 1fr) !important;
		gap: 10px !important;
		transform: none !important;
	}
	.services-process__card.swiper-slide {
		padding: 24px 12px 20px !important;
	}
	.services-process__icon-box {
		width: 48px !important;
		height: 48px !important;
		margin-bottom: 16px !important;
	}
	.services-process__icon-box svg {
		width: 22px !important;
		height: 22px !important;
	}
	.services-process__card h3 {
		font-size: 0.98rem !important;
	}
	.services-process__card p {
		font-size: 0.74rem !important;
	}
}

/* Mobile Swiper Layout */
@media (max-width: 767px) {
	.services-process {
		padding: 60px 0 !important;
	}
	.services-process-slider-mobile {
		overflow: hidden !important;
	}
	.services-process__track.swiper-wrapper {
		display: flex !important;
		flex-direction: row !important;
		gap: 0 !important;
	}
	.services-process__card.swiper-slide {
		width: 100% !important;
		box-sizing: border-box !important;
		padding: 30px 22px 26px !important;
	}
}

/* Mobile Marquee CSS */
.marquee-clone { display: none; }
@media (max-width: 768px) {
  .marquee-clone { display: inline-flex; }
  .marquee-container { overflow: hidden; }
  .platforms-grid {
    width: max-content;
    animation: marqueeScroll 20s linear infinite;
    padding-bottom: 0;
    overflow: visible;
  }
  .platforms-grid:hover {
    animation-play-state: paused;
  }
}
@keyframes marqueeScroll {
  from { transform: translateX(0); }
  to { transform: translateX(calc(-50% - 9px)); } /* 9px is half of 18px gap */
}

/* Fix mobile heading overlap */
@media (max-width: 768px) {
  .services-section-heading h2 {
    line-height: 1.25 !important;
    letter-spacing: -0.02em !important;
  }
}

@media (max-width: 768px) {
  .services-section-heading h2 {
    font-size: 1.85rem !important;
  }
}