:root{--basalt:#e2e2df;--ash:#f7f6f2;--ink:#070607;--white:#fff;--orange:#fc5000;--violet:#524ae9;--glare:#f5f28e;--display:"Bebas Neue","Noto Sans SC","PingFang SC",sans-serif;--body:"DM Sans","Inter","Noto Sans SC","PingFang SC",system-ui,sans-serif;--pad:40px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--basalt);color:var(--ink);font:500 16px/1.55 var(--body);-webkit-font-smoothing:antialiased}a{color:var(--ink)}h1,h2,h3,.disp{font-family:var(--display);font-weight:400;letter-spacing:.02em;font-feature-settings:"ss06","ss10";margin:0}h1,h2,h3{font-synthesis:none}.page{max-width:1200px;margin:0 auto;padding:20px 20px 32px;display:flex;flex-direction:column;gap:40px}.hero{position:relative;min-height:560px;border-radius:40px;overflow:hidden;background:var(--basalt);display:grid;place-items:center;text-align:center}.blobs{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated}.hero-in{position:relative;padding:var(--pad);max-width:820px;display:flex;flex-direction:column;align-items:center;gap:16px}.eyebrow{margin:0;font-size:14px;line-height:1.25;background:var(--ash);border-radius:800px;padding:8px 16px}.hero h1{font-size:96px;line-height:.94;background:var(--ash);border-radius:40px;padding:24px 40px 14px}.lede{margin:0;font-size:18px;background:var(--ash);border-radius:40px;padding:16px 24px;max-width:560px}.badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;align-items:center}.badge{font-size:14px;line-height:1.25;padding:12px 20px;border-radius:800px;background:var(--ash);border:1.5px solid var(--ink)}.badge.on:first-letter{color:var(--orange)}.badge.css:first-letter{color:var(--violet)}.btn{font-size:14px;line-height:1.25;border-radius:800px;text-decoration:none;display:inline-flex;align-items:center}.btn.primary{background:var(--orange);color:var(--white);padding:12px 24px}.btn.ghost{background:var(--ash);color:var(--ink);border:1.5px solid var(--ink);padding:10.5px 16px}.btn:hover{filter:brightness(1.05)}.btn.ghost:hover{background:var(--glare)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{background:var(--ash);border-radius:40px;padding:var(--pad);display:flex;flex-direction:column;gap:10px}.stat b{font-family:var(--display);font-weight:400;font-size:80px;line-height:.94;letter-spacing:.02em}.stat span{font-size:18px;line-height:1.25}.stat.orange{background:var(--orange);color:var(--white)}.demo{display:grid;grid-template-columns:1fr minmax(0,480px);gap:40px;align-items:center}.demo-copy{background:var(--ash);border-radius:40px;padding:var(--pad)}.demo-copy h2{font-size:56px;line-height:.94;margin-bottom:16px}.demo-copy p{margin:0;font-size:18px}.stage{position:relative;width:100%;height:min(720px,calc(100dvh - 80px));min-height:460px;border-radius:40px;background:var(--basalt)}.foot{font-size:14px;text-align:center}.scroller{width:100%;height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;background:var(--basalt);padding:0 2px;color:var(--ink);font:500 16px/1.55 var(--body)}.scroller::-webkit-scrollbar{display:none}.spacer{height:var(--fold)}.item{background:var(--ash);border-radius:40px;padding:32px;margin:0 0 10px}.item .top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.item h3{font-size:32px;line-height:1;font-family:Bebas Neue,Noto Sans SC,sans-serif}.item h3{font-weight:400}.item .period{font-family:var(--display);font-size:26px;line-height:1;white-space:nowrap;background:var(--glare);border-radius:800px;padding:4px 12px 2px}.item .role{font-size:14px;line-height:1.25;margin:8px 0 12px;opacity:.75}.item ul{margin:0;padding-left:18px;font-size:14px;line-height:1.55}.item li{margin:4px 0}.item .tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;align-items:center}.item .tags span{font-size:12px;padding:4px 12px;border-radius:800px;border:1.5px solid var(--ink)}.item .tags a{font-size:12px;padding:5.5px 14px;border-radius:800px;background:var(--orange);color:var(--white);text-decoration:none}.item.key{background:var(--orange);color:var(--white)}.item.key .period{background:var(--white);color:var(--ink)}.item.key .role{opacity:.9}.section{font-family:var(--display);font-size:40px;line-height:1;letter-spacing:.02em;margin:24px 12px 14px}.item h3,.section,.hero h1,.demo-copy h2{font-variation-settings:normal}:lang(zh) .item h3,:lang(zh) .demo-copy h2{font-family:Bebas Neue,Noto Sans SC,sans-serif;font-weight:900}.css-mode{perspective:900px;perspective-origin:50% 50%;overflow:hidden}.css-mode .scroller:not(.clone){position:absolute;top:0;right:0;bottom:0;left:0}.strip{position:absolute;left:0;right:0;overflow:hidden;pointer-events:none;backface-visibility:hidden}.strip .clone{overflow:hidden;position:absolute;left:0;right:0;top:0}canvas.gl{display:block;width:100%;height:100%;border-radius:40px}canvas.gl>.scroller{position:absolute;top:0;right:0;bottom:0;left:0}@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.demo{grid-template-columns:1fr}.stat b{font-size:56px}}@media(max-width:560px){:root{--pad:24px}.page{padding:12px 12px 24px;gap:24px}.hero{min-height:520px;border-radius:32px}.hero h1{font-size:64px;padding:18px 24px 10px}.lede{font-size:16px}.demo-copy h2{font-size:40px}.demo-copy p{font-size:16px}.item{padding:24px;border-radius:32px}.item h3{font-size:26px}.item .period{font-size:20px}.stat{padding:24px 20px}.stat span{font-size:14px}.section{font-size:32px}.stage{height:calc(100dvh - 40px)}}