/* ── Section shell ── */
.btftk {
  width: 100%;
  max-width: 100%;
  padding: 80px 48px 96px;
  background: #ffffff;
  color: #111111;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* ── Hero row: eye + headline ── */
.btftk__hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 48px;
}

/* ── Eye image ── */
.btftk__eye {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 110px;
  height: 110px;
  display: block;
  margin-right: 24px;
}

/* ── H1 ── */
.btftk__headline {
  margin: 0;
  padding: 0;
  font-size: 80px;
  font-weight: 900;
  line-height: 1.0;
  letter-spacing: -2px;
  color: #111111;
  white-space: nowrap;
}

/* ── Sub-headline ── */
.btftk__subhead {
  width: 100%;
  max-width: 100%;
  margin: 0 0 24px 0;
  padding: 0 48px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.35;
  color: #111111;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* ── Body copy ── */
.btftk__body {
  width: 100%;
  max-width: 100%;
  margin: 0 0 48px 0;
  padding: 0 48px;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.55;
  color: #333333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* ── CTA ── */
.btftk__cta {
  display: block;
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 36px 48px;
  border: 2px solid #111111;
  background: #ffffff;
  color: #111111;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.45;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background 0.18s ease, color 0.18s ease;
          transition: background 0.18s ease, color 0.18s ease;
}

.btftk__cta:hover {
  background: #111111;
  color: #ffffff;
}

.btftk__cta:focus {
  outline: 3px solid #005fcc;
  outline-offset: 3px;
}

/* ── Tablet (max 1024px) ── */
@media (max-width: 1024px) {
  .btftk__headline {
    font-size: 60px;
    letter-spacing: -1px;
  }
  .btftk__eye {
    width: 86px;
    height: 86px;
    margin-right: 18px;
  }
  .btftk__subhead {
    font-size: 24px;
    padding: 0 32px;
  }
  .btftk__body {
    font-size: 22px;
    padding: 0 32px;
  }
  .btftk__cta {
    font-size: 22px;
    padding: 30px 36px;
    width: 94%;
  }
}

/* ── Tablet small (max 767px) ── */
@media (max-width: 767px) {
  .btftk {
    padding: 56px 24px 64px;
  }
  .btftk__headline {
    font-size: 44px;
    white-space: normal;
    letter-spacing: -1px;
  }
  .btftk__eye {
    width: 64px;
    height: 64px;
    margin-right: 14px;
  }
  .btftk__subhead {
    font-size: 20px;
    padding: 0 16px;
  }
  .btftk__body {
    font-size: 18px;
    padding: 0 16px;
  }
  .btftk__cta {
    font-size: 18px;
    padding: 26px 20px;
    width: 100%;
  }
}

/* ── Mobile (max 479px) ── */
@media (max-width: 479px) {
  .btftk__hero {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .btftk__eye {
    width: 56px;
    height: 56px;
    margin-right: 0;
    margin-bottom: 12px;
  }
  .btftk__headline {
    font-size: 34px;
    letter-spacing: -0.5px;
  }
  .btftk__subhead {
    font-size: 18px;
    padding: 0 8px;
  }
  .btftk__body {
    font-size: 16px;
    padding: 0 8px;
  }
  .btftk__cta {
    font-size: 16px;
    padding: 22px 16px;
  }
}

/* ── Reduced motion ── */
@media (prefers-reduced-motion: reduce) {
  .btftk__cta {
    -webkit-transition: none;
            transition: none;
  }
}