/* LuxBMI Discover local prototype — isolated nav teaser, no existing hero changes. */
.lux-nav { gap: clamp(9px, 1.12vw, 18px); }
.lux-nav > a:not(.lux-nav__cta) { font-size: clamp(.84rem, .86vw, .96rem); }
.lux-nav .lux-nav__cta { padding: 11px 15px; white-space: nowrap; }
.lux-nav__app { position:relative; isolation:isolate; flex:0 0 auto; }
.lux-nav__app-trigger {
    display:inline-flex; align-items:center; gap:8px; padding:11px 15px;
    color:#071a33 !important; white-space:nowrap; font:800 .83rem/1.3 "Oxanium",sans-serif;
    text-decoration:none !important; letter-spacing:.01em;
    background:linear-gradient(115deg,#ffe3a0,#d7a73f 65%,#f3d38d);
    border:1px solid #fff0bf; border-radius:999px;
    box-shadow:0 0 0 1px rgba(202,166,80,.28),0 7px 22px rgba(223,164,62,.2);
    transition:transform .18s ease,box-shadow .18s ease;
}
.lux-nav__app-trigger:hover,.lux-nav__app-trigger:focus-visible {
    transform:translateY(-2px);
    box-shadow:0 0 0 2px rgba(129,226,255,.58),0 10px 27px rgba(223,164,62,.36);
}
.lux-nav__app-sparkle { color:#70401e; font-size:1.05rem; }
.lux-nav__app-arrow { opacity:.65; }
.lux-nav__app-popover {
    position:absolute; top:calc(100% + 14px); right:-50px; width:385px;
    display:flex; align-items:stretch; gap:16px; padding:15px;
    background:linear-gradient(145deg,rgba(5,18,49,.99),rgba(15,38,78,.98));
    color:#f3f8ff; border:1px solid rgba(227,188,109,.6);
    border-radius:19px; box-shadow:0 20px 65px rgba(0,4,19,.75);
    backdrop-filter:blur(18px); opacity:0; visibility:hidden;
    transform:translateY(8px); pointer-events:none;
    transition:opacity .2s ease,transform .2s ease,visibility .2s;
    z-index:180;
}
.lux-nav__app-popover::before {
    content:""; position:absolute; inset:-16px 0 auto; height:16px;
}
/* The full preview card is an accessible link, including its image and copy. */
.lux-nav__app > a.lux-nav__app-popover {
    cursor:pointer; text-decoration:none !important;
}
.lux-nav__app > a.lux-nav__app-popover:hover,
.lux-nav__app > a.lux-nav__app-popover:focus-visible {
    border-color:#f1d48f;
    box-shadow:0 20px 70px rgba(0,4,19,.8),0 0 19px rgba(237,181,76,.29);
}
.lux-nav__app > a.lux-nav__app-popover:focus-visible {
    outline:2px solid #ffe7a7;outline-offset:4px;
}
.lux-nav__app:hover .lux-nav__app-popover,
.lux-nav__app:focus-within .lux-nav__app-popover {
    opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto;
}
.lux-nav__app-image { position:relative; width:117px; flex:0 0 117px; align-self:start; border-radius:12px; overflow:hidden; border:1px solid rgba(255,219,152,.6); }
.lux-nav__app-image img { display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; }
.lux-nav__app-image span {
    position:absolute; left:4px; right:4px; bottom:5px; text-align:center;
    font-size:.55rem; letter-spacing:.06em; font-weight:800; color:#f8e2a8;
    background:rgba(3,12,31,.87); border-radius:5px; padding:4px 3px;
}
.lux-nav__app-copy { min-width:0; display:flex; flex-direction:column; gap:7px; }
.lux-nav__app-copy small { color:#e0b66a; font-size:.65rem; letter-spacing:.11em; font-weight:800; }
.lux-nav__app-copy strong { color:#fff8ee; font-size:1.14rem; line-height:1.15; font-family:"Oxanium",sans-serif; }
.lux-nav__app-copy p { color:#bdcde3; font-size:.77rem; line-height:1.45; margin:0; }
.lux-nav__app-copy .lux-nav__app-copy-link { color:#8ce3fc !important; font-size:.77rem; font-weight:800; text-decoration:none !important; }
.lux-nav__app-popover:hover .lux-nav__app-copy-link,.lux-nav__app-popover:focus-visible .lux-nav__app-copy-link { color:#fff1bd !important; text-decoration:underline !important; }
.lux-nav__app-copy em { color:#91a7c1; font-size:.62rem; line-height:1.35; font-style:normal; }
@media (min-width: 961px) and (max-width: 1160px) {
    .lux-menu-toggle { display:block; position:relative; z-index:202; }
    .lux-nav {
        position:fixed; inset:0; z-index:201; display:flex; flex-direction:column;
        justify-content:flex-start; align-items:stretch;
        gap:17px; width:100vw; height:100dvh; min-height:100vh;
        padding:112px max(24px,calc((100vw - 620px)/2)) 48px;
        background:rgba(2,8,23,.98); overflow-y:auto; overflow-x:hidden;
        visibility:hidden; opacity:0; transform:translateY(-10px);
        transition:opacity .2s ease, transform .2s ease, visibility .2s;
    }
    .lux-nav.is-open { visibility:visible; opacity:1; transform:none; }
    .lux-nav > a:not(.lux-nav__cta) { font-size:1.15rem; }
    .lux-nav__app { width:100%; }
    .lux-nav__app-trigger { width:100%; justify-content:center; padding:13px 17px; }
    .lux-nav__app-popover {
        position:relative; top:auto; right:auto; width:100%; max-width:440px;
        margin:10px auto 0; opacity:1; visibility:visible; transform:none;
        pointer-events:auto; padding:12px; gap:12px; box-shadow:none;
    }
    .lux-nav__app-popover::before { display:none; }
    .lux-nav__app-image { width:96px; flex-basis:96px; }
    .lux-nav .lux-nav__cta { align-self:center; text-align:center; }
}
@media (max-width: 960px) {
    /* Preserve the existing LuxBMI hex command-center mobile menu. */
    .lux-nav__app { width:min(100%,490px); }
    .lux-nav__app-trigger { width:100%; justify-content:center; padding:13px 16px; }
    .lux-nav__app-popover { position:relative; top:auto; right:auto; width:100%; max-width:100%; margin:9px auto 0; padding:12px; gap:12px; opacity:1; visibility:visible; transform:none; pointer-events:auto; box-shadow:none; }
    .lux-nav__app-popover::before { display:none; }
    .lux-nav__app-image { width:88px; flex-basis:88px; }
}@media (max-width: 440px) {
    .lux-nav__app-popover { max-width:100%; }
    .lux-nav__app-image { width:86px; flex-basis:86px; }
    .lux-nav__app-copy strong { font-size:.98rem; }
    .lux-nav__app-copy p { font-size:.72rem; }
    .lux-nav__app-copy em { font-size:.58rem; }
}
@media (prefers-reduced-motion: reduce) {
    .lux-nav__app-trigger,.lux-nav__app-popover { transition:none; }
}

/* Customer experience invitation on the LocalWP homepage. */
.lux-discover-invite { position:relative; overflow:hidden; isolation:isolate; padding:clamp(55px,7vw,105px) 0; background:radial-gradient(ellipse at 78% 50%,rgba(24,73,144,.44),transparent 58%),linear-gradient(135deg,#030b1f,#0b1e43 65%,#050c1c);border-block:1px solid rgba(220,177,106,.23);}
.lux-discover-invite::before { content:"";position:absolute;inset:0;z-index:-1;opacity:.3;background:repeating-linear-gradient(0deg,transparent,transparent 38px,rgba(73,130,194,.13) 39px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(73,130,194,.11) 40px);pointer-events:none; }
.lux-discover-invite__inner {display:grid;grid-template-columns:minmax(0,1fr) minmax(225px,320px);align-items:center;gap:clamp(30px,5vw,70px);max-width:1110px;margin-inline:auto}
.lux-discover-invite__eyebrow {color:#85e7ff !important;font:700 .71rem "Oxanium",sans-serif !important;letter-spacing:.15em;text-transform:uppercase;margin-bottom:17px}
.lux-discover-invite h2 {font:800 clamp(2rem,3.7vw,3.6rem)/1.14 "Oxanium",sans-serif !important;letter-spacing:-.05em;max-width:710px;margin:0 0 20px !important;color:#fff !important}
.lux-discover-invite h2 span {color:#f6cc82}
.lux-discover-invite__promise {color:#ffe0ab !important;font-size:clamp(1.1rem,1.35vw,1.35rem);font-weight:700;margin:0 0 14px !important}
.lux-discover-invite__body {max-width:635px;color:#c0d1e7 !important;font-size:1.07rem;line-height:1.7;margin:0 0 19px !important}
.lux-discover-invite__mantra {font:700 clamp(.77rem,1vw,.9rem) "Oxanium",sans-serif;color:#9ce3fc !important;line-height:1.7;margin:0 0 26px !important}
.lux-discover-invite__actions {display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.lux-discover-invite__action {display:inline-flex;align-items:center;justify-content:center;min-height:52px;gap:10px;padding:13px 22px;font:800 .84rem "Oxanium",sans-serif;letter-spacing:-.02em;transition:transform .2s,box-shadow .2s;background:linear-gradient(120deg,#ffebac,#e0ac51,#f2d58d);color:#16100a !important;border:2px solid #ffeab9;clip-path:polygon(5% 0,95% 0,100% 20%,100% 80%,95% 100%,5% 100%,0 80%,0 20%);box-shadow:0 6px 30px rgba(238,178,67,.22);text-decoration:none !important}
.lux-discover-invite__action:hover,.lux-discover-invite__action:focus-visible {transform:translateY(-2px);box-shadow:0 10px 35px rgba(238,178,67,.38)}
.lux-discover-invite__more {font:700 .84rem "Oxanium",sans-serif;color:#9ceaff !important;text-decoration:underline !important;text-underline-offset:4px}
.lux-discover-invite__note {color:#96aacc !important;font-size:.79rem;margin:15px 0 0 !important}
.lux-discover-invite__visual {display:block;position:relative;width:100%;aspect-ratio:4/5;border-radius:19px;overflow:hidden;isolation:isolate;background:#050e33;box-shadow:0 0 0 5px #0b1c40,0 0 0 6px rgba(211,174,109,.63),0 18px 55px #0009;transition:transform .2s}
.lux-discover-invite__visual:hover,.lux-discover-invite__visual:focus-visible {transform:translateY(-5px)}
.lux-discover-invite__gif {position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-2}
.lux-discover-invite__visual::after {content:"";position:absolute;inset:7%;z-index:-1;background:linear-gradient(180deg,#030b22a0,#02081786 60%,#020817c4);pointer-events:none}
.lux-discover-invite__visual-content {position:absolute;inset:11% 11%;display:flex;align-items:center;justify-content:center;gap:6px;flex-direction:column;text-align:center}
.lux-discover-invite__visual-content img {width:clamp(50px,7vw,84px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 0 16px #e4ae6599)}
.lux-discover-invite__visual-content strong {font:800 clamp(1rem,1.8vw,1.55rem)/1.15 "Oxanium",sans-serif;color:#f4d394;max-width:200px;text-shadow:0 3px 18px #000}
.lux-discover-invite__visual-content em {font:700 clamp(.6rem,1vw,.8rem) "Oxanium",sans-serif;color:#b4e9ff;font-style:normal}
.lux-discover-invite__visual-content .visual-chip {margin-top:10px;font:800 clamp(.6rem,1vw,.8rem) "Oxanium",sans-serif;color:#061731;background:linear-gradient(90deg,#ffe7ae,#d9a33d);border-radius:6px;padding:9px 12px}
@media(max-width:800px) {.lux-discover-invite__inner{grid-template-columns:1fr;gap:35px}.lux-discover-invite__visual{max-width:325px;margin:auto}.lux-discover-invite__copy{text-align:center}.lux-discover-invite__body{margin-inline:auto!important}.lux-discover-invite__actions{justify-content:center}}
@media(max-width:520px){.lux-discover-invite{padding:55px 0}.lux-discover-invite__eyebrow{font-size:.59rem!important}.lux-discover-invite h2{font-size:2rem!important}.lux-discover-invite__body{font-size:.98rem}.lux-discover-invite__visual{max-width:300px}}
@media(prefers-reduced-motion:reduce){.lux-discover-invite__visual,.lux-discover-invite__action{transition:none}}

/* Preview the actual app screen, not an empty cloud background. */
@media(min-width:1161px){.lux-nav__app-popover{width:425px}.lux-nav__app-image{width:132px;flex-basis:132px}}


/* Discovery campaign headline has one color, not alternating color spans. */
.lux-discover-invite h2,.lux-discover-invite h2 span {color:#f7fbff!important}
.lux-discover-invite__visual-content strong {color:#f7fbff!important}


/* Match reference font on the homepage's Discovery campaign, solid-colored copy. */
body.lux-home .lux-discover-invite h2,
body.lux-home .lux-discover-invite h2 span,
.lux-discover-invite__visual-content strong {
    font-family:"Oxanium","Segoe UI",sans-serif !important;
    font-weight:800 !important;
    letter-spacing:-.052em;
    color:#f7fbff !important;
    -webkit-text-stroke:.7px rgba(221,163,66,.92);
    paint-order:stroke fill;
    text-shadow:0 2px 0 rgba(8,12,26,.98),0 4px 10px rgba(0,5,18,.72);
}
@media(max-width:600px){
    body.lux-home .lux-discover-invite h2,
    body.lux-home .lux-discover-invite h2 span,
    .lux-discover-invite__visual-content strong{-webkit-text-stroke:.4px rgba(221,163,66,.92)}
}

/* Font1 sitewide unification for the separate homepage Discovery teaser. */
.lux-discover-invite :is(h2,p,a,span,strong,em),.lux-nav__app :is(a,span,p,strong,small,em){
  font-family:"Oxanium","Segoe UI",sans-serif!important;
}