/* THESIVE v3.5.6 — viewport spacing and mobile regression polish */

/* ------------------------------------------------------------
   FOR YOU — keep the product stage clear of the desktop header.
   The hero deliberately lives behind the transparent header, but the
   physical phone should begin below the navigation, not underneath it.
   ------------------------------------------------------------ */
@media(min-width:1121px){
  .v355-home .v354-customer-stage{
    top:44px;
  }
}

/* Keep the shorter laptop viewport composed inside the opening frame. */
@media(min-width:1121px) and (max-height:920px){
  .v355-home .v354-customer-stage{top:40px}
  .v355-home .v354-watch{bottom:24px}
}

/* ------------------------------------------------------------
   ORIGIN — remove the double-padding canyon between Cooperation and
   Constitution, then align the closing statement as one centered unit.
   ------------------------------------------------------------ */
.v355-origin .v341-motion-section[data-v341-motion="origin-coop"]{
  padding-bottom:48px;
}
.v355-origin .v340-origin-close{
  padding-top:58px;
  padding-bottom:72px;
}
.v355-origin .v340-origin-close .wrap{
  max-width:920px;
}
.v355-origin .v340-origin-close .kicker{
  text-align:center;
  margin-bottom:18px;
}
.v355-origin .v340-origin-close .section-title{
  margin-bottom:20px;
}
.v355-origin .v340-origin-close .section-intro{
  margin-top:0;
}
.v355-origin .v355-origin-actions{
  justify-content:center;
  margin-top:30px;
}
.v355-origin .v340-origin-close .v355-origin-actions .btn{
  margin-top:0;
}

/* The text link at the end of cooperation should feel attached to its
   section rather than floating in a large empty transition zone. */
.v355-origin .v341-motion-section[data-v341-motion="origin-coop"] .btn.text{
  margin-bottom:0;
}

/* ------------------------------------------------------------
   MOBILE SAFEGUARDS — explicit resets so desktop alignment fixes never
   leak into the stacked product experience.
   ------------------------------------------------------------ */
@media(max-width:1120px){
  .v355-home .v354-customer-stage{top:0}
}

@media(max-width:700px){
  .v355-home .v354-customer-hero{
    padding-top:116px!important;
    padding-bottom:48px!important;
  }
  .v355-home .v354-hero-copy{
    max-width:100%;
  }
  .v355-home .v354-hero-copy .actions{
    gap:10px 14px;
  }
  .v355-home .v354-customer-stage{
    min-height:620px;
    margin-top:22px;
  }
  .v355-home .v354-phone-shell{
    width:min(100%,390px);
  }
  .v355-home .v354-input-dock button{
    min-height:44px;
  }

  .v355-origin .v341-motion-section[data-v341-motion="origin-coop"]{
    padding-bottom:36px;
  }
  .v355-origin .v340-origin-close{
    padding:52px 0 60px;
  }
  .v355-origin .v340-origin-close .kicker{
    margin-bottom:14px;
  }
  .v355-origin .v340-origin-close .section-title{
    font-size:clamp(40px,12vw,52px)!important;
    line-height:1.02;
    margin-bottom:18px;
  }
  .v355-origin .v340-origin-close .section-intro{
    font-size:15.5px!important;
    line-height:1.65!important;
    margin-inline:auto;
  }
  .v355-origin .v355-origin-actions{
    margin-top:24px;
    gap:8px 12px;
  }
}

@media(max-width:480px){
  .v355-home .v354-customer-hero{padding-top:110px!important}
  .v355-home .v354-customer-stage{min-height:600px;margin-top:18px}
  .v355-origin .v355-origin-actions{
    display:grid;
    grid-template-columns:1fr;
    justify-items:center;
  }
  .v355-origin .v355-origin-actions .btn{
    width:min(100%,270px);
    justify-content:center;
  }
}