@font-face{font-family:inter;src:url(../media/inter_latin_variable-s.p.0gsaq8ukbf34m.woff2)format("woff2");font-display:optional;font-weight:100 900}@font-face{font-family:inter Fallback;src:local(Arial);ascent-override:89.79%;descent-override:22.36%;line-gap-override:0.0%;size-adjust:107.89%}.a03kGG_className{font-family:inter,inter Fallback}.a03kGG_variable{--font-inter:"inter", "inter Fallback"}
:root{--canvas:#f3f6fa;--surface:#fff;--raised:#fff;--fill:#e7eaee;--fill-strong:#dde0e4;--ink-primary:#0b0e14;--ink-secondary:#50545b;--ink-muted:#696d74;--ink-faint:#888c94;--accent:#2563eb;--on-accent:#fff;--cta:#0b0e14;--on-cta:#f3f6fa;--error:#d61c20;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-scheme=light]){--canvas:#050608;--surface:#08090c;--raised:#111315;--fill:#1f2123;--fill-strong:#282a2d;--ink-primary:#f9fafb;--ink-secondary:#9e9fa0;--ink-muted:#808182;--ink-faint:#636364;--accent:#2563eb;--on-accent:#fff;--cta:#f9fafb;--on-cta:#050608;--error:#ef3d37;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-scheme=light]{--canvas:#f3f6fa;--surface:#fff;--raised:#fff;--fill:#e7eaee;--fill-strong:#dde0e4;--ink-primary:#0b0e14;--ink-secondary:#50545b;--ink-muted:#696d74;--ink-faint:#888c94;--accent:#2563eb;--on-accent:#fff;--cta:#0b0e14;--on-cta:#f3f6fa;--error:#d61c20;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-scheme=dark]{--canvas:#050608;--surface:#08090c;--raised:#111315;--fill:#1f2123;--fill-strong:#282a2d;--ink-primary:#f9fafb;--ink-secondary:#9e9fa0;--ink-muted:#808182;--ink-faint:#636364;--accent:#2563eb;--on-accent:#fff;--cta:#f9fafb;--on-cta:#050608;--error:#ef3d37;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root:has([data-ground=dark]){--canvas:#050608;--surface:#08090c;--raised:#111315;--fill:#1f2123;--fill-strong:#282a2d;--ink-primary:#f9fafb;--ink-secondary:#9e9fa0;--ink-muted:#808182;--ink-faint:#636364;--accent:#2563eb;--on-accent:#fff;--cta:#f9fafb;--on-cta:#050608;--error:#ef3d37;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--text-badge:11px;--text-badge-line:11px;--text-badge-tracking:0em;--text-sm:14px;--text-sm-line:20px;--text-sm-tracking:0em;--text-body:15px;--text-body-line:22px;--text-body-tracking:-.005em;--text-base:16px;--text-base-line:24px;--text-base-tracking:0em;--text-lg:18px;--text-lg-line:28px;--text-lg-tracking:-.01em;--text-xl:20px;--text-xl-line:28px;--text-xl-tracking:-.01em;--text-2xl:24px;--text-2xl-line:32px;--text-2xl-tracking:-.02em;--text-3xl:30px;--text-3xl-line:36px;--text-3xl-tracking:-.02em;--text-4xl:36px;--text-4xl-line:40px;--text-4xl-tracking:-.02em;--text-5xl:48px;--text-5xl-line:48px;--text-5xl-tracking:-.025em;--text-7xl:72px;--text-7xl-line:72px;--text-7xl-tracking:-.03em;--spacing-0:0;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-7:28px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-14:56px;--spacing-16:64px;--spacing-18:72px;--spacing-20:80px;--spacing-24:96px;--spacing-32:128px;--spacing-0-5:2px;--spacing-1-5:6px;--spacing-2-5:10px;--spacing-3-5:14px;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-2xl:28px;--radius-3xl:32px;--radius-full:9999px;--control-content:48px;--control-chrome:40px;--control-tapMin:44px;--blur-chrome:14px;--blur-media:8px;--measure-reading:720px;--measure-wide:1120px;--measure-site:1200px;--gutter-base:16px;--gutter-compact:24px;--gutter-lg:32px;--gutter-xxl:48px;--duration-micro:50ms;--duration-instant:75ms;--duration-fast:.15s;--duration-menu:.16s;--duration-normal:.2s;--duration-overlay:.24s;--duration-slow:.3s;--duration-nav:.32s;--duration-slower:.4s;--ease-dialog:cubic-bezier(.32, .72, 0, 1);--ease-enter:cubic-bezier(0, 0, .2, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-gentle:cubic-bezier(.25, .1, .25, 1);--ease-cinematic:cubic-bezier(.16, 1, .3, 1);--z-base:0;--z-inPage:50;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-floating:500;--z-toast:600;--z-privacy:9999;--travel-reveal:8px;--travel-dialog:12px;--travel-pop:4px}
:root{--mk-hairline:#ffffff14;--mk-tint:#ffffff0d;--mk-tint-strong:#ffffff17;--mk-glow:#ffc4781a;--mk-display-warm:#f2cfa6;--mk-nav-h:64px;--mk-wrap:1440px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--canvas);scroll-padding-top:calc(var(--mk-nav-h) + 16px)}body{background:var(--canvas);min-height:100svh;color:var(--ink-primary);font-family:var(--font-inter), system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size:var(--text-base);font-feature-settings:"cv11", "ss03";-webkit-font-smoothing:antialiased;overflow-wrap:break-word;margin:0;line-height:1.5;overflow-x:clip}img,svg,video{max-width:100%;display:block}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}h1,h2,h3,p,ol,ul,dl,figure{margin:0}:focus-visible{outline:2px solid var(--ink-primary);outline-offset:3px;border-radius:var(--radius-xs)}::selection{background:var(--ink-primary);color:var(--canvas)}main:focus{outline:none}.sr-only,.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:300;border-radius:var(--radius-full);background:var(--cta);color:var(--on-cta);padding:10px 16px;font-weight:600;text-decoration:none;position:absolute;top:-100px;left:16px}.skip:focus{top:12px}.wrap{width:100%;max-width:var(--mk-wrap);margin-inline:auto;padding-inline:24px;position:relative}@media (min-width:1024px){.wrap{padding-inline:40px}}.display{letter-spacing:-.045em;text-wrap:balance;font-weight:600}.btn{border-radius:var(--radius-full);min-height:48px;font:inherit;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard);border:0;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--cta);color:var(--on-cta)}.btn-secondary{background:var(--mk-tint-strong);color:var(--ink-primary)}@media (hover:hover){.btn-primary:hover{background:#fff}.btn-secondary:hover{background:#ffffff24}}.btn-sm{min-height:40px;padding:0 18px;font-size:14px}.btn:disabled{opacity:.5;cursor:default}.nav{z-index:100;height:var(--mk-nav-h);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);background:#050608b8;position:fixed;inset:0 0 auto}.nav-cap{height:100%;max-width:var(--mk-wrap);align-items:center;gap:16px;margin-inline:auto;padding-inline:24px;display:flex}@media (max-width:379px){.nav-cap{padding-inline:16px}}@media (min-width:1024px){.nav-cap{padding-inline:40px}}.wordmark{letter-spacing:-.03em;white-space:nowrap;flex:none;align-items:center;gap:.42em;font-size:17px;font-weight:650;text-decoration:none;display:inline-flex}.wordmark-mark{flex:none;width:auto;height:.86em}.nav-links{flex:1;justify-content:center;gap:4px;display:none}@media (min-width:744px){.nav-links{display:flex}}.nav-link{border-radius:var(--radius-full);min-height:40px;color:var(--ink-secondary);white-space:nowrap;transition:color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);align-items:center;padding:0 12px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}@media (hover:hover){.nav-link:hover{color:var(--ink-primary);background:var(--mk-tint)}}.nav-link[aria-current=page]{color:var(--ink-primary)}.nav-actions{align-items:center;gap:4px;margin-left:auto;display:flex}@media (min-width:744px){.nav-actions{margin-left:0}}@media (pointer:coarse){.nav .btn-sm,.nav-link{min-height:44px}}main{padding-top:var(--mk-nav-h)}.hx{padding-top:clamp(32px,6svh,72px);position:relative;overflow-x:clip}.hx-light{pointer-events:none;background:radial-gradient(ellipse 50% 45% at 30% 25%, var(--mk-glow), transparent 70%);height:90svh;position:absolute;inset:-10% -20% auto}.hx-grid{--hx-fs:clamp(2.875rem, 1.1rem + 5.6vw, 7rem);isolation:isolate;grid-template-columns:minmax(0,1fr);grid-template-areas:"title""line""film""card";display:grid}@media (min-width:1024px){.hx-grid{grid-template-columns:minmax(0,8fr) minmax(0,4fr);grid-template-areas:"title title""line line""film card";column-gap:40px}}@media (min-width:1200px){.hx-grid{grid-template-areas:"title line""film card"}}.hx-title{font-size:var(--hx-fs);letter-spacing:-.055em;grid-area:title;line-height:.98}.hx-tl{overflow-clip-margin:.04em;margin-bottom:-.14em;padding-bottom:.14em;display:block;overflow:clip}.hx-tli{background:linear-gradient(180deg, #fff 35%, var(--mk-display-warm) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:-.14em;padding-bottom:.14em;display:inline-block}@media (min-width:1024px){.hx-tli{white-space:nowrap}}@media (max-width:1023px){.hx-tli{-webkit-box-decoration-break:clone;box-decoration-break:clone;display:inline}}.hx-line{max-width:34rem;color:var(--ink-secondary);text-wrap:pretty;grid-area:line;margin-top:20px;font-size:clamp(17px,.7rem + .5vw,19px);line-height:1.5}.hx-screen{grid-area:film;min-width:0;margin-top:32px;position:relative}.hx-card{z-index:1;flex-direction:column;grid-area:card;gap:20px;min-width:0;margin-top:20px;display:flex;position:relative}@media (min-width:1024px){.hx-line{margin-top:20px}.hx-screen{margin-top:clamp(32px,5svh,56px)}.hx-card{border-radius:var(--radius-3xl);-webkit-backdrop-filter:blur(28px)saturate(150%);backdrop-filter:blur(28px)saturate(150%);background:#16120e94;border:1px solid #ffffff1f;align-self:start;gap:24px;margin:clamp(32px,5svh,56px) 0 0 -104px;padding:28px;box-shadow:0 30px 80px -30px #000000b3}.hx-compose-box{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffff12;border-color:#0000}.hx-compose-box:focus-within{border-color:#ffffff38}}@media (min-width:1200px){.hx-line{max-width:22rem;padding-bottom:calc(var(--hx-fs) * .2 - 8px);align-self:end;margin-top:0}.hx-screen,.hx-card{margin-top:clamp(32px,5svh,56px)}}.hx-screen .film-controls{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#0000009e;justify-content:flex-start;gap:0;padding:2px;right:auto}.hx-screen .film-btn{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}@media (hover:hover){.hx-screen .film-btn:hover{background:#ffffff1f}}.hx-screen .film{border-radius:var(--radius-2xl)}.hx-wash{z-index:-1;pointer-events:none;height:min(120svh,1200px);position:absolute;inset:-14% -12% auto 8%;overflow:hidden;-webkit-mask-image:radial-gradient(closest-side,#000 35%,#0000);mask-image:radial-gradient(closest-side,#000 35%,#0000)}.hx-wash img{object-fit:cover;filter:blur(110px)sepia(.8)saturate(1.5);opacity:.26;width:100%;height:100%;transform:scale(1.2)}.hx-now{gap:6px;display:grid}.hx-now-label{color:var(--ink-muted);letter-spacing:0;font-size:14px;font-weight:500}.hx-now-prompt{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(22px,.9rem + .9vw,28px);font-weight:600;line-height:1.2}.hx-now-prompt:before{content:"“"}.hx-now-prompt:after{content:"”"}.hx-now-length{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:14px}.hx-more{gap:8px;display:grid}.hx-takes{gap:4px;margin:0 -8px;padding:0;list-style:none;display:grid}.hx-take{border-radius:var(--radius-md);width:100%;min-height:52px;color:var(--ink-secondary);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:0;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;padding:8px;display:grid}@media (hover:hover){.hx-take:hover{background:var(--mk-tint);color:var(--ink-primary)}}.hx-take-thumb{border-radius:var(--radius-xs);object-fit:cover;width:64px;height:36px}.hx-take-prompt{letter-spacing:-.01em;min-width:0;font-size:16px;font-weight:500}.hx-take-prompt:before{content:"“"}.hx-take-prompt:after{content:"”"}.hx-take-length{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:14px}@media (max-width:599px){.hx-take{grid-template-columns:56px minmax(0,1fr) auto}.hx-take-thumb{width:56px;height:32px}}.hx-compose{gap:10px;min-width:0;display:grid}@media (max-width:1023px){.hx-compose{order:-1}.hx-card{gap:24px}.hx-now{order:-2}}.hx-compose-box{border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:0;transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);background:#ffffff0f;border:1px solid #ffffff1f;flex-direction:column;display:flex}.hx-compose-box:focus-within{background:#ffffff14;border-color:#ffffff42}.hx-compose-field{width:100%;min-height:76px;color:var(--ink-primary);font:inherit;resize:none;background:0 0;border:0;outline:none;padding:16px 18px 0;font-size:17px;line-height:1.5;display:block}.hx-compose-field::placeholder{color:var(--ink-muted)}.hx-compose-go{flex:none;align-self:flex-end;min-height:44px;margin:4px 8px 8px;padding:0 18px 0 20px}.hx-compose-note{color:var(--ink-muted);padding-inline:4px;font-size:13px;line-height:1.4}.film-card{flex-direction:column;gap:12px;min-width:0;display:flex}.film{border-radius:var(--radius-2xl);background:var(--fill);position:relative;overflow:hidden}.film-video{object-fit:cover;width:100%;height:100%}.film-video:focus-visible{outline-offset:-3px}.film-controls{pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;inset:12px 12px auto}.film-btn{pointer-events:auto;border-radius:var(--radius-full);color:#fff;min-height:40px;font:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard);background:#0000008c;border:0;align-items:center;gap:8px;padding:0 16px 0 14px;font-size:14px;font-weight:600;display:inline-flex}@media (hover:hover){.film-btn:hover{background:#000000b8}}.film-btn-icon{justify-content:center;width:40px;padding:0}@media (pointer:coarse){.film-btn{min-height:44px}.film-btn-icon{width:44px}}.film-btn:focus-visible{outline-color:#fff}.film-meta{justify-content:space-between;align-items:baseline;gap:16px;padding-inline:4px;display:flex}.film-prompt{letter-spacing:-.01em;min-width:0;font-size:17px;font-weight:500}.film-prompt:before{content:"“"}.film-prompt:after{content:"”"}.film-length{color:var(--ink-muted);font-variant-numeric:tabular-nums;flex:none;font-size:15px}.band{padding-block:clamp(96px,16svh,176px) 0}.band-title{letter-spacing:-.05em;font-size:clamp(2.5rem,1rem + 3.6vw,4.4rem);line-height:1}.made-grid{align-items:center;gap:40px;display:grid}@media (min-width:1024px){.made-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"film copy";gap:64px}.made-copy{grid-area:copy}.made-film{grid-area:film}}.made-copy,.made-film{min-width:0}.made-copy .tt{font-size:clamp(2.25rem,1rem + 2.4vw,3.5rem)}.made-steps{gap:24px;margin-top:32px;padding:0;list-style:none;display:grid}.made-step{gap:4px;display:grid}.made-step-title{letter-spacing:-.015em;font-size:18px;font-weight:600}.made-step-line{max-width:28rem;color:var(--ink-secondary);font-size:16px;line-height:1.55}.end{text-align:center;padding-block:clamp(120px,20svh,200px) clamp(48px,8svh,96px)}.end-copy{flex-direction:column;align-items:center;display:flex}.end-title{font-size:clamp(2.4rem,1rem + 4.2vw,5rem);line-height:1.02}.end-line{max-width:32rem;color:var(--ink-secondary);text-wrap:balance;margin-top:20px;font-size:clamp(17px,.62rem + .72vw,20px);line-height:1.5}.end-links{flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-top:24px;display:flex}.text-link{min-height:40px;color:var(--ink-primary);align-items:center;font-size:16px;font-weight:500;-webkit-text-decoration:underline #ffffff59;text-decoration:underline #ffffff59;display:inline-flex}@media (hover:hover){.text-link:hover{text-decoration-color:currentColor}}@media (pointer:coarse){.text-link{min-height:44px}}.ctas{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.rd-head{padding-top:clamp(48px,9svh,112px)}.rd-title{max-width:18ch;font-size:clamp(2.5rem,1.2rem + 3.6vw,4.25rem);line-height:1.04}.rd-lede{max-width:40rem;color:var(--ink-secondary);text-wrap:pretty;margin-top:20px;font-size:clamp(17px,.7rem + .5vw,20px);line-height:1.6}.rd-text{margin-top:48px}.rd-solo{padding-bottom:128px}.rd-solo .rd-body{margin-inline:auto}.rd-body{min-width:0;max-width:42.5rem}.rd-grid{padding-bottom:128px}@media (min-width:1024px){.rd-grid{grid-template-columns:220px minmax(0,42.5rem);justify-content:center;column-gap:72px;display:grid}}.rd-aside{display:none}@media (min-width:1024px){.rd-aside{padding-top:clamp(48px,9svh,112px);display:block}}.rd-toc{top:calc(var(--mk-nav-h) + 32px);max-height:calc(100svh - var(--mk-nav-h) - 64px);scrollbar-width:none;position:sticky;overflow-y:auto}.rd-toc-t{font-size:14px;font-weight:600}.rd-toc ol{margin-top:12px;padding:0;list-style:none}.rd-toc-a{color:var(--ink-muted);padding:6px 0;font-size:14px;line-height:1.4;text-decoration:none;display:block}@media (hover:hover){.rd-toc-a:hover{color:var(--ink-primary)}}.rd-toc-more{color:var(--ink-muted);margin-top:24px;font-size:14px;display:inline-block}.rd-films{gap:40px 24px;padding-block:48px 128px;display:grid}@media (min-width:900px){.rd-films{grid-template-columns:1fr 1fr}}.tt{letter-spacing:-.05em;font-size:clamp(2.5rem,1rem + 3.6vw,4.4rem);line-height:1}.tt-l{display:block}.sh{gap:20px;display:grid}@media (min-width:1024px){.sh{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:40px}}.sh-side{justify-items:start;gap:12px;display:grid}@media (min-width:1024px){.sh-side{justify-self:end;max-width:26rem;padding-bottom:6px}}.sh-line{color:var(--ink-secondary);text-wrap:pretty;font-size:clamp(17px,.7rem + .5vw,19px);line-height:1.5}.sh-center{text-align:center;justify-items:center}.sb{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px;margin:48px 0 0;padding:0;list-style:none;display:grid}@media (min-width:1024px){.sb-home{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 20px;margin-top:64px}}.sb-two{gap:24px 16px;margin-top:0}.sb-frame{align-content:start;gap:12px;min-width:0;display:grid}.sb-img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-lg);background:var(--fill);width:100%;height:auto}.sb-meta{align-content:start;gap:4px;padding-inline:2px;display:grid}.sb-at{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:13px}.sb-line{color:var(--ink-primary);letter-spacing:-.005em;text-wrap:pretty;font-size:15px;line-height:1.45}.sb-between{color:var(--ink-muted)}@media (max-width:599px){.sb-line{font-size:14px}}.bento{gap:16px;margin-top:48px;display:grid}@media (min-width:1024px){.bento{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"code code code code code code code cam cam cam cam cam""chk chk chk chk chk snd snd snd snd snd snd snd";gap:20px;margin-top:64px}.bento-code{grid-area:code}.bento-camera{grid-area:cam}.bento-sound{grid-area:snd}.bento-checks{grid-area:chk}}.bento-tile{background:#fff4e80b;border-radius:28px;flex-direction:column;gap:24px;min-width:0;padding:28px;display:flex;position:relative;overflow:hidden}.bento-copy{gap:6px;max-width:30rem;display:grid}.bento-title{letter-spacing:-.03em;font-size:22px;font-weight:600;line-height:1.2}.bento-line{color:var(--ink-secondary);font-size:15px;line-height:1.5}.bento-media{min-width:0;margin-top:auto}.bento-camera .bento-media{flex:1;min-height:200px;margin:0 -28px -28px;display:flex}.bento-img{object-fit:cover;width:100%;max-width:none;height:100%}@media (max-width:599px){.bento-tile{padding:22px}.bento-camera .bento-media{margin:0 -22px -22px}}.code{gap:10px;min-width:0;display:grid}.code-pre{white-space:pre;border-radius:var(--radius-xl);color:#e9dccb;tab-size:2;scrollbar-width:thin;background:#00000061;margin:0;padding:20px 22px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.65;overflow-x:auto}.bento .code-pre{background:0 0;border-radius:0;padding:0}@media (max-width:599px){.code-pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}}.code-cap,.media-cap{color:var(--ink-muted);font-size:13px;line-height:1.45}.wave{aspect-ratio:1200/160;width:100%;height:auto;display:block}.wave-bar{fill:var(--mk-display-warm);opacity:.8}.wave-mark{fill:var(--ink-primary)}.wave-axis{stroke:var(--mk-hairline);stroke-width:2px}.checks{gap:10px 24px;padding:0;list-style:none;display:grid}@media (min-width:600px){.checks{grid-template-columns:repeat(2,minmax(0,1fr))}}.check{color:var(--ink-primary);align-items:center;gap:10px;font-size:15px;display:flex}.check-tick{color:#8fd6a0;background:#7ec88c29;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:inline-grid}.end-cta{margin-top:32px}.pg-head{padding-top:clamp(56px,10svh,128px)}.pg-title{letter-spacing:-.055em;font-size:clamp(2.875rem,1.1rem + 5vw,6.25rem);line-height:.98}.pg-title .tt-l{background:linear-gradient(180deg, #fff 35%, var(--mk-display-warm) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:-.08em;padding-bottom:.08em}.pg-lede{max-width:40rem;color:var(--ink-secondary);text-wrap:pretty;margin-top:28px;font-size:clamp(17px,.7rem + .5vw,20px);line-height:1.55}.stages{margin-top:clamp(64px,10svh,112px)}.stages-h{color:var(--ink-muted);font-size:14px;font-weight:500}.stages-list{border-top:1px solid var(--mk-hairline);gap:24px 20px;margin-top:20px;padding:24px 0 0;list-style:none;display:grid}@media (min-width:600px){.stages-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.stages-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.stages-list{grid-template-columns:repeat(7,minmax(0,1fr))}}.stage{border-radius:var(--radius-md);height:100%;color:inherit;transition:background-color var(--duration-fast) var(--ease-standard);align-content:start;gap:6px;margin:-10px;padding:10px;text-decoration:none;display:grid}@media (hover:hover){.stage:hover{background:var(--mk-tint)}}.stages-list>li{min-width:0}.stage-n{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:13px}.stage-name{letter-spacing:-.015em;font-size:16px;font-weight:600}.stage-line{color:var(--ink-secondary);font-size:14px;line-height:1.5}.ch{gap:32px;padding-top:clamp(96px,14svh,160px);display:grid}@media (min-width:1024px){.ch{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"copy media";align-items:start;column-gap:72px}.ch-flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"media copy"}.ch-copy{grid-area:copy}.ch-media{grid-area:media}}.ch-copy,.ch-media{min-width:0}.ch-label{color:var(--ink-muted);letter-spacing:-.005em;font-size:14px;font-weight:600}.ch-title{letter-spacing:-.04em;text-wrap:balance;margin-top:12px;font-size:clamp(1.9rem,1rem + 2vw,2.75rem);font-weight:600;line-height:1.05}.ch-p{max-width:32rem;color:var(--ink-secondary);text-wrap:pretty;margin-top:16px;font-size:17px;line-height:1.6}.ch-img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-2xl);background:var(--fill);width:100%;height:auto}.cmp{border-radius:var(--radius-3xl);background:radial-gradient(80% 70% at 30% 20%,#ffc4781a,#0000 70%),#fff4e80b;gap:16px;padding:clamp(24px,4vw,40px);display:grid}.cmp-title{letter-spacing:-.03em;font-size:clamp(22px,1rem + 1vw,28px);font-weight:600}.cmp-box{border-radius:var(--radius-2xl);background:#ffffff0d;border:1px solid #ffffff24;gap:20px;padding:18px;display:grid}.cmp-text{min-height:64px;font-size:18px;line-height:1.5}.cmp-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cmp-chip{border-radius:var(--radius-full);background:var(--mk-tint-strong);min-height:36px;color:var(--ink-secondary);align-items:center;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.cmp-go{border-radius:var(--radius-full);background:var(--cta);min-height:40px;color:var(--on-cta);align-items:center;margin-left:auto;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.script{border-radius:var(--radius-3xl);counter-reset:line;background:#fff4e80b;gap:10px;padding:clamp(24px,4vw,40px);list-style:none;display:grid}.script-line{color:var(--ink-secondary);counter-increment:line;grid-template-columns:28px minmax(0,1fr);font-size:clamp(16px,.8rem + .4vw,19px);line-height:1.45;display:grid}.script-line:before{content:counter(line);color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:13px;line-height:1.9}.script-line:first-child{color:var(--ink-primary);font-weight:600}.voice{border-radius:var(--radius-3xl);background:#fff4e80b;gap:24px;padding:clamp(24px,4vw,40px);display:grid}.words{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.word{border-radius:var(--radius-md);background:var(--mk-tint);gap:2px;padding:10px 14px;display:grid}.word-w{letter-spacing:-.02em;font-size:18px;font-weight:600}.word-t{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:13px}.look{gap:20px;display:grid}.swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;padding:0;list-style:none;display:grid}@media (min-width:600px){.swatches{grid-template-columns:repeat(6,minmax(0,1fr))}}.swatch{gap:6px;min-width:0;display:grid}.swatch-chip{border-radius:var(--radius-sm);height:36px;display:block;box-shadow:inset 0 0 0 1px #ffffff0f}.swatch-name{color:var(--ink-muted);font-size:12px;line-height:1.3}.code-pair{gap:16px;display:grid}.review{border-radius:var(--radius-3xl);background:#fff4e80b;gap:28px;padding:clamp(24px,4vw,40px);display:grid}.fixes{gap:0;padding:0;list-style:none;display:grid}.fix{border-bottom:1px solid var(--mk-hairline);gap:4px;padding-block:14px;display:grid}.fix:first-child{padding-top:0}.review .checks{grid-template-columns:minmax(0,1fr)}@media (min-width:600px){.fix{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}}.fix-saw{color:var(--ink-primary);font-size:15px;line-height:1.45}.fix-did{color:var(--ink-secondary);font-size:15px;line-height:1.45}.render{gap:24px;display:grid}.facts{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px 24px;margin:0;display:grid}@media (min-width:900px){.facts{grid-template-columns:repeat(4,minmax(0,1fr))}}.fact{align-content:start;gap:4px;display:grid}.fact dt{color:var(--ink-muted);font-size:13px}.fact dd{margin:0;font-size:15px;line-height:1.4}.next{padding-block:clamp(112px,16svh,176px) 0}.next-plate{border-radius:var(--radius-3xl);aspect-ratio:16/9;isolation:isolate;width:100%;max-height:560px;text-decoration:none;display:block;position:relative;overflow:hidden}@media (max-width:599px){.next-plate{aspect-ratio:4/5}}.next-img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease-cinematic);position:absolute;inset:0}@media (hover:hover){.next-plate:hover .next-img{transform:scale(1.03)}}.next-scrim{background:linear-gradient(#05060800 20%,#0506088c 55%,#050608e6 100%);position:absolute;inset:0}.next-copy{justify-items:start;gap:10px;padding:clamp(24px,4vw,48px);display:grid;position:absolute;inset:auto 0 0}.next-title{font-size:clamp(2.25rem,1rem + 3.4vw,4.25rem);line-height:1}.next-line{color:#ffffffc7;max-width:30rem;font-size:17px;line-height:1.5}.next-go{border-radius:var(--radius-full);background:var(--cta);min-height:44px;color:var(--on-cta);align-items:center;gap:8px;margin-top:8px;padding:0 20px;font-size:15px;font-weight:600;display:inline-flex}.prose{color:var(--ink-secondary);font-size:17px;line-height:1.7}.prose>*+*{margin-top:18px}.prose h2{color:var(--ink-primary);letter-spacing:-.02em;scroll-margin-top:calc(var(--mk-nav-h) + 24px);margin-top:48px;font-size:22px;font-weight:600;line-height:1.3}.prose h3{color:var(--ink-primary);margin-top:32px;font-size:18px;font-weight:600}.prose>h2:first-child{margin-top:0}.prose strong,.prose dt{color:var(--ink-primary);font-weight:600}.prose a{color:var(--ink-primary);text-decoration-color:#ffffff4d}@media (hover:hover){.prose a:hover{text-decoration-color:currentColor}}.prose ul,.prose ol{padding-left:1.25em}.prose li+li{margin-top:8px}.prose dl{gap:4px 24px;display:grid}@media (min-width:640px){.prose dl{grid-template-columns:minmax(8rem,12rem) minmax(0,1fr)}}.prose dd{margin:0 0 12px}.prose code{font-size:.9em}.prose table{border-collapse:collapse;width:100%;font-size:15px}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid var(--mk-hairline);overflow-wrap:anywhere;padding:10px 16px 10px 0}.prose th{color:var(--ink-primary);font-weight:600}@media (max-width:639px){.prose thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.prose table,.prose tbody,.prose tr,.prose td{width:100%;display:block}.prose tr{border-bottom:1px solid var(--mk-hairline);padding-block:16px}.prose td{border:0;padding:4px 0}.prose td[data-label]:before{content:attr(data-label);color:var(--ink-muted);font-size:14px;font-weight:600;display:block}}.free{text-align:center;padding-bottom:128px}.free-head{flex-direction:column;align-items:center;padding-top:clamp(64px,12svh,144px);display:flex}.free-title{max-width:14ch;font-size:clamp(2.75rem,1rem + 5vw,5.5rem);line-height:1}.free-line{max-width:32rem;color:var(--ink-secondary);text-wrap:balance;margin-top:24px;font-size:clamp(17px,.62rem + .72vw,21px);line-height:1.5}.free-why{flex-direction:column;align-items:center;margin-top:clamp(80px,14svh,144px);display:flex}.free-why-title{letter-spacing:-.03em;font-size:clamp(1.5rem,1rem + 1.4vw,2rem);font-weight:600}.free-why-line{max-width:36rem;color:var(--ink-secondary);text-wrap:pretty;margin-top:16px;font-size:17px;line-height:1.6}.free-models{gap:32px;width:100%;max-width:60rem;margin-top:56px;padding:0;list-style:none;display:grid}@media (min-width:744px){.free-models{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}.free-model{gap:8px;display:grid}.free-model-title{letter-spacing:-.015em;font-size:18px;font-weight:600}.free-model-line{color:var(--ink-secondary);font-size:16px;line-height:1.55}.hub{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.hub-row{letter-spacing:-.01em;flex-direction:column;gap:4px;padding:12px 0;font-size:18px;font-weight:600;text-decoration:none;display:flex}.hub-desc{color:var(--ink-muted);letter-spacing:0;font-size:15px;font-weight:400}@media (hover:hover){.hub-row:hover .hub-desc{color:var(--ink-secondary)}}.stack-form{gap:8px;max-width:32rem;display:grid}.stack-form label{color:var(--ink-secondary);margin-top:16px;font-size:14px;font-weight:500}.stack-form label:first-of-type{margin-top:0}.input{border-radius:var(--radius-md);background:var(--mk-tint);width:100%;min-height:48px;color:var(--ink-primary);font:inherit;transition:border-color var(--duration-fast) var(--ease-standard);border:1px solid #ffffff21;padding:12px 16px;font-size:16px}.input:focus-visible{border-color:#ffffff52;outline:none;box-shadow:inset 0 0 0 1px #ffffff52}.textarea{resize:vertical;min-height:160px}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-secondary) 50%), linear-gradient(135deg, var(--ink-secondary) 50%, transparent 50%);background-position:calc(100% - 22px),calc(100% - 16px);background-repeat:no-repeat;background-size:6px 6px;padding-right:44px}select.input option{background:var(--raised);color:var(--ink-primary)}.form-note{color:var(--ink-muted);font-size:14px}.stack-form .btn{justify-self:start;margin-top:20px}.btn-cta{background:var(--cta);color:var(--on-cta)}.form-status{min-height:1.5em;font-size:15px}.form-status[data-state=ok]{color:var(--ink-primary)}.form-status[data-state=error]{color:var(--error)}.gone{min-height:calc(100svh - var(--mk-nav-h) - 160px);flex-direction:column;justify-content:center;padding-block:96px;display:flex}.gone-title{max-width:16ch;font-size:clamp(2.25rem,1rem + 3.6vw,4.5rem);line-height:1.04}.gone-line{max-width:32rem;color:var(--ink-secondary);margin-top:20px;font-size:18px}.foot{padding-block:96px 32px}.foot-grid{gap:48px;display:grid}@media (min-width:900px){.foot-grid{grid-template-columns:minmax(0,1fr) auto}}.foot-brand{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.foot-line{max-width:18rem;color:var(--ink-muted);font-size:14px;line-height:1.5}.foot-groups{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:32px;min-width:0;display:grid}@media (min-width:900px){.foot-groups{grid-template-columns:repeat(3,10rem)}}.foot-heading{color:var(--ink-primary);font-size:14px;font-weight:600}.foot-group ul{margin-top:12px;padding:0;list-style:none}.foot-link{min-height:36px;color:var(--ink-muted);align-items:center;font-size:14px;text-decoration:none;display:inline-flex}@media (pointer:coarse){.foot-link{min-height:44px}}@media (hover:hover){.foot-link:hover{color:var(--ink-primary)}}.foot-base{color:var(--ink-muted);margin-top:56px;font-size:14px}@keyframes mk-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.rise{animation:mk-rise .4s var(--ease-cinematic) both}.rise:nth-child(2){animation-delay:80ms}.rise:nth-child(3){animation-delay:.16s}.hx-screen.rise{animation-delay:.12s}.hx-card.rise{animation-delay:.2s}@keyframes mk-line{0%{transform:translateY(110%)}}.hx-tli{animation:mk-line .9s var(--ease-cinematic) both;animation-delay:calc(var(--i,0) * 90ms)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}@media print{.nav,.foot,.skip,.film-controls,.rd-aside{display:none!important}main{padding-top:0}html,body{color:#000!important;background:#fff!important}.prose,.rd-lede{color:#000!important}}
