html:root{--site-bg:var(--site-black)}html body{background:0 0}html .fx-bg{z-index:-2;pointer-events:none;contain:strict;background:var(--fx-still-top,none) 50% 0 / cover no-repeat;block-size:100lvh;position:fixed;inset-block-start:0;inset-inline:0}html .fx-bg.nopre:not(.still){background:0 0}html .fx-bg canvas{will-change:transform;opacity:0;block-size:100%;inline-size:100%;transition:opacity .5s cubic-bezier(.2,.7,.2,1);display:block}html .fx-bg.live canvas{opacity:1}html .fx-bg.still{position:absolute}html .fx-bg.still canvas,html .fx-end{display:none}html .fx-bg.still+.fx-end{pointer-events:none;block-size:0;display:block;position:relative}html .fx-bg.still+.fx-end:before{content:"";z-index:-2;background:var(--fx-still-end-a,none) 50% 100% / cover no-repeat;mix-blend-mode:lighten;block-size:100lvh;position:absolute;inset-block-end:0;inset-inline:0}html .fx-bg.still.fx-b+.fx-end:before{background-image:var(--fx-still-end-b,none)}@media (width>=561px){html.fx-way-b .closing{padding-block:calc(var(--wb-space-32) + 56px) 32px}}html.fx-way-b .closing h2{text-wrap:balance;max-inline-size:11em}html .figure .shot:has(video){background:var(--site-black)}html .reel-stage{background:#181a1e}html:root{--site-fg-subtle:#f5f1e885}html :is(h2,h3,.figure>p,.band>p,.faq details p,.page-head>p,.steps p,.command-label,.site-footer section>*):not(:is(.shot,.button,.builds,.command-line) *){inline-size:fit-content}html .hero-wrap{background:0 0;overflow-x:clip}html .hero>h1{margin-block:-.06em -.2em;padding-block:.06em .2em}@media (prefers-reduced-motion:no-preference){html .hero>h1,html .hero>.lead,html .hero>.actions,html .hero>.reel{animation:.5s cubic-bezier(.2,.7,.2,1) both fx-arrive}html .hero>.lead{animation-delay:60ms}html .hero>.actions{animation-delay:.12s}html .hero>.reel{animation-name:fx-arrive-solid;animation-duration:.5s;animation-delay:.16s}html .hero>h1{color:#0000;background:linear-gradient(105deg, var(--site-fg) 0 42%, #fff8e6 48%, var(--site-accent) 50%, #fff8e6 52%, var(--site-fg) 58% 100%) 100% 0 / 260% 100% no-repeat;text-shadow:none;-webkit-background-clip:text;background-clip:text;animation:.5s cubic-bezier(.2,.7,.2,1) both fx-arrive,1.8s cubic-bezier(.45,0,.2,1) .6s both fx-gleam}html .hero-wrap{isolation:isolate;background:0 0;position:relative}html .hero-wrap:before,html .hero-wrap:after{content:"";z-index:-1;pointer-events:none;will-change:transform;border-radius:50%;position:absolute}html .hero-wrap:before{aspect-ratio:1.6;background:radial-gradient(closest-side,#d6d8dc13,#d6d8dc06 55%,#0000);inline-size:min(1500px,120vw);margin-inline-start:calc(min(1500px,120vw)/-2);animation:22s ease-in-out infinite alternate fx-drift-a;inset-block-start:-38%;inset-inline-start:50%}html .hero-wrap:after{aspect-ratio:1.4;background:radial-gradient(closest-side,#ece8e009,#0000);inline-size:min(720px,70vw);animation:17s ease-in-out infinite alternate fx-drift-b;inset-block-start:-6%;inset-inline-start:58%}html .fx-edge{z-index:3;pointer-events:none;border-radius:inherit;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}html .fx-edge:before{content:"";aspect-ratio:1;background:conic-gradient(from 0deg, transparent 0 62%, #f2a93b00 66%, #f2a93bbf 78%, #fff8e6f2 80%, #f2a93b66 83%, transparent 88% 100%);inline-size:300%;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}html .reel-stage{box-shadow:var(--site-shadow), 0 0 80px -30px #dce0e829}html .reel-slide{transition:transform .68s cubic-bezier(.7,0,.2,1),filter .68s cubic-bezier(.7,0,.2,1),opacity .68s;transform:translate(100%)scale(1.04)}html .reel-slide.on{transform:none}html .reel-slide.off{filter:brightness(.62);opacity:.85;transform:translate(-28%)scale(.92)}html .reel-tabs i{background:#f5f1e81f;overflow:visible}html .reel-tabs b{background:linear-gradient(90deg, #f2a93b8c, var(--site-accent) 70%, #ffe2ad);border-radius:1px;box-shadow:0 0 10px #f2a93bb3,0 0 2px #ffe2ade6}html .reel-tabs button[aria-selected=true] span{text-shadow:0 0 18px #f5f1e859}html .fx-reveal:not(.fx-in){opacity:0;transform:translateY(28px)}html .fx-reveal{transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--fx-delay,0s)}html .button{isolation:isolate;position:relative;overflow:hidden}html .button:after{content:"";z-index:1;pointer-events:none;opacity:0;background:linear-gradient(110deg,#0000 30%,#ffffff80 48%,#ffffff1f 54%,#0000 70%);position:absolute;inset:-1px;transform:translate(-110%)}html .button.primary:after{mix-blend-mode:soft-light;background:linear-gradient(110deg,#0000 30%,#fffffff2 48%,#f2a93b59 55%,#0000 70%)}html .button:hover:after{opacity:1;transition:transform .75s cubic-bezier(.3,.6,.2,1),opacity .2s;transform:translate(110%)}html .button.primary{transition:background-color var(--wb-motion-fast) var(--wb-ease), box-shadow .3s}html .button.primary:hover{box-shadow:0 0 0 1px #f2a93b59,0 8px 28px -8px #f2a93b8c}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){html .shot{isolation:isolate;position:relative}html .fx-glow,html .fx-rim{z-index:2;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .35s;position:absolute;inset:0;overflow:hidden}html .fx-rim{-webkit-mask-composite:xor;padding:1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}html .fx-glow>i,html .fx-rim>i{transform:translate(calc(var(--fx-x,0px) - 50%), calc(var(--fx-y,0px) - 50%));will-change:transform;border-radius:50%;display:block;position:absolute;inset-block-start:0;inset-inline-start:0}html .fx-glow>i{aspect-ratio:1;background:radial-gradient(closest-side,#fff8e612,#0000);inline-size:560px}html .fx-rim>i{aspect-ratio:1;background:radial-gradient(closest-side,#ffe2adf2,#f2a93b59 45%,#0000);inline-size:380px}html .shot:hover>.fx-glow,html .shot:hover>.fx-rim{opacity:1}}@media (prefers-reduced-motion:no-preference) and (width<=560px){html .reel-slide,html .reel-slide.off{transform:none}html .reel-slide{opacity:0;transition:opacity .6s cubic-bezier(.2,.7,.2,1),filter .6s}html .reel-slide.on{opacity:1}html .reel-slide.off{opacity:1;filter:brightness(.65)}html .hero>h1,html .hero>.lead,html .hero>.actions{animation-name:fx-arrive-light}html .hero>.reel{animation-name:fx-arrive-solid-light}html .hero>h1{animation-name:fx-arrive-light,fx-gleam}}@keyframes fx-arrive{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fx-arrive-solid{0%{filter:brightness(.62);transform:translateY(22px)}to{filter:brightness();transform:none}}@keyframes fx-arrive-solid-light{0%{filter:brightness(.62);transform:translateY(16px)}to{filter:brightness();transform:none}}@keyframes fx-arrive-light{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes fx-gleam{0%{background-position:100% 0}to{background-position:0 0}}@keyframes fx-drift-a{0%{transform:translate(-6%)scale(1)}50%{transform:translate(3%,4%)scale(1.08)}to{transform:translate(7%,-2%)scale(.96)}}@keyframes fx-drift-b{0%{opacity:.7;transform:translate(0,0)scale(1)}to{opacity:1;transform:translate(-38%,18%)scale(1.25)}}