@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/91bd2e40df15814e-s.19s5evoqhirey.woff2)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:Hanken Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a63431c4ac64ea8b-s.386o_ri1vb0yv.woff2)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:Hanken Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/8b4ed0a90d903ab5-s.44dak0sams9f0.woff2)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:Hanken Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c47649aa31f9e140-s.p.3lxpqujs87tck.woff2)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:Hanken Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/91bd2e40df15814e-s.19s5evoqhirey.woff2)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:Hanken Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a63431c4ac64ea8b-s.386o_ri1vb0yv.woff2)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:Hanken Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/8b4ed0a90d903ab5-s.44dak0sams9f0.woff2)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:Hanken Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/c47649aa31f9e140-s.p.3lxpqujs87tck.woff2)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:Hanken Grotesk Fallback;src:local(Arial);ascent-override:99.07%;descent-override:30.02%;line-gap-override:0.0%;size-adjust:100.94%}.ExKkVG_className{font-family:Hanken Grotesk,Hanken Grotesk Fallback;font-style:normal}.ExKkVG_variable{--font-hanken:"Hanken Grotesk", "Hanken Grotesk Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f4f7;--surface:#e5e8f0;--panel:#fff;--ink:#0b0d17;--muted:#4d5368;--dim:#767c90;--accent:#2c5bfd;--accent-strong:#1d44d8;--violet:#b31bfa;--on-accent:#fff;--line:#dfe2ea;--display:var(--font-hanken), "Helvetica Neue", Arial, sans-serif;--text:var(--font-hanken), "Helvetica Neue", Arial, sans-serif;--code:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--step-small:clamp(.8125rem, .79rem + .1vw, .875rem);--step-body:clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-statement:clamp(1.5rem, 1.05rem + 1.25vw, 2.25rem);--step-head:clamp(2rem, 1rem + 3.4vw, 4.25rem);--step-display:clamp(2rem, .3rem + 8.4vw, 9rem);--margin:clamp(16px, 2.2vw, 32px);--gutter:clamp(12px, 1.4vw, 24px);--section:clamp(96px, 12vw, 200px);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.76, 0, .24, 1);--ease-soft:cubic-bezier(.33, 1, .68, 1);--t-press:.14s;--t-hover:.18s}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--text);font-size:var(--step-body);letter-spacing:-.005em;margin:0;line-height:1.5;overflow-x:clip}h1,h2,h3,p,figure,dl,dd,ol{margin:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.045em;text-wrap:balance;font-weight:500;line-height:.95}p{text-wrap:pretty}img,video,canvas{max-width:100%;display:block}a{color:inherit}code,pre{font-family:var(--code);font-size:.86em}pre{margin:0}button,input{font:inherit;color:inherit}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.soft{color:var(--muted)}.head{font-size:var(--step-head)}.statement{font-size:var(--step-statement);line-height:1.22}.button{background:var(--accent);min-height:48px;color:var(--on-accent);font-family:var(--display);font-weight:500;font-size:var(--step-body);letter-spacing:-.01em;white-space:nowrap;transition:transform var(--t-press) var(--ease-out), background-color var(--t-hover) ease;justify-content:center;align-items:center;padding:0 22px;text-decoration:none;display:inline-flex}.button:active{transform:scale(.97)}.button-ink{background:var(--ink)}.button-outline{color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent);background:0 0}.link{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:.07em;-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);transition:text-decoration-color var(--t-hover) ease, color var(--t-hover) ease}.link-strong{font-family:var(--display);font-weight:500;text-decoration-color:currentColor}@media (hover:hover) and (pointer:fine){.button:hover{background:var(--accent-strong)}.button-outline:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.button-ink:hover{background:#262a3d}.link:hover{text-decoration-color:currentColor}}.hero{min-height:max(100svh,820px);padding:0 var(--margin);position:relative;overflow:clip}.nav{min-height:88px;font-family:var(--display);font-weight:500;font-size:var(--step-small);align-items:center;gap:32px;display:flex}.wordmark{font-size:var(--step-body);letter-spacing:-.02em;align-items:center;gap:10px;margin-right:auto;text-decoration:none;display:inline-flex}.wordmark img{width:auto;height:24px;display:block}.nav nav{gap:28px;display:flex}.nav .link{text-decoration-color:#0000}.nav-studio{min-height:40px;font-size:var(--step-small);gap:6px;padding:0 16px}.nav-studio svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.hero-text{padding-top:64px}.hero-title{font-size:var(--step-head)}.lines .line{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.lines [data-line]{display:block}.hero-lead{max-width:36ch;margin-top:28px}.hero-action{margin-top:32px}.hero-buttons{flex-wrap:wrap;gap:12px;display:flex}.hero-live{font-family:var(--display);color:var(--ink);transition:gap var(--t-hover) var(--ease-out);align-items:center;gap:10px;margin-top:22px;font-weight:500;text-decoration:none;display:inline-flex}.hero-live svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.hero-live-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 50%, transparent);border-radius:50%;animation:1.8s ease-out infinite live-dot}@media (hover:hover) and (pointer:fine){.hero-live:hover{gap:14px}}@keyframes live-dot{to{box-shadow:0 0 0 8px #0000}}@media (prefers-reduced-motion:reduce){.hero-live-dot{animation:none}}.stage{top:34%;bottom:0;right:0;left:calc(var(--margin) + (100% - 2 * var(--margin) - 11 * var(--gutter)) / 12 * 4 + 4 * var(--gutter));background:var(--accent);clip-path:polygon(96px 0,100% 0,100% 100%,0 100%,0 96px);position:absolute}.engine{background:var(--panel);width:min(800px,100% - 112px);font-family:var(--display);font-weight:500;font-size:var(--step-small);color:var(--ink);border-radius:3px;line-height:1.3;position:absolute;top:56px;left:56px}.engine-bar{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:10px 14px;display:flex}.engine-state{color:var(--muted)}.engine-state[data-live]{color:var(--ink)}.engine-main{grid-template-columns:minmax(0,1fr) 220px;display:grid}.engine-viewer{aspect-ratio:16/9;background:var(--ink);position:relative;overflow:hidden}.engine-viewer img,.engine-viewer video,.engine-viewer canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.engine-viewer canvas{opacity:0;transition:opacity .4s}.engine-viewer canvas[data-live]{opacity:1}.engine-inspector{border-left:1px solid var(--line);align-content:start;gap:16px;padding:12px 14px;display:grid}.engine-readouts{gap:6px;display:grid}.engine-readouts div,.engine-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.engine-readouts dt,.engine-row label,.engine-row span{color:var(--muted)}.engine-readouts dd,.engine-row output{font-variant-numeric:tabular-nums}.engine-control{gap:4px;display:grid}.engine-transport{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:8px 14px;display:flex}.engine-play{background:var(--surface);cursor:pointer;width:32px;height:32px;transition:transform var(--t-press) var(--ease-out);border:0;border-radius:2px;place-items:center;display:grid}.engine-play svg{width:14px;height:14px;fill:var(--ink)}.engine-play:active{transform:translateY(1px)}.engine-time{font-size:var(--step-body);font-variant-numeric:tabular-nums}.engine-total{color:var(--muted);font-variant-numeric:tabular-nums}.engine-timeline{-webkit-user-select:none;user-select:none;padding:6px 14px 16px}.engine-ruler{height:22px;color:var(--muted);position:relative}.engine-ruler span{font-variant-numeric:tabular-nums;position:absolute;top:0;translate:-50%}.engine-ruler span:first-child{translate:0}.engine-ruler span:last-child{translate:-100%}.engine-lane{background:var(--bg);cursor:ew-resize;touch-action:none;height:44px;position:relative}.engine-lane .clip,.engine-lane .cut{white-space:nowrap;text-overflow:ellipsis;pointer-events:none;padding:0 8px;line-height:32px;position:absolute;top:6px;bottom:6px;overflow:hidden}.engine-lane .clip{background:#d3e2f7;box-shadow:inset 2px 0 #3a6db3}.engine-lane .cut{text-align:center;background:#b4c2e0}.engine-lane .playhead{background:var(--violet);pointer-events:none;width:2px;position:absolute;top:-22px;bottom:0;translate:-1px}.engine-lane .playhead:before{content:"";background:var(--violet);width:12px;height:12px;position:absolute;top:0;left:-5px}.range{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0}.range::-webkit-slider-runnable-track{background:var(--surface);border-radius:2px;height:4px}.range::-moz-range-track{background:var(--surface);border-radius:2px;height:4px}.range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);width:12px;height:16px;transition:transform var(--t-press) var(--ease-out);border:0;border-radius:2px;margin-top:-6px}.range::-moz-range-thumb{background:var(--ink);border:0;border-radius:2px;width:12px;height:16px}.range:active::-webkit-slider-thumb{transform:scale(1.15)}.range:disabled{cursor:default;opacity:.45}.switch{background:var(--surface);border-radius:2px;grid-template-columns:1fr 1fr;gap:2px;padding:2px;display:grid}.switch button{min-height:30px;color:var(--muted);cursor:pointer;transition:background-color var(--t-hover) ease, color var(--t-hover) ease, transform var(--t-press) var(--ease-out);background:0 0;border:0;border-radius:2px;font-weight:500}.switch button[aria-pressed=true]{background:var(--panel);color:var(--ink)}.switch button:active{transform:translateY(1px)}.switch button:disabled{cursor:default}.studio{column-gap:var(--gutter);padding:var(--section) var(--margin) 0;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid}.studio-title{grid-column:1/-1;margin-bottom:56px}.studio-shot{aspect-ratio:1600/920;background:var(--surface);grid-column:1/9;overflow:clip}.studio-shot img{object-fit:cover;width:100%;height:100%}.studio-text{grid-column:9/13;align-self:end}.studio-lead{max-width:34ch}.studio-text .link-strong{margin-top:24px;display:inline-block}figcaption{font-size:var(--step-small);color:var(--muted);margin-top:12px}figcaption code{font-size:1em}.effects{column-gap:var(--gutter);padding:var(--section) var(--margin) 0;grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.effects-title{font-size:var(--step-head);grid-column:1/-1;line-height:1.12}.slot-pair{white-space:nowrap}.slot-word{vertical-align:-.06em;background:var(--surface);width:1.9em;height:.82em;display:inline-block;overflow:hidden}.slot-word img{object-fit:cover;width:100%;height:100%}.effects-looks{gap:32px var(--gutter);grid-area:2/7/auto/13;grid-template-columns:1fr 1fr;margin-top:72px;display:grid}.effects-looks img{aspect-ratio:16/9;object-fit:cover;background:var(--surface);width:100%;height:auto}.effects-foot{grid-area:2/1/auto/6;align-self:start;justify-items:start;gap:20px;margin-top:72px;display:grid}.platforms{column-gap:var(--gutter);padding:var(--section) var(--margin) 0;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid}.platforms-text{grid-column:1/8}.platforms-film{grid-column:8/13}.platforms-film video{aspect-ratio:16/9;object-fit:cover;background:var(--ink);width:100%}.runs-on{font-family:var(--display);font-weight:500;font-size:var(--step-statement);letter-spacing:-.02em;color:var(--dim);max-width:38ch;line-height:1.2}.runs-on strong{color:var(--ink);font-weight:500}.runs-on .name{transition:color .4s}.runs-on .name[data-lit]{color:var(--violet)}.packages{column-gap:var(--gutter);padding:var(--section) var(--margin) 0;grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.packages-title{grid-column:1/-1;margin-bottom:72px}.packages-group{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.packages-group+.packages-group{margin-top:44px}.packages-word{font-family:var(--display);font-weight:500;font-size:var(--step-small);grid-column:1/3;padding-top:15px}.packages table{border-collapse:collapse;width:100%;font-size:var(--step-body);grid-column:3/-1;line-height:1.35}.packages td{vertical-align:baseline;padding:13px 0}.packages td:first-child{width:46%;padding-right:24px}.packages td:nth-child(2){white-space:nowrap}.packages td.value{text-align:right;white-space:nowrap;padding-left:24px}.packages td.value code{font-size:.82em}.packages-note{color:var(--muted);grid-column:3/-1;margin-top:32px}.questions{padding:var(--section) var(--margin) 0;gap:80px;display:grid}.qa{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:baseline;display:grid}.qa-q{font-size:var(--step-statement);letter-spacing:-.02em;grid-column:1/7;font-weight:500;line-height:1.1}h2.qa-q{font-weight:500}.qa-a{grid-column:8/13;max-width:42ch}.qa-a code{font-size:.82em}.choice{margin-top:var(--section);background:var(--surface);min-height:clamp(560px,100svh,840px);position:relative}.choice-title{min-height:clamp(560px,100svh,840px);padding:32px var(--margin) 24px;font-size:var(--step-display);text-align:center;flex-direction:column;align-items:center;line-height:1;display:flex}.choice-gap{flex:1;min-height:200px}.choice-middle{width:calc(100% - 2 * var(--margin));justify-items:center;gap:16px;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.choice-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:48px;width:min(680px,100%);display:grid}.choice-row .button:first-child{justify-self:end}.choice-row .button:last-child{justify-self:start}.choice-row .button{min-width:200px;min-height:56px}.choice-or{font-family:var(--display);color:var(--muted);font-weight:500}.choice-note{color:var(--muted);text-align:center}.footer{min-height:min(72svh,640px);padding:40px var(--margin) 28px;background:var(--accent);color:var(--on-accent);font-size:var(--step-small);flex-direction:column;display:flex}.footer ::selection{background:var(--ink)}.footer-top{font-size:var(--step-body);flex-wrap:wrap;gap:8px 40px;display:flex}.footer-top>a{font-family:var(--display);margin-left:auto;font-weight:500}.footer-beta{max-width:96ch;font-size:var(--step-small);opacity:.8;margin-top:8px}.footer-line{margin-top:auto;padding-top:120px}.footer-line a{font-family:var(--display);letter-spacing:-.04em;white-space:nowrap;transition:opacity var(--t-hover) ease;padding-bottom:.08em;font-size:8.4vw;font-weight:500;line-height:1;text-decoration:none;display:inline-block}@media (hover:hover) and (pointer:fine){.footer-line a:hover{text-underline-offset:.12em;text-decoration:underline;text-decoration-thickness:.05em}}.footer-meta{grid-template-columns:1fr 2fr 1fr;gap:16px;margin-top:32px;display:grid}.footer-meta p:nth-child(2){text-align:center}.footer-meta p:last-child{text-align:right}.footer .link{-webkit-text-decoration-color:color-mix(in srgb, currentColor 55%, transparent);text-decoration-color:color-mix(in srgb, currentColor 55%, transparent)}@media (prefers-reduced-motion:no-preference){.js .lines [data-line]{animation:line-up .9s var(--ease-expo) forwards;animation-delay:calc(var(--i) * .11s + .12s);transform:translateY(105%)}.js .hero-lead,.js .hero-action,.js .hero-live{animation:settle .7s var(--ease-out) both;animation-delay:.42s}.js .hero-action{animation-delay:.49s}.js .hero-live{animation-delay:.56s}.js .engine{animation:settle .9s var(--ease-expo) both;animation-delay:.3s}.js [data-reveal]{opacity:0;transition:opacity .7s var(--ease-out) calc(var(--i,0) * 80ms), transform .9s var(--ease-expo) calc(var(--i,0) * 80ms);transform:translateY(24px)}.js [data-reveal].is-in,.js .shutter[data-reveal]{opacity:1;transform:none}.js .shutter[data-reveal] img{clip-path:inset(0 0 100%);transition:clip-path 1.1s var(--ease-in-out), transform 1.5s var(--ease-soft);transform:scale(1.12)}.js .shutter[data-reveal].is-in img{clip-path:inset(0);transform:none}}@keyframes line-up{to{transform:none}}@keyframes settle{0%{opacity:0;translate:0 16px}}@media (max-width:1000px){.hero{min-height:0;padding-bottom:0}.stage{margin:56px calc(-1 * var(--margin)) 0;padding:56px var(--margin) 64px;position:relative;inset:auto}.engine{width:100%;max-width:800px;position:static}.effects-looks{grid-area:auto/1/auto/-1}.effects-foot{grid-area:auto/1/auto/9;margin-top:48px}.studio-shot,.studio-text,.platforms-text,.platforms-film{grid-column:1/-1}.studio-text,.platforms-film{margin-top:40px}.runs-on{max-width:none}.choice,.choice-title{min-height:600px}.packages-word,.packages table,.packages-note{grid-column:1/-1}.packages-word{padding:0 0 4px}}@media (max-width:640px){:root{--step-head:7.7vw;--step-display:9vw}.nav{gap:12px;min-height:72px}.nav nav{display:none}.nav-studio{min-height:44px}.hero-text{padding-top:32px}.hero-title{font-size:var(--step-display)}.stage{padding:40px var(--margin) 48px;clip-path:polygon(72px 0,100% 0,100% 100%,0 100%,0 72px);margin-top:40px}.engine-main{grid-template-columns:1fr}.engine-inspector{border-left:0;border-top:1px solid var(--line)}.engine-readouts{grid-template-columns:1fr 1fr;column-gap:20px}.engine-lane .clip,.engine-lane .cut{padding:0 4px}.effects-title{font-size:var(--step-statement);line-height:1.2}.effects-title .wide{display:none}.slot-word{width:1.6em}.effects-foot{grid-column:1/-1;margin-top:40px}.packages-title{margin-bottom:40px}.packages-group{grid-template-columns:1fr}.packages-word{display:none}.packages table,.packages-note{grid-column:1/-1}.packages tr{padding:12px 0;display:grid}.packages td{padding:0}.packages td:first-child{width:auto}.packages td.value{text-align:left;padding-left:0}.questions{gap:56px}.qa-q,.qa-a{grid-column:1/-1}.qa-a{margin-top:12px}.choice-row{grid-template-columns:1fr;justify-items:center;gap:12px;width:72%}.choice-row .button{width:100%;min-width:0}.choice-row .button:first-child,.choice-row .button:last-child{justify-self:stretch}.footer-top{flex-direction:column}.footer-top>a{margin-left:0}.footer-meta{grid-template-columns:1fr}.footer-meta p:nth-child(2),.footer-meta p:last-child{text-align:left}}