.rv{opacity:0;transition:opacity .538s,transform .615s cubic-bezier(.2,.7,.2,1);transform:translateY(24px)}.rv.in{opacity:1;transform:none}.big{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr);gap:24px;padding:72px 0;display:grid}@media (min-width:1024px){.big{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:72px}}.tl-pts{margin-top:28px}.tl-pts div{border-top:1px solid var(--border);color:var(--text-2);padding:14px 0;font-size:16px;line-height:1.5}.tl-pts b{color:var(--text);font-weight:500}.tp .g{fill:#34d399;transition:fill .385s,opacity .385s}.tp[data-p="3"] .layer{stroke-opacity:.9}.how{grid-template-columns:minmax(0,1fr);gap:40px;display:grid}@media (min-width:1024px){.how{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px}}.deck-sec{height:calc(100vh - var(--header-h) + (var(--steps,4) - 1) * 100vh);height:calc(100svh - var(--header-h) + (var(--steps,4) - 1) * 100svh);scroll-margin-top:var(--header-h);padding:0;position:relative}.deck-pin{top:var(--header-h);height:calc(100vh - var(--header-h));height:calc(100svh - var(--header-h));align-items:center;padding:24px 0;display:flex;position:sticky;overflow:hidden}.deck-pin>.wrap{width:100%}.deck-sec.loose{height:auto}.deck-sec.loose .deck-pin{height:auto;position:relative;top:auto;overflow:visible}.deck{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:72px;display:grid}.deck-stage{height:460px;padding:14px;position:relative}.deck-dg.lg{height:100%}.deck-dg.sm{display:none}.deck-steps{margin-top:16px;display:grid}.deck-steps .st{opacity:0;visibility:hidden;grid-area:1/1;transition:opacity .231s,transform .231s,visibility .231s;transform:translateY(14px)}.deck-steps .st.on{opacity:1;visibility:visible;transition:opacity .346s .115s,transform .462s cubic-bezier(.2,.7,.2,1) .115s,visibility;transform:none}.deck-steps .st h3{letter-spacing:-.025em;font-size:clamp(28px,2.6vw,40px);font-weight:500;line-height:1.1}.deck-steps .st p{color:var(--text-2);max-width:40ch;margin-top:14px;font-size:18px;line-height:1.55}.deck-steps .st .btn{margin-top:22px}.deck-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:360px;margin-top:40px;display:grid}.deck-tabs button{border:0;border-top:2px solid var(--border-strong);height:36px;color:var(--text-3);font:500 13px var(--mono);text-align:left;cursor:pointer;background:0 0;padding:0;transition:color .154s,border-color .154s}.deck-tabs button:hover{color:var(--text-2)}.deck-tabs button.on{color:var(--text);border-top-color:var(--accent)}@media (max-width:1023px){.deck-pin{padding:20px 0 calc(16px + env(safe-area-inset-bottom));align-items:stretch}.deck-pin>.wrap{flex-direction:column;display:flex}.deck{flex-direction:column;flex:1;align-items:stretch;gap:0;display:flex}.deck:before,.deck:after{content:"";flex:1}.deck:before{order:-1}.deck:after{flex-grow:3;order:4}.deck-text{display:contents}.deck .label{order:0;color:var(--text-2)!important}.deck-stage{flex-shrink:0;order:1;height:auto;margin-top:12px;padding:10px}.deck-stage.glass{background:linear-gradient(#ffffff0d 0%,#ffffff03 30%,#fff0 70%,#ffffff05 100%),#0d0f0e!important}.deck-dg.lg{display:none}.deck-dg.sm{display:block}.deck-steps{order:2;margin-top:20px}.deck-steps .st h3{letter-spacing:-.02em;font-size:27px;line-height:1.14}.deck-steps .st p{color:#c3c7c1;margin-top:12px;font-size:17px;line-height:1.55}.deck-steps .st .btn{margin-top:18px}.deck-tabs{order:3;max-width:none;margin-top:clamp(18px,5vh,64px)}.deck-tabs button{color:#9a9f99;height:44px}.how{flex-direction:column;gap:0;display:flex}}.port{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}@media (min-width:1024px){.port{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.sdk{grid-template-columns:minmax(0,1fr);gap:40px;display:grid}@media (min-width:1024px){.sdk{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:64px}}.pf-kv{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:14px 0;font-size:15px;display:grid}.pf-kv:last-child{border-bottom:1px solid var(--border)}.pf-kv span:first-child{color:var(--text-3)}.pf-kv span:only-child{color:var(--text)}.con-bg{opacity:.3;pointer-events:none;background:url(/assets/backgrounds/bg-console.webp) 50%/cover no-repeat;position:absolute;inset:0}@media (max-width:1023px){.panel.glass{padding:16px}}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.cwin{--cw-gutter:3.6em;--cw-hl:#34d3991a;--cw-hl-gutter:#34d39933;flex-direction:column;min-width:0;margin:0;display:flex}.cwin-bar{min-height:46px;font-family:var(--mono);color:var(--text-3);background:#ffffff09;border-bottom:1px solid #ffffff12;align-items:center;gap:18px;padding:0 18px;font-size:12px;display:flex}.cwin-dots{flex:none;gap:8px;display:flex}.cwin-dots i{background:#ff5f57;width:12px;height:12px;border-radius:50%!important}.cwin-dots i:nth-child(2){background:#febc2e}.cwin-dots i:nth-child(3){background:#28c840}.cwin-title{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cwin-meta{white-space:nowrap;margin-left:auto}.cwin-code{font-family:var(--mono);color:#d7dad4;tab-size:4;counter-reset:cwln;flex:1;margin:0;padding:20px 0;font-size:clamp(12.5px,.72rem + .25vw,14.5px);line-height:1.85;overflow-x:auto}.cwin-lines{min-width:100%;font:inherit;display:inline-block}.cwin .ln{white-space:pre;padding-right:28px;transition:background-color .5s;display:block}.cwin .ln:before{counter-increment:cwln;content:counter(cwln);width:var(--cw-gutter);text-align:right;color:#5a615c;-webkit-user-select:none;user-select:none;margin-right:1.4em;padding-right:1.1em;transition:background-color .5s,color .5s;display:inline-block}.cwin .ln.hl{background:var(--cw-hl)}.cwin .ln.hl:before{background:var(--cw-hl-gutter);color:#c9eedd}.cwin .k{color:#f28fc4}.cwin .f{color:#5fe3b0}.cwin .s{color:#ecdc8f}.cwin .c{color:#6f7771;font-style:italic}.port:not(.in) .cwin.new .ln.hl{background:0 0}.port:not(.in) .cwin.new .ln.hl:before{color:#5a615c;background:0 0}@media (max-width:640px){.cwin-bar{gap:14px;min-height:40px;padding:0 14px}.cwin-dots i{width:10px;height:10px}.cwin{--cw-gutter:2.8em}.cwin .ln:before{margin-right:1em;padding-right:.8em}}