:root {
	--wd-bg: #0f172a;
	--wd-bg-alt: #111d36;
	--wd-accent: #1d4ed8;
	--wd-accent-light: #3b82f6;
	--wd-text: #e2e8f0;
	--wd-text-muted: #94a3b8;
}

body {
	background: var(--wd-bg);
	color: var(--wd-text);
	font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	overflow-x: hidden;
}

a.link-light:hover {
	color: var(--wd-accent-light) !important;
}

.navbar {
	background: rgba(15, 23, 42, 0.9);
	backdrop-filter: blur(8px);
	border-bottom: 1px solid rgba(148, 163, 184, 0.15);
}

.navbar .nav-link {
	color: var(--wd-text-muted);
}

.navbar .nav-link:hover {
	color: var(--wd-text);
}

.hero {
	min-height: 92vh;
	padding-top: 80px;
	background:
		radial-gradient(ellipse 900px 500px at 80% 10%, rgba(29, 78, 216, 0.25), transparent),
		var(--wd-bg);
}

.hero-graphic {
	max-width: min(480px, 100%);
	filter: drop-shadow(0 10px 40px rgba(29, 78, 216, 0.35));
}

.btn-primary {
	background-color: var(--wd-accent);
	border-color: var(--wd-accent);
}

.btn-primary:hover {
	background-color: var(--wd-accent-light);
	border-color: var(--wd-accent-light);
}

.btn-outline-light:hover {
	color: var(--wd-bg);
}

.phone-shot {
	max-width: min(320px, 100%);
}

.step-card,
.feature-card,
.download-card {
	background: var(--wd-bg-alt);
	border: 1px solid rgba(148, 163, 184, 0.15);
}

.step-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background: var(--wd-accent);
	color: #fff;
	font-weight: 700;
	font-size: 1.1rem;
}

#iletisim a.link-light {
	color: var(--wd-accent-light) !important;
}

footer {
	border-color: rgba(148, 163, 184, 0.15) !important;
}