/* BOLIX — Statybos įmonėms / system-solution visual language v6
   Brings the B2B landing into the current Sprendimai soft-UI standard. */
.bolix-build{
  --bb-page:#eef0f2;
  --bb-paper:#fff;
  --bb-ink:#17191c;
  --bb-copy:#5f6976;
  --bb-border:#dfe5eb;
  --bb-red:#e30613;
  --bb-red2:#b82422;
  --bb-shadow:0 16px 42px rgba(15,23,42,.085),0 2px 8px rgba(15,23,42,.035);
  --bb-shadow-hover:0 22px 52px rgba(15,23,42,.115),0 3px 10px rgba(15,23,42,.04);
  background:var(--bb-page)!important;
  color:var(--bb-ink)!important;
}

.bolix-build h1,.bolix-build h2,.bolix-build h3{color:var(--bb-ink)!important}
.bolix-build p{color:var(--bb-copy)}
.bolix-build__container{width:min(1240px,calc(100% - 48px))}
.bolix-build__eyebrow{font-size:13px!important;letter-spacing:.08em!important}
.bolix-build__eyebrow::before{width:26px!important;height:2px!important}

/* HERO: keep approved illustration, but use the same soft surface as system pages. */
.bolix-build__hero{
  padding:28px 0 34px!important;
  background:var(--bb-page)!important;
  overflow:visible!important;
}
.bolix-build__hero::after{display:none!important}
.bolix-build__hero-grid{
  min-height:0!important;
  padding:0!important;
  gap:28px!important;
  grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr)!important;
  align-items:stretch!important;
}
.bolix-build__hero-grid>div:first-child,
.bolix-build__map{
  border:1px solid rgba(255,255,255,.96)!important;
  border-radius:30px!important;
  background-color:#fff!important;
  box-shadow:var(--bb-shadow)!important;
}
.bolix-build__hero-grid>div:first-child{
  padding:44px 46px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.bolix-build__map{
  min-height:470px!important;
  background-color:#f7f7f5!important;
  background-size:cover!important;
  background-position:center!important;
}
.bolix-build h1{
  max-width:790px!important;
  margin:12px 0 18px!important;
  font-size:clamp(48px,4.9vw,66px)!important;
  line-height:1.01!important;
  letter-spacing:-.045em!important;
}
.bolix-build__lead{max-width:760px!important;color:#46505c!important;font-size:18px!important;line-height:1.55!important}
.bolix-build__btns{gap:12px!important;margin-top:28px!important}
.bolix-build__btn{
  min-height:50px!important;
  padding:0 20px!important;
  border:1px solid #dfe3e8!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#17191c!important;
  font-weight:900!important;
  box-shadow:none!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease!important;
}
.bolix-build__btn:hover{
  transform:translateY(-1px)!important;
  border-color:var(--bb-red)!important;
  color:var(--bb-red)!important;
  box-shadow:0 10px 24px rgba(15,23,42,.06)!important;
}
.bolix-build__btn--primary{
  border-color:#dc3936!important;
  background:linear-gradient(135deg,#dc3936,#b82422)!important;
  color:#fff!important;
  box-shadow:0 14px 28px rgba(220,57,54,.22)!important;
}
.bolix-build__btn--primary:hover{color:#fff!important;box-shadow:0 17px 32px rgba(220,57,54,.27)!important}
.bolix-build__hero-meta{margin-top:28px!important;gap:10px 20px!important;color:#667085!important;font-size:12px!important}
.bolix-build__hero-meta span::before{width:6px!important;height:6px!important}

/* TRUST: same benefit-card language as system solutions. */
.bolix-build__trust{
  padding:0 0 34px!important;
  background:var(--bb-page)!important;
}
.bolix-build__trust::before{display:none!important}
.bolix-build__trust-grid{
  padding:0!important;
  gap:14px!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.bolix-build__trust-item{
  min-height:126px!important;
  padding:22px!important;
  display:grid!important;
  grid-template-columns:48px 1fr!important;
  gap:14px!important;
  align-items:start!important;
  border:1px solid #e8ebef!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(15,23,42,.06)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.bolix-build__trust-item:hover{transform:translateY(-2px)!important;border-color:rgba(227,6,19,.22)!important;box-shadow:0 16px 34px rgba(15,23,42,.085)!important}
.bolix-build__trust-icon{
  width:48px!important;height:48px!important;
  border:0!important;border-radius:16px!important;
  background:#fff0f0!important;color:var(--bb-red)!important;
  box-shadow:inset 0 0 0 1px rgba(227,6,19,.08)!important;
  font-size:10px!important;font-weight:900!important;
}
.bolix-build__trust-item b{font-size:12px!important;color:#17191c!important}
.bolix-build__trust-item span{font-size:12px!important;color:#667085!important;line-height:1.45!important}

/* SECTIONS: current rhythm from Sprendimai pages. */
.bolix-build__section{
  padding:58px 0!important;
  background:#fff!important;
}
.bolix-build__section--white{
  background:var(--bb-page)!important;
}
.bolix-build__head{margin-bottom:30px!important;gap:48px!important;align-items:end!important}
.bolix-build__head>p{font-size:16px!important;line-height:1.55!important}
.bolix-build h2{font-size:clamp(34px,3.4vw,47px)!important;line-height:1.06!important;letter-spacing:-.038em!important}

/* PROJECT TYPES: 4 benefit-like cards, but still editorial and spacious. */
.bolix-build__types{gap:14px!important}
.bolix-build__type{
  min-height:238px!important;
  padding:26px 24px 24px!important;
  border:1px solid #e3e7eb!important;
  border-radius:28px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(15,23,42,.055)!important;
  overflow:hidden!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.bolix-build__type::before{
  left:24px!important;top:24px!important;
  width:28px!important;height:3px!important;
}
.bolix-build__type::after{
  right:-42px!important;bottom:-46px!important;
  width:142px!important;height:142px!important;
  background:radial-gradient(circle at center,transparent 0 35%,rgba(227,6,19,.12) 36% 49%,transparent 50%)!important;
}
.bolix-build__type:hover{transform:translateY(-3px)!important;border-color:rgba(227,6,19,.23)!important;box-shadow:var(--bb-shadow-hover)!important}
.bolix-build__type small{
  width:42px!important;height:42px!important;margin:23px 0 24px!important;
  display:grid!important;place-items:center!important;
  border-radius:14px!important;background:#fff0f0!important;color:var(--bb-red)!important;
  font-size:11px!important;letter-spacing:0!important;
}
.bolix-build__type h3{font-size:21px!important;line-height:1.18!important}
.bolix-build__type p{font-size:14px!important;line-height:1.55!important}

/* WHAT WE TAKE OVER: turn the right rail into the same sequence grammar as system pages. */
.bolix-build__split{gap:52px!important;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important}
.bolix-build__split>div:first-child{
  top:96px!important;
  padding:34px!important;
  border:1px solid #dfe5eb!important;
  border-radius:30px!important;
  background:#fff!important;
  box-shadow:var(--bb-shadow)!important;
}
.bolix-build__rail{gap:18px!important}
.bolix-build__rail-item{
  position:relative!important;
  min-height:124px!important;
  grid-template-columns:58px 1fr!important;
  gap:18px!important;
  align-items:center!important;
  padding:23px 26px 23px 0!important;
  border:1px solid #dfe5eb!important;
  border-radius:30px!important;
  background:#fff!important;
  box-shadow:var(--bb-shadow)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.bolix-build__rail-item::before{display:none!important}
.bolix-build__rail-item:not(:last-child)::after{
  content:"";position:absolute;z-index:0;
  left:28px;top:100%;width:2px;height:19px;
  background:linear-gradient(180deg,rgba(227,6,19,.5),rgba(214,219,226,.35));
}
.bolix-build__rail-item:hover{transform:translateY(-2px)!important;border-color:rgba(227,6,19,.25)!important;box-shadow:var(--bb-shadow-hover)!important}
.bolix-build__rail-no{
  position:relative!important;z-index:2!important;
  width:58px!important;height:58px!important;margin-left:-1px!important;
  display:grid!important;place-items:center!important;
  border-radius:20px!important;
  background:var(--bb-red)!important;color:#fff!important;
  box-shadow:0 12px 26px rgba(227,6,19,.20)!important;
  font-size:12px!important;font-weight:900!important;
}
.bolix-build__rail-item h3{margin:0 0 6px!important;font-size:19px!important}
.bolix-build__rail-item p{margin:0!important;font-size:14px!important;line-height:1.5!important}

/* WORK MODEL: clean soft cards + connected numbered markers. */
.bolix-build__process{gap:14px!important;position:relative!important}
.bolix-build__step{
  min-height:225px!important;
  padding:24px!important;
  border:1px solid #dfe5eb!important;
  border-radius:28px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(15,23,42,.06)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.bolix-build__step::before{display:none!important}
.bolix-build__step::after{
  content:"→"!important;
  left:auto!important;right:-13px!important;top:37px!important;
  width:26px!important;height:26px!important;
  display:grid!important;place-items:center!important;
  border-radius:50%!important;background:var(--bb-page)!important;color:#9aa2ac!important;
  font-size:14px!important;font-weight:900!important;
  z-index:5!important;opacity:1!important;
}
.bolix-build__step:last-child::after{display:none!important}
.bolix-build__step:hover{transform:translateY(-2px)!important;border-color:rgba(227,6,19,.23)!important;box-shadow:0 17px 38px rgba(15,23,42,.09)!important}
.bolix-build__step-no{
  width:52px!important;height:52px!important;margin:0 0 28px!important;
  display:grid!important;place-items:center!important;
  border-radius:18px!important;background:var(--bb-red)!important;color:#fff!important;
  box-shadow:0 12px 26px rgba(227,6,19,.2)!important;
  font-size:11px!important;font-weight:900!important;
}
.bolix-build__step h3{font-size:20px!important;line-height:1.2!important}
.bolix-build__step p{font-size:14px!important;line-height:1.52!important}

/* SYSTEM DIRECTIONS: same card material as current system index. */
.bolix-build__systems{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.bolix-build__system{
  min-height:196px!important;
  padding:26px!important;
  border:1px solid #dfe5eb!important;
  border-radius:30px!important;
  background:#fff!important;
  box-shadow:var(--bb-shadow)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.bolix-build__system::before{left:26px!important;top:26px!important;width:28px!important}
.bolix-build__system::after{width:150px!important;height:150px!important;right:-44px!important;bottom:-52px!important;background:radial-gradient(circle at center,transparent 0 35%,rgba(227,6,19,.115) 36% 49%,transparent 50%)!important}
.bolix-build__system:hover{transform:translateY(-3px)!important;border-color:rgba(227,6,19,.25)!important;box-shadow:var(--bb-shadow-hover)!important}
.bolix-build__system span{margin-top:32px!important;font-size:12px!important}
.bolix-build__system h3{font-size:21px!important;line-height:1.18!important}

/* FINAL CTA: contained graphite panel, same visual role as system-page CTA. */
.bolix-build__request{
  padding:0 0 60px!important;
  background:var(--bb-page)!important;
  color:#fff!important;
}
.bolix-build__request-grid{
  padding:42px 44px!important;
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr)!important;
  gap:54px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:34px!important;
  background:linear-gradient(145deg,#181a1d,#30343b)!important;
  box-shadow:0 20px 54px rgba(15,23,42,.17)!important;
}
.bolix-build__request .bolix-build__eyebrow{color:#ffb8b8!important}
.bolix-build__request .bolix-build__eyebrow::before{background:#e30613!important}
.bolix-build__request h2{color:#fff!important;font-size:clamp(33px,3vw,44px)!important}
.bolix-build__request p{color:rgba(255,255,255,.72)!important}
.bolix-build__request-item{padding:16px 0!important;border-color:rgba(255,255,255,.12)!important}
.bolix-build__request-item b{color:#fff!important}
.bolix-build__request-item span{color:rgba(255,255,255,.64)!important}
.bolix-build__request-no{
  width:34px!important;height:34px!important;display:grid!important;place-items:center!important;
  border-radius:11px!important;background:rgba(227,6,19,.14)!important;color:#ff8d95!important;
}
.bolix-build__request .bolix-build__btn--light{background:#fff!important;color:#17191c!important;border-color:#fff!important}

@media(max-width:1100px){
  .bolix-build__hero-grid{grid-template-columns:1fr 1fr!important}
  .bolix-build__trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .bolix-build__types{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .bolix-build__systems{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:900px){
  .bolix-build__hero-grid{grid-template-columns:1fr!important}
  .bolix-build__map{min-height:420px!important}
  .bolix-build__split{grid-template-columns:1fr!important}
  .bolix-build__split>div:first-child{position:static!important}
  .bolix-build__process{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .bolix-build__step:nth-child(2)::after{display:none!important}
  .bolix-build__request-grid{grid-template-columns:1fr!important}
}

@media(max-width:760px){
  .bolix-build__container{width:min(100% - 28px,1240px)!important}
  .bolix-build__hero{padding:14px 0 22px!important}
  .bolix-build__hero-grid{gap:12px!important}
  .bolix-build__hero-grid>div:first-child{padding:26px 22px!important;border-radius:24px!important}
  .bolix-build__map{min-height:270px!important;border-radius:24px!important;background-size:108% auto!important}
  .bolix-build h1{font-size:39px!important;line-height:1.02!important}
  .bolix-build h2{font-size:31px!important}
  .bolix-build__lead{font-size:16px!important}
  .bolix-build__btns{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .bolix-build__btn{min-height:46px!important;border-radius:14px!important}
  .bolix-build__btn--primary{grid-column:1/-1!important;min-height:50px!important}
  .bolix-build__hero-meta{gap:9px 14px!important;margin-top:22px!important}

  .bolix-build__trust{padding-bottom:22px!important}
  .bolix-build__trust-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .bolix-build__trust-item{min-height:160px!important;padding:16px!important;display:block!important;border-radius:22px!important}
  .bolix-build__trust-icon{margin-bottom:12px!important}

  .bolix-build__section{padding:40px 0!important}
  .bolix-build__head{grid-template-columns:1fr!important;gap:7px!important;margin-bottom:22px!important}
  .bolix-build__types{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .bolix-build__type{min-height:188px!important;padding:22px 20px!important;border-radius:24px!important}
  .bolix-build__type::before{left:20px!important;top:20px!important}
  .bolix-build__type small{margin-top:22px!important;margin-bottom:18px!important}

  .bolix-build__split>div:first-child{padding:24px 22px!important;border-radius:24px!important}
  .bolix-build__rail{gap:14px!important}
  .bolix-build__rail-item{min-height:0!important;grid-template-columns:48px 1fr!important;padding:18px 18px 18px 0!important;border-radius:24px!important}
  .bolix-build__rail-item:not(:last-child)::after{left:23px;height:15px!important}
  .bolix-build__rail-no{width:48px!important;height:48px!important;border-radius:16px!important}

  .bolix-build__process{grid-template-columns:1fr!important;gap:10px!important}
  .bolix-build__step{min-height:0!important;padding:20px!important;border-radius:24px!important}
  .bolix-build__step::after{content:"↓"!important;right:auto!important;left:50%!important;top:auto!important;bottom:-18px!important;transform:translateX(-50%)!important}
  .bolix-build__step:nth-child(2)::after{display:grid!important}
  .bolix-build__step:last-child::after{display:none!important}
  .bolix-build__step-no{width:46px!important;height:46px!important;margin-bottom:18px!important;border-radius:15px!important}

  .bolix-build__systems{grid-template-columns:1fr!important;gap:10px!important}
  .bolix-build__system{min-height:154px!important;padding:22px!important;border-radius:24px!important}
  .bolix-build__system::before{left:22px!important;top:22px!important}

  .bolix-build__request{padding-bottom:30px!important}
  .bolix-build__request-grid{padding:30px 22px!important;gap:28px!important;border-radius:26px!important}
}