.lx{
  --lx-max:1200px;
  --lx-wide:1340px;
  --lx-glow: color-mix(in srgb,var(--accent) 60%, transparent);
  --lx-ease: cubic-bezier(.22,.7,.2,1);
  --lx-ease-el: cubic-bezier(.34,1.28,.64,1);
  --lx-frame-bd: color-mix(in srgb,var(--accent) 22%, var(--border-2));
  position:relative; overflow-x:clip; isolation:isolate;
}
body{background:var(--page); overflow-x:clip}

.lx-atmo{position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden}
.lx-atmo .grid{position:absolute; inset:-2px; opacity:.6;
  background-image:linear-gradient(var(--bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:radial-gradient(120% 90% at 50% 0%,#000 30%,transparent 78%);
  mask-image:radial-gradient(120% 90% at 50% 0%,#000 30%,transparent 78%);}
.lx-atmo .aur{position:absolute; border-radius:50%; filter:blur(70px); opacity:.5}
.lx-atmo .a1{top:-16vh; left:50%; width:min(1100px,92vw); height:640px; transform:translateX(-50%);
  background:radial-gradient(closest-side, color-mix(in srgb,var(--accent) 24%,transparent), transparent 72%)}
.lx-atmo .a2{top:64vh; left:-8vw; width:640px; height:520px;
  background:radial-gradient(closest-side, color-mix(in srgb,var(--info) 14%,transparent), transparent 70%)}
.lx-atmo .a3{top:120vh; right:-10vw; width:640px; height:560px;
  background:radial-gradient(closest-side, color-mix(in srgb,var(--accent) 15%,transparent), transparent 70%)}
:root[data-theme="light"] .lx-atmo .aur{opacity:.34}
.lx-atmo .noise{position:absolute; inset:0; opacity:.028; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.lx > *{position:relative; z-index:1}

.lx-skip{position:absolute; left:14px; top:-60px; z-index:200; background:var(--text); color:var(--page); font-weight:600; font-size:13px;
  padding:10px 16px; border-radius:8px; text-decoration:none; transition:top .18s var(--lx-ease)}
.lx-skip:focus{top:12px}
.lx-lock:focus-visible,.lx-navlinks a:focus-visible,.lx-nav .iconbtn:focus-visible,.lx-foot .iconbtn:focus-visible,
.lx-foot .fcol a:focus-visible,.lx-toggle button:focus-visible,.lx-q summary:focus-visible,.lx-skip:focus-visible{
  outline:2px solid var(--accent); outline-offset:2px; border-radius:6px}

.lx-nav{position:sticky; top:0; z-index:70; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px;
  padding:0 clamp(16px,4vw,40px); height:64px;
  border-bottom:1px solid transparent; transition:border-color .3s, background .3s, backdrop-filter .3s}
.lx-nav.stuck{border-bottom-color:var(--border);
  background:color-mix(in srgb,var(--page) 78%,transparent); backdrop-filter:blur(14px) saturate(1.3); -webkit-backdrop-filter:blur(14px) saturate(1.3)}
.lx-lock{display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--text); flex:none}
.lx-badge{width:33px; height:33px; border-radius:9px; display:grid; place-items:center; flex:none;
  background:color-mix(in srgb,var(--accent) 14%,var(--surface-3)); border:1px solid color-mix(in srgb,var(--accent) 32%,var(--border))}
.lx-badge .kmark{width:21px; height:21px}
.lx-lock .kword{font-size:18px}
.lx-navlinks{display:flex; align-items:center; gap:4px; margin:0; justify-self:center}
.lx-navlinks a{font-size:13.5px; font-weight:500; color:var(--text-2); text-decoration:none; padding:8px 13px; border-radius:8px; transition:.15s}
.lx-navlinks a:hover{color:var(--text); background:var(--surface-2)}
.lx-nav .lx-navcta{display:flex; align-items:center; gap:10px; flex:none; justify-self:end}
.lx-nav .iconbtn{flex:none}
.lx-nav .btn{padding:8px 15px; white-space:nowrap; flex:none}
@media (max-width:860px){.lx-navlinks{display:none}}
@media (max-width:460px){.lx-nav .btn.ghost{display:none}}

.lx-sect{max-width:var(--lx-max); margin:0 auto; padding:clamp(64px,10vh,120px) clamp(18px,4vw,40px) 0}
.lx-sect.wide{max-width:var(--lx-wide)}
.lx-kick{display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:11px; font-weight:600;
  letter-spacing:.2em; text-transform:uppercase; color:var(--accent-ink);
  background:var(--accent-bg); border:1px solid color-mix(in srgb,var(--accent) 28%,transparent); border-radius:999px; padding:6px 13px}
.lx-kick .kmark{width:12px; height:12px; flex:none}
.lx-h2{font-family:var(--font-display); font-weight:600; font-size:clamp(30px,4.1vw,50px); line-height:1.04; letter-spacing:-.02em; margin:16px 0 0}
.lx-h2 .mo{color:var(--accent)}
.lx-lede{font-size:clamp(15px,1.5vw,17px); line-height:1.65; color:var(--text-2); max-width:60ch; margin:16px 0 0}
.lx-shead{max-width:760px}
.lx-shead.center{max-width:820px; margin-inline:auto; text-align:center}
.lx-shead.center .lx-lede{margin-inline:auto}

html.js .lx-rv{opacity:0; transform:translateY(22px); transition:opacity .7s var(--lx-ease), transform .7s var(--lx-ease)}
html.js .lx-rv.in{opacity:1; transform:none}
html.js .lx-rv[data-d="1"]{transition-delay:.07s} html.js .lx-rv[data-d="2"]{transition-delay:.14s}
html.js .lx-rv[data-d="3"]{transition-delay:.21s} html.js .lx-rv[data-d="4"]{transition-delay:.28s}
@media (prefers-reduced-motion:reduce){html.js .lx-rv{opacity:1; transform:none; transition:none}}

.lx-hero{max-width:var(--lx-wide); margin:0 auto; padding:clamp(40px,7vh,84px) clamp(18px,4vw,40px) 0; text-align:center}
.lx-eyebrow{display:inline-flex; align-items:center; gap:10px; font-family:var(--font-mono); font-size:11.5px; font-weight:500;
  letter-spacing:.2em; text-transform:uppercase; color:var(--text-3);
  border:1px solid var(--border); border-radius:999px; padding:7px 16px 7px 12px; background:color-mix(in srgb,var(--surface) 60%,transparent)}
.lx-eyebrow .kmark{width:14px; height:14px; flex:none}
.lx-eyebrow .dot{width:5px; height:5px; border-radius:50%; background:var(--profit); box-shadow:0 0 0 3px color-mix(in srgb,var(--profit) 22%,transparent)}
.lx-h1{font-family:var(--font-display); font-weight:600; font-size:clamp(46px,8vw,104px); line-height:.94; letter-spacing:-.03em; margin:26px auto 0; max-width:15ch}
.lx-h1 .mo{position:relative; color:var(--accent)}
.lx-h1 .mo::after{content:""; position:absolute; left:-2%; right:-2%; bottom:.06em; height:.09em; border-radius:2px;
  background:linear-gradient(90deg,transparent,var(--accent),transparent); opacity:.55}
.lx-hsub{font-size:clamp(15.5px,1.7vw,19px); line-height:1.62; color:var(--text-2); max-width:56ch; margin:24px auto 0}
.lx-hsub b{color:var(--text); font-weight:600}
.lx-hctas{display:flex; align-items:center; justify-content:center; gap:13px; flex-wrap:wrap; margin-top:30px}
.lx-hctas .btn{font-size:14px; padding:13px 22px}
.lx-hctas .btn.primary i{font-size:17px}
.lx-hmeta{display:flex; align-items:center; justify-content:center; gap:8px 18px; flex-wrap:wrap; margin-top:20px;
  font-size:12.5px; color:var(--text-3)}
.lx-hmeta span{display:inline-flex; align-items:center; gap:6px}
.lx-hmeta i{color:var(--profit); font-size:15px}

@media (prefers-reduced-motion:no-preference){
  html.js [data-rise]{opacity:0; animation:lxRise .8s var(--lx-ease) forwards}
  html.js [data-rise="1"]{animation-delay:.05s} html.js [data-rise="2"]{animation-delay:.14s}
  html.js [data-rise="3"]{animation-delay:.23s} html.js [data-rise="4"]{animation-delay:.32s}
  html.js [data-rise="5"]{animation-delay:.44s}
}
@keyframes lxRise{from{opacity:0; transform:translateY(20px)} to{opacity:1; transform:none}}

.lx-stage{position:relative; margin:clamp(38px,6vh,72px) auto 0; max-width:1120px; perspective:1600px}
.lx-stage::before{content:""; position:absolute; left:50%; top:38%; width:82%; height:70%; transform:translateX(-50%);
  background:radial-gradient(closest-side, var(--lx-glow), transparent 72%); filter:blur(46px); opacity:.42; z-index:-1}
.lx-frame{position:relative; border-radius:16px; border:1px solid var(--lx-frame-bd); background:var(--surface);
  box-shadow:0 40px 120px -30px rgba(0,0,0,.72), 0 8px 30px -12px rgba(0,0,0,.5), inset 0 1px 0 color-mix(in srgb,#fff 5%,transparent);
  overflow:hidden; transform-style:preserve-3d}
.lx-frame-wrap{position:relative; transform-origin:50% 0%; will-change:transform; backface-visibility:hidden}
.lx-winbar{display:flex; align-items:center; gap:7px; padding:11px 15px; border-bottom:1px solid var(--border);
  background:color-mix(in srgb,var(--surface-2) 88%,transparent)}
.lx-winbar .d{width:11px; height:11px; border-radius:50%; background:var(--surface-3); border:1px solid var(--border-2)}
.lx-winbar .d.r{background:color-mix(in srgb,var(--loss) 70%,var(--surface-3))}
.lx-winbar .d.y{background:color-mix(in srgb,var(--warn) 70%,var(--surface-3))}
.lx-winbar .d.g{background:color-mix(in srgb,var(--profit) 70%,var(--surface-3))}
.lx-winbar .url{margin:0 auto; display:inline-flex; align-items:center; gap:7px; font-family:var(--font-mono); font-size:11px;
  color:var(--text-3); background:var(--page); border:1px solid var(--border); border-radius:7px; padding:4px 13px}
.lx-winbar .url i{font-size:13px; color:var(--profit)}
.lx-shotimg{display:block; width:100%; height:auto}
.lx-frame.crop .lx-shotimg{height:clamp(340px,52vh,600px); object-fit:cover; object-position:top}
.lx-cbr{position:absolute; width:26px; height:26px; border:2px solid var(--accent); opacity:.7; pointer-events:none; z-index:2}
.lx-cbr.tl{top:-9px; left:-9px; border-right:0; border-bottom:0; border-radius:6px 0 0 0}
.lx-cbr.tr{top:-9px; right:-9px; border-left:0; border-bottom:0; border-radius:0 6px 0 0}
.lx-cbr.bl{bottom:-9px; left:-9px; border-right:0; border-top:0; border-radius:0 0 0 6px}
.lx-cbr.br{bottom:-9px; right:-9px; border-left:0; border-top:0; border-radius:0 0 6px 0}
.lx-fchip{position:absolute; z-index:3; display:flex; align-items:center; gap:10px; padding:10px 13px; border-radius:12px;
  background:color-mix(in srgb,var(--surface) 80%,transparent); border:1px solid var(--border-2); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  box-shadow:0 16px 40px -14px rgba(0,0,0,.6)}
.lx-fchip .ic{width:30px; height:30px; border-radius:8px; display:grid; place-items:center; font-size:16px; flex:none; background:var(--accent-bg); color:var(--accent-ink)}
.lx-fchip .ic.pos{background:var(--profit-bg); color:var(--profit)}
.lx-fchip .t{font-size:10px; color:var(--text-3); text-transform:uppercase; letter-spacing:.1em; font-weight:600}
.lx-fchip .v{font-family:var(--font-mono); font-size:14.5px; font-weight:600; margin-top:1px}
.lx-fchip .v.pos{color:var(--profit)}
.lx-fchip.f1{left:-3%; top:24%} .lx-fchip.f2{right:-3%; top:54%}
@media (prefers-reduced-motion:no-preference){
  html.js .lx-fchip{animation:lxFloat 7s ease-in-out infinite}
  html.js .lx-fchip.f2{animation-duration:8.5s; animation-delay:.6s}
}
@keyframes lxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media (max-width:820px){.lx-fchip{display:none} .lx-cbr{width:18px;height:18px}}


.lx-stats{display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(14px,2vw,26px); margin-top:clamp(30px,5vh,44px)}
.lx-stat{text-align:center; padding:8px}
.lx-stat .v{font-family:var(--font-mono); font-weight:600; font-size:clamp(30px,4.4vw,50px); letter-spacing:-.02em; line-height:1}
.lx-stat .v.pos{color:var(--profit)}
.lx-stat .k{font-size:12.5px; color:var(--text-2); margin-top:9px; font-weight:500}
.lx-stat + .lx-stat{border-left:1px solid var(--border)}
@media (max-width:640px){.lx-stats{grid-template-columns:1fr 1fr; gap:24px 0}
  .lx-stat:nth-child(odd){border-left:0} .lx-stat:nth-child(n+3){border-top:1px solid var(--border); padding-top:24px}}

.lx-show{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.28fr); gap:clamp(28px,4.5vw,68px); align-items:center;
  padding:clamp(30px,5vh,56px) 0}
.lx-show.flip .lx-show-txt{order:2}
.lx-show-txt h3,.lx-show-txt h2{font-family:var(--font-display); font-weight:600; font-size:clamp(23px,2.6vw,33px); letter-spacing:-.015em; line-height:1.1; margin:15px 0 0}
.lx-show-txt p{font-size:14.5px; line-height:1.7; color:var(--text-2); margin:14px 0 0}
.lx-flist{list-style:none; margin:20px 0 0; padding:0; display:flex; flex-direction:column; gap:11px}
.lx-flist li{display:flex; align-items:flex-start; gap:11px; font-size:13.5px; color:var(--text-2); line-height:1.5}
.lx-flist li i{color:var(--accent-ink); font-size:17px; flex:none; margin-top:1px}
.lx-flist li b{color:var(--text); font-weight:600}
@media (max-width:900px){.lx-show{grid-template-columns:1fr; gap:26px} .lx-show.flip .lx-show-txt{order:0}}

.lx-shot{position:relative; border-radius:14px; border:1px solid var(--lx-frame-bd); background:var(--surface); overflow:hidden;
  box-shadow:0 30px 80px -34px rgba(0,0,0,.7), 0 4px 16px -8px rgba(0,0,0,.4); transition:transform .5s var(--lx-ease), box-shadow .5s var(--lx-ease)}
.lx-shot:hover{transform:translateY(-6px); box-shadow:0 42px 100px -30px rgba(0,0,0,.75), 0 6px 20px -8px rgba(0,0,0,.45)}
.lx-shot .lx-winbar{padding:9px 13px}
.lx-shot .lx-winbar .d{width:9px; height:9px}
.lx-shot img{display:block; width:100%; height:auto}
.lx-shot.tall img{height:clamp(280px,40vh,440px); object-fit:cover; object-position:top}
.lx-shot .glow{position:absolute; inset:auto -20% -40% -20%; height:60%; background:radial-gradient(closest-side,var(--lx-glow),transparent 72%); opacity:.22; filter:blur(40px); pointer-events:none}

.lx-vec{position:relative; display:grid; place-items:center; padding:10px}
.lx-vecglow{position:absolute; width:76%; height:76%; border-radius:50%; pointer-events:none; z-index:0;
  background:radial-gradient(closest-side,var(--lx-glow),transparent 70%); opacity:.5; filter:blur(34px)}
:root[data-theme="light"] .lx-vecglow{opacity:.32}
.lx-vecimg{position:relative; z-index:1; display:block; width:100%; max-width:380px; height:auto; aspect-ratio:1/1; margin-inline:auto}
.lx-vecimg.wide{aspect-ratio:450/300; max-width:430px}
@media (prefers-reduced-motion:no-preference){
  html.js .lx-vecimg{animation:lxVecFloat 7.5s ease-in-out infinite}
}
@keyframes lxVecFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

.lx-carousel{position:relative; width:100%}
.lx-cwin{position:relative; border-radius:14px; border:1px solid var(--lx-frame-bd); background:var(--surface); overflow:hidden;
  box-shadow:0 30px 80px -34px rgba(0,0,0,.7), 0 4px 16px -8px rgba(0,0,0,.4)}
.lx-cwin .lx-winbar{padding:9px 13px}
.lx-cwin .lx-winbar .d{width:9px; height:9px}
.lx-clabel{margin-left:auto; font-family:var(--font-mono); font-size:10.5px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--accent-ink)}
.lx-cviewport{position:relative; aspect-ratio:1440/940; overflow:hidden; background:var(--page)}
.lx-cslide{position:absolute; inset:0; opacity:0; transition:opacity .55s var(--lx-ease)}
.lx-cslide.is-on{opacity:1}
.lx-cslide img{display:block; width:100%; height:100%; object-fit:cover; object-position:top}
.lx-carrow{position:absolute; top:calc(50% + 4px); z-index:4; width:40px; height:40px; border-radius:50%; display:grid; place-items:center; cursor:pointer;
  border:1px solid var(--border-2); background:color-mix(in srgb,var(--surface) 88%,transparent); backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px);
  color:var(--text); font-size:19px; transition:background .15s,border-color .15s,color .15s,opacity .15s; opacity:.95;
  box-shadow:0 6px 18px -6px rgba(0,0,0,.5)}
.lx-carrow:hover{background:var(--accent-solid,var(--accent)); border-color:transparent; color:#fff; opacity:1}
.lx-carrow.prev{left:0; transform:translate(-50%,-50%)} .lx-carrow.next{right:0; transform:translate(50%,-50%)}
.lx-carrow:focus-visible,.lx-cdots button:focus-visible{outline:2px solid var(--accent); outline-offset:2px}
.lx-cdots{display:flex; justify-content:center; gap:8px; padding:16px 0 2px}
.lx-cdots button{width:8px; height:8px; border-radius:50%; border:0; padding:0; cursor:pointer; background:var(--border-2); transition:.25s var(--lx-ease)}
.lx-cdots button:hover{background:var(--text-3)}
.lx-cdots button.on{background:var(--accent); width:24px; border-radius:4px}
@media (prefers-reduced-motion:reduce){.lx-cslide{transition:none}}

.lx-fan .lx-fanstage{position:relative; aspect-ratio:1440/940; perspective:1900px; transform-style:preserve-3d; margin:2.5% 6% 0 0}
.lx-fcard{position:absolute; inset:0; display:flex; flex-direction:column; border-radius:14px; overflow:hidden;
  border:1px solid var(--lx-frame-bd); background:var(--surface); transform-origin:50% 100%; backface-visibility:hidden;
  box-shadow:0 30px 80px -34px rgba(0,0,0,.7), 0 4px 16px -8px rgba(0,0,0,.4);
  transition:transform .7s var(--lx-ease-el), opacity .6s var(--lx-ease), filter .6s var(--lx-ease); will-change:transform,opacity}
.lx-fcard .lx-winbar{padding:9px 13px; flex:none}
.lx-fcard .lx-winbar .d{width:9px; height:9px}
.lx-fimg{flex:1; min-height:0; background:var(--page)}
.lx-fimg img{display:block; width:100%; height:100%; object-fit:cover; object-position:top}
.lx-fcard.p0{transform:rotate(0deg) translate(0,0) scale(1); opacity:1; z-index:40}
.lx-fcard.p1{transform:rotate(6deg) translate(4%,-1%) scale(.955); opacity:.72; z-index:30}
.lx-fcard.p2{transform:rotate(11.5deg) translate(8%,-2%) scale(.915); opacity:.4; z-index:20}
.lx-fcard.p3{transform:rotate(16.5deg) translate(11%,-3%) scale(.885); opacity:.18; z-index:10}
.lx-fan .lx-fanstage:hover .lx-fcard.p1{transform:rotate(8.5deg) translate(6%,-1.5%) scale(.955)}
.lx-fan .lx-fanstage:hover .lx-fcard.p2{transform:rotate(15deg) translate(10.5%,-3%) scale(.915)}
.lx-fan .lx-fanstage:hover .lx-fcard.p3{transform:rotate(21deg) translate(14.5%,-4.5%) scale(.885)}
@media (prefers-reduced-motion:no-preference){
  html.js .lx-show.lx-rv:not(.in) .lx-fcard{transform:scale(.96)}
  html.js .lx-show.lx-rv:not(.in) .lx-fcard.p1,
  html.js .lx-show.lx-rv:not(.in) .lx-fcard.p2,
  html.js .lx-show.lx-rv:not(.in) .lx-fcard.p3{opacity:0}
}
@media (prefers-reduced-motion:reduce){.lx-fcard{transition:none}}
@media (max-width:900px){
  .lx-fan .lx-fanstage{margin:2.5% 3% 0 0}
  .lx-fcard.p1{transform:rotate(4.5deg) translate(3%,-1%) scale(.955)}
  .lx-fcard.p2{transform:rotate(9deg) translate(6%,-2%) scale(.915)}
  .lx-fcard.p3{transform:rotate(13deg) translate(8.5%,-3%) scale(.885)}
}

.lx-flag{position:relative; max-width:var(--lx-wide); margin:clamp(64px,10vh,120px) auto 0; padding:clamp(30px,4vw,52px) clamp(20px,4vw,48px);
  border:1px solid var(--lx-frame-bd); border-radius:var(--r-xl); overflow:hidden;
  background:linear-gradient(180deg, color-mix(in srgb,var(--accent) 7%,var(--surface)), var(--surface));
  box-shadow:0 40px 120px -40px rgba(0,0,0,.6)}
.lx-flag::before{content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(680px 320px at 82% -10%, var(--lx-glow), transparent 70%); opacity:.3}
.lx-flag > *{position:relative}
.lx-flagbadge{display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:11px; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase; color:var(--accent-ink); background:var(--accent-bg);
  border:1px solid color-mix(in srgb,var(--accent) 34%,transparent); border-radius:999px; padding:6px 14px}
.lx-flaggrid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:clamp(28px,4vw,56px); align-items:center; margin-top:26px}
@media (max-width:960px){.lx-flaggrid{grid-template-columns:1fr; gap:30px}}
.lx-flag h2{font-family:var(--font-display); font-weight:600; font-size:clamp(28px,3.6vw,44px); line-height:1.05; letter-spacing:-.02em; margin:16px 0 0}
.lx-flag h2 .mo{color:var(--accent)}
.lx-flag p.led{font-size:15px; line-height:1.68; color:var(--text-2); margin:16px 0 0; max-width:52ch}

.lx-bt{margin-top:22px; border:1px solid var(--border); border-radius:var(--r-lg); background:var(--surface-2); overflow:hidden}
.lx-bt-hd{display:flex; align-items:center; gap:9px; padding:12px 15px; border-bottom:1px solid var(--border); font-size:12.5px; color:var(--text-2)}
.lx-bt-hd i{color:var(--accent-ink); font-size:16px}
.lx-bt-hd .tag{margin-left:auto; font-family:var(--font-mono); font-size:9.5px; letter-spacing:.12em; color:var(--text-3); border:1px solid var(--border); border-radius:5px; padding:3px 8px}
.lx-bt-say{padding:14px 15px; font-size:13.5px; line-height:1.6; color:var(--text); border-bottom:1px dashed var(--border-2)}
.lx-bt-say .cur{display:inline-block; width:2px; height:1.05em; background:var(--accent); margin-left:2px; vertical-align:-2px; animation:lxBlink 1s step-end infinite}
@keyframes lxBlink{50%{opacity:0}}
.lx-bt-rules{padding:12px 15px; display:flex; flex-direction:column; gap:9px}
.lx-rule{display:flex; align-items:flex-start; gap:10px; font-size:12.5px; line-height:1.4; color:var(--text-2)}
.lx-rule i{font-size:16px; flex:none; margin-top:1px}
.lx-rule.en i{color:var(--profit)} .lx-rule.co i{color:var(--accent-ink)} .lx-rule.ex i{color:var(--warn)} .lx-rule.fi i{color:var(--info)}
.lx-rule b{color:var(--text); font-weight:600}
.lx-rule .mn{font-family:var(--font-mono); color:var(--text)}
html.js .lx-bt.play .lx-rule{opacity:0; transform:translateY(6px); animation:lxRise .5s var(--lx-ease) forwards}
html.js .lx-bt.play .lx-rule:nth-child(1){animation-delay:.05s} html.js .lx-bt.play .lx-rule:nth-child(2){animation-delay:.2s}
html.js .lx-bt.play .lx-rule:nth-child(3){animation-delay:.35s} html.js .lx-bt.play .lx-rule:nth-child(4){animation-delay:.5s}
@media (prefers-reduced-motion:reduce){html.js .lx-bt.play .lx-rule{opacity:1; transform:none; animation:none}}
.lx-bt-foot{display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:12px 15px; border-top:1px solid var(--border)}
.lx-bt-foot .chip{display:inline-flex; align-items:center; gap:6px; font-family:var(--font-mono); font-size:10.5px; font-weight:500;
  padding:6px 11px; border-radius:7px; border:1px solid var(--border); background:var(--surface); color:var(--text-2)}
.lx-bt-foot .chip i{font-size:14px; color:var(--accent-ink)}
.lx-bt-foot .spx{flex:1}
.lx-bt-res{display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:18px; border:1px solid var(--border); border-radius:var(--r-lg); overflow:hidden; background:var(--surface-2)}
.lx-bt-res .r{padding:14px 16px}
.lx-bt-res .r + .r{border-left:1px solid var(--border)}
.lx-bt-res .k{font-size:11px; color:var(--text-3); letter-spacing:.04em}
.lx-bt-res .v{font-family:var(--font-mono); font-size:clamp(18px,2vw,23px); font-weight:600; margin-top:5px; letter-spacing:-.02em}
.lx-bt-res .v.pos{color:var(--profit)}
@media (max-width:560px){.lx-bt-res{grid-template-columns:1fr 1fr} .lx-bt-res .r:nth-child(odd){border-left:0} .lx-bt-res .r:nth-child(n+3){border-top:1px solid var(--border)}}

.lx-bento{display:grid; grid-template-columns:repeat(12,1fr); gap:16px; margin-top:clamp(30px,5vh,44px)}
.lx-bento .card{min-width:0; display:flex; flex-direction:column; transition:transform .35s var(--lx-ease), border-color .35s}
.lx-bento .card:hover{transform:translateY(-4px); border-color:var(--lx-frame-bd)}
.lx-c7{grid-column:span 7} .lx-c5{grid-column:span 5} .lx-c4{grid-column:span 4} .lx-c6{grid-column:span 6} .lx-c8{grid-column:span 8} .lx-c12{grid-column:span 12}
@media (max-width:1024px){.lx-c7,.lx-c5,.lx-c8,.lx-c6,.lx-full-md{grid-column:span 12} .lx-c4{grid-column:span 6}}
@media (max-width:680px){.lx-c4{grid-column:span 12}}
.lx-bento .hd{border-bottom:0; padding:17px 18px 0; align-items:flex-start; display:flex; gap:11px}
.lx-bento .hd .tile{width:34px; height:34px; border-radius:9px; background:var(--accent-bg); color:var(--accent-ink); display:grid; place-items:center; font-size:17px; flex:none}
.lx-bento .hd h3{font-size:15.5px; letter-spacing:0}
.lx-bento .hd small{display:block; font-family:var(--font-mono); font-size:9.5px; font-weight:500; letter-spacing:.18em; text-transform:uppercase; color:var(--text-3); margin-bottom:4px}
.lx-bento .bd{padding:12px 18px 18px; display:flex; flex-direction:column; gap:13px; flex:1}
.lx-bento .bd p{font-size:12.5px; line-height:1.6; color:var(--text-2); margin:0}
.lx-frag{margin-top:auto; border:1px solid var(--border); border-radius:var(--r-md); background:var(--surface-2); padding:12px 13px; overflow:hidden}
.lx-frag.shot{padding:0; border-color:var(--border)}
.lx-frag.shot img{display:block; width:100%; height:auto}
.lx-obgrid{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:8px; align-items:start}
@media (max-width:720px){.lx-obgrid{grid-template-columns:1fr}}
.lx-obshot{border:1px solid var(--lx-frame-bd); border-radius:12px; overflow:hidden; background:var(--surface); box-shadow:0 20px 50px -30px rgba(0,0,0,.6)}
.lx-obshot .lx-winbar{padding:8px 12px}
.lx-obshot .lx-winbar .d{width:8px; height:8px}
.lx-obshot .lx-clabel2{margin-left:auto; font-family:var(--font-mono); font-size:10px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:var(--text-3)}
.lx-obshot img{display:block; width:100%; height:400px; object-fit:cover; object-position:top}

.lx-hist{display:flex; align-items:flex-end; gap:7px; height:84px; padding-top:4px}
.lx-hist .b{flex:1; display:flex; flex-direction:column; align-items:center; gap:6px; min-width:0}
.lx-hist .b i{display:block; width:100%; border-radius:4px 4px 2px 2px; background:var(--profit); opacity:.9}
.lx-hist .b.l i{background:var(--loss)} .lx-hist .b.z i{background:var(--be)}
.lx-hist .b em{font-family:var(--font-mono); font-style:normal; font-size:9.5px; color:var(--text-3)}
html.js .lx-rv.in .lx-hist .b i{animation:lxBar .6s var(--lx-ease) both}
@keyframes lxBar{from{transform:scaleY(0); transform-origin:bottom} to{transform:scaleY(1)}}
.lx-kline{display:flex; gap:16px; margin-top:11px; padding-top:10px; border-top:1px solid var(--border); flex-wrap:wrap}
.lx-kline .k{font-family:var(--font-mono); font-size:10.5px; color:var(--text-3)}
.lx-kline .k b{display:block; font-size:14px; font-weight:600; color:var(--text); margin-top:2px}
.lx-kline .k b.pos{color:var(--profit)}
.lx-mood{display:flex; flex-wrap:wrap; gap:7px}
.lx-mood .mchip{display:inline-flex; align-items:center; gap:6px; font-size:11.5px; font-weight:600; padding:5px 10px; border-radius:999px; border:1px solid var(--border); background:var(--surface-3); color:var(--text-2)}
.lx-mood .mchip.good{background:var(--profit-bg); border-color:transparent; color:var(--profit)}
.lx-mood .mchip.bad{background:var(--loss-bg); border-color:transparent; color:var(--loss)}
.lx-mood .mchip em{font-style:normal; font-family:var(--font-mono); font-size:10px; opacity:.75}
.lx-exch{display:flex; flex-wrap:wrap; gap:7px}
.lx-exch .echip{display:inline-flex; align-items:center; gap:7px; font-size:11.5px; font-weight:700; padding:6px 11px; border-radius:8px; border:1px solid var(--border); background:var(--surface-3)}
.lx-exch .echip small{font-family:var(--font-mono); font-size:9px; font-weight:500; color:var(--text-3); letter-spacing:.06em}
.lx-exch .echip.more{border-style:dashed; color:var(--text-3); font-weight:600}
.lx-imp{display:flex; align-items:center; gap:10px; font-size:11.5px}
.lx-imp .fi{width:30px; height:30px; border-radius:8px; background:var(--profit-bg); color:var(--profit); display:grid; place-items:center; font-size:16px; flex:none}
.lx-imp .fn{font-family:var(--font-mono); font-size:11px; color:var(--text)}
.lx-imp .fs{font-family:var(--font-mono); font-size:10px; color:var(--text-3); margin-top:2px}
.lx-imp .ok{margin-left:auto; color:var(--profit); font-size:16px}

.lx-themes{display:grid; grid-template-columns:1fr 1fr; gap:clamp(16px,3vw,30px); margin-top:clamp(30px,5vh,44px)}
@media (max-width:760px){.lx-themes{grid-template-columns:1fr}}
.lx-theme{position:relative}
.lx-theme .cap{display:flex; align-items:center; gap:9px; margin-bottom:12px; font-size:13px; font-weight:600; color:var(--text-2)}
.lx-theme .cap .sw{width:16px; height:16px; border-radius:5px; border:1px solid var(--border-2)}
.lx-theme .cap .sw.dk{background:#0b0d13} .lx-theme .cap .sw.lt{background:#eef1f6}
.lx-accents{display:flex; align-items:center; justify-content:center; gap:12px; margin-top:22px; flex-wrap:wrap}
.lx-accents .ad{width:26px; height:26px; border-radius:50%; border:2px solid var(--border-2)}
.lx-accents .ad.b{background:#2F5BFF} .lx-accents .ad.v{background:#8B7BFF} .lx-accents .ad.c{background:#36C7E0} .lx-accents .ad.a{background:#F5A93B}
.lx-accents .ad.x{background:conic-gradient(from .25turn,var(--loss),var(--warn),var(--profit),var(--info),var(--accent),var(--loss))}
.lx-accents .note{font-family:var(--font-mono); font-size:11px; color:var(--text-3); letter-spacing:.06em}

.lx-pricetop{display:flex; flex-direction:column; align-items:center; gap:18px; margin-top:8px}
.lx-toggle{display:inline-flex; align-items:center; gap:4px; padding:4px; border-radius:999px; border:1px solid var(--border); background:var(--surface-2)}
.lx-toggle button{border:0; background:transparent; color:var(--text-2); font-family:var(--font-sans); font-weight:600; font-size:13px; padding:8px 18px; border-radius:999px; cursor:pointer; transition:.2s; position:relative}
.lx-toggle button.on{background:var(--accent-solid,var(--accent)); color:#fff}
.lx-toggle .save{margin-left:2px; font-size:10px; font-weight:700; letter-spacing:.03em; color:var(--profit); background:var(--profit-bg); padding:2px 7px; border-radius:999px}
.lx-plans{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:clamp(28px,4vh,42px); align-items:stretch}
@media (max-width:900px){.lx-plans{grid-template-columns:1fr; max-width:440px; margin-inline:auto}}
.lx-plans.solo{grid-template-columns:1fr; max-width:420px; margin-inline:auto}
.lx-plan{position:relative; display:flex; flex-direction:column; border:1px solid var(--border); border-radius:var(--r-lg); background:var(--surface); padding:26px 24px; transition:transform .35s var(--lx-ease), border-color .35s}
.lx-plan:hover{transform:translateY(-5px)}
.lx-plan.pop{border-color:color-mix(in srgb,var(--accent) 45%,transparent); box-shadow:0 30px 80px -34px var(--lx-glow), 0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent) inset}
.lx-plan .pin{position:absolute; top:-12px; left:50%; transform:translateX(-50%); font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#fff; background:var(--accent-solid,var(--accent)); padding:5px 13px; border-radius:999px; white-space:nowrap; box-shadow:0 8px 20px -8px var(--lx-glow)}
.lx-plan .pnm{font-family:var(--font-display); font-weight:600; font-size:18px}
.lx-plan .pds{font-size:12.5px; color:var(--text-3); margin-top:4px; min-height:34px}
.lx-price{display:flex; align-items:baseline; gap:4px; margin-top:16px}
.lx-price .cur{font-family:var(--font-mono); font-size:20px; color:var(--text-2); align-self:flex-start; margin-top:6px}
.lx-price .amt{font-family:var(--font-display); font-weight:600; font-size:46px; letter-spacing:-.02em; line-height:1; transition:opacity .2s}
.lx-price .per{font-size:12.5px; color:var(--text-3)}
.lx-plan .prole{font-size:11.5px; color:var(--text-3); margin-top:4px; height:16px}
.lx-plan .prole s{color:var(--text-3); opacity:.7}
.lx-plan .btn{width:100%; justify-content:center; margin-top:18px}
.lx-plan ul{list-style:none; margin:20px 0 0; padding:18px 0 0; border-top:1px solid var(--border); display:flex; flex-direction:column; gap:11px}
.lx-plan li{display:flex; align-items:flex-start; gap:10px; font-size:13px; color:var(--text-2); line-height:1.45}
.lx-plan li i{font-size:16px; flex:none; margin-top:1px; color:var(--profit)}
.lx-plan li.off{color:var(--text-3)} .lx-plan li.off i{color:var(--text-3)}
.lx-pricefoot{text-align:center; margin-top:22px; font-size:12.5px; color:var(--text-3)}

.lx-faq{max-width:820px; margin:clamp(30px,5vh,44px) auto 0; display:flex; flex-direction:column; gap:12px}
.lx-q{border:1px solid var(--border); border-radius:var(--r-md); background:var(--surface); overflow:hidden; transition:border-color .25s}
.lx-q[open]{border-color:var(--lx-frame-bd)}
.lx-q summary{list-style:none; cursor:pointer; display:flex; align-items:center; gap:14px; padding:17px 19px; font-weight:600; font-size:15px; color:var(--text)}
.lx-q summary::-webkit-details-marker{display:none}
.lx-q summary .ci{margin-left:auto; flex:none; width:26px; height:26px; border-radius:7px; display:grid; place-items:center; border:1px solid var(--border); color:var(--text-2); transition:.25s var(--lx-ease)}
.lx-q[open] summary .ci{transform:rotate(45deg); background:var(--accent-bg); color:var(--accent-ink); border-color:transparent}
.lx-q .ans{padding:0 19px 18px; font-size:13.5px; line-height:1.7; color:var(--text-2)}
.lx-q .ans a{color:var(--accent-ink); text-decoration:none; font-weight:600}
html.js .lx-q[open] .ans{animation:lxRise .4s var(--lx-ease)}
@media (prefers-reduced-motion:reduce){
  html.js .lx-rv.in .lx-hist .b i{animation:none}
  html.js .lx-q[open] .ans{animation:none}
  .lx-frame-wrap{transform:none!important}
}

.lx-cta{max-width:var(--lx-max); margin:clamp(70px,10vh,120px) auto 0; padding:0 clamp(18px,4vw,40px)}
.lx-cta .in{position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:clamp(20px,4vw,48px); align-items:center;
  border:1px solid var(--lx-frame-bd); border-radius:var(--r-xl); background:linear-gradient(160deg, color-mix(in srgb,var(--accent) 9%,var(--surface)), var(--surface));
  box-shadow:0 40px 120px -40px rgba(0,0,0,.6); padding:clamp(34px,5vw,58px) clamp(28px,5vw,66px); overflow:hidden}
.lx-cta .in::before{content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(560px 280px at 20% -30%, var(--lx-glow), transparent 70%); opacity:.35}
.lx-cta .in > *{position:relative}
.lx-cta .cbr{position:absolute; width:22px; height:22px; border:2px solid var(--accent); opacity:.8; pointer-events:none}
.lx-cta .cbr.tl{top:15px; left:15px; border-right:0; border-bottom:0; border-radius:5px 0 0 0}
.lx-cta .cbr.tr{top:15px; right:15px; border-left:0; border-bottom:0; border-radius:0 5px 0 0}
.lx-cta .cbr.bl{bottom:15px; left:15px; border-right:0; border-top:0; border-radius:0 0 0 5px}
.lx-cta .cbr.br{bottom:15px; right:15px; border-left:0; border-top:0; border-radius:0 0 5px 0}
.lx-cta h2{font-family:var(--font-display); font-weight:600; font-size:clamp(26px,3.2vw,42px); letter-spacing:-.02em; line-height:1.06; margin:0}
.lx-cta p{font-size:14px; color:var(--text-2); margin:12px 0 0}
.lx-cta .lx-hctas{margin:0; justify-content:flex-start; flex-wrap:nowrap}
@media (max-width:760px){.lx-cta .in{grid-template-columns:1fr; gap:22px} .lx-cta .lx-hctas{flex-wrap:wrap}}

.lx-foot{margin-top:clamp(48px,7vh,80px); border-top:1px solid var(--border)}
.lx-foot .fin{max-width:var(--lx-max); margin:0 auto; padding:40px clamp(18px,4vw,40px) 22px; display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1fr; gap:28px}
@media (max-width:760px){.lx-foot .fin{grid-template-columns:1fr 1fr; gap:26px}}
.lx-foot .fbrand{max-width:280px}
.lx-foot .fbrand .fl{display:flex; align-items:center; gap:10px}
.lx-foot .fbrand .fl .kword{font-size:17px}
.lx-foot .fbrand .fl .ktag{font-size:9px; letter-spacing:.26em; margin-top:3px}
.lx-foot .fbrand p{font-size:12.5px; color:var(--text-3); line-height:1.6; margin:14px 0 0}
.lx-foot .fcol h3{font-size:11px; text-transform:uppercase; letter-spacing:.12em; color:var(--text-3); font-weight:600; margin:0 0 12px}
.lx-foot .fcol a{display:block; font-size:13px; font-weight:500; color:var(--text-2); text-decoration:none; padding:5px 0; transition:.15s}
.lx-foot .fcol a:hover{color:var(--text)}
.lx-foot .legal{max-width:var(--lx-max); margin:0 auto; padding:18px clamp(18px,4vw,40px) 36px; border-top:1px solid var(--border);
  display:flex; gap:16px; flex-wrap:wrap; align-items:center}
.lx-foot .legal .v{font-family:var(--font-mono); font-size:11.5px; color:var(--text-3)}
.lx-foot .legal span.d{font-size:11.5px; color:var(--text-3)}
.lx-foot .legal .sp{flex:1}
.lx-foot .legal .iconbtn{flex:none}
.lx-statsect{padding-top:clamp(48px,7vh,84px)}
.lx-flagbadge i{font-size:14px}
.lx-bt-hd.sep{border-top:1px dashed var(--border-2)}
.lx-bt-foot .chip.ok{border-color:var(--profit); color:var(--profit)}
.lx-bt-foot .chip.ok i{color:var(--profit)}
.lx-hist .b:nth-child(1) i{height:26px}
.lx-hist .b:nth-child(2) i{height:58px}
.lx-hist .b:nth-child(3) i{height:13px}
.lx-hist .b:nth-child(4) i{height:54px}
.lx-hist .b:nth-child(5) i{height:36px}
.lx-hist .b:nth-child(6) i{height:23px}
.lx-hist .b:nth-child(7) i{height:14px}
.lx-theme > img{height:280px; object-fit:cover; object-position:top}
.lx-foot .fbrand .ktag{display:block}