/* =========================================================================
   AIL - Download APP LP (templates/pages/appDownloadLp)
   Standalone stylesheet, no build step. Mobile first:
   base = mobile Figma frame (402), 768 = tablet, 992 = two-column layouts,
   1200 = desktop Figma frame (1440, container 1180).
   ========================================================================= */

/* Roboto (variable, weights 100-900), self-hosted: fonts/LICENSE (SIL OFL 1.1) */
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/roboto-latin-wght-normal.woff2") format("woff2-variations"),
		url("../fonts/roboto-latin-wght-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/roboto-latin-ext-wght-normal.woff2") format("woff2-variations"),
		url("../fonts/roboto-latin-ext-wght-normal.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
	--lp-red: #e40421;
	--lp-red-hover: #b8031a;
	--lp-black: #000;
	--lp-white: #fff;
	--lp-grey: #f5f5f5;
	--lp-card-light: #f7f7f7; /* rgba(245, 245, 245, .8) on white */
	--lp-line: rgba(32, 32, 32, .1);
	--lp-dash: #7f7d7d;
	--lp-facebook: #3b5997;
	--lp-instagram: #c13584;
	--lp-linkedin: #0d75a7;
	--lp-youtube: #e70700;
	--lp-font: "Roboto", "Helvetica Neue", Arial, sans-serif;
	--lp-gutter: 30px;
	--lp-header-h: 124px;
}

/* ---------- Base ---------- */
*,
*::before,
*::after {
	box-sizing: border-box;
}
html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}
body.lp {
	margin: 0;
	background: var(--lp-white);
	color: var(--lp-black);
	font-family: var(--lp-font);
	font-size: 16px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/* :where() keeps the reset at zero specificity, so component classes always win */
:where(.lp) :where(h1, h2, h3, p, ul, ol) {
	margin: 0;
}
:where(.lp) :where(ul, ol) {
	padding: 0;
	list-style: none;
}
:where(.lp) a {
	color: inherit;
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}
.lp :focus-visible {
	outline: 2px solid var(--lp-red);
	outline-offset: 3px;
}
.lp-container {
	width: min(1180px, 100% - 2 * var(--lp-gutter));
	margin-inline: auto;
}
.lp-skip {
	position: absolute;
	top: -100px;
	left: 16px;
	z-index: 100;
	padding: 8px 16px;
	background: var(--lp-black);
	color: var(--lp-white);
	text-decoration: none;
}
.lp-skip:focus {
	top: 16px;
}
.lp-section,
.lp-download {
	scroll-margin-top: calc(var(--lp-header-h) + 24px);
}

/* ---------- Shared: button, eyebrow, section heading, store badges ---------- */
.lp-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 155px;
	height: 37px;
	padding: 0 16px;
	background: var(--lp-red);
	color: var(--lp-white);
	font-size: 13px;
	font-weight: 700;
	line-height: 12px;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color .2s ease;
}
.lp-btn:hover {
	background: var(--lp-red-hover);
}
.lp-eyebrow {
	color: var(--lp-red);
	font-size: 12px;
	font-weight: 600;
	line-height: 25px;
	text-transform: uppercase;
}
.lp-heading__title {
	margin-top: 12px;
	font-size: 32px;
	font-weight: 500;
	line-height: 38px;
}
.lp-heading__intro {
	margin-top: 17px;
	font-size: 18px;
	font-weight: 300;
	line-height: 28px;
}
.lp-badges {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
}
.lp-badges__link {
	display: block;
	transition: opacity .2s ease;
}
.lp-badges__link:hover {
	opacity: .85;
}
.lp-badges__img {
	width: auto;
	height: 47px;
}

/* ---------- Header ---------- */
.lp-header {
	position: sticky;
	top: 0;
	z-index: 50;
	border-bottom: 1px solid var(--lp-line);
	background: var(--lp-white);
}
.lp-header__inner {
	display: grid;
	grid-template-areas:
		"logo cta"
		"nav nav";
	grid-template-columns: auto 1fr;
	align-items: center;
	padding-top: 12px;
}
.lp-header__logo {
	display: block;
	grid-area: logo;
}
.lp-header__logo-img {
	width: 40px;
}
.lp-header__cta {
	grid-area: cta;
	justify-self: end;
}
.lp-nav {
	grid-area: nav;
	margin-top: 20px;
}
.lp-nav__list {
	display: flex;
	justify-content: space-between;
}
.lp-nav__link {
	position: relative;
	display: block;
	padding-bottom: 18px;
	color: var(--lp-black);
	font-size: 17px;
	font-weight: 500;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
}
/* reserves the bold width, so the active state does not shift the menu */
.lp-nav__link::before {
	content: attr(data-label);
	display: block;
	height: 0;
	overflow: hidden;
	font-weight: 700;
	visibility: hidden;
}
.lp-nav__link:hover,
.lp-nav__link.is-active {
	color: var(--lp-red);
}
.lp-nav__link.is-active {
	font-weight: 700;
}
.lp-nav__link.is-active::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -1px;
	left: 0;
	height: 2px;
	background: var(--lp-red);
}

/* ---------- Hero ---------- */
.lp-hero {
	overflow: hidden;
	padding-top: 41px;
	/* logo link (#my-ail): the hero starts right below the sticky header, so this scrolls to the top */
	scroll-margin-top: var(--lp-header-h);
}
.lp-hero__title {
	margin-top: 11px;
	font-size: 46px;
	font-weight: 500;
	line-height: 50px;
}
.lp-hero__title-accent {
	display: block;
	color: var(--lp-red);
}
.lp-hero__lead {
	margin-top: 17px;
	font-size: 18px;
	line-height: 27px;
}
.lp-hero__media {
	position: relative;
	min-height: 257px;
	margin-top: 43px;
}
.lp-hero__actions {
	position: relative;
	z-index: 1;
	width: 153px;
}
.lp-badges--hero {
	flex-direction: column;
	align-items: flex-start;
	gap: 13px;
}
.lp-badges--hero .lp-badges__img {
	width: 153px;
	height: auto;
}
.lp-hero__visual {
	position: absolute;
	top: -24px;
	right: -86px;
	width: 286px;
	overflow: hidden;
	aspect-ratio: 574.49 / 563.99;
}
.lp-hero__circle {
	position: absolute;
	top: 27.226%;
	left: 6.129%;
	width: 86.612%;
	border-radius: 50%;
	background: var(--lp-red);
	aspect-ratio: 1;
}
.lp-hero__phone {
	position: absolute;
	top: -1.739%;
	left: .061%;
	width: 98.749%;
	height: 101.739%;
	overflow: hidden;
}
.lp-hero__phone-img {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

/* ---------- Funzioni (cards) ---------- */
.lp-features {
	margin-top: 37px;
}
.lp-cards {
	display: grid;
	gap: 14px;
	margin-top: 28px;
}
.lp-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 441px;
	overflow: hidden;
	border-radius: 5px;
	background: var(--lp-card-light);
	/* phone screenshot: rotation and geometry from the Figma frames */
	--lp-rot: -13.13deg;
	--lp-m-w: 177.58px;
	--lp-m-h: 357.24px;
	--lp-m-dx: 10.8px;
	--lp-m-top: 9.4px;
}
.lp-card--red {
	background: var(--lp-red);
	color: var(--lp-white);
}
.lp-card--dark {
	background: var(--lp-black);
	color: var(--lp-white);
}
.lp-card--1 {
	--lp-d-w: 227.105px;
	--lp-d-h: 456.858px;
	--lp-d-right: -21.82px;
	--lp-d-top: 84.37px;
}
.lp-card--2 {
	--lp-rot: 10.38deg;
	--lp-m-w: 191.21px;
	--lp-m-h: 375.8px;
	--lp-m-dx: -18.9px;
	--lp-m-top: 6px;
	--lp-d-w: 238.146px;
	--lp-d-h: 468.056px;
	--lp-d-right: 44.22px;
	--lp-d-top: 88.31px;
}
/* single column (mobile): the phones alternate left / right / left / right;
   from 768px (2x2 grid) cards 3 and 4 swap back to the desktop pattern, see below */
.lp-card--3 {
	--lp-rot: -13.13deg;
	--lp-m-w: 186.62px;
	--lp-m-h: 366.79px;
	--lp-m-dx: 6.4px;
	--lp-m-top: 6.87px;
	--lp-d-w: 234.846px;
	--lp-d-h: 461.571px;
	--lp-d-right: 44.66px;
	--lp-d-top: 73.68px;
}
.lp-card--4 {
	--lp-rot: 10.38deg;
	--lp-m-w: 185.03px;
	--lp-m-h: 372.22px;
	--lp-m-dx: -15.5px;
	--lp-m-top: 4.9px;
	--lp-d-w: 241.15px;
	--lp-d-h: 485.112px;
	--lp-d-right: -26.1px;
	--lp-d-top: 62.28px;
}
.lp-card__body {
	position: relative;
	z-index: 1;
	padding: 31px 27px 16px;
}
.lp-card__title {
	font-size: 26px;
	font-weight: 500;
	line-height: 32px;
}
.lp-card__text {
	margin-top: 10px;
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
}
.lp-card--red .lp-card__text,
.lp-card--dark .lp-card__text {
	font-weight: 400;
}
.lp-card__media {
	position: relative;
	flex: none;
	height: 222px;
	margin-top: auto;
}
.lp-card__phone {
	position: absolute;
	top: var(--lp-m-top);
	left: calc(50% + var(--lp-m-dx) - var(--lp-m-w) / 2);
	width: var(--lp-m-w);
	height: var(--lp-m-h);
	overflow: hidden;
	transform: rotate(var(--lp-rot));
}
.lp-card__phone-img {
	width: 100%;
}

/* ---------- Come iniziare (steps) ---------- */
.lp-steps {
	margin-top: 52px;
}
.lp-steps__inner {
	display: grid;
	grid-template-areas:
		"heading"
		"steps"
		"action";
}
.lp-steps__heading {
	grid-area: heading;
}
.lp-steps__list {
	grid-area: steps;
	margin-top: 36px;
}
.lp-steps__action {
	grid-area: action;
	margin-top: 45px;
	text-align: center;
}
.lp-step {
	display: grid;
	grid-template-columns: 42px 1fr;
	column-gap: 20px;
	padding: 23px 0 25px;
	border-bottom: 1px solid var(--lp-line);
}
.lp-step:first-child {
	padding-top: 0;
}
.lp-step:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}
.lp-step__number {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: var(--lp-red);
	color: var(--lp-white);
	font-size: 19px;
	font-weight: 700;
	line-height: 24px;
}
.lp-step__title {
	margin-top: 3px;
	font-size: 24px;
	font-weight: 500;
	line-height: 36px;
}
.lp-step__text {
	margin-top: 6px;
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
}

/* ---------- FAQ ---------- */
.lp-faq {
	margin-top: 53px;
}
.lp-faq__band {
	margin-top: 35px;
	padding: 24px 0 40px;
	background: var(--lp-grey);
}
.lp-faq__group + .lp-faq__group {
	margin-top: 40px;
}
.lp-faq__group-title {
	font-size: 24px;
	font-weight: 500;
	line-height: 36px;
}
.lp-faq__item {
	background: linear-gradient(to right, var(--lp-dash) 50%, transparent 50%) left bottom / 4px 1px repeat-x;
}
.lp-faq__question {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	padding: 22px 0 24px;
	cursor: pointer;
	font-size: 19px;
	font-weight: 300;
	line-height: 30px;
	list-style: none;
}
.lp-faq__question::-webkit-details-marker {
	display: none;
}
.lp-faq__question:hover .lp-faq__question-text {
	color: var(--lp-red);
}
.lp-faq__chevron {
	flex: none;
	width: 20px;
	height: 20px;
	margin-top: 7px;
	transition: transform .2s ease;
}
/* .is-closing: set by the JS while the closing animation runs, so the chevron turns right away */
.lp-faq__item[open]:not(.is-closing) .lp-faq__chevron {
	transform: rotate(180deg);
}
.lp-faq__answer {
	max-width: 980px;
	margin-top: -3px;
	padding-bottom: 26px;
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
}
.lp-faq__answer > * + * {
	margin-top: 26px;
}
.lp-faq__answer a {
	color: var(--lp-red);
	text-decoration: underline;
}
.lp-faq__answer a:hover {
	text-decoration: none;
}
.lp-faq__answer li {
	position: relative;
	padding-left: 34px;
}
/* numbered steps: red "1)" as in Figma */
.lp-faq__answer ol {
	counter-reset: lp-faq-step;
}
.lp-faq__answer ol > li {
	counter-increment: lp-faq-step;
}
.lp-faq__answer ol > li::before {
	content: counter(lp-faq-step) ")";
	position: absolute;
	top: 0;
	left: 0;
	color: var(--lp-red);
	font-weight: 500;
}
/* bullet lists: red dot on the same indent as the steps */
.lp-faq__answer ul > li::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 4px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--lp-red);
}

/* ---------- Banner download ---------- */
/* below 992px the content hangs from the top: the title keeps the same distance from the
   banner top and longer texts make the banner grow downwards */
.lp-download {
	position: relative;
	display: flex;
	align-items: flex-start;
	min-height: 465px;
	margin-top: 49px;
	overflow: hidden;
	background: var(--lp-black);
	color: var(--lp-white);
}
.lp-download__media {
	position: absolute;
	inset: 0;
}
.lp-download__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 62% 50%;
}
.lp-download::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, .9) 17.8%, rgba(0, 0, 0, .4));
}
.lp-download__inner {
	position: relative;
	z-index: 1;
	/* fixed distance from the banner top to the title (Figma: 237.98px) */
	padding: 238px 0 50px;
}
.lp-download__title {
	font-size: 32px;
	font-weight: 600;
	line-height: 38px;
}
.lp-download__text {
	margin-top: 14px;
	font-size: 18px;
	line-height: 26px;
}
.lp-badges--download {
	gap: 11px;
	margin-top: 28px;
}
.lp-badges--download .lp-badges__img {
	height: 51px;
}

/* ---------- Footer ---------- */
.lp-footer {
	padding: 36px 0 24px;
	background: var(--lp-black);
	color: var(--lp-white);
	text-align: center;
}
.lp-footer__inner {
	display: grid;
	justify-items: center;
	gap: 28px;
	/* mobile Figma: the copyright line spans almost the full width */
	--lp-gutter: 6px;
}
.lp-footer__title {
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
}
.lp-social {
	display: flex;
	justify-content: center;
	gap: 14px;
	margin-top: 24px;
}
.lp-social__link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	transition: opacity .2s ease;
}
.lp-social__link:hover {
	opacity: .7;
}
.lp-social__link--facebook {
	background: var(--lp-facebook);
}
.lp-social__link--instagram {
	background: var(--lp-instagram);
}
.lp-social__link--linkedin {
	background: var(--lp-linkedin);
}
.lp-social__link--youtube {
	background: var(--lp-youtube);
}
.lp-social__icon {
	width: 18px;
	height: 18px;
}
.lp-footer__copyright {
	font-size: 11px;
	line-height: 16px;
}
.lp-footer__links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px 33px;
	margin-top: 14px;
}
.lp-footer__link {
	color: var(--lp-white);
	font-size: 10.5px;
	font-weight: 700;
	line-height: 14px;
	text-decoration: none;
	text-transform: uppercase;
}
.lp-footer__link:hover {
	text-decoration: underline;
}

/* =========================================================================
   >= 768px: single-row header, 2-column cards, 2-column footer
   ========================================================================= */
@media (min-width: 768px) {
	:root {
		--lp-header-h: 100px;
	}
	.lp-header {
		border-bottom: 0;
	}
	.lp-header__inner {
		grid-template-areas: "logo nav cta";
		grid-template-columns: 1fr auto 1fr;
		align-items: start;
		height: 99.5px;
		padding-top: 10px;
		border-bottom: 1px solid var(--lp-line);
	}
	.lp-header__logo-img {
		width: 61px;
	}
	.lp-header__cta {
		margin-top: 20.7px;
	}
	.lp-nav {
		align-self: stretch;
		margin-top: 0;
	}
	.lp-nav__list {
		gap: 39px;
		height: 100%;
	}
	.lp-nav__link {
		height: 100%;
		padding-top: 32px;
		padding-bottom: 0;
	}
	.lp-nav__link.is-active::after {
		right: 5px;
		left: 5px;
	}
	.lp-hero__media {
		min-height: 340px;
	}
	.lp-hero__visual {
		top: -40px;
		right: -30px;
		width: 390px;
	}
	.lp-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	/* 2x2 grid: desktop pattern (left / right, right / left) */
	.lp-card--3 {
		--lp-rot: 10.38deg;
		--lp-m-w: 185.03px;
		--lp-m-h: 372.22px;
		--lp-m-dx: -15.5px;
		--lp-m-top: 4.9px;
	}
	.lp-card--4 {
		--lp-rot: -13.13deg;
		--lp-m-w: 177.58px;
		--lp-m-h: 357.24px;
		--lp-m-dx: 10.8px;
		--lp-m-top: 9.4px;
	}
	.lp-footer {
		padding: 38.6px 0 50.6px;
		text-align: left;
	}
	.lp-footer__inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		justify-items: start;
		gap: 20px;
		--lp-gutter: 30px;
	}
	.lp-social {
		justify-content: flex-start;
		margin-top: 30px;
	}
	.lp-footer__legal {
		/* stays in the right column also when there are no social links */
		grid-column: 2;
		padding-top: 24px;
	}
	.lp-footer__links {
		justify-content: flex-start;
		margin-top: 24.5px;
	}
}

/* =========================================================================
   >= 992px: two-column hero, steps and banner
   ========================================================================= */
@media (min-width: 992px) {
	.lp-eyebrow {
		font-size: 15px;
		line-height: 30px;
	}
	.lp-heading__title {
		margin-top: 11px;
		font-size: 34px;
		line-height: 42px;
	}
	.lp-heading__intro {
		max-width: 620px;
		margin-top: 14px;
		line-height: 26px;
	}

	/* hero: text + badges on the left, visual on the right */
	.lp-hero {
		padding-top: 14.8px;
	}
	/* the visual bleeds past the container's right edge by --lp-hero-bleed (as in Figma) */
	.lp-hero__inner {
		--lp-hero-visual: 440px;
		--lp-hero-bleed: 39.32px;
		display: grid;
		grid-template-areas:
			"text visual"
			"actions visual";
		grid-template-columns: minmax(0, 1fr) calc(var(--lp-hero-visual) - var(--lp-hero-bleed));
		grid-template-rows: auto auto;
		align-content: center;
	}
	.lp-hero__text {
		grid-area: text;
		align-self: end;
	}
	.lp-hero__title {
		margin-top: 11.5px;
		font-size: 60px;
		line-height: 62px;
	}
	.lp-hero__lead {
		max-width: 618px;
		margin-top: 29.5px;
		font-size: 20px;
		line-height: 30px;
	}
	.lp-hero__media {
		display: contents;
	}
	.lp-hero__actions {
		grid-area: actions;
		align-self: start;
		width: auto;
		margin-top: 58px;
	}
	.lp-badges--hero {
		flex-direction: row;
		align-items: center;
		gap: 16px;
	}
	.lp-badges--hero .lp-badges__img {
		width: auto;
		height: 47px;
	}
	.lp-hero__visual {
		position: relative;
		top: auto;
		right: auto;
		grid-area: visual;
		align-self: center;
		justify-self: start;
		width: var(--lp-hero-visual);
		margin-right: calc(-1 * var(--lp-hero-bleed));
	}

	/* steps: heading + CTA on the left, list on the right */
	.lp-steps {
		margin-top: 79px;
	}
	.lp-steps__inner {
		grid-template-areas:
			"heading steps"
			"action steps";
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: auto 1fr;
		column-gap: 20px;
	}
	.lp-steps__list {
		margin-top: 0;
		padding-top: 55.8px;
	}
	.lp-steps__action {
		align-self: start;
		margin-top: 22.8px;
		text-align: left;
	}
	.lp-step {
		column-gap: 28.13px;
		padding: 31.8px 0 29.3px;
	}
	.lp-step__title {
		margin-top: 2.4px;
		font-size: 26px;
	}
	.lp-step__text {
		max-width: 442px;
		margin-top: 9.7px;
	}

	/* FAQ */
	.lp-faq {
		margin-top: 97px;
	}
	.lp-faq__band {
		margin-top: 40px;
		padding: 37.86px 0 42.9px;
	}
	.lp-faq__group-title {
		margin-bottom: 4.4px;
		font-size: 26px;
	}
	.lp-faq__question {
		padding: 22.6px 0 25px;
	}
	.lp-faq__question-text {
		max-width: 947px;
	}
	.lp-faq__chevron {
		margin-top: 7.5px;
		margin-right: 24px;
	}

	/* banner */
	.lp-download {
		align-items: center;
		min-height: 361.65px;
		margin-top: 64.67px;
	}
	.lp-download__media {
		left: 9.04%;
	}
	.lp-download__img {
		object-position: 50% 27.8%;
	}
	.lp-download::after {
		background: linear-gradient(to right, #000 10.72%, rgba(0, 0, 0, .05) 53.59%);
	}
	.lp-download__inner {
		padding: 40px 0;
	}
	.lp-download__title {
		font-size: 44px;
		line-height: 40px;
	}
	.lp-download__text {
		margin-top: 20.9px;
	}
	.lp-badges--download {
		gap: 16px;
		margin-top: 35.9px;
	}
	.lp-badges--download .lp-badges__img {
		height: 47px;
	}
}

/* =========================================================================
   >= 1200px: desktop Figma frame
   ========================================================================= */
@media (min-width: 1200px) {
	.lp-hero__inner {
		--lp-hero-visual: 574.49px;
	}
	.lp-hero__title {
		font-size: 76px;
		line-height: 76px;
	}
	.lp-features {
		margin-top: 94.45px;
	}
	.lp-cards {
		gap: 20px;
		margin-top: 46.6px;
	}
	.lp-card {
		flex-direction: row;
		min-height: 350px;
	}
	.lp-card__body {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 345px;
		padding: 44.3px 41px 40.5px;
	}
	.lp-card__title {
		font-size: 28px;
		line-height: 36px;
	}
	.lp-card__text {
		max-width: 260px;
		margin-top: 24px;
	}
	.lp-card__media {
		position: absolute;
		inset: 0;
		height: auto;
		margin: 0;
	}
	.lp-card__phone {
		top: var(--lp-d-top);
		right: var(--lp-d-right);
		left: auto;
		width: var(--lp-d-w);
		height: var(--lp-d-h);
	}
}