:root {
	--white: #eef3ff;
	--white-muted: #8499c0;
	--accent: #2e7bff;
	--accent-soft: rgba(46, 123, 255, 0.14);
	--dark-blue: #08172f;
	--dark-blue-2: #0a1c39;
	--blue: #1d3a6b;
	--green: #9bc736;
	--yellow: #ffc107;
	--panel: rgba(255, 255, 255, 0.05);
	--panel-strong: rgba(255, 255, 255, 0.08);
	--line: rgba(255, 255, 255, 0.1);
	--line-soft: rgba(255, 255, 255, 0.05);
	--content: 1152px;
	--wide: 1280px;
	--text: 1000px;
}

* {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--dark-blue);
	color: var(--white);
	font-family: Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
}

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

.page {
	min-height: 100vh;
	background:
		radial-gradient(
			circle at 12% 2%,
			rgba(46, 123, 255, 0.18),
			transparent 30rem
		),
		radial-gradient(
			circle at 90% 18%,
			rgba(155, 199, 54, 0.09),
			transparent 24rem
		),
		var(--dark-blue);
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 50;
	border-bottom: 1px solid var(--line);
	background: rgba(8, 23, 47, 0.5);
	backdrop-filter: blur(24px);
}

.header.compact {
	position: fixed;
}

.header__inner {
	position: relative;
	display: flex;
	width: min(100%, var(--wide));
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin: 0 auto;
	padding: 12px 20px;
}

.logo {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-width: max-content;
}

.logo__mark {
	display: none;
}

.logo__mark img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.logo__text {
	display: inline;
	color: var(--white);
	font-size: 24px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.01em;
}

.logo__text span {
	color: var(--accent);
}

.logo__caption {
	display: none;
}

.nav {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-left: auto;
	flex-wrap: wrap;
}

.nav a {
	padding: 6px 0;
	color: var(--white);
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	transition:
		color 160ms ease,
		opacity 160ms ease;
}

.nav a:hover {
	color: var(--accent);
}

.button {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border: 0;
	border-radius: 999px;
	background: var(--accent);
	padding: 12px 20px;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	transition:
		background-color 160ms ease,
		transform 160ms ease;
}

.button:hover {
	background: rgba(46, 123, 255, 0.82);
	transform: translateY(-1px);
}

.button.secondary {
	background: rgba(255, 255, 255, 0.15);
	color: var(--white);
}

.button.secondary:hover {
	background: rgba(255, 255, 255, 0.1);
}

.hero {
	width: min(100%, var(--content));
	margin: 0 auto;
	padding: 96px 16px 40px;
}

.hero__panel {
	display: block;
}

.hero__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	min-height: 300px;
}

.eyebrow {
	align-self: flex-start;
	margin: 0 0 14px;
	border-radius: 999px;
	background: var(--accent-soft);
	padding: 6px 12px;
	color: var(--accent);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
}

h1,
h2,
h3,
p {
	margin-top: 0;
}

h1 {
	max-width: 780px;
	margin-bottom: 16px;
	color: var(--white);
	font-size: clamp(34px, 5vw, 58px);
	font-weight: 900;
	line-height: 1.08;
	letter-spacing: 0;
	overflow-wrap: anywhere;
}

.lead {
	max-width: 720px;
	margin-bottom: 26px;
	color: var(--white-muted);
	font-size: clamp(15px, 1.7vw, 17px);
	line-height: 1.55;
}

.hero__actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.section {
	width: min(100%, var(--content));
	margin: 0 auto;
	padding: 44px 16px;
}

.section__head {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 40px;
}

.section__head h2,
.doc-title {
	margin-bottom: 0;
	color: var(--white);
	font-size: clamp(28px, 4vw, 42px);
	font-weight: 900;
	line-height: 1.16;
}

.section__head p {
	max-width: 720px;
	margin-bottom: 0;
	color: var(--white-muted);
	font-size: 17px;
	line-height: 1.45;
}

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

.product {
	display: flex;
	height: 100%;
	flex-direction: column;
	gap: 0;
	border: 1px solid var(--line-soft);
	border-radius: 20px;
	background: var(--panel);
	padding: 20px;
}

.product__top {
	padding: 0 0 16px;
}

.product__id {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	border-radius: 999px;
	background: var(--accent-soft);
	padding: 6px 10px;
	color: var(--accent);
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
}

.product h3 {
	margin: 16px 0 10px;
	color: var(--white);
	font-size: 21px;
	font-weight: 900;
	line-height: 1.18;
	overflow-wrap: anywhere;
}

.product__desc {
	margin-bottom: 0;
	color: var(--white-muted);
	font-size: 14px;
	line-height: 1.45;
}

.price {
	display: flex;
	align-items: baseline;
	gap: 7px;
	margin-top: 15px;
}

.price strong {
	color: var(--white);
	font-size: 22px;
	font-weight: 900;
	line-height: 1;
}

.price span {
	color: var(--white-muted);
	font-size: 14px;
}

.tariffs {
	display: grid;
	gap: 9px;
	margin-top: 2px;
	padding: 0;
}

.tariff {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 12px;
	align-items: center;
	min-height: 56px;
	width: 100%;
	border: 1px solid var(--line-soft);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.04);
	padding: 11px 13px;
	color: inherit;
	font: inherit;
	text-align: left;
	cursor: pointer;
	transition:
		border-color 160ms ease,
		background-color 160ms ease;
}

.tariff:hover,
.tariff:focus-visible {
	border-color: rgba(46, 123, 255, 0.72);
	background: rgba(46, 123, 255, 0.09);
	outline: none;
}

.tariff.is-selected {
	border-color: rgba(46, 123, 255, 0.55);
	background: rgba(46, 123, 255, 0.13);
}

.tariff__name {
	display: block;
	color: var(--white);
	font-size: 15px;
	font-weight: 800;
}

.tariff__note {
	display: block;
	margin-top: 3px;
	color: var(--white-muted);
	font-size: 12px;
	line-height: 1.25;
}

.tariff__price {
	color: var(--white);
	text-align: right;
	font-size: 15px;
	font-weight: 900;
	white-space: nowrap;
}

.product__bottom {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 14px;
	margin-top: auto;
	padding-top: 18px;
}

.small-note {
	max-width: 310px;
	color: var(--white-muted);
	font-size: 13px;
	line-height: 1.45;
}

.small-note strong {
	color: var(--white);
}

.info-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.info-card {
	min-height: 156px;
	border: 1px solid var(--line-soft);
	border-radius: 20px;
	background: var(--panel);
	padding: 20px;
}

.info-card h3 {
	margin-bottom: 10px;
	color: var(--white);
	font-size: 17px;
	font-weight: 900;
	line-height: 1.25;
}

.info-card p {
	margin-bottom: 0;
	color: var(--white-muted);
	font-size: 14px;
	line-height: 1.45;
}

.notice {
	border: 1px solid var(--line-soft);
	border-radius: 24px;
	background: var(--panel);
	padding: 24px;
}

.notice p {
	margin-bottom: 0;
	color: var(--white-muted);
	font-size: 15px;
	line-height: 1.6;
}

.doc-page {
	min-height: 100vh;
	padding: 112px 16px 56px;
}

.doc-wrap {
	display: flex;
	width: min(100%, var(--text));
	flex-direction: column;
	align-items: center;
	margin: 0 auto;
}

.doc-wrap .eyebrow {
	align-self: center;
}

.doc-title {
	text-align: center;
}

.doc-lead {
	max-width: 520px;
	margin: 14px 0 12px;
	color: var(--white-muted);
	text-align: center;
	font-size: 17px;
	line-height: 1.45;
}

.doc-meta {
	margin-bottom: 36px;
	color: var(--white-muted);
	text-align: center;
	font-size: 16px;
	line-height: 1.45;
}

.doc-meta a,
.req-grid a {
	color: var(--accent);
}

.policy-card {
	width: 100%;
	border: 1px solid var(--line);
	border-radius: 16px;
	background: var(--panel);
	padding: 28px 32px;
}

.policy-section + .policy-section,
.requisites {
	margin-top: 24px;
	border-top: 1px solid var(--line);
	padding-top: 24px;
}

.policy-section h2,
.requisites h2 {
	margin-bottom: 16px;
	color: var(--white);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.35;
}

.policy-section ul {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.policy-section li {
	color: var(--white-muted);
	font-size: 15px;
	line-height: 1.625;
}

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

.req-grid dt {
	margin-bottom: 2px;
	color: var(--white-muted);
	font-size: 14px;
	line-height: 1.35;
}

.req-grid dd {
	margin: 0;
	color: var(--white);
	font-size: 16px;
	line-height: 1.45;
	overflow-wrap: anywhere;
}

.footer {
	border-top: 1px solid var(--blue);
	background: linear-gradient(180deg, var(--dark-blue-2), var(--dark-blue));
	padding: 40px 20px;
}

.footer {
	display: grid;
	width: 100%;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 18px 28px;
}

.footer__brand {
	color: var(--white);
	font-size: 24px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.01em;
}

.footer__brand span {
	color: var(--accent);
}

.footer__copy {
	grid-column: 1 / -1;
	max-width: 980px;
	color: var(--white-muted);
	font-size: 14px;
	line-height: 1.55;
}

.footer__links {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.footer__links a {
	color: var(--white-muted);
	font-size: 14px;
	line-height: 1.4;
	transition: color 160ms ease;
}

.footer__links a:hover {
	color: var(--accent);
}

@media (max-width: 980px) {
	.products,
	.info-grid {
		grid-template-columns: 1fr;
	}

	.hero__content {
		min-height: auto;
	}
}

@media (max-width: 760px) {
	.header__inner {
		align-items: flex-start;
		flex-direction: column;
		padding: 12px 16px;
	}

	.nav {
		width: 100%;
		gap: 12px;
	}

	.nav a {
		font-size: 15px;
	}

	.hero {
		padding-top: 140px;
	}

	.product__bottom {
		align-items: stretch;
		flex-direction: column;
	}

	.product__bottom .button {
		width: 100%;
	}

	.info-card {
		min-height: auto;
	}

	.policy-card {
		padding: 24px 16px;
	}

	.req-grid {
		grid-template-columns: 1fr;
	}

	.footer {
		grid-template-columns: 1fr;
	}

	.footer__links {
		justify-content: flex-start;
	}
}

@media (max-width: 480px) {
	.logo__text,
	.footer__brand {
		font-size: 22px;
	}

	.hero {
		padding-top: 156px;
	}

	.button {
		width: 100%;
	}

	.tariff {
		grid-template-columns: 1fr;
	}

	.tariff__price {
		text-align: left;
	}
}

:root {
	--white: #eef3ff;
	--white-muted: #8499c0;
	--accent: #2e7bff;
	--accent-soft: rgba(46, 123, 255, 0.14);

	--dark-blue: #08172f;
	--dark-blue-2: #0a1c39;
	--blue: #1d3a6b;

	--panel: rgba(255, 255, 255, 0.05);
	--panel-strong: rgba(255, 255, 255, 0.08);

	--line: rgba(255, 255, 255, 0.1);
	--line-soft: rgba(255, 255, 255, 0.05);

	--content: 1152px;
	--text: 1000px;
}

* {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--dark-blue);
	color: var(--white);
	font-family: Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
}

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

.page {
	min-height: 100vh;
	background:
		radial-gradient(
			circle at 12% 2%,
			rgba(46, 123, 255, 0.18),
			transparent 30rem
		),
		radial-gradient(
			circle at 90% 18%,
			rgba(155, 199, 54, 0.09),
			transparent 24rem
		),
		var(--dark-blue);
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 50;

	border-bottom: 1px solid var(--line);

	background: rgba(8, 23, 47, 0.72);
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
}

.header__inner {
	display: flex;
	width: min(calc(100% - 32px), var(--content));
	align-items: center;

	margin: 0 auto;
	padding: 18px 0;
}

.logo {
	display: inline-flex;
	align-items: center;
	min-width: max-content;
}

.logo__text {
	display: inline;
	color: var(--white);
	font-size: 24px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.01em;
}

.logo__text span {
	color: var(--accent);
}

.button {
	display: inline-flex;
	min-height: 44px;

	align-items: center;
	justify-content: center;
	gap: 8px;

	border: 0;
	border-radius: 999px;

	background: var(--accent);

	padding: 12px 20px;

	color: #fff;

	font-size: 15px;
	font-weight: 600;
	line-height: 1;

	cursor: pointer;

	transition:
		background-color 160ms ease,
		transform 160ms ease;
}

.button:hover {
	background: rgba(46, 123, 255, 0.82);
	transform: translateY(-1px);
}

.button.secondary {
	background: rgba(255, 255, 255, 0.15);
	color: var(--white);
}

.button.secondary:hover {
	background: rgba(255, 255, 255, 0.1);
}

.hero,
.section {
	width: min(calc(100% - 32px), var(--content));
	margin-left: auto;
	margin-right: auto;
}

.hero {
	padding-top: 130px;
	padding-bottom: 40px;
}

.hero__panel {
	display: block;
}

.hero__content {
	display: flex;

	flex-direction: column;
	align-items: flex-start;
	justify-content: center;

	min-height: 300px;
}

.eyebrow {
	align-self: flex-start;

	margin: 0 0 14px;

	border-radius: 999px;

	background: var(--accent-soft);

	padding: 6px 12px;

	color: var(--accent);

	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
}

h1,
h2,
h3,
p {
	margin-top: 0;
}

h1 {
	max-width: 780px;

	margin-bottom: 16px;

	color: var(--white);

	font-size: clamp(34px, 5vw, 58px);
	font-weight: 900;
	line-height: 1.08;
	letter-spacing: 0;

	overflow-wrap: anywhere;
}

.lead {
	max-width: 720px;

	margin-bottom: 26px;

	color: var(--white-muted);

	font-size: clamp(15px, 1.7vw, 17px);
	line-height: 1.55;
}

.hero__actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.section {
	padding-top: 44px;
	padding-bottom: 44px;
}

.payment-section {
	padding-top: 10px;
}

.payment-panel {
	display: grid;
	grid-template-columns: minmax(180px, 240px) 1fr;
	gap: 16px;
	align-items: stretch;
	border: 1px solid var(--line-soft);
	border-radius: 20px;
	background: var(--panel);
	padding: 20px;
}

.payment-brand {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 12px;
	border-right: 1px solid var(--line-soft);
	padding-left: 20px;
	padding-right: 20px;
}

.payment-brand span {
	color: var(--white-muted);
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

.payment-brand img {
	display: block;
	width: 120px;
	height: auto;
}

.payment-benefits {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.payment-benefit {
	padding: 2px 0;
}

.payment-benefit h3 {
	margin-bottom: 8px;
	color: var(--white);
	font-size: 17px;
	font-weight: 900;
	line-height: 1.25;
}

.payment-benefit p {
	margin-bottom: 0;
	color: var(--white-muted);
	font-size: 14px;
	line-height: 1.45;
}

.section__head {
	display: flex;
	width: 100%;

	flex-direction: column;
	align-items: flex-start;

	gap: 12px;

	margin-bottom: 40px;
}

.section__head h2,
.doc-title {
	margin-bottom: 0;

	color: var(--white);

	font-size: clamp(28px, 4vw, 42px);
	font-weight: 900;
	line-height: 1.16;
}

.section__head p {
	max-width: 720px;

	margin-bottom: 0;

	color: var(--white-muted);

	font-size: 17px;
	line-height: 1.45;
}

.products {
	display: grid;

	grid-template-columns: repeat(2, minmax(0, 1fr));

	gap: 16px;
}

.product {
	display: flex;

	height: 100%;

	flex-direction: column;

	border: 1px solid var(--line-soft);
	border-radius: 20px;

	background: var(--panel);

	padding: 20px;
}

.product__top {
	padding: 0 0 16px;
}

.product__id {
	display: inline-flex;

	align-items: center;

	min-height: 28px;

	border-radius: 999px;

	background: var(--accent-soft);

	padding: 6px 10px;

	color: var(--accent);

	font-size: 13px;
	font-weight: 700;
	line-height: 1;
}

.product h3 {
	margin: 16px 0 10px;

	color: var(--white);

	font-size: 21px;
	font-weight: 900;
	line-height: 1.18;

	overflow-wrap: anywhere;
}

.product__desc {
	margin-bottom: 0;

	color: var(--white-muted);

	font-size: 14px;
	line-height: 1.45;
}

.price {
	display: flex;

	align-items: baseline;
	gap: 7px;

	margin-top: 15px;
}

.price strong {
	color: var(--white);

	font-size: 22px;
	font-weight: 900;
	line-height: 1;
}

.price span {
	color: var(--white-muted);

	font-size: 14px;
}

.tariffs {
	display: grid;

	gap: 9px;

	margin-top: 2px;
	padding: 0;
}

.tariff {
	display: grid;

	grid-template-columns: 1fr auto;

	gap: 12px;
	align-items: center;

	min-height: 56px;
	width: 100%;

	border: 1px solid var(--line-soft);
	border-radius: 16px;

	background: rgba(255, 255, 255, 0.04);

	padding: 11px 13px;

	color: inherit;

	font: inherit;
	text-align: left;

	cursor: pointer;

	transition:
		border-color 160ms ease,
		background-color 160ms ease;
}

.tariff:hover,
.tariff:focus-visible {
	border-color: rgba(46, 123, 255, 0.72);

	background: rgba(46, 123, 255, 0.09);

	outline: none;
}

.tariff.is-selected {
	border-color: rgba(46, 123, 255, 0.55);

	background: rgba(46, 123, 255, 0.13);
}

.tariff__name {
	display: block;

	color: var(--white);

	font-size: 15px;
	font-weight: 800;
}

.tariff__note {
	display: block;

	margin-top: 3px;

	color: var(--white-muted);

	font-size: 12px;
	line-height: 1.25;
}

.tariff__price {
	color: var(--white);

	text-align: right;

	font-size: 15px;
	font-weight: 900;

	white-space: nowrap;
}

.product__bottom {
	display: flex;

	align-items: end;
	justify-content: space-between;

	gap: 14px;

	margin-top: auto;
	padding-top: 18px;
}

.small-note {
	max-width: 310px;

	color: var(--white-muted);

	font-size: 13px;
	line-height: 1.45;
}

.small-note strong {
	color: var(--white);
}

.info-grid {
	display: grid;

	grid-template-columns: repeat(4, minmax(0, 1fr));

	gap: 16px;
}

.info-card {
	min-height: 156px;

	border: 1px solid var(--line-soft);
	border-radius: 20px;

	background: var(--panel);

	padding: 20px;
}

.info-card h3 {
	margin-bottom: 10px;

	color: var(--white);

	font-size: 17px;
	font-weight: 900;
	line-height: 1.25;
}

.info-card p {
	margin-bottom: 0;

	color: var(--white-muted);

	font-size: 14px;
	line-height: 1.45;
}

.footer {
	margin-top: 40px;

	border-top: 1px solid var(--line);

	background: linear-gradient(
		180deg,
		rgba(10, 28, 57, 0.92),
		var(--dark-blue)
	);
}

.footer__inner {
	width: min(calc(100% - 32px), var(--content));

	margin: 0 auto;

	padding: 44px 0 28px;
}

.footer__top {
	display: flex;

	align-items: flex-start;
	justify-content: space-between;

	gap: 40px;

	padding-bottom: 30px;
}

.footer__brand {
	color: var(--white);

	font-size: 24px;
	font-weight: 800;
	line-height: 1;

	letter-spacing: -0.01em;
}

.footer__brand span {
	color: var(--accent);
}

.footer__description {
	max-width: 360px;

	margin: 12px 0 0;

	color: var(--white-muted);

	font-size: 14px;
	line-height: 1.5;
}

.footer__links {
	display: flex;

	align-items: center;
	justify-content: flex-end;

	gap: 22px;

	flex-wrap: wrap;
}

.footer__links a {
	color: var(--white-muted);

	font-size: 14px;
	line-height: 1.4;

	transition: color 160ms ease;
}

.footer__links a:hover {
	color: var(--accent);
}

.footer__legal {
	border-top: 1px solid var(--line-soft);

	padding: 24px 0;
}

.footer__legal p {
	max-width: 900px;

	margin: 0;

	color: var(--white-muted);

	font-size: 13px;
	line-height: 1.6;
}

.footer__legal p + p {
	margin-top: 10px;
}

.footer__bottom {
	border-top: 1px solid var(--line-soft);

	padding-top: 22px;
}

.footer__copy {
	color: var(--white-muted);

	font-size: 13px;
	line-height: 1.5;
}

.doc-page {
	min-height: 100vh;

	padding: 130px 16px 56px;
}

.doc-wrap {
	display: flex;

	width: min(100%, var(--text));

	flex-direction: column;
	align-items: center;

	margin: 0 auto;
}

.doc-wrap .eyebrow {
	align-self: center;
}

.doc-title {
	text-align: center;
}

.doc-lead {
	max-width: 520px;

	margin: 14px 0 12px;

	color: var(--white-muted);

	text-align: center;

	font-size: 17px;
	line-height: 1.45;
}

.doc-meta {
	margin-bottom: 36px;

	color: var(--white-muted);

	text-align: center;

	font-size: 16px;
	line-height: 1.45;
}

.doc-meta a,
.req-grid a {
	color: var(--accent);
}

.policy-card {
	width: 100%;

	border: 1px solid var(--line);

	border-radius: 16px;

	background: var(--panel);

	padding: 28px 32px;
}

.policy-section + .policy-section,
.requisites {
	margin-top: 24px;

	border-top: 1px solid var(--line);

	padding-top: 24px;
}

.policy-section h2,
.requisites h2 {
	margin-bottom: 16px;

	color: var(--white);

	font-size: 18px;
	font-weight: 700;
	line-height: 1.35;
}

.policy-section ul {
	display: flex;

	flex-direction: column;

	gap: 12px;

	margin: 0;
	padding: 0;

	list-style: none;
}

.policy-section li {
	color: var(--white-muted);

	font-size: 15px;
	line-height: 1.625;
}

.req-grid {
	display: grid;

	grid-template-columns: repeat(2, minmax(0, 1fr));

	gap: 12px 24px;
}

.req-grid dt {
	margin-bottom: 2px;

	color: var(--white-muted);

	font-size: 14px;
	line-height: 1.35;
}

.req-grid dd {
	margin: 0;

	color: var(--white);

	font-size: 16px;
	line-height: 1.45;

	overflow-wrap: anywhere;
}

@media (max-width: 980px) {
	.products,
	.info-grid,
	.payment-benefits {
		grid-template-columns: 1fr;
	}

	.payment-panel {
		grid-template-columns: 1fr;
	}

	.payment-brand {
		border-right: 0;
		border-bottom: 1px solid var(--line-soft);
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 16px;
	}

	.hero__content {
		min-height: auto;
	}
}

@media (max-width: 760px) {
	.header__inner {
		width: min(calc(100% - 32px), var(--content));

		padding: 16px 0;
	}

	.hero {
		padding-top: 120px;
	}

	.product__bottom {
		align-items: stretch;

		flex-direction: column;
	}

	.product__bottom .button {
		width: 100%;
	}

	.info-card {
		min-height: auto;
	}

	.policy-card {
		padding: 24px 16px;
	}

	.req-grid {
		grid-template-columns: 1fr;
	}

	.footer__top {
		flex-direction: column;

		gap: 24px;
	}

	.footer__links {
		justify-content: flex-start;
	}

	.footer__inner {
		padding-top: 36px;
	}
}

@media (max-width: 480px) {
	.header__inner {
		width: min(calc(100% - 24px), var(--content));
	}

	.logo__text,
	.footer__brand {
		font-size: 22px;
	}

	.hero {
		width: min(calc(100% - 24px), var(--content));

		padding-top: 112px;
	}

	.section {
		width: min(calc(100% - 24px), var(--content));
	}

	.footer__inner {
		width: min(calc(100% - 24px), var(--content));

		padding-bottom: 24px;
	}

	.footer__links {
		flex-direction: column;

		align-items: flex-start;

		gap: 12px;
	}

	.button {
		width: 100%;
	}

	.tariff {
		grid-template-columns: 1fr;
	}

	.tariff__price {
		text-align: left;
	}
}