@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../media/af21ab248943f479-s.104iauyxhaf24.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../media/4ae66b896b591e96-s.0b9excvam7id0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../media/21ca8f3f56c22ca2-s.p.0fmzj955937qe.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Fallback;src:local(Arial);ascent-override:88.96%;descent-override:21.28%;line-gap-override:0.0%;size-adjust:98.7%}.archivo_fd6746d-module__BfelQW__className{font-family:Archivo,Archivo Fallback;font-style:normal}.archivo_fd6746d-module__BfelQW__variable{--font-archivo:"Archivo", "Archivo Fallback"}
@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:100%;font-display:swap;src:url(../media/2b232b7efa22db1c-s.0ybc8nl~b08mk.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:100%;font-display:swap;src:url(../media/3bee448361125987-s.0s3x5d.kzsogj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:100%;font-display:swap;src:url(../media/564b25e5ad617bd2-s.0i.0j7hyvkfe..woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:100%;font-display:swap;src:url(../media/ee9d8ff0751135e3-s.p.0clq22uw0kgh5.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Martian Mono Fallback;src:local(Arial);ascent-override:63.69%;descent-override:12.74%;line-gap-override:0.0%;size-adjust:157.02%}.martian_mono_e644d963-module__bF9mHa__className{font-family:Martian Mono,Martian Mono Fallback;font-style:normal}.martian_mono_e644d963-module__bF9mHa__variable{--font-martian:"Martian Mono", "Martian Mono Fallback"}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#07090d;--line:#b0d0e81f;--line-2:#b0d0e838;--fg:#e9eef3;--fg-2:#9ba8b7;--fg-3:#6a7685;--cyan:#4fd8e8;--amber:#f2b441;--display:var(--font-archivo), system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--body:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", system-ui, sans-serif;--mono:var(--font-martian), ui-monospace, "SF Mono", Menlo, Consolas, "PingFang SC", monospace;--gutter:clamp(16px, 4vw, 48px);--step:72svh;--ease:cubic-bezier(.2, .8, .2, 1)}*,:before,:after{box-sizing:border-box}html{background:var(--ink);-webkit-text-size-adjust:100%}html:has(.studio-home){scroll-snap-type:y proximity}body{background:var(--ink);min-height:100svh;color:var(--fg);font:15px/1.7 var(--body);padding-inline:var(--gutter);-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%}a{color:inherit}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{font:500 11px/1.5 var(--mono);letter-spacing:.1em;color:var(--fg-2);margin:0 0 10px}.glow{pointer-events:none;z-index:0;background:radial-gradient(60% 45% at 50% 30%,#4fd8e812,#0000 70%),radial-gradient(45% 35% at 50% 105%,#f2b4410f,#0000 70%);position:fixed;inset:0}.grain{pointer-events:none;z-index:3;opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}main{z-index:2;position:relative}.topbar{z-index:10;padding:calc(env(safe-area-inset-top,0px) + 14px) var(--gutter) 14px;pointer-events:none;align-items:center;gap:12px;display:flex;position:fixed;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.topbar:before{content:"";z-index:-1;opacity:0;transition:opacity .3s var(--ease);pointer-events:none;background:linear-gradient(#07090df0 50%,#07090d00);position:absolute;inset:0 0 -20px}.topbar.is-scrolled:before{opacity:1}.mini-mark{opacity:0;width:104px;transition:opacity .4s var(--ease), transform .4s var(--ease);display:block;transform:translateY(-4px)}.topbar.is-scrolled .mini-mark,.mini-mark:focus-visible{opacity:1;transform:none}.mini-mark:focus-visible,.pill a:focus-visible,.lang:focus-visible{outline:1px solid var(--cyan);outline-offset:6px;border-radius:4px}.pill{border:1px solid var(--line-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07090d8c;border-radius:999px;align-items:center;gap:14px;margin-left:auto;padding:11px 18px;display:flex}.pill a{font:500 12px/1 var(--body);letter-spacing:.12em;color:var(--fg);text-decoration:none}.pill i{background:linear-gradient(90deg, var(--line-2), var(--cyan), var(--line-2));width:40px;height:1px;display:block}.lang{border:1px solid var(--line-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:500 12px/1 var(--body);letter-spacing:.06em;color:var(--fg-2);background:#07090d8c;border-radius:999px;padding:10px 14px;text-decoration:none;transition:color .2s,border-color .2s}.lang:hover{color:var(--fg);border-color:#4fd8e899}.logo{width:100%;height:auto;display:block;overflow:visible}.logo .logo-lt{stroke:var(--logo-off-fg,#5b6674);transition:stroke .5s .15s}.logo .logo-dot,.logo .logo-knob{fill:var(--logo-off-accent,#3a4450)}.logo .logo-dot{transition:fill .4s .45s}.logo .logo-knob{transition:transform .55s cubic-bezier(.34,1.4,.64,1),fill .35s .2s}.logo .logo-trail{stroke:var(--logo-accent,#4fd8e8);opacity:0;transition:opacity .3s .35s}.logo.is-on .logo-lt{stroke:var(--logo-fg,#e9eef3)}.logo.is-on .logo-dot,.logo.is-on .logo-knob{fill:var(--logo-accent,#4fd8e8)}.logo.is-on .logo-knob{transform:translate(52px)}.logo.is-on .logo-trail{opacity:1}.hero{scroll-snap-align:start;min-height:100svh;padding-block:calc(env(safe-area-inset-top,0px) + 84px) clamp(22px, 4.5vh, 44px);touch-action:pan-y pinch-zoom;grid-template-rows:minmax(0,.7fr) auto auto auto minmax(16px,1fr) auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"s0 s0 s0""n1 n2 n3""wm wm wm""n4 n5 n6""sp sp sp""ms ms ch";align-items:start;gap:18px clamp(16px,3vw,40px);display:grid;position:relative}.reveal{top:0;left:calc(var(--gutter) * -1);width:calc(100% + 2 * var(--gutter));z-index:0;height:100%;display:block;position:absolute}.wm-wrap,.need,.mission,.hero-cats{z-index:1;position:relative}.wm-wrap{text-align:center;grid-area:wm}.wordmark{width:clamp(260px,42vw,640px);margin:0 auto}.hero.gl .wordmark .logo{opacity:0}.hint{min-height:1.4em;font:400 11px/1.4 var(--mono);letter-spacing:.08em;color:var(--fg-3);transition:opacity .8s var(--ease);margin:10px 0 0}.hint.gone{opacity:0}.switch-row{justify-content:center;align-items:center;gap:12px;margin-top:16px;display:none}.hero.gl .switch-row{display:flex}.sw-label{font:500 12px/1 var(--body);letter-spacing:.14em;color:var(--fg-3);transition:color .3s,text-shadow .3s}.sw-label.off{color:var(--fg)}.hero.lights-on .sw-label.off{color:var(--fg-3)}.hero.lights-on .sw-label.on{color:var(--fg);text-shadow:0 0 12px #4fd8e8cc}.lamp{all:unset;cursor:pointer;background:linear-gradient(#05070a,#141b24);border-radius:999px;width:64px;height:32px;transition:background .4s,box-shadow .4s;position:relative;box-shadow:inset 0 2px 6px #000c,inset 0 0 0 1px #b0d0e82e,0 1px #ffffff0f}.lamp:before{content:"";background:repeating-linear-gradient(90deg,#b0d0e81a 0 1px,#0000 1px 6px);border-radius:999px;position:absolute;inset:5px 9px}.lamp-knob{background:radial-gradient(circle at 35% 30%,#fff,#c9d3dd 45%,#8a96a3);border-radius:50%;width:26px;height:26px;transition:transform .45s cubic-bezier(.34,1.56,.64,1),background .4s,box-shadow .4s;position:absolute;top:3px;left:3px;box-shadow:0 3px 8px #0009,inset 0 -2px 3px #00000040}.hero.lights-on .lamp{background:linear-gradient(#0b3a44,#1b6f7d);box-shadow:inset 0 2px 6px #00000080,inset 0 0 0 1px #4fd8e899,0 0 24px #4fd8e88c}.hero.lights-on .lamp-knob{background:radial-gradient(circle at 35% 30%,#fff,#dff6ff 40%,#4fd8e8);transform:translate(32px);box-shadow:0 0 18px #4fd8e8e6,0 3px 8px #00000080}.lamp:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.need{gap:8px;justify-self:var(--js,center);width:100%;max-width:330px;transform:translateY(var(--dy,0px));border:1px solid rgba(var(--tint-rgb), .45);background:linear-gradient(150deg, rgba(var(--tint-rgb), .14), #0c1118eb 55%);color:var(--fg);border-radius:16px;flex-direction:column;padding:12px 14px;text-decoration:none;display:flex}.need-q{font-size:16px;font-weight:500;line-height:1.45}.need-a{min-height:42px;color:var(--fg-2);padding-left:52px;font-size:13px;line-height:1.5;position:relative}.need-a b{font:700 15px/1.4 var(--body);color:rgb(var(--tint-rgb));display:block}.need-a:before{content:"";background:var(--icon) center/cover, #0b1216;border-radius:10px;width:40px;height:40px;position:absolute;top:2px;left:0}.hero.gl .need{color:#0000;background:0 0;border-color:#0000}.hero.gl .need-a,.hero.gl .need-a b{color:#0000}.hero.gl .need-a:before{opacity:0}.need:focus-visible{outline:2px solid rgba(var(--tint-rgb), .9);outline-offset:3px}.n1{--js:start;--dy:6px;grid-area:n1}.n2{--dy:-8px;grid-area:n2}.n3{--js:end;--dy:14px;grid-area:n3}.n4{--js:start;--dy:-6px;grid-area:n4}.n5{--js:end;--dy:10px;grid-area:n5}.n6{--dy:-12px;grid-area:n6}.mission{grid-area:ms;align-self:end}.lead{font:600 clamp(24px, 3vw, 36px)/1.3 var(--body);letter-spacing:.02em;text-wrap:balance;margin:0}.sub{color:var(--fg-2);margin:8px 0 0;font-size:clamp(14px,1.3vw,17px)}.hero-cats{grid-area:ch;place-self:end;max-width:420px}.hero-cats .eyebrow{text-align:right}.hero-cats ul{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hero-cats button{all:unset;cursor:pointer;border:1px solid var(--line-2);color:var(--fg);font:500 13px/1.2 var(--body);background:#07090d8c;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;transition:border-color .2s,background .2s;display:inline-flex}.hero-cats button:before{content:"";background:rgb(var(--tint-rgb));width:6px;height:6px;box-shadow:0 0 8px rgba(var(--tint-rgb), .8);border-radius:50%;flex:none}.hero-cats button:hover{border-color:rgba(var(--tint-rgb), .7);background:rgba(var(--tint-rgb), .12)}.hero-cats button:focus-visible{outline:1px solid rgb(var(--tint-rgb));outline-offset:3px}.work{height:calc(100svh + (var(--n,5) - 1) * var(--step));position:relative}.snaps{pointer-events:none;position:absolute;inset:0}.snap{left:0;top:calc(var(--i) * var(--step));scroll-snap-align:start;width:1px;height:1px;position:absolute}.stage{height:100svh;margin-inline:calc(var(--gutter) * -1);position:sticky;top:0;overflow:clip}.index{left:var(--gutter);z-index:2;width:clamp(150px,17vw,230px);position:absolute;top:50%;transform:translateY(-50%)}.index ol{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.index button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;color:var(--fg-3);font:500 14px/1.3 var(--display);border-radius:8px;align-items:center;gap:12px;padding:8px 6px;transition:color .25s;display:flex}.index button:before{content:"";width:14px;height:1px;transition:width .3s var(--ease), background .3s;background:currentColor;flex:none}.index button:hover,.index button[aria-current=true]{color:var(--fg)}.index button[aria-current=true]:before{background:rgb(var(--tint-rgb));width:28px}.index button:focus-visible{outline:1px solid var(--cyan)}.deck-wrap{perspective:1300px;perspective-origin:50% 47%;z-index:1;position:absolute;inset:0 0 0 clamp(190px,24vw,340px)}.deck{transform-style:preserve-3d;position:absolute;inset:0}.board{width:min(860px,58vw);color:var(--fg);cursor:pointer;background:linear-gradient(155deg, rgba(var(--tint-rgb), .16) 0%, rgba(var(--tint-rgb), 0) 45%), linear-gradient(180deg, #121922, #090d12);box-shadow:inset 0 1px 0 #ffffff14, 0 40px 90px -40px rgba(var(--tint-rgb), .5), 0 30px 60px -30px #000c;will-change:transform, opacity;backface-visibility:hidden;border:1px solid #ffffff1a;border-radius:28px;flex-direction:column;gap:clamp(14px,1.4vw,22px);padding:clamp(26px,2.6vw,44px) clamp(24px,2.4vw,40px) clamp(20px,2vw,32px);display:flex;position:absolute;top:47%;left:50%}.board.is-active{cursor:default}.glare{border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--gx,25%) var(--gy,0%), #ffffff1a, transparent 45%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.board.is-active .glare{opacity:1}.cat-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.cat-name{font:800 clamp(26px, 3.2vw, 46px)/1.15 var(--display);margin:0;font-stretch:125%}.cat-count{font:400 12px/1 var(--mono);letter-spacing:.06em;color:rgb(var(--tint-rgb));flex:none}.cat-desc{color:var(--fg-2);margin:-6px 0 4px;font-size:clamp(14.5px,1.25vw,19px)}.prods{flex-direction:column;gap:clamp(8px,.8vw,12px);margin:0;padding:0;list-style:none;display:flex}.prod{border:1px solid var(--line);color:var(--fg);background:#ffffff06;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(12px,1.2vw,18px);padding:clamp(10px,1vw,16px) clamp(12px,1.3vw,20px) clamp(10px,1vw,16px) clamp(10px,1vw,16px);text-decoration:none;transition:border-color .2s,background .2s;display:grid;position:relative}.prod:hover{border-color:rgba(var(--tint-rgb), .5);background:rgba(var(--tint-rgb), .07)}.prod:focus-visible{outline:2px solid rgba(var(--tint-rgb), .9);outline-offset:2px}.prod.is-dev{cursor:default;border-style:dashed}.prod.is-dev:hover{border-color:var(--line);background:#ffffff06}.prod-text{flex-direction:column;gap:2px;min-width:0;display:flex}.prod-text strong{font:800 clamp(16px, 1.45vw, 22px)/1.3 var(--display);font-stretch:125%}.prod-text span{white-space:nowrap;text-overflow:ellipsis;color:var(--fg-2);font-size:clamp(13px,1.05vw,16px);overflow:hidden}.prod-meta{white-space:nowrap;font:400 12px/1.3 var(--mono);color:var(--fg-2)}.prod-meta b{font:600 14px/1 var(--body);color:rgb(var(--tint-rgb));margin-left:8px}.app-icon{object-fit:cover;width:56px;height:56px;box-shadow:0 0 0 1px #ffffff1f, 0 10px 26px -10px rgba(var(--tint-rgb), .7);background:#0b1216;border-radius:13px;flex:none}.prod .app-icon,.dev-icon{border-radius:clamp(10px,1vw,15px);width:clamp(44px,4.2vw,64px);height:clamp(44px,4.2vw,64px)}.dev-icon{font:800 clamp(12px, 1.1vw, 16px)/1 var(--display);color:rgb(var(--tint-rgb));background:#0b1216;flex:none;place-items:center;font-stretch:125%;display:grid;box-shadow:0 0 0 1px #ffffff1f}.deck-foot{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);z-index:2;font:400 11px/1 var(--mono);letter-spacing:.08em;color:var(--fg-2);pointer-events:none;justify-content:center;gap:18px;margin:0;display:flex;position:absolute}.deck-foot .counter{color:var(--fg)}.about{max-width:1000px;margin:0 auto;padding-block:clamp(90px,16vh,170px) 40px;position:relative}.about-grid{grid-template-columns:minmax(200px,280px) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,64px);display:grid}.avatar{margin:0;position:sticky;top:96px}.avatar-frame{aspect-ratio:4/5;background:radial-gradient(80% 60% at 50% 30%,#4fd8e838,#0000 70%),linear-gradient(#101822,#0a0f15);border-radius:28px;max-width:100%;position:relative;overflow:hidden;box-shadow:0 30px 80px -40px #4fd8e880}.avatar-frame img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.avatar-frame:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #b0d0e829}.avatar figcaption{text-align:center;font:400 11px/1.5 var(--mono);letter-spacing:.08em;color:var(--fg-3);margin-top:12px}.about h2{font:800 clamp(30px, 4.4vw, 48px)/1.15 var(--display);text-wrap:balance;margin:0 0 18px;font-stretch:125%}.about h3{font:500 11px/1.5 var(--mono);letter-spacing:.1em;color:var(--fg-2);margin:34px 0 12px}.about p{max-width:62ch;color:var(--fg-2);margin:0 0 14px;font-size:16px}.about .about-lead{color:var(--fg);font-size:clamp(17px,1.6vw,19px);line-height:1.7}.now{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.now li{color:var(--fg-2);padding-left:22px;font-size:16px;position:relative}.now li:before{content:"";background:var(--cyan);width:10px;height:2px;position:absolute;top:.72em;left:0}.now b{color:var(--fg);font-weight:600}.now a{color:var(--fg);border-bottom:1px solid var(--line-2);text-decoration:none}.about .sig{color:var(--fg);font:500 13px/1 var(--mono);margin-top:26px}.socials{color:var(--fg-2);flex-wrap:wrap;gap:10px 26px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.socials a{color:var(--fg);border-bottom:1px solid var(--line-2);text-decoration:none}.socials a:hover{border-bottom-color:var(--cyan)}.socials.elsewhere{border-top:1px solid var(--line);margin-top:30px;padding-top:18px}.site-foot{z-index:2;max-width:1000px;padding-block:44px calc(env(safe-area-inset-bottom,0px) + 40px);border-top:1px solid var(--line);flex-direction:column;gap:18px;margin:0 auto;display:flex;position:relative}.site-foot p{font:400 11px/1.8 var(--mono);letter-spacing:.04em;color:var(--fg-3);margin:0}.site-foot p a{color:var(--fg-2);text-decoration:none}.site-foot p a:hover{color:var(--fg)}.socials--foot{font-size:13px}.expander{--tint-rgb:79, 216, 232;z-index:29;pointer-events:none;background:radial-gradient(90% 55% at 50% -8%, rgba(var(--tint-rgb), .2), transparent 62%), var(--ink);border:1px solid #ffffff1a;position:fixed}.product-page{--tint-rgb:79, 216, 232;max-width:760px;padding-block:calc(env(safe-area-inset-top,0px) + 84px) 40px;margin:0 auto}.product-page:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(90% 55% at 50% -8%, rgba(var(--tint-rgb), .18), transparent 62%);position:fixed;inset:0}.pd-bar{margin-bottom:clamp(20px,4vh,40px)}.back{border:1px solid var(--line-2);font:500 13px/1 var(--body);color:var(--fg);background:#07090d99;border-radius:999px;padding:10px 15px;text-decoration:none;display:inline-block}.back:hover{border-color:rgba(var(--tint-rgb), .6)}.back:focus-visible{outline:1px solid var(--cyan);outline-offset:3px}.d-head .app-icon{border-radius:17px;width:76px;height:76px;margin-bottom:22px}.d-head h1{font:800 clamp(34px, 7vw, 58px)/1.08 var(--display);text-wrap:balance;margin:4px 0 10px;font-stretch:125%}.d-store{color:var(--fg-3);margin:0;font-size:13px}.d-tagline{text-wrap:pretty;margin:22px 0 28px;font-size:clamp(19px,2.6vw,24px);line-height:1.5}.d-cta{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.btn{background:rgb(var(--tint-rgb));color:#0a0c10;box-shadow:0 12px 32px -12px rgba(var(--tint-rgb), .8);border-radius:12px;align-items:center;gap:8px;padding:13px 20px;font-size:15px;font-weight:650;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chips li{border:1px solid var(--line-2);font:400 11.5px/1.2 var(--mono);color:var(--fg-2);border-radius:999px;padding:8px 11px}.d-note{border-left:2px solid var(--amber);background:#f2b4410f;border-radius:0 8px 8px 0;margin:24px 0 0;padding:12px 14px;font-size:14px}.d-note+.d-note{margin-top:10px}.d-sec{margin-top:clamp(44px,7vh,64px)}.d-sec h2{font:500 11px/1.5 var(--mono);letter-spacing:.1em;color:var(--fg-2);margin:0 0 16px}.d-cant{background:linear-gradient(160deg,#f2b44112,#f2b44100 60%);border:1px solid #f2b44147;border-radius:18px;padding:22px 22px 8px}.d-cant h2{color:var(--amber)}.cant{flex-direction:column;gap:12px;margin:0 0 14px;padding:0;list-style:none;display:flex}.cant li,.d-cant .prose li{padding-left:24px;font-size:16px;line-height:1.6;position:relative}.cant li:before,.d-cant .prose li:before{content:"";background:var(--amber);width:12px;height:2px;position:absolute;top:.8em;left:0}.prose{color:var(--fg-2);font-size:16px;line-height:1.75}.prose p{max-width:64ch;margin:0 0 14px}.prose strong{color:var(--fg);font-weight:600}.prose ul,.prose ol{margin:0 0 16px;padding-left:1.2em}.d-cant .prose ul{flex-direction:column;gap:12px;padding:0;list-style:none;display:flex}.prose li{margin:0 0 6px}.prose a{color:var(--fg);border-bottom:1px solid rgba(var(--tint-rgb), .5);text-decoration:none}.prose blockquote{border-left:2px solid rgba(var(--tint-rgb), .6);background:#ffffff05;border-radius:0 8px 8px 0;margin:0 0 16px;padding:10px 16px}.prose blockquote p:last-child{margin-bottom:0}.prose h3{color:var(--fg);margin:22px 0 8px;font-size:16px}.prose code{font:400 .9em/1 var(--mono)}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:16px 30px 16px 0;font-size:16px;font-weight:600;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:400 18px/1 var(--mono);color:var(--fg-2);transition:transform .25s var(--ease);position:absolute;top:15px;right:4px}.faq details[open] summary:after{transform:rotate(45deg)}.faq summary:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}.faq details p{max-width:64ch;color:var(--fg-2);margin:0 0 18px;font-size:15px;line-height:1.75}.sources{color:var(--fg-3);margin:0;padding-left:1.1em;font-size:14px;line-height:1.7}.sources a{color:var(--fg-2);border-bottom:1px solid var(--line-2);text-decoration:none}.d-next{flex-direction:column;gap:16px;margin-top:56px;display:flex}.d-next a{border-bottom:1px solid var(--line-2);color:var(--fg);align-self:flex-start;padding-bottom:3px;font-size:15px;text-decoration:none}.d-org{font:400 11px/1.7 var(--mono);letter-spacing:.03em;color:var(--fg-3);margin:0}.products-index{max-width:860px;padding-block:calc(env(safe-area-inset-top,0px) + 96px) 40px;margin:0 auto}.pi-head h1{font:800 clamp(34px, 6vw, 56px)/1.1 var(--display);margin:0 0 12px;font-stretch:125%}.pi-head p:not(.eyebrow){max-width:60ch;color:var(--fg-2);margin:0;font-size:16px}.pi-scene{margin-top:clamp(40px,7vh,64px)}.pi-scene h2{font:800 clamp(22px, 3vw, 30px)/1.2 var(--display);color:var(--fg);margin:0 0 6px;font-stretch:125%}.pi-scene h2:before{content:"";background:rgb(var(--tint-rgb));width:8px;height:8px;box-shadow:0 0 10px rgba(var(--tint-rgb), .8);border-radius:50%;margin:0 12px .18em 0;display:inline-block}.pi-scene .cat-desc{margin:0 0 16px}@media (max-width:759px){:root{--step:64svh}.pill{gap:10px;padding:10px 14px}.pill i{width:22px}.hero{padding-block:calc(env(safe-area-inset-top,0px) + 76px) 32px;grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"wm""ms""n1""n2""n3""ch";row-gap:16px}.n4,.n5,.n6{display:none}.need{--dy:0px;max-width:88%}.n1,.n3{--js:start}.n2{--js:end}.wordmark{width:min(78vw,400px)}.mini-mark{width:92px}.hero-cats{justify-self:start}.hero-cats .eyebrow{text-align:left}.hero-cats ul{justify-content:flex-start}.index{top:auto;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 50px);width:auto;padding-inline:var(--gutter);transform:none}.index .eyebrow{display:none}.index ol{scrollbar-width:none;flex-direction:row;gap:6px;overflow-x:auto}.index ol::-webkit-scrollbar{display:none}.index button{white-space:nowrap;border:1px solid var(--line);width:auto;font:500 12.5px/1.2 var(--body);border-radius:999px;padding:7px 11px}.index button:before{display:none}.index button[aria-current=true]{border-color:rgba(var(--tint-rgb), .7);background:rgba(var(--tint-rgb), .12)}.deck-wrap{perspective-origin:50% 42%;left:0}.board{width:calc(100vw - 2 * var(--gutter));gap:12px;padding:20px 14px 14px;top:42%}.cat-name{font-size:22px}.prod{gap:10px;padding:9px 10px 9px 9px}.prod .app-icon,.dev-icon{border-radius:9px;width:40px;height:40px}.prod-text strong{font-size:15px}.app-icon{border-radius:11px;width:48px;height:48px}.about-grid{grid-template-columns:minmax(0,1fr)}.avatar{width:min(220px,70%);position:static}.d-cant{padding:18px 16px 4px}}@media (prefers-reduced-motion:reduce){.hint,.mini-mark,.lamp,.lamp-knob,.logo .logo-lt,.logo .logo-dot,.logo .logo-knob,.logo .logo-trail{transition:none}}