/* Home — proporzioni allineate al riferimento Home.png */
.home-page{background:#fff}

/* HERO */
.home-page .home-hero{
  min-height:100svh!important;
  padding:12px 14px 28px!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
}
.home-page .home-hero-frame{
  width:100%!important;
  height:calc(100svh - 24px)!important;
  min-height:680px!important;
  max-height:960px!important;
  border-radius:22px!important;
}
.home-page .home-hero-content{
  padding:88px 7.2vw 0!important;
  align-items:center!important;
}
.home-page .home-hero-content .hero-copy{
  width:min(760px,60vw)!important;
  max-width:760px!important;
  margin:0!important;
}
.home-page .home-hero h1{
  max-width:760px!important;
  margin:0 0 24px!important;
  font-size:clamp(42px,3.25vw,60px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}
.home-page .home-hero .lead{
  max-width:720px!important;
  font-size:clamp(16px,1.1vw,20px)!important;
  line-height:1.55!important;
}
.home-page .home-hero .hero-actions{
  gap:14px!important;
  margin-top:38px!important;
}
.home-page .home-primary-button,
.home-page .home-secondary-button{
  min-height:0!important;
  height:54px!important;
  padding:0 28px!important;
  font-size:14px!important;
  border-radius:999px!important;
}
.home-page .home-primary-button{min-width:218px!important}
.home-page .home-secondary-button{min-width:265px!important;border-width:1.5px!important}
.home-page .home-hero-frame .hero-arrow{width:42px!important;height:42px!important}
.home-page .home-hero-frame .hero-arrow svg{width:34px!important;height:34px!important}

/* ECOSISTEMI */
.home-page .home-ecosystems{
  min-height:980px!important;
  padding:120px 0 72px!important;
  background:#fff!important;
}
.home-page .home-ecosystems-heading{
  width:min(920px,calc(100% - 48px))!important;
  text-align:center!important;
}
.home-page .home-ecosystems-heading::before{
  content:"L’ecosistema";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 18px;
  margin-bottom:20px;
  border-radius:999px;
  background:#17171a;
  color:#fff;
  font-size:12px;
  font-weight:500;
  line-height:1;
}
.home-page .home-ecosystems-heading h2{
  margin:0!important;
  font-size:clamp(30px,2.15vw,40px)!important;
  line-height:1.1!important;
  letter-spacing:-.03em!important;
}
.home-page .home-ecosystems-heading p{
  max-width:820px!important;
  margin:16px auto 0!important;
  color:#9a9698!important;
  font-size:clamp(14px,1vw,17px)!important;
  line-height:1.45!important;
}
.home-page .ecosystem-stage{
  margin-top:74px!important;
  padding-bottom:76px!important;
}
.home-page .ecosystem-track{
  gap:30px!important;
  padding:72px 4vw 18px!important;
}
.home-page .ecosystem-slide{
  flex:0 0 clamp(320px,27vw,430px)!important;
  min-height:420px!important;
}
.home-page .ecosystem-visual{height:370px!important}
.home-page .ecosystem-slide .ecosystem-title{
  left:50%!important;
  top:-62px!important;
  transform:translate(-50%,10px)!important;
  font-size:clamp(34px,2.7vw,48px)!important;
  white-space:nowrap!important;
}
.home-page .ecosystem-slide.is-current .ecosystem-title,
.home-page .ecosystem-slide:hover .ecosystem-title,
.home-page .ecosystem-slide:focus-within .ecosystem-title,
.home-page .ecosystem-slide.is-hotspot-open .ecosystem-title{
  transform:translate(-50%,0)!important;
}
.home-page .ecosystem-hotspot{
  width:30px!important;
  height:30px!important;
}
.home-page .ecosystem-tooltip{
  width:190px!important;
  padding:14px 14px 15px!important;
  bottom:12px!important;
  font-size:13px!important;
  line-height:1.42!important;
  border-radius:8px!important;
}
.home-page .ecosystem-nav{
  top:auto!important;
  bottom:4px!important;
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  transform:none!important;
}
.home-page .ecosystem-nav:hover,
.home-page .ecosystem-nav:focus-visible{transform:scale(1.07)!important}
.home-page .ecosystem-nav svg{width:21px!important;height:21px!important}
.home-page .ecosystem-nav-prev{
  left:calc(50% - 67px)!important;
  right:auto!important;
  background:#bdbdbd!important;
  color:#fff!important;
}
.home-page .ecosystem-nav-next{
  right:calc(50% - 67px)!important;
  left:auto!important;
  background:#000!important;
  color:#fff!important;
}
.home-page .ecosystem-stage::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:17px;
  width:46px;
  height:8px;
  transform:translateX(-50%);
  background:
    radial-gradient(circle at 31px 4px,#999 0 3px,transparent 3.5px),
    radial-gradient(circle at 40px 4px,#999 0 3px,transparent 3.5px),
    linear-gradient(#111,#111) left center/24px 5px no-repeat;
  border-radius:999px;
  pointer-events:none;
}

/* CARATTERISTICHE */
.home-page .home-features-section{
  padding:108px 0 130px!important;
  background:#0c0c0d!important;
}
.home-page .home-features-container{max-width:1180px!important}
.home-page .home-features-heading{margin-bottom:72px!important}
.home-page .home-features-chip{
  min-height:30px!important;
  padding:0 16px!important;
  margin-bottom:24px!important;
  font-size:11px!important;
}
.home-page .home-features-heading h2{
  font-size:clamp(36px,3.1vw,50px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}
.home-page .home-features-heading p{
  max-width:820px!important;
  margin-top:18px!important;
  color:#8f8f94!important;
  font-size:clamp(14px,1vw,17px)!important;
  line-height:1.5!important;
}
.home-page .home-features-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:64px!important;
}
.home-page .home-feature-card{padding:0!important;min-height:0!important}
.home-page .home-feature-visual{
  height:180px!important;
  margin-bottom:28px!important;
}
.home-page .home-feature-visual img{
  max-width:190px!important;
  max-height:145px!important;
}
.home-page .home-feature-card h3{
  margin-bottom:18px!important;
  font-size:clamp(22px,1.55vw,28px)!important;
  line-height:1.1!important;
}
.home-page .home-feature-card ul{
  padding-left:17px!important;
  font-size:clamp(13px,.9vw,16px)!important;
  line-height:1.55!important;
  color:#a4a4a8!important;
}
.home-page .home-feature-card li+li{margin-top:18px!important}

/* PREDITTIVA */
.home-page .home-predictive-section{
  padding:92px 0 100px!important;
}
.home-page .home-predictive-shell{
  width:min(1280px,calc(100% - 72px))!important;
  grid-template-columns:minmax(0,1.1fr) minmax(380px,.82fr)!important;
  gap:64px!important;
  align-items:center!important;
}
.home-page .home-predictive-media{border-radius:22px!important}
.home-page .home-predictive-media img{aspect-ratio:1.62/1!important}
.home-page .home-predictive-copy{max-width:520px!important}
.home-page .home-predictive-copy h2{
  max-width:500px!important;
  font-size:clamp(34px,2.55vw,46px)!important;
  line-height:1.07!important;
  letter-spacing:-.035em!important;
}
.home-page .home-predictive-copy p{
  max-width:510px!important;
  margin-top:18px!important;
  font-size:clamp(14px,.98vw,17px)!important;
  line-height:1.5!important;
  color:#202024!important;
}
.home-page .home-predictive-button{
  min-width:0!important;
  height:52px!important;
  margin-top:30px!important;
  padding:0 24px!important;
  font-size:13px!important;
}

/* FOOTER HOME */
.home-page .site-footer.unified-footer{padding:30px 14px 14px!important}
.home-page .unified-footer-shell{
  padding:72px 62px 54px!important;
  border-radius:28px!important;
}
.home-page .unified-footer-top{
  grid-template-columns:minmax(360px,1.8fr) minmax(100px,.55fr) minmax(100px,.55fr) minmax(180px,.8fr)!important;
  gap:38px!important;
}
.home-page .unified-footer-claim h2{
  font-size:clamp(28px,2vw,36px)!important;
  line-height:1.3!important;
}
.home-page .unified-footer-col h3{
  margin-bottom:12px!important;
  font-size:13px!important;
}
.home-page .unified-footer-col ul{
  gap:9px!important;
  font-size:11.5px!important;
  line-height:1.45!important;
}
.home-page .unified-footer-divider{margin:48px 0 34px!important}
.home-page .unified-footer-brand{
  grid-template-columns:78px minmax(0,520px)!important;
  gap:18px!important;
}
.home-page .unified-footer-brand img{width:78px!important}
.home-page .unified-footer-brand p{font-size:10.5px!important;line-height:1.45!important}
.home-page .unified-footer-legal{gap:22px!important}
.home-page .unified-footer-legal a{font-size:10.5px!important}

@media(max-width:1100px){
  .home-page .home-hero-content{padding-inline:6vw!important}
  .home-page .home-ecosystems{min-height:860px!important;padding-top:96px!important}
  .home-page .ecosystem-slide{flex-basis:min(36vw,390px)!important}
  .home-page .ecosystem-visual{height:340px!important}
  .home-page .home-features-grid{gap:38px!important}
  .home-page .home-predictive-shell{width:calc(100% - 52px)!important;gap:42px!important}
  .home-page .unified-footer-shell{padding:58px 42px 46px!important}
}

@media(max-width:800px){
  .home-page .home-hero{min-height:760px!important;padding:10px 10px 20px!important}
  .home-page .home-hero-frame{height:740px!important;min-height:740px!important;border-radius:18px!important}
  .home-page .home-hero-content{align-items:flex-end!important;padding:100px 24px 58px!important}
  .home-page .home-hero-content .hero-copy{width:100%!important;max-width:560px!important}
  .home-page .home-hero h1{font-size:clamp(36px,9vw,48px)!important}
  .home-page .home-hero .lead{font-size:15px!important}
  .home-page .home-hero .hero-actions{display:grid!important;gap:10px!important;margin-top:28px!important}
  .home-page .home-primary-button,.home-page .home-secondary-button{width:100%!important;min-width:0!important;height:50px!important}
  .home-page .home-ecosystems{min-height:0!important;padding:74px 0 58px!important}
  .home-page .ecosystem-stage{margin-top:58px!important}
  .home-page .ecosystem-track{padding:62px 24px 72px!important}
  .home-page .ecosystem-slide{flex:0 0 min(78vw,390px)!important;min-height:390px!important}
  .home-page .ecosystem-visual{height:340px!important}
  .home-page .ecosystem-slide .ecosystem-title{font-size:34px!important}
  .home-page .ecosystem-nav{display:grid!important}
  .home-page .home-features-section{padding:78px 0 88px!important}
  .home-page .home-features-grid{grid-template-columns:1fr!important;gap:48px!important}
  .home-page .home-feature-card{max-width:520px!important;margin:0 auto!important;width:100%!important}
  .home-page .home-feature-card h3{font-size:26px!important}
  .home-page .home-feature-card ul{font-size:15px!important}
  .home-page .home-predictive-section{padding:68px 0 74px!important}
  .home-page .home-predictive-shell{width:calc(100% - 30px)!important;grid-template-columns:1fr!important;gap:34px!important}
  .home-page .home-predictive-copy{max-width:620px!important}
  .home-page .home-predictive-copy h2{font-size:clamp(34px,8vw,44px)!important}
  .home-page .home-predictive-copy p{font-size:16px!important}
  .home-page .unified-footer-top{grid-template-columns:1fr 1fr!important}
  .home-page .unified-footer-claim{grid-column:1/-1!important}
}

@media(max-width:560px){
  .home-page .home-ecosystems-heading::before{font-size:11px;min-height:28px;padding-inline:14px}
  .home-page .home-ecosystems-heading h2{font-size:30px!important}
  .home-page .home-ecosystems-heading p{font-size:14px!important}
  .home-page .ecosystem-track{padding-inline:16px!important}
  
  .home-page .home-features-heading h2{font-size:34px!important}
  .home-page .home-features-heading p{font-size:14px!important}
  .home-page .unified-footer-shell{padding:44px 24px 34px!important}
  .home-page .unified-footer-top{grid-template-columns:1fr!important}
  .home-page .unified-footer-claim{grid-column:auto!important}
  .home-page .unified-footer-claim h2{font-size:27px!important}
}

/* Ecosistemi: allineamento verticale uniforme di titoli e illustrazioni */
.home-page .ecosystem-track{
  align-items:stretch!important;
}
.home-page .ecosystem-slide{
  height:455px!important;
  min-height:455px!important;
  padding:0!important;
  display:grid!important;
  grid-template-rows:64px 391px!important;
  align-self:stretch!important;
  overflow:visible!important;
}
.home-page .ecosystem-slide .ecosystem-title{
  position:relative!important;
  inset:auto!important;
  grid-row:1!important;
  width:100%!important;
  height:64px!important;
  margin:0!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  padding:0 8px 10px!important;
  text-align:center!important;
  line-height:1!important;
  transform:none!important;
  opacity:.14!important;
  transition:opacity .25s ease,color .25s ease!important;
}
.home-page .ecosystem-slide.is-current .ecosystem-title,
.home-page .ecosystem-slide:hover .ecosystem-title,
.home-page .ecosystem-slide:focus-within .ecosystem-title,
.home-page .ecosystem-slide.is-hotspot-open .ecosystem-title{
  opacity:1!important;
  transform:none!important;
}
.home-page .ecosystem-visual{
  grid-row:2!important;
  width:100%!important;
  height:391px!important;
  min-height:391px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:visible!important;
}
.home-page .ecosystem-visual img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  margin:0!important;
}
@media(max-width:1100px){
  .home-page .ecosystem-slide{
    height:425px!important;
    min-height:425px!important;
    grid-template-rows:60px 365px!important;
  }
  .home-page .ecosystem-slide .ecosystem-title{height:60px!important;padding-bottom:8px!important}
  .home-page .ecosystem-visual{height:365px!important;min-height:365px!important}
}
@media(max-width:800px){
  .home-page .ecosystem-slide{
    height:405px!important;
    min-height:405px!important;
    grid-template-rows:58px 347px!important;
  }
  .home-page .ecosystem-slide .ecosystem-title{
    height:58px!important;
    opacity:.28!important;
    padding-bottom:8px!important;
  }
  .home-page .ecosystem-slide.is-current .ecosystem-title{opacity:1!important}
  .home-page .ecosystem-visual{height:347px!important;min-height:347px!important}
}


/* Allineamento preciso immagini + testo nelle Caratteristiche Principali */
@media (min-width:901px){
  .home-page .home-features-grid{
    align-items:start!important;
  }
  .home-page .home-feature-card{
    display:grid!important;
    grid-template-rows:180px 68px auto!important;
    align-content:start!important;
    height:100%!important;
  }
  .home-page .home-feature-visual{
    height:180px!important;
    margin:0!important;
    display:flex!important;
    justify-content:center!important;
  }
  .home-page .home-feature-visual img{
    display:block!important;
    width:auto!important;
    object-fit:contain!important;
    object-position:center bottom!important;
  }
  .home-page .home-feature-card:nth-child(1) .home-feature-visual img{
    max-width:190px!important;
    max-height:116px!important;
  }
  .home-page .home-feature-card:nth-child(2) .home-feature-visual img{
    max-width:205px!important;
    max-height:145px!important;
  }
  .home-page .home-feature-card:nth-child(3) .home-feature-visual img{
    max-width:182px!important;
    max-height:145px!important;
  }
  .home-page .home-feature-card h3{
    height:68px!important;
    margin:0!important;
    padding-top:26px!important;
    display:flex!important;
    align-items:flex-start!important;
  }
  .home-page .home-feature-card ul{
    margin:0!important;
    padding-top:14px!important;
    align-self:start!important;
  }
}
@media (max-width:900px){
  .home-page .home-feature-card{
    display:grid!important;
    grid-template-rows:165px auto auto!important;
  }
  .home-page .home-feature-visual{
    height:165px!important;
    margin:0 0 20px!important;
    display:flex!important;
  }
  .home-page .home-feature-card h3{
    height:auto!important;
    min-height:0!important;
    margin:0 0 16px!important;
    padding:0!important;
  }
  .home-page .home-feature-card ul{
    margin:0!important;
    padding-top:0!important;
  }
}

/* Caratteristiche principali: immagini allineate a sinistra su desktop e mobile */
.home-page .home-feature-visual{
  justify-content:flex-start!important;
  justify-items:start!important;
  text-align:left!important;
}
.home-page .home-feature-visual img{
  margin-left:0!important;
  margin-right:auto!important;
  object-position:left bottom!important;
}
@media (min-width:901px){
  .home-page .home-feature-visual{
    justify-content:flex-start!important;
    align-items:flex-end!important;
  }
}
@media (max-width:900px){
  .home-page .home-feature-visual{
    justify-content:flex-start!important;
  }
}


/* v24 — mobile: più margine e contenuti centrati nella sezione Caratteristiche Principali */
@media (max-width:900px){
  .home-page .home-features-section{padding:84px 0 94px!important}
  .home-page .home-features-container{max-width:100%!important;padding-inline:26px!important}
  .home-page .home-features-grid{gap:58px!important}
  .home-page .home-feature-card{
    max-width:360px!important;
    margin:0 auto!important;
    text-align:center!important;
    justify-items:center!important;
    grid-template-rows:176px auto auto!important;
  }
  .home-page .home-feature-visual{
    width:100%!important;
    height:176px!important;
    margin:0 0 24px!important;
    justify-content:center!important;
    align-items:flex-end!important;
    text-align:center!important;
  }
  .home-page .home-feature-visual img{
    margin-inline:auto!important;
    object-position:center bottom!important;
  }
  .home-page .home-feature-card h3{
    width:100%!important;
    margin:0 0 18px!important;
    text-align:center!important;
    justify-content:center!important;
    align-items:flex-start!important;
  }
  .home-page .home-feature-card ul{
    width:min(100%,320px)!important;
    margin:0 auto!important;
    padding-left:24px!important;
    text-align:left!important;
  }
}
@media (max-width:560px){
  .home-page .home-features-section{padding:74px 0 82px!important}
  .home-page .home-features-container{padding-inline:20px!important}
  .home-page .home-features-grid{gap:48px!important}
  .home-page .home-feature-card{max-width:330px!important}
  .home-page .home-feature-visual{height:164px!important}
  .home-page .home-feature-card ul{width:min(100%,290px)!important;padding-left:22px!important}
}


/* v25 — correzione allineamento visivo ecosistema Energetico */
.home-page .ecosystem-energetico .ecosystem-visual img{
  transform:translateY(18px) scale(.94)!important;
  transform-origin:center bottom!important;
}
@media(max-width:1100px){
  .home-page .ecosystem-energetico .ecosystem-visual img{
    transform:translateY(14px) scale(.95)!important;
  }
}
@media(max-width:800px){
  .home-page .ecosystem-energetico .ecosystem-visual img{
    transform:translateY(10px) scale(.96)!important;
  }
}


/* v26 — allineamento reale ecosistemi sulla larghezza della piattaforma */
@media (min-width:801px){
  .home-page .ecosystem-slide{
    height:535px!important;
    min-height:535px!important;
    grid-template-rows:64px 471px!important;
  }
  .home-page .ecosystem-visual{
    height:471px!important;
    min-height:471px!important;
    align-items:flex-end!important;
    overflow:visible!important;
  }
  .home-page .ecosystem-visual img{
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:unset!important;
    object-position:unset!important;
    transform:none!important;
    margin:0!important;
  }
  .home-page .ecosystem-energetico .ecosystem-visual img{
    width:100%!important;
    height:auto!important;
    transform:none!important;
  }
}
@media (min-width:801px) and (max-width:1100px){
  .home-page .ecosystem-slide{
    height:500px!important;
    min-height:500px!important;
    grid-template-rows:60px 440px!important;
  }
  .home-page .ecosystem-visual{
    height:440px!important;
    min-height:440px!important;
  }
}


/* v27 — carosello ecosistemi: Energetico parte al centro della viewport */
.home-page .ecosystem-track{
  padding-left:calc(50vw - (clamp(320px,27vw,430px) / 2))!important;
  padding-right:calc(50vw - (clamp(320px,27vw,430px) / 2))!important;
  scroll-padding-inline:50vw!important;
}
@media(max-width:1100px) and (min-width:801px){
  .home-page .ecosystem-track{
    padding-left:calc(50vw - (min(36vw,390px) / 2))!important;
    padding-right:calc(50vw - (min(36vw,390px) / 2))!important;
  }
}
@media(max-width:800px){
  .home-page .ecosystem-track{
    padding-left:calc(50vw - (min(78vw,390px) / 2))!important;
    padding-right:calc(50vw - (min(78vw,390px) / 2))!important;
  }
}
@media(max-width:560px){
  .home-page .ecosystem-track{
    padding-left:6vw!important;
    padding-right:6vw!important;
  }
  .home-page .ecosystem-slide{flex-basis:88vw!important}
}

@media (max-width: 800px) {
  .home-page #ecosystems-title .ecosystems-title-second-line {
    display: block;
  }
}

.home-page .home-features-section {
  padding: clamp(64px, 7vw, 104px) 0 !important;
}
.home-page .home-features-section .home-features-container {
  width: 100% !important;
  max-width: 1328px !important;
  padding-inline: clamp(20px, 4vw, 48px) !important;
  margin-inline: auto !important;
}
.home-page .home-features-section .home-features-heading {
  margin-bottom: clamp(40px, 5vw, 64px) !important;
}
.home-page .home-features-section .home-features-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(28px, 4vw, 56px) !important;
  align-items: start !important;
}
.home-page .home-features-section .home-feature-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 180px auto auto !important;
  grid-column: auto !important;
  gap: 20px !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  justify-items: stretch !important;
}
.home-page .home-features-section .home-feature-card .home-feature-visual {
  display: flex !important;
  width: 100% !important;
  height: 180px !important;
  margin: 0 !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
.home-page .home-features-section .home-feature-card .home-feature-visual img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: min(100%, 230px) !important;
  max-height: 170px !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: left center !important;
}
.home-page .home-features-section .home-feature-card h3 {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 2.5em !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: clamp(23px, 2vw, 28px) !important;
  line-height: 1.25 !important;
  text-align: left !important;
}
.home-page .home-features-section .home-feature-card ul {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 0 0 1.2em !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  text-align: left !important;
  overflow-wrap: break-word;
}
.home-page .home-features-section .home-feature-card li + li {
  margin-top: 16px !important;
}
@media (min-width: 700px) and (max-width: 1099px) {
  .home-page .home-features-section .home-features-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 40px !important;
  }
  .home-page .home-features-section .home-feature-card {
    grid-template-columns: 180px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 32px !important;
    row-gap: 16px !important;
  }
  .home-page .home-features-section .home-feature-card .home-feature-visual {
    grid-row: 1 / 3;
    height: 160px !important;
  }
  .home-page .home-features-section .home-feature-card h3 {
    min-height: 0 !important;
  }
  .home-page .home-features-section .home-feature-card ul {
    grid-column: 2;
  }
}
@media (max-width: 699px) {
  .home-page .home-features-section .home-features-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 48px !important;
  }
  .home-page .home-features-section .home-feature-card {
    max-width: 480px !important;
    margin-inline: auto !important;
    grid-template-rows: 150px auto auto !important;
    gap: 18px !important;
  }
  .home-page .home-features-section .home-feature-card .home-feature-visual {
    height: 150px !important;
  }
  .home-page .home-features-section .home-feature-card .home-feature-visual img {
    max-width: min(100%, 210px) !important;
    max-height: 150px !important;
  }
  .home-page .home-features-section .home-feature-card h3 {
    min-height: 0 !important;
    font-size: 26px !important;
  }
}