/* Advert landing page: one message, one action */
.lp-top { padding: 22px 0 0; }
.lp-top .wrap { display: flex; justify-content: space-between; align-items: center; }
.lp-top a.small { font-size: 14px; color: var(--text-2); }
.lp-hero { padding: clamp(40px, 7vw, 88px) 0 clamp(56px, 8vw, 96px); }
.lp-hero .wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr); gap: clamp(36px, 6vw, 80px); align-items: center; }
.lp-hero h1 { font-size: clamp(48px, 7vw, 92px); line-height: 0.98; letter-spacing: -0.035em; margin-bottom: 22px; }
.lp-hero .lead { max-width: 30ch; margin-bottom: 32px; }
.lp-phones { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(12px, 2vw, 24px); max-width: 560px; }
.lp-phones .phone:first-child { margin-top: 14%; }
.reasons { border-top: 1px solid var(--line); }
.reasons .wrap { display: grid; grid-template-columns: repeat(3, 1fr); }
.reasons div { padding: 34px 28px 38px 0; }
.reasons div + div { padding-left: 28px; border-left: 1px solid var(--line); }
.reasons h2 { font-size: 21px; letter-spacing: -0.015em; margin-bottom: 8px; }
.reasons p { color: var(--text-2); font-size: 16px; }
.lp-end { border-top: 1px solid var(--line); padding: clamp(64px, 9vw, 112px) 0; text-align: center; }
.lp-end h2 { font-size: clamp(40px, 6vw, 72px); line-height: 1; margin-bottom: 28px; }
.lp-end .join { margin-inline: auto; }
@media (max-width: 900px) {
  .lp-hero .wrap { grid-template-columns: 1fr; }
  .reasons .wrap { grid-template-columns: 1fr; }
  .reasons div, .reasons div + div { padding: 24px 0; border-left: 0; }
  .reasons div + div { border-top: 1px solid var(--line); }
}
