.atlas-hero { padding-block: 72px; text-align: center; }
.atlas-hero h1 { max-width: none; font-size: 28px; font-weight: 800; letter-spacing: -.035em; }
.atlas-headline { max-width: none; margin-top: 24px; font-family: "Nunito", sans-serif; font-size: 72px; font-weight: 600; line-height: 1.08; letter-spacing: -.045em; text-wrap: balance; }
.atlas-hero .atlas-introduction { max-width: 52ch; margin: 28px auto 0; font-size: 20px; }
.atlas-hero .company-button { margin-top: 32px; }
.atlas-section { padding-block: 96px; border-top: 1px solid var(--line); }
.atlas-editorial { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; }
.atlas-editorial > div > p + p { margin-top: 24px; }
.atlas-detail { font-size: 14px; line-height: 1.6; color: #545454; }
.atlas-questions dl { margin: 40px 0 0; }
.atlas-questions dl > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: 56px; border-top: 1px solid var(--line); padding-block: 28px; }
.atlas-questions dt { font-size: 20px; font-weight: 600; line-height: 1.4; }
.atlas-questions dd { margin: 0; font-size: 16px; }
.atlas-contact { text-align: center; }
.atlas-contact > p { margin-inline: auto; }
.atlas-contact .section-label { margin-top: 0; }
@media (max-width: 1000px) {
  .atlas-headline { font-size: 60px; }
  .atlas-editorial { gap: 48px; }
}
@media (max-width: 700px) {
  .atlas-hero { padding-block: 48px 56px; }
  .atlas-hero h1 { font-size: 24px; }
  .atlas-headline { font-size: 40px; line-height: 1.1; }
  .atlas-hero .atlas-introduction { font-size: 18px; margin-top: 24px; }
  .atlas-section { padding-block: 56px; }
  .atlas-editorial { grid-template-columns: 1fr; gap: 28px; }
  .atlas-questions dl { margin-top: 32px; }
  .atlas-questions dl > div { grid-template-columns: 1fr; gap: 14px; padding-block: 24px; }
  .atlas-questions dt { font-size: 18px; }
}