﻿:root{
  --bg:#f6f8fb;
  --surface:#fff;
  --surface-soft:#f8fbff;
  --ink:#0f172a;
  --muted:#64748b;
  --line:#e2e8f0;
  --brand:#1769ff;
  --brand-dark:#0b4ed8;
  --aqua:#12b3a8;
  --amber:#f59e0b;
  --rose:#ef476f;
  --dark:#08111f;
  --radius:24px;
  --shadow:0 20px 55px rgba(15,23,42,.08);
  --shadow-strong:0 28px 80px rgba(15,23,42,.16);
}

/* About page: inner content aligned with the refined homepage header/footer */
.inner-page{
  --about-dark:#07111d;
  --about-ink:#111827;
  --about-muted:#667085;
  --about-line:#dce4ed;
  background:#f4f7fb;
}
.about-main{
  overflow:hidden;
  background:#f4f7fb;
}
.about-hero{
  position:relative;
  min-height:680px;
  display:grid;
  align-items:end;
  overflow:hidden;
  color:#fff;
  background:#06101c;
  isolation:isolate;
}
.about-hero-bg{
  position:absolute;
  inset:-4%;
  z-index:-3;
  background:
    linear-gradient(90deg,rgba(4,10,18,.88) 0%,rgba(4,10,18,.58) 50%,rgba(4,10,18,.18) 100%),
    linear-gradient(180deg,rgba(4,10,18,.16),rgba(4,10,18,.78)),
    url("../images/bm-style-industrial-hero-opt.webp") center/cover no-repeat;
  transform:scale(1.04);
  animation:aboutHeroFloat 24s ease-in-out infinite alternate;
}
.about-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 92%);
}
.about-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:rgba(255,255,255,.38);
  opacity:.55;
}
@keyframes aboutHeroFloat{
  from{transform:scale(1.04)}
  to{transform:scale(1.08)}
}
.about-hero-inner{
  position:relative;
  z-index:2;
  padding:120px 0 96px;
}
.about-breadcrumb{
  margin:0 0 26px;
  color:rgba(255,255,255,.72);
  font-size:16px;
  font-weight:800;
}
.about-hero h1{
  width:min(1120px,80vw);
  margin:0;
  font-size:clamp(54px,5.1vw,92px);
  line-height:1.05;
  font-weight:950;
  letter-spacing:0;
}
.about-page-title{
  display:block;
  width:min(780px,100%);
  margin:0;
  color:#fff;
  font-size:clamp(58px,6vw,108px);
  line-height:1;
  font-weight:950;
  letter-spacing:0;
  white-space:normal;
  word-break:keep-all;
}
.about-hero .about-page-title{
  width:min(720px,100%);
  font-size:clamp(72px,7.4vw,132px);
  line-height:.96;
}
.about-hero-lead{
  width:min(850px,100%);
  margin:30px 0 0;
  color:#e6edf5;
  font-size:22px;
  line-height:1.85;
  overflow-wrap:anywhere;
  word-break:normal;
}
.about-hero-tags{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:36px;
}
.about-hero-tags span{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 18px;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:15px;
  font-weight:850;
  backdrop-filter:blur(10px);
}
.about-hero-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:min(980px,100%);
  margin-top:46px;
  border-top:1px solid rgba(255,255,255,.26);
  border-bottom:1px solid rgba(255,255,255,.18);
}
.about-hero-meta span{
  min-height:104px;
  display:grid;
  align-content:center;
  gap:8px;
  padding:20px 24px 20px 0;
  border-right:1px solid rgba(255,255,255,.16);
}
.about-hero-meta span:last-child{border-right:0}
.about-hero-meta b{
  color:#fff;
  font-size:21px;
  line-height:1.2;
}
.about-hero-meta em{
  color:rgba(255,255,255,.68);
  font-size:14px;
  line-height:1.6;
  font-style:normal;
  font-weight:750;
}
.about-hero-mark{
  position:absolute;
  right:clamp(28px,8vw,170px);
  bottom:clamp(46px,8vw,120px);
  z-index:1;
  width:clamp(160px,18vw,300px);
  opacity:.16;
  filter:invert(1) grayscale(1);
  animation:aboutMarkPulse 5s ease-in-out infinite;
}
@keyframes aboutMarkPulse{
  0%,100%{opacity:.11;transform:translateY(0)}
  50%{opacity:.2;transform:translateY(-10px)}
}
.about-intro,
.about-capability,
.about-proof,
.about-service-map{
  padding:112px 0;
}
.about-intro{
  background:#fff;
}
.about-intro-grid{
  display:grid;
  grid-template-columns:minmax(300px,420px) minmax(0,1fr);
  gap:clamp(46px,6.5vw,108px);
  align-items:start;
}
.about-intro-side{
  position:sticky;
  top:128px;
  display:grid;
  gap:30px;
}
.about-section-label{
  display:flex;
  align-items:center;
  gap:18px;
  margin:0;
  color:#111;
  white-space:nowrap;
}
.about-section-label span{
  color:#0b66c3;
  font-size:18px;
  font-weight:950;
}
.about-section-label b{
  font-size:22px;
  font-weight:950;
}
.about-logo-panel{
  position:relative;
  min-height:520px;
  display:grid;
  align-content:end;
  padding:34px;
  overflow:hidden;
  color:#111827;
  background:
    linear-gradient(180deg,rgba(255,255,255,.82),rgba(245,248,252,.96)),
    linear-gradient(90deg,rgba(15,23,42,.08) 1px,transparent 1px);
  border-top:1px solid var(--about-line);
  border-bottom:1px solid var(--about-line);
  isolation:isolate;
}
.about-logo-panel:hover img{
  opacity:.32;
  transform:translate(-50%,-50%) scale(1.04);
}
.about-logo-panel::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(rgba(15,23,42,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,23,42,.06) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.9) 18%,rgba(0,0,0,.9) 82%,transparent);
}
.about-logo-panel::after{
  content:"";
  position:absolute;
  left:34px;
  right:34px;
  top:50%;
  height:1px;
  background:rgba(15,23,42,.18);
}
.about-logo-panel i{
  position:absolute;
  left:0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(11,102,195,.44),transparent);
  transform-origin:center;
  animation:aboutLogoLine 5.6s ease-in-out infinite;
}
.about-logo-panel i:nth-of-type(1){top:30%}
.about-logo-panel i:nth-of-type(2){top:50%;animation-delay:.8s}
.about-logo-panel i:nth-of-type(3){top:70%;animation-delay:1.6s}
.about-logo-panel img{
  position:absolute;
  left:50%;
  top:45%;
  width:min(270px,70%);
  opacity:.22;
  filter:saturate(.9);
  transform:translate(-50%,-50%);
  transition:opacity .35s ease,transform .7s ease;
}
.about-logo-panel p{
  position:relative;
  margin:0;
  font-size:34px;
  line-height:1.1;
  font-weight:950;
}
.about-logo-panel span{
  position:relative;
  display:block;
  margin-top:14px;
  color:#667085;
  font-size:15px;
  line-height:1.8;
  font-weight:800;
}
@keyframes aboutLogoLine{
  0%,100%{opacity:.18;transform:translateX(-18%) scaleX(.4)}
  50%{opacity:1;transform:translateX(18%) scaleX(.86)}
}
.about-intro-copy h2,
.about-title-line h2,
.about-method-copy h2,
.about-proof-copy h2,
.about-service-map h2{
  margin:0;
  color:#111;
  font-size:clamp(40px,4.2vw,72px);
  line-height:1.12;
  font-weight:950;
  letter-spacing:0;
}
.about-intro-copy>p{
  max-width:1080px;
  margin:30px 0 0;
  color:#536071;
  font-size:20px;
  line-height:2;
}
.about-intro-copy h2{
  max-width:780px;
  font-size:clamp(58px,5.6vw,96px);
  line-height:1;
}
.about-intro-lead{
  width:min(900px,100%);
  margin:26px 0 0!important;
  color:#263241!important;
  font-size:22px!important;
  line-height:1.85!important;
  font-weight:750;
}
.about-profile{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  max-width:none;
  margin-top:42px;
  border-top:1px solid var(--about-line);
  border-left:1px solid var(--about-line);
}
.about-profile article{
  margin:0;
  min-height:230px;
  padding:26px;
  border-right:1px solid var(--about-line);
  border-bottom:1px solid var(--about-line);
  background:linear-gradient(180deg,#fff,#f8fafc);
}
.about-profile b{
  display:block;
  margin-bottom:18px;
  color:#111827;
  font-size:22px;
  line-height:1.25;
}
.about-profile p{
  margin:0;
  color:#536071;
  font-size:17px;
  line-height:1.9;
}
.about-company-detail{
  padding:112px 0;
  color:#fff;
  background:#07111d;
}
.about-company-grid{
  display:grid;
  grid-template-columns:minmax(320px,.44fr) minmax(0,1fr);
  gap:clamp(42px,7vw,112px);
}
.about-company-copy h2{
  margin:28px 0 0;
  color:#fff;
  font-size:clamp(38px,4vw,66px);
  line-height:1.12;
  font-weight:950;
}
.about-company-lead{
  max-width:520px;
  margin:24px 0 0;
  color:#b9c7d7;
  font-size:17px;
  line-height:1.9;
}
.about-company-detail .about-section-label{
  color:#fff;
}
.about-company-detail .about-section-label span{
  color:#7dc7ff;
}
.about-company-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  border-top:1px solid rgba(255,255,255,.18);
  border-left:1px solid rgba(255,255,255,.18);
  counter-reset:aboutProblem;
}
.about-company-list article{
  position:relative;
  min-height:230px;
  padding:34px 32px 32px;
  border-right:1px solid rgba(255,255,255,.18);
  border-bottom:1px solid rgba(255,255,255,.18);
  overflow:hidden;
}
.about-company-list article::before{
  counter-increment:aboutProblem;
  content:"0" counter(aboutProblem);
  position:absolute;
  right:28px;
  top:24px;
  color:rgba(125,199,255,.22);
  font-size:56px;
  line-height:1;
  font-weight:300;
}
.about-company-list article::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:2px;
  height:0;
  background:#7dc7ff;
  transition:height .35s ease;
}
.about-company-list article:hover::after{
  height:100%;
}
.about-company-list b{
  display:block;
  margin-bottom:18px;
  color:#fff;
  font-size:24px;
  line-height:1.25;
}
.about-company-list span{
  color:#bac7d4;
  font-size:16px;
  line-height:1.85;
}
.about-stat-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  margin-top:58px;
  border-top:1px solid var(--about-line);
  border-bottom:1px solid var(--about-line);
}
.about-stat-row span{
  display:grid;
  gap:6px;
  padding:30px 28px;
  border-right:1px solid var(--about-line);
}
.about-stat-row span:last-child{border-right:0}
.about-stat-row strong{
  color:#111;
  font-size:clamp(44px,4vw,68px);
  line-height:1;
  font-weight:300;
}
.about-stat-row em{
  color:#6a7481;
  font-size:15px;
  font-style:normal;
  font-weight:850;
}
.about-title-line{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,520px);
  gap:56px;
  align-items:end;
  margin-bottom:54px;
}
.about-title-line p{
  margin:0;
  color:#626d7a;
  font-size:18px;
  line-height:1.9;
}
.about-capability-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid #cfd9e5;
  border-left:1px solid #cfd9e5;
}
.about-cap-card{
  position:relative;
  min-height:560px;
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  color:#fff;
  border-right:1px solid rgba(255,255,255,.22);
  border-bottom:1px solid #cfd9e5;
  background:#0b1420;
}
.about-cap-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.05);
  transition:transform .8s ease,filter .4s ease;
}
.about-cap-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.08) 20%,rgba(0,0,0,.76) 100%);
}
.about-cap-card:hover img{
  transform:scale(1.12);
  filter:saturate(1.08);
}
.about-cap-card span,
.about-cap-card h3,
.about-cap-card p{
  position:relative;
  z-index:1;
}
.about-cap-card span{
  margin-bottom:auto;
  color:rgba(255,255,255,.78);
  font-size:18px;
  font-weight:300;
}
.about-cap-card h3{
  margin:0 0 16px;
  color:#fff;
  font-size:34px;
  line-height:1.15;
}
.about-cap-card p{
  margin:0;
  color:#dce5ef;
  font-size:16px;
  line-height:1.75;
}
.about-method{
  padding:118px 0;
  color:#fff;
  background:#07111d;
}
.about-method-grid{
  display:grid;
  grid-template-columns:minmax(320px,.42fr) minmax(0,1fr);
  gap:clamp(42px,7vw,104px);
}
.about-method .about-section-label,
.about-method-copy h2{
  color:#fff;
}
.about-method .about-section-label span{color:#7dc7ff}
.about-process{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  border-top:1px solid rgba(255,255,255,.18);
  border-left:1px solid rgba(255,255,255,.18);
}
.about-process article{
  min-height:260px;
  padding:34px;
  border-right:1px solid rgba(255,255,255,.18);
  border-bottom:1px solid rgba(255,255,255,.18);
}
.about-process span{
  display:block;
  margin-bottom:42px;
  color:#7dc7ff;
  font-size:18px;
  font-weight:300;
}
.about-process h3{
  margin:0 0 16px;
  color:#fff;
  font-size:34px;
}
.about-process p{
  margin:0;
  color:#bac7d4;
  font-size:16px;
  line-height:1.8;
}
.about-proof{
  background:#fff;
}
.about-proof-grid{
  display:grid;
  grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);
  gap:clamp(42px,6vw,96px);
  align-items:center;
}
.about-proof figure{
  position:relative;
  min-height:620px;
  margin:0;
  overflow:hidden;
  background:#111;
}
.about-proof figure img{
  width:100%;
  height:100%;
  min-height:620px;
  object-fit:cover;
  transform:scale(1.04);
}
.about-proof figcaption{
  position:absolute;
  left:28px;
  right:28px;
  bottom:28px;
  display:grid;
  gap:10px;
  padding-top:22px;
  color:#fff;
  border-top:1px solid rgba(255,255,255,.46);
}
.about-proof figcaption b{
  font-size:26px;
  line-height:1.2;
}
.about-proof figcaption span{
  max-width:520px;
  color:rgba(255,255,255,.76);
  font-size:15px;
  line-height:1.75;
}
.about-proof-lead{
  max-width:760px;
  margin:24px 0 0;
  color:#5f6a78;
  font-size:18px;
  line-height:1.9;
}
.about-principles{
  display:grid;
  margin-top:44px;
  border-top:1px solid var(--about-line);
}
.about-principles article{
  display:grid;
  grid-template-columns:160px minmax(0,1fr);
  gap:24px;
  padding:24px 0;
  border-bottom:1px solid var(--about-line);
}
.about-principles b{
  color:#111;
  font-size:22px;
}
.about-principles span{
  color:#5f6a78;
  font-size:17px;
  line-height:1.85;
}
.about-service-map{
  background:#eef3f7;
}
.about-service-map h2{
  width:min(1050px,100%);
  margin-bottom:18px;
}
.about-map-intro{
  width:min(860px,100%);
  margin:0 0 46px;
  color:#626d7a;
  font-size:18px;
  line-height:1.9;
}
.about-map-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:#cfd9e5;
}
.about-map-grid a{
  position:relative;
  display:grid;
  align-content:space-between;
  min-height:260px;
  padding:30px;
  background:#fff;
  overflow:hidden;
  transition:background .25s ease,color .25s ease,transform .25s ease;
}
.about-map-grid a::after{
  content:"";
  position:absolute;
  left:30px;
  right:30px;
  bottom:24px;
  height:1px;
  background:currentColor;
  opacity:.18;
  transform-origin:left center;
  transition:transform .3s ease,opacity .3s ease;
}
.about-map-grid a:hover{
  background:#0b66c3;
  color:#fff;
  transform:translateY(-6px);
}
.about-map-grid a:hover::after{
  opacity:.55;
  transform:scaleX(.72);
}
.about-map-grid span{
  font-size:26px;
  font-weight:950;
}
.about-map-grid b{
  color:#667085;
  font-size:16px;
  line-height:1.75;
}
.about-map-grid a:hover b{color:rgba(255,255,255,.82)}
@media(max-width:1280px){
  .about-capability-grid,
  .about-map-grid{grid-template-columns:repeat(2,1fr)}
  .about-cap-card{min-height:480px}
}
@media(max-width:980px){
  .about-hero{min-height:620px}
  .about-hero-inner{padding:86px 0 74px}
  .about-hero h1{width:100%;font-size:46px}
  .about-hero-lead{font-size:18px;line-height:1.75}
  .about-hero-meta{
    grid-template-columns:1fr;
    margin-top:34px;
  }
  .about-hero-meta span{
    min-height:76px;
    padding:16px 0;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.14);
  }
  .about-hero-meta span:last-child{border-bottom:0}
  .about-hero-mark{display:none}
  .about-intro,
  .about-company-detail,
  .about-capability,
  .about-proof,
  .about-service-map,
  .about-method{padding:72px 0}
  .about-intro-grid,
  .about-company-grid,
  .about-title-line,
  .about-method-grid,
  .about-proof-grid{grid-template-columns:1fr}
  .about-intro-side{
    position:relative;
    top:auto;
    gap:24px;
  }
  .about-logo-panel{
    min-height:340px;
  }
  .about-profile{
    grid-template-columns:1fr;
  }
  .about-profile article{
    min-height:0;
    padding:24px;
  }
  .about-stat-row{grid-template-columns:1fr}
  .about-stat-row span{border-right:0;border-bottom:1px solid var(--about-line)}
  .about-stat-row span:last-child{border-bottom:0}
  .about-process{grid-template-columns:1fr}
  .about-company-list{grid-template-columns:1fr}
  .about-company-list article{
    padding:28px 24px;
  }
  .about-proof figure,
  .about-proof figure img{min-height:360px}
  .about-proof figcaption{
    left:22px;
    right:22px;
    bottom:22px;
  }
  .about-principles article{grid-template-columns:1fr;gap:8px}
}
@media(max-width:640px){
  .about-breadcrumb{font-size:14px}
  .about-hero h1{font-size:38px;line-height:1.14}
  .about-hero .about-page-title{width:100%;font-size:58px;line-height:1.02}
  .about-hero-lead{max-width:88%;font-size:16px;line-height:1.8}
  .about-hero-tags span{min-height:36px;padding:0 12px;font-size:13px}
  .about-hero-meta b{font-size:18px}
  .about-hero-meta em{font-size:13px}
  .about-logo-panel{
    min-height:280px;
    padding:24px;
  }
  .about-logo-panel img{
    width:min(210px,68%);
  }
  .about-logo-panel p{
    font-size:28px;
  }
  .about-logo-panel span{
    font-size:13px;
  }
  .about-intro-copy h2,
  .about-title-line h2,
  .about-method-copy h2,
  .about-proof-copy h2,
  .about-service-map h2{font-size:34px;line-height:1.18}
  .about-intro-copy h2{font-size:44px;line-height:1.08}
  .about-intro-lead{font-size:17px!important;line-height:1.8!important}
  .about-intro-copy>p{font-size:16px;line-height:1.85}
  .about-profile b{font-size:19px}
  .about-profile p{font-size:16px;line-height:1.85}
  .about-company-copy h2{font-size:32px}
  .about-company-lead,
  .about-proof-lead,
  .about-map-intro{font-size:16px;line-height:1.85}
  .about-company-list article{min-height:0;padding:24px}
  .about-company-list article::before{right:8px;top:20px;font-size:42px}
  .about-capability-grid,
  .about-map-grid{grid-template-columns:1fr}
  .about-cap-card{min-height:420px;padding:24px}
  .about-cap-card h3,
  .about-process h3{font-size:28px}
  .about-process article{min-height:0;padding:26px 0}
  .about-map-grid a{min-height:190px;padding:24px}
  .about-map-grid a::after{left:24px;right:24px}
  .about-section-label b{font-size:19px}
  .about-proof figcaption b{font-size:21px}
  .about-proof figcaption span{font-size:14px}
}

/* 20260603s: restore homepage prefooter visual after inner-page pass */
.home-redesign:not(.about-page) .ref-prefooter{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(3,8,15,.86),rgba(3,8,15,.34)),
    url("../images/bm-style-geo-hero-opt.webp") center/cover no-repeat!important;
}
.home-redesign:not(.about-page) .ref-prefooter::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to right,transparent,rgba(0,0,0,.85) 18%,rgba(0,0,0,.85) 82%,transparent);
}
.home-redesign:not(.about-page) .ref-prefooter>.container{
  position:relative;
  z-index:1;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at 12% 8%,rgba(23,105,255,.08),transparent 26rem),
    radial-gradient(circle at 82% 18%,rgba(18,179,168,.08),transparent 28rem),
    var(--bg);
  line-height:1.7;
}
body.menu-lock{overflow:hidden;touch-action:none}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.site-header{
  position:sticky;
  top:0;
  z-index:50;
  height:74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 clamp(20px,5vw,76px);
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(226,232,240,.72);
  transition:box-shadow .25s ease,background .25s ease,height .25s ease;
}
.site-header.scrolled{
  height:66px;
  background:rgba(255,255,255,.92);
  box-shadow:0 14px 38px rgba(15,23,42,.08);
}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:19px}
.brand span{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:12px;
  background:linear-gradient(135deg,var(--brand),var(--aqua));
  color:#fff;
  font-size:13px;
  letter-spacing:.06em;
  box-shadow:0 12px 26px rgba(23,105,255,.24);
}
.brand strong{font-weight:800}
.site-header nav{display:flex;gap:6px;align-items:center}
.site-header nav a{
  position:relative;
  padding:10px 14px;
  border-radius:999px;
  color:#334155;
  font-size:15px;
  font-weight:650;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.site-header nav a:hover,.site-header nav a.active{background:#edf4ff;color:var(--brand)}
.nav-cta{
  margin-left:8px;
  padding:10px 18px!important;
  background:#0f172a!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(15,23,42,.14);
}
.nav-cta:hover{transform:translateY(-1px);background:#1e293b!important}
.menu{display:none}
.hero{
  position:relative;
  overflow:hidden;
  min-height:720px;
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(380px,.97fr);
  gap:60px;
  align-items:center;
  padding:86px clamp(22px,8vw,120px) 92px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.78)),
    url("../images/case-manufacturing.jpg") center/cover;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(23,105,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(23,105,255,.08) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 82%);
  pointer-events:none;
}
.hero::after{
  content:"";
  position:absolute;
  width:52rem;
  height:52rem;
  right:-18rem;
  top:-16rem;
  background:conic-gradient(from 120deg,rgba(23,105,255,.24),rgba(18,179,168,.22),rgba(245,158,11,.14),rgba(23,105,255,.24));
  filter:blur(70px);
  opacity:.82;
  animation:flow 14s linear infinite;
}
@keyframes flow{to{transform:rotate(360deg)}}
.hero-copy,.hero-panel{position:relative;z-index:1}
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 14px;
  color:var(--brand-dark);
  font-size:13px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.eyebrow::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:99px;
  background:var(--aqua);
  box-shadow:0 0 0 6px rgba(18,179,168,.12);
}
h1,h2,h3,p{word-break:normal}
.hero h1{
  max-width:780px;
  margin:0 0 22px;
  font-size:clamp(42px,5vw,68px);
  line-height:1.08;
  letter-spacing:0;
}
.lead{
  max-width:680px;
  margin:0;
  color:#475569;
  font-size:20px;
}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:13px 22px;
  border:0;
  border-radius:14px;
  font:inherit;
  font-weight:800;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;
}
.btn:hover{transform:translateY(-2px)}
.primary{
  color:#fff;
  background:linear-gradient(135deg,var(--brand),var(--aqua));
  box-shadow:0 18px 34px rgba(23,105,255,.24);
}
.primary:hover{box-shadow:0 24px 44px rgba(23,105,255,.3)}
.ghost{
  color:#0f172a;
  background:rgba(255,255,255,.84);
  border:1px solid var(--line);
}
.ghost:hover{border-color:#b8c7dd;box-shadow:0 14px 28px rgba(15,23,42,.08)}
.trust{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:center;
  margin-top:34px;
  color:var(--muted);
}
.trust b{color:var(--ink);font-size:24px}
.pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border:1px solid rgba(148,163,184,.24);
  border-radius:999px;
  background:rgba(255,255,255,.68);
}
.hero-panel{min-height:500px}
.dashboard{
  position:absolute;
  inset:20px 0 0 24px;
  padding:24px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.7));
  backdrop-filter:blur(22px);
  box-shadow:var(--shadow-strong);
}
.dashboard::before{
  content:"";
  position:absolute;
  inset:-28px 58px auto -28px;
  height:150px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(23,105,255,.32),rgba(18,179,168,.18));
  filter:blur(30px);
  z-index:-1;
}
.panel-head,.metric-row,.answer-card,.rank-item,.mini-chart{
  border:1px solid rgba(226,232,240,.9);
  background:rgba(255,255,255,.72);
  border-radius:20px;
}
.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px}
.panel-head small,.answer-card small,.rank-item span,.metric small{display:block;color:var(--muted);font-size:12px}
.status-dot{display:inline-flex;align-items:center;gap:8px;color:#0f766e;font-size:13px;font-weight:800}
.status-dot::before{content:"";width:9px;height:9px;border-radius:50%;background:#14b8a6;box-shadow:0 0 0 6px rgba(20,184,166,.12)}
.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0;padding:12px}
.metric{padding:12px;border-radius:16px;background:#f8fbff}
.metric b{font-size:24px}
.metric:nth-child(2) b{color:var(--aqua)}
.metric:nth-child(3) b{color:var(--amber)}
.answer-card{padding:18px;margin-bottom:14px}
.answer-card h3{margin:8px 0 12px;font-size:25px;line-height:1.25}
.answer-card p{margin:0;color:#475569}
.rank-list{display:grid;gap:10px}
.rank-item{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;padding:12px}
.bar{height:8px;overflow:hidden;border-radius:999px;background:#e2e8f0}
.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--aqua))}
.section{padding:88px clamp(22px,8vw,120px)}
.section-head{max-width:800px;margin:0 auto 42px;text-align:center}
.section h2,.page-hero h1{
  margin:0 0 14px;
  font-size:clamp(32px,4vw,46px);
  line-height:1.18;
  letter-spacing:0;
}
.section-head p,.split p,.page-hero p,.service-card p,.case-card p,.price-card p,.contact-card p,.list-card p{color:var(--muted)}
.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.service-card,.case-card,.price-card,.contact-card,.list-card{
  position:relative;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:rgba(255,255,255,.86);
  box-shadow:var(--shadow);
}
.service-card{
  min-height:286px;
  padding:28px;
  overflow:hidden;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease;
}
.service-card::after{
  content:"";
  position:absolute;
  inset:auto -28% -40% 24%;
  height:140px;
  background:radial-gradient(circle,rgba(23,105,255,.15),transparent 68%);
  opacity:0;
  transition:opacity .24s ease;
}
.service-card:hover{
  transform:translateY(-7px);
  border-color:rgba(23,105,255,.32);
  background:linear-gradient(180deg,#fff,#f5fbff);
  box-shadow:0 26px 58px rgba(15,23,42,.11);
}
.service-card:hover::after{opacity:1}
.service-icon{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  margin-bottom:18px;
  border-radius:16px;
  background:#eef6ff;
  color:var(--brand);
}
.service-icon svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.service-card .num,.price-label{color:var(--brand-dark);font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.service-card h3{margin:10px 0 12px;font-size:23px;line-height:1.28}
.dark{
  color:#fff;
  background:
    radial-gradient(circle at 18% 20%,rgba(23,105,255,.25),transparent 22rem),
    radial-gradient(circle at 80% 60%,rgba(18,179,168,.18),transparent 24rem),
    #08111f;
}
.dark .eyebrow{color:#9cc2ff}
.dark .eyebrow::before{background:#4ade80;box-shadow:0 0 0 6px rgba(74,222,128,.14)}
.dark p,.dark span{color:#b6c2d3}
.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:54px;align-items:start}
.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.feature-list div{
  min-height:128px;
  padding:22px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:20px;
  background:rgba(255,255,255,.06);
}
.feature-list b{display:block;margin-bottom:8px;color:#fff;font-size:20px}
.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.case-card{padding:18px;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.case-card:hover{transform:translateY(-6px);border-color:rgba(18,179,168,.34);box-shadow:0 26px 58px rgba(15,23,42,.1)}
.case-card h3{margin:16px 0 8px;font-size:21px;line-height:1.3}
.case-card p{margin:0}
.case-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.case-tags span,.tag{
  padding:6px 10px;
  border-radius:999px;
  background:#f1f5f9;
  color:#475569;
  font-size:12px;
  font-weight:700;
}
.case-thumb{
  position:relative;
  overflow:hidden;
  height:210px;
  border-radius:18px;
  border:1px solid rgba(226,232,240,.9);
  background:#eef4ff;
}
.case-thumb img{width:100%;height:100%;object-fit:cover}
.case-thumb::before{
  content:"";
  position:absolute;
  inset:18px 18px auto;
  height:24px;
  border-radius:10px;
  background:rgba(255,255,255,.82);
  box-shadow:0 44px 0 rgba(255,255,255,.62),0 88px 0 rgba(255,255,255,.48);
}
.case-thumb::after{
  content:"";
  position:absolute;
  right:20px;
  bottom:20px;
  width:42%;
  height:72px;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(23,105,255,.9),rgba(18,179,168,.85));
  box-shadow:-136px -70px 0 rgba(255,255,255,.48);
}
.case-thumb.photo::before,.case-thumb.photo::after{display:none}
.blue{background:linear-gradient(135deg,#dbeafe,#f8fbff)}
.green{background:linear-gradient(135deg,#ccfbf1,#f6fffb)}
.purple{background:linear-gradient(135deg,#e0e7ff,#fff7ed)}
.orange{background:linear-gradient(135deg,#ffedd5,#f8fafc)}
.center{text-align:center;margin-top:34px}
.cta-band{
  position:relative;
  overflow:hidden;
  text-align:center;
  background:linear-gradient(135deg,#eef6ff,#f4fffb 48%,#fff8eb);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.cta-band::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(90deg,rgba(23,105,255,.08) 1px,transparent 1px);
  background-size:54px 54px;
  pointer-events:none;
}
.cta-band>*{position:relative}
.footer{
  display:flex;
  justify-content:space-between;
  gap:24px;
  padding:36px clamp(22px,8vw,120px);
  background:#fff;
  border-top:1px solid var(--line);
  color:#64748b;
}
.footer b{color:var(--ink)}
.page-hero{
  position:relative;
  overflow:hidden;
  padding:92px clamp(22px,8vw,120px) 58px;
  text-align:center;
  background:
    radial-gradient(circle at 24% 10%,rgba(23,105,255,.12),transparent 26rem),
    radial-gradient(circle at 82% 18%,rgba(18,179,168,.1),transparent 22rem),
    linear-gradient(180deg,#fff,#f7f9fc);
}
.page-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--line),transparent);
}
.page-hero p{max-width:760px;margin:0 auto}
.content{padding:54px clamp(22px,8vw,120px) 88px}
.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.list-card{padding:28px}
.list-card h2{margin:0 0 14px;font-size:24px}
.list-card ul,.price-card ul{padding-left:20px;margin:14px 0 0;color:#475569}
.list-card li,.price-card li{margin:8px 0}
.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.price-card{
  overflow:hidden;
  padding:28px;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.price-card:hover{transform:translateY(-6px);border-color:rgba(23,105,255,.28);box-shadow:0 26px 58px rgba(15,23,42,.1)}
.price-card.recommended{
  border-color:rgba(23,105,255,.44);
  background:linear-gradient(180deg,#fff,#f3f8ff);
}
.ribbon{
  position:absolute;
  top:18px;
  right:-38px;
  width:138px;
  transform:rotate(35deg);
  text-align:center;
  background:linear-gradient(135deg,var(--brand),var(--aqua));
  color:#fff;
  font-size:12px;
  font-weight:900;
  padding:5px 0;
}
.price-card h3{margin:6px 0 12px;font-size:24px}
.price{font-size:34px;font-weight:900;color:var(--brand-dark);line-height:1.15}
.price-card .btn{width:100%;margin-top:20px}
.contact-wrap{display:grid;grid-template-columns:.88fr 1.12fr;gap:24px;align-items:start}
.contact-card{padding:28px}
.contact-card h2{margin:0 0 16px;font-size:26px}
.area-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.qr-box{
  display:grid;
  grid-template-columns:96px 1fr;
  gap:18px;
  align-items:center;
  margin:24px 0;
  padding:16px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#f8fbff;
}
.qr-placeholder{
  width:96px;
  height:96px;
  border-radius:18px;
  background:
    linear-gradient(90deg,#0f172a 10px,transparent 10px) 12px 12px/24px 24px,
    linear-gradient(#0f172a 10px,transparent 10px) 12px 12px/24px 24px,
    #fff;
  border:8px solid #fff;
  box-shadow:inset 0 0 0 1px #cbd5e1,0 12px 28px rgba(15,23,42,.08);
}
.form label{display:block;margin:0 0 6px;color:#334155;font-weight:750}
.form input,.form textarea,.form select{
  width:100%;
  padding:14px 15px;
  border:1px solid var(--line);
  border-radius:14px;
  margin:0 0 15px;
  background:#fff;
  color:var(--ink);
  font:inherit;
  outline:none;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(23,105,255,.1)}
.form textarea{min-height:150px;resize:vertical}
.form-note{font-size:13px;color:var(--muted)}
.stat-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:-22px;
  padding:0 clamp(22px,8vw,120px) 54px;
}
.stat-card{padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}
.stat-card b{display:block;font-size:28px}
.stat-card span{color:var(--muted)}
@media(max-width:1100px){
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-panel{min-height:470px}
  .service-grid,.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:920px){
  .site-header nav{
    position:absolute;
    top:100%;
    left:16px;
    right:16px;
    display:grid;
    gap:8px;
    max-height:0;
    overflow:hidden;
    padding:0 16px;
    border:1px solid transparent;
    border-radius:0 0 22px 22px;
    background:rgba(255,255,255,.96);
    box-shadow:0 22px 48px rgba(15,23,42,.12);
    opacity:0;
    transform:translateY(-8px);
    transition:max-height .28s ease,opacity .2s ease,transform .2s ease,padding .2s ease,border-color .2s ease;
  }
  .site-header.open nav{
    max-height:430px;
    opacity:1;
    transform:translateY(0);
    padding:16px;
    border-color:var(--line);
  }
  .site-header nav a{width:100%;padding:12px 14px}
  .nav-cta{margin-left:0;text-align:center}
  .menu{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    border:1px solid var(--line);
    border-radius:14px;
    background:#fff;
  }
  .menu span{
    display:block;
    width:18px;
    height:2px;
    border-radius:99px;
    background:#0f172a;
    box-shadow:0 6px 0 #0f172a,0 -6px 0 #0f172a;
    transition:transform .2s ease,box-shadow .2s ease;
  }
  .site-header.open .menu span{transform:rotate(45deg);box-shadow:0 0 0 #0f172a,0 0 0 #0f172a}
  .site-header.open .menu span::after{content:"";display:block;width:18px;height:2px;border-radius:99px;background:#0f172a;transform:rotate(90deg)}
  .split,.two-col,.contact-wrap{grid-template-columns:1fr}
  .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat-strip{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .site-header{height:66px;padding:0 18px}
  .brand strong{font-size:17px}
  .hero{padding:58px 20px 70px;gap:32px}
  .lead{font-size:17px}
  .hero-panel{min-height:430px}
  .dashboard{inset:0;padding:16px;border-radius:22px}
  .metric-row{grid-template-columns:1fr}
  .rank-item{grid-template-columns:56px 1fr auto}
  .section,.content{padding:58px 20px}
  .service-grid,.case-grid,.price-grid,.feature-list,.stat-strip{grid-template-columns:1fr}
  .footer{display:block;padding:30px 20px}
  .qr-box{grid-template-columns:1fr}
  .case-thumb{height:190px}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Home page 2026 redesign */
.home-redesign{
  --max:1600px;
  --pad:clamp(20px,4vw,64px);
  background:#f4f7fb;
}
.container{
  width:min(calc(100% - var(--pad) * 2),var(--max));
  margin-inline:auto;
}
.home-header{padding:0;background:rgba(255,255,255,.82)}
.home-header .nav-inner{
  width:min(calc(100% - var(--pad) * 2),var(--max));
  height:100%;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
}
.home-header nav{gap:2px;flex-wrap:nowrap}
.home-header nav a{padding:9px 10px;font-size:14px;white-space:nowrap}
.home-header .nav-cta{padding:9px 15px!important}
.bm-hero{
  position:relative;
  overflow:hidden;
  min-height:calc(100vh - 74px);
  isolation:isolate;
  background:#07101d;
  color:#fff;
}
.hero-bg-layer{
  position:absolute;
  inset:-8% 0;
  z-index:-3;
  background:
    linear-gradient(90deg,rgba(7,16,29,.88) 0%,rgba(7,16,29,.56) 48%,rgba(7,16,29,.18) 100%),
    url("../images/case-manufacturing.jpg") center/cover no-repeat;
  transform:scale(1.05);
}
.hero-grid-layer{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 72% 26%,rgba(18,179,168,.32),transparent 26rem),
    radial-gradient(circle at 20% 18%,rgba(23,105,255,.28),transparent 24rem),
    linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:auto,auto,56px 56px,56px 56px;
  mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.85),transparent 96%);
}
.hero-layout{
  min-height:calc(100vh - 74px);
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);
  gap:clamp(42px,6vw,92px);
  align-items:center;
  padding:92px 0 100px;
}
.home-redesign .hero-copy{max-width:820px}
.home-redesign .eyebrow{color:#8ed7ff}
.home-redesign .eyebrow::before{background:#2dd4bf;box-shadow:0 0 0 6px rgba(45,212,191,.14)}
.split-title{
  margin:0 0 24px;
  font-size:clamp(48px,5.4vw,88px);
  line-height:1.02;
  letter-spacing:0;
}
.split-title .char{display:inline-block;will-change:transform,opacity}
.home-redesign .lead{color:#d7e2f0;font-size:clamp(18px,1.35vw,22px)}
.home-redesign .hero-actions{margin-top:36px}
.hero-index{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:48px;
  max-width:720px;
}
.hero-index span{
  padding:16px 14px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  background:rgba(255,255,255,.08);
  color:#d8e5f5;
  backdrop-filter:blur(16px);
}
.hero-index b{display:block;margin-bottom:4px;color:#fff;font-size:18px}
.hero-showcase{
  position:relative;
  padding:18px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:30px;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.09));
  box-shadow:0 38px 120px rgba(0,0,0,.32);
  backdrop-filter:blur(22px);
}
.hero-showcase::before{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:-1;
  border-radius:32px;
  background:linear-gradient(135deg,rgba(45,212,191,.72),rgba(23,105,255,.28),rgba(255,255,255,.12));
  opacity:.78;
}
.showcase-top{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:18px 18px 10px;
  color:#dbeafe;
}
.showcase-top b{color:#fff}
.showcase-screen{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:18px;
  min-height:360px;
  padding:20px;
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(239,248,255,.78));
  color:#0f172a;
}
.screen-main{
  display:flex;
  flex-direction:column;
  justify-content:end;
  min-height:100%;
  padding:28px;
  border-radius:22px;
  background:
    radial-gradient(circle at 20% 20%,rgba(23,105,255,.2),transparent 11rem),
    linear-gradient(180deg,#fff,#eff6ff);
}
.screen-main small{color:#64748b;font-weight:800}
.screen-main strong{font-size:clamp(70px,7vw,118px);line-height:.9;color:#1769ff}
.screen-main p{margin:12px 0 0;color:#475569}
.screen-side{
  display:flex;
  align-items:end;
  gap:12px;
  padding:18px;
  border-radius:22px;
  background:#07111f;
}
.screen-side i{
  flex:1;
  min-height:34px;
  border-radius:999px 999px 10px 10px;
  background:linear-gradient(180deg,#2dd4bf,#1769ff);
}
.platform-row{display:flex;flex-wrap:wrap;gap:10px;padding:16px 4px 0}
.platform-row span{
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:#e2e8f0;
  font-size:13px;
  font-weight:800;
}
.scroll-cue{
  position:absolute;
  left:50%;
  bottom:26px;
  transform:translateX(-50%);
  color:rgba(255,255,255,.68);
  font-size:12px;
  letter-spacing:.22em;
  writing-mode:vertical-rl;
}
.scroll-cue::after{
  content:"";
  display:block;
  width:1px;
  height:54px;
  margin:12px auto 0;
  background:linear-gradient(#fff,transparent);
}
.bm-section{padding:clamp(76px,7vw,128px) 0}
.section-title{max-width:980px;margin-bottom:42px}
.section-title h2{
  margin:0;
  font-size:clamp(34px,3.6vw,58px);
  line-height:1.12;
  letter-spacing:0;
}
.section-title p:not(.eyebrow),.trust-copy p,.bm-cta p{color:#64748b;font-size:18px}
.split-line{
  max-width:none;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:28px;
}
.text-link{
  display:inline-flex;
  align-items:center;
  color:#1769ff;
  font-weight:900;
  white-space:nowrap;
}
.text-link::after{content:"";width:42px;height:1px;margin-left:12px;background:currentColor}
.trust-section{background:#fff}
.trust-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:48px;align-items:end}
.trust-copy h2{
  margin:0 0 18px;
  font-size:clamp(34px,3.4vw,54px);
  line-height:1.12;
}
.trust-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.home-redesign .stat-card{
  min-height:156px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border-radius:24px;
  background:#f8fbff;
}
.home-redesign .stat-card b{font-size:clamp(34px,3vw,50px);color:#0f172a}
.service-stage{background:linear-gradient(180deg,#f4f7fb,#fff)}
.bm-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.bm-service-card{
  position:relative;
  overflow:hidden;
  min-height:360px;
  padding:30px;
  border:1px solid #e2e8f0;
  border-radius:28px;
  background:#fff;
  box-shadow:0 22px 60px rgba(15,23,42,.06);
}
.bm-service-card::before{
  content:"";
  position:absolute;
  inset:auto -30% -34% 16%;
  height:190px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(23,105,255,.16),transparent 70%);
  transition:transform .35s ease,opacity .35s ease;
}
.bm-service-card:hover::before{transform:scale(1.3);opacity:1}
.bm-service-card .num{color:#1769ff;font-size:14px;font-weight:900}
.bm-service-card h3{margin:58px 0 16px;font-size:clamp(26px,2vw,34px);line-height:1.16}
.bm-service-card p{color:#64748b}
.cases-showcase{background:#07111f;color:#fff}
.cases-showcase .section-title h2{color:#fff}
.cases-showcase .section-title p:not(.eyebrow),.cases-showcase .case-info p{color:#b8c5d8}
.case-marquee{
  display:grid;
  grid-template-columns:1.2fr .9fr .9fr;
  gap:22px;
  align-items:stretch;
}
.bm-case-card{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:30px;
  background:rgba(255,255,255,.06);
  box-shadow:0 28px 80px rgba(0,0,0,.2);
}
.bm-case-card.wide{grid-row:span 2}
.case-media{
  position:relative;
  min-height:280px;
  overflow:hidden;
  background:#eef6ff;
}
.bm-case-card.wide .case-media{min-height:460px}
.case-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.bm-case-card:hover img{transform:scale(1.05)}
.case-media:not(.photo)::before{
  content:"";
  position:absolute;
  inset:28px 28px auto;
  height:30px;
  border-radius:12px;
  background:rgba(255,255,255,.82);
  box-shadow:0 62px 0 rgba(255,255,255,.62),0 124px 0 rgba(255,255,255,.45);
}
.case-media:not(.photo)::after{
  content:"";
  position:absolute;
  right:28px;
  bottom:28px;
  width:48%;
  height:96px;
  border-radius:20px;
  background:linear-gradient(135deg,#1769ff,#12b3a8);
}
.case-info{padding:26px}
.case-info span{color:#8ed7ff;font-size:13px;font-weight:900}
.case-info h3{margin:9px 0 10px;font-size:clamp(22px,1.8vw,30px);line-height:1.22}
.clients-section{background:#fff}
.center-title{text-align:center;margin-inline:auto}
.center-title p:not(.eyebrow){max-width:820px;margin:14px auto 0}
.logo-wall{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:1px;
  overflow:hidden;
  border:1px solid #e2e8f0;
  border-radius:28px;
  background:#e2e8f0;
}
.logo-wall span{
  display:grid;
  place-items:center;
  min-height:112px;
  padding:18px;
  background:#fff;
  color:#334155;
  font-size:18px;
  font-weight:900;
}
.news-section{background:#f4f7fb}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.news-card{
  padding:30px;
  border:1px solid #e2e8f0;
  border-radius:28px;
  background:#fff;
  box-shadow:0 20px 55px rgba(15,23,42,.06);
}
.news-card time{color:#1769ff;font-size:13px;font-weight:900}
.news-card h3{margin:16px 0 14px;font-size:24px;line-height:1.26}
.news-card p{color:#64748b}
.news-card a{display:inline-flex;margin-top:12px;color:#0f172a;font-weight:900}
.bm-cta{
  padding:100px 0;
  background:
    radial-gradient(circle at 20% 10%,rgba(23,105,255,.18),transparent 26rem),
    radial-gradient(circle at 76% 74%,rgba(18,179,168,.16),transparent 26rem),
    #fff;
}
.cta-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  padding:48px;
  border:1px solid #dbe7f5;
  border-radius:32px;
  background:rgba(255,255,255,.78);
  box-shadow:0 30px 90px rgba(15,23,42,.08);
}
.cta-inner h2{
  margin:0 0 12px;
  font-size:clamp(32px,3vw,52px);
  line-height:1.12;
}
.bm-footer{
  background:#07111f;
  color:#cbd5e1;
  padding:70px 0 26px;
}
.footer-grid{
  display:grid;
  grid-template-columns:1.45fr repeat(4,1fr);
  gap:42px;
}
.footer-brand p{max-width:460px;color:#94a3b8}
.footer-brand b{display:block;color:#fff}
.bm-footer .brand{color:#fff}
.footer-col{display:grid;align-content:start;gap:10px}
.footer-col h3{margin:0 0 10px;color:#fff;font-size:18px}
.footer-col a,.footer-col span{color:#94a3b8}
.footer-col a:hover{color:#fff}
.footer-bottom{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-top:56px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.1);
  color:#64748b;
}
.reveal-up,.reveal-card,.reveal-text{will-change:transform,opacity}
@media(min-width:1921px){
  .home-redesign .container,.home-header .nav-inner{max-width:1600px}
  .split-title{font-size:82px}
}
@media(max-width:1320px){
  .home-header nav a{font-size:13px;padding-inline:7px}
  .bm-service-grid,.trust-stats{grid-template-columns:repeat(2,1fr)}
  .case-marquee{grid-template-columns:1fr 1fr}
  .bm-case-card.wide{grid-column:span 2}
  .logo-wall{grid-template-columns:repeat(4,1fr)}
  .footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}
}
@media(max-width:1180px){
  .home-header .menu{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    border:1px solid var(--line);
    border-radius:14px;
    background:#fff;
  }
  .home-header .menu span{
    display:block;
    width:18px;
    height:2px;
    border-radius:99px;
    background:#0f172a;
    box-shadow:0 6px 0 #0f172a,0 -6px 0 #0f172a;
    transition:transform .2s ease,box-shadow .2s ease;
  }
  .home-header.open .menu span{transform:rotate(45deg);box-shadow:0 0 0 #0f172a,0 0 0 #0f172a}
  .home-header.open .menu span::after{content:"";display:block;width:18px;height:2px;border-radius:99px;background:#0f172a;transform:rotate(90deg)}
  .home-header nav{
    position:absolute;
    top:100%;
    left:24px;
    right:24px;
    display:grid;
    gap:8px;
    max-height:0;
    overflow:hidden;
    padding:0 16px;
    border:1px solid transparent;
    border-radius:0 0 22px 22px;
    background:rgba(255,255,255,.98);
    box-shadow:0 22px 48px rgba(15,23,42,.12);
    opacity:0;
    transform:translateY(-8px);
    transition:max-height .28s ease,opacity .2s ease,transform .2s ease,padding .2s ease,border-color .2s ease;
  }
  .home-header.open nav{
    max-height:620px;
    opacity:1;
    transform:translateY(0);
    padding:16px;
    border-color:var(--line);
  }
  .home-header nav a{width:100%;padding:12px 14px;font-size:14px}
  .home-header .nav-cta{margin-left:0;text-align:center}
}
@media(max-width:980px){
  .home-header .nav-inner{width:calc(100% - 36px)}
  .hero-layout,.trust-grid{grid-template-columns:1fr}
  .hero-layout{padding-top:68px}
  .hero-showcase{max-width:680px}
  .split-line,.cta-inner{align-items:flex-start;flex-direction:column}
  .news-grid{grid-template-columns:1fr}
  .logo-wall{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:920px){
  .home-header nav{
    left:18px;
    right:18px;
    width:auto;
  }
}
@media(max-width:720px){
  .home-redesign{--pad:20px}
  .bm-hero{min-height:auto}
  .hero-layout{min-height:auto;padding:58px 0 86px}
  .split-title{font-size:42px}
  .hero-index,.showcase-screen,.trust-stats,.bm-service-grid,.case-marquee,.logo-wall,.footer-grid{grid-template-columns:1fr}
  .bm-case-card.wide{grid-column:auto}
  .bm-case-card.wide .case-media,.case-media{min-height:260px}
  .bm-section{padding:68px 0}
  .section-title h2{font-size:34px}
  .logo-wall span{min-height:84px}
  .cta-inner{padding:28px}
  .footer-bottom{display:block}
}

/* Homepage V3: Bomin-inspired navigation, hero, parallax and footer */
.v3-home{cursor:auto}
.cursor-dot,.cursor-ring{
  position:fixed;
  left:0;
  top:0;
  z-index:1000;
  pointer-events:none;
  opacity:0;
  transform:translate3d(-50%,-50%,0);
}
.cursor-dot{width:7px;height:7px;border-radius:50%;background:#14b8a6}
.cursor-ring{width:42px;height:42px;border:1px solid rgba(20,184,166,.64);border-radius:50%;mix-blend-mode:difference}
.v3-header{height:80px}
.v3-header.scrolled{height:80px}
.v3-header .nav-inner{width:min(calc(100% - 48px),1600px)}
.bsb-logo-link{display:flex;align-items:center;min-width:188px}
.bsb-logo{width:188px;height:54px;overflow:visible}
.bsb-logo .logo-orbit{fill:none;stroke:url(#bsbLogoGrad);stroke-width:3.2;stroke-linecap:round}
.bsb-logo .logo-core{fill:url(#bsbLogoGrad)}
.bsb-logo .logo-spark{fill:#14b8a6;filter:drop-shadow(0 0 8px rgba(20,184,166,.7))}
.bsb-logo text{fill:#0f172a;font-size:24px;font-weight:900;letter-spacing:.06em;font-family:Arial,"Microsoft YaHei",sans-serif}
.bsb-logo .cn{font-size:15px;letter-spacing:.16em;font-weight:800}
.v3-header nav{
  height:80px;
  display:flex;
  align-items:center;
  gap:18px;
  flex:1;
  justify-content:center;
}
.v3-header nav>a,.v3-header .nav-item>a{
  display:flex;
  align-items:center;
  height:80px;
  padding:0 0;
  border-radius:0;
  color:#111827;
  font-size:18px;
  font-weight:700;
  white-space:nowrap;
  letter-spacing:.02em;
}
.v3-header nav>a:hover,.v3-header nav>a.active,.v3-header .nav-item:hover>a{background:transparent;color:#0b63ce}
.v3-header .nav-cta{background:transparent!important;color:#111827!important;box-shadow:none}
.nav-item{position:relative;height:80px;display:flex;align-items:center}
.mega{
  position:absolute;
  left:50%;
  top:78px;
  min-width:240px;
  padding:14px;
  border:1px solid rgba(226,232,240,.9);
  border-radius:0 0 18px 18px;
  background:rgba(255,255,255,.96);
  box-shadow:0 24px 60px rgba(15,23,42,.12);
  opacity:0;
  visibility:hidden;
  transform:translate(-50%,-10px);
  transition:.24s ease;
}
.nav-item:hover .mega,.nav-item:focus-within .mega{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mega a{
  display:block;
  padding:11px 13px;
  border-radius:10px;
  color:#334155;
  font-size:15px;
  font-weight:750;
}
.mega a:hover{background:#eef6ff;color:#1769ff}
.nav-tools{display:flex;align-items:center;gap:18px;white-space:nowrap}
.search-btn{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid #d8e2ef;
  border-radius:50%;
  background:#fff;
  color:#0f172a;
}
.search-btn svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}
.nav-phone{font-size:18px;font-weight:900;color:#0f172a}
.v3-hero{position:relative;height:calc(100vh - 80px);min-height:760px;overflow:hidden;background:#030815;color:#fff}
.hero-slider,.hero-slide{position:absolute;inset:0}
.hero-slide{opacity:0;visibility:hidden;overflow:hidden}
.hero-slide.is-active{opacity:1;visibility:visible}
.slide-media{
  position:absolute;
  inset:-4%;
  width:108%;
  height:108%;
  object-fit:cover;
  filter:saturate(1.08) contrast(1.05);
  transform:scale(1.04);
}
.slide-media.video-like{filter:saturate(1.12) contrast(1.08) brightness(.82)}
.slide-shade{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 70% 42%,rgba(20,184,166,.22),transparent 28rem),
    linear-gradient(90deg,rgba(3,8,21,.92),rgba(3,8,21,.62) 48%,rgba(3,8,21,.28));
}
.slide-shade::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(90deg,#000,transparent 92%);
}
.slide-content{
  position:relative;
  z-index:2;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:60px 0 130px;
}
.slide-content h1,.slide-content h2{
  width:min(980px,74vw);
  margin:0 0 26px;
  color:#fff;
  font-size:clamp(52px,5.2vw,92px);
  line-height:1.04;
  letter-spacing:0;
}
.slide-content .lead{max-width:720px;color:#d8e7f6;font-size:22px}
.hero-controls{
  position:absolute;
  left:50%;
  bottom:34px;
  z-index:5;
  display:grid;
  grid-template-columns:1fr repeat(4,auto);
  gap:18px;
  align-items:end;
  transform:translateX(-50%);
}
.hero-progress{height:2px;background:rgba(255,255,255,.24);align-self:center;overflow:hidden}
.hero-progress i{display:block;width:0;height:100%;background:#14b8a6}
.hero-dot{
  width:152px;
  padding:14px 0 12px;
  border:0;
  border-top:1px solid rgba(255,255,255,.28);
  background:transparent;
  color:rgba(255,255,255,.68);
  text-align:left;
  font:inherit;
  cursor:pointer;
}
.hero-dot b{display:block;color:#fff;font-size:20px}
.hero-dot span{font-size:13px;font-weight:800}
.hero-dot.is-active{color:#fff;border-color:#14b8a6}
.v3-service{position:relative;overflow:hidden;background:#f4f7fb}
.v3-service::before{
  content:"";
  position:absolute;
  inset:8% -10% auto;
  height:360px;
  background:radial-gradient(circle,rgba(23,105,255,.13),transparent 70%);
}
.v3-service-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}
.v3-service-card{
  min-height:420px;
  padding:32px;
  border-radius:30px;
  border:1px solid #dde8f5;
  background:rgba(255,255,255,.88);
  box-shadow:0 26px 80px rgba(15,23,42,.07);
  backdrop-filter:blur(18px);
}
.v3-service-card:nth-child(even){margin-top:70px}
.v3-service-card span{color:#1769ff;font-size:18px;font-weight:900}
.v3-service-card h3{margin:112px 0 18px;font-size:38px;line-height:1.08}
.v3-service-card p{color:#64748b;font-size:17px}
.v3-cases{background:#07111f}
.v3-case-grid{
  display:grid;
  grid-template-columns:1.18fr .82fr;
  gap:24px;
}
.v3-case-card{
  position:relative;
  overflow:hidden;
  min-height:390px;
  border-radius:34px;
  background:#111827;
  color:#fff;
  box-shadow:0 32px 90px rgba(0,0,0,.28);
}
.v3-case-card.large{grid-row:span 2;min-height:800px}
.v3-case-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.04);
}
.v3-case-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 26%,rgba(3,8,21,.22),rgba(3,8,21,.86));
}
.v3-case-card div{
  position:absolute;
  left:28px;
  right:28px;
  bottom:28px;
  z-index:2;
}
.v3-case-card span{color:#8ed7ff;font-weight:900;font-size:14px}
.v3-case-card h3{margin:10px 0;font-size:clamp(26px,2.8vw,46px);line-height:1.08}
.v3-case-card p{margin:0;color:#d3deec}
.v3-clients{overflow:hidden;background:#fff}
.client-marquee{width:100%;overflow:hidden;border-block:1px solid #e2e8f0;background:#f8fbff}
.client-track{
  display:flex;
  width:max-content;
  animation:clientMove 28s linear infinite;
}
.client-track span{
  display:grid;
  place-items:center;
  width:220px;
  height:122px;
  margin:0 1px;
  background:#fff;
  color:#263244;
  font-size:20px;
  font-weight:950;
  letter-spacing:.02em;
}
@keyframes clientMove{to{transform:translateX(-50%)}}
.v3-news{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 16%,rgba(23,105,255,.14),transparent 24rem),
    radial-gradient(circle at 84% 72%,rgba(20,184,166,.14),transparent 28rem),
    linear-gradient(180deg,#f5f8fd,#fff);
}
.news-feature{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:34px;
  align-items:center;
  margin-bottom:26px;
  padding:44px;
  border:1px solid #dbe8f6;
  border-radius:36px;
  background:rgba(255,255,255,.78);
  box-shadow:0 30px 100px rgba(15,23,42,.08);
}
.news-feature h2{
  margin:0 0 18px;
  font-size:clamp(38px,4vw,68px);
  line-height:1.08;
}
.news-feature-copy p:not(.eyebrow){color:#64748b;font-size:18px}
.news-feature-panel{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  min-height:390px;
}
.news-feature-panel span{
  border-radius:26px;
  background:linear-gradient(135deg,#07111f,#1769ff);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 20px 60px rgba(23,105,255,.18);
}
.news-feature-panel span:nth-child(2){transform:translateY(58px);background:linear-gradient(135deg,#fff,#e7f6ff)}
.news-feature-panel span:nth-child(3){background:linear-gradient(135deg,#eafffb,#fff)}
.news-feature-panel span:nth-child(4){transform:translateY(58px);background:linear-gradient(135deg,#0f172a,#14b8a6)}
.v3-cta{
  background:
    linear-gradient(90deg,rgba(3,8,21,.82),rgba(3,8,21,.36)),
    url("../images/hero-geo-ai-opt.webp") center/cover;
  color:#fff;
}
.v3-cta .cta-inner{background:rgba(7,17,31,.7);border-color:rgba(255,255,255,.16)}
.v3-cta h2,.v3-cta p{color:#fff}
.v3-footer{
  min-height:560px;
  padding-top:96px;
  background:
    radial-gradient(circle at 18% 10%,rgba(23,105,255,.2),transparent 26rem),
    radial-gradient(circle at 86% 78%,rgba(20,184,166,.17),transparent 26rem),
    #050b14;
}
.v3-footer .bsb-logo text{fill:#fff}
.v3-footer .footer-grid{grid-template-columns:1.55fr repeat(4,1fr)}
.v3-footer .footer-col{gap:14px}
.v3-footer .footer-col h3{font-size:21px}
.v3-footer .footer-col a,.v3-footer .footer-col span{font-size:16px}
@media(max-width:1500px){
  .v3-header nav{gap:12px}
  .v3-header nav>a,.v3-header .nav-item>a,.nav-phone{font-size:16px}
  .bsb-logo-link{min-width:168px}.bsb-logo{width:168px}
}
@media(max-width:1450px){
  .v3-header .menu{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    border:1px solid var(--line);
    border-radius:14px;
    background:#fff;
  }
  .v3-header .menu span{
    display:block;
    width:18px;
    height:2px;
    border-radius:99px;
    background:#0f172a;
    box-shadow:0 6px 0 #0f172a,0 -6px 0 #0f172a;
  }
  .v3-header.open .menu span{transform:rotate(45deg);box-shadow:0 0 0 #0f172a,0 0 0 #0f172a}
  .v3-header.open .menu span::after{content:"";display:block;width:18px;height:2px;border-radius:99px;background:#0f172a;transform:rotate(90deg)}
  .v3-header nav{
    position:absolute;
    top:100%;
    left:24px;
    right:24px;
    display:grid;
    align-items:start;
    justify-content:stretch;
    height:auto;
    max-height:0;
    overflow:hidden;
    padding:0 16px;
    border:1px solid transparent;
    border-radius:0 0 22px 22px;
    background:rgba(255,255,255,.98);
    box-shadow:0 22px 48px rgba(15,23,42,.12);
    opacity:0;
    transform:translateY(-8px);
    transition:max-height .28s ease,opacity .2s ease,transform .2s ease,padding .2s ease,border-color .2s ease;
  }
  .v3-header.open nav{
    max-height:760px;
    opacity:1;
    transform:translateY(0);
    padding:16px;
    border-color:var(--line);
  }
  .v3-header nav>a,.v3-header .nav-item>a{width:100%;height:auto;padding:12px 14px;font-size:16px}
  .v3-header .nav-item{height:auto;display:block}
  .v3-header .mega{position:static;display:grid;min-width:0;margin:0 0 8px 14px;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:14px}
}
@media(max-width:1280px){
  .v3-service-grid{grid-template-columns:repeat(2,1fr)}
  .v3-service-card:nth-child(even){margin-top:0}
}
@media(max-width:1180px){
  .v3-header .nav-tools{margin-left:auto}
}
@media(max-width:900px){
  .v3-home{cursor:auto}
  .cursor-dot,.cursor-ring{display:none}
  .nav-tools{display:none}
  .v3-hero{height:auto;min-height:760px}
  .slide-content h1,.slide-content h2{width:100%;font-size:44px}
  .hero-controls{grid-template-columns:1fr 1fr;bottom:20px}
  .hero-progress{grid-column:1/-1}
  .hero-dot{width:auto}
  .v3-case-grid,.news-feature,.v3-footer .footer-grid{grid-template-columns:1fr}
  .v3-case-card.large{min-height:460px}
  .v3-case-card{min-height:360px}
}
@media(max-width:640px){
  .v3-header,.v3-header.scrolled{height:70px}
  .bsb-logo{width:150px}
  .v3-service-grid{grid-template-columns:1fr}
  .v3-service-card{min-height:310px}
  .v3-service-card h3{margin-top:70px}
  .news-feature{padding:26px}
  .news-feature-panel{min-height:260px}
  .client-track span{width:170px;height:92px;font-size:16px}
}

/* Refined Bomin-inspired homepage pass */
.bm-refined{
  --max:1600px;
  --pad:clamp(24px,4vw,72px);
  background:#f5f6f4;
  color:#111;
  cursor:auto;
}
.bm-refined .container{width:min(calc(100% - var(--pad) * 2),var(--max));max-width:1600px}
.bm-refined .cursor-dot{width:5px;height:5px;background:#fff;mix-blend-mode:difference}
.bm-refined .cursor-ring{width:22px;height:22px;border-color:rgba(255,255,255,.8);mix-blend-mode:difference}
.bm-refined .cursor-ring.is-hover{border-width:2px}
.bomin-header{
  height:96px;
  padding:0;
  background:rgba(255,255,255,.9);
  border-bottom:1px solid rgba(0,0,0,.06);
}
.bomin-header.scrolled{height:88px;background:rgba(255,255,255,.96)}
.bomin-nav-inner{
  width:100%;
  height:100%;
  padding:0 clamp(28px,3.3vw,72px);
  display:flex;
  align-items:center;
  gap:34px;
}
.bsb-wordmark{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:254px;
  color:#111;
}
.bsb-mark{width:56px;height:56px;overflow:visible}
.bsb-mark-img{width:58px;height:64px;object-fit:contain;display:block}
.bsb-mark .mark-ring{fill:none;stroke:#111;stroke-width:2.4;stroke-linecap:round}
.bsb-mark .mark-b{fill:#111}
.bsb-wordmark span{display:grid;line-height:1.05}
.bsb-wordmark b{font-size:28px;letter-spacing:.08em;font-weight:950}
.bsb-wordmark i{margin-top:7px;font-style:normal;font-size:11px;letter-spacing:.26em;color:#64748b;font-weight:850}
.bomin-header nav{
  flex:1;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(30px,2.8vw,58px);
}
.bomin-header nav>a,.bomin-header .nav-item>a{
  height:96px;
  display:flex;
  align-items:center;
  padding:0;
  color:#121212;
  font-size:20px;
  font-weight:750;
  letter-spacing:.03em;
  white-space:nowrap;
}
.bomin-header nav>a:hover,.bomin-header nav>a.active,.bomin-header .nav-item:hover>a{background:transparent;color:#0b66c3}
.bomin-header .nav-item{height:96px;display:flex;align-items:center;position:relative}
.mega-panel{
  position:fixed;
  top:96px;
  left:0;
  right:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(260px,420px));
  justify-content:center;
  gap:80px;
  padding:42px var(--pad);
  background:rgba(255,255,255,.98);
  border-top:1px solid rgba(0,0,0,.05);
  box-shadow:0 34px 90px rgba(0,0,0,.12);
  opacity:0;
  visibility:hidden;
  transform:translateY(-12px);
  transition:.25s ease;
}
.nav-item:hover .mega-panel,.nav-item:focus-within .mega-panel{opacity:1;visibility:visible;transform:translateY(0)}
.mega-panel b{display:block;margin-bottom:18px;color:#111;font-size:18px}
.mega-panel a{display:block;padding:13px 0;border-bottom:1px solid #edf0f3;color:#46505d;font-size:16px}
.mega-panel a:hover{color:#0b66c3}
.nav-side{display:flex;align-items:center;gap:24px}
.clean-search{
  width:34px;
  height:34px;
  border:0;
  background:transparent;
  color:#111;
}
.clean-search svg{width:28px;height:28px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round}
.nav-phone{
  display:grid;
  color:#111;
  font-size:24px;
  font-weight:950;
  line-height:1.05;
}
.nav-phone em{font-style:normal;color:#7a838e;font-size:12px;font-weight:800;letter-spacing:.14em}
.ref-hero{position:relative;height:calc(100vh - 96px);min-height:760px;overflow:hidden;background:#06101c;color:#fff}
.hero-bomin-v2{
  position:relative;
  height:calc(100vh - 96px);
  min-height:760px;
  overflow:hidden;
  background:#050b12;
  color:#fff;
}
.hero-bomin-stage,.hero-bomin-slide{position:absolute;inset:0}
.hero-bomin-slide{
  opacity:0;
  visibility:hidden;
  overflow:hidden;
  clip-path:inset(0 0 0 100%);
}
.hero-bomin-slide.is-active{opacity:1;visibility:visible;clip-path:inset(0)}
.hero-bomin-slide img{
  position:absolute;
  inset:-5%;
  width:110%;
  height:110%;
  object-fit:cover;
  transform:scale(1.05);
}
.hero-bomin-slide::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(2,6,13,.76),rgba(2,6,13,.28) 52%,rgba(2,6,13,.12)),
    linear-gradient(180deg,rgba(2,6,13,.1),rgba(2,6,13,.5));
}
.hero-bomin-copy{
  position:relative;
  z-index:2;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding-bottom:84px;
}
.hero-bomin-copy span{
  margin-bottom:30px;
  color:#dce8f6;
  font-size:22px;
  font-weight:900;
  letter-spacing:.16em;
}
.hero-bomin-copy h1,.hero-bomin-copy h2{
  width:min(1050px,78vw);
  margin:0 0 30px;
  color:#fff;
  font-size:clamp(58px,5.2vw,96px);
  line-height:1.04;
  letter-spacing:.01em;
  font-weight:950;
}
.hero-bomin-copy p{
  max-width:760px;
  margin:0;
  color:#e5edf7;
  font-size:22px;
  line-height:1.8;
}
.hero-bomin-nav{
  position:absolute;
  left:50%;
  bottom:56px;
  z-index:5;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  width:min(calc(100% - var(--pad) * 2),1600px);
  transform:translateX(-50%);
}
.hero-bomin-nav .hero-dot{
  width:auto;
  height:26px;
  padding:0;
  border:0;
  background:transparent;
}
.hero-bomin-nav .hero-dot i{
  display:block;
  height:2px;
  background:rgba(255,255,255,.36);
  overflow:hidden;
}
.hero-bomin-nav .hero-dot i::before{
  content:"";
  display:block;
  width:0;
  height:100%;
  background:#fff;
}
.hero-bomin-nav .hero-dot.is-active i::before{animation:lineFill 5.8s linear forwards}
.hero-scroll{
  position:absolute;
  right:clamp(24px,4vw,70px);
  bottom:58px;
  z-index:5;
  writing-mode:vertical-rl;
  color:rgba(255,255,255,.7);
  font-size:12px;
  letter-spacing:.28em;
}
.search-overlay{
  position:fixed;
  inset:0;
  z-index:1001;
  display:grid;
  place-items:center;
  background:rgba(5,10,16,.94);
  color:#fff;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:.28s ease;
}
.search-overlay.open{opacity:1;visibility:visible;pointer-events:auto}
.search-close{
  position:absolute;
  right:52px;
  top:38px;
  width:54px;
  height:54px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:50%;
  background:transparent;
  color:#fff;
  font-size:34px;
}
.search-panel{width:min(1000px,86vw)}
.search-panel p{letter-spacing:.35em;color:#8ca1b5;font-weight:900}
.search-panel label{display:block;margin:18px 0;font-size:clamp(34px,4vw,68px);font-weight:900}
.search-panel input{
  width:100%;
  padding:24px 0;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.34);
  background:transparent;
  color:#fff;
  font-size:28px;
  outline:0;
}
.search-panel div{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.search-panel a{padding:10px 16px;border:1px solid rgba(255,255,255,.22);color:#dce7f3}
.ref-about{padding:118px 0;background:#fff}
.about-grid{display:grid;grid-template-columns:240px 1fr;gap:70px}
.about-kicker{color:#8d98a5;letter-spacing:.28em;text-transform:uppercase;font-weight:900}
.about-grid h2{max-width:1040px;margin:0 0 28px;font-size:clamp(46px,4.6vw,78px);line-height:1.06}
.about-grid p{max-width:1120px;color:#536071;font-size:20px;line-height:2}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px}
.about-stats span{padding-top:22px;border-top:1px solid #dfe5eb;color:#596575}
.about-stats b{display:block;margin-bottom:8px;color:#111;font-size:40px}
.ref-slide{position:absolute;inset:0;opacity:0;visibility:hidden;overflow:hidden}
.ref-slide.is-active{opacity:1;visibility:visible}
.ref-slide .slide-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06)}
.ref-slide::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(0,5,12,.62),rgba(0,5,12,.18) 48%,rgba(0,5,12,.08)),linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.44));
}
.ref-copy{
  position:relative;
  z-index:2;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding-bottom:70px;
}
.ref-copy p{
  margin:0 0 24px;
  font-size:15px;
  letter-spacing:.28em;
  text-transform:uppercase;
  font-weight:850;
  color:#dfeeff;
}
.ref-copy h1,.ref-copy h2{
  width:min(980px,78vw);
  margin:0 0 24px;
  color:#fff;
  font-size:clamp(54px,5vw,90px);
  line-height:1.05;
  letter-spacing:.02em;
  font-weight:900;
}
.ref-copy span{font-size:20px;color:#e4edf8}
.hero-lines{
  position:absolute;
  z-index:5;
  left:50%;
  bottom:48px;
  width:min(calc(100% - var(--pad) * 2),1600px);
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  transform:translateX(-50%);
}
.hero-lines .hero-dot{
  width:auto;
  height:18px;
  padding:0;
  border:0;
  background:transparent;
}
.hero-lines .hero-dot i{
  display:block;
  height:2px;
  background:rgba(255,255,255,.36);
  overflow:hidden;
}
.hero-lines .hero-dot i::before{
  content:"";
  display:block;
  width:0;
  height:100%;
  background:#fff;
}
.hero-lines .hero-dot.is-active i::before{animation:lineFill 5.6s linear forwards}
@keyframes lineFill{to{width:100%}}
.ref-services,.ref-news{background:#f5f6f4;padding:120px 0}
.ref-title{display:grid;grid-template-columns:180px 1fr;gap:34px;align-items:end;margin-bottom:58px}
.ref-title p{margin:0;color:#7d8792;text-transform:uppercase;letter-spacing:.24em;font-size:13px;font-weight:900}
.ref-title h2{margin:0;font-size:clamp(42px,4vw,70px);line-height:1.05;letter-spacing:.02em}
.ref-title span{grid-column:2;color:#657180;font-size:18px}
.service-scroll{display:grid;gap:52px}
.service-hover{
  min-height:calc(100vh - 150px);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:58px;
  align-items:stretch;
}
.service-visual{position:sticky;top:120px;height:calc(100vh - 190px);min-height:560px;overflow:hidden;background:#111}
.service-visual img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transform:scale(1.08);
  transition:opacity .45s ease,transform .8s ease;
}
.service-visual img.is-active{opacity:1;transform:scale(1)}
.service-tabs{display:grid;grid-template-rows:repeat(4,1fr);border-top:1px solid #dce3ea}
.service-tabs article{
  display:grid;
  grid-template-columns:90px 1fr;
  gap:24px;
  align-content:center;
  min-height:170px;
  padding:28px 0;
  border-bottom:1px solid #dce3ea;
  opacity:.46;
  transition:.28s ease;
}
.service-tabs article.is-active{opacity:1;transform:translateX(16px)}
.service-tabs b{color:#8e9aa8;font-size:18px;letter-spacing:.18em}
.service-tabs h3{grid-column:2;margin:0;font-size:clamp(34px,3.2vw,60px);line-height:1.05}
.service-tabs p{grid-column:2;margin:0;color:#536071;font-size:17px;line-height:1.75}
.service-tabs a{grid-column:2;width:max-content;color:#111;font-weight:900;border-bottom:2px solid currentColor}
.service-row{
  min-height:560px;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:58px;
  align-items:center;
  padding:48px 0;
  border-top:1px solid #dfe5ea;
}
.service-row:nth-child(even){grid-template-columns:.92fr 1.08fr}
.service-row:nth-child(even) .service-img{order:2}
.service-img{height:440px;overflow:hidden;border-radius:2px;background:#dfe5ea}
.service-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.12)}
.service-row b{display:block;color:#9aa3ad;font-size:18px;letter-spacing:.18em}
.service-row h3{margin:18px 0 24px;font-size:clamp(42px,4vw,72px);line-height:1.04}
.service-row p{color:#4d5866;font-size:19px;line-height:1.9}
.service-row a{display:inline-flex;margin-top:22px;color:#111;font-weight:900;border-bottom:2px solid #111}
.ref-cases{padding:125px 0;background:#101820;color:#fff}
.dark-title p,.dark-title span{color:#9fb0bf}
.case-bomin-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:26px}
.case-bomin{
  position:relative;
  min-height:390px;
  overflow:hidden;
  color:#fff;
  background:#000;
}
.case-bomin.large{grid-row:span 2;min-height:806px}
.case-bomin img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:.8s ease}
.case-bomin:hover img{transform:scale(1.14)}
.case-bomin::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 34%,rgba(0,0,0,.84))}
.case-bomin div{position:absolute;left:36px;right:36px;bottom:34px;z-index:1}
.case-bomin p{margin:0 0 12px;color:#c9d7e5;font-size:14px;font-weight:800}
.case-bomin h3{margin:0;font-size:clamp(26px,3vw,52px);line-height:1.08}
.case-list{position:relative;border-top:1px solid rgba(255,255,255,.16)}
.case-line{
  position:relative;
  display:grid;
  grid-template-columns:110px 1fr 260px;
  gap:24px;
  align-items:center;
  min-height:190px;
  border-bottom:1px solid rgba(255,255,255,.16);
  color:#fff;
  overflow:visible;
}
.case-line span{color:#8ea2b5;font-size:20px;font-weight:900}
.case-line h3{margin:0;font-size:clamp(32px,3.8vw,70px);line-height:1.05}
.case-line p{justify-self:end;color:#b9c7d4;font-size:16px}
.case-line img{
  position:absolute;
  right:10%;
  top:50%;
  width:430px;
  height:250px;
  object-fit:cover;
  opacity:0;
  transform:translateY(-50%) scale(.92);
  pointer-events:none;
  transition:.35s ease;
  z-index:2;
  box-shadow:0 24px 90px rgba(0,0,0,.32);
}
.case-line:hover img,.case-line.is-active img{opacity:1;transform:translateY(-50%) scale(1)}
.case-line:hover h3,.case-line.is-active h3{color:#fff}
.bomin-case-board{
  position:relative;
  border-top:1px solid rgba(255,255,255,.18);
}
.bomin-case-row{
  position:relative;
  min-height:168px;
  display:grid;
  grid-template-columns:90px minmax(0,1fr) 210px 142px 160px;
  gap:26px;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.18);
  color:#fff;
}
.bomin-case-row .case-no{color:#93a4b4;font-size:18px;font-weight:900;letter-spacing:.12em}
.bomin-case-row h3{
  margin:0;
  color:#fff;
  font-size:clamp(30px,3vw,56px);
  line-height:1.08;
  font-weight:900;
}
.bomin-case-row p,.bomin-case-row em,.bomin-case-row strong{
  margin:0;
  color:#b7c4d2;
  font-style:normal;
  font-size:15px;
  font-weight:800;
}
.bomin-case-row em,.bomin-case-row strong{
  justify-self:center;
  padding:9px 14px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
}
.bomin-case-row img{
  position:absolute;
  z-index:3;
  right:16%;
  top:50%;
  width:470px;
  height:270px;
  object-fit:cover;
  opacity:0;
  pointer-events:none;
  transform:translateY(-50%) scale(.92);
  transition:opacity .32s ease,transform .42s ease;
  box-shadow:0 28px 90px rgba(0,0,0,.38);
}
.bomin-case-row:hover img,.bomin-case-row.is-active img{opacity:1;transform:translateY(-50%) scale(1)}
.bomin-case-row:hover h3,.bomin-case-row.is-active h3{color:#fff}
.bomin-case-row:hover{background:rgba(255,255,255,.035)}
.ref-clients{padding:120px 0;background:#fff;overflow:hidden}
.client-mask{
  width:min(calc(100% - var(--pad) * 2),1600px);
  margin:auto;
  position:relative;
  display:grid;
  gap:12px;
  overflow:hidden;
  padding:6px 0;
  mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%);
}
.client-row{display:flex;width:max-content;gap:12px}
.client-row span{
  display:grid;
  place-items:center;
  width:220px;
  height:92px;
  border:1px solid #e2e7ec;
  background:linear-gradient(135deg,#fff,#f5f7fa);
  color:#1f2937;
  font-size:17px;
  font-weight:900;
  border-radius:2px;
  position:relative;
}
.client-row span::before{
  content:"";
  width:34px;
  height:34px;
  margin-bottom:6px;
  border-radius:50%;
  background:linear-gradient(135deg,#111,#708090);
  box-shadow:inset 10px 0 0 rgba(255,255,255,.16);
}
.client-row.left{animation:logoLeft 30s linear infinite}
.client-row.right{animation:logoRight 32s linear infinite}
.client-row.slow{animation-duration:42s}
@keyframes logoLeft{to{transform:translateX(-50%)}}
@keyframes logoRight{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.news-better-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px}
.news-better-grid article{
  position:relative;
  min-height:296px;
  overflow:hidden;
  background:#fff;
  border:1px solid #e0e5eb;
}
.news-better-grid img{width:100%;height:230px;object-fit:cover}
.news-main{grid-column:span 2;min-height:560px}
.news-main img{height:100%;position:absolute;inset:0}
.news-main::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.2))}
.news-main div{position:absolute;left:44px;right:44px;bottom:42px;color:#fff;z-index:1}
.news-better-grid time{display:block;margin:22px 24px 10px;color:#7e8a96;font-weight:900}
.news-better-grid h3{margin:0 24px 24px;font-size:24px;line-height:1.25}
.news-main h3{margin:8px 0 16px;font-size:clamp(34px,3vw,56px);line-height:1.08}
.news-main p{max-width:680px;color:#e2ebf5;font-size:18px}
.ref-prefooter{
  padding:120px 0;
  color:#fff;
  background:linear-gradient(90deg,rgba(3,8,15,.82),rgba(3,8,15,.32)),url("../images/bm-style-geo-hero-opt.webp") center/cover;
}
.ref-prefooter .container{display:flex;justify-content:space-between;align-items:center;gap:32px}
.ref-prefooter h2{max-width:900px;margin:0;font-size:clamp(42px,4vw,72px);line-height:1.08}
.ref-prefooter a{color:#111;background:#fff;padding:18px 28px;font-weight:900}
.ref-footer{padding:96px 0 34px;background:#081019;color:#cbd5e1}
.footer-top{display:grid;grid-template-columns:1.45fr repeat(4,1fr);gap:48px;align-items:start}
.footer-wordmark{color:#fff}
.footer-wordmark .mark-ring{stroke:#fff}.footer-wordmark .mark-b{fill:#fff}.footer-wordmark i{color:#94a3b8}
.footer-logo-block p{max-width:480px;color:#9aa8b8;font-size:17px;line-height:1.9}
.ref-footer h3{margin:0 0 20px;color:#fff;font-size:22px}
.ref-footer a,.ref-footer span{display:block;margin:12px 0;color:#9aa8b8;font-size:16px}
.ref-footer a:hover{color:#fff}
.ref-footer .footer-bottom{display:flex;justify-content:space-between;margin-top:80px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);color:#748295}
@media(max-width:1500px){
  .bomin-header nav{gap:22px}.bomin-header nav>a,.bomin-header .nav-item>a{font-size:17px}.bsb-wordmark{min-width:230px}.bsb-wordmark b{font-size:25px}
}
@media(max-width:1320px){
  .bomin-header .menu{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d8dee6;border-radius:0;background:#fff}
  .bomin-header .menu span{display:block;width:18px;height:2px;background:#111;box-shadow:0 6px 0 #111,0 -6px 0 #111}
  .bomin-header nav{position:fixed;top:96px;left:0;right:0;bottom:0;height:auto;display:grid;align-content:start;justify-content:stretch;align-items:start;gap:0;overflow:auto;padding:0 var(--pad);background:rgba(255,255,255,.98);opacity:0;visibility:hidden;transform:translateY(-16px);transition:.25s ease}
  .bomin-header.open nav{opacity:1;visibility:visible;transform:translateY(0);padding-block:26px}
  .bomin-header nav>a,.bomin-header .nav-item>a{height:auto;padding:18px 0;font-size:24px;border-bottom:1px solid #e7ebef}
  .bomin-header .nav-item{height:auto;display:block}
  .mega-panel{position:static;grid-template-columns:1fr;padding:16px 0 18px;box-shadow:none;opacity:1;visibility:visible;transform:none;border:0}
}
@media(max-width:980px){
  .nav-side{display:none}.ref-copy h1,.ref-copy h2,.hero-bomin-copy h1,.hero-bomin-copy h2{width:100%;font-size:42px}.hero-bomin-copy p{font-size:18px}.hero-bomin-nav{bottom:28px}.ref-title,.service-row,.service-row:nth-child(even),.case-bomin-grid,.news-better-grid,.footer-top,.about-grid,.service-hover{grid-template-columns:1fr}.ref-title span{grid-column:1}.service-row:nth-child(even) .service-img{order:0}.case-bomin.large{min-height:460px}.ref-prefooter .container{display:block}.ref-prefooter a{display:inline-flex;margin-top:24px}.service-visual{position:relative;top:auto;height:360px;min-height:360px}.service-tabs article{grid-template-columns:64px 1fr}.case-line{grid-template-columns:70px 1fr;min-height:150px}.case-line p{grid-column:2;justify-self:start}.case-line img{display:none}.news-main{grid-column:auto;min-height:420px}.bomin-case-row{grid-template-columns:60px 1fr;gap:14px;min-height:154px}.bomin-case-row p,.bomin-case-row em,.bomin-case-row strong{grid-column:2;justify-self:start}.bomin-case-row img{display:none}
}
@media(max-width:640px){
  .bm-refined{cursor:auto}.cursor-dot,.cursor-ring{display:none}.bomin-header{height:76px}.bomin-nav-inner{padding:0 18px}.bomin-header nav{top:76px}.bsb-mark,.bsb-mark-img{width:44px;height:50px}.bsb-wordmark{min-width:auto}.bsb-wordmark b{font-size:21px}.bsb-wordmark i{font-size:9px}.ref-hero,.hero-bomin-v2{height:720px;min-height:720px}.hero-lines{bottom:24px}.hero-bomin-copy{padding-bottom:92px}.hero-bomin-copy span{font-size:18px;margin-bottom:20px}.hero-bomin-copy h1,.hero-bomin-copy h2{font-size:38px}.hero-bomin-nav{grid-template-columns:repeat(3,1fr);gap:10px}.hero-scroll{display:none}.ref-services,.ref-news,.ref-cases,.ref-clients,.ref-about{padding:72px 0}.service-img{height:260px}.client-row span{width:160px;height:68px;font-size:15px}.footer-top{gap:26px}.about-stats{grid-template-columns:1fr 1fr}.service-tabs h3{font-size:32px}.service-tabs p{font-size:15px}.search-panel label{font-size:34px}.search-panel input{font-size:20px}.bomin-case-row h3{font-size:28px}
}

/* Current homepage: rebuilt banner and cases */
.hero-cinematic{
  position:relative;
  height:calc(100vh - 96px);
  min-height:780px;
  overflow:hidden;
  background:#050b12;
  color:#fff;
  isolation:isolate;
}
html{overflow-x:clip}
.bm-refined{overflow-x:visible}
@media(min-width:1321px){
  .bomin-nav-inner{gap:clamp(22px,2vw,34px)}
  .bomin-header nav{gap:clamp(20px,1.6vw,38px)}
  .bomin-header nav>a,.bomin-header .nav-item>a{font-size:18px}
}
.hero-cinematic-stage,.hero-cinematic-slide{position:absolute;inset:0}
.hero-cinematic-slide{
  opacity:0;
  visibility:hidden;
  overflow:hidden;
  clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);
  transition:opacity .5s ease,visibility .5s ease,clip-path .72s cubic-bezier(.2,.75,.2,1);
}
.hero-cinematic-slide.is-active{
  opacity:1;
  visibility:visible;
  clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
}
.hero-cinematic-media{
  position:absolute;
  inset:-4%;
  width:108%;
  height:108%;
  object-fit:cover;
  transform:scale(1.04);
  filter:saturate(.96) contrast(1.08);
}
.hero-cinematic-slide::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(circle at 72% 32%,rgba(63,119,186,.25),transparent 34%),
    linear-gradient(90deg,rgba(2,7,14,.86),rgba(2,7,14,.48) 44%,rgba(2,7,14,.2) 72%),
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.68));
}
.hero-cinematic-slide::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:120px 120px;
  mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.75) 38%,transparent 78%);
  opacity:.18;
}
.hero-cinematic-copy{
  position:relative;
  z-index:3;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:40px 0 126px;
}
.hero-kicker{
  margin:0 0 26px;
  color:#dbe8f7;
  font-size:17px;
  font-weight:900;
  letter-spacing:.18em;
}
.hero-cinematic-copy h1,.hero-cinematic-copy h2{
  width:min(1040px,78vw);
  margin:0;
  color:#fff;
  font-size:clamp(58px,5.3vw,98px);
  line-height:1.04;
  letter-spacing:0;
  font-weight:950;
  text-wrap:balance;
}
.hero-lead{
  max-width:820px;
  margin:30px 0 0;
  color:#e4edf6;
  font-size:22px;
  line-height:1.82;
}
.hero-meta{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:38px;
}
.hero-meta span{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 18px;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.08);
  color:#f5f8fb;
  font-size:16px;
  font-weight:850;
  backdrop-filter:blur(14px);
}
.hero-cinematic-count{
  position:absolute;
  right:clamp(28px,4.6vw,86px);
  top:50%;
  z-index:5;
  display:flex;
  align-items:flex-end;
  gap:8px;
  transform:translateY(-50%);
  color:#fff;
  pointer-events:none;
}
.hero-cinematic-count strong{
  font-size:clamp(54px,5vw,86px);
  line-height:.8;
  font-weight:950;
}
.hero-cinematic-count span{color:rgba(255,255,255,.62);font-size:24px;font-weight:850}
.hero-cinematic-controls{
  position:absolute;
  left:50%;
  bottom:46px;
  z-index:6;
  width:min(calc(100% - var(--pad) * 2),1600px);
  display:flex;
  gap:14px;
  transform:translateX(-50%);
}
.hero-pick{
  min-width:178px;
  min-height:66px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px 20px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(8,17,30,.32);
  color:#fff;
  text-align:left;
  backdrop-filter:blur(18px);
  transition:background .25s ease,border-color .25s ease,transform .25s ease;
}
.hero-pick span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
  color:#dbe8f7;
  font-size:13px;
  font-weight:950;
}
.hero-pick b{font-size:18px;line-height:1;font-weight:900}
.hero-pick:hover,.hero-pick.is-active{
  border-color:rgba(255,255,255,.62);
  background:rgba(255,255,255,.16);
  transform:translateY(-3px);
}
.hero-pick.is-active span{background:#fff;color:#07111d}
.hero-cinematic-arrows{
  position:absolute;
  right:clamp(28px,4.6vw,86px);
  bottom:46px;
  z-index:7;
  display:flex;
  gap:10px;
}
.hero-arrow{
  width:54px;
  height:54px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:50%;
  background:rgba(8,17,30,.34);
  color:#fff;
  font-size:34px;
  line-height:1;
  backdrop-filter:blur(16px);
  transition:.22s ease;
}
.hero-arrow:hover{background:#fff;color:#07111d;transform:translateY(-3px)}
.showcase-bomin{
  position:relative;
  padding:132px 0 138px;
  overflow:hidden;
  background:#081019;
  color:#fff;
}
.showcase-bomin::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 82% 12%,rgba(52,105,160,.28),transparent 30%),
    linear-gradient(180deg,#0c1622 0,#081019 56%,#050a11 100%);
  pointer-events:none;
}
.showcase-bomin .container{position:relative;z-index:1}
.showcase-head{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:32px 56px;
  align-items:end;
  margin-bottom:64px;
}
.showcase-head p{
  margin:0;
  color:#92a6ba;
  font-size:20px;
  font-weight:900;
  letter-spacing:.12em;
}
.showcase-head h2{
  max-width:1120px;
  margin:0;
  color:#fff;
  font-size:clamp(46px,4.2vw,78px);
  line-height:1.06;
  letter-spacing:0;
  font-weight:950;
}
.showcase-head span{
  grid-column:2;
  max-width:780px;
  color:#a9bacb;
  font-size:19px;
  line-height:1.9;
}
.showcase-list{
  position:relative;
  border-top:1px solid rgba(255,255,255,.16);
}
.showcase-row{
  position:relative;
  min-height:178px;
  display:grid;
  grid-template-columns:96px minmax(0,1fr) 170px 138px;
  gap:28px;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.16);
  color:#fff;
  overflow:visible;
}
.showcase-row::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(255,255,255,.06),transparent 70%);
  opacity:0;
  transition:.28s ease;
}
.showcase-no{
  color:#8fa2b6;
  font-size:19px;
  font-weight:950;
  letter-spacing:.16em;
}
.showcase-row h3{
  margin:0;
  color:#fff;
  font-size:clamp(34px,3.4vw,64px);
  line-height:1.04;
  font-weight:950;
  letter-spacing:0;
}
.showcase-row p{
  margin:16px 0 0;
  color:#9eb0c2;
  font-size:17px;
  line-height:1.5;
}
.showcase-row em,.showcase-row strong{
  margin:0;
  color:#b8c6d3;
  font-size:16px;
  font-style:normal;
  font-weight:900;
}
.showcase-row strong{
  justify-self:end;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.showcase-row strong::after{content:"›";font-size:28px;line-height:1}
.showcase-row figure{
  position:absolute;
  right:10%;
  top:50%;
  z-index:4;
  width:min(520px,33vw);
  height:300px;
  margin:0;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
  transform:translate(28px,-50%) scale(.9) rotate(-.6deg);
  transition:opacity .28s ease,transform .38s cubic-bezier(.2,.7,.2,1);
  box-shadow:0 34px 100px rgba(0,0,0,.44);
}
.showcase-row figure img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.08);
  transition:transform .8s ease;
}
.showcase-row:hover::before,.showcase-row.is-active::before{opacity:1}
.showcase-row:hover figure,.showcase-row.is-active figure{
  opacity:1;
  transform:translate(0,-50%) scale(1) rotate(0deg);
}
.showcase-row:hover figure img,.showcase-row.is-active figure img{transform:scale(1.14)}
.showcase-row:hover h3,.showcase-row.is-active h3{color:#fff}
@media(max-width:1320px){
  .hero-cinematic{height:calc(100vh - 96px);min-height:740px}
  .hero-cinematic-controls{width:min(calc(100% - 48px),1600px)}
  .hero-pick{min-width:156px}
  .hero-cinematic-arrows{display:none}
  .showcase-row{grid-template-columns:78px minmax(0,1fr) 140px 112px}
}
@media(max-width:980px){
  .hero-cinematic{height:auto;min-height:760px}
  .hero-cinematic-copy{padding:96px 0 160px}
  .hero-cinematic-copy h1,.hero-cinematic-copy h2{width:100%;font-size:46px}
  .hero-lead{font-size:18px;line-height:1.75}
  .hero-cinematic-count{display:none}
  .hero-cinematic-controls{bottom:30px;display:grid;grid-template-columns:repeat(3,1fr)}
  .hero-pick{min-width:0;min-height:58px;padding:10px 12px;gap:10px}
  .hero-pick b{font-size:16px}
  .hero-pick span{width:32px;height:32px}
  .showcase-bomin{padding:86px 0}
  .showcase-head{grid-template-columns:1fr;gap:18px;margin-bottom:38px}
  .showcase-head span{grid-column:1;font-size:17px}
  .showcase-row{
    min-height:0;
    grid-template-columns:1fr;
    gap:12px;
    padding:30px 0;
  }
  .showcase-no{font-size:16px}
  .showcase-row h3{font-size:34px}
  .showcase-row p{margin-top:10px;font-size:16px}
  .showcase-row em,.showcase-row strong{justify-self:start}
  .showcase-row figure{
    position:relative;
    right:auto;
    top:auto;
    width:100%;
    height:240px;
    margin-top:16px;
    opacity:1;
    transform:none;
    box-shadow:none;
  }
  .showcase-row:hover figure,.showcase-row.is-active figure{transform:none}
}
@media(max-width:640px){
  .hero-cinematic{min-height:720px}
  .hero-cinematic-copy{padding:78px 0 150px}
  .hero-kicker{font-size:13px;margin-bottom:18px}
  .hero-cinematic-copy h1,.hero-cinematic-copy h2{font-size:38px;line-height:1.12}
  .hero-lead{margin-top:20px;font-size:16px}
  .hero-meta{gap:8px;margin-top:24px}
  .hero-meta span{min-height:34px;padding:0 12px;font-size:13px}
  .hero-cinematic-controls{grid-template-columns:1fr;gap:8px;bottom:22px}
  .hero-pick{min-height:44px}
  .hero-pick span{width:28px;height:28px;font-size:12px}
  .hero-pick b{font-size:15px}
  .showcase-head h2{font-size:36px}
  .showcase-row h3{font-size:30px}
  .showcase-row figure{height:210px}
}

/* Homepage refinement pass: compatibility, mobile nav, smoother media, Bomin-style content */
.bm-refined{cursor:auto}
.cursor-dot,.cursor-ring{opacity:0;pointer-events:none}
.cursor-ready .cursor-dot,.cursor-ready .cursor-ring{opacity:1}
.cursor-ready{cursor:auto}
.cursor-ring{will-change:transform}
.cursor-dot{will-change:transform}

.bomin-header .bsb-wordmark{position:relative}
.bomin-header .bsb-wordmark::before,
.bomin-header .bsb-wordmark::after{
  content:"";
  position:absolute;
  left:18px;
  top:50%;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#23a6aa;
  opacity:0;
  pointer-events:none;
}
.bomin-header .bsb-wordmark::before{animation:brandSpark 3.8s ease-in-out infinite}
.bomin-header .bsb-wordmark::after{animation:brandSpark 3.8s .55s ease-in-out infinite reverse}
.brand-char{
  display:inline-block;
  opacity:0;
  transform:translateY(12px);
  animation:brandCharIn .58s cubic-bezier(.2,.8,.2,1) forwards;
}
@keyframes brandCharIn{to{opacity:1;transform:translateY(0)}}
@keyframes brandSpark{
  0%,72%,100%{opacity:0;transform:translate3d(0,0,0) scale(.6)}
  18%{opacity:.9;transform:translate3d(18px,-22px,0) scale(1)}
  42%{opacity:.55;transform:translate3d(52px,12px,0) scale(.8)}
}

.hero-cinematic-media{
  inset:0;
  width:100%;
  height:100%;
  transform:scale(1.035);
  transform-origin:center center;
  animation:heroMediaFloat 24s ease-in-out infinite alternate;
  backface-visibility:hidden;
  will-change:transform;
}
.hero-cinematic-slide:not(.is-active) .hero-cinematic-media{animation:none}
.hero-cinematic-slide.is-active .hero-cinematic-media{animation-play-state:running}
@keyframes heroMediaFloat{
  from{transform:scale(1.035)}
  to{transform:scale(1.055)}
}
.hero-cinematic-count{
  right:clamp(24px,4vw,72px);
  top:auto;
  bottom:138px;
  align-items:center;
  gap:7px;
  transform:none;
  font-weight:300;
}
.hero-cinematic-count strong{
  font-size:24px;
  font-weight:300;
  letter-spacing:.02em;
}
.hero-cinematic-count span{
  color:rgba(255,255,255,.46);
  font-size:13px;
  font-weight:300;
}
.hero-cinematic-count i{
  position:absolute;
  left:0;
  top:34px;
  width:92px;
  height:1px;
  overflow:hidden;
  background:rgba(255,255,255,.2);
}
.hero-cinematic-count i::before{
  content:"";
  display:block;
  width:100%;
  height:100%;
  background:rgba(255,255,255,.88);
  transform-origin:left center;
  animation:heroTimeLine 6.2s linear infinite;
}
@keyframes heroTimeLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}

.about-brand-mark{
  position:sticky;
  top:132px;
  display:grid;
  place-items:center;
  min-height:360px;
  overflow:hidden;
}
.about-brand-mark img{
  width:min(240px,60vw);
  opacity:.2;
  filter:saturate(.9);
}
.about-grid h2{font-size:clamp(34px,3.1vw,54px);line-height:1.18}
.about-grid p{font-size:18px;line-height:1.95}
.stat-roll{font-variant-numeric:tabular-nums}

.case-bomin-home{
  position:relative;
  padding:132px 0 146px;
  overflow:hidden;
  background:#0b1118;
  color:#fff;
}
.case-bomin-home::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,#111a24,#071018 72%,#050b11);
  pointer-events:none;
}
.case-bomin-home .container{position:relative;z-index:1}
.case-bomin-title{
  display:grid;
  grid-template-columns:minmax(220px,.38fr) 1fr;
  gap:52px;
  align-items:end;
  margin-bottom:58px;
}
.case-bomin-title h2{
  margin:0;
  font-size:clamp(42px,4.2vw,74px);
  line-height:1.08;
}
.case-bomin-title p{
  max-width:760px;
  margin:0;
  color:#9fb0c0;
  font-size:19px;
  line-height:1.9;
}
.case-bomin-list{border-top:1px solid rgba(255,255,255,.16)}
.case-bomin-item{
  position:relative;
  min-height:172px;
  display:grid;
  grid-template-columns:88px minmax(0,1fr) 320px 76px;
  gap:26px;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.16);
  color:#fff;
  overflow:visible;
}
.case-bomin-item::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(255,255,255,.04);
  opacity:0;
  transition:.3s ease;
}
.case-bomin-item span{
  position:relative;
  color:#7e92a6;
  font-size:18px;
  font-weight:900;
  letter-spacing:.16em;
}
.case-bomin-item h3{
  position:relative;
  margin:0;
  font-size:clamp(34px,3.4vw,64px);
  line-height:1.05;
  font-weight:950;
}
.case-bomin-item p{
  position:relative;
  margin:0;
  color:#a5b5c4;
  font-size:16px;
}
.case-bomin-item em{
  position:relative;
  justify-self:end;
  color:#cbd6df;
  font-style:normal;
  font-size:16px;
  font-weight:900;
}
.case-bomin-item img{
  position:absolute;
  z-index:3;
  right:13%;
  top:50%;
  width:min(520px,32vw);
  height:292px;
  object-fit:cover;
  opacity:0;
  transform:translate3d(36px,-50%,0) scale(.94);
  pointer-events:none;
  transition:opacity .32s ease,transform .48s cubic-bezier(.2,.8,.2,1);
  box-shadow:0 34px 100px rgba(0,0,0,.46);
}
.case-bomin-item:hover::before,.case-bomin-item.is-active::before{opacity:1}
.case-bomin-item:hover img,.case-bomin-item.is-active img{opacity:1;transform:translate3d(0,-50%,0) scale(1)}

.clients-title{grid-template-columns:1fr;gap:14px;margin-bottom:44px}
.clients-title h2{font-size:clamp(42px,4vw,68px)}
.clients-title span{grid-column:1;max-width:620px}
.client-mask{
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 13%,rgba(0,0,0,.55) 29%,#000 43%,#000 57%,rgba(0,0,0,.55) 71%,rgba(0,0,0,.12) 87%,transparent 100%);
}

.news-river{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:34px;
  align-items:stretch;
}
.news-river-feature{
  position:relative;
  min-height:620px;
  overflow:hidden;
  color:#fff;
  background:#111;
}
.news-river-feature>a{
  position:absolute;
  inset:0;
  display:block;
  color:inherit;
  text-decoration:none;
}
.news-river-feature img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.05);
}
.news-river-feature::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.78));
  pointer-events:none;
}
.news-river-feature div{position:absolute;left:42px;right:42px;bottom:42px;z-index:1}
.news-river-feature time,.news-river-list time{color:#7f8b97;font-weight:900}
.news-river-feature h2{margin:16px 0;font-size:clamp(34px,3vw,56px);line-height:1.08}
.news-river-feature p{max-width:640px;color:#e2ebf4;font-size:18px;line-height:1.8}
.news-river-list{
  display:grid;
  border-top:1px solid #dfe5eb;
}
.news-river-list a{
  display:grid;
  grid-template-columns:128px 1fr;
  gap:18px 28px;
  align-content:center;
  min-height:124px;
  padding:24px 0;
  border-bottom:1px solid #dfe5eb;
  color:#111;
}
.news-river-list h3{margin:0;font-size:26px;line-height:1.28}
.news-river-list p{grid-column:2;margin:0;color:#66717d;font-size:16px;line-height:1.7}
.news-river-list a:hover h3{color:#0b66c3}

.prefooter-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px auto;
  align-items:center;
  gap:42px;
}
.ref-prefooter .container{display:grid}
.ref-prefooter h2{font-size:clamp(36px,3.6vw,62px)}
.ref-prefooter p{max-width:760px;margin:22px 0 0;color:#d7e0ea;font-size:19px;line-height:1.9}
.prefooter-points{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.prefooter-points span{
  display:grid;
  place-items:center;
  min-height:64px;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(255,255,255,.07);
  color:#f8fafc;
  font-weight:900;
}
.text-reveal{opacity:0;transform:translateY(24px)}
.text-reveal.show{opacity:1;transform:translateY(0);transition:opacity .7s ease,transform .7s ease}
.footer-wordmark i{display:none}

@media(max-width:1320px){
  .bomin-header{
    height:78px;
    overflow:visible;
  }
  .bomin-header.scrolled{height:72px}
  .bomin-nav-inner{
    justify-content:space-between;
    gap:18px;
    padding:0 22px;
  }
  .bomin-header .menu{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    margin-left:auto;
    border:1px solid rgba(13,23,36,.14);
    border-radius:50%;
    background:#fff;
    box-shadow:0 10px 28px rgba(15,23,42,.08);
    transition:transform .25s ease,border-color .25s ease,background .25s ease;
  }
  .bomin-header .menu span{
    display:block;
    width:20px;
    height:2px;
    background:#111;
    box-shadow:0 7px 0 #111,0 -7px 0 #111;
    transition:transform .28s ease,box-shadow .28s ease;
  }
  .bomin-header.open .menu{background:#111;border-color:#111;transform:rotate(90deg)}
  .bomin-header.open .menu span{background:#fff;box-shadow:0 0 0 #fff,0 0 0 #fff;transform:rotate(45deg)}
  .bomin-header.open .menu span::after{content:"";display:block;width:20px;height:2px;background:#fff;transform:rotate(90deg)}
  .bomin-header nav{
    position:fixed;
    inset:78px 0 0 0;
    z-index:999;
    display:grid;
    grid-auto-rows:min-content;
    align-content:start;
    gap:0;
    height:auto;
    padding:34px 28px 80px;
    overflow:auto;
    background:rgba(255,255,255,.96);
    -webkit-backdrop-filter:blur(24px);
    backdrop-filter:blur(24px);
    overscroll-behavior:contain;
    opacity:0;
    visibility:hidden;
    transform:translate3d(0,-18px,0);
    transition:opacity .32s ease,visibility .32s ease,transform .42s cubic-bezier(.2,.8,.2,1);
  }
  .bomin-header.open nav{opacity:1;visibility:visible;transform:translate3d(0,0,0)}
  .bomin-header .bsb-wordmark i{display:none}
  .bomin-header nav>a,.bomin-header .nav-item>a{
    width:100%;
    height:auto;
    padding:18px 0;
    border-bottom:1px solid #e7ebef;
    font-size:26px;
    font-weight:900;
    opacity:0;
    transform:translateY(18px);
    transition:opacity .38s ease,transform .45s cubic-bezier(.2,.8,.2,1),color .2s ease;
  }
  .bomin-header.open nav>a,.bomin-header.open .nav-item>a{opacity:1;transform:translateY(0)}
  .bomin-header.open nav>a:nth-child(1){transition-delay:.04s}
  .bomin-header.open nav>a:nth-child(2){transition-delay:.08s}
  .bomin-header.open .nav-item{transition-delay:.12s}
  .bomin-header.open nav>a:nth-child(4){transition-delay:.16s}
  .bomin-header.open nav>a:nth-child(5){transition-delay:.2s}
  .bomin-header.open nav>a:nth-child(6){transition-delay:.24s}
  .bomin-header.open nav>a:nth-child(7){transition-delay:.28s}
  .bomin-header.open nav>a:nth-child(8){transition-delay:.32s}
  .bomin-header.open nav>a:nth-child(9){transition-delay:.36s}
  .bomin-header.open nav>a:nth-child(10){transition-delay:.4s}
  .bomin-header .nav-item{height:auto;display:block}
  .bomin-header nav .nav-item{width:100%}
  .mega-panel{
    position:static;
    grid-template-columns:1fr;
    gap:0;
    padding:10px 0 18px 18px;
    box-shadow:none;
    border:0;
    opacity:1;
    visibility:visible;
    transform:none;
    background:transparent;
  }
  .mega-panel b{margin:12px 0 8px;font-size:15px;color:#66717d}
  .mega-panel a{padding:9px 0;font-size:16px}
  .nav-side{display:none}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .bomin-header nav,.search-overlay{background:rgba(255,255,255,.98)}
}
@media(max-width:980px){
  .about-brand-mark{position:relative;top:auto;min-height:180px;place-items:start}
  .about-brand-mark img{width:142px}
  .case-bomin-title,.news-river,.prefooter-grid{grid-template-columns:1fr}
  .case-bomin-item{grid-template-columns:58px 1fr;gap:14px;min-height:0;padding:28px 0}
  .case-bomin-item p,.case-bomin-item em{grid-column:2;justify-self:start}
  .case-bomin-item img{position:relative;right:auto;top:auto;grid-column:1/-1;width:100%;height:240px;opacity:1;transform:none;box-shadow:none}
  .case-bomin-item:hover img,.case-bomin-item.is-active img{transform:none}
  .news-river-feature{min-height:440px}
  .news-river-list a{grid-template-columns:1fr;gap:10px}
  .news-river-list p{grid-column:1}
  .prefooter-points{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){
  .hero-cinematic-media,
  .hero-cinematic-count i::before,
  .brand-char,
  .bomin-header .bsb-wordmark::before,
  .bomin-header .bsb-wordmark::after{
    animation:none!important;
  }
  .text-reveal{opacity:1;transform:none}
}
@media(max-width:640px){
  .bomin-header,.bomin-header.scrolled{height:70px}
  .bomin-header nav{inset:70px 0 0 0;padding:26px 22px 70px}
  .bomin-header nav>a,.bomin-header .nav-item>a{font-size:22px;padding:16px 0}
  .bomin-header .menu{width:44px;height:44px}
  .hero-cinematic-count{right:24px;bottom:92px}
  .hero-cinematic-count strong{font-size:20px}
  .hero-cinematic-controls{display:none}
  .case-bomin-home,.ref-news,.ref-clients,.ref-about{padding:78px 0}
  .case-bomin-title{gap:18px;margin-bottom:32px}
  .case-bomin-title h2,.clients-title h2{font-size:36px}
  .case-bomin-item h3{font-size:28px}
  .news-river-feature div{left:24px;right:24px;bottom:24px}
  .news-river-feature h2{font-size:30px}
  .prefooter-points{grid-template-columns:1fr}
}

/* Detail refinement pass: top utility bar, aligned brand, richer mega menu and dynamic about block */
.top-widebar{
  --bar-h:40px;
  position:sticky;
  top:0;
  z-index:70;
  height:var(--bar-h);
  background:#0b1118;
  color:#d8e0e8;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.top-widebar .container{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:clamp(18px,2.8vw,46px);
}
.top-widebar a,.top-widebar span{
  position:relative;
  display:flex;
  align-items:center;
  height:100%;
  color:#d8e0e8;
  font-size:14px;
  font-weight:850;
  letter-spacing:.04em;
  white-space:nowrap;
}
.top-widebar a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:#fff;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .25s ease;
}
.top-widebar a:hover{color:#fff}
.top-widebar a:hover::after{transform:scaleX(1)}

.bomin-header{
  top:40px;
  z-index:69;
}
.bomin-header .bsb-wordmark{
  height:100%;
  align-items:center;
  gap:12px;
  min-width:248px;
}
.bomin-header .bsb-mark-img{
  width:52px;
  height:58px;
  flex:0 0 auto;
  object-fit:contain;
  transform:none!important;
}
.bomin-header .bsb-wordmark span{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:58px;
  line-height:1;
}
.bomin-header .bsb-wordmark b{
  display:flex;
  align-items:center;
  min-height:30px;
  color:#111;
  font-size:27px;
  letter-spacing:.06em;
}
.bomin-header .bsb-wordmark i{
  margin-top:5px;
  font-size:10px;
  letter-spacing:.24em;
}
.brand-char{line-height:1}

.mega-panel{
  top:136px;
  grid-template-columns:repeat(4,minmax(190px,260px));
  justify-content:center;
  align-items:stretch;
  gap:22px;
  padding:42px clamp(28px,5vw,90px) 48px;
  background:rgba(255,255,255,.98);
}
.mega-panel::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:min(1600px,calc(100% - 64px));
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,#dfe5eb,transparent);
}
.mega-card{
  min-height:248px;
  padding:26px 24px 22px;
  border-left:1px solid #e4e8ee;
  background:linear-gradient(180deg,#fff,#f7f9fb);
}
.mega-card b{
  margin:0 0 8px;
  font-size:24px;
  line-height:1.15;
}
.mega-card small{
  display:block;
  min-height:42px;
  margin-bottom:18px;
  color:#75808d;
  font-size:14px;
  line-height:1.5;
}
.mega-card a{
  position:relative;
  padding:12px 0 12px 18px;
  border-bottom:1px solid #e8edf2;
  font-size:16px;
  font-weight:850;
}
.mega-card a::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#9aa7b5;
  transform:translateY(-50%);
  transition:background .2s ease,box-shadow .2s ease;
}
.mega-card a:hover::before{background:#0b66c3;box-shadow:0 0 0 5px rgba(11,102,195,.1)}

.ref-about{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,#f4f5f3 0,#fff 48%,#f2f4f6 100%);
}
.ref-about::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(12,20,30,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(12,20,30,.05) 1px,transparent 1px);
  background-size:92px 92px;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.36),#000 42%,rgba(0,0,0,.3));
  pointer-events:none;
}
.about-grid{position:relative;z-index:1;grid-template-columns:minmax(300px,.44fr) minmax(0,1fr);align-items:center}
.about-brand-mark{position:relative;top:auto;min-height:480px}
.about-brand-card{
  position:relative;
  width:min(420px,86vw);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.about-brand-card::before,
.about-brand-card::after{
  content:"";
  position:absolute;
  inset:12%;
  border:1px solid rgba(15,23,42,.16);
  border-radius:50%;
}
.about-brand-card::after{
  inset:24%;
  border-style:dashed;
  animation:aboutRing 18s linear infinite;
}
.about-brand-card img{
  position:relative;
  z-index:3;
  width:min(218px,52vw);
  opacity:.36;
  filter:grayscale(1) saturate(.2) contrast(1.06);
}
.about-brand-card i{
  position:absolute;
  left:10%;
  right:10%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(15,23,42,.48),transparent);
  transform-origin:center center;
  animation:aboutLine 4.8s ease-in-out infinite;
}
.about-brand-card i:nth-of-type(1){top:32%}
.about-brand-card i:nth-of-type(2){top:50%;animation-delay:.8s}
.about-brand-card i:nth-of-type(3){top:68%;animation-delay:1.6s}
.about-three{
  position:absolute;
  inset:0;
  z-index:1;
  opacity:.38;
  pointer-events:none;
}
.about-three canvas{width:100%!important;height:100%!important}
@keyframes aboutRing{to{transform:rotate(360deg)}}
@keyframes aboutLine{
  0%,100%{transform:translateX(-18%) scaleX(.45);opacity:.25}
  50%{transform:translateX(18%) scaleX(1);opacity:.82}
}
.about-copy h2{max-width:980px}
.about-stats{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  border-top:1px solid #d5dbe2;
  border-bottom:1px solid #d5dbe2;
}
.about-stats span{
  display:grid;
  gap:10px;
  min-height:132px;
  padding:26px 24px;
  border-top:0;
  border-right:1px solid #d5dbe2;
  color:#111;
}
.about-stats span:last-child{border-right:0}
.about-stats em{
  order:1;
  color:#6f7a86;
  font-size:15px;
  font-style:normal;
  font-weight:850;
}
.about-stats b{
  margin:0;
  color:#15191f;
  font-size:clamp(38px,4vw,62px);
  line-height:.95;
  font-weight:300;
}

.case-bomin-list{
  padding-inline:clamp(18px,2.8vw,54px);
  border-left:1px solid rgba(255,255,255,.1);
  border-right:1px solid rgba(255,255,255,.1);
}
.case-bomin-item{
  padding-inline:clamp(12px,1.6vw,28px);
  grid-template-columns:88px minmax(0,1fr) minmax(220px,320px) 88px;
}
.case-bomin-item::before{inset:0 calc(clamp(12px,1.6vw,28px) * -1)}
.case-bomin-item em{padding-right:4px}

.news-head{
  display:grid;
  grid-template-columns:minmax(220px,.36fr) minmax(0,680px);
  gap:42px;
  align-items:end;
  margin-bottom:50px;
}
.news-head h2{
  margin:0;
  color:#111;
  font-size:clamp(42px,4vw,70px);
  line-height:1.06;
}
.news-head p{
  margin:0;
  color:#66717d;
  font-size:18px;
  line-height:1.9;
}

.footer-top{grid-template-columns:1.35fr repeat(5,minmax(120px,1fr));gap:36px}

@media(max-width:1320px){
  .top-widebar{--bar-h:38px}
  .top-widebar .container{justify-content:center;gap:18px}
  .top-widebar a,.top-widebar span{font-size:13px}
  .bomin-header{top:38px}
  .bomin-header .bsb-wordmark{min-width:0}
  .bomin-header .bsb-mark-img{width:46px;height:52px}
  .bomin-header .bsb-wordmark b{font-size:23px;min-height:26px}
  .bomin-header nav{
    inset:116px 0 0 0;
    top:auto!important;
    display:grid!important;
    pointer-events:none;
  }
  .bomin-header.open nav{
    opacity:1!important;
    visibility:visible!important;
    transform:translate3d(0,0,0)!important;
    pointer-events:auto;
  }
  .mega-panel{
    position:static;
    grid-template-columns:1fr 1fr;
    gap:12px;
    padding:18px 0 28px;
    background:transparent;
  }
  .mega-card{
    min-height:0;
    padding:18px 16px;
    border:1px solid #e3e8ee;
  }
  .mega-card small{min-height:0}
  .footer-top{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:980px){
  .about-grid,.news-head{grid-template-columns:1fr}
  .about-brand-mark{min-height:300px;place-items:center}
  .about-brand-card{width:min(320px,82vw)}
  .about-stats{grid-template-columns:1fr 1fr}
  .case-bomin-list{padding-inline:20px}
  .case-bomin-item{padding-inline:0}
}
@media(max-width:640px){
  .top-widebar{--bar-h:38px;overflow:auto}
  .top-widebar .container{
    width:max-content;
    min-width:100%;
    justify-content:flex-start;
    padding-inline:18px;
  }
  .top-widebar span{display:none}
  .bomin-header{top:38px}
  .bomin-header .bsb-mark-img{width:40px;height:46px}
  .bomin-header .bsb-wordmark span{min-height:46px}
  .bomin-header .bsb-wordmark b{font-size:20px;letter-spacing:.04em}
  .bomin-header nav{inset:108px 0 0 0!important;padding:24px 22px 72px!important}
  .mega-panel{grid-template-columns:1fr}
  .mega-card{padding:14px 0;border:0;border-bottom:1px solid #e6ebf0;background:transparent}
  .mega-card b{font-size:18px}
  .mega-card small{font-size:13px;margin-bottom:8px}
  .about-stats{grid-template-columns:1fr}
  .about-stats span{min-height:100px;border-right:0;border-bottom:1px solid #d5dbe2}
  .case-bomin-list{padding-inline:16px}
  .news-head{margin-bottom:28px}
  .footer-top{grid-template-columns:1fr}
}

/* 20260602l: smoother logo, full-screen mobile nav, Three.js layers across modules */
.bomin-nav-inner{
  width:min(calc(100% - var(--pad) * 2),1600px);
  margin-inline:auto;
  padding-inline:0!important;
}
.bomin-header .bsb-wordmark{
  min-width:220px;
}
.bomin-header .bsb-wordmark span{
  min-height:40px;
}
.bomin-header .bsb-wordmark b{
  display:block!important;
  min-height:40px;
  font-size:28px;
  line-height:40px;
  letter-spacing:.05em;
  white-space:nowrap;
}
.bomin-header .bsb-wordmark i{display:none!important}
.brand-char{
  opacity:0;
  transform:translateY(6px);
  filter:blur(5px);
  animation:brandCharSoft .88s cubic-bezier(.16,1,.3,1) forwards;
}
@keyframes brandCharSoft{
  45%{opacity:.78;filter:blur(1.5px)}
  to{opacity:1;transform:translateY(0);filter:blur(0)}
}

.mega-panel{
  top:148px;
  width:min(calc(100% - var(--pad) * 2),1600px);
  left:50%;
  right:auto;
  transform:translate(-50%,4px);
  border-radius:0 0 2px 2px;
  border:1px solid rgba(17,24,39,.08);
  box-shadow:0 30px 80px rgba(4,10,18,.14);
}
.nav-item:hover .mega-panel,.nav-item:focus-within .mega-panel{
  transform:translate(-50%,16px);
}
.mega-panel::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-14px;
  height:14px;
}

.hero-cinematic{height:calc(100vh - 136px);min-height:760px}
.hero-three,
.three-section-layer{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  overflow:hidden;
}
.hero-three{
  z-index:2;
  opacity:.6;
  mix-blend-mode:screen;
}
.hero-three canvas,
.three-section-layer canvas{
  width:100%!important;
  height:100%!important;
  display:block;
}
.hero-cinematic-copy,.hero-cinematic-count,.hero-cinematic-controls,.hero-cinematic-arrows,.hero-scroll{position:relative}
.hero-cinematic-copy{z-index:4}
.hero-cinematic-count,.hero-cinematic-controls,.hero-cinematic-arrows,.hero-scroll{z-index:6}

.ref-about,.ref-services,.case-bomin-home,.ref-clients,.ref-news,.ref-prefooter,.ref-footer{
  position:relative;
  overflow:hidden;
}
.ref-about>.container,.ref-services>.container,.case-bomin-home>.container,.ref-clients>.container,.ref-news>.container,.ref-prefooter>.container,.ref-footer>.container{
  position:relative;
  z-index:2;
}
.three-section-layer{
  opacity:.18;
  mix-blend-mode:multiply;
}
.case-bomin-home .three-section-layer,.ref-prefooter .three-section-layer,.ref-footer .three-section-layer{
  opacity:.22;
  mix-blend-mode:screen;
}

.about-stats{
  background:rgba(255,255,255,.28);
  border-color:rgba(15,23,42,.1);
}
.about-stats span{
  background:rgba(255,255,255,.16);
  border-color:rgba(15,23,42,.08);
}
.about-stats b{
  color:rgba(17,24,39,.72);
}
.about-stats em{color:rgba(80,91,105,.72)}

.ref-prefooter{
  background:
    linear-gradient(90deg,rgba(4,9,16,.9),rgba(5,12,20,.7)),
    url("../images/bm-style-geo-hero-opt.webp") center/cover;
}
.prefooter-grid{
  grid-template-columns:minmax(0,1fr) minmax(260px,360px) minmax(240px,330px);
}
.ref-prefooter a{
  position:relative;
  display:grid;
  align-content:center;
  min-height:152px;
  padding:28px 30px;
  color:#fff;
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 28px 80px rgba(0,0,0,.28);
  overflow:hidden;
}
.ref-prefooter a::before{
  content:"";
  position:absolute;
  inset:auto 24px 24px 24px;
  height:1px;
  background:linear-gradient(90deg,#fff,rgba(255,255,255,.05));
}
.ref-prefooter a::after{
  content:"立即沟通";
  display:block;
  margin-top:12px;
  color:rgba(255,255,255,.62);
  font-size:14px;
  font-weight:800;
  letter-spacing:.12em;
}

@media(max-width:1320px){
  .bomin-nav-inner{width:100%;padding-inline:22px!important}
  .bomin-header .bsb-wordmark{position:relative;z-index:1002;min-width:0}
  .bomin-header .menu{
    position:relative;
    z-index:1003;
  }
  .bomin-header nav{
    position:fixed!important;
    inset:0!important;
    z-index:1000!important;
    width:100%;
    height:100dvh!important;
    min-height:100vh;
    padding:126px clamp(22px,5vw,56px) 54px!important;
    background:rgba(255,255,255,.98)!important;
    -webkit-backdrop-filter:blur(26px);
    backdrop-filter:blur(26px);
    display:grid!important;
    grid-auto-rows:min-content;
    align-content:start;
    gap:0;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-12px) scale(.985)!important;
    transition:opacity .34s ease,visibility .34s ease,transform .46s cubic-bezier(.16,1,.3,1)!important;
  }
  .bomin-header.open nav{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0) scale(1)!important;
  }
  .bomin-header nav>a,.bomin-header .nav-item>a{
    font-size:clamp(22px,5vw,36px);
    line-height:1.15;
    padding:18px 0;
    opacity:0;
    transform:translateY(12px);
  }
  .bomin-header.open nav>a,.bomin-header.open .nav-item>a{
    opacity:1!important;
    transform:translateY(0)!important;
  }
  .mega-panel{
    width:100%;
    position:static!important;
    transform:none!important;
    grid-template-columns:1fr 1fr;
    padding:18px 0 28px!important;
    border:0;
    box-shadow:none;
  }
  .nav-item:hover .mega-panel,.nav-item:focus-within .mega-panel{transform:none!important}
}

@media(max-width:980px){
  .hero-cinematic{height:auto;min-height:720px}
  .hero-cinematic-copy{padding:128px 0 112px}
  .hero-cinematic-copy h1,.hero-cinematic-copy h2{font-size:clamp(34px,8.8vw,52px);line-height:1.12}
  .hero-lead{max-width:100%;font-size:16px;line-height:1.72}
  .hero-meta{gap:8px;margin-top:24px}
  .hero-meta span{min-height:32px;font-size:13px}
  .about-grid{gap:30px}
  .ref-title{gap:16px;margin-bottom:28px}
  .ref-title h2,.case-bomin-title h2,.clients-title h2,.news-head h2{font-size:34px}
  .service-hover{gap:24px}
  .service-visual{height:300px;min-height:300px}
  .service-tabs article{grid-template-columns:44px 1fr;padding:20px 0}
  .service-tabs h3{font-size:26px}
  .case-bomin-item{grid-template-columns:44px 1fr;gap:12px}
  .case-bomin-item h3{font-size:25px}
  .news-river{gap:22px}
  .prefooter-grid{grid-template-columns:1fr}
  .ref-prefooter a{min-height:118px;margin-top:0}
  .footer-top{grid-template-columns:1fr 1fr}
}

@media(max-width:640px){
  .top-widebar{position:sticky;top:0;height:36px}
  .top-widebar a{font-size:12px}
  .bomin-header,.bomin-header.scrolled{top:36px;height:66px}
  .bomin-nav-inner{padding-inline:16px!important}
  .bomin-header .bsb-mark-img{width:38px;height:42px}
  .bomin-header .bsb-wordmark b{font-size:19px;min-height:24px;white-space:nowrap}
  .bomin-header .menu{width:42px;height:42px}
  .bomin-header nav{padding:108px 22px 44px!important}
  .mega-panel{grid-template-columns:1fr}
  .mega-card{padding:14px 0;background:transparent}
  .hero-cinematic{min-height:690px}
  .hero-cinematic-copy{padding:112px 0 86px}
  .hero-kicker{font-size:12px;margin-bottom:14px}
  .hero-cinematic-copy h1,.hero-cinematic-copy h2{font-size:32px}
  .hero-meta{display:none}
  .hero-three{opacity:.36}
  .ref-about,.ref-services,.case-bomin-home,.ref-clients,.ref-news,.ref-prefooter{padding:62px 0!important}
  .about-brand-mark{min-height:220px}
  .about-brand-card{width:min(260px,78vw)}
  .about-copy h2{font-size:28px}
  .about-grid p{font-size:15px;line-height:1.85}
  .about-stats{margin-top:28px}
  .about-stats b{font-size:40px}
  .service-visual{height:230px;min-height:230px}
  .service-tabs p{font-size:14px}
  .client-row span{width:150px;height:64px}
  .news-river-feature{min-height:360px}
  .news-river-list h3{font-size:20px}
  .news-river-list p{font-size:14px}
  .prefooter-points span{min-height:52px}
  .ref-prefooter h2{font-size:30px}
  .ref-prefooter p{font-size:15px}
  .ref-prefooter a{min-height:108px;padding:22px}
  .footer-top{grid-template-columns:1fr}
  .ref-footer{padding-top:64px}
}

.bomin-header .bsb-wordmark > span{
  display:flex!important;
  flex-direction:column;
  justify-content:center;
}
.bomin-header .bsb-wordmark b .brand-char{
  display:inline-block!important;
  min-height:0!important;
  width:auto!important;
  height:auto!important;
  line-height:1!important;
  vertical-align:baseline;
}

/* 20260602p: performance rollback, no particle canvas, cleaner case module */
.hero-three,
.three-section-layer,
.about-three{
  display:none!important;
}
.hero-cinematic{
  height:calc(100vh - 136px);
  min-height:760px;
}
.hero-cinematic-copy{
  z-index:3;
}
.hero-cinematic-slide::before{
  background:
    radial-gradient(circle at 72% 32%,rgba(63,119,186,.18),transparent 34%),
    linear-gradient(90deg,rgba(2,7,14,.86),rgba(2,7,14,.48) 44%,rgba(2,7,14,.2) 72%),
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.68));
}

.case-bomin-home{
  padding:126px 0 134px;
  background:#081018;
}
.case-bomin-title{
  grid-template-columns:minmax(260px,.35fr) minmax(0,680px);
  gap:clamp(28px,5vw,86px);
  align-items:center;
  margin-bottom:52px;
}
.case-bomin-title h2{
  position:relative;
  padding-bottom:22px;
}
.case-bomin-title h2::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:72px;
  height:2px;
  background:rgba(255,255,255,.7);
}
.case-bomin-title p{
  max-width:none;
  padding:24px 0 24px clamp(22px,3vw,42px);
  border-left:1px solid rgba(255,255,255,.18);
  color:rgba(210,222,232,.76);
  font-size:18px;
  line-height:1.9;
}
.case-bomin-list{
  padding:0;
  border:0!important;
  display:grid;
  gap:12px;
}
.case-bomin-item{
  min-height:154px;
  padding:30px clamp(22px,3.6vw,58px);
  grid-template-columns:70px minmax(0,1.12fr) minmax(220px,.62fr) 92px;
  gap:clamp(18px,3vw,48px);
  border:0!important;
  background:rgba(255,255,255,.035);
  transition:background .24s ease,transform .24s ease;
}
.case-bomin-item::before{
  display:none;
}
.case-bomin-item span{
  color:rgba(173,190,206,.72);
  letter-spacing:.14em;
}
.case-bomin-item h3{
  font-size:clamp(30px,3vw,56px);
}
.case-bomin-item p{
  max-width:360px;
  color:rgba(185,202,216,.78);
  line-height:1.7;
}
.case-bomin-item em{
  justify-self:end;
  min-width:58px;
  padding-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,.32);
  color:rgba(238,244,248,.86);
  text-align:right;
}
.case-bomin-item img{
  right:clamp(110px,14vw,240px);
  width:min(500px,31vw);
  height:280px;
  visibility:hidden;
  opacity:0!important;
  transform:translate3d(26px,-50%,0) scale(.96);
}
.case-bomin-item:hover{
  background:rgba(255,255,255,.075);
  transform:translateX(8px);
}
.case-bomin-item:hover img{
  visibility:visible;
  opacity:1!important;
  transform:translate3d(0,-50%,0) scale(1);
}
.case-bomin-item.is-active:not(:hover) img{
  visibility:hidden;
  opacity:0!important;
}

@media(max-width:980px){
  .hero-cinematic{
    height:auto;
    min-height:720px;
  }
  .case-bomin-title{
    grid-template-columns:1fr;
    gap:20px;
    margin-bottom:30px;
  }
  .case-bomin-title p{
    padding:0 0 0 18px;
    font-size:16px;
  }
  .case-bomin-item{
    grid-template-columns:48px minmax(0,1fr) 64px;
    gap:16px;
    padding:24px 0;
    background:transparent;
  }
  .case-bomin-item p{
    grid-column:2 / -1;
    max-width:100%;
  }
  .case-bomin-item em{
    grid-column:3;
    grid-row:1;
  }
  .case-bomin-item img{
    display:none!important;
  }
  .case-bomin-item:hover{
    transform:none;
  }
}

/* 20260602q: animated hero media, stable controls, compact mobile navigation */
.hero-cinematic-media{
  animation:none!important;
  transform:scale(1.03)!important;
}
.hero-cinematic-controls{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:42px!important;
  top:auto!important;
  width:min(720px,calc(100% - 44px))!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  transform:translateX(-50%)!important;
}
.hero-pick{
  min-width:0!important;
  min-height:56px!important;
  padding:9px 13px!important;
  gap:10px!important;
  background:rgba(6,14,24,.42)!important;
  border-color:rgba(255,255,255,.2)!important;
}
.hero-pick span{
  width:32px!important;
  height:32px!important;
  font-size:12px!important;
  flex:0 0 auto;
}
.hero-pick b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:15px!important;
}
.hero-pick.is-active{
  transform:none!important;
}
.hero-cinematic-arrows{
  position:absolute!important;
  display:flex!important;
  left:auto!important;
  top:auto!important;
  bottom:42px!important;
  right:clamp(26px,4vw,70px)!important;
  width:auto!important;
  height:auto!important;
  transform:none!important;
}
.hero-arrow{
  width:48px!important;
  height:48px!important;
}

@media(max-width:1320px){
  .bomin-header nav{
    align-content:start!important;
  }
}

@media(max-width:640px){
  .bomin-header nav{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding:94px 16px 18px!important;
    overflow:auto!important;
  }
  .bomin-header nav>a,
  .bomin-header .nav-item>a{
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:9px 8px!important;
    border:1px solid #e5eaf0!important;
    border-radius:0!important;
    background:#f8fafc!important;
    color:#111!important;
    font-size:16px!important;
    font-weight:850!important;
    line-height:1.2!important;
    text-align:center!important;
  }
  .bomin-header .nav-item{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .bomin-header .nav-item>a{
    justify-content:flex-start!important;
    padding-inline:12px!important;
    background:#111821!important;
    color:#fff!important;
  }
  .mega-panel{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    padding:0!important;
    width:100%!important;
  }
  .mega-card{
    min-height:0!important;
    padding:9px 10px!important;
    border:1px solid #e7ebef!important;
    background:#fff!important;
  }
  .mega-card b{
    margin:0 0 2px!important;
    font-size:14px!important;
    line-height:1.2!important;
  }
  .mega-card small{
    display:none!important;
  }
  .mega-card a{
    padding:4px 0 4px 10px!important;
    border-bottom:0!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:750!important;
  }
  .mega-card a::before{
    width:4px!important;
    height:4px!important;
  }
  .hero-cinematic-controls{
    display:none!important;
  }
  .hero-cinematic-arrows{
    display:none!important;
  }
}

/* 20260602s: left-aligned dot hero controls and upward case image */
.hero-cinematic-controls{
  left:max(var(--pad),calc((100vw - 1600px) / 2))!important;
  bottom:54px!important;
  width:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  transform:none!important;
}
.hero-cinematic-controls::before{
  content:"";
  position:absolute;
  left:0;
  top:-16px;
  width:176px;
  height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,255,255,.18),transparent);
}
.hero-pick{
  width:13px!important;
  height:13px!important;
  min-width:13px!important;
  min-height:13px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.58)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.16)!important;
  overflow:visible!important;
  backdrop-filter:none!important;
  transition:background .22s ease,border-color .22s ease,transform .22s ease!important;
}
.hero-pick span,
.hero-pick b{
  display:none!important;
}
.hero-pick:hover,
.hero-pick.is-active{
  background:#fff!important;
  border-color:#fff!important;
  transform:scale(1.18)!important;
}
.hero-cinematic-arrows{
  bottom:40px!important;
}

.case-bomin-title{
  grid-template-columns:max-content minmax(0,680px)!important;
}
.case-bomin-title h2{
  white-space:nowrap!important;
  word-break:keep-all!important;
}
.case-bomin-item:nth-child(4) img{
  top:auto!important;
  bottom:24px!important;
  transform:translate3d(26px,0,0) scale(.96)!important;
}
.case-bomin-item:nth-child(4):hover img{
  transform:translate3d(0,0,0) scale(1)!important;
}

@media(max-width:980px){
  .case-bomin-title{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:640px){
  .hero-cinematic-controls{
    display:none!important;
  }
}

/* 20260602t: line hero controls, case overlay image, news carousel and footer links */
.hero-cinematic-controls{
  left:max(var(--pad),calc((100vw - 1600px) / 2))!important;
  bottom:58px!important;
  width:min(330px,calc(100% - var(--pad) * 2))!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  transform:none!important;
}
.hero-cinematic-controls::before{
  display:none!important;
}
.hero-pick{
  position:relative!important;
  width:92px!important;
  height:24px!important;
  min-width:0!important;
  min-height:24px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:hidden!important;
  transform:none!important;
  backdrop-filter:none!important;
}
.hero-pick::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:1px;
  background:rgba(255,255,255,.34);
  transform:translateY(-50%);
}
.hero-pick::before{
  content:"";
  position:absolute;
  z-index:1;
  left:0;
  top:50%;
  width:0;
  height:2px;
  background:#fff;
  box-shadow:0 0 18px rgba(255,255,255,.34);
  transform:translateY(-50%);
}
.hero-pick:hover,
.hero-pick.is-active{
  background:transparent!important;
  border-color:transparent!important;
  transform:none!important;
}
.hero-pick:hover::after{
  background:rgba(255,255,255,.66);
}
.hero-pick.is-active::before{
  animation:heroLineProgress 6.2s linear both;
}
@keyframes heroLineProgress{
  from{width:0}
  to{width:100%}
}

.ref-services .ref-title{
  grid-template-columns:max-content minmax(0,680px)!important;
}
.ref-services .ref-title h2{
  min-width:max-content;
  white-space:nowrap!important;
  word-break:keep-all!important;
}

.case-bomin-item{
  position:relative;
  overflow:visible!important;
  isolation:isolate;
}
.case-bomin-item span,
.case-bomin-item h3,
.case-bomin-item p,
.case-bomin-item em{
  position:relative;
  z-index:2;
  transition:opacity .22s ease;
}
.case-bomin-item img{
  z-index:8!important;
  left:clamp(92px,13vw,220px)!important;
  right:auto!important;
  top:50%!important;
  width:min(650px,48vw)!important;
  height:clamp(250px,24vw,360px)!important;
  object-fit:cover;
  visibility:hidden;
  opacity:0!important;
  pointer-events:none;
  transform:translate3d(28px,-50%,0) scale(.96)!important;
  box-shadow:0 30px 92px rgba(0,0,0,.48);
}
.case-bomin-item:hover span,
.case-bomin-item:hover h3,
.case-bomin-item:hover p,
.case-bomin-item:hover em{
  opacity:.42;
}
.case-bomin-item:hover img,
.case-bomin-item.is-active:hover img{
  visibility:visible;
  opacity:1!important;
  transform:translate3d(0,-50%,0) scale(1)!important;
}
.case-bomin-item:nth-child(4) img{
  top:auto!important;
  bottom:22px!important;
  transform:translate3d(28px,0,0) scale(.96)!important;
}
.case-bomin-item:nth-child(4):hover img{
  transform:translate3d(0,0,0) scale(1)!important;
}

.news-image-carousel{
  position:relative;
  height:clamp(300px,34vw,520px);
  margin-top:34px;
  overflow:hidden;
  background:#07111b;
  isolation:isolate;
}
.news-image-carousel::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(4,9,15,.82),rgba(4,9,15,.12) 54%,rgba(4,9,15,.62)),
    linear-gradient(180deg,rgba(4,9,15,.04),rgba(4,9,15,.78));
}
.news-image-carousel figure{
  position:absolute;
  inset:0;
  margin:0;
  opacity:0;
  transform:scale(1.035);
  animation:newsImageCarousel 15s infinite;
}
.news-image-carousel figure:nth-child(2){animation-delay:5s}
.news-image-carousel figure:nth-child(3){animation-delay:10s}
.news-image-carousel img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.08);
}
.news-image-carousel figcaption{
  position:absolute;
  z-index:3;
  left:clamp(24px,4vw,64px);
  right:clamp(24px,4vw,64px);
  bottom:clamp(24px,4vw,58px);
  max-width:720px;
  color:#fff;
}
.news-image-carousel figcaption span{
  display:block;
  margin-bottom:12px;
  color:rgba(225,234,242,.72);
  font-size:15px;
  font-weight:850;
}
.news-image-carousel figcaption b{
  display:block;
  max-width:680px;
  font-size:clamp(28px,3vw,52px);
  line-height:1.14;
}
@keyframes newsImageCarousel{
  0%{opacity:0;transform:scale(1.045)}
  8%{opacity:1;transform:scale(1)}
  31%{opacity:1;transform:scale(1)}
  41%,100%{opacity:0;transform:scale(1.025)}
}

.ref-prefooter a::before{
  height:1px!important;
  background:#dce7f2!important;
  animation:contactLineTone 3.6s linear infinite;
}
@keyframes contactLineTone{
  0%,100%{background:#dce7f2;box-shadow:0 0 0 rgba(255,255,255,0)}
  50%{background:#7dc7ff;box-shadow:0 0 18px rgba(125,199,255,.38)}
}

.ref-footer{
  display:flex;
  flex-direction:column;
}
.ref-footer .footer-top{
  order:1;
}
.ref-footer .footer-bottom{
  order:3;
  margin-top:0!important;
  padding-top:20px!important;
  border-top:0!important;
}
.footer-friendlinks{
  order:2;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 18px;
  margin-top:56px;
  padding:0 0 24px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.footer-friendlinks b{
  margin-right:10px;
  color:#fff;
  font-size:17px;
  font-weight:900;
}
.ref-footer .footer-friendlinks a{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  margin:0;
  color:#8d9caf;
  font-size:15px;
  font-weight:750;
}
.ref-footer .footer-friendlinks a:hover{
  color:#fff;
}

@media(max-width:980px){
  .ref-services .ref-title{
    grid-template-columns:1fr!important;
  }
  .case-bomin-item:hover span,
  .case-bomin-item:hover h3,
  .case-bomin-item:hover p,
  .case-bomin-item:hover em{
    opacity:1;
  }
  .news-image-carousel{
    height:430px;
  }
  .footer-friendlinks{
    margin-top:34px;
  }
}

@media(max-width:640px){
  .hero-cinematic-controls{
    display:none!important;
  }
  .ref-services .ref-title h2{
    min-width:0;
  }
  .news-image-carousel{
    height:360px;
    margin-top:24px;
  }
  .news-image-carousel figcaption b{
    font-size:26px;
  }
  .footer-friendlinks{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px 14px;
    padding-bottom:20px;
  }
  .footer-friendlinks b{
    grid-column:1/-1;
  }
}

@media(prefers-reduced-motion:reduce){
  .hero-pick.is-active::before,
  .news-image-carousel figure,
  .ref-prefooter a::before{
    animation:none!important;
  }
  .hero-pick.is-active::before{
    width:100%;
  }
  .news-image-carousel figure:first-child{
    opacity:1;
  }
}

/* 20260602u: tighter hero lines, adjacent mega menu, stable case hover, news line controls and compact mobile footer */
@media(min-width:1321px){
  .mega-panel{
    top:136px!important;
    transform:translate(-50%,0)!important;
  }
  .nav-item:hover .mega-panel,
  .nav-item:focus-within .mega-panel{
    transform:translate(-50%,0)!important;
  }
  .bomin-header.scrolled .mega-panel{
    top:128px!important;
  }
  .mega-panel::after{
    display:none!important;
  }
}

.hero-cinematic-controls{
  width:min(166px,calc(100% - var(--pad) * 2))!important;
  gap:8px!important;
}
.hero-pick{
  width:46px!important;
  height:22px!important;
  min-height:22px!important;
}

.case-bomin-item img{
  z-index:14!important;
  left:auto!important;
  right:clamp(110px,14vw,240px)!important;
  top:50%!important;
  bottom:auto!important;
  width:min(500px,31vw)!important;
  height:280px!important;
  visibility:hidden;
  opacity:0!important;
  transform:translate3d(26px,-50%,0) scale(.96)!important;
  box-shadow:0 28px 88px rgba(0,0,0,.44);
}
.case-bomin-item:hover span,
.case-bomin-item:hover h3,
.case-bomin-item:hover p,
.case-bomin-item:hover em{
  opacity:1!important;
}
.case-bomin-item:hover img,
.case-bomin-item.is-active:hover img{
  visibility:visible;
  opacity:1!important;
  transform:translate3d(0,-50%,0) scale(1)!important;
}
.case-bomin-item:nth-child(4) img{
  top:50%!important;
  bottom:auto!important;
  transform:translate3d(26px,-50%,0) scale(.96)!important;
}
.case-bomin-item:nth-child(4):hover img{
  transform:translate3d(0,-50%,0) scale(1)!important;
}

.news-image-carousel{
  height:clamp(310px,33vw,500px);
}
.news-image-carousel figure{
  animation:none!important;
  opacity:0!important;
  transform:scale(1.035);
  transition:opacity .58s ease,transform 1.4s ease;
}
.news-image-carousel figure.is-active{
  opacity:1!important;
  transform:scale(1);
}
.news-image-carousel figcaption{
  top:clamp(26px,4vw,62px);
  bottom:auto!important;
  color:#fff!important;
}
.news-image-carousel figcaption span,
.news-image-carousel figcaption b{
  color:#fff!important;
}
.news-image-carousel figcaption span{
  opacity:.78;
}
.news-carousel-lines{
  position:absolute;
  z-index:4;
  left:clamp(24px,4vw,64px);
  bottom:clamp(24px,3vw,44px);
  display:flex;
  align-items:center;
  gap:9px;
}
.news-carousel-lines button{
  position:relative;
  width:46px;
  height:16px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  cursor:pointer;
}
.news-carousel-lines button::after,
.news-carousel-lines button::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  height:1px;
  transform:translateY(-50%);
}
.news-carousel-lines button::after{
  right:0;
  background:rgba(255,255,255,.32);
}
.news-carousel-lines button::before{
  z-index:1;
  width:0;
  background:#fff;
}
.news-carousel-lines button.is-active::before{
  animation:newsLineProgress 5.2s linear both;
}
@keyframes newsLineProgress{
  from{width:0}
  to{width:100%}
}

.ref-prefooter a::before{
  height:1px!important;
  background:rgba(255,255,255,.5)!important;
  box-shadow:none!important;
  animation:none!important;
}

@media(max-width:1320px){
  .bomin-header nav{
    position:fixed!important;
    inset:0!important;
    z-index:1000!important;
    width:100%!important;
    height:100dvh!important;
    min-height:100vh!important;
    overflow:auto!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-content:start!important;
    gap:10px!important;
    padding:126px clamp(22px,5vw,56px) 48px!important;
    background:rgba(255,255,255,.98)!important;
  }
  .bomin-header .nav-item{
    width:100%!important;
    height:auto!important;
    display:block!important;
  }
  .bomin-header .nav-item.has-mega{
    grid-column:1/-1!important;
  }
  .bomin-header nav>a,
  .bomin-header .nav-item>a{
    min-height:52px!important;
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:12px 14px!important;
    border:1px solid #e5eaf0!important;
    background:#f8fafc!important;
    color:#111!important;
    font-size:18px!important;
    line-height:1.2!important;
    font-weight:850!important;
  }
  .bomin-header .nav-item.has-mega>a{
    background:#111821!important;
    color:#fff!important;
  }
  .bomin-header .nav-item.has-mega>a::after{
    content:"+";
    margin-left:18px;
    font-size:24px;
    line-height:1;
    font-weight:300;
  }
  .bomin-header .nav-item.has-mega.sub-open>a::after{
    content:"-";
  }
  .mega-panel{
    position:static!important;
    width:100%!important;
    max-height:0!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:none!important;
    pointer-events:none!important;
    transition:max-height .42s cubic-bezier(.16,1,.3,1),opacity .24s ease,padding .24s ease!important;
  }
  .nav-item:hover .mega-panel,
  .nav-item:focus-within .mega-panel{
    transform:none!important;
  }
  .nav-item.sub-open .mega-panel{
    max-height:78dvh!important;
    padding:10px 0 0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .mega-card{
    min-height:0!important;
    padding:14px 14px!important;
    border:1px solid #e7ebef!important;
    background:#fff!important;
  }
  .mega-card b{
    margin:0 0 6px!important;
    font-size:17px!important;
    line-height:1.2!important;
  }
  .mega-card small{
    min-height:0!important;
    margin-bottom:8px!important;
    font-size:12px!important;
    line-height:1.45!important;
  }
  .mega-card a{
    padding:7px 0 7px 12px!important;
    font-size:13px!important;
    line-height:1.25!important;
  }
}

@media(max-width:980px){
  .case-bomin-item img{
    display:none!important;
  }
  .ref-prefooter a{
    padding-bottom:48px!important;
  }
  .ref-prefooter a::before{
    inset:auto 24px 22px 24px!important;
  }
}

@media(max-width:640px){
  .bomin-header nav{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding:106px 16px 30px!important;
  }
  .bomin-header nav>a,
  .bomin-header .nav-item>a{
    min-height:42px!important;
    justify-content:center!important;
    padding:9px 8px!important;
    font-size:15px!important;
    text-align:center!important;
  }
  .bomin-header .nav-item.has-mega>a{
    justify-content:space-between!important;
    padding-inline:12px!important;
  }
  .mega-panel{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  .mega-card{
    padding:10px 12px!important;
  }
  .mega-card b{
    font-size:15px!important;
    margin-bottom:2px!important;
  }
  .mega-card small{
    display:none!important;
  }
  .mega-card a{
    padding:5px 0 5px 10px!important;
    font-size:12px!important;
  }
  .news-image-carousel{
    height:340px!important;
  }
  .news-image-carousel figcaption{
    top:24px!important;
  }
  .news-image-carousel figcaption span{
    margin-bottom:8px;
    font-size:13px;
  }
  .news-image-carousel figcaption b{
    font-size:24px!important;
  }
  .news-carousel-lines{
    left:24px;
    bottom:22px;
  }
  .news-carousel-lines button{
    width:34px;
  }
  .ref-prefooter a{
    min-height:108px!important;
    padding:22px 22px 56px!important;
  }
  .ref-prefooter a::before{
    inset:auto 22px 22px 22px!important;
  }
  .ref-footer{
    padding:52px 0 24px!important;
  }
  .footer-top{
    grid-template-columns:1fr 1fr!important;
    gap:18px 16px!important;
  }
  .footer-logo-block{
    grid-column:1/-1;
  }
  .footer-logo-block p{
    max-width:100%;
    margin:10px 0 0;
    font-size:14px!important;
    line-height:1.65!important;
  }
  .ref-footer h3{
    margin:0 0 10px!important;
    font-size:16px!important;
  }
  .ref-footer a,
  .ref-footer span{
    margin:7px 0!important;
    font-size:13px!important;
    line-height:1.35;
  }
  .footer-friendlinks{
    grid-template-columns:1fr 1fr!important;
    margin-top:24px!important;
    padding-bottom:18px!important;
    gap:8px 12px!important;
  }
  .footer-friendlinks b{
    font-size:15px!important;
  }
  .ref-footer .footer-bottom{
    display:block!important;
    padding-top:16px!important;
  }
}

/* 20260602v: rebuilt mobile navigation, white news titles, two-row case hover images */
.mobile-nav-head,
.mobile-nav-contact{
  display:none;
}

.news-image-carousel figcaption,
.news-image-carousel figcaption *,
.news-image-carousel figcaption span,
.news-image-carousel figcaption b{
  color:#fff!important;
}
.news-image-carousel figcaption span{
  opacity:1!important;
}

@media(min-width:981px){
  .case-bomin-item{
    overflow:visible!important;
  }
  .case-bomin-item img{
    z-index:16!important;
    left:auto!important;
    right:clamp(110px,14vw,240px)!important;
    top:auto!important;
    bottom:auto!important;
    width:min(500px,31vw)!important;
    height:calc(154px * 2 + 12px)!important;
    visibility:hidden;
    opacity:0!important;
    transform:translate3d(28px,0,0) scale(.965)!important;
    transition:opacity .28s ease,transform .38s cubic-bezier(.16,1,.3,1)!important;
  }
  .case-bomin-item:nth-child(1) img,
  .case-bomin-item:nth-child(2) img{
    top:0!important;
    bottom:auto!important;
  }
  .case-bomin-item:nth-child(3) img,
  .case-bomin-item:nth-child(4) img{
    top:auto!important;
    bottom:0!important;
  }
  .case-bomin-item:hover img,
  .case-bomin-item.is-active:hover img,
  .case-bomin-item:nth-child(4):hover img{
    visibility:visible;
    opacity:1!important;
    transform:translate3d(0,0,0) scale(1)!important;
  }
}

/* 20260603q: stable header rendering and desktop nav down to 981px */
.bomin-header .bsb-wordmark b{
  transform:none!important;
  font-stretch:normal;
}
.bomin-header .bsb-wordmark b,
.bomin-header .bsb-wordmark b *{
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}
@media(min-width:981px) and (max-width:1320px){
  body.menu-lock{overflow:auto!important;touch-action:auto!important}
  .top-widebar{--bar-h:38px!important;position:sticky!important;top:0!important}
  .bomin-header,
  .bomin-header.scrolled,
  .bomin-header.open{
    top:38px!important;
    height:82px!important;
    overflow:visible!important;
    background:rgba(255,255,255,.96)!important;
    z-index:1200!important;
  }
  .bomin-nav-inner,
  .bomin-header .bomin-nav-inner,
  .bomin-header.open .bomin-nav-inner{
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    margin:0!important;
    padding-inline:clamp(18px,2.2vw,34px)!important;
    display:flex!important;
    align-items:center!important;
    gap:clamp(12px,1.4vw,18px)!important;
    background:transparent!important;
  }
  .bomin-header .mobile-logo-bg{
    display:none!important;
  }
  .bomin-header .bsb-wordmark{
    min-width:190px!important;
    height:100%!important;
    gap:10px!important;
    z-index:auto!important;
  }
  .bomin-header .bsb-mark-img{
    width:44px!important;
    height:50px!important;
  }
  .bomin-header .bsb-wordmark span{
    min-height:auto!important;
  }
  .bomin-header .bsb-wordmark b{
    display:block!important;
    min-height:0!important;
    height:auto!important;
    line-height:1.05!important;
    font-size:24px!important;
    letter-spacing:.035em!important;
    white-space:nowrap!important;
  }
  .bomin-header .menu{
    display:none!important;
  }
  .bomin-header nav,
  .bomin-header.open nav{
    position:static!important;
    inset:auto!important;
    flex:1 1 auto!important;
    width:auto!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    grid-auto-rows:auto!important;
    gap:clamp(11px,1.25vw,18px)!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    transition:none!important;
    z-index:auto!important;
  }
  .bomin-header nav>a,
  .bomin-header .nav-item>a{
    width:auto!important;
    height:82px!important;
    padding:0!important;
    border:0!important;
    display:flex!important;
    align-items:center!important;
    color:#121212!important;
    font-size:15.5px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:0!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    white-space:nowrap!important;
  }
  .bomin-header nav>a.active,
  .bomin-header nav>a:hover,
  .bomin-header .nav-item:hover>a{
    color:#0b66c3!important;
  }
  .bomin-header .nav-item{
    height:82px!important;
    display:flex!important;
    align-items:center!important;
    overflow:visible!important;
  }
  .bomin-header .nav-item.has-mega>a::after{
    content:none!important;
  }
  .bomin-header .mega-panel{
    position:fixed!important;
    top:120px!important;
    left:50%!important;
    right:auto!important;
    width:min(calc(100% - 48px),1160px)!important;
    grid-template-columns:repeat(4,minmax(150px,1fr))!important;
    gap:16px!important;
    padding:24px!important;
    background:rgba(255,255,255,.92)!important;
    border:0!important;
    box-shadow:0 24px 60px rgba(15,23,35,.08)!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translate(-50%,8px)!important;
    pointer-events:none!important;
  }
  .bomin-header .nav-item:hover .mega-panel,
  .bomin-header .nav-item:focus-within .mega-panel{
    opacity:1!important;
    visibility:visible!important;
    transform:translate(-50%,0)!important;
    pointer-events:auto!important;
  }
  .bomin-header .mega-card{
    min-height:0!important;
    padding:14px!important;
    border:0!important;
    background:rgba(248,250,252,.54)!important;
    box-shadow:none!important;
  }
  .bomin-header .mega-card b{font-size:15px!important;margin:0 0 6px!important}
  .bomin-header .mega-card small{font-size:12px!important;margin:0 0 7px!important}
  .bomin-header .mega-card a{
    padding:5px 0!important;
    border:0!important;
    font-size:13px!important;
    line-height:1.3!important;
  }
  .nav-side{
    display:flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    gap:10px!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .search-btn.clean-search{
    width:34px!important;
    height:34px!important;
  }
  .nav-phone{
    min-width:118px!important;
    height:34px!important;
    display:grid!important;
    align-content:center!important;
    font-size:19px!important;
    line-height:1!important;
  }
  .nav-phone em{
    font-size:10px!important;
    line-height:1!important;
    margin-bottom:3px!important;
  }
}

@media(max-width:1320px){
  .bomin-header{
    z-index:1004!important;
  }
  .bomin-header .menu{
    position:relative!important;
    z-index:1007!important;
    border-color:rgba(255,255,255,.22)!important;
    background:#111821!important;
  }
  .bomin-header .menu span,
  .bomin-header .menu span::before,
  .bomin-header .menu span::after{
    background:#fff!important;
  }
  .bomin-header.open .menu span{
    background:#fff!important;
  }
  .bomin-header.open .menu span::after{
    background:#fff!important;
  }
  .bomin-header nav{
    position:fixed!important;
    inset:0!important;
    z-index:1005!important;
    width:100vw!important;
    height:100dvh!important;
    min-height:100vh!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    padding:112px clamp(22px,5vw,58px) 34px!important;
    overflow:auto!important;
    background:
      linear-gradient(180deg,rgba(8,16,24,.98),rgba(4,9,15,.985)),
      radial-gradient(circle at 82% 18%,rgba(75,145,210,.16),transparent 36%)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate3d(0,-18px,0) scale(.985)!important;
    transition:opacity .32s ease,visibility .32s ease,transform .48s cubic-bezier(.16,1,.3,1)!important;
  }
  .bomin-header.open nav{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate3d(0,0,0) scale(1)!important;
  }
  .mobile-nav-head{
    display:flex!important;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin:0 0 22px;
    padding-bottom:18px;
    border-bottom:1px solid rgba(255,255,255,.16);
    color:#fff;
  }
  .mobile-nav-head span{
    margin:0!important;
    color:#fff!important;
    font-size:24px!important;
    font-weight:950;
    letter-spacing:.04em;
  }
  .mobile-nav-head b{
    color:rgba(255,255,255,.62);
    font-size:13px;
    font-weight:850;
    letter-spacing:.16em;
  }
  .bomin-header nav>a,
  .bomin-header .nav-item>a{
    width:100%!important;
    min-height:58px!important;
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
    background:transparent!important;
    color:#fff!important;
    font-size:22px!important;
    line-height:1.2!important;
    font-weight:850!important;
    letter-spacing:.02em!important;
    text-align:left!important;
    opacity:1!important;
    transform:none!important;
  }
  .bomin-header nav>a::after{
    content:"";
    width:28px;
    height:1px;
    background:rgba(255,255,255,.32);
  }
  .bomin-header .nav-item{
    width:100%!important;
    height:auto!important;
    display:block!important;
    grid-column:auto!important;
  }
  .bomin-header .nav-item.has-mega>a{
    background:transparent!important;
    color:#fff!important;
  }
  .bomin-header .nav-item.has-mega>a::after{
    content:"+";
    width:auto;
    height:auto;
    margin-left:18px;
    background:transparent;
    color:rgba(255,255,255,.76);
    font-size:28px;
    line-height:1;
    font-weight:250;
    transition:transform .28s ease,color .28s ease;
  }
  .bomin-header .nav-item.has-mega.sub-open>a::after{
    content:"+";
    color:#fff;
    transform:rotate(45deg);
  }
  .mega-panel{
    position:static!important;
    width:100%!important;
    max-height:0!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:none!important;
    pointer-events:none!important;
    transition:max-height .44s cubic-bezier(.16,1,.3,1),opacity .26s ease,padding .26s ease!important;
  }
  .nav-item:hover .mega-panel,
  .nav-item:focus-within .mega-panel{
    transform:none!important;
  }
  .nav-item.sub-open .mega-panel{
    max-height:72dvh!important;
    padding:14px 0 18px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .mega-card{
    min-height:0!important;
    padding:14px 14px 12px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    background:rgba(255,255,255,.055)!important;
  }
  .mega-card b{
    margin:0 0 6px!important;
    color:#fff!important;
    font-size:17px!important;
    line-height:1.2!important;
  }
  .mega-card small{
    display:block!important;
    min-height:0!important;
    margin:0 0 8px!important;
    color:rgba(255,255,255,.54)!important;
    font-size:12px!important;
    line-height:1.45!important;
  }
  .mega-card a{
    position:relative;
    display:block!important;
    min-height:auto!important;
    padding:7px 0 7px 12px!important;
    border:0!important;
    color:rgba(255,255,255,.82)!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:750!important;
  }
  .mega-card a::before{
    width:4px!important;
    height:4px!important;
    background:rgba(255,255,255,.52)!important;
  }
  .mobile-nav-contact{
    display:grid!important;
    gap:10px;
    margin-top:auto;
    padding-top:24px;
    color:rgba(255,255,255,.58);
  }
  .mobile-nav-contact a{
    display:inline-flex!important;
    width:max-content!important;
    min-height:auto!important;
    padding:0 0 8px!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.44)!important;
    color:#fff!important;
    font-size:22px!important;
    font-weight:850!important;
  }
  .mobile-nav-contact span{
    color:rgba(255,255,255,.58)!important;
    font-size:13px!important;
    line-height:1.5;
  }
}

@media(max-width:640px){
  .bomin-header nav{
    padding:96px 20px 26px!important;
  }
  .mobile-nav-head{
    margin-bottom:16px;
    padding-bottom:14px;
  }
  .mobile-nav-head span{
    font-size:21px!important;
  }
  .bomin-header nav>a,
  .bomin-header .nav-item>a{
    min-height:48px!important;
    font-size:18px!important;
  }
  .mega-panel{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .nav-item.sub-open .mega-panel{
    max-height:70dvh!important;
    padding:10px 0 14px!important;
  }
  .mega-card{
    padding:12px 12px 10px!important;
  }
  .mega-card small{
    display:none!important;
  }
  .mega-card a{
    padding:5px 0 5px 10px!important;
    font-size:12px!important;
  }
  .mobile-nav-contact{
    padding-top:18px;
  }
}

/* 20260602w: split news carousel copy and media, no dark overlay on image */
.news-image-carousel{
  height:clamp(330px,31vw,480px)!important;
  display:block!important;
  overflow:hidden!important;
  background:#0c131c!important;
  border:1px solid rgba(12,20,30,.08);
}
.news-image-carousel::before{
  display:none!important;
  content:none!important;
}
.news-image-carousel figure{
  display:grid!important;
  grid-template-columns:minmax(340px,.38fr) minmax(0,1fr)!important;
  gap:0!important;
  background:#0c131c!important;
}
.news-image-carousel figure::before{
  content:"";
  grid-column:1;
  grid-row:1;
  z-index:0;
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0)),
    #0c131c;
}
.news-image-carousel img{
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transform:none!important;
  filter:saturate(.96) contrast(1.04);
}
.news-image-carousel figcaption{
  position:relative!important;
  z-index:2!important;
  grid-column:1!important;
  grid-row:1!important;
  inset:auto!important;
  max-width:none!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-height:100%!important;
  padding:clamp(34px,4vw,64px) clamp(28px,3.6vw,58px) clamp(72px,6vw,104px)!important;
  background:transparent!important;
  color:#fff!important;
}
.news-image-carousel figcaption::before{
  content:"";
  width:64px;
  height:1px;
  margin-bottom:22px;
  background:rgba(255,255,255,.48);
}
.news-image-carousel figcaption span{
  margin:0 0 16px!important;
  color:#fff!important;
  opacity:.72!important;
}
.news-image-carousel figcaption b{
  max-width:560px!important;
  color:#fff!important;
  font-size:clamp(28px,2.7vw,48px)!important;
  line-height:1.16!important;
}
.news-carousel-lines{
  left:clamp(28px,3.6vw,58px)!important;
  bottom:clamp(28px,3.2vw,48px)!important;
}

@media(max-width:980px){
  .news-image-carousel{
    height:620px!important;
  }
  .news-image-carousel figure{
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(230px,auto) 1fr!important;
  }
  .news-image-carousel figure::before{
    grid-column:1;
    grid-row:1;
  }
  .news-image-carousel img{
    grid-column:1!important;
    grid-row:2!important;
  }
  .news-image-carousel figcaption{
    grid-column:1!important;
    grid-row:1!important;
    justify-content:flex-start!important;
    min-height:0!important;
    padding:32px 28px 78px!important;
  }
  .news-image-carousel figcaption b{
    max-width:760px!important;
    font-size:34px!important;
  }
  .news-carousel-lines{
    left:28px!important;
    top:205px!important;
    bottom:auto!important;
  }
}

@media(max-width:640px){
  .news-image-carousel{
    height:560px!important;
  }
  .news-image-carousel figure{
    grid-template-rows:minmax(238px,auto) 1fr!important;
  }
  .news-image-carousel figcaption{
    padding:26px 22px 68px!important;
  }
  .news-image-carousel figcaption::before{
    width:48px;
    margin-bottom:16px;
  }
  .news-image-carousel figcaption span{
    margin-bottom:10px!important;
  }
  .news-image-carousel figcaption b{
    font-size:25px!important;
    line-height:1.2!important;
  }
  .news-carousel-lines{
    left:22px!important;
    top:204px!important;
  }
}

/* 20260602x: keep split news media from bleeding into the copy column */
.news-image-carousel figure img{
  transform:none!important;
}

/* 20260602y: smoother hero switching, rebuilt light mobile dropdown, balanced news spacing */
.hero-cinematic-stage,
.hero-cinematic-slide{
  contain:paint;
}
.hero-cinematic-slide{
  will-change:opacity;
  clip-path:none!important;
  backface-visibility:hidden;
}
.hero-cinematic-media{
  will-change:opacity;
  filter:saturate(.96) contrast(1.04)!important;
  transform:scale(1.01)!important;
}

.news-image-carousel{
  margin:clamp(34px,3.2vw,52px) 0!important;
}

@media(max-width:1320px){
  .bomin-header{
    z-index:1005!important;
  }
  .bomin-header .menu{
    background:#fff!important;
    border:1px solid #d8dee6!important;
  }
  .bomin-header .menu span{
    background:#111!important;
    box-shadow:0 6px 0 #111,0 -6px 0 #111!important;
  }
  .bomin-header.open .menu span{
    background:#111!important;
    box-shadow:0 0 0 #111,0 0 0 #111!important;
  }
  .bomin-header.open .menu span::after{
    background:#111!important;
  }
  .bomin-header nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:134px!important;
    bottom:0!important;
    z-index:1004!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    padding:24px clamp(22px,5vw,56px) 30px!important;
    overflow:auto!important;
    background:#fff!important;
    border-top:1px solid #e6ebf0!important;
    box-shadow:0 28px 80px rgba(4,10,18,.13)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-18px)!important;
    transition:opacity .24s ease,visibility .24s ease,transform .34s cubic-bezier(.16,1,.3,1)!important;
  }
  .bomin-header.open nav{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }
  .mobile-nav-head{
    display:grid!important;
    grid-template-columns:1fr auto;
    align-items:end;
    gap:16px;
    margin:0 0 12px!important;
    padding:0 0 16px!important;
    border-bottom:1px solid #e6ebf0!important;
    color:#111!important;
  }
  .mobile-nav-head span{
    color:#111!important;
    font-size:24px!important;
    font-weight:950!important;
    letter-spacing:.04em;
  }
  .mobile-nav-head b{
    color:#77808c!important;
    font-size:13px!important;
    letter-spacing:.16em;
  }
  .bomin-header nav>a,
  .bomin-header .nav-item>a{
    width:100%!important;
    min-height:54px!important;
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0!important;
    border:0!important;
    border-bottom:1px solid #e9edf2!important;
    background:transparent!important;
    color:#111!important;
    font-size:21px!important;
    line-height:1.2!important;
    font-weight:850!important;
    text-align:left!important;
    opacity:1!important;
    transform:none!important;
  }
  .bomin-header nav>a::after{
    content:"";
    width:24px;
    height:1px;
    background:#c8d0d9;
  }
  .bomin-header .nav-item{
    width:100%!important;
    height:auto!important;
    display:block!important;
  }
  .bomin-header .nav-item.has-mega>a{
    color:#111!important;
    background:transparent!important;
  }
  .bomin-header .nav-item.has-mega>a::after{
    content:"+";
    width:auto;
    height:auto;
    margin-left:18px;
    color:#111;
    background:transparent;
    font-size:28px;
    line-height:1;
    font-weight:300;
    transition:transform .24s ease;
  }
  .bomin-header .nav-item.has-mega.sub-open>a::after{
    content:"+";
    transform:rotate(45deg);
  }
  .mega-panel{
    position:static!important;
    width:100%!important;
    max-height:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:none!important;
    transition:max-height .34s cubic-bezier(.16,1,.3,1),padding .22s ease,opacity .22s ease!important;
  }
  .nav-item:hover .mega-panel,
  .nav-item:focus-within .mega-panel{
    transform:none!important;
  }
  .nav-item.sub-open .mega-panel{
    max-height:72dvh!important;
    padding:12px 0 16px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .mega-card{
    min-height:0!important;
    padding:14px 14px 12px!important;
    border:1px solid #e6ebf0!important;
    background:#f8fafc!important;
  }
  .mega-card b{
    margin:0 0 5px!important;
    color:#111!important;
    font-size:17px!important;
    line-height:1.2!important;
  }
  .mega-card small{
    display:block!important;
    min-height:0!important;
    margin:0 0 8px!important;
    color:#7a8491!important;
    font-size:12px!important;
    line-height:1.45!important;
  }
  .mega-card a{
    display:block!important;
    min-height:auto!important;
    padding:6px 0 6px 12px!important;
    border:0!important;
    color:#344052!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:750!important;
  }
  .mobile-nav-contact{
    display:grid!important;
    gap:7px;
    margin-top:22px!important;
    padding-top:18px!important;
    border-top:1px solid #e6ebf0;
  }
  .mobile-nav-contact a{
    display:inline-flex!important;
    width:max-content!important;
    min-height:auto!important;
    padding:0 0 6px!important;
    border:0!important;
    border-bottom:1px solid #111!important;
    color:#111!important;
    font-size:22px!important;
    font-weight:900!important;
  }
  .mobile-nav-contact span{
    color:#6f7a86!important;
    font-size:13px!important;
    line-height:1.45!important;
  }
}

@media(max-width:640px){
  .bomin-header nav{
    top:102px!important;
    padding:18px 18px 24px!important;
  }
  .mobile-nav-head{
    margin-bottom:8px!important;
    padding-bottom:12px!important;
  }
  .mobile-nav-head span{
    font-size:21px!important;
  }
  .bomin-header nav>a,
  .bomin-header .nav-item>a{
    min-height:44px!important;
    font-size:17px!important;
  }
  .mega-panel{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .nav-item.sub-open .mega-panel{
    padding:9px 0 12px!important;
  }
  .mega-card{
    padding:10px 12px!important;
  }
  .mega-card small{
    display:none!important;
  }
  .mega-card a{
    padding:5px 0 5px 10px!important;
    font-size:12px!important;
  }
  .mobile-nav-contact{
    margin-top:16px!important;
    padding-top:14px!important;
  }
  .footer-friendlinks{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px 8px!important;
    margin-top:18px!important;
    padding-bottom:14px!important;
  }
  .footer-friendlinks b{
    font-size:14px!important;
    margin:0!important;
  }
  .ref-footer .footer-friendlinks a{
    min-height:20px!important;
    margin:0!important;
    font-size:12px!important;
    line-height:1.25!important;
    font-weight:700!important;
  }
}

/* 20260602z: local-only assets, Chrome-safe cursor/nav/hero and faster page weight */
.cursor-dot,
.cursor-ring{
  display:none!important;
}
.cursor-ready,
.bm-refined{
  cursor:auto!important;
}

.hero-cinematic-slide{
  clip-path:none!important;
  transition:opacity .46s ease,visibility .46s ease!important;
}
.hero-cinematic-slide.is-active{
  clip-path:none!important;
}
.hero-cinematic-media{
  animation:none!important;
  will-change:auto!important;
  transform:none!important;
  filter:saturate(.96) contrast(1.03)!important;
}

.ref-news{
  padding-bottom:60px!important;
}
.news-image-carousel{
  margin-top:clamp(28px,2.8vw,44px)!important;
  margin-bottom:clamp(28px,2.8vw,44px)!important;
}

@media(min-width:981px){
  .case-bomin-item:nth-child(1) img,
  .case-bomin-item:nth-child(2) img{
    right:clamp(52px,7vw,132px)!important;
    width:min(650px,42vw)!important;
    z-index:22!important;
  }
  .case-bomin-item:nth-child(1) p,
  .case-bomin-item:nth-child(2) p,
  .case-bomin-item:nth-child(1) em,
  .case-bomin-item:nth-child(2) em{
    z-index:2!important;
  }
}

@media(max-width:1320px){
  body.menu-lock{
    overflow:hidden!important;
  }
  .bomin-header{
    z-index:1000!important;
  }
  .bomin-header .menu{
    position:relative!important;
    z-index:1002!important;
    display:grid!important;
    place-items:center!important;
    width:44px!important;
    height:44px!important;
    border:1px solid #d8dee6!important;
    border-radius:0!important;
    background:#fff!important;
  }
  .bomin-header .menu span{
    display:block!important;
    width:20px!important;
    height:2px!important;
    background:#111!important;
    box-shadow:0 7px 0 #111,0 -7px 0 #111!important;
  }
  .bomin-header.open .menu span{
    transform:rotate(45deg)!important;
    box-shadow:0 0 0 #111,0 0 0 #111!important;
  }
  .bomin-header.open .menu span::after{
    content:"";
    display:block;
    width:20px;
    height:2px;
    background:#111!important;
    transform:rotate(90deg);
  }
  .bomin-header nav{
    position:fixed!important;
    inset:0!important;
    z-index:1001!important;
    width:100%!important;
    height:100dvh!important;
    min-height:100vh!important;
    display:block!important;
    overflow:auto!important;
    padding:136px clamp(20px,5vw,58px) 36px!important;
    background:#fff!important;
    border:0!important;
    box-shadow:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:none!important;
    transition:opacity .22s ease,visibility .22s ease!important;
  }
  .bomin-header.open nav{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .mobile-nav-head{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:14px!important;
    margin:0 0 14px!important;
    padding:0 0 14px!important;
    border-bottom:1px solid #e7ebef!important;
    color:#111!important;
  }
  .mobile-nav-head span{
    color:#111!important;
    font-size:24px!important;
    line-height:1.1!important;
  }
  .mobile-nav-head b{
    color:#7b8490!important;
    font-size:12px!important;
  }
  .bomin-header nav>a,
  .bomin-header .nav-item>a{
    width:100%!important;
    min-height:50px!important;
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0!important;
    border:0!important;
    border-bottom:1px solid #edf1f5!important;
    background:#fff!important;
    color:#111!important;
    font-size:20px!important;
    font-weight:850!important;
    line-height:1.2!important;
    text-align:left!important;
  }
  .bomin-header nav>a::after{
    content:"";
    width:22px;
    height:1px;
    background:#c6d0da;
  }
  .bomin-header .nav-item{
    width:100%!important;
    height:auto!important;
    display:block!important;
  }
  .bomin-header .nav-item.has-mega>a::after{
    content:"+";
    width:auto;
    height:auto;
    color:#111;
    background:transparent;
    font-size:26px;
    line-height:1;
    font-weight:300;
  }
  .bomin-header .nav-item.has-mega.sub-open>a::after{
    transform:rotate(45deg);
  }
  .mega-panel{
    position:static!important;
    width:100%!important;
    max-height:0!important;
    display:block!important;
    overflow:hidden!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:#fff!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    transition:max-height .24s ease,padding .2s ease!important;
  }
  .nav-item.sub-open .mega-panel{
    max-height:980px!important;
    padding:10px 0 14px!important;
  }
  .mega-card{
    min-height:0!important;
    margin:0 0 8px!important;
    padding:12px 14px!important;
    border:1px solid #e8edf2!important;
    background:#f8fafc!important;
  }
  .mega-card b{
    color:#111!important;
    font-size:16px!important;
    margin:0 0 4px!important;
  }
  .mega-card small{
    display:block!important;
    color:#74808c!important;
    font-size:12px!important;
    margin:0 0 6px!important;
  }
  .mega-card a{
    display:block!important;
    min-height:0!important;
    padding:5px 0 5px 10px!important;
    border:0!important;
    color:#3d4856!important;
    font-size:13px!important;
    line-height:1.25!important;
  }
  .mobile-nav-contact{
    display:block!important;
    margin-top:18px!important;
    padding-top:16px!important;
    border-top:1px solid #e8edf2!important;
  }
  .mobile-nav-contact a{
    display:inline-flex!important;
    width:auto!important;
    min-height:0!important;
    padding:0 0 6px!important;
    border:0!important;
    border-bottom:1px solid #111!important;
    color:#111!important;
    font-size:21px!important;
  }
  .mobile-nav-contact span{
    display:block!important;
    margin-top:8px!important;
    color:#737d89!important;
    font-size:13px!important;
    line-height:1.45!important;
  }
}

@media(max-width:640px){
  .bomin-header nav{
    padding:112px 18px 24px!important;
  }
  .bomin-header nav>a,
  .bomin-header .nav-item>a{
    min-height:43px!important;
    font-size:17px!important;
  }
  .mobile-nav-head span{
    font-size:21px!important;
  }
  .mega-card{
    padding:10px 12px!important;
  }
  .mega-card small{
    display:none!important;
  }
  .mega-card a{
    font-size:12px!important;
  }
  .ref-news{
    padding-bottom:31px!important;
  }
  .footer-friendlinks{
    gap:4px 7px!important;
  }
  .ref-footer .footer-friendlinks a{
    font-size:11px!important;
    line-height:1.2!important;
  }
}

/* 20260602ae: final order override */
@media(pointer:fine){
  .cursor-dot,
  .cursor-ring{
    position:fixed!important;
    left:0!important;
    top:0!important;
    z-index:2147483647!important;
    display:block!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translate3d(-80px,-80px,0);
  }
  .cursor-dot{
    width:5px!important;
    height:5px!important;
    margin:-2.5px 0 0 -2.5px!important;
    border-radius:50%!important;
    background:#111!important;
  }
  .cursor-ring{
    width:26px!important;
    height:26px!important;
    margin:-13px 0 0 -13px!important;
    border:1px solid rgba(17,17,17,.42)!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.08)!important;
  }
  .cursor-enabled .cursor-dot,
  .cursor-enabled .cursor-ring{
    opacity:1!important;
  }
  .cursor-hover .cursor-dot{
    background:#0b66c3!important;
  }
  .cursor-hover .cursor-ring{
    width:38px!important;
    height:38px!important;
    margin:-19px 0 0 -19px!important;
    border-color:rgba(11,102,195,.62)!important;
    background:rgba(11,102,195,.08)!important;
  }
}

@media(max-width:1320px){
  .mobile-nav-head,
  .mobile-nav-contact{
    display:none!important;
  }
  .bomin-header .menu{
    width:48px!important;
    height:48px!important;
    border:0!important;
    border-radius:50%!important;
    background:#111!important;
    box-shadow:0 12px 30px rgba(0,0,0,.16)!important;
  }
  .bomin-header .menu span,
  .bomin-header .menu span::before,
  .bomin-header .menu span::after{
    width:18px!important;
    height:2px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  .bomin-header .menu span::before{
    top:-6px!important;
  }
  .bomin-header .menu span::after{
    top:6px!important;
  }
  .bomin-header.open .menu{
    background:#0b66c3!important;
  }
  .bomin-header.open .menu span{
    transform:rotate(45deg)!important;
  }
  .bomin-header.open .menu span::before{
    top:0!important;
    transform:rotate(90deg)!important;
  }
  .bomin-header.open .menu span::after{
    top:0!important;
    opacity:0!important;
  }
  .bomin-header nav{
    padding-top:124px!important;
  }
}

@media(max-width:640px){
  .bomin-header .menu{
    width:44px!important;
    height:44px!important;
  }
  .bomin-header nav{
    padding-top:104px!important;
  }
}

@media(min-width:981px){
  .case-bomin-home .case-bomin-list .case-bomin-item img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(1) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(2) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(3) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(4) img{
    z-index:30!important;
    right:clamp(110px,14vw,240px)!important;
    left:auto!important;
    width:min(500px,31vw)!important;
    height:280px!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translate3d(26px,0,0) scale(.96)!important;
    transition:opacity .28s ease,transform .38s cubic-bezier(.16,1,.3,1)!important;
  }
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(1) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(2) img{
    top:0!important;
    bottom:auto!important;
  }
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(3) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(4) img{
    top:auto!important;
    bottom:0!important;
  }
  .case-bomin-home .case-bomin-list .case-bomin-item:hover img,
  .case-bomin-home .case-bomin-list .case-bomin-item.is-active:hover img{
    visibility:visible!important;
    opacity:1!important;
    transform:translate3d(0,0,0) scale(1)!important;
  }
}

.news-image-carousel{
  cursor:grab!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  touch-action:pan-y!important;
}
.news-image-carousel.is-dragging{
  cursor:grabbing!important;
}
.news-image-carousel figure,
.news-image-carousel figcaption,
.news-image-carousel img{
  -webkit-user-drag:none!important;
  user-select:none!important;
}
.news-image-carousel figure{
  transition:opacity .5s ease,transform .9s cubic-bezier(.16,1,.3,1)!important;
}
.news-image-carousel.is-dragging figure.is-active{
  transform:scale(.992)!important;
}

/* 20260602ad: clean mobile nav, compact case hover, draggable news carousel, compatible cursor */
@media(pointer:fine){
  .cursor-dot,
  .cursor-ring{
    position:fixed!important;
    left:0;
    top:0;
    z-index:2147483647;
    display:block!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translate3d(-80px,-80px,0);
    transition:opacity .18s ease,background-color .18s ease,border-color .18s ease,width .18s ease,height .18s ease,margin .18s ease;
  }
  .cursor-dot{
    width:5px!important;
    height:5px!important;
    margin:-2.5px 0 0 -2.5px;
    border-radius:50%;
    background:#111!important;
  }
  .cursor-ring{
    width:26px!important;
    height:26px!important;
    margin:-13px 0 0 -13px;
    border:1px solid rgba(17,17,17,.42)!important;
    border-radius:50%;
    background:rgba(255,255,255,.08)!important;
  }
  .cursor-enabled .cursor-dot,
  .cursor-enabled .cursor-ring{
    opacity:1!important;
  }
  .cursor-hover .cursor-dot{
    background:#0b66c3!important;
  }
  .cursor-hover .cursor-ring{
    width:38px!important;
    height:38px!important;
    margin:-19px 0 0 -19px;
    border-color:rgba(11,102,195,.62)!important;
    background:rgba(11,102,195,.08)!important;
  }
}

@media(max-width:1320px){
  .mobile-nav-head,
  .mobile-nav-contact{
    display:none!important;
  }
  .bomin-header .menu{
    width:48px!important;
    height:48px!important;
    border:0!important;
    border-radius:50%!important;
    background:#111!important;
    box-shadow:0 12px 30px rgba(0,0,0,.16)!important;
  }
  .bomin-header .menu span,
  .bomin-header .menu span::before,
  .bomin-header .menu span::after{
    width:18px!important;
    height:2px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  .bomin-header .menu span{
    transform:none!important;
  }
  .bomin-header .menu span::before{
    top:-6px!important;
  }
  .bomin-header .menu span::after{
    top:6px!important;
  }
  .bomin-header.open .menu{
    background:#0b66c3!important;
  }
  .bomin-header.open .menu span{
    transform:rotate(45deg)!important;
  }
  .bomin-header.open .menu span::before{
    top:0!important;
    transform:rotate(90deg)!important;
  }
  .bomin-header.open .menu span::after{
    top:0!important;
    opacity:0!important;
  }
  .bomin-header nav{
    padding-top:124px!important;
  }
}

@media(max-width:640px){
  .bomin-header .menu{
    width:44px!important;
    height:44px!important;
  }
  .bomin-header nav{
    padding-top:104px!important;
  }
}

@media(min-width:981px){
  .case-bomin-item img,
  .case-bomin-item:nth-child(1) img,
  .case-bomin-item:nth-child(2) img,
  .case-bomin-item:nth-child(3) img,
  .case-bomin-item:nth-child(4) img{
    z-index:30!important;
    right:clamp(110px,14vw,240px)!important;
    left:auto!important;
    width:min(500px,31vw)!important;
    height:280px!important;
    visibility:hidden;
    opacity:0!important;
    pointer-events:none;
    transform:translate3d(26px,0,0) scale(.96)!important;
    transition:opacity .28s ease,transform .38s cubic-bezier(.16,1,.3,1)!important;
  }
  .case-bomin-item:nth-child(1) img,
  .case-bomin-item:nth-child(2) img{
    top:0!important;
    bottom:auto!important;
  }
  .case-bomin-item:nth-child(3) img,
  .case-bomin-item:nth-child(4) img{
    top:auto!important;
    bottom:0!important;
  }
  .case-bomin-item:hover img,
  .case-bomin-item.is-active:hover img,
  .case-bomin-item:nth-child(4):hover img{
    visibility:visible!important;
    opacity:1!important;
    transform:translate3d(0,0,0) scale(1)!important;
  }
}

.news-image-carousel{
  cursor:grab;
  user-select:none;
  -webkit-user-select:none;
  touch-action:pan-y;
}
.news-image-carousel.is-dragging{
  cursor:grabbing;
}
.news-image-carousel figure,
.news-image-carousel figcaption,
.news-image-carousel img{
  -webkit-user-drag:none;
  user-select:none;
}
.news-image-carousel figure{
  transition:opacity .5s ease,transform .9s cubic-bezier(.16,1,.3,1)!important;
}
.news-image-carousel.is-dragging figure.is-active{
  transform:scale(.992)!important;
}

/* 20260602aa: final Chrome-safe nav, cursor removal, lighter hero, case/news tuning */
html,
body,
.bm-refined,
.cursor-ready{
  cursor:auto!important;
}
.cursor-dot,
.cursor-ring{
  display:none!important;
  opacity:0!important;
  pointer-events:none!important;
}

.hero-cinematic-stage,
.hero-cinematic-slide{
  contain:paint;
}
.hero-cinematic-slide{
  clip-path:none!important;
  transition:opacity .42s ease,visibility .42s ease!important;
  will-change:opacity;
}
.hero-cinematic-media{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  transform:translateZ(0)!important;
  animation:none!important;
  backface-visibility:hidden;
  will-change:auto!important;
}

.ref-news{
  padding-bottom:60px!important;
}

@media(min-width:981px){
  .case-bomin-item img{
    z-index:30!important;
    visibility:hidden;
    opacity:0!important;
    pointer-events:none;
  }
  .case-bomin-item:nth-child(1) img,
  .case-bomin-item:nth-child(2) img{
    z-index:30!important;
    top:0!important;
    bottom:auto!important;
    right:clamp(24px,4vw,72px)!important;
    left:auto!important;
    width:min(780px,52vw)!important;
    height:calc(172px * 2 + 1px)!important;
    transform:translate3d(24px,0,0) scale(.97)!important;
  }
  .case-bomin-item:nth-child(3) img,
  .case-bomin-item:nth-child(4) img{
    top:auto!important;
    bottom:0!important;
    right:clamp(24px,4vw,72px)!important;
    left:auto!important;
    width:min(780px,52vw)!important;
    height:calc(172px * 2 + 1px)!important;
    transform:translate3d(24px,0,0) scale(.97)!important;
  }
  .case-bomin-item:hover img,
  .case-bomin-item.is-active:hover img,
  .case-bomin-item:nth-child(4):hover img{
    visibility:visible!important;
    opacity:1!important;
    transform:translate3d(0,0,0) scale(1)!important;
  }
}

@media(max-width:1320px){
  body.menu-lock{
    overflow:hidden!important;
    touch-action:none!important;
  }
  .bomin-header{
    z-index:1200!important;
  }
  .bomin-header .bsb-wordmark{
    position:relative!important;
    z-index:1203!important;
  }
  .bomin-header .menu{
    position:relative!important;
    z-index:1204!important;
    display:grid!important;
    place-items:center!important;
    width:46px!important;
    height:46px!important;
    border:1px solid #d9e0e8!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
    transition:background .2s ease,border-color .2s ease!important;
  }
  .bomin-header .menu span{
    position:relative!important;
    display:block!important;
    width:21px!important;
    height:2px!important;
    background:#111!important;
    box-shadow:none!important;
    transition:background .2s ease,transform .2s ease!important;
  }
  .bomin-header .menu span::before,
  .bomin-header .menu span::after{
    content:"";
    position:absolute;
    left:0;
    width:21px;
    height:2px;
    background:#111;
    transition:transform .2s ease,top .2s ease!important;
  }
  .bomin-header .menu span::before{top:-7px}
  .bomin-header .menu span::after{top:7px}
  .bomin-header.open .menu span{
    transform:rotate(45deg)!important;
  }
  .bomin-header.open .menu span::before{
    top:0!important;
    transform:rotate(90deg)!important;
  }
  .bomin-header.open .menu span::after{
    top:0!important;
    transform:rotate(0deg)!important;
  }
  .bomin-header nav{
    position:fixed!important;
    inset:0!important;
    z-index:1201!important;
    width:100vw!important;
    height:100vh!important;
    min-height:100vh!important;
    display:block!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch;
    padding:142px clamp(22px,5vw,58px) 38px!important;
    background:#fff!important;
    border:0!important;
    box-shadow:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:none!important;
    transition:opacity .24s ease,visibility .24s ease!important;
  }
  .bomin-header.open nav{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .mobile-nav-head{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:16px!important;
    margin:0 0 16px!important;
    padding:0 0 16px!important;
    border-bottom:1px solid #e5ebf1!important;
    color:#111!important;
  }
  .mobile-nav-head span{
    color:#111!important;
    font-size:24px!important;
    font-weight:950!important;
    letter-spacing:.04em!important;
  }
  .mobile-nav-head b{
    color:#7a8490!important;
    font-size:12px!important;
    letter-spacing:.14em!important;
  }
  .bomin-header nav>a,
  .bomin-header .nav-item>a{
    width:100%!important;
    min-height:52px!important;
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0!important;
    border:0!important;
    border-bottom:1px solid #e9eef3!important;
    background:transparent!important;
    color:#111!important;
    font-size:20px!important;
    line-height:1.2!important;
    font-weight:850!important;
    letter-spacing:.02em!important;
    text-align:left!important;
    opacity:1!important;
    transform:none!important;
  }
  .bomin-header nav>a::after{
    content:"";
    width:26px;
    height:1px;
    background:#c9d2dc;
  }
  .bomin-header .nav-item{
    width:100%!important;
    height:auto!important;
    display:block!important;
  }
  .bomin-header .nav-item.has-mega>a::after{
    content:"+";
    width:auto;
    height:auto;
    margin-left:18px;
    color:#111;
    background:transparent;
    font-size:28px;
    line-height:1;
    font-weight:300;
    transition:transform .2s ease!important;
  }
  .bomin-header .nav-item.has-mega.sub-open>a::after{
    transform:rotate(45deg)!important;
  }
  .mega-panel{
    position:static!important;
    width:100%!important;
    max-height:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    background:#fff!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    transition:max-height .26s ease,padding .2s ease!important;
  }
  .nav-item.sub-open .mega-panel{
    max-height:74vh!important;
    padding:12px 0 16px!important;
  }
  .mega-card{
    min-height:0!important;
    margin:0!important;
    padding:13px 14px!important;
    border:1px solid #e7edf3!important;
    background:#f8fafc!important;
  }
  .mega-card b{
    color:#111!important;
    font-size:16px!important;
    line-height:1.2!important;
    margin:0 0 5px!important;
  }
  .mega-card small{
    display:block!important;
    min-height:0!important;
    color:#788491!important;
    font-size:12px!important;
    line-height:1.38!important;
    margin:0 0 7px!important;
  }
  .mega-card a{
    display:block!important;
    min-height:0!important;
    padding:5px 0 5px 10px!important;
    border:0!important;
    color:#384455!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:750!important;
  }
  .mobile-nav-contact{
    display:block!important;
    margin-top:18px!important;
    padding-top:16px!important;
    border-top:1px solid #e8edf2!important;
  }
  .mobile-nav-contact a{
    display:inline-flex!important;
    width:auto!important;
    min-height:0!important;
    padding:0 0 6px!important;
    border:0!important;
    border-bottom:1px solid #111!important;
    color:#111!important;
    font-size:22px!important;
    font-weight:900!important;
  }
  .mobile-nav-contact span{
    display:block!important;
    margin-top:8px!important;
    color:#717c88!important;
    font-size:13px!important;
    line-height:1.45!important;
  }
}

@media(max-width:640px){
  .bomin-header nav{
    padding:116px 18px 24px!important;
  }
  .mobile-nav-head{
    margin-bottom:10px!important;
    padding-bottom:12px!important;
  }
  .mobile-nav-head span{
    font-size:21px!important;
  }
  .bomin-header nav>a,
  .bomin-header .nav-item>a{
    min-height:43px!important;
    font-size:17px!important;
  }
  .mega-panel{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .nav-item.sub-open .mega-panel{
    padding:9px 0 12px!important;
  }
  .mega-card{
    padding:10px 12px!important;
  }
  .mega-card small{
    display:none!important;
  }
  .ref-news{
    padding-bottom:31px!important;
  }
  .footer-friendlinks{
    gap:4px 7px!important;
  }
  .ref-footer .footer-friendlinks a{
    font-size:11px!important;
    line-height:1.2!important;
  }
}
/* 20260602af: absolute final override */
@media(pointer:fine){
  .cursor-dot,
  .cursor-ring{position:fixed!important;left:0!important;top:0!important;z-index:2147483647!important;display:block!important;opacity:0!important;pointer-events:none!important;transform:translate3d(-80px,-80px,0)}
  .cursor-dot{width:5px!important;height:5px!important;margin:-2.5px 0 0 -2.5px!important;border-radius:50%!important;background:#111!important}
  .cursor-ring{width:26px!important;height:26px!important;margin:-13px 0 0 -13px!important;border:1px solid rgba(17,17,17,.42)!important;border-radius:50%!important;background:rgba(255,255,255,.08)!important}
  .cursor-enabled .cursor-dot,.cursor-enabled .cursor-ring{opacity:1!important}
  .cursor-hover .cursor-dot{background:#0b66c3!important}
  .cursor-hover .cursor-ring{width:38px!important;height:38px!important;margin:-19px 0 0 -19px!important;border-color:rgba(11,102,195,.62)!important;background:rgba(11,102,195,.08)!important}
}
@media(max-width:1320px){
  .mobile-nav-head,.mobile-nav-contact{display:none!important}
  .bomin-header .menu{width:48px!important;height:48px!important;border:0!important;border-radius:50%!important;background:#111!important;box-shadow:0 12px 30px rgba(0,0,0,.16)!important}
  .bomin-header .menu span,.bomin-header .menu span::before,.bomin-header .menu span::after{width:18px!important;height:2px!important;background:#fff!important;box-shadow:none!important}
  .bomin-header .menu span::before{top:-6px!important}
  .bomin-header .menu span::after{top:6px!important}
  .bomin-header.open .menu{background:#0b66c3!important}
  .bomin-header.open .menu span{transform:rotate(45deg)!important}
  .bomin-header.open .menu span::before{top:0!important;transform:rotate(90deg)!important}
  .bomin-header.open .menu span::after{top:0!important;opacity:0!important}
  .bomin-header nav{padding-top:124px!important}
}
@media(max-width:640px){
  .bomin-header .menu{width:44px!important;height:44px!important}
  .bomin-header nav{padding-top:104px!important}
}
@media(min-width:981px){
  .case-bomin-home .case-bomin-list .case-bomin-item img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(1) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(2) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(3) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(4) img{z-index:30!important;right:clamp(110px,14vw,240px)!important;left:auto!important;width:min(500px,31vw)!important;height:280px!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:translate3d(26px,0,0) scale(.96)!important;transition:opacity .28s ease,transform .38s cubic-bezier(.16,1,.3,1)!important}
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(1) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(2) img{top:0!important;bottom:auto!important}
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(3) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(4) img{top:auto!important;bottom:0!important}
  .case-bomin-home .case-bomin-list .case-bomin-item:hover img,
  .case-bomin-home .case-bomin-list .case-bomin-item.is-active:hover img{visibility:visible!important;opacity:1!important;transform:translate3d(0,0,0) scale(1)!important}
}
.news-image-carousel{cursor:grab!important;user-select:none!important;-webkit-user-select:none!important;touch-action:pan-y!important}
.news-image-carousel.is-dragging{cursor:grabbing!important}
.news-image-carousel figure,.news-image-carousel figcaption,.news-image-carousel img{-webkit-user-drag:none!important;user-select:none!important}
.news-image-carousel figure{transition:opacity .5s ease,transform .9s cubic-bezier(.16,1,.3,1)!important}
.news-image-carousel.is-dragging figure.is-active{transform:scale(.992)!important}
body.cursor-enabled > .cursor-dot,
body.cursor-enabled > .cursor-ring{opacity:1!important}
body.cursor-hover > .cursor-dot{background:#0b66c3!important}
body.cursor-hover > .cursor-ring{width:38px!important;height:38px!important;margin:-19px 0 0 -19px!important;border-color:rgba(11,102,195,.62)!important;background:rgba(11,102,195,.08)!important}

/* 20260602ak: mobile nav detail cleanup and two-row case hover image */
@media(max-width:1320px){
  .bomin-header .menu{
    width:48px!important;
    height:48px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .bomin-header.open .menu{
    background:transparent!important;
    box-shadow:none!important;
  }
  .bomin-header .menu span,
  .bomin-header .menu span::before,
  .bomin-header .menu span::after{
    background:#111!important;
  }
  .bomin-header nav{
    padding-left:clamp(34px,7vw,78px)!important;
    padding-right:clamp(24px,5vw,58px)!important;
  }
  .bomin-header nav>a,
  .bomin-header .nav-item>a{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .bomin-header nav>a::after,
  .bomin-header .nav-item.has-mega>a::after{
    content:none!important;
    display:none!important;
  }
  .bomin-header .nav-item.has-mega>a{
    background:#f1f1f1!important;
  }
  .bomin-header .nav-item.has-mega.sub-open>a{
    background:#f1f1f1!important;
  }
  .mega-panel{
    background:#f1f1f1!important;
  }
  .mega-card{
    background:#f1f1f1!important;
  }
}
@media(max-width:640px){
  .bomin-header .menu{
    width:44px!important;
    height:44px!important;
  }
  .bomin-header nav{
    padding-left:28px!important;
    padding-right:18px!important;
  }
  .bomin-header nav>a,
  .bomin-header .nav-item>a{
    padding-left:14px!important;
    padding-right:14px!important;
  }
}
@media(min-width:981px){
  .case-bomin-home .case-bomin-list .case-bomin-item img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(1) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(2) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(3) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(4) img{
    height:calc(172px * 2 + 1px)!important;
    object-fit:cover!important;
  }
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(1) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(2) img{
    top:0!important;
    bottom:auto!important;
  }
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(3) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(4) img{
    top:auto!important;
    bottom:0!important;
  }
}

/* 20260602an: clean mobile submenu groups and exact two-row case hover */
@media(max-width:1320px){
  .bomin-header nav>a,
  .bomin-header .nav-item>a{
    border-bottom:0!important;
  }
  .bomin-header .nav-item.has-mega>a,
  .bomin-header .nav-item.has-mega.sub-open>a{
    background:transparent!important;
  }
  .bomin-header .nav-item.has-mega>a::after{
    content:""!important;
    display:block!important;
    width:8px!important;
    height:8px!important;
    margin-left:18px!important;
    border-right:1px solid #111!important;
    border-bottom:1px solid #111!important;
    background:transparent!important;
    transform:rotate(45deg)!important;
  }
  .bomin-header .nav-item.has-mega.sub-open>a::after{
    transform:rotate(225deg)!important;
  }
  .bomin-header .nav-item.sub-open .mega-panel{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:12px 0 0!important;
  }
  .bomin-header .mega-panel::before,
  .bomin-header .mega-panel::after{
    display:none!important;
    content:none!important;
  }
  .bomin-header .nav-item.sub-open .mega-card{
    margin:0 0 20px!important;
    padding:16px 18px!important;
    border:0!important;
    box-shadow:none!important;
    background:#f9f9f9!important;
  }
  .bomin-header .nav-item.sub-open .mega-card:last-child{
    margin-bottom:0!important;
  }
  .bomin-header .nav-item.sub-open .mega-card b{
    margin:0 0 6px!important;
    font-size:16px!important;
    line-height:1.25!important;
    color:#111!important;
  }
  .bomin-header .nav-item.sub-open .mega-card small{
    margin:0 0 8px!important;
    color:#777!important;
    font-size:12px!important;
    line-height:1.45!important;
  }
  .bomin-header .nav-item.sub-open .mega-card a{
    border:0!important;
    border-bottom:0!important;
    background:transparent!important;
    padding:5px 0!important;
    color:#46505d!important;
    font-size:13px!important;
    line-height:1.35!important;
  }
  .bomin-header .nav-item.sub-open .mega-card a::before,
  .bomin-header .nav-item.sub-open .mega-card a::after{
    display:none!important;
    content:none!important;
  }
  .bomin-header .nav-item.sub-open .mega-card a:hover{
    background:transparent!important;
    color:#0b66c3!important;
  }
}
@media(max-width:640px){
  .bomin-header .nav-item.sub-open .mega-card{
    padding:14px 16px!important;
  }
  .bomin-header .nav-item.sub-open .mega-card a{
    font-size:12px!important;
  }
}
@media(min-width:981px){
  .case-bomin-home .case-bomin-list{
    overflow:hidden!important;
  }
  .case-bomin-home .case-bomin-list .case-bomin-item{
    overflow:visible!important;
  }
  .case-bomin-home .case-bomin-list .case-bomin-item img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(1) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(2) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(3) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(4) img{
    height:calc(200% + 1px)!important;
    max-height:calc(200% + 1px)!important;
    transform:translate3d(26px,0,0)!important;
    clip-path:inset(0)!important;
    overflow:hidden!important;
    object-fit:cover!important;
  }
  .case-bomin-home .case-bomin-list .case-bomin-item:hover img,
  .case-bomin-home .case-bomin-list .case-bomin-item.is-active:hover img{
    transform:translate3d(0,0,0)!important;
  }
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(1) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(2) img{
    top:0!important;
    bottom:auto!important;
  }
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(3) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(4) img{
    top:auto!important;
    bottom:0!important;
  }
}

@media(min-width:1321px) and (max-width:1500px){
  .bomin-nav-inner{
    gap:clamp(18px,1.5vw,26px)!important;
  }
  .bomin-header .bsb-wordmark{
    min-width:205px!important;
  }
  .bomin-header nav{
    gap:clamp(18px,1.6vw,28px)!important;
  }
  .bomin-header nav>a,
  .bomin-header .nav-item>a{
    font-size:17px!important;
  }
  .nav-side{
    gap:14px!important;
  }
  .nav-phone{
    min-width:138px!important;
    font-size:24px!important;
  }
  .nav-phone em{
    font-size:11px!important;
  }
}
@media(min-width:1321px){
  .mega-panel a:hover,
  .mega-card a:hover{
    background:transparent!important;
  }
  .mega-card:hover{
    background:linear-gradient(180deg,#fff,#f7f9fb)!important;
  }
}

/* 20260602al: mobile submenu caret, submenu-only gray background, strict two-row case image */
@media(max-width:1320px){
  .bomin-header .nav-item.has-mega>a,
  .bomin-header .nav-item.has-mega.sub-open>a{
    background:transparent!important;
  }
  .bomin-header .nav-item.has-mega>a::after{
    content:""!important;
    display:block!important;
    width:8px!important;
    height:8px!important;
    margin-left:18px!important;
    border-right:1px solid #111!important;
    border-bottom:1px solid #111!important;
    background:transparent!important;
    transform:rotate(45deg)!important;
    transition:transform .2s ease!important;
  }
  .bomin-header .nav-item.has-mega.sub-open>a::after{
    transform:rotate(225deg)!important;
  }
  .bomin-header .nav-item.sub-open .mega-panel{
    background:#f1f1f1!important;
  }
  .bomin-header .nav-item.sub-open .mega-card{
    background:transparent!important;
    border-color:rgba(0,0,0,.08)!important;
  }
  .bomin-header .nav-item.sub-open .mega-card a{
    background:transparent!important;
    font-size:13px!important;
    color:#46505d!important;
  }
  .bomin-header .nav-item.sub-open .mega-card a:hover{
    background:transparent!important;
    color:#0b66c3!important;
  }
}
@media(max-width:640px){
  .bomin-header .nav-item.sub-open .mega-card a{
    font-size:12px!important;
  }
}
@media(min-width:981px){
  .case-bomin-home .case-bomin-list{
    overflow:hidden!important;
  }
  .case-bomin-home .case-bomin-list .case-bomin-item{
    overflow:visible!important;
  }
  .case-bomin-home .case-bomin-list .case-bomin-item img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(1) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(2) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(3) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(4) img{
    height:calc(154px * 2 + 1px)!important;
    max-height:calc(154px * 2 + 1px)!important;
    clip-path:inset(0)!important;
    overflow:hidden!important;
    object-fit:cover!important;
  }
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(1) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(2) img{
    top:0!important;
    bottom:auto!important;
  }
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(3) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(4) img{
    top:auto!important;
    bottom:0!important;
  }
}
/* 20260602ao: true final mobile submenu and case image override */
@media(max-width:1320px){
  .bomin-header nav>a,
  .bomin-header .nav-item>a{border-bottom:0!important}
  .bomin-header .nav-item.has-mega>a,
  .bomin-header .nav-item.has-mega.sub-open>a{background:transparent!important}
  .bomin-header .nav-item.has-mega>a::after{content:""!important;display:block!important;width:8px!important;height:8px!important;margin-left:18px!important;border-right:1px solid #111!important;border-bottom:1px solid #111!important;background:transparent!important;transform:rotate(45deg)!important}
  .bomin-header .nav-item.has-mega.sub-open>a::after{transform:rotate(225deg)!important}
  .bomin-header .nav-item.sub-open .mega-panel{background:transparent!important;border:0!important;box-shadow:none!important;padding:12px 0 0!important}
  .bomin-header .mega-panel::before,
  .bomin-header .mega-panel::after{display:none!important;content:none!important}
  .bomin-header .nav-item.sub-open .mega-card{margin:0 0 20px!important;padding:16px 18px!important;border:0!important;box-shadow:none!important;background:#f9f9f9!important}
  .bomin-header .nav-item.sub-open .mega-card:last-child{margin-bottom:0!important}
  .bomin-header .nav-item.sub-open .mega-card b{margin:0 0 6px!important;font-size:16px!important;line-height:1.25!important;color:#111!important}
  .bomin-header .nav-item.sub-open .mega-card small{margin:0 0 8px!important;color:#777!important;font-size:12px!important;line-height:1.45!important}
  .bomin-header .nav-item.sub-open .mega-card a{border:0!important;border-bottom:0!important;background:transparent!important;padding:5px 0!important;color:#46505d!important;font-size:13px!important;line-height:1.35!important}
  .bomin-header .nav-item.sub-open .mega-card a::before,
  .bomin-header .nav-item.sub-open .mega-card a::after{display:none!important;content:none!important}
  .bomin-header .nav-item.sub-open .mega-card a:hover{background:transparent!important;color:#0b66c3!important}
}
@media(max-width:640px){
  .bomin-header .nav-item.sub-open .mega-card{padding:14px 16px!important}
  .bomin-header .nav-item.sub-open .mega-card a{font-size:12px!important}
}
@media(min-width:981px){
  .case-bomin-home .case-bomin-list{overflow:hidden!important}
  .case-bomin-home .case-bomin-list .case-bomin-item{overflow:visible!important}
  .case-bomin-home .case-bomin-list .case-bomin-item img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(1) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(2) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(3) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(4) img{height:calc(200% + 1px)!important;max-height:calc(200% + 1px)!important;transform:translate3d(26px,0,0)!important;clip-path:inset(0)!important;overflow:hidden!important;object-fit:cover!important}
  .case-bomin-home .case-bomin-list .case-bomin-item:hover img,
  .case-bomin-home .case-bomin-list .case-bomin-item.is-active:hover img{transform:translate3d(0,0,0)!important}
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(1) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(2) img{top:0!important;bottom:auto!important}
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(3) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(4) img{top:auto!important;bottom:0!important}
}

/* 20260602ap: make case hover images span across the next row text */
@media(min-width:981px){
  .case-bomin-home .case-bomin-list{
    position:relative!important;
    overflow:hidden!important;
  }
  .case-bomin-home .case-bomin-list .case-bomin-item{
    position:relative!important;
    overflow:visible!important;
    z-index:1!important;
  }
  .case-bomin-home .case-bomin-list .case-bomin-item:hover,
  .case-bomin-home .case-bomin-list .case-bomin-item.is-active,
  .case-bomin-home .case-bomin-list .case-bomin-item.is-active:hover{
    z-index:90!important;
  }
  .case-bomin-home .case-bomin-list .case-bomin-item img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(1) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(2) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(3) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(4) img{
    z-index:80!important;
    left:clamp(170px,14vw,260px)!important;
    right:auto!important;
    width:min(880px,60vw)!important;
    height:calc(200% + 1px)!important;
    max-height:calc(200% + 1px)!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    object-fit:cover!important;
    clip-path:inset(0)!important;
    transform:translate3d(22px,0,0) scale(.97)!important;
    transition:opacity .28s ease,transform .38s cubic-bezier(.16,1,.3,1)!important;
  }
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(1) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(2) img{
    top:0!important;
    bottom:auto!important;
  }
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(3) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(4) img{
    top:auto!important;
    bottom:0!important;
  }
  .case-bomin-home .case-bomin-list .case-bomin-item:hover img,
  .case-bomin-home .case-bomin-list .case-bomin-item.is-active img,
  .case-bomin-home .case-bomin-list .case-bomin-item.is-active:hover img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(4):hover img{
    visibility:visible!important;
    opacity:1!important;
    transform:translate3d(0,0,0) scale(1)!important;
  }
}

/* 20260603aa: GSAP-controlled homepage prefooter parallax */
.home-redesign:not(.about-page) .ref-prefooter{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
  background:#07111d!important;
}
.home-redesign:not(.about-page) .ref-prefooter::before,
.home-redesign:not(.about-page) .ref-prefooter::after{
  display:none!important;
}
.prefooter-gsap-bg,
.prefooter-gsap-grid{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.prefooter-gsap-bg{
  inset:-42% 0;
  z-index:0;
  background:
    linear-gradient(90deg,rgba(3,8,15,.88),rgba(3,8,15,.32)),
    url("../images/bm-style-geo-hero-opt.webp") center/cover no-repeat;
  transform:translate3d(0,-264px,0) scale(1.34);
  transform-origin:center center;
  will-change:transform;
  backface-visibility:hidden;
}
.prefooter-gsap-grid{
  z-index:1;
  opacity:.74;
  background:
    linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to right,transparent,rgba(0,0,0,.9) 18%,rgba(0,0,0,.9) 82%,transparent);
  -webkit-mask-image:linear-gradient(to right,transparent,rgba(0,0,0,.9) 18%,rgba(0,0,0,.9) 82%,transparent);
  transform:translate3d(0,96px,0);
  will-change:transform;
  backface-visibility:hidden;
}
.home-redesign:not(.about-page) .ref-prefooter>.container{
  position:relative;
  z-index:2;
}
@media(max-width:980px){
  .prefooter-gsap-bg{
    inset:-30% 0;
    transform:translate3d(0,-88px,0) scale(1.22);
  }
  .prefooter-gsap-grid{
    background-size:42px 42px;
    transform:translate3d(0,44px,0);
  }
}
@media(prefers-reduced-motion:reduce){
  .prefooter-gsap-bg,
  .prefooter-gsap-grid{
    transform:none!important;
    will-change:auto;
  }
}

/* 20260603q-final: header compatibility override placed last */
.bomin-header .bsb-wordmark b{
  transform:none!important;
  font-stretch:normal;
}
.bomin-header .bsb-wordmark b,
.bomin-header .bsb-wordmark b *{
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}
@media(min-width:981px) and (max-width:1320px){
  body.menu-lock{overflow:auto!important;touch-action:auto!important}
  .top-widebar{--bar-h:38px!important;position:sticky!important;top:0!important}
  .bomin-header,
  .bomin-header.scrolled,
  .bomin-header.open{
    top:38px!important;
    height:82px!important;
    overflow:visible!important;
    background:rgba(255,255,255,.96)!important;
    z-index:1200!important;
  }
  .bomin-nav-inner,
  .bomin-header .bomin-nav-inner,
  .bomin-header.open .bomin-nav-inner{
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    margin:0!important;
    padding-inline:clamp(18px,2.2vw,34px)!important;
    display:flex!important;
    align-items:center!important;
    gap:clamp(12px,1.4vw,18px)!important;
    background:transparent!important;
  }
  .bomin-header .mobile-logo-bg{display:none!important}
  .bomin-header .bsb-wordmark{
    min-width:190px!important;
    height:100%!important;
    gap:10px!important;
    z-index:auto!important;
  }
  .bomin-header .bsb-mark-img{
    width:44px!important;
    height:50px!important;
  }
  .bomin-header .bsb-wordmark span{min-height:auto!important}
  .bomin-header .bsb-wordmark b{
    display:block!important;
    min-height:0!important;
    height:auto!important;
    line-height:1.05!important;
    font-size:24px!important;
    letter-spacing:.035em!important;
    white-space:nowrap!important;
  }
  .bomin-header .menu{display:none!important}
  .bomin-header nav,
  .bomin-header.open nav{
    position:static!important;
    inset:auto!important;
    flex:1 1 auto!important;
    width:auto!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(11px,1.25vw,18px)!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    transition:none!important;
    z-index:auto!important;
  }
  .bomin-header nav>a,
  .bomin-header .nav-item>a{
    width:auto!important;
    height:82px!important;
    padding:0!important;
    border:0!important;
    display:flex!important;
    align-items:center!important;
    color:#121212!important;
    font-size:15.5px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:0!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    white-space:nowrap!important;
  }
  .bomin-header nav>a.active,
  .bomin-header nav>a:hover,
  .bomin-header .nav-item:hover>a{color:#0b66c3!important}
  .bomin-header .nav-item{
    height:82px!important;
    display:flex!important;
    align-items:center!important;
    overflow:visible!important;
  }
  .bomin-header .nav-item.has-mega>a::after{content:none!important}
  .bomin-header .mega-panel{
    position:fixed!important;
    top:120px!important;
    left:50%!important;
    right:auto!important;
    width:min(calc(100% - 48px),1160px)!important;
    grid-template-columns:repeat(4,minmax(150px,1fr))!important;
    gap:16px!important;
    padding:24px!important;
    background:rgba(255,255,255,.92)!important;
    border:0!important;
    box-shadow:0 24px 60px rgba(15,23,35,.08)!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translate(-50%,8px)!important;
    pointer-events:none!important;
  }
  .bomin-header .nav-item:hover .mega-panel,
  .bomin-header .nav-item:focus-within .mega-panel{
    opacity:1!important;
    visibility:visible!important;
    transform:translate(-50%,0)!important;
    pointer-events:auto!important;
  }
  .bomin-header .mega-card{
    min-height:0!important;
    padding:14px!important;
    border:0!important;
    background:rgba(248,250,252,.54)!important;
    box-shadow:none!important;
  }
  .bomin-header .mega-card b{font-size:15px!important;margin:0 0 6px!important}
  .bomin-header .mega-card small{font-size:12px!important;margin:0 0 7px!important}
  .bomin-header .mega-card a{
    padding:5px 0!important;
    border:0!important;
    font-size:13px!important;
    line-height:1.3!important;
  }
  .nav-side{
    display:flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    gap:10px!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .search-btn.clean-search{
    width:34px!important;
    height:34px!important;
  }
  .nav-phone{
    min-width:118px!important;
    height:34px!important;
    display:grid!important;
    align-content:center!important;
    font-size:19px!important;
    line-height:1!important;
  }
  .nav-phone em{
    font-size:10px!important;
    line-height:1!important;
    margin-bottom:3px!important;
  }
}

/* 20260603n: final mobile logo cover layer and softer desktop dropdown */
.mobile-logo-bg,
.mobile-nav-guard,
.mobile-nav-headroom{
  display:none!important;
}
@media(max-width:1320px){
  .bomin-header,
  .bomin-header.open{
    overflow:visible!important;
    background:#fff!important;
    z-index:1200!important;
  }
  .bomin-header .bomin-nav-inner,
  .bomin-header.open .bomin-nav-inner{
    position:relative!important;
    z-index:1205!important;
    background:transparent!important;
  }
  .bomin-header.open .mobile-logo-bg{
    display:block!important;
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    height:78px!important;
    z-index:1202!important;
    background:#fff!important;
    pointer-events:none!important;
    box-shadow:0 1px 0 rgba(15,23,35,.06)!important;
    transform:translateZ(0);
  }
  .bomin-header .bsb-wordmark{
    position:relative!important;
    z-index:1203!important;
  }
  .bomin-header .menu{
    position:relative!important;
    z-index:1204!important;
  }
  .bomin-header.open nav{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    height:100vh!important;
    min-height:100vh!important;
    max-height:none!important;
    box-sizing:border-box!important;
    padding:78px clamp(22px,5vw,58px) 38px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    background:#fff!important;
    z-index:1201!important;
  }
  .bomin-header .nav-item,
  .bomin-header .nav-item.has-mega{
    overflow:visible!important;
  }
  .bomin-header .nav-item.sub-open .mega-panel{
    max-height:none!important;
    overflow:visible!important;
    padding:5px 0 7px!important;
    gap:5px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .bomin-header .nav-item.sub-open .mega-card{
    margin:0 0 5px!important;
    padding:10px 14px!important;
    overflow:visible!important;
  }
  .bomin-header .nav-item.sub-open .mega-card a{
    margin:0!important;
  }
}
@media(min-width:641px) and (max-width:1320px){
  .bomin-header.open nav{
    padding-left:40px!important;
    padding-right:40px!important;
  }
}
@media(max-width:640px){
  .bomin-header.open .mobile-logo-bg{
    height:66px!important;
  }
  .bomin-header.open nav{
    height:100vh!important;
    min-height:100vh!important;
    padding:66px 22px 32px!important;
  }
  .bomin-header .nav-item.sub-open .mega-panel{
    grid-template-columns:1fr!important;
  }
  .bomin-header .nav-item.sub-open .mega-card{
    padding:9px 12px!important;
  }
}

@media(min-width:1321px){
  .bomin-header .mega-panel{
    background:rgba(255,255,255,.9)!important;
    border:0!important;
    box-shadow:0 28px 72px rgba(15,23,35,.08)!important;
  }
  .bomin-header .mega-panel::before,
  .bomin-header .mega-panel::after{
    display:none!important;
    content:none!important;
  }
  .bomin-header .mega-card{
    border:0!important;
    background:rgba(248,250,252,.52)!important;
    box-shadow:none!important;
  }
  .bomin-header .mega-card a,
  .bomin-header .mega-panel a{
    border:0!important;
    border-bottom:0!important;
  }
}

/* 20260603q-final: header compatibility override after mobile rules */
.bomin-header .bsb-wordmark b{
  transform:none!important;
  font-stretch:normal;
}
.bomin-header .bsb-wordmark b,
.bomin-header .bsb-wordmark b *{
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}
@media(min-width:981px) and (max-width:1320px){
  body.menu-lock{overflow:auto!important;touch-action:auto!important}
  .top-widebar{--bar-h:38px!important;position:sticky!important;top:0!important}
  .bomin-header,
  .bomin-header.scrolled,
  .bomin-header.open{
    top:38px!important;
    height:82px!important;
    overflow:visible!important;
    background:rgba(255,255,255,.96)!important;
    z-index:1200!important;
  }
  .bomin-nav-inner,
  .bomin-header .bomin-nav-inner,
  .bomin-header.open .bomin-nav-inner{
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    margin:0!important;
    padding-inline:clamp(18px,2.2vw,34px)!important;
    display:flex!important;
    align-items:center!important;
    gap:clamp(12px,1.4vw,18px)!important;
    background:transparent!important;
  }
  .bomin-header .mobile-logo-bg{display:none!important}
  .bomin-header .bsb-wordmark{
    min-width:190px!important;
    height:100%!important;
    gap:10px!important;
    z-index:auto!important;
  }
  .bomin-header .bsb-mark-img{
    width:44px!important;
    height:50px!important;
  }
  .bomin-header .bsb-wordmark span{min-height:auto!important}
  .bomin-header .bsb-wordmark b{
    display:block!important;
    min-height:0!important;
    height:auto!important;
    line-height:1.05!important;
    font-size:24px!important;
    letter-spacing:.035em!important;
    white-space:nowrap!important;
  }
  .bomin-header .menu{display:none!important}
  .bomin-header nav,
  .bomin-header.open nav{
    position:static!important;
    inset:auto!important;
    flex:1 1 auto!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    width:auto!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(11px,1.25vw,18px)!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    transition:none!important;
    z-index:auto!important;
  }
  .bomin-header nav>a,
  .bomin-header .nav-item>a{
    width:auto!important;
    height:82px!important;
    padding:0!important;
    border:0!important;
    display:flex!important;
    align-items:center!important;
    color:#121212!important;
    font-size:15.5px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:0!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    white-space:nowrap!important;
  }
  .bomin-header nav>a.active,
  .bomin-header nav>a:hover,
  .bomin-header .nav-item:hover>a{color:#0b66c3!important}
  .bomin-header .nav-item{
    width:auto!important;
    height:82px!important;
    display:flex!important;
    align-items:center!important;
    overflow:visible!important;
  }
  .bomin-header .nav-item.has-mega>a::after{content:none!important}
  .bomin-header .mega-panel{
    position:fixed!important;
    top:120px!important;
    left:50%!important;
    right:auto!important;
    width:min(calc(100% - 48px),1160px)!important;
    grid-template-columns:repeat(4,minmax(150px,1fr))!important;
    gap:16px!important;
    padding:24px!important;
    background:rgba(255,255,255,.92)!important;
    border:0!important;
    box-shadow:0 24px 60px rgba(15,23,35,.08)!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translate(-50%,8px)!important;
    pointer-events:none!important;
  }
  .bomin-header .nav-item:hover .mega-panel,
  .bomin-header .nav-item:focus-within .mega-panel{
    opacity:1!important;
    visibility:visible!important;
    transform:translate(-50%,0)!important;
    pointer-events:auto!important;
  }
  .bomin-header .mega-card{
    min-height:0!important;
    padding:14px!important;
    border:0!important;
    background:rgba(248,250,252,.54)!important;
    box-shadow:none!important;
  }
  .bomin-header .mega-card b{font-size:15px!important;margin:0 0 6px!important}
  .bomin-header .mega-card small{font-size:12px!important;margin:0 0 7px!important}
  .bomin-header .mega-card a{
    padding:5px 0!important;
    border:0!important;
    font-size:13px!important;
    line-height:1.3!important;
  }
  .nav-side{
    display:flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    gap:10px!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .search-btn.clean-search{
    width:34px!important;
    height:34px!important;
  }
  .nav-phone{
    min-width:118px!important;
    height:34px!important;
    display:grid!important;
    align-content:center!important;
    font-size:19px!important;
    line-height:1!important;
  }
  .nav-phone em{
    font-size:10px!important;
    line-height:1!important;
    margin-bottom:3px!important;
  }
}
@media(min-width:1321px) and (max-width:1500px){
  .bomin-nav-inner{padding-inline:clamp(24px,2.6vw,42px)!important;gap:16px!important}
  .bomin-header .bsb-wordmark{min-width:200px!important}
  .bomin-header nav{gap:clamp(16px,1.35vw,24px)!important}
  .bomin-header nav>a,
  .bomin-header .nav-item>a{font-size:16px!important;letter-spacing:0!important}
  .nav-side{gap:10px!important}
  .search-btn.clean-search{width:34px!important;height:34px!important}
  .nav-phone{min-width:128px!important;font-size:21px!important}
  .nav-phone em{font-size:10px!important}
}

@media(min-width:981px){
  .case-bomin-home .case-bomin-list{
    position:relative!important;
    overflow:hidden!important;
  }
  .case-bomin-home .case-bomin-list .case-bomin-item{
    position:relative!important;
    overflow:visible!important;
    z-index:1!important;
  }
  .case-bomin-home .case-bomin-list .case-bomin-item:hover,
  .case-bomin-home .case-bomin-list .case-bomin-item.is-active,
  .case-bomin-home .case-bomin-list .case-bomin-item.is-active:hover{
    z-index:90!important;
  }
  .case-bomin-home .case-bomin-list .case-bomin-item img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(1) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(2) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(3) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(4) img{
    z-index:80!important;
    left:auto!important;
    right:clamp(110px,14vw,240px)!important;
    width:min(500px,31vw)!important;
    height:calc(200% + 1px)!important;
    max-height:calc(200% + 1px)!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    object-fit:cover!important;
    clip-path:inset(0)!important;
    overflow:hidden!important;
    transform:translate3d(22px,0,0) scale(.97)!important;
    transition:opacity .28s ease,transform .38s cubic-bezier(.16,1,.3,1)!important;
  }
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(1) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(2) img{
    top:0!important;
    bottom:auto!important;
  }
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(3) img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(4) img{
    top:auto!important;
    bottom:0!important;
  }
  .case-bomin-home .case-bomin-list .case-bomin-item:hover img,
  .case-bomin-home .case-bomin-list .case-bomin-item.is-active img,
  .case-bomin-home .case-bomin-list .case-bomin-item.is-active:hover img,
  .case-bomin-home .case-bomin-list .case-bomin-item:nth-child(4):hover img{
    visibility:visible!important;
    opacity:1!important;
    transform:translate3d(0,0,0) scale(1)!important;
  }
}

/* 20260603: refined chrome rolled out to remaining inner pages */
.services-page,
.service-page,
.cases-page,
.pricing-page,
.contact-page{
  --inner-hero-image:url("../images/bm-style-industrial-hero-opt.webp");
  --inner-accent:#0b66c3;
  background:#f4f7fb;
}
.bsbgeo-page{--inner-hero-image:url("../images/bm-style-geo-hero-opt.webp");--inner-accent:#12b3a8}
.design-page{--inner-hero-image:url("../images/bm-style-design-news-opt.webp");--inner-accent:#6c7cff}
.douyin-page{--inner-hero-image:url("../images/bm-style-bio-case-opt.webp");--inner-accent:#ef476f}
.cases-page{--inner-hero-image:url("../images/case-bio-manufacturing-opt.webp");--inner-accent:#12b3a8}
.pricing-page{--inner-hero-image:url("../images/hero-new-geo-opt.webp");--inner-accent:#1769ff}
.contact-page{--inner-hero-image:url("../images/bm-style-industrial-hero-opt.webp");--inner-accent:#0f172a}
.inner-page:not(.about-page) .page-hero{
  position:relative;
  min-height:clamp(460px,48vw,640px);
  display:grid;
  place-items:end center;
  overflow:hidden;
  padding:clamp(110px,12vw,168px) var(--pad) clamp(72px,8vw,108px);
  color:#fff;
  text-align:left;
  background:#06101c;
  isolation:isolate;
}
.inner-page:not(.about-page) .page-hero::before{
  content:"";
  position:absolute;
  inset:-4%;
  z-index:-3;
  background:
    linear-gradient(90deg,rgba(4,10,18,.88) 0%,rgba(4,10,18,.62) 48%,rgba(4,10,18,.2) 100%),
    linear-gradient(180deg,rgba(4,10,18,.08),rgba(4,10,18,.78)),
    var(--inner-hero-image) center/cover no-repeat;
  transform:scale(1.04);
}
.inner-page:not(.about-page) .page-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  height:auto;
  background:
    linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 94%);
}
.inner-page:not(.about-page) .page-hero>*{
  width:min(calc(100% - var(--pad) * 2),var(--max));
  max-width:var(--max);
}
.inner-page:not(.about-page) .page-hero .eyebrow{
  margin:0 auto 24px;
  color:#d9ebff;
}
.inner-page:not(.about-page) .page-hero .eyebrow::before{
  background:var(--inner-accent);
  box-shadow:0 0 0 6px color-mix(in srgb,var(--inner-accent) 22%,transparent);
}
.inner-page:not(.about-page) .page-hero h1{
  margin:0 auto;
  font-size:clamp(48px,5.4vw,92px);
  line-height:1.05;
  font-weight:950;
  letter-spacing:0;
}
.inner-page:not(.about-page) .page-hero p:not(.eyebrow){
  margin:24px auto 0;
  color:#e6edf5;
  font-size:clamp(18px,1.35vw,22px);
  line-height:1.85;
}
.inner-page:not(.about-page) .content{
  width:min(calc(100% - var(--pad) * 2),var(--max));
  margin-inline:auto;
  padding:clamp(58px,7vw,98px) 0 clamp(82px,8vw,120px);
}
.inner-page:not(.about-page) .service-grid,
.inner-page:not(.about-page) .case-grid,
.inner-page:not(.about-page) .price-grid{
  gap:1px;
  background:#dce4ed;
  border:1px solid #dce4ed;
}
.inner-page:not(.about-page) .service-card,
.inner-page:not(.about-page) .case-card,
.inner-page:not(.about-page) .price-card,
.inner-page:not(.about-page) .contact-card,
.inner-page:not(.about-page) .list-card{
  border:0;
  border-radius:0;
  background:rgba(255,255,255,.92);
  box-shadow:none;
}
.inner-page:not(.about-page) .service-card,
.inner-page:not(.about-page) .case-card,
.inner-page:not(.about-page) .price-card{
  min-height:100%;
}
.inner-page:not(.about-page) .service-card:hover,
.inner-page:not(.about-page) .case-card:hover,
.inner-page:not(.about-page) .price-card:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 64px rgba(15,23,42,.12);
  z-index:2;
}
.inner-page:not(.about-page) .service-icon,
.inner-page:not(.about-page) .tag,
.inner-page:not(.about-page) .case-tags span{
  border-radius:2px;
}
.inner-page:not(.about-page) .case-thumb{
  height:260px;
  border:0;
  border-radius:0;
}
.inner-page:not(.about-page) .case-thumb.blue,
.inner-page:not(.about-page) .case-thumb.green,
.inner-page:not(.about-page) .case-thumb.orange,
.inner-page:not(.about-page) .case-thumb.purple{
  background:url("../images/case-machine-manufacturing-opt.webp") center/cover no-repeat;
}
.inner-page:not(.about-page) .case-card:nth-child(2) .case-thumb,
.inner-page:not(.about-page) .case-card:nth-child(5) .case-thumb{
  background-image:url("../images/case-bio-manufacturing-opt.webp");
}
.inner-page:not(.about-page) .case-card:nth-child(4) .case-thumb,
.inner-page:not(.about-page) .case-card:nth-child(6) .case-thumb{
  background-image:url("../images/bm-style-industrial-hero-opt.webp");
}
.inner-page:not(.about-page) .case-thumb::before,
.inner-page:not(.about-page) .case-thumb::after{
  display:none;
}
.inner-page:not(.about-page) .price-card.recommended{
  background:#fff;
  outline:2px solid var(--inner-accent);
  outline-offset:-2px;
}
.inner-page:not(.about-page) .price{
  color:var(--inner-accent);
}
.inner-page:not(.about-page) .ribbon{
  top:20px;
  right:20px;
  width:auto;
  transform:none;
  padding:4px 10px;
  background:var(--inner-accent);
}
.inner-page:not(.about-page) .btn{
  border-radius:2px;
}
.inner-page:not(.about-page) .cta-band{
  padding:clamp(64px,7vw,96px) var(--pad);
  color:#fff;
  background:#081019;
  border:0;
}
.inner-page:not(.about-page) .cta-band h2{
  color:#fff;
}
.inner-page:not(.about-page) .contact-wrap{
  gap:1px;
  background:#dce4ed;
  border:1px solid #dce4ed;
}
.inner-page:not(.about-page) .form input,
.inner-page:not(.about-page) .form textarea,
.inner-page:not(.about-page) .form select,
.inner-page:not(.about-page) .qr-box{
  border-radius:2px;
}
@media(max-width:980px){
  .inner-page:not(.about-page) .page-hero{
    min-height:520px;
    padding-top:132px;
    text-align:left;
  }
  .inner-page:not(.about-page) .service-grid,
  .inner-page:not(.about-page) .case-grid,
  .inner-page:not(.about-page) .price-grid,
  .inner-page:not(.about-page) .contact-wrap{
    grid-template-columns:1fr;
  }
}
@media(max-width:640px){
  .inner-page:not(.about-page) .page-hero{
    min-height:500px;
    padding:116px 22px 66px;
  }
  .inner-page:not(.about-page) .page-hero>*{
    width:100%;
  }
  .inner-page:not(.about-page) .content{
    width:calc(100% - 44px);
    padding:52px 0 76px;
  }
  .inner-page:not(.about-page) .case-thumb{
    height:210px;
  }
}

/* 20260603: prevent stale mobile-menu locks from disabling desktop scroll */
@media(min-width:981px){
  body.menu-lock{
    overflow:auto!important;
    touch-action:auto!important;
  }
}

/* 20260615b: contact page vertical content system */
.contact-main{
  overflow:hidden;
  background:#f4f7fb;
}
.contact-page .contact-hero h1{
  max-width:760px;
}
.contact-page .contact-hero p:not(.eyebrow){
  width:min(880px,100%);
}
.contact-intro{
  padding:clamp(76px,7vw,116px) 0;
  background:#fff;
}
.contact-intro-grid{
  display:grid;
  grid-template-columns:minmax(320px,.42fr) minmax(0,1fr);
  gap:clamp(42px,6vw,98px);
  align-items:start;
}
.contact-title-block{
  display:grid;
  align-content:start;
  gap:22px;
}
.contact-title-block>span,
.contact-section-head>span{
  color:#0b66c3;
  font-size:18px;
  line-height:1;
  font-weight:950;
}
.contact-title-block h2,
.contact-section-head h2{
  margin:0;
  color:#111827;
  font-size:clamp(40px,4.2vw,76px);
  line-height:1.06;
  font-weight:950;
  letter-spacing:0;
}
.contact-title-block p,
.contact-section-head p{
  margin:0;
  color:#5d6978;
  font-size:18px;
  line-height:1.9;
}
.contact-quick-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:#d5dee9;
  border-top:1px solid #d5dee9;
  border-left:1px solid #d5dee9;
}
.contact-quick-grid article{
  min-height:260px;
  display:grid;
  align-content:space-between;
  padding:30px;
  background:linear-gradient(180deg,#fff,#f8fafc);
  border-right:1px solid #d5dee9;
  border-bottom:1px solid #d5dee9;
  transition:transform .32s ease,background .32s ease,box-shadow .32s ease;
}
.contact-quick-grid article:hover{
  transform:translateY(-6px);
  background:#fff;
  box-shadow:0 22px 62px rgba(15,23,42,.1);
  z-index:2;
}
.contact-quick-grid b{
  color:#111827;
  font-size:20px;
  line-height:1.3;
}
.contact-quick-grid a,
.contact-quick-grid strong{
  color:#0b66c3;
  font-size:clamp(24px,2.3vw,38px);
  line-height:1.1;
  font-weight:300;
}
.contact-quick-grid span{
  color:#6a7481;
  font-size:15px;
  line-height:1.7;
  font-weight:800;
}
.contact-section{
  padding:clamp(84px,8vw,128px) 0;
}
.contact-location-section,
.contact-message{
  background:#f4f7fb;
}
.contact-location-alt,
.contact-network{
  background:#fff;
}
.contact-section-head{
  display:grid;
  grid-template-columns:140px minmax(0,1fr);
  gap:clamp(28px,5vw,76px);
  align-items:end;
  margin-bottom:46px;
  padding-bottom:32px;
  border-bottom:1px solid #cfd9e5;
}
.contact-section-head p{
  width:min(880px,100%);
  margin-top:18px;
}
.contact-location-panel{
  display:grid;
  grid-template-columns:minmax(300px,.4fr) minmax(0,1fr);
  min-height:520px;
  background:#fff;
  border-top:1px solid #cfd9e5;
  border-bottom:1px solid #cfd9e5;
  box-shadow:0 26px 72px rgba(15,23,42,.06);
}
.contact-location-name{
  position:relative;
  display:grid;
  align-content:end;
  gap:18px;
  padding:42px;
  overflow:hidden;
  color:#fff;
  background:
    linear-gradient(180deg,rgba(7,17,29,.72),rgba(7,17,29,.94)),
    url("../images/bm-style-industrial-hero-opt.webp") center/cover no-repeat;
  isolation:isolate;
}
.contact-location-alt .contact-location-name{
  background:
    linear-gradient(180deg,rgba(7,17,29,.66),rgba(7,17,29,.92)),
    url("../images/hero-new-geo-opt.webp") center/cover no-repeat;
}
.contact-location-name::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);
  background-size:52px 52px;
  opacity:.42;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 92%);
}
.contact-location-name::after{
  content:"";
  position:absolute;
  left:42px;
  right:42px;
  bottom:126px;
  height:1px;
  background:rgba(255,255,255,.45);
  transform-origin:left center;
  animation:contactLine 5.8s ease-in-out infinite;
}
@keyframes contactLine{
  0%,100%{opacity:.28;transform:scaleX(.38)}
  50%{opacity:1;transform:scaleX(1)}
}
.contact-location-name span{
  color:#9ad3ff;
  font-size:16px;
  font-weight:950;
}
.contact-location-name h3{
  margin:0;
  color:#fff;
  font-size:clamp(38px,4vw,68px);
  line-height:1.04;
  font-weight:950;
}
.contact-location-name p{
  margin:0;
  color:rgba(255,255,255,.76);
  font-size:16px;
  line-height:1.8;
}
.contact-location-info{
  display:grid;
  align-content:center;
  gap:34px;
  padding:clamp(32px,4.4vw,64px);
}
.contact-location-info dl{
  display:grid;
  gap:0;
  margin:0;
  border-top:1px solid #dce4ed;
}
.contact-location-info dl div{
  display:grid;
  grid-template-columns:130px minmax(0,1fr);
  gap:24px;
  padding:20px 0;
  border-bottom:1px solid #dce4ed;
}
.contact-location-info dt{
  color:#111827;
  font-size:16px;
  font-weight:950;
}
.contact-location-info dd{
  margin:0;
  color:#526071;
  font-size:17px;
  line-height:1.75;
}
.contact-location-info dd a{
  color:#0b66c3;
  font-size:26px;
  font-weight:300;
}
.contact-action-row{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}
.contact-call,
.contact-link{
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 22px;
  font-size:16px;
  font-weight:900;
  transition:background .25s ease,color .25s ease,transform .25s ease;
}
.contact-call{
  color:#fff;
  background:#0b66c3;
}
.contact-link{
  color:#111827;
  background:#edf3f8;
}
.contact-call:hover,
.contact-link:hover{
  transform:translateY(-2px);
}
.contact-call:hover{
  background:#07111d;
}
.contact-link:hover{
  color:#fff;
  background:#111827;
}
.contact-city-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:#cfd9e5;
  border-top:1px solid #cfd9e5;
  border-left:1px solid #cfd9e5;
}
.contact-city-grid article{
  position:relative;
  min-height:230px;
  display:grid;
  align-content:space-between;
  gap:18px;
  padding:28px;
  overflow:hidden;
  background:#fff;
  border-right:1px solid #cfd9e5;
  border-bottom:1px solid #cfd9e5;
  transition:background .28s ease,color .28s ease,transform .28s ease;
}
.contact-city-grid article::after{
  content:"";
  position:absolute;
  left:28px;
  right:28px;
  bottom:24px;
  height:1px;
  background:#0b66c3;
  opacity:.22;
  transform-origin:left center;
  transition:transform .28s ease,opacity .28s ease;
}
.contact-city-grid article:hover{
  color:#fff;
  background:#07111d;
  transform:translateY(-5px);
  z-index:2;
}
.contact-city-grid article:hover::after{
  background:#7dc7ff;
  opacity:.7;
  transform:scaleX(.68);
}
.contact-city-grid span{
  color:#0b66c3;
  font-size:16px;
  font-weight:950;
}
.contact-city-grid h3{
  margin:0;
  color:#111827;
  font-size:30px;
  line-height:1.1;
  font-weight:950;
}
.contact-city-grid p{
  min-height:58px;
  margin:0;
  color:#667085;
  font-size:15px;
  line-height:1.7;
}
.contact-city-grid a{
  position:relative;
  z-index:1;
  color:#0b66c3;
  font-size:20px;
  font-weight:300;
}
.contact-city-grid article:hover span,
.contact-city-grid article:hover h3,
.contact-city-grid article:hover p,
.contact-city-grid article:hover a{
  color:#fff;
}
.contact-form-panel{
  width:min(980px,100%);
  display:grid;
  margin:0 auto;
  padding:clamp(30px,4.6vw,58px);
  background:#fff;
  border-top:1px solid #cfd9e5;
  border-bottom:1px solid #cfd9e5;
  box-shadow:0 26px 72px rgba(15,23,42,.07);
}
.contact-form-panel label{
  margin:22px 0 10px;
  color:#111827;
  font-size:16px;
  font-weight:950;
}
.contact-form-panel label:first-child{
  margin-top:0;
}
.contact-form-panel input,
.contact-form-panel select,
.contact-form-panel textarea{
  width:100%;
  border:1px solid #dce4ed;
  border-radius:0;
  background:#f8fafc;
  color:#111827;
  font:inherit;
  font-size:16px;
  outline:none;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.contact-form-panel input,
.contact-form-panel select{
  height:58px;
  padding:0 18px;
}
.contact-form-panel textarea{
  min-height:180px;
  padding:18px;
  resize:vertical;
}
.contact-form-panel input:focus,
.contact-form-panel select:focus,
.contact-form-panel textarea:focus{
  border-color:#0b66c3;
  background:#fff;
  box-shadow:0 0 0 4px rgba(11,102,195,.08);
}
.contact-submit{
  width:min(260px,100%);
  height:58px;
  margin-top:28px;
  border-radius:0!important;
  font-size:17px;
}
.contact-form-panel .form-note{
  margin:18px 0 0;
  color:#667085;
  font-size:14px;
  line-height:1.7;
}
@media(max-width:1280px){
  .contact-intro-grid,
  .contact-location-panel{
    grid-template-columns:1fr;
  }
  .contact-quick-grid{
    grid-template-columns:repeat(3,1fr);
  }
  .contact-city-grid{
    grid-template-columns:repeat(3,1fr);
  }
}
@media(max-width:980px){
  .contact-intro{
    padding:70px 0;
  }
  .contact-section{
    padding:76px 0;
  }
  .contact-section-head{
    grid-template-columns:1fr;
    gap:18px;
    margin-bottom:34px;
    padding-bottom:24px;
  }
  .contact-quick-grid,
  .contact-city-grid{
    grid-template-columns:1fr 1fr;
  }
  .contact-location-panel{
    min-height:0;
  }
  .contact-location-name{
    min-height:360px;
    padding:32px;
  }
  .contact-location-name::after{
    left:32px;
    right:32px;
  }
  .contact-location-info dl div{
    grid-template-columns:110px minmax(0,1fr);
  }
}
@media(max-width:640px){
  .contact-page .contact-hero h1{
    font-size:48px;
  }
  .contact-intro-grid{
    gap:32px;
  }
  .contact-title-block h2,
  .contact-section-head h2{
    font-size:38px;
  }
  .contact-title-block p,
  .contact-section-head p{
    font-size:16px;
    line-height:1.8;
  }
  .contact-quick-grid,
  .contact-city-grid{
    grid-template-columns:1fr;
  }
  .contact-quick-grid article,
  .contact-city-grid article{
    min-height:190px;
    padding:24px;
  }
  .contact-location-name{
    min-height:320px;
    padding:28px 24px;
  }
  .contact-location-name::after{
    left:24px;
    right:24px;
    bottom:112px;
  }
  .contact-location-name h3{
    font-size:40px;
  }
  .contact-location-info{
    padding:26px 22px 30px;
  }
  .contact-location-info dl div{
    grid-template-columns:1fr;
    gap:8px;
    padding:18px 0;
  }
  .contact-location-info dd,
  .contact-location-info dt{
    font-size:15px;
  }
  .contact-location-info dd a{
    font-size:24px;
  }
  .contact-action-row{
    display:grid;
  }
  .contact-call,
  .contact-link{
    width:100%;
  }
  .contact-form-panel{
    padding:26px 20px;
  }
  .contact-form-panel input,
  .contact-form-panel select{
    height:54px;
  }
  .contact-submit{
    width:100%;
  }
}

/* 20260615c: case list and detail page */
.cases-main{
  overflow:hidden;
  background:#f4f7fb;
}
.cases-page .cases-hero h1{
  max-width:780px;
}
.cases-page .cases-hero p:not(.eyebrow){
  width:min(920px,100%);
}
.cases-list-section{
  position:relative;
  padding:clamp(94px,8vw,136px) 0 clamp(108px,9vw,152px);
  overflow:hidden;
  color:#fff;
  background:#081019;
  isolation:isolate;
}
.cases-list-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 84% 10%,rgba(64,126,184,.28),transparent 30%),
    linear-gradient(180deg,#101b27 0,#081019 54%,#050a10 100%);
}
.cases-list-section::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:72px 72px;
  opacity:.34;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.82),transparent 90%);
}
.cases-list-section .container,
.cases-detail-section .container{
  position:relative;
  z-index:1;
}
.cases-page-head{
  display:grid;
  grid-template-columns:160px minmax(0,1fr);
  gap:clamp(30px,5vw,76px);
  align-items:end;
  margin-bottom:62px;
}
.cases-page-head>span,
.cases-detail-head>span{
  color:#7dc7ff;
  font-size:18px;
  font-weight:950;
}
.cases-page-head h2,
.cases-detail-head h2{
  margin:0;
  color:#fff;
  font-size:clamp(44px,4.8vw,84px);
  line-height:1.04;
  font-weight:950;
  letter-spacing:0;
}
.cases-page-head p{
  width:min(820px,100%);
  margin:22px 0 0;
  color:#a8b7c7;
  font-size:18px;
  line-height:1.9;
}
.cases-bomin-list{
  position:relative;
  border-top:1px solid rgba(255,255,255,.17);
}
.cases-bomin-row{
  position:relative;
  min-height:188px;
  display:grid;
  grid-template-columns:92px minmax(0,1fr) 156px 128px;
  gap:28px;
  align-items:center;
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.17);
  overflow:visible;
}
.cases-bomin-row::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(255,255,255,.065),transparent 76%);
  opacity:0;
  transition:opacity .28s ease;
}
.cases-bomin-row>span{
  color:#8fa2b6;
  font-size:18px;
  font-weight:950;
  letter-spacing:.16em;
}
.cases-bomin-row h3{
  margin:0;
  color:#fff;
  font-size:clamp(34px,3.4vw,66px);
  line-height:1.05;
  font-weight:950;
  letter-spacing:0;
}
.cases-bomin-row p{
  margin:16px 0 0;
  color:#a8b7c7;
  font-size:17px;
  line-height:1.55;
}
.cases-bomin-row em,
.cases-bomin-row strong{
  color:#c7d3df;
  font-style:normal;
  font-size:16px;
  font-weight:900;
}
.cases-bomin-row em{
  justify-self:center;
  padding:9px 14px;
  border:1px solid rgba(255,255,255,.2);
}
.cases-bomin-row strong{
  justify-self:end;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.cases-bomin-row strong::after{
  content:"";
  width:20px;
  height:1px;
  background:currentColor;
  transform-origin:left center;
  transition:transform .25s ease;
}
.cases-bomin-row figure{
  position:absolute;
  right:10%;
  top:50%;
  z-index:4;
  width:min(520px,33vw);
  height:300px;
  margin:0;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
  transform:translate3d(34px,-50%,0) scale(.92);
  transition:opacity .3s ease,transform .42s cubic-bezier(.2,.75,.2,1);
  box-shadow:0 34px 100px rgba(0,0,0,.46);
}
.cases-bomin-row figure img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.08);
  transition:transform .8s ease;
}
.cases-bomin-row:hover::before,
.cases-bomin-row:focus-visible::before{
  opacity:1;
}
.cases-bomin-row:hover figure,
.cases-bomin-row:focus-visible figure{
  opacity:1;
  transform:translate3d(0,-50%,0) scale(1);
}
.cases-bomin-row:hover figure img,
.cases-bomin-row:focus-visible figure img{
  transform:scale(1.14);
}
.cases-bomin-row:hover strong::after,
.cases-bomin-row:focus-visible strong::after{
  transform:scaleX(1.8);
}
.cases-detail-section{
  padding:clamp(92px,8vw,132px) 0 clamp(110px,9vw,150px);
  background:#f4f7fb;
}
.cases-detail-head{
  display:grid;
  grid-template-columns:160px minmax(0,1fr) minmax(300px,520px);
  gap:clamp(28px,5vw,70px);
  align-items:end;
  margin-bottom:56px;
  padding-bottom:34px;
  border-bottom:1px solid #cfd9e5;
}
.cases-detail-head h2{
  color:#111827;
}
.cases-detail-head>span{
  color:#0b66c3;
}
.cases-detail-head p{
  margin:0;
  color:#647184;
  font-size:18px;
  line-height:1.9;
}
.case-detail-stack{
  display:grid;
  gap:36px;
}
.case-detail-card{
  scroll-margin-top:150px;
  display:grid;
  grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr);
  min-height:560px;
  overflow:hidden;
  background:#fff;
  border-top:1px solid #cfd9e5;
  border-bottom:1px solid #cfd9e5;
  box-shadow:0 26px 72px rgba(15,23,42,.06);
}
.case-detail-card:nth-child(even){
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
}
.case-detail-card:nth-child(even) figure{
  order:2;
}
.case-detail-card:target{
  outline:2px solid rgba(11,102,195,.34);
  outline-offset:6px;
}
.case-detail-card figure{
  position:relative;
  min-height:560px;
  margin:0;
  overflow:hidden;
  background:#111;
}
.case-detail-card figure::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.35));
}
.case-detail-card img{
  width:100%;
  height:100%;
  min-height:560px;
  object-fit:cover;
  transform:scale(1.05);
  transition:transform .8s ease;
}
.case-detail-card:hover img{
  transform:scale(1.1);
}
.case-detail-copy{
  display:grid;
  align-content:center;
  padding:clamp(32px,4.8vw,68px);
}
.case-detail-copy>span{
  color:#0b66c3;
  font-size:15px;
  font-weight:950;
}
.case-detail-copy h3{
  margin:18px 0 22px;
  color:#111827;
  font-size:clamp(34px,3.4vw,60px);
  line-height:1.08;
  font-weight:950;
  letter-spacing:0;
}
.case-detail-copy p{
  margin:0;
  color:#536071;
  font-size:18px;
  line-height:1.9;
}
.case-detail-copy ul{
  display:grid;
  gap:14px;
  margin:32px 0 0;
  padding:0;
  list-style:none;
}
.case-detail-copy li{
  position:relative;
  padding-left:26px;
  color:#536071;
  font-size:16px;
  line-height:1.75;
}
.case-detail-copy li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:12px;
  height:1px;
  background:#0b66c3;
}
.case-detail-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:34px;
}
.case-detail-tags b{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  color:#111827;
  background:#eef3f8;
  font-size:14px;
  font-weight:900;
}
@media(max-width:1180px){
  .cases-bomin-row{
    grid-template-columns:76px minmax(0,1fr) 132px 112px;
    gap:20px;
  }
  .cases-bomin-row figure{
    right:4%;
    width:min(440px,36vw);
  }
  .cases-detail-head,
  .case-detail-card,
  .case-detail-card:nth-child(even){
    grid-template-columns:1fr;
  }
  .case-detail-card:nth-child(even) figure{
    order:0;
  }
}
@media(max-width:980px){
  .cases-list-section{
    padding:82px 0 92px;
  }
  .cases-page-head,
  .cases-detail-head{
    grid-template-columns:1fr;
    gap:18px;
    margin-bottom:38px;
  }
  .cases-detail-head{
    padding-bottom:26px;
  }
  .cases-bomin-row{
    min-height:0;
    grid-template-columns:1fr;
    gap:12px;
    padding:30px 0;
  }
  .cases-bomin-row h3{
    font-size:34px;
  }
  .cases-bomin-row em,
  .cases-bomin-row strong{
    justify-self:start;
  }
  .cases-bomin-row figure{
    position:relative;
    right:auto;
    top:auto;
    width:100%;
    height:250px;
    margin-top:16px;
    opacity:1;
    transform:none;
    box-shadow:none;
  }
  .cases-bomin-row:hover figure,
  .cases-bomin-row:focus-visible figure{
    transform:none;
  }
  .case-detail-card,
  .case-detail-card figure,
  .case-detail-card img{
    min-height:0;
  }
  .case-detail-card figure{
    height:330px;
  }
}
@media(max-width:640px){
  .cases-page .cases-hero h1{
    font-size:48px;
  }
  .cases-page-head h2,
  .cases-detail-head h2{
    font-size:38px;
  }
  .cases-page-head p,
  .cases-detail-head p,
  .case-detail-copy p{
    font-size:16px;
    line-height:1.8;
  }
  .cases-bomin-row h3{
    font-size:30px;
    line-height:1.12;
  }
  .cases-bomin-row p{
    font-size:15px;
  }
  .cases-bomin-row figure{
    height:218px;
  }
  .cases-detail-section{
    padding:72px 0 86px;
  }
  .case-detail-stack{
    gap:24px;
  }
  .case-detail-card figure{
    height:240px;
  }
  .case-detail-copy{
    padding:28px 22px 32px;
  }
  .case-detail-copy h3{
    font-size:30px;
  }
  .case-detail-copy ul{
    margin-top:24px;
  }
}

/* 20260615d: case list matches light gallery reference */
.cases-gallery-section{
  padding:clamp(96px,8vw,142px) 0 clamp(92px,8vw,132px);
  color:#333;
  background:
    radial-gradient(circle at 36% 0%,rgba(214,229,255,.72),transparent 34%),
    linear-gradient(110deg,rgba(255,244,232,.76) 0%,#fff 38%,#f8fbff 100%);
}
.cases-gallery-section::before,
.cases-gallery-section::after{
  display:none;
}
.cases-gallery-head{
  position:relative;
  display:grid;
  grid-template-columns:minmax(420px,.52fr) minmax(360px,.48fr);
  gap:clamp(48px,7vw,108px);
  align-items:center;
  margin-bottom:clamp(62px,6vw,92px);
}
.cases-gallery-head::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:1px;
  height:104px;
  background:#d9dde5;
  transform:translate(-50%,-50%);
}
.cases-gallery-head::after{
  content:"";
  position:absolute;
  left:32px;
  top:-38px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#d65b9b;
  opacity:.72;
}
.cases-gallery-head h2{
  margin:0;
  color:#333;
  font-size:clamp(52px,5.1vw,92px);
  line-height:1.22;
  font-weight:950;
  letter-spacing:0;
}
.cases-gallery-head p{
  margin:0;
  color:#6a6d73;
  font-size:clamp(22px,1.8vw,32px);
  line-height:1.8;
  font-weight:500;
}
.case-filter-bar{
  display:flex;
  flex-wrap:wrap;
  gap:clamp(16px,2vw,40px);
  margin-bottom:clamp(54px,5.8vw,86px);
}
.case-filter{
  min-width:clamp(132px,8.8vw,184px);
  height:64px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  padding:0 30px;
  border:1px solid #e1e3e8;
  border-radius:999px;
  background:#fff;
  color:#686b72;
  font-size:20px;
  font-weight:900;
  line-height:1;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  box-shadow:0 10px 30px rgba(15,23,42,.035);
  transition:background .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease,transform .24s ease;
}
.case-filter:hover{
  color:#d55296;
  border-color:#efc7db;
  transform:translateY(-2px);
}
.case-filter.is-active{
  color:#fff;
  border-color:#d75d9c;
  background:linear-gradient(135deg,#d55f9e,#dd6d80);
  box-shadow:0 18px 38px rgba(213,95,158,.24);
}
.case-gallery-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(40px,4vw,72px) clamp(34px,3.6vw,64px);
}
.case-gallery-card{
  display:block;
  color:#333;
  transition:transform .28s ease,opacity .28s ease;
}
.case-gallery-card.is-hidden{
  display:none;
}
.case-gallery-card figure{
  margin:0;
  aspect-ratio:1.34/1;
  overflow:hidden;
  border-radius:22px;
  background:#edf1f6;
}
.case-gallery-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.02);
  transition:transform .7s ease,filter .32s ease;
}
.case-gallery-card:hover{
  transform:translateY(-8px);
}
.case-gallery-card:hover img{
  transform:scale(1.08);
  filter:saturate(1.06);
}
.case-gallery-card h3{
  margin:30px 0 12px;
  color:#333;
  font-size:clamp(25px,1.65vw,34px);
  line-height:1.22;
  font-weight:950;
  letter-spacing:0;
}
.case-gallery-card p{
  margin:0;
  color:#9b9da3;
  font-size:22px;
  line-height:1.45;
  font-weight:650;
}
.case-pagination{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:clamp(58px,5vw,86px);
}
.case-pagination a,
.case-pagination span{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid #e1e3e8;
  border-radius:50%;
  background:#fff;
  color:#333;
  font-size:20px;
  font-weight:800;
}
.case-pagination span{
  color:#8d9096;
}
.case-pagination a:hover,
.case-pagination a.is-active{
  color:#fff;
  border-color:#d55f9e;
  background:#d55f9e;
}
@media(max-width:1180px){
  .cases-gallery-head{
    grid-template-columns:1fr;
    gap:28px;
  }
  .cases-gallery-head::before{
    display:none;
  }
  .cases-gallery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .cases-gallery-section{
    padding:72px 0 84px;
  }
  .cases-gallery-head{
    margin-bottom:40px;
  }
  .cases-gallery-head h2{
    font-size:40px;
    line-height:1.25;
  }
  .cases-gallery-head p{
    font-size:17px;
    line-height:1.8;
  }
  .case-filter-bar{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-bottom:40px;
  }
  .case-filter{
    min-width:0;
    height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 14px;
    font-size:15px;
    line-height:1;
  }
  .case-gallery-grid{
    grid-template-columns:1fr;
    gap:34px;
  }
  .case-gallery-card figure{
    border-radius:16px;
  }
  .case-gallery-card h3{
    margin-top:18px;
    font-size:25px;
  }
  .case-gallery-card p{
    font-size:17px;
  }
  .case-pagination{
    gap:8px;
    margin-top:44px;
  }
  .case-pagination a,
  .case-pagination span{
    width:38px;
    height:38px;
    font-size:16px;
  }
}

/* 20260615f: case detail page */
.caseshow-page{
  background:#fff;
}
.caseshow-main{
  position:relative;
  overflow:hidden;
  background:#fff;
  isolation:isolate;
}
.caseshow-main::before,
.caseshow-main::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:clamp(780px,64vw,1060px);
  pointer-events:none;
}
.caseshow-main::before{
  z-index:0;
  background:
    radial-gradient(ellipse at 72% 58%,rgba(88,126,130,.22),rgba(88,126,130,.09) 28%,rgba(88,126,130,0) 56%),
    radial-gradient(ellipse at 52% 82%,rgba(255,255,255,.22),rgba(255,255,255,.08) 30%,rgba(255,255,255,0) 58%),
    linear-gradient(180deg,
      #252d2f 0%,
      #293234 10%,
      #303a3c 24%,
      #404b4d 42%,
      #5b6668 58%,
      #7f898b 71%,
      #aab2b4 82%,
      #d1d6d8 91%,
      #f1f3f4 97%,
      #fff 100%);
}
.caseshow-main::after{
  z-index:1;
  background:
    radial-gradient(circle at 1px 1px,rgba(255,255,255,.16) .9px,transparent 1.1px),
    radial-gradient(circle at 1px 1px,rgba(18,24,25,.08) .55px,transparent .9px),
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.08) 40%,rgba(255,255,255,.22) 72%,rgba(255,255,255,.62) 100%);
  background-size:19px 19px,31px 31px,100% 100%;
  background-position:0 0,13px 17px,0 0;
  opacity:.34;
  mix-blend-mode:soft-light;
  -webkit-backdrop-filter:blur(16px) saturate(105%);
  backdrop-filter:blur(16px) saturate(105%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.82),rgba(0,0,0,.66) 46%,rgba(0,0,0,.28) 78%,transparent 98%);
}
.caseshow-hero{
  position:relative;
  z-index:2;
  min-height:680px;
  display:grid;
  align-items:end;
  padding:clamp(150px,12vw,210px) 0 clamp(86px,8vw,126px);
  overflow:hidden;
  color:#fff;
  background:transparent;
  isolation:isolate;
}
.caseshow-hero::before{
  content:none;
}
.caseshow-hero::after{
  content:none;
}
.caseshow-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,380px);
  gap:clamp(42px,7vw,112px);
  align-items:start;
}
.caseshow-breadcrumb{
  margin:0 0 28px;
  color:rgba(255,255,255,.72);
  font-size:16px;
  font-weight:900;
}
.caseshow-copy h1{
  max-width:1050px;
  margin:0;
  color:#fff;
  font-size:clamp(42px,4.2vw,74px);
  line-height:1.16;
  font-weight:950;
  letter-spacing:0;
}
.caseshow-copy>p:not(.caseshow-breadcrumb){
  max-width:1080px;
  margin:30px 0 0;
  color:rgba(255,255,255,.88);
  font-size:20px;
  line-height:2;
  font-weight:650;
}
.caseshow-side{
  display:grid;
  gap:34px;
  padding-top:18px;
}
.caseshow-visit{
  position:relative;
  width:max-content;
  display:inline-flex;
  align-items:center;
  gap:14px;
  padding-bottom:18px;
  color:#fff;
  font-size:26px;
  font-weight:950;
}
.caseshow-visit::after{
  content:"";
  width:44px;
  height:1px;
  background:#fff;
  opacity:.68;
  transition:transform .25s ease;
}
.caseshow-visit:hover::after{
  transform:translateX(10px);
}
.caseshow-side dl{
  display:grid;
  gap:0;
  margin:0;
  border-top:1px solid rgba(255,255,255,.2);
}
.caseshow-side dl div{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:18px;
  padding:18px 0;
  border-bottom:1px solid rgba(255,255,255,.16);
}
.caseshow-side dt{
  color:rgba(255,255,255,.58);
  font-weight:900;
}
.caseshow-side dd{
  margin:0;
  color:rgba(255,255,255,.86);
  font-size:16px;
  line-height:1.7;
}
.caseshow-preview{
  position:relative;
  z-index:2;
  margin-top:-68px;
  padding-bottom:clamp(78px,7vw,116px);
  background:transparent;
}
.caseshow-browser{
  position:relative;
  z-index:2;
  margin:0;
  overflow:hidden;
  background:#fff;
  box-shadow:0 34px 110px rgba(15,23,42,.18);
}
.caseshow-browser-bar{
  min-height:64px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 26px;
  border-bottom:1px solid #e2e7ef;
  background:#fff;
}
.caseshow-browser-bar span{
  width:11px;
  height:11px;
  border-radius:50%;
  background:#d9dee7;
}
.caseshow-browser-bar span:nth-child(1){background:#dc6b87}
.caseshow-browser-bar span:nth-child(2){background:#e5b85b}
.caseshow-browser-bar span:nth-child(3){background:#5abf8f}
.caseshow-browser-bar b{
  margin-left:16px;
  color:#6b7280;
  font-size:14px;
  font-weight:800;
}
.caseshow-browser img{
  display:block;
  width:100%;
  min-height:clamp(520px,48vw,780px);
  max-height:980px;
  object-fit:cover;
  object-position:center top;
}
.caseshow-design{
  position:relative;
  z-index:2;
  padding:clamp(86px,8vw,128px) 0 clamp(110px,9vw,150px);
  background:#fff;
}
.caseshow-design-head{
  display:grid;
  grid-template-columns:160px minmax(0,1fr) minmax(320px,560px);
  gap:clamp(28px,5vw,72px);
  align-items:end;
  margin-bottom:54px;
  padding-bottom:32px;
  border-bottom:1px solid #dce4ed;
}
.caseshow-design-head span{
  color:#0b66c3;
  font-size:18px;
  font-weight:950;
}
.caseshow-design-head h2{
  margin:0;
  color:#111827;
  font-size:clamp(42px,4.2vw,72px);
  line-height:1.08;
  font-weight:950;
}
.caseshow-design-head p{
  margin:0;
  color:#647184;
  font-size:17px;
  line-height:1.9;
}
.caseshow-design-stack{
  display:grid;
  gap:34px;
}
.caseshow-design-stack figure{
  margin:0;
  overflow:hidden;
  background:#eef2f6;
}
.caseshow-design-stack img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .8s ease;
}
.caseshow-design-stack figure:hover img{
  transform:scale(1.04);
}
.caseshow-design-wide{
  height:clamp(420px,45vw,760px);
}
.caseshow-design-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:34px;
}
.caseshow-design-grid figure{
  aspect-ratio:1.28/1;
}
.caseshow-back{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:48px;
}
.caseshow-back a{
  min-height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 24px;
  color:#111827;
  background:#eef3f8;
  font-size:16px;
  font-weight:900;
  transition:background .25s ease,color .25s ease,transform .25s ease;
}
.caseshow-back a:hover{
  color:#fff;
  background:#0b66c3;
  transform:translateY(-2px);
}
@media(max-width:980px){
  .caseshow-hero{
    min-height:620px;
    padding:132px 0 92px;
  }
  .caseshow-hero-grid,
  .caseshow-design-head{
    grid-template-columns:1fr;
    gap:28px;
  }
  .caseshow-copy h1{
    font-size:42px;
  }
  .caseshow-copy>p:not(.caseshow-breadcrumb){
    font-size:17px;
    line-height:1.85;
  }
  .caseshow-preview{
    margin-top:-42px;
  }
  .caseshow-browser img{
    min-height:420px;
  }
  .caseshow-design-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:640px){
  .caseshow-hero{
    min-height:560px;
    padding:116px 0 74px;
  }
  .caseshow-copy h1{
    font-size:34px;
    line-height:1.22;
  }
  .caseshow-side dl div{
    grid-template-columns:1fr;
    gap:6px;
  }
  .caseshow-visit{
    font-size:22px;
  }
  .caseshow-browser-bar{
    min-height:52px;
    padding:0 16px;
  }
  .caseshow-browser-bar b{
    max-width:220px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .caseshow-browser img{
    min-height:300px;
  }
  .caseshow-design{
    padding:72px 0 86px;
  }
  .caseshow-design-head h2{
    font-size:34px;
  }
  .caseshow-design-head p{
    font-size:16px;
  }
  .caseshow-design-stack{
    gap:20px;
  }
  .caseshow-design-wide{
    height:280px;
  }
  .caseshow-back{
    display:grid;
  }
}

/* 20260615g: news list page */
.news-page{
  background:#f5f7f8;
}
.inner-page.news-page .news-hero{
  min-height:clamp(430px,42vw,580px);
  background:#07111d;
}
.inner-page.news-page .news-hero::before{
  background:
    linear-gradient(90deg,rgba(6,14,24,.92),rgba(6,14,24,.66) 52%,rgba(6,14,24,.88)),
    url("../images/bm-style-geo-hero-opt.webp") center/cover no-repeat;
}
.news-list-main{
  overflow:hidden;
  background:#f5f7f8;
}
.news-list-section{
  padding:clamp(84px,8vw,132px) 0 clamp(96px,8vw,146px);
}
.news-list-section .container{
  max-width:1600px;
}
.news-list-head{
  display:grid;
  grid-template-columns:minmax(420px,.52fr) minmax(360px,.48fr);
  gap:clamp(48px,7vw,108px);
  align-items:center;
  position:relative;
  margin-bottom:clamp(62px,6vw,92px);
  padding-bottom:0;
  border-bottom:0;
}
.news-list-head::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:1px;
  height:104px;
  background:#d9dde5;
  transform:translate(-50%,-50%);
}
.news-list-head::after{
  content:"";
  position:absolute;
  left:32px;
  top:-38px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#d65b9b;
  opacity:.72;
}
.news-list-head h2{
  margin:0;
  color:#333;
  font-size:clamp(52px,5.1vw,92px);
  line-height:1.22;
  font-weight:950;
  letter-spacing:0;
}
.news-list-head p{
  margin:0;
  color:#6a6d73;
  font-size:clamp(22px,1.8vw,32px);
  line-height:1.8;
  font-weight:500;
}
.news-subnav{
  display:flex;
  flex-wrap:wrap;
  gap:clamp(16px,2vw,40px);
  margin-bottom:clamp(54px,5.8vw,86px);
}
.news-subnav a{
  min-width:clamp(132px,8.8vw,184px);
  height:64px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 30px;
  color:#686b72;
  border:1px solid #e1e3e8;
  border-radius:999px;
  background:#fff;
  font-size:20px;
  font-weight:900;
  box-shadow:0 10px 30px rgba(15,23,42,.035);
  transition:background .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease,transform .24s ease;
}
.news-subnav a:hover{
  color:#d55296;
  border-color:#efc7db;
  transform:translateY(-2px);
}
.news-subnav a.is-active{
  color:#fff;
  border-color:#d75d9c;
  background:linear-gradient(135deg,#d55f9e,#dd6d80);
  box-shadow:0 18px 38px rgba(213,95,158,.24);
}
.news-clean-list{
  border-top:1px solid #d7dee6;
}
.news-clean-item{
  position:relative;
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:clamp(32px,6vw,86px);
  padding:clamp(36px,4.2vw,56px) 30px;
  border-bottom:1px solid #d7dee6;
  color:inherit;
  overflow:hidden;
  align-items:center;
}
.news-clean-item::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(255,255,255,.55));
  opacity:0;
  transform:scaleX(.98);
  transform-origin:left center;
  transition:opacity .25s ease,transform .35s ease;
}
.news-clean-item::after{
  content:"";
  position:absolute;
  left:250px;
  bottom:-1px;
  width:0;
  height:1px;
  background:#0b66c3;
  transition:width .38s ease;
}
.news-clean-item:hover::before{
  opacity:1;
  transform:scaleX(1);
}
.news-clean-item:hover::after{
  width:calc(100% - 280px);
}
.news-clean-item time,
.news-clean-item div{
  position:relative;
  z-index:1;
}
.news-clean-item time{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:22px;
  padding-top:0;
  color:#8b95a1;
  font-size:clamp(21px,1.8vw,26px);
  line-height:1.2;
  font-weight:900;
  letter-spacing:0;
}
.news-clean-item h3{
  max-width:900px;
  margin:0;
  color:#111827;
  font-size:clamp(30px,3vw,48px);
  line-height:1.18;
  font-weight:950;
  letter-spacing:0;
  transition:color .25s ease,transform .35s ease;
}
.news-clean-item p{
  max-width:820px;
  margin:22px 0 0;
  color:#687384;
  font-size:clamp(17px,1.28vw,20px);
  line-height:1.85;
  font-weight:600;
  transition:color .25s ease,transform .35s ease;
}
.news-clean-item:hover h3,
.news-clean-item:hover p{
  transform:translateX(8px);
}
.news-clean-item:hover h3{
  color:#0b66c3;
}
.news-pagination{
  margin-top:clamp(52px,5vw,78px);
}
@media(max-width:980px){
  .news-list-section .container{
    max-width:1600px;
  }
  .news-list-head{
    grid-template-columns:1fr;
    gap:28px;
  }
  .news-list-head::before,
  .news-list-head::after{
    display:none;
  }
  .news-clean-item{
    grid-template-columns:150px minmax(0,1fr);
    gap:24px;
    padding-inline:20px;
  }
  .news-clean-item::after{
    left:170px;
  }
  .news-clean-item:hover::after{
    width:calc(100% - 190px);
  }
  .news-clean-item time{
    gap:14px;
  }
}
@media(max-width:640px){
  .inner-page.news-page .news-hero{
    min-height:430px;
  }
  .news-list-section{
    padding:66px 0 84px;
  }
  .news-list-head{
    margin-bottom:40px;
  }
  .news-list-head h2{
    font-size:40px;
    line-height:1.25;
  }
  .news-list-head p{
    font-size:17px;
    line-height:1.8;
  }
  .news-subnav{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-bottom:40px;
  }
  .news-subnav a{
    min-width:0;
    height:48px;
    padding:0 16px;
    font-size:15px;
  }
  .news-clean-item{
    grid-template-columns:1fr;
    gap:14px;
    padding:26px 16px;
  }
  .news-clean-item::after{
    left:0;
  }
  .news-clean-item:hover::after{
    width:100%;
  }
  .news-clean-item time{
    padding-top:0;
    gap:12px;
    font-size:17px;
  }
  .news-clean-item h3{
    font-size:27px;
    line-height:1.28;
  }
  .news-clean-item p{
    margin-top:14px;
    font-size:16px;
    line-height:1.75;
  }
  .news-clean-item:hover h3,
  .news-clean-item:hover p{
    transform:none;
  }
}

/* 20260624b: news detail page */
.newshow-page{
  background:#fff;
}
.news-detail-main{
  overflow:hidden;
  background:#fff;
}
.news-detail-article{
  position:relative;
  padding:clamp(92px,8vw,148px) 0 clamp(92px,8vw,138px);
  background:linear-gradient(180deg,#f7f8f8 0%,#f8f9fa 44%,#fff 82%,#fff 100%);
}
.news-detail-shell{
  width:min(calc(100% - 80px),1280px);
  margin:0 auto;
  position:relative;
}
.news-detail-breadcrumb{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  color:#8a9099;
  font-size:18px;
  line-height:1.5;
  font-weight:500;
}
.news-detail-breadcrumb a{
  color:#7f8792;
}
.news-detail-breadcrumb a:hover{
  color:#d55f9e;
}
.news-detail-breadcrumb span{
  color:#b8bec7;
}
.news-detail-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) 96px;
  gap:clamp(42px,7vw,110px);
  align-items:center;
  margin-top:clamp(44px,4vw,64px);
  margin-bottom:clamp(82px,8vw,132px);
}
.news-detail-head h1{
  max-width:1040px;
  margin:0 0 24px;
  color:#3c3c3f;
  font-size:clamp(36px,3.5vw,56px);
  line-height:1.28;
  font-weight:500;
  letter-spacing:0;
}
.news-detail-head time{
  color:#9aa0a8;
  font-size:clamp(22px,1.6vw,30px);
  line-height:1.2;
  font-weight:500;
}
.news-detail-back{
  width:88px;
  height:88px;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  color:#fff;
  background:#cf5d9d;
  font-size:17px;
  line-height:1.2;
  font-weight:700;
  box-shadow:0 18px 42px rgba(207,93,157,.2);
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}
.news-detail-back span{
  font-size:28px;
  line-height:1;
  font-weight:800;
}
.news-detail-back:hover{
  color:#fff;
  background:#d96aa8;
  transform:translateY(-3px);
  box-shadow:0 24px 48px rgba(207,93,157,.28);
}
.news-article-body{
  max-width:1180px;
  color:#777b82;
  font-size:clamp(18px,1.45vw,25px);
  line-height:1.85;
  font-weight:400;
  letter-spacing:0;
}
.news-article-body p{
  margin:0 0 clamp(30px,3vw,48px);
}
.news-article-body h2{
  margin:clamp(44px,4.8vw,72px) 0 clamp(18px,2.1vw,28px);
  color:#d5671d;
  font-size:clamp(21px,1.65vw,26px);
  line-height:1.45;
  font-weight:900;
  letter-spacing:0;
}
.news-article-points{
  display:grid;
  gap:14px;
  margin:0 0 clamp(36px,4vw,58px);
  padding:0;
  list-style:none;
}
.news-article-points li{
  position:relative;
  padding-left:28px;
}
.news-article-points li::before{
  content:"";
  position:absolute;
  left:0;
  top:.8em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#d65b9b;
}
.news-article-points strong{
  color:#555b64;
  font-weight:900;
}
.news-article-image{
  width:min(720px,78%);
  margin:clamp(46px,5vw,74px) auto clamp(60px,7vw,100px);
}
.news-article-image img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:30px;
  box-shadow:0 28px 70px rgba(15,23,42,.14);
}
.news-detail-pager{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  margin-top:clamp(80px,8vw,128px);
  padding-top:clamp(34px,4vw,54px);
  border-top:1px solid #d8dde4;
}
.news-detail-pager:not(:has(a)){
  display:none;
}
.news-detail-pager .pager-prev:not(:has(a)),
.news-detail-pager .pager-next:not(:has(a)){
  display:none;
}
.news-detail-pager .pager-next{
  margin-left:auto;
  text-align:right;
}
.news-detail-pager a{
  color:#45484d;
  font-size:18px;
  line-height:1.2;
  font-weight:700;
  transition:color .22s ease,transform .22s ease;
}
.news-detail-pager a:hover{
  color:#d55f9e;
}
.news-detail-pager .pager-prev a:hover{
  transform:translateX(-4px);
}
.news-detail-pager .pager-next a:hover{
  transform:translateX(4px);
}
.news-detail-pager .pager-prev a::before{
  content:"← 上一篇：";
  font-weight:400;
}
.news-detail-pager .pager-next a::after{
  content:"：下一篇 →";
  font-weight:400;
}
.news-detail-pager span span{
  font-weight:400;
}
@media(max-width:980px){
  .news-detail-article{
    padding-top:96px;
  }
  .news-detail-shell{
    width:min(calc(100% - 44px),1280px);
  }
  .news-detail-head{
    grid-template-columns:1fr;
    gap:28px;
    margin-bottom:58px;
  }
  .news-detail-back{
    width:76px;
    height:76px;
    justify-self:start;
    font-size:15px;
  }
  .news-article-body{
    font-size:18px;
    line-height:1.85;
  }
  .news-article-image{
    width:min(680px,100%);
  }
}
@media(max-width:640px){
  .news-detail-article{
    padding:72px 0 76px;
  }
  .news-detail-shell{
    width:calc(100% - 32px);
  }
  .news-detail-breadcrumb{
    gap:8px;
    font-size:14px;
  }
  .news-detail-head{
    margin-top:28px;
    margin-bottom:44px;
  }
  .news-detail-head h1{
    margin-bottom:16px;
    font-size:28px;
    line-height:1.32;
  }
  .news-detail-head time{
    font-size:18px;
  }
  .news-detail-back{
    width:64px;
    height:64px;
    gap:2px;
    font-size:13px;
  }
  .news-detail-back span{
    font-size:22px;
  }
  .news-article-body{
    font-size:15px;
    line-height:1.9;
  }
  .news-article-body p{
    margin-bottom:24px;
  }
  .news-article-body h2{
    margin-top:38px;
    font-size:18px;
  }
  .news-article-points li{
    padding-left:20px;
  }
  .news-article-points li::before{
    top:.75em;
    width:6px;
    height:6px;
  }
  .news-article-image{
    margin:36px 0 52px;
  }
  .news-article-image img{
    border-radius:18px;
  }
  .news-detail-pager{
    margin-top:58px;
    padding-top:28px;
  }
  .news-detail-pager a{
    font-size:18px;
  }
}

/* 20260624k: list pages without top banner */
.cases-page .cases-list-section{
  padding-top:clamp(112px,9vw,150px);
}
.news-page:not(.newshow-page) .news-list-section{
  padding-top:clamp(108px,8.6vw,144px);
}
@media(max-width:980px){
  .cases-page .cases-list-section{
    padding-top:92px;
  }
  .news-page:not(.newshow-page) .news-list-section{
    padding-top:86px;
  }
}
@media(max-width:640px){
  .cases-page .cases-list-section{
    padding-top:72px;
  }
  .news-page:not(.newshow-page) .news-list-section{
    padding-top:68px;
  }
}

/* 20260624l: remove capsule background from top navigation states */
.bomin-header nav>a,
.bomin-header .nav-item>a,
.bomin-header nav>a:hover,
.bomin-header .nav-item:hover>a,
.bomin-header nav>a.active,
.bomin-header .nav-item>a.active,
.bomin-header nav>a[aria-current],
.bomin-header .nav-item>a[aria-current]{
  background:transparent!important;
  box-shadow:none!important;
}
.bomin-header nav>a.active,
.bomin-header .nav-item>a.active,
.bomin-header nav>a[aria-current],
.bomin-header .nav-item>a[aria-current]{
  color:#0b66c3!important;
}

/* 20260625geo: GEO optimization special page */
.bsbgeo-special-page{
  background:#f3f6fa;
}
.bsbgeo-special{
  --bsbgeo-dark:#07111d;
  --bsbgeo-ink:#101828;
  --bsbgeo-muted:#667085;
  --bsbgeo-line:rgba(16,24,40,.12);
  --bsbgeo-blue:#0b66c3;
  --bsbgeo-cyan:#16b8c5;
  overflow:hidden;
  color:var(--bsbgeo-ink);
  background:#f3f6fa;
}
.bsbgeo-special .container{
  width:min(calc(100% - var(--pad) * 2),1600px);
}
.bsbgeo-hero-pro{
  position:relative;
  min-height:clamp(760px,calc(100vh - 132px),980px);
  display:grid;
  align-content:end;
  overflow:hidden;
  color:#fff;
  background:#050b13;
  isolation:isolate;
}
.bsbgeo-hero-bg{
  position:absolute;
  inset:-7%;
  z-index:-3;
  transform:scale(1.06);
  will-change:transform;
}
.bsbgeo-hero-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.95) contrast(1.06) brightness(.72);
}
.bsbgeo-hero-pro::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 74% 32%,rgba(22,184,197,.24),transparent 28%),
    linear-gradient(90deg,rgba(3,8,15,.94) 0%,rgba(5,13,23,.72) 45%,rgba(5,13,23,.24) 100%),
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(3,8,15,.86));
}
.bsbgeo-hero-pro::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.052) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 86%);
  opacity:.6;
}
.bsbgeo-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.62fr);
  gap:clamp(44px,6vw,112px);
  align-items:end;
  padding:clamp(110px,10vw,170px) 0 clamp(44px,5.5vw,88px);
}
.bsbgeo-kicker{
  display:inline-flex;
  align-items:center;
  gap:14px;
  margin:0 0 24px;
  color:#bdeff4;
  font-size:18px;
  line-height:1;
  font-weight:900;
}
.bsbgeo-kicker::before{
  content:"";
  width:52px;
  height:1px;
  background:linear-gradient(90deg,#fff,rgba(255,255,255,.08));
}
.bsbgeo-hero-copy h1{
  max-width:980px;
  margin:0;
  color:#fff;
  font-size:clamp(68px,7.8vw,132px);
  line-height:.96;
  font-weight:900;
  letter-spacing:0;
}
.bsbgeo-lead{
  max-width:900px;
  margin:32px 0 0;
  color:rgba(255,255,255,.82);
  font-size:clamp(18px,1.38vw,24px);
  line-height:1.9;
  font-weight:500;
}
.bsbgeo-actions{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin-top:42px;
}
.bsbgeo-btn{
  min-width:172px;
  min-height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 24px;
  border:1px solid rgba(255,255,255,.26);
  color:#fff;
  font-size:16px;
  font-weight:900;
  transition:transform .25s ease,background .25s ease,border-color .25s ease,color .25s ease;
}
.bsbgeo-btn.primary{
  border-color:#fff;
  background:#fff;
  color:#07111d;
}
.bsbgeo-btn:hover{
  transform:translateY(-3px);
}
.bsbgeo-btn.ghost:hover{
  background:rgba(255,255,255,.12);
  color:#fff;
}
.bsbgeo-answer-card{
  position:relative;
  align-self:end;
  padding:28px;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(6,16,28,.62);
  box-shadow:0 32px 90px rgba(0,0,0,.28);
  backdrop-filter:blur(18px);
}
.bsbgeo-hero-pro .bsbgeo-motion{
  animation:none;
}
.bsbgeo-hero-copy .bsbgeo-motion:nth-child(2){animation-delay:.08s}
.bsbgeo-hero-copy .bsbgeo-motion:nth-child(3){animation-delay:.16s}
.bsbgeo-hero-copy .bsbgeo-motion:nth-child(4){animation-delay:.24s}
.bsbgeo-answer-card.bsbgeo-motion{animation-delay:.28s}
@keyframes geoHeroLift{
  from{transform:translateY(26px)}
  to{transform:translateY(0)}
}
.bsbgeo-answer-card::before{
  content:"";
  position:absolute;
  inset:14px;
  border:1px solid rgba(255,255,255,.08);
  pointer-events:none;
}
.bsbgeo-card-top{
  position:relative;
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:24px;
}
.bsbgeo-card-top span{
  width:8px;
  height:8px;
  border-radius:50%;
  background:rgba(255,255,255,.42);
}
.bsbgeo-card-top b{
  margin-left:auto;
  color:rgba(255,255,255,.64);
  font-size:13px;
  font-weight:800;
}
.bsbgeo-question{
  margin:0 0 18px;
  color:#fff;
  font-size:18px;
  line-height:1.65;
  font-weight:800;
}
.bsbgeo-answer-lines{
  display:grid;
  gap:10px;
  margin:20px 0;
}
.bsbgeo-answer-lines i{
  display:block;
  height:9px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(255,255,255,.34),rgba(22,184,197,.2),rgba(255,255,255,.1));
  background-size:220% 100%;
  animation:geoLineMove 2.8s ease-in-out infinite;
}
.bsbgeo-answer-lines i:nth-child(2){width:82%;animation-delay:.16s}
.bsbgeo-answer-lines i:nth-child(3){width:58%;animation-delay:.32s}
@keyframes geoLineMove{
  0%,100%{background-position:0 0}
  50%{background-position:100% 0}
}
.bsbgeo-answer-text{
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:15px;
  line-height:1.85;
}
.bsbgeo-platform-mini{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:24px;
}
.bsbgeo-platform-mini span{
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.18);
  color:#d7faff;
  font-size:12px;
  font-weight:850;
}
.bsbgeo-hero-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-bottom:clamp(34px,4vw,62px);
  border-top:1px solid rgba(255,255,255,.2);
  border-bottom:1px solid rgba(255,255,255,.14);
}
.bsbgeo-hero-stats div{
  min-height:112px;
  display:grid;
  align-content:center;
  gap:8px;
  padding:20px 30px;
  border-right:1px solid rgba(255,255,255,.12);
}
.bsbgeo-hero-stats div:first-child{padding-left:0}
.bsbgeo-hero-stats div:last-child{border-right:0}
.bsbgeo-hero-stats b{
  color:#fff;
  font-size:clamp(28px,2.4vw,44px);
  line-height:1;
  font-weight:900;
}
.bsbgeo-hero-stats span{
  color:rgba(255,255,255,.66);
  font-size:14px;
  line-height:1.45;
  font-weight:800;
}
.bsbgeo-pain-section,
.bsbgeo-compare-section,
.bsbgeo-method-section,
.bsbgeo-platform-section,
.bsbgeo-longtail-section,
.bsbgeo-flow-section,
.bsbgeo-scene-section,
.bsbgeo-package-section,
.bsbgeo-proof-section,
.bsbgeo-faq-section{
  position:relative;
  padding:clamp(92px,8vw,146px) 0;
}
.bsbgeo-section-head{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:clamp(28px,4vw,70px);
  align-items:start;
  margin-bottom:clamp(44px,5.5vw,82px);
}
.bsbgeo-section-head span,
.bsbgeo-compare-copy span,
.bsbgeo-platform-copy span,
.bsbgeo-longtail-copy span,
.bsbgeo-scene-copy span,
.bsbgeo-proof-copy span{
  display:block;
  color:var(--bsbgeo-blue);
  font-size:18px;
  line-height:1.2;
  font-weight:950;
}
.bsbgeo-section-head h2,
.bsbgeo-compare-copy h2,
.bsbgeo-platform-copy h2,
.bsbgeo-longtail-copy h2,
.bsbgeo-scene-copy h2,
.bsbgeo-proof-copy h2{
  margin:0;
  color:#111827;
  font-size:clamp(42px,4.2vw,74px);
  line-height:1.08;
  font-weight:900;
  letter-spacing:0;
}
.bsbgeo-section-head p{
  grid-column:2;
  max-width:1020px;
  margin:-36px 0 0;
  color:var(--bsbgeo-muted);
  font-size:18px;
  line-height:1.9;
}
.bsbgeo-pain-section{
  background:#fff;
}
.bsbgeo-pain-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  background:var(--bsbgeo-line);
  border:1px solid var(--bsbgeo-line);
}
.bsbgeo-pain-card{
  min-height:330px;
  padding:clamp(28px,3vw,48px);
  background:#fff;
  transition:transform .3s ease,background .3s ease,box-shadow .3s ease;
}
.bsbgeo-pain-card:hover{
  z-index:2;
  transform:translateY(-10px);
  background:#f8fbff;
  box-shadow:0 30px 80px rgba(15,23,42,.12);
}
.bsbgeo-pain-card em{
  display:block;
  color:#b6c1cc;
  font-style:normal;
  font-size:16px;
  font-weight:950;
}
.bsbgeo-pain-card h3{
  margin:86px 0 18px;
  color:#101828;
  font-size:clamp(26px,2.3vw,40px);
  line-height:1.15;
}
.bsbgeo-pain-card p{
  margin:0;
  color:var(--bsbgeo-muted);
  font-size:17px;
  line-height:1.85;
}
.bsbgeo-compare-section{
  background:#eef3f8;
}
.bsbgeo-compare-grid{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(520px,1fr);
  gap:clamp(44px,6vw,104px);
  align-items:center;
}
.bsbgeo-compare-copy p,
.bsbgeo-platform-copy p,
.bsbgeo-longtail-copy p,
.bsbgeo-scene-copy p,
.bsbgeo-proof-copy p{
  margin:26px 0 0;
  color:var(--bsbgeo-muted);
  font-size:18px;
  line-height:1.9;
}
.bsbgeo-compare-panels{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.bsbgeo-compare-panels article{
  min-height:370px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:34px;
  background:#fff;
  border:1px solid rgba(16,24,40,.08);
  box-shadow:0 24px 70px rgba(15,23,42,.07);
}
.bsbgeo-compare-panels article.is-geo{
  color:#fff;
  background:
    linear-gradient(145deg,rgba(11,102,195,.94),rgba(13,29,48,.98)),
    url("../images/hero-new-geo-opt.webp") center/cover no-repeat;
}
.bsbgeo-compare-panels b{
  color:#7d8794;
  font-size:14px;
  font-weight:950;
}
.bsbgeo-compare-panels .is-geo b{color:#baf4ff}
.bsbgeo-compare-panels h3{
  margin:20px 0 18px;
  font-size:clamp(28px,2.8vw,48px);
  line-height:1.08;
}
.bsbgeo-compare-panels p{
  margin:0;
  color:#667085;
  font-size:16px;
  line-height:1.78;
}
.bsbgeo-compare-panels .is-geo p{color:rgba(255,255,255,.76)}
.bsbgeo-method-section{
  background:#07111d;
  color:#fff;
}
.bsbgeo-method-section .bsbgeo-section-head h2{color:#fff}
.bsbgeo-method-section .bsbgeo-section-head span{color:#85e9f4}
.bsbgeo-method-line{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
}
.bsbgeo-method-line::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:46px;
  height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(22,184,197,.55),rgba(255,255,255,.1));
}
.bsbgeo-method-card{
  position:relative;
  min-height:380px;
  padding:82px 34px 36px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.045);
  overflow:hidden;
}
.bsbgeo-method-card::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:4px;
  background:linear-gradient(90deg,#16b8c5,#fff);
  transform:scaleX(.22);
  transform-origin:left center;
  transition:transform .35s ease;
}
.bsbgeo-method-card:hover::after{transform:scaleX(1)}
.bsbgeo-method-card b{
  position:absolute;
  left:34px;
  top:28px;
  color:#86eef7;
  font-size:20px;
}
.bsbgeo-method-card h3{
  margin:0 0 26px;
  color:#fff;
  font-size:clamp(28px,2.6vw,48px);
  line-height:1.12;
}
.bsbgeo-method-card p{
  margin:0;
  color:rgba(255,255,255,.7);
  font-size:17px;
  line-height:1.85;
}
.bsbgeo-platform-section{
  background:#fff;
}
.bsbgeo-platform-grid{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(620px,1fr);
  gap:clamp(42px,5vw,92px);
  align-items:center;
}
.bsbgeo-platform-cloud{
  min-height:500px;
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-content:center;
  justify-content:center;
  gap:18px;
  padding:42px;
  background:
    radial-gradient(circle at 50% 50%,rgba(11,102,195,.1),transparent 52%),
    #f7fbff;
  border:1px solid rgba(16,24,40,.08);
}
.bsbgeo-platform-cloud::before{
  content:"";
  position:absolute;
  inset:28px;
  border:1px solid rgba(11,102,195,.12);
  pointer-events:none;
}
.bsbgeo-platform-cloud span{
  position:relative;
  z-index:1;
  min-width:150px;
  min-height:64px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 22px;
  border:1px solid rgba(11,102,195,.16);
  background:#fff;
  color:#122033;
  font-size:18px;
  font-weight:950;
  box-shadow:0 20px 45px rgba(15,23,42,.06);
  transition:transform .28s ease,box-shadow .28s ease,color .28s ease;
}
.bsbgeo-platform-cloud span:hover{
  transform:translateY(-8px);
  color:var(--bsbgeo-blue);
  box-shadow:0 28px 60px rgba(11,102,195,.16);
}
.bsbgeo-longtail-section{
  background:#f3f6fa;
}
.bsbgeo-longtail-grid,
.bsbgeo-scene-grid,
.bsbgeo-proof-grid{
  display:grid;
  grid-template-columns:minmax(420px,.9fr) minmax(0,1fr);
  gap:clamp(44px,6vw,100px);
  align-items:center;
}
.bsbgeo-longtail-visual,
.bsbgeo-scene-image{
  margin:0;
  overflow:hidden;
  background:#d8e2ec;
  box-shadow:0 32px 90px rgba(15,23,42,.12);
}
.bsbgeo-longtail-visual img,
.bsbgeo-scene-image img{
  display:block;
  width:100%;
  height:clamp(420px,46vw,680px);
  object-fit:cover;
  transform:scale(1.06);
  transition:transform .7s ease;
}
.bsbgeo-longtail-visual:hover img,
.bsbgeo-scene-image:hover img{transform:scale(1.1)}
.bsbgeo-longtail-copy ul{
  display:grid;
  gap:14px;
  margin:34px 0 0;
  padding:0;
  list-style:none;
}
.bsbgeo-longtail-copy li{
  position:relative;
  padding:18px 20px 18px 48px;
  background:#fff;
  color:#233043;
  font-size:17px;
  font-weight:850;
  box-shadow:0 18px 42px rgba(15,23,42,.055);
}
.bsbgeo-longtail-copy li::before{
  content:"";
  position:absolute;
  left:20px;
  top:50%;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--bsbgeo-blue);
  transform:translateY(-50%);
}
.bsbgeo-flow-section{
  background:#fff;
}
.bsbgeo-flow-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:1px;
  background:rgba(16,24,40,.1);
  border:1px solid rgba(16,24,40,.1);
}
.bsbgeo-flow-card{
  min-height:340px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:30px;
  background:#fff;
}
.bsbgeo-flow-card b{
  color:#b0bbc8;
  font-size:18px;
  font-weight:950;
}
.bsbgeo-flow-card h3{
  margin:auto 0 18px;
  color:#101828;
  font-size:clamp(24px,2vw,34px);
  line-height:1.16;
}
.bsbgeo-flow-card p{
  margin:0;
  color:var(--bsbgeo-muted);
  font-size:15px;
  line-height:1.75;
}
.bsbgeo-scene-section{
  color:#fff;
  background:#08111f;
}
.bsbgeo-scene-copy h2,
.bsbgeo-scene-copy p{color:#fff}
.bsbgeo-scene-copy p{color:rgba(255,255,255,.72)}
.bsbgeo-scene-copy span{color:#86eef7}
.bsbgeo-scene-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:34px;
}
.bsbgeo-scene-tags span{
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.18);
  color:#e9fbff;
  font-size:14px;
  font-weight:850;
}
.bsbgeo-package-section{
  background:#f3f6fa;
}
.bsbgeo-package-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.bsbgeo-package-card{
  position:relative;
  min-height:430px;
  display:flex;
  flex-direction:column;
  padding:38px;
  border:1px solid rgba(16,24,40,.1);
  background:#fff;
  box-shadow:0 24px 70px rgba(15,23,42,.06);
  transition:transform .28s ease,box-shadow .28s ease;
}
.bsbgeo-package-card:hover{
  transform:translateY(-8px);
  box-shadow:0 34px 86px rgba(15,23,42,.12);
}
.bsbgeo-package-card.featured{
  color:#fff;
  border-color:#0b66c3;
  background:linear-gradient(145deg,#0b66c3,#07111d);
}
.bsbgeo-package-card h3{
  margin:0 0 40px;
  font-size:26px;
}
.bsbgeo-package-card strong{
  color:#111827;
  font-size:clamp(44px,4vw,66px);
  line-height:1;
  font-weight:950;
}
.bsbgeo-package-card.featured strong,
.bsbgeo-package-card.featured h3{color:#fff}
.bsbgeo-package-card strong span{
  font-size:18px;
}
.bsbgeo-package-card p{
  margin:28px 0 42px;
  color:var(--bsbgeo-muted);
  font-size:17px;
  line-height:1.8;
}
.bsbgeo-package-card.featured p{color:rgba(255,255,255,.74)}
.bsbgeo-package-card a{
  margin-top:auto;
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #101828;
  color:#101828;
  font-size:15px;
  font-weight:950;
}
.bsbgeo-package-card.featured a{
  border-color:#fff;
  color:#fff;
}
.bsbgeo-proof-section{
  background:#fff;
}
.bsbgeo-proof-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.bsbgeo-proof-list span{
  min-height:92px;
  display:flex;
  align-items:center;
  padding:18px 22px;
  background:#f7fbff;
  border:1px solid rgba(16,24,40,.08);
  color:#243043;
  font-size:16px;
  line-height:1.55;
  font-weight:850;
}
.bsbgeo-faq-section{
  background:#eef3f8;
}
.bsbgeo-faq-grid{
  display:grid;
  grid-template-columns:minmax(320px,.56fr) minmax(0,1fr);
  gap:clamp(36px,5vw,86px);
  align-items:start;
}
.bsbgeo-faq-grid .bsbgeo-section-head{
  display:block;
  margin:0;
}
.bsbgeo-faq-grid .bsbgeo-section-head h2{
  margin-top:18px;
}
.bsbgeo-faq-list{
  display:grid;
  gap:14px;
}
.bsbgeo-faq-list details{
  background:#fff;
  border:1px solid rgba(16,24,40,.08);
  box-shadow:0 20px 55px rgba(15,23,42,.055);
}
.bsbgeo-faq-list summary{
  position:relative;
  cursor:pointer;
  padding:28px 70px 28px 28px;
  color:#101828;
  font-size:20px;
  line-height:1.4;
  font-weight:900;
  list-style:none;
}
.bsbgeo-faq-list summary::-webkit-details-marker{display:none}
.bsbgeo-faq-list summary::after{
  content:"+";
  position:absolute;
  right:28px;
  top:50%;
  color:var(--bsbgeo-blue);
  font-size:28px;
  font-weight:300;
  transform:translateY(-50%);
}
.bsbgeo-faq-list details[open] summary::after{content:"-"}
.bsbgeo-faq-list p{
  margin:0;
  padding:0 28px 30px;
  color:var(--bsbgeo-muted);
  font-size:16px;
  line-height:1.85;
}
.bsbgeo-final-cta{
  padding:clamp(92px,9vw,158px) 0;
  color:#fff;
  background:
    linear-gradient(120deg,rgba(6,17,29,.96),rgba(7,17,29,.74)),
    url("../images/bm-style-industrial-hero-opt.webp") center/cover no-repeat;
}
.bsbgeo-final-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:40px;
  align-items:end;
}
.bsbgeo-final-inner span{
  display:block;
  margin-bottom:20px;
  color:#9debf4;
  font-size:18px;
  font-weight:900;
}
.bsbgeo-final-inner h2{
  max-width:980px;
  margin:0;
  color:#fff;
  font-size:clamp(42px,4.8vw,82px);
  line-height:1.08;
}
.bsbgeo-final-inner a{
  min-height:58px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 28px;
  border:1px solid #fff;
  color:#07111d;
  background:#fff;
  font-size:16px;
  font-weight:950;
}
@media(max-width:1180px){
  .bsbgeo-hero-grid,
  .bsbgeo-compare-grid,
  .bsbgeo-platform-grid,
  .bsbgeo-longtail-grid,
  .bsbgeo-scene-grid,
  .bsbgeo-proof-grid,
  .bsbgeo-faq-grid{
    grid-template-columns:1fr;
  }
  .bsbgeo-answer-card{
    max-width:680px;
  }
  .bsbgeo-section-head{
    grid-template-columns:1fr;
  }
  .bsbgeo-section-head p{
    grid-column:auto;
    margin:0;
  }
  .bsbgeo-flow-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:980px){
  .bsbgeo-hero-pro{
    min-height:auto;
  }
  .bsbgeo-hero-grid{
    padding:92px 0 34px;
  }
  .bsbgeo-hero-copy h1{
    font-size:clamp(50px,13vw,86px);
  }
  .bsbgeo-lead{
    font-size:17px;
  }
  .bsbgeo-answer-card{
    padding:24px;
  }
  .bsbgeo-hero-stats,
  .bsbgeo-pain-grid,
  .bsbgeo-method-line,
  .bsbgeo-package-grid,
  .bsbgeo-proof-list{
    grid-template-columns:1fr 1fr;
  }
  .bsbgeo-hero-stats div{
    min-height:98px;
    padding:18px 20px;
  }
  .bsbgeo-hero-stats div:nth-child(2){
    border-right:0;
  }
  .bsbgeo-hero-stats div:first-child{
    padding-left:20px;
  }
  .bsbgeo-method-line::before{
    display:none;
  }
  .bsbgeo-platform-grid{
    gap:34px;
  }
  .bsbgeo-platform-cloud{
    min-height:auto;
    padding:28px;
  }
  .bsbgeo-platform-cloud span{
    min-width:132px;
    min-height:56px;
    font-size:16px;
  }
  .bsbgeo-flow-grid{
    grid-template-columns:1fr 1fr;
  }
  .bsbgeo-final-inner{
    grid-template-columns:1fr;
    align-items:start;
  }
}
@media(max-width:640px){
  .bsbgeo-special .container{
    width:calc(100% - 32px);
  }
  .bsbgeo-hero-grid{
    padding:74px 0 28px;
    gap:30px;
  }
  .bsbgeo-kicker{
    margin-bottom:18px;
    font-size:15px;
  }
  .bsbgeo-kicker::before{
    width:34px;
  }
  .bsbgeo-hero-copy h1{
    font-size:48px;
    line-height:1.02;
  }
  .bsbgeo-lead{
    margin-top:22px;
    font-size:15px;
    line-height:1.82;
  }
  .bsbgeo-actions{
    gap:10px;
    margin-top:28px;
  }
  .bsbgeo-btn{
    width:100%;
    min-height:50px;
  }
  .bsbgeo-answer-card{
    padding:20px;
  }
  .bsbgeo-question{
    font-size:16px;
  }
  .bsbgeo-hero-stats,
  .bsbgeo-pain-grid,
  .bsbgeo-compare-panels,
  .bsbgeo-method-line,
  .bsbgeo-flow-grid,
  .bsbgeo-package-grid,
  .bsbgeo-proof-list{
    grid-template-columns:1fr;
  }
  .bsbgeo-hero-stats div{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.12);
  }
  .bsbgeo-hero-stats div:last-child{
    border-bottom:0;
  }
  .bsbgeo-pain-section,
  .bsbgeo-compare-section,
  .bsbgeo-method-section,
  .bsbgeo-platform-section,
  .bsbgeo-longtail-section,
  .bsbgeo-flow-section,
  .bsbgeo-scene-section,
  .bsbgeo-package-section,
  .bsbgeo-proof-section,
  .bsbgeo-faq-section{
    padding:66px 0;
  }
  .bsbgeo-section-head{
    gap:18px;
    margin-bottom:34px;
  }
  .bsbgeo-section-head span,
  .bsbgeo-compare-copy span,
  .bsbgeo-platform-copy span,
  .bsbgeo-longtail-copy span,
  .bsbgeo-scene-copy span,
  .bsbgeo-proof-copy span{
    font-size:15px;
  }
  .bsbgeo-section-head h2,
  .bsbgeo-compare-copy h2,
  .bsbgeo-platform-copy h2,
  .bsbgeo-longtail-copy h2,
  .bsbgeo-scene-copy h2,
  .bsbgeo-proof-copy h2{
    font-size:31px;
    line-height:1.18;
  }
  .bsbgeo-section-head p,
  .bsbgeo-compare-copy p,
  .bsbgeo-platform-copy p,
  .bsbgeo-longtail-copy p,
  .bsbgeo-scene-copy p,
  .bsbgeo-proof-copy p{
    font-size:15px;
    line-height:1.85;
  }
  .bsbgeo-pain-card,
  .bsbgeo-method-card,
  .bsbgeo-package-card{
    min-height:auto;
    padding:26px 22px;
  }
  .bsbgeo-pain-card h3{
    margin:52px 0 14px;
    font-size:26px;
  }
  .bsbgeo-compare-panels article{
    min-height:270px;
    padding:26px;
  }
  .bsbgeo-platform-cloud{
    justify-content:flex-start;
    padding:22px;
  }
  .bsbgeo-platform-cloud span{
    min-width:calc(50% - 9px);
    font-size:14px;
  }
  .bsbgeo-longtail-visual img,
  .bsbgeo-scene-image img{
    height:300px;
  }
  .bsbgeo-flow-card{
    min-height:230px;
    padding:24px;
  }
  .bsbgeo-faq-list summary{
    padding:22px 58px 22px 20px;
    font-size:17px;
  }
  .bsbgeo-faq-list summary::after{
    right:22px;
  }
  .bsbgeo-faq-list p{
    padding:0 20px 24px;
    font-size:14px;
  }
  .bsbgeo-final-cta{
    padding:72px 0;
  }
  .bsbgeo-final-inner h2{
    font-size:32px;
  }
}
@media(prefers-reduced-motion:reduce){
  .bsbgeo-hero-pro .bsbgeo-motion{
    animation:none;
  }
  .bsbgeo-answer-lines i{
    animation:none;
  }
  .bsbgeo-hero-bg,
  .bsbgeo-longtail-visual img,
  .bsbgeo-scene-image img{
    transform:none!important;
  }
}

/* 20260625geoLight: light GEO landing page matched to reference */
.bsbgeo-soft{
  --bsbgeo-soft-ink:#393738;
  --bsbgeo-soft-muted:#68686d;
  --bsbgeo-soft-pink:#d25b94;
  --bsbgeo-soft-red:#e46672;
  --bsbgeo-soft-blue:#bcd6ff;
  --bsbgeo-soft-bg:#fff;
  --bsbgeo-soft-line:#eef1f8;
  background:#fff;
  color:var(--bsbgeo-soft-ink);
  overflow:hidden;
}
.bsbgeo-special.bsbgeo-soft{
  overflow:visible;
}
.bsbgeo-soft::selection{color:#fff;background:#d65b94}
.bsbgeo-soft>section::before{
  content:none;
  display:none;
}
.bsbgeo-soft [data-bsbgeo-animate].bsbgeo-animated{
  animation:geoSoftRise .72s cubic-bezier(.22,.72,.22,1);
}
@keyframes geoSoftRise{
  from{opacity:.72;transform:translateY(28px)}
  to{opacity:1;transform:translateY(0)}
}
.bsbgeo-soft .container{
  width:min(calc(100% - 64px),1600px);
}
.bsbgeo-soft h1,
.bsbgeo-soft h2,
.bsbgeo-soft h3,
.bsbgeo-soft h4,
.bsbgeo-soft p{
  letter-spacing:0;
}
.bsbgeo-soft-hero{
  position:relative;
  min-height:clamp(700px,76vh,900px);
  display:grid;
  align-content:space-between;
  padding:clamp(115px,10vw,190px) 0 clamp(56px,7vw,105px);
  background:#fff;
  isolation:isolate;
  overflow:hidden;
}
.bsbgeo-soft-bg{
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 52% 0%,rgba(174,205,255,.52),transparent 32%),
    radial-gradient(circle at 8% 20%,rgba(244,198,184,.38),transparent 26%),
    radial-gradient(circle at 38% 58%,rgba(255,221,172,.22),transparent 22%),
    linear-gradient(180deg,#f8fbff 0%,#fff 64%);
  will-change:transform;
}
.bsbgeo-soft-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.28) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.26) 1px,transparent 1px);
  background-size:86px 86px;
  opacity:.28;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.3),transparent 72%);
}
.bsbgeo-soft-hero-top{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.64fr);
  gap:clamp(42px,7vw,120px);
  align-items:center;
}
.bsbgeo-soft-hero h1{
  margin:0;
  color:#3b393a;
  font-size:clamp(54px,4.9vw,88px);
  line-height:1.18;
  font-weight:950;
}
.bsbgeo-soft-hero h1 .bsbgeo-title-line{display:block;overflow:hidden}
.bsbgeo-soft-hero h1 .bsbgeo-title-line span{
  display:inline-block;
  animation:geoTitleFloat .82s cubic-bezier(.22,.72,.22,1) both;
}
.bsbgeo-soft-hero h1 .bsbgeo-title-line:nth-child(2) span{animation-delay:.12s}
@keyframes geoTitleFloat{
  from{transform:translateY(100%)}
  to{transform:translateY(0)}
}
.bsbgeo-soft-hero ul{
  margin:0;
  padding:32px 0 32px clamp(42px,5vw,78px);
  border-left:1px solid rgba(57,55,56,.16);
  list-style:none;
}
.bsbgeo-soft-hero li{
  position:relative;
  margin:0 0 18px;
  color:#68686d;
  font-size:clamp(23px,1.85vw,31px);
  line-height:1.3;
  font-weight:600;
}
.bsbgeo-soft-hero li::before{
  content:"✓";
  margin-right:10px;
  color:#666;
  font-weight:900;
}
.bsbgeo-soft-hero-bottom{
  text-align:center;
}
.bsbgeo-soft-hero-bottom h2{
  margin:0;
  color:#373536;
  font-size:clamp(40px,4.1vw,68px);
  line-height:1.12;
  font-weight:950;
}
.bsbgeo-soft-hero-bottom p,
.bsbgeo-soft-title p{
  margin:16px 0 0;
  color:#66676d;
  font-size:clamp(18px,1.35vw,26px);
  line-height:1.6;
  font-weight:500;
}
.bsbgeo-diagnosis,
.bsbgeo-monitor,
.bsbgeo-capability,
.bsbgeo-solution,
.bsbgeo-industry,
.bsbgeo-case-proof,
.bsbgeo-package-soft,
.bsbgeo-faq-soft{
  position:relative;
  padding:clamp(74px,8vw,142px) 0;
  background:#fff;
}
.bsbgeo-diagnosis-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:26px;
}
.bsbgeo-diagnosis{
  padding-bottom:clamp(44px,4.4vw,76px);
}
.bsbgeo-diagnosis + .bsbgeo-monitor{
  padding-top:clamp(46px,4.8vw,82px);
}
.bsbgeo-solution{
  padding-bottom:clamp(26px,2.4vw,44px);
}
.bsbgeo-solution + .bsbgeo-industry{
  padding-top:clamp(30px,3vw,52px);
}
.bsbgeo-package-soft{
  padding-bottom:clamp(37px,4vw,71px);
}
.bsbgeo-package-soft + .bsbgeo-faq-soft{
  padding-top:clamp(37px,4vw,71px);
}
.bsbgeo-faq-soft{
  padding-bottom:clamp(48px,5.1vw,90px);
}
.bsbgeo-diagnostic-panel{
  min-height:430px;
  padding:42px clamp(28px,3.4vw,64px);
  border-radius:10px;
  background:
    radial-gradient(circle at 88% 20%,rgba(177,209,255,.7),transparent 38%),
    radial-gradient(circle at 18% 75%,rgba(250,223,171,.55),transparent 34%),
    linear-gradient(120deg,#fff0ea 0%,#f7eff8 52%,#dfedff 100%);
  overflow:hidden;
  transition:transform .34s ease,box-shadow .34s ease;
}
.bsbgeo-diagnostic-panel:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 70px rgba(113,95,126,.14);
}
.bsbgeo-panel-head{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:flex-start;
}
.bsbgeo-panel-head h3{
  margin:0 0 8px;
  color:#5b5b61;
  font-size:30px;
  line-height:1.2;
  font-weight:900;
}
.bsbgeo-panel-head p{
  margin:0;
  color:#666;
  font-size:17px;
  line-height:1.45;
}
.bsbgeo-panel-head a,
.bsbgeo-monitor-copy a,
.bsbgeo-center-btn,
.bsbgeo-package-soft-grid a,
.bsbgeo-report-cta a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 32px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(90deg,#cc5ca0,#e36670);
  font-size:16px;
  line-height:1;
  font-weight:850;
  white-space:nowrap;
  box-shadow:0 18px 42px rgba(211,88,128,.18);
  transition:transform .22s ease,box-shadow .22s ease;
}
.bsbgeo-panel-head a:hover,
.bsbgeo-monitor-copy a:hover,
.bsbgeo-center-btn:hover,
.bsbgeo-package-soft-grid a:hover,
.bsbgeo-report-cta a:hover{
  color:#fff;
  transform:translateY(-3px);
  box-shadow:0 24px 48px rgba(211,88,128,.24);
}
.bsbgeo-radar{
  position:relative;
  width:min(430px,100%);
  height:286px;
  margin:34px auto 0;
}
.bsbgeo-radar svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.bsbgeo-radar span{
  position:absolute;
  color:#59595f;
  font-size:15px;
  line-height:1.2;
}
.bsbgeo-radar .r1{left:44%;top:0;color:#5687ff}
.bsbgeo-radar .r2{right:0;top:30%}
.bsbgeo-radar .r3{right:4%;bottom:25%;color:#d65b94}
.bsbgeo-radar .r4{left:38%;bottom:2%}
.bsbgeo-radar .r5{left:0;bottom:25%}
.bsbgeo-radar .r6{left:4%;top:31%;color:#d65b94}
.bsbgeo-report-visual{
  position:relative;
  width:min(540px,92%);
  min-height:260px;
  margin:42px auto 0;
  padding:58px 34px 30px;
  border-radius:10px;
  background:rgba(255,255,255,.76);
  box-shadow:0 18px 55px rgba(77,103,142,.12);
}
.bsbgeo-browser-top{
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:38px;
  display:flex;
  align-items:center;
  gap:7px;
  padding-left:28px;
  border-radius:10px 10px 0 0;
  background:#fff;
}
.bsbgeo-browser-top i{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#6274ff;
}
.bsbgeo-browser-top i:nth-child(2){background:#61a5ff}
.bsbgeo-browser-top i:nth-child(3){background:#f4a24d}
.bsbgeo-report-visual>p{
  margin:0 0 16px;
  color:#5d5e65;
  font-size:16px;
}
.bsbgeo-report-row{
  display:grid;
  grid-template-columns:58px 1fr 44px;
  gap:10px;
  align-items:center;
  margin:12px 0;
  color:#5f6168;
  font-size:13px;
}
.bsbgeo-report-row span{
  height:14px;
  border-radius:999px;
  background:linear-gradient(90deg,#9f8aff,#747df6);
  width:var(--w);
  position:relative;
  overflow:hidden;
}
.bsbgeo-report-row span::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);
  transform:translateX(-120%);
  animation:geoSoftShine 2.8s ease-in-out infinite;
}
@keyframes geoSoftShine{
  55%,100%{transform:translateX(140%)}
}
.bsbgeo-report-row.green span{background:#6ccf7a}
.bsbgeo-ring{
  position:absolute;
  left:-66px;
  bottom:42px;
  width:104px;
  height:104px;
  display:grid;
  place-content:center;
  text-align:center;
  border-radius:18px;
  background:#fff;
  color:#d25b94;
  font-size:17px;
  font-weight:900;
  box-shadow:0 16px 42px rgba(77,103,142,.13);
}
.bsbgeo-ring::before{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:50%;
  border:8px solid #f0e8fb;
  border-right-color:#d25b94;
  border-bottom-color:#d25b94;
}
.bsbgeo-ring small{
  display:block;
  color:#777;
  font-size:12px;
  font-weight:700;
}
.bsbgeo-benefits{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:30px;
  margin-top:84px;
}
.bsbgeo-benefits div{
  text-align:center;
}
.bsbgeo-benefits i{
  width:82px;
  height:82px;
  display:inline-grid;
  place-items:center;
  border-radius:50%;
  color:#d65b94;
  background:radial-gradient(circle at 70% 20%,#e1e8ff,#fff1e4 70%);
  font-size:32px;
  font-style:normal;
}
.bsbgeo-benefits h3{
  margin:18px 0 8px;
  color:#222;
  font-size:22px;
}
.bsbgeo-benefits p{
  margin:0;
  color:#77777d;
  font-size:16px;
}
.bsbgeo-soft-title{
  text-align:center;
  margin-bottom:clamp(50px,5vw,86px);
}
.bsbgeo-soft-title h2{
  margin:0;
  color:#3b393a;
  font-size:clamp(40px,4.2vw,70px);
  line-height:1.18;
  font-weight:950;
}
.bsbgeo-monitor-stack{
  display:block;
  margin-top:clamp(54px,5vw,86px);
}
.bsbgeo-monitor-card{
  --bsbgeo-visual-x:64px;
  min-height:470px;
  position:sticky;
  top:clamp(178px,11vw,220px);
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(420px,.86fr);
  gap:clamp(40px,5vw,90px);
  align-items:center;
  padding:clamp(44px,6vw,84px);
  border-radius:12px;
  background:#fff;
  box-shadow:0 0 20px 0 rgba(221,235,255,.92);
  transform-origin:center top;
  backface-visibility:hidden;
  will-change:transform,opacity;
  transition:opacity .36s ease,transform .48s cubic-bezier(.2,.74,.2,1),box-shadow .34s ease,filter .36s ease;
}
.bsbgeo-monitor-card>.bsbgeo-monitor-copy,
.bsbgeo-monitor-card>.bsbgeo-chart-card,
.bsbgeo-monitor-card>.bsbgeo-sentiment-card{
  transform-origin:center center;
  transition:opacity .38s ease,transform .5s cubic-bezier(.2,.74,.2,1),filter .38s ease;
  will-change:transform,opacity;
}
.bsbgeo-monitor-scroll-ready:not(.bsbgeo-monitor-layered) .bsbgeo-monitor-card{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
}
.bsbgeo-monitor-card:nth-child(1){z-index:1}
.bsbgeo-monitor-card:nth-child(2){z-index:2}
.bsbgeo-monitor-card:nth-child(3){z-index:3}
.bsbgeo-monitor-card:nth-child(4){z-index:4}
.bsbgeo-monitor-card+.bsbgeo-monitor-card{
  margin-top:clamp(56px,5.8vw,92px);
}
.bsbgeo-monitor.bsbgeo-monitor-list-ready:not(.bsbgeo-monitor-layered) .bsbgeo-monitor-stack{
  display:grid;
  gap:clamp(28px,3.8vw,58px);
}
.bsbgeo-monitor.bsbgeo-monitor-list-ready:not(.bsbgeo-monitor-layered) .bsbgeo-monitor-card{
  position:relative!important;
  top:auto!important;
  margin:0!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  pointer-events:auto!important;
  z-index:auto!important;
}
.bsbgeo-monitor.bsbgeo-monitor-list-ready .bsbgeo-monitor-card{
  box-shadow:0 0 20px 0 rgba(221,235,255,.92);
}
.bsbgeo-monitor:not(.bsbgeo-monitor-layered) .bsbgeo-monitor-card.is-stack-current{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
  filter:none;
  box-shadow:0 28px 80px rgba(61,91,132,.14);
}
.bsbgeo-monitor:not(.bsbgeo-monitor-layered) .bsbgeo-monitor-card.is-stack-covered{
  opacity:.52!important;
  transform:translate3d(0,-18px,0) scale(.94)!important;
  filter:saturate(.88) brightness(1.03);
  box-shadow:0 8px 28px rgba(61,91,132,.06);
}
.bsbgeo-monitor-card.alt{
  --bsbgeo-visual-x:-64px;
  grid-template-columns:minmax(420px,.86fr) minmax(0,.9fr);
}
.bsbgeo-monitor-card.alt .bsbgeo-monitor-copy{
  order:2;
}
.bsbgeo-monitor-card.alt .bsbgeo-sentiment-card{
  order:1;
}
.bsbgeo-monitor-card:hover{
  box-shadow:0 22px 70px rgba(61,91,132,.13);
}
.bsbgeo-monitor-copy{
  position:relative;
  z-index:2;
}
.bsbgeo-monitor-copy h3{
  margin:0 0 34px;
  color:#050505;
  font-size:36px;
  line-height:1.2;
  font-weight:950;
}
.bsbgeo-monitor-copy p{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0 28px 18px 0;
  color:#5d5d62;
  font-size:20px;
  line-height:1.4;
}
.bsbgeo-monitor-copy p span{
  width:28px;
  height:28px;
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  background:#f6dce8;
  color:#fff;
  font-size:15px;
}
.bsbgeo-monitor-copy a{
  margin-top:30px;
}
.bsbgeo-monitor-copy h3,
.bsbgeo-monitor-copy p,
.bsbgeo-monitor-copy a,
.bsbgeo-chart-card,
.bsbgeo-sentiment-card{
  will-change:transform,opacity;
}
.bsbgeo-monitor.bsbgeo-monitor-anim-bound .bsbgeo-monitor-copy h3,
.bsbgeo-monitor.bsbgeo-monitor-anim-bound .bsbgeo-monitor-copy p,
.bsbgeo-monitor.bsbgeo-monitor-anim-bound .bsbgeo-monitor-copy a{
  transition:opacity .72s ease,visibility .72s ease,transform .72s cubic-bezier(.2,.74,.2,1);
}
.bsbgeo-monitor.bsbgeo-monitor-anim-bound .bsbgeo-monitor-copy p:nth-of-type(1){transition-delay:.06s}
.bsbgeo-monitor.bsbgeo-monitor-anim-bound .bsbgeo-monitor-copy p:nth-of-type(2){transition-delay:.12s}
.bsbgeo-monitor.bsbgeo-monitor-anim-bound .bsbgeo-monitor-copy p:nth-of-type(3){transition-delay:.18s}
.bsbgeo-monitor.bsbgeo-monitor-anim-bound .bsbgeo-monitor-copy a{transition-delay:.24s}
.bsbgeo-monitor.bsbgeo-monitor-anim-bound .bsbgeo-chart-card,
.bsbgeo-monitor.bsbgeo-monitor-anim-bound .bsbgeo-sentiment-card{
  transition:opacity .88s ease,visibility .88s ease,transform .88s cubic-bezier(.2,.74,.2,1);
}
.bsbgeo-monitor.bsbgeo-monitor-anim-bound:not(.bsbgeo-monitor-layered) .bsbgeo-monitor-card:not(.bsbgeo-monitor-shown) .bsbgeo-monitor-copy h3,
.bsbgeo-monitor.bsbgeo-monitor-anim-bound:not(.bsbgeo-monitor-layered) .bsbgeo-monitor-card:not(.bsbgeo-monitor-shown) .bsbgeo-monitor-copy p,
.bsbgeo-monitor.bsbgeo-monitor-anim-bound:not(.bsbgeo-monitor-layered) .bsbgeo-monitor-card:not(.bsbgeo-monitor-shown) .bsbgeo-monitor-copy a{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.bsbgeo-monitor.bsbgeo-monitor-anim-bound:not(.bsbgeo-monitor-layered) .bsbgeo-monitor-card:not(.bsbgeo-monitor-shown) .bsbgeo-chart-card,
.bsbgeo-monitor.bsbgeo-monitor-anim-bound:not(.bsbgeo-monitor-layered) .bsbgeo-monitor-card:not(.bsbgeo-monitor-shown) .bsbgeo-sentiment-card{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.bsbgeo-monitor.bsbgeo-monitor-anim-bound:not(.bsbgeo-monitor-layered) .bsbgeo-monitor-card.bsbgeo-monitor-shown .bsbgeo-monitor-copy h3,
.bsbgeo-monitor.bsbgeo-monitor-anim-bound:not(.bsbgeo-monitor-layered) .bsbgeo-monitor-card.bsbgeo-monitor-shown .bsbgeo-monitor-copy p,
.bsbgeo-monitor.bsbgeo-monitor-anim-bound:not(.bsbgeo-monitor-layered) .bsbgeo-monitor-card.bsbgeo-monitor-shown .bsbgeo-monitor-copy a,
.bsbgeo-monitor.bsbgeo-monitor-anim-bound:not(.bsbgeo-monitor-layered) .bsbgeo-monitor-card.bsbgeo-monitor-shown .bsbgeo-chart-card,
.bsbgeo-monitor.bsbgeo-monitor-anim-bound:not(.bsbgeo-monitor-layered) .bsbgeo-monitor-card.bsbgeo-monitor-shown .bsbgeo-sentiment-card{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.bsbgeo-monitor.bsbgeo-monitor-anim-bound.bsbgeo-monitor-scroll-ready:not(.bsbgeo-monitor-layered) .bsbgeo-monitor-card.is-stack-current{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
  filter:none!important;
  box-shadow:0 28px 80px rgba(61,91,132,.14);
}
.bsbgeo-monitor.bsbgeo-monitor-anim-bound.bsbgeo-monitor-scroll-ready:not(.bsbgeo-monitor-layered) .bsbgeo-monitor-card.is-stack-covered{
  opacity:.52!important;
  transform:translate3d(0,-18px,0) scale(.94)!important;
  filter:saturate(.88) brightness(1.03)!important;
  box-shadow:0 8px 28px rgba(61,91,132,.06);
}
.bsbgeo-monitor-stack.bsbgeo-stack-layered{
  position:relative;
  display:block;
  height:auto;
}
.bsbgeo-monitor.bsbgeo-monitor-layered .bsbgeo-monitor-stack.bsbgeo-stack-layered>.bsbgeo-monitor-card{
  position:sticky!important;
  top:var(--bsbgeo-stack-pin-offset,240px)!important;
  width:100%;
  min-height:470px;
  margin-top:0;
}
.bsbgeo-monitor.bsbgeo-monitor-layered .bsbgeo-monitor-stack.bsbgeo-stack-layered>.bsbgeo-monitor-card+.bsbgeo-monitor-card{
  margin-top:var(--bsbgeo-stack-gap,84px)!important;
}
.bsbgeo-monitor-stage{
  position:sticky;
  top:var(--bsbgeo-stack-pin-offset,240px);
  height:var(--bsbgeo-stack-stage-height,954px);
  overflow:hidden;
  border-radius:12px;
  will-change:transform;
}
.bsbgeo-monitor-stack.bsbgeo-stack-layered .bsbgeo-monitor-stage .bsbgeo-monitor-card{
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:auto!important;
  left:0!important;
  width:100%;
  height:var(--bsbgeo-stack-card-height,460px);
  min-height:0;
  margin:0!important;
  padding:clamp(34px,4.2vw,58px);
  transition:box-shadow .34s ease!important;
}
.bsbgeo-monitor.bsbgeo-monitor-layered .bsbgeo-monitor-stack.bsbgeo-stack-layered .bsbgeo-monitor-stage .bsbgeo-monitor-card{
  transition:box-shadow .34s ease!important;
  will-change:transform,opacity,filter;
}
.bsbgeo-monitor-stack.bsbgeo-stack-layered .bsbgeo-monitor-stage .bsbgeo-monitor-card.is-stack-current{
  box-shadow:0 28px 80px rgba(61,91,132,.14);
}
.bsbgeo-monitor-stack.bsbgeo-stack-layered .bsbgeo-monitor-stage .bsbgeo-monitor-card.is-stack-covered{
  box-shadow:0 8px 28px rgba(61,91,132,.06);
}
.bsbgeo-chart-card,
.bsbgeo-sentiment-card{
  min-height:270px;
  border-radius:12px;
  background:#f2f7fd;
  overflow:hidden;
}
.bsbgeo-chart-card{
  padding:34px;
}
.bsbgeo-chart-card h4{
  margin:0 0 24px;
  color:#6b7079;
  font-size:20px;
}
.bsbgeo-line-chart{
  position:relative;
  height:210px;
  background:
    linear-gradient(#dbe3ee 1px,transparent 1px) 0 0/100% 52px,
    linear-gradient(90deg,#dbe3ee 1px,transparent 1px) 0 0/86px 100%;
  overflow:hidden;
}
.bsbgeo-line-chart::before,
.bsbgeo-line-chart::after,
.bsbgeo-line-chart i,
.bsbgeo-line-chart b{
  will-change:transform,opacity,clip-path;
}
.bsbgeo-line-chart::before,
.bsbgeo-line-chart::after{
  content:"";
  position:absolute;
  left:6%;
  right:5%;
  height:88px;
  bottom:20px;
  border-radius:50% 50% 0 0;
  border-top:4px solid #6188f6;
  background:linear-gradient(180deg,rgba(97,136,246,.3),rgba(97,136,246,0));
  transform:skewX(-18deg);
  animation:geoChartDrift 5s ease-in-out infinite alternate;
}
.bsbgeo-line-chart::after{
  bottom:6px;
  border-top-color:#e56b7d;
  background:linear-gradient(180deg,rgba(229,107,125,.25),rgba(229,107,125,0));
  transform:skewX(12deg) scaleY(.78);
  animation-delay:.4s;
}
@keyframes geoChartDrift{
  from{filter:saturate(.92);translate:0 0}
  to{filter:saturate(1.1);translate:8px -8px}
}
.bsbgeo-line-chart i{
  position:absolute;
  left:54%;
  top:26px;
  width:170px;
  height:170px;
  background:#252845;
  opacity:.92;
}
.bsbgeo-line-chart b{
  position:absolute;
  left:56%;
  top:52px;
  width:120px;
  height:95px;
  background:linear-gradient(#fff,#fff) 0 0/100% 12px no-repeat;
  opacity:.75;
}
.bsbgeo-monitor.bsbgeo-monitor-anim-bound .bsbgeo-line-chart::before,
.bsbgeo-monitor.bsbgeo-monitor-anim-bound .bsbgeo-line-chart::after{
  clip-path:inset(0 0 0 0);
  animation:geoChartDrift 5s ease-in-out infinite alternate;
}
.bsbgeo-monitor.bsbgeo-monitor-anim-bound .bsbgeo-line-chart::after{
  animation-delay:.4s;
}
.bsbgeo-monitor.bsbgeo-monitor-anim-bound .bsbgeo-line-chart i{
  opacity:.92;
  transform:none;
}
.bsbgeo-monitor.bsbgeo-monitor-anim-bound .bsbgeo-line-chart b{
  opacity:.75;
  transform:none;
}
.bsbgeo-monitor.bsbgeo-monitor-anim-bound .bsbgeo-monitor-card.bsbgeo-visual-active .bsbgeo-line-chart::before{
  animation:geoChartDraw 1.05s cubic-bezier(.2,.74,.2,1) .08s forwards,geoChartDrift 5s ease-in-out 1.15s infinite alternate;
}
.bsbgeo-monitor.bsbgeo-monitor-anim-bound .bsbgeo-monitor-card.bsbgeo-visual-active .bsbgeo-line-chart::after{
  animation:geoChartDraw 1.15s cubic-bezier(.2,.74,.2,1) .18s forwards,geoChartDrift 5s ease-in-out 1.28s infinite alternate;
}
.bsbgeo-monitor.bsbgeo-monitor-anim-bound .bsbgeo-monitor-card.bsbgeo-visual-active .bsbgeo-line-chart i{
  opacity:.92;
  transform:translateY(0) scale(1);
  transition:opacity .72s ease .34s,transform .72s cubic-bezier(.2,.74,.2,1) .34s;
}
.bsbgeo-monitor.bsbgeo-monitor-anim-bound .bsbgeo-monitor-card.bsbgeo-visual-active .bsbgeo-line-chart b{
  opacity:.75;
  transform:translateY(0);
  transition:opacity .72s ease .48s,transform .72s cubic-bezier(.2,.74,.2,1) .48s;
}
@keyframes geoChartDraw{
  to{clip-path:inset(0 0 0 0)}
}
.bsbgeo-sentiment-card{
  position:relative;
  background:#eff5fd;
}
.bsbgeo-person{
  position:absolute;
  right:8%;
  bottom:0;
  width:190px;
  height:250px;
  border-radius:90px 90px 16px 16px;
  background:
    radial-gradient(circle at 50% 28%,#fff2e8 0 34px,transparent 35px),
    linear-gradient(90deg,transparent 0 34%,#222 35% 39%,transparent 40%),
    linear-gradient(#dfe4ec,#c9d0dc);
}
.bsbgeo-person::before{
  content:"";
  position:absolute;
  left:50%;
  top:34px;
  width:120px;
  height:96px;
  border-radius:60px 60px 46px 46px;
  background:#20232a;
  transform:translateX(-50%);
  z-index:-1;
}
.bsbgeo-person::after{
  content:"";
  position:absolute;
  right:18px;
  top:80px;
  width:58px;
  height:36px;
  border:3px solid #111;
  border-left:0;
  border-bottom:0;
  transform:rotate(15deg);
}
.bsbgeo-bars{
  position:absolute;
  left:10%;
  top:38%;
  width:260px;
  padding:22px 28px;
  background:rgba(255,255,255,.92);
  box-shadow:0 12px 32px rgba(55,81,124,.12);
}
.bsbgeo-bars b{
  display:block;
  margin:8px 0 6px;
  color:#444;
  font-size:14px;
}
.bsbgeo-bars i{
  display:block;
  width:var(--w);
  height:12px;
  background:#b4c9f7;
  transform-origin:left center;
  transform:scaleX(1);
}
.bsbgeo-monitor.bsbgeo-monitor-anim-bound .bsbgeo-bars i{
  transform:scaleX(1);
}
.bsbgeo-monitor.bsbgeo-monitor-anim-bound .bsbgeo-monitor-card.bsbgeo-visual-active .bsbgeo-bars i{
  transform:scaleX(1);
  transition:transform .88s cubic-bezier(.2,.74,.2,1);
}
.bsbgeo-monitor.bsbgeo-monitor-anim-bound .bsbgeo-monitor-card.bsbgeo-visual-active .bsbgeo-bars i:nth-of-type(2){
  transition-delay:.12s;
}
.bsbgeo-monitor.bsbgeo-monitor-anim-bound .bsbgeo-monitor-card.bsbgeo-visual-active .bsbgeo-bars i:nth-of-type(3){
  transition-delay:.22s;
}
.bsbgeo-bars b:nth-of-type(2)+i{background:#a8dfb9}
.bsbgeo-bars b:nth-of-type(3)+i{background:#ebb6db}
.bsbgeo-capability{
  background:linear-gradient(115deg,#fff6ef 0%,#fff 48%,#f1f4ff 100%);
}
.bsbgeo-capability-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:32px;
}
.bsbgeo-capability-grid article{
  grid-column:span 2;
  min-height:295px;
  padding:36px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.92);
  background:rgba(255,255,255,.97);
  box-shadow:0 18px 54px rgba(76,87,116,.075);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.bsbgeo-capability-grid article:hover{
  transform:translateY(-8px);
  border-color:#fff;
  box-shadow:0 26px 72px rgba(82,91,118,.13);
}
.bsbgeo-capability-grid article:nth-child(4),
.bsbgeo-capability-grid article:nth-child(5){
  grid-column:span 3;
}
.bsbgeo-capability-grid i{
  width:60px;
  height:60px;
  display:block;
  margin-bottom:26px;
  border-radius:8px;
  background:#f0f5ff;
  position:relative;
}
.bsbgeo-capability-grid i::before{
  content:"☁";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#111;
  font-size:30px;
}
.bsbgeo-capability-grid h3{
  margin:0 0 22px;
  color:#060606;
  font-size:25px;
  line-height:1.25;
}
.bsbgeo-capability-grid ul{
  margin:0;
  padding-left:18px;
  color:#5f5f64;
  font-size:17px;
  line-height:1.7;
}
.bsbgeo-center-btn{
  width:max-content;
  display:flex;
  margin:42px auto 0;
}
.bsbgeo-solution-panel{
  display:grid;
  grid-template-columns:232px minmax(0,.96fr) minmax(470px,1.08fr);
  gap:72px;
  align-items:center;
  min-height:570px;
  padding:88px 82px;
  border-radius:42px;
  background:
    radial-gradient(circle at 82% 18%,rgba(157,192,255,.6),transparent 38%),
    radial-gradient(circle at 18% 72%,rgba(255,219,181,.6),transparent 32%),
    linear-gradient(120deg,#fff0e2,#f9d4e3 52%,#c5d9ff 100%);
}
.bsbgeo-solution-panel nav{
  display:grid;
  gap:44px;
  padding-right:48px;
  border-right:1px solid rgba(0,0,0,.14);
}
.bsbgeo-solution-panel button{
  border:0;
  background:transparent;
  color:#111;
  text-align:left;
  font-size:28px;
  line-height:1.22;
  font-weight:normal;
  cursor:pointer;
}
.bsbgeo-solution-panel button.is-active{
  color:#000;
  font-weight:700;
}
.bsbgeo-solution-content article{
  display:none;
}
.bsbgeo-solution-content article.is-active{
  display:block;
  animation:geoPanelIn .34s ease both;
}
@keyframes geoPanelIn{
  from{opacity:.4;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
.bsbgeo-solution-content h3{
  margin:0 0 40px;
  color:#d65b94;
  font-size:36px;
  line-height:1.34;
  font-weight:950;
}
.bsbgeo-solution-content p{
  display:flex;
  gap:20px;
  align-items:center;
  margin:26px 0;
  color:#54545a;
  font-size:21px;
  line-height:1.58;
}
.bsbgeo-solution-content p span{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  color:#fff;
  background:#d65b94;
}
.bsbgeo-solution-visual{
  position:relative;
  min-height:440px;
  --bsbgeo-accent:#d65b94;
  --bsbgeo-soft:#eeddf9;
  --bsbgeo-line:#78a6ff;
  --bsbgeo-dot-one:#6d8cff;
  --bsbgeo-dot-two:#65c47d;
  --bsbgeo-dot-one-x:22%;
  --bsbgeo-dot-one-y:45%;
  --bsbgeo-dot-two-x:64%;
  --bsbgeo-dot-two-y:55%;
  --bsbgeo-stripe:#eef2fa;
}
.bsbgeo-kpi-card,
.bsbgeo-window-card{
  position:absolute;
  background:rgba(255,255,255,.9);
  box-shadow:0 16px 48px rgba(65,87,126,.14);
  will-change:transform,opacity;
}
.bsbgeo-kpi-card{
  left:0;
  bottom:40px;
  width:232px;
  padding:30px;
  border-radius:12px;
  z-index:2;
}
.bsbgeo-kpi-card b{
  width:82px;
  height:82px;
  display:grid;
  place-items:center;
  margin:0 auto 18px;
  border-radius:50%;
  color:var(--bsbgeo-accent);
  border:10px solid var(--bsbgeo-soft);
  border-right-color:var(--bsbgeo-accent);
  font-size:30px;
  transition:color .45s ease,border-color .45s ease;
}
.bsbgeo-kpi-card span{
  display:block;
  margin-top:10px;
  color:#333;
  font-size:13px;
}
.bsbgeo-kpi-card i{
  display:block;
  width:var(--w);
  height:6px;
  margin-top:5px;
  border-radius:999px;
  background:var(--bsbgeo-accent);
  transform-origin:left center;
  transition:width .55s ease,background-color .45s ease;
}
.bsbgeo-window-card{
  right:0;
  top:50px;
  width:452px;
  height:302px;
  padding:76px 38px 30px;
  border-radius:12px;
}
.bsbgeo-window-card::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:50px;
  border-radius:12px 12px 0 0;
  background:#f4f3fa;
}
.bsbgeo-window-card div{
  height:80px;
  background:repeating-linear-gradient(90deg,var(--bsbgeo-stripe) 0 16px,transparent 16px 34px);
}
.bsbgeo-window-card h4{
  position:relative;
  z-index:1;
  margin:22px 0 0;
  color:#2e3038;
  font-size:26px;
  line-height:1.25;
  font-weight:800;
  transition:color .45s ease;
}
.bsbgeo-window-card p{
  height:80px;
  margin:18px 0 0;
  background:
    radial-gradient(circle at var(--bsbgeo-dot-one-x) var(--bsbgeo-dot-one-y),var(--bsbgeo-dot-one) 0 5px,transparent 6px),
    radial-gradient(circle at var(--bsbgeo-dot-two-x) var(--bsbgeo-dot-two-y),var(--bsbgeo-dot-two) 0 5px,transparent 6px);
  border-bottom:2px solid var(--bsbgeo-line);
  transition:background .45s ease,border-color .45s ease;
}
.bsbgeo-solution-visual.is-changing .bsbgeo-kpi-card,
.bsbgeo-solution-visual.is-changing .bsbgeo-window-card{
  filter:saturate(1.04);
}
.bsbgeo-industry-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(320px,1fr));
  gap:36px;
  width:min(calc(100% - 64px),1600px);
  margin:0 auto;
}
.bsbgeo-industry-strip article{
  position:relative;
  min-height:540px;
  overflow:hidden;
  border-radius:30px;
  color:#fff;
  background:#4b83c3;
}
.bsbgeo-industry-strip img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.92);
  transform:scale(1.08);
  transition:transform .7s ease;
}
.bsbgeo-industry-strip article::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(50,111,200,.7),rgba(50,111,200,.18) 44%,rgba(20,70,140,.5));
}
.bsbgeo-industry-strip article:hover img{
  transform:scale(1.14);
}
.bsbgeo-industry-strip article:hover::after{
  background:linear-gradient(180deg,rgba(214,91,148,.58),rgba(50,111,200,.12) 44%,rgba(20,70,140,.46));
}
.bsbgeo-industry-strip h3,
.bsbgeo-industry-strip p,
.bsbgeo-industry-strip a{
  position:relative;
  z-index:1;
}
.bsbgeo-industry-strip h3{
  margin:46px 42px 8px;
  color:#fff;
  font-size:34px;
  line-height:1.15;
}
.bsbgeo-industry-strip p{
  margin:0 42px;
  color:#fff;
  font-size:17px;
  font-weight:800;
}
.bsbgeo-industry-strip a{
  position:absolute;
  left:42px;
  bottom:48px;
  color:#fff;
  font-size:16px;
  font-weight:850;
}
.bsbgeo-case-proof{
  background:linear-gradient(120deg,#f4f7ff 0%,#f3fbf2 100%);
}
.bsbgeo-case-tabs{
  width:min(520px,calc(100% - 48px));
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:4px;
  margin:-46px auto 42px;
  padding:5px;
  border:1px solid rgba(0,0,0,.06);
  border-radius:999px;
  background:rgba(255,255,255,.5);
}
.bsbgeo-case-tabs button{
  min-height:40px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#222;
  font-size:15px;
  cursor:pointer;
}
.bsbgeo-case-tabs button.is-active{
  background:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}
.bsbgeo-case-panel{
  padding:clamp(42px,4.8vw,72px);
  border-radius:34px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.88),rgba(247,250,255,.72)),
    radial-gradient(circle at 82% 18%,rgba(206,222,255,.46),transparent 34%),
    radial-gradient(circle at 15% 86%,rgba(255,229,206,.48),transparent 32%);
  box-shadow:0 26px 90px rgba(72,94,128,.1);
  backdrop-filter:blur(14px);
}
.bsbgeo-case-panel article{
  display:none;
  grid-template-columns:minmax(0,1.05fr) minmax(350px,.72fr);
  gap:28px 34px;
  align-items:stretch;
}
.bsbgeo-case-panel article.is-active{
  display:grid;
  animation:geoPanelIn .34s ease both;
}
.bsbgeo-case-panel article>div:first-child{
  min-height:250px;
  padding:34px 34px 30px;
  border-radius:22px;
  background:rgba(255,255,255,.66);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.68);
}
.bsbgeo-case-panel h3{
  margin:0 0 20px;
  color:#020202;
  font-size:clamp(28px,2.5vw,38px);
  line-height:1.15;
}
.bsbgeo-case-panel p{
  margin:0;
  color:#565b62;
  font-size:17px;
  line-height:1.85;
}
.bsbgeo-logo-card{
  min-height:250px;
  display:grid;
  place-content:center;
  text-align:center;
  border-radius:22px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.86),rgba(246,249,255,.9)),
    radial-gradient(circle at 70% 18%,rgba(205,221,255,.62),transparent 42%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.78),0 18px 46px rgba(74,94,130,.08);
}
.bsbgeo-logo-card b{
  color:#2c5f46;
  font-size:clamp(40px,3.4vw,58px);
  line-height:1;
  letter-spacing:.04em;
}
.bsbgeo-logo-card span{
  margin-top:16px;
  color:#3f444b;
  font-size:18px;
}
.bsbgeo-case-panel section{
  min-height:220px;
  padding:34px 36px;
  border-radius:22px;
  background:rgba(255,255,255,.78);
  box-shadow:inset 0 0 0 1px rgba(231,235,246,.78),0 16px 48px rgba(76,95,126,.07);
}
.bsbgeo-case-panel h4{
  margin:0 0 20px;
  color:#111;
  font-size:22px;
  line-height:1.2;
}
.bsbgeo-case-panel section p{
  position:relative;
  padding-left:20px;
  margin:14px 0;
  font-size:15px;
}
.bsbgeo-case-panel section p::before{
  content:"";
  position:absolute;
  left:0;
  top:.86em;
  width:11px;
  height:1px;
  border-radius:999px;
  background:#d65b94;
}
.bsbgeo-package-soft-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.bsbgeo-package-soft-grid article{
  min-height:370px;
  display:flex;
  flex-direction:column;
  padding:30px 28px;
  border-radius:18px;
  background:#fff;
  box-shadow:0 16px 48px rgba(64,83,118,.08);
  transition:transform .3s ease,box-shadow .3s ease;
}
.bsbgeo-package-soft-grid article.hot{
  background:linear-gradient(135deg,#fff2f8,#eaf2ff);
}
.bsbgeo-package-soft-grid article.custom{
  background:
    linear-gradient(135deg,#fff,#f7fbff),
    radial-gradient(circle at 80% 12%,rgba(214,91,148,.16),transparent 42%);
  box-shadow:0 20px 58px rgba(72,92,128,.1);
}
.bsbgeo-package-soft-grid article:hover{
  transform:translateY(-8px);
  box-shadow:0 26px 70px rgba(64,83,118,.13);
}
.bsbgeo-package-soft-grid h3{
  margin:0 0 22px;
  font-size:22px;
}
.bsbgeo-package-soft-grid strong{
  color:#d65b94;
  font-size:clamp(34px,2.7vw,48px);
  line-height:1;
}
.bsbgeo-package-soft-grid small{
  color:#777;
  font-size:16px;
}
.bsbgeo-package-soft-grid p{
  flex:1;
  min-height:118px;
  margin:24px 0;
  color:#62666f;
  font-size:16px;
  line-height:1.8;
}
.bsbgeo-faq-soft-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.bsbgeo-faq-soft-grid article{
  min-height:178px;
  padding:28px 30px 30px;
  border-radius:16px;
  background:#fff;
  box-shadow:0 12px 40px rgba(64,83,118,.07);
}
.bsbgeo-faq-soft-grid h3{
  margin:0 0 14px;
  color:#111;
  font-size:20px;
  line-height:1.35;
  font-weight:900;
}
.bsbgeo-faq-soft-grid p{
  margin:0;
  padding:0;
  color:#64676f;
  font-size:16px;
  line-height:1.8;
}
.bsbgeo-report-cta{
  padding:clamp(34px,3.25vw,58px) 0 clamp(102px,9.5vw,160px);
  background:#fff;
  text-align:center;
}
.bsbgeo-report-cta h2{
  margin:0 0 26px;
  color:#363435;
  font-size:clamp(34px,3.4vw,56px);
  line-height:1.2;
}
.bsbgeo-report-cta h2 span{
  color:#d65b94;
}
@media(max-width:1280px){
  .bsbgeo-soft-hero-top,
  .bsbgeo-diagnosis-grid,
  .bsbgeo-solution-panel{
    grid-template-columns:1fr;
  }
  .bsbgeo-solution-panel{
    min-height:auto;
    grid-template-columns:180px minmax(260px,.95fr) minmax(330px,1fr);
    gap:36px;
    min-height:520px;
    padding:68px 46px;
  }
  .bsbgeo-soft-hero ul{
    padding-left:0;
    border-left:0;
  }
  .bsbgeo-industry-strip{
    grid-template-columns:repeat(2,1fr);
  }
  .bsbgeo-package-soft-grid{
    grid-template-columns:repeat(3,1fr);
  }
  .bsbgeo-solution-panel nav{
    grid-template-columns:1fr;
    gap:36px;
    border-right:1px solid rgba(0,0,0,.12);
    border-bottom:0;
    padding:0 30px 0 0;
  }
  .bsbgeo-solution-panel button{
    font-size:25px;
  }
  .bsbgeo-solution-visual{
    min-height:380px;
  }
  .bsbgeo-window-card{
    top:44px;
    width:340px;
    height:282px;
    padding:72px 30px 26px;
  }
  .bsbgeo-kpi-card{
    bottom:28px;
    width:206px;
    padding:24px;
  }
  .bsbgeo-solution-content h3{
    margin-bottom:34px;
    font-size:32px;
  }
  .bsbgeo-solution-content p{
    margin:20px 0;
    gap:15px;
    font-size:18px;
  }
}
@media(max-width:980px){
  .bsbgeo-soft .container{
    width:calc(100% - 40px);
  }
  .bsbgeo-soft-hero{
    min-height:auto;
    padding:84px 0 68px;
  }
  .bsbgeo-soft-hero h1{
    font-size:44px;
  }
  .bsbgeo-soft-hero li{
    font-size:20px;
  }
  .bsbgeo-soft-hero-bottom{
    margin-top:72px;
    text-align:left;
  }
  .bsbgeo-diagnostic-panel{
    padding:28px;
  }
  .bsbgeo-panel-head{
    display:grid;
  }
  .bsbgeo-benefits,
  .bsbgeo-capability-grid,
  .bsbgeo-case-panel article,
  .bsbgeo-faq-soft-grid{
    grid-template-columns:1fr;
  }
  .bsbgeo-benefits{
    gap:24px;
  }
  .bsbgeo-capability-grid article,
  .bsbgeo-capability-grid article:nth-child(4),
  .bsbgeo-capability-grid article:nth-child(5){
    grid-column:auto;
  }
  .bsbgeo-monitor-stack.bsbgeo-stack-layered{
    height:auto!important;
  }
  .bsbgeo-monitor-stage{
    position:relative;
    top:auto;
    height:auto;
    display:grid;
    gap:22px;
  }
  .bsbgeo-monitor-stack.bsbgeo-stack-layered .bsbgeo-monitor-stage .bsbgeo-monitor-card{
    position:relative!important;
    inset:auto!important;
    width:100%;
    height:auto!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    margin:0!important;
  }
  .bsbgeo-monitor-card{
    position:relative;
    top:auto;
    padding:30px;
    min-height:auto;
  }
  .bsbgeo-monitor-card.alt .bsbgeo-monitor-copy,
  .bsbgeo-monitor-card.alt .bsbgeo-sentiment-card{
    order:initial;
  }
  .bsbgeo-monitor-copy h3{
    font-size:30px;
  }
  .bsbgeo-monitor-copy p{
    display:flex;
    font-size:17px;
  }
  .bsbgeo-solution-panel{
    grid-template-columns:1fr;
    gap:24px;
    min-height:auto;
    padding:32px 22px;
    border-radius:24px;
  }
  .bsbgeo-solution-panel nav{
    grid-template-columns:1fr 1fr;
    gap:12px;
    border-right:0;
    border-bottom:1px solid rgba(0,0,0,.12);
    padding:0 0 22px;
  }
  .bsbgeo-solution-panel button{
    font-size:18px;
  }
  .bsbgeo-solution-content h3{
    font-size:28px;
    margin-bottom:26px;
  }
  .bsbgeo-solution-content p{
    font-size:16px;
    gap:12px;
    margin:16px 0;
    line-height:1.5;
  }
  .bsbgeo-window-card{
    position:relative;
    width:100%;
  }
  .bsbgeo-kpi-card{
    position:relative;
    width:220px;
    margin-bottom:20px;
  }
  .bsbgeo-industry-strip{
    width:calc(100% - 40px);
    grid-template-columns:1fr;
  }
  .bsbgeo-industry-strip article{
    min-height:420px;
  }
  .bsbgeo-case-tabs{
    grid-template-columns:1fr 1fr;
    border-radius:20px;
  }
  .bsbgeo-case-panel{
    padding:28px 20px;
    border-radius:24px;
  }
}
@media(max-width:640px){
  .bsbgeo-soft .container{
    width:calc(100% - 30px);
  }
  .bsbgeo-soft-title h2{
    font-size:31px;
  }
  .bsbgeo-soft-title p,
  .bsbgeo-soft-hero-bottom p{
    font-size:15px;
  }
  .bsbgeo-soft-hero h1{
    font-size:36px;
  }
  .bsbgeo-soft-hero-bottom h2{
    font-size:30px;
  }
  .bsbgeo-diagnosis,
  .bsbgeo-monitor,
  .bsbgeo-capability,
  .bsbgeo-solution,
  .bsbgeo-industry,
  .bsbgeo-case-proof,
  .bsbgeo-package-soft,
  .bsbgeo-faq-soft{
    padding:62px 0;
  }
  .bsbgeo-package-soft{
    padding-bottom:31px;
  }
  .bsbgeo-package-soft + .bsbgeo-faq-soft{
    padding-top:31px;
  }
  .bsbgeo-faq-soft{
    padding-bottom:40px;
  }
  .bsbgeo-radar{
    transform:scale(.82);
    transform-origin:center top;
    margin-bottom:-40px;
  }
  .bsbgeo-ring{
    left:12px;
    bottom:20px;
  }
  .bsbgeo-report-visual{
    width:100%;
    padding-inline:20px;
  }
  .bsbgeo-benefits{
    grid-template-columns:1fr 1fr;
  }
  .bsbgeo-chart-card,
  .bsbgeo-sentiment-card{
    min-height:230px;
  }
  .bsbgeo-person{
    right:-10px;
    transform:scale(.82);
    transform-origin:bottom right;
  }
  .bsbgeo-bars{
    left:14px;
    top:42%;
    width:210px;
  }
  .bsbgeo-package-soft-grid{
    grid-template-columns:1fr;
  }
  .bsbgeo-report-cta h2{
    font-size:30px;
  }
}

/* BSB GEO botanical green theme */
.bsbgeo-soft{
  --bsbgeo-ink:#1f241f;
  --bsbgeo-muted:#687363;
  --bsbgeo-leaf:#8fb96f;
  --bsbgeo-leaf-deep:#5f8748;
  --bsbgeo-leaf-dark:#34552f;
  --bsbgeo-sage:#b7cda5;
  --bsbgeo-sage-soft:#e8f1dc;
  --bsbgeo-cream:#f7f3e7;
  --bsbgeo-paper:#fffdf7;
  --bsbgeo-tea:#603322;
  color:var(--bsbgeo-ink);
  background:#fbfbf4;
}
.bsbgeo-soft::selection{
  color:#fff;
  background:var(--bsbgeo-leaf-deep);
}
.bsbgeo-soft h1,
.bsbgeo-soft h2,
.bsbgeo-soft h3,
.bsbgeo-soft h4{
  color:var(--bsbgeo-ink);
}
.bsbgeo-soft p,
.bsbgeo-soft li{
  color:var(--bsbgeo-muted);
}
.bsbgeo-soft-hero{
  background:#fbfbf4;
}
.bsbgeo-soft-bg{
  background:
    radial-gradient(circle at 62% 14%,rgba(255,255,236,.78),transparent 24%),
    radial-gradient(circle at 18% 18%,rgba(183,205,165,.72),transparent 30%),
    radial-gradient(circle at 86% 42%,rgba(116,158,88,.24),transparent 28%),
    linear-gradient(180deg,#dfeccd 0%,#f8f5ea 62%,#fffdf7 100%);
}
.bsbgeo-soft-bg::after{
  background:
    linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px);
  opacity:.2;
}
.bsbgeo-soft-hero h1,
.bsbgeo-soft-hero-bottom h2,
.bsbgeo-soft-title h2{
  color:var(--bsbgeo-ink);
}
.bsbgeo-soft-hero li::before{
  color:var(--bsbgeo-leaf-deep);
}
.bsbgeo-diagnosis,
.bsbgeo-monitor,
.bsbgeo-solution,
.bsbgeo-industry,
.bsbgeo-faq-soft,
.bsbgeo-report-cta{
  background:#fbfbf4;
}
.bsbgeo-capability{
  background:
    radial-gradient(circle at 76% 14%,rgba(183,205,165,.42),transparent 30%),
    linear-gradient(115deg,#f8f3e6 0%,#fffdf7 45%,#e7f0dc 100%);
}
.bsbgeo-case-proof{
  background:
    radial-gradient(circle at 82% 18%,rgba(183,205,165,.4),transparent 34%),
    linear-gradient(120deg,#eef5e7 0%,#fffaf0 100%);
}
.bsbgeo-diagnostic-panel{
  background:
    radial-gradient(circle at 82% 18%,rgba(205,222,186,.76),transparent 38%),
    radial-gradient(circle at 18% 78%,rgba(247,238,203,.76),transparent 34%),
    linear-gradient(120deg,#fffdf7 0%,#eef5e7 54%,#dbe9cc 100%);
  box-shadow:0 18px 58px rgba(85,112,70,.08);
}
.bsbgeo-diagnostic-panel:hover{
  box-shadow:0 28px 70px rgba(85,112,70,.14);
}
.bsbgeo-panel-head h3{
  color:var(--bsbgeo-ink);
}
.bsbgeo-panel-head a,
.bsbgeo-monitor-copy a,
.bsbgeo-center-btn,
.bsbgeo-package-soft-grid a,
.bsbgeo-report-cta a{
  background:linear-gradient(90deg,#6f9f50,#9fbd73);
  box-shadow:0 18px 42px rgba(95,135,72,.18);
}
.bsbgeo-panel-head a:hover,
.bsbgeo-monitor-copy a:hover,
.bsbgeo-center-btn:hover,
.bsbgeo-package-soft-grid a:hover,
.bsbgeo-report-cta a:hover{
  box-shadow:0 24px 48px rgba(95,135,72,.24);
}
.bsbgeo-radar polygon:first-child{
  stroke:var(--bsbgeo-leaf-deep);
}
.bsbgeo-radar polygon:nth-child(2){
  fill:var(--bsbgeo-leaf);
  opacity:.24;
}
.bsbgeo-radar polygon:nth-child(3){
  fill:var(--bsbgeo-leaf-deep);
  opacity:.34;
}
.bsbgeo-radar .r1,
.bsbgeo-radar .r3,
.bsbgeo-radar .r6{
  color:var(--bsbgeo-leaf-dark);
}
.bsbgeo-report-visual,
.bsbgeo-chart-card,
.bsbgeo-sentiment-card,
.bsbgeo-capability-grid article,
.bsbgeo-case-panel,
.bsbgeo-case-panel article>div:first-child,
.bsbgeo-case-panel section,
.bsbgeo-package-soft-grid article,
.bsbgeo-faq-soft-grid article{
  background:rgba(255,253,247,.92);
  box-shadow:0 18px 54px rgba(85,112,70,.08);
}
.bsbgeo-browser-top{
  background:#fffdf7;
}
.bsbgeo-browser-top i{
  background:#7fa85d;
}
.bsbgeo-browser-top i:nth-child(2){
  background:#b7cda5;
}
.bsbgeo-browser-top i:nth-child(3){
  background:#603322;
}
.bsbgeo-report-row span{
  background:linear-gradient(90deg,#dce9cf,#7fa85d);
}
.bsbgeo-report-row.green span{
  background:#6f9f50;
}
.bsbgeo-ring{
  color:var(--bsbgeo-leaf-dark);
  background:#fffdf7;
  box-shadow:0 16px 42px rgba(85,112,70,.13);
}
.bsbgeo-ring::before{
  border-color:#e5efd9;
  border-right-color:var(--bsbgeo-leaf-deep);
  border-bottom-color:var(--bsbgeo-leaf-deep);
}
.bsbgeo-benefits i{
  color:var(--bsbgeo-leaf-deep);
  background:#e8f1dc;
}
.bsbgeo-monitor-card{
  background:#fffdf7;
  box-shadow:0 0 24px rgba(142,170,120,.2);
}
.bsbgeo-monitor-copy p span,
.bsbgeo-solution-content p span{
  background:var(--bsbgeo-leaf-deep);
}
.bsbgeo-line-chart i{
  background:linear-gradient(90deg,#dfead3,#6f9f50);
}
.bsbgeo-line-chart b{
  background:var(--bsbgeo-leaf-deep);
  box-shadow:0 0 0 10px rgba(111,159,80,.16);
}
.bsbgeo-bars i{
  background:#8fb96f;
}
.bsbgeo-bars b:nth-of-type(2)+i{
  background:#b7cda5;
}
.bsbgeo-bars b:nth-of-type(3)+i{
  background:#d2b98a;
}
.bsbgeo-capability-grid i{
  background:#e8f1dc;
}
.bsbgeo-solution-panel{
  background:
    radial-gradient(circle at 76% 18%,rgba(255,255,235,.82),transparent 30%),
    radial-gradient(circle at 20% 78%,rgba(183,205,165,.72),transparent 34%),
    linear-gradient(120deg,#fffdf7 0%,#e8f1dc 54%,#b7cda5 100%);
  box-shadow:0 24px 80px rgba(85,112,70,.12);
}
.bsbgeo-solution-panel nav{
  border-right-color:rgba(52,85,47,.18);
}
.bsbgeo-solution-content h3{
  color:var(--bsbgeo-leaf-dark);
}
.bsbgeo-solution-visual{
  --bsbgeo-accent:#6f9f50;
  --bsbgeo-soft:#e5efd9;
  --bsbgeo-line:#7fa85d;
  --bsbgeo-dot-one:#6f9f50;
  --bsbgeo-dot-two:#603322;
  --bsbgeo-stripe:#e4edda;
}
.bsbgeo-kpi-card,
.bsbgeo-window-card{
  background:rgba(255,253,247,.9);
  box-shadow:0 18px 48px rgba(85,112,70,.14);
}
.bsbgeo-window-card::before{
  background:#eef5e7;
}
.bsbgeo-industry-strip article{
  background:#6f9f50;
}
.bsbgeo-industry-strip article::after{
  background:linear-gradient(180deg,rgba(58,93,50,.58),rgba(111,159,80,.16) 44%,rgba(39,64,36,.52));
}
.bsbgeo-industry-strip article:hover::after{
  background:linear-gradient(180deg,rgba(95,135,72,.72),rgba(255,253,247,.12) 44%,rgba(52,85,47,.56));
}
.bsbgeo-case-tabs{
  background:rgba(255,253,247,.72);
  border-color:rgba(52,85,47,.1);
}
.bsbgeo-case-tabs button.is-active{
  color:var(--bsbgeo-leaf-dark);
  background:#f5f9ee;
}
.bsbgeo-case-panel{
  background:
    linear-gradient(135deg,rgba(255,253,247,.9),rgba(242,248,234,.76)),
    radial-gradient(circle at 82% 18%,rgba(183,205,165,.48),transparent 34%),
    radial-gradient(circle at 15% 86%,rgba(248,237,196,.54),transparent 32%);
}
.bsbgeo-logo-card{
  background:
    linear-gradient(135deg,rgba(255,253,247,.9),rgba(240,247,232,.94)),
    radial-gradient(circle at 70% 18%,rgba(183,205,165,.62),transparent 42%);
}
.bsbgeo-case-panel section p::before{
  background:var(--bsbgeo-leaf-deep);
}
.bsbgeo-package-soft-grid article.hot{
  background:linear-gradient(135deg,#fffdf7,#e7f0dc);
}
.bsbgeo-package-soft-grid article.custom{
  background:
    linear-gradient(135deg,#fffdf7,#f0f6e8),
    radial-gradient(circle at 80% 12%,rgba(143,185,111,.22),transparent 42%);
}
.bsbgeo-package-soft-grid strong,
.bsbgeo-report-cta h2 span{
  color:var(--bsbgeo-leaf-deep);
}

/* 20260628bsbgeoGreen7: green primary with blue background accents */
body.bsbgeo-special-page{
  background:#fff;
}
.bsbgeo-soft{
  --bsbgeo-ink:#050505;
  --bsbgeo-muted:#5d5d62;
  --bsbgeo-leaf:#8cac68;
  --bsbgeo-leaf-deep:#5e823e;
  --bsbgeo-leaf-dark:#28452f;
  --bsbgeo-blue:#aad4e7;
  --bsbgeo-blue-deep:#5c9fbe;
  --bsbgeo-sage:#c8d8b7;
  --bsbgeo-sage-soft:#edf4e6;
  --bsbgeo-cream:#f8f0dc;
  --bsbgeo-paper:#fffdf6;
  --bsbgeo-warm:#b98949;
  --bsbgeo-shadow:rgba(73,99,58,.13);
  color:var(--bsbgeo-ink);
  background:#fff;
}
.bsbgeo-soft h1,
.bsbgeo-soft h2,
.bsbgeo-soft h3,
.bsbgeo-soft h4{
  color:var(--bsbgeo-ink);
}
.bsbgeo-soft p,
.bsbgeo-soft li{
  color:var(--bsbgeo-muted);
}
.bsbgeo-soft::selection{
  color:#fff;
  background:var(--bsbgeo-leaf-deep);
}
.bsbgeo-soft-hero{
  min-height:clamp(720px,82vh,940px);
  background:#eef5e6;
}
.bsbgeo-soft-bg{
  background:
    radial-gradient(ellipse at 52% 15%,rgba(255,255,232,.72),transparent 30%),
    radial-gradient(ellipse at 20% 36%,rgba(196,222,170,.56),transparent 34%),
    radial-gradient(ellipse at 61% 34%,rgba(177,211,151,.66),transparent 40%),
    radial-gradient(ellipse at 86% 40%,rgba(170,212,231,.5),transparent 36%),
    linear-gradient(90deg,rgba(196,222,170,.66) 0%,rgba(203,226,182,.56) 28%,rgba(194,219,171,.82) 48%,rgba(196,222,170,.78) 70%,rgba(170,212,231,.54) 100%);
}
.bsbgeo-soft-bg::before{
  content:"";
  position:absolute;
  right:clamp(34px,8vw,150px);
  top:clamp(116px,12vw,190px);
  width:min(46vw,650px);
  height:min(48vw,680px);
  border-radius:44% 56% 50% 48%;
  background:
    radial-gradient(circle at 30% 24%,rgba(255,255,244,.82),transparent 24%),
    linear-gradient(135deg,rgba(255,255,255,.68),rgba(205,226,187,.54) 42%,rgba(170,212,231,.26)),
    linear-gradient(90deg,rgba(196,222,170,.2),transparent 36%,rgba(170,212,231,.2));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 34px 76px rgba(83,102,60,.12);
  transform:rotate(-7deg);
  opacity:.86;
}
.bsbgeo-soft-bg::after{
  background:
    linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),
    linear-gradient(90deg,rgba(140,172,104,.08),transparent 30%,rgba(92,159,190,.08));
  background-size:96px 96px;
  opacity:.32;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.28),transparent 74%);
}
.bsbgeo-soft-hero-top,
.bsbgeo-soft-hero-bottom{
  position:relative;
  z-index:1;
}
.bsbgeo-soft-hero-top::after{
  content:"";
  position:absolute;
  right:clamp(12px,4vw,86px);
  top:50%;
  width:min(36vw,500px);
  height:min(24vw,330px);
  border-radius:32px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.78) 0 14%,transparent 14% 100%),
    repeating-linear-gradient(0deg,rgba(40,69,47,.1) 0 1px,transparent 1px 36px),
    linear-gradient(135deg,rgba(255,255,255,.38),rgba(198,222,173,.32) 56%,rgba(170,212,231,.2));
  border:1px solid rgba(95,130,62,.1);
  box-shadow:0 22px 54px rgba(82,103,58,.1);
  transform:translateY(-44%) rotate(3deg);
  pointer-events:none;
}
.bsbgeo-soft-hero h1{
  color:#050505;
  text-shadow:0 12px 34px rgba(55,72,43,.08);
}
.bsbgeo-soft-hero h1 .bsbgeo-title-line{
  overflow:visible;
  line-height:1.2;
}
.bsbgeo-soft-hero h1 .bsbgeo-title-line span{
  animation:none!important;
  opacity:1!important;
  transform:none!important;
}
.bsbgeo-soft-hero h1 .bsbgeo-title-line:nth-child(2) span{
  animation-delay:0s;
}
.bsbgeo-soft-hero ul{
  position:relative;
  z-index:2;
  width:min(100%,560px);
  padding:34px 38px;
  border-left:0;
  border-radius:30px;
  background:rgba(255,255,255,.66);
  border:1px solid rgba(95,130,62,.12);
  box-shadow:0 18px 48px rgba(92,124,74,.1);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.bsbgeo-soft-hero li{
  display:flex;
  align-items:center;
  gap:14px;
  color:#475943;
}
.bsbgeo-soft-hero li::before{
  content:"";
  width:9px;
  height:9px;
  margin-right:2px;
  border-radius:50%;
  background:var(--bsbgeo-leaf-deep);
  box-shadow:0 0 0 8px rgba(140,172,104,.15),12px 0 24px rgba(170,212,231,.16);
  flex:0 0 auto;
}
.bsbgeo-soft-hero-bottom h2,
.bsbgeo-soft-title h2{
  color:#050505;
}
.bsbgeo-soft-hero-bottom p,
.bsbgeo-soft-title p{
  color:#66676d;
}
.bsbgeo-diagnosis,
.bsbgeo-monitor,
.bsbgeo-solution,
.bsbgeo-industry,
.bsbgeo-faq-soft{
  background:
    radial-gradient(circle at 10% 8%,rgba(196,222,170,.14),transparent 26%),
    radial-gradient(circle at 88% 16%,rgba(170,212,231,.11),transparent 28%),
    linear-gradient(180deg,#fff 0%,#fff 100%);
}
.bsbgeo-capability{
  background:
    radial-gradient(circle at 12% 18%,rgba(196,222,170,.18),transparent 30%),
    radial-gradient(circle at 82% 12%,rgba(170,212,231,.15),transparent 32%),
    linear-gradient(118deg,#fff 0%,#fff 46%,#f3f8ed 100%);
}
.bsbgeo-case-proof{
  background:
    radial-gradient(circle at 12% 20%,rgba(196,222,170,.14),transparent 30%),
    radial-gradient(circle at 78% 12%,rgba(170,212,231,.12),transparent 32%),
    linear-gradient(125deg,#fff 0%,#f8fbf4 100%);
}
.bsbgeo-report-cta{
  background:
    radial-gradient(circle at 16% 10%,rgba(196,222,170,.12),transparent 28%),
    radial-gradient(circle at 84% 22%,rgba(170,212,231,.12),transparent 30%),
    #fff;
}
.bsbgeo-diagnostic-panel{
  border:1px solid rgba(95,130,62,.14);
  background:
    radial-gradient(circle at 16% 18%,rgba(196,222,170,.22),transparent 34%),
    radial-gradient(circle at 84% 16%,rgba(170,212,231,.18),transparent 32%),
    radial-gradient(circle at 72% 78%,rgba(213,231,197,.74),transparent 36%),
    linear-gradient(125deg,rgba(255,255,255,.96) 0%,rgba(246,250,241,.92) 54%,rgba(220,235,206,.72) 100%);
  box-shadow:0 20px 54px rgba(73,99,58,.08);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.bsbgeo-diagnostic-panel:hover{
  box-shadow:0 26px 64px rgba(73,99,58,.14);
}
.bsbgeo-panel-head h3,
.bsbgeo-monitor-copy h3,
.bsbgeo-case-panel h3,
.bsbgeo-case-panel h4,
.bsbgeo-faq-soft-grid h3,
.bsbgeo-package-soft-grid h3{
  color:#050505;
}
.bsbgeo-panel-head p,
.bsbgeo-report-visual>p,
.bsbgeo-case-panel p,
.bsbgeo-faq-soft-grid p,
.bsbgeo-package-soft-grid p{
  color:#5d5d62;
}
.bsbgeo-panel-head a,
.bsbgeo-monitor-copy a,
.bsbgeo-center-btn,
.bsbgeo-package-soft-grid a,
.bsbgeo-report-cta a{
  color:#fff;
  background:linear-gradient(90deg,#5e823e 0%,#8cac68 62%,#5c9fbe 100%);
  box-shadow:0 18px 42px rgba(84,118,58,.2);
}
.bsbgeo-panel-head a:hover,
.bsbgeo-monitor-copy a:hover,
.bsbgeo-center-btn:hover,
.bsbgeo-package-soft-grid a:hover,
.bsbgeo-report-cta a:hover{
  color:#fff;
  box-shadow:0 26px 54px rgba(84,118,58,.28);
}
.bsbgeo-radar polygon:first-child{
  stroke:#54763a;
}
.bsbgeo-radar polygon:nth-child(2){
  fill:#a9c98d;
  opacity:.26;
}
.bsbgeo-radar polygon:nth-child(3){
  fill:#5e823e;
  opacity:.34;
}
.bsbgeo-radar span,
.bsbgeo-radar .r1,
.bsbgeo-radar .r3,
.bsbgeo-radar .r6{
  color:#385832;
}
.bsbgeo-report-visual,
.bsbgeo-chart-card,
.bsbgeo-sentiment-card,
.bsbgeo-capability-grid article,
.bsbgeo-case-panel,
.bsbgeo-case-panel article>div:first-child,
.bsbgeo-case-panel section,
.bsbgeo-package-soft-grid article,
.bsbgeo-faq-soft-grid article{
  border:1px solid rgba(95,130,62,.12);
  background:#fff;
  box-shadow:0 20px 58px rgba(73,99,58,.08);
}
.bsbgeo-browser-top,
.bsbgeo-window-card::before{
  background:#fff;
}
.bsbgeo-browser-top i{
  background:#5e823e;
}
.bsbgeo-browser-top i:nth-child(2){
  background:#c8d8b7;
}
.bsbgeo-browser-top i:nth-child(3){
  background:#aad4e7;
}
.bsbgeo-report-row{
  color:#657160;
}
.bsbgeo-report-row span{
  background:linear-gradient(90deg,#e4efd8,#8cac68 70%,#aad4e7);
}
.bsbgeo-report-row.green span{
  background:#5e823e;
}
.bsbgeo-ring{
  color:#28452f;
  background:#fff;
  box-shadow:0 16px 42px rgba(73,99,58,.16);
}
.bsbgeo-ring::before{
  border-color:#e6efd8;
  border-right-color:#5e823e;
  border-bottom-color:#5e823e;
}
.bsbgeo-benefits i{
  color:#54763a;
  background:radial-gradient(circle at 20% 20%,#f0effa,transparent 42%),radial-gradient(circle at 70% 24%,#e6f4fb,transparent 44%),#e5efd9;
  box-shadow:0 12px 32px rgba(84,118,58,.12);
}
.bsbgeo-benefits h3{
  color:#050505;
}
.bsbgeo-benefits p{
  color:#77777d;
}
.bsbgeo-monitor-card{
  border:1px solid rgba(95,130,62,.13);
  background:#fff;
  box-shadow:0 24px 76px rgba(73,99,58,.1);
}
.bsbgeo-monitor-card:hover,
.bsbgeo-monitor:not(.bsbgeo-monitor-layered) .bsbgeo-monitor-card.is-stack-current,
.bsbgeo-monitor-stack.bsbgeo-stack-layered .bsbgeo-monitor-stage .bsbgeo-monitor-card.is-stack-current{
  box-shadow:0 34px 92px rgba(73,99,58,.16);
}
.bsbgeo-monitor:not(.bsbgeo-monitor-layered) .bsbgeo-monitor-card.is-stack-covered,
.bsbgeo-monitor-stack.bsbgeo-stack-layered .bsbgeo-monitor-stage .bsbgeo-monitor-card.is-stack-covered{
  box-shadow:0 12px 34px rgba(73,99,58,.08);
}
.bsbgeo-monitor-copy p{
  color:#5d5d62;
}
.bsbgeo-monitor-copy p span,
.bsbgeo-solution-content p span{
  color:#fff;
  background:#5e823e;
}
.bsbgeo-chart-card,
.bsbgeo-sentiment-card{
  background:
    radial-gradient(circle at 14% 18%,rgba(196,222,170,.17),transparent 32%),
    radial-gradient(circle at 84% 18%,rgba(170,212,231,.16),transparent 32%),
    linear-gradient(135deg,#fff,#f3f8ed);
}
.bsbgeo-chart-card h4{
  color:#485640;
}
.bsbgeo-line-chart{
  background:
    linear-gradient(rgba(95,130,62,.12) 1px,transparent 1px) 0 0/100% 52px,
    linear-gradient(90deg,rgba(95,130,62,.1) 1px,transparent 1px) 0 0/86px 100%;
}
.bsbgeo-line-chart::before{
  border-top-color:#5e823e;
  background:linear-gradient(180deg,rgba(94,130,62,.22),rgba(94,130,62,0));
}
.bsbgeo-line-chart::after{
  border-top-color:#5c9fbe;
  background:linear-gradient(180deg,rgba(92,159,190,.2),rgba(92,159,190,0));
}
.bsbgeo-line-chart i{
  border-radius:24px;
  background:linear-gradient(135deg,#28452f,#88a962);
}
.bsbgeo-line-chart b{
  border-radius:16px;
  background:
    linear-gradient(#fffdf6,#fffdf6) 0 0/100% 12px no-repeat,
    linear-gradient(135deg,rgba(255,253,246,.6),rgba(237,244,230,.3));
}
.bsbgeo-person{
  background:
    radial-gradient(circle at 50% 28%,#f5dcc7 0 34px,transparent 35px),
    linear-gradient(90deg,transparent 0 34%,#243020 35% 39%,transparent 40%),
    linear-gradient(#dce8ce,#b8c9a0);
}
.bsbgeo-person::before{
  background:#253220;
}
.bsbgeo-person::after{
  border-color:#28452f;
}
.bsbgeo-bars{
  background:rgba(255,253,246,.92);
  box-shadow:0 12px 32px rgba(73,99,58,.12);
}
.bsbgeo-bars b{
  color:#42513d;
}
.bsbgeo-bars i{
  background:#8cac68;
}
.bsbgeo-bars b:nth-of-type(2)+i{
  background:#aad4e7;
}
.bsbgeo-bars b:nth-of-type(3)+i{
  background:#aad4e7;
}
.bsbgeo-capability-grid article:hover,
.bsbgeo-package-soft-grid article:hover{
  border-color:rgba(95,130,62,.2);
  box-shadow:0 28px 78px rgba(73,99,58,.14);
}
.bsbgeo-capability-grid i{
  background:linear-gradient(135deg,#edf4e6 0%,#fff 45%,#e6f4fb 100%);
  box-shadow:inset 0 0 0 1px rgba(95,130,62,.1);
}
.bsbgeo-capability-grid i::before{
  color:#5e823e;
}
.bsbgeo-capability-grid ul{
  color:#657160;
}
.bsbgeo-solution-panel{
  border:1px solid rgba(95,130,62,.14);
  background:
    radial-gradient(circle at 12% 18%,rgba(196,222,170,.22),transparent 32%),
    radial-gradient(circle at 82% 18%,rgba(170,212,231,.22),transparent 32%),
    radial-gradient(circle at 52% 78%,rgba(200,224,177,.74),transparent 38%),
    linear-gradient(126deg,#fff 0%,#e8f1dc 54%,#c1dca8 100%);
  box-shadow:0 24px 70px rgba(73,99,58,.12);
}
.bsbgeo-solution-panel nav{
  border-right-color:rgba(40,69,47,.18);
}
.bsbgeo-solution-panel button{
  position:relative;
  color:#5f6a59;
}
.bsbgeo-solution-panel button::after{
  content:"";
  position:absolute;
  left:0;
  right:auto;
  bottom:-12px;
  width:42px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#5e823e,#8cac68,#5c9fbe);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .28s ease;
}
.bsbgeo-solution-panel button.is-active{
  color:#050505;
}
.bsbgeo-solution-panel button.is-active::after{
  transform:scaleX(1);
}
.bsbgeo-solution-content h3{
  color:#050505;
}
.bsbgeo-solution-content p{
  color:#54545a;
}
.bsbgeo-solution-visual{
  --bsbgeo-accent:#5e823e;
  --bsbgeo-soft:#e5efd9;
  --bsbgeo-line:#8cac68;
  --bsbgeo-dot-one:#5e823e;
  --bsbgeo-dot-two:#5c9fbe;
  --bsbgeo-stripe:#e3ecd5;
}
.bsbgeo-kpi-card,
.bsbgeo-window-card{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(95,130,62,.12);
  box-shadow:0 20px 60px rgba(73,99,58,.14);
}
.bsbgeo-kpi-card b{
  color:var(--bsbgeo-accent);
  border-color:var(--bsbgeo-soft);
  border-right-color:var(--bsbgeo-accent);
}
.bsbgeo-window-card h4{
  color:#2e3038;
}
.bsbgeo-industry-strip article{
  background:#5e823e;
  box-shadow:0 22px 70px rgba(73,99,58,.12);
}
.bsbgeo-industry-strip img{
  filter:saturate(.9) contrast(.96) brightness(.92);
}
.bsbgeo-industry-strip article::after{
  background:linear-gradient(180deg,rgba(40,69,47,.68),rgba(95,130,62,.2) 44%,rgba(38,50,86,.58));
}
.bsbgeo-industry-strip article:hover::after{
  background:linear-gradient(180deg,rgba(94,130,62,.72),rgba(140,172,104,.22) 44%,rgba(92,159,190,.42));
}
.bsbgeo-case-tabs{
  background:rgba(255,253,246,.72);
  border-color:rgba(95,130,62,.14);
}
.bsbgeo-case-tabs button{
  color:#4f5d49;
}
.bsbgeo-case-tabs button.is-active{
  color:#050505;
  background:linear-gradient(90deg,#edf4e6,#e6f4fb);
}
.bsbgeo-case-panel{
  background:
    radial-gradient(circle at 12% 18%,rgba(196,222,170,.16),transparent 32%),
    radial-gradient(circle at 86% 18%,rgba(170,212,231,.14),transparent 30%),
    linear-gradient(135deg,rgba(255,255,255,.97),rgba(248,251,244,.88));
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.bsbgeo-logo-card{
  background:
    radial-gradient(circle at 20% 16%,rgba(196,222,170,.18),transparent 34%),
    radial-gradient(circle at 82% 16%,rgba(170,212,231,.14),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(244,249,238,.94));
}
.bsbgeo-logo-card b{
  color:#28452f;
}
.bsbgeo-logo-card span{
  color:#5d6a57;
}
.bsbgeo-case-panel section p::before{
  background:#5e823e;
}
.bsbgeo-package-soft{
  background:
    radial-gradient(circle at 16% 8%,rgba(196,222,170,.1),transparent 26%),
    radial-gradient(circle at 86% 16%,rgba(170,212,231,.1),transparent 28%),
    #fff;
}
.bsbgeo-package-soft-grid article.hot{
  background:radial-gradient(circle at 90% 12%,rgba(170,212,231,.12),transparent 36%),linear-gradient(135deg,#fff,#f0f7e8);
}
.bsbgeo-package-soft-grid article.custom{
  background:
    radial-gradient(circle at 16% 12%,rgba(196,222,170,.14),transparent 36%),
    radial-gradient(circle at 84% 12%,rgba(170,212,231,.12),transparent 36%),
    linear-gradient(135deg,#fff,#f4f9ef);
}
.bsbgeo-package-soft-grid strong,
.bsbgeo-report-cta h2 span{
  color:#5e823e;
}
.bsbgeo-package-soft-grid small{
  color:#71806c;
}
.bsbgeo-faq-soft-grid article{
  background:#fff;
}
.bsbgeo-report-cta .container{
  padding:clamp(46px,5vw,78px) clamp(26px,4vw,70px);
  border-radius:36px;
  background:
    radial-gradient(circle at 16% 20%,rgba(196,222,170,.2),transparent 34%),
    radial-gradient(circle at 84% 20%,rgba(170,212,231,.18),transparent 34%),
    radial-gradient(circle at 54% 82%,rgba(200,224,177,.55),transparent 36%),
    linear-gradient(126deg,#fff,#edf4e6);
  border:1px solid rgba(95,130,62,.13);
  box-shadow:0 20px 58px rgba(73,99,58,.09);
}

.bsbgeo-industry-strip h3,
.bsbgeo-industry-strip p,
.bsbgeo-industry-strip a{
  color:#fff;
}

@media(max-width:1280px){
  .bsbgeo-soft-hero-top::after{
    right:24px;
    top:38%;
    opacity:.48;
  }
  .bsbgeo-soft-hero ul{
    margin-top:10px;
  }
}
@media(max-width:980px){
  .bsbgeo-soft-bg::before,
  .bsbgeo-soft-hero-top::after{
    opacity:.28;
  }
  .bsbgeo-soft-hero ul{
    width:100%;
    padding:26px 24px;
    border-radius:22px;
  }
  .bsbgeo-solution-panel button::after{
    bottom:-8px;
  }
}
@media(max-width:640px){
  .bsbgeo-soft-hero{
    min-height:680px;
  }
  .bsbgeo-soft-bg::before,
  .bsbgeo-soft-hero-top::after{
    display:none;
  }
  .bsbgeo-soft-hero ul{
    padding:22px 20px;
    box-shadow:0 16px 46px rgba(65,91,52,.08);
  }
  .bsbgeo-soft-hero li{
    gap:10px;
  }
  .bsbgeo-report-cta .container{
    border-radius:24px;
  }
}

/* 20260628bsbgeoGreen17: refined spacing, hero circle and capability icons */
.bsbgeo-soft{
  --bsbgeo-probiotic-green:#a9cf8a;
  --bsbgeo-probiotic-green-mid:#86b95e;
  --bsbgeo-probiotic-green-deep:#5f8f3f;
  --bsbgeo-probiotic-lime:#dceec8;
  --bsbgeo-soft-mist:#d8dfd0;
  --bsbgeo-soft-sky:#a9d4e8;
  --bsbgeo-icon-grad:linear-gradient(135deg,#eef8e8 0%,#b9d99b 34%,#86b95e 68%,#5f8f3f 100%);
  --bsbgeo-icon-grad-soft:radial-gradient(circle at 28% 22%,rgba(255,255,255,.92),transparent 28%),linear-gradient(135deg,#eef8e8 0%,#cfe7bb 38%,#97c874 72%,#6a9d46 100%);
}
.bsbgeo-soft-bg{
  background:
    linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.26) 26%,rgba(255,255,255,.82) 40%,#fff 54%,#fff 100%),
    radial-gradient(ellipse at 5% 28%,rgba(205,214,198,.34),transparent 34%),
    radial-gradient(ellipse at 55% 16%,rgba(169,207,138,.32),transparent 36%),
    radial-gradient(ellipse at 90% 28%,rgba(169,212,232,.28),transparent 38%),
    linear-gradient(108deg,#f5f8f1 0%,#edf3e7 24%,#e9f5dc 44%,#cde7b8 62%,#e2f2e6 80%,#d8eef3 100%);
}
.bsbgeo-soft-bg::before{
  right:clamp(58px,10vw,176px);
  width:min(40vw,570px);
  height:min(42vw,600px);
  background:
    radial-gradient(circle at 30% 24%,rgba(255,255,244,.82),transparent 24%),
    linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 58%,rgba(255,255,255,.46) 84%,rgba(255,255,255,.82) 100%),
    linear-gradient(135deg,rgba(255,255,255,.68),rgba(205,226,187,.5) 42%,rgba(170,212,231,.24)),
    linear-gradient(90deg,rgba(196,222,170,.18),transparent 36%,rgba(170,212,231,.18));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 26px 64px rgba(83,102,60,.08);
}
.bsbgeo-diagnosis,
.bsbgeo-monitor,
.bsbgeo-solution,
.bsbgeo-industry,
.bsbgeo-case-proof,
.bsbgeo-package-soft,
.bsbgeo-faq-soft{
  padding-top:clamp(66px,6.2vw,112px);
  padding-bottom:clamp(66px,6.2vw,112px);
}
.bsbgeo-diagnosis{
  padding-bottom:clamp(48px,4.8vw,82px);
}
.bsbgeo-diagnosis + .bsbgeo-monitor{
  padding-top:clamp(54px,5.2vw,92px);
}
.bsbgeo-soft-title{
  margin-bottom:clamp(38px,3.8vw,66px);
}
.bsbgeo-monitor-stack{
  margin-top:0;
}
.bsbgeo-soft-bg::after{
  background:
    linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.48) 34%,#fff 60%,#fff 100%);
  background-size:112px 112px,112px 112px,auto;
  opacity:.38;
}
.bsbgeo-diagnosis,
.bsbgeo-monitor,
.bsbgeo-solution,
.bsbgeo-industry,
.bsbgeo-faq-soft,
.bsbgeo-capability,
.bsbgeo-case-proof,
.bsbgeo-package-soft,
.bsbgeo-report-cta{
  background:#fff;
}
.bsbgeo-capability{
  isolation:isolate;
  overflow:hidden;
  padding-top:clamp(76px,6.8vw,122px);
  padding-bottom:clamp(76px,6.8vw,122px);
  background:
    linear-gradient(180deg,#fff 0%,#fff 18%,rgba(255,255,255,.72) 34%,rgba(255,255,255,0) 50%),
    radial-gradient(ellipse at 0% 30%,rgba(221,233,209,.76),rgba(255,255,255,0) 44%),
    radial-gradient(ellipse at 50% 24%,rgba(169,207,138,.36),rgba(255,255,255,0) 48%),
    radial-gradient(ellipse at 100% 28%,rgba(202,226,201,.5),rgba(255,255,255,0) 46%),
    linear-gradient(118deg,#f8f5ee 0%,#f1f8eb 34%,#e3f1d7 60%,#edf6ef 82%,#fff 100%);
}
.bsbgeo-capability::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 24%,rgba(255,255,255,.74),transparent 18%),
    radial-gradient(circle at 62% 8%,rgba(255,255,255,.5),transparent 22%),
    linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px);
  background-size:auto,auto,118px 118px,118px 118px;
  opacity:.38;
}
.bsbgeo-diagnosis>.container,
.bsbgeo-monitor>.container,
.bsbgeo-solution>.container,
.bsbgeo-industry>.container,
.bsbgeo-faq-soft>.container,
.bsbgeo-capability>.container,
.bsbgeo-case-proof>.container,
.bsbgeo-package-soft>.container,
.bsbgeo-report-cta>.container{
  position:relative;
  z-index:1;
}
.bsbgeo-diagnosis::before,
.bsbgeo-monitor::before{
  content:none;
  display:none;
}
.bsbgeo-diagnosis::after,
.bsbgeo-monitor::after{
  content:none;
  display:none;
}
.bsbgeo-faq-soft{
  isolation:isolate;
  overflow:hidden;
  background:
    linear-gradient(180deg,#fff 0%,rgba(255,255,255,.66) 16%,rgba(255,255,255,0) 34%),
    radial-gradient(ellipse at 12% 32%,rgba(232,239,225,.62),rgba(255,255,255,0) 42%),
    radial-gradient(ellipse at 74% 28%,rgba(214,236,197,.48),rgba(255,255,255,0) 44%),
    radial-gradient(ellipse at 96% 74%,rgba(204,232,236,.4),rgba(255,255,255,0) 42%),
    linear-gradient(120deg,#fbfaf6 0%,#f6fbf1 42%,#eef8f6 100%);
}
.bsbgeo-faq-soft::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px);
  background-size:118px 118px;
  opacity:.34;
}
.bsbgeo-faq-soft::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:clamp(86px,9vw,160px);
  z-index:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff 88%);
}
.bsbgeo-diagnostic-panel,
.bsbgeo-solution-panel,
.bsbgeo-case-panel,
.bsbgeo-report-cta .container{
  background:
    linear-gradient(115deg,rgba(169,207,138,.12),rgba(255,255,255,0) 34%),
    linear-gradient(245deg,rgba(169,212,232,.1),rgba(255,255,255,0) 34%),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,252,245,.94));
}
.bsbgeo-report-cta{
  background:#fff;
}
.bsbgeo-report-cta .container{
  padding:clamp(30px,4vw,62px) 0 clamp(42px,5vw,76px);
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.bsbgeo-soft-hero li::before,
.bsbgeo-benefits i,
.bsbgeo-capability-grid i,
.bsbgeo-monitor-copy p span,
.bsbgeo-solution-content p span,
.bsbgeo-browser-top i,
.bsbgeo-report-row span,
.bsbgeo-report-row.green span,
.bsbgeo-bars i,
.bsbgeo-kpi-card i,
.bsbgeo-case-panel section p::before,
.bsbgeo-solution-panel button::after{
  background:var(--bsbgeo-icon-grad);
}
.bsbgeo-benefits i,
.bsbgeo-capability-grid i{
  background:var(--bsbgeo-icon-grad-soft);
  box-shadow:0 14px 34px rgba(95,143,63,.16),inset 0 1px 0 rgba(255,255,255,.58);
}
.bsbgeo-capability-grid i{
  width:66px;
  height:66px;
  border-radius:10px;
  background:
    radial-gradient(circle at 24% 20%,rgba(255,255,255,.9),transparent 28%),
    linear-gradient(135deg,#f1faeb 0%,#d4ecc2 38%,#a9cf8a 72%,#7fae59 100%);
  box-shadow:0 16px 38px rgba(95,143,63,.18),inset 0 1px 0 rgba(255,255,255,.72);
}
.bsbgeo-capability-grid i::before{
  content:"";
  position:absolute;
  inset:14px;
  display:block;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 26.5H28.2C31.2 26.5 33.5 24.2 33.5 21.3C33.5 18.6 31.5 16.4 28.9 16.1C28 11.2 23.9 8 19.2 8C14.6 8 10.8 10.8 9.4 14.8C6.6 15.3 4.5 17.7 4.5 20.6C4.5 23.9 7.1 26.5 10.4 26.5' stroke='%23070707' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='27.7' cy='12.4' r='2.4' fill='%2386b95e'/%3E%3C/svg%3E");
}
.bsbgeo-capability-grid i::after{
  content:"";
  position:absolute;
  right:11px;
  top:11px;
  width:7px;
  height:7px;
  border-radius:999px;
  background:#78a94f;
  box-shadow:0 0 0 4px rgba(120,169,79,.14);
}
.bsbgeo-capability-grid article:nth-child(2) i::before{
  background-image:url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 6.5H24.5L30 12V31.5H11V6.5Z' stroke='%23070707' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M24.5 6.5V12H30' stroke='%23070707' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M15.5 19H25.5M15.5 24H22.5' stroke='%23070707' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='27.5' cy='24.5' r='2.5' fill='%2386b95e'/%3E%3C/svg%3E");
}
.bsbgeo-capability-grid article:nth-child(3) i::before{
  background-image:url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='19' r='4.5' stroke='%23070707' stroke-width='2'/%3E%3Ccircle cx='28' cy='10' r='4.5' stroke='%23070707' stroke-width='2'/%3E%3Ccircle cx='28' cy='28' r='4.5' stroke='%23070707' stroke-width='2'/%3E%3Cpath d='M14 17L24 12M14 21L24 26' stroke='%23070707' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='19' cy='19' r='2.2' fill='%2386b95e'/%3E%3C/svg%3E");
}
.bsbgeo-capability-grid article:nth-child(4) i::before{
  background-image:url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 30.5H31' stroke='%23070707' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M10 25L16 18.5L21 22L29 11' stroke='%23070707' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25 11H29V15' stroke='%23070707' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='16' cy='18.5' r='2.3' fill='%2386b95e'/%3E%3C/svg%3E");
}
.bsbgeo-capability-grid article:nth-child(5) i::before{
  background-image:url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 28.5V12.5C8 10.3 9.8 8.5 12 8.5H26C28.2 8.5 30 10.3 30 12.5V28.5' stroke='%23070707' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12.5 28.5V20.5H17V28.5M21 28.5V16H25.5V28.5' stroke='%23070707' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M6 28.5H32' stroke='%23070707' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='25.5' cy='13' r='2.4' fill='%2386b95e'/%3E%3C/svg%3E");
}
.bsbgeo-monitor-copy p span,
.bsbgeo-solution-content p span{
  box-shadow:0 8px 20px rgba(95,143,63,.18);
}
.bsbgeo-browser-top i:nth-child(2),
.bsbgeo-browser-top i:nth-child(3),
.bsbgeo-bars b:nth-of-type(2)+i,
.bsbgeo-bars b:nth-of-type(3)+i{
  background:linear-gradient(135deg,#e7f5dc 0%,#adcF8b 45%,#76a94f 100%);
}
.bsbgeo-line-chart::before,
.bsbgeo-line-chart::after{
  border-top-color:#6f9f4c;
  background:linear-gradient(180deg,rgba(111,159,76,.2),rgba(111,159,76,0));
}
.bsbgeo-line-chart i{
  background:linear-gradient(135deg,#385c2f,#87ba5e);
}
.bsbgeo-kpi-card b{
  color:#5f8f3f;
  border-color:#e3f1d7;
  border-right-color:#6f9f4c;
  border-bottom-color:#86b95e;
}

/* 20260628bsbgeoGreen18: tighter GEO rhythm, green icon surfaces and FAQ QA labels */
.bsbgeo-soft-hero{
  padding-bottom:clamp(28px,3.2vw,54px);
}
.bsbgeo-diagnosis{
  padding-top:clamp(32px,3.2vw,58px);
  padding-bottom:clamp(58px,5.8vw,98px);
}
.bsbgeo-benefits{
  margin-top:clamp(42px,4.2vw,72px);
}
.bsbgeo-benefits div{
  padding-top:clamp(18px,2vw,34px);
}
.bsbgeo-benefits i,
.bsbgeo-capability-grid i,
.bsbgeo-solution-content p span{
  background:
    radial-gradient(circle at 24% 20%,rgba(255,255,255,.9),transparent 30%),
    linear-gradient(135deg,#f0faea 0%,#cfebbd 36%,#a9cf8a 66%,#6f9f4c 100%);
  box-shadow:0 16px 38px rgba(95,143,63,.18),inset 0 1px 0 rgba(255,255,255,.72);
}
.bsbgeo-benefits h3{
  margin-top:9px;
}
.bsbgeo-capability{
  padding-top:clamp(46px,4.1vw,74px);
  padding-bottom:clamp(58px,5.8vw,98px);
}
.bsbgeo-capability .bsbgeo-soft-title{
  margin-bottom:clamp(30px,2.8vw,48px);
}
.bsbgeo-capability-grid article{
  padding:clamp(58px,4.9vw,76px) 36px 38px;
}
.bsbgeo-capability-grid i{
  margin-bottom:13px;
  border-radius:12px;
}
.bsbgeo-capability-grid h3{
  margin-bottom:20px;
}
.bsbgeo-capability .bsbgeo-center-btn{
  margin-top:clamp(72px,6.4vw,112px);
}
.bsbgeo-solution{
  padding-top:clamp(52px,5vw,90px);
}
.bsbgeo-solution .bsbgeo-soft-title,
.bsbgeo-industry .bsbgeo-soft-title,
.bsbgeo-case-proof .bsbgeo-soft-title,
.bsbgeo-package-soft .bsbgeo-soft-title,
.bsbgeo-faq-soft .bsbgeo-soft-title{
  margin-bottom:clamp(24px,2.5vw,44px);
}
.bsbgeo-industry{
  padding-top:clamp(52px,5vw,90px);
}
.bsbgeo-solution + .bsbgeo-industry{
  padding-top:clamp(52px,5vw,90px);
}
.bsbgeo-case-proof{
  padding-top:clamp(52px,5vw,90px);
}
.bsbgeo-package-soft{
  padding-top:clamp(34px,3.2vw,58px);
  padding-bottom:clamp(34px,3.4vw,62px);
}
.bsbgeo-faq-soft{
  padding-top:clamp(34px,3.2vw,58px);
  padding-bottom:clamp(34px,3.4vw,62px);
}
.bsbgeo-faq-soft-grid article{
  min-height:190px;
  padding:30px 34px 32px;
}
.bsbgeo-faq-soft-grid h3,
.bsbgeo-faq-soft-grid p{
  position:relative;
  padding-left:50px;
}
.bsbgeo-faq-soft-grid h3{
  margin-bottom:16px;
}
.bsbgeo-faq-soft-grid h3::before,
.bsbgeo-faq-soft-grid p::before{
  position:absolute;
  left:0;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:15px;
  line-height:1;
  font-weight:800;
}
.bsbgeo-faq-soft-grid h3::before{
  content:"问";
  top:-1px;
  color:#fff;
  background:linear-gradient(135deg,#a9cf8a 0%,#6f9f4c 100%);
  box-shadow:0 10px 24px rgba(95,143,63,.2);
}
.bsbgeo-faq-soft-grid p::before{
  content:"答";
  top:.14em;
  color:#5f8f3f;
  background:#eff8e9;
  box-shadow:inset 0 0 0 1px rgba(95,143,63,.14);
}

@media(max-width:980px){
  .bsbgeo-soft-hero{
    padding-bottom:42px;
  }
  .bsbgeo-diagnosis,
  .bsbgeo-capability,
  .bsbgeo-solution,
  .bsbgeo-industry,
  .bsbgeo-case-proof,
  .bsbgeo-package-soft,
  .bsbgeo-faq-soft{
    padding-top:48px;
    padding-bottom:52px;
  }
  .bsbgeo-capability-grid article{
    padding:42px 24px 30px;
  }
  .bsbgeo-capability .bsbgeo-center-btn{
    margin-top:36px;
  }
  .bsbgeo-benefits div{
    padding-top:12px;
  }
  .bsbgeo-monitor-card,
  .bsbgeo-monitor-card.alt{
    grid-template-columns:1fr;
    gap:24px;
  }
  .bsbgeo-monitor-card.alt .bsbgeo-monitor-copy{
    order:1;
  }
  .bsbgeo-monitor-card.alt .bsbgeo-sentiment-card{
    order:2;
  }
  .bsbgeo-chart-card,
  .bsbgeo-sentiment-card{
    width:100%;
    min-width:0;
  }
  .bsbgeo-faq-soft-grid article{
    padding:26px 22px 28px;
  }
  .bsbgeo-faq-soft-grid h3,
  .bsbgeo-faq-soft-grid p{
    padding-left:42px;
  }
  .bsbgeo-faq-soft-grid h3::before,
  .bsbgeo-faq-soft-grid p::before{
    width:28px;
    height:28px;
    font-size:14px;
  }
}

/* 20260628bsbgeoGreen19: hero list weight and title rhythm refinements */
.bsbgeo-soft-hero li{
  font-weight:400;
}
.bsbgeo-soft-hero li::before{
  font-weight:700;
}
.bsbgeo-capability{
  padding-top:clamp(22px,2.05vw,38px);
}
.bsbgeo-capability .bsbgeo-soft-title{
  margin-bottom:clamp(60px,5.6vw,96px);
}
.bsbgeo-solution{
  padding-top:clamp(26px,2.5vw,45px);
}
.bsbgeo-solution .bsbgeo-soft-title{
  margin-bottom:clamp(48px,5vw,88px);
}
.bsbgeo-solution-panel{
  border-color:rgba(95,143,63,.09);
  background:
    radial-gradient(ellipse at 12% 18%,rgba(169,207,138,.13),rgba(255,255,255,0) 43%),
    radial-gradient(ellipse at 88% 16%,rgba(169,212,232,.1),rgba(255,255,255,0) 44%),
    radial-gradient(ellipse at 54% 92%,rgba(226,241,213,.46),rgba(255,255,255,0) 56%),
    linear-gradient(135deg,rgba(255,255,255,.99) 0%,rgba(250,253,247,.96) 48%,rgba(247,252,249,.98) 100%);
  box-shadow:0 24px 72px rgba(73,99,58,.08);
}

@media(max-width:980px){
  .bsbgeo-capability{
    padding-top:34px;
  }
  .bsbgeo-capability .bsbgeo-soft-title,
  .bsbgeo-solution .bsbgeo-soft-title{
    margin-bottom:44px;
  }
  .bsbgeo-solution{
    padding-top:34px;
  }
}

/* 20260628bsbgeoGreen20: compact report CTA spacing */
.bsbgeo-report-cta{
  padding:clamp(17px,1.65vw,29px) 0 clamp(51px,4.75vw,80px);
}
.bsbgeo-report-cta .container{
  padding:clamp(15px,2vw,31px) 0 clamp(21px,2.5vw,38px);
}

@media(max-width:980px){
  .bsbgeo-report-cta{
    padding:24px 0 40px;
  }
  .bsbgeo-report-cta .container{
    padding:18px 0 24px;
  }
}

/* 20260628bsbgeoGreen21: restore CTA breath and adjust industry/FAQ spacing */
.bsbgeo-report-cta{
  padding:clamp(24px,2.35vw,40px) 0 clamp(72px,6.7vw,112px);
}
.bsbgeo-report-cta .container{
  padding:clamp(22px,2.8vw,43px) 0 clamp(30px,3.4vw,52px);
}
.bsbgeo-industry,
.bsbgeo-solution + .bsbgeo-industry{
  padding-top:clamp(26px,2.5vw,45px);
}
.bsbgeo-faq-soft .bsbgeo-soft-title{
  margin-bottom:clamp(48px,5vw,88px);
}

@media(max-width:980px){
  .bsbgeo-report-cta{
    padding:32px 0 56px;
  }
  .bsbgeo-report-cta .container{
    padding:24px 0 32px;
  }
  .bsbgeo-industry,
  .bsbgeo-solution + .bsbgeo-industry{
    padding-top:28px;
  }
  .bsbgeo-faq-soft .bsbgeo-soft-title{
    margin-bottom:56px;
  }
}

/* 20260628bsbgeoGreen22: report CTA button color and sizing */
.bsbgeo-report-cta h2{
  margin-bottom:52px;
}
.bsbgeo-report-cta a{
  min-height:70px;
  padding:0 58px;
  color:#fff;
  font-size:24px;
  font-weight:400;
  background:
    radial-gradient(circle at 18% 16%,rgba(255,255,255,.28),transparent 34%),
    linear-gradient(90deg,#8fa77f 0%,#acc49d 52%,#9bbf9a 100%);
  box-shadow:0 22px 54px rgba(143,167,127,.26);
}
.bsbgeo-report-cta a:hover{
  color:#fff;
  box-shadow:0 28px 62px rgba(143,167,127,.32);
}

@media(max-width:980px){
  .bsbgeo-report-cta h2{
    margin-bottom:34px;
  }
  .bsbgeo-report-cta a{
    min-height:58px;
    padding:0 34px;
    font-size:18px;
  }
}

/* 20260628bsbgeoGreen24: local spacing pass for CTA, industry and package cards */
.bsbgeo-industry,
.bsbgeo-solution + .bsbgeo-industry{
  padding-top:clamp(51px,4.9vw,70px);
}
.bsbgeo-capability .bsbgeo-center-btn{
  margin-top:clamp(57px,5.4vw,97px);
  background:#5e823e;
}
.bsbgeo-industry>.bsbgeo-center-btn{
  margin-top:57px;
  background:#5e823e;
}
.bsbgeo-report-cta .container{
  padding-top:clamp(37px,3.8vw,58px);
}
.bsbgeo-report-cta h2{
  margin-bottom:89px;
}
.bsbgeo-package-soft-grid article{
  padding-bottom:45px;
}

@media(max-width:980px){
  .bsbgeo-industry,
  .bsbgeo-solution + .bsbgeo-industry{
    padding-top:53px;
  }
  .bsbgeo-capability .bsbgeo-center-btn{
    margin-top:21px;
  }
  .bsbgeo-industry>.bsbgeo-center-btn{
    margin-top:51px;
  }
  .bsbgeo-report-cta .container{
    padding-top:39px;
  }
  .bsbgeo-report-cta h2{
    margin-bottom:37px;
  }
  .bsbgeo-package-soft-grid article{
    padding-bottom:43px;
  }
}

/* 20260628bsbgeoGreen26: responsive layout fixes without title-size overrides */
@media(max-width:1180px){
  .bsbgeo-soft{
    overflow-x:hidden;
  }
  .bsbgeo-soft .container{
    width:min(calc(100% - 48px),1120px);
  }
  .bsbgeo-soft-hero-top,
  .bsbgeo-diagnosis-grid{
    grid-template-columns:1fr;
  }
  .bsbgeo-soft-hero ul{
    width:100%;
    max-width:680px;
    padding-left:34px;
  }
  .bsbgeo-solution-panel{
    grid-template-columns:minmax(150px,180px) minmax(0,1fr);
    gap:34px;
  }
  .bsbgeo-solution-visual{
    grid-column:1 / -1;
    min-height:360px;
  }
  .bsbgeo-capability-grid,
  .bsbgeo-package-soft-grid{
    gap:24px;
  }
}

@media(max-width:900px){
  .bsbgeo-soft .container{
    width:calc(100% - 36px);
  }
  .bsbgeo-soft-hero{
    padding-top:76px;
  }
  .bsbgeo-soft-hero-top{
    gap:34px;
  }
  .bsbgeo-soft-hero ul{
    padding:28px 30px;
  }
  .bsbgeo-diagnosis,
  .bsbgeo-monitor,
  .bsbgeo-capability,
  .bsbgeo-solution,
  .bsbgeo-industry,
  .bsbgeo-case-proof,
  .bsbgeo-package-soft,
  .bsbgeo-faq-soft{
    padding-left:0;
    padding-right:0;
  }
  .bsbgeo-benefits,
  .bsbgeo-capability-grid,
  .bsbgeo-industry-strip,
  .bsbgeo-package-soft-grid,
  .bsbgeo-faq-soft-grid{
    grid-template-columns:1fr;
  }
  .bsbgeo-benefits{
    gap:16px;
  }
  .bsbgeo-benefits div,
  .bsbgeo-capability-grid article,
  .bsbgeo-package-soft-grid article,
  .bsbgeo-faq-soft-grid article{
    min-width:0;
  }
  .bsbgeo-solution-panel{
    grid-template-columns:1fr;
    gap:26px;
    min-height:0;
    padding:32px 24px;
  }
  .bsbgeo-solution-panel nav{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px 12px;
    padding:0 0 22px;
    border-right:0;
    border-bottom:1px solid rgba(0,0,0,.08);
  }
  .bsbgeo-solution-panel button{
    min-width:0;
    padding:12px 0;
    white-space:normal;
  }
  .bsbgeo-solution-visual{
    min-height:320px;
  }
  .bsbgeo-window-card,
  .bsbgeo-kpi-card{
    max-width:100%;
  }
  .bsbgeo-center-btn,
  .bsbgeo-report-cta a{
    width:min(100%,360px);
    justify-content:center;
  }
}

@media(max-width:640px){
  .bsbgeo-soft .container{
    width:calc(100% - 28px);
  }
  .bsbgeo-soft-hero{
    padding-top:58px;
    padding-bottom:54px;
  }
  .bsbgeo-soft-hero ul{
    padding:24px 22px;
    border-radius:22px;
  }
  .bsbgeo-soft-hero-bottom{
    text-align:center;
  }
  .bsbgeo-panel-head{
    gap:18px;
  }
  .bsbgeo-panel-head a{
    width:max-content;
    max-width:100%;
  }
  .bsbgeo-benefits{
    grid-template-columns:1fr;
  }
  .bsbgeo-monitor-card{
    grid-template-columns:1fr!important;
    padding:26px 20px;
    border-radius:24px;
  }
  .bsbgeo-chart-card,
  .bsbgeo-sentiment-card{
    width:100%;
    min-height:220px;
  }
  .bsbgeo-solution-panel{
    padding:26px 18px;
    border-radius:22px;
  }
  .bsbgeo-solution-panel nav{
    grid-template-columns:1fr;
  }
  .bsbgeo-solution-content p{
    align-items:flex-start;
  }
  .bsbgeo-solution-visual{
    min-height:280px;
  }
  .bsbgeo-industry-strip article{
    min-height:360px;
  }
  .bsbgeo-case-tabs{
    width:100%;
    grid-template-columns:1fr 1fr;
  }
  .bsbgeo-case-panel{
    padding:24px 18px;
  }
  .bsbgeo-case-panel article{
    gap:18px;
  }
  .bsbgeo-package-soft-grid a{
    width:min(100%,220px);
  }
  .bsbgeo-report-cta .container{
    padding-left:14px;
    padding-right:14px;
  }
}

@media(max-width:420px){
  .bsbgeo-soft .container{
    width:calc(100% - 22px);
  }
  .bsbgeo-soft-hero ul,
  .bsbgeo-diagnostic-panel,
  .bsbgeo-capability-grid article,
  .bsbgeo-package-soft-grid article,
  .bsbgeo-faq-soft-grid article{
    padding-left:18px;
    padding-right:18px;
  }
  .bsbgeo-center-btn,
  .bsbgeo-report-cta a{
    width:100%;
    min-width:0;
    padding-left:18px;
    padding-right:18px;
  }
  .bsbgeo-case-tabs{
    grid-template-columns:1fr;
  }
}

/* 20260628bsbgeoGreen25: first-step positioning and solid green CTA */
.bsbgeo-capability .bsbgeo-center-btn{
  background:#5e823e!important;
  background-image:none!important;
}
.bsbgeo-soft-hero-bottom{
  transform:translateY(-25px);
}
.bsbgeo-monitor .bsbgeo-soft-title{
  margin-top:-15px;
}

@media(max-width:980px){
  .bsbgeo-soft-hero-bottom{
    transform:translateY(-16px);
  }
  .bsbgeo-monitor .bsbgeo-soft-title{
    margin-top:-10px;
  }
}

/* 20260628bsbgeoGreen23: unified green controls and section rhythm */
.bsbgeo-panel-head a,
.bsbgeo-monitor-copy a,
.bsbgeo-center-btn,
.bsbgeo-package-soft-grid a,
.bsbgeo-report-cta a{
  color:#fff;
  font-weight:400;
  background:#5e823e;
  box-shadow:0 18px 42px rgba(94,130,62,.2);
}
.bsbgeo-panel-head a:hover,
.bsbgeo-monitor-copy a:hover,
.bsbgeo-center-btn:hover,
.bsbgeo-package-soft-grid a:hover,
.bsbgeo-report-cta a:hover{
  color:#fff;
  background:#5e823e;
  box-shadow:0 24px 50px rgba(94,130,62,.26);
}
.bsbgeo-center-btn,
.bsbgeo-package-soft-grid a{
  font-size:18px;
  font-weight:400;
}
.bsbgeo-report-cta h2{
  margin-bottom:104px;
}
.bsbgeo-report-cta a{
  min-height:82px;
  padding:0 72px;
  font-size:28px;
}
.bsbgeo-faq-soft .bsbgeo-soft-title{
  margin-bottom:clamp(28px,3vw,68px);
}
.bsbgeo-faq-soft-grid h3::before,
.bsbgeo-faq-soft-grid p::before{
  font-size:18px;
}
.bsbgeo-package-soft{
  padding-top:clamp(4px,.6vw,28px);
}
.bsbgeo-package-soft .bsbgeo-soft-title{
  margin-bottom:clamp(39px,3.8vw,59px);
}
.bsbgeo-package-soft-grid article{
  min-height:340px;
  align-items:center;
  text-align:center;
}
.bsbgeo-package-soft-grid h3,
.bsbgeo-package-soft-grid strong,
.bsbgeo-package-soft-grid p{
  width:100%;
}
.bsbgeo-package-soft-grid p{
  display:grid;
  gap:8px;
  min-height:82px;
  margin:22px auto 30px;
  text-align:center;
}
.bsbgeo-package-soft-grid p span{
  display:block;
}
.bsbgeo-package-soft-grid a{
  width:50%;
  min-width:0;
  align-self:center;
  padding:0 12px;
}
.bsbgeo-case-proof{
  padding-top:clamp(4px,.6vw,20px);
}
.bsbgeo-case-tabs{
  width:min(620px,calc(100% - 48px));
  margin:-6px auto 42px;
  padding:7px;
}
.bsbgeo-case-tabs button{
  min-height:56px;
  font-size:18px;
}
.bsbgeo-case-tabs button.is-active{
  color:#23351e;
  background:rgba(94,130,62,.2);
  box-shadow:inset 0 0 0 1px rgba(94,130,62,.12);
}
.bsbgeo-solution{
  padding-bottom:30px;
}
.bsbgeo-industry .bsbgeo-soft-title{
  margin-bottom:clamp(51px,4.8vw,76px);
}

@media(max-width:980px){
  .bsbgeo-report-cta h2{
    margin-bottom:52px;
  }
  .bsbgeo-report-cta a{
    min-height:64px;
    padding:0 40px;
    font-size:20px;
  }
  .bsbgeo-package-soft-grid a{
    width:62%;
  }
  .bsbgeo-case-tabs{
    margin:0 auto 32px;
  }
  .bsbgeo-case-tabs button{
    min-height:48px;
    font-size:16px;
  }
  .bsbgeo-solution{
    padding-bottom:24px;
  }
  .bsbgeo-industry .bsbgeo-soft-title{
    margin-bottom:44px;
  }
}

/* 20260628bsbgeoGreen24: final spacing and green CTA overrides */
.bsbgeo-industry,
.bsbgeo-solution + .bsbgeo-industry{
  padding-top:clamp(51px,4.9vw,70px);
}
.bsbgeo-capability .bsbgeo-center-btn{
  margin-top:clamp(57px,5.4vw,97px);
  color:#fff;
  background:#5e823e;
}
.bsbgeo-industry>.bsbgeo-center-btn{
  margin-top:57px;
  color:#fff;
  background:#5e823e;
}
.bsbgeo-report-cta .container{
  padding-top:clamp(37px,3.8vw,58px);
}
.bsbgeo-report-cta h2{
  margin-bottom:89px;
}
.bsbgeo-package-soft-grid article{
  padding-bottom:45px;
}

@media(max-width:980px){
  .bsbgeo-industry,
  .bsbgeo-solution + .bsbgeo-industry{
    padding-top:53px;
  }
  .bsbgeo-capability .bsbgeo-center-btn{
    margin-top:21px;
  }
  .bsbgeo-industry>.bsbgeo-center-btn{
    margin-top:51px;
  }
  .bsbgeo-report-cta .container{
    padding-top:39px;
  }
  .bsbgeo-report-cta h2{
    margin-bottom:37px;
  }
  .bsbgeo-package-soft-grid article{
    padding-bottom:43px;
  }
}

/* 20260628bsbgeoGreen27: solution top rhythm and report CTA gap */
.bsbgeo-solution{
  padding-top:clamp(51px,calc(2.5vw + 25px),70px);
}
.bsbgeo-report-cta h2{
  margin-bottom:74px;
}

@media(max-width:980px){
  .bsbgeo-solution{
    padding-top:59px;
  }
  .bsbgeo-report-cta h2{
    margin-bottom:22px;
  }
}

/* 20260628bsbgeoGreen28: lift solution section title */
.bsbgeo-solution .bsbgeo-soft-title{
  transform:translateY(-30px);
}

@media(max-width:980px){
  .bsbgeo-solution .bsbgeo-soft-title{
    transform:translateY(-22px);
  }
}

/* 20260628bsbgeoGreen29: add top breathing room for solution title */
.bsbgeo-solution .bsbgeo-soft-title{
  transform:translateY(20px);
}

@media(max-width:980px){
  .bsbgeo-solution .bsbgeo-soft-title{
    transform:translateY(10px);
  }
}

/* 20260628bsbgeoGreen30: restore soft green-to-white solution background */
.bsbgeo-solution{
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 8% 6%,rgba(94,130,62,.1),rgba(255,255,255,0) 38%),
    radial-gradient(ellipse at 82% 0%,rgba(169,207,138,.28),rgba(255,255,255,0) 46%),
    radial-gradient(ellipse at 48% 18%,rgba(226,241,213,.52),rgba(255,255,255,0) 54%),
    linear-gradient(180deg,#edf7e8 0%,#f4faef 32%,#fbfdf9 62%,#fff 100%);
}
.bsbgeo-solution::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.34) 52%,#fff 100%),
    radial-gradient(circle at 5% 12%,rgba(0,0,0,.04) 0,rgba(0,0,0,.04) 18px,rgba(0,0,0,0) 19px),
    radial-gradient(circle at 3% 8%,rgba(0,0,0,.035) 0,rgba(0,0,0,.035) 3px,rgba(0,0,0,0) 4px);
}
.bsbgeo-solution>.container{
  position:relative;
  z-index:1;
}

/* 20260628bsbgeoGreen31: continuous gradient across capability and solution */
.bsbgeo-capability{
  background:
    radial-gradient(ellipse at 12% 14%,rgba(255,255,255,.72),rgba(255,255,255,0) 34%),
    radial-gradient(ellipse at 84% 8%,rgba(169,207,138,.24),rgba(255,255,255,0) 44%),
    radial-gradient(ellipse at 50% 72%,rgba(226,241,213,.42),rgba(255,255,255,0) 54%),
    linear-gradient(180deg,#fff 0%,#fbfdf9 30%,#f3faef 68%,#edf7e8 100%);
}
.bsbgeo-solution{
  overflow:visible;
  margin-top:-1px;
  background:
    radial-gradient(ellipse at 16% 8%,rgba(255,255,255,.68),rgba(255,255,255,0) 40%),
    radial-gradient(ellipse at 78% 6%,rgba(169,207,138,.22),rgba(255,255,255,0) 48%),
    radial-gradient(ellipse at 50% 34%,rgba(226,241,213,.34),rgba(255,255,255,0) 58%),
    linear-gradient(180deg,#edf7e8 0%,#f0f8eb 24%,#f8fcf5 58%,#fff 100%);
}
.bsbgeo-solution::before{
  top:-180px;
  right:0;
  bottom:auto;
  left:0;
  height:clamp(260px,22vw,390px);
  background:
    linear-gradient(180deg,rgba(237,247,232,0) 0%,rgba(237,247,232,.86) 34%,rgba(243,250,239,.72) 62%,rgba(255,255,255,0) 100%),
    radial-gradient(ellipse at 50% 48%,rgba(255,255,255,.38),rgba(255,255,255,0) 62%);
  filter:blur(18px);
  opacity:.96;
}

/* 20260628bsbgeoGreen32: smoother section gradient, unclipped visual, mobile GEO refinement */
.bsbgeo-capability{
  position:relative;
  overflow:hidden;
  padding-bottom:clamp(96px,8.6vw,158px);
  background:
    linear-gradient(180deg,#fff 0%,rgba(255,255,255,.96) 14%,rgba(250,253,247,.72) 31%,rgba(244,250,239,.36) 48%,rgba(237,247,232,.74) 72%,#edf7e8 100%),
    radial-gradient(ellipse at 14% 20%,rgba(196,222,170,.2),rgba(255,255,255,0) 44%),
    radial-gradient(ellipse at 82% 18%,rgba(170,212,231,.16),rgba(255,255,255,0) 44%),
    radial-gradient(ellipse at 52% 74%,rgba(169,207,138,.2),rgba(255,255,255,0) 58%);
}
.bsbgeo-capability::before{
  content:"";
  position:absolute;
  inset:auto -8% -1px;
  height:clamp(260px,24vw,430px);
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 22% 58%,rgba(255,255,255,.55),rgba(255,255,255,0) 58%),
    radial-gradient(ellipse at 76% 46%,rgba(203,226,182,.42),rgba(255,255,255,0) 62%),
    linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(240,248,235,.74) 36%,#edf7e8 86%,#edf7e8 100%);
  filter:blur(20px);
  opacity:.95;
}
.bsbgeo-solution{
  position:relative;
  overflow:hidden;
  margin-top:-72px;
  padding-top:clamp(118px,10vw,174px);
  padding-bottom:clamp(58px,5.4vw,92px);
  background:
    linear-gradient(180deg,#edf7e8 0%,#eef8e9 12%,rgba(242,250,237,.82) 31%,rgba(249,253,246,.58) 50%,#fff 78%,#fff 100%),
    radial-gradient(ellipse at 12% 8%,rgba(255,255,255,.66),rgba(255,255,255,0) 48%),
    radial-gradient(ellipse at 82% 14%,rgba(196,222,170,.26),rgba(255,255,255,0) 50%),
    radial-gradient(ellipse at 54% 42%,rgba(170,212,231,.1),rgba(255,255,255,0) 60%);
}
.bsbgeo-solution::before{
  top:-120px;
  height:clamp(360px,30vw,560px);
  background:
    linear-gradient(180deg,#edf7e8 0%,rgba(239,248,234,.88) 26%,rgba(246,252,242,.46) 62%,rgba(255,255,255,0) 100%),
    radial-gradient(ellipse at 50% 28%,rgba(255,255,255,.42),rgba(255,255,255,0) 66%);
  filter:blur(30px);
  opacity:.92;
}
.bsbgeo-solution .bsbgeo-soft-title{
  transform:none;
  margin-bottom:clamp(48px,4.6vw,76px);
}
.bsbgeo-solution-panel{
  min-height:clamp(660px,41vw,760px);
  align-items:center;
  padding:clamp(76px,5.8vw,96px) clamp(58px,5.4vw,92px);
  overflow:hidden;
  background:
    radial-gradient(ellipse at 12% 16%,rgba(255,255,255,.86),rgba(255,255,255,0) 32%),
    radial-gradient(ellipse at 86% 14%,rgba(196,222,170,.26),rgba(255,255,255,0) 38%),
    radial-gradient(ellipse at 48% 88%,rgba(169,207,138,.24),rgba(255,255,255,0) 48%),
    linear-gradient(126deg,#fff 0%,#f4faef 44%,#dfeeda 100%);
}
.bsbgeo-solution-visual{
  min-height:clamp(500px,30vw,560px);
}
.bsbgeo-window-card{
  top:clamp(28px,2.4vw,44px);
  right:0;
}
.bsbgeo-kpi-card{
  bottom:clamp(22px,2.2vw,40px);
}
.bsbgeo-case-proof{
  background:
    radial-gradient(ellipse at 16% 10%,rgba(196,222,170,.18),rgba(255,255,255,0) 40%),
    radial-gradient(ellipse at 82% 18%,rgba(170,212,231,.12),rgba(255,255,255,0) 40%),
    linear-gradient(180deg,#fff 0%,#f8fbf4 56%,#fff 100%);
}

@media(max-width:1280px){
  .bsbgeo-solution{
    margin-top:-54px;
    padding-top:118px;
  }
  .bsbgeo-solution-panel{
    min-height:680px;
    grid-template-columns:170px minmax(0,.98fr) minmax(330px,1fr);
    gap:32px;
    padding:68px 42px;
  }
  .bsbgeo-solution-visual{
    min-height:470px;
  }
}

@media(max-width:980px){
  .bsbgeo-capability{
    padding-bottom:84px;
  }
  .bsbgeo-solution{
    margin-top:-46px;
    padding-top:104px;
    padding-bottom:56px;
  }
  .bsbgeo-solution .bsbgeo-soft-title,
  .bsbgeo-case-proof .bsbgeo-soft-title{
    text-align:center;
    margin-bottom:34px;
    transform:none;
  }
  .bsbgeo-solution .bsbgeo-soft-title h2,
  .bsbgeo-case-proof .bsbgeo-soft-title h2{
    font-size:clamp(30px,8vw,40px);
    line-height:1.18;
  }
  .bsbgeo-solution .bsbgeo-soft-title p,
  .bsbgeo-case-proof .bsbgeo-soft-title p{
    max-width:26em;
    margin-left:auto;
    margin-right:auto;
    font-size:17px;
    line-height:1.75;
  }
  .bsbgeo-solution-panel{
    width:calc(100% - 30px);
    display:grid;
    grid-template-columns:1fr;
    gap:22px;
    min-height:0;
    padding:26px 22px 28px;
    border-radius:26px;
    background:
      radial-gradient(ellipse at 16% 8%,rgba(255,255,255,.86),rgba(255,255,255,0) 34%),
      radial-gradient(ellipse at 88% 8%,rgba(196,222,170,.28),rgba(255,255,255,0) 38%),
      linear-gradient(155deg,#fff 0%,#f4faef 48%,#dfeeda 100%);
  }
  .bsbgeo-solution-panel nav{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    padding:6px;
    border:0;
    border-radius:18px;
    background:rgba(255,255,255,.72);
    box-shadow:inset 0 0 0 1px rgba(95,130,62,.08);
  }
  .bsbgeo-solution-panel button{
    min-height:44px;
    padding:0 4px;
    border-radius:14px;
    color:#505b4b;
    text-align:center;
    font-size:16px;
    line-height:1.25;
    white-space:normal;
  }
  .bsbgeo-solution-panel button::after{
    content:none;
  }
  .bsbgeo-solution-panel button.is-active{
    color:#fff;
    background:#5e823e;
    box-shadow:0 10px 24px rgba(94,130,62,.18);
  }
  .bsbgeo-solution-content{
    text-align:left;
    padding:8px 4px 0;
  }
  .bsbgeo-solution-content h3{
    margin:0 0 20px;
    font-size:clamp(28px,8vw,36px);
    line-height:1.24;
    font-weight:700;
  }
  .bsbgeo-solution-content p{
    gap:12px;
    margin:13px 0;
    font-size:16px;
    line-height:1.75;
  }
  .bsbgeo-solution-content p span{
    width:26px;
    height:26px;
    flex-basis:26px;
    font-size:14px;
  }
  .bsbgeo-solution-visual{
    min-height:420px;
    margin-top:4px;
  }
  .bsbgeo-window-card,
  .bsbgeo-kpi-card{
    position:absolute;
  }
  .bsbgeo-window-card{
    top:18px;
    right:0;
    width:min(100%,370px);
    height:250px;
    padding:66px 24px 22px;
  }
  .bsbgeo-kpi-card{
    left:0;
    bottom:18px;
    width:210px;
    padding:22px;
  }
  .bsbgeo-window-card h4{
    font-size:22px;
  }
  .bsbgeo-case-proof{
    padding-top:52px;
    padding-bottom:58px;
    background:
      radial-gradient(ellipse at 16% 10%,rgba(196,222,170,.18),rgba(255,255,255,0) 40%),
      radial-gradient(ellipse at 82% 20%,rgba(170,212,231,.1),rgba(255,255,255,0) 40%),
      linear-gradient(180deg,#fff 0%,#f8fbf4 56%,#fff 100%);
  }
  .bsbgeo-case-tabs{
    width:calc(100% - 30px);
    max-width:520px;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:6px;
    margin:0 auto 18px;
    padding:6px;
    border-radius:18px;
    background:rgba(255,255,255,.82);
  }
  .bsbgeo-case-tabs button{
    min-height:42px;
    padding:0 4px;
    font-size:15px;
  }
  .bsbgeo-case-tabs button.is-active{
    background:#eaf4e2;
    box-shadow:none;
  }
  .bsbgeo-case-panel{
    width:calc(100% - 30px);
    padding:22px 18px 24px;
    border-radius:24px;
    background:
      radial-gradient(ellipse at 16% 8%,rgba(196,222,170,.18),rgba(255,255,255,0) 42%),
      radial-gradient(ellipse at 86% 8%,rgba(170,212,231,.1),rgba(255,255,255,0) 42%),
      linear-gradient(155deg,#fff 0%,#f7fbf3 100%);
  }
  .bsbgeo-case-panel article.is-active{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
  }
  .bsbgeo-case-panel article>div:first-child,
  .bsbgeo-logo-card,
  .bsbgeo-case-panel section{
    min-height:0;
    padding:22px 20px;
    border-radius:18px;
  }
  .bsbgeo-case-panel h3{
    margin-bottom:12px;
    font-size:clamp(26px,7vw,32px);
    line-height:1.22;
  }
  .bsbgeo-case-panel p{
    font-size:16px;
    line-height:1.78;
  }
  .bsbgeo-logo-card{
    min-height:150px;
  }
  .bsbgeo-logo-card b{
    font-size:clamp(34px,9vw,46px);
  }
  .bsbgeo-logo-card span{
    margin-top:10px;
    font-size:16px;
  }
  .bsbgeo-case-panel h4{
    margin-bottom:12px;
    font-size:20px;
  }
  .bsbgeo-case-panel section p{
    padding-left:18px;
    margin:10px 0;
    font-size:15px;
  }
}

@media(max-width:520px){
  .bsbgeo-soft .container,
  .bsbgeo-solution-panel,
  .bsbgeo-case-tabs,
  .bsbgeo-case-panel{
    width:calc(100% - 24px);
  }
  .bsbgeo-solution .bsbgeo-soft-title,
  .bsbgeo-case-proof .bsbgeo-soft-title{
    margin-bottom:26px;
  }
  .bsbgeo-solution-panel{
    padding:22px 16px 24px;
    border-radius:22px;
  }
  .bsbgeo-solution-panel nav{
    grid-template-columns:repeat(2,minmax(0,1fr));
    border-radius:16px;
  }
  .bsbgeo-solution-panel button{
    min-height:42px;
    font-size:15px;
  }
  .bsbgeo-solution-content h3{
    font-size:28px;
  }
  .bsbgeo-solution-content p{
    font-size:16px;
  }
  .bsbgeo-solution-visual{
    min-height:390px;
  }
  .bsbgeo-window-card{
    width:100%;
    height:232px;
    padding:60px 20px 20px;
  }
  .bsbgeo-kpi-card{
    width:188px;
    padding:18px;
    bottom:8px;
  }
  .bsbgeo-kpi-card b{
    width:70px;
    height:70px;
    border-width:8px;
    font-size:26px;
  }
  .bsbgeo-case-tabs{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:4px;
    padding:5px;
  }
  .bsbgeo-case-tabs button{
    min-height:38px;
    font-size:13px;
  }
  .bsbgeo-case-panel{
    padding:18px 14px 20px;
  }
  .bsbgeo-case-panel article>div:first-child,
  .bsbgeo-logo-card,
  .bsbgeo-case-panel section{
    padding:20px 16px;
  }
}

/* 20260628bsbgeoGreen33: case proof title top spacing */
.bsbgeo-case-proof .bsbgeo-soft-title{
  padding-top:80px;
}

/* 20260628bsbgeoGreen34: solution section top reset */
.bsbgeo-solution{
  padding-top:0;
}

/* 20260628bsbweb1: website service page inspired by GEO visual system */
.bsbweb-page{
  background:#fff;
}
.bsbweb-special{
  --bsbweb-ink:#050505;
  --bsbweb-muted:#5d5d62;
  --bsbweb-green:#5e823e;
  --bsbweb-green-mid:#8cac68;
  --bsbweb-green-soft:#edf7e8;
  --bsbweb-blue:#aad4e7;
  --bsbweb-paper:#fff;
  overflow:hidden;
  color:var(--bsbweb-ink);
  background:#fff;
}
.bsbweb-special .container{
  width:min(calc(100% - 64px),1600px);
}
.bsbweb-hero{
  position:relative;
  min-height:clamp(760px,86vh,980px);
  display:grid;
  align-items:center;
  padding:clamp(110px,9vw,160px) 0 clamp(58px,5.6vw,96px);
  overflow:hidden;
  background:#eef7e9;
}
.bsbweb-hero-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse at 18% 24%,rgba(196,222,170,.62),transparent 34%),
    radial-gradient(ellipse at 62% 18%,rgba(255,255,244,.72),transparent 30%),
    radial-gradient(ellipse at 88% 38%,rgba(170,212,231,.42),transparent 36%),
    linear-gradient(100deg,#dceccd 0%,#f5faef 48%,#dfeefa 100%);
}
.bsbweb-hero-bg::after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.28;
  background:
    linear-gradient(90deg,rgba(255,255,255,.24) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px);
  background-size:104px 104px;
  mask-image:linear-gradient(to bottom,#000 0%,transparent 76%);
}
.bsbweb-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,.98fr) minmax(520px,.9fr);
  gap:clamp(54px,6vw,120px);
  align-items:center;
}
.bsbweb-kicker{
  display:inline-flex;
  min-height:38px;
  align-items:center;
  padding:0 18px;
  border:1px solid rgba(94,130,62,.16);
  border-radius:999px;
  color:#3f5f35;
  background:rgba(255,255,255,.56);
  font-size:15px;
}
.bsbweb-hero h1{
  margin:28px 0 28px;
  color:#050505;
  font-size:clamp(58px,6.8vw,118px);
  line-height:.98;
  letter-spacing:0;
  font-weight:900;
}
.bsbweb-hero-copy p{
  max-width:760px;
  margin:0;
  color:#4f5b4b;
  font-size:clamp(18px,1.25vw,22px);
  line-height:1.9;
}
.bsbweb-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin-top:44px;
}
.bsbweb-primary,
.bsbweb-link,
.bsbweb-package-grid a,
.bsbweb-region-panel a,
.bsbweb-cta a{
  display:inline-flex;
  min-height:56px;
  align-items:center;
  justify-content:center;
  padding:0 30px;
  border-radius:999px;
  text-decoration:none;
  transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease;
}
.bsbweb-primary,
.bsbweb-package-grid a,
.bsbweb-region-panel a,
.bsbweb-cta a{
  color:#fff;
  background:#5e823e;
  box-shadow:0 18px 42px rgba(94,130,62,.2);
}
.bsbweb-link{
  color:#23351e;
  background:rgba(255,255,255,.72);
  box-shadow:inset 0 0 0 1px rgba(94,130,62,.12);
}
.bsbweb-primary:hover,
.bsbweb-link:hover,
.bsbweb-package-grid a:hover,
.bsbweb-region-panel a:hover,
.bsbweb-cta a:hover{
  transform:translateY(-2px);
}
.bsbweb-hero-visual{
  position:relative;
  min-height:560px;
}
.bsbweb-hero-visual img{
  position:absolute;
  inset:8% 0 auto auto;
  width:min(100%,720px);
  height:470px;
  object-fit:cover;
  border-radius:34px;
  filter:saturate(.9) contrast(.96) brightness(.94);
  box-shadow:0 36px 96px rgba(57,78,45,.2);
}
.bsbweb-browser-card{
  position:absolute;
  left:0;
  top:6%;
  width:310px;
  min-height:230px;
  padding:52px 28px 26px;
  border:1px solid rgba(94,130,62,.13);
  border-radius:22px;
  background:rgba(255,255,255,.9);
  box-shadow:0 22px 62px rgba(73,99,58,.14);
}
.bsbweb-browser-card i{
  position:absolute;
  top:22px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#5e823e;
}
.bsbweb-browser-card i:nth-child(1){left:22px}
.bsbweb-browser-card i:nth-child(2){left:38px;background:#c8d8b7}
.bsbweb-browser-card i:nth-child(3){left:54px;background:#aad4e7}
.bsbweb-browser-card b{
  display:block;
  margin-bottom:28px;
  color:#050505;
  font-size:24px;
  line-height:1.2;
}
.bsbweb-browser-card span{
  display:block;
  height:10px;
  margin-top:14px;
  border-radius:999px;
  background:linear-gradient(90deg,#e4efd8,#8cac68 70%,#aad4e7);
}
.bsbweb-browser-card span:nth-of-type(2){width:72%}
.bsbweb-browser-card span:nth-of-type(3){width:46%}
.bsbweb-score-card{
  position:absolute;
  right:4%;
  bottom:2%;
  width:168px;
  height:168px;
  display:grid;
  place-content:center;
  text-align:center;
  border-radius:50%;
  background:#fff;
  border:12px solid #e5efd9;
  border-right-color:#5e823e;
  border-bottom-color:#8cac68;
  box-shadow:0 20px 58px rgba(73,99,58,.15);
}
.bsbweb-score-card strong{
  color:#5e823e;
  font-size:48px;
  line-height:1;
}
.bsbweb-score-card small{
  margin-top:8px;
  color:#657160;
}
.bsbweb-stats{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-top:clamp(40px,4vw,78px);
}
.bsbweb-stats article,
.bsbweb-proof-card,
.bsbweb-flow-grid article,
.bsbweb-capability-grid article,
.bsbweb-solution-panel,
.bsbweb-case-grid article,
.bsbweb-package-grid article,
.bsbweb-guarantee-list article,
.bsbweb-faq-grid article,
.bsbweb-region-panel,
.bsbweb-cta .container{
  border:1px solid rgba(94,130,62,.12);
  background:#fff;
  box-shadow:0 20px 58px rgba(73,99,58,.08);
}
.bsbweb-stats article{
  min-height:150px;
  padding:30px 28px;
  border-radius:24px;
}
.bsbweb-stats b{
  display:block;
  color:#050505;
  font-size:clamp(34px,3vw,56px);
  line-height:1;
}
.bsbweb-stats p{
  margin:14px 0 0;
  color:#667160;
  font-size:16px;
}
.bsbweb-intro,
.bsbweb-flow,
.bsbweb-capability,
.bsbweb-solution,
.bsbweb-cases,
.bsbweb-package,
.bsbweb-guarantee,
.bsbweb-region,
.bsbweb-faq,
.bsbweb-cta{
  padding:clamp(74px,6.2vw,118px) 0;
  background:#fff;
}
.bsbweb-intro{
  background:
    radial-gradient(ellipse at 12% 10%,rgba(196,222,170,.12),transparent 34%),
    linear-gradient(180deg,#fff 0%,#fbfdf9 100%);
}
.bsbweb-intro-grid{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(520px,1fr);
  gap:clamp(40px,5vw,90px);
  align-items:center;
}
.bsbweb-text-panel{
  padding:clamp(36px,4vw,70px);
  border-radius:34px;
  background:
    radial-gradient(ellipse at 16% 12%,rgba(196,222,170,.18),transparent 36%),
    linear-gradient(135deg,#fff,#f6fbf2);
}
.bsbweb-text-panel .bsbgeo-soft-title{
  margin-bottom:30px;
}
.bsbweb-text-panel p{
  margin:18px 0 0;
  color:#555d52;
  font-size:18px;
  line-height:1.9;
}
.bsbweb-proof-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px;
}
.bsbweb-proof-card{
  min-height:210px;
  padding:34px;
  border-radius:28px;
}
.bsbweb-proof-card b,
.bsbweb-flow-grid h3,
.bsbweb-capability-grid h3,
.bsbweb-case-grid h3,
.bsbweb-package-grid h3,
.bsbweb-faq-grid h3{
  color:#050505;
}
.bsbweb-proof-card b{
  display:block;
  margin-bottom:16px;
  font-size:28px;
  line-height:1.22;
}
.bsbweb-proof-card p,
.bsbweb-flow-grid p,
.bsbweb-capability-grid p,
.bsbweb-case-grid p,
.bsbweb-package-grid p,
.bsbweb-guarantee-list p,
.bsbweb-faq-grid p,
.bsbweb-region-panel p,
.bsbweb-cta p{
  color:#5d5d62;
}
.bsbweb-flow{
  background:
    radial-gradient(ellipse at 84% 8%,rgba(170,212,231,.1),transparent 36%),
    #fff;
}
.bsbweb-flow-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}
.bsbweb-flow-grid article{
  min-height:300px;
  padding:34px 30px;
  border-radius:28px;
}
.bsbweb-flow-grid span{
  display:inline-flex;
  width:58px;
  height:58px;
  align-items:center;
  justify-content:center;
  margin-bottom:42px;
  border-radius:16px;
  color:#fff;
  background:#5e823e;
  box-shadow:0 14px 34px rgba(94,130,62,.18);
}
.bsbweb-flow-grid h3,
.bsbweb-capability-grid h3{
  margin:0 0 16px;
  font-size:26px;
  line-height:1.25;
}
.bsbweb-flow-grid p,
.bsbweb-capability-grid p{
  margin:0;
  font-size:16px;
  line-height:1.8;
}
.bsbweb-capability{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,#fff 0%,rgba(250,253,247,.7) 36%,#edf7e8 100%),
    radial-gradient(ellipse at 14% 22%,rgba(196,222,170,.18),transparent 40%),
    radial-gradient(ellipse at 84% 18%,rgba(170,212,231,.12),transparent 42%);
}
.bsbweb-capability-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.bsbweb-capability-grid article{
  min-height:310px;
  padding:42px 34px;
  border-radius:30px;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.bsbweb-capability-grid article:hover{
  transform:translateY(-6px);
  border-color:rgba(94,130,62,.2);
  box-shadow:0 30px 82px rgba(73,99,58,.14);
}
.bsbweb-capability-grid i{
  display:block;
  width:68px;
  height:68px;
  margin-bottom:34px;
  border-radius:14px;
  background:
    radial-gradient(circle at 28% 22%,rgba(255,255,255,.9),transparent 28%),
    linear-gradient(135deg,#eef8e8 0%,#cfe7bb 38%,#97c874 72%,#6a9d46 100%);
  box-shadow:0 16px 38px rgba(95,143,63,.18),inset 0 1px 0 rgba(255,255,255,.72);
}
.bsbweb-solution{
  background:
    linear-gradient(180deg,#edf7e8 0%,#f4faef 38%,#fff 82%),
    radial-gradient(ellipse at 82% 10%,rgba(196,222,170,.2),transparent 42%);
}
.bsbweb-solution-panel{
  display:grid;
  grid-template-columns:220px minmax(0,.94fr) minmax(430px,1fr);
  gap:clamp(36px,4.2vw,72px);
  align-items:center;
  min-height:650px;
  padding:clamp(62px,5vw,90px);
  border-radius:42px;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 12% 16%,rgba(255,255,255,.86),transparent 32%),
    radial-gradient(ellipse at 86% 14%,rgba(196,222,170,.26),transparent 38%),
    radial-gradient(ellipse at 48% 88%,rgba(169,207,138,.24),transparent 48%),
    linear-gradient(126deg,#fff 0%,#f4faef 44%,#dfeeda 100%);
}
.bsbweb-solution-panel nav{
  display:grid;
  gap:30px;
  padding-right:42px;
  border-right:1px solid rgba(40,69,47,.18);
}
.bsbweb-solution-panel button{
  position:relative;
  border:0;
  background:transparent;
  color:#5f6a59;
  text-align:left;
  font-size:24px;
  line-height:1.25;
  font-weight:400;
  cursor:pointer;
}
.bsbweb-solution-panel button::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-10px;
  width:42px;
  height:2px;
  border-radius:999px;
  background:#5e823e;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .28s ease;
}
.bsbweb-solution-panel button.is-active{
  color:#050505;
  font-weight:700;
}
.bsbweb-solution-panel button.is-active::after{
  transform:scaleX(1);
}
.bsbweb-solution-content article{
  display:none;
}
.bsbweb-solution-content article.is-active{
  display:block;
  animation:bsbwebPanelIn .34s ease both;
}
@keyframes bsbwebPanelIn{
  from{opacity:.45;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}
.bsbweb-solution-content h3{
  margin:0 0 34px;
  color:#050505;
  font-size:clamp(32px,2.6vw,42px);
  line-height:1.28;
}
.bsbweb-solution-content p{
  display:flex;
  gap:16px;
  align-items:flex-start;
  margin:20px 0;
  color:#54545a;
  font-size:18px;
  line-height:1.75;
}
.bsbweb-solution-content p span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  color:#fff;
  background:#5e823e;
}
.bsbweb-dashboard{
  position:relative;
  min-height:430px;
  border-radius:26px;
  background:rgba(255,255,255,.62);
}
.bsbweb-dashboard-top{
  position:absolute;
  left:34px;
  right:34px;
  top:36px;
  height:50px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 20px;
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 34px rgba(73,99,58,.09);
}
.bsbweb-dashboard-top i{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#5e823e;
}
.bsbweb-dashboard-top i:nth-child(2){background:#c8d8b7}
.bsbweb-dashboard-top i:nth-child(3){background:#aad4e7}
.bsbweb-dashboard-top span{
  margin-left:auto;
  color:#657160;
  font-size:13px;
}
.bsbweb-dashboard-main{
  position:absolute;
  left:54px;
  right:18px;
  top:116px;
  min-height:248px;
  padding:34px;
  border-radius:24px;
  background:#fff;
  box-shadow:0 22px 62px rgba(73,99,58,.12);
}
.bsbweb-dashboard-main b{
  color:#050505;
  font-size:28px;
}
.bsbweb-device{
  height:92px;
  margin:28px 0 24px;
  border-radius:18px;
  background:
    linear-gradient(90deg,rgba(94,130,62,.14) 0 20%,transparent 20%),
    repeating-linear-gradient(0deg,rgba(94,130,62,.09) 0 1px,transparent 1px 24px),
    linear-gradient(135deg,#f8fbf4,#eef7e9);
}
.bsbweb-bars span{
  display:block;
  width:var(--w);
  height:8px;
  margin-top:10px;
  border-radius:999px;
  background:linear-gradient(90deg,#e4efd8,#8cac68 70%,#aad4e7);
}
.bsbweb-mini-card{
  position:absolute;
  left:0;
  bottom:30px;
  width:170px;
  min-height:132px;
  display:grid;
  place-content:center;
  border-radius:24px;
  text-align:center;
  background:#fff;
  box-shadow:0 20px 58px rgba(73,99,58,.14);
}
.bsbweb-mini-card strong{
  color:#5e823e;
  font-size:42px;
  line-height:1;
}
.bsbweb-mini-card small{
  margin-top:10px;
  color:#657160;
}
.bsbweb-cases{
  background:#fff;
}
.bsbweb-case-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
}
.bsbweb-case-grid article{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:28px;
  min-height:270px;
  padding:20px;
  border-radius:30px;
  overflow:hidden;
}
.bsbweb-case-grid img{
  width:100%;
  height:100%;
  min-height:230px;
  object-fit:cover;
  border-radius:22px;
  filter:saturate(.92) brightness(.94);
}
.bsbweb-case-grid div{
  align-self:center;
  padding-right:18px;
}
.bsbweb-case-grid span{
  display:inline-flex;
  margin-bottom:18px;
  color:#5e823e;
  font-size:15px;
}
.bsbweb-case-grid h3{
  margin:0 0 18px;
  font-size:28px;
  line-height:1.25;
}
.bsbweb-case-grid p{
  margin:0;
  font-size:16px;
  line-height:1.8;
}
.bsbweb-package{
  background:
    radial-gradient(ellipse at 14% 8%,rgba(196,222,170,.12),transparent 32%),
    #fff;
}
.bsbweb-package-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.bsbweb-package-grid article{
  min-height:360px;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:42px 34px;
  border-radius:30px;
  text-align:center;
}
.bsbweb-package-grid article.hot,
.bsbweb-package-grid article.custom{
  background:
    radial-gradient(circle at 86% 14%,rgba(170,212,231,.12),transparent 36%),
    linear-gradient(135deg,#fff,#f0f7e8);
}
.bsbweb-package-grid h3{
  margin:0 0 18px;
  font-size:28px;
}
.bsbweb-package-grid strong{
  color:#5e823e;
  font-size:42px;
  line-height:1;
}
.bsbweb-package-grid p{
  min-height:78px;
  margin:24px 0 28px;
  font-size:16px;
  line-height:1.75;
}
.bsbweb-package-grid a{
  width:60%;
  min-width:180px;
  margin-top:auto;
  min-height:50px;
}
.bsbweb-guarantee{
  background:
    linear-gradient(180deg,#fff 0%,#f8fbf4 100%);
}
.bsbweb-guarantee-list{
  display:grid;
  gap:14px;
}
.bsbweb-guarantee-list article{
  min-height:92px;
  display:grid;
  grid-template-columns:100px 1fr;
  align-items:center;
  padding:20px 34px;
  border-radius:22px;
}
.bsbweb-guarantee-list b{
  color:#5e823e;
  font-size:28px;
}
.bsbweb-guarantee-list p{
  margin:0;
  font-size:19px;
  line-height:1.6;
}
.bsbweb-region{
  padding-top:0;
  background:#f8fbf4;
}
.bsbweb-region-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:30px;
  align-items:center;
  padding:clamp(42px,4.8vw,76px);
  border-radius:36px;
  background:
    radial-gradient(circle at 16% 20%,rgba(196,222,170,.2),transparent 34%),
    radial-gradient(circle at 84% 20%,rgba(170,212,231,.16),transparent 34%),
    linear-gradient(126deg,#fff,#edf4e6);
}
.bsbweb-region-panel h2,
.bsbweb-cta h2{
  margin:0 0 18px;
  color:#050505;
  font-size:clamp(34px,3.4vw,56px);
  line-height:1.2;
}
.bsbweb-region-panel p,
.bsbweb-cta p{
  max-width:980px;
  margin:0;
  font-size:18px;
  line-height:1.9;
}
.bsbweb-faq-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px;
}
.bsbweb-faq-grid article{
  min-height:220px;
  padding:34px;
  border-radius:28px;
}
.bsbweb-faq-grid h3{
  position:relative;
  margin:0 0 18px;
  padding-left:48px;
  font-size:24px;
  line-height:1.3;
}
.bsbweb-faq-grid h3::before{
  content:"问";
  position:absolute;
  left:0;
  top:-2px;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:#5e823e;
  font-size:16px;
}
.bsbweb-faq-grid p{
  margin:0;
  padding-left:48px;
  font-size:16px;
  line-height:1.8;
}
.bsbweb-cta{
  background:#fff;
}
.bsbweb-cta .container{
  padding:clamp(48px,5vw,82px);
  border-radius:36px;
  text-align:center;
  background:
    radial-gradient(circle at 16% 20%,rgba(196,222,170,.2),transparent 34%),
    radial-gradient(circle at 84% 20%,rgba(170,212,231,.18),transparent 34%),
    radial-gradient(circle at 54% 82%,rgba(200,224,177,.55),transparent 36%),
    linear-gradient(126deg,#fff,#edf4e6);
}
.bsbweb-cta p{
  margin:0 auto;
}
.bsbweb-cta a{
  margin-top:34px;
}
.bsbweb-animate{
  opacity:0;
  transform:translateY(34px);
  transition:opacity .72s ease,transform .72s ease;
}
.bsbweb-animate.bsbweb-animated{
  opacity:1;
  transform:translateY(0);
}
.bsbweb-hero-visual.bsbweb-animated{
  transition-delay:.12s;
}

@media(max-width:1280px){
  .bsbweb-hero-grid,
  .bsbweb-intro-grid,
  .bsbweb-solution-panel{
    grid-template-columns:1fr;
  }
  .bsbweb-hero-visual{
    min-height:480px;
  }
  .bsbweb-solution-panel nav{
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    padding:6px;
    border:0;
    border-radius:18px;
    background:rgba(255,255,255,.72);
  }
  .bsbweb-solution-panel button{
    min-height:48px;
    padding:0 10px;
    border-radius:14px;
    text-align:center;
    font-size:18px;
  }
  .bsbweb-solution-panel button::after{
    content:none;
  }
  .bsbweb-solution-panel button.is-active{
    color:#fff;
    background:#5e823e;
    box-shadow:0 10px 24px rgba(94,130,62,.18);
  }
  .bsbweb-dashboard{
    min-height:390px;
  }
}

@media(max-width:980px){
  .bsbweb-special .container{
    width:calc(100% - 36px);
  }
  .bsbweb-hero{
    min-height:auto;
    padding:92px 0 58px;
  }
  .bsbweb-hero h1{
    font-size:clamp(44px,12vw,64px);
  }
  .bsbweb-hero-copy p,
  .bsbweb-region-panel p,
  .bsbweb-cta p{
    font-size:16px;
  }
  .bsbweb-stats,
  .bsbweb-proof-grid,
  .bsbweb-flow-grid,
  .bsbweb-capability-grid,
  .bsbweb-case-grid,
  .bsbweb-package-grid,
  .bsbweb-faq-grid{
    grid-template-columns:1fr;
  }
  .bsbweb-stats article{
    min-height:120px;
  }
  .bsbweb-intro,
  .bsbweb-flow,
  .bsbweb-capability,
  .bsbweb-solution,
  .bsbweb-cases,
  .bsbweb-package,
  .bsbweb-guarantee,
  .bsbweb-region,
  .bsbweb-faq,
  .bsbweb-cta{
    padding:58px 0;
  }
  .bsbweb-region{
    padding-top:0;
  }
  .bsbweb-solution-panel{
    min-height:0;
    padding:28px 22px;
    border-radius:26px;
  }
  .bsbweb-case-grid article{
    grid-template-columns:1fr;
  }
  .bsbweb-case-grid img{
    min-height:230px;
  }
  .bsbweb-region-panel{
    grid-template-columns:1fr;
    padding:34px 24px;
  }
}

@media(max-width:640px){
  .bsbweb-special .container{
    width:calc(100% - 24px);
  }
  .bsbweb-kicker{
    min-height:34px;
    padding:0 14px;
    font-size:13px;
  }
  .bsbweb-hero-actions{
    gap:12px;
  }
  .bsbweb-primary,
  .bsbweb-link,
  .bsbweb-package-grid a,
  .bsbweb-region-panel a,
  .bsbweb-cta a{
    width:100%;
    min-height:52px;
    padding:0 18px;
  }
  .bsbweb-hero-visual{
    min-height:360px;
  }
  .bsbweb-hero-visual img{
    height:300px;
    border-radius:24px;
  }
  .bsbweb-browser-card{
    width:230px;
    min-height:170px;
    padding:44px 20px 20px;
    border-radius:18px;
  }
  .bsbweb-browser-card b{
    font-size:20px;
    margin-bottom:16px;
  }
  .bsbweb-score-card{
    width:116px;
    height:116px;
    border-width:8px;
  }
  .bsbweb-score-card strong{
    font-size:34px;
  }
  .bsbweb-text-panel,
  .bsbweb-proof-card,
  .bsbweb-flow-grid article,
  .bsbweb-capability-grid article,
  .bsbweb-package-grid article,
  .bsbweb-faq-grid article{
    padding:26px 20px;
    border-radius:22px;
  }
  .bsbweb-solution-panel nav{
    grid-template-columns:repeat(2,1fr);
  }
  .bsbweb-solution-panel button{
    font-size:15px;
  }
  .bsbweb-solution-content h3{
    font-size:28px;
  }
  .bsbweb-solution-content p{
    font-size:15px;
  }
  .bsbweb-dashboard{
    min-height:360px;
  }
  .bsbweb-dashboard-top{
    left:14px;
    right:14px;
    top:18px;
  }
  .bsbweb-dashboard-main{
    left:24px;
    right:0;
    top:88px;
    padding:24px 20px;
  }
  .bsbweb-mini-card{
    bottom:16px;
    width:140px;
    min-height:110px;
  }
  .bsbweb-guarantee-list article{
    grid-template-columns:1fr;
    gap:8px;
    padding:22px 20px;
  }
  .bsbweb-guarantee-list p{
    font-size:16px;
  }
  .bsbweb-faq-grid h3,
  .bsbweb-faq-grid p{
    padding-left:42px;
  }
}

/* 20260628bsbweb2: compact mobile first screen */
@media(max-width:640px){
  .bsbweb-hero{
    padding-top:74px;
    padding-bottom:42px;
  }
  .bsbweb-hero h1{
    margin:22px 0 20px;
    line-height:1.05;
  }
  .bsbweb-hero-copy p{
    line-height:1.75;
  }
  .bsbweb-hero-actions{
    margin-top:26px;
  }
  .bsbweb-hero-visual{
    min-height:292px;
  }
  .bsbweb-hero-visual img{
    top:24px;
    height:248px;
  }
  .bsbweb-browser-card{
    width:196px;
    min-height:140px;
    padding:38px 16px 16px;
  }
  .bsbweb-browser-card b{
    margin-bottom:12px;
    font-size:17px;
  }
  .bsbweb-browser-card span{
    height:7px;
    margin-top:10px;
  }
  .bsbweb-score-card{
    right:0;
    bottom:0;
    width:96px;
    height:96px;
  }
  .bsbweb-score-card strong{
    font-size:30px;
  }
  .bsbweb-score-card small{
    font-size:12px;
  }
  .bsbweb-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:24px;
  }
  .bsbweb-stats article{
    min-height:104px;
    padding:18px 14px;
    border-radius:18px;
  }
  .bsbweb-stats b{
    font-size:29px;
  }
  .bsbweb-stats p{
    margin-top:9px;
    font-size:13px;
    line-height:1.45;
  }
}

/* 20260628multi1: GEO-green system for inner pages */
.bsbsvc-page,
.about-page,
.contact-page,
.news-page,
.cases-page,
.caseshow-page{
  --bsb-inner-green:#5e823e;
  --bsb-inner-green-2:#87a866;
  --bsb-inner-green-3:#dfead4;
  --bsb-inner-blue:#b8dcea;
  --bsb-inner-ink:#070807;
  --bsb-inner-muted:#5f685a;
  --bsb-inner-line:rgba(94,130,62,.14);
  --bsb-inner-soft:#f6faf2;
}

.bsbweb-package-set{
  margin-top:clamp(34px,3.6vw,56px);
}
.bsbweb-package-set:first-of-type{
  margin-top:0;
}
.bsbweb-package-subtitle{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:22px;
  align-items:start;
  margin-bottom:24px;
  padding:24px 28px;
  border:1px solid rgba(94,130,62,.13);
  border-radius:26px;
  background:
    radial-gradient(ellipse at 86% 20%,rgba(184,220,234,.18),transparent 38%),
    linear-gradient(135deg,#fff,#f6faf2);
  box-shadow:0 18px 46px rgba(73,99,58,.06);
}
.bsbweb-package-subtitle span{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:#5e823e;
  font-size:16px;
  font-weight:800;
}
.bsbweb-package-subtitle h3{
  margin:0 0 8px;
  color:#050505;
  font-size:clamp(26px,2vw,38px);
  line-height:1.2;
  font-weight:800;
}
.bsbweb-package-subtitle p{
  margin:0;
  color:#626b5d;
  font-size:17px;
  line-height:1.75;
}
.bsbweb-package-set .bsbweb-package-grid article{
  min-height:330px;
}

.bsbsvc-special{
  overflow:hidden;
  color:var(--bsb-inner-ink);
  background:#fff;
}
.bsbsvc-special .container{
  width:min(calc(100% - 64px),1600px);
}
.bsbsvc-hero{
  position:relative;
  min-height:clamp(760px,86vh,980px);
  display:grid;
  align-content:center;
  padding:clamp(116px,9vw,164px) 0 clamp(60px,5vw,90px);
  overflow:hidden;
  background:#eef7e9;
  isolation:isolate;
}
.bsbsvc-hero-bg{
  position:absolute;
  inset:-10%;
  z-index:-2;
  background:
    radial-gradient(ellipse at 16% 20%,rgba(211,232,190,.86),transparent 34%),
    radial-gradient(ellipse at 72% 8%,rgba(184,220,234,.52),transparent 34%),
    radial-gradient(ellipse at 82% 76%,rgba(94,130,62,.18),transparent 38%),
    linear-gradient(132deg,#edf7e7 0%,#fbfff7 48%,#e6f3ef 100%);
}
.bsbsvc-hero-bg::after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.32;
  background:
    linear-gradient(90deg,rgba(94,130,62,.14) 1px,transparent 1px),
    linear-gradient(rgba(94,130,62,.12) 1px,transparent 1px);
  background-size:96px 96px;
  mask-image:linear-gradient(to bottom,#000 0%,transparent 84%);
}
.bsbsvc-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(430px,.78fr);
  gap:clamp(48px,6vw,112px);
  align-items:center;
}
.bsbsvc-hero-copy span{
  display:inline-flex;
  min-height:38px;
  align-items:center;
  padding:0 18px;
  border:1px solid rgba(94,130,62,.16);
  border-radius:999px;
  background:rgba(255,255,255,.64);
  color:#3e6131;
  font-size:15px;
}
.bsbsvc-hero-copy h1{
  max-width:930px;
  margin:28px 0;
  color:#050505;
  font-size:clamp(54px,6.1vw,108px);
  line-height:1.02;
  letter-spacing:0;
  font-weight:850;
}
.bsbsvc-hero-copy p{
  max-width:820px;
  margin:0;
  color:#4f5d49;
  font-size:clamp(18px,1.2vw,22px);
  line-height:1.9;
}
.bsbsvc-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:40px;
}
.bsbsvc-hero-actions a,
.bsbsvc-card span,
.bsbsvc-proof-panel a{
  min-height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 28px;
  border-radius:999px;
  text-decoration:none;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease;
}
.bsbsvc-hero-actions a:first-child,
.bsbsvc-proof-panel a{
  color:#fff;
  background:var(--bsb-inner-green);
  box-shadow:0 18px 38px rgba(94,130,62,.2);
}
.bsbsvc-hero-actions a:last-child,
.bsbsvc-card span{
  color:#26381f;
  background:#fff;
  box-shadow:inset 0 0 0 1px rgba(94,130,62,.14);
}
.bsbsvc-hero-actions a:hover,
.bsbsvc-proof-panel a:hover,
.bsbsvc-card:hover span{
  transform:translateY(-2px);
}
.bsbsvc-hero-card{
  position:relative;
  min-height:560px;
  padding:24px;
  border:1px solid rgba(94,130,62,.12);
  border-radius:34px;
  background:rgba(255,255,255,.66);
  box-shadow:0 30px 90px rgba(73,99,58,.13);
  backdrop-filter:blur(18px);
}
.bsbsvc-hero-card img{
  width:100%;
  height:430px;
  display:block;
  object-fit:cover;
  border-radius:26px;
  filter:saturate(.92) contrast(.96);
}
.bsbsvc-hero-card div{
  position:absolute;
  left:44px;
  right:44px;
  bottom:44px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  padding-top:24px;
  border-top:1px solid rgba(94,130,62,.16);
}
.bsbsvc-hero-card b{
  color:var(--bsb-inner-green);
  font-size:clamp(48px,4vw,72px);
  line-height:1;
}
.bsbsvc-hero-card span{
  max-width:190px;
  color:#4f5d49;
  font-size:17px;
  line-height:1.55;
}
.bsbsvc-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-top:clamp(40px,4vw,76px);
}
.bsbsvc-stats article,
.bsbsvc-card,
.bsbsvc-steps article,
.bsbsvc-proof-panel{
  border:1px solid var(--bsb-inner-line);
  background:#fff;
  box-shadow:0 20px 58px rgba(73,99,58,.08);
}
.bsbsvc-stats article{
  min-height:138px;
  padding:28px;
  border-radius:24px;
}
.bsbsvc-stats b{
  display:block;
  color:#050505;
  font-size:clamp(32px,2.9vw,52px);
  line-height:1;
}
.bsbsvc-stats span{
  display:block;
  margin-top:12px;
  color:#64705e;
  font-size:16px;
}
.bsbsvc-core,
.bsbsvc-method,
.bsbsvc-industry,
.bsbsvc-proof{
  padding:clamp(78px,6.8vw,128px) 0;
  background:#fff;
}
.bsbsvc-core{
  background:linear-gradient(180deg,#fff 0%,#f8fbf4 100%);
}
.bsbsvc-title{
  display:grid;
  grid-template-columns:minmax(280px,.44fr) minmax(320px,.56fr);
  gap:clamp(34px,5vw,82px);
  align-items:end;
  margin-bottom:clamp(42px,4.5vw,72px);
}
.bsbsvc-title h2{
  margin:0;
  color:#050505;
  font-size:clamp(42px,4.6vw,82px);
  line-height:1.1;
  font-weight:850;
}
.bsbsvc-title p{
  margin:0;
  color:#5f685a;
  font-size:clamp(18px,1.25vw,22px);
  line-height:1.85;
}
.bsbsvc-card-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
}
.bsbsvc-card{
  min-height:360px;
  display:flex;
  flex-direction:column;
  padding:34px 28px;
  border-radius:28px;
  color:inherit;
  text-decoration:none;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.bsbsvc-card:hover{
  transform:translateY(-8px);
  border-color:rgba(94,130,62,.3);
  box-shadow:0 30px 72px rgba(73,99,58,.13);
}
.bsbsvc-card i{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:#050505;
  font-style:normal;
  font-weight:800;
  background:linear-gradient(135deg,#eef7e6,#cae1b6 66%,#b8dcea);
}
.bsbsvc-card h3{
  margin:32px 0 18px;
  color:#050505;
  font-size:26px;
  line-height:1.22;
  font-weight:800;
}
.bsbsvc-card p{
  margin:0;
  color:#626b5d;
  font-size:16px;
  line-height:1.78;
}
.bsbsvc-card span{
  width:max-content;
  min-height:46px;
  margin-top:auto;
  padding:0 22px;
}
.bsbsvc-method{
  background:
    radial-gradient(ellipse at 8% 12%,rgba(210,232,190,.32),transparent 34%),
    linear-gradient(180deg,#f8fbf4,#fff);
}
.bsbsvc-method-grid{
  display:grid;
  grid-template-columns:minmax(320px,.38fr) minmax(0,.62fr);
  gap:clamp(46px,6vw,96px);
  align-items:start;
}
.bsbsvc-method .bsbsvc-title{
  display:block;
  margin:0;
  position:sticky;
  top:132px;
}
.bsbsvc-method .bsbsvc-title p{
  margin-top:24px;
}
.bsbsvc-steps{
  display:grid;
  gap:18px;
}
.bsbsvc-steps article{
  min-height:148px;
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  gap:24px;
  align-items:center;
  padding:28px 34px;
  border-radius:26px;
}
.bsbsvc-steps span{
  color:var(--bsb-inner-green);
  font-size:30px;
  font-weight:800;
}
.bsbsvc-steps h3{
  margin:0 0 10px;
  color:#050505;
  font-size:28px;
  font-weight:800;
}
.bsbsvc-steps p{
  margin:0;
  color:#626b5d;
  font-size:17px;
  line-height:1.7;
}
.bsbsvc-industry{
  background:#fff;
}
.bsbsvc-tags{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}
.bsbsvc-tags span{
  min-height:54px;
  display:inline-flex;
  align-items:center;
  padding:0 24px;
  border:1px solid rgba(94,130,62,.14);
  border-radius:999px;
  background:linear-gradient(135deg,#fff,#f3f9ee);
  color:#26381f;
  font-size:18px;
}
.bsbsvc-proof{
  background:
    radial-gradient(ellipse at 82% 18%,rgba(184,220,234,.28),transparent 36%),
    linear-gradient(180deg,#fff 0%,#f3f8ee 100%);
}
.bsbsvc-proof-panel{
  min-height:310px;
  display:grid;
  grid-template-columns:minmax(0,1fr) max-content;
  gap:38px;
  align-items:end;
  padding:clamp(38px,4.5vw,72px);
  border-radius:34px;
  background:
    radial-gradient(ellipse at 16% 16%,rgba(214,234,195,.5),transparent 42%),
    linear-gradient(135deg,#fff,#f7fbf2);
}
.bsbsvc-proof-panel h2{
  max-width:1040px;
  margin:0;
  color:#050505;
  font-size:clamp(34px,3.7vw,66px);
  line-height:1.16;
  font-weight:800;
}
.bsbsvc-proof-panel p{
  max-width:980px;
  margin:24px 0 0;
  color:#5f685a;
  font-size:18px;
  line-height:1.85;
}

.about-page .about-main,
.contact-page .contact-main,
.news-page .news-list-main,
.news-page .news-detail-main,
.cases-page .cases-main{
  background:
    radial-gradient(ellipse at 12% 0%,rgba(212,233,190,.36),transparent 34%),
    radial-gradient(ellipse at 88% 12%,rgba(184,220,234,.24),transparent 34%),
    linear-gradient(180deg,#fbfdf8 0%,#fff 48%,#fff 100%);
}
.about-page .about-hero,
.contact-page .contact-hero{
  color:#fff;
  background:#5e823e;
}
.about-page .about-hero-bg,
.contact-page .contact-hero::before{
  background:
    linear-gradient(90deg,rgba(48,72,35,.92) 0%,rgba(94,130,62,.76) 46%,rgba(94,130,62,.28) 100%),
    radial-gradient(ellipse at 72% 20%,rgba(184,220,234,.22),transparent 34%),
    url("../images/bm-style-industrial-hero-opt.webp") center/cover no-repeat!important;
}
.about-page .about-hero::before,
.contact-page .contact-hero::after{
  background:
    linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:72px 72px;
  opacity:.55;
}
.about-page .about-section-label span,
.about-page .about-cap-card span,
.about-page .about-method-copy .about-section-label span,
.contact-page .contact-title-block span,
.contact-page .contact-section-head>span,
.contact-page .contact-city-grid span{
  color:var(--bsb-inner-green)!important;
}
.about-page .about-logo-panel{
  border-color:var(--bsb-inner-line);
  background:
    radial-gradient(ellipse at 50% 36%,rgba(214,234,195,.5),transparent 46%),
    linear-gradient(180deg,#fff,#f6faf2);
}
.about-page .about-logo-panel i{
  background:linear-gradient(90deg,transparent,rgba(94,130,62,.5),transparent);
}
.about-page .about-company-detail,
.about-page .about-method{
  color:#fff;
  background:
    radial-gradient(ellipse at 12% 6%,rgba(184,220,234,.18),transparent 34%),
    linear-gradient(135deg,#4f7136 0%,#5e823e 48%,#6f9250 100%);
}
.about-page .about-company-detail h2,
.about-page .about-company-detail b,
.about-page .about-method h2,
.about-page .about-method h3,
.about-page .about-method span{
  color:#fff;
}
.about-page .about-company-detail p,
.about-page .about-company-detail span,
.about-page .about-method p{
  color:rgba(255,255,255,.82);
}
.about-page .about-cap-card,
.about-page .about-profile article,
.about-page .about-principles article,
.about-page .about-map-grid a,
.contact-page .contact-quick-grid article,
.contact-page .contact-location-panel,
.contact-page .contact-city-grid article,
.contact-page .contact-form-panel{
  border-color:var(--bsb-inner-line)!important;
  background:#fff!important;
  box-shadow:0 20px 58px rgba(73,99,58,.08);
}
.about-page .about-map-grid a:hover,
.contact-page .contact-city-grid article:hover{
  border-color:rgba(94,130,62,.32)!important;
}
.about-page .about-capability,
.about-page .about-proof,
.about-page .about-service-map,
.contact-page .contact-intro,
.contact-page .contact-section{
  background:transparent;
}
.contact-page .contact-title-block h2,
.contact-page .contact-section-head h2,
.contact-page .contact-location-name h3{
  color:#050505;
}
.contact-page .contact-title-block p,
.contact-page .contact-section-head p{
  color:#5f685a;
}
.contact-page .contact-location-name{
  color:#050505;
  background:
    radial-gradient(ellipse at 78% 22%,rgba(184,220,234,.22),transparent 38%),
    linear-gradient(135deg,#eef7e6,#fff);
}
.contact-page .contact-call,
.contact-page .contact-submit{
  background:var(--bsb-inner-green)!important;
  border-color:var(--bsb-inner-green)!important;
  color:#fff!important;
}
.contact-page .contact-link{
  color:#26381f!important;
  background:#f1f7ea!important;
}
.contact-page .contact-form-panel input:focus,
.contact-page .contact-form-panel select:focus,
.contact-page .contact-form-panel textarea:focus{
  border-color:var(--bsb-inner-green);
  box-shadow:0 0 0 4px rgba(94,130,62,.1);
}

.news-page:not(.newshow-page) .news-list-section,
.cases-page .cases-gallery-section{
  color:#050505;
  background:
    radial-gradient(ellipse at 8% 0%,rgba(214,234,195,.48),transparent 36%),
    radial-gradient(ellipse at 92% 8%,rgba(184,220,234,.24),transparent 34%),
    linear-gradient(180deg,#f8fbf4 0%,#fff 52%,#fff 100%);
}
.news-page:not(.newshow-page) .news-list-section::before,
.news-page:not(.newshow-page) .news-list-section::after,
.cases-page .cases-gallery-section::before,
.cases-page .cases-gallery-section::after{
  display:none!important;
}
.news-page .news-list-head::after,
.cases-page .cases-gallery-head::after{
  background:var(--bsb-inner-green);
  opacity:.7;
}
.news-page .news-list-head::before,
.cases-page .cases-gallery-head::before{
  background:rgba(94,130,62,.16);
}
.news-page .news-list-head h2,
.cases-page .cases-gallery-head h2{
  color:#050505;
  font-weight:850;
}
.news-page .news-list-head p,
.cases-page .cases-gallery-head p{
  color:#5f685a;
}
.news-page .news-subnav a,
.cases-page .case-filter,
.news-page .news-clean-item,
.cases-page .case-gallery-card figure,
.news-page .case-pagination a,
.news-page .case-pagination span,
.cases-page .case-pagination a,
.cases-page .case-pagination span{
  border-color:var(--bsb-inner-line);
}
.news-page .news-subnav a:hover,
.cases-page .case-filter:hover{
  color:var(--bsb-inner-green);
  border-color:rgba(94,130,62,.32);
}
.news-page .news-subnav a.is-active,
.cases-page .case-filter.is-active,
.news-page .case-pagination a:hover,
.news-page .case-pagination a.is-active,
.cases-page .case-pagination a:hover,
.cases-page .case-pagination a.is-active{
  color:#fff;
  border-color:var(--bsb-inner-green);
  background:var(--bsb-inner-green);
  box-shadow:0 18px 38px rgba(94,130,62,.22);
}
.news-page .news-clean-list{
  border-color:rgba(94,130,62,.16);
}
.news-page .news-clean-item{
  border-bottom-color:rgba(94,130,62,.16);
}
.news-page .news-clean-item::after{
  background:var(--bsb-inner-green);
}
.news-page .news-clean-item:hover h3{
  color:var(--bsb-inner-green);
}
.cases-page .case-gallery-card h3{
  color:#050505;
  font-weight:850;
}
.cases-page .case-gallery-card p{
  color:#66705f;
}
.cases-page .case-gallery-card figure{
  background:#eef7e8;
  box-shadow:0 18px 48px rgba(73,99,58,.08);
}

.newshow-page .news-detail-article{
  background:
    radial-gradient(ellipse at 12% 0%,rgba(214,234,195,.46),transparent 38%),
    radial-gradient(ellipse at 86% 4%,rgba(184,220,234,.22),transparent 34%),
    linear-gradient(180deg,#f7fbf2 0%,#fff 62%,#fff 100%);
}
.newshow-page .news-detail-back{
  background:var(--bsb-inner-green);
  box-shadow:0 18px 42px rgba(94,130,62,.2);
}
.newshow-page .news-detail-back:hover{
  background:#6f9250;
}
.newshow-page .news-detail-breadcrumb a:hover,
.newshow-page .news-detail-pager a:hover,
.newshow-page .news-article-body h2{
  color:var(--bsb-inner-green);
}
.newshow-page .news-article-points li::before{
  background:var(--bsb-inner-green);
}
.newshow-page .news-article-image img{
  box-shadow:0 28px 70px rgba(73,99,58,.14);
}

.caseshow-page .caseshow-main{
  background:#fff;
}
.caseshow-page .bomin-header nav>a.active,
.caseshow-page .bomin-header nav>a[aria-current="page"]{
  color:#5e823e!important;
}
.caseshow-page .caseshow-main::before{
  background:
    radial-gradient(ellipse 70% 42% at 18% 12%,rgba(214,234,195,.5),rgba(214,234,195,.18) 42%,rgba(214,234,195,0) 76%),
    radial-gradient(ellipse 66% 40% at 78% 14%,rgba(184,220,234,.24),rgba(184,220,234,.09) 38%,rgba(184,220,234,0) 72%),
    radial-gradient(ellipse 92% 48% at 48% 44%,rgba(94,130,62,.12),rgba(94,130,62,.055) 46%,rgba(94,130,62,0) 82%),
    linear-gradient(180deg,#ecf5e6 0%,#e5f0dc 22%,#edf5e7 48%,#f6faf2 74%,#fff 100%);
}
.caseshow-page .caseshow-main::after{
  opacity:.18;
  background:
    radial-gradient(circle at 1px 1px,rgba(94,130,62,.12) .75px,transparent 1.1px),
    linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.42) 78%,rgba(255,255,255,.82));
}
.caseshow-page .caseshow-hero{
  color:#101510;
}
.caseshow-page .caseshow-breadcrumb{
  color:#5e823e;
}
.caseshow-page .caseshow-copy h1{
  color:#050806;
}
.caseshow-page .caseshow-copy>p:not(.caseshow-breadcrumb){
  color:#5d6758;
}
.caseshow-page .caseshow-visit{
  color:#101510;
}
.caseshow-page .caseshow-visit::after{
  background:#5e823e;
  opacity:.68;
}
.caseshow-page .caseshow-side dl{
  border-top-color:rgba(94,130,62,.2);
}
.caseshow-page .caseshow-side dl div{
  border-bottom-color:rgba(94,130,62,.16);
}
.caseshow-page .caseshow-side dt{
  color:#7a8475;
}
.caseshow-page .caseshow-side dd{
  color:#4f5b4a;
}
.caseshow-page .caseshow-design-head span,
.caseshow-page .caseshow-back a:hover{
  color:#fff;
}
.caseshow-page .caseshow-design-head span{
  color:var(--bsb-inner-green);
}
.caseshow-page .caseshow-back a{
  background:#f1f7ea;
}
.caseshow-page .caseshow-back a:hover{
  background:var(--bsb-inner-green);
}

@media(max-width:1280px){
  .bsbsvc-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:980px){
  .bsbweb-package-subtitle,
  .bsbsvc-hero-grid,
  .bsbsvc-title,
  .bsbsvc-method-grid,
  .bsbsvc-proof-panel{
    grid-template-columns:1fr;
  }
  .bsbweb-package-subtitle{
    gap:16px;
  }
  .bsbsvc-special .container{
    width:calc(100% - 36px);
  }
  .bsbsvc-hero{
    min-height:auto;
    padding:90px 0 56px;
  }
  .bsbsvc-hero-copy h1{
    font-size:clamp(42px,11vw,64px);
  }
  .bsbsvc-hero-card{
    min-height:420px;
  }
  .bsbsvc-hero-card img{
    height:310px;
  }
  .bsbsvc-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .bsbsvc-method .bsbsvc-title{
    position:static;
  }
  .bsbsvc-proof-panel{
    align-items:start;
  }
}
@media(max-width:640px){
  .bsbweb-package-subtitle{
    padding:22px 20px;
    border-radius:22px;
  }
  .bsbweb-package-subtitle span{
    width:46px;
    height:46px;
  }
  .bsbweb-package-subtitle h3{
    font-size:24px;
  }
  .bsbweb-package-subtitle p{
    font-size:15px;
  }
  .bsbsvc-special .container{
    width:calc(100% - 24px);
  }
  .bsbsvc-hero{
    padding-top:74px;
  }
  .bsbsvc-hero-copy span{
    font-size:13px;
  }
  .bsbsvc-hero-copy p,
  .bsbsvc-title p,
  .bsbsvc-proof-panel p{
    font-size:16px;
    line-height:1.75;
  }
  .bsbsvc-hero-actions{
    display:grid;
  }
  .bsbsvc-hero-card{
    min-height:330px;
    padding:16px;
    border-radius:24px;
  }
  .bsbsvc-hero-card img{
    height:245px;
    border-radius:18px;
  }
  .bsbsvc-hero-card div{
    left:28px;
    right:28px;
    bottom:26px;
  }
  .bsbsvc-hero-card b{
    font-size:38px;
  }
  .bsbsvc-hero-card span{
    font-size:13px;
  }
  .bsbsvc-stats,
  .bsbsvc-card-grid{
    grid-template-columns:1fr;
  }
  .bsbsvc-stats article{
    min-height:112px;
    padding:22px;
  }
  .bsbsvc-core,
  .bsbsvc-method,
  .bsbsvc-industry,
  .bsbsvc-proof{
    padding:62px 0;
  }
  .bsbsvc-title{
    margin-bottom:34px;
  }
  .bsbsvc-title h2,
  .bsbsvc-proof-panel h2{
    font-size:36px;
  }
  .bsbsvc-card{
    min-height:300px;
    padding:28px 22px;
    border-radius:22px;
  }
  .bsbsvc-card h3{
    margin-top:24px;
    font-size:24px;
  }
  .bsbsvc-steps article{
    grid-template-columns:1fr;
    gap:10px;
    padding:24px 22px;
  }
  .bsbsvc-tags{
    gap:10px;
  }
  .bsbsvc-tags span{
    min-height:44px;
    padding:0 16px;
    font-size:15px;
  }
  .bsbsvc-proof-panel{
    padding:30px 22px;
    border-radius:24px;
  }
  .about-page .about-hero,
  .contact-page .contact-hero{
    min-height:430px;
  }
  .news-page .news-subnav a.is-active,
  .cases-page .case-filter.is-active{
    box-shadow:0 12px 24px rgba(94,130,62,.18);
  }
}

/* 20260628webanim1: refined animations for website service page */
.bsbweb-hero-title-split .bsbweb-title-line{
  display:block;
  overflow:hidden;
  padding-bottom:.04em;
}
.bsbweb-hero-title-split .bsbweb-title-line span{
  display:inline-block;
  will-change:transform;
}
.bsbweb-motion-ready .bsbweb-kicker,
.bsbweb-motion-ready .bsbweb-hero-copy p,
.bsbweb-motion-ready .bsbweb-hero-actions a,
.bsbweb-motion-ready .bsbweb-hero-visual img,
.bsbweb-motion-ready .bsbweb-browser-card,
.bsbweb-motion-ready .bsbweb-score-card,
.bsbweb-motion-ready .bsbweb-stats article{
  will-change:transform,opacity;
}
.bsbweb-primary,
.bsbweb-link,
.bsbweb-package-grid a,
.bsbweb-region-panel a,
.bsbweb-cta a{
  position:relative;
  overflow:hidden;
}
.bsbweb-primary::after,
.bsbweb-link::after,
.bsbweb-package-grid a::after,
.bsbweb-region-panel a::after,
.bsbweb-cta a::after{
  content:"";
  position:absolute;
  inset:-70% auto -70% -42%;
  width:36%;
  transform:skewX(-18deg) translateX(-120%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent);
  transition:transform .72s cubic-bezier(.2,.8,.2,1);
  pointer-events:none;
}
.bsbweb-primary:hover::after,
.bsbweb-link:hover::after,
.bsbweb-package-grid a:hover::after,
.bsbweb-region-panel a:hover::after,
.bsbweb-cta a:hover::after{
  transform:skewX(-18deg) translateX(460%);
}
.bsbweb-browser-card{
  overflow:hidden;
}
.bsbweb-browser-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.42) 42%,transparent 64%);
  transform:translateX(-130%);
  animation:bsbwebCardSheen 5.2s ease-in-out infinite;
  pointer-events:none;
}
@keyframes bsbwebCardSheen{
  0%,42%{transform:translateX(-130%)}
  68%,100%{transform:translateX(130%)}
}
.bsbweb-score-card{
  isolation:isolate;
}
.bsbweb-score-card::before{
  content:"";
  position:absolute;
  inset:-13px;
  z-index:-1;
  border-radius:50%;
  background:conic-gradient(from 0deg,rgba(94,130,62,.08),rgba(94,130,62,.34),rgba(170,212,231,.28),rgba(94,130,62,.08));
  filter:blur(.2px);
  animation:bsbwebScoreRing 8s linear infinite;
}
@keyframes bsbwebScoreRing{
  to{transform:rotate(360deg)}
}
.bsbweb-stats article,
.bsbweb-proof-card,
.bsbweb-flow-grid article,
.bsbweb-capability-grid article,
.bsbweb-case-grid article,
.bsbweb-package-grid article,
.bsbweb-guarantee-list article,
.bsbweb-faq-grid article{
  position:relative;
  overflow:hidden;
}
.bsbweb-stats article::after,
.bsbweb-proof-card::after,
.bsbweb-flow-grid article::after,
.bsbweb-capability-grid article::after,
.bsbweb-case-grid article::after,
.bsbweb-package-grid article::after,
.bsbweb-guarantee-list article::after,
.bsbweb-faq-grid article::after{
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  bottom:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#5e823e,rgba(170,212,231,.86),transparent);
  transform:scaleX(0);
  transform-origin:center;
  opacity:.68;
  transition:transform .34s ease;
}
.bsbweb-stats article:hover::after,
.bsbweb-proof-card:hover::after,
.bsbweb-flow-grid article:hover::after,
.bsbweb-capability-grid article:hover::after,
.bsbweb-case-grid article:hover::after,
.bsbweb-package-grid article:hover::after,
.bsbweb-guarantee-list article:hover::after,
.bsbweb-faq-grid article:hover::after{
  transform:scaleX(1);
}
.bsbweb-flow-grid span,
.bsbweb-capability-grid i,
.bsbweb-package-subtitle span{
  position:relative;
  overflow:hidden;
}
.bsbweb-flow-grid span::after,
.bsbweb-capability-grid i::after,
.bsbweb-package-subtitle span::after{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.42);
  opacity:.58;
  transform:scale(.82);
  transition:transform .32s ease,opacity .32s ease;
}
.bsbweb-flow-grid article:hover span::after,
.bsbweb-capability-grid article:hover i::after,
.bsbweb-package-subtitle:hover span::after{
  opacity:.9;
  transform:scale(1.06);
}
.bsbweb-solution-panel{
  position:relative;
}
.bsbweb-solution-panel::after{
  content:"";
  position:absolute;
  inset:auto 8% 0 8%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(94,130,62,.36),transparent);
  animation:bsbwebPanelLine 4.8s ease-in-out infinite;
}
@keyframes bsbwebPanelLine{
  0%,100%{opacity:.25;transform:scaleX(.58)}
  50%{opacity:.8;transform:scaleX(1)}
}
.bsbweb-dashboard-main,
.bsbweb-dashboard-top,
.bsbweb-mini-card{
  will-change:transform,opacity;
}
.bsbweb-device{
  position:relative;
  overflow:hidden;
}
.bsbweb-device::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.62) 48%,transparent 70%);
  transform:translateX(-120%);
  animation:bsbwebDeviceSweep 4.6s ease-in-out infinite;
}
@keyframes bsbwebDeviceSweep{
  0%,44%{transform:translateX(-120%)}
  72%,100%{transform:translateX(120%)}
}
.bsbweb-case-grid article img{
  will-change:transform;
}
.bsbweb-package-subtitle{
  position:relative;
  overflow:hidden;
}
.bsbweb-package-subtitle::after{
  content:"";
  position:absolute;
  left:28px;
  right:28px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,rgba(94,130,62,.12),rgba(94,130,62,.48),rgba(170,212,231,.3),rgba(94,130,62,.12));
}
@media(prefers-reduced-motion:reduce){
  .bsbweb-browser-card::after,
  .bsbweb-score-card::before,
  .bsbweb-solution-panel::after,
  .bsbweb-device::after{
    animation:none!important;
  }
  .bsbweb-primary::after,
  .bsbweb-link::after,
  .bsbweb-package-grid a::after,
  .bsbweb-region-panel a::after,
  .bsbweb-cta a::after{
    display:none;
  }
}

/* 20260701webfix1: package and hero detail refinements */
.bsbweb-page .bsbweb-hero-grid{
  grid-template-columns:minmax(0,.86fr) minmax(560px,1.04fr);
  gap:clamp(58px,5.4vw,104px);
}
.bsbweb-page .bsbweb-hero h1{
  max-width:860px;
  font-size:clamp(52px,5.45vw,96px);
  line-height:1.04;
  font-weight:900;
}
.bsbweb-page .bsbweb-hero-copy p{
  max-width:700px;
}
.bsbweb-page .bsbweb-hero-visual{
  min-height:560px;
  display:grid;
  align-items:center;
  isolation:isolate;
}
.bsbweb-visual-frame{
  position:absolute;
  right:0;
  top:10%;
  width:min(94%,760px);
  height:430px;
  padding:18px;
  border:1px solid rgba(94,130,62,.13);
  border-radius:36px;
  background:rgba(255,255,255,.54);
  box-shadow:0 38px 110px rgba(57,78,45,.18);
  backdrop-filter:blur(16px);
}
.bsbweb-visual-frame::before{
  content:"";
  position:absolute;
  inset:18px;
  z-index:2;
  border-radius:26px;
  background:
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.22)),
    radial-gradient(ellipse at 18% 80%,rgba(94,130,62,.24),transparent 42%);
  pointer-events:none;
}
.bsbweb-page .bsbweb-visual-frame img{
  position:relative;
  inset:auto;
  width:100%;
  height:100%;
  display:block;
  border-radius:26px;
  object-fit:cover;
  filter:saturate(.92) contrast(.96) brightness(.9);
  box-shadow:none;
}
.bsbweb-visual-caption{
  position:absolute;
  left:42px;
  right:42px;
  bottom:38px;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.26);
  color:#fff;
}
.bsbweb-visual-caption span{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  color:#fff;
  font-size:13px;
}
.bsbweb-visual-caption b{
  color:#fff;
  font-size:16px;
  font-weight:600;
  text-align:right;
}
.bsbweb-page .bsbweb-browser-card{
  left:0;
  top:3%;
  width:340px;
  min-height:218px;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(12px);
}
.bsbweb-page .bsbweb-score-card{
  right:3%;
  bottom:9%;
  width:154px;
  height:154px;
}
.bsbweb-hero-metrics{
  position:absolute;
  left:8%;
  right:12%;
  bottom:2%;
  z-index:4;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.bsbweb-hero-metrics span{
  min-height:74px;
  display:grid;
  align-content:center;
  gap:6px;
  padding:14px 18px;
  border:1px solid rgba(94,130,62,.12);
  border-radius:18px;
  background:rgba(255,255,255,.76);
  box-shadow:0 18px 42px rgba(73,99,58,.12);
  backdrop-filter:blur(12px);
}
.bsbweb-hero-metrics b{
  color:#5e823e;
  font-size:20px;
  line-height:1;
}
.bsbweb-hero-metrics em{
  color:#596253;
  font-size:13px;
  font-style:normal;
}
.bsbweb-page .bsbweb-package-subtitle{
  grid-template-columns:72px minmax(0,1fr) minmax(280px,420px);
  gap:24px;
  align-items:center;
  min-height:138px;
  padding:28px 34px;
}
.bsbweb-package-subcopy h3{
  margin:0 0 14px;
}
.bsbweb-package-subcopy p{
  display:grid;
  gap:5px;
  margin:0;
  color:#626b5d;
}
.bsbweb-package-subcopy p em{
  display:block;
  font-style:normal;
  line-height:1.55;
}
.bsbweb-package-meta{
  justify-self:end;
  width:min(100%,400px);
  min-height:86px;
  display:grid;
  align-content:center;
  gap:8px;
  padding:18px 24px;
  border:1px solid rgba(94,130,62,.13);
  border-radius:22px;
  background:
    radial-gradient(ellipse at 82% 16%,rgba(184,220,234,.22),transparent 40%),
    linear-gradient(135deg,rgba(255,255,255,.82),rgba(240,247,232,.82));
}
.bsbweb-package-meta b{
  color:#050505;
  font-size:22px;
  line-height:1.1;
}
.bsbweb-package-meta small{
  color:#657160;
  font-size:14px;
  line-height:1.55;
}
.bsbweb-page .bsbweb-package-grid article{
  min-height:342px;
  padding:46px 34px 38px;
}
.bsbweb-page .bsbweb-package-grid h3{
  margin-bottom:24px;
}
.bsbweb-page .bsbweb-package-grid strong{
  display:inline-flex;
  align-items:baseline;
  justify-content:center;
  gap:8px;
  color:#5e823e;
  font-size:44px;
  line-height:1;
  white-space:nowrap;
}
.bsbweb-page .bsbweb-package-grid strong small{
  color:#5e823e;
  font-size:14px;
  font-weight:500;
  line-height:1;
}
.bsbweb-page .bsbweb-package-grid p{
  min-height:62px;
  margin:26px 0 30px;
  color:#626b5d;
  font-size:17px;
  line-height:1.8;
}
@media(max-width:1280px){
  .bsbweb-page .bsbweb-hero-grid{
    grid-template-columns:1fr;
  }
  .bsbweb-page .bsbweb-hero h1{
    max-width:980px;
  }
  .bsbweb-page .bsbweb-package-subtitle{
    grid-template-columns:72px minmax(0,1fr);
  }
  .bsbweb-package-meta{
    grid-column:2;
    justify-self:stretch;
  }
}
@media(max-width:980px){
  .bsbweb-page .bsbweb-hero-visual{
    min-height:500px;
  }
  .bsbweb-visual-frame{
    top:8%;
    width:100%;
    height:360px;
  }
  .bsbweb-page .bsbweb-browser-card{
    width:280px;
  }
  .bsbweb-hero-metrics{
    left:0;
    right:0;
    bottom:0;
  }
}
@media(max-width:640px){
  .bsbweb-page .bsbweb-hero h1{
    font-size:clamp(38px,10.6vw,56px);
    line-height:1.08;
  }
  .bsbweb-page .bsbweb-hero-visual{
    min-height:440px;
  }
  .bsbweb-visual-frame{
    height:300px;
    padding:12px;
    border-radius:24px;
  }
  .bsbweb-visual-frame::before{
    inset:12px;
    border-radius:18px;
  }
  .bsbweb-page .bsbweb-visual-frame img{
    border-radius:18px;
  }
  .bsbweb-visual-caption{
    left:24px;
    right:24px;
    bottom:24px;
    display:grid;
    gap:8px;
  }
  .bsbweb-visual-caption b{
    text-align:left;
    font-size:13px;
  }
  .bsbweb-page .bsbweb-browser-card{
    width:216px;
    min-height:146px;
  }
  .bsbweb-page .bsbweb-score-card{
    width:98px;
    height:98px;
    right:0;
    bottom:72px;
  }
  .bsbweb-hero-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }
  .bsbweb-hero-metrics span{
    min-height:62px;
    padding:10px 8px;
    border-radius:14px;
  }
  .bsbweb-hero-metrics b{
    font-size:16px;
  }
  .bsbweb-hero-metrics em{
    font-size:11px;
  }
  .bsbweb-page .bsbweb-package-subtitle{
    grid-template-columns:48px minmax(0,1fr);
    gap:14px;
    min-height:0;
    padding:22px 18px;
  }
  .bsbweb-package-subcopy h3{
    margin-bottom:10px;
  }
  .bsbweb-package-meta{
    grid-column:1 / -1;
    padding:15px 18px;
  }
  .bsbweb-page .bsbweb-package-grid article{
    min-height:310px;
  }
  .bsbweb-page .bsbweb-package-grid strong{
    font-size:36px;
  }
  .bsbweb-page .bsbweb-package-grid p{
    min-height:58px;
    font-size:15px;
  }
}

/* 20260701webfix2: stable website package visibility and hero layout */
.bsbweb-page .bsbweb-motion-ready .bsbweb-visual-frame,
.bsbweb-page .bsbweb-motion-ready .bsbweb-visual-caption,
.bsbweb-page .bsbweb-motion-ready .bsbweb-hero-metrics span{
  will-change:transform,opacity,filter;
}
.bsbweb-page .bsbweb-hero{
  min-height:clamp(720px,82vh,900px);
}
.bsbweb-page .bsbweb-animate{
  opacity:1!important;
  visibility:visible!important;
  transform:none;
}
.bsbweb-page .bsbweb-hero-grid{
  grid-template-columns:minmax(0,.9fr) minmax(560px,1.02fr);
}
.bsbweb-page .bsbweb-hero h1{
  max-width:760px;
  font-size:clamp(46px,5vw,82px);
  line-height:1.08;
}
.bsbweb-page .bsbweb-hero-copy p{
  max-width:650px;
  font-size:clamp(17px,1.05vw,20px);
}
.bsbweb-page .bsbweb-hero-visual{
  min-height:560px;
}
.bsbweb-page .bsbweb-visual-frame,
.bsbweb-page .bsbweb-browser-card,
.bsbweb-page .bsbweb-score-card,
.bsbweb-page .bsbweb-hero-metrics span{
  opacity:1!important;
  visibility:visible!important;
}
.bsbweb-page .bsbweb-visual-frame{
  top:8%;
  right:0;
  width:min(94%,730px);
  height:420px;
  z-index:2;
  background:rgba(255,255,255,.68);
  box-shadow:0 36px 96px rgba(57,78,45,.16);
}
.bsbweb-page .bsbweb-browser-card{
  left:0;
  top:auto;
  bottom:118px;
  z-index:6;
  width:286px;
  min-height:164px;
  padding:44px 24px 22px;
}
.bsbweb-page .bsbweb-browser-card b{
  margin-bottom:18px;
  font-size:21px;
}
.bsbweb-page .bsbweb-browser-card span{
  height:8px;
  margin-top:11px;
}
.bsbweb-page .bsbweb-score-card{
  top:30px;
  right:0;
  bottom:auto;
  z-index:7;
  width:132px;
  height:132px;
  border-width:10px;
}
.bsbweb-page .bsbweb-score-card strong{
  font-size:38px;
}
.bsbweb-page .bsbweb-hero-metrics{
  left:10%;
  right:5%;
  bottom:8px;
  z-index:8;
}
.bsbweb-page .bsbweb-package-set{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.bsbweb-page .bsbweb-package-subtitle,
.bsbweb-page .bsbweb-package-grid article{
  opacity:1!important;
  visibility:visible!important;
}
.bsbweb-page .bsbweb-package-subtitle{
  position:relative;
  overflow:hidden;
  border-color:rgba(94,130,62,.11);
  background:
    radial-gradient(ellipse at 92% 0%,rgba(184,220,234,.22),transparent 42%),
    radial-gradient(ellipse at 8% 100%,rgba(94,130,62,.12),transparent 40%),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,251,243,.94));
  box-shadow:0 24px 62px rgba(73,99,58,.08);
}
.bsbweb-page .bsbweb-package-subtitle::before{
  content:"";
  position:absolute;
  left:0;
  top:22px;
  bottom:22px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,#5e823e,rgba(94,130,62,.18));
}
.bsbweb-page .bsbweb-package-subtitle span{
  background:linear-gradient(135deg,#5e823e,#8eab6f);
  box-shadow:0 14px 30px rgba(94,130,62,.2);
}
.bsbweb-page .bsbweb-package-subcopy h3{
  font-size:clamp(28px,2.15vw,40px);
  font-weight:760;
}
.bsbweb-page .bsbweb-package-subcopy p{
  font-size:16px;
}
.bsbweb-page .bsbweb-package-meta{
  background:
    linear-gradient(135deg,rgba(255,255,255,.94),rgba(241,248,234,.9));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.58);
}
.bsbweb-page .bsbweb-package-grid{
  align-items:stretch;
}
.bsbweb-page .bsbweb-package-grid article{
  opacity:1;
  visibility:visible;
  background:
    radial-gradient(ellipse at 85% 12%,rgba(184,220,234,.14),transparent 38%),
    linear-gradient(180deg,#fff 0%,#fbfdf8 100%);
}
.bsbweb-page .bsbweb-package-grid article.hot,
.bsbweb-page .bsbweb-package-grid article.custom{
  background:
    radial-gradient(ellipse at 88% 10%,rgba(184,220,234,.18),transparent 38%),
    linear-gradient(180deg,#fff 0%,#f3f8ee 100%);
}
.bsbweb-page .bsbweb-package-grid strong small{
  margin-left:2px;
  font-size:14px;
  font-weight:500;
  letter-spacing:0;
}
.bsbweb-page .bsbweb-package-grid p{
  max-width:280px;
}
@media(max-width:1280px){
  .bsbweb-page .bsbweb-hero-grid{
    grid-template-columns:1fr;
  }
  .bsbweb-page .bsbweb-hero h1{
    max-width:900px;
  }
  .bsbweb-page .bsbweb-hero-visual{
    min-height:520px;
  }
}
@media(max-width:980px){
  .bsbweb-page .bsbweb-visual-frame{
    width:100%;
    height:360px;
  }
  .bsbweb-page .bsbweb-browser-card{
    bottom:98px;
    width:250px;
    min-height:144px;
  }
  .bsbweb-page .bsbweb-score-card{
    width:112px;
    height:112px;
  }
  .bsbweb-page .bsbweb-package-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:640px){
  .bsbweb-page .bsbweb-hero{
    min-height:auto;
  }
  .bsbweb-page .bsbweb-hero h1{
    font-size:clamp(34px,9.6vw,48px);
  }
  .bsbweb-page .bsbweb-hero-visual{
    min-height:430px;
  }
  .bsbweb-page .bsbweb-visual-frame{
    top:4%;
    height:280px;
  }
  .bsbweb-page .bsbweb-browser-card{
    left:0;
    bottom:86px;
    width:196px;
    min-height:126px;
    padding:36px 18px 18px;
  }
  .bsbweb-page .bsbweb-browser-card b{
    font-size:17px;
  }
  .bsbweb-page .bsbweb-score-card{
    top:12px;
    width:88px;
    height:88px;
    border-width:8px;
  }
  .bsbweb-page .bsbweb-score-card strong{
    font-size:27px;
  }
  .bsbweb-page .bsbweb-hero-metrics{
    left:0;
    right:0;
  }
  .bsbweb-page .bsbweb-package-subcopy h3{
    font-size:24px;
  }
  .bsbweb-page .bsbweb-package-subcopy p{
    font-size:14px;
  }
  .bsbweb-page .bsbweb-package-grid strong{
    font-size:32px;
  }
.bsbweb-page .bsbweb-package-grid strong small{
    font-size:14px;
  }
}

/* 20260701news1: reduce news list hero title size */
.news-page:not(.newshow-page) .news-list-head h2{
  font-size:clamp(40px,4.35vw,76px);
  line-height:1.18;
}
@media(max-width:640px){
  .news-page:not(.newshow-page) .news-list-head h2{
    font-size:clamp(34px,10vw,46px);
    line-height:1.16;
  }
}

/* 20260701services1: redesigned service overview page */
.bsbsrv-page{
  --srv-green:#5e823e;
  --srv-green-2:#8cab6d;
  --srv-blue:#b8dcea;
  --srv-ink:#050505;
  --srv-muted:#5f685a;
  --srv-line:rgba(94,130,62,.14);
  overflow:hidden;
  color:var(--srv-ink);
  background:#fff;
}
.bsbsrv-page .text-reveal{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.bsbsrv-page p{
  overflow-wrap:anywhere;
}
.bsbsrv-page .container{
  width:min(calc(100% - 64px),1600px);
}
.bsbsrv-hero{
  position:relative;
  min-height:clamp(760px,84vh,940px);
  display:grid;
  align-items:center;
  padding:clamp(126px,9vw,168px) 0 clamp(70px,6vw,104px);
  isolation:isolate;
  overflow:hidden;
  background:#f2f8ed;
}
.bsbsrv-hero-bg{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(110deg,#e4f1d8 0%,#f8fbf4 45%,#e7f4f0 100%);
}
.bsbsrv-hero-bg::after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.34;
  background:
    linear-gradient(90deg,rgba(94,130,62,.1) 1px,transparent 1px),
    linear-gradient(rgba(94,130,62,.08) 1px,transparent 1px);
  background-size:108px 108px;
  mask-image:linear-gradient(to bottom,#000 0%,transparent 82%);
}
.bsbsrv-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(540px,1fr);
  gap:clamp(58px,6vw,116px);
  align-items:center;
}
.bsbsrv-hero-copy,
.bsbsrv-visual{
  min-width:0;
}
.bsbsrv-hero-copy span{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  padding:0 18px;
  border:1px solid rgba(94,130,62,.16);
  border-radius:999px;
  background:rgba(255,255,255,.7);
  color:#3f612f;
  font-size:15px;
}
.bsbsrv-hero-copy h1{
  max-width:900px;
  margin:30px 0;
  color:#050505;
  font-size:clamp(54px,5.8vw,98px);
  line-height:1.04;
  letter-spacing:0;
  font-weight:850;
}
.bsbsrv-hero-copy p{
  max-width:800px;
  margin:0;
  color:#4f5d49;
  font-size:clamp(18px,1.18vw,22px);
  line-height:1.9;
}
.bsbsrv-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:40px;
}
.bsbsrv-actions a,
.bsbsrv-feature-card em,
.bsbsrv-cta-panel a{
  min-height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 28px;
  border-radius:999px;
  text-decoration:none;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease;
}
.bsbsrv-actions a:first-child,
.bsbsrv-cta-panel a{
  color:#fff;
  background:var(--srv-green);
  box-shadow:0 18px 38px rgba(94,130,62,.22);
}
.bsbsrv-actions a:last-child,
.bsbsrv-feature-card em{
  color:#24361e;
  background:#fff;
  box-shadow:inset 0 0 0 1px rgba(94,130,62,.14);
}
.bsbsrv-actions a:hover,
.bsbsrv-feature-card:hover em,
.bsbsrv-cta-panel a:hover{
  transform:translateY(-2px);
}
.bsbsrv-visual{
  position:relative;
  min-height:570px;
}
.bsbsrv-visual img{
  position:absolute;
  right:0;
  top:7%;
  width:min(94%,760px);
  height:430px;
  object-fit:cover;
  border:18px solid rgba(255,255,255,.72);
  border-radius:38px;
  filter:saturate(.9) contrast(.96) brightness(.92);
  box-shadow:0 38px 96px rgba(57,78,45,.16);
}
.bsbsrv-visual-card{
  position:absolute;
  z-index:3;
  display:grid;
  gap:8px;
  padding:22px 24px;
  border:1px solid rgba(94,130,62,.12);
  border-radius:22px;
  background:rgba(255,255,255,.84);
  box-shadow:0 22px 58px rgba(73,99,58,.12);
  backdrop-filter:blur(12px);
}
.bsbsrv-visual-card b{
  color:#050505;
  font-size:28px;
  line-height:1;
}
.bsbsrv-visual-card span{
  color:#5f685a;
  font-size:14px;
}
.bsbsrv-visual-card.main{
  left:0;
  top:34%;
  width:230px;
}
.bsbsrv-visual-card.side{
  right:4%;
  top:2%;
  width:190px;
}
.bsbsrv-visual-metrics{
  position:absolute;
  left:8%;
  right:2%;
  bottom:8%;
  z-index:4;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.bsbsrv-visual-metrics span{
  min-height:78px;
  display:grid;
  align-content:center;
  gap:6px;
  padding:14px 18px;
  border:1px solid rgba(94,130,62,.12);
  border-radius:18px;
  background:rgba(255,255,255,.78);
  box-shadow:0 18px 42px rgba(73,99,58,.12);
  backdrop-filter:blur(12px);
}
.bsbsrv-visual-metrics strong{
  color:var(--srv-green);
  font-size:24px;
  line-height:1;
}
.bsbsrv-visual-metrics em{
  color:#596253;
  font-style:normal;
  font-size:13px;
}
.bsbsrv-intro,
.bsbsrv-core,
.bsbsrv-support,
.bsbsrv-process,
.bsbsrv-scene,
.bsbsrv-cta{
  padding:clamp(84px,7vw,132px) 0;
}
.bsbsrv-intro{
  background:#fff;
}
.bsbsrv-intro-grid{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);
  gap:clamp(44px,5vw,88px);
  align-items:stretch;
}
.bsbsrv-intro-lead{
  min-height:360px;
  display:grid;
  align-content:end;
  padding:clamp(34px,4vw,58px);
  border:1px solid var(--srv-line);
  border-radius:30px;
  background:
    linear-gradient(135deg,#fff,#f7fbf3);
  box-shadow:0 24px 64px rgba(73,99,58,.08);
}
.bsbsrv-intro-lead h2,
.bsbsrv-title h2,
.bsbsrv-cta-panel h2{
  margin:0;
  color:#050505;
  font-size:clamp(40px,4.3vw,78px);
  line-height:1.08;
  font-weight:820;
  letter-spacing:0;
}
.bsbsrv-intro-lead p{
  max-width:880px;
  margin:28px 0 0;
  color:var(--srv-muted);
  font-size:18px;
  line-height:1.9;
}
.bsbsrv-intro-points{
  display:grid;
  gap:18px;
}
.bsbsrv-intro-points article,
.bsbsrv-feature-card,
.bsbsrv-support-grid article,
.bsbsrv-steps article,
.bsbsrv-cta-panel{
  border:1px solid var(--srv-line);
  background:#fff;
  box-shadow:0 20px 58px rgba(73,99,58,.08);
}
.bsbsrv-intro-points article{
  min-height:108px;
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:22px;
  align-items:center;
  padding:24px 28px;
  border-radius:22px;
}
.bsbsrv-intro-points b,
.bsbsrv-steps span{
  color:var(--srv-green);
  font-size:22px;
  line-height:1;
}
.bsbsrv-intro-points h3,
.bsbsrv-steps h3{
  margin:0 0 8px;
  color:#050505;
  font-size:25px;
  line-height:1.22;
}
.bsbsrv-intro-points p,
.bsbsrv-steps p{
  margin:0;
  color:#626b5d;
  font-size:16px;
  line-height:1.7;
}
.bsbsrv-core{
  background:linear-gradient(180deg,#f8fbf4 0%,#fff 100%);
}
.bsbsrv-title{
  display:grid;
  grid-template-columns:minmax(300px,.42fr) minmax(320px,.58fr);
  gap:clamp(34px,5vw,82px);
  align-items:end;
  margin-bottom:clamp(42px,5vw,76px);
}
.bsbsrv-title p{
  max-width:860px;
  margin:0;
  color:var(--srv-muted);
  font-size:clamp(17px,1.2vw,21px);
  line-height:1.86;
}
.bsbsrv-feature-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.bsbsrv-feature-card{
  min-height:390px;
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  grid-template-rows:auto 1fr auto;
  gap:26px 28px;
  padding:clamp(34px,3.2vw,52px);
  border-radius:30px;
  text-decoration:none;
  color:inherit;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.bsbsrv-feature-card:hover{
  transform:translateY(-8px);
  border-color:rgba(94,130,62,.3);
  box-shadow:0 30px 72px rgba(73,99,58,.14);
}
.bsbsrv-feature-card i{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(135deg,var(--srv-green),var(--srv-green-2));
  font-style:normal;
  font-weight:800;
}
.bsbsrv-feature-card span{
  color:var(--srv-green);
  font-size:15px;
}
.bsbsrv-feature-card h3{
  margin:10px 0 0;
  color:#050505;
  font-size:clamp(30px,2.7vw,48px);
  line-height:1.1;
}
.bsbsrv-feature-card p{
  grid-column:2;
  max-width:680px;
  margin:0;
  color:#626b5d;
  font-size:17px;
  line-height:1.85;
}
.bsbsrv-feature-card em{
  grid-column:2;
  width:max-content;
  font-style:normal;
}
.bsbsrv-support{
  background:#fff;
}
.bsbsrv-support-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.bsbsrv-support-grid article{
  min-height:220px;
  padding:30px 28px;
  border-radius:24px;
}
.bsbsrv-support-grid b{
  display:block;
  color:#050505;
  font-size:26px;
  line-height:1.2;
}
.bsbsrv-support-grid p{
  margin:18px 0 0;
  color:#626b5d;
  font-size:16px;
  line-height:1.75;
}
.bsbsrv-process{
  background:
    linear-gradient(180deg,#f8fbf4,#fff);
}
.bsbsrv-process-grid{
  display:grid;
  grid-template-columns:minmax(320px,.38fr) minmax(0,.62fr);
  gap:clamp(46px,6vw,96px);
  align-items:start;
}
.bsbsrv-process .bsbsrv-title{
  display:block;
  margin:0;
  position:sticky;
  top:128px;
}
.bsbsrv-process .bsbsrv-title p{
  margin-top:24px;
}
.bsbsrv-steps{
  display:grid;
  gap:18px;
}
.bsbsrv-steps article{
  min-height:146px;
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  align-items:center;
  gap:24px;
  padding:30px 34px;
  border-radius:24px;
}
.bsbsrv-scene{
  background:#fff;
}
.bsbsrv-scene-list{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}
.bsbsrv-scene-list span{
  min-height:54px;
  display:inline-flex;
  align-items:center;
  padding:0 24px;
  border:1px solid rgba(94,130,62,.16);
  border-radius:999px;
  background:#f8fbf4;
  color:#31442b;
  font-size:17px;
}
.bsbsrv-cta{
  background:
    linear-gradient(180deg,#fff 0%,#f3f8ee 100%);
}
.bsbsrv-cta-panel{
  min-height:320px;
  display:grid;
  grid-template-columns:minmax(0,1fr) max-content;
  gap:34px;
  align-items:center;
  padding:clamp(36px,5vw,72px);
  border-radius:32px;
  background:
    linear-gradient(135deg,#fff,#f5faef);
}
.bsbsrv-cta-panel p{
  max-width:940px;
  margin:24px 0 0;
  color:var(--srv-muted);
  font-size:18px;
  line-height:1.86;
}
@media(max-width:1280px){
  .bsbsrv-hero-grid,
  .bsbsrv-intro-grid,
  .bsbsrv-process-grid,
  .bsbsrv-cta-panel{
    grid-template-columns:1fr;
  }
  .bsbsrv-feature-grid,
  .bsbsrv-support-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .bsbsrv-process .bsbsrv-title{
    position:static;
  }
}
@media(max-width:980px){
  .bsbsrv-page .container{
    width:calc(100% - 36px);
  }
  .bsbsrv-hero{
    min-height:auto;
    padding:94px 0 62px;
  }
  .bsbsrv-hero-copy h1{
    font-size:clamp(42px,10.8vw,64px);
  }
  .bsbsrv-visual{
    min-height:500px;
  }
  .bsbsrv-visual img{
    width:100%;
    height:360px;
  }
  .bsbsrv-visual-card.main{
    top:45%;
  }
  .bsbsrv-title{
    grid-template-columns:1fr;
  }
}
@media(max-width:640px){
  .bsbsrv-page .container{
    width:calc(100% - 24px);
  }
  .bsbsrv-hero{
    padding-top:74px;
  }
  .bsbsrv-hero-copy span{
    font-size:13px;
  }
  .bsbsrv-hero-copy h1{
    width:100%;
    max-width:100%;
    font-size:clamp(34px,9vw,42px);
    line-height:1.12;
    overflow-wrap:anywhere;
    word-break:break-all;
  }
  .bsbsrv-hero-copy p,
  .bsbsrv-title p,
  .bsbsrv-cta-panel p{
    font-size:16px;
    line-height:1.75;
    max-width:100%;
    word-break:break-all;
  }
  .bsbsrv-actions{
    display:grid;
  }
  .bsbsrv-visual{
    min-height:390px;
  }
  .bsbsrv-visual img{
    height:270px;
    border-width:12px;
    border-radius:24px;
  }
  .bsbsrv-visual-card{
    padding:16px 18px;
    border-radius:18px;
  }
  .bsbsrv-visual-card b{
    font-size:22px;
  }
  .bsbsrv-visual-card.main{
    width:184px;
    left:0;
    top:48%;
  }
  .bsbsrv-visual-card.side{
    width:170px;
    right:0;
  }
  .bsbsrv-visual-metrics{
    left:0;
    right:0;
    bottom:0;
    gap:8px;
  }
  .bsbsrv-visual-metrics span{
    min-height:62px;
    padding:10px 8px;
  }
  .bsbsrv-visual-metrics strong{
    font-size:18px;
  }
  .bsbsrv-visual-metrics em{
    font-size:11px;
  }
  .bsbsrv-intro,
  .bsbsrv-core,
  .bsbsrv-support,
  .bsbsrv-process,
  .bsbsrv-scene,
  .bsbsrv-cta{
    padding:62px 0;
  }
  .bsbsrv-intro-lead,
  .bsbsrv-feature-card,
  .bsbsrv-support-grid article,
  .bsbsrv-steps article,
  .bsbsrv-cta-panel{
    border-radius:22px;
  }
  .bsbsrv-intro-lead{
    min-height:0;
    padding:30px 22px;
  }
  .bsbsrv-intro-lead h2,
  .bsbsrv-title h2,
  .bsbsrv-cta-panel h2{
    font-size:36px;
  }
  .bsbsrv-intro-points article,
  .bsbsrv-steps article{
    grid-template-columns:1fr;
    gap:12px;
    padding:24px 22px;
  }
  .bsbsrv-feature-grid,
  .bsbsrv-support-grid{
    grid-template-columns:1fr;
  }
  .bsbsrv-feature-card{
    min-height:320px;
    grid-template-columns:1fr;
    gap:20px;
    padding:28px 22px;
  }
  .bsbsrv-feature-card p,
  .bsbsrv-feature-card em{
    grid-column:1;
  }
  .bsbsrv-feature-card h3{
    font-size:31px;
  }
  .bsbsrv-support-grid article{
    min-height:0;
    padding:26px 22px;
  }
  .bsbsrv-scene-list{
    gap:10px;
  }
  .bsbsrv-scene-list span{
    min-height:44px;
    padding:0 16px;
    font-size:15px;
  }
  .bsbsrv-cta-panel{
    padding:30px 22px;
  }
}

/* 20260701services7: service overview rebuilt with GEO-style structure */
.bsbsrv-geo-page{
  --srv-green:#5e823e;
  --srv-green-2:#86a765;
  --srv-green-3:#dfead4;
  --srv-blue:#b8dcea;
  --srv-ink:#050505;
  --srv-muted:#5f685a;
  --srv-line:rgba(94,130,62,.14);
  --srv-soft:#f6faf2;
  --srv-shadow:rgba(73,99,58,.13);
  overflow:hidden;
  color:var(--srv-ink);
  background:#fff;
}
.bsbsrv-geo-page .container{
  width:min(calc(100% - 64px),1600px);
}
.bsbsrv-geo-page .text-reveal,
.bsbsrv-geo-page [class*="bsbsrv-"]{
  opacity:1;
  visibility:visible;
}
.bsbsrv-soft-hero{
  position:relative;
  min-height:clamp(820px,88vh,980px);
  padding:clamp(118px,8vw,156px) 0 clamp(72px,6vw,108px);
  overflow:hidden;
  isolation:isolate;
  background:#f4faef;
}
.bsbsrv-soft-bg{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(112deg,#dcebd0 0%,#f7fbf3 34%,#f1f8ed 58%,#e5f4ef 100%);
}
.bsbsrv-soft-bg::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.42;
  background:
    linear-gradient(90deg,rgba(94,130,62,.1) 1px,transparent 1px),
    linear-gradient(rgba(94,130,62,.08) 1px,transparent 1px);
  background-size:112px 112px;
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.84) 54%,transparent 100%);
}
.bsbsrv-soft-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.36) 68%,#fff 100%);
}
.bsbsrv-soft-hero-top{
  display:grid;
  grid-template-columns:minmax(0,.98fr) minmax(460px,.72fr);
  gap:clamp(54px,7vw,120px);
  align-items:center;
}
.bsbsrv-soft-copy{
  min-width:0;
}
.bsbsrv-soft-copy *,
.bsbsrv-answer-card *,
.bsbsrv-solution-panel *{
  min-width:0;
}
.bsbsrv-soft-copy>span,
.bsbsrv-soft-title>span{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  padding:0 18px;
  border:1px solid rgba(94,130,62,.16);
  border-radius:999px;
  background:rgba(255,255,255,.74);
  color:#3f612f;
  font-size:15px;
}
.bsbsrv-soft-copy h1{
  max-width:960px;
  margin:30px 0;
  color:#050505;
  font-size:clamp(56px,5.7vw,96px);
  line-height:1.06;
  font-weight:850;
  letter-spacing:0;
}
.bsbsrv-soft-copy p{
  max-width:820px;
  margin:0;
  color:#4f5d49;
  font-size:clamp(18px,1.18vw,22px);
  line-height:1.9;
}
.bsbsrv-soft-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:38px;
}
.bsbsrv-soft-actions a,
.bsbsrv-center-btn,
.bsbsrv-final-inner a{
  min-height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 28px;
  border-radius:999px;
  text-decoration:none;
  transition:transform .26s ease,box-shadow .26s ease,background .26s ease,color .26s ease;
}
.bsbsrv-soft-actions a:first-child,
.bsbsrv-final-inner a{
  color:#fff;
  background:#5e823e;
  box-shadow:0 18px 38px rgba(94,130,62,.22);
}
.bsbsrv-soft-actions a:not(:first-child){
  color:#23351d;
  background:rgba(255,255,255,.86);
  box-shadow:inset 0 0 0 1px rgba(94,130,62,.14);
}
.bsbsrv-soft-actions a:hover,
.bsbsrv-final-inner a:hover{
  transform:translateY(-2px);
}
.bsbsrv-answer-card{
  position:relative;
  min-height:520px;
  padding:clamp(30px,4vw,54px);
  border:1px solid rgba(94,130,62,.15);
  border-radius:34px;
  background:rgba(255,255,255,.78);
  box-shadow:0 34px 90px rgba(73,99,58,.15);
  backdrop-filter:blur(16px);
}
.bsbsrv-answer-card::before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(94,130,62,.09);
  border-radius:24px;
  pointer-events:none;
}
.bsbsrv-card-top{
  display:flex;
  align-items:center;
  gap:8px;
  color:#4b5d44;
  font-size:14px;
}
.bsbsrv-card-top span{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#5e823e;
  opacity:.52;
}
.bsbsrv-card-top b{
  margin-left:auto;
  color:#050505;
  font-size:15px;
}
.bsbsrv-question{
  margin-top:46px;
  padding:18px 20px;
  border-radius:18px;
  color:#fff;
  background:#5e823e;
  font-size:22px;
  line-height:1.35;
}
.bsbsrv-answer-lines{
  display:grid;
  gap:14px;
  margin:34px 0 26px;
}
.bsbsrv-answer-lines i{
  display:block;
  width:92%;
  height:10px;
  border-radius:999px;
  background:linear-gradient(90deg,#5e823e,#b8dcea);
  transform-origin:left center;
  animation:bsbsrvLinePulse 2.8s ease-in-out infinite;
}
.bsbsrv-answer-lines i:nth-child(2){
  width:74%;
  animation-delay:.2s;
}
.bsbsrv-answer-lines i:nth-child(3){
  width:58%;
  animation-delay:.4s;
}
.bsbsrv-answer-card p{
  position:relative;
  z-index:1;
  margin:0;
  color:#5f685a;
  font-size:17px;
  line-height:1.82;
}
.bsbsrv-platform-mini{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:34px;
}
.bsbsrv-platform-mini span{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  padding:0 14px;
  border-radius:999px;
  color:#24361e;
  background:#edf4e6;
  font-size:14px;
}
.bsbsrv-soft-hero-bottom{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(480px,1fr);
  gap:clamp(42px,6vw,96px);
  align-items:end;
  margin-top:clamp(60px,7vw,104px);
}
.bsbsrv-soft-hero-bottom h2{
  max-width:860px;
  margin:0;
  color:#050505;
  font-size:clamp(36px,4vw,68px);
  line-height:1.12;
  font-weight:820;
  letter-spacing:0;
}
.bsbsrv-hero-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border:1px solid rgba(94,130,62,.13);
  border-radius:26px;
  background:rgba(255,255,255,.74);
  box-shadow:0 20px 54px rgba(73,99,58,.1);
  overflow:hidden;
}
.bsbsrv-hero-stats div{
  min-height:122px;
  display:grid;
  align-content:center;
  gap:10px;
  padding:24px 22px;
  border-right:1px solid rgba(94,130,62,.12);
}
.bsbsrv-hero-stats div:last-child{
  border-right:0;
}
.bsbsrv-hero-stats b{
  color:#5e823e;
  font-size:clamp(28px,3vw,44px);
  line-height:1;
}
.bsbsrv-hero-stats span{
  color:#5f685a;
  font-size:15px;
}
.bsbsrv-diagnosis,
.bsbsrv-service-system,
.bsbsrv-solution,
.bsbsrv-package,
.bsbsrv-faq,
.bsbsrv-final-cta{
  padding:clamp(84px,7vw,128px) 0;
}
.bsbsrv-diagnosis{
  background:#fff;
}
.bsbsrv-soft-title{
  display:grid;
  grid-template-columns:minmax(340px,.44fr) minmax(360px,.56fr);
  gap:clamp(34px,5vw,82px);
  align-items:end;
  margin-bottom:clamp(42px,5vw,76px);
}
.bsbsrv-soft-title h2{
  margin:0;
  color:#050505;
  font-size:clamp(40px,4.1vw,76px);
  line-height:1.09;
  font-weight:820;
  letter-spacing:0;
}
.bsbsrv-soft-title p{
  max-width:900px;
  margin:0;
  color:#5f685a;
  font-size:clamp(17px,1.2vw,21px);
  line-height:1.86;
}
.bsbsrv-diagnosis-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.bsbsrv-diagnostic-panel{
  min-height:560px;
  padding:clamp(30px,3.8vw,54px);
  border:1px solid rgba(94,130,62,.14);
  border-radius:34px;
  background:linear-gradient(135deg,#fff,#f7fbf3);
  box-shadow:0 28px 74px rgba(73,99,58,.1);
}
.bsbsrv-panel-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
}
.bsbsrv-panel-head b{
  color:#050505;
  font-size:clamp(26px,2.4vw,38px);
  line-height:1.18;
}
.bsbsrv-panel-head span{
  color:#738069;
  font-size:15px;
}
.bsbsrv-radar{
  position:relative;
  width:min(360px,74vw);
  aspect-ratio:1;
  margin:46px auto 34px;
  border-radius:50%;
  background:
    repeating-radial-gradient(circle,rgba(94,130,62,.18) 0 1px,transparent 1px 54px),
    linear-gradient(135deg,rgba(94,130,62,.08),rgba(184,220,234,.18));
}
.bsbsrv-radar::before,
.bsbsrv-radar::after{
  content:"";
  position:absolute;
  inset:50%;
  width:84%;
  height:1px;
  background:rgba(94,130,62,.16);
  transform:translate(-50%,-50%);
}
.bsbsrv-radar::after{
  transform:translate(-50%,-50%) rotate(90deg);
}
.bsbsrv-radar i{
  position:absolute;
  left:var(--x);
  top:var(--y);
  width:12px;
  height:12px;
  border-radius:50%;
  background:#5e823e;
  box-shadow:0 0 0 8px rgba(94,130,62,.12);
}
.bsbsrv-radar strong{
  position:absolute;
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
  width:98px;
  height:98px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:#5e823e;
  font-size:26px;
}
.bsbsrv-diagnostic-panel ul{
  display:grid;
  gap:14px;
  margin:0;
  padding:0;
  list-style:none;
}
.bsbsrv-diagnostic-panel li{
  display:grid;
  grid-template-columns:108px minmax(0,1fr);
  gap:16px;
  padding:16px 18px;
  border-radius:16px;
  background:rgba(255,255,255,.72);
}
.bsbsrv-diagnostic-panel li b{
  color:#050505;
}
.bsbsrv-diagnostic-panel li span{
  color:#5f685a;
}
.bsbsrv-report-visual{
  position:relative;
  margin-top:42px;
  padding:28px;
  border:1px solid rgba(94,130,62,.12);
  border-radius:28px;
  background:rgba(255,255,255,.72);
}
.bsbsrv-browser-top{
  display:flex;
  gap:8px;
  margin-bottom:30px;
}
.bsbsrv-browser-top i{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#5e823e;
  opacity:.55;
}
.bsbsrv-report-row{
  display:grid;
  grid-template-columns:92px minmax(0,1fr) 66px;
  gap:14px;
  align-items:center;
  margin-bottom:22px;
  color:#4f5d49;
  font-size:15px;
}
.bsbsrv-report-row span{
  position:relative;
  height:12px;
  border-radius:999px;
  background:#eef4e8;
  overflow:hidden;
}
.bsbsrv-report-row span::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:var(--w);
  border-radius:inherit;
  background:linear-gradient(90deg,#5e823e,#b8dcea);
}
.bsbsrv-report-row.green span::before{
  background:linear-gradient(90deg,#5e823e,#86a765);
}
.bsbsrv-ring{
  width:132px;
  height:132px;
  display:grid;
  place-items:center;
  margin:30px auto 0;
  border:14px solid #dfead4;
  border-top-color:#5e823e;
  border-right-color:#86a765;
  border-radius:50%;
  color:#5e823e;
  font-size:30px;
  font-weight:800;
}
.bsbsrv-ring small{
  display:block;
  color:#6a7562;
  font-size:12px;
  font-weight:400;
}
.bsbsrv-benefits{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.bsbsrv-benefits span{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  padding:0 20px;
  border-radius:999px;
  color:#31442b;
  background:#edf4e6;
}
.bsbsrv-service-system{
  background:linear-gradient(180deg,#f7fbf3 0%,#fff 100%);
}
.bsbsrv-system-stack{
  display:grid;
  gap:24px;
}
.bsbsrv-system-card{
  min-height:330px;
  display:grid;
  grid-template-columns:minmax(0,.58fr) minmax(360px,.42fr);
  gap:clamp(28px,4vw,64px);
  align-items:center;
  padding:clamp(32px,4vw,62px);
  border:1px solid rgba(94,130,62,.14);
  border-radius:32px;
  background:#fff;
  color:inherit;
  text-decoration:none;
  box-shadow:0 24px 68px rgba(73,99,58,.09);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.bsbsrv-system-card:hover{
  transform:translateY(-6px);
  border-color:rgba(94,130,62,.32);
  box-shadow:0 34px 86px rgba(73,99,58,.14);
}
.bsbsrv-system-card.alt{
  background:linear-gradient(135deg,#fff,#f7fbf3);
}
.bsbsrv-system-copy em{
  display:inline-grid;
  place-items:center;
  width:58px;
  height:58px;
  border-radius:50%;
  color:#fff;
  background:#5e823e;
  font-style:normal;
  font-weight:800;
}
.bsbsrv-system-copy h3{
  margin:26px 0 18px;
  color:#050505;
  font-size:clamp(34px,3.4vw,58px);
  line-height:1.08;
}
.bsbsrv-system-copy p{
  max-width:840px;
  margin:0;
  color:#5f685a;
  font-size:18px;
  line-height:1.86;
}
.bsbsrv-chart-card,
.bsbsrv-chip-cloud,
.bsbsrv-image-card,
.bsbsrv-flow-card{
  min-height:230px;
  padding:28px;
  border:1px solid rgba(94,130,62,.12);
  border-radius:26px;
  background:linear-gradient(135deg,#edf4e6,#fff);
}
.bsbsrv-chart-card h4{
  margin:0 0 34px;
  color:#050505;
  font-size:24px;
}
.bsbsrv-chart-card i{
  display:block;
  width:var(--w);
  height:16px;
  margin:20px 0;
  border-radius:999px;
  background:linear-gradient(90deg,#5e823e,#b8dcea);
}
.bsbsrv-chip-cloud{
  display:flex;
  flex-wrap:wrap;
  align-content:center;
  gap:14px;
}
.bsbsrv-chip-cloud span,
.bsbsrv-flow-card span{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 20px;
  border-radius:999px;
  color:#24361e;
  background:#fff;
  box-shadow:0 10px 28px rgba(73,99,58,.08);
}
.bsbsrv-image-card{
  overflow:hidden;
  padding:0;
}
.bsbsrv-image-card img{
  display:block;
  width:100%;
  height:100%;
  min-height:280px;
  object-fit:cover;
  filter:saturate(.9) contrast(.98);
}
.bsbsrv-flow-card{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  align-content:center;
}
.bsbsrv-solution{
  background:#fff;
}
.bsbsrv-solution-panel{
  display:grid;
  grid-template-columns:260px minmax(0,1fr) minmax(360px,.48fr);
  gap:28px;
  min-height:620px;
  padding:clamp(28px,3.2vw,46px);
  border:1px solid rgba(94,130,62,.14);
  border-radius:34px;
  background:linear-gradient(135deg,#fff,#f7fbf3);
  box-shadow:0 28px 80px rgba(73,99,58,.1);
}
.bsbsrv-solution-tabs{
  display:grid;
  align-content:start;
  gap:10px;
}
.bsbsrv-solution-tabs button{
  min-height:58px;
  border:0;
  border-radius:16px;
  padding:0 20px;
  color:#4f5d49;
  background:transparent;
  text-align:left;
  font-size:18px;
  font-weight:400;
  cursor:pointer;
  transition:background .25s ease,color .25s ease,transform .25s ease;
}
.bsbsrv-solution-tabs button.is-active{
  color:#000;
  background:#edf4e6;
  font-weight:700;
}
.bsbsrv-solution-tabs button:hover{
  color:#000;
}
.bsbsrv-solution-content{
  position:relative;
  min-height:460px;
  padding:clamp(24px,3vw,44px);
  border-radius:28px;
  background:#fff;
}
.bsbsrv-solution-content article{
  display:none;
}
.bsbsrv-solution-content article.is-active{
  display:block;
  animation:bsbsrvPanelIn .42s ease both;
}
.bsbsrv-solution-content h3{
  max-width:720px;
  margin:0 0 22px;
  color:#050505;
  font-size:clamp(32px,3.2vw,54px);
  line-height:1.12;
}
.bsbsrv-solution-content p{
  max-width:760px;
  margin:0;
  color:#5f685a;
  font-size:18px;
  line-height:1.86;
}
.bsbsrv-solution-content ul{
  display:grid;
  gap:12px;
  margin:32px 0 0;
  padding:0;
  list-style:none;
}
.bsbsrv-solution-content li{
  position:relative;
  padding-left:24px;
  color:#26361f;
  font-size:17px;
}
.bsbsrv-solution-content li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#5e823e;
}
.bsbsrv-solution-visual{
  display:grid;
  gap:18px;
  align-content:center;
}
.bsbsrv-kpi-card,
.bsbsrv-window-card{
  padding:28px;
  border:1px solid rgba(94,130,62,.12);
  border-radius:26px;
  background:#fff;
  box-shadow:0 18px 46px rgba(73,99,58,.08);
}
.bsbsrv-kpi-card b{
  display:block;
  color:#5e823e;
  font-size:58px;
  line-height:1;
}
.bsbsrv-kpi-card span{
  display:block;
  margin:12px 0;
  color:#5f685a;
}
.bsbsrv-kpi-card i{
  display:block;
  width:var(--w);
  height:10px;
  border-radius:999px;
  background:linear-gradient(90deg,#5e823e,#b8dcea);
}
.bsbsrv-window-card div{
  height:128px;
  border-radius:18px;
  background:linear-gradient(135deg,#5e823e,#dfead4 58%,#b8dcea);
}
.bsbsrv-window-card h4{
  margin:22px 0 10px;
  color:#050505;
  font-size:24px;
}
.bsbsrv-window-card p{
  margin:0;
  color:#5f685a;
  line-height:1.7;
}
.bsbsrv-package{
  background:linear-gradient(180deg,#f7fbf3,#fff);
}
.bsbsrv-package-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.bsbsrv-package-grid article,
.bsbsrv-faq-grid article{
  padding:clamp(28px,3vw,42px);
  border:1px solid rgba(94,130,62,.14);
  border-radius:28px;
  background:#fff;
  box-shadow:0 20px 58px rgba(73,99,58,.08);
}
.bsbsrv-package-grid span{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:0 14px;
  border-radius:999px;
  color:#fff;
  background:#5e823e;
  font-size:14px;
}
.bsbsrv-package-grid h3{
  margin:26px 0 14px;
  color:#050505;
  font-size:clamp(26px,2.4vw,38px);
  line-height:1.16;
}
.bsbsrv-package-grid p{
  min-height:64px;
  margin:0;
  color:#5f685a;
  font-size:16px;
  line-height:1.72;
}
.bsbsrv-package-grid b{
  display:block;
  margin-top:28px;
  color:#2f4328;
  font-size:15px;
  line-height:1.6;
}
.bsbsrv-faq{
  background:#fff;
}
.bsbsrv-faq-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.bsbsrv-faq-grid article{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:16px 20px;
}
.bsbsrv-faq-grid b{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:#5e823e;
  font-size:18px;
}
.bsbsrv-faq-grid h3{
  margin:4px 0 12px;
  color:#050505;
  font-size:24px;
  line-height:1.28;
  font-weight:700;
}
.bsbsrv-faq-grid p{
  grid-column:2;
  margin:0;
  color:#5f685a;
  font-size:16px;
  line-height:1.78;
}
.bsbsrv-faq-grid em{
  margin-right:8px;
  color:#5e823e;
  font-style:normal;
  font-weight:700;
}
.bsbsrv-final-cta{
  background:#fff;
}
.bsbsrv-final-inner{
  min-height:380px;
  display:grid;
  place-items:center;
  text-align:center;
  padding:clamp(44px,6vw,78px);
  border-radius:34px;
  background:
    linear-gradient(135deg,rgba(94,130,62,.1),rgba(184,220,234,.2)),
    linear-gradient(180deg,#fff,#f7fbf3);
}
.bsbsrv-final-inner span{
  color:#5e823e;
  font-size:17px;
}
.bsbsrv-final-inner h2{
  max-width:920px;
  margin:18px 0 28px;
  color:#050505;
  font-size:clamp(38px,4.3vw,76px);
  line-height:1.08;
  font-weight:820;
  letter-spacing:0;
}
@keyframes bsbsrvLinePulse{
  0%,100%{transform:scaleX(.68);opacity:.62}
  50%{transform:scaleX(1);opacity:1}
}
@keyframes bsbsrvPanelIn{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:1280px){
  .bsbsrv-soft-hero-top,
  .bsbsrv-soft-hero-bottom,
  .bsbsrv-solution-panel,
  .bsbsrv-system-card{
    grid-template-columns:1fr;
  }
  .bsbsrv-solution-tabs{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .bsbsrv-package-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:980px){
  .bsbsrv-geo-page .container{
    width:calc(100% - 36px);
  }
  .bsbsrv-soft-hero{
    min-height:auto;
    padding:92px 0 68px;
  }
  .bsbsrv-soft-copy h1{
    font-size:clamp(42px,10vw,64px);
  }
  .bsbsrv-answer-card{
    min-height:auto;
  }
  .bsbsrv-hero-stats,
  .bsbsrv-diagnosis-grid,
  .bsbsrv-faq-grid{
    grid-template-columns:1fr;
  }
  .bsbsrv-hero-stats div{
    border-right:0;
    border-bottom:1px solid rgba(94,130,62,.12);
  }
  .bsbsrv-hero-stats div:last-child{
    border-bottom:0;
  }
  .bsbsrv-soft-title{
    grid-template-columns:1fr;
  }
}
@media(max-width:640px){
  .bsbsrv-geo-page .container{
    width:calc(100% - 24px);
  }
  .bsbsrv-soft-hero{
    padding-top:72px;
  }
  .bsbsrv-soft-copy h1{
    font-size:clamp(34px,9.2vw,42px);
    line-height:1.14;
    max-width:100%;
    word-break:keep-all;
    overflow-wrap:break-word;
  }
  .bsbsrv-soft-copy p,
  .bsbsrv-soft-title p,
  .bsbsrv-system-copy p,
  .bsbsrv-solution-content p{
    font-size:16px;
    line-height:1.76;
    word-break:break-all;
  }
  .bsbsrv-soft-actions,
  .bsbsrv-solution-tabs,
  .bsbsrv-package-grid{
    grid-template-columns:1fr;
    display:grid;
  }
  .bsbsrv-answer-card,
  .bsbsrv-diagnostic-panel,
  .bsbsrv-system-card,
  .bsbsrv-solution-panel,
  .bsbsrv-package-grid article,
  .bsbsrv-faq-grid article,
  .bsbsrv-final-inner{
    border-radius:22px;
  }
  .bsbsrv-answer-card,
  .bsbsrv-diagnostic-panel,
  .bsbsrv-system-card,
  .bsbsrv-solution-panel{
    padding:24px 20px;
  }
  .bsbsrv-soft-hero-bottom h2,
  .bsbsrv-soft-title h2,
  .bsbsrv-final-inner h2{
    font-size:34px;
  }
  .bsbsrv-question{
    margin-top:30px;
    font-size:18px;
  }
  .bsbsrv-diagnosis,
  .bsbsrv-service-system,
  .bsbsrv-solution,
  .bsbsrv-package,
  .bsbsrv-faq,
  .bsbsrv-final-cta{
    padding:62px 0;
  }
  .bsbsrv-diagnostic-panel li,
  .bsbsrv-report-row,
  .bsbsrv-faq-grid article{
    grid-template-columns:1fr;
  }
  .bsbsrv-faq-grid p{
    grid-column:1;
  }
  .bsbsrv-system-copy h3,
  .bsbsrv-solution-content h3{
    font-size:31px;
  }
  .bsbsrv-solution-content{
    min-height:0;
    padding:22px 18px;
  }
  .bsbsrv-solution-tabs button{
    min-height:50px;
    font-size:16px;
  }
}

/* 20260701services10: detailed service page refinements */
.bsbsrv-geo-page{
  --bsbsrv-stack-top:220px;
}
.bsbsrv-hero-service-list{
  display:flex;
  flex-wrap:wrap;
  gap:12px 18px;
  max-width:860px;
  margin:8px 0 30px;
}
.bsbsrv-hero-service-list b{
  display:inline-flex;
  align-items:center;
  min-height:46px;
  padding:0 18px;
  border-radius:999px;
  color:#23351d;
  background:rgba(255,255,255,.76);
  box-shadow:inset 0 0 0 1px rgba(94,130,62,.14);
  font-size:clamp(19px,1.7vw,28px);
  line-height:1;
  font-weight:700;
}
.bsbsrv-geo-page .bsbsrv-soft-copy h1{
  margin:28px 0 18px;
  font-size:clamp(66px,6.4vw,112px);
  line-height:.96;
}
.bsbsrv-geo-page .bsbsrv-soft-actions{
  gap:12px;
}
.bsbsrv-geo-page .bsbsrv-soft-actions a{
  min-height:50px;
  padding:0 22px;
  font-size:15px;
}
.bsbsrv-geo-page .bsbsrv-soft-actions a:first-child{
  color:#fff;
  background:#5e823e;
  box-shadow:0 18px 38px rgba(94,130,62,.2);
}
.bsbsrv-geo-page .bsbsrv-soft-actions a:not(:first-child){
  color:#26361f;
  background:rgba(255,255,255,.86);
}
.bsbsrv-geo-page .bsbsrv-soft-hero-bottom{
  display:block;
  margin-top:clamp(52px,6vw,90px);
}
.bsbsrv-hero-summary{
  display:grid;
  grid-template-columns:minmax(0,.76fr) minmax(500px,1fr);
  gap:clamp(36px,5vw,82px);
  align-items:center;
  padding:clamp(32px,4.2vw,58px);
  border:1px solid rgba(94,130,62,.12);
  border-radius:30px;
  background:rgba(255,255,255,.72);
  box-shadow:0 24px 70px rgba(73,99,58,.1);
  backdrop-filter:blur(14px);
}
.bsbsrv-hero-summary>div:first-child>span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  color:#fff;
  background:#5e823e;
  font-size:14px;
}
.bsbsrv-hero-summary h2{
  max-width:760px;
  margin:18px 0 16px;
  color:#050505;
  font-size:clamp(32px,3.1vw,54px);
  line-height:1.14;
  font-weight:820;
}
.bsbsrv-hero-summary p{
  max-width:820px;
  margin:0;
  color:#5f685a;
  font-size:17px;
  line-height:1.8;
}
.bsbsrv-hero-summary .bsbsrv-hero-stats{
  box-shadow:none;
  background:#fff;
}
.bsbsrv-inline-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}
.bsbsrv-inline-tags span{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  padding:0 15px;
  border-radius:999px;
  color:#31442b;
  background:#edf4e6;
  font-size:14px;
}
.bsbsrv-diagnostic-panel{
  display:flex;
  flex-direction:column;
}
.bsbsrv-report-visual{
  flex:1;
}
.bsbsrv-service-system{
  padding-bottom:clamp(110px,10vw,180px);
}
.bsbsrv-system-stack{
  position:relative;
  display:block;
}
.bsbsrv-system-card{
  position:sticky;
  top:var(--bsbsrv-stack-top);
  transform-origin:center top;
  will-change:transform,opacity;
}
.bsbsrv-system-card+.bsbsrv-system-card{
  margin-top:clamp(58px,6vw,96px);
}
.bsbsrv-system-card:nth-child(1){z-index:1}
.bsbsrv-system-card:nth-child(2){z-index:2}
.bsbsrv-system-card:nth-child(3){z-index:3}
.bsbsrv-system-card:nth-child(4){z-index:4}
.bsbsrv-system-card.is-stack-covered{
  box-shadow:0 10px 34px rgba(73,99,58,.06);
}
.bsbsrv-system-card.is-stack-current{
  box-shadow:0 34px 86px rgba(73,99,58,.14);
}
.bsbsrv-system-heading{
  display:flex;
  align-items:center;
  gap:22px;
  margin-bottom:24px;
}
.bsbsrv-system-copy .bsbsrv-system-heading em{
  flex:0 0 auto;
  width:62px;
  height:62px;
  margin:0;
}
.bsbsrv-system-copy .bsbsrv-system-heading h3{
  margin:0;
}
.bsbsrv-system-copy>em{
  display:none;
}
.bsbsrv-system-copy h3{
  font-size:clamp(34px,3.1vw,54px);
}
.bsbsrv-solution-panel{
  grid-template-columns:300px minmax(0,1fr);
  grid-template-rows:auto auto;
  gap:24px;
  min-height:auto;
  padding:clamp(26px,3vw,42px);
}
.bsbsrv-solution-tabs{
  grid-row:1 / span 2;
  padding:12px;
  border-radius:24px;
  background:rgba(255,255,255,.68);
}
.bsbsrv-solution-tabs button{
  border-radius:14px;
}
.bsbsrv-solution-content{
  min-height:360px;
  border:1px solid rgba(94,130,62,.1);
  box-shadow:0 14px 38px rgba(73,99,58,.06);
}
.bsbsrv-solution-visual{
  display:grid;
  grid-template-columns:minmax(220px,.42fr) minmax(0,.58fr);
  gap:18px;
}
.bsbsrv-kpi-card,
.bsbsrv-window-card{
  min-height:220px;
}
.bsbsrv-window-card div{
  height:86px;
  background:
    linear-gradient(135deg,rgba(94,130,62,.95),rgba(223,234,212,.92) 58%,rgba(184,220,234,.98));
}
.bsbsrv-window-card h4{
  font-size:22px;
}
.bsbsrv-package-grid article{
  min-height:330px;
  position:relative;
  overflow:hidden;
}
.bsbsrv-package-grid article::after{
  content:"";
  position:absolute;
  right:28px;
  bottom:28px;
  width:62px;
  height:62px;
  border-radius:50%;
  background:
    radial-gradient(circle at 62% 38%,#5e823e 0 5px,transparent 6px),
    linear-gradient(135deg,#edf4e6,#fff);
  box-shadow:inset 0 0 0 1px rgba(94,130,62,.16);
}
.bsbsrv-package-grid h3{
  max-width:430px;
}
.bsbsrv-package-grid p{
  max-width:520px;
}
.bsbsrv-final-cta{
  padding-top:clamp(94px,8vw,150px);
  background:#fff;
}
.bsbsrv-final-inner{
  min-height:0;
  padding:clamp(70px,8vw,118px) 24px clamp(92px,9vw,136px);
  border-radius:0;
  background:#fff;
  box-shadow:none;
}
.bsbsrv-final-inner span{
  margin-bottom:34px;
  color:#5e823e;
  font-size:clamp(20px,1.55vw,28px);
  line-height:1.4;
}
.bsbsrv-final-inner h2{
  max-width:1420px;
  margin:0 0 58px;
  font-size:clamp(44px,4.1vw,78px);
  line-height:1.12;
  font-weight:820;
}
.bsbsrv-final-inner h2 strong{
  color:#5e823e;
  font-weight:820;
}
.bsbsrv-final-inner a{
  min-height:78px;
  min-width:360px;
  padding:0 52px;
  border-radius:999px;
  font-size:clamp(22px,1.8vw,32px);
}
@media(max-width:1280px){
  .bsbsrv-hero-summary,
  .bsbsrv-solution-panel,
  .bsbsrv-solution-visual{
    grid-template-columns:1fr;
  }
  .bsbsrv-solution-tabs{
    grid-row:auto;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:980px){
  .bsbsrv-system-card{
    position:relative;
    top:auto;
    opacity:1!important;
    transform:none!important;
  }
  .bsbsrv-system-card+.bsbsrv-system-card{
    margin-top:22px;
  }
  .bsbsrv-hero-summary .bsbsrv-hero-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .bsbsrv-hero-summary .bsbsrv-hero-stats div:nth-child(2){
    border-bottom:1px solid rgba(94,130,62,.12);
  }
}
@media(max-width:640px){
  .bsbsrv-geo-page .bsbsrv-soft-copy h1{
    font-size:clamp(52px,15vw,68px);
  }
  .bsbsrv-hero-service-list{
    gap:8px;
  }
  .bsbsrv-hero-service-list b{
    min-height:38px;
    padding:0 13px;
    font-size:16px;
  }
  .bsbsrv-geo-page .bsbsrv-soft-actions a{
    min-height:48px;
  }
  .bsbsrv-hero-summary{
    padding:24px 18px;
    border-radius:22px;
  }
  .bsbsrv-hero-summary h2{
    font-size:30px;
  }
  .bsbsrv-hero-summary .bsbsrv-hero-stats{
    grid-template-columns:1fr;
  }
  .bsbsrv-solution-tabs{
    grid-template-columns:1fr;
  }
  .bsbsrv-system-heading{
    gap:14px;
  }
  .bsbsrv-system-copy .bsbsrv-system-heading em{
    width:50px;
    height:50px;
  }
  .bsbsrv-final-inner{
    padding:58px 0 78px;
  }
  .bsbsrv-final-inner span{
    margin-bottom:22px;
    font-size:18px;
  }
  .bsbsrv-final-inner h2{
    margin-bottom:34px;
    font-size:34px;
  }
  .bsbsrv-final-inner a{
    min-width:0;
    width:100%;
    min-height:58px;
    font-size:18px;
  }
}

/* 20260701services12: marked detail corrections */
.bsbsrv-geo-page .bsbsrv-soft-hero{
  min-height:clamp(700px,78vh,860px);
  padding-bottom:clamp(56px,5vw,82px);
}
.bsbsrv-geo-page .bsbsrv-soft-hero-top{
  grid-template-columns:minmax(0,.94fr) minmax(520px,.76fr);
}
.bsbsrv-geo-page .bsbsrv-soft-copy h1{
  margin-bottom:34px;
}
.bsbsrv-hero-service-list{
  display:none!important;
}
.bsbsrv-radar{
  width:min(430px,78vw);
  margin-top:34px;
  margin-bottom:34px;
  background:
    repeating-radial-gradient(circle,rgba(94,130,62,.18) 0 1px,transparent 1px 58px),
    conic-gradient(from 0deg,transparent 0 6deg,rgba(94,130,62,.14) 6deg 7deg,transparent 7deg 44deg,rgba(94,130,62,.12) 44deg 45deg,transparent 45deg 100%),
    linear-gradient(135deg,rgba(94,130,62,.07),rgba(184,220,234,.16));
}
.bsbsrv-radar::before,
.bsbsrv-radar::after{
  background:rgba(94,130,62,.14);
}
.bsbsrv-radar::before{
  animation:bsbsrvRadarSpin 8s linear infinite;
  height:2px;
  opacity:.65;
}
.bsbsrv-radar strong{
  width:104px;
  height:104px;
  padding:0 18px;
  text-align:center;
  font-size:18px;
  line-height:1.22;
  box-shadow:0 0 0 10px rgba(94,130,62,.08);
}
.bsbsrv-radar i{
  width:13px;
  height:13px;
  animation:bsbsrvRadarDot 2.4s ease-in-out infinite;
}
.bsbsrv-radar i:nth-of-type(2){animation-delay:.12s}
.bsbsrv-radar i:nth-of-type(3){animation-delay:.24s}
.bsbsrv-radar i:nth-of-type(4){animation-delay:.36s}
.bsbsrv-radar i:nth-of-type(5){animation-delay:.48s}
.bsbsrv-radar i:nth-of-type(6){animation-delay:.6s}
.bsbsrv-radar i:nth-of-type(7){animation-delay:.72s}
.bsbsrv-radar i span{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(var(--tx),var(--ty));
  white-space:nowrap;
  min-height:30px;
  display:inline-flex;
  align-items:center;
  padding:0 11px;
  border-radius:999px;
  color:#31442b;
  background:rgba(255,255,255,.88);
  box-shadow:0 8px 22px rgba(73,99,58,.09);
  font-size:12px;
  font-style:normal;
  font-weight:600;
}
.bsbsrv-diagnostic-panel li{
  min-height:52px;
  padding:9px 0;
  border-radius:0;
  background:transparent;
  border-bottom:1px solid rgba(94,130,62,.08);
}
.bsbsrv-diagnostic-panel li:last-child{
  border-bottom:0;
}
.bsbsrv-diagnostic-panel li b{
  font-size:15px;
}
.bsbsrv-diagnostic-panel li span{
  font-size:14px;
  line-height:1.6;
}
.bsbsrv-report-visual{
  min-height:420px;
  display:grid;
  align-content:stretch;
  padding:30px;
  transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease;
}
.bsbsrv-report-visual:hover{
  transform:translateY(-4px);
  border-color:rgba(94,130,62,.26);
  box-shadow:0 28px 70px rgba(73,99,58,.14);
}
.bsbsrv-report-row{
  grid-template-columns:96px minmax(0,1fr) 70px;
  margin-bottom:18px;
}
.bsbsrv-report-row span{
  height:14px;
}
.bsbsrv-report-row span::before{
  animation:bsbsrvReportGrow 2.4s ease-in-out infinite;
}
.bsbsrv-report-row span::after{
  content:"";
  position:absolute;
  inset:0;
  width:36%;
  border-radius:inherit;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  transform:translateX(-120%);
  animation:bsbsrvReportShine 2.7s ease-in-out infinite;
}
.bsbsrv-report-row:hover span::before{
  filter:saturate(1.16) brightness(1.04);
}
.bsbsrv-report-flow{
  align-self:end;
  display:grid;
  gap:14px;
  margin-top:26px;
  padding:26px;
  border-radius:22px;
  background:linear-gradient(135deg,rgba(94,130,62,.08),rgba(184,220,234,.16));
}
.bsbsrv-report-flow strong{
  color:#050505;
  font-size:24px;
  line-height:1.2;
}
.bsbsrv-report-flow p{
  margin:0;
  color:#52604b;
  font-size:16px;
  line-height:1.7;
}
.bsbsrv-report-flow i{
  display:inline-block;
  width:26px;
  height:1px;
  margin:0 8px 4px;
  background:#5e823e;
  opacity:.6;
}
.bsbsrv-service-system .bsbsrv-soft-title{
  text-align:center;
  grid-template-columns:1fr;
}
.bsbsrv-service-system .bsbsrv-soft-title p{
  margin-inline:auto;
}
.bsbsrv-system-card{
  min-height:460px;
  border-radius:14px;
  padding:clamp(36px,4vw,60px);
  box-shadow:0 0 20px 0 rgba(221,235,255,.72);
}
.bsbsrv-system-card:hover{
  box-shadow:0 28px 80px rgba(73,99,58,.14);
}
.bsbsrv-system-heading{
  margin-bottom:24px;
}
.bsbsrv-system-copy .bsbsrv-system-heading h3{
  font-size:clamp(42px,3.8vw,64px);
}
.bsbsrv-system-copy p{
  max-width:860px;
  font-size:19px;
}
.bsbsrv-chart-card,
.bsbsrv-chip-cloud,
.bsbsrv-image-card,
.bsbsrv-flow-card{
  min-height:260px;
  border-radius:14px;
}
.bsbsrv-solution-tabs{
  align-content:center;
  justify-items:stretch;
}
.bsbsrv-solution-tabs button{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:22px;
}
.bsbsrv-solution-visual{
  align-items:stretch;
}
.bsbsrv-kpi-card,
.bsbsrv-window-card{
  min-height:250px;
  transition:transform .32s ease,box-shadow .32s ease;
}
.bsbsrv-kpi-card:hover,
.bsbsrv-window-card:hover{
  transform:translateY(-4px);
  box-shadow:0 26px 68px rgba(73,99,58,.13);
}
.bsbsrv-window-card p{
  max-width:560px;
  font-size:16px;
}
.bsbsrv-package-grid article{
  min-height:410px;
  display:flex;
  flex-direction:column;
}
.bsbsrv-package-grid article::after{
  display:none;
}
.bsbsrv-package-visual{
  height:108px;
  margin:28px 0 26px;
  border-radius:22px;
  background:
    radial-gradient(circle at 78% 36%,#5e823e 0 5px,transparent 6px),
    linear-gradient(135deg,rgba(94,130,62,.86),rgba(223,234,212,.9) 56%,rgba(184,220,234,.96));
  box-shadow:inset 0 0 0 1px rgba(94,130,62,.12);
  transition:transform .32s ease,filter .32s ease;
}
.bsbsrv-package-grid article:hover .bsbsrv-package-visual{
  transform:scale(1.025);
  filter:saturate(1.06);
}
.bsbsrv-package-grid h3{
  font-size:clamp(34px,3vw,50px);
}
.bsbsrv-package-grid a{
  width:max-content;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  margin-top:auto;
  padding:0 18px;
  border-radius:999px;
  color:#fff;
  background:#5e823e;
  text-decoration:none;
  font-size:15px;
  transition:transform .25s ease,background .25s ease;
}
.bsbsrv-package-grid a:hover{
  transform:translateY(-2px);
  background:#4e6f32;
}
.bsbsrv-final-cta{
  padding-top:clamp(32px,2.8vw,54px);
  padding-bottom:clamp(42px,4vw,68px);
}
.bsbsrv-final-inner{
  padding:clamp(36px,4.2vw,58px) 24px clamp(46px,5vw,72px);
}
.bsbsrv-final-inner h2{
  max-width:1600px;
  margin-bottom:40px;
  font-size:clamp(40px,3.25vw,62px);
  line-height:1.08;
  white-space:nowrap;
}
@keyframes bsbsrvRadarSpin{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes bsbsrvRadarDot{
  0%,100%{box-shadow:0 0 0 8px rgba(94,130,62,.12);transform:translate(-50%,-50%) scale(1)}
  50%{box-shadow:0 0 0 14px rgba(94,130,62,.08);transform:translate(-50%,-50%) scale(1.08)}
}
@keyframes bsbsrvReportGrow{
  0%,100%{transform:scaleX(.82);transform-origin:left center}
  50%{transform:scaleX(1);transform-origin:left center}
}
@keyframes bsbsrvReportShine{
  0%,45%{transform:translateX(-120%)}
  80%,100%{transform:translateX(280%)}
}
@media(max-width:1280px){
  .bsbsrv-geo-page .bsbsrv-soft-hero-top{
    grid-template-columns:1fr;
  }
  .bsbsrv-solution-tabs button{
    font-size:18px;
  }
  .bsbsrv-final-inner h2{
    white-space:normal;
  }
}
@media(max-width:640px){
  .bsbsrv-radar i span{
    display:none;
  }
  .bsbsrv-report-visual{
    min-height:auto;
    padding:22px;
  }
  .bsbsrv-report-row{
    grid-template-columns:1fr;
    gap:8px;
  }
  .bsbsrv-system-card{
    min-height:auto;
    padding:28px 22px;
  }
  .bsbsrv-system-copy .bsbsrv-system-heading h3{
    font-size:34px;
  }
  .bsbsrv-system-copy p{
    font-size:16px;
  }
  .bsbsrv-chart-card,
  .bsbsrv-chip-cloud,
  .bsbsrv-image-card,
  .bsbsrv-flow-card{
    min-height:220px;
  }
  .bsbsrv-solution-tabs button{
    min-height:54px;
    font-size:17px;
  }
  .bsbsrv-solution-visual{
    grid-template-columns:1fr;
  }
  .bsbsrv-package-visual{
    height:86px;
  }
  .bsbsrv-package-grid h3{
    font-size:31px;
  }
  .bsbsrv-final-cta{
    padding-top:24px;
    padding-bottom:34px;
  }
  .bsbsrv-final-inner h2{
    font-size:30px;
  }
}

/* 20260702services13: diagnosis/radar/detail spacing corrections */
.bsbsrv-geo-page .bsbsrv-soft-hero{
  min-height:clamp(620px,68vh,760px);
  padding-bottom:clamp(28px,3.2vw,52px);
}
.bsbsrv-diagnosis{
  padding-top:clamp(42px,3.5vw,64px);
}
.bsbsrv-diagnosis .bsbsrv-soft-title{
  margin-bottom:clamp(34px,3.8vw,56px);
}
.bsbsrv-radar{
  background:
    repeating-radial-gradient(circle,rgba(94,130,62,.18) 0 1px,transparent 1px 58px),
    linear-gradient(135deg,rgba(94,130,62,.065),rgba(184,220,234,.15));
}
.bsbsrv-radar::before,
.bsbsrv-radar::after{
  display:none;
}
.bsbsrv-radar i{
  z-index:2;
  transform:translate(-50%,-50%);
}
.bsbsrv-radar i::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:var(--radar-line,156px);
  height:1px;
  background:linear-gradient(90deg,rgba(94,130,62,.42),rgba(94,130,62,.08));
  transform-origin:left center;
  transform:rotate(var(--radar-angle,0deg));
  pointer-events:none;
}
.bsbsrv-radar i:nth-of-type(1){--radar-line:182px;--radar-angle:90deg}
.bsbsrv-radar i:nth-of-type(2){--radar-line:172px;--radar-angle:144deg}
.bsbsrv-radar i:nth-of-type(3){--radar-line:166px;--radar-angle:198deg}
.bsbsrv-radar i:nth-of-type(4){--radar-line:168px;--radar-angle:252deg}
.bsbsrv-radar i:nth-of-type(5){--radar-line:166px;--radar-angle:304deg}
.bsbsrv-radar i:nth-of-type(6){--radar-line:160px;--radar-angle:0deg}
.bsbsrv-radar i:nth-of-type(7){--radar-line:168px;--radar-angle:50deg}
.bsbsrv-radar strong{
  z-index:3;
}
.bsbsrv-diagnostic-panel ul{
  gap:6px;
  margin-bottom:18px;
}
.bsbsrv-diagnostic-panel li{
  min-height:0;
  gap:12px;
  padding:7px 0 10px;
  border-bottom:0!important;
}
.bsbsrv-diagnostic-panel li b{
  line-height:1.34;
}
.bsbsrv-diagnostic-panel li span{
  padding-bottom:2px;
  line-height:1.42;
}
.bsbsrv-report-row.green{
  padding:0;
  border-radius:0;
  background:transparent!important;
}
.bsbsrv-report-flow{
  align-self:center;
  justify-items:center;
  margin-top:8px;
  text-align:center;
}
.bsbsrv-report-flow p{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:8px 0;
}
@media(max-width:640px){
  .bsbsrv-geo-page .bsbsrv-soft-hero{
    min-height:auto;
    padding-bottom:36px;
  }
  .bsbsrv-diagnosis{
    padding-top:42px;
  }
  .bsbsrv-radar i::before{
    opacity:.45;
    width:var(--radar-line-mobile,104px);
  }
  .bsbsrv-radar i:nth-of-type(1){--radar-line-mobile:116px}
  .bsbsrv-radar i:nth-of-type(2){--radar-line-mobile:108px}
  .bsbsrv-radar i:nth-of-type(3){--radar-line-mobile:104px}
  .bsbsrv-radar i:nth-of-type(4){--radar-line-mobile:106px}
  .bsbsrv-radar i:nth-of-type(5){--radar-line-mobile:104px}
  .bsbsrv-radar i:nth-of-type(6){--radar-line-mobile:100px}
  .bsbsrv-radar i:nth-of-type(7){--radar-line-mobile:106px}
  .bsbsrv-diagnostic-panel li{
    grid-template-columns:92px minmax(0,1fr);
  }
}

/* 20260702services14: package card cleanup */
.bsbsrv-package-grid article{
  min-height:340px;
  align-items:flex-start;
}
.bsbsrv-package-grid span{
  align-self:flex-start;
  width:clamp(92px,32%,128px);
  justify-content:center;
}
.bsbsrv-package-visual,
.bsbsrv-package-grid a{
  display:none!important;
}
.bsbsrv-package-grid h3{
  margin-top:42px;
}
.bsbsrv-package-grid b{
  margin-top:24px;
}
.bsbsrv-faq{
  padding-bottom:60px!important;
}
@media(max-width:640px){
  .bsbsrv-package-grid article{
    min-height:auto;
  }
  .bsbsrv-package-grid span{
    width:104px;
  }
  .bsbsrv-package-grid h3{
    margin-top:32px;
  }
}

/* 20260702services15: smooth stacked service cards */
.bsbsrv-stack-stage{
  display:grid;
  gap:clamp(58px,6vw,96px);
}
.bsbsrv-stack-stage .bsbsrv-system-card+.bsbsrv-system-card{
  margin-top:0;
}
.bsbsrv-stack-active .bsbsrv-system-stack{
  position:relative;
  min-height:var(--bsbsrv-stage-height,500px);
  display:block;
}
.bsbsrv-stack-active .bsbsrv-system-stack::after{
  content:"";
  display:block;
  height:var(--bsbsrv-stack-space,2300px);
  pointer-events:none;
}
.bsbsrv-stack-active .bsbsrv-stack-stage{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:var(--bsbsrv-stage-height,560px);
  display:block;
  isolation:isolate;
  will-change:transform;
}
.bsbsrv-stack-active .bsbsrv-system-card{
  position:absolute;
  inset:0;
  width:100%;
  min-height:var(--bsbsrv-stage-height,520px);
  margin:0!important;
  transform-origin:center top;
  backface-visibility:hidden;
  will-change:transform,opacity;
  transition:box-shadow .26s ease,border-color .26s ease;
}
.bsbsrv-stack-active .bsbsrv-system-card:hover{
  border-color:rgba(94,130,62,.26);
  box-shadow:0 34px 86px rgba(73,99,58,.14);
}
.bsbsrv-stack-active .bsbsrv-system-card.is-stack-covered{
  box-shadow:0 12px 34px rgba(73,99,58,.07);
}
@media(max-width:980px){
  .bsbsrv-stack-stage{
    gap:24px;
  }
}

/* 20260702services17: tighter stack and solution text */
.bsbsrv-system-card{
  min-height:420px;
  padding:clamp(30px,3.4vw,50px);
}
.bsbsrv-system-copy .bsbsrv-system-heading h3{
  font-size:clamp(38px,3.45vw,58px);
}
.bsbsrv-system-copy p{
  font-size:18px;
  line-height:1.72;
}
.bsbsrv-chart-card,
.bsbsrv-chip-cloud,
.bsbsrv-image-card,
.bsbsrv-flow-card{
  min-height:220px;
}
.bsbsrv-chart-card{
  padding:24px;
}
.bsbsrv-chart-card h4{
  margin-bottom:24px;
}
.bsbsrv-stack-active .bsbsrv-stack-stage{
  height:var(--bsbsrv-stage-height,500px);
}
.bsbsrv-stack-active .bsbsrv-system-card{
  min-height:var(--bsbsrv-stage-height,500px);
}
.bsbsrv-solution-content h3{
  max-width:none;
  font-size:clamp(30px,2.65vw,46px);
  white-space:nowrap;
}
.bsbsrv-solution-content p{
  max-width:100%;
  width:100%;
}
@media(max-width:980px){
  .bsbsrv-solution-content h3{
    white-space:normal;
  }
}
@media(max-width:640px){
  .bsbsrv-system-card{
    padding:26px 20px;
  }
}

/* 20260702services19: section spacing refinements */
.bsbsrv-service-system{
  padding-top:clamp(132px,9vw,188px)!important;
  padding-bottom:0!important;
}
.bsbsrv-solution{
  padding-top:80px!important;
}
.bsbsrv-service-system .bsbsrv-soft-title{
  gap:clamp(18px,2.4vw,38px);
}
.bsbsrv-diagnosis .bsbsrv-soft-title{
  margin-bottom:clamp(68px,7vw,112px);
}
.bsbsrv-package{
  padding-top:clamp(132px,9vw,188px)!important;
}
.bsbsrv-package-grid h3{
  font-size:36px!important;
  line-height:1.14;
  padding-bottom:15px;
}
@media(max-width:980px){
  .bsbsrv-service-system{
    padding-top:92px!important;
  }
  .bsbsrv-package{
    padding-top:92px!important;
  }
  .bsbsrv-package-grid h3{
    font-size:32px!important;
  }
}

/* 20260702services20: exact spacing overrides */
.bsbsrv-service-system{
  padding-top:100px!important;
  padding-bottom:0!important;
}
.bsbsrv-service-system .bsbsrv-soft-title{
  gap:12px!important;
}
.bsbsrv-package{
  padding-top:100px!important;
}
.bsbsrv-faq{
  padding-top:0!important;
}
section.bsbsrv-final-cta{
  padding-top:0!important;
}
@media(max-width:980px){
  .bsbsrv-service-system,
  .bsbsrv-package{
    padding-top:70px!important;
  }
}

/* 20260702services21: hero pill and stack spacer model */
.bsbsrv-geo-page .bsbsrv-soft-copy>span{
  min-height:54px;
  padding:0 28px;
  font-size:24px;
}

/* 20260702info1: about/contact pages rebuilt with GEO visual system */
.bsbinfo-body{
  background:#f8fbf5;
}
.bsbinfo-page{
  --bsbinfo-green:#5e823e;
  --bsbinfo-green-soft:#eef6e8;
  --bsbinfo-line:rgba(94,130,62,.16);
  --bsbinfo-ink:#111;
  overflow:hidden;
}
.bsbinfo-page .bsbgeo-soft-hero{
  min-height:auto;
  padding-top:clamp(120px,10vw,178px);
  padding-bottom:clamp(72px,7vw,118px);
}
.bsbinfo-page .bsbgeo-soft-bg{
  background:
    radial-gradient(circle at 18% 20%, rgba(94,130,62,.22), transparent 30%),
    radial-gradient(circle at 76% 12%, rgba(170,205,137,.42), transparent 36%),
    linear-gradient(180deg,#f6faf1 0%,#fff 58%,#f8fbf5 100%);
}
.bsbinfo-hero-top{
  grid-template-columns:minmax(0,1fr) minmax(320px,460px);
  align-items:center;
}
.bsbinfo-page .bsbgeo-soft-hero h1{
  max-width:920px;
}
.bsbinfo-hero-card,
.bsbinfo-contact-card{
  position:relative;
  min-height:360px;
  border:1px solid var(--bsbinfo-line);
  border-radius:28px;
  background:rgba(255,255,255,.76);
  box-shadow:0 34px 90px rgba(67,89,50,.12);
  display:grid;
  place-items:center;
  text-align:center;
  overflow:hidden;
}
.bsbinfo-hero-card::before,
.bsbinfo-contact-card::before{
  content:"";
  position:absolute;
  inset:12%;
  border-radius:999px;
  background:radial-gradient(circle,rgba(94,130,62,.2),transparent 62%);
  filter:blur(8px);
  animation:bsbinfoPulse 5.6s ease-in-out infinite;
}
.bsbinfo-hero-card img{
  position:relative;
  width:clamp(92px,9vw,136px);
  opacity:.92;
}
.bsbinfo-hero-card b,
.bsbinfo-contact-card b{
  position:relative;
  display:block;
  font-size:clamp(30px,3vw,46px);
  color:var(--bsbinfo-ink);
}
.bsbinfo-hero-card span,
.bsbinfo-contact-card span,
.bsbinfo-contact-card em{
  position:relative;
  color:#596553;
  font-style:normal;
}
.bsbinfo-contact-card{
  align-content:center;
  gap:16px;
}
.bsbinfo-contact-card b{
  font-size:clamp(34px,3.6vw,54px);
  letter-spacing:.02em;
}
.bsbinfo-contact-card i,
.bsbinfo-hero-card i{
  position:absolute;
  left:13%;
  right:13%;
  bottom:52px;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--bsbinfo-green),#b9d99b,transparent);
  transform-origin:left center;
  animation:bsbinfoLine 3.8s ease-in-out infinite;
}
.bsbinfo-hero-bottom{
  margin-top:clamp(48px,6vw,88px);
}
.bsbinfo-page .bsbgeo-diagnosis,
.bsbinfo-page .bsbgeo-capability,
.bsbinfo-page .bsbgeo-solution,
.bsbinfo-page .bsbgeo-package-soft,
.bsbinfo-page .bsbgeo-faq-soft{
  padding-top:clamp(72px,7vw,118px);
  padding-bottom:clamp(72px,7vw,118px);
}
.bsbinfo-page .bsbgeo-monitor{
  padding-top:clamp(70px,7vw,112px);
  padding-bottom:clamp(70px,7vw,112px);
}
.bsbinfo-profile-card p{
  margin:18px 0 0;
  color:#465142;
  font-size:18px;
  line-height:1.9;
}
.bsbinfo-logo-stage{
  position:relative;
  min-height:300px;
  display:grid;
  place-items:center;
  gap:10px;
  overflow:hidden;
}
.bsbinfo-logo-stage i{
  position:absolute;
  border:1px solid rgba(94,130,62,.18);
  border-radius:999px;
  inset:18%;
  animation:bsbinfoOrbit 8s linear infinite;
}
.bsbinfo-logo-stage i:nth-child(2){inset:28%;animation-duration:6.4s;animation-direction:reverse}
.bsbinfo-logo-stage i:nth-child(3){inset:38%;animation-duration:5.2s}
.bsbinfo-logo-stage img{
  width:118px;
  z-index:1;
}
.bsbinfo-logo-stage strong{
  z-index:1;
  font-size:32px;
}
.bsbinfo-logo-stage span{
  z-index:1;
  color:#66705f;
  font-size:13px;
}
.bsbinfo-stats i,
.bsbinfo-contact-steps i{
  display:grid;
  place-items:center;
  color:#fff;
  font-style:normal;
  background:#5e823e;
}
.bsbinfo-system-visual,
.bsbinfo-search-visual,
.bsbinfo-image-card,
.bsbinfo-flow-card{
  min-height:260px;
  border:1px solid var(--bsbinfo-line);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(240,247,233,.92),rgba(255,255,255,.96));
  box-shadow:inset 0 0 48px rgba(94,130,62,.08);
  overflow:hidden;
}
.bsbinfo-system-visual{
  display:grid;
  place-items:center;
}
.bsbinfo-system-visual b{
  font-size:clamp(46px,5vw,78px);
  color:rgba(94,130,62,.18);
}
.bsbinfo-system-visual i{
  width:70%;
  height:10px;
  border-radius:999px;
  background:linear-gradient(90deg,#5e823e,#dceccf);
}
.bsbinfo-search-visual{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
  padding:44px;
}
.bsbinfo-search-visual span,
.bsbinfo-flow-card span{
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#fff;
  color:#26331e;
  box-shadow:0 18px 48px rgba(67,89,50,.1);
}
.bsbinfo-image-card img{
  width:100%;
  height:100%;
  min-height:260px;
  object-fit:cover;
}
.bsbinfo-flow-card{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  padding:42px;
  align-items:center;
}
.bsbinfo-city-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.bsbinfo-city-grid article{
  min-height:132px;
  border:1px solid var(--bsbinfo-line);
  border-radius:20px;
  background:rgba(255,255,255,.82);
  padding:24px;
  box-shadow:0 22px 60px rgba(67,89,50,.08);
}
.bsbinfo-city-grid b{
  display:block;
  font-size:24px;
  color:#111;
  margin-bottom:12px;
}
.bsbinfo-city-grid span{
  color:#5f6b5a;
  line-height:1.7;
}
.bsbinfo-location-list{
  display:grid;
  gap:14px;
  margin-top:28px;
}
.bsbinfo-location-list p{
  display:grid;
  grid-template-columns:96px 1fr;
  gap:18px;
  align-items:start;
  margin:0;
  padding:16px 0;
  border-bottom:1px solid rgba(94,130,62,.12);
}
.bsbinfo-location-list b{
  color:#111;
}
.bsbinfo-location-list span{
  color:#52604d;
  line-height:1.7;
}
.bsbinfo-message-form{
  max-width:980px;
  display:grid;
  gap:14px;
  padding:clamp(28px,4vw,54px);
  border:1px solid var(--bsbinfo-line);
  border-radius:28px;
  background:rgba(255,255,255,.9);
  box-shadow:0 34px 90px rgba(67,89,50,.12);
}
.bsbinfo-message-form label{
  margin-top:8px;
  font-size:16px;
  color:#1b2618;
}
.bsbinfo-message-form input,
.bsbinfo-message-form select,
.bsbinfo-message-form textarea{
  width:100%;
  min-height:54px;
  border:1px solid rgba(94,130,62,.18);
  border-radius:14px;
  background:#f9fcf6;
  padding:0 18px;
  font:inherit;
  color:#111;
  outline:none;
}
.bsbinfo-message-form textarea{
  min-height:170px;
  padding-top:16px;
  resize:vertical;
}
.bsbinfo-message-form input:focus,
.bsbinfo-message-form select:focus,
.bsbinfo-message-form textarea:focus{
  border-color:rgba(94,130,62,.56);
  box-shadow:0 0 0 4px rgba(94,130,62,.1);
}
.bsbinfo-message-form button{
  width:min(220px,100%);
  height:54px;
  border:0;
  border-radius:999px;
  background:#5e823e;
  color:#fff;
  font-size:17px;
  cursor:pointer;
  transition:transform .24s ease,background .24s ease;
}
.bsbinfo-message-form button:hover{
  transform:translateY(-2px);
  background:#496b31;
}
.bsbinfo-message-form p{
  margin:0;
  color:#66705f;
  line-height:1.7;
}
.bsbinfo-contact{
  display:flex;
  flex-direction:column;
}
.bsbinfo-contact .bsbinfo-hero{
  order:0;
}
.bsbinfo-contact .bsbgeo-soft-hero{
  padding-top:clamp(108px,8vw,148px);
  padding-bottom:clamp(42px,4vw,68px);
}
.bsbinfo-contact .bsbinfo-hero-bottom{
  margin-top:clamp(28px,3vw,44px);
}
.bsbinfo-contact .bsbinfo-hero-bottom h2{
  max-width:1120px;
  font-size:clamp(30px,3.2vw,48px);
  line-height:1.2;
}
.bsbinfo-contact .bsbinfo-hero-bottom p{
  max-width:1040px;
}
.bsbinfo-contact .bsbinfo-contact-intro{
  order:1;
  padding-bottom:clamp(44px,5vw,76px);
}
.bsbinfo-contact .bsbinfo-message-section{
  order:2;
  padding-top:clamp(54px,5vw,88px);
  padding-bottom:clamp(58px,6vw,96px);
}
.bsbinfo-contact .bsbinfo-city-section{
  order:3;
  padding-top:clamp(64px,6vw,104px);
}
.bsbinfo-contact-methods{
  order:4;
  padding:clamp(64px,6vw,104px) 0 clamp(76px,7vw,118px);
  background:linear-gradient(180deg,#fff 0%,#f3f8ee 100%);
}
.bsbinfo-contact-solution{
  display:none!important;
}
.bsbinfo-method-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.bsbinfo-method-grid article{
  min-height:260px;
  border:1px solid var(--bsbinfo-line);
  border-radius:24px;
  background:rgba(255,255,255,.88);
  padding:28px;
  box-shadow:0 24px 70px rgba(67,89,50,.1);
  display:grid;
  align-content:start;
  gap:18px;
}
.bsbinfo-method-grid span{
  width:54px;
  height:54px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#5e823e;
  color:#fff;
  font-weight:700;
}
.bsbinfo-method-grid h3{
  margin:0;
  font-size:26px;
  color:#111;
}
.bsbinfo-method-grid p{
  margin:0;
  color:#5b6655;
  line-height:1.8;
}
.bsbinfo-method-grid a{
  align-self:end;
  color:#5e823e;
  font-weight:700;
}
.bsbinfo-form-layout{
  display:grid;
  grid-template-columns:minmax(280px,360px) minmax(0,1fr);
  gap:28px;
  align-items:start;
}
.bsbinfo-form-aside{
  position:sticky;
  top:120px;
  border:1px solid var(--bsbinfo-line);
  border-radius:28px;
  background:
    radial-gradient(circle at 72% 18%,rgba(94,130,62,.18),transparent 32%),
    linear-gradient(135deg,rgba(240,247,233,.94),rgba(255,255,255,.96));
  box-shadow:0 34px 90px rgba(67,89,50,.12);
  padding:34px;
}
.bsbinfo-form-aside>span{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:0 14px;
  border-radius:999px;
  background:#5e823e;
  color:#fff;
  font-size:14px;
}
.bsbinfo-form-aside b{
  display:block;
  margin-top:28px;
  font-size:clamp(30px,2.8vw,42px);
  color:#111;
  letter-spacing:.02em;
}
.bsbinfo-form-aside p{
  color:#566250;
  line-height:1.8;
  margin:18px 0 0;
}
.bsbinfo-form-aside ul{
  display:grid;
  gap:12px;
  padding:24px 0;
  margin:24px 0;
  border-top:1px solid rgba(94,130,62,.14);
  border-bottom:1px solid rgba(94,130,62,.14);
  list-style:none;
}
.bsbinfo-form-aside li{
  color:#26331e;
}
.bsbinfo-form-aside a{
  display:inline-flex;
  height:48px;
  align-items:center;
  justify-content:center;
  padding:0 24px;
  border-radius:999px;
  background:#5e823e;
  color:#fff;
  font-weight:700;
}
.bsbinfo-solution-visual{
  min-height:420px;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:18px;
  border:1px solid var(--bsbinfo-line);
  border-radius:28px;
  background:linear-gradient(135deg,rgba(240,247,233,.88),rgba(255,255,255,.96));
  padding:clamp(24px,3vw,38px);
  box-shadow:0 24px 70px rgba(67,89,50,.1);
}
.bsbinfo-solution-visual .bsbgeo-kpi-card,
.bsbinfo-solution-visual .bsbgeo-window-card{
  min-height:auto;
  box-shadow:none;
}
@keyframes bsbinfoPulse{
  0%,100%{transform:scale(.92);opacity:.65}
  50%{transform:scale(1.08);opacity:1}
}
@keyframes bsbinfoLine{
  0%,100%{transform:scaleX(.36);opacity:.5}
  50%{transform:scaleX(1);opacity:1}
}
@keyframes bsbinfoOrbit{
  to{transform:rotate(360deg)}
}
@keyframes bsbcontactOrbFloat{
  0%,100%{
    transform:translate3d(0,0,0) scale(.96);
    opacity:.82;
  }
  50%{
    transform:translate3d(-12px,-18px,0) scale(1.03);
    opacity:1;
  }
}
@media(max-width:1180px){
  .bsbinfo-hero-top,
  .bsbinfo-page .bsbgeo-diagnosis-grid,
  .bsbinfo-page .bsbgeo-solution-panel{
    grid-template-columns:1fr;
  }
  .bsbinfo-city-grid{
    grid-template-columns:repeat(3,1fr);
  }
  .bsbinfo-method-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:900px){
  .bsbinfo-form-layout{
    grid-template-columns:1fr;
  }
  .bsbinfo-form-aside{
    position:relative;
    top:auto;
  }
}
@media(min-width:901px){
  .bsbinfo-contact .bsbinfo-hero-top{
    grid-template-columns:minmax(0,1fr) minmax(300px,420px);
  }
  .bsbinfo-contact .bsbinfo-contact-card{
    min-height:320px;
  }
}
@media(max-width:760px){
  .bsbinfo-page .bsbgeo-soft-hero{
    padding-top:96px;
  }
  .bsbinfo-hero-card,
  .bsbinfo-contact-card{
    min-height:260px;
  }
  .bsbinfo-city-grid{
    grid-template-columns:1fr;
  }
  .bsbinfo-method-grid{
    grid-template-columns:1fr;
  }
  .bsbinfo-method-grid article{
    min-height:auto;
  }
  .bsbinfo-location-list p{
    grid-template-columns:1fr;
    gap:6px;
  }
  .bsbinfo-flow-card,
  .bsbinfo-search-visual{
    grid-template-columns:1fr 1fr;
    padding:26px;
  }
  .bsbinfo-message-form{
    border-radius:20px;
  }
  .bsbinfo-form-aside{
    padding:26px;
    border-radius:20px;
  }
}

/* Contact page: functional layout */
.bsbcontact-page{
  --bsbcontact-green:#5e823e;
  --bsbcontact-green-dark:#415f2c;
  --bsbcontact-soft:#f4f9ef;
  --bsbcontact-line:rgba(94,130,62,.16);
  --bsbcontact-ink:#101510;
  background:
    linear-gradient(180deg,#f6faf2 0%,#eef7e8 22%,#fff 52%,#f7fbf3 74%,#fff 100%);
  overflow:hidden;
}
body.contact-page::before{
  content:"";
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:38px;
  background:#0b1118;
  z-index:9992;
  pointer-events:none;
}
.contact-page .top-widebar{
  z-index:9993!important;
  background:#0b1118!important;
  isolation:isolate;
}
.contact-page .bomin-header{
  z-index:9991!important;
}
.contact-page .search-overlay{
  z-index:10000!important;
}
.bsbcontact-gradient-stage{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse 72% 42% at 84% 23%,rgba(255,255,255,.72) 0%,rgba(255,255,255,.36) 34%,rgba(255,255,255,0) 72%),
    radial-gradient(ellipse 88% 48% at 22% 56%,rgba(94,130,62,.2) 0%,rgba(94,130,62,.11) 42%,rgba(94,130,62,0) 78%),
    radial-gradient(ellipse 96% 48% at 58% 68%,rgba(183,216,153,.34) 0%,rgba(183,216,153,.18) 48%,rgba(183,216,153,0) 82%),
    linear-gradient(180deg,#f7fbf3 0%,#f1f8eb 20%,#ebf5e3 34%,#e4f0da 48%,#e7f2de 62%,#edf6e7 76%,#f5faf1 90%,#fff 100%);
}
.bsbcontact-gradient-stage::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 86% 58% at 50% 44%,rgba(94,130,62,.12) 0%,rgba(94,130,62,.065) 46%,rgba(94,130,62,0) 84%),
    radial-gradient(ellipse 92% 48% at 72% 58%,rgba(198,224,174,.2) 0%,rgba(198,224,174,.09) 46%,rgba(255,255,255,0) 82%),
    linear-gradient(90deg,rgba(255,255,255,.44) 0%,rgba(255,255,255,.08) 42%,rgba(255,255,255,.36) 100%);
}
.bsbcontact-gradient-stage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 132% 62% at 46% 56%,rgba(94,130,62,.095) 0%,rgba(94,130,62,.055) 38%,rgba(94,130,62,.026) 62%,rgba(255,255,255,0) 86%),
    radial-gradient(ellipse 88% 48% at 80% 42%,rgba(255,255,255,.5) 0%,rgba(255,255,255,.18) 42%,rgba(255,255,255,0) 78%),
    radial-gradient(ellipse 90% 42% at 18% 72%,rgba(183,216,153,.16) 0%,rgba(183,216,153,.07) 44%,rgba(255,255,255,0) 82%);
}
.bsbcontact-page .bsbgeo-soft-hero{
  position:relative;
  z-index:1;
  display:block;
  min-height:0;
  padding:clamp(112px,8vw,152px) 0 clamp(44px,3.6vw,68px);
  background:transparent;
}
.bsbcontact-page .bsbgeo-soft-hero::before{
  display:none;
  content:none;
}
.bsbcontact-page .bsbgeo-soft-hero::after{
  content:"";
  position:absolute;
  width:clamp(190px,11vw,240px);
  height:clamp(190px,11vw,240px);
  right:clamp(86px,9vw,170px);
  top:clamp(118px,10vw,148px);
  z-index:0;
  border-radius:50%;
  pointer-events:none;
  border:1px solid rgba(94,130,62,.11);
  background:
    radial-gradient(circle at 42% 38%,rgba(255,255,255,.74) 0%,rgba(255,255,255,.34) 28%,rgba(184,216,154,.18) 58%,rgba(184,216,154,.08) 74%,rgba(184,216,154,0) 75%),
    linear-gradient(145deg,rgba(255,255,255,.34),rgba(184,216,154,.13));
  box-shadow:0 24px 90px rgba(94,130,62,.12);
  animation:bsbcontactOrbFloat 8s ease-in-out infinite;
}
.bsbcontact-page .bsbgeo-soft-bg,
.bsbcontact-hero-bg{
  background:
    radial-gradient(circle 9vw at 84% 28%,rgba(255,255,255,.52) 0%,rgba(255,255,255,0) 76%),
    radial-gradient(circle 30vw at 12% 20%,rgba(94,130,62,.1) 0%,rgba(94,130,62,0) 68%),
    radial-gradient(ellipse at 46% 100%,rgba(214,235,198,.22) 0%,rgba(241,248,235,.1) 46%,rgba(255,255,255,0) 82%);
}
.bsbcontact-page .bsbgeo-soft-bg::after,
.bsbcontact-hero-bg::after{
  opacity:.12;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.16),rgba(0,0,0,.08) 44%,transparent 92%);
}
.bsbcontact-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,430px);
  gap:clamp(30px,5vw,78px);
  align-items:center;
  min-height:clamp(390px,32vw,500px);
}
.bsbcontact-hero-copy{
  transform:translateY(-18px);
}
.bsbcontact-kicker{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 16px;
  border-radius:999px;
  background:rgba(94,130,62,.1);
  color:var(--bsbcontact-green);
  font-size:15px;
}
.bsbcontact-hero-copy h1{
  margin:26px 0 0;
  max-width:860px;
  color:var(--bsbcontact-ink);
  font-size:clamp(42px,5.2vw,76px);
  line-height:1.08;
  letter-spacing:0;
}
.bsbcontact-hero-copy p{
  max-width:780px;
  margin:24px 0 0;
  color:#4f5b4a;
  font-size:clamp(17px,1.2vw,20px);
  line-height:1.9;
}
.bsbcontact-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:30px;
}
.bsbcontact-hero-actions a,
.bsbcontact-hotline a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 24px;
  border-radius:999px;
  color:#fff;
  background:var(--bsbcontact-green);
  font-weight:700;
  transition:transform .28s ease,background .28s ease,box-shadow .28s ease;
}
.bsbcontact-hero-actions a:nth-child(2),
.bsbcontact-hotline a:nth-child(2){
  color:var(--bsbcontact-green-dark);
  background:rgba(255,255,255,.82);
  border:1px solid rgba(94,130,62,.2);
}
.bsbcontact-hero-actions a:hover,
.bsbcontact-hotline a:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 38px rgba(67,89,50,.14);
}
.bsbcontact-hotline{
  position:relative;
  align-self:center;
  min-height:286px;
  padding:34px;
  border:1px solid var(--bsbcontact-line);
  border-radius:26px;
  background:rgba(255,255,255,.86);
  box-shadow:0 34px 90px rgba(67,89,50,.13);
  overflow:hidden;
  transform:translateY(-10px);
}
.bsbcontact-hotline::before{
  content:"";
  position:absolute;
  width:172px;
  height:172px;
  right:-38px;
  top:-42px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(94,130,62,.16),transparent 68%);
  animation:bsbinfoPulse 5.8s ease-in-out infinite;
}
.bsbcontact-hotline span,
.bsbcontact-hotline b,
.bsbcontact-hotline em,
.bsbcontact-hotline div{
  position:relative;
}
.bsbcontact-hotline span{
  display:block;
  color:#5d6957;
}
.bsbcontact-hotline b{
  display:block;
  margin-top:24px;
  color:var(--bsbcontact-ink);
  font-size:clamp(32px,3.2vw,48px);
  line-height:1.05;
  letter-spacing:.02em;
}
.bsbcontact-hotline em{
  display:block;
  margin-top:16px;
  color:#5b6655;
  font-style:normal;
}
.bsbcontact-hotline div{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:32px;
}
.bsbcontact-board,
.bsbcontact-message,
.bsbcontact-cities,
.bsbcontact-flow{
  position:relative;
  padding:clamp(70px,7vw,112px) 0;
}
.bsbcontact-board{
  z-index:1;
  overflow:hidden;
  margin-top:0;
  padding-top:clamp(42px,4vw,68px);
  background:transparent;
}
.bsbcontact-board::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-320px;
  height:540px;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 86% 54% at 22% 46%,rgba(94,130,62,.1) 0%,rgba(94,130,62,.05) 46%,rgba(94,130,62,0) 82%),
    radial-gradient(ellipse 92% 56% at 64% 50%,rgba(184,216,154,.22) 0%,rgba(184,216,154,.1) 52%,rgba(255,255,255,0) 88%);
}
.bsbcontact-board>.container{
  position:relative;
  z-index:1;
}
.bsbcontact-board-head{
  display:grid;
  grid-template-columns:minmax(0,360px) minmax(0,1fr);
  gap:clamp(28px,5vw,80px);
  align-items:end;
  margin-bottom:34px;
}
.bsbcontact-board-head h2{
  margin:0;
  color:var(--bsbcontact-ink);
  font-size:clamp(32px,3.6vw,52px);
  line-height:1.12;
}
.bsbcontact-board-head p{
  margin:0;
  color:#566250;
  font-size:18px;
  line-height:1.85;
}
.bsbcontact-board-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.bsbcontact-office,
.bsbcontact-support{
  min-height:360px;
  border:1px solid var(--bsbcontact-line);
  border-radius:24px;
  background:
    radial-gradient(circle at 84% 8%,rgba(94,130,62,.12),transparent 34%),
    rgba(255,255,255,.92);
  box-shadow:0 26px 72px rgba(67,89,50,.1);
  padding:30px;
  overflow:hidden;
}
.bsbcontact-office>span,
.bsbcontact-support>span{
  color:rgba(94,130,62,.68);
  font-size:13px;
  letter-spacing:.12em;
}
.bsbcontact-office h3,
.bsbcontact-support h3{
  margin:20px 0 0;
  color:var(--bsbcontact-ink);
  font-size:clamp(26px,2.3vw,34px);
  line-height:1.2;
}
.bsbcontact-office p{
  min-height:76px;
  margin:18px 0 22px;
  color:#596553;
  line-height:1.75;
}
.bsbcontact-office dl{
  display:grid;
  gap:0;
  margin:0;
}
.bsbcontact-office dl div{
  display:grid;
  grid-template-columns:70px 1fr;
  gap:14px;
  padding:15px 0;
  border-top:1px solid rgba(94,130,62,.12);
}
.bsbcontact-office dt{
  color:#101510;
  font-weight:700;
}
.bsbcontact-office dd{
  margin:0;
  color:#4f5b4a;
  line-height:1.7;
}
.bsbcontact-office dd a{
  color:var(--bsbcontact-green-dark);
  font-weight:700;
}
.bsbcontact-support ul{
  display:grid;
  gap:16px;
  margin:26px 0 0;
  padding:0;
  list-style:none;
}
.bsbcontact-support li{
  padding:18px 0;
  border-top:1px solid rgba(94,130,62,.12);
}
.bsbcontact-support b,
.bsbcontact-support em{
  display:block;
}
.bsbcontact-support b{
  color:#101510;
  font-size:18px;
}
.bsbcontact-support em{
  margin-top:8px;
  color:#5c6856;
  font-style:normal;
  line-height:1.65;
}
.bsbcontact-message{
  background:
    radial-gradient(ellipse at 12% 18%,rgba(94,130,62,.1) 0%,rgba(94,130,62,0) 42%),
    radial-gradient(ellipse at 82% 10%,rgba(184,216,154,.16) 0%,rgba(184,216,154,0) 44%),
    linear-gradient(180deg,#fff 0%,#f6fbf2 54%,#fff 100%);
}
.bsbcontact-message-grid{
  display:grid;
  grid-template-columns:minmax(260px,340px) minmax(0,1fr);
  gap:clamp(24px,3.4vw,46px);
  align-items:start;
}
.bsbcontact-message-aside{
  position:sticky;
  top:120px;
  padding:34px;
  border:1px solid var(--bsbcontact-line);
  border-radius:26px;
  background:rgba(255,255,255,.82);
  box-shadow:0 28px 78px rgba(67,89,50,.12);
}
.bsbcontact-message-aside>span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  background:var(--bsbcontact-green);
  color:#fff;
  font-size:14px;
}
.bsbcontact-message-aside h2{
  margin:26px 0 0;
  color:var(--bsbcontact-ink);
  font-size:clamp(28px,2.7vw,42px);
  line-height:1.18;
}
.bsbcontact-message-aside p{
  margin:20px 0 0;
  color:#566250;
  line-height:1.85;
}
.bsbcontact-aside-call{
  margin-top:28px;
  padding-top:24px;
  border-top:1px solid rgba(94,130,62,.14);
}
.bsbcontact-aside-call b,
.bsbcontact-aside-call em{
  display:block;
}
.bsbcontact-aside-call b{
  color:var(--bsbcontact-ink);
  font-size:clamp(28px,2.8vw,40px);
  letter-spacing:.02em;
}
.bsbcontact-aside-call em{
  margin-top:8px;
  color:#65705f;
  font-style:normal;
}
.bsbcontact-aside-call a{
  color:var(--bsbcontact-green-dark);
  font-weight:700;
}
.bsbcontact-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px 20px;
  padding:clamp(28px,4vw,48px);
  border:1px solid var(--bsbcontact-line);
  border-radius:28px;
  background:rgba(255,255,255,.94);
  box-shadow:0 34px 90px rgba(67,89,50,.12);
}
.bsbcontact-form label{
  display:block;
  margin-bottom:10px;
  color:#1b2618;
  font-size:16px;
}
.bsbcontact-form input,
.bsbcontact-form select,
.bsbcontact-form textarea{
  width:100%;
  min-height:54px;
  border:1px solid rgba(94,130,62,.18);
  border-radius:14px;
  background:#f9fcf6;
  padding:0 18px;
  color:#111;
  font:inherit;
  outline:none;
  transition:border-color .24s ease,box-shadow .24s ease,background .24s ease;
}
.bsbcontact-form textarea{
  min-height:170px;
  padding-top:16px;
  resize:vertical;
}
.bsbcontact-form input:focus,
.bsbcontact-form select:focus,
.bsbcontact-form textarea:focus{
  border-color:rgba(94,130,62,.58);
  background:#fff;
  box-shadow:0 0 0 4px rgba(94,130,62,.1);
}
.bsbcontact-form-full,
.bsbcontact-form button,
.bsbcontact-form>p{
  grid-column:1/-1;
}
.bsbcontact-form button{
  width:min(220px,100%);
  min-height:54px;
  border:0;
  border-radius:999px;
  background:var(--bsbcontact-green);
  color:#fff;
  font-size:17px;
  cursor:pointer;
  transition:transform .24s ease,background .24s ease;
}
.bsbcontact-form button:hover{
  transform:translateY(-2px);
  background:var(--bsbcontact-green-dark);
}
.bsbcontact-form>p{
  margin:0;
  color:#66705f;
  line-height:1.7;
}
.bsbcontact-cities{
  background:
    radial-gradient(ellipse at 16% 0%,rgba(184,216,154,.13) 0%,rgba(184,216,154,0) 42%),
    linear-gradient(180deg,#fff 0%,#f7fbf3 48%,#fff 100%);
}
.bsbcontact-city-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  margin-top:36px;
}
.bsbcontact-city-grid article{
  min-height:126px;
  padding:22px;
  border:1px solid var(--bsbcontact-line);
  border-radius:20px;
  background:rgba(255,255,255,.9);
  box-shadow:0 18px 52px rgba(67,89,50,.08);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.bsbcontact-city-grid article:hover{
  transform:translateY(-5px);
  border-color:rgba(94,130,62,.34);
  box-shadow:0 28px 70px rgba(67,89,50,.13);
}
.bsbcontact-city-grid b{
  display:block;
  color:#101510;
  font-size:22px;
  margin-bottom:10px;
}
.bsbcontact-city-grid span{
  color:#5f6b5a;
  line-height:1.7;
}
.bsbcontact-flow{
  background:
    radial-gradient(ellipse at 72% 18%,rgba(94,130,62,.12) 0%,rgba(94,130,62,0) 42%),
    linear-gradient(180deg,#fff 0%,#f4f9ef 58%,#fff 100%);
}
.bsbcontact-flow-grid{
  margin-top:34px;
}
.bsbcontact-flow-grid i{
  background:var(--bsbcontact-green);
  color:#fff;
}
.bsbcontact-flow-grid h3{
  color:#101510;
}
.bsbcontact-flow-grid p{
  color:#5c6856;
}
@media(max-width:980px){
  .bsbcontact-hero-grid,
  .bsbcontact-message-grid{
    grid-template-columns:1fr;
  }
  .bsbcontact-hotline,
  .bsbcontact-message-aside{
    max-width:none;
  }
  .bsbcontact-hotline{
    transform:none;
  }
  .bsbcontact-hero-copy{
    transform:none;
  }
  .bsbcontact-board-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .bsbcontact-support{
    grid-column:1/-1;
    min-height:auto;
  }
  .bsbcontact-city-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:900px){
  .bsbcontact-page .bsbgeo-soft-hero{
    padding-top:96px;
    padding-bottom:48px;
  }
  .bsbcontact-board,
  .bsbcontact-message,
  .bsbcontact-cities,
  .bsbcontact-flow{
    padding:58px 0;
  }
  .bsbcontact-board{
    margin-top:0;
  }
  .bsbcontact-board-head,
  .bsbcontact-board-grid,
  .bsbcontact-form{
    grid-template-columns:1fr;
  }
  .bsbcontact-message-aside{
    position:relative;
    top:auto;
  }
  .bsbcontact-form-full,
  .bsbcontact-form button,
  .bsbcontact-form>p{
    grid-column:auto;
  }
}
@media(max-width:760px){
  .bsbcontact-hero-copy h1{
    font-size:clamp(36px,10vw,48px);
  }
  .bsbcontact-hero-actions,
  .bsbcontact-hotline div{
    flex-direction:column;
  }
  .bsbcontact-hero-actions a,
  .bsbcontact-hotline a{
    width:100%;
  }
  .bsbcontact-hotline,
  .bsbcontact-office,
  .bsbcontact-support,
  .bsbcontact-message-aside,
  .bsbcontact-form{
    border-radius:20px;
    padding:24px;
  }
  .bsbcontact-office dl div{
    grid-template-columns:1fr;
    gap:6px;
  }
  .bsbcontact-city-grid{
    grid-template-columns:1fr;
  }
  .bsbcontact-city-grid article{
    min-height:auto;
  }
}

/* 20260702about1: redesigned about page with green visual system */
.bsbabout-main{
  --bsbabout-green:#5e823e;
  --bsbabout-dark:#101510;
  --bsbabout-text:#4f5b4a;
  --bsbabout-muted:#697465;
  --bsbabout-line:rgba(94,130,62,.16);
  background:#fff;
  overflow:hidden;
}
.about-page .bomin-header nav>a.active,
.about-page .bomin-header nav>a[aria-current="page"]{
  color:#5e823e!important;
}
.bsbabout-hero{
  position:relative;
  padding:clamp(132px,10vw,188px) 0 clamp(78px,7vw,116px);
  background:
    radial-gradient(ellipse 72% 44% at 18% 18%,rgba(214,234,195,.56),rgba(214,234,195,.2) 42%,rgba(214,234,195,0) 76%),
    radial-gradient(ellipse 70% 42% at 82% 22%,rgba(184,220,234,.25),rgba(184,220,234,.09) 38%,rgba(184,220,234,0) 72%),
    radial-gradient(ellipse 96% 54% at 48% 70%,rgba(94,130,62,.13),rgba(94,130,62,.055) 46%,rgba(94,130,62,0) 84%),
    linear-gradient(180deg,#f7fbf3 0%,#edf6e7 48%,#fff 100%);
  isolation:isolate;
}
.bsbabout-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 1px 1px,rgba(94,130,62,.12) .8px,transparent 1.1px),
    linear-gradient(90deg,rgba(255,255,255,.24) 1px,transparent 1px);
  background-size:28px 28px,96px 96px;
  opacity:.18;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.46),transparent 86%);
}
.bsbabout-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,430px);
  gap:clamp(34px,6vw,92px);
  align-items:center;
}
.bsbabout-hero-copy>span,
.bsbabout-section-title>span,
.bsbabout-section-head>span,
.bsbabout-system-copy>span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 16px;
  border-radius:999px;
  background:rgba(94,130,62,.1);
  color:var(--bsbabout-green);
  font-size:15px;
  font-weight:750;
}
.bsbabout-hero-copy h1{
  max-width:920px;
  margin:24px 0 0;
  color:var(--bsbabout-dark);
  font-size:clamp(48px,5.7vw,88px);
  line-height:1.06;
  font-weight:950;
  letter-spacing:0;
}
.bsbabout-hero-copy p{
  max-width:840px;
  margin:26px 0 0;
  color:var(--bsbabout-text);
  font-size:clamp(18px,1.35vw,22px);
  line-height:1.9;
}
.bsbabout-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:34px;
}
.bsbabout-hero-actions a,
.bsbabout-cta a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 26px;
  border-radius:999px;
  background:var(--bsbabout-green);
  color:#fff;
  font-weight:800;
  transition:transform .24s ease,box-shadow .24s ease,background .24s ease;
}
.bsbabout-hero-actions a:nth-child(2){
  background:#fff;
  color:#435f30;
  border:1px solid rgba(94,130,62,.2);
}
.bsbabout-hero-actions a:hover,
.bsbabout-cta a:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 42px rgba(67,89,50,.16);
}
.bsbabout-brand-card{
  position:relative;
  min-height:410px;
  padding:36px;
  border:1px solid var(--bsbabout-line);
  border-radius:28px;
  background:rgba(255,255,255,.84);
  box-shadow:0 34px 90px rgba(67,89,50,.12);
  display:grid;
  place-items:center;
  text-align:center;
  overflow:hidden;
}
.bsbabout-brand-card::before{
  content:"";
  position:absolute;
  inset:12%;
  border-radius:999px;
  background:radial-gradient(circle,rgba(94,130,62,.2),rgba(94,130,62,.08) 42%,transparent 68%);
  filter:blur(8px);
  animation:bsbinfoPulse 5.6s ease-in-out infinite;
}
.bsbabout-brand-card img,
.bsbabout-brand-card b,
.bsbabout-brand-card p,
.bsbabout-brand-card dl{
  position:relative;
}
.bsbabout-brand-card img{
  width:clamp(96px,9vw,132px);
}
.bsbabout-brand-card b{
  display:block;
  margin-top:18px;
  color:#101510;
  font-size:clamp(30px,3vw,44px);
}
.bsbabout-brand-card p{
  margin:8px 0 0;
  color:#596553;
}
.bsbabout-brand-card dl{
  width:100%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  margin:30px 0 0;
  border-top:1px solid rgba(94,130,62,.14);
}
.bsbabout-brand-card dl div{
  padding:20px 8px 0;
}
.bsbabout-brand-card dt{
  color:#7a8475;
  font-size:14px;
}
.bsbabout-brand-card dd{
  margin:8px 0 0;
  color:#101510;
  font-weight:850;
}
.bsbabout-profile,
.bsbabout-capabilities,
.bsbabout-system,
.bsbabout-process,
.bsbabout-values,
.bsbabout-cta{
  position:relative;
  padding:clamp(72px,7vw,118px) 0;
}
.bsbabout-profile{
  background:#fff;
}
.bsbabout-profile-grid,
.bsbabout-values-grid{
  display:grid;
  grid-template-columns:minmax(260px,420px) minmax(0,1fr);
  gap:clamp(32px,6vw,96px);
  align-items:start;
}
.bsbabout-section-title{
  position:sticky;
  top:128px;
}
.bsbabout-section-title h2,
.bsbabout-section-head h2,
.bsbabout-system-copy h2,
.bsbabout-cta h2{
  margin:22px 0 0;
  color:#101510;
  font-size:clamp(34px,3.9vw,58px);
  line-height:1.14;
  letter-spacing:0;
}
.bsbabout-profile-copy{
  display:grid;
  gap:20px;
  color:var(--bsbabout-text);
  font-size:18px;
  line-height:1.9;
}
.bsbabout-profile-copy p{
  margin:0;
}
.bsbabout-contact-line{
  display:grid;
  gap:12px;
  margin-top:12px;
  padding:24px 28px;
  border:1px solid var(--bsbabout-line);
  border-radius:22px;
  background:#f8fcf4;
  color:#2f3b2a;
  font-weight:750;
}
.bsbabout-capabilities{
  background:linear-gradient(180deg,#fff 0%,#f5faf1 100%);
}
.bsbabout-section-head{
  max-width:1040px;
}
.bsbabout-section-head h2{
  max-width:980px;
}
.bsbabout-cap-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-top:42px;
}
.bsbabout-cap-grid article{
  min-height:300px;
  padding:30px;
  border:1px solid var(--bsbabout-line);
  border-radius:24px;
  background:rgba(255,255,255,.9);
  box-shadow:0 26px 74px rgba(67,89,50,.09);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.bsbabout-cap-grid article:hover{
  transform:translateY(-6px);
  border-color:rgba(94,130,62,.34);
  box-shadow:0 34px 88px rgba(67,89,50,.14);
}
.bsbabout-cap-grid i,
.bsbabout-process-list b{
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border-radius:999px;
  background:#5e823e;
  color:#fff;
  font-style:normal;
  font-weight:900;
}
.bsbabout-cap-grid h3{
  margin:28px 0 0;
  color:#101510;
  font-size:clamp(24px,2vw,32px);
}
.bsbabout-cap-grid p{
  margin:18px 0 0;
  color:#5c6856;
  line-height:1.8;
}
.bsbabout-system{
  background:#f7fbf3;
}
.bsbabout-system-grid{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(340px,.76fr);
  gap:clamp(28px,5vw,76px);
  align-items:center;
}
.bsbabout-system-media{
  overflow:hidden;
  border-radius:28px;
  box-shadow:0 34px 90px rgba(67,89,50,.13);
}
.bsbabout-system-media img{
  width:100%;
  min-height:520px;
  object-fit:cover;
  transition:transform .7s ease;
}
.bsbabout-system-media:hover img{
  transform:scale(1.045);
}
.bsbabout-system-copy ul{
  display:grid;
  gap:16px;
  margin:34px 0 0;
  padding:0;
  list-style:none;
}
.bsbabout-system-copy li{
  padding:22px 0;
  border-top:1px solid rgba(94,130,62,.14);
}
.bsbabout-system-copy b,
.bsbabout-system-copy em{
  display:block;
}
.bsbabout-system-copy b{
  color:#101510;
  font-size:22px;
}
.bsbabout-system-copy em{
  margin-top:8px;
  color:#5c6856;
  font-style:normal;
  line-height:1.75;
}
.bsbabout-process{
  background:#fff;
}
.bsbabout-process-list{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  margin-top:42px;
}
.bsbabout-process-list article{
  min-height:230px;
  padding:26px;
  border:1px solid var(--bsbabout-line);
  border-radius:22px;
  background:#fff;
  box-shadow:0 22px 60px rgba(67,89,50,.08);
}
.bsbabout-process-list h3{
  margin:24px 0 0;
  color:#101510;
  font-size:24px;
}
.bsbabout-process-list p{
  margin:14px 0 0;
  color:#5c6856;
  line-height:1.75;
}
.bsbabout-values{
  background:
    radial-gradient(ellipse at 16% 0%,rgba(94,130,62,.12),transparent 46%),
    linear-gradient(180deg,#f7fbf3 0%,#fff 100%);
}
.bsbabout-value-list{
  display:grid;
  gap:18px;
}
.bsbabout-value-list article{
  padding:28px 0;
  border-top:1px solid rgba(94,130,62,.18);
}
.bsbabout-value-list h3{
  margin:0;
  color:#101510;
  font-size:clamp(24px,2.2vw,34px);
}
.bsbabout-value-list p{
  margin:12px 0 0;
  color:#5c6856;
  font-size:18px;
  line-height:1.8;
}
.bsbabout-cta{
  background:#fff;
  padding-top:clamp(58px,5vw,88px);
}
.bsbabout-cta-inner{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  padding:clamp(34px,5vw,70px);
  background:
    radial-gradient(ellipse 58% 72% at 78% 16%,rgba(255,255,255,.18),rgba(255,255,255,.06) 38%,transparent 68%),
    radial-gradient(ellipse 52% 70% at 100% 48%,rgba(94,130,62,.16),rgba(94,130,62,.08) 44%,transparent 78%),
    linear-gradient(135deg,#5e823e 0%,#729451 58%,#b8d19d 100%);
  color:#fff;
}
.bsbabout-cta h2{
  max-width:none;
  color:#fff;
  margin-top:0;
  font-size:clamp(36px,3.4vw,54px);
  white-space:nowrap;
}
.bsbabout-cta p{
  max-width:940px;
  margin:20px 0 0;
  color:rgba(255,255,255,.86);
  font-size:18px;
  line-height:1.85;
}
.bsbabout-cta a{
  margin-top:30px;
  background:#fff;
  color:#435f30;
}
@media(max-width:1180px){
  .bsbabout-cap-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .bsbabout-process-list{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:980px){
  .bsbabout-hero-grid,
  .bsbabout-profile-grid,
  .bsbabout-system-grid,
  .bsbabout-values-grid{
    grid-template-columns:1fr;
  }
  .bsbabout-section-title{
    position:relative;
    top:auto;
  }
  .bsbabout-brand-card{
    min-height:320px;
  }
  .bsbabout-system-media img{
    min-height:360px;
  }
}
@media(max-width:720px){
  .bsbabout-hero{
    padding-top:112px;
  }
  .bsbabout-hero-copy h1{
    font-size:clamp(38px,11vw,52px);
  }
  .bsbabout-hero-actions{
    flex-direction:column;
  }
  .bsbabout-hero-actions a{
    width:100%;
  }
  .bsbabout-cap-grid,
  .bsbabout-process-list{
    grid-template-columns:1fr;
  }
  .bsbabout-profile,
  .bsbabout-capabilities,
  .bsbabout-system,
  .bsbabout-process,
  .bsbabout-values,
  .bsbabout-cta{
    padding:58px 0;
  }
  .bsbabout-contact-line{
    padding:20px;
  }
  .bsbabout-cta-inner{
    border-radius:22px;
  }
  .bsbabout-cta h2{
    white-space:normal;
    font-size:clamp(30px,8vw,42px);
  }
}

/* 20260702about2: richer about page modules */
.bsbabout-hero-metrics{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin-top:clamp(46px,5vw,78px);
  border-top:1px solid rgba(94,130,62,.16);
  border-bottom:1px solid rgba(94,130,62,.14);
}
.bsbabout-hero-metrics article{
  min-height:132px;
  display:grid;
  align-content:center;
  gap:8px;
  padding:24px 28px;
  border-right:1px solid rgba(94,130,62,.12);
}
.bsbabout-hero-metrics article:last-child{
  border-right:0;
}
.bsbabout-hero-metrics b{
  color:#101510;
  font-size:clamp(34px,3.2vw,52px);
  line-height:1;
}
.bsbabout-hero-metrics span{
  color:#26331e;
  font-size:18px;
  font-weight:850;
}
.bsbabout-hero-metrics em{
  color:#697465;
  font-style:normal;
  line-height:1.6;
}
.bsbabout-culture,
.bsbabout-industries,
.bsbabout-team,
.bsbabout-quality,
.bsbabout-faq{
  position:relative;
  padding:clamp(72px,7vw,118px) 0;
}
.bsbabout-culture{
  background:
    radial-gradient(ellipse at 80% 10%,rgba(94,130,62,.1),transparent 48%),
    linear-gradient(180deg,#fff 0%,#f6faf2 100%);
}
.bsbabout-culture-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.bsbabout-culture-grid article,
.bsbabout-industry-grid article,
.bsbabout-team-grid article,
.bsbabout-faq-grid article{
  border:1px solid var(--bsbabout-line);
  border-radius:24px;
  background:rgba(255,255,255,.9);
  box-shadow:0 24px 68px rgba(67,89,50,.08);
}
.bsbabout-culture-grid article{
  min-height:300px;
  padding:34px;
}
.bsbabout-culture-grid span{
  color:#5e823e;
  font-weight:850;
}
.bsbabout-culture-grid h3{
  margin:28px 0 0;
  color:#101510;
  font-size:clamp(26px,2.6vw,38px);
  line-height:1.2;
}
.bsbabout-culture-grid p{
  margin:18px 0 0;
  color:#5c6856;
  line-height:1.85;
}
.bsbabout-industries{
  background:#fff;
}
.bsbabout-industry-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:42px;
}
.bsbabout-industry-grid article{
  min-height:220px;
  padding:30px;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.bsbabout-industry-grid article:hover,
.bsbabout-team-grid article:hover,
.bsbabout-faq-grid article:hover{
  transform:translateY(-5px);
  border-color:rgba(94,130,62,.34);
  box-shadow:0 34px 84px rgba(67,89,50,.13);
}
.bsbabout-industry-grid b{
  display:block;
  color:#101510;
  font-size:clamp(24px,2.1vw,32px);
}
.bsbabout-industry-grid p{
  margin:18px 0 0;
  color:#5c6856;
  line-height:1.78;
}
.bsbabout-team{
  background:
    radial-gradient(ellipse at 18% 8%,rgba(94,130,62,.1),transparent 46%),
    linear-gradient(180deg,#fff 0%,#f6faf2 100%);
}
.bsbabout-team-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-top:42px;
}
.bsbabout-team-grid article{
  min-height:260px;
  padding:30px;
}
.bsbabout-team-grid i{
  display:grid;
  place-items:center;
  width:60px;
  height:60px;
  border-radius:50%;
  background:linear-gradient(135deg,#5e823e,#a9ca8a);
  color:#fff;
  font-style:normal;
  font-size:24px;
  font-weight:950;
}
.bsbabout-team-grid h3{
  margin:28px 0 0;
  color:#101510;
  font-size:26px;
}
.bsbabout-team-grid p{
  margin:16px 0 0;
  color:#5c6856;
  line-height:1.75;
}
.bsbabout-quality{
  background:#fff;
}
.bsbabout-quality-grid{
  display:grid;
  grid-template-columns:minmax(260px,420px) minmax(0,1fr);
  gap:clamp(32px,6vw,96px);
  align-items:start;
}
.bsbabout-quality-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.bsbabout-quality-list article{
  min-height:190px;
  padding:28px;
  border:1px solid var(--bsbabout-line);
  border-radius:24px;
  background:#f8fcf4;
}
.bsbabout-quality-list b{
  display:block;
  color:#101510;
  font-size:24px;
}
.bsbabout-quality-list p{
  margin:16px 0 0;
  color:#5c6856;
  line-height:1.75;
}
.bsbabout-faq{
  background:
    radial-gradient(ellipse at 82% 0%,rgba(94,130,62,.11),transparent 48%),
    linear-gradient(180deg,#fff 0%,#f7fbf3 100%);
}
.bsbabout-faq-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:42px;
}
.bsbabout-faq-grid article{
  min-height:210px;
  padding:30px;
}
.bsbabout-faq-grid h3{
  margin:0;
  color:#101510;
  font-size:clamp(22px,2vw,30px);
}
.bsbabout-faq-grid p{
  margin:16px 0 0;
  color:#5c6856;
  line-height:1.8;
}
@media(max-width:1180px){
  .bsbabout-hero-metrics,
  .bsbabout-team-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .bsbabout-hero-metrics article:nth-child(2){
    border-right:0;
  }
  .bsbabout-hero-metrics article:nth-child(-n+2){
    border-bottom:1px solid rgba(94,130,62,.12);
  }
  .bsbabout-industry-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:900px){
  .bsbabout-culture-grid,
  .bsbabout-quality-grid{
    grid-template-columns:1fr;
  }
  .bsbabout-quality-list{
    grid-template-columns:1fr;
  }
}
@media(max-width:720px){
  .bsbabout-hero-metrics,
  .bsbabout-industry-grid,
  .bsbabout-team-grid,
  .bsbabout-faq-grid{
    grid-template-columns:1fr;
  }
  .bsbabout-hero-metrics article,
  .bsbabout-hero-metrics article:nth-child(2){
    border-right:0;
    border-bottom:1px solid rgba(94,130,62,.12);
  }
  .bsbabout-hero-metrics article:last-child{
    border-bottom:0;
  }
  .bsbabout-culture,
  .bsbabout-industries,
  .bsbabout-team,
  .bsbabout-quality,
  .bsbabout-faq{
    padding:58px 0;
  }
}

/* 20260702: global header and footer aligned to GEO green system */
:root{
  --bsb-global-green:#5e823e;
  --bsb-global-green-2:#86b95e;
  --bsb-global-green-dark:#182714;
  --bsb-global-green-deep:#07110a;
  --bsb-global-green-soft:#f5faef;
  --bsb-global-green-line:rgba(94,130,62,.16);
}
.top-widebar,
.contact-page .top-widebar{
  background:
    linear-gradient(90deg,#142310 0%,#263d1c 46%,#5e823e 100%)!important;
  color:#edf6e7!important;
  border-bottom:1px solid rgba(208,232,186,.18)!important;
  box-shadow:0 10px 28px rgba(42,67,30,.13);
}
body.contact-page::before{
  background:
    linear-gradient(90deg,#142310 0%,#263d1c 46%,#5e823e 100%)!important;
}
.top-widebar a,
.top-widebar span{
  color:rgba(247,252,242,.86)!important;
}
.top-widebar a::after{
  background:linear-gradient(90deg,rgba(255,255,255,0),#dceecb,rgba(255,255,255,0))!important;
}
.top-widebar a:hover{
  color:#fff!important;
}
.bomin-header{
  background:rgba(250,253,247,.94)!important;
  border-bottom:1px solid rgba(94,130,62,.16)!important;
  box-shadow:0 14px 46px rgba(52,74,36,.08);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.bomin-header.scrolled{
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 16px 50px rgba(52,74,36,.12);
}
.bomin-header .bsb-wordmark b{
  color:#101510!important;
}
.bomin-header nav>a,
.bomin-header .nav-item>a{
  color:#1f261d!important;
  transition:color .24s ease;
}
.bomin-header nav>a:hover,
.bomin-header nav>a.active,
.bomin-header .nav-item:hover>a,
.bomin-header .nav-item>a.active{
  color:var(--bsb-global-green)!important;
  background:transparent!important;
}
.bomin-header nav>a::after,
.bomin-header .nav-item>a::after{
  background:var(--bsb-global-green)!important;
}
.nav-phone{
  color:#1e2819!important;
}
.nav-phone em{
  color:rgba(94,130,62,.78)!important;
}
.search-btn.clean-search,
.clean-search{
  color:#1f281a!important;
  background:rgba(245,250,239,.72)!important;
  border:1px solid rgba(94,130,62,.2)!important;
  border-radius:50%;
  transition:background .24s ease,color .24s ease,border-color .24s ease,transform .24s ease;
}
.search-btn.clean-search:hover,
.clean-search:hover{
  color:#fff!important;
  background:linear-gradient(135deg,#5e823e,#8fbd68)!important;
  border-color:rgba(94,130,62,.4)!important;
  transform:translateY(-1px);
}
.mega-panel,
.bomin-header .mega-panel{
  background:
    radial-gradient(ellipse at 18% 0%,rgba(134,185,94,.16),transparent 46%),
    linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(247,251,243,.98) 100%)!important;
  border-top:1px solid rgba(94,130,62,.16)!important;
  box-shadow:0 34px 90px rgba(57,82,40,.13)!important;
}
.mega-panel::before{
  background:linear-gradient(90deg,transparent,rgba(94,130,62,.34),transparent)!important;
}
.mega-card,
.bomin-header .mega-card{
  border-left:1px solid rgba(94,130,62,.16)!important;
  background:linear-gradient(180deg,#fff 0%,#f8fcf4 100%)!important;
  box-shadow:none!important;
}
.mega-card b,
.bomin-header .mega-card b{
  color:#101510!important;
}
.mega-card small,
.bomin-header .mega-card small{
  color:#64725c!important;
}
.mega-card a,
.mega-panel a,
.bomin-header .mega-card a,
.bomin-header .mega-panel a{
  color:#3f493a!important;
  border-bottom-color:rgba(94,130,62,.13)!important;
  background:transparent!important;
}
.mega-card a::before{
  background:#9fb58a!important;
}
.mega-card a:hover,
.mega-panel a:hover,
.bomin-header .mega-card a:hover,
.bomin-header .mega-panel a:hover{
  color:var(--bsb-global-green)!important;
  background:transparent!important;
}
.mega-card a:hover::before{
  background:var(--bsb-global-green)!important;
  box-shadow:0 0 0 5px rgba(94,130,62,.1)!important;
}
.search-overlay{
  background:
    radial-gradient(ellipse at 78% 18%,rgba(134,185,94,.18),transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,250,241,.98))!important;
}
.search-close{
  color:#26331f!important;
}
.search-panel p,
.search-panel a{
  color:var(--bsb-global-green)!important;
}
.search-panel input{
  border-bottom-color:rgba(94,130,62,.22)!important;
}
.ref-footer{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(ellipse 96% 58% at 14% -12%,rgba(180,216,150,.22),rgba(180,216,150,.07) 36%,transparent 62%),
    radial-gradient(ellipse 72% 44% at 86% 18%,rgba(94,130,62,.1),rgba(94,130,62,.035) 38%,transparent 66%),
    linear-gradient(180deg,#fbfdf8 0%,#f4f9ef 46%,#edf5e7 100%)!important;
  background-size:150% 150%,140% 140%,100% 100%!important;
  animation:footerBgBreath 16s ease-in-out infinite alternate;
  color:#101510!important;
}
.ref-footer::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0%,rgba(126,148,111,.22) 18%,rgba(255,255,255,.62) 50%,rgba(126,148,111,.22) 82%,transparent 100%) 50px 38px/360px 1px no-repeat,
    linear-gradient(rgba(94,130,62,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(94,130,62,.04) 1px,transparent 1px);
  background-size:360px 1px,76px 76px,76px 76px;
  animation:footerFineLine 7s linear infinite;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 86%);
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 86%);
}
.ref-footer::after{
  content:"";
  position:absolute;
  right:clamp(12px,4vw,86px);
  bottom:46px;
  z-index:0;
  width:clamp(680px,62vw,1080px);
  aspect-ratio:1120/360;
  pointer-events:none;
  background:url("../images/suzhou-center-line.svg") center/contain no-repeat;
  opacity:.28;
  animation:footerSkylineFloat 9s ease-in-out infinite alternate;
}
.ref-footer.has-cityline::after{
  display:none!important;
  content:none!important;
}
.footer-cityline{
  position:absolute;
  right:clamp(10px,3.8vw,80px);
  bottom:34px;
  z-index:0;
  width:clamp(720px,66vw,1120px);
  aspect-ratio:1280/330;
  pointer-events:none;
  opacity:.62;
}
.footer-cityline svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}
.footer-cityline path{
  vector-effect:non-scaling-stroke;
}
.footer-cityline .city-soft path{
  stroke:#b9c0b3;
  stroke-width:.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.38;
}
.footer-cityline .city-static path{
  stroke:#9ba394;
  stroke-width:1;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.46;
  stroke-dasharray:900;
  stroke-dashoffset:900;
  animation:footerCityDraw 7.2s ease-in-out infinite;
}
.footer-cityline .city-tower path{
  animation-delay:.2s;
}
.footer-cityline .city-gate path{
  animation-delay:1.1s;
}
.footer-cityline .city-flow{
  stroke:#8e9789;
  stroke-width:1;
  stroke-linecap:round;
  stroke-dasharray:.035 .045;
  stroke-dashoffset:0;
  opacity:.48;
  animation:footerCityFlow 4.8s linear infinite;
}
@keyframes footerBgBreath{
  0%{background-position:0% 0%,100% 10%,0 0}
  100%{background-position:22% 6%,72% 28%,0 0}
}
@keyframes footerFineLine{
  0%{background-position:-360px 38px,0 0,0 0}
  100%{background-position:100vw 38px,0 0,0 0}
}
@keyframes footerSkylineFloat{
  0%{transform:translate3d(0,0,0);opacity:.24}
  100%{transform:translate3d(-12px,-4px,0);opacity:.31}
}
@keyframes footerCityDraw{
  0%{stroke-dashoffset:900;opacity:.18}
  36%,72%{stroke-dashoffset:0;opacity:.5}
  100%{stroke-dashoffset:-900;opacity:.2}
}
@keyframes footerCityFlow{
  to{stroke-dashoffset:-1}
}
.ref-footer>.container{
  position:relative;
  z-index:1;
}
.footer-wordmark,
.ref-footer .footer-wordmark{
  color:#101510!important;
}
.footer-wordmark .bsb-mark-img{
  filter:brightness(0) saturate(100%);
}
.footer-logo-block p{
  color:#101510!important;
}
.ref-footer h3{
  position:relative;
  color:#101510!important;
}
.ref-footer h3::after{
  content:"";
  display:block;
  width:28px;
  height:2px;
  margin-top:12px;
  background:linear-gradient(90deg,#86b95e,rgba(134,185,94,0));
}
.ref-footer a,
.ref-footer span,
.ref-footer .footer-friendlinks a{
  color:#101510!important;
}
.ref-footer a:hover,
.ref-footer .footer-friendlinks a:hover{
  color:#5e823e!important;
}
.footer-friendlinks{
  border-bottom:1px solid rgba(94,130,62,.18)!important;
}
.footer-friendlinks b{
  color:#101510!important;
}
.ref-footer .footer-bottom{
  color:#101510!important;
}
.ref-footer .footer-wordmark span,
.ref-footer .footer-wordmark b{
  color:#101510!important;
}

@media(max-width:980px){
  .bomin-header nav,
  .bomin-header.open nav{
    background:
      radial-gradient(ellipse at 80% 0%,rgba(134,185,94,.14),transparent 42%),
      linear-gradient(180deg,#fff 0%,#f7fbf3 100%)!important;
  }
  .bomin-header .nav-item.sub-open .mega-panel{
    background:transparent!important;
  }
  .bomin-header .nav-item.sub-open .mega-card{
    background:#f7fbf3!important;
    border:0!important;
  }
  .bomin-header .nav-item.sub-open .mega-card a:hover{
    color:var(--bsb-global-green)!important;
  }
  .menu span,
  .menu span::before,
  .menu span::after{
    background:#26331f!important;
  }
  .site-header.open .menu span::after{
    background:#26331f!important;
  }
  .footer-top{
    gap:26px!important;
  }
  .ref-footer{
    padding-top:60px!important;
  }
  .ref-footer::after{
    right:50%;
    bottom:38px;
    width:120vw;
    max-width:780px;
    transform:translateX(50%);
    opacity:.18;
    animation:none;
  }
  .footer-cityline{
    right:50%;
    bottom:32px;
    width:124vw;
    max-width:820px;
    transform:translateX(50%);
    opacity:.48;
  }
}

/* 20260702: lighter utility bar and taller regular-weight desktop navigation */
.top-widebar,
.contact-page .top-widebar{
  --bar-h:34px!important;
  height:34px!important;
  background:#fff!important;
  color:#101510!important;
  border-bottom:1px solid rgba(94,130,62,.14)!important;
  box-shadow:none!important;
}
body.contact-page::before{
  display:none!important;
  content:none!important;
}
.top-widebar .container{
  justify-content:flex-end!important;
  gap:5px!important;
}
.top-widebar a,
.top-widebar span{
  color:#101510!important;
  font-size:14px!important;
  font-weight:400!important;
  letter-spacing:0!important;
}
.top-widebar a::after{
  background:#b8c5ad!important;
}
.top-widebar a:hover{
  color:#5e823e!important;
}
.search-btn.clean-search,
.clean-search{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.search-btn.clean-search:hover,
.clean-search:hover{
  color:#5e823e!important;
  background:transparent!important;
  transform:none!important;
}
@media(min-width:981px){
  .bomin-header,
  .bomin-header.scrolled{
    top:34px!important;
    height:118px!important;
  }
  .bomin-nav-inner,
  .bomin-header .bomin-nav-inner{
    height:118px!important;
  }
  .bomin-header nav,
  .bomin-header.open nav{
    height:118px!important;
    gap:clamp(34px,2.8vw,58px)!important;
  }
  .bomin-header nav>a,
  .bomin-header .nav-item>a{
    height:118px!important;
    font-size:22px!important;
    font-weight:400!important;
    letter-spacing:0!important;
  }
  .bomin-header .nav-item{
    height:118px!important;
  }
  .bomin-header .mega-panel,
  .mega-panel{
    top:152px!important;
  }
  .search-btn.clean-search{
    width:32px!important;
    height:32px!important;
  }
}
@media(max-width:980px){
  .top-widebar{
    overflow:hidden!important;
  }
  .top-widebar .container{
    justify-content:flex-end!important;
    gap:18px!important;
  }
  .top-widebar a,
  .top-widebar span{
    font-size:12px!important;
    font-weight:400!important;
  }
}

/* 20260702: tighter nav, refined search overlay and larger Suzhou footer line */
.top-widebar a,
.top-widebar span{
  font-size:10px!important;
}
.search-overlay{
  background:
    radial-gradient(ellipse at 82% 16%,rgba(180,216,150,.22),transparent 42%),
    radial-gradient(ellipse at 18% 82%,rgba(94,130,62,.1),transparent 48%),
    rgba(249,252,246,.96)!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.search-overlay.open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.search-close{
  top:clamp(26px,4vw,58px)!important;
  right:clamp(24px,5vw,72px)!important;
  width:46px!important;
  height:46px!important;
  border:1px solid rgba(94,130,62,.18)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.72)!important;
  color:#101510!important;
  font-size:28px!important;
  line-height:1!important;
}
.search-panel{
  width:min(980px,calc(100vw - 96px))!important;
  margin:0 auto!important;
  padding:clamp(42px,5vw,72px)!important;
  border:1px solid rgba(94,130,62,.14)!important;
  border-radius:30px!important;
  background:rgba(255,255,255,.72)!important;
  color:#101510!important;
  box-shadow:0 34px 110px rgba(54,76,41,.12)!important;
}
.search-panel p{
  margin:0 0 18px!important;
  color:#5e823e!important;
  font-size:14px!important;
  font-weight:600!important;
  letter-spacing:.42em!important;
}
.search-panel label{
  margin:0 0 24px!important;
  color:#101510!important;
  font-size:clamp(38px,4.2vw,64px)!important;
  font-weight:500!important;
  line-height:1.12!important;
}
.search-panel input{
  width:100%!important;
  height:72px!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid rgba(94,130,62,.32)!important;
  background:transparent!important;
  color:#101510!important;
  font-size:clamp(20px,2vw,28px)!important;
  font-weight:400!important;
}
.search-panel input::placeholder{
  color:rgba(16,21,16,.42)!important;
}
.search-panel div{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:28px!important;
}
.search-panel a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:40px!important;
  padding:0 18px!important;
  border:1px solid rgba(94,130,62,.18)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.58)!important;
  color:#5e823e!important;
  font-size:15px!important;
  font-weight:500!important;
}
.search-panel a:hover{
  border-color:rgba(94,130,62,.36)!important;
  background:#5e823e!important;
  color:#fff!important;
}
.footer-cityline{
  right:50%!important;
  bottom:10px!important;
  width:clamp(1360px,132vw,2240px)!important;
  max-width:none!important;
  transform:translateX(50%)!important;
  opacity:.42!important;
}
.footer-cityline .city-soft path{
  stroke-width:.7!important;
}
.footer-cityline .city-static path,
.footer-cityline .city-flow{
  stroke-width:.85!important;
}
@media(min-width:981px){
  .bomin-header nav,
  .bomin-header.open nav{
    gap:clamp(17px,1.4vw,29px)!important;
  }
}
@media(max-width:980px){
  .search-panel{
    width:calc(100vw - 36px)!important;
    padding:34px 22px!important;
    border-radius:22px!important;
  }
  .search-panel label{
    font-size:34px!important;
  }
  .search-panel input{
    height:58px!important;
    font-size:18px!important;
  }
  .search-panel a{
    min-height:36px!important;
    font-size:13px!important;
  }
  .footer-cityline{
    bottom:16px!important;
    width:220vw!important;
    opacity:.32!important;
  }
}

/* 20260702: final top/search/footer scale adjustments */
.top-widebar,
.contact-page .top-widebar,
.bomin-header,
.bomin-header.scrolled{
  background:#fff!important;
  background-image:none!important;
}
.top-widebar .container{
  gap:10px!important;
}
.top-widebar a,
.top-widebar span{
  font-size:14px!important;
  font-weight:400!important;
}
.search-overlay{
  background:#fff!important;
  background-image:none!important;
}
.search-panel{
  background:#fff!important;
}
.footer-cityline{
  width:clamp(450px,44vw,750px)!important;
  bottom:18px!important;
  opacity:.48!important;
}
.footer-cityline .city-static path{
  stroke-dasharray:none!important;
  stroke-dashoffset:0!important;
  animation:none!important;
  opacity:.46!important;
}
.footer-cityline .city-soft path{
  opacity:.38!important;
}
.footer-cityline .city-flow{
  opacity:.5!important;
}
@media(min-width:981px){
  .bomin-header nav,
  .bomin-header.open nav{
    gap:clamp(24px,1.9vw,40px)!important;
  }
}
@media(max-width:980px){
  .top-widebar .container{
    gap:10px!important;
  }
  .top-widebar a,
  .top-widebar span{
    font-size:14px!important;
  }
  .footer-cityline{
    width:74vw!important;
    bottom:22px!important;
  }
}

/* 20260702: move footer city line to the right and slightly upward */
.footer-cityline{
  right:clamp(36px,6vw,118px)!important;
  bottom:68px!important;
  transform:none!important;
}
@media(max-width:980px){
  .footer-cityline{
    right:18px!important;
    bottom:48px!important;
    transform:none!important;
  }
}

/* 20260702: final footer line position and about text alignment */
.footer-cityline{
  bottom:136px!important;
}
.bsbabout-cta p{
  max-width:100%!important;
}
@media(max-width:980px){
  .footer-cityline{
    bottom:96px!important;
  }
}

/* 20260702brand4: enlarge footer city line and align it with contact column */
.footer-cityline{
  right:clamp(36px,4vw,84px)!important;
  bottom:105px!important;
  width:clamp(1320px,72vw,1520px)!important;
  opacity:.42!important;
}
@media(max-width:980px){
  .footer-cityline{
    right:12px!important;
    bottom:82px!important;
    width:178vw!important;
    opacity:.32!important;
  }
}

/* 20260702brand1: brand/douyin service pages */
.bsbbrand-page{
  --bsbbrand-green:#5e823e;
  --bsbbrand-green-dark:#253a1f;
  --bsbbrand-green-mid:#8cac68;
  --bsbbrand-soft:#edf7e8;
  --bsbbrand-blue:#aad4e7;
  --bsbbrand-ink:#101828;
  --bsbbrand-muted:#667085;
  overflow:hidden;
  color:var(--bsbbrand-ink);
  background:#fff;
}
.bsbbrand-page .container{
  width:min(calc(100% - 64px),1600px);
  margin:0 auto;
}
.bsbdesign-special{--bsbbrand-hero-img:url("../images/bm-style-design-news-opt.webp")}
.bsbdouyin-special{--bsbbrand-hero-img:url("../images/bm-style-bio-case-opt.webp")}
.bsbbrand-hero{
  position:relative;
  min-height:clamp(760px,86vh,980px);
  display:grid;
  align-items:center;
  padding:clamp(112px,9vw,164px) 0 clamp(58px,5vw,88px);
  overflow:hidden;
  background:
    radial-gradient(ellipse at 16% 18%,rgba(255,255,255,.7),rgba(255,255,255,0) 42%),
    radial-gradient(ellipse at 78% 12%,rgba(169,207,138,.34),rgba(255,255,255,0) 48%),
    linear-gradient(180deg,#edf7e8 0%,#f6fbf1 48%,#fff 100%);
}
.bsbbrand-hero-bg{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.9;
}
.bsbbrand-hero-bg::before{
  content:"";
  position:absolute;
  inset:-10% -8% auto auto;
  width:min(58vw,880px);
  height:min(58vw,880px);
  border-radius:50%;
  background:
    linear-gradient(135deg,rgba(94,130,62,.88),rgba(184,209,157,.68) 48%,rgba(170,212,231,.42)),
    var(--bsbbrand-hero-img) center/cover;
  background-blend-mode:multiply,normal;
  filter:blur(2px);
  transform:translate3d(0,0,0);
  animation:bsbbrandOrb 14s ease-in-out infinite alternate;
}
.bsbbrand-hero-bg::after{
  content:"";
  position:absolute;
  inset:auto -8% -1px;
  height:42%;
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff 76%);
}
@keyframes bsbbrandOrb{
  from{transform:translate3d(0,-8px,0) scale(1)}
  to{transform:translate3d(-28px,18px,0) scale(1.045)}
}
.bsbbrand-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.86fr);
  gap:clamp(48px,6vw,112px);
  align-items:center;
}
.bsbbrand-kicker{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:var(--bsbbrand-green);
  font-size:17px;
  line-height:1;
}
.bsbbrand-kicker::before{
  content:"";
  width:42px;
  height:2px;
  background:var(--bsbbrand-green);
}
.bsbbrand-hero h1{
  max-width:960px;
  margin:28px 0 0;
  color:#050505;
  font-size:clamp(56px,5.5vw,96px);
  line-height:1.06;
  letter-spacing:0;
  font-weight:700;
}
.bsbbrand-hero-copy p{
  max-width:760px;
  margin:30px 0 0;
  color:#333b32;
  font-size:20px;
  line-height:1.9;
}
.bsbbrand-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:38px;
}
.bsbbrand-actions a,
.bsbbrand-package-grid a,
.bsbbrand-cta a{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:56px;
  padding:0 28px;
  border-radius:999px;
  overflow:hidden;
  color:#fff;
  background:#5e823e;
  box-shadow:0 18px 42px rgba(94,130,62,.2);
  font-size:16px;
  text-decoration:none;
  transition:transform .35s ease,box-shadow .35s ease,background .35s ease;
}
.bsbbrand-actions a:nth-child(2){
  color:#23351e;
  background:rgba(255,255,255,.78);
  box-shadow:inset 0 0 0 1px rgba(94,130,62,.18);
}
.bsbbrand-actions a:hover,
.bsbbrand-package-grid a:hover,
.bsbbrand-cta a:hover{
  transform:translateY(-3px);
  background:#4f7235;
  box-shadow:0 24px 56px rgba(94,130,62,.26);
}
.bsbbrand-hero-visual{
  position:relative;
  min-height:560px;
  transform-style:preserve-3d;
}
.bsbbrand-visual-card{
  position:absolute;
  inset:34px 0 0 auto;
  width:min(100%,560px);
  height:520px;
  padding:14px;
  border-radius:38px;
  background:rgba(255,255,255,.78);
  box-shadow:0 40px 110px rgba(50,70,42,.18);
  backdrop-filter:blur(14px);
}
.bsbbrand-visual-card.vertical{
  width:min(100%,470px);
  right:24px;
}
.bsbbrand-visual-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:28px;
  display:block;
  filter:saturate(.96) contrast(1.02);
}
.bsbbrand-visual-card div{
  position:absolute;
  left:34px;
  right:34px;
  bottom:34px;
  min-height:92px;
  padding:22px 24px;
  border-radius:22px;
  background:rgba(255,255,255,.88);
  box-shadow:0 20px 50px rgba(16,24,40,.12);
}
.bsbbrand-visual-card b{
  display:block;
  color:#101828;
  font-size:24px;
}
.bsbbrand-visual-card span{
  display:block;
  margin-top:8px;
  color:#5c6658;
  font-size:15px;
}
.bsbbrand-float-card{
  position:absolute;
  z-index:2;
  width:190px;
  padding:22px;
  border-radius:24px;
  background:rgba(255,255,255,.92);
  box-shadow:0 24px 70px rgba(16,24,40,.14);
}
.bsbbrand-float-card.card-a{left:0;top:94px}
.bsbbrand-float-card.card-b{right:0;bottom:26px}
.bsbbrand-float-card strong{
  display:block;
  color:var(--bsbbrand-green);
  font-size:34px;
  line-height:1;
}
.bsbbrand-float-card span{
  display:block;
  margin-top:10px;
  color:#4b5548;
  font-size:15px;
}
.bsbbrand-rings{
  position:absolute;
  right:44px;
  top:0;
  width:220px;
  height:220px;
  pointer-events:none;
}
.bsbbrand-rings i{
  position:absolute;
  inset:0;
  border:1px solid rgba(94,130,62,.22);
  border-radius:50%;
  animation:bsbbrandRing 7s ease-in-out infinite;
}
.bsbbrand-rings i:nth-child(2){inset:32px;animation-delay:.45s}
.bsbbrand-rings i:nth-child(3){inset:64px;animation-delay:.9s;background:rgba(94,130,62,.12)}
@keyframes bsbbrandRing{
  0%,100%{transform:scale(.96);opacity:.68}
  50%{transform:scale(1.08);opacity:1}
}
.bsbbrand-hero-stats{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  margin-top:clamp(52px,5vw,90px);
  overflow:hidden;
  border:1px solid rgba(94,130,62,.12);
  border-radius:32px;
  background:rgba(94,130,62,.12);
  box-shadow:0 28px 80px rgba(16,24,40,.08);
}
.bsbbrand-hero-stats article{
  min-height:170px;
  padding:30px;
  background:rgba(255,255,255,.82);
}
.bsbbrand-hero-stats b{
  display:block;
  color:#5e823e;
  font-size:28px;
}
.bsbbrand-hero-stats span{
  display:block;
  margin-top:14px;
  color:#101828;
  font-size:22px;
  font-weight:700;
}
.bsbbrand-hero-stats p{
  margin:12px 0 0;
  color:#606a5b;
  font-size:15px;
  line-height:1.75;
}
.bsbbrand-intro,
.bsbbrand-flow,
.bsbbrand-solution,
.bsbbrand-package,
.bsbbrand-cta{
  position:relative;
  padding:clamp(92px,8vw,140px) 0;
}
.bsbbrand-intro{
  background:#fff;
}
.bsbbrand-solution{
  background:
    linear-gradient(180deg,#fff 0%,#f3faef 42%,#fff 100%),
    radial-gradient(ellipse at 80% 12%,rgba(170,212,231,.12),rgba(255,255,255,0) 48%);
}
.bsbbrand-title{
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(320px,.5fr);
  gap:clamp(32px,5vw,80px);
  align-items:end;
  margin-bottom:clamp(42px,5vw,76px);
}
.bsbbrand-title h2,
.bsbbrand-flow-copy h2,
.bsbbrand-cta h2{
  margin:0;
  color:#050505;
  font-size:clamp(36px,3.6vw,58px);
  line-height:1.18;
  font-weight:700;
}
.bsbbrand-title p,
.bsbbrand-flow-copy p,
.bsbbrand-cta p{
  margin:0;
  color:#5d6659;
  font-size:18px;
  line-height:1.9;
}
.bsbbrand-card-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}
.bsbbrand-card-grid article,
.bsbbrand-steps article,
.bsbbrand-package-grid article{
  position:relative;
  min-height:260px;
  padding:34px;
  border:1px solid rgba(94,130,62,.12);
  border-radius:28px;
  background:#fff;
  box-shadow:0 18px 54px rgba(16,24,40,.06);
  transition:transform .36s ease,border-color .36s ease,box-shadow .36s ease;
}
.bsbbrand-card-grid article:hover,
.bsbbrand-steps article:hover,
.bsbbrand-package-grid article:hover{
  transform:translateY(-8px);
  border-color:rgba(94,130,62,.3);
  box-shadow:0 28px 80px rgba(94,130,62,.12);
}
.bsbbrand-card-grid i{
  display:grid;
  width:58px;
  height:58px;
  margin-bottom:28px;
  border-radius:18px;
  background:linear-gradient(135deg,#eaf4e2,#cfe5bd);
}
.bsbbrand-card-grid i::after{
  content:"";
  width:22px;
  height:22px;
  margin:auto;
  border:2px solid #101828;
  border-radius:9px;
  box-shadow:10px -8px 0 -5px #5e823e;
}
.bsbbrand-card-grid h3,
.bsbbrand-steps h3,
.bsbbrand-package-grid h3{
  margin:0;
  color:#101828;
  font-size:24px;
  line-height:1.3;
}
.bsbbrand-card-grid p,
.bsbbrand-steps p,
.bsbbrand-package-grid p{
  margin:18px 0 0;
  color:#626b5f;
  font-size:16px;
  line-height:1.85;
}
.bsbbrand-flow{
  background:
    radial-gradient(ellipse at 14% 0%,rgba(169,207,138,.22),rgba(255,255,255,0) 42%),
    linear-gradient(180deg,#f8fcf5 0%,#fff 100%);
}
.bsbbrand-flow-grid{
  display:grid;
  grid-template-columns:minmax(300px,.42fr) minmax(0,1fr);
  gap:clamp(40px,6vw,98px);
  align-items:start;
}
.bsbbrand-flow-copy{
  position:sticky;
  top:160px;
}
.bsbbrand-flow-copy span{
  display:inline-flex;
  margin-bottom:24px;
  color:#5e823e;
  font-size:16px;
}
.bsbbrand-steps{
  display:grid;
  gap:18px;
}
.bsbbrand-steps article{
  min-height:190px;
  display:grid;
  grid-template-columns:92px 1fr;
  column-gap:24px;
  align-items:start;
}
.bsbbrand-steps b{
  grid-row:1 / 3;
  color:#5e823e;
  font-size:44px;
  line-height:1;
}
.bsbbrand-tab-panel{
  display:grid;
  grid-template-columns:220px minmax(0,.9fr) minmax(360px,.72fr);
  gap:clamp(30px,4vw,64px);
  align-items:center;
  min-height:620px;
  padding:clamp(52px,5vw,78px);
  border:1px solid rgba(94,130,62,.12);
  border-radius:36px;
  background:
    radial-gradient(ellipse at 12% 12%,rgba(255,255,255,.92),rgba(255,255,255,0) 38%),
    linear-gradient(135deg,#fff 0%,#f3faef 58%,#dfeeda 100%);
  box-shadow:0 28px 90px rgba(16,24,40,.08);
}
.bsbbrand-tab-panel nav{
  display:grid;
  gap:12px;
}
.bsbbrand-tab-panel button{
  min-height:62px;
  border:0;
  border-radius:18px;
  background:rgba(255,255,255,.72);
  color:#3f4a3b;
  font-size:18px;
  text-align:center;
  cursor:pointer;
  transition:background .25s ease,color .25s ease,transform .25s ease;
}
.bsbbrand-tab-panel button.is-active,
.bsbbrand-tab-panel button:hover{
  color:#fff;
  background:#5e823e;
  transform:translateX(4px);
}
.bsbbrand-tab-content article{
  display:none;
}
.bsbbrand-tab-content article.is-active{
  display:block;
  animation:bsbbrandPanelIn .35s ease both;
}
@keyframes bsbbrandPanelIn{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:translateY(0)}
}
.bsbbrand-tab-content h3{
  margin:0 0 24px;
  color:#050505;
  font-size:clamp(34px,3vw,48px);
  line-height:1.2;
}
.bsbbrand-tab-content p{
  margin:0 0 26px;
  color:#596455;
  font-size:18px;
  line-height:1.9;
}
.bsbbrand-tab-content ul{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}
.bsbbrand-tab-content li{
  position:relative;
  padding-left:20px;
  color:#101828;
  font-size:16px;
  line-height:1.6;
}
.bsbbrand-tab-content li::before{
  content:"";
  position:absolute;
  left:0;
  top:.65em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#5e823e;
}
.bsbbrand-tab-visual{
  position:relative;
  min-height:430px;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 30px 80px rgba(16,24,40,.12);
}
.bsbbrand-tab-visual img{
  width:100%;
  height:100%;
  min-height:430px;
  object-fit:cover;
  display:block;
}
.bsbbrand-tab-visual div{
  position:absolute;
  left:24px;
  right:24px;
  bottom:24px;
  padding:22px;
  border-radius:20px;
  background:rgba(255,255,255,.9);
}
.bsbbrand-tab-visual b{
  display:block;
  color:#101828;
  font-size:23px;
}
.bsbbrand-tab-visual span{
  display:block;
  margin-top:8px;
  color:#5e823e;
  font-size:15px;
}
.bsbbrand-package{
  background:#fff;
}
.bsbbrand-package-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.bsbbrand-package-grid.four{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.bsbbrand-package-grid article{
  min-height:360px;
  display:flex;
  flex-direction:column;
}
.bsbbrand-package-grid article.hot{
  background:linear-gradient(160deg,#5e823e 0%,#8cac68 100%);
  color:#fff;
}
.bsbbrand-package-grid article.hot h3,
.bsbbrand-package-grid article.hot strong,
.bsbbrand-package-grid article.hot p{
  color:#fff;
}
.bsbbrand-package-grid strong{
  display:block;
  margin-top:26px;
  color:#5e823e;
  font-size:34px;
  line-height:1;
  font-weight:700;
}
.bsbbrand-package-grid p{
  flex:1;
}
.bsbbrand-package-grid a{
  align-self:flex-start;
  min-height:50px;
  margin-top:24px;
  box-shadow:none;
}
.bsbbrand-package-grid article.hot a{
  color:#23351e;
  background:#fff;
}
.bsbbrand-cta{
  padding-top:clamp(54px,5vw,86px);
  background:
    linear-gradient(180deg,#fff 0%,#f2f8ed 100%);
}
.bsbbrand-cta-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:32px;
  align-items:center;
  min-height:280px;
  padding:clamp(42px,5vw,72px);
  border-radius:38px;
  background:
    radial-gradient(ellipse at 90% 0%,rgba(170,212,231,.2),rgba(255,255,255,0) 48%),
    linear-gradient(135deg,#5e823e 0%,#769957 52%,#b8d19d 100%);
  color:#fff;
}
.bsbbrand-cta h2,
.bsbbrand-cta p{
  color:#fff;
}
.bsbbrand-cta p{
  grid-column:1;
  max-width:860px;
}
.bsbbrand-cta a{
  grid-column:2;
  grid-row:1 / 3;
  color:#23351e;
  background:#fff;
  box-shadow:none;
}

@media(max-width:1180px){
  .bsbbrand-hero-grid,
  .bsbbrand-flow-grid,
  .bsbbrand-tab-panel{
    grid-template-columns:1fr;
  }
  .bsbbrand-hero-visual{
    min-height:470px;
  }
  .bsbbrand-hero{
    min-height:0;
    padding-top:92px;
    padding-bottom:54px;
  }
  .bsbbrand-hero h1{
    font-size:clamp(48px,7vw,72px);
  }
  .bsbbrand-hero-copy p{
    max-width:860px;
    margin-top:24px;
  }
  .bsbbrand-hero-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin-top:38px;
  }
  .bsbbrand-hero-stats article{
    min-height:132px;
    padding:24px 26px;
  }
  .bsbbrand-title{
    grid-template-columns:1fr;
    gap:18px;
  }
  .bsbbrand-card-grid,
  .bsbbrand-package-grid,
  .bsbbrand-package-grid.four{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .bsbbrand-flow-copy{
    position:relative;
    top:auto;
  }
  .bsbbrand-tab-panel{
    min-height:0;
  }
  .bsbbrand-tab-panel nav{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .bsbbrand-tab-panel button:hover,
  .bsbbrand-tab-panel button.is-active{
    transform:none;
  }
}
@media(max-width:760px){
  .bsbbrand-page .container{
    width:calc(100% - 30px);
  }
  .bsbbrand-hero{
    min-height:0;
    padding:76px 0 48px;
  }
  .bsbbrand-hero h1{
    font-size:clamp(38px,11vw,54px);
  }
  .bsbbrand-hero-copy p,
  .bsbbrand-title p,
  .bsbbrand-flow-copy p,
  .bsbbrand-tab-content p,
  .bsbbrand-cta p{
    font-size:16px;
    line-height:1.78;
  }
  .bsbbrand-actions a{
    width:100%;
  }
  .bsbbrand-hero-visual{
    min-height:430px;
  }
  .bsbbrand-visual-card,
  .bsbbrand-visual-card.vertical{
    inset:34px 0 auto;
    width:100%;
    height:360px;
  }
  .bsbbrand-float-card{
    width:150px;
    padding:18px;
  }
  .bsbbrand-float-card strong{
    font-size:26px;
  }
  .bsbbrand-rings{
    width:150px;
    height:150px;
    right:8px;
  }
  .bsbbrand-hero-stats,
  .bsbbrand-card-grid,
  .bsbbrand-package-grid,
  .bsbbrand-package-grid.four{
    grid-template-columns:1fr;
  }
  .bsbbrand-hero-stats article{
    min-height:0;
    padding:24px;
  }
  .bsbbrand-intro,
  .bsbbrand-flow,
  .bsbbrand-solution,
  .bsbbrand-package,
  .bsbbrand-cta{
    padding:66px 0;
  }
  .bsbbrand-title h2,
  .bsbbrand-flow-copy h2,
  .bsbbrand-cta h2{
    font-size:clamp(30px,8vw,40px);
  }
  .bsbbrand-card-grid article,
  .bsbbrand-package-grid article{
    min-height:0;
    padding:26px 22px;
  }
  .bsbbrand-steps article{
    grid-template-columns:1fr;
    gap:14px;
    min-height:0;
    padding:26px 22px;
  }
  .bsbbrand-steps b{
    grid-row:auto;
    font-size:34px;
  }
  .bsbbrand-tab-panel{
    width:calc(100% - 30px);
    padding:22px;
    border-radius:26px;
  }
  .bsbbrand-tab-panel nav{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .bsbbrand-tab-panel button{
    min-height:46px;
    font-size:15px;
  }
  .bsbbrand-tab-content h3{
    font-size:30px;
  }
  .bsbbrand-tab-content ul{
    grid-template-columns:1fr;
  }
  .bsbbrand-tab-visual,
  .bsbbrand-tab-visual img{
    min-height:300px;
  }
  .bsbbrand-package-grid strong{
    font-size:30px;
  }
  .bsbbrand-cta-inner{
    grid-template-columns:1fr;
    min-height:0;
    padding:32px 24px;
    border-radius:26px;
  }
  .bsbbrand-cta p,
  .bsbbrand-cta a{
    grid-column:auto;
    grid-row:auto;
  }
}
@media(max-width:420px){
  .bsbbrand-page .container,
  .bsbbrand-tab-panel{
    width:calc(100% - 24px);
  }
  .bsbbrand-visual-card div{
    left:18px;
    right:18px;
    bottom:18px;
    padding:18px;
  }
  .bsbbrand-float-card.card-a{
    top:14px;
  }
  .bsbbrand-float-card.card-b{
    bottom:0;
  }
}

/* 20260702brand1: final responsive nav guard */
@media(min-width:1181px) and (max-width:1320px){
  .bomin-header .nav-phone{
    display:none!important;
  }
  .bomin-header .nav-side{
    flex:0 0 auto;
    gap:0!important;
  }
  .bomin-header nav{
    gap:clamp(16px,1.25vw,24px)!important;
  }
}
@media(max-width:1180px){
  html,
  body{
    overflow-x:hidden;
  }
  .bomin-header,
  .bomin-header.scrolled,
  .bomin-header.open{
    height:76px!important;
  }
  .bomin-nav-inner,
  .bomin-header .bomin-nav-inner,
  .bomin-header.open .bomin-nav-inner{
    width:100%!important;
    max-width:none!important;
    min-height:76px!important;
    padding:0 22px!important;
  }
  .bomin-header .nav-side{
    display:none!important;
  }
  .bomin-header .menu{
    display:grid!important;
    place-items:center;
    width:46px!important;
    height:46px!important;
    margin-left:auto;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .bomin-header .menu span,
  .bomin-header .menu span::before,
  .bomin-header .menu span::after{
    content:"";
    display:block;
    width:24px;
    height:2px;
    border-radius:10px;
    background:#111;
    box-shadow:none!important;
    transition:transform .28s ease,opacity .28s ease;
  }
  .bomin-header .menu span{
    position:relative;
  }
  .bomin-header .menu span::before{
    position:absolute;
    left:0;
    top:-8px;
  }
  .bomin-header .menu span::after{
    position:absolute;
    left:0;
    top:8px;
  }
  .bomin-header.open .menu span{
    transform:rotate(45deg);
    background:#111!important;
  }
  .bomin-header.open .menu span::before{
    opacity:0;
  }
  .bomin-header.open .menu span::after{
    top:0;
    transform:rotate(90deg);
    background:#111!important;
  }
  .bomin-header nav{
    position:fixed!important;
    inset:76px 0 0 0!important;
    width:100%!important;
    height:auto!important;
    display:block!important;
    padding:24px 28px 72px!important;
    overflow:auto!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translate3d(0,-18px,0)!important;
    background:#fff!important;
    transition:opacity .28s ease,visibility .28s ease,transform .28s ease!important;
    z-index:999!important;
  }
  .bomin-header.open nav{
    opacity:1!important;
    visibility:visible!important;
    transform:translate3d(0,0,0)!important;
  }
  .bomin-header nav>a,
  .bomin-header .nav-item>a{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:48px!important;
    padding:10px 0 10px 18px!important;
    border:0!important;
    color:#111!important;
    font-size:20px!important;
    font-weight:400!important;
    line-height:1.35!important;
  }
  .bomin-header .nav-item{
    width:100%!important;
    height:auto!important;
    display:block!important;
  }
  .bomin-header .mega-panel{
    position:static!important;
    width:100%!important;
    display:none!important;
    grid-template-columns:1fr!important;
    margin:4px 0 5px!important;
    padding:12px 18px!important;
    border:0!important;
    border-radius:0!important;
    background:#f9f9f9!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
  .bomin-header .nav-item.sub-open .mega-panel{
    display:grid!important;
  }
  .bomin-header .mega-card{
    padding:8px 0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .bomin-header .mega-card b{
    font-size:15px!important;
    font-weight:600!important;
  }
  .bomin-header .mega-card small{
    margin:4px 0 6px!important;
    font-size:12px!important;
  }
  .bomin-header .mega-card a{
    padding:5px 0!important;
    color:#333!important;
    background:transparent!important;
    font-size:14px!important;
  }
}

@media(min-width:981px) and (max-width:1180px){
  .bsbbrand-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(350px,.82fr)!important;
    gap:34px!important;
    align-items:center!important;
  }
  .bsbbrand-hero h1{
    font-size:clamp(44px,4.8vw,58px)!important;
  }
  .bsbbrand-hero-copy p{
    font-size:18px;
    line-height:1.78;
  }
  .bsbbrand-hero-visual{
    min-height:500px!important;
  }
  .bsbbrand-visual-card,
  .bsbbrand-visual-card.vertical{
    inset:34px 0 0 auto!important;
    width:min(100%,420px)!important;
    height:440px!important;
  }
  .bsbbrand-float-card{
    width:156px;
    padding:18px;
  }
  .bsbbrand-float-card.card-a{
    left:-4px;
    top:82px;
  }
  .bsbbrand-float-card.card-b{
    right:0;
    bottom:18px;
  }
  .bsbbrand-hero-stats{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .bsbbrand-hero-stats article{
    min-height:152px!important;
    padding:22px!important;
  }
  .bsbbrand-hero-stats span{
    font-size:19px;
  }
  .bsbbrand-hero-stats p{
    font-size:14px;
    line-height:1.6;
  }
}

/* 20260702brand5: homepage news carousel copy panel */
.news-image-carousel,
.news-image-carousel figure{
  background:#5e823e!important;
}
.news-image-carousel figure::before{
  background:#5e823e!important;
}

/* 20260702brand6: homepage news hover color */
.news-river-list a:hover h3{
  color:#5e823e!important;
}

/* 20260702brand7: client logos use image assets */
.client-row{
  align-items:center!important;
}
.client-row .client-logo-img{
  display:block;
  width:240px;
  height:90px;
  flex:0 0 auto;
  object-fit:contain;
  background:#fff;
  border:1px solid rgba(210,218,210,.78);
  box-shadow:0 18px 46px rgba(22,32,22,.035);
  transition:transform .35s ease,filter .35s ease,box-shadow .35s ease;
}
.client-row .client-logo-img:hover{
  transform:translateY(-3px);
  filter:saturate(1.08) contrast(1.02);
  box-shadow:0 24px 60px rgba(94,130,62,.12);
}
@media(max-width:980px){
  .client-row .client-logo-img{
    width:190px;
    height:72px;
  }
}
@media(max-width:640px){
  .client-row .client-logo-img{
    width:160px;
    height:60px;
  }
}

/* 20260702brand8: news carousel spacing */
.news-image-carousel{
  margin-top:35px!important;
}

/* 20260702brand15: restore homepage news feature overlay to black */
.news-river-feature::after{
  background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.78))!important;
}

/* 20260702brand11: homepage case hover color */
.case-bomin-home .case-bomin-list .case-bomin-item:hover,
.case-bomin-home .case-bomin-list .case-bomin-item.is-active,
.case-bomin-home .case-bomin-list .case-bomin-item.is-active:hover{
  background:#5e823e!important;
}

/* 20260702brand12: news river spacing */
.news-river{
  margin-bottom:60px!important;
}

/* 20260703brand16: final color, header, GEO and brand-page layout refinements */
body.home-redesign:not(.inner-page) .about-copy h2,
body.home-redesign:not(.inner-page) .ref-title h2,
body.home-redesign:not(.inner-page) .case-bomin-title h2,
body.home-redesign:not(.inner-page) .clients-title h2,
body.home-redesign:not(.inner-page) .news-head h2{
  color:#5e823e!important;
}
.bomin-header .nav-phone{
  font-size:24px!important;
  line-height:1.08!important;
  font-weight:700!important;
}
.bomin-header .nav-phone em{
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:400!important;
  letter-spacing:.08em!important;
}
.bsbgeo-radar .r3{
  right:-8%!important;
  bottom:25%!important;
}
.bsbgeo-radar .r4{
  left:37%!important;
  bottom:-7%!important;
}
@media(max-width:1180px){
  .bsbbrand-shell .bsbbrand-hero{
    min-height:auto!important;
    padding:clamp(120px,14vw,154px) 0 56px!important;
  }
  .bsbbrand-shell .bsbbrand-hero-grid,
  .bsbbrand-shell .bsbbrand-flow-grid,
  .bsbbrand-shell .bsbbrand-tab-panel{
    grid-template-columns:1fr!important;
    gap:clamp(30px,5vw,54px)!important;
  }
  .bsbbrand-shell .bsbbrand-hero h1{
    max-width:900px!important;
    font-size:clamp(46px,7vw,72px)!important;
    line-height:1.12!important;
  }
  .bsbbrand-shell .bsbbrand-hero-copy p{
    max-width:820px!important;
    font-size:18px!important;
    line-height:1.78!important;
  }
  .bsbbrand-shell .bsbbrand-hero-visual{
    min-height:460px!important;
    max-width:640px!important;
    width:100%!important;
    justify-self:center!important;
  }
  .bsbbrand-shell .bsbbrand-visual-card,
  .bsbbrand-shell .bsbbrand-visual-card.vertical{
    inset:20px auto auto 50%!important;
    right:auto!important;
    width:min(100%,520px)!important;
    height:420px!important;
    transform:translateX(-50%)!important;
  }
  .bsbbrand-shell .bsbbrand-float-card.card-a{
    left:0!important;
    top:92px!important;
  }
  .bsbbrand-shell .bsbbrand-float-card.card-b{
    right:0!important;
    bottom:18px!important;
  }
  .bsbbrand-shell .bsbbrand-hero-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .bsbbrand-shell .bsbbrand-title{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .bsbbrand-shell .bsbbrand-title h2,
  .bsbbrand-shell .bsbbrand-flow-copy h2,
  .bsbbrand-shell .bsbbrand-cta h2{
    font-size:clamp(38px,6vw,58px)!important;
    line-height:1.12!important;
  }
  .bsbbrand-shell .bsbbrand-tab-panel{
    padding:clamp(24px,4vw,38px)!important;
  }
  .bsbbrand-shell .bsbbrand-tab-panel nav{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .bsbbrand-shell .bsbbrand-tab-panel button{
    min-height:52px!important;
    padding:0 14px!important;
    font-size:16px!important;
  }
  .bsbbrand-shell .bsbbrand-tab-content h3{
    font-size:clamp(28px,4vw,40px)!important;
    line-height:1.18!important;
  }
  .bsbbrand-shell .bsbbrand-tab-content p,
  .bsbbrand-shell .bsbbrand-tab-content li{
    font-size:16px!important;
    line-height:1.75!important;
  }
  .bsbbrand-shell .bsbbrand-package-grid,
  .bsbbrand-shell .bsbbrand-package-grid.four{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .bsbbrand-shell .bsbbrand-package-grid article{
    min-height:auto!important;
  }
}
@media(max-width:640px){
  .bomin-header .nav-phone{
    font-size:20px!important;
  }
  .bomin-header .nav-phone em{
    font-size:12px!important;
  }
  .bsbgeo-radar .r3{
    right:-4%!important;
    bottom:22%!important;
  }
  .bsbgeo-radar .r4{
    left:31%!important;
    bottom:-8%!important;
  }
  .bsbbrand-shell .bsbbrand-page .container{
    width:min(calc(100% - 36px),1600px)!important;
  }
  .bsbbrand-shell .bsbbrand-hero h1{
    font-size:clamp(36px,10vw,48px)!important;
  }
  .bsbbrand-shell .bsbbrand-hero-visual{
    min-height:380px!important;
  }
  .bsbbrand-shell .bsbbrand-visual-card,
  .bsbbrand-shell .bsbbrand-visual-card.vertical{
    width:min(100%,360px)!important;
    height:320px!important;
  }
  .bsbbrand-shell .bsbbrand-float-card{
    width:132px!important;
    padding:14px!important;
  }
  .bsbbrand-shell .bsbbrand-float-card strong{
    font-size:25px!important;
  }
  .bsbbrand-shell .bsbbrand-hero-stats,
  .bsbbrand-shell .bsbbrand-card-grid,
  .bsbbrand-shell .bsbbrand-package-grid,
  .bsbbrand-shell .bsbbrand-package-grid.four{
    grid-template-columns:1fr!important;
  }
  .bsbbrand-shell .bsbbrand-tab-panel nav{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .bsbbrand-shell .bsbbrand-tab-visual,
  .bsbbrand-shell .bsbbrand-tab-visual img{
    min-height:260px!important;
    height:260px!important;
  }
}

/* 20260703brand17: homepage title, top bar and client logo refinements */
body.home-redesign:not(.inner-page) .case-bomin-title h2{
  color:#fff!important;
}
.bsbdouyin-special .bsbbrand-hero h1{
  color:#fff!important;
  text-shadow:0 18px 48px rgba(0,0,0,.32);
}
.top-widebar a[href="services.html"],
.top-widebar span{
  display:none!important;
}
.client-row .client-logo-img{
  width:270px;
  height:96px;
  object-fit:cover;
  border-color:rgba(216,224,214,.68);
  box-shadow:0 18px 52px rgba(30,42,25,.04);
}
@media(max-width:980px){
  .client-row .client-logo-img{
    width:214px;
    height:78px;
  }
}
@media(max-width:640px){
  .client-row .client-logo-img{
    width:178px;
    height:66px;
  }
}

/* 20260703brand18: design page title and intro separation */
.bsbdesign-special .bsbbrand-hero h1{
  max-width:720px;
  line-height:1.02;
}
.bsbdesign-special .bsbbrand-intro .bsbbrand-title{
  align-items:start;
  margin-bottom:clamp(96px,7vw,128px)!important;
}
.bsbdesign-special .bsbbrand-intro .bsbbrand-title h2{
  max-width:620px;
}
.bsbdesign-special .bsbbrand-intro .bsbbrand-title p{
  padding-top:12px;
  max-width:640px;
}
.bsbdesign-special .bsbbrand-intro .bsbbrand-card-grid{
  margin-top:18px;
}
@media(max-width:1180px){
  .bsbdesign-special .bsbbrand-intro .bsbbrand-title{
    margin-bottom:92px!important;
  }
  .bsbdesign-special .bsbbrand-intro .bsbbrand-title p{
    padding-top:0;
  }
}
@media(max-width:640px){
  .bsbdesign-special .bsbbrand-hero h1{
    font-size:clamp(42px,14vw,62px)!important;
  }
  .bsbdesign-special .bsbbrand-intro .bsbbrand-title{
    margin-bottom:54px!important;
  }
  .bsbdesign-special .bsbbrand-intro .bsbbrand-card-grid{
    margin-top:6px;
  }
}

/* 20260703brand20: separate brand page section titles from content blocks */
.bsbbrand-shell .bsbbrand-title{
  align-items:start!important;
  margin-bottom:clamp(86px,6.2vw,124px)!important;
}
.bsbbrand-shell .bsbbrand-title p{
  padding-top:clamp(8px,1vw,16px)!important;
}
.bsbbrand-shell .bsbbrand-title + .bsbbrand-card-grid,
.bsbbrand-shell .bsbbrand-title + .bsbbrand-tab-panel,
.bsbbrand-shell .bsbbrand-title + .bsbbrand-package-grid{
  margin-top:clamp(14px,1.8vw,30px)!important;
}
.bsbbrand-shell .bsbbrand-package .bsbbrand-title{
  margin-bottom:clamp(104px,7vw,132px)!important;
}
.bsbbrand-shell .bsbbrand-package .bsbbrand-title + .bsbbrand-package-grid{
  margin-top:clamp(22px,2.2vw,34px)!important;
}
@media(max-width:1180px){
  .bsbbrand-shell .bsbbrand-title{
    margin-bottom:104px!important;
  }
  .bsbbrand-shell .bsbbrand-title p{
    padding-top:0!important;
  }
  .bsbbrand-shell .bsbbrand-title + .bsbbrand-card-grid,
  .bsbbrand-shell .bsbbrand-title + .bsbbrand-tab-panel,
  .bsbbrand-shell .bsbbrand-title + .bsbbrand-package-grid{
    margin-top:20px!important;
  }
  .bsbbrand-shell .bsbbrand-package .bsbbrand-title{
    margin-bottom:112px!important;
  }
  .bsbbrand-shell .bsbbrand-package .bsbbrand-title + .bsbbrand-package-grid{
    margin-top:24px!important;
  }
}
@media(max-width:640px){
  .bsbbrand-shell .bsbbrand-title{
    margin-bottom:58px!important;
  }
  .bsbbrand-shell .bsbbrand-title + .bsbbrand-card-grid,
  .bsbbrand-shell .bsbbrand-title + .bsbbrand-tab-panel,
  .bsbbrand-shell .bsbbrand-title + .bsbbrand-package-grid{
    margin-top:8px!important;
  }
  .bsbbrand-shell .bsbbrand-package .bsbbrand-title{
    margin-bottom:66px!important;
  }
}

/* 20260703brand22: redesign design-page hero visual without image assets */
.bsbdesign-special .bsbbrand-hero-bg::before{
  background:
    radial-gradient(circle at 28% 24%,rgba(255,255,255,.62),rgba(255,255,255,0) 32%),
    radial-gradient(circle at 62% 42%,rgba(94,130,62,.28),rgba(94,130,62,0) 34%),
    linear-gradient(135deg,rgba(235,245,227,.92),rgba(188,213,163,.62) 48%,rgba(244,249,239,.2));
  background-blend-mode:normal;
  filter:blur(0);
  opacity:.72;
}
.bsbdesign-special .bsbbrand-hero-bg::after{
  background:
    linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.62) 46%,rgba(255,255,255,.96)),
    linear-gradient(180deg,rgba(255,255,255,0),#fff 78%);
}
.bsbdesign-hero-visual{
  min-height:560px;
}
.bsbdesign-board{
  position:absolute;
  right:0;
  top:44px;
  width:min(100%,590px);
  min-height:500px;
  padding:34px;
  border:1px solid rgba(94,130,62,.18);
  border-radius:36px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.92),rgba(247,251,243,.84)),
    repeating-linear-gradient(0deg,rgba(94,130,62,.045) 0 1px,transparent 1px 34px),
    repeating-linear-gradient(90deg,rgba(94,130,62,.04) 0 1px,transparent 1px 34px);
  box-shadow:0 42px 110px rgba(48,67,39,.16);
  backdrop-filter:blur(16px);
  overflow:hidden;
}
.bsbdesign-board::before{
  content:"";
  position:absolute;
  inset:auto -18% -24% 18%;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(94,130,62,.20),rgba(94,130,62,0) 68%);
  animation:bsbDesignGlow 9s ease-in-out infinite alternate;
}
.bsbdesign-board::after{
  content:"";
  position:absolute;
  inset:22px;
  border:1px solid rgba(94,130,62,.12);
  border-radius:26px;
  pointer-events:none;
}
.bsbdesign-board-top{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#5e823e;
  font-size:13px;
  letter-spacing:.14em;
}
.bsbdesign-board-top i{
  display:block;
  width:118px;
  height:1px;
  background:linear-gradient(90deg,rgba(94,130,62,0),rgba(94,130,62,.82));
}
.bsbdesign-board-main{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:18px;
  margin-top:42px;
}
.bsbdesign-layout-card{
  min-height:186px;
  padding:24px;
  border:1px solid rgba(94,130,62,.13);
  border-radius:24px;
  background:rgba(255,255,255,.86);
  box-shadow:0 18px 48px rgba(16,24,40,.06);
}
.bsbdesign-layout-card:first-child{
  grid-row:span 2;
  min-height:390px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(236,246,228,.88));
}
.bsbdesign-layout-card.dark{
  color:#fff;
  background:linear-gradient(135deg,#24351f,#5e823e);
}
.bsbdesign-layout-card b,
.bsbdesign-layout-card span{
  position:relative;
  z-index:1;
  display:block;
}
.bsbdesign-layout-card b{
  color:#101828;
  font-size:22px;
  line-height:1.25;
}
.bsbdesign-layout-card.dark b,
.bsbdesign-layout-card.dark span{
  color:#fff;
}
.bsbdesign-layout-card span{
  margin-top:7px;
  color:#65715f;
  font-size:14px;
}
.bsbdesign-layout-card em{
  display:block;
  height:10px;
  margin-top:20px;
  border-radius:99px;
  background:linear-gradient(90deg,rgba(94,130,62,.42),rgba(94,130,62,.08));
}
.bsbdesign-layout-card em:nth-of-type(2){width:72%}
.bsbdesign-layout-card em:nth-of-type(3){width:48%}
.bsbdesign-board-bottom{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:18px;
}
.bsbdesign-board-bottom div{
  min-height:86px;
  padding:18px;
  border-radius:20px;
  background:rgba(255,255,255,.8);
  border:1px solid rgba(94,130,62,.11);
}
.bsbdesign-board-bottom strong{
  display:block;
  color:#5e823e;
  font-size:28px;
  line-height:1;
}
.bsbdesign-board-bottom span{
  display:block;
  margin-top:10px;
  color:#4d5948;
  font-size:14px;
}
.bsbdesign-paper-stack{
  position:absolute;
  left:2px;
  top:150px;
  width:178px;
  height:136px;
  z-index:3;
}
.bsbdesign-paper-stack i{
  position:absolute;
  inset:0;
  border-radius:20px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(94,130,62,.16);
  box-shadow:0 20px 60px rgba(16,24,40,.11);
  transform:rotate(-8deg);
}
.bsbdesign-paper-stack i:nth-child(2){
  inset:18px -20px -18px 24px;
  transform:rotate(7deg);
  background:#f2f8ec;
}
.bsbdesign-paper-stack i:nth-child(3){
  inset:38px -42px -38px 50px;
  transform:rotate(-2deg);
  background:#fff;
}
.bsbdesign-swatch-card{
  position:absolute;
  right:18px;
  bottom:18px;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(3,36px) 1fr;
  align-items:center;
  gap:10px;
  width:268px;
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(94,130,62,.14);
  box-shadow:0 22px 60px rgba(16,24,40,.12);
}
.bsbdesign-swatch-card span{
  width:36px;
  height:36px;
  border-radius:50%;
  border:1px solid rgba(0,0,0,.05);
}
.bsbdesign-swatch-card span:nth-child(1){background:#5e823e}
.bsbdesign-swatch-card span:nth-child(2){background:#dcead1}
.bsbdesign-swatch-card span:nth-child(3){background:#101828}
.bsbdesign-swatch-card b{
  color:#23301f;
  font-size:14px;
  line-height:1.35;
}
@keyframes bsbDesignGlow{
  from{transform:translate3d(-22px,8px,0) scale(.92);opacity:.58}
  to{transform:translate3d(24px,-10px,0) scale(1.1);opacity:.92}
}
@media(max-width:1180px){
  .bsbdesign-board{
    position:relative;
    top:auto;
    right:auto;
    margin:0 auto;
  }
  .bsbdesign-paper-stack{
    left:calc(50% - 310px);
  }
}
@media(max-width:640px){
  .bsbdesign-hero-visual{
    min-height:440px!important;
  }
  .bsbdesign-board{
    width:100%;
    min-height:390px;
    padding:22px;
    border-radius:26px;
  }
  .bsbdesign-board-main{
    grid-template-columns:1fr;
    gap:12px;
    margin-top:28px;
  }
  .bsbdesign-layout-card,
  .bsbdesign-layout-card:first-child{
    min-height:120px;
    padding:18px;
  }
  .bsbdesign-board-bottom{
    grid-template-columns:1fr;
  }
  .bsbdesign-paper-stack,
  .bsbdesign-swatch-card{
    display:none;
  }
}

/* 20260703brand23: simplify design-page hero panel and prevent overlap */
.bsbdesign-special .bsbbrand-hero-grid{
  align-items:center!important;
}
.bsbdesign-hero-visual{
  min-height:420px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  overflow:visible!important;
}
.bsbdesign-simple-board{
  position:relative!important;
  inset:auto!important;
  width:min(100%,560px)!important;
  min-height:0!important;
  height:auto!important;
  padding:38px!important;
  border-radius:34px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.94),rgba(246,251,241,.86)),
    linear-gradient(90deg,rgba(94,130,62,.07) 1px,transparent 1px),
    linear-gradient(0deg,rgba(94,130,62,.06) 1px,transparent 1px)!important;
  background-size:auto,42px 42px,42px 42px!important;
  box-shadow:0 38px 100px rgba(42,58,36,.14)!important;
}
.bsbdesign-simple-board::before{
  inset:auto -18% -44% 36%!important;
  height:260px!important;
  background:radial-gradient(circle,rgba(94,130,62,.16),rgba(94,130,62,0) 68%)!important;
}
.bsbdesign-simple-board::after{
  inset:20px!important;
  border-radius:24px!important;
}
.bsbdesign-simple-head{
  position:relative;
  z-index:1;
  max-width:470px;
}
.bsbdesign-simple-head span{
  display:inline-flex;
  align-items:center;
  gap:14px;
  color:#5e823e;
  font-size:15px;
  letter-spacing:.1em;
}
.bsbdesign-simple-head span::before{
  content:"";
  width:54px;
  height:1px;
  background:#5e823e;
}
.bsbdesign-simple-head h2{
  margin:22px 0 0;
  color:#101828;
  font-size:clamp(32px,2.5vw,42px);
  line-height:1.12;
  font-weight:700;
  letter-spacing:0;
}
.bsbdesign-simple-list{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:34px;
}
.bsbdesign-simple-list span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:62px;
  padding:0 14px;
  border:1px solid rgba(94,130,62,.14);
  border-radius:16px;
  background:rgba(255,255,255,.72);
  color:#263125;
  font-size:17px;
  text-align:center;
}
.bsbdesign-simple-list span::after{
  content:none;
}
.bsbdesign-simple-metrics{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:24px;
}
.bsbdesign-simple-metrics div{
  padding:18px;
  border-radius:18px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(94,130,62,.12);
}
.bsbdesign-simple-metrics strong{
  display:block;
  color:#5e823e;
  font-size:28px;
  line-height:1;
}
.bsbdesign-simple-metrics span{
  display:block;
  margin-top:10px;
  color:#596555;
  font-size:14px;
}
.bsbdesign-special .bsbbrand-hero-stats{
  position:relative;
  z-index:2;
  margin-top:clamp(22px,3vw,42px)!important;
}
@media(max-width:1180px){
  .bsbdesign-hero-visual{
    min-height:400px!important;
    justify-content:center!important;
  }
}
@media(max-width:640px){
  .bsbdesign-hero-visual{
    min-height:auto!important;
  }
  .bsbdesign-simple-board{
    padding:28px!important;
    border-radius:26px!important;
  }
  .bsbdesign-simple-head h2{
    font-size:30px;
  }
  .bsbdesign-simple-list{
    grid-template-columns:1fr;
  }
  .bsbdesign-simple-metrics{
    grid-template-columns:1fr;
  }
}

/* 20260703brand25: design intro title spacing */
.bsbdesign-special .bsbbrand-intro{
  padding-top:35px!important;
}
.bsbdesign-special .bsbbrand-intro .bsbbrand-title{
  padding-top:0!important;
  margin-bottom:60px!important;
  transform:none!important;
}
.bsbdesign-special .bsbbrand-intro .bsbbrand-card-grid{
  margin-top:0!important;
}

/* 20260703brand27: design solution title top spacing */
.bsbdesign-special .bsbbrand-solution .bsbbrand-title{
  padding-top:0!important;
}

/* 20260703brand28: design package title spacing */
.bsbdesign-special .bsbbrand-package .bsbbrand-title{
  padding-top:0!important;
  margin-bottom:60px!important;
  transform:none!important;
}
.bsbbrand-shell .bsbdesign-special .bsbbrand-package .bsbbrand-title + .bsbbrand-package-grid,
.bsbdesign-special .bsbbrand-package .bsbbrand-package-grid{
  margin-top:0!important;
}

/* 20260703brand31: reduce design solution vertical gaps */
.bsbdesign-special .bsbbrand-flow{
  padding-bottom:80px!important;
}
.bsbdesign-special .bsbbrand-solution{
  padding-top:35px!important;
}
.bsbdesign-special .bsbbrand-solution .bsbbrand-title{
  margin-bottom:52px!important;
}
.bsbdesign-special .bsbbrand-solution .bsbbrand-tab-panel{
  margin-top:10px!important;
}

/* 20260703brand33: reduce package upper whitespace */
.bsbdesign-special .bsbbrand-solution{
  padding-bottom:100px!important;
}
.bsbdesign-special .bsbbrand-package{
  padding-top:0px!important;
  padding-bottom:60px;
}

/* 20260703brand34: reduce design CTA upper and lower whitespace by half */
.bsbdesign-special .bsbbrand-cta{
  padding-top:27px!important;
  padding-bottom:46px!important;
}

/* 20260703brand37: design package cards hover color and price unit refinement */
.bsbdesign-special .bsbbrand-package-grid article,
.bsbdesign-special .bsbbrand-package-grid article.hot{
  padding-top:54px!important;
  padding-bottom:54px!important;
  background:#fff!important;
  color:#101828!important;
  border-color:rgba(94,130,62,.12)!important;
  align-items:center;
  text-align:center;
  transition:transform .36s ease,border-color .36s ease,box-shadow .36s ease,background .36s ease,color .28s ease!important;
}
.bsbdesign-special .bsbbrand-package-grid article h3,
.bsbdesign-special .bsbbrand-package-grid article strong,
.bsbdesign-special .bsbbrand-package-grid article p{
  transition:color .28s ease;
}
.bsbdesign-special .bsbbrand-package-grid article:hover,
.bsbdesign-special .bsbbrand-package-grid article:focus-within{
  background:linear-gradient(160deg,#5e823e 0%,#8cac68 100%)!important;
  border-color:rgba(94,130,62,.18)!important;
  box-shadow:0 30px 82px rgba(94,130,62,.18)!important;
}
.bsbdesign-special .bsbbrand-package-grid article:hover h3,
.bsbdesign-special .bsbbrand-package-grid article:hover strong,
.bsbdesign-special .bsbbrand-package-grid article:hover p,
.bsbdesign-special .bsbbrand-package-grid article:focus-within h3,
.bsbdesign-special .bsbbrand-package-grid article:focus-within strong,
.bsbdesign-special .bsbbrand-package-grid article:focus-within p{
  color:#fff!important;
}
.bsbdesign-special .bsbbrand-package-grid strong small{
  margin-left:2px;
  color:inherit;
  font-size:14px!important;
  line-height:1;
  font-weight:500;
  vertical-align:baseline;
}
.bsbdesign-special .bsbbrand-package-grid p span{
  display:block;
}
.bsbdesign-special .bsbbrand-package-grid p span+span{
  margin-top:8px;
}
.bsbdesign-special .bsbbrand-package-grid p{
  flex:0 0 auto!important;
  margin-bottom:0!important;
}
.bsbdesign-special .bsbbrand-package-grid article:hover a,
.bsbdesign-special .bsbbrand-package-grid article:focus-within a{
  color:#23351e!important;
  background:#fff!important;
}
.bsbdesign-special .bsbbrand-package-grid a{
  align-self:center!important;
  margin-top:12px!important;
}

/* 20260703brand40: compact design scenario panel and enlarge left tabs */
.bsbdesign-special .bsbbrand-tab-panel{
  min-height:540px!important;
  padding-top:36px!important;
  padding-bottom:36px!important;
}
.bsbdesign-special .bsbbrand-tab-panel button{
  min-height:68px!important;
  font-size:22px!important;
  line-height:1.2!important;
}

/* 20260703brand41: align design titles with numbers/icons and use distinct iconfont-style icons */
.bsbdesign-special .bsbdesign-stat-head{
  display:flex;
  align-items:baseline;
  gap:14px;
}
.bsbdesign-special .bsbdesign-stat-head b,
.bsbdesign-special .bsbdesign-stat-head span{
  display:inline-flex;
  margin:0;
}
.bsbdesign-special .bsbdesign-stat-head span{
  font-size:24px;
  line-height:1.2;
}
.bsbdesign-special .bsbbrand-hero-stats p{
  margin-top:16px;
}
.bsbdesign-special .bsbbrand-card-grid article{
  padding-top:38px;
}
.bsbdesign-special .bsbbrand-card-grid i{
  display:none!important;
}
.bsbdesign-card-head{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:22px;
}
.bsbdesign-icon-wrap{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:18px;
  background:linear-gradient(135deg,#eaf4e2,#d6e8c9);
  box-shadow:inset 0 0 0 1px rgba(94,130,62,.08);
  transition:transform .32s ease,background .32s ease;
}
.bsbdesign-iconfont{
  width:36px;
  height:36px;
  overflow:visible;
}
.bsbdesign-iconfont path{
  fill:none;
  stroke:#101828;
  stroke-width:54;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.bsbdesign-iconfont .bsbdesign-icon-dot{
  fill:#5e823e;
  stroke:none;
}
.bsbdesign-card-head h3{
  margin:0!important;
  font-size:25px;
  line-height:1.22;
}
.bsbdesign-special .bsbbrand-card-grid article:hover .bsbdesign-icon-wrap{
  transform:translateY(-4px) scale(1.04);
  background:linear-gradient(135deg,#dcefd0,#c8dfb8);
}
.bsbdesign-special .bsbbrand-card-grid article:hover .bsbdesign-iconfont .bsbdesign-icon-dot{
  animation:bsbdesignIconPulse .8s ease both;
}
@keyframes bsbdesignIconPulse{
  0%{transform:scale(.72);opacity:.72}
  60%{transform:scale(1.18);opacity:1}
  100%{transform:scale(1);opacity:1}
}

/* 20260703brand35: Douyin operation page rebuilt with GEO visual system */
.bsbdouyin-geo{
  --bsbgeo-leaf-deep:#5e823e;
  --bsbgeo-leaf:#8cac68;
  --bsbgeo-blue:#aad4e7;
  background:#fff;
}
.bsbdouyin-geo .bsbgeo-soft-hero{
  min-height:clamp(720px,82vh,920px);
}
.bsbdouyin-geo .bsbgeo-soft-bg{
  background:
    radial-gradient(ellipse at 22% 20%,rgba(196,222,170,.72),transparent 34%),
    radial-gradient(ellipse at 58% 22%,rgba(255,255,235,.78),transparent 32%),
    radial-gradient(ellipse at 88% 44%,rgba(170,212,231,.48),transparent 34%),
    linear-gradient(115deg,#eaf3df 0%,#fbfbf3 48%,#e5f0dc 100%);
}
.bsbdouyin-geo .bsbgeo-soft-bg::before{
  width:min(42vw,610px);
  height:min(42vw,610px);
  border-radius:48% 52% 42% 58%;
  background:
    radial-gradient(circle at 38% 30%,rgba(255,255,255,.82),transparent 26%),
    radial-gradient(circle at 72% 68%,rgba(94,130,62,.18),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.7),rgba(200,216,183,.52) 55%,rgba(170,212,231,.25));
  animation:bsbdouyinBlob 12s ease-in-out infinite alternate;
}
.bsbdouyin-geo .bsbgeo-soft-hero-top::after{
  width:min(34vw,470px);
  height:min(23vw,300px);
  background:
    linear-gradient(90deg,rgba(255,255,255,.76) 0 16%,transparent 16%),
    repeating-linear-gradient(0deg,rgba(94,130,62,.09) 0 1px,transparent 1px 34px),
    linear-gradient(135deg,rgba(255,255,255,.4),rgba(196,222,170,.34),rgba(170,212,231,.16));
}
.bsbdouyin-geo .bsbgeo-soft-hero h1{
  max-width:980px;
}
.bsbdouyin-geo .bsbgeo-soft-hero ul{
  width:min(100%,620px);
}
@keyframes bsbdouyinBlob{
  from{transform:rotate(-7deg) translate3d(0,0,0) scale(1)}
  to{transform:rotate(-2deg) translate3d(-18px,16px,0) scale(1.04)}
}
.bsbdouyin-account-visual{
  position:relative;
  min-height:300px;
  margin-top:34px;
}
.bsbdouyin-phone{
  position:absolute;
  left:50%;
  top:8px;
  width:min(265px,70%);
  min-height:286px;
  padding:44px 26px 28px;
  border:1px solid rgba(94,130,62,.18);
  border-radius:34px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.95),rgba(245,250,239,.9)),
    repeating-linear-gradient(0deg,rgba(94,130,62,.05) 0 1px,transparent 1px 30px);
  box-shadow:0 24px 70px rgba(73,99,58,.12);
  transform:translateX(-50%);
}
.bsbdouyin-phone span{
  position:absolute;
  left:50%;
  top:18px;
  width:72px;
  height:8px;
  border-radius:99px;
  background:#d7e5cc;
  transform:translateX(-50%);
}
.bsbdouyin-phone b{
  display:block;
  margin-bottom:34px;
  color:#111;
  font-size:20px;
  line-height:1.35;
}
.bsbdouyin-phone i{
  display:inline-block;
  width:22%;
  height:var(--h);
  min-height:70px;
  margin-right:4%;
  vertical-align:bottom;
  border-radius:16px 16px 6px 6px;
  background:linear-gradient(180deg,#5e823e,#b9d39d);
  transform-origin:bottom;
  animation:bsbdouyinBar 2.8s ease-in-out infinite alternate;
}
.bsbdouyin-phone i:nth-of-type(2){animation-delay:.15s}
.bsbdouyin-phone i:nth-of-type(3){animation-delay:.3s}
.bsbdouyin-phone i:nth-of-type(4){margin-right:0;animation-delay:.45s}
@keyframes bsbdouyinBar{
  from{transform:scaleY(.88)}
  to{transform:scaleY(1)}
}
.bsbdouyin-rings{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.bsbdouyin-rings em{
  position:absolute;
  display:grid;
  place-items:center;
  width:74px;
  height:74px;
  border-radius:50%;
  background:rgba(255,255,255,.82);
  color:#35542f;
  font-size:15px;
  font-style:normal;
  box-shadow:0 16px 44px rgba(73,99,58,.1);
  animation:bsbdouyinFloat 4s ease-in-out infinite alternate;
}
.bsbdouyin-rings em:nth-child(1){left:8%;top:22%}
.bsbdouyin-rings em:nth-child(2){right:8%;top:16%;animation-delay:.2s}
.bsbdouyin-rings em:nth-child(3){left:12%;bottom:6%;animation-delay:.4s}
.bsbdouyin-rings em:nth-child(4){right:12%;bottom:14%;animation-delay:.6s}
@keyframes bsbdouyinFloat{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(0,-12px,0)}
}
.bsbdouyin-calendar .bsbgeo-ring{
  left:-38px;
}
.bsbdouyin-geo .bsbgeo-benefits i{
  color:#fff;
  background:linear-gradient(135deg,#5e823e,#a7c883);
  font-size:22px;
}
.bsbdouyin-geo .bsbgeo-monitor-card{
  background:
    radial-gradient(circle at 85% 14%,rgba(170,212,231,.12),transparent 28%),
    linear-gradient(135deg,#fff,#fbfdf8);
}
.bsbdouyin-geo .bsbgeo-monitor-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.bsbdouyin-geo .bsbgeo-monitor-copy p{
  display:flex;
  margin:0 0 18px;
}
.bsbdouyin-geo .bsbgeo-monitor-copy a{
  margin-top:20px;
}
.bsbdouyin-phone-card{
  padding:34px;
}
.bsbdouyin-phone-card h4{
  color:#111;
}
.bsbdouyin-phone-card>div{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:28px;
}
.bsbdouyin-phone-card span{
  min-height:76px;
  display:grid;
  place-items:center;
  border:1px solid rgba(94,130,62,.12);
  border-radius:18px;
  background:linear-gradient(135deg,#fff,#edf5e6);
  color:#23351e;
  font-size:18px;
}
.bsbdouyin-shoot-card,
.bsbdouyin-lead-card{
  background:
    radial-gradient(circle at 74% 18%,rgba(170,212,231,.18),transparent 32%),
    linear-gradient(135deg,#f7fbf3,#fff);
}
.bsbdouyin-lens{
  position:absolute;
  right:10%;
  bottom:34px;
  width:184px;
  height:184px;
  border-radius:50%;
  background:
    radial-gradient(circle,#fff 0 24%,#5e823e 25% 31%,#dfead3 32% 48%,#fff 49% 62%,rgba(94,130,62,.16) 63%),
    conic-gradient(from 20deg,rgba(94,130,62,.28),rgba(170,212,231,.2),rgba(94,130,62,.28));
  box-shadow:0 20px 58px rgba(73,99,58,.16);
  animation:bsbdouyinLens 8s linear infinite;
}
@keyframes bsbdouyinLens{
  to{transform:rotate(360deg)}
}
.bsbdouyin-lead-flow{
  position:absolute;
  inset:42px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.bsbdouyin-lead-flow span{
  position:relative;
  display:grid;
  place-items:center;
  min-height:82px;
  border-radius:20px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(94,130,62,.12);
  color:#23351e;
  font-size:18px;
  box-shadow:0 14px 38px rgba(73,99,58,.08);
}
.bsbdouyin-lead-flow span::after{
  content:"";
  position:absolute;
  right:-18px;
  top:50%;
  width:18px;
  height:1px;
  background:#5e823e;
}
.bsbdouyin-lead-flow span:nth-child(2)::after,
.bsbdouyin-lead-flow span:nth-child(4)::after{
  content:none;
}
.bsbdouyin-geo .bsbgeo-capability-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.bsbdouyin-geo .bsbgeo-capability-grid article,
.bsbdouyin-geo .bsbgeo-capability-grid article:nth-child(4),
.bsbdouyin-geo .bsbgeo-capability-grid article:nth-child(5){
  grid-column:auto;
}
.bsbdouyin-geo .bsbgeo-capability-grid i{
  border-radius:16px;
  background:linear-gradient(135deg,#edf5e6,#dfead3);
}
.bsbdouyin-geo .bsbgeo-capability-grid i::before{
  content:"";
  inset:18px 15px;
  border:2px solid #111;
  border-top:0;
  border-right:0;
  border-radius:0 0 0 8px;
}
.bsbdouyin-geo .bsbgeo-capability-grid i::after{
  content:"";
  position:absolute;
  right:14px;
  top:14px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#5e823e;
}
.bsbdouyin-geo .bsbgeo-industry-strip article::after{
  background:linear-gradient(180deg,rgba(33,46,28,.34),rgba(94,130,62,.1) 42%,rgba(24,36,20,.62));
}
.bsbdouyin-geo .bsbgeo-package-soft-grid article{
  min-height:340px;
  padding-top:50px;
  padding-bottom:65px;
}
.bsbdouyin-geo .bsbgeo-package-soft-grid p span{
  display:block;
  margin-bottom:8px;
}
.bsbdouyin-geo .bsbgeo-report-cta .container{
  background:
    radial-gradient(circle at 16% 22%,rgba(196,222,170,.24),transparent 30%),
    linear-gradient(135deg,#fff,#f1f7eb);
  border:1px solid rgba(94,130,62,.12);
  border-radius:34px;
  padding:clamp(42px,5vw,72px);
  box-shadow:0 22px 64px rgba(73,99,58,.08);
}
/* 20260703brand46: enlarge report ring metric block */
.bsbgeo-special .bsbgeo-report-visual .bsbgeo-ring{
  width:132px;
  height:132px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  border-radius:28px;
  font-size:26px;
  line-height:1.05;
  text-align:center;
}
.bsbgeo-special .bsbgeo-report-visual .bsbgeo-ring::before{
  inset:18px;
  border-width:10px;
}
.bsbgeo-special .bsbgeo-report-visual .bsbgeo-ring small{
  margin-top:6px;
  font-size:14px;
  line-height:1.1;
  text-align:center;
}
@media(max-width:1180px){
  .bsbdouyin-geo .bsbgeo-capability-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .bsbdouyin-phone-card>div,
  .bsbdouyin-lead-flow{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:760px){
  .bsbdouyin-geo .bsbgeo-soft-hero-top::after{
    opacity:.35;
  }
  .bsbdouyin-geo .bsbgeo-capability-grid{
    grid-template-columns:1fr;
  }
  .bsbdouyin-account-visual{
    min-height:270px;
  }
  .bsbdouyin-rings em{
    width:62px;
    height:62px;
    font-size:13px;
  }
  .bsbdouyin-phone{
    width:min(250px,78%);
    min-height:260px;
  }
  .bsbdouyin-calendar .bsbgeo-ring{
    left:12px;
  }
  .bsbdouyin-phone-card>div,
  .bsbdouyin-lead-flow{
    grid-template-columns:1fr;
  }
  .bsbdouyin-lead-flow{
    position:relative;
    inset:auto;
    padding:26px;
  }
  .bsbdouyin-lead-flow span::after{
    content:none;
  }
  .bsbdouyin-lens{
    right:18px;
    bottom:22px;
    width:132px;
    height:132px;
    opacity:.72;
  }
}

/* 20260703brand48: adjust GEO radar r4 label position */
.bsbgeo-radar .r4{
  bottom:-2%!important;
}

/* 20260703brand49: adjust GEO radar r3 label position */
.bsbgeo-radar .r3{
  right:-4%!important;
}

/* 20260703brand50: place GEO monitor CTA below checklist on visual-left cards */
.bsbgeo-special:not(.bsbdouyin-geo) .bsbgeo-monitor-card:not(.alt) .bsbgeo-monitor-copy a{
  display:flex;
  width:max-content;
  margin-top:22px;
}

/* 20260703brand51: align capability titles beside iconfont-style icons */
.bsbgeo-special .bsbgeo-capability-grid article{
  display:grid;
  grid-template-columns:66px minmax(0,1fr);
  column-gap:18px;
  row-gap:22px;
  align-content:start;
}
.bsbgeo-special .bsbgeo-capability-grid i{
  grid-column:1;
  grid-row:1;
  margin:0!important;
}
.bsbgeo-special .bsbgeo-capability-grid h3{
  grid-column:2;
  grid-row:1;
  align-self:center;
  margin:0!important;
}
.bsbgeo-special .bsbgeo-capability-grid ul{
  grid-column:1 / -1;
  grid-row:2;
}

/* 20260703brand52: center website flow card text */
.bsbweb-flow-grid article{
  text-align:center;
}
.bsbweb-flow-grid span{
  margin-left:auto;
  margin-right:auto;
}
.bsbweb-flow-grid p{
  max-width:100%;
}

/* 20260703brand53: remove website capability top padding */
.bsbweb-capability{
  padding-top:0!important;
}

/* 20260703brand54: align website capability titles with distinct iconfont-style icons */
.bsbweb-capability-grid article{
  display:grid;
  grid-template-columns:68px minmax(0,1fr);
  column-gap:20px;
  row-gap:22px;
  align-content:start;
}
.bsbweb-capability-grid i{
  grid-column:1;
  grid-row:1;
  margin:0!important;
}
.bsbweb-capability-grid i::before{
  content:"";
  position:absolute;
  inset:15px;
  z-index:1;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 11.5H31.5V28.5H6.5V11.5Z' stroke='%23070707' stroke-width='2.2' stroke-linejoin='round'/%3E%3Cpath d='M12 17H26M12 22H21M15 31H23' stroke='%23070707' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='28' cy='10' r='2.6' fill='%235e823e'/%3E%3C/svg%3E");
}
.bsbweb-capability-grid article:nth-child(2) i::before{
  background-image:url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='9' y='6.5' width='20' height='25' rx='3' stroke='%23070707' stroke-width='2.2'/%3E%3Cpath d='M13.5 12H24.5M13.5 17H24.5M13.5 22H20.5' stroke='%23070707' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M15 31.5H23' stroke='%23070707' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='28' cy='11' r='2.6' fill='%235e823e'/%3E%3C/svg%3E");
}
.bsbweb-capability-grid article:nth-child(3) i::before{
  background-image:url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='19' cy='19' r='12.5' stroke='%23070707' stroke-width='2.2'/%3E%3Cpath d='M6.8 19H31.2M19 6.5C22.5 10.4 24.2 14.6 24.2 19C24.2 23.4 22.5 27.6 19 31.5M19 6.5C15.5 10.4 13.8 14.6 13.8 19C13.8 23.4 15.5 27.6 19 31.5' stroke='%23070707' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='27.5' cy='10.5' r='2.6' fill='%235e823e'/%3E%3C/svg%3E");
}
.bsbweb-capability-grid article:nth-child(4) i::before{
  background-image:url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 28V10H28V28H10Z' stroke='%23070707' stroke-width='2.2' stroke-linejoin='round'/%3E%3Cpath d='M14.5 15.5H23.5M14.5 20H23.5M14.5 24.5H20' stroke='%23070707' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M7 15H10M7 23H10M28 15H31M28 23H31' stroke='%23070707' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='27.5' cy='10.5' r='2.6' fill='%235e823e'/%3E%3C/svg%3E");
}
.bsbweb-capability-grid article:nth-child(5) i::before{
  background-image:url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 29.5H31' stroke='%23070707' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M10 25L15.5 18.5L21 22L29 10.5' stroke='%23070707' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25 10.5H29V14.5' stroke='%23070707' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='16' cy='18.5' r='2.6' fill='%235e823e'/%3E%3C/svg%3E");
}
.bsbweb-capability-grid article:nth-child(6) i::before{
  background-image:url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 5.5L30 10V18.5C30 25 25.6 30 19 32.5C12.4 30 8 25 8 18.5V10L19 5.5Z' stroke='%23070707' stroke-width='2.2' stroke-linejoin='round'/%3E%3Cpath d='M14.5 19L17.5 22L24 15.5' stroke='%23070707' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='27.5' cy='11' r='2.6' fill='%235e823e'/%3E%3C/svg%3E");
}
.bsbweb-capability-grid h3{
  grid-column:2;
  grid-row:1;
  align-self:center;
  margin:0!important;
}
.bsbweb-capability-grid p{
  grid-column:1 / -1;
  grid-row:2;
}

/* 20260703brand55: remove website solution top padding */
.bsbweb-solution{
  padding-top:0!important;
}

/* 20260703brand56: remove website cases top padding */
.bsbweb-cases{
  padding-top:0!important;
}

/* 20260703brand57: remove website guarantee top padding */
.bsbweb-guarantee{
  padding-top:0!important;
}

/* 20260703brand58: remove website CTA top padding */
.bsbweb-cta{
  padding-top:0!important;
}

/* 20260703brand59: set website package top padding */
.bsbweb-package{
  padding-top:75px!important;
}

/* 20260703brand60: hide top utility navigation while keeping markup */
.top-widebar{
  display:none!important;
}
.bomin-header{
  top:0!important;
}

/* 20260703brand61: remove remaining topbar offsets after hiding utility navigation */
.top-widebar,
.contact-page .top-widebar{
  display:none!important;
  height:0!important;
  min-height:0!important;
  overflow:hidden!important;
}
.bomin-header,
.bomin-header.scrolled,
.bomin-header.open{
  top:0!important;
}
@media(min-width:981px){
  .bomin-header .mega-panel,
  .mega-panel{
    top:118px!important;
  }
}
@media(max-width:1320px){
  .bomin-header nav,
  .bomin-header.open nav{
    inset:76px 0 0 0!important;
    top:auto!important;
  }
}

/* 20260703brand63: optimize service dropdown data layout */
@media(min-width:1321px){
  .bomin-header .service-mega-panel{
    width:min(1180px,calc(100vw - 96px))!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
    padding:24px!important;
  }
  .bomin-header .service-mega-panel .mega-card{
    min-height:174px!important;
    padding:22px 24px!important;
    border:1px solid rgba(94,130,62,.12)!important;
    background:rgba(255,255,255,.72)!important;
    transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease!important;
  }
  .bomin-header .service-mega-panel .mega-card:hover{
    transform:translateY(-3px)!important;
    border-color:rgba(94,130,62,.28)!important;
    background:linear-gradient(135deg,rgba(247,251,244,.96),rgba(255,255,255,.9))!important;
    box-shadow:0 18px 42px rgba(20,35,16,.08)!important;
  }
  .bomin-header .service-mega-panel .mega-card b{
    margin-bottom:8px!important;
    font-size:17px!important;
    color:#101510!important;
  }
  .bomin-header .service-mega-panel .mega-card small{
    min-height:38px!important;
    margin-bottom:10px!important;
    color:#66705f!important;
    font-size:12px!important;
    line-height:1.55!important;
  }
  .bomin-header .service-mega-panel .mega-card a{
    padding:8px 0!important;
    font-size:14px!important;
    line-height:1.35!important;
  }
}
@media(max-width:1320px){
  .bomin-header .service-mega-panel{
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  .bomin-header .service-mega-panel .mega-card{
    min-height:0!important;
  }
}
@media(min-width:981px) and (max-width:1320px){
  .bomin-header .service-nav-item.sub-open .service-mega-panel{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:118px!important;
    width:min(980px,calc(100vw - 48px))!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px 14px!important;
    margin:0!important;
    padding:20px!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 24px 70px rgba(20,35,16,.12)!important;
    transform:translateX(-50%)!important;
    z-index:1300!important;
  }
  .bomin-header .service-nav-item.sub-open .service-mega-panel .mega-card{
    width:auto!important;
    min-height:138px!important;
    margin:0!important;
    padding:16px 18px!important;
  }
}

/* 20260703brand67: footer ICP filing link */
.footer-bottom a{
  color:inherit!important;
  text-decoration:none!important;
}
.footer-bottom a:hover{
  color:#5e823e!important;
}

/* 20260703brand68: keep company name and ICP label together */
.footer-bottom .footer-copyright{
  display:inline-block!important;
  white-space:nowrap!important;
}
.footer-bottom .footer-copyright a{
  display:inline!important;
}
@media(max-width:640px){
  .footer-bottom .footer-copyright{
    white-space:normal!important;
  }
}

/* 20260703brand71: make homepage hero fill the first viewport after topbar removal */
body.home-redesign:not(.inner-page) .hero-cinematic{
  height:calc(100vh - 118px)!important;
  min-height:760px!important;
}
@supports(height:100svh){
  body.home-redesign:not(.inner-page) .hero-cinematic{
    height:calc(100svh - 118px)!important;
  }
}
@media(max-width:1180px){
  body.home-redesign:not(.inner-page) .hero-cinematic{
    height:calc(100vh - 76px)!important;
    min-height:760px!important;
  }
  @supports(height:100svh){
    body.home-redesign:not(.inner-page) .hero-cinematic{
      height:calc(100svh - 76px)!important;
    }
  }
}
@media(max-width:980px){
  body.home-redesign:not(.inner-page) .hero-cinematic{
    min-height:720px!important;
  }
}
@media(max-width:640px){
  body.home-redesign:not(.inner-page) .hero-cinematic{
    min-height:690px!important;
  }
}

/* 20260703brand73: shrink footer column group width */
@media(min-width:1321px){
  .ref-footer .footer-top{
    grid-template-columns:minmax(260px,1fr) 142px 142px 142px 170px 290px!important;
    column-gap:20px!important;
  }
  .ref-footer .footer-top>div:not(.footer-logo-block){
    transform:translateX(28px);
  }
}
@media(min-width:981px) and (max-width:1320px){
  .ref-footer .footer-top{
    column-gap:20px!important;
  }
}

/* Accessibility and crawler-only headings */
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* 20260703brand74: remove duplicated markers in service dropdown */
.bomin-header .service-mega-panel .mega-card a{
  position:relative;
  padding-left:0!important;
  text-indent:0!important;
}
.bomin-header .service-mega-panel .mega-card a::before,
.bomin-header .service-mega-panel .mega-card a::after{
  display:none!important;
  content:none!important;
}

/* 20260703brand75: reduce service dropdown intro-to-link height */
@media(min-width:1321px){
  .bomin-header .service-mega-panel .mega-card{
    min-height:160px!important;
  }
  .bomin-header .service-mega-panel .mega-card small{
    min-height:24px!important;
    margin-bottom:4px!important;
  }
}
@media(min-width:981px) and (max-width:1320px){
  .bomin-header .service-nav-item.sub-open .service-mega-panel .mega-card small{
    min-height:20px!important;
    margin-bottom:4px!important;
  }
}

/* 20260703brand77: align service dropdown with main content width and normal text rhythm */
@media(min-width:1321px){
  .bomin-header .service-mega-panel{
    width:min(calc(100vw - var(--pad) * 2),1600px)!important;
    max-width:1600px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    padding:28px!important;
  }
  .bomin-header .service-mega-panel .mega-card{
    min-height:176px!important;
    padding:24px 28px!important;
  }
  .bomin-header .service-mega-panel .mega-card b{
    margin-bottom:9px!important;
    font-size:20px!important;
    line-height:1.35!important;
    font-weight:700!important;
  }
  .bomin-header .service-mega-panel .mega-card small{
    min-height:28px!important;
    margin-bottom:8px!important;
    font-size:14px!important;
    line-height:1.65!important;
  }
  .bomin-header .service-mega-panel .mega-card a{
    padding:7px 0!important;
    font-size:16px!important;
    line-height:1.65!important;
    font-weight:700!important;
  }
}
@media(min-width:981px) and (max-width:1320px){
  .bomin-header .service-nav-item.sub-open .service-mega-panel{
    width:min(calc(100vw - var(--pad) * 2),1040px)!important;
  }
  .bomin-header .service-nav-item.sub-open .service-mega-panel .mega-card b{
    font-size:18px!important;
    line-height:1.35!important;
  }
  .bomin-header .service-nav-item.sub-open .service-mega-panel .mega-card small{
    font-size:13px!important;
    line-height:1.6!important;
  }
  .bomin-header .service-nav-item.sub-open .service-mega-panel .mega-card a{
    font-size:15px!important;
    line-height:1.6!important;
  }
}

/* 20260704nav01: keep current navigation highlight in site green */
.bomin-header nav>a.active,
.bomin-header nav>a[aria-current="page"],
.bomin-header .nav-item>a.active,
.bomin-header .nav-item>a[aria-current="page"],
.bomin-header .nav-item.is-active>a,
.bomin-header nav>a:hover,
.bomin-header .nav-item:hover>a{
  color:#5e823e!important;
}
.bomin-header nav>a.active::after,
.bomin-header nav>a[aria-current="page"]::after,
.bomin-header .nav-item>a.active::after,
.bomin-header .nav-item>a[aria-current="page"]::after,
.bomin-header .nav-item.is-active>a::after{
  background:#5e823e!important;
}

/* 20260704fz01: footer city station links */
.ref-footer .footer-service-links{
  display:block;
}
.ref-footer .footer-service-links a{
  display:inline-block!important;
  margin:0 10px 0 0!important;
  color:#5e823e!important;
  font-weight:800;
}
.ref-footer .footer-service-links a:hover{
  color:#26331f!important;
}

/* 20260705fz-search: keep station-page search visible in responsive nav */
@media(max-width:1320px){
  .fz-page .bomin-header .nav-side{
    display:flex!important;
    flex:0 0 auto!important;
    gap:12px!important;
    position:relative!important;
    z-index:1006!important;
  }
}
@media(max-width:980px){
  .fz-page .bomin-header .nav-phone{
    display:none!important;
  }
}

/* 20260705fz-search-v2: force station nav search on cached responsive stacks */
@media(max-width:1320px){
  body.fz-page.home-redesign .bomin-header .bomin-nav-inner > .nav-side{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
  }
  body.fz-page.home-redesign .search-overlay.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  body.fz-page.home-redesign .search-overlay.open #site-search{
    visibility:visible!important;
  }
}

/* 20260706fz-card: center station card text block */
body.fz-page .fz-station-card{
  display:grid!important;
  grid-template-columns:repeat(4,max-content)!important;
  align-content:center!important;
  justify-content:start!important;
  gap:16px 12px!important;
  padding:46px 54px!important;
}
body.fz-page .fz-station-card::before{
  z-index:0!important;
  pointer-events:none!important;
}
body.fz-page .fz-station-card b,
body.fz-page .fz-station-card strong,
body.fz-page .fz-station-card span{
  position:relative!important;
  z-index:2!important;
}
body.fz-page .fz-station-card b,
body.fz-page .fz-station-card strong{
  grid-column:1 / -1!important;
}
body.fz-page .fz-station-card b{
  margin:0!important;
}
body.fz-page .fz-station-card strong{
  margin:12px 0 14px!important;
}
body.fz-page .fz-station-card span{
  margin:0!important;
  background:rgba(255,255,255,.92)!important;
}
@media(max-width:980px){
  body.fz-page .fz-station-card{
    grid-template-columns:repeat(2,max-content)!important;
    padding:34px 28px!important;
  }
}

/* 20260709 online detail hotfix: show news detail content and fix prev/next labels */
body.newshow-page .news-detail-main .text-reveal,
body.newshow-page .news-detail-main .text-reveal.show,
body.newshow-page .news-detail-main .news-detail-breadcrumb,
body.newshow-page .news-detail-main .news-detail-head,
body.newshow-page .news-detail-main .news-article-body,
body.newshow-page .news-detail-main .news-detail-pager{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
body.newshow-page .news-detail-main .news-detail-breadcrumb{display:flex!important;}
body.newshow-page .news-detail-main .news-detail-head{display:grid!important;}
body.newshow-page .news-detail-main .news-article-body{display:block!important;color:#5f6670!important;}
body.newshow-page .news-detail-main .news-article-body p,
body.newshow-page .news-detail-main .news-article-body li{color:#5f6670!important;}
body.newshow-page .news-detail-main .news-article-body h2{color:#5e823e!important;}
body.newshow-page .news-detail-main .news-detail-head h1{color:#20242a!important;}
body.newshow-page .news-detail-main .news-detail-pager{display:flex!important;}
body.newshow-page .news-detail-main .news-detail-pager .pager-prev a::before{content:"\4e0a\4e00\7bc7\ff1a"!important;font-weight:700!important;color:#5e823e!important;}
body.newshow-page .news-detail-main .news-detail-pager .pager-next a::before{content:"\4e0b\4e00\7bc7\ff1a"!important;font-weight:700!important;color:#5e823e!important;}
body.newshow-page .news-detail-main .news-detail-pager .pager-prev a::after,
body.newshow-page .news-detail-main .news-detail-pager .pager-next a::after{content:none!important;display:none!important;}

/* 20260709 online detail pager label dedupe */
body.newshow-page .news-detail-main .news-detail-pager .pager-label{display:none!important;}

/* 20260709 online news list typography */
body.news-page:not(.newshow-page) .news-clean-item{grid-template-columns:220px minmax(0,1fr)!important;gap:clamp(28px,4vw,58px)!important;padding-right:0!important;}
body.news-page:not(.newshow-page) .news-clean-item>div{width:100%!important;max-width:none!important;}
body.news-page:not(.newshow-page) .news-clean-item h3{max-width:1120px!important;font-size:clamp(26px,2.25vw,38px)!important;line-height:1.25!important;font-weight:850!important;}
body.news-page:not(.newshow-page) .news-clean-item p{max-width:none!important;width:100%!important;font-weight:400!important;font-size:clamp(17px,1.18vw,19px)!important;line-height:1.85!important;}
@media(max-width:980px){body.news-page:not(.newshow-page) .news-clean-item{grid-template-columns:140px minmax(0,1fr)!important;gap:22px!important;padding-right:20px!important;}body.news-page:not(.newshow-page) .news-clean-item h3{font-size:clamp(22px,4vw,30px)!important;}}
@media(max-width:640px){body.news-page:not(.newshow-page) .news-clean-item{grid-template-columns:1fr!important;padding-right:16px!important;}body.news-page:not(.newshow-page) .news-clean-item h3{font-size:22px!important;}}

/* 20260709 online news list right gap */
@media(min-width:981px){
  body.news-page:not(.newshow-page) .news-clean-item{
    padding-right:clamp(48px,5vw,96px)!important;
  }
  body.news-page:not(.newshow-page) .news-clean-item>div{
    box-sizing:border-box!important;
    min-width:0!important;
  }
  body.news-page:not(.newshow-page) .news-clean-item h3,
  body.news-page:not(.newshow-page) .news-clean-item p{
    max-width:calc(100% - 12px)!important;
  }
}

/* 20260709 online news detail content font smaller */
body.newshow-page .news-detail-main .news-article-body{
  font-size:16px!important;
  line-height:1.9!important;
}
body.newshow-page .news-detail-main .news-article-body p,
body.newshow-page .news-detail-main .news-article-body li,
body.newshow-page .news-detail-main .news-article-body span{
  font-size:16px!important;
  line-height:1.9!important;
  font-weight:400!important;
}
body.newshow-page .news-detail-main .news-article-body h2{
  font-size:22px!important;
  line-height:1.5!important;
}
body.newshow-page .news-detail-main .news-article-body h3{
  font-size:20px!important;
  line-height:1.5!important;
}
@media(max-width:640px){
  body.newshow-page .news-detail-main .news-article-body,
  body.newshow-page .news-detail-main .news-article-body p,
  body.newshow-page .news-detail-main .news-article-body li,
  body.newshow-page .news-detail-main .news-article-body span{
    font-size:15px!important;
    line-height:1.85!important;
  }
  body.newshow-page .news-detail-main .news-article-body h2{font-size:20px!important;}
  body.newshow-page .news-detail-main .news-article-body h3{font-size:18px!important;}
}

/* 20260709 online news detail paragraph margin reset */
body.newshow-page .news-detail-main .news-article-body p{
  margin:0!important;
}

/* 20260709 online news detail paragraph spacing and font refine */
body.newshow-page .news-detail-main .news-article-body{
  font-size:17px!important;
  line-height:1.9!important;
}
body.newshow-page .news-detail-main .news-article-body p,
body.newshow-page .news-detail-main .news-article-body li,
body.newshow-page .news-detail-main .news-article-body span{
  font-size:17px!important;
  line-height:1.9!important;
  font-weight:400!important;
}
body.newshow-page .news-detail-main .news-article-body p{
  margin:0 0 15px!important;
}
body.newshow-page .news-detail-main .news-article-body h2{font-size:23px!important;}
body.newshow-page .news-detail-main .news-article-body h3{font-size:21px!important;}
@media(max-width:640px){
  body.newshow-page .news-detail-main .news-article-body,
  body.newshow-page .news-detail-main .news-article-body p,
  body.newshow-page .news-detail-main .news-article-body li,
  body.newshow-page .news-detail-main .news-article-body span{
    font-size:16px!important;
    line-height:1.85!important;
  }
  body.newshow-page .news-detail-main .news-article-body p{margin:0 0 15px!important;}
}

/* 20260709 online news list right gap half */
@media(min-width:981px){
  body.news-page:not(.newshow-page) .news-clean-item{
    padding-right:clamp(24px,2.5vw,48px)!important;
  }
  body.news-page:not(.newshow-page) .news-clean-item h3,
  body.news-page:not(.newshow-page) .news-clean-item p{
    max-width:calc(100% - 6px)!important;
  }
}

/* nav dropdown vertical: news and cases */
.bomin-header .nav-single-panel{
  grid-template-columns:1fr;
  gap:0;
  border-radius:0 0 12px 12px;
}
.bomin-header .nav-single-panel::before{
  display:none;
}
.bomin-header .nav-single-panel .mega-card{
  display:none;
}
.bomin-header .nav-single-panel a{
  min-height:42px;
  display:flex;
  align-items:center;
  padding:0 16px;
  border-bottom:1px solid #edf1f4;
  color:#334155;
  font-size:15px;
  font-weight:700;
  line-height:1.25;
  white-space:nowrap;
}
.bomin-header .nav-single-panel a:last-child{
  border-bottom:0;
}
.bomin-header .nav-single-panel a:hover,
.bomin-header .nav-single-panel a:focus{
  color:#5e823e;
  background:#f4f8f0;
}
@media (min-width:1025px){
  .bomin-header .nav-item.has-mega .nav-single-panel{
    position:absolute!important;
    top:100%!important;
    left:50%!important;
    right:auto!important;
    width:168px!important;
    min-width:168px!important;
    max-width:180px!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-auto-rows:auto!important;
    padding:10px 0!important;
    border:1px solid rgba(17,24,39,.08)!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 20px 48px rgba(4,10,18,.12)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate(-50%,-8px)!important;
    transition:opacity .22s ease,visibility .22s ease,transform .22s ease!important;
  }
  .bomin-header .nav-item.has-mega:hover .nav-single-panel,
  .bomin-header .nav-item.has-mega:focus-within .nav-single-panel{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate(-50%,0)!important;
  }
  .bomin-header .nav-single-panel::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-12px;
    height:12px;
    display:block!important;
  }
}
@media (max-width:1024px){
  .bomin-header .nav-single-panel{
    position:static!important;
    width:100%!important;
    max-width:none!important;
    max-height:0!important;
    overflow:hidden!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:none!important;
    transition:max-height .42s cubic-bezier(.16,1,.3,1),opacity .24s ease,padding .24s ease!important;
  }
  .nav-item.sub-open .nav-single-panel{
    max-height:78dvh!important;
    padding:8px 0 0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .bomin-header .nav-single-panel a{
    min-height:38px;
    padding:8px 12px!important;
    border:1px solid #e7ebef!important;
    border-bottom:0!important;
    background:#fff!important;
    font-size:14px!important;
    line-height:1.25!important;
  }
  .bomin-header .nav-single-panel a:last-child{
    border-bottom:1px solid #e7ebef!important;
  }
}
