:root {
  --kt-navy: #071747;
  --kt-blue: #1155cc;
  --kt-teal: #009eaa;
  --kt-sky: #eaf8ff;
  --kt-white: #ffffff;
  --kt-line: #d8e8f2;
  --kt-shadow: 0 24px 70px rgba(7, 23, 71, .18);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  color: var(--kt-navy);
  background:
    radial-gradient(circle at 18% 12%, rgba(79, 183, 233, .18), rgba(79, 183, 233, 0) 30%),
    radial-gradient(circle at 82% 18%, rgba(0, 158, 170, .16), rgba(0, 158, 170, 0) 28%),
    linear-gradient(180deg, #ffffff 0%, #f4fbff 100%);
  font-family: Inter, Arial, sans-serif;
}

.kt-launch-page {
  min-height: 100vh;
}

.kt-launch-hero {
  position: relative;
  display: grid;
  min-height: 100vh;
  place-items: center;
  padding: clamp(18px, 3vw, 34px);
}

.kt-launch-message {
  position: fixed;
  top: clamp(14px, 3vw, 28px);
  left: 50%;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(920px, calc(100% - 28px));
  min-height: 86px;
  padding: 14px clamp(16px, 3vw, 26px);
  background: rgba(255, 255, 255, .92);
  border: 1px solid rgba(0, 158, 170, .24);
  border-radius: 8px;
  box-shadow: 0 20px 45px rgba(7, 23, 71, .16);
  transform: translateX(-50%);
  backdrop-filter: blur(14px);
}

.kt-launch-message > div {
  width: 100%;
}

.kt-launch-message p {
  margin: 0 0 4px;
  color: var(--kt-teal);
  font-size: clamp(.74rem, 1.8vw, .86rem);
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
  text-align: center;
}

.kt-launch-message h1 {
  margin: 0;
  color: var(--kt-navy);
  font-size: clamp(1.85rem, 5vw, 3.85rem);
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
}

.kt-brochure-frame {
  width: min(1120px, 100%);
  margin: clamp(108px, 15vw, 132px) auto 74px;
  background: var(--kt-white);
  border: 1px solid var(--kt-line);
  border-radius: 8px;
  box-shadow: var(--kt-shadow);
}

.kt-brochure-frame img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.kt-launch-contact {
  position: fixed;
  right: clamp(16px, 4vw, 36px);
  bottom: clamp(16px, 4vw, 30px);
  z-index: 9;
}

.kt-launch-contact a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 20px;
  color: #ffffff;
  background: linear-gradient(135deg, var(--kt-blue), var(--kt-teal));
  border-radius: 8px;
  box-shadow: 0 16px 32px rgba(17, 85, 204, .24);
  font-size: .95rem;
  font-weight: 800;
  text-decoration: none;
}

.kt-launch-contact a:hover {
  box-shadow: 0 18px 38px rgba(17, 85, 204, .32);
  transform: translateY(-1px);
}

@media (max-width: 720px) {
  .kt-launch-hero {
    padding: 12px;
    place-items: start center;
  }

  .kt-launch-message {
    align-items: center;
    min-height: 76px;
  }

  .kt-launch-message h1 {
    font-size: clamp(1.55rem, 8vw, 2.4rem);
  }

  .kt-brochure-frame {
    margin-top: 104px;
    margin-bottom: 92px;
  }

  .kt-launch-contact {
    right: 12px;
    bottom: 12px;
    left: 12px;
  }

  .kt-launch-contact a {
    width: 100%;
  }
}