/* TapHelp — 1024px view
   Built from the locked Desktop / 320 / 360 / 375 / 600 / 768 views.
   1024 is treated as a near-desktop breakpoint:
   standardized component styling stays intact; only layout, usable width,
   text measure, and placement are adjusted where the desktop canvas is too wide. */

html,
body {
  width: 100%;
  min-width: 0;
  overflow-x: hidden;
}

.container,
.hero__inner,
.intro__inner,
.faq__inner,
.footer__inner {
  width: auto;
  max-width: none;
  margin-left: 32px;
  margin-right: 32px;
}

.hero__inner {
  padding-top: 18px;
}

.hero__logo {
  width: 440px;
}

.intro__inner {
  width: auto;
}

.intro__copy {
  width: 640px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  transform: none;
}

.intro__copy br {
  display: none;
}

.intro__copy p:nth-child(4) br {
  display: inline;
}

.service-grid {
  grid-template-columns: repeat(2, 330px);
  gap: 18px;
  width: 678px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.service-card {
  grid-template-columns: 70px 220px;
  column-gap: 18px;
  width: 330px;
  height: 126px;
  padding: 15px 10px;
}

.service-card img {
  width: 70px;
  height: 70px;
  transform: translateX(8px);
}

.service-card > div {
  min-width: 0;
  transform: translateX(8px);
}

.steps-grid {
  grid-template-columns: repeat(2, 330px);
  gap: 24px;
  width: 684px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.step-card {
  width: 330px;
  height: 176px;
}

.step-card:nth-child(3) {
  grid-column: 1 / -1;
  justify-self: center;
}

.about-card {
  width: 780px;
  max-width: calc(100% - 64px);
  margin-left: auto;
  margin-right: auto;
  padding: 31px 24px;
}

.about-card__body {
  width: 620px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  transform: none;
}

.about-card__body br {
  display: none;
}

.faq__inner {
  width: 880px;
  max-width: calc(100% - 64px);
  margin-left: auto;
  margin-right: auto;
}

.faq summary {
  padding: 20px 52px 20px 18px;
  white-space: normal;
}

.faq__answer {
  padding: 16px 14px 18px;
  font-size: 18px;
  line-height: 1.6;
}

.faq__answer br {
  display: inline;
}

.faq details .faq__answer::before {
  content: none;
}

.footer {
  padding-left: 32px;
  padding-right: 32px;
}

.footer__inner {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

.footer__legal {
  width: 620px;
  max-width: 100%;
}