@media (max-width: 640px) {
  html {
    scroll-padding-top: 88px;
  }

  body,
  #root,
  #root > div {
    overflow-x: clip;
  }

  header > div.max-w-6xl.mx-auto.px-6.py-4.flex.items-center.justify-between {
    padding: 14px 18px !important;
    gap: 12px;
  }

  header .flex.items-center.gap-2\.5 {
    gap: 10px !important;
    min-width: 0;
  }

  header .w-8.h-8.rounded-full.flex.items-center.justify-center {
    width: 32px !important;
    height: 32px !important;
    flex-shrink: 0;
  }

  header .font-semibold.text-lg.tracking-wide {
    font-size: 0.94rem !important;
    line-height: 1.15 !important;
    letter-spacing: 0;
    white-space: nowrap;
  }

  header a[href="#get-access"] {
    padding: 11px 16px !important;
    font-size: 0.9rem !important;
    line-height: 1.2 !important;
    white-space: nowrap;
    flex-shrink: 0;
  }

  .flex.items-center.justify-center.gap-2\.5.py-2\.5.px-4 {
    padding: 10px 16px !important;
  }

  .flex.items-center.justify-center.gap-2\.5.py-2\.5.px-4 .text-xs.font-semibold.tracking-widest.uppercase {
    font-size: 0.67rem !important;
    line-height: 1.45 !important;
    letter-spacing: 0.12em !important;
  }

  .relative.max-w-4xl.mx-auto.text-center.px-6.py-32.pt-40 {
    padding: 108px 20px 42px !important;
  }

  .inline-flex.items-center.gap-2.px-5.py-2.rounded-full.text-xs.font-semibold.uppercase.tracking-widest.mb-8 {
    max-width: 100%;
    margin-bottom: 18px !important;
    padding: 12px 14px !important;
    font-size: 0.7rem !important;
    line-height: 1.4 !important;
    text-align: center;
    white-space: normal;
    justify-content: center;
  }

  p.text-sm.sm\:text-base.max-w-xl.mx-auto.mb-8.leading-relaxed {
    max-width: 21rem;
    margin-bottom: 18px !important;
    font-size: 0.93rem !important;
    line-height: 1.72 !important;
  }

  h1.font-bold.leading-\[1\.1\].mb-8 {
    margin-bottom: 18px !important;
    font-size: clamp(2.65rem, 11.6vw, 3.45rem) !important;
    line-height: 1.01 !important;
    letter-spacing: -0.025em;
    text-wrap: balance;
  }

  p.text-lg.sm\:text-xl.max-w-2xl.mx-auto.mb-12.leading-relaxed {
    max-width: 20rem;
    margin-bottom: 22px !important;
    font-size: 0.98rem !important;
    line-height: 1.7 !important;
  }

  .flex.flex-col.sm\:flex-row.gap-4.justify-center.items-center.mb-10 {
    margin-bottom: 20px !important;
    gap: 12px !important;
  }

  a.group.relative.inline-flex.items-center.justify-center.gap-3.font-bold.text-white.rounded-full.overflow-hidden.transition-all.duration-300.hover\:scale-\[1\.03\].active\:scale-\[0\.98\].px-12.py-5.text-lg {
    width: min(100%, 320px);
    padding: 16px 20px !important;
    gap: 10px !important;
    font-size: 1rem !important;
    line-height: 1.25 !important;
    text-align: center;
  }

  p.text-xs.tracking-wide {
    max-width: 18rem;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.55 !important;
  }

  .mt-20.grid.grid-cols-3.gap-6.max-w-xl.mx-auto {
    margin-top: 34px !important;
    gap: 10px !important;
  }

  .text-center.px-4.py-5.rounded-2xl {
    padding: 14px 8px !important;
  }

  .text-2xl.sm\:text-3xl.font-bold.mb-1 {
    font-size: 1.9rem !important;
  }

  .text-xs.uppercase.tracking-wide.leading-tight {
    font-size: 0.68rem !important;
    line-height: 1.3 !important;
  }

  .py-5.px-6 {
    padding: 20px 20px 0 !important;
  }

  .max-w-3xl.mx-auto.flex.flex-col.sm\:flex-row.items-center.justify-center.gap-4.text-center {
    gap: 8px !important;
  }

  .font-semibold.text-sm,
  span.text-sm {
    font-size: 0.92rem !important;
  }

  span.text-xs {
    font-size: 0.75rem !important;
    line-height: 1.35 !important;
  }

  section.py-24.px-6 {
    padding: 64px 20px !important;
  }

  section h2 {
    font-size: clamp(2rem, 8.3vw, 2.7rem) !important;
    line-height: 1.14 !important;
    text-wrap: balance;
  }

  section h3 {
    line-height: 1.18 !important;
    text-wrap: balance;
  }

  .mt-10.space-y-6.text-lg.leading-relaxed {
    margin-top: 28px !important;
    font-size: 1.08rem !important;
    line-height: 1.78 !important;
  }

  .mt-10.flex.items-center.gap-5.p-6.rounded-2xl {
    align-items: flex-start;
    gap: 12px !important;
    padding: 16px !important;
  }

  .px-6.py-10 {
    padding: 36px 20px !important;
  }

  .flex.items-end.justify-center.gap-4.sm\:gap-8 {
    gap: 12px !important;
  }

  .font-mono.font-black.text-white.rounded-2xl.flex.items-center.justify-center {
    min-width: 72px;
    min-height: 68px;
    font-size: 1.9rem !important;
  }

  .text-xs.font-bold.uppercase.tracking-widest.mt-3 {
    margin-top: 10px !important;
    font-size: 0.66rem !important;
  }

  .space-y-3.mt-12 {
    margin-top: 30px !important;
  }

  .flex.items-start.gap-4.p-5.rounded-2xl {
    gap: 12px !important;
    padding: 16px !important;
  }

  .text-base.leading-relaxed {
    font-size: 1rem !important;
    line-height: 1.65 !important;
  }
}