:root{--navy:#07162f;--navy2:#0d2345;--blue:#246bfd;--cyan:#20c8e8;--ink:#11213c;--muted:#64748b;--light:#f5f8fc;--border:#dfe7f1;--radius:22px;--shadow:0 22px 60px rgba(7,22,47,.13)}
*{box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);line-height:1.7;background:#fff}a{text-decoration:none}.container{max-width:1180px}.section-padding{padding:100px 0}.site-header{transition:.3s;background:transparent}.site-header.scrolled{background:rgba(7,22,47,.96);backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(0,0,0,.12)}.navbar-brand{color:#fff!important;line-height:1}.navbar-brand small{display:block;color:#8ddff0;font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;margin-top:5px}.brand-mark{width:43px;height:43px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center}.nav-link{color:rgba(255,255,255,.82)!important;font-weight:600}.nav-link:hover{color:#fff!important}.btn{border-radius:12px;font-weight:700;padding:.8rem 1.25rem}.btn-brand{color:#fff;background:linear-gradient(135deg,var(--blue),#5a45ff);border:0;box-shadow:0 12px 30px rgba(36,107,253,.3)}.btn-brand:hover{color:#fff;transform:translateY(-2px)}.hero-section{min-height:820px;background:radial-gradient(circle at 82% 28%,rgba(32,200,232,.23),transparent 26%),radial-gradient(circle at 25% 85%,rgba(90,69,255,.25),transparent 30%),linear-gradient(135deg,#041027,#0a2144 56%,#07162f);color:#fff;position:relative;overflow:hidden;padding-top:90px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent)}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:800;color:var(--blue)}.eyebrow{color:#8fe9fb}.eyebrow span{width:34px;height:2px;background:#8fe9fb}.hero-section h1{font-size:clamp(3rem,6vw,5.7rem);line-height:1.02;letter-spacing:-.055em;font-weight:850;margin:20px 0}.hero-section h1 span{background:linear-gradient(90deg,#8fe9fb,#8ea7ff);-webkit-background-clip:text;color:transparent}.hero-lead{font-size:1.2rem;color:#c8d6ea;max-width:720px}.hero-metrics strong{display:block;font-size:1.65rem}.hero-metrics span{color:#9fb0c9;font-size:.82rem}.hero-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(18px);border-radius:28px;padding:25px;box-shadow:0 34px 90px rgba(0,0,0,.3);transform:rotate(1.5deg)}.hero-card-top{display:flex;justify-content:space-between;font-weight:700}.live-dot{font-size:.75rem;color:#9ef0bd}.dashboard-visual{background:#fff;border-radius:20px;margin-top:20px;padding:25px;color:var(--ink)}.chart-bars{height:230px;display:flex;align-items:flex-end;gap:14px;padding:20px;background:linear-gradient(#f5f8fc,#fff);border-radius:14px}.chart-bars i{flex:1;border-radius:9px 9px 3px 3px;background:linear-gradient(180deg,var(--cyan),var(--blue))}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.mini-cards div{padding:15px;background:var(--light);border-radius:12px;text-align:center}.mini-cards i{display:block;color:var(--blue);font-size:1.3rem;margin-bottom:6px}.logo-strip{padding:25px 0;border-bottom:1px solid var(--border);color:#7a879a;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.section-heading{max-width:760px}.section-heading h2,.cta-panel h2{font-size:clamp(2rem,4vw,3.25rem);font-weight:850;letter-spacing:-.035em;margin:12px 0}.section-heading p,.lead-muted{color:var(--muted)}.service-card,.value-card,.team-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:30px;transition:.3s}.service-card:hover,.value-card:hover,.team-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:transparent}.icon-box{width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,#e9f0ff,#e8fbff);display:grid;place-items:center;color:var(--blue);font-size:1.35rem;margin-bottom:22px}.service-card h3,.value-card h3,.team-card h3{font-size:1.25rem;font-weight:800}.service-card p,.value-card p,.team-card p{color:var(--muted)}.service-card a,.service-wide-card a{font-weight:800;color:var(--blue)}.about-visual{min-height:430px;background:linear-gradient(135deg,#edf4ff,#eafcff);border-radius:32px;padding:45px;position:relative}.code-window{background:#07162f;border-radius:20px;padding:25px;box-shadow:var(--shadow);color:#8fe9fb}.window-dots{display:flex;gap:7px}.window-dots i{width:10px;height:10px;border-radius:50%;background:#ff7c75}.window-dots i:nth-child(2){background:#ffd166}.window-dots i:nth-child(3){background:#6dde99}.code-window pre{margin:30px 0 0;font-size:1.05rem;color:#d2e1f4}.floating-badge{position:absolute;right:20px;bottom:20px;background:#fff;padding:18px 22px;border-radius:16px;box-shadow:var(--shadow)}.floating-badge strong{display:block;font-size:1.8rem;color:var(--blue)}.floating-badge span{font-size:.8rem;color:var(--muted)}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.check-grid i{width:25px;height:25px;border-radius:50%;background:#e7f8ee;color:#1f9d55;display:inline-grid;place-items:center;margin-right:7px}.process-section{background:linear-gradient(135deg,var(--navy),var(--navy2))}.process-card{padding:28px;border:1px solid rgba(255,255,255,.13);border-radius:20px;color:#fff;height:100%;background:rgba(255,255,255,.04)}.process-card>span{font-size:2rem;font-weight:900;color:#77ddf0}.process-card p{color:#b5c5da}.cta-panel{background:linear-gradient(135deg,var(--blue),#5947f5);padding:55px;border-radius:28px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.inner-hero{padding:190px 0 100px;background:radial-gradient(circle at 80% 20%,rgba(32,200,232,.18),transparent 25%),linear-gradient(135deg,#06142c,#0c2b55);color:#fff}.inner-hero.compact{padding-bottom:60px}.inner-hero h1{font-size:clamp(2.7rem,5vw,4.8rem);font-weight:850;letter-spacing:-.045em;max-width:920px}.inner-hero p{max-width:760px;color:#bfd0e7;font-size:1.15rem}.value-panel{display:grid;grid-template-columns:1fr 1fr;gap:18px}.value-panel div{padding:32px;border-radius:20px;background:var(--light);border:1px solid var(--border)}.value-panel strong{display:block;font-size:2rem;color:var(--blue)}.value-panel span{color:var(--muted)}.value-card>i{font-size:1.8rem;color:var(--blue);margin-bottom:20px}.team-avatar{height:210px;border-radius:18px;background:linear-gradient(135deg,#dce8ff,#c9f6ff);display:grid;place-items:center;font-size:3.4rem;font-weight:900;color:var(--blue);margin-bottom:22px}.team-card span{display:block;color:var(--blue);font-weight:700;margin-bottom:10px}.contact-card,.service-sidebar{padding:35px;border-radius:24px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow)}.contact-list{display:grid;gap:15px;margin-top:30px}.contact-list>a,.contact-list>div{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid var(--border);border-radius:16px;color:var(--ink)}.contact-list i{width:42px;height:42px;border-radius:12px;background:#edf3ff;color:var(--blue);display:grid;place-items:center}.contact-list small{display:block;color:var(--muted)}.form-placeholder{padding:20px;background:var(--light);border-radius:14px;margin-top:20px}.service-wide-card{display:flex;gap:24px;padding:30px;border:1px solid var(--border);border-radius:22px;height:100%;transition:.3s}.service-wide-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.service-wide-card h2{font-size:1.45rem;font-weight:800}.content-area{font-size:1.05rem}.content-area h2,.content-area h3{font-weight:800;margin-top:2rem}.service-sidebar{position:sticky;top:120px}.service-sidebar>a:not(.btn){display:block;padding:10px 0;border-bottom:1px solid var(--border);color:var(--ink)}.site-footer{background:#06142c;color:#b7c5da}.site-footer h5{color:#fff}.site-footer a,.site-footer span{display:block;color:#b7c5da;margin:.55rem 0}.footer-brand{font-size:1.45rem;font-weight:900;color:#fff!important}.footer-brand span{display:inline;color:#70ddf3}.social-links{display:flex;gap:10px}.social-links a{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.08);display:grid;place-items:center}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding:18px 0}.footer-bottom span{margin:0}.bg-light-subtle{background:var(--light)!important}

/* =========================================================
   Results Section
========================================================= */

.results-section {
	position: relative;
	overflow: hidden;
	background:
		linear-gradient(
			180deg,
			#ffffff 0%,
			#f7faff 100%
		);
}

.result-card {
	padding: 30px;
	border: 1px solid #e4eaf2;
	border-radius: 20px;
	background: #ffffff;
	box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
	transition:
		transform 0.25s ease,
		border-color 0.25s ease,
		box-shadow 0.25s ease;
}

.result-card:hover {
	transform: translateY(-6px);
	border-color: rgba(22, 135, 255, 0.35);
	box-shadow: 0 25px 60px rgba(15, 23, 42, 0.11);
}

.result-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	margin-bottom: 20px;
	border-radius: 16px;
	background: rgba(22, 135, 255, 0.1);
	color: #1687ff;
	font-size: 1.2rem;
}

.result-card > strong {
	display: block;
	margin-bottom: 6px;
	color: #1687ff;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.result-card h3 {
	margin-bottom: 12px;
	color: #111827;
	font-size: 1.25rem;
	font-weight: 800;
}

.result-card p {
	margin-bottom: 0;
	color: #667085;
	line-height: 1.75;
}

/* =========================================================
   Portfolio Section
========================================================= */

.portfolio-card {
	overflow: hidden;
	height: 100%;
	border: 1px solid #e4eaf2;
	border-radius: 22px;
	background: #ffffff;
	box-shadow: 0 20px 55px rgba(15, 23, 42, 0.07);
	transition:
		transform 0.3s ease,
		box-shadow 0.3s ease;
}

.portfolio-card:hover {
	transform: translateY(-7px);
	box-shadow: 0 30px 70px rgba(15, 23, 42, 0.13);
}

.portfolio-image {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 260px;
	padding: 35px;
}

.portfolio-image-one {
	background: linear-gradient(135deg, #09203f, #537895);
}

.portfolio-image-two {
	background: linear-gradient(135deg, #141e30, #243b55);
}

.portfolio-image-three {
	background: linear-gradient(135deg, #1e3c72, #2a5298);
}

.portfolio-browser {
	width: 100%;
	max-width: 320px;
	overflow: hidden;
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 25px 45px rgba(0, 0, 0, 0.25);
	transform: rotate(-2deg);
	transition: transform 0.3s ease;
}

.portfolio-card:hover .portfolio-browser {
	transform: rotate(0deg) scale(1.03);
}

.portfolio-browser-bar {
	display: flex;
	gap: 6px;
	padding: 11px 14px;
	background: #eef2f6;
}

.portfolio-browser-bar i {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #aeb8c5;
}

.portfolio-browser-content {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 150px;
	background:
		linear-gradient(
			135deg,
			#f8fafc,
			#e7eff8
		);
	color: #1687ff;
	font-size: 3.5rem;
}

.portfolio-content {
	padding: 28px;
}

.portfolio-content > span {
	display: block;
	margin-bottom: 8px;
	color: #1687ff;
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

.portfolio-content h3 {
	margin-bottom: 12px;
	color: #111827;
	font-size: 1.35rem;
	font-weight: 800;
}

.portfolio-content p {
	margin-bottom: 0;
	color: #667085;
	line-height: 1.75;
}

/* =========================================================
   Industries Section
========================================================= */

.industries-section {
	background: #ffffff;
}

.industry-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	min-height: 170px;
	padding: 28px;
	border: 1px solid #e3e9f1;
	border-radius: 18px;
	background: #ffffff;
	box-shadow: 0 15px 40px rgba(15, 23, 42, 0.05);
	transition:
		transform 0.25s ease,
		background 0.25s ease,
		border-color 0.25s ease;
}

.industry-card:hover {
	transform: translateY(-5px);
	border-color: #1687ff;
	background: #f7fbff;
}

.industry-card i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	margin-bottom: 20px;
	border-radius: 15px;
	background: rgba(22, 135, 255, 0.1);
	color: #1687ff;
	font-size: 1.2rem;
}

.industry-card h3 {
	margin-bottom: 0;
	color: #172033;
	font-size: 1rem;
	font-weight: 800;
}

/* =========================================================
   Testimonials Section
========================================================= */

.testimonial-card {
	padding: 35px;
	border: 1px solid #e4eaf2;
	border-radius: 22px;
	background: #ffffff;
	box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
}

.testimonial-stars {
	display: flex;
	gap: 5px;
	margin-bottom: 22px;
	color: #ffb703;
	font-size: 0.9rem;
}

.testimonial-quote {
	min-height: 150px;
	margin-bottom: 28px;
	color: #344054;
	font-size: 1.02rem;
	line-height: 1.85;
}

.testimonial-author {
	display: flex;
	align-items: center;
	gap: 14px;
	padding-top: 20px;
	border-top: 1px solid #edf0f5;
}

.testimonial-avatar {
	display: inline-flex;
	flex: 0 0 48px;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #eaf4ff;
	color: #1687ff;
}

.testimonial-author > div:last-child {
	display: flex;
	flex-direction: column;
}

.testimonial-author strong {
	color: #172033;
	font-size: 0.94rem;
}

.testimonial-author span {
	color: #8a94a6;
	font-size: 0.82rem;
}

/* =========================================================
   FAQ Section
========================================================= */

.studio-faq .accordion-item {
	overflow: hidden;
	margin-bottom: 14px;
	border: 1px solid #e3e9f1;
	border-radius: 14px;
	background: #ffffff;
}

.studio-faq .accordion-button {
	padding: 20px 22px;
	background: #ffffff;
	color: #172033;
	font-size: 1rem;
	font-weight: 800;
	box-shadow: none;
}

.studio-faq .accordion-button:not(.collapsed) {
	background: #f3f8ff;
	color: #087eef;
	box-shadow: none;
}

.studio-faq .accordion-button:focus {
	border-color: transparent;
	box-shadow: none;
}

.studio-faq .accordion-body {
	padding: 0 22px 22px;
	color: #667085;
	line-height: 1.8;
}

/* =========================================================
   Responsive Adjustments
========================================================= */

@media (max-width: 991.98px) {
	.portfolio-image {
		min-height: 230px;
	}

	.testimonial-quote {
		min-height: auto;
	}
}

@media (max-width: 575.98px) {
	.result-card,
	.portfolio-content,
	.testimonial-card,
	.industry-card {
		padding: 24px;
	}

	.portfolio-image {
		min-height: 210px;
		padding: 24px;
	}

	.portfolio-browser-content {
		min-height: 125px;
		font-size: 2.8rem;
	}

	.industry-card {
		min-height: 150px;
	}
}

@media(max-width:991px){.site-header{background:rgba(7,22,47,.96)}.hero-section{min-height:auto;padding:150px 0 80px}.hero-card{transform:none}.section-padding{padding:75px 0}.cta-panel{display:block}.cta-panel .btn{margin-top:20px}}
@media(max-width:767px){.hero-section h1{font-size:3.05rem}.check-grid,.value-panel{grid-template-columns:1fr}.about-visual{padding:24px}.cta-panel{padding:35px 25px}.service-wide-card{display:block}.inner-hero{padding:150px 0 75px}}