:root {
 --ink:#111111;
 --soft-ink:#3a332e;
 --muted:#776d66;
 --paper:#fff9f3;
 --paper-2:#fffdf9;
 --sand:#f3e8da;
 --line:rgba(17, 17, 17, .12);
 --orange:#f05a24;
 --orange-dark:#c63e12;
 --charcoal:#15110f;
 --card:#ffffff;
 --shadow:0 24px 70px rgba(40, 26, 13, .12);
 --radius-xl:34px;
 --radius-lg:24px;
 --radius-md:18px;
 --max:1180px;
}
* {
	box-sizing:border-box
}
html {
	scroll-behavior:smooth
}
body {
	margin:0;
	font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	background:var(--paper);
	color:var(--ink);
	line-height:1.6;
	overflow-x:hidden
}
a {
	color:inherit;
	text-decoration:none
}
button, input, textarea {
	font:inherit
}
.site-shell {
	min-height:100vh;
	background:radial-gradient(circle at 10% 5%, rgba(240, 90, 36, .12), transparent 32%), linear-gradient(180deg, #fffaf5 0%, #fff6ec 36%, #fffdf9 100%)
}
.topbar {
	position:sticky;
	top:0;
	z-index:50;
	max-width:calc(var(--max) + 48px);
	margin:18px auto 0;
	display:flex;
	align-items:center;
	gap:18px;
	padding:12px 18px;
	border:1px solid rgba(255, 255, 255, .7);
	background:rgba(255, 250, 245, .82);
	backdrop-filter:blur(18px);
	border-radius:999px;
	box-shadow:0 10px 40px rgba(28, 18, 12, .08)
}
.brand {
	display:flex;
	align-items:center;
	flex-shrink:0
}
.brand img {
	width:154px;
	max-height:48px;
	object-fit:contain;
	display:block
}
.main-nav {
	display:flex;
	align-items:center;
	gap:4px;
	flex:1;
	justify-content:center
}
.main-nav>a, .nav-item>button {
	border:0;
	background:transparent;
	color:#27201b;
	padding:10px 21px;
	border-radius:999px;
	font-weight:700;
	font-size:14px;
	cursor:pointer;
	white-space:nowrap
}
.main-nav>a:hover, .nav-item>button:hover {
	background:#fff;
	color:var(--orange);
	box-shadow:0 8px 20px rgba(240, 90, 36, .09)
}
.nav-actions {
	display:flex;
	align-items:center;
	gap:10px;
	flex-shrink:0
}
.link-btn {
	font-weight:800;
	font-size:14px;
	color:var(--orange)
}
.primary-btn, .ghost-btn, .secondary-btn {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	border-radius:999px;
	padding:14px 22px;
	font-weight:900;
transition:.25s ease;
	white-space:nowrap
}
.primary-btn {
	background:var(--orange);
	color:#fff;
	box-shadow:0 16px 30px rgba(240, 90, 36, .28)
}
.primary-btn:hover {
	transform:translateY(-2px);
	background:var(--orange-dark);
	box-shadow:0 20px 40px rgba(240, 90, 36, .35)
}
.primary-btn.small {
	padding:10px 16px;
	font-size:14px
}
.ghost-btn {
	border:1px solid rgba(255, 255, 255, .35);
	color:#fff;
	background:rgba(255, 255, 255, .07)
}
.ghost-btn:hover {
	background:#fff;
	color:var(--orange)
}
.ghost-btn.dark {
	border-color:var(--line);
	color:var(--ink);
	background:#fff
}
.text-link {
	display:inline-flex;
	align-items:center;
	font-weight:900;
	color:var(--orange);
	margin-top:20px
}
.nav-item {
	position:relative
}
.mega-panel {
	position:absolute;
	top:calc(100% + 18px);
	left:50%;
	transform:translateX(-50%) translateY(10px);
	width:min(850px, 90vw);
	display:grid;
	gap:18px;
	padding:22px;
	border-radius:28px;
	background:#fff;
	box-shadow:var(--shadow);
	border:1px solid rgba(240, 90, 36, .12);
	opacity:0;
	visibility:hidden;
	pointer-events:none;
transition:.25s ease
}
.compact-panel {
	grid-template-columns:repeat(3, 1fr)
}
.solutions-panel {
	grid-template-columns:repeat(2, 1fr);
	width:min(660px, 90vw)
}
.nav-item:hover .mega-panel, .nav-item:focus-within .mega-panel {
opacity:1;
visibility:visible;
pointer-events:auto;
transform:translateX(-50%) translateY(0)
}
.mega-panel h4 {
	margin:0 0 10px;
	color:#111;
	font-size:15px
}
.mega-panel a {
	display:block;
	padding:12px;
	border-radius:16px;
	border:1px solid transparent;
	font-weight:800;
	color:#221b17
}
.mega-panel a:hover {
	border-color:rgba(240, 90, 36, .18);
	background:#fff7f1;
	color:var(--orange)
}
.mega-panel small {
	display:block;
	color:var(--muted);
	font-weight:600;
	line-height:1.35;
	margin-top:2px
}
.panel-card {
	margin-top:10px;
	padding:14px;
	border-radius:18px;
	background:#15110f;
	color:#fff;
	font-weight:900
}
.panel-card small {
	color:#fbd8c9
}
.nav-toggle {
	display:none;
	width:46px;
	height:46px;
	border:0;
	border-radius:50%;
	background:#111;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	gap:5px;
	cursor:pointer;
	margin-left:auto
}
.nav-toggle span {
	width:20px;
	height:2px;
	background:#fff;
	border-radius:20px;
	display:block;
transition:.25s ease
}
.hero-section {
	position:relative;
	max-width:var(--max);
	margin:56px auto 0;
	padding:72px 28px 44px;
	border-radius:44px;
	background:linear-gradient(135deg, #120f0d 0%, #20150f 48%, #37190e 100%);
	color:#fff;
	display:grid;
grid-template-columns:1.05fr .95fr;
	gap:44px;
	overflow:hidden;
	box-shadow:0 36px 110px rgba(20, 13, 8, .28)
}
.hero-bg-grid {
	position:absolute;
	inset:0;
	background-image:linear-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px);
	background-size:56px 56px;
	mask-image:linear-gradient(90deg, rgba(0, 0, 0, .9), transparent);
	opacity:.55
}
.hero-section::before {
content:"";
position:absolute;
width:420px;
height:420px;
border-radius:50%;
background:radial-gradient(circle, rgba(240, 90, 36, .45), transparent 62%);
right:-100px;
top:-130px;
filter:blur(4px)
}
.hero-section::after {
content:"";
position:absolute;
width:280px;
height:280px;
border:1px solid rgba(255, 255, 255, .12);
border-radius:50%;
right:160px;
bottom:-130px
}
.hero-copy, .hero-showcase {
	position:relative;
	z-index:1
}
.eyebrow, .section-kicker {
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:8px 12px;
	border:1px solid rgba(240, 90, 36, .22);
	border-radius:999px;
	background:rgba(240, 90, 36, .08);
	color:var(--orange);
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:.08em;
	font-weight:950
}
.hero-copy h1 {
	font-size:clamp(42px, 7vw, 80px);
	line-height:.94;
	letter-spacing:-.06em;
	margin:20px 0 22px;
	max-width:680px
}
.hero-copy h1 span {
	color:#ffb08d
}
.hero-copy p {
	font-size:18px;
	color:#f8dfd1;
	max-width:580px;
	margin:0 0 28px
}
.hero-actions {
	display:flex;
	gap:12px;
	flex-wrap:wrap;
	margin-bottom:34px
}
.hero-mini-stats {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:10px;
	max-width:600px
}
.hero-mini-stats span {
	padding:14px;
	border-radius:18px;
	background:rgba(255, 255, 255, .08);
	border:1px solid rgba(255, 255, 255, .1);
	color:#f9e8df;
	font-size:13px;
	font-weight:700
}
.hero-mini-stats b {
	display:block;
	color:#fff;
	font-size:24px;
	line-height:1
}
.hero-showcase {
	align-self:stretch;
	min-height:430px;
	display:flex;
	flex-direction:column;
	justify-content:flex-end
}
.hero-slider {
	position:relative;
	flex:1;
	min-height:360px
}
.slide-image {
	position:absolute;
	display:block;
	padding: 22px;
	top: 0px;
	left: 0;
	width:100%;
	height:320px;
	object-fit:cover;
	border-radius: 36px 36px 0 0;
	z-index: 1;
	margin-bottom:20px;
	display:block;
}
.slide {
	position:absolute;
	overflow: hidden;
	inset:0;
	padding:34px;
	overflow: hidden;
	border-radius:34px;
	background:linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .07));
	border:1px solid rgba(255, 255, 255, .18);
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, .22);
	backdrop-filter:blur(16px);
	opacity:0;
	transform:translateY(18px) scale(.98);
transition:.45s ease;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	overflow:hidden
}
.slide::before {
content:"";
position:absolute;
inset:22px;
border-radius:28px;
border:1px dashed rgba(255, 255, 255, .16)
}
.slide::after {
content:"";
position:absolute;
width:170px;
height:170px;
border-radius:45px;
background:linear-gradient(135deg, rgba(240, 90, 36, .9), rgba(255, 174, 91, .6));
right:-35px;
top:-35px;
transform:rotate(16deg);
opacity:.8
}
.slide.active {
	opacity:1;
	transform:none
}
.slide-badge {
	position:relative;
	z-index:1;
	margin-top: 20px;
	display:inline-flex;
	align-self:flex-start;
	padding:8px 12px;
	border-radius:999px;
	background:rgba(255, 255, 255, 0.1);
	font-size:13px;
	font-weight:900;
	margin-bottom: 37px;
}
.slide h2, .slide p, .slide-actions {
	position:relative;
	z-index:1
}
.slide h2 {
	font-size:clamp(31px, 4vw, 48px);
	line-height:1;
	margin:0 0 16px;
	letter-spacing:-.04em
}
.slide p {
	color:#ffe0cf;
	margin:0 0 24px;
	font-size:16px
}
.slide-actions {
	display:flex;
	gap:12px;
	flex-wrap:wrap
}
.slide-actions a {
	padding:10px 14px;
	border-radius:999px;
	background:#fff;
	color:#111;
	font-weight:950;
	font-size:13px
}
.slide-actions a:nth-child(2) {
background:rgba(255, 255, 255, .1);
color:#fff;
border:1px solid rgba(255, 255, 255, .16)
}
.slider-controls {
	display:flex;
	align-items:center;
	gap:10px;
	margin-top:18px;
	color:#ffd7c7;
	font-weight:900
}
.slider-dot {
	width:13px;
	height:13px;
	border-radius:999px;
	border:1px solid rgba(255, 255, 255, .5);
	background:transparent;
	cursor:pointer;
	padding:0;
transition:.25s ease
}
.slider-dot.active {
	width:36px;
	background:var(--orange);
	border-color:var(--orange)
}
.marquee-wrap {
	max-width:var(--max);
	margin:24px auto;
	overflow:hidden;
	border-radius:999px;
	background:#fff;
	border:1px solid var(--line);
	box-shadow:0 12px 36px rgba(35, 22, 12, .06)
}
.marquee-track {
	display:flex;
	width:max-content;
	animation:scroll 34s linear infinite;
	gap:12px;
	padding:12px
}
.marquee-track span {
	display:inline-flex;
	white-space:nowrap;
	align-items:center;
	padding:9px 14px;
	border-radius:999px;
	background:#fff7f1;
	color:#35251c;
	font-weight:900;
	font-size:14px
}
@keyframes scroll {
from {
transform:translateX(0)
}
to {
	transform:translateX(-50%)
}
}
.stats-strip {
	max-width:var(--max);
	margin:26px auto 0;
	display:grid;
	grid-template-columns:repeat(5, 1fr);
	gap:14px
}
.stats-strip div {
	background:#fff;
	border:1px solid var(--line);
	border-radius:24px;
	padding:24px;
	text-align:center;
	box-shadow:0 12px 40px rgba(30, 18, 10, .06)
}
.stats-strip strong {
	display:block;
	font-size:38px;
	line-height:1;
	color:var(--orange);
	letter-spacing:-.04em
}
.stats-strip span {
	font-weight:900;
	color:#3a332e;
	font-size:14px
}
.section {
	max-width:var(--max);
	margin:108px auto 0;
	padding:0 0
}
.section-head {
	margin-bottom:34px
}
.split-head {
	display:grid;
grid-template-columns:1.05fr .7fr;
	gap:28px;
	align-items:end
}
.centered {
	text-align:center;
	max-width:820px;
	margin-left:auto;
	margin-right:auto
}
.section h2 {
	font-size:clamp(34px, 5vw, 58px);
	line-height:.98;
	letter-spacing:-.055em;
	margin:16px 0 0;
	color:#17120f
}
.section-head p {
	font-size:18px;
	color:var(--muted);
	margin:16px 0 0
}
.service-layout {
	display:grid;
	grid-template-columns:290px 1fr;
	gap:18px;
	align-items:start
}
.service-tabs {
	position:sticky;
	top:110px;
	display:grid;
	gap:10px;
	padding:12px;
	border-radius:28px;
	background:#fff;
	border:1px solid var(--line);
	box-shadow:var(--shadow)
}
.service-tab, .workflow-tab, .scope-chip {
	border:0;
	cursor:pointer;
	font-weight:950;
transition:.2s ease
}
.service-tab {
	text-align:left;
	padding:15px 16px;
	border-radius:18px;
	background:#fff;
	color:#3a332e
}
.service-tab:hover, .service-tab.active {
	background:#15110f;
	color:#fff
}
.service-content {
	min-height:560px
}
.service-pane {
	display:none;
	background:#fff;
	border:1px solid var(--line);
	border-radius:34px;
	padding:34px;
	box-shadow:var(--shadow)
}
.service-pane.active {
	display:block;
animation:fadeIn .28s ease
}
@keyframes fadeIn {
from {
opacity:0;
transform:translateY(8px)
}
to {
	opacity:1;
	transform:none
}
}
.pane-intro {
	display:grid;
grid-template-columns:.8fr 1fr;
	gap:24px;
	align-items:start;
	margin-bottom:28px
}
.pane-intro h3 {
	font-size:38px;
	line-height:1;
	letter-spacing:-.045em;
	margin:0;
	color:#15110f
}
.pane-intro p {
	margin:0;
	color:var(--muted);
	font-size:17px
}
.capability-grid {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:14px
}
.capability-grid div {
	padding:20px;
	border-radius:22px;
	background:#fff8f1;
	border:1px solid rgba(240, 90, 36, .12);
	min-height:145px;
transition:.25s ease
}
.capability-grid div:hover {
	transform:translateY(-4px);
	background:#15110f;
	color:#fff;
	box-shadow:0 18px 40px rgba(21, 17, 15, .16)
}
.capability-grid span, .ai-grid span, .solutions-grid span, .benefit-grid span, .timeline-cards span, .workflow-panel span, .office-grid span {
	font-size:30px;
	display:block;
	margin-bottom:12px
}
.capability-grid b {
	display:block;
	font-size:16px;
	line-height:1.25;
	margin-bottom:8px
}
.capability-grid small {
	display:block;
	color:var(--muted);
	font-weight:700;
	line-height:1.45
}
.capability-grid div:hover small {
	color:#f6c9b7
}
.ai-section {
	padding:68px 42px;
	border-radius:44px;
	background:#15110f;
	color:#fff;
	box-shadow:0 36px 90px rgba(22, 14, 10, .2);
	position:relative;
	overflow:hidden
}
.ai-section::before {
content:"";
position:absolute;
inset:-90px -120px auto auto;
width:380px;
height:380px;
border-radius:50%;
background:radial-gradient(circle, rgba(240, 90, 36, .5), transparent 64%)
}
.ai-section h2 {
	color:#fff
}
.ai-section .section-head p {
	color:#f8dfd1
}
.ai-grid {
	position:relative;
	z-index:1;
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:16px
}
.ai-grid article {
	padding:24px;
	border-radius:28px;
	background:rgba(255, 255, 255, .08);
	border:1px solid rgba(255, 255, 255, .13)
}
.ai-grid h4, .solutions-grid h4, .benefit-grid h4, .office-grid h4, .workflow-panel h4, .timeline-cards h3 {
	font-size:21px;
	line-height:1.1;
	margin:0 0 10px;
	letter-spacing:-.02em
}
.ai-grid p {
	color:#f9dfd2;
	margin:0 0 18px
}
.ai-grid small {
	color:#ffb18e;
	font-weight:900
}
.solutions-grid {
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:16px
}
.solutions-grid article {
	position:relative;
	padding:26px 22px;
	border-radius:28px;
	background:#fff;
	border:1px solid var(--line);
	box-shadow:0 14px 45px rgba(35, 22, 12, .06);
	overflow:hidden;
	min-height:265px
}
.solutions-grid article::after {
content:"";
position:absolute;
right:-36px;
bottom:-36px;
width:110px;
height:110px;
border-radius:30px;
background:#fff1e8;
transform:rotate(20deg)
}
.solutions-grid b {
	display:inline-flex;
	width:40px;
	height:40px;
	border-radius:50%;
	background:#15110f;
	color:#fff;
	align-items:center;
	justify-content:center;
	margin-bottom:20px;
	font-size:13px
}
.solutions-grid p {
	color:var(--muted);
	margin:0 0 16px
}
.solutions-grid small {
	color:var(--orange);
	font-weight:950
}
.scope-section {
	padding:56px 32px;
	background:#fff;
	border:1px solid var(--line);
	border-radius:44px;
	box-shadow:var(--shadow)
}
.scope-filters {
	display:grid;
	gap:14px;
	margin-bottom:24px
}
.scope-filters div {
	display:flex;
	gap:8px;
	align-items:center;
	flex-wrap:wrap;
	justify-content:center
}
.scope-filters strong {
	margin-right:8px;
	color:#2f2824
}
.scope-chip {
	padding:10px 14px;
	border-radius:999px;
	background:#fff6ef;
	color:#3f3028;
	border:1px solid rgba(240, 90, 36, .12)
}
.scope-chip.active, .scope-chip:hover {
	background:#15110f;
	color:#fff
}
.scope-grid {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:12px;
	max-height:720px;
	overflow:auto;
	padding:2px 8px 8px 2px;
	scrollbar-width:thin
}
.scope-grid article {
	padding:20px;
	border-radius:20px;
	background:#fffaf5;
	border:1px solid rgba(30, 20, 12, .08)
}
.scope-grid article.hidden {
	display:none
}
.scope-grid h4 {
	font-size:17px;
	margin:0 0 8px;
	line-height:1.18
}
.scope-grid p {
	margin:0;
	color:var(--muted);
	font-size:14px
}
.scope-grid time {
	display:inline-flex;
	margin-top:16px;
	background:#15110f;
	color:#fff;
	padding:6px 10px;
	border-radius:999px;
	font-size:12px;
	font-weight:950
}
.client-cloud {
	display:flex;
	gap:12px;
	flex-wrap:wrap;
	justify-content:center;
	padding:30px;
	background:#15110f;
	border-radius:34px;
	box-shadow:var(--shadow)
}
.client-cloud span {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:50px;
	padding:12px 18px;
	border-radius:999px;
	background:rgba(255, 255, 255, .08);
	border:1px solid rgba(255, 255, 255, .12);
	color:#fff;
	font-weight:950
}
.review-grid {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:16px
}
.review-grid article {
	padding:26px;
	border-radius:28px;
	background:#fff;
	border:1px solid var(--line);
	box-shadow:0 14px 45px rgba(35, 22, 12, .06)
}
.stars {
	color:var(--orange);
	letter-spacing:2px;
	font-weight:950
}
.review-grid p {
	font-size:16px;
	color:#45362e
}
.review-grid footer {
	display:flex;
	gap:12px;
	align-items:center;
	margin-top:22px
}
.review-grid footer b {
	display:flex;
	align-items:center;
	justify-content:center;
	width:48px;
	height:48px;
	border-radius:50%;
	background:#15110f;
	color:#fff
}
.review-grid footer span {
	display:block;
	font-weight:950
}
.review-grid footer small {
	display:block;
	color:var(--muted);
	font-size:12px;
	font-weight:800
}
.benefit-grid {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:16px
}
.benefit-grid article {
	padding:26px;
	border-radius:28px;
	background:#fff;
	border:1px solid var(--line);
	box-shadow:0 14px 45px rgba(35, 22, 12, .06)
}
.benefit-grid p {
	margin:0;
	color:var(--muted)
}
.partner-card {
	padding:48px;
	border-radius:44px;
	background:linear-gradient(135deg, #fff, #fff1e8);
	border:1px solid rgba(240, 90, 36, .16);
	box-shadow:var(--shadow)
}
.timeline-cards {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:16px;
	margin:28px 0
}
.timeline-cards article {
	padding:26px;
	border-radius:28px;
	background:#15110f;
	color:#fff;
	position:relative;
	overflow:hidden
}
.timeline-cards article::before {
content:"";
position:absolute;
width:110px;
height:110px;
right:-28px;
top:-28px;
border-radius:24px;
background:rgba(240, 90, 36, .28);
transform:rotate(20deg)
}
.timeline-cards b {
	color:#ffb18e
}
.timeline-cards p {
	color:#f5d6c8
}
.timeline-cards time {
	color:#fff;
	background:rgba(255, 255, 255, .1);
	padding:7px 11px;
	border-radius:999px;
	font-size:12px;
	font-weight:950
}
.workflow-tabs {
	display:flex;
	gap:10px;
	flex-wrap:wrap;
	margin-bottom:18px
}
.workflow-tab {
	padding:12px 16px;
	border-radius:999px;
	background:#fff;
	border:1px solid var(--line);
	color:#2f2824
}
.workflow-tab.active, .workflow-tab:hover {
	background:#15110f;
	color:#fff
}
.workflow-panel {
	display:none;
	grid-template-columns:repeat(6, 1fr);
	gap:12px
}
.workflow-panel.active {
	display:grid;
animation:fadeIn .25s ease
}
.workflow-panel article {
	padding:20px;
	border-radius:24px;
	background:#fff;
	border:1px solid var(--line);
	box-shadow:0 12px 34px rgba(35, 22, 12, .06);
	min-height:235px
}
.workflow-panel b {
	color:var(--orange)
}
.workflow-panel p {
	color:var(--muted);
	margin:0 0 14px
}
.workflow-panel time {
	font-weight:950;
	color:#15110f;
	background:#fff1e8;
	padding:6px 10px;
	border-radius:999px;
	font-size:12px
}
.office-grid {
	display:grid;
	grid-template-columns:1.1fr repeat(3, 1fr);
	gap:16px
}
.office-grid article {
	padding:26px;
	border-radius:28px;
	background:#fff;
	border:1px solid var(--line);
	box-shadow:0 14px 45px rgba(35, 22, 12, .06)
}
.office-grid article:first-child {
	background:#15110f;
	color:#fff
}
.office-grid p {
	font-weight:950;
	margin:0 0 14px
}
.office-grid address {
	font-style:normal;
	color:var(--muted);
	margin-bottom:18px
}
.office-grid article:first-child address {
	color:#f7d5c7
}
.office-grid a {
	color:var(--orange);
	font-weight:950
}
.contact-cta {
	max-width:var(--max);
	margin:26px auto 0;
	padding:46px;
	border-radius:44px;
	background:#15110f;
	color:#fff;
	display:grid;
	grid-template-columns:1fr auto;
	gap:28px;
	align-items:center;
	box-shadow:0 30px 90px rgba(22, 14, 10, .25);
	overflow:hidden;
	position:relative
}
.contact-cta::after {
content:"";
position:absolute;
width:260px;
height:260px;
right:-90px;
top:-90px;
background:radial-gradient(circle, rgba(240, 90, 36, .6), transparent 62%)
}
.contact-cta h2 {
	font-size:clamp(36px, 5vw, 62px);
	line-height:.96;
	letter-spacing:-.055em;
	margin:14px 0
}
.contact-cta p {
	color:#f5d6c8;
	margin:0;
	font-size:18px;
	max-width:650px
}
.cta-actions {
	position:relative;
	z-index:1;
	display:flex;
	flex-direction:column;
	gap:12px;
	align-items:flex-start
}
.contact-cta .text-link {
	margin-top:0;
	color:#ffb18e
}
.site-footer {
	max-width:var(--max);
	margin:26px auto 28px;
	padding:36px;
	border-radius:34px;
	background:#fff;
	border:1px solid var(--line);
	box-shadow:0 14px 40px rgba(35, 22, 12, .06)
}
.footer-main {
	display:grid;
	grid-template-columns:1.6fr repeat(3, 1fr);
	gap:30px
}
.footer-brand img {
	width:150px
}
.site-footer h4 {
	margin:0 0 14px
}
.site-footer a {
	display:block;
	color:#4e423c;
	margin:8px 0;
	font-weight:800
}
.site-footer a:hover {
	color:var(--orange)
}
.footer-brand a {
	display:inline
}
.footer-brand p {
	color:var(--muted);
	margin:12px 0
}
.footer-bottom {
	border-top:1px solid var(--line);
	margin-top:26px;
	padding-top:18px;
	display:flex;
	justify-content:space-between;
	color:var(--muted);
	font-size:14px
}
.footer-bottom a {
	display:inline;
	margin:0
}
@media (max-width:1100px) {
.topbar {
margin:12px 12px 0;
border-radius:28px;
flex-wrap:wrap
}
.nav-toggle {
display:flex
}
.main-nav, .nav-actions {
display:none;
width:100%
}
.topbar.nav-open .main-nav, .topbar.nav-open .nav-actions {
display:flex
}
.topbar.nav-open .main-nav {
flex-direction:column;
align-items:stretch
}
.topbar.nav-open .nav-actions {
justify-content:flex-start
}
.main-nav>a, .nav-item>button {
text-align:left
}
.mega-panel {
position:static;
transform:none;
width:100%;
box-shadow:none;
display:none;
opacity:1;
visibility:visible;
pointer-events:auto;
margin:4px 0 8px
}
.nav-item:hover .mega-panel, .nav-item:focus-within .mega-panel {
transform:none;
display:grid
}
.compact-panel, .solutions-panel {
grid-template-columns:1fr
}
.hero-section {
grid-template-columns:1fr
}
.stats-strip {
grid-template-columns:repeat(3, 1fr)
}
.service-layout {
grid-template-columns:1fr
}
.service-tabs {
position:static;
grid-template-columns:repeat(2, 1fr)
}
.solutions-grid {
grid-template-columns:repeat(2, 1fr)
}
.workflow-panel {
grid-template-columns:repeat(3, 1fr)
}
.office-grid {
grid-template-columns:repeat(2, 1fr)
}
.contact-cta {
grid-template-columns:1fr
}
.footer-main {
grid-template-columns:1fr 1fr
}
.scope-grid {
grid-template-columns:repeat(2, 1fr)
}
}
@media (max-width:720px) {
.brand img {
width:135px
}
.hero-section {
margin-top:26px;
padding:44px 18px 24px;
border-radius:30px
}
.hero-mini-stats, .stats-strip, .pane-intro, .capability-grid, .ai-grid, .solutions-grid, .scope-grid, .review-grid, .benefit-grid, .timeline-cards, .workflow-panel, .office-grid, .footer-main {
grid-template-columns:1fr
}
.service-tabs {
grid-template-columns:1fr
}
.section {
margin-top:70px;
padding-left:14px;
padding-right:14px
}
.ai-section, .scope-section, .partner-card, .contact-cta, .site-footer {
border-radius:30px;
padding:30px 20px
}
.split-head {
grid-template-columns:1fr
}
.footer-bottom {
flex-direction:column;
gap:10px
}
.hero-showcase {
min-height:430px
}
.slide {
padding:24px
}
.scope-grid {
max-height:none
}
.scope-filters div {
justify-content:flex-start
}
.topbar.nav-open .nav-actions {
flex-direction:column;
align-items:stretch
}
.link-btn, .primary-btn.small {
text-align:center;
justify-content:center
}
.contact-cta .cta-actions {
width:100%
}
.contact-cta .cta-actions a {
width:100%;
justify-content:center
}
}
/* ===============================
   QINVOX DARK MODE THEME
   =============================== */
:root {
 --ink:#f7f4ef;
 --soft-ink:#e9dfd6;
 --muted:#aaa09a;
 --paper:#070707;
 --paper-2:#101010;
 --sand:#171412;
 --line:rgba(255, 255, 255, .12);
 --orange:#f05a24;
 --orange-dark:#ff723d;
 --charcoal:#070707;
 --card:#111111;
 --shadow:0 26px 80px rgba(0, 0, 0, .46);
}
body {
background: radial-gradient(circle at 10% 4%, rgba(240, 90, 36, .18), transparent 30%), radial-gradient(circle at 90% 18%, rgba(240, 90, 36, .10), transparent 28%), linear-gradient(180deg, #070707 0%, #0c0a09 42%, #11100f 100%);
	color:var(--ink)
}
.site-shell {
	background:radial-gradient(circle at 10% 4%, rgba(240, 90, 36, .18), transparent 30%), radial-gradient(circle at 90% 18%, rgba(240, 90, 36, .10), transparent 28%), linear-gradient(180deg, #070707 0%, #0c0a09 42%, #11100f 100%)
}
.topbar {
	background:rgba(12, 12, 12, .84);
	border-color:rgba(255, 255, 255, .12);
	box-shadow:0 16px 50px rgba(0, 0, 0, .42)
}
.main-nav>a, .nav-item>button {
	color:#f4ede7
}
.main-nav>a:hover, .nav-item>button:hover {
	background:rgba(240, 90, 36, .12);
	color:#ff8a57;
	box-shadow:none
}
.link-btn {
	color:#ff8a57
}
.brand img, .footer-brand img {
	filter:drop-shadow(0 8px 22px rgba(0, 0, 0, .35))
}
.primary-btn {
	background:linear-gradient(135deg, #f05a24, #ff7a45);
	box-shadow:0 18px 38px rgba(240, 90, 36, .34)
}
.primary-btn:hover {
	background:linear-gradient(135deg, #ff6f3b, #f05a24)
}
.ghost-btn {
	border-color:rgba(255, 255, 255, .18);
	background:rgba(255, 255, 255, .06);
	color:#fff
}
.ghost-btn:hover {
	background:#fff;
	color:#111
}
.ghost-btn.dark {
	border-color:rgba(255, 255, 255, .2);
	background:rgba(255, 255, 255, .07);
	color:#fff
}
.ghost-btn.dark:hover {
	background:#fff;
	color:#111
}
.secondary-btn {
	border-color:rgba(255, 255, 255, .2);
	background:rgba(255, 255, 255, .07);
	color:#ffb18e
}
.secondary-btn:hover {
	background: linear-gradient(135deg, #f05a24, #ff7a45);
	color:#ffffff
}
.mega-panel {
	background:#111;
	border-color:rgba(240, 90, 36, .18);
	box-shadow:0 28px 80px rgba(0, 0, 0, .55)
}
.mega-panel h4 {
	color:#fff
}
.mega-panel a {
	color:#efe7df
}
.mega-panel a:hover {
	background:rgba(240, 90, 36, .12);
	border-color:rgba(240, 90, 36, .28);
	color:#ff8a57
}
.mega-panel small {
	color:#aaa09a
}
.panel-card {
	background:linear-gradient(135deg, #f05a24, #6b240d);
	color:#fff
}
.nav-toggle {
	background:#f05a24
}
.hero-section {
	background:linear-gradient(135deg, #090909 0%, #14110f 45%, #271007 100%);
	box-shadow:0 40px 120px rgba(0, 0, 0, .55);
	border:1px solid rgba(255, 255, 255, .08)
}
.marquee-wrap, .stats-strip div, .service-tabs, .service-pane, .scope-section, .solutions-grid article, .review-grid article, .benefit-grid article, .workflow-panel article, .office-grid article, .site-footer {
	background:rgba(17, 17, 17, .94);
	border-color:rgba(255, 255, 255, .12);
	box-shadow:0 18px 60px rgba(0, 0, 0, .36)
}
.marquee-track span, .capability-grid div, .scope-grid article {
	background:#171412;
	border-color:rgba(255, 255, 255, .10);
	color:#f3eee9
}
.stats-strip span, .section h2, .pane-intro h3, .scope-filters strong {
	color:#fff
}
.section-head p, .pane-intro p, .capability-grid small, .solutions-grid p, .scope-grid p, .review-grid p, .benefit-grid p, .workflow-panel p, .office-grid address, .footer-brand p, .footer-bottom {
	color:#aaa09a
}
.service-tab, .workflow-tab, .scope-chip {
	background:#171412;
	color:#eae2da;
	border:1px solid rgba(255, 255, 255, .10)
}
.service-tab:hover, .service-tab.active, .workflow-tab.active, .workflow-tab:hover, .scope-chip.active, .scope-chip:hover {
	background:linear-gradient(135deg, #f05a24, #ff7a45);
	color:#fff;
	border-color:rgba(240, 90, 36, .55)
}
.capability-grid div:hover {
	background:linear-gradient(135deg, #1e1712, #351306);
	box-shadow:0 22px 50px rgba(240, 90, 36, .16)
}
.ai-section, .client-cloud, .contact-cta, .office-grid article:first-child {
	background:linear-gradient(135deg, #090909 0%, #14110f 48%, #260f06 100%);
	border:1px solid rgba(255, 255, 255, .1);
	box-shadow:0 34px 100px rgba(0, 0, 0, .5)
}
.ai-grid article, .client-cloud span, .hero-mini-stats span {
	background:rgba(255, 255, 255, .07);
	border-color:rgba(255, 255, 255, .12)
}
.solutions-grid article::after {
background:rgba(240, 90, 36, .14)
}
.solutions-grid b, .review-grid footer b, .scope-grid time, .workflow-panel time {
	background:#f05a24;
	color:#fff
}
.workflow-panel time {
	color:#fff;
	background:rgba(240, 90, 36, .18)
}
.partner-card {
	background:linear-gradient(135deg, #111 0%, #18100c 100%);
	border-color:rgba(240, 90, 36, .22);
	box-shadow:0 26px 80px rgba(0, 0, 0, .42)
}
.timeline-cards article {
	background:#111;
	border:1px solid rgba(255, 255, 255, .10)
}
.site-footer a {
	color:#d7cec7
}
.site-footer a:hover {
	color:#ff8a57
}
.footer-bottom {
	border-color:rgba(255, 255, 255, .12)
}
.text-link {
	color:#ff8a57
}
.eyebrow, .section-kicker {
	background:rgba(240, 90, 36, .12);
	border-color:rgba(240, 90, 36, .28);
	color:#ff8a57
}
@media (max-width:1100px) {
.topbar.nav-open {
background:rgba(12, 12, 12, .96)
}
.mega-panel {
background:#111
}
}
/* ===============================
   OUTLINE ICON SYSTEM
   =============================== */
.qicon {
	display:inline-flex!important;
	justify-content:center;
	font-size: 13px;
	width:1.15em;
	height:1.15em;
	vertical-align:-10px;
	display: flex;
	align-items: center;
	gap: 40px;
	color:currentColor;
	line-height:1;
	flex:0 0 auto;
	margin-right: 190px;
}
.qicon svg {
	width:100%;
	height:100%;
	display:block;
	fill:none;
	stroke:currentColor;
	stroke-width:1.9;
	stroke-linecap:round;
	stroke-linejoin:round
}
.oicon {
	display:inline-flex!important;
	justify-content:center;
	font-size: 13px;
	width:1.15em;
	height:1.15em;
	vertical-align:-10px;
	display: flex;
	align-items: center;
	gap: 40px;
	color:currentColor;
	line-height:1;
	flex:0 0 auto;
	margin-right: 160px;
}
.oicon svg {
	width:100%;
	height:100%;
	display:block;
	fill:none;
	stroke:currentColor;
	stroke-width:1.9;
	stroke-linecap:round;
	stroke-linejoin:round
}
.mega-panel a .qicon, .service-tab .qicon, .slide-badge .qicon, .eyebrow .qicon, .section-kicker .qicon, .link-btn .qicon {
	width:18px;
	height:18px;
	vertical-align:-.25em;
	margin-right:7px
}
.capability-grid div>.qicon, .ai-grid article>.qicon, .solutions-grid article>.qicon, .benefit-grid article>.qicon, .timeline-cards article>.qicon, .workflow-panel article>.qicon, .office-grid article>.qicon, .values-grid article>.qicon, .story-grid article>.qicon, .journey-line article>.qicon {
	width:46px;
	height:46px;
	padding:10px;
	border-radius:16px;
	background:rgba(240, 90, 36, .12);
	border:1px solid rgba(240, 90, 36, .24);
	color:#ff8a57;
	margin:0 0 14px!important;
	font-size:initial!important;
	display:inline-flex!important
}
.stars {
	display:flex;
	gap:4px;
	color:#ff8a57;
	letter-spacing:0
}
.stars .qicon {
	width:18px;
	height:18px;
	margin:0!important
}
.footer-brand .qicon, .trusted-points .qicon {
	width:18px;
	height:18px;
	color:#ff8a57;
	vertical-align:-.25em;
	margin-right:6px
}
.main-nav .active-link {
	background:rgba(240, 90, 36, .13);
	color:#ff8a57
}
/* ===============================
   ABOUT PAGE LAYOUT
   =============================== */
.about-page .topbar {
	margin-top:18px
}
.micon {
	display:inline-flex!important;
	justify-content:center;
	font-size: 13px;
	width:1.15em;
	height:1.15em;
	vertical-align:-5px;
	display: flex;
	align-items: center;
	gap: 40px;
	color:currentColor;
	line-height:1;
	flex:0 0 auto;
	margin-right: 600px;
}
.micon svg {
	width:100%;
	height:100%;
	display:block;
	fill:none;
	stroke:currentColor;
	stroke-width:1.9;
	stroke-linecap:round;
	stroke-linejoin:round
}
.about-hero {
	position:relative;
	max-width:var(--max);
	margin:56px auto 0;
	padding:64px 36px;
	border-radius:44px;
	background:linear-gradient(135deg, #090909 0%, #14110f 48%, #260f06 100%);
	border:1px solid rgba(255, 255, 255, .1);
	box-shadow:0 40px 120px rgba(0, 0, 0, .55);
	overflow:hidden;
	color:#fff
}
.about-hero:before {
	content:"";
	position:absolute;
	right:-90px;
	top:-100px;
	width:380px;
	height:380px;
	border-radius:50%;
	background:radial-gradient(circle, rgba(240, 90, 36, .46), transparent 64%)
}
.about-breadcrumb {
	position:relative;
	z-index:1;
	color:#f7c6b3;
	font-weight:900;
	margin-bottom:28px
}
.about-breadcrumb a {
	color:#fff
}
.about-breadcrumb span {
	opacity:.55;
	margin:0 8px
}
.about-hero-grid {
	position:relative;
	z-index:1;
	display:grid;
grid-template-columns:1fr .8fr;
	gap:42px;
	align-items:center
}
.about-hero h1 {
	font-size:clamp(42px, 7vw, 82px);
	line-height:.92;
	letter-spacing:-.065em;
	margin:18px 0 22px
}
.about-hero h1 span {
	color:#ffb08d
}
.about-hero p {
	font-size:19px;
	color:#f8dfd1;
	max-width:680px;
	margin:0 0 28px
}
.about-orbit-card {
	height:430px;
	border-radius:38px;
	border:1px solid rgba(255, 255, 255, .14);
	background:radial-gradient(circle at 50% 50%, rgba(240, 90, 36, .28), rgba(255, 255, 255, .06) 42%, rgba(255, 255, 255, .03));
	position:relative;
	display:grid;
	place-items:center;
	overflow:hidden
}
.about-orbit-card:before, .about-orbit-card:after {
	content:"";
	position:absolute;
	border:1px dashed rgba(255, 255, 255, .18);
	border-radius:50%
}
.about-orbit-card:before {
	width:300px;
	height:300px
}
.about-orbit-card:after {
	width:210px;
	height:210px
}
.orbit-core {
	position:relative;
	z-index:1;
	width:170px;
	height:170px;
	border-radius:50%;
	background:#f05a24;
	color:#fff;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
	box-shadow:0 24px 60px rgba(240, 90, 36, .28)
}
.orbit-core .qicon {
	width:36px;
	height:36px;
	margin:0 0 6px!important
}
.orbit-core strong {
	font-size:24px;
	line-height:1
}
.orbit-core small {
	max-width:120px;
	line-height:1.25;
	color:#ffe1d4;
	font-weight:800
}
.orbit-pill {
	position:absolute;
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:10px 14px;
	border-radius:999px;
	background:rgba(255, 255, 255, .08);
	border:1px solid rgba(255, 255, 255, .14);
	font-weight:950;
	color:#fff;
	backdrop-filter:blur(12px)
}
.orbit-pill .qicon {
	width:18px;
	height:18px;
	margin:0!important
}
.p1 {
	left:34px;
	top:70px
}
.p2 {
	right:44px;
	top:102px
}
.p3 {
	left:52px;
	bottom:72px
}
.p4 {
	right:38px;
	bottom:98px
}
.story-grid, .values-grid {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:16px
}
.story-grid article, .values-grid article {
	padding:28px;
	border-radius:28px;
	background:rgba(17, 17, 17, .94);
	border:1px solid rgba(255, 255, 255, .12);
	box-shadow:0 18px 60px rgba(0, 0, 0, .36)
}
.story-grid h3, .values-grid h3 {
	font-size:24px;
	line-height:1.1;
	margin:0 0 12px;
	letter-spacing:-.03em
}
.story-grid p, .values-grid p {
	color:#aaa09a;
	margin:0
}
.values-grid {
	grid-template-columns:repeat(4, 1fr)
}
.values-grid article {
	position:relative;
	overflow:hidden
}
.values-grid article:after {
	content:"";
	position:absolute;
	right:-36px;
	bottom:-36px;
	width:120px;
	height:120px;
	border-radius:34px;
	background:rgba(240, 90, 36, .10);
	transform:rotate(18deg)
}
.values-grid b {
	display:inline-flex;
	width:40px;
	height:40px;
	border-radius:999px;
	align-items:center;
	justify-content:center;
	background:#f05a24;
	color:#fff;
	margin-bottom:18px;
	font-size:13px
}
.values-grid .qicon {
	position:relative;
	z-index:1
}
.founder-card {
	display:grid;
	grid-template-columns:280px 1fr;
	gap:36px;
	align-items:center;
	padding:42px;
	border-radius:44px;
	background:linear-gradient(135deg, #111 0%, #18100c 100%);
	border:1px solid rgba(240, 90, 36, .22);
	box-shadow:0 26px 80px rgba(0, 0, 0, .42)
}
.founder-avatar {
	width:230px;
	height:230px;
	border-radius:44px;
	background:linear-gradient(135deg, #f05a24, #ff7a45);
	display:grid;
	place-items:center;
	color:#fff;
	font-size:72px;
	font-weight:1000;
	letter-spacing:-.08em;
	box-shadow:0 28px 80px rgba(240, 90, 36, .25)
}
.founder-card h2 {
	margin-top:14px
}
.founder-card h3 {
	font-size:30px;
	margin:20px 0 0
}
.founder-card p {
	color:#cfc5bd
}
.founder-card blockquote {
	margin:22px 0 0;
	padding:22px;
	border-left:4px solid #f05a24;
	background:rgba(255, 255, 255, .05);
	border-radius:0 18px 18px 0;
	color:#fff;
	font-size:20px;
	font-weight:900
}
.founder-links {
	display:flex;
	gap:18px;
	flex-wrap:wrap
}
.about-stats {
	margin-top:70px
}
.journey-line {
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:16px;
	position:relative
}
.journey-line article {
	padding:26px;
	border-radius:28px;
	background:rgba(17, 17, 17, .94);
	border:1px solid rgba(255, 255, 255, .12);
	box-shadow:0 18px 60px rgba(0, 0, 0, .36)
}
.journey-line time {
	display:inline-flex;
	margin-bottom:18px;
	margin-left: 110px;
	background:#f05a24;
	color:#fff;
	border-radius:999px;
	padding:7px 12px;
	font-weight:1000
}
.journey-line h3 {
	font-size:22px;
	line-height:1.1;
	margin:0 0 12px
}
.journey-line p {
	color:#aaa09a;
	margin:0
}
.trusted-card {
	padding:48px;
	border-radius:44px;
	background:linear-gradient(135deg, #090909 0%, #14110f 48%, #260f06 100%);
	border:1px solid rgba(255, 255, 255, .1);
	box-shadow:0 34px 100px rgba(0, 0, 0, .5);
	display:grid;
grid-template-columns:1fr .75fr;
	gap:34px;
	align-items:center
}
.trusted-card h2 {
	margin:16px 0
}
.trusted-card p {
	color:#f8dfd1;
	font-size:18px
}
.trusted-points {
	display:grid;
	gap:12px
}
.trusted-points span {
	display:flex;
	align-items:center;
	padding:14px 16px;
	border-radius:18px;
	background:rgba(255, 255, 255, .07);
	border:1px solid rgba(255, 255, 255, .12);
	font-weight:900;
	color:#fff
}
.trusted-points span .qicon {
	margin-right:10px!important
}
@media (max-width:1100px) {
.about-hero-grid, .founder-card, .trusted-card {
grid-template-columns:1fr
}
.story-grid, .values-grid, .journey-line {
grid-template-columns:repeat(2, 1fr)
}
.founder-avatar {
width:190px;
height:190px
}
.about-orbit-card {
height:360px
}
}
@media (max-width:720px) {
.about-hero {
margin-top:26px;
padding:42px 20px;
border-radius:30px
}
.about-orbit-card {
height:320px
}
.orbit-core {
width:140px;
height:140px
}
.orbit-pill {
font-size:12px;
padding:8px 10px
}
.p1 {
left:18px;
top:46px
}
.p2 {
right:16px;
top:72px
}
.p3 {
left:20px;
bottom:52px
}
.p4 {
right:16px;
bottom:74px
}
.story-grid, .values-grid, .journey-line {
grid-template-columns:1fr
}
.founder-card, .trusted-card {
padding:30px 20px;
border-radius:30px
}
.founder-avatar {
width:150px;
height:150px;
border-radius:32px;
font-size:54px
}
.capability-grid div>.qicon, .ai-grid article>.qicon, .solutions-grid article>.qicon, .benefit-grid article>.qicon, .timeline-cards article>.qicon, .workflow-panel article>.qicon, .office-grid article>.qicon, .values-grid article>.qicon, .story-grid article>.qicon, .journey-line article>.qicon {
width:42px;
height:42px
}
}
/* ===============================
   INNER SERVICE / PORTFOLIO PAGES
   =============================== */
.inner-page .page-hero .about-hero-grid {
grid-template-columns:1fr .72fr
}
.metric-panel {
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:14px;
	position:relative;
	z-index:1
}
.metric-panel div {
	min-height:132px;
	padding:24px;
	border-radius:26px;
	background:rgba(255, 255, 255, .08);
	border:1px solid rgba(255, 255, 255, .12);
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, .14)
}
.metric-panel strong {
	font-size:46px;
	line-height:.9;
	color:#ff8a57;
	letter-spacing:-.06em
}
.metric-panel span {
	font-size:14px;
	color:#f8dfd1;
	font-weight:900
}
.tall-metric-panel {
	grid-template-columns:1fr
}
.tall-metric-panel div {
	min-height:88px
}
.portfolio-section {
	padding:34px;
	border-radius:44px;
	background:rgba(17, 17, 17, .94);
	border:1px solid rgba(255, 255, 255, .12);
	box-shadow:0 34px 100px rgba(0, 0, 0, .42)
}
.project-grid.scope-grid {
	grid-template-columns:repeat(3, 1fr);
	max-height:none;
	overflow:visible;
	padding:0;
	gap:16px
}
.project-grid article {
	position:relative;
	padding:24px;
	border-radius:26px;
	min-height:316px;
	background:#171412;
	border:1px solid rgba(255, 255, 255, .10);
	overflow:hidden;
	box-shadow:0 18px 60px rgba(0, 0, 0, .26)
}
.project-grid article:after {
	content:"";
	position:absolute;
	right:-40px;
	bottom:-42px;
	width:130px;
	height:130px;
	border-radius:34px;
	background:rgba(240, 90, 36, .10);
	transform:rotate(18deg)
}
.project-grid article>.qicon {
	width:48px;
	height:48px;
	padding:11px;
	border-radius:16px;
	background:rgba(240, 90, 36, .12);
	border:1px solid rgba(240, 90, 36, .24);
	color:#ff8a57;
	margin:0 0 14px!important
}
.project-grid h4 {
	font-size:21px!important;
	line-height:1.12!important;
	margin:0 0 10px!important;
	color:#fff;
	letter-spacing:-.03em
}
.project-grid p {
	font-size:14px!important;
	color:#aaa09a!important;
	margin:0 0 16px!important
}
.project-grid time {
	position:relative;
	z-index:1
}
.project-top {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	margin-bottom:12px
}
.project-top b {
	width:38px;
	height:38px;
	border-radius:999px;
	background:#f05a24;
	color:#fff;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-size:12px
}
.project-top small {
	color:#ffb18e;
	font-weight:950;
	text-transform:uppercase;
	letter-spacing:.08em;
	font-size:11px;
	text-align:right
}
.tag-list {
	display:flex;
	gap:8px;
	flex-wrap:wrap;
	margin-top:auto;
	position:relative;
	z-index:1
}
.tag-list span {
	display:inline-flex;
	padding:6px 9px;
	border-radius:999px;
	background:rgba(255, 255, 255, .07);
	border:1px solid rgba(255, 255, 255, .10);
	color:#e6dcd5;
	font-size:11px;
	font-weight:900
}
.compact-project-grid article {
	min-height:280px
}
.service-showcase-grid {
	grid-template-columns:repeat(3, 1fr)
}
.service-showcase-grid article {
	min-height:285px
}
.service-showcase-grid article>.qicon {
	width:48px;
	height:48px;
	padding:11px;
	border-radius:16px;
	background:rgba(240, 90, 36, .12);
	border:1px solid rgba(240, 90, 36, .24);
	color:#ff8a57;
	margin:0 0 14px!important
}
.service-showcase-grid h4 {
	color:#fff;
	font-size:22px;
	margin:10px 0
}
.service-showcase-grid article b {
	background:#f05a24!important;
	color:#fff!important;
/*	margin-left: 240px;*/
}
.process-cards {
	grid-template-columns:repeat(5, 1fr)
}
.process-cards article {
	min-height:260px
}
.process-cards article .qicon {
	width:46px;
	height:46px;
	padding:10px;
	border-radius:16px;
	background:rgba(240, 90, 36, .12);
	border:1px solid rgba(240, 90, 36, .24);
	color:#ff8a57;
	margin:16px 0 14px!important
}
.timezone-grid {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:16px
}
.timezone-grid article {
	padding:26px;
	border-radius:28px;
	background:rgba(17, 17, 17, .94);
	border:1px solid rgba(255, 255, 255, .12);
	box-shadow:0 18px 60px rgba(0, 0, 0, .36)
}
.timezone-grid article>.qicon {
	width:46px;
	height:46px;
	padding:10px;
	border-radius:16px;
	background:rgba(240, 90, 36, .12);
	border:1px solid rgba(240, 90, 36, .24);
	color:#ff8a57;
	margin:0 0 14px!important
}
.timezone-grid h4 {
	font-size:23px;
	margin:0 0 6px;
	letter-spacing:-.03em
}
.timezone-grid p {
	color:#aaa09a;
	margin:0 0 12px
}
.timezone-grid strong {
	display:block;
	color:#ff8a57;
	font-size:30px;
	letter-spacing:-.04em
}
.timezone-grid small {
	color:#f8dfd1;
	font-weight:900
}
.coverage-grid {
	grid-template-columns:repeat(3, 1fr)
}
.coverage-grid article {
	min-height:300px
}
.coverage-grid h4 {
	font-size:23px;
	margin:0 0 8px;
	letter-spacing:-.03em
}
.coverage-grid small {
	display:block;
	color:#ffb18e;
	font-weight:900;
	margin-top:14px
}
.pricing-grid {
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:18px
}
.plan-card {
	padding:32px;
	border-radius:34px;
	background:rgba(17, 17, 17, .94);
	border:1px solid rgba(255, 255, 255, .12);
	box-shadow:0 18px 60px rgba(0, 0, 0, .36)
}
.plan-card.featured {
	border-color:rgba(240, 90, 36, .45);
	background:linear-gradient(135deg, #111 0%, #1d120d 100%)
}
.plan-card>.qicon {
	width:52px;
	height:52px;
	padding:12px;
	border-radius:18px;
	background:rgba(240, 90, 36, .12);
	border:1px solid rgba(240, 90, 36, .24);
	color:#ff8a57;
	margin:0 0 16px!important
}
.plan-card small {
	color:#ffb18e;
	font-weight:950;
	text-transform:uppercase;
	letter-spacing:.08em
}
.plan-card h3 {
	font-size:32px;
	line-height:1;
	margin:12px 0;
	color:#fff;
	letter-spacing:-.04em
}
.plan-card strong {
	display:block;
	font-size:34px;
	color:#ff8a57;
	margin-bottom:8px
}
.plan-card p, .plan-card li {
	color:#aaa09a
}
.plan-card ul {
	padding-left:20px;
	margin:18px 0 0
}
.plan-card li {
	margin:8px 0
}
.comparison-table {
	margin-top:18px;
	overflow:auto;
	border-radius:24px;
	border:1px solid rgba(255, 255, 255, .12);
	background:#111
}
.comparison-table table {
	width:100%;
	border-collapse:collapse;
	min-width:650px
}
.comparison-table th, .comparison-table td {
	padding:16px 18px;
	text-align:left;
	border-bottom:1px solid rgba(255, 255, 255, .08);
	color:#f3eee9
}
.comparison-table th {
	background:rgba(240, 90, 36, .16);
	color:#fff
}
.comparison-table td:nth-child(2), .comparison-table td:nth-child(3) {
color:#ffb18e;
font-weight:950
}
.legal-doc {
	border-radius:34px;
	background:rgba(17, 17, 17, .94);
	border:1px solid rgba(255, 255, 255, .12);
	box-shadow:0 18px 60px rgba(0, 0, 0, .36);
	overflow:hidden
}
.legal-cover {
	padding:34px;
	background:linear-gradient(135deg, #090909 0%, #14110f 48%, #260f06 100%);
	border-bottom:1px solid rgba(255, 255, 255, .12)
}
.legal-cover .qicon {
	width:56px;
	height:56px;
	padding:13px;
	border-radius:18px;
	background:rgba(240, 90, 36, .12);
	border:1px solid rgba(240, 90, 36, .24);
	color:#ff8a57;
	margin-bottom:18px!important
}
.legal-cover h3 {
	font-size:34px;
	line-height:1;
	margin:0 0 12px;
	color:#fff;
	letter-spacing:-.04em
}
.legal-cover p {
	color:#f8dfd1;
	margin:0 0 12px
}
.legal-cover b {
	color:#ffb18e
}
.legal-grid {
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:1px;
	background:rgba(255, 255, 255, .08)
}
.legal-grid article {
	padding:24px;
	background:#171412
}
.legal-grid h4 {
	margin:0 0 8px;
	color:#fff;
	font-size:19px
}
.legal-grid p {
	color:#aaa09a;
	margin:0
}
.legal-note {
	margin:0;
	padding:22px 34px;
	color:#ffcfbd;
	background:rgba(240, 90, 36, .10);
	font-weight:800
}
.role-grid article {
	min-height:300px
}
@media (max-width:1100px) {
.inner-page .page-hero .about-hero-grid, .metric-panel, .pricing-grid {
grid-template-columns:1fr
}
.project-grid.scope-grid, .service-showcase-grid, .timezone-grid, .coverage-grid {
grid-template-columns:repeat(2, 1fr)
}
.process-cards {
grid-template-columns:repeat(2, 1fr)
}
.tall-metric-panel {
grid-template-columns:repeat(2, 1fr)
}
}
@media (max-width:720px) {
.project-grid.scope-grid, .service-showcase-grid, .timezone-grid, .coverage-grid, .process-cards, .legal-grid, .tall-metric-panel {
grid-template-columns:1fr
}
.portfolio-section {
padding:24px 16px;
border-radius:30px
}
.metric-panel div {
min-height:100px
}
.metric-panel strong {
font-size:38px
}
.plan-card, .legal-cover {
padding:24px
}
.legal-note {
padding:18px 24px
}
}
/* Work page visual thumbnails */
.project-grid article {
	display:flex;
	flex-direction:column
}
.project-media {
	position:relative;
	z-index:1;
	height:176px;
	margin:-8px -8px 18px;
	border-radius:22px;
	overflow:hidden;
	border:1px solid rgba(255, 255, 255, .12);
	background:#0d0d0d;
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, .08)
}
.project-media img {
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
transition:transform .45s ease, filter .45s ease;
	filter:saturate(1.05) contrast(1.02)
}
.project-media span {
	position:absolute;
	left:12px;
	top:12px;
	display:inline-flex;
	padding:7px 10px;
	border-radius:999px;
	background:rgba(0, 0, 0, .58);
	border:1px solid rgba(255, 255, 255, .18);
	backdrop-filter:blur(12px);
	color:#fff;
	font-size:11px;
	font-weight:950;
	text-transform:uppercase;
	letter-spacing:.08em
}
.project-grid article:hover .project-media img {
	transform:scale(1.045)
}
.project-grid article>.qicon {
	position:relative;
	z-index:1;
	margin-bottom:12px!important
}
.project-grid .project-top, .project-grid h4, .project-grid p {
	position:relative;
	z-index:1
}
@media (max-width:720px) {
.project-media {
height:190px;
margin:-4px -4px 18px
}
}
/* ===============================
   CONTACT PAGE LAYOUT
   =============================== */
.contact-hero .about-hero-grid {
grid-template-columns:1fr .62fr
}
.contact-metrics div {
	min-height:110px
}
.contact-main-section {
	max-width:var(--max);
	margin:96px auto 0;
	padding:0 22px
}
.contact-layout {
	display:grid;
grid-template-columns:minmax(0, 1.15fr) minmax(340px, .85fr);
	gap:22px;
	align-items:start
}
.contact-form-card, .contact-side-card, .contact-office-grid article {
	background:rgba(17, 17, 17, .94);
	border:1px solid rgba(255, 255, 255, .12);
	border-radius:34px;
	box-shadow:0 24px 70px rgba(0, 0, 0, .38)
}
.contact-form-card {
	padding:30px;
	display:grid;
	gap:18px
}
.form-grid {
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:16px
}
.field-group {
	display:grid;
	gap:10px;
	color:#fff;
	font-weight:950
}
.field-group span {
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:.08em;
	color:#ffb18e
}
.field-group input, .field-group select, .field-group textarea {
	width:100%;
	border:1px solid rgba(255, 255, 255, .13);
	background:#0c0c0c;
	color:#f7f4ef;
	border-radius:18px;
	padding:15px 16px;
	font:inherit;
	font-weight:750;
	outline:none;
transition:.22s ease;
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, .04)
}
.field-group textarea {
	resize:vertical;
	min-height:170px;
	line-height:1.55
}
.field-group input::placeholder, .field-group textarea::placeholder {
color:#706965
}
.field-group input:focus, .field-group select:focus, .field-group textarea:focus {
	border-color:rgba(240, 90, 36, .72);
	box-shadow:0 0 0 4px rgba(240, 90, 36, .12), inset 0 1px 0 rgba(255, 255, 255, .08)
}
.contact-submit {
	border:none;
	cursor:pointer;
	justify-self:start;
	font:inherit;
	font-weight:950
}
.contact-side-card {
	padding:30px;
	position:sticky;
	top:112px
}
.contact-method-list {
	display:grid;
	gap:14px;
	margin-top:22px
}
.contact-method-card {
	display:grid;
	grid-template-columns:auto 1fr;
	gap:15px;
	padding:18px;
	border-radius:24px;
	background:#171412;
	border:1px solid rgba(255, 255, 255, .10)
}
.contact-method-card>.qicon, .contact-office-grid article>.qicon {
	width:48px;
	height:48px;
	padding:11px;
	border-radius:16px;
	background:rgba(240, 90, 36, .12);
	border:1px solid rgba(240, 90, 36, .24);
	color:#ff8a57;
	margin:0!important
}
.contact-method-card h3 {
	font-size:20px;
	line-height:1.1;
	margin:0 0 8px;
	color:#fff;
	letter-spacing:-.03em
}
.contact-method-card a {
	display:block;
	color:#ff8a57;
	font-weight:950;
	margin:5px 0;
	word-break:break-word
}
.contact-method-card p {
	margin:0;
	color:#aaa09a;
	font-weight:750;
	line-height:1.55
}
.office-contact-section, .contact-process-section {
	max-width:var(--max);
	margin:96px auto 0;
	padding:0 22px
}
.contact-office-grid {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:18px
}
.contact-office-grid article {
	padding:30px;
	min-height:300px;
	position:relative;
	overflow:hidden
}
.contact-office-grid article:after {
	content:"";
	position:absolute;
	right:-42px;
	bottom:-46px;
	width:145px;
	height:145px;
	border-radius:38px;
	background:rgba(240, 90, 36, .10);
	transform:rotate(18deg)
}
.contact-office-grid small {
	display:inline-flex;
	margin-top:16px;
	color:#ffb18e;
	font-weight:950;
	text-transform:uppercase;
	letter-spacing:.08em
}
.contact-office-grid h3 {
	font-size:28px;
	line-height:1;
	margin:10px 0 14px;
	color:#fff;
	letter-spacing:-.045em
}
.contact-office-grid address, .contact-office-grid p {
	font-style:normal;
	color:#aaa09a;
	line-height:1.65;
	margin:0 0 16px;
	position:relative;
	z-index:1
}
.contact-office-grid a {
	position:relative;
	z-index:1;
	color:#ff8a57;
	font-weight:950
}
.office-highlight {
	background:linear-gradient(135deg, #111 0%, #1d120d 100%)!important;
	border-color:rgba(240, 90, 36, .35)!important
}
.contact-steps {
	display:grid!important;
	grid-template-columns:repeat(4, 1fr);
	gap:16px
}
.contact-steps article {
	min-height:255px
}
@media (max-width:1100px) {
.contact-hero .about-hero-grid, .contact-layout {
grid-template-columns:1fr
}
.contact-side-card {
position:static
}
.contact-office-grid, .contact-steps {
grid-template-columns:repeat(2, 1fr)
}
}
@media (max-width:720px) {
.contact-main-section, .office-contact-section, .contact-process-section {
margin-top:70px;
padding:0 14px
}
.form-grid, .contact-office-grid, .contact-steps {
grid-template-columns:1fr
}
.contact-form-card, .contact-side-card, .contact-office-grid article {
border-radius:28px;
padding:22px
}
.contact-submit {
width:100%;
justify-content:center
}
.contact-method-card {
grid-template-columns:1fr
}
.contact-method-card>.qicon, .contact-office-grid article>.qicon {
width:44px;
height:44px
}
.contact-office-grid h3 {
font-size:24px
}
}
/* Added: About certificate and full Services page */
.certificate-grid {
	display:grid;
grid-template-columns:.82fr 1.18fr;
	gap:28px;
	align-items:center;
	padding:42px;
	border-radius:44px;
	background:linear-gradient(135deg, #090909 0%, #14110f 48%, #260f06 100%);
	border:1px solid rgba(255, 255, 255, .1);
	box-shadow:0 34px 100px rgba(0, 0, 0, .5);
	overflow:hidden;
	position:relative
}
.certificate-grid:before {
	content:"";
	position:absolute;
	left:-90px;
	top:-120px;
	width:300px;
	height:300px;
	border-radius:999px;
	background:radial-gradient(circle, rgba(240, 90, 36, .24), transparent 66%)
}
.certificate-copy, .certificate-frame {
	position:relative;
	z-index:1
}
.certificate-copy h2 {
	font-size:clamp(34px, 5vw, 62px);
	letter-spacing:-.06em;
	line-height:.95;
	margin:16px 0
}
.certificate-copy p {
	color:#f8dfd1;
	font-size:18px;
	line-height:1.75;
	margin-bottom:18px
}
.certificate-frame {
	margin:0;
	border-radius:30px;
	background:#0e0c0b;
	border:1px solid rgba(255, 255, 255, .14);
	padding:14px;
	box-shadow:0 24px 80px rgba(0, 0, 0, .5)
}
.certificate-frame img {
	display:block;
	width:100%;
	border-radius:20px;
	background:#fff
}
.certificate-frame figcaption {
	font-size:12px;
	color:#d8c6ba;
	font-weight:800;
	margin:12px 6px 2px
}
.cert-points span {
	justify-content:flex-start
}
.services-page .service-showcase-grid article {
	display:flex;
	flex-direction:column
}
.services-page .service-showcase-grid .text-link, .services-page .coverage-grid .text-link {
	margin-top:auto;
	color:#ffb18e;
	font-weight:950
}
.services-page .coverage-grid article>.qicon {
	width:48px;
	height:48px;
	padding:11px;
	border-radius:16px;
	background:rgba(240, 90, 36, .12);
	border:1px solid rgba(240, 90, 36, .24);
	color:#ff8a57;
	margin:0 0 14px!important
}
.services-page .coverage-grid h4 {
	font-size:23px;
	margin:0 0 8px;
	color:#fff
}
.services-page .coverage-grid p {
	color:#aaa09a
}
.active-link {
	color:#fff!important;
	background:rgba(240, 90, 36, .16);
	border-color:rgba(240, 90, 36, .35)!important
}
@media (max-width:1100px) {
.certificate-grid {
grid-template-columns:1fr
}
.certificate-frame {
order:-1
}
.services-page .service-showcase-grid {
grid-template-columns:repeat(2, 1fr)
}
}
@media (max-width:720px) {
.certificate-grid {
padding:24px;
border-radius:30px
}
.certificate-frame {
border-radius:24px;
padding:10px
}
.certificate-frame img {
border-radius:16px
}
.services-page .service-showcase-grid {
grid-template-columns:1fr
}
}
/* ===============================
   TESTIMONIAL PAGE
   =============================== */
.testimonial-page .testimonial-hero .about-hero-grid {
grid-template-columns:1fr .78fr
}
.testimonial-score-card {
	position:relative;
	z-index:1;
	border-radius:38px;
	border:1px solid rgba(255, 255, 255, .14);
	background:linear-gradient(180deg, rgba(255, 255, 255, .10), rgba(255, 255, 255, .045));
	padding:30px;
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, .12);
	backdrop-filter:blur(18px)
}
.score-ring {
	width:210px;
	height:210px;
	margin:0 auto 26px;
	border-radius:50%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
	background:radial-gradient(circle at 50% 42%, rgba(240, 90, 36, .52), rgba(240, 90, 36, .16) 54%, rgba(255, 255, 255, .045) 55%);
	border:1px solid rgba(255, 255, 255, .16);
	box-shadow:0 28px 70px rgba(240, 90, 36, .18)
}
.score-ring strong {
	display:block;
	color:#fff;
	font-size:68px;
	line-height:.9;
	letter-spacing:-.07em
}
.score-ring span {
	display:block;
	color:#ffe1d4;
	font-weight:950;
	max-width:132px;
	line-height:1.18;
	margin-top:12px
}
.score-lines {
	display:grid;
	gap:12px
}
.score-lines span {
	display:flex;
	align-items:center;
	gap:10px;
	padding:14px 16px;
	border-radius:18px;
	background:rgba(255, 255, 255, .07);
	border:1px solid rgba(255, 255, 255, .12);
	font-weight:900;
	color:#fff
}
.score-lines .qicon {
	color:#ff8a57;
	width:18px;
	height:18px;
	margin:0!important
}
.testimonial-stats {
	margin-top:34px
}
.testimonial-review-grid {
	grid-template-columns:repeat(3, 1fr)
}
.testimonial-review-grid article {
	min-height:310px;
	display:flex;
	flex-direction:column
}
.testimonial-review-grid p {
	font-size:17px;
	line-height:1.65;
	margin:20px 0 0;
	color:#d0c6bf
}
.testimonial-review-grid footer {
	margin-top:auto
}
.testimonial-review-grid footer b {
	background:linear-gradient(135deg, #f05a24, #ff7a45)
}
.platform-grid {
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:18px
}
.platform-card {
	position:relative;
	overflow:hidden;
	padding:34px;
	border-radius:34px;
	background:rgba(17, 17, 17, .94);
	border:1px solid rgba(255, 255, 255, .12);
	box-shadow:0 18px 60px rgba(0, 0, 0, .36)
}
.platform-card:after {
	content:"";
	position:absolute;
	right:-70px;
	top:-70px;
	width:220px;
	height:220px;
	border-radius:50%;
	background:radial-gradient(circle, rgba(240, 90, 36, .26), transparent 68%)
}
.platform-badge {
	position:relative;
	z-index:1;
	display:inline-flex;
	align-items:center;
	gap:8px;
	border:1px solid rgba(240, 90, 36, .28);
	background:rgba(240, 90, 36, .12);
	color:#ff8a57;
	border-radius:999px;
	padding:9px 13px;
	text-transform:uppercase;
	letter-spacing:.08em;
	font-size:12px;
	font-weight:1000
}
.platform-badge .qicon {
	width:17px;
	height:17px;
	margin:0!important
}
.platform-card h3 {
	position:relative;
	z-index:1;
	color:#fff;
	font-size:34px;
	line-height:1;
	margin:24px 0 12px;
	letter-spacing:-.045em
}
.platform-card p {
	position:relative;
	z-index:1;
	color:#aaa09a;
	margin:0 0 24px
}
.profile-metrics {
	position:relative;
	z-index:1;
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:10px
}
.profile-metrics span {
	padding:15px;
	border-radius:18px;
	background:rgba(255, 255, 255, .07);
	border:1px solid rgba(255, 255, 255, .10);
	color:#d7cec7;
	font-weight:850
}
.profile-metrics b {
	display:block;
	color:#fff;
	font-size:22px;
	line-height:1;
	margin-bottom:4px
}
.platform-card .text-link {
	position:relative;
	z-index:1
}
.testimonial-categories .values-grid {
	grid-template-columns:repeat(4, 1fr)
}
.testimonial-process .journey-line article {
	min-height:245px
}
@media (max-width:1100px) {
.testimonial-page .testimonial-hero .about-hero-grid, .platform-grid {
grid-template-columns:1fr
}
.testimonial-review-grid {
grid-template-columns:repeat(2, 1fr)
}
.testimonial-categories .values-grid {
grid-template-columns:repeat(2, 1fr)
}
}
@media (max-width:720px) {
.testimonial-review-grid, .testimonial-categories .values-grid {
grid-template-columns:1fr
}
.testimonial-score-card {
padding:22px;
border-radius:28px
}
.score-ring {
width:172px;
height:172px
}
.score-ring strong {
font-size:56px
}
.platform-card {
padding:26px;
border-radius:28px
}
.platform-card h3 {
font-size:28px
}
.profile-metrics {
grid-template-columns:1fr
}
}
.workflow-panels .qicon, .offices-section .qicon {
	margin-right:0;
}
.office-grid .qicon svg { width:60%}