/* ROBROV Header Hero Bar */
:root {
  --rhhb-bg: transparent;
  --rhhb-color: #0f63ff;
  --rhhb-text: #0e1325;
  --rhhb-muted: #5b6685;
  --rhhb-divider: rgba(0,0,0,.1);
}
@media (prefers-color-scheme: dark){
  :root{ --rhhb-text:#eaf0ff; --rhhb-muted:#9aa4c3; --rhhb-divider: rgba(255,255,255,.12); }
}
.rhhb{background:var(--rhhb-bg); border-bottom:calc(var(--rhhb-border,1)*1px) solid var(--rhhb-divider); padding:16px 6vw; font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial}
.rhhb .rhhb-inner{display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap}
.rhhb-align-center .rhhb-inner{justify-content:center}
.rhhb-align-left .rhhb-inner{justify-content:flex-start}
.rhhb-left{display:flex; align-items:center; gap:16px; min-width:200px}
.rhhb-logo{height:52px; width:auto; object-fit:contain}
.rhhb-logo-fallback{height:52px; display:grid; place-items:center; padding:0 14px; border-radius:12px; background:rgba(0,0,0,.06); color:var(--rhhb-text); font-weight:800; letter-spacing:.4px}
.rhhb-title{margin:0; font-weight:900; color:var(--rhhb-text); font-size:clamp(20px,3.2vw,28px)}
.rhhb-subtitle{margin:.15rem 0 0; color:var(--rhhb-muted); font-weight:600; font-size:clamp(12px,2vw,14px)}
.rhhb-social{display:flex; align-items:center; gap:10px}
.rhhb-icon{display:grid; place-items:center; width:40px; height:40px; border-radius:12px; text-decoration:none; background:var(--rhhb-color); box-shadow:0 6px 16px rgba(15,99,255,.28); transition:transform .2s ease, filter .2s ease}
.rhhb-icon:hover{filter:brightness(1.05); transform:translateY(-1px)}
.rhhb-icon svg{width:22px; height:22px; fill:#fff}
/* Sizes */
.rhhb-size-sm .rhhb-icon{width:34px; height:34px; border-radius:10px}
.rhhb-size-lg .rhhb-icon{width:46px; height:46px; border-radius:14px}
/* Shapes */
.rhhb-shape-square .rhhb-icon{border-radius:6px}
.rhhb-shape-pill .rhhb-icon{border-radius:999px}
