:root{--bg:#f5f4ee;--bg2:#fff;--ink:#0b0b10;--muted:#5f5f6b;--line:#0b0b101f;--line2:#0b0b1057;--grid:#0b0b100b;--accent:#5b4bff;--accent2:#00b783;--on-accent:#fff;--sans:"Noto Sans SC", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", sans-serif;--pix:"Silkscreen", "Pixelify Sans", ui-monospace, Menlo, monospace;--disp:"Pixelify Sans", "Silkscreen", ui-monospace, Menlo, monospace;--ease:cubic-bezier(.2, .7, .2, 1)}[data-theme=dark]{--bg:#09090d;--bg2:#121218;--ink:#f3f2ec;--muted:#9494a3;--line:#ffffff24;--line2:#ffffff5c;--grid:#ffffff0a;--accent:#9084ff;--accent2:#3debb0;--on-accent:#09090d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;transition:background-color .45s}body{font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.7;transition:color .45s;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:24px 24px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 50% 35%,#000 15%,#0000 78%);mask-image:radial-gradient(at 50% 35%,#000 15%,#0000 78%)}::selection{background:var(--accent);color:var(--on-accent)}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.wrap{width:min(1120px,100% - 40px);margin-inline:auto}.px{flex:none;display:block}.px rect{fill:currentColor}.px rect.a{fill:var(--accent)}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hd{z-index:50;justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 clamp(16px,4vw,40px);transition:background-color .3s,box-shadow .3s;display:flex;position:fixed;inset:0 0 auto}.hd.scrolled{background:var(--bg);background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}.brand{min-height:44px;font-family:var(--pix);letter-spacing:.14em;align-items:center;gap:12px;font-size:14px;text-decoration:none;display:inline-flex}.brand-logo{color:var(--ink);flex:none;width:22px;height:22px;display:block}.hd-right{align-items:center;gap:clamp(12px,2.4vw,28px);display:flex}.hd-nav{gap:clamp(16px,2.4vw,28px);display:flex}.lnk{min-height:44px;color:var(--muted);align-items:center;font-size:14px;text-decoration:none;transition:color .2s;display:inline-flex;position:relative}.lnk:after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .25s steps(5,end);position:absolute;bottom:10px;left:0;right:0;transform:scaleX(0)}.lnk:hover{color:var(--ink)}.lnk:hover:after{transform:scaleX(1)}.tools{gap:12px;display:flex}.tool{width:40px;height:40px;font-family:var(--pix);box-shadow:0 -2px 0 0 var(--line2), 0 2px 0 0 var(--line2), -2px 0 0 0 var(--line2), 2px 0 0 0 var(--line2);place-items:center;font-size:12px;line-height:1;transition:box-shadow .2s,background-color .2s,color .2s,transform .15s steps(2,end);display:grid}.tool:hover{background:var(--ink);color:var(--bg);box-shadow:0 -2px 0 0 var(--ink), 0 2px 0 0 var(--ink), -2px 0 0 0 var(--ink), 2px 0 0 0 var(--ink)}.tool:active{transform:translateY(2px)}.tool .px{--u:2px}.tool .px rect.a{fill:currentColor}[data-theme=light] .i-sun,[data-theme=dark] .i-moon{display:none}@media (width<=600px){.hd-nav{display:none}}.hero{touch-action:pan-y;justify-content:center;align-items:center;min-height:100svh;padding:84px 20px 92px;display:flex;position:relative;overflow:hidden}#pixels{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;max-width:100%;display:flex;position:relative}.eyebrow{font-family:var(--pix);letter-spacing:.16em;color:var(--muted);white-space:nowrap;font-size:12px}.glyph{aspect-ratio:2;-webkit-user-select:none;user-select:none;width:min(86vw,640px,72svh);margin:clamp(10px,2.4vh,26px) 0 clamp(14px,2.6vh,28px)}.tag{letter-spacing:.01em;text-wrap:balance;max-width:22em;margin-top:clamp(6px,1.4vh,14px);font-size:clamp(20px,2.6vw,30px);font-weight:500;line-height:1.4}.cta{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:clamp(24px,4vh,40px);display:flex}.btn{--c:var(--ink);min-height:46px;color:var(--ink);box-shadow:0 -2px 0 0 var(--c), 0 2px 0 0 var(--c), -2px 0 0 0 var(--c), 2px 0 0 0 var(--c);align-items:center;gap:12px;padding:0 22px;font-size:15px;font-weight:500;text-decoration:none;transition:transform .15s steps(2,end),background-color .2s,color .2s,box-shadow .2s;display:inline-flex}.btn .px{--u:2px;transition:transform .2s steps(3,end)}.btn .px rect.a{fill:currentColor}.btn-solid{background:var(--ink);color:var(--bg)}.btn:hover{transform:translateY(-2px)}.btn:hover .px{transform:translate(4px)}.btn-solid:hover{--c:var(--accent);background:var(--accent);color:var(--on-accent)}.btn-ghost:hover{background:var(--ink);color:var(--bg)}.btn:active{transform:translateY(2px)}.scroll{z-index:1;width:44px;height:44px;color:var(--muted);place-items:center;margin-left:-22px;transition:color .2s;display:grid;position:absolute;bottom:20px;left:50%}.scroll:hover{color:var(--accent)}.scroll .px{--u:3px;animation:1.2s step-end infinite bob}.scroll .px rect.a{fill:currentColor}@keyframes bob{0%{transform:translateY(-3px)}50%{transform:translateY(3px)}to{transform:translateY(-3px)}}.e{opacity:0;animation:up .9s var(--ease) var(--d,0s) forwards}@keyframes up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hero-stats{flex-wrap:wrap;justify-content:center;gap:clamp(26px,5vw,54px);margin:clamp(30px,5vh,52px) 0 0;display:flex}.hero-stats .stat{flex-direction:column;align-items:center;min-width:88px;display:flex}.hero-stats .num{font-family:var(--disp);color:var(--ink);letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(24px,2.8vw,34px);font-weight:700;line-height:1}.hero-stats .lbl{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);white-space:nowrap;margin-top:9px;font-size:11.5px}.hero-stats .bar{background:var(--accent);width:34px;height:3px;margin-top:12px}.hero-stats .bar-2{background:var(--accent2)}.hero-stats .bar-3{background:var(--ink)}@media (width<=620px){.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;max-width:420px;display:grid}.hero-stats .stat{min-width:0}.hero-stats .num{font-size:clamp(19px,5.6vw,26px)}.hero-stats .lbl{letter-spacing:.06em;white-space:normal;text-align:center;font-size:10.5px;line-height:1.4}}.stack{align-items:center;min-height:100svh;padding:clamp(88px,12vh,128px) 0;display:flex}.h2{letter-spacing:-.01em;flex-wrap:wrap;align-items:center;gap:.2em .5em;margin-top:14px;font-size:clamp(30px,5vw,60px);font-weight:700;line-height:1.15;display:flex}.h2 .px{--u:clamp(3px, .42vw, 5px);color:var(--accent)}.h2 .px rect.a{fill:currentColor}.track{background:repeating-linear-gradient(90deg, var(--line2) 0 4px, transparent 4px 12px);height:4px;margin:clamp(28px,5vh,48px) 0 clamp(24px,4vh,36px);position:relative}.track i{background:var(--accent);width:12px;height:4px;animation:7s steps(56,end) infinite flow;position:absolute;top:0;left:0}.track i+i{background:var(--accent2);animation-delay:-3.5s}@keyframes flow{0%{left:0}to{left:calc(100% - 12px)}}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;display:grid}.card{isolation:isolate;position:relative}.card:before{content:"";z-index:-1;background:var(--accent);box-shadow:0 -2px 0 0 var(--accent), 0 2px 0 0 var(--accent), -2px 0 0 0 var(--accent), 2px 0 0 0 var(--accent);transition:transform .2s steps(4,end);position:absolute;inset:0}.card-body{background:var(--bg2);height:100%;box-shadow:0 -2px 0 0 var(--ink), 0 2px 0 0 var(--ink), -2px 0 0 0 var(--ink), 2px 0 0 0 var(--ink);flex-direction:column;padding:clamp(22px,2.4vw,30px);transition:transform .2s steps(4,end),background-color .45s;display:flex;position:relative}.card:hover:before{transform:translate(8px,8px)}.card:hover .card-body{transform:translate(-2px,-2px)}.card-top{justify-content:space-between;align-items:flex-start;margin-bottom:clamp(22px,4vh,40px);display:flex}.ico .px{--u:6px}.num{font-family:var(--pix);letter-spacing:.1em;color:var(--muted);font-size:13px}.card h3{letter-spacing:.01em;font-size:22px;font-weight:700;line-height:1.3}.card p{color:var(--muted);max-width:30em;margin-top:10px;font-size:15px}.tags{flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:26px;list-style:none;display:flex}.tags li{box-shadow:0 -1px 0 0 var(--line2), 0 1px 0 0 var(--line2), -1px 0 0 0 var(--line2), 1px 0 0 0 var(--line2);padding:3px 10px;font-size:12.5px;line-height:1.5}.js .card:not(.in) .ico rect{opacity:0}.card.in .ico rect{animation:pxin 1ms linear calc(var(--d,0s) + .25s) both}.card.in .ico rect.a{animation:pxin 1ms linear calc(var(--d,0s) + .25s) both, blink 2.4s steps(1) calc(var(--d,0s) + 1.4s) infinite}@keyframes pxin{0%{opacity:0}to{opacity:1}}@keyframes blink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}@media (width<=900px){.cards{grid-template-columns:1fr;gap:24px}.card-top{margin-bottom:22px}}.gs{padding:clamp(72px,11vh,120px) 0 clamp(76px,11vh,118px);position:relative}.gs-inner{border:2px solid var(--ink);background:var(--bg2);box-shadow:var(--px-shadow,14px 14px 0 var(--ink));grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(28px,4vw,44px);padding:clamp(30px,5vw,64px);display:grid;position:relative;overflow:hidden}.gs-inner:before{content:"";background-image:radial-gradient(var(--line) 1.4px, transparent 1.4px);opacity:.6;pointer-events:none;background-size:18px 18px;position:absolute;inset:0}.gs-copy,.gs-boxed{position:relative}.gs-tag{font-family:var(--pix);letter-spacing:.16em;color:var(--accent);align-items:center;gap:10px;margin-bottom:20px;font-size:12px;display:inline-flex;position:relative}.gs-tag:before{content:"";background:var(--accent);width:22px;height:2px}.gs-h2{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(28px,4.4vw,54px);font-weight:700;line-height:1.1}.gs-h2 .hl{color:var(--accent)}[data-lang=en] .gs-h2 .hl{margin-inline-start:.22em}.gs-desc{color:var(--muted);max-width:26em;margin:0 0 clamp(22px,3vw,32px);font-size:clamp(14px,1.2vw,16px)}.gs-actions{flex-wrap:wrap;gap:14px;display:flex}.gs-boxed{border:2px solid var(--ink);background:var(--bg);padding:8px clamp(18px,2.2vw,24px)}.gs-row{border-bottom:1px dashed var(--line2);align-items:flex-start;gap:13px;padding:15px 0;display:flex}.gs-row:last-child{border-bottom:0}.gs-ic{width:22px;height:22px;color:var(--accent);flex:none;margin-top:3px}.gs-row:nth-child(2) .gs-ic{color:var(--accent2)}.gs-row:nth-child(3) .gs-ic{color:var(--ink)}.gs-row .k{font-family:var(--pix);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:10px}.gs-row .v{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:15px;font-weight:600;text-decoration:none}a.v{transition:color .2s}a.v:hover{color:var(--accent)}@media (width<=900px){.gs-inner{box-shadow:8px 8px 0 var(--ink);grid-template-columns:1fr}}.ft{--ft-bg:#0b0b10;--ft-ink:#edeae2;--ft-muted:#edeae299;--ft-line:#ffffff24;--ft-grid:#ffffff0e;background:var(--ft-bg);color:var(--ft-ink);padding:clamp(56px,8vh,82px) 0 30px;position:relative;overflow:hidden}[data-theme=dark] .ft{--ft-bg:#121218}.ft-grid-bg{pointer-events:none;background-image:linear-gradient(var(--ft-grid) 1px, transparent 1px), linear-gradient(90deg, var(--ft-grid) 1px, transparent 1px);background-size:38px 38px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80% at 20% 0,#000,#0000 72%);mask-image:radial-gradient(70% 80% at 20% 0,#000,#0000 72%)}.ft-top{border-bottom:1px solid var(--ft-line);grid-template-columns:1.35fr .75fr .75fr 1fr;gap:38px;padding-bottom:clamp(38px,6vh,58px);display:grid;position:relative}.ft-brand{align-items:center;gap:12px;min-height:44px;text-decoration:none;display:inline-flex}.ft-brand .brand-logo{width:22px;height:22px;color:var(--ft-ink)}.ft-brand .brand-text{flex-direction:column;line-height:1.3;display:flex}.ft-brand .brand-text b{color:var(--ft-ink);font-size:15px;font-weight:700}.ft-brand .brand-text span{font-family:var(--pix);letter-spacing:.14em;color:var(--ft-muted);font-size:10px}.ft-blurb{max-width:290px;color:var(--ft-muted);margin:22px 0 0;font-size:14.5px}.ft-col h4{font-family:var(--pix);letter-spacing:.24em;text-transform:uppercase;color:#edeae26b;margin:0 0 18px;font-size:10.5px;font-weight:500}.ft-col ul{margin:0;padding:0;list-style:none}.ft-col li{margin-bottom:11px}.ft-col a{color:#edeae2d1;transition:color .25s var(--ease), transform .25s var(--ease);font-size:14.5px;text-decoration:none;display:inline-block;position:relative}.ft-col a:after{content:"";background:var(--accent);transform-origin:100%;width:100%;height:1.5px;transition:transform .35s var(--ease);position:absolute;bottom:-3px;left:0;transform:scaleX(0)}.ft-col a:hover{color:#fff;transform:translate(4px)}.ft-col a:hover:after{transform-origin:0;transform:scaleX(1)}.ft-wordmark{-webkit-user-select:none;user-select:none;flex-wrap:wrap;gap:.14em;margin:clamp(34px,5vh,52px) 0 22px;line-height:.88;display:flex;position:relative}.ft-wordmark span{letter-spacing:-.045em;color:#0000;-webkit-text-stroke:1.6px #edeae24d;transition:color .4s var(--ease), -webkit-text-stroke-color .4s var(--ease), transform .4s var(--ease);font-size:clamp(2.4rem,11vw,8.6rem);font-weight:700;display:inline-block}.ft-wordmark span:hover{color:var(--accent);-webkit-text-stroke-color:var(--accent);transform:translateY(-9px)rotate(-2.5deg)}.ft-bottom{padding-top:26px;padding-bottom:max(10px, env(safe-area-inset-bottom));border-top:1px solid var(--ft-line);font-family:var(--pix);letter-spacing:.13em;text-transform:uppercase;color:#edeae275;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;font-size:11px;display:flex;position:relative}.ft-socials{gap:9px;display:flex}.ft-socials a{color:#edeae2cc;width:36px;height:36px;transition:background-color .3s var(--ease), border-color .3s var(--ease), transform .3s var(--ease), color .3s var(--ease);border:1px solid #ffffff30;place-items:center;display:grid}.ft-socials a:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-3px)}.ft-socials svg{width:15px;height:15px}@media (width<=1024px){.ft-top{grid-template-columns:1fr 1fr;gap:36px}}@media (width<=640px){.ft-top{grid-template-columns:1fr;gap:30px}.ft-bottom{flex-direction:column;align-items:flex-start}}.js .rv{opacity:0;transition:opacity .8s var(--ease) var(--rd,0s), transform .8s var(--ease) var(--rd,0s);transform:translateY(18px)}.js .rv.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.e{opacity:1;animation:none}.js .rv{opacity:1;transition:none;transform:none}.scroll .px,.track i,.caret{animation:none}.js .card:not(.in) .ico rect{opacity:1}.card.in .ico rect,.card.in .ico rect.a{animation:none}.card:before,.card-body,.btn,.btn .px,.tool{transition:none}}
