:root{--ink:#1d1d1f;--ink-2:#6e6e73;--paper:#fbfbfd;--paper-2:#f5f5f7;--line:#00000014;--d-bg:#000;--d-card:#111215;--d-ink:#f5f5f7;--d-ink-2:#a1a1a6;--d-line:#ffffff1a;--t1:#2f7bff;--t2:#72d2ff;--k1:#e8364f;--k2:#ff9a6e;--i1:#22cbbb;--i2:#a6f4eb;--grad-all:linear-gradient(95deg,#2f7bff 0%,#7a6cff 30%,#e8364f 58%,#ff8a5c 72%,#22cbbb 100%);--ease:cubic-bezier(.2,.7,.1,1);--mb-h:32px;--sn-h:52px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:128px;--r-lg:28px;--r-md:20px;--r-sm:12px;--surface:#fff;--alt-bg:#fff;--card-l:#f5f5f7;--glass:#fafafcc7;--glass-ink:#1d1d1f;--kbd-top:#fff;--kbd-bot:#ececf0;--kbd-edge:#d4d4da;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--ink:#f5f5f7;--ink-2:#a1a1a6;--paper:#000;--paper-2:#0e0e10;--line:#ffffff1a;--surface:#1c1c1e;--alt-bg:#0b0b0c;--card-l:#161618;--glass:#161618b8;--glass-ink:#f5f5f7;--kbd-top:#3a3a3e;--kbd-bot:#2a2a2e;--kbd-edge:#141416}}@media (width<=720px){:root{--sn-h:48px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{overflow-x:hidden}@supports (overflow:clip){body{overflow-x:clip}}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"ss01","cv11";margin:0;font-family:Inter Tight,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:17px;line-height:1.47}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}picture{display:contents}picture source{display:none}:focus-visible{outline-offset:3px;border-radius:6px;outline:3px solid #0a84ff}.app :focus-visible{outline-color:var(--a1)}html{scroll-padding-top:calc(var(--mb-h) + var(--sn-h))}.skip{z-index:100;color:#fff;background:#000;border-radius:10px;padding:10px 14px;text-decoration:none;position:absolute;top:-60px;left:12px}.skip:focus{top:44px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}.menubar{height:var(--mb-h);z-index:50;letter-spacing:-.005em;color:#1d1d1f;backdrop-filter:saturate(180%)blur(20px);transition:background .5s var(--ease),color .5s var(--ease),border-color .5s;background:#f6f6f8b8;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;gap:12px;padding:0 10px 0 14px;font-size:13px;font-weight:500;display:flex;position:fixed;inset:0 0 auto}body[data-mb=dark] .menubar{color:#f2f2f4;background:#1616189e;border-bottom-color:#ffffff0f}.mb-left,.mb-right{align-items:center;gap:2px;min-width:0;display:flex}.mb-brand{white-space:nowrap;border-radius:6px;align-items:center;gap:8px;margin-right:6px;padding:3px 8px;font-weight:700;text-decoration:none;display:flex}.mb-mark{gap:2px;display:inline-flex}.mb-mark i{border-radius:50%;width:6px;height:6px;display:block}.mb-mark i:first-child{background:var(--t1)}.mb-mark i:nth-child(2){background:var(--k1)}.mb-mark i:nth-child(3){background:var(--i1)}.mb-link,.mb-st{white-space:nowrap;transition:background .35s var(--ease),color .35s var(--ease),opacity .35s;border-radius:6px;padding:3px 9px;text-decoration:none}.mb-link:hover,.mb-st:hover{background:#7f7f7f2e}.mb-link.is-active{background:#7f7f7f38;font-weight:650}.mb-st{opacity:.72;font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:inline-flex}.mb-st svg{width:15px;height:15px;transition:color .35s,transform .6s var(--ease)}.mb-st.is-active{opacity:1;background:#7f7f7f38}.mb-st[data-app=tuuli].is-active svg{color:var(--t1);transform:rotate(90deg)}.mb-st[data-app=kaiku].is-active svg{color:var(--k1)}.mb-st[data-app=kiito].is-active svg{color:var(--i1)}body[data-mb=dark] .mb-st[data-app=tuuli].is-active svg{color:var(--t2)}.mb-rec{opacity:.5;background:currentColor;border-radius:50%;width:6px;height:6px}.mb-st[data-app=kaiku].is-active .mb-rec{background:var(--k1);opacity:1;animation:1.4s infinite blink}.mb-clock{white-space:nowrap;font-variant-numeric:tabular-nums;padding:3px 8px}@keyframes blink{50%{opacity:.25}}@media (width<=720px){.mb-links,.mb-clock{display:none}.mb-st{padding:3px 7px}}@media (width<=360px){.mb-st span.val{display:none}}@media (prefers-color-scheme:dark){.menubar{color:#f2f2f4;background:#1616189e;border-bottom-color:#ffffff0f}.mb-st[data-app=tuuli].is-active svg{color:var(--t2)}}.subnav{left:0;right:0;top:var(--mb-h);height:var(--sn-h);z-index:49;background:var(--glass);color:var(--glass-ink);backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--line);opacity:0;visibility:hidden;transition:transform .5s var(--ease),opacity .4s var(--ease),visibility 0s .5s;position:fixed;transform:translateY(-100%)}body.nav-on .subnav{opacity:1;visibility:visible;transition:transform .5s var(--ease),opacity .4s var(--ease),visibility 0s;transform:none}body[data-mb=dark] .subnav{--glass:#121214b8;--glass-ink:#f5f5f7;--line:#ffffff14}.sn-in{align-items:center;gap:var(--s4);max-width:1120px;height:100%;margin:0 auto;padding:0 20px;display:flex}.sn-title{letter-spacing:-.02em;white-space:nowrap;align-items:baseline;gap:var(--s2);flex:1;min-width:0;font-size:19px;font-weight:700;text-decoration:none;display:flex}.sn-title small{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}body[data-mb=dark] .sn-title small{color:#a1a1a6}.sn-apps{background:#7f7f7f1f;border-radius:999px;gap:2px;padding:3px;display:flex}.sn-app{height:32px;transition:background .3s var(--ease),box-shadow .3s;border-radius:999px;align-items:center;gap:6px;padding:0 12px 0 5px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.sn-app img{width:22px;height:22px;transition:transform .4s var(--ease)}.sn-app:hover img{transform:scale(1.12)}.sn-app:hover{background:#7f7f7f24}.sn-app.is-active{background:var(--surface);box-shadow:0 1px 3px #0000001f,0 0 0 .5px #0000000f}body[data-mb=dark] .sn-app.is-active{box-shadow:none;background:#ffffff24}.sn-right{justify-content:flex-end;align-items:center;gap:var(--s3);flex:1;display:flex}.sn-gh{width:34px;height:34px;color:inherit;opacity:.8;border-radius:50%;place-items:center;transition:opacity .2s,background .2s;display:grid}.sn-gh:hover{opacity:1;background:#7f7f7f24}.sn-gh svg{width:19px;height:19px}.sn-cta{--btn:#0071e3;background:var(--btn);color:#fff;white-space:nowrap;height:30px;transition:background .4s var(--ease),filter .2s;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.sn-cta:hover{filter:brightness(1.1)}body[data-active=tuuli] .sn-cta{--btn:#1a66f2}body[data-active=kaiku] .sn-cta{--btn:#d93a44}body[data-active=kiito] .sn-cta{--btn:#2fd3c4;color:#03211e}@media (width<=720px){.sn-title{display:none}.sn-in{gap:var(--s2);padding:0 12px}.sn-app{padding:0 5px}.sn-app span{display:none}.sn-right{gap:var(--s1)}}.eyebrow{color:var(--ink-2);letter-spacing:-.01em;font-size:clamp(15px,1.4vw,19px);font-weight:600}.display{letter-spacing:-.05em;text-wrap:balance;font-size:clamp(46px,9vw,128px);font-weight:700;line-height:.95}.lede{letter-spacing:-.015em;text-wrap:pretty;max-width:680px;font-size:clamp(19px,2vw,26px);font-weight:500;line-height:1.3}.grad{background:linear-gradient(100deg,var(--a1),var(--a2));color:#0000;-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-background-clip:text;background-clip:text}.grad-all{background:var(--grad-all);color:#0000;-webkit-background-clip:text;background-clip:text}@media (prefers-reduced-motion:no-preference){.js .rv{opacity:0;transition:opacity 1s var(--ease),transform 1.1s var(--ease);transition-delay:var(--d,0s);transform:translateY(32px)scale(.985)}.js .rv.in{opacity:1;transform:none}}.hero{background:var(--paper);height:100svh;min-height:560px;position:relative;overflow:hidden}.hero-bg{pointer-events:none;background:radial-gradient(40% 45% at 12% 18%,#2f7bff1f,#0000 70%),radial-gradient(40% 45% at 90% 14%,#e8364f1a,#0000 70%),radial-gradient(45% 50% at 80% 78%,#22cbbb1f,#0000 70%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 65%,#0000);mask-image:linear-gradient(#000 65%,#0000)}.hero-inner{text-align:center;height:100%;padding:calc(var(--mb-h) + 24px) 16px 40px;flex-direction:column;justify-content:center;align-items:center;gap:clamp(14px,2.2vh,24px);display:flex;position:relative}.hero-title{z-index:2;letter-spacing:-.045em;word-spacing:.05em;text-wrap:balance;font-size:clamp(40px,8.4vw,124px);font-weight:750;line-height:.96;position:relative}@media (width<=600px){.hero-title{letter-spacing:-.035em;word-spacing:.06em;line-height:1}}.hero-sub{z-index:2;letter-spacing:-.02em;color:var(--ink-2);font-size:clamp(19px,2.2vw,28px);font-weight:500;position:relative}.hero-sub b{color:var(--ink);font-weight:650}.hero-row{z-index:1;justify-content:center;gap:clamp(18px,4vw,56px);margin-top:clamp(10px,3vh,36px);display:flex;position:relative}.hero-icon{--f:0;position:relative}.hero-icon a{border-radius:24px;flex-direction:column;align-items:center;gap:10px;text-decoration:none;display:flex}.hero-icon .float{width:clamp(72px,10vw,136px);animation:6s ease-in-out infinite float;display:block}.hero-icon:nth-child(2) .float{animation-duration:7s;animation-delay:-2s}.hero-icon:nth-child(3) .float{animation-duration:6.5s;animation-delay:-4s}.hero-icon img{filter:drop-shadow(0 18px 28px #141e3c38);width:100%;height:auto}.hero-name{letter-spacing:-.01em;flex-direction:column;font-size:clamp(15px,1.4vw,19px);font-weight:650;line-height:1.2;display:flex}.hero-name small{color:var(--ink-2);font-size:.8em;font-weight:500}@keyframes float{0%,to{transform:translate3d(0,calc(var(--f) * -14px),0) rotate(calc(var(--f) * -3deg))}50%{transform:translate3d(0,calc(var(--f) * 14px),0) rotate(calc(var(--f) * 3deg))}}.hero-hint{color:var(--ink-2);z-index:2;flex-direction:column;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.hero-hint:after{content:"";background:linear-gradient(var(--ink-2),transparent);width:1px;height:28px;animation:hint 2s var(--ease) infinite}@keyframes hint{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.app{padding:clamp(110px,16vh,180px) 0 clamp(80px,12vh,140px);position:relative}.app.dark{background:var(--d-bg);color:var(--d-ink);--ink-2:var(--d-ink-2);--card:var(--d-card);--line:var(--d-line)}.app.light{background:var(--alt-bg);color:var(--ink);--card:var(--card-l)}.app-glow{pointer-events:none;height:900px;position:absolute;inset:0 0 auto;overflow:hidden}.app--tuuli .app-glow{background:radial-gradient(50% 60% at 50% 0,#2f7bff47,#0000 70%)}.app--kaiku .app-glow{background:radial-gradient(50% 60% at 50% 0,#ff8a5c29,#0000 70%)}.app--kiito .app-glow{background:radial-gradient(50% 60% at 50% 0,#22cbbb38,#0000 70%)}.app-intro{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:0 20px;display:flex;position:relative}.app-icon{filter:drop-shadow(0 16px 30px #00000047);width:clamp(84px,9vw,112px);height:auto}.app-eyebrow{color:var(--ink-2);font-size:clamp(17px,1.6vw,21px);font-weight:600}.app-eyebrow strong{color:inherit;font-weight:700}.app-intro .display{margin-top:4px}.app-intro .lede{color:var(--ink-2)}.cta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 26px;margin-top:10px;display:flex}.btn{background:var(--btn);min-height:44px;color:var(--btn-ink);letter-spacing:-.01em;transition:transform .3s var(--ease),filter .3s,box-shadow .3s;box-shadow:0 8px 24px -10px var(--btn);border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn svg{width:17px;height:17px}.link{color:var(--a1);font-size:17px;font-weight:600;text-decoration:none}.app.light .link{color:var(--btn)}.link:hover{text-underline-offset:4px;text-decoration:underline}.req{color:var(--ink-2);font-size:14px}.story{padding:clamp(56px,9vh,96px) 16px;position:relative}.stage{flex-direction:column;align-items:center;gap:clamp(28px,4vh,44px);width:100%;max-width:1200px;margin:0 auto;display:flex}.desk-wrap{perspective:1800px;justify-content:center;width:100%;display:flex}.desk{aspect-ratio:16/10;perspective:1400px;border-radius:14px;width:min(1120px,100%);position:relative;overflow:hidden;box-shadow:0 0 0 clamp(4px,.7vw,9px) #121214,0 0 0 calc(clamp(4px,.7vw,9px) + 1px) #ffffff14,0 40px 80px -30px #0000008c,0 90px 140px -60px #00000073;container-type:inline-size}.desk--tuuli{background:radial-gradient(120% 90% at 18% 8%,#3a7bff 0%,#0000 55%),radial-gradient(90% 80% at 92% 92%,#0bb3ff 0%,#0000 60%),linear-gradient(160deg,#0a1a44,#050b1f)}.desk--kaiku{background:radial-gradient(100% 90% at 8% 0,#ffc2ad,#0000 60%),radial-gradient(90% 90% at 100% 100%,#e8364f,#0000 62%),linear-gradient(150deg,#ffd9cb,#f5788a)}.desk--kiito{background:radial-gradient(90% 80% at 82% 8%,#1ec8b8 0%,#0000 55%),radial-gradient(90% 80% at 0 100%,#0f5663,#0000 62%),linear-gradient(160deg,#08202a,#02090b)}.dmb{color:#fff;backdrop-filter:blur(10px);z-index:6;background:#00000038;justify-content:space-between;align-items:center;height:3.2cqw;padding:0 1.4cqw;font-size:1.2cqw;font-weight:500;display:flex;position:absolute;inset:0 0 auto}.desk--kaiku .dmb{color:#2a1215;background:#ffffff4d}.dmb span{align-items:center;gap:.5cqw;display:inline-flex}.dmb-l{gap:1.6cqw!important}.dmb-l b{font-weight:700}.dmb-r{gap:1.4cqw!important}.dmb-status{background:#ffffff47;border-radius:.5cqw;padding:.25cqw .7cqw}.desk--kaiku .dmb-status{background:#ffffff8c}.dmb svg{width:1.4cqw;height:1.4cqw}.dmb .rdot{background:#e8364f;border-radius:50%;width:.7cqw;height:.7cqw}.win{z-index:2;border-radius:1.1cqw;margin:0;position:absolute;box-shadow:0 .15cqw .5cqw #00000047,0 2cqw 5cqw -1cqw #00000080,0 0 0 1px #ffffff12}.win img{border-radius:inherit;width:100%;height:auto}.win .dim{border-radius:inherit;opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}.win.pop{border-radius:1.4cqw}.dock{backdrop-filter:blur(14px);z-index:7;background:#fff3;border:1px solid #ffffff47;border-radius:1.6cqw;align-items:flex-end;gap:.9cqw;padding:.6cqw .9cqw;display:flex;position:absolute;bottom:1.8%;left:50%;transform:translate(-50%)}.dock span{width:3.6cqw;display:block;position:relative}.dock img{aspect-ratio:1;width:100%;height:auto}.dock span.cur:after{content:"";background:#ffffffe6;border-radius:50%;width:.35cqw;height:.35cqw;position:absolute;bottom:-.45cqw;left:50%;transform:translate(-50%)}.desk--kaiku .dock span.cur:after{background:#2a1215}.desk--tuuli .w-a{width:47%;top:9%;left:5%}.desk--tuuli .w-c{z-index:3;width:49%;top:19%;left:29%}.desk--tuuli .w-b{z-index:4;width:23%;top:4.4%;right:3.5%}.desk--kaiku .w-a{width:62%;top:11%;left:5%}.desk--kaiku .w-b{z-index:4;width:25%;top:4.4%;right:4.5%}.chips{z-index:5;flex-wrap:wrap;gap:.9cqw;display:flex;position:absolute;bottom:16%;left:9%}.chip{letter-spacing:.02em;color:#c92a40;background:#fff;border-radius:.9cqw;padding:.7cqw 1.3cqw;font-size:1.5cqw;font-weight:700;box-shadow:0 1cqw 2.4cqw -.6cqw #500a1473}.desk--kiito .w-d{background:#1c1d21;width:43%;height:74%;top:10%;left:5%;overflow:hidden}.desk--kiito .w-a{z-index:3;width:29%;top:6%;left:53%}.desk--kiito .w-s{z-index:4;width:42%;top:31%;left:33%}.demo-bar{color:#9a9aa2;background:#26272c;border-bottom:1px solid #ffffff0f;align-items:center;gap:.6cqw;height:3.2cqw;padding:0 1.2cqw;font-size:1.15cqw;font-weight:600;display:flex}.demo-bar i{background:#4a4b52;border-radius:50%;width:.9cqw;height:.9cqw;display:block}.demo-bar span{margin-left:1cqw}.demo-body{height:calc(100% - 3.2cqw);position:relative;overflow:hidden}.feed{flex-direction:column;gap:1.3cqw;padding:2cqw 2.4cqw;animation:9s linear infinite feed;display:flex}.feed .h{background:#e9e9ee;border-radius:.4cqw;width:62%;height:1.9cqw}.feed .ln{background:#44454c;border-radius:.3cqw;height:.9cqw}.feed .pic{background:linear-gradient(135deg,#1aa89b,#0e3f4a 70%);border-radius:.8cqw;height:11cqw}.feed .pic.b{background:linear-gradient(135deg,#2b6a78,#0b2229 70%)}@keyframes feed{to{transform:translateY(-50%)}}.demo-cursor{z-index:2;place-items:center;width:5cqw;height:5cqw;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.demo-cursor .ring{animation:pulse 2.4s var(--ease) infinite;border:.28cqw solid #ffffffe6;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 2cqw #22cbbb99,inset 0 0 1cqw #22cbbb66}.demo-cursor .dot{background:#fff;border-radius:50%;width:1.1cqw;height:1.1cqw}@keyframes pulse{50%{transform:scale(.9)}}.demo-badge{white-space:nowrap;color:#9ff3ea;z-index:2;background:#22cbbb29;border:1px solid #22cbbb59;border-radius:99px;padding:.6cqw 1.2cqw;font-size:1.2cqw;font-weight:650;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.caps{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.steps{gap:6px;display:none}.steps i{background:var(--line);width:6px;height:6px;transition:width .5s var(--ease),background .5s;background:#7f7f7f59;border-radius:6px;display:block}.steps i.on{background:var(--a1);width:28px}.cap-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;width:100%;max-width:1040px;display:grid}.cap h3{letter-spacing:-.03em;margin-bottom:8px;font-size:clamp(22px,2.3vw,30px);font-weight:700;line-height:1.1}.cap p{color:var(--ink-2);text-wrap:pretty;font-size:17px}@media (width<=820px){.cap-list{grid-template-columns:1fr;gap:22px;max-width:560px}}.story.is-pinned{height:100svh;padding:calc(var(--mb-h) + var(--sn-h) + 14px) 16px 20px;align-items:center;display:flex}.story.is-pinned .desk{width:min(1120px,92vw,160svh - 528px)}.story.is-pinned .steps{display:flex}.story.is-pinned .cap-list{text-align:center;max-width:660px;height:124px;display:block;position:relative}.story.is-pinned .cap{position:absolute;inset:0}.story.is-pinned .win,.story.is-pinned .desk{will-change:transform,opacity}.bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;max-width:1120px;margin:clamp(40px,8vh,90px) auto 0;padding:0 20px;display:grid}.t{background:var(--card);isolation:isolate;border-radius:28px;flex-direction:column;gap:10px;min-width:0;min-height:230px;padding:clamp(24px,3vw,38px);display:flex;position:relative;overflow:hidden}.app.dark .t{box-shadow:inset 0 0 0 1px #ffffff0f}.s2{grid-column:span 2}.s3{grid-column:span 3}.s4{grid-column:span 4}.s6{grid-column:span 6}.r2{grid-row:span 2}.t .kick{letter-spacing:.01em;color:var(--ink-2);font-size:14px;font-weight:650}.t h3{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(22px,2.2vw,30px);font-weight:700;line-height:1.08}.t p{color:var(--ink-2);text-wrap:pretty;max-width:520px;font-size:16px;line-height:1.45}.t .push{margin-top:auto}.t .big{letter-spacing:-.065em;font-variant-numeric:tabular-nums;align-self:flex-start;padding-bottom:.04em;font-size:clamp(76px,10vw,150px);font-weight:750;line-height:.85}.t .big.m{font-size:clamp(64px,7.5vw,112px)}.t .big small{letter-spacing:-.03em;margin-left:.1em;font-size:.32em;font-weight:700}.t .grad{color:#0000}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{white-space:nowrap;background:#7f7f7f24;border-radius:99px;padding:7px 13px;font-size:14px;font-weight:600}.pill.hl{background:linear-gradient(100deg,var(--a1),var(--a2));color:#fff}.app--kiito .pill.hl{color:#03211e}@media (width<=900px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.s2,.s3{grid-column:span 1}.s4,.s6{grid-column:span 2}.r2{grid-row:auto}}@media (width<=600px){.bento{grid-template-columns:minmax(0,1fr);gap:12px}.s2,.s3,.s4,.s6{grid-column:auto}.t{border-radius:24px;min-height:0}}.fan-art{width:58%;max-width:400px;color:var(--a1);opacity:.7;z-index:-1;filter:drop-shadow(0 0 60px #2f7bff73);position:absolute;bottom:-22%;right:-12%}.fan-art svg{width:100%;height:auto;animation:5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.rings{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:6px;display:grid}.ring{color:var(--ink-2);flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.ring svg{width:100%;max-width:64px;height:auto;transform:rotate(-90deg)}.ring .bg{stroke:#ffffff1a}.ring b{display:block;position:relative}.ring-wrap{width:100%;max-width:64px;position:relative}.ring-wrap span{color:var(--d-ink);place-items:center;font-size:14px;font-weight:700;display:grid;position:absolute;inset:0}.wave{align-items:center;gap:4px;height:64px;margin:6px 0 4px;display:flex}.wave i{background:linear-gradient(var(--a2),var(--a1));max-width:7px;height:100%;transform:scaleY(var(--h,.4));animation:1.3s ease-in-out infinite alternate wave;animation-delay:var(--dl,0s);border-radius:4px;flex:1}@keyframes wave{to{transform:scaleY(calc(var(--h,.4) * .35))}}.keycap{color:var(--ink-2);align-items:center;gap:12px;font-size:17px;font-weight:600;display:inline-flex}.keycap kbd{background:linear-gradient(var(--kbd-top),var(--kbd-bot));width:64px;height:64px;box-shadow:0 1px 0 #00000014,0 6px 0 var(--kbd-edge),0 10px 18px #00000024;color:var(--ink);border-radius:14px;place-items:center;font-family:inherit;font-size:30px;font-weight:500;display:grid}.cursors{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}.cursors li{aspect-ratio:1;color:var(--ink-2);background:#ffffff0d;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;transition:background .3s,box-shadow .3s;display:flex;box-shadow:inset 0 0 0 1px #ffffff12}.cursors li svg{color:#eafffc;width:clamp(22px,3vw,34px);height:auto}.cursors li.sel{box-shadow:inset 0 0 0 2px var(--a1);background:#22cbbb14}.cursors li:hover{background:#ffffff17}.wide-t{flex-flow:wrap;justify-content:space-between;align-items:center;gap:24px}.wide-t>div{flex-direction:column;gap:10px;max-width:560px;display:flex}.ball-art{background:radial-gradient(circle at 35% 30%,#d8fffa,#39d8c8 38%,#0d6c68 72%,#06302f);border-radius:50%;flex:none;width:120px;height:120px;box-shadow:0 20px 50px -10px #22cbbb8c,inset -8px -10px 24px #00000059}@media (prefers-reduced-motion:no-preference){.ball-art{animation:6s ease-in-out infinite roll}}@keyframes roll{50%{transform:rotate(25deg)translateY(-6px)}}.cta-strip{max-width:1120px;margin:16px auto 0;padding:0 20px}.cta-in{background:var(--card);border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:22px clamp(22px,3vw,34px);display:flex}.app.dark .cta-in{box-shadow:inset 0 0 0 1px #ffffff0f}.cta-id{align-items:center;gap:16px;min-width:0;display:flex}.cta-id img{width:56px;height:56px}.cta-id b{letter-spacing:-.02em;font-size:20px;display:block}.cta-id span{color:var(--ink-2);font-size:14px}.oss{background:var(--paper-2);text-align:center;padding:clamp(110px,16vh,180px) 0 clamp(90px,12vh,140px)}.oss .display span{display:inline-block}.oss .lede{color:var(--ink-2);margin:22px auto 0}.gpl{background:var(--surface);border-radius:99px;align-items:center;gap:10px;margin:44px auto 0;padding:9px 16px;font-size:15px;font-weight:650;display:inline-flex;box-shadow:0 1px #0000000a,0 10px 30px -14px #00000040}.gpl i{background:#30d158;border-radius:50%;width:8px;height:8px}.repos{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1120px;margin:56px auto 0;padding:0 20px;display:grid}.repo{--c:var(--t1);background:var(--surface);border-radius:var(--r-lg);min-width:0;transition:transform .5s var(--ease),box-shadow .5s var(--ease);flex-direction:column;gap:14px;padding:30px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px #00000008,0 30px 60px -40px #00000059}.repo:hover{transform:translateY(-4px);box-shadow:0 1px #00000008,0 40px 70px -40px #00000073}.repo:before{content:"";background:linear-gradient(90deg,var(--c),var(--c2));height:4px;position:absolute;inset:0 0 auto}.repo.tu{--c:#2f7bff;--c2:#72d2ff}.repo.ka{--c:#e8364f;--c2:#ff9a6e}.repo.ki{--c:#1fb8a9;--c2:#8eeee3}.repo-head{align-items:center;gap:14px;display:flex}.repo-head img{width:60px;height:60px}.repo-head .repo-stars{align-self:flex-start;margin-left:auto}.repo-head b{letter-spacing:-.03em;font-size:24px;display:block}.repo-head code{color:var(--ink-2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.repo p{color:var(--ink-2);font-size:16px}.repo dl{grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:14px;display:grid}.repo dt{color:var(--ink-2)}.repo dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.repo-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:auto;padding-top:8px;display:flex}.repo .btn{--btn:var(--ink);--btn-ink:var(--paper);box-shadow:none;min-height:40px;padding:9px 18px;font-size:15px}.repo .link{color:var(--ink);font-size:15px}@media (width<=900px){.repos{grid-template-columns:minmax(0,1fr);max-width:560px}}.stars{color:var(--ink-2);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.stars svg{width:13px;height:13px}.stars[hidden]{display:none}.cta-note{color:var(--ink-2);font-size:14px;text-decoration:none}.cta-note:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.cta-acts{align-items:center;gap:var(--s5);flex-wrap:wrap;display:flex}.try{max-width:1120px;margin:clamp(40px,8vh,90px) auto 0;padding:0 20px}.try+.bento{margin-top:var(--s4)}.try-in{background:var(--card);isolation:isolate;border-radius:32px;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(24px,4vw,52px);display:grid;position:relative;overflow:hidden}.app.dark .try-in{box-shadow:inset 0 0 0 1px #ffffff0f}.try-copy{gap:var(--s3);flex-direction:column;min-width:0;display:flex}.try-kick{color:var(--ink-2);align-items:center;gap:8px;font-size:14px;font-weight:650;display:inline-flex}.try-kick:before{content:"";background:linear-gradient(135deg,var(--a1),var(--a2));width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb,var(--a1) 18%,transparent);border-radius:50%}.try-h{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(28px,3.4vw,44px);font-weight:700;line-height:1.05}.try-copy>p{color:var(--ink-2);text-wrap:pretty;font-size:17px}.try-stage{border-radius:var(--r-md);min-width:0;position:relative;overflow:hidden}.ghost{appearance:none;font:inherit;color:var(--a1);cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:6px;padding:8px 0;font-size:15px;font-weight:600;display:inline-flex}.app.light .ghost{color:var(--btn)}.ghost:hover{text-underline-offset:4px;text-decoration:underline}.ghost svg{width:15px;height:15px}.try-copy>p.fine-print,.fine-print{color:var(--ink-2);opacity:.8;font-size:13px}@media (width<=900px){.try-in{border-radius:var(--r-lg);gap:var(--s3);grid-template-columns:minmax(0,1fr)}.try-copy{display:contents}.try-copy>*{order:1}.try-stage{margin:var(--s3) 0;order:2}.try-copy>.curve-read,.try-copy>.rng,.try-copy>.ctl-row,.try-copy>.fine-print,.try-copy>.kseq,.try-copy>.ghost{order:3}}@media (width<=600px){.try{padding:0 16px}.try-in{border-radius:24px;padding:22px 18px}}.seg{background:#7f7f7f2e;border-radius:12px;align-self:flex-start;max-width:100%;padding:3px;display:inline-flex;position:relative}.seg label{cursor:pointer;position:relative}.seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg span{white-space:nowrap;color:var(--ink-2);transition:background .3s var(--ease),color .3s,box-shadow .3s;border-radius:9px;padding:7px 14px;font-size:14px;font-weight:600;display:block}.seg input:checked+span{color:var(--d-ink);background:#ffffff29;box-shadow:0 1px 3px #00000059}.seg input:focus-visible+span{outline:3px solid var(--a1);outline-offset:2px}.sw{cursor:pointer;user-select:none;align-items:center;gap:10px;font-size:15px;font-weight:600;display:inline-flex}.sw input{-webkit-appearance:none;appearance:none;cursor:pointer;width:40px;height:24px;transition:background .3s var(--ease);background:#7f7f7f59;border-radius:99px;margin:0;position:relative}.sw input:after{content:"";width:20px;height:20px;transition:transform .3s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.sw input:checked{background:var(--a1)}.sw input:checked:after{transform:translate(16px)}.ctl-row{align-items:center;gap:var(--s3) var(--s5);margin-top:var(--s2);flex-wrap:wrap;display:flex}.reqs{gap:var(--s4);grid-template-columns:repeat(3,minmax(0,1fr));max-width:1120px;margin:clamp(64px,10vh,110px) auto 0;display:grid}.reqs-h{letter-spacing:-.035em;text-align:center;margin-bottom:var(--s4);grid-column:1/-1;font-size:clamp(28px,3.4vw,40px);font-weight:700}.rq{border-radius:var(--r-lg);background:var(--paper-2);padding:var(--s5);gap:var(--s4);min-width:0;transition:transform .5s var(--ease);flex-direction:column;display:flex}.rq:hover{transform:translateY(-3px)}.rq-head{align-items:center;gap:var(--s3);display:flex}.rq-head img{width:48px;height:48px}.rq-head b{letter-spacing:-.02em;font-size:21px;line-height:1.1;display:block}.rq-head span{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.rq dl{flex-direction:column;margin:0;display:flex}.rq dl div{justify-content:space-between;gap:var(--s4);border-top:1px solid var(--line);padding:10px 0;font-size:15px;display:flex}.rq dt{color:var(--ink-2)}.rq dd{text-align:right;margin:0;font-weight:600}.rq .btn{min-height:40px;box-shadow:none;align-self:flex-start;margin-top:auto;padding:9px 18px;font-size:15px}.rq.tu{--btn:#1a66f2;--btn-ink:#fff}.rq.ka{--btn:#d93a44;--btn-ink:#fff}.rq.ki{--btn:#2fd3c4;--btn-ink:#03211e}@media (width<=900px){.reqs{grid-template-columns:minmax(0,1fr);max-width:560px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation:none!important}}
