/* BioSante Global Markets page (v10) - scoped to .bs-mkt. Images: assets/markets/*.webp (cropped from the approved design) */
.bs-mkt{--mn:#0a3d73;--mb:#0b4a86;--mt:#3a5a7d;--mg:#1b7f4a}.bs-mkt .bs-w{width:min(1180px,calc(100% - 2*clamp(18px,4vw,64px)))}.bs-mkt svg{width:1em;height:1em}
.bs-mk-bar{display:block;width:34px;height:3px;background:var(--mg);border-radius:2px;margin-bottom:16px}
.bs-mkt h2{font-size:clamp(1.8rem,3.1vw,2.6rem);font-weight:800;color:var(--mb);margin:0 0 clamp(18px,2.4vw,30px);line-height:1.15}
.bs-mk-hero{position:relative;overflow:hidden;height:clamp(340px,26.9vw,440px);background:linear-gradient(90deg,#f6fbfe,#eaf5fb)}
.bs-mk-hero>.bs-w{position:relative;z-index:2;height:100%;display:flex;align-items:center}.bs-mk-hin{max-width:min(520px,50vw);padding-left:clamp(0px,1.4vw,22px)}
.bs-mk-eye{display:flex;align-items:center;gap:12px;font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mn);margin-bottom:12px}.bs-mk-eye:before{content:"";width:40px;height:3px;background:var(--mg);border-radius:2px}
.bs-mk-hin h1{font-size:clamp(2.1rem,4.4vw,3.9rem);font-weight:800;line-height:1.08;color:var(--mn);margin:0 0 16px}.bs-mk-hin h1 span{display:block;color:var(--mg)}.bs-mk-hin p{margin:0;font-size:clamp(.88rem,1.1vw,1.05rem);line-height:1.75;color:var(--mt)}
.bs-mk-art{position:absolute;z-index:1;top:0;right:0;height:100%;aspect-ratio:472/277;background:url(../assets/markets/hero.webp) right center/100% 100% no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24%);mask-image:linear-gradient(90deg,transparent,#000 24%)}
.bs-mk-sec{padding:clamp(40px,5vw,66px) 0}.bs-mk-op{background:#fff}
.bs-mk-cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(10px,1.4vw,18px)}
.bs-mk-card{display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;background:#fff;border:1px solid #e2eef7;border-radius:16px;box-shadow:0 8px 26px rgba(11,74,134,.09);padding-top:clamp(12px,1.3vw,16px);transition:transform .3s,box-shadow .3s}.bs-mk-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(11,74,134,.16)}
.bs-mk-card i{display:grid;place-items:center;width:clamp(48px,4.6vw,60px);height:clamp(48px,4.6vw,60px);border-radius:50%;background:#e3effa;border:1px solid #d0e3f4;color:#0d6aa8;font-size:clamp(1.5rem,2.2vw,1.9rem);overflow:hidden}.bs-mk-card i svg{width:100%;height:100%}.bs-mk-card i:has(g){font-size:inherit}
.bs-mk-card h3{font-size:clamp(.82rem,1vw,.95rem);font-weight:700;line-height:1.3;color:var(--mn);margin:10px clamp(8px,1vw,14px) 8px;min-height:2.6em;display:flex;align-items:center;justify-content:center}
.bs-mk-card img{display:block;width:100%;aspect-ratio:160/80;object-fit:cover;object-position:bottom;margin-top:auto}
.bs-mk-ds{background:linear-gradient(180deg,#eaf3fb,#f3f8fd)}.bs-mk-dist{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.4vw,18px) clamp(12px,1.6vw,22px)}
.bs-mk-dist li{display:flex;align-items:center;gap:clamp(12px,1.6vw,20px);padding:clamp(14px,1.5vw,20px) clamp(14px,1.6vw,22px);background:#fff;border-radius:6px;box-shadow:0 4px 18px rgba(11,74,134,.07);transition:transform .3s}.bs-mk-dist li:hover{transform:translateY(-4px)}
.bs-mk-dist i{display:grid;place-items:center;flex:none;width:clamp(44px,4.2vw,56px);height:clamp(44px,4.2vw,56px);border-radius:50%;background:#e2f4ec;color:#0d7a62;font-size:clamp(1.3rem,2vw,1.8rem)}.bs-mk-dist span{font-size:clamp(.82rem,1vw,.95rem);line-height:1.45;color:#1f5d9a}
.bs-mk-cp{background:linear-gradient(180deg,#f7fbfe,#fff)}.bs-mk-cpg{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(24px,4vw,60px);align-items:center}.bs-mk-cpt p{margin:0;max-width:60ch;font-size:clamp(.9rem,1.1vw,1.05rem);line-height:1.85;color:var(--mt)}
.bs-mk-cpi img{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%);mask-image:linear-gradient(90deg,transparent,#000 14%)}
@media(max-width:1100px){.bs-mk-cards{grid-template-columns:repeat(3,1fr)}.bs-mk-dist{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.bs-mk-hero{height:auto}.bs-mk-hero>.bs-w{height:auto;display:block}.bs-mk-hin{max-width:none;padding:34px 0 12px}.bs-mk-art{position:relative;width:100%;max-width:560px;height:auto;margin:0 auto;aspect-ratio:472/277;-webkit-mask-image:none;mask-image:none}.bs-mk-cpg{grid-template-columns:1fr}.bs-mk-cpi{max-width:560px}.bs-mk-cpi img{-webkit-mask-image:none;mask-image:none}}
@media(max-width:640px){.bs-mk-cards{grid-template-columns:repeat(2,1fr)}.bs-mk-card:last-child{grid-column:1/-1}.bs-mk-dist{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.bs-mk-card,.bs-mk-dist li{transition:none}}
.bs-mk-hin{max-width:min(620px,54vw)}.bs-mk-hin h1{font-size:clamp(2rem,3.9vw,3.6rem)}
.bs-mk-card img{height:auto}
.bs-mk-cpg{grid-template-columns:1.25fr .75fr}.bs-mk-cp h2{font-size:clamp(1.7rem,2.9vw,2.4rem);white-space:nowrap}
.bs-mk-cpi img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%),linear-gradient(0deg,transparent,#000 10%);mask-image:linear-gradient(90deg,transparent,#000 14%),linear-gradient(0deg,transparent,#000 10%);-webkit-mask-composite:source-in;mask-composite:intersect}
@media(max-width:900px){.bs-mk-cpg{grid-template-columns:1fr}.bs-mk-cp h2{white-space:normal}.bs-mk-hin h1{font-size:clamp(2rem,7vw,2.8rem)}}
@media(max-width:900px){.bs-mk-hin{max-width:none}.bs-mk-hin h1{font-size:clamp(1.9rem,6.4vw,2.8rem)}}
@media(max-width:640px){.bs-mk-card:last-child img{aspect-ratio:320/110}}