:root{--bg: #f5f5f7;--bg-2: #e8e8ed;--raise: #ffffff;--ink: #1d1d1f;--ink-2: #424245;--mute: #6e6e73;--line: rgba(0, 0, 0, .1);--code: #1d1d1f;--code-ink: #f5f5f7;--accent: #e0457f;--ok: #1f8a4c;--warn: #a8670f;--nav: 52px;--gut: 24px;--max: 1200px;--mono: "JetBrains Mono", ui-monospace, Consolas, monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0a0a0b;--bg-2: #1d1d1f;--raise: #161618;--ink: #f5f5f7;--ink-2: #c7c7cc;--mute: #8e8e93;--line: rgba(255, 255, 255, .12);--code: #161618;--code-ink: #e8e8ed;--accent: #ff7aa8;--ok: #4cc27a;--warn: #e3a64a;color-scheme:dark}}:root[data-theme=dark]{--bg: #0a0a0b;--bg-2: #1d1d1f;--raise: #161618;--ink: #f5f5f7;--ink-2: #c7c7cc;--mute: #8e8e93;--line: rgba(255, 255, 255, .12);--code: #161618;--code-ink: #e8e8ed;--accent: #ff7aa8;--ok: #4cc27a;--warn: #e3a64a;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--nav) + 16px);scrollbar-color:color-mix(in srgb,var(--mute) 60%,transparent) transparent;scrollbar-gutter:stable}body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.5 Archivo,system-ui,sans-serif;overflow-x:hidden;caret-color:var(--accent);transition:background .3s,color .3s}::selection{background:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}img{display:block;max-width:100%}button,select,input{font:inherit;color:inherit}h1,h2,h3{text-wrap:balance;font-variation-settings:"wdth" 104}p{text-wrap:pretty}.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.num{font-variant-numeric:tabular-nums}[hidden]{display:none!important}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}.nav{view-transition-name:site-nav}.nav{position:sticky;top:0;z-index:40;height:var(--nav);display:flex;align-items:center;gap:28px;padding:0 var(--gut);background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom:1px solid var(--line)}.mark{display:block;color:var(--ink);line-height:0}.mark svg{display:block;height:23px;width:auto}.nav nav{display:flex;gap:24px;font-size:14px}.nav nav a{text-decoration:none;color:var(--ink-2);transition:color .2s}.nav nav a:hover,.nav nav a[aria-current]{color:var(--ink)}.nav .end{margin-left:auto;display:flex;align-items:center}.icon-btn{width:34px;height:34px;border-radius:50%;border:0;background:transparent;color:var(--ink-2);display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s,transform .32s cubic-bezier(.34,1.56,.64,1)}.icon-btn:hover{background:var(--bg-2);color:var(--ink)}.icon-btn:active{transform:scale(.9);transition-duration:.08s}.btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 22px;border-radius:99px;border:0;background:var(--ink);color:var(--bg);font-weight:600;font-size:16px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .32s cubic-bezier(.34,1.56,.64,1),opacity .2s}.btn:hover{opacity:.86}.btn:active{transform:scale(.96);transition-duration:.08s}.btn.small{height:36px;padding:0 16px;font-size:14px}.go{display:inline-flex;align-items:center;gap:2px;font-weight:600;font-size:17px;color:var(--accent);text-decoration:none;background:none;border:0;padding:0;cursor:pointer}.go:after{content:"";width:14px;height:14px;background:currentColor;transition:transform .25s cubic-bezier(.34,1.4,.64,1);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5.5 15.5 12 9 18.5'/%3E%3C/svg%3E") center / contain no-repeat}.go:hover{text-decoration:underline}.go:hover:after{transform:translate(2px)}.actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 28px}.status{margin:0;color:var(--mute);font-size:15px;font-variant-numeric:tabular-nums}.seg{display:inline-flex;padding:3px;border-radius:99px;background:var(--bg-2);gap:2px}.seg button{border:0;background:transparent;border-radius:99px;padding:8px 16px;font-weight:600;font-size:14px;cursor:pointer;color:var(--ink-2)}.seg button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.seg.is-sliding{position:relative;isolation:isolate}.seg-pill{position:absolute;left:0;top:0;z-index:-1;border-radius:99px;background:var(--ink);pointer-events:none;transform-origin:0 0;transition:opacity .2s}.seg.is-sliding button,.seg.is-sliding button[aria-pressed=true]{background:transparent}.seg.is-sliding button{transition:color .25s,transform .32s cubic-bezier(.34,1.56,.64,1)}.seg.is-sliding button[aria-pressed=true]{color:var(--bg)}.seg button:active{transform:scale(.95);transition-duration:.08s}.finish{display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;color:var(--ink-2)}.finish button{width:26px;height:26px;border-radius:50%;border:2px solid var(--bg);box-shadow:0 0 0 1px var(--line);cursor:pointer;transition:box-shadow .2s,transform .32s cubic-bezier(.34,1.56,.64,1)}.finish button[aria-pressed=true]{box-shadow:0 0 0 1.5px var(--ink)}.finish button:active{transform:scale(.88)}.finish .sw-starwhite{background:linear-gradient(135deg,#fff,#d3d3ce)}.finish .sw-nightsky{background:linear-gradient(135deg,#414a60,#11141c)}.lb{position:relative}.lb-btn{width:100%;height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:12px;background:var(--raise);padding:0 12px 0 14px;cursor:pointer;font-weight:500;text-align:left;transition:border-color .2s,transform .32s cubic-bezier(.34,1.56,.64,1)}.lb-btn:hover{border-color:color-mix(in srgb,var(--ink) 28%,transparent)}.lb-btn:active{transform:scale(.98)}.lb-btn svg{width:16px;height:16px;flex:0 0 auto;transition:transform .35s cubic-bezier(.34,1.4,.64,1)}.lb.open .lb-btn svg{transform:rotate(180deg)}.lb.open .lb-btn{border-color:var(--ink)}.lb-list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;margin:0;padding:6px;list-style:none;background:var(--raise);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px -18px #00000073;opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top center;pointer-events:none;outline:none;transition:opacity .16s ease,transform .34s cubic-bezier(.34,1.4,.64,1)}.lb.open .lb-list{opacity:1;transform:none;pointer-events:auto}.lb-list li{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-radius:9px;cursor:pointer;transition:background .15s}.lb-list li.is-active{background:var(--bg-2)}.lb-list li[aria-selected=true]:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}select{width:100%;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--raise);padding:0 12px}.loader{position:absolute;inset:0;z-index:4;display:grid;place-content:center;justify-items:center;gap:14px;transition:opacity .45s ease;pointer-events:none}.loader.out{opacity:0}.loader-grid{display:grid;grid-template-columns:repeat(3,8px);gap:5px}.loader-grid i{width:8px;height:8px;border-radius:2px;background:var(--ink);opacity:.15;animation:lw 1.25s infinite cubic-bezier(.45,0,.55,1)}.loader-grid i:nth-child(2),.loader-grid i:nth-child(4){animation-delay:.1s}.loader-grid i:nth-child(3),.loader-grid i:nth-child(5),.loader-grid i:nth-child(7){animation-delay:.2s}.loader-grid i:nth-child(6),.loader-grid i:nth-child(8){animation-delay:.3s}.loader-grid i:nth-child(9){animation-delay:.4s}.loader-text{font-size:14px;color:var(--mute)}@keyframes lw{0%,to{opacity:.15;transform:scale(.75)}40%{opacity:1;transform:scale(1);background:var(--accent)}}.demo-frame{opacity:0;transition:opacity .6s ease}.demo-off{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:3;width:min(34ch,86%);margin:0;padding:14px 18px;border-radius:14px;background:#0c0d10c7;color:#fff;font-size:15px;text-align:center}.demo-frame.is-ready{opacity:1}.duo-canvas{position:absolute;inset:0;display:block}.duo-static{position:absolute;inset:0;transition:transform .35s cubic-bezier(.16,1,.3,1);pointer-events:none}.duo-static img{position:absolute;left:50%;top:50%;height:calc(var(--fill, .8) * 100%);max-width:92%;object-fit:contain;translate:-50% -50%;opacity:0;transition:opacity .45s ease}.duo-static img.on{opacity:1}svg.ti{width:18px;height:18px;overflow:visible}.ti-core{fill:currentColor;transition:r .45s cubic-bezier(.34,1.4,.64,1)}.ti-bite{transition:cx .55s cubic-bezier(.34,1.3,.64,1),cy .55s cubic-bezier(.34,1.3,.64,1)}.ti-rays{stroke:currentColor;stroke-width:1.8;stroke-linecap:round;transform-origin:12px 12px;transform-box:view-box;transition:transform .5s cubic-bezier(.34,1.4,.64,1),opacity .3s}.ti-half{fill:var(--bg);opacity:0;transition:opacity .3s}[data-mode=light] .ti-bite{cx:30px;cy:-6px}[data-mode=light] .ti-core{r:4.6px}[data-mode=dark] .ti-bite{cx:16.5px;cy:7.5px}[data-mode=dark] .ti-core{r:7px}[data-mode=dark] .ti-rays{opacity:0;transform:rotate(90deg) scale(.4)}[data-mode=auto] .ti-bite{cx:30px;cy:-6px}[data-mode=auto] .ti-core{r:6.6px}[data-mode=auto] .ti-rays{opacity:0;transform:rotate(-45deg) scale(.5)}[data-mode=auto] .ti-half{opacity:1}table{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}td,th{text-align:left;padding:10px 0;border-top:1px solid var(--line);vertical-align:top}td+td,th+th{padding-left:14px}th{font-size:13px;font-weight:600;color:var(--mute);border-top:0}code{font:500 .85em/1.4 var(--mono);background:var(--bg-2);border-radius:6px;padding:2px 6px}pre{margin:0;background:var(--code);color:var(--code-ink);border-radius:14px;padding:16px 18px;font:500 13px/1.65 var(--mono);overflow-x:auto;position:relative}pre code{background:none;padding:0;color:inherit;font-size:inherit}.state{font-size:14px;font-weight:600;white-space:nowrap}.state.tested{color:var(--ok)}.state.testing{color:var(--warn)}details{border-top:1px solid var(--line)}details:last-of-type{border-bottom:1px solid var(--line)}details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 0;font-weight:600;font-size:19px}details summary::-webkit-details-marker{display:none}details summary:after{content:"";width:18px;height:18px;flex:0 0 auto;background:currentColor;transition:transform .35s cubic-bezier(.34,1.4,.64,1);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / contain no-repeat}details[open] summary:after{transform:rotate(45deg)}details .inner{padding:0 0 24px;color:var(--ink-2)}details .inner>:first-child{margin-top:0}details .inner p{margin:0 0 12px;max-width:68ch}.page{max-width:760px;margin:0 auto;padding:56px var(--gut) 40px}.page h1{font-size:clamp(40px,6vw,64px);letter-spacing:-.03em;line-height:1;margin:0 0 18px;font-weight:800}.page h2{font-size:24px;letter-spacing:-.02em;margin:36px 0 10px}.page h3{font-size:18px;margin:26px 0 8px}.page p,.page li{color:var(--ink-2)}.page table{margin:16px 0}.tabs{display:flex;flex-wrap:wrap;gap:6px 18px;margin:8px 0 32px;font-size:15px}.tabs a{text-decoration:none;color:var(--ink-2)}.tabs a[aria-current]{color:var(--ink);text-decoration:underline}.draft{border-left:1px solid var(--warn);padding:4px 0 4px 14px;color:var(--ink-2);font-size:15px}.buy-pill{position:fixed;right:20px;bottom:20px;z-index:45;display:flex;align-items:center;gap:16px;padding:8px 8px 8px 20px;border-radius:99px;background:color-mix(in srgb,var(--raise) 94%,transparent);box-shadow:0 18px 40px -18px #00000073,0 0 0 1px var(--line);font-size:15px;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .3s ease,transform .45s cubic-bezier(.16,1,.3,1)}.buy-pill.on{opacity:1;transform:none;pointer-events:auto}.buy-pill>span{display:grid;line-height:1.2}.buy-pill b{font-weight:650}.buy-pill .num{color:var(--mute);font-size:13px}.foot{max-width:var(--max);margin:96px auto 0;padding:22px var(--gut) 40px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--mute);font-size:13px}.foot a{text-decoration:none}.foot a:hover{color:var(--ink)}.foot .who{margin-left:auto}.toast{position:fixed;left:50%;bottom:24px;z-index:60;transform:translate(-50%,16px);opacity:0;background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:99px;font-weight:600;font-size:14px;transition:opacity .25s,transform .3s cubic-bezier(.34,1.4,.64,1);pointer-events:none;max-width:calc(100vw - 32px);text-align:center}.toast.on{opacity:1;transform:translate(-50%)}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:calc(100svh - var(--nav));min-height:600px}.band{position:relative;overflow:hidden;isolation:isolate;color:#fff;text-align:center}.band+.band{box-shadow:inset 1px 0 #ffffff24}.band-copy h2 a{color:inherit;text-decoration:none}.band-bg{position:absolute;inset:0;z-index:-2;background:#101216 center / cover no-repeat}.scene-night .band-bg{background-image:none}.scene-day .band-bg{background-image:none}@media(max-width:760px){.scene-night .band-bg{background-image:none}.scene-day .band-bg{background-image:none}}.band:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#06070ab8,#06070a52 34%,#06070a00 58%,#06070a40)}.scene-night:after{background:linear-gradient(#06070ab3,#06070a66 40%,#06070a59)}.band .media{position:absolute;inset:0}.band .media .band-hud{position:absolute;left:50%;bottom:clamp(32px,9vh,88px);width:min(620px,84%);height:auto;transform:translate(-50%)}.band .media iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;color-scheme:light}#duo-media{top:30%;bottom:3%}.band-copy{position:absolute;left:0;right:0;top:clamp(32px,7vh,76px);padding:0 var(--gut)}.band h2{margin:0;font-size:clamp(40px,4.4vw,68px);line-height:1;letter-spacing:-.03em;font-weight:800}.band .line{margin:10px 0 20px;font-size:clamp(18px,1.6vw,23px);color:#ffffffd6}.band .btn{background:#fff;color:#111}.band .go{color:#fff}.band .status{margin-top:12px;color:#ffffffa8}.band .loader-text{color:#ffffffb3}.band .loader-grid i{background:#fff}.how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-top:56px}.how b{display:block;font-size:19px}.how span{color:var(--mute);font-size:15px}@media(max-width:760px){:root{--gut: 16px}body{font-size:16px}.nav{gap:16px}.nav nav{gap:16px}.foot .who{margin-left:0}.split{grid-template-columns:1fr;height:auto;min-height:0}.band{height:86svh;min-height:520px}.band+.band{box-shadow:inset 0 1px #ffffff24}.how{grid-template-columns:1fr;gap:18px}}@media(prefers-reduced-motion:reduce){.loader-grid i{animation:none;opacity:.5}}