.sx{--e:cubic-bezier(.23,1,.32,1);--pb:48px;--gap:clamp(14px,2.2vh,26px);padding:calc(var(--nav) + 4.2vh) var(--pad) var(--pb);min-height:100svh}.sx-wrap{display:grid;grid-template-columns:minmax(0,4.6fr) minmax(0,7.4fr);gap:clamp(24px,4vw,64px);height:calc(100svh - var(--nav) - 4.2vh - var(--pb));min-height:540px}.sx-left{display:flex;flex-direction:column;min-height:0}.sx-head .kind{margin:0 0 8px}.sx-head h1{margin:0;font-weight:700;font-size:clamp(40px,min(5.4vw,8.4vh),88px);line-height:.92;letter-spacing:-.05em}.sx-hint{margin:clamp(8px,1.4vh,16px) 0 clamp(10px,2vh,24px);font-size:clamp(14px,1.2vw,17px);color:var(--mute)}.sx-hint-m{display:none}.sx-list{list-style:none;margin:0;padding:0;flex:1 1 0;min-height:0;display:flex;flex-direction:column;border-bottom:1px solid var(--line)}.sx-item{flex:1 1 0;min-height:52px;border-top:1px solid var(--line);display:flex}.sx-btn{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:0;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.sx-btn:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;border-radius:6px}.sx-n{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;letter-spacing:.06em;opacity:.55;font-variant-numeric:tabular-nums}.sx-h{font-weight:700;font-size:clamp(24px,min(3.1vw,5vh),52px);line-height:1;letter-spacing:-.045em;transition:opacity .22s var(--e),translate .3s var(--e)}.sx-btn:after{content:"→";font-size:clamp(20px,2.2vw,32px);font-weight:700;opacity:0;translate:-10px 0;transition:opacity .2s var(--e),translate .3s var(--e)}.sx-item:not(.is-active) .sx-h{opacity:.5}.sx-item.is-active .sx-btn:after{opacity:1;translate:0 0}.sx-item.is-active .sx-h{translate:6px 0}.sx-btn:active .sx-h{translate:8px 0}.sx-d{display:none;grid-column:3;grid-row:1;font-size:clamp(14px,1.1vw,17px);color:var(--mute);text-align:right}.sx-more,.sx-fit,.sx-reel{display:none}.sx-right{display:flex;flex-direction:column;gap:var(--gap);min-height:0}.sx-stage{position:relative;flex:1 1 0;min-height:200px;border-radius:24px;background:color-mix(in srgb,var(--ink) 6%,var(--bg));box-shadow:0 0 0 1px var(--line);overflow:hidden;transition:background-color .4s var(--e)}.sx-big{display:none}.sx-pane{position:absolute;inset:0;pointer-events:none;visibility:hidden;transition:visibility 0s .34s}.sx-pane.is-active{visibility:visible;transition-delay:0s}.sx-img{position:absolute;margin:0;opacity:0;transform:translateY(14px) scale(.985);translate:calc(var(--mx,0) * (var(--k) + 1) * -5px) calc(var(--my,0) * (var(--k) + 1) * -4px);transition:opacity .24s var(--e),transform .34s var(--e);transition-delay:calc(var(--k) * 50ms)}.sx-pane.is-active .sx-img{opacity:1;transform:none}.sx-img img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 22px 46px -20px #00000080,0 0 0 1px #0000001a}.sx-img.phone{aspect-ratio:var(--ar)}.sx-img.phone img{height:100%;width:100%;object-fit:cover}.sx-img figcaption{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);padding:4px 10px;border-radius:999px;background:#131311cc;color:#f2efe8;font-size:11.5px;font-weight:600;letter-spacing:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx-img.phone figcaption{display:none}[data-l=web3] .sx-img:nth-child(1){left:3%;top:5%;width:66%}[data-l=web3] .sx-img:nth-child(2){right:3%;top:32%;width:56%}[data-l=web3] .sx-img:nth-child(3){left:12%;bottom:5%;width:44%}[data-l=web2] .sx-img:nth-child(1){left:4%;top:8%;width:74%}[data-l=web2] .sx-img:nth-child(2){right:4%;bottom:8%;width:62%}[data-l=phones3] .sx-img{height:78%}[data-l=phones3] .sx-img:nth-child(1){left:8%;top:13%}[data-l=phones3] .sx-img:nth-child(2){left:50%;translate:-50% 0;top:4%}[data-l=phones3] .sx-img:nth-child(3){right:8%;top:17%}[data-l=mix3] .sx-img:nth-child(1){left:4%;top:14%;width:60%}[data-l=mix3] .sx-img:nth-child(2){right:6%;top:6%;height:72%}[data-l=mix3] .sx-img:nth-child(3){right:30%;bottom:5%;height:62%}[data-l=phones3] .sx-img:nth-child(2){translate:calc(-50% + var(--mx,0) * -10px) calc(var(--my,0) * -8px)}.sx-caps{display:grid}.sx-cap{grid-area:1/1;opacity:0;visibility:hidden;translate:0 8px;transition:opacity .2s var(--e),translate .3s var(--e),visibility 0s .3s}.sx-cap.is-active{opacity:1;visibility:visible;translate:0 0;transition-delay:.05s,.05s,0s}.sx-cap .lead{margin:0 0 8px;font-size:clamp(15px,min(1.35vw,2.3vh),21px);line-height:1.22;max-width:34em}.sx-get{list-style:none;margin:0 0 8px;padding:0;columns:2;column-gap:28px}.sx-get li{position:relative;break-inside:avoid;padding:2px 0 2px 16px;font-size:clamp(13px,min(1.05vw,1.9vh),16px);line-height:1.25}.sx-get li:before{content:"";position:absolute;left:0;top:.72em;width:8px;height:1.5px;background:var(--ink);opacity:.5}.sx-seen{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:0;font-size:clamp(13px,1.05vw,15.5px)}.sx-seen span{color:var(--mute)}.sx-seen a{font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.sx-seen .sx-go{margin-left:auto;text-decoration:none;opacity:.7}.sx[data-v=c] .sx-wrap{grid-template-columns:1fr;height:auto}.sx[data-v=c] .sx-right{display:none}.sx[data-v=c] .sx-list{flex:none}.sx[data-v=c] .sx-item{display:block;flex:none}.sx[data-v=c] .sx-btn{min-height:64px;padding:clamp(12px,1.6vw,22px) 0}.sx[data-v=c] .sx-h{opacity:1;translate:none;font-size:clamp(28px,3.6vw,56px)}.sx[data-v=c] .sx-item:not(.is-active) .sx-h{opacity:.5}.sx[data-v=c] .sx-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .34s var(--e)}.sx[data-v=c] .sx-item.is-active .sx-more{grid-template-rows:1fr}.sx-more-in{min-height:0;overflow:hidden}.sx[data-v=c] .sx-fit{display:block}.sx[data-v=c] .sx-cols{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,3vw,48px);padding:0 0 clamp(18px,2.4vw,32px) 44px}.sx[data-v=c] .sx-txt{opacity:0;translate:0 8px;transition:opacity .22s var(--e),translate .3s var(--e)}.sx[data-v=c] .sx-item.is-active .sx-txt{opacity:1;translate:0 0;transition-delay:.06s}.sx-txt .lead{font-size:clamp(17px,1.4vw,21px);line-height:1.22;max-width:26em;margin:0 0 10px}.sx-txt .sv-k{margin-top:14px}.sx[data-v=c] .sx-reel{display:flex;gap:14px;align-items:flex-start;height:clamp(240px,28vw,400px);overflow-x:auto;scrollbar-width:none}.sx[data-v=c] .sx-reel::-webkit-scrollbar{display:none}.sx-reel .sx-img{position:relative;flex:0 0 auto;height:100%;opacity:0;transform:translateY(20px);translate:none;transition:opacity .26s var(--e),transform .36s var(--e);transition-delay:calc(var(--k) * 70ms)}.sx-reel .sx-img img{height:100%;width:auto}.sx-item.is-active .sx-reel .sx-img{opacity:1;transform:none;transition-delay:calc(.08s + var(--k) * 70ms)}@media(max-width:860px){.sx{min-height:0;--pb:56px}.sx-hint-d{display:none}.sx-hint-m{display:inline}.sx[data-v=c] .sx-cols{grid-template-columns:1fr;padding-left:0}.sx[data-v=c] .sx-reel{height:clamp(220px,62vw,340px)}}@media(prefers-reduced-motion:reduce){.sx *,.sx *:before,.sx *:after{transition-duration:.01ms!important;transition-delay:0s!important}}.sx-more-go{margin:12px 0 0;font-size:14.5px}.sx-more-go a{font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}