/* Release 7: final layout guard loaded under a unique filename to bypass old browser caches. */
.hero h1 span,.hero h1 em{display:block}
.hero h1 span{white-space:nowrap}
.hero h1 em{white-space:nowrap}
.feature-grid .icon svg,.solution-grid .solution-icon svg{display:block;fill:none!important;stroke:currentColor!important;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.feature-grid .icon svg{width:25px;height:25px}
.solution-grid .solution-icon svg{width:36px!important;height:36px!important}

@media(min-width:901px){
  .hero-grid{grid-template-columns:minmax(0,44fr) minmax(0,56fr);gap:44px}
  .hero h1{font-size:clamp(46px,3.55vw,58px)!important;line-height:1.22!important;letter-spacing:-1.3px!important}
  .feature-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:18px!important}
  .feature-grid .featured{grid-column:span 6!important}
  .feature-grid article:nth-child(2),.feature-grid article:nth-child(3){grid-column:span 3!important}
  .feature-grid article:nth-child(n+4){grid-column:span 4!important}
  .feature-grid article{min-height:220px!important}
  .solution-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
  .solution-grid article{min-width:0;min-height:300px!important;display:flex;flex-direction:column;align-items:center;justify-content:center}
}

@media(min-width:901px) and (max-width:1160px){
  .hero h1{font-size:clamp(42px,4vw,49px)!important}
  .hero-grid{grid-template-columns:minmax(0,48fr) minmax(0,52fr);gap:30px}
}

@media(max-width:900px){
  .hero h1 span,.hero h1 em{white-space:normal}
  .feature-grid,.solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .feature-grid .featured,.feature-grid article{grid-column:auto!important}
}

@media(max-width:620px){
  .feature-grid,.solution-grid{grid-template-columns:1fr!important}
  .hero h1{font-size:36px!important;line-height:1.28!important;letter-spacing:-.7px!important}
  .hero h1 span,.hero h1 em{white-space:normal}
}
