/* =========================================================
   SOLUTIONS HOME PAGE (NO SECTION 1 HERO)
   - sh-* : Solutions list (cards)
   - hs-* : Home solution full sections
========================================================= */

body.blh-solutions-home-page{
  background:#050b16;
  overflow-x:hidden;
}

.blh-solutions-home{
  --hs-header-h: 84px;
}

/* shared container */
.blh-solutions-home-page .sh-wrap,
.blh-solutions-home-page .hs-hero-container,
.blh-solutions-home-page .hs-wrap,
.blh-solutions-home-page .hs-s3-container{
  width:min(1200px, calc(100% - 48px));
  margin:0 auto;
}

.blh-solutions-home-page .sh-eyebrow,
.blh-solutions-home-page .hs-eyebrow{
  font-size:12px;
  letter-spacing:.2em;
  text-transform:uppercase;
  opacity:.75;
  margin-bottom:10px;
}

/* =========================================================
   SH — SOLUTIONS GRID (SECTION 2)
========================================================= */
.blh-solutions-home-page .sh-s2{
  background:#fff;
  padding:96px 0;
  color:#0e1420;
}

.blh-solutions-home-page .sh-s2-head{
  text-align:center;
  margin-bottom:38px;
}

.blh-solutions-home-page .sh-s2-head h2{
  margin:0 0 10px;
  font-size:clamp(28px, 3.2vw, 40px);
  line-height:1.15;
}

.blh-solutions-home-page .sh-s2-head p{
  margin:0 auto;
  max-width:760px;
  opacity:.75;
}

.blh-solutions-home-page .sh-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
}

.blh-solutions-home-page .sh-card{
  background:#fff;
  border-radius:16px;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 14px 40px rgba(15,23,42,.10);
  padding:22px 20px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:280px;
  transition:transform .25s ease, box-shadow .25s ease;
}

.blh-solutions-home-page .sh-card:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 60px rgba(15,23,42,.18);
}

.blh-solutions-home-page .sh-icon{
  width:74px;
  height:74px;
  border-radius:999px;
  background:rgba(15,23,42,.06);
  display:grid;
  place-items:center;
  margin-bottom:14px;
}

.blh-solutions-home-page .sh-icon i{
  font-size:28px;
  color:#0a8a4b;
}

.blh-solutions-home-page .sh-card h3{
  margin:0 0 8px;
  font-size:18px;
  line-height:1.25;
  font-weight:900;
  color:#0e1420;
}

.blh-solutions-home-page .sh-card p{
  margin:0 0 12px;
  font-size:14px;
  line-height:1.65;
  color:rgba(14,20,32,.70);
}

.blh-solutions-home-page .sh-bullets{
  margin:0;
  padding-left:18px;
  display:grid;
  gap:8px;
  font-size:13.5px;
  line-height:1.6;
  color:rgba(14,20,32,.78);
}

.blh-solutions-home-page .sh-actions{
  margin-top:18px;
}

.blh-solutions-home-page .sh-btn{
  background:#0a8a4b;
  color:#fff;
  border-radius:10px;
  padding:12px 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight:800;
}

/* =========================================================
   HOME SOLUTION — anchor offset
========================================================= */
.blh-solutions-home-page .hs-anchor{
  scroll-margin-top: calc(var(--hs-header-h) + 12px);
}

/* =========================================================
   HS — HERO (Home Solution)
========================================================= */
.blh-solutions-home-page .hs-hero{
  position:relative;
  width:100%;
  min-height:calc(100vh - var(--hs-header-h));
  overflow:hidden;
  padding-top:var(--hs-header-h);
  box-sizing:border-box;
}

.blh-solutions-home-page .hs-hero-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:1;
}

.blh-solutions-home-page .hs-hero-overlay{
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,.35) 0%,
    rgba(0,0,0,.60) 55%,
    rgba(0,0,0,.78) 100%
  );
  display:flex;
  align-items:center;
}

.blh-solutions-home-page .hs-hero-content{
  max-width:780px;
  color:#fff;
}

.blh-solutions-home-page .hs-hero-content h2{
  margin:0 0 12px;
  font-size:clamp(28px, 3.8vw, 48px);
  line-height:1.12;
  letter-spacing:-0.02em;
  color:#fff;
}

.blh-solutions-home-page .hs-hero-content p{
  margin:0 0 22px;
  font-size:17px;
  line-height:1.65;
  opacity:.90;
}

.blh-solutions-home-page .hs-hero-note{
  margin-top:14px;
  font-size:14px;
  opacity:.80;
}

.blh-solutions-home-page .hs-hero-cta{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}

.blh-solutions-home-page a.theme-btn.btn-one.hs-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 28px;
  border-radius:10px;
  font-weight:700;
  font-size:15px;
  letter-spacing:.02em;
  text-decoration:none;
}

.blh-solutions-home-page a.theme-btn.btn-one.hs-cta-primary{
  background:#0a8a4b;
  color:#fff;
}

.blh-solutions-home-page a.theme-btn.btn-one.hs-cta-ghost{
  background:rgba(255,255,255,.08);
  color:#fff;
  border:1px solid rgba(255,255,255,.65);
}

/* =========================================================
   HS — BENEFITS (flip cards)
========================================================= */
.blh-solutions-home-page .hs-s2{
  background:#fff;
  padding:96px 0;
  color:#0e1420;
}

.blh-solutions-home-page .hs-s2-head{
  text-align:center;
  margin-bottom:38px;
}

.blh-solutions-home-page .hs-s2-head h2{
  margin:0 0 10px;
  font-size:clamp(28px, 3.2vw, 40px);
  line-height:1.15;
}

.blh-solutions-home-page .hs-s2-head p{
  margin:0 auto;
  max-width:760px;
  opacity:.75;
}

.blh-solutions-home-page .hs-s2-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:22px;
}

.blh-solutions-home-page .hs-card.hs-flip{
  position:relative;
  background:#fff;
  border-radius:16px;
  border:1px solid rgba(15,23,42,.06);
  box-shadow:0 14px 40px rgba(15,23,42,.10);
  overflow:hidden;
  height:220px;
  transition:transform .25s ease, box-shadow .25s ease;
}

.blh-solutions-home-page .hs-card.hs-flip:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 60px rgba(15,23,42,.18);
}

.blh-solutions-home-page .hs-front,
.blh-solutions-home-page .hs-back{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  padding:26px 22px;
  text-align:center;
  transition:opacity .22s ease, transform .22s ease;
}

.blh-solutions-home-page .hs-front{ opacity:1; transform:translateY(0); }
.blh-solutions-home-page .hs-back{
  opacity:0;
  transform:translateY(10px);
  color:rgba(14,20,32,.72);
  font-size:14px;
  line-height:1.6;
}

.blh-solutions-home-page .hs-card.hs-flip:hover .hs-front{
  opacity:0;
  transform:translateY(-10px);
}
.blh-solutions-home-page .hs-card.hs-flip:hover .hs-back{
  opacity:1;
  transform:translateY(0);
}

.blh-solutions-home-page .hs-icon{
  width:74px;
  height:74px;
  border-radius:999px;
  background:rgba(15,23,42,.06);
  display:grid;
  place-items:center;
  margin:0 auto 14px;
}

.blh-solutions-home-page .hs-icon i{
  font-size:28px;
  color:#0a8a4b;
}

.blh-solutions-home-page .hs-front h3{
  margin:0;
  font-size:18px;
  line-height:1.25;
}

/* =========================================================
   HS — SETUP (hero-like bg + white card)
========================================================= */
.blh-solutions-home-page .hs-s3.hs-s3-hero{
  position:relative;
  width:100%;
  min-height:calc(100vh - var(--hs-header-h));
  padding-top:var(--hs-header-h);
  overflow:hidden;
  box-sizing:border-box;
}

.blh-solutions-home-page .hs-s3-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:1;
}

.blh-solutions-home-page .hs-s3-overlay{
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,.25) 0%,
    rgba(0,0,0,.45) 55%,
    rgba(0,0,0,.65) 100%
  );
  display:flex;
  align-items:center;
}

.blh-solutions-home-page .hs-s3-content{
  color:#fff;
  text-align:center;
}

.blh-solutions-home-page .hs-s3 h2{
  margin:0 0 10px;
  font-size:clamp(28px, 3.2vw, 48px);
  line-height:1.12;
  letter-spacing:-0.02em;
  color:#fff;
}

.blh-solutions-home-page .hs-s3-lead{
  margin:0 auto 18px;
  max-width:820px;
  font-size:15px;
  line-height:1.65;
  opacity:.9;
}

.blh-solutions-home-page .hs-s3-card{
  max-width:940px;
  margin:0 auto 14px;
  background:rgba(255,255,255,.96);
  color:#0e1420;
  border-radius:16px;
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 18px 55px rgba(0,0,0,.25);
  padding:18px 22px;
  text-align:left;
}

.blh-solutions-home-page .hs-s3-card h3{
  margin:0 0 10px;
  font-size:18px;
  line-height:1.25;
}

.blh-solutions-home-page .hs-s3-card ul{
  margin:0;
  padding-left:18px;
  display:grid;
  gap:8px;
  font-size:13.5px;
  line-height:1.6;
  color:rgba(14,20,32,.78);
}

.blh-solutions-home-page .hs-s3-tags{
  margin-top:14px;
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
}

.blh-solutions-home-page .hs-s3-tag{
  background:rgba(10,138,75,.09);
  border:1px solid rgba(10,138,75,.22);
  border-radius:12px;
  padding:11px 14px;
}

.blh-solutions-home-page .hs-s3-tag .k{
  display:block;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  opacity:.7;
  margin-bottom:4px;
  color:rgba(14,20,32,.72);
}

.blh-solutions-home-page .hs-s3-tag strong{
  font-size:14px;
  color:#0e1420;
}

.blh-solutions-home-page .hs-s3-benefits{
  max-width:1100px;
  margin:0 auto;
  text-align:left;
}

.blh-solutions-home-page .hs-s3-benefits h4{
  margin:0 0 10px;
  font-size:16px;
  font-weight:800;
  color:rgba(255,255,255,.95);
}

.blh-solutions-home-page .hs-s3-benefit-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:12px;
}

.blh-solutions-home-page .hs-s3-benefit{
  background:rgba(255,255,255,.96);
  border-radius:14px;
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 14px 38px rgba(0,0,0,.18);
  padding:12px 12px;
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
  align-items:start;
}

.blh-solutions-home-page .hs-s3-benefit .ico{
  width:34px;
  height:34px;
  border-radius:10px;
  background:rgba(10,138,75,.10);
  border:1px solid rgba(10,138,75,.18);
  display:grid;
  place-items:center;
}

.blh-solutions-home-page .hs-s3-benefit .ico i{
  color:#0a8a4b;
  font-size:16px;
}

.blh-solutions-home-page .hs-s3-benefit .t{
  font-weight:800;
  font-size:13px;
  margin-bottom:4px;
  color:#0e1420;
}

.blh-solutions-home-page .hs-s3-benefit .d{
  font-size:12.5px;
  line-height:1.5;
  color:rgba(14,20,32,.72);
}

/* =========================================================
   HS — GREEN SPLIT (App + accordion)
========================================================= */
.blh-solutions-home-page .hs-s4-split{
  background:#0a8a4b;
  padding:96px 0;
  color:#fff;
}

.blh-solutions-home-page .hs-s4-inner{
  display:grid;
  grid-template-columns:1fr 1.05fr;
  gap:36px;
  align-items:center;
}

.blh-solutions-home-page .hs-s4-media{
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 18px 60px rgba(0,0,0,.25);
  border:1px solid rgba(255,255,255,.12);
}

.blh-solutions-home-page .hs-s4-media img{
  width:100%;
  height:clamp(360px, 42vw, 520px);
  object-fit:cover;
  display:block;
}

.blh-solutions-home-page .hs-s4-head{
  margin-bottom:18px;
}

.blh-solutions-home-page .hs-s4-head h2{
  margin:0 0 10px;
  font-size:clamp(26px, 3vw, 40px);
  line-height:1.15;
}

.blh-solutions-home-page .hs-s4-head p{
  margin:0;
  opacity:.9;
  max-width:540px;
  line-height:1.6;
}

.blh-solutions-home-page .hs-s4-list{
  display:grid;
  gap:14px;
}

.blh-solutions-home-page .hs-s4-card{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  border-radius:16px;
  padding:18px 20px;
  transition:background .25s ease, transform .25s ease;
}

.blh-solutions-home-page .hs-s4-card:hover{
  background:rgba(255,255,255,.14);
  transform:translateY(-2px);
}

.blh-solutions-home-page .hs-s4-card-head{
  display:grid;
  grid-template-columns:26px 1fr auto;
  gap:14px;
  align-items:center;
}

.blh-solutions-home-page .hs-s4-card-head i{
  font-size:18px;
  color:#fff;
  opacity:.95;
}

.blh-solutions-home-page .hs-s4-card-head h3{
  margin:0;
  font-size:16px;
  line-height:1.3;
}

.blh-solutions-home-page .hs-s4-toggle{
  font-size:18px;
  opacity:.85;
}

.blh-solutions-home-page .hs-s4-card-body{
  margin-top:0;
  max-height:0;
  overflow:hidden;
  opacity:0;
  transform:translateY(6px);
  transition:all .25s ease;
  line-height:1.6;
  font-size:14px;
}

.blh-solutions-home-page .hs-s4-card.is-open .hs-s4-card-body{
  margin-top:12px;
  max-height:140px;
  opacity:.95;
  transform:translateY(0);
}

/* =========================================================
   HS — PROCESS
========================================================= */
.blh-solutions-home-page .hs-s6-process{
  background:#fff;
  padding:92px 0;
  color:#0e1420;
}

.blh-solutions-home-page .hs-s6-head{
  text-align:center;
  margin-bottom:36px;
}

.blh-solutions-home-page .hs-s6-head h2{
  margin:0;
  font-size:clamp(34px, 4vw, 56px);
  line-height:1.08;
  letter-spacing:-0.02em;
}

.blh-solutions-home-page .hs-s6-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:34px;
  align-items:start;
  margin-top:44px;
}

.blh-solutions-home-page .hs-s6-grid::before{
  content:"";
  position:absolute;
  left:0; right:0;
  top:12px;
  height:1px;
  background:rgba(15,23,42,.08);
}

.blh-solutions-home-page .hs-s6-item{
  text-align:center;
  padding:0 8px;
  position:relative;
}

.blh-solutions-home-page .hs-s6-step{
  position:relative;
  display:inline-flex;
  padding:6px 12px;
  border-radius:8px;
  background:#0a8a4b;
  color:#fff;
  font-weight:700;
  font-size:12px;
  line-height:1;
  margin-bottom:22px;
  z-index:1;
}

.blh-solutions-home-page .hs-s6-icon{
  width:118px;
  height:118px;
  border-radius:999px;
  margin:0 auto 18px;
  background:#fff;
  border:8px solid rgba(10,138,75,.18);
  box-shadow:0 16px 45px rgba(15,23,42,.10);
  display:grid;
  place-items:center;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.blh-solutions-home-page .hs-s6-icon i{
  font-size:42px;
  color:#0a8a4b;
}

.blh-solutions-home-page .hs-s6-item h3{
  margin:0 0 8px;
  font-size:20px;
  line-height:1.25;
  font-weight:800;
}

.blh-solutions-home-page .hs-s6-item p{
  margin:0 auto;
  max-width:260px;
  font-size:14px;
  line-height:1.65;
  color:rgba(14,20,32,.70);
}

.blh-solutions-home-page .hs-s6-item:hover .hs-s6-icon{
  transform:translateY(-6px);
  box-shadow:0 22px 60px rgba(15,23,42,.14);
  border-color:rgba(10,138,75,.28);
}

/* =========================================================
   HS — FAQ (scroll)
========================================================= */
.blh-solutions-home-page .hs-faq{
  background:#fff;
  color:#0e1420;
  padding:96px 0;
}

.blh-solutions-home-page .hs-faq-inner{
  display:grid;
  grid-template-columns:1fr 1.15fr;
  gap:42px;
  align-items:start;
}

.blh-solutions-home-page .hs-faq-left h2{
  margin:0 0 14px;
  font-size:clamp(34px, 4.2vw, 56px);
  line-height:1.05;
  letter-spacing:-0.02em;
}

.blh-solutions-home-page .hs-faq-lead{
  margin:0;
  max-width:480px;
  font-size:15px;
  line-height:1.75;
  opacity:.78;
}

.blh-solutions-home-page .hs-faq-scrollbox{
  max-height:clamp(360px, 60vh, 520px);
  overflow-y:auto;
  overflow-x:hidden;
  scroll-behavior:smooth;
  padding-right:6px;
}

.blh-solutions-home-page .hs-faq-scrollbox::-webkit-scrollbar{ width:8px; }
.blh-solutions-home-page .hs-faq-scrollbox::-webkit-scrollbar-thumb{
  background:rgba(15,23,42,.18);
  border-radius:999px;
}
.blh-solutions-home-page .hs-faq-scrollbox::-webkit-scrollbar-track{
  background:rgba(15,23,42,.06);
  border-radius:999px;
}

.blh-solutions-home-page .hs-faq-item{
  background:#f4f6f8;
  border:1px solid rgba(15,23,42,.08);
  border-radius:12px;
  overflow:hidden;
  margin-bottom:14px;
  box-shadow:0 10px 26px rgba(15,23,42,.05);
}

.blh-solutions-home-page .hs-faq-q{
  width:100%;
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:center;
  border:0;
  background:transparent;
  cursor:pointer;
  padding:18px 18px;
  text-align:left;
  font-weight:800;
  color:#0e1420;
  font-size:14px;
}

.blh-solutions-home-page .hs-faq-q:hover{
  background:rgba(255,255,255,.55);
}

.blh-solutions-home-page .hs-faq-icon{
  width:34px;
  height:34px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-size:18px;
  font-weight:900;
  background:rgba(10,138,75,.10);
  color:#0a8a4b;
}

.blh-solutions-home-page .hs-faq-a{
  max-height:0;
  overflow:hidden;
  transition:max-height .28s ease;
}

.blh-solutions-home-page .hs-faq-a p{
  margin:0;
  padding:0 18px 18px;
  font-size:14px;
  line-height:1.7;
  color:rgba(14,20,32,.78);
}

.blh-solutions-home-page .hs-faq-item.is-open{
  background:#fff;
}

/* =========================================================
   HS — CTA
========================================================= */
.blh-solutions-home-page .hs-s7-cta{
  position:relative;
  width:100%;
  padding:96px 24px;
  background:
    radial-gradient(circle at top right, rgba(10,138,75,.10), transparent 55%),
    linear-gradient(180deg, #f6f8f9 0%, #eef1f3 100%);
  text-align:center;
}

.blh-solutions-home-page .hs-s7-inner{
  max-width:760px;
  margin:0 auto;
}

.blh-solutions-home-page .hs-s7-inner h2{
  margin:0 0 14px;
  font-size:clamp(28px, 3.2vw, 40px);
  line-height:1.15;
  color:#0e1420;
}

.blh-solutions-home-page .hs-s7-inner p{
  margin:0 auto 32px;
  max-width:620px;
  font-size:16px;
  line-height:1.6;
  color:rgba(14,20,32,.75);
}

.blh-solutions-home-page .hs-s7-btn{
  margin-top:6px;
}

/* =========================================================
   Responsive
========================================================= */
@media (max-width:1024px){
  .blh-solutions-home-page .sh-grid{ grid-template-columns:1fr; }

  .blh-solutions-home-page .hs-s2-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .blh-solutions-home-page .hs-s3-benefit-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .blh-solutions-home-page .hs-s4-inner{ grid-template-columns:1fr; }
  .blh-solutions-home-page .hs-s6-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); row-gap:46px; }
  .blh-solutions-home-page .hs-s6-grid::before{ display:none; }
  .blh-solutions-home-page .hs-faq-inner{ grid-template-columns:1fr; gap:26px; }

  .blh-solutions-home-page .sh-wrap,
  .blh-solutions-home-page .hs-hero-container,
  .blh-solutions-home-page .hs-wrap,
  .blh-solutions-home-page .hs-s3-container{
    width:min(1200px, calc(100% - 32px));
  }
}

@media (max-width:768px){
  .blh-solutions-home-page .hs-hero-cta{
    flex-direction:column;
    align-items:flex-start;
  }
  .blh-solutions-home-page a.theme-btn.btn-one.hs-cta{ width:100%; }
}

@media (max-width:560px){
  .blh-solutions-home-page .sh-s2{ padding:72px 0; }

  .blh-solutions-home-page .hs-s2{ padding:72px 0; }
  .blh-solutions-home-page .hs-s2-grid{ grid-template-columns:1fr; }
  .blh-solutions-home-page .hs-s3-tags{ grid-template-columns:1fr; }
  .blh-solutions-home-page .hs-s3-benefit-grid{ grid-template-columns:1fr; }
  .blh-solutions-home-page .hs-s7-cta{ padding:72px 20px; }
}
