/* Magic Super Manager — Landing Compact Rhythm Hotfix v1.0.20
   Purpose: tighten vertical spacing without changing the v1.0.19 visual system. */

/* Global section rhythm: intentionally tighter so the landing reads as one continuous premium flow. */
.section-shell{
  padding-top:42px;
  padding-bottom:42px;
}

/* Hero should visually belong to the sticky navigation, not float far below it. */
.hero.section-shell{
  min-height:auto;
  padding-top:10px;
  padding-bottom:28px;
  gap:20px;
}
.hero h1{margin-top:14px;margin-bottom:12px}
.hero-actions{margin-top:18px}
.trust-row{margin-top:15px}

/* Pull the first content block closer to hero. */
.feature-section.section-shell{
  padding-top:18px;
  padding-bottom:38px;
}

/* Keep all following blocks compact and consistent. */
.workflow-section.section-shell,
.preview-section.section-shell,
.studio-section.section-shell,
.security-section.section-shell,
.account-section.section-shell{
  padding-top:36px;
  padding-bottom:36px;
}
.final-cta.section-shell{
  padding-top:34px;
  padding-bottom:42px;
}

.section-heading{margin-bottom:24px}
.section-heading--inline{margin-bottom:19px}
.studio-grid{gap:26px}

/* The preview is intentionally visually strong, but no longer adds unnecessary air above it. */
.preview-stage{padding-top:4px}

@media (min-width:760px){
  .section-shell{
    padding-top:54px;
    padding-bottom:54px;
  }
  .hero.section-shell{
    min-height:auto;
    padding-top:14px;
    padding-bottom:36px;
    gap:28px;
  }
  .feature-section.section-shell{
    padding-top:24px;
    padding-bottom:48px;
  }
  .workflow-section.section-shell,
  .preview-section.section-shell,
  .studio-section.section-shell,
  .security-section.section-shell,
  .account-section.section-shell{
    padding-top:48px;
    padding-bottom:48px;
  }
  .final-cta.section-shell{
    padding-top:44px;
    padding-bottom:54px;
  }
  .section-heading{margin-bottom:30px}
}

@media (min-width:1020px){
  .section-shell{
    padding-top:64px;
    padding-bottom:64px;
  }
  .hero.section-shell{
    min-height:auto;
    padding-top:16px;
    padding-bottom:42px;
  }
  .feature-section.section-shell{
    padding-top:26px;
    padding-bottom:56px;
  }
  .workflow-section.section-shell,
  .preview-section.section-shell,
  .studio-section.section-shell,
  .security-section.section-shell,
  .account-section.section-shell{
    padding-top:54px;
    padding-bottom:54px;
  }
  .final-cta.section-shell{
    padding-top:48px;
    padding-bottom:62px;
  }
  .section-heading{margin-bottom:32px}
}

@media (min-width:1280px){
  .hero.section-shell{padding-top:18px;padding-bottom:44px}
}