@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/barlow-condensed-vietnamese-800-normal.CpjukuLw.woff2)format("woff2"),url(/_astro/barlow-condensed-vietnamese-800-normal.BZxKbt5V.woff)format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/barlow-condensed-latin-ext-800-normal.DGNyg4u8.woff2)format("woff2"),url(/_astro/barlow-condensed-latin-ext-800-normal.gY_0Gifi.woff)format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/barlow-condensed-latin-800-normal.BKzMuPgK.woff2)format("woff2"),url(/_astro/barlow-condensed-latin-800-normal.e9GbPXiK.woff)format("woff");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}:root{--bg:#000;--tile:#101012;--tile-2:#161618;--line:#2a2a2e;--text:#f5f5f7;--muted:#a1a1a6;--faint:#6e6e73;--accent:#d4ff2a;--ink:#0a0a0a;--sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter Variable",system-ui,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,monospace;--r-tile:28px}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font:17px/1.47 var(--sans);letter-spacing:-.01em;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}[hidden]{display:none!important}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.wrap{max-width:1080px;margin:0 auto;padding:0 22px}.wide{max-width:1280px;margin:0 auto;padding:0 22px}.nav{z-index:40;-webkit-backdrop-filter:saturate(180%)blur(20px);background:#000000b8;border-bottom:1px solid #ffffff14;position:sticky;top:0}.nav .wide{justify-content:space-between;align-items:center;height:52px;display:flex}.logo{letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:9px;font:800 17px/1 Barlow Condensed,sans-serif;display:flex}.logo img{border-radius:6px;width:24px;height:24px}.nav nav{color:var(--muted);gap:30px;font-size:13px;display:flex}.nav nav a:hover{color:var(--text)}.nav .dl{background:var(--accent);color:var(--ink);border-radius:999px;padding:5px 14px;font-size:13px;font-weight:500}.eyebrow{color:var(--accent);letter-spacing:-.01em;font-size:19px;font-weight:600}h1{letter-spacing:-.045em;font-size:clamp(48px,7.4vw,96px);font-weight:700;line-height:1.02}h2{letter-spacing:-.04em;font-size:clamp(36px,5vw,64px);font-weight:700;line-height:1.05}h3{letter-spacing:-.03em;font-size:clamp(24px,2.6vw,32px);font-weight:700;line-height:1.12}.sub{color:var(--muted);letter-spacing:-.02em;font-size:clamp(19px,1.9vw,24px);font-weight:500;line-height:1.35}.dim{color:var(--faint)}.center{text-align:center}.mx{margin-left:auto;margin-right:auto}.btn{border-radius:999px;align-items:center;gap:8px;padding:12px 24px;font-size:17px;font-weight:500;transition:opacity .2s;display:inline-flex}.btn:hover{opacity:.88}.btn-primary{background:var(--accent);color:var(--ink)}.link{color:var(--accent);font-size:17px;font-weight:500}.link:hover{text-decoration:underline}.link:after{content:" ›"}.hero{padding-top:72px}.hero h1{max-width:14ch;margin:0 auto 20px}.hero .sub{max-width:38ch}.hero .ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;margin-top:32px;display:flex}.hero .fine{color:var(--faint);text-wrap:balance;margin-top:18px;font-size:13px}.seg{background:var(--tile-2);scrollbar-width:none;border-radius:999px;max-width:100%;margin:48px 0 24px;padding:3px;display:inline-flex;overflow-x:auto}.seg button{color:var(--muted);font:500 14px var(--sans);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:8px 20px;transition:background .2s,color .2s}.seg button.on{color:var(--text);background:#3a3a3c}.win{background:#0c0c0d;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 30px 80px #0009}.win-bar{background:#1c1c1e;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;height:30px;padding:0 13px;display:flex}.win-bar i{background:#3a3a3c;border-radius:50%;width:11px;height:11px;display:block}.win .shot{aspect-ratio:1920/1150;background:#000;position:relative}.win .shot img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .45s;position:absolute;inset:0}.win .shot img.on{opacity:1}.caption{color:var(--faint);margin-top:20px;font-size:14px}.caption b{color:var(--text);font-weight:600}section[class]{margin-top:180px}.head{margin-bottom:64px}.head .sub{max-width:40ch;margin-top:16px}.stats{grid-template-columns:repeat(4,1fr);gap:22px;padding-top:140px;display:grid}.stat{border-top:1px solid var(--line);padding-top:22px}.stat b{letter-spacing:-.045em;font-size:clamp(44px,5vw,64px);font-weight:700;line-height:1;display:block}.stat span{color:var(--muted);max-width:18ch;margin-top:12px;font-size:15px;display:block}.tiles{grid-template-columns:repeat(6,1fr);gap:20px;display:grid}.tile{background:var(--tile);border-radius:var(--r-tile);padding:44px;position:relative;overflow:hidden}.tile p{color:var(--muted);letter-spacing:-.015em;max-width:30ch;font-size:19px;font-weight:500;line-height:1.4}.tile p b{color:var(--text);font-weight:600}.t-full{grid-column:span 6}.t-half{grid-column:span 3}.t-third{grid-column:span 2}.t-2of3{grid-column:span 4}.tile .media{border-top:1px solid var(--line);margin:36px -44px -44px}.tile .media img{width:100%}.tile .media.crop img{object-fit:cover;object-position:top left;height:360px}.tile.split{grid-template-columns:1fr 1fr;align-items:center;gap:44px;display:grid}.tile.split .media{border:0;margin:0}.ba{cursor:ew-resize;user-select:none;touch-action:none;aspect-ratio:538/948;background:#000;border-radius:18px;max-height:620px;margin:0 auto;position:relative;overflow:hidden}.ba img{object-fit:cover;width:100%;height:100%}.ba .after{clip-path:inset(0 0 0 var(--x,50%));position:absolute;inset:0}.ba .line{top:0;bottom:0;left:var(--x,50%);background:#fff;width:2px;margin-left:-1px;position:absolute}.ba .knob{top:50%;left:var(--x,50%);color:#000;background:#ffffffeb;border-radius:50%;place-items:center;width:40px;height:40px;margin:-20px 0 0 -20px;font-size:14px;font-weight:700;display:grid;position:absolute;box-shadow:0 4px 16px #0006}.ba .tag{letter-spacing:.02em;backdrop-filter:blur(10px);background:#00000080;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:14px}.ba .tag.l{left:14px}.ba .tag.r{right:14px}.price{background:var(--accent);color:var(--ink);border-radius:14px;align-items:center;gap:12px;margin-top:40px;padding:14px 20px;font-size:17px;font-weight:600;display:inline-flex}.price span{font:500 13px var(--mono);background:#0000001a;border-radius:999px;padding:3px 8px}.path{font:14px/1.6 var(--mono);color:var(--muted);word-break:break-all;background:#000;border-radius:12px;margin-top:40px;padding:14px 16px}.path b{color:var(--text);font-weight:400}.apps{flex-wrap:wrap;gap:10px;margin-top:40px;display:flex}.apps span{background:var(--tile-2);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500}.big-num{letter-spacing:-.05em;margin-top:36px;font-size:clamp(64px,7vw,96px);font-weight:700;line-height:1}.vs{grid-template-columns:1fr 1fr;gap:20px;display:grid}.vs .tile h3{margin-bottom:28px}.vs ul{padding:0;list-style:none}.vs li{border-top:1px solid var(--line);gap:14px;padding:16px 0;font-size:17px;display:flex}.vs .web li{color:var(--faint)}.vs .web li:before{content:"—";color:var(--faint)}.vs .us li:before{content:"✓";color:var(--accent);font-weight:700}.models{border-top:1px solid var(--line)}.model{border-bottom:1px solid var(--line);grid-template-columns:280px 1fr;align-items:baseline;gap:32px;padding:26px 0;display:grid}.model h3{letter-spacing:-.03em;font-size:24px;font-weight:700}.model span{color:var(--muted)}.steps{grid-template-columns:repeat(3,1fr);gap:20px;padding:0;list-style:none;display:grid}.step{background:var(--tile);border-radius:var(--r-tile);padding:40px}.step .n{color:var(--faint);font-size:15px;font-weight:600}.step h3{margin:56px 0 12px;font-size:28px}.step p{color:var(--muted)}.faq{max-width:780px}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;letter-spacing:-.02em;justify-content:space-between;gap:24px;padding:26px 0;font-size:21px;font-weight:600;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--muted);font-size:28px;font-weight:300;line-height:.8;transition:transform .25s}details[open] summary:after{transform:rotate(45deg)}details p{color:var(--muted);max-width:62ch;padding:0 0 28px}.final{padding-top:200px;padding-bottom:160px}.final img{width:128px;height:128px;margin:0 auto 40px}.ba img{height:100%}.final .ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;margin-top:36px;display:flex}footer{border-top:1px solid var(--line);color:var(--faint);padding:28px 0 48px;font-size:12px;line-height:1.6}footer .row{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:24px;margin-bottom:18px;padding-bottom:18px;display:flex}footer .row div{flex-wrap:wrap;gap:22px;display:flex}footer a:hover{color:var(--text)}.kv{border-top:1px solid var(--line);grid-template-columns:80px 1fr;gap:16px;padding:14px 0;font-size:15px;display:grid}.kv:first-child{border-top:0}.kv span{color:var(--faint)}.kv b{font-weight:500}.kv b.q{color:var(--muted);font-weight:400}.facts{grid-template-columns:repeat(3,1fr);gap:48px 40px;display:grid}.fact{border-top:1px solid var(--line);padding-top:22px}.fact h3{letter-spacing:-.02em;margin-bottom:8px;font-size:19px;font-weight:600}.fact p{color:var(--muted);font-size:15.5px;line-height:1.5}code{font:.9em var(--mono);color:var(--text)}.ptable{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:28px;font-size:17px}.ptable th{color:var(--faint);text-align:right;padding:0 0 12px;font-size:13px;font-weight:500}.ptable td{border-top:1px solid var(--line);text-align:right;padding:14px 0}.ptable th:first-child,.ptable td:first-child,.ptable tbody th{text-align:left;color:var(--text);border-top:1px solid var(--line);padding:14px 0;font-size:17px;font-weight:600}.tile p.note{color:var(--faint);max-width:none;margin-top:20px;font-size:14px}.vs li:before{content:"·";color:var(--faint);font-weight:700}.ui{box-shadow:0 0 0 1px var(--line);border-radius:14px;margin-top:32px;overflow:hidden}.ui img{width:100%}.ui.stack{background:#0a0a0a;flex-direction:column;align-items:flex-end;gap:16px;padding:20px;display:flex}.ui.stack .bar{border-radius:10px;width:min(420px,70%)}.ui.stack img:not(.bar){border-radius:12px}.chips{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.chips span{font:500 14px var(--mono);background:var(--tile-2);border:1px solid var(--line);border-radius:10px;padding:8px 12px}.chips i{color:var(--accent);font-style:normal}.flow{grid-template-columns:1fr;gap:8px;margin-top:32px;display:grid;position:relative}.flow span{color:var(--muted);background:var(--tile-2);border-radius:10px;width:fit-content;padding:9px 14px;font-size:14px}.flow span:nth-child(2){margin-left:20px}.flow span:nth-child(3){margin-left:40px}.flow-out{color:var(--ink);background:var(--accent);border-radius:10px;width:fit-content;margin-top:10px;padding:10px 14px;font-size:15px;font-weight:600}.flow-out:before{content:"↓ ";font-weight:400}.finder{border:1px solid var(--line);font:12.5px/1.4 var(--mono);background:#0a0a0a;border-radius:12px;margin-top:32px;padding:12px;overflow:hidden}.finder-path{color:var(--faint);font-family:var(--sans);border-bottom:1px solid var(--line);margin-bottom:6px;padding:2px 4px 10px;font-size:12px}.file{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;padding:6px 4px;display:flex;overflow:hidden}.file:first-of-type{color:var(--text)}.file i{background:#3a3a3c;border-radius:3px;flex:none;width:14px;height:17px}.file i.mov{background:#5e5ce6}.file i.json{background:#636366}.tile.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;display:flex}.tile.row .apps{margin-top:0}.step-tile .n{background:var(--tile-2);width:28px;height:28px;color:var(--muted);border-radius:50%;place-items:center;margin-bottom:28px;font-size:14px;font-weight:600;display:grid}.step-tile h3{margin-bottom:8px}.step-tile>p,.step-tile>div>p{color:var(--muted);font-size:17px;font-weight:400}.dmg{border:1px solid var(--line);background:#0a0a0a;border-radius:14px;justify-content:space-around;align-items:center;margin-top:40px;padding:28px 16px;display:flex}.dmg-item{color:var(--muted);flex-direction:column;align-items:center;gap:10px;font-size:12px;display:flex}.dmg-item img{width:64px;height:64px}.dmg-arrow{color:var(--faint);font-size:24px}.folder{background:#5e9ce6;border-radius:6px;width:64px;height:52px;margin-top:6px;position:relative}.folder:before{content:"";background:#5e9ce6;border-radius:4px 4px 0 0;width:26px;height:10px;position:absolute;top:-7px;left:0}.ways{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px;margin-top:32px;display:grid}.way{border:1px solid var(--line);background:#0a0a0a;border-radius:14px;flex-direction:column;gap:14px;padding:18px;display:flex}.way-h{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.way-h b{font-size:16px;font-weight:600}.way .pill{color:var(--muted);background:var(--tile-2);border-radius:999px;padding:3px 9px;font-size:11px}.way ul{color:var(--muted);flex-direction:column;gap:7px;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}.way li:before{content:"✓  ";color:var(--accent)}.fields{flex-direction:column;gap:6px;margin-top:auto;display:flex}.field{color:var(--faint);background:var(--tile-2);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13px}.fake-btn{text-align:center;background:var(--tile-2);color:var(--text);border-radius:10px;margin-top:auto;padding:10px;font-size:13.5px;font-weight:600}.fields+.fake-btn{margin-top:0}.fake-btn.primary{background:var(--accent);color:var(--ink)}.or{color:var(--faint);background:var(--tile-2);border-radius:999px;align-self:center;padding:4px 8px;font-size:12px}.drop{text-align:center;border:1.5px dashed #3a3a3c;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:240px;padding:24px;display:flex}.drop-icon{background:var(--tile-2);width:44px;height:44px;color:var(--accent);border-radius:12px;place-items:center;margin-bottom:8px;font-size:24px;display:grid}.drop b{letter-spacing:.04em;text-transform:uppercase;font:800 26px/1 Barlow Condensed,sans-serif}.drop span{color:var(--muted);max-width:30ch;font-size:14px}.js .rv{opacity:0;transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(24px)}.js .rv.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transition:none;transform:none}}@media (width<=834px){.nav nav{display:none}section[class]{margin-top:120px}.stats{grid-template-columns:1fr 1fr;gap:32px 22px}.tiles{grid-template-columns:1fr}.tiles>*{grid-column:auto!important}.tile{padding:32px}.tile .media{margin:28px -32px -32px}.tile.split,.vs,.steps{grid-template-columns:1fr}.model{grid-template-columns:1fr;gap:4px}.tile .media.crop img{height:auto}.ui.stack{align-items:flex-start;padding:12px}.ways{grid-template-columns:1fr}.hero{padding-top:64px}.final{padding-top:140px;padding-bottom:120px}.seg button{padding:8px 14px}.seg{margin-top:36px}.or{justify-self:center}.ui.stack .bar{display:none}.ui.stack img:not(.bar){width:190%;max-width:none}.facts{grid-template-columns:1fr;gap:28px}.kv{grid-template-columns:1fr;gap:2px}}.step-tile:not(.split){flex-direction:column;display:flex}.step-tile .dmg{flex:1}:root{--spring:cubic-bezier(.3,1.4,.5,1);--out:cubic-bezier(.2,.7,.2,1);interpolate-size:allow-keywords}.js .rv{transition-delay:var(--d,0s)}.btn{transition:transform .2s var(--out),opacity .2s,box-shadow .2s}.btn:active,.nav .dl:active{transform:scale(.96)}.btn-primary:hover{opacity:1;box-shadow:0 6px 24px -6px #d4ff2a73}.btn-dl svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;margin-left:-4px}.btn-dl:hover svg path{animation:nudge .6s var(--out)}@keyframes nudge{40%{transform:translateY(2px)}}.btn-sm{align-self:flex-start;margin-top:20px;padding:10px 18px;font-size:15px}.nav .dl{transition:transform .2s var(--out)}.link:after{content:"›";transition:transform .25s var(--out);margin-left:.25em;display:inline-block}.link:hover:after{transform:translate(3px)}.seg{position:relative}.seg-pill{transition:transform .4s var(--out),width .4s var(--out);background:#3a3a3c;border-radius:999px;position:absolute;top:3px;bottom:3px;left:0}.seg button{z-index:1;position:relative}.seg button.on{background:0 0}.seg:not(:has(.seg-pill)) button.on{background:#3a3a3c}.caption{animation:fade .4s var(--out)}@keyframes fade{0%{opacity:0;transform:translateY(4px)}}.ba .knob{transition:transform .2s var(--out)}.ba.active .knob,.ba:hover .knob{transform:scale(1.12)}.not-mac{color:var(--muted);margin-top:14px;font-size:14px}.not-mac button,.brew button{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0}.brew{border:1px solid var(--line);background:#0a0a0a;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;min-width:0;margin-top:14px;padding:8px 8px 8px 12px;font-size:12px;display:flex}.brew code{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.brew button{background:var(--tile-2);border-radius:6px;flex:none;padding:4px 8px;font-size:12px;font-weight:600}.js .flow span,.js .flow-out{opacity:0;transition:opacity .4s var(--out),transform .4s var(--out);transform:translate(-10px)}.js .in .flow span{opacity:1;transform:none}.js .in .flow span:first-child{transition-delay:.25s}.js .in .flow span:nth-child(2){transition-delay:.4s}.js .in .flow span:nth-child(3){transition-delay:.55s}.js .in .flow-out{opacity:1;transition:opacity .3s .95s,transform .5s .95s var(--spring);transform:none}.js .file{opacity:0;transition:opacity .4s var(--out),transform .4s var(--out);transform:translateY(6px)}.js .in .file{opacity:1;transform:none}.js .in .file:nth-of-type(3){transition-delay:.3s}.js .in .file:nth-of-type(2){transition-delay:.55s}.js .in .file:first-of-type{animation:newfile 1.6s 1s var(--out);transition-delay:.8s}.file{border-radius:6px}@keyframes newfile{0%,to{background:0 0}25%{background:#5e5ce647}}.drop{transition:border-color .3s;position:relative}.drop-file{font:12.5px var(--mono);background:var(--tile-2);border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:flex;position:absolute;top:22px;box-shadow:0 8px 24px #00000080}.drop-file i{background:#5e5ce6;border-radius:2px;width:12px;height:15px}.js .drop-file{opacity:0;transform:translateY(-30px)rotate(-4deg)}.js .in .drop-file{opacity:1;transition:opacity .3s .5s,transform .7s .5s var(--spring);transform:none}.js .in .drop{animation:droplit 1.4s .9s var(--out)}@keyframes droplit{30%{border-color:var(--accent)}}details::details-content{height:0;transition:height .35s var(--out),content-visibility .35s allow-discrete;overflow:clip}details[open]::details-content{height:auto}.sheet{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(20px);opacity:0;width:min(380px,100vw - 40px);transition:opacity .3s var(--out),transform .4s var(--spring);background:#1c1c1eeb;border:1px solid #ffffff1f;border-radius:18px;padding:22px 22px 18px;position:fixed;bottom:20px;right:20px;transform:translateY(16px)scale(.98);box-shadow:0 20px 60px #0009}.sheet.open{opacity:1;transform:none}.sheet-title{margin-bottom:12px;padding-right:24px;font-size:16px;font-weight:600}.sheet ol{color:var(--muted);flex-direction:column;gap:6px;margin:0;padding-left:20px;font-size:14px;display:flex}.sheet ol b{color:var(--text);font-weight:500}.sheet-fine{color:var(--faint);margin-top:14px;font-size:12.5px}.sheet-fine a{color:var(--accent)}.sheet-x{background:var(--tile-2);width:28px;height:28px;color:var(--muted);cursor:pointer;border:0;border-radius:50%;font-size:18px;line-height:1;position:absolute;top:12px;right:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.nav nav a[aria-current=page]{color:var(--text)}.h3{letter-spacing:-.03em;font-size:clamp(24px,2.6vw,32px);line-height:1.12}.spacer{height:160px}.page-head{padding-top:72px}.page-head h1{max-width:16ch;margin:14px 0 22px;font-size:clamp(40px,6vw,76px)}.page-head .sub{max-width:44ch}.page-head+section[class]{margin-top:72px}.crumbs ol{color:var(--faint);flex-wrap:wrap;gap:6px;margin-bottom:28px;padding:0;font-size:13px;list-style:none;display:flex}.crumbs li+li:before{content:"›";margin-right:6px}.crumbs a:hover{color:var(--text)}.crumbs [aria-current]{color:var(--muted)}.hero .crumbs ol{justify-content:center}.ctas-col{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.tile.split h2+p,.post-cta h2+p{margin-top:14px}.na{color:var(--faint)}.ptable small{color:var(--faint);font-size:12px}.calc{grid-template-columns:1fr 1fr;align-items:start;gap:44px;display:grid}.calc-in{flex-direction:column;gap:26px;display:flex}.calc label,.calc-field{color:var(--faint);flex-direction:column;gap:10px;font-size:13px;display:flex}.calc label b{color:var(--text);margin-left:6px;font-weight:600}.calc select{appearance:none;font:500 17px var(--sans);color:var(--text);background:var(--tile-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23a1a1a6' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 16px center;border:1px solid var(--line);border-radius:12px;width:100%;padding:13px 40px 13px 14px}.calc-res{flex-wrap:wrap;gap:6px;display:flex}.calc-res button{font:500 15px var(--sans);color:var(--muted);background:var(--tile-2);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:8px 16px}.calc-res button.on{background:var(--accent);border-color:var(--accent);color:var(--ink)}.calc input[type=range]{accent-color:var(--accent);width:100%}.calc-out{border:1px solid var(--line);background:#0a0a0a;border-radius:18px;flex-direction:column;gap:10px;min-height:100%;padding:28px;display:flex}.calc-out b{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(48px,6vw,72px);font-weight:700;line-height:1}.calc-out small{color:var(--muted);letter-spacing:0;font-size:.35em;font-weight:500}.calc-out span{color:var(--muted);font-size:15px}.calc-cmp{border-top:1px solid var(--line);grid-column:1/-1;padding-top:24px}.calc-cmp p{color:var(--faint);margin-bottom:10px;font-size:13px}.calc-cmp ol{columns:2;column-gap:40px;padding:0;list-style:none}.calc-cmp li{border-bottom:1px solid var(--line);color:var(--muted);break-inside:avoid;font-variant-numeric:tabular-nums;justify-content:space-between;gap:16px;padding:7px 0;font-size:14.5px;display:flex}.calc-cmp li i{color:var(--faint);font-style:normal}.calc-cmp li b{color:var(--text);white-space:nowrap;font-weight:500}.calc-cmp li.on span,.calc-cmp li.on b{color:var(--accent)}.tscroll{margin:0 -22px;padding:0 22px;overflow-x:auto}.wide-table{min-width:640px;margin-top:0}.wide-table tbody th span{color:var(--faint);margin-top:2px;font-size:13px;font-weight:400;display:block}.wide-table tbody:not(:first-of-type) tr:first-child>*{border-top-color:#3a3a3c}.sources{border:0;margin-top:28px}.sources summary{color:var(--muted);padding:16px 0;font-size:15px}.sources summary:after{font-size:20px}.sources p{color:var(--faint);padding-bottom:16px;font-size:14px}.sources dl{color:var(--muted);grid-template-columns:220px 1fr;gap:10px 24px;padding-bottom:20px;font-size:13.5px;display:grid}.sources dt{color:var(--text);font-weight:500}.app-icon{width:96px;height:96px;margin:0 auto 20px}.shot-top{margin-top:72px}.examples{grid-template-columns:1fr;gap:20px;display:grid}.examples figure{padding:0}.examples img{width:100%}.examples figcaption{color:var(--muted);padding:18px 24px;font-size:15px}.examples figcaption b{color:var(--text)}.steplist{counter-reset:s;grid-template-columns:repeat(4,1fr);gap:28px 22px;margin-top:40px;padding:0;list-style:none;display:grid}.steplist li{border-top:1px solid var(--line);counter-increment:s;padding-top:18px}.steplist span{color:var(--faint);font-size:12px}.steplist span:before{content:counter(s) " · "}.steplist b{margin:6px 0;font-size:19px;display:block}.steplist p{color:var(--muted);font-size:15px}.steplist li:last-child span{color:var(--accent)}.brew.big{margin-top:0;padding:12px 12px 12px 16px}.brew.big code{white-space:normal;word-break:break-all;font-size:13px}.post-head{max-width:780px;padding-top:72px}.post-head h1{margin:14px 0 22px;font-size:clamp(36px,5vw,60px)}.post-meta{color:var(--faint);margin-top:22px;font-size:14px}.post-grid{grid-template-columns:200px minmax(0,700px);gap:64px;margin-top:64px;display:grid}.post-side{position:relative}.toc{font-size:13.5px;position:sticky;top:84px}.toc p{color:var(--faint);margin-bottom:12px;font-weight:600}.toc ol{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.toc a{color:var(--muted)}.toc a:hover{color:var(--text)}.keyfacts{background:var(--tile);border-radius:20px;margin-bottom:44px;padding:26px 28px}.keyfacts p,.post-sources p{color:var(--accent);margin-bottom:12px;font-size:13px;font-weight:600}.keyfacts ul{color:var(--muted);flex-direction:column;gap:8px;padding-left:18px;font-size:16px;display:flex}.prose{color:#d2d2d7;font-size:18px;line-height:1.65}.prose>*+*{margin-top:1.1em}.prose h2{letter-spacing:-.03em;color:var(--text);margin-top:2.2em;scroll-margin-top:72px;font-size:clamp(26px,3vw,34px);line-height:1.15}.prose h3{color:var(--text);margin-top:1.8em;font-size:21px}.prose strong{color:var(--text);font-weight:600}.prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline 1px}.prose ul,.prose ol{padding-left:22px}.prose li+li{margin-top:.4em}.prose table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:15px;display:block;overflow-x:auto}.prose th{text-align:left;color:var(--faint);white-space:nowrap;padding:0 16px 10px 0;font-size:13px;font-weight:500}.prose td{border-top:1px solid var(--line);vertical-align:top;padding:12px 16px 12px 0}.prose code{background:var(--tile-2);border-radius:6px;padding:2px 6px}.post-sources{border-top:1px solid var(--line);margin-top:56px;padding-top:24px}.post-sources ol{color:var(--faint);flex-direction:column;gap:6px;padding-left:20px;font-size:14px;display:flex}.post-sources a:hover{color:var(--text)}.post-cta{background:var(--tile);border-radius:var(--r-tile);grid-template-columns:1fr auto;align-items:center;gap:32px;margin-top:56px;padding:36px;display:grid}.post-cta p{color:var(--muted)}.cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.cards.feature{grid-template-columns:1fr 1fr}.card{background:var(--tile);transition:background .25s,transform .35s var(--out,ease);border-radius:22px;flex-direction:column;display:flex;overflow:hidden}.card:hover{background:var(--tile-2);transform:translateY(-3px)}.card-img{aspect-ratio:16/9;border-bottom:1px solid var(--line);background:#0a0a0a;overflow:hidden}.card-img img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .6s var(--out,ease)}.card:hover .card-img img{transform:scale(1.03)}.card-text{flex-direction:column;flex:1;gap:8px;padding:22px 24px 24px;display:flex}.card b{letter-spacing:-.02em;font-size:20px;line-height:1.25}.card.big b{font-size:26px}.card-desc{color:var(--muted);font-size:15px}.card time{color:var(--faint);margin-top:auto;padding-top:8px;font-size:13px}.card-cat{color:var(--accent);font-size:13px;font-weight:600}.blog-cat{margin-top:120px!important}.cat-chips{margin-top:28px}.cat-chips a{font:500 14px var(--sans);background:var(--tile-2);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 14px}.cat-chips a:hover{color:var(--text)}.post-hero{box-shadow:0 0 0 1px var(--line);background:#0a0a0a;border-radius:22px;margin-top:48px;overflow:hidden}.post-hero img{width:100%}.prose img{box-shadow:0 0 0 1px var(--line);border-radius:16px;margin:1.6em 0}@media (width<=834px){.calc{grid-template-columns:1fr;gap:28px}.calc-cmp ol{columns:1}.sources dl{grid-template-columns:1fr;gap:2px}.sources dd{margin-bottom:12px}.steplist{grid-template-columns:1fr 1fr}.post-grid{grid-template-columns:minmax(0,1fr);gap:0;margin-top:40px}.post-side{display:none}.post-cta{grid-template-columns:1fr;padding:28px}.cards,.cards.feature{grid-template-columns:1fr}.post-hero{border-radius:16px;margin-top:32px}.page-head,.post-head{padding-top:48px}.spacer{height:100px}}.examples{max-width:880px;margin:0 auto}
