/* Compact the hero area and pull the Claim CTA up */

/* 1) Smaller headline — was 3.15rem / sm:4rem */
.display-font.text-glow {
  font-size: 2.25rem !important;
  line-height: 0.9 !important;
  margin-top: 0.5rem !important;
  max-width: 14ch !important;
}
@media (min-width: 640px) {
  .display-font.text-glow {
    font-size: 2.85rem !important;
  }
}

/* 2) Tighter description block under the headline */
[class*="max-w-[32ch]"] {
  margin-top: 0.4rem !important;
  font-size: 0.85rem !important;
  line-height: 1.4 !important;
}

/* 3) Tighter "new users get 7 days free" badge */
[class*="bg-white/8"][class*="px-3"][class*="py-1.5"] {
  padding-top: 0.3rem !important;
  padding-bottom: 0.3rem !important;
}

/* 4) Less padding inside the hero card */
[class*="rounded-[2rem]"] [class*="pb-5"][class*="pt-4"],
[class*="rounded-[2rem]"] [class*="sm:pb-6"] {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

/* 5) Less padding inside the phone-preview frame */
[class*="rounded-[1.45rem]"] {
  padding-top: 0.6rem !important;
  padding-bottom: 0.6rem !important;
}

/* 6) Pull the Claim card closer to the hero — was mt-5 (1.25rem) */
[class*="rounded-[1.7rem]"] {
  margin-top: 0.6rem !important;
  padding-top: 0.85rem !important;
  padding-bottom: 0.85rem !important;
}

/* 7) Trim outer container bottom space so the page ends sooner */
[class*="max-w-[480px]"] {
  padding-bottom: 1.25rem !important;
  padding-top: 0.75rem !important;
}

/* 8) Tighten the gradient Claim button's top margin (was mt-3) */
[class*="bg-[linear-gradient(90deg,#ff4dc9_0%,#b14eff_100%)]"] {
  margin-top: 0.4rem !important;
}

/* --- Claim success overlay --- */
#claim-toast {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: grid;
  place-items: center;
  background: rgba(8, 4, 24, 0.55);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  animation: claim-overlay-fade 0.18s ease-out;
}
@keyframes claim-overlay-fade {
  from { opacity: 0; }
  to   { opacity: 1; }
}
.claim-toast-card {
  display: grid;
  justify-items: center;
  gap: 10px;
  padding: 26px 36px 22px;
  min-width: 200px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.04));
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: 0 24px 70px rgba(8,4,24,0.55);
  color: #fff;
  font-family: Manrope, system-ui, -apple-system, sans-serif;
  text-align: center;
}
.claim-toast-check {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ff4dc9 0%, #b14eff 100%);
  display: grid;
  place-items: center;
  box-shadow: 0 12px 32px rgba(255, 67, 190, 0.45);
  animation: claim-pop 0.36s cubic-bezier(0.2, 1.4, 0.6, 1) both;
}
@keyframes claim-pop {
  0%   { transform: scale(0.4); opacity: 0; }
  60%  { transform: scale(1.08); opacity: 1; }
  100% { transform: scale(1); }
}
.claim-toast-text {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.02em;
}
.claim-toast-sub {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
}