*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080808;color:#f4f0e6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background-image:radial-gradient(circle at 78% 16%,#4a35151f,transparent 28%),linear-gradient(180deg,#090909,#0d0c09 65%,#080808)}button,input{font:inherit}button{cursor:pointer}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #b58b342c;background:#080808e8;backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{display:flex;gap:11px;align-items:center;color:#fff;text-decoration:none}.brand b{font-size:22px;letter-spacing:.08em}.brand small{display:block;color:#c8a85c;font-size:9px;letter-spacing:.18em}.mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d6ad50;border-radius:50%;color:#e4bd63;font-weight:900;box-shadow:0 0 24px #c59b3a22}.nav nav{display:flex;gap:34px}.nav nav a,footer a{color:#aaa;text-decoration:none;font-size:12px;letter-spacing:.1em}.nav-actions{display:flex;gap:10px}.gold,.ghost,.amber,.red,.quick button{border-radius:9px;padding:11px 18px;font-weight:800;letter-spacing:.04em}.gold{border:1px solid #e4bd63;background:linear-gradient(135deg,#f0cf78,#a87821);color:#0b0905;box-shadow:0 8px 30px #b7862c25}.ghost{border:1px solid #b9934d66;background:#15130f;color:#e7c36d}.big{padding:15px 24px}.full{width:100%}.landing{min-height:690px;display:grid;align-items:center;padding:5vw}.hero{max-width:1240px;width:100%;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:5vw;align-items:center}.kicker{color:#cfa94e;font-size:11px;letter-spacing:.22em;font-weight:800}.hero h1{font-size:clamp(52px,7vw,92px);line-height:.92;margin:18px 0;color:#f8f5ed;letter-spacing:-.05em}.hero h1 em{font-style:normal;color:#d9ad4e;text-shadow:0 0 30px #c5953330}.tagline{font-size:22px;color:#e7c36d;font-weight:800}.lead{max-width:650px;color:#aaa;font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin:30px 0}.trust{display:flex;gap:20px;flex-wrap:wrap;color:#8e8a80;font-size:10px;letter-spacing:.08em}.hero-art{height:470px;position:relative;display:grid;place-items:center}.orb{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle at 45% 40%,#e2b85d30,#7c54160d 45%,transparent 70%);border:1px solid #caa54a25;box-shadow:0 0 100px #bd8d2d18}.bull{z-index:2;font-size:110px;font-weight:950;letter-spacing:-.08em;color:#0b0b09;-webkit-text-stroke:2px #cfa94e;text-shadow:0 0 35px #d0a84666}.chartline{position:absolute;bottom:55px;color:#d7ad4f;font-size:50px;letter-spacing:-.2em;opacity:.55}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#b38a3422;border-block:1px solid #b38a3422}.feature-strip article{padding:36px;background:#0d0c0a}.feature-strip b{color:#d9ae4f}.feature-strip h3{font-size:18px}.feature-strip p{color:#8f8b82;line-height:1.6}.auth-wrap,.modal{position:fixed;inset:0;background:#000c;z-index:50;display:grid;place-items:center;padding:20px;backdrop-filter:blur(10px)}[hidden]{display:none!important}.auth-card,.drawer{width:min(460px,95vw);background:#11100d;border:1px solid #b9903f55;border-radius:18px;padding:32px;box-shadow:0 30px 100px #000}.brand-center{text-align:center}.brand-center .mark{margin:auto}.auth-card h2{font-size:30px;margin-bottom:4px}.auth-card label{display:block;color:#b8b2a6;font-size:12px;margin:14px 0}.auth-card input{width:100%;margin-top:7px;padding:13px;border:1px solid #4a402c;background:#090909;color:#fff;border-radius:8px}.check{display:flex!important;gap:10px;align-items:flex-start}.check input{width:auto}.link{background:none;border:0;color:#d7b35e;margin-top:12px}.x{float:right;border:0;background:none;color:#aaa;font-size:26px}.msg{color:#d9b45c;min-height:18px}.dash{max-width:1240px;margin:auto;padding:45px 5vw 80px}.dash-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.dash-head h2{font-size:34px;margin:7px 0}.market{text-align:right}.market span,.metric-grid span{display:block;color:#8f8b82;font-size:10px;letter-spacing:.12em}.market b{font-size:24px;color:#e6c269}.status-hero{display:flex;justify-content:space-between;gap:25px;padding:30px;border:1px solid #b38b3a55;background:linear-gradient(120deg,#15130e,#0c0c0b);border-radius:18px}.status-hero h2{font-size:32px;margin:12px 0 4px}.status-hero p{color:#999}.status-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.amber{background:#1a1408;border:1px solid #d39d37;color:#e9bd5e}.red{background:#351010;border:1px solid #d94b45;color:#ff8d86}.pill{border:1px solid #a88844;color:#d7b35e;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metric-grid article,.panel{background:#0f0e0c;border:1px solid #3c3321;border-radius:14px;padding:22px}.metric-grid b{display:block;font-size:23px;margin-top:9px}.metric-grid small{color:#8c877e}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel h3{margin-top:0}.health>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #282318}.health b{color:#d6b25c}.perf{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.perf div{background:#15130f;padding:15px;border-radius:10px}.perf b{display:block;color:#e2bc61;font-size:21px}.perf span,.fine{color:#888;font-size:11px}.quick{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick button{background:#15130f;border:1px solid #3b321f;color:#d9bd78}.profile-menu{position:fixed;right:5vw;top:70px;z-index:60;width:260px;background:#11100d;border:1px solid #8e7038;border-radius:14px;padding:14px;box-shadow:0 25px 80px #000}.profile-menu strong,.profile-menu small{display:block;padding:4px 8px}.profile-menu small{color:#8f8a80;margin-bottom:8px}.profile-menu button{width:100%;text-align:left;padding:10px;background:none;border:0;color:#d8d2c5;border-top:1px solid #242017}.avatar{width:42px;height:42px;border-radius:50%;border:1px solid #d2a94e;background:#18140c;color:#e8c46e;font-weight:900}.drawer{width:min(700px,95vw);max-height:85vh;overflow:auto}.drawer h2{color:#e5bd61}.drawer section{margin:18px 0;padding:16px;background:#0c0c0b;border:1px solid #302819;border-radius:10px}.drawer label{display:block;margin:10px 0;color:#aaa}.drawer input,.drawer textarea{width:100%;padding:11px;background:#080808;border:1px solid #433820;color:#fff;border-radius:7px}.warning{padding:15px;background:#2a0d0d;border:1px solid #7d2d29;border-radius:10px;color:#e6b0ac}.redtext{color:#ff6d65}footer{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;padding:30px;border-top:1px solid #2b2518;color:#777;font-size:11px}footer b{color:#cfa94e}@media(max-width:850px){.nav nav{display:none}.hero{grid-template-columns:1fr}.hero-art{height:260px}.orb{width:240px;height:240px}.bull{font-size:70px}.feature-strip,.metric-grid,.dash-grid{grid-template-columns:1fr 1fr}.status-hero{flex-direction:column}}@media(max-width:560px){.nav{padding:0 16px}.brand small{display:none}.hero{padding-top:30px}.hero h1{font-size:48px}.hero-actions,.status-actions{flex-direction:column}.hero-actions button,.status-actions button{width:100%}.trust{display:grid}.feature-strip,.metric-grid,.dash-grid{grid-template-columns:1fr}.dash{padding:28px 16px}.dash-head{align-items:start}.market{display:none}.perf{grid-template-columns:1fr}.quick{grid-template-columns:1fr}}
/* V3.1 LOCKED BRAND REFINEMENT */
.brand{display:flex;align-items:center;gap:14px;text-decoration:none}.mfe-monogram{font-weight:950;letter-spacing:-2px;font-size:28px;line-height:1;color:#d9ad4f;position:relative;padding:0 2px}.mfe-monogram:after{content:"";display:block;height:2px;background:linear-gradient(90deg,#8c6424,#f0d58a);margin-top:3px;transform:skewX(-28deg)}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy b{font-size:14px;letter-spacing:1.8px;color:#f5f0e7}.brand-copy small{margin-top:5px;font-size:8px;letter-spacing:1.5px;color:#b99a5d}.auth-logo{font-size:36px}.brand-center>strong{display:block;letter-spacing:2px;margin-top:8px}.brand-center>small{display:block;color:#b99a5d;letter-spacing:1.5px;margin:5px 0 18px}.hero-copy h1{max-width:820px}.hero-copy h1 em{color:#d9ad4f;font-style:normal}.tagline{letter-spacing:2.2px;color:#d9ad4f;font-weight:800}.hero-art{min-height:360px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid rgba(217,173,79,.22);background:radial-gradient(circle at 50% 45%,rgba(217,173,79,.09),transparent 55%);border-radius:28px}.premium-mark{display:flex;gap:3px;align-items:flex-end;font-weight:950;font-size:82px;letter-spacing:-10px;color:#d9ad4f;text-shadow:0 8px 34px rgba(217,173,79,.14)}.premium-mark span:nth-child(2){transform:translateY(-7px)}.premium-mark span:nth-child(3){transform:translateY(-14px)}.flow-line{width:210px;height:3px;margin:18px 0;background:linear-gradient(90deg,transparent,#8c6424,#f0d58a);transform:skewY(-5deg)}.hero-art p{margin:0;color:#f5f0e7;letter-spacing:4px;font-size:12px}.hero-art small{margin-top:9px;color:#9d8b68;letter-spacing:2px}.metric-grid article,.panel{overflow:hidden}.health>div,.checks>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}.health span,.checks span{min-width:0}.profile-menu{max-height:calc(100vh - 90px);overflow:auto}.feature-strip article{min-width:0}.fine{line-height:1.5}@media(max-width:800px){.brand-copy small{display:none}.brand-copy b{font-size:11px}.mfe-monogram{font-size:23px}.hero-art{min-height:250px}.premium-mark{font-size:60px}.hero-copy h1{font-size:clamp(42px,13vw,70px)}}

/* V3.2 LANDING REFINEMENT — APPROVED LARGE MFE PANEL */
.hero-art{position:relative;isolation:isolate;min-height:470px;border:1px solid rgba(217,173,79,.34);background:radial-gradient(circle at 56% 43%,rgba(217,173,79,.13),rgba(10,9,7,.35) 34%,rgba(6,6,5,.88) 72%);box-shadow:inset 0 0 70px rgba(217,173,79,.035),0 20px 80px rgba(0,0,0,.28);overflow:hidden}.market-grid{position:absolute;inset:0;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(217,173,79,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(217,173,79,.07) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,transparent 3%,#000 28%,#000 72%,transparent 98%)}.hero-art:before{content:"";position:absolute;left:-5%;right:-5%;bottom:24%;height:2px;background:linear-gradient(90deg,transparent,rgba(217,173,79,.18),#e8be61,rgba(217,173,79,.2),transparent);transform:rotate(-7deg);box-shadow:120px -36px 0 rgba(217,173,79,.09),260px -75px 0 rgba(217,173,79,.06);z-index:-1}.premium-mark{font-size:clamp(104px,9vw,160px);line-height:.82;letter-spacing:-15px;gap:7px;color:#dfb54f;text-shadow:0 7px 0 rgba(101,67,14,.28),0 0 35px rgba(230,186,85,.18)}.premium-mark span:nth-child(2),.premium-mark span:nth-child(3){transform:none}.premium-mark span{display:inline-block}.flow-line{width:min(70%,410px);height:5px;margin:30px 0 24px;background:linear-gradient(90deg,#a87822,#f1d27d,#c58e2d);transform:none;box-shadow:0 0 18px rgba(217,173,79,.16)}.hero-art p{font-size:clamp(15px,1.35vw,23px);font-weight:650;letter-spacing:7px;color:#f6f1e8}.hero-art small{font-size:clamp(11px,.9vw,15px);font-weight:700;letter-spacing:4px;color:#d9ad4f}.brand-principles{position:absolute;bottom:28px;font-size:9px;letter-spacing:2.4px;color:#9b8b6d}.hero-copy h1{line-height:.92}.hero-copy .tagline{margin-top:22px}.hero-copy .cta-row{margin-top:30px}@media(max-width:1050px){.hero-art{min-height:390px}.premium-mark{font-size:110px}.brand-principles{position:static;margin-top:35px}}@media(max-width:800px){.hero-art{min-height:310px}.premium-mark{font-size:82px;letter-spacing:-9px}.flow-line{margin:22px 0 18px}.hero-art p{letter-spacing:4px}.brand-principles{font-size:7px;letter-spacing:1.3px}}

/* ============================================================
   V3.3 VISUAL OVERHAUL — APPROVED BRIGHTER PREMIUM DIRECTION
   Presentation only. No strategy/execution behavior changes.
   ============================================================ */

:root{
  --mfe-gold:#e4b44e;
  --mfe-gold-bright:#ffd36f;
  --mfe-gold-soft:#b8892f;
  --mfe-ivory:#f7f0df;
  --mfe-bg:#050505;
  --mfe-panel:#0a0908;
}

body{
  background:
    radial-gradient(circle at 72% 18%, rgba(220,170,70,.08), transparent 23%),
    radial-gradient(circle at 15% 8%, rgba(220,170,70,.045), transparent 19%),
    linear-gradient(180deg,#050505 0%,#070706 45%,#050505 100%);
}

.site-shell,
.landing-shell{
  position:relative;
}

.site-shell:before,
.landing-shell:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-2;
  opacity:.28;
  background:
    linear-gradient(rgba(230,184,85,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(230,184,85,.028) 1px,transparent 1px);
  background-size:52px 52px;
}

.topbar,
.navbar,
header{
  backdrop-filter:blur(16px);
}

.brand-lockup,
.nav-brand{
  filter:drop-shadow(0 0 18px rgba(226,178,76,.12));
}

.hero{
  position:relative;
  overflow:hidden;
}

.hero:before{
  content:"";
  position:absolute;
  width:640px;
  height:640px;
  right:-220px;
  top:-220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,210,107,.10),rgba(225,170,60,.035) 42%,transparent 70%);
  filter:blur(2px);
  pointer-events:none;
}

.hero-copy{
  position:relative;
  z-index:2;
}

.hero-copy h1{
  max-width:720px;
  letter-spacing:-2.2px;
  text-shadow:0 8px 40px rgba(0,0,0,.45);
}

.hero-copy h1 strong,
.hero-copy h1 em{
  color:var(--mfe-gold-bright);
  text-shadow:0 0 24px rgba(239,192,83,.18);
}

.hero-copy .tagline{
  color:#ddc27c;
  letter-spacing:1.8px;
  text-transform:uppercase;
}

.hero-copy .subtext,
.hero-copy p{
  color:rgba(247,240,223,.76);
}

.cta-row .primary,
.btn-primary,
button.primary{
  background:linear-gradient(135deg,#f0c45c 0%,#c6902f 53%,#f6cf6a 100%);
  color:#100d06;
  border:1px solid rgba(255,225,147,.58);
  box-shadow:
    0 10px 35px rgba(208,153,44,.18),
    inset 0 1px 0 rgba(255,255,255,.3);
}

.cta-row .primary:hover,
.btn-primary:hover,
button.primary:hover{
  transform:translateY(-1px);
  filter:brightness(1.06);
  box-shadow:
    0 14px 42px rgba(218,164,56,.25),
    0 0 0 1px rgba(244,200,99,.18);
}

.cta-row .secondary,
.btn-secondary{
  border-color:rgba(230,184,85,.35);
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

.hero-art{
  position:relative;
  isolation:isolate;
  min-height:510px;
  border:1px solid rgba(238,191,86,.45);
  border-radius:28px;
  background:
    radial-gradient(circle at 52% 44%,rgba(243,193,80,.16),transparent 23%),
    radial-gradient(circle at 62% 55%,rgba(184,126,31,.08),transparent 45%),
    linear-gradient(145deg,rgba(15,13,10,.96),rgba(7,7,6,.985));
  box-shadow:
    inset 0 1px 0 rgba(255,230,171,.08),
    inset 0 0 100px rgba(229,173,65,.035),
    0 25px 95px rgba(0,0,0,.42),
    0 0 60px rgba(208,151,43,.06);
  overflow:hidden;
}

.hero-art:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(120deg,transparent 0 28%,rgba(255,232,177,.035) 38%,transparent 48%),
    linear-gradient(180deg,rgba(255,255,255,.012),transparent 22% 78%,rgba(231,176,68,.025));
  z-index:5;
}

.market-grid{
  position:absolute;
  inset:0;
  z-index:-5;
  opacity:.3;
  background-image:
    linear-gradient(rgba(224,175,72,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(224,175,72,.08) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:radial-gradient(circle at 54% 48%,#000 10%,rgba(0,0,0,.92) 43%,transparent 88%);
}

.hero-glow{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(10px);
  z-index:-3;
}

.hero-glow-a{
  width:330px;height:330px;
  left:34%;top:15%;
  background:radial-gradient(circle,rgba(251,205,99,.18),rgba(221,159,45,.05) 46%,transparent 72%);
}

.hero-glow-b{
  width:220px;height:220px;
  right:-45px;bottom:12%;
  background:radial-gradient(circle,rgba(221,162,48,.12),transparent 68%);
}

.market-ribbon{
  position:absolute;
  left:-7%;
  width:118%;
  height:2px;
  transform-origin:left center;
  z-index:-1;
  box-shadow:0 0 19px rgba(246,198,88,.25);
}

.ribbon-a{
  top:60%;
  transform:rotate(-8deg);
  background:linear-gradient(90deg,transparent 2%,rgba(167,115,27,.12) 17%,#e6b64b 51%,#ffda78 65%,rgba(185,128,31,.16) 84%,transparent);
}

.ribbon-b{
  top:72%;
  transform:rotate(-4deg);
  opacity:.42;
  background:linear-gradient(90deg,transparent,#7e571d 22%,#c8912d 54%,transparent 88%);
}

.candle-field{
  position:absolute;
  left:7%;
  right:7%;
  bottom:24%;
  height:90px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  opacity:.23;
  z-index:-2;
}

.candle-field i{
  width:8px;
  min-height:24px;
  position:relative;
  border:1px solid rgba(238,189,80,.64);
  background:linear-gradient(180deg,rgba(238,189,80,.25),rgba(238,189,80,.05));
  box-shadow:0 0 14px rgba(231,177,66,.08);
}

.candle-field i:before,
.candle-field i:after{
  content:"";
  position:absolute;
  left:50%;
  width:1px;
  background:rgba(238,189,80,.65);
  transform:translateX(-50%);
}

.candle-field i:before{height:19px;top:-19px}
.candle-field i:after{height:14px;bottom:-14px}
.candle-field i:nth-child(1){height:32px}
.candle-field i:nth-child(2){height:44px}
.candle-field i:nth-child(3){height:38px}
.candle-field i:nth-child(4){height:61px}
.candle-field i:nth-child(5){height:50px}
.candle-field i:nth-child(6){height:69px}
.candle-field i:nth-child(7){height:58px}
.candle-field i:nth-child(8){height:80px}

.premium-mark{
  position:relative;
  z-index:2;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:10px;
  margin-top:46px;
  font-size:clamp(128px,10vw,184px);
  font-weight:900;
  line-height:.74;
  letter-spacing:-17px;
  color:#e5b84f;
  transform:skewX(-3deg);
  text-shadow:
    0 2px 0 #8f641f,
    0 5px 0 rgba(72,47,12,.82),
    0 13px 22px rgba(0,0,0,.46),
    0 0 32px rgba(242,192,83,.20);
}

.premium-mark span{
  display:inline-block;
  background:linear-gradient(180deg,#ffe29a 0%,#efbf58 30%,#bd8426 68%,#e7b84b 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(0 8px 10px rgba(0,0,0,.28));
}

.flow-line{
  position:relative;
  z-index:2;
  width:min(72%,430px);
  height:6px;
  margin:36px auto 27px;
  background:linear-gradient(90deg,#8d611f 0%,#e0a93e 30%,#ffe58b 51%,#d1952f 75%,#8a5d1e 100%);
  box-shadow:
    0 0 20px rgba(235,185,75,.24),
    0 2px 0 rgba(70,42,8,.72);
}

.flow-line:after{
  content:"";
  position:absolute;
  width:22%;
  height:100%;
  left:41%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent);
  filter:blur(2px);
}

.hero-art p{
  position:relative;
  z-index:2;
  margin:0;
  text-align:center;
  font-size:clamp(18px,1.48vw,26px);
  font-weight:700;
  letter-spacing:8px;
  color:var(--mfe-ivory);
  text-shadow:0 3px 22px rgba(0,0,0,.5);
}

.hero-art small{
  position:relative;
  z-index:2;
  display:block;
  margin-top:15px;
  text-align:center;
  font-size:clamp(12px,.92vw,16px);
  font-weight:800;
  letter-spacing:4.8px;
  color:#e5b64d;
  text-shadow:0 0 18px rgba(236,187,77,.12);
}

.brand-principles{
  position:absolute;
  z-index:3;
  left:0;right:0;bottom:30px;
  text-align:center;
  font-size:9px;
  font-weight:700;
  letter-spacing:2.8px;
  color:rgba(221,195,136,.62);
}

.card,
.feature-card,
.metric-card,
.health-card,
.panel,
.modal-card{
  background:
    linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.008)),
    rgba(9,8,7,.92);
  border-color:rgba(218,170,67,.22);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 18px 48px rgba(0,0,0,.20);
}

.card:hover,
.feature-card:hover{
  border-color:rgba(229,181,76,.34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.032),
    0 20px 54px rgba(0,0,0,.24),
    0 0 28px rgba(211,158,51,.035);
}

.section-title,
h2,
h3{
  text-shadow:0 4px 28px rgba(0,0,0,.28);
}

@media(max-width:1050px){
  .hero-art{min-height:430px}
  .premium-mark{
    font-size:124px;
    letter-spacing:-13px;
    margin-top:45px;
  }
}

@media(max-width:800px){
  .hero-art{
    min-height:360px;
    border-radius:22px;
  }
  .premium-mark{
    font-size:92px;
    letter-spacing:-10px;
    margin-top:48px;
  }
  .flow-line{margin:27px auto 20px}
  .hero-art p{letter-spacing:5px;font-size:16px}
  .hero-art small{letter-spacing:3px;font-size:11px}
  .brand-principles{
    position:static;
    margin:28px 14px 0;
    font-size:7px;
    letter-spacing:1.6px;
  }
  .candle-field{bottom:20%}
}

/* ============================================================
   V3.4 EXACT LOCKED VISUAL
   Uses the user-approved landing artwork as the exact visual layer.
   Existing account/dashboard/security functionality remains real HTML/JS.
   ============================================================ */

body:not(.app-open) .legacy-public-nav{
  display:none !important;
}

.landing-exact{
  padding:0 !important;
  margin:0 !important;
  width:100%;
  max-width:none !important;
  min-height:0 !important;
  background:#050505;
}

.landing-exact .locked-landing-art{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:1866 / 843;
  min-height:0;
  background-image:url('/static/kubera_landing_v5.png?v=5.0.0');
  background-repeat:no-repeat;
  background-position:center top;
  background-size:100% 100%;
  overflow:hidden;
}

.landing-exact + #how{
  margin-top:0;
}

/* The approved artwork already contains the visual feature strip. */
body:not(.app-open) #how{
  display:none;
}

.hotspot{
  position:absolute;
  z-index:20;
  display:block;
  border:0 !important;
  outline:0;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:transparent !important;
  opacity:.001;
  cursor:pointer;
  border-radius:10px;
}

.hotspot:focus-visible{
  opacity:1;
  outline:2px solid #f0bf56 !important;
  outline-offset:2px;
  background:rgba(240,191,86,.08) !important;
}

/* Coordinates are percentages of the locked 1886×834 artwork. */
.hotspot-how{left:37.3%;top:.4%;width:6.5%;height:5.4%}
.hotspot-security{left:46.0%;top:.4%;width:5.2%;height:5.4%}
.hotspot-support{left:52.0%;top:.4%;width:4.6%;height:5.4%}
.hotspot-login-top{left:78.8%;top:.1%;width:7.0%;height:5.8%}
.hotspot-trial{left:6.4%;top:71.8%;width:17.6%;height:9.0%}
.hotspot-login-hero{left:24.7%;top:71.8%;width:7.5%;height:9.0%}

/* Keep the authenticated app/dashboard fully native and responsive. */
body.app-open .legacy-public-nav{
  display:flex !important;
}
body.app-open #how{
  display:grid;
}

@media(max-width:900px){
  .landing-exact .locked-landing-art{
    width:100%;
    aspect-ratio:1866 / 843;
    background-size:100% 100%;
  }
}

@media(max-width:620px){
  /* Preserve the exact artwork rather than reflowing it into a different design. */
  .landing-exact{
    overflow-x:auto;
  }
  .landing-exact .locked-landing-art{
    width:1000px;
    max-width:none;
    aspect-ratio:1866 / 843;
  }
}

/* V3.5 NAVIGATION LOCK: auth actions are public-only; authenticated header uses profile/avatar. */
body.app-open .public-auth-only{display:none!important}
body.app-open .legacy-public-nav{display:flex!important}
body.app-open .profile-menu-btn,body.app-open #profileBtn{display:inline-flex!important}


/* ============================================================
   V3.5.1 PUBLIC LANDING NAVIGATION
   Visual artwork remains unchanged.
   ============================================================ */

.hotspot-about{
  left:57.4%;
  top:.4%;
  width:4.2%;
  height:5.4%;
}

.public-info-modal{
  position:fixed;
  inset:0;
  z-index:5000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(0,0,0,.82);
  backdrop-filter:blur(8px);
}

.public-info-modal[hidden]{
  display:none !important;
}

.public-info-card{
  position:relative;
  width:min(680px,94vw);
  max-height:86vh;
  overflow:auto;
  padding:34px;
  border:1px solid rgba(240,191,86,.35);
  border-radius:18px;
  background:#0b0b0b;
  box-shadow:0 25px 80px rgba(0,0,0,.65);
}

.public-info-card h2{
  margin:8px 0 20px;
  color:#f0bf56;
}

.public-info-card h3{
  margin:20px 0 7px;
}

.public-info-card p{
  line-height:1.65;
  color:#d6d6d6;
}

.public-info-card .x{
  position:absolute;
  right:16px;
  top:14px;
}

.public-info-card .info-step{
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}

/* V3.6 agent registration and subscription checkout */
.agent-card{max-height:90vh;overflow:auto}
.agent-card hr{border:0;border-top:1px solid #3b321f;margin:22px 0 14px}
.agent-card h3{margin:0;color:#e5bd61;font-size:16px}
.agent-code{margin:18px 0 0;padding:14px;border:1px solid #e4bd63;border-radius:9px;background:#171209;color:#f0cf78;font-size:18px;font-weight:900;letter-spacing:.08em;text-align:center;word-break:break-word}

/* Kubera 4.0 landing: text and geometry replace the retired MFE image asset. */
.kubera-landing{min-height:680px;padding:clamp(36px,5vw,78px);background:radial-gradient(circle at 72% 42%,rgba(231,177,66,.14),transparent 33%),#060606}
.kubera-hero{width:min(1320px,100%);margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,6vw,90px);align-items:center}
.kubera-copy h1{font-size:clamp(68px,8.5vw,142px);line-height:.78;margin:24px 0 34px;letter-spacing:-.07em;color:#f5f0e6}
.kubera-copy h1 em{font-style:normal;color:#e2ad3f;text-shadow:0 0 44px rgba(226,173,63,.22)}
.kubera-copy .lead{max-width:680px}.kubera-copy .hero-actions{display:flex;gap:14px;margin:30px 0}.kubera-copy .trust{display:flex;gap:22px;flex-wrap:wrap}
.kubera-orbit{min-height:470px;position:relative;display:grid;place-items:center;border:1px solid rgba(226,173,63,.25);border-radius:50%;background:radial-gradient(circle,rgba(226,173,63,.15),rgba(10,9,7,.55) 52%,transparent 72%);box-shadow:0 0 100px rgba(226,173,63,.08)}
.kubera-orbit .orbit-ring{position:absolute;border:1px solid rgba(226,173,63,.35);border-radius:50%;transform:rotate(-18deg)}
.kubera-orbit .ring-one{width:84%;height:62%}.kubera-orbit .ring-two{width:64%;height:88%;transform:rotate(28deg)}
.kubera-symbol{font-size:clamp(150px,18vw,290px);line-height:.75;font-weight:950;color:#e2ad3f;text-shadow:0 10px 0 rgba(86,55,8,.45),0 0 55px rgba(226,173,63,.22)}
.kubera-orbit strong{position:absolute;bottom:23%;font-size:clamp(24px,3vw,46px);letter-spacing:.22em;color:#f5e7c5}.kubera-orbit small{position:absolute;bottom:16%;letter-spacing:.22em;color:#cba24f}
.exchange-choice{display:grid;gap:5px;color:#a99a78;font-size:9px;letter-spacing:.12em;font-weight:800}.exchange-choice select{min-width:145px;padding:11px 32px 11px 12px;border:1px solid #9f7a36;border-radius:8px;background:#0c0b09;color:#f1d27c;font-weight:800}
@media(max-width:900px){.kubera-hero{grid-template-columns:1fr}.kubera-orbit{min-height:360px}.kubera-copy h1{font-size:clamp(62px,18vw,100px)}}
@media(max-width:560px){.kubera-landing{padding:34px 18px}.kubera-copy .hero-actions{flex-direction:column}.kubera-orbit{min-height:290px}.exchange-choice,.exchange-choice select{width:100%}}
.subscription-checkout{border-color:#80602e!important;background:linear-gradient(145deg,#151109,#0c0c0b)!important}
.subscription-checkout h3{margin:8px 0!important}
.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quote-result{margin-top:14px;padding:14px;border:1px solid #594526;border-radius:9px;background:#0a0907}
.quote-result h4{margin:0 0 10px;color:#e7c36d}
.quote-result p{margin:8px 0}
.quote-total{padding-top:10px;border-top:1px solid #49391f;font-size:17px;color:#f1d178}
.checkout-pending{margin:16px 0 0;padding:10px;border-left:3px solid #b8892f;background:#130f08}
@media(max-width:560px){.checkout-grid{grid-template-columns:1fr}.nav-actions{gap:6px}.nav-actions button{padding-inline:9px;font-size:11px}}
@media(max-height:800px){.auth-wrap{align-items:start;overflow-y:auto}.auth-wrap .auth-card{margin:20px auto}}

/* V3.8.0 */ .exchange-region-panel select,#signupRegion{width:100%;box-sizing:border-box;} #signupRegion{min-height:44px;}