/* Colours normalised to the homepage palette by recolour.php.
   Layout and structure are untouched - only colour values were remapped. */
/* ==========================================================================
   D3 Nova - legacy page LAYOUT bridge (generated)
   Layout-only declarations lifted from the previous theme's style.css for the
   classes the existing page content still uses, every selector scoped under
   .legacy-content so it can never reach the new header, footer or homepage.
   Colour, type and decoration are NOT carried over - those come from the new
   design tokens in app.css / legacy.css.
   ========================================================================== */

.legacy-content {
	--navy:#0b1226;
	--white:#ffffff;
	--primary-dark:#2563eb;
	--primary-light:#22d3ee;
	--accent2:#22d3ee;
	--dark:#0b1226;
	--dark2:#0b1226;
	--dark3:#0b1226;
	--text:#0b1226;
	--text-light:#3b82f6;
	--glass-border:rgba(255, 255, 255, 0.15);
	--gradient-hero:linear-gradient(135deg, #eff6ff 0%, #eff6ff 40%, #eff6ff 70%, #eff6ff 100%);
	--gradient-blue:linear-gradient(135deg, #2563eb 0%, #2563eb 50%, #3b82f6 100%);
	--gradient-cyan:linear-gradient(135deg, #22d3ee, #22d3ee);
	--shadow-card:0 8px 40px rgba(59, 130, 246, 0.10);
	--shadow-btn:0 8px 32px rgba(34, 211, 238, 0.35);
	--radius:16px;
	--radius-sm:10px;
	--navy-mid:#0b1226;
	--blue-brand:#3b82f6;
	--blue-light:#3b82f6;
	--blue-sky:#3b82f6;
	--off-white:#eff6ff;
	--gray-100:#eff6ff;
	--gray-200:#dbeafe;
	--gray-500:#4a5a70;
	--gray-700:#1d4ed8;
	--text-dark:#0b1226;
	--text-body:#2563eb;
	--card-bg:rgba(255, 255, 255, 0.72);
	--border-glass:rgba(59, 130, 246, 0.13);
	--radius-lg:24px;
	--radius-xl:32px;
	--radius-pill:999px;
	--blue-primary:#2563eb;
	--blue-bright:#2563eb;
	--blue-vivid:#3b82f6;
	--blue-pale:#dbeafe;
	--blue-ultra-pale:#eff6ff;
	--gray-50:#eff6ff;
	--gray-900:#0b1226;
	--accent-cyan:#22d3ee;
	--accent-teal:#22d3ee;
	--gradient-card:linear-gradient(145deg, #ffffff 0%, #eff6ff 100%);
	--shadow-sm:0 4px 20px rgba(59, 130, 246, 0.08);
	--shadow-md:0 12px 40px rgba(59, 130, 246, 0.12);
	--shadow-lg:0 24px 60px rgba(59, 130, 246, 0.16);
	--shadow-xl:0 32px 80px rgba(37, 99, 235, 0.22);
	--navy-deep:#0b1226;
	--blue:#3b82f6;
	--blue-mid:#3b82f6;
	--sky:#eff6ff;
	--sky-mid:#dbeafe;
	--sky-pale:#eff6ff;
	--text-mid:#2563eb;
	--grad-hero:linear-gradient(160deg, #eff6ff 0%, #eff6ff 40%, #eff6ff 100%);
	--grad-blue:linear-gradient(135deg, #3b82f6 0%, #3b82f6 100%);
	--grad-card:linear-gradient(145deg, rgba(255, 255, 255, 0.9) 0%, rgba(239, 246, 255, 0.7) 100%);
	--radius-md:16px;
}

.legacy-content .cta-orb,
.legacy-content .phone-glow {
	transform:translate(-50%,-50%);
}

.legacy-content .ctas-section,
.legacy-content .faq-itemss,
.legacy-content .hero-section1,
.legacy-content .phone-outer,
.legacy-content .service-cards,
.legacy-content .tech-ticker,
.legacy-content .testi-slider,
.legacy-content .trusted-logos,
.legacy-content .why-sections {
	overflow:hidden;
}

.legacy-content #hero,
.legacy-content .ec-hero-section,
.legacy-content .hero,
.legacy-content .hero-section1 {
	min-height:100vh;
}

.legacy-content .Ecommerce_header_back_content h2,
.legacy-content .cta-title .blue-grad,
.legacy-content .dc-metric-num,
.legacy-content .gradient-text,
.legacy-content .hero-stat-num,
.legacy-content .hero-title .cyan-grad,
.legacy-content .hero-title .highlight,
.legacy-content .industry-heading span,
.legacy-content .shimmer-text,
.legacy-content .stack-title span {
	-webkit-text-fill-color:transparent;
}

.legacy-content .hero-section1 {
	background:var(--gradient-hero);
	position:relative;
	display:flex;
	align-items:center;
}

.legacy-content .hero-badge .dot,
.legacy-content .tech-particle {
	background:var(--primary);
	border-radius:50%;
}

.legacy-content .hero-orb {
	opacity:.35;
}

.legacy-content .hero-grid,
.legacy-content .hero-visua1,
.legacy-content .phone-outer,
.legacy-content .phone-wrap {
	position:relative;
}

.legacy-content .hero-grid {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:60px;
	align-items:center;
	max-width:1300px;
	z-index:2;
}

.legacy-content .hero-badge {
	display:inline-flex;
	align-items:center;
	color:var(--primary-dark);
	backdrop-filter:blur(10px);
	animation:.6s both fadeInUp;
}

.legacy-content .dashboard-card,
.legacy-content .floating-card,
.legacy-content .why-glass {
	backdrop-filter:blur(20px);
}

.legacy-content .hero-badge .dot {
	width:7px;
	height:7px;
	animation:1.5s infinite pulse;
}

.legacy-content .hero-title {
	color:var(--dark);
	animation:.6s .1s both fadeInUp;
}

.legacy-content .hero-title .blue-grad,
.legacy-content .section-title .blue-grad {
	background:var(--gradient-blue);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}

.legacy-content .cta-title .blue-grad,
.legacy-content .hero-title .cyan-grad {
	background:var(--gradient-cyan);
	-webkit-background-clip:text;
}

.legacy-content .hero-desc {
	color:var(--text-light);
	animation:.6s .2s both fadeInUp;
}

.legacy-content .hero-btns {
	display:flex;
	flex-wrap:wrap;
	animation:.6s .3s both fadeInUp;
}

.legacy-content .btn-primary,
.legacy-content .btn-secondary {
	display:inline-flex;
	gap:8px;
}

.legacy-content .btn-primary {
	background:var(--gradient-blue);
	box-shadow:var(--shadow-btn);
	align-items:center;
}

.legacy-content .btn-primary:hover {
	box-shadow:0 14px 45px rgba(34, 211, 238, .5);
}

.legacy-content .btn-secondary {
	background:0 0;
	color:var(--primary-dark);
	border-radius:50px;
	border:2px solid rgba(34, 211, 238, .4);
	align-items:center;
}

.legacy-content .btn-secondary:hover {
	background:rgba(34, 211, 238, .06);
	border-color:var(--primary);
}

.legacy-content .hero-stats {
	display:flex;
	gap:28px;
	flex-wrap:wrap;
	animation:.6s .4s both fadeInUp;
}

.legacy-content .hero-stat-num {
	color:var(--dark);
	background:var(--gradient-blue);
	-webkit-background-clip:text;
}

.legacy-content .hero-stat-label {
	color:var(--text-light);
}

.legacy-content .hero-stat-divider {
	width:1px;
	background:rgba(34, 211, 238, .2);
}

.legacy-content .hero-visua1 {
	display:flex;
	justify-content:center;
	align-items:center;
	animation:.8s .2s both fadeInRight;
}

.legacy-content .phone-wrap {
	z-index:2;
	animation:5s ease-in-out infinite phoneFloat;
}

.legacy-content .phone-outer {
	width:260px;
	height:520px;
	background:linear-gradient(145deg,#0b1226,#0b1226);
	border-radius:40px;
	border:3px solid rgba(34, 211, 238, .4);
	box-shadow:0 0 0 1px rgba(255, 255, 255, .05),0 40px 80px rgba(7, 11, 22, .4),0 0 60px rgba(34, 211, 238, .15),inset 0 1px 0 rgba(255, 255, 255, .1);
}

.legacy-content .phone-notch {
	width:90px;
	height:22px;
	background:#0b1226;
	border-radius:0 0 18px 18px;
	border:2px solid rgba(34, 211, 238, .2);
	border-top:none;
}

.legacy-content .phone-screen-content {
	height:calc(100% - 60px);
	position:relative;
	overflow:hidden;
}

.legacy-content .phone-app-header {
	background:var(--gradient-blue);
	border-radius:12px;
	display:flex;
	align-items:center;
	gap:8px;
}

.legacy-content .phone-app-header .ph-icon {
	width:28px;
	height:28px;
	background:rgba(255, 255, 255, .2);
	border-radius:8px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#ffffff;
}

.legacy-content .phone-app-header h6 {
	color:#ffffff;
}

.legacy-content .phone-app-header p {
	color:rgba(255, 255, 255, .7);
}

.legacy-content .phone-card {
	background:rgba(255, 255, 255, .05);
	border:1px solid rgba(255, 255, 255, .08);
	border-radius:10px;
}

.legacy-content .phone-card-bar {
	height:6px;
	border-radius:3px;
	background:var(--gradient-blue);
}

.legacy-content .phone-card-bar.w80 {
	width:80%;
}

.legacy-content .mockup-card-line.short,
.legacy-content .phone-card-bar.w60 {
	width:60%;
}

.legacy-content .first_php_section .image img,
.legacy-content .phone-card-bar.w90 {
	width:90%;
}

.legacy-content .phone-mini-bars {
	display:flex;
	gap:5px;
}

.legacy-content .phone-mini-bar {
	height:30px;
	border-radius:5px;
	flex:1;
	background:linear-gradient(to top,var(--primary),var(--accent2));
	opacity:.7;
}

.legacy-content .phone-mini-bar:nth-child(2) {
	opacity:.9;
	height:40px;
}

.legacy-content .phone-mini-bar:nth-child(3) {
	opacity:.6;
	height:25px;
}

.legacy-content .phone-glow {
	position:absolute;
	width:300px;
	height:300px;
	background:radial-gradient(circle,rgba(34, 211, 238, .25),transparent);
	border-radius:50%;
	top:50%;
	left:50%;
	z-index:1;
	animation:4s ease-in-out infinite glowPulse;
}

.legacy-content .floating-card {
	box-shadow:0 10px 40px rgba(34, 211, 238, .2);
	border:1px solid rgba(34, 211, 238, .1);
	color:var(--dark);
	display:flex;
	align-items:center;
	gap:8px;
	white-space:nowrap;
	z-index:3;
}

.legacy-content .fc-icon {
	width:32px;
	height:32px;
	border-radius:9px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.legacy-content .fc1 {
	top:60px;
	left:-110px;
	animation:4s ease-in-out infinite fcFloat;
}

.legacy-content .fc2 {
	bottom:120px;
	right:-100px;
	animation:5s ease-in-out 1s infinite fcFloat;
}

.legacy-content .fc3 {
	bottom:30px;
	left:-90px;
	animation:6s ease-in-out .5s infinite fcFloat;
}

.legacy-content .section-tag {
	display:inline-flex;
	align-items:center;
	background:rgba(34, 211, 238, .08);
	color:var(--primary-dark);
}

.legacy-content .ticker-item,
.legacy-content .ticker-track {
	display:flex;
	align-items:center;
}

.legacy-content .section-title,
.legacy-content .testi-name {
	color:var(--dark);
}

.legacy-content .section-desc,
.legacy-content .testi-role {
	color:var(--text-light);
}

.legacy-content .tech-ticker {
	background:var(--dark3);
	border-top:1px solid rgba(34, 211, 238, .2);
	border-bottom:1px solid rgba(34, 211, 238, .2);
}

.legacy-content .ticker-track {
	gap:50px;
	animation:30s linear infinite tickerScroll;
	white-space:nowrap;
	width:max-content;
}

.legacy-content .ticker-item {
	gap:10px;
	color:rgba(255, 255, 255, .5);
}

.legacy-content .ticker-item i {
	color:var(--primary);
}

.legacy-content .ticker-dot {
	width:4px;
	height:4px;
	background:rgba(34, 211, 238, .4);
	border-radius:50%;
}

.legacy-content .services-sections {
	background:#eff6ff;
}

.legacy-content .services-grids {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:24px;
	max-width:1200px;
}

.legacy-content .service-cards {
	background:#ffffff;
	border-radius:var(--radius);
	position:relative;
	border:1px solid rgba(34, 211, 238, .08);
	box-shadow:0 4px 20px rgba(7, 11, 22, .04);
}

.legacy-content .service-cards::before {
	position:absolute;
	inset:0;
	background:linear-gradient(135deg,rgba(34, 211, 238, .04),transparent);
	opacity:0;
}

.legacy-content .service-cards:hover {
	transform:translateY(-8px);
	box-shadow:var(--shadow-card);
	border-color:rgba(34, 211, 238, .25);
}

.legacy-content .sc-num {
	color:rgba(34, 211, 238, .07);
	position:absolute;
	top:12px;
	right:20px;
}

.legacy-content .sc-icon {
	width:56px;
	height:56px;
	border-radius:14px;
	background:linear-gradient(135deg,rgba(34, 211, 238, .12),rgba(37, 99, 235, .08));
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--primary);
}

.legacy-content .service-cards:hover .sc-icon {
	background:var(--gradient-blue);
	color:#ffffff;
	box-shadow:0 8px 24px rgba(34, 211, 238, .3);
}

.legacy-content .sc-title {
	color:var(--dark);
}

.legacy-content .sc-desc {
	color:var(--text-light);
}

.legacy-content .ps-circle,
.legacy-content .sc-link {
	align-items:center;
	color:var(--primary);
}

.legacy-content .sc-link {
	display:flex;
	gap:6px;
}

.legacy-content .sc-link:hover,
.legacy-content .service-card:hover .service-link,
.legacy-content .service-link:hover {
	gap:10px;
}

.legacy-content .process-sections {
	background:linear-gradient(180deg,#ffffff 0,#eff6ff 100%);
}

.legacy-content .process-wraps {
	max-width:1100px;
	position:relative;
}

.legacy-content .process-lines {
	position:absolute;
	top:50px;
	left:calc(12.5% + 30px);
	right:calc(12.5% + 30px);
	height:2px;
	background:linear-gradient(90deg,var(--primary),var(--accent2));
	z-index:0;
}

.legacy-content .process-grids {
	display:grid;
	grid-template-columns:repeat(6,1fr);
	gap:20px;
	position:relative;
	z-index:1;
}

.legacy-content .dc-metrics,
.legacy-content .why-grid {
	grid-template-columns:1fr 1fr;
}

.legacy-content .ps-circle {
	width:60px;
	height:60px;
	border-radius:50%;
	background:#ffffff;
	border:3px solid rgba(34, 211, 238, .3);
	display:flex;
	justify-content:center;
	position:relative;
	box-shadow:0 4px 20px rgba(34, 211, 238, .1);
}

.legacy-content .process-stepss:hover .ps-circle,
.legacy-content .ps-num,
.legacy-content .techs-tab.active,
.legacy-content .techs-tab:hover {
	background:var(--gradient-blue);
	color:#ffffff;
}

.legacy-content .process-stepss:hover .ps-circle {
	border-color:var(--primary);
	box-shadow:0 8px 30px rgba(34, 211, 238, .35);
	transform:scale(1.1);
}

.legacy-content .ps-num {
	position:absolute;
	top:-8px;
	right:-8px;
	width:20px;
	height:20px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
}

.legacy-content .ps-title {
	color:var(--dark);
}

.legacy-content .ps-desc,
.legacy-content .techs-tab {
	color:var(--text-light);
}

.legacy-content .faq-section-wrap,
.legacy-content .tech-sections {
	background:#ffffff;
}

.legacy-content .techs-tabss {
	display:flex;
	gap:10px;
	justify-content:center;
	flex-wrap:wrap;
}

.legacy-content .techs-tab {
	border-radius:50px;
	border:1.5px solid rgba(34, 211, 238, .2);
	background:0 0;
}

.legacy-content .techs-tab.active,
.legacy-content .techs-tab:hover {
	border-color:transparent;
	box-shadow:0 6px 20px rgba(34, 211, 238, .3);
}

.legacy-content .tech-panels {
	display:none;
	max-width:900px;
}

.legacy-content .tech-panels.active {
	display:block;
	animation:.4s fadeInUp;
}

.legacy-content .tech-logoss {
	display:flex;
	gap:16px;
	flex-wrap:wrap;
	justify-content:center;
}

.legacy-content .tech-logo-cards {
	background:#eff6ff;
	border:1.5px solid rgba(34, 211, 238, .1);
	border-radius:var(--radius-sm);
	min-width:110px;
}

.legacy-content .tech-logo-cards:hover {
	background:#ffffff;
	border-color:var(--primary);
	box-shadow:0 8px 30px rgba(34, 211, 238, .15);
	transform:translateY(-4px);
}

.legacy-content .tech-logo-cards i {
	display:block;
	color:var(--primary);
}

.legacy-content .tech-logo-cards span {
	color:var(--text-light);
}

.legacy-content .why-sections {
	background:var(--dark3);
	position:relative;
}

.legacy-content .ec-cta-orb,
.legacy-content .why-bg-orb {
	position:absolute;
	border-radius:50%;
	filter:blur(100px);
}

.legacy-content .cta-orb,
.legacy-content .ec-hero-orb,
.legacy-content .hero-orb {
	filter:blur(80px);
}

.legacy-content .why-bg-orb-1 {
	width:500px;
	height:500px;
	background:rgba(34, 211, 238, .08);
	top:-100px;
	left:-100px;
}

.legacy-content .why-bg-orb-2 {
	width:400px;
	height:400px;
	background:rgba(37, 99, 235, .1);
	bottom:-100px;
	right:-100px;
}

.legacy-content .why-grid {
	display:grid;
	gap:60px;
	max-width:1200px;
	align-items:center;
	position:relative;
	z-index:1;
}

.legacy-content .why-left .section-tag {
	background:rgba(34, 211, 238, .15);
	border-color:rgba(34, 211, 238, .3);
}

.legacy-content .ctax-field select,
.legacy-content .eps-plan-card.eps-popular h3,
.legacy-content .eps-popular .eps-price,
.legacy-content .eps-popular h3,
.legacy-content .feature-card.featured .feat-title,
.legacy-content .price-card.popular .plan-price,
.legacy-content .pricing-card.featured .pricing-name,
.legacy-content .pricing-card.featured .pricing-price,
.legacy-content .pricing-name.white,
.legacy-content .pricing-price.white,
.legacy-content .process .section-title,
.legacy-content .process-section .section-title,
.legacy-content .section-sixth-6 .Revenue_Stream_Head ul li:hover>div h3,
.legacy-content .section-title .white,
.legacy-content .swiper-slide-active p,
.legacy-content .testi-card.highlight .testi-name,
.legacy-content .topbar p,
.legacy-content .whatsappblink a.btn-whatsapp-pulse.btn-whatsapp-pulse-border,
.legacy-content .why-left .section-title,
.legacy-content section.sec_one.section-ninth-9 {
	color:#ffffff;
}

.legacy-content .process .section-sub,
.legacy-content .process-section .section-desc,
.legacy-content .why-left .section-desc {
	color:rgba(255, 255, 255, .6);
}

.legacy-content .why-items,
.legacy-content .why-points {
	display:flex;
	flex-direction:column;
	gap:20px;
}

.legacy-content .why-item1 {
	display:flex;
	gap:16px;
	align-items:flex-start;
	background:rgba(255, 255, 255, .04);
	border:1px solid rgba(255, 255, 255, .07);
	border-radius:var(--radius-sm);
}

.legacy-content .why-item1:hover {
	background:rgba(34, 211, 238, .08);
	border-color:rgba(34, 211, 238, .2);
}

.legacy-content .wi-icon {
	width:44px;
	height:44px;
	border-radius:11px;
	background:rgba(34, 211, 238, .15);
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--primary);
	flex-shrink:0;
}

.legacy-content .wi-title {
	color:#ffffff;
}

.legacy-content .wi-desc {
	color:rgba(255, 255, 255, .5);
}

.legacy-content .swiper-slide,
.legacy-content .why-right {
	display:flex;
	justify-content:center;
}

.legacy-content .dashboard-card {
	background:rgba(255, 255, 255, .05);
	border:1px solid rgba(255, 255, 255, .1);
	border-radius:24px;
	width:380px;
	box-shadow:0 30px 80px rgba(7, 11, 22, .3);
}

.legacy-content .dc-header {
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.legacy-content .dc-title {
	color:#ffffff;
}

.legacy-content .dc-badge {
	background:rgba(34, 211, 238, .2);
	color:var(--primary-light);
	border-radius:50px;
}

.legacy-content .dc-metrics {
	display:grid;
	gap:14px;
}

.legacy-content .dc-metric {
	background:rgba(255, 255, 255, .04);
	border:1px solid rgba(255, 255, 255, .07);
	border-radius:12px;
}

.legacy-content .dc-bar:hover,
.legacy-content .dc-metric-num {
	background:var(--gradient-blue);
}

.legacy-content .dc-metric-num {
	-webkit-background-clip:text;
}

.legacy-content .dc-metric-label {
	color:rgba(255, 255, 255, .45);
}

.legacy-content .dc-chart-label {
	color:rgba(255, 255, 255, .5);
}

.legacy-content .dc-bars {
	display:flex;
	gap:6px;
	align-items:flex-end;
	height:70px;
}

.legacy-content .dc-bar {
	flex:1;
	border-radius:5px 5px 0 0;
	background:linear-gradient(to top,rgba(34, 211, 238, .5),rgba(34, 211, 238, .8));
}

.legacy-content .dc-bar:hover {
	transform:scaleY(1.05);
}

.legacy-content .dc-reviews,
.legacy-content .metric-row {
	display:flex;
	flex-direction:column;
	gap:8px;
}

.legacy-content .dc-review,
.legacy-content .dc-review-ava {
	align-items:center;
	display:flex;
}

.legacy-content .dc-review {
	gap:10px;
	background:rgba(255, 255, 255, .03);
	border-radius:9px;
}

.legacy-content .dc-review-ava {
	width:28px;
	height:28px;
	border-radius:50%;
	background:var(--gradient-blue);
	justify-content:center;
	color:#ffffff;
	flex-shrink:0;
}

.legacy-content .dc-review-name {
	color:rgba(255, 255, 255, .7);
}

.legacy-content .dc-review-stars {
	color:#3b82f6;
}

.legacy-content .testi-section {
	background:linear-gradient(135deg,#eff6ff 0,#ffffff 50%,#eff6ff 100%);
}

.legacy-content .testi-slider {
	max-width:1100px;
	position:relative;
}

.legacy-content .testi-track {
	display:flex;
}

.legacy-content .testi-card {
	min-width:33.333%;
}

.legacy-content .testi-inner {
	background:#ffffff;
	border-radius:var(--radius);
	border:1px solid rgba(34, 211, 238, .1);
	box-shadow:0 8px 30px rgba(7, 11, 22, .05);
	height:100%;
}

.legacy-content .testi-stars {
	color:#3b82f6;
}

.legacy-content .faq-answer p,
.legacy-content .testi-quote {
	color:var(--text-light);
}

.legacy-content .testi-ava {
	width:44px;
	height:44px;
	border-radius:50%;
	background:var(--gradient-blue);
	display:flex;
	align-items:center;
	justify-content:center;
	color:#ffffff;
}

.legacy-content .testi-dots {
	display:flex;
	gap:8px;
	justify-content:center;
}

.legacy-content .testi-dot {
	width:8px;
	height:8px;
	border-radius:50%;
	background:rgba(34, 211, 238, .2);
}

.legacy-content .testi-dot.active {
	width:24px;
	border-radius:4px;
	background:var(--primary);
}

.legacy-content .faq-itemss {
	border:1px solid rgba(34, 211, 238, .12);
	border-radius:var(--radius-sm);
}

.legacy-content .faq-itemss.open {
	border-color:rgba(34, 211, 238, .3);
	box-shadow:0 6px 24px rgba(34, 211, 238, .08);
}

.legacy-content .feature-card:hover,
.legacy-content .service-card:hover,
.legacy-content .testi-card:hover {
	box-shadow:var(--shadow-hover);
}

.legacy-content .faq-questions {
	display:flex;
	justify-content:space-between;
	align-items:center;
	background:#ffffff;
}

.legacy-content .fq-icon,
.legacy-content .wa-btn {
	align-items:center;
}

.legacy-content .faq-itemss.open .faq-questions {
	background:rgba(34, 211, 238, .03);
}

.legacy-content .fq-text {
	color:var(--dark);
}

.legacy-content .fq-icon {
	width:32px;
	height:32px;
	border-radius:50%;
	background:rgba(34, 211, 238, .1);
	display:flex;
	justify-content:center;
	color:var(--primary);
	flex-shrink:0;
}

.legacy-content .faq-item.active .faq-toggle,
.legacy-content .faq-itemss.open .fq-icon {
	background:var(--gradient-blue);
	color:#ffffff;
	transform:rotate(45deg);
}

.legacy-content .service-card::before,
.legacy-content .service-card:hover .service-icon {
	background:var(--gradient-btn);
}

.legacy-content .faq-itemss.open .faq-answer {
	max-height:200px;
}

.legacy-content .ctas-section {
	background:var(--dark3);
	position:relative;
}

.legacy-content .cta-tag {
	color:var(--primary-light);
}

.legacy-content .cta-btns,
.legacy-content .cta-buttons,
.legacy-content .ec-cta-actions {
	display:flex;
	gap:16px;
	justify-content:center;
	flex-wrap:wrap;
}

.legacy-content .cta-bg-grid {
	position:absolute;
	inset:0;
	opacity:.04;
	background-image:linear-gradient(rgba(34, 211, 238, .5) 1px,transparent 1px),linear-gradient(90deg,rgba(34, 211, 238, .5) 1px,transparent 1px);
	background-size:60px 60px;
}

.legacy-content .price-card,
.legacy-content .step,
.legacy-content .testi-card {
	position:relative;
}

.legacy-content .reveal-left,
.legacy-content .reveal-right {
	opacity:0;
}

.legacy-content .cta-orb {
	width:400px;
	height:400px;
	top:50%;
	left:50%;
}

.legacy-content .reveal.visible,
.legacy-content .reveal.visibles {
	opacity:1;
	transform:translateY(0);
}

.legacy-content .reveal-left {
	transform:translateX(-30px);
}

.legacy-content .reveal-left.visibles,
.legacy-content .reveal-right.visibles {
	opacity:1;
	transform:translateX(0);
}

.legacy-content .reveal-right {
	transform:translateX(30px);
}

@media (max-width:768px) {
.legacy-content .hero-grid,
.legacy-content .portfolio-grid,
.legacy-content .services-grids,
.legacy-content .why-grid {
	grid-template-columns:1fr;
}
.legacy-content .hero-grid {
	gap:40px;
}
.legacy-content .process-grids {
	grid-template-columns:repeat(3,1fr);
}
.legacy-content .testi-card {
	min-width:100%;
}
}

.legacy-content .phone-mini-bar svg {
	height:23px;
	width:37px;
	filter:invert(1);
}

.legacy-content .section-tag {
	display:inline-flex;
	align-items:center;
	background:var(--sky);
	color:var(--blue-primary);
}

.legacy-content .fb-val span,
.legacy-content .metric-value span,
.legacy-content .section-title .accent,
.legacy-content .section-title .blue,
.legacy-content .stat-num span {
	color:var(--blue-primary);
}

.legacy-content .section-sub {
	color:var(--gray-text);
	max-width:560px;
}

.legacy-content .services-grid {
	display:grid;
	grid-template-columns:repeat(3,1fr);
}

.legacy-content .faq-item,
.legacy-content .service-card {
	border:1px solid var(--border);
}

.legacy-content .service-icon {
	background:var(--sky);
	display:flex;
	align-items:center;
	justify-content:center;
}

.legacy-content .service-link {
	color:var(--blue-primary);
	display:inline-flex;
	align-items:center;
}

.legacy-content .floating-badge,
.legacy-content .why-point {
	border:1px solid var(--border);
}

.legacy-content .metric-bar {
	background:var(--border);
}

.legacy-content .metric-fill,
.legacy-content .point-icon {
	background:var(--gradient-btn);
}

.legacy-content .floating-badge {
	box-shadow:0 10px 40px rgba(37, 99, 235, .15);
}

.legacy-content .process,
.legacy-content .section-dark,
.legacy-content .step-num {
	background:var(--navy);
}

.legacy-content .process .section-tag {
	background:rgba(255, 255, 255, .08);
	border-color:rgba(255, 255, 255, .2);
	color:var(--blue-light);
}

.legacy-content .process-steps {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:0;
}

.legacy-content .process-steps::after {
	left:10%;
	right:10%;
	background:linear-gradient(90deg,var(--blue-primary),var(--blue-accent),var(--blue-light));
}

.legacy-content .step-num {
	width:80px;
	height:80px;
	border-radius:50%;
	border:3px solid var(--blue-primary);
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--blue-accent);
}

.legacy-content .step:hover .step-num {
	background:var(--blue-primary);
	color:#ffffff;
	transform:scale(1.12);
	box-shadow:0 0 40px rgba(59, 130, 246, .4);
}

.legacy-content .tech-pill,
.legacy-content .testi-card {
	border:1px solid var(--border);
}

.legacy-content .portfolio-section,
.legacy-content .pricing,
.legacy-content .pricing-section,
.legacy-content .testi-card,
.legacy-content .testimonials {
	background:#ffffff;
}

.legacy-content .testi-card {
	border-radius:20px;
}

.legacy-content .testi-card::before {
	position:absolute;
	top:16px;
	right:24px;
	color:var(--sky2);
}

.legacy-content .testi-card:hover {
	transform:translateY(-6px);
	border-color:rgba(37, 99, 235, .2);
}

.legacy-content .testi-card.highlight {
	background:var(--gradient-btn);
	border-color:transparent;
}

.legacy-content .testi-card.highlight::before {
	color:rgba(255, 255, 255, .2);
}

.legacy-content .testi-card.highlight .testi-text {
	color:rgba(255, 255, 255, .9);
}

.legacy-content .pricing-card.featured .pricing-period,
.legacy-content .testi-card.highlight .testi-role {
	color:rgba(255, 255, 255, .7);
}

.legacy-content .testi-card.highlight .stars {
	color:gold;
}

.legacy-content .testi-author,
.legacy-content .testimonial-author {
	display:flex;
	align-items:center;
	gap:12px;
}

.legacy-content .testi-name {
	color:var(--navy);
}

.legacy-content .testi-role {
	color:var(--gray-text);
}

.legacy-content .tech-grid {
	display:flex;
	flex-wrap:wrap;
	gap:16px;
}

.legacy-content .pricing-grid,
.legacy-content .services-grid {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:24px;
}

.legacy-content .cta-section1,
.legacy-content .ec-hero-section {
	position:relative;
	overflow:hidden;
}

.legacy-content .cta-title .accent,
.legacy-content .cta-title .blue,
.legacy-content .price-card.popular .plan-name,
.legacy-content .pricing-label.white,
.legacy-content .process-section .section-title .blue,
.legacy-content .topbar-left a:hover {
	color:var(--blue-light);
}

.legacy-content .faq-list {
	max-width:780px;
	display:flex;
	flex-direction:column;
	gap:14px;
}

.legacy-content .faq-q {
	display:flex;
	justify-content:space-between;
	align-items:center;
	color:var(--navy);
}

.legacy-content .faq-toggle {
	background:var(--sky);
	color:var(--blue-primary);
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}

.legacy-content .faq-item.open .faq-toggle {
	background:var(--blue-primary);
	color:#ffffff;
	transform:rotate(45deg);
}

.legacy-content .faq-a {
	display:none;
	color:var(--gray-text);
}

.legacy-content .ec-btn-outline:hover,
.legacy-content .ec-hero-badge,
.legacy-content .ec-hero-h1 .ec-highlight,
.legacy-content .ec-metric-info h5 span,
.legacy-content .ec-section-title .ec-hl,
.legacy-content .ec-stat-num span {
	color:var(--blue-brand);
}

@media(max-width:1100px) {
.legacy-content .process-steps,
.legacy-content .services-grid {
	grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:700px) {
.legacy-content .features-grid,
.legacy-content .footer-top,
.legacy-content .pricing-grid,
.legacy-content .process-steps,
.legacy-content .services-grid,
.legacy-content .testi-grid {
	grid-template-columns:1fr;
}
.legacy-content .hero-stats {
	gap:24px;
	flex-wrap:wrap;
}
}

.legacy-content .ec-hero-section {
	background:linear-gradient(135deg,#eff6ff 0,#eff6ff 40%,#eff6ff 70%,#eff6ff 100%);
	display:flex;
	align-items:center;
	justify-content:center;
}

.legacy-content .ec-hero-orb {
	position:absolute;
	border-radius:50%;
	opacity:.38;
}

.legacy-content .ec-hero-orb-1 {
	width:520px;
	height:520px;
	background:radial-gradient(circle,#60a5fa,transparent 70%);
	top:-120px;
	left:-120px;
	animation:8s ease-in-out infinite floatOrb;
}

.legacy-content .ec-hero-orb-2 {
	width:400px;
	height:400px;
	background:radial-gradient(circle,#dbeafe,transparent 70%);
	bottom:-80px;
	right:-80px;
	animation:10s ease-in-out infinite reverse floatOrb;
}

.legacy-content .ec-hero-orb-3 {
	width:280px;
	height:280px;
	background:radial-gradient(circle,#3b82f6,transparent 70%);
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	opacity:.18;
	animation:12s ease-in-out infinite floatOrb;
}

.legacy-content .ec-hero-inner {
	position:relative;
	z-index:2;
	max-width:900px;
}

.legacy-content .ec-hero-badge {
	display:inline-flex;
	align-items:center;
	gap:8px;
	border:1.5px solid rgba(59, 130, 246, .25);
	border-radius:var(--radius-pill);
	background:rgba(255, 255, 255, .7);
	backdrop-filter:blur(8px);
	opacity:0;
	transform:translateY(20px);
	animation:.7s forwards heroFadeUp;
}

.legacy-content .ec-hero-badge-dot {
	width:8px;
	height:8px;
	border-radius:50%;
	background:var(--blue-brand);
	animation:2s infinite pulseDot;
}

.legacy-content .ec-hero-h1 {
	color:var(--navy);
	opacity:0;
	transform:translateY(30px);
	animation:.8s .15s forwards heroFadeUp;
}

.legacy-content .ec-hero-actions,
.legacy-content .ec-hero-stats,
.legacy-content .ec-hero-sub {
	transform:translateY(20px);
	opacity:0;
}

.legacy-content .ec-hero-sub {
	color:var(--text-body);
	max-width:640px;
	animation:.8s .3s forwards heroFadeUp;
}

.legacy-content .ec-hero-actions {
	display:flex;
	gap:16px;
	justify-content:center;
	flex-wrap:wrap;
	animation:.8s .45s forwards heroFadeUp;
}

.legacy-content .ec-btn-outline,
.legacy-content .ec-btn-primary {
	display:inline-block;
}

.legacy-content .ec-btn-primary {
	background:var(--blue-brand);
	color:#ffffff;
	border-radius:var(--radius-pill);
	border:none;
	box-shadow:0 6px 28px rgba(59, 130, 246, .32);
}

.legacy-content .ec-btn-primary:hover {
	transform:translateY(-3px);
	box-shadow:0 12px 40px rgba(59, 130, 246, .42);
	background:var(--blue-light);
}

.legacy-content .ec-btn-outline {
	background:rgba(255, 255, 255, .8);
	color:var(--navy);
	border-radius:var(--radius-pill);
	border:2px solid rgba(59, 130, 246, .22);
	backdrop-filter:blur(6px);
}

.legacy-content .ec-btn-outline:hover {
	border-color:var(--blue-brand);
	background:rgba(59, 130, 246, .06);
	transform:translateY(-2px);
}

.legacy-content .ec-hero-stats {
	display:flex;
	gap:48px;
	justify-content:center;
	flex-wrap:wrap;
	animation:.8s .6s forwards heroFadeUp;
}

.legacy-content .ec-stat-num {
	color:var(--navy);
}

.legacy-content .ec-stat-label {
	color:var(--gray-500);
}

.legacy-content .ec-stat-div {
	width:1.5px;
	background:linear-gradient(to bottom,transparent,rgba(59, 130, 246, .25),transparent);
	align-self:stretch;
	display:none;
}

@media(min-width:640px) {
.legacy-content .ec-stat-div {
	display:block;
}
}

.legacy-content .ec-ticker-wrap {
	background:var(--navy);
	overflow:hidden;
}

.legacy-content .ec-ticker-track {
	display:flex;
	gap:0;
	animation:28s linear infinite tickerScroll;
	white-space:nowrap;
	width:max-content;
}

.legacy-content .ec-section-badge,
.legacy-content .ec-ticker-item {
	display:inline-flex;
	align-items:center;
}

.legacy-content .ec-ticker-item {
	gap:12px;
	color:rgba(255, 255, 255, .75);
}

.legacy-content .ec-ticker-dot {
	color:var(--blue-sky);
}

.legacy-content .ec-section-inner,
.legacy-content .ec-tech-inner {
	max-width:1200px;
}

.legacy-content .ec-section-badge {
	gap:8px;
	border:1.5px solid rgba(59, 130, 246, .2);
	border-radius:var(--radius-pill);
	color:var(--blue-brand);
	background:rgba(59, 130, 246, .06);
}

.legacy-content .ec-section-title {
	color:var(--navy);
}

.legacy-content .ec-section-desc {
	color:var(--text-body);
	max-width:620px;
}

.legacy-content .ec-process-section,
.legacy-content .ec-services-section,
.legacy-content .ec-testi-section {
	background:var(--off-white);
}

.legacy-content .ec-services-grid {
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
	gap:28px;
}

.legacy-content .ec-service-card {
	background:var(--card-bg);
	border:1.5px solid var(--border-glass);
	border-radius:var(--radius-xl);
	backdrop-filter:blur(12px);
	box-shadow:var(--shadow-card);
	position:relative;
	overflow:hidden;
}

.legacy-content .ec-service-card::before {
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:3px;
	background:linear-gradient(90deg,var(--blue-brand),var(--cyan));
	opacity:0;
}

.legacy-content .ec-service-card:hover {
	transform:translateY(-8px);
	box-shadow:0 24px 60px rgba(59, 130, 246, .16);
	border-color:rgba(59, 130, 246, .28);
}

.legacy-content .ec-service-num {
	position:absolute;
	top:24px;
	right:28px;
	color:rgba(59, 130, 246, .07);
}

.legacy-content .ec-feature-text h4,
.legacy-content .ec-service-name {
	color:var(--navy);
}

.legacy-content .ec-service-icon {
	width:56px;
	height:56px;
	background:linear-gradient(135deg,rgba(59, 130, 246, .1),rgba(59, 130, 246, .1));
	border:1.5px solid rgba(59, 130, 246, .18);
	border-radius:16px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.legacy-content .ec-service-card:hover .ec-service-icon {
	background:linear-gradient(135deg,rgba(59, 130, 246, .18),rgba(59, 130, 246, .18));
	transform:scale(1.1) rotate(-4deg);
}

.legacy-content .ec-service-desc {
	color:var(--text-body);
}

.legacy-content .ec-service-link {
	color:var(--blue-brand);
	display:inline-flex;
	align-items:center;
	gap:6px;
}

.legacy-content .ec-service-link:hover {
	gap:12px;
}

.legacy-content .ec-faq-section,
.legacy-content .ec-portfolio-section,
.legacy-content .ec-why-section {
	background:var(--white);
}

.legacy-content .ec-why-grid,
.legacy-content .intro-grid,
.legacy-content .why-grid {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:80px;
	align-items:center;
}

.legacy-content .ec-feature-list {
	display:flex;
	flex-direction:column;
	gap:20px;
}

.legacy-content .ec-feature-item {
	display:flex;
	gap:16px;
	align-items:flex-start;
	background:rgba(59, 130, 246, .03);
	border:1.5px solid rgba(59, 130, 246, .09);
	border-radius:16px;
}

.legacy-content .ec-feature-item:hover {
	background:rgba(59, 130, 246, .07);
	border-color:rgba(59, 130, 246, .2);
	transform:translateX(6px);
}

.legacy-content .ec-feature-icon {
	width:44px;
	height:44px;
	flex-shrink:0;
	background:linear-gradient(135deg,var(--blue-brand),var(--blue-sky));
	border-radius:12px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#ffffff;
}

.legacy-content .ec-feature-text p {
	color:var(--text-body);
}

.legacy-content .ec-why-right {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
}

.legacy-content .ec-why-visual {
	width:100%;
	max-width:480px;
	background:linear-gradient(135deg,#eff6ff 0,#dbeafe 100%);
	border-radius:var(--radius-xl);
	border:2px solid rgba(59, 130, 246, .12);
	box-shadow:0 24px 80px rgba(59, 130, 246, .14);
	position:relative;
	overflow:hidden;
}

.legacy-content .ec-why-visual::after {
	position:absolute;
	inset:0;
	background:radial-gradient(circle at 80% 20%,rgba(59, 130, 246, .3),transparent 60%);
}

.legacy-content .ec-metric-card {
	background:rgba(255, 255, 255, .85);
	backdrop-filter:blur(10px);
	border-radius:16px;
	border:1.5px solid rgba(59, 130, 246, .12);
	display:flex;
	align-items:center;
	gap:16px;
}

.legacy-content .ec-metric-card:hover {
	transform:translateX(4px);
}

.legacy-content .ec-metric-info h5 {
	color:var(--navy);
}

.legacy-content .ec-metric-info p {
	color:var(--gray-500);
}

.legacy-content .ec-process-track {
	display:flex;
	gap:0;
	position:relative;
	overflow-x:auto;
}

.legacy-content .ec-process-track::before {
	position:absolute;
	top:52px;
	left:80px;
	right:80px;
	height:2px;
	background:linear-gradient(90deg,var(--blue-brand),var(--cyan));
	z-index:0;
}

.legacy-content .ec-process-step {
	flex:1;
	min-width:160px;
	position:relative;
	z-index:1;
}

.legacy-content .ec-process-circle,
.legacy-content .ec-tech-pill {
	display:flex;
	align-items:center;
}

.legacy-content .ec-process-circle {
	width:64px;
	height:64px;
	border-radius:50%;
	background:var(--white);
	border:3px solid var(--blue-brand);
	justify-content:center;
	color:var(--blue-brand);
	box-shadow:0 0 0 0 rgba(59, 130, 246, .3);
}

.legacy-content .ec-process-step:hover .ec-process-circle {
	background:var(--blue-brand);
	color:#ffffff;
	box-shadow:0 0 0 10px rgba(59, 130, 246, .12);
	transform:scale(1.12);
}

.legacy-content .ec-process-label {
	color:var(--navy);
}

.legacy-content .ec-process-desc {
	color:var(--text-body);
}

.legacy-content .ec-tech-section {
	background:var(--navy);
}

.legacy-content .ec-tech-header .ec-section-title {
	color:var(--white);
}

.legacy-content .ec-tech-header .ec-section-desc {
	color:rgba(255, 255, 255, .65);
}

.legacy-content .ec-tech-header .ec-section-badge {
	border-color:rgba(59, 130, 246, .3);
	color:var(--blue-sky);
	background:rgba(59, 130, 246, .08);
}

.legacy-content .ec-tech-grid {
	display:flex;
	flex-wrap:wrap;
	gap:16px;
	justify-content:center;
}

.legacy-content .ec-tech-pill {
	gap:10px;
	background:rgba(255, 255, 255, .06);
	border:1.5px solid rgba(255, 255, 255, .12);
	border-radius:var(--radius-pill);
	color:rgba(255, 255, 255, .85);
}

.legacy-content .ec-tech-pill:hover {
	background:rgba(59, 130, 246, .2);
	border-color:var(--blue-light);
	color:#ffffff;
	transform:translateY(-3px);
}

.legacy-content .ec-portfolio-grid,
.legacy-content .ec-testi-grid {
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
	gap:28px;
}

.legacy-content .ec-portfolio-card {
	border-radius:var(--radius-xl);
	overflow:hidden;
	border:1.5px solid var(--border-glass);
	box-shadow:var(--shadow-card);
}

.legacy-content .ec-btn-cta,
.legacy-content .ec-portfolio-metric,
.legacy-content .ec-portfolio-tag {
	border-radius:var(--radius-pill);
}

.legacy-content .ec-portfolio-card:hover {
	transform:translateY(-8px);
	box-shadow:0 28px 64px rgba(59, 130, 246, .18);
}

.legacy-content .ec-portfolio-thumb {
	height:200px;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	overflow:hidden;
}

.legacy-content .ec-portfolio-thumb-1 {
	background:linear-gradient(135deg,#eff6ff,#dbeafe);
}

.legacy-content .ec-portfolio-thumb-2 {
	background:linear-gradient(135deg,#22d3ee,#22d3ee);
}

.legacy-content .ec-portfolio-thumb-3 {
	background:linear-gradient(135deg,#a78bfa,#a78bfa);
}

.legacy-content .ec-portfolio-tag {
	display:inline-block;
	background:rgba(59, 130, 246, .08);
	color:var(--blue-brand);
}

.legacy-content .ec-portfolio-name {
	color:var(--navy);
}

.legacy-content .ec-portfolio-desc {
	color:var(--text-body);
}

.legacy-content .ec-portfolio-meta {
	display:flex;
	gap:16px;
	flex-wrap:wrap;
}

.legacy-content .ec-portfolio-metric {
	color:var(--blue-brand);
	background:rgba(59, 130, 246, .07);
}

.legacy-content .ec-testi-card {
	background:var(--card-bg);
	border:1.5px solid var(--border-glass);
	border-radius:var(--radius-xl);
	box-shadow:var(--shadow-card);
	backdrop-filter:blur(12px);
}

.legacy-content .ec-testi-card:hover {
	transform:translateY(-6px);
}

.legacy-content .ec-testi-stars {
	color:#3b82f6;
}

.legacy-content .ec-testi-quote {
	color:var(--text-body);
}

.legacy-content .ec-testi-author,
.legacy-content .testimonial-author,
.legacy-content .topbar-social {
	display:flex;
	align-items:center;
	gap:14px;
}

.legacy-content .ec-testi-avatar {
	width:48px;
	height:48px;
	border-radius:50%;
	background:linear-gradient(135deg,var(--blue-brand),var(--cyan));
	display:flex;
	align-items:center;
	justify-content:center;
	color:#ffffff;
	flex-shrink:0;
}

.legacy-content .ec-testi-name {
	color:var(--navy);
}

.legacy-content .ec-testi-company,
.legacy-content .stat-label {
	color:var(--gray-500);
}

.legacy-content .ec-faq-inner {
	max-width:820px;
}

.legacy-content .ec-faq-list,
.legacy-content .faq-list,
.legacy-content .why-metrics {
	display:flex;
	flex-direction:column;
	gap:16px;
}

.legacy-content .ec-faq-item {
	border:1.5px solid rgba(59, 130, 246, .12);
	border-radius:var(--radius-lg);
	overflow:hidden;
}

.legacy-content .ec-faq-item.active {
	border-color:rgba(59, 130, 246, .32);
	box-shadow:0 8px 32px rgba(59, 130, 246, .1);
}

.legacy-content .ec-faq-question {
	display:flex;
	align-items:center;
	justify-content:space-between;
	background:rgba(59, 130, 246, .02);
	gap:16px;
}

.legacy-content .ec-faq-item.active .ec-faq-question {
	background:rgba(59, 130, 246, .05);
}

.legacy-content .ec-faq-question:hover {
	background:rgba(59, 130, 246, .04);
}

.legacy-content .ec-faq-q-text {
	color:var(--navy);
	flex:1;
}

.legacy-content .ec-faq-toggle {
	width:32px;
	height:32px;
	border-radius:50%;
	background:var(--blue-brand);
	color:#ffffff;
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
}

.legacy-content .ec-faq-item.active .ec-faq-toggle {
	transform:rotate(45deg);
	background:var(--navy);
}

.legacy-content .ec-faq-answer {
	display:none;
	color:var(--text-body);
}

.legacy-content .ec-cta-orb-1 {
	width:500px;
	height:500px;
	background:radial-gradient(circle,rgba(59, 130, 246, .3),transparent 70%);
	top:-200px;
	left:-100px;
}

.legacy-content .ec-cta-orb-2 {
	width:400px;
	height:400px;
	background:radial-gradient(circle,rgba(34, 211, 238, .2),transparent 70%);
	bottom:-150px;
	right:-80px;
}

.legacy-content .ec-cta-inner {
	max-width:800px;
	position:relative;
	z-index:2;
}

.legacy-content .ec-cta-badge {
	display:inline-flex;
	align-items:center;
	gap:8px;
	border:1.5px solid rgba(59, 130, 246, .35);
	border-radius:var(--radius-pill);
	color:var(--blue-sky);
	background:rgba(59, 130, 246, .1);
}

.legacy-content .ec-cta-title {
	color:#070b16;
}

.legacy-content .ec-btn-cta,
.legacy-content .ec-btn-ghost {
	display:inline-block;
}

.legacy-content .ec-cta-title span {
	color:var(--cyan);
}

.legacy-content .ec-cta-sub {
	color:#070b16;
}

.legacy-content .ec-btn-cta {
	background:var(--blue-brand);
	color:#ffffff;
	border:none;
	box-shadow:0 8px 32px rgba(59, 130, 246, .45);
}

.legacy-content .ec-btn-cta:hover {
	transform:translateY(-3px) scale(1.02);
	box-shadow:0 16px 48px rgba(59, 130, 246, .55);
	background:var(--blue-light);
}

.legacy-content .ec-btn-ghost {
	background:rgba(255, 255, 255, .1);
	color:#070b16;
	border-radius:var(--radius-pill);
	border:1.5px solid #0b1226;
	backdrop-filter:blur(8px);
}

.legacy-content .ec-btn-ghost:hover {
	background:rgba(255, 255, 255, .18);
	border-color:rgba(255, 255, 255, .5);
	transform:translateY(-2px);
}

@media(max-width:900px) {
.legacy-content .ec-why-grid {
	grid-template-columns:1fr;
}
.legacy-content .ec-why-right {
	order:-1;
}
.legacy-content .ec-nav-links,
.legacy-content .ec-process-track::before {
	display:none;
}
}

@media(max-width:640px) {
.legacy-content .ec-hero-stats {
	gap:28px;
}
.legacy-content .ec-process-track {
	flex-direction:column;
	gap:28px;
}
.legacy-content .ec-process-step {
	display:flex;
	align-items:flex-start;
	gap:16px;
	min-width:auto;
}
.legacy-content .ec-process-circle {
	flex-shrink:0;
}
.legacy-content .ec-cta-actions {
	flex-direction:column;
	align-items:center;
}
}

.legacy-content .ec-portfolio-thumb img {
	width:100%;
	height:200px;
	object-fit:fill;
}

.legacy-content .ec-tech-pill-icon svg,
.legacy-content .tech-logos svg {
	height:34px;
	width:34px;
}

.legacy-content .ec-tech-pill-icon svg {
	color:#ffffff;
	filter:invert(1);
}

.legacy-content .hero {
	background:var(--gradient-hero);
	display:flex;
	align-items:center;
}

.legacy-content .hero-orb-1 {
	background:radial-gradient(circle,rgba(59, 130, 246, .18) 0,transparent 70%);
	right:-100px;
	animation:8s ease-in-out infinite orbFloat;
}

.legacy-content .hero-orb-2 {
	background:radial-gradient(circle,rgba(37, 99, 235, .12) 0,transparent 70%);
	bottom:0;
	left:-50px;
	animation:10s ease-in-out infinite reverse orbFloat;
}

.legacy-content .hero-orb-3 {
	background:radial-gradient(circle,rgba(34, 211, 238, .1) 0,transparent 70%);
	top:40%;
	animation:12s ease-in-out 2s infinite orbFloat;
}

.legacy-content .hero-inner,
.legacy-content .hero-mockup,
.legacy-content .hero-visual,
.legacy-content .portfolio-img,
.legacy-content .process-timeline,
.legacy-content .step-circle {
	position:relative;
}

.legacy-content .hero-badge {
	display:inline-flex;
	align-items:center;
	border:1px solid rgba(37, 99, 235, .2);
	color:var(--blue-primary);
	backdrop-filter:blur(10px);
}

.legacy-content .hero-badge-dot {
	background:var(--blue-vivid);
}

.legacy-content .hero-title {
	color:var(--navy);
}

.legacy-content .hero-title .highlight {
	background:var(--gradient-blue);
	-webkit-background-clip:text;
	background-clip:text;
}

.legacy-content .hero-desc,
.legacy-content .service-card p {
	color:var(--gray-500);
}

.legacy-content .btn-outline,
.legacy-content .btn-primary {
	display:inline-flex;
	gap:10px;
}

.legacy-content .btn-primary {
	background:var(--gradient-blue);
	color:#ffffff;
	border:none;
	border-radius:50px;
	align-items:center;
	box-shadow:0 8px 32px rgba(37, 99, 235, .4);
}

.legacy-content .btn-primary:hover {
	transform:translateY(-3px);
	box-shadow:0 16px 48px rgba(37, 99, 235, .5);
}

.legacy-content .btn-outline {
	background:0 0;
	color:var(--blue-primary);
	border:2px solid rgba(37, 99, 235, .3);
	border-radius:50px;
	align-items:center;
}

.legacy-content .btn-outline:hover {
	background:var(--blue-ultra-pale);
	border-color:var(--blue-primary);
	transform:translateY(-2px);
}

.legacy-content .hero-stats {
	display:flex;
	gap:32px;
}

.legacy-content .dot,
.legacy-content .step-circle {
	border-radius:50%;
}

.legacy-content .dot {
	width:10px;
	height:10px;
}

.legacy-content .floating-badge,
.legacy-content .mockup-bar {
	align-items:center;
	display:flex;
}

.legacy-content .fb-icon,
.legacy-content .trust-icon {
	width:36px;
	height:36px;
}

.legacy-content .floating-badge {
	box-shadow:var(--shadow-lg);
	border:1px solid var(--gray-100);
	gap:10px;
	color:var(--gray-900);
}

.legacy-content .section-tag {
	display:inline-flex;
	align-items:center;
	gap:8px;
	background:var(--blue-ultra-pale);
	border:1px solid rgba(37, 99, 235, .15);
	border-radius:50px;
	color:var(--blue-primary);
}

.legacy-content .trust-bar-inner,
.legacy-content .trust-item {
	align-items:center;
	display:flex;
}

.legacy-content .section-title {
	color:var(--navy);
}

.legacy-content .section-desc {
	color:var(--gray-500);
}

.legacy-content .trust-bar {
	background:var(--navy);
}

.legacy-content .trust-bar-inner {
	max-width:1280px;
	justify-content:space-between;
	gap:32px;
	flex-wrap:wrap;
}

.legacy-content .trust-item {
	gap:12px;
	color:rgba(255, 255, 255, .8);
}

.legacy-content .trust-icon {
	border-radius:8px;
	background:rgba(59, 130, 246, .2);
	display:flex;
	align-items:center;
	justify-content:center;
}

.legacy-content .trust-divider {
	width:1px;
	height:32px;
	background:rgba(255, 255, 255, .1);
}

.legacy-content .faq-section,
.legacy-content .tech-section,
.legacy-content .why-section {
	background:var(--gray-50);
}

.legacy-content .why-features {
	display:flex;
	flex-direction:column;
	gap:24px;
}

.legacy-content .why-feature {
	display:flex;
	gap:20px;
	background:#ffffff;
	border-radius:var(--radius);
	border:1px solid var(--gray-100);
}

.legacy-content .why-feature:hover {
	border-color:rgba(37, 99, 235, .2);
	box-shadow:var(--shadow-md);
	transform:translateX(6px);
}

.legacy-content .why-feature-icon {
	width:52px;
	height:52px;
	min-width:52px;
	border-radius:14px;
	background:var(--blue-ultra-pale);
	display:flex;
	align-items:center;
	justify-content:center;
}

.legacy-content .av-1,
.legacy-content .why-feature:hover .why-feature-icon {
	background:var(--gradient-blue);
}

.legacy-content .why-feature-text h4 {
	color:var(--navy);
}

.legacy-content .why-feature-text p {
	color:var(--gray-500);
}

.legacy-content .why-main-card {
	background:#ffffff;
	border-radius:var(--radius-xl);
	box-shadow:var(--shadow-xl);
	border:1px solid rgba(37, 99, 235, .08);
}

.legacy-content .why-card-top {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}

.legacy-content .why-card-label {
	color:var(--blue-primary);
}

.legacy-content .why-card-title {
	color:var(--navy);
}

.legacy-content .wp-logo-badge {
	width:56px;
	height:56px;
	border-radius:14px;
	background:linear-gradient(135deg,#22d3ee,#22d3ee);
	display:flex;
	align-items:center;
	justify-content:center;
	color:#ffffff;
}

.legacy-content .metric-label-row {
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.legacy-content .metric-name {
	color:var(--gray-700);
}

.legacy-content .metric-val {
	color:var(--blue-primary);
}

.legacy-content .metric-bar {
	height:8px;
	background:var(--gray-100);
	border-radius:50px;
	overflow:hidden;
}

.legacy-content .metric-fill {
	height:100%;
	border-radius:50px;
	background:var(--gradient-blue);
	animation:2s forwards fillBar;
}

.legacy-content .service-card {
	background:var(--gradient-card);
	border:1px solid var(--gray-100);
	border-radius:var(--radius-lg);
}

.legacy-content .service-card::before {
	top:0;
	left:0;
	right:0;
	height:3px;
	background:var(--gradient-blue);
	transform:scaleX(0);
}

.legacy-content .service-card:hover {
	box-shadow:var(--shadow-lg);
}

.legacy-content .ecs-platform-card:hover::before,
.legacy-content .eps-plan-card:hover::before,
.legacy-content .esv-card:hover::before,
.legacy-content .service-card:hover::before {
	transform:scaleX(1);
}

.legacy-content .service-icon {
	width:60px;
	height:60px;
	border-radius:16px;
	background:var(--blue-ultra-pale);
	display:flex;
	align-items:center;
	justify-content:center;
}

.legacy-content .service-card:hover .service-icon {
	background:var(--gradient-blue);
	transform:rotate(-5deg) scale(1.1);
}

.legacy-content .service-card h3 {
	color:var(--navy);
}

.legacy-content .process-section {
	background:var(--navy);
	color:#ffffff;
}

.legacy-content .process-section .section-tag {
	background:rgba(59, 130, 246, .15);
	border-color:rgba(59, 130, 246, .3);
	color:var(--blue-light);
}

.legacy-content .process-timeline {
	display:grid;
	grid-template-columns:repeat(5,1fr);
	gap:0;
}

.legacy-content .process-timeline::before {
	position:absolute;
	top:136px;
	left:10%;
	right:10%;
	height:2px;
	background:linear-gradient(90deg,var(--blue-primary),var(--blue-light),var(--blue-primary));
	z-index:0;
}

.legacy-content .process-step {
	display:flex;
	flex-direction:column;
	align-items:center;
}

.legacy-content .step-circle {
	width:72px;
	height:72px;
	background:var(--navy);
	border:2px solid rgba(59, 130, 246, .4);
	display:flex;
	align-items:center;
	justify-content:center;
	top:100px;
}

.legacy-content .step-circle::after {
	position:absolute;
	inset:-6px;
	border-radius:50%;
	border:1px solid rgba(59, 130, 246, .15);
}

.legacy-content .process-step:hover .step-circle {
	background:var(--gradient-blue);
	border-color:var(--blue-light);
	transform:scale(1.1);
}

.legacy-content .step-num {
	color:var(--blue-light);
}

.legacy-content .step-title {
	color:#ffffff;
}

.legacy-content .step-desc {
	color:rgba(255, 255, 255, .5);
}

.legacy-content .tech-grid {
	display:grid;
	grid-template-columns:repeat(6,1fr);
	gap:20px;
}

.legacy-content .tech-items {
	background:#ffffff;
	border:1px solid var(--gray-100);
	border-radius:var(--radius);
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:12px;
}

.legacy-content .tech-items:hover {
	border-color:rgba(37, 99, 235, .25);
	box-shadow:var(--shadow-md);
	transform:translateY(-4px);
}

.legacy-content .tech-name {
	color:var(--gray-700);
}

.legacy-content .portfolio-grid,
.legacy-content .testimonials-grid {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:28px;
}

.legacy-content .portfolio-card {
	border-radius:var(--radius-lg);
	overflow:hidden;
	box-shadow:var(--shadow-sm);
	border:1px solid var(--gray-100);
}

.legacy-content .portfolio-card:hover {
	transform:translateY(-8px);
	box-shadow:var(--shadow-xl);
}

.legacy-content .portfolio-img {
	width:100%;
	height:200px;
	overflow:hidden;
}

.legacy-content .portfolio-img-bg {
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}

.legacy-content .portfolio-card:hover .portfolio-img-bg,
.legacy-content .portfolio-item:hover img {
	transform:scale(1.08);
}

.legacy-content .bg-1 {
	background:linear-gradient(135deg,#eff6ff,#dbeafe);
}

.legacy-content .bg-2 {
	background:linear-gradient(135deg,#eff6ff,#dbeafe);
}

.legacy-content .bg-3 {
	background:linear-gradient(135deg,#eff6ff,#dbeafe);
}

.legacy-content .bg-4 {
	background:linear-gradient(135deg,#a78bfa,#a78bfa);
}

.legacy-content .bg-5 {
	background:linear-gradient(135deg,#22d3ee,#22d3ee);
}

.legacy-content .bg-6 {
	background:linear-gradient(135deg,#eff6ff,#dbeafe);
}

.legacy-content .portfolio-overlay {
	inset:0;
	background:var(--gradient-blue);
	display:flex;
	align-items:center;
	justify-content:center;
	opacity:0;
}

.legacy-content .portfolio-card:hover .portfolio-overlay {
	opacity:.9;
}

.legacy-content .portfolio-info {
	background:#ffffff;
}

.legacy-content .portfolio-tag {
	color:var(--blue-primary);
}

.legacy-content .portfolio-title {
	color:var(--navy);
}

.legacy-content .portfolio-meta {
	color:var(--gray-500);
}

.legacy-content .pricing-features li,
.legacy-content .testimonial-text {
	color:var(--gray-700);
}

.legacy-content .testimonials-section {
	background:var(--blue-ultra-pale);
}

.legacy-content .testimonial-card {
	border-radius:var(--radius-lg);
	box-shadow:var(--shadow-sm);
	border:1px solid rgba(37, 99, 235, .06);
}

.legacy-content .testimonial-card:hover {
	box-shadow:var(--shadow-md);
}

.legacy-content .author-avatar {
	width:48px;
	height:48px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#ffffff;
}

.legacy-content .av-2 {
	background:linear-gradient(135deg,#2563eb,#3b82f6);
}

.legacy-content .av-3 {
	background:linear-gradient(135deg,#3b82f6,#60a5fa);
}

.legacy-content .author-name {
	color:var(--navy);
}

.legacy-content .author-role {
	color:var(--gray-500);
}

.legacy-content .check,
.legacy-content .faq-toggle {
	align-items:center;
}

.legacy-content .faq-layout {
	display:grid;
	grid-template-columns:1fr 2fr;
	align-items:start;
}

.legacy-content .faq-item {
	border:1px solid var(--gray-100);
	border-radius:var(--radius);
	overflow:hidden;
}

.legacy-content .faq-item.active {
	border-color:rgba(37, 99, 235, .2);
	box-shadow:var(--shadow-sm);
}

.legacy-content .faq-q {
	display:flex;
	justify-content:space-between;
	align-items:center;
	color:var(--navy);
	gap:16px;
}

.legacy-content .faq-toggle {
	min-width:32px;
	background:var(--blue-ultra-pale);
	display:flex;
	justify-content:center;
	color:var(--blue-primary);
}

.legacy-content .faq-a {
	color:var(--gray-500);
}

.legacy-content .faq-item.active .faq-a {
	max-height:300px;
}

.legacy-content .cta-sections {
	background:var(--navy);
	position:relative;
	overflow:hidden;
}

.legacy-content .cta-orb {
	position:absolute;
	border-radius:50%;
	filter:blur(100px);
	background:radial-gradient(circle,rgba(59, 130, 246, .2) 0,transparent 70%);
}

.legacy-content .cta-orb-1 {
	width:600px;
	height:600px;
	top:-200px;
	left:-100px;
}

.legacy-content .cta-orb-2 {
	width:500px;
	height:500px;
	bottom:-150px;
	right:-100px;
}

.legacy-content .cta-tag {
	display:inline-flex;
	align-items:center;
	gap:8px;
	background:rgba(59, 130, 246, .15);
	border:1px solid rgba(59, 130, 246, .3);
	border-radius:50px;
	color:var(--blue-light);
}

.legacy-content .cta-desc {
	color:rgba(255, 255, 255, .65);
}

.legacy-content .cta-actions {
	display:flex;
	gap:16px;
	justify-content:center;
	flex-wrap:wrap;
}

.legacy-content .btn-cta-ghost,
.legacy-content .btn-cta-white {
	display:inline-flex;
	gap:10px;
}

.legacy-content .btn-cta-white {
	background:#ffffff;
	color:var(--blue-primary);
	border:none;
	border-radius:50px;
	align-items:center;
	box-shadow:0 8px 32px rgba(255, 255, 255, .2);
}

.legacy-content .btn-cta-white:hover {
	transform:translateY(-3px);
	box-shadow:0 16px 48px rgba(255, 255, 255, .3);
}

.legacy-content .btn-cta-ghost {
	background:0 0;
	color:rgba(255, 255, 255, .85);
	border:2px solid rgba(255, 255, 255, .25);
	border-radius:50px;
	align-items:center;
}

.legacy-content .btn-cta-ghost:hover {
	background:rgba(255, 255, 255, .1);
	border-color:rgba(255, 255, 255, .5);
}

.legacy-content .cta-trust {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:24px;
	flex-wrap:wrap;
}

.legacy-content .cta-trust-item,
.legacy-content .wa-btn {
	align-items:center;
	display:flex;
}

.legacy-content .cta-trust-item {
	gap:8px;
	color:rgba(255, 255, 255, .5);
}

.legacy-content .cta-trust-item span {
	color:rgba(255, 255, 255, .8);
}

.legacy-content .reveal {
	opacity:0;
	transform:translateY(32px);
}

@media (max-width:1024px) {
.legacy-content .hero-visual,
.legacy-content .process-timeline::before {
	display:none;
}
.legacy-content .portfolio-grid,
.legacy-content .services-grid {
	grid-template-columns:repeat(2,1fr);
}
.legacy-content .faq-layout,
.legacy-content .why-grid {
	grid-template-columns:1fr;
}
.legacy-content .process-timeline {
	grid-template-columns:repeat(2,1fr);
	gap:32px;
}
.legacy-content .tech-grid {
	grid-template-columns:repeat(4,1fr);
}
.legacy-content .testimonials-grid {
	grid-template-columns:1fr;
	max-width:600px;
}
}

@media (max-width:768px) {
.legacy-content .portfolio-grid,
.legacy-content .services-grid {
	grid-template-columns:1fr;
}
.legacy-content .tech-grid {
	grid-template-columns:repeat(3,1fr);
}
.legacy-content .hero-stats {
	gap:20px;
}
.legacy-content .trust-bar-inner {
	flex-direction:column;
	align-items:flex-start;
}
}

.legacy-content .wp-hero-section {
	position:relative;
	overflow:hidden;
	background:#eff6ff;
}

.legacy-content .wp-grid-bg {
	position:absolute;
	inset:0;
	background-image:linear-gradient(rgba(59, 130, 246, .05) 1px,transparent 1px),linear-gradient(90deg,rgba(59, 130, 246, .05) 1px,transparent 1px);
	background-size:60px 60px;
}

.legacy-content .wp-hero-inner {
	z-index:2;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:80px;
	align-items:center;
}

.legacy-content .wp-hero-badge {
	display:inline-flex;
	align-items:center;
	gap:10px;
	background:#ffffff;
	border-radius:60px;
	color:#3b82f6;
	box-shadow:0 10px 30px rgba(59, 130, 246, .08);
}

.legacy-content .wp-badge-dot {
	width:10px;
	height:10px;
	border-radius:50%;
	background:#3b82f6;
}

.legacy-content .wp-btn-primary,
.legacy-content .wp-btn-secondary {
	border-radius:60px;
}

.legacy-content .wp-hero-title {
	color:#0b1226;
}

.legacy-content .why-left h2 span,
.legacy-content .wp-hero-title span {
	color:#3b82f6;
}

.legacy-content .wp-hero-desc {
	color:#4a5a70;
	max-width:600px;
}

.legacy-content .wp-hero-btns {
	display:flex;
	gap:18px;
}

.legacy-content .wp-btn-primary {
	background:linear-gradient(90deg,#3b82f6,#3b82f6);
	color:#ffffff;
	box-shadow:0 20px 40px rgba(59, 130, 246, .25);
}

.legacy-content .wp-btn-secondary {
	background:#ffffff;
	color:#3b82f6;
	border:1px solid #eff6ff;
}

.legacy-content .wp-hero-stats {
	display:flex;
	gap:24px;
}

.legacy-content .wp-stat-box {
	background:#ffffff;
	border-radius:24px;
	min-width:170px;
	box-shadow:0 20px 40px rgba(11, 18, 38, .06);
}

.legacy-content .wp-stat-box h3 {
	color:#3b82f6;
}

.legacy-content .wp-stat-box p {
	color:#4a5a70;
}

.legacy-content .wp-main-screen {
	background:#ffffff;
	border-radius:32px;
	overflow:hidden;
	box-shadow:0 40px 80px rgba(11, 18, 38, .12);
	transform:perspective(1500px) rotateY(-8deg) rotateX(3deg);
}

.legacy-content .news-card:hover .news-card__img img,
.legacy-content .wp-slide {
	transform:scale(1.08);
}

.legacy-content .wp-browser-bar {
	height:70px;
	background:#ffffff;
	border-bottom:1px solid #eff6ff;
	display:flex;
	align-items:center;
	gap:10px;
}

.legacy-content .wp-browser-bar span {
	width:12px;
	height:12px;
	border-radius:50%;
	background:#eff6ff;
}

.legacy-content .wp-browser-url {
	background:#eff6ff;
	border-radius:50px;
	color:#4a5a70;
}

.legacy-content .wp-screen-slider {
	height:540px;
}

.legacy-content .wp-slide {
	position:absolute;
	inset:0;
	opacity:0;
}

.legacy-content .wp-slide.active {
	opacity:1;
	transform:scale(1);
	z-index:2;
}

.legacy-content .wp-slide img {
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:top;
}

.legacy-content .wp-floating-card {
	position:absolute;
	background:#ffffff;
	border-radius:22px;
	display:flex;
	align-items:center;
	gap:14px;
	box-shadow:0 20px 50px rgba(11, 18, 38, .12);
	z-index:5;
}

.legacy-content .lx-grid,
.legacy-content .wp-icon {
	align-items:center;
}

.legacy-content .wp-icon {
	width:50px;
	height:50px;
	border-radius:16px;
	background:linear-gradient(135deg,#3b82f6,#60a5fa);
	display:flex;
	justify-content:center;
	color:#ffffff;
}

.legacy-content .wp-floating-card small {
	color:#4a5a70;
	display:block;
}

.legacy-content .wp-floating-card h4 {
	color:#0b1226;
}

.legacy-content .card-1 {
	top:40px;
	right:-40px;
}

.legacy-content .card-2 {
	bottom:120px;
	left:-40px;
}

.legacy-content .card-3 {
	bottom:-20px;
	right:60px;
}

.legacy-content .lx-hero-section {
	overflow:hidden;
	background:radial-gradient(circle at top left,rgba(59, 130, 246, .08),transparent 30%),radial-gradient(circle at bottom right,rgba(59, 130, 246, .08),transparent 30%),#eff6ff;
}

.legacy-content .lx-container {
	width:79%;
	max-width:1200px;
}

.legacy-content .lx-grid {
	display:grid;
	grid-template-columns:1.1fr .9fr;
	gap:60px;
}

.legacy-content .lx-badge {
	display:inline-flex;
	align-items:center;
	gap:10px;
	border:1px solid #dbeafe;
	border-radius:50px;
	background:#eff6ff;
	color:#3b82f6;
}

.legacy-content .lx-title {
	color:#0b1226;
}

.legacy-content .ecs-desc strong,
.legacy-content .ecs-title span,
.legacy-content .eps-head h2 span,
.legacy-content .esv-head h2 span,
.legacy-content .lx-title span,
.legacy-content .prs-head h2 span,
.legacy-content .stk-head h2 span,
.legacy-content .tsm-head h2 span,
.legacy-content .wcs-left h2 span {
	color:#3b82f6;
}

.legacy-content .lx-desc {
	max-width:620px;
	color:#1d4ed8;
}

.legacy-content .lx-desc strong {
	color:#1d4ed8;
}

.legacy-content .lx-buttons {
	display:flex;
	gap:18px;
	flex-wrap:wrap;
}

.legacy-content .lx-btn-outline,
.legacy-content .lx-btn-primary {
	border-radius:60px;
	display:inline-flex;
	align-items:center;
	gap:12px;
}

.legacy-content .lx-btn-primary {
	background:linear-gradient(135deg,#3b82f6,#2563eb);
	color:#ffffff;
	box-shadow:0 15px 40px rgba(59, 130, 246, .25);
}

.legacy-content .lx-btn-primary:hover,
.legacy-content .stk-tab:hover {
	transform:translateY(-4px);
}

.legacy-content .lx-btn-outline {
	border:2px solid #3b82f6;
	color:#3b82f6;
	background:0 0;
}

.legacy-content .lx-btn-outline:hover {
	background:#3b82f6;
	color:#ffffff;
}

.legacy-content .lx-stats {
	display:flex;
	gap:40px;
	flex-wrap:wrap;
}

.legacy-content .lx-stat h3 {
	color:#0b1226;
}

.legacy-content .lx-stat p {
	color:#5a6b86bf;
}

.legacy-content .lx-right {
	position:relative;
	height:650px;
	width:100%;
}

.legacy-content .lx-floating {
	position:absolute;
	display:flex;
	align-items:center;
	gap:22px;
	background:rgba(255, 255, 255, .82);
	backdrop-filter:blur(18px);
	border-radius:32px;
	box-shadow:0 25px 50px rgba(11, 18, 38, .08),0 10px 25px rgba(11, 18, 38, .05);
	animation:6s ease-in-out infinite floatMove;
	z-index:2;
}

.legacy-content .lx-floating i {
	width:72px;
	height:72px;
	min-width:72px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:22px;
	background:#eff6ff;
	color:#3b82f6;
}

.legacy-content .lx-floating div {
	display:flex;
	flex-direction:column;
}

.legacy-content .lx-floating strong {
	color:#0b1226;
	white-space:nowrap;
}

.legacy-content .lx-floating span {
	color:#2563eb;
}

.legacy-content .lx-card1 {
	top:80px;
	right:30px;
	animation-delay:0s;
}

.legacy-content .lx-card2 {
	left:-29px;
	bottom:243px;
	animation-delay:1s;
}

.legacy-content .lx-card3 {
	right:10px;
	bottom:80px;
	animation-delay:2s;
}

.legacy-content .lx-right::before {
	position:absolute;
	width:500px;
	height:500px;
	background:radial-gradient(circle,rgba(59, 130, 246, .14) 0,transparent 70%);
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

@media(max-width:992px) {
.legacy-content .lx-grid {
	grid-template-columns:1fr;
}
.legacy-content .lx-right {
	height:350px;
}
}

@media(max-width:600px) {
.legacy-content .lx-stats {
	gap:25px;
}
.legacy-content .lx-right {
	display:flex;
	flex-direction:column;
	gap:20px;
	height:auto;
	display:flex;
	flex-direction:column;
	gap:25px;
}
.legacy-content .lx-floating {
	top:auto;
	left:auto;
	right:auto;
	position:relative;
	min-width:100%;
}
}

.legacy-content .tb-brand-row,
.legacy-content .tb-brand-track {
	align-items:center;
	display:flex;
}

.legacy-content .tb-brand-strip {
	background:#eff6ff;
	overflow:hidden;
	border-top:1px solid #eff6ff;
	border-bottom:1px solid #eff6ff;
}

.legacy-content .ctax-container,
.legacy-content .ecs-container,
.legacy-content .eps-container,
.legacy-content .esv-container,
.legacy-content .prs-container,
.legacy-content .stk-container,
.legacy-content .tb-container,
.legacy-content .tsm-container,
.legacy-content .wcs-container {
	width:90%;
	max-width:1200px;
}

.legacy-content .tb-brand-row {
	gap:50px;
}

.legacy-content .tb-brand-label {
	white-space:nowrap;
	color:#2563eb;
}

.legacy-content .tb-brand-slider {
	width:100%;
	overflow:hidden;
	position:relative;
}

.legacy-content .tb-brand-track {
	gap:70px;
	width:max-content;
	animation:22s linear infinite tbSlide;
}

.legacy-content .ecs-eyebrow,
.legacy-content .tb-logo-item {
	align-items:center;
	box-shadow:0 10px 30px rgba(11, 18, 38, .05);
}

.legacy-content .tb-logo-item {
	display:flex;
	justify-content:center;
	width:180px;
	height:90px;
	background:#ffffff;
	border-radius:20px;
}

.legacy-content .ecs-platform-card,
.legacy-content .esv-card {
	position:relative;
	overflow:hidden;
}

.legacy-content .tb-logo-item:hover {
	transform:translateY(-6px);
	box-shadow:0 20px 40px rgba(11, 18, 38, .1);
}

.legacy-content .tb-logo-item img {
	max-width:120px;
	max-height:45px;
	object-fit:contain;
	opacity:.75;
	filter:grayscale(100%);
}

.legacy-content .tb-logo-item:hover img {
	opacity:1;
	filter:grayscale(0%);
}

.legacy-content .tb-brand-slider::after,
.legacy-content .tb-brand-slider::before {
	position:absolute;
	top:0;
	width:120px;
	height:100%;
	z-index:2;
}

.legacy-content .ecs-platform-card::before,
.legacy-content .esv-card::before {
	top:0;
	width:100%;
	height:5px;
	left:0;
}

.legacy-content .tb-brand-slider::before {
	left:0;
	background:linear-gradient(to right,#eff6ff 0,transparent 100%);
}

.legacy-content .tb-brand-slider::after {
	right:0;
	background:linear-gradient(to left,#eff6ff 0,transparent 100%);
}

.legacy-content .ecs-icon,
.legacy-content .esv-icon {
	width:60px;
	height:60px;
}

.legacy-content .ecs-service-section {
	background:radial-gradient(circle at top right,rgba(59, 130, 246, .06),transparent 30%),radial-gradient(circle at bottom left,rgba(59, 130, 246, .05),transparent 30%),#eff6ff;
	overflow:hidden;
}

.legacy-content .ecs-section-head {
	max-width:900px;
}

.legacy-content .ecs-eyebrow {
	display:inline-flex;
	gap:10px;
	background:#ffffff;
	border:1px solid #eff6ff;
	border-radius:60px;
	color:#3b82f6;
}

.legacy-content .ecs-title,
.legacy-content .esv-head h2,
.legacy-content .wcs-left h2 {
	color:#0b1226;
}

.legacy-content .ecs-desc {
	color:#2563eb;
}

.legacy-content .ecs-platform-grid {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:30px;
}

.legacy-content .ecs-platform-card {
	background:rgba(255, 255, 255, .75);
	backdrop-filter:blur(14px);
	border-radius:32px;
	border:1px solid rgba(255, 255, 255, .7);
	box-shadow:0 20px 50px rgba(11, 18, 38, .05);
}

.legacy-content .esv-card,
.legacy-content .wcs-feature {
	backdrop-filter:blur(16px);
}

.legacy-content .ecs-platform-card::before {
	position:absolute;
	background:linear-gradient(90deg,#3b82f6,#60a5fa);
	transform:scaleX(0);
}

.legacy-content .ecs-platform-card:hover,
.legacy-content .eps-plan-card:hover,
.legacy-content .prs-step-card:hover {
	transform:translateY(-14px);
	box-shadow:0 35px 70px rgba(11, 18, 38, .1);
}

.legacy-content .ecs-icon {
	border-radius:24px;
	background:linear-gradient(135deg,#3b82f6,#60a5fa);
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:0 20px 40px rgba(59, 130, 246, .2);
}

.legacy-content .ecs-icon i,
.legacy-content .wcs-icon i {
	color:#ffffff;
}

.legacy-content .ecs-platform-card h3 {
	color:#0b1226;
}

.legacy-content .ecs-platform-card p {
	color:#2563eb;
}

.legacy-content .ecs-platform-card a,
.legacy-content .esv-eyebrow,
.legacy-content .prs-eyebrow {
	display:inline-flex;
	align-items:center;
	color:#3b82f6;
}

.legacy-content .ecs-platform-card a {
	gap:10px;
}

.legacy-content .btn-row,
.legacy-content .ecs-platform-card a:hover {
	gap:16px;
}

.legacy-content .esv-section {
	background:radial-gradient(circle at top left,rgba(59, 130, 246, .06),transparent 30%),radial-gradient(circle at bottom right,rgba(59, 130, 246, .05),transparent 30%),#eff6ff;
}

.legacy-content .eps-head,
.legacy-content .esv-head {
	max-width:900px;
}

.legacy-content .esv-eyebrow,
.legacy-content .prs-eyebrow {
	gap:10px;
	border-radius:60px;
	background:#ffffff;
	border:1px solid #eff6ff;
	box-shadow:0 10px 30px rgba(11, 18, 38, .05);
}

.legacy-content .esv-head p {
	color:#2563eb;
}

.legacy-content .esv-grid {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:30px;
}

.legacy-content .esv-card {
	background:rgba(255, 255, 255, .72);
	border-radius:34px;
	border:1px solid rgba(255, 255, 255, .7);
	box-shadow:0 20px 50px rgba(11, 18, 38, .05);
}

.legacy-content .esv-card::before {
	position:absolute;
	background:linear-gradient(90deg,#3b82f6,#60a5fa);
	transform:scaleX(0);
}

.legacy-content .esv-card:hover {
	transform:translateY(-14px);
	box-shadow:0 35px 70px rgba(11, 18, 38, .1);
}

.legacy-content .esv-number {
	position:absolute;
	top:25px;
	right:28px;
	color:#eff6ff;
}

.legacy-content .esv-icon {
	border-radius:24px;
	background:linear-gradient(135deg,#3b82f6,#60a5fa);
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:0 20px 40px rgba(59, 130, 246, .18);
}

.legacy-content .esv-icon i {
	color:#ffffff;
}

.legacy-content .esv-card h3 {
	color:#0b1226;
}

.legacy-content .esv-card p {
	color:#2563eb;
}

.legacy-content .esv-card ul li {
	position:relative;
	color:#1d4ed8;
}

.legacy-content .esv-card ul li::before {
	position:absolute;
	left:0;
	top:10px;
	width:10px;
	height:10px;
	border-radius:50%;
	background:#3b82f6;
	box-shadow:0 0 0 6px rgba(59, 130, 246, .1);
}

.legacy-content .eps-section,
.legacy-content .prs-section,
.legacy-content .wcs-section {
	background:radial-gradient(circle at top left,rgba(59, 130, 246, .06),transparent 30%),radial-gradient(circle at bottom right,rgba(59, 130, 246, .05),transparent 30%),#eff6ff;
	overflow:hidden;
}

.legacy-content .wcs-grid {
	display:grid;
	grid-template-columns:1.1fr .9fr;
	gap:50px;
	align-items:center;
}

.legacy-content .wcs-eyebrow {
	display:inline-flex;
	align-items:center;
	gap:10px;
	border-radius:60px;
	background:#ffffff;
	border:1px solid #eff6ff;
	color:#3b82f6;
	box-shadow:0 10px 30px rgba(11, 18, 38, .05);
}

.legacy-content .wcs-top-text {
	color:#2563eb;
	max-width:700px;
}

.legacy-content .wcs-feature-list {
	display:flex;
	flex-direction:column;
	gap:24px;
}

.legacy-content .wcs-feature {
	display:flex;
	align-items:flex-start;
	gap:22px;
	background:rgba(255, 255, 255, .72);
	border-radius:28px;
	border:1px solid rgba(255, 255, 255, .7);
	box-shadow:0 15px 40px rgba(11, 18, 38, .04);
}

.legacy-content .wcs-feature:hover {
	transform:translateY(-8px);
	box-shadow:0 25px 60px rgba(11, 18, 38, .08);
}

.legacy-content .wcs-icon {
	width:70px;
	height:70px;
	min-width:74px;
	border-radius:22px;
	background:linear-gradient(135deg,#3b82f6,#60a5fa);
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:0 20px 40px rgba(59, 130, 246, .2);
}

.legacy-content .wcs-feature h4 {
	color:#0b1226;
}

.legacy-content .wcs-feature p {
	color:#2563eb;
}

.legacy-content .wcs-right {
	position:relative;
	border-radius:38px;
	overflow:hidden;
	background:linear-gradient(135deg,#0b1226,#1d4ed8);
	color:#ffffff;
	box-shadow:0 35px 80px rgba(11, 18, 38, .18);
}

.legacy-content .wcs-right::before {
	position:absolute;
	width:380px;
	height:380px;
	background:radial-gradient(circle,rgba(255, 255, 255, .12),transparent 70%);
	top:-120px;
	right:-120px;
}

.legacy-content .wcs-right-badge {
	display:inline-flex;
	border-radius:60px;
	background:rgba(255, 255, 255, .1);
	border:1px solid rgba(255, 255, 255, .18);
	backdrop-filter:blur(10px);
}

.legacy-content .wcs-right p {
	color:rgba(255, 255, 255, .78);
}

.legacy-content .wcs-stats {
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:22px;
}

.legacy-content .wcs-stat-box {
	background:rgba(255, 255, 255, .08);
	border:1px solid rgba(255, 255, 255, .1);
	border-radius:24px;
	backdrop-filter:blur(12px);
}

.legacy-content .eps-plan-card,
.legacy-content .prs-step-card,
.legacy-content .tsm-card {
	backdrop-filter:blur(16px);
}

.legacy-content .wcs-stat-box:hover {
	transform:translateY(-6px);
	background:rgba(255, 255, 255, .12);
}

.legacy-content .wcs-stat-box span {
	color:rgba(255, 255, 255, .78);
}

@media(max-width:1100px) {
.legacy-content .ecs-platform-grid,
.legacy-content .esv-grid {
	grid-template-columns:repeat(2,1fr);
}
.legacy-content .wcs-grid {
	grid-template-columns:1fr;
}
}

.legacy-content .prs-head {
	max-width:900px;
}

.legacy-content .prs-head h2 {
	color:#0b1226;
}

.legacy-content .prs-head p {
	color:#2563eb;
}

.legacy-content .prs-process-wrap {
	position:relative;
	display:grid;
	grid-template-columns:repeat(5,1fr);
	gap:26px;
}

.legacy-content .prs-line {
	position:absolute;
	top:52px;
	left:0;
	width:100%;
	height:4px;
	background:linear-gradient(90deg,#3b82f6,#60a5fa);
	border-radius:20px;
	z-index:0;
}

.legacy-content .ctax-form-wrap,
.legacy-content .ctax-left {
	z-index:2;
	position:relative;
}

.legacy-content .prs-step-card {
	position:relative;
	z-index:2;
	border-radius:32px;
	background:rgba(255, 255, 255, .72);
	border:1px solid rgba(255, 255, 255, .7);
	box-shadow:0 20px 50px rgba(11, 18, 38, .05);
}

.legacy-content .prs-number {
	width:55px;
	height:55px;
	border-radius:50%;
	background:linear-gradient(135deg,#3b82f6,#60a5fa);
	display:flex;
	align-items:center;
	justify-content:center;
	color:#ffffff;
	box-shadow:0 20px 40px rgba(59, 130, 246, .22);
}

.legacy-content .prs-step-card h4 {
	color:#0b1226;
}

.legacy-content .prs-step-card p {
	color:#2563eb;
}

.legacy-content .ctax-section,
.legacy-content .stk-tech-section {
	background:#eff6ff;
}

.legacy-content .stk-head {
	max-width:950px;
}

.legacy-content .stk-badge {
	display:inline-flex;
	align-items:center;
	gap:10px;
	border-radius:60px;
	background:#eff6ff;
	border:1px solid #eff6ff;
	color:#3b82f6;
}

.legacy-content .eps-eyebrow,
.legacy-content .stk-card,
.legacy-content .stk-image-area,
.legacy-content .stk-tab {
	background:#ffffff;
}

.legacy-content .stk-head h2,
.legacy-content .tsm-head h2 {
	color:#0b1226;
}

.legacy-content .stk-head p {
	color:#2563eb;
}

.legacy-content .stk-tabs {
	display:flex;
	justify-content:center;
	gap:18px;
	flex-wrap:wrap;
}

.legacy-content .stk-tab {
	border:1px solid #eff6ff;
	border-radius:60px;
	color:#1d4ed8;
}

.legacy-content .stk-tab.active {
	background:linear-gradient(135deg,#3b82f6,#3b82f6);
	color:#ffffff;
	box-shadow:0 15px 35px rgba(59, 130, 246, .2);
}

.legacy-content .stk-grid {
	display:grid;
	grid-template-columns:repeat(6,1fr);
	gap:24px;
}

.legacy-content .stk-card {
	border:1px solid #eff6ff;
	border-radius:26px;
	min-height:120px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:5px;
}

.legacy-content .stk-card:hover {
	transform:translateY(-8px);
	box-shadow:0 20px 40px rgba(11, 18, 38, .06);
}

.legacy-content .stk-card i {
	color:#3b82f6;
}

.legacy-content .stk-card b {
	color:#0b1226;
}

@media(max-width:1200px) {
.legacy-content .prs-process-wrap {
	grid-template-columns:repeat(2,1fr);
}
.legacy-content .prs-line {
	display:none;
}
.legacy-content .stk-grid {
	grid-template-columns:repeat(3,1fr);
}
}

@media(max-width:768px) {
.legacy-content .tb-brand-row {
	flex-direction:column;
	align-items:flex-start;
	gap:25px;
}
.legacy-content .tb-brand-track {
	gap:35px;
}
.legacy-content .tb-logo-item {
	width:140px;
	height:75px;
}
.legacy-content .tb-logo-item img {
	max-width:90px;
}
.legacy-content .ecs-platform-grid,
.legacy-content .esv-grid,
.legacy-content .prs-process-wrap,
.legacy-content .wcs-stats {
	grid-template-columns:1fr;
}
.legacy-content .wcs-feature {
	flex-direction:column;
}
.legacy-content .stk-grid {
	grid-template-columns:repeat(2,1fr);
}
.legacy-content .stk-card {
	min-height:130px;
}
}

@media(max-width:500px) {
.legacy-content .stk-grid {
	grid-template-columns:1fr;
}
}

.legacy-content .stk-pane {
	display:none;
	animation:.4s fadeIn;
}

.legacy-content .ctax-badge,
.legacy-content .eps-btn,
.legacy-content .tsm-badge {
	border-radius:60px;
}

.legacy-content .adv-card:hover,
.legacy-content .ctax-btn:hover,
.legacy-content .ctax-submit:hover,
.legacy-content .eps-btn:hover {
	transform:translateY(-5px);
}

.legacy-content .tsm-section {
	background:#eff6ff;
	overflow:hidden;
}

.legacy-content .tsm-badge {
	display:inline-flex;
	align-items:center;
	gap:10px;
	background:#ffffff;
	border:1px solid #eff6ff;
	color:#3b82f6;
}

.legacy-content .tsm-slider {
	overflow:hidden;
	position:relative;
}

.legacy-content .tsm-track {
	display:flex;
	gap:30px;
	width:max-content;
	animation:20s linear infinite tsmSlide;
}

.legacy-content .tsm-card {
	position:relative;
	width:430px;
	min-height:340px;
	border-radius:34px;
	background:rgba(255, 255, 255, .75);
	border:1px solid rgba(255, 255, 255, .8);
	box-shadow:0 20px 50px rgba(11, 18, 38, .05);
}

.legacy-content .tsm-card:hover {
	transform:translateY(-10px);
	box-shadow:0 35px 70px rgba(11, 18, 38, .08);
}

.legacy-content .tsm-quote {
	position:absolute;
	top:25px;
	right:30px;
	color:#eff6ff;
}

.legacy-content .tsm-stars {
	color:#2563eb;
}

.legacy-content .tsm-card p {
	color:#2563eb;
}

.legacy-content .tsm-user {
	display:flex;
	align-items:center;
	gap:18px;
}

.legacy-content .tsm-avatar {
	width:68px;
	height:68px;
	border-radius:50%;
	background:linear-gradient(135deg,#3b82f6,#60a5fa);
	display:flex;
	align-items:center;
	justify-content:center;
	color:#ffffff;
	box-shadow:0 15px 35px rgba(59, 130, 246, .18);
}

.legacy-content .buttons,
.legacy-content .ctax-left {
	justify-content:center;
}

.legacy-content .tsm-user b {
	display:block;
	color:#0b1226;
}

.legacy-content .tsm-user span {
	color:#2563eb;
}

.legacy-content .ctax-box {
	position:relative;
	display:grid;
	grid-template-columns:1.1fr .9fr;
	gap:60px;
	border-radius:40px;
	overflow:hidden;
	background:linear-gradient(135deg,#0b1226,#1d4ed8);
	box-shadow:0 35px 80px rgba(11, 18, 38, .18);
}

.legacy-content .ctax-box::before {
	position:absolute;
	width:500px;
	height:500px;
	top:-180px;
	right:-150px;
	background:radial-gradient(circle,rgba(255, 255, 255, .12),transparent 70%);
}

.legacy-content .ctax-left {
	display:flex;
	flex-direction:column;
}

.legacy-content .ctax-badge {
	display:inline-flex;
	align-items:center;
	background:rgba(255, 255, 255, .12);
	border:1px solid rgba(255, 255, 255, .18);
	color:#ffffff;
	backdrop-filter:blur(10px);
}

.legacy-content .ctax-left h2 {
	color:#ffffff;
}

.legacy-content .ctax-left p {
	color:rgba(255, 255, 255, .78);
	max-width:650px;
}

.legacy-content .ctax-buttons {
	display:flex;
	gap:20px;
	flex-wrap:wrap;
}

.legacy-content .ctax-btn {
	display:inline-flex;
	align-items:center;
	gap:12px;
	border-radius:60px;
	background:#ffffff;
	color:#0b1226;
}

.legacy-content .ctax-btn-outline {
	background:0 0;
	border:1px solid rgba(255, 255, 255, .18);
	color:#ffffff;
}

.legacy-content .ctax-form-wrap {
	background:rgba(255, 255, 255, .08);
	backdrop-filter:blur(14px);
	border:1px solid rgba(255, 255, 255, .12);
	border-radius:34px;
}

.legacy-content .ctax-field input,
.legacy-content .ctax-field select {
	width:100%;
	height:64px;
	border:1px solid rgba(255, 255, 255, .12);
	border-radius:18px;
	background:rgba(255, 255, 255, .12);
	color:#ffffff;
}

.legacy-content .ctax-field input::placeholder {
	color:rgba(255, 255, 255, .65);
}

.legacy-content .ctax-field option {
	color:#0b1226;
}

.legacy-content .ctax-field input:focus,
.legacy-content .ctax-field select:focus {
	border-color:#ffffff;
	background:rgba(255, 255, 255, .16);
}

.legacy-content .ctax-submit {
	width:100%;
	height:66px;
	border:none;
	border-radius:18px;
	background:#ffffff;
	color:#0b1226;
}

@media(max-width:1100px) {
.legacy-content .ctax-box,
.legacy-content .eps-pricing-grid {
	grid-template-columns:1fr;
}
}

.legacy-content .ai-card,
.legacy-content .btn-outline-hero,
.legacy-content .hero-badge,
.legacy-content .hero-trust,
.legacy-content .intro-card {
	backdrop-filter:blur(10px);
}

.legacy-content .breadcrumb-inner,
.legacy-content .hero-inner1 {
	max-width:1260px;
}

.legacy-content .hero {
	background:var(--grad-hero);
	position:relative;
	overflow:hidden;
}

.legacy-content .hero-dot,
.legacy-content .hero-orb {
	position:absolute;
	border-radius:50%;
}

.legacy-content .hero-orb {
	background:radial-gradient(circle,rgba(59, 130, 246, .18) 0,rgba(59, 130, 246, .06) 60%,transparent 80%);
}

.legacy-content .hero-orb-1 {
	width:420px;
	height:420px;
	top:-80px;
	left:-100px;
}

.legacy-content .hero-orb-2 {
	width:320px;
	height:320px;
	top:-40px;
	right:-60px;
}

.legacy-content .hero-orb-3 {
	width:200px;
	height:200px;
	bottom:-60px;
	left:30%;
}

.legacy-content .hero-orb-4 {
	width:140px;
	height:140px;
	top:60%;
	right:8%;
	background:radial-gradient(circle,rgba(59, 130, 246, .12) 0,transparent 70%);
}

.legacy-content .hero-dot {
	background:rgba(59, 130, 246, .15);
	animation:6s ease-in-out infinite floatDot;
}

.legacy-content .hero-dot:first-child {
	width:16px;
	height:16px;
	top:18%;
	left:6%;
	animation-delay:0s;
}

.legacy-content .hero-dot:nth-child(2) {
	width:10px;
	height:10px;
	top:38%;
	left:3%;
	animation-delay:1s;
}

.legacy-content .hero-dot:nth-child(3) {
	width:20px;
	height:20px;
	top:12%;
	right:12%;
	animation-delay:.5s;
}

.legacy-content .hero-dot:nth-child(4) {
	width:12px;
	height:12px;
	top:55%;
	right:6%;
	animation-delay:1.5s;
}

.legacy-content .hero-dot:nth-child(5) {
	width:8px;
	height:8px;
	bottom:20%;
	left:14%;
	animation-delay:2s;
}

.legacy-content .hero-inner1 {
	position:relative;
	z-index:2;
}

.legacy-content .hero-badge {
	display:inline-flex;
	align-items:center;
	gap:8px;
	background:rgba(255, 255, 255, .8);
	border:1px solid var(--border);
	border-radius:50px;
	color:var(--navy);
	box-shadow:0 2px 12px rgba(59, 130, 246, .1);
}

.legacy-content .hero-badge-dot {
	width:8px;
	height:8px;
	border-radius:50%;
	background:var(--grad-blue);
	animation:2s infinite pulse;
	box-shadow:0 0 0 0 rgba(59, 130, 246, .4);
}

.legacy-content .hero h1 {
	color:var(--navy);
}

.legacy-content .hero h1 .blue,
.legacy-content .section-title .blue {
	color:var(--blue);
}

.legacy-content .hero-desc {
	color:var(--text-mid);
	max-width:640px;
}

.legacy-content .hero-btns {
	display:flex;
	align-items:center;
	gap:14px;
	justify-content:center;
	flex-wrap:wrap;
}

.legacy-content .btn-outline-hero,
.legacy-content .btn-primary-hero {
	align-items:center;
	display:inline-flex;
	gap:10px;
}

.legacy-content .btn-primary-hero {
	background:var(--grad-blue);
	color:#ffffff;
	border-radius:50px;
	box-shadow:0 8px 30px rgba(59, 130, 246, .3);
	border:2px solid transparent;
}

.legacy-content .btn-primary-hero:hover {
	transform:translateY(-3px);
	box-shadow:0 16px 40px rgba(59, 130, 246, .4);
}

.legacy-content .btn-outline-hero {
	background:rgba(255, 255, 255, .85);
	color:var(--navy);
	border-radius:50px;
	border:1.5px solid var(--border);
}

.legacy-content .btn-outline-hero:hover {
	background:#ffffff;
	border-color:var(--blue);
	color:var(--blue);
	transform:translateY(-2px);
}

.legacy-content .hero-trust {
	display:inline-flex;
	align-items:center;
	gap:14px;
	background:rgba(255, 255, 255, .8);
	border:1px solid var(--border);
	border-radius:50px;
	box-shadow:var(--shadow-sm);
}

.legacy-content .hero-trust-avatar,
.legacy-content .hero-trust-plus {
	width:36px;
	height:36px;
	border-radius:50%;
	color:#ffffff;
	display:flex;
}

.legacy-content .hero-trust-avatars {
	display:flex;
}

.legacy-content .hero-trust-avatar {
	border:2.5px solid #ffffff;
	overflow:hidden;
	background:var(--grad-blue);
	align-items:center;
	justify-content:center;
}

.legacy-content .hero-trust-plus {
	border:2.5px solid #ffffff;
	background:var(--navy);
	align-items:center;
	justify-content:center;
}

.legacy-content .hero-trust-avatar img {
	width:33px;
	height:33px;
	border-radius:50%;
	object-fit:contain;
	box-shadow:0 4px 10px rgba(7, 11, 22, .1);
}

.legacy-content .hero-trust-text strong {
	display:block;
	color:var(--navy);
}

.legacy-content .hero-trust-text span {
	color:var(--text-light);
}

.legacy-content .hero-trust-stars {
	color:#2563eb;
}

.legacy-content .process-step:hover .process-circle,
.legacy-content .service-card:hover .service-icon-wrap {
	border-color:transparent;
	background:var(--grad-blue);
}

.legacy-content .section-alt {
	background:var(--sky-pale);
}

.legacy-content .section-eyebrow {
	align-items:center;
	background:var(--sky);
	border:1px solid var(--sky-mid);
	color:var(--blue);
	border-radius:50px;
}

.legacy-content .section-title {
	color:var(--navy);
}

.legacy-content .section-desc {
	color:var(--text-mid);
	max-width:560px;
}

.legacy-content .intro-card {
	background:var(--grad-card);
	border:1px solid var(--border);
	border-radius:var(--radius-xl);
	box-shadow:var(--shadow-lg);
}

.legacy-content .intro-stats-row {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:2px;
	background:var(--border);
	border-radius:14px;
	overflow:hidden;
}

.legacy-content .intro-stat {
	background:#ffffff;
}

.legacy-content .intro-badge,
.legacy-content .intro-stat:hover {
	background:var(--sky);
}

.legacy-content .intro-stat-num {
	color:var(--blue);
}

.legacy-content .intro-stat-label {
	color:var(--text-light);
}

.legacy-content .intro-badge-row {
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}

.legacy-content .intro-badge {
	display:inline-flex;
	align-items:center;
	gap:6px;
	border:1px solid var(--sky-mid);
	border-radius:50px;
	color:var(--navy);
}

.legacy-content .float-card {
	position:absolute;
	background:#ffffff;
	border-radius:var(--radius-md);
	box-shadow:var(--shadow-md);
	border:1px solid var(--border);
	z-index:3;
	min-width:150px;
}

.legacy-content .float-card-top {
	top:-20px;
	right:-20px;
}

.legacy-content .float-card-bottom {
	bottom:-20px;
	left:-20px;
}

.legacy-content .float-card-val,
.legacy-content .service-card h3 {
	color:var(--navy);
}

.legacy-content .float-card-label {
	color:var(--text-light);
}

.legacy-content .services-grid,
.legacy-content .testimonials-grid {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:20px;
}

.legacy-content .service-card {
	border:1.5px solid var(--border);
	border-radius:var(--radius-xl);
	overflow:hidden;
}

.legacy-content .service-card::before {
	position:absolute;
	inset:0;
	border-radius:var(--radius-xl);
	background:var(--grad-blue);
	opacity:0;
	z-index:0;
}

.legacy-content .part_php_section .image,
.legacy-content .process-step,
.legacy-content .service-card-inner {
	z-index:1;
	position:relative;
}

.legacy-content .service-card:hover::before {
	opacity:.04;
}

.legacy-content .service-card:hover {
	border-color:rgba(59, 130, 246, .3);
	box-shadow:var(--shadow-md);
}

.legacy-content .service-num {
	color:rgba(59, 130, 246, .1);
}

.legacy-content .service-icon-wrap {
	width:52px;
	height:52px;
	border-radius:14px;
	background:var(--sky);
	border:1px solid var(--sky-mid);
	display:flex;
	align-items:center;
	justify-content:center;
}

.legacy-content .service-card p {
	color:var(--text-mid);
}

.legacy-content .service-link {
	display:inline-flex;
	align-items:center;
	gap:6px;
	color:var(--blue);
}

.legacy-content .process-step:hover .process-circle .process-icon,
.legacy-content .service-card:hover .service-icon-wrap span {
	filter:brightness(0) invert(1);
}

.legacy-content .feature-check img,
.legacy-content .wa-float svg {
	filter:invert(1);
}

.legacy-content .why-grid {
	display:grid;
	grid-template-columns:1fr 1.1fr;
	gap:72px;
	align-items:center;
}

.legacy-content .tech-grid {
	display:grid;
	grid-template-columns:repeat(6,1fr);
	gap:14px;
}

.legacy-content .tech-tab.active,
.legacy-content .tech-tab:hover {
	background:var(--blue);
	color:#ffffff;
	border-color:var(--blue);
}

.legacy-content .process-steps {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	position:relative;
	gap:28px;
}

.legacy-content .process-steps::after {
	position:absolute;
	top:44px;
	left:calc(12.5% + 22px);
	right:calc(12.5% + 22px);
	height:2px;
	background:repeating-linear-gradient(90deg,var(--blue) 0,var(--blue) 12px,transparent 12px,transparent 20px);
	z-index:0;
	opacity:.3;
}

.legacy-content .process-circle {
	width:88px;
	height:88px;
	border-radius:50%;
	background:#ffffff;
	border:2.5px solid var(--border);
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
}

.legacy-content .process-step:hover .process-circle {
	transform:scale(1.1);
	box-shadow:0 12px 30px rgba(59, 130, 246, .3);
}

.legacy-content .process-num-badge {
	position:absolute;
	top:-4px;
	right:-4px;
	width:24px;
	height:24px;
	border-radius:50%;
	background:var(--blue);
	color:#ffffff;
	display:flex;
	align-items:center;
	justify-content:center;
	border:2px solid #ffffff;
}

.legacy-content .process-step h3 {
	color:var(--navy);
}

.legacy-content .process-step p {
	color:var(--text-mid);
}

.legacy-content .testimonial-card {
	border:1px solid var(--border);
	border-radius:var(--radius-xl);
	width:100%!important;
	max-width:100%!important;
}

.legacy-content .cta-contact-card:hover,
.legacy-content .testimonial-card:hover {
	box-shadow:var(--shadow-md);
	transform:translateY(-4px);
	border-color:rgba(59, 130, 246, .2);
}

.legacy-content .testimonial-stars {
	color:#2563eb;
}

.legacy-content .testimonial-text {
	color:var(--text-mid);
}

.legacy-content .testimonial-avatar {
	width:44px;
	height:44px;
	border-radius:50%;
	background:var(--grad-blue);
	display:flex;
	align-items:center;
	justify-content:center;
	color:#ffffff;
	flex-shrink:0;
}

.legacy-content .faq-q-num,
.legacy-content .faq-toggle {
	width:28px;
	height:28px;
}

.legacy-content .testimonial-name {
	color:var(--navy);
}

.legacy-content .testimonial-role {
	color:var(--text-light);
}

.legacy-content .faq-layout {
	display:grid;
	grid-template-columns:1fr 1.5fr;
	gap:80px;
	align-items:start;
}

.legacy-content .faq-sidebar-card {
	background:var(--navy);
	border-radius:var(--radius-xl);
	color:#ffffff;
	position:relative;
	overflow:hidden;
}

.legacy-content .faq-sidebar-card::before {
	position:absolute;
	bottom:-40px;
	right:-40px;
	width:160px;
	height:160px;
	border-radius:50%;
	background:radial-gradient(circle,rgba(59, 130, 246, .2) 0,transparent 70%);
}

.legacy-content .faq-sidebar-card p {
	color:rgba(255, 255, 255, .6);
}

.legacy-content .faq-item1 {
	border-bottom:1px solid var(--border);
}

.legacy-content .faq-question {
	display:flex;
	align-items:flex-start;
	gap:16px;
}

.legacy-content .faq-q-num {
	flex-shrink:0;
	border-radius:50%;
	background:var(--sky);
	border:1px solid var(--sky-mid);
	color:var(--blue);
	display:flex;
	align-items:center;
	justify-content:center;
}

.legacy-content .faq-q-text {
	color:var(--navy);
	flex:1;
}

.legacy-content .faq-toggle {
	flex-shrink:0;
	border-radius:50%;
	background:#ffffff;
	border:1.5px solid var(--border);
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--blue);
}

.legacy-content .faq-item1.active .faq-toggle {
	background:var(--blue);
	color:#ffffff;
	border-color:var(--blue);
	transform:rotate(45deg);
}

.legacy-content .faq-answer {
	max-height:0;
	overflow:hidden;
	color:var(--text-mid);
}

.legacy-content .faq-item.active .faq-answer {
	max-height:250px;
}

.legacy-content .cta-section,
.legacy-content .seo-content {
	border-top:1px solid var(--border);
}

.legacy-content .seo-content {
	background:var(--sky-pale);
}

.legacy-content .seo-content h2 {
	color:var(--navy);
}

.legacy-content .seo-content h3 {
	color:var(--navy);
}

.legacy-content .seo-content p {
	color:var(--text-mid);
}

.legacy-content .seo-content ul li {
	display:flex;
	align-items:flex-start;
	gap:10px;
	color:var(--text-mid);
}

.legacy-content .seo-content ul li::before {
	color:var(--blue);
	flex-shrink:0;
}

.legacy-content .seo-grid {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:60px;
}

.legacy-content .seo-aside-card {
	background:#ffffff;
	border:1px solid var(--border);
	border-radius:var(--radius-lg);
	box-shadow:var(--shadow-sm);
}

.legacy-content .seo-aside-card h4 {
	color:var(--navy);
	display:flex;
	align-items:center;
	gap:8px;
}

.legacy-content .cta-section {
	background:var(--grad-hero);
	position:relative;
	overflow:hidden;
}

.legacy-content .cta-section .hero-orb-1 {
	width:500px;
	height:500px;
	opacity:.6;
}

.legacy-content .cta-section .hero-orb-2 {
	width:400px;
	height:400px;
	opacity:.5;
}

.legacy-content .cta-inner {
	max-width:780px;
	position:relative;
	z-index:2;
}

.legacy-content .cta-contact-grid {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:20px;
}

.legacy-content .cta-contact-card {
	background:#ffffff;
	border:1px solid var(--border);
	border-radius:var(--radius-lg);
}

.legacy-content .cta-contact-label {
	color:var(--text-light);
}

.legacy-content .cta-contact-val {
	color:var(--navy);
}

.legacy-content .cta-contact-val a {
	color:inherit;
}

.legacy-content .fade-up {
	transform:translateY(36px);
}

.legacy-content .fade-left {
	transform:translateX(-36px);
}

.legacy-content .fade-right {
	transform:translateX(36px);
}

.legacy-content .fade-left.in,
.legacy-content .fade-right.in,
.legacy-content .fade-up.in {
	opacity:1;
	transform:none;
}

@media (max-width:1100px) {
.legacy-content .pricing-grid,
.legacy-content .services-grid {
	grid-template-columns:1fr 1fr;
}
.legacy-content .tech-grid {
	grid-template-columns:repeat(4,1fr);
}
.legacy-content .faq-layout,
.legacy-content .intro-grid,
.legacy-content .why-grid {
	grid-template-columns:1fr;
}
}

@media (max-width:768px) {
.legacy-content .cta-contact-grid,
.legacy-content .footer-grid,
.legacy-content .pricing-grid,
.legacy-content .seo-grid,
.legacy-content .services-grid,
.legacy-content .testimonials-grid {
	grid-template-columns:1fr;
}
.legacy-content .tech-grid {
	grid-template-columns:repeat(3,1fr);
}
.legacy-content .process-steps,
.legacy-content .why-certifications {
	grid-template-columns:1fr 1fr;
}
}

.legacy-content .stats-grid,
.legacy-content .why-container {
	grid-template-columns:1fr 1fr;
}

.legacy-content .service-icon-wrap svg {
	height:26px;
	width:auto;
}

.legacy-content .service-card:hover .service-icon-wrap svg {
	color:#ffffff!important;
	filter:invert(1);
}

.legacy-content .services-grid .service-card:hover {
	border-color:rgba(59, 130, 246, .3)!important;
	box-shadow:var(--shadow-md)!important;
	transform:translateY(0)!important;
}

.legacy-content .process-icon svg {
	color:#070b16;
	height:33px;
}

.legacy-content .cta-contact-icon svg,
.legacy-content .float-card-icon svg,
.legacy-content .intro-badge-icon svg {
	height:20px;
	width:20px;
}

.legacy-content .why-choose-section {
	background:#eff6ff;
}

.legacy-content .why-container {
	max-width:1300px;
	display:grid;
	gap:60px;
	align-items:start;
}

.legacy-content .why-badge {
	display:inline-block;
	background:#eff6ff;
	border:1px solid #eff6ff;
	border-radius:50px;
	color:#3b82f6;
}

.legacy-content .why-left h2 {
	color:#0b1226;
}

.legacy-content .why-desc {
	color:#4a5a70;
}

.legacy-content .why-features {
	display:flex;
	flex-direction:column;
	gap:22px;
}

.legacy-content .why-feature-box {
	display:flex;
	align-items:flex-start;
	gap:18px;
	background:#ffffff;
	border:1px solid #dbeafe;
	border-radius:24px;
	position:relative;
}

.legacy-content .why-feature-box:hover {
	transform:translateY(-5px);
	box-shadow:0 15px 40px rgba(7, 11, 22, .06);
}

.legacy-content .feature-icon {
	width:62px;
	height:62px;
	min-width:62px;
	border-radius:18px;
	background:#eff6ff;
	display:flex;
	align-items:center;
	justify-content:center;
}

.legacy-content .feature-content h4 {
	color:#0b1226;
}

.legacy-content .feature-content p {
	color:#4a5a70;
}

.legacy-content .feature-check {
	position:absolute;
	right:24px;
	top:28px;
	width:32px;
	height:32px;
	border-radius:50%;
	background:#3b82f6;
	color:#ffffff;
	display:flex;
	align-items:center;
	justify-content:center;
}

.legacy-content .stats-main-card {
	background:#ffffff;
	border-radius:36px;
	border:1px solid #dbeafe;
	position:sticky;
	top:100px;
}

.legacy-content .stats-top-text {
	color:#4a5a70;
}

.legacy-content .stats-number {
	color:#3b82f6;
}

.legacy-content .stats-subtitle {
	color:#1d4ed8;
}

.legacy-content .laptop-mockup {
	position:relative;
}

.legacy-content .laptop-mockup img {
	width:100%;
	height:317px;
	border-radius:24px;
	display:block;
	box-shadow:0 20px 50px rgba(7, 11, 22, .08);
}

.legacy-content .floating-card {
	position:absolute;
	background:#ffffff;
	border-radius:20px;
	box-shadow:0 10px 40px rgba(7, 11, 22, .1);
}

.legacy-content .left-card {
	left:-20px;
	top:40%;
}

.legacy-content .right-card {
	right:-20px;
	bottom:20%;
}

.legacy-content .floating-card h5 {
	color:#4a5a70;
}

.legacy-content .floating-card strong {
	color:#0b1226;
}

.legacy-content .bottom-strip {
	background:#eff6ff;
	border-radius:20px;
	color:#3b82f6;
}

@media(max-width:991px) {
.legacy-content .why-container,
.legacy-content .wp-hero-inner {
	grid-template-columns:1fr;
}
.legacy-content .wp-screen-slider {
	height:400px;
}
.legacy-content .wp-floating-card {
	transform:scale(.85);
}
.legacy-content .card-1 {
	right:0;
}
.legacy-content .card-2 {
	left:0;
}
.legacy-content .stats-main-card {
	position:relative;
	top:0;
}
}

.legacy-content .portfolio-showcase {
	position:sticky;
	max-width:529px;
}

.legacy-content #hero,
.legacy-content .portfolio-item {
	position:relative;
	overflow:hidden;
}

.legacy-content .portfolio-top span {
	display:inline-block;
	background:#eff6ff;
	color:#3b82f6;
	border-radius:50px;
}

.legacy-content .portfolio-top h3 {
	color:#0b1226;
}

.legacy-content .portfolio-slider {
	overflow:hidden;
	border-radius:28px;
}

.legacy-content .portfolio-track {
	display:flex;
	gap:22px;
	width:max-content;
	animation:18s linear infinite portfolioScroll;
}

.legacy-content .portfolio-item {
	width:170px;
	height:223px;
	border-radius:28px;
	flex-shrink:0;
}

.legacy-content #heroCanvas,
.legacy-content .hero-bg,
.legacy-content .portfolio-item img {
	height:100%;
	width:100%;
}

.legacy-content .portfolio-item img {
	object-fit:cover;
}

.legacy-content .portfolio-overlay {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	background:linear-gradient(to top,rgba(7, 11, 22, .82),transparent);
	color:#ffffff;
}

.legacy-content .portfolio-overlay p {
	color:#eff6ff;
}

.legacy-content .floating-badge {
	position:absolute;
	background:#ffffff;
	border-radius:50px;
	box-shadow:0 10px 35px rgba(7, 11, 22, .1);
	color:#0b1226;
	z-index:5;
}

.legacy-content .badge-one {
	top:140px;
	left:15px;
}

.legacy-content .badge-two {
	bottom:40px;
	right:20px;
}

.legacy-content #hero,
.legacy-content .buttons,
.legacy-content .icons-boxs,
.legacy-content .stats {
	display:flex;
}

.legacy-content #hero {
	align-items:center;
	justify-content:center;
}

.legacy-content #heroCanvas,
.legacy-content .hero-bg,
.legacy-content .shape {
	position:absolute;
}

.legacy-content .badge,
.legacy-content .icons-boxs {
	align-items:center;
}

.legacy-content .hero-bg {
	background:radial-gradient(ellipse 80% 60% at 10% 20%,rgba(37, 99, 235, .12) 0,transparent 60%),radial-gradient(ellipse 60% 80% at 85% 15%,rgba(34, 211, 238, .1) 0,transparent 55%),radial-gradient(ellipse 50% 50% at 60% 85%,rgba(34, 211, 238, .08) 0,transparent 50%),radial-gradient(ellipse 70% 40% at 30% 70%,rgba(37, 99, 235, .06) 0,transparent 50%),linear-gradient(160deg,#eff6ff 0,#eff6ff 40%,#eff6ff 100%);
}

.legacy-content .shape {
	border-radius:50%;
	background:radial-gradient(circle,rgba(37, 99, 235, .2),transparent);
	animation:6s ease-in-out infinite float;
}

.legacy-content .primary,
.legacy-content button,
.legacy-content h1 span {
	background:linear-gradient(135deg,#2563eb,#22d3ee);
}

.legacy-content .s1 {
	width:200px;
	height:200px;
	top:10%;
	left:5%;
}

.legacy-content .s2 {
	width:150px;
	height:150px;
	bottom:10%;
	right:10%;
}

.legacy-content .s3 {
	width:120px;
	height:120px;
	top:20%;
	right:20%;
}

.legacy-content .s4 {
	width:100px;
	height:100px;
	bottom:20%;
	left:15%;
}

.legacy-content .hero-content {
	position:relative;
	max-width:900px;
	z-index:2;
}

.legacy-content .badge {
	gap:10px;
	border:1px solid #2563eb;
}

.legacy-content .badge span {
	display:inline-block;
	width:8px;
	height:8px;
	background:#2563eb;
	border-radius:50%;
	animation:1s infinite pulse;
}

.legacy-content .ai-logo img,
.legacy-content .brand-logo img {
	width:auto;
	filter:grayscale(100%);
	object-fit:contain;
}

.legacy-content .buttons {
	gap:15px;
}

.legacy-content .buttons a {
	display:inline-block;
	border-radius:10px;
}

.legacy-content .primary {
	color:#ffffff;
}

.legacy-content .secondary {
	background:0 0;
	border:2px solid #2563eb;
	color:#2563eb;
}

.legacy-content .stats {
	justify-content:center;
	gap:30px;
	flex-wrap:wrap;
}

.legacy-content .stats h3 {
	color:#2563eb;
}

.legacy-content .ai-section {
	background:linear-gradient(145deg,#0b1226 0,#0b1226 50%,#0b1226 100%);
	color:#ffffff;
	position:relative;
	overflow:hidden;
}

.legacy-content .icons-boxs {
	background:rgb(30 111 214 / 20%);
	width:60px;
	height:59px;
	justify-content:center;
	border-radius:12px;
	color:#60a5fa;
}

.legacy-content .ai-card p,
.legacy-content .ai-subtext {
	color:#3b82f6;
}

.legacy-content .ai-subtext {
	max-width:672px;
}

.legacy-content .ai-badge {
	display:inline-block;
	border-radius:50px;
	background:rgba(37, 99, 235, .2);
	color:#60a5fa;
	border:1px solid rgba(37, 99, 235, .3);
}

.legacy-content .ai-card {
	background:linear-gradient(145deg,rgba(11, 18, 38, .9) 0,rgba(29, 78, 216, .95) 100%);
	border-radius:15px;
	height:100%;
	animation:3s ease-in-out infinite border-glow;
	opacity:1;
	transform:translateY(0);
}

.legacy-content p.small {
	color:#4a5a70;
}

.legacy-content .ai-tags span {
	display:inline-block;
	border-radius:30px;
	background:rgba(255, 255, 255, .08);
}

.legacy-content .ai-tags span:hover {
	background:#3b82f6;
	color:#070b16;
}

.legacy-content .ai-tags {
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	justify-content:center;
}

.legacy-content .ai-logo,
.legacy-content .icon-box {
	align-items:center;
}

.legacy-content .ai-logo {
	border-radius:50px;
	background:#eff6ff;
	border:1px solid #eef3fa;
	display:flex;
	justify-content:center;
}

.legacy-content .ai-logo img {
	height:28px;
	opacity:.8;
}

.legacy-content .ai-logo:hover img {
	filter:grayscale(0%);
	opacity:1;
	transform:scale(1.1);
}

.legacy-content .ai-logo:hover {
	background:#eff6ff;
}

@media(max-width:768px) {
.legacy-content .tsm-card {
	width:320px;
}
.legacy-content .ctax-box {
	gap:40px;
}
.legacy-content .ctax-buttons {
	flex-direction:column;
}
.legacy-content .floating-badge,
.legacy-content .floating-card {
	display:none;
}
.legacy-content .portfolio-showcase {
	border-radius:24px;
	max-width:276px;
}
}

.legacy-content .opacity-5 {
	opacity:.05;
}

.legacy-content .rounded-full {
	border-radius:9999px;
}

.legacy-content .w-32 {
	width:8rem;
}

.legacy-content .h-32 {
	height:8rem;
	top:0;
	right:0;
	position:absolute;
}

.legacy-content .shimmer-text {
	background:linear-gradient(90deg,#2563eb 0,#22d3ee 40%,#2563eb 80%);
	background-size:200% auto;
	-webkit-background-clip:text;
	background-clip:text;
	animation:3s linear infinite shimmer;
}

.legacy-content .cta-custom .container {
	position:relative;
	z-index:2;
}

.legacy-content .cta-title {
	color:#ffffff;
}

.legacy-content .industry-section {
	background:rgb(243 248 255);
}

.legacy-content .industry-badge {
	display:inline-block;
	background:#eff6ff;
	color:#2563eb;
	border-radius:50px;
}

.legacy-content .industry-heading {
	color:#0b1226;
}

.legacy-content .industry-heading span {
	background:linear-gradient(135deg,#2563eb 0,#22d3ee 50%,#22d3ee 100%);
	-webkit-background-clip:text;
}

.legacy-content .industry-subtitle {
	max-width:600px;
	color:#334155;
}

.legacy-content .industry-box {
	background:#eff6ff;
	border:1.5px solid #eef3fa;
	border-radius:16px;
}

.legacy-content .industry-text {
	color:#1d4ed8;
}

.legacy-content .badge,
.legacy-content .brand-pill {
	color:#2563eb;
}

@media (min-width:1200px) {
.legacy-content .container {
	max-width:1270px!important;
}
}

.legacy-content section.py-5.bg-white.border-bottom {
	background:#ffffff;
}

.legacy-content .marquee-wrapper {
	overflow:hidden;
	position:relative;
}

.legacy-content .bg-blur,
.legacy-content .blur-circle,
.legacy-content .service-num {
	position:absolute;
}

.legacy-content .marquee-track {
	gap:15px;
}

.legacy-content .brand-pill .dot {
	width:6px;
	height:6px;
	background:#2563eb;
	border-radius:50%;
}

.legacy-content .marquee-track {
	gap:40px;
	white-space:nowrap;
	animation:25s linear infinite marquee;
}

.legacy-content .brand-logo {
	flex-shrink:0;
}

.legacy-content .brand-logo img {
	height:50px;
	opacity:.7;
}

.legacy-content .brand-logo img:hover {
	filter:grayscale(0%);
	opacity:1;
	transform:scale(1.05);
}

.legacy-content .container {
	max-width:1200px;
}

.legacy-content .badge {
	display:inline-block;
	background:#eff6ff;
	border-radius:20px;
}

.legacy-content .gradient-text {
	-webkit-background-clip:text;
	color:transparent;
}

.legacy-content .contact-grid {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:40px;
}

.legacy-content .info-item {
	display:flex;
	gap:15px;
}

.legacy-content .icon-blue {
	width:40px;
	height:40px;
	background:#eff6ff;
	color:#2563eb;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:10px;
}

.legacy-content .icon-blue svg,
.legacy-content .marquee-content.left span img,
.legacy-content .marquee-content.right span img,
.legacy-content .marquee-content.slow span img {
	width:20px;
}

.legacy-content .cf7-form,
.legacy-content .contact-form form {
	display:flex;
	flex-direction:column;
	gap:15px;
}

.legacy-content .button,
.legacy-content .industry-contact-btn:hover,
.legacy-content .navbar__button:hover,
.legacy-content a.button-1:hover {
	transform:translateY(0) scale(1.05)!important;
}

.legacy-content .contact-header h2 {
	color:#0b1226;
}

.legacy-content .testimonial-section {
	background:#eff6ff;
}

.legacy-content .gradient-text {
	-webkit-background-clip:text;
}

.legacy-content .testimonial-card {
	background:#ffffff;
	border-radius:20px;
	transform:scale(.9);
	opacity:.5;
}

.legacy-content .swiper-slide-active .testimonial-card {
	background:#2563eb;
	color:#ffffff;
	transform:scale(1.1);
	opacity:1;
}

.legacy-content .stars {
	color:#2563eb;
}

.legacy-content .swiper-slide-active .stars {
	color:#3b82f6;
}

.legacy-content section.section-questions.text-center.mt-md-50px {
	background:#eff6ff!important;
	background:linear-gradient(0deg,#0b1226,#0b1226 46%,rgba(59, 130, 246, 0) 0)!important;
}

.legacy-content .faq-question:hover {
	transform:scale(1);
}

.legacy-content .services-section {
	background:#eff6ff;
}

.legacy-content .service-card {
	box-shadow:0 4px 24px rgba(37, 99, 235, .06),0 1px 4px rgba(7, 11, 22, .04);
	display:flex;
	flex-direction:column;
}

.legacy-content .service-num {
	top:20px;
	right:24px;
	color:rgb(30 111 214 / 6%);
}

.legacy-content .service-card p {
	color:#4a5a70;
}

.legacy-content .service-card a {
	color:#2563eb;
}

.legacy-content .row.g-4 {
	gap:20px 0;
}

.legacy-content .service-card,
.legacy-content .value-card {
	background:#ffffff;
}

.legacy-content .service-card {
	border-radius:15px;
	position:relative;
	height:100%;
	box-shadow:0 10px 30px rgba(7, 11, 22, .05);
}

.legacy-content .service-card:hover {
	box-shadow:0 10px 30px rgba(37, 99, 235, .15);
	transform:translateY(-10px);
}

.legacy-content .why-section {
	background:#ffffff;
	overflow:hidden;
}

.legacy-content .badge-custom {
	display:inline-flex;
	align-items:center;
	gap:8px;
	border-radius:50px;
	background:#eff6ff;
	border:1px solid rgba(37, 99, 235, .2);
	color:#2563eb;
}

.legacy-content .adv-card .icon,
.legacy-content .client-images {
	align-items:center;
	display:flex;
}

.legacy-content .badge-custom .dot {
	width:8px;
	height:8px;
	background:#2563eb;
	border-radius:50%;
	position:relative;
}

.legacy-content .badge-custom .dot::after {
	position:absolute;
	width:100%;
	height:100%;
	background:#2563eb;
	border-radius:50%;
	animation:1.5s infinite ping;
	opacity:.5;
}

.legacy-content .gradient-text {
	background:linear-gradient(90deg,#2563eb,#22d3ee);
	-webkit-background-clip:text;
}

.legacy-content .adv-card {
	background:#ffffff;
	border-radius:16px;
	box-shadow:0 2px 16px rgba(37, 99, 235, .08);
}

.legacy-content .adv-card .icon {
	width:48px;
	height:48px;
	background:linear-gradient(135deg,#eff6ff,#eff6ff);
	border-radius:10px;
	justify-content:center;
}

.legacy-content .process-box:hover {
	box-shadow:8px 8px 30px 0 #01286252!important;
	background:#ffffff;
}

.legacy-content .icons-boxs svg {
	width:30px;
}

.legacy-content .new-head {
	color:#0b1226;
}

.legacy-content .why-para {
	color:#0f172a;
}

.legacy-content .why-num {
	color:#2563eb;
}

.legacy-content .num-grid {
	gap:32px;
}

.legacy-content .num-box2 {
	border-left:1px solid #eef3fa;
}

@media (max-width:768px) {
.legacy-content .btn-row,
.legacy-content .buttons {
	flex-direction:column;
	align-items:center;
}
.legacy-content .stats {
	gap:15px;
}
.legacy-content .contact-grid {
	grid-template-columns:1fr;
	grid-template-columns:1fr;
	gap:20px;
}
.legacy-content .testimonial-card {
	max-width:100%;
}
.legacy-content .navbar .container {
	display:flex;
	align-items:center;
	justify-content:space-between!important;
}
.legacy-content p.text-uppercase.fw-semibold.text-muted {
	color:#4a5a70;
}
}

@media (max-width:480px) {
.legacy-content .tech-grid {
	grid-template-columns:repeat(2,1fr);
}
.legacy-content .process-steps {
	grid-template-columns:1fr;
}
.legacy-content .icons-boxs {
	width:50px;
	height:50px;
}
}

.legacy-content .industry-contact-btn {
	border-radius:999px!important;
	color:#ffffff;
	border:none;
	background:linear-gradient(135deg,#2563eb 0,#22d3ee 100%);
	box-shadow:0 4px 16px rgba(37, 99, 235, .35);
}

.legacy-content .happy-clients {
	display:flex;
	justify-content:center;
	align-items:center;
	gap:20px;
	flex-wrap:wrap;
}

.legacy-content .client-images img,
.legacy-content .more-count {
	width:33px;
	height:33px;
	border-radius:50%;
	object-fit:contain;
	border:3px solid #ffffff;
	box-shadow:0 4px 10px rgba(7, 11, 22, .1);
}

.legacy-content .faq-item,
.legacy-content .faq-row .faq-item {
	height:100%;
}

.legacy-content .more-count {
	background:#3b82f6;
	color:#ffffff;
	display:flex;
	align-items:center;
	justify-content:center;
}

.legacy-content .faq-icon,
.legacy-content .faq-q {
	display:flex;
}

.legacy-content .client-content h3 {
	color:#0b1226;
}

.legacy-content .client-content p {
	color:#4a5a70;
}

@media(max-width:768px) {
.legacy-content .happy-clients {
	flex-direction:column;
	align-items:flex-start;
}
.legacy-content .client-images span {
	width:45px;
	height:45px;
}
}

.legacy-content .faq-container {
	max-width:1200px;
}

.legacy-content .faq-grid {
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:20px;
	align-items:stretch;
}

.legacy-content .faq-item {
	background:#eff6ff;
	border:1px solid #eff6ff;
	border-radius:22px;
	display:flex;
	flex-direction:column;
}

.legacy-content .faq-q {
	justify-content:space-between;
	align-items:center;
	gap:20px;
}

.legacy-content .faq-icon {
	width:23px;
	height:34px;
	min-width:34px;
	border-radius:50%;
	background:#eff6ff;
	color:#3b82f6;
	align-items:center;
	justify-content:center;
}

.legacy-content .faq-a {
	max-height:0;
	overflow:hidden;
}

.legacy-content .faq-a-inner {
	color:#334155;
}

.legacy-content .faq-item.open {
	border-color:#3b82f6;
	background:#ffffff;
}

.legacy-content .faq-item.open .faq-a {
	max-height:300px;
}

.legacy-content .faq-item.open .faq-icon {
	transform:rotate(45deg);
	background:#3b82f6;
	color:#ffffff;
}

.legacy-content .iconss-box,
.legacy-content .marquee-content,
.legacy-content .marquee-content span {
	display:flex;
	display:flex;
}

@media(max-width:767px) {
.legacy-content .faq-grid {
	grid-template-columns:1fr;
}
}

.legacy-content .tech-marquee-section {
	background:#ffffff;
	overflow:hidden;
}

.legacy-content .marquee {
	width:100%;
	overflow:hidden;
}

.legacy-content .marquee-content {
	gap:20px;
	width:max-content;
	animation:25s linear infinite marqueeLeft;
}

.legacy-content .marquee.reverse .marquee-content {
	animation:25s linear infinite marqueeRight;
}

.legacy-content .marquee-content.slow {
	animation-duration:35s;
}

.legacy-content .marquee-content span {
	position:relative;
	background:#ffffff;
	border-radius:50px;
	color:#0b1226;
	white-space:nowrap;
	box-shadow:0 5px 20px rgba(7, 11, 22, .06);
	border:1px solid #eef3fa;
	align-items:center;
	align-items:center;
	gap:10px;
}

.legacy-content .marquee-content span i,
.legacy-content .mini-icon i {
	color:#2563eb;
}

.legacy-content .marquee-content span i {
	min-width:18px;
}

@media(max-width:991px) {
.legacy-content .portfolio-showcase {
	position:relative;
	top:0;
}
}

@media (min-width:1200px) {
.legacy-content .container {
	max-width:1270px;
}
.legacy-content .new-row .container {
	max-width:100%!important;
}
}

.legacy-content .card img,
.legacy-content .swiper-slide {
	height:auto;
}

@media(max-width:767px) {
.legacy-content .marquee-content span::before {
	left:18px;
	width:8px;
	height:8px;
}
}

.legacy-content .hero_bg .col-sm-6 {
	max-width:620px;
}

.legacy-content .part_php_section .image img {
	width:100%;
	height:400px;
	object-fit:cover;
}

.legacy-content .part_php_section .image:after {
	position:absolute;
	top:15px;
	right:-15px;
	bottom:-15px;
	left:25px;
	background:#60a5fa;
	z-index:-1;
}

.legacy-content .card {
	align-items:center;
	border:1px solid #070b16;
	height:200px!important;
	display:flex!important;
	flex-direction:column;
	justify-content:center;
	gap:20px;
	border-radius:4px;
}

.legacy-content .halfan_php_section {
	background-image:url(../../../../uploads/2025/04/Complete-PHP-Course-with-Frameworks-Live-Projects-1.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.legacy-content .halfan_php_section .text,
.legacy-content .halfan_php_section h2,
.legacy-content div#wpcf7-f6341-p6333-o1 input[type=submit] {
	color:#ffffff!important;
}

.legacy-content .card img {
	width:50px;
}

.legacy-content .second_php_section .image img {
	width:100%;
	max-width:100%;
	height:500px!important;
	background:#e2e8f0;
	border-radius:10px;
}

.legacy-content .first_php_section .image:before {
	position:absolute;
	left:auto;
	top:0;
	background:#eff6ff;
	width:550px;
	height:550px;
	display:inline-block;
	border-radius:50%;
	z-index:-1;
}

.legacy-content .first_php_section .image:after,
.legacy-content ul.pageul li:before {
	background-repeat:no-repeat;
	background-position:center;
}

.legacy-content .first_php_section .image {
	position:relative;
	z-index:1;
	display:flex;
	justify-content:end;
}

.legacy-content .first_php_section .image:after {
	position:absolute;
	bottom:0;
	left:0;
	background-image:url(../../../../uploads/2025/04/02.png);
	z-index:1;
	width:200px;
	height:200px;
	background-size:contain;
	animation:3s infinite alternate-reverse float-bob-y;
}

.legacy-content .accordion .accordion-item {
	border-bottom:3px solid #2563eb;
	box-shadow:rgba(7, 11, 22, .5) 0 0 1px;
	border-radius:7px;
}

.legacy-content section.faq_section span.accordion-title {
	color:#070b16;
}

.legacy-content .accordion button {
	position:relative;
	display:block;
	width:100%;
	color:#3b82f6;
	border:none;
	background:0 0;
}

.legacy-content .accordion button:focus,
.legacy-content .accordion button:hover {
	color:#2563eb;
}

.legacy-content .accordion {
	border:none!important;
}

.legacy-content .accordion button:focus::after,
.legacy-content .accordion button:hover::after {
	color:#22d3ee;
}

.legacy-content .accordion button .icon {
	display:inline-block;
	position:absolute;
	top:18px;
	right:0;
	width:22px;
	height:22px;
	border:1.5px solid;
	border-radius:22px;
	color:#070b16;
}

.legacy-content .accordion button[aria-expanded=true],
.legacy-content .sec_one p a {
	color:#2563eb;
}

.legacy-content .accordion button .icon::before {
	display:block;
	position:absolute;
	top:9px;
	left:5px;
	width:10px;
	height:2px;
	background:currentColor;
}

.legacy-content .accordion button .icon::after {
	display:block;
	position:absolute;
	top:5px;
	left:9px;
	width:2px;
	height:10px;
	background:currentColor;
}

.legacy-content .accordion button[aria-expanded=true] .icon::after {
	width:0;
}

.legacy-content .accordion button[aria-expanded=true]+.accordion-content {
	opacity:1;
	max-height:9em;
	will-change:opacity,max-height;
}

.legacy-content .accordion .accordion-content {
	opacity:0;
	max-height:0;
	overflow:hidden;
	will-change:opacity,max-height;
}

.legacy-content .accordion .accordion-content p {
	color:#070b16;
}

.legacy-content .first_php_section h1 {
	color:#0b1226;
	position:relative;
}

.legacy-content .bg-blue-line,
.legacy-content .section-fifth-5 .container h2.bg-blue-line,
.legacy-content .section-ninth-9 .container h1.bg-blue-line,
.legacy-content .section-title-cls .container .content-column h3.bg-blue-line {
	background-image:linear-gradient(180deg,transparent 65%,#3b82f6 0);
}

.legacy-content .sec_one .proposal-btn {
	background-color:#2563eb!important;
	color:#ffffff;
	border-radius:5px!important;
}

.legacy-content .page-id-5423 .page-Header-image:before {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:url('../../../../uploads/2025/02/man-is-holding-chart-that-says-financial-data-1024x658-1.jpg') center/cover no-repeat #070b16;
	opacity:.9;
	z-index:-1;
}

.legacy-content .page-id-5423 .ecommerce_cls .image:after {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	opacity:.6;
	z-index:-1;
	background:#070b16;
}

.legacy-content .section-second-2 .container .col-lg-12 h2.section-title {
	color:#0b1226;
	max-width:925px!important;
}

.legacy-content .section-second-2 .inner-column img,
.legacy-content .section-third-3 .inner-column img {
	width:100%;
	height:auto;
}

.legacy-content .section-second-2 .content-column.col-lg-6.col-md-12.col-sm-12 {
	align-content:center;
}

.legacy-content .section-half-second-cls .container {
	max-width:1200px;
}

.legacy-content .section-half-second-cls .row {
	display:flex;
	justify-content:space-between;
	gap:30px;
}

.legacy-content .bg-blue-line,
.legacy-content .section-eight-8 .container h3.mb-4 span.bg-blue-line,
.legacy-content .section-fifth-5 .container h2.bg-blue-line,
.legacy-content .section-ninth-9 .container h1.bg-blue-line,
.legacy-content .section-title-cls .container .content-column h3.bg-blue-line {
	display:inline;
	background-repeat:no-repeat;
}

.legacy-content h1.page-Header-text.e-commerce-cls span {
	color:#2563eb;
}

.legacy-content .section-title-cls .container .content-column h3.bg-blue-line {
	background-size:100% 100%;
}

.legacy-content .section-fourth-4 .inner-column img {
	width:85%;
	height:auto;
	object-fit:contain;
}

.legacy-content .section-fifth-5 .container h2.bg-blue-line {
	background-size:100% 100%;
}

.legacy-content .section-seventh-7 .container h3.mb-5 span.bg-blue-line {
	color:#ffffff!important;
}

.legacy-content .section-seventh-7 .container div {
	color:#ffffff;
}

.legacy-content .section-seventh-7 .container .col-12 div {
	color:#ffffff!important;
}

.legacy-content .section-seventh-7 .container .row.justify-content-center .col-12 img {
	display:block;
	width:34%;
	max-height:108px;
	min-height:auto!important;
}

.legacy-content .section.section-ninth-9 {
	overflow:hidden;
	background-color:#eff6ff;
}

.legacy-content .page-Header-image:after,
.legacy-content section.thankyou-section:after {
	background:#070b16;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
}

.legacy-content .section-ninth-9 .container h1.bg-blue-line {
	background-size:100% 120%;
}

.legacy-content .section-eight-8 .container h3.mb-4 span.bg-blue-line {
	background-image:linear-gradient(180deg,transparent 65%,#3b82f6 0);
	background-size:100% 100%;
}

.legacy-content .section-eight-8 .service-block.erp-service-block.text-center {
	box-shadow:0 0 13px 3px rgba(7, 11, 22, .1);
}

.legacy-content section.thankyou-section {
	width:100%;
	position:relative;
	background-image:url(../../../../uploads/2025/03/0is3e-sptkgyxm1kkblkgq-1536x868-1.webp);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

.legacy-content section.thankyou-section:after {
	opacity:.7;
	z-index:0;
}

.legacy-content .thankyou-section .col-sm-12 {
	z-index:1!important;
}

.legacy-content .thankyou-section h2 {
	color:#ffffff;
}

.legacy-content .thankyou-section p {
	color:#ffffff;
}

.legacy-content .thankyou-section a {
	background:#2563eb;
	border-radius:10px;
	color:#ffffff;
}

.legacy-content .page-Header-image:after {
	opacity:.5;
}

.legacy-content .ecommerce_cls .image:after {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:0 0;
	opacity:.5;
	z-index:-1;
}

@media (max-width:768px) {
.legacy-content .section-fifth-5 .container h1.bg-blue-line,
.legacy-content .section-fifth-5 .container h2.bg-blue-line {
	display:inline;
	background-image:linear-gradient(180deg,transparent 65%,#3b82f6 0);
	background-size:100% 100%;
}
.legacy-content .first_php_section .image img,
.legacy-content .page-id-6457 .Content-team {
	width:100%;
}
.legacy-content .second_php_section .image img {
	width:100%;
	max-width:100%;
	height:auto!important;
	background:#e2e8f0;
	border-radius:10px;
}
.legacy-content .first_php_section .image:before {
	position:absolute;
	left:0;
	top:0;
	background:#eff6ff;
	width:100%;
	height:90%;
	display:inline-block;
	border-radius:50%;
	z-index:-1;
}
.legacy-content .first_php_section .image:after {
	position:absolute;
	bottom:0;
	left:0;
	background-image:url(../../../../uploads/2025/04/02.png);
	background-repeat:no-repeat;
	background-position:center;
	z-index:1;
	width:100px;
	height:100px;
	background-size:cover;
	animation:3s infinite alternate-reverse float-bob-y;
}
.legacy-content .first_php_section h1 {
	color:#0b1226;
	position:relative;
}
.legacy-content .part_php_section .image:after {
	position:absolute;
	top:10px;
	right:-10px;
	bottom:10px;
	left:10px;
	background:#60a5fa;
	z-index:-1;
}
.legacy-content section.faq_section span.accordion-title {
	color:#070b16;
}
.legacy-content section.slider_cls .row.clearfix {
	flex-direction:column;
}
.legacy-content section.slider_cls {
	position:relative;
	overflow:hidden;
}
.legacy-content .part_php_section .image img {
	width:100%;
	height:auto;
	object-fit:cover;
}
.legacy-content .sec_one .proposal-btn {
	background-color:#2563eb!important;
	color:#ffffff;
	border-radius:5px!important;
	width:100%;
}
.legacy-content .services_file {
	background:#2563eb!important;
	border-radius:5px;
	justify-content:center;
	display:flex;
	width:100%;
}
.legacy-content .page-id-7433 .banner-section-three .row {
	flex-direction:column-reverse;
	gap:29px;
}
.legacy-content .section-fifth-5 .container h2.bg-blue-line {
	background-repeat:no-repeat;
}
.legacy-content section.thankyou-section {
	width:100%;
	position:relative;
	background-image:url(../../../../uploads/2024/10/thankyou.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
.legacy-content .thankyou-section p {
	color:#ffffff;
}
.legacy-content .thankyou-section a {
	background:#2563eb;
	border-radius:10px;
	color:#ffffff;
}
.legacy-content .thankyou-section h2 {
	color:#ffffff;
}
.legacy-content .section-half-second-cls .container {
	max-width:1200px;
}
.legacy-content .section-second-2,
.legacy-content section.section-fifth-5 {
	position:relative;
	overflow:hidden;
	background-color:#eff6ff;
}
.legacy-content .section-fifth-5 .container h1.bg-blue-line {
	background-repeat:no-repeat;
}
.legacy-content .section-seventh-7 .container h3.mb-5 span.bg-blue-line {
	color:#ffffff!important;
}
.legacy-content .page-id-6457 .our-team-content {
	display:block;
}
}

@media (max-width:390px) {
.legacy-content .thankyou-section h2 {
	color:#ffffff;
}
.legacy-content section.thankyou-section {
	width:100%;
	position:relative;
	background-image:url(../../../../uploads/2024/10/thankyou.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
.legacy-content .thankyou-section a {
	background:#2563eb;
	border-radius:10px;
	color:#ffffff;
}
}

.legacy-content .icon svg {
	width:16px;
}

.legacy-content section#contact {
	background:#eff6ff;
}

.legacy-content .label {
	color:#4a5a70;
}

.legacy-content .why-box {
	background:#eff6ff;
	border:2px solid #eeeeee80;
	box-shadow:0 2px 39px 0 #00000008;
	border-radius:20px;
}

.legacy-content .inner-box,
.legacy-content .thumbnail_inner {
	background:#eef3fa;
}

.legacy-content .premium-blog-slider .blog-heading,
.legacy-content .spam-check {
	display:none!important;
}

@media (min-width:1200px) {
.legacy-content .container {
	max-width:1200px!important;
}
}

.legacy-content .blog-heading span {
	display:inline-block;
	border-radius:50px;
	background:rgba(37, 99, 235, .1);
	color:#2563eb;
}

.legacy-content .blog-content h3 a,
.legacy-content .blog-content p {
	display:-webkit-box;
	overflow:hidden;
}

.legacy-content .blog-heading h2 {
	color:#070b16;
}

.legacy-content .premium-blog-card {
	background:#ffffff;
	border-radius:24px;
	overflow:hidden;
	height:100%;
	border:1px solid #f7f9fc;
	position:relative;
}

.legacy-content .premium-blog-card:hover {
	transform:translateY(-10px);
	box-shadow:0 20px 50px rgba(7, 11, 22, .08);
}

.legacy-content .blog-image {
	position:relative;
	display:block;
	overflow:hidden;
}

.legacy-content .blog-image img {
	width:100%;
	height:230px;
	object-fit:cover;
}

.legacy-content .premium-blog-card:hover .blog-image img {
	transform:scale(1.08);
}

.legacy-content .blog-overlay {
	position:absolute;
	inset:0;
	background:linear-gradient(to top,rgba(7, 11, 22, .45),transparent);
}

.legacy-content .blog-category {
	position:absolute;
	top:18px;
	left:18px;
	background:linear-gradient(135deg,#2563eb 0,#2563eb 50%,#22d3ee 100%);
	color:#ffffff;
	border-radius:50px;
	z-index:2;
	display:none!important;
}

.legacy-content .cta-wrapper,
.legacy-content .d3-footer,
.legacy-content .d3-footer-cta,
.legacy-content .footer-col h4,
.legacy-content .left_img {
	position:relative;
}

.legacy-content .blog-meta {
	display:flex;
	flex-wrap:wrap;
	gap:16px;
}

.legacy-content .blog-meta span {
	color:#4a5a70;
}

.legacy-content .blog-content h3 a:hover,
.legacy-content .blog-meta i {
	color:#2563eb;
}

.legacy-content .blog-content h3 a {
	color:#070b16;
}

.legacy-content .blog-content p {
	color:#334155;
}

.legacy-content .left-bottom,
.legacy-content .left-tag {
	z-index:3;
	position:absolute;
}

@media(max-width:767px) {
.legacy-content .blog-image img {
	height:210px;
}
}

.legacy-content .contact-form input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
	width:100%;
	border-radius:12px;
	border:1.5px solid #eef3fa;
	background:#ffffff;
	height:47px;
}

.legacy-content .about_sections,
.legacy-content .about_sections-inner {
	border-radius:24px;
	box-shadow:0 2px 4px rgba(7, 11, 22, .04),0 20px 60px rgba(7, 11, 22, .07);
}

.legacy-content .about_sections {
	background:var(--bg);
	width:100%;
	overflow:hidden;
}

.legacy-content .about_sections-inner {
	display:grid;
	grid-template-columns:1fr 1fr;
	border-left:24px!important;
}

.legacy-content .left_img {
	overflow:hidden;
	background:#0b1226;
}

.legacy-content .geo-chip,
.legacy-content .left-tag {
	display:flex;
	background:rgba(255, 255, 255, .1);
}

.legacy-content .left_img img.team-photo {
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	opacity:.75;
	filter:saturate(.8);
}

.legacy-content .left_img:hover img.team-photo {
	transform:scale(1.04);
	opacity:.85;
}

.legacy-content .left_img::after {
	position:absolute;
	inset:0;
	background:linear-gradient(160deg,rgba(11, 18, 38, .15) 0,rgba(11, 18, 38, .55) 60%,rgba(11, 18, 38, .88) 100%);
}

.legacy-content .left-tag {
	top:28px;
	left:28px;
	align-items:center;
	gap:7px;
	border:1px solid rgba(255, 255, 255, .18);
	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);
	border-radius:20px;
	color:rgba(255, 255, 255, .9);
}

.legacy-content .left-tag .pulse {
	width:7px;
	height:7px;
	border-radius:50%;
	background:#2563eb;
	flex-shrink:0;
	box-shadow:0 0 0 2px rgba(37, 99, 235, .3);
	animation:2s infinite pulse;
}

.legacy-content .left-bottom {
	bottom:0;
	left:0;
	right:0;
}

.legacy-content .d3-port-img,
.legacy-content .d3-port-item {
	position:relative;
	overflow:hidden;
}

.legacy-content .geo-row {
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}

.legacy-content .geo-chip {
	align-items:center;
	gap:5px;
	border:1px solid rgba(255, 255, 255, .15);
	backdrop-filter:blur(6px);
	border-radius:20px;
	color:rgba(255, 255, 255, .85);
}

.legacy-content .stat-row {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:1px;
	background:rgba(255, 255, 255, .12);
	border:1px solid rgba(255, 255, 255, .12);
	border-radius:12px;
	overflow:hidden;
}

.legacy-content .stat-cell {
	background:rgba(255, 255, 255, .06);
	backdrop-filter:blur(8px);
}

.legacy-content .stat-cell .n {
	color:#ffffff;
	display:block;
}

.legacy-content .stat-cell .l {
	color:rgba(255, 255, 255, .55);
	display:block;
}

.legacy-content .btn-link:hover,
.legacy-content .eyebrow {
	color:var(--blue);
}

.legacy-content .right_section {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	border-left:1px solid var(--line);
}

.legacy-content .eyebrow {
	display:flex;
	align-items:center;
	gap:8px;
}

.legacy-content .eyebrow::before {
	width:20px;
	height:2px;
	background:var(--blue);
	border-radius:1px;
}

.legacy-content .right_section h2 {
	color:var(--ink);
}

.legacy-content .right_section h2 em {
	color:var(--blue-mid);
}

.legacy-content .right_section p {
	color:var(--ink-2);
}

.legacy-content .right_section p strong {
	color:var(--ink);
}

.legacy-content .btn-primary,
.legacy-content .cap-dot {
	background:var(--blue);
}

.legacy-content .cap-grid {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:12px 20px;
}

.legacy-content .cap-item {
	display:flex;
	align-items:flex-start;
	gap:9px;
	color:var(--ink-2);
}

.legacy-content .cap-dot {
	width:5px;
	height:5px;
	border-radius:50%;
	flex-shrink:0;
}

.legacy-content .cap-item strong {
	color:#070b16;
	display:block;
}

.legacy-content .cap-item span,
.legacy-content .tz-note strong {
	color:var(--ink-3);
}

.legacy-content .bottom-row {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	flex-wrap:wrap;
}

.legacy-content .cta-group {
	display:flex;
	align-items:center;
	gap:12px;
}

.legacy-content .btn-primary {
	display:inline-flex;
	align-items:center;
	gap:7px;
	color:#ffffff;
	border-radius:8px;
}

.legacy-content .btn-primary:hover {
	background:var(--blue-mid);
	transform:translateY(-1px);
}

.legacy-content .btn-link {
	color:#4a5a70;
	display:flex;
	align-items:center;
	gap:4px;
}

.legacy-content .tz-note {
	color:#4a5a70;
}

.legacy-content .tz-note strong {
	display:block;
}

@media (max-width:820px) {
.legacy-content .about_sections {
	border-radius:0;
}
.legacy-content .marquee-content span {
	height:42px!important;
}
.legacy-content .marquee .left {
	min-height:auto;
}
.legacy-content .new-row .badge-custom {
	display:none!important;
}
.legacy-content .about_sections-inner {
	grid-template-columns:1fr;
}
.legacy-content .left {
	min-height:320px;
}
.legacy-content .cap-grid {
	grid-template-columns:1fr 1fr;
	gap:10px 16px;
}
.legacy-content .bottom-row {
	flex-direction:column;
	align-items:flex-start;
}
}

@media (max-width:480px) {
.legacy-content .cap-grid {
	grid-template-columns:1fr;
}
.legacy-content .stat-row {
	grid-template-columns:repeat(3,1fr);
}
.legacy-content .geo-row {
	gap:6px;
}
.legacy-content .left-tag {
	top:16px;
	left:16px;
}
}

.legacy-content .ft-support-ico i,
.legacy-content .gradient-text {
	background:linear-gradient(90deg,#3b82f6,#22d3ee);
}

.legacy-content .d3-newfaq-item.active .d3-newfaq-a {
	display:block;
}

.legacy-content .d3-newfaq-item.active {
	border-color:#3b82f6;
}

.legacy-content .d3-newfaq-item.active .d3-newfaq-icon {
	background:#3b82f6;
	color:#ffffff;
}

@media(max-width:767px) {
.legacy-content .buttons {
	gap:0!important;
}
.legacy-content .happy-clients {
	align-items:center!important;
}
.legacy-content .brand-logo img {
	height:30px!important;
}
}

.legacy-content .testimonial-section .badge-custom {
	background:#eff6ff;
	color:#3b82f6;
	border-radius:50px;
}

.legacy-content .testimonial-section h2 {
	color:#0b1226;
}

.legacy-content .gradient-text {
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}

.legacy-content .testimonial-section p {
	max-width:800px;
	color:#334155;
}

.legacy-content .d3-portfolio-sec {
	overflow:hidden;
}

.legacy-content .d3-port-badge {
	display:inline-block;
	border-radius:50px;
	background:rgba(34, 211, 238, .08);
	border:1px solid rgba(34, 211, 238, .15);
	color:#22d3ee;
}

.legacy-content .d3-port-head p {
	max-width:850px;
	color:#60a5fa;
}

.legacy-content .d3-port-grid {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:28px;
}

.legacy-content .d3-port-item {
	height:400px;
	border-radius:5px;
	background:#0b1226;
}

.legacy-content .d3-port-item a {
	display:block;
	width:100%;
	height:100%;
}

.legacy-content .d3-port-img {
	height:100%;
}

.legacy-content .d3-port-img img {
	width:100%;
	height:auto;
	display:block;
}

.legacy-content .d3-port-item:hover .d3-port-img img {
	transform:translateY(calc(-100% + 700px));
}

.legacy-content .d3-port-overlay {
	display:none;
	position:absolute;
	left:20px;
	right:20px;
	bottom:20px;
	border-radius:18px;
	background:rgba(11, 18, 38, .92);
	backdrop-filter:blur(10px);
	border:1px solid rgba(255, 255, 255, .06);
	z-index:5;
}

.legacy-content .d3-port-overlay h4 {
	color:#ffffff;
}

.legacy-content .d3-port-overlay span {
	color:#22d3ee;
}

.legacy-content .d3-port-item:hover {
	transform:translateY(-6px);
}

@media(max-width:1200px) {
.legacy-content .d3-port-grid {
	grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:767px) {
.legacy-content .d3-port-grid {
	grid-template-columns:1fr;
}
.legacy-content .d3-port-item {
	height:500px;
}
.legacy-content .d3-port-item:hover .d3-port-img img {
	transform:translateY(calc(-100% + 500px));
}
}

.legacy-content .testimonial-section {
	background:#eff6ff;
}

.legacy-content /* new contact page  */


/* ── HERO SECTION ── ---------------------*/
.heros {
	background:linear-gradient(135deg, #eff6ff 0%, #eff6ff 60%, #eff6ff 100%);
	position:relative;
	overflow:hidden;
}

.legacy-content .heros::before {
	position:absolute;
	inset:0;
	background:radial-gradient(ellipse 60% 80% at 20% 50%, rgba(37, 99, 235, .06) 0%, transparent 70%);
}

.legacy-content */
.heros-inner {
	max-width:1200px;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:60px;
	align-items:center;
	position:relative;
	z-index:2;
}

.legacy-content .hero-badge {
	display:inline-flex;
	align-items:center;
	gap:.5rem;
	background:#ffffff;
	border:2px solid #2563eb !important;
	color:#2563eb !important;
	border-radius:30px;
}

.legacy-content /* .hero h1 {
	color:var(--navy);
}

.legacy-content */
h1#hero-heading {
	color:var(--navy);
}

.legacy-content .hero h1 span {
	color:#3b82f6;
}

.legacy-content .hero-sub {
	color:#0f172a;
	max-width:580px;
}

.legacy-content .hero-feats {
	display:flex;
	flex-direction:column;
	gap:.9rem;
}

.legacy-content .feat-item {
	display:flex;
	align-items:flex-start;
	gap:.85rem;
}

.legacy-content .feat-icon {
	width:42px;
	height:42px;
	border-radius:12px;
	background:var(--blue);
	color:#ffffff;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	box-shadow:0 4px 14px rgba(37, 99, 235, .35);
}

.legacy-content .feat-text strong {
	color:var(--navy);
}

.legacy-content .feat-text p {
	color:var(--gray-400);
}

.legacy-content /* ── GET IN TOUCH SECTION ── */
.contact-section {
	max-width:1200px;
	grid-template-columns:1fr 1.1fr;
	gap:70px;
	align-items:start;
}

.legacy-content .section-label {
	color:var(--blue);
}

.legacy-content .section-sub {
	color:var(--gray-400);
}

.legacy-content .contact-items {
	display:flex;
	flex-direction:column;
	gap:6px;
}

.legacy-content .contact-item {
	display:flex;
	align-items:flex-start;
	gap:1rem;
	background:var(--gray-50);
	border:1.5px solid var(--gray-200);
	border-radius:var(--radius-sm);
}

.legacy-content .contact-item:hover {
	border-color:var(--blue);
	box-shadow:var(--shadow-sm);
	transform:translateX(4px);
}

.legacy-content .ci-text strong {
	color:var(--navy);
	display:block;
}

.legacy-content .ci-text span {
	color:var(--gray-600);
}

.legacy-content /* Project Card */
.project-card {
	background:linear-gradient(145deg, #2563eb, #2563eb, #3b82f6);
	border-radius:var(--radius);
	color:#ffffff;
	position:relative;
	overflow:hidden;
}

.legacy-content .project-card::before {
	position:absolute;
	top:-40px;
	right:-40px;
	width:200px;
	height:200px;
	background:rgba(255, 255, 255, .06);
	border-radius:50%;
}

.legacy-content .project-card::after {
	position:absolute;
	bottom:-60px;
	left:-20px;
	width:160px;
	height:160px;
	background:rgba(255, 255, 255, .04);
	border-radius:50%;
}

.legacy-content .project-card p {
	opacity:.85;
	color:#eef3fa;
}

.legacy-content .project-checklist {
	display:flex;
	flex-direction:column;
	gap:25px;
}

.legacy-content .project-checklist li {
	display:flex;
	align-items:center;
	gap:.7rem;
	opacity:.9;
}

.legacy-content .project-checklist li::before {
	width:20px;
	height:20px;
	background:rgba(255, 255, 255, .2);
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}

.legacy-content .btn-schedule {
	display:inline-flex;
	align-items:center;
	gap:.5rem;
	background:#ffffff;
	color:var(--blue);
	border-radius:30px;
	border:none;
}

.legacy-content .btn-schedule:hover {
	transform:translateY(-2px);
	box-shadow:0 8px 28px rgba(7, 11, 22, .25);
}

.legacy-content /* ── CLIENTS ── */
.clients {
	background:var(--gray-100);
	overflow:hidden;
}

.legacy-content .clients-label {
	color:#4a5a70;
}

.legacy-content .clients-track-wrapper {
	overflow:hidden;
	position:relative;
}

.legacy-content .clients-track-wrapper::before,
.legacy-content .clients-track-wrapper::after {
	position:absolute;
	top:0;
	bottom:0;
	width:80px;
	z-index:2;
}

.legacy-content .clients-track-wrapper::before {
	left:0;
	background:linear-gradient(to right, var(--gray-100), transparent);
}

.legacy-content .clients-track-wrapper::after {
	right:0;
	background:linear-gradient(to left, var(--gray-100), transparent);
}

.legacy-content .clients-track {
	display:flex;
	gap:4rem;
	align-items:center;
	width:max-content;
	animation:scroll-track 18s linear infinite;
	justify-content:space-evenly;
}

.legacy-content /* LOGO BOX */
.client-logo {
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:160px;
	height:80px;
	opacity:.75;
}

.legacy-content /* IMAGE LOGO */
.client-logo img {
	max-height:50px;
	max-width:180px;
	width:auto;
	height:auto;
	object-fit:contain;
	filter:grayscale(100%);
}

.legacy-content /* HOVER EFFECT */
.client-logo:hover {
	opacity:1;
	transform:translateY(-3px);
}

.legacy-content .client-logo:hover img {
	filter:grayscale(0%);
	transform:scale(1.05);
}

.legacy-content /* ── MAP + FAQ ── */
.map-faq {
	max-width:1200px;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:3rem;
	align-items:start;
}

.legacy-content .map-wrapper {
	border-radius:var(--radius);
	overflow:hidden;
	box-shadow:var(--shadow-md);
	border:1.5px solid var(--gray-200);
	height:580px;
}

.legacy-content .map-wrapper iframe {
	width:100%;
	height:100%;
	border:none;
	display:block;
}

.legacy-content .faq-item {
	border:1.5px solid var(--gray-200);
	border-radius:var(--radius-sm);
	overflow:hidden;
}

.legacy-content .faq-item.open {
	border-color:var(--blue);
}

.legacy-content .faq-q:hover {
	background:var(--gray-50);
}

.legacy-content .faq-icon {
	width:20px;
	height:20px;
	border-radius:50%;
	background:var(--blue-light);
	color:var(--blue);
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}

.legacy-content .faq-item.open .faq-icon {
	background:var(--blue);
	color:#ffffff;
	transform:rotate(45deg);
}

.legacy-content .faq-a {
	max-height:0;
	overflow:hidden;
	color:var(--gray-600);
}

.legacy-content .faq-item.open .faq-a {
	max-height:200px;
}

.legacy-content .btn-cta-white {
	display:inline-flex;
	align-items:center;
	gap:.5rem;
	background:#ffffff;
	color:var(--blue);
	border-radius:30px;
	border:none;
}

.legacy-content .btn-cta-white:hover {
	transform:translateY(-2px);
	box-shadow:0 10px 32px rgba(7, 11, 22, .25);
}

.legacy-content .why-grid {
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:16px;
}

.legacy-content .marquee {
	overflow:hidden;
	width:100%;
	position:relative;
}

.legacy-content .marquee-content {
	display:flex;
	align-items:center;
	gap:50px;
	width:max-content;
	white-space:nowrap;
}

.legacy-content .marquee-content img {
	width:40px;
	height:40px;
	object-fit:contain;
	flex-shrink:0;
}

@media screen and (max-width: 767px) {
.legacy-content .buttons a {
	width:100% !important;
}
.legacy-content .hero-trust {
	flex-direction:column !important;
}
.legacy-content .laptop-mockup img {
	height:100% !important;
}
.legacy-content .buttons {
	flex-direction:row;
}
.legacy-content #top-bar .col-md-4.col-xs-12,
.legacy-content ul.infobox_header_wrapper li:last-child {
	display:block !important;
}
.legacy-content #hero,
.legacy-content .ec-hero-section,
.legacy-content .hero,
.legacy-content .hero-section1 {
	min-height:auto !important;
}
.legacy-content .hero-trust {
	background:transparent !important;
	border:none !important;
	box-shadow:none !important;
}
.legacy-content .d3-port-head p {
	color:#334155 !important;
}
}

.legacy-content .d3-port-head p {
	color:#334155 !important;
}

.legacy-content .service-icon-wrap {
	opacity:0;
}

.legacy-content .services-grid {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:25px;
}

.legacy-content .service-box:hover,
.legacy-content .service-box.active {
	background:linear-gradient(90deg, #3b82f6, #22d3ee);
	transform:translateY(-10px);
	box-shadow:none !important;
}

@media(max-width:991px) {
.legacy-content .services-grid {
	grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:767px) {
.legacy-content .services-grid {
	grid-template-columns:1fr;
}
}

.legacy-content .primary {
	border:2px solid #2563eb !important;
}

@media (min-width: 1800px) {
.legacy-content section#about_sections-us {
	max-width:1400px;
	box-shadow:none;
}
.legacy-content #hero,
.legacy-content .ec-hero-section,
.legacy-content .hero,
.legacy-content .hero-section1 {
	min-height:auto;
}
.legacy-content .about_sections,
.legacy-content .about_sections-inner {
	border-radius:24px;
	box-shadow:0 2px 4px rgba(7, 11, 22, .04), 0 10px 10px rgba(7, 11, 22, .07);
}
}

.legacy-content .d3-home-services-section {
	--d3-ink:#0b1226;
	--d3-muted:#4a5a70;
	--d3-line:rgba(11, 18, 38, 0.12);
	--d3-blue:#2563eb;
	--d3-cyan:#22d3ee;
	--d3-soft:#eff6ff;
	background:radial-gradient(circle at 88% 5%, rgba(37, 99, 235, 0.12), transparent 24%),
    #eff6ff;
	color:var(--d3-ink);
}

.legacy-content .d3-home-services-section .d3-modern-container {
	width:min(1180px, calc(100% - 40px));
}

.legacy-content .d3-home-services-section .d3-section-head {
	max-width:760px;
}

.legacy-content .d3-home-services-section .d3-eyebrow {
	color:var(--d3-blue);
}

.legacy-content .d3-home-services-section h2 {
	color:var(--d3-ink);
}

.legacy-content .d3-home-services-section .d3-section-head p:not(.d3-eyebrow) {
	color:var(--d3-muted);
}

.legacy-content .d3-home-services-section .d3-service-grid {
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:18px;
}

.legacy-content .d3-home-services-section .d3-service-card {
	position:relative;
	min-height:340px;
	display:flex;
	flex-direction:column;
	overflow:hidden;
	border:1px solid rgba(11, 18, 38, 0.1);
	border-radius:18px;
	background:#ffffff;
	color:var(--d3-ink);
	box-shadow:0 24px 70px rgba(11, 18, 38, 0.07);
}

.legacy-content .d3-home-services-section .d3-service-card:before {
	position:absolute;
	inset:auto -30% -44% -30%;
	height:62%;
	border-radius:50%;
	background:linear-gradient(135deg, var(--d3-blue), var(--d3-cyan));
	transform:translateY(64%);
	z-index:0;
}

.legacy-content .d3-home-services-section .d3-service-card > * {
	position:relative;
	z-index:1;
}

.legacy-content .d3-home-services-section .d3-service-card:hover {
	color:#ffffff;
	transform:translateY(-8px);
	box-shadow:0 28px 80px rgba(37, 99, 235, 0.22);
}

.legacy-content .d3-home-services-section .d3-service-card:hover:before {
	transform:translateY(0);
}

.legacy-content .d3-home-services-section .d3-service-card__icon {
	width:74px;
	height:74px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:18px;
	background:var(--d3-soft);
}

.legacy-content .d3-home-services-section .d3-service-card__icon img {
	width:44px;
	height:44px;
	object-fit:contain;
}

.legacy-content .d3-home-services-section .d3-service-card__count:after {
	position:absolute;
	top:30px;
	right:30px;
	color:rgba(11, 18, 38, 0.12);
}

.legacy-content .d3-home-services-section .d3-service-card h3 {
	color:inherit;
}

.legacy-content .d3-home-services-section .d3-service-card p {
	color:var(--d3-muted);
}

.legacy-content .d3-home-services-section .d3-service-card:hover p {
	color:rgba(255, 255, 255, 0.82);
}

.legacy-content .d3-home-services-section .d3-card-link {
	color:inherit;
}

@media (max-width: 1199.98px) {
.legacy-content .d3-home-services-section .d3-service-grid {
	grid-template-columns:repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 767.98px) {
.legacy-content .d3-home-services-section .d3-modern-container {
	width:min(100% - 28px, 1180px);
}
.legacy-content .d3-home-services-section .d3-service-grid {
	grid-template-columns:1fr;
}
.legacy-content .d3-home-services-section .d3-service-card {
	min-height:290px;
	border-radius:14px;
}
}

.legacy-content .wpb_single_image img,
.legacy-content .vc_single_image-wrapper img,
.legacy-content .serviceImage img,
.legacy-content .portfolio-img img,
.legacy-content .carr-img-col img {
	height:auto;
}

.legacy-content .d3-seo-support {
	background:#eff6ff;
}

.legacy-content .d3-seo-support__inner {
	width:min(1180px, calc(100% - 36px));
}

.legacy-content .d3-seo-support__head {
	max-width:780px;
}

.legacy-content .d3-seo-support__eyebrow {
	display:inline-flex;
	color:#2563eb;
}

.legacy-content .d3-seo-support h2 {
	color:#0b1226;
}

.legacy-content .d3-seo-support__lead {
	color:#4a5a70;
}

.legacy-content .d3-seo-support__grid {
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:18px;
}

.legacy-content .d3-seo-support__card {
	min-height:180px;
	border:1px solid rgba(11, 18, 38, 0.1);
	border-radius:16px;
	background:#ffffff;
	box-shadow:0 16px 42px rgba(11, 18, 38, 0.06);
}

.legacy-content .d3-seo-support__card h3 {
	color:#0b1226;
}

.legacy-content .d3-seo-support__card p {
	color:#4a5a70;
}

@media (max-width: 767.98px) {
.legacy-content .d3-seo-support__grid {
	grid-template-columns:1fr;
}
.legacy-content .d3-seo-support__card {
	min-height:0;
}
}

.legacy-content .d3-modern-container {
	width:min(1180px, calc(100% - 40px));
}

.legacy-content .d3-eyebrow {
	color:var(--d3-cyan);
}

.legacy-content .d3-section-head {
	max-width:760px;
}

.legacy-content .d3-section-head p:not(.d3-eyebrow),
.legacy-content .d3-experience__content p {
	color:var(--d3-muted);
}

.legacy-content .d3-service-grid {
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:18px;
}

.legacy-content .d3-service-card {
	position:relative;
	min-height:360px;
	display:flex;
	flex-direction:column;
	overflow:hidden;
	border:1px solid rgba(11, 18, 38, 0.1);
	border-radius:28px;
	background:#ffffff;
	color:var(--d3-ink);
	box-shadow:0 24px 70px rgba(11, 18, 38, 0.07);
}

.legacy-content .d3-service-card:before {
	position:absolute;
	inset:auto -30% -44% -30%;
	height:62%;
	border-radius:50%;
	background:linear-gradient(135deg, var(--d3-blue), var(--d3-cyan));
	transform:translateY(64%);
	z-index:0;
}

.legacy-content .d3-service-card > * {
	position:relative;
	z-index:1;
}

.legacy-content .d3-service-card:hover {
	color:#ffffff;
	transform:translateY(-8px);
	box-shadow:0 28px 80px rgba(37, 99, 235, 0.22);
}

.legacy-content .d3-service-card:hover:before {
	transform:translateY(0);
}

.legacy-content .d3-service-card__icon {
	width:74px;
	height:74px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:22px;
	background:var(--d3-soft);
}

.legacy-content .d3-service-card__icon img {
	width:44px;
	height:44px;
	object-fit:contain;
}

.legacy-content .d3-service-card__count:after {
	position:absolute;
	top:30px;
	right:30px;
	color:rgba(11, 18, 38, 0.12);
}

.legacy-content .d3-service-card p {
	color:var(--d3-muted);
}

.legacy-content .d3-service-card:hover p {
	color:rgba(255, 255, 255, 0.82);
}

.legacy-content .d3-modern-cta .d3-modern-container {
	max-width:840px;
}

@media (max-width: 1100px) {
.legacy-content .d3-service-grid,
.legacy-content .d3-process-grid {
	grid-template-columns:repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 767.98px) {
.legacy-content .d3-modern-container {
	width:min(100% - 28px, 1180px);
}
.legacy-content .d3-hero__metrics,
.legacy-content .d3-service-grid,
.legacy-content .d3-process-grid,
.legacy-content .d3-work-grid {
	grid-template-columns:1fr;
}
.legacy-content .d3-service-card,
.legacy-content .d3-work-card,
.legacy-content .d3-work-card--large {
	min-height:390px;
}
}

.legacy-content .d3-eyebrow {
	color:#22d3ee;
}

.legacy-content .d3-service-grid {
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:20px;
}

.legacy-content .d3-service-card {
	min-height:310px;
	border-radius:12px;
	box-shadow:0 12px 35px rgba(11, 18, 38, 0.07);
}

.legacy-content .d3-service-card:hover {
	transform:translateY(-6px);
}

.legacy-content .d3-service-card__icon {
	width:66px;
	height:66px;
	border-radius:12px;
}

.legacy-content .d3-old-portfolio-grid .d3-port-item {
	position:relative;
	overflow:hidden;
	border-radius:10px;
	background:#eff6ff;
	box-shadow:0 12px 30px rgba(11, 18, 38, 0.12);
}

.legacy-content .d3-old-portfolio-grid .d3-port-item a {
	position:relative;
	display:block;
	height:292px;
	color:#ffffff;
}

.legacy-content .d3-old-portfolio-grid .d3-port-img,
.legacy-content .d3-old-portfolio-grid .d3-port-img img {
	width:100%;
	height:100%;
}

.legacy-content .d3-old-portfolio-grid .d3-port-img img {
	display:block;
	object-fit:cover;
	object-position:top center;
}

.legacy-content .d3-old-portfolio-grid .d3-port-overlay {
	position:absolute;
	inset:auto 0 0;
	background:linear-gradient(180deg, rgba(11, 18, 38, 0), rgba(11, 18, 38, 0.88));
	transform:translateY(10px);
}

.legacy-content .d3-old-portfolio-grid .d3-port-overlay h4 {
	color:#ffffff;
}

.legacy-content .d3-old-portfolio-grid .d3-port-overlay span {
	color:rgba(255, 255, 255, 0.78);
}

.legacy-content .d3-old-portfolio-grid .d3-port-item:hover img {
	transform:scale(1.05);
}

.legacy-content .d3-old-portfolio-grid .d3-port-item:hover .d3-port-overlay {
	transform:translateY(0);
	background:linear-gradient(180deg, rgba(37, 99, 235, 0.1), rgba(37, 99, 235, 0.94));
}

.legacy-content .d3-modern-cta p:not(.d3-eyebrow) {
	max-width:720px;
	color:rgba(255, 255, 255, 0.78);
}

@media (max-width: 1100px) {
.legacy-content .d3-service-grid,
.legacy-content .d3-old-portfolio-grid,
.legacy-content .d3-process-grid,
.legacy-content .d3-tech-grid,
.legacy-content .d3-industry-grid,
.legacy-content .d3-testimonial-grid,
.legacy-content .d3-explore-grid {
	grid-template-columns:repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 767.98px) {
.legacy-content .d3-service-grid,
.legacy-content .d3-old-portfolio-grid,
.legacy-content .d3-process-grid,
.legacy-content .d3-tech-grid,
.legacy-content .d3-industry-grid,
.legacy-content .d3-testimonial-grid,
.legacy-content .d3-explore-grid,
.legacy-content .d3-intel-grid {
	grid-template-columns:1fr;
}
.legacy-content .d3-old-portfolio-grid .d3-port-item a {
	height:265px;
}
}

.legacy-content .page-id-1028 .d3-home-services-section h2,
.legacy-content .page-id-1028 .industry-heading,
.legacy-content .page-id-1028 .ai-heading,
.legacy-content .page-id-1028 .why-section h2,
.legacy-content .page-id-1028 .d3-port-head h2,
.legacy-content .page-id-1028 .testimonial-section h2,
.legacy-content .page-id-1028 .our_process h2,
.legacy-content .page-id-1028 .d3-newfaq-head h2,
.legacy-content .page-id-1028 .contact h2,
.legacy-content .page-id-1028 .section-title,
.legacy-content .page-id-1028 .stack-title,
.legacy-content .page-id-1028 .faq-container h2 {
	color:var(--d3-home-ink);
}

.legacy-content .page-id-1028 .d3-home-services-section .d3-section-head p:not(.d3-eyebrow),
.legacy-content .page-id-1028 .industry-subtitle,
.legacy-content .page-id-1028 .section-desc,
.legacy-content .page-id-1028 .why-para,
.legacy-content .page-id-1028 .d3-port-head p,
.legacy-content .page-id-1028 .testimonial-section p,
.legacy-content .page-id-1028 .d3-newfaq-head p,
.legacy-content .page-id-1028 .contact p,
.legacy-content .page-id-1028 p.hd-para {
	color:var(--d3-home-muted);
}

.legacy-content .page-id-1028 .d3-home-services-section {
	position:relative;
	overflow:hidden;
	background:linear-gradient(120deg, rgba(255, 255, 255, 0.78), rgba(239, 246, 255, 0.94)),
    radial-gradient(circle at 16% 18%, rgba(34, 211, 238, 0.18), transparent 26%),
    radial-gradient(circle at 86% 4%, rgba(37, 99, 235, 0.14), transparent 28%),
    #eff6ff;
}

.legacy-content .page-id-1028 .d3-home-services-section .d3-section-head {
	max-width:780px;
	position:relative;
	z-index:1;
}

.legacy-content .page-id-1028 .d3-service-ambient {
	position:absolute;
	inset:0;
	z-index:-1;
	overflow:hidden;
}

.legacy-content .page-id-1028 .d3-service-ambient:before {
	position:absolute;
	inset:0;
	opacity:0.58;
	background-image:linear-gradient(rgba(37, 99, 235, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37, 99, 235, 0.12) 1px, transparent 1px);
	background-size:54px 54px;
	animation:d3-service-grid-drift 18s linear infinite;
}

.legacy-content .page-id-1028 .d3-service-ambient:after {
	position:absolute;
	left:-20%;
	top:18%;
	width:58%;
	height:220px;
	border-radius:999px;
	background:linear-gradient(90deg, transparent, rgba(34, 211, 238, 0.22), rgba(37, 99, 235, 0.14), transparent);
	filter:blur(18px);
	transform:rotate(-10deg);
	animation:d3-service-sweep 10s ease-in-out infinite;
}

.legacy-content .page-id-1028 .d3-service-ambient span {
	position:absolute;
	width:180px;
	height:180px;
	border-radius:999px;
	background:radial-gradient(circle, rgba(34, 211, 238, 0.2), transparent 68%);
	filter:blur(2px);
	animation:d3-service-float 9s ease-in-out infinite;
}

.legacy-content .page-id-1028 .d3-service-ambient span:nth-child(1) {
	left:6%;
	top:18%;
}

.legacy-content .page-id-1028 .d3-service-ambient span:nth-child(2) {
	right:10%;
	top:10%;
	width:230px;
	height:230px;
	animation-delay:-3s;
}

.legacy-content .page-id-1028 .d3-service-ambient span:nth-child(3) {
	right:24%;
	bottom:3%;
	width:150px;
	height:150px;
	animation-delay:-6s;
}

.legacy-content .page-id-1028 .d3-home-services-section .d3-service-grid {
	position:relative;
	z-index:1;
	gap:20px;
}

.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card {
	min-height:315px;
	border-radius:16px;
	background:#ffffff;
	overflow:hidden;
}

.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card:hover {
	background:linear-gradient(135deg, var(--d3-home-blue), var(--d3-home-cyan));
}

.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card:before {
	inset:auto -16% -22% auto;
	width:210px;
	height:210px;
	border-radius:999px;
	background:rgba(255, 255, 255, 0.14);
	transform:translate(18%, 18%);
}

.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card:hover:before {
	transform:translate(8%, 8%) scale(1.12);
}

.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card__count {
	position:absolute !important;
	top:24px;
	right:26px;
	z-index:1;
}

.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card__count:after {
	position:static !important;
	display:block;
	color:rgba(11, 18, 38, 0.12);
}

.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card:hover .d3-service-card__count:after {
	color:rgba(255, 255, 255, 0.22);
}

.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card__icon {
	flex:0 0 auto;
	width:68px;
	height:68px;
	border-radius:15px;
}

.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card__icon img {
	width:40px;
	height:40px;
}

.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card__icon i {
	color:var(--d3-home-blue);
}

.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card:hover .d3-service-card__icon i {
	color:#ffffff;
}

.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card h3 {
	color:var(--d3-home-ink);
}

.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card p {
	color:var(--d3-home-muted);
}

.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card:hover h3,
.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card:hover p,
.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card:hover .d3-card-link {
	color:#ffffff !important;
}

.legacy-content .page-id-1028 .industry-section {
	background:var(--d3-home-soft);
}

.legacy-content .page-id-1028 .industry-section .row.g-3 {
	row-gap:18px;
}

.legacy-content .page-id-1028 .industry-box {
	min-height:136px;
	height:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:12px;
	border:1px solid rgba(11, 18, 38, 0.1);
	border-radius:14px;
	background:#ffffff;
	box-shadow:0 12px 34px rgba(11, 18, 38, 0.06);
}

.legacy-content .page-id-1028 .industry-box:hover {
	transform:translateY(-5px);
	border-color:rgba(37, 99, 235, 0.22);
	box-shadow:0 18px 42px rgba(37, 99, 235, 0.13);
}

.legacy-content .page-id-1028 .industry-icon {
	width:50px;
	height:50px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:14px;
	background:#eff6ff;
	color:var(--d3-home-blue);
}

.legacy-content .page-id-1028 .industry-icon img.emoji {
	display:none !important;
}

.legacy-content .page-id-1028 .industry-text {
	color:var(--d3-home-ink);
}

.legacy-content .page-id-1028 .ai-section {
	background:radial-gradient(circle at 18% 20%, rgba(34, 211, 238, 0.18), transparent 26%),
    radial-gradient(circle at 84% 8%, rgba(96, 165, 250, 0.18), transparent 28%),
    linear-gradient(145deg, #0b1226 0%, #0b1226 52%, #0b1226 100%) !important;
}

.legacy-content .page-id-1028 .ai-section .ai-heading,
.legacy-content .page-id-1028 .ai-section .ai-heading span,
.legacy-content .page-id-1028 .ai-section .shimmer-text {
	color:#ffffff !important;
	-webkit-text-fill-color:#ffffff !important;
	background:none !important;
}

.legacy-content .page-id-1028 .ai-section .ai-subtext {
	color:rgba(255, 255, 255, 0.76) !important;
}

.legacy-content .page-id-1028 .ai-section .ai-card {
	color:rgba(255, 255, 255, 0.78);
	border:1px solid rgba(96, 165, 250, 0.22);
}

.legacy-content .page-id-1028 .ai-section .ai-card .head {
	color:#ffffff !important;
}

.legacy-content .page-id-1028 .ai-section .icons-boxs {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:#ffffff;
	background:linear-gradient(135deg, rgba(96, 165, 250, 0.28), rgba(34, 211, 238, 0.16));
	border:1px solid rgba(255, 255, 255, 0.1);
}

.legacy-content .page-id-1028 .ai-section .icons-boxs i {
	color:#ffffff;
}

.legacy-content .page-id-1028 .d3-home-services-section {
	background:radial-gradient(circle at 14% 20%, rgba(34, 211, 238, 0.24), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(37, 99, 235, 0.16), transparent 30%),
    linear-gradient(180deg, #eff6ff 0%, #eff6ff 100%) !important;
}

.legacy-content .page-id-1028 .d3-service-ambient:before {
	opacity:0.5;
	background-size:64px 64px;
}

.legacy-content .page-id-1028 .d3-service-ambient span {
	width:260px;
	height:260px;
	background:radial-gradient(circle, rgba(34, 211, 238, 0.2), transparent 68%);
}

.legacy-content .page-id-1028 .d3-service-ambient span:nth-child(2) {
	width:320px;
	height:320px;
}

.legacy-content .page-id-1028 .d3-home-services-section .d3-service-grid {
	gap:22px;
}

.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card {
	min-height:300px;
	border-color:rgba(37, 99, 235, 0.12);
	background:linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.84));
	backdrop-filter:blur(10px);
}

.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card__icon {
	background:linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(34, 211, 238, 0.12));
	box-shadow:inset 0 0 0 1px rgba(37, 99, 235, 0.08);
}

.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card__icon i {
	color:#2563eb;
}

.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card:hover .d3-service-card__icon {
	background:rgba(255, 255, 255, 0.16);
	box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}

.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card:hover .d3-service-card__icon i {
	color:#ffffff;
}

.legacy-content .page-id-1028 section#contact {
	position:relative;
	overflow:hidden;
	background:radial-gradient(circle at 12% 20%, rgba(37, 99, 235, 0.08), transparent 28%),
    radial-gradient(circle at 86% 18%, rgba(34, 211, 238, 0.1), transparent 30%),
    #eff6ff;
}

.legacy-content .page-id-1028 section#contact .contact-grid {
	align-items:start;
	gap:46px;
}

.legacy-content .page-id-1028 section#contact .info-item {
	display:grid;
	grid-template-columns:54px minmax(0, 1fr);
	align-items:center;
	gap:16px;
}

.legacy-content .page-id-1028 section#contact .icon-blue {
	width:54px;
	height:54px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:14px;
	color:#ffffff;
	background:linear-gradient(135deg, #2563eb, #22d3ee);
	box-shadow:0 14px 30px rgba(37, 99, 235, 0.22);
}

.legacy-content .page-id-1028 section#contact .icon-blue i {
	color:#ffffff;
}

.legacy-content .page-id-1028 section#contact .label {
	color:#2563eb;
}

.legacy-content .page-id-1028 section#contact .value,
.legacy-content .page-id-1028 section#contact .value a {
	color:#0b1226;
}

.legacy-content .page-id-1028 section#contact .why-box {
	border:1px solid rgba(37, 99, 235, 0.1);
	border-radius:18px;
	background:rgba(255, 255, 255, 0.74);
	box-shadow:0 18px 50px rgba(11, 18, 38, 0.08);
	backdrop-filter:blur(10px);
}

.legacy-content .page-id-1028 section#contact .why-box li i {
	color:#2563eb;
}

.legacy-content .page-id-1028 section#contact .d3-why-card {
	position:relative;
	display:grid;
	grid-template-columns:minmax(0, 1fr) minmax(240px, 0.82fr);
	gap:26px;
	align-items:center;
	overflow:hidden;
	background:linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(239, 246, 255, 0.78)),
    radial-gradient(circle at 88% 18%, rgba(34, 211, 238, 0.16), transparent 30%);
}

.legacy-content .page-id-1028 section#contact .d3-why-card:before {
	position:absolute;
	inset:0;
	opacity:0.42;
	background-image:linear-gradient(rgba(37, 99, 235, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37, 99, 235, 0.08) 1px, transparent 1px);
	background-size:34px 34px;
	animation:d3-why-grid 16s linear infinite;
}

.legacy-content .page-id-1028 section#contact .d3-why-card > * {
	position:relative;
	z-index:1;
}

.legacy-content .page-id-1028 section#contact .d3-mini-label {
	display:inline-flex;
	color:#2563eb;
}

.legacy-content .page-id-1028 section#contact .d3-why-card h4 {
	color:#0b1226;
}

.legacy-content .page-id-1028 section#contact .d3-why-card ul {
	display:grid;
	gap:12px;
}

.legacy-content .page-id-1028 section#contact .d3-why-card li {
	display:grid;
	grid-template-columns:32px minmax(0, 1fr);
	align-items:center;
	gap:10px;
	color:#0b1226;
}

.legacy-content .page-id-1028 section#contact .d3-why-card li i {
	width:32px;
	height:32px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:10px;
	color:#ffffff;
	background:linear-gradient(135deg, #2563eb, #22d3ee);
	box-shadow:0 10px 22px rgba(37, 99, 235, 0.2);
}

.legacy-content .page-id-1028 section#contact .d3-why-visual {
	min-height:230px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:18px;
}

.legacy-content .page-id-1028 section#contact .d3-why-visual img {
	width:min(100%, 360px);
	height:auto;
	display:block;
	filter:drop-shadow(0 18px 35px rgba(37, 99, 235, 0.15));
}

@media (max-width: 767.98px) {
.legacy-content .page-id-1028 section#contact .contact-grid {
	gap:28px;
}
.legacy-content .page-id-1028 section#contact .info-item {
	grid-template-columns:48px minmax(0, 1fr);
	gap:14px;
}
.legacy-content .page-id-1028 section#contact .icon-blue {
	width:48px;
	height:48px;
}
.legacy-content .page-id-1028 section#contact .d3-why-card {
	grid-template-columns:1fr;
}
.legacy-content .page-id-1028 section#contact .d3-why-visual {
	min-height:180px;
}
}

@media (max-width: 991.98px) {
.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card {
	min-height:280px;
}
}

@media (max-width: 575.98px) {
.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card {
	min-height:305px;
}
.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card__count {
	top:22px;
	right:22px;
}
.legacy-content .page-id-1028 .industry-box {
	min-height:126px;
}
}

.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card:first-child {
	color:#ffffff;
	background:linear-gradient(135deg, var(--d3-home-blue), var(--d3-home-cyan));
	border-color:rgba(37, 99, 235, 0.2);
	box-shadow:0 28px 80px rgba(37, 99, 235, 0.22);
	transform:translateY(-4px);
}

.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card:first-child:before {
	transform:translate(8%, 8%) scale(1.12);
}

.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card:first-child .d3-service-card__icon {
	background:rgba(255, 255, 255, 0.14);
}

.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card:first-child .d3-service-card__icon i,
.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card:first-child h3,
.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card:first-child p,
.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card:first-child .d3-card-link {
	color:#ffffff !important;
}

.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card:first-child .d3-service-card__count:after {
	color:rgba(255, 255, 255, 0.22);
}

@media (max-width: 767.98px) {
.legacy-content .page-id-1028 .d3-home-services-section .d3-service-card:first-child {
	transform:none;
}
}

.legacy-content .page-id-1028 .our_process {
	background:#ffffff !important;
	position:relative;
	overflow:hidden;
}

.legacy-content .page-id-1028 .our_process::before,
.legacy-content .page-id-1028 .our_process::after {
	display:none !important;
}

.legacy-content .page-id-1028 .our_process::before {
	left:max(18px, 5vw);
	top:86px;
	width:150px;
	height:150px;
	background-image:url("../icons/Discussion.png");
}

.legacy-content .page-id-1028 .our_process::after {
	right:max(18px, 5vw);
	bottom:38px;
	width:170px;
	height:170px;
	background-image:url("../icons/Launch.png");
	animation-delay:-3s;
}

.legacy-content .page-id-1028 .our_process > .container {
	position:relative;
	z-index:1;
}

.legacy-content .page-id-1028 .our_process h2,
.legacy-content .page-id-1028 .our_process h2 span,
.legacy-content .page-id-1028 .our_process h2 i {
	color:var(--d3-home-ink) !important;
	-webkit-text-fill-color:var(--d3-home-ink) !important;
	background:none !important;
}

.legacy-content .page-id-1028 .our_process h2 i.fa {
	color:var(--d3-home-blue) !important;
	-webkit-text-fill-color:var(--d3-home-blue) !important;
}

.legacy-content .page-id-1028 .our_process p.text-lg {
	max-width:720px;
	color:var(--d3-home-muted) !important;
}

.legacy-content .page-id-1028 .our_process .row.align-items-end {
	align-items:stretch !important;
}

.legacy-content .page-id-1028 .our_process .col-md-3 {
	display:flex;
}

.legacy-content .page-id-1028 .our_process .process-box {
	width:100%;
	min-height:330px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	border:1px solid rgba(11, 18, 38, 0.08);
	border-radius:18px;
	background:#ffffff !important;
	box-shadow:0 18px 48px rgba(11, 18, 38, 0.07) !important;
}

.legacy-content .page-id-1028 .our_process .number-box {
	top:-42px;
	width:88px;
	height:88px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:999px;
	background:linear-gradient(135deg, var(--d3-home-blue), var(--d3-home-cyan)) !important;
	color:#ffffff !important;
	box-shadow:0 16px 34px rgba(37, 99, 235, 0.25) !important;
}

.legacy-content .page-id-1028 .our_process .p-arrow {
	opacity:0.32;
	filter:grayscale(1);
}

.legacy-content .page-id-1028 .our_process .icon-main {
	min-height:112px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.legacy-content .page-id-1028 .our_process .icon-main img {
	width:112px;
	height:auto;
	max-height:112px;
	object-fit:contain;
	filter:drop-shadow(0 14px 22px rgba(37, 99, 235, 0.12));
}

.legacy-content .page-id-1028 .our_process .content-box {
	color:var(--d3-home-muted);
}

.legacy-content .page-id-1028 .our_process .content-box h5 {
	color:var(--d3-home-ink) !important;
}

@media (max-width: 767.98px) {
.legacy-content .page-id-1028 .our_process::before,
.legacy-content .page-id-1028 .our_process::after {
	width:96px;
	height:96px;
	opacity:0.06;
}
.legacy-content .page-id-1028 .our_process .process-box {
	min-height:0;
}
}

.legacy-content .page-id-56 .page-title-section {
	position:relative;
	overflow:hidden;
	background:radial-gradient(circle at 82% 8%, rgba(34, 211, 238, 0.28), transparent 28%),
    linear-gradient(135deg, #0b1226 0%, #1d4ed8 52%, #22d3ee 100%) !important;
}

.legacy-content .page-id-56 .page-title-section:before {
	position:absolute;
	inset:0;
	background-image:linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
	background-size:56px 56px;
	opacity:0.35;
}

.legacy-content .page-id-56 .page-title-section .content-boxed {
	position:relative;
	z-index:1;
}

.legacy-content .page-id-56 .page-title-section .inner-box {
	max-width:850px;
}

.legacy-content .page-id-56 .page-title-section .title {
	color:rgba(255, 255, 255, 0.72) !important;
}

.legacy-content .page-id-56 .page-title-section h2 {
	max-width:760px;
	color:#ffffff !important;
}

.legacy-content .page-id-56 .page-title-section .text {
	max-width:780px;
	color:rgba(255, 255, 255, 0.82) !important;
}

.legacy-content .page-id-56 .who.we.are.section,
.legacy-content .page-id-56 .who-we-are-section2 {
	background:#ffffff;
}

.legacy-content .page-id-56 .who-we-are-section2 {
	background:var(--d3-about-soft);
}

.legacy-content .page-id-56 .whoweare-content {
	display:grid !important;
	grid-template-columns:minmax(0, 1fr) minmax(320px, 0.82fr);
	gap:56px;
	align-items:center;
}

.legacy-content .page-id-56 .who-we-are-section2 .whoweare-content {
	grid-template-columns:minmax(320px, 0.82fr) minmax(0, 1fr);
}

.legacy-content .page-id-56 .text-content-whoweare,
.legacy-content .page-id-56 .who-we-are-section2 .text-content-whoweare {
	width:auto !important;
}

.legacy-content .page-id-56 .text-content-whoweare h2 {
	color:var(--d3-about-ink) !important;
}

.legacy-content .page-id-56 .text-content-whoweare .text {
	color:var(--d3-about-muted) !important;
}

.legacy-content .page-id-56 .img-whoweare img {
	width:100%;
	height:auto;
	display:block;
	border-radius:24px;
	background:linear-gradient(145deg, #eff6ff 0%, #eff6ff 100%);
	box-shadow:0 26px 80px rgba(11, 18, 38, 0.12);
}

.legacy-content .page-id-56 .img-whoweare {
	position:relative;
}

.legacy-content .page-id-56 .img-whoweare:before {
	position:absolute;
	inset:-18px;
	z-index:-1;
	border-radius:32px;
	background:radial-gradient(circle at 18% 18%, rgba(34, 211, 238, 0.2), transparent 30%),
    radial-gradient(circle at 86% 76%, rgba(59, 130, 246, 0.14), transparent 34%);
	opacity:0.95;
}

.legacy-content .page-id-56 .who-we-are-section2 .img-whoweare:before {
	background:radial-gradient(circle at 18% 78%, rgba(59, 130, 246, 0.16), transparent 34%),
    radial-gradient(circle at 84% 18%, rgba(34, 211, 238, 0.2), transparent 30%);
}

.legacy-content .page-id-56 .d3-about-upgrade,
.legacy-content .page-id-56 .d3-about-approach {
	position:relative;
	overflow:hidden;
}

.legacy-content .page-id-56 .d3-about-upgrade {
	background:radial-gradient(circle at 10% 0%, rgba(34, 211, 238, 0.14), transparent 25%),
    radial-gradient(circle at 92% 8%, rgba(37, 99, 235, 0.13), transparent 28%),
    var(--d3-about-soft);
}

.legacy-content .page-id-56 .d3-about-metrics {
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:16px;
}

.legacy-content .page-id-56 .d3-about-metric {
	min-height:126px;
	border:1px solid rgba(11, 18, 38, 0.08);
	border-radius:16px;
	background:#ffffff;
	box-shadow:0 18px 50px rgba(11, 18, 38, 0.06);
}

.legacy-content .page-id-56 .d3-about-metric strong {
	display:block;
	color:var(--d3-about-blue);
}

.legacy-content .page-id-56 .d3-about-metric span {
	display:block;
	color:var(--d3-about-muted);
}

.legacy-content .page-id-56 .d3-about-card-grid {
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:18px;
}

.legacy-content .page-id-56 .d3-about-card {
	min-height:250px;
	border:1px solid rgba(11, 18, 38, 0.08);
	border-radius:18px;
	background:#ffffff;
	box-shadow:0 18px 50px rgba(11, 18, 38, 0.06);
}

.legacy-content .page-id-56 .d3-about-card:hover {
	transform:translateY(-6px);
	box-shadow:0 26px 70px rgba(37, 99, 235, 0.14);
}

.legacy-content .page-id-56 .d3-about-card.is-featured {
	color:#ffffff;
	background:linear-gradient(135deg, var(--d3-about-blue), var(--d3-about-cyan));
}

.legacy-content .page-id-56 .d3-about-card i {
	width:62px;
	height:62px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:16px;
	background:rgba(37, 99, 235, 0.08);
	color:var(--d3-about-blue);
}

.legacy-content .page-id-56 .d3-about-card.is-featured i {
	background:rgba(255, 255, 255, 0.16);
	color:#ffffff;
}

.legacy-content .page-id-56 .d3-about-card h3 {
	color:var(--d3-about-ink);
}

.legacy-content .page-id-56 .d3-about-card p {
	color:var(--d3-about-muted);
}

.legacy-content .page-id-56 .d3-about-card.is-featured h3,
.legacy-content .page-id-56 .d3-about-card.is-featured p {
	color:#ffffff;
}

.legacy-content .page-id-56 .d3-about-approach {
	background:#ffffff;
}

.legacy-content .page-id-56 .d3-about-approach-grid {
	display:grid;
	grid-template-columns:minmax(0, 0.78fr) minmax(0, 1fr);
	gap:56px;
	align-items:start;
}

.legacy-content .page-id-56 .d3-about-steps {
	display:grid;
	gap:16px;
}

.legacy-content .page-id-56 .d3-about-step {
	position:relative;
	border:1px solid rgba(11, 18, 38, 0.08);
	border-radius:16px;
	background:#ffffff;
	box-shadow:0 16px 42px rgba(11, 18, 38, 0.06);
}

.legacy-content .page-id-56 .d3-about-step span {
	position:absolute;
	left:24px;
	top:24px;
	width:48px;
	height:48px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:14px;
	background:linear-gradient(135deg, var(--d3-about-blue), var(--d3-about-cyan));
	color:#ffffff;
}

.legacy-content .page-id-56 .d3-about-step strong {
	display:block;
	color:var(--d3-about-ink);
}

.legacy-content .page-id-56 .d3-about-step p {
	color:var(--d3-about-muted);
}

@media (max-width: 991.98px) {
.legacy-content .page-id-56 .whoweare-content,
.legacy-content .page-id-56 .who-we-are-section2 .whoweare-content,
.legacy-content .page-id-56 .d3-about-approach-grid {
	grid-template-columns:1fr;
}
.legacy-content .page-id-56 .who-we-are-section2 .img-whoweare {
	order:2;
}
.legacy-content .page-id-56 .d3-about-metrics,
.legacy-content .page-id-56 .d3-about-card-grid {
	grid-template-columns:repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 767.98px) {
.legacy-content .page-id-56 .d3-about-metrics,
.legacy-content .page-id-56 .d3-about-card-grid {
	grid-template-columns:1fr;
}
.legacy-content .page-id-56 .d3-about-step span {
	left:22px;
	top:22px;
}
}

.legacy-content /* Stronger About hero correction: compact,
.legacy-content readable,
.legacy-content no full-screen billboard. */
.page-id-56 .page-title-section {
	min-height:0 !important;
	height:auto !important;
	display:block !important;
	background:radial-gradient(circle at 86% 18%, rgba(34, 211, 238, 0.2), transparent 24%),
    linear-gradient(135deg, #0b1226 0%, #1d4ed8 54%, #2563eb 100%) !important;
}

.legacy-content .page-id-56 .page-title-section .left-color-layer,
.legacy-content .page-id-56 .page-title-section .right-color-layer,
.legacy-content .page-id-56 .page-title-section [class*="icon-layer"] {
	display:none !important;
}

.legacy-content .page-id-56 .page-title-section .container {
	width:min(1180px, calc(100% - 40px));
	max-width:1180px;
}

.legacy-content .page-id-56 .page-title-section .content-boxed {
	display:block !important;
	max-width:760px !important;
}

.legacy-content .page-id-56 .d3-about-hero-layout {
	position:relative;
	z-index:1;
	display:grid;
	grid-template-columns:minmax(0, 0.95fr) minmax(340px, 0.62fr);
	gap:48px;
	align-items:center;
}

.legacy-content .page-id-56 .page-title-section .inner-box {
	max-width:760px !important;
	min-height:0 !important;
}

.legacy-content .page-id-56 .page-title-section .title {
	display:inline-flex;
	color:rgba(255, 255, 255, 0.72) !important;
}

.legacy-content .page-id-56 .page-title-section h2 {
	max-width:720px !important;
	color:#ffffff !important;
}

.legacy-content .page-id-56 .page-title-section .text {
	max-width:680px !important;
	color:rgba(255, 255, 255, 0.82) !important;
}

.legacy-content .page-id-56 .d3-about-hero-actions {
	display:flex;
	flex-wrap:wrap;
	gap:14px;
}

.legacy-content .page-id-56 .d3-about-primary,
.legacy-content .page-id-56 .d3-about-phone {
	min-height:54px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	border-radius:999px;
}

.legacy-content .page-id-56 .d3-about-primary {
	color:#0b1226 !important;
	background:#ffffff;
	box-shadow:0 18px 44px rgba(7, 11, 22, 0.18);
}

.legacy-content .page-id-56 .d3-about-phone {
	color:#ffffff !important;
	border:1px solid rgba(255, 255, 255, 0.34);
	background:rgba(255, 255, 255, 0.12);
	backdrop-filter:blur(12px);
}

.legacy-content .page-id-56 .d3-about-primary:hover,
.legacy-content .page-id-56 .d3-about-phone:hover {
	transform:translateY(-3px);
	box-shadow:0 22px 52px rgba(7, 11, 22, 0.2);
}

.legacy-content .page-id-56 .d3-about-hero-visual {
	position:relative;
	min-height:300px;
}

.legacy-content .page-id-56 .d3-orbit {
	position:absolute;
	inset:28px 24px;
	border-radius:999px;
	border:1px solid rgba(255, 255, 255, 0.2);
	background:radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.16), transparent 34%),
    radial-gradient(circle at 50% 50%, rgba(34, 211, 238, 0.24), transparent 62%);
	animation:d3-about-float 7s ease-in-out infinite;
}

.legacy-content .page-id-56 .d3-orbit span {
	position:absolute;
	width:12px;
	height:12px;
	border-radius:50%;
	background:#ffffff;
	box-shadow:0 0 0 8px rgba(255, 255, 255, 0.14);
}

.legacy-content .page-id-56 .d3-orbit span:nth-child(1) {
	left:22%;
	top:18%;
}

.legacy-content .page-id-56 .d3-orbit span:nth-child(2) {
	right:18%;
	top:34%;
	background:#22d3ee;
}

.legacy-content .page-id-56 .d3-orbit span:nth-child(3) {
	left:42%;
	bottom:12%;
	background:#60a5fa;
}

.legacy-content .page-id-56 .d3-live-card,
.legacy-content .page-id-56 .d3-hero-mini-card {
	position:absolute;
	border:1px solid rgba(255, 255, 255, 0.22);
	background:rgba(255, 255, 255, 0.14);
	color:#ffffff;
	box-shadow:0 24px 60px rgba(7, 11, 22, 0.2);
	backdrop-filter:blur(16px);
}

.legacy-content .page-id-56 .d3-live-card {
	left:48px;
	right:28px;
	top:84px;
	border-radius:24px;
}

.legacy-content .page-id-56 .d3-live-card i {
	width:50px;
	height:50px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:16px;
	color:#0b1226;
	background:#ffffff;
}

.legacy-content .page-id-56 .d3-live-card strong,
.legacy-content .page-id-56 .d3-live-card small {
	display:block;
}

.legacy-content .page-id-56 .d3-live-card small {
	color:rgba(255, 255, 255, 0.82);
}

.legacy-content .page-id-56 .d3-hero-mini-card {
	display:inline-flex;
	align-items:center;
	gap:8px;
	border-radius:999px;
	animation:d3-about-float 6s ease-in-out infinite;
}

.legacy-content .page-id-56 .d3-hero-mini-card-one {
	left:10px;
	bottom:54px;
}

.legacy-content .page-id-56 .d3-hero-mini-card-two {
	right:0;
	top:34px;
	animation-delay:-2s;
}

.legacy-content .page-id-56 .page-title-section:after {
	position:absolute;
	right:8%;
	bottom:-72px;
	width:230px;
	height:230px;
	border-radius:999px;
	background:rgba(255, 255, 255, 0.08);
}

.legacy-content .page-id-56 .d3-photo-frame img {
	aspect-ratio:1.36 / 1;
	object-fit:cover;
}

.legacy-content .page-id-56 .who-we-are-section2 .d3-photo-frame img {
	aspect-ratio:1.06 / 1;
}

.legacy-content .page-id-56 .d3-process-visual {
	position:relative;
	min-height:250px;
	border:1px solid rgba(11, 18, 38, 0.08);
	border-radius:24px;
	background:radial-gradient(circle at 22% 22%, rgba(34, 211, 238, 0.18), transparent 30%),
    linear-gradient(145deg, #eff6ff 0%, #eff6ff 100%);
	box-shadow:0 24px 70px rgba(11, 18, 38, 0.08);
	overflow:hidden;
}

.legacy-content .page-id-56 .d3-process-screen {
	position:absolute;
	left:42px;
	right:42px;
	top:46px;
	bottom:46px;
	border-radius:22px;
	background:#ffffff;
	box-shadow:0 18px 48px rgba(11, 18, 38, 0.1);
}

.legacy-content .page-id-56 .d3-process-screen span {
	position:absolute;
	top:24px;
	width:10px;
	height:10px;
	border-radius:50%;
	background:#3b82f6;
}

.legacy-content .page-id-56 .d3-process-screen span:nth-child(1) {
	left:24px;
}

.legacy-content .page-id-56 .d3-process-screen span:nth-child(2) {
	left:44px;
	background:#3b82f6;
}

.legacy-content .page-id-56 .d3-process-screen span:nth-child(3) {
	left:64px;
	background:#2563eb;
}

.legacy-content .page-id-56 .d3-process-line {
	position:absolute;
	left:34px;
	right:34px;
	top:104px;
	height:12px;
	border-radius:999px;
	background:linear-gradient(90deg, #3b82f6, #22d3ee);
}

.legacy-content .page-id-56 .d3-process-line:after {
	position:absolute;
	left:0;
	top:0;
	width:38%;
	height:100%;
	border-radius:inherit;
	background:rgba(255, 255, 255, 0.55);
	animation:d3-about-slide 3.4s ease-in-out infinite;
}

.legacy-content .page-id-56 .d3-process-bars {
	position:absolute;
	left:36px;
	right:36px;
	bottom:34px;
	display:grid;
	grid-template-columns:0.8fr 1fr 0.62fr;
	gap:12px;
}

.legacy-content .page-id-56 .d3-process-bars b {
	height:16px;
	border-radius:999px;
	background:#eff6ff;
}

.legacy-content .page-id-56 .d3-process-bubble {
	position:absolute;
	display:inline-flex;
	align-items:center;
	gap:8px;
	border-radius:999px;
	background:#0b1226;
	color:#ffffff;
	box-shadow:0 16px 34px rgba(11, 18, 38, 0.18);
	animation:d3-about-float 6s ease-in-out infinite;
}

.legacy-content .page-id-56 .d3-process-bubble-one {
	left:24px;
	top:30px;
}

.legacy-content .page-id-56 .d3-process-bubble-two {
	right:32px;
	top:78px;
	background:#3b82f6;
	animation-delay:-2s;
}

.legacy-content .page-id-56 .d3-process-bubble-three {
	left:42%;
	bottom:24px;
	background:#22d3ee;
	animation-delay:-3.5s;
}

.legacy-content .page-id-56 .d3-about-faq {
	background:radial-gradient(circle at 12% 18%, rgba(34, 211, 238, 0.12), transparent 28%),
    radial-gradient(circle at 88% 78%, rgba(59, 130, 246, 0.12), transparent 32%),
    var(--d3-about-soft);
}

.legacy-content .page-id-56 .d3-about-faq-shell {
	display:grid;
	grid-template-columns:minmax(300px, 0.74fr) minmax(0, 1fr);
	gap:34px;
	align-items:start;
}

.legacy-content .page-id-56 .d3-about-faq-brand {
	position:sticky;
	top:104px;
	overflow:hidden;
	min-height:430px;
	border-radius:26px;
	background:radial-gradient(circle at 86% 12%, rgba(255, 255, 255, 0.22), transparent 34%),
    linear-gradient(135deg, #0b1226 0%, #2563eb 58%, #22d3ee 100%);
	color:#ffffff;
	box-shadow:0 28px 80px rgba(11, 18, 38, 0.16);
}

.legacy-content .page-id-56 .d3-about-faq-logo {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:148px;
	min-height:64px;
	border-radius:18px;
	box-shadow:0 18px 44px rgba(7, 11, 22, 0.16);
}

.legacy-content .page-id-56 .d3-about-faq-logo img {
	width:112px;
	height:auto;
	display:block;
}

.legacy-content .page-id-56 .d3-about-faq-brand h2 {
	position:relative;
	z-index:1;
	color:#ffffff;
}

.legacy-content .page-id-56 .d3-about-faq-brand p {
	position:relative;
	z-index:1;
	color:rgba(255, 255, 255, 0.82);
}

.legacy-content .page-id-56 .d3-about-faq-brand a {
	position:relative;
	z-index:1;
	display:inline-flex;
	align-items:center;
	gap:10px;
	border-radius:999px;
	background:#ffffff;
	color:#0b1226 !important;
}

.legacy-content .page-id-56 .d3-about-faq-brand  
.page-id-56 .d3-about-faq-orbit {
	position:absolute;
	right:-96px;
	bottom:-92px;
	width:280px;
	height:280px;
	border:1px solid rgba(255, 255, 255, 0.22);
	border-radius:50%;
	animation:d3-about-spin 18s linear infinite;
}

.legacy-content .page-id-56 .d3-about-faq-orbit:before,
.legacy-content .page-id-56 .d3-about-faq-orbit:after {
	position:absolute;
	inset:48px;
	border:1px solid rgba(255, 255, 255, 0.18);
	border-radius:50%;
}

.legacy-content .page-id-56 .d3-about-faq-orbit:after {
	inset:96px;
}

.legacy-content .page-id-56 .d3-about-faq-orbit span {
	position:absolute;
	width:12px;
	height:12px;
	border-radius:50%;
	background:#ffffff;
	box-shadow:0 0 0 9px rgba(255, 255, 255, 0.14);
}

.legacy-content .page-id-56 .d3-about-faq-orbit span:nth-child(1) {
	left:42px;
	top:46px;
}

.legacy-content .page-id-56 .d3-about-faq-orbit span:nth-child(2) {
	right:22px;
	top:120px;
	background:#60a5fa;
}

.legacy-content .page-id-56 .d3-about-faq-orbit span:nth-child(3) {
	left:128px;
	bottom:18px;
	background:#22d3ee;
}

@media (max-width: 991.98px) {
.legacy-content .page-id-56 .d3-about-hero-layout {
	grid-template-columns:1fr;
	gap:22px;
}
.legacy-content .page-id-56 .d3-about-hero-visual {
	min-height:230px;
	max-width:520px;
}
.legacy-content .page-id-56 .d3-live-card {
	left:28px;
	right:22px;
	top:48px;
}
.legacy-content .page-id-56 .d3-about-faq-shell {
	grid-template-columns:1fr;
}
.legacy-content .page-id-56 .d3-about-faq-brand {
	position:relative;
	top:auto;
	min-height:320px;
}
}

@media (max-width: 767.98px) {
.legacy-content .page-id-56 .page-title-section .container {
	width:min(100% - 28px, 1180px);
}
.legacy-content .page-id-56 .d3-about-hero-actions {
	gap:10px;
}
.legacy-content .page-id-56 .d3-about-primary,
.legacy-content .page-id-56 .d3-about-phone {
	width:100%;
	min-height:50px;
}
.legacy-content .page-id-56 .d3-about-hero-visual {
	min-height:210px;
}
.legacy-content .page-id-56 .d3-live-card {
	left:14px;
	right:14px;
	top:42px;
}
.legacy-content .page-id-56 .d3-hero-mini-card-one {
	left:0;
	bottom:20px;
}
.legacy-content .page-id-56 .d3-hero-mini-card-two {
	right:0;
	top:6px;
}
.legacy-content .page-id-56 .d3-process-visual {
	min-height:220px;
}
.legacy-content .page-id-56 .d3-process-screen {
	left:20px;
	right:20px;
}
.legacy-content .page-id-56 .d3-about-faq-brand {
	min-height:0;
}
}

.legacy-content /* About polish: prevent hero clipping,
.legacy-content balance team copy,
.legacy-content and improve FAQ motion. */
.page-id-56 .page-title-section {
	overflow:hidden !important;
}

.legacy-content .page-id-56 .d3-about-hero-layout {
	grid-template-columns:minmax(0, 1fr) minmax(280px, 410px) !important;
	gap:clamp(24px, 4vw, 52px) !important;
}

.legacy-content .page-id-56 .page-title-section .content-boxed,
.legacy-content .page-id-56 .page-title-section .inner-box {
	max-width:690px !important;
}

.legacy-content .page-id-56 .d3-about-hero-visual {
	width:min(100%, 410px);
	justify-self:end;
	transform:scale(0.92);
}

.legacy-content .page-id-56 .d3-live-card {
	left:24px;
	right:18px;
}

.legacy-content .page-id-56 .d3-about-keywords {
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}

.legacy-content .page-id-56 .d3-about-keywords span,
.legacy-content .page-id-56 .d3-about-keywords a {
	display:inline-flex;
	align-items:center;
	min-height:36px;
	border:1px solid rgba(37, 99, 235, 0.14);
	border-radius:999px;
	background:#ffffff;
	color:#1d4ed8;
	box-shadow:0 12px 28px rgba(11, 18, 38, 0.05);
}

.legacy-content .page-id-56 .d3-about-keywords a:hover {
	border-color:rgba(37, 99, 235, 0.3);
	background:#eff6ff;
	color:#2563eb;
	box-shadow:0 14px 30px rgba(37, 99, 235, 0.09);
}

.legacy-content .page-id-56 .who-we-are-section2 .d3-photo-frame img {
	aspect-ratio:1.12 / 1;
}

.legacy-content .page-id-56 .d3-about-faq-logo img {
	width:152px;
	max-height:48px;
	object-fit:contain;
}

.legacy-content .page-id-56 .d3-about-faq-icons {
	position:relative;
	z-index:1;
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:10px;
}

.legacy-content .page-id-56 .d3-about-faq-icons span,
.legacy-content .page-id-56 .d3-about-faq-icons a {
	display:inline-flex;
	align-items:center;
	gap:8px;
	min-height:42px;
	border:1px solid rgba(255, 255, 255, 0.18);
	border-radius:14px;
	background:rgba(255, 255, 255, 0.12);
	color:#ffffff !important;
	backdrop-filter:blur(10px);
}

.legacy-content .page-id-56 .d3-about-faq-icons span i,
.legacy-content .page-id-56 .d3-about-faq-icons a i {
	color:#ffffff !important;
}

.legacy-content .page-id-56 .d3-about-faq-brand:hover .d3-about-faq-icons span,
.legacy-content .page-id-56 .d3-about-faq-brand:hover .d3-about-faq-icons a {
	background:rgba(255, 255, 255, 0.18);
}

.legacy-content .page-id-56 .d3-about-faq-icons span:hover,
.legacy-content .page-id-56 .d3-about-faq-icons a:hover {
	color:#ffffff !important;
	border-color:rgba(255, 255, 255, 0.3);
	box-shadow:0 12px 26px rgba(7, 11, 22, 0.12);
}

@media (max-width: 1199.98px) {
.legacy-content .page-id-56 .d3-about-hero-layout {
	grid-template-columns:minmax(0, 1fr) minmax(260px, 340px) !important;
}
.legacy-content .page-id-56 .d3-about-hero-visual {
	transform:scale(0.82);
}
}

@media (max-width: 991.98px) {
.legacy-content .page-id-56 .d3-about-hero-layout {
	grid-template-columns:1fr !important;
}
.legacy-content .page-id-56 .d3-about-hero-visual {
	justify-self:start;
	transform:none;
}
}

@media (max-width: 767.98px) {
.legacy-content .page-id-56 .d3-about-keywords,
.legacy-content .page-id-56 .d3-about-faq-icons {
	grid-template-columns:1fr;
}
}

@media (min-width: 1200px) {
.legacy-content .page-id-56 .d3-about-hero-layout {
	grid-template-columns:minmax(0, 1fr) minmax(0, 360px) !important;
	gap:48px !important;
}
.legacy-content .page-id-56 .d3-about-hero-visual {
	width:360px !important;
}
}

.legacy-content /* About heading normalization: keep section titles visually consistent. */
.page-id-56 .d3-about-heading {
	max-width:920px;
}

.legacy-content .page-id-56 .d3-about-heading h2,
.legacy-content .page-id-56 .d3-about-upgrade .d3-about-heading h2,
.legacy-content .page-id-56 .d3-about-approach .d3-about-heading h2,
.legacy-content .page-id-56 .d3-about-faq .d3-about-heading h2 {
	display:block !important;
	max-width:820px !important;
	color:var(--d3-about-ink) !important;
}

.legacy-content .page-id-56 .d3-about-heading p {
	max-width:960px;
	color:var(--d3-about-muted) !important;
}

.legacy-content .page-id-56 .d3-about-upgrade .d3-eyebrow,
.legacy-content .page-id-56 .d3-about-approach .d3-eyebrow,
.legacy-content .page-id-56 .d3-about-faq .d3-eyebrow {
	display:block;
}

.legacy-content /* About process section polish. */
.page-id-56 .d3-about-approach {
	background:radial-gradient(circle at 8% 12%, rgba(34, 211, 238, 0.09), transparent 30%),
    radial-gradient(circle at 92% 86%, rgba(37, 99, 235, 0.08), transparent 32%),
    #ffffff !important;
}

.legacy-content .page-id-56 .d3-about-approach-grid {
	grid-template-columns:minmax(360px, 0.82fr) minmax(0, 1.04fr) !important;
	gap:66px !important;
	align-items:center !important;
}

.legacy-content .page-id-56 .d3-about-approach .d3-about-heading h2 {
	max-width:650px !important;
}

.legacy-content .page-id-56 .d3-about-approach .d3-about-heading p {
	max-width:640px;
}

.legacy-content .page-id-56 .d3-about-steps {
	position:relative;
	gap:18px;
}

.legacy-content .page-id-56 .d3-about-steps:before {
	position:absolute;
	left:52px;
	top:38px;
	bottom:38px;
	width:2px;
	border-radius:999px;
	background:linear-gradient(180deg, rgba(37, 99, 235, 0.12), rgba(34, 211, 238, 0.55), rgba(37, 99, 235, 0.12));
}

.legacy-content .page-id-56 .d3-about-step {
	min-height:132px;
	border:1px solid rgba(11, 18, 38, 0.075) !important;
	border-radius:22px !important;
	background:linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.96)) !important;
	box-shadow:0 22px 60px rgba(11, 18, 38, 0.075) !important;
}

.legacy-content .page-id-56 .d3-about-step:hover {
	border-color:rgba(37, 99, 235, 0.18) !important;
	background:#ffffff !important;
	box-shadow:0 26px 70px rgba(37, 99, 235, 0.1) !important;
}

.legacy-content .page-id-56 .d3-about-step span {
	left:28px !important;
	top:28px !important;
	width:58px !important;
	height:58px !important;
	border:6px solid #ffffff;
	border-radius:18px !important;
	box-shadow:0 16px 34px rgba(37, 99, 235, 0.22);
}

.legacy-content .page-id-56 .d3-about-step p {
	max-width:680px;
}

@media (max-width: 991.98px) {
.legacy-content .page-id-56 .d3-about-approach-grid {
	grid-template-columns:1fr !important;
	gap:36px !important;
}
}

@media (max-width: 767.98px) {
.legacy-content .page-id-56 .d3-about-steps:before {
	display:none;
}
.legacy-content .page-id-56 .d3-about-step span {
	left:22px !important;
	top:22px !important;
}
}

.legacy-content /* Website design service page */
.d3-webdesign-page {
	--d3-wd-ink:#0b1226;
	--d3-wd-muted:#2563eb;
	--d3-wd-blue:#2563eb;
	--d3-wd-cyan:#22d3ee;
	--d3-wd-soft:#eff6ff;
	--d3-wd-line:#dbeafe;
	--d3-wd-card:#ffffff;
	color:var(--d3-wd-ink);
	overflow:hidden;
}

.legacy-content .d3-webdesign-page .container {
	max-width:1200px;
	width:min(1200px, calc(100% - 40px));
}

.legacy-content .d3-wd-section-soft {
	background:linear-gradient(90deg, rgba(37, 99, 235, .05) 1px, transparent 1px),
    linear-gradient(180deg, rgba(37, 99, 235, .05) 1px, transparent 1px),
    radial-gradient(circle at 10% 20%, rgba(34, 211, 238, .13), transparent 28%),
    radial-gradient(circle at 92% 18%, rgba(37, 99, 235, .12), transparent 26%),
    #eff6ff;
	background-size:72px 72px, 72px 72px, auto, auto, auto;
}

.legacy-content .d3-wd-eyebrow {
	color:var(--d3-wd-cyan);
}

.legacy-content .d3-wd-title {
	color:var(--d3-wd-ink);
}

.legacy-content .d3-wd-section-title {
	color:var(--d3-wd-ink);
}

.legacy-content .d3-wd-lead,
.legacy-content .d3-wd-text {
	color:var(--d3-wd-muted);
}

.legacy-content .d3-wd-hero {
	position:relative;
	background:linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, .05) 1px, transparent 1px),
    radial-gradient(circle at 78% 35%, rgba(34, 211, 238, .34), transparent 28%),
    linear-gradient(130deg, #0b1226 0%, #1d4ed8 56%, #22d3ee 100%);
	background-size:72px 72px, 72px 72px, auto, auto;
}

.legacy-content .d3-wd-hero-grid {
	display:grid;
	grid-template-columns:minmax(0, .95fr) minmax(360px, .82fr);
	gap:48px;
	align-items:center;
}

.legacy-content .d3-wd-hero .d3-wd-eyebrow,
.legacy-content .d3-wd-hero .d3-wd-title,
.legacy-content .d3-wd-hero .d3-wd-lead {
	color:#ffffff;
}

.legacy-content .d3-wd-hero .d3-wd-eyebrow {
	color:rgba(255, 255, 255, .7);
}

.legacy-content .d3-wd-hero .d3-wd-lead {
	max-width:680px;
	color:rgba(255, 255, 255, .78);
}

.legacy-content .d3-wd-hero .d3-wd-title {
	max-width:720px;
}

.legacy-content .d3-wd-actions {
	display:flex;
	flex-wrap:wrap;
	gap:14px;
}

.legacy-content .d3-wd-btn {
	display:inline-flex;
	min-height:56px;
	align-items:center;
	justify-content:center;
	gap:10px;
	border:1px solid transparent;
	border-radius:999px;
}

.legacy-content .d3-wd-btn:hover {
	transform:translateY(-2px);
}

.legacy-content .d3-wd-btn-primary {
	background:#ffffff;
	color:#0b1226;
	box-shadow:0 18px 36px rgba(7, 11, 22, .2);
}

.legacy-content .d3-wd-btn-outline {
	border-color:rgba(255, 255, 255, .32);
	background:rgba(255, 255, 255, .1);
	color:#ffffff;
}

.legacy-content .d3-wd-proof {
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:14px;
	max-width:650px;
}

.legacy-content .d3-wd-proof span {
	display:block;
	border:1px solid rgba(255, 255, 255, .18);
	border-radius:18px;
	background:rgba(255, 255, 255, .09);
	color:rgba(255, 255, 255, .76);
}

.legacy-content .d3-wd-proof strong {
	display:block;
	color:#ffffff;
}

.legacy-content .d3-wd-visual {
	position:relative;
	min-height:390px;
}

.legacy-content .d3-wd-browser {
	position:relative;
	max-width:470px;
	min-height:310px;
	border:1px solid rgba(255, 255, 255, .28);
	border-radius:30px;
	background:linear-gradient(145deg, rgba(255, 255, 255, .24), rgba(255, 255, 255, .08));
	box-shadow:0 34px 90px rgba(7, 11, 22, .24);
	backdrop-filter:blur(14px);
}

.legacy-content .d3-wd-browser::before {
	position:absolute;
	inset:-68px -36px auto auto;
	width:210px;
	height:210px;
	border:1px solid rgba(255, 255, 255, .18);
	border-radius:50%;
	animation:d3WdFloat 7s ease-in-out infinite;
}

.legacy-content .d3-wd-dots {
	display:flex;
	gap:8px;
}

.legacy-content .d3-wd-dots span {
	width:11px;
	height:11px;
	border-radius:50%;
	background:#ffffff;
}

.legacy-content .d3-wd-dots span:nth-child(1) {
	background:#60a5fa;
}

.legacy-content .d3-wd-dots span:nth-child(2) {
	background:#3b82f6;
}

.legacy-content .d3-wd-dots span:nth-child(3) {
	background:#2563eb;
}

.legacy-content .d3-wd-mock-head {
	display:grid;
	grid-template-columns:1fr 108px;
	gap:16px;
}

.legacy-content .d3-wd-line {
	height:14px;
	border-radius:999px;
	background:rgba(255, 255, 255, .76);
}

.legacy-content .d3-wd-line.short {
	width:68%;
}

.legacy-content .d3-wd-action-pill {
	border-radius:999px;
	background:#ffffff;
	color:#2563eb;
	display:flex;
	align-items:center;
	justify-content:center;
}

.legacy-content .d3-wd-mock-grid {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:14px;
}

.legacy-content .d3-wd-mock-card {
	min-height:104px;
	border-radius:22px;
	background:rgba(255, 255, 255, .82);
	color:var(--d3-wd-ink);
}

.legacy-content .d3-wd-mock-card i {
	display:inline-flex;
	width:42px;
	height:42px;
	align-items:center;
	justify-content:center;
	border-radius:14px;
	background:#eff6ff;
	color:var(--d3-wd-blue);
}

.legacy-content .d3-wd-mock-card strong {
	display:block;
}

.legacy-content .d3-wd-float-tag {
	position:absolute;
	display:inline-flex;
	align-items:center;
	gap:8px;
	border:1px solid rgba(255, 255, 255, .28);
	border-radius:999px;
	background:rgba(255, 255, 255, .18);
	color:#ffffff;
	box-shadow:0 20px 44px rgba(7, 11, 22, .16);
	backdrop-filter:blur(12px);
	animation:d3WdFloat 6s ease-in-out infinite;
}

.legacy-content .d3-wd-float-tag.one {
	top:8px;
	right:18px;
}

.legacy-content .d3-wd-float-tag.two {
	left:12px;
	bottom:54px;
	animation-delay:-2s;
}

.legacy-content .d3-wd-section-head {
	max-width:820px;
}

.legacy-content .d3-wd-grid {
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:22px;
}

.legacy-content .d3-wd-card {
	min-height:100%;
	border:1px solid var(--d3-wd-line);
	border-radius:24px;
	background:var(--d3-wd-card);
	box-shadow:0 22px 60px rgba(11, 18, 38, .07);
}

.legacy-content .d3-wd-card:hover {
	transform:translateY(-6px);
	border-color:rgba(37, 99, 235, .28);
	box-shadow:0 28px 72px rgba(11, 18, 38, .12);
}

.legacy-content .d3-wd-icon {
	display:inline-flex;
	width:58px;
	height:58px;
	align-items:center;
	justify-content:center;
	border-radius:18px;
	background:#eff6ff;
	color:var(--d3-wd-blue);
}

.legacy-content .d3-wd-card h3,
.legacy-content .d3-wd-step h3,
.legacy-content .d3-wd-link-card h3 {
	color:var(--d3-wd-ink);
}

.legacy-content .d3-wd-card p,
.legacy-content .d3-wd-step p,
.legacy-content .d3-wd-link-card p {
	color:var(--d3-wd-muted);
}

.legacy-content .d3-wd-split {
	display:grid;
	grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr);
	gap:46px;
	align-items:center;
}

.legacy-content .d3-wd-split > .d3-wd-grid {
	grid-template-columns:repeat(2, minmax(0, 1fr));
}

.legacy-content .d3-wd-panel {
	border-radius:28px;
	background:linear-gradient(135deg, #2563eb, #22d3ee);
	color:#ffffff;
	box-shadow:0 32px 90px rgba(37, 99, 235, .25);
}

.legacy-content .d3-wd-panel h2,
.legacy-content .d3-wd-panel p {
	color:#ffffff;
}

.legacy-content .d3-wd-panel p {
	color:rgba(255, 255, 255, .84);
}

.legacy-content .d3-wd-pill-grid {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:12px;
}

.legacy-content .d3-wd-pill {
	display:flex;
	align-items:center;
	gap:10px;
	min-height:54px;
	border:1px solid rgba(255, 255, 255, .2);
	border-radius:15px;
	background:rgba(255, 255, 255, .12);
	color:#ffffff;
}

.legacy-content .d3-wd-process {
	display:grid;
	gap:16px;
}

.legacy-content .d3-wd-step {
	display:grid;
	grid-template-columns:70px 1fr;
	gap:18px;
	align-items:start;
	border:1px solid var(--d3-wd-line);
	border-radius:22px;
	background:#ffffff;
	box-shadow:0 18px 50px rgba(11, 18, 38, .06);
}

.legacy-content .d3-wd-step-num {
	display:inline-flex;
	width:58px;
	height:58px;
	align-items:center;
	justify-content:center;
	border-radius:18px;
	background:linear-gradient(135deg, var(--d3-wd-blue), var(--d3-wd-cyan));
	color:#ffffff;
}

.legacy-content .d3-wd-links-grid {
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:18px;
}

.legacy-content .d3-wd-link-card {
	display:block;
	min-height:100%;
	border:1px solid var(--d3-wd-line);
	border-radius:20px;
	background:#ffffff;
}

.legacy-content .d3-wd-link-card:hover {
	transform:translateY(-5px);
	border-color:rgba(37, 99, 235, .35);
	box-shadow:0 22px 60px rgba(11, 18, 38, .1);
}

.legacy-content .d3-wd-link-card i {
	display:inline-flex;
	color:var(--d3-wd-blue);
}

.legacy-content .d3-wd-faq-wrap {
	display:grid;
	grid-template-columns:minmax(0, .78fr) minmax(0, 1fr);
	gap:40px;
	align-items:start;
}

.legacy-content .d3-wd-faq {
	display:grid;
	gap:14px;
}

.legacy-content .d3-wd-faq details {
	border:1px solid var(--d3-wd-line);
	border-radius:20px;
	background:#ffffff;
	box-shadow:0 16px 45px rgba(11, 18, 38, .06);
	overflow:hidden;
}

.legacy-content .d3-wd-faq details:hover,
.legacy-content .d3-wd-faq details[open] {
	border-color:rgba(37, 99, 235, .34);
	box-shadow:0 22px 58px rgba(11, 18, 38, .1);
}

.legacy-content .d3-wd-faq summary {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
	color:var(--d3-wd-ink);
}

.legacy-content .d3-wd-faq summary::-webkit-details-marker {
	display:none;
}

.legacy-content .d3-wd-faq summary::after {
	display:inline-flex;
	width:32px;
	height:32px;
	flex:0 0 32px;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:#eff6ff;
	color:var(--d3-wd-blue);
}

.legacy-content .d3-wd-faq details p {
	color:var(--d3-wd-muted);
}

.legacy-content .d3-wd-case-grid,
.legacy-content .d3-wd-home-blog-grid {
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:24px;
}

.legacy-content .d3-wd-portfolio-sec .d3-old-portfolio-grid .d3-port-item a {
	height:320px;
}

.legacy-content .d3-wd-home-blog-grid .premium-blog-card {
	box-shadow:0 22px 60px rgba(11, 18, 38, .08);
}

.legacy-content .d3-wd-cta {
	border-radius:34px;
	background:radial-gradient(circle at 80% 25%, rgba(34, 211, 238, .42), transparent 28%),
    linear-gradient(135deg, #0b1226 0%, #1d4ed8 62%, #22d3ee 100%);
	color:#ffffff;
	overflow:hidden;
}

.legacy-content .d3-wd-cta-grid {
	display:grid;
	grid-template-columns:1fr auto;
	gap:34px;
	align-items:center;
}

.legacy-content .d3-wd-cta h2 {
	color:#ffffff;
}

.legacy-content .d3-wd-cta p {
	max-width:720px;
	color:rgba(255, 255, 255, .78);
}

@media (max-width: 1100px) {
.legacy-content .d3-wd-grid,
.legacy-content .d3-wd-links-grid,
.legacy-content .d3-wd-split > .d3-wd-grid,
.legacy-content .d3-wd-case-grid,
.legacy-content .d3-wd-home-blog-grid,
.legacy-content .d3-wd-portfolio-sec .d3-old-portfolio-grid {
	grid-template-columns:repeat(2, minmax(0, 1fr));
}
.legacy-content .d3-wd-hero-grid,
.legacy-content .d3-wd-split,
.legacy-content .d3-wd-faq-wrap,
.legacy-content .d3-wd-image-grid,
.legacy-content .d3-wd-study-card {
	grid-template-columns:1fr;
}
.legacy-content .d3-wd-visual {
	min-height:380px;
}
}

@media (max-width: 700px) {
.legacy-content .d3-webdesign-page .container {
	width:min(100% - 28px, 1200px);
}
.legacy-content .d3-wd-proof,
.legacy-content .d3-wd-grid,
.legacy-content .d3-wd-links-grid,
.legacy-content .d3-wd-split > .d3-wd-grid,
.legacy-content .d3-wd-case-grid,
.legacy-content .d3-wd-home-blog-grid,
.legacy-content .d3-wd-portfolio-sec .d3-old-portfolio-grid,
.legacy-content .d3-wd-pill-grid,
.legacy-content .d3-wd-cta-grid {
	grid-template-columns:1fr;
}
.legacy-content .d3-wd-actions,
.legacy-content .d3-wd-btn {
	width:100%;
}
.legacy-content .d3-wd-visual {
	min-height:auto;
}
.legacy-content .d3-wd-browser {
	min-height:300px;
}
.legacy-content .d3-wd-mock-head,
.legacy-content .d3-wd-mock-grid {
	grid-template-columns:1fr;
}
.legacy-content .d3-wd-float-tag.one,
.legacy-content .d3-wd-float-tag.two {
	position:static;
}
.legacy-content .d3-wd-step {
	grid-template-columns:1fr;
}
.legacy-content .d3-wd-cta {
	border-radius:24px;
}
}

.legacy-content /* Website design page premium polish */
.d3-webdesign-page {
	--d3-wd-ink:#0b1226;
	--d3-wd-muted:#4a5a70;
	--d3-wd-soft:#eff6ff;
	background:#ffffff;
}

.legacy-content .d3-wd-section-soft {
	background:radial-gradient(circle at 12% 10%, rgba(34, 211, 238, .12), transparent 28%),
    radial-gradient(circle at 90% 15%, rgba(37, 99, 235, .1), transparent 24%),
    #eff6ff;
}

.legacy-content .d3-wd-hero {
	background:radial-gradient(circle at 82% 38%, rgba(34, 211, 238, .34), transparent 26%),
    linear-gradient(135deg, #0b1226 0%, #1d4ed8 55%, #22d3ee 100%);
}

.legacy-content .d3-wd-hero-grid {
	grid-template-columns:minmax(0, 1fr) minmax(330px, .7fr);
	gap:42px;
}

.legacy-content .d3-wd-eyebrow {
	color:#22d3ee;
}

.legacy-content .d3-wd-proof {
	grid-template-columns:repeat(3, minmax(0, 150px));
}

.legacy-content .d3-wd-proof span {
	border-radius:14px;
}

.legacy-content .d3-wd-visual {
	min-height:340px;
}

.legacy-content .d3-wd-browser {
	max-width:420px;
	min-height:282px;
	border-radius:26px;
}

.legacy-content .d3-wd-browser::before {
	width:160px;
	height:160px;
	inset:-44px -24px auto auto;
}

.legacy-content .d3-wd-mock-grid {
	gap:12px;
}

.legacy-content .d3-wd-mock-card {
	min-height:92px;
	border-radius:18px;
}

.legacy-content .d3-wd-mock-card i {
	width:36px;
	height:36px;
	border-radius:12px;
}

.legacy-content .d3-wd-card,
.legacy-content .d3-wd-step,
.legacy-content .d3-wd-link-card,
.legacy-content .d3-wd-project-card,
.legacy-content .d3-wd-study-card,
.legacy-content .d3-wd-blog-box,
.legacy-content .d3-wd-case-card,
.legacy-content .d3-wd-home-blog-grid .premium-blog-card {
	border-color:rgba(59, 130, 246, .24);
	border-radius:20px;
	box-shadow:0 18px 54px rgba(11, 18, 38, .06);
}

.legacy-content .d3-wd-card:hover,
.legacy-content .d3-wd-link-card:hover,
.legacy-content .d3-wd-case-card:hover,
.legacy-content .d3-wd-home-blog-grid .premium-blog-card:hover {
	transform:translateY(-5px);
	box-shadow:0 24px 66px rgba(11, 18, 38, .1);
}

.legacy-content .d3-wd-icon {
	width:52px;
	height:52px;
	border-radius:16px;
	background:linear-gradient(135deg, #eff6ff, #22d3ee);
}

.legacy-content .d3-wd-panel {
	border-radius:24px;
	background:radial-gradient(circle at 88% 22%, rgba(255, 255, 255, .18), transparent 30%),
    linear-gradient(145deg, #1d4ed8, #22d3ee);
	box-shadow:0 28px 80px rgba(37, 99, 235, .2);
}

.legacy-content .d3-wd-pill {
	min-height:50px;
	border-radius:14px;
}

.legacy-content .d3-wd-case-grid,
.legacy-content .d3-wd-home-blog-grid,
.legacy-content .d3-wd-portfolio-sec .d3-old-portfolio-grid {
	gap:22px;
}

.legacy-content .d3-wd-case-poster::after,
.legacy-content .d3-wd-portfolio-sec .d3-port-img::after {
	position:absolute;
	inset:0;
	background:linear-gradient(180deg, rgba(11, 18, 38, 0), rgba(11, 18, 38, .12));
}

.legacy-content .d3-wd-case-body p,
.legacy-content .d3-wd-project-body p,
.legacy-content .d3-wd-study-body p,
.legacy-content .d3-wd-blog-box p,
.legacy-content .d3-wd-home-blog-grid .blog-content p {
	color:var(--d3-wd-muted);
}

.legacy-content .d3-wd-portfolio-sec .d3-old-portfolio-grid .d3-port-item {
	border-radius:20px;
	box-shadow:0 18px 54px rgba(11, 18, 38, .08);
}

.legacy-content .d3-wd-portfolio-sec .d3-old-portfolio-grid .d3-port-item a {
	height:280px;
}

.legacy-content .d3-wd-home-blog-grid .premium-blog-card {
	border:1px solid rgba(59, 130, 246, .24);
	border-radius:20px;
}

.legacy-content .d3-wd-home-blog-grid .blog-image img {
	height:210px;
}

.legacy-content .d3-wd-home-blog-grid .blog-meta {
	gap:12px;
}

.legacy-content .d3-wd-faq details {
	border-color:rgba(59, 130, 246, .28);
	border-radius:18px;
	box-shadow:none;
}

.legacy-content .d3-wd-faq details:hover,
.legacy-content .d3-wd-faq details[open] {
	box-shadow:0 18px 48px rgba(11, 18, 38, .07);
}

.legacy-content .d3-wd-cta {
	border-radius:28px;
	box-shadow:0 30px 90px rgba(37, 99, 235, .18);
}

@media (max-width: 700px) {
.legacy-content .d3-wd-browser {
	max-width:100%;
}
}

.legacy-content .d3-wd-home-work .d3-section-head {
	display:flex;
	align-items:end;
	justify-content:space-between;
	gap:28px;
}

.legacy-content .d3-wd-home-work .d3-section-head h2 {
	max-width:620px;
	color:var(--d3-wd-ink);
}

.legacy-content .d3-wd-home-work .d3-port-grid {
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:24px;
}

.legacy-content .d3-wd-home-work .d3-port-item {
	position:relative;
	overflow:hidden;
	border-radius:24px;
	background:#eff6ff;
	box-shadow:0 24px 70px rgba(11, 18, 38, .1);
}

.legacy-content .d3-wd-home-work .d3-port-item a {
	position:relative;
	display:block;
	height:360px;
}

.legacy-content .d3-wd-home-work .d3-port-img,
.legacy-content .d3-wd-home-work .d3-port-img img {
	width:100%;
	height:100%;
}

.legacy-content .d3-wd-home-work .d3-port-img img {
	display:block;
	object-fit:cover;
	object-position:top center;
}

.legacy-content .d3-wd-home-work .d3-port-overlay {
	position:absolute;
	inset:auto 0 0;
	background:linear-gradient(180deg, rgba(11, 18, 38, 0), rgba(11, 18, 38, .9));
	transform:translateY(10px);
}

.legacy-content .d3-wd-home-work .d3-port-overlay h4 {
	color:#ffffff;
}

.legacy-content .d3-wd-home-work .d3-port-overlay span {
	color:rgba(255, 255, 255, .78);
}

.legacy-content .d3-wd-home-work .d3-port-item:hover img {
	transform:scale(1.06);
}

.legacy-content .d3-wd-home-work .d3-port-item:hover .d3-port-overlay {
	transform:translateY(0);
	background:linear-gradient(180deg, rgba(37, 99, 235, .05), rgba(37, 99, 235, .94));
}

@media (max-width: 1100px) {
.legacy-content .d3-wd-media-strip,
.legacy-content .d3-wd-home-work .d3-port-grid {
	grid-template-columns:1fr;
}
.legacy-content .d3-wd-home-work .d3-section-head {
	align-items:flex-start;
	flex-direction:column;
}
}

@media (max-width: 700px) {
.legacy-content .d3-wd-media-card,
.legacy-content .d3-wd-media-stack .d3-wd-media-card,
.legacy-content .d3-wd-home-work .d3-port-item a {
	min-height:260px;
	height:260px;
}
}

.legacy-content /* Website design portfolio wall: matches homepage recent-work feel with taller previews */
.d3-wd-portfolio-wall {
	background:#ffffff;
}

.legacy-content .d3-wd-portfolio-wall .d3-wd-section-head {
	max-width:980px;
}

.legacy-content .d3-wd-portfolio-wall .d3-wd-eyebrow {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border:1px solid rgba(34, 211, 238, .22);
	border-radius:999px;
	background:#22d3ee;
	color:#22d3ee;
	box-shadow:0 10px 28px rgba(34, 211, 238, .1);
}

.legacy-content .d3-wd-portfolio-wall .d3-wd-section-title span {
	color:#3b82f6;
}

.legacy-content .d3-wd-portfolio-wall .d3-wd-text {
	max-width:820px;
	color:#0b1226;
}

.legacy-content .d3-wd-shot-grid {
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:34px;
	align-items:start;
}

.legacy-content .d3-wd-shot {
	position:relative;
	display:block;
	min-height:520px;
	overflow:hidden;
	border:1px solid rgba(59, 130, 246, .22);
	border-radius:10px;
	background:#eff6ff;
	box-shadow:0 24px 70px rgba(11, 18, 38, .1);
}

.legacy-content .d3-wd-shot:hover {
	transform:translateY(-10px);
	border-color:rgba(59, 130, 246, .28);
	box-shadow:0 34px 90px rgba(11, 18, 38, .16);
}

.legacy-content .d3-wd-shot img {
	display:block;
	width:100%;
	height:720px;
	object-fit:cover;
	object-position:top center;
}

.legacy-content .d3-wd-shot:hover img {
	object-position:bottom center;
	transform:scale(1.015);
}

.legacy-content .d3-wd-shot-info {
	position:absolute;
	inset:auto 14px 14px;
	z-index:1;
	border:1px solid rgba(255, 255, 255, .18);
	border-radius:14px;
	background:rgba(11, 18, 38, .76);
	color:#ffffff;
	opacity:0;
	transform:translateY(14px);
	backdrop-filter:blur(14px);
}

.legacy-content .d3-wd-shot:hover .d3-wd-shot-info {
	opacity:1;
	transform:translateY(0);
}

.legacy-content .d3-wd-shot-info strong {
	display:block;
	color:#ffffff;
}

.legacy-content .d3-wd-shot-info span {
	display:block;
	color:rgba(255, 255, 255, .72);
}

@media (max-width: 1200px) {
.legacy-content .d3-wd-shot-grid {
	gap:22px;
}
.legacy-content .d3-wd-shot {
	min-height:460px;
}
.legacy-content .d3-wd-shot img {
	height:640px;
}
}

.legacy-content /* Case study SEO proof section polish */
.d3-webdesign-page .d3-wd-case-grid {
	align-items:stretch;
}

.legacy-content .d3-webdesign-page .d3-wd-case-card {
	display:flex;
	flex-direction:column;
	background:linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(135deg, rgba(59, 130, 246, .34), rgba(34, 211, 238, .12)) border-box;
	border:1px solid transparent;
}

.legacy-content .d3-webdesign-page .d3-wd-case-poster {
	height:218px;
	border-bottom:1px solid rgba(59, 130, 246, .18);
}

.legacy-content .d3-webdesign-page .d3-wd-case-tag {
	background:rgba(255, 255, 255, .95);
	color:#2563eb;
	box-shadow:0 10px 24px rgba(11, 18, 38, .12);
}

.legacy-content .d3-webdesign-page .d3-wd-case-body {
	display:flex;
	flex:1;
	flex-direction:column;
}

.legacy-content .d3-webdesign-page .d3-wd-case-body h3 a {
	color:var(--d3-wd-ink);
}

.legacy-content .d3-webdesign-page .d3-wd-case-body h3 a:hover {
	color:#2563eb;
}

.legacy-content .d3-webdesign-page .d3-wd-brand-strip {
	border-top:1px solid rgba(59, 130, 246, .14);
	border-bottom:1px solid rgba(59, 130, 246, .14);
	background:#eff6ff;
}

.legacy-content .d3-webdesign-page .d3-wd-brand-strip .tb-brand-label {
	color:#2563eb;
	white-space:nowrap;
}

.legacy-content .d3-webdesign-page .d3-wd-brand-strip .tb-logo-item {
	min-width:210px;
	height:92px;
	border:1px solid rgba(59, 130, 246, .16);
	border-radius:20px;
	background:rgba(255, 255, 255, .86);
	box-shadow:0 18px 44px rgba(11, 18, 38, .05);
}

.legacy-content .d3-webdesign-page .d3-wd-brand-strip .tb-logo-item img {
	max-width:142px;
	max-height:54px;
	filter:grayscale(1);
	opacity:.48;
}

.legacy-content .d3-webdesign-page .d3-wd-brand-strip .tb-logo-item:hover img {
	filter:grayscale(0);
	opacity:.9;
	transform:scale(1.04);
}

.legacy-content .d3-dm-page .d3-wd-hero {
	background:radial-gradient(circle at 82% 38%, rgba(34, 211, 238, .28), transparent 26%),
    linear-gradient(135deg, #0b1226 0%, #1d4ed8 52%, #22d3ee 100%);
}

.legacy-content .d3-dm-page .d3-wd-action-pill,
.legacy-content .d3-dm-page .d3-wd-icon,
.legacy-content .d3-dm-page .d3-wd-faq summary::after {
	color:#2563eb;
}

.legacy-content .d3-dm-page .d3-wd-panel {
	background:radial-gradient(circle at 88% 22%, rgba(255, 255, 255, .18), transparent 30%),
    linear-gradient(145deg, #1d4ed8, #22d3ee);
}

.legacy-content .d3-dm-page .d3-wd-case-link,
.legacy-content .d3-dm-page .d3-wd-link-card i,
.legacy-content .d3-dm-page .d3-wd-case-points i {
	color:#2563eb;
}

.legacy-content .d3-dm-page .d3-wd-portfolio-wall .d3-wd-section-title span {
	color:#3b82f6;
}

.legacy-content .d3-shopify-page {
	--d3-wd-blue:#1d4ed8;
	--d3-wd-cyan:#2563eb;
	--d3-shop-ink:#070b16;
	--d3-shop-cream:#eff6ff;
	--d3-shop-cream-2:#eff6ff;
	--d3-shop-gold:#2563eb;
	--d3-shop-muted:#334155;
}

.legacy-content .d3-shopify-page .d3-wd-hero {
	background:linear-gradient(90deg, rgba(255, 255, 255, .055) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, .055) 1px, transparent 1px),
    radial-gradient(circle at 79% 18%, rgba(37, 99, 235, .15), transparent 25%),
    radial-gradient(circle at 18% 82%, rgba(59, 130, 246, .08), transparent 28%),
    #070b16;
	background-size:72px 72px, 72px 72px, auto, auto, auto;
	min-height:690px;
	display:flex;
	align-items:center;
	border-bottom:2px solid rgba(59, 130, 246, .85);
}

.legacy-content .d3-shopify-page .d3-wd-hero-grid {
	grid-template-columns:minmax(0, 1fr);
	justify-items:center;
}

.legacy-content .d3-shopify-page .d3-wd-hero .d3-wd-title {
	max-width:1240px;
}

.legacy-content .d3-shopify-page .d3-wd-hero .d3-wd-title span {
	color:var(--d3-shop-gold);
	text-shadow:0 12px 40px rgba(37, 99, 235, .17);
}

.legacy-content .d3-shopify-page .d3-wd-hero .d3-wd-lead {
	max-width:820px;
	color:rgba(255, 255, 255, .58);
}

.legacy-content .d3-shopify-page .d3-wd-hero .d3-wd-actions {
	justify-content:center;
	gap:14px;
}

.legacy-content .d3-shopify-page .d3-wd-btn-primary {
	background:#3b82f6;
	color:#0b1226;
	border-color:#3b82f6;
	box-shadow:0 18px 45px rgba(37, 99, 235, .3);
}

.legacy-content .d3-shopify-page .d3-wd-btn-outline {
	border-color:rgba(255, 255, 255, .32);
	background:rgba(255, 255, 255, .045);
	color:#ffffff;
}

.legacy-content .d3-shopify-page .d3-shop-ai-row {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:8px;
	border:1px solid rgba(255, 255, 255, .16);
	border-radius:999px;
	background:rgba(255, 255, 255, .07);
	color:rgba(255, 255, 255, .42);
}

.legacy-content .d3-shopify-page .d3-shop-ai-row a {
	display:inline-flex;
	align-items:center;
	gap:7px;
	min-height:36px;
	border:1px solid rgba(255, 255, 255, .18);
	border-radius:999px;
	background:rgba(255, 255, 255, .09);
	color:rgba(255, 255, 255, .68);
}

.legacy-content .d3-shopify-page .d3-shop-ai-row a:hover {
	transform:translateY(-2px);
	background:rgba(59, 130, 246, .13);
	border-color:rgba(59, 130, 246, .4);
	color:#ffffff;
}

.legacy-content .d3-shopify-page .d3-shop-ai-row i {
	color:#3b82f6;
}

.legacy-content .d3-shopify-page .d3-wd-action-pill,
.legacy-content .d3-shopify-page .d3-wd-icon,
.legacy-content .d3-shopify-page .d3-wd-faq summary::after,
.legacy-content .d3-shopify-page .d3-wd-link-card i,
.legacy-content .d3-shopify-page .d3-wd-case-points i {
	color:#1d4ed8;
}

.legacy-content .d3-shopify-page .d3-wd-panel {
	background:radial-gradient(circle at 88% 22%, rgba(255, 255, 255, .2), transparent 30%),
    linear-gradient(145deg, #1d4ed8, #1d4ed8);
}

.legacy-content .d3-shopify-page .d3-wd-section-title span,
.legacy-content .d3-shopify-page .d3-wd-portfolio-wall .d3-wd-section-title span {
	color:#1d4ed8;
}

.legacy-content .d3-shopify-page .d3-shopify-hero-card {
	display:none;
}

.legacy-content .d3-shopify-page .d3-shopify-hero-card img {
	display:block;
	width:100%;
	height:280px;
	object-fit:cover;
	object-position:top center;
	border-radius:24px;
}

.legacy-content .d3-shopify-page .d3-shopify-live-metrics {
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:12px;
}

.legacy-content .d3-shopify-page .d3-shopify-live-metrics span {
	display:block;
	border-radius:16px;
	background:rgba(255, 255, 255, .86);
	color:#0b1226;
}

.legacy-content .d3-shopify-page .d3-shopify-live-metrics strong {
	display:block;
	color:#1d4ed8;
}

.legacy-content .d3-shopify-page .d3-shopify-float {
	position:absolute;
	display:inline-flex;
	align-items:center;
	gap:8px;
	border:1px solid rgba(255, 255, 255, .28);
	border-radius:999px;
	background:rgba(255, 255, 255, .18);
	color:#ffffff;
	box-shadow:0 20px 44px rgba(7, 11, 22, .16);
	backdrop-filter:blur(12px);
	animation:d3WdFloat 6s ease-in-out infinite;
}

.legacy-content .d3-shopify-page .d3-shopify-float.one {
	top:8px;
	right:18px;
}

.legacy-content .d3-shopify-page .d3-shopify-float.two {
	left:8px;
	bottom:92px;
	animation-delay:-2s;
}

.legacy-content .d3-shopify-page .d3-shopify-menu {
	position:sticky;
	top:84px;
	z-index:4;
	border-bottom:1px solid rgba(37, 99, 235, .12);
	background:rgba(7, 11, 22, .9);
	backdrop-filter:blur(16px);
}

.legacy-content .d3-shopify-page .d3-shopify-menu-row {
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	align-items:center;
	justify-content:center;
}

.legacy-content .d3-shopify-page .d3-shopify-menu-row a {
	display:inline-flex;
	min-height:40px;
	align-items:center;
	justify-content:center;
	border:1px solid rgba(37, 99, 235, .22);
	border-radius:999px;
	background:rgba(255, 255, 255, .06);
	color:#ffffff;
}

.legacy-content .d3-shopify-page .d3-shopify-menu-row a:hover {
	border-color:var(--d3-shop-gold);
	color:var(--d3-shop-gold);
}

.legacy-content .d3-shopify-page .d3-shop-dark-strip {
	background:#070b16;
	color:#ffffff;
	overflow:hidden;
}

.legacy-content .d3-shopify-page .d3-shop-dark-strip .d3-shop-logo-row {
	display:grid;
	grid-template-columns:repeat(6, minmax(0, 1fr));
	gap:14px;
	align-items:center;
}

.legacy-content .d3-shopify-page .d3-shop-dark-strip span {
	display:flex;
	min-height:54px;
	align-items:center;
	justify-content:center;
	border:1px solid rgba(255, 255, 255, .12);
	border-radius:999px;
	color:rgba(255, 255, 255, .72);
}

.legacy-content .d3-shopify-page .d3-shop-client-marquee {
	position:relative;
	border-top:1px solid rgba(59, 130, 246, .18);
	border-bottom:1px solid rgba(59, 130, 246, .18);
}

.legacy-content .d3-shopify-page .d3-shop-client-marquee::before,
.legacy-content .d3-shopify-page .d3-shop-client-marquee::after {
	position:absolute;
	top:0;
	bottom:0;
	z-index:2;
	width:min(18vw, 210px);
}

.legacy-content .d3-shopify-page .d3-shop-client-marquee::before {
	left:0;
	background:linear-gradient(90deg, #070b16 12%, rgba(7, 11, 22, 0));
}

.legacy-content .d3-shopify-page .d3-shop-client-marquee::after {
	right:0;
	background:linear-gradient(270deg, #070b16 12%, rgba(7, 11, 22, 0));
}

.legacy-content .d3-shopify-page .d3-shop-client-heading {
	color:rgba(255, 255, 255, .68);
}

.legacy-content .d3-shopify-page .d3-shop-client-viewport {
	width:100%;
	overflow:hidden;
}

.legacy-content .d3-shopify-page .d3-shop-client-track {
	display:flex;
	width:max-content;
	align-items:center;
	gap:clamp(44px, 6vw, 94px);
	animation:d3ShopClientMarquee 32s linear infinite;
	will-change:transform;
}

.legacy-content .d3-shopify-page .d3-shop-client-track-reverse {
	animation-name:d3ShopClientMarqueeReverse;
	animation-duration:38s;
}

.legacy-content .d3-shopify-page .d3-shop-dark-strip .d3-shop-client-logo {
	display:inline-flex;
	min-width:150px;
	height:74px;
	align-items:center;
	justify-content:center;
	min-height:0;
	border:0;
	border-radius:0;
	color:#ffffff;
	opacity:.86;
	filter:grayscale(1) contrast(1.1);
}

.legacy-content .d3-shopify-page .d3-shop-dark-strip .d3-shop-client-logo:hover {
	opacity:1;
	filter:grayscale(0) contrast(1.06);
	transform:translateY(-3px);
}

.legacy-content .d3-shopify-page .d3-shop-dark-strip .d3-shop-client-logo img {
	display:block;
	max-width:178px;
	max-height:58px;
	object-fit:contain;
	filter:brightness(0) invert(1);
}

.legacy-content .d3-shopify-page .d3-shop-dark-strip .d3-shop-client-logo:hover img {
	filter:none;
}

.legacy-content .d3-shopify-page .d3-shop-dark-strip .d3-shop-client-text {
	color:rgba(255, 255, 255, .9);
	white-space:nowrap;
}

.legacy-content .d3-shopify-page .d3-shop-store-wall {
	overflow:hidden;
	background:#eff6ff;
}

.legacy-content .d3-shopify-page .d3-shop-store-wall .container {
	max-width:100%;
}

.legacy-content .d3-shopify-page .d3-shop-store-wall .d3-wd-section-head {
	max-width:820px;
}

.legacy-content .d3-shopify-page .d3-shop-store-wall .d3-wd-section-title {
	max-width:720px;
}

.legacy-content .d3-shopify-page .d3-shop-store-viewport {
	position:relative;
	overflow:visible;
}

.legacy-content .d3-shopify-page .d3-shop-store-viewport::before,
.legacy-content .d3-shopify-page .d3-shop-store-viewport::after {
	position:absolute;
	top:0;
	bottom:0;
	z-index:2;
	width:min(9vw, 120px);
}

.legacy-content .d3-shopify-page .d3-shop-store-viewport::before {
	left:0;
	background:linear-gradient(90deg, #eff6ff, rgba(239, 246, 255, 0));
}

.legacy-content .d3-shopify-page .d3-shop-store-viewport::after {
	right:0;
	background:linear-gradient(270deg, #eff6ff, rgba(239, 246, 255, 0));
}

.legacy-content .d3-shopify-page .d3-shop-store-track {
	display:flex;
	width:max-content;
	gap:26px;
	align-items:flex-start;
	animation:d3ShopStoreDrift 34s ease-in-out infinite alternate;
	will-change:transform;
}

.legacy-content .d3-shopify-page .d3-shop-store-shot {
	display:block;
	width:clamp(220px, 18vw, 300px);
	height:clamp(430px, 42vw, 650px);
	overflow:hidden;
	flex:0 0 auto;
	border:1px solid rgba(7, 11, 22, .08);
	border-radius:16px 16px 0 0;
	background:#ffffff;
	box-shadow:0 22px 58px rgba(7, 11, 22, .12);
}

.legacy-content .d3-shopify-page .d3-shop-store-shot img {
	width:100%;
	height:auto;
	min-height:100%;
	object-fit:cover;
	object-position:top center;
}

.legacy-content .d3-shopify-page .d3-shop-store-shot:hover img {
	object-position:bottom center;
	transform:scale(1.02);
}

.legacy-content .d3-shopify-page .d3-shop-store-shot:hover {
	transform:translateY(-10px);
	box-shadow:0 34px 82px rgba(7, 11, 22, .18);
}

.legacy-content .d3-shopify-page .d3-shop-editorial {
	background:var(--d3-shop-cream);
}

.legacy-content .d3-shopify-page .d3-shop-editorial .d3-wd-section-title,
.legacy-content .d3-shopify-page .d3-shop-store-wall .d3-wd-section-title {
	color:var(--d3-shop-ink);
}

.legacy-content .d3-shopify-page .d3-shop-editorial .d3-wd-text,
.legacy-content .d3-shopify-page .d3-shop-store-wall .d3-wd-text {
	color:var(--d3-shop-muted);
}

.legacy-content .d3-shopify-page .d3-shop-service-menu {
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:24px;
}

.legacy-content .d3-shopify-page .d3-shop-menu-card {
	border:1px solid rgba(7, 11, 22, .08);
	border-radius:18px;
	background:#ffffff;
	box-shadow:0 22px 60px rgba(7, 11, 22, .07);
}

.legacy-content .d3-shopify-page .d3-shop-menu-card h3 {
	color:var(--d3-shop-ink);
}

.legacy-content .d3-shopify-page .d3-shop-menu-card ul {
	display:grid;
	gap:12px;
}

.legacy-content .d3-shopify-page .d3-shop-menu-card li {
	display:flex;
	justify-content:space-between;
	gap:16px;
	border-bottom:1px solid rgba(7, 11, 22, .08);
	color:#0f172a;
}

.legacy-content .d3-shopify-page .d3-shop-menu-card li::after {
	color:var(--d3-shop-gold);
}

.legacy-content .d3-shopify-page .d3-shop-case-grid {
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:24px;
}

.legacy-content .d3-shopify-page .d3-shop-case {
	overflow:hidden;
	border-radius:20px;
	background:#ffffff;
	box-shadow:0 22px 64px rgba(7, 11, 22, .08);
}

.legacy-content .d3-shopify-page .d3-shop-case img {
	display:block;
	width:100%;
	height:260px;
	object-fit:cover;
	object-position:top center;
}

.legacy-content .d3-shopify-page .d3-shop-case-body h3 {
	color:var(--d3-shop-ink);
}

.legacy-content .d3-shopify-page .d3-shop-case-stats {
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}

.legacy-content .d3-shopify-page .d3-shop-case-stats span {
	border-radius:999px;
	background:#dbeafe;
	color:#0b1226;
}

.legacy-content .d3-shopify-page .d3-shop-dark-cta {
	background:radial-gradient(circle at 80% 20%, rgba(37, 99, 235, .14), transparent 28%),
    #070b16;
	color:#ffffff;
}

.legacy-content .d3-shopify-page .d3-shop-dark-cta h2 {
	max-width:760px;
	color:#ffffff;
}

.legacy-content .d3-shopify-page .d3-shop-dark-cta h2 span {
	color:var(--d3-shop-gold);
}

.legacy-content .d3-shopify-page .d3-shop-dark-cta p {
	max-width:700px;
	color:rgba(255, 255, 255, .72);
}

.legacy-content .d3-shopify-page .d3-shopify-feature-grid {
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:18px;
}

.legacy-content .d3-shopify-page .d3-shopify-feature {
	border:1px solid rgba(59, 130, 246, .24);
	border-radius:22px;
	background:#ffffff;
	box-shadow:0 18px 54px rgba(11, 18, 38, .06);
}

.legacy-content .d3-shopify-page .d3-shopify-feature i {
	display:inline-flex;
	width:52px;
	height:52px;
	align-items:center;
	justify-content:center;
	border-radius:16px;
	background:#eff6ff;
	color:#1d4ed8;
}

.legacy-content .d3-shopify-page .d3-shopify-feature h3 {
	color:#0b1226;
}

.legacy-content .d3-shopify-page .d3-shopify-feature p {
	color:#4a5a70;
}

.legacy-content .d3-shopify-page .d3-shopify-proof-strip {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:24px;
}

.legacy-content .d3-shopify-page .d3-shopify-proof-card {
	border:1px solid rgba(59, 130, 246, .24);
	border-radius:26px;
	background:#ffffff;
	box-shadow:0 22px 60px rgba(11, 18, 38, .08);
}

.legacy-content .d3-shopify-page .d3-shopify-proof-card h3 {
	color:#0b1226;
}

.legacy-content .d3-shopify-page .d3-shopify-proof-card ul {
	display:grid;
	gap:12px;
}

.legacy-content .d3-shopify-page .d3-shopify-proof-card li {
	display:flex;
	gap:10px;
	color:#1d4ed8;
}

.legacy-content .d3-shopify-page .d3-shopify-proof-card li i {
	color:#1d4ed8;
}

@media (max-width: 1100px) {
.legacy-content .d3-shopify-page .d3-shopify-feature-grid,
.legacy-content .d3-shopify-page .d3-shopify-proof-strip {
	grid-template-columns:repeat(2, minmax(0, 1fr));
}
.legacy-content .d3-shopify-page .d3-shop-dark-strip .d3-shop-logo-row,
.legacy-content .d3-shopify-page .d3-shop-store-track {
	grid-template-columns:repeat(3, minmax(0, 1fr));
}
.legacy-content .d3-shopify-page .d3-shop-store-track {
	display:flex;
}
}

@media (max-width: 700px) {
.legacy-content .d3-shopify-page .d3-shopify-menu {
	position:static;
}
.legacy-content .d3-shopify-page .d3-shopify-feature-grid,
.legacy-content .d3-shopify-page .d3-shopify-proof-strip,
.legacy-content .d3-shopify-page .d3-shopify-live-metrics,
.legacy-content .d3-shopify-page .d3-shop-service-menu,
.legacy-content .d3-shopify-page .d3-shop-case-grid,
.legacy-content .d3-shopify-page .d3-shop-dark-strip .d3-shop-logo-row,
.legacy-content .d3-shopify-page .d3-shop-store-track {
	grid-template-columns:1fr;
}
.legacy-content .d3-shopify-page .d3-shopify-hero-card img {
	height:220px;
}
.legacy-content .d3-shopify-page .d3-wd-hero {
	min-height:auto;
}
.legacy-content .d3-shopify-page .d3-shop-ai-row {
	width:100%;
	border-radius:24px;
}
.legacy-content .d3-shopify-page .d3-shop-ai-row span {
	width:100%;
}
.legacy-content .d3-shopify-page .d3-shop-store-viewport {
	overflow-x:auto;
}
.legacy-content .d3-shopify-page .d3-shop-store-viewport::-webkit-scrollbar {
	display:none;
}
.legacy-content .d3-shopify-page .d3-shop-store-track {
	display:flex;
	gap:14px;
	animation:none;
}
.legacy-content .d3-shopify-page .d3-shop-store-shot {
	width:232px;
	height:450px;
}
}

.legacy-content .d3-services-page .d3-wd-hero {
	background:linear-gradient(90deg, rgba(255, 255, 255, .055) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, .055) 1px, transparent 1px),
    radial-gradient(circle at 80% 36%, rgba(34, 211, 238, .32), transparent 28%),
    linear-gradient(135deg, #0b1226 0%, #1d4ed8 52%, #22d3ee 100%);
	background-size:72px 72px, 72px 72px, auto, auto;
}

.legacy-content .d3-services-page .d3-wd-hero .d3-wd-title {
	max-width:760px;
}

.legacy-content .d3-services-page .d3-service-hub-visual {
	position:relative;
	min-height:390px;
}

.legacy-content .d3-services-page .d3-service-orbit {
	position:absolute;
	inset:18px 0 0 auto;
	width:min(420px, 100%);
	min-height:330px;
	border:1px solid rgba(255, 255, 255, .18);
	border-radius:34px;
	background:linear-gradient(145deg, rgba(255, 255, 255, .23), rgba(255, 255, 255, .08));
	box-shadow:0 34px 90px rgba(7, 11, 22, .22);
	backdrop-filter:blur(14px);
}

.legacy-content .d3-services-page .d3-service-orbit::before,
.legacy-content .d3-services-page .d3-service-orbit::after {
	position:absolute;
	border:1px solid rgba(255, 255, 255, .18);
	border-radius:50%;
}

.legacy-content .d3-services-page .d3-service-orbit::before {
	inset:36px;
}

.legacy-content .d3-services-page .d3-service-orbit::after {
	inset:82px;
}

.legacy-content .d3-services-page .d3-orbit-core {
	position:absolute;
	left:50%;
	top:50%;
	z-index:2;
	display:grid;
	width:154px;
	height:154px;
	border-radius:32px;
	background:#ffffff;
	color:#2563eb;
	box-shadow:0 28px 60px rgba(7, 11, 22, .2);
	transform:translate(-50%, -50%);
}

.legacy-content .d3-services-page .d3-orbit-core span {
	display:block;
	color:#0b1226;
}

.legacy-content .d3-services-page .d3-orbit-chip {
	position:absolute;
	z-index:3;
	display:inline-flex;
	align-items:center;
	gap:8px;
	border:1px solid rgba(255, 255, 255, .28);
	border-radius:999px;
	background:rgba(255, 255, 255, .2);
	color:#ffffff;
	box-shadow:0 18px 42px rgba(7, 11, 22, .16);
	backdrop-filter:blur(12px);
	animation:d3WdFloat 6s ease-in-out infinite;
}

.legacy-content .d3-services-page .d3-orbit-chip:nth-child(2) {
	left:26px;
	top:46px;
}

.legacy-content .d3-services-page .d3-orbit-chip:nth-child(3) {
	right:28px;
	top:66px;
	animation-delay:-1.5s;
}

.legacy-content .d3-services-page .d3-orbit-chip:nth-child(4) {
	left:30px;
	bottom:54px;
	animation-delay:-3s;
}

.legacy-content .d3-services-page .d3-orbit-chip:nth-child(5) {
	right:28px;
	bottom:46px;
	animation-delay:-4.5s;
}

.legacy-content .d3-services-page .d3-hub-service-grid {
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:20px;
}

.legacy-content .d3-services-page .d3-hub-service-card {
	position:relative;
	display:flex;
	min-height:100%;
	flex-direction:column;
	border:1px solid rgba(59, 130, 246, .24);
	border-radius:22px;
	background:#ffffff;
	color:var(--d3-wd-ink);
	box-shadow:0 18px 54px rgba(11, 18, 38, .06);
	overflow:hidden;
}

.legacy-content .d3-services-page .d3-hub-service-card::before {
	position:absolute;
	right:18px;
	top:14px;
	color:rgba(11, 18, 38, .08);
}

.legacy-content .d3-services-page .d3-hub-service-card:hover,
.legacy-content .d3-services-page .d3-hub-service-card.featured {
	transform:translateY(-6px);
	border-color:rgba(37, 99, 235, .28);
	box-shadow:0 28px 76px rgba(11, 18, 38, .12);
}

.legacy-content .d3-services-page .d3-hub-service-card.featured {
	background:radial-gradient(circle at 92% 12%, rgba(255, 255, 255, .2), transparent 28%),
    linear-gradient(145deg, #2563eb, #22d3ee);
	color:#ffffff;
}

.legacy-content .d3-services-page .d3-hub-service-card.featured::before {
	color:rgba(255, 255, 255, .18);
}

.legacy-content .d3-services-page .d3-hub-icon {
	position:relative;
	z-index:1;
	display:inline-flex;
	width:54px;
	height:54px;
	align-items:center;
	justify-content:center;
	border-radius:17px;
	background:#eff6ff;
	color:#2563eb;
}

.legacy-content .d3-services-page .featured .d3-hub-icon {
	background:rgba(255, 255, 255, .18);
	color:#ffffff;
}

.legacy-content .d3-services-page .d3-hub-service-card h3 {
	position:relative;
	z-index:1;
	color:inherit;
}

.legacy-content .d3-services-page .d3-hub-service-card p {
	position:relative;
	z-index:1;
	color:var(--d3-wd-muted);
}

.legacy-content .d3-services-page .featured p {
	color:rgba(255, 255, 255, .86);
}

.legacy-content .d3-services-page .d3-hub-card-link {
	position:relative;
	z-index:1;
	display:inline-flex;
	align-items:center;
	gap:8px;
	color:#2563eb;
}

.legacy-content .d3-services-page .featured .d3-hub-card-link {
	color:#ffffff;
}

.legacy-content .d3-services-page .d3-service-detail-stack {
	display:grid;
	gap:28px;
}

.legacy-content .d3-services-page .d3-service-detail-card {
	position:relative;
	display:grid;
	grid-template-columns:minmax(320px, .82fr) minmax(0, 1fr);
	gap:0;
	overflow:hidden;
	border:1px solid rgba(59, 130, 246, .24);
	border-radius:28px;
	background:#ffffff;
	box-shadow:0 24px 72px rgba(11, 18, 38, .08);
}

.legacy-content .d3-services-page .d3-service-detail-card:hover {
	transform:translateY(-6px);
	border-color:rgba(37, 99, 235, .26);
	box-shadow:0 34px 90px rgba(11, 18, 38, .13);
}

.legacy-content .d3-services-page .d3-service-detail-card:nth-child(even) {
	grid-template-columns:minmax(0, 1fr) minmax(320px, .82fr);
}

.legacy-content .d3-services-page .d3-service-detail-card:nth-child(even) .d3-service-detail-media {
	order:2;
}

.legacy-content .d3-services-page .d3-service-detail-media {
	position:relative;
	min-height:360px;
	overflow:hidden;
	background:radial-gradient(circle at 24% 18%, rgba(255, 255, 255, .48), transparent 24%),
    linear-gradient(145deg, #1d4ed8, #22d3ee);
}

.legacy-content .d3-services-page .d3-service-detail-media img {
	display:block;
	width:100%;
	height:100%;
	min-height:inherit;
	object-fit:cover;
	object-position:top center;
	opacity:.78;
	mix-blend-mode:screen;
}

.legacy-content .d3-services-page .d3-service-detail-card:hover .d3-service-detail-media img {
	transform:scale(1.05);
	opacity:.92;
}

.legacy-content .d3-services-page .d3-service-detail-media::after {
	position:absolute;
	inset:0;
	background:linear-gradient(180deg, rgba(11, 18, 38, .04), rgba(11, 18, 38, .76)),
    radial-gradient(circle at 78% 20%, rgba(255, 255, 255, .24), transparent 26%);
}

.legacy-content .d3-services-page .d3-service-detail-badge {
	position:absolute;
	left:22px;
	top:22px;
	z-index:2;
	display:inline-flex;
	align-items:center;
	gap:8px;
	border:1px solid rgba(255, 255, 255, .22);
	border-radius:999px;
	background:rgba(255, 255, 255, .18);
	color:#ffffff;
	backdrop-filter:blur(12px);
}

.legacy-content .d3-services-page .d3-service-detail-number {
	position:absolute;
	right:22px;
	bottom:18px;
	z-index:2;
	color:rgba(255, 255, 255, .22);
}

.legacy-content .d3-services-page .d3-service-detail-kicker {
	display:inline-flex;
	color:#22d3ee;
}

.legacy-content .d3-services-page .d3-service-detail-body h3 {
	color:var(--d3-wd-ink);
}

.legacy-content .d3-services-page .d3-service-detail-body p {
	color:var(--d3-wd-muted);
}

.legacy-content .d3-services-page .d3-service-detail-list {
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:10px 14px;
}

.legacy-content .d3-services-page .d3-service-detail-list li {
	display:flex;
	gap:9px;
	align-items:flex-start;
	color:#1d4ed8;
}

.legacy-content .d3-services-page .d3-service-detail-list i {
	color:#2563eb;
}

.legacy-content .d3-services-page .d3-service-detail-actions {
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}

.legacy-content .d3-services-page .d3-detail-action {
	display:inline-flex;
	min-height:46px;
	align-items:center;
	justify-content:center;
	gap:8px;
	border:1px solid rgba(37, 99, 235, .18);
	border-radius:999px;
	background:#eff6ff;
	color:#2563eb;
}

.legacy-content .d3-services-page .d3-detail-action:hover {
	transform:translateY(-2px);
	border-color:#2563eb;
	background:#2563eb;
	color:#ffffff;
}

.legacy-content .d3-services-page .d3-detail-action.primary {
	background:#0b1226;
	color:#ffffff;
	border-color:#0b1226;
}

.legacy-content .d3-services-page .d3-detail-action.primary:hover {
	background:#22d3ee;
	border-color:#22d3ee;
}

.legacy-content .d3-services-page .d3-service-snake {
	position:relative;
	overflow:hidden;
}

.legacy-content .d3-services-page .d3-service-snake::before {
	position:absolute;
	inset:0;
	background:radial-gradient(circle at 12% 8%, rgba(34, 211, 238, .16), transparent 24%),
    radial-gradient(circle at 88% 14%, rgba(37, 99, 235, .12), transparent 24%),
    linear-gradient(90deg, rgba(37, 99, 235, .045) 1px, transparent 1px),
    linear-gradient(180deg, rgba(37, 99, 235, .045) 1px, transparent 1px);
	background-size:auto, auto, 78px 78px, 78px 78px;
}

.legacy-content .d3-services-page .d3-service-snake .container {
	position:relative;
	z-index:1;
}

.legacy-content .d3-services-page .d3-snake-wrap {
	position:relative;
}

.legacy-content .d3-services-page .d3-snake-path {
	position:absolute;
	inset:0 50% 0;
	width:128px;
	transform:translateX(-50%);
	opacity:.96;
}

.legacy-content .d3-services-page .d3-snake-path svg {
	width:100%;
	height:100%;
	overflow:visible;
}

.legacy-content .d3-services-page .d3-snake-path path {
	fill:none;
}

.legacy-content .d3-services-page .d3-snake-path .d3-snake-shadow {
	stroke:rgba(37, 99, 235, .11);
}

.legacy-content .d3-services-page .d3-snake-path .d3-snake-line {
	stroke:url(#d3SnakeGradient);
	filter:drop-shadow(0 10px 18px rgba(37, 99, 235, .22));
}

.legacy-content .d3-services-page .d3-snake-service {
	position:relative;
	display:grid;
	grid-template-columns:minmax(300px, .82fr) 128px minmax(0, 1fr);
	gap:28px;
	align-items:center;
	min-height:330px;
}

.legacy-content .d3-services-page .d3-snake-service .d3-snake-copy,
.legacy-content .d3-services-page .d3-snake-service:nth-of-type(even) .d3-snake-copy {
	grid-column:1;
	justify-self:start;
}

.legacy-content .d3-services-page .d3-snake-service .d3-snake-visual,
.legacy-content .d3-services-page .d3-snake-service:nth-of-type(even) .d3-snake-visual,
.legacy-content .d3-services-page .d3-snake-service:nth-of-type(odd) .d3-snake-visual {
	grid-column:3;
	grid-row:1;
}

.legacy-content .d3-services-page .d3-snake-service:nth-of-type(even) .d3-snake-copy {
	grid-column:3;
}

.legacy-content .d3-services-page .d3-snake-service:nth-of-type(even) .d3-snake-visual {
	grid-column:1;
}

.legacy-content .d3-services-page .d3-snake-copy {
	max-width:560px;
}

.legacy-content .d3-services-page .d3-snake-kicker {
	display:inline-flex;
	color:#22d3ee;
}

.legacy-content .d3-services-page .d3-snake-copy h3 {
	color:var(--d3-wd-ink);
}

.legacy-content .d3-services-page .d3-snake-copy p {
	color:var(--d3-wd-muted);
}

.legacy-content .d3-services-page .d3-snake-list {
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}

.legacy-content .d3-services-page .d3-snake-list li {
	display:inline-flex;
	align-items:center;
	gap:7px;
	border:1px solid rgba(37, 99, 235, .16);
	border-radius:999px;
	background:rgba(255, 255, 255, .72);
	color:#1d4ed8;
	box-shadow:0 12px 28px rgba(11, 18, 38, .05);
}

.legacy-content .d3-services-page .d3-snake-list i {
	color:#2563eb;
}

.legacy-content .d3-services-page .d3-snake-actions {
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}

.legacy-content .d3-services-page .d3-snake-action {
	display:inline-flex;
	min-height:46px;
	align-items:center;
	justify-content:center;
	gap:8px;
	border:1px solid rgba(37, 99, 235, .18);
	border-radius:999px;
	background:#ffffff;
	color:#2563eb;
}

.legacy-content .d3-services-page .d3-snake-action:hover {
	transform:translateY(-2px);
	border-color:#2563eb;
	background:#2563eb;
	color:#ffffff;
}

.legacy-content .d3-services-page .d3-snake-action.primary {
	background:#0b1226;
	color:#ffffff;
	border-color:#0b1226;
}

.legacy-content .d3-services-page .d3-snake-point {
	position:absolute;
	left:calc(50% + var(--d3-snake-point-x, 0px));
	top:50%;
	z-index:3;
	display:grid;
	width:86px;
	height:86px;
	border:7px solid #eff6ff;
	border-radius:50%;
	background:linear-gradient(135deg, #2563eb, #22d3ee);
	color:#ffffff;
	box-shadow:0 20px 50px rgba(37, 99, 235, .24), 0 0 0 12px rgba(37, 99, 235, .07);
	transform:translate(-50%, -50%);
}

.legacy-content .d3-services-page .d3-snake-service {
	--d3-snake-point-x:0px;
}

.legacy-content .d3-services-page .d3-snake-point::before {
	position:absolute;
	inset:-18px;
	z-index:-1;
	border:1px solid rgba(37, 99, 235, .16);
	border-radius:50%;
	background:rgba(255, 255, 255, .58);
	backdrop-filter:blur(4px);
}

.legacy-content .d3-services-page .d3-snake-service.is-active .d3-snake-point,
.legacy-content .d3-services-page .d3-snake-service:hover .d3-snake-point {
	background:linear-gradient(135deg, #0b1226, #2563eb 58%, #22d3ee);
	box-shadow:0 24px 64px rgba(37, 99, 235, .32), 0 0 0 16px rgba(37, 99, 235, .08);
	transform:translate(-50%, -50%) scale(1.05);
}

.legacy-content .d3-services-page .d3-snake-service.is-active .d3-snake-point::before,
.legacy-content .d3-services-page .d3-snake-service:hover .d3-snake-point::before {
	inset:-24px;
	opacity:.95;
}

.legacy-content .d3-services-page .d3-snake-point span {
	display:block;
	min-width:2ch;
}

.legacy-content .d3-services-page .d3-snake-point i {
	display:none;
}

.legacy-content .d3-services-page .d3-snake-visual {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	min-height:250px;
}

.legacy-content .d3-services-page .d3-snake-visual img {
	position:relative;
	z-index:1;
	display:block;
	width:min(340px, 100%);
	height:235px;
	object-fit:cover;
	object-position:top center;
	border-radius:44px 44px 44px 8px;
	box-shadow:0 30px 80px rgba(11, 18, 38, .12);
}

.legacy-content .d3-services-page .d3-snake-service:nth-of-type(even) .d3-snake-visual img {
	border-radius:44px 44px 44px 8px;
}

.legacy-content .d3-services-page .d3-snake-service:nth-of-type(even) .d3-snake-visual {
	justify-content:flex-end;
}

.legacy-content .d3-services-page .d3-snake-service:hover .d3-snake-visual img {
	transform:translateY(-8px) scale(1.025);
}

.legacy-content .d3-services-page .d3-snake-visual::before {
	position:absolute;
	inset:38px 8% auto auto;
	width:210px;
	height:210px;
	border-radius:50%;
	background:linear-gradient(135deg, rgba(37, 99, 235, .18), rgba(34, 211, 238, .12));
	filter:blur(.2px);
}

.legacy-content .d3-services-page .d3-snake-service:nth-of-type(even) .d3-snake-visual::before {
	inset:38px auto auto 8%;
}

.legacy-content .d3-services-page .d3-services-proof {
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:18px;
}

.legacy-content .d3-services-page .d3-services-proof-card {
	border:1px solid rgba(59, 130, 246, .24);
	border-radius:20px;
	background:#ffffff;
	box-shadow:0 18px 54px rgba(11, 18, 38, .06);
}

.legacy-content .d3-services-page .d3-services-proof-card strong {
	display:block;
	color:#2563eb;
}

.legacy-content .d3-services-page .d3-services-proof-card span {
	color:var(--d3-wd-muted);
}

@media (max-width: 1100px) {
.legacy-content .d3-services-page .d3-hub-service-grid,
.legacy-content .d3-services-page .d3-services-proof {
	grid-template-columns:repeat(2, minmax(0, 1fr));
}
.legacy-content .d3-services-page .d3-service-detail-card,
.legacy-content .d3-services-page .d3-service-detail-card:nth-child(even) {
	grid-template-columns:1fr;
}
.legacy-content .d3-services-page .d3-service-detail-card:nth-child(even) .d3-service-detail-media {
	order:0;
}
.legacy-content .d3-services-page .d3-snake-path {
	left:42px;
	right:auto;
	top:82px;
	bottom:130px;
	width:120px;
	transform:none;
}
.legacy-content .d3-services-page .d3-snake-service,
.legacy-content .d3-services-page .d3-snake-service:nth-of-type(even) {
	--d3-snake-point-x:0px;
	grid-template-columns:92px 1fr;
	gap:22px;
	min-height:auto;
}
.legacy-content .d3-services-page .d3-snake-service .d3-snake-point,
.legacy-content .d3-services-page .d3-snake-service:nth-of-type(even) .d3-snake-point {
	left:39px;
	top:50px;
	width:78px;
	height:78px;
	border-width:6px;
	transform:translateX(-50%);
}
.legacy-content .d3-services-page .d3-snake-service.is-active .d3-snake-point,
.legacy-content .d3-services-page .d3-snake-service:hover .d3-snake-point {
	transform:translateX(-50%) scale(1.04);
}
.legacy-content .d3-services-page .d3-snake-point::before {
	inset:-16px;
}
.legacy-content .d3-services-page .d3-snake-service .d3-snake-copy,
.legacy-content .d3-services-page .d3-snake-service:nth-of-type(even) .d3-snake-copy,
.legacy-content .d3-services-page .d3-snake-service .d3-snake-visual,
.legacy-content .d3-services-page .d3-snake-service:nth-of-type(even) .d3-snake-visual {
	grid-column:2;
	justify-self:stretch;
}
.legacy-content .d3-services-page .d3-snake-service .d3-snake-visual,
.legacy-content .d3-services-page .d3-snake-service:nth-of-type(even) .d3-snake-visual {
	grid-row:2;
}
}

@media (max-width: 700px) {
.legacy-content .d3-services-page .d3-service-hub-visual {
	min-height:330px;
}
.legacy-content .d3-services-page .d3-service-orbit {
	position:relative;
	inset:auto;
	width:100%;
	min-height:310px;
}
.legacy-content .d3-services-page .d3-hub-service-grid,
.legacy-content .d3-services-page .d3-services-proof {
	grid-template-columns:1fr;
}
.legacy-content .d3-services-page .d3-service-detail-media {
	min-height:240px;
}
.legacy-content .d3-services-page .d3-service-detail-list {
	grid-template-columns:1fr;
}
.legacy-content .d3-services-page .d3-detail-action {
	width:100%;
}
.legacy-content .d3-services-page .d3-snake-path {
	left:27px;
	top:72px;
	bottom:104px;
	width:70px;
}
.legacy-content .d3-services-page .d3-snake-service,
.legacy-content .d3-services-page .d3-snake-service:nth-of-type(even) {
	--d3-snake-point-x:0px;
	grid-template-columns:58px 1fr;
	gap:16px;
}
.legacy-content .d3-services-page .d3-snake-service .d3-snake-point,
.legacy-content .d3-services-page .d3-snake-service:nth-of-type(even) .d3-snake-point {
	left:28px;
	top:36px;
	width:56px;
	height:56px;
	border-width:4px;
	transform:translateX(-50%);
}
.legacy-content .d3-services-page .d3-snake-service.is-active .d3-snake-point,
.legacy-content .d3-services-page .d3-snake-service:hover .d3-snake-point {
	transform:translateX(-50%) scale(1.04);
}
.legacy-content .d3-services-page .d3-snake-point::before {
	inset:-9px;
	box-shadow:none;
}
.legacy-content .d3-services-page .d3-snake-point i {
	display:none;
}
.legacy-content .d3-services-page .d3-snake-visual {
	min-height:230px;
}
.legacy-content .d3-services-page .d3-snake-visual img,
.legacy-content .d3-services-page .d3-snake-service:nth-of-type(even) .d3-snake-visual img {
	width:100%;
	height:220px;
	border-radius:26px 26px 26px 6px;
}
.legacy-content .d3-services-page .d3-snake-action {
	width:100%;
}
}

@media (max-width: 900px) {
.legacy-content .d3-webdesign-page .d3-wd-brand-strip .tb-brand-row {
	gap:18px;
}
.legacy-content .d3-webdesign-page .d3-wd-brand-strip .tb-logo-item {
	min-width:180px;
	height:82px;
}
}

@media (max-width: 640px) {
.legacy-content .d3-webdesign-page .d3-wd-brand-strip .tb-brand-label {
	white-space:normal;
}
}

@media (max-width: 900px) {
.legacy-content .d3-wd-shot-grid {
	grid-template-columns:repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 640px) {
.legacy-content .d3-wd-shot-grid {
	grid-template-columns:1fr;
	gap:18px;
}
.legacy-content .d3-wd-shot,
.legacy-content .d3-wd-shot:nth-child(2),
.legacy-content .d3-wd-shot:nth-child(3),
.legacy-content .d3-wd-shot:nth-child(4) {
	min-height:430px;
}
.legacy-content .d3-wd-shot img {
	height:620px;
}
.legacy-content .d3-wd-shot-info {
	opacity:1;
	transform:none;
}
}

.legacy-content /* Shopify page final polish: spacing,
.legacy-content industry panels,
.legacy-content FAQ,
.legacy-content and process */
.d3-shopify-page {
	overflow-x:hidden;
}

.legacy-content .d3-shopify-page .d3-wd-hero .d3-wd-title,
.legacy-content .d3-shopify-page .d3-shop-hero-title {
	max-width:980px !important;
}

.legacy-content #shopify-industry-keywords .d3-shop-stack-panel {
	min-height:0 !important;
	gap:clamp(22px, 4vw, 54px) !important;
	border-radius:30px !important;
}

.legacy-content #shopify-industry-keywords .d3-shop-panel-copy {
	display:grid !important;
	grid-template-columns:74px minmax(0, 1fr) !important;
	align-content:center !important;
	column-gap:20px !important;
	row-gap:14px !important;
	min-width:0 !important;
}

.legacy-content #shopify-industry-keywords .d3-shop-panel-num {
	grid-column:1 !important;
	grid-row:1 / span 5 !important;
	align-self:start !important;
	color:rgba(7, 11, 22, .13) !important;
}

.legacy-content #shopify-industry-keywords .d3-shop-panel-copy h3 {
	grid-column:2 !important;
	max-width:760px !important;
}

.legacy-content #shopify-industry-keywords .d3-shop-panel-copy p,
.legacy-content #shopify-industry-keywords .d3-shop-panel-tags,
.legacy-content #shopify-industry-keywords .d3-shop-panel-links {
	grid-column:2 !important;
	max-width:780px !important;
}

.legacy-content #shopify-industry-keywords .d3-shop-panel-media {
	min-height:315px !important;
	max-height:430px !important;
	border-radius:26px !important;
}

.legacy-content #shopify-industry-keywords .d3-shop-panel-carousel {
	min-height:315px !important;
	height:100% !important;
}

.legacy-content #shopify-industry-keywords .d3-shop-panel-track {
	gap:18px !important;
}

.legacy-content #shopify-industry-keywords .d3-shop-panel-slide {
	width:clamp(185px, 17vw, 270px) !important;
	height:clamp(280px, 25vw, 380px) !important;
	border:10px solid rgba(255, 255, 255, .72) !important;
	border-radius:30px !important;
	box-shadow:0 24px 54px rgba(7, 11, 22, .2) !important;
	opacity:.66 !important;
	transform:scale(.88) !important;
}

.legacy-content #shopify-industry-keywords .d3-shop-panel-slide:nth-child(3n + 2) {
	opacity:1 !important;
	transform:scale(1) !important;
}

.legacy-content #shopify-industry-keywords .d3-shop-panel-slide img {
	object-position:top center !important;
}

.legacy-content .d3-shopify-page #shopify-proof .d3-shopify-proof-card {
	min-height:0 !important;
	border-radius:22px !important;
}

.legacy-content .d3-shopify-page .d3-wd-section:has(.d3-wd-process) {
	background:radial-gradient(circle at 12% 16%, rgba(59, 130, 246, .16), transparent 25%),
    radial-gradient(circle at 92% 26%, rgba(34, 211, 238, .11), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #eff6ff 100%) !important;
}

.legacy-content .d3-shopify-page .d3-wd-section:has(.d3-wd-process) > .container {
	display:grid !important;
	grid-template-columns:minmax(310px, .76fr) minmax(0, 1.24fr) !important;
	gap:clamp(34px, 5vw, 78px) !important;
	align-items:start !important;
	max-width:1280px !important;
}

.legacy-content .d3-shopify-page .d3-wd-section:has(.d3-wd-process) .d3-wd-section-head {
	position:sticky !important;
	top:104px !important;
	max-width:520px !important;
}

.legacy-content .d3-shopify-page .d3-wd-process {
	position:relative !important;
	display:grid !important;
	gap:14px !important;
	max-width:none !important;
}

.legacy-content .d3-shopify-page .d3-wd-process::before {
	position:absolute !important;
	left:56px !important;
	top:28px !important;
	bottom:28px !important;
	width:2px !important;
	border-radius:999px !important;
	background:linear-gradient(180deg, #3b82f6, #2563eb, #22d3ee) !important;
	opacity:.38 !important;
}

.legacy-content .d3-shopify-page .d3-wd-step {
	position:relative !important;
	display:grid !important;
	grid-template-columns:72px 1fr !important;
	gap:20px !important;
	align-items:center !important;
	border:1px solid rgba(11, 18, 38, .08) !important;
	border-radius:22px !important;
	background:rgba(255, 255, 255, .94) !important;
	box-shadow:0 18px 48px rgba(11, 18, 38, .07) !important;
	overflow:hidden !important;
}

.legacy-content .d3-shopify-page .d3-wd-step:hover {
	transform:translateX(6px) !important;
	border-color:rgba(37, 99, 235, .25) !important;
	box-shadow:0 26px 66px rgba(11, 18, 38, .12) !important;
}

.legacy-content .d3-shopify-page .d3-wd-step-num {
	position:relative !important;
	z-index:2 !important;
	width:58px !important;
	height:58px !important;
	display:grid !important;
	border-radius:18px !important;
	background:linear-gradient(135deg, #070b16, #2563eb 62%, #22d3ee) !important;
	color:#ffffff !important;
	box-shadow:0 14px 30px rgba(37, 99, 235, .22) !important;
}

.legacy-content .d3-shopify-page .d3-wd-step h3 {
	color:#0b1226 !important;
}

.legacy-content .d3-shopify-page .d3-wd-step p {
	color:#4a5a70 !important;
}

@media (max-width: 1100px) {
.legacy-content .d3-shopify-page .d3-wd-section:has(.d3-wd-process) > .container {
	grid-template-columns:1fr !important;
}
.legacy-content .d3-shopify-page .d3-wd-section:has(.d3-wd-process) .d3-wd-section-head {
	position:relative !important;
	top:auto !important;
	max-width:760px !important;
}
.legacy-content #shopify-industry-keywords .d3-shop-panel-copy {
	grid-template-columns:64px minmax(0, 1fr) !important;
}
}

@media (max-width: 767px) {
.legacy-content #shopify-industry-keywords .d3-shop-stack-panel {
	border-radius:24px !important;
}
.legacy-content #shopify-industry-keywords .d3-shop-panel-copy {
	grid-template-columns:1fr !important;
	gap:12px !important;
}
.legacy-content #shopify-industry-keywords .d3-shop-panel-num,
.legacy-content #shopify-industry-keywords .d3-shop-panel-copy h3,
.legacy-content #shopify-industry-keywords .d3-shop-panel-copy p,
.legacy-content #shopify-industry-keywords .d3-shop-panel-tags,
.legacy-content #shopify-industry-keywords .d3-shop-panel-links {
	grid-column:1 !important;
	grid-row:auto !important;
}
.legacy-content #shopify-industry-keywords .d3-shop-panel-media,
.legacy-content #shopify-industry-keywords .d3-shop-panel-carousel {
	min-height:260px !important;
	max-height:300px !important;
}
.legacy-content #shopify-industry-keywords .d3-shop-panel-slide {
	width:170px !important;
	height:250px !important;
	border-radius:22px !important;
}
.legacy-content .d3-shopify-page .d3-wd-process::before {
	left:28px !important;
}
.legacy-content .d3-shopify-page .d3-wd-step {
	grid-template-columns:56px 1fr !important;
	gap:14px !important;
	border-radius:18px !important;
}
.legacy-content .d3-shopify-page .d3-wd-step:hover {
	transform:none !important;
}
.legacy-content .d3-shopify-page .d3-wd-step-num {
	width:50px !important;
	height:50px !important;
	border-radius:15px !important;
}
}

.legacy-content /* Shopify process section: D3Logics blue sticky redesign */
.d3-shopify-page .d3-wd-section:has(.d3-wd-process) {
	position:relative !important;
	background:linear-gradient(90deg, rgba(37, 99, 235, .055) 1px, transparent 1px),
    linear-gradient(180deg, rgba(37, 99, 235, .055) 1px, transparent 1px),
    radial-gradient(circle at 12% 18%, rgba(34, 211, 238, .18), transparent 24%),
    radial-gradient(circle at 88% 16%, rgba(37, 99, 235, .14), transparent 25%),
    linear-gradient(135deg, #eff6ff 0%, #eff6ff 48%, #eff6ff 100%) !important;
	background-size:72px 72px, 72px 72px, auto, auto, auto !important;
	overflow:clip !important;
}

.legacy-content .d3-shopify-page .d3-wd-section:has(.d3-wd-process)::before {
	position:absolute !important;
	inset:42px auto auto 8% !important;
	z-index:-1 !important;
	width:min(560px, 44vw) !important;
	height:min(560px, 44vw) !important;
	border:1px solid rgba(37, 99, 235, .11) !important;
	border-radius:50% !important;
	background:radial-gradient(circle, rgba(255, 255, 255, .72), transparent 64%) !important;
	transform:none !important;
}

.legacy-content .d3-shopify-page .d3-wd-section:has(.d3-wd-process)::after {
	position:absolute !important;
	right:-120px !important;
	top:80px !important;
	z-index:-1 !important;
	width:min(540px, 42vw) !important;
	height:min(540px, 42vw) !important;
	border-radius:50% !important;
	background:radial-gradient(circle, rgba(34, 211, 238, .2), transparent 66%) !important;
}

.legacy-content .d3-shopify-page .d3-wd-section:has(.d3-wd-process) > .container {
	display:grid !important;
	width:calc(100% - 80px) !important;
	max-width:1360px !important;
	grid-template-columns:minmax(330px, .72fr) minmax(0, 1.28fr) !important;
	gap:clamp(42px, 6vw, 88px) !important;
	align-items:start !important;
}

.legacy-content .d3-shopify-page .d3-wd-section:has(.d3-wd-process) .d3-wd-section-head {
	position:sticky !important;
	top:110px !important;
	display:grid !important;
	max-width:540px !important;
	min-height:min(560px, calc(100vh - 150px)) !important;
	align-content:center !important;
	border:1px solid rgba(37, 99, 235, .13) !important;
	border-radius:34px !important;
	background:radial-gradient(circle at 86% 18%, rgba(34, 211, 238, .22), transparent 26%),
    linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(239, 246, 255, .82)) !important;
	box-shadow:0 28px 90px rgba(37, 99, 235, .1) !important;
	backdrop-filter:blur(12px) !important;
}

.legacy-content .d3-shopify-page .d3-wd-section:has(.d3-wd-process) .d3-wd-eyebrow {
	display:inline-flex !important;
	width:max-content !important;
	min-height:34px !important;
	align-items:center !important;
	border-radius:999px !important;
	background:#eff6ff !important;
	color:#22d3ee !important;
}

.legacy-content .d3-shopify-page .d3-wd-section:has(.d3-wd-process) .d3-wd-section-title {
	max-width:460px !important;
	color:#0b1226 !important;
}

.legacy-content .d3-shopify-page .d3-wd-section:has(.d3-wd-process) .d3-wd-text {
	max-width:460px !important;
	color:#2563eb !important;
}

.legacy-content .d3-shopify-page .d3-wd-section:has(.d3-wd-process) .d3-wd-section-head::after {
	display:inline-flex !important;
	width:max-content !important;
	max-width:100% !important;
	min-height:42px !important;
	align-items:center !important;
	border-radius:999px !important;
	background:#0b1226 !important;
	color:#ffffff !important;
	box-shadow:0 18px 44px rgba(11, 18, 38, .18) !important;
}

.legacy-content .d3-shopify-page .d3-wd-process {
	position:relative !important;
	display:grid !important;
	gap:18px !important;
	max-width:none !important;
}

.legacy-content .d3-shopify-page .d3-wd-process::before {
	position:absolute !important;
	left:60px !important;
	top:56px !important;
	bottom:56px !important;
	width:3px !important;
	border-radius:999px !important;
	background:linear-gradient(180deg, #2563eb 0%, #22d3ee 48%, rgba(37, 99, 235, .12) 100%) !important;
	box-shadow:0 0 0 8px rgba(37, 99, 235, .045) !important;
	opacity:1 !important;
}

.legacy-content .d3-shopify-page .d3-wd-step {
	position:relative !important;
	display:grid !important;
	grid-template-columns:76px minmax(0, 1fr) !important;
	gap:22px !important;
	align-items:center !important;
	min-height:132px !important;
	border:1px solid rgba(37, 99, 235, .13) !important;
	border-radius:26px !important;
	background:linear-gradient(135deg, rgba(255, 255, 255, .97), rgba(239, 246, 255, .94)) !important;
	box-shadow:0 24px 70px rgba(11, 18, 38, .08) !important;
	overflow:hidden !important;
}

.legacy-content .d3-shopify-page .d3-wd-step::before {
	position:absolute !important;
	inset:0 auto 0 0 !important;
	width:6px !important;
	background:linear-gradient(180deg, #2563eb, #22d3ee) !important;
	opacity:.95 !important;
}

.legacy-content .d3-shopify-page .d3-wd-step::after {
	position:absolute !important;
	right:-74px !important;
	top:-74px !important;
	width:190px !important;
	height:190px !important;
	border-radius:50% !important;
	background:radial-gradient(circle, rgba(34, 211, 238, .14), transparent 68%) !important;
	opacity:0 !important;
}

.legacy-content .d3-shopify-page .d3-wd-step:hover {
	transform:translateX(8px) !important;
	border-color:rgba(37, 99, 235, .28) !important;
	background:#ffffff !important;
	box-shadow:0 32px 88px rgba(11, 18, 38, .13) !important;
}

.legacy-content .d3-shopify-page .d3-wd-step:hover::after {
	opacity:1 !important;
	transform:scale(1.12) !important;
}

.legacy-content .d3-shopify-page .d3-wd-step-num {
	position:relative !important;
	z-index:2 !important;
	display:grid !important;
	width:64px !important;
	height:64px !important;
	border:5px solid #ffffff !important;
	border-radius:21px !important;
	background:linear-gradient(135deg, #1d4ed8 0%, #2563eb 56%, #22d3ee 100%) !important;
	color:#ffffff !important;
	box-shadow:0 16px 36px rgba(37, 99, 235, .26) !important;
}

.legacy-content .d3-shopify-page .d3-wd-step h3 {
	position:relative !important;
	z-index:2 !important;
	color:#0b1226 !important;
}

.legacy-content .d3-shopify-page .d3-wd-step p {
	position:relative !important;
	z-index:2 !important;
	max-width:840px !important;
	color:#2563eb !important;
}

@media (min-width: 1101px) {
.legacy-content .d3-shopify-page .d3-wd-process .d3-wd-step:nth-child(even) {
	transform:translateX(26px) !important;
}
.legacy-content .d3-shopify-page .d3-wd-process .d3-wd-step:nth-child(even):hover {
	transform:translateX(34px) !important;
}
}

@media (max-width: 1100px) {
.legacy-content .d3-shopify-page .d3-wd-section:has(.d3-wd-process) > .container {
	width:calc(100% - 44px) !important;
	grid-template-columns:1fr !important;
	gap:26px !important;
}
.legacy-content .d3-shopify-page .d3-wd-section:has(.d3-wd-process) .d3-wd-section-head {
	position:relative !important;
	top:auto !important;
	min-height:auto !important;
	max-width:none !important;
}
}

@media (max-width: 767px) {
.legacy-content .d3-shopify-page .d3-wd-section:has(.d3-wd-process) {
	overflow:hidden !important;
}
.legacy-content .d3-shopify-page .d3-wd-section:has(.d3-wd-process) > .container {
	width:calc(100% - 30px) !important;
}
.legacy-content .d3-shopify-page .d3-wd-section:has(.d3-wd-process) .d3-wd-section-head {
	border-radius:24px !important;
}
.legacy-content .d3-shopify-page .d3-wd-process {
	gap:12px !important;
}
.legacy-content .d3-shopify-page .d3-wd-process::before {
	left:28px !important;
	top:30px !important;
	bottom:30px !important;
}
.legacy-content .d3-shopify-page .d3-wd-step {
	grid-template-columns:56px minmax(0, 1fr) !important;
	min-height:0 !important;
	gap:14px !important;
	border-radius:20px !important;
}
.legacy-content .d3-shopify-page .d3-wd-step:hover {
	transform:none !important;
}
.legacy-content .d3-shopify-page .d3-wd-step-num {
	width:50px !important;
	height:50px !important;
	border-width:4px !important;
	border-radius:16px !important;
}
}

/* keyframes used above */
@keyframes scroll-track {

      0%  {

            transform: translateX(0);

      }


      100%  {

            transform: translateX(-50%);

      }

}
@keyframes d3-service-grid-drift {
  from {
    background-position: 0 0, 0 0;
  }

  to {
    background-position: 54px 54px, 54px 54px;
  }
}
@keyframes d3-service-float {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }

  50% {
    transform: translate3d(18px, -18px, 0) scale(1.08);
  }
}
@keyframes d3-service-sweep {
  0%,
  100% {
    transform: translateX(0) rotate(-10deg);
    opacity: 0.45;
  }

  50% {
    transform: translateX(120%) rotate(-10deg);
    opacity: 0.9;
  }
}
@keyframes d3-why-grid {
  from {
    background-position: 0 0, 0 0;
  }

  to {
    background-position: 34px 34px, 34px 34px;
  }
}
@keyframes d3-about-float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
@keyframes d3-about-slide {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(160%);
  }
}
@keyframes d3-about-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes d3WdFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-14px); }
}
@keyframes d3ShopClientMarquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@keyframes d3ShopClientMarqueeReverse {
  from { transform: translateX(-50%); }
  to { transform: translateX(0); }
}
@keyframes d3ShopStoreDrift {
  from { transform: translateX(0); }
  to { transform: translateX(calc(-1 * min(440px, 24vw))); }
}