/* ═══════════════════════════════════════════════════════════════
   DEXORA WEB PROJECTS — Frontend Styles
   Brand: ink #0B0B0C, orange #E84A00 / #FF6B35, Plus Jakarta Sans
   ═══════════════════════════════════════════════════════════════ */

.dxp, .dxp *, .dxps, .dxps *{box-sizing:border-box !important;}
.dxp, .dxps{font-family:'Plus Jakarta Sans','Inter',-apple-system,sans-serif !important;}
.dxp a, .dxps a{text-decoration:none !important;}

:root{
	--dxp-ink:#0B0B0C;
	--dxp-or:#E84A00;
	--dxp-orlt:#FF6B35;
	--dxp-ordk:#C43D00;
	--dxp-gray:#4A4A50;
	--dxp-line:#EAEAEA;
	--dxp-bg:#F7F5F5;
}

/* ── Shared button styles ── */
.dxp-btn, .dxps-btn{
	display:inline-flex !important; align-items:center !important; gap:9px;
	padding:13px 24px; border-radius:100px; font-size:13.5px !important; font-weight:700 !important;
	white-space:nowrap; cursor:pointer; transition:transform .2s cubic-bezier(.34,1.15,.64,1), box-shadow .2s, background .18s, border-color .18s, color .18s;
}
.dxp-btn svg, .dxps-btn svg{width:15px !important;height:15px !important;flex-shrink:0;}
.dxp-btn--orange, .dxps-btn--orange{
	background:var(--dxp-or) !important; color:#fff !important; border:none !important;
	box-shadow:0 4px 18px rgba(232,74,0,.35), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.dxp-btn--orange:hover, .dxps-btn--orange:hover{transform:translateY(-2px) !important; background:var(--dxp-ordk) !important; box-shadow:0 8px 26px rgba(232,74,0,.45) !important;}
.dxp-btn--ghost, .dxps-btn--ghost{
	background:transparent !important; color:var(--dxp-ink) !important; border:1.5px solid var(--dxp-line) !important;
}
.dxp-btn--ghost:hover, .dxps-btn--ghost:hover{border-color:var(--dxp-or) !important; color:var(--dxp-or) !important; transform:translateY(-2px) !important;}

/* Dark-background variant — for ghost buttons that sit on top of the ink-black
   contact box or footer CTA band. This is the actual fix for the invisible
   text bug: a plain inline style can never override the !important rule
   above, so this needs its own explicit, equally-forceful class instead. */
.dxp-btn--ghost-dark, .dxps-btn--ghost-dark{
	background:rgba(255,255,255,.06) !important; color:#ffffff !important; border:1.5px solid rgba(255,255,255,.25) !important;
}
.dxp-btn--ghost-dark:hover, .dxps-btn--ghost-dark:hover{background:rgba(255,255,255,.12) !important; border-color:rgba(255,255,255,.45) !important; color:#ffffff !important; transform:translateY(-2px) !important;}

/* ═══════════════════════════════════════════════════════════════
   GRID / SHORTCODE — [dexora_web_projects]
   ═══════════════════════════════════════════════════════════════ */
.dxp-band{background:var(--dxp-bg) !important; padding:0;}
.dxp-shell{max-width:1360px; margin:0 auto; padding:64px 20px;}

.dxp-head{text-align:center; max-width:680px; margin:0 auto 32px;}
.dxp-label{
	display:inline-flex !important; align-items:center !important; gap:8px;
	font-size:11px !important; font-weight:800 !important; letter-spacing:.16em; text-transform:uppercase;
	color:var(--dxp-or) !important; margin-bottom:14px; background:none !important; border:none !important; padding:0 !important;
}
.dxp-label svg{width:14px !important;height:14px !important;}
.dxp-h2{font-size:clamp(26px,3.4vw,40px) !important; font-weight:900 !important; color:var(--dxp-ink) !important; letter-spacing:-.03em !important; line-height:1.15 !important; margin:0 0 14px !important;}
.dxp-sub{font-size:15px !important; color:var(--dxp-gray) !important; line-height:1.65 !important; margin:0 !important;}

.dxp-controls{display:flex !important; flex-direction:column !important; align-items:center !important; gap:14px; margin-bottom:24px;}
.dxp-searchwrap{position:relative; width:100%; max-width:460px;}
.dxp-searchwrap svg{position:absolute !important; left:16px; top:50%; transform:translateY(-50%); width:16px !important;height:16px !important;color:#aaa !important;}
.dxp-search{width:100% !important; padding:13px 40px !important; border:1.5px solid var(--dxp-line) !important; border-radius:100px !important; font-size:13.5px !important; background:#fff !important; outline:none !important; font-family:inherit !important;}
.dxp-search:focus{border-color:var(--dxp-or) !important; box-shadow:0 0 0 3px rgba(232,74,0,.1) !important;}
.dxp-clear{position:absolute !important; right:12px; top:50%; transform:translateY(-50%); background:none !important; border:none !important; color:#aaa !important; font-size:18px; cursor:pointer; display:none;}
.dxp-clear.show{display:block;}

.dxp-filterrow{display:flex !important; flex-wrap:wrap !important; gap:8px; justify-content:center;}
.dxp-tab{
	background:#fff !important; border:1.5px solid var(--dxp-line) !important; color:var(--dxp-gray) !important;
	padding:8px 16px; border-radius:100px; font-size:12.5px !important; font-weight:600 !important; cursor:pointer;
	transition:all .16s; font-family:inherit !important;
}
.dxp-tab b{font-weight:800 !important; opacity:.6;}
.dxp-tab:hover{border-color:var(--dxp-or) !important; color:var(--dxp-or) !important;}
.dxp-tab[aria-selected="true"]{background:var(--dxp-ink) !important; border-color:var(--dxp-ink) !important; color:#fff !important;}
.dxp-tab[aria-selected="true"] b{opacity:.7;}

.dxp-status{text-align:center; font-size:13px !important; color:var(--dxp-gray) !important; margin:0 0 24px !important;}
.dxp-status b{color:var(--dxp-ink) !important;}

.dxp-grid{display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:22px !important;}
.dxp-card{display:none;}
.dxp-card.dxp-visible{display:block !important;}
.dxp-card-link{display:flex !important; flex-direction:column !important; height:100%; background:#fff !important; border:1px solid var(--dxp-line) !important; border-radius:16px !important; overflow:hidden !important; transition:transform .25s cubic-bezier(.34,1.15,.64,1), box-shadow .25s, border-color .2s !important;}
.dxp-card-link:hover{transform:translateY(-6px) !important; box-shadow:0 20px 44px rgba(0,0,0,.09) !important; border-color:#F0C9BD !important;}

.dxp-thumb{position:relative !important; padding-top:60% !important; background:var(--dxp-ink) !important; overflow:hidden !important;}
.dxp-thumb img{position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; object-fit:cover !important; transition:transform .5s ease;}
.dxp-card-link:hover .dxp-thumb img{transform:scale(1.05);}
.dxp-thumb-fallback{position:absolute !important; inset:0 !important; background:linear-gradient(135deg,#1a1a1a,#0B0B0C) !important;}
.dxp-thumb-overlay{position:absolute !important; inset:0 !important; background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.55) 100%) !important; pointer-events:none !important;}
.dxp-live-badge{position:absolute !important; top:14px; left:14px; z-index:2; background:rgba(74,222,128,.16) !important; border:1px solid rgba(74,222,128,.4) !important; color:#4ade80 !important; font-size:10.5px !important; font-weight:800 !important; padding:4px 11px; border-radius:100px; letter-spacing:.03em; backdrop-filter:blur(6px);}
.dxp-no{position:absolute !important; top:14px; right:14px; z-index:2; background:rgba(232,74,0,.55) !important; border:1px solid rgba(255,255,255,.25) !important; color:#fff !important; font-size:11px !important; font-weight:800 !important; padding:3px 10px; border-radius:100px; backdrop-filter:blur(6px);}

.dxp-bd{padding:22px 22px 24px; display:flex !important; flex-direction:column !important; flex:1;}
.dxp-client{font-size:11.5px !important; font-weight:700 !important; color:var(--dxp-or) !important; text-transform:uppercase; letter-spacing:.03em; margin:0 0 8px !important;}
.dxp-title{font-size:17px !important; font-weight:800 !important; color:var(--dxp-ink) !important; letter-spacing:-.02em !important; line-height:1.3 !important; margin:0 0 10px !important;}
.dxp-excerpt{font-size:13px !important; color:var(--dxp-gray) !important; line-height:1.6 !important; margin:0 0 14px !important;}

.dxp-result{display:flex !important; flex-direction:column !important; background:var(--dxp-bg) !important; border-left:2.5px solid var(--dxp-or) !important; border-radius:0 8px 8px 0; padding:9px 12px; margin-bottom:14px;}
.dxp-result span{font-size:9.5px !important; font-weight:800 !important; text-transform:uppercase; letter-spacing:.08em; color:var(--dxp-or) !important; margin-bottom:3px;}
.dxp-result p{font-size:12px !important; font-weight:700 !important; color:var(--dxp-ink) !important; margin:0 !important; line-height:1.4 !important;}

.dxp-tags{display:flex !important; flex-wrap:wrap !important; gap:6px; margin-bottom:16px; margin-top:auto;}
.dxp-tag{font-size:10.5px !important; font-weight:700 !important; color:var(--dxp-or) !important; background:rgba(232,74,0,.08) !important; padding:4px 11px; border-radius:100px;}

.dxp-readmore{display:inline-flex !important; align-items:center !important; gap:6px; font-size:12.5px !important; font-weight:800 !important; color:var(--dxp-or) !important; margin-top:auto;}
.dxp-readmore svg{width:13px !important;height:13px !important; transition:transform .2s;}
.dxp-card-link:hover .dxp-readmore svg{transform:translateX(3px);}

.dxp-empty{display:none; text-align:center; padding:60px 20px; grid-column:1/-1;}
.dxp-empty.show{display:block !important;}
.dxp-empty svg{width:36px !important;height:36px !important;color:#ccc !important; margin-bottom:14px;}
.dxp-empty h3{font-size:16px !important; font-weight:800 !important; color:var(--dxp-ink) !important; margin:0 0 6px !important;}
.dxp-empty p{font-size:13px !important; color:var(--dxp-gray) !important; margin:0 !important;}

.dxp-more{text-align:center; margin-top:32px;}
.dxp-morebtn{display:inline-flex !important; align-items:center !important; gap:8px; background:#fff !important; border:1.5px solid var(--dxp-line) !important; padding:13px 26px; border-radius:100px; font-size:13.5px !important; font-weight:700 !important; color:var(--dxp-ink) !important; cursor:pointer; font-family:inherit !important; transition:border-color .2s, color .2s;}
.dxp-morebtn:hover{border-color:var(--dxp-or) !important; color:var(--dxp-or) !important;}
.dxp-morebtn svg{width:14px !important;height:14px !important;}

.dxp-cta{margin-top:48px; background:var(--dxp-ink) !important; border-radius:20px; padding:40px 44px; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:24px; flex-wrap:wrap; position:relative; overflow:hidden;}
.dxp-cta::before{content:'';position:absolute !important;top:-100px;right:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(232,74,0,.18) 0%,transparent 70%) !important;pointer-events:none !important;}
.dxp-cta-txt{position:relative; z-index:1;}
.dxp-cta-txt h3{font-size:22px !important; font-weight:900 !important; color:#fff !important; margin:0 0 6px !important; letter-spacing:-.02em !important;}
.dxp-cta-txt p{font-size:13.5px !important; color:rgba(255,255,255,.55) !important; margin:0 !important; max-width:420px;}
.dxp-cta-btns{display:flex !important; gap:10px; flex-wrap:wrap; position:relative; z-index:1;}

@media(max-width:980px){ .dxp-grid{grid-template-columns:repeat(2,1fr) !important;} }
@media(max-width:640px){
	.dxp-shell{padding:48px 16px;}
	.dxp-grid{grid-template-columns:1fr !important; gap:16px !important;}
	.dxp-cta{flex-direction:column; align-items:flex-start !important; padding:28px 24px;}
	.dxp-cta-btns{width:100%;}
	.dxp-cta-btns .dxp-btn{flex:1; justify-content:center;}
}

/* ═══════════════════════════════════════════════════════════════
   SINGLE PROJECT PAGE
   ═══════════════════════════════════════════════════════════════ */
.dxps{--rad:16px;}

/* Defensive fix for a gap between the theme header and this hero: most
   WordPress themes wrap page content in a container (#content, #primary,
   .site-content, main, etc.) that reserves its own top padding for normal
   posts — spacing this full-bleed template never wants. This only takes
   effect on pages where .dxps is actually present, so it can never affect
   any other page on the site. */
body:has(.dxps) #content,
body:has(.dxps) #primary,
body:has(.dxps) .site-content,
body:has(.dxps) .content-area,
body:has(.dxps) main{
	padding-top:0 !important;
	margin-top:0 !important;
}

.dxps-hero{position:relative !important; overflow:hidden !important; background:linear-gradient(155deg,#0B0B0C 0%,#1a0a00 55%,#0B0B0C 100%) !important; padding:60px 20px 76px; margin-top:0 !important;}
.dxps-hero::before{content:'';position:absolute !important;top:-140px;right:-100px;width:440px;height:440px;background:radial-gradient(circle,rgba(232,74,0,.16) 0%,transparent 70%) !important;pointer-events:none !important;}
.dxps-hero-in{position:relative; max-width:1180px; margin:0 auto;}
.dxps-crumb{font-size:12px !important; color:rgba(255,255,255,.5) !important; margin-bottom:22px !important;}
.dxps-crumb a{color:rgba(255,255,255,.85) !important;}
.dxps-crumb a:hover{text-decoration:underline !important;}
.dxps-badges{display:flex !important; align-items:center !important; gap:8px; margin-bottom:18px; flex-wrap:wrap;}
.dxps-industry-badge{font-size:11px !important; font-weight:800 !important; letter-spacing:.05em; text-transform:uppercase; background:rgba(255,255,255,.1) !important; border:1px solid rgba(255,255,255,.18) !important; color:#fff !important; padding:6px 13px; border-radius:100px;}
.dxps-live-badge{display:inline-flex !important; align-items:center !important; gap:5px; font-size:10.5px !important; font-weight:800 !important; letter-spacing:.05em; text-transform:uppercase; background:rgba(74,222,128,.14) !important; border:1px solid rgba(74,222,128,.35) !important; color:#4ade80 !important; padding:6px 13px; border-radius:100px;}
.dxps-h1{font-size:clamp(28px,3.8vw,46px) !important; font-weight:900 !important; color:#fff !important; line-height:1.14 !important; letter-spacing:-.03em !important; max-width:820px; margin:0 0 20px !important;}
.dxps-meta-row{display:flex !important; gap:10px; flex-wrap:wrap;}
.dxps-meta-row span{display:inline-flex !important; align-items:center !important; gap:8px; font-size:13px !important; font-weight:600 !important; color:rgba(255,255,255,.82) !important; background:rgba(255,255,255,.06) !important; border:1px solid rgba(255,255,255,.12) !important; padding:8px 14px; border-radius:100px;}
.dxps-meta-row svg{width:14px !important;height:14px !important; color:var(--dxp-orlt) !important;}

.dxps-cover{max-width:1180px; margin:-40px auto 0; padding:0 20px; position:relative; z-index:2;}
.dxps-cover-inner{
	border-radius:18px; overflow:hidden; position:relative;
	box-shadow:
		0 1px 2px rgba(0,0,0,.1),
		0 24px 60px rgba(0,0,0,.35),
		0 8px 24px rgba(0,0,0,.2),
		inset 0 0 0 5px #fff,
		inset 0 0 0 6px rgba(0,0,0,.06) !important;
}
.dxps-cover-inner::after{
	content:''; position:absolute !important; inset:5px !important; z-index:1 !important; pointer-events:none !important;
	border-radius:13px; box-shadow:inset 0 2px 6px rgba(0,0,0,.12), inset 0 -1px 0 rgba(255,255,255,.5) !important;
}
.dxps-cover-inner{background:var(--dxp-ink) !important;}
.dxps-cover img{width:100% !important; height:auto !important; display:block !important;}

/* SEO / Growth stats row */
.dxps-stats{max-width:1180px; margin:32px auto 0; padding:0 20px; position:relative; z-index:2;}
.dxps-stats-in{display:grid !important; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)) !important; gap:1px; background:var(--dxp-line) !important; border:1px solid var(--dxp-line) !important; border-radius:14px; overflow:hidden;}
.dxps-stat{background:#fff !important; padding:20px 18px; text-align:center;}
.dxps-stat-val{display:block !important; font-size:26px !important; font-weight:900 !important; color:var(--dxp-or) !important; letter-spacing:-.02em !important; margin-bottom:4px !important;}
.dxps-stat-lbl{display:block !important; font-size:11.5px !important; font-weight:600 !important; color:var(--dxp-gray) !important;}

/* Project gallery */
.dxps-gallery{display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:12px;}
.dxps-gallery-item{display:block !important; border-radius:10px; overflow:hidden; position:relative; aspect-ratio:4/3; background:var(--dxp-bg) !important;}
.dxps-gallery-item img{width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; transition:transform .3s ease;}
.dxps-gallery-item:hover img{transform:scale(1.06);}

.dxps-body-band{position:relative; padding:44px 20px 40px; background:var(--dxp-bg) !important;}
.dxps-layout{max-width:1180px; margin:0 auto; display:grid !important; grid-template-columns:minmax(0,1fr) 340px !important; gap:32px; align-items:start;}

.dxps-main{background:#fff !important; border-radius:var(--rad) !important; border:1px solid var(--dxp-line) !important; padding:46px 48px; box-shadow:0 20px 56px rgba(0,0,0,.05) !important;}

.dxps-eyebrow{display:flex !important; align-items:center !important; gap:10px; margin:38px 0 16px !important;}
.dxps-eyebrow:first-child{margin-top:0 !important;}
.dxps-eyebrow .ico{width:30px !important;height:30px !important; border-radius:8px; background:rgba(232,74,0,.08) !important; display:flex !important; align-items:center !important; justify-content:center !important; flex-shrink:0;}
.dxps-eyebrow .ico svg{width:15px !important;height:15px !important; color:var(--dxp-or) !important;}
.dxps-eyebrow h2{font-size:11px !important; font-weight:800 !important; letter-spacing:.13em; text-transform:uppercase; color:var(--dxp-or) !important; margin:0 !important;}
.dxps-eyebrow::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--dxp-line),transparent);}

.dxps-story{font-size:15px !important; color:var(--dxp-gray) !important; line-height:1.85 !important;}
.dxps-story p{margin:0 0 17px !important;}
.dxps-story > p:first-of-type{font-size:17px !important; font-weight:500 !important; color:#2b2b2b !important; line-height:1.75 !important;}

.dxps-delivered{list-style:none !important; margin:0 !important; padding:0 !important; display:grid !important; grid-template-columns:1fr 1fr !important; gap:10px 18px;}
.dxps-delivered li{display:flex !important; gap:10px; align-items:flex-start !important; font-size:13.5px !important; color:var(--dxp-ink) !important; font-weight:500 !important; line-height:1.5 !important; background:var(--dxp-bg) !important; border:1px solid var(--dxp-line) !important; border-radius:9px; padding:11px 13px;}
.dxps-delivered svg{width:16px !important;height:16px !important; flex-shrink:0; margin-top:1px; color:var(--dxp-or) !important;}

.dxps-result-box{position:relative; overflow:hidden; background:linear-gradient(135deg,rgba(232,74,0,.06),rgba(232,74,0,.02)) !important; border:1px solid rgba(232,74,0,.16) !important; border-radius:12px; padding:24px 26px 24px 30px; margin-top:4px;}
.dxps-result-box::before{content:'';position:absolute !important; left:0; top:0; bottom:0; width:5px; background:linear-gradient(180deg,var(--dxp-orlt),var(--dxp-ordk)) !important;}
.dxps-result-box span{display:block !important; font-size:10px !important; font-weight:800 !important; letter-spacing:.13em; text-transform:uppercase; color:var(--dxp-or) !important; margin-bottom:8px !important;}
.dxps-result-box p{font-size:16.5px !important; font-weight:700 !important; color:var(--dxp-ink) !important; line-height:1.6 !important; margin:0 !important; letter-spacing:-.005em !important;}

.dxps-tags{display:flex !important; flex-wrap:wrap !important; gap:8px; margin-top:30px; padding-top:26px; border-top:1px dashed var(--dxp-line) !important;}
.dxps-tag{font-size:11px !important; font-weight:700 !important; color:var(--dxp-or) !important; background:rgba(232,74,0,.08) !important; padding:6px 13px; border-radius:100px;}

.dxps-side{display:flex !important; flex-direction:column !important; gap:18px; position:sticky !important; top:24px !important; align-self:flex-start !important;}
.dxps-box{background:#fff !important; border:1px solid var(--dxp-line) !important; border-radius:var(--rad) !important; padding:24px;}
.dxps-box h3{font-size:11px !important; font-weight:800 !important; letter-spacing:.1em; text-transform:uppercase; color:#6B6B70 !important; margin:0 0 16px !important;}
.dxps-facts{list-style:none !important; margin:0 !important; padding:0 !important; display:flex !important; flex-direction:column !important; gap:14px;}
.dxps-facts li{display:flex !important; gap:11px; align-items:flex-start !important; font-size:13px !important; color:var(--dxp-ink) !important; font-weight:500 !important;}
.dxps-facts .fico{width:26px !important;height:26px !important; border-radius:7px; background:rgba(232,74,0,.08) !important; display:flex !important; align-items:center !important; justify-content:center !important; flex-shrink:0; margin-top:1px;}
.dxps-facts .fico svg{width:13px !important;height:13px !important; color:var(--dxp-or) !important;}
.dxps-facts b{display:block !important; font-size:9.5px !important; font-weight:700 !important; letter-spacing:.05em; text-transform:uppercase; color:#6B6B70 !important; margin-bottom:2px !important;}
.dxps-facts a{color:var(--dxp-or) !important;}
.dxps-facts a:hover{text-decoration:underline !important;}

.dxps-contact-box{position:relative; overflow:hidden; background:linear-gradient(155deg,var(--dxp-ink),#1a0a00) !important; border:none !important;}
.dxps-contact-box::before{content:'';position:absolute !important; top:-60px; right:-40px; width:200px; height:200px; background:radial-gradient(circle,rgba(232,74,0,.16) 0%,transparent 70%) !important; pointer-events:none !important;}
.dxps-contact-box > *{position:relative;}
.dxps-contact-box h3{color:#fff !important; font-size:16px !important; font-weight:800 !important; margin:0 0 8px !important; text-transform:none !important; letter-spacing:normal !important;}
.dxps-contact-box p{color:rgba(255,255,255,.6) !important; font-size:13px !important; line-height:1.6 !important; margin:0 0 18px !important;}
.dxps-contact-box .dxps-btn{width:100% !important; justify-content:center !important; margin-bottom:10px;}
.dxps-contact-box .dxps-btn:last-child{margin-bottom:0 !important;}

/* Sidebar lead-capture form */
.dxps-leadform{margin-top:18px; padding-top:18px; border-top:1px solid rgba(255,255,255,.12) !important;}
.dxps-leadform-input, .dxps-leadform-textarea{
	width:100% !important; padding:10px 13px !important; margin-bottom:9px;
	background:rgba(255,255,255,.07) !important; border:1.5px solid rgba(255,255,255,.15) !important; border-radius:9px !important;
	color:#fff !important; font-size:13px !important; font-family:inherit !important; outline:none !important;
}
.dxps-leadform-input::placeholder, .dxps-leadform-textarea::placeholder{color:rgba(255,255,255,.35) !important;}
.dxps-leadform-input:focus, .dxps-leadform-textarea:focus{border-color:var(--dxp-or) !important; background:rgba(255,255,255,.1) !important;}
.dxps-leadform-textarea{resize:vertical; min-height:64px;}
.dxps-leadform-submit{
	width:100% !important; padding:11px !important; background:var(--dxp-or) !important; color:#fff !important;
	border:none !important; border-radius:9px !important; font-size:13.5px !important; font-weight:700 !important;
	cursor:pointer !important; font-family:inherit !important; transition:background .18s !important;
}
.dxps-leadform-submit:hover{background:var(--dxp-ordk) !important;}
.dxps-leadform-msg{font-size:12px !important; margin-top:10px !important; text-align:center; display:none;}
.dxps-leadform-msg.show{display:block !important;}
.dxps-leadform-msg.ok{color:#4ade80 !important;}
.dxps-leadform-msg.err{color:#f87171 !important;}

/* Client testimonial */
.dxps-testimonial{
	position:relative; background:#fff !important; border:1px solid var(--dxp-line) !important; border-radius:var(--rad) !important;
	padding:28px 30px; margin-top:30px;
}
.dxps-testimonial::before{content:'"';position:absolute !important; top:14px; left:24px; font-size:60px !important; font-weight:900 !important; color:rgba(232,74,0,.1) !important; line-height:1; font-family:Georgia,serif !important;}
.dxps-testimonial-text{position:relative; font-size:15.5px !important; color:var(--dxp-ink) !important; line-height:1.7 !important; font-weight:500 !important; margin:0 0 18px !important; font-style:italic;}
.dxps-testimonial-who{display:flex !important; align-items:center !important; gap:12px;}
.dxps-testimonial-photo{width:46px !important;height:46px !important; border-radius:50% !important; object-fit:cover !important; flex-shrink:0; border:2px solid rgba(232,74,0,.15) !important;}
.dxps-testimonial-photo-fallback{width:46px !important;height:46px !important; border-radius:50% !important; background:var(--dxp-ink) !important; color:#fff !important; display:flex !important; align-items:center !important; justify-content:center !important; font-weight:800 !important; font-size:16px !important; flex-shrink:0;}
.dxps-testimonial-name{font-size:14px !important; font-weight:800 !important; color:var(--dxp-ink) !important; margin:0 !important;}
.dxps-testimonial-role{font-size:12px !important; color:var(--dxp-gray) !important; margin:0 !important;}

.dxps-midcta{margin:38px 0; position:relative; overflow:hidden; background:linear-gradient(135deg,rgba(232,74,0,.05),#fff) !important; border:1.5px solid rgba(232,74,0,.14) !important; border-radius:14px; padding:26px 28px; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:20px; flex-wrap:wrap;}
.dxps-midcta-txt h4{font-size:16px !important; font-weight:800 !important; color:var(--dxp-ink) !important; margin:0 0 4px !important;}
.dxps-midcta-txt p{font-size:13px !important; color:var(--dxp-gray) !important; margin:0 !important;}

.dxps-related{max-width:1180px; margin:44px auto 0; padding:0 20px;}
.dxps-related h2{font-size:20px !important; font-weight:800 !important; color:var(--dxp-ink) !important; margin:0 0 20px !important;}
.dxps-related-grid{display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:18px;}
.dxps-related-card{text-decoration:none !important; color:inherit !important; display:block !important; background:#fff !important; border:1px solid var(--dxp-line) !important; border-radius:12px; overflow:hidden; transition:transform .2s, box-shadow .2s;}
.dxps-related-card:hover{transform:translateY(-4px); box-shadow:0 14px 34px rgba(0,0,0,.08);}

.dxps-footer-cta{margin-top:40px; position:relative; overflow:hidden; background:linear-gradient(155deg,#0B0B0C 0%,#1a0a00 60%,#0B0B0C 100%) !important; padding:64px 20px;}
.dxps-footer-cta::before{content:'';position:absolute !important; bottom:-140px; left:-80px; width:400px; height:400px; background:radial-gradient(circle,rgba(232,74,0,.16) 0%,transparent 70%) !important; pointer-events:none !important;}
.dxps-footer-cta-in{position:relative; max-width:640px; margin:0 auto; text-align:center;}
.dxps-footer-cta-in .eyebrow{display:inline-block !important; font-size:10.5px !important; font-weight:800 !important; letter-spacing:.14em; text-transform:uppercase; color:var(--dxp-orlt) !important; background:rgba(232,74,0,.14) !important; border:1px solid rgba(232,74,0,.3) !important; padding:6px 14px; border-radius:100px; margin-bottom:18px !important;}
.dxps-footer-cta h2{font-size:clamp(23px,2.9vw,34px) !important; font-weight:900 !important; color:#fff !important; margin:0 0 13px !important; letter-spacing:-.02em !important;}
.dxps-footer-cta p{font-size:14.5px !important; color:rgba(255,255,255,.6) !important; margin:0 0 28px !important; line-height:1.7 !important;}
.dxps-footer-cta .dxps-cta-btns{display:flex !important; gap:12px; justify-content:center; flex-wrap:wrap;}

@media(max-width:980px){
	.dxps-layout{grid-template-columns:minmax(0,1fr) !important;}
	.dxps-side{position:static !important;}
}
@media(max-width:820px){
	.dxps-main{padding:32px 28px;}
	.dxps-related-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:620px){
	.dxps-hero{padding:42px 16px 56px;}
	.dxps-cover{margin-top:-28px;}
	.dxps-cover-inner{border-width:3px; border-radius:14px;}
	.dxps-body-band{padding-top:30px;}
	.dxps-main{padding:26px 20px;}
	.dxps-delivered{grid-template-columns:1fr !important;}
	.dxps-gallery{grid-template-columns:repeat(2,1fr) !important;}
	.dxps-midcta{flex-direction:column; align-items:flex-start !important;}
	.dxps-midcta .dxps-btn{width:100%; justify-content:center;}
	.dxps-related-grid{grid-template-columns:minmax(0,1fr) !important;}
	.dxps-footer-cta{padding:48px 18px;}
	.dxps-stats-in{grid-template-columns:repeat(2,1fr) !important;}
	.dxps-stat{padding:16px 12px;}
	.dxps-stat-val{font-size:21px !important;}
	.dxps-testimonial{padding:22px 20px;}
	.dxps-box{padding:20px;}
	.dxps-eyebrow{margin:28px 0 14px !important;}
	.dxps-result-box{padding:18px 18px 18px 22px;}
}
@media(max-width:400px){
	.dxps-gallery{grid-template-columns:1fr !important;}
	.dxps-stats-in{grid-template-columns:1fr 1fr !important;}
	.dxps-meta-row span{font-size:12px !important; padding:7px 11px;}
}
@media(prefers-reduced-motion:reduce){.dxp *, .dxps *{transition:none !important; animation:none !important;}}