/* 2026-10-17: compact first-screen design for mobile comparison flows.
   Desktop & tablet intentionally preserve current layout.
   Source forms and their provider-owned styles remain unchanged.
*/
#sphome-global .cs-topic-lead-mobile,
#sphome-global .cs-home-lead-mobile{display:none}
@media (max-width:680px){
  /* Dramatic but trustworthy brand blue, legible white lettering */
  #sphome-global.sphome-page > .sphome-hero,
  #sphome-global.cs-topic-page > .cs-profile-hero{
    background:linear-gradient(122deg,#102e51 0%,#075a86 100%)!important;
    border-bottom:0!important;
    color:#fff!important;
  }
  #sphome-global.sphome-page > .sphome-hero{
    padding:23px 0 19px!important;
  }
  #sphome-global.cs-topic-page > .cs-profile-hero{
    padding:20px 0 21px!important;
  }

  /* Single heading + two short sentences only */
  #sphome-global.sphome-page .sphome-eyebrow,
  #sphome-global.sphome-page .sphome-lead,
  #sphome-global.sphome-page .cs-hero-byline,
  #sphome-global.cs-topic-page .cs-breadcrumb,
  #sphome-global.cs-topic-page .cs-profile-hero .cs-profile-kicker,
  #sphome-global.cs-topic-page .cs-topic-lead-desktop,
  #sphome-global.cs-topic-page .cs-profile-hero .cs-solid-link{
    display:none!important;
  }
  #sphome-global.sphome-page .sphome-hero-head{
    margin:0!important;
    padding:0!important;
    max-width:100%!important;
    text-align:left!important;
  }
  #sphome-global.sphome-page .sphome-hero h1,
  #sphome-global.cs-topic-page .cs-profile-hero h1{
    font-size:clamp(29px,7.55vw,38px)!important;
    font-weight:850!important;
    letter-spacing:-1.05px!important;
    line-height:1.12!important;
    color:#fff!important;
    text-align:left!important;
    max-width:570px!important;
    margin:0 0 9px!important;
  }
  #sphome-global.sphome-page .cs-home-lead-mobile,
  #sphome-global.cs-topic-page .cs-topic-lead-mobile{
    display:block!important;
    font-size:13.5px!important;
    line-height:1.52!important;
    font-weight:400!important;
    color:#e4f1fa!important;
    max-width:530px!important;
    text-align:left!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
  }
  #sphome-global.sphome-page .sphome-paths{display:grid!important}

  /* Form is the first distinct section after the heading. */
  #sphome-global.sphome-page > .cs-lead-section,
  #sphome-global.cs-topic-page > .cs-lead-section{
    margin:0!important;
    padding:12px 0 25px!important;
    background:#f0f5fb!important;
    border:0!important;
  }
  #sphome-global.sphome-page > .cs-lead-section > .sphome-container,
  #sphome-global.cs-topic-page > .cs-lead-section > .sphome-container{
    max-width:670px!important;
  }
  #sphome-global.sphome-page .cs-lead-shell,
  #sphome-global.cs-topic-page .cs-lead-shell{
    margin:0 auto!important;
    padding:12px 11px 14px!important;
    border-radius:13px!important;
    background:#fff!important;
    border:1px solid #cbdcec!important;
    border-top:5px solid #146ce5!important;
    box-shadow:0 8px 26px rgba(11,43,79,.10)!important;
  }
  /* The external form already has its own heading; no second introduction. */
  #sphome-global.sphome-page .cs-lead-shell > .cs-profile-kicker,
  #sphome-global.sphome-page .cs-lead-shell > h3,
  #sphome-global.sphome-page .cs-lead-shell > p,
  #sphome-global.cs-topic-page .cs-lead-shell > .cs-profile-kicker,
  #sphome-global.cs-topic-page .cs-lead-shell > h3,
  #sphome-global.cs-topic-page .cs-lead-shell > p{
    display:none!important;
  }
  #sphome-global.sphome-page .cs-lead-tabs,
  #sphome-global.cs-topic-page .cs-lead-tabs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0 0 12px!important;
  }
  #sphome-global.sphome-page .cs-lead-tab,
  #sphome-global.cs-topic-page .cs-lead-tab{
    background:#f0f5fb!important;
    border:1px solid #b7cce0!important;
    border-radius:9px!important;
    color:#173e61!important;
    min-height:53px!important;
    font-weight:800!important;
    font-size:12px!important;
    line-height:1.28!important;
    padding:8px 7px!important;
    text-align:center!important;
    transition:background .12s,border-color .12s!important;
  }
  #sphome-global.sphome-page .cs-lead-tab.is-active,
  #sphome-global.cs-topic-page .cs-lead-tab.is-active{
    background:#1163d7!important;
    border-color:#1163d7!important;
    color:#fff!important;
    box-shadow:0 3px 10px rgba(9,76,170,.22)!important;
  }
  #sphome-global.sphome-page .cs-lead-tab:focus-visible,
  #sphome-global.cs-topic-page .cs-lead-tab:focus-visible{
    outline:3px solid #f9b64b!important;
    outline-offset:2px!important;
  }
  #sphome-global.sphome-page .cs-lead-form-description,
  #sphome-global.cs-topic-page .cs-lead-form-description{display:none!important}
  #sphome-global.sphome-page .cs-dyna-frame,
  #sphome-global.cs-topic-page .cs-dyna-frame{
    padding:0!important;
    border:0!important;
    background:#fff!important;
    border-radius:9px!important;
    overflow:clip!important;
  }
  #sphome-global.sphome-page .cs-dyna-frame iframe,
  #sphome-global.cs-topic-page .cs-dyna-frame iframe{
    display:block!important;
    max-width:100%!important;
    border:0!important;
  }
  #sphome-global.sphome-page .cs-lead-privacy,
  #sphome-global.cs-topic-page .cs-lead-privacy{
    display:block!important;
    color:#687b90!important;
    line-height:1.48!important;
    font-size:10px!important;
    margin:9px 2px 0!important;
  }

  /* The recommendation area starts clearly only after completing the form. */
  #sphome-global.sphome-page > .cs-featured-section,
  #sphome-global.cs-topic-page > .cs-featured-section{
    background:#fff!important;
    padding-top:35px!important;
  }
}
@media(max-width:365px){
  #sphome-global.sphome-page .sphome-hero h1,
  #sphome-global.cs-topic-page .cs-profile-hero h1{font-size:28px!important}
  #sphome-global.sphome-page .cs-lead-tab,
  #sphome-global.cs-topic-page .cs-lead-tab{font-size:11px!important}
}