@font-face{font-family:Host Grotesk;font-weight:400;font-display:swap;src:url(/assets/host-grotesk-latin-400-normal-qDxuE_yq.woff2)format("woff2")}@font-face{font-family:Host Grotesk;font-weight:500;font-display:swap;src:url(/assets/host-grotesk-latin-500-normal-B7155YqD.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ground:#fff;--raised:#f4f4f2;--sunken:#ebebe8;--ink:#171717;--muted:#6f6f6c;--faint:#a3a3a0;--line:#00000017;--line-strong:#00000029;--accent:#e8508e;--accent-strong:#c9346f;--accent-soft:#e8508e1a;--on-accent:#fff;--scene-muted:#3f4a3a;--sans:"Host Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", "Menlo", monospace;--fade:.35s ease-out;--ease-snappy:linear(0, .0191, .062, .1566, .3378, .5335, .6892, .8, .8686, .912, .9469, .964, .9741, .981, .9859, .9896, .9923, .9946, .9961, .9976, .9984, .9991, .9996, .9998, 1)}*{box-sizing:border-box}html{background:var(--ground);scrollbar-gutter:stable}html.native,html.native body{height:100%;overflow:hidden}html.native .scroll-root{inset:calc(var(--pad,0px) * -1) 0;padding-block:var(--pad,0px);scroll-padding-block:var(--pad,0px);overscroll-behavior-y:none;position:fixed;overflow:hidden auto}html.native .scroll-content{min-height:100%;position:relative}[data-gl-type]{font-variant-ligatures:none}body{font:16px/24px var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}p,h1,h2,h3,figure{margin:0}.container{width:min(100% - 40px,1000px);margin-inline:auto}@media (width>=720px) and (hover:hover){.on-phone{display:none!important}}@media (width<720px),(hover:none){.on-computer{display:none!important}}@media (width<720px){.wide{display:none!important}}.hero{background:linear-gradient(#b4d4ea,#e9f0ef 52%,#b9db86 60%,#8ccb44 74%,#5da832);flex-direction:column;height:100svh;min-height:640px;display:flex;position:relative;overflow:clip}html.has-scene .hero{background:0 0}.nav{z-index:10;pointer-events:none;justify-content:center;padding:4px 20px 0;display:flex;position:fixed;inset:0 0 auto}.nav-bar{--stick:0;--wide:1000px;--tight:720px;width:min(100%, calc(var(--wide) + var(--stick) * (var(--tight) - var(--wide))));height:calc(56px - var(--stick) * 8px);margin-top:calc(var(--stick) * 8px);padding-left:calc(var(--stick) * 12px);padding-right:calc(var(--stick) * 8px);background:color-mix(in srgb, #fffffff0 calc(var(--stick) * 100%), transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--line) calc(var(--stick) * 100%), transparent), 0 10px 30px -12px color-mix(in srgb, #17281e4d calc(var(--stick) * 100%), transparent);pointer-events:auto;border-radius:28px;justify-content:space-between;align-items:center;display:flex}.mark{align-items:center;gap:8px;font-size:16px;font-weight:600;line-height:20px;text-decoration:none;display:flex}.mark svg{aspect-ratio:1;width:24px;color:var(--accent)}.links{color:var(--scene-muted);align-items:center;gap:24px;font-size:14px;line-height:20px;display:flex}.links a{transition:color var(--fade);text-decoration:none}.links .pill{background:var(--accent-strong);height:32px;color:var(--on-accent);border-radius:16px;align-items:center;padding:0 14px;font-weight:500;display:inline-flex}@media (hover:hover) and (pointer:fine){.links a:not(.pill):hover{color:var(--ink)}}.hero-copy{text-align:center;flex-direction:column;align-items:center;gap:20px;padding-top:calc(60px + 12vh);display:flex;position:relative}h1{letter-spacing:-.03em;text-wrap:balance;font-size:72px;font-weight:500;line-height:72px}.hero-text{flex-direction:column;align-items:center;gap:20px;display:flex}@media (width<720px){.hero-text{gap:16px}}.lede{width:100%;max-width:475px;color:var(--scene-muted);text-wrap:wrap;font-size:18px;line-height:28px}.note{color:#ffffffb3;margin-top:4px;font-size:13px;line-height:20px}.actions{flex-wrap:wrap;justify-content:center;gap:10px;padding-top:12px;display:flex}.button{height:44px;color:var(--ink);font:500 16px/20px var(--sans);white-space:nowrap;cursor:pointer;transition:transform .16s ease-out, box-shadow var(--fade), background-color var(--fade);background:#fff;border:0;border-radius:22px;align-items:center;gap:8px;padding:0 20px;text-decoration:none;display:inline-flex;box-shadow:0 0 0 1px #17281e0a,0 2px 6px #17281e0f,0 12px 28px -8px #17281e29}.button.secondary{background:#ffffffdb}.button .icon{flex-shrink:0;width:auto;height:18px}.button .brand{color:var(--accent)}@media (hover:hover) and (pointer:fine){.button:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #17281e0a,0 4px 10px #17281e12,0 18px 36px -10px #17281e33}.button.secondary:hover{background:#fffffff0}}.button:active{transform:scale(.97);box-shadow:0 0 0 1px #17281e0a,0 2px 6px #17281e14}:is(.button,.pill,.links a,.foot a):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-bar{--nav-ink:color-mix(in srgb, var(--ink) calc(var(--stick) * 100%), #fff);--nav-muted:color-mix(in srgb, var(--scene-muted) calc(var(--stick) * 100%), #fff)}.mark{color:var(--nav-ink)}.links{color:var(--nav-muted)}.links a:not(.pill){transition:none}@media (hover:hover) and (pointer:fine){.links a:not(.pill):hover{color:var(--nav-ink)}}h1,.lede{color:#fff}.intro-mask{z-index:100;pointer-events:none;position:fixed;inset:0}html.intro [data-intro]{opacity:0}.hero.on-alpaca{cursor:pointer}.vf{z-index:0;opacity:0;pointer-events:none;transition:opacity .15s ease-out;position:absolute}.vf.on{opacity:1}.vf i{aspect-ratio:1;border:0 solid #fff;width:22px;position:absolute}.vf i:first-child{border-width:2.5px 0 0 2.5px;border-top-left-radius:8px;top:0;left:0}.vf i:nth-child(2){border-width:2.5px 2.5px 0 0;border-top-right-radius:8px;top:0;right:0}.vf i:nth-child(3){border-width:0 0 2.5px 2.5px;border-bottom-left-radius:8px;bottom:0;left:0}.vf i:nth-child(4){border-width:0 2.5px 2.5px 0;border-bottom-right-radius:8px;bottom:0;right:0}.vf b{opacity:0;background:#fff;border-radius:8px;position:absolute;inset:0}.container.try{z-index:1;width:min(100% - 40px,1000px);margin-top:-136px;position:relative}@container (width>=720px){.try .ti-window{box-shadow:0 0 0 1px var(--ti-line), 0 -6px 24px #17281e1a, 0 -20px 60px #17281e24, 0 40px 80px #0000001f}}.dim{z-index:20;opacity:0;pointer-events:none;transition:opacity var(--fade);background:#0c0e12b8;position:fixed;inset:0}html.site-focus .dim{opacity:1;pointer-events:auto}html.site-focus .container.try{z-index:30}html.site-focus .scroll-root{scrollbar-gutter:stable;overflow-y:hidden}.try .ti-window{transition:scale 1s var(--ease-snappy)}.section-head,.hiw-head{text-align:center;justify-items:center;gap:12px;display:grid}h2{letter-spacing:-.03em;text-wrap:balance;font-size:40px;font-weight:500;line-height:44px}.section-head p{width:100%;max-width:500px;color:var(--muted);text-wrap:wrap}.hiw-head .hiw-lede{text-wrap:pretty;max-width:400px}html.fades [data-fade]{opacity:0;transform:translateY(16px)}html.fades [data-fade].in{opacity:1;transition:opacity 1.25s cubic-bezier(.16, 1, .3, 1) var(--at,0s), transform 1.25s cubic-bezier(.16, 1, .3, 1) var(--at,0s);transform:none}html.fades .hiw-cap[data-fade].in{transition-duration:.5s;transition-timing-function:cubic-bezier(.5,1,.89,1)}@media (prefers-reduced-motion:reduce){html.fades [data-fade]{transform:none}}.claim{padding-top:160px}.reel{aspect-ratio:3.2;margin-top:40px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}html.has-reel .reel{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;overflow:visible;-webkit-mask-image:none;mask-image:none}html.has-reel .reel.dragging{cursor:grabbing}html.has-reel .reel-flat{display:none}.reel-flat{aspect-ratio:25.6;border-block:8px solid var(--ink);background:url(/assets/reel-frames-DVmhJJv3.jpg) 0 0/50% 100% repeat-x;height:60%;position:relative;top:50%;translate:0 -50%}.reel.rolling .reel-flat{animation:60s linear infinite reel-roll}@keyframes reel-roll{to{transform:translate(-50%)}}.sizes{gap:40px;padding-top:160px;display:grid}.bento{background:var(--line);box-shadow:0 0 0 1px var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;position:relative}.bento:before{content:"";pointer-events:none;background:linear-gradient(var(--ground), var(--ground)) 1px 1px / 7px 7px no-repeat, linear-gradient(var(--ground), var(--ground)) calc(100% - 1px) 1px / 7px 7px no-repeat, linear-gradient(var(--ground), var(--ground)) 1px calc(100% - 1px) / 7px 7px no-repeat, linear-gradient(var(--ground), var(--ground)) calc(100% - 1px) calc(100% - 1px) / 7px 7px no-repeat, linear-gradient(var(--line-strong), var(--line-strong)) 0 0 / 9px 9px no-repeat, linear-gradient(var(--line-strong), var(--line-strong)) 100% 0 / 9px 9px no-repeat, linear-gradient(var(--line-strong), var(--line-strong)) 0 100% / 9px 9px no-repeat, linear-gradient(var(--line-strong), var(--line-strong)) 100% 100% / 9px 9px no-repeat;position:absolute;inset:-5px}.size{background:var(--ground);flex-direction:column;gap:32px;min-width:0;padding:32px;display:flex}.size-glyph{aspect-ratio:1;fill:none;stroke:currentColor;stroke-width:2px;width:48px;color:var(--ink)}html.fades .size-glyph rect{stroke-dasharray:1;stroke-dashoffset:1px}html.fades .size-glyph.in rect{stroke-dashoffset:0;transition:stroke-dashoffset 1s var(--ease-snappy) var(--at,0s)}@media (prefers-reduced-motion:reduce){html.fades .size-glyph rect{stroke-dasharray:none;stroke-dashoffset:0}}.size-text{gap:4px;display:grid}.size-name{font-size:16px;font-weight:500;line-height:20px}.size-use{color:var(--muted);font-size:14px;line-height:20px}.size-spec{font:13px/20px var(--mono);font-variant-numeric:tabular-nums;color:var(--faint);padding-top:8px}.size-any{grid-column:span 2;justify-content:space-between}.any{gap:12px;display:grid}.any-fields{align-items:center;gap:8px;display:flex}.any-field{background:var(--ground);min-width:0;height:40px;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow var(--fade);border-radius:10px;flex:1 1 0;align-items:center;gap:8px;padding:0 12px;display:flex}.any-field:focus-within{box-shadow:inset 0 0 0 1.5px var(--accent)}.any-field span{color:var(--faint);font-size:13px;line-height:16px}.any-field input{width:100%;min-width:0;font:18px/24px var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);background:0 0;border:0;outline:0;padding:0}.any-times{color:var(--faint);font-size:18px;line-height:24px}.any-out{font:13px/20px var(--mono);font-variant-numeric:tabular-nums;color:var(--accent-strong)}.hiw .hiw-num{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong);background:0 0;font-weight:500}main .hiw{padding-bottom:0}.closing{padding-top:160px}.closing-copy{text-align:center;justify-items:center;gap:12px;display:grid}.closing-copy h2{width:100%;max-width:450px}.closing-actions{flex-wrap:wrap;justify-content:center;gap:10px;padding-top:12px;display:flex}.encore{height:clamp(300px,34vw,480px);margin-top:64px}html:not(.has-scene) .encore{background:linear-gradient(#e9f0ef,#b9db86 30%,#8ccb44 60%,#5da832)}.closing-actions .button{justify-content:center}.button .kebab{height:20px}.kebab-chunk{transform-box:fill-box;transform-origin:50%}.kebab-chunk:nth-of-type(2){--d:.15s}.kebab-chunk:nth-of-type(3){--d:.3s}.kebab.turning .kebab-chunk{animation:kebab-turn 1.4s ease-in-out var(--d,0s) infinite}@keyframes kebab-turn{50%{transform:scaleY(.7)}}@media (prefers-reduced-motion:reduce){.kebab.turning .kebab-chunk{animation:none}}.privacy{background:var(--ground);width:min(100% - 40px,600px);max-height:min(100dvh - 40px,720px);color:var(--ink);box-shadow:0 0 0 1px var(--line), 0 40px 80px #00000040;--in:.35s cubic-bezier(.5, 1, .89, 1);opacity:0;transform-origin:top;transition:opacity .2s ease-out, overlay .2s allow-discrete, display .2s allow-discrete;border:0;border-radius:20px;margin:auto;padding:0;overflow:hidden}.privacy[open]{opacity:1;transition:opacity var(--in), scale var(--in), overlay var(--in) allow-discrete, display var(--in) allow-discrete;flex-direction:column;display:flex;scale:1}@starting-style{.privacy[open]{opacity:0;scale:.975}}.privacy::backdrop{opacity:0;transition:opacity .2s ease-out, overlay .2s allow-discrete, display .2s allow-discrete;background:#0c0e12b8}.privacy[open]::backdrop{opacity:1;transition:opacity .35s cubic-bezier(.5, 1, .89, 1), overlay .35s allow-discrete, display .35s allow-discrete}@starting-style{.privacy[open]::backdrop{opacity:0}}@media (prefers-reduced-motion:reduce){@starting-style{.privacy[open]{scale:1}}}html.privacy-open .scroll-root{scrollbar-gutter:stable;overflow-y:hidden}.privacy-head{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;margin:0 32px;padding:24px 0 16px;display:flex}.privacy-title{font-size:30px;line-height:34px}.privacy-close{background:var(--raised);height:32px;color:var(--ink);font:500 14px/20px var(--sans);cursor:pointer;transition:background-color var(--fade);border:0;border-radius:16px;flex-shrink:0;padding:0 14px}@media (hover:hover) and (pointer:fine){.privacy-close:hover{background:var(--sunken)}}.privacy-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.privacy-body{overscroll-behavior:contain;color:var(--muted);text-wrap:pretty;gap:12px;padding:20px 32px 32px;font-size:14px;line-height:20px;display:grid;overflow-y:auto}.privacy-body h3{color:var(--ink);margin-top:12px;font-size:16px;font-weight:500;line-height:20px}.privacy-body ul{gap:8px;margin:0;padding:0 0 0 16px;display:grid}.privacy-body strong{color:var(--ink);font-weight:500}.privacy-body .privacy-lead{color:var(--ink);font-size:16px;line-height:24px}.privacy-date{color:var(--faint);margin-top:12px;font-size:13px}@property --fade-top{syntax:"<length>";inherits:false;initial-value:0}@property --fade-bottom{syntax:"<length>";inherits:false;initial-value:0}@supports (animation-timeline:scroll()){.privacy-body{-webkit-mask-image:linear-gradient(transparent, #000 var(--fade-top), #000 calc(100% - var(--fade-bottom)), transparent);mask-image:linear-gradient(transparent, #000 var(--fade-top), #000 calc(100% - var(--fade-bottom)), transparent);animation:1s linear both privacy-fade-top,1s linear both privacy-fade-bottom;animation-timeline:scroll(self),scroll(self);animation-range:0 40px,calc(100% - 40px) 100%}}@keyframes privacy-fade-top{0%{--fade-top:0px}to{--fade-top:32px}}@keyframes privacy-fade-bottom{0%{--fade-bottom:48px}to{--fade-bottom:0px}}.foot{color:var(--muted);justify-content:space-between;align-items:center;margin-top:0;padding:20px 0 40px;font-size:14px;line-height:20px;display:flex}.foot-links{gap:24px;display:flex}.foot a{transition:color var(--fade);text-decoration:none}@media (hover:hover) and (pointer:fine){.foot a:hover{color:var(--ink)}}@media (width<720px) and (orientation:portrait){.hero{aspect-ratio:7/16;width:100%;height:auto;min-height:100svh}}@media (width<720px){.nav-bar{padding-left:calc(var(--stick) * 16px);padding-right:calc(var(--stick) * 20px)}.hero-copy{gap:16px;padding-top:100px}h1{font-size:52px;line-height:56px}h2{font-size:30px;line-height:34px}.container.try{display:none}.claim{margin-top:-136px;padding-top:80px}.reel{aspect-ratio:1.6;margin-top:24px}.sizes{gap:24px;padding-top:80px}.section-head{gap:8px}.privacy-head{margin:0 20px;padding:20px 0 12px}.privacy-body{padding:16px 20px 24px}.lede,.section-head p,.hiw-head .hiw-lede,.hiw-cap{max-width:325px}.section-head p{text-wrap:pretty}.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.size{gap:24px;padding:20px}.size-glyph{width:40px}.size-use{font-size:13px;line-height:18px}.size-spec{font-size:11px;line-height:16px}main .hiw,.closing{padding-top:80px}.closing-copy{gap:8px}.closing-actions{flex-direction:column;align-self:stretch;gap:8px;padding-top:8px}.closing-actions .button{border-radius:24px;height:48px}.encore{margin-top:48px}.foot{text-align:center;flex-direction:column-reverse;align-items:center;gap:12px;padding:16px 0 32px}.foot-made{color:var(--faint)}.foot-links{gap:20px}}.ti{--ti-ground:#fff;--ti-raised:#f4f4f2;--ti-sunken:#ebebe8;--ti-ink:#171717;--ti-muted:#6f6f6c;--ti-line:#00000017;--ti-line-strong:#00000029;--ti-accent:#e8508e;--ti-accent-strong:#c9346f;--ti-accent-soft:#e8508e1a;--ti-on-accent:#fff;--ti-sans:system-ui, -apple-system, "Segoe UI", sans-serif;--ti-mono:ui-monospace, "SF Mono", "Menlo", monospace;--ti-fade:.35s ease-out;--ti-press:transform .16s ease-out;--ease-snappy:linear(0, .0191, .062, .1566, .3378, .5335, .6892, .8, .8686, .912, .9469, .964, .9741, .981, .9859, .9896, .9923, .9946, .9961, .9976, .9984, .9991, .9996, .9998, 1);width:100%;font:13px/1.45 var(--ti-sans);color:var(--ti-ink);text-wrap:pretty;display:block;container-type:inline-size}@media (prefers-color-scheme:dark){@container (width>=720px){.ti-wrap{--ti-ground:#1f1f1f;--ti-raised:#2a2a2a;--ti-sunken:#171717;--ti-ink:#ececec;--ti-muted:#a0a09c;--ti-line:#ffffff17;--ti-line-strong:#ffffff2e;--ti-accent:#ff8ab9;--ti-accent-strong:#ff8ab9;--ti-accent-soft:#ff8ab929;--ti-on-accent:#1a1a1a}}}.ti *,.ti :before,.ti :after{box-sizing:border-box}.ti [hidden]{display:none!important}:where(.ti) p{margin:0}:where(.ti) :is(button,input){font:inherit;color:inherit}.ti button:focus-visible,.ti a:focus-visible{outline:2px solid var(--ti-accent);outline-offset:2px}.ti-mono{font-family:var(--ti-mono);font-variant-numeric:tabular-nums}.ti-in{animation:.35s ease-out ti-in}@keyframes ti-in{0%{opacity:0;translate:0 4px}}.ti-wrap{color:var(--ti-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;gap:12px;display:grid}@container (width>=720px){.ti-wrap{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){.ti-wrap{--lightningcss-light: ;--lightningcss-dark:initial}}}.ti-window{aspect-ratio:10/7;background:var(--ti-raised);min-height:0;box-shadow:0 0 0 1px var(--ti-line), 0 40px 80px #0000001f, 0 12px 24px #0000000f;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.ti-bar{height:44px;box-shadow:inset 0 -1px 0 var(--ti-line);flex-shrink:0;align-items:center;gap:8px;padding:0 16px;display:flex}.ti-lights{gap:8px;margin-right:16px;display:flex}.ti-lights i,.ti-close{aspect-ratio:1;background:#ff5f57;border:0;border-radius:50%;width:12px;padding:0}.ti-close{position:relative}.ti-close:not(:disabled){cursor:pointer}@media (hover:hover) and (pointer:fine){.ti-close:not(:disabled):hover:after{content:"×";font:600 11px/12px var(--ti-sans);color:#0009;text-align:center;position:absolute;inset:0}}.ti-exit{background:var(--ti-ground);height:24px;box-shadow:inset 0 0 0 1px var(--ti-line-strong);cursor:pointer;transition:background-color var(--ti-fade);border:0;border-radius:12px;flex-shrink:0;margin-left:auto;padding:0 12px;font-size:12px;font-weight:600;line-height:16px}@media (hover:hover) and (pointer:fine){.ti-exit:hover{background:var(--ti-sunken)}}.ti-lights i:nth-child(2){background:#febc2e}.ti-lights i:nth-child(3){background:#28c840}.ti-url{background:var(--ti-ground);width:100%;min-width:0;max-width:520px;height:30px;box-shadow:inset 0 0 0 1.5px var(--ti-accent);transition:box-shadow var(--ti-fade);border-radius:15px;flex:auto;align-items:center;gap:8px;padding:0 3px 0 12px;display:flex}.ti-url:focus-within{box-shadow:inset 0 0 0 1.5px var(--ti-accent), 0 0 0 3px var(--ti-accent-soft)}.ti-url-input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0;font-size:13px;line-height:16px}.ti-url-input::placeholder{color:var(--ti-muted)}.ti-load{height:24px;color:var(--ti-on-accent);background:var(--ti-accent-strong);cursor:pointer;transition:var(--ti-press);border:0;border-radius:12px;flex-shrink:0;padding:0 12px;font-size:12px;font-weight:600;line-height:16px}.ti-load:active{transform:scale(.97)}.ti-load{position:relative}.ti-load-label{transition:opacity var(--ti-fade)}.ti-load-dots{opacity:0;transition:opacity var(--ti-fade);justify-content:center;align-items:center;gap:3px;display:flex;position:absolute;inset:0}.ti-load-dots i{aspect-ratio:1;background:currentColor;border-radius:50%;width:3px}.ti-load[data-busy] .ti-load-label{opacity:0}.ti-load[data-busy] .ti-load-dots{opacity:1}.ti-load[data-busy] .ti-load-dots i{animation:.9s ease-in-out infinite ti-dot}.ti-load-dots i:nth-child(2){animation-delay:.15s}.ti-load-dots i:nth-child(3){animation-delay:.3s}@keyframes ti-dot{0%,to{opacity:.35}40%{opacity:1}}@media (prefers-reduced-motion:reduce){.ti-load[data-busy] .ti-load-dots i{animation:none}}.ti-live{white-space:nowrap;height:28px;color:var(--ti-accent-strong);background:var(--ti-accent-soft);border-radius:14px;flex-shrink:0;align-items:center;gap:8px;margin-left:auto;padding:0 12px;font-size:12px;font-weight:500;line-height:16px;display:flex}.ti-live i{aspect-ratio:1;background:var(--ti-accent);border-radius:50%;width:6px;position:relative}.ti-live i:after{content:"";background:var(--ti-accent);opacity:0;border-radius:50%;position:absolute;inset:0}.ti-pulsing .ti-live i:after{animation:1.6s ease-out infinite ti-pulse}@keyframes ti-pulse{0%{opacity:.55;transform:scale(1)}70%,to{opacity:0;transform:scale(3)}}@media (prefers-reduced-motion:reduce){.ti-pulsing .ti-live i:after{animation:none}}.ti-body{flex:1;min-height:0;display:flex}.ti-stage{background:var(--ti-sunken);flex-direction:column;flex:1 1 0;min-width:0;padding:32px;display:flex;position:relative}.ti-area{flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:16px;min-height:0;display:flex;position:relative}.ti-frame{background:var(--ti-ground);box-shadow:0 0 0 1px var(--ti-line), 0 12px 40px #00000024;border-radius:8px;position:relative;overflow:hidden}.ti-site{transform-origin:0 0;transition:opacity var(--ti-fade);background:#fff;border:0;display:block;position:absolute;top:0;left:0}.ti-frame[data-loading=true] .ti-site{opacity:0}.ti-loading{text-align:center;color:var(--ti-muted);opacity:0;transition:opacity var(--ti-fade);pointer-events:none;place-items:center;padding:12px;font-size:12px;display:grid;position:absolute;inset:0}.ti-frame[data-loading=true] .ti-loading{opacity:1}.ti-caption{font:12px/16px var(--ti-mono);font-variant-numeric:tabular-nums;text-align:center;color:var(--ti-muted);flex-shrink:0}.ti-stage:not([data-view=frame]) :is(.ti-frame,.ti-caption){visibility:hidden}.ti-stage[data-view=frame] .ti-notice{display:none}.ti-notice{background:var(--ti-ground);width:100%;max-width:420px;height:fit-content;box-shadow:0 0 0 1px var(--ti-line), 0 12px 40px #00000014;border-radius:12px;gap:16px;margin:auto;padding:24px;animation:.35s ease-out ti-in;display:grid;position:absolute;inset:0}.ti-notice-title{text-wrap:balance;overflow-wrap:anywhere;font-size:16px;font-weight:500;line-height:24px}.ti-notice-body{color:var(--ti-muted);font-size:14px;line-height:20px}.ti-notice-actions{flex-wrap:wrap;gap:8px;padding-top:4px;display:flex}.ti-btn{white-space:nowrap;height:44px;color:var(--ti-ink);box-shadow:inset 0 0 0 1px var(--ti-line-strong);cursor:pointer;transition:var(--ti-press), box-shadow var(--ti-fade);background:0 0;border:0;border-radius:999px;align-items:center;padding:0 20px;font-size:16px;font-weight:500;line-height:20px;text-decoration:none;display:inline-flex}.ti-btn-primary{color:var(--ti-on-accent);background:var(--ti-accent-strong);box-shadow:none}.ti-btn:active{transform:scale(.97)}.ti-toast{width:max-content;max-width:calc(100% - 32px);color:var(--ti-ground);background:var(--ti-ink);border-radius:24px;align-items:center;gap:16px;padding:10px 10px 10px 16px;display:flex;position:absolute;bottom:16px;left:50%;translate:-50%;box-shadow:0 12px 40px #0003}.ti-toast-text{text-wrap:balance;font-size:13px;line-height:18px}.ti-toast-text .ti-mono{white-space:nowrap}.ti-toast-add{height:32px;color:var(--ti-on-accent);background:var(--ti-accent-strong);transition:var(--ti-press);border-radius:999px;flex-shrink:0;align-items:center;padding:0 16px;font-size:13px;font-weight:500;line-height:20px;text-decoration:none;display:inline-flex}.ti-toast-add:active{transform:scale(.97)}.ti-toast.ti-in{animation-name:ti-toast-in}@keyframes ti-toast-in{0%{opacity:0;translate:-50% 4px}}@media (hover:hover) and (pointer:fine){.ti-btn,.ti-toast-add{transition:var(--ti-press), translate var(--ti-fade), box-shadow var(--ti-fade)}.ti-btn:hover,.ti-toast-add:hover{translate:0 -1px}}.ti-side{background:var(--ti-ground);box-shadow:-1px 0 0 var(--ti-line);flex-direction:column;flex:0 0 360px;display:flex}.ti-side-head{height:40px;color:var(--ti-muted);box-shadow:inset 0 -1px 0 var(--ti-line);flex-shrink:0;align-items:center;gap:8px;padding:0 12px;display:flex}.ti-icon{aspect-ratio:1;width:16px;color:var(--ti-accent);stroke:var(--ti-on-accent);fill:var(--ti-on-accent)}.ti-icon rect{fill:currentColor}.ti-side-name{color:var(--ti-ink);font-size:13px;font-weight:500;line-height:20px}.ti-side-caret{font-size:10px;line-height:12px}.ti-side-tools{gap:12px;margin-left:auto;display:flex}.ti-side-tools svg{aspect-ratio:1;width:16px}.ti-panel{background:var(--ti-ground);border:0;flex:1;width:100%;min-height:0;display:block}.ti-pill-scroll,.ti-readout{display:none}@property --chip-t{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --chip-r{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --chip-b{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --chip-l{syntax:"<length-percentage>";inherits:false;initial-value:0%}@container (width<720px){.ti-window{aspect-ratio:auto;box-shadow:none;background:0 0;border-radius:0;gap:12px;overflow:visible}.ti-bar{height:auto;box-shadow:none;padding:0}.ti-lights,.ti-live,.ti-side{display:none}.ti-url{border-radius:24px;max-width:none;height:48px;padding:0 4px 0 16px}.ti-url-input{font-size:16px;line-height:20px}.ti-load{border-radius:20px;height:40px;padding:0 16px;font-size:14px;line-height:20px}.ti-body{display:block}.ti-stage{border-radius:12px;padding:16px 16px 12px}.ti-area{aspect-ratio:1;flex:none;gap:12px}.ti-frame{box-shadow:0 0 0 1px var(--ti-line), 0 8px 24px #0000001f;border-radius:4px}.ti-caption{font-size:11px;line-height:15px}.ti-store{display:none}.ti-pill-scroll{scrollbar-width:none;overscroll-behavior-x:contain;display:block;overflow-x:auto}.ti-pill-scroll::-webkit-scrollbar{display:none}.ti-readout{font:13px/20px var(--ti-mono);font-variant-numeric:tabular-nums;color:var(--ti-muted);display:block}}.ti-pill{background:var(--ti-raised);vertical-align:top;border-radius:20px;gap:2px;padding:3px;display:inline-flex;position:relative}.ti-pill button,.ti-pill .st-seg-item{white-space:nowrap;border-radius:17px;flex-shrink:0;justify-content:center;align-items:center;height:34px;padding:0 14px;font-size:14px;font-weight:500;line-height:20px;display:flex}.ti-pill button{color:var(--ti-muted);cursor:pointer;transition:var(--ti-press);background:0 0;border:0}.ti-pill button:active{transform:scale(.95)}.ti .ti-pill button:focus-visible{outline:0}.ti-pill:has(button:focus-visible){outline:2px solid var(--ti-accent);outline-offset:2px}.ti-pill .st-seg-chip,.ti-pill .st-seg-ring{pointer-events:none;transition:--chip-t var(--chip-dur-t,.75s) var(--ease-snappy), --chip-r var(--chip-dur-r,.75s) var(--ease-snappy), --chip-b var(--chip-dur-b,.75s) var(--ease-snappy), --chip-l var(--chip-dur-l,.75s) var(--ease-snappy);position:absolute}.ti-pill .st-seg-chip{color:var(--ti-ink);background:var(--ti-ground);clip-path:inset(var(--chip-t) var(--chip-r) var(--chip-b) var(--chip-l) round 17px);gap:2px;display:flex;inset:3px}.ti-pill .st-seg-ring{top:calc(3px + var(--chip-t));right:calc(3px + var(--chip-r));bottom:calc(3px + var(--chip-b));left:calc(3px + var(--chip-l));box-shadow:0 0 0 1px var(--ti-line), 0 1px 2px #0000000a;border-radius:17px}@media (prefers-reduced-motion:reduce){.ti-pill .st-seg-chip,.ti-pill .st-seg-ring{transition:none}.ti-in,.ti-notice{animation-name:ti-fade}.ti-toast.ti-in{animation-name:ti-toast-fade}@keyframes ti-fade{0%{opacity:0}}@keyframes ti-toast-fade{0%{opacity:0}}}:where(:root){--ground:#fff;--raised:#f4f4f2;--sunken:#ebebe8;--ink:#171717;--muted:#6f6f6c;--faint:#a3a3a0;--line:#00000017;--line-strong:#00000029;--accent:#e8508e;--accent-strong:#c9346f;--accent-ink:#fff;--rec:#e5322d;--ok:#1f9d5b;--shadow-raised:0 0 0 1px var(--line), 0 2px 8px #0000000f;--sans:system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", "Menlo", monospace}.hiw{color:var(--ink);font-family:var(--sans);padding:160px 20px}.hiw-in{gap:40px;max-width:1000px;margin:0 auto;display:grid}.hiw-head{gap:12px;display:grid}.hiw-h2{letter-spacing:-.03em;margin:0;font-size:40px;font-weight:500;line-height:44px}.hiw-lede{width:100%;max-width:500px;color:var(--muted);text-wrap:pretty;margin:0;font-size:16px;line-height:24px}.hiw-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 20px;margin:0;padding:0;list-style:none;display:grid}.hiw-step{align-content:start;gap:16px;display:grid}.hiw-text{gap:8px;display:grid}.hiw-title{align-items:center;gap:10px;font-size:16px;font-weight:500;line-height:20px;display:flex}.hiw-num{aspect-ratio:1;width:24px;font:600 12px/1 var(--sans);color:var(--accent-ink);background:var(--accent-strong);border-radius:50%;flex:none;place-items:center;display:grid}.hiw-cap{color:var(--muted);text-wrap:pretty;margin:0;font-size:14px;line-height:20px}@media (width<=1023px){.hiw-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=639px){.hiw{padding:80px 20px}.hiw-h2{font-size:30px;line-height:34px}.hiw-steps{grid-template-columns:minmax(0,1fr)}}.hiw-pic{aspect-ratio:6/5;background:var(--raised);border-radius:20px;width:100%;position:relative;overflow:hidden;container-type:inline-size}.hiw-scene{font:calc(100cqw / 28.5) / 1.3 var(--sans);color:var(--ink);font-variant-numeric:tabular-nums;opacity:0;-webkit-user-select:none;user-select:none;transition:opacity .35s ease-out;position:absolute;inset:0}.hiw-scene[data-ready]{opacity:1}.hiw-scene img{object-fit:cover;width:100%;height:100%;display:block}.s-ptr{z-index:5;width:1.4em;height:auto;color:var(--ink);filter:drop-shadow(0 .1em .2em #00000040);transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.s-ptr path{fill:currentColor;stroke:var(--ground);stroke-width:1.3px;stroke-linejoin:round}.s-size{justify-content:center;align-items:center;display:flex}.s1-row{align-items:flex-end;gap:1.4em;display:flex;position:relative}.s1-item{flex-direction:column;align-items:center;gap:.8em;display:flex}.s1-thumb{box-shadow:0 0 0 1px var(--line), 0 .2em .6em #0000000f;background:#000;border-radius:.6em;position:relative;overflow:hidden}.s1-thumb img{object-position:50% 0}.s1-desktop{aspect-ratio:16/10;height:5.4em}.s1-portrait{aspect-ratio:4/5;height:8em}.s1-story{aspect-ratio:9/16;height:11.2em}.s1-name{color:var(--muted);white-space:nowrap;font-size:1.1em;line-height:1.3}.s1-ring{box-shadow:0 0 0 .2em var(--accent);pointer-events:none;border-radius:.6em;position:absolute}.s-takeover{justify-content:center;align-items:center;display:flex}.s2-win{background:var(--ground);width:25.3em;height:20.55em;box-shadow:var(--shadow-raised);border-radius:.8em;flex-direction:column;display:flex;position:relative;overflow:hidden}.s2-chrome{z-index:2;background:var(--ground);height:2.2em;box-shadow:inset 0 -1px 0 var(--line);flex:none;align-items:center;gap:.4em;padding:0 .9em;display:flex;position:relative}.s2-chrome i{aspect-ratio:1;background:var(--line-strong);border-radius:50%;width:.6em}.s2-url{background:var(--raised);border-radius:.6em;flex:1;max-width:12em;height:1.2em;margin-left:.8em}.s2-body{flex:1;position:relative;overflow:hidden}.s2-stage{background:var(--sunken);position:absolute;inset:0}.s2-page{background:#000;position:absolute;inset:0}.s2-wide{position:absolute;inset:0}.s2-wide img{object-position:50% 0}.s2-tall{top:var(--tall-top);left:var(--tall-left);width:var(--tall-w);height:var(--tall-h);position:absolute}.s2-tall img{object-position:50% 0}.s2-info{z-index:1;background:var(--ground);height:4.4em;box-shadow:inset 0 -1px 0 var(--line);align-items:center;gap:.8em;padding:0 .8em 0 1em;display:flex;position:absolute;top:0;left:0;right:0}.s2-info-text{text-wrap:balance;flex:1;min-width:0;font-size:1.1em;line-height:1.35}.s2-cancel{height:2.4em;box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:.6em;flex:none;align-items:center;padding:0 .9em;font-size:1.1em;font-weight:500;display:flex}.s-capture{justify-content:center;align-items:center;padding:0 1.6em;display:flex}.s3-cards{gap:.8em;width:100%;display:flex}.s3-card{background:var(--ground);min-width:0;box-shadow:0 0 0 1px var(--line);border-radius:.8em;flex-direction:column;flex:1 1 0;padding:1.2em;display:flex}.s3-pic{aspect-ratio:16/10;background:#000;border-radius:.4em;width:100%;position:relative;overflow:hidden}.s3-pic img{object-position:50% 30%}.s3-flash{opacity:0;background:#fff;position:absolute;inset:0}.s3-scroll{aspect-ratio:295/640;width:100%;position:absolute;top:0;left:0}.s3-scroll img{object-position:50% 0}.s3-chip{color:#fff;background:#0009;border-radius:1em;align-items:center;gap:.4em;padding:.3em .6em .3em .5em;display:flex;position:absolute;bottom:.5em;left:.5em}.s3-dot{aspect-ratio:1;background:var(--rec);border-radius:50%;width:.6em}.s3-time{font:600 1em/1 var(--mono)}.s3-title{white-space:nowrap;align-self:flex-start;margin-top:.8em;font-size:1.3em;font-weight:600;line-height:1.25}.s3-swap{margin-top:.3em;display:grid}.s3-swap>*{grid-area:1/1}.s3-sub{font:1.1em/1.2 var(--mono);color:var(--muted);white-space:nowrap;align-items:center;gap:.3em;display:flex}.s3-ok{color:var(--ok)}.s3-ok svg{aspect-ratio:1;width:1em}.s-trim{flex-direction:column;justify-content:center;gap:1.6em;padding:0 1.6em;display:flex}.s4-strip{box-shadow:0 0 0 1px var(--line);background:#000;border-radius:.6em;display:flex;position:relative;overflow:hidden}.s4-frame{aspect-ratio:16/10;flex:1 1 0;min-width:0}.s4-frame img{object-position:50% 30%}.s4-sel{box-shadow:inset 0 .2em 0 var(--accent), inset 0 -.2em 0 var(--accent), 0 0 0 30em #f4f4f29e;border-radius:.6em;position:absolute;top:0;bottom:0}.s4-sel i{background:var(--accent);width:.7em;position:absolute;top:0;bottom:0}.s4-sel i:first-child{border-radius:.6em 0 0 .6em;left:0}.s4-sel i:last-child{border-radius:0 .6em .6em 0;right:0}.s4-sel i:after{content:"";background:#ffffffe6;border-radius:.1em;width:.15em;height:1.2em;position:absolute;top:50%;left:50%;translate:-50% -50%}.s4-btn{height:3.4em;color:var(--accent-ink);background:var(--accent-strong);border-radius:.8em;place-items:center;display:grid;position:relative;overflow:hidden}.s4-fill{transform-origin:0;background:#fff3;position:absolute;inset:0;scale:0 1}.s4-label{white-space:nowrap;grid-area:1/1;align-items:center;gap:.4em;font-size:1.3em;font-weight:600;line-height:1;display:flex}.s4-n{text-align:right;min-width:2ch;display:inline-block}.s4-icon{aspect-ratio:1;width:1.15em;position:relative}.s4-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;position:absolute;inset:0}