/* ============================================================
   PP ROLLED — Дилерский лендинг
   Вёрстка по макету Figma «PP Rolled / Landing Dealer»
   Модуль: страница 1240 x 1754 (пропорция A4), все размеры
   заданы в единицах макета через --u (1 ед. = 1/1240 ширины).
   ============================================================ */

/* ---------- Токены ---------- */
:root {
	--blue: #0189ff;
	--gray: #787878;
	/* подписи под цифрами */
	--dim: #414141;
	/* нумерация (1), даты отзывов */
	--font-body: 'Inter', 'Helvetica Neue', Arial, sans-serif;
	--font-display: 'Roboto Condensed', 'Helvetica Neue', Arial, sans-serif;
	/* компенсация полуинтерлиньяжа: верх блока = верх прописной буквы */
	--trim: calc(0.363em - 0.5lh);
}

@supports not (margin-top:1lh) {
	:root {
		--trim: 0px
	}
}

/* ---------- База ---------- */
*,
*::before,
*::after {
	box-sizing: border-box
}

html {
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0;
	background: #0d0d0d;
	color: #000;
	font-family: var(--font-body);
	font-synthesis-weight: none;
}

img {
	display: block;
	max-width: 100%
}

ul,
ol,
dl,
dd {
	margin: 0;
	padding: 0;
	list-style: none
}

h1,
h2,
h3,
p,
dt {
	margin: 0;
	font-weight: inherit;
	font-size: inherit
}

b {
	font-weight: 700
}

a {
	color: inherit;
	text-decoration: none
}

a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: .15em
}

/* ---------- Страница ---------- */
.deck {
	width: 100%
}

.page {
	position: relative;
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	aspect-ratio: 1240/1754;
	overflow: hidden;
	background: #fff;
	color: #000;
	container-type: inline-size;
}

.page--dark {
	background: #000;
	color: #fff
}

.page--blue {
	background: #fff;
	color: var(--blue)
}

.page__in {
	position: absolute;
	inset: 0;
	--u: calc(100cqw / 1240);
	text-transform: uppercase;
}

@supports not (container-type:inline-size) {
	.page__in {
		--u: calc(min(100vw, 1240px) / 1240)
	}
}

.page__in>* {
	position: absolute
}

.bg {
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

/* компенсация верхнего полуинтерлиньяжа */
.t {
	margin-top: var(--trim)
}

/* ---------- Типографика ---------- */
.ty-hero {
	font-family: var(--font-display);
	font-weight: 900;
	font-size: calc(594*var(--u));
	line-height: 1;
	width: max-content;
	transform: scaleX(var(--sx, .63));
	transform-origin: left center;
}

.ty-display {
	font-family: var(--font-display);
	font-weight: 900;
	font-size: calc(203*var(--u));
	line-height: calc(184.5*var(--u));
	width: max-content;
	transform: scaleX(var(--sx, .68));
	transform-origin: left center;
}

.ty-h1 {
	font-weight: 700;
	font-size: calc(113.5*var(--u));
	line-height: calc(110*var(--u));
	letter-spacing: -.005em
}

.ty-h2 {
	font-weight: 700;
	font-size: calc(64*var(--u));
	line-height: calc(69.5*var(--u))
}

.ty-lead {
	font-weight: 700;
	font-size: calc(51.5*var(--u));
	line-height: calc(47.5*var(--u))
}

.ty-m {
	font-weight: 500;
	font-size: calc(33*var(--u));
	line-height: calc(35*var(--u));
	letter-spacing: -.008em
}

.ty-s {
	font-weight: 500;
	font-size: calc(25*var(--u));
	line-height: calc(26.5*var(--u));
	letter-spacing: -.008em
}

.ty-h1 i,
.ty-h2 i,
.ty-m i {
	font-style: italic
}

/* строки, где переносы заданы макетом через <br> */
.numlist__i,
.s8__list li,
.cell,
.fact,
.step__t,
.step__d,
.how__t,
.how__lead,
.s1__note,
.s2__note,
.s6__note,
.s7__sub,
.rev__name,
.rev__date,
.stat__val,
.stat__cap {
	white-space: nowrap
}

/* ---------- Общие элементы ---------- */
.grid2 {
	display: grid;
	grid-template-columns: repeat(2, calc(545*var(--u)));
	column-gap: calc(50*var(--u));
}

.mark {
	right: calc(50*var(--u));
	bottom: calc(50*var(--u));
	width: calc(25*var(--u));
	height: calc(25*var(--u));
	background: currentColor;
}

/* нумерованный список «(1)» */
.numlist {
	counter-reset: n
}

.numlist__i {
	position: relative;
	padding-left: calc(49.5*var(--u))
}

.numlist__i+.numlist__i {
	margin-top: calc(50*var(--u))
}

.numlist__i::before {
	counter-increment: n;
	content: "(" counter(n) ")";
	position: absolute;
	left: 0;
	top: 0;
	font-size: calc(25*var(--u));
	line-height: calc(35*var(--u));
	font-style: italic;
	font-weight: 500;
	color: var(--dim);
}

.page:not(.page--dark) .numlist__i::before {
	color: var(--gray)
}

/* ============================================================
   1 — обложка
   ============================================================ */
.s1__title {
	top: calc(50*var(--u));
	left: calc(50*var(--u));
	z-index: 1;
	color: #fff
}

.s1__sub {
	top: calc(495.5*var(--u));
	right: calc(50*var(--u));
	z-index: 1;
	color: #fff;
	text-align: right
}

.s1__girl {
	z-index: 2
}

.s1__note {
	top: calc(1525*var(--u));
	left: calc(50*var(--u));
	z-index: 3;
	color: #fff
}

.s1__logo {
	right: calc(50*var(--u));
	bottom: calc(50*var(--u));
	width: calc(65*var(--u));
	z-index: 3;
	height: auto
}

/* ============================================================
   2 — титул
   ============================================================ */
.s2__title {
	top: calc(50*var(--u));
	left: calc(50*var(--u))
}

.s2__sub {
	top: calc(495.5*var(--u));
	right: calc(50*var(--u));
	text-align: right
}

.s2__note {
	top: calc(1525*var(--u));
	left: calc(50*var(--u))
}

.s2__logo {
	right: calc(50*var(--u));
	bottom: calc(50*var(--u));
	width: calc(65*var(--u));
	height: auto
}

/* ============================================================
   3 / 20 — разделитель
   ============================================================ */
.s3__logo {
	top: calc(755.5*var(--u));
	left: 50%;
	transform: translateX(-50%);
	width: calc(306.5*var(--u));
	height: auto
}

.s3__close {
	top: calc(864.5*var(--u));
	left: 50%;
	transform: translateX(-50%);
	width: calc(46.5*var(--u));
	height: auto
}

.s3__word {
	top: calc(967.5*var(--u));
	left: 0;
	width: 100%;
	text-align: center;
	font-weight: 700;
	font-size: calc(42.5*var(--u));
	line-height: calc(48*var(--u));
	letter-spacing: -.01em;
}

/* ============================================================
   4 — цифры
   ============================================================ */
.s4__map {
	right: 0;
	top: 0;
	width: calc(1019*var(--u));
	height: 100%;
	object-fit: cover;
	object-position: left center
}

.s4__stats {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.s4 .stat {
	position: absolute;
	left: calc(50*var(--u));
	height: calc(168.5*var(--u));
	padding-left: calc(25*var(--u));
	border-left: 1px solid rgba(255, 255, 255, .55);
}

.s4 .stat:nth-child(1) {
	top: calc(50*var(--u))
}

.s4 .stat:nth-child(2) {
	top: calc(268.5*var(--u))
}

.s4 .stat:nth-child(3) {
	top: calc(487*var(--u))
}

.s4 .stat:nth-child(4) {
	top: calc(705.5*var(--u))
}

.s4 .stat:nth-child(5) {
	top: calc(924*var(--u))
}

.s4 .stat:nth-child(6) {
	top: calc(1142.5*var(--u))
}

.stat__val {
	position: absolute;
	left: calc(25*var(--u));
	top: calc(32*var(--u));
	font-weight: 500;
	font-size: calc(62.5*var(--u));
	line-height: calc(66*var(--u));
	white-space: nowrap;
}

.stat__cap {
	position: absolute;
	left: calc(25*var(--u));
	top: calc(111.5*var(--u));
	font-weight: 500;
	font-size: calc(33*var(--u));
	line-height: calc(35*var(--u));
	color: var(--gray);
	white-space: nowrap;
}

/* ============================================================
   5 / 6 — каталог
   ============================================================ */
.s5__title {
	top: calc(48*var(--u));
	left: calc(50*var(--u))
}

.s5__grid {
	top: calc(747.5*var(--u));
	left: calc(50*var(--u));
	row-gap: calc(59.7*var(--u))
}

.s6__grid {
	top: calc(49.5*var(--u));
	left: calc(50*var(--u));
	row-gap: calc(59.7*var(--u))
}

.cat {
	display: flow-root
}

.cat--offset {
	grid-column: 2
}

.cat__cap {
	font-weight: 500;
	font-size: calc(25*var(--u));
	line-height: calc(26.5*var(--u));
	margin-top: var(--trim);
}

.cat__img {
	margin-top: calc(6*var(--u));
	width: 100%;
	height: calc(421*var(--u));
	object-fit: cover;
}

.s6__note {
	top: calc(1566.5*var(--u));
	left: calc(50*var(--u))
}

/* ============================================================
   7 — рынок
   ============================================================ */
.s7__title {
	top: calc(48*var(--u));
	left: calc(50*var(--u))
}

.s7__list--a {
	top: calc(529.5*var(--u));
	left: calc(50*var(--u));
	width: calc(560*var(--u))
}

.s7__list--b {
	top: calc(754.5*var(--u));
	left: calc(645*var(--u));
	width: calc(545*var(--u));
	counter-reset: n 2
}

.s7__sub {
	top: calc(1241.5*var(--u));
	left: calc(50*var(--u));
	line-height: calc(66*var(--u))
}

.s7__list--c {
	top: calc(1421.5*var(--u));
	left: calc(50*var(--u));
	width: calc(560*var(--u))
}

.s7__list--c .numlist__i+.numlist__i {
	margin-top: calc(25*var(--u))
}

/* ============================================================
   8 — доверие
   ============================================================ */
.s8__list--a {
	top: calc(52.5*var(--u));
	left: calc(50*var(--u));
	width: calc(640*var(--u))
}

.s8__list--b {
	top: calc(537.5*var(--u));
	left: calc(645*var(--u));
	width: calc(560*var(--u))
}

.s8__list li+li {
	margin-top: calc(35*var(--u))
}

.s8__pic {
	top: calc(942.5*var(--u));
	left: calc(90*var(--u));
	width: calc(1150*var(--u));
	height: auto
}

/* ============================================================
   9 — условия
   ============================================================ */
.s9__title {
	top: calc(54*var(--u));
	left: calc(50*var(--u))
}

.s9__table {
	top: calc(994*var(--u));
	left: calc(50*var(--u));
	width: calc(1140*var(--u))
}

.cell {
	border-top: 1px solid currentColor;
	padding-top: calc(15*var(--u));
	padding-bottom: calc(47.5*var(--u));
}

/* ============================================================
   10 / 21 — «наш товар — ваша прибыль»
   ============================================================ */
.s10__eyebrow {
	top: calc(52.5*var(--u));
	right: calc(50*var(--u));
	text-align: right
}

.mega {
	left: calc(50*var(--u));
	width: calc(1140*var(--u))
}

.mega--top {
	top: calc(50*var(--u))
}

.mega--bottom {
	top: calc(1116*var(--u))
}

.mega__l {
	display: block;
	width: max-content;
	font-family: var(--font-display);
	font-weight: 900;
	font-size: calc(354*var(--u));
	line-height: calc(327.5*var(--u));
	transform: scaleX(var(--sx, .74));
	transform-origin: left center;
	white-space: nowrap;
}

.mega--bottom .mega__l {
	line-height: calc(330.5*var(--u))
}

.mega__l:first-child {
	margin-top: var(--trim)
}

.mega__l--right {
	width: 100%;
	text-align: right;
	transform-origin: right center
}

/* длинное тире набирается в макете шире, чем даёт сжатие строки */
.mega__dash {
	display: inline-block;
	transform: scaleX(calc(.8 / var(--sx, .74)));
	transform-origin: left center
}

.s21__logo {
	top: calc(50*var(--u));
	right: calc(50*var(--u));
	width: calc(285*var(--u));
	height: auto
}

/* ============================================================
   11 — схема заработка
   ============================================================ */
.s11__title {
	top: calc(55.5*var(--u));
	left: calc(50*var(--u))
}

.s11__steps {
	counter-reset: n;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.step {
	position: absolute;
	padding-left: calc(48.5*var(--u));
	width: calc(560*var(--u));
}

.step::before {
	counter-increment: n;
	content: "(" counter(n) ")";
	position: absolute;
	left: 0;
	top: 0;
	font-size: calc(25*var(--u));
	line-height: calc(35*var(--u));
	font-style: italic;
	font-weight: 500;
	color: var(--dim);
}

.step__d {
	font-weight: 500;
	font-size: calc(25*var(--u));
	line-height: calc(26.5*var(--u));
	margin-top: calc(17*var(--u) + var(--trim));
}

.step--1 {
	left: calc(50*var(--u));
	top: calc(633.5*var(--u))
}

.step--2 {
	left: calc(50*var(--u));
	top: calc(783.5*var(--u))
}

.step--3 {
	left: calc(50*var(--u));
	top: calc(934*var(--u))
}

.step--4 {
	left: calc(646*var(--u));
	top: calc(1084.5*var(--u))
}

.step--5 {
	left: calc(646*var(--u));
	top: calc(1270*var(--u))
}

.step--6 {
	left: calc(50*var(--u));
	top: calc(1420.5*var(--u))
}

.step--7 {
	left: calc(50*var(--u));
	top: calc(1571*var(--u))
}

/* ============================================================
   12 — фото
   ============================================================ */
.s12__logo {
	top: calc(50*var(--u));
	right: calc(50*var(--u));
	width: calc(65*var(--u));
	height: auto;
	opacity: .2
}

/* ============================================================
   14 — рынок в цифрах
   ============================================================ */
.s14__facts {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.fact {
	position: absolute;
	width: calc(620*var(--u))
}

.fact--1 {
	left: calc(50*var(--u));
	top: calc(52.5*var(--u))
}

.fact--2 {
	left: calc(645*var(--u));
	top: calc(317.5*var(--u))
}

.fact--3 {
	left: calc(248*var(--u));
	top: calc(582.5*var(--u))
}

.fact--4 {
	left: calc(645*var(--u));
	top: calc(847.5*var(--u))
}

.s14__pic {
	left: calc(142*var(--u));
	top: calc(1195.5*var(--u));
	width: calc(894.7*var(--u));
	max-width: none;
	height: auto
}

/* ============================================================
   16 — как начать
   ============================================================ */
.s16__title {
	top: calc(48*var(--u));
	left: calc(50*var(--u))
}

.s16__steps {
	counter-reset: n;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.how {
	position: absolute;
	width: calc(660*var(--u))
}

.how::before {
	counter-increment: n;
	content: "(" counter(n) ")";
	position: absolute;
	left: 0;
	top: calc(14*var(--u));
	font-size: calc(25*var(--u));
	line-height: calc(35*var(--u));
	font-style: italic;
	font-weight: 500;
	color: var(--dim);
}

.how__list {
	margin-top: calc(14.3*var(--u))
}

.how__list li {
	font-weight: 500
}

.how--1 {
	left: calc(50*var(--u));
	top: calc(352.5*var(--u));
	padding-left: calc(61.5*var(--u))
}

.how--2 {
	left: calc(447.5*var(--u));
	top: calc(563.5*var(--u));
	padding-left: calc(56*var(--u))
}

.how--3 {
	left: calc(447.5*var(--u));
	top: calc(1040.5*var(--u));
	padding-left: calc(56*var(--u))
}

.how--4 {
	left: calc(50*var(--u));
	top: calc(1351.5*var(--u));
	padding-left: calc(61.5*var(--u))
}

.how--5 {
	left: calc(451.5*var(--u));
	top: calc(1571*var(--u));
	padding-left: calc(60.5*var(--u))
}

.how__lead {
	margin-top: calc(17.3*var(--u) + var(--trim))
}

.how--3 .how__list {
	margin-top: calc(5*var(--u))
}

/* ============================================================
   17 — QR
   ============================================================ */
.s17__title {
	top: calc(53.5*var(--u));
	left: calc(50*var(--u))
}

.s17__hint {
	top: calc(1032.5*var(--u));
	left: calc(645*var(--u));
	font-weight: 500;
	font-size: calc(30*var(--u));
	line-height: calc(34*var(--u));
}

.s17__qr {
	top: calc(1137*var(--u));
	left: calc(645*var(--u));
	width: calc(346.5*var(--u))
}

.s17__qr img {
	width: 100%;
	height: auto
}

.s17__url {
	top: calc(1671.5*var(--u));
	left: calc(647*var(--u));
	font-weight: 500;
	font-size: calc(30*var(--u));
	line-height: calc(34*var(--u));
	color: var(--gray);
}

/* ============================================================
   18 — отзывы
   ============================================================ */
.s18__title {
	top: calc(53.5*var(--u));
	left: calc(50*var(--u))
}

.s18__grid {
	top: calc(252.5*var(--u));
	left: calc(50*var(--u));
	width: calc(1140*var(--u));
	grid-auto-rows: minmax(calc(424*var(--u)), auto);
}

.rev__name {
	font-weight: 700
}

.rev__date {
	color: var(--dim);
	margin-top: calc(10.8*var(--u) + var(--trim))
}

.rev__text {
	margin-top: calc(24*var(--u) + var(--trim))
}

.s18__all {
	top: calc(1670*var(--u));
	left: calc(645*var(--u))
}

.s18__all:hover {
	opacity: .6
}

.s18__qr {
	right: calc(50*var(--u));
	bottom: calc(50*var(--u));
	width: calc(140*var(--u));
	height: auto
}

/* ============================================================
   19 — контакты
   ============================================================ */
.s19__title {
	top: calc(54*var(--u));
	left: calc(50*var(--u))
}

.s19__label {
	left: calc(50*var(--u))
}

.s19__label--1 {
	top: calc(1032.5*var(--u))
}

.s19__label--2 {
	top: calc(1238.5*var(--u))
}

.s19__value {
	left: calc(50*var(--u));
	font-weight: 500;
	font-size: calc(68*var(--u));
	line-height: calc(72*var(--u));
}

.s19__value--1 {
	top: calc(1092*var(--u))
}

.s19__value--2 {
	top: calc(1294*var(--u))
}

.s19__value--3 {
	top: calc(1656*var(--u))
}

.s19__value a:hover {
	opacity: .6
}

.s19__role {
	top: calc(1494.5*var(--u));
	left: calc(50*var(--u))
}

.s19__name {
	top: calc(1585*var(--u));
	left: calc(50*var(--u));
	font-weight: 700;
	font-style: italic;
	font-size: calc(68*var(--u));
	line-height: calc(72*var(--u));
}

/* ============================================================
   Мобильная раскладка: страницы перестраиваются в поток
   ============================================================ */
@media (max-width:720px) {
	.page {
		aspect-ratio: auto
	}

	.page--photo {
		aspect-ratio: 1240/1754
	}

	.page__in {
		--u: calc(100cqw / 430);
		--trim: 0px;
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: calc(30*var(--u));
		padding: calc(34*var(--u));
	}

	.page--photo .page__in {
		padding: 0
	}

	.page__in>* {
		position: relative !important;
		inset: auto !important;
		width: auto !important;
		height: auto !important;
		max-width: 100%;
		transform: none !important;
		text-align: left !important;
	}

	.page__in>.bg {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important
	}

	.page__in * {
		white-space: normal !important
	}

	.mark {
		display: none
	}

	/* типографика */
	.ty-hero {
		font-size: calc(108*var(--u));
		line-height: .92
	}

	.ty-display {
		font-size: calc(58*var(--u));
		line-height: 1.02
	}

	.mega__l {
		font-size: calc(88*var(--u));
		line-height: 1;
		transform: none;
		width: auto;
		white-space: normal
	}

	.mega__dash {
		transform: none
	}

	.ty-h1 {
		font-size: calc(46*var(--u));
		line-height: 1.05
	}

	.ty-h2 {
		font-size: calc(30*var(--u));
		line-height: 1.15
	}

	.ty-lead {
		font-size: calc(24*var(--u));
		line-height: 1.2
	}

	.ty-m {
		font-size: calc(17*var(--u));
		line-height: 1.3
	}

	.ty-s {
		font-size: calc(15*var(--u));
		line-height: 1.35
	}

	/* сетки и списки */
	.grid2 {
		grid-template-columns: 1fr !important;
		row-gap: calc(26*var(--u)) !important;
		grid-auto-rows: auto !important
	}

	.cat__img {
		height: calc(200*var(--u))
	}

	.cell {
		padding-bottom: calc(16*var(--u))
	}

	.s4__stats,
	.s11__steps,
	.s16__steps,
	.s14__facts {
		display: flex;
		flex-direction: column;
		gap: calc(24*var(--u));
		width: 100% !important;
	}

	.stat,
	.step,
	.how,
	.fact {
		position: relative !important;
		inset: auto !important;
		width: 100% !important;
		height: auto !important;
	}

	.stat {
		padding: calc(4*var(--u)) 0 calc(4*var(--u)) calc(16*var(--u))
	}

	.stat__val,
	.stat__cap {
		position: relative !important;
		inset: auto !important;
		white-space: normal
	}

	.stat__val {
		font-size: calc(34*var(--u));
		line-height: 1.1
	}

	.stat__cap {
		font-size: calc(17*var(--u));
		line-height: 1.3;
		margin-top: calc(6*var(--u))
	}

	.step,
	.how {
		padding-left: calc(34*var(--u)) !important
	}

	.step__d,
	.how__list,
	.how__lead {
		margin-top: calc(8*var(--u))
	}

	.step__d {
		font-size: calc(15*var(--u));
		line-height: 1.35
	}

	.numlist__i {
		padding-left: calc(34*var(--u))
	}

	.numlist__i+.numlist__i,
	.s7__list--c .numlist__i+.numlist__i {
		margin-top: calc(18*var(--u))
	}

	.numlist__i::before,
	.step::before,
	.how::before {
		font-size: calc(14*var(--u));
		line-height: 1.3;
		top: calc(2*var(--u))
	}

	.s8__list li+li {
		margin-top: calc(18*var(--u))
	}

	/* картинки */
	.s4__map {
		position: absolute !important;
		right: 0 !important;
		top: 0 !important;
		width: auto !important;
		height: 100% !important;
		opacity: .45
	}

	.s8__pic,
	.s14__pic {
		width: 100% !important;
		max-width: 100%
	}

	.s17__qr,
	.s18__qr {
		width: calc(150*var(--u)) !important
	}

	.s1__logo,
	.s2__logo,
	.s12__logo,
	.s21__logo {
		width: calc(46*var(--u)) !important
	}

	.s3__logo {
		width: calc(190*var(--u)) !important
	}

	.s3__close {
		width: calc(30*var(--u)) !important
	}

	.s19__value,
	.s19__name {
		font-size: calc(30*var(--u));
		line-height: 1.15
	}

	.s17__hint,
	.s17__url {
		font-size: calc(16*var(--u));
		line-height: 1.3
	}

	.s3__word {
		font-size: calc(24*var(--u))
	}

	/* центрированные страницы-разделители */
	.s3 .page__in {
		align-items: center;
		justify-content: center;
		min-height: 70vh
	}

	.s3 .page__in>* {
		text-align: center !important
	}

	.s1 {
		aspect-ratio: auto
	}

	.s1 .page__in {
		min-height: calc(100cqw*1.5);
		padding: calc(34*var(--u));
		justify-content: flex-start
	}

	.s1__note {
		margin-top: auto
	}

	.s1__sub,
	.s2__sub {
		align-self: flex-start
	}

	.s1 .page__in> :not(.bg) {
		z-index: 3
	}
}

@media (prefers-reduced-motion:reduce) {
	* {
		animation: none !important;
		transition: none !important
	}
}

.deck {
	padding: 20px 20px;
}

.page {
	border-radius: 20px;
	max-width: 565px;
	margin-bottom: 20px;
}