.bh-hero{position:relative;display:flex;align-items:center;min-height:var(--hero-height,650px);overflow:hidden;background:#0f172a;max-width:100vw}
@media(max-width:749px){.bh-hero{min-height:var(--hero-mobile,500px)}}
.bh-hero__media,.bh-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bh-hero__media img{width:100%;height:100%;object-fit:cover}
.bh-hero__overlay{position:absolute;inset:0;z-index:1}
.bh-hero__content{position:relative;z-index:2;max-width:680px;padding:60px clamp(20px,5vw,80px)}
.bh-hero__content--center{max-width:800px;margin:0 auto;text-align:center;padding:60px 20px}
.bh-hero__pill{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:100px;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#fff;background:var(--pill-bg);border:1px solid var(--pill-border);margin-bottom:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:bh-fadeDown .8s ease}
.bh-hero__pill-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:bh-pulse 2s infinite}
.bh-hero__heading{font-size:clamp(32px,5vw,62px);font-weight:800;line-height:1.08;letter-spacing:-.02em;margin:0 0 16px;animation:bh-fadeUp .8s ease}
.bh-hero__sub{font-size:clamp(16px,2vw,20px);line-height:1.6;margin:0 0 32px;max-width:520px;animation:bh-fadeUp 1s ease}
.bh-hero__content--center .bh-hero__sub{margin-left:auto;margin-right:auto}
.bh-hero__ctas{display:flex;gap:12px;flex-wrap:wrap;animation:bh-fadeUp 1.2s ease}
.bh-hero__content--center .bh-hero__ctas{justify-content:center}
.bh-hero__btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer}
.bh-hero__btn--primary{background:var(--btn-bg);color:var(--btn-color);box-shadow:0 4px 15px rgba(37,99,235,.4)}
.bh-hero__btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(37,99,235,.5)}
.bh-hero__btn--primary svg{width:16px;height:16px;transition:transform .3s}
.bh-hero__btn--primary:hover svg{transform:translateX(4px)}
.bh-hero__btn--secondary{background:var(--btn-bg);color:var(--btn-color);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px)}
.bh-hero__btn--secondary:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}
@keyframes bh-fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes bh-fadeDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@keyframes bh-pulse{0%,100%{opacity:1}50%{opacity:.4}}