@font-face{font-family:TikTok Sans;font-style:normal;font-weight:300 900;font-stretch:75% 150%;font-display:swap;src:url(../media/7ac5fd0989c028ec.0if08xog10ysr.woff2?dpl=mvfmptaf)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:TikTok Sans;font-style:normal;font-weight:300 900;font-stretch:75% 150%;font-display:swap;src:url(../media/4ac25ac50231883d.2u1sdzzrw6xvz.woff2?dpl=mvfmptaf)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:TikTok Sans;font-style:normal;font-weight:300 900;font-stretch:75% 150%;font-display:swap;src:url(../media/5688a4c40e43e5a1.3z5xel2aqt1n0.woff2?dpl=mvfmptaf)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:TikTok Sans;font-style:normal;font-weight:300 900;font-stretch:75% 150%;font-display:swap;src:url(../media/4506099c4edea958.03bi136yxljuv.woff2?dpl=mvfmptaf)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:TikTok Sans;font-style:normal;font-weight:300 900;font-stretch:75% 150%;font-display:swap;src:url(../media/49ec584a06e87b68.10lnr9nn8i7_3.woff2?dpl=mvfmptaf)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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:TikTok Sans;font-style:normal;font-weight:300 900;font-stretch:75% 150%;font-display:swap;src:url(../media/b0853715662e1466.p.0irp91g8mk-b7.woff2?dpl=mvfmptaf)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}.tiktok_sans_deb7de0-module__7uGsbG__className{font-family:TikTok Sans,Arial Narrow,Helvetica Neue,Arial,sans-serif;font-style:normal}.tiktok_sans_deb7de0-module__7uGsbG__variable{--font-demos-display:"TikTok Sans", Arial Narrow, Helvetica Neue, Arial, sans-serif}
@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:100%;font-display:swap;src:url(../media/2b232b7efa22db1c-s.2zkj-p18lgxwi.woff2?dpl=mvfmptaf)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.2ffn2c0h-1t7r.woff2?dpl=mvfmptaf)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.1ns0a980vcn85.woff2?dpl=mvfmptaf)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-20C4,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.12ukhzf-lem3a.woff2?dpl=mvfmptaf)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_2d33f910-module__XqnQyG__className{font-family:Martian Mono,Martian Mono Fallback;font-style:normal}.martian_mono_2d33f910-module__XqnQyG__variable{--font-demos-mono:"Martian Mono", "Martian Mono Fallback"}
.demos-module__jQz_uq__root{--ink:#0b0b0a;--ink-2:#1c1c1a;--paper:#f4f2ec;--paper-2:#e8e5da;--acid:#d0ff2e;--grey:#5e5c57;--grey-ink:#a9a69c;--line:#0b0b0a24;--sans:var(--font-demos-display), "Helvetica Neue", Arial, system-ui, sans-serif;--mono:var(--font-demos-mono), ui-monospace, "SFMono-Regular", Menlo, monospace;--gutter:20px;--max:calc(1320px + 2 * var(--gutter));--header-h:var(--site-header-height,72px);--radius:14px;--radius-sm:10px;--ease-out:cubic-bezier(.16, 1, .3, 1);--spring:linear(0, .012, .048 2.6%, .193 5.6%, .749 15.4%, .928 19.9%, 1.031 24.4%, 1.062 27.4%, 1.071 30.5%, 1.053 35.5%, 1.008 45.6%, .994 52.9%, .999 70.4%, 1);background:var(--paper);color:var(--ink);font-family:var(--sans);font-kerning:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;hanging-punctuation:first last;font-size:17px;line-height:1.5;overflow-x:clip}@media (min-width:760px){.demos-module__jQz_uq__root{--gutter:40px}}@media (min-width:960px){.demos-module__jQz_uq__root{--radius:18px}}.demos-module__jQz_uq__root :where(h1,h2,h3,h4,p,ul,ol,dl,dd,figure){margin:0}.demos-module__jQz_uq__root :where(ul,ol){padding:0;list-style:none}.demos-module__jQz_uq__root :where(h1,h2,h3,h4){font-size:inherit;letter-spacing:-.03em;text-wrap:balance;font-weight:700;line-height:1}.demos-module__jQz_uq__root :where(p){text-wrap:pretty}.demos-module__jQz_uq__root :where(img,svg){max-width:100%;display:block}.demos-module__jQz_uq__root :where(a){color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}.demos-module__jQz_uq__root :where(button,input){font:inherit;color:inherit;letter-spacing:inherit}.demos-module__jQz_uq__root :where(button){cursor:pointer}.demos-module__jQz_uq__root :where(sup){line-height:0}.demos-module__jQz_uq__root ::selection{background:var(--acid);color:var(--ink)}.demos-module__jQz_uq__root :focus-visible{outline:2.5px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 6px var(--acid);border-radius:4px}.demos-module__jQz_uq__root :focus:not(:focus-visible){outline:none}.demos-module__jQz_uq__button{--bg:var(--ink);--fg:var(--paper);border:1.5px solid var(--bg);background:var(--bg);min-height:52px;color:var(--fg);letter-spacing:-.005em;white-space:nowrap;transition:background-color .2s, color .2s, transform .5s var(--spring);border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:0 24px 0 26px;font-size:16px;font-weight:650;line-height:1.15;text-decoration:none;display:inline-flex}@media (max-width:419px){.demos-module__jQz_uq__button{white-space:normal;text-align:center;max-width:100%}}.demos-module__jQz_uq__button .demos-module__jQz_uq__arrow{transition:transform .5s var(--spring);flex:none}.demos-module__jQz_uq__button:hover .demos-module__jQz_uq__arrow{transform:translate(4px)}.demos-module__jQz_uq__button:active{transform:scale(.97)}.demos-module__jQz_uq__button:hover{--fg:var(--acid)}.demos-module__jQz_uq__buttonAcid{--bg:var(--acid);--fg:var(--ink)}.demos-module__jQz_uq__buttonAcid:hover{--bg:var(--ink);--fg:var(--acid)}.demos-module__jQz_uq__buttonLine{--bg:transparent;--fg:var(--ink);border-color:currentColor}.demos-module__jQz_uq__buttonLine:hover{--bg:var(--ink);--fg:var(--paper);border-color:var(--ink)}.demos-module__jQz_uq__buttonSmall{gap:8px;min-height:44px;padding:0 16px 0 18px;font-size:15px}.demos-module__jQz_uq__textLink{min-height:44px;color:inherit;text-underline-offset:.3em;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;transition:text-decoration-color .2s;display:inline-flex}.demos-module__jQz_uq__textLink:hover{-webkit-text-decoration-color:var(--acid);text-decoration-color:var(--acid);text-decoration-thickness:3px}.demos-module__jQz_uq__index{max-width:var(--max);padding:clamp(24px, 4vw, 56px) var(--gutter) clamp(72px, 10vw, 150px);margin-inline:auto}.demos-module__jQz_uq__indexHead{align-items:end;gap:20px var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));margin-bottom:clamp(28px,4vw,52px);display:grid}.demos-module__jQz_uq__indexTitle{letter-spacing:-.04em;outline:none;grid-column:1/span 7;font-size:clamp(56px,10.5vw,176px);font-weight:800;font-stretch:75%;line-height:.84}@media (min-width:380px) and (max-width:959px){.demos-module__jQz_uq__nowrap{white-space:nowrap}}@media (max-width:379px){.demos-module__jQz_uq__indexTitle{font-size:13vw}}.demos-module__jQz_uq__indexCount{background:var(--acid);min-width:1.9em;height:1.9em;font-family:var(--mono);letter-spacing:0;vertical-align:top;border-radius:999px;place-items:center;margin-left:.2em;padding:0 .4em;font-size:max(14px,.16em);font-weight:600;font-stretch:100%;display:inline-grid;transform:translateY(.7em)}.demos-module__jQz_uq__indexIntro{grid-column:8/span 5;max-width:44ch;font-size:clamp(16px,1.25vw,19px);line-height:1.45}.demos-module__jQz_uq__finderBar{top:var(--header-h);z-index:20;background:var(--paper);border-block:1px solid var(--ink);align-items:center;gap:12px 28px;margin-inline:calc(50% - 50vw);padding:10px calc(50vw - 50%);display:flex;position:sticky}.demos-module__jQz_uq__finderSearch{flex:1;align-items:center;gap:12px;min-width:0;display:flex;position:relative}.demos-module__jQz_uq__finderLabel{border-right:1px solid var(--line);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;flex:none;align-items:center;gap:10px;padding-right:14px;font-size:11.5px;font-weight:500;display:inline-flex}.demos-module__jQz_uq__finderSearch input{letter-spacing:-.015em;background:0 0;border:0;outline:none;flex:1;min-width:0;min-height:52px;padding:0 44px 0 0;font-size:clamp(18px,1.7vw,24px);font-weight:500}.demos-module__jQz_uq__finderSearch input::placeholder{color:var(--grey);font-weight:400}.demos-module__jQz_uq__finderSearch input::-webkit-search-cancel-button{display:none}.demos-module__jQz_uq__finderSearch:focus-within{box-shadow:0 2px 0 0 var(--ink)}.demos-module__jQz_uq__finderSearch input:focus-visible{box-shadow:none;outline:none}.demos-module__jQz_uq__finderClear{background:var(--paper-2);border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;right:0}.demos-module__jQz_uq__finderClear:hover{background:var(--ink);color:var(--paper)}.demos-module__jQz_uq__finderCount{white-space:nowrap;align-items:baseline;gap:8px;display:flex}.demos-module__jQz_uq__finderCountNum{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:34px;font-weight:800;font-stretch:75%;line-height:1}.demos-module__jQz_uq__finderCountOf{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:11.5px}.demos-module__jQz_uq__finderReset{border:1.5px solid var(--ink);white-space:nowrap;background:0 0;border-radius:999px;min-height:44px;padding:0 16px;font-size:14px;font-weight:650}.demos-module__jQz_uq__finderReset:hover{background:var(--ink);color:var(--paper)}.demos-module__jQz_uq__facets{gap:10px;padding:16px 0 clamp(32px,3.5vw,48px);display:grid}.demos-module__jQz_uq__facetRow{grid-template-columns:120px minmax(0,1fr);align-items:start;gap:16px;display:grid}.demos-module__jQz_uq__facetLabel{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;padding-top:13px;font-size:11.5px;font-weight:500}.demos-module__jQz_uq__facetScroll{flex-wrap:wrap;gap:6px;display:flex}.demos-module__jQz_uq__facet{border:1.5px solid var(--line);white-space:nowrap;min-height:40px;transition:border-color .2s, background-color .2s, color .2s, transform .45s var(--spring);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 6px 0 14px;font-size:14.5px;font-weight:550;display:inline-flex}.demos-module__jQz_uq__facet:hover:not(:disabled){border-color:var(--ink)}.demos-module__jQz_uq__facet:active:not(:disabled){transform:scale(.95)}.demos-module__jQz_uq__facet[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.demos-module__jQz_uq__facet:disabled{cursor:not-allowed;color:var(--grey);border-style:dashed}@media (pointer:coarse){.demos-module__jQz_uq__facet{min-height:44px}}.demos-module__jQz_uq__facetCount{background:var(--paper-2);min-width:26px;height:26px;color:var(--ink);font-family:var(--mono);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0 6px;font-size:11.5px;font-weight:600;display:inline-grid}.demos-module__jQz_uq__facet[aria-pressed=true] .demos-module__jQz_uq__facetCount{background:var(--acid)}.demos-module__jQz_uq__facet:disabled .demos-module__jQz_uq__facetCount{color:var(--grey);background:0 0}.demos-module__jQz_uq__facetCheck{border:1.5px solid;border-radius:3px;width:14px;height:14px;margin-left:-4px}.demos-module__jQz_uq__facet[aria-pressed=true] .demos-module__jQz_uq__facetCheck{border-color:var(--acid);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='m3 7.2 2.6 2.6L11 4.4' fill='none' stroke='%230b0b0a' stroke-width='2.2'/%3E%3C/svg%3E") center / 100% no-repeat, var(--acid)}@media (max-width:959px){.demos-module__jQz_uq__indexTitle,.demos-module__jQz_uq__indexIntro{grid-column:1/-1}.demos-module__jQz_uq__finderBar{flex-wrap:wrap;gap:4px 16px;padding-block:6px 8px}.demos-module__jQz_uq__finderSearch{flex-basis:100%}.demos-module__jQz_uq__finderCountNum{font-size:26px}.demos-module__jQz_uq__finderReset{min-height:40px;margin-left:auto}.demos-module__jQz_uq__facetRow{grid-template-columns:minmax(0,1fr);gap:6px}.demos-module__jQz_uq__facetLabel{padding-top:0}.demos-module__jQz_uq__facetScroll{margin-inline:calc(var(--gutter) * -1);padding:2px var(--gutter) 6px;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);scrollbar-width:thin;flex-wrap:nowrap;overflow-x:auto}.demos-module__jQz_uq__facet{scroll-snap-align:start}}.demos-module__jQz_uq__bento{--stage-h:clamp(360px, 33vw, 560px);--pad-top:clamp(64px, 6vw, 92px);gap:clamp(48px, 5vw, 80px) var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.demos-module__jQz_uq__tile{grid-column:span 12;min-width:0}.demos-module__jQz_uq__tile[data-span="8"]{grid-column:span 8}.demos-module__jQz_uq__tile[data-span="6"]{grid-column:span 6}.demos-module__jQz_uq__tile[data-span="4"]{grid-column:span 4}@media (min-width:960px){.demos-module__jQz_uq__tile[data-span="4"]{margin-top:clamp(48px,7vw,120px)}}@media (max-width:959px) and (min-width:640px){.demos-module__jQz_uq__bento{--stage-h:clamp(300px, 44vw, 420px);--pad-top:64px}.demos-module__jQz_uq__tile[data-span="8"]{grid-column:span 7}.demos-module__jQz_uq__tile[data-span="4"]{grid-column:span 5}}@media (max-width:639px){.demos-module__jQz_uq__bento{--pad-top:60px;grid-template-columns:minmax(0,1fr);gap:56px}.demos-module__jQz_uq__tile,.demos-module__jQz_uq__tile[data-span]{grid-column:1/-1}.demos-module__jQz_uq__tile[data-view=desktop] .demos-module__jQz_uq__stage{--stage-h:calc((100vw - 2 * var(--gutter)) * .86)}.demos-module__jQz_uq__tile[data-view=mobile] .demos-module__jQz_uq__stage{--stage-h:calc((100vw - 2 * var(--gutter)) * 1.15)}}.demos-module__jQz_uq__stage{isolation:isolate;height:var(--stage-h);border-radius:var(--radius);background:var(--brand);color:var(--on);position:relative;overflow:hidden}.demos-module__jQz_uq__stageWord{z-index:-1;color:var(--word);font-size:calc(var(--stage-h) * .36);letter-spacing:-.05em;white-space:nowrap;pointer-events:none;transition:transform 1.2s var(--ease-out);font-weight:800;font-stretch:75%;line-height:.8;position:absolute;top:.06em;left:.12em}.demos-module__jQz_uq__stage[data-active] .demos-module__jQz_uq__stageWord{transform:translate(-4%)}.demos-module__jQz_uq__stageLink{color:inherit;display:block;position:absolute;inset:0}.demos-module__jQz_uq__stageDevice{padding:var(--pad-top) 6% 0;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.demos-module__jQz_uq__device{--bar:26px;--frame:6px;width:min(100%, calc((var(--stage-h) - var(--pad-top) - var(--bar)) * 1.6 + 2 * var(--frame)));padding:0 var(--frame);background:var(--ink);transform-origin:50% 100%;transition:transform .7s var(--spring);border-radius:12px 12px 0 0;flex:none;position:relative;box-shadow:0 40px 80px -30px #0000008c}.demos-module__jQz_uq__device[data-view=mobile]{--bar:24px;--frame:7px;width:min(100%, calc((var(--stage-h) - var(--pad-top) - var(--bar)) * .4621 + 2 * var(--frame)));border-radius:30px 30px 0 0}.demos-module__jQz_uq__stage[data-active] .demos-module__jQz_uq__device{transform:translateY(-8px)scale(1.012)}.demos-module__jQz_uq__deviceBar{height:var(--bar);color:var(--grey-ink);font-family:var(--mono);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:10px;padding:0 6px;font-size:10px;display:flex}.demos-module__jQz_uq__deviceBar i{opacity:.5;background:radial-gradient(circle at 3.5px,currentColor 3px,#0000 3.5px),radial-gradient(circle at 15px,currentColor 3px,#0000 3.5px),radial-gradient(circle at 26.5px,currentColor 3px,#0000 3.5px);border-radius:4px;flex:none;width:30px;height:7px}.demos-module__jQz_uq__deviceUrl{text-overflow:ellipsis;overflow:hidden}.demos-module__jQz_uq__device[data-view=mobile] .demos-module__jQz_uq__deviceBar{justify-content:center}.demos-module__jQz_uq__deviceNotch{background:var(--ink-2);border-radius:8px;width:34%;height:8px;box-shadow:inset 0 0 0 1px #ffffff14}.demos-module__jQz_uq__screen{aspect-ratio:1440/900;background:var(--paper-2);position:relative;overflow:hidden;container-type:size}.demos-module__jQz_uq__device[data-view=mobile] .demos-module__jQz_uq__screen{aspect-ratio:390/844;border-radius:20px 20px 0 0}.demos-module__jQz_uq__poster{object-fit:cover;object-position:50% 0}.demos-module__jQz_uq__strip{opacity:0;will-change:transform;width:100%;max-width:none;height:auto;transition:opacity .35s;position:absolute;inset:0 0 auto}.demos-module__jQz_uq__device[data-ready] .demos-module__jQz_uq__strip{animation:demos-module__jQz_uq__page-scroll var(--duration) cubic-bezier(.5, 0, .3, 1) .6s infinite alternate both;animation-play-state:paused}.demos-module__jQz_uq__device[data-active][data-ready] .demos-module__jQz_uq__strip{opacity:1;animation-play-state:running}@keyframes demos-module__jQz_uq__page-scroll{0%,5%{transform:translateY(0)}95%,to{transform:translateY(calc(100cqh - 100%))}}@media (prefers-reduced-motion:reduce){.demos-module__jQz_uq__strip{display:none}}.demos-module__jQz_uq__stageTools{z-index:2;background:var(--paper);color:var(--ink);border-radius:999px;gap:2px;padding:3px;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 6px 20px -8px #00000059}.demos-module__jQz_uq__tool{min-width:40px;min-height:40px;font-family:var(--mono);letter-spacing:.03em;text-transform:uppercase;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:600;display:inline-flex}.demos-module__jQz_uq__tool:hover{background:var(--paper-2)}.demos-module__jQz_uq__tool[aria-pressed=true]{background:var(--ink);color:var(--paper)}.demos-module__jQz_uq__toolPlay{width:40px;padding:0}.demos-module__jQz_uq__toolPlay[aria-pressed=true]{color:var(--acid)}.demos-module__jQz_uq__caseTools .demos-module__jQz_uq__toolPlay{width:auto;padding:0 14px 0 12px}@media (pointer:coarse){.demos-module__jQz_uq__tool{min-width:44px;min-height:44px}.demos-module__jQz_uq__toolPlay{width:44px}}@media (min-width:640px) and (max-width:1279px){.demos-module__jQz_uq__tile[data-span="4"] .demos-module__jQz_uq__toolLabel{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.demos-module__jQz_uq__tile[data-span="4"] .demos-module__jQz_uq__tool{padding:0}}@media (max-width:379px){.demos-module__jQz_uq__toolLabel{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.demos-module__jQz_uq__tool,.demos-module__jQz_uq__caseTools .demos-module__jQz_uq__toolPlay{padding:0}}.demos-module__jQz_uq__tileBody{grid-template-columns:minmax(0,1fr);gap:10px;padding-top:18px;display:grid}.demos-module__jQz_uq__tileMeta{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:10px;font-size:11.5px;font-weight:500;display:flex}.demos-module__jQz_uq__tileMeta span:first-child{background:var(--brand);min-width:34px;height:22px;color:var(--on);border-radius:999px;place-items:center;display:inline-grid}.demos-module__jQz_uq__tileTitle a{gap:6px;text-decoration:none;display:grid}.demos-module__jQz_uq__tileName{letter-spacing:-.035em;background:linear-gradient(var(--ink), var(--ink)) 0 100% / 0 3px no-repeat;transition:background-size .45s var(--ease-out);justify-self:start;font-size:clamp(28px,2.6vw,42px);font-weight:750;line-height:.98;display:inline}.demos-module__jQz_uq__tileTitle a:hover .demos-module__jQz_uq__tileName{background-size:100% 3px}.demos-module__jQz_uq__tileKind{color:var(--grey);letter-spacing:-.01em;font-size:17px;font-weight:500}.demos-module__jQz_uq__tileSignature{max-width:48ch;font-size:16.5px;line-height:1.45}.demos-module__jQz_uq__tile[data-span="4"] .demos-module__jQz_uq__tileSignature{font-size:15.5px}.demos-module__jQz_uq__tileCaps{color:var(--grey);font-family:var(--mono);letter-spacing:.03em;text-transform:uppercase;flex-wrap:wrap;gap:4px 0;font-size:11px;font-weight:500;display:flex}.demos-module__jQz_uq__tileCaps li:not(:last-child):after{content:"/";color:var(--line);margin-inline:8px}.demos-module__jQz_uq__tileActions{flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:6px;display:flex}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.demos-module__jQz_uq__tile{animation:linear both demos-module__jQz_uq__tile-rise;animation-timeline:view();animation-range:entry 0 entry 240px}.demos-module__jQz_uq__tile .demos-module__jQz_uq__stage{animation:linear both demos-module__jQz_uq__stage-open;animation-timeline:view();animation-range:entry 40px entry 360px}}}@keyframes demos-module__jQz_uq__tile-rise{0%{opacity:.001;transform:translateY(56px)}}@keyframes demos-module__jQz_uq__stage-open{0%{clip-path:inset(12% 4% 0 4% round var(--radius))}to{clip-path:inset(0 0 0 0 round var(--radius))}}.demos-module__jQz_uq__empty{gap:16px;max-width:60ch;padding:clamp(40px,6vw,80px) 0;display:grid}.demos-module__jQz_uq__emptyTitle{letter-spacing:-.03em;font-size:clamp(30px,3.6vw,52px);font-weight:750;font-stretch:85%;line-height:1}.demos-module__jQz_uq__empty a:not(.demos-module__jQz_uq__textLink){font-weight:650;text-decoration:underline}.demos-module__jQz_uq__emptyActions{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:8px;display:flex}.demos-module__jQz_uq__closing{align-content:start;column-gap:var(--gutter);padding:clamp(64px, 9vw, 140px) max(var(--gutter), calc((100% - var(--max)) / 2 + var(--gutter)));background:var(--acid);color:var(--ink);grid-template-columns:repeat(12,minmax(0,1fr));row-gap:clamp(20px,3vw,40px);display:grid}.demos-module__jQz_uq__closingTitle{letter-spacing:-.04em;max-width:16ch;font-size:clamp(40px,6.4vw,108px);font-weight:800;font-stretch:75%;line-height:.88}.demos-module__jQz_uq__closingLink{letter-spacing:-.06em;background:linear-gradient(var(--ink), var(--ink)) 0 100% / 100% .06em no-repeat;transition:background-size .5s var(--ease-out);justify-self:start;align-items:center;gap:.3em;font-size:clamp(32px,5.4vw,92px);font-weight:300;font-stretch:150%;line-height:1.1;text-decoration:none;display:inline-flex}.demos-module__jQz_uq__closingLink:hover{background-position:0 92%;background-size:100% .5em}.demos-module__jQz_uq__closingLink .demos-module__jQz_uq__arrow{width:.7em;height:.7em;transition:transform .6s var(--spring)}.demos-module__jQz_uq__closingLink:hover .demos-module__jQz_uq__arrow{transform:translate(.15em)}.demos-module__jQz_uq__closing>:not(.demos-module__jQz_uq__closingBars){grid-column:1/span 7}.demos-module__jQz_uq__closingBars{border-radius:var(--radius-sm);grid-area:1/9/span 2/-1;grid-auto-rows:minmax(44px,1fr);align-self:stretch;min-height:100%;display:grid;overflow:hidden}.demos-module__jQz_uq__closingBars li{transform-origin:100%;display:grid}.demos-module__jQz_uq__closingBars a{background:var(--brand);color:var(--on);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;font-size:11px;text-decoration:none;display:flex}.demos-module__jQz_uq__closingBars a .icon{opacity:0;width:15px;height:15px;transition:opacity .2s, transform .4s var(--spring);transform:translate(-4px,4px)}:is(.demos-module__jQz_uq__closingBars a:hover .icon,.demos-module__jQz_uq__closingBars a:focus-visible .icon){opacity:1;transform:none}.demos-module__jQz_uq__closingBars a:hover span{text-underline-offset:.3em;text-decoration:underline}.demos-module__jQz_uq__root .demos-module__jQz_uq__closingBars a:focus-visible{outline:2.5px solid var(--on);outline-offset:-5px;box-shadow:inset 0 0 0 8px var(--brand);border-radius:0}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.demos-module__jQz_uq__closingBars li{animation:linear both demos-module__jQz_uq__bar-in;animation-timeline:view();animation-range:entry 10% cover 45%}.demos-module__jQz_uq__closingBars li:nth-child(2n){animation-range:entry 20% cover 50%}}}@keyframes demos-module__jQz_uq__bar-in{0%{transform:scaleX(.35)}}@media (max-width:959px){.demos-module__jQz_uq__closing>:not(.demos-module__jQz_uq__closingBars),.demos-module__jQz_uq__closingBars{grid-column:1/-1}.demos-module__jQz_uq__closingBars{grid-row:auto;margin-top:12px}.demos-module__jQz_uq__closingBars a .icon{opacity:1;transform:none}}.demos-module__jQz_uq__root .demos-module__jQz_uq__closing :focus-visible,.demos-module__jQz_uq__root .demos-module__jQz_uq__caseCta :focus-visible{box-shadow:0 0 0 6px var(--paper)}.demos-module__jQz_uq__case{--stage-h:clamp(420px, 50vw, 760px);--pad-top:clamp(76px, 7vw, 108px)}.demos-module__jQz_uq__caseHero{gap:20px var(--gutter);max-width:var(--max);padding:clamp(18px, 2.5vw, 32px) var(--gutter) clamp(40px, 5vw, 72px);grid-template-columns:repeat(12,minmax(0,1fr));margin-inline:auto;display:grid}.demos-module__jQz_uq__crumbs{border-bottom:1px solid var(--ink);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;grid-column:1/-1;padding-bottom:12px;font-size:11.5px;font-weight:500}.demos-module__jQz_uq__crumbs ol{justify-content:space-between;align-items:center;gap:16px;display:flex}.demos-module__jQz_uq__crumbs a{align-items:center;min-height:32px;text-decoration:none;display:inline-flex}.demos-module__jQz_uq__crumbs a:before{content:"←";margin-right:8px}.demos-module__jQz_uq__crumbs a:hover{text-decoration:underline}.demos-module__jQz_uq__caseMeta{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;grid-column:1/-1;gap:8px 12px;margin-top:clamp(4px,1.5vw,20px);font-size:11.5px;font-weight:500;display:flex}.demos-module__jQz_uq__caseMeta span:first-child{background:var(--brand);color:var(--on);border-radius:999px;padding:3px 10px}.demos-module__jQz_uq__caseMeta span:last-child{padding:3px 0}.demos-module__jQz_uq__caseTitle{letter-spacing:-.045em;grid-column:1/-1;font-size:clamp(60px,10.5vw,184px);font-weight:800;font-stretch:75%;line-height:.84}@media (max-width:379px){.demos-module__jQz_uq__caseTitle{font-size:13vw}}.demos-module__jQz_uq__caseName{display:inline-block}.demos-module__jQz_uq__caseLede{letter-spacing:-.02em;grid-column:1/span 6;max-width:34ch;font-size:clamp(20px,2vw,30px);font-stretch:110%;line-height:1.2}.demos-module__jQz_uq__caseActions{flex-wrap:wrap;grid-column:8/span 5;justify-content:flex-end;align-items:flex-end;gap:12px;display:flex}.demos-module__jQz_uq__caseStage{isolation:isolate;height:var(--stage-h);background:var(--brand);color:var(--on);position:relative;overflow:hidden}.demos-module__jQz_uq__caseDevice{padding:var(--pad-top) var(--gutter) 0;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.demos-module__jQz_uq__caseDevice .demos-module__jQz_uq__device{max-width:1000px}.demos-module__jQz_uq__caseStage .demos-module__jQz_uq__stageWord{top:.04em;left:max(var(--gutter), calc((100% - var(--max)) / 2 + var(--gutter)));font-size:calc(var(--stage-h) * .3)}.demos-module__jQz_uq__caseStage[data-active] .demos-module__jQz_uq__device,.demos-module__jQz_uq__caseStage:hover .demos-module__jQz_uq__device{transform:translateY(-6px)}.demos-module__jQz_uq__caseTools{top:clamp(16px,2vw,28px);right:max(var(--gutter), calc((100% - var(--max)) / 2 + var(--gutter)))}.demos-module__jQz_uq__caseSection{gap:24px var(--gutter);max-width:var(--max);padding:clamp(56px, 7vw, 112px) var(--gutter) 0;grid-template-columns:repeat(12,minmax(0,1fr));margin-inline:auto;display:grid}.demos-module__jQz_uq__caseLabel{top:calc(var(--header-h) + 20px);border-top:3px solid var(--ink);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;grid-column:1/span 3;align-self:start;padding-top:10px;font-size:12px;font-weight:600;line-height:1.4;position:sticky}.demos-module__jQz_uq__caseSection>:not(.demos-module__jQz_uq__caseLabel){grid-column:4/span 9}.demos-module__jQz_uq__caseBriefBody{gap:clamp(32px,4vw,56px);display:grid}.demos-module__jQz_uq__caseStatement{letter-spacing:-.03em;max-width:30ch;font-size:clamp(26px,3.1vw,50px);font-weight:450;line-height:1.1}.demos-module__jQz_uq__caseFacts{gap:0 var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.demos-module__jQz_uq__caseFacts>div{border-top:1px solid var(--line);gap:6px;padding:16px 0;display:grid}.demos-module__jQz_uq__caseFacts dt{color:var(--grey);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:11.5px}.demos-module__jQz_uq__caseFacts dd{font-size:17px;line-height:1.4}.demos-module__jQz_uq__journey{gap:var(--gutter);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.demos-module__jQz_uq__journey li{border-top:1px solid var(--ink);align-content:start;gap:14px;padding-top:18px;display:grid;position:relative}.demos-module__jQz_uq__journey li:not(:last-child):after{content:"→";color:var(--grey);font-size:22px;position:absolute;top:10px;right:0}.demos-module__jQz_uq__journeyNum{letter-spacing:-.06em;font-size:clamp(44px,4.6vw,76px);font-weight:250;font-stretch:150%;line-height:.9}.demos-module__jQz_uq__journeyText{max-width:22ch;font-size:18px;font-weight:550;line-height:1.3}.demos-module__jQz_uq__features{gap:0 var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.demos-module__jQz_uq__features li{border-top:1px solid var(--line);align-content:start;gap:8px;padding:22px 0 26px;display:grid}.demos-module__jQz_uq__featureTitle{letter-spacing:-.025em;font-size:clamp(22px,1.9vw,28px);font-weight:700}.demos-module__jQz_uq__features p{max-width:44ch}.demos-module__jQz_uq__caseHint{color:var(--grey);margin-top:-8px}.demos-module__jQz_uq__screens{align-items:flex-start;gap:var(--gutter);flex-wrap:wrap;display:flex}.demos-module__jQz_uq__screenFrame{gap:12px;display:grid}.demos-module__jQz_uq__screenFrame figcaption{color:var(--grey);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:11.5px}.demos-module__jQz_uq__scroller{overscroll-behavior:contain;border:6px solid var(--ink);background:var(--paper-2);scrollbar-width:thin;scrollbar-color:var(--ink) transparent;border-top-width:26px;border-radius:12px;overflow-y:auto}.demos-module__jQz_uq__scroller img{width:100%;height:auto}.demos-module__jQz_uq__screenFrameDesktop{flex:520px;max-width:812px}.demos-module__jQz_uq__screenFrameDesktop .demos-module__jQz_uq__scroller{height:clamp(420px,46vw,660px)}.demos-module__jQz_uq__screenFramePhone{flex:0 300px}.demos-module__jQz_uq__screenFramePhone .demos-module__jQz_uq__scroller{border-width:22px 8px 8px;border-radius:30px;height:clamp(480px,46vw,660px)}.demos-module__jQz_uq__pages{border-top:1px solid var(--ink)}.demos-module__jQz_uq__pages a{border-bottom:1px solid var(--line);min-height:60px;transition:background-color .2s, padding .4s var(--spring);grid-template-columns:48px minmax(0,1fr) auto 24px;align-items:center;gap:16px;padding:10px 0;text-decoration:none;display:grid}.demos-module__jQz_uq__pages a:hover{background:var(--acid);padding-inline:12px}.demos-module__jQz_uq__pageNum{color:var(--grey);font-family:var(--mono);font-size:11.5px}.demos-module__jQz_uq__pages a:hover .demos-module__jQz_uq__pageNum{color:var(--ink)}.demos-module__jQz_uq__pageLabel{letter-spacing:-.02em;font-size:clamp(19px,1.6vw,24px);font-weight:600}.demos-module__jQz_uq__pagePath{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.demos-module__jQz_uq__caseCta{isolation:isolate;padding:clamp(56px, 8vw, 120px) max(var(--gutter), calc((100% - var(--max)) / 2 + var(--gutter)));background:var(--acid);justify-items:start;gap:20px;margin-top:clamp(72px,9vw,140px);display:grid;position:relative;overflow:hidden}.demos-module__jQz_uq__caseCtaNum{right:max(var(--gutter), calc((100% - var(--max)) / 2 + var(--gutter)));z-index:-1;color:var(--brand);letter-spacing:-.05em;pointer-events:none;font-size:clamp(160px,30vw,520px);font-weight:800;font-stretch:75%;line-height:.8;position:absolute;bottom:-.16em}@media (max-width:759px){.demos-module__jQz_uq__caseCtaNum{opacity:.25}}.demos-module__jQz_uq__caseCtaTitle{letter-spacing:-.04em;max-width:18ch;font-size:clamp(40px,6vw,100px);font-weight:800;font-stretch:75%;line-height:.88}.demos-module__jQz_uq__caseCtaBody{max-width:52ch;font-size:18px}.demos-module__jQz_uq__caseNext{border-top:1px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.demos-module__jQz_uq__caseNextLink{padding:clamp(28px, 4vw, 56px) max(var(--gutter), calc((100vw - var(--max)) / 2 + var(--gutter)));align-content:start;gap:6px;text-decoration:none;transition:background-color .25s;display:grid}.demos-module__jQz_uq__caseNextLink:hover{background:var(--ink);color:var(--paper)}.demos-module__jQz_uq__caseNextForward{border-left:1px solid var(--ink);text-align:right}.demos-module__jQz_uq__caseNextDir{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:11.5px}.demos-module__jQz_uq__caseNextDir:before{content:"← "}.demos-module__jQz_uq__caseNextForward .demos-module__jQz_uq__caseNextDir:before{content:""}.demos-module__jQz_uq__caseNextForward .demos-module__jQz_uq__caseNextDir:after{content:" →"}.demos-module__jQz_uq__caseNextName{letter-spacing:-.04em;font-size:clamp(28px,4vw,64px);font-weight:800;font-stretch:80%;line-height:.95}.demos-module__jQz_uq__caseNextKind{color:var(--grey)}.demos-module__jQz_uq__caseNextLink:hover .demos-module__jQz_uq__caseNextKind{color:var(--grey-ink)}@media (max-width:959px){.demos-module__jQz_uq__caseLede,.demos-module__jQz_uq__caseActions{grid-column:1/-1}.demos-module__jQz_uq__caseActions{justify-content:flex-start}.demos-module__jQz_uq__caseLabel{grid-column:1/-1;position:static}.demos-module__jQz_uq__caseSection>:not(.demos-module__jQz_uq__caseLabel){grid-column:1/-1}.demos-module__jQz_uq__journey{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}.demos-module__jQz_uq__journey li:nth-child(2):after{display:none}}@media (max-width:639px){.demos-module__jQz_uq__case{--stage-h:120vw;--pad-top:76px}.demos-module__jQz_uq__caseStage[data-view=desktop]{--stage-h:86vw}.demos-module__jQz_uq__caseActions .demos-module__jQz_uq__button{flex:100%}.demos-module__jQz_uq__caseFacts,.demos-module__jQz_uq__features,.demos-module__jQz_uq__journey{grid-template-columns:minmax(0,1fr)}.demos-module__jQz_uq__journey li:after{display:none}.demos-module__jQz_uq__pages a{grid-template-columns:32px minmax(0,1fr) 20px}.demos-module__jQz_uq__pagePath{display:none}.demos-module__jQz_uq__caseNext{grid-template-columns:minmax(0,1fr)}.demos-module__jQz_uq__caseNextForward{border-left:0;border-top:1px solid var(--ink)}}.demos-module__jQz_uq__caseDock{display:none}@media (max-width:759px){.demos-module__jQz_uq__caseDock{z-index:40;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--ink);gap:8px;display:flex;position:fixed;inset:auto 0 0}.demos-module__jQz_uq__caseDock .demos-module__jQz_uq__button{flex:1;min-height:48px;padding-inline:14px;font-size:15px}.site-shell:has(.demos-module__jQz_uq__caseDock){padding-bottom:72px}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.demos-module__jQz_uq__caseDock{animation:linear both demos-module__jQz_uq__dock-in;animation-timeline:scroll(root);animation-range:280px 400px}}}}@keyframes demos-module__jQz_uq__dock-in{0%{transform:translateY(110%)}}@media (prefers-reduced-motion:reduce){.demos-module__jQz_uq__root *,.demos-module__jQz_uq__root :before,.demos-module__jQz_uq__root :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}