.sx{--sx-ease: cubic-bezier(.16, 1, .3, 1);--sx-glass: linear-gradient(180deg, rgba(255, 255, 255, .11) 0%, rgba(255, 255, 255, .035) 46%, rgba(156, 195, 255, .07) 100%), var(--ink-5);--sx-glass-edge: inset 0 0 0 1px rgba(255, 255, 255, .16), inset 0 1px 0 rgba(255, 255, 255, .32), inset 0 -12px 20px -16px rgba(156, 195, 255, .55), 0 10px 26px -16px rgba(0, 0, 0, .95);--sx-focus: 0 0 0 2px var(--ink-1), 0 0 0 3.5px rgba(222, 232, 255, .82);background:var(--ink-1);color:var(--fg-1);overflow-x:clip;padding-bottom:clamp(80px,10vw,140px)}.sx-hero{position:relative;padding-top:calc(var(--nav-h) + clamp(8px,2vh,28px))}.sx-hero:before{content:"";position:absolute;inset:0 0 auto;height:min(78vh,720px);pointer-events:none;background-image:linear-gradient(to right,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.045) 1px,transparent 1px);background-size:64px 64px;background-position:center top;mask-image:radial-gradient(56% 62% at 50% 34%,#000 0%,rgba(0,0,0,.4) 46%,transparent 78%);-webkit-mask-image:radial-gradient(56% 62% at 50% 34%,#000 0%,rgba(0,0,0,.4) 46%,transparent 78%)}.sx-wrap{position:relative;width:100%;max-width:1040px;margin-inline:auto;padding-inline:var(--gutter)}.sx-eyebrow{font-size:12px;line-height:1;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--fg-3)}.sx-reel-wrap{--sx-w: clamp(220px, 22vw, 320px);position:relative}.sx-reel{position:relative;height:calc(var(--sx-w) * .625 + 24px);perspective:1500px;perspective-origin:50% 46%;transform-style:preserve-3d}.sx-card{position:absolute;left:50%;top:50%;width:var(--sx-w);aspect-ratio:16 / 10;margin-left:calc(var(--sx-w) / -2);margin-top:calc(var(--sx-w) * -.3125);border-radius:18px;overflow:hidden;background:var(--ink-4);box-shadow:0 0 0 1px #ffffff1a,0 28px 60px -24px #000000e6;transition:transform 1.25s var(--sx-ease),opacity .9s var(--sx-ease),filter .9s var(--sx-ease);will-change:transform;backface-visibility:hidden;cursor:pointer;outline:none}.sx-card>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sx-card.is-centre{box-shadow:0 0 0 1px #ffffff29,0 40px 80px -28px #000000f2}.sx-card.is-centre:focus-visible{box-shadow:var(--sx-focus)}.sx-card-chip{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:5px 11px 5px 5px;border-radius:999px;background:#06070c9e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px #ffffff1a;font-size:13px;line-height:1;color:#fff;white-space:nowrap}.sx-card-chip img{width:20px;height:20px;border-radius:6px}.sx-card-chip b{font-weight:600}.sx-card-chip em{font-style:normal;color:#ffffff9e}.sx-card-chip em.is-concept{padding:3px 7px;margin-left:1px;border-radius:999px;background:#ffffff1f;color:#fff;font-size:11px;letter-spacing:.04em}.sx-card-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sx-card-chip.is-clip{padding-left:9px}.sx-card-film{width:14px;height:14px;border-radius:3px;box-shadow:inset 0 0 0 1.5px #ffffffd9;background:linear-gradient(to bottom,rgba(255,255,255,.85) 0 2px,transparent 2px 4px) left 3px top 2px / 1.5px 10px repeat-y,linear-gradient(to bottom,rgba(255,255,255,.85) 0 2px,transparent 2px 4px) right 3px top 2px / 1.5px 10px repeat-y;background-repeat:no-repeat}.sx-card-cube{width:20px;height:20px;border-radius:6px;background:url(/brand/symbols/portals.webp) center / 16px no-repeat,#0b0c11;box-shadow:inset 0 0 0 1px #ffffff1a}.sx-reel-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 20px;margin-top:10px;padding-inline:var(--gutter);position:relative;z-index:20}.sx-reel-caption{min-height:20px;font-size:13.5px;color:var(--fg-3);text-align:center}.sx-reel-caption b{color:var(--fg-1);font-weight:600}.sx-concept{color:var(--fg-1)}.sx-fade{display:inline-block;animation:sx-fade .6s var(--sx-ease) both}@keyframes sx-fade{0%{opacity:0;transform:translateY(4px);filter:blur(3px)}}.sx-reel-ctrl{display:inline-flex;align-items:center;gap:4px}.sx-reel-ctrl button{display:grid;place-items:center;width:32px;height:32px;border-radius:999px;color:var(--fg-3);transition:background-color var(--motion-fast) ease,color var(--motion-fast) ease}.sx-reel-ctrl button:hover{background:var(--surface-hover);color:var(--fg-1)}.sx-reel-count{min-width:64px;text-align:center;font-size:12px;color:var(--fg-4)}.sx-reel-all{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:7px 12px;border-radius:999px;font-size:13px;color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--line-2);transition:box-shadow var(--motion-fast) ease}.sx-reel-all:hover{box-shadow:inset 0 0 0 1px var(--line-3);color:var(--fg-1)}.sx-head{position:relative;margin-top:clamp(22px,3.4vh,36px);padding-inline:var(--gutter);text-align:center}.sx-h1{margin:0 auto;max-width:22ch;font-size:clamp(2.5rem,4.4vw,4.25rem);line-height:.98;letter-spacing:-.048em;padding-top:.06em;font-weight:700;text-transform:uppercase;text-wrap:balance;color:var(--fg-1);background:linear-gradient(180deg,#fff 38%,#b8b9c0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sx-sub{margin:clamp(12px,1.4vw,18px) auto 0;max-width:46ch;font-size:clamp(1.0625rem,1.5vw,1.3125rem);line-height:1.45;letter-spacing:-.012em;color:var(--fg-3);text-wrap:balance}.sx-enter{animation:sx-enter .9s var(--sx-ease) both;animation-delay:calc(var(--d, 0) * 90ms + .12s)}@keyframes sx-enter{0%{opacity:0;transform:translateY(14px);filter:blur(6px)}}.sx-hero>.sx-wrap{margin-top:clamp(22px,2.6vw,32px)}.sx-composer{position:relative;padding:10px;border-radius:26px;background:var(--ink-3);box-shadow:inset 0 0 0 1px var(--line-2),inset 0 1px #ffffff0d,0 50px 100px -50px #000000e6}.sx-kinds{display:flex;flex-wrap:wrap;gap:6px;padding:2px 2px 10px}@media(min-width:1100px){.sx-kinds{display:grid;grid-template-columns:repeat(8,auto)}}.sx-kind{display:inline-flex;align-items:center;gap:9px;flex:1 1 auto;justify-content:center;height:42px;padding:0 12px 0 6px;border-radius:12px;background:var(--ink-4);box-shadow:inset 0 0 0 1px var(--line-1);font-size:14px;font-weight:500;letter-spacing:-.01em;color:var(--fg-2);white-space:nowrap;transition:background-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,color var(--motion-fast) ease,transform var(--motion-fast) ease}.sx-kind:hover{background:var(--ink-5);color:var(--fg-1)}.sx-kind:active{transform:scale(.97)}.sx-kind[aria-pressed=true]{background:var(--sx-glass);color:var(--fg-1);box-shadow:var(--sx-glass-edge)}.sx-kind,.sx-choice{position:relative}.sx-kind[aria-pressed=true]:after,.sx-choice[aria-pressed=true]:after{content:"";position:absolute;top:7px;right:7px;width:5px;height:5px;border-radius:999px;background:var(--blue);box-shadow:0 0 0 2px #3088f82e}.sx-kind>span:last-child{overflow:hidden;text-overflow:ellipsis}.sx-kind>span:first-child{border-radius:9px!important}.sx-field{position:relative;border-radius:18px;background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-1);transition:box-shadow var(--motion-fast) ease}.sx-field:focus-within{box-shadow:inset 0 0 0 1px var(--line-3)}.sx-text{display:block;width:100%;min-height:84px;padding:18px 22px 6px;border:0;background:transparent;color:var(--fg-1);font:inherit;font-size:clamp(1rem,1.35vw,1.1875rem);line-height:1.5;letter-spacing:-.012em;resize:none;outline:none;field-sizing:content;max-height:min(44vh,360px)}.sx-ph{position:absolute;left:22px;right:22px;top:18px;pointer-events:none;font-size:clamp(1rem,1.35vw,1.1875rem);line-height:1.5;letter-spacing:-.012em;color:var(--fg-4)}.sx-ph-line{display:block;animation:sx-ph .7s var(--sx-ease) both}@keyframes sx-ph{0%{opacity:0;transform:translateY(8px);filter:blur(4px)}}.sx-row{display:flex;align-items:flex-end;gap:12px;padding:6px 12px 12px}.sx-opts{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0}.sx-opt-wrap{display:inline-flex;align-items:stretch;border-radius:10px;background:var(--ink-4);box-shadow:inset 0 0 0 1px var(--line-1);max-width:100%}.sx-opt-wrap.has-value{background:var(--ink-5);box-shadow:inset 0 0 0 1px var(--line-3)}.sx-opt{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border-radius:10px;font-size:13px;color:var(--fg-3);min-width:0;transition:color var(--motion-fast) ease}.sx-opt:hover,.sx-opt[aria-expanded=true]{color:var(--fg-1)}.sx-opt b{font-weight:500;color:var(--fg-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:22ch}.sx-opt-clear{display:grid;place-items:center;width:28px;margin-left:-6px;border-radius:0 10px 10px 0;color:var(--fg-4)}.sx-opt-clear:hover{color:var(--fg-1)}.sx-count{flex:none;font-size:11px;color:var(--fg-4);padding-bottom:9px}.sx-panel{margin:0 12px 12px;padding:12px;border-radius:14px;background:var(--ink-4);box-shadow:inset 0 0 0 1px var(--line-2);animation:sx-panel .32s var(--sx-ease) both;transform-origin:top left}@keyframes sx-panel{0%{opacity:0;transform:translateY(-4px) scale(.985)}}.sx-choices{display:flex;flex-wrap:wrap;gap:6px}.sx-choice{min-height:36px;padding:0 13px;border-radius:10px;background:var(--ink-3);box-shadow:inset 0 0 0 1px var(--line-2);font-size:13.5px;color:var(--fg-2);transition:box-shadow var(--motion-fast) ease,color var(--motion-fast) ease}.sx-choice:hover{color:var(--fg-1);box-shadow:inset 0 0 0 1px var(--line-3)}.sx-choice[aria-pressed=true]{color:var(--fg-1);background:var(--sx-glass);box-shadow:var(--sx-glass-edge);padding-right:20px}.sx-panel-form{display:flex;gap:8px}.sx-input{flex:1;min-width:0;height:40px;padding:0 13px;border-radius:10px;border:0;background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--fg-1);font:inherit;font-size:14px;outline:none}.sx-input:focus{box-shadow:inset 0 0 0 1px #ffffff3d,inset 0 -10px 18px -14px #9cc3ff73}.sx-apply{height:40px;padding:0 16px;border-radius:10px;background:var(--fg-1);color:var(--fg-inverse);font-size:14px;font-weight:500}.sx-panel-note{margin-top:8px;font-size:12.5px;color:var(--fg-3)}.sx-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 6px 4px 12px}.sx-next{font-size:13px;line-height:1.45;color:var(--fg-4)}.sx-cta{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 24px;border-radius:15px;background:var(--fg-1);color:var(--fg-inverse);font-size:16px;font-weight:600;letter-spacing:-.012em;box-shadow:inset 0 -2px #0000001f,0 10px 30px -12px #ffffff40;transition:transform var(--motion-fast) ease,background-color var(--motion-fast) ease}.sx-cta:hover{background:#e6e7ea}.sx-cta:active{transform:scale(.98)}.sx-cta svg{transition:transform var(--motion-normal) var(--sx-ease)}.sx-cta:hover svg{transform:translate(3px)}.sx :is(.sx-kind,.sx-opt,.sx-opt-clear,.sx-choice,.sx-apply,.sx-cta,.sx-ex,.sx-tab,.sx-reel-ctrl button,.sx-reel-all):focus-visible{outline:none;box-shadow:var(--sx-focus)}.sx-honest{display:flex;align-items:flex-start;justify-content:center;gap:9px;max-width:760px;margin:18px auto 0;font-size:13.5px;line-height:1.5;color:var(--fg-3);text-align:left}.sx-honest svg{flex:none;margin-top:2px;color:var(--fg-2)}.sx-below{margin-top:clamp(64px,8vw,104px);display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(56px,7vw,88px)}.sx-ex-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.sx-ex{display:flex;flex-direction:column;gap:10px;width:100%;height:100%;padding:16px;border-radius:18px;background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2);text-align:left;transition:background-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,transform var(--motion-normal) var(--sx-ease)}.sx-ex:hover{background:var(--ink-3);box-shadow:inset 0 0 0 1px var(--line-3);transform:translateY(-2px)}.sx-ex-head{display:flex;align-items:center;gap:10px;font-size:15px;letter-spacing:-.012em;color:var(--fg-1)}.sx-ex-head b{font-weight:600}.sx-ex-text{font-size:13.5px;line-height:1.5;color:var(--fg-3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sx-ex-use{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--fg-4);transition:color var(--motion-fast) ease}.sx-ex:hover .sx-ex-use{color:var(--fg-1)}.sx-tablist{display:inline-flex;gap:2px;padding:4px;border-radius:14px;background:var(--ink-3);box-shadow:inset 0 0 0 1px var(--line-2)}.sx-tab{height:38px;padding:0 16px;border-radius:10px;font-size:14px;font-weight:500;color:var(--fg-3);transition:background-color var(--motion-fast) ease,color var(--motion-fast) ease}.sx-tab:hover{color:var(--fg-1)}.sx-tab[aria-selected=true]{background:var(--ink-6);color:var(--fg-1);box-shadow:inset 0 0 0 1px var(--line-2)}.sx-tabpanel{margin-top:18px;animation:sx-fade .5s var(--sx-ease) both}.sx-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:22px;box-shadow:inset 0 0 0 1px var(--line-2);overflow:hidden}.sx-step{display:flex;flex-direction:column;gap:10px;padding:20px 20px 24px;background:var(--ink-2)}.sx-step+.sx-step{box-shadow:inset 1px 0 0 var(--line-2)}.sx-step-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.sx-step-n{font-size:12px;color:var(--fg-4)}.sx-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:var(--ink-4);box-shadow:inset 0 0 0 1px var(--line-2);font-size:11.5px;color:var(--fg-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sx-step-t{font-size:17px;font-weight:600;letter-spacing:-.018em;color:var(--fg-1)}.sx-step-x{font-size:14px;line-height:1.5;color:var(--fg-3)}.sx-demos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sx-demo{margin:0;padding:10px 10px 18px;border-radius:22px;background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2)}.sx-demo figcaption{display:grid;gap:6px;padding:16px 8px 0}.sx-demo figcaption b{font-size:16px;font-weight:600;letter-spacing:-.016em}.sx-demo figcaption span{font-size:13.5px;line-height:1.5;color:var(--fg-3)}.sx-demo-stage{position:relative;display:grid;place-items:center;height:264px;padding:36px 16px 16px;border-radius:15px;background:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0 / 16px 16px,var(--ink-1);overflow:hidden}.sxd-box,.sxd-card{width:100%;min-width:0;max-width:300px;padding:12px;border-radius:14px;background:var(--ink-3);box-shadow:inset 0 0 0 1px var(--line-2),0 20px 40px -20px #000000e6;font-size:12px;color:var(--fg-2)}.sxd-chips{display:flex;gap:5px}.sxd-chip{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border-radius:8px;background:var(--ink-4);box-shadow:inset 0 0 0 1px var(--line-1);font-size:11.5px;transition:box-shadow .4s var(--sx-ease)}.sxd-chip>span:first-child{margin-left:-5px;border-radius:6px!important}[data-phase] .sxd-chip.is-on{box-shadow:inset 0 0 0 1px var(--line-1)}[data-phase]:not([data-phase="0"]) .sxd-chip.is-on{background:var(--sx-glass);box-shadow:var(--sx-glass-edge);color:var(--fg-1)}.sxd-type{margin:10px 0;padding:10px;min-height:52px;border-radius:9px;background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-1);font-size:12.5px;line-height:1.45;color:var(--fg-1)}.sxd-type span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;clip-path:inset(0 100% 0 0);transition:clip-path 1.4s steps(26,end)}[data-phase="2"] .sxd-type span,[data-phase="3"] .sxd-type span,[data-phase="4"] .sxd-type span{clip-path:inset(0 0 0 0)}.sxd-opts{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px}.sxd-opt{padding:6px 8px;border-radius:7px;background:var(--ink-5);box-shadow:inset 0 0 0 1px var(--line-3);font-size:11px;color:var(--fg-3);white-space:nowrap}.sxd-opt b{font-weight:500;color:var(--fg-1)}.sxd-pop{opacity:0;transform:translateY(4px) scale(.96);transition:opacity .4s var(--sx-ease),transform .5s var(--sx-ease)}[data-phase="3"] .sxd-pop,[data-phase="4"] .sxd-pop{opacity:1;transform:none}.sxd-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:8px;background:var(--fg-1);color:var(--fg-inverse);font-size:11.5px;font-weight:600;white-space:nowrap;transition:transform .25s var(--sx-ease)}[data-phase="4"] .sxd-press{transform:scale(.94)}.sxd-card-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.sxd-card-h b{font-size:13px;color:var(--fg-1)}.sxd-status{position:relative;display:grid;justify-items:end}.sxd-status>span{grid-area:1 / 1;padding:4px 8px;border-radius:999px;background:var(--ink-5);box-shadow:inset 0 0 0 1px var(--line-2);font-size:10.5px;white-space:nowrap;opacity:0;transform:translateY(4px);filter:blur(2px);transition:opacity .45s var(--sx-ease),transform .45s var(--sx-ease),filter .45s var(--sx-ease)}[data-phase="0"] .sxd-status .s0,[data-phase="1"] .sxd-status .s1,[data-phase="2"] .sxd-status .s2,[data-phase="3"] .sxd-status .s2{opacity:1;transform:none;filter:none}.sxd-status .s2{display:inline-flex;align-items:center;gap:5px;color:var(--fg-1);background:var(--sx-glass);box-shadow:var(--sx-glass-edge)}.sxd-status .s2:before{content:"";width:5px;height:5px;border-radius:999px;background:var(--blue)}.sxd-rows{display:grid;gap:6px;margin:0}.sxd-rows div{display:flex;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid var(--line-1)}.sxd-rows dt{color:var(--fg-4)}.sxd-rows dd{margin:0;color:var(--fg-1)}.sxd-reply{display:flex;align-items:center;gap:8px;margin-top:10px;opacity:0;transform:translateY(6px);transition:opacity .5s var(--sx-ease),transform .5s var(--sx-ease)}[data-phase="1"] .sxd-reply,[data-phase="2"] .sxd-reply,[data-phase="3"] .sxd-reply{opacity:1;transform:none}.sxd-avatar{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--ink-6);box-shadow:inset 0 0 0 1px var(--line-3);font-size:10px;font-weight:700;color:var(--fg-1)}.sxd-lines{display:grid;gap:4px;flex:1}.sxd-lines i{display:block;height:5px;border-radius:3px;background:var(--ink-6)}.sxd-lines i:last-child{width:62%}.sxd-slot{display:flex;align-items:center;gap:7px;margin-top:10px;padding:8px 9px;border-radius:8px;background:var(--sx-glass);box-shadow:var(--sx-glass-edge);color:var(--fg-1);font-size:11.5px;opacity:0;transform:scale(.96);transition:opacity .45s var(--sx-ease),transform .5s var(--sx-ease)}[data-phase="2"] .sxd-slot,[data-phase="3"] .sxd-slot{opacity:1;transform:none}.sxd-scope{display:grid;gap:7px;margin:0 0 12px;padding:0;list-style:none}.sxd-scope li{display:flex;align-items:center;gap:7px;padding:7px 8px;border-radius:8px;background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-1);color:var(--fg-1);opacity:0;transform:translate(-6px);transition:opacity .4s var(--sx-ease),transform .45s var(--sx-ease);transition-delay:calc(var(--i) * .12s)}.sxd-scope li svg{color:var(--fg-3)}.sxd-scope li i{margin-left:auto;width:46px;height:5px;border-radius:3px;background:var(--ink-6)}[data-phase]:not([data-phase="0"]) .sxd-scope li{opacity:1;transform:none}.sxd-accept{position:relative;display:grid;width:100%;justify-content:center}.sxd-accept>span{grid-area:1 / 1;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:opacity .35s var(--sx-ease),transform .4s var(--sx-ease)}.sxd-accept .a1{opacity:0;transform:translateY(6px)}[data-phase="3"] .sxd-accept{transform:scale(.96)}[data-phase="4"] .sxd-accept .a0{opacity:0;transform:translateY(-6px)}[data-phase="4"] .sxd-accept .a1{opacity:1;transform:none}.sx-demo:last-child [data-phase="1"] .sxd-status .s0,.sx-demo:last-child [data-phase="2"] .sxd-status .s0,.sx-demo:last-child [data-phase="3"] .sxd-status .s0{opacity:1;transform:none;filter:none}.sx-demo:last-child [data-phase="2"] .sxd-status .s2,.sx-demo:last-child [data-phase="3"] .sxd-status .s2{opacity:0}.sx-demo:last-child [data-phase="4"] .sxd-status .s2{opacity:1;transform:none;filter:none}.sx-talk{text-align:center;font-size:14.5px;color:var(--fg-3)}.sx-talk a{display:inline-flex;align-items:center;gap:5px;color:var(--fg-1);text-decoration:underline;text-decoration-color:var(--line-3);text-underline-offset:4px}@media(max-width:900px){.sx-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-step:nth-child(3){box-shadow:inset 0 1px 0 var(--line-2)}.sx-step:nth-child(4){box-shadow:inset 1px 0 0 var(--line-2),inset 0 1px 0 var(--line-2)}.sx-demos,.sx-ex-row{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-kinds{display:flex;flex-wrap:wrap}}@media(max-width:640px){.sx-reel-wrap{--sx-w: min(68vw, 300px)}.sx-kinds{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-10px;padding-inline:10px;scroll-padding-inline:10px;mask-image:linear-gradient(to right,transparent,#000 10px,#000 calc(100% - 24px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 10px,#000 calc(100% - 24px),transparent)}.sx-kinds::-webkit-scrollbar{display:none}.sx-text{min-height:120px;padding:16px 16px 6px}.sx-ph{left:16px;right:16px;top:16px}.sx-kind{flex:none}.sx-row{padding:4px 10px 10px}.sx-count{display:none}.sx-foot{flex-direction:column-reverse;align-items:stretch;gap:10px;padding:10px 0 0}.sx-next{text-align:center}.sx-cta{width:100%}.sx-steps,.sx-demos{grid-template-columns:minmax(0,1fr)}.sx-ex-row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter)}.sx-ex-row::-webkit-scrollbar{display:none}.sx-ex-row>li{flex:0 0 78%;scroll-snap-align:start}.sx-step+.sx-step,.sx-step:nth-child(4){box-shadow:inset 0 1px 0 var(--line-2)}.sx-tablist{display:flex}.sx-tab{flex:1}}@media(prefers-reduced-motion:reduce){.sx-card,.sx-ex,.sxd-type span,.sxd-pop,.sxd-status>span,.sxd-reply,.sxd-slot,.sxd-scope li,.sxd-accept>span{transition:none!important}.sx-enter,.sx-fade,.sx-ph-line,.sx-panel,.sx-tabpanel{animation:none!important}}