:root {
	--dua-primary: #5B5CF6;
	--dua-primary-dark: #4344D8;
	--dua-accent: #39E6B0;
	--dua-dark: #0B1020;
	--dua-dark-card: #182235;
	--dua-text-muted: #667085;
	--dua-border: #D9E2EC;
	--dua-light: #F6F8FC;
	--dua-white: #FFFFFF;
}

html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
.dua-home { background: var(--dua-dark); }

.dua-shell {
	width: min(1180px, calc(100% - 48px));
	margin-inline: auto;
}

.dua-hero {
	position: relative;
	overflow: hidden;
	min-height: calc(100svh - 88px);
	padding: clamp(88px, 10vw, 142px) 0;
	background:
		linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
		radial-gradient(circle at 72% 28%, rgba(91,92,246,.18), transparent 30%),
		var(--dua-dark);
	background-size: 54px 54px, 54px 54px, auto, auto;
	color: var(--dua-white);
}

.dua-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(180deg, transparent 72%, rgba(11,16,32,.8));
}

.dua-hero__glow {
	position: absolute;
	border-radius: 50%;
	filter: blur(80px);
	opacity: .5;
	pointer-events: none;
}
.dua-hero__glow--one { width:340px; height:340px; top:4%; right:6%; background:rgba(91,92,246,.34); }
.dua-hero__glow--two { width:220px; height:220px; bottom:7%; left:-5%; background:rgba(57,230,176,.13); }

.dua-hero__grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0,1.02fr) minmax(430px,.98fr);
	gap: clamp(54px,7vw,110px);
	align-items: center;
}

.dua-eyebrow {
	display:inline-flex;
	align-items:center;
	gap:10px;
	margin:0 0 24px;
	padding:9px 14px;
	border:1px solid rgba(255,255,255,.12);
	border-radius:999px;
	background:rgba(255,255,255,.045);
	color:rgba(255,255,255,.76);
	font-size:13px;
	font-weight:700;
	letter-spacing:.08em;
	text-transform:uppercase;
}

.dua-eyebrow__dot {
	width:8px;
	height:8px;
	border-radius:50%;
	background:var(--dua-accent);
	box-shadow:0 0 0 6px rgba(57,230,176,.12);
}

.dua-hero__title {
	max-width:760px;
	margin:0;
	color:var(--dua-white);
	font-size:clamp(52px,6.3vw,88px);
	font-weight:800;
	line-height:.98;
	letter-spacing:-.055em;
}

.dua-hero__title span {
	display:block;
	color:transparent;
	background:linear-gradient(90deg,#fff 0%,#9798FF 52%,#39E6B0 100%);
	-webkit-background-clip:text;
	background-clip:text;
}

.dua-hero__lead {
	max-width:670px;
	margin:30px 0 0;
	color:rgba(255,255,255,.66);
	font-size:clamp(17px,1.5vw,20px);
	line-height:1.7;
}

.dua-hero__actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:36px; }

.dua-button {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	min-height:54px;
	padding:14px 22px;
	border:1px solid transparent;
	border-radius:12px;
	font-weight:700;
	line-height:1;
	text-decoration:none;
	transition:transform 180ms ease,border-color 180ms ease,background-color 180ms ease,box-shadow 180ms ease;
}
.dua-button:hover { transform:translateY(-2px); }
.dua-button--primary { background:var(--dua-primary); color:var(--dua-white); box-shadow:0 18px 42px rgba(91,92,246,.26); }
.dua-button--primary:hover { background:var(--dua-primary-dark); color:var(--dua-white); }
.dua-button--ghost { border-color:rgba(255,255,255,.16); background:rgba(255,255,255,.045); color:var(--dua-white); }
.dua-button--ghost:hover { border-color:rgba(255,255,255,.34); background:rgba(255,255,255,.08); color:var(--dua-white); }

.dua-hero__meta { display:flex; flex-wrap:wrap; gap:9px; margin-top:34px; }
.dua-hero__meta span {
	padding:7px 11px;
	border:1px solid rgba(255,255,255,.09);
	border-radius:8px;
	color:rgba(255,255,255,.5);
	font-size:12px;
	font-weight:700;
	letter-spacing:.04em;
}

.dua-hero__visual { position:relative; }

.dua-workflow {
	position:relative;
	overflow:hidden;
	border:1px solid rgba(255,255,255,.13);
	border-radius:24px;
	background:linear-gradient(180deg,rgba(24,34,53,.96),rgba(14,21,37,.96));
	box-shadow:0 34px 90px rgba(0,0,0,.42);
	backdrop-filter:blur(18px);
}
.dua-workflow::before {
	content:"";
	position:absolute;
	inset:0;
	pointer-events:none;
	background:linear-gradient(120deg,rgba(255,255,255,.07),transparent 28%);
}

.dua-workflow__top,
.dua-workflow__footer {
	position:relative;
	z-index:1;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:18px 20px;
}
.dua-workflow__top { border-bottom:1px solid rgba(255,255,255,.08); }

.dua-workflow__status {
	display:inline-flex;
	align-items:center;
	gap:9px;
	color:rgba(255,255,255,.72);
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.08em;
}
.dua-workflow__status span {
	width:8px;
	height:8px;
	border-radius:50%;
	background:var(--dua-accent);
	box-shadow:0 0 0 6px rgba(57,230,176,.1);
	animation:dua-pulse 1.8s ease-in-out infinite;
}
.dua-workflow__id { color:rgba(255,255,255,.32); font-size:12px; font-weight:700; }

.dua-workflow__canvas {
	position:relative;
	min-height:430px;
	padding:34px 28px;
	background:
		linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
		linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
	background-size:34px 34px;
}

.dua-node {
	position:absolute;
	z-index:2;
	display:flex;
	align-items:center;
	gap:13px;
	width:min(235px,calc(100% - 48px));
	padding:15px;
	border:1px solid rgba(255,255,255,.11);
	border-radius:14px;
	background:rgba(19,28,46,.96);
	box-shadow:0 16px 36px rgba(0,0,0,.24);
}
.dua-node--lead { top:44px; left:30px; }
.dua-node--ai { top:178px; right:28px; }
.dua-node--result { bottom:38px; left:52px; }

.dua-node__icon {
	display:grid;
	flex:0 0 42px;
	height:42px;
	place-items:center;
	border:1px solid rgba(255,255,255,.12);
	border-radius:11px;
	background:rgba(91,92,246,.15);
	color:#A7A8FF;
	font-size:12px;
	font-weight:800;
}
.dua-node--result .dua-node__icon { background:rgba(57,230,176,.12); color:var(--dua-accent); }
.dua-node strong,.dua-node small { display:block; }
.dua-node strong { color:var(--dua-white); font-size:14px; }
.dua-node small { margin-top:3px; color:rgba(255,255,255,.42); font-size:11px; }

.dua-connector {
	position:absolute;
	z-index:1;
	height:2px;
	background:linear-gradient(90deg,rgba(91,92,246,.15),#7778FF,rgba(57,230,176,.3));
	transform-origin:left center;
}
.dua-connector::after {
	content:"";
	position:absolute;
	top:50%;
	left:0;
	width:10px;
	height:10px;
	border-radius:50%;
	background:var(--dua-primary);
	box-shadow:0 0 16px var(--dua-primary);
	transform:translateY(-50%);
	opacity:0;
}

.dua-connector--one::after {
	animation:dua-travel-one 4s linear infinite;
}

.dua-connector--two::after {
	animation:dua-travel-two 4s linear infinite;
}
.dua-connector--one { top:143px; left:185px; width:175px; transform:rotate(22deg); }
.dua-connector--two { top:287px; left:190px; width:170px; transform:rotate(145deg); }

.dua-workflow__footer { gap:18px; border-top:1px solid rgba(255,255,255,.08); }
.dua-workflow__footer div { flex:1; }
.dua-workflow__footer span,.dua-workflow__footer strong { display:block; }
.dua-workflow__footer span { color:rgba(255,255,255,.35); font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.dua-workflow__footer strong { margin-top:5px; color:var(--dua-white); font-size:13px; }

.dua-float-card {
	position:absolute;
	z-index:3;
	display:flex;
	align-items:center;
	gap:8px;
	padding:11px 14px;
	border:1px solid rgba(255,255,255,.12);
	border-radius:12px;
	background:rgba(17,24,39,.9);
	box-shadow:0 20px 42px rgba(0,0,0,.34);
	backdrop-filter:blur(14px);
	color:rgba(255,255,255,.72);
	font-size:11px;
	font-weight:700;
}
.dua-float-card--top { top:-22px; right:-18px; }
.dua-float-card--top span { color:var(--dua-accent); }
@keyframes dua-pulse {
	0%,100% { opacity:1; transform:scale(1); }
	50% { opacity:.48; transform:scale(.82); }
}
@keyframes dua-travel-one {
	0% { left:0; opacity:0; }
	5% { opacity:1; }
	34% { left:calc(100% - 10px); opacity:1; }
	40%,100% { left:calc(100% - 10px); opacity:0; }
}

@keyframes dua-travel-two {
	0%,45% { left:0; opacity:0; }
	50% { opacity:1; }
	79% { left:calc(100% - 10px); opacity:1; }
	85%,100% { left:calc(100% - 10px); opacity:0; }
}

@media (max-width:1024px) {
	.dua-shell { width:min(100% - 40px,900px); }
	.dua-hero { min-height:auto; padding:92px 0 120px; }
	.dua-hero__grid { grid-template-columns:1fr; }
	.dua-hero__content { max-width:820px; }
	.dua-hero__visual { width:min(100%,650px); margin-inline:auto; }
}

@media (max-width:680px) {
	.dua-shell { width:min(100% - 28px,560px); }
	.dua-hero { padding:70px 0 92px; background-size:38px 38px,38px 38px,auto,auto; }
	.dua-eyebrow { font-size:10px; }
	.dua-hero__title { font-size:clamp(45px,14vw,65px); }
	.dua-hero__lead { margin-top:22px; font-size:16px; }
	.dua-hero__actions { flex-direction:column; margin-top:28px; }
	.dua-button { width:100%; }
	.dua-hero__meta { margin-top:26px; }
	.dua-workflow__canvas { min-height:385px; padding:24px 16px; }
	.dua-node { width:calc(100% - 32px); }
	.dua-node--lead { top:28px; left:16px; }
	.dua-node--ai { top:150px; right:16px; }
	.dua-node--result { bottom:26px; left:16px; }
	.dua-connector--one { top:119px; left:140px; width:130px; }
	.dua-connector--two { top:256px; left:135px; width:135px; }
	.dua-workflow__footer { flex-wrap:wrap; }
	.dua-workflow__footer {
		display:grid;
		grid-template-columns:repeat(3, minmax(0, 1fr));
		gap:10px;
	}
	.dua-workflow__footer div { min-width:0; }
	.dua-float-card { display:none; }
}

@media (prefers-reduced-motion:reduce) {
	html { scroll-behavior:auto; }
	.dua-workflow__status span,.dua-connector::after { animation:none; opacity:1; }
	.dua-button { transition:none; }
}


/* Services split section */
.dua-services {
	position: relative;
	padding: clamp(96px, 10vw, 150px) 0;
	background:
		radial-gradient(circle at 14% 14%, rgba(91, 92, 246, 0.08), transparent 28%),
		var(--dua-light);
	color: var(--dua-dark);
}

.dua-services__intro {
	display: grid;
	grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
	gap: 28px 70px;
	align-items: end;
	margin-bottom: 54px;
}

.dua-section-kicker {
	grid-column: 1 / -1;
	margin: 0;
	color: var(--dua-primary);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.dua-services__intro h2 {
	margin: 0;
	color: var(--dua-dark);
	font-size: clamp(42px, 5.5vw, 72px);
	font-weight: 800;
	line-height: 1.02;
	letter-spacing: -0.05em;
}

.dua-services__intro > p:last-child {
	max-width: 590px;
	margin: 0;
	color: var(--dua-text-muted);
	font-size: 18px;
	line-height: 1.75;
}

.dua-services__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.dua-service-card {
	position: relative;
	overflow: hidden;
	display: flex;
	min-height: 690px;
	flex-direction: column;
	padding: clamp(28px, 4vw, 42px);
	border: 1px solid rgba(11, 16, 32, 0.09);
	border-radius: 28px;
	background: var(--dua-white);
	box-shadow: 0 28px 70px rgba(11, 16, 32, 0.08);
}

.dua-service-card::after {
	content: "";
	position: absolute;
	inset: auto -20% -35% auto;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	background: rgba(91, 92, 246, 0.08);
	filter: blur(12px);
	pointer-events: none;
}

.dua-service-card--automation {
	background:
		linear-gradient(180deg, rgba(91, 92, 246, 0.06), transparent 34%),
		var(--dua-white);
}

.dua-service-card--wordpress::after {
	background: rgba(11, 16, 32, 0.06);
}

.dua-service-card__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 54px;
}

.dua-service-card__number {
	display: grid;
	width: 44px;
	height: 44px;
	place-items: center;
	border: 1px solid rgba(11, 16, 32, 0.1);
	border-radius: 12px;
	color: var(--dua-primary);
	font-size: 12px;
	font-weight: 800;
}

.dua-service-card__label {
	color: var(--dua-text-muted);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.dua-service-card h3 {
	max-width: 540px;
	margin: 0;
	color: var(--dua-dark);
	font-size: clamp(32px, 3.6vw, 52px);
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -0.045em;
}

.dua-service-card > p {
	max-width: 570px;
	margin: 24px 0 0;
	color: var(--dua-text-muted);
	font-size: 17px;
	line-height: 1.7;
}

.dua-service-card__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px 18px;
	margin: 32px 0 0;
	padding: 0;
	list-style: none;
}

.dua-service-card__list li {
	position: relative;
	padding-left: 20px;
	color: var(--dua-dark-card);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5;
}

.dua-service-card__list li::before {
	content: "";
	position: absolute;
	top: 0.62em;
	left: 0;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--dua-primary);
	box-shadow: 0 0 0 5px rgba(91, 92, 246, 0.1);
	transform: translateY(-50%);
}

.dua-service-card__visual {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 155px;
	margin: auto 0 30px;
	padding: 30px 12px 10px;
}

.dua-service-pill {
	padding: 12px 16px;
	border: 1px solid rgba(11, 16, 32, 0.1);
	border-radius: 12px;
	background: var(--dua-white);
	color: var(--dua-dark);
	font-size: 12px;
	font-weight: 800;
	box-shadow: 0 14px 32px rgba(11, 16, 32, 0.08);
}

.dua-service-pill--accent {
	background: var(--dua-dark);
	color: var(--dua-white);
}

.dua-service-line {
	position: relative;
	width: clamp(24px, 4vw, 64px);
	height: 2px;
	background: linear-gradient(90deg, rgba(91, 92, 246, 0.18), var(--dua-primary));
}

.dua-service-line::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -1px;
	width: 7px;
	height: 7px;
	border-top: 2px solid var(--dua-primary);
	border-right: 2px solid var(--dua-primary);
	transform: translateY(-50%) rotate(45deg);
}

.dua-browser {
	overflow: hidden;
	margin: auto 0 30px;
	border: 1px solid rgba(11, 16, 32, 0.1);
	border-radius: 18px;
	background: var(--dua-white);
	box-shadow: 0 20px 46px rgba(11, 16, 32, 0.1);
}

.dua-browser__bar {
	display: flex;
	gap: 6px;
	padding: 12px 14px;
	border-bottom: 1px solid rgba(11, 16, 32, 0.08);
	background: #F1F4F9;
}

.dua-browser__bar span {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: rgba(11, 16, 32, 0.24);
}

.dua-browser__content {
	display: grid;
	grid-template-columns: 94px 1fr;
	min-height: 145px;
}

.dua-browser__sidebar {
	background:
		linear-gradient(180deg, rgba(91, 92, 246, 0.18), rgba(91, 92, 246, 0.04));
}

.dua-browser__main {
	display: grid;
	align-content: center;
	gap: 12px;
	padding: 24px;
}

.dua-browser__main span {
	display: block;
	height: 12px;
	border-radius: 999px;
	background: #E7EBF2;
}

.dua-browser__main span:nth-child(1) {
	width: 68%;
	height: 20px;
	background: var(--dua-dark);
}

.dua-browser__main span:nth-child(2) {
	width: 92%;
}

.dua-browser__main span:nth-child(3) {
	width: 76%;
}

.dua-text-link {
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	width: fit-content;
	color: var(--dua-dark);
	font-size: 15px;
	font-weight: 800;
	text-decoration: none;
}

.dua-text-link span {
	color: var(--dua-primary);
	transition: transform 180ms ease;
}

.dua-text-link:hover {
	color: var(--dua-primary);
}

.dua-text-link:hover span {
	transform: translate(3px, -3px);
}

@media (max-width: 900px) {
	.dua-services__intro {
		grid-template-columns: 1fr;
	}

	.dua-services__grid {
		grid-template-columns: 1fr;
	}

	.dua-service-card {
		min-height: auto;
	}

	.dua-service-card__visual,
	.dua-browser {
		margin-top: 44px;
	}
}

@media (max-width: 560px) {
	.dua-services {
		padding: 80px 0;
	}

	.dua-services__intro {
		margin-bottom: 36px;
	}

	.dua-services__intro h2 {
		font-size: clamp(40px, 12vw, 54px);
	}

	.dua-services__intro > p:last-child {
		font-size: 16px;
	}

	.dua-service-card {
		padding: 26px 22px;
		border-radius: 22px;
	}

	.dua-service-card__top {
		margin-bottom: 34px;
	}

	.dua-service-card h3 {
		font-size: 34px;
	}

	.dua-service-card__list {
		grid-template-columns: 1fr;
	}

	.dua-service-card__visual {
		flex-wrap: wrap;
	}

	.dua-browser__content {
		grid-template-columns: 72px 1fr;
	}
}


/* Version 1.3.0: dark service previews */
.dua-hero {
	padding-bottom: clamp(62px, 7vw, 92px);
}

.dua-core {
	position: relative;
	padding: 58px 0 clamp(105px, 10vw, 150px);
	background:
		radial-gradient(circle at 82% 20%, rgba(91, 92, 246, 0.12), transparent 28%),
		linear-gradient(180deg, #0B1020 0%, #0D1324 50%, #0B1020 100%);
	color: var(--dua-white);
}

.dua-core::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: min(1180px, calc(100% - 48px));
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent);
	transform: translateX(-50%);
}

.dua-core__intro {
	max-width: 900px;
	margin-bottom: 72px;
}

.dua-core__kicker,
.dua-core-copy__label {
	margin: 0 0 16px;
	color: #9A9BFF;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.dua-core__intro h2 {
	max-width: 900px;
	margin: 0;
	color: var(--dua-white);
	font-size: clamp(44px, 6vw, 76px);
	font-weight: 800;
	line-height: 1.02;
	letter-spacing: -.05em;
}

.dua-core__intro > p:last-child {
	max-width: 670px;
	margin: 24px 0 0;
	color: rgba(255,255,255,.58);
	font-size: 18px;
	line-height: 1.75;
}

.dua-core-row {
	display: grid;
	grid-template-columns: minmax(0, .85fr) minmax(480px, 1.15fr);
	gap: clamp(54px, 7vw, 100px);
	align-items: center;
	padding: 70px 0;
}

.dua-core-row + .dua-core-row {
	border-top: 1px solid rgba(255,255,255,.08);
}

.dua-core-row--wordpress {
	grid-template-columns: minmax(480px, 1.15fr) minmax(0, .85fr);
}

.dua-core-copy h3 {
	max-width: 600px;
	margin: 0;
	color: var(--dua-white);
	font-size: clamp(38px, 4.8vw, 62px);
	font-weight: 800;
	line-height: 1.04;
	letter-spacing: -.045em;
}

.dua-core-copy > p:not(.dua-core-copy__label) {
	max-width: 610px;
	margin: 24px 0 0;
	color: rgba(255,255,255,.62);
	font-size: 17px;
	line-height: 1.75;
}

.dua-core-list {
	display: grid;
	gap: 15px;
	margin: 30px 0 0;
	padding: 0;
	list-style: none;
}

.dua-core-list li {
	position: relative;
	padding-left: 28px;
	color: rgba(255,255,255,.84);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.55;
}

.dua-core-list li::before {
	content: "✓";
	position: absolute;
	left: 0;
	color: #9A9BFF;
	font-weight: 900;
}

.dua-core-link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 34px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(154,155,255,.45);
	color: var(--dua-white);
	font-size: 15px;
	font-weight: 800;
	text-decoration: none;
}

.dua-core-link span {
	color: #9A9BFF;
	transition: transform 180ms ease;
}

.dua-core-link:hover {
	color: #B7B8FF;
}

.dua-core-link:hover span {
	transform: translate(3px,-3px);
}

.dua-preview {
	overflow: hidden;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 24px;
	background:
		linear-gradient(180deg, rgba(25,36,57,.96), rgba(13,20,34,.98));
	box-shadow: 0 34px 90px rgba(0,0,0,.36);
}

.dua-preview__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 18px 20px;
	border-bottom: 1px solid rgba(255,255,255,.08);
}

.dua-preview__head > div {
	display: flex;
	align-items: center;
	gap: 10px;
}

.dua-preview__head strong {
	color: rgba(255,255,255,.84);
	font-size: 12px;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.dua-preview__head > span {
	color: rgba(255,255,255,.34);
	font-size: 11px;
	font-weight: 700;
}

.dua-preview__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--dua-accent);
	box-shadow: 0 0 0 6px rgba(57,230,176,.1);
}

.dua-preview__dot--purple {
	background: #8E90FF;
	box-shadow: 0 0 0 6px rgba(142,144,255,.1);
}

.dua-preview-tabs {
	display: flex;
	gap: 8px;
	padding: 18px 20px 0;
	overflow-x: auto;
	scrollbar-width: none;
}

.dua-preview-tabs::-webkit-scrollbar {
	display: none;
}

.dua-preview-tabs button {
	flex: 0 0 auto;
	padding: 9px 12px;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 9px;
	background: rgba(255,255,255,.025);
	color: rgba(255,255,255,.46);
	font: inherit;
	font-size: 11px;
	font-weight: 800;
	cursor: pointer;
}

.dua-preview-tabs button.is-active {
	border-color: rgba(142,144,255,.34);
	background: rgba(91,92,246,.16);
	color: var(--dua-white);
}

.dua-flow {
	display: grid;
	gap: 0;
	padding: 28px 28px 30px;
}

.dua-flow-step {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px;
	border: 1px solid rgba(255,255,255,.1);
	border-radius: 14px;
	background: rgba(17,27,45,.92);
}

.dua-flow-step > span {
	display: grid;
	flex: 0 0 42px;
	height: 42px;
	place-items: center;
	border-radius: 11px;
	background: rgba(91,92,246,.16);
	color: #A7A8FF;
	font-size: 11px;
	font-weight: 900;
}

.dua-flow-step strong,
.dua-flow-step small {
	display: block;
}

.dua-flow-step strong {
	color: var(--dua-white);
	font-size: 14px;
}

.dua-flow-step small {
	margin-top: 4px;
	color: rgba(255,255,255,.4);
	font-size: 11px;
}

.dua-flow-arrow {
	position: relative;
	width: 2px;
	height: 34px;
	margin-left: 36px;
	background: linear-gradient(180deg, rgba(142,144,255,.2), #7778FF);
}

.dua-flow-arrow::after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 50%;
	width: 7px;
	height: 7px;
	border-right: 2px solid #7778FF;
	border-bottom: 2px solid #7778FF;
	transform: translateX(-50%) rotate(45deg);
}

.dua-preview__result {
	display: grid;
	gap: 5px;
	padding: 18px 20px;
	border-top: 1px solid rgba(255,255,255,.08);
	background: rgba(255,255,255,.025);
}

.dua-preview__result span {
	color: rgba(255,255,255,.32);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.dua-preview__result strong {
	color: rgba(255,255,255,.76);
	font-size: 12px;
	line-height: 1.5;
}

.dua-site-preview {
	padding: 24px 20px 28px;
}

.dua-site-browser {
	overflow: hidden;
	border: 1px solid rgba(255,255,255,.1);
	border-radius: 17px;
	background: #F5F7FB;
	box-shadow: 0 22px 48px rgba(0,0,0,.25);
}

.dua-site-browser__bar {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 11px 13px;
	background: #E8ECF3;
}

.dua-site-browser__bar > span {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: rgba(11,16,32,.25);
}

.dua-site-browser__bar > div {
	flex: 1;
	margin-left: 8px;
	padding: 5px 10px;
	border-radius: 999px;
	background: rgba(255,255,255,.7);
	color: rgba(11,16,32,.42);
	font-size: 9px;
	text-align: center;
}

.dua-site-browser__screen {
	min-height: 290px;
	padding: 20px;
	color: var(--dua-dark);
}

.dua-site-nav {
	display: flex;
	align-items: center;
	gap: 11px;
}

.dua-site-nav strong {
	margin-right: auto;
	font-size: 12px;
}

.dua-site-nav span {
	width: 32px;
	height: 5px;
	border-radius: 999px;
	background: #D6DBE5;
}

.dua-site-hero {
	display: grid;
	grid-template-columns: 1.1fr .9fr;
	gap: 20px;
	align-items: center;
	padding-top: 46px;
}

.dua-site-hero small,
.dua-site-hero strong,
.dua-site-hero > div > span {
	display: block;
}

.dua-site-hero small {
	color: var(--dua-primary);
	font-size: 8px;
	font-weight: 900;
	letter-spacing: .1em;
}

.dua-site-hero strong {
	max-width: 260px;
	margin-top: 10px;
	font-size: 28px;
	line-height: 1.05;
	letter-spacing: -.04em;
}

.dua-site-hero > div > span {
	width: 82%;
	height: 7px;
	margin-top: 14px;
	border-radius: 999px;
	background: #D8DDE7;
	box-shadow: 0 12px 0 #E3E7EE;
}

.dua-site-hero button {
	margin-top: 30px;
	padding: 10px 14px;
	border: 0;
	border-radius: 8px;
	background: var(--dua-primary);
	color: var(--dua-white);
	font: inherit;
	font-size: 10px;
	font-weight: 800;
}

.dua-site-panel {
	display: grid;
	gap: 10px;
	align-content: center;
	min-height: 165px;
	padding: 20px;
	border-radius: 15px;
	background: linear-gradient(145deg,#10172A,#262A61);
}

.dua-site-panel span {
	display: block;
	height: 22px;
	border-radius: 7px;
	background: rgba(255,255,255,.12);
}

.dua-site-panel span:nth-child(2) {
	width: 72%;
}

.dua-site-panel span:nth-child(3) {
	width: 88%;
}

.dua-site-integrations {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 14px;
}

.dua-site-integrations span {
	padding: 7px 9px;
	border: 1px solid rgba(255,255,255,.09);
	border-radius: 8px;
	color: rgba(255,255,255,.48);
	font-size: 10px;
	font-weight: 800;
}

@media (max-width: 980px) {
	.dua-core-row,
	.dua-core-row--wordpress {
		grid-template-columns: 1fr;
	}

	.dua-core-row--wordpress .dua-preview {
		order: 2;
	}

	.dua-core-row--wordpress .dua-core-copy {
		order: 1;
	}
}

@media (max-width: 680px) {
	.dua-hero {
		padding-bottom: 58px;
	}

	.dua-core {
		padding-top: 44px;
	}

	.dua-core__intro {
		margin-bottom: 42px;
	}

	.dua-core__intro h2 {
		font-size: clamp(40px,12vw,55px);
	}

	.dua-core__intro > p:last-child {
		font-size: 16px;
	}

	.dua-core-row {
		gap: 38px;
		padding: 54px 0;
	}

	.dua-core-copy h3 {
		font-size: 36px;
	}

	.dua-core-copy > p:not(.dua-core-copy__label) {
		font-size: 16px;
	}

	.dua-preview {
		border-radius: 20px;
	}

	.dua-preview-tabs {
		padding-inline: 14px;
	}

	.dua-flow {
		padding: 22px 14px 24px;
	}

	.dua-site-preview {
		padding: 20px 14px 24px;
	}

	.dua-site-hero {
		grid-template-columns: 1fr;
		padding-top: 34px;
	}

	.dua-site-panel {
		min-height: 115px;
	}
}


/* Version 1.3.1 — premium floating header */
:root {
	--dua-champagne: #D6B36A;
}

.home #header {
	position: fixed;
	top: 18px;
	left: 0;
	right: 0;
	z-index: 999;
	width: 100%;
	background: transparent !important;
	pointer-events: none;
	transition: top 220ms ease;
}

.admin-bar.home #header {
	top: 50px;
}

.home #header [data-row*="middle"] {
	position: relative;
	width: min(1180px, calc(100% - 48px));
	min-height: 76px;
	margin-inline: auto;
	overflow: hidden;
	border: 1px solid rgba(214, 179, 106, 0.20) !important;
	border-radius: 18px;
	background:
		linear-gradient(110deg, rgba(255,255,255,.045), transparent 34%),
		rgba(8, 13, 27, 0.78) !important;
	box-shadow:
		0 22px 70px rgba(0, 0, 0, 0.30),
		inset 0 1px 0 rgba(255, 255, 255, 0.07);
	backdrop-filter: blur(20px) saturate(150%);
	-webkit-backdrop-filter: blur(20px) saturate(150%);
	pointer-events: auto;
	transition:
		min-height 220ms ease,
		background-color 220ms ease,
		border-color 220ms ease,
		box-shadow 220ms ease,
		transform 220ms ease;
}

.home #header [data-row*="middle"]::before {
	content: "";
	position: absolute;
	top: 0;
	left: 11%;
	right: 11%;
	height: 1px;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(214, 179, 106, 0.58),
		rgba(151, 152, 255, 0.65),
		transparent
	);
	pointer-events: none;
}

.home #header [data-row*="middle"]::after {
	content: "";
	position: absolute;
	inset: -70% 68% auto -8%;
	height: 180px;
	background: radial-gradient(circle, rgba(91, 92, 246, 0.16), transparent 68%);
	pointer-events: none;
}

.home #header .ct-container,
.home #header .ct-container-fluid {
	position: relative;
	z-index: 2;
}

.home #header .site-title {
	letter-spacing: 0.055em;
	text-shadow: 0 0 26px rgba(151, 152, 255, 0.13);
}

.home #header [data-id="menu"] > ul > li > a,
.home #header .menu > li > a {
	position: relative;
	font-size: 12px;
	letter-spacing: 0.055em;
}

.home #header [data-id="menu"] > ul > li > a::after,
.home #header .menu > li > a::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 13px;
	width: 0;
	height: 1px;
	background: linear-gradient(90deg, var(--dua-champagne), #9798FF);
	transform: translateX(-50%);
	transition: width 180ms ease;
}

.home #header [data-id="menu"] > ul > li > a:hover::after,
.home #header [data-id="menu"] > ul > li.current-menu-item > a::after,
.home #header .menu > li > a:hover::after,
.home #header .menu > li.current-menu-item > a::after {
	width: 22px;
}

.home #header .ct-button,
.home #header [data-id="button"] a {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.13);
	background:
		linear-gradient(135deg, #6B6CF8 0%, #5052E7 62%, #3E40CE 100%);
	box-shadow:
		0 12px 28px rgba(79, 81, 226, 0.30),
		inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

.home #header .ct-button::before,
.home #header [data-id="button"] a::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(
		110deg,
		transparent 12%,
		rgba(255, 255, 255, 0.22) 44%,
		transparent 72%
	);
	transform: translateX(-130%);
	transition: transform 500ms ease;
}

.home #header .ct-button:hover::before,
.home #header [data-id="button"] a:hover::before {
	transform: translateX(130%);
}

.home.dua-header-scrolled #header [data-row*="middle"] {
	min-height: 68px;
	border-color: rgba(214, 179, 106, 0.29) !important;
	background:
		linear-gradient(110deg, rgba(255,255,255,.04), transparent 34%),
		rgba(7, 11, 23, 0.91) !important;
	box-shadow:
		0 18px 55px rgba(0, 0, 0, 0.42),
		inset 0 1px 0 rgba(255, 255, 255, 0.07);
	transform: translateY(-3px);
}

/* The fixed floating header sits above the Hero. */
.home .dua-hero {
	padding-top: clamp(180px, 14vw, 225px);
}

@media (max-width: 782px) {
	.admin-bar.home #header {
		top: 64px;
	}
}

@media (max-width: 680px) {
	.home #header {
		top: 10px;
	}

	.admin-bar.home #header {
		top: 56px;
	}

	.home #header [data-row*="middle"] {
		width: calc(100% - 20px);
		min-height: 68px;
		border-radius: 15px;
	}

	.home.dua-header-scrolled #header [data-row*="middle"] {
		min-height: 62px;
		transform: translateY(-1px);
	}

	.home #header .site-title {
		font-size: 20px !important;
		letter-spacing: 0.035em;
	}

	.home .dua-hero {
		padding-top: 135px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.home #header [data-row*="middle"],
	.home #header .ct-button::before,
	.home #header [data-id="button"] a::before {
		transition: none;
	}
}


/* Version 1.4.0 — floating in place, not sticky */
.home #header {
	position: absolute !important;
	top: 18px;
}

.admin-bar.home #header {
	top: 50px;
}

/* Disable the previous scrolled state because the header no longer follows the page. */
.home.dua-header-scrolled #header [data-row*="middle"] {
	min-height: 76px;
	border-color: rgba(214, 179, 106, 0.20) !important;
	background:
		linear-gradient(110deg, rgba(255,255,255,.045), transparent 34%),
		rgba(8, 13, 27, 0.78) !important;
	box-shadow:
		0 22px 70px rgba(0, 0, 0, 0.30),
		inset 0 1px 0 rgba(255, 255, 255, 0.07);
	transform: none;
}

/* Interactive project advisor */
.dua-advisor {
	position: relative;
	overflow: hidden;
	padding: clamp(105px, 10vw, 155px) 0;
	background:
		radial-gradient(circle at 82% 30%, rgba(91, 92, 246, 0.13), transparent 26%),
		radial-gradient(circle at 12% 84%, rgba(214, 179, 106, 0.08), transparent 24%),
		#0A0F1E;
	color: var(--dua-white);
}

.dua-advisor::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: min(1180px, calc(100% - 48px));
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(214,179,106,.28), rgba(151,152,255,.3), transparent);
	transform: translateX(-50%);
}

.dua-advisor__grid {
	display: grid;
	grid-template-columns: minmax(0, .82fr) minmax(520px, 1.18fr);
	gap: clamp(60px, 8vw, 120px);
	align-items: center;
}

.dua-advisor__kicker {
	margin: 0 0 16px;
	color: var(--dua-champagne);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.dua-advisor__copy h2 {
	max-width: 680px;
	margin: 0;
	color: var(--dua-white);
	font-size: clamp(44px, 5.8vw, 74px);
	font-weight: 800;
	line-height: 1.02;
	letter-spacing: -.052em;
}

.dua-advisor__lead {
	max-width: 650px;
	margin: 26px 0 0;
	color: rgba(255,255,255,.61);
	font-size: 18px;
	line-height: 1.75;
}

.dua-advisor__benefits {
	display: grid;
	gap: 18px;
	margin-top: 34px;
}

.dua-advisor__benefits > div {
	display: grid;
	grid-template-columns: 38px 1fr;
	gap: 14px;
	align-items: start;
}

.dua-advisor__benefits > div > span {
	display: grid;
	width: 34px;
	height: 34px;
	place-items: center;
	border: 1px solid rgba(214,179,106,.22);
	border-radius: 10px;
	background: rgba(214,179,106,.06);
	color: var(--dua-champagne);
	font-size: 10px;
	font-weight: 900;
}

.dua-advisor__benefits p {
	margin: 0;
}

.dua-advisor__benefits strong,
.dua-advisor__benefits small {
	display: block;
}

.dua-advisor__benefits strong {
	color: var(--dua-white);
	font-size: 15px;
}

.dua-advisor__benefits small {
	margin-top: 4px;
	color: rgba(255,255,255,.42);
	font-size: 12px;
	line-height: 1.55;
}

.dua-advisor__cta {
	margin-top: 36px;
}

.dua-advisor__stage {
	position: relative;
	min-height: 690px;
}

.dua-advisor__glow {
	position: absolute;
	inset: 10% 6% 8% 10%;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(91,92,246,.26), rgba(91,92,246,.04) 48%, transparent 72%);
	filter: blur(26px);
}

.dua-advisor-card {
	position: absolute;
	z-index: 3;
	top: 22px;
	left: 0;
	width: min(520px, calc(100% - 90px));
	overflow: hidden;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 25px;
	background:
		linear-gradient(145deg, rgba(255,255,255,.045), transparent 28%),
		rgba(12,19,33,.94);
	box-shadow:
		0 42px 110px rgba(0,0,0,.52),
		inset 0 1px 0 rgba(255,255,255,.06);
	backdrop-filter: blur(22px);
}

.dua-advisor-card__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 18px 20px;
	border-bottom: 1px solid rgba(255,255,255,.08);
}

.dua-advisor-brand {
	display: flex;
	align-items: center;
	gap: 11px;
}

.dua-advisor-brand__mark {
	display: grid;
	width: 38px;
	height: 38px;
	place-items: center;
	border: 1px solid rgba(214,179,106,.28);
	border-radius: 12px;
	background: linear-gradient(145deg, rgba(214,179,106,.15), rgba(91,92,246,.14));
	color: var(--dua-white);
	font-size: 15px;
	font-weight: 900;
}

.dua-advisor-brand strong,
.dua-advisor-brand small {
	display: block;
}

.dua-advisor-brand strong {
	font-size: 13px;
}

.dua-advisor-brand small {
	margin-top: 3px;
	color: rgba(255,255,255,.38);
	font-size: 10px;
}

.dua-advisor-brand small span {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 5px;
	border-radius: 50%;
	background: #9798FF;
	box-shadow: 0 0 0 5px rgba(151,152,255,.1);
}

.dua-advisor-card__tag {
	padding: 7px 9px;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 999px;
	color: rgba(255,255,255,.38);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.dua-advisor-chat {
	display: grid;
	gap: 16px;
	min-height: 360px;
	padding: 24px 20px;
	background:
		linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
	background-size: 34px 34px;
}

.dua-chat-message {
	display: flex;
	gap: 10px;
	align-items: flex-start;
}

.dua-chat-message > div {
	max-width: 79%;
	padding: 13px 14px;
	border-radius: 14px;
}

.dua-chat-message p {
	margin: 0;
	font-size: 12px;
	line-height: 1.55;
}

.dua-chat-message p + p {
	margin-top: 5px;
}

.dua-chat-message--assistant > div {
	border: 1px solid rgba(255,255,255,.08);
	border-top-left-radius: 4px;
	background: rgba(255,255,255,.045);
	color: rgba(255,255,255,.77);
}

.dua-chat-avatar {
	display: grid;
	flex: 0 0 30px;
	height: 30px;
	place-items: center;
	border-radius: 9px;
	background: rgba(91,92,246,.2);
	color: #B6B7FF;
	font-size: 11px;
	font-weight: 900;
}

.dua-chat-message--user {
	justify-content: flex-end;
}

.dua-chat-message--user > div {
	border-bottom-right-radius: 4px;
	background: linear-gradient(135deg, #686AF5, #484AD8);
	color: var(--dua-white);
	box-shadow: 0 12px 25px rgba(72,74,216,.2);
}

.dua-chat-note {
	color: #CACBFF;
	font-weight: 700;
}

.dua-advisor-choices {
	display: flex;
	gap: 8px;
	padding: 0 20px 18px;
	overflow-x: auto;
	scrollbar-width: none;
}

.dua-advisor-choices::-webkit-scrollbar {
	display: none;
}

.dua-advisor-choices button {
	flex: 0 0 auto;
	padding: 9px 11px;
	border: 1px solid rgba(255,255,255,.09);
	border-radius: 9px;
	background: rgba(255,255,255,.025);
	color: rgba(255,255,255,.42);
	font: inherit;
	font-size: 10px;
	font-weight: 800;
	cursor: pointer;
}

.dua-advisor-choices button.is-active {
	border-color: rgba(214,179,106,.28);
	background: rgba(214,179,106,.08);
	color: #F0D49A;
}

.dua-advisor-input {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin: 0 20px 20px;
	padding: 12px 12px 12px 14px;
	border: 1px solid rgba(255,255,255,.09);
	border-radius: 13px;
	background: rgba(255,255,255,.025);
	color: rgba(255,255,255,.26);
	font-size: 11px;
}

.dua-advisor-input button {
	display: grid;
	width: 34px;
	height: 34px;
	place-items: center;
	border: 0;
	border-radius: 10px;
	background: linear-gradient(135deg,#686AF5,#494BD8);
	color: var(--dua-white);
	font: inherit;
	font-weight: 900;
}

.dua-advisor-orbit {
	position: absolute;
	z-index: 2;
	right: 0;
	bottom: 36px;
	width: 255px;
	height: 255px;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 50%;
	background:
		radial-gradient(circle at center, rgba(91,92,246,.12), transparent 48%);
	box-shadow: inset 0 0 70px rgba(91,92,246,.06);
}

.dua-advisor-orbit::before,
.dua-advisor-orbit::after {
	content: "";
	position: absolute;
	inset: 34px;
	border: 1px solid rgba(255,255,255,.06);
	border-radius: 50%;
}

.dua-advisor-orbit::after {
	inset: 72px;
}

.dua-advisor-orbit__center,
.dua-orbit-tool {
	position: absolute;
	display: grid;
	place-items: center;
	border: 1px solid rgba(255,255,255,.1);
	border-radius: 50%;
	background: #11192B;
	box-shadow: 0 16px 34px rgba(0,0,0,.32);
	font-size: 10px;
	font-weight: 900;
}

.dua-advisor-orbit__center {
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	background: linear-gradient(145deg,#25296B,#171D3A);
	color: #C3C4FF;
	transform: translate(-50%,-50%);
}

.dua-orbit-tool {
	width: 46px;
	height: 46px;
	color: rgba(255,255,255,.68);
}

.dua-orbit-tool--one { top: 16px; left: 104px; }
.dua-orbit-tool--two { top: 102px; right: 14px; }
.dua-orbit-tool--three { bottom: 16px; left: 102px; }
.dua-orbit-tool--four { top: 102px; left: 14px; }

.dua-advisor-status {
	position: absolute;
	z-index: 4;
	right: 14px;
	bottom: 6px;
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 12px 14px;
	border: 1px solid rgba(214,179,106,.18);
	border-radius: 12px;
	background: rgba(9,14,26,.88);
	box-shadow: 0 18px 40px rgba(0,0,0,.34);
	color: rgba(255,255,255,.58);
	font-size: 10px;
	font-weight: 800;
}

.dua-advisor-status span {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--dua-champagne);
	box-shadow: 0 0 0 5px rgba(214,179,106,.08);
}

@media (max-width: 1060px) {
	.dua-advisor__grid {
		grid-template-columns: 1fr;
	}

	.dua-advisor__copy {
		max-width: 760px;
	}

	.dua-advisor__stage {
		width: min(100%, 760px);
		margin-inline: auto;
	}
}

@media (max-width: 680px) {
	.home #header {
		position: absolute !important;
		top: 10px;
	}

	.admin-bar.home #header {
		top: 56px;
	}

	.dua-advisor {
		padding: 88px 0 105px;
	}

	.dua-advisor__copy h2 {
		font-size: clamp(40px,12vw,55px);
	}

	.dua-advisor__lead {
		font-size: 16px;
	}

	.dua-advisor__stage {
		min-height: 665px;
	}

	.dua-advisor-card {
		top: 0;
		left: 0;
		width: 100%;
	}

	.dua-advisor-orbit {
		right: -16px;
		bottom: 14px;
		width: 210px;
		height: 210px;
		opacity: .72;
	}

	.dua-advisor-status {
		left: 14px;
		right: auto;
		bottom: 2px;
	}

	.dua-advisor-chat {
		min-height: 340px;
		padding-inline: 14px;
	}

	.dua-advisor-card__top,
	.dua-advisor-choices {
		padding-inline: 14px;
	}

	.dua-advisor-input {
		margin-inline: 14px;
	}
}


/* ------------------------------------------------------------------
   Version 2.0.0 — complete homepage
------------------------------------------------------------------- */

.dua-section-head {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(340px, .65fr);
	gap: 40px 80px;
	align-items: end;
	margin-bottom: 58px;
}

.dua-section-head > div {
	max-width: 780px;
}

.dua-section-head__kicker {
	margin: 0 0 15px;
	color: var(--dua-champagne);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.dua-section-head h2 {
	margin: 0;
	color: var(--dua-white);
	font-size: clamp(43px, 5.5vw, 72px);
	font-weight: 800;
	line-height: 1.02;
	letter-spacing: -.05em;
}

.dua-section-head > p,
.dua-section-head > div + p {
	max-width: 620px;
	margin: 0;
	color: rgba(255,255,255,.56);
	font-size: 17px;
	line-height: 1.75;
}

.dua-section-head--center {
	display: block;
	max-width: 850px;
	margin-inline: auto;
	text-align: center;
}

.dua-section-head--center > p:last-child {
	margin: 23px auto 0;
}

/* Workflow examples */
.dua-examples {
	position: relative;
	padding: clamp(105px, 10vw, 150px) 0;
	background:
		radial-gradient(circle at 50% 0%, rgba(91,92,246,.14), transparent 28%),
		#0B1020;
	color: var(--dua-white);
}

.dua-examples::before,
.dua-work::before,
.dua-process::before,
.dua-founder::before,
.dua-why::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: min(1180px, calc(100% - 48px));
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(214,179,106,.24), rgba(151,152,255,.26), transparent);
	transform: translateX(-50%);
}

.dua-example-tabs {
	display: flex;
	justify-content: center;
	gap: 9px;
	margin-bottom: 26px;
	overflow-x: auto;
	scrollbar-width: none;
}

.dua-example-tabs::-webkit-scrollbar {
	display: none;
}

.dua-example-tabs button {
	flex: 0 0 auto;
	padding: 11px 15px;
	border: 1px solid rgba(255,255,255,.09);
	border-radius: 999px;
	background: rgba(255,255,255,.025);
	color: rgba(255,255,255,.44);
	font: inherit;
	font-size: 11px;
	font-weight: 800;
	cursor: pointer;
	transition: all 180ms ease;
}

.dua-example-tabs button.is-active {
	border-color: rgba(214,179,106,.28);
	background: linear-gradient(135deg, rgba(214,179,106,.11), rgba(91,92,246,.12));
	color: var(--dua-white);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.dua-example-stage {
	display: grid;
	grid-template-columns: .72fr 1.28fr;
	gap: clamp(48px, 7vw, 90px);
	align-items: center;
	padding: clamp(30px, 4vw, 48px);
	border: 1px solid rgba(255,255,255,.11);
	border-radius: 28px;
	background:
		linear-gradient(125deg, rgba(255,255,255,.035), transparent 26%),
		rgba(12,19,33,.86);
	box-shadow: 0 35px 100px rgba(0,0,0,.38);
	backdrop-filter: blur(18px);
}

.dua-example-stage__index {
	color: var(--dua-champagne);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .11em;
}

.dua-example-stage__copy h3 {
	margin: 17px 0 0;
	color: var(--dua-white);
	font-size: clamp(34px, 4.2vw, 56px);
	line-height: 1.04;
	letter-spacing: -.045em;
}

.dua-example-stage__copy > p {
	margin: 22px 0 0;
	color: rgba(255,255,255,.58);
	font-size: 16px;
	line-height: 1.75;
}

.dua-example-outcomes {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 28px;
}

.dua-example-outcomes span {
	padding: 8px 10px;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 8px;
	color: rgba(255,255,255,.5);
	font-size: 10px;
	font-weight: 800;
}

.dua-example-map {
	position: relative;
	min-height: 470px;
	padding: 34px;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 22px;
	background:
		linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px),
		linear-gradient(145deg, rgba(91,92,246,.06), transparent 50%);
	background-size: 34px 34px, 34px 34px, auto;
}

.dua-example-node {
	position: absolute;
	z-index: 3;
	display: flex;
	align-items: center;
	gap: 13px;
	width: min(255px, calc(100% - 58px));
	padding: 16px;
	border: 1px solid rgba(255,255,255,.11);
	border-radius: 15px;
	background: rgba(14,22,38,.94);
	box-shadow: 0 18px 38px rgba(0,0,0,.26);
}

.dua-example-node > span {
	display: grid;
	flex: 0 0 42px;
	height: 42px;
	place-items: center;
	border-radius: 11px;
	background: rgba(91,92,246,.16);
	color: #B4B5FF;
	font-size: 11px;
	font-weight: 900;
}

.dua-example-node strong,
.dua-example-node small {
	display: block;
}

.dua-example-node strong {
	color: var(--dua-white);
	font-size: 14px;
}

.dua-example-node small {
	margin-top: 4px;
	color: rgba(255,255,255,.39);
	font-size: 10px;
}

.dua-example-node--source {
	top: 48px;
	left: 32px;
}

.dua-example-node--logic {
	top: 184px;
	right: 32px;
}

.dua-example-node--action {
	bottom: 50px;
	left: 62px;
}

.dua-example-node--action > span {
	background: rgba(214,179,106,.11);
	color: #E6C988;
}

.dua-example-path {
	position: absolute;
	z-index: 2;
	height: 2px;
	background: linear-gradient(90deg, rgba(151,152,255,.18), #8587FF, rgba(214,179,106,.34));
	transform-origin: left center;
}

.dua-example-path i {
	position: absolute;
	top: 50%;
	left: 0;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #9698FF;
	box-shadow: 0 0 16px #6C6EF5;
	transform: translateY(-50%);
	animation: dua-example-travel 4s linear infinite;
}

.dua-example-path--one {
	top: 150px;
	left: 202px;
	width: 190px;
	transform: rotate(22deg);
}

.dua-example-path--two {
	top: 300px;
	left: 205px;
	width: 185px;
	transform: rotate(145deg);
}

.dua-example-path--two i {
	animation-delay: 2s;
}

.dua-example-tools {
	position: absolute;
	right: 22px;
	bottom: 18px;
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	justify-content: flex-end;
	max-width: 240px;
}

.dua-example-tools span {
	padding: 7px 9px;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 7px;
	color: rgba(255,255,255,.36);
	font-size: 9px;
	font-weight: 800;
}

@keyframes dua-example-travel {
	0% { left:0; opacity:0; }
	8% { opacity:1; }
	80% { left:calc(100% - 9px); opacity:1; }
	100% { left:calc(100% - 9px); opacity:0; }
}

/* Selected work */
.dua-work {
	position: relative;
	padding: clamp(105px, 10vw, 150px) 0;
	background:
		radial-gradient(circle at 12% 20%, rgba(214,179,106,.07), transparent 23%),
		#090E1A;
	color: var(--dua-white);
}

.dua-work-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.dua-case-card {
	overflow: hidden;
	border: 1px solid rgba(255,255,255,.1);
	border-radius: 25px;
	background: rgba(14,21,36,.88);
	box-shadow: 0 28px 80px rgba(0,0,0,.29);
	transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.dua-case-card:hover {
	transform: translateY(-5px);
	border-color: rgba(214,179,106,.2);
	box-shadow: 0 38px 95px rgba(0,0,0,.4);
}

.dua-case-card--feature {
	grid-row: span 2;
}

.dua-case-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	padding: 18px 20px;
	border-bottom: 1px solid rgba(255,255,255,.07);
}

.dua-case-card__meta span {
	padding: 7px 9px;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 999px;
	color: rgba(255,255,255,.42);
	font-size: 9px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .06em;
}

.dua-case-card__visual {
	position: relative;
	display: grid;
	min-height: 270px;
	place-items: center;
	overflow: hidden;
	background:
		linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
		linear-gradient(145deg, rgba(91,92,246,.12), rgba(214,179,106,.03));
	background-size: 34px 34px, 34px 34px, auto;
}

.dua-case-card--feature .dua-case-card__visual {
	min-height: 430px;
}

.dua-case-card__body {
	padding: 25px 24px 27px;
}

.dua-case-card__body h3 {
	margin: 0;
	color: var(--dua-white);
	font-size: 26px;
	line-height: 1.12;
	letter-spacing: -.03em;
}

.dua-case-card--feature .dua-case-card__body h3 {
	font-size: 35px;
}

.dua-case-card__body p {
	margin: 16px 0 0;
	color: rgba(255,255,255,.51);
	font-size: 14px;
	line-height: 1.7;
}

.dua-case-card__tools {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 20px;
}

.dua-case-card__tools span {
	padding: 7px 9px;
	border-radius: 7px;
	background: rgba(255,255,255,.045);
	color: rgba(255,255,255,.4);
	font-size: 9px;
	font-weight: 800;
}

.dua-case-dashboard {
	width: min(78%, 520px);
	overflow: hidden;
	border: 1px solid rgba(255,255,255,.11);
	border-radius: 18px;
	background: rgba(12,19,33,.96);
	box-shadow: 0 30px 70px rgba(0,0,0,.38);
	transform: perspective(1000px) rotateY(-7deg) rotateX(3deg);
}

.dua-case-dashboard__top {
	display: flex;
	gap: 6px;
	padding: 12px 14px;
	border-bottom: 1px solid rgba(255,255,255,.07);
}

.dua-case-dashboard__top span {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: rgba(255,255,255,.2);
}

.dua-case-dashboard__body {
	display: grid;
	grid-template-columns: 92px 1fr;
	min-height: 240px;
}

.dua-case-dashboard__sidebar {
	background: linear-gradient(180deg, rgba(91,92,246,.15), rgba(91,92,246,.02));
}

.dua-case-dashboard__main {
	display: grid;
	align-content: center;
	gap: 13px;
	padding: 26px;
}

.dua-case-dashboard__main div {
	height: 44px;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 10px;
	background: rgba(255,255,255,.035);
}

.dua-case-flow {
	position: absolute;
	right: 6%;
	bottom: 9%;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 14px;
	border: 1px solid rgba(214,179,106,.18);
	border-radius: 12px;
	background: rgba(8,13,25,.9);
	box-shadow: 0 18px 38px rgba(0,0,0,.32);
}

.dua-case-flow span {
	color: rgba(255,255,255,.57);
	font-size: 9px;
	font-weight: 800;
}

.dua-case-flow i {
	width: 18px;
	height: 1px;
	background: linear-gradient(90deg, #8E90FF, var(--dua-champagne));
}

.dua-store-stack {
	position: relative;
	width: 240px;
	height: 160px;
}

.dua-store-card {
	position: absolute;
	inset: 0;
	border: 1px solid rgba(255,255,255,.1);
	border-radius: 16px;
	background: #111A2D;
	box-shadow: 0 24px 50px rgba(0,0,0,.32);
}

.dua-store-card--back {
	transform: translate(28px,-25px) rotate(7deg);
	opacity: .42;
}

.dua-store-card--middle {
	transform: translate(14px,-12px) rotate(3deg);
	opacity: .67;
}

.dua-store-card--front {
	display: grid;
	align-content: center;
	padding: 24px;
}

.dua-store-card--front span,
.dua-store-card--front strong,
.dua-store-card--front small {
	display: block;
}

.dua-store-card--front span {
	color: var(--dua-champagne);
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .08em;
}

.dua-store-card--front strong {
	margin-top: 10px;
	font-size: 20px;
}

.dua-store-card--front small {
	margin-top: 6px;
	color: rgba(255,255,255,.38);
}

.dua-store-card--front i {
	display: block;
	width: 70%;
	height: 7px;
	margin-top: 22px;
	border-radius: 999px;
	background: linear-gradient(90deg,#7779FF,rgba(119,121,255,.18));
}

.dua-mini-site {
	width: min(85%, 380px);
	overflow: hidden;
	border: 1px solid rgba(255,255,255,.1);
	border-radius: 16px;
	background: #F5F7FB;
	color: #0B1020;
	box-shadow: 0 28px 65px rgba(0,0,0,.35);
	transform: perspective(1000px) rotateY(7deg) rotateX(2deg);
}

.dua-mini-site__nav {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 13px 15px;
	border-bottom: 1px solid #E4E8F0;
}

.dua-mini-site__nav strong {
	margin-right: auto;
	font-size: 10px;
}

.dua-mini-site__nav span {
	width: 30px;
	height: 5px;
	border-radius: 999px;
	background: #D8DDE7;
}

.dua-mini-site__hero {
	padding: 34px 28px 38px;
	background:
		radial-gradient(circle at 78% 28%, rgba(91,92,246,.13), transparent 32%),
		#F8F9FC;
}

.dua-mini-site__hero small {
	color: #5B5CF6;
	font-size: 7px;
	font-weight: 900;
	letter-spacing: .09em;
}

.dua-mini-site__hero strong {
	display: block;
	max-width: 260px;
	margin-top: 9px;
	font-size: 26px;
	line-height: 1.06;
	letter-spacing: -.04em;
}

.dua-mini-site__hero i {
	display: block;
	width: 70%;
	height: 7px;
	margin-top: 14px;
	border-radius: 999px;
	background: #DDE2EB;
	box-shadow: 0 12px 0 #E8EBF1;
}

.dua-mini-site__hero button {
	margin-top: 28px;
	padding: 10px 13px;
	border: 0;
	border-radius: 8px;
	background: #0B1020;
	color: #fff;
	font: inherit;
	font-size: 8px;
	font-weight: 800;
}

.dua-work__action {
	display: flex;
	justify-content: center;
	margin-top: 42px;
}

/* Process */
.dua-process {
	position: relative;
	padding: clamp(105px, 10vw, 150px) 0;
	background:
		radial-gradient(circle at 50% 50%, rgba(91,92,246,.08), transparent 34%),
		#0B1020;
	color: var(--dua-white);
}

.dua-process-track {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.dua-process-track::before {
	content: "";
	position: absolute;
	top: 35px;
	left: 8%;
	right: 8%;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(151,152,255,.35), rgba(214,179,106,.28), transparent);
}

.dua-process-track article {
	position: relative;
	z-index: 2;
	min-height: 235px;
	padding: 28px 24px;
	border: 1px solid rgba(255,255,255,.09);
	border-radius: 20px;
	background:
		linear-gradient(145deg, rgba(255,255,255,.035), transparent 35%),
		rgba(13,20,34,.82);
	box-shadow: 0 22px 55px rgba(0,0,0,.18);
}

.dua-process-track article > span {
	display: grid;
	width: 42px;
	height: 42px;
	place-items: center;
	border: 1px solid rgba(214,179,106,.22);
	border-radius: 12px;
	background: rgba(214,179,106,.06);
	color: var(--dua-champagne);
	font-size: 10px;
	font-weight: 900;
}

.dua-process-track h3 {
	margin: 36px 0 0;
	color: var(--dua-white);
	font-size: 22px;
}

.dua-process-track p {
	margin: 12px 0 0;
	color: rgba(255,255,255,.46);
	font-size: 13px;
	line-height: 1.65;
}

/* Founder */
.dua-founder {
	position: relative;
	padding: clamp(105px, 10vw, 155px) 0;
	background:
		radial-gradient(circle at 18% 46%, rgba(214,179,106,.09), transparent 25%),
		#090E1A;
	color: var(--dua-white);
}

.dua-founder__grid {
	display: grid;
	grid-template-columns: minmax(420px, .9fr) minmax(0, 1.1fr);
	gap: clamp(60px, 8vw, 120px);
	align-items: center;
}

.dua-founder__visual {
	position: relative;
	min-height: 580px;
}

.dua-founder-monogram {
	position: absolute;
	top: 50%;
	left: 50%;
	display: grid;
	width: 330px;
	height: 330px;
	place-items: center;
	border: 1px solid rgba(255,255,255,.09);
	border-radius: 50%;
	background:
		radial-gradient(circle at 35% 30%, rgba(255,255,255,.06), transparent 26%),
		linear-gradient(145deg, #141D31, #0D1424);
	box-shadow: 0 45px 110px rgba(0,0,0,.45);
	transform: translate(-50%,-50%);
}

.dua-founder-monogram__ring {
	position: absolute;
	inset: 28px;
	border: 1px solid rgba(214,179,106,.24);
	border-radius: 50%;
}

.dua-founder-monogram__ring::before,
.dua-founder-monogram__ring::after {
	content: "";
	position: absolute;
	border-radius: 50%;
	background: var(--dua-champagne);
	box-shadow: 0 0 0 8px rgba(214,179,106,.06);
}

.dua-founder-monogram__ring::before {
	top: 18px;
	left: 44px;
	width: 7px;
	height: 7px;
}

.dua-founder-monogram__ring::after {
	right: 26px;
	bottom: 42px;
	width: 5px;
	height: 5px;
}

.dua-founder-monogram strong {
	color: transparent;
	background: linear-gradient(135deg,#fff,#D8C08D,#9698FF);
	-webkit-background-clip: text;
	background-clip: text;
	font-size: 94px;
	letter-spacing: -.08em;
}

.dua-founder-monogram span {
	position: absolute;
	bottom: 63px;
	color: rgba(255,255,255,.37);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.dua-founder-card {
	position: absolute;
	z-index: 3;
	width: 230px;
	padding: 16px 18px;
	border: 1px solid rgba(255,255,255,.1);
	border-radius: 14px;
	background: rgba(10,16,29,.87);
	box-shadow: 0 24px 55px rgba(0,0,0,.34);
	backdrop-filter: blur(15px);
}

.dua-founder-card--one {
	top: 72px;
	right: 0;
}

.dua-founder-card--two {
	left: 0;
	bottom: 75px;
}

.dua-founder-card span,
.dua-founder-card strong {
	display: block;
}

.dua-founder-card span {
	color: rgba(255,255,255,.35);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.dua-founder-card strong {
	margin-top: 7px;
	font-size: 14px;
	line-height: 1.4;
}

.dua-founder__kicker {
	margin: 0 0 16px;
	color: var(--dua-champagne);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.dua-founder__copy h2 {
	margin: 0;
	color: var(--dua-white);
	font-size: clamp(44px, 5.6vw, 72px);
	line-height: 1.02;
	letter-spacing: -.05em;
}

.dua-founder__copy > p {
	max-width: 680px;
	margin: 24px 0 0;
	color: rgba(255,255,255,.57);
	font-size: 17px;
	line-height: 1.78;
}

.dua-founder-values {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin: 32px 0 0;
}

.dua-founder-values div {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 13px 14px;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 11px;
	background: rgba(255,255,255,.025);
}

.dua-founder-values span {
	color: var(--dua-champagne);
	font-size: 9px;
	font-weight: 900;
}

.dua-founder-values strong {
	color: rgba(255,255,255,.72);
	font-size: 11px;
}

/* Why */
.dua-why {
	position: relative;
	padding: clamp(105px, 10vw, 150px) 0;
	background:
		radial-gradient(circle at 80% 18%, rgba(91,92,246,.1), transparent 26%),
		#0B1020;
	color: var(--dua-white);
}

.dua-why-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.dua-why-grid article {
	position: relative;
	overflow: hidden;
	min-height: 300px;
	padding: 30px;
	border: 1px solid rgba(255,255,255,.09);
	border-radius: 22px;
	background:
		linear-gradient(145deg, rgba(255,255,255,.035), transparent 36%),
		rgba(13,20,34,.82);
}

.dua-why-grid article::after {
	content: "";
	position: absolute;
	right: -60px;
	bottom: -85px;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background: rgba(91,92,246,.08);
	filter: blur(4px);
}

.dua-why-grid article > span {
	color: var(--dua-champagne);
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .11em;
	text-transform: uppercase;
}

.dua-why-grid h3 {
	position: relative;
	z-index: 2;
	max-width: 520px;
	margin: 70px 0 0;
	color: var(--dua-white);
	font-size: 30px;
	line-height: 1.08;
	letter-spacing: -.035em;
}

.dua-why-grid p {
	position: relative;
	z-index: 2;
	max-width: 540px;
	margin: 16px 0 0;
	color: rgba(255,255,255,.47);
	font-size: 14px;
	line-height: 1.7;
}

/* Final CTA */
.dua-final-cta {
	padding: 30px 0 110px;
	background: #0B1020;
	color: var(--dua-white);
}

.dua-final-cta__panel {
	position: relative;
	overflow: hidden;
	padding: clamp(62px, 8vw, 100px) clamp(28px, 7vw, 90px);
	border: 1px solid rgba(214,179,106,.2);
	border-radius: 30px;
	background:
		linear-gradient(125deg, rgba(255,255,255,.045), transparent 27%),
		radial-gradient(circle at 78% 35%, rgba(91,92,246,.23), transparent 30%),
		linear-gradient(145deg,#121B30,#0B1120);
	box-shadow:
		0 44px 120px rgba(0,0,0,.46),
		inset 0 1px 0 rgba(255,255,255,.06);
	text-align: center;
}

.dua-final-cta__panel::before {
	content: "";
	position: absolute;
	top: 0;
	left: 14%;
	right: 14%;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--dua-champagne), #9798FF, transparent);
	opacity: .72;
}

.dua-final-cta__glow {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 580px;
	height: 580px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(91,92,246,.18), transparent 66%);
	filter: blur(18px);
	transform: translate(-50%,-50%);
}

.dua-final-cta__panel > p,
.dua-final-cta__panel h2,
.dua-final-cta__actions,
.dua-final-cta__meta {
	position: relative;
	z-index: 2;
}

.dua-final-cta__panel > p {
	margin: 0;
	color: var(--dua-champagne);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.dua-final-cta__panel h2 {
	max-width: 900px;
	margin: 18px auto 0;
	color: var(--dua-white);
	font-size: clamp(44px, 6vw, 78px);
	line-height: 1.02;
	letter-spacing: -.055em;
}

.dua-final-cta__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 13px;
	margin-top: 34px;
}

.dua-final-cta__meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin-top: 34px;
}

.dua-final-cta__meta span {
	padding: 8px 10px;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 8px;
	color: rgba(255,255,255,.38);
	font-size: 9px;
	font-weight: 800;
}

/* Responsive */
@media (max-width: 1024px) {
	.dua-section-head {
		grid-template-columns: 1fr;
	}

	.dua-example-stage {
		grid-template-columns: 1fr;
	}

	.dua-work-grid {
		grid-template-columns: 1fr;
	}

	.dua-case-card--feature {
		grid-row: auto;
	}

	.dua-process-track {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dua-founder__grid {
		grid-template-columns: 1fr;
	}

	.dua-founder__visual {
		width: min(100%, 650px);
		margin-inline: auto;
	}
}

@media (max-width: 680px) {
	.dua-section-head {
		margin-bottom: 38px;
	}

	.dua-section-head h2 {
		font-size: clamp(40px,12vw,55px);
	}

	.dua-section-head > p,
	.dua-section-head > div + p {
		font-size: 16px;
	}

	.dua-examples,
	.dua-work,
	.dua-process,
	.dua-founder,
	.dua-why {
		padding: 88px 0 100px;
	}

	.dua-example-tabs {
		justify-content: flex-start;
	}

	.dua-example-stage {
		padding: 22px 16px;
		border-radius: 22px;
	}

	.dua-example-map {
		min-height: 430px;
		padding: 20px 14px;
	}

	.dua-example-node {
		width: calc(100% - 28px);
	}

	.dua-example-node--source {
		top: 28px;
		left: 14px;
	}

	.dua-example-node--logic {
		top: 158px;
		right: 14px;
	}

	.dua-example-node--action {
		bottom: 42px;
		left: 14px;
	}

	.dua-example-path--one {
		top: 124px;
		left: 130px;
		width: 132px;
	}

	.dua-example-path--two {
		top: 266px;
		left: 125px;
		width: 134px;
	}

	.dua-case-card__visual,
	.dua-case-card--feature .dua-case-card__visual {
		min-height: 300px;
	}

	.dua-case-dashboard {
		width: 88%;
		transform: none;
	}

	.dua-case-flow {
		right: 4%;
		bottom: 5%;
	}

	.dua-case-card--feature .dua-case-card__body h3 {
		font-size: 29px;
	}

	.dua-process-track {
		grid-template-columns: 1fr;
	}

	.dua-process-track::before {
		display: none;
	}

	.dua-founder__visual {
		min-height: 480px;
	}

	.dua-founder-monogram {
		width: 270px;
		height: 270px;
	}

	.dua-founder-monogram strong {
		font-size: 78px;
	}

	.dua-founder-card {
		width: 190px;
	}

	.dua-founder-card--one {
		top: 28px;
		right: 0;
	}

	.dua-founder-card--two {
		left: 0;
		bottom: 32px;
	}

	.dua-founder-values {
		grid-template-columns: 1fr;
	}

	.dua-why-grid {
		grid-template-columns: 1fr;
	}

	.dua-why-grid article {
		min-height: 260px;
	}

	.dua-why-grid h3 {
		margin-top: 54px;
		font-size: 27px;
	}

	.dua-final-cta {
		padding: 20px 0 80px;
	}

	.dua-final-cta__panel {
		border-radius: 23px;
	}

	.dua-final-cta__actions {
		flex-direction: column;
	}

	.dua-final-cta__actions .dua-button {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.dua-example-path i {
		animation: none;
	}
}


/* Version 2.0.1 — refined premium header proportions */
.home #header [data-row*="middle"] {
	width: min(1240px, calc(100% - 64px));
	min-height: 74px !important;
	border-radius: 20px;
}

.home #header [data-row*="middle"] .ct-container,
.home #header [data-row*="middle"] .ct-container-fluid {
	min-height: 74px !important;
	padding-inline: 22px !important;
}

.home #header [data-column] {
	min-height: 74px !important;
	align-items: center;
}

.home #header [data-column="start"] {
	padding-left: 2px;
}

.home #header [data-column="end"] {
	padding-right: 2px;
}

.home #header .site-title {
	font-size: 22px !important;
	line-height: 1 !important;
	letter-spacing: .075em;
	white-space: nowrap;
}

.home #header [data-id="menu"] > ul,
.home #header .menu {
	gap: 4px;
}

.home #header [data-id="menu"] > ul > li > a,
.home #header .menu > li > a {
	min-height: 74px;
	padding-inline: 15px;
	font-size: 12px;
	letter-spacing: .05em;
}

.home #header [data-id="menu"] > ul > li > a::after,
.home #header .menu > li > a::after {
	bottom: 17px;
}

.home #header .ct-button,
.home #header [data-id="button"] a {
	min-height: 44px !important;
	padding: 0 19px !important;
	border-radius: 12px;
	font-size: 13px;
	line-height: 1;
	white-space: nowrap;
}

.home.dua-header-scrolled #header [data-row*="middle"] {
	min-height: 74px !important;
}

@media (max-width: 1080px) {
	.home #header [data-row*="middle"] {
		width: calc(100% - 40px);
	}

	.home #header [data-row*="middle"] .ct-container,
	.home #header [data-row*="middle"] .ct-container-fluid {
		padding-inline: 16px !important;
	}

	.home #header [data-id="menu"] > ul > li > a,
	.home #header .menu > li > a {
		padding-inline: 10px;
	}
}

@media (max-width: 680px) {
	.home #header [data-row*="middle"] {
		width: calc(100% - 20px);
		min-height: 64px !important;
		border-radius: 16px;
	}

	.home #header [data-row*="middle"] .ct-container,
	.home #header [data-row*="middle"] .ct-container-fluid,
	.home #header [data-column] {
		min-height: 64px !important;
	}

	.home #header [data-row*="middle"] .ct-container,
	.home #header [data-row*="middle"] .ct-container-fluid {
		padding-inline: 14px !important;
	}

	.home #header .site-title {
		font-size: 19px !important;
		letter-spacing: .055em;
	}
}


/* Version 2.0.2 — Project Advisor layout refinement */
.dua-advisor {
	padding: clamp(95px, 8vw, 125px) 0;
}

.dua-advisor__grid {
	grid-template-columns: minmax(0, .88fr) minmax(520px, 1.12fr);
	gap: clamp(54px, 6vw, 86px);
	align-items: start;
}

.dua-advisor__copy {
	padding-top: 20px;
}

.dua-advisor__copy h2 {
	max-width: 620px;
	font-size: clamp(46px, 4.9vw, 66px);
	line-height: 1.01;
	letter-spacing: -.048em;
}

.dua-advisor__lead {
	max-width: 590px;
	margin-top: 22px;
	font-size: 17px;
	line-height: 1.7;
}

.dua-advisor__benefits {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin-top: 30px;
}

.dua-advisor__benefits > div {
	grid-template-columns: 34px 1fr;
	gap: 12px;
	padding: 14px;
	border: 1px solid rgba(255,255,255,.07);
	border-radius: 13px;
	background: rgba(255,255,255,.022);
}

.dua-advisor__benefits > div > span {
	width: 30px;
	height: 30px;
	border-radius: 9px;
}

.dua-advisor__benefits strong {
	font-size: 13px;
	line-height: 1.35;
}

.dua-advisor__benefits small {
	font-size: 10px;
	line-height: 1.45;
}

.dua-advisor__cta {
	margin-top: 28px;
	min-height: 48px;
	padding-inline: 20px;
}

.dua-advisor__stage {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	min-height: auto;
	padding: 0 38px 68px 0;
}

.dua-advisor__glow {
	inset: 8% 3% 4% 8%;
	opacity: .72;
}

.dua-advisor-card {
	position: relative;
	top: auto;
	left: auto;
	width: 100%;
	max-width: 590px;
	border-radius: 23px;
	box-shadow:
		0 34px 90px rgba(0,0,0,.46),
		inset 0 1px 0 rgba(255,255,255,.055);
}

.dua-advisor-card__top {
	padding: 16px 18px;
}

.dua-advisor-chat {
	min-height: 300px;
	padding: 20px 18px;
	gap: 14px;
	background-size: 30px 30px;
}

.dua-chat-message > div {
	max-width: 82%;
	padding: 12px 13px;
}

.dua-chat-message p {
	font-size: 11px;
	line-height: 1.48;
}

.dua-advisor-choices {
	padding: 0 18px 15px;
}

.dua-advisor-choices button {
	padding: 8px 10px;
	font-size: 9px;
}

.dua-advisor-input {
	margin: 0 18px 18px;
	padding: 10px 10px 10px 13px;
}

.dua-advisor-input button {
	width: 32px;
	height: 32px;
}

.dua-advisor-orbit {
	right: -6px;
	bottom: 0;
	width: 185px;
	height: 185px;
	opacity: .34;
	pointer-events: none;
}

.dua-advisor-orbit::before {
	inset: 26px;
}

.dua-advisor-orbit::after {
	inset: 54px;
}

.dua-advisor-orbit__center {
	width: 48px;
	height: 48px;
}

.dua-orbit-tool {
	width: 36px;
	height: 36px;
	font-size: 8px;
}

.dua-orbit-tool--one { top: 10px; left: 74px; }
.dua-orbit-tool--two { top: 73px; right: 8px; }
.dua-orbit-tool--three { bottom: 10px; left: 73px; }
.dua-orbit-tool--four { top: 73px; left: 8px; }

.dua-advisor-status {
	right: 22px;
	bottom: 18px;
	padding: 10px 12px;
	font-size: 9px;
}

@media (max-width: 1060px) {
	.dua-advisor__copy {
		padding-top: 0;
	}

	.dua-advisor__stage {
		width: min(100%, 720px);
		padding-right: 28px;
	}

	.dua-advisor-card {
		max-width: 620px;
	}
}

@media (max-width: 680px) {
	.dua-advisor {
		padding: 82px 0 92px;
	}

	.dua-advisor__copy h2 {
		font-size: clamp(40px, 11.5vw, 52px);
	}

	.dua-advisor__benefits {
		grid-template-columns: 1fr;
	}

	.dua-advisor__stage {
		min-height: auto;
		padding: 0 0 54px;
	}

	.dua-advisor-card {
		width: 100%;
	}

	.dua-advisor-chat {
		min-height: 315px;
	}

	.dua-advisor-orbit {
		right: -20px;
		bottom: -8px;
		width: 150px;
		height: 150px;
		opacity: .25;
	}

	.dua-advisor-status {
		left: 12px;
		right: auto;
		bottom: 4px;
		max-width: calc(100% - 24px);
	}
}

/* =========================================================
   DUA SYSTEMS — 404 uses the same premium header as Home
   ========================================================= */

.error404 #header {
	position: absolute !important;
	top: 18px;
	left: 0;
	right: 0;
	z-index: 999;
	width: 100%;
	background: transparent !important;
	pointer-events: none;
}

.admin-bar.error404 #header {
	top: 50px;
}

.error404 #header [data-row*="middle"] {
	position: relative;
	width: min(1180px, calc(100% - 48px));
	min-height: 76px;
	margin-inline: auto;
	overflow: hidden;

	border: 1px solid rgba(214, 179, 106, 0.20) !important;
	border-radius: 18px;

	background:
		linear-gradient(
			110deg,
			rgba(255,255,255,.045),
			transparent 34%
		),
		rgba(8, 13, 27, 0.78) !important;

	box-shadow:
		0 22px 70px rgba(0, 0, 0, 0.30),
		inset 0 1px 0 rgba(255, 255, 255, 0.07);

	backdrop-filter: blur(20px) saturate(150%);
	-webkit-backdrop-filter: blur(20px) saturate(150%);

	pointer-events: auto;
}

.error404 #header [data-row*="middle"]::before {
	content: "";
	position: absolute;
	top: 0;
	left: 11%;
	right: 11%;
	height: 1px;

	background: linear-gradient(
		90deg,
		transparent,
		rgba(214, 179, 106, 0.58),
		rgba(151, 152, 255, 0.65),
		transparent
	);

	pointer-events: none;
}

.error404 #header [data-row*="middle"]::after {
	content: "";
	position: absolute;
	inset: -70% 68% auto -8%;
	height: 180px;

	background: radial-gradient(
		circle,
		rgba(91, 92, 246, 0.16),
		transparent 68%
	);

	pointer-events: none;
}

.error404 #header .ct-container,
.error404 #header .ct-container-fluid {
	position: relative;
	z-index: 2;
}

.error404 #header .site-title {
	letter-spacing: 0.055em;
	text-shadow: 0 0 26px rgba(151, 152, 255, 0.13);
}

/* Menu */
.error404 #header [data-id="menu"] > ul > li > a,
.error404 #header .menu > li > a {
	position: relative;
	font-size: 12px;
	letter-spacing: 0.055em;
}

.error404 #header [data-id="menu"] > ul > li > a::after,
.error404 #header .menu > li > a::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 13px;
	width: 0;
	height: 1px;

	background: linear-gradient(
		90deg,
		#D6B36A,
		#9798FF
	);

	transform: translateX(-50%);
	transition: width 180ms ease;
}

.error404 #header [data-id="menu"] > ul > li > a:hover::after,
.error404 #header .menu > li > a:hover::after {
	width: 22px;
}

/* Header CTA button */
.error404 #header .ct-button,
.error404 #header [data-id="button"] a {
	position: relative;
	isolation: isolate;
	overflow: hidden;

	border: 1px solid rgba(255, 255, 255, 0.13);

	background:
		linear-gradient(
			135deg,
			#6B6CF8 0%,
			#5052E7 62%,
			#3E40CE 100%
		);

	box-shadow:
		0 12px 28px rgba(79, 81, 226, 0.30),
		inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

.error404 #header .ct-button::before,
.error404 #header [data-id="button"] a::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;

	background: linear-gradient(
		110deg,
		transparent 12%,
		rgba(255, 255, 255, 0.22) 44%,
		transparent 72%
	);

	transform: translateX(-130%);
	transition: transform 500ms ease;
}

.error404 #header .ct-button:hover::before,
.error404 #header [data-id="button"] a:hover::before {
	transform: translateX(130%);
}

/* Give the 404 content enough room below the floating header */
.error404 .dua-404 {
	padding-top: 180px;
}


/* Tablet / WordPress admin bar */
@media (max-width: 782px) {
	.admin-bar.error404 #header {
		top: 64px;
	}
}


/* Mobile */
@media (max-width: 680px) {

	.error404 #header {
		top: 10px;
	}

	.admin-bar.error404 #header {
		top: 56px;
	}

	.error404 #header [data-row*="middle"] {
		width: calc(100% - 20px);
		min-height: 68px;
		border-radius: 15px;
	}

	.error404 #header .site-title {
		font-size: 20px !important;
		letter-spacing: 0.035em;
	}

	.error404 .dua-404 {
		padding-top: 135px;
	}
}