/**
 * DarkWhale Theme — Main Stylesheet
 *
 * @package DarkWhale
 */

/* ==========================================================================
   CSS Variables
   ========================================================================== */
:root {
	--dw-navy: #0A1428;
	--dw-navy-secondary: #0F2647;
	--dw-cyan: #06B6D4;
	--dw-cyan-light: #22D3EE;
	--dw-bg: #F7FAFC;
	--dw-text: #0F172A;
	--dw-text-muted: #64748B;
	--dw-white: #ffffff;
	--dw-success: #16a34a;
	--dw-success-bg: #dcfce7;
	--dw-error: #dc2626;
	--dw-error-bg: #fee2e2;
	--dw-radius: 12px;
	--dw-radius-lg: 16px;
	--dw-shadow: 0 4px 24px rgba(10, 20, 40, 0.08);
	--dw-shadow-hover: 0 12px 40px rgba(10, 20, 40, 0.14);
	--dw-font: 'Cairo', sans-serif;
	--dw-container: 1200px;
	--dw-header-height: 80px;
	--dw-transition: 0.25s ease;
}

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }

body {
	margin: 0;
	font-family: var(--dw-font);
	font-size: 16px;
	line-height: 1.7;
	color: var(--dw-text);
	background: var(--dw-bg);
}

img, svg { max-width: 100%; height: auto; display: block; }

a { color: var(--dw-cyan); text-decoration: none; transition: color var(--dw-transition); }
a:hover { color: var(--dw-cyan-light); }

h1, h2, h3, h4, h5, h6 { margin: 0 0 0.5em; font-weight: 700; line-height: 1.3; }
p { margin: 0 0 1em; }
ul, ol { margin: 0; padding: 0; list-style: none; }

.screen-reader-text {
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;
}

.dw-skip-link {
	position: absolute; top: -100%; left: 16px; z-index: 9999;
	padding: 8px 16px; background: var(--dw-cyan); color: var(--dw-white); border-radius: 4px;
}
.dw-skip-link:focus { top: 16px; }

.dw-container { width: 100%; max-width: var(--dw-container); margin: 0 auto; padding: 0 24px; }
.dw-section { padding: 80px 0; }
.dw-section-light { background: var(--dw-white); }
.dw-section-muted { background: var(--dw-bg); }
.dw-section-desc { max-width: 640px; margin: 12px auto 0; color: var(--dw-text-muted); font-size: 16px; line-height: 1.7; }
.dw-text-center { text-align: center; }

.dw-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	padding: 14px 28px; font-family: var(--dw-font); font-size: 15px; font-weight: 600;
	border-radius: 8px; border: 2px solid transparent; cursor: pointer;
	transition: all var(--dw-transition); text-decoration: none; line-height: 1.2;
}
.dw-btn:focus-visible { outline: 2px solid var(--dw-cyan); outline-offset: 2px; }
.dw-btn-primary { background: var(--dw-cyan); color: var(--dw-white); border-color: var(--dw-cyan); }
.dw-btn-primary:hover {
	background: var(--dw-cyan-light); border-color: var(--dw-cyan-light); color: var(--dw-navy);
	transform: translateY(-2px); box-shadow: 0 8px 24px rgba(6, 182, 212, 0.35);
}
.dw-btn-ghost { background: transparent; color: var(--dw-white); border-color: rgba(255, 255, 255, 0.4); }
.dw-btn-ghost:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--dw-white); color: var(--dw-white); }
.dw-btn-outline { background: transparent; color: var(--dw-cyan); border-color: var(--dw-cyan); }
.dw-btn-outline:hover { background: var(--dw-cyan); color: var(--dw-white); }
.dw-btn-block { width: 100%; }
.dw-btn-submit { position: relative; min-width: 180px; }
.dw-btn-submit.is-loading .dw-btn-text { opacity: 0; }
.dw-btn-submit.is-loading .dw-btn-loading {
	display: block; position: absolute; width: 20px; height: 20px;
	border: 2px solid rgba(255,255,255,0.3); border-top-color: #fff; border-radius: 50%;
	animation: dw-spin 0.6s linear infinite;
}
.dw-btn-loading { display: none; }
@keyframes dw-spin { to { transform: rotate(360deg); } }

.dw-header {
	position: sticky; top: 0; z-index: 1000; background: var(--dw-navy);
	border-bottom: 1px solid rgba(6, 182, 212, 0.15);
	overflow: visible;
}
.dw-header-inner {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 20px;
	min-height: var(--dw-header-height);
	padding: 10px 0;
}
.dw-logo { min-width: 0; }
.dw-header-inner > .dw-nav { min-width: 0; justify-self: center; }
.dw-header-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	min-width: 0;
}
.dw-header-utilities {
	display: flex;
	align-items: center;
	gap: 8px;
	padding-inline-end: 10px;
	border-inline-end: 1px solid rgba(255, 255, 255, 0.12);
}
.dw-nav { display: none; overflow: visible; }
.dw-nav-list { display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; gap: 2px; margin: 0; padding: 0; }
.dw-nav-list li a {
	color: rgba(255, 255, 255, 0.88); font-weight: 500; font-size: 14px;
	padding: 8px 12px; border-radius: 6px; transition: all var(--dw-transition);
	white-space: nowrap; line-height: 1.2;
}
.dw-nav-list li a:hover,
.dw-nav-list li.current-menu-item a,
.dw-nav-list li.current_page_item a {
	color: var(--dw-cyan); background: rgba(6, 182, 212, 0.12);
}

/* Mega-menu */
.dw-mega-parent { position: relative; }
.dw-mega-trigger,
.dw-mega-toggle {
	display: inline-flex; align-items: center; gap: 6px;
	color: rgba(255, 255, 255, 0.88); font-weight: 500; font-size: 14px;
	padding: 8px 12px; border-radius: 6px; border: none; background: transparent;
	font-family: var(--dw-font); cursor: pointer; white-space: nowrap; line-height: 1.2;
	transition: all var(--dw-transition);
}
.dw-mega-trigger:hover,
.dw-mega-trigger[aria-expanded="true"],
.dw-mega-toggle:hover { color: var(--dw-cyan); background: rgba(6, 182, 212, 0.12); }
.dw-mega-trigger:focus-visible,
.dw-mega-toggle:focus-visible { outline: 2px solid var(--dw-cyan); outline-offset: 2px; }
.dw-mega-trigger svg,
.dw-mega-toggle svg { flex-shrink: 0; width: 12px; height: 12px; opacity: 0.85; }
.dw-mega-panel:not(.dw-mega-panel--mobile) {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	width: 100%;
	background: #FFFFFF;
	border-radius: 0;
	box-shadow: 0 14px 36px rgba(10, 20, 40, 0.14);
	padding: 0;
	z-index: 1100;
	border: none;
	border-top: 3px solid var(--dw-cyan);
	border-bottom: 1px solid #E2E8F0;
	display: none;
	transform: none;
	margin: 0;
}
.dw-mega-panel__inner {
	padding: 20px 24px 14px;
}
.dw-header.is-mega-open {
	border-bottom-color: transparent;
}
.dw-mega-panel[hidden] { display: none !important; }
.dw-mega-panel.is-open { display: block; }
.dw-mega-grid { display: grid; grid-template-columns: 1fr; gap: 8px; }
.dw-mega-item {
	display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 10px;
	color: var(--dw-text); text-align: start; transition: all var(--dw-transition);
	border: 1px solid #EEF2F6; background: #FAFBFC;
}
.dw-mega-panel a.dw-mega-item,
.dw-nav-list .dw-mega-panel a.dw-mega-item {
	color: var(--dw-text);
}
.dw-mega-item:hover {
	background: #FFFFFF; color: var(--dw-text);
	border-color: rgba(6, 182, 212, 0.35);
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);
}
.dw-mega-item-icon { width: 40px; height: 40px; margin-bottom: 0; flex-shrink: 0; }
.dw-mega-item .dw-service-icon {
	width: 40px; height: 40px; margin-bottom: 0;
}
.dw-mega-item-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.dw-mega-item-text strong { font-size: 14px; color: var(--dw-text); font-weight: 700; line-height: 1.35; }
.dw-mega-item-text span {
	font-size: 12px; color: var(--dw-text-muted); line-height: 1.45;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.dw-mega-view-all {
	display: block; margin-top: 10px; padding-top: 10px; border-top: 1px solid #E2E8F0;
	text-align: center; font-weight: 600; font-size: 13px; color: var(--dw-cyan);
}
.dw-mega-panel a.dw-mega-view-all,
.dw-nav-list .dw-mega-panel a.dw-mega-view-all { color: var(--dw-cyan); }
.dw-mega-panel a.dw-mega-view-all:hover,
.dw-nav-list .dw-mega-panel a.dw-mega-view-all:hover { color: var(--dw-cyan-dark, #0891B2); }
.dw-mega-panel--mobile { position: static; transform: none; width: 100%; box-shadow: none; border: none; padding: 0 0 0 12px; background: transparent; }
.dw-mega-panel--mobile .dw-mega-list li a {
	display: flex; flex-direction: column; gap: 4px; padding: 10px 12px; color: rgba(255,255,255,0.88); border-radius: 6px;
}
.dw-mega-panel--mobile .dw-mega-list li a:hover { background: rgba(6,182,212,0.12); color: var(--dw-cyan); }
.dw-mega-panel--mobile .dw-mega-list strong { font-size: 14px; }
.dw-mega-panel--mobile .dw-mega-list span { font-size: 12px; color: rgba(255,255,255,0.6); }
.dw-mega-panel--mobile .dw-mega-view-all { color: var(--dw-cyan); border-color: rgba(255,255,255,0.1); }
.dw-mega-toggle { width: 100%; justify-content: space-between; color: rgba(255,255,255,0.88); padding: 12px 16px; font-size: 16px; }
.dw-nav-list--mobile { flex-direction: column; align-items: stretch; }
[dir="rtl"] .dw-mega-panel--mobile { padding: 0 12px 0 0; }

.dw-header-phone {
	display: none; align-items: center; gap: 6px;
	color: rgba(255, 255, 255, 0.88); font-size: 13px; font-weight: 500; white-space: nowrap;
}
.dw-header-phone svg { flex-shrink: 0; color: var(--dw-cyan); }
.dw-header-phone:hover { color: var(--dw-cyan); }

/* Phone numbers always read LTR (+20 …) even on RTL pages */
.dw-ltr-phone {
	direction: ltr;
	unicode-bidi: isolate;
	display: inline-block;
}
.dw-lang-switch {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 38px; height: 34px; padding: 0 8px;
	font-size: 12px; font-weight: 700; color: var(--dw-cyan);
	border: 1px solid rgba(6, 182, 212, 0.35); border-radius: 6px;
	background: rgba(6, 182, 212, 0.08); line-height: 1;
}
.dw-lang-switch:hover { background: var(--dw-cyan); color: var(--dw-white); border-color: var(--dw-cyan); }
.dw-header-cta { display: none; padding: 9px 18px; font-size: 13px; white-space: nowrap; }
.dw-header-whatsapp {
	display: none;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #25D366;
	color: #fff;
	transition: all var(--dw-transition);
	flex-shrink: 0;
}
.dw-header-whatsapp:hover {
	background: #1ebe57;
	color: #fff;
	transform: scale(1.05);
}
.dw-btn-whatsapp {
	background: #25D366;
	border-color: #25D366;
	color: #fff;
}
.dw-btn-whatsapp:hover {
	background: #1ebe57;
	border-color: #1ebe57;
	color: #fff;
}
.dw-whatsapp-float {
	position: fixed;
	bottom: 24px;
	inset-inline-end: 24px;
	z-index: 999;
	width: 56px;
	height: 56px;
	background: #25D366;
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 24px rgba(37, 211, 102, 0.45);
	transition: transform var(--dw-transition), box-shadow var(--dw-transition);
}
.dw-whatsapp-float:hover {
	color: #fff;
	transform: scale(1.08);
	box-shadow: 0 8px 32px rgba(37, 211, 102, 0.55);
}
.dw-whatsapp-float:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}
.dw-menu-toggle {
	display: flex; flex-direction: column; justify-content: center; gap: 5px;
	width: 40px; height: 40px; padding: 8px; background: transparent; border: none; cursor: pointer; border-radius: 6px;
}
.dw-menu-toggle:focus-visible { outline: 2px solid var(--dw-cyan); }
.dw-menu-toggle-bar { display: block; width: 100%; height: 2px; background: var(--dw-white); border-radius: 2px; }

.dw-logo-link { display: flex; align-items: center; }
.dw-logo-link .custom-logo { max-height: 56px; width: auto; }
.dw-logo-lockup { display: flex; align-items: center; gap: 10px; }
.dw-logo-lockup--footer { gap: 10px; }
.dw-logo-img { height: 46px; width: auto; display: block; flex-shrink: 0; }
.dw-logo-img--footer { height: 44px; }
.dw-logo-text { display: flex; flex-direction: column; line-height: 1.15; }
.dw-logo-name {
	font-size: 1.15rem;
	font-weight: 800;
	color: #ffffff;
	letter-spacing: -0.02em;
}
.dw-logo-tagline {
	font-size: 0.62rem;
	font-weight: 600;
	color: var(--dw-cyan);
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin-top: 1px;
}
.dw-logo-lockup--footer .dw-logo-name { font-size: 1.1rem; }
.dw-logo-lockup--footer .dw-logo-tagline { font-size: 0.65rem; }
[dir="rtl"] .dw-logo-lockup { flex-direction: row-reverse; }
[dir="rtl"] .dw-logo-text { text-align: right; }
[dir="rtl"] .dw-logo-tagline { text-transform: none; letter-spacing: 0; }
[dir="rtl"] .dw-header-utilities { flex-direction: row-reverse; }
[dir="rtl"] .dw-header-actions { flex-direction: row-reverse; }

@media (max-width: 767px) {
	#dw-mega-panel.dw-mega-panel { display: none !important; }
	.dw-pos-tabs-nav { flex-direction: column; border-bottom: none; }
	.dw-tabs-nav { flex-direction: column; border-bottom: none; }
	.dw-tab { width: 100%; border-radius: 8px; border: 1px solid #E2E8F0; margin-bottom: 0; }
	.dw-tab.is-active { border-color: var(--dw-cyan); margin-bottom: 0; }
	.dw-pos-tab { width: 100%; border-radius: 8px; justify-content: flex-start; border: 1px solid #E2E8F0; }
	.dw-pos-tab.is-active { border-color: var(--dw-cyan); margin-bottom: 0; }
	.dw-pos-panel { border: 1px solid #E2E8F0; border-radius: var(--dw-radius); padding: 20px; margin-bottom: 8px; }
	.dw-header-inner { grid-template-columns: 1fr auto; }
	.dw-header-inner > .dw-nav { display: none; }
	.dw-header-utilities { display: none; }
}
@media (min-width: 768px) and (max-width: 1023px) {
	.dw-header-utilities { border-inline-end: none; padding-inline-end: 0; }
}

.dw-mobile-nav {
	position: fixed; top: 0; right: 0; width: 300px; max-width: 85vw; height: 100vh;
	background: var(--dw-navy-secondary); z-index: 2000; transform: translateX(100%);
	transition: transform var(--dw-transition); overflow-y: auto; padding: 24px;
}
.dw-mobile-nav.is-open { transform: translateX(0); }
.dw-mobile-overlay {
	position: fixed; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 1999;
	opacity: 0; visibility: hidden; transition: all var(--dw-transition);
}
.dw-mobile-overlay.is-open { opacity: 1; visibility: visible; }
.dw-mobile-nav-inner { display: flex; flex-direction: column; gap: 24px; }
.dw-mobile-close { align-self: flex-end; background: none; border: none; color: var(--dw-white); font-size: 32px; cursor: pointer; }
.dw-mobile-menu .dw-nav-list { flex-direction: column; align-items: stretch; gap: 4px; }
.dw-mobile-menu .dw-nav-list li a { display: block; padding: 12px 16px; font-size: 16px; }

.dw-hero { position: relative; padding: 100px 0 80px; background: var(--dw-navy); color: var(--dw-white); overflow: hidden; }
.dw-hero--compact { padding: 80px 0 60px; }
.dw-hero-glow {
	position: absolute; top: -30%; left: 50%; transform: translateX(-50%);
	width: 800px; height: 600px; background: radial-gradient(ellipse, rgba(6, 182, 212, 0.2) 0%, transparent 70%);
	pointer-events: none;
}
.dw-hero-inner { position: relative; z-index: 1; max-width: 800px; margin-inline: auto; }
.dw-eyebrow { display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--dw-cyan); margin-bottom: 16px; }
.dw-eyebrow-dark { color: var(--dw-cyan); letter-spacing: 0.06em; text-transform: none; font-size: 13px; }
[dir="rtl"] .dw-eyebrow,
[dir="rtl"] .dw-eyebrow-dark { letter-spacing: 0; text-transform: none; }
.dw-hero-title { font-size: clamp(2rem, 5vw, 3.25rem); font-weight: 800; margin-bottom: 20px; line-height: 1.25; }
.dw-hero-subtitle { font-size: clamp(1rem, 2.5vw, 1.2rem); color: rgba(255, 255, 255, 0.75); margin-bottom: 32px; line-height: 1.8; max-width: 720px; }
.dw-text-center .dw-hero-subtitle { margin-inline: auto; }
.dw-hero-buttons { display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch; }
.dw-hero-buttons .dw-btn { min-height: 52px; box-sizing: border-box; }

.dw-hero-actions {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	margin-top: 4px;
	width: 100%;
}
.dw-hero-actions--start { align-items: flex-start; }
[dir="rtl"] .dw-hero-actions--start { align-items: flex-end; }
.dw-hero-actions .dw-hero-pills { margin-top: 0; margin-bottom: 0; }
.dw-hero-buttons--center {
	justify-content: center;
	align-items: stretch;
	width: 100%;
	max-width: 520px;
	margin-inline: auto;
}
.dw-hero-buttons--center .dw-btn {
	flex: 1 1 calc(50% - 6px);
	min-width: 140px;
	text-align: center;
	justify-content: center;
}
.dw-hero-pills--center {
	justify-content: center;
	margin-bottom: 0;
	max-width: 680px;
	margin-inline: auto;
}
.dw-hero-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.dw-hero-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 9px 16px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.35;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.22);
	background: rgba(255, 255, 255, 0.06);
	color: rgba(255, 255, 255, 0.88);
	white-space: nowrap;
}
.dw-hero::after {
	content: '';
	position: absolute;
	bottom: 0;
	inset-inline: 0;
	height: 64px;
	background: linear-gradient(180deg, transparent 0%, rgba(15, 23, 42, 0.4) 100%);
	pointer-events: none;
	z-index: 0;
}

.dw-section-header { text-align: center; max-width: 640px; margin: 0 auto 48px; }
.dw-section-title { font-size: clamp(1.5rem, 3vw, 2rem); color: var(--dw-text); }

.dw-services-grid { display: grid; grid-template-columns: 1fr; gap: 24px; }
.dw-services-grid--six { grid-template-columns: 1fr; }
.dw-service-card {
	background: var(--dw-white); border: 1px solid #E2E8F0; border-radius: var(--dw-radius-lg);
	padding: 32px; transition: all var(--dw-transition);
}
.dw-service-card:hover { transform: translateY(-4px); box-shadow: var(--dw-shadow-hover); border-color: rgba(6, 182, 212, 0.3); }
.dw-service-icon {
	width: 56px; height: 56px; border-radius: 50%; background: rgba(6, 182, 212, 0.12);
	color: var(--dw-cyan); display: flex; align-items: center; justify-content: center; margin-bottom: 20px;
}
.dw-service-card h3 { font-size: 1.2rem; margin-bottom: 12px; }
.dw-service-card p { color: var(--dw-text-muted); margin: 0 0 12px; font-size: 15px; }
.dw-service-link { font-size: 14px; font-weight: 600; color: var(--dw-cyan); }
.dw-service-card--compact h3 { font-size: 1rem; margin-bottom: 8px; }
.dw-services-grid--seven { grid-template-columns: 1fr; }
.dw-services-grid--compact .dw-service-card { padding: 20px; }

/* Services strip (all pages) */
.dw-services-strip { background: var(--dw-white); border-top: 1px solid #E2E8F0; padding: 48px 0; }
.dw-services-strip-header { text-align: center; margin-bottom: 28px; }
.dw-services-strip-title { font-size: clamp(1.25rem, 3vw, 1.6rem); margin: 0; }
.dw-services-strip-list {
	display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 24px;
}
.dw-services-strip-item {
	display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px;
	background: var(--dw-bg); border: 1px solid #E2E8F0; border-radius: 999px;
	color: var(--dw-text); font-size: 14px; font-weight: 600; transition: all var(--dw-transition);
}
.dw-services-strip-item:hover { border-color: var(--dw-cyan); color: var(--dw-cyan); background: rgba(6,182,212,0.06); transform: translateY(-2px); }
.dw-services-strip-icon { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; color: var(--dw-cyan); }
.dw-services-strip-icon svg { width: 18px; height: 18px; }
.dw-services-strip-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }

/* SCALEX packages */
.dw-packages-tabs {
	display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-bottom: 40px;
}
.dw-packages-tab {
	padding: 12px 24px; font-family: var(--dw-font); font-size: 15px; font-weight: 600;
	border: 2px solid #E2E8F0; border-radius: 8px; background: var(--dw-white);
	color: var(--dw-text-muted); cursor: pointer; transition: all var(--dw-transition);
}
.dw-packages-tab:hover { border-color: var(--dw-cyan); color: var(--dw-cyan); }
.dw-packages-tab.is-active { background: var(--dw-cyan); border-color: var(--dw-cyan); color: var(--dw-white); }
.dw-packages-panel { display: none; }
.dw-packages-panel.is-active { display: block; }
.dw-pricing-grid--packages { margin-bottom: 32px; }
.dw-pricing-card--package { text-align: left; }
.dw-pricing-card--package h3 { text-align: center; }
.dw-pricing-card--package .dw-pricing-price { text-align: center; }
.dw-pricing-renewal { color: var(--dw-text-muted); font-size: 13px; border-bottom: none !important; margin-top: 8px; padding-top: 12px !important; border-top: 1px dashed #E2E8F0 !important; }
.dw-packages-note {
	text-align: center; color: var(--dw-text-muted); font-size: 14px; max-width: 720px;
	margin: 0 auto; line-height: 1.8;
}
.dw-packages-promo-inner {
	display: flex; flex-direction: column; align-items: flex-start; gap: 20px;
	max-width: 800px; margin: 0 auto; text-align: center;
}
.dw-packages-promo-inner p { color: var(--dw-text-muted); margin: 0; }
.dw-footer-services ul li { padding: 4px 0; }
.dw-footer-services a { color: rgba(255,255,255,0.7); font-size: 13px; }
.dw-footer-services a:hover { color: var(--dw-cyan); }
[dir="rtl"] .dw-services-strip-item { flex-direction: row-reverse; }
[dir="rtl"] .dw-pricing-card--package { text-align: right; }
[dir="rtl"] .dw-pricing-card--package h3,
[dir="rtl"] .dw-pricing-card--package .dw-pricing-price { text-align: center; }

.dw-hero + .dw-section-muted,
.dw-hero + .dw-section-light { position: relative; z-index: 1; }

.dw-cta-band { background: var(--dw-navy-secondary); padding: 64px 0; }
.dw-cta-band-inner { display: flex; flex-direction: column; align-items: center; gap: 24px; text-align: center; }
.dw-cta-text { color: rgba(255, 255, 255, 0.9); font-size: clamp(1.1rem, 2.5vw, 1.35rem); font-weight: 600; margin: 0; max-width: 700px; }

.dw-partners-strip {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	gap: 12px;
	margin-top: 40px;
	max-width: 1080px;
	margin-inline: auto;
	padding: 28px 20px;
	background: linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 100%);
	border: 1px solid #E2E8F0;
	border-radius: var(--dw-radius-lg);
}
.dw-partner-logo {
	flex: 0 1 calc(50% - 6px);
	max-width: calc(50% - 6px);
}
.dw-partner-logo__cell {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 72px;
	padding: 14px 12px;
	background: var(--dw-white);
	border: 1px solid #E8EEF3;
	border-radius: 10px;
	transition: border-color var(--dw-transition), box-shadow var(--dw-transition), transform var(--dw-transition);
}
.dw-partner-logo:hover .dw-partner-logo__cell {
	border-color: rgba(6, 182, 212, 0.35);
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
	transform: translateY(-2px);
}
.dw-partner-logo__img {
	height: 30px;
	width: auto;
	max-width: 100%;
	max-height: 30px;
	display: block;
	object-fit: contain;
	filter: grayscale(100%);
	opacity: 0.7;
	transition: filter var(--dw-transition), opacity var(--dw-transition);
}
.dw-partner-logo:hover .dw-partner-logo__img {
	filter: grayscale(0%);
	opacity: 1;
}

.dw-pricing-grid { display: grid; grid-template-columns: 1fr; gap: 24px; align-items: start; }
.dw-pricing-card {
	position: relative; background: var(--dw-white); border: 1px solid #E2E8F0;
	border-radius: var(--dw-radius-lg); padding: 36px 28px; text-align: center; transition: all var(--dw-transition);
}
.dw-pricing-card:hover { box-shadow: var(--dw-shadow-hover); transform: translateY(-4px); }
.dw-pricing-card--popular { border-color: var(--dw-cyan); box-shadow: 0 8px 32px rgba(6, 182, 212, 0.15); }
.dw-pricing-badge {
	position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
	background: var(--dw-cyan); color: var(--dw-white); font-size: 11px; font-weight: 700;
	padding: 4px 16px; border-radius: 20px; letter-spacing: 1px; white-space: nowrap;
}
.dw-price-amount { font-size: 2.5rem; font-weight: 800; color: var(--dw-navy); }
.dw-price-period { display: block; font-size: 14px; color: var(--dw-text-muted); margin-top: 4px; }
.dw-pricing-desc { color: var(--dw-text-muted); font-size: 14px; margin-bottom: 24px; }
.dw-section-label { font-size: 1.1rem; color: var(--dw-text-muted); font-weight: 600; margin-bottom: 32px; }
.dw-custom-solutions-band { background: var(--dw-navy-secondary); color: var(--dw-white); padding: 80px 0; }
.dw-custom-solutions-inner { max-width: 720px; margin: 0 auto; text-align: center; }
.dw-custom-solutions-title { font-size: clamp(1.35rem, 3vw, 1.85rem); color: var(--dw-white); margin-bottom: 16px; }
.dw-custom-solutions-body { color: rgba(255,255,255,0.75); font-size: 1.05rem; line-height: 1.8; margin-bottom: 28px; }
.dw-custom-solutions-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }

/* Pricing tabs (POS / ERP / CRM plans) */
.dw-pricing-tabs { max-width: 1100px; margin: 0 auto; }
.dw-tabs-nav {
	display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 32px;
	justify-content: center; border-bottom: 2px solid #E2E8F0; padding-bottom: 8px;
}
.dw-tab {
	padding: 12px 24px; font-family: var(--dw-font); font-size: 15px; font-weight: 600;
	border: none; border-radius: 8px 8px 0 0; background: transparent;
	color: var(--dw-text-muted); cursor: pointer; transition: all var(--dw-transition);
}
.dw-tab:hover { color: var(--dw-cyan); }
.dw-tab.is-active { color: var(--dw-cyan); background: rgba(6,182,212,0.08); border-bottom: 2px solid var(--dw-cyan); margin-bottom: -2px; }
.dw-tab:focus-visible { outline: 2px solid var(--dw-cyan); outline-offset: 2px; }
.dw-tab-panel { display: none; }
.dw-tab-panel.is-active { display: block; }

/* POS tabs */
.dw-pos-tabs { max-width: 900px; margin: 0 auto; }
.dw-pos-tabs-nav {
	display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px;
	border-bottom: 2px solid #E2E8F0; padding-bottom: 8px;
}
.dw-pos-tab {
	display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px;
	font-family: var(--dw-font); font-size: 14px; font-weight: 600;
	border: none; border-radius: 8px 8px 0 0; background: transparent;
	color: var(--dw-text-muted); cursor: pointer; transition: all var(--dw-transition);
}
.dw-pos-tab:hover { color: var(--dw-cyan); }
.dw-pos-tab.is-active { color: var(--dw-cyan); background: rgba(6,182,212,0.08); border-bottom: 2px solid var(--dw-cyan); margin-bottom: -2px; }
.dw-pos-tab:focus-visible { outline: 2px solid var(--dw-cyan); outline-offset: 2px; }
.dw-pos-panel { display: none; padding: 24px 0; }
.dw-pos-panel.is-active { display: block; }
.dw-pos-panel-title { font-size: 1.35rem; margin-bottom: 20px; }
.dw-pos-features li {
	display: flex; align-items: flex-start; gap: 10px; padding: 10px 0;
	font-size: 15px; color: var(--dw-text-muted); border-bottom: 1px solid #F1F5F9;
}
.dw-pos-features li svg { flex-shrink: 0; color: var(--dw-cyan); margin-top: 4px; }
.dw-pos-tabs-cta { text-align: center; margin-top: 32px; padding-top: 24px; border-top: 1px solid #E2E8F0; }

/* Process timeline — premium */
.dw-process-section { position: relative; overflow: hidden; }
.dw-process-section::before {
	content: '';
	position: absolute; inset: 0;
	background: radial-gradient(ellipse 60% 50% at 50% 0%, rgba(6, 182, 212, 0.08) 0%, transparent 70%);
	pointer-events: none;
}
.dw-process-timeline {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	position: relative;
	margin-top: 8px;
}
.dw-process-track {
	display: none;
}
.dw-process-card {
	position: relative;
	z-index: 1;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(6, 182, 212, 0.28);
	border-radius: var(--dw-radius-lg);
	padding: 24px 20px;
	text-align: center;
	color: var(--dw-white);
	transition:
		transform var(--dw-transition, 0.25s ease),
		border-color var(--dw-transition, 0.25s ease),
		background var(--dw-transition, 0.25s ease),
		box-shadow var(--dw-transition, 0.25s ease);
}
.dw-process-card:hover {
	transform: translateY(-4px);
	border-color: rgba(6, 182, 212, 0.5);
	background: rgba(255, 255, 255, 0.09);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
}
.dw-process-card-badge {
	position: relative;
	width: 56px;
	height: 56px;
	margin: 0 auto 18px;
	z-index: 2;
}
.dw-process-num {
	position: absolute;
	top: -6px;
	inset-inline-end: -8px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--dw-cyan);
	color: var(--dw-white);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	font-weight: 800;
	flex-shrink: 0;
	box-shadow: 0 4px 12px rgba(6, 182, 212, 0.45);
	z-index: 3;
}
.dw-process-card-icon {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: rgba(6, 182, 212, 0.14);
	border: 2px solid rgba(6, 182, 212, 0.4);
	color: var(--dw-cyan);
	display: flex;
	align-items: center;
	justify-content: center;
}
.dw-process-section .dw-process-card-title {
	font-size: 1.05rem;
	font-weight: 700;
	color: #ffffff;
	margin: 0 0 12px;
	line-height: 1.45;
}
.dw-process-section .dw-process-card-desc {
	font-size: 14px;
	line-height: 1.75;
	color: rgba(255, 255, 255, 0.82);
	margin: 0;
}
.dw-process-arrow {
	display: none;
}
.dw-process-icon { display: flex; color: currentColor; }

/* Legacy process strip (fallback) */
.dw-process-strip:not(.dw-process-timeline) {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 16px;
}
.dw-process-strip:not(.dw-process-timeline) .dw-process-step {
	display: flex; flex-direction: column; align-items: center; gap: 8px; min-width: 80px;
}
.dw-process-strip:not(.dw-process-timeline) .dw-process-num {
	width: 40px; height: 40px; border-radius: 50%; background: var(--dw-cyan); color: var(--dw-white);
	display: flex; align-items: center; justify-content: center; font-weight: 700;
}
.dw-process-label { font-size: 14px; font-weight: 600; color: rgba(255, 255, 255, 0.85); }
.dw-process-strip:not(.dw-process-timeline) .dw-process-arrow {
	display: inline; color: var(--dw-cyan); font-size: 1.25rem; font-weight: 700;
}
[dir="rtl"] .dw-process-strip:not(.dw-process-timeline) .dw-process-arrow { transform: scaleX(-1); }

/* About simplified */
.dw-about-simple { max-width: 760px; margin: 0 auto; text-align: center; }
.dw-about-lead { font-size: 1.1rem; color: var(--dw-text-muted); line-height: 1.9; margin-bottom: 28px; }
.dw-stat-number { display: block; font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 800; color: var(--dw-white); margin-bottom: 8px; }
.dw-stat-label { display: block; font-size: 14px; color: rgba(255,255,255,0.7); }

/* Our Work / Portfolio */
.dw-portfolio-stats {
	display: grid; grid-template-columns: 1fr; gap: 20px; margin-bottom: 32px;
}
.dw-portfolio-stat {
	background: var(--dw-white); border: 1px solid #E2E8F0; border-radius: var(--dw-radius-lg);
	padding: 28px 24px; text-align: center; transition: all var(--dw-transition);
}
.dw-portfolio-stat:hover { transform: translateY(-4px); box-shadow: var(--dw-shadow-hover); border-color: rgba(6,182,212,0.3); }
.dw-portfolio-stat-value {
	display: block; font-size: clamp(2rem, 4vw, 2.75rem); font-weight: 800;
	color: var(--dw-cyan); line-height: 1.1; margin-bottom: 10px;
}
.dw-portfolio-stat-label { display: block; font-size: 14px; font-weight: 600; color: var(--dw-text-muted); line-height: 1.5; }
.dw-portfolio-stats-featured {
	display: grid; grid-template-columns: 1fr; gap: 16px; margin-bottom: 28px;
}
.dw-portfolio-stat-featured {
	display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center;
	padding: 28px 20px; background: linear-gradient(135deg, var(--dw-navy), #1e293b);
	border-radius: var(--dw-radius-lg); color: var(--dw-white);
	box-shadow: 0 12px 32px rgba(15, 23, 42, 0.18);
}
.dw-portfolio-stat-featured .dw-portfolio-stat-icon { color: var(--dw-cyan); }
.dw-portfolio-stat-featured .dw-portfolio-stat-value {
	font-size: clamp(2.25rem, 5vw, 3rem); font-weight: 800; color: var(--dw-cyan);
	line-height: 1; margin-bottom: 0;
}
.dw-portfolio-stat-featured .dw-portfolio-stat-label {
	color: rgba(255, 255, 255, 0.88); font-size: 15px; font-weight: 600;
}
.dw-portfolio-stat-icon-wrap {
	width: 48px; height: 48px; border-radius: 50%;
	background: rgba(6, 182, 212, 0.1); color: var(--dw-cyan);
	display: flex; align-items: center; justify-content: center; margin: 0 auto 12px;
}
.dw-portfolio-stat-hint {
	margin: 10px 0 0; font-size: 13px; color: var(--dw-text-muted); line-height: 1.55;
}
.dw-portfolio-trust {
	max-width: 720px; margin: 0 auto; padding: 20px 24px; text-align: center;
	font-size: 15px; color: var(--dw-text-muted); line-height: 1.8;
	background: var(--dw-bg); border-radius: var(--dw-radius); border-inline-start: 4px solid var(--dw-cyan);
}
[dir="rtl"] .dw-portfolio-trust { text-align: right; }
.dw-sector-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.dw-sector-chip {
	display: inline-flex; align-items: center; gap: 8px; padding: 12px 18px;
	background: var(--dw-white); border: 1px solid #E2E8F0; border-radius: 999px;
	font-size: 14px; font-weight: 600; color: var(--dw-text);
}
.dw-sector-chip svg { color: var(--dw-cyan); flex-shrink: 0; }
[dir="rtl"] .dw-sector-chip { flex-direction: row-reverse; }

.dw-pricing-features { text-align: left; margin-bottom: 28px; }
.dw-pricing-features li {
	display: flex; align-items: flex-start; gap: 10px; padding: 8px 0;
	font-size: 14px; border-bottom: 1px solid #F1F5F9;
}
.dw-pricing-features li svg { flex-shrink: 0; color: var(--dw-cyan); margin-top: 3px; }

.dw-about-grid { display: grid; grid-template-columns: 1fr; gap: 48px; align-items: center; }
.dw-about-content h2 { font-size: clamp(1.4rem, 3vw, 1.85rem); margin-bottom: 16px; }
.dw-about-content p { color: var(--dw-text-muted); margin-bottom: 24px; }
.dw-checklist li { display: flex; align-items: center; gap: 12px; padding: 8px 0; font-weight: 500; }
.dw-checklist li svg { color: var(--dw-cyan); flex-shrink: 0; }
.dw-about-illustration { width: 100%; border-radius: var(--dw-radius-lg); }

.dw-stats-band { background: var(--dw-navy); padding: 60px 0; }
.dw-stats-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; text-align: center; }
.dw-stat-value { font-size: clamp(1rem, 2.5vw, 1.25rem); font-weight: 700; color: var(--dw-white); }
.dw-stat-value::before { content: ''; display: block; width: 40px; height: 3px; background: var(--dw-cyan); margin: 0 auto 12px; border-radius: 2px; }

.dw-contact-grid { display: grid; grid-template-columns: 1fr; gap: 48px; }
.dw-alert { padding: 16px 20px; border-radius: 8px; margin-bottom: 32px; font-weight: 500; }
.dw-alert-success { background: var(--dw-success-bg); color: var(--dw-success); border: 1px solid #bbf7d0; }
.dw-alert-error { background: var(--dw-error-bg); color: var(--dw-error); border: 1px solid #fecaca; }
.dw-form-row { display: grid; grid-template-columns: 1fr; gap: 16px; }
.dw-form-group { margin-bottom: 20px; }
.dw-form-group label { display: block; font-weight: 600; font-size: 14px; margin-bottom: 6px; }
.dw-form-group input, .dw-form-group textarea, .dw-form-group select {
	width: 100%; padding: 12px 16px; font-family: var(--dw-font); font-size: 15px;
	border: 1px solid #CBD5E1; border-radius: 8px; background: var(--dw-white);
}
.dw-form-group input:focus, .dw-form-group textarea:focus, .dw-form-group select:focus {
	outline: none; border-color: var(--dw-cyan); box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.15);
}
.dw-honeypot { position: absolute; left: -9999px; opacity: 0; height: 0; overflow: hidden; }
.dw-contact-panel { background: var(--dw-navy); color: var(--dw-white); border-radius: var(--dw-radius-lg); padding: 36px; }
.dw-contact-info-list li {
	display: flex; align-items: flex-start; gap: 12px; padding: 14px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1); font-size: 14px;
}
.dw-contact-info-list li svg { color: var(--dw-cyan); flex-shrink: 0; margin-top: 2px; }
.dw-contact-info-list a { color: rgba(255,255,255,0.88); }
.dw-contact-info-list a:hover { color: var(--dw-cyan); }
.dw-contact-panel-intro { color: rgba(255, 255, 255, 0.75); font-size: 14px; margin-bottom: 28px; }
.dw-contact-services li { display: flex; gap: 16px; padding: 16px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.dw-contact-service-icon {
	width: 44px; height: 44px; border-radius: 50%; background: rgba(6, 182, 212, 0.15);
	color: var(--dw-cyan); display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.dw-contact-services p { font-size: 13px; color: rgba(255, 255, 255, 0.65); margin: 0; }

.dw-blog-layout { display: grid; grid-template-columns: 1fr; gap: 48px; }
.dw-posts-grid { display: grid; grid-template-columns: 1fr; gap: 32px; }
.dw-post-card { background: var(--dw-white); border-radius: var(--dw-radius-lg); overflow: hidden; box-shadow: var(--dw-shadow); transition: all var(--dw-transition); }
.dw-post-card:hover { transform: translateY(-4px); box-shadow: var(--dw-shadow-hover); }
.dw-post-card-image { display: block; aspect-ratio: 16/9; overflow: hidden; background: var(--dw-navy-secondary); }
.dw-post-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--dw-transition); }
.dw-post-card:hover .dw-post-card-image img { transform: scale(1.05); }
.dw-post-card-body { padding: 24px; }
.dw-post-date { font-size: 13px; color: var(--dw-text-muted); }
.dw-post-card-title { font-size: 1.2rem; margin: 8px 0 12px; }
.dw-post-card-title a { color: var(--dw-text); }
.dw-post-excerpt { color: var(--dw-text-muted); font-size: 14px; margin-bottom: 16px; }
.dw-read-more { font-weight: 600; font-size: 14px; }
.dw-post-meta { color: rgba(255, 255, 255, 0.7); font-size: 14px; margin: 0; }
.dw-sidebar .widget { background: var(--dw-white); border-radius: var(--dw-radius); padding: 24px; margin-bottom: 24px; box-shadow: var(--dw-shadow); }
.dw-sidebar .widget-title { font-size: 1rem; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 2px solid var(--dw-cyan); }
.dw-pagination { margin-top: 48px; text-align: center; }
.dw-pagination .nav-links { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; }
.dw-no-posts { text-align: center; color: var(--dw-text-muted); padding: 48px 0; }

.dw-404 { padding: 120px 0; }
.dw-404-code { font-size: 6rem; font-weight: 800; color: var(--dw-cyan); line-height: 1; margin-bottom: 16px; }

.dw-footer { background: var(--dw-navy); color: rgba(255, 255, 255, 0.8); padding: 64px 0 0; }
.dw-footer-grid { display: grid; grid-template-columns: 1fr; gap: 40px; padding-bottom: 48px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.dw-footer-tagline { font-size: 14px; color: rgba(255, 255, 255, 0.6); margin-top: 16px; }
.dw-footer-links h4, .dw-footer-contact h4, .dw-footer-social h4 { color: var(--dw-white); font-size: 15px; margin-bottom: 20px; }
.dw-footer-links a, .dw-footer-contact a { color: rgba(255, 255, 255, 0.7); font-size: 14px; }
.dw-footer-contact li { display: flex; align-items: center; gap: 10px; font-size: 14px; padding: 6px 0; }
.dw-footer-contact li svg { color: var(--dw-cyan); flex-shrink: 0; }
.dw-social-icons { display: flex; gap: 12px; }
.dw-social-icons a {
	width: 40px; height: 40px; border-radius: 50%; background: rgba(6, 182, 212, 0.15);
	color: var(--dw-cyan); display: flex; align-items: center; justify-content: center;
}
.dw-social-icons a:hover { background: var(--dw-cyan); color: var(--dw-white); }
.dw-footer-bottom { padding: 24px 0; text-align: center; }
.dw-footer-bottom p { margin: 0; font-size: 13px; color: rgba(255, 255, 255, 0.5); }

/* RTL Overrides */
[dir="rtl"] .dw-header-inner > .dw-nav { justify-self: center; }
[dir="rtl"] .dw-mobile-nav { right: auto; left: 0; transform: translateX(-100%); }
[dir="rtl"] .dw-mobile-nav.is-open { transform: translateX(0); }
[dir="rtl"] .dw-pricing-features { text-align: right; }
[dir="rtl"] .dw-pricing-features li { flex-direction: row-reverse; }
[dir="rtl"] .dw-checklist li { flex-direction: row-reverse; }
[dir="rtl"] .dw-pos-features li { flex-direction: row-reverse; text-align: right; }
[dir="rtl"] .dw-contact-info-list li { flex-direction: row-reverse; }
[dir="rtl"] .dw-footer-contact li { flex-direction: row-reverse; }
[dir="rtl"] .dw-nav-list { flex-direction: row-reverse; }

@media (min-width: 480px) {
	.dw-stats-grid { grid-template-columns: repeat(3, 1fr); }
	.dw-portfolio-stats { grid-template-columns: repeat(2, 1fr); }
	.dw-portfolio-stats-featured { grid-template-columns: repeat(3, 1fr); }
	.dw-partner-logo { flex: 0 1 calc(33.333% - 8px); max-width: calc(33.333% - 8px); }
}
@media (min-width: 768px) {
	.dw-nav { display: block; }
	.dw-mega-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
	.dw-pos-tabs-nav { flex-wrap: nowrap; overflow-x: auto; }
	.dw-pricing-plans-grid { grid-template-columns: repeat(2, 1fr); }
	.dw-menu-toggle { display: none; }
	.dw-header-cta { display: inline-flex; }
	.dw-lang-switch { display: inline-flex; }
	.dw-header-whatsapp { display: inline-flex; }
	.dw-services-grid { grid-template-columns: repeat(2, 1fr); }
	.dw-services-grid--six { grid-template-columns: repeat(2, 1fr); }
	.dw-services-grid--seven { grid-template-columns: repeat(2, 1fr); }
	.dw-packages-promo-inner { flex-direction: row; justify-content: space-between; align-items: center; text-align: left; }
	[dir="rtl"] .dw-packages-promo-inner { text-align: right; }
	.dw-pricing-grid { grid-template-columns: repeat(3, 1fr); }
	.dw-form-row { grid-template-columns: 1fr 1fr; }
	.dw-contact-grid { grid-template-columns: 1.2fr 1fr; }
	.dw-posts-grid { grid-template-columns: repeat(2, 1fr); }
	.dw-footer-grid { grid-template-columns: repeat(2, 1fr); }
	.dw-cta-band-inner { flex-direction: row; justify-content: space-between; text-align: left; }
	.dw-about-grid { grid-template-columns: 1fr 1fr; }
	[dir="rtl"] .dw-cta-band-inner { text-align: right; }
	.dw-partner-logo { flex: 0 1 calc(20% - 10px); max-width: calc(20% - 10px); }
}
@media (min-width: 1024px) {
	.dw-nav-list li a { font-size: 14px; padding: 8px 14px; }
	.dw-mega-grid { grid-template-columns: repeat(3, 1fr); }
	.dw-header-phone { display: flex; }
	.dw-portfolio-stats { grid-template-columns: repeat(3, 1fr); }
	.dw-partner-logo { flex: 0 1 calc(16.666% - 10px); max-width: calc(16.666% - 10px); }
	.dw-pricing-plans-grid { grid-template-columns: repeat(4, 1fr); }
	.dw-services-grid { grid-template-columns: repeat(4, 1fr); }
	.dw-services-grid--six { grid-template-columns: repeat(3, 1fr); }
	.dw-services-grid--seven { grid-template-columns: repeat(4, 1fr); }
	.dw-blog-layout { grid-template-columns: 1fr 320px; }
	.dw-footer-grid { grid-template-columns: 2fr 1fr 1fr 1fr; }
}
@media (min-width: 1280px) {
	.dw-header-inner { gap: 32px; }
	.dw-nav-list { gap: 4px; }
	.dw-nav-list li a { font-size: 15px; padding: 8px 16px; }
	.dw-header-cta { padding: 10px 22px; font-size: 14px; }
	.dw-posts-grid { grid-template-columns: repeat(3, 1fr); }
}

/* ==========================================================================
   Premium UI Enhancements v1.1
   ========================================================================== */
.dw-header {
	transition: background var(--dw-transition), box-shadow var(--dw-transition), border-color var(--dw-transition);
}
.dw-header--scrolled {
	background: rgba(10, 20, 40, 0.97);
	backdrop-filter: blur(12px);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
	border-bottom-color: rgba(6, 182, 212, 0.25);
}

/* Homepage hero split */
.dw-hero--home { padding: 100px 0 80px; overflow: hidden; }
.dw-hero-grid-bg {
	position: absolute; inset: 0;
	background-image: linear-gradient(rgba(6,182,212,0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(6,182,212,0.04) 1px, transparent 1px);
	background-size: 48px 48px;
	mask-image: radial-gradient(ellipse 80% 70% at 50% 50%, black 20%, transparent 70%);
}
.dw-hero-home-inner {
	position: relative; z-index: 1;
	display: grid; grid-template-columns: 1fr; gap: 48px; align-items: center;
	max-width: var(--dw-container);
}
.dw-hero--home .dw-hero-pill {
	border-color: rgba(6, 182, 212, 0.35);
	background: rgba(6, 182, 212, 0.1);
	color: rgba(255, 255, 255, 0.92);
}
.dw-hero-tech-svg { width: 100%; max-width: 440px; margin: 0 auto; filter: drop-shadow(0 20px 40px rgba(6, 182, 212, 0.15)); }

/* Trust band */
.dw-trust-band {
	background: linear-gradient(135deg, var(--dw-navy) 0%, var(--dw-navy-secondary) 100%);
	padding: 64px 0; border-block: 1px solid rgba(6, 182, 212, 0.15);
}
.dw-section-header--light .dw-section-title { color: var(--dw-white); }
.dw-section-header--light .dw-eyebrow { color: var(--dw-cyan); }
.dw-trust-grid {
	display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;
}
.dw-trust-item {
	text-align: center; padding: 20px 16px;
	border: 1px solid rgba(6, 182, 212, 0.2); border-radius: var(--dw-radius);
	background: rgba(255, 255, 255, 0.03);
}
.dw-trust-value { display: block; font-size: clamp(1.75rem, 3vw, 2.25rem); font-weight: 800; color: var(--dw-cyan); margin-bottom: 6px; }
.dw-trust-label { display: block; font-size: 13px; color: rgba(255, 255, 255, 0.7); line-height: 1.5; }

/* Why us */
.dw-why-grid { display: grid; grid-template-columns: 1fr; gap: 24px; }
.dw-why-card {
	background: var(--dw-white); border: 1px solid #E2E8F0; border-radius: var(--dw-radius-lg);
	padding: 32px; transition: all var(--dw-transition); text-align: center;
}
.dw-why-card:hover { transform: translateY(-4px); box-shadow: var(--dw-shadow-hover); border-color: rgba(6, 182, 212, 0.35); }
.dw-why-card h3 { font-size: 1.15rem; margin-bottom: 10px; }
.dw-why-card p { color: var(--dw-text-muted); font-size: 15px; margin: 0; line-height: 1.7; }
.dw-why-icon { margin: 0 auto 20px; }

/* Dark section */
.dw-section-dark { background: var(--dw-navy); color: var(--dw-white); }
.dw-section-title--light { color: var(--dw-white); }
.dw-process-strip--home { margin-top: 8px; }

@media (min-width: 768px) {
	.dw-process-timeline {
		grid-template-columns: repeat(5, 1fr);
		gap: 16px;
		align-items: stretch;
	}
	.dw-process-card { padding: 28px 16px 32px; }
}

@media (min-width: 1024px) {
	.dw-process-timeline { gap: 20px; }
	.dw-process-card { padding: 32px 20px; }
}

/* Dual promo */
.dw-dual-promo { display: grid; grid-template-columns: 1fr; gap: 24px; }
.dw-promo-card {
	padding: 40px 32px; border-radius: var(--dw-radius-lg); border: 1px solid #E2E8F0;
	background: var(--dw-white); transition: all var(--dw-transition);
}
.dw-promo-card:hover { box-shadow: var(--dw-shadow-hover); transform: translateY(-3px); }
.dw-promo-card--pricing { background: linear-gradient(145deg, var(--dw-navy) 0%, var(--dw-navy-secondary) 100%); border-color: rgba(6, 182, 212, 0.3); color: var(--dw-white); }
.dw-promo-card--pricing p { color: rgba(255, 255, 255, 0.75); }
.dw-promo-card h3 { font-size: 1.35rem; margin-bottom: 12px; }
.dw-promo-card p { color: var(--dw-text-muted); margin-bottom: 24px; line-height: 1.7; }

/* Service cards as links */
a.dw-service-card--link {
	display: block; color: var(--dw-text); text-decoration: none;
}
a.dw-service-card--link:hover { color: var(--dw-text); }
.dw-service-link { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--dw-cyan); margin-top: 4px; }
a.dw-service-card--link:hover .dw-service-link { gap: 10px; }
[dir="rtl"] .dw-service-link span { transform: scaleX(-1); }

/* CTA final */
.dw-cta-band--final { background: linear-gradient(135deg, var(--dw-navy-secondary) 0%, #0a1f3d 100%); }
.dw-cta-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.dw-cta-band-inner.dw-text-center, .dw-cta-band--final .dw-cta-band-inner { flex-direction: column; text-align: center; }

/* Footer social */
.dw-footer-social h4 { color: var(--dw-white); font-size: 15px; margin-bottom: 16px; }

/* Scroll reveal & animations → see assets/css/animations.css */

@media (min-width: 768px) {
	.dw-hero-home-inner { grid-template-columns: 1.1fr 0.9fr; gap: 40px; }
	.dw-trust-grid { grid-template-columns: repeat(3, 1fr); }
	.dw-why-grid { grid-template-columns: repeat(2, 1fr); }
	.dw-dual-promo { grid-template-columns: 1fr 1fr; }
	.dw-cta-band--final .dw-cta-band-inner { flex-direction: row; justify-content: space-between; text-align: left; }
	[dir="rtl"] .dw-cta-band--final .dw-cta-band-inner { text-align: right; }
}
@media (min-width: 1024px) {
	.dw-trust-grid { grid-template-columns: repeat(6, 1fr); }
	.dw-why-grid { grid-template-columns: repeat(4, 1fr); }
	.dw-footer-grid { grid-template-columns: 2fr 1fr 1fr 1fr 1fr; }
}

/* ==========================================================================
   Service detail pages v1.2
   ========================================================================== */
.dw-feature-grid {
	display: grid; grid-template-columns: 1fr; gap: 16px;
}
.dw-feature-card {
	display: flex; align-items: flex-start; gap: 14px;
	padding: 22px 20px; background: var(--dw-white);
	border: 1px solid #E2E8F0; border-radius: var(--dw-radius);
	transition: all var(--dw-transition);
}
.dw-feature-card:hover {
	border-color: rgba(6, 182, 212, 0.4);
	box-shadow: var(--dw-shadow);
	transform: translateY(-2px);
}
.dw-feature-icon {
	flex-shrink: 0; display: flex; align-items: center; justify-content: center;
	width: 40px; height: 40px; border-radius: 10px;
	background: rgba(6, 182, 212, 0.12); color: var(--dw-cyan);
}
.dw-feature-card p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--dw-text); }

.dw-cta-band--page {
	background: linear-gradient(135deg, var(--dw-navy) 0%, var(--dw-navy-secondary) 100%);
	border-top: 1px solid rgba(6, 182, 212, 0.2);
}
.dw-cta-band--page .dw-cta-heading {
	color: var(--dw-white); font-size: clamp(1.25rem, 2.5vw, 1.6rem); margin: 0 0 8px;
}
.dw-cta-band--page .dw-cta-text { color: rgba(255, 255, 255, 0.75); margin: 0; }
.dw-cta-band--page .dw-cta-band-inner {
	flex-direction: column; gap: 24px; text-align: center;
}
.dw-cta-band--page .dw-cta-actions { justify-content: center; }

.dw-contact-form-wrap {
	background: var(--dw-white); border: 1px solid #E2E8F0;
	border-radius: var(--dw-radius-lg); padding: 32px;
	box-shadow: var(--dw-shadow);
}
.dw-contact-panel {
	background: linear-gradient(145deg, var(--dw-navy) 0%, var(--dw-navy-secondary) 100%);
	border-radius: var(--dw-radius-lg); padding: 32px; color: var(--dw-white);
	border: 1px solid rgba(6, 182, 212, 0.25);
}
.dw-contact-panel h2 { color: var(--dw-white); font-size: 1.25rem; margin-bottom: 24px; }
.dw-contact-panel a { color: var(--dw-cyan-light); }
.dw-contact-panel a:hover { color: var(--dw-white); }

@media (min-width: 768px) {
	.dw-feature-grid { grid-template-columns: repeat(2, 1fr); }
	.dw-cta-band--page .dw-cta-band-inner {
		flex-direction: row; justify-content: space-between; text-align: left; align-items: center;
	}
	.dw-cta-band--page .dw-cta-actions { justify-content: flex-end; }
	[dir="rtl"] .dw-cta-band--page .dw-cta-band-inner { text-align: right; }
}
@media (min-width: 1024px) {
	.dw-feature-grid { grid-template-columns: repeat(3, 1fr); }
}

/* ==========================================================================
   POS page v1.3
   ========================================================================== */
.dw-hero--pos { padding: 100px 0 80px; position: relative; overflow: hidden; }
.dw-hero--erp { padding: 100px 0 80px; position: relative; overflow: hidden; }
.dw-hero--crm { padding: 100px 0 80px; position: relative; overflow: hidden; }
.dw-hero--saas { padding: 100px 0 80px; position: relative; overflow: hidden; }
.dw-hero--infra { padding: 100px 0 80px; position: relative; overflow: hidden; }
.dw-hero--cctv { padding: 100px 0 80px; position: relative; overflow: hidden; }
.dw-hero--pos .dw-hero-subtitle,
.dw-hero--erp .dw-hero-subtitle,
.dw-hero--crm .dw-hero-subtitle,
.dw-hero--saas .dw-hero-subtitle,
.dw-hero--infra .dw-hero-subtitle,
.dw-hero--cctv .dw-hero-subtitle { max-width: 680px; }
.dw-erp-icon,
.dw-crm-icon,
.dw-saas-icon,
.dw-infra-icon,
.dw-cctv-icon { display: flex; color: currentColor; }

.dw-pos-highlights-grid {
	display: grid; grid-template-columns: 1fr; gap: 20px;
}
.dw-pos-highlight-card {
	background: var(--dw-white); border: 1px solid #E2E8F0; border-radius: var(--dw-radius-lg);
	padding: 28px 24px; transition: all var(--dw-transition);
	text-align: center; min-height: 148px;
}
.dw-pos-highlight-card:hover { border-color: rgba(6, 182, 212, 0.35); box-shadow: var(--dw-shadow-hover); transform: translateY(-3px); }
.dw-pos-highlight-num {
	display: inline-block; font-size: 12px; font-weight: 800; letter-spacing: 0.08em;
	color: var(--dw-cyan); margin-bottom: 12px;
}
.dw-pos-highlight-card h3 { font-size: 1.1rem; margin-bottom: 8px; }
.dw-pos-highlight-card p { margin: 0; color: var(--dw-text-muted); font-size: 15px; line-height: 1.7; }

.dw-pos-page { margin-top: 8px; }
.dw-pos-industry-grid {
	display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 32px;
}
.dw-pos-industry-card {
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;
	padding: 18px 12px; min-height: 100px;
	background: var(--dw-white); border: 2px solid #E2E8F0; border-radius: var(--dw-radius);
	font-family: var(--dw-font); cursor: pointer; transition: all var(--dw-transition);
	color: var(--dw-text-muted);
}
.dw-pos-industry-card:hover { border-color: rgba(6, 182, 212, 0.45); color: var(--dw-cyan); }
.dw-pos-industry-card.is-active {
	border-color: var(--dw-cyan); background: rgba(6, 182, 212, 0.08);
	color: var(--dw-cyan); box-shadow: 0 8px 24px rgba(6, 182, 212, 0.15);
}
.dw-pos-industry-card:focus-visible { outline: 2px solid var(--dw-cyan); outline-offset: 2px; }
.dw-pos-industry-label { font-size: 13px; font-weight: 700; text-align: center; line-height: 1.4; }
.dw-pos-icon { display: flex; color: currentColor; }

.dw-pos-panel { display: none; }
.dw-pos-panel.is-active { display: block; }
.dw-pos-panel-card {
	background: var(--dw-white); border: 1px solid #E2E8F0; border-radius: var(--dw-radius-lg);
	box-shadow: var(--dw-shadow); overflow: hidden;
}
.dw-pos-panel-inner {
	display: grid; grid-template-columns: 1fr; gap: 0;
}
.dw-pos-panel-content { padding: 32px 24px; }
.dw-pos-panel-tagline {
	display: inline-block; font-size: 13px; font-weight: 700; color: var(--dw-cyan);
	margin-bottom: 10px;
}
.dw-pos-panel-title { font-size: clamp(1.35rem, 2.5vw, 1.75rem); margin-bottom: 14px; }
.dw-pos-panel-intro { color: var(--dw-text-muted); font-size: 16px; line-height: 1.8; margin-bottom: 28px; }

.dw-pos-feature-grid {
	display: grid; grid-template-columns: 1fr; gap: 12px; margin-bottom: 28px;
}
.dw-pos-feature-item {
	display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px;
	background: var(--dw-bg); border-radius: var(--dw-radius); font-size: 14px; line-height: 1.6;
}
.dw-pos-feature-item svg { flex-shrink: 0; color: var(--dw-cyan); margin-top: 2px; }

.dw-pos-panel-benefit {
	padding: 16px 18px; margin-bottom: 24px;
	background: linear-gradient(135deg, rgba(6, 182, 212, 0.08) 0%, rgba(6, 182, 212, 0.03) 100%);
	border-left: 3px solid var(--dw-cyan); border-radius: 0 var(--dw-radius) var(--dw-radius) 0;
	font-size: 15px; line-height: 1.7; color: var(--dw-text);
}
[dir="rtl"] .dw-pos-panel-benefit {
	border-left: none; border-right: 3px solid var(--dw-cyan);
	border-radius: var(--dw-radius) 0 0 var(--dw-radius);
}
.dw-pos-panel-benefit strong { color: var(--dw-navy); display: block; margin-bottom: 4px; }

.dw-pos-panel-visual {
	display: flex; align-items: center; justify-content: center; position: relative;
	padding: 40px 24px; min-height: 200px;
	background: linear-gradient(145deg, var(--dw-navy) 0%, var(--dw-navy-secondary) 100%);
	color: var(--dw-cyan);
}
.dw-pos-panel-visual-glow {
	position: absolute; width: 160px; height: 160px; border-radius: 50%;
	background: radial-gradient(circle, rgba(6, 182, 212, 0.25) 0%, transparent 70%);
}
.dw-pos-panel-visual svg { position: relative; z-index: 1; filter: drop-shadow(0 8px 24px rgba(6, 182, 212, 0.3)); }

.dw-pos-pricing-teaser {
	background: linear-gradient(135deg, var(--dw-navy-secondary) 0%, #0a1f3d 100%);
	color: var(--dw-white); padding: 64px 0;
}
.dw-pos-pricing-teaser-inner {
	display: flex; flex-direction: column; gap: 24px; align-items: flex-start; text-align: left;
}
.dw-pos-pricing-teaser h2 { color: var(--dw-white); font-size: clamp(1.25rem, 2.5vw, 1.6rem); margin: 0 0 10px; }
.dw-pos-pricing-teaser p { margin: 0; color: rgba(255, 255, 255, 0.75); line-height: 1.7; max-width: 560px; }
[dir="rtl"] .dw-pos-pricing-teaser-inner { text-align: right; align-items: flex-end; }

@media (min-width: 640px) {
	.dw-pos-highlights-grid { grid-template-columns: repeat(2, 1fr); }
	.dw-pos-industry-grid { grid-template-columns: repeat(3, 1fr); }
	.dw-pos-feature-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 768px) {
	.dw-pos-panel-inner { grid-template-columns: 1.2fr 0.8fr; }
	.dw-pos-panel-content { padding: 40px 36px; }
	.dw-pos-pricing-teaser-inner { flex-direction: row; justify-content: space-between; align-items: center; }
}
@media (min-width: 1024px) {
	.dw-pos-highlights-grid { grid-template-columns: repeat(4, 1fr); }
	.dw-pos-industry-grid { grid-template-columns: repeat(7, 1fr); }
	.dw-erp-page .dw-pos-industry-grid { grid-template-columns: repeat(3, 1fr); }
	.dw-crm-page .dw-pos-industry-grid { grid-template-columns: repeat(3, 1fr); }
	.dw-saas-page .dw-pos-industry-grid { grid-template-columns: repeat(3, 1fr); }
	.dw-infra-page .dw-pos-industry-grid { grid-template-columns: repeat(3, 1fr); }
	.dw-cctv-page .dw-pos-industry-grid { grid-template-columns: repeat(3, 1fr); }
}

/* ==========================================================================
   Pricing page v2.7
   ========================================================================== */
.dw-hero--pricing { padding: 100px 0 80px; position: relative; overflow: hidden; z-index: 1; }
.dw-hero--pricing .dw-hero-subtitle { max-width: 720px; margin-inline: auto; }
.dw-hero-buttons--center,
.dw-hero-pills--center { justify-content: center; }
.dw-section-desc--light { color: rgba(255, 255, 255, 0.75); max-width: 640px; margin: 12px auto 0; }

.dw-pricing-page { max-width: 1140px; margin: 0 auto; }
.dw-pricing-system-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	margin-bottom: 28px;
	max-width: 720px;
	margin-inline: auto;
}
.dw-pricing-system-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 18px 12px;
	min-height: 92px;
	background: var(--dw-white);
	border: 2px solid #E2E8F0;
	border-radius: var(--dw-radius);
	font-family: var(--dw-font);
	cursor: pointer;
	transition: all var(--dw-transition);
	color: var(--dw-text-muted);
}
.dw-pricing-system-card:hover { border-color: rgba(6, 182, 212, 0.45); color: var(--dw-cyan); }
.dw-pricing-system-card.is-active,
.dw-pricing-system-card[aria-selected="true"] {
	border-color: var(--dw-cyan);
	background: rgba(6, 182, 212, 0.08);
	color: var(--dw-cyan);
	box-shadow: 0 8px 24px rgba(6, 182, 212, 0.15);
}
.dw-pricing-system-card:focus-visible {
	outline: 2px solid var(--dw-cyan);
	outline-offset: 2px;
}
.dw-pricing-system-label { font-size: 13px; font-weight: 700; text-align: center; line-height: 1.4; }

.dw-pricing-system-intro {
	text-align: center;
	max-width: 680px;
	margin: 0 auto 20px;
	color: var(--dw-text-muted);
	font-size: 16px;
	line-height: 1.8;
}
.dw-pricing-includes {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin-bottom: 28px;
}
.dw-pricing-include-chip {
	display: inline-flex;
	align-items: center;
	padding: 8px 14px;
	font-size: 13px;
	font-weight: 600;
	color: var(--dw-cyan);
	background: rgba(6, 182, 212, 0.08);
	border: 1px solid rgba(6, 182, 212, 0.22);
	border-radius: 999px;
}

.dw-pricing-plans-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
	align-items: stretch;
}
.dw-pricing-plan-card {
	position: relative;
	overflow: visible;
	background: var(--dw-white);
	border: 1px solid #E2E8F0;
	border-radius: var(--dw-radius-lg);
	padding: 36px 24px 28px;
	text-align: center;
	transition: all var(--dw-transition);
	display: flex;
	flex-direction: column;
	min-height: 100%;
}
.dw-pricing-plan-card:hover { transform: translateY(-4px); box-shadow: var(--dw-shadow-hover); }
.dw-pricing-plan-card--highlight {
	border-color: var(--dw-cyan);
	box-shadow: 0 8px 32px rgba(6, 182, 212, 0.14);
	background: linear-gradient(180deg, rgba(6, 182, 212, 0.04) 0%, var(--dw-white) 40%);
}
.dw-pricing-plan-badge {
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translateX(-50%);
	background: var(--dw-cyan);
	color: var(--dw-white);
	font-size: 11px;
	font-weight: 700;
	padding: 5px 14px;
	border-radius: 20px;
	white-space: nowrap;
	letter-spacing: 0.5px;
	z-index: 2;
}
.dw-pricing-plan-title { font-size: 1.1rem; margin-bottom: 12px; color: var(--dw-text); }
.dw-pricing-plan-price {
	display: flex;
	flex-direction: column;
	gap: 6px;
	align-items: center;
	margin: 0 0 16px;
}
.dw-pricing-plan-amount {
	font-size: clamp(1.75rem, 4vw, 2.35rem);
	font-weight: 800;
	color: var(--dw-cyan);
	line-height: 1.1;
}
.dw-pricing-plan-period {
	font-size: 13px;
	font-weight: 600;
	color: var(--dw-text-muted);
	line-height: 1.5;
	max-width: 220px;
}
.dw-pricing-plan-desc {
	font-size: 14px;
	color: var(--dw-text-muted);
	line-height: 1.7;
	margin: 0 0 20px;
}
.dw-pricing-plan-features {
	list-style: none;
	margin: 0 0 24px;
	padding: 0;
	text-align: start;
	flex-grow: 1;
}
.dw-pricing-plan-card .dw-btn { margin-top: auto; }
.dw-pricing-plan-features li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 8px 0;
	font-size: 14px;
	color: var(--dw-text-muted);
	border-bottom: 1px solid #F1F5F9;
}
.dw-pricing-plan-features li:last-child { border-bottom: none; }
.dw-pricing-plan-features li svg { flex-shrink: 0; color: var(--dw-cyan); margin-top: 3px; }
[dir="rtl"] .dw-pricing-plan-features { text-align: right; }
[dir="rtl"] .dw-pricing-plan-features li { flex-direction: row-reverse; }

.dw-pricing-reassurance {
	max-width: 760px;
	margin: 40px auto 0;
	text-align: center;
	font-size: 15px;
	color: var(--dw-text-muted);
	line-height: 1.8;
	padding: 18px 22px;
	background: var(--dw-bg);
	border-radius: var(--dw-radius);
	border-inline-start: 4px solid var(--dw-cyan);
}
[dir="rtl"] .dw-pricing-reassurance { text-align: right; }

.dw-pricing-custom-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
	margin-top: 8px;
}
.dw-pricing-custom-card {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(6, 182, 212, 0.25);
	border-radius: var(--dw-radius-lg);
	padding: 32px 28px;
	text-align: center;
	transition: all var(--dw-transition);
	display: flex;
	flex-direction: column;
}
.dw-pricing-custom-card:hover {
	border-color: rgba(6, 182, 212, 0.45);
	transform: translateY(-3px);
	background: rgba(255, 255, 255, 0.08);
}
.dw-pricing-custom-card .dw-btn { margin-top: auto; }
.dw-pricing-custom-icon { display: flex; justify-content: center; margin-bottom: 20px; color: var(--dw-cyan); }
.dw-pricing-custom-card h3 { color: var(--dw-white); font-size: 1.2rem; margin-bottom: 12px; }
.dw-pricing-custom-card p { color: rgba(255, 255, 255, 0.82); font-size: 15px; line-height: 1.7; margin-bottom: 24px; flex-grow: 1; }

.dw-pricing-faq-wrap { max-width: 760px; margin: 0 auto; }
.dw-pricing-faq-list { display: flex; flex-direction: column; gap: 12px; }
.dw-pricing-faq-item {
	background: var(--dw-white);
	border: 1px solid #E2E8F0;
	border-radius: var(--dw-radius);
	padding: 0;
	overflow: hidden;
	transition: border-color var(--dw-transition);
}
.dw-pricing-faq-item[open] { border-color: rgba(6, 182, 212, 0.4); }
.dw-pricing-faq-item summary {
	padding: 18px 22px;
	font-weight: 700;
	cursor: pointer;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}
.dw-pricing-faq-item summary::-webkit-details-marker { display: none; }
.dw-pricing-faq-item summary::after {
	content: '+';
	font-size: 1.25rem;
	color: var(--dw-cyan);
	font-weight: 400;
	flex-shrink: 0;
}
.dw-pricing-faq-item[open] summary::after { content: '−'; }
.dw-pricing-faq-item p {
	margin: 0;
	padding: 0 22px 18px;
	color: var(--dw-text-muted);
	font-size: 15px;
	line-height: 1.7;
}

@media (max-width: 479px) {
	.dw-pricing-system-grid { gap: 8px; }
	.dw-pricing-system-card { padding: 14px 8px; min-height: 84px; }
	.dw-pricing-system-label { font-size: 12px; }
}
@media (min-width: 640px) {
	.dw-pricing-plans-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 768px) {
	.dw-pricing-custom-grid { grid-template-columns: repeat(3, 1fr); }
	.dw-pos-pricing-teaser-inner .dw-cta-actions { justify-content: flex-end; flex-wrap: wrap; }
}
@media (min-width: 1024px) {
	.dw-pricing-plans-grid { grid-template-columns: repeat(4, 1fr); gap: 16px; }
}

/* ==========================================================================
   Pricing page v1.9 (legacy aliases — kept for other pages)
   ========================================================================== */

/* ==========================================================================
   Portfolio / Our Work page v2.0
   ========================================================================== */
.dw-hero--portfolio { padding: 100px 0 80px; position: relative; overflow: hidden; }
.dw-hero--portfolio .dw-hero-inner { max-width: 860px; }
.dw-hero--portfolio .dw-hero-inner,
.dw-hero--pricing .dw-hero-inner,
.dw-hero--about .dw-hero-inner { max-width: 860px; }

@media (max-width: 640px) {
	.dw-hero-buttons--center {
		flex-direction: column;
		max-width: 100%;
	}
	.dw-hero-buttons--center .dw-btn {
		width: 100%;
		flex: none;
	}
	.dw-hero-pills,
	.dw-hero-pills--center {
		gap: 8px;
	}
	.dw-hero-pill {
		font-size: 12px;
		padding: 7px 12px;
		white-space: normal;
		text-align: center;
	}
}

.dw-portfolio-stats--premium { margin-top: 0; }
.dw-portfolio-project-grid {
	display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 28px;
}
.dw-portfolio-project-card {
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
	padding: 18px 12px; min-height: 108px;
	background: var(--dw-white); border: 2px solid #E2E8F0; border-radius: var(--dw-radius);
	font-family: var(--dw-font); cursor: pointer; transition: all var(--dw-transition);
	color: var(--dw-text-muted); text-align: center;
}
.dw-portfolio-project-card:hover { border-color: rgba(6, 182, 212, 0.45); color: var(--dw-cyan); }
.dw-portfolio-project-card.is-active {
	border-color: var(--dw-cyan); background: rgba(6, 182, 212, 0.08);
	color: var(--dw-cyan); box-shadow: 0 8px 24px rgba(6, 182, 212, 0.15);
}
.dw-portfolio-project-label { font-size: 13px; font-weight: 700; line-height: 1.35; }
.dw-portfolio-project-stat {
	font-size: 1.35rem; font-weight: 800; color: var(--dw-cyan); line-height: 1;
}
.dw-portfolio-project-card.is-active .dw-portfolio-project-stat { color: var(--dw-navy); }

.dw-portfolio-panel-meta {
	display: inline-flex; flex-direction: column; align-items: flex-start; gap: 4px;
	padding: 12px 16px; margin-bottom: 20px;
	background: rgba(6, 182, 212, 0.08); border: 1px solid rgba(6, 182, 212, 0.25);
	border-radius: var(--dw-radius);
}
.dw-portfolio-panel-stat { font-size: 1.75rem; font-weight: 800; color: var(--dw-cyan); line-height: 1; }
.dw-portfolio-panel-stat-label { font-size: 13px; font-weight: 600; color: var(--dw-text-muted); line-height: 1.4; }
[dir="rtl"] .dw-portfolio-panel-meta { align-items: flex-end; }

.dw-portfolio-panel-actions {
	display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px;
}
.dw-portfolio-panel-visual--pos { background: linear-gradient(135deg, rgba(6, 182, 212, 0.12), rgba(15, 23, 42, 0.04)); }
.dw-portfolio-panel-visual--erp { background: linear-gradient(135deg, rgba(99, 102, 241, 0.12), rgba(15, 23, 42, 0.04)); }
.dw-portfolio-panel-visual--crm { background: linear-gradient(135deg, rgba(16, 185, 129, 0.12), rgba(15, 23, 42, 0.04)); }
.dw-portfolio-panel-visual--saas { background: linear-gradient(135deg, rgba(139, 92, 246, 0.12), rgba(15, 23, 42, 0.04)); }
.dw-portfolio-panel-visual--infra { background: linear-gradient(135deg, rgba(59, 130, 246, 0.12), rgba(15, 23, 42, 0.04)); }
.dw-portfolio-panel-visual--cctv { background: linear-gradient(135deg, rgba(245, 158, 11, 0.12), rgba(15, 23, 42, 0.04)); }

.dw-sector-chips--portfolio { margin-top: 8px; }
.dw-portfolio-faq-wrap { max-width: 760px; margin: 0 auto; }
.dw-portfolio-faq-list { display: flex; flex-direction: column; gap: 12px; }
.dw-portfolio-faq-item {
	background: var(--dw-white); border: 1px solid #E2E8F0; border-radius: var(--dw-radius);
	padding: 0; overflow: hidden; transition: border-color var(--dw-transition);
}
.dw-portfolio-faq-item[open] { border-color: rgba(6, 182, 212, 0.4); }
.dw-portfolio-faq-item summary {
	padding: 18px 22px; font-weight: 700; cursor: pointer; list-style: none;
	display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
.dw-portfolio-faq-item summary::-webkit-details-marker { display: none; }
.dw-portfolio-faq-item summary::after {
	content: '+'; font-size: 1.25rem; color: var(--dw-cyan); font-weight: 400; flex-shrink: 0;
}
.dw-portfolio-faq-item[open] summary::after { content: '−'; }
.dw-portfolio-faq-item p {
	margin: 0; padding: 0 22px 18px; color: var(--dw-text-muted); font-size: 15px; line-height: 1.7;
}

.dw-portfolio-page .dw-pos-industry-grid,
.dw-portfolio-page .dw-portfolio-project-grid { grid-template-columns: repeat(2, 1fr); }

@media (min-width: 768px) {
	.dw-portfolio-project-grid { grid-template-columns: repeat(3, 1fr); }
	.dw-portfolio-page .dw-portfolio-project-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1024px) {
	.dw-portfolio-project-grid { grid-template-columns: repeat(6, 1fr); max-width: 100%; }
	.dw-portfolio-page .dw-portfolio-project-grid { grid-template-columns: repeat(6, 1fr); }
}

/* ==========================================================================
   About Us page v2.1
   ========================================================================== */
.dw-hero--about { padding: 100px 0 80px; position: relative; overflow: hidden; }

.dw-about-story-header { max-width: 760px; margin: 0 auto 40px; text-align: center; }
.dw-about-story-header .dw-about-lead { margin-bottom: 0; }

.dw-about-pillars-grid {
	display: grid; grid-template-columns: 1fr; gap: 20px;
}
.dw-about-pillar-card {
	background: var(--dw-white); border: 1px solid #E2E8F0; border-radius: var(--dw-radius-lg);
	padding: 28px 24px; transition: all var(--dw-transition); text-align: center;
}
.dw-about-pillar-card:hover {
	border-color: rgba(6, 182, 212, 0.35); box-shadow: var(--dw-shadow-hover); transform: translateY(-2px);
}
.dw-about-pillar-num {
	display: block; font-size: 2rem; font-weight: 800; color: rgba(6, 182, 212, 0.25);
	line-height: 1; margin-bottom: 12px;
}
.dw-about-pillar-card h3 { font-size: 1.1rem; margin-bottom: 10px; }
.dw-about-pillar-card p { color: var(--dw-text-muted); font-size: 15px; line-height: 1.75; margin: 0; }

.dw-about-stats-band { padding: 64px 0; }
.dw-about-stats-grid { grid-template-columns: repeat(3, 1fr); }

.dw-about-service-grid {
	display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 28px;
}
.dw-about-service-card {
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
	padding: 18px 12px; min-height: 96px;
	background: var(--dw-white); border: 2px solid #E2E8F0; border-radius: var(--dw-radius);
	font-family: var(--dw-font); cursor: pointer; transition: all var(--dw-transition);
	color: var(--dw-text-muted); text-align: center;
}
.dw-about-service-card:hover { border-color: rgba(6, 182, 212, 0.45); color: var(--dw-cyan); }
.dw-about-service-card.is-active {
	border-color: var(--dw-cyan); background: rgba(6, 182, 212, 0.08);
	color: var(--dw-cyan); box-shadow: 0 8px 24px rgba(6, 182, 212, 0.15);
}
.dw-about-service-label { font-size: 12px; font-weight: 700; line-height: 1.35; }

.dw-about-feature-grid { grid-template-columns: repeat(2, 1fr); }

.dw-about-faq-wrap { max-width: 760px; margin: 0 auto; }
.dw-about-faq-list { display: flex; flex-direction: column; gap: 12px; }
.dw-about-faq-item {
	background: var(--dw-white); border: 1px solid #E2E8F0; border-radius: var(--dw-radius);
	padding: 0; overflow: hidden; transition: border-color var(--dw-transition);
}
.dw-about-faq-item[open] { border-color: rgba(6, 182, 212, 0.4); }
.dw-about-faq-item summary {
	padding: 18px 22px; font-weight: 700; cursor: pointer; list-style: none;
	display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
.dw-about-faq-item summary::-webkit-details-marker { display: none; }
.dw-about-faq-item summary::after {
	content: '+'; font-size: 1.25rem; color: var(--dw-cyan); font-weight: 400; flex-shrink: 0;
}
.dw-about-faq-item[open] summary::after { content: '−'; }
.dw-about-faq-item p {
	margin: 0; padding: 0 22px 18px; color: var(--dw-text-muted); font-size: 15px; line-height: 1.7;
}

@media (min-width: 768px) {
	.dw-about-pillars-grid { grid-template-columns: repeat(3, 1fr); }
	.dw-about-service-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1024px) {
	.dw-about-service-grid { grid-template-columns: repeat(6, 1fr); }
}

/* ==========================================================================
   Homepage v2.2
   ========================================================================== */
.dw-hero-lead {
	font-size: clamp(0.95rem, 2vw, 1.05rem); color: rgba(255, 255, 255, 0.65);
	margin: -16px 0 24px; line-height: 1.8; max-width: 540px;
}
.dw-hero-subtitle--services {
	font-size: clamp(0.9rem, 2vw, 1rem); font-weight: 600; letter-spacing: 0.5px;
	color: var(--dw-cyan); margin-bottom: 16px;
}
.dw-btn-whatsapp--hero { border: 2px solid rgba(37, 211, 102, 0.45); }
.dw-hero-service-orbit {
	position: relative; width: 100%; max-width: 380px; aspect-ratio: 1; margin: 0 auto;
}
.dw-hero-orbit-core {
	position: absolute; inset: 20%; display: flex; align-items: center; justify-content: center;
}
.dw-hero-orbit-core .dw-hero-tech-svg { width: 100%; height: auto; filter: drop-shadow(0 16px 32px rgba(6, 182, 212, 0.2)); }
.dw-hero-orbit-item {
	position: absolute; width: 52px; height: 52px; border-radius: 50%;
	background: rgba(6, 182, 212, 0.12); border: 1px solid rgba(6, 182, 212, 0.35);
	display: flex; align-items: center; justify-content: center; color: var(--dw-cyan);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}
.dw-hero-orbit-item--pos { top: 0; left: 50%; transform: translateX(-50%); }
.dw-hero-orbit-item--erp { top: 18%; right: 0; }
.dw-hero-orbit-item--crm { bottom: 18%; right: 0; }
.dw-hero-orbit-item--saas { bottom: 0; left: 50%; transform: translateX(-50%); }
.dw-hero-orbit-item--infra { bottom: 18%; left: 0; }
.dw-hero-orbit-item--cctv { top: 18%; left: 0; }

.dw-trust-cta { text-align: center; margin-top: 32px; }
.dw-btn-ghost--light {
	border-color: rgba(255, 255, 255, 0.35); color: var(--dw-white);
}
.dw-btn-ghost--light:hover {
	background: rgba(255, 255, 255, 0.1); border-color: var(--dw-cyan); color: var(--dw-cyan);
}

.dw-home-service-grid {
	display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 28px;
}
.dw-home-service-card {
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
	padding: 18px 12px; min-height: 96px;
	background: var(--dw-white); border: 2px solid #E2E8F0; border-radius: var(--dw-radius);
	font-family: var(--dw-font); cursor: pointer; transition: all var(--dw-transition);
	color: var(--dw-text-muted); text-align: center;
}
.dw-home-service-card:hover { border-color: rgba(6, 182, 212, 0.45); color: var(--dw-cyan); }
.dw-home-service-card.is-active {
	border-color: var(--dw-cyan); background: rgba(6, 182, 212, 0.08);
	color: var(--dw-cyan); box-shadow: 0 8px 24px rgba(6, 182, 212, 0.15);
}
.dw-home-service-label { font-size: 12px; font-weight: 700; line-height: 1.35; }
.dw-home-feature-grid { grid-template-columns: repeat(2, 1fr); }

.dw-promo-card-icon {
	width: 56px; height: 56px; border-radius: 50%; background: rgba(6, 182, 212, 0.12);
	color: var(--dw-cyan); display: flex; align-items: center; justify-content: center; margin-bottom: 20px;
}
.dw-promo-card--pricing .dw-promo-card-icon {
	background: rgba(6, 182, 212, 0.2); color: var(--dw-cyan);
}
.dw-promo-features {
	list-style: none; margin: 0 0 24px; padding: 0;
}
.dw-promo-features li {
	display: flex; align-items: flex-start; gap: 10px; padding: 6px 0;
	font-size: 14px; color: var(--dw-text-muted);
}
.dw-promo-features--light li { color: rgba(255, 255, 255, 0.8); }
.dw-promo-features li svg { flex-shrink: 0; color: var(--dw-cyan); margin-top: 3px; }
[dir="rtl"] .dw-promo-features li { flex-direction: row-reverse; }

.dw-home-cta-band { padding: 72px 0; }
.dw-home-cta-copy { text-align: center; max-width: 640px; }
.dw-home-cta-title {
	color: var(--dw-white); font-size: clamp(1.5rem, 3vw, 2rem); margin: 0 0 12px;
}
.dw-home-cta-subtitle {
	color: rgba(255, 255, 255, 0.75); font-size: 16px; line-height: 1.7; margin: 0;
}
.dw-home-cta-band .dw-cta-band-inner { gap: 32px; }

@media (min-width: 768px) {
	.dw-home-service-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1024px) {
	.dw-home-service-grid { grid-template-columns: repeat(6, 1fr); }
}