/* BBXNEXUS product information menu: preserve the existing artwork and hero. */
#experience > header .account-actions{margin-left:auto}
#experience > header #bbx-menu-open{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  flex:0 0 auto;min-height:44px;padding:10px 16px;
  color:#eef4f6;background:linear-gradient(145deg,#2e455cbe,#0b1c2bdd);
  border:1px solid #adbfcb87;border-radius:7px;
  font:700 12px/1.2 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  box-shadow:inset 0 1px 0 #ffffff1b,0 5px 16px #00000045;
  backdrop-filter:blur(12px) saturate(125%);
}
#experience > header #bbx-menu-open:hover,
#experience > header #bbx-menu-open[aria-expanded="true"]{
  background:linear-gradient(145deg,#41596dcc,#173145eb);border-color:#d2e1ebad;
}
#experience > header #bbx-menu-open:focus-visible{outline:2px solid #d7e9f2;outline-offset:3px}
.bbx-menu-icon{width:17px;display:grid;gap:4px}
.bbx-menu-icon i{display:block;height:2px;width:100%;border-radius:3px;background:currentColor}
.bbx-menu-icon i:nth-child(2){width:75%}

.bbx-site-menu{
  position:fixed;inset:0 0 0 auto;margin:0;padding:0;
  width:min(430px,100vw);height:100dvh;max-width:100vw;max-height:100dvh;
  overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
  border:0;border-left:1px solid #567388;background:
  radial-gradient(ellipse at 90% 0%,#102d46 0%,transparent 56%),
  linear-gradient(155deg,#0c1b29,#070e19 75%);
  color:#edf5f8;box-shadow:-28px 0 76px #0009;
  font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color-scheme:dark;
}
.bbx-site-menu::backdrop{background:#01050cbb;backdrop-filter:blur(5px)}
.bbx-site-menu[open]{display:block;animation:bbx-menu-in .23s ease-out both}
.bbx-site-menu::before{content:"";display:block;height:3px;background:linear-gradient(90deg,#FF2028,#00E5FF,#00FF9C,#326BFF,#FF6A00,#A855FF,#B6FF00)}
.bbx-menu-head{padding:29px 25px 20px;display:flex;gap:18px;justify-content:space-between;border-bottom:1px solid #91b3c12c}
.bbx-menu-head h2{font-size:clamp(25px,3vw,30px);line-height:1.1;letter-spacing:-.045em;margin:9px 0}
.bbx-menu-head p{font-size:12px;line-height:1.6;color:#b9cbd5;margin:0;max-width:31ch}
.bbx-menu-eyebrow{color:#00E5FF;font:750 10px/1.4 system-ui,sans-serif;letter-spacing:.21em;text-transform:uppercase}
#bbx-menu-close{flex:0 0 39px;width:39px;height:39px;border:1px solid #b5cbd466;border-radius:9px;background:#1a3447;color:#f1f7f9;font-size:25px;line-height:1}
#bbx-menu-close:hover{background:#2a4d64}
.bbx-site-menu nav{padding:4px 25px 22px}
.bbx-site-menu nav section{padding:19px 0 15px;border-bottom:1px solid #9fb7c22a}
.bbx-site-menu nav h3{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;color:#f0f8ff;font-size:13px;letter-spacing:.025em}
.bbx-site-menu nav h3 span{color:#8ea9b7;font-size:10px;font-weight:500;letter-spacing:0}
.bbx-site-menu details{border:1px solid #6d8da351;border-radius:9px;background:#122b3c94;margin-top:6px;overflow:hidden}
.bbx-site-menu summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:51px;padding:11px 13px;cursor:pointer;list-style:none;color:#f0f7fb;font-weight:650;font-size:12px}
.bbx-site-menu summary::-webkit-details-marker{display:none}
.bbx-site-menu summary:hover{background:#21435b}
.bbx-site-menu details[open] summary{border-bottom:1px solid #6d8da351}
.bbx-site-menu summary::after{content:"+";flex:0 0 auto;color:#00E5FF;font-size:20px;font-weight:400;line-height:1}
.bbx-site-menu details[open] summary::after{content:"−"}
.bbx-site-menu details[open]{border-color:#70b7c378;background:#17374a9c}
.bbx-site-menu details p{margin:0;padding:12px 14px 15px;font-size:12px;line-height:1.65;color:#bcd1dc}
.bbx-menu-disclosure{margin:0 25px 27px;color:#91afbd;font-size:11px;line-height:1.65}
.bbx-site-menu :is(button,summary):focus-visible{outline:2px solid #00E5FF;outline-offset:2px}

.account-signup-entry{border-top:1px solid #7399a14d;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:18px}
.account-signup-entry span{font-size:12px;line-height:1.55;color:#d0e2e7}
.account-signup-entry #account-signup{flex:0 0 auto;border:1px solid #83bbbf;border-radius:7px;background:#153d49;padding:10px 16px;color:#eff9f9;font:700 12px/1.3 system-ui,sans-serif}
.account-signup-entry #account-signup:hover{background:#215968}
.account-signup-entry small{font-size:9px;color:#92e2df;margin-left:3px}

@keyframes bbx-menu-in{from{opacity:.6;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:900px){
  #experience > header #bbx-menu-open{min-height:36px;padding:8px 11px;gap:7px;font-size:11px}
  .bbx-menu-icon{width:15px;gap:3px}
}
@media(max-width:600px){
  #experience > header #bbx-menu-open{min-height:34px;padding:7px 9px;gap:5px;font-size:10px}
  .bbx-menu-icon{width:13px}
  .bbx-menu-head{padding:24px 20px 18px}
  .bbx-site-menu nav{padding:4px 20px 20px}
  .bbx-menu-disclosure{margin-left:20px;margin-right:20px}
  .account-signup-entry{flex-direction:column;align-items:flex-start}
}
@media(max-width:360px){#experience > header #bbx-menu-open{padding:6px 6px;font-size:9px;gap:4px}}
@media(prefers-reduced-motion:reduce){.bbx-site-menu[open]{animation:none}.bbx-site-menu::backdrop{backdrop-filter:none}}