/* JAZ SYSTEMS — mobile hero layout */
@media(max-width:720px){
  .reference-hero{padding:34px 0 24px;overflow:hidden}
  .reference-hero .container{width:min(100% - 28px,1180px)}
  .reference-hero-grid{display:block;min-height:0}
  .reference-copy{max-width:none;padding:8px 0 24px}
  .reference-eyebrow{margin-bottom:18px;font-size:10px;letter-spacing:.16em}
  .reference-copy h1{font-size:clamp(42px,13vw,58px);line-height:1.01;letter-spacing:-.045em;margin-bottom:20px;max-width:100%}
  .reference-copy h1 span{display:inline;color:#e4b862}
  .reference-copy>p{font-size:16px;line-height:1.6;max-width:100%;margin-bottom:24px}
  .reference-cta{width:100%;justify-content:space-between;min-height:54px;padding:0 18px}

  .reference-orbit{position:relative;width:100%;height:auto;min-height:0;margin:22px 0 0;transform:none!important;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:300px 0 0;overflow:visible;place-items:stretch}
  .reference-orbit:before{width:270px;height:270px;left:50%;top:6px;transform:translateX(-50%)}
  .reference-ring{left:50%;top:0;margin:0!important;transform:none!important}
  .reference-ring.ring-a{width:280px;height:280px;margin-left:-140px!important}
  .reference-ring.ring-b{width:220px;height:220px;margin-left:-110px!important;top:30px}
  .reference-ring.ring-c{width:160px;height:160px;margin-left:-80px!important;top:60px}

  .ref-core{position:absolute!important;left:50%!important;top:56px!important;right:auto!important;bottom:auto!important;width:168px!important;height:168px!important;margin-left:-84px!important;transform:none!important;z-index:8}
  .ref-core img{width:74px!important;height:74px!important}
  .ref-core strong{font-size:14px!important;margin-top:9px!important}
  .ref-core small{font-size:10px!important;max-width:132px!important;margin-top:5px!important}

  .reference-orbit .ref-card{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:126px!important;padding:14px 13px!important;border-radius:16px!important;transform:none!important}
  .ref-card .ref-icon{width:40px;height:40px;margin-bottom:10px}
  .ref-card .ref-icon svg{width:20px;height:20px}
  .ref-card h3{font-size:16px;margin:0 0 7px}
  .ref-card h3:after{width:18px;margin-top:7px}
  .ref-card p{font-size:11.5px;line-height:1.42}

  .reference-benefits{grid-template-columns:1fr 1fr;margin-top:18px;border-radius:18px}
  .reference-benefit{min-height:92px;padding:14px 12px;gap:9px}
  .reference-benefit:after{display:none!important}
  .reference-benefit:nth-child(odd){border-right:1px solid rgba(11,56,83,.12)}
  .reference-benefit:nth-child(-n+2){border-bottom:1px solid rgba(11,56,83,.12)}
  .reference-benefit-icon{width:36px;height:36px;flex-basis:36px}
  .reference-benefit-icon svg{width:19px;height:19px}
  .reference-benefit span{font-size:10.5px;line-height:1.35}

  .approved-services-section{padding-top:60px}
  .approved-services-section .services-intro h2{font-size:38px}
}

@media(max-width:390px){
  .reference-copy h1{font-size:41px}
  .reference-orbit{grid-template-columns:1fr;gap:10px;padding-top:286px}
  .reference-orbit .ref-card{min-height:108px!important;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:11px;align-items:center}
  .ref-card .ref-icon{grid-row:1/3;margin:0}
  .ref-card h3{margin:0}
  .ref-card h3:after{display:none}
  .ref-card p{margin:0}
}