/* Lumetra pre-launch header + MCP navigation customization.
   Kept separate from styles.css to preserve the landing performance size gate. */
.l484Header{
  height:76px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  padding:0 34px;
  background:linear-gradient(180deg,rgba(3,5,10,.72),rgba(3,5,10,0));
}
.l484Brand{display:flex;align-items:center;gap:9px;justify-self:start;color:#fff;text-decoration:none;font-size:11px;letter-spacing:.16em}
.l484Brand span{display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(190,146,255,.5);border-radius:8px;color:#c49aff;background:rgba(113,61,181,.16);font-size:9px}
.l484DesktopNav{display:flex;align-items:center;gap:6px;padding:5px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(8,10,17,.48);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.l484DesktopNav a{color:#d9d9e3;text-decoration:none;font-size:10px;padding:8px 12px;border-radius:999px;transition:background .18s ease,color .18s ease;white-space:nowrap}
.l484DesktopNav a:hover{color:#fff;background:rgba(255,255,255,.08)}
.l484DesktopNav .l484McpLink{color:#e2c8ff}
.l484McpLink span{margin-left:4px;padding:2px 4px;border-radius:4px;background:#8d52df;color:#fff;font-size:6px;letter-spacing:.08em;vertical-align:1px}
.l484HeaderActions{display:flex;align-items:center;justify-self:end;gap:7px}
.l484HeaderActions button{height:34px;padding:0 13px;border-radius:9px;font-size:9px;font-weight:750;cursor:pointer}
.l484SignIn{border:1px solid rgba(255,255,255,.13);background:rgba(8,10,17,.4);color:#f4f1f8}
.l484Register{border:1px solid rgba(178,125,255,.55);background:linear-gradient(135deg,#9a5be5,#6d3ac4);color:#fff;box-shadow:0 8px 28px rgba(111,59,195,.2)}
.l484DrawerNew{margin-left:5px;padding:2px 5px;border-radius:4px;background:#8d52df;color:#fff;font-size:7px}
.l484DrawerBrand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.l484DrawerBrand>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(190,146,255,.5);border-radius:9px;color:#c49aff;background:rgba(113,61,181,.16);font-size:10px}
.l484DrawerBrand strong{letter-spacing:.14em;font-size:12px}
@media(max-width:1024px){
  .l484Header{display:flex;justify-content:flex-start;padding:0 16px}
  .l484DesktopNav,.l484Brand,.l484HeaderActions{display:none!important}
  .l484MenuBtn{display:block!important;position:relative;left:auto}
}
@media(min-width:1025px){
  .l484DrawerBrand{display:none}
}