/**
 * Smart Leading Net — SEO Services Page
 * Uses theme design tokens from variables.css
 */

.seo-page {
	--seo-ink: #14254a;
	--seo-ink-deep: #0a1631;
	--seo-line: #e4e9f2;
	--seo-line-dark: rgba(255, 255, 255, 0.12);
	--seo-muted: var(--text-color);
	--seo-ok: #19b36b;
	--seo-max-radius: var(--card-radius);
	--seo-shadow: 0 18px 50px -24px rgba(31, 78, 158, 0.22);
	--seo-shadow-sm: 0 6px 24px -12px rgba(31, 78, 158, 0.18);
	color: var(--heading-color);
	overflow-x: clip;
}

.seo-page__section {
	padding: var(--section-spacing) 0;
}

.seo-page__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font-size: 12px;
	font-weight: var(--font-weight-semibold);
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--primary-color);
	margin-bottom: 18px;
}

.seo-page__eyebrow::before {
	content: "";
	width: 22px;
	height: 2px;
	background: var(--secondary-color);
	border-radius: 2px;
}

.seo-page__eyebrow--light {
	color: var(--light-blue-3);
}

.seo-page__section-head {
	max-width: 680px;
	margin-bottom: 54px;
}

.seo-page__section-head--center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.seo-page__section-title {
	font-size: clamp(30px, 4.4vw, var(--section-title-size));
	font-weight: var(--section-title-weight);
	line-height: 1.12;
	color: var(--heading-color);
	margin: 0 0 16px;
}

.seo-page__section-title--light {
	color: var(--white);
}

.seo-page__section-desc,
.seo-page__why-lead {
	font-size: 18px;
	line-height: 1.6;
	color: var(--text-color);
	margin: 0;
}

.seo-page__faq-lead {
	font-size: 18px;
	line-height: 1.6;
	color: var(--text-color);
	margin: 0 0 28px;
}

.seo-page__btn {
	white-space: nowrap;
}

.seo-page__cta.sls-btn {
	width: fit-content;
	max-width: 100%;
	flex-shrink: 0;
}

.seo-page__price-btn.sls-btn {
	width: 100%;
}

.seo-page__price-btn.btn-outline-custom.sls-btn {
	background-color: transparent;
}

.seo-page__form-submit.sls-btn {
	width: 100%;
	max-width: 100%;
	margin-top: 6px;
}

.seo-page__res-cta .seo-page__cta.sls-btn {
	margin: 0 auto;
}

/* Hero */
.seo-page__hero {
	position: relative;
	background: linear-gradient(135deg, var(--seo-ink-deep) 0%, var(--primary-color) 100%);
	color: var(--white);
	padding: 84px 0 96px;
	overflow: hidden;
}

.seo-page__hero::before {
	content: "";
	position: absolute;
	inset: 0;
	opacity: 0.55;
	background:
		radial-gradient(720px 440px at 88% -8%, rgba(255, 255, 255, 0.18), transparent 60%),
		radial-gradient(620px 420px at 0% 110%, rgba(243, 107, 50, 0.2), transparent 55%);
}

.seo-page__hero-grid {
	position: absolute;
	inset: 0;
	opacity: 0.22;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
	background-size: 54px 54px;
	mask-image: linear-gradient(180deg, #000, transparent 80%);
}

.seo-page__hero-inner {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 60fr) minmax(0, 40fr);
	gap: 40px;
	align-items: center;
}

.seo-page__hero-copy {
	min-width: 0;
}

.seo-page__hero-visual {
	min-width: 0;
	width: 100%;
}

.seo-page__hero-title {
	font-size: clamp(38px, 5.4vw, var(--h1-size));
	font-weight: var(--h1-weight);
	line-height: 1.08;
	color: var(--white);
	margin: 0 0 22px;
}

.seo-page__hero-highlight {
	color: var(--light-blue-3);
	position: relative;
	white-space: nowrap;
}

.seo-page__hero-lead {
	font-size: 19px;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.82);
	max-width: 540px;
	margin: 0 0 40px;
}

.seo-page__hero-cta {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	align-items: center;
	margin-bottom: 34px;
}

.seo-page__hero-cta .seo-page__cta.sls-btn {
	flex: 0 1 auto;
}

.seo-page__hero-cta .btn-white-custom.sls-btn {
	flex: 0 1 auto;
}

.seo-page__hero-trust {
	display: flex;
	align-items: center;
	gap: 22px;
	flex-wrap: nowrap;
	padding-top: 28px;
	border-top: 1px solid var(--seo-line-dark);
	overflow-x: auto;
	scrollbar-width: none;
}

.seo-page__hero-trust::-webkit-scrollbar {
	display: none;
}

.seo-page__gpartner {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font-size: 13px;
	font-weight: var(--font-weight-medium);
	color: rgba(255, 255, 255, 0.82);
	text-decoration: none;
	white-space: nowrap;
	flex-shrink: 0;
}

.seo-page__gpartner:hover,
.seo-page__gpartner:focus-visible {
	color: var(--white);
}

.seo-page__gpartner-dots {
	display: inline-flex;
	gap: 3px;
}

.seo-page__gpartner-dots i {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	display: block;
}

.seo-page__gpartner-dots i:nth-child(1) {
	background: #4285f4;
}

.seo-page__gpartner-dots i:nth-child(2) {
	background: #ea4335;
}

.seo-page__gpartner-dots i:nth-child(3) {
	background: #fbbc05;
}

.seo-page__gpartner-dots i:nth-child(4) {
	background: #34a853;
}

.seo-page__trust-item {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.72);
	white-space: nowrap;
	flex-shrink: 0;
}

.seo-page__trust-item strong {
	display: inline;
	color: var(--white);
	font-weight: var(--font-weight-bold);
	margin-right: 4px;
}

/* SERP panel */
.seo-page__serp {
	background: var(--white);
	border-radius: calc(var(--card-radius) + 9px);
	padding: 24px;
	box-shadow: 0 40px 80px -30px rgba(0, 0, 0, 0.45);
	color: var(--heading-color);
	width: 100%;
	max-width: none;
	min-width: 0;
}

.seo-page__serp-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 16px;
}

.seo-page__serp-query {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 1;
	min-width: 0;
	background: var(--light-blue-2);
	border: 1px solid var(--seo-line);
	border-radius: 30px;
	padding: 9px 15px;
	font-size: 13px;
	font-weight: var(--font-weight-medium);
	color: var(--seo-ink);
}

.seo-page__serp-query svg {
	color: var(--primary-color);
	flex-shrink: 0;
}

.seo-page__serp-tag {
	font-size: 11px;
	font-weight: var(--font-weight-semibold);
	color: var(--seo-ok);
	background: rgba(25, 179, 107, 0.1);
	padding: 5px 9px;
	border-radius: 7px;
	white-space: nowrap;
}

.seo-page__serp-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.seo-page__serp-row {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 11px 13px;
	border-radius: 11px;
	border: 1px solid var(--seo-line);
	transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.seo-page__serp-pos {
	font-size: 13px;
	font-weight: var(--font-weight-semibold);
	width: 26px;
	height: 26px;
	display: grid;
	place-items: center;
	border-radius: 7px;
	background: var(--light-blue-2);
	color: var(--text-color);
	flex-shrink: 0;
}

.seo-page__serp-bars {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.seo-page__serp-bars span {
	height: 7px;
	border-radius: 4px;
	background: #e9edf6;
}

.seo-page__serp-bars span:nth-child(1) {
	width: 62%;
}

.seo-page__serp-bars span:nth-child(2) {
	width: 88%;
}

.seo-page__serp-row--you {
	border-color: var(--primary-color);
	background: linear-gradient(0deg, rgba(31, 78, 158, 0.05), rgba(31, 78, 158, 0.05));
	box-shadow: 0 10px 26px -14px rgba(31, 78, 158, 0.35);
}

.seo-page__serp-row--you .seo-page__serp-pos {
	background: var(--primary-color);
	color: var(--white);
}

.seo-page__serp-row--you .seo-page__serp-bars span:nth-child(1) {
	background: var(--light-blue-3);
	width: 70%;
}

.seo-page__serp-row--you .seo-page__serp-bars span:nth-child(2) {
	background: var(--light-blue-1);
}

.seo-page__serp-you-tag {
	font-size: 10px;
	font-weight: var(--font-weight-semibold);
	color: var(--primary-color);
	background: var(--white);
	border: 1px solid var(--primary-color);
	padding: 3px 8px;
	border-radius: 20px;
	white-space: nowrap;
}

.seo-page__serp-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 16px;
	padding-top: 15px;
	border-top: 1px solid var(--seo-line);
}

.seo-page__serp-metric b,
.seo-page__serp-metric strong {
	display: block;
	font-size: 22px;
	font-weight: var(--font-weight-extrabold);
	color: var(--heading-color);
	line-height: 1;
}

.seo-page__serp-metric small {
	font-size: 11px;
	color: var(--text-color);
	margin-top: 3px;
	display: block;
}

.seo-page__serp-trend {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 13px;
	font-weight: var(--font-weight-semibold);
	color: var(--seo-ok);
}

/* Logos strip */
.seo-page__logos {
	background: var(--light-blue-2);
	border-top: 1px solid var(--seo-line);
	border-bottom: 1px solid var(--seo-line);
	padding: 30px 0;
}

.seo-page__logos-inner {
	display: flex;
	align-items: center;
	gap: 34px;
	flex-wrap: nowrap;
	justify-content: flex-start;
	overflow-x: auto;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.seo-page__logos-inner::-webkit-scrollbar {
	display: none;
}

.seo-page__logos-label {
	font-size: 12px;
	font-weight: var(--font-weight-semibold);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--text-color);
	white-space: nowrap;
	flex-shrink: 0;
}

.seo-page__logo-pill {
	font-size: 16px;
	font-weight: var(--font-weight-bold);
	color: var(--seo-ink);
	opacity: 0.62;
	letter-spacing: -0.02em;
	white-space: nowrap;
	flex-shrink: 0;
}

/* Pain points */
.seo-page__pain-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.seo-page__pain-card {
	background: var(--white);
	border: 1px solid var(--seo-line);
	border-radius: var(--card-radius);
	padding: 28px 26px;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.seo-page__pain-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--seo-shadow-sm);
	border-color: var(--light-blue-3);
}

.seo-page__pain-icon {
	width: 46px;
	height: 46px;
	border-radius: 12px;
	background: var(--light-orange-2);
	color: var(--secondary-color);
	display: grid;
	place-items: center;
	margin-bottom: 18px;
}

.seo-page__pain-title {
	font-size: 18px;
	font-weight: var(--font-weight-bold);
	margin: 0 0 9px;
}

.seo-page__pain-text {
	font-size: 15px;
	color: var(--text-color);
	margin: 0;
}

.seo-page__pain-foot {
	margin-top: 46px;
	display: flex;
	align-items: center;
	gap: 20px;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
}

.seo-page__pain-foot .seo-page__cta.sls-btn {
	flex-shrink: 0;
	white-space: nowrap;
}

.seo-page__pain-foot p {
	font-size: 17px;
	color: var(--seo-ink);
	margin: 0;
}

/* Services */
.seo-page__services {
	background: var(--light-blue-2);
}

.seo-page__svc-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
}

.seo-page__svc-card {
	background: var(--white);
	border: 1px solid var(--seo-line);
	border-radius: var(--card-radius);
	padding: 30px 28px;
	position: relative;
	overflow: hidden;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.seo-page__svc-card::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 3px;
	width: 0;
	background: var(--primary-color);
	transition: width 0.3s ease;
}

.seo-page__svc-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--seo-shadow);
}

.seo-page__svc-card:hover::after {
	width: 100%;
}

.seo-page__svc-icon {
	width: 50px;
	height: 50px;
	border-radius: 13px;
	background: var(--light-blue-1);
	color: var(--primary-color);
	display: grid;
	place-items: center;
	margin-bottom: 20px;
}

.seo-page__svc-title {
	font-size: 19px;
	font-weight: var(--font-weight-bold);
	margin: 0 0 10px;
}

.seo-page__svc-text {
	font-size: 15px;
	color: var(--text-color);
	margin: 0 0 16px;
}

.seo-page__svc-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.seo-page__svc-list li {
	display: flex;
	gap: 9px;
	align-items: flex-start;
	font-size: 14px;
	font-weight: var(--font-weight-medium);
	color: var(--seo-ink);
}

.seo-page__svc-list svg {
	color: var(--seo-ok);
	flex-shrink: 0;
	margin-top: 3px;
}

/* Why */
.seo-page__why {
	background: linear-gradient(135deg, var(--seo-ink-deep) 0%, var(--primary-color) 100%);
	color: var(--white);
	position: relative;
	overflow: hidden;
}

.seo-page__why::before {
	content: "";
	position: absolute;
	inset: 0;
	opacity: 0.55;
	background: radial-gradient(640px 420px at 100% 0%, rgba(255, 255, 255, 0.14), transparent 60%);
}

.seo-page__why .sls-container {
	position: relative;
	z-index: 2;
}

.seo-page__why-top {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
	align-items: end;
	margin-bottom: 50px;
}

.seo-page__why-lead {
	color: rgba(255, 255, 255, 0.78);
}

.seo-page__why-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1px;
	background: var(--seo-line-dark);
	border: 1px solid var(--seo-line-dark);
	border-radius: calc(var(--card-radius) + 9px);
	overflow: hidden;
}

.seo-page__why-cell {
	background: rgba(20, 37, 74, 0.72);
	padding: 34px 32px;
	transition: background 0.2s ease;
}

.seo-page__why-cell:hover {
	background: #14254a78;
}

.seo-page__why-num {
	font-size: 13px;
	font-weight: var(--font-weight-semibold);
	color: var(--secondary-color);
	margin: 0 0 16px;
}

.seo-page__why-title {
	color: var(--white);
	font-size: 20px;
	font-weight: var(--font-weight-bold);
	margin: 0 0 10px;
}

.seo-page__why-text {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.74);
	margin: 0;
}

/* Process */
.seo-page__proc-wrap {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 0;
	position: relative;
	margin-top: 20px;
}

.seo-page__proc-line {
	position: absolute;
	top: 27px;
	left: 9%;
	right: 9%;
	height: 2px;
	background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
	z-index: 0;
	opacity: 0.35;
}

.seo-page__proc-step {
	position: relative;
	z-index: 1;
	padding: 0 14px;
	text-align: center;
}

.seo-page__proc-num {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	margin: 0 auto 22px;
	background: var(--white);
	border: 2px solid var(--primary-color);
	color: var(--primary-color);
	display: grid;
	place-items: center;
	font-size: 20px;
	font-weight: var(--font-weight-extrabold);
	box-shadow: 0 0 0 6px var(--white);
}

.seo-page__proc-num--accent {
	border-color: var(--secondary-color);
	color: var(--secondary-color);
}

.seo-page__proc-title {
	font-size: 16px;
	font-weight: var(--font-weight-bold);
	margin: 0 0 8px;
}

.seo-page__proc-text {
	font-size: 14px;
	color: var(--text-color);
	margin: 0;
}

/* Results */
.seo-page__results {
	background: var(--light-blue-2);
}

.seo-page__res-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-bottom: 24px;
}

.seo-page__res-card {
	background: linear-gradient(135deg, var(--seo-ink-deep) 0%, var(--primary-color) 100%);
	color: var(--white);
	border-radius: calc(var(--card-radius) + 9px);
	padding: 32px 30px;
	position: relative;
	overflow: hidden;
	transition: transform 0.2s ease;
}

.seo-page__res-card:hover {
	transform: translateY(-4px);
}

.seo-page__res-card::before {
	content: "";
	position: absolute;
	right: -40px;
	top: -40px;
	width: 160px;
	height: 160px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.18), transparent 70%);
}

.seo-page__res-tag {
	font-size: 11px;
	font-weight: var(--font-weight-semibold);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--light-blue-3);
	position: relative;
	margin: 0;
}

.seo-page__res-big {
	font-size: 54px;
	font-weight: var(--font-weight-extrabold);
	line-height: 1;
	margin: 16px 0 6px;
	color: var(--white);
	position: relative;
}

.seo-page__res-label {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.78);
	margin: 0 0 20px;
	position: relative;
}

.seo-page__res-meta {
	display: flex;
	gap: 18px;
	border-top: 1px solid var(--seo-line-dark);
	padding-top: 18px;
	position: relative;
}

.seo-page__res-meta strong {
	display: block;
	font-size: 17px;
	font-weight: var(--font-weight-bold);
	color: var(--white);
}

.seo-page__res-meta small {
	font-size: 11px;
	color: rgba(255, 255, 255, 0.62);
	margin-top: 2px;
	display: block;
}

.seo-page__res-cta {
	text-align: center;
}

/* Pricing */
.seo-page__price-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	align-items: start;
}

.seo-page__price-card {
	border: 1px solid var(--seo-line);
	border-radius: calc(var(--card-radius) + 9px);
	padding: 34px 30px;
	background: var(--white);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	position: relative;
}

.seo-page__price-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--seo-shadow);
}

.seo-page__price-card--popular {
	border-color: var(--primary-color);
	box-shadow: 0 30px 60px -28px rgba(31, 78, 158, 0.35);
	transform: scale(1.02);
}

.seo-page__pop-badge {
	position: absolute;
	top: -13px;
	left: 50%;
	transform: translateX(-50%);
	background: var(--primary-color);
	color: var(--white);
	font-size: 11px;
	font-weight: var(--font-weight-semibold);
	letter-spacing: 0.08em;
	padding: 6px 16px;
	border-radius: 30px;
	text-transform: uppercase;
}

.seo-page__price-name {
	font-size: 15px;
	font-weight: var(--font-weight-bold);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--primary-color);
	margin: 0;
}

.seo-page__price-desc {
	font-size: 14px;
	color: var(--text-color);
	margin: 8px 0 22px;
	min-height: 42px;
}

.seo-page__price-amt {
	display: flex;
	align-items: flex-end;
	gap: 6px;
	margin-bottom: 6px;
}

.seo-page__price-cur {
	font-size: 22px;
	font-weight: var(--font-weight-bold);
	margin-bottom: 7px;
}

.seo-page__price-num {
	font-size: 46px;
	font-weight: var(--font-weight-extrabold);
	line-height: 1;
}

.seo-page__price-per {
	font-size: 14px;
	color: var(--text-color);
	margin-bottom: 9px;
}

.seo-page__price-note {
	font-size: 12px;
	color: var(--text-color);
	margin: 0 0 24px;
}

.seo-page__price-feat {
	list-style: none;
	margin: 0 0 28px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.seo-page__price-feat li {
	display: flex;
	gap: 11px;
	align-items: flex-start;
	font-size: 14px;
	color: var(--seo-ink);
}

.seo-page__price-feat svg {
	color: var(--seo-ok);
	flex-shrink: 0;
	margin-top: 3px;
}

.seo-page__price-disclaim {
	text-align: center;
	font-size: 13px;
	color: var(--text-color);
	margin: 26px 0 0;
}

/* Testimonials */
.seo-page__testi {
	background: var(--light-blue-2);
}

.seo-page__testi-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.seo-page__testi-card {
	background: var(--white);
	border: 1px solid var(--seo-line);
	border-radius: var(--card-radius);
	padding: 30px 28px;
	display: flex;
	flex-direction: column;
}

.seo-page__stars {
	color: #ffb23e;
	margin-bottom: 16px;
	letter-spacing: 2px;
}

.seo-page__testi-quote {
	font-size: 15px;
	line-height: 1.65;
	color: var(--seo-ink);
	margin: 0 0 22px;
	flex: 1;
}

.seo-page__testi-who {
	display: flex;
	align-items: center;
	gap: 13px;
}

.seo-page__testi-avatar {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	font-size: 15px;
	font-weight: var(--font-weight-bold);
	color: var(--white);
	flex-shrink: 0;
}

.seo-page__testi-avatar--blue {
	background: var(--primary-color);
}

.seo-page__testi-avatar--orange {
	background: var(--secondary-color);
}

.seo-page__testi-avatar--dark {
	background: var(--seo-ink);
}

.seo-page__testi-who strong {
	display: block;
	font-size: 15px;
}

.seo-page__testi-who small {
	color: var(--text-color);
	font-size: 13px;
}

/* Final CTA */
.seo-page__final {
	background: linear-gradient(135deg, var(--seo-ink-deep) 0%, var(--primary-color) 100%);
	color: var(--white);
	position: relative;
	overflow: hidden;
}

.seo-page__final::before {
	content: "";
	position: absolute;
	inset: 0;
	opacity: 0.65;
	background:
		radial-gradient(680px 400px at 12% 0%, rgba(255, 255, 255, 0.16), transparent 60%),
		radial-gradient(560px 380px at 100% 110%, rgba(243, 107, 50, 0.18), transparent 55%);
}

.seo-page__final-inner {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: 50px;
	align-items: center;
}

.seo-page__final-lead {
	font-size: 18px;
	color: rgba(255, 255, 255, 0.82);
	max-width: 480px;
	margin: 0;
}

.seo-page__final-pts {
	list-style: none;
	margin: 26px 0 0;
	padding: 0;
	display: flex;
	gap: 22px;
	flex-wrap: wrap;
}

.seo-page__final-pts li {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.82);
}

.seo-page__final-pts svg {
	color: var(--seo-ok);
}

.seo-page__lead-card {
	background: var(--white);
	border-radius: calc(var(--card-radius) + 9px);
	padding: 32px;
	box-shadow: 0 40px 80px -30px rgba(0, 0, 0, 0.45);
}

.seo-page__lead-title {
	font-size: 21px;
	font-weight: var(--font-weight-extrabold);
	margin: 0 0 6px;
	color: var(--heading-color);
}

.seo-page__lead-desc {
	font-size: 14px;
	color: var(--text-color);
	margin: 0 0 20px;
}

.seo-page__field {
	margin-bottom: 14px;
}

.seo-page__label {
	display: block;
	font-size: 12px;
	font-weight: var(--font-weight-semibold);
	color: var(--seo-ink);
	margin-bottom: 7px;
	letter-spacing: 0.03em;
}

.seo-page__input {
	width: 100%;
	padding: 13px 15px;
	border: 1.5px solid var(--seo-line);
	border-radius: 11px;
	font-family: var(--font-family);
	font-size: 14px;
	color: var(--heading-color);
	background: var(--light-blue-2);
	transition: border-color 0.15s ease, background 0.15s ease;
}

.seo-page__input:focus {
	outline: none;
	border-color: var(--primary-color);
	background: var(--white);
}

.seo-page__form-message {
	text-align: center;
	font-size: 14px;
	margin-top: 14px;
	color: var(--secondary-color);
}

.seo-page__form-message.is-visible {
	display: block;
}

.seo-page__form-message.is-error {
	color: #c0392b;
}

.seo-page__form.is-hidden {
	display: none;
}

.seo-page__success-box {
	text-align: center;
	padding: 12px 0 4px;
}

.seo-page__success-box[hidden] {
	display: none !important;
}

.seo-page__success-title {
	font-size: 22px;
	font-weight: var(--font-weight-bold);
	color: var(--heading-color);
	margin: 0 0 10px;
}

.seo-page__success-text {
	font-size: 14px;
	color: var(--text-color);
	margin: 0 0 8px;
}

.seo-page__lead-note {
	text-align: center;
	font-size: 12px;
	color: var(--text-color);
	margin: 14px 0 0;
}

/* FAQ */
.seo-page__faq-lead {
	margin-bottom: 28px;
}

.seo-page__faq-cta.sls-btn {
	width: fit-content;
	max-width: 100%;
}

.seo-page__faq-wrap {
	display: grid;
	grid-template-columns: 0.85fr 1.15fr;
	gap: 56px;
	align-items: start;
}

.seo-page__faq-list {
	display: flex;
	flex-direction: column;
	border-top: 1px solid var(--seo-line);
}

.seo-page__faq-item {
	border-bottom: 1px solid var(--seo-line);
}

.seo-page__faq-q {
	width: 100%;
	background: none;
	border: 0;
	cursor: pointer;
	text-align: left;
	padding: 22px 4px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	font-family: var(--font-family);
	font-size: 17px;
	font-weight: var(--font-weight-bold);
	color: var(--heading-color);
}

.seo-page__faq-q:hover,
.seo-page__faq-q:focus-visible {
	color: var(--primary-color);
}

.seo-page__faq-ic {
	flex-shrink: 0;
	width: 26px;
	height: 26px;
	border-radius: 7px;
	background: var(--light-blue-2);
	display: grid;
	place-items: center;
	transition: transform 0.25s ease, background 0.2s ease, color 0.2s ease;
	color: var(--primary-color);
}

.seo-page__faq-item.is-open .seo-page__faq-ic {
	transform: rotate(45deg);
	background: var(--primary-color);
	color: var(--white);
}

.seo-page__faq-a {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
}

.seo-page__faq-a p {
	padding: 0 4px 24px;
	color: var(--text-color);
	font-size: 15px;
	margin: 0;
}

/* Reveal */
.seo-page__reveal {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.seo-page__reveal.is-visible {
	opacity: 1;
	transform: none;
}

/* Responsive */
@media (max-width: 1199px) {
	.seo-page__hero-inner,
	.seo-page__final-inner,
	.seo-page__faq-wrap,
	.seo-page__why-top {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.seo-page__serp {
		max-width: none;
	}

	.seo-page__pain-grid,
	.seo-page__svc-grid,
	.seo-page__res-grid,
	.seo-page__price-grid,
	.seo-page__testi-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.seo-page__proc-wrap {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px 14px;
	}

	.seo-page__proc-line {
		display: none;
	}

	.seo-page__price-card--popular {
		transform: none;
	}
}

@media (max-width: 767px) {
	.seo-page__section {
		padding: var(--section-spacing-mobile) 0;
	}

	.seo-page__hero {
		padding: 64px 0 72px;
	}

	.seo-page__hero-highlight {
		white-space: normal;
	}

	.seo-page__hero-cta .seo-page__cta.sls-btn,
	.seo-page__hero-cta .btn-white-custom.sls-btn,
	.seo-page__lead-card .seo-page__form-submit.sls-btn,
	.seo-page__price-btn.sls-btn {
		width: 100%;
		justify-content: center;
	}

	.seo-page__pain-grid,
	.seo-page__svc-grid,
	.seo-page__res-grid,
	.seo-page__price-grid,
	.seo-page__testi-grid,
	.seo-page__why-grid,
	.seo-page__proc-wrap {
		grid-template-columns: 1fr;
	}

	.seo-page__res-big {
		font-size: 46px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.seo-page__reveal,
	.seo-page__serp-row,
	.seo-page__faq-a,
	.seo-page__reveal {
		transition: none !important;
	}

	.seo-page__reveal {
		opacity: 1;
		transform: none;
	}
}