html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}
.how2{padding:130px 0 90px;position:relative}.how-head{flex-direction:column;align-items:flex-start;margin-bottom:38px;display:flex}.how-head h2{letter-spacing:-.04em;text-shadow:0 2px 30px #07101c;font-size:clamp(34px,4vw,48px);line-height:1.04}.how-head h2 span{color:#8fa9c9}.how-head p{color:#c6d6ea;margin-top:14px;font-size:15px}.how-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;gap:20px;display:grid}.how-visual{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(160deg,#13253fd9,#081120e6 70%);border:1px solid #ffffff17;border-radius:24px;place-items:center;min-height:440px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.how-visual:before{content:"";background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 45%,#000 30%,#0000 75%);mask-image:radial-gradient(at 50% 45%,#000 30%,#0000 75%)}.how-glow{filter:blur(10px);background:radial-gradient(circle,#5f95d840,#0000 65%);border-radius:50%;width:420px;height:420px;animation:6s ease-in-out infinite alternate how-breathe;position:absolute}.how-stage{width:min(400px,86%);animation:.6s cubic-bezier(.16,1,.3,1) both how-in;position:relative}.how-index{font-family:var(--sp-mono);letter-spacing:.06em;color:#8ea3bd;font-size:11px;position:absolute;bottom:18px;left:22px}.how-index b{letter-spacing:-.02em;color:#fff;font-size:28px;font-weight:400;font-family:var(--sp-display);margin-right:6px}@keyframes how-in{0%{opacity:0;filter:blur(4px);transform:translateY(16px)scale(.97)}}@keyframes how-breathe{to{opacity:.7;transform:scale(1.12)}}.mock{color:#e8eef7;background:#0a1626e6;border:1px solid #ffffff1c;border-radius:18px;padding:16px;font-size:13px;box-shadow:0 30px 70px #0008,inset 0 1px #ffffff12}.mock-bar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.mock-bar span{align-items:center;gap:8px;font-weight:500;display:inline-flex}.mock-bar em{font-style:normal;font-family:var(--sp-mono);letter-spacing:.06em;text-transform:uppercase;color:#8ea3bd;font-size:10px}.mock-bar .live{background:#8fd6a0;border-radius:50%;width:7px;height:7px;animation:2s infinite hud-blink;box-shadow:0 0 0 3px #8fd6a026}.mock-chips{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.mock-chips span{color:#a9bcd4;background:#ffffff05;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex}.mock-chips b{text-align:center;width:18px;color:var(--c);font-weight:500}.mock-chips span.on{color:#fff;border-color:color-mix(in srgb,var(--c) 60%,transparent);background:color-mix(in srgb,var(--c) 16%,transparent);transform:translate(3px)}.mock-foot{border-top:1px solid #ffffff12;align-items:center;gap:8px;margin-top:14px;padding-top:12px;font-weight:500;display:flex}.mock-foot .dot{border-radius:50%;width:8px;height:8px}.mock-foot em{font-style:normal;font-family:var(--sp-mono);color:#8ea3bd;margin-left:auto;font-size:11px}.mock-seg{background:#ffffff08;border-radius:10px;grid-template-columns:1fr 1fr;margin-bottom:14px;padding:3px;display:grid}.mock-seg span{text-align:center;color:#8ea3bd;border-radius:8px;padding:7px;font-size:12px}.mock-seg span.on{color:#fff;background:#cfe0f51c}.mock-rows{flex-direction:column;gap:12px;display:flex}.mock-rows div{color:#a9bcd4;grid-template-columns:86px 1fr 62px;align-items:center;gap:12px;font-size:12px;display:grid}.mock-rows i{background:#ffffff10;border-radius:5px;height:5px;overflow:hidden}.mock-rows i b{height:100%;width:var(--w);animation:how-fill 1s cubic-bezier(.16,1,.3,1) var(--d) both;background:linear-gradient(90deg,#5f87b8,#cfe0f5);border-radius:5px;display:block}.mock-rows strong{text-align:right;font-family:var(--sp-mono);color:#fff;font-weight:400}.mock-cta{color:#0a1422;background:#eef4fb;border-radius:999px;justify-content:center;align-items:center;gap:6px;margin-top:16px;padding:10px;font-size:12px;font-weight:500;display:flex}@keyframes how-fill{0%{width:0}}.mock-log{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.mock-log li{animation:how-line .5s cubic-bezier(.16,1,.3,1) var(--d) both;border-bottom:1px solid #ffffff0d;grid-template-columns:42px 44px 1fr auto;align-items:center;gap:10px;padding:8px 6px;font-size:12px;display:grid}.mock-log time{font-family:var(--sp-mono);color:#5d7290;font-size:10.5px}.mock-log b{font-family:var(--sp-mono);text-align:center;border-radius:5px;padding:2px 0;font-size:10px;font-weight:400}.mock-log b.buy{color:#8fd6a0;background:#8fd6a01a}.mock-log b.sell{color:#ff9d9d;background:#ff9d9d1a}.mock-log b.hold{color:#8ea3bd;background:#ffffff0d}.mock-log span{color:#c6d6ea}.mock-log strong{font-family:var(--sp-mono);font-weight:400}@keyframes how-line{0%{opacity:0;transform:translate(-8px)}}.how-steps{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a1422b3;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:6px;margin:0;padding:8px;list-style:none;display:flex}.how-steps li{border-radius:18px;transition:background .4s;position:relative}.how-steps li.on{background:linear-gradient(160deg,#ffffff0f,#ffffff05)}.how-steps button{text-align:left;color:#8ea3bd;cursor:pointer;background:0 0;border:0;gap:16px;width:100%;padding:20px 20px 22px;display:flex}.how-num{width:34px;height:34px;font-family:var(--sp-mono);color:#8ea3bd;border:1px solid #ffffff1c;border-radius:11px;flex:none;place-items:center;font-size:11px;transition:all .4s;display:grid}.how-steps li.on .how-num{color:#0a1422;background:#eef4fb;border-color:#eef4fb}.how-text{flex:1;min-width:0}.how-text strong{letter-spacing:-.02em;color:#c6d6ea;margin-top:4px;font-size:20px;font-weight:400;transition:color .3s;display:block}.how-steps li.on .how-text strong,.how-steps button:hover .how-text strong{color:#fff}.how-body{grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.16,1,.3,1);display:grid}.how-steps li.on .how-body{grid-template-rows:1fr}.how-body>span{overflow:hidden}.how-body p{color:#a9bcd4;margin:10px 0;font-size:14px;line-height:1.6}.how-body em{color:#cfe0f5;align-items:center;gap:6px;font-size:12px;font-style:normal;display:inline-flex}.how-progress{opacity:0;background:#ffffff0d;border-radius:2px;height:2px;transition:opacity .3s;position:absolute;bottom:10px;left:70px;right:20px;overflow:hidden}.how-steps li.on .how-progress{opacity:1}.how-progress b{background:linear-gradient(90deg,#7fa6d6,#cfe0f5);width:0;height:100%;display:block}.how-progress b.run{animation:linear forwards how-prog}.how-progress b.hold{width:100%}@keyframes how-prog{to{width:100%}}.how-cta{padding:12px 20px 14px}@media (max-width:900px){.how-grid{grid-template-columns:1fr}.how-visual{min-height:380px}.how2{padding:80px 0 60px}}@media (prefers-reduced-motion:reduce){.how-stage,.how-glow,.mock-rows i b,.mock-log li{animation:none}.how-progress b.run{width:100%;animation:none}}
