.lhero{position:relative;isolation:isolate;overflow:hidden;background:var(--navy-900);color:#fff;display:grid;
  min-height:clamp(220px,26vw,340px);align-items:end}
.lhero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(0deg,rgba(3,10,20,.55),rgba(3,10,20,0) 70%)}
.lhero-in{position:relative;width:100%;padding-block:clamp(40px,5vw,72px) clamp(32px,4vw,52px)}
.lcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;font-size:13.5px;font-weight:600;color:rgba(214,230,245,.75)}
.lcrumbs a{color:inherit;text-decoration:none}
.lcrumbs a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
@media(pointer:coarse){.lcrumbs a{display:inline-block;min-width:44px;text-align:center;padding:10px;margin:-10px}}
.lhero h1{margin:0;color:#fff;font-size:clamp(28px,3.6vw,48px);font-weight:800;line-height:1.4;text-wrap:balance}

.lbody{padding-bottom:clamp(64px,8vw,104px)}
.lrow{padding-top:clamp(40px,5vw,64px)}
.lrow h2[id]{scroll-margin-top:90px}
.lcards{display:grid;grid-template-columns:minmax(0,1fr);column-gap:20px;row-gap:48px}
@media(min-width:700px){.lcards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1024px){.lcards{column-gap:32px}}
@media(min-width:1100px){.lcards:not(.lcards-2){grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px}}
@media(min-width:700px){.lcards-2{grid-template-columns:repeat(3,minmax(0,1fr))}}

.lteacher{display:flex;align-items:flex-start;gap:18px;padding:22px;border-radius:var(--r-l);background:var(--bg-2);max-width:60rem}
.lteacher-av{flex:none;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;
  background:var(--navy-800);color:#fff;font-size:22px;font-weight:800}
.lteacher p{margin:0}
.lteacher-n{font-size:17px;font-weight:800;color:var(--fg)}
.lteacher-r{margin-top:2px;font-size:13.5px;color:var(--fg-3)}
.lteacher-b{margin-top:8px;font-size:15px;line-height:2;color:var(--fg-2)}
[data-theme="dark"] .lteacher{border:1px solid rgba(222,220,209,.10);background:linear-gradient(180deg,#2a2927,#22211f);
  box-shadow:inset 0 1px 0 rgba(250,249,245,.06),0 22px 44px -28px rgba(0,0,0,.8)}
[data-theme="dark"] .lteacher-av{background:linear-gradient(140deg,#e08a6d,#c6613f);color:#faf9f5;box-shadow:0 0 0 5px rgba(217,119,87,.14)}
[data-theme="dark"] .lteacher-r{display:inline-block;margin-top:6px;padding:2px 10px;border-radius:999px;background:rgba(250,249,245,.06);
  box-shadow:inset 0 0 0 1px rgba(222,220,209,.10);color:var(--fg-2);font-size:12.5px}
[data-theme="dark"] .lteacher-b{margin-top:12px;color:var(--fg-2)}

.lintro>*{max-width:860px}
.lintro h2{margin:0 0 12px;font-size:clamp(22px,2.4vw,28px);font-weight:800;line-height:1.5}
.lintro p{margin:0 0 12px;line-height:2;color:var(--fg-2)}
.lgen1{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;padding:20px 22px;
  border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface)}
.lgen1 p{margin:0;color:var(--fg-2);line-height:1.9}

.lart-body{max-width:860px;padding-top:clamp(28px,3vw,40px);border-top:1px solid var(--line)}
.lart-body p{font-size:15.5px;line-height:2.05;color:var(--fg-2)}
.lart-body h2{margin:0 0 12px;font-size:clamp(20px,2.2vw,24px);font-weight:800;line-height:1.65}
.lart-body h3{margin:26px 0 10px;font-size:clamp(17.5px,1.8vw,20px);font-weight:800;line-height:1.65}
.lart-body ul,.lart-body ol{margin:0 0 16px;padding-inline-start:22px;color:var(--fg-2);font-size:15.5px;line-height:2}
.lart-body li + li{margin-top:4px}
.lart-body a{color:var(--blue);text-underline-offset:3px}
.lart-body strong{color:var(--fg)}
.lart-body > .lart-h{font-size:clamp(24px,2.8vw,32px);line-height:1.5;margin-bottom:18px}
.lart .cpart{scroll-margin-top:90px}
.lart .cpart + .cpart,.lart .is-toc + .cpart{margin-top:clamp(26px,3vw,38px)}
.js .lart .cpart.is-fold:not(.is-open) .cpart-body{position:relative;max-height:240px;
  overflow:hidden;overflow-x:visible;overflow-y:clip}
.js .lart .cpart.is-fold:not(.is-open) .cpart-body::after{content:"";position:absolute;inset:auto -14px 0;height:150px;
  background:linear-gradient(to bottom,rgba(255,255,255,0),var(--bg) 82%);pointer-events:none}
.lart .cpart-more{display:none}
.js .lart .cpart-more{display:flex;align-items:center;gap:8px;width:max-content;margin:6px auto 0;padding:8px 18px 8px 16px;
  border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);color:var(--blue);
  font:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 6px 16px -8px rgba(17,43,74,.28);
  transition:border-color var(--t),background var(--t)}
.lart .cpart-more:hover{border-color:var(--blue);background:var(--bg-2)}
.lart .cpart-more:focus-visible{outline:3px solid var(--blue-lt);outline-offset:2px}
.lart .cpart-more svg{width:12px;height:12px;transition:rotate var(--t)}
.lart .cpart.is-open .cpart-more svg{rotate:180deg}
.lart .is-toc .cpart-body{background:var(--bg-2);border-radius:var(--r-m);padding:14px 22px}
.lart .is-toc ol{margin:0;line-height:2.3}
.lart .is-toc a{text-decoration:none}
.lart .is-toc a:hover{text-decoration:underline}
.lart-toc-h{margin:0 0 4px;font-weight:800;color:var(--fg)}
.lart-tick{font-family:system-ui,"Segoe UI",Roboto,Arial,sans-serif;font-weight:600;unicode-bidi:isolate}
.lart-table{margin:16px 0 18px;overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-m)}
.lart-table table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.8}
.lart-table caption{caption-side:top;padding:10px 14px;text-align:start;font-weight:700;color:var(--fg);background:var(--bg-2)}
.lart-table th,.lart-table td{padding:8px 14px;border-top:1px solid var(--line);text-align:start;white-space:nowrap}
.lart-table thead th{color:var(--fg);font-weight:700}
.lart-table td{color:var(--fg-2)}
.lart-table tfoot th,.lart-table tfoot td{font-weight:800;color:var(--fg);background:var(--bg-2)}
.lart .cfaq{margin-top:clamp(36px,4vw,56px);padding-top:clamp(28px,3vw,40px);border-top:1px solid var(--line)}
.lart .cq{border-bottom:1px solid var(--line)}
.lart .cq summary{display:flex;align-items:center;gap:14px;padding:16px 2px;cursor:pointer;list-style:none;
  font-size:15.5px;font-weight:700;line-height:1.85;color:var(--fg)}
.lart .cq summary::-webkit-details-marker{display:none}
.lart .cq summary::after{content:"";flex:none;margin-inline-start:auto;width:8px;height:8px;margin-bottom:4px;
  border-right:2px solid var(--fg-3);border-bottom:2px solid var(--fg-3);rotate:45deg;transition:rotate var(--t)}
.lart .cq[open] summary::after{rotate:-135deg;margin-bottom:-4px}
.lart .cq summary:hover{color:var(--blue)}
.lart .cq summary:focus-visible{outline:3px solid var(--blue-lt);outline-offset:2px;border-radius:6px}
.lart .cq-a{padding:0 2px 16px}
.lart .cq-a p{margin:0;font-size:15px;line-height:2}
@media(max-width:560px){.lart .is-toc .cpart-body{padding:12px 16px}}

.lhero.has-lead{min-height:clamp(440px,42vw,640px);align-items:center}
.lhero.has-lead .lhero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,4vw,64px);
  padding-block:clamp(48px,6vw,96px)}
.lhero.has-lead h1{font-size:clamp(30px,3.4vw,50px);line-height:1.5}
.lhero-lead{margin:16px 0 0;max-width:40ch;color:#9fdcff;font-size:clamp(15px,1.25vw,18px);font-weight:600;line-height:2}
@media (max-width:860px){
  .lhero.has-lead{min-height:clamp(220px,40vw,340px);align-items:end}
  .lhero.has-lead .lhero-in{grid-template-columns:1fr;gap:8px}
}

.lnew{position:relative;margin-bottom:clamp(30px,3.4vw,44px);padding:clamp(12px,1.4vw,18px);border-radius:44px;
  border:1px solid rgba(0,105,180,.18);background:linear-gradient(135deg,rgba(60,200,255,.12),rgba(0,105,180,.04) 55%,rgba(255,75,38,.08))}
.lnew-k{position:absolute;z-index:2;top:-15px;inset-inline-start:32px;display:inline-flex;align-items:center;gap:6px;padding:5px 15px;
  border-radius:999px;background:linear-gradient(120deg,#ff8a4c,#ff4b26 60%,#e2361a);color:#fff;font-size:13px;font-weight:800;
  box-shadow:0 8px 18px -8px rgba(255,75,38,.85)}
.lnew-k svg{width:14px;height:14px}
.ncard.is-h{flex-direction:row;align-items:center;gap:clamp(18px,3vw,36px)}
.ncard.is-h .ncard-top{flex:0 0 min(50%,520px)}
.ncard.is-h .ncard-cover{aspect-ratio:16/9}
.ncard.is-h .ncard-body{flex:1;min-width:0;padding:12px clamp(6px,2vw,24px) 12px 8px}
.ncard.is-h .ncard-title{margin-top:0;font-size:clamp(19px,1.9vw,24px)}
.ncard.is-h .ncard-desc{font-size:15px;line-height:2}
.ncard-cta{display:inline-flex;align-items:center;margin-top:18px;padding:10px 22px;border-radius:999px;color:#fff;font-weight:800;font-size:15px;
  background:linear-gradient(120deg,#3cc8ff,#0a86d6 45%,#0069b4 72%,#004f8c);box-shadow:0 10px 22px -12px rgba(0,105,180,.9)}
.lnew .ncard.is-h{border-color:rgba(0,105,180,.12)}
:root[data-theme="dark"] .lnew{border-color:rgba(222,220,209,.16);
  background:linear-gradient(155deg,rgba(250,249,245,.10) 0%,rgba(250,249,245,.04) 30%,rgba(40,39,36,.25) 65%,rgba(217,119,87,.10) 100%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);
  box-shadow:inset 0 1px 0 rgba(250,249,245,.16),inset 0 -1px 0 rgba(0,0,0,.4),inset 0 0 22px rgba(250,249,245,.04),
             0 30px 60px -30px rgba(0,0,0,.7),0 16px 40px -24px rgba(217,119,87,.22)}
:root[data-theme="dark"] .lnew .ncard.is-h{border-color:rgba(222,220,209,.10)}
:root[data-theme="dark"] .ncard-cta{background:linear-gradient(120deg,#e8a487,#d97757 45%,#c6613f);box-shadow:0 10px 22px -12px rgba(217,119,87,.8)}
@media (max-width:760px){.ncard.is-h{flex-direction:column;align-items:stretch}.ncard.is-h .ncard-top{flex:none}}
.lhero-pair{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(20px,4vw,64px)}
.lhero-pic{display:block;width:clamp(200px,24vw,400px);height:auto;filter:drop-shadow(0 18px 24px rgba(0,0,0,.45))}
.lhero-picw{position:relative;display:block}
.lhero-picw::before,.lhero-picw::after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.lhero-picw::before{left:calc(var(--shx) - var(--shw) * .75);width:calc(var(--shw) * 1.5);bottom:-9%;height:calc(var(--shh) + 16%);
  background:radial-gradient(closest-side,rgba(170,200,235,.42),rgba(170,200,235,.17) 50%,rgba(170,200,235,0));filter:blur(8px)}
.lhero-picw::after{left:calc(var(--shx) - var(--shw) * .4);width:calc(var(--shw) * .8);bottom:-2%;height:calc(var(--shh) * .7);
  background:radial-gradient(closest-side,rgba(0,0,0,.9),rgba(0,0,0,.55) 55%,rgba(0,0,0,0));filter:blur(5px)}
@media (max-width:640px){.lhero-pair{grid-template-columns:1fr;justify-items:center;gap:18px}.lhero-pair h1{justify-self:stretch}.lhero-pic{width:min(240px,64vw)}}
.lgen1-fold{display:flex;justify-content:flex-start}
@media (max-width:560px){.lgen1-fold{justify-content:center}}

.lband{position:relative;margin-top:clamp(70px,8vw,120px);padding-bottom:clamp(40px,5vw,64px);background:var(--bg-2)}
.lwave{position:absolute;left:0;right:0;bottom:calc(100% - 1px);height:clamp(54px,6.5vw,110px);pointer-events:none}
.lwave svg{display:block;width:100%;height:100%}
.lwave-fill{fill:var(--bg-2)}
.lwave-line{vector-effect:non-scaling-stroke;opacity:.9}
.lwave-line.is-2{opacity:.45}
.lband > .lrow{padding-top:clamp(14px,2vw,28px)}

.lrow-lead{max-width:62rem;margin:-4px 0 clamp(22px,2.6vw,32px);color:var(--fg-2);font-size:15.5px;line-height:2.1}

.ncard.is-gray .ncard-cover{filter:grayscale(1) contrast(1.05)}
.ncard.is-gray .ncard-badge span{background:rgb(0 0 0 / .45)}

.lhero.has-sparkles{background:#000}
.lhero.has-sparkles::after{display:none}
.lhero.has-pwave{background:#000}
.lpw-gl{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;opacity:0;transition:opacity 1s ease;pointer-events:none}
.lpw-gl.is-ready{opacity:1}
.lhero.has-sparkles h1,.lhero.has-pwave h1{text-shadow:0 2px 16px rgba(0,0,0,.6)}
.lhero-acme{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.lhero.has-sparkles .lhero-acme h1{font-size:clamp(34px,4.8vw,78px);font-weight:900;line-height:1.35;position:relative;z-index:2}
.lspark-band{position:relative;width:min(40rem,100%);height:10rem;margin-top:clamp(4px,.6vw,10px)}
.lspark-l{position:absolute;top:0;display:block}
.lspark-l.is-1,.lspark-l.is-2{left:12.5%;width:75%;background:linear-gradient(to right,transparent,#6366f1,transparent)}
.lspark-l.is-1{height:2px;filter:blur(4px)}
.lspark-l.is-2{height:1px}
.lspark-l.is-3,.lspark-l.is-4{left:37.5%;width:25%;background:linear-gradient(to right,transparent,#0ea5e9,transparent)}
.lspark-l.is-3{height:5px;filter:blur(4px)}
.lspark-l.is-4{height:1px}
.lspark-gl{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;transition:opacity 1s ease}
.lspark-gl.is-ready{opacity:1}
.lspark-cover{position:absolute;inset:0;background:#000;pointer-events:none;
  -webkit-mask-image:radial-gradient(350px 200px at top,transparent 20%,#fff);mask-image:radial-gradient(350px 200px at top,transparent 20%,#fff)}
.lhero-picw.is-mirror{transform:scaleX(-1)}
@media (max-width:860px),(prefers-reduced-motion:reduce){
  .lspark-gl,.lpw-gl{display:none}
  .lspark-band{background:repeat 0 0/400px 400px;background-image:url(/assets/softwares/sparkles-band-tile.png);
    background-image:image-set(url(/assets/softwares/sparkles-band-tile.webp) type("image/webp"),url(/assets/softwares/sparkles-band-tile.png) type("image/png"))}
  .lhero.has-pwave{background:#000 no-repeat center 62%/cover;background-image:url(/assets/ninjatrader/wave-still-1200w.webp)}
}

.lhero.has-loom{background:#0a0b10}
.lhero.has-loom::after{display:none}
.lloom{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#0a0b10;pointer-events:none}
.lloom-gl{display:block;width:100%;height:100%}
.lloom-fb{display:none}
@media (forced-colors:active){
  .lloom-gl{display:none}
  .lloom-fb{display:block;position:absolute;inset:7%;border:1px solid CanvasText;border-radius:14px;background:Canvas}
}
@media (max-width:860px){
  .lloom{display:none}
  .lhero.has-loom{background:#0a0b10 no-repeat center bottom/cover;background-image:url(/assets/product/loom-still-860w.webp)}
  .lhero.has-loom .lhero-text{position:relative}
  .lhero.has-loom .lhero-text::before{content:"";position:absolute;inset:-22px -48px;z-index:-1;pointer-events:none;
    background:radial-gradient(closest-side,rgba(10,11,16,.9),rgba(10,11,16,.52) 55%,rgba(10,11,16,0))}
}