/* BOLIX — Architektams ir dizaineriams SOFT visual layer
 * Live-site safe override. Content/links untouched.
 */
.bolix-arch{
  --bas-bg:#f4f6f7;
  --bas-soft:#f7f8f9;
  --bas-paper:#fff;
  --bas-ink:#24272b;
  --bas-muted:#68717c;
  --bas-red:#e30613;
  --bas-red-soft:#fff1f2;
  --bas-line:rgba(36,39,43,.07);
  --bas-shadow:0 16px 40px rgba(28,36,45,.07);
  --bas-shadow-hover:0 22px 50px rgba(28,36,45,.11);
  --bas-radius:24px;
  background:var(--bas-bg)!important;
}

/* Global rhythm: remove hard drafting-grid feel */
.bolix-arch__section{
  padding:64px 0!important;
  border-top:0!important;
  background:var(--bas-paper)!important;
}
.bolix-arch__section:nth-of-type(even){background:var(--bas-soft)!important}
.bolix-arch__section--white{background:linear-gradient(180deg,#f7f8f9 0%,#f2f5f6 100%)!important}
.bolix-arch__head{margin-bottom:34px!important}
.bolix-arch__head>p{max-width:620px!important;color:var(--bas-muted)!important}
.bolix-arch__eyebrow{color:var(--bas-red)!important}
.bolix-arch__eyebrow::before{border-radius:999px!important}

/* Trust strip becomes soft cards */
.bolix-arch__trust{
  padding:22px 0 26px!important;
  border:0!important;
  background:linear-gradient(180deg,#fff 0%,#f7f8f9 100%)!important;
}
.bolix-arch__trust-grid{gap:14px!important}
.bolix-arch__trust-item{
  padding:18px!important;
  border:1px solid var(--bas-line)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 8px 24px rgba(28,36,45,.045)!important;
}
.bolix-arch__trust-item:first-child,.bolix-arch__trust-item:nth-child(3),.bolix-arch__trust-item:nth-child(4){border-left:1px solid var(--bas-line)!important;border-top:1px solid var(--bas-line)!important}
.bolix-arch__trust-icon{
  border:0!important;
  border-radius:13px!important;
  background:var(--bas-red-soft)!important;
  color:var(--bas-red)!important;
}
.bolix-arch__trust-icon--brand{background:var(--bas-red)!important}

/* Why cards — soft premium cards */
.bolix-arch__cards{gap:16px!important}
.bolix-arch__card{
  min-height:260px!important;
  padding:26px!important;
  border:1px solid var(--bas-line)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:var(--bas-shadow)!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
}
.bolix-arch__card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(227,6,19,.12)!important;
  box-shadow:var(--bas-shadow-hover)!important;
}
.bolix-arch__card-mark{
  width:44px!important;height:44px!important;
  margin-bottom:24px!important;
  border:0!important;
  border-radius:14px!important;
  background:var(--bas-red-soft)!important;
  color:var(--bas-red)!important;
  box-shadow:inset 0 0 0 1px rgba(227,6,19,.07)!important;
}
.bolix-arch__card h3{min-height:0!important;margin-bottom:12px!important}
.bolix-arch__card p{color:var(--bas-muted)!important}
.bolix-arch__card .bolix-arch__text-link{color:var(--bas-red)!important}

/* Split / capabilities — keep card pattern but soften */
.bolix-arch__section--white:has(.bolix-arch__split){padding:34px 0!important}
.bolix-arch__split{gap:30px!important}
.bolix-arch__split-copy{
  position:sticky!important;top:110px!important;
  padding:38px 40px 36px!important;
  border:1px solid var(--bas-line)!important;
  border-radius:26px!important;
  background:var(--bas-paper)!important;
  box-shadow:var(--bas-shadow)!important;
}
.bolix-arch__capabilities{gap:16px!important;border:0!important;background:transparent!important}
.bolix-arch__cap{
  min-height:128px!important;
  padding:20px 24px 20px 20px!important;
  border:1px solid var(--bas-line)!important;
  border-radius:22px!important;
  background:var(--bas-paper)!important;
  box-shadow:0 12px 30px rgba(28,36,45,.06)!important;
  transition:transform .22s ease,box-shadow .22s ease!important;
}
.bolix-arch__cap:hover{transform:translateY(-2px)!important;box-shadow:var(--bas-shadow-hover)!important}
.bolix-arch__cap-no{
  border-radius:18px!important;
  box-shadow:0 8px 18px rgba(227,6,19,.12)!important;
}

/* Materials: organic soft tiles */
.bolix-arch__material-grid{gap:16px!important}
.bolix-arch__material{
  border:0!important;
  border-radius:22px!important;
  box-shadow:var(--bas-shadow)!important;
  transform:translateZ(0)!important;
  transition:transform .25s ease,box-shadow .25s ease!important;
}
.bolix-arch__material:hover{transform:translateY(-4px)!important;box-shadow:var(--bas-shadow-hover)!important}
.bolix-arch__material::before{
  background:linear-gradient(180deg,transparent 38%,rgba(24,28,33,.58) 100%)!important;
  border-radius:inherit!important;
}

/* Process — no hard ruled grid */
.bolix-arch__process{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  border:0!important;
}
.bolix-arch__step{
  min-height:210px!important;
  padding:24px!important;
  border:1px solid var(--bas-line)!important;
  border-radius:22px!important;
  background:var(--bas-paper)!important;
  box-shadow:0 10px 28px rgba(28,36,45,.05)!important;
  transition:transform .22s ease,box-shadow .22s ease!important;
}
.bolix-arch__step:first-child,.bolix-arch__step:nth-child(3),.bolix-arch__step:nth-child(4){border-left:1px solid var(--bas-line)!important;border-top:1px solid var(--bas-line)!important}
.bolix-arch__step:hover{transform:translateY(-3px)!important;box-shadow:var(--bas-shadow-hover)!important}
.bolix-arch__step-no{
  display:inline-grid!important;place-items:center!important;
  min-width:46px!important;height:34px!important;
  margin-bottom:24px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:var(--bas-red-soft)!important;
  color:var(--bas-red)!important;
}

/* Project cards: soften geometry */
.bolix-arch__projects{gap:16px!important}
.bolix-arch__project{
  min-height:220px!important;
  padding:24px!important;
  border:1px solid var(--bas-line)!important;
  border-radius:22px!important;
  background:var(--bas-paper)!important;
  box-shadow:var(--bas-shadow)!important;
  transition:transform .24s ease,box-shadow .24s ease!important;
}
.bolix-arch__project:hover{transform:translateY(-4px)!important;box-shadow:var(--bas-shadow-hover)!important}
.bolix-arch__project::after{content:none!important;display:none!important}
.bolix-arch__project-tag{
  margin-bottom:34px!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  background:#f1f3f4!important;
  color:#6d747d!important;
}

/* Resources — white soft cards instead of hard red slab */
.bolix-arch__resources{gap:16px!important}
.bolix-arch__resource-primary{
  padding:32px!important;
  border:1px solid rgba(227,6,19,.09)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#fff7f7 0%,#fff 70%)!important;
  color:var(--bas-ink)!important;
  box-shadow:var(--bas-shadow)!important;
}
.bolix-arch__resource-primary p{color:var(--bas-muted)!important}
.bolix-arch__resource-primary .bolix-arch__btn--light{
  border:1px solid var(--bas-red)!important;
  border-radius:12px!important;
  background:var(--bas-red)!important;
  color:#fff!important;
}
.bolix-arch__resource-list{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  border:0!important;
}
.bolix-arch__resource{
  min-height:150px!important;
  padding:20px!important;
  border:1px solid var(--bas-line)!important;
  border-radius:20px!important;
  background:var(--bas-paper)!important;
  box-shadow:0 10px 26px rgba(28,36,45,.05)!important;
  transition:transform .22s ease,box-shadow .22s ease!important;
}
.bolix-arch__resource:hover{transform:translateY(-3px)!important;box-shadow:var(--bas-shadow-hover)!important}

/* Final CTA — dark card floating in a soft section */
.bolix-arch__section--dark{
  padding:34px 0 64px!important;
  background:linear-gradient(180deg,#f4f6f7 0%,#eef1f3 100%)!important;
  color:var(--bas-ink)!important;
}
.bolix-arch__cta{
  padding:44px 46px!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,#20242a 0%,#15181c 100%)!important;
  box-shadow:0 20px 52px rgba(18,22,27,.18)!important;
}
.bolix-arch__cta-side{
  padding:24px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.04)!important;
}

/* Buttons all softer */
.bolix-arch__btn{border-radius:12px!important}
.bolix-arch__btn--secondary{border-color:var(--bas-line)!important;background:#fff!important}

@media(max-width:1080px){
  .bolix-arch__process{grid-template-columns:1fr 1fr!important}
  .bolix-arch__step:nth-child(3),.bolix-arch__step:nth-child(4){border-top:1px solid var(--bas-line)!important}
  .bolix-arch__split-copy{position:static!important}
}

@media(max-width:760px){
  .bolix-arch__section{padding:44px 0!important}
  .bolix-arch__trust-grid{gap:10px!important}
  .bolix-arch__trust-item{padding:14px!important;border-radius:14px!important}
  .bolix-arch__cards,.bolix-arch__projects{gap:12px!important}
  .bolix-arch__card,.bolix-arch__project{padding:20px!important;border-radius:18px!important}
  .bolix-arch__section--white:has(.bolix-arch__split){padding:20px 0!important}
  .bolix-arch__split-copy{padding:28px 24px!important;border-radius:20px!important}
  .bolix-arch__cap{border-radius:18px!important}
  .bolix-arch__process{grid-template-columns:1fr!important;gap:12px!important}
  .bolix-arch__step{min-height:0!important;padding:20px!important;border-radius:18px!important}
  .bolix-arch__material{border-radius:18px!important}
  .bolix-arch__resource-primary{padding:26px 22px!important;border-radius:20px!important}
  .bolix-arch__resource-list{grid-template-columns:1fr!important;gap:10px!important}
  .bolix-arch__resource{min-height:110px!important;border-radius:18px!important}
  .bolix-arch__section--dark{padding:20px 0 44px!important}
  .bolix-arch__cta{padding:30px 24px!important;border-radius:22px!important}
}