.how-page{gap:58px;padding:42px 0 70px;display:grid}.how-page h2{font-size:27px}.how-embedded{border-top:1px solid var(--line);margin-top:40px;padding-top:54px;scroll-margin-top:70px}.how-embedded .how-top h2{font-size:clamp(28px,3.4vw,40px);line-height:1.1}.how-top{justify-items:start;gap:14px;max-width:760px;display:grid}.how-top h1{font-size:clamp(32px,4.4vw,50px);line-height:1.08}.how-top p{color:var(--muted);font-size:17px}.how-sub{color:var(--muted);max-width:70ch;margin:6px 0 22px}.how-pipe{background:linear-gradient(160deg, var(--pcb2), var(--pcb));border:1px solid var(--line);border-radius:12px;gap:22px;margin:-18px 0 0;padding:30px 26px;list-style:none;display:flex;position:relative;overflow:hidden}.how-pipe:before{content:"";background:#2c3a27;height:2px;position:absolute;top:53px;left:60px;right:60px}.how-pipe:after{content:"";background:var(--lime);border-radius:3px;width:26px;height:6px;animation:6s linear infinite pipe-run;position:absolute;top:51px;left:60px}@keyframes pipe-run{to{left:calc(100% - 86px)}}.how-pipe li{z-index:1;flex:1 1 0;align-content:start;gap:4px;min-width:0;display:grid;position:relative}.how-pipe svg{background:var(--pcb2);fill:none;width:48px;height:48px;stroke:var(--text);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;border:1px solid #383b35;border-radius:8px;margin-bottom:9px;padding:7px}.how-pipe b{font-size:16px;font-weight:600}.how-pipe span{color:var(--muted);font-size:14px}.charts{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.charts-2{grid-template-columns:repeat(2,minmax(0,1fr))}.chart{background:var(--panel);border:1px solid var(--line);border-radius:10px;align-content:start;gap:10px;min-width:0;margin:0;padding:16px 16px 10px;display:grid}.chart figcaption{gap:2px;display:grid}.chart figcaption b{font-size:16px;font-weight:600}.chart figcaption span{color:var(--muted);min-height:2.6em;font-size:13.5px}.chart-empty{min-height:170px;color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:6px;place-items:center;margin-bottom:6px;padding:12px;font-size:14px;display:grid}.plot{position:relative}.plot svg{touch-action:pan-y;width:100%;height:auto;display:block}.plot-grid{stroke:var(--line);stroke-width:1px}.plot-t{fill:var(--muted);font:400 12.5px var(--f-num)}.plot-line{fill:none;stroke:#6ba62a;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.plot-dot{fill:#6ba62a}.plot-ring{fill:var(--panel)}.plot-cross{stroke:var(--muted);stroke-width:1px;stroke-dasharray:3 3}.plot-tip{z-index:3;white-space:nowrap;pointer-events:none;background:#232622;border:1px solid #3a3d37;border-radius:6px;padding:5px 9px;font-size:12.5px;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 12px))}.plot-tip b{font-family:var(--f-num);font-weight:500}.plot-tip span{color:var(--muted);font-size:11.5px}.bars{align-items:end;gap:2px;min-height:180px;padding-bottom:6px;display:grid}.bar{grid-template-rows:1fr auto;gap:6px;height:100%;display:grid;position:relative}.bar-track{min-height:140px;position:relative}.bar-track i{background:#6ba62a;border-radius:4px 4px 0 0;position:absolute;bottom:0;left:12%;right:12%}.bar-k{font:400 10.5px var(--f-num);color:var(--muted);text-align:center;white-space:nowrap;overflow:hidden}.bar-tip{top:20%;left:50%}.hbars{gap:30px;margin:0;padding:22px 0 24px;list-style:none;display:grid}.hbars li{grid-template-columns:96px 1fr 56px;align-items:center;gap:12px;font-size:14px;display:grid}.hbars em{height:10px;display:block}.hbars i{background:#6ba62a;border-radius:0 4px 4px 0;height:100%;display:block}.hbars b{font:500 14px var(--f-num);text-align:right}.sheet{grid-template-columns:1fr 1fr;gap:0 36px;margin:0;display:grid}.sheet div{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding:12px 0;font-size:14.5px;display:flex}.sheet dt{color:var(--muted)}.sheet dd{text-align:right;margin:0}.stats{border:1px solid var(--line);background:var(--pcb);border-radius:10px;grid-template-columns:repeat(6,1fr);margin:0 0 16px;padding:0;list-style:none;display:grid}.stats li{border-left:1px solid var(--line);align-content:start;gap:2px;padding:14px 16px;display:grid}.stats li:first-child{border-left:0}.stats b{font:500 22px var(--f-num)}.stats span{color:var(--muted);font-size:13px}.how-end{justify-items:start;gap:12px;display:grid}.how-end p{color:var(--muted);max-width:62ch}@media (max-width:1000px){.charts{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(3,1fr)}.stats li:nth-child(4){border-left:0}.how-pipe{flex-direction:column;gap:16px}.how-pipe li{flex:none}.how-pipe:before,.how-pipe:after{display:none}.how-pipe li{grid-template-columns:48px 1fr;column-gap:14px}.how-pipe svg{grid-row:span 2;margin:0}.sheet{grid-template-columns:1fr}}@media (max-width:640px){.charts,.charts-2{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stats li:nth-child(odd){border-left:0}.stats li:nth-child(4){border-left:1px solid var(--line)}}@media (prefers-reduced-motion:reduce){.how-pipe:after{animation:none}}