:root{--ink:26 26 26;--bg:#fff;--page:#fff;--surface:#fff;--on-fg:#fff;color-scheme:light;--fg:#1a1a1a;--fg9:rgb(var(--ink) / .9);--fg7:rgb(var(--ink) / .7);--muted:rgb(var(--ink) / .6);--faint:rgb(var(--ink) / .45);--card:rgb(var(--ink) / .04);--chip:rgb(var(--ink) / .05);--line:rgb(var(--ink) / .08);--lime:#0a84ff;--peri:#9ec7ff;--peach:#d0e3ff;--lilac:#e8f1ff;--on-lime:#fff;--lime-hi:#7cbcff;--paper:#fff;--lock:#0a3d91;--ring:#0a84ff;--ring-dk:#7cbcff;--slide:cubic-bezier(.32, .72, 0, 1);--key:inset 0 1px 0 #fff, 0 0 0 .5px #00000012, 0 6px 18px -8px #0000001f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}img{max-width:100%;display:block}svg.i{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:16px;height:16px}.wrap{width:100%;max-width:64rem;margin:0 auto;padding:0 32px}main>section,body>footer{content-visibility:auto;contain-intrinsic-size:auto 900px}@keyframes bfs{0%{opacity:0;filter:blur(10px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:none}}.rv{opacity:0}.rv.now{opacity:1}.rv.in{animation:.6s cubic-bezier(.23,1,.32,1) both bfs;animation-delay:var(--d,0s)}@media (prefers-reduced-motion:reduce){.rv{opacity:1}.rv.in{animation:none}}.topblur{z-index:40;pointer-events:none;height:84px;position:fixed;inset:0 0 auto}.topblur i{position:absolute;inset:0}.topblur i:first-child{-webkit-backdrop-filter:blur(2px);--m:linear-gradient(#000 60%, transparent);mask:var(--m);-webkit-mask:var(--m)}.topblur i:nth-child(2){-webkit-backdrop-filter:blur(4px);--m:linear-gradient(#000 35%, transparent 75%);mask:var(--m);-webkit-mask:var(--m)}.topblur i:nth-child(3){-webkit-backdrop-filter:blur(12px);--m:linear-gradient(#000 15%, transparent 55%);mask:var(--m);-webkit-mask:var(--m)}.topblur i:nth-child(4){background:linear-gradient(color-mix(in srgb, var(--bg) 85%, transparent), transparent)}header{z-index:50;grid-template-columns:1fr auto 1fr;align-items:center;height:56px;padding:0 20px;display:grid;position:fixed;inset:0 0 auto}:root{--sat:env(safe-area-inset-top,0px)}.topblur,header{visibility:hidden;pointer-events:none}.topblur i,header>*{visibility:visible}header>*{pointer-events:auto}.topblur{top:var(--sat)}header{height:calc(56px + var(--sat));padding:var(--sat) max(20px, env(safe-area-inset-right)) 0 max(20px, env(safe-area-inset-left))}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@supports (-webkit-touch-callout:none){.topblur{display:none}header{visibility:visible;pointer-events:auto;height:calc(48px + var(--sat));background-color:color-mix(in srgb, var(--bg) 85%, transparent);backdrop-filter:blur(20px);box-shadow:0 .5px 0 rgb(var(--ink) / .12)}header:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(var(--bg), transparent 85%);position:absolute;inset:0}}.logo{justify-self:start;align-items:center;gap:8px;display:inline-flex}.logo img{border-radius:calc(6px * var(--corner-k,1));corner-shape:var(--corner-shape,round);width:24px;height:24px}.logo span{letter-spacing:-.02em;font-size:15px;font-weight:600}nav.top{align-items:center;gap:2px;display:flex}nav.top>a{border-radius:calc(8px * var(--corner-k,1));corner-shape:var(--corner-shape,round);height:28px;color:var(--fg);align-items:center;gap:4px;padding:0 10px;font-size:13px;font-weight:500;transition:background .15s,transform .16s cubic-bezier(.23,1,.32,1);display:inline-flex}nav.top>a:hover{background:var(--chip)}nav.top>a:active,.theme:active{transform:scale(.97)}.hright{justify-self:end;position:relative}.rel{position:relative}.menu{z-index:60;border-radius:calc(12px * var(--corner-k,1));corner-shape:var(--corner-shape,round);opacity:0;transform-origin:top;pointer-events:none;background:#262626;transition:opacity .16s cubic-bezier(.23,1,.32,1),transform .18s cubic-bezier(.23,1,.32,1);position:absolute;top:calc(100% + 8px);overflow:hidden;transform:translateY(-4px)scale(.97);box-shadow:0 20px 50px -12px #00000059,inset 0 0 0 1px #ffffff0f}.menu.open{opacity:1;pointer-events:auto;transform:none}.getmenu{transform-origin:100% 0;width:248px;right:0}.getmenu a{color:#ececec;align-items:flex-start;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.getmenu a+a{border-top:1px solid #ffffff0f}.getmenu a:hover{background:#303030}.getmenu svg{color:#d8d8d8;fill:none;stroke:currentColor;stroke-width:1.6px;width:15px;height:15px;margin-top:2px}.getmenu b{font-size:13px;font-weight:500;display:block}.getmenu small{color:#ffffff73;font-size:11.5px;display:block}.hero{text-align:center;flex-direction:column;align-items:center;padding:136px 24px 56px;display:flex}.pill{corner-shape:round;height:24px;color:var(--fg);background:var(--surface);border-radius:99px;align-items:center;gap:6px;margin-bottom:24px;padding:0 6px 0 4px;font-size:12px;font-weight:500;transition:color .15s,box-shadow .15s;display:inline-flex;box-shadow:0 0 0 1px #0000000f}.pill:hover{color:var(--fg);box-shadow:0 0 0 1px #0000001f}.pill .dot{corner-shape:round;background:var(--lime);border-radius:50%;place-items:center;width:16px;height:16px;display:grid}.pill .dot svg{width:9px;height:9px;stroke:var(--fg);stroke-width:2.4px}.pill>svg.i{opacity:.35;width:13px;height:13px;transition:transform .15s,opacity .15s}@media (hover:hover) and (pointer:fine){.pill:hover>svg.i{opacity:.6;transform:translate(1px,-1px)}}h1,.h1b{font-family:var(--display);font-weight:var(--display-wght);font-stretch:var(--display-wdth);letter-spacing:-.035em;font-optical-sizing:auto;font-size:56px;line-height:60px}.h1b{color:rgb(var(--ink) / .5);display:grid}.vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hl{opacity:0;filter:blur(10px);grid-area:1/1;transform:translateY(10px)}.hl[data-s=idle]{opacity:0}.hl[data-s=on]{opacity:1;filter:none;transform:none}.hl[data-s=in]{animation:.6s cubic-bezier(.23,1,.32,1) both lineIn}.hl[data-s=out]{animation:.28s cubic-bezier(.23,1,.32,1) both lineOut}@keyframes lineIn{0%{opacity:0;filter:blur(10px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:none}}@keyframes lineOut{0%{opacity:1;filter:blur();transform:none}to{opacity:0;filter:blur(10px);transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.hl[data-s=in]{opacity:1;filter:none;animation:none;transform:none}.hl[data-s=out]{animation:none}}.lead{max-width:560px;color:var(--muted);text-wrap:balance;margin-top:24px;font-size:15px;line-height:24px}.ctas{gap:10px;margin-top:40px;display:flex}.ctas .btn.soft{padding:0 16px 0 14px}.ctas .btn.soft svg{width:16px;height:16px}.plat{color:var(--muted);gap:18px;margin-top:20px;font-size:12px;display:flex}.plat a{transition:color .15s}.plat a:hover{color:var(--fg)}.tour{flex-direction:column;align-items:center;max-width:64rem;margin:0 auto;padding:0 32px;display:flex}.panel{aspect-ratio:1000/630;border-radius:calc(10px * var(--corner-k,1));corner-shape:var(--corner-shape,round);touch-action:pan-y;background:#e9eef8;width:100%;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000008,0 16px 40px #0000000d,0 40px 100px #00000012}canvas.swirl{width:100%;height:100%;display:block;position:absolute;inset:0}.panel canvas.swirl{background:url(/assets/swirl-poster.webp) 50%/cover}@media (width<=640px){.panel canvas.swirl{background-image:url(/assets/swirl-poster-640.webp)}}.panel.wait .slide{visibility:hidden!important}.tour-wait body{opacity:0}.slide.later{content-visibility:hidden}.panel.wait .slide img{display:none!important}.slide{translate:var(--x,0%) 0;transition:translate .5s var(--slide);will-change:translate;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.slide{transition:none}}.stage{transform-origin:0 0;width:1000px;height:630px;transform:scale(var(--k,1));position:absolute;top:0;left:0}.navbtn{z-index:5;corner-shape:round;background:#ffffffeb;border-radius:50%;place-items:center;width:32px;height:32px;transition:transform .15s,background .15s;display:grid;position:absolute;top:50%;translate:0 -50%;box-shadow:0 1px 3px #0000001f}.navbtn:hover{background:#fff}.navbtn:active{transform:scale(.94)}.navbtn.prev{left:2.4%}.navbtn.next{right:2.4%}.navbtn svg.i{stroke-width:2px;width:14px;height:14px}.pause{--ease-out:cubic-bezier(.23, 1, .32, 1);z-index:5;corner-shape:round;-webkit-backdrop-filter:blur(8px);height:28px;transition:transform .16s var(--ease-out), background-color .15s ease;background:#ffffffd9;border-radius:99px;align-items:center;gap:6px;padding:0 12px 0 10px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;bottom:3.2%;right:2.4%;box-shadow:0 1px 3px #0000001a}.pause svg{fill:currentColor;stroke:currentColor;stroke-width:1.5px;width:11px;height:11px}.pause .pz-i,.pause .pz-t{display:grid}.pause .pz-i>*,.pause .pz-t>*{grid-area:1/1}.pause.ready .pz-i>*,.pause.ready .pz-t>*{transition:opacity .2s var(--ease-out), transform .26s var(--ease-out), filter .2s var(--ease-out)}.pause .pz-t{width:var(--tw,auto);justify-items:start}.pause.ready .pz-t{transition:width .26s var(--ease-out)}.pause .pz-t>*{white-space:nowrap}.pause[data-playing=true] .on-pause,.pause[data-playing=false] .on-play{opacity:0;filter:blur(2px);pointer-events:none}.pause[data-playing=true] .pz-i .on-pause,.pause[data-playing=false] .pz-i .on-play{transform:scale(.5)}.pause[data-playing=true] .pz-t .on-pause{transform:translateY(6px)}.pause[data-playing=false] .pz-t .on-play{transform:translateY(-6px)}.pause:active{transform:scale(.96)}@media (hover:hover){.pause:hover{background-color:#fff}}.navbtn:focus-visible,.pause:focus-visible{outline:2px solid var(--ring);outline-offset:2px}[data-theme=dark] .navbtn:focus-visible,[data-theme=dark] .pause:focus-visible{outline-color:var(--ring-dk)}@media (prefers-reduced-motion:reduce){.pause .pz-i>*,.pause .pz-t>*{filter:none!important;transform:none!important}.pause.ready .pz-t{transition:none}}.cap{min-height:22px;color:var(--muted);text-align:center;margin-top:24px;font-size:14px}.cap b{color:var(--fg);margin-right:6px;font-weight:500}.cap span{display:inline-block}.cap.swap span{animation:.45s cubic-bezier(.23,1,.32,1) both bfs}.thumbs{gap:8px;min-height:85.68px;margin-top:20px;display:flex}.thumb{aspect-ratio:1000/630;border-radius:calc(6px * var(--corner-k,1));corner-shape:var(--corner-shape,round);opacity:.55;outline-offset:2px;background:url(/assets/swirl-poster-640.webp) 50%/cover;outline:1.5px solid #0000;width:136px;transition:opacity .2s,transform .16s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.thumb:hover{opacity:.85}.thumb:active{transform:scale(.97)}.thumb[aria-selected=true]{opacity:1;outline-color:var(--ring)}.thumb .stage{--k:.136;pointer-events:none}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.win{border-radius:calc(12px * var(--corner-k,1));corner-shape:var(--corner-shape,round);width:840px;height:529px;font-family:var(--sans);background:#fff;position:absolute;top:61px;left:80px;overflow:hidden;box-shadow:0 9px 30px #0000004d,0 0 0 .5px #0003}.wbar{background:#f1f1f0;border-bottom:1px solid #e3e3e1;align-items:center;gap:12px;height:38px;padding:0 12px;display:flex}.lights{gap:6px;display:flex}.lights i{corner-shape:round;background:#ff5f57;border-radius:50%;width:10px;height:10px}.lights i:nth-child(2){background:#febc2e}.lights i:nth-child(3){background:#28c840}.url{border-radius:calc(7px * var(--corner-k,1));corner-shape:var(--corner-shape,round);color:#555;background:#fff;flex:1;justify-content:center;align-items:center;gap:6px;max-width:420px;height:24px;margin:0 auto;font-size:11px;display:flex;box-shadow:0 0 0 .5px #0000001f}.url svg{width:10px;height:10px}.ext{border-radius:calc(6px * var(--corner-k,1));corner-shape:var(--corner-shape,round);width:22px;height:22px;overflow:hidden}.ext img{width:100%;height:100%}.kpage{background:#fff;flex-direction:column;height:calc(100% - 38px);display:flex;position:relative}.ktop{color:#8a8a88;border-bottom:1px solid #f0f0ef;justify-content:center;align-items:center;height:34px;font-size:11px;display:flex}.ktext{color:#1d1d1d;flex:1;padding:30px 150px 0;font-family:Georgia,Iowan Old Style,serif;font-size:16.5px;line-height:1.72;overflow:hidden}.ktext p{text-indent:1.4em;margin-bottom:4px}.ktext .kh{text-align:center;letter-spacing:.14em;color:#777;text-indent:0;margin-bottom:18px;font-size:13px;font-weight:400}.readalong{isolation:isolate;position:relative}.readalong .k-sents.new i{animation:.16s cubic-bezier(.23,1,.32,1) kfade}@keyframes kfade{0%{opacity:0}}.kfoot{color:#9a9a98;justify-content:space-between;align-items:center;height:30px;padding:0 22px;font-size:10.5px;display:flex}.rd{--rail:#fff;--rink:#1a1a1a;--rface:#ebebeb;--rface-on:#e1e1e1;--fold:.32s cubic-bezier(.32, .72, 0, 1);--out:.14s cubic-bezier(.23, 1, .32, 1);--in:.22s cubic-bezier(.23, 1, .32, 1) 70ms;z-index:2;width:272px;height:44px;color:var(--rink);font:13px/1.3 var(--sans);text-align:left;position:absolute;bottom:20px;right:20px}[data-theme=dark] .rd{--rail:#1c1c1e;--rink:#ececec;--rface:#2f2f31;--rface-on:#39393b}.rd-shape{position:absolute;inset:0}.rd-shape i{corner-shape:round;background:var(--rail);width:82px;height:44px;transition:width var(--fold);border-radius:22px;position:absolute;top:0;right:0;box-shadow:0 0 0 .5px #00000024,0 6px 16px #0000001f}.rd.awake .rd-shape i{width:272px}.rd-clip{clip-path:inset(0 0 0 190px round 22px);transition:clip-path var(--fold);position:absolute;inset:0}.rd.awake .rd-clip{clip-path:inset(0 round 22px)}.rd-c{left:var(--x);corner-shape:round;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:6px}.rd-c svg{display:block}.rd-x{opacity:0;filter:blur(6px);transition:opacity var(--out), filter var(--out)}.rd.awake .rd-x{opacity:1;filter:blur();transition:opacity var(--in), filter var(--in)}.rd-vol{width:20px;height:20px}.rd-cog{width:19px;height:19px}.rd-seek svg{width:22px;height:22px}.rd-chip{letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px;font-weight:650}.rd-play{color:#fff;background:#0a84ff}.rd-play svg{width:15px;height:15px}.rd-voice img{corner-shape:round;background:var(--rface);border-radius:50%;width:32px;height:32px}.rd-vopen .rd-voice img{background:var(--rface-on)}.rd-solo{position:relative;bottom:auto;right:auto}@media (prefers-reduced-motion:reduce){.rd :is(.rd-shape i,.rd-clip,.rd-x){transition:none}.rd-x{filter:none}}.rv-pop{--rbg:#fff;--rchip:#f4f4f4;--rface:#f4f4f4;--rfaint:#767676;--rmuted:#737373;--rline:#d4d4d4;z-index:3;border-radius:calc(22px * var(--corner-k,1));corner-shape:var(--corner-shape,round);background:var(--rbg);color:#1a1a1a;width:384px;height:330px;font:13px/1.3 var(--sans);text-align:left;position:absolute;bottom:76px;right:20px;overflow:hidden;box-shadow:0 0 0 .5px #00000014,0 18px 48px -12px #00000047}[data-theme=dark] .rv-pop{--rbg:#1c1c1e;--rchip:#262628;--rface:#d1d1d6;--rfaint:#8e8e93;--rmuted:#aeaeb2;--rline:#48484a;color:#ececec;box-shadow:0 0 0 .5px #ffffff1f,0 18px 48px -12px #000000b3}.rv-head{grid-template-columns:30px 1fr 30px;align-items:center;padding:14px 14px 10px;display:grid}.rv-head b{text-align:center;font-size:16px;font-weight:650}.rv-x{corner-shape:round;background:var(--rchip);width:30px;height:30px;color:var(--rmuted);border-radius:50%;place-items:center;display:grid}.rv-tools{gap:8px;margin-top:-10px;padding:10px 14px;display:flex}.rv-search,.rv-lang{border-radius:calc(12px * var(--corner-k,1));corner-shape:var(--corner-shape,round);background:var(--rchip);align-items:center;height:38px;font-size:14px;display:flex}.rv-search{min-width:0;color:var(--rfaint);flex:1;gap:8px;padding:0 12px}.rv-search svg{color:var(--rmuted);flex:none}.rv-lang{flex:0 0 148px;padding:0 30px 0 12px;position:relative}.rv-lang:after{content:"";border-right:1.6px solid var(--rmuted);border-bottom:1.6px solid var(--rmuted);width:6px;height:6px;position:absolute;top:15px;right:12px;transform:rotate(45deg)}.rv-sec{align-items:center;gap:8px;padding:12px 16px 2px;font-size:13px;font-weight:650;display:flex}.rv-flag{border-radius:calc(3px * var(--corner-k,1));corner-shape:var(--corner-shape,round);width:20px;height:14px;box-shadow:0 0 0 .5px var(--rline);flex:none;overflow:hidden}.rv-flag svg{width:100%;height:100%;display:block}.rv-grid{grid-template-columns:repeat(3,1fr);gap:2px;padding:4px 14px 6px;display:grid}.rv-v{border-radius:calc(16px * var(--corner-k,1));corner-shape:var(--corner-shape,round);text-align:center;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;display:flex}.rv-v.hover{background:var(--rchip)}.rv-disc{corner-shape:round;background:var(--rface);border-radius:50%;width:68px;height:68px;margin-bottom:6px;position:relative}.rv-disc img{corner-shape:round;border-radius:50%;width:100%;height:100%}.rv-v.on .rv-disc{background:#0a84ff}.rv-who{font-size:14px;font-weight:600}.rv-how{color:var(--rfaint);font-size:12px;line-height:1.25}.rv-hear{corner-shape:round;background:var(--rbg);opacity:0;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;bottom:-2px;left:-2px}.rv-v.hover .rv-hear{opacity:1}.rv-hear{transition:opacity .12s ease-out,transform .12s ease-out}.rv-hface{width:12px;height:12px;position:relative}.rv-hface svg{transition:opacity .2s cubic-bezier(.23,1,.32,1),transform .2s cubic-bezier(.23,1,.32,1),filter .2s cubic-bezier(.23,1,.32,1);position:absolute;inset:0}.rv-hface .i-pause,.rv-v.playing .rv-hface .i-play{opacity:0;filter:blur(2px);transform:scale(.5)}.rv-v.playing .rv-hface .i-pause{opacity:1;filter:none;transform:none}.av{corner-shape:round;color:#1b1a18;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:grid}.phone{width:272px;height:556px;position:absolute;top:37px}.phone:before{content:"";border-radius:calc(44px * var(--corner-k,1));corner-shape:var(--corner-shape,round);position:absolute;inset:5px;box-shadow:0 24px 50px -12px #00000073}.phone:after{content:"";z-index:9;pointer-events:none;background:var(--frame) center / 100% 100% no-repeat;position:absolute;inset:0}.phone{--frame-src:url(/assets/frames/iphone-18-pro-glacier.webp);--frame:var(--frame-src)}[data-theme=dark] .phone{--frame-src:url(/assets/frames/iphone-18-pro-black.webp)}.panel.wait .phone{--frame:none}.scr{border-radius:calc(30px * var(--corner-k,1));corner-shape:var(--corner-shape,round);width:89.3333%;height:95%;font-family:var(--sans);color:#1b1a18;background:#fff;position:absolute;top:2.5%;left:5.3333%;overflow:hidden}.scr.shot{background:#f8f7f4}.scr.shot img{object-fit:cover;width:100%;height:100%;display:block}.scr.shot .dk,[data-theme=dark] .scr.shot .lt{display:none}[data-theme=dark] .scr.shot .dk{display:block}[data-theme=dark] .scr.shot{background:#121212}section{padding-top:128px}.shead{text-align:center;flex-direction:column;align-items:center;display:flex}h2{max-width:720px;font-family:var(--display);font-weight:var(--display-wght);font-stretch:var(--display-wdth);letter-spacing:-.025em;text-wrap:balance;font-size:46px;line-height:50px}h2 em{color:var(--fg);font-style:normal}.ssub{max-width:560px;color:var(--muted);text-wrap:balance;margin-top:16px;font-size:16px;line-height:1.6}.bento{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:48px;display:grid}.card{background:var(--card);border-radius:calc(16px * var(--corner-k,1));corner-shape:var(--corner-shape,round);content-visibility:auto;contain-intrinsic-size:auto 1px auto 302px;flex-direction:column;display:flex;overflow:hidden}.duo .card{contain-intrinsic-size:auto 1px auto 461px}.card .art{justify-content:center;align-items:center;gap:8px;height:200px;padding:0 24px;display:flex;position:relative}.card .txt{flex-direction:column;gap:4px;padding:16px;display:flex}.card h3{letter-spacing:-.025em;color:var(--fg);justify-content:space-between;align-items:center;gap:8px;font-size:16px;font-weight:500;display:flex}.card p{color:var(--fg);text-wrap:pretty;font-size:13px;line-height:1.6}.tagp{border-radius:calc(6px * var(--corner-k,1));corner-shape:var(--corner-shape,round);background:var(--chip);height:20px;color:var(--fg);align-items:center;padding:0 7px;font-size:11px;font-weight:500;display:inline-flex}.bento{--sh-lg:inset 0 1px 0 #fff, 0 0 0 .5px #00000012, 0 6px 18px -8px #0000001f;--sh-sm:inset 0 1px 0 #fff, 0 0 0 .5px #00000012, 0 1px 1.5px #00000008;--pill:#1c1c1e;--bar:rgb(var(--ink) / .1);--sel:0 0 0 1.5px rgb(var(--ink) / .88)}[data-theme=dark] .bento{--sh-lg:0 0 0 .5px #ffffff12;--sh-sm:0 0 0 .5px #ffffff0f;--pill:#000;--surface:color-mix(in srgb, var(--fg) 9%, var(--bg))}.bento svg.i{width:12px;height:12px}.m{background:var(--surface);border-radius:calc(11px * var(--corner-k,1));corner-shape:var(--corner-shape,round);box-shadow:var(--sh-lg)}.m-col{flex-direction:column;align-items:center;gap:10px;display:flex}.m-row{justify-content:center;align-items:center;gap:8px;display:flex}.m-chip{corner-shape:round;background:var(--surface);height:24px;box-shadow:var(--sh-sm);color:rgb(var(--ink) / .8);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;transition:box-shadow .2s;display:inline-flex}.m-chip .i{color:rgb(var(--ink) / .4)}.m-chip img{border-radius:calc(4px * var(--corner-k,1));corner-shape:var(--corner-shape,round);width:14px;height:14px}.m-chip.on{box-shadow:var(--sel), var(--sh-sm);color:var(--fg)}.m-chip.on .i{color:var(--fg)}.card .art:has(.fit){padding:0 12px}.bento .art{pointer-events:none;-webkit-user-select:none;user-select:none}.fit{transform:scale(var(--fit,1));transform-origin:50%;flex:none}.x{--xbg:var(--surface);--xink:var(--fg);--xmuted:rgb(var(--ink) / .5);--xchip:rgb(var(--ink) / .05);--xchiph:rgb(var(--ink) / .09);--xease:cubic-bezier(.23, 1, .32, 1);color:var(--xink);font:13px/1.3 var(--sans);text-align:left;-webkit-user-select:none;user-select:none}.x button{font:inherit;color:inherit;corner-shape:round;cursor:pointer;transition:transform .16s var(--xease), background-color .15s ease;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.x button:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.x button:not(.x-switch):not(.on):hover{background:var(--xchip)}.x .x-quick button:not(.on):hover{background:var(--xchiph)}}.x-pop{background:var(--xbg);border-radius:calc(22px * var(--corner-k,1));corner-shape:var(--corner-shape,round);box-shadow:var(--sh-lg)}.bento .rd-shape i{box-shadow:0 0 0 .5px #0000001a,0 6px 14px #00000014}[data-theme=dark] .bento .rd{--rail:color-mix(in srgb, var(--fg) 14%, var(--bg))}.x-speed{box-sizing:border-box;width:296px;padding:14px 0}.x-tag{border-radius:calc(12px * var(--corner-k,1));corner-shape:var(--corner-shape,round);background:var(--fg);width:max-content;color:var(--on-fg);font-variant-numeric:tabular-nums;margin:0 auto;padding:4px 12px;font-size:18px;font-weight:600;position:relative}.x-tag:after{content:"";border-radius:calc(1px * var(--corner-k,1));corner-shape:var(--corner-shape,round);background:var(--fg);width:10px;height:10px;margin-left:-5px;position:absolute;bottom:-5px;left:50%;transform:rotate(45deg)}.x-ruler{touch-action:none;outline:none;height:64px;margin-top:2px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000);mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000)}.x-ticks{will-change:transform;height:100%;position:absolute;top:0;left:50%}.x-ticks i{corner-shape:round;background:var(--xink);opacity:.35;border-radius:1px;width:2px;height:14px;margin-left:-1px;position:absolute;top:10px}.x-ticks i.half{opacity:.7;height:20px;top:7px}.x-ticks i.whole{opacity:1;height:26px;top:4px}.x-ticks b{color:var(--xmuted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500;position:absolute;top:38px;transform:translate(-50%)}.x-needle{corner-shape:round;background:var(--fg);border-radius:2px;width:3px;height:34px;margin-left:-1.5px;position:absolute;top:0;left:50%}.x-quick{justify-content:center;gap:8px;margin-top:6px;display:flex}.x .x-quick button{corner-shape:round;background:var(--xchip);border-radius:16px;height:32px;padding:0 14px;font-size:14px;font-weight:500}.x .x-quick button.on{background:var(--fg);color:var(--on-fg)}.x-voices{box-sizing:border-box;width:268px;padding:6px}.x-list{height:156px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 98px,#0000);mask-image:linear-gradient(#000 98px,#0000)}.x-row{border-radius:calc(14px * var(--corner-k,1));corner-shape:var(--corner-shape,round);transition:background-color .15s;position:relative}.x-row+.x-row{margin-top:3px}.x-row:has(.x-pick:hover),.x-row:has(.x-hear:hover),.x-row.on,.x-row.on:has(.x-pick:hover){background:var(--xchip)}.x .x-pick{box-sizing:border-box;border-radius:calc(14px * var(--corner-k,1));corner-shape:var(--corner-shape,round);text-align:left;align-items:center;gap:10px;width:100%;min-height:50px;padding:7px 52px 7px 8px;display:flex}.x .x-pick:hover{background:0 0}.x-av{corner-shape:round;object-fit:cover;width:36px;height:36px;transition:background-color .2s var(--xease);background:#e4e4e8;border-radius:50%;flex:none}[data-theme=dark] .x-av{background:#d1d1d6}.x-row.on .x-av{background:var(--lime)}.x-text{flex-direction:column;gap:1px;min-width:0;display:flex}.x-who{font-size:14.5px;font-weight:500}.x-how{color:var(--xmuted);white-space:nowrap;font-size:12.5px}.x-check{color:var(--fg);pointer-events:none;margin-top:-9px;display:none;position:absolute;top:50%;right:17px}.x-row.on .x-check{display:grid}.x .x-hear{width:36px;height:36px;color:var(--xink);opacity:0;background:color-mix(in srgb, var(--xink) 10%, transparent);transition:opacity .15s, background-color .15s, transform .16s var(--xease);margin-top:-18px;position:absolute;top:50%;right:8px}.x .x-hear:hover{background:color-mix(in srgb, var(--xink) 17%, transparent)}.x .x-hear.playing{color:var(--fg)}.x-row:has(.x-pick:hover) .x-hear,.x-hear:hover,.x-hear.playing{opacity:1}.x-row:has(.x-pick:hover) .x-check,.x-row:has(.x-hear:hover) .x-check,.x-row:has(.x-hear.playing) .x-check{opacity:0}.x-hear .ring{opacity:0;pointer-events:none;width:44px;height:44px;transition:opacity .15s;position:absolute;top:-4px;left:-4px;overflow:visible;transform:rotate(-90deg)}.x-hear.playing .ring{opacity:1}.x-hear .ring circle{fill:none;stroke:var(--fg);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--progress,0) * 100)}@media not ((hover:hover) and (pointer:fine)){.x .x-hear{opacity:1}.x-check{right:52px}}.x-read{flex-direction:column;width:300px;display:flex;position:relative}.k-page{isolation:isolate;border-radius:calc(11px * var(--corner-k,1));corner-shape:var(--corner-shape,round);background:var(--surface);width:262px;box-shadow:var(--sh-lg);font:15px/1.6 var(--serif);color:rgb(var(--ink) / .85);padding:14px 16px 30px;position:relative}.k-plane{pointer-events:none;mix-blend-mode:multiply;--ksent:#d0e3ff;--kword:#9ec7ff;transition:opacity .16s cubic-bezier(.23,1,.32,1);position:absolute;inset:0}[data-theme=dark] .k-plane{mix-blend-mode:screen;--ksent:#163470;--kword:#1e64dc}.x-read.off .k-plane{opacity:0}.k-sents i{border-radius:calc(6px * var(--corner-k,1));corner-shape:var(--corner-shape,round);background:var(--ksent);position:absolute}.k-mark{border-radius:calc(6px * var(--corner-k,1));corner-shape:var(--corner-shape,round);background:var(--kword);will-change:transform;position:absolute;top:0;left:0}.x-prefs{box-sizing:border-box;align-self:flex-end;width:248px;margin-top:-24px;padding:6px;position:relative}.x-pref{box-sizing:border-box;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:0 10px 0 12px;font-size:14px;font-weight:500;display:flex}.x .x-switch{corner-shape:round;background:color-mix(in srgb, var(--xink) 18%, transparent);width:40px;height:24px;transition:background-color .16s var(--xease), transform .16s var(--xease);border-radius:12px;flex:none;display:block;position:relative}.x .x-switch:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.x-switch i{corner-shape:round;background:var(--surface);width:20px;height:20px;transition:transform .2s var(--xease);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.x .x-switch[aria-checked=true]{background:var(--fg)}.x-switch[aria-checked=true] i{transform:translate(16px)}.s-dial{--s-out:cubic-bezier(.23, 1, .32, 1);flex:none;width:150px;height:150px;position:relative}.s-dial>svg{position:absolute;inset:0;overflow:visible}.s-rot{transform-origin:75px 75px;transform:rotate(-90deg)}.s-track{fill:none;stroke:rgb(var(--ink) / .07);stroke-width:5px}.s-arc{fill:none;stroke:var(--fg);stroke-width:5px;stroke-linecap:round;transition:opacity .4s}.s-tk{stroke:rgb(var(--ink) / .16);stroke-width:1.2px;stroke-linecap:round}.s-tk.stop{stroke:rgb(var(--ink) / .38);stroke-width:1.6px}.s-face{corner-shape:round;background:var(--surface);box-shadow:var(--sh-lg);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;inset:17px}.s-phase{width:46px;height:46px;margin-bottom:4px;overflow:visible}.s-base{fill:rgb(var(--ink) / .07)}.s-lit{fill:rgb(var(--ink) / .82)}.s-num{letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--fg);align-items:center;font-size:15px;font-weight:500;line-height:1;display:flex}.s-unit{color:rgb(var(--ink) / .45);margin-left:3px;font-size:12px}.s-swap{place-items:center;display:grid}.s-swap>*{transition:opacity .45s var(--s-out), filter .45s var(--s-out), transform .55s var(--s-out);grid-area:1/1}.s-swap>.off{opacity:0;filter:blur(4px);transform:translateY(5px)scale(.96)}.s-stopped{letter-spacing:-.01em;color:var(--fg);font-size:13px;font-weight:500;line-height:1.2}.s-star{color:rgb(var(--ink) / .55);opacity:0;filter:blur(2px);transition:opacity .5s var(--s-out), transform .7s var(--s-out), filter .5s;position:absolute;transform:scale(.5)rotate(-30deg)}.s-star svg{fill:currentColor;width:100%;height:100%;display:block}.s-star.in{opacity:1;filter:none;animation:2.4s ease-in-out infinite s-twinkle;transform:none}@keyframes s-twinkle{50%{opacity:.35}}.ln{align-items:center;gap:12px;width:100%;display:flex}.ln-face{flex:none;width:64px;height:64px;position:relative}.ln-av{corner-shape:round;background:var(--lime);border-radius:50%;width:64px;height:64px}.ln-fl{position:absolute;bottom:2px;right:-4px}.ln-flag{border-radius:calc(3px * var(--corner-k,1));corner-shape:var(--corner-shape,round);width:20px;height:14px;box-shadow:0 0 0 2px color-mix(in srgb, var(--fg) 4%, var(--bg)), 0 0 0 2.5px #0000001a;display:block;overflow:hidden}.ln-flag svg{width:100%;height:100%;display:block}.ln-bubble{border-radius:calc(16px * var(--corner-k,1)) calc(16px * var(--corner-k,1)) calc(16px * var(--corner-k,1)) calc(6px * var(--corner-k,1));corner-shape:var(--corner-shape,round);background:var(--surface);min-width:0;box-shadow:var(--sh-lg);flex:1;padding:12px 14px;position:relative}.ln-bubble:before{content:"";border-radius:calc(2px * var(--corner-k,1));corner-shape:var(--corner-shape,round);background:var(--surface);width:12px;height:12px;position:absolute;bottom:10px;left:-5px;transform:rotate(45deg)}.card .ln-q{font:italic 400 15.5px/1.35 var(--serif);color:var(--fg9);text-wrap:pretty}.card .ln-src{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.4}.ln-swap{align-items:center;display:grid}.ln-swap>*{grid-area:1/1;min-width:0;transition:opacity .45s cubic-bezier(.23,1,.32,1) 90ms,filter .45s cubic-bezier(.23,1,.32,1) 90ms,transform .55s cubic-bezier(.23,1,.32,1) 90ms}.ln-swap>.off{opacity:0;filter:blur(4px);transform:translateY(6px)}.ln-swap>.gone{opacity:0;filter:blur(4px);transition-duration:.25s;transition-delay:0s;transform:translateY(-4px)}.ln-slot{align-items:center;display:grid}.ln-slot>*{grid-area:1/1;min-width:0}.ln-size{visibility:hidden}.ln-fl>*{transition:opacity .2s cubic-bezier(.23,1,.32,1),transform .5s cubic-bezier(.34,1.4,.64,1)}.ln-fl>.off{opacity:0;filter:none;transform:scale(.6)}.ln-fl>.gone{opacity:0;filter:none;transition-duration:.15s;transform:scale(.8)}.so-island{z-index:5;corner-shape:round;background:#000;border-radius:99px;justify-content:space-between;align-items:center;width:132px;height:34px;margin-left:-66px;padding:0 12px 0 6px;display:flex;position:absolute;top:14px;left:50%;box-shadow:0 8px 18px -10px #00000080}[data-theme=dark] .so-island{box-shadow:0 0 0 .5px #ffffff24}.so-island img{border-radius:calc(6px * var(--corner-k,1));corner-shape:var(--corner-shape,round);width:22px;height:22px}.so-eq{color:#fff;align-items:center;gap:2.5px;height:12px;display:inline-flex}.so-eq i{corner-shape:round;background:currentColor;border-radius:2px;width:2.5px;height:100%;animation:1s ease-in-out infinite so-eq;transform:scaleY(.5)}.so-eq i:nth-child(2){animation-delay:-.35s}.so-eq i:nth-child(3){animation-delay:-.7s}.so-eq i:nth-child(4){animation-delay:-.15s}@keyframes so-eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.so-fade{position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 74%,#0000);mask-image:linear-gradient(#000 74%,#0000)}.so-stack{width:124px;height:158px;margin-left:-62px;position:absolute;top:62px;left:50%}.so-pg{border-radius:calc(10px * var(--corner-k,1));corner-shape:var(--corner-shape,round);background:var(--surface);box-shadow:var(--sh-lg);transition:transform .7s var(--slide), opacity .7s var(--slide);padding:18px 13px 0;position:absolute;inset:0}.so-pg[data-k="0"]{z-index:3;transform:none}.so-pg[data-k="1"]{z-index:2;transform:translate(5px,4px)rotate(3deg)}.so-pg[data-k="2"]{z-index:1;transform:translate(-5px,6px)rotate(-3deg)}.so-pg.out{z-index:4;opacity:0;transform:translate(-75%,-6px)rotate(-14deg)}.so-pg.jump{transition:none}.so-pg:not([data-k="0"]) .so-bars{visibility:hidden}.so-bars{flex-direction:column;gap:5px;display:flex}.so-bars i{corner-shape:round;background:var(--bar);border-radius:2px;height:4px;display:block}.so-bars i.gap{height:0;margin-top:3px}@media (prefers-reduced-motion:reduce){.so-eq i{animation:none}}[data-theme=dark] .bento .x-prefs{background:color-mix(in srgb, var(--fg) 14%, var(--bg))}.m-app{width:72px;height:77px;color:rgb(var(--ink) / .8);flex-direction:column;justify-content:space-between;align-items:center;padding:12px 0 10px;font-size:11px;font-weight:500;display:flex}.m-app svg{width:24px;height:24px;color:var(--fg)}.duo{grid-template-columns:1fr 1fr;gap:8px;margin-top:48px;display:grid}.duo .card .art{height:380px;padding:0;overflow:hidden}.duo canvas.swirl{position:absolute;inset:0}.duo .art{place-items:center;display:grid}.duo .fit{width:max-content}.duo .rv-pop,.duo .ch{z-index:1;position:relative;bottom:auto;right:auto}.rv-duo{height:auto;padding-bottom:8px}.rv-pop.live .rv-v{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;transition:background-color .15s}.rv-pop.live .rv-v:focus-visible{box-shadow:inset 0 0 0 1.5px var(--rfaint);outline:none}@media (hover:hover) and (pointer:fine){.rv-pop.live .rv-v:hover{background:var(--rchip)}}.rv-pop.live .rv-v:is(:hover,:focus-visible,.playing) .rv-hear{opacity:1}@media not ((hover:hover) and (pointer:fine)){.rv-pop.live .rv-hear{opacity:1}}.rv-v:active .rv-hear{transform:scale(.94)}.ch{--cbg:#fff;--cink:#111;--csub:#1119;--cline:#11111114;--cfill:#111;--con:#fff;border-radius:calc(20px * var(--corner-k,1));corner-shape:var(--corner-shape,round);background:var(--cbg);width:360px;color:var(--cink);box-shadow:0 0 0 1px var(--cline), 0 2px 4px #0000000a, 0 24px 48px -20px #0006;font:15px/1.35 var(--sans);text-align:left;gap:18px;padding:18px;display:flex}[data-theme=dark] .ch{--cbg:#1c1c1e;--cink:#f2f2f2;--csub:#f2f2f280;--cline:#ffffff1a;--cfill:#f2f2f2;--con:#1c1c1e}.ch-body{flex-direction:column;flex:1;min-width:0;display:flex}.ch-label{color:var(--csub);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.ch-text{flex-direction:column;gap:3px;margin-top:12px;display:flex}.ch-text b{letter-spacing:-.02em;font-size:22px;font-weight:600;line-height:26px}.ch-text small{color:var(--csub);font-size:14px}.ch-foot{align-items:center;gap:12px;margin-top:auto;display:flex}.ch-play{corner-shape:round;background:var(--cfill);width:44px;height:44px;color:var(--con);border-radius:50%;flex:none;place-items:center;display:grid}.ch-play svg{margin-left:2px}.ch-progress{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.ch-track{corner-shape:round;background:var(--cline);border-radius:2px;height:4px;overflow:hidden}.ch-track i{border-radius:calc(2px * var(--corner-k,1));corner-shape:var(--corner-shape,round);background:var(--cink);height:100%;display:block}.ch-meta{font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;font-weight:500;display:flex}.ch-meta small{font-size:inherit;color:var(--csub);font-weight:400}.ch-cover{border-radius:calc(6px * var(--corner-k,1));corner-shape:var(--corner-shape,round);width:104px;height:156px;box-shadow:0 0 0 .5px var(--cline), 0 10px 22px -10px #0000008c;flex:none;position:relative;overflow:hidden}.ch-cover img{object-fit:cover;width:100%;height:100%;display:block}.ch-cover:after{content:"";background:linear-gradient(90deg,#00000038,#ffffff1f 4%,#0000000f 7%,#0000 12%);position:absolute;inset:0}.drift{flex-direction:column;gap:12px;margin-top:48px;display:flex;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask:linear-gradient(90deg,#0000,#000 14% 86%,#0000)}.track{gap:12px;width:max-content;animation:60s linear infinite drift;display:flex}.track.rev{animation-duration:70s;animation-direction:reverse}.drift:hover .track{animation-play-state:paused}@keyframes drift{0%{transform:translate(0)}to{transform:translate(calc(-50% - 6px))}}@media (prefers-reduced-motion:reduce){.track{animation:none}}.tile{border-radius:calc(14px * var(--corner-k,1));corner-shape:var(--corner-shape,round);background:var(--card);width:188px;height:124px;color:var(--fg9);letter-spacing:-.01em;flex-direction:column;justify-content:space-between;padding:16px;font-size:15px;font-weight:500;display:flex}.tile svg.i{stroke-width:1.4px;width:22px;height:22px;color:var(--fg7)}.band .ssub{color:rgb(var(--ink) / .64)}.band{background:var(--card);border-radius:calc(24px * var(--corner-k,1));corner-shape:var(--corner-shape,round);text-align:center;flex-direction:column;align-items:center;margin-top:0;padding:72px 32px 0;display:flex;overflow:hidden}.tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px;display:flex}.tags span{corner-shape:round;background:var(--chip);height:30px;color:var(--fg);border-radius:99px;align-items:center;padding:0 14px;font-size:13px;display:inline-flex}.devices{flex:none;width:900px;height:420px;margin-top:16px;position:relative}.mac{filter:drop-shadow(0 18px 36px #00000029);width:900px;height:592px;position:absolute;top:0;left:0}.mac:after{content:"";pointer-events:none;background:url(/assets/frames/macbook-pro-14-silver.webp) 50%/100% 100% no-repeat;position:absolute;inset:0}[data-theme=dark] .mac:after{background-image:url(/assets/frames/macbook-pro-14-space-black.webp)}.mscr{text-align:left;background:#4a9cff;width:calc(78.342% + 2px);height:calc(78.189% + 2px);position:absolute;top:calc(10.906% - 1px);left:calc(10.829% - 1px);overflow:hidden}.mbar{color:#fff;height:24px;font:500 8px/1 -apple-system, BlinkMacSystemFont, var(--sans);-webkit-user-select:none;user-select:none;background:#001e5a47;align-items:center;gap:10px;padding:0 12px;display:flex;position:relative}.mbar b{font-weight:700}.mbar .mlogo{width:9px;height:9px;margin-top:-1px}.mbar .mright{font-variant-numeric:tabular-nums;align-items:center;gap:10px;margin-left:auto;display:flex}.mbar .mright svg{width:10px;height:9px}.mbar .mright .mbatt{width:17px}.devices .dwin{border-radius:calc(10px * var(--corner-k,1));corner-shape:var(--corner-shape,round);height:420px;font-family:var(--sans);background:#fff;position:absolute;top:38px;left:6%;right:6%;overflow:hidden;box-shadow:0 22px 50px -10px #000a2880,0 0 0 .5px #00000040}.devices .dwin .ktext{padding:22px 104px 0 48px;font-size:14px}.devices .rd{transform-origin:100% 0;top:46px;bottom:auto;scale:.72}.devices .phone{transform-origin:0 0;top:214px;left:690px;transform:scale(.66)}.tgrid{grid-template-columns:repeat(3,1fr);align-items:start;gap:8px;margin-top:48px;display:grid}.tcard{background:var(--card);border-radius:calc(16px * var(--corner-k,1));corner-shape:var(--corner-shape,round);flex-direction:column;gap:20px;padding:18px;display:flex}.tcard q{color:var(--fg);quotes:"“" "”";font-size:14px;line-height:1.6}.who{align-items:center;gap:10px;display:flex}.who .av{width:30px;height:30px;font-size:12px}.who b{font-size:13px;font-weight:500;display:block}.who small{color:var(--fg);font-size:12px;display:block}.who svg{width:13px;height:13px;fill:var(--faint);margin-left:auto}.glinks{flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-top:28px;font-size:12.5px;display:flex}.glinks span{color:var(--muted)}.glinks a{color:var(--fg7);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;transition:color .15s,text-decoration-color .15s}.glinks a:hover{color:var(--fg);text-decoration-color:currentColor}.more{text-align:center;color:var(--fg);margin-top:24px;font-size:13px;display:block}.more:hover{color:var(--fg)}.final{text-align:center;flex-direction:column;align-items:center;padding:160px 24px 0;display:flex}.final .btn{margin-top:32px}.final .note{color:var(--muted);margin-top:18px;font-size:12px}footer{margin-top:160px}.fgrid{border-top:1px solid var(--line);justify-content:space-between;gap:48px;padding:56px 0 72px;display:flex}.fbrand{max-width:220px;color:var(--muted);font-size:13px;line-height:1.55}.fbrand .logo{color:var(--fg);margin-bottom:10px;display:flex}.fbrand .logo img{border-radius:calc(5px * var(--corner-k,1));corner-shape:var(--corner-shape,round);width:20px;height:20px}.fbrand .logo span{opacity:1;transform:none}.fcols{grid-template-columns:repeat(4,1fr);gap:32px 16px;width:640px;display:grid}.fcols .fh{padding-bottom:8px;font-size:13px;font-weight:500}.fcols a{color:var(--muted);font-size:13px;line-height:28px;transition:color .15s;display:block}.fcols a:hover{color:var(--fg)}.fbot{border-top:1px solid var(--line);color:var(--muted);justify-content:center;gap:20px;padding:32px 0 40px;font-size:13px;display:flex}.fbot a{transition:color .15s}.fbot a:hover{color:var(--fg)}.hright{align-items:center;gap:6px;display:flex}.theme{border-radius:calc(8px * var(--corner-k,1));corner-shape:var(--corner-shape,round);width:28px;height:28px;color:var(--fg7);place-items:center;transition:background .15s,color .15s,transform .16s cubic-bezier(.23,1,.32,1);display:grid}.theme:hover{background:var(--chip);color:var(--fg)}.theme svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.theme .sun,[data-theme=dark] .theme .moon{display:none}[data-theme=dark] .theme .sun{display:block}::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}[data-theme=dark]{color-scheme:dark;--ink:232 230 225;--fg:#e8e6e1;--bg:#000;--page:#000;--surface:#141414;--on-fg:#000;--chip:rgb(var(--ink) / .1);--card:rgb(var(--ink) / .06);--new:#4ade80;--improved:#6b9bff;--fixed:#fb923c;--key:inset 0 1px 0 #ffffff0f, 0 0 0 .5px #ffffff1a, 0 6px 18px -8px #0009}[data-theme=dark] .menu{box-shadow:0 20px 50px -12px #0009,inset 0 0 0 1px #ffffff1a}[data-theme=dark] .pill,[data-theme=dark] .badge{box-shadow:0 0 0 1px #ffffff1a,0 1px 2px #0006}[data-theme=dark] .pill{box-shadow:0 0 0 1px #ffffff12}[data-theme=dark] .pill:hover{box-shadow:0 0 0 1px #ffffff29}[data-theme=dark] canvas.swirl{filter:brightness(.8)saturate(1.05)}[data-theme=dark] .panel{box-shadow:0 0 0 1px #ffffff0f,0 40px 100px #00000080}[data-theme=dark] .thumb[aria-selected=true]{outline-color:var(--ring-dk,#7aa2ff)}.navbtn,.pause{color:#1b1a18}.pill .dot svg{stroke:var(--on-lime)}.av[style*="var(--lime)"]{color:var(--on-lime)}[data-theme=dark] .wbar{background:#2a2a2a;border-color:#383838}[data-theme=dark] .url{color:#9a9a9a;background:#1c1c1c;box-shadow:0 0 0 .5px #ffffff1a}[data-theme=dark] .win,[data-theme=dark] .dwin,[data-theme=dark] .kpage{background:#141414}[data-theme=dark] .ktop{color:#7a7a7a;border-color:#222}[data-theme=dark] .ktext{color:#d4d2cc}[data-theme=dark] .ktext .kh,[data-theme=dark] .kfoot{color:#7a7a7a}[data-theme=dark] .phone:before{box-shadow:0 0 0 1px #ffffff14,0 30px 60px -20px #000000b3}[data-theme=dark] .mscr{background:#12305e}[data-theme=dark] .devices .dwin{box-shadow:0 22px 50px -10px #000000b3,0 0 0 .5px #ffffff24}[data-theme=dark] .mac{filter:drop-shadow(0 18px 36px #00000080)}@media (width<=900px){nav.top{display:none}header{grid-template-columns:1fr auto}.bento,.tgrid{grid-template-columns:1fr 1fr}.duo{grid-template-columns:1fr}.thumbs{display:none}.fgrid{flex-direction:column}.fcols{width:auto}.devices{transform-origin:top;margin-bottom:-117.6px;scale:.72}}@media (width<=760px){.devices{margin-bottom:-184.8px;scale:.56}}@media (width<=640px){h1,.h1b{font-size:42px;line-height:46px}h2{font-size:34px;line-height:38px}.wrap,.tour{padding:0 20px}.ctas{grid-template-columns:1fr 1fr;width:100%;max-width:320px;display:grid}.ctas .btn{justify-content:center}.ctas .btn.dark{grid-column:1/-1}.bento,.tgrid{grid-template-columns:1fr}.fcols{grid-template-columns:1fr 1fr}.navbtn{display:none}.devices{margin-bottom:-277.2px;scale:.34}}[data-theme=dark] .libfig{--anatomy-page:#0b0b0b;--anatomy-card:#131313;--anatomy-text:#a3a3a3;--anatomy-strong:#e6e6e6;--anatomy-muted:#6e6e6e;--anatomy-paper:#131313;--anatomy-face:#1b1b1b;--anatomy-top:#1c1c1c;--anatomy-shade-0:#0f0f0f;--anatomy-shade-1:#121212;--anatomy-shade-2:#151515;--anatomy-shade-3:#181818;--anatomy-lit-top:#262626;--anatomy-lit-shade:#1d1d1d;--anatomy-hi:#d4d4d4;--anatomy-mid:#6a6a6a;--anatomy-lo:#3e3e3e;--anatomy-faint:#2a2a2a;--anatomy-lit:#fff;--anatomy-halo:#050505;--anatomy-halo-opacity:.9;--anatomy-dot:#e6e6e6;--anatomy-red:#ff6b6b;--anatomy-green:#6be0a0;--anatomy-blue:#6b9bff;--anatomy-weight:.6px;--anatomy-ease:cubic-bezier(.32,.72,0,1);--anatomy-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--anatomy-lift:inset 0 1px 0 0 #ffffff0a,inset 0 0 0 1px #ffffff06,0 0 0 1px #00000026,0 1px 1px -.5px #00000014,0 3px 3px -1.5px #00000014,0 6px 6px -3px #00000014,0 12px 12px -6px #00000014}.libfig{--anatomy-page:#f2f2ef;--anatomy-card:#fbfbfa;--anatomy-text:#57575a;--anatomy-strong:#18181a;--anatomy-muted:#8c8c90;--anatomy-paper:#fbfbfa;--anatomy-face:#fff;--anatomy-top:#fff;--anatomy-shade-0:#dcdcd9;--anatomy-shade-1:#e5e5e2;--anatomy-shade-2:#ededea;--anatomy-shade-3:#f4f4f1;--anatomy-lit-top:#fff;--anatomy-lit-shade:#eeeeeb;--anatomy-hi:#26262a;--anatomy-mid:#8a8a8f;--anatomy-lo:#b4b4b8;--anatomy-faint:#d4d4d6;--anatomy-lit:#000;--anatomy-halo:#8a8a80;--anatomy-halo-opacity:.32;--anatomy-dot:#3a3a3e;--anatomy-red:#e5484d;--anatomy-green:#30a46c;--anatomy-blue:#3e63dd;--anatomy-lift:inset 0 1px 0 0 #fff,0 0 0 1px #0000000f,0 1px 1px -.5px #0000000a,0 3px 3px -1.5px #0000000a,0 6px 6px -3px #0000000a,0 12px 12px -6px #0000000a}.iso-svg{width:100%;height:auto;display:block;overflow:visible}.iso-svg path,.iso-svg circle{vector-effect:non-scaling-stroke}.iso-fill{fill:var(--anatomy-paper);stroke:none}.iso-solid[data-lit]>.iso-fill{fill:var(--anatomy-face)}.iso-shade,.iso-top{stroke:none}.iso-shade[data-shade="0"]{fill:var(--anatomy-shade-0)}.iso-shade[data-shade="1"]{fill:var(--anatomy-shade-1)}.iso-shade[data-shade="2"]{fill:var(--anatomy-shade-2)}.iso-shade[data-shade="3"]{fill:var(--anatomy-shade-3)}.iso-top{fill:var(--anatomy-top)}.iso-solid[data-lit]>.iso-top{fill:var(--anatomy-lit-top)}.iso-solid[data-lit]>.iso-shade{fill:var(--anatomy-lit-shade)}.iso-solid[data-seamless]>.iso-shade,.iso-solid[data-seamless]>.iso-top{stroke-width:.4px;stroke-linejoin:round}.iso-solid[data-seamless]>.iso-shade[data-shade="0"]{stroke:var(--anatomy-shade-0)}.iso-solid[data-seamless]>.iso-shade[data-shade="1"]{stroke:var(--anatomy-shade-1)}.iso-solid[data-seamless]>.iso-shade[data-shade="2"]{stroke:var(--anatomy-shade-2)}.iso-solid[data-seamless]>.iso-shade[data-shade="3"]{stroke:var(--anatomy-shade-3)}.iso-solid[data-seamless]>.iso-top{stroke:var(--anatomy-top)}.iso-solid[data-seamless][data-lit]>.iso-top{stroke:var(--anatomy-lit-top)}.iso-solid[data-seamless][data-lit]>.iso-shade{stroke:var(--anatomy-lit-shade)}.iso-solid[data-lit]>.iso-edge{stroke:var(--anatomy-lit)}.iso-halo{fill:var(--anatomy-halo);stroke:none;filter:blur(9px);opacity:var(--anatomy-halo-opacity);transform:translateY(3px)}.iso-line{fill:none;stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight);stroke-linecap:round;stroke-linejoin:round}.iso-line[data-tone=hi]{stroke:var(--anatomy-hi)}.iso-line[data-tone=mid]{stroke:var(--anatomy-mid)}.iso-line[data-tone=lo]{stroke:var(--anatomy-lo)}.iso-line[data-tone=faint]{stroke:var(--anatomy-faint)}.iso-line[data-tone=lit]{stroke:var(--anatomy-lit)}.iso-line[data-tone=red]{stroke:var(--anatomy-red)}.iso-line[data-tone=green]{stroke:var(--anatomy-green)}.iso-line[data-tone=blue]{stroke:var(--anatomy-blue)}.iso-line[data-dotted]{stroke-dasharray:.01 3.5;stroke-width:1px}.iso-line[data-dashed]{stroke-dasharray:3 3}.iso-line[data-flow]{stroke-dasharray:2 6}.iso-wire-end{fill:var(--anatomy-paper);stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight)}.iso-wire[data-tone=hi] .iso-wire-end{stroke:var(--anatomy-hi)}.iso-wire[data-tone=mid] .iso-wire-end{stroke:var(--anatomy-mid)}.iso-wire[data-tone=faint] .iso-wire-end{stroke:var(--anatomy-faint)}.iso-wire[data-tone=lit] .iso-wire-end{stroke:var(--anatomy-lit)}.iso-dots circle{fill:var(--anatomy-dot);stroke:none;opacity:.32}.iso-dots[data-tone=hi] circle{opacity:.85}.iso-dots[data-tone=mid] circle{opacity:.45}.iso-dots[data-tone=lo] circle{opacity:.22}.iso-dots[data-tone=faint] circle{opacity:.12}.iso-face-text{fill:var(--anatomy-mid);font-family:var(--anatomy-mono);letter-spacing:.04em}.iso-face-text[data-tone=hi]{fill:var(--anatomy-hi)}.iso-face-text[data-tone=lo]{fill:var(--anatomy-lo)}.iso-face-text[data-tone=faint]{fill:var(--anatomy-faint)}.tb-body{fill:var(--anatomy-shade-2);stroke:none}.tb-shine{fill:var(--anatomy-top);stroke:none}.tb-shade{fill:var(--anatomy-shade-0);stroke:none}.tb-ring{fill:none;stroke:var(--anatomy-lo);stroke-width:.45px;stroke-linecap:butt;stroke-linejoin:round}.tb-ring[data-tone=mid]{stroke:var(--anatomy-mid)}.tb-ring[data-tone=faint]{stroke:var(--anatomy-faint)}.tb-ring[data-tone=hi]{stroke:var(--anatomy-hi)}@keyframes iso-flow{to{stroke-dashoffset:-32px}}@keyframes iso-pulse{0%,to{opacity:.18}12%{opacity:1}40%{opacity:.18}}.iso-line[data-flow]{animation:1.6s linear infinite iso-flow}.iso-dots circle[data-pulse]{animation:1.6s step-end infinite iso-pulse;animation-delay:var(--pulse-at,0s)}.iso-figure{margin:32px 0 36px}.iso-plate{corner-shape:round;background:var(--anatomy-card);box-shadow:0 0 0 1px var(--anatomy-mid);--anatomy-paper:var(--anatomy-card);border-radius:0;padding:52px 24px;position:relative}.iso-plate-corners{pointer-events:none;position:absolute;inset:18px 20px}.iso-plate-corner{color:var(--anatomy-muted);font-family:var(--anatomy-mono);letter-spacing:.04em;white-space:nowrap;font-size:10.5px;line-height:1;position:absolute}.iso-plate-corner[data-corner=fig]{color:var(--anatomy-text);top:0;left:0}.iso-plate-corner[data-corner=title]{text-transform:uppercase;letter-spacing:.1em;top:0;right:0}.iso-plate-corner[data-corner=hint]{text-transform:uppercase;letter-spacing:.1em;bottom:0;left:0}.iso-plate-corner[data-corner=readout]{color:var(--anatomy-text);font-variant-numeric:tabular-nums;bottom:0;right:0}.iso-plate .iso-svg{margin:0 auto}.iso-legend{color:var(--anatomy-muted);gap:8px;margin-top:12px;font-size:13px;line-height:1.55;display:grid}.iso-keys{flex-wrap:wrap;gap:6px 18px;display:flex}.iso-key{align-items:center;gap:7px;display:inline-flex}.iso-swatch{flex:none;width:16px;height:10px;overflow:visible}.iso-swatch path{fill:none;stroke:var(--anatomy-hi);stroke-width:1px;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.iso-swatch[data-mark=raised] path,.iso-swatch[data-mark=flat] path{stroke:var(--anatomy-mid)}.iso-swatch[data-mark=lit] path{stroke:var(--anatomy-lit)}.iso-swatch[data-mark=dim] path{stroke:var(--anatomy-lo)}.iso-swatch[data-mark=dotted] path{stroke-dasharray:.01 3;stroke-width:1.4px}.iso-swatch[data-mark=dashed] path{stroke-dasharray:3 2.5}.iso-swatch[data-mark=red] path{stroke:var(--anatomy-red)}.iso-swatch[data-mark=green] path{stroke:var(--anatomy-green)}.iso-swatch[data-mark=blue] path{stroke:var(--anatomy-blue)}.iso-swatch-crease{stroke:var(--anatomy-lo)!important}@media (width<=560px){.iso-plate{padding:48px 12px 70px}.iso-plate-corner[data-corner=hint]{bottom:18px}}@media (prefers-reduced-motion:reduce){.iso-line[data-flow],.iso-dots circle[data-pulse]{animation:none}}.libfig{--anatomy-paper:#f5f5f5;--anatomy-face:#fff;--anatomy-top:#fff;--anatomy-lit-top:#fff;--anatomy-lit-shade:#f2f2f0;--anatomy-shade-0:#ebebe9;--anatomy-shade-1:#efefed;--anatomy-shade-2:#f3f3f1;--anatomy-shade-3:#f7f7f5;--anatomy-hi:#b4b4b3;--anatomy-mid:#c8c8c7;--anatomy-lo:#dbdbda;--anatomy-faint:#e7e7e6;--anatomy-lit:#8e8e8d;--anatomy-dot:#9c9c9b;--anatomy-halo:#e3e3e1;--anatomy-halo-opacity:1}[data-theme=dark] .libfig{--anatomy-paper:#0a0a0a;--anatomy-face:#1a1a19;--anatomy-top:#171716;--anatomy-lit-top:#1d1d1c;--anatomy-lit-shade:#161615;--anatomy-shade-0:#0f0f0f;--anatomy-shade-1:#111;--anatomy-shade-2:#131313;--anatomy-shade-3:#151514;--anatomy-hi:#484847;--anatomy-mid:#353534;--anatomy-lo:#282827;--anatomy-faint:#1f1f1e;--anatomy-lit:#6e6d6b;--anatomy-dot:#5f5e5c;--anatomy-halo:#050505;--anatomy-halo-opacity:1}.libfig [data-v=lit]{--anatomy-hi:#7d7d7c;--anatomy-lo:#7d7d7c;--anatomy-mid:#a2a2a1}[data-theme=dark] .libfig [data-v=lit]{--anatomy-hi:#8a8987;--anatomy-lo:#8a8987;--anatomy-mid:#5f5e5c}.libfig .iso-dots circle{opacity:1}.card .art:has(.libfig){padding:0}.libfig{place-items:center;width:100%;height:100%;display:grid}.libfig .iso-svg{width:100%;height:100%}