/* v2.10.33 — mobile spacing, home-card polish and footer typography */
@media (max-width:760px){
  /* Home opening: use the viewport height intelligently instead of leaving a dead block under the summary card. */
  body[data-page="home"] .mobile-opening{
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    min-height:100vh;
    min-height:100svh;
    gap:0!important;
  }
  body[data-page="home"] .mobile-opening .hero{
    padding-bottom:0!important;
  }
  body[data-page="home"] .mobile-opening .hero>.wrap{
    flex:1 1 auto;
  }
  body[data-page="home"] .mobile-funding-summary-wrap{
    margin-top:auto!important;
    padding-top:clamp(16px,2.8vh,24px)!important;
    padding-bottom:clamp(16px,2.8vh,24px)!important;
  }

  /* Home page card set: make the stats read as one deliberate trio, not two boxes plus an orphan. */
  body[data-page="home"] .panel-card .pc-stats{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    align-items:stretch!important;
  }
  body[data-page="home"] .panel-card .pc-stat{
    width:100%!important;
    min-width:0!important;
    min-height:118px!important;
    padding:18px 8px!important;
  }
  body[data-page="home"] .panel-card .pc-stat b{
    font-size:clamp(22px,7vw,30px)!important;
    line-height:1!important;
  }
  body[data-page="home"] .panel-card .pc-stat span{
    text-align:center!important;
    letter-spacing:.02em!important;
  }

  /* FAQ/example comparison chip on the homepage: keep the funded time on one row. */
  body[data-page="home"] .home-example-fast{
    max-width:none!important;
    min-width:170px!important;
    width:auto!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }

  /* Fade line under “conversation.” */
  body[data-page="home"] .section.tint .h2 .sky2{
    position:relative!important;
    display:inline-block!important;
    padding-bottom:.2em!important;
  }
  body[data-page="home"] .section.tint .h2 .sky2::after{
    content:""!important;
    position:absolute!important;
    left:72%!important;
    right:2px!important;
    bottom:.04em!important;
    height:5px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,rgba(145,205,255,0) 0%,rgba(145,205,255,.95) 42%,rgba(145,205,255,.4) 100%)!important;
    pointer-events:none!important;
  }

  /* Footer paragraphs: justify for a cleaner mobile block. */
  footer.ft .ft-reg,
  footer.ft .ft-brand p{
    text-align:justify!important;
    text-justify:inter-word!important;
    hyphens:auto!important;
  }
}

@media (max-width:390px){
  body[data-page="home"] .mobile-opening .hero{
    padding-top:88px!important;
  }
  body[data-page="home"] .mobile-opening .hero h1{
    margin-bottom:0!important;
  }
  body[data-page="home"] .mobile-opening .hero .lead{
    margin-top:10px!important;
  }
  body[data-page="home"] .mobile-opening .pillrow{
    margin-top:12px!important;
  }
  body[data-page="home"] .mobile-opening .hero-cta{
    margin-top:14px!important;
  }
  body[data-page="home"] .mobile-opening .hero .noob{
    margin-top:10px!important;
  }
  body[data-page="home"] .panel-card .pc-stats{
    gap:8px!important;
  }
  body[data-page="home"] .panel-card .pc-stat{
    min-height:110px!important;
    padding:16px 6px!important;
  }
  body[data-page="home"] .panel-card .pc-stat b{
    font-size:clamp(20px,6.8vw,26px)!important;
  }
  body[data-page="home"] .home-example-card{
    padding:24px 22px!important;
  }
  body[data-page="home"] .home-example-fast{
    min-width:154px!important;
    font-size:12.5px!important;
    letter-spacing:-.01em!important;
  }
}

@media (max-width:340px){
  body[data-page="home"] .panel-card .pc-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-page="home"] .panel-card .pc-stat:last-child{
    grid-column:1/-1!important;
  }
  body[data-page="home"] .home-example-fast{
    min-width:146px!important;
    font-size:12px!important;
  }
  body[data-page="home"] .section.tint .h2 .sky2::after{
    left:68%!important;
  }
}