/* ============================================================
   CANONICAL MENU BAR — identical on every page (homepage = source of truth)
   ============================================================ */
.hbottom{ position:fixed !important; bottom:0 !important; top:auto !important; left:50% !important; right:auto !important; transform:translateX(-50%) !important; z-index:99999 !important; display:inline-flex !important; flex-flow:row nowrap !important; align-items:center !important; justify-content:center !important; width:max-content !important; max-width:97vw !important; gap:10px !important; padding:18px 24px 22px !important; border-radius:26px 26px 0 0 !important; border:1px solid rgba(255,255,255,.14) !important; border-bottom:none !important; background:rgba(12,12,16,.55) !important; -webkit-backdrop-filter:blur(48px) saturate(1.4) !important; backdrop-filter:blur(48px) saturate(1.4) !important; box-shadow:0 -18px 60px -18px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.18) !important; }
.hbottom > *{ flex:0 0 auto !important; width:auto !important; order:0 !important; }
.hbottom .tabbar{ display:flex !important; flex-flow:row nowrap !important; align-items:center !important; width:auto !important; max-width:none !important; gap:8px !important; padding:0 !important; position:static !important; background:none !important; border:none !important; }
.hbottom .tab{ flex:0 0 auto !important; display:flex !important; align-items:center !important; justify-content:center !important; width:auto !important; min-width:0 !important; padding:14px 22px !important; border-radius:999px !important; border:1px solid rgba(255,255,255,.28) !important; background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.07)) !important; -webkit-backdrop-filter:blur(18px) saturate(1.6) !important; backdrop-filter:blur(18px) saturate(1.6) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.4), 0 2px 10px -4px rgba(0,0,0,.3) !important; color:#fff !important; font-size:12.5px !important; font-weight:700 !important; letter-spacing:.6px !important; text-transform:uppercase !important; text-decoration:none !important; white-space:nowrap !important; }
.hbottom .tab:hover{ background:linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.14)) !important; color:#fff !important; }
.hbottom .tab.is-active{ background:linear-gradient(180deg, rgba(232,24,90,.72), rgba(232,24,90,.5)) !important; border-color:rgba(255,255,255,.4) !important; color:#fff !important; }
.hbottom .hb-arrow{ background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.07)) !important; -webkit-backdrop-filter:blur(18px) !important; backdrop-filter:blur(18px) !important; border:1px solid rgba(255,255,255,.28) !important; color:#fff !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.4) !important; }
.hbottom .hb-arrow:hover{ background:linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.14)) !important; }
.hbottom .aegis-launch{ border-radius:999px !important; background:linear-gradient(180deg, rgba(232,24,90,.72), rgba(232,24,90,.5)) !important; border:1px solid rgba(255,255,255,.4) !important; color:#fff !important; }
.hbottom #aegis{ margin-left:0 !important; }
.hb-legal{ position:absolute !important; left:0 !important; right:0 !important; top:-22px !important; bottom:auto !important; flex-basis:auto !important; width:auto !important; text-align:center !important; padding:0 !important; font-size:10.5px !important; letter-spacing:.4px !important; color:rgba(255,255,255,.5) !important; }
@media (max-width:720px){ .hbottom{ flex-wrap:wrap !important; max-width:calc(100vw - 16px) !important; } .hbottom .tabbar{ flex-wrap:wrap !important; } .hb-legal{ position:static !important; top:auto !important; padding-top:6px !important; } }

/* AWS logo slightly larger than the Futureworld mark */
.hb-cobrand img[alt="AWS"]{ height:32px !important; }
@media (max-width:560px){ .hb-cobrand img[alt="AWS"]{ height:22px !important; } }

/* "Futuremakers" wordmark next to the AI logo */
.hbrand .hb-logo{ gap:11px !important; }
.hb-word{ font-family:'Montserrat',-apple-system,'Helvetica Neue',Arial,sans-serif; font-size:18px; font-weight:700; letter-spacing:.3px; color:#fff; text-transform:uppercase; line-height:1; white-space:nowrap; }
@media (max-width:560px){ .hb-word{ font-size:14px; } }