/* =========================================================
   Reactor Based Soft Starters - Page Additions
   Keep your existing design; this only adds new section styles
========================================================= */

.rbs-hero .bo-hero-kicker span{
  letter-spacing: .2px;
}

/* Pain points pills */
.rbs-mini-title{
  margin: 18px 0 12px;
  font-size: 16px;
  font-weight: 900;
}
.rbs-pain-grid{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.rbs-pill{
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(11,18,32,.12);
  background: rgba(15,118,110,.06);
  font-weight: 700;
  font-size: 13.5px;
}

/* Section head helper */
.rbs-section-head{
  margin-bottom: 18px;
}

/* Comparison section */
.rbs-compare{
  background: #ffffff;
  padding: clamp(40px, 4vw, 70px) 0;
}
.rbs-table-wrap{
  overflow-x: auto;
  border: 1px solid rgba(11,18,32,.12);
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  background: #fff;
}
.rbs-table{
  width: 100%;
  border-collapse: collapse;
  min-width: 840px;
}
.rbs-table thead th{
  text-align: left;
  padding: 14px 16px;
  background: rgba(11,18,32,.04);
  border-bottom: 1px solid rgba(11,18,32,.10);
  font-weight: 900;
}
.rbs-table tbody td{
  padding: 14px 16px;
  border-bottom: 1px solid rgba(11,18,32,.08);
  vertical-align: top;
  color: #0b1220;
}
.rbs-table tbody tr:last-child td{
  border-bottom: 0;
}
.rbs-compare-cta{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 18px;
}

/* Specs tabs */
.rbs-specs{
  background: #ffffff;
  padding: clamp(40px, 4vw, 70px) 0;
}
.rbs-spec-tabs{
  display: inline-flex;
  gap: 10px;
  padding: 8px;
  border-radius: 999px;
  border: 1px solid rgba(11,18,32,.12);
  background: rgba(11,18,32,.03);
  margin: 10px 0 18px;
}
.rbs-spec-tab{
  border: 0;
  background: transparent;
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 900;
  cursor: pointer;
  color: #0b1220;
}
.rbs-spec-tab.is-active{
  background: #0b1220;
  color: #fff;
}
.rbs-spec-panel{ display: none; }
.rbs-spec-panel.is-active{ display: block; }

.rbs-spec-grid{
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 18px;
  align-items: start;
}
.rbs-spec-card{
  border: 1px solid rgba(11,18,32,.12);
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  background: #fff;
}
.rbs-spec-title{
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 950;
}
.rbs-kv{
  width: 100%;
  border-collapse: collapse;
}
.rbs-kv td{
  padding: 10px 8px;
  border-bottom: 1px solid rgba(11,18,32,.08);
}
.rbs-kv tr:last-child td{ border-bottom: 0; }
.rbs-kv td:first-child{
  width: 44%;
  color: rgba(11,18,32,.75);
  font-weight: 800;
}
.rbs-kv td:last-child{
  font-weight: 700;
}

.rbs-spec-aside{
  display: grid;
  gap: 12px;
}
.rbs-highlight{
  border: 1px solid rgba(11,18,32,.12);
  border-radius: 18px;
  padding: 14px 14px 10px;
  background: rgba(15,118,110,.05);
}
.rbs-highlight h4{
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 950;
}
.rbs-highlight ul{
  margin: 0;
  padding-left: 18px;
  color: rgba(11,18,32,.85);
  line-height: 1.6;
  font-weight: 650;
}

/* Features */
.rbs-features{
  background: #ffffff;
  padding: clamp(40px, 4vw, 70px) 0;
}
.rbs-feature-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.rbs-feature-card{
  border: 1px solid rgba(11,18,32,.12);
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  background: #fff;
}
.rbs-feature-card h3{
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 950;
}
.rbs-feature-card p{
  margin: 0;
  color: rgba(11,18,32,.72);
  line-height: 1.7;
  font-weight: 650;
}

/* Case studies */
.rbs-cases{
  background: #ffffff;
  padding: clamp(40px, 4vw, 70px) 0;
}
.rbs-case-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.rbs-case-card{
  border: 1px solid rgba(11,18,32,.12);
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  background: #fff;
}
.rbs-case-card h3{
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 950;
}
.rbs-case-card ul{
  margin: 0;
  padding-left: 22px;
  line-height: 1.7;
  color: rgba(11,18,32,.78);
  font-weight: 650;
  list-style: disc;
}

.rbs-case-card li{
  margin-bottom: 6px;
}
.rbs-cases-cta{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 18px;
}

/* FAQ */
.rbs-faq{
  background: #ffffff;
  padding: clamp(40px, 4vw, 70px) 0;
}
.rbs-faq-list{
  display: grid;
  gap: 12px;
  max-width: 980px;
}
.rbs-faq-item{
  border: 1px solid rgba(11,18,32,.12);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.05);
  overflow: hidden;
}
.rbs-faq-q{
  width: 100%;
  text-align: left;
  padding: 14px 16px;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-weight: 950;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.rbs-faq-ico{
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(11,18,32,.14);
  font-weight: 950;
}
.rbs-faq-a{
  padding: 0 16px 14px;
  color: rgba(11,18,32,.75);
  line-height: 1.75;
  font-weight: 650;
}

/* Responsive */
@media (max-width: 1024px){
  .rbs-feature-grid{ grid-template-columns: 1fr 1fr; }
  .rbs-case-grid{ grid-template-columns: 1fr 1fr; }
  .rbs-spec-grid{ grid-template-columns: 1fr; }
}
@media (max-width: 640px){
  .rbs-feature-grid{ grid-template-columns: 1fr; }
  .rbs-case-grid{ grid-template-columns: 1fr; }
}