:root {
	--color-bg: #f4f8ff;
	--color-surface: rgba(255, 255, 255, 0.92);
	--color-text: #1d2736;
	--color-muted: #5c6b7f;
	--color-line: rgba(42, 72, 122, 0.12);
	--color-accent: #2f63f6;
	--color-accent-dark: #204fda;
	--color-dark: #1f3f75;
	--color-highlight: #ffd233;
	--color-highlight-dark: #f0bc00;
	--shadow-soft: 0 18px 40px rgba(35, 59, 102, 0.08);
	--shadow-card: 0 24px 60px rgba(36, 64, 118, 0.14);
	--radius-xl: 30px;
	--radius-lg: 25px;
	--radius-md: 20px;
	--quiz-accent: #2f63f6;
	--quiz-accent-light: #eff6ff;
	--quiz-accent-dark: #1f3f75;
	--quiz-dark: #1a1a2e;
	--quiz-text: #333333;
	--quiz-text-secondary: #657083;
	--quiz-border: #cccccc;
}

body {
	color: var(--color-text);
	background:
		radial-gradient(circle at top left, rgba(47, 99, 246, 0.08), transparent 24%),
		radial-gradient(circle at top right, rgba(255, 210, 51, 0.12), transparent 26%),
		linear-gradient(180deg, #ffffff 0%, var(--color-bg) 36%, #ffffff 100%);
}

.title {
	margin: 0;
	font-weight: 500;
	letter-spacing: -0.04em;
	color: #1f2f47;
	font-size: 40px;
	line-height: 48px;
	text-align: left;
}

.page {
	min-height: 100vh;
	overflow: clip;
}

.container {
	max-width: 1330px;
	padding: 0 15px;
	margin: 0 auto;
}

.section {
	padding: 110px 0;
}

.section-heading {
	margin-bottom: 50px;
	max-width: 600px;
}

.eyebrow-label {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--color-accent);
	margin-bottom: 20px;
}

.eyebrow-label::before {
	content: "";
	width: 48px;
	height: 1px;
	background: currentColor;
}

.section-heading__text {
	margin-top: 15px;
	font-size: 18px;
	line-height: 1.55;
	color: var(--color-muted);
}

.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 56px;
	padding: 16px 28px;
	border-radius: 10px;
	border: 1px solid transparent;
	font-size: 17px;
	font-weight: 500;
	line-height: 1;
	transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
	cursor: pointer;
}

.button:hover {
	transform: translateY(-2px);
}

.button--accent {
	background: var(--color-highlight);
	color: #1f2f47;
	box-shadow: 0 14px 28px rgba(255, 210, 51, 0.35);
}

.button--accent:hover {
	background: var(--color-highlight-dark);
}

.button--light {
	background: rgba(240, 245, 250, 0.96);
	border-color: rgba(47, 99, 246, 0.14);
	backdrop-filter: blur(18px);
}

.button--dark {
	background: var(--color-dark);
	color: #fff;
}

.button--wide {
	width: 100%;
}

.button:disabled,
.button.is-disabled {
	opacity: 0.35;
	pointer-events: none;
	cursor: not-allowed;
	transform: none;
}

.logo {
	display: inline-flex;
	align-items: center;
	gap: 14px;
}

.logo__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 16px;
	background: linear-gradient(135deg, #24498c, #2f63f6);
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.14em;
}

.logo__text {
	max-width: 180px;
	font-size: 14px;
	line-height: 1.1;
	font-weight: 500;
}

.burger {
	width: 52px;
	height: 52px;
	padding: 0;
	border: 0;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.72);
	box-shadow: var(--shadow-soft);
	cursor: pointer;
}

.burger__line {
	display: block;
	width: 22px;
	height: 2px;
	margin: 5px auto;
	background: var(--color-dark);
	transition: transform 0.25s ease, opacity 0.25s ease;
}

.hero {
	position: relative;
	padding: 80px 0 70px;
	isolation: isolate;
	background:
		radial-gradient(circle at 12% 18%, rgba(255, 210, 51, 0.22), transparent 18%),
		radial-gradient(circle at 88% 20%, rgba(47, 99, 246, 0.18), transparent 22%),
		linear-gradient(135deg, #eef4ff 0%, #f7faff 38%, #edf3ff 100%);
	border-bottom: 1px solid rgba(47, 99, 246, 0.08);
}

.hero__background {
	position: absolute;
	inset: 0;
	overflow: hidden;
	z-index: -1;
	pointer-events: none;
}

.hero__wrapper {
	display: grid;
	grid-template-columns: minmax(0, 1.10fr) minmax(320px, 0.90fr);
	align-items: center;
	gap: 50px;
	position: relative;
	z-index: 1;
}

.hero-wave__canvas,
.hero-wave__overlay,
.hero-wave__glow {
	position: absolute;
	inset: 0;
}

.hero-wave__canvas {
	width: 100%;
	height: 100%;
	opacity: 0.42;
	z-index: 1;
}

.hero-wave__overlay {
	background:
		linear-gradient(90deg, rgba(247, 250, 255, 0.96) 0%, rgba(247, 250, 255, 0.88) 28%, rgba(247, 250, 255, 0.18) 64%, rgba(247, 250, 255, 0.42) 100%),
		linear-gradient(180deg, rgba(238, 244, 255, 0.32) 0%, rgba(255, 255, 255, 0.08) 100%);
	z-index: 2;
}

.hero-wave__glow {
	filter: blur(70px);
	opacity: 0.9;
	z-index: 0;
}

.hero-wave__glow--left {
	inset: 12% auto auto -6%;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	background: rgba(255, 210, 51, 0.24);
}

.hero-wave__glow--right {
	inset: auto -2% 4% auto;
	width: 380px;
	height: 380px;
	border-radius: 50%;
	background: rgba(47, 99, 246, 0.18);
}

.hero__content {
	display: grid;
	padding: 30px 0;
}

.hero__title {
	font-size: 45px;
	line-height: 60px;
	text-transform: uppercase;
	font-weight: 500;
}

.hero__text {
	margin-top: 20px;
	font-size: 18px;
	line-height: 27px;
	color: var(--color-muted);
}

.hero__actions {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.hero__list {
	margin-top: 40px;
	display: grid;
	gap: 15px;
	max-width: 600px;
}

.hero__list-item {
	position: relative;
	padding-left: 30px;
	font-size: 17px;
	line-height: 1.5;
}

.hero__list-item::before {
	content: "";
	position: absolute;
	left: 3px;
	top: 6px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--color-highlight), var(--color-accent));
	box-shadow: 0 0 0 6px rgba(47, 99, 246, 0.08);
}

.hero__panel {
	position: relative;
	isolation: isolate;
}

.hero__panel::before {
	content: "";
	position: absolute;
	inset: 8% -8% -8% 18%;
	background:
		radial-gradient(circle at 62% 40%, rgba(255, 203, 56, 0.22) 0%, rgba(255, 203, 56, 0.08) 22%, rgba(255, 203, 56, 0) 46%),
		radial-gradient(circle at 40% 58%, rgba(47, 99, 246, 0.18) 0%, rgba(47, 99, 246, 0.08) 28%, rgba(47, 99, 246, 0) 54%);
	filter: blur(38px);
	border-radius: 999px;
	animation: heroRibbonPulse 14s ease-in-out infinite;
	z-index: -2;
}

.hero__panel::after {
	content: "";
	position: absolute;
	inset: 2% -4% -4% 22%;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0)),
		radial-gradient(circle at 28% 48%, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0) 62%);
	filter: blur(20px);
	opacity: 0.72;
	border-radius: 999px;
	z-index: -1;
}

.hero-card {
	position: relative;
	padding: 35px;
	border: 1px solid rgba(47, 99, 246, 0.1);
	border-radius: var(--radius-xl);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(246, 249, 255, 0.94));
	backdrop-filter: blur(20px);
	box-shadow: var(--shadow-card);
}

.hero-card::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: 1px;
	background: linear-gradient(135deg, rgba(255, 210, 51, 0.34), rgba(255, 255, 255, 0.08), rgba(47, 99, 246, 0.28));
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}

@keyframes heroRibbonPulse {
	0% {
		opacity: 0.82;
		transform: scale(1);
	}

	50% {
		opacity: 1;
		transform: scale(1.04);
	}

	100% {
		opacity: 0.82;
		transform: scale(1);
	}
}

.hero-card__label {
	margin-bottom: 18px;
	font-size: 14px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--color-accent);
}

.hero-card__title {
	margin-bottom: 30px;
	font-size: 35px;
	line-height: 42px;
	font-weight: 500;
}

.hero-card__metrics {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	margin-bottom: 28px;
}

.hero-card__metric {
	padding: 20px 16px;
	border-radius: 15px;
	background: #eff6ff;
	border: 1px solid rgba(47, 99, 246, 0.08);
}

.hero-card__value {
	display: block;
	margin-bottom: 8px;
	font-size: 28px;
	line-height: 1;
	font-weight: 700;
}

.hero-card__caption {
	display: block;
	font-size: 14px;
	line-height: 1.35;
	color: var(--color-muted);
}

.hero-card__note {
	padding: 15px 22px;
	border-radius: 20px;
	background: var(--color-dark);
	font-size: 16px;
	line-height: 22px;
	color: rgba(255, 255, 255, 0.82);
}

.goal-quiz {
	--goal-surface: rgba(255, 255, 255, 0.94);
	--goal-surface-strong: #ffffff;
	--goal-text: var(--color-text);
	--goal-muted: var(--color-muted);
	--goal-border: rgba(47, 99, 246, 0.14);
	--goal-accent: var(--color-accent);
	--goal-accent-light: #eff6ff;
	--goal-accent-dark: var(--color-dark);
	position: relative;
	z-index: 2;
	max-width: 1120px;
	margin: 0 auto;
	padding: 18px;
	border: 0.5px solid var(--goal-border);
	border-radius: 28px;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(243, 250, 255, 0.9)),
		radial-gradient(circle at 84% 16%, rgba(47, 99, 246, 0.16), transparent 28%);
	box-shadow: 0 28px 80px rgba(25, 45, 80, 0.16);
	color: var(--goal-text);
	backdrop-filter: blur(22px);
}

.goal-quiz--hero {
	max-width: none;
	margin: 0;
	padding: 30px;
	border: 1px solid rgba(47, 99, 246, 0.1);
	border-radius: var(--radius-lg);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(246, 249, 255, 0.94));
	box-shadow: var(--shadow-card);
}

.goal-quiz__screen {
	display: none;
	animation: goalScreenIn 0.28s ease both;
}

.goal-quiz__screen.is-active {
	display: block;
}

.goal-quiz__screen[hidden] {
	display: none;
}

.goal-quiz__screen--calculator {
	display: none;
	grid-template-columns: minmax(0, 0.86fr) minmax(320px, 1.14fr);
	gap: 28px;
	align-items: stretch;
}

.goal-quiz__screen--calculator.is-active {
	display: grid;
}

.goal-quiz--hero .goal-quiz__screen--calculator.is-active {
	display: grid;
	grid-template-columns: 1fr;
	gap: 15px;
}

.goal-quiz .button--accent {
	background: var(--goal-accent);
	color: #ffffff;
	box-shadow: 0 16px 34px rgba(47, 99, 246, 0.24);
	cursor: pointer;
}

.goal-quiz .button--accent:hover {
	background: var(--goal-accent-dark);
}

.goal-quiz .button--light {
	border-color: rgba(47, 99, 246, 0.2);
	color: var(--goal-accent-dark);
}

.goal-quiz__intro,
.goal-calculator,
.goal-question,
.goal-form,
.goal-result {
	border: 0.5px solid var(--goal-border);
	border-radius: 22px;
	background: var(--goal-surface);
}

.goal-quiz__intro {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 520px;
	padding: 42px;
	background:
		linear-gradient(160deg, rgba(239, 246, 255, 0.92), rgba(255, 255, 255, 0.92) 48%),
		radial-gradient(circle at 12% 20%, rgba(255, 210, 51, 0.28), transparent 24%);
}

.goal-quiz--hero .goal-quiz__intro,
.goal-quiz--hero .goal-calculator,
.goal-quiz--hero .goal-question,
.goal-quiz--hero .goal-form,
.goal-quiz--hero .goal-result {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.goal-quiz--hero .goal-quiz__intro {
	min-height: auto;
}

.goal-quiz__title {
	color: var(--goal-accent-dark);
	font-size: 30px;
	line-height: 1.05;
	letter-spacing: -0.03em;
	font-weight: 500;
}

.goal-quiz__lead {
	max-width: 560px;
	margin: 0;
	font-size: 20px;
	line-height: 1.45;
	color: var(--goal-muted);
}

.goal-quiz--hero .goal-quiz__lead {
	font-size: 16px;
	line-height: 1.5;
}

.goal-calculator {
	display: grid;
	gap: 20px;
	padding: 28px;
	background:
		linear-gradient(180deg, var(--goal-surface-strong), rgba(255, 255, 255, 0.9)),
		radial-gradient(circle at 100% 0%, rgba(47, 99, 246, 0.12), transparent 32%);
}

.goal-calculator__controls {
	display: grid;
	gap: 15px;
}

.goal-calculator__field {
	display: grid;
	gap: 14px;
	padding: 15px;
	border: 0.5px solid var(--goal-border);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.82);
}

.goal-calculator__top,
.goal-calculator__row,
.goal-quiz__progress,
.goal-quiz__actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.goal-calculator__label,
.goal-calculator__name,
.goal-result__stat span,
.goal-form__field span {
	font-size: 15px;
	line-height: 1.35;
	color: var(--goal-muted);
}

.goal-calculator__primary {
	display: grid;
}

.goal-calculator__value {
	flex: 0 0 auto;
	font-size: 20px;
	line-height: 1;
	font-weight: 700;
	color: var(--goal-accent-dark);
}

.goal-calculator__range {
	width: 100%;
	height: 6px;
	border-radius: 999px;
	outline: none;
	accent-color: var(--goal-accent);
	cursor: pointer;
}

.goal-calculator__range::-webkit-slider-thumb {
	width: 24px;
	height: 24px;
	border: 3px solid #ffffff;
	border-radius: 50%;
	background: var(--goal-accent);
	box-shadow: 0 8px 18px rgba(47, 99, 246, 0.26);
}

.goal-calculator__result {
	display: grid;
	gap: 14px;
	padding: 15px;
	border: 1px solid rgba(47, 99, 246, 0.12);
	border-radius: 12px;
	background:
		linear-gradient(180deg, #f7fbff, #eff6ff),
		radial-gradient(circle at 100% 0%, rgba(255, 210, 51, 0.24), transparent 34%);
	color: var(--color-text);
}

.goal-calculator__row {
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(47, 99, 246, 0.1);
}

.goal-calculator__row--main {
	align-items: flex-start;
}

.goal-calculator__row--main .goal-calculator__number {
	font-size: 20px;
	font-weight: 600;
	color: var(--color-accent);
}

.goal-calculator__row:last-of-type {
	padding-bottom: 0;
	border-bottom: 0;
}

.goal-calculator__number {
	font-size: 17px;
	line-height: 1;
	font-weight: 500;
	white-space: nowrap;
}

.goal-calculator__hint,
.goal-calculator__microcopy,
.goal-form__privacy,
.goal-form__error {
	margin: 0;
	font-size: 14px;
	line-height: 1.4;
	color: var(--goal-muted);
}

.goal-calculator__hint {
	margin-top: 0;
	color: #8394ac;
	font-style: italic;
}

.goal-calculator__button {
	min-height: 58px;
}

.goal-calculator__microcopy {
	/* margin-top: 10px; */
	text-align: center;
}

.goal-quiz__progress {
	margin-bottom: 20px;
	padding: 10px 15px;
	border: 0.5px solid var(--goal-border);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.82);
}

.goal-quiz__progress-line {
	position: relative;
	flex: 1 1 auto;
	height: 8px;
	overflow: hidden;
	border-radius: 999px;
	background: rgba(47, 99, 246, 0.14);
}

.goal-quiz__progress-line span {
	position: absolute;
	inset: 0 auto 0 0;
	width: 25%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--goal-accent), var(--color-highlight));
	transition: width 0.25s ease;
}

.goal-quiz__progress-text {
	font-size: 14px;
	font-weight: 600;
	color: var(--goal-accent-dark);
	white-space: nowrap;
}

.goal-question,
.goal-form,
.goal-result {
	padding: 32px;
}

.goal-question__title,
.goal-result__title {
	margin: 0 0 20px;
	font-size: clamp(30px, 4vw, 48px);
	line-height: 1;
	letter-spacing: -0.03em;
	color: var(--goal-accent-dark);
}

.goal-question__options {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.goal-quiz--hero .goal-question__options {
	grid-template-columns: 1fr;
}

.goal-option {
	display: grid;
	gap: 10px;
	min-height: 170px;
	padding: 22px;
	border: 0.5px solid var(--goal-border);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.9);
	text-align: left;
	color: var(--goal-text);
	cursor: pointer;
	transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.goal-option:hover,
.goal-option.is-selected {
	transform: translateY(-2px);
	border: 1.5px solid var(--goal-accent);
	background: var(--goal-accent-light);
	box-shadow: 0 18px 36px rgba(47, 99, 246, 0.12);
}

.goal-option__title {
	font-size: 20px;
	line-height: 1.15;
	font-weight: 500;
	color: var(--goal-accent-dark);
}

.goal-option__subtitle {
	font-size: 15px;
	line-height: 1.45;
	color: var(--goal-muted);
}

.goal-quiz--hero .goal-option {
	min-height: auto;
	padding: 15px;
}

.goal-quiz--hero .goal-option__title {
	font-size: 18px;
}

.goal-quiz--hero .goal-question__title,
.goal-quiz--hero .goal-result__title {
	font-size: 26px;
	font-weight: 400;
	line-height: 1.08;
}

.goal-quiz__actions {
	margin-top: 22px;
	justify-content: flex-end;
}

.goal-form {
	max-width: 720px;
	margin: 0 auto;
}

.goal-form__subtitle {
	margin: -10px 0 22px;
	font-size: 18px;
	line-height: 1.45;
	color: var(--goal-muted);
}

.goal-form__field {
	display: grid;
	gap: 8px;
	margin-bottom: 16px;
}

.goal-form__field input {
	width: 100%;
	min-height: 54px;
	padding: 0 16px;
	border: 0.5px solid var(--goal-border);
	border-radius: 8px;
	background: #ffffff;
	color: var(--goal-text);
	outline: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.goal-form__field input:focus {
	border-color: var(--goal-accent);
	box-shadow: 0 0 0 4px rgba(47, 99, 246, 0.12);
}

.goal-form__error {
	margin-bottom: 14px;
	padding: 12px 14px;
	border-radius: 10px;
	background: rgba(200, 40, 40, 0.08);
	color: #ad2525;
}

.goal-form__privacy {
	margin-top: 12px;
	text-align: center;
}

.goal-form__privacy a {
	color: var(--goal-accent-dark);
	text-decoration: underline;
}

.goal-form__actions {
	display: grid;
	grid-template-columns: 0.7fr 1fr;
	gap: 12px;
	margin-top: 6px;
}

.goal-result {
	overflow: hidden;
}

.goal-result__hero {
	padding: 30px;
	border: 1px solid rgba(47, 99, 246, 0.12);
	border-radius: 20px;
	background:
		linear-gradient(135deg, #eff6ff 0%, #ffffff 58%, rgba(255, 210, 51, 0.18) 100%),
		radial-gradient(circle at 88% 18%, rgba(47, 99, 246, 0.14), transparent 30%);
	color: var(--color-text);
}

.goal-quiz--hero .goal-result__hero {
	padding: 22px;
}

.goal-result__hero .eyebrow-label,
.goal-result__hero .goal-result__title {
	color: var(--color-dark);
}

.goal-result__title {
	margin-bottom: 0;
}

.goal-result__stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	margin: 18px 0;
}

.goal-quiz--hero .goal-result__stats {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.goal-result__stat {
	display: grid;
	gap: 8px;
	padding: 18px;
	border: 0.5px solid var(--goal-border);
	border-radius: 12px;
	background: #eff6ff;
}

.goal-result__stat strong {
	font-size: 24px;
	line-height: 1.1;
	font-weight: 500;
	color: var(--goal-accent);
}

.goal-result__insight {
	padding: 22px;
	border-radius: 16px;
	background: linear-gradient(135deg, #eff6ff, rgba(255, 210, 51, 0.16));
	color: var(--color-dark);
}

.goal-result__insight p {
	margin: 0;
	font-size: 18px;
	line-height: 1.55;
}

.goal-quiz--hero .goal-result__insight p {
	font-size: 16px;
}

.goal-quiz__actions--result {
	justify-content: flex-start;
	flex-wrap: wrap;
}

@keyframes goalScreenIn {
	from {
		opacity: 0;
		transform: translateY(12px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.stats {
	padding: 50px 0 80px;
}

.stats__grid,
.packages__grid,
.benefits__grid,
.testimonials__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

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

.stats__item,
.package-card,
.benefit-card,
.extra-card,
.process-step {
	padding: 20px 25px;
	border: 1px solid var(--color-line);
	border-radius: var(--radius-md);
	background: rgba(255, 255, 255, 0.96);
	box-shadow: var(--shadow-soft);
}

.stats__item {
	display: grid;
	align-content: start;
	gap: 0;
	min-height: 100%;
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at top right, rgba(47, 99, 246, 0.08), transparent 28%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 255, 0.98));
}

.stats__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 22px;
}

.stats__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	border-radius: 12px;
	background: linear-gradient(180deg, rgba(47, 99, 246, 0.1), rgba(255, 210, 51, 0.16));
	color: var(--color-accent-dark);
	box-shadow: inset 0 0 0 1px rgba(47, 99, 246, 0.08);
}

.stats__icon svg {
	width: 36px;
	height: 36px;
	display: block;
}

.stats__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 12px;
	border-radius: 999px;
	background: rgba(47, 99, 246, 0.08);
	color: var(--color-accent-dark);
	font-size: 13px;
	line-height: 1;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	white-space: nowrap;
}

.benefit-card,
.testimonial-card,
.extra-card {
	padding: 25px;
}

.benefit-card {
	min-height: 100%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.98));
}

.benefit-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	margin-bottom: 20px;
	border-radius: 12px;
	background: linear-gradient(180deg, rgba(47, 99, 246, 0.08), rgba(255, 210, 51, 0.14));
	color: var(--color-accent-dark);
	box-shadow: inset 0 0 0 1px rgba(47, 99, 246, 0.08);
}

.benefit-card__icon svg {
	width: 36px;
	height: 36px;
	display: block;
}

.stats__title {
	margin-bottom: 15px;
	font-size: 22px;
	line-height: 1.08;
}

.stats__label,
.package-card__description,
.benefit-card__text,
.extra-card__text,
.extras__text,
.process-step__text,
.cta__text,
.cta__hint {
	font-size: 16px;
	line-height: 1.6;
	/* color: var(--color-muted); */
}

.packages {
	position: relative;
}

.packages::before {
    content: "";
    position: absolute;
    inset: 4% 0 3%;
    background: radial-gradient(circle at 12% 24%, rgba(47, 99, 246, 0.08), transparent 24%), radial-gradient(circle at 88% 74%, rgba(255, 210, 51, 0.12), transparent 26%);
    pointer-events: none;
}

.package-card {
	position: relative;
	display: grid;
	gap: 28px;
	padding: 25px;
	height: 100%;
}

.package-card__body {
	display: grid;
	align-content: start;
	gap: 20px;
}

.package-card--featured {
	background: linear-gradient(180deg, #2954a3 0%, #1f3f75 100%);
	color: #fff;
	/* transform: translateY(-10px); */
	box-shadow: 0 28px 70px rgba(31, 63, 117, 0.28);
}

.package-card__tag {
	position: absolute;
	top: 17px;
	right: 17px;
	padding: 10px 14px;
	border-radius: 999px;
	background: rgba(255, 210, 51, 0.18);
	font-size: 13px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.package-card__name,
.benefit-card__title,
.testimonial-card__name,
.extra-card__title,
.process-step__title {
	margin-bottom: 16px;
	font-size: 19px;
	line-height: 1.08;
	font-weight: 500;
}

.package-card__price,
.extra-card__price {
	margin-bottom: 16px;
	font-size: 32px;
	font-weight: 500;
	line-height: 0.95;
	letter-spacing: -0.05em;
}

.package-card__period {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0;
}

.package-card--featured .package-card__period {
	color: rgba(255, 255, 255, 0.82);
}

.package-card__list {
	display: grid;
	gap: 10px;
}

.package-card__button {
	margin-top: auto;
}

.package-card__item {
	position: relative;
	padding-left: 20px;
	font-size: 16px;
	line-height: 1.5;
}

.package-card__item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: currentColor;
	opacity: 0.38;
}

.package-card--featured .package-card__item::before {
	background: var(--color-highlight);
	opacity: 1;
}

.testimonials {
	position: relative;
}

.swiper {
	overflow: hidden;
}

.swiper-wrapper {
	display: flex;
	box-sizing: content-box;
}

.swiper-slide {
	flex-shrink: 0;
	height: auto;
}

.testimonials__slider {
	overflow: hidden;
}

.testimonials__grid {
	display: flex;
	gap: 0;
}

.testimonial-card.swiper-slide {
	display: grid;
	border: 1px solid rgba(22, 32, 43, 0.08);
	border-radius: 15px;
}

.testimonials__header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 40px;
}

.testimonials__header .section-heading {
	margin-bottom: 0;
}

.testimonials__pagination {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 6px;
	min-width: 34px;
	font-size: 15px;
	line-height: 1;
	font-weight: 400;
	color: #9aa7c0;
}

.testimonials__pagination .swiper-pagination-current {
	color: #2a3550;
	font-size: 18px;
}

.testimonials__pagination .swiper-pagination-total {
	color: #9aa7c0;
}

.testimonials__pagination-separator {
	color: #b8c2d6;
}

.testimonials__navigation {
	display: flex;
	align-items: center;
	gap: 12px;
	flex: 0 0 auto;
}

.testimonials__arrow {
	position: relative;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 1px solid rgba(42, 53, 80, 0.04);
	border-radius: 50%;
	background: #eef3fb;
	cursor: pointer;
	transition: transform 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
}

.testimonials__arrow:hover {
	transform: translateY(-1px);
	background: #e7eef9;
	border-color: rgba(47, 99, 246, 0.12);
}

.testimonials__arrow::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	border-top: 1.5px solid #91a0bd;
	border-right: 1.5px solid #91a0bd;
	transform: translate(-50%, -50%) rotate(45deg);
}

.testimonials__arrow--prev::before {
	transform: translate(-35%, -50%) rotate(-135deg);
}

.testimonials__arrow--next::before {
	transform: translate(-65%, -50%) rotate(45deg);
}

.insight__wrapper {
	display: grid;
	grid-template-columns: minmax(320px, 0.95fr) minmax(0, 1.05fr);
	gap: 50px;
	align-items: center;
}

.insight__media {
	position: relative;
}

.insight__media::before {
	content: "";
	position: absolute;
	inset: 8% -5% -8% 12%;
	background: linear-gradient(135deg, rgba(47, 99, 246, 0.14), rgba(255, 210, 51, 0.2));
	filter: blur(42px);
	z-index: -1;
}

.insight__image {
	margin-top: 5px;
	width: 100%;
	border-radius: 20px;
	box-shadow: var(--shadow-card);
}

.insight__content {

}

.insight__text {
	margin-top: 20px;
	display: grid;
	gap: 16px;
}

.insight__text p {
	font-size: 17px;
	line-height: 1.65;
	color: var(--color-muted);
}

.insight__list {
	margin-top: 20px;
	display: grid;
	gap: 14px;
}

.insight__item {
	position: relative;
	padding-left: 25px;
	font-size: 16px;
	line-height: 1.55;
}

.insight__item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--color-highlight), var(--color-accent));
	box-shadow: 0 0 0 5px rgba(47, 99, 246, 0.08);
}

.testimonial-card {
	display: grid;
	gap: 20px;
	align-content: space-between;
	min-height: 100%;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.7));
}

.testimonial-card__text {
	position: relative;
	padding-top: 28px;
	font-size: 17px;
	line-height: 1.6;
	color: var(--color-text);
}

.testimonial-card__text::before {
	content: "\201C";
	position: absolute;
	top: -8px;
	left: 0;
	font-size: 68px;
	line-height: 1;
	color: rgba(47, 99, 246, 0.18);
	font-weight: 700;
}

.testimonial-card__author {
	padding-top: 15px;
	border-top: 1px solid rgba(22, 32, 43, 0.08);
}

.testimonial-card__name {
	margin-bottom: 5px;
	font-size: 18px;
	line-height: 1.1;
}

.testimonial-card__role {
	font-size: 15px;
	line-height: 1.5;
	color: var(--color-muted);
}

.process {
	position: relative;
	overflow: hidden;
}

.process::before {
	content: "";
	position: absolute;
	inset: 8% 0 8%;
	background:
		radial-gradient(circle at 12% 24%, rgba(47, 99, 246, 0.08), transparent 24%),
		radial-gradient(circle at 88% 74%, rgba(255, 210, 51, 0.12), transparent 26%);
	pointer-events: none;
}

.process__timeline {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 22px;
	align-items: start;
}

.process__timeline::before {
	content: "";
	position: absolute;
	left: 8%;
	right: 8%;
	top: 74px;
	height: 2px;
	background: linear-gradient(90deg, rgba(47, 99, 246, 0.16), rgba(255, 210, 51, 0.4), rgba(47, 99, 246, 0.16));
	pointer-events: none;
}

.process-step__number {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
    width: 52px;
    height: 52px;
    margin-bottom: 20px;
    border-radius: 12px;
	background: linear-gradient(180deg, rgba(47, 99, 246, 0.14), rgba(255, 255, 255, 0.96));
	/* box-shadow:
		0 18px 32px rgba(47, 99, 246, 0.12),
		inset 0 0 0 1px rgba(47, 99, 246, 0.12); */
	font-size: 30px;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--color-accent);
}

.process-step {
	position: relative;
	display: grid;
	align-content: start;
	gap: 0;
	padding: 26px 24px 26px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 248, 255, 0.98)),
		radial-gradient(circle at 100% 0%, rgba(255, 210, 51, 0.12), transparent 32%);
	height: stretch;
}

/* .process-step::before {
	content: "";
	position: absolute;
	top: 52px;
	left: calc(50% - 6px);
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--color-highlight);
	box-shadow:
		0 0 0 6px rgba(255, 210, 51, 0.14),
		0 0 0 14px rgba(47, 99, 246, 0.06);
} */

.process-step::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(180deg, rgba(47, 99, 246, 0.02), rgba(255, 255, 255, 0));
	pointer-events: none;
}

/* .process-step:nth-child(2n) {
	transform: translateY(32px);
} */

.process-step__title {
	margin-bottom: 14px;
}

.extras__wrapper {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1.1fr);
	gap: 28px;
	padding: 60px 50px;
	position: relative;
	overflow: hidden;
	border-radius: var(--radius-lg);
	background:
		radial-gradient(circle at 16% 22%, rgba(255, 210, 51, 0.2), transparent 24%),
		radial-gradient(circle at 88% 18%, rgba(143, 189, 255, 0.2), transparent 22%),
		radial-gradient(circle at 74% 78%, rgba(255, 210, 51, 0.12), transparent 20%),
		linear-gradient(135deg, #3a67bd 0%, #2d5ab0 34%, #244b97 66%, #1f3f75 100%);
	box-shadow: var(--shadow-card);
	align-items: center;
}

.extras__wrapper::before,
.extras__wrapper::after {
	content: "";
	position: absolute;
	inset: auto;
	border-radius: 50%;
	pointer-events: none;
	filter: blur(12px);
}

.extras__wrapper::before {
	top: -120px;
	right: -90px;
	width: 320px;
	height: 320px;
	background: radial-gradient(circle, rgba(255, 210, 51, 0.18) 0%, rgba(255, 210, 51, 0) 68%);
}

.extras__wrapper::after {
	bottom: -160px;
	left: -110px;
	width: 360px;
	height: 360px;
	background: radial-gradient(circle, rgba(128, 177, 255, 0.18) 0%, rgba(128, 177, 255, 0) 70%);
}

.extras__content,
.extras__cards {
	position: relative;
	z-index: 1;
}

.extras__wrapper .eyebrow-label {
	color: var(--color-highlight);
}

.extras__title,
.cta__title {
	margin-bottom: 20px;
	font-size: clamp(32px, 5vw, 54px);
	line-height: 1.06;
	letter-spacing: -0.04em;
	color: #fff;
}

.extras__text,
.extra-card__text {
	color: rgba(255, 255, 255, 0.74);
}

.extras__button {
	margin-top: 28px;
	width: fit-content;
	min-width: 260px;
}

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

.extra-card {
	background: rgba(255, 255, 255, 0.14);
	border-color: rgba(255, 255, 255, 0.14);
}

.extra-card__price {
	color: #f7f7e0;
}

.extra-card__title {
	color: #fff;
}

.cta__box {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
	gap: 28px;
	align-items: center;
	    padding: 60px 50px;
	border-radius: var(--radius-xl);
	background: linear-gradient(135deg, #2f63f6 0%, #24498c 100%);
	box-shadow: 0 26px 70px rgba(47, 99, 246, 0.24);
}

.cta__box .eyebrow-label {
	color: var(--color-highlight);
}

.cta__text,
.cta__hint {
	color: rgba(255, 255, 255, 0.82);
}

.cta__actions {
	display: grid;
	gap: 14px;
}

.cta-form {
	display: grid;
	gap: 18px;
}

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

.cta-form__field {
	position: relative;
	display: block;
}

.cta-form__input {
	width: 100%;
	height: 56px;
	padding: 0 54px 0 18px;
	border: 0;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.98);
	color: #1f2f47;
	font-size: 16px;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}

.cta-form__input::placeholder {
	color: #8a97b2;
}

.cta-form__input:focus {
	outline: 2px solid rgba(255, 210, 51, 0.38);
	outline-offset: 0;
}

.cta-form__icon {
	position: absolute;
	top: 50%;
	right: 16px;
	width: 18px;
	height: 18px;
	color: #c4cee0;
	transform: translateY(-50%);
	pointer-events: none;
}

.cta-form__icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

.cta-form__bottom {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(240px, 0.72fr);
	gap: 24px;
	align-items: end;
}

.cta-form__label {
	margin-bottom: 14px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
	color: #ffffff;
}

.cta-form__radio-group {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
}

.cta-form__radio {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: rgba(255, 255, 255, 0.9);
	font-size: 16px;
	cursor: pointer;
}

.cta-form__radio input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.cta-form__radio-mark {
	position: relative;
	flex: 0 0 22px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.58);
	background: rgba(255, 255, 255, 0.18);
}

.cta-form__radio input:checked + .cta-form__radio-mark {
	border-color: #ffffff;
	background: #ffffff;
}

.cta-form__radio input:checked + .cta-form__radio-mark::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--color-highlight);
	transform: translate(-50%, -50%);
}

.cta-form__submit {
	min-height: 60px;
}

.cta .button--accent {
	background: var(--color-highlight);
	color: #1f2f47;
	box-shadow: none;
}

@media (max-width: 1100px) {

	.hero__wrapper,
	.insight__wrapper,
	.extras__wrapper,
	.cta__box,
	.goal-quiz__screen--calculator {
		grid-template-columns: 1fr;
	}

	.cta-form__grid,
	.cta-form__bottom {
		grid-template-columns: 1fr;
	}

	.packages__grid,
	.benefits__grid,
	.process__timeline,
	.stats__grid,
	.goal-question__options,
	.goal-result__stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.process__timeline::before {
		left: 12%;
		right: 12%;
		top: 72px;
	}

	.process-step:nth-child(2n) {
		transform: translateY(18px);
	}

	.goal-quiz__intro {
		min-height: auto;
	}

	.package-card--featured {
		transform: none;
	}
}

@media (max-width: 860px) {
	.section {
		padding: 84px 0;
	}

	.hero {
		padding-top: 40px;
	}

	.hero-wave__overlay {
		background:
			linear-gradient(180deg, rgba(252, 248, 242, 0.86) 0%, rgba(252, 248, 242, 0.68) 42%, rgba(252, 248, 242, 0.9) 100%);
	}

	.hero__panel::before,
	.hero__panel::after {
		inset: 8% -2% -2% 12%;
		filter: blur(28px);
		opacity: 0.82;
	}

	.goal-quiz {
		padding: 14px;
	}

	.hero-card__metrics,
	.extras__cards {
		grid-template-columns: 1fr;
	}

	.testimonials__header {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (max-width: 640px) {
	.container {
		width: min(100% - 24px, var(--container-width));
	}

	.section {
		padding: 72px 0;
	}

	.packages__grid,
	.benefits__grid,
	.process__timeline,
	.stats__grid {
		grid-template-columns: 1fr;
	}

	.process__timeline::before {
		display: none;
	}

	.process-step,
	.process-step:nth-child(2n) {
		transform: none;
	}

	.process-step::before {
		left: auto;
		right: 24px;
		top: 38px;
		width: 10px;
		height: 10px;
	}

	.hero-card,
	.package-card,
	.benefit-card,
	.testimonial-card,
	.process-step,
	.extra-card,
	.cta__box,
	.extras__wrapper,
	.stats__item,
	.goal-quiz__intro,
	.goal-calculator,
	.goal-question,
	.goal-form,
	.goal-result {
		padding: 24px;
	}

	.hero__text {
		font-size: 18px;
	}

	.hero-wave__glow--left,
	.hero-wave__glow--right {
		filter: blur(48px);
	}

	.goal-quiz {
		padding: 10px;
		border-radius: 20px;
	}

	.goal-quiz__screen--calculator {
		gap: 12px;
	}

	.goal-quiz__intro,
	.goal-calculator,
	.goal-question,
	.goal-form,
	.goal-result,
	.goal-result__hero {
		border-radius: 16px;
	}

	.goal-quiz__lead,
	.goal-form__subtitle,
	.goal-result__insight p {
		font-size: 16px;
	}

	.goal-calculator__top,
	.goal-calculator__row,
	.goal-quiz__actions {
		align-items: flex-start;
		flex-direction: column;
	}

	.goal-calculator__row--main .goal-calculator__number,
	.goal-calculator__number {
		font-size: 24px;
	}

	.goal-question__options,
	.goal-result__stats {
		grid-template-columns: 1fr;
	}

	.goal-option {
		min-height: auto;
	}

	.goal-quiz__actions .button {
		width: 100%;
	}

	.goal-form__actions {
		grid-template-columns: 1fr;
	}

	.cta-form__radio-group {
		gap: 14px;
	}

	.cta-form__submit {
		width: 100%;
	}

	.hero__actions {
		flex-direction: column;
		align-items: flex-start;
	}

	.testimonials__arrow {
		width: 52px;
		height: 52px;
	}
}