.footer-bg {
    background:
      linear-gradient(to bottom, rgba(255, 255, 255, 0.13), rgba(0,0,0,0.90)),
      url("assets/image.png") center center / cover no-repeat;
  }
/* HERO MOBILE + IPAD BIGGER */
@media (max-width: 1023px) {
  /* bigger logo */
  #home header a img {
    height: 5.2rem !important;
  }

  /* hero section spacing */
  #home .max-w-7xl.mx-auto.w-full.px-6.md\:px-10.pt-28.md\:pt-32.pb-10.md\:pb-12 {
    padding-top: 8.5rem !important;
    padding-bottom: 4rem !important;
  }

  /* main hero headline */
  #home h1 {
    font-size: clamp(5.4rem, 15vw, 8rem) !important;
    line-height: 0.88 !important;
    letter-spacing: 0.04em !important;
  }

  /* subtitle text */
  #home p.mt-7 {
    font-size: 1.15rem !important;
    line-height: 1.75rem !important;
    max-width: 38rem !important;
  }

  /* divider a little wider */
  .hero-divider-mobile {
    width: 9rem !important;
    margin-top: 1.2rem !important;
  }

  /* buttons bigger */
  .hero-buttons-mobile a {
    padding: 1rem 1.8rem !important;
    font-size: 0.82rem !important;
    letter-spacing: 0.18em !important;
  }

  /* better centered layout */
  .hero-center-mobile {
    max-width: 100% !important;
    padding-inline: 0.4rem;
  }
}

/* PHONE ONLY */
@media (max-width: 640px) {
  /* even bigger logo on phone */
  #home header a img {
    height: 5.8rem !important;
  }

  /* giant phone headline */
  #home h1 {
    font-size: clamp(5.9rem, 18vw, 7.4rem) !important;
    line-height: 0.84 !important;
  }

  /* phone subtitle */
  #home p.mt-7 {
    font-size: 1.05rem !important;
    line-height: 1.7rem !important;
    padding-inline: 0.35rem;
  }

  /* hero content lower / cleaner */
  #home .max-w-7xl.mx-auto.w-full.px-6.md\:px-10.pt-28.md\:pt-32.pb-10.md\:pb-12 {
    padding-top: 9.25rem !important;
    padding-bottom: 4.5rem !important;
  }

  /* buttons stacked nicer */
  .hero-buttons-mobile {
    gap: 0.9rem !important;
    margin-top: 2rem !important;
  }

  .hero-buttons-mobile a {
    width: 100%;
    max-width: 19rem;
    margin-inline: auto;
  }
}/* 1) Load your downloaded font */
@font-face {
  font-family: "MyDafont";
  src:
    url("assets/fonts/MyDafont-Regular.woff2") format("woff2"),
    url("assets/fonts/MyDafont-Regular.woff") format("woff"),
    url("assets/fonts/MyDafont-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}/* HERO MOBILE + IPAD SIZING UPGRADE */
@media (max-width: 1023px) {
  /* logo a little bigger */
  #home header a img {
    height: 5rem !important;
  }

  /* hero content block spacing */
  #home .max-w-7xl.mx-auto.w-full.px-6.md\:px-10.pt-28.md\:pt-32.pb-10.md\:pb-12 {
    padding-top: 8.4rem !important;
    padding-bottom: 4.2rem !important;
  }

  /* main headline */
  #home h1 {
    font-size: clamp(5.3rem, 15vw, 7.6rem) !important;
    line-height: 0.86 !important;
    letter-spacing: 0.04em !important;
  }

  /* subtitle */
  #home p.mt-7 {
    font-size: 1.08rem !important;
    line-height: 1.75rem !important;
    max-width: 34rem !important;
    margin-top: 1.4rem !important;
  }

  /* divider */
  .hero-divider-mobile {
    width: 9rem !important;
    margin-top: 1.1rem !important;
  }

  /* button group */
  .hero-buttons-mobile {
    gap: 1rem !important;
    margin-top: 2rem !important;
  }

  /* both buttons bigger */
  .hero-buttons-mobile a {
    min-height: 4rem !important;
    padding: 1.05rem 1.8rem !important;
    font-size: 0.82rem !important;
    letter-spacing: 0.18em !important;
    border-radius: 999px !important;
  }

  /* cleaner width */
  .hero-buttons-mobile a {
    width: 100%;
    max-width: 21rem;
    margin-inline: auto;
  }
}

/* PHONE ONLY */
@media (max-width: 640px) {
  /* logo bigger on phone */
  #home header a img {
    height: 5.5rem !important;
  }

  /* headline bigger on phone */
  #home h1 {
    font-size: clamp(5.8rem, 18vw, 7.2rem) !important;
    line-height: 0.82 !important;
  }

  /* subtitle cleaner */
  #home p.mt-7 {
    font-size: 1rem !important;
    line-height: 1.65rem !important;
    max-width: 21rem !important;
    padding-inline: 0.25rem;
  }

  /* hero spacing */
  #home .max-w-7xl.mx-auto.w-full.px-6.md\:px-10.pt-28.md\:pt-32.pb-10.md\:pb-12 {
    padding-top: 9rem !important;
    padding-bottom: 4.5rem !important;
  }

  /* buttons feel more premium */
  .hero-buttons-mobile a {
    min-height: 4.15rem !important;
    max-width: 19rem !important;
    font-size: 0.78rem !important;
    padding: 1rem 1.4rem !important;
  }
}