.diad{padding:34px 30px 28px}.diad+.diad{border-left:1px solid var(--line)}.diad+.diad{border-left:0;border-top:1px solid var(--line)}.diad .dt{font-size:15.5px;font-weight:600;letter-spacing:-.01em;margin:0 0 10px;max-width:none}.diad .rule{border:none;border-top:1px dotted oklch(40% 0.008 245);margin:0 0 26px}.dsvg{display:block;width:100%;height:auto}.dsvg text{font-family:var(--sans);font-size:12.5px;fill:var(--muted)}.dsvg .hot-r{fill:var(--red)}.dsvg .hot-g{fill:var(--green)}.dsvg .draw{stroke-dasharray:100;stroke-dashoffset:100}.in .dsvg .draw{animation:drawl 1.4s .25s cubic-bezier(.22,1,.36,1) forwards}.dsvg .hot-r,.dsvg .hot-g{opacity:0}.in .dsvg .hot-r,.in .dsvg .hot-g{animation:lblin .4s 1.5s cubic-bezier(.22,1,.36,1) forwards}.dsvg .draw{stroke-dashoffset:0;animation:none!important}.dia .draw{stroke-dasharray:100;stroke-dashoffset:100}.dia.in .draw{animation:drawl 1.4s .25s cubic-bezier(.22,1,.36,1) forwards}.dia.in .draw.d2{animation-delay:.9s}.dia .draw{stroke-dashoffset:0;animation:none!important}.panel .diad{background:transparent}.dia svg *,.chart svg *,.dsvg *{vector-effect:non-scaling-stroke}.diad .dt{font-weight:500}.beat .diad{border-left:1px solid var(--line);padding:20px 0 18px 40px;background:none;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.beat .diad .dt{margin-top:0}.beat .diad{border-left:0;border-top:1px solid var(--line);padding-left:0}.beat .diad .dsvg{max-height:150px}.beat .diad .dt{margin-bottom:10px}.wya .diad{position:relative;counter-increment:wyastep}.wya .diad .dt::before{content:counter(wyastep,decimal-leading-zero);font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;color:var(--red);margin-right:12px;opacity:.85}.wya .diad+.diad::before{content:"";position:absolute;left:-7px;top:52px;width:13px;height:13px;background:var(--paper-2);border-right:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg);z-index:2}.wya .diad+.diad::before{display:none}.wya .diad{display:flex;flex-direction:column}.wya .diad .dexp{margin-top:auto}.wya .diad .qcap{margin-top:16px}.wya .diad .dexp{margin-top:18px}.dia>svg,.dia .dsvg{max-width:880px;margin:0 auto;display:block}.dia.dia-wide>svg,.dia.dia-wide .dsvg{max-width:1040px}#how-nol8-works .dia>svg,#how-nol8-works .dia .dsvg{max-width:560px}.dia-pf svg.dsvg,#how-nol8-works .dia-pf svg.dsvg{max-width:min(100%,396px);margin-inline:auto}.diad{padding:34px 30px 28px}.diad+.diad{border-left:1px solid var(--line)}.diad+.diad{border-left:0;border-top:1px solid var(--line)}.diad .dt{font-size:15.5px;font-weight:600;letter-spacing:-.01em;margin:0 0 10px;max-width:none}.diad .rule{border:none;border-top:1px dotted oklch(40% 0.008 245);margin:0 0 26px}.dsvg{display:block;width:100%;height:auto}.dsvg text{font-family:var(--sans);font-size:12.5px;fill:var(--muted)}.dsvg .hot-r{fill:var(--red)}.dsvg .hot-g{fill:var(--green)}.dsvg .draw{stroke-dasharray:100;stroke-dashoffset:100}.in .dsvg .draw{animation:drawl 1.4s .25s cubic-bezier(.22,1,.36,1) forwards}.dsvg .hot-r,.dsvg .hot-g{opacity:0}.in .dsvg .hot-r,.in .dsvg .hot-g{animation:lblin .4s 1.5s cubic-bezier(.22,1,.36,1) forwards}.dsvg .draw{stroke-dashoffset:0;animation:none!important}@keyframes drawl{to{stroke-dashoffset:0}}@keyframes lblin{to{opacity:1}}@keyframes drawl{to{stroke-dashoffset:0}}@keyframes lblin{to{opacity:1}}@media(max-width:760px){.diad+.diad{border-left:0;border-top:1px solid var(--line)}}@media(prefers-reduced-motion:reduce){.bx{opacity:1;transform:none;animation:none!important}.dsvg .draw{stroke-dashoffset:0;animation:none!important}}@media(prefers-reduced-motion:reduce){.dia .pl,.dia .slit,.dia [class*="-p"],.dia [class*="-off"]{animation:none!important}.dia .anim.led{opacity:1;transform:none}.dia .draw{stroke-dashoffset:0;animation:none!important}}@media(max-width:940px){.beat{grid-template-columns:1fr;gap:0}.beat .diad{border-left:0;border-top:1px solid var(--line);padding-left:0}}@media(max-width:900px){.wya .diad+.diad::before{display:none}}@media(max-width:900px){.wya .diad .dexp{margin-top:18px}}@media(max-width:760px){.diad+.diad{border-left:0;border-top:1px solid var(--line)}}@media(prefers-reduced-motion:reduce){.bx{opacity:1;transform:none;animation:none!important}.dsvg .draw{stroke-dashoffset:0;animation:none!important}}.dsvg-wipe .draw{stroke-dasharray:none;stroke-dashoffset:0;animation:none!important;clip-path:inset(-6px 100% -6px -6px);transition:clip-path 1.4s .25s cubic-bezier(.22,1,.36,1)}.in .dsvg-wipe .draw{clip-path:inset(-6px -6px -6px -6px)}@media (prefers-reduced-motion:reduce){.dsvg-wipe .draw{clip-path:none;transition:none}}