@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@100;200;300;400;500&display=swap');

body { font-family: 'DM Sans', sans-serif; font-weight: 300; }

h1 { font-weight: 100; font-size: 77px; line-height: 82px; letter-spacing: -1px; }
h2 { font-weight: 300; font-size: 64px; line-height: 64px; letter-spacing: -0.5px; }
h3 { font-weight: 300; font-size: 31px; line-height: 37px; }
h4 { font-weight: 100; font-size: 40px; line-height: 50px; }
h5 { font-weight: 300; font-size: 24px; line-height: 30px; }
p, body { font-size: 21px; line-height: 26px; font-weight: 300; }

.section-num {
  font-weight: 300;
  font-size: 24px;
  letter-spacing: 0.5px;
  margin-bottom: 30px;
  opacity: 0.9;
}
.cta-arrow {
  display: inline-block;
  font-weight: 400;
  font-size: 24px;
  margin-top: 30px;
  position: relative;
  transition: transform 0.2s ease;
}
.cta-arrow .arrow { font-size: 20px; padding-right: 8px; }
.cta-arrow:hover { transform: translateX(6px); }

.text-mobile { display: none; }

@media (max-width: 1440px) {
  h1 { font-size: 64px; line-height: 70px; }
  h2 { font-size: 54px; line-height: 56px; }
  h3 { font-size: 28px; line-height: 34px; }
  h4 { font-size: 36px; line-height: 44px; }
}
@media (max-width: 1023px) {
  h1 { font-size: 54px; line-height: 60px; }
  h2 { font-size: 44px; line-height: 48px; }
  h3 { font-size: 26px; line-height: 32px; }
  h4 { font-size: 32px; line-height: 40px; }
  p, body { font-size: 19px; line-height: 24px; }
}
@media (max-width: 767px) {
  h1 { font-size: 40px; line-height: 46px; }
  h2 { font-size: 34px; line-height: 38px; }
  h3 { font-size: 22px; line-height: 28px; }
  h4 { font-size: 26px; line-height: 32px; }
  p, body { font-size: 17px; line-height: 23px; }
  .text-desktop { display: none; }
  .text-mobile { display: block; }
  .cta-arrow { font-size: 18px; margin-top: 10px; }
  .section-num { font-size: 18px; margin-bottom: 20px; }
}
@media (max-width: 479px) {
  h1 { font-size: 34px; line-height: 40px; }
  h2 { font-size: 28px; line-height: 32px; }
}