/* BOLIX professional/collaboration pages — unified visual shell based on Statybos imonems. */
:root{--bpu-bg:#f3f4f5;--bpu-paper:#fff;--bpu-ink:#24272b;--bpu-muted:#68707a;--bpu-red:#e30613;--bpu-line:rgba(36,39,43,.10);--bpu-dark:#1c1f23;--bpu-max:1240px}

/* shared page canvas */
.bolix-craft,.bolix-arch,.bolix-trade,.bolix-brief{background:#fff;color:var(--bpu-ink)}
.bolix-craft *,.bolix-arch *,.bolix-trade *,.bolix-brief *{box-sizing:border-box}

/* HERO shell — same card language as Statybos imonems */
.bolix-craft__hero,.bolix-arch__hero,.bolix-trade__hero,.bolix-brief__hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#eef1f3 0%,#f3f4f5 100%)!important;padding:30px 0!important}
.bolix-craft__hero-grid,.bolix-arch__hero-grid,.bolix-trade__hero-grid,.bolix-brief__hero-grid{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;gap:26px!important;align-items:stretch!important;min-height:0!important;padding:0!important}
.bolix-craft__hero-grid>div:first-child,.bolix-arch__hero-copy,.bolix-trade__hero-grid>div:first-child,.bolix-brief__hero-grid>div:first-child{min-width:0;padding:42px 44px 34px!important;border:1px solid rgba(36,39,43,.07)!important;border-radius:24px!important;background:#fff!important;box-shadow:0 16px 42px rgba(30,33,37,.06)!important}
.bolix-craft__board,.bolix-arch__board,.bolix-trade__board,.bolix-brief__hero-art{min-height:100%!important;border:1px solid rgba(36,39,43,.07)!important;border-radius:24px!important;background-color:#fff!important;box-shadow:0 16px 42px rgba(30,33,37,.06)!important}

/* typography normalization */
.bolix-craft__hero h1,.bolix-arch__hero h1,.bolix-trade__hero h1,.bolix-brief__hero h1{max-width:790px!important;margin:0 0 20px!important;font-size:clamp(46px,5.1vw,70px)!important;line-height:.98!important;letter-spacing:-.047em!important;color:var(--bpu-ink)!important}
.bolix-craft__lead,.bolix-arch__lead,.bolix-trade__lead,.bolix-brief__lead{max-width:740px!important;margin-bottom:0!important;color:var(--bpu-muted)!important;font-size:18px!important;line-height:1.6!important}
.bolix-craft__eyebrow,.bolix-arch__eyebrow,.bolix-trade__eyebrow,.bolix-brief__eyebrow{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 14px!important;color:var(--bpu-red)!important;font-size:12px!important;font-weight:850!important;letter-spacing:.1em!important;text-transform:uppercase!important}
.bolix-craft__eyebrow::before,.bolix-arch__eyebrow::before,.bolix-trade__eyebrow::before,.bolix-brief__eyebrow::before{content:""!important;width:24px!important;height:2px!important;flex:0 0 24px!important;background:var(--bpu-red)!important;border-radius:999px!important}

/* hero buttons */
.bolix-craft__btns,.bolix-arch__btns,.bolix-trade__btns{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:27px!important}
.bolix-craft__btn,.bolix-arch__btn,.bolix-trade__btn{min-height:50px!important;padding:0 22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(36,39,43,.12)!important;border-radius:12px!important;background:#fff!important;color:var(--bpu-ink)!important;font-size:13px!important;font-weight:800!important;box-shadow:0 5px 16px rgba(30,33,37,.035)!important}
.bolix-craft__btn--primary,.bolix-arch__btn--primary,.bolix-trade__btn--primary{background:var(--bpu-red)!important;border-color:var(--bpu-red)!important;color:#fff!important;box-shadow:0 8px 22px rgba(227,6,19,.14)!important}

/* hero meta */
.bolix-craft__hero-meta,.bolix-arch__hero-meta,.bolix-trade__hero-meta,.bolix-brief__hero-meta{display:flex!important;flex-wrap:wrap!important;gap:9px 18px!important;margin-top:24px!important;color:var(--bpu-muted)!important;font-size:12px!important;font-weight:700!important}
.bolix-craft__hero-meta span,.bolix-arch__hero-meta span,.bolix-trade__hero-meta span,.bolix-brief__hero-meta span{display:flex!important;align-items:center!important;gap:7px!important}
.bolix-craft__hero-meta span::before,.bolix-arch__hero-meta span::before,.bolix-trade__hero-meta span::before,.bolix-brief__hero-meta span::before{content:""!important;width:5px!important;height:5px!important;background:var(--bpu-red)!important;border-radius:50%!important}

/* Trust rows — consistent with construction-company page */
.bolix-craft__trust,.bolix-arch__trust,.bolix-trade__trust{background:linear-gradient(180deg,#fff 0%,#fafaf8 100%)!important}
.bolix-craft__trust-grid,.bolix-arch__trust-grid,.bolix-trade__trust-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:30px!important;padding:24px 0 26px!important}
.bolix-craft__trust-item,.bolix-arch__trust-item,.bolix-trade__trust-item{display:grid!important;grid-template-columns:46px 1fr!important;gap:13px!important;align-items:center!important;border:0!important;background:transparent!important}
.bolix-craft__trust-icon,.bolix-arch__trust-icon,.bolix-trade__trust-icon{width:46px!important;height:46px!important;border:1px solid rgba(36,39,43,.05)!important;border-radius:14px!important;background:#fff!important;display:grid!important;place-items:center!important;color:var(--bpu-red)!important;box-shadow:0 8px 22px rgba(30,33,37,.05)!important}

/* General section rhythm */
.bolix-craft__section,.bolix-arch__section,.bolix-trade__section{padding-top:58px!important;padding-bottom:58px!important}
.bolix-craft__section--white,.bolix-arch__section--white,.bolix-trade__section--white{background:linear-gradient(180deg,#f8f8f6 0%,#f5f5f2 100%)!important}
.bolix-craft__head,.bolix-arch__head,.bolix-trade__head{display:grid!important;grid-template-columns:minmax(0,.98fr) minmax(320px,.68fr)!important;gap:48px!important;align-items:end!important;margin-bottom:32px!important}

/* Section headings use same type scale */
.bolix-craft__section h2,.bolix-arch__section h2,.bolix-trade__section h2,.bolix-brief__main h2,.bolix-brief__bottom h2{font-size:clamp(31px,3.1vw,45px)!important;line-height:1.03!important;letter-spacing:-.035em!important}

/* CTA endings */
.bolix-craft__cta,.bolix-arch__section--dark,.bolix-trade__cta,.bolix-brief__bottom{background:var(--bpu-dark)!important;color:#fff!important}
.bolix-craft__cta p,.bolix-arch__section--dark p,.bolix-trade__cta p,.bolix-brief__bottom p{color:rgba(255,255,255,.72)!important}
.bolix-craft__cta h2,.bolix-arch__section--dark h2,.bolix-trade__cta h2,.bolix-brief__bottom h2{color:#fff!important}

/* Commercial proposal: match the same hero shell, preserve form/layout entirely */
.bolix-brief__hero-grid>div:first-child{display:flex!important;flex-direction:column!important;justify-content:center!important}
.bolix-brief__hero-art{min-height:330px!important}
.bolix-brief__main{background:#fff!important}

@media(max-width:1000px){
  .bolix-craft__hero-grid,.bolix-arch__hero-grid,.bolix-trade__hero-grid,.bolix-brief__hero-grid{grid-template-columns:1fr .82fr!important;gap:22px!important}
  .bolix-craft__trust-grid,.bolix-arch__trust-grid,.bolix-trade__trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .bolix-craft__head,.bolix-arch__head,.bolix-trade__head{grid-template-columns:1fr!important;gap:8px!important}
}

@media(max-width:760px){
  .bolix-craft__hero,.bolix-arch__hero,.bolix-trade__hero,.bolix-brief__hero{padding:18px 0 22px!important}
  .bolix-craft__hero-grid,.bolix-arch__hero-grid,.bolix-trade__hero-grid,.bolix-brief__hero-grid{grid-template-columns:1fr!important;gap:14px!important}
  .bolix-craft__hero-grid>div:first-child,.bolix-arch__hero-copy,.bolix-trade__hero-grid>div:first-child,.bolix-brief__hero-grid>div:first-child{padding:28px 24px 24px!important;border-radius:18px!important}
  .bolix-craft__board,.bolix-arch__board,.bolix-trade__board,.bolix-brief__hero-art{border-radius:18px!important}
  .bolix-craft__hero h1,.bolix-arch__hero h1,.bolix-trade__hero h1,.bolix-brief__hero h1{font-size:39px!important}
  .bolix-craft__lead,.bolix-arch__lead,.bolix-trade__lead,.bolix-brief__lead{font-size:16px!important}
  .bolix-craft__btns,.bolix-arch__btns,.bolix-trade__btns{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
  .bolix-craft__btn--primary,.bolix-arch__btn--primary,.bolix-trade__btn--primary{grid-column:1/-1!important}
  .bolix-craft__trust-grid,.bolix-arch__trust-grid,.bolix-trade__trust-grid{grid-template-columns:1fr 1fr!important;gap:22px 16px!important;padding:20px 0 22px!important}
  .bolix-craft__section,.bolix-arch__section,.bolix-trade__section{padding-top:40px!important;padding-bottom:40px!important}
  .bolix-craft__section h2,.bolix-arch__section h2,.bolix-trade__section h2,.bolix-brief__main h2,.bolix-brief__bottom h2{font-size:31px!important}
}
