/* BEADS 3 pages */

.sg-beads-page{
  background:#fff;
}

.sg-beads-hero{
  padding:140px 0 90px;
  background:#0F172A;
  color:#fff;
  text-align:center;
}

.sg-beads-hero h1{
  font-size:48px;
  line-height:1.4;
  margin:0 0 24px;
  color:#fff;
}

.sg-beads-hero p{
  max-width:820px;
  line-height:2;
  color:#CBD5E1;
  margin-left:auto;
  margin-right:auto;
}

.sg-beads-content{
  padding:100px 0;
}

.sg-beads-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
  align-items:center;
  margin-bottom:90px;
}

.sg-beads-grid.reverse .sg-beads-image{
  order:2;
}

.sg-beads-grid.reverse .sg-beads-text{
  order:1;
}

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

.sg-beads-text h2{
  font-size:36px;
  margin:0 0 20px;
  line-height:1.45;
  color:#0F172A;
}

.sg-beads-text p{
  line-height:2;
  color:#64748B;
}

.sg-beads-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:220px;
  height:54px;
  border-radius:999px;
  background:#0F172A;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:700;
  margin-top:24px;
  padding:0 24px;
}

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

.sg-beads-links{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:32px;
  margin-top:40px;
}

.sg-beads-link-card{
  padding:40px;
  border:1px solid #E2E8F0;
  border-radius:20px;
  background:#fff;
}

.sg-beads-link-card h3{
  margin:0 0 16px;
  color:#0F172A;
}

.sg-beads-link-card p{
  color:#64748B;
  line-height:2;
}

/* TOP spacing adjust: BEADS and SOFTWARE */
.sg-beads-section{
  padding-bottom:80px !important;
}

.sg-software-section{
  padding-top:80px !important;
}

@media(max-width:900px){
  .sg-beads-grid{
    grid-template-columns:1fr;
    gap:40px;
  }

  .sg-beads-grid.reverse .sg-beads-image{
    order:1;
  }

  .sg-beads-grid.reverse .sg-beads-text{
    order:2;
  }

  .sg-beads-hero{
    padding:110px 0 70px;
  }

  .sg-beads-hero h1{
    font-size:34px;
  }

  .sg-beads-links{
    grid-template-columns:1fr;
  }

  .sg-beads-section{
    padding-bottom:64px !important;
  }

  .sg-software-section{
    padding-top:64px !important;
  }
}