.brandonic-seo-page {
	background: #050505;
	color: #f7f5ef;
	overflow-x: hidden;
	overflow-y: visible;
}

.seo-hero {
	align-items: stretch;
	background:
		radial-gradient(circle at 62% 34%, rgba(200, 255, 0, 0.18), transparent 30%),
		linear-gradient(135deg, #030403 0%, #07110a 45%, #020202 100%);
	display: flex;
	isolation: isolate;
	margin-inline: calc(50% - 50vw);
	min-height: 100svh;
	overflow: hidden;
	padding: clamp(142px, 16vh, 205px) clamp(26px, 6vw, 124px) clamp(72px, 8vh, 108px);
	position: relative;
}

.seo-hero__antigravity,
.seo-hero__grid,
.seo-hero__glow {
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.seo-hero__antigravity {
	height: 100%;
	opacity: 1;
	width: 100%;
	z-index: 0;
}

.seo-hero__grid {
	background:
		linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px);
	background-size: 72px 72px;
	mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0.28));
	z-index: 1;
}

.seo-hero__glow {
	background:
		radial-gradient(circle at 74% 26%, rgba(106, 255, 188, 0.32), transparent 26%),
		radial-gradient(circle at 22% 72%, rgba(200, 255, 0, 0.18), transparent 32%);
	filter: blur(4px);
	z-index: 2;
}

.seo-hero__content {
	align-content: center;
	display: grid;
	max-width: none;
	position: relative;
	width: 100%;
	z-index: 3;
}

.seo-hero__eyebrow {
	align-items: center;
	color: #c8ff00;
	display: inline-flex;
	font-family: var(--font-body);
	font-size: clamp(13px, 1vw, 18px);
	font-weight: 700;
	gap: 14px;
	letter-spacing: 0.36em;
	margin: 0 0 clamp(28px, 4vw, 52px);
	text-transform: uppercase;
}

.seo-hero__eyebrow span {
	background: #c8ff00;
	border-radius: 50%;
	box-shadow: 0 0 28px rgba(200, 255, 0, 0.68);
	height: 12px;
	width: 12px;
}

.seo-hero__title {
	color: #f7f5ef;
	font-family: var(--font-display);
	font-size: clamp(58px, 6.35vw, 124px);
	font-weight: 650;
	letter-spacing: 0;
	line-height: 0.94;
	margin: 0;
	max-width: min(1560px, 100%);
	text-align: left;
}

.seo-hero__title > span {
	display: block;
	overflow: hidden;
}

.seo-hero__line--mobile {
	display: none !important;
}

.seo-hero__title .seo-split-char {
	display: inline-block;
	will-change: opacity, transform;
}

.seo-hero__lower {
	align-items: center;
	display: grid;
	gap: clamp(32px, 6vw, 96px);
	grid-template-columns: minmax(0, 0.92fr) minmax(320px, 0.78fr);
	margin-top: clamp(34px, 5vw, 76px);
	max-width: min(1460px, 100%);
}

.seo-hero__copy {
	color: rgba(247, 245, 239, 0.86);
	display: grid;
	font-family: var(--font-body);
	font-size: clamp(17px, 1.25vw, 22px);
	font-weight: 400;
	gap: 20px;
	line-height: 1.68;
	max-width: 820px;
}

.seo-hero__copy p {
	margin: 0;
}

.seo-hero__lottie-wrap {
	justify-self: center;
	position: relative;
	width: min(520px, 100%);
}

.seo-hero__lottie-wrap::before {
	background: radial-gradient(circle, rgba(200, 255, 0, 0.18), transparent 68%);
	content: "";
	filter: blur(18px);
	inset: -16%;
	position: absolute;
}

.seo-hero__lottie {
	aspect-ratio: 1;
	position: relative;
	width: 100%;
}

.grainient-container,
.seo-grainient-services {
	box-sizing: border-box;
	height: 100%;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.seo-grainient-services {
	background: #f7f8f1;
	color: #f7f5ef;
	isolation: isolate;
	margin-inline: calc(50% - 50vw);
	margin-bottom: -3px;
	padding: clamp(136px, 14vh, 180px) clamp(64px, 8vw, 140px) clamp(112px, 12vh, 156px);
	z-index: 6;
}

.seo-grainient-services__canvas {
	display: block;
	height: 100%;
	inset: 0;
	position: absolute;
	width: 100%;
	z-index: -3;
}

.seo-grainient-services::before {
	background:
		radial-gradient(circle at 20% 8%, rgba(255, 255, 255, 0.86), transparent 28%),
		radial-gradient(circle at 78% 18%, rgba(200, 255, 0, 0.16), transparent 28%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.78), rgba(8, 10, 6, 0.82) 46%, rgba(42, 64, 8, 0.78));
	content: "";
	inset: 0;
	mix-blend-mode: screen;
	opacity: 0.7;
	pointer-events: none;
	position: absolute;
	z-index: -2;
}

.seo-grainient-services::after {
	background: linear-gradient(180deg, rgba(5, 5, 5, 0), #050505);
	bottom: 0;
	content: "";
	display: block;
	height: 34px;
	left: 0;
	opacity: 1;
	pointer-events: none;
	position: absolute;
	right: 0;
	z-index: 2;
}

.seo-grainient-services__inner {
	margin: 0 auto;
	max-width: min(1320px, calc(100vw - 220px));
	position: relative;
	width: 100%;
}

.seo-grainient-services__intro {
	margin: 0 0 clamp(42px, 5vw, 72px);
	max-width: 100%;
	text-align: left;
}

.seo-grainient-services__intro h2 {
	color: #050604;
	font-family: var(--font-display);
	font-size: clamp(36px, 5vw, 76px);
	font-weight: 650;
	letter-spacing: 0;
	line-height: 0.96;
	margin: 0;
}

.seo-grainient-services__intro p {
	color: #ffffff;
	font-family: var(--font-body);
	font-size: clamp(15px, 1.1vw, 18px);
	line-height: 1.6;
	margin: clamp(18px, 2vw, 26px) 0 0;
	max-width: 980px;
}

.seo-services-slider {
	--slider-gap: 24px;
	--slider-per-view: 3;
	margin-inline: auto;
	position: relative;
	width: 100%;
}

.seo-services-slider__viewport {
	box-sizing: border-box;
	overflow: hidden;
	padding: 2px;
	width: 100%;
}

.seo-services-slider__track {
	background: transparent;
	display: flex;
	gap: var(--slider-gap);
	touch-action: pan-y;
	transform: translate3d(var(--slider-x, 0px), 0, 0);
	transition: transform 620ms cubic-bezier(0.22, 1, 0.36, 1);
	user-select: none;
	will-change: transform;
}

.seo-service-glass-card {
	-webkit-backdrop-filter: blur(22px) saturate(140%);
	backdrop-filter: blur(22px) saturate(140%);
	background: linear-gradient(145deg, rgba(29, 47, 20, 0.98), rgba(42, 65, 9, 0.96));
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 24px;
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24);
	box-sizing: border-box;
	color: #ffffff;
	display: flex;
	flex: 0 0 calc((100% - (var(--slider-gap) * (var(--slider-per-view) - 1))) / var(--slider-per-view));
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
	padding: 14px;
	transform: translateY(0) scale(1);
	transition: opacity 420ms ease, transform 420ms ease, border-color 420ms ease;
}

.seo-service-glass-card:not(.is-visible) {
	opacity: 0;
	transform: scale(0.985);
}

.seo-service-glass-card__media {
	align-items: center;
	aspect-ratio: 1 / 1;
	background: rgba(8, 11, 6, 0.78);
	border-radius: 18px;
	display: flex;
	justify-content: center;
	margin: 0;
	overflow: hidden;
	width: 100%;
}

.seo-service-glass-card__media img {
	display: block;
	height: 100%;
	object-fit: contain;
	object-position: center;
	width: 100%;
}

.seo-service-glass-card__content {
	padding: clamp(18px, 2vw, 28px) 4px 6px;
	text-align: left;
}

.seo-service-glass-card__content span {
	color: #c8ff00;
	display: block;
	font-family: var(--font-display);
	font-size: 15px;
	font-weight: 650;
	line-height: 1;
	margin-bottom: 14px;
}

.seo-service-glass-card__content h3 {
	color: #ffffff;
	font-family: var(--font-display);
	font-size: clamp(24px, 2.3vw, 34px);
	font-weight: 650;
	letter-spacing: 0;
	line-height: 1;
	margin: 0 0 16px;
}

.seo-service-glass-card__content p {
	color: rgba(247, 245, 239, 0.72);
	font-family: var(--font-body);
	font-size: 15px;
	line-height: 1.55;
	margin: 0;
}

.seo-services-slider__controls {
	align-items: center;
	display: flex;
	gap: 18px;
	justify-content: center;
	margin-top: clamp(28px, 4vw, 46px);
}

.seo-services-slider__arrow,
.seo-services-slider__dot {
	appearance: none;
	border: 0;
	cursor: pointer;
	flex: 0 0 auto;
}

.seo-services-slider__arrow {
	align-items: center;
	backdrop-filter: blur(16px);
	background: rgba(255, 255, 255, 0.14);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 999px;
	color: #ffffff;
	display: inline-flex;
	font-size: 34px;
	height: 52px;
	justify-content: center;
	line-height: 1;
	padding: 0;
	transition: background-color 220ms ease, transform 220ms ease;
	width: 52px;
}

.seo-services-slider__arrow:hover,
.seo-services-slider__arrow:focus-visible {
	background: rgba(200, 255, 0, 0.18);
	transform: translateY(-2px);
}

.seo-services-slider__dots {
	align-items: center;
	display: flex;
	gap: 10px;
	justify-content: center;
	min-height: 14px;
}

.seo-services-slider__dot {
	background: rgba(255, 255, 255, 0.34);
	border-radius: 999px;
	height: 9px;
	padding: 0;
	transition: background-color 220ms ease, width 220ms ease;
	width: 9px;
}

.seo-services-slider__dot.is-active {
	background: #c8ff00;
	width: 28px;
}

@media (prefers-reduced-motion: reduce) {
	.seo-services-slider__track {
		transition: none;
	}
}

.seo-rank-faster {
	background: #050505;
	border-top: 0 !important;
	box-shadow: 0 -3px 0 #050505;
	color: #f7f5ef;
	display: grid;
	isolation: isolate;
	margin-inline: calc(50% - 50vw);
	margin-top: -3px;
	min-height: 100svh;
	overflow: hidden;
	padding: clamp(210px, 18vh, 260px) clamp(24px, 6vw, 96px) clamp(104px, 12vh, 156px);
	place-items: center;
	position: relative;
	z-index: 3;
}

.seo-rank-faster::before {
	background:
		radial-gradient(circle at 52% 30%, rgba(200, 255, 0, 0.14), transparent 28%),
		linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
	background-position: 0 0, 0 36px, 0 0;
	background-size: auto, 72px 72px, 72px 72px;
	content: "";
	inset: 2px 0 0;
	opacity: 0.82;
	position: absolute;
	z-index: -2;
}

.seo-rank-faster::after {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 24%, transparent 76%, rgba(255, 255, 255, 0.08)),
		radial-gradient(circle at 50% 78%, rgba(130, 88, 255, 0.16), transparent 24%);
	content: "";
	display: none;
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: -1;
}

.seo-rank-faster__inner {
	display: grid;
	gap: clamp(28px, 4.8vw, 76px);
	place-items: center;
	width: min(1440px, 100%);
}

.seo-rank-faster__title {
	color: #ffffff;
	font-family: var(--font-display);
	font-size: clamp(42px, 5.2vw, 82px);
	font-weight: 650;
	letter-spacing: 0;
	line-height: 1;
	margin: 0;
	text-align: center;
	white-space: nowrap;
}

.seo-rank-faster__title > span {
	display: inline;
	overflow: hidden;
}

.seo-magic-bento {
	--hue: 27;
	--sat: 69%;
	--white: hsl(0, 0%, 100%);
	--brand-green-primary: rgba(200, 255, 0, 1);
	--brand-green-glow: rgba(200, 255, 0, 0.22);
	--brand-green-border: rgba(200, 255, 0, 0.72);
	--border-color: rgba(200, 255, 0, 0.24);
	--background-dark: #050705;
	background: #050505;
	color: var(--white);
	margin-inline: calc(50% - 50vw);
	overflow: hidden;
	padding: clamp(96px, 10vw, 156px) clamp(20px, 6vw, 96px) clamp(110px, 12vw, 170px);
	position: relative;
	user-select: none;
	z-index: 4;
}

.seo-magic-bento__intro {
	margin: 0 auto clamp(34px, 5vw, 58px);
	max-width: 860px;
	text-align: center;
}

.seo-magic-bento__intro h2 {
	color: #ffffff;
	font-family: var(--font-display);
	font-size: clamp(34px, 5vw, 76px);
	font-weight: 650;
	letter-spacing: 0;
	line-height: 1;
	margin: 0;
}

.seo-magic-bento__intro p {
	color: rgba(255, 255, 255, 0.72);
	font-family: var(--font-body);
	font-size: clamp(15px, 1.1vw, 18px);
	line-height: 1.5;
	margin: 18px auto 0;
	max-width: 620px;
}

.card-grid {
	display: grid;
	gap: 0.5em;
	margin: 0 auto;
	max-width: 54em;
	padding: 0.75em;
	position: relative;
	font-size: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
}

.magic-bento-card {
	--glow-x: 50%;
	--glow-y: 50%;
	--glow-intensity: 0;
	--glow-radius: 200px;
	background: var(--background-dark);
	border: 1px solid var(--border-color);
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	font-family: var(--font-body);
	font-weight: 400;
	justify-content: space-between;
	min-height: 200px;
	max-width: 100%;
	overflow: hidden;
	padding: 1.25em;
	position: relative;
	transition: box-shadow 0.3s ease, transform 0.3s ease;
	width: 100%;
	aspect-ratio: 4 / 3;
}

.magic-bento-card:hover {
	box-shadow: 0 8px 25px rgba(200, 255, 0, 0.12);
	transform: translateY(-2px);
}

.magic-bento-card__header,
.magic-bento-card__content {
	color: var(--white);
	display: flex;
	position: relative;
	z-index: 2;
}

.magic-bento-card__header {
	gap: 0.75em;
	justify-content: space-between;
}

.magic-bento-card__content {
	flex-direction: column;
}

.magic-bento-card__label {
	color: #c8ff00;
	font-family: var(--font-ui);
	font-size: 16px;
	font-weight: 700;
}

.magic-bento-card__title,
.magic-bento-card__description {
	--clamp-title: 2;
	--clamp-desc: 3;
}

.magic-bento-card__title {
	color: #ffffff;
	font-family: var(--font-display);
	font-size: 16px;
	font-weight: 650;
	margin: 0 0 0.25em;
}

.magic-bento-card__description {
	color: rgba(255, 255, 255, 0.78);
	font-family: var(--font-body);
	font-size: 12px;
	line-height: 1.2;
	margin: 0;
	opacity: 0.9;
}

.magic-bento-card--text-autohide .magic-bento-card__title,
.magic-bento-card--text-autohide .magic-bento-card__description {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.magic-bento-card--text-autohide .magic-bento-card__title {
	-webkit-line-clamp: var(--clamp-title);
	line-clamp: var(--clamp-title);
}

.magic-bento-card--text-autohide .magic-bento-card__description {
	-webkit-line-clamp: var(--clamp-desc);
	line-clamp: var(--clamp-desc);
}

.magic-bento-card--border-glow::after {
	background: radial-gradient(
		var(--glow-radius) circle at var(--glow-x) var(--glow-y),
		rgba(200, 255, 0, calc(var(--glow-intensity) * 0.78)) 0%,
		rgba(200, 255, 0, calc(var(--glow-intensity) * 0.36)) 30%,
		transparent 60%
	);
	border-radius: inherit;
	content: "";
	inset: 0;
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	mask-composite: exclude;
	opacity: 1;
	padding: 6px;
	pointer-events: none;
	position: absolute;
	transition: opacity 0.3s ease;
	z-index: 1;
}

.magic-bento-card--border-glow:hover {
	box-shadow:
		0 4px 20px rgba(200, 255, 0, 0.16),
		0 0 30px var(--brand-green-glow);
}

.particle-container {
	position: relative;
	overflow: hidden;
}

.particle::before {
	background: rgba(200, 255, 0, 0.2);
	border-radius: 50%;
	bottom: -2px;
	content: "";
	left: -2px;
	position: absolute;
	right: -2px;
	top: -2px;
	z-index: -1;
}

.particle-container:hover {
	box-shadow:
		0 4px 20px rgba(200, 255, 0, 0.12),
		0 0 30px var(--brand-green-glow);
}

.global-spotlight {
	mix-blend-mode: screen;
	pointer-events: none;
	will-change: transform, opacity;
	z-index: 200 !important;
}

.bento-section {
	position: relative;
	user-select: none;
}

.seo-final-faq {
	background: #dff4f1;
	color: #050606;
	overflow: hidden;
	padding: clamp(92px, 10vw, 150px) 6vw;
	position: relative;
}

.seo-final-faq__inner {
	display: grid;
	gap: clamp(34px, 5vw, 76px);
	grid-template-columns: minmax(340px, 0.34fr) minmax(0, 0.66fr);
	margin: 0 auto;
	max-width: 1560px;
	position: relative;
	z-index: 3;
}

.seo-final-faq__intro {
	position: sticky;
	top: 132px;
}

.seo-final-faq__eyebrow {
	align-items: center;
	color: rgba(5, 6, 6, 0.74);
	display: inline-flex;
	font-family: var(--font-ui);
	font-size: 13px;
	font-weight: 800;
	gap: 10px;
	letter-spacing: 0.16em;
	margin: 0;
	text-transform: uppercase;
}

.seo-final-faq__eyebrow span {
	background: var(--accent);
	border-radius: 999px;
	display: inline-block;
	height: 8px;
	width: 8px;
}

.seo-final-faq__intro h2 {
	color: #050606;
	font-family: var(--font-display);
	font-size: clamp(44px, 4.4vw, 74px);
	font-weight: 650;
	letter-spacing: 0;
	line-height: 1.02;
	margin: 18px 0 0;
	max-width: 520px;
	text-wrap: balance;
}

.seo-final-faq__intro p {
	color: rgba(5, 6, 6, 0.72);
	font-family: var(--font-body);
	font-size: clamp(17px, 1.2vw, 21px);
	line-height: 1.65;
	margin: 24px 0 0;
	max-width: 520px;
}

.seo-final-faq__items {
	display: grid;
	gap: 14px;
}

.seo-final-faq__item {
	background: rgba(255, 255, 255, 0.74);
	border: 1px solid rgba(5, 6, 6, 0.16);
	border-radius: 24px;
	box-shadow: 0 24px 70px rgba(14, 36, 38, 0.12);
	overflow: hidden;
}

.seo-final-faq__item summary {
	align-items: center;
	color: #050606;
	cursor: pointer;
	display: flex;
	font-family: var(--font-ui);
	font-size: clamp(17px, 1.25vw, 21px);
	font-weight: 850;
	gap: 18px;
	justify-content: space-between;
	letter-spacing: 0.01em;
	list-style: none;
	padding: clamp(20px, 2vw, 28px);
}

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

.seo-final-faq__item summary span {
	align-items: center;
	background: #050606;
	border-radius: 50%;
	color: #f7f7f2;
	display: flex;
	flex: 0 0 auto;
	height: 38px;
	justify-content: center;
	position: relative;
	width: 38px;
}

.seo-final-faq__item summary span::before,
.seo-final-faq__item summary span::after {
	background: currentColor;
	content: "";
	height: 2px;
	position: absolute;
	width: 14px;
}

.seo-final-faq__item summary span::after {
	transform: rotate(90deg);
	transition: transform 0.25s ease;
}

.seo-final-faq__item[open] summary span {
	background: var(--accent);
	color: #050606;
}

.seo-final-faq__item[open] summary span::after {
	transform: rotate(0deg);
}

.seo-final-faq__item p {
	color: rgba(5, 6, 6, 0.7);
	font-family: var(--font-body);
	font-size: clamp(15px, 1vw, 18px);
	line-height: 1.7;
	margin: 0;
	padding: 0 clamp(20px, 2vw, 28px) clamp(22px, 2vw, 30px);
}

.seo-splash-cta {
	background:
		radial-gradient(circle at 50% 50%, rgba(200, 255, 0, 0.16), transparent 28%),
		#030403;
	color: #ffffff;
	isolation: isolate;
	margin-inline: calc(50% - 50vw);
	min-height: clamp(520px, 72vh, 780px);
	overflow: hidden;
	padding: clamp(110px, 12vw, 180px) clamp(20px, 6vw, 96px);
	position: relative;
}

.seo-splash-cta__canvas {
	display: block;
	height: 100%;
	inset: 0;
	position: absolute;
	width: 100%;
	z-index: -1;
}

.seo-splash-cta__inner {
	align-items: center;
	display: grid;
	gap: clamp(28px, 4vw, 46px);
	justify-items: center;
	margin: 0 auto;
	max-width: 1180px;
	min-height: clamp(300px, 42vh, 460px);
	position: relative;
	text-align: center;
	z-index: 2;
}

.seo-splash-cta__inner h2 {
	color: #ffffff;
	font-family: var(--font-display);
	font-size: clamp(36px, 5.2vw, 78px);
	font-weight: 650;
	letter-spacing: 0;
	line-height: 0.98;
	margin: 0;
	max-width: 15ch;
	text-wrap: balance;
}

.seo-splash-cta__button {
	align-items: center;
	background: #c8ff00;
	border: 1px solid rgba(200, 255, 0, 0.9);
	border-radius: 999px;
	box-shadow: 0 22px 70px rgba(200, 255, 0, 0.2);
	color: #050606;
	display: inline-flex;
	font-family: var(--font-ui);
	font-size: clamp(15px, 1.1vw, 18px);
	font-weight: 850;
	justify-content: center;
	letter-spacing: 0;
	line-height: 1;
	min-height: 54px;
	padding: 0 28px;
	text-decoration: none;
	transition: background-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
}

.seo-splash-cta__button:hover,
.seo-splash-cta__button:focus-visible {
	background: #ffffff;
	box-shadow: 0 26px 80px rgba(255, 255, 255, 0.2);
	color: #050606 !important;
	transform: translateY(-2px);
}

@media (max-width: 599px) {
	.card-grid {
		grid-template-columns: 1fr;
		margin: 0 auto;
		padding: 0.5em;
		width: min(90%, 420px);
	}

	.magic-bento-card {
		min-height: 180px;
		width: 100%;
	}
}

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

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

	.magic-bento-card:nth-child(3) {
		grid-column: span 2;
		grid-row: span 2;
	}

	.magic-bento-card:nth-child(4) {
		grid-column: 1 / span 2;
		grid-row: 2 / span 2;
	}

	.magic-bento-card:nth-child(6) {
		grid-column: 4;
		grid-row: 3;
	}
}

.seo-stagger-word,
.seo-stagger-char {
	display: inline-block;
	will-change: opacity, transform;
}

.seo-rank-faster__copy {
	color: rgba(247, 245, 239, 0.66);
	font-family: var(--font-body);
	font-size: clamp(15px, 1.1vw, 19px);
	line-height: 1.5;
	margin: clamp(-10px, -0.6vw, -4px) 0 0;
	max-width: 620px;
	text-align: center;
}

.seo-rank-faster__path {
	margin-inline: calc(50% - 50vw);
	opacity: 1;
	width: min(1480px, 120vw);
}

.seo-rank-faster__path svg {
	display: block;
	height: clamp(150px, 20vw, 280px);
	overflow: visible;
	width: 100%;
}

.seo-rank-faster__path path {
	fill: none;
	stroke: none;
}

.seo-rank-faster__path text {
	fill: #c8ff00;
	font-family: var(--font-display);
	font-size: clamp(50px, 5.4vw, 96px);
	font-weight: 650;
	letter-spacing: 0.04em;
}

@media (max-width: 767px) {
	.seo-hero {
		box-sizing: border-box;
		margin-inline: 0;
		min-height: auto;
		overflow: hidden;
		padding: 126px 24px 72px;
		width: 100%;
	}

	.seo-hero__grid {
		background-size: 48px 48px;
	}

	.seo-hero__content,
	.seo-hero__lower,
	.seo-hero__copy {
		box-sizing: border-box;
		min-width: 0;
		width: 100%;
	}

	.seo-hero__title {
		font-size: clamp(34px, 10.25vw, 44px);
		line-height: 1.05;
		max-width: 100%;
		overflow-wrap: normal;
		word-break: normal;
	}

	.seo-hero__line--desktop {
		display: none !important;
	}

	.seo-hero__line--mobile {
		display: block !important;
		overflow: visible !important;
		white-space: normal;
	}

	.seo-hero__eyebrow {
		letter-spacing: 0.24em;
	}

	.seo-hero__lower {
		grid-template-columns: 1fr;
		margin-top: 30px;
		max-width: 100%;
		width: 100%;
	}

	.seo-hero__copy {
		font-size: 16px;
		line-height: 1.62;
		max-width: 100%;
		overflow-wrap: break-word;
	}

	.seo-hero__lottie-wrap {
		justify-self: center;
		margin-top: 6px;
		width: min(100%, 360px);
	}

	.seo-grainient-services {
		margin-inline: 0;
		padding: 96px 22px 86px;
		width: 100%;
	}

	.seo-grainient-services__inner {
		max-width: 100%;
	}

	.seo-grainient-services__intro {
		margin-bottom: 30px;
		text-align: left;
	}

	.seo-grainient-services__intro h2 {
		font-size: clamp(32px, 9vw, 44px);
		line-height: 1;
	}

	.seo-grainient-services__intro p {
		font-size: 15px;
		line-height: 1.5;
	}

	.seo-services-slider {
		--slider-gap: 18px;
		--slider-per-view: 1;
		max-width: min(100%, 580px);
		width: 100%;
	}

	.seo-services-slider__viewport {
		margin-inline: auto;
		width: 100%;
	}

	.seo-service-glass-card {
		border-radius: 22px;
		padding: 12px;
	}

	.seo-service-glass-card__media {
		aspect-ratio: 1 / 1;
		border-radius: 16px;
	}

	.seo-service-glass-card__content {
		padding: 18px 2px 4px;
	}

	.seo-service-glass-card__content h3 {
		font-size: clamp(24px, 7vw, 32px);
	}

	.seo-services-slider__controls {
		gap: 14px;
		margin-top: 26px;
	}

	.seo-services-slider__arrow {
		font-size: 30px;
		height: 46px;
		width: 46px;
	}

	.seo-rank-faster {
		box-sizing: border-box;
		margin-inline: 0;
		min-height: auto;
		overflow: hidden;
		padding: 76px 18px 72px;
		width: 100%;
	}

	.seo-rank-faster::before {
		background-position: 0 0, 0 24px, 0 0;
		background-size: auto, 48px 48px, 48px 48px;
	}

	.seo-rank-faster__inner {
		gap: 0;
		place-items: center;
		text-align: center;
		width: 100%;
	}

	.seo-rank-faster__title {
		font-size: clamp(30px, 7.9vw, 38px);
		line-height: 0.98;
		margin-inline: auto;
		overflow: visible;
		text-align: center;
		white-space: normal;
		width: 100%;
	}

	.seo-rank-faster__title > span {
		display: block;
		overflow: visible;
	}

	.seo-rank-faster__copy {
		box-sizing: border-box;
		font-size: 16px;
		line-height: 1.45;
		margin-inline: auto;
		max-width: min(100%, calc(100vw - 56px));
		overflow-wrap: break-word;
		padding-inline: 8px;
		text-align: center;
		width: 100%;
	}

	.seo-rank-faster__path {
		margin-left: -34vw;
		margin-right: -34vw;
		width: 168vw;
	}

	.seo-rank-faster__path svg {
		height: 172px;
	}

	.seo-rank-faster__path text {
		font-size: 44px;
	}

	.seo-final-faq {
		padding-inline: 24px;
	}

	.seo-final-faq__inner {
		grid-template-columns: 1fr;
	}

	.seo-final-faq__intro {
		position: relative;
		top: auto;
	}

	.seo-final-faq__intro h2 {
		font-size: clamp(40px, 10vw, 58px);
		max-width: 680px;
	}

	.seo-final-faq__item summary {
		align-items: flex-start;
	}

	.seo-splash-cta {
		min-height: 520px;
		padding: 96px 22px;
	}

	.seo-splash-cta__inner {
		min-height: 330px;
	}

	.seo-splash-cta__inner h2 {
		font-size: clamp(32px, 9vw, 46px);
		max-width: 13ch;
	}

	.seo-splash-cta__button {
		font-size: 15px;
		min-height: 52px;
		padding-inline: 22px;
		width: min(100%, 280px);
	}
}