:root{--sx-gold:#d6b25e;--sx-gold-soft:#e4c983;--sx-gold-deep:#b4923f;--sx-blue:#4f7cff;--sx-purple:#6b5cff;--sx-base:#090b10;--sx-surface:#11151c;--sx-surface-2:#161b24;--sx-border:#232a36;--sx-ink:#f7f8fa;--sx-ink-soft:#b8c0cc;--sx-ink-muted:#7d8796;--sx-ease:cubic-bezier(0.22,1,0.36,1);--sx-header:92px}@media (min-width:640px){:root{--sx-header:72px}}.sx-ambient>div{position:absolute;inset:0;opacity:0;transition:opacity 1.2s var(--sx-ease)}.sx-ambient>div[data-on=true]{opacity:1}.sx-amb-gold{background:radial-gradient(50% 40% at 85% 20%,rgba(214,178,94,.09),transparent 70%),radial-gradient(40% 40% at 5% 80%,rgba(214,178,94,.05),transparent 70%)}.sx-amb-blue{background:radial-gradient(50% 40% at 90% 25%,rgba(79,124,255,.1),transparent 70%),radial-gradient(40% 40% at 0 85%,rgba(214,178,94,.04),transparent 70%)}.sx-amb-purple{background:radial-gradient(50% 40% at 85% 20%,rgba(107,92,255,.11),transparent 70%),radial-gradient(40% 40% at 10% 80%,rgba(79,124,255,.05),transparent 70%)}.sx-amb-mix{background:radial-gradient(45% 40% at 90% 20%,rgba(107,92,255,.09),transparent 70%),radial-gradient(45% 40% at 5% 75%,rgba(214,178,94,.07),transparent 70%)}.sx-hero-grid{background-image:linear-gradient(rgba(35,42,54,.4) 1px,transparent 0),linear-gradient(90deg,rgba(35,42,54,.4) 1px,transparent 0);background-size:64px 64px;-webkit-mask-image:radial-gradient(70% 60% at 65% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(70% 60% at 65% 40%,#000 20%,transparent 75%)}.sx-float-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid rgba(35,42,54,.9);background:rgba(17,21,28,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:var(--font-jetbrains-mono),monospace;font-size:11px;letter-spacing:.04em;color:var(--sx-ink-soft);white-space:nowrap}.sx-float-chip i{width:6px;height:6px;border-radius:999px;background:var(--sx-gold);box-shadow:0 0 10px rgba(214,178,94,.6)}@media (prefers-reduced-motion:no-preference){.sx-float-chip{animation:sx-float 7s ease-in-out infinite;animation-delay:var(--delay,0s)}}@keyframes sx-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-10px,0)}}.sx-tile{--mx:50%;--my:30%;--accent:var(--sx-gold);position:relative;isolation:isolate;border-radius:20px;border:1px solid var(--sx-border);background:linear-gradient(180deg,rgba(22,27,36,.78),rgba(17,21,28,.9));box-shadow:inset 0 1px 0 0 rgba(255,255,255,.03),0 20px 50px -24px rgba(0,0,0,.7);overflow:hidden;transition:transform .45s var(--sx-ease),border-color .4s ease,box-shadow .45s var(--sx-ease);scroll-margin-top:calc(var(--sx-header) + 88px)}.sx-tile[data-accent=blue]{--accent:var(--sx-blue)}.sx-tile[data-accent=purple]{--accent:var(--sx-purple)}.sx-tile:before{z-index:-1;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(214,178,94,.08),transparent 45%)}.sx-tile:after,.sx-tile:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .4s ease;pointer-events:none}.sx-tile:after{border-radius:inherit;padding:1px;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(214,178,94,.55),transparent 55%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}@media (hover:hover) and (pointer:fine){.sx-tile:hover{transform:translateY(-4px);border-color:rgba(214,178,94,.18);box-shadow:inset 0 1px 0 0 rgba(214,178,94,.12),0 34px 70px -28px rgba(0,0,0,.85)}.sx-tile:hover:after,.sx-tile:hover:before{opacity:1}.sx-tile:hover .sx-tile-cta svg{transform:translateX(4px)}.sx-tile:hover .sx-canvas{transform:scale(1.025)}}.sx-tile .sx-canvas{transition:transform .8s var(--sx-ease)}.sx-tile-cta svg{transition:transform .3s var(--sx-ease)}.sx-tile:target,.sx-tile[data-flash=true]{border-color:rgba(214,178,94,.6)}@media (prefers-reduced-motion:no-preference){.sx-tile:target,.sx-tile[data-flash=true]{animation:sx-flash 2.2s var(--sx-ease) 1}}@keyframes sx-flash{0%,to{box-shadow:0 0 0 0 rgba(214,178,94,0)}25%{box-shadow:0 0 0 6px rgba(214,178,94,.14),0 0 60px -10px rgba(214,178,94,.45)}}.sx-stage{position:relative;container-type:size;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(80% 90% at 50% 40%,rgba(22,27,36,.9),rgba(9,11,16,.4) 70%),var(--sx-base)}.sx-stage:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(125,135,150,.16) 1px,transparent 0);background-size:16px 16px;-webkit-mask-image:radial-gradient(75% 75% at 50% 50%,#000 30%,transparent 80%);mask-image:radial-gradient(75% 75% at 50% 50%,#000 30%,transparent 80%);pointer-events:none}.sx-canvas{position:relative;aspect-ratio:16/10;width:min(92%,148cqh);container-type:inline-size;font-family:var(--font-inter),sans-serif;color:var(--sx-ink-soft);font-size:max(9px,3.1cqi);line-height:1.25}.sx-at{position:absolute}.sx-at.sx-c{transform:translate(-50%,-50%)}.sx-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.sx-track{fill:none;stroke:rgba(125,135,150,.32);stroke-width:.45;stroke-dasharray:1.2 1.6}.sx-track-solid{fill:none;stroke:rgba(125,135,150,.28);stroke-width:.45}.sx-pulse{fill:none;stroke:var(--pulse,var(--sx-gold));stroke-width:1.1;stroke-linecap:round;stroke-dasharray:10 110;stroke-dashoffset:10;opacity:0;filter:drop-shadow(0 0 1.5px var(--pulse,var(--sx-gold)))}[data-play=true] .sx-pulse{opacity:1;animation:sx-dash var(--dur,2.2s) linear infinite;animation-delay:var(--delay,0s)}@keyframes sx-dash{0%{stroke-dashoffset:10}to{stroke-dashoffset:-100}}.sx-draw{fill:none;stroke-dasharray:100;stroke-dashoffset:0}[data-play=true] .sx-draw{animation:sx-draw var(--dur,1.6s) var(--sx-ease) both;animation-delay:var(--delay,0s)}@keyframes sx-draw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.sx-win{position:absolute;border-radius:2.4cqi;border:1px solid var(--sx-border);background:linear-gradient(180deg,#131821,#0d1016);box-shadow:0 3cqi 8cqi -3cqi rgba(0,0,0,.8);overflow:hidden}.sx-win-bar{display:flex;align-items:center;gap:.9cqi;height:6.5cqi;padding:0 2.4cqi;border-bottom:1px solid rgba(35,42,54,.8);background:rgba(22,27,36,.7)}.sx-win-bar i{width:1.3cqi;height:1.3cqi;border-radius:999px;background:#2b3340}.sx-win-bar span{margin-left:2cqi;flex:1;height:2.6cqi;border-radius:999px;background:rgba(9,11,16,.8);font-family:var(--font-jetbrains-mono),monospace;font-size:1.9cqi;line-height:2.6cqi;padding-left:1.6cqi;color:var(--sx-ink-muted);overflow:hidden;white-space:nowrap}.sx-bar{display:block;height:1.5cqi;border-radius:999px;background:rgba(125,135,150,.22)}.sx-bar.sx-strong{background:rgba(247,248,250,.7);height:2.4cqi}.sx-bar.sx-goldbar{background:linear-gradient(90deg,var(--sx-gold-soft),var(--sx-gold-deep))}.sx-node{display:inline-flex;align-items:center;gap:1.3cqi;padding:1.3cqi 2.2cqi;border-radius:999px;border:1px solid var(--sx-border);background:rgba(17,21,28,.95);color:var(--sx-ink-soft);white-space:nowrap;font-size:max(8px,2.6cqi);transition:border-color .5s ease,color .5s ease,box-shadow .5s ease,transform .5s var(--sx-ease),background-color .5s ease}.sx-node svg{width:3cqi;height:3cqi;min-width:10px;min-height:10px;color:var(--sx-ink-muted);transition:color .5s ease}.sx-node[data-on=true]{border-color:rgba(214,178,94,.6);color:var(--sx-ink);box-shadow:0 0 0 .6cqi rgba(214,178,94,.08),0 0 4cqi -1cqi rgba(214,178,94,.45)}.sx-node[data-on=true] svg{color:var(--sx-gold)}.sx-node.sx-blue[data-on=true]{border-color:rgba(79,124,255,.6);box-shadow:0 0 0 .6cqi rgba(79,124,255,.08),0 0 4cqi -1cqi rgba(79,124,255,.5)}.sx-node.sx-blue[data-on=true] svg{color:#8aa6ff}.sx-node.sx-purple[data-on=true]{border-color:rgba(107,92,255,.65);box-shadow:0 0 0 .6cqi rgba(107,92,255,.08),0 0 4cqi -1cqi rgba(107,92,255,.5)}.sx-node.sx-purple[data-on=true] svg{color:#9d93ff}.sx-box{display:flex;flex-direction:column;align-items:center;gap:1.4cqi;font-size:max(8px,2.5cqi);color:var(--sx-ink-muted);transition:color .5s ease}.sx-box>span:first-child{display:grid;place-items:center;width:12cqi;height:12cqi;border-radius:3cqi;border:1px solid var(--sx-border);background:linear-gradient(180deg,#161b24,#0e1218);transition:border-color .5s ease,box-shadow .5s ease,transform .5s var(--sx-ease)}.sx-box svg{width:5cqi;height:5cqi;color:var(--sx-ink-muted);transition:color .5s ease}.sx-box[data-on=true]{color:var(--sx-ink)}.sx-box[data-on=true]>span:first-child{border-color:rgba(214,178,94,.55);box-shadow:0 0 5cqi -1cqi rgba(214,178,94,.45);transform:translateY(-.6cqi)}.sx-box[data-on=true] svg{color:var(--sx-gold)}.sx-mono{letter-spacing:.02em}.sx-label,.sx-mono{font-family:var(--font-jetbrains-mono),monospace}.sx-label{font-size:max(7px,2cqi);letter-spacing:.12em;text-transform:uppercase;color:var(--sx-ink-muted)}.sx-toast{display:inline-flex;align-items:center;gap:1.2cqi;padding:1.4cqi 2.4cqi;border-radius:2cqi;border:1px solid rgba(214,178,94,.45);background:rgba(17,21,28,.96);color:var(--sx-ink);font-size:max(8px,2.5cqi);white-space:nowrap;box-shadow:0 2cqi 6cqi -2cqi rgba(0,0,0,.8);transition:opacity .5s var(--sx-ease),transform .5s var(--sx-ease)}.sx-toast svg{width:3cqi;height:3cqi;min-width:10px;min-height:10px;color:var(--sx-gold)}.sx-hide{opacity:0;transform:translateY(2cqi) scale(.96)}.sx-c.sx-hide{transform:translate(-50%,calc(-50% + 2cqi)) scale(.96)}.sx-t{transition:opacity .55s var(--sx-ease),transform .55s var(--sx-ease),filter .55s ease,background-color .5s ease,border-color .5s ease,color .5s ease,width .6s var(--sx-ease)}.sx-caret:after{content:"";display:inline-block;width:.35cqi;min-width:1px;height:1em;margin-left:.3cqi;vertical-align:-.15em;background:var(--sx-gold)}@media (prefers-reduced-motion:no-preference){[data-play=true] .sx-caret:after{animation:sx-blink 1s steps(1) infinite}}@keyframes sx-blink{50%{opacity:0}}.sx-ping{position:relative}.sx-ping:after{content:"";position:absolute;inset:0;border-radius:999px;border:1px solid;opacity:0}[data-play=true] .sx-ping:after{animation:sx-ping 2.2s var(--sx-ease) infinite;animation-delay:var(--delay,0s)}@keyframes sx-ping{0%{transform:scale(1);opacity:.8}to{transform:scale(3.2);opacity:0}}.sx-touch{width:7cqi;height:7cqi;border-radius:999px;border:1px solid rgba(214,178,94,.9);background:rgba(214,178,94,.12);opacity:0}[data-play=true] .sx-touch{animation:sx-touch 2.4s var(--sx-ease) infinite;animation-delay:var(--delay,0s)}@keyframes sx-touch{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}15%{opacity:1}60%,to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.sx-orbit{position:absolute;inset:0}[data-play=true] .sx-orbit{animation:sx-spin 40s linear infinite}[data-play=true] .sx-orbit .sx-counter{animation:sx-spin 40s linear infinite reverse}@keyframes sx-spin{to{transform:rotate(1turn)}}.sx-core-ring{position:absolute;inset:0;border-radius:999px;border:1px solid rgba(107,92,255,.35)}.sx-core-ring.sx-r2{inset:14%;border-color:rgba(214,178,94,.35);border-style:dashed}.sx-core-ring.sx-r3{inset:-14%;border-color:rgba(79,124,255,.6) rgba(79,124,255,.18) rgba(79,124,255,.18)}[data-play=true] .sx-core-ring{animation:sx-spin 14s linear infinite}[data-play=true] .sx-core-ring.sx-r2{animation-duration:9s;animation-direction:reverse}[data-play=true] .sx-core-ring.sx-r3{animation-duration:5s}.sx-core-glow{position:absolute;inset:22%;border-radius:999px;background:radial-gradient(circle,rgba(214,178,94,.35),rgba(107,92,255,.18) 55%,transparent 72%)}[data-play=true] .sx-core-glow{animation:sx-breathe 2.6s ease-in-out infinite}@keyframes sx-breathe{0%,to{transform:scale(.92);opacity:.75}50%{transform:scale(1.08);opacity:1}}.sx-col{transform-origin:bottom;transition:transform .9s var(--sx-ease)}@media (prefers-reduced-motion:reduce){[data-play=true] .sx-pulse{animation:none;opacity:0}[data-play=true] .sx-core-glow,[data-play=true] .sx-core-ring,[data-play=true] .sx-orbit,[data-play=true] .sx-orbit .sx-counter,[data-play=true] .sx-ping:after,[data-play=true] .sx-touch{animation:none}}.sx-scrollbar-none{scrollbar-width:none}.sx-scrollbar-none::-webkit-scrollbar{display:none}.sx-outline-num{color:transparent;-webkit-text-stroke:1px rgba(214,178,94,.22)}