/* UNITEDX premium public landing hero - v1 */
body.page-home.is-public{
  background:#020306 !important;
  color:#f8fafc !important;
  overflow-x:hidden;
}
body.page-home.is-public main{
  background:#020306 !important;
}
body.page-home.is-public .site-header{
  top:18px !important;
  left:24px !important;
  right:24px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:24px !important;
  background:linear-gradient(135deg,rgba(5,8,18,.72),rgba(8,10,17,.52)) !important;
  box-shadow:0 18px 70px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(47,128,255,.04) !important;
  backdrop-filter:blur(26px) saturate(170%) !important;
  -webkit-backdrop-filter:blur(26px) saturate(170%) !important;
}
body.page-home.is-public .site-header::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(110deg,rgba(47,128,255,.48),transparent 20%,transparent 75%,rgba(239,18,58,.48));
  opacity:.38;
  z-index:-1;
}
body.page-home.is-public .site-header.scrolled{
  top:10px !important;
  background:linear-gradient(135deg,rgba(5,8,18,.88),rgba(8,10,17,.78)) !important;
  border-color:rgba(255,255,255,.18) !important;
}
body.page-home.is-public .header-inner{
  min-height:72px !important;
  padding:10px 22px !important;
}
body.page-home.is-public .brand{
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  box-shadow:none !important;
}
body.page-home.is-public .brand-logo-img{
  height:48px !important;
  max-width:210px !important;
  filter:drop-shadow(0 0 20px rgba(47,128,255,.2));
}
body.page-home.is-public .nav-mega{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  gap:6px !important;
  padding:0 !important;
}
body.page-home.is-public .nav-mega a{
  color:rgba(248,250,252,.82) !important;
  font-weight:700 !important;
  font-size:.84rem !important;
  border:1px solid transparent !important;
  background:transparent !important;
  padding:9px 11px !important;
}
body.page-home.is-public .nav-mega a:hover,
body.page-home.is-public .nav-mega a.active{
  color:#fff !important;
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(255,255,255,.10) !important;
}
.ux-hot-badge{
  display:inline-flex;
  margin-left:4px;
  transform:translateY(-1px);
  padding:2px 5px;
  border-radius:999px;
  background:linear-gradient(135deg,#ff0036,#ff305d);
  color:#fff;
  font-size:.55rem;
  font-weight:900;
  line-height:1;
}
body.page-home.is-public .theme-toggle{
  display:none !important;
}
body.page-home.is-public .header-auth .btn{
  border-radius:12px !important;
  min-width:104px;
  justify-content:center;
  font-weight:900 !important;
}
body.page-home.is-public .header-auth .btn-ghost{
  background:rgba(255,255,255,.025) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#fff !important;
}
body.page-home.is-public .header-auth .btn-primary{
  background:linear-gradient(135deg,#0967ff,#d60034) !important;
  border-color:rgba(255,255,255,.10) !important;
  color:#fff !important;
  box-shadow:0 18px 38px rgba(214,0,52,.25) !important;
}
.ux-neo-landing{
  position:relative;
  min-height:100vh;
  padding:132px 0 52px;
  overflow:hidden;
  background:
    radial-gradient(900px 520px at 78% 42%,rgba(248,186,47,.12),transparent 68%),
    radial-gradient(700px 500px at 78% 72%,rgba(214,0,52,.12),transparent 70%),
    radial-gradient(760px 480px at 18% 80%,rgba(9,103,255,.16),transparent 72%),
    linear-gradient(180deg,#020306 0%,#06080d 62%,#020306 100%);
}
.ux-neo-landing::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,3,6,.94) 0%,rgba(2,3,6,.78) 34%,rgba(2,3,6,.20) 72%,rgba(2,3,6,.38) 100%),
    radial-gradient(ellipse at 60% 44%,rgba(255,186,47,.12),transparent 42%);
  z-index:0;
}
.ux-neo-landing::after{
  content:"";
  position:absolute;
  left:-10%; right:-10%; bottom:-12%; height:42%;
  pointer-events:none;
  background:
    repeating-linear-gradient(110deg,rgba(9,103,255,.08) 0 1px,transparent 1px 26px),
    repeating-linear-gradient(70deg,rgba(214,0,52,.07) 0 1px,transparent 1px 30px);
  transform:skewY(-7deg);
  filter:blur(.2px);
  opacity:.8;
  z-index:0;
}
.ux-neo-bg-orb{position:absolute;border-radius:999px;filter:blur(28px);opacity:.72;pointer-events:none;z-index:0}
.ux-neo-bg-orb-blue{width:420px;height:420px;left:-160px;bottom:4%;background:rgba(9,103,255,.18)}
.ux-neo-bg-orb-red{width:360px;height:360px;right:-80px;top:24%;background:rgba(214,0,52,.13)}
.ux-neo-light-line{position:absolute;height:2px;border-radius:999px;pointer-events:none;z-index:0;filter:blur(.1px)}
.ux-neo-blue-line{left:-4%;bottom:18%;width:62%;background:linear-gradient(90deg,transparent,#0967ff,transparent);transform:rotate(-12deg);box-shadow:0 0 26px #0967ff}
.ux-neo-red-line{right:-8%;bottom:28%;width:40%;background:linear-gradient(90deg,transparent,#d60034,transparent);transform:rotate(-16deg);box-shadow:0 0 28px #d60034}
.ux-neo-hero{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(360px,.78fr) minmax(520px,1.05fr);
  gap:32px;
  align-items:center;
}
.ux-neo-copy{padding-top:18px;position:relative;z-index:3}
.ux-neo-kicker{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#ffda78;
  font-weight:800;
  letter-spacing:.02em;
  font-size:1.05rem;
  margin-bottom:22px;
}
.ux-neo-kicker i{width:30px;height:2px;border-radius:999px;background:linear-gradient(90deg,#0967ff,#ffda78,#d60034);box-shadow:0 0 16px rgba(9,103,255,.6)}
.ux-neo-copy h1{
  margin:0;
  max-width:760px;
  font-size:clamp(3.1rem,5.55vw,5.85rem);
  line-height:1;
  letter-spacing:-.06em;
  font-weight:950;
  color:#fff;
  text-shadow:0 16px 70px rgba(0,0,0,.45);
}
.ux-neo-copy h1 span{
  display:inline-block;
  background:linear-gradient(90deg,#0d62ff 0%,#0d62ff 60%,#ff0036 60%,#ff0036 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  letter-spacing:.02em;
}
.ux-neo-lead{
  max-width:620px;
  margin:24px 0 0;
  color:rgba(248,250,252,.76);
  font-size:1.08rem;
  line-height:1.78;
}
.ux-neo-actions{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin-top:30px;
}
.ux-neo-btn{
  min-height:58px;
  padding:0 28px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  color:#fff;
  font-weight:900;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.035);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.ux-neo-btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.28);color:#fff}
.ux-neo-btn-primary{
  min-width:188px;
  background:linear-gradient(135deg,#0b6cff 0%,#6f37ff 44%,#ff0036 100%) !important;
  border-color:rgba(255,255,255,.10);
  box-shadow:0 22px 52px rgba(214,0,52,.22),0 18px 44px rgba(9,103,255,.18);
}
.ux-neo-btn b{font-size:1.4rem;line-height:1;color:inherit}
.ux-neo-benefits{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  max-width:640px;
  margin-top:34px;
}
.ux-neo-benefits article{
  min-height:120px;
  padding:18px;
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.018));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 40px rgba(0,0,0,.18);
}
.ux-neo-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;margin-bottom:12px;font-size:1.2rem;font-weight:900;border:1px solid currentColor}.ux-neo-icon-blue{color:#2d8cff;background:rgba(45,140,255,.10)}.ux-neo-icon-red{color:#ff294f;background:rgba(255,41,79,.10)}.ux-neo-icon-gold{color:#ffd36d;background:rgba(255,211,109,.10)}
.ux-neo-benefits strong{display:block;color:#fff;font-size:.98rem;margin-bottom:4px}.ux-neo-benefits span{display:block;color:rgba(248,250,252,.62);font-size:.76rem;line-height:1.45}
/* App download CTA cards (QR / copy / button) */
.ux-neo-app-qr,.ux-neo-app-download{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px}
.ux-neo-app-copy{display:flex;flex-direction:column;justify-content:center}
.ux-neo-qr-img{width:116px;height:116px;border-radius:12px;background:#fff;padding:6px}
.ux-neo-app-btn{width:100%;min-width:0;max-width:100%;padding:0 12px;gap:8px;min-height:48px;font-size:.86rem;white-space:nowrap;justify-content:center;box-sizing:border-box}
.ux-neo-app-cta .ux-neo-app-qr span,.ux-neo-app-cta .ux-neo-app-download span{font-size:.74rem;color:rgba(248,250,252,.62);line-height:1.4}
.ux-neo-visual-wrap{position:relative;min-height:620px;display:flex;align-items:center;justify-content:center;z-index:2}.ux-neo-visual-card{position:relative;width:min(760px,100%);transform:perspective(1200px) rotateY(-3deg) rotateX(2deg);filter:drop-shadow(0 40px 90px rgba(0,0,0,.65))}.ux-neo-visual-card::before{content:"";position:absolute;inset:10% 4% 4% 8%;border-radius:48px;background:radial-gradient(circle at 50% 55%,rgba(248,186,47,.16),transparent 50%);filter:blur(28px);z-index:-1}.ux-neo-visual-card img{display:block;width:100%;height:auto;border-radius:28px;object-fit:cover;object-position:center;filter:blur(1.4px);transform:scale(1.006);mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 100%)}
.ux-neo-live-card{position:absolute;min-width:146px;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:rgba(5,8,18,.62);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:13px 15px;box-shadow:0 20px 60px rgba(0,0,0,.28);color:#fff}.ux-neo-live-card small,.ux-neo-live-card span{display:block;color:rgba(248,250,252,.65);font-size:.72rem;font-weight:800}.ux-neo-live-card strong{display:block;font-size:1.05rem;margin:5px 0;color:#fff}.ux-live-price{left:9%;top:20%;border-color:rgba(9,103,255,.28)}.ux-live-price span{color:#14f195}.ux-live-order{right:5%;bottom:20%;border-color:rgba(255,211,109,.22)}.ux-live-order span{color:#ffd36d}
.ux-neo-stats{
  position:relative;
  z-index:3;
  margin-top:24px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  max-width:1240px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  box-shadow:0 26px 80px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;
}
.ux-neo-stats div{display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:24px 28px;border-right:1px solid rgba(255,255,255,.10)}.ux-neo-stats div:last-child{border-right:0}.ux-neo-stats i{grid-row:1/3;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(9,103,255,.12);border:1px solid rgba(9,103,255,.26);font-style:normal}.ux-neo-stats strong{font-size:1.55rem;line-height:1;color:#fff}.ux-neo-stats span{color:rgba(248,250,252,.68);font-size:.86rem;margin-top:6px}
.ux-neo-section{position:relative;padding:86px 0;background:#020306;color:#fff;border-top:1px solid rgba(255,255,255,.06)}.ux-neo-section-kicker{display:inline-flex;color:#ffd36d;font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;margin-bottom:16px}.ux-neo-two{display:grid;grid-template-columns:.82fr 1.18fr;gap:44px;align-items:start}.ux-neo-section h2{margin:0;font-size:clamp(2rem,4vw,3.8rem);line-height:1.06;letter-spacing:-.055em;max-width:900px}.ux-neo-section p{color:rgba(248,250,252,.68);line-height:1.75;font-size:1rem}.ux-neo-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ux-neo-feature-grid article,.ux-neo-story-row article{border:1px solid rgba(255,255,255,.10);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border-radius:20px;padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.18)}.ux-neo-feature-grid b{color:#0967ff;letter-spacing:.12em}.ux-neo-feature-grid h3,.ux-neo-story-row h3{margin:10px 0 8px;color:#fff}.ux-neo-story{background:radial-gradient(700px 360px at 70% 35%,rgba(214,0,52,.08),transparent 70%),#020306}.ux-neo-story-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.ux-neo-story-row span{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:13px;background:rgba(255,211,109,.10);border:1px solid rgba(255,211,109,.25);color:#ffd36d;font-weight:900}
@media(max-width:1180px){body.page-home.is-public .nav-mega a{font-size:.78rem;padding:8px 8px!important}.ux-neo-hero{grid-template-columns:1fr}.ux-neo-visual-wrap{min-height:auto;margin-top:20px}.ux-neo-copy h1{max-width:900px}.ux-neo-lead{max-width:760px}}
@media(max-width:960px){body.page-home.is-public .site-header{left:14px!important;right:14px!important;top:10px!important;border-radius:20px!important}body.page-home.is-public .site-header .nav.show,body.page-home.is-public .site-header .header-auth.show{background:rgba(5,8,18,.96)!important;border:1px solid rgba(255,255,255,.13)!important}.ux-neo-landing{padding-top:120px}.ux-neo-benefits,.ux-neo-stats,.ux-neo-two,.ux-neo-feature-grid,.ux-neo-story-row{grid-template-columns:1fr}.ux-neo-stats div{border-right:0;border-bottom:1px solid rgba(255,255,255,.10)}.ux-neo-stats div:last-child{border-bottom:0}}
@media(max-width:640px){body.page-home.is-public .header-inner{padding:8px 12px!important;min-height:62px!important}body.page-home.is-public .brand-logo-img{height:36px!important}.ux-neo-landing{padding:102px 0 34px}.ux-neo-copy h1{font-size:clamp(2.15rem,11vw,3.05rem);line-height:1.02;letter-spacing:-.045em}.ux-neo-lead{font-size:.95rem}.ux-neo-actions{display:grid;grid-template-columns:1fr;gap:12px}.ux-neo-btn{width:100%;min-height:54px}.ux-neo-benefits{gap:10px}.ux-neo-visual-card{transform:none}.ux-neo-live-card{display:none}.ux-neo-visual-card img{border-radius:18px;mask-image:none;-webkit-mask-image:none}.ux-neo-section{padding:62px 0}.ux-neo-section h2{font-size:2.05rem}}