:root {
	--db-brand: #4a0e78;
	--db-brand-soft: #f3eef8;
	--db-cyan: #00d4ff;
	--db-pink: #e83e8c;
	--db-pink-hover: #d12f7a;
	--db-success: #00c853;
	--db-bg: #f7f5fb;
	--db-surface: #ffffff;
	--db-text: #1a1a2e;
	--db-muted: #5f6478;
	--db-line: rgba(74, 14, 120, 0.1);
	--db-radius: 14px;
	--db-radius-sm: 10px;
	--db-shadow: 0 8px 30px rgba(26, 26, 46, 0.06);
	--db-shadow-lg: 0 24px 60px rgba(74, 14, 120, 0.12);
	--db-container: min(1120px, calc(100% - 2.5rem));
	--db-font: "Vazirmatn", Tahoma, sans-serif;
	--db-font-num: "Vazirmatn", Tahoma, sans-serif;
	--db-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

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

html {
	scroll-behavior: smooth;
}

body.sepidalink-site,
body.sepidalink-front-page,
body.sepidalink-site.sepidalink-front-page {
	margin: 0;
	font-family: var(--db-font);
	font-size: 16px;
	line-height: 1.75;
	color: var(--db-text);
	background: var(--db-bg);
	-webkit-font-smoothing: antialiased;
}

body.sepidalink-site button,
body.sepidalink-site input,
body.sepidalink-site select,
body.sepidalink-site textarea,
.sepidalink-home,
.sepidalink-home--directbin,
.sl-site-header,
.sl-site-footer,
.db-hero,
.db-section,
.sl-btn,
.sl-nav a,
.sl-site-logo__text,
body.sepidalink-site h1,
body.sepidalink-site h2,
body.sepidalink-site h3,
body.sepidalink-site h4,
body.sepidalink-site h5,
body.sepidalink-site h6 {
	font-family: var(--db-font);
}

body.sepidalink-front-page .site,
body.sepidalink-front-page #page,
body.sepidalink-front-page .site-content,
body.sepidalink-front-page .content-area,
body.sepidalink-front-page .site-main,
body.sepidalink-front-page .inside-article,
body.sepidalink-front-page .entry-content {
	margin: 0;
	padding: 0;
	max-width: none;
	background: transparent;
	box-shadow: none;
	border: 0;
}

body.sepidalink-front-page img {
	max-width: 100%;
	height: auto;
}

.sepidalink-container {
	width: var(--db-container);
	margin-inline: auto;
}

.sl-skip-link {
	position: absolute;
	inset-inline-start: 1rem;
	top: -100px;
	z-index: 10000;
	background: var(--db-brand);
	color: #fff;
	padding: 0.6rem 1rem;
	border-radius: 8px;
	text-decoration: none;
}

.sl-skip-link:focus {
	top: 1rem;
}

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

.sl-num,
.sl-pg-plan__price strong,
.sl-home-conn__num,
.sl-path__num,
.db-card__num {
	font-family: var(--db-font);
	font-variant-numeric: tabular-nums;
	font-feature-settings: "ss01" 0;
}

.sl-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	min-height: 48px;
	padding: 0.75rem 1.35rem;
	border-radius: 12px;
	border: 1px solid transparent;
	font-family: var(--db-font);
	font-size: 0.95rem;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: transform 0.2s var(--db-ease), box-shadow 0.2s var(--db-ease), background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.sl-btn:hover,
.sl-btn:focus-visible {
	transform: translateY(-1px);
}

.sl-btn--sm {
	min-height: 40px;
	padding: 0.55rem 1rem;
	font-size: 0.875rem;
}

.sl-btn--lg {
	min-height: 54px;
	padding: 0.9rem 1.7rem;
	font-size: 1rem;
}

.sl-btn--primary,
.sl-btn--cta-pink {
	background: var(--db-pink);
	color: #fff;
	box-shadow: 0 10px 28px rgba(232, 62, 140, 0.28);
}

.sl-btn--primary:hover,
.sl-btn--primary:focus-visible,
.sl-btn--cta-pink:hover,
.sl-btn--cta-pink:focus-visible {
	background: var(--db-pink-hover);
	color: #fff;
}

.sl-btn--outline {
	background: transparent;
	border-color: var(--db-line);
	color: var(--db-text);
}

.sl-btn--outline:hover,
.sl-btn--outline:focus-visible {
	border-color: var(--db-brand);
	color: var(--db-brand);
	background: var(--db-brand-soft);
}

.sl-btn--glass,
.sl-btn--secondary {
	background: var(--db-surface);
	border-color: var(--db-line);
	color: var(--db-text);
	box-shadow: var(--db-shadow);
}

.sl-btn--glass:hover,
.sl-btn--secondary:hover,
.sl-btn--glass:focus-visible,
.sl-btn--secondary:focus-visible {
	border-color: rgba(74, 14, 120, 0.25);
	color: var(--db-brand);
}

.sl-btn--block {
	width: 100%;
}

.sl-btn--glow::after {
	display: none;
}

.sl-site-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: rgba(247, 245, 251, 0.86);
	backdrop-filter: blur(14px);
	border-bottom: 1px solid var(--db-line);
}

.sl-site-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	min-height: 72px;
}

.sl-site-logo,
.sl-site-header .custom-logo-link {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	color: var(--db-brand);
}

.sl-site-logo__text {
	font-family: var(--db-font);
	font-weight: 800;
	font-size: 1.25rem;
	letter-spacing: -0.02em;
}

.sl-site-header__nav {
	display: none;
}

.sl-nav {
	display: flex;
	align-items: center;
	gap: 0.25rem 1.25rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.sl-nav a {
	color: var(--db-muted);
	text-decoration: none;
	font-weight: 600;
	font-size: 0.9375rem;
	transition: color 0.2s ease;
}

.sl-nav a:hover,
.sl-nav a:focus-visible {
	color: var(--db-brand);
}

.sl-site-header__actions {
	display: none;
	align-items: center;
	gap: 0.6rem;
}

.sl-site-header__toggle {
	width: 42px;
	height: 42px;
	border: 1px solid var(--db-line);
	border-radius: 10px;
	background: var(--db-surface);
	cursor: pointer;
	position: relative;
}

.sl-site-header__toggle-icon,
.sl-site-header__toggle-icon::before,
.sl-site-header__toggle-icon::after {
	display: block;
	width: 18px;
	height: 2px;
	background: var(--db-text);
	border-radius: 2px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.sl-site-header__toggle-icon {
	top: 50%;
	margin-top: -1px;
}

.sl-site-header__toggle-icon::before {
	content: "";
	top: -6px;
}

.sl-site-header__toggle-icon::after {
	content: "";
	top: 6px;
}

.sl-site-header.is-open .sl-site-header__nav {
	display: block;
	position: absolute;
	inset-inline: 0;
	top: 72px;
	background: var(--db-surface);
	border-bottom: 1px solid var(--db-line);
	padding: 1rem 1.25rem 1.25rem;
	box-shadow: var(--db-shadow);
}

.sl-site-header.is-open .sl-nav {
	flex-direction: column;
	align-items: stretch;
	gap: 0.35rem;
}

.sl-site-header.is-open .sl-nav a {
	display: block;
	padding: 0.7rem 0.4rem;
}

.sl-site-header.is-open .sl-site-header__nav-cta {
	margin-top: 0.75rem;
}

@media (min-width: 992px) {
	.sl-site-header__toggle {
		display: none;
	}

	.sl-site-header__nav {
		display: flex;
		align-items: center;
		gap: 1.5rem;
		flex: 1;
		justify-content: center;
	}

	.sl-site-header__nav-cta {
		display: none;
	}

	.sl-site-header__actions {
		display: flex;
	}
}

.sl-site-footer {
	background: #171226;
	color: rgba(255, 255, 255, 0.78);
	padding: 3.5rem 0 0;
	margin-top: 0;
}

.sl-site-footer__grid {
	display: grid;
	gap: 2rem;
}

@media (min-width: 768px) {
	.sl-site-footer__grid {
		grid-template-columns: 1.4fr 1fr 1fr;
		gap: 2.5rem;
	}
}

.sl-site-footer .sl-site-logo__text,
.sl-site-footer .custom-logo-link {
	color: #fff;
}

.sl-site-footer__tagline {
	margin: 0.85rem 0 0;
	max-width: 28rem;
	color: rgba(255, 255, 255, 0.62);
	font-size: 0.9375rem;
}

.sl-site-footer__title {
	margin: 0 0 1rem;
	color: #fff;
	font-size: 1rem;
	font-weight: 700;
}

.sl-footer-nav,
.sl-site-footer__contact {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.55rem;
}

.sl-footer-nav a,
.sl-site-footer__contact a {
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
	font-size: 0.9375rem;
}

.sl-footer-nav a:hover,
.sl-site-footer__contact a:hover {
	color: var(--db-cyan);
}

.sl-site-footer__bar {
	margin-top: 2.5rem;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	padding: 1.1rem 0;
}

.sl-site-footer__copy {
	margin: 0;
	font-size: 0.875rem;
	color: rgba(255, 255, 255, 0.5);
	text-align: center;
}

.sepidalink-home--directbin {
	overflow: clip;
}

.db-hero {
	position: relative;
	padding: clamp(2.75rem, 7vw, 4.5rem) 0 clamp(2rem, 5vw, 3.25rem);
	text-align: center;
	background:
		radial-gradient(ellipse 70% 50% at 50% -10%, rgba(232, 62, 140, 0.12), transparent 60%),
		radial-gradient(ellipse 50% 40% at 85% 20%, rgba(0, 212, 255, 0.1), transparent 55%),
		radial-gradient(ellipse 45% 40% at 10% 30%, rgba(74, 14, 120, 0.08), transparent 50%),
		linear-gradient(180deg, #fbfaff 0%, var(--db-bg) 100%);
}

.db-hero__brand {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	margin: 0 0 1.35rem;
	padding: 0.4rem 0.9rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid var(--db-line);
	box-shadow: var(--db-shadow);
	color: var(--db-brand);
	font-weight: 800;
	font-size: 0.95rem;
}

.db-hero__brand-mark {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 8px;
	background: linear-gradient(135deg, var(--db-brand), var(--db-cyan));
	box-shadow: 0 0 0 3px rgba(74, 14, 120, 0.08);
}

.db-hero__title {
	margin: 0 auto 0.85rem;
	max-width: 20ch;
	font-size: clamp(1.75rem, 4.5vw, 2.75rem);
	font-weight: 800;
	line-height: 1.35;
	letter-spacing: -0.03em;
	color: var(--db-text);
}

.db-hero__lead {
	margin: 0 auto 1.5rem;
	max-width: 32rem;
	font-size: clamp(1rem, 1.8vw, 1.125rem);
	line-height: 1.75;
	color: var(--db-muted);
}

.db-hero__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.75rem;
	margin-bottom: 0.7rem;
}

.db-hero__note {
	margin: 0 0 2rem;
	color: var(--db-muted);
	font-size: 0.875rem;
	font-weight: 600;
}

.db-hero__visual {
	position: relative;
	max-width: 920px;
	margin: 0 auto;
}

.db-hero__frame {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	background: var(--db-surface);
	border: 1px solid rgba(74, 14, 120, 0.08);
	box-shadow: var(--db-shadow-lg);
}

.db-hero__frame-bar {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.75rem 1rem;
	background: #f3f0f8;
	border-bottom: 1px solid var(--db-line);
}

.db-hero__frame-dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #d7d2e0;
}

.db-hero__frame-dot:nth-child(1) {
	background: #ff6b8a;
}

.db-hero__frame-dot:nth-child(2) {
	background: #ffd166;
}

.db-hero__frame-dot:nth-child(3) {
	background: #06d6a0;
}

.db-hero__frame-title {
	margin-inline-start: 0.5rem;
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--db-muted);
}

.db-chat {
	display: grid;
	grid-template-columns: 1fr;
	min-height: 280px;
}

@media (min-width: 768px) {
	.db-chat {
		grid-template-columns: 200px 1fr;
		min-height: 280px;
	}
}

.db-chat__side {
	display: none;
	padding: 1rem;
	background: #faf8fc;
	border-inline-end: 1px solid var(--db-line);
}

@media (min-width: 768px) {
	.db-chat__side {
		display: block;
	}
}

.db-chat__side-item {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	padding: 0.65rem 0.7rem;
	border-radius: 12px;
	margin-bottom: 0.35rem;
}

.db-chat__side-item.is-active {
	background: rgba(74, 14, 120, 0.08);
}

.db-chat__avatar {
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--db-cyan), var(--db-brand));
	flex-shrink: 0;
}

.db-chat__avatar--2 {
	background: linear-gradient(135deg, var(--db-pink), #7b2ff7);
}

.db-chat__name {
	font-size: 0.8125rem;
	font-weight: 700;
	color: var(--db-text);
}

.db-chat__meta {
	font-size: 0.7rem;
	color: var(--db-muted);
}

.db-chat__main {
	padding: 1.25rem;
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
	background:
		linear-gradient(180deg, #fff 0%, #fbfaff 100%);
}

.db-chat__bubble {
	max-width: 78%;
	padding: 0.75rem 0.95rem;
	border-radius: 16px;
	font-size: 0.9rem;
	line-height: 1.65;
}

.db-chat__bubble--in {
	align-self: flex-start;
	background: #f1edf7;
	color: var(--db-text);
	border-end-start-radius: 6px;
}

.db-chat__bubble--out {
	align-self: flex-end;
	background: linear-gradient(135deg, var(--db-brand), #6d28a8);
	color: #fff;
	border-end-end-radius: 6px;
}

.db-chat__typing {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	border-inline-end: 2px solid rgba(255, 255, 255, 0.7);
	animation: db-type 3.8s steps(26) infinite, db-caret 0.8s step-end infinite;
	max-width: 0;
}

@keyframes db-type {
	0% {
		max-width: 0;
	}
	40%,
	80% {
		max-width: 22ch;
	}
	100% {
		max-width: 22ch;
	}
}

@keyframes db-caret {
	50% {
		border-color: transparent;
	}
}

.db-section {
	padding: clamp(3.5rem, 8vw, 5.5rem) 0;
}

.db-section--alt {
	background: var(--db-surface);
}

.db-section__head {
	text-align: center;
	max-width: 40rem;
	margin: 0 auto 2.5rem;
}

.db-section__eyebrow {
	display: inline-block;
	margin: 0 0 0.75rem;
	padding: 0.3rem 0.75rem;
	border-radius: 999px;
	background: var(--db-brand-soft);
	color: var(--db-brand);
	font-size: 0.8rem;
	font-weight: 700;
}

.db-section__title {
	margin: 0 0 0.75rem;
	font-size: clamp(1.55rem, 3.4vw, 2.15rem);
	font-weight: 800;
	letter-spacing: -0.025em;
	line-height: 1.35;
	color: var(--db-text);
}

.db-section__lead {
	margin: 0;
	color: var(--db-muted);
	font-size: 1.02rem;
	line-height: 1.85;
}

.db-channels__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.85rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.db-channels__item {
	display: inline-flex;
	align-items: center;
	gap: 0.65rem;
	min-width: 140px;
	justify-content: center;
	padding: 0.95rem 1.25rem;
	border-radius: 16px;
	background: var(--db-surface);
	border: 1px solid var(--db-line);
	box-shadow: var(--db-shadow);
	font-weight: 700;
	color: var(--db-text);
}

.db-channels__icon {
	width: 2rem;
	height: 2rem;
	border-radius: 10px;
	display: grid;
	place-items: center;
	font-size: 0.95rem;
	color: #fff;
}

.db-channels__icon--instagram {
	background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af);
}

.db-channels__icon--whatsapp {
	background: #25d366;
}

.db-channels__icon--telegram {
	background: #2aabee;
}

.db-features__list {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	max-width: 44rem;
	display: grid;
	gap: 0.85rem;
}

.db-features__item {
	display: flex;
	align-items: flex-start;
	gap: 0.85rem;
	padding: 1rem 1.15rem;
	border-radius: var(--db-radius);
	background: var(--db-surface);
	border: 1px solid var(--db-line);
	box-shadow: var(--db-shadow);
	font-size: 1rem;
	line-height: 1.7;
}

.db-features__check {
	flex-shrink: 0;
	width: 1.4rem;
	height: 1.4rem;
	margin-top: 0.15rem;
	border-radius: 50%;
	background: rgba(0, 200, 83, 0.12);
	color: var(--db-success);
	display: grid;
	place-items: center;
	font-size: 0.75rem;
	font-weight: 800;
}

.db-grid {
	display: grid;
	gap: 1rem;
}

@media (min-width: 768px) {
	.db-grid--2 {
		grid-template-columns: repeat(2, 1fr);
	}

	.db-grid--3 {
		grid-template-columns: repeat(2, 1fr);
	}

	.db-grid--4 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.db-grid--3 {
		grid-template-columns: repeat(3, 1fr);
	}

	.db-grid--4 {
		grid-template-columns: repeat(4, 1fr);
	}
}

.db-card {
	background: var(--db-surface);
	border: 1px solid var(--db-line);
	border-radius: 18px;
	padding: 1.4rem 1.35rem 1.5rem;
	box-shadow: var(--db-shadow);
	height: 100%;
	transition: transform 0.25s var(--db-ease), box-shadow 0.25s var(--db-ease);
}

.db-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--db-shadow-lg);
}

.db-card__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	margin-bottom: 0.9rem;
	border-radius: 10px;
	background: var(--db-brand-soft);
	color: var(--db-brand);
	font-family: var(--db-font);
	font-weight: 800;
	font-size: 0.85rem;
}

.db-card__title {
	margin: 0 0 0.55rem;
	font-size: 1.05rem;
	font-weight: 800;
	line-height: 1.4;
}

.db-card__text {
	margin: 0;
	color: var(--db-muted);
	font-size: 0.95rem;
	line-height: 1.75;
}

.db-pain__list {
	list-style: none;
	margin: 0 auto 1.25rem;
	padding: 0;
	max-width: 44rem;
	display: grid;
	gap: 0.75rem;
}

.db-pain__item {
	padding: 1rem 1.2rem;
	border-radius: var(--db-radius);
	background: var(--db-brand-soft);
	border: 1px solid rgba(74, 14, 120, 0.08);
	font-weight: 600;
	color: var(--db-text);
}

.db-pain__closing {
	text-align: center;
	margin: 0 auto;
	max-width: 38rem;
	color: var(--db-muted);
}

.db-compare__wrap {
	overflow-x: auto;
	border-radius: 18px;
	border: 1px solid var(--db-line);
	background: var(--db-surface);
	box-shadow: var(--db-shadow);
}

.db-compare__table {
	width: 100%;
	border-collapse: collapse;
	min-width: 640px;
}

.db-compare__table th,
.db-compare__table td {
	padding: 1rem 1.1rem;
	text-align: right;
	border-bottom: 1px solid var(--db-line);
	vertical-align: top;
	font-size: 0.9375rem;
}

.db-compare__table thead th {
	background: #f7f3fb;
	font-weight: 800;
	color: var(--db-text);
}

.db-compare__table tbody th {
	font-weight: 700;
	width: 28%;
}

.db-compare__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.35rem;
	height: 1.35rem;
	margin-inline-end: 0.4rem;
	border-radius: 50%;
	font-size: 0.7rem;
	font-weight: 800;
}

.db-compare__badge.is-yes {
	background: rgba(0, 200, 83, 0.14);
	color: var(--db-success);
}

.db-compare__badge.is-no {
	background: rgba(255, 107, 0, 0.12);
	color: #e65100;
}

.db-shots__grid {
	display: grid;
	gap: 1rem;
}

@media (min-width: 768px) {
	.db-shots__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

.db-shots__item {
	margin: 0;
	background: var(--db-surface);
	border: 1px solid var(--db-line);
	border-radius: 18px;
	overflow: hidden;
	box-shadow: var(--db-shadow);
}

.db-shots__link {
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: #efeaf7;
}

.db-shots__link img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.45s var(--db-ease);
}

.db-shots__item:hover img {
	transform: scale(1.03);
}

.db-shots__item figcaption {
	padding: 0.85rem 1rem 1rem;
	font-weight: 700;
	font-size: 0.95rem;
}

.db-cta {
	position: relative;
	padding: clamp(3.5rem, 8vw, 5rem) 0;
	text-align: center;
	background:
		radial-gradient(ellipse 60% 80% at 50% 100%, rgba(232, 62, 140, 0.18), transparent 60%),
		linear-gradient(135deg, #3a0a5f 0%, #4a0e78 45%, #1d4f78 100%);
	color: #fff;
}

.db-cta__title {
	margin: 0 auto 0.85rem;
	max-width: 18ch;
	font-size: clamp(1.6rem, 3.5vw, 2.25rem);
	font-weight: 800;
	line-height: 1.35;
}

.db-cta__lead {
	margin: 0 auto 1.5rem;
	max-width: 36rem;
	color: rgba(255, 255, 255, 0.82);
	font-size: 1.05rem;
}

.db-cta__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.75rem;
	margin-bottom: 1rem;
}

.db-cta .sl-btn--glass {
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.25);
	color: #fff;
	box-shadow: none;
}

.db-cta .sl-btn--glass:hover,
.db-cta .sl-btn--glass:focus-visible {
	background: rgba(255, 255, 255, 0.18);
	color: #fff;
}

.db-cta__foot {
	margin: 0;
	font-size: 0.9rem;
	color: rgba(255, 255, 255, 0.65);
}

.db-faq__list {
	max-width: 44rem;
	margin: 0 auto;
	display: grid;
	gap: 0.75rem;
}

.db-faq__item {
	background: var(--db-surface);
	border: 1px solid var(--db-line);
	border-radius: 14px;
	padding: 0.35rem 1rem;
	box-shadow: var(--db-shadow);
}

.db-faq__item summary {
	cursor: pointer;
	list-style: none;
	padding: 0.9rem 0;
	font-weight: 700;
	color: var(--db-text);
}

.db-faq__item summary::-webkit-details-marker {
	display: none;
}

.db-faq__item[open] summary {
	color: var(--db-brand);
}

.db-faq__answer {
	padding: 0 0 1rem;
	color: var(--db-muted);
	font-size: 0.975rem;
	line-height: 1.8;
}

.db-faq__answer p {
	margin: 0;
}

.sl-reveal,
.sl-reveal-stagger > * {
	opacity: 0;
	transform: translateY(18px);
	transition: opacity 0.7s var(--db-ease), transform 0.7s var(--db-ease);
	transition-delay: var(--sl-reveal-delay, 0ms);
}

.sl-reveal.is-visible,
.sl-reveal-stagger > *.is-visible,
html:not(.sl-js-ready) .sl-reveal,
html:not(.sl-js-ready) .sl-reveal-stagger > * {
	opacity: 1;
	transform: none;
}

.sl-section-head {
	text-align: center;
	max-width: 40rem;
	margin: 0 auto 2.5rem;
}

.sl-eyebrow {
	display: inline-block;
	margin: 0 0 0.75rem;
	padding: 0.3rem 0.75rem;
	border-radius: 999px;
	background: var(--db-brand-soft);
	color: var(--db-brand);
	font-size: 0.8rem;
	font-weight: 700;
}

.sl-section-title {
	margin: 0 0 0.75rem;
	font-size: clamp(1.55rem, 3.4vw, 2.15rem);
	font-weight: 800;
	letter-spacing: -0.025em;
	line-height: 1.35;
}

.sl-section-lead {
	margin: 0;
	color: var(--db-muted);
	font-size: 1.02rem;
}

.sl-services,
.sl-home-connections,
.sl-home-pain,
.sl-home-compare,
.sl-home-shots,
.sl-faq,
.sl-home-faq,
.sl-benefits,
.sl-home-benefits {
	padding: clamp(3.5rem, 8vw, 5.5rem) 0;
}

.sl-services__grid,
.sl-benefits__grid {
	display: grid;
	gap: 1rem;
}

@media (min-width: 768px) {
	.sl-services__grid,
	.sl-benefits__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.sl-services__grid {
		grid-template-columns: repeat(4, 1fr);
	}

	.sl-benefits__grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.sl-card,
.sl-benefit {
	background: var(--db-surface);
	border: 1px solid var(--db-line);
	border-radius: 18px;
	padding: 1.4rem;
	box-shadow: var(--db-shadow);
	height: 100%;
}

.sl-card__title,
.sl-benefit__title {
	margin: 0 0 0.5rem;
	font-size: 1.05rem;
	font-weight: 800;
}

.sl-card__text,
.sl-benefit__text {
	margin: 0;
	color: var(--db-muted);
	font-size: 0.95rem;
}

.sl-home-conn__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	margin: 0 0 0.85rem;
	border-radius: 10px;
	background: var(--db-brand-soft);
	color: var(--db-brand);
	font-weight: 800;
	font-size: 0.85rem;
}

.sl-home-pain__list {
	list-style: none;
	margin: 0 auto 1.25rem;
	padding: 0;
	max-width: 44rem;
	display: grid;
	gap: 0.75rem;
}

.sl-home-pain__item {
	padding: 1rem 1.2rem;
	border-radius: var(--db-radius);
	background: var(--db-brand-soft);
	font-weight: 600;
}

.sl-home-pain__closing {
	text-align: center;
	color: var(--db-muted);
	max-width: 38rem;
	margin: 0 auto;
}

.sl-home-compare__wrap {
	overflow-x: auto;
	border-radius: 18px;
	border: 1px solid var(--db-line);
	background: var(--db-surface);
}

.sl-home-compare__table {
	width: 100%;
	border-collapse: collapse;
	min-width: 640px;
}

.sl-home-compare__table th,
.sl-home-compare__table td {
	padding: 1rem;
	text-align: right;
	border-bottom: 1px solid var(--db-line);
	font-size: 0.9375rem;
}

.sl-home-compare__table thead th {
	background: #f7f3fb;
	font-weight: 800;
}

.sl-home-compare__badge {
	display: inline-flex;
	width: 1.35rem;
	height: 1.35rem;
	align-items: center;
	justify-content: center;
	margin-inline-end: 0.35rem;
	border-radius: 50%;
	font-size: 0.7rem;
	font-weight: 800;
}

.sl-home-compare__badge.is-yes {
	background: rgba(0, 200, 83, 0.14);
	color: var(--db-success);
}

.sl-home-compare__badge.is-no {
	background: rgba(255, 107, 0, 0.12);
	color: #e65100;
}

.sl-home-shots__grid {
	display: grid;
	gap: 1rem;
}

@media (min-width: 768px) {
	.sl-home-shots__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

.sl-home-shots__item {
	margin: 0;
	background: var(--db-surface);
	border: 1px solid var(--db-line);
	border-radius: 18px;
	overflow: hidden;
	box-shadow: var(--db-shadow);
}

.sl-home-shots__link {
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: #efeaf7;
}

.sl-home-shots__link img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.sl-home-shots__item figcaption {
	padding: 0.85rem 1rem 1rem;
	font-weight: 700;
}

.sl-cta,
.sl-home-cta {
	padding: clamp(3.5rem, 8vw, 5rem) 0;
	text-align: center;
	background: linear-gradient(135deg, #3a0a5f 0%, #4a0e78 45%, #1d4f78 100%);
	color: #fff;
	position: relative;
}

.sl-cta__glow {
	display: none;
}

.sl-cta__title {
	margin: 0 auto 0.85rem;
	font-size: clamp(1.6rem, 3.5vw, 2.25rem);
	font-weight: 800;
	max-width: 18ch;
}

.sl-cta__lead {
	margin: 0 auto 1.5rem;
	max-width: 36rem;
	color: rgba(255, 255, 255, 0.82);
}

.sl-cta__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.75rem;
}

.sl-home-cta__foot {
	margin: 1rem 0 0;
	color: rgba(255, 255, 255, 0.65);
	font-size: 0.9rem;
}

.sl-faq__list {
	max-width: 44rem;
	margin: 0 auto;
	display: grid;
	gap: 0.75rem;
}

.sl-faq__item {
	background: var(--db-surface);
	border: 1px solid var(--db-line);
	border-radius: 14px;
	padding: 0.35rem 1rem;
}

.sl-faq__question {
	cursor: pointer;
	list-style: none;
	padding: 0.9rem 0;
	font-weight: 700;
}

.sl-faq__question::-webkit-details-marker {
	display: none;
}

.sl-faq__answer {
	padding: 0 0 1rem;
	color: var(--db-muted);
}

.sl-faq__answer p {
	margin: 0;
}

.sl-pg-hero {
	padding: clamp(3rem, 7vw, 4.5rem) 0 2.5rem;
	text-align: center;
	background:
		radial-gradient(ellipse 60% 50% at 50% 0%, rgba(232, 62, 140, 0.1), transparent 60%),
		linear-gradient(180deg, #fbfaff, var(--db-bg));
}

.sl-pg-hero__bg {
	display: none;
}

.sl-pg-breadcrumb {
	display: flex;
	justify-content: center;
	gap: 0.5rem;
	margin-bottom: 1rem;
	font-size: 0.875rem;
	color: var(--db-muted);
}

.sl-pg-breadcrumb a {
	color: var(--db-brand);
	text-decoration: none;
}

.sl-pg-hero__title {
	margin: 0 auto 0.85rem;
	max-width: 20ch;
	font-size: clamp(1.7rem, 4vw, 2.5rem);
	font-weight: 800;
	letter-spacing: -0.03em;
	line-height: 1.3;
}

.sl-pg-hero__lead {
	margin: 0 auto;
	max-width: 38rem;
	color: var(--db-muted);
	font-size: 1.05rem;
}

.sl-pg-section {
	padding: clamp(2.5rem, 6vw, 4rem) 0;
}

.sl-pg-svc-grid,
.sl-pg-highlight-grid,
.sl-pg-plans {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 1rem;
}

@media (min-width: 768px) {
	.sl-pg-svc-grid,
	.sl-pg-highlight-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.sl-pg-plans {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1100px) {
	.sl-pg-plans {
		grid-template-columns: repeat(4, 1fr);
		align-items: stretch;
	}
}

.sl-pg-svc-card,
.sl-pg-highlight,
.sl-pg-plan {
	position: relative;
	background: var(--db-surface);
	border: 1px solid var(--db-line);
	border-radius: 18px;
	padding: 1.4rem;
	box-shadow: var(--db-shadow);
}

.sl-pg-plan--featured {
	border-color: rgba(232, 62, 140, 0.35);
	box-shadow: 0 16px 40px rgba(232, 62, 140, 0.12);
}

.sl-pg-plan__ribbon,
.sl-pg-svc-card__badge {
	display: inline-block;
	margin-bottom: 0.75rem;
	padding: 0.25rem 0.65rem;
	border-radius: 999px;
	background: rgba(232, 62, 140, 0.12);
	color: var(--db-pink);
	font-size: 0.75rem;
	font-weight: 800;
}

.sl-pg-plan__name,
.sl-pg-svc-card__title,
.sl-pg-highlight h3 {
	margin: 0 0 0.5rem;
	font-size: 1.15rem;
	font-weight: 800;
}

.sl-pg-plan__tagline,
.sl-pg-svc-card__text,
.sl-pg-highlight p {
	margin: 0 0 1rem;
	color: var(--db-muted);
	font-size: 0.95rem;
}

.sl-pg-plan__price {
	margin-bottom: 1rem;
}

.sl-pg-plan__price strong {
	display: block;
	font-size: 1.45rem;
	font-weight: 800;
	color: var(--db-brand);
	line-height: 1.3;
}

.sl-pg-plan__price span {
	font-size: 0.85rem;
	color: var(--db-muted);
}

.sl-pg-plan__features,
.sl-pro-card__tags {
	list-style: none;
	margin: 0 0 1.25rem;
	padding: 0;
	display: grid;
	gap: 0.45rem;
}

.sl-pg-plan__features li,
.sl-pro-card__tags li {
	font-size: 0.9rem;
	color: var(--db-text);
}

.sl-pg-plan__features li::before {
	content: "✓ ";
	color: var(--db-success);
	font-weight: 800;
}

.sl-pg-svc-card__icon {
	width: 3rem;
	height: 3rem;
	margin-bottom: 0.85rem;
	border-radius: 12px;
	display: grid;
	place-items: center;
	background: var(--db-brand-soft);
	color: var(--db-brand);
}

.sl-path {
	padding: clamp(2.5rem, 6vw, 4rem) 0;
}

.sl-path__rail {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 1rem;
}

@media (min-width: 900px) {
	.sl-path__rail {
		grid-template-columns: repeat(3, 1fr);
	}
}

.sl-path__stop {
	background: var(--db-surface);
	border: 1px solid var(--db-line);
	border-radius: 18px;
	padding: 1.35rem;
	box-shadow: var(--db-shadow);
}

.sl-path__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.4rem;
	height: 2.4rem;
	margin-bottom: 0.85rem;
	border-radius: 50%;
	background: var(--db-brand);
	color: #fff;
	font-weight: 800;
}

.sl-path__tag {
	display: inline-block;
	margin-bottom: 0.4rem;
	font-size: 0.75rem;
	font-weight: 700;
	color: var(--db-pink);
}

.sl-path__title {
	margin: 0 0 0.4rem;
	font-size: 1.05rem;
	font-weight: 800;
}

.sl-path__text {
	margin: 0;
	color: var(--db-muted);
	font-size: 0.95rem;
}

.sl-pg-contact__grid {
	display: grid;
	gap: 1.5rem;
}

@media (min-width: 900px) {
	.sl-pg-contact__grid {
		grid-template-columns: 1.1fr 0.9fr;
		align-items: start;
	}
}

.sl-pg-contact form,
.sl-pg-contact__aside {
	background: var(--db-surface);
	border: 1px solid var(--db-line);
	border-radius: 18px;
	padding: 1.5rem;
	box-shadow: var(--db-shadow);
}

.sl-pg-contact label {
	display: block;
	margin-bottom: 0.35rem;
	font-weight: 700;
	font-size: 0.9rem;
}

.sl-pg-contact input,
.sl-pg-contact textarea {
	width: 100%;
	margin-bottom: 1rem;
	padding: 0.8rem 0.95rem;
	border: 1px solid var(--db-line);
	border-radius: 12px;
	font-family: var(--db-font);
	font-size: 0.95rem;
	background: #fff;
}

.sl-pg-contact input:focus,
.sl-pg-contact textarea:focus {
	outline: none;
	border-color: var(--db-brand);
	box-shadow: 0 0 0 3px rgba(74, 14, 120, 0.12);
}

.sl-pg-contact__hint {
	margin: 0.75rem 0 0;
	color: var(--db-muted);
	font-size: 0.875rem;
}

@media (prefers-reduced-motion: reduce) {
	.db-chat__typing,
	.sl-reveal,
	.sl-reveal-stagger > *,
	.db-card,
	.db-shots__link img {
		animation: none !important;
		transition: none !important;
	}

	.sl-reveal,
	.sl-reveal-stagger > * {
		opacity: 1;
		transform: none;
	}
}