/* Divyakumar Patel — IT Solutions & Services */

:root {
	--ww-primary: #ff4500;
	--ww-primary-dark: #e03d00;
	--ww-primary-light: #ff6a2e;
	--ww-dark: #002b5b;
	--ww-dark-2: #003d7a;
	--ww-dark-3: #0a4a8f;
	--ww-text: #64748b;
	--ww-heading: #0f172a;
	--ww-white: #ffffff;
	--ww-gray: #f4f7fb;
	--ww-border: #e8edf5;
	--ww-radius: 8px;
	--ww-radius-lg: 16px;
	--ww-shadow: 0 10px 40px rgba(10, 22, 40, 0.08);
	--ww-shadow-lg: 0 20px 60px rgba(10, 22, 40, 0.14);
	--ww-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--ww-font-head: 'Plus Jakarta Sans', 'Inter', sans-serif;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
	font-family: var(--ww-font);
	font-size: 16px;
	line-height: 1.7;
	color: var(--ww-text);
	background: var(--ww-white);
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; transition: 0.3s ease; }
ul, ol { list-style: none; }
button, input, select, textarea { font-family: inherit; }
h1,h2,h3,h4,h5,h6 {
	font-family: var(--ww-font-head);
	color: var(--ww-heading);
	line-height: 1.25;
	font-weight: 700;
}
#main-content { overflow: hidden; }

.ww-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.ww-section { padding: 90px 0; }
.ww-section--gray { background: var(--ww-gray); }
.ww-section--dark { background: var(--ww-dark); color: #94a3b8; }
.ww-section--dark h2, .ww-section--dark h3, .ww-section--dark h4 { color: white; }

.ww-section-label { display: inline-block; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: var(--ww-primary); margin-bottom: 12px; }
.ww-section-label--light { color: #fb923c; }
.ww-section-head { margin-bottom: 50px; }
.ww-section-head--center { text-align: center; max-width: 700px; margin-left: auto; margin-right: auto; margin-bottom: 50px; }
.ww-section-head--flex { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.ww-section-head h2 { font-size: clamp(1.6rem, 3vw, 2.4rem); }
.ww-subtitle-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,74,23,0.1); color: var(--ww-primary); padding: 6px 16px; border-radius: 50px; font-size: 0.85rem; font-weight: 600; margin-bottom: 20px; }
.ww-badge-sm { display: inline-block; background: var(--ww-primary); color: white; padding: 4px 14px; border-radius: 4px; font-size: 0.75rem; font-weight: 700; margin-bottom: 12px; }

/* Buttons */
.ww-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 28px; font-family: var(--ww-font); font-size: 0.9rem; font-weight: 600; border-radius: 6px; border: 2px solid transparent; cursor: pointer; transition: 0.3s; }
.ww-btn--primary { background: var(--ww-primary); color: white; border-color: var(--ww-primary); }
.ww-btn--primary:hover { background: var(--ww-primary-dark); border-color: var(--ww-primary-dark); color: white; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(255,74,23,0.35); }
.ww-btn--outline { background: transparent; border-color: var(--ww-dark); color: var(--ww-dark); }
.ww-btn--outline:hover { background: var(--ww-dark); color: white; }
.ww-btn--white { background: white; color: var(--ww-primary); }
.ww-btn--white:hover { transform: translateY(-2px); box-shadow: var(--ww-shadow); color: var(--ww-primary-dark); }
.ww-btn--lg { padding: 16px 32px; font-size: 1rem; }
.ww-btn--sm { padding: 10px 20px; font-size: 0.85rem; }
.ww-btn--full { width: 100%; }
.ww-link { color: var(--ww-primary); font-weight: 600; font-size: 0.9rem; }
.ww-link:hover { color: var(--ww-primary-dark); }

/* Topbar */
.ww-topbar { background: var(--ww-dark); color: #94a3b8; font-size: 0.82rem; padding: 10px 0; }
.ww-topbar__inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }
.ww-topbar__left, .ww-topbar__right { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.ww-topbar__left span, .ww-topbar a { display: inline-flex; align-items: center; gap: 6px; color: #94a3b8; }
.ww-topbar a:hover { color: white; }
.ww-topbar__social { display: flex; gap: 8px; align-items: center; }
.ww-topbar__social a {
	width: 30px;
	height: 30px;
	background: rgba(255,255,255,0.08);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.7rem;
	font-weight: 700;
	color: white;
	transition: 0.3s;
}
.ww-topbar__social a:hover { background: var(--ww-primary); color: white; }
.ww-topbar__social a svg { display: block; }

/* Header */
.ww-header { background: white; border-bottom: 1px solid var(--ww-border); position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 20px rgba(0,0,0,0.04); }
.ww-header__inner { display: flex; align-items: center; justify-content: space-between; height: 80px; }
.ww-logo { display: flex; align-items: center; flex-shrink: 0; }
.ww-logo__img { height: 54px; width: auto; max-width: 240px; object-fit: contain; display: block; }
.ww-logo__img--footer { height: 50px; max-width: 220px; }
.ww-logo__fallback { font-family: var(--ww-font-head); font-weight: 800; font-size: 1.2rem; color: var(--ww-dark); }
.ww-logo--footer .ww-logo__fallback { color: white; }
.ww-logo .custom-logo-link { display: flex; align-items: center; line-height: 0; }
.ww-logo .custom-logo { height: 54px; width: auto; max-width: 240px; }

.ww-nav { display: flex; align-items: center; gap: 12px; }
.ww-nav__cta { white-space: nowrap; flex-shrink: 0; }
.ww-nav__list { display: flex; align-items: center; list-style: none; gap: 2px; margin: 0; padding: 0; }
.ww-nav__list > li { position: relative; }
.ww-nav__list > li > a { display: flex; align-items: center; gap: 4px; padding: 10px 14px; font-size: 0.92rem; font-weight: 600; color: var(--ww-heading); border-radius: 6px; }
.ww-nav__list > li > a:hover, .ww-nav__list > li.current-menu-item > a { color: var(--ww-primary); }
.ww-nav__sub { position: absolute; top: 100%; left: 0; min-width: 220px; background: white; border: 1px solid var(--ww-border); border-radius: var(--ww-radius); box-shadow: var(--ww-shadow); list-style: none; padding: 12px 0; opacity: 0; visibility: hidden; transform: translateY(10px); transition: 0.3s; z-index: 100; }
.ww-nav__dropdown:hover .ww-nav__sub { opacity: 1; visibility: visible; transform: translateY(0); }
.ww-nav__sub li a { display: block; padding: 8px 20px; font-size: 0.88rem; color: var(--ww-text); }
.ww-nav__sub li a:hover { color: var(--ww-primary); background: var(--ww-gray); }
.ww-nav__sub-title { padding: 6px 20px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; color: var(--ww-primary); letter-spacing: 1px; }

.ww-nav-toggle { display: none; flex-direction: column; gap: 5px; background: none; border: none; cursor: pointer; padding: 8px; }
.ww-nav-toggle span { width: 24px; height: 2px; background: var(--ww-dark); border-radius: 2px; }

/* Hero Slider */
.ww-hero {
	position: relative;
	min-height: 88vh;
	background: var(--ww-dark);
	overflow: hidden;
}
.ww-hero__slides {
	position: relative;
	min-height: 88vh;
}
.ww-hero__slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.7s ease, visibility 0.7s ease;
	display: flex;
	align-items: center;
	width: 100%;
}
.ww-hero__slide.active {
	opacity: 1;
	visibility: visible;
	z-index: 2;
}
.ww-hero__bg {
	position: absolute;
	inset: 0;
	background-color: var(--ww-dark);
	background-size: cover;
	background-position: center;
	z-index: 0;
}
.ww-hero__bg-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(125deg, rgba(10,22,40,0.92) 0%, rgba(10,22,40,0.75) 50%, rgba(10,22,40,0.55) 100%);
	z-index: 1;
}
.ww-hero__grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 1.15fr 0.85fr;
	gap: 50px;
	align-items: center;
	padding: 130px 0 100px;
	min-height: 88vh;
}
.ww-hero__content h1 {
	font-size: clamp(2rem, 4.5vw, 3.4rem);
	color: white;
	margin-bottom: 20px;
	letter-spacing: -0.02em;
}
.ww-hero__content p {
	color: #b0bec9;
	font-size: 1.05rem;
	margin-bottom: 32px;
	max-width: 520px;
	line-height: 1.8;
}
.ww-hero__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 28px;
}
.ww-hero__tags span {
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 2px;
	color: rgba(255,255,255,0.45);
	padding: 5px 14px;
	border: 1px solid rgba(255,255,255,0.12);
	border-radius: 4px;
	background: rgba(255,255,255,0.03);
}
.ww-hero__num {
	display: block;
	margin-top: 48px;
	font-size: clamp(4rem, 8vw, 6rem);
	font-weight: 800;
	color: rgba(255,255,255,0.05);
	font-family: var(--ww-font-head);
	line-height: 1;
	user-select: none;
}
.ww-hero__side {
	display: flex;
	flex-direction: column;
	gap: 24px;
	align-items: flex-start;
}
.ww-hero__clients {
	display: flex;
	align-items: center;
	gap: 18px;
	background: rgba(255,255,255,0.07);
	border: 1px solid rgba(255,255,255,0.12);
	padding: 22px 28px;
	border-radius: var(--ww-radius-lg);
	backdrop-filter: blur(8px);
}
.ww-hero__avatars { display: flex; }
.ww-hero__avatars span {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--ww-primary), #ff8a5c);
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.78rem;
	font-weight: 700;
	margin-left: -10px;
	border: 2px solid var(--ww-dark-2);
}
.ww-hero__avatars span:first-child { margin-left: 0; }
.ww-hero__clients strong { display: block; color: white; font-size: 1.6rem; font-family: var(--ww-font-head); }
.ww-hero__clients span { font-size: 0.85rem; color: #94a3b8; }
.ww-hero .ww-btn--outline {
	border-color: rgba(255,255,255,0.35);
	color: white;
	background: transparent;
}
.ww-hero .ww-btn--outline:hover { background: white; color: var(--ww-dark); border-color: white; }
.ww-hero__visual-box {
	position: relative;
	width: 220px;
	height: 220px;
	margin-bottom: 8px;
}
.ww-hero__visual-ring {
	position: absolute;
	inset: 0;
	border: 2px dashed rgba(255,74,23,0.35);
	border-radius: 50%;
	animation: wwSpin 20s linear infinite;
}
.ww-hero__visual-core {
	position: absolute;
	inset: 30px;
	background: linear-gradient(135deg, var(--ww-primary), #ff8a5c);
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: white;
	box-shadow: 0 20px 50px rgba(255,74,23,0.35);
}
.ww-hero__visual-core span { font-size: 2.5rem; font-weight: 800; font-family: var(--ww-font-head); line-height: 1; }
.ww-hero__visual-core small { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 2px; opacity: 0.9; }
@keyframes wwSpin { to { transform: rotate(360deg); } }
.ww-hero__dots {
	position: absolute;
	bottom: 36px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 10px;
	z-index: 10;
}
.ww-hero__dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: none;
	background: rgba(255,255,255,0.25);
	cursor: pointer;
	padding: 0;
	transition: 0.3s;
}
.ww-hero__dot.active {
	background: var(--ww-primary);
	width: 28px;
	border-radius: 5px;
}

/* Features */
.ww-features {
	padding: 0 0 80px;
	margin-top: -60px;
	position: relative;
	z-index: 5;
}
.ww-features__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}
.ww-feature-box {
	background: white;
	padding: 36px 32px;
	border-radius: var(--ww-radius-lg);
	box-shadow: var(--ww-shadow-lg);
	border: 1px solid var(--ww-border);
	transition: transform 0.3s, box-shadow 0.3s;
}
.ww-feature-box:hover {
	transform: translateY(-4px);
	box-shadow: 0 24px 60px rgba(10,22,40,0.12);
}
.ww-feature-box__icon {
	width: 56px;
	height: 56px;
	background: rgba(255,74,23,0.1);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
	margin-bottom: 18px;
}
.ww-feature-box h3 { font-size: 1.2rem; margin-bottom: 10px; }
.ww-feature-box p { font-size: 0.95rem; line-height: 1.7; }

/* About */
.ww-about__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.ww-about__images { position: relative; height: 420px; }
.ww-about__img { position: absolute; border-radius: var(--ww-radius-lg); }
.ww-about__img--1 {
	width: 72%;
	height: 78%;
	top: 0;
	left: 0;
	box-shadow: var(--ww-shadow-lg);
}
.ww-about__img--2 {
	width: 58%;
	height: 58%;
	bottom: 0;
	right: 0;
	border: 5px solid white;
	box-shadow: var(--ww-shadow);
}
.ww-about__since { position: absolute; bottom: 30px; left: 30px; background: var(--ww-primary); color: white; padding: 20px 28px; border-radius: var(--ww-radius); text-align: center; }
.ww-about__since span { display: block; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; }
.ww-about__since strong { font-size: 2rem; font-family: var(--ww-font-head); }
.ww-about__since small { display: block; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 1px; margin-top: 2px; opacity: 0.95; }
.ww-about__content h2 { font-size: 2rem; margin-bottom: 20px; }
.ww-about__content p { margin-bottom: 24px; }

/* Featured Services */
.ww-featured-services { display: flex; flex-direction: column; gap: 30px; }
.ww-featured-svc { display: grid; grid-template-columns: auto 1fr; gap: 30px; align-items: center; background: white; padding: 36px; border-radius: var(--ww-radius-lg); border: 1px solid var(--ww-border); transition: 0.3s; }
.ww-featured-svc:has(.ww-featured-svc__visual) { grid-template-columns: auto 1fr 180px; }
.ww-featured-svc:hover { box-shadow: var(--ww-shadow); border-color: var(--ww-primary); }
.ww-featured-svc__num { font-size: 3rem; font-weight: 800; color: rgba(255,74,23,0.15); font-family: var(--ww-font-head); }
.ww-featured-svc__cat { font-size: 0.8rem; font-weight: 700; text-transform: uppercase; color: var(--ww-primary); letter-spacing: 1px; }
.ww-featured-svc h3 { font-size: 1.3rem; margin: 8px 0; }
.ww-featured-svc p { font-size: 0.95rem; margin-bottom: 12px; }
.ww-code-block { background: var(--ww-dark); border-radius: var(--ww-radius); padding: 16px; }
.ww-code-block span { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 6px; background: #475569; }
.ww-code-block span:nth-child(1) { background: #ef4444; }
.ww-code-block span:nth-child(2) { background: #f59e0b; }
.ww-code-block span:nth-child(3) { background: #10b981; }
.ww-code-block pre { color: #94a3b8; font-size: 0.75rem; margin-top: 10px; }

/* Service Grid */
.ww-svc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.ww-svc-card {
	background: white;
	padding: 36px 28px;
	border-radius: var(--ww-radius-lg);
	border: 1px solid var(--ww-border);
	transition: 0.35s ease;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.ww-svc-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--ww-primary), #ff8a5c);
	transform: scaleX(0);
	transition: transform 0.35s;
}
.ww-svc-card:hover::before { transform: scaleX(1); }
.ww-svc-card:hover {
	transform: translateY(-8px);
	box-shadow: var(--ww-shadow-lg);
	border-color: transparent;
}
.ww-svc-card__icon {
	width: 64px;
	height: 64px;
	margin: 0 auto 18px;
	background: rgba(255,74,23,0.08);
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.8rem;
}
.ww-svc-card h3 { font-size: 1.15rem; margin-bottom: 12px; }
.ww-svc-card p { font-size: 0.9rem; margin-bottom: 20px; }

/* Transform + Marquee */
.ww-transform { background: var(--ww-dark); color: #94a3b8; padding-bottom: 0; }
.ww-transform__grid { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center; padding-bottom: 60px; }
.ww-transform h2 { color: white; font-size: 2rem; margin-bottom: 30px; }
.ww-transform__item { margin-bottom: 24px; }
.ww-transform__item h4 { color: white; margin-bottom: 8px; }
.ww-transform__badge { background: var(--ww-primary); color: white; padding: 40px; border-radius: 50%; width: 160px; height: 160px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; font-family: var(--ww-font-head); }
.ww-transform__badge strong { font-size: 1.4rem; line-height: 1.2; }
.ww-transform__badge span { font-size: 1.8rem; font-weight: 800; margin-top: 4px; }
.ww-marquee { overflow: hidden; background: var(--ww-dark-2); padding: 20px 0; border-top: 1px solid rgba(255,255,255,0.06); }
.ww-marquee__track { display: flex; gap: 40px; animation: wwMarquee 30s linear infinite; width: max-content; }
.ww-marquee__item { white-space: nowrap; color: rgba(255,255,255,0.6); font-weight: 600; font-size: 0.95rem; }
@keyframes wwMarquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

/* Process */
.ww-process { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.ww-process__step { background: white; padding: 32px 24px; border-radius: var(--ww-radius-lg); border: 1px solid var(--ww-border); position: relative; }
.ww-process__step::after { content: '→'; position: absolute; right: -18px; top: 50%; transform: translateY(-50%); color: var(--ww-primary); font-size: 1.2rem; font-weight: 700; }
.ww-process__step:last-child::after { display: none; }
.ww-process__label { font-size: 0.75rem; font-weight: 700; color: var(--ww-primary); letter-spacing: 1px; }
.ww-process__step h3 { font-size: 1.1rem; margin: 12px 0 8px; }
.ww-process__step p { font-size: 0.9rem; }

/* Portfolio */
.ww-portfolio-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.ww-portfolio-card { border-radius: var(--ww-radius-lg); overflow: hidden; background: white; border: 1px solid var(--ww-border); transition: 0.3s; }
.ww-portfolio-card:hover { transform: translateY(-6px); box-shadow: var(--ww-shadow); }
.ww-portfolio-card__thumb { height: 200px; display: flex; align-items: center; justify-content: center; }
.ww-portfolio-card__body { padding: 20px; }
.ww-portfolio-card__body span { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; color: var(--ww-primary); letter-spacing: 1px; }
.ww-portfolio-card__body h3 { font-size: 1rem; margin-top: 6px; }

/* Why Tabs */
.ww-why { padding: 90px 0; }
.ww-why__head { text-align: center; margin-bottom: 40px; }
.ww-why__head h2 { color: white; }
.ww-tabs__nav { display: flex; justify-content: center; gap: 8px; margin-bottom: 40px; flex-wrap: wrap; }
.ww-tabs__btn { padding: 12px 24px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); color: #94a3b8; border-radius: 6px; cursor: pointer; font-family: var(--ww-font); font-weight: 600; font-size: 0.9rem; transition: 0.3s; }
.ww-tabs__btn.active, .ww-tabs__btn:hover { background: var(--ww-primary); border-color: var(--ww-primary); color: white; }
.ww-tabs__panel { display: none; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: var(--ww-radius-lg); padding: 40px; max-width: 700px; margin: 0 auto; text-align: center; }
.ww-tabs__panel.active { display: block; }
.ww-tabs__panel h3 { color: white; font-size: 1.4rem; margin-bottom: 16px; }
.ww-tabs__features { display: flex; justify-content: center; gap: 30px; margin-top: 24px; flex-wrap: wrap; }
.ww-tabs__feat { display: flex; align-items: center; gap: 10px; color: white; font-size: 0.9rem; }

/* Callback Form */
.ww-callback__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }
.ww-callback h2 { font-size: 2rem; margin-bottom: 24px; }
.ww-callback__info strong a { color: var(--ww-primary); font-size: 1.3rem; }
.ww-callback__form { background: white; padding: 36px; border-radius: var(--ww-radius-lg); box-shadow: var(--ww-shadow); border: 1px solid var(--ww-border); }
.ww-callback__form h3 { margin-bottom: 24px; font-size: 1.2rem; }
.ww-callback__form input, .ww-callback__form select, .ww-callback__form textarea { width: 100%; padding: 12px 16px; border: 1px solid var(--ww-border); border-radius: 6px; margin-bottom: 14px; font-family: var(--ww-font); font-size: 0.95rem; background: var(--ww-gray); }
.ww-callback__form input:focus, .ww-callback__form select:focus, .ww-callback__form textarea:focus { outline: none; border-color: var(--ww-primary); background: white; }

/* Team */
.ww-team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.ww-team-card { text-align: center; background: white; padding: 32px 20px; border-radius: var(--ww-radius-lg); border: 1px solid var(--ww-border); transition: 0.3s; }
.ww-team-card:hover { box-shadow: var(--ww-shadow); transform: translateY(-4px); }
.ww-team-card__avatar { width: 80px; height: 80px; border-radius: 50%; background: linear-gradient(135deg, var(--ww-primary), #ff8a5c); color: white; font-size: 2rem; font-weight: 700; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; }
.ww-team-card h3 { font-size: 1.05rem; margin-bottom: 4px; }
.ww-team-card span { font-size: 0.85rem; color: var(--ww-primary); font-weight: 600; }

/* Testimonials */
.ww-testimonial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.ww-testimonial-carousel {
	position: relative;
	padding: 0 52px 44px;
}
.ww-testimonial-carousel__viewport {
	overflow: hidden;
}
.ww-testimonial-carousel__track {
	display: flex;
	transition: transform 0.55s ease;
	will-change: transform;
}
.ww-testimonial-carousel__slide {
	flex: 0 0 100%;
	min-width: 0;
	padding: 0 12px;
	box-sizing: border-box;
}
.ww-testimonial-carousel__btn {
	position: absolute;
	top: 42%;
	transform: translateY(-50%);
	width: 42px;
	height: 42px;
	border: 1px solid var(--ww-border);
	border-radius: 50%;
	background: white;
	color: var(--ww-dark);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 2;
	transition: 0.3s;
	box-shadow: var(--ww-shadow);
}
.ww-testimonial-carousel__btn:hover {
	background: var(--ww-primary);
	border-color: var(--ww-primary);
	color: white;
}
.ww-testimonial-carousel__btn--prev { left: 0; }
.ww-testimonial-carousel__btn--next { right: 0; }
.ww-testimonial-carousel__dots {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 28px;
}
.ww-testimonial-carousel__dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: none;
	background: #cbd5e1;
	cursor: pointer;
	padding: 0;
	transition: 0.3s;
}
.ww-testimonial-carousel__dot.active,
.ww-testimonial-carousel__dot:hover {
	background: var(--ww-primary);
	transform: scale(1.15);
}
.ww-testimonial-card { background: white; padding: 32px 28px; border-radius: var(--ww-radius-lg); border: 1px solid var(--ww-border); height: 100%; }
.ww-stars { display: flex; align-items: center; gap: 4px; color: #f59e0b; margin-bottom: 16px; }
.ww-stars span { color: var(--ww-text); font-size: 0.85rem; margin-left: 6px; }
.ww-testimonial-card p { font-style: italic; margin-bottom: 20px; font-size: 0.95rem; }
.ww-testimonial-card__author { display: flex; align-items: center; gap: 12px; }
.ww-testimonial-card__avatar { width: 44px; height: 44px; border-radius: 50%; background: var(--ww-primary); color: white; display: flex; align-items: center; justify-content: center; font-weight: 700; }
.ww-testimonial-card__author strong { display: block; color: var(--ww-heading); font-size: 0.95rem; }
.ww-testimonial-card__author span { font-size: 0.82rem; color: var(--ww-text); }

/* Pricing */
.ww-pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.ww-pricing-card { background: white; padding: 36px 28px; border-radius: var(--ww-radius-lg); border: 1px solid var(--ww-border); text-align: center; position: relative; transition: 0.3s; }
.ww-pricing-card--popular { border-color: var(--ww-primary); box-shadow: 0 12px 40px rgba(255,74,23,0.15); transform: scale(1.04); }
.ww-pricing-card__tag { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: var(--ww-primary); color: white; padding: 4px 16px; border-radius: 50px; font-size: 0.75rem; font-weight: 700; white-space: nowrap; }
.ww-pricing-card h3 { font-size: 1.2rem; margin-bottom: 8px; }
.ww-pricing-card__price { margin: 20px 0; }
.ww-pricing-card__price strong { font-size: 2.2rem; color: var(--ww-primary); font-family: var(--ww-font-head); }
.ww-pricing-card__price span { font-size: 0.9rem; color: var(--ww-text); }
.ww-pricing-card ul { list-style: none; text-align: left; margin: 24px 0; }
.ww-pricing-card ul li { padding: 6px 0; font-size: 0.9rem; border-bottom: 1px solid var(--ww-border); }

/* Stats */
.ww-stats { background: var(--ww-primary); padding: 60px 0; }
.ww-stats__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; text-align: center; }
.ww-stats__grid--3 { grid-template-columns: repeat(3, 1fr); }
.ww-stats__grid--4 { grid-template-columns: repeat(4, 1fr); }
.ww-stat__num { display: block; font-size: 3rem; font-family: var(--ww-font-head); color: white; font-weight: 800; }
.ww-stat span { color: rgba(255,255,255,0.85); font-size: 0.95rem; }

/* Blog */
.ww-blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.ww-blog-card { background: white; border-radius: var(--ww-radius-lg); overflow: hidden; border: 1px solid var(--ww-border); transition: 0.3s; }
.ww-blog-card:hover { box-shadow: var(--ww-shadow); transform: translateY(-4px); }
.ww-blog-card__img { aspect-ratio: 16/10; overflow: hidden; background: var(--ww-gray); }
.ww-blog-card__img img { width: 100%; height: 100%; object-fit: cover; }
.ww-blog-card__placeholder { width: 100%; height: 100%; background: linear-gradient(135deg, var(--ww-dark-2), var(--ww-primary)); }
.ww-blog-card__body { padding: 24px; }
.ww-blog-card__body time { font-size: 0.82rem; color: var(--ww-primary); font-weight: 600; }
.ww-blog-card__body h3 { font-size: 1.05rem; margin: 10px 0; }
.ww-blog-card__body h3 a { color: var(--ww-heading); }
.ww-blog-card__body h3 a:hover { color: var(--ww-primary); }

/* CTA Slider */
.ww-cta-slider {
	position: relative;
	background: linear-gradient(135deg, var(--ww-dark) 0%, var(--ww-dark-2) 55%, #003d7a 100%);
	padding: 80px 0 70px;
	text-align: left;
	overflow: hidden;
}
.ww-cta-slider__bg {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 15% 20%, rgba(255,69,0,0.18) 0%, transparent 42%),
		radial-gradient(circle at 85% 80%, rgba(255,69,0,0.12) 0%, transparent 40%);
	pointer-events: none;
}
.ww-cta-slider__wrap { position: relative; z-index: 1; }
.ww-cta-slider__viewport {
	position: relative;
	min-height: 360px;
}
.ww-cta-slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.65s ease, visibility 0.65s;
}
.ww-cta-slide.active {
	opacity: 1;
	visibility: visible;
	z-index: 2;
}
.ww-cta-slide__grid {
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: 48px;
	align-items: center;
	min-height: 360px;
}
.ww-cta-slide__content {
	text-align: left;
	transform: translateX(-24px);
	opacity: 0;
	transition: transform 0.65s ease, opacity 0.65s ease;
}
.ww-cta-slide.active .ww-cta-slide__content {
	transform: translateX(0);
	opacity: 1;
}
.ww-cta-slide__visual {
	position: relative;
	border-radius: var(--ww-radius-lg);
	overflow: hidden;
	box-shadow: 0 24px 60px rgba(0,0,0,0.28);
	border: 4px solid rgba(255,255,255,0.08);
	transform: translateX(24px);
	opacity: 0;
	transition: transform 0.65s ease 0.1s, opacity 0.65s ease 0.1s;
}
.ww-cta-slide.active .ww-cta-slide__visual {
	transform: translateX(0);
	opacity: 1;
}
.ww-cta-slide__img {
	width: 100%;
	height: 340px;
	object-fit: cover;
	display: block;
}
.ww-cta-slide__visual-badge {
	position: absolute;
	left: 20px;
	bottom: 20px;
	background: var(--ww-primary);
	color: white;
	padding: 10px 16px;
	border-radius: 8px;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}
.ww-cta-slide__label {
	display: inline-block;
	color: #fb923c;
	font-size: 0.8rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 14px;
}
.ww-cta-slide h2 {
	color: white;
	font-size: clamp(1.7rem, 3.2vw, 2.35rem);
	margin-bottom: 28px;
	max-width: 560px;
	line-height: 1.3;
	text-align: left;
}
.ww-cta-slide .ww-btn--white {
	color: var(--ww-primary);
	font-weight: 700;
	min-width: 200px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}
.ww-cta-slide .ww-btn--white:hover {
	background: var(--ww-primary);
	color: white;
	border-color: var(--ww-primary);
	transform: translateY(-2px);
}
.ww-cta-slide__footer {
	margin-top: 26px;
	color: #94a3b8;
	font-size: 0.95rem;
}
.ww-cta-slide__footer strong { color: #cbd5e1; font-weight: 600; }
.ww-cta-slide__footer a {
	color: var(--ww-primary);
	margin-left: 4px;
}
.ww-cta-slide__footer a:hover { color: #ff8a5c; }
.ww-cta-slider__dots {
	display: flex;
	justify-content: flex-start;
	gap: 10px;
	margin-top: 28px;
	padding-left: 2px;
}
.ww-cta-slider__dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: none;
	background: rgba(255,255,255,0.25);
	cursor: pointer;
	padding: 0;
	transition: 0.3s;
}
.ww-cta-slider__dot.active,
.ww-cta-slider__dot:hover {
	background: var(--ww-primary);
	transform: scale(1.2);
}

/* Legacy CTA */
.ww-cta { background: linear-gradient(135deg, var(--ww-dark) 0%, var(--ww-dark-2) 100%); padding: 80px 0; text-align: center; }
.ww-cta__inner h2 { color: white; font-size: 2rem; margin-bottom: 24px; max-width: 600px; margin-left: auto; margin-right: auto; }
.ww-cta__phone { margin-top: 24px; color: #94a3b8; }
.ww-cta__phone strong a { color: var(--ww-primary); }

/* Footer — Worldweb style */
.ww-footer {
	position: relative;
	color: #94a3b8;
	margin-top: 0;
}
.ww-footer__wrap { position: relative; }

.ww-footer__main {
	position: relative;
	background: var(--ww-dark);
	overflow: hidden;
}
.ww-footer__main::before,
.ww-footer__main::after {
	content: '';
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
}
.ww-footer__main::before {
	width: 520px;
	height: 520px;
	top: -180px;
	left: -120px;
	background: radial-gradient(circle, rgba(255,69,0,0.12) 0%, transparent 68%);
}
.ww-footer__main::after {
	width: 600px;
	height: 600px;
	bottom: -220px;
	right: -160px;
	background: radial-gradient(circle, rgba(0,61,122,0.55) 0%, transparent 70%);
}
.ww-footer__main .ww-container { position: relative; z-index: 1; }

.ww-footer__grid {
	display: grid;
	grid-template-columns: 1.55fr 0.85fr 0.85fr 1.2fr;
	gap: 40px;
	padding: 70px 0 40px;
	border-bottom: 1px solid rgba(255,255,255,0.08);
}
.ww-footer__brand { min-width: 0; max-width: 320px; }
.ww-footer__brand .ww-logo__img {
	height: 58px;
	max-width: 220px;
	background: white;
	padding: 8px 12px;
	border-radius: 10px;
}
.ww-footer__contact-row {
	display: flex;
	flex-direction: column;
	gap: 18px;
	margin-top: 24px;
}
.ww-footer__contact-block h4 {
	color: white;
	font-size: 0.78rem;
	letter-spacing: 1px;
	margin-bottom: 8px;
	font-weight: 700;
}
.ww-footer__contact-block a,
.ww-footer__contact-text--plain {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	color: #94a3b8;
	font-size: 0.92rem;
	line-height: 1.5;
	margin: 0;
}
.ww-footer__contact-block a:hover { color: var(--ww-primary); }
.ww-footer__contact-block svg { flex-shrink: 0; color: var(--ww-primary); margin-top: 3px; }
.ww-footer__contact-text {
	flex: 1;
	min-width: 0;
	word-break: normal;
	overflow-wrap: anywhere;
}

.ww-footer__social {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 22px;
}
.ww-footer__social a {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(255,255,255,0.08);
	border: 1px solid rgba(255,255,255,0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	transition: 0.3s;
}
.ww-footer__social a:hover {
	background: var(--ww-primary);
	border-color: var(--ww-primary);
	transform: translateY(-2px);
}

.ww-footer__links h4,
.ww-footer__blog h4 {
	color: white;
	margin-bottom: 22px;
	font-size: 1.05rem;
	font-weight: 700;
}
.ww-footer__links ul { list-style: none; }
.ww-footer__links li { margin-bottom: 12px; }
.ww-footer__links a {
	font-size: 0.92rem;
	color: #94a3b8;
	transition: 0.3s;
}
.ww-footer__links a:hover { color: white; padding-left: 4px; }

.ww-footer__blog-item {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
}
.ww-footer__blog-item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.ww-footer__blog-thumb {
	width: 72px;
	height: 72px;
	border-radius: 10px;
	overflow: hidden;
	flex-shrink: 0;
	background: rgba(255,255,255,0.06);
}
.ww-footer__blog-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.ww-footer__blog-text strong {
	display: block;
	color: white;
	font-size: 0.9rem;
	line-height: 1.45;
	margin-bottom: 6px;
	font-weight: 600;
}
.ww-footer__blog-text time {
	font-size: 0.8rem;
	color: #94a3b8;
}
.ww-footer__blog-item:hover .ww-footer__blog-text strong { color: var(--ww-primary); }

.ww-footer__bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 22px 0 28px;
	flex-wrap: wrap;
	gap: 12px;
	font-size: 0.88rem;
}
.ww-footer__bottom-links {
	display: flex;
	align-items: center;
	gap: 12px;
	color: rgba(255,255,255,0.25);
}
.ww-footer__bottom-links a { color: #94a3b8; }
.ww-footer__bottom-links a:hover { color: white; }

.ww-back-top {
	position: fixed;
	right: 24px;
	bottom: 24px;
	width: 46px;
	height: 46px;
	border: none;
	border-radius: 50%;
	background: var(--ww-primary);
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 8px 24px rgba(255,69,0,0.35);
	opacity: 0;
	visibility: hidden;
	transform: translateY(12px);
	transition: 0.3s;
	z-index: 999;
}
.ww-back-top.visible {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.ww-back-top:hover { background: var(--ww-primary-dark); }

.ww-contact-social { margin-top: 10px; }
.ww-contact-social__icons { display: flex; gap: 10px; flex-wrap: wrap; }
.ww-contact-social__icons a {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--ww-gray);
	border: 1px solid var(--ww-border);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--ww-dark);
	transition: 0.3s;
}
.ww-contact-social__icons a:hover {
	background: var(--ww-primary);
	border-color: var(--ww-primary);
	color: white;
	transform: translateY(-2px);
}
.ww-contact-social__icons a svg { display: block; }

/* Contact Page */
.ww-contact-info h2 { font-size: 1.8rem; margin-bottom: 16px; }
.ww-contact-info > p { margin-bottom: 28px; }
.ww-contact-cards { display: flex; flex-direction: column; gap: 16px; }
.ww-contact-card {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	padding: 20px;
	background: var(--ww-gray);
	border-radius: var(--ww-radius);
	border: 1px solid var(--ww-border);
	transition: 0.3s;
}
.ww-contact-card:hover { border-color: var(--ww-primary); background: white; box-shadow: var(--ww-shadow); }
.ww-contact-card__icon {
	width: 48px;
	height: 48px;
	background: white;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.3rem;
	flex-shrink: 0;
	border: 1px solid var(--ww-border);
}
.ww-contact-card strong { display: block; color: var(--ww-heading); margin-bottom: 4px; font-size: 0.95rem; }
.ww-contact-card p { margin: 0; font-size: 0.9rem; }
.ww-contact-card a { color: var(--ww-primary); font-weight: 600; }
.ww-map iframe { display: block; width: 100%; filter: grayscale(20%); }
.ww-alert {
	padding: 14px 18px;
	border-radius: 8px;
	margin-bottom: 20px;
	font-size: 0.92rem;
	font-weight: 500;
}
.ww-alert--success { background: #dcfce7; color: #166534; border: 1px solid #bbf7d0; }
.ww-alert--error { background: #fee2e2; color: #991b1b; border: 1px solid #fecaca; }

/* Page Hero */
.dmp-page-hero, .ww-page-hero {
	background-color: var(--ww-dark);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 130px 0 70px;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.dmp-page-hero::before, .ww-page-hero::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 50% 0%, rgba(255,74,23,0.12), transparent 55%);
	z-index: 1;
	pointer-events: none;
}
.dmp-page-hero .ww-container, .dmp-page-hero .dmp-container, .ww-page-hero .ww-container {
	position: relative;
	z-index: 2;
}
.dmp-page-hero__title, .ww-page-hero__title { color: white; font-size: clamp(2rem, 4vw, 2.8rem); margin-bottom: 12px; }
.dmp-page-hero__subtitle, .ww-page-hero__subtitle { color: #94a3b8; max-width: 600px; margin: 0 auto 20px; }
.dmp-breadcrumb, .ww-breadcrumb { display: flex; justify-content: center; gap: 8px; font-size: 0.9rem; color: #64748b; }
.dmp-breadcrumb a { color: #94a3b8; }
.dmp-breadcrumb a:hover { color: var(--ww-primary); }
.dmp-breadcrumb span:last-child { color: var(--ww-primary); }

/* Legacy dmp- classes for inner pages */
.dmp-section { padding: 90px 0; }
.dmp-section--gray { background: var(--ww-gray); }
.dmp-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.dmp-grid { display: grid; gap: 24px; }
.dmp-grid--2 { grid-template-columns: repeat(2, 1fr); }
.dmp-grid--3 { grid-template-columns: repeat(3, 1fr); }
.dmp-grid--4 { grid-template-columns: repeat(4, 1fr); }
.dmp-section__header { text-align: center; margin-bottom: 50px; }
.dmp-section__header h2 { font-size: 2rem; }
.dmp-badge { display: inline-block; color: var(--ww-primary); font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 12px; }
.dmp-btn { display: inline-flex; align-items: center; padding: 14px 28px; background: var(--ww-primary); color: white; border-radius: 6px; font-weight: 600; border: none; cursor: pointer; }
.dmp-btn--primary { background: var(--ww-primary); color: white; }
.dmp-btn--outline { background: transparent; border: 2px solid var(--ww-dark); color: var(--ww-dark); }
.dmp-btn--white { background: white; color: var(--ww-primary); }
.dmp-btn--lg { padding: 16px 32px; }
.dmp-btn--full { width: 100%; justify-content: center; }
.dmp-btn--sm { padding: 10px 20px; font-size: 0.85rem; }
.dmp-service-detail-card, .dmp-mission-card, .dmp-value-card, .dmp-team-card, .dmp-testimonial-card, .dmp-pricing-card, .dmp-blog-card, .dmp-portfolio-card, .dmp-feature-card { background: white; padding: 32px 24px; border-radius: var(--ww-radius-lg); border: 1px solid var(--ww-border); }
.dmp-checklist { list-style: none; margin: 16px 0; }
.dmp-checklist li { padding: 6px 0 6px 24px; position: relative; font-size: 0.9rem; }
.dmp-checklist li::before { content: '✓'; position: absolute; left: 0; color: var(--ww-primary); font-weight: 700; }
.dmp-contact-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 50px; }
.dmp-contact-form-wrap { background: white; padding: 36px; border-radius: var(--ww-radius-lg); box-shadow: var(--ww-shadow); border: 1px solid var(--ww-border); }
.dmp-form-group { margin-bottom: 16px; }
.dmp-form-group label { display: block; font-weight: 600; margin-bottom: 6px; font-size: 0.9rem; color: var(--ww-heading); }
.dmp-form-group input, .dmp-form-group textarea, .dmp-form-group select { width: 100%; padding: 12px 16px; border: 1px solid var(--ww-border); border-radius: 6px; font-family: var(--ww-font); background: var(--ww-gray); }
.dmp-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.dmp-alert { padding: 14px 20px; border-radius: 6px; margin-bottom: 20px; font-weight: 500; }
.dmp-alert--success { background: #dcfce7; color: #166534; }
.dmp-alert--error { background: #fee2e2; color: #991b1b; }
.dmp-cta { background: var(--ww-primary); padding: 70px 0; text-align: center; }
.dmp-cta__inner h2 { color: white; margin-bottom: 16px; }
.dmp-cta__inner p { color: rgba(255,255,255,0.9); margin-bottom: 24px; }
.dmp-stats { background: var(--ww-dark); padding: 60px 0; }
.dmp-stats__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; text-align: center; }
.dmp-stat__number { display: block; font-size: 2.5rem; color: white; font-family: var(--ww-font-head); }
.dmp-stat span { color: #94a3b8; font-size: 0.9rem; }
.dmp-process { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.dmp-process__step { background: white; padding: 28px 20px; border-radius: var(--ww-radius-lg); border: 1px solid var(--ww-border); text-align: center; }
.dmp-process__num { font-size: 2rem; font-weight: 800; color: rgba(255,74,23,0.2); }
.dmp-pagination { margin-top: 40px; text-align: center; }
.dmp-pagination .nav-links { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; }
.dmp-pagination a, .dmp-pagination span { padding: 8px 16px; border: 1px solid var(--ww-border); border-radius: 6px; }
.dmp-pagination .current { background: var(--ww-primary); color: white; border-color: var(--ww-primary); }

.ww-hero__photo {
	border-radius: var(--ww-radius-lg);
	overflow: hidden;
	box-shadow: var(--ww-shadow-lg);
	border: 4px solid rgba(255,255,255,0.1);
	max-width: 380px;
}
.ww-hero__photo-img { width: 100%; height: 280px; object-fit: cover; display: block; }
.ww-hero__avatar-img {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	object-fit: cover;
	margin-left: -10px;
	border: 2px solid var(--ww-dark-2);
}
.ww-hero__avatars .ww-hero__avatar-img:first-child { margin-left: 0; }

/* About images */
.ww-about__img img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: inherit; }
.ww-about__img--1, .ww-about__img--2 { overflow: hidden; }

/* Featured service images */
.ww-featured-svc__visual { border-radius: var(--ww-radius); overflow: hidden; height: 160px; }
.ww-featured-svc__img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Service card thumbs */
.ww-svc-card { padding: 0; overflow: hidden; text-align: left; }
.ww-svc-card__thumb { height: 180px; overflow: hidden; }
.ww-svc-card__img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.ww-svc-card:hover .ww-svc-card__img { transform: scale(1.08); }
.ww-svc-card h3, .ww-svc-card p, .ww-svc-card .ww-btn { margin-left: 24px; margin-right: 24px; }
.ww-svc-card h3 { margin-top: 20px; }
.ww-svc-card .ww-btn { margin-bottom: 24px; }
.ww-svc-card__icon { margin: 24px 24px 0; }

/* Transform media */
@media (min-width: 1025px) {
	.ww-transform__grid { grid-template-columns: 1fr 1fr; }
}
.ww-transform__media { position: relative; border-radius: var(--ww-radius-lg); overflow: hidden; }
.ww-transform__img { width: 100%; height: 420px; object-fit: cover; display: block; }
.ww-transform__badge {
	position: absolute;
	bottom: 24px;
	right: 24px;
	width: 120px;
	height: 120px;
}

/* Portfolio with images */
.ww-portfolio-card__thumb { position: relative; height: 240px; overflow: hidden; }
.ww-portfolio-card__img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; display: block; }
.ww-portfolio-card:hover .ww-portfolio-card__img { transform: scale(1.1); }
.ww-portfolio-card__overlay {
	position: absolute;
	inset: 0;
	background: rgba(10,22,40,0.6);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s;
}
.ww-portfolio-card:hover .ww-portfolio-card__overlay { opacity: 1; }
.ww-portfolio-card__link {
	color: white;
	border: 2px solid white;
	padding: 10px 20px;
	border-radius: 6px;
	font-weight: 600;
	font-size: 0.9rem;
}
.ww-portfolio-card__link:hover { background: white; color: var(--ww-dark); }
@media (min-width: 1025px) {
	.ww-portfolio-grid--home { grid-template-columns: repeat(4, 1fr); }
	.ww-portfolio-grid--page { grid-template-columns: repeat(3, 1fr); }
}

/* Team photos */
.ww-team-card__photo {
	width: 120px;
	height: 120px;
	margin: 0 auto 16px;
	border-radius: 50%;
	overflow: hidden;
	border: 4px solid rgba(255,74,23,0.15);
}
.ww-team-card__img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Callback / contact photos */
.ww-callback__photo { border-radius: var(--ww-radius-lg); overflow: hidden; margin-bottom: 24px; box-shadow: var(--ww-shadow); }
.ww-callback__photo--lg .ww-callback__photo-img { height: 280px; }
.ww-callback__photo-img { width: 100%; height: 200px; object-fit: cover; display: block; }

/* Page hero with bg image */
.ww-page-hero, .dmp-page-hero {
	background-size: cover;
	background-position: center;
	position: relative;
}
.ww-page-hero__overlay, .dmp-page-hero::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(10,22,40,0.88), rgba(10,22,40,0.75));
	z-index: 1;
	pointer-events: none;
}
.ww-page-hero__overlay { z-index: 1; }

/* Blog images */
.ww-blog-card__img { display: block; aspect-ratio: 16/10; overflow: hidden; }
.ww-blog-card__photo, .ww-blog-card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; display: block; }
.ww-blog-card:hover .ww-blog-card__photo, .ww-blog-card:hover .ww-blog-card__img img { transform: scale(1.06); }

/* Single post */
.ww-single { max-width: 800px; margin: 0 auto; }
.ww-single__image { border-radius: var(--ww-radius-lg); overflow: hidden; margin-bottom: 28px; box-shadow: var(--ww-shadow); }
.ww-single__image img { width: 100%; height: auto; display: block; }
.ww-single__meta { display: flex; gap: 16px; color: var(--ww-text); margin-bottom: 24px; font-size: 0.9rem; }
.ww-single__content { line-height: 1.8; font-size: 1.05rem; }
.ww-single__content p { margin-bottom: 1.4em; }
.ww-single__nav { display: flex; justify-content: space-between; margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--ww-border); gap: 16px; flex-wrap: wrap; }
.ww-empty { text-align: center; padding: 40px; }

.ww-pagination { margin-top: 40px; text-align: center; }
.ww-pagination .nav-links { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; }
.ww-pagination a, .ww-pagination span {
	display: inline-block;
	padding: 8px 16px;
	border: 1px solid var(--ww-border);
	border-radius: 6px;
	color: var(--ww-text);
}
.ww-pagination .current { background: var(--ww-primary); color: white; border-color: var(--ww-primary); }

/* Service detail pages */
.ww-svc-detail-intro__grid {
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: 48px;
	align-items: center;
}
.ww-svc-detail-intro__lead {
	font-size: 1.1rem;
	color: var(--ww-dark);
	font-weight: 500;
	margin-bottom: 16px;
}
.ww-svc-detail-intro__content p { margin-bottom: 16px; line-height: 1.75; }
.ww-svc-detail-intro__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 28px;
}
.ww-svc-detail-intro__visual { position: relative; }
.ww-svc-detail-intro__img-wrap {
	border-radius: var(--ww-radius-lg);
	overflow: hidden;
	box-shadow: var(--ww-shadow-lg);
	border: 1px solid var(--ww-border);
}
.ww-svc-detail-intro__img {
	width: 100%;
	height: 420px;
	object-fit: cover;
	display: block;
}
.ww-svc-detail-intro__badge {
	position: absolute;
	left: -20px;
	bottom: 28px;
	background: var(--ww-primary);
	color: white;
	padding: 18px 22px;
	border-radius: var(--ww-radius);
	box-shadow: var(--ww-shadow);
	text-align: center;
	min-width: 120px;
}
.ww-svc-detail-intro__badge strong {
	display: block;
	font-size: 1.6rem;
	font-family: var(--ww-font-heading);
	line-height: 1;
}
.ww-svc-detail-intro__badge span {
	font-size: 0.8rem;
	opacity: 0.95;
}
.ww-svc-detail-features {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}
.ww-svc-detail-feature {
	background: white;
	border: 1px solid var(--ww-border);
	border-radius: var(--ww-radius-lg);
	padding: 28px 22px;
	transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;
}
.ww-svc-detail-feature:hover {
	transform: translateY(-4px);
	box-shadow: var(--ww-shadow);
	border-color: rgba(255,69,0,0.25);
}
.ww-svc-detail-feature__icon {
	width: 52px;
	height: 52px;
	border-radius: 12px;
	background: rgba(255,69,0,0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	margin-bottom: 16px;
}
.ww-svc-detail-feature h3 {
	font-size: 1.05rem;
	margin-bottom: 8px;
}
.ww-svc-detail-feature p {
	font-size: 0.92rem;
	margin: 0;
	line-height: 1.6;
}
.ww-svc-detail-split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 28px;
}
.ww-svc-detail-panel {
	background: white;
	border: 1px solid var(--ww-border);
	border-radius: var(--ww-radius-lg);
	padding: 36px 32px;
}
.ww-svc-detail-panel--dark {
	background: linear-gradient(145deg, var(--ww-dark), var(--ww-dark-2));
	color: white;
	border: none;
}
.ww-svc-detail-panel--dark h2 { color: #ff4500; }
.ww-svc-detail-panel h2 { margin: 12px 0 20px; }
.ww-svc-detail-checklist,
.ww-svc-detail-why {
	list-style: none;
	margin: 0;
	padding: 0;
}
.ww-svc-detail-checklist li,
.ww-svc-detail-why li {
	position: relative;
	padding-left: 28px;
	margin-bottom: 12px;
	line-height: 1.6;
}
.ww-svc-detail-checklist li::before {
	content: '✓';
	position: absolute;
	left: 0;
	top: 0;
	color: var(--ww-primary);
	font-weight: 700;
}
.ww-svc-detail-why li::before {
	content: '→';
	position: absolute;
	left: 0;
	top: 0;
	color: var(--ww-primary);
	font-weight: 700;
}
.ww-svc-detail-panel--dark .ww-btn { margin-top: 24px; }
.ww-svc-detail-faq__grid {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: 40px;
	align-items: start;
}
.ww-svc-detail-faq__intro p { margin: 12px 0 16px; }
.ww-svc-detail-faq__item {
	background: white;
	border: 1px solid var(--ww-border);
	border-radius: var(--ww-radius);
	padding: 0 20px;
	margin-bottom: 12px;
}
.ww-svc-detail-faq__item summary {
	cursor: pointer;
	font-weight: 600;
	padding: 18px 28px 18px 0;
	list-style: none;
	position: relative;
}
.ww-svc-detail-faq__item summary::-webkit-details-marker { display: none; }
.ww-svc-detail-faq__item summary::after {
	content: '+';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	color: var(--ww-primary);
	font-size: 1.3rem;
	font-weight: 700;
}
.ww-svc-detail-faq__item[open] summary::after { content: '−'; }
.ww-svc-detail-faq__item p {
	margin: 0 0 18px;
	padding-top: 0;
	color: var(--ww-text);
	line-height: 1.7;
	font-size: 0.95rem;
}
.ww-svc-detail-related {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 18px;
}
.ww-svc-detail-related__card {
	display: block;
	background: white;
	border: 1px solid var(--ww-border);
	border-radius: var(--ww-radius);
	overflow: hidden;
	padding-bottom: 14px;
	transition: transform 0.25s, box-shadow 0.25s;
}
.ww-svc-detail-related__card:hover {
	transform: translateY(-4px);
	box-shadow: var(--ww-shadow);
}
.ww-svc-detail-related__thumb { height: 120px; overflow: hidden; }
.ww-svc-detail-related__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s;
}
.ww-svc-detail-related__card:hover .ww-svc-detail-related__img { transform: scale(1.08); }
.ww-svc-detail-related__card strong,
.ww-svc-detail-related__card span {
	display: block;
	padding: 0 14px;
}
.ww-svc-detail-related__card strong {
	margin-top: 12px;
	font-size: 0.95rem;
	color: var(--ww-dark);
}
.ww-svc-detail-related__card span {
	margin-top: 6px;
	font-size: 0.82rem;
	color: var(--ww-text);
	line-height: 1.5;
}
.ww-svc-detail-cta { padding-top: 0; }
.ww-svc-detail-cta__box {
	background: linear-gradient(135deg, var(--ww-dark), #0d2244);
	border-radius: var(--ww-radius-lg);
	padding: 40px 48px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
	color: white;
	box-shadow: var(--ww-shadow-lg);
}
.ww-svc-detail-cta__box h2 {
	color: white;
	margin-bottom: 8px;
	font-size: clamp(1.4rem, 2.5vw, 1.9rem);
}
.ww-svc-detail-cta__box p {
	margin: 0;
	opacity: 0.9;
	max-width: 520px;
}

/* Legal pages */
.ww-legal__layout {
	display: grid;
	grid-template-columns: 300px 1fr;
	gap: 32px;
	align-items: start;
}
.ww-legal__sidebar {
	display: flex;
	flex-direction: column;
	gap: 20px;
	position: sticky;
	top: 100px;
}
.ww-legal__card {
	background: white;
	border: 1px solid var(--ww-border);
	border-radius: var(--ww-radius-lg);
	padding: 24px 22px;
	box-shadow: var(--ww-shadow);
}
.ww-legal__card--info {
	background: linear-gradient(145deg, var(--ww-dark), var(--ww-dark-2));
	color: #cbd5e1;
	border: none;
}
.ww-legal__card--info h3,
.ww-legal__card h3 {
	font-size: 1.05rem;
	margin-bottom: 12px;
	color: var(--ww-heading);
}
.ww-legal__card--info h3 { color: white; }
.ww-legal__card--info p {
	margin-bottom: 16px;
	font-size: 0.92rem;
	line-height: 1.6;
}
.ww-legal__updated {
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fb923c;
	margin-bottom: 12px;
}
.ww-legal__contact-list {
	list-style: none;
	margin: 0 0 18px;
	padding: 0;
}
.ww-legal__contact-list li {
	margin-bottom: 14px;
	font-size: 0.9rem;
	line-height: 1.5;
}
.ww-legal__contact-list strong {
	display: block;
	color: white;
	font-size: 0.78rem;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 4px;
}
.ww-legal__contact-list a {
	color: #fb923c;
	font-weight: 600;
}
.ww-legal__contact-list a:hover { color: white; }
.ww-legal__contact-list span { color: #cbd5e1; }
.ww-legal__nav,
.ww-legal__related {
	list-style: none;
	margin: 0;
	padding: 0;
}
.ww-legal__nav li,
.ww-legal__related li { margin-bottom: 10px; }
.ww-legal__nav a,
.ww-legal__related a {
	display: block;
	padding: 10px 12px;
	border-radius: 8px;
	background: var(--ww-gray);
	color: var(--ww-heading);
	font-size: 0.9rem;
	font-weight: 600;
	transition: 0.25s;
}
.ww-legal__nav a:hover,
.ww-legal__related a:hover {
	background: rgba(255,69,0,0.1);
	color: var(--ww-primary);
}
.ww-legal__intro {
	background: white;
	border: 1px solid var(--ww-border);
	border-radius: var(--ww-radius-lg);
	padding: 28px 30px;
	margin-bottom: 24px;
	box-shadow: var(--ww-shadow);
}
.ww-legal__intro p {
	margin: 10px 0 0;
	font-size: 1.02rem;
	line-height: 1.75;
	color: var(--ww-heading);
}
.ww-legal__sections {
	display: flex;
	flex-direction: column;
	gap: 18px;
}
.ww-legal__section {
	background: white;
	border: 1px solid var(--ww-border);
	border-radius: var(--ww-radius-lg);
	padding: 28px 30px;
	box-shadow: var(--ww-shadow);
	scroll-margin-top: 110px;
}
.ww-legal__section-head {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 16px;
}
.ww-legal__section-num {
	width: 42px;
	height: 42px;
	border-radius: 10px;
	background: rgba(255,69,0,0.1);
	color: var(--ww-primary);
	font-weight: 800;
	font-family: var(--ww-font-head);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.ww-legal__section h2 {
	font-size: 1.25rem;
	margin: 0;
}
.ww-legal__list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.ww-legal__list li {
	position: relative;
	padding-left: 24px;
	margin-bottom: 10px;
	line-height: 1.7;
	color: var(--ww-text);
}
.ww-legal__list li::before {
	content: '•';
	position: absolute;
	left: 6px;
	top: 0;
	color: var(--ww-primary);
	font-weight: 700;
}
.ww-legal__note {
	margin-top: 24px;
	background: linear-gradient(135deg, rgba(255,69,0,0.08), rgba(0,43,91,0.05));
	border: 1px solid rgba(255,69,0,0.15);
	border-radius: var(--ww-radius-lg);
	padding: 22px 26px;
}
.ww-legal__note p {
	margin: 0;
	color: var(--ww-heading);
	line-height: 1.7;
	font-weight: 500;
}

/* Responsive */
@media (max-width: 1024px) {
	.ww-hero__grid, .ww-about__grid, .ww-transform__grid, .ww-callback__grid, .ww-cta-slide__grid, .dmp-contact-grid, .ww-svc-detail-intro__grid, .ww-svc-detail-split, .ww-svc-detail-faq__grid, .ww-legal__layout { grid-template-columns: 1fr; }
	.ww-features__grid, .ww-svc-grid, .ww-process, .ww-portfolio-grid, .ww-team-grid, .ww-testimonial-grid, .ww-pricing-grid, .ww-blog-grid, .ww-stats__grid, .ww-stats__grid--4, .dmp-grid--2, .dmp-grid--3, .dmp-grid--4, .dmp-stats__grid, .dmp-process, .ww-svc-detail-features, .ww-svc-detail-related { grid-template-columns: repeat(2, 1fr); }
	.ww-portfolio-grid--home,
	.ww-portfolio-grid--page { grid-template-columns: repeat(2, 1fr); }
	.ww-featured-svc { grid-template-columns: 1fr; }
	.ww-featured-svc__visual { display: none; }
	.ww-footer__grid { grid-template-columns: repeat(2, 1fr); }
	.ww-pricing-card--popular { transform: none; }
	.ww-process__step::after { display: none; }
}

@media (max-width: 768px) {
	.ww-container { padding: 0 16px; }
	.ww-topbar { font-size: 0.75rem; padding: 8px 0; }
	.ww-topbar__inner { justify-content: center; gap: 8px; }
	.ww-topbar__left { justify-content: center; gap: 12px; }
	.ww-topbar__left span,
	.ww-topbar__left a[href^="mailto"] { display: none; }
	.ww-topbar__right > span { display: none; }
	.ww-topbar__social a { width: 28px; height: 28px; }
	.ww-header__inner { height: 72px; }
	.ww-logo__img, .ww-logo .custom-logo { height: 48px; max-width: 180px; }
	.ww-nav-toggle { display: flex; position: relative; z-index: 1001; }
	.ww-nav-backdrop {
		display: none;
		position: fixed;
		inset: 0;
		background: rgba(0, 43, 91, 0.55);
		z-index: 998;
	}
	body.ww-nav-open .ww-nav-backdrop { display: block; }
	.ww-nav { position: fixed; top: 0; right: 0; bottom: 0; width: min(300px, 88vw); background: white; flex-direction: column; padding: 80px 20px 24px; transform: translateX(100%); transition: 0.3s; z-index: 999; box-shadow: -10px 0 40px rgba(0,0,0,0.1); overflow-y: auto; align-items: stretch; }
	.ww-nav.active { transform: translateX(0); }
	.ww-nav__list { flex-direction: column; width: 100%; align-items: stretch; }
	.ww-nav__list > li > a { padding: 14px 16px; font-size: 0.95rem; }
	.ww-nav__sub { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: none; padding-left: 12px; display: none; background: var(--ww-gray); border-radius: 8px; margin: 4px 0 8px; }
	.ww-nav__dropdown.open .ww-nav__sub { display: block; }
	.ww-nav__sub li a { padding: 10px 16px; }
	.ww-nav__cta { width: 100%; margin-top: 12px; }
	.dmp-page-hero, .ww-page-hero { padding: 100px 0 50px; }
	.dmp-page-hero__title, .ww-page-hero__title { font-size: clamp(1.6rem, 7vw, 2.2rem); }
	.dmp-breadcrumb, .ww-breadcrumb { flex-wrap: wrap; justify-content: center; }
	.ww-about__images { height: 300px; margin-bottom: 24px; }
	.ww-about__since { padding: 14px 18px; bottom: 16px; left: 16px; }
	.ww-about__since strong { font-size: 1.5rem; }
	.ww-featured-svc { padding: 24px 20px; gap: 16px; }
	.ww-featured-svc__num { font-size: 2rem; }
	.ww-callback__form,
	.dmp-contact-form-wrap { padding: 24px 20px; }
	.ww-callback__form input,
	.ww-callback__form select,
	.ww-callback__form textarea,
	.dmp-form-group input,
	.dmp-form-group textarea,
	.dmp-form-group select { font-size: 16px; }
	.ww-contact-card { padding: 16px; }
	.ww-map iframe { height: 280px; }
	.ww-tabs__btn { padding: 10px 16px; font-size: 0.82rem; }
	.ww-tabs__panel { padding: 24px 20px; }
	.ww-tabs__features { flex-direction: column; align-items: center; gap: 12px; }
	.ww-section-head--flex { flex-direction: column; align-items: flex-start; }
	.ww-features__grid, .ww-svc-grid, .ww-process, .ww-portfolio-grid, .ww-portfolio-grid--home, .ww-portfolio-grid--page, .ww-team-grid, .ww-testimonial-grid, .ww-pricing-grid, .ww-blog-grid, .ww-stats__grid, .ww-stats__grid--4, .dmp-grid--2, .dmp-grid--3, .dmp-grid--4, .dmp-stats__grid, .dmp-process, .ww-svc-detail-features, .ww-svc-detail-related { grid-template-columns: 1fr; }
	.ww-svc-detail-intro__actions { flex-direction: column; }
	.ww-svc-detail-intro__actions .ww-btn { width: 100%; }
	.ww-svc-detail-cta__box { flex-direction: column; align-items: flex-start; text-align: left; padding: 28px 20px; }
	.ww-svc-detail-cta__box .ww-btn { width: 100%; }
	.ww-svc-detail-intro__badge { left: 16px; bottom: 16px; }
	.ww-svc-detail-intro__img { height: 260px; }
	.ww-svc-detail-panel { padding: 28px 22px; }
	.ww-feature-box { padding: 28px 22px; }
	.ww-transform__img { height: 260px; }
	.ww-transform__badge { width: 100px; height: 100px; padding: 24px; bottom: 16px; right: 16px; }
	.ww-testimonial-carousel { padding: 0 0 44px; }
	.ww-testimonial-carousel__btn { top: auto; bottom: 0; transform: none; width: 38px; height: 38px; }
	.ww-testimonial-carousel__btn--prev { left: calc(50% - 46px); }
	.ww-testimonial-carousel__btn--next { right: calc(50% - 46px); left: auto; }
	.ww-testimonial-carousel__dots { margin-top: 56px; }
	.ww-cta-slider { padding: 48px 0 36px; overflow: hidden; }
	.ww-cta-slider__viewport {
		min-height: 0;
		position: relative;
	}
	.ww-cta-slide {
		position: relative;
		inset: auto;
		display: none;
		opacity: 1;
		visibility: visible;
	}
	.ww-cta-slide.active {
		display: block;
	}
	.ww-cta-slide__grid {
		min-height: 0;
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.ww-cta-slide__content,
	.ww-cta-slide.active .ww-cta-slide__content {
		transform: none;
		opacity: 1;
	}
	.ww-cta-slide__visual,
	.ww-cta-slide.active .ww-cta-slide__visual {
		transform: none;
		opacity: 1;
		order: 2;
	}
	.ww-cta-slide__content { order: 1; }
	.ww-cta-slide h2 {
		font-size: clamp(1.4rem, 6.2vw, 1.85rem);
		margin-bottom: 18px;
		max-width: none;
		line-height: 1.35;
	}
	.ww-cta-slide .ww-btn--white {
		width: 100%;
		min-width: 0;
	}
	.ww-cta-slide__footer {
		margin-top: 18px;
		font-size: 0.88rem;
		line-height: 1.6;
	}
	.ww-cta-slide__img { height: 200px; }
	.ww-cta-slide__visual-badge {
		left: 14px;
		bottom: 14px;
		font-size: 0.7rem;
		padding: 8px 12px;
	}
	.ww-cta-slider__dots {
		justify-content: center;
		margin-top: 22px;
		padding-left: 0;
	}
	.ww-hero__visual-box { display: none; }
	.ww-hero__side { display: none; }
	.ww-hero__grid { padding: 100px 0 70px; min-height: auto; gap: 24px; }
	.ww-hero, .ww-hero__slides { min-height: auto; }
	.ww-hero__content .ww-btn { width: 100%; }
	.ww-hero__tags { gap: 6px; }
	.ww-hero__tags span { font-size: 0.62rem; padding: 4px 10px; }
	.ww-hero__num { margin-top: 28px; font-size: clamp(3rem, 14vw, 4rem); }
	.ww-features { margin-top: 0; padding-top: 50px; }
	.ww-section { padding: 56px 0; }
	.ww-footer__grid { grid-template-columns: 1fr; }
	.ww-footer__brand { max-width: none; }
	.ww-footer__bottom { flex-direction: column; gap: 12px; text-align: center; }
	.ww-single__nav { flex-direction: column; }
	.ww-legal__sidebar { position: static; }
	.ww-legal__section { padding: 22px 18px; }
	.ww-legal__intro { padding: 22px 18px; }
	.dmp-form-row { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
	.ww-topbar__left a[href^="tel"] { font-size: 0.72rem; }
	.ww-hero__grid { padding: 92px 0 60px; }
}