/**
 * Babilon Star B2B – scoped styles.
 *
 * Everything lives under .bsb2b so the host theme is never touched, and every
 * class carries the bsb2b- prefix so theme rules cannot bleed in either.
 */

.bsb2b *, .bsb2b *::before, .bsb2b *::after{margin:0;padding:0;box-sizing:border-box}
/* Neutralise bare-tag theme rules (section{border:…}, a{text-decoration:…}, …).
   `.bsb2b tag` outranks a plain `tag` selector, so nothing here needs !important. */
.bsb2b section, .bsb2b nav, .bsb2b footer, .bsb2b div, .bsb2b p, .bsb2b span,
.bsb2b ul, .bsb2b li, .bsb2b a, .bsb2b img, .bsb2b svg, .bsb2b form,
.bsb2b input, .bsb2b select, .bsb2b textarea, .bsb2b button,
.bsb2b h1, .bsb2b h2, .bsb2b h3{border:0;outline:0;box-shadow:none;background-image:none;text-shadow:none;float:none;max-width:none}
.bsb2b ul, .bsb2b li{list-style:none}
.bsb2b img{height:auto;max-width:100%}
.bsb2b a{text-decoration:none}
.bsb2b button, .bsb2b input, .bsb2b select, .bsb2b textarea{font-family:inherit;text-transform:none;line-height:normal;min-height:0;width:auto}
.bsb2b{--purple:#732E91;--purple-dark:#4E1E63;--purple-soft:#F4EEF9;--gold:#EECC82;--gold2:#F7E3B8;--gold-dark:#C9A24A;--black:#150A1E;--dark:#1D1029;--surface:#F9F6FB;--surface2:#F1EBF6;--border:#E6DEEE;--text:#1A1420;--text2:#6B6478;--text3:#9C93A8;--white:#fff}
.bsb2b{font-family:'Inter',sans-serif;background:#fff;color:var(--text);overflow-x:hidden}
@keyframes bsb2bFadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes bsb2bSlideLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}
@keyframes bsb2bSlideRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}
@keyframes bsb2bPulse{0%,100%{opacity:1}50%{opacity:0.5}}
@keyframes bsb2bScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
/* Reveal on scroll – the wrapper only gets .bsb2b-js when the script runs,
   so without JavaScript every block stays visible. */
.bsb2b.bsb2b-js .bsb2b-au,
.bsb2b.bsb2b-js .bsb2b-al,
.bsb2b.bsb2b-js .bsb2b-ar{opacity:0}
.bsb2b.bsb2b-js .bsb2b-au.bsb2b-in{animation:bsb2bFadeUp 0.7s ease forwards}
.bsb2b.bsb2b-js .bsb2b-al.bsb2b-in{animation:bsb2bSlideLeft 0.7s ease forwards}
.bsb2b.bsb2b-js .bsb2b-ar.bsb2b-in{animation:bsb2bSlideRight 0.7s ease forwards}
.bsb2b .bsb2b-d1{animation-delay:0.1s}
.bsb2b .bsb2b-d2{animation-delay:0.2s}
.bsb2b .bsb2b-d3{animation-delay:0.3s}
.bsb2b .bsb2b-d4{animation-delay:0.4s}
.bsb2b .bsb2b-d5{animation-delay:0.5s}
.bsb2b .bsb2b-nav{position:sticky;top:0;z-index:200;background:rgba(13,13,13,0.97);backdrop-filter:blur(20px);border-bottom:1px solid #1E1E1E;padding:0 2rem}
.bsb2b .bsb2b-nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}
.bsb2b .bsb2b-nav-logo{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:800;color:#fff;letter-spacing:0.06em;text-transform:uppercase;text-decoration:none;display:flex;align-items:center;gap:8px}
.bsb2b .bsb2b-nav-dot{width:8px;height:8px;background:var(--gold);border-radius:50%;animation:bsb2bPulse 2s infinite}
.bsb2b .bsb2b-nav-links{display:flex;align-items:center;gap:2rem}
.bsb2b .bsb2b-nav-links a{font-size:13px;color:#888;text-decoration:none;font-weight:500;transition:color 0.2s}
.bsb2b .bsb2b-nav-links a:hover{color:#fff}
.bsb2b .bsb2b-nav-cta{background:var(--purple) !important;color:#fff !important;font-size:12px;font-weight:700;padding:10px 20px;border-radius:4px;letter-spacing:0.08em;text-transform:uppercase}
.bsb2b .bsb2b-hero{background:var(--black);padding:7rem 2rem 6rem;position:relative;overflow:hidden}
.bsb2b .bsb2b-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(238,204,130,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(238,204,130,0.06) 1px,transparent 1px);background-size:70px 70px;pointer-events:none}
.bsb2b .bsb2b-hero-glow{position:absolute;top:-200px;left:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(115,46,145,0.45) 0%,transparent 70%);pointer-events:none}
.bsb2b .bsb2b-hero-glow2{position:absolute;bottom:-100px;right:-50px;width:400px;height:400px;background:radial-gradient(circle,rgba(238,204,130,0.07) 0%,transparent 70%);pointer-events:none}
.bsb2b .bsb2b-hero-inner{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.bsb2b .bsb2b-hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);margin-bottom:2.5rem;padding:7px 16px;border:1px solid rgba(238,204,130,0.28);border-radius:24px}
.bsb2b .bsb2b-hero-eyebrow-dot{width:6px;height:6px;background:var(--gold);border-radius:50%;animation:bsb2bPulse 1.5s infinite}
.bsb2b h1.bsb2b-hero-h{font-family:'Space Grotesk',sans-serif;font-size:clamp(3.2rem,7vw,6rem);font-weight:800;line-height:1.0;letter-spacing:-0.03em;color:#fff;margin-bottom:1.5rem}
.bsb2b h1.bsb2b-hero-h .bsb2b-gold{color:var(--gold)}
.bsb2b h1.bsb2b-hero-h .bsb2b-dim{color:#2E2E2E;font-weight:400}
.bsb2b .bsb2b-hero-sub{font-size:1.05rem;color:#777;line-height:1.8;margin-bottom:3rem;max-width:520px}
.bsb2b .bsb2b-hero-sub strong{color:#aaa;font-weight:500}
.bsb2b .bsb2b-hero-btns{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:5rem}
.bsb2b .bsb2b-btn-gold{background:var(--purple);color:#fff;font-size:13px;font-weight:700;padding:16px 32px;border:none;border-radius:4px;cursor:pointer;letter-spacing:0.07em;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:opacity 0.2s}
.bsb2b .bsb2b-btn-gold:hover{opacity:0.85}
.bsb2b .bsb2b-btn-ghost{background:transparent;color:#fff;font-size:13px;font-weight:600;padding:15px 28px;border:1px solid #333;border-radius:4px;cursor:pointer;text-decoration:none;display:inline-block;transition:all 0.2s}
.bsb2b .bsb2b-btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.bsb2b .bsb2b-hero-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#1A1A1A;border:1px solid #1A1A1A;border-radius:12px;overflow:hidden}
.bsb2b .bsb2b-h-stat{background:#111;padding:1.75rem 1.5rem;border-right:1px solid #1A1A1A}
.bsb2b .bsb2b-h-stat:last-child{border-right:none}
.bsb2b .bsb2b-h-stat-num{font-family:'Space Grotesk',sans-serif;font-size:2.2rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.03em}
.bsb2b .bsb2b-h-stat-num span{color:var(--gold)}
.bsb2b .bsb2b-h-stat-label{font-size:10px;color:#444;letter-spacing:0.1em;text-transform:uppercase;margin-top:5px}
.bsb2b .bsb2b-marquee-wrap{background:var(--black);border-top:1px solid #1A1A1A;border-bottom:1px solid #1A1A1A;padding:1.25rem 0;overflow:hidden;position:relative}
.bsb2b .bsb2b-marquee-wrap::before, .bsb2b .bsb2b-marquee-wrap::after{content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2}
.bsb2b .bsb2b-marquee-wrap::before{left:0;background:linear-gradient(90deg,var(--black),transparent)}
.bsb2b .bsb2b-marquee-wrap::after{right:0;background:linear-gradient(-90deg,var(--black),transparent)}
.bsb2b .bsb2b-marquee-track{display:flex;width:max-content;animation:bsb2bScroll 28s linear infinite}
.bsb2b .bsb2b-m-item{display:flex;align-items:center;padding:0 2.5rem;border-right:1px solid #1E1E1E;height:28px}
.bsb2b .bsb2b-m-item img{height:18px;width:auto;filter:brightness(0) invert(1);opacity:0.35;object-fit:contain;display:block}
.bsb2b .bsb2b-section{padding:6rem 2rem}
.bsb2b .bsb2b-si{max-width:1200px;margin:0 auto}
.bsb2b .bsb2b-eyebrow{font-size:11px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:8px;margin-bottom:0.75rem}
.bsb2b .bsb2b-eyebrow::before{content:'';width:20px;height:2px;background:var(--gold)}
.bsb2b h2.bsb2b-sh{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.9rem,3.5vw,2.8rem);font-weight:800;line-height:1.08;letter-spacing:-0.025em;color:var(--black);margin-bottom:1rem}
.bsb2b .bsb2b-why-section{background:#fff}
.bsb2b .bsb2b-why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:3rem}
.bsb2b .bsb2b-why-card{background:var(--surface);border-radius:14px;padding:2.5rem 2rem;position:relative;overflow:hidden;transition:transform 0.3s,box-shadow 0.3s}
.bsb2b .bsb2b-why-card:hover{transform:translateY(-5px);box-shadow:0 16px 50px rgba(0,0,0,0.07)}
.bsb2b .bsb2b-why-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--purple);transform:scaleX(0);transition:transform 0.3s;transform-origin:left}
.bsb2b .bsb2b-why-card:hover::before{transform:scaleX(1)}
.bsb2b .bsb2b-why-num{font-family:'Space Grotesk',sans-serif;font-size:4rem;font-weight:800;color:rgba(115,46,145,0.09);line-height:1;position:absolute;top:1rem;right:1.5rem}
.bsb2b .bsb2b-why-icon{width:50px;height:50px;background:var(--purple);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}
.bsb2b .bsb2b-why-icon svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:1.8}
.bsb2b .bsb2b-why-title{font-family:'Space Grotesk',sans-serif;font-size:1.05rem;font-weight:700;color:var(--black);margin-bottom:0.6rem}
.bsb2b .bsb2b-why-desc{font-size:13px;color:var(--text2);line-height:1.7}
.bsb2b .bsb2b-brands-section{background:var(--surface)}
.bsb2b .bsb2b-brands-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;gap:2rem;flex-wrap:wrap}
.bsb2b .bsb2b-brands-note{font-size:13px;color:var(--text3);max-width:260px;line-height:1.6;text-align:right}
.bsb2b .bsb2b-brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px}
.bsb2b .bsb2b-brand-card{background:#fff;border-radius:12px;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all 0.25s;border:1.5px solid transparent;cursor:default}
.bsb2b .bsb2b-brand-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(115,46,145,0.10);border-color:var(--purple)}
.bsb2b .bsb2b-brand-card.bsb2b-own{border-color:var(--gold);background:linear-gradient(135deg,#FDF8EE,#FFF9ED)}
.bsb2b .bsb2b-brand-logo-wrap{width:64px;height:38px;display:flex;align-items:center;justify-content:center}
.bsb2b .bsb2b-brand-logo-wrap img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(30%);transition:filter 0.2s}
.bsb2b .bsb2b-brand-card:hover .bsb2b-brand-logo-wrap img{filter:none}
.bsb2b .bsb2b-brand-name-t{font-size:10px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--text);text-align:center}
.bsb2b .bsb2b-brand-cat-t{font-size:10px;color:var(--text3);text-align:center}
.bsb2b .bsb2b-brand-card.bsb2b-own .bsb2b-brand-name-t{color:var(--gold)}
.bsb2b .bsb2b-own-pill{background:var(--gold);color:#000;font-size:8px;font-weight:800;padding:2px 8px;border-radius:10px;letter-spacing:0.08em;text-transform:uppercase}
.bsb2b .bsb2b-ceo-section{background:var(--black);padding:6rem 2rem}
.bsb2b .bsb2b-ceo-wrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:380px 1fr;gap:5rem;align-items:center}
.bsb2b .bsb2b-ceo-visual-card{background:#141414;border:1px solid #222;border-radius:16px;padding:3rem 2rem;text-align:center;position:relative}
.bsb2b .bsb2b-ceo-visual-card::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.bsb2b .bsb2b-ceo-avatar-big{width:100px;height:100px;background:linear-gradient(135deg,var(--purple),var(--purple-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:2.5rem;font-weight:800;color:#000;margin:0 auto 1.5rem;box-shadow:0 0 40px rgba(238,204,130,0.28)}
.bsb2b .bsb2b-ceo-name{font-family:'Space Grotesk',sans-serif;font-size:1rem;font-weight:700;color:#fff;margin-bottom:4px}
.bsb2b .bsb2b-ceo-title-tag{font-size:11px;color:var(--gold);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:2rem}
.bsb2b .bsb2b-ceo-sep{height:1px;background:#1E1E1E;margin-bottom:1.5rem}
.bsb2b .bsb2b-ceo-creds{display:flex;flex-direction:column;gap:12px;text-align:left}
.bsb2b .bsb2b-cred-row{display:flex;gap:10px;align-items:flex-start}
.bsb2b .bsb2b-cred-dot{width:6px;height:6px;background:var(--gold);border-radius:50%;flex-shrink:0;margin-top:5px}
.bsb2b .bsb2b-cred-txt{font-size:12px;color:#666;line-height:1.5}
.bsb2b .bsb2b-ceo-quote{font-family:'Space Grotesk',sans-serif;font-size:1.4rem;font-weight:700;color:#fff;line-height:1.5;margin-bottom:1.75rem;padding-left:1.5rem;border-left:3px solid var(--gold)}
.bsb2b .bsb2b-ceo-body{font-size:14px;color:#666;line-height:1.85;margin-bottom:2rem}
.bsb2b .bsb2b-contact-section{background:#fff;padding:6rem 2rem}
.bsb2b .bsb2b-contact-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:5rem;max-width:1200px;margin:0 auto}
.bsb2b .bsb2b-contact-info{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}
.bsb2b .bsb2b-ci-label{font-size:10px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--text3);margin-bottom:4px}
.bsb2b .bsb2b-ci-val{font-size:14px;color:var(--black);line-height:1.6}
.bsb2b .bsb2b-ci-val a{color:var(--gold);text-decoration:none}
.bsb2b .bsb2b-form-box{background:var(--surface);border-radius:16px;padding:2.75rem;border:1px solid var(--border)}
.bsb2b .bsb2b-fr2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.bsb2b .bsb2b-fg{margin-bottom:1.1rem}
.bsb2b .bsb2b-fl{font-size:10px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--text2);display:block;margin-bottom:5px}
.bsb2b .bsb2b-fi{width:100%;background:#fff;border:1.5px solid var(--border);color:var(--black);font-size:14px;padding:11px 13px;border-radius:8px;font-family:'Inter',sans-serif;outline:none;transition:border-color 0.2s,box-shadow 0.2s}
.bsb2b .bsb2b-fi:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(115,46,145,0.1)}
.bsb2b .bsb2b-fi::placeholder{color:var(--text3)}
.bsb2b textarea.bsb2b-fi{resize:vertical;min-height:95px}
.bsb2b .bsb2b-fsub{width:100%;background:var(--purple);color:#fff;font-size:13px;font-weight:700;padding:15px;border:none;border-radius:8px;cursor:pointer;letter-spacing:0.08em;text-transform:uppercase;font-family:'Inter',sans-serif;transition:opacity 0.2s;margin-top:4px}
.bsb2b .bsb2b-fsub:hover{opacity:0.88}
.bsb2b .bsb2b-seo-block{background:var(--surface);border-top:1px solid var(--border);padding:1.5rem 2rem;text-align:center}
.bsb2b .bsb2b-seo-block p{font-size:11px;color:var(--text3);line-height:1.9;max-width:1100px;margin:0 auto}
.bsb2b .bsb2b-footer{background:var(--black);padding:2.5rem 2rem;text-align:center;border-top:1px solid #1A1A1A}
.bsb2b .bsb2b-fw{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:#333;margin-bottom:6px}
.bsb2b .bsb2b-fw span{color:var(--gold)}
.bsb2b .bsb2b-fi2{font-size:12px;color:#2E2E2E}
.bsb2b .bsb2b-fi2 a{color:var(--gold);text-decoration:none}
@media(max-width:800px){
.bsb2b .bsb2b-ceo-wrap{grid-template-columns:1fr}
.bsb2b .bsb2b-contact-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
.bsb2b .bsb2b-nav-links a:not(.bsb2b-nav-cta){display:none}
.bsb2b .bsb2b-hero-stats-grid{grid-template-columns:1fr 1fr}
.bsb2b .bsb2b-brands-top{flex-direction:column;align-items:flex-start}
.bsb2b .bsb2b-brands-note{text-align:left}
.bsb2b h1.bsb2b-hero-h{font-size:2.8rem}
.bsb2b .bsb2b-fr2{grid-template-columns:1fr}
}

/* ── Plugin additions ────────────────────────────────────────────────────── */

.bsb2b{max-width:100%}
.bsb2b .bsb2b-section:last-child{padding-bottom:6rem}

/* honeypot */
.bsb2b .bsb2b-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* form feedback */
.bsb2b .bsb2b-form-msg{margin-top:0.9rem;font-size:13px;line-height:1.7;padding:0.75rem 0.9rem;border-radius:8px;background:#EFF7EE;color:#1D6B2A;display:none}
.bsb2b .bsb2b-form-msg.is-visible{display:block}
.bsb2b .bsb2b-form-msg.is-error{background:#FDECEC;color:#B32020}
.bsb2b .bsb2b-fsub:disabled{opacity:0.6;cursor:not-allowed}
.bsb2b .bsb2b-fi.is-invalid{border-color:#D14343;box-shadow:0 0 0 3px rgba(209,67,67,0.1)}

/* nav is optional inside a WordPress page – never stack two sticky bars */
.bsb2b .bsb2b-nav{position:relative}
.bsb2b.bsb2b-sticky-nav .bsb2b-nav{position:sticky}

/* keep long brand names tidy */
.bsb2b .bsb2b-brand-name-t{word-break:break-word}

@media (prefers-reduced-motion: reduce){
	.bsb2b .bsb2b-marquee-track{animation:none}
	.bsb2b.bsb2b-js .bsb2b-au,
	.bsb2b.bsb2b-js .bsb2b-al,
	.bsb2b.bsb2b-js .bsb2b-ar{opacity:1;animation:none}
}


/* Headings: many themes set h1/h2 colours with !important, which is the one
   thing plain specificity cannot beat — so these few declarations match it. */
.bsb2b h1.bsb2b-hero-h{color:#fff!important;font-family:'Space Grotesk',sans-serif!important}
.bsb2b h1.bsb2b-hero-h .bsb2b-gold{color:var(--gold)!important}
.bsb2b h1.bsb2b-hero-h .bsb2b-dim{color:#2E2E2E!important}
.bsb2b h2.bsb2b-sh{color:var(--black)!important;font-family:'Space Grotesk',sans-serif!important}
.bsb2b .bsb2b-ceo-section h2.bsb2b-sh,
.bsb2b .bsb2b-ceo-section .bsb2b-ceo-quote{color:#fff!important}
.bsb2b .bsb2b-btn-gold,
.bsb2b .bsb2b-nav-cta,
.bsb2b .bsb2b-cta-btn{color:#fff!important}
.bsb2b .bsb2b-btn-ghost{color:#fff!important}
.bsb2b .bsb2b-ci-val a,
.bsb2b .bsb2b-fi2 a{color:var(--gold)!important}

/* Word-marks for brands without an uploaded logo (and the marquee variant). */
.bsb2b .bsb2b-wordmark{font-size:11px;font-weight:800;letter-spacing:0.05em;color:#3A3A3A;text-align:center;line-height:1.35;overflow-wrap:normal;hyphens:none}
.bsb2b .bsb2b-wordmark-sm{font-size:8.5px;letter-spacing:0.03em}
/* A word-mark card carries the name in the logo slot, so it needs a bit more room. */
.bsb2b .bsb2b-brand-text .bsb2b-brand-logo-wrap{width:100%;height:34px}
.bsb2b .bsb2b-wordmark-own{font-size:15px;font-weight:900;color:var(--gold);letter-spacing:0.02em}
.bsb2b .bsb2b-m-text{font-size:12px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;color:#3A3A3A;white-space:nowrap}

/* ── Hero slider ─────────────────────────────────────────────────────────── */

.bsb2b .bsb2b-slides{display:grid}
.bsb2b .bsb2b-slide{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
.bsb2b .bsb2b-slide.is-active{opacity:1;visibility:visible;transform:none}
.bsb2b:not(.bsb2b-js) .bsb2b-slide{opacity:1;visibility:visible;transform:none}
.bsb2b:not(.bsb2b-js) .bsb2b-slide ~ .bsb2b-slide{display:none}

.bsb2b .bsb2b-slider-bar{display:flex;align-items:center;gap:1rem;margin:2.5rem 0 3rem}
.bsb2b .bsb2b-dots{display:flex;gap:8px;flex:0 0 auto}
.bsb2b .bsb2b-dot{width:26px;height:4px;border-radius:2px;background:#33253D;cursor:pointer;padding:0;transition:background .25s,width .25s}
.bsb2b .bsb2b-dot[aria-selected="true"]{background:var(--gold);width:46px}
.bsb2b .bsb2b-dot:hover{background:var(--gold2)}
.bsb2b .bsb2b-arrow{width:38px;height:38px;border-radius:50%;border:1px solid #33253D;background:transparent;color:#8C8298;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:border-color .2s,color .2s}
.bsb2b .bsb2b-arrow svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bsb2b .bsb2b-arrow:hover{border-color:var(--gold);color:var(--gold)}
.bsb2b .bsb2b-slide-count{font-size:11px;letter-spacing:.14em;color:#5C5268;margin-inline-start:auto}

/* trust strip under the hero CTAs */
.bsb2b .bsb2b-trust{display:flex;flex-wrap:wrap;gap:1.25rem 2rem;margin-bottom:3rem}
.bsb2b .bsb2b-trust-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#8C8298}
.bsb2b .bsb2b-trust-item svg{width:16px;height:16px;stroke:var(--gold);fill:none;stroke-width:2;flex:0 0 auto}

/* ── FAQ ─────────────────────────────────────────────────────────────────── */

.bsb2b .bsb2b-faq-section{background:var(--surface)}
.bsb2b .bsb2b-faq-list{margin-top:2.5rem;display:flex;flex-direction:column;gap:10px}
.bsb2b .bsb2b-faq-item{background:#fff;border:1px solid var(--border);border-radius:12px;padding:0 1.25rem}
.bsb2b .bsb2b-faq-item[open]{border-color:var(--purple)}
.bsb2b .bsb2b-faq-q{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 0;font-size:14px;font-weight:700;color:var(--text);cursor:pointer;list-style:none}
.bsb2b .bsb2b-faq-q::-webkit-details-marker{display:none}
.bsb2b .bsb2b-faq-q::after{content:'+';font-size:20px;font-weight:400;color:var(--purple);flex:0 0 auto;line-height:1}
.bsb2b .bsb2b-faq-item[open] .bsb2b-faq-q::after{content:'−'}
.bsb2b .bsb2b-faq-a{font-size:13px;line-height:1.9;color:var(--text2);padding:0 0 1.15rem;max-width:70ch}

/* ── CTA band ────────────────────────────────────────────────────────────── */

.bsb2b .bsb2b-cta-band{background:linear-gradient(120deg,var(--purple-dark),var(--purple));padding:3.5rem 2rem}
.bsb2b .bsb2b-cta-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.bsb2b .bsb2b-cta-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.3rem,2.5vw,1.9rem);font-weight:800;color:#fff;line-height:1.3;margin:0}
.bsb2b .bsb2b-cta-sub{font-size:13px;color:rgba(255,255,255,.72);margin:.5rem 0 0}
.bsb2b .bsb2b-cta-actions{display:flex;gap:.75rem;flex-wrap:wrap}
.bsb2b .bsb2b-cta-btn{background:var(--gold);color:#2A1035!important;font-size:13px;font-weight:700;padding:15px 28px;border-radius:6px;text-decoration:none;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.bsb2b .bsb2b-cta-btn:hover{background:var(--gold2)}
.bsb2b .bsb2b-cta-alt{border:1px solid rgba(255,255,255,.35);color:#fff!important;font-size:13px;font-weight:600;padding:14px 26px;border-radius:6px;text-decoration:none;white-space:nowrap}
.bsb2b .bsb2b-cta-alt:hover{border-color:#fff}

/* ── Form extras ─────────────────────────────────────────────────────────── */

.bsb2b .bsb2b-more{margin:0 0 1.1rem}
.bsb2b .bsb2b-more > summary{font-size:12px;font-weight:700;color:var(--purple);cursor:pointer;list-style:none;padding:.4rem 0}
.bsb2b .bsb2b-more > summary::-webkit-details-marker{display:none}
.bsb2b .bsb2b-more > summary::after{content:' +'}
.bsb2b .bsb2b-more[open] > summary::after{content:' −'}
.bsb2b .bsb2b-form-note{font-size:11px;line-height:1.7;color:var(--text3);margin-top:.75rem}

@media (max-width:640px){
	.bsb2b .bsb2b-slider-bar{margin:1.75rem 0 2rem}
	.bsb2b .bsb2b-slide-count{display:none}
	.bsb2b .bsb2b-cta-inner{flex-direction:column;align-items:flex-start}
}

/* ── Hero image + editable icons ─────────────────────────────────────────── */

.bsb2b .bsb2b-trust-item img{width:18px;height:18px;object-fit:contain;flex:0 0 auto}
.bsb2b .bsb2b-why-icon-img{background:var(--purple-soft);padding:8px}
.bsb2b .bsb2b-why-icon img{width:100%;height:100%;object-fit:contain}
.bsb2b .bsb2b-ceo-avatar-img{background:none;box-shadow:none;overflow:hidden}
.bsb2b .bsb2b-ceo-avatar-img img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.bsb2b .bsb2b-nav-icon{width:22px;height:22px;object-fit:contain;stroke:var(--gold);fill:none;stroke-width:1.6;flex:0 0 auto}

@media (max-width:900px){
}


/* The section is English: keep it LTR on RTL (Persian/Arabic) sites too. */
.bsb2b{direction:ltr;text-align:left}


/* Logos: readable on the dark strip, and room for wide word-marks in the grid. */
.bsb2b .bsb2b-m-item img{height:22px;max-width:120px;opacity:.6}
.bsb2b .bsb2b-brand-logo-wrap{width:96px;height:40px}
.bsb2b .bsb2b-brand-logo-wrap img{width:auto;height:auto;max-width:96px;max-height:40px}
.bsb2b .bsb2b-brand-card.bsb2b-brand-text{justify-content:center}
/* beat kit/theme rules like `.elementor-kit-5 a{font-family:…}` (same specificity, loaded later) */
.bsb2b a[href]{font-family:inherit}


/* ── Hero: full-bleed slide images with the copy on top ─────────────────── */
.bsb2b .bsb2b-hero-bgs{position:absolute;inset:0;overflow:hidden}
.bsb2b .bsb2b-hero-bg{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:0;transform:scale(1.05);transition:opacity .9s ease,transform 8s ease}
.bsb2b .bsb2b-hero-bg.is-active{opacity:1;transform:scale(1)}
.bsb2b .bsb2b-hero-shade{position:absolute;inset:0;pointer-events:none;background:
	linear-gradient(90deg,rgba(21,10,30,.94) 0%,rgba(21,10,30,.72) 40%,rgba(21,10,30,.18) 72%,rgba(21,10,30,.05) 100%),
	linear-gradient(0deg,rgba(21,10,30,.9) 0%,rgba(21,10,30,0) 38%)}
.bsb2b .bsb2b-hero-has-media .bsb2b-hero-inner{width:100%}
.bsb2b .bsb2b-hero-has-media .bsb2b-hero-copy{max-width:640px}

/* dots: bottom centre, active one stretches into a pill */
.bsb2b .bsb2b-hero > .bsb2b-dots{position:absolute;left:50%;bottom:1.75rem;transform:translateX(-50%);z-index:3;gap:10px}
.bsb2b .bsb2b-hero > .bsb2b-dots .bsb2b-dot{width:9px;height:9px;border-radius:99px;background:rgba(255,255,255,.35)}
.bsb2b .bsb2b-hero > .bsb2b-dots .bsb2b-dot[aria-selected="true"]{width:42px;background:var(--gold)}
.bsb2b .bsb2b-hero-copy .bsb2b-hero-btns{margin-top:2.5rem}

@media (max-width:800px){
	.bsb2b .bsb2b-hero-shade{background:linear-gradient(0deg,rgba(21,10,30,.96) 15%,rgba(21,10,30,.65) 60%,rgba(21,10,30,.4) 100%)}
}
.bsb2b .bsb2b-hero-has-media .bsb2b-hero-h .bsb2b-dim{color:rgba(255,255,255,.42)!important}


/* ── Hero: 100vh, arrows, stats band ─────────────────────────────────────── */
.bsb2b .bsb2b-hero{min-height:100vh;display:flex;align-items:center;padding:6rem 2rem 5.5rem}
.bsb2b .bsb2b-hero-inner{width:100%}
.bsb2b .bsb2b-hero-copy .bsb2b-trust{margin-bottom:0}
.bsb2b .bsb2b-hero-arrow{position:absolute;top:50%;z-index:3;width:52px;height:52px;margin-top:-26px;border-radius:50%;
	display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;color:#fff;
	background:rgba(21,10,30,.35);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
	transition:background .2s,border-color .2s,color .2s}
.bsb2b .bsb2b-hero-arrow:hover{background:var(--gold);border-color:var(--gold);color:#150A1E}
.bsb2b .bsb2b-hero-arrow svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bsb2b .bsb2b-hero-prev{left:1.5rem}
.bsb2b .bsb2b-hero-next{right:1.5rem}
.bsb2b .bsb2b-stats-band{background:var(--black);padding:0 2rem 3.5rem}
.bsb2b .bsb2b-stats-band .bsb2b-hero-stats-grid{max-width:1200px;margin:0 auto}

@media (max-width:800px){
	.bsb2b .bsb2b-hero{padding:5rem 1.25rem 6rem}
	/* arrows move next to the dots on phones */
	.bsb2b .bsb2b-hero-arrow{top:auto;bottom:1.1rem;margin-top:0;width:40px;height:40px}
	.bsb2b .bsb2b-hero-prev{left:1.25rem}
	.bsb2b .bsb2b-hero-next{right:1.25rem}
	.bsb2b .bsb2b-hero > .bsb2b-dots{bottom:2.2rem}
}

/* Fit the whole hero copy inside one screen. */
.bsb2b .bsb2b-hero{padding:4.5rem 5.5rem 5rem}
.bsb2b .bsb2b-hero-copy .bsb2b-hero-eyebrow{margin-bottom:1.75rem}
.bsb2b .bsb2b-hero-copy h1.bsb2b-hero-h{font-size:clamp(2.6rem,5.6vw,5.25rem);margin-bottom:1.25rem}
.bsb2b .bsb2b-hero-copy .bsb2b-hero-sub{margin-bottom:0}
.bsb2b .bsb2b-hero-copy .bsb2b-hero-btns{margin:2.25rem 0 2rem}
@media (max-width:800px){ .bsb2b .bsb2b-hero{padding:4.5rem 1.25rem 6.5rem} }
@media (max-width:800px){ .bsb2b .bsb2b-hero{padding:4rem 1.25rem 5.5rem} }

/* Strong dark left→right gradient so the light copy reads on any photo. */
.bsb2b .bsb2b-hero-shade{background:
	linear-gradient(90deg,rgba(12,6,18,.96) 0%,rgba(12,6,18,.88) 28%,rgba(12,6,18,.6) 52%,rgba(12,6,18,.2) 78%,rgba(12,6,18,0) 100%),
	linear-gradient(0deg,rgba(12,6,18,.75) 0%,rgba(12,6,18,0) 30%)}
/* stats now sit under the marquee */
.bsb2b .bsb2b-stats-band{padding:3rem 2rem 3.5rem}
@media (max-width:800px){
	.bsb2b .bsb2b-hero-shade{background:linear-gradient(0deg,rgba(12,6,18,.96) 15%,rgba(12,6,18,.7) 60%,rgba(12,6,18,.45) 100%)}
}