/* Full-bleed home layout to match How it Works header/body/footer */
:root { --topbar-h: 67px; } /* same extra breathing room */

body.home-fullbleed .wrap{ padding:0; }
body.home-fullbleed .app{
  min-height:100svh; border:0; border-radius:0; box-shadow:none;
}

body.home-fullbleed main{ padding:0; }
body.home-fullbleed .page{
  max-width:960px; margin:0 auto;
  padding:16px 12px 18px;  /* roomy but simple; can tune later */
}

/* Add breathing room for main content on mobile + desktop */
body.home-fullbleed .page {
  padding-left: 23px;
  padding-right: 23px;
}

/* Let footer span full width (because .app is full-bleed now) */
body.home-fullbleed .footer{
  border-top:1px solid var(--line);
  padding:12px 18px;
  width:100%;
}

body.home-fullbleed .card {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}