/* SOFTWARE DETAIL PAGES */

.sg-software-detail-hero{
  padding:140px 0 100px;
  background:#0F172A;
  color:#fff;
}

.sg-software-detail-hero-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
  align-items:center;
}

.sg-software-detail-hero-text h1{
  font-size:46px;
  line-height:1.35;
  margin:0 0 26px;
  color:#fff;
  letter-spacing:.04em;
}

.sg-software-detail-hero-text p{
  font-size:17px;
  line-height:2;
  color:#CBD5E1;
}

.sg-software-detail-hero-image img{
  width:100%;
  height:auto;
  display:block;
  border-radius:22px;
  box-shadow:0 30px 90px rgba(0,0,0,.35);
}

.sg-software-detail-section{
  padding:100px 0;
  background:#fff;
}

.sg-software-detail-heading{
  text-align:center;
  margin-bottom:56px;
}

.sg-software-detail-heading h2{
  font-size:38px;
  line-height:1.4;
  color:#0F172A;
  margin:0;
}

.sg-software-detail-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}

.sg-software-detail-feature{
  border:1px solid #E2E8F0;
  background:#fff;
  padding:32px;
  min-height:160px;
}

.sg-software-detail-feature span{
  display:block;
  color:#06B6D4;
  font-weight:800;
  letter-spacing:.14em;
  margin-bottom:18px;
}

.sg-software-detail-feature p{
  color:#334155;
  font-weight:700;
  line-height:1.8;
  margin:0;
}

.sg-software-detail-info{
  padding:100px 0;
  background:#F8FAFC;
}

.sg-software-detail-info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:32px;
}

.sg-software-detail-info-card{
  background:#fff;
  border:1px solid #E2E8F0;
  padding:44px;
}

.sg-software-detail-info-card h2{
  font-size:30px;
  color:#0F172A;
  margin:0 0 20px;
}

.sg-software-detail-info-card p{
  color:#64748B;
  line-height:2;
}

/* Additional alternating image/text columns */
.sg-software-detail-columns{
  padding:100px 0;
  background:#fff;
}

.sg-software-detail-column{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
  align-items:center;
  padding:72px 0;
  border-bottom:1px solid #E2E8F0;
}

.sg-software-detail-column:first-child{
  padding-top:0;
}

.sg-software-detail-column:last-child{
  padding-bottom:0;
  border-bottom:none;
}

.sg-software-detail-column.is-reverse .sg-software-detail-column-image{
  order:2;
}

.sg-software-detail-column.is-reverse .sg-software-detail-column-text{
  order:1;
}

.sg-software-detail-column-image img{
  width:100%;
  height:auto;
  display:block;
  border-radius:20px;
  box-shadow:0 24px 70px rgba(15,23,42,.14);
}

.sg-software-detail-column-placeholder{
  min-height:320px;
  border:1px dashed #CBD5E1;
  border-radius:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#94A3B8;
  letter-spacing:.18em;
  font-weight:800;
  background:#F8FAFC;
}

.sg-software-detail-column-text h2{
  font-size:34px;
  line-height:1.45;
  color:#0F172A;
  margin:0 0 22px;
}

.sg-software-detail-column-text p{
  font-size:16px;
  line-height:2;
  color:#64748B;
  margin:0;
}

.sg-software-detail-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:200px;
  height:52px;
  border-radius:999px;
  background:#0F172A;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:700;
  letter-spacing:.08em;
  margin-top:18px;
}

.sg-software-detail-button:hover{
  background:#06B6D4;
}

.sg-software-detail-cta{
  padding:100px 0;
  background:#0F172A;
  color:#fff;
  text-align:center;
}

.sg-software-detail-cta h2{
  color:#fff;
  font-size:34px;
  margin:0 0 22px;
}

.sg-software-detail-cta p{
  color:#CBD5E1;
  line-height:2;
}

.sg-software-detail-cta .sg-mail a{
  color:#06B6D4;
}

@media(max-width:900px){
  .sg-software-detail-hero{
    padding:110px 0 76px;
  }

  .sg-software-detail-hero-grid,
  .sg-software-detail-info-grid,
  .sg-software-detail-column{
    grid-template-columns:1fr;
    gap:40px;
  }

  .sg-software-detail-hero-text h1{
    font-size:34px;
  }

  .sg-software-detail-feature-grid{
    grid-template-columns:1fr;
  }

  .sg-software-detail-column.is-reverse .sg-software-detail-column-image,
  .sg-software-detail-column.is-reverse .sg-software-detail-column-text{
    order:initial;
  }

  .sg-software-detail-column-text h2{
    font-size:28px;
  }
}

@media(max-width:640px){
  .sg-software-detail-section,
  .sg-software-detail-info,
  .sg-software-detail-columns,
  .sg-software-detail-cta{
    padding:76px 0;
  }

  .sg-software-detail-info-card{
    padding:30px;
  }

  .sg-software-detail-column{
    padding:54px 0;
    gap:28px;
  }

  .sg-software-detail-column-placeholder{
    min-height:220px;
  }

  .sg-software-detail-button{
    width:100%;
  }
}