/* Blackhole hero — ported from composite-design-system/hero-blackhole.html, scoped to .bh-hero */
.bh-hero{--bh-dark:#010205;--bh-accent:#FF4D00;--bh-accent-2:#FF8A50;--bh-pill:9999px;
  position:relative;min-height:100vh;overflow:hidden;display:flex;align-items:center;
  background:var(--bh-dark);color:#fff;-webkit-font-smoothing:antialiased}
.bh-hero #bh-gl{position:absolute;inset:0;width:100%;height:100%;z-index:1;display:block}
.bh-hero .bh-veil{position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(270deg,rgba(1,2,5,.92) 0%,rgba(1,2,5,.75) 30%,rgba(1,2,5,.15) 55%,rgba(1,2,5,0) 75%)}
.bh-hero .bh-wrap{position:relative;z-index:3;max-width:1180px;margin:0 auto;padding:0 24px;width:100%}
.bh-hero .bh-tag{display:inline-block;font-size:13px;font-weight:700;color:var(--bh-accent);
  background:rgba(255,77,0,.12);padding:6px 14px;border-radius:var(--bh-pill);margin-bottom:22px}
.bh-hero h1{font-weight:800;font-size:clamp(42px,6.5vw,68px);line-height:1.15;max-width:660px;color:#fff}
.bh-hero h1 .bh-line2{background:linear-gradient(90deg,var(--bh-accent),var(--bh-accent-2));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.bh-hero .bh-cursor{display:inline-block;width:3px;height:.9em;background:var(--bh-accent);
  margin-right:4px;transform:translateY(6px);animation:bh-blink 1s steps(1) infinite}
@keyframes bh-blink{50%{opacity:0}}
.bh-hero .bh-sub{color:#c8c9cf;max-width:520px;margin:26px 0 34px;font-size:19px;line-height:1.7}
.bh-hero .bh-cta{display:flex;gap:14px;flex-wrap:wrap}
.bh-hero .bh-btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:16px;
  padding:12px 26px;border-radius:20px;border:1px solid transparent;cursor:pointer;transition:.2s;text-decoration:none}
.bh-hero .bh-btn-accent{background:var(--wp--preset--color--primary,#FF4D00);color:#fff}
.bh-hero .bh-btn-accent:hover{background:var(--wp--preset--color--primary-hover,#E04300);transform:translateY(-2px)}
.bh-hero .bh-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.25)}
.bh-hero .bh-btn-ghost:hover{border-color:var(--bh-accent);color:var(--bh-accent)}
.bh-hero .bh-stats{display:flex;gap:52px;margin-top:60px;flex-wrap:wrap}
.bh-hero .bh-stat b{font-weight:800;font-size:40px;color:#fff;display:block}
.bh-hero .bh-stat b em{color:var(--bh-accent);font-style:normal}
.bh-hero .bh-stat span{color:#9a9ba3;font-size:13px}
@media(max-width:820px){.bh-hero .bh-veil{background:linear-gradient(180deg,rgba(1,2,5,.5),rgba(1,2,5,.85))}}