@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}*,:before,:after{box-sizing:border-box}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg:#0c0e23;--card-bg:#1b1d31;--accent-red:#e3170a;--accent-purple:#910ddd;--accent-blue:#177fce;--accent-yellow:#ffc43d;--border:#ffffff1a;--font-display:"Costaline", -apple-system, Roboto, Helvetica, sans-serif;--font-body:"Inter", -apple-system, Roboto, Helvetica, sans-serif;--card-next-offset:0px;--card-span-margin:0px}::selection{background-color:#ffffff20}body{background-color:var(--bg);height:100%;margin:0;padding:0}#root{border:none;min-height:100%;margin:0 auto}.page{background:var(--bg);color:var(--bg);outline:none;width:100%;min-height:100vh;margin-left:auto;margin-right:auto;padding-bottom:clamp(48px,8vw,96px);position:relative;overflow-x:hidden}.top-fade{z-index:5;pointer-events:none;background:linear-gradient(#0c0e23 0%,#0c0e2300 100%);height:110px;position:fixed;inset:0 0 auto}.navbar{z-index:10;border:1px solid var(--border);background:var(--card-bg);border-radius:8px;flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(16px,1.5vw,48px);max-width:fit-content;padding:8px 20px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000026}.navbar-link{opacity:.7;justify-content:center;align-items:center;padding:4px 12px;transition:opacity .15s,background .15s;display:flex}.navbar-link:hover{opacity:1}.navbar-link svg{transition:transform .3s;transform:scale(1)}.navbar-link:hover svg{transform:scale(1.075)}.navbar-link-active{opacity:1}.navbar-link-active svg{stroke:var(--accent);fill:var(--accent);fill-opacity:.6}.main{box-sizing:border-box;flex-direction:column;align-items:center;gap:clamp(40px,6vw,80px);max-width:815px;margin:0 auto;padding:clamp(64px,5vw,188px) clamp(20px,5vw,0px) 0;display:flex;position:relative}.hero{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.placeholder{background:#fff;border-radius:20px}.opening-graphic{aspect-ratio:542/346;max-height:450px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{opacity:0;animation:1s forwards fadeIn}.block-fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(12px)}.block-fade-in.is-visible{opacity:1;transform:translateY(0)}.title{color:#fff;text-align:center;font-family:var(--font-display), serif;margin:0;font-size:clamp(40px,9vw,96px);font-weight:700;line-height:1}.buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.btn{height:52px;font-family:var(--font-body), system-ui;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:13px 40px;font-size:16px;font-weight:500;display:flex}.btn-primary{color:#000;border:1px var(--border) solid;background:#fff;transition:all .35s}.btn-primary svg{transition:all .35s}.btn-primary:hover{background:var(--accent);color:#fff}.btn-primary:hover svg{stroke:#fff}.btn-primary .lottie svg *{transition:stroke .1s;stroke:#000!important}.btn-primary:hover .lottie svg *{stroke:#fff!important}.lottie{vertical-align:middle;display:inline-block}.lottie-24{width:24px;height:24px}.lottie-70x76{width:70px;height:76px}.btn-outline{color:#fff;border:2px solid var(--border);background:0 0;transition:all .5s}.btn-outline:hover{background:var(--card-bg);border:2px solid #fff}.content{flex-direction:column;align-items:stretch;gap:24px;width:100%;display:flex}.paragraph{color:#ffffffe6;font-family:var(--font-body), system-ui;letter-spacing:1%;text-align:left;margin:0;font-size:clamp(16px,2vw,18px);font-weight:500;line-height:1.6}code{background:var(--card-bg);border:1px solid var(--border);letter-spacing:-1%;border-radius:4px;margin-left:2px;margin-right:2px;padding:1px 6px;font-family:Source Code Pro,monospace;font-size:16px;font-weight:400}.image-wrap{justify-content:center;align-items:center;padding:clamp(20px,5vw,40px) 0;display:flex}.image-wrap .placeholder.image{aspect-ratio:644/390}.image{box-sizing:border-box;border:1px solid var(--border);background:var(--card-bg);border-radius:8px;width:100%;max-width:644px;padding:48px;display:flex;overflow:hidden}.image-real{border-radius:8px;width:100%;height:auto;display:block}.block-component{box-sizing:border-box;justify-content:center;width:100%;padding:clamp(20px,5vw,40px) 0;display:flex;overflow:hidden}.block-component-inner{transform-origin:top;width:max-content;max-width:none}.section-header{padding-top:32px;display:flex}.section-header h2{color:#fff;font-family:var(--font-display), serif;letter-spacing:1%;margin:0;font-size:clamp(26px,3vw,32px);font-weight:700}.table-wrap{justify-content:center;padding:clamp(20px,5vw,40px) 0;display:flex}.table-scroll{border:1px solid var(--border);border-radius:8px;width:100%;max-width:644px;overflow-x:auto}.data-table{table-layout:fixed;border-collapse:collapse;width:100%;font-family:var(--font-body), system-ui}.data-table th:first-child,.data-table td:first-child{width:30%}.data-table th:nth-child(2),.data-table td:nth-child(2),.data-table th:nth-child(3),.data-table td:nth-child(3){width:35%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);color:#ffffffe6;padding:10px 16px;font-size:16px}.data-table th{background:var(--card-bg);color:#fff;font-size:18px;font-weight:600}.data-table tr:last-child td{border-bottom:none}.cards{flex-wrap:wrap;align-items:stretch;gap:20px;padding-top:20px;display:flex}.cards-single{justify-content:center}.card{border:1px solid var(--border);border-radius:8px;height:246px}.card-download{background:var(--card-bg);flex-direction:column;flex:0 0 260px;justify-content:center;align-items:center;gap:1.25rem;text-decoration:none;transition:all .3s;display:flex}.card-download:hover{background:color-mix(in srgb, var(--card-bg), white 5%)}.render-card{background:var(--card-bg);flex-direction:column;flex:1 0 100%;gap:1.25rem;padding:0 24px;display:flex}.card-download-text{flex-direction:column;align-items:center;gap:2px;display:flex}.card-title{color:#fff;font-family:var(--font-body), system-ui;font-size:20px;font-weight:500}.card-subtitle{color:#ffffff80;font-family:var(--font-body), system-ui;font-size:16px;font-weight:500}.card-next{background:var(--accent);flex:2 320px;padding:0 24px;text-decoration:none;transition:background-color .4s;display:block}.card-next-holder{transform:translateY(var(--card-next-offset,0));flex-direction:column;gap:1.25rem;display:flex}.card-eyebrow{color:#fff;font-family:var(--font-body), system-ui;text-align:left;white-space:nowrap;width:fit-content;margin-left:0;font-size:20px;font-weight:500;transition:margin-left .65s}.card-heading{color:#fff;height:clamp(32px,5vw,48px);font-family:var(--font-display), serif;text-align:left;width:fit-content;margin-left:0;font-size:clamp(32px,5vw,48px);font-weight:700;transition:margin-left .65s}.card-next:hover{cursor:pointer;background:color-mix(in srgb, var(--accent), white 5%)}.card-next:hover .card-eyebrow,.card-next:hover .card-heading{margin-left:var(--card-span-margin,0)}@media (width<=900px){.navbar{gap:20px;padding:8px 14px}.cards{flex-wrap:wrap}.card-download,.card-next{flex:100%}}@media (width<=768px){.main{gap:clamp(32px,8vw,48px);padding:clamp(48px,12vw,96px) 20px 0}.hero{gap:16px}.buttons{gap:10px}.btn{flex:auto;height:48px}.content{gap:20px}.image{padding:24px}.section-header{padding-top:20px}.cards{gap:14px;padding-top:12px}.card-download{padding:24px 16px}.card-next{padding:20px}.card-next-holder{transform:translateY(132px)}}@media (width<=480px){.navbar{justify-content:flex-start;gap:12px;max-width:calc(100vw - 24px);padding:6px 10px;top:10px;overflow-x:auto}.main{padding-left:16px;padding-right:16px}.title{font-size:clamp(32px,18vw,64px)}.btn{padding:13px 24px}.paragraph{font-size:16px}.image{padding:16px}.card-download{gap:28px}.card-eyebrow{font-size:16px}.card-heading{font-size:36px}.card-next-holder{gap:12px}.data-table th,.data-table td{padding:8px 10px;font-size:14px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.card-eyebrow,.card-heading{transition:none!important}.navbar-link:hover svg{animation:none}.fade-in{opacity:1!important;animation:none!important}.block-fade-in{opacity:1!important;transition:none!important;transform:none!important}}@media (width<=1063px){.navbar{gap:28px;padding:8px 16px}}.layer-card{--shape-outline:#ffffff1a;border:1px solid var(--shape-outline);background:var(--card-bg);border-radius:8px;flex-direction:column;align-items:flex-start;gap:59px;width:644px;padding:43px 69px;display:flex}.viewfinder{background:var(--bg);border:1px solid #313345;border-radius:8px;flex-direction:row;align-items:center;gap:28px;width:506px;height:239px;display:flex;position:relative}.timeline{width:506px;position:relative}.layers{flex-direction:column;align-items:flex-start;gap:21px;width:506px;display:flex;top:5px;left:0}.timeline-nav{border:1px solid var(--shape-outline);background:#ffffff0d;border-radius:8px;align-self:stretch;height:47px;position:relative}.layer{border:1px solid var(--shape-outline);border-radius:8px;width:178px;height:47px;position:relative}.playhead-wrapper{pointer-events:none;width:auto;height:auto;position:absolute;top:-2px;left:-105px}.layer-blue{background:var(--accent-blue);margin-left:328px}.layer-purple{background:var(--accent-purple)}.layer-red{background:var(--accent-red);align-self:stretch;width:auto}.purple-square{background:var(--accent-purple);flex-shrink:0;width:124px;height:124px}.red-circle{background:var(--accent-red);border-radius:50%;flex-shrink:0;width:124px;height:124px}.blue-triangle{background:var(--accent-blue);clip-path:polygon(50% 0%,0% 100%,100% 100%);flex-shrink:0;width:143px;height:124px}.viewfinder .purple-rect,.viewfinder .blue-triangle{opacity:0;pointer-events:none;transition:none}.multi-playhead{fill:#fff;animation:3.5s linear infinite multiPlayheadScroll}@keyframes multiPlayheadScroll{0%{transform:translate(0)}to{transform:translate(440px)}}.layer-yellow-uncropped{background:#ffc43d26;align-self:stretch;width:auto;overflow:hidden}.layer-yellow{background:var(--accent-yellow);cursor:grab;touch-action:none;align-self:stretch;width:200px;height:45px;transition:background-color .15s}.layer-yellow:hover{background-color:color-mix(in srgb, var(--accent-yellow), white 20%)}.layer-yellow:active{cursor:grabbing}.yellow-square{flex-shrink:0;width:124px;height:124px}.viewfinder{justify-content:center}.single-playhead{fill:#fff;animation:6s linear infinite singlePlayheadScroll}@keyframes singlePlayheadScroll{0%{transform:translate(0)}to{transform:translate(440px)}}:root{--bg:#0c0e23;--card-bg:#1b1d31;--accent:#910ddd;--border:#ffffff1a;--font-display:"Costaline", -apple-system, Roboto, Helvetica, sans-serif;--font-body:"Inter", -apple-system, Roboto, Helvetica, sans-serif;--card-next-offset:0px;--card-span-margin:0px}.hotkey{align-items:center;gap:28px;display:inline-flex;overflow:hidden}.hotkey-key{border:1px solid var(--border);background:var(--card-bg);border-radius:8px;justify-content:center;align-items:center;gap:10px;min-width:75px;padding:18px 16px;display:flex;position:relative;overflow:hidden}.hotkey-key-label{color:#fff;text-align:center;flex:1 0 0;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:clamp(18px,2vw,20px);font-weight:600;line-height:normal;position:relative}.hotkey-name{color:#fff;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:clamp(16px,2vw,18px);font-weight:500;line-height:normal;position:relative}.hotkeys-group{flex-direction:column;gap:24px;display:flex}.hotkey-keys,.hotkey-key-group{align-items:center;gap:8px;display:inline-flex}.hotkey-plus{color:#fff;opacity:.5;font-size:16px}@media (width<=480px){.hotkey-key{padding:18px 12px}}.triple-image{box-sizing:border-box;border:1px solid var(--border);background:var(--card-bg);border-radius:8px;align-items:center;gap:30px;width:100%;max-width:644px;padding:31px;display:flex}.triple-image-rect{aspect-ratio:174/121;border:1px solid var(--border);background:linear-gradient(#00000005,#00000003);border-radius:8px;flex:1 1 0;overflow:hidden}.triple-image-img{object-fit:cover;width:100%;height:100%;display:block}.external-link{border:1px solid var(--border);background:var(--card-bg);box-sizing:border-box;border-radius:8px;align-items:center;gap:40px;width:392px;height:87px;padding:20px 40px;text-decoration:none;transition:background-color .3s;display:flex}.external-link:hover{background:color-mix(in srgb, var(--card-bg), white 5%)}.external-link-icon{object-fit:contain;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:44px;display:flex;position:relative}.external-link-text{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;display:flex;position:relative}.external-link-title{color:#fff;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:20px;font-style:normal;font-weight:500;line-height:normal;position:relative}.external-link-subtext{color:#ffffff80;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:normal;position:relative}.linear-keyframes-card{--shape-outline:#ffffff1a;border:1px solid var(--shape-outline);background:var(--card-bg);border-radius:8px;flex-direction:column;align-items:center;gap:42px;width:644px;padding:clamp(20px,5vw,40px) 0;display:flex}.linear-viewfinder{background:var(--bg);border:1px solid #313345;border-radius:8px;flex-direction:column;align-items:center;width:506px;height:239px;display:flex;position:relative}.linear-dashed-line{border-top:1px dotted #ffffff80;width:385px;height:0;margin:auto}.linear-red-circle{background:var(--accent-red);border-radius:50%;width:51px;height:51px;animation:3.5s step-end infinite circleAnimate;position:absolute;top:94px;left:33px}@keyframes circleAnimate{0%{transform:translate(0)}9%{transform:translate(38px)}18%{transform:translate(76px)}27%{transform:translate(114px)}36%{transform:translate(152px)}45%{transform:translate(190px)}55%{transform:translate(228px)}64%{transform:translate(266px)}73%{transform:translate(304px)}82%{transform:translate(342px)}91%{transform:translate(380px)}}.linear-timeline{flex-direction:column;align-items:center;gap:24px;width:506px;display:flex;position:relative}.linear-timeline-track{border:1px solid var(--shape-outline);background:#ffffff0d;border-radius:8px;align-self:stretch;height:47px}.linear-timeline-row{justify-content:space-between;align-self:stretch;align-items:center;margin:0 12px;display:flex}.linear-tick{background:#ffffff80;width:1px;height:16px}.linear-keyframe{width:32px;height:32px;position:relative}.linear-playhead{fill:#fff;width:52px;animation:3.5s step-end infinite linearPlayheadScroll;position:absolute;top:0;left:3px}.easing-keyframes-card{--shape-outline:#ffffff1a;border:1px solid var(--shape-outline);background:var(--card-bg);border-radius:8px;flex-direction:column;align-items:center;gap:42px;width:644px;padding:clamp(20px,5vw,40px) 0;display:flex}.easing-viewfinder{background:var(--bg);border:1px solid #313345;border-radius:8px;flex-direction:column;align-items:center;width:506px;height:239px;display:flex;position:relative}.easing-dashed-line{border-top:1px dotted #ffffff80;width:385px;height:0;margin:auto}.easing-red-circle{background:var(--accent-red);border-radius:50%;width:51px;height:51px;animation:3.5s step-end infinite easingCircleAnimate;position:absolute;top:94px;left:33px}@keyframes easingCircleAnimate{0%{transform:translate(0)}9%{transform:translate(4px)}18%{transform:translate(18px)}27%{transform:translate(48px)}36%{transform:translate(103px)}45%{transform:translate(189px)}55%{transform:translate(276px)}64%{transform:translate(332px)}73%{transform:translate(362px)}82%{transform:translate(376px)}91%{transform:translate(380px)}}.easing-timeline{flex-direction:column;align-items:center;gap:24px;width:506px;display:flex;position:relative}.easing-timeline-track{border:1px solid var(--shape-outline);background:#ffffff0d;border-radius:8px;align-self:stretch;height:47px}.easing-timeline-row{justify-content:space-between;align-self:stretch;align-items:center;margin:0 12px;display:flex}.easing-tick{background:#ffffff80;width:1px;height:16px}.easing-keyframe{width:32px;height:32px;position:relative}.easing-playhead{fill:#fff;width:52px;animation:3.5s step-end infinite easingPlayheadScroll;position:absolute;top:0;left:3px}.progress-holder{flex-direction:row;gap:20px;margin-top:4px;display:flex}.easing-progress-card{background:var(--bg);border:1px solid #313345;border-radius:8px;flex-direction:column;justify-content:center;align-self:center;align-items:center;gap:6px;width:170px;height:96px;display:flex}.easing-progress-percentage{color:#fff;text-align:center;font-size:36px;font-weight:700;line-height:100%}.easing-progress-label{color:#ffffff80;text-align:center;letter-spacing:0;font-size:16px;line-height:100%}.codec{border:1px solid var(--border);background:var(--card-bg);border-radius:8px;justify-content:space-between;align-self:stretch;align-items:flex-start;width:100%;max-width:644px;padding:20px 24px;display:flex}.codec-info{flex-direction:column;justify-content:left;align-items:flex-start;gap:8px;width:20%;display:flex}.codec-title{color:#fff;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:normal}.codec-subtext{color:#ffffff80;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.codec-extensions{flex-direction:column;align-items:flex-start;gap:2px;width:20%;display:flex}.codec-extension{color:#ffffffd9;align-self:stretch;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:125%}.codec-description{color:#ffffff80;text-align:left;width:60%;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:125%}.codec-holder{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}