:root{--bg:#0d0e11;--bg-2:#16181d;--bg-3:#1f222a;--fg:#f2f3f5;--muted:#9aa0ab;--line:#2b2f38;--accent:#ffd400;--accent-fg:#111;--accent-edge:#ffd400;--accent-tint:#2b2400;--warn:#ffb020;--danger:#ff5c5c;--radius:10px;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--display:"bw-bebas-neue", Impact, "Arial Narrow", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#fafafa;--bg-2:#fff;--bg-3:#f0f0f0;--fg:#15161a;--muted:#5d636e;--line:#dcdcdc;--accent:#ffd400;--accent-fg:#111;--accent-edge:#7a5c00;--accent-tint:#fff5c2;--warn:#a35f00;--danger:#c62828;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}.lobby h1.lobby-lead{color:#a8acb3;font:500 15px/1.4 var(--sans);letter-spacing:0;text-transform:none;margin:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}body.page-site{background:var(--bg);color:var(--fg);font:16px/1.55 var(--sans);accent-color:var(--accent);-webkit-font-smoothing:antialiased}.page-site :where(a){color:inherit}.page-site code,.page-site pre{font-family:var(--mono);font-size:.9em}.page-site :not(pre)>code{background:var(--bg-3);overflow-wrap:anywhere;border-radius:5px;padding:.1em .35em}.site-header{--bg:#000;--bg-2:#16181d;--bg-3:#1f222a;--fg:#f2f3f5;--muted:#9aa0ab;--line:#24272e;--accent-edge:#ffd400;--accent-tint:#2b2400;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-bottom:1px solid var(--line);background:var(--bg);color:var(--fg);justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;display:flex}.site-header[data-autohide]{z-index:40;transition:transform .32s cubic-bezier(.22,1,.36,1);position:sticky;top:0}.site-header[data-autohide][data-hidden]{transform:translateY(-100%)}@media (prefers-reduced-motion:reduce){.site-header[data-autohide]{transition:none}}.page-site [id]{scroll-margin-top:84px}.wordmark img{width:auto;height:40px;display:block}.site-nav{flex-wrap:wrap;align-items:center;gap:4px;margin-inline-start:auto;display:flex}.site-header>.locale-picker{margin-inline-start:-8px}.site-nav .home-action{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 12px;font-weight:500}.site-nav .home-action:hover{color:var(--fg);background:var(--bg-3)}.site-nav .home-action:focus-visible{color:var(--fg);background:var(--bg-3)}.site-nav a.nav-create,.site-nav a.nav-account{box-sizing:border-box;white-space:nowrap;align-items:center;min-height:36px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.site-nav a.nav-create{background:var(--accent);color:#111;gap:4px;margin-inline-start:8px}.site-nav a.nav-create:hover,.site-nav a.nav-create[aria-current=page]{background:var(--accent);color:#111;filter:brightness(1.06)}.site-nav a.nav-account{color:#f2f3f5;border:1px solid #fff3;margin-inline-start:4px}.site-nav a.nav-account:hover{border-color:var(--accent);background:0 0}.site-nav a{color:var(--muted);border-radius:999px;padding:6px 12px;font-weight:500;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--fg);background:var(--bg-3)}.locale-picker{align-self:center;position:relative}.locale-picker summary{cursor:pointer;color:var(--muted);border-radius:999px;padding:6px 10px;font-weight:600;list-style:none}.locale-picker summary::-webkit-details-marker{display:none}.locale-picker[open] summary,.locale-picker summary:hover{color:var(--fg);background:var(--bg-3)}.locale-picker>div{z-index:30;border:1px solid var(--line);background:var(--bg-2);border-radius:12px;min-width:180px;padding:6px;position:absolute;top:calc(100% + 6px);box-shadow:0 12px 36px #0003}.locale-picker>div:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.locale-picker>div:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.locale-picker>div:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.locale-picker>div:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.locale-picker>div a{color:var(--fg);white-space:nowrap;border-radius:8px;padding:8px 10px;display:block}.locale-picker>div a[aria-current=true]{background:var(--bg-3)}@media (max-width:480px){.site-header{position:relative}.locale-picker{position:static}.locale-picker>div{top:calc(100% - 4px)}.locale-picker>div:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:10px}.locale-picker>div:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:10px}.locale-picker>div:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:10px}.locale-picker>div:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:10px}}.translation-note{border:1px solid var(--accent-edge);border-radius:var(--radius);background:var(--accent-tint);color:var(--fg);padding:12px 16px}:lang(ja) .page-site,:lang(zh-Hant) .page-site{line-break:strict;word-break:normal}:lang(ja) :-webkit-any(h1,h2,h3){word-break:auto-phrase}:lang(ja) :is(h1,h2,h3){word-break:auto-phrase}:lang(zh-Hant) :-webkit-any(h1,h2,h3){word-break:auto-phrase}:lang(zh-Hant) :is(h1,h2,h3){word-break:auto-phrase}.btn{border:1px solid var(--line);background:var(--bg-2);color:var(--fg);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--muted)}.btn-primary{background:var(--accent);border-color:var(--accent-edge);color:var(--accent-fg)}.btn-primary:hover{filter:brightness(1.05);border-color:var(--accent-edge)}.btn-dark{color:#fff;background:#111;border-color:#111}.btn-dark:hover{filter:brightness(1.18);border-color:#111}.btn-dark,.btn-dark:hover{border-color:#ffffff47}@media (prefers-color-scheme:light){.btn-dark,.btn-dark:hover{border-color:#111}}.btn-sm{padding:4px 10px;font-size:13px}.hero-band{background:var(--accent);color:#111}.hero-band:not(.cta-band){color:#f2f3f5;background:#000}:lang(nl){--hero-scale:.86}:lang(it),:lang(pt),:lang(id),:lang(pl){--hero-scale:.78}:lang(es),:lang(de),:lang(fr){--hero-scale:.7}.lobby h1{font-family:var(--display);font-weight:400;font-size:clamp(calc(40px * var(--hero-scale,1)), calc(5.5vw * var(--hero-scale,1)), calc(72px * var(--hero-scale,1)));letter-spacing:.005em;text-wrap:balance;margin:0 0 10px;line-height:.95}.lobby .lede{text-wrap:pretty;max-width:30em;margin:0;font-size:18px;line-height:1.5}.btn-lg{white-space:normal;text-align:center;max-width:100%;padding:12px 24px;font-size:17px}.hero-band .btn{color:#111;background:0 0;border-color:#11111180}.hero-band .btn:hover{border-color:#111}.hero-band .btn-primary,.hero-band .btn-primary:hover{color:var(--accent);filter:none;background:#111;border-color:#111}.hero-band :focus-visible{outline-color:#111}.hero-band:not(.cta-band) .btn{color:#f2f3f5;border-color:#ffffff59}.hero-band:not(.cta-band) .btn:hover{border-color:#fff}.hero-band:not(.cta-band) .btn-primary,.hero-band:not(.cta-band) .btn-primary:hover{background:var(--accent);color:#111;border-color:var(--accent)}.hero-band:not(.cta-band) .btn-primary:hover{filter:brightness(1.06)}.hero-band:not(.cta-band) :focus-visible{outline-color:#ffd400}.home,.aff-body{max-width:1080px;margin:0 auto;padding:0 20px 32px}.section{margin-top:88px}.section h2,.cta-band h2{font-family:var(--display);letter-spacing:.01em;margin:0 0 10px;font-size:44px;font-weight:400;line-height:1}.section>h2+p{color:var(--muted);max-width:44em;margin:0 0 32px}.how{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:32px 0 0;padding:0;list-style:none;display:grid}.how li{counter-increment:step;flex-direction:column;gap:8px;display:flex}.how li:before{content:counter(step);box-sizing:border-box;width:36px;height:36px;font-family:var(--display);background:var(--accent);color:var(--accent-fg);border:1.5px solid var(--accent-edge);border-radius:8px;place-items:center;margin-bottom:8px;padding-top:4px;font-size:26px;line-height:1;display:grid}.how strong{font-size:18px}.how span{color:var(--muted)}.examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.example{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);color:inherit;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.example .thumb{aspect-ratio:16/9;pointer-events:none;position:relative}.example .thumb>.bw-stage{position:absolute;top:0;bottom:0;left:0;right:0}.example-open{color:inherit;flex-direction:column;flex:1;text-decoration:none;display:flex}.example .meta{justify-content:space-between;gap:8px;padding:12px 104px 14px 14px;display:flex}.bg-card .thumb{background:#000}.bg-plan{color:var(--muted);flex:none;font-size:13px}.example-use{position:absolute;bottom:9px;right:10px}.example .meta strong{font-size:15px}.example .meta span{color:var(--muted)}.example:hover{border-color:var(--muted)}.example:hover .meta span{color:var(--fg)}.pricing-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin:24px 0 20px;display:flex}.period-toggle{border:1px solid var(--line);background:var(--bg-2);border-radius:999px;order:1;gap:2px;min-width:0;margin:0;padding:4px;display:inline-flex}.period-toggle legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.period-toggle label{color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-weight:600;transition:background-color .22s cubic-bezier(.22,1,.36,1),color .22s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative}.period-toggle label:hover{color:var(--fg)}.period-toggle input{opacity:0;cursor:pointer;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}.period-toggle label:has(:checked){background:var(--accent);color:var(--accent-fg)}.period-toggle label:has(:focus-visible){outline:2px solid var(--accent-edge);outline-offset:2px}.period-toggle .save{background:var(--accent-tint);color:var(--fg);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12.5px;font-weight:700}.period-toggle label:has(:checked) .save{color:var(--accent);background:#111}.price-launch{align-items:flex-start;gap:8px;margin:0;font-size:14.5px;font-weight:600;display:flex}.price-launch:before{content:"";border:1px solid var(--accent-edge);background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px;margin-top:.45em}.pricing:has(input[value=year]:checked) [data-period=month]{display:none}.pricing:has(input[value=month]:checked) [data-period=year]{display:none}.price-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.price-card{border:1px solid var(--line);background:var(--bg-2);border-radius:16px;flex-direction:column;padding:24px;display:flex}.price-card h3{margin:0;font-size:22px}.price-for{color:var(--muted);margin:6px 0 0}.price-screen{min-height:76px;color:inherit;align-items:end;margin-top:4px;display:grid}.price{flex-wrap:wrap;align-items:baseline;gap:0 10px;margin:0;animation:.36s cubic-bezier(.22,1,.36,1) price-in;display:flex}.price .amount{font-family:var(--display);letter-spacing:.01em;font-size:clamp(64px,5.4vw,76px);font-weight:400;line-height:.95}.price .cents{font-size:.55em}.price .per{color:var(--muted);font-size:15px}.price .was{color:var(--muted);font-family:var(--display);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);font-size:30px;text-decoration-thickness:3px}@keyframes price-in{0%{opacity:0;transform:translateY(8px)}}.price-points{flex:1;margin:20px 0 24px;padding:0;list-style:none}.price-points li{border-top:1px solid var(--line);align-items:flex-start;gap:10px;padding:9px 0;display:flex}.price-points svg{fill:none;width:18px;height:18px;stroke:var(--accent-edge);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:3px}.price-points li:first-child{font-weight:700}.price-action{flex-wrap:wrap;place-content:flex-start center;align-items:center;gap:8px;min-height:108px;display:flex}.price-action .btn{flex:100%;align-self:stretch;min-height:50px}.price-action .price-lifetime{color:inherit;font:inherit;text-align:center;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;flex:100%;padding:0;font-size:13.5px;text-decoration:underline}.price-action .price-lifetime:hover{text-decoration-thickness:2px}.price-action .btn-subscription{white-space:normal;flex-direction:column;gap:1px;padding-block-start:6px;padding-block-end:6px;line-height:1.15}.btn-price{opacity:.78;font-size:12.5px;font-weight:600}.price-note{color:var(--muted);text-align:center;flex:100%;margin:0;font-size:13.5px}.price-card.featured{border-color:var(--accent-edge);background:var(--accent);color:#111;box-shadow:0 28px 56px -36px #ffd4008c}.price-card.featured :-webkit-any(.price-for,.price-note){color:#111111bd}.price-card.featured :is(.price-for,.price-note){color:#111111bd}.price-card.featured .price :-webkit-any(.per,.was){color:#1111119e}.price-card.featured .price :is(.per,.was){color:#1111119e}.price-card.featured .price .was{text-decoration-color:#111}.price-card.featured .price-points li{border-color:#11111129}.price-card.featured .price-points svg{stroke:#111}.price-card.featured .btn{color:#111;background:0 0;border-color:#11111180}.price-card.featured .btn-primary{color:#fff;background:#111;border-color:#111}.price-card.featured .btn:hover{filter:none;border-color:#111}.price-card.featured :focus-visible{outline-color:#111}@media (max-width:480px){.period-toggle{box-sizing:border-box;border-radius:22px;width:100%;display:flex}.period-toggle label{text-align:center;border-radius:18px;flex-wrap:wrap;flex:1 1 0;justify-content:center;gap:2px 8px;padding:8px 10px}}@media (prefers-reduced-motion:reduce){.price{animation:none}.period-toggle label{transition:none}}.price-pass{margin:20px 0 0;font-size:15px}.price-pass a{text-underline-offset:3px}.price-fine{color:var(--muted);margin:20px 0 0;font-size:13.5px}.faq{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:32px 0 0;display:grid}.faq dt{margin-bottom:8px;font-weight:700}.faq dd{color:var(--muted);margin:0}.cta-band{text-align:center;margin-top:96px;padding:clamp(48px,7vw,80px) 20px}.cta-band h2{color:#111;text-wrap:balance;margin-bottom:22px}.site-footer{--fg:#f2f3f5;--muted:#9aa0ab;--line:#24272e;border-top:1px solid var(--line);color:var(--muted);background:#000;padding:56px 20px 32px;font-size:15px}.footer-inner,.footer-base{max-width:1040px;margin:0 auto}.footer-inner{grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) repeat(2,minmax(0,1fr));gap:40px;display:grid}.footer-uses ul{columns:2;column-gap:32px}.footer-uses li{break-inside:avoid;margin-bottom:10px}.footer-uses li+li{margin-top:0}.footer-brand .wordmark{display:inline-block}.footer-brand p{max-width:22em;margin:16px 0 0}.footer-col h2{color:var(--fg);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:700}.footer-col ul{margin:0;padding:0;list-style:none}.footer-col li+li{margin-top:10px}.site-footer a{color:var(--fg);text-decoration:none}.site-footer a:hover{text-underline-offset:3px;text-decoration:underline}.footer-base{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:48px;padding-top:20px;font-size:14px;display:flex}.footer-base p{margin:0}.footer-base a{text-underline-offset:3px;text-decoration:underline}.site-footer a{overflow-wrap:break-word}@media (max-width:960px){.footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.footer-brand,.footer-uses{grid-column:1/-1}}@media (max-width:380px){.footer-inner{grid-template-columns:minmax(0,1fr)}.footer-uses ul{columns:1}}.meta-choice{box-sizing:border-box;max-width:340px;font:14px/1.45 var(--sans)}.footer-base>.meta-choice{margin-inline-start:auto}@media (max-width:600px){.footer-base>.meta-choice{flex-basis:100%;max-width:none;margin-inline-start:0}}body>.meta-choice{color:#f2f3f5;background:#111318;max-width:none;padding:12px 20px}.meta-choice summary{box-sizing:border-box;cursor:pointer;min-height:24px}.meta-choice>p{color:inherit;opacity:.8;text-wrap:pretty;margin:9px 0 0}.meta-choice-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.meta-choice .btn{color:#f2f3f5;background:#1f222a;border-color:#515762;min-height:40px}.meta-choice a{color:#f2f3f5;text-underline-offset:3px}@media (max-width:800px){.faq{grid-template-columns:minmax(0,1fr);gap:28px}.how{grid-template-columns:minmax(0,1fr);gap:32px}.examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.section,.cta-band{margin-top:64px}.price-cards{grid-template-columns:minmax(0,1fr)}.price-action{min-height:0}}.docs{max-width:860px;margin:0 auto;padding:32px 20px 80px}.docs h1{font-family:var(--display);margin:8px 0 16px;font-size:56px;font-weight:400;line-height:1}.docs h2{border-top:1px solid var(--line);margin-top:48px;padding-top:8px}.docs h3{margin-top:32px}.docs h1,.docs h2,.docs h3{scroll-margin-top:16px;position:relative}.docs .anchor{opacity:0;width:1em;color:var(--muted);font-weight:400;text-decoration:none;position:absolute;left:-1em}.docs h1 .anchor{display:none}.docs :-webkit-any(h2,h3):hover .anchor{opacity:1}.docs :is(h2,h3):hover .anchor{opacity:1}.docs pre{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);white-space:pre;padding:12px 14px;overflow-x:auto}.docs .bx{width:calc(var(--n) * 1ch);vertical-align:top;color:#0000;height:1lh;display:inline-block;position:relative;overflow:hidden}.docs .bx:before{content:"";border:0 solid var(--fg);border-bottom-width:max(1px,.08em);height:50%;position:absolute;top:0;left:0;right:0}.docs .bx-l:before{border-left-width:max(1px,.08em);left:.1ch}.docs .bx-r:before{border-right-width:max(1px,.08em);right:.1ch}.docs .table-wrap{border:1px solid var(--line);border-radius:var(--radius);margin:16px 0;overflow-x:auto}.docs table{border-collapse:collapse;width:100%;font-size:14.5px}.docs th,.docs td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:8px 12px}.docs tr:last-child td{border-bottom:none}.docs th{background:var(--bg-3);white-space:nowrap}.docs blockquote{background:var(--accent-tint);border:1.5px solid var(--accent-edge);border-radius:var(--radius);margin:16px 0;padding:8px 16px}.docs a{color:var(--fg);-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted);text-underline-offset:2px;overflow-wrap:anywhere}.toast{background:var(--fg);color:var(--bg);opacity:0;pointer-events:none;z-index:100;border-radius:999px;padding:10px 18px;font-weight:600;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.docs td:first-child code{white-space:nowrap;overflow-wrap:normal}.anim-gallery{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:16px 0 24px;display:grid}.anim-tile{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.anim-tile:hover{border-color:var(--muted)}.anim-tile:focus-visible{border-color:var(--muted)}.anim-tile .thumb{aspect-ratio:16/9;pointer-events:none;position:relative}.anim-tile .thumb>.bw-stage{position:absolute;top:0;bottom:0;left:0;right:0}.anim-tile .meta{justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.anim-tile .play-hint{color:var(--muted);font-size:12px;display:none}.anim-tile.still .play-hint{display:inline}.page-site :focus-visible{outline:2px solid var(--accent-edge);outline-offset:2px}.page-site ::selection{background:var(--accent);color:var(--accent-fg)}.noscript-note{box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);width:calc(100% - 40px);max-width:1040px;margin:16px auto 0;padding:12px 16px}.examples-more{color:var(--muted);margin:28px 0 0}.examples-more a{color:var(--fg);font-weight:600}.tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;margin:20px 0 0;padding:0;list-style:none;display:grid}.tools a{border-bottom:1px solid var(--line);color:var(--fg);justify-content:space-between;gap:12px;padding:14px 0;font-weight:600;text-decoration:none;display:flex}.tools a:hover span{transform:translate(3px)}.tools span{color:var(--muted);transition:transform .15s ease-out}@media (max-width:800px){.tools{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.tools{grid-template-columns:minmax(0,1fr)}}.aff-tv{padding-bottom:26px}.aff-tv .tv-fallback strong{font-size:2.6em;animation:.9s cubic-bezier(.16,1,.3,1) .15s both aff-share;display:inline-block}@keyframes aff-share{0%{transform:scale(.8)}}@media (prefers-reduced-motion:reduce){.aff-tv .tv-fallback strong{animation:none}}.aff-earn{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;max-width:760px;margin-top:8px}.aff-earn th,.aff-earn td{border-bottom:1px solid var(--line);text-align:left;vertical-align:baseline;padding:14px 16px 14px 0}.aff-earn thead th{color:var(--muted);font-size:14px;font-weight:600}.aff-earn tbody th{font-weight:600}.aff-earn td{color:var(--muted)}.aff-earn td:last-child{color:var(--fg);font-weight:700}.aff-rules{max-width:44em;margin:24px 0 0;padding-left:1.2em}.aff-rules li+li{margin-top:10px}@media (max-width:560px){.aff-earn th,.aff-earn td{padding-right:10px;font-size:15px}}.demo-remote{max-width:520px;margin:0 auto;padding:28px 20px 64px}.demo-remote h1{font-family:var(--display);margin:8px 0 12px;font-size:48px;font-weight:400;line-height:1}.demo-counter,.demo-message,.demo-keep{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);margin-top:20px;padding:16px}.demo-counter h2,.demo-keep h2{margin:0;font-size:18px}.demo-count{font-family:var(--display);margin:4px 0 12px;font-size:72px;line-height:1}.demo-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.btn.demo-big{min-height:56px;font-size:20px}.demo-message{flex-direction:column;gap:8px;display:flex}.demo-message label{font-weight:700}.demo-message textarea{box-sizing:border-box;border:1px solid var(--line);background:var(--bg);width:100%;color:var(--fg);font:inherit;border-radius:8px;padding:8px 10px;font-size:16px}.demo-message p,.demo-keep p{margin:0}.demo-message .btn{align-self:flex-start}.demo-keep{border-color:var(--accent-edge)}.demo-keep p{margin:6px 0 12px}.demo-status:empty{display:none}.usecase{max-width:1080px;margin:0 auto;padding:32px 20px 48px}.uc-hero{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:48px;display:grid}.uc-kicker{margin:0 0 8px;font-size:14px}.uc-kicker a{color:var(--muted)}.usecase h1{font-family:var(--display);text-wrap:balance;overflow-wrap:break-word;margin:0 0 16px;font-size:clamp(48px,7vw,80px);font-weight:400;line-height:.95}.usecase .lede{max-width:34em;font-size:18px}.uc-tool{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);padding:16px}.uc-frame{aspect-ratio:16/9;background:#000;border-radius:6px;position:relative;overflow:hidden}.uc-frame>div,.uc-frame>.bw-stage{position:absolute;top:0;bottom:0;left:0;right:0}.uc-fields{grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:10px 12px;margin:16px 0;display:grid}.uc-fields label{font-size:14px;font-weight:600}.uc-fields :-webkit-any(input,select,textarea){box-sizing:border-box;border:1px solid var(--line);background:var(--bg);width:100%;min-width:0;color:var(--fg);font:inherit;border-radius:8px;padding:8px 10px;font-size:16px}.uc-fields :is(input,select,textarea){box-sizing:border-box;border:1px solid var(--line);background:var(--bg);width:100%;min-width:0;color:var(--fg);font:inherit;border-radius:8px;padding:8px 10px;font-size:16px}.uc-fields [aria-invalid=true]{border-color:var(--danger)}.uc-error{color:var(--danger);grid-column:1/-1;margin:0;font-size:14px}.uc-generate{grid-column:2}.uc-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.uc-generate .btn{width:auto}.uc-actions{flex-wrap:wrap;gap:8px;display:flex}.uc-actions .btn,.uc-live-actions .btn{white-space:normal;text-align:center;max-width:100%}.uc-actions [aria-disabled=true]{background:var(--bg-3);color:var(--muted);border-color:var(--line);cursor:not-allowed}.uc-note{color:var(--muted);margin:10px 0 0;font-size:13.5px}.uc-section{max-width:760px;margin-top:56px}.uc-section h2{font-family:var(--display);margin:0 0 10px;font-size:36px;font-weight:400;line-height:1}.uc-live{border-radius:var(--radius);background:var(--accent-tint);max-width:none;padding:24px}.uc-live p{max-width:60ch}.uc-live-actions{flex-wrap:wrap;gap:8px;margin-bottom:0;display:flex}.uc-steps{margin:0;padding-left:1.3em}.uc-steps li+li{margin-top:8px}@media (max-width:800px){.uc-hero{grid-template-columns:minmax(0,1fr);gap:24px}.uc-section{margin-top:40px}.uc-tool{flex-direction:column;display:flex}.uc-actions{order:1;margin-top:16px}.uc-note{order:2}.uc-fields{order:3;margin-bottom:0}}@media (max-width:420px){.uc-fields{grid-template-columns:minmax(0,1fr);gap:4px}.uc-fields label:not(:first-child){margin-top:8px}.uc-generate{grid-column:1}}.home-pop{--bg:#0d0e11;--bg-2:#16181d;--bg-3:#1f222a;--fg:#f2f3f5;--muted:#9aa0ab;--line:#2b2f38;--accent-edge:#ffd400;--accent-tint:#2b2400;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;box-sizing:border-box;background:var(--bg);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--fg);border:0;border-radius:0;margin:0;padding:0 20px 40px;top:0;bottom:0;left:0;right:0;overflow:auto}.home-pop[popover]:popover-open{animation:.2s ease-out home-pop-in}@keyframes home-pop-in{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.home-pop[popover]:popover-open{animation:none}}.home-pop-body,.home-pop-head{max-width:760px;margin-inline-start:auto;margin-inline-end:auto}.home-pop-wide :-webkit-any(.home-pop-body,.home-pop-head){max-width:1120px}.home-pop-wide :is(.home-pop-body,.home-pop-head){max-width:1120px}.home-pop::backdrop{background:#0000008c}body:not(.page-home) .home-pop:target{z-index:60;display:block;position:fixed}.home-pop-head{z-index:1;background:var(--bg);justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:20px 0 12px;display:flex;position:sticky;top:0}.home-pop-head h2{font-family:var(--display);margin:0;font-size:34px;font-weight:400}.home-pop-close{background:var(--bg-2);width:38px;height:38px;color:inherit;cursor:pointer;border:0;border-radius:50%;flex:none;font-size:22px;line-height:1}.home-pop .faq,.home-pop .how{grid-template-columns:minmax(0,1fr);gap:20px;margin:0}.home-pop h3{margin:0 0 16px;font-size:20px}.home-pop .how+h3{border-top:1px solid var(--line);margin-top:32px;padding-top:24px}.home-base{color:#7d838e;background:#000;flex-wrap:wrap;align-items:flex-start;gap:12px 24px;padding:16px 20px 24px;font-size:13px;display:flex}.home-base p{flex-wrap:wrap;gap:4px 16px;margin:0;display:flex}.home-base a{color:inherit}.home-base a:hover{color:#f2f3f5}.home-base>.meta-choice{color:#9aa0ab;margin-inline-start:auto}@media (max-width:480px){.site-header{gap:8px;padding-inline-start:12px;padding-inline-end:12px}.site-nav{gap:0}.site-nav :-webkit-any(a,.home-action){padding-inline-start:8px;padding-inline-end:8px}.site-nav :is(a,.home-action){padding-inline-start:8px;padding-inline-end:8px}.site-nav a:-webkit-any(.nav-create,.nav-account){min-height:32px;padding-inline-start:10px;padding-inline-end:10px;font-size:13px}.site-nav a:is(.nav-create,.nav-account){min-height:32px;padding-inline-start:10px;padding-inline-end:10px;font-size:13px}.site-nav a.nav-create{margin-inline-start:4px}}@media (max-width:420px){.site-nav .nav-create-label{display:none}.site-nav a.nav-create{justify-content:center;width:32px;padding:0;font-size:18px}}@media (max-width:600px){.home-base>.meta-choice{flex-basis:100%;margin-inline-start:0}}