.sx{--box:1360px;--gut:max(clamp(16px, 4vw, 56px), calc((100vw - var(--box,1360px)) / 2));--panel:color-mix(in srgb, var(--fg) 4%, var(--bg));z-index:1;padding:clamp(96px, 14vw, 200px) var(--gut) 0;color:var(--fg);position:relative}.sx-head{flex-direction:column;gap:20px;margin-bottom:clamp(32px,3vw,44px);display:flex}.sx-center{text-align:center;align-items:center}.sx-center .sx-lede{max-width:600px}.sx-eye{letter-spacing:.04em;text-transform:uppercase;color:var(--fg);margin:0;font-size:12px;line-height:1.2}.sx-h2{max-width:640px;font:500 clamp(32px, 3.34vw, 48px) / 1.1 var(--display);letter-spacing:-.01em;text-wrap:balance;margin:0}.sx-lede{max-width:560px;color:color-mix(in srgb, var(--fg) 88%, var(--bg));text-wrap:pretty;margin:0;font-size:16px;line-height:1.4}.wy-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.wy-card{background:var(--panel);border-radius:12px;flex-direction:column;gap:16px;min-width:0;padding:24px;display:flex}.wy-ico{color:var(--fg)}.wy-t{font:500 24px / 1.2 var(--display);letter-spacing:-.01em;margin:14px 0 0}.wy-p{color:color-mix(in srgb, var(--fg) 88%, var(--bg));margin:0;font-size:16px;line-height:1.35}.ft{flex-direction:column;gap:clamp(96px,12vw,170px);display:flex}.ft-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,80px);display:grid}.ft-row[data-flip] .ft-copy{order:2}.ft-copy{flex-direction:column;align-items:flex-start;gap:20px;min-width:0;padding-inline:clamp(0px,4vw,56px);display:flex}.ft-h{max-width:560px;font-size:clamp(30px,2.8vw,40px)}.ft-points{flex-direction:column;gap:12px;margin:12px 0 8px;padding:0;list-style:none;display:flex}.ft-points li{color:color-mix(in srgb, var(--fg) 72%, var(--bg));align-items:flex-start;gap:12px;font-size:16px;line-height:1.3;display:flex}.ft-points svg{color:var(--accent);flex:none}.ft-panel{background:var(--panel);isolation:isolate;border-radius:12px;place-items:center;min-width:0;min-height:clamp(420px,38vw,560px);padding:clamp(28px,4vw,64px);display:grid;position:relative;overflow:hidden}.ft-card{border:1px solid var(--hair);background:var(--surface);border-radius:16px;width:min(100%,384px);padding:20px;position:relative}.ft-card:after{content:"";z-index:-1;background:var(--accent);border-radius:16px;position:absolute;inset:0;transform:translate(4px,4px)}.ft-ch{border-bottom:1px solid var(--hair);align-items:center;gap:12px;margin-bottom:14px;padding-bottom:16px;display:flex}.ft-ht{flex-direction:column;gap:3px;min-width:0;display:flex}.ft-ht b{font:500 16px / 1.2 var(--font)}.ft-ht small{letter-spacing:.04em;color:var(--muted);white-space:nowrap;font-size:10px}.ft-logo{background:var(--fg);width:34px;height:34px;color:var(--bg);border-radius:9px;flex:none;place-items:center;display:grid}.ft-logo svg{width:24px;height:24px}.ft-live{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:6px;flex:none;align-items:center;gap:6px;margin-left:auto;padding:4px 8px;font-size:10px;display:inline-flex}.ft-live i{background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.8s ease-in-out infinite ft-pulse}.ft-rows{background:var(--panel);border-radius:10px;flex-direction:column;margin:0;padding:2px 12px;list-style:none;display:flex}.ft-rows li{justify-content:space-between;align-items:center;gap:12px;padding:9px 0;font-size:14px;display:flex;position:relative}.ft-rows li+li{border-top:1px solid var(--hair)}.ft-sq{background:var(--accent);width:14px;height:14px;animation:ft-sq 4s var(--ease) infinite;animation-delay:calc(var(--i,0) * .8s);border-radius:4px;flex:none}.ft-sq[data-c=b]{background:var(--fg)}.ft-sq[data-c=c]{border:1.5px solid var(--hair-2);background:0 0}.ft-sub{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:16px 0 8px;font-size:10px}.ft-scenes li{animation:10s linear infinite ft-scene;animation-delay:calc(var(--i) * 2s);border-radius:8px;justify-content:flex-start;margin-inline:-12px;padding-inline:12px}.ft-scenes li+li{border-top-color:#0000}.ft-n{color:var(--muted);font-size:10px}.ft-at{color:var(--muted);margin-left:auto;font-size:10px}.ft-beats{gap:4px;display:flex;position:relative}.ft-beats i{background:var(--hair-2);height:8px;animation:10s linear infinite ft-beat;animation-delay:calc(var(--i) * 2s);border-radius:3px}.ft-head{background:var(--fg);border-radius:2px;width:2px;height:18px;animation:10s linear infinite ft-play;position:absolute;top:-5px;left:0}.ft-wide{grid-template-columns:auto 32px minmax(0,300px) 64px;justify-content:center;gap:0;padding-inline:clamp(16px,2.4vw,36px)}.ft-src{border:1px solid var(--hair);background:var(--surface);border-radius:14px;flex-direction:column;align-items:center;gap:12px;padding:14px;display:flex}.ft-src p{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:10px}.ft-tiles{grid-template-columns:repeat(3,38px);gap:6px;display:grid}.ft-tiles span{background:var(--panel);width:38px;height:38px;color:var(--fg);animation:ft-tile 6s var(--ease) infinite;animation-delay:calc(var(--i) * .5s);border-radius:9px;place-items:center;display:grid}.ft-link{background:var(--hair-2);height:1px;position:relative}.ft-link b{background:var(--accent);border-radius:50%;width:5px;height:5px;animation:1.6s ease-in-out infinite ft-travel;position:absolute;top:-2px;left:0}.ft-scene{width:100%}.ft-meter{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.ft-meter>span:first-child{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:10px}.ft-bars{align-items:flex-end;gap:2px;height:22px;display:flex}.ft-bars i{background:var(--hair-2);width:3px;height:40%;animation:1.8s ease-in-out infinite ft-bar;animation-delay:calc(var(--i) * -.17s);border-radius:1px}.ft-bars i:nth-child(6n+3){background:var(--accent)}.ft-fan{width:64px;height:260px;overflow:visible}.ft-fan path{fill:none;stroke:var(--hair-2);stroke-width:1px;stroke-dasharray:3 5;vector-effect:non-scaling-stroke;animation:1.4s linear infinite ft-flow}.ft-fan rect{fill:var(--accent);animation:2.5s ease-in-out infinite ft-node;animation-delay:calc(var(--i) * .5s)}.ft-checks li{color:var(--muted);animation:ft-checkrow 8s var(--ease) infinite;animation-delay:calc(var(--i) * .55s)}.ft-checks svg{color:var(--accent)}.ft-checks svg path{stroke-dasharray:22;stroke-dashoffset:22px;animation:ft-tick 8s var(--ease) infinite;animation-delay:calc(var(--i) * .55s)}.ft-prog{background:var(--panel);border-radius:4px;height:4px;margin-top:16px;overflow:hidden}.ft-prog i{background:var(--accent);transform-origin:0;height:100%;animation:ft-fill 8s var(--ease) infinite;border-radius:4px;display:block}@keyframes ft-pulse{50%{opacity:.25}}@keyframes ft-sq{0%,to{scale:1}8%{scale:1.25}16%{scale:1}}@keyframes ft-scene{0%,19%{background:var(--surface);box-shadow:inset 0 0 0 1px var(--hair)}21%,to{background:0 0;box-shadow:inset 0 0 0 1px #0000}}@keyframes ft-beat{0%,19%{background:var(--accent)}21%,to{background:var(--hair-2)}}@keyframes ft-play{0%{left:0}to{left:calc(100% - 2px)}}@keyframes ft-tile{0%,14%{background:var(--panel);translate:0;box-shadow:inset 0 0 0 1px #0000}4%,8%{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--accent);translate:0 -2px}}@keyframes ft-travel{0%{opacity:0;left:0}15%,85%{opacity:1}to{opacity:0;left:calc(100% - 5px)}}@keyframes ft-bar{0%,to{height:30%}50%{height:85%}}@keyframes ft-flow{to{stroke-dashoffset:-16px}}@keyframes ft-node{0%,to{opacity:1}50%{opacity:.3}}@keyframes ft-checkrow{0%,4%{color:var(--muted)}8%,80%{color:var(--fg)}88%,to{color:var(--muted)}}@keyframes ft-tick{0%,4%{stroke-dashoffset:22px;opacity:1}9%,80%{stroke-dashoffset:0;opacity:1}88%,to{stroke-dashoffset:0;opacity:0}}@keyframes ft-fill{0%{opacity:1;transform:scaleX(0)}55%,84%{opacity:1;transform:scaleX(1)}92%,to{opacity:0;transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.ft-panel *,.ft-panel :after{animation:none!important}.ft-checks svg path{stroke-dashoffset:0}.ft-checks li{color:var(--fg)}}html[data-motion=reduce] .ft-panel *{animation:none!important}.px-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:clamp(16px,2vw,32px) 0 0;padding:0;list-style:none;display:grid}.px-step{text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.px-art{fill:none;width:160px;height:120px;stroke:var(--fg);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;margin-bottom:8px}.px-art .px-hot{stroke:var(--accent)}.px-t{font:500 clamp(26px, 2.2vw, 32px) / 1.15 var(--display);letter-spacing:-.01em;margin:0}.px-p{max-width:330px;color:color-mix(in srgb, var(--fg) 72%, var(--bg));margin:0;font-size:16px;line-height:1.3}.fq{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px clamp(32px,6vw,80px);display:grid}.fq-h{max-width:460px;font-size:clamp(34px,3.9vw,56px);line-height:1.05}.fq-row{border-bottom:1px solid var(--hair)}.fq-row summary{font:400 clamp(19px, 1.67vw, 24px) / 1.2 var(--font);cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;list-style:none;display:flex}.fq-row:first-child summary{padding-top:4px}.fq-row summary::-webkit-details-marker{display:none}.fq-row summary i{flex:none;width:14px;height:14px;position:relative}.fq-row summary i:before,.fq-row summary i:after{content:"";height:1.5px;transition:transform .3s var(--ease);background:currentColor;margin-top:-.75px;position:absolute;top:50%;left:0;right:0}.fq-row summary i:after{transform:rotate(90deg)}.fq-row[open] summary i:after{transform:rotate(0)}.fq-row summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fq-row p{color:color-mix(in srgb, var(--fg) 72%, var(--bg));margin:0;padding:0 32px 24px 0;font-size:15px;line-height:1.45}@media (max-width:960px){.wy-cards,.px-grid{grid-template-columns:minmax(0,1fr)}.px-grid{gap:56px}.ft-row,.fq{grid-template-columns:minmax(0,1fr)}.ft-row[data-flip] .ft-copy{order:0}.ft-copy{padding-inline:0}}@media (max-width:560px){.ft-wide{grid-template-columns:minmax(0,1fr);gap:16px}.ft-link,.ft-fan{display:none}.ft-tiles{grid-template-columns:repeat(6,38px)}}.ft-ht{flex:1}.ft-ht small{text-overflow:ellipsis;overflow:hidden}.ft-live{white-space:nowrap}.lp{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:clamp(32px,6vw,96px);display:grid}.lp-copy{flex-direction:column;gap:20px;min-width:0;display:flex}.lp-copy .sx-lede{max-width:52ch;margin:0}.lp-picks{border-top:1px solid var(--hair);margin:8px 0 0;padding:0;list-style:none}.lp-pick{border-bottom:1px solid var(--hair);color:var(--fg);transition:color .3s var(--ease);grid-template-columns:9.5em minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;font-size:15px;text-decoration:none;display:grid}.lp-pick .mono{letter-spacing:.04em;color:var(--muted);font-size:12px}.lp-pick .ico{width:16px;height:16px;color:var(--muted);transition:transform .48s var(--spring), color .3s var(--ease)}.lp-pick:hover,.lp-pick:focus-visible{color:var(--accent)}.lp-pick:hover .ico,.lp-pick:focus-visible .ico{color:var(--accent);transform:translate(4px)}.lp-btns{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.lp-stage{aspect-ratio:5/6;isolation:isolate;background:radial-gradient(40% 34% at 64% 40%, color-mix(in srgb, var(--accent) 34%, transparent), transparent 70%), radial-gradient(44% 38% at 28% 64%, #7aa7ff66, transparent 70%), radial-gradient(30% 26% at 80% 84%, #a98bff5c, transparent 70%), var(--bg-2);width:100%;max-width:560px;box-shadow:0 30px 80px -40px color-mix(in srgb, var(--fg) 40%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--fg) 8%, transparent);border-radius:32px;justify-self:center;position:relative;overflow:hidden}.lp-stage:after{content:"";z-index:4;border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;background:linear-gradient(140deg,#fffffff2,#ffffff1f 34%,#ffffff0a 64%,#fff9);padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}:root[data-theme=dark] .lp-stage:after{background:linear-gradient(140deg,#fff6,#ffffff0a 36%,#ffffff05 64%,#ffffff38)}.lp-3d{z-index:1;opacity:0;transition:opacity .9s var(--ease);touch-action:pan-y;position:absolute;inset:0}.lp-3d[data-ready]{opacity:1}.lp-3d .lp-canvas{cursor:grab;width:100%;height:100%;display:block}.lp-3d .lp-canvas:active{cursor:grabbing}.lp-still{color:color-mix(in srgb, var(--fg) 40%, transparent);place-items:center;display:grid;position:absolute;inset:0}.lp-still svg{filter:blur(1.5px);width:34%;height:auto}.lp-chip{--fx:0px;z-index:3;font:500 12px var(--mono);letter-spacing:.04em;color:var(--fg);background:color-mix(in srgb, var(--bg) 46%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.6);backdrop-filter:blur(16px)saturate(1.6);box-shadow:inset 0 1px 0 #ffffffb3, inset 0 0 0 1px color-mix(in srgb, var(--fg) 8%, transparent), 0 10px 24px -14px color-mix(in srgb, var(--fg) 45%, transparent);animation:lpFloat 7s var(--ease-io,ease-in-out) infinite;animation-delay:var(--d,0s);transition:color .3s var(--ease), scale .48s var(--spring);border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 10px;text-decoration:none;display:inline-flex;position:absolute}.lp-chip:before{content:"";background:var(--accent);width:7px;height:7px;box-shadow:0 0 10px var(--accent);border-radius:50%}.lp-chip:hover,.lp-chip:focus-visible{color:var(--accent);outline:none;scale:1.06}.lp-chip:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}@keyframes lpFloat{0%,to{translate:0}50%{translate:0 -10px}}.lp-bar{z-index:3;background:color-mix(in srgb, var(--bg) 52%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.6);backdrop-filter:blur(18px)saturate(1.6);box-shadow:inset 0 1px 0 #fff9, inset 0 0 0 1px color-mix(in srgb, var(--fg) 7%, transparent);font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-radius:999px;justify-content:space-between;align-items:center;gap:10px;padding:8px 8px 8px 16px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}:root[data-theme=dark] .lp-chip,:root[data-theme=dark] .lp-bar{box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px #ffffff14}@media (prefers-reduced-motion:reduce){.lp-chip{animation:none}}html[data-motion=reduce] .lp-chip{animation:none}@media (max-width:900px){.lp{grid-template-columns:minmax(0,1fr)}.lp-stage{aspect-ratio:1;order:-1;max-width:460px}.lp-pick{grid-template-columns:minmax(0,1fr) auto}.lp-pick .mono{grid-column:1/-1}}@media (max-width:560px){.lp-chip[data-far],.lp-bar .lp-hint{display:none}}
