/* LuxBMI Discover — local-only visual product experience. Frame remains in GIF; UI overlays live HTML. */
:root{color-scheme:dark;--night:#020715;--indigo:#08183c;--cyan:#83ddff;--gold:#f4ca79;--gold2:#d99b39;--pale:#f7faff;--muted:#b5c8e5}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 75% 17%,#123566,transparent 44%),radial-gradient(ellipse at 9% 80%,#151d51,transparent 48%),var(--night);color:var(--pale);font:500 16px/1.5 "Rajdhani","Segoe UI",system-ui,sans-serif}
body::before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(122,177,225,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(122,177,225,.025) 1px,transparent 1px);background-size:58px 58px;pointer-events:none}
a{color:inherit;text-decoration:none}button,textarea{font:inherit}button{cursor:pointer}
button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #aff1ff;outline-offset:4px}
[hidden]{display:none!important}
.site-top{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px clamp(20px,4vw,48px);border-bottom:1px solid #dbae6552;max-width:1360px;margin-inline:auto;position:relative;z-index:1}
.site-brand{display:inline-flex;gap:12px;align-items:center;font:800 1.14rem "Oxanium",sans-serif;letter-spacing:.075em}
.site-brand img{width:40px;height:40px;object-fit:contain}
.site-brand strong{display:block;color:#fce6b1;line-height:1.1}
.site-brand small{display:block;font:600 .66rem "Oxanium",sans-serif;letter-spacing:.19em;color:#a8dfff;margin-top:4px}
.site-top-right{display:flex;align-items:center;gap:12px}
.dev-label{font:600 .67rem "Oxanium",sans-serif;letter-spacing:.13em;color:#88d2f1;border:1px solid #6abadd55;border-radius:100px;padding:10px 14px}
.back-site{display:inline-flex;gap:8px;align-items:center;border:1px solid #f1c37866;border-radius:100px;padding:10px 15px;color:#f8deb0;font:700 .75rem "Oxanium",sans-serif;transition:background .2s}
.back-site:hover{background:#d2a45121}
.layout{max-width:1220px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,470px);align-items:center;gap:clamp(30px,6vw,90px);padding:clamp(30px,4vw,56px) clamp(18px,4vw,46px) 60px;position:relative}
.editorial{max-width:540px}
.eyebrow{color:#9fe9fe;font:700 .75rem "Oxanium",sans-serif;letter-spacing:.14em;text-transform:uppercase}
.editorial h1{color:#fff;font:800 clamp(2.9rem,4.3vw,4.75rem)/1.09 "Oxanium",sans-serif;letter-spacing:-.045em;margin:23px 0 25px}
.editorial h1 span{color:#f7cc81;display:block;text-shadow:0 0 35px #d6a74736}
.editorial .lead{font-size:clamp(1.24rem,1.55vw,1.55rem);line-height:1.43;color:#d8e4f5;font-weight:600}
.editorial .promise{font-size:1.27rem;color:#f8d69c;font-weight:700;margin:23px 0}
.editorial .context{color:#b1c5e0;font-size:1.11rem;line-height:1.55}
.editorial .mantra{display:block;margin:25px 0;font:700 .87rem "Oxanium",sans-serif;color:#8ee8fa;line-height:1.7}
.editorial .keyline{height:1px;background:linear-gradient(90deg,#d6af6373,transparent);margin:25px 0}
.editorial .action-list{display:flex;gap:11px;flex-wrap:wrap}
.editorial .action-list a{font:700 .77rem "Oxanium",sans-serif;border:1px solid #7eb1d155;background:#0d2750aa;padding:13px 16px;border-radius:10px;transition:transform .18s,border-color .18s}
.editorial .action-list a:hover{transform:translateY(-2px);border-color:#f2c578}
.editorial .fineprint{color:#99abc9;font-size:.98rem;margin-top:22px}
.preview-wrap{width:100%;max-width:440px;margin-inline:auto}
.preview-heading{font:600 .68rem "Oxanium",sans-serif;letter-spacing:.15em;color:#8cb8d8;text-align:center;margin-bottom:12px}
.handset{padding:8px;border:1px solid #d4b47783;background:linear-gradient(160deg,#0e244b,#040818);border-radius:25px;box-shadow:0 20px 90px #000b,0 0 50px #1a5f952d}
.art{aspect-ratio:4/5;width:100%;position:relative;isolation:isolate;overflow:hidden;background:#06133a;border-radius:17px;container-type:inline-size}
.art-bg{position:absolute;inset:0;z-index:-4;width:100%;height:100%;object-fit:contain}
.art-bg.poster{z-index:-5}
.art .art-bg.animated{z-index:-4}
.art::after{content:"";position:absolute;inset:5% 5%;z-index:-2;pointer-events:none;background:linear-gradient(180deg,#0311275e 0%,#030d2596 53%,#040b24b5 100%);clip-path:polygon(5% 0,95% 0,100% 5%,100% 95%,95% 100%,5% 100%,0 95%,0 5%)}
.art-content{position:absolute;inset:5.6% 6% 5.4%;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:clamp(3px,1.18cqw,7px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#dcb36199 transparent;padding:2% 4% 1%}
.art-content::-webkit-scrollbar{width:3px}.art-content::-webkit-scrollbar-thumb{background:#e3b56b8c}
.frame-eyebrow{font:700 clamp(6px,1.7cqw,8px) "Oxanium",sans-serif;letter-spacing:.17em;color:#9ce7fc;text-transform:uppercase;flex-shrink:0}
.mark{display:block;width:clamp(48px,19cqw,88px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 0 17px #f5bf6b88);flex-shrink:0;margin-top:clamp(2px,1cqw,6px)}
.wordmark{font:800 clamp(19px,6.9cqw,34px)/1 "Oxanium",sans-serif;letter-spacing:-.045em;color:#f3f7ff;text-shadow:0 0 10px #000c;margin:1px 0 0;flex-shrink:0}
.wordmark .gold{color:#ffcf7a}.wordmark .blue{color:#b6efff}
.submark{font:700 clamp(9px,2.4cqw,12px) "Oxanium",sans-serif;letter-spacing:.35em;color:#e9d09f;line-height:1;flex-shrink:0}
.art-title{font:800 clamp(14px,4.7cqw,24px)/1.12 "Oxanium",sans-serif;letter-spacing:-.05em;margin:clamp(3px,1.3cqw,8px) 0 0;max-width:96%;text-wrap:balance;text-shadow:0 2px 10px #001329;flex-shrink:0}
.art-title .gold{color:#f9d18e}.art-title .blue{color:#e8f5ff}
.art-lead{font:700 clamp(10px,2.55cqw,13px)/1.25 "Oxanium",sans-serif;color:#ffe3a6;margin:1px 0 0;flex-shrink:0}
.art-body{font:500 clamp(10px,2.65cqw,12px)/1.32 "Rajdhani",sans-serif;color:#e2edfd;max-width:91%;margin:0;flex-shrink:0}
.art-mantra{font:700 clamp(8px,2.1cqw,11px)/1.3 "Oxanium",sans-serif;color:#a3e7ff;letter-spacing:.008em;margin:0;flex-shrink:0}
.gold-rule{width:75%;height:1px;background:linear-gradient(90deg,transparent,#e6c17e,transparent);margin:clamp(1px,.7cqw,4px) auto;flex-shrink:0}
.question-preview{margin:0;color:#fff4d1;font:700 clamp(10px,2.7cqw,13px)/1.24 "Oxanium",sans-serif;text-wrap:balance;max-width:94%;flex-shrink:0}
.touch{width:100%;max-width:300px;flex-shrink:0;min-height:clamp(31px,9.4cqw,45px);display:inline-flex;align-items:center;justify-content:center;gap:clamp(6px,1.5cqw,10px);border:none;clip-path:polygon(6% 0,94% 0,100% 24%,100% 76%,94% 100%,6% 100%,0 76%,0 24%);transition:filter .16s ease,transform .16s ease;font:800 clamp(11px,3.05cqw,14px)/1.2 "Oxanium",sans-serif;letter-spacing:-.02em;padding:8px clamp(6px,1.5cqw,12px);text-decoration:none}
.touch:focus-visible{outline:3px solid #d5f5ff;outline-offset:3px}
.touch:hover{filter:brightness(1.13);transform:translateY(-2px)}
.touch svg{width:1.4em;height:1.4em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.touch.gold{background:linear-gradient(125deg,#fff0b9 0%,#e3af49 40%,#f9d992 58%,#b97a25 100%);border:2px solid #fff0b3;color:#231808;box-shadow:inset 0 0 0 2px #87521f,0 0 17px #e9ab5499}
.touch.blue{background:linear-gradient(120deg,#051432,#092d5e 55%,#051331);color:#d8f2ff;border:2px solid #15baf6;box-shadow:inset 0 0 0 1px #77deff,0 0 14px #06baf553}
.touch.ghost{background:linear-gradient(120deg,#071128,#13325e);color:#c8eaff;border:1px solid #72c9f6aa}
.learn{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:transparent;border:0;color:#86dffe;font:700 clamp(8px,2.05cqw,11px) "Oxanium",sans-serif;text-decoration:underline;text-underline-offset:4px;min-height:25px;flex-shrink:0}
.disclaimer{margin:0;color:#c5cee1;font:600 clamp(7px,1.75cqw,10px) "Rajdhani",sans-serif;letter-spacing:.035em;flex-shrink:0}
.motion-toggle{position:absolute;right:7.5%;top:6.5%;z-index:3;border:1px solid #c8b17699;border-radius:100px;background:#061730ba;color:#f9e0aa;padding:5px 7px;font:600 clamp(7px,1.6cqw,9px) "Oxanium",sans-serif;backdrop-filter:blur(5px)}
.motion-toggle:hover{background:#09264ee8}
.view{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(7px,1.9cqw,11px)}
.view[hidden]{display:none}
.view.discover{text-align:left;padding:2% 2% 1%;justify-content:center}
.view.discover .screen-heading,.view.guide .screen-heading{font:800 clamp(14px,4.2cqw,21px)/1.13 "Oxanium",sans-serif;text-align:center;margin:0;color:#fff}
.field-label{display:block;width:100%;color:#ffe2a7;font:700 clamp(9px,2.5cqw,12px)/1.3 "Oxanium",sans-serif}
.view .support{color:#ccdaef;font:500 clamp(9px,2.45cqw,12px)/1.27 "Rajdhani",sans-serif;text-align:center;margin:0}
.idea-input{width:100%;min-height:clamp(94px,25cqw,130px);resize:vertical;background:#04152ae8;color:#eafaff;border:1px solid #66c9f6;border-radius:9px;padding:9px 10px;box-shadow:0 0 17px #098ccb27;font:600 clamp(11px,2.7cqw,13px)/1.45 "Rajdhani",sans-serif}
.idea-input::placeholder{color:#8da9ca}
.field-meta{align-self:flex-end;color:#a7c9db;font-size:clamp(8px,2.2cqw,11px)}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;width:100%}
.chips button{color:#ccecf9;border:1px solid #4daed4;background:#08264ddd;border-radius:5px;padding:6px 8px;font:700 clamp(8px,1.95cqw,10px) "Oxanium",sans-serif}
.chips button[aria-pressed="true"]{color:#081629;background:linear-gradient(100deg,#e4c17d,#fff0c2);border-color:#ffe6a1}
.view .small-text{font:600 clamp(8px,1.9cqw,10px) "Rajdhani",sans-serif;color:#bbcbe2;text-align:center;margin:0}
.view.guide{text-align:left;padding:2% 3%;gap:12px}
.guide-list{display:grid;gap:10px}
.guide-list p{font:600 clamp(10px,2.55cqw,13px)/1.35 "Rajdhani",sans-serif;color:#d8e6fb;margin:0}
.guide-list strong{color:#f5cc83}
.brief-box{width:100%;max-height:52%;overflow:auto;padding:10px;background:#04142dbf;border:1px solid #e7bc73;border-radius:8px}
.brief-box p{overflow-wrap:anywhere;color:#e3ebf9;font:600 clamp(10px,2.55cqw,13px)/1.35 "Rajdhani",sans-serif}
.brief-box strong{color:#ffe4a6}
.art-bottom{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 12px 4px;font:600 .75rem "Oxanium",sans-serif;color:#b4cbea}
.art-bottom span{color:#f6d59a}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:900px){.layout{grid-template-columns:1fr;gap:26px}.preview-wrap{order:-1}.editorial{max-width:660px;text-align:center;margin:auto}.editorial h1{font-size:clamp(2.6rem,7vw,4.3rem)}.editorial .keyline{max-width:380px;margin-inline:auto}.editorial .action-list{justify-content:center}.editorial .mantra{margin:16px 0}.preview-wrap{max-width:465px}}
@media(max-width:480px){.site-top{min-height:73px;padding:10px 15px}.site-brand img{width:32px;height:32px}.site-brand strong{font-size:.87rem}.site-brand small{font-size:.53rem}.dev-label{display:none}.back-site{padding:9px 11px;font-size:.64rem}.layout{padding:22px 10px 32px}.editorial{padding-inline:11px}.editorial h1{font-size:clamp(2.16rem,9.6vw,3.2rem);margin:11px 0}.editorial .lead{font-size:1.14rem}.editorial .promise{font-size:1.12rem;margin:14px 0}.editorial .context{font-size:1rem}.editorial .keyline{margin:15px auto}.editorial .fineprint{font-size:.9rem}.handset{padding:6px;border-radius:18px}.art{border-radius:12px}.preview-heading{font-size:.59rem}.art-content{inset:5.5% 6.8% 5.6%}.art-body{max-width:98%}}
@media(max-width:355px){.art-content{inset:5.8% 7% 5.2%;gap:2px}.mark{width:17cqw}.art-body{font-size:2.05cqw}.art-title{font-size:4.35cqw}.art-lead{font-size:1.95cqw}.touch{min-height:8.4cqw;padding:5px}.question-preview{font-size:2.13cqw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.touch,.back-site,.editorial .action-list a{transition:none}.art-bg.animated{display:none}}

/* Keep all welcome CTAs visible above the fold inside the original 4:5 GIF frame. */
.view.welcome {gap:clamp(2px,.6cqw,4px)}
.view.welcome .mark {width:clamp(47px,16.5cqw,76px)}

/* Main LuxBMI website header identity adapted for Discover. */
.site-top {
  position:sticky;top:0;z-index:200;width:100%;max-width:none;min-height:88px;
  padding:13px clamp(15px,4vw,54px);background:rgba(2,8,23,.95);
  border-bottom:1px solid rgba(77,169,255,.23);backdrop-filter:blur(17px);
  box-shadow:0 14px 42px rgba(0,5,23,.27)
}
.site-brand {display:flex;gap:14px;align-items:center;min-width:0;text-align:left}
.site-brand img {width:59px;height:59px;flex:0 0 59px;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(41,200,255,.18))}
.site-brand strong {font:700 1.22rem/1 "Oxanium","Segoe UI",sans-serif;color:#f8fbff;letter-spacing:.085em;text-transform:none}
.site-brand small {font:600 .71rem/1.2 "Oxanium","Segoe UI",sans-serif;color:#a9b8cf;letter-spacing:.18em;margin-top:7px;text-transform:uppercase;white-space:nowrap}
.site-brand .brand-divider {color:#dbb573}
.site-brand .brand-discover {color:#9fe9ff}
.site-top-right {margin-left:auto;display:flex;gap:9px;align-items:center;flex:0 0 auto}
.header-control {min-height:44px;display:inline-flex;gap:7px;align-items:center;justify-content:center;padding:9px 13px;
  border:1px solid rgba(120,173,226,.33);border-radius:12px;background:linear-gradient(145deg,#0a2344e8,#091830ef);
  color:#d7eafc;font:700 .78rem "Oxanium",sans-serif;transition:background .18s,border-color .18s,box-shadow .18s}
.header-control:hover,.header-control:focus-visible {border-color:#e0ba76;background:#173757;box-shadow:0 0 17px #6dcffc32}
.header-control svg {width:18px;height:18px;color:#8cdbf6;flex:0 0 18px}
.header-control[aria-pressed="true"]{border-color:#d5a95d;background:#2b2230;color:#f8d18b}
.header-control[aria-pressed="true"] svg{color:#fbd58c}
.header-control .sound-slash{display:none}
.header-control[aria-pressed="true"] .sound-slash{display:block}
.header-control[aria-pressed="true"] .sound-waves{display:none}
#discover-settings-btn[aria-expanded="true"] {border-color:#e0ba76}
.discover-settings {
  position:absolute;z-index:300;right:clamp(15px,4vw,54px);top:calc(100% + 10px);
  width:min(390px,calc(100vw - 28px));max-height:min(740px,calc(100dvh - 92px));overflow:auto;
  padding:19px;border:1px solid rgba(244,200,119,.65);border-radius:19px;
  color:#f5f9ff;background:linear-gradient(145deg,#0d294bf5,#050e24fa 70%);
  box-shadow:0 22px 72px #000c, inset 0 1px 20px #5384bd17;backdrop-filter:blur(18px)
}
.discover-settings[hidden]{display:none!important}
.discover-settings__title {display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid #cca76b55}
.discover-settings__title div{display:grid;gap:6px}
.discover-settings__title span{font:700 .59rem "Oxanium",sans-serif;letter-spacing:.16em;color:#8ae2fa}
.discover-settings__title strong{font:800 1.16rem "Oxanium",sans-serif;color:#ffe2ad}
.discover-settings__close{border:1px solid #ecce9966;background:#183352;color:#ffe3a4;border-radius:8px;min-height:32px;min-width:32px}
.discover-settings__description,.discover-settings__note{color:#bcd0e8;line-height:1.5;margin:10px 0 15px;font-size:.93rem}
.discover-settings__note{font-size:.8rem;margin:13px 0 0}
.discover-settings__row{display:flex;justify-content:space-between;gap:8px;align-items:center;font:700 .85rem "Oxanium",sans-serif}
.discover-settings__row span{font:600 .75rem "Oxanium",sans-serif;color:#93e1fb}
.discover-settings__actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0 15px}
.discover-settings__actions button{min-height:39px;border-radius:8px;border:1px solid #e9bd77b0;color:#151b29;background:linear-gradient(145deg,#ffe3a3,#cfa056);font:800 .73rem "Oxanium",sans-serif}
.discover-settings__actions button+button{background:#0b2542;color:#e8f3ff;border-color:#87a4c7}
.discover-settings__actions button:hover{filter:brightness(1.12)}
.discover-settings__tracks{border:0;margin:10px 0;padding:0;min-width:0}
.discover-settings__tracks legend{padding:0;margin:0 0 9px;font:700 .8rem "Oxanium",sans-serif;color:#ebc785}
.discover-settings__tracks-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.discover-settings__tracks-grid button{border:1px solid #639cba9c;background:#0b2c4c;color:#d3f0fd;padding:8px 4px;border-radius:6px;font:700 .7rem "Oxanium",sans-serif}
.discover-settings__tracks-grid button[aria-pressed="true"]{background:linear-gradient(120deg,#f7dda2,#dba85b);color:#0c1b31;border-color:#fff3c6}
.discover-settings__volume{display:flex;justify-content:space-between;gap:10px;margin:13px 0 5px;font:700 .77rem "Oxanium",sans-serif}
.discover-settings__volume output{color:#f0d18e}
#discover-volume{width:100%;accent-color:#f3c475;cursor:pointer}
.discover-settings__remember{display:flex;align-items:center;gap:8px;margin-top:13px;font:700 .76rem "Oxanium",sans-serif;color:#d7e5fc}
.discover-settings__remember input{accent-color:#e5b86b;width:16px;height:16px}
@media(max-width:670px){
  .site-top{min-height:72px;padding:10px 13px;gap:5px}
  .site-brand{gap:7px;flex:1 1 auto}
  .site-brand img{width:41px;height:41px;flex-basis:41px}
  .site-brand strong{font-size:.99rem}
  .site-brand small{font-size:.53rem;letter-spacing:.08em;margin-top:4px}
  .site-top-right{gap:5px}
  .header-control{width:37px;min-width:37px;height:39px;min-height:39px;padding:7px;border-radius:9px}
  .header-control svg{width:18px;height:18px;flex-basis:18px}
  .header-control__label{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
  .discover-settings{right:10px;top:calc(100% + 6px);width:min(372px,calc(100vw - 20px));padding:16px}
}
@media(max-width:345px){
  .site-top{padding-inline:9px}
  .site-brand strong{font-size:.92rem}
  .site-brand small{font-size:.48rem}
  .site-brand img{width:37px;height:37px;flex-basis:37px}
  .header-control{width:34px;min-width:34px;padding:5px}
}
@media(prefers-reduced-motion:reduce){.header-control{transition:none}}


/* Exactly the same type hierarchy as the original LuxBMI homepage.
   Home.css itself is untouched: display/UI = Oxanium, body = Rajdhani. */
body {font-family:"Rajdhani","Segoe UI",sans-serif;font-size:17px;font-weight:500}
:is(.site-brand,.site-top-right,.editorial h1,.editorial .eyebrow,
    .editorial .mantra,.editorial .action-list a,.wordmark,.submark,.art-title,
    .art-lead,.frame-eyebrow,.question-preview,.touch,.learn,.preview-heading,
    .discover-settings button,.discover-settings legend,.discover-settings strong) {
  font-family:"Oxanium","Segoe UI",sans-serif;
}
:is(.editorial p,.art-body,.disclaimer,.view .support,.view .small-text,
    .brief-box p,.guide-list p,.discover-settings__description,.discover-settings__note) {
  font-family:"Rajdhani","Segoe UI",sans-serif;
}
/* Solid lettering: no split-color words or headings. Keep gold on buttons and borders. */
.editorial h1,.editorial h1 span {color:#f7fbff!important}
.wordmark,.wordmark .gold,.wordmark .blue {color:#f7fbff!important}
.art-title,.art-title .gold,.art-title .blue {color:#f7fbff!important}
.art-lead,.art-lead span {color:#f5d59b!important}
/* Match website controls, including effects controls and page-switch handoff. */
.discover-settings__effects {display:flex;gap:10px;justify-content:space-between;align-items:center;
 margin:15px 0 11px;padding:11px 0;border-block:1px solid #d8b37849}
.discover-settings__effects span{display:grid;gap:5px}
.discover-settings__effects strong{color:#f5e5c6;font:700 .76rem "Oxanium",sans-serif}
.discover-settings__effects small{color:#9db8d5;font-size:.78rem}
.discover-settings__effects input{width:18px;height:18px;accent-color:#f0c878}
#discover-effects-volume{width:100%;accent-color:#e5b872}
.discover-resume {position:sticky;top:88px;z-index:190;max-width:720px;margin:0 auto;
 display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 17px;
 border:1px solid #d5a867;background:#082344ef;border-radius:0 0 13px 13px;
 color:#e9f3ff;box-shadow:0 14px 28px #0006;font-size:.91rem}
.discover-resume[hidden]{display:none!important}
.discover-resume button{border:1px solid #efd59b;background:#e7c17b;color:#10203b;
 border-radius:8px;padding:7px 10px;white-space:nowrap;font:800 .72rem "Oxanium",sans-serif}
.discover-resume button:last-child{background:transparent;color:#e6c98d;min-width:32px}
@media(max-width:670px){.discover-resume{top:72px;border-radius:0;font-size:.79rem;padding:9px 12px;flex-wrap:wrap}}


/* LuxBMI Discovery's display font now exactly matches the website's reference
   style: Oxanium ExtraBold 800, squared lettering, fine gold rim, dark relief.
   Entire phrases stay solid white. Body text stays Rajdhani for readability. */
.editorial h1,.editorial h1 span,
.art-title,.art-title .gold,.art-title .blue,
.wordmark,.wordmark .gold,.wordmark .blue,
.view .screen-heading {
    font-family:"Oxanium","Segoe UI",sans-serif !important;
    font-weight:800 !important;
    font-style:normal;
    letter-spacing:-.052em;
    color:#f7fbff !important;
    -webkit-text-stroke:.7px rgba(221,163,66,.94);
    paint-order:stroke fill;
    text-shadow:0 2px 0 rgba(4,9,23,.98),0 4px 12px rgba(0,5,18,.8);
}
.art-title,.art-title .gold,.art-title .blue,
.wordmark,.wordmark .gold,.wordmark .blue,
.view .screen-heading {
    -webkit-text-stroke:.35px rgba(221,163,66,.94);
}
@media(max-width:600px){
    .editorial h1,.editorial h1 span {-webkit-text-stroke:.5px rgba(221,163,66,.92)}
    .art-title,.art-title .gold,.art-title .blue,.wordmark,.wordmark .gold,
    .wordmark .blue,.view .screen-heading{-webkit-text-stroke:.23px rgba(221,163,66,.94)}
}
@media(forced-colors:active){
    .editorial h1,.editorial h1 span,.art-title,.art-title .gold,.art-title .blue,
    .wordmark,.wordmark .gold,.wordmark .blue,.view .screen-heading{
        -webkit-text-stroke:0;text-shadow:none;
    }
}


/* Font1 becomes the ONE typeface across the Discovery app.
   Same heavy display face for headings; standard weights for readable details. */
body,body :is(h1,h2,h3,h4,h5,h6,p,li,a,button,label,small,span,strong,b,em,
              figcaption,blockquote,input,select,textarea,summary,legend,output){
  font-family:"Oxanium","Segoe UI",sans-serif!important;
}
body {font-weight:450;letter-spacing:-.005em}
body :is(p,li,label,input,select,textarea) {line-height:1.5}
.art-body,.view .support,.view .small-text,.brief-box p,.guide-list p {
  font-weight:500;letter-spacing:-.035em;
}
.art-content .art-body{font-size:clamp(8px,2.02cqw,10px);line-height:1.22}
.art-content .art-mantra{font-size:clamp(7px,1.7cqw,9px)}
.art-content .disclaimer{font-size:clamp(7px,1.6cqw,9px)}
@media(max-width:355px){.art-content .art-body{font-size:1.9cqw}}

/* Font1 signature treatment for Discovery's two live hero headlines.
   Solid white complete phrases. The gold line + hard dark under-shadow
   reproduce the depth of the actual homepage hero graphic. */
.editorial h1,.editorial h1 span,
.art-title,.art-title .gold,.art-title .blue{
  font-family:"Oxanium","Segoe UI",sans-serif!important;
  font-weight:800!important;
  font-style:normal;
  color:#f8fbff!important;
  letter-spacing:-.055em;
  paint-order:stroke fill;
}
.editorial h1,.editorial h1 span{
  -webkit-text-stroke:1px rgba(231,174,71,.96);
  text-shadow:0 1px 0 #221d1e,0 3px 0 #07101c,
              0 5px 0 rgba(1,7,20,.96),0 10px 22px rgba(0,5,18,.76);
}
.art-title,.art-title .gold,.art-title .blue{
  -webkit-text-stroke:.6px rgba(231,174,71,.96);
  text-shadow:0 1px 0 #0a1222,0 2px 0 #050b15,0 4px 8px rgba(0,3,15,.89);
}
.art-title{font-size:clamp(16px,5.15cqw,24px);line-height:1.12}
.view.welcome .mark{width:clamp(43px,15.3cqw,72px)}
@media(max-width:900px){
  .editorial h1,.editorial h1 span{
    -webkit-text-stroke:.7px rgba(231,174,71,.95);
    text-shadow:0 2px 0 #070f1d,0 4px 10px rgba(0,5,18,.74);
  }
}
@media(max-width:355px){
  .art-title,.art-title .gold,.art-title .blue{
    -webkit-text-stroke:.35px rgba(231,174,71,.95);
  }
  .art-title{font-size:4.6cqw}
  .view.welcome{gap:2px}
}
@media(forced-colors:active){
  .editorial h1,.editorial h1 span,.art-title,.art-title .gold,.art-title .blue{
    -webkit-text-stroke:0;text-shadow:none;
  }
}

/* Full-company brand is always the primary name, Discovery is a feature.
   Keep the text legible alongside the three music/settings controls. */
.site-brand strong{font-size:clamp(.92rem,1.25vw,1.19rem)!important;letter-spacing:.015em!important}
.site-brand small{letter-spacing:.11em!important;color:#9ce5fc!important}
.art-content .wordmark{
  font-size:clamp(12px,4.35cqw,22px)!important;
  letter-spacing:-.037em!important;
  line-height:1.05!important;
  white-space:normal!important
}
.art-content .submark{font-size:clamp(7px,1.95cqw,10px)!important;letter-spacing:.18em!important}
@media(max-width:670px){
 .site-brand strong{font-size:clamp(.71rem,3.1vw,.97rem)!important;line-height:1.08!important}
 .site-brand small{font-size:clamp(.47rem,1.8vw,.57rem)!important;letter-spacing:.05em!important}
}
@media(max-width:345px){
 .site-brand strong{font-size:.70rem!important}
 .site-brand small{font-size:.46rem!important}
 .site-brand{gap:5px!important}
 .art-content .wordmark{font-size:3.7cqw!important}
}


/* Free member return link: quiet secondary navigation; preserves two hero CTAs. */
.member-return-link{margin:11px 0 12px;color:#cddcf0;font:600 .78rem/1.55 "Oxanium",sans-serif}
.member-return-link a{color:#f0cf91;text-decoration:underline;text-underline-offset:4px;font-weight:800}
.member-return-link a:hover,.member-return-link a:focus-visible{color:#fff1c3}

/* LUXBMI / Discovery inner-app layer 1 + guide layer 2.
   BGApp1 belongs BEHIND the content INSIDE the gold framed handset,
   not on the website's surrounding page. Welcome and Guide reuse .art.
   Retain the cloud animation softly in the center without duplicating
   the GIF's ornamental border on top of the BGApp1 frame. */
.art[data-discover-stage] {
  background-color:#051332;
  background-image:
    linear-gradient(180deg,rgba(1,9,27,.16),rgba(3,11,32,.26)),
    url("discover/BGApp1.png");
  background-repeat:no-repeat,no-repeat;
  background-position:center center,center center;
  /* Preserve BGApp1's natural proportions; 100% 100% stretched the artwork. */
  background-size:100% 100%,contain;
}
.art[data-discover-stage] > .art-bg.poster {
  opacity:.13;
  mix-blend-mode:screen;
  -webkit-mask-image:radial-gradient(ellipse at 50% 43%,#000 6%,transparent 76%);
  mask-image:radial-gradient(ellipse at 50% 43%,#000 6%,transparent 76%);
}
.art[data-discover-stage] > .art-bg.animated {
  opacity:.32;
  mix-blend-mode:screen;
  -webkit-mask-image:radial-gradient(ellipse at 50% 43%,#000 6%,transparent 76%);
  mask-image:radial-gradient(ellipse at 50% 43%,#000 6%,transparent 76%);
}
@media(forced-colors:active){
  .art[data-discover-stage]{background:Canvas!important;}
  .art[data-discover-stage] > .art-bg{display:none!important;}
}

/* Engineer One — Edge 1 belongs to the OUTER app preview holder, never
   the inner hero artwork (.art) or its buttons. Reuse the real transparent
   edge asset; mirror its right-facing cloud architecture onto the left.
   The background is intentionally not full-width. */
body.discovery-atmosphere .preview-wrap {
  position:relative;
  isolation:isolate;
  overflow:visible;
}
body.discovery-atmosphere .preview-wrap::before {
  /* Edge1 has moved to the outer frame INSIDE the app. */
  content:none;
  position:absolute;
  z-index:0;
  pointer-events:none;
  user-select:none;
  top:42px;
  bottom:30px;
  left:-63px;
  width:154px;
  background-image:url("discover/discover-edge-right.webp");
  background-position:right center;
  background-size:auto 110%;
  background-repeat:no-repeat;
  transform:scaleX(-1);
  opacity:.54;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 19%,#000 60%,transparent 98%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 19%,#000 60%,transparent 98%);
  filter:saturate(.85);
}
body.discovery-atmosphere .preview-wrap > .preview-heading,
body.discovery-atmosphere .preview-wrap > .handset {
  position:relative;
  z-index:1;
}
@media(max-width:900px){
  body.discovery-atmosphere .preview-wrap::before{
    top:38px;
    bottom:24px;
    left:-34px;
    width:112px;
    opacity:.47;
  }
}
@media(max-width:480px){
  body.discovery-atmosphere .preview-wrap::before{
    left:-7px;
    top:33px;
    bottom:22px;
    width:72px;
    opacity:.38;
  }
}
@media(forced-colors:active){
  body.discovery-atmosphere .preview-wrap::before{display:none;}
}