/* LuxBMI Hexagon Command Center: mobile menu skin.
   Existing navigation, settings, translated links, and mobile launcher remain functional.
   Loaded after home.css and cloud controls; desktop navigation is unchanged. */
@media (max-width: 960px) {
  .lux-header .lux-brand { position:relative; z-index:104; }
  .lux-menu-toggle {
    display:block;
    position:relative;
    z-index:105;
    width:48px; height:48px;
    padding:12px 13px;
    background:linear-gradient(155deg,#102f52,#07162b 74%);
    border:1px solid rgba(246,191,77,.78);
    border-radius:11px;
    clip-path:polygon(24% 0,76% 0,100% 24%,100% 76%,76% 100%,24% 100%,0 76%,0 24%);
    box-shadow:0 0 18px rgba(230,164,42,.23), inset 0 0 12px rgba(39,189,251,.08);
    color:#f7ce77;
    -webkit-tap-highlight-color:transparent;
  }
  .lux-menu-toggle > span:not(.screen-reader-text) {
    background:currentColor;
    height:2px;
    margin:4px 0;
  }
  .lux-menu-toggle[aria-expanded="true"] {
    color:#ffe39d;
    border-color:#f6ba46;
    background:linear-gradient(145deg,#193b5c,#071829);
  }
  .lux-menu-toggle:focus-visible {
    outline:3px solid #fff0b6;
    outline-offset:5px;
  }
  .lux-nav {
    position:fixed;
    inset:0;
    z-index:101;
    width:100vw; max-width:none;
    height:100dvh;
    min-height:100vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:clamp(7px, 1.35dvh, 12px);
    padding:clamp(100px, 15dvh, 135px) max(25px, env(safe-area-inset-right,0px) + 25px)
            max(29px, env(safe-area-inset-bottom,0px) + 29px)
            max(25px, env(safe-area-inset-left,0px) + 25px);
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    background:
      radial-gradient(ellipse at 95% 20%,rgba(16,69,111,.42),transparent 42%),
      radial-gradient(ellipse at 3% 88%,rgba(156,110,31,.16),transparent 39%),
      linear-gradient(155deg,rgba(2,11,25,.985),rgba(4,22,44,.985) 50%,rgba(2,9,22,.99));
    opacity:0;
    visibility:hidden;
    transform:translateY(-9px);
    transition:opacity 220ms ease,transform 260ms cubic-bezier(.2,.74,.2,1),visibility 220ms;
    isolation:isolate;
  }
  .lux-nav.is-open {
    opacity:1;
    visibility:visible;
    transform:none;
  }
  /* The underlay: microscopic gold/cyan lattice, never competing with the menu. */
  .lux-nav::before {
    content:"";
    position:fixed; inset:0;
    z-index:-1;
    pointer-events:none;
    opacity:.5;
    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104' height='90' viewBox='0 0 104 90'%3E%3Cpath d='M26 2 50 16v28L26 58 2 44V16ZM78 32l24 14v28L78 88 54 74V46Z' fill='none' stroke='%2329c8ff' stroke-opacity='.19' stroke-width='1.1'/%3E%3Cpath d='M78-28 102-14v28L78 28 54 14v-28ZM26 62 50 76v28l-24 14L2 104V76Z' fill='none' stroke='%23eab753' stroke-opacity='.18' stroke-width='1.1'/%3E%3C/svg%3E");
    background-size:104px 90px;
    -webkit-mask-image:linear-gradient(90deg,#000 0,transparent 32%,transparent 68%,#000 100%);
    mask-image:linear-gradient(90deg,#000 0,transparent 32%,transparent 68%,#000 100%);
  }
  /* Thin bevelled executive frame, inset away from interactive items. */
  .lux-nav::after {
    content:"";
    position:fixed;
    inset: max(12px, env(safe-area-inset-top,0px) + 12px)
      max(11px, env(safe-area-inset-right,0px) + 11px)
      max(12px, env(safe-area-inset-bottom,0px) + 12px)
      max(11px, env(safe-area-inset-left,0px) + 11px);
    z-index:-1;
    pointer-events:none;
    border:1px solid rgba(240,178,71,.43);
    border-radius:14px;
    clip-path:polygon(0 15px,15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px));
    box-shadow:inset 0 0 18px rgba(224,174,66,.075),0 0 14px rgba(39,190,234,.07);
  }
  .lux-nav > .lux-hex-menu__eyebrow {
    width:min(100%,490px);
    display:flex;
    align-items:center;
    gap:11px;
    margin:0 0 4px;
    padding:0 0 7px;
    color:#8bb7d1;
    font:700 .64rem/1.5 "Oxanium","Segoe UI",sans-serif;
    letter-spacing:.23em;
    text-transform:uppercase;
    border-bottom:1px solid rgba(66,170,211,.27);
  }
  .lux-hex-menu__eyebrow::before {
    content:"";
    width:23px;height:2px;
    background:linear-gradient(90deg,#ffda7f,#46d8f2);
    flex:none;
  }
  .lux-nav > a:not(.lux-nav__cta),
  .lux-nav > button.lux-nav__settings {
    position:relative;
    width:min(100%,490px);
    min-height:clamp(54px, 8dvh, 71px);
    margin:0;
    padding:7px 16px 7px 8px;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    gap:15px;
    flex:0 0 auto;
    color:#f0f6fc;
    border:1px solid rgba(99,172,206,.19);
    border-radius:12px;
    background:linear-gradient(100deg,rgba(4,22,42,.84),rgba(2,10,23,.68));
    font:650 clamp(.99rem,3.7vw,1.12rem)/1.35 "Rajdhani","Segoe UI",sans-serif;
    letter-spacing:.018em;
    text-align:left;
    text-decoration:none;
    box-shadow:inset 0 1px 0 rgba(100,203,235,.045);
    opacity:1;
    transform:none;
    transition:border-color .18s ease, background .18s ease,box-shadow .18s ease;
    -webkit-tap-highlight-color:transparent;
  }
  .lux-nav > a:not(.lux-nav__cta):hover,
  .lux-nav > a:not(.lux-nav__cta):focus-visible,
  .lux-nav > button.lux-nav__settings:hover,
  .lux-nav > button.lux-nav__settings:focus-visible,
  .lux-nav > a.is-active:not(.lux-nav__cta) {
    color:#fff4d8;
    border-color:rgba(243,182,64,.75);
    background:linear-gradient(100deg,rgba(48,40,31,.72),rgba(7,24,47,.87) 70%);
    box-shadow:inset 3px 0 0 rgba(247,196,90,.85),0 0 24px rgba(214,154,54,.11);
  }
  .lux-nav > a:focus-visible,
  .lux-nav > button.lux-nav__settings:focus-visible {
    outline:2px solid #fff3c2;
    outline-offset:2px;
  }
  .lux-nav .lux-hex-menu__icon {
    position:relative;
    display:grid;
    place-items:center;
    width:49px;height:49px;
    flex:0 0 49px;
    color:#f6c66c;
    background:linear-gradient(155deg,rgba(14,49,75,.98),rgba(5,19,34,.95));
    clip-path:polygon(50% 0,95% 24%,95% 76%,50% 100%,5% 76%,5% 24%);
    isolation:isolate;
  }
  .lux-hex-menu__icon::before {
    content:"";
    position:absolute;
    z-index:-1;
    inset:1px;
    background:linear-gradient(145deg,#eec56a,#30b5da 52%,#cb922e);
    clip-path:inherit;
  }
  .lux-hex-menu__icon::after {
    content:"";
    position:absolute;
    z-index:-1;
    inset:2.5px;
    background:linear-gradient(145deg,#0d2b43,#061528);
    clip-path:inherit;
  }
  .lux-hex-menu__icon svg {
    display:block;
    width:23px;height:23px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linejoin:round;
    stroke-linecap:round;
  }
  .lux-nav .lux-hex-menu__title {
    min-width:0;
    flex:1;
    font:inherit;
    color:inherit;
  }
  .lux-nav .lux-hex-menu__chevron {
    width:10px;height:10px;
    margin-right:3px;
    flex:none;
    border-right:1.8px solid rgba(255,209,115,.82);
    border-top:1.8px solid rgba(255,209,115,.82);
    transform:rotate(45deg);
  }
  .lux-nav .lux-nav__settings .lux-nav__sound-icon { display:none; }
  .lux-nav .lux-nav__settings [data-audio-nav-label] { flex:1; }
  .lux-nav > a.lux-nav__cta {
    width:min(100%,490px);
    display:grid;
    min-height:51px;
    place-items:center;
    margin:5px 0 0;
    padding:12px 20px;
    background:linear-gradient(90deg,#e3a63d,#f4d075,#e8ac4e);
    border:1px solid rgba(255,223,148,.85);
    color:#071729;
    border-radius:10px;
    font:800 1rem/1.35 "Rajdhani","Segoe UI",sans-serif;
    box-shadow:0 10px 22px rgba(179,111,26,.17);
    text-align:center;
  }
  .lux-nav > a.lux-nav__cta:hover,
  .lux-nav > a.lux-nav__cta:focus-visible {
    color:#071729;
    background:linear-gradient(90deg,#f2c369,#ffe19b,#f2c369);
  }
  .lux-nav > .lux-hex-menu__bottom {
    margin:5px 0 0;
    width:min(100%,490px);
    padding:11px 0 4px;
    color:rgba(122,188,221,.73);
    font:600 .65rem/1.45 "Oxanium","Segoe UI",sans-serif;
    text-align:center;
    letter-spacing:.17em;
    border-top:1px solid rgba(63,163,205,.2);
  }
  /* Entry motion on actual open only, no fake menu loading state. */
  .lux-nav > :is(a,button.lux-nav__settings,.lux-hex-menu__eyebrow,.lux-hex-menu__bottom) {
    transition:opacity .23s ease,translate .23s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
  }
  .lux-nav:not(.is-open) > :is(a,button.lux-nav__settings,.lux-hex-menu__eyebrow,.lux-hex-menu__bottom) {
    opacity:0;
    translate:0 7px;
  }
  .lux-nav.is-open > :is(a,button.lux-nav__settings,.lux-hex-menu__eyebrow,.lux-hex-menu__bottom) {
    opacity:1;
    translate:0 0;
  }
  .lux-nav.is-open > a:nth-of-type(2) {transition-delay:35ms}
  .lux-nav.is-open > a:nth-of-type(3) {transition-delay:65ms}
  .lux-nav.is-open > a:nth-of-type(4) {transition-delay:95ms}
  .lux-nav.is-open > a:nth-of-type(5) {transition-delay:125ms}
}
@media (max-width: 960px) and (max-height: 690px) {
  .lux-nav {
    padding-top:93px;
    gap:6px;
  }
  .lux-nav > a:not(.lux-nav__cta),.lux-nav > button.lux-nav__settings { min-height:52px; }
  .lux-nav .lux-hex-menu__icon { width:39px;height:39px;flex-basis:39px; }
  .lux-hex-menu__icon svg {width:20px;height:20px;}
  .lux-nav > .lux-hex-menu__bottom {padding-top:6px;}
}
@media (prefers-reduced-motion: reduce) {
  .lux-nav,
  .lux-nav > :is(a,button.lux-nav__settings,.lux-hex-menu__eyebrow,.lux-hex-menu__bottom),
  .lux-menu-toggle {transition:none!important;}
  .lux-nav:not(.is-open) > :is(a,button.lux-nav__settings,.lux-hex-menu__eyebrow,.lux-hex-menu__bottom) {translate:none;}
}
@media (forced-colors: active) {
  .lux-nav {background:Canvas;}
  .lux-nav > a:not(.lux-nav__cta),.lux-nav > button.lux-nav__settings {
    background:Canvas;
    border:1px solid ButtonText;
    color:CanvasText;
  }
  .lux-nav .lux-hex-menu__icon {color:CanvasText;}
  .lux-nav > a.lux-nav__cta {background:ButtonFace;color:ButtonText;}
}

/* Final visual QA: fully occlude page content and avoid duplicate Settings gear. */
@media (max-width: 960px) {
  .lux-nav {
    background:
      radial-gradient(ellipse at 95% 20%,rgba(18,71,111,.35),transparent 43%),
      radial-gradient(ellipse at 3% 88%,rgba(156,110,31,.13),transparent 39%),
      linear-gradient(155deg,#020b19,#05182e 50%,#020916);
  }
  .lux-nav > button.lux-nav__settings::after {
    display:none !important;
    content:none !important;
  }
  .lux-nav > a.lux-nav__cta {
    /* The translucent request CTA defines its own text/glass styling below. */
  }
}


/* LuxBMI Navigation Glass Buttons v31 — links and Settings only.
   Deliberately leaves logo, header background, header scroll/hide logic,
   mobile launcher, CTA and all site banners completely unchanged. */

/* Blue/gold lightly tinted frosted glass with a luminous edge. */
.lux-header .lux-nav > :is(a:not(.lux-nav__cta), button.lux-nav__settings) {
  color:#edf6ff;
  border:1px solid transparent;
  border-radius:14px;
  background:
    linear-gradient(148deg,
      rgba(70,135,221,.15) 0%,
      rgba(26,59,119,.16) 50%,
      rgba(12,32,70,.2) 100%) padding-box,
    linear-gradient(132deg,
      rgba(158,211,255,.82),
      rgba(71,141,239,.54) 42%,
      rgba(231,179,96,.62) 100%) border-box;
  -webkit-backdrop-filter:blur(12px) saturate(135%);
  backdrop-filter:blur(12px) saturate(135%);
  box-shadow:
    inset 0 1px 0 rgba(244,250,255,.25),
    inset 0 -1px 0 rgba(75,158,239,.13),
    0 7px 21px rgba(2,11,34,.21),
    0 0 12px rgba(52,150,236,.08);
  text-shadow:0 1px 9px rgba(0,8,28,.65);
  transition:
    color 200ms ease, background 200ms ease,
    border-color 200ms ease, box-shadow 200ms ease,
    transform 200ms ease;
}

/* The current page gets the warmer gold glass treatment in the reference. */
.lux-header .lux-nav > a.is-active:not(.lux-nav__cta),
.lux-header .lux-nav > button.lux-nav__settings[aria-expanded="true"] {
  color:#fff2d3;
  background:
    linear-gradient(140deg,
      rgba(194,146,73,.16),
      rgba(49,64,105,.20) 55%,
      rgba(21,42,84,.23)) padding-box,
    linear-gradient(124deg,
      rgba(255,224,152,.94),
      rgba(248,192,92,.78) 36%,
      rgba(107,180,252,.7) 100%) border-box;
  box-shadow:
    inset 0 1px 0 rgba(255,250,220,.34),
    inset 0 -1px 0 rgba(241,183,88,.18),
    0 7px 22px rgba(2,11,34,.2),
    0 0 16px rgba(244,184,80,.18);
}

.lux-header .lux-nav > :is(a:not(.lux-nav__cta),button.lux-nav__settings):is(:hover,:focus-visible) {
  color:#fff7e9;
  background:
    linear-gradient(145deg,rgba(80,135,202,.23),rgba(42,59,103,.22) 55%,rgba(112,81,51,.12)) padding-box,
    linear-gradient(120deg,rgba(255,218,144,.95),rgba(123,194,255,.82),rgba(247,193,106,.8)) border-box;
  box-shadow:
    inset 0 1px 0 rgba(255,250,223,.34),
    0 7px 23px rgba(1,12,34,.25),
    0 0 18px rgba(82,173,251,.2),
    0 0 12px rgba(233,177,80,.13);
}
.lux-header .lux-nav > :is(a:not(.lux-nav__cta),button.lux-nav__settings):focus-visible {
  outline:2px solid #ffe0a0;
  outline-offset:3px;
}

/* Replace the old underline within the active glass button, not the header. */
body.lux-inner-page .lux-header .lux-nav > a.is-active:not(.lux-nav__cta)::after {
  display:none;
}

/* Compact enough for all six glass buttons + the existing CTA at desktop widths. */
@media (min-width:961px) {
  .lux-header .lux-nav {
    gap:clamp(7px,.72vw,12px);
  }
  .lux-header .lux-nav > :is(a:not(.lux-nav__cta),button.lux-nav__settings) {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:43px;
    padding:9px clamp(10px,.9vw,13px);
    font-size:clamp(.81rem,.9vw,.95rem);
    line-height:1.35;
    white-space:nowrap;
    flex-shrink:0;
  }
  .lux-header .lux-nav > button.lux-nav__settings {
    gap:7px;
    letter-spacing:.015em;
    cursor:pointer;
  }
}

/* Keep the existing mobile command menu's size and layout.
   Only its six interactive surfaces receive the matching glass skin. */
@media (max-width:960px) {
  .lux-header .lux-nav > :is(a:not(.lux-nav__cta),button.lux-nav__settings) {
    border-radius:13px;
    background:
      linear-gradient(105deg,rgba(69,132,207,.14),rgba(18,43,92,.18) 58%,rgba(17,35,80,.15)) padding-box,
      linear-gradient(125deg,rgba(141,196,254,.65),rgba(67,129,218,.5) 53%,rgba(240,189,99,.54)) border-box;
  }
  .lux-header .lux-nav > a.is-active:not(.lux-nav__cta),
  .lux-header .lux-nav > button.lux-nav__settings[aria-expanded="true"] {
    background:
      linear-gradient(105deg,rgba(159,114,62,.15),rgba(24,49,100,.19) 68%) padding-box,
      linear-gradient(120deg,rgba(252,219,139,.89),rgba(228,178,87,.72),rgba(112,178,246,.66)) border-box;
  }
}

@media (prefers-reduced-motion:reduce) {
  .lux-header .lux-nav > :is(a:not(.lux-nav__cta),button.lux-nav__settings) {
    transition:none;
  }
}
@media (forced-colors:active) {
  .lux-header .lux-nav > :is(a:not(.lux-nav__cta),button.lux-nav__settings),
  .lux-header .lux-nav > a.is-active:not(.lux-nav__cta) {
    background:Canvas;
    color:CanvasText;
    border:1px solid ButtonText;
    box-shadow:none;
  }
}


/* Request a review: separate gold-edge GLASS button, never a pill.
   Scoped only to the nav CTA; other page CTAs and branding unchanged. */
.lux-header .lux-nav > a.lux-nav__cta {
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:43px;
  margin:0;
  padding:9px 16px;
  border:1px solid transparent;
  border-radius:14px;
  background:
    linear-gradient(145deg,
      rgba(114,82,44,.19),
      rgba(29,50,93,.18) 60%,
      rgba(31,71,112,.14)) padding-box,
    linear-gradient(117deg,
      rgba(254,215,135,.89),
      rgba(225,162,76,.64) 45%,
      rgba(110,196,255,.62) 100%) border-box;
  color:#ffebbd;
  font-size:clamp(.79rem,.86vw,.92rem);
  font-weight:750;
  line-height:1.35;
  white-space:nowrap;
  text-decoration:none;
  text-align:center;
  -webkit-backdrop-filter:blur(12px) saturate(125%);
  backdrop-filter:blur(12px) saturate(125%);
  text-shadow:0 1px 8px rgba(2,7,22,.75);
  box-shadow:
    inset 0 1px 0 rgba(255,236,194,.25),
    0 7px 20px rgba(1,10,30,.18),
    0 0 16px rgba(245,190,95,.09);
  transition:background .2s ease,box-shadow .2s ease,color .2s ease;
}
.lux-header .lux-nav > a.lux-nav__cta:is(:hover,:focus-visible) {
  color:#fff4dc;
  background:
    linear-gradient(145deg,
      rgba(151,105,54,.25),
      rgba(36,69,120,.23)) padding-box,
    linear-gradient(120deg,
      rgba(255,227,165,.95),
      rgba(247,187,95,.76) 48%,
      rgba(126,203,251,.68)) border-box;
  box-shadow:
    inset 0 1px 0 rgba(255,249,223,.36),
    0 7px 22px rgba(1,10,30,.2),
    0 0 18px rgba(246,184,86,.17);
}
.lux-header .lux-nav > a.lux-nav__cta:focus-visible {
  outline:2px solid #ffe0a0;
  outline-offset:3px;
}
@media (max-width:960px) {
  .lux-header .lux-nav > a.lux-nav__cta {
    width:min(100%,490px);
    min-height:51px;
    margin:5px 0 0;
    border-radius:13px;
    padding:12px 18px;
    font-size:1rem;
    color:#ffebbd;
    text-shadow:0 1px 8px rgba(2,7,22,.72);
    filter:none;
  }
}
@media (prefers-reduced-motion:reduce) {
  .lux-header .lux-nav > a.lux-nav__cta {transition:none;}
}
@media (forced-colors:active) {
  .lux-header .lux-nav > a.lux-nav__cta {
    background:Canvas;
    color:CanvasText;
    border:1px solid ButtonText;
    box-shadow:none;
  }
}


/* LuxBMI desktop header polish: text-only Settings and solid-gold review CTA.
   Scoped to nav settings and request link; no logo, scroll, mobile menu or header changes. */
.lux-header .lux-nav > button.lux-nav__settings::after {
  display:none !important;
  content:none !important;
}
.lux-header .lux-nav > button.lux-nav__settings > :is(
  .lux-hex-menu__icon,
  .lux-hex-menu__chevron,
  .lux-nav__sound-icon
) {
  display:none !important;
}
.lux-header .lux-nav > button.lux-nav__settings [data-audio-nav-label] {
  flex:0 1 auto;
}
@media (min-width:961px) {
  .lux-header .lux-nav > button.lux-nav__settings {
    gap:0;
    text-align:center;
  }
  .lux-header .lux-nav > a.lux-nav__cta {
    background:#efbc54;
    background-image:none;
    border:1px solid #f6cc79;
    border-radius:12px;
    color:#091a32;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    text-shadow:none;
    box-shadow:
      inset 0 1px 0 rgba(255,249,216,.48),
      0 6px 18px rgba(4,12,29,.2),
      0 0 14px rgba(239,188,84,.13);
  }
  .lux-header .lux-nav > a.lux-nav__cta:is(:hover,:focus-visible) {
    background:#ffd47e;
    background-image:none;
    border-color:#ffe0a1;
    color:#07182e;
    text-shadow:none;
    box-shadow:
      inset 0 1px 0 rgba(255,255,236,.55),
      0 8px 21px rgba(4,12,29,.24),
      0 0 16px rgba(245,201,109,.23);
  }
}
@media (forced-colors:active) {
  .lux-header .lux-nav > a.lux-nav__cta {
    background:ButtonFace;
    border:1px solid ButtonText;
    color:ButtonText;
    box-shadow:none;
  }
}


/* Secondary gold-X close affordance at bottom of the mobile navigation.
   Separate from the existing header close X; both use the same controller. */
.lux-hex-menu__close-bottom { display:none; }
@media (max-width:960px) {
  .lux-nav > button.lux-hex-menu__close-bottom {
    display:flex;
    width:min(100%,490px);
    min-height:54px;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;
    gap:13px;
    margin:6px 0 0;
    padding:7px 16px;
    border:1px solid rgba(239,184,75,.85);
    border-radius:12px;
    color:#ffe4a9;
    background:linear-gradient(112deg,rgba(23,48,70,.95),rgba(5,22,41,.96));
    box-shadow:0 8px 24px rgba(0,6,20,.33),inset 0 1px 0 rgba(255,225,158,.12);
    font:750 .99rem/1.2 "Rajdhani","Segoe UI",sans-serif;
    letter-spacing:.045em;
    text-transform:uppercase;
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
    cursor:pointer;
    transition:background .18s ease,border-color .18s ease,transform .18s ease,opacity .2s ease,translate .2s ease;
  }
  .lux-nav > button.lux-hex-menu__close-bottom:hover {
    border-color:#ffe4aa;
    background:linear-gradient(112deg,rgba(54,67,75,.97),rgba(11,35,57,.97));
  }
  .lux-nav > button.lux-hex-menu__close-bottom:active {transform:scale(.98);}
  .lux-nav > button.lux-hex-menu__close-bottom:focus-visible {outline:3px solid #fff0bd;outline-offset:3px;}
  .lux-hex-menu__close-mark {
    display:grid;place-items:center;
    width:38px;height:38px;flex:0 0 38px;
    clip-path:polygon(50% 0,95% 24%,95% 76%,50% 100%,5% 76%,5% 24%);
    background:linear-gradient(155deg,#2a5574,#081c31);
    color:#ffd687;
  }
  .lux-hex-menu__close-mark svg {
    display:block;width:20px;height:20px;
    stroke:currentColor;stroke-width:2.5;stroke-linecap:round;fill:none;
  }
  .lux-nav:not(.is-open) > button.lux-hex-menu__close-bottom {opacity:0;translate:0 7px;}
  .lux-nav.is-open > button.lux-hex-menu__close-bottom {opacity:1;translate:0 0;}
}
@media (max-width:960px) and (max-height:690px) {
  .lux-nav > button.lux-hex-menu__close-bottom {min-height:49px;margin-top:3px;}
  .lux-hex-menu__close-mark {width:33px;height:33px;flex-basis:33px;}
}
@media (prefers-reduced-motion:reduce) {
  .lux-nav > button.lux-hex-menu__close-bottom {transition:none!important;}
}
@media (forced-colors:active) {
  .lux-nav > button.lux-hex-menu__close-bottom {
    border-color:ButtonText;background:ButtonFace;color:ButtonText;
  }
  .lux-hex-menu__close-mark {color:ButtonText;background:ButtonFace;}
}


/* Mobile bottom utility row: icon-only Home + the existing Close Menu button. */
.lux-hex-menu__quick-actions{display:none}
@media(max-width:960px){
  .lux-nav > .lux-hex-menu__quick-actions{
    width:min(100%,490px);
    display:flex;
    flex:0 0 auto;
    align-items:stretch;
    gap:10px;
    margin:6px 0 0;
  }
  .lux-nav > .lux-hex-menu__quick-actions > a.lux-hex-menu__home-bottom{
    display:grid;
    place-items:center;
    flex:0 0 58px;
    width:58px;
    min-height:54px;
    padding:0;
    border:1px solid rgba(67,191,230,.7);
    border-radius:12px;
    color:#ffe0a0;
    background:
      linear-gradient(145deg,rgba(25,65,100,.96),rgba(7,24,44,.97));
    box-shadow:0 8px 24px rgba(0,6,20,.32),inset 0 1px 0 rgba(146,215,246,.14);
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
    text-decoration:none;
    transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
  }
  .lux-nav > .lux-hex-menu__quick-actions > a.lux-hex-menu__home-bottom svg{
    display:block;
    width:25px;
    height:25px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linejoin:round;
    stroke-linecap:round;
  }
  .lux-nav > .lux-hex-menu__quick-actions > a.lux-hex-menu__home-bottom:is(:hover,:focus-visible){
    border-color:#f5c86e;
    background:linear-gradient(145deg,rgba(65,84,105,.96),rgba(9,34,57,.98));
    box-shadow:0 0 17px rgba(244,187,88,.17);
  }
  .lux-nav > .lux-hex-menu__quick-actions > a.lux-hex-menu__home-bottom:focus-visible{
    outline:3px solid #fff0bd;
    outline-offset:3px;
  }
  .lux-nav > .lux-hex-menu__quick-actions > button.lux-hex-menu__close-bottom{
    display:flex;
    flex:1 1 auto;
    width:auto;
    min-width:0;
    min-height:54px;
    align-items:center;
    justify-content:center;
    gap:13px;
    margin:0;
    padding:7px 12px;
    border:1px solid rgba(239,184,75,.85);
    border-radius:12px;
    color:#ffe4a9;
    background:linear-gradient(112deg,rgba(23,48,70,.95),rgba(5,22,41,.96));
    box-shadow:0 8px 24px rgba(0,6,20,.33),inset 0 1px 0 rgba(255,225,158,.12);
    font:750 .99rem/1.2 "Rajdhani","Segoe UI",sans-serif;
    letter-spacing:.045em;
    text-transform:uppercase;
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
    cursor:pointer;
    transition:background .18s ease,border-color .18s ease,transform .18s ease;
  }
  .lux-nav > .lux-hex-menu__quick-actions > button.lux-hex-menu__close-bottom:hover{
    border-color:#ffe4aa;
    background:linear-gradient(112deg,rgba(54,67,75,.97),rgba(11,35,57,.97));
  }
  .lux-nav > .lux-hex-menu__quick-actions > button.lux-hex-menu__close-bottom:active{transform:scale(.98)}
  .lux-nav > .lux-hex-menu__quick-actions > button.lux-hex-menu__close-bottom:focus-visible{
    outline:3px solid #fff0bd;outline-offset:3px;
  }
  .lux-nav:not(.is-open) > .lux-hex-menu__quick-actions{
    opacity:0;translate:0 7px;
  }
  .lux-nav.is-open > .lux-hex-menu__quick-actions{
    opacity:1;translate:0 0;
  }
}
@media(max-width:960px) and (max-height:690px){
  .lux-nav > .lux-hex-menu__quick-actions > a.lux-hex-menu__home-bottom,
  .lux-nav > .lux-hex-menu__quick-actions > button.lux-hex-menu__close-bottom{
    min-height:49px;
  }
}
@media(prefers-reduced-motion:reduce){
  .lux-nav > .lux-hex-menu__quick-actions,
  .lux-nav > .lux-hex-menu__quick-actions > *{transition:none!important}
}
@media(forced-colors:active){
  .lux-nav > .lux-hex-menu__quick-actions > a.lux-hex-menu__home-bottom,
  .lux-nav > .lux-hex-menu__quick-actions > button.lux-hex-menu__close-bottom{
    border:1px solid ButtonText;background:ButtonFace;color:ButtonText;
  }
}


/* LuxBMI Final Review CTA — shadowless text and surface v1
   Flat, crisp type and shadow-free button on all viewports/states.
   Gold desktop fill, translucent mobile fill, border, size and hover
   color stay as they are; all other header elements stay unchanged. */
.lux-header .lux-nav > a.lux-nav__cta,
.lux-header .lux-nav > a.lux-nav__cta:is(:hover,:focus,:focus-visible,:active) {
  text-shadow:none !important;
  box-shadow:none !important;
  filter:none !important;
}
.lux-header .lux-nav > a.lux-nav__cta *,
.lux-header .lux-nav > a.lux-nav__cta :is(span,svg) {
  text-shadow:none !important;
  filter:none !important;
}


/* LuxBMI Settings Gear Icon — Mobile Only v1
   Use the identical gold/cyan hexagon icon as Home, Services, etc.
   Desktop remains text-only, as requested previously. */
@media (max-width:960px) {
  .lux-header .lux-nav > button.lux-nav__settings > .lux-hex-menu__icon {
    display:grid !important;
    place-items:center;
    flex:0 0 49px;
    width:49px;
    height:49px;
  }
  .lux-header .lux-nav > button.lux-nav__settings [data-audio-nav-label] {
    flex:1 1 auto;
  }
}
@media (max-width:960px) and (max-height:690px) {
  .lux-header .lux-nav > button.lux-nav__settings > .lux-hex-menu__icon {
    flex-basis:39px;
    width:39px;
    height:39px;
  }
}

/* Master Mute belongs to the same full-width hex/glass menu family as
   Settings on phones/tablets. Desktop's compact pill remains unchanged. */
.lux-nav > button.lux-nav__quick-mute > .lux-hex-menu__icon { display:none; }
@media (max-width:960px) {
  .lux-header .lux-nav > button.lux-nav__quick-mute {
    position:relative;
    width:min(100%,490px);
    min-width:0;
    min-height:clamp(54px,8dvh,71px);
    margin:0;
    padding:7px 16px 7px 8px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:15px;
    flex:0 0 auto;
    color:#edf6ff;
    font:650 clamp(.99rem,3.7vw,1.12rem)/1.35 "Rajdhani","Segoe UI",sans-serif;
    letter-spacing:.018em;
    text-align:left;
    border:1px solid transparent;
    border-radius:13px;
    background:
      linear-gradient(105deg,rgba(69,132,207,.14),rgba(18,43,92,.18) 58%,rgba(17,35,80,.15)) padding-box,
      linear-gradient(125deg,rgba(141,196,254,.65),rgba(67,129,218,.5) 53%,rgba(240,189,99,.54)) border-box;
    -webkit-backdrop-filter:blur(12px) saturate(135%);
    backdrop-filter:blur(12px) saturate(135%);
    box-shadow:inset 0 1px 0 rgba(244,250,255,.25),inset 0 -1px 0 rgba(75,158,239,.13),
      0 7px 21px rgba(2,11,34,.21),0 0 12px rgba(52,150,236,.08);
    text-shadow:0 1px 9px rgba(0,8,28,.65);
    transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;
    opacity:1;
    transform:none;
    -webkit-tap-highlight-color:transparent;
  }
  .lux-header .lux-nav > button.lux-nav__quick-mute.is-muted {
    color:#fff2d3;
    background:
      linear-gradient(105deg,rgba(159,114,62,.15),rgba(24,49,100,.19) 68%) padding-box,
      linear-gradient(120deg,rgba(252,219,139,.89),rgba(228,178,87,.72),rgba(112,178,246,.66)) border-box;
  }
  .lux-header .lux-nav > button.lux-nav__quick-mute:is(:hover,:focus-visible) {
    border-color:transparent;
    background:
      linear-gradient(145deg,rgba(80,135,202,.23),rgba(42,59,103,.22) 55%,rgba(112,81,51,.12)) padding-box,
      linear-gradient(120deg,rgba(255,218,144,.95),rgba(123,194,255,.82),rgba(247,193,106,.8)) border-box;
    outline-offset:3px;
  }
  .lux-header .lux-nav > button.lux-nav__quick-mute::after { content:none!important; display:none!important; }
  .lux-header .lux-nav > button.lux-nav__quick-mute > .lux-hex-menu__icon {
    display:grid;
    flex:0 0 49px;
    width:49px;
    height:49px;
    place-items:center;
  }
  .lux-header .lux-nav > button.lux-nav__quick-mute > .lux-nav__quick-mute-icon { display:none; }
  .lux-header .lux-nav > button.lux-nav__quick-mute [data-audio-quick-mute-label] { flex:1 1 auto; }
  .lux-header .lux-nav > button.lux-nav__quick-mute .lux-hex-menu__sound-slash { display:none; }
  .lux-header .lux-nav > button.lux-nav__quick-mute.is-muted .lux-hex-menu__sound-wave { display:none; }
  .lux-header .lux-nav > button.lux-nav__quick-mute.is-muted .lux-hex-menu__sound-slash { display:block; }
  .lux-nav:not(.is-open) > button.lux-nav__quick-mute { opacity:0; translate:0 7px; }
  .lux-nav.is-open > button.lux-nav__quick-mute { opacity:1; translate:0 0; }
}
@media (max-width:960px) and (max-height:690px) {
  .lux-header .lux-nav > button.lux-nav__quick-mute { min-height:52px; }
  .lux-header .lux-nav > button.lux-nav__quick-mute > .lux-hex-menu__icon {
    flex-basis:39px;width:39px;height:39px;
  }
}
@media (prefers-reduced-motion:reduce) {
  .lux-nav > button.lux-nav__quick-mute { transition:none!important; }
  .lux-nav:not(.is-open) > button.lux-nav__quick-mute { translate:none; }
}
@media (forced-colors:active) {
  .lux-header .lux-nav > button.lux-nav__quick-mute {
    background:Canvas;color:CanvasText;border:1px solid ButtonText;box-shadow:none;
  }
}

/* LuxBMI Edge Atmosphere — original Edges 1/2 cloud artwork on opened mobile menu.
   Decorative-only, below every clickable navigation item. */
.lux-hex-menu__edge-cloud{display:none;pointer-events:none!important;user-select:none}
@media(max-width:1650px){
  .lux-header .lux-nav.lux-hex-menu > .lux-hex-menu__edge-cloud{
    display:block;position:fixed;z-index:0;pointer-events:none!important;
    background-repeat:no-repeat;filter:saturate(1.05);
    opacity:0;transition:opacity 650ms ease,transform 850ms cubic-bezier(.2,.68,.2,1);
  }
  .lux-header .lux-nav.lux-hex-menu > .lux-hex-menu__edge-cloud--right{
    top:0;right:0;width:clamp(125px,32vw,330px);height:100%;
    background-image:url("header-buttons/edge-cloud-right.webp");
    background-position:right center;background-size:cover;
    -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.7) 55%,#000 100%);
    mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.7) 55%,#000 100%);
    transform:translateX(24px);
  }
  .lux-header .lux-nav.lux-hex-menu > .lux-hex-menu__edge-cloud--bottom{
    left:0;right:0;bottom:0;width:100%;height:clamp(165px,29dvh,320px);
    background-image:url("header-buttons/edge-cloud-bottom.webp");
    background-position:center bottom;background-size:cover;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.82) 65%,#000 100%);
    mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.82) 65%,#000 100%);
    transform:translateY(24px);
  }
  .lux-header .lux-nav.lux-hex-menu.is-open > .lux-hex-menu__edge-cloud--right{
    opacity:.62;transform:translateX(0);
  }
  .lux-header .lux-nav.lux-hex-menu.is-open > .lux-hex-menu__edge-cloud--bottom{
    opacity:.53;transform:translateY(0);
  }
  /* Preserve taps, focus, and the Discovery hover preview above the artwork. */
  .lux-header .lux-nav.lux-hex-menu > :not(.lux-hex-menu__edge-cloud){
    position:relative;z-index:1;
  }
  .lux-header .lux-nav.lux-hex-menu > .lux-nav__app{z-index:3}
}
@media(prefers-reduced-motion:reduce){
  .lux-header .lux-nav.lux-hex-menu > .lux-hex-menu__edge-cloud{
    transition:none!important;transform:none!important;
  }
}
@media(forced-colors:active){
  .lux-hex-menu__edge-cloud{display:none!important}
}