/* BOLIX Statybos imonems — compact clean layer v1.4
 * Dense, clean post-hero layout + mobile hero background treatment.
 */
.bolix-build{
  --bsc-paper:#fff;--bsc-soft:#eef2f4;--bsc-ink:#24272b;--bsc-muted:#68717c;
  --bsc-red:#e30613;--bsc-line:rgba(36,39,43,.07);--bsc-shadow:0 8px 22px rgba(28,36,45,.05)
}

/* Global density */
.bolix-build__section{padding:28px 0!important}
.bolix-build__head{gap:26px!important;margin-bottom:16px!important;align-items:end!important}
.bolix-build__head h2{margin-bottom:0!important}
.bolix-build__head>p{margin:0!important;max-width:600px!important}
.bolix-build__trust-grid{gap:16px!important;padding:14px 0 16px!important}

/* Fallback for legacy markup. */
.bolix-build__type small,
.bolix-build__step-no,
.bolix-build__system>span,
.bolix-build__request-no{display:none!important}

/* Project types */
.bolix-build__types{gap:10px!important}
.bolix-build__type{
  min-height:0!important;
  padding:18px 20px 20px!important;
  border:1px solid var(--bsc-line)!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:var(--bsc-shadow)!important;
}
.bolix-build__type::before{left:20px!important;top:0!important;width:32px!important;height:3px!important}
.bolix-build__type::after{content:none!important;display:none!important}
.bolix-build__type h3{margin:4px 0 7px!important;font-size:18px!important;transform:none!important}
.bolix-build__type p{margin:0!important;max-width:none!important;font-size:13px!important;line-height:1.45!important}

/* Useful 1–5 rail */
.bolix-build__section--white:has(.bolix-build__split){padding:18px 0!important;background:linear-gradient(180deg,#eef2f4 0%,#e9eef1 100%)!important}
.bolix-build__split{grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr)!important;gap:20px!important;align-items:start!important}
.bolix-build__split>div:first-child{
  padding:28px 30px 26px!important;
  border:1px solid var(--bsc-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:var(--bsc-shadow)!important;
}
.bolix-build__split>div:first-child h2{font-size:clamp(30px,2.9vw,42px)!important;margin-bottom:11px!important}
.bolix-build__split>div:first-child p{font-size:14px!important;line-height:1.5!important}
.bolix-build__split>div:first-child .bolix-build__btns{margin-top:16px!important}
.bolix-build__rail{position:relative!important;isolation:isolate!important;display:grid!important;gap:9px!important}
.bolix-build__rail::before{content:""!important;position:absolute!important;z-index:0!important;left:43px!important;top:42px!important;bottom:42px!important;width:2px!important;border-radius:999px!important;background:rgba(227,6,19,.22)!important}
.bolix-build__rail-item{
  position:relative!important;z-index:1!important;
  display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;gap:15px!important;align-items:center!important;
  min-height:86px!important;padding:14px 18px 14px 14px!important;
  border:1px solid var(--bsc-line)!important;border-radius:17px!important;background:#fff!important;box-shadow:var(--bsc-shadow)!important
}
.bolix-build__rail-item::before,.bolix-build__rail-item::after{content:none!important;display:none!important}
.bolix-build__rail-no{
  position:relative!important;display:block!important;width:54px!important;height:54px!important;padding:0!important;
  border-radius:16px!important;background:var(--bsc-red)!important;color:transparent!important;font-size:0!important;
  line-height:1!important;text-indent:-9999px!important;overflow:hidden!important;box-shadow:0 8px 18px rgba(227,6,19,.13)!important
}
.bolix-build__rail-no::before{content:none!important;display:none!important}
.bolix-build__rail-no::after{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;text-indent:0!important;color:#fff!important;font-size:13px!important;font-weight:900!important;line-height:1!important}
.bolix-build__rail-item:nth-child(1) .bolix-build__rail-no::after{content:"1"!important}
.bolix-build__rail-item:nth-child(2) .bolix-build__rail-no::after{content:"2"!important}
.bolix-build__rail-item:nth-child(3) .bolix-build__rail-no::after{content:"3"!important}
.bolix-build__rail-item:nth-child(4) .bolix-build__rail-no::after{content:"4"!important}
.bolix-build__rail-item:nth-child(5) .bolix-build__rail-no::after{content:"5"!important}
.bolix-build__rail-item h3{margin:0 0 4px!important;font-size:17px!important}
.bolix-build__rail-item p{margin:0!important;font-size:13px!important;line-height:1.42!important}

/* Process */
.bolix-build__process{gap:10px!important}
.bolix-build__step{
  min-height:0!important;padding:18px 20px 19px!important;
  border:1px solid var(--bsc-line)!important;border-radius:17px!important;background:#fff!important;box-shadow:var(--bsc-shadow)!important
}
.bolix-build__step::before,.bolix-build__step::after{content:none!important;display:none!important}
.bolix-build__step h3{margin:0 0 6px!important;font-size:17px!important}
.bolix-build__step p{margin:0!important;font-size:13px!important;line-height:1.42!important}

/* System directions */
.bolix-build__systems{gap:10px!important}
.bolix-build__system{
  position:relative!important;min-height:112px!important;padding:18px!important;display:flex!important;align-items:flex-end!important;
  border:1px solid var(--bsc-line)!important;border-radius:17px!important;
  background:linear-gradient(135deg,#fff 0%,#f5f7f8 100%)!important;background-image:none!important;
  box-shadow:var(--bsc-shadow)!important;overflow:hidden!important;transform:none!important;transition:transform .2s ease,box-shadow .2s ease!important
}
.bolix-build__system::before{content:""!important;display:block!important;position:absolute!important;left:18px!important;top:18px!important;width:32px!important;height:3px!important;border-radius:999px!important;background:var(--bsc-red)!important}
.bolix-build__system::after{content:none!important;display:none!important}
.bolix-build__system:hover{transform:translateY(-2px)!important;box-shadow:0 10px 24px rgba(18,24,29,.07)!important}
.bolix-build__system h3{position:relative!important;z-index:1!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;color:var(--bsc-ink)!important;font-size:17px!important;transform:none!important}
.bolix-build__system h3::after{content:"  →"!important;color:var(--bsc-red)!important;font-weight:800!important}

/* Final request */
.bolix-build__request-grid{gap:28px!important;padding:30px 0!important}
.bolix-build__request-item{display:block!important;padding:8px 0!important}
.bolix-build__request-item>div{display:block!important}
.bolix-build__request-item b{display:block!important;margin-bottom:2px!important}

@media(max-width:1000px){
  .bolix-build__section{padding:24px 0!important}
  .bolix-build__types{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .bolix-build__split{grid-template-columns:1fr!important;gap:14px!important}.bolix-build__split>div:first-child{position:static!important}
  .bolix-build__process{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .bolix-build__systems{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:760px){
  /* Mobile hero: the desktop illustration becomes a subtle background, never a second block below the copy. */
  .bolix-build__hero{overflow:hidden!important;background:linear-gradient(180deg,#f8f8f6 0%,#f2f2ef 100%)!important}
  .bolix-build__hero-grid{
    position:relative!important;isolation:isolate!important;display:block!important;min-height:0!important;
    padding:30px 0 28px!important;overflow:hidden!important
  }
  .bolix-build__hero-grid::before{
    content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;
    background:linear-gradient(180deg,rgba(248,248,246,.94) 0%,rgba(248,248,246,.88) 58%,rgba(248,248,246,.76) 100%)!important
  }
  .bolix-build__hero-grid>div:first-child{position:relative!important;z-index:3!important}
  .bolix-build__official-hero{
    position:absolute!important;inset:0!important;z-index:0!important;width:100%!important;height:100%!important;min-height:0!important;
    margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
    overflow:hidden!important;opacity:.22!important;pointer-events:none!important;aspect-ratio:auto!important
  }
  .bolix-build__official-hero img{
    display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;
    object-fit:contain!important;object-position:center bottom!important;aspect-ratio:auto!important;transform:scale(1.03)!important;
    filter:saturate(.82) contrast(.92)!important
  }
  .bolix-build__hero h1{font-size:36px!important;line-height:1.01!important;letter-spacing:-.042em!important;margin-bottom:16px!important}
  .bolix-build__hero .bolix-build__lead{font-size:15.5px!important;line-height:1.55!important;color:#4f5964!important}
  .bolix-build__hero .bolix-build__btns{margin-top:22px!important;position:relative!important;z-index:4!important}
  .bolix-build__hero .bolix-build__btn{backdrop-filter:blur(5px)}
  .bolix-build__hero .bolix-build__btn:not(.bolix-build__btn--primary){background:rgba(255,255,255,.88)!important}

  .bolix-build__section{padding:22px 0!important}.bolix-build__head{gap:7px!important;margin-bottom:14px!important}
  .bolix-build__types{grid-template-columns:1fr!important;gap:8px!important}.bolix-build__type{padding:16px 17px!important;border-radius:15px!important}
  .bolix-build__section--white:has(.bolix-build__split){padding:12px 0!important}.bolix-build__split>div:first-child{padding:21px 18px!important;border-radius:17px!important}
  .bolix-build__rail{gap:7px!important}.bolix-build__rail::before{left:36px!important;top:35px!important;bottom:35px!important}
  .bolix-build__rail-item{grid-template-columns:44px minmax(0,1fr)!important;gap:12px!important;min-height:74px!important;padding:11px 14px 11px 11px!important;border-radius:15px!important}
  .bolix-build__rail-no{width:44px!important;height:44px!important;border-radius:13px!important}.bolix-build__rail-no::after{font-size:11px!important}
  .bolix-build__process{grid-template-columns:1fr!important;gap:8px!important}.bolix-build__step{padding:15px 16px!important;border-radius:15px!important}
  .bolix-build__systems{grid-template-columns:1fr!important;gap:8px!important}.bolix-build__system{min-height:92px!important;padding:16px!important;border-radius:15px!important}.bolix-build__system::before{left:16px!important;top:16px!important}.bolix-build__system h3{font-size:16px!important}
  .bolix-build__request-grid{gap:18px!important;padding:24px 0!important}
}

@media(max-width:480px){
  .bolix-build__hero h1{font-size:34px!important}
}