:root {
  --page-bg: #ffffff;
  --text: #000000;
  --muted-text: #74788D;
  --brand-blue: #2541DF;
  --brand-green: #01CD9B;
  --card-bg: #E5E7F1;
  --focus: rgba(37, 65, 223, .38);
  --container: min(1294px, calc(100% - 40px));
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--page-bg); }
body {
  margin: 0;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background: var(--page-bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
ul, ol { margin: 0; padding: 0; list-style: none; }
dl, dd { margin: 0; }
.container { width: var(--container); margin-inline: auto; }
.page { position: relative; overflow: hidden; min-height: 100vh; background: var(--page-bg); }
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.art, .art img { display: block; }
.asset-link { display: inline-block; text-decoration: none; border-radius: 14px; transition: transform .18s ease, filter .18s ease; }
.asset-link:hover { transform: translateY(-2px); filter: brightness(1.08); }
.asset-link:focus-visible { outline: 3px solid var(--focus); outline-offset: 5px; }
.logo { object-fit: contain; }
.logo--hero, .logo--footer { width: 122px; height: auto; }

.hero { position: relative; padding-top: 31px; }
.hero__inner { display: flex; flex-direction: column; }
.hero__nav { display: flex; align-items: flex-start; justify-content: space-between; width: 100%; }
.hero__nav-cta, .hero__nav-cta-art, .hero__nav-cta-art img { width: 208px; }
.hero__layout {
  display: grid;
  grid-template-columns: minmax(0, 801px) 470px;
  gap: 23px;
  align-items: start;
  margin-top: 28px;
}
.hero__content { display: flex; flex-direction: column; align-items: flex-start; }
.hero__kicker { width: 199px; }
.hero__title { width: 801px; max-width: 100%; margin-top: 35px; }
.hero__subtitle { width: 418px; margin-top: 36px; }
.hero__mobile-cta { display: none; }
.hero__visual { width: 470px; margin-top: 27px; justify-self: end; }

.section { position: relative; }
.card-grid { display: grid; grid-template-columns: repeat(3, 416px); justify-content: center; gap: 22px; }
.asset-card, .asset-card img { width: 416px; }
.section-cta { display: block; width: 418px; margin-inline: auto; border-radius: 30px; }
.section-cta__art, .section-cta__art img { width: 100%; }

.experts { padding-top: 25px; padding-bottom: 82px; }
.experts__intro { display: grid; grid-template-columns: 532px 620px; align-items: start; justify-content: space-between; }
.experts__title { width: 532px; }
.experts__copy { width: 620px; }
.experts__cards { margin-top: 42px; }
.experts__cta { margin-top: 29px; }

.models { padding-bottom: 84px; }
.models__title { width: 574px; }
.models__subtitle { width: 564px; margin-top: 30px; }
.models__cards { margin-top: 38px; }

.tested { padding-bottom: 87px; }
.tested__title { width: 544px; }
.tested__subtitle { width: 425px; margin-top: 30px; }
.tested__content {
  display: grid;
  grid-template-columns: 636px 636px;
  gap: 22px;
  align-items: start;
  margin-top: 20px;
}
.metrics-grid { display: grid; grid-template-columns: repeat(2, 308px); gap: 20px; }
.metric-card, .metric-card img { width: 308px; }
.tested__chart, .tested__chart img { width: 636px; }

.users { padding-bottom: 38px; }
.users__title { width: 484px; }
.users__cards { grid-template-columns: repeat(3, 417px); gap: 22px; margin-top: 42px; }
.testimonial-card, .testimonial-card img { width: 417px; }
.users__cta { margin-top: 30px; }

.footer { padding-bottom: 9px; }
.footer__inner { display: grid; grid-template-columns: 122px 1fr 104px; align-items: center; gap: 28px; }
.footer__links { display: flex; align-items: center; justify-content: center; gap: 57px; }
.footer__link { border-radius: 6px; }
.footer__link-art, .footer__link-art img { width: auto; }
.footer__link:first-child .footer__link-art img { width: 99px; }
.footer__link:last-child .footer__link-art img { width: 123px; }
.footer__copyright, .footer__copyright img { width: 104px; justify-self: end; }

@media (max-width: 1360px) and (min-width: 768px) {
  :root { --container: min(1180px, calc(100% - 40px)); }
  .hero__layout { grid-template-columns: minmax(0, 1fr) minmax(360px, 470px); }
  .hero__title { width: min(801px, 100%); }
  .hero__visual { width: min(470px, 100%); }
  .card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .asset-card, .asset-card img { width: 100%; }
  .experts__intro { grid-template-columns: minmax(0, 532px) minmax(0, 560px); gap: 44px; }
  .experts__title, .experts__copy { width: 100%; }
  .tested__content { grid-template-columns: minmax(0, 560px) minmax(0, 560px); }
  .metrics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
  .metric-card, .metric-card img, .tested__chart, .tested__chart img { width: 100%; }
  .users__cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .testimonial-card, .testimonial-card img { width: 100%; }
}

@media (max-width: 767px) {
  :root { --container: min(100% - 14px, 366px); }
  .asset-link:hover { transform: none; filter: none; }
  .hero { padding-top: 11px; }
  .hero__nav { justify-content: center; }
  .logo--hero { width: 75px; }
  .hero__nav-cta { display: none; }
  .hero__layout { display: flex; flex-direction: column; align-items: center; gap: 0; margin-top: 13px; }
  .hero__content { align-items: flex-start; width: 100%; }
  .hero__kicker { width: 142px; }
  .hero__title { width: 358px; margin-top: 16px; }
  .hero__subtitle { width: 265px; margin-top: 14px; }
  .hero__mobile-cta { display: block; width: 366px; max-width: 100%; margin-top: 22px; border-radius: 25px; }
  .hero__mobile-cta-art, .hero__mobile-cta-art img { width: 100%; }
  .hero__visual { width: 353px; margin-top: 26px; justify-self: auto; align-self: center; }

  .section-cta { width: 366px; max-width: 100%; border-radius: 25px; }
  .card-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; justify-items: center; }
  .asset-card, .asset-card img { width: 366px; max-width: 100%; }

  .experts { padding-top: 20px; padding-bottom: 40px; }
  .experts__intro { display: block; }
  .experts__title { width: 304px; }
  .experts__copy { width: 339px; margin-top: 20px; }
  .experts__cards { margin-top: 28px; }
  .experts__cta { margin-top: 29px; }

  .models { padding-bottom: 46px; }
  .models__title { width: 328px; }
  .models__subtitle { width: 308px; margin-top: 20px; }
  .models__cards { margin-top: 20px; }

  .tested { padding-bottom: 52px; }
  .tested__title { width: 311px; }
  .tested__subtitle { width: 298px; margin-top: 20px; }
  .tested__content { display: block; margin-top: 20px; }
  .metrics-grid { grid-template-columns: repeat(2, 178px); gap: 10px; justify-content: center; }
  .metric-card, .metric-card img { width: 178px; }
  .tested__chart { width: 366px; max-width: 100%; margin-top: 18px; }
  .tested__chart img { width: 100%; }

  .users { padding-bottom: 41px; }
  .users__title { width: 277px; }
  .users__cards { grid-template-columns: minmax(0, 1fr); gap: 15px; margin-top: 24px; }
  .testimonial-card, .testimonial-card img { width: 366px; max-width: 100%; }
  .users__cta { margin-top: 28px; }

  .footer { padding-bottom: 0; }
  .footer__inner { display: flex; flex-direction: column; align-items: center; gap: 0; }
  .logo--footer { width: 75px; }
  .footer__links { gap: 62px; margin-top: 22px; }
  .footer__link:first-child .footer__link-art img { width: 75px; }
  .footer__link:last-child .footer__link-art img { width: 93px; }
  .footer__copyright { width: 76px; margin-top: 16px; }
  .footer__copyright img { width: 76px; }
}

@media (max-width: 374px) {
  :root { --container: calc(100% - 14px); }
  .metrics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .metric-card, .metric-card img { width: 100%; }
}