/* Home page: latest blogs (under Industries) */
.hb-sec{background:#d9e6ff;padding:clamp(48px,6vw,88px) 0}
.hb-sec[hidden]{display:none}
.hb-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(16px,1.6vw,22px);max-width:1280px;margin-left:auto;margin-right:auto;margin-top:clamp(24px,3vw,40px)}
.hb-card{flex:0 1 calc((100% - 3*clamp(16px,1.6vw,22px))/4);min-width:230px;display:flex;flex-direction:column;background:#fff;border:0;border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 10px 24px -18px rgba(15,28,63,.45);transition:transform .18s,box-shadow .18s}
.hb-card:hover{transform:translateY(-3px);box-shadow:0 20px 38px -22px rgba(47,107,255,.55)}
.hb-img{aspect-ratio:2/1;background:#e8efff;overflow:hidden}
.hb-img img{width:100%;height:100%;object-fit:cover;display:block}
.hb-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.hb-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:#6b7ba3}
.hb-cat{background:#e8efff;color:#1b63d8;border:1px solid #c9d8f8;border-radius:999px;padding:2px 9px;font-weight:600;font-size:11px}
.hb-card h3{margin:0;font-size:clamp(15px,1.1vw,17px);line-height:1.3;color:#0f1c3f}
.hb-card p{margin:0;font-size:13.5px;line-height:1.55;color:#4a5b80;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hb-more{margin-top:auto;color:#1b63d8;font-weight:600;font-size:13px}
.hb-seemore{text-align:center;margin-top:clamp(26px,3vw,40px)}
.hb-seemore a{display:inline-block;padding:11px 26px;border:2px solid #1b63d8;border-radius:6px;color:#1b63d8;font-weight:600;text-decoration:none;transition:background .15s,color .15s}
.hb-seemore a:hover{background:#1b63d8;color:#fff}
.hb-img{background:#cfdcf7}
@media (max-width:1100px){.hb-card{flex-basis:calc((100% - clamp(16px,1.6vw,22px))/2)}}
@media (max-width:640px){.hb-card{flex-basis:100%}}
.hb-sec .ds-head{text-align:center;margin-left:auto;margin-right:auto}
.hb-sec .ds-head p{margin-left:auto;margin-right:auto}
/* specificity boost (home page styles are heavy) */
html body .hb-sec{background:#d9e6ff!important}
html body .hb-sec .ds-head,html body .hb-sec .ds-head h2,html body .hb-sec .ds-head p,html body .hb-sec .ds-eyebrow{text-align:center!important;margin-left:auto!important;margin-right:auto!important;max-width:none!important}
html body .hb-sec .hb-card h3{font-size:clamp(15px,1.1vw,17px)!important;line-height:1.3!important;max-width:none!important;margin:0!important}
html body .hb-sec .hb-card p{font-size:13.5px!important;line-height:1.55!important;max-width:none!important;margin:0!important}

/* larger technical heading */
html body .hb-sec .ds-head h2{font-size:clamp(28px,3.1vw,46px)!important;line-height:1.15!important;max-width:1000px!important;letter-spacing:-.02em}
html body .hb-sec .ds-head p{font-size:clamp(15px,1.15vw,18px)!important;line-height:1.7!important;max-width:820px!important;margin-top:16px!important}
.hb-tags{list-style:none;margin:26px auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:900px}
.hb-tags li{margin:0;padding:7px 15px;border-radius:999px;background:#fff;color:#1b63d8;font-size:13px;font-weight:600;line-height:1.2;box-shadow:0 6px 16px -12px rgba(15,28,63,.5)}

/* =====================================================================
   Dark section colours — HOME PAGE
   ===================================================================== */
html body .ds-dark,
html body #ds-why,
html body section.iss-cta,
html body footer {
  background-color: #1a2744 !important;
  background-image: none !important;
}

html body footer {
  background-color: #111d33 !important;
  background-image: none !important;
}

/* =====================================================================
   CTA section — centred layout (home page)
   ===================================================================== */
html body section.iss-cta > div {
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}
html body section.iss-cta > div > div {
  max-width: 62ch !important;
}
html body section.iss-cta h2 {
  font-size: clamp(1.8rem,3vw,2.6rem) !important;
  text-align: center !important;
  margin: 0 0 12px !important;
}
html body section.iss-cta p {
  text-align: center !important;
  max-width: 52ch !important;
  margin: 0 auto !important;
}
html body section.iss-cta a[href] {
  margin-top: 28px !important;
  display: inline-block !important;
}