.sx{--ink:#1e1238;--ink-2:#5f5877;--violet:#7b5bc0;--violet-d:#5a3ea0;--violet-t:#f0ebfa;--lilac:#b8a6e6;--live:#17a56b;--live-d:#0c7a4c;--live-t:#e3f6ec;--amber:#e0a100;--amber-d:#8a5f00;--amber-t:#fff4cc;--stale:#c2412d;--stale-t:#fbe9e5;--sheet:#fbf9ff;--line:#1e123829;--gut:72px;--ease:cubic-bezier(.23,1,.32,1);color:var(--ink)}.sx *{box-sizing:border-box;margin:0;padding:0}.sx ul,.sx ol{list-style:none}.sx .disp{font-family:var(--font-display),sans-serif;letter-spacing:-.015em;font-weight:300}.sx .page{padding:0 var(--gut);position:relative}.sx .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sx .label{font:400 12px var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:12px;margin-bottom:28px;display:flex}.sx .label b{color:var(--violet-d);font-weight:500}.sx .label i{border:2px solid var(--ink);background:var(--violet-t);width:16px;height:20px;display:block;position:relative}.sx .label i:after{content:"";border:2px solid var(--ink);border-bottom:0;border-radius:5px 5px 0 0;width:6px;height:5px;position:absolute;top:5px;left:3px}.sx .label i:before{content:"";background:var(--ink);height:6px;position:absolute;bottom:2px;left:1px;right:1px}.sx h2.disp{max-width:20ch;font-size:clamp(36px,3.9vw,54px);line-height:1}.sx h2.disp em,.sx .hero h1 em{color:var(--violet);font-style:normal}.sx .prose{color:#3a3150;max-width:36em;margin-top:24px;font-size:19px;line-height:1.6}.sx .two{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:56px;display:grid}.sx .btn{background:var(--violet);color:#fff;border:1px solid var(--ink);min-height:52px;box-shadow:4px 4px 0 var(--ink);align-items:center;gap:10px;padding:0 24px;font-size:16px;font-weight:600;transition:transform .12s steps(2,end),box-shadow .12s steps(2,end);display:inline-flex}.sx .btn b{font:400 16px var(--font-mono),monospace}.sx .btn:active{box-shadow:0 0 0 var(--ink);transform:translate(4px,4px)}.sx .link{border-bottom:2px solid;align-items:center;gap:8px;padding-bottom:2px;font-weight:600;display:inline-flex}.sx .link b{font:400 16px var(--font-mono),monospace;color:var(--violet-d);transition:transform .2s var(--ease);display:inline-block}@media (hover:hover) and (pointer:fine){.sx .btn:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.sx .link:hover b{transform:translate(3px)}}.sx .btn:focus-visible,.sx .link:focus-visible{outline:2px solid var(--violet);outline-offset:4px}.sx .actions{flex-wrap:wrap;align-items:center;gap:20px 28px;margin-top:32px;display:flex}.sx .hero{padding:72px 0 80px}.sx .hero-grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:end;gap:64px;display:grid}.sx .hero h1{font-size:clamp(44px,5vw,76px);line-height:.96}.sx .hero .sub{max-width:32em;color:var(--ink-2);margin-top:26px;font-size:20px;line-height:1.5}.sx .read{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;display:grid}.sx .read div{border-top:2px solid var(--ink);padding:14px 0 26px}.sx .read dt{font:500 11px/1.4 var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);order:2;margin-top:8px}.sx .read div{flex-direction:column;display:flex}.sx .read dd{font:300 clamp(44px,4.6vw,68px)/1 var(--font-display),sans-serif;letter-spacing:-.02em;color:var(--violet);order:1}.sx .read div:nth-child(3) dd{color:var(--live-d)}.sx .read dd{animation:.6s steps(6,end) backwards sx-read;animation-delay:calc(var(--i,0) * .12s + .15s)}.sx .read div{--i:0}.sx .read div:nth-child(2){--i:1}.sx .read div:nth-child(3){--i:2}.sx .read div:nth-child(4){--i:3}@keyframes sx-read{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.sx .body{border-top:1px solid var(--ink);grid-template-columns:200px minmax(0,1fr);gap:56px;display:grid}.sx .idx{align-self:start;margin-top:56px;padding-bottom:24px;position:sticky;top:97px}.sx .idx p{font:500 11px var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-bottom:14px}.sx .idx ol{border-left:1px solid var(--line)}.sx .idx a{color:var(--ink-2);border-left:3px solid #0000;align-items:baseline;gap:10px;margin-left:-1px;padding:8px 0 8px 14px;font-size:14.5px;line-height:1.3;transition:color .15s steps(2,end),border-color .15s steps(2,end),background-color .15s steps(2,end);display:flex}.sx .idx a b{font:500 10.5px var(--font-mono),monospace;letter-spacing:.06em;color:var(--violet-d)}.sx .idx a[aria-current]{color:var(--ink);border-left-color:var(--violet);background:var(--violet-t);font-weight:600}.sx .idx a:focus-visible{outline:2px solid var(--violet);outline-offset:2px}@media (hover:hover) and (pointer:fine){.sx .idx a:hover{color:var(--ink)}}.sx .main{min-width:0}.sx .sec{padding:56px 0 80px;scroll-margin-top:73px}.sx .sec+.sec{border-top:1px solid var(--ink)}.sx .sec:first-child{padding-top:56px}.sx .main .sec h2.disp{max-width:22ch}.sx .split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:48px;margin-top:44px;display:grid}.sx .more{margin-top:28px}.sx .ticks li{border-bottom:1px solid var(--line);color:#3a3150;padding:12px 0 12px 32px;font-size:16.5px;line-height:1.45;position:relative}.sx .ticks li:first-child{border-top:1px solid var(--line)}.sx .ticks li:before{content:"";border:2px solid var(--live-d);background:var(--live);width:16px;height:16px;transition:background-color .15s steps(2,end),border-color .15s steps(2,end);transition-delay:calc(var(--i,0) * 80ms + .25s);position:absolute;top:14px;left:0}.sx .ticks li:after{content:"";width:7px;height:4px;transition:opacity .15s steps(2,end);transition-delay:calc(var(--i,0) * 80ms + .25s);border-bottom:2px solid #fff;border-left:2px solid #fff;position:absolute;top:18px;left:5px;transform:rotate(-45deg)}.sx .page[data-js] .ticks:not(.in) li:before{border-color:var(--ink);background:#fff}.sx .page[data-js] .ticks:not(.in) li:after{opacity:0}.sx .grps{gap:0 40px;margin-top:44px;display:grid}.sx .grps.three{grid-template-columns:repeat(3,minmax(0,1fr))}.sx .grps.two{grid-template-columns:repeat(2,minmax(0,1fr))}.sx .grp h3{border-bottom:2px solid var(--ink);letter-spacing:-.01em;align-items:baseline;gap:10px;padding:0 0 12px;font-size:20px;font-weight:600;display:flex}.sx .grp h3 b{font:500 11px var(--font-mono),monospace;letter-spacing:.08em;color:var(--violet-d)}.sx .grp .ticks li:first-child{border-top:0}.sx .regions{border:1px solid var(--ink);box-shadow:8px 8px 0 var(--violet-t);background:#fff}.sx .rg-h,.sx .rg{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:baseline;gap:12px;padding:14px 18px;display:grid}.sx .rg-h{border-bottom:1px solid var(--ink);background:var(--sheet);font:500 10.5px var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.sx .rg:last-child{border-bottom:0}.sx .rg span:first-child{font-size:16px;font-weight:600}.sx .rg span:last-child{font:400 13px/1.4 var(--font-mono),monospace;color:var(--live-d)}.sx .rg.x{background:var(--amber-t);box-shadow:inset 4px 0 0 var(--amber)}.sx .rg.x span:last-child{color:var(--amber-d);font-weight:600}.sx .page[data-js] .regions .rg{opacity:0;transition:opacity .3s var(--ease),transform .3s var(--ease);transition-delay:calc(var(--i,0) * 90ms + .2s);transform:translate(-8px)}.sx .page[data-js] .regions.in .rg{opacity:1;transform:none}.sx .bound{border:1px solid var(--ink);background:var(--sheet);box-shadow:8px 8px 0 var(--violet-t);grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);margin-top:44px;display:grid}.sx .bd{padding:22px 24px}.sx .bd-k{font:600 11px var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.sx .in-side .bd-k{color:var(--live-d)}.sx .out-side .bd-k{color:var(--stale)}.sx .bd li{border-bottom:1px solid var(--line);padding:9px 0 9px 26px;font-size:17px;position:relative}.sx .bd li:last-child{border-bottom:0}.sx .in-side li:before{content:"→";font:500 17px var(--font-mono),monospace;color:var(--live-d);position:absolute;top:8px;left:0}.sx .out-side li:before{content:"×";font:500 22px var(--font-mono),monospace;color:var(--stale);position:absolute;top:6px;left:2px}.sx .wall{background:var(--ink);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8'><rect x='3' y='3' width='2' height='2' fill='white' fill-opacity='0.3'/></svg>");justify-content:center;align-items:center;display:flex;position:relative}.sx .wall span{writing-mode:vertical-rl;font:500 11px var(--font-mono),monospace;letter-spacing:.14em;text-transform:uppercase;color:#fff;transform:rotate(180deg)}.sx .page[data-js] .bound .wall{transform-origin:top;transition:transform .5s steps(10,end) .2s;transform:scaleY(0)}.sx .page[data-js] .bound.in .wall{transform:scaleY(1)}.sx .points{border-top:2px solid var(--ink);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin-top:48px;display:grid}.sx .points li,.sx .mods li{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr);gap:8px;padding:22px 0;display:grid}.sx .points b,.sx .mods b{font:500 12px var(--font-mono),monospace;letter-spacing:.08em;color:var(--violet-d);padding-top:5px}.sx .points h3,.sx .mods h3{letter-spacing:-.01em;font-size:19px;font-weight:600;line-height:1.3}.sx .points p,.sx .mods p{color:var(--ink-2);margin-top:6px;font-size:16px;line-height:1.55}.sx .points .link{margin-top:14px}.sx .mods{border-top:2px solid var(--ink)}.sx .cert{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin-top:44px;display:grid}.sx .cert li{border-top:2px solid var(--ink);grid-template-columns:minmax(0,1fr) auto;align-content:start;align-items:center;gap:10px 14px;padding:24px 0 26px;display:grid}.sx .cert li>b{font:300 clamp(28px,2.6vw,36px)/1 var(--font-display),sans-serif;letter-spacing:-.01em}.sx .stamp{font:600 11px var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border:2px solid;padding:3px 8px;display:inline-block;transform:rotate(-2deg)}.sx .stamp.done{color:var(--live-d);border-color:var(--live);background:var(--live-t)}.sx .stamp.progress{color:var(--amber-d);border-color:var(--amber);background:var(--amber-t)}.sx .meter{border:1px solid var(--ink);background:#fff;grid-column:1/-1;height:10px;display:block}.sx .meter i{background:var(--amber);width:55%;height:100%;display:block}.sx .cert .done .meter i{background:var(--live);width:100%}.sx .cert p{color:var(--ink-2);grid-column:1/-1;font-size:16px;line-height:1.55}.sx .cert.in .meter i{animation:.9s steps(12,end) backwards sx-grow;animation-delay:calc(var(--i,0) * .15s + .2s);transform-origin:0}@keyframes sx-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.sx .clock{margin-top:48px}.sx .axis{height:22px;font:500 11px var(--font-mono),monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin-bottom:10px;position:relative}.sx .axis span{position:absolute;top:0;transform:translate(-50%)}.sx .axis span:first-child{left:0;transform:none}.sx .axis span:nth-child(2){left:33.333%}.sx .axis span:nth-child(3){left:66.666%}.sx .axis span:nth-child(4){left:auto;right:0;transform:none}.sx .ck{border-top:1px solid var(--line);padding:18px 0 24px}.sx .ck:first-of-type{border-top:2px solid var(--ink)}.sx .ck-bar{border:1px solid var(--ink);background:var(--sheet);height:30px;position:relative}.sx .ck-bar:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='10' preserveAspectRatio='none'><rect x='33.3' width='1' height='10' fill='%231E1238' fill-opacity='0.18'/><rect x='66.6' width='1' height='10' fill='%231E1238' fill-opacity='0.18'/></svg>");background-size:100% 100%;position:absolute;inset:0}.sx .ck-bar i{width:var(--w);background:var(--violet);transform-origin:0;position:absolute;top:0;bottom:0;left:0}.sx .ck.cust .ck-bar i{background:var(--ink)}.sx .ck.reg .ck-bar i{background:var(--lilac)}.sx .ck-bar em{left:calc(var(--w) - 10px);white-space:nowrap;font:600 12px var(--font-mono),monospace;letter-spacing:.06em;text-transform:uppercase;color:#fff;align-items:center;display:flex;position:absolute;top:0;bottom:0;transform:translate(-100%)}.sx .ck.reg .ck-bar em{color:var(--ink)}.sx .ck-t{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:baseline;gap:8px 32px;margin-top:14px;display:grid}.sx .ck-t h3{font:300 clamp(26px,2.4vw,32px)/1.05 var(--font-display),sans-serif}.sx .ck-t p{color:var(--ink-2);font-size:16px;line-height:1.55}.sx .clock.in .ck-bar i{animation:1s steps(14,end) backwards sx-grow;animation-delay:calc(var(--i,0) * .22s + .2s)}.sx .clock.in .ck-bar em{animation:sx-pop .3s var(--ease) backwards;animation-delay:calc(var(--i,0) * .22s + 1.1s)}@keyframes sx-pop{0%{opacity:0}to{opacity:1}}.sx .ent{background:var(--ink);color:#fff;margin:0 calc(-1 * var(--gut));padding:0 var(--gut)}.sx .ent .inner{padding:96px 0}.sx .ent .label{color:#c9c2dc}.sx .ent .label b{color:#7fe3b6}.sx .ent .label i{background:0 0;border-color:#fff}.sx .ent .label i:after{border-color:#fff}.sx .ent .label i:before{background:#fff}.sx .ent h2.disp{max-width:14ch}.sx .ent h2.disp em{color:#7fe3b6}.sx .ent .prose{color:#d8d2e8}.sx .ent .btn{background:var(--live);color:#fff;border-color:#fff;box-shadow:4px 4px #fff}.sx .ent .btn:active{box-shadow:0 0 #fff}@media (hover:hover) and (pointer:fine){.sx .ent .btn:hover{box-shadow:2px 2px #fff}}.sx .ent .ticks li{color:#fff;border-color:#ffffff38;padding:16px 0 16px 36px;font-size:18px}.sx .ent .ticks li:before{border-color:#fff;top:19px}.sx .ent .ticks li:after{top:23px}.sx .page[data-js] .ent .ticks:not(.in) li:before{background:0 0;border-color:#fff}.sx .disc{padding:96px 0}.sx .rep{border:1px solid var(--ink);background:var(--sheet);box-shadow:8px 8px 0 var(--violet-t)}.sx .rep-h{border-bottom:1px solid var(--ink);background:#fff;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 20px;display:flex}.sx .rep-h b{font:300 26px/1 var(--font-display),sans-serif}.sx .rep-h span{font:400 10.5px var(--font-mono),monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);overflow-wrap:anywhere;text-align:right}.sx .rep-r{border-bottom:1px dashed var(--line);color:#3a3150;padding:18px 20px;font-size:16px;line-height:1.55}.sx .rep-r span{font:600 10px var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--violet-d);margin-bottom:4px;display:block}.sx .rep li{border-bottom:1px dashed var(--line);grid-template-columns:32px minmax(0,1fr);gap:2px 8px;padding:14px 20px;display:grid}.sx .rep li b{font:500 11px var(--font-mono),monospace;color:var(--violet-d);grid-row:1/span 2;padding-top:3px}.sx .rep li span{font-size:16.5px;font-weight:600}.sx .rep li em{color:var(--ink-2);font-size:14.5px;font-style:normal}.sx .rep-f{font:500 11px var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);justify-content:space-between;align-items:baseline;padding:16px 20px;display:flex}.sx .rep-f strong{font:300 34px/1 var(--font-display),sans-serif;letter-spacing:0;text-transform:none;color:var(--live-d)}.sx .page[data-js] .rv{opacity:0;transition:opacity .45s var(--ease),transform .45s var(--ease);transition-delay:calc(var(--d,0) * 60ms);transform:translateY(14px)}.sx .page[data-js] .rv.in{opacity:1;transform:none}@media (max-width:1100px){.sx{--gut:32px}.sx .hero-grid,.sx .two,.sx .split{grid-template-columns:minmax(0,1fr);gap:40px}.sx .body{grid-template-columns:minmax(0,1fr);gap:0}.sx .idx{display:none}.sx .sec:first-child{padding-top:64px}.sx .grps.three,.sx .grps.two,.sx .points,.sx .cert{grid-template-columns:minmax(0,1fr)}.sx .grps{gap:40px}.sx .cert{gap:0}.sx .ck-t{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.sx{--gut:20px}.sx .hero{padding:44px 0 56px}.sx .read{column-gap:16px}.sx .sec{padding:48px 0 56px}.sx .sec:first-child{padding-top:48px}.sx .bound{grid-template-columns:minmax(0,1fr)}.sx .wall{height:36px}.sx .wall span{writing-mode:horizontal-tb;transform:none}.sx .page[data-js] .bound .wall{transform-origin:0;transform:scaleX(0)}.sx .page[data-js] .bound.in .wall{transform:scaleX(1)}.sx .rg-h,.sx .rg{grid-template-columns:minmax(0,1fr);gap:2px;padding:12px 14px}.sx .rg-h span:last-child{display:none}.sx .ent .inner,.sx .disc{padding:64px 0}.sx .axis span{font-size:10px}}@media (prefers-reduced-motion:reduce){.sx *,.sx :before,.sx :after{transition:none!important;animation:none!important}.sx .page[data-js] .rv{opacity:1;transform:none}.sx .page[data-js] .ticks:not(.in) li:before{background:var(--live);border-color:var(--live-d)}.sx .page[data-js] .ent .ticks:not(.in) li:before{background:var(--live);border-color:#fff}.sx .page[data-js] .ticks:not(.in) li:after{opacity:1}.sx .page[data-js] .regions .rg{opacity:1;transform:none}.sx .page[data-js] .bound .wall{transform:none}}
