/* Raiz — pixel match to Figma 1920 / 370 */
:root {
	--black: #1f1f1f;
	--red: #f82c0f;
	--yellow: #ffcc00;
	--cream: #fff7e0;
	--card: #fdf6ea;
	--line: #f5e6ca;
	--involve: 'Involve', sans-serif;
	--jost: 'Evolventa', 'Jost', sans-serif;
	--wrap: 1520px;
	--pad: 20px;
	--ease: .35s cubic-bezier(.4,0,.2,1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
	margin: 0;
	font-family: var(--jost);
	font-size: 18px;
	line-height: 1.2;
	color: var(--black);
	background: #fff;
	overflow-x: hidden;
}
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
ul { margin: 0; padding: 0; list-style: none; }
em { font-style: normal; color: var(--red); }

.wrap { width: min(100% - 40px, var(--wrap)); margin-inline: auto; }
.c-red { color: var(--red); }
.c-cream { color: var(--cream); }

.logo {
	font-family: 'Stampatello Faceto', 'URW Gothic L', cursive;
	font-weight: 400;
	font-size: 28px;
	line-height: .9;
	color: var(--black);
}
.logo-light { color: var(--cream); }

/* Buttons */
.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 16px 26px;
	border: none;
	border-radius: 30px;
	font-family: var(--jost);
	font-size: 18px;
	font-weight: 500;
	cursor: pointer;
	transition: transform var(--ease), box-shadow var(--ease);
	white-space: nowrap;
}
.btn:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,.12); }
.btn-red { background: var(--red); color: var(--cream); }
.btn-yellow { background: var(--yellow); color: var(--black); font-size: 22px; padding: 15px 24px; min-height: 64px; }
.btn-full { width: 100%; }
.btn-outline { background: transparent; border: 2px solid var(--red); color: var(--red); }
.btn-tg { background: #229ed9; color: #fff; }

/* Header — макет 1920 */
.header {
	position: fixed;
	inset: 30px 0 auto 0;
	z-index: 100;
	background: transparent;
	transition: top var(--ease);
}
.header__wrap {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	min-height: 64px;
	gap: 24px;
	border-radius: 999px;
	transition: background var(--ease), box-shadow var(--ease), backdrop-filter var(--ease), padding var(--ease);
}
.header.is-scrolled {
	top: 12px;
}
.header.is-scrolled .header__wrap {
	padding: 0 18px;
	background: rgba(255, 247, 224, .68);
	backdrop-filter: blur(16px);
	box-shadow: 0 10px 34px rgba(104, 72, 0, .08);
}
.header .logo { justify-self: start; }
.header__nav {
	justify-self: center;
	display: flex; gap: 20px;
	font-size: 18px; font-weight: 500;
}
.header__nav a { color: var(--red); transition: opacity var(--ease); }
.header__nav a:hover { opacity: .75; }
.header__right {
	justify-self: end;
	display: flex; align-items: center; gap: 28px;
}
.header__phones { display: flex; flex-direction: column; gap: 4px; font-size: 16px; font-weight: 500; color: var(--black); }
.header__phones a:hover { color: var(--red); }
.header__social { display: flex; gap: 18px; }
.header__mob { display: none; }

.burger {
	width: 52px; height: 52px; padding: 0; border: 0; border-radius: 0;
	background: transparent; display: block; cursor: pointer;
}
.burger img { width: 52px; height: 52px; object-fit: contain; }

.mob-menu { position: fixed; inset: 0; z-index: 200; pointer-events: none; }
.mob-menu.is-on { pointer-events: auto; }
.mob-menu__bg {
	position: absolute;
	inset: 0;
	background: radial-gradient(117.84% 372.43% at 10.23% 60.74%, rgba(255,249,240,.9) 0%, rgba(254,213,99,.72) 100%);
	opacity: 0;
	backdrop-filter: blur(10px);
	transition: opacity var(--ease);
}
.mob-menu.is-on .mob-menu__bg { opacity: 1; }
.mob-menu__panel {
	position: absolute;
	top: 12px;
	right: 12px;
	width: min(calc(100% - 24px), 330px);
	min-height: calc(100% - 24px);
	background: rgba(255, 247, 224, .94);
	border: 1px solid rgba(255,255,255,.55);
	border-radius: 28px;
	padding: 22px;
	transform: translateX(calc(100% + 24px));
	transition: transform var(--ease);
	display: flex;
	flex-direction: column;
	gap: 22px;
	box-shadow: 0 24px 70px rgba(104, 72, 0, .2);
	backdrop-filter: blur(18px);
}
.mob-menu.is-on .mob-menu__panel { transform: none; }
.mob-menu__top { display: flex; justify-content: space-between; align-items: center; }
.mob-menu__x {
	width: 48px;
	height: 48px;
	border: 0;
	border-radius: 16px;
	background: var(--red);
	color: var(--cream);
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
}
.mob-menu__links { display: flex; flex-direction: column; gap: 10px; font-size: 22px; font-weight: 700; font-family: var(--involve); }
.mob-menu__links a {
	padding: 16px 18px;
	border-radius: 20px;
	background: rgba(255,255,255,.62);
	box-shadow: 0 4px 14px rgba(104,72,0,.08);
}
.mob-menu__links a:nth-child(3) { background: var(--yellow); }
.mob-menu__phones {
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-weight: 500;
	padding: 16px 18px;
	border-radius: 20px;
	background: rgba(255,255,255,.62);
}

/* Titles */
.title-section {
	margin: 0 0 32px;
	font-family: var(--involve);
	font-weight: 700;
	font-size: 22px;
	line-height: .9;
}
.title-section--sm { font-size: 22px; }

/* HERO — макет Figma cover 1736×1023 */
.hero {
	position: relative;
	padding: 108px 0 48px;
	min-height: 667px;
	overflow: hidden;
}
.hero__gradient {
	position: absolute; inset: 0;
	background: radial-gradient(117.84% 372.43% at 10.23% 60.74%, #fff9f0 0%, #fed563 100%);
	z-index: 0;
}
.hero__photo {
	position: absolute;
	right: 0; top: 0;
	width: 100%; height: 55%;
	background-size: cover;
	background-position: center right;
	opacity: .35;
	z-index: 1;
}
.hero__layout {
	position: relative; z-index: 2;
}
.hero__left { max-width: 330px; }
.hero__sticker-wrap {
	position: relative;
	margin-bottom: 4px;
}
.hero__sticker {
	margin: 0;
	font-family: 'Stampatello Faceto', 'URW Gothic L', cursive;
	font-size: 22px;
	line-height: 1.1;
	color: var(--yellow);
	transform: rotate(-3deg);
}
.hero__sticker-arrow {
	display: none;
}
.hero__title {
	margin: 0 0 16px;
	font-family: var(--involve);
	font-weight: 700;
	font-size: 42px;
	line-height: 1.1;
}
.hero__title-line { display: inline; }
.hero__title-line:not(:first-child)::before { content: ' '; }
.hero__title em { color: var(--red); }
.hero__text {
	margin: 0 0 24px;
	font-size: 18px;
	line-height: normal;
	opacity: .8;
}
.hero__cta { width: 100%; }
.hero__note {
	display: none;
	align-items: center;
	gap: 10px;
	margin-top: 24px;
	font-size: 16px;
}
.hero__note img { flex-shrink: 0; width: 39px; height: 39px; }

.hero__right { margin-top: 8px; }
.hero__scene {
	position: relative;
	height: 280px;
	margin: 0 auto;
	max-width: 360px;
}
.hero__circle {
	position: absolute;
	left: 50%; top: 12%;
	width: 205px;
	transform: translateX(-52%);
	z-index: 1;
}
.hero__podium {
	position: absolute;
	left: 50%; bottom: 0;
	width: 270px;
	transform: translateX(-50%);
	z-index: 2;
}
.hero__burger {
	position: absolute;
	left: 50%; top: 22%;
	width: 207px;
	transform: translateX(-48%);
	z-index: 3;
	filter: drop-shadow(0 8px 16px rgba(0,0,0,.1));
}
.hero__burger-mob { display: none; }
.hero__card {
	display: block;
	position: absolute;
	height: auto;
	z-index: 4;
	will-change: transform;
	width: auto;
}
.hero__card img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@keyframes heroCardFloat {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-10px); }
}

/* VACANCIES */
.vac { padding: 120px 0 80px; background: #fff; }
.vac__grid { display: flex; flex-direction: column; gap: 32px; }
.vac-card {
	background: var(--card);
	border-radius: 20px;
	padding: 20px;
	overflow: hidden;
}
.vac-card__top { position: relative; min-height: 160px; margin-bottom: 8px; }
.vac-card__name {
	margin: 0;
	font-family: var(--jost);
	font-weight: 700;
	font-size: 42px;
	line-height: .8;
}
.vac-card__image {
	position: absolute; right: 0; top: 0; width: 147px; height: 160px;
}
.vac-card__image img { width: 100%; height: 100%; object-fit: contain; object-position: right top; }
.vac-card__label { margin: 0; font-size: 18px; }
.vac-card__sum { margin: 0; font-size: 28px; font-weight: 700; color: var(--red); line-height: 1.2; }
.vac-card__period { margin: 0 0 16px; font-size: 18px; }
.vac-card__stats {
	display: grid; grid-template-columns: repeat(3,1fr); gap: 8px;
	background: #fff; border-radius: 20px; padding: 16px 8px; margin-bottom: 16px;
	text-align: center; font-size: 12px;
}
.vac-card__stat strong { display: block; margin: 4px 0 2px; font-weight: 500; font-size: 12px; }
.vac-card__stat span { opacity: .6; font-size: 12px; line-height: 1.2; display: block; }
.vac-card__stat img { margin: 0 auto; }
.vac-card__panel {
	background: #fff; border-radius: 20px; padding: 20px; margin-bottom: 12px;
}
.vac-card__panel h4 { margin: 0 0 12px; font-size: 16px; font-weight: 500; }
.vac-card__panel li {
	display: flex; align-items: center; gap: 6px;
	margin-bottom: 6px; font-size: 14px; line-height: 1;
}
.vac-card__panel li img { width: 16px; height: 16px; flex-shrink: 0; }
.vac-card__divider { display: none; }
.vac-card__meta { display: flex; flex-direction: column; gap: 12px; margin-bottom: 16px; font-size: 14px; }
.vac-card__meta > div { display: flex; gap: 8px; align-items: flex-start; }
.vac-card__meta strong { display: block; font-weight: 500; }
.vac-card__meta span { opacity: .6; }
.vac-card__btn { width: 100%; }

/* STEPS */
.steps { padding: 48px 0; background: #fff; }
.steps__sub { margin: -20px 0 28px; font-family: var(--involve); font-size: 16px; line-height: 1.2; }
.steps__list { display: flex; flex-direction: column; gap: 0; align-items: center; }
.steps__item {
	width: 100%; max-width: 330px;
	border: 1px solid var(--red); border-radius: 20px;
	padding: 20px; text-align: center;
	min-height: 216px;
}
.steps__icon { width: 70px; height: 70px; margin: 0 auto 12px; object-fit: contain; flex: 0 0 70px; }
.steps__item h3 {
	margin: 0 0 8px; font-family: var(--involve); font-weight: 600;
	font-size: 22px; line-height: .9;
}
.steps__item p { margin: 0; font-family: var(--involve); font-size: 18px; line-height: 1.2; color: rgba(31,31,31,.8); }
.steps__arrow { width: 91px; height: 91px; margin: -8px 0; transform: rotate(90deg); }

/* QUIZ */
.quiz { position: relative; padding: 48px 0 56px; overflow: hidden; }
.quiz__soft-burger, .quiz__side-burger, .quiz__mobile-burger, .quiz__aside-arrow { display: none; }
.quiz__bg {
	position: absolute; inset: 0; width: 100%; height: 100%;
	object-fit: cover; object-position: center; z-index: 0;
}
.quiz__wrap { position: relative; z-index: 1; }
.quiz__badge {
	display: inline-flex; align-items: center; gap: 8px;
	background: var(--cream); padding: 6px 12px; border-radius: 30px;
	font-size: 14px; margin-bottom: 12px;
}
.quiz__title {
	margin: 0 0 12px;
	font-family: var(--involve); font-weight: 700;
	font-size: 32px; line-height: 1.1; text-align: center;
}
.quiz__desc {
	margin: 0 0 24px; text-align: center;
	font-family: var(--involve); font-size: 16px; line-height: 1.2;
}
.quiz__aside, .quiz__burger-side { display: none; }
.quiz__card {
	position: relative;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 4px 4px rgba(58,37,15,.25);
	padding: 24px 20px 80px;
	min-height: 340px;
}
.quiz__step { display: none; }
.quiz__step.is-on { display: block; animation: quizIn .35s ease; }
.quiz__q {
	margin: 0 0 20px; text-align: center;
	font-family: var(--involve); font-weight: 600; font-size: 18px;
}
.quiz__hint { text-align: center; margin: -12px 0 16px; font-size: 14px; opacity: .7; }
.quiz__input {
	width: 100%; padding: 18px 20px; margin-bottom: 12px;
	border: 1px solid #e8e8e9; border-radius: 20px;
	font-family: var(--involve); font-size: 18px;
	box-shadow: 0 1px .5px rgba(0,0,0,.25);
}
.quiz__input:focus { outline: none; border-color: #fdb473; background: #feefdc; }
.quiz__policy {
	margin: -5px 0 0;
	font-size: 12px;
	line-height: 1.25;
	text-align: center;
	color: rgba(31,31,31,.68);
}
.quiz__policy a { color: var(--red); text-decoration: underline; text-underline-offset: 2px; }
.quiz__grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.quiz__opt--full { grid-column: 1 / -1; }
.quiz__opt {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 18px; border: 1px solid #e8e8e9; border-radius: 20px;
	background: #fff; font-family: var(--involve); font-size: 16px; cursor: pointer;
	box-shadow: 0 1px .5px rgba(0,0,0,.25);
}
.quiz__opt span {
	width: 18px;
	height: 18px;
	border: 1px solid var(--red);
	border-radius: 50%;
	position: relative;
	flex: 0 0 18px;
}
.quiz__opt.is-on { background: #feefdc; border-color: #fdb473; box-shadow: 0 1px 1px #fca153; }
.quiz__opt.is-on span::after {
	content: '';
	position: absolute;
	inset: 1px;
	border-radius: 50%;
	background: var(--red);
}
.quiz__foot {
	display: flex; flex-direction: column; align-items: center; gap: 16px;
	margin-top: 24px;
}
.quiz__track {
	width: 200px; height: 8px; background: #e9e8e8; border-radius: 20px; overflow: hidden;
}
.quiz__track span {
	display: block; height: 100%; width: 20%; background: var(--red); border-radius: 20px;
	transition: width var(--ease);
}
#quiz-label { font-family: var(--involve); font-size: 16px; }
.quiz__next { min-width: 140px; height: 50px; padding: 12px 20px; }
.quiz__back[hidden] { display: none !important; }
.quiz__peek {
	position: absolute; right: -10px; bottom: -10px; width: 114px; height: 120px;
	pointer-events: none; overflow: hidden;
}
.quiz__peek-glow { position: absolute; width: 100%; top: 0; }
.quiz__peek-burger { position: absolute; bottom: 0; right: 0; width: 90px; }
.quiz__perks {
	margin-top: 16px; background: #fff; border-radius: 30px; padding: 16px 8px;
	text-align: center; font-size: 14px; font-weight: 500;
}
.quiz__perks-track { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; }
.quiz__perks-track > div { position: relative; }
.quiz__perks-track > div:not(:last-child)::after {
	content: '';
	position: absolute;
	top: 50%;
	right: -4px;
	width: 1px;
	height: 66px;
	background: #F5E6CA;
	transform: translateY(-50%);
}
.quiz__perks img { width: 34px; height: 34px; margin: 0 auto 6px; }
.quiz__end { text-align: center; padding: 16px 0; }
.quiz__end h3 { font-family: var(--involve); font-size: 22px; margin: 0 0 12px; }
.quiz__end p { font-size: 16px; opacity: .85; margin: 0 0 20px; }
.quiz__msg { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.quiz__social-link {
	display: inline-flex;
	width: 52px;
	height: 52px;
	transition: transform var(--ease);
}
.quiz__social-link:hover { transform: translateY(-2px); }
.quiz__social-link img { width: 52px; height: 52px; object-fit: contain; }

/* FOOTER */
.footer { background: var(--black); color: var(--cream); }
.footer__bar { display: none; padding: 48px 0; }
.footer__links { display: flex; flex-direction: column; gap: 12px; font-family: var(--involve); font-size: 18px; }
.footer__contacts { display: flex; flex-direction: column; gap: 12px; }
.footer__phones { display: flex; flex-direction: column; gap: 8px; font-size: 18px; }
.footer__social { display: flex; gap: 18px; }
.footer__headline {
	margin: 0 0 16px; font-family: var(--involve); font-weight: 500;
	font-size: 32px; line-height: 1.2;
}
.footer__headline .c-cream { color: var(--cream); }
.footer__headline .c-red { color: var(--red); }

/* PRIVACY */
.privacy-page {
	background: #fff;
}
.privacy-hero {
	padding: 150px 0 56px;
	background: radial-gradient(117.84% 372.35% at 10.23% 60.69%, #fff9f0 0%, #fed563 100%);
	border-radius: 0 0 30px 30px;
	overflow: hidden;
}
.privacy-hero__wrap {
	text-align: center;
}
.privacy-hero__eyebrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 43px;
	margin: 0 0 18px;
	padding: 8px 18px;
	border-radius: 30px;
	background: #fff;
	box-shadow: 0 4px 4px rgba(0,0,0,.05);
	font-family: var(--involve);
	font-size: 16px;
}
.privacy-hero h1 {
	margin: 0 auto 18px;
	max-width: 880px;
	font-family: var(--involve);
	font-weight: 700;
	font-size: 56px;
	line-height: 100%;
}
.privacy-hero p:not(.privacy-hero__eyebrow) {
	max-width: 720px;
	margin: 0 auto;
	font-family: var(--involve);
	font-size: 22px;
	line-height: 120%;
}
.privacy-content {
	padding: 64px 0 96px;
}
.privacy-content__wrap {
	max-width: 980px;
}
.privacy-card {
	padding: 44px 54px;
	border-radius: 30px;
	background: #fff;
	box-shadow: 0 4px 24px rgba(58,37,15,.14);
}
.privacy-card h2 {
	margin: 34px 0 14px;
	font-family: var(--involve);
	font-weight: 700;
	font-size: 28px;
	line-height: 110%;
	color: var(--black);
}
.privacy-card h2:first-child { margin-top: 0; }
.privacy-card p,
.privacy-card li {
	font-size: 18px;
	line-height: 150%;
	color: rgba(31,31,31,.82);
}
.privacy-card p {
	margin: 0 0 14px;
}
.privacy-card ul {
	margin: 0 0 18px;
	padding-left: 22px;
	list-style: disc;
}
.privacy-card li {
	margin-bottom: 8px;
}

.footer__mob {
	padding: 28px 20px 32px;
	border-radius: 20px 20px 0 0;
	min-height: 538px;
	display: flex; flex-direction: column; gap: 24px;
}
.footer__mob-logo { font-size: 32px; }
.footer__mob-phones { display: flex; flex-direction: column; gap: 12px; font-size: 18px; }
.footer__mob-links { display: flex; flex-direction: column; gap: 12px; font-family: var(--involve); font-size: 18px; }
.footer__mob-headline {
	margin: 0 0 16px; font-family: var(--involve); font-weight: 500;
	font-size: 32px; line-height: 1.2;
}

/* Animations */
.reveal { opacity: 0; transform: translateY(24px); transition: .7s ease; }
.reveal.on { opacity: 1; transform: none; }
@keyframes quizIn { from { opacity: 0; transform: translateX(12px); } to { opacity: 1; transform: none; } }
@keyframes quizAsidePulse {
	0%, 100% { transform: rotate(331deg) translateY(0) scale(1); }
	50% { transform: rotate(331deg) translateY(-7px) scale(1.04); }
}
@keyframes quizPerksSlide {
	0%, 40% { transform: translateX(0); }
	55%, 90% { transform: translateX(-330px); }
	100% { transform: translateX(0); }
}

/* ========== DESKTOP 1200+ (1920 layout) ========== */
@media (min-width: 1200px) {
	.title-section { font-size: 42px; margin-bottom: 48px; }
	.title-section--sm { font-size: 42px; }

	.header__mob { display: none !important; }
	.header__right { display: flex !important; }

	.hero {
		height: 1080px;
		min-height: 1080px;
		padding: 0;
	}
	.hero__photo {
		left: calc(50% - 960px + 1078px);
		right: -16px;
		top: 205px;
		width: auto;
		min-width: 858px;
		height: 900px;
		opacity: .4;
	}
	.hero__layout {
		height: 1080px;
		position: relative;
	}
	.hero__left {
		position: absolute;
		left: 0;
		top: 211px;
		padding-top: 0;
		max-width: 764px;
	}
	.hero__sticker-wrap {
		position: absolute;
		left: 397px;
		top: -73px;
		width: 334px;
		height: 85px;
		margin: 0;
		max-width: none;
	}
	.hero__sticker {
		width: 334px;
		height: 21px;
		font-size: 22.93px;
		line-height: 90%;
		color: #ffcc00;
		white-space: nowrap;
		transform: rotate(6deg);
		transform-origin: left top;
	}
	.hero__sticker-arrow {
		display: block;
		position: absolute;
		left: -6.67px;
		top: -2.77px;
		width: 142px;
		height: auto;
		transform: rotate(8deg);
		transform-origin: center;
		pointer-events: none;
	}
	.hero__title {
		font-size: 110px;
		line-height: 90%;
		letter-spacing: 0;
		margin-bottom: 24px;
	}
	.hero__title-line { display: block; }
	.hero__title-line::before { content: none !important; }
	.hero__text {
		font-size: 26px;
		line-height: 130%;
		max-width: 564px;
		min-height: 114px;
		margin-bottom: 22px;
		opacity: .8;
	}
	.hero__cta { width: auto; min-width: 345px; }
	.hero__note { display: flex; max-width: 444px; margin-top: 28px; }
	.hero__right {
		position: absolute;
		left: 624px;
		top: 205px;
		width: 895px;
		height: 956px;
		min-height: 0;
		margin-top: 0;
	}
	.hero__scene {
		position: relative;
		width: 895px;
		height: 956px;
		max-width: none;
		margin: 0;
	}
	.hero__burger {
		left: 0;
		top: 0;
		width: 895px;
		height: 956px;
		object-fit: contain;
		transform: none;
	}
	.hero__card--1 { left: 82px; top: 55px; width: 174px; height: 78px; animation: heroCardFloat 4.2s ease-in-out infinite; }
	.hero__card--2 { left: 632px; top: 71px; width: 207px; height: 78px; animation: heroCardFloat 4.8s ease-in-out infinite .6s; }
	.hero__card--3 { left: 736px; top: 431px; width: 160px; height: 78px; animation: heroCardFloat 5.1s ease-in-out infinite 1.1s; }
	.hero__card--4 { left: -53px; top: 624px; width: 230px; height: 72px; animation: heroCardFloat 4.5s ease-in-out infinite .3s; }

	.vac .title-section {
		font-family: 'Stampatello Faceto', 'URW Gothic L', cursive;
		font-weight: 400;
		font-size: 32px;
		line-height: 90%;
		margin-bottom: 33px;
	}
	.vac__grid { display: grid; grid-template-columns: 751px 751px; gap: 18px; }
	.vac-card {
		position: relative;
		width: 751px;
		height: 732px;
		min-height: 0;
		padding: 0;
		display: block;
	}
	.vac-card__top { position: static; min-height: 0; margin: 0; }
	.vac-card__name {
		position: absolute;
		left: 30px;
		top: 30px;
		z-index: 2;
		max-width: 390px;
		font-size: var(--title-size, 120px);
		line-height: 80%;
		letter-spacing: 0;
	}
	.vac-card__image { position: absolute; z-index: 1; }
	.vac-card__image--cook { left: 362px; top: 0; width: 389px; height: 358px; }
	.vac-card__image--cashier { left: 374px; top: 60px; width: 376px; height: 309px; }
	.vac-card__label {
		position: absolute;
		left: 30px;
		top: 141px;
		width: 166px;
		height: 31px;
		font-size: 26px;
		line-height: 120%;
	}
	.vac-card__sum {
		position: absolute;
		left: 30px;
		top: 172px;
		margin: 0;
		font-size: 48px;
		line-height: 120%;
	}
	.vac-card__period {
		position: absolute;
		left: 30px;
		top: 234px;
		margin: 0;
		font-size: 26px;
		line-height: 120%;
	}
	.vac-card__stats {
		position: absolute;
		left: 30px;
		top: 289px;
		width: 414px;
		height: 122px;
		grid-template-columns: repeat(3, 1fr);
		gap: 0;
		padding: 14px;
		margin: 0;
	}
	.vac-card__stat {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		text-align: center;
	}
	.vac-card__stat strong,
	.vac-card__stat span {
		font-size: 14px;
		font-weight: 500;
		line-height: 100%;
	}
	.vac-card__stat strong { margin: 4px 0 4px; }
	.vac-card__stat span { opacity: .55; }
	.vac-card__stat img { width: 34px; height: 34px; margin: 0 auto; }
	.vac-card__panel {
		position: absolute;
		left: 30px;
		top: 429px;
		width: 690px;
		height: 189px;
		display: grid;
		grid-template-columns: 1fr 1px 1fr;
		gap: 39px;
		align-items: start;
		padding: 30px 76px;
		margin: 0;
	}
	.vac-card__panel h4 {
		margin: 0 0 15px;
		font-size: 16px;
		font-weight: 500;
		line-height: 100%;
	}
	.vac-card__panel li {
		gap: 6px;
		margin-bottom: 6px;
		font-size: 14px;
		font-weight: 400;
		line-height: 100%;
	}
	.vac-card__panel li img { width: 16px; height: 16px; }
	.vac-card__divider { display: block; width: 1px; background: #fdf2e1; min-height: 133px; }
	.vac-card__bottom {
		position: absolute;
		left: 30px;
		top: 644px;
		width: 690px;
		display: flex; align-items: center; justify-content: space-between;
		gap: 16px; margin: 0;
	}
	.vac-card__meta { flex-direction: row; gap: 24px; margin: 0; }
	.vac-card__meta > div { gap: 8px; }
	.vac-card__meta > div > img {
		width: 34px;
		height: 34px;
		flex: 0 0 34px;
		object-fit: contain;
	}
	.vac-card__meta strong,
	.vac-card__meta span {
		font-size: 14px;
		font-weight: 500;
		line-height: 100%;
	}
	.vac-card__meta span { opacity: .6; margin-top: 4px; }
	.vac-card__btn {
		width: 224px;
		height: 58px;
		padding: 16px 26px;
		border-radius: 30px;
		flex-shrink: 0;
	}

	.steps__sub { font-size: 20px; text-align: center; margin: -28px 0 48px; }
	.steps__list {
		position: relative;
		display: block;
		min-height: 433px;
	}
	.steps .title-section--sm {
		font-family: 'Stampatello Faceto', 'URW Gothic L', cursive;
		font-weight: 400;
		font-size: 32px;
		line-height: 90%;
		text-align: center;
		margin-bottom: 20px;
	}
	.steps__sub {
		font-family: var(--involve);
		font-weight: 400;
		font-size: 22px;
		line-height: 120%;
		text-align: center;
		margin: 0 0 48px;
	}
	.steps__item {
		position: absolute;
		top: 82px;
		width: 365px;
		height: auto;
		min-height: 216px;
		max-width: none;
		padding: 20px;
		border: 1px solid var(--red);
		border-radius: 20px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 12px;
	}
	.steps__item:nth-child(1) { left: 0; }
	.steps__item:nth-child(3) { left: 385px; }
	.steps__item:nth-child(5) { left: 770px; }
	.steps__item:nth-child(7) { left: 1155px; }
	.steps__icon {
		width: 70px;
		height: 70px;
		margin: 0;
		object-fit: contain;
	}
	.steps__item h3 {
		margin: 0;
		font-family: var(--involve);
		font-weight: 600;
		font-size: 22px;
		line-height: 90%;
		text-align: center;
	}
	.steps__item p {
		margin: 0;
		font-family: var(--involve);
		font-weight: 400;
		font-size: 18px;
		line-height: 120%;
		text-align: center;
		color: var(--black);
	}
	.steps__arrow {
		position: absolute;
		width: 145px;
		height: 145px;
		margin: 0;
		object-fit: contain;
	}
	.steps__arrow--1 { left: 304.79px; top: -5px; transform: rotate(1deg); }
	.steps__arrow--2 { left: 687.79px; top: 245px; transform: rotate(1deg); }
	.steps__arrow--3 { left: 1074.79px; top: -5px; transform: rotate(1deg); }

	.quiz { padding: 80px 0; background: #fff; }
	.quiz__wrap {
		position: relative;
		display: block;
		width: min(100% - 40px, 1520px);
		height: 669px;
		background: radial-gradient(117.84% 372.43% at 10.23% 60.74%, #fff9f0 0%, #fed563 100%);
		border-radius: 20px;
		overflow: hidden;
	}
	.quiz__intro { position: static; text-align: left; }
	.quiz__title {
		position: absolute;
		left: 420px;
		top: 60px;
		width: 680px;
		margin: 0;
		text-align: center;
		font-size: 42px;
		line-height: 90%;
	}
	.quiz__desc {
		position: absolute;
		left: 420px;
		top: 119px;
		width: 680px;
		margin: 0;
		text-align: center;
		font-family: var(--involve);
		font-size: 18px;
		line-height: 120%;
	}
	.quiz__badge {
		position: absolute;
		left: 45px;
		top: 60px;
		width: 178px;
		height: 43px;
		gap: 10px;
		padding: 2px 6px;
		border-radius: 20px;
		background: #fff;
		box-shadow: 0 4px 4px rgba(0,0,0,.05);
		margin: 0;
	}
	.quiz__badge img { width: 39px; height: 39px; }
	.quiz__aside {
		display: block;
		position: absolute;
		left: 159px;
		top: 143px;
		width: 176.24px;
		height: 49.11px;
		margin: 0;
		font-family: 'Stampatello Faceto', 'URW Gothic L', cursive;
		font-weight: 400;
		font-size: 22px;
		line-height: 120%;
		text-align: center;
		color: #ffcc00;
		transform: rotate(331deg);
		transform-origin: 50% 50%;
		animation: quizAsidePulse 3.2s ease-in-out infinite;
	}
	.quiz__aside-arrow {
		display: block;
		position: absolute;
		left: 250px;
		top: 170px;
		width: 105px;
		height: 105px;
		transform: rotate(63deg);
		z-index: 4;
	}
	.quiz__soft-burger {
		display: block;
		position: absolute;
		left: 55px;
		top: 235px;
		width: 400.5px;
		height: 400.5px;
		opacity: 1;
		transform: rotate(1deg);
		object-fit: contain;
		z-index: 1;
		pointer-events: none;
	}
	.quiz__side-burger {
		display: block;
		position: absolute;
		left: calc(50% - 760px + 1182px);
		top: 114.2px;
		width: 338px;
		height: 632.52px;
		object-fit: contain;
		z-index: 2;
	}
	.quiz__box {
		position: absolute;
		left: 385px;
		top: 179px;
		width: 750px;
		z-index: 3;
	}
	.quiz__card {
		width: 750px;
		height: 318px;
		padding: 30px 60px 78px;
		min-height: 0;
		box-shadow: 0 4px 4px rgba(58,37,15,.25);
	}
	.quiz__q {
		margin: 0 0 34px;
		font-family: var(--involve);
		font-weight: 600;
		font-size: 18px;
		line-height: 120%;
	}
	.quiz__grid2 {
		display: grid;
		grid-template-columns: 300px 300px;
		gap: 18px 30px;
	}
	.quiz__opt {
		width: 300px;
		height: 60px;
		padding: 20px;
		font-family: var(--involve);
		font-weight: 400;
		font-size: 18px;
		line-height: 120%;
	}
	.quiz__card:has(.quiz__step[data-step="3"].is-on) {
		height: 342px;
	}
	.quiz__step[data-step="3"] .quiz__q {
		margin-bottom: 18px;
	}
	.quiz__step[data-step="3"] .quiz__grid2 {
		grid-template-columns: repeat(2, 240px);
		gap: 10px 60px;
		justify-content: center;
	}
	.quiz__step[data-step="3"] .quiz__opt {
		width: 240px;
		height: 48px;
		padding: 12px 16px;
		font-size: 16px;
	}
	.quiz__step[data-step="3"] .quiz__opt--full {
		width: 240px;
		justify-self: center;
	}
	.quiz__card:has(.quiz__step[data-step="3"].is-on) .quiz__foot {
		top: 248px;
	}
	.quiz__form:has(.quiz__step[data-step="3"].is-on) .quiz__perks {
		top: 372px;
	}
	.quiz__foot {
		position: absolute;
		left: 60px;
		top: 246px;
		width: 630px;
		height: 50px;
		margin: 0;
		display: block;
	}
	.quiz__progress {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 200px;
		text-align: center;
		transform: translate(-50%, -50%);
	}
	.quiz__track { width: 200px; height: 8px; margin-bottom: 8px; }
	#quiz-label { font-size: 16px; }
	.quiz__next {
		position: absolute;
		right: 0;
		top: 0;
		width: 140px;
		height: 50px;
		min-width: 140px;
		padding: 20px;
		gap: 4px;
		border-radius: 30px;
	}
	.quiz__back {
		position: absolute;
		left: 0;
		top: 0;
		width: 140px;
		height: 50px;
		min-width: 140px;
		padding: 20px;
		gap: 4px;
		border-radius: 30px;
	}
	.quiz__back img {
		width: 41px;
		height: 22px;
		opacity: .9;
		transform: rotate(180deg);
	}
	.quiz__next img { width: 41px; height: 22px; opacity: .9; }
	.quiz__peek { display: none; }
	.quiz__perks {
		position: absolute;
		left: 0;
		top: 348px;
		width: 750px;
		height: 112px;
		margin: 0;
		border-radius: 20px;
		padding: 18px 55px;
		gap: 0;
	}
	.quiz__perks-track {
		display: grid;
		grid-template-columns: repeat(4,1fr);
		gap: 0;
		width: 100%;
		height: 100%;
	}
	.quiz__perks-track > div { display: flex; flex-direction: column; align-items: center; justify-content: center; }
	.quiz__perks-track > div:not(:last-child)::after { right: 0; }
	.quiz__perks img { width: 34px; height: 34px; margin: 0 0 6px; }

	.footer__mob { display: none; }
	.footer__bar {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1.2fr;
		gap: 32px; align-items: start;
	}
}

@media (max-width: 1199px) {
	.wrap { width: min(100% - 40px, 330px); }

	.privacy-hero {
		padding: 100px 0 36px;
		border-radius: 0 0 20px 20px;
	}
	.privacy-hero__wrap {
		width: min(100% - 40px, 330px);
	}
	.privacy-hero__eyebrow {
		min-height: 38px;
		margin-bottom: 14px;
		padding: 7px 14px;
		font-size: 14px;
	}
	.privacy-hero h1 {
		margin-bottom: 14px;
		font-size: 32px;
		line-height: 110%;
	}
	.privacy-hero p:not(.privacy-hero__eyebrow) {
		font-size: 16px;
		line-height: 120%;
	}
	.privacy-content {
		padding: 32px 0 56px;
	}
	.privacy-content__wrap {
		width: min(100% - 40px, 330px);
	}
	.privacy-card {
		padding: 24px 20px;
		border-radius: 20px;
	}
	.privacy-card h2 {
		margin: 26px 0 10px;
		font-size: 22px;
		line-height: 110%;
	}
	.privacy-card p,
	.privacy-card li {
		font-size: 15px;
		line-height: 145%;
	}
	.privacy-card ul {
		padding-left: 18px;
	}

	.header {
		top: 17px;
	}
	.header__wrap {
		display: flex;
		justify-content: space-between;
		align-items: center;
		min-height: 52px;
		gap: 0;
		padding: 0;
	}
	.header__nav, .header__right { display: none; }
	.header__mob { display: flex; align-items: center; gap: 18px; }
	.header__mob img { width: 52px; height: 52px; object-fit: contain; }
	.header .logo {
		font-family: 'Stampatello Faceto', 'URW Gothic L', cursive;
		font-weight: 400;
		font-size: 32px;
		line-height: .9;
	}
	.header.is-scrolled { top: 8px; }
	.header.is-scrolled .header__wrap {
		padding: 6px 10px;
		background: rgba(255, 247, 224, .72);
	}

	.hero {
		height: 667px;
		min-height: 667px;
		padding: 0;
	}
	.hero__photo {
		inset: 0;
		width: 100%;
		height: 667px;
		opacity: .4;
		background-size: cover;
		background-position: center;
	}
	.hero__layout {
		width: min(100%, 370px);
		height: 667px;
		position: relative;
	}
	.hero__left {
		position: static;
		max-width: none;
	}
	.hero__sticker-wrap,
	.hero__note {
		display: none;
	}
	.hero__title {
		position: absolute;
		left: 20px;
		top: 91px;
		width: 330px;
		margin: 0;
		font-family: var(--involve);
		font-weight: 700;
		font-size: 42px;
		line-height: 100%;
		letter-spacing: 0;
	}
	.hero__title-line { display: block; }
	.hero__title-line:not(:first-child)::before { content: none; }
	.hero__text {
		position: absolute;
		left: 20px;
		top: 241px;
		width: 330px;
		margin: 0;
		font-size: 18px;
		line-height: 130%;
		opacity: .8;
	}
	.hero__cta {
		position: absolute;
		left: 20px;
		top: 363px;
		width: 330px;
		height: 64px;
		padding: 15px 24px;
		border-radius: 30px;
		font-size: 22px;
		z-index: 6;
	}
	.hero__right {
		position: absolute;
		inset: 0;
		margin: 0;
	}
	.hero__scene {
		position: static;
		width: 370px;
		height: 667px;
		max-width: none;
		margin: 0;
	}
	.hero__burger {
		display: none;
	}
	.hero__burger-mob {
		display: block;
		position: absolute;
		left: 150px;
		top: 437px;
		width: 270px;
		height: 230px;
		object-fit: contain;
		z-index: 3;
	}
	.hero__card--1 { left: 20px; top: 617px; width: 106px; height: 50px; }
	.hero__card--2 { left: 20px; top: 501px; width: 125px; height: 50px; }
	.hero__card--3 { left: 20px; top: 443px; width: 98px; height: 50px; }
	.hero__card--4 { left: 20px; top: 559px; width: 149px; height: 50px; }

	.vac {
		padding: 70px 0 0;
	}
	.vac .wrap {
		width: 100%;
	}
	.vac .title-section {
		margin: 0 0 16px 20px;
		font-family: 'Stampatello Faceto', 'URW Gothic L', cursive;
		font-weight: 400;
		font-size: 22px;
		line-height: 90%;
	}
	.vac__grid {
		align-items: center;
		gap: 32px;
	}
	.vac-card {
		position: relative;
		width: 370px;
		height: 960px;
		padding: 0;
		border-radius: 20px;
	}
	.vac-card__top {
		position: static;
		min-height: 0;
		margin: 0;
	}
	.vac-card__name {
		position: absolute;
		left: 20px;
		top: 20px;
		z-index: 2;
		font-size: min(var(--title-size, 42px), 42px);
		line-height: 80%;
	}
	.vac-card__image {
		position: absolute;
		right: auto;
		z-index: 1;
	}
	.vac-card__image--cook {
		left: 194px;
		top: 0;
		width: 176px;
		height: 160px;
	}
	.vac-card__image--cashier {
		left: 202px;
		top: 46px;
		width: 168px;
		height: 138.06744384765625px;
	}
	.vac-card__label {
		position: absolute;
		left: 20px;
		top: 70px;
		margin: 0;
		font-size: 18px;
	}
	.vac-card__sum {
		position: absolute;
		left: 20px;
		top: 94px;
		margin: 0;
		font-size: 28px;
		line-height: 120%;
	}
	.vac-card__period {
		position: absolute;
		left: 20px;
		top: 130px;
		margin: 0;
		font-size: 18px;
	}
	.vac-card__stats {
		position: absolute;
		left: 20px;
		top: 172px;
		width: 330px;
		height: 121px;
		margin: 0;
		padding: 16px 8px;
		gap: 0;
	}
	.vac-card__panel {
		position: absolute;
		left: 20px;
		top: 315px;
		width: 330px;
		height: auto;
		display: flex;
		flex-direction: column;
		gap: 16px;
		background: transparent;
		padding: 0;
		margin: 0;
	}
	.vac-card__panel > div {
		min-height: 181px;
		padding: 30px 40px;
		background: #fff;
		border-radius: 20px;
	}
	.vac-card__panel h4 {
		margin: 0 0 18px;
		text-align: center;
	}
	.vac-card__panel li {
		margin-bottom: 10px;
		font-size: 14px;
	}
	.vac-card__divider {
		display: none;
	}
	.vac-card__meta {
		position: absolute;
		left: 30px;
		top: 760px;
		display: flex;
		flex-direction: column;
		gap: 18px;
		margin: 0;
	}
	.vac-card__meta > div {
		display: grid;
		grid-template-columns: 34px 1fr;
		align-items: center;
		gap: 12px;
		width: 310px;
	}
	.vac-card__meta > div > img {
		width: 34px;
		height: 34px;
		object-fit: contain;
		flex: none;
	}
	.vac-card__meta strong,
	.vac-card__meta span {
		line-height: 100%;
	}
	.vac-card__meta span {
		display: block;
		margin-top: 4px;
	}
	.vac-card__btn {
		position: absolute;
		left: 20px;
		bottom: 26px;
		width: 330px;
		height: 58px;
	}

	.quiz {
		padding: 48px 0;
		background: #fff;
		overflow: hidden;
	}
	.quiz__wrap {
		position: relative;
		width: min(100%, 370px);
		height: 769px;
		border-radius: 20px;
		background: radial-gradient(117.84% 372.35% at 10.23% 60.69%, #fff9f0 0%, #fed563 100%);
		overflow: hidden;
	}
	.quiz__badge,
	.quiz__aside,
	.quiz__aside-arrow,
	.quiz__soft-burger,
	.quiz__side-burger {
		display: none;
	}
	.quiz__mobile-burger {
		display: block;
		position: absolute;
		left: 256px;
		top: 410px;
		width: 114px;
		height: 213.336px;
		object-fit: contain;
		z-index: 5;
		pointer-events: none;
	}
	.quiz__intro {
		position: static;
		text-align: center;
	}
	.quiz__title {
		position: absolute;
		left: 20px;
		top: 28px;
		width: 330px;
		margin: 0;
		font-family: var(--involve);
		font-weight: 700;
		font-size: 32px;
		line-height: 110%;
		text-align: center;
	}
	.quiz__desc {
		position: absolute;
		left: 40px;
		top: 119px;
		width: 290px;
		margin: 0;
		font-family: var(--involve);
		font-weight: 400;
		font-size: 16px;
		line-height: 120%;
		text-align: center;
	}
	.quiz__box {
		position: absolute;
		left: 20px;
		top: 164px;
		width: 330px;
		z-index: 4;
	}
	.quiz__card {
		position: relative;
		width: 330px;
		height: 385px;
		min-height: 0;
		padding: 28px 15px 20px;
		border-radius: 20px;
		box-shadow: 0 4px 4px rgba(58,37,15,.25);
	}
	.quiz__q {
		margin: 0 0 22px;
		font-family: var(--involve);
		font-weight: 600;
		font-size: 20px;
		line-height: 120%;
		text-align: center;
	}
	.quiz__grid2 {
		display: grid;
		grid-template-columns: repeat(2, 135px);
		gap: 16px 30px;
		justify-content: center;
	}
	.quiz__opt {
		width: 135px;
		height: 60px;
		gap: 6px;
		padding: 20px;
		border-width: 1px;
		border-radius: 20px;
		font-family: var(--involve);
		font-size: 16px;
		line-height: 120%;
		box-shadow: 0 1px 1px rgba(0,0,0,.25);
	}
	.quiz__opt--long {
		padding: 12px 10px;
		font-size: 13px;
		line-height: 110%;
	}
	.quiz__opt--xlong {
		padding: 10px 8px;
		font-size: 12px;
		line-height: 110%;
	}
	.quiz__opt--full {
		width: 100%;
		max-width: 300px;
		justify-self: center;
	}
	.quiz__step[data-step="3"] .quiz__grid2 {
		grid-template-columns: repeat(2, 118px);
		gap: 10px 14px;
		justify-content: center;
	}
	.quiz__step[data-step="3"] .quiz__opt {
		width: 118px;
		height: 48px;
		padding: 12px 10px;
		font-size: 14px;
	}
	.quiz__step[data-step="3"] .quiz__opt--full {
		width: 250px;
		max-width: 100%;
	}
	.quiz__card:has(.quiz__step[data-step="3"].is-on) {
		height: 400px;
	}
	.quiz__card:has(.quiz__step[data-step="3"].is-on) .quiz__foot {
		top: 262px;
	}
	.quiz__input {
		height: 60px;
		margin-bottom: 16px;
		padding: 16px 20px;
	}
	.quiz__step[data-step="5"] .quiz__q {
		margin-bottom: 12px;
		font-size: 18px;
	}
	.quiz__step[data-step="5"] .quiz__input {
		height: 52px;
		margin-bottom: 8px;
		padding: 14px 18px;
		font-size: 16px;
	}
	.quiz__step[data-step="5"] .quiz__policy {
		width: 268px;
		margin: 0 auto;
		font-size: 10px;
		line-height: 120%;
	}
	.quiz__foot {
		position: absolute;
		left: 59px;
		top: 250px;
		width: 212px;
		height: 114px;
		display: block;
		margin: 0;
	}
	.quiz__progress {
		position: absolute;
		left: 0;
		top: 0;
		width: 212px;
		margin: 0 auto;
		text-align: center;
	}
	.quiz__track {
		width: 212px;
		height: 8px;
		margin: 0 0 8px;
	}
	#quiz-label {
		display: block;
		font-family: var(--involve);
		font-size: 16px;
		line-height: 120%;
	}
	.quiz__back,
	.quiz__next {
		position: absolute;
		top: 64px;
		width: 64px;
		height: 50px;
		min-width: 64px;
		padding: 14px 12px;
		gap: 0;
		border-radius: 30px;
		font-family: var(--jost);
		font-size: 16px;
	}
	.quiz__btn-text { display: none; }
	.quiz__back { left: 36px; }
	.quiz__next { right: 36px; }
	.quiz__foot.is-first .quiz__next { left: 74px; right: auto; }
	.quiz__back img,
	.quiz__next img {
		width: 41px;
		height: 22px;
		opacity: .9;
	}
	.quiz__back img { transform: rotate(180deg); }
	.quiz__perks {
		position: absolute;
		left: 0;
		top: 463px;
		width: 330px;
		height: 112px;
		margin: 0;
		display: block;
		padding: 0;
		border-radius: 20px;
		background: #fff;
		overflow-x: auto;
		overflow-y: hidden;
		font-family: var(--involve);
		font-size: 14px;
		line-height: 120%;
		text-align: center;
		z-index: 3;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		touch-action: pan-x;
	}
	.quiz__perks::-webkit-scrollbar { display: none; }
	.quiz__perks-track {
		display: flex;
		width: 660px;
		height: 112px;
		background: #fff;
		border-radius: 20px;
		animation: quizPerksSlide 9s ease-in-out infinite;
	}
	.quiz__perks:hover .quiz__perks-track,
	.quiz__perks:active .quiz__perks-track {
		animation-play-state: paused;
	}
	.quiz__perks-track > div {
		flex: 0 0 165px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		position: relative;
		scroll-snap-align: start;
	}
	.quiz__perks-track > div:not(:last-child)::after {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		width: 1px;
		height: 66px;
		background: #F5E6CA;
		transform: translateY(-50%);
	}
	.quiz__perks img {
		width: 34px;
		height: 34px;
		margin: 0 0 6px;
	}

	.steps {
		padding: 72px 0 48px;
	}
	.steps .title-section--sm {
		margin: 0 0 12px;
		font-family: 'Stampatello Faceto', 'URW Gothic L', cursive;
		font-weight: 400;
		font-size: 22px;
		line-height: 90%;
		letter-spacing: 0;
		text-align: left;
	}
	.steps__sub {
		margin: 0 0 12px;
		font-family: var(--involve);
		font-weight: 400;
		font-size: 16px;
		line-height: 120%;
		letter-spacing: 0;
		text-align: left;
	}
	.steps__list {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0;
		width: 330px;
		height: auto;
		margin: 0 auto;
	}
	.steps__item {
		position: relative;
		left: 0;
		width: 330px;
		height: auto;
		min-height: 216px;
		max-width: none;
		padding: 20px;
		border: 1px solid var(--red);
		border-radius: 20px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 12px;
	}
	.steps__item:nth-child(1),
	.steps__item:nth-child(3),
	.steps__item:nth-child(5),
	.steps__item:nth-child(7) { top: auto; }
	.steps__icon {
		width: 70px;
		height: 70px;
		margin: 0;
		object-fit: contain;
	}
	.steps__item h3 {
		margin: 0;
		font-family: var(--involve);
		font-weight: 600;
		font-size: 22px;
		line-height: 90%;
		text-align: center;
	}
	.steps__item p {
		margin: 0;
		font-family: var(--involve);
		font-weight: 400;
		font-size: 18px;
		line-height: 120%;
		text-align: center;
		color: var(--black);
	}
	.steps__arrow {
		position: static;
		width: 82px;
		height: 82px;
		margin: 8px 0;
		object-fit: contain;
		z-index: 2;
		transform: rotate(90deg);
	}
	.steps__arrow--1,
	.steps__arrow--2,
	.steps__arrow--3 { left: auto; top: auto; }
}

@keyframes float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-10px); }
}
