@font-face{font-family:MNOctic;font-style:normal;font-weight:1 999;font-stretch:100% 200%;font-display:swap;src:url(/fonts/MNOctic.woff2)format("woff2")}@font-face{font-family:CommitMono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/CommitMono.woff2)format("woff2")}:root{--color-gray-950:#111112;--color-gray-900:oklch(from var(--color-gray-950)calc(l + .0266)c h);--color-gray-850:oklch(from var(--color-gray-950)calc(l + .057)c h);--color-gray-800:oklch(from var(--color-gray-950)calc(l + .0905)c h);--color-gray-700:oklch(from var(--color-gray-950)calc(l + .1934)c h);--color-gray-600:oklch(from var(--color-gray-950)calc(l + .2605)c h);--color-gray-500:oklch(from var(--color-gray-950)calc(l + .3775)c h);--color-gray-400:oklch(from var(--color-gray-950)calc(l + .5374)c h);--color-gray-300:oklch(from var(--color-gray-950)calc(l + .6919)c h);--color-gray-200:oklch(from var(--color-gray-950)calc(l + .7438)c h);--color-gray-100:oklch(from var(--color-gray-950)calc(l + .7921)c h);--color-yellow-400:#facc15;--bg-surface-1:var(--color-gray-950);--bg-surface-2:var(--color-gray-900);--bg-surface-3:var(--color-gray-800);--bg-surface-1-hover:var(--color-gray-900);--bg-surface-1-active:var(--color-gray-850);--btn-primary-bg:var(--color-gray-100);--btn-primary-bg-hover:var(--color-gray-200);--btn-primary-bg-active:var(--color-gray-300);--btn-primary-text:var(--color-gray-950);--btn-primary-border:var(--color-gray-100);--btn-primary-border-hover:var(--color-gray-200);--btn-neutral-bg:var(--color-gray-800);--btn-neutral-bg-hover:var(--color-gray-700);--btn-neutral-bg-active:var(--color-gray-600);--btn-neutral-text:var(--color-gray-100);--btn-neutral-border:var(--color-gray-600);--btn-neutral-border-hover:var(--color-gray-500);--btn-subtle-bg:transparent;--btn-subtle-bg-hover:oklch(.9 0 0/.08);--btn-subtle-bg-active:oklch(.9 0 0/.12);--btn-subtle-text:var(--color-gray-100);--btn-subtle-border:transparent;--btn-subtle-border-hover:transparent;--btn-disabled-bg:var(--color-gray-800);--btn-disabled-text:var(--color-gray-600);--btn-disabled-border:var(--color-gray-700);--text-primary:var(--color-gray-100);--text-secondary:var(--color-gray-300);--text-tertiary:var(--color-gray-400);--text-warning:var(--color-yellow-400);--icon-primary:var(--color-gray-100);--icon-on-primary:var(--color-gray-950);--border-primary:var(--color-gray-600);--border-secondary:var(--color-gray-700);--border-tertiary:var(--color-gray-800);--border-focus:var(--color-gray-400);--border-radius-xs:2px;--border-radius-s:4px;--border-radius-m:8px;--border-radius-xl:16px;--text-size-xs:.75rem;--text-size-s:.875rem;--text-size-m:1rem;--text-size-l:1.125rem;--text-size-xl:1.25rem;--text-size-2xl:1.5rem;--text-size-3xl:1.875rem;--text-size-4xl:2.25rem;--text-size-5xl:3rem;--text-size-7xl:4rem;--font-family-heading:"MNOctic",monospace;--font-family-body:"CommitMono",monospace}a,ol,li,button,select,input,textarea{all:unset;line-height:1}li,div,button,select,input,textarea,span{box-sizing:border-box}html{color-scheme:dark;font-size:16px}body{background:var(--bg-surface-1);color:var(--text-primary);margin:0}html,body{overscroll-behavior-x:contain;height:100%}body,button,textarea,input,select,code,h1,h2,h3,h4,h5,h6{font-family:var(--font-family-body)}h1,h2,h3,h4,h5,h6,p{margin:0}.icon{--icon-color:var(--icon-primary);--svg-stroke-color:var(--icon-color);stroke:var(--svg-stroke-color);stroke-width:1.6px;height:var(--icon-diameter);width:var(--icon-diameter)}.icon_size_16{--icon-diameter:var(--text-size-s)}.icon_size_20{--icon-diameter:var(--text-size-l)}.button{background:var(--btn-neutral-bg);color:var(--btn-neutral-text);border:1px solid var(--btn-neutral-border);border-radius:var(--border-radius-m);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;line-height:1;display:inline-flex;position:relative}.button:focus{outline:none}.button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.button__spinner{pointer-events:none;justify-content:center;align-items:center;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.button__spinner:after{content:"";border:2px solid var(--icon-primary);border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.button.is-loading{pointer-events:none;opacity:.6;background-color:var(--btn-neutral-bg-active)}.button.is-loading .button__text,.button.is-loading .button__icon{opacity:0}.button.is-loading .button__spinner{display:flex}@keyframes spin{to{transform:rotate(360deg)}}.button:disabled{cursor:not-allowed;pointer-events:none;background:var(--btn-disabled-bg);color:var(--btn-disabled-text);border:1px solid var(--btn-disabled-border)}.button_size_small{height:2rem}.button_size_medium{height:2.5rem}.button_size_large{height:3rem}.button_variant_primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border:1px solid var(--btn-primary-border);text-transform:uppercase;letter-spacing:.025rem;font-weight:500}.button_variant_primary:hover{background:var(--btn-primary-bg-hover);border:1px solid var(--btn-primary-border-hover)}.button_variant_primary:active{background:var(--btn-primary-bg-active)}.button_variant_neutral{background:var(--btn-neutral-bg);color:var(--btn-neutral-text);border:1px solid var(--btn-neutral-border)}.button_variant_neutral:hover{background:var(--btn-neutral-bg-hover);border:1px solid var(--btn-neutral-border-hover)}.button_variant_neutral:active{background:var(--btn-neutral-bg-active)}.button_variant_subtle{background:var(--btn-subtle-bg);color:var(--btn-subtle-text);border:1px solid var(--btn-subtle-border)}.button_variant_subtle:hover{background:var(--btn-subtle-bg-hover);border:1px solid var(--btn-subtle-border-hover)}.button_variant_subtle:active{background:var(--btn-subtle-bg-active)}.button-icon{border-radius:var(--border-radius-s);cursor:pointer;-webkit-user-select:none;user-select:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;background-color:#0000;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;transition:background-color .15s,color .15s,border-color .15s;display:flex}.button-icon:focus{outline:none}.button-icon:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.button-icon_size_small{width:2rem;height:2rem}.button-icon_size_small svg{width:1rem;height:1rem}.button-icon_size_large{border-radius:var(--border-radius-m);width:3rem;height:3rem}.button-icon_size_large svg{width:1.5rem;height:1.5rem}.button-icon_size_extra-small{border-radius:var(--border-radius-s);width:2rem;height:2rem;position:relative;background:0 0!important;border:1px solid #0000!important}.button-icon_size_extra-small svg{z-index:1;width:1rem;height:1rem;position:relative}.button-icon_size_extra-small:before{content:"";background:inherit;border:inherit;border-radius:inherit;clip-path:inset(.25rem round var(--border-radius-s));z-index:0;transition:background-color .15s,border-color .15s;position:absolute;top:0;bottom:0;left:0;right:0}.button-icon_size_extra-small:hover,.button-icon_size_extra-small:active{background:0 0!important;border-color:#0000!important}.button-icon_size_extra-small:hover:before{background:var(--btn-subtle-bg-hover);border-color:var(--btn-subtle-border-hover)}.button-icon_size_extra-small:active:before{background:var(--btn-subtle-bg-active)}.button-icon_variant_primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-border)}.button-icon_variant_primary:hover{background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-border-hover)}.button-icon_variant_primary:active{background:var(--btn-primary-bg-active)}.button-icon_variant_subtle{background:var(--btn-subtle-bg);color:var(--btn-subtle-text);border-color:var(--btn-subtle-border)}.button-icon_variant_subtle:hover{background:var(--btn-subtle-bg-hover);border-color:var(--btn-subtle-border-hover)}.button-icon_variant_subtle:active{background:var(--btn-subtle-bg-active)}.button-icon:disabled{cursor:not-allowed;pointer-events:none;background:var(--btn-disabled-bg);color:var(--btn-disabled-text);border-color:var(--btn-disabled-border)}.button-icon_variant_subtle:disabled{color:var(--btn-disabled-text);background:0 0;border-color:#0000}.media-input{border:1px solid var(--border-secondary);border-radius:var(--border-radius-m);background:var(--bg-surface-2);cursor:pointer;margin:0 1rem;transition:border-color .15s;position:relative;overflow:hidden}.media-input:hover{border-color:var(--border-primary)}.media-input:hover .media-input__icon{opacity:1}.media-input:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.media-input__img{aspect-ratio:1;object-fit:cover;width:100%;height:auto;clip-path:1px round var(--border-radius-m);display:block}.media-input__icon{pointer-events:none;opacity:0;border-radius:inherit;z-index:2;background-color:#0006;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:768px){.selector__bar .media-input{width:48px;height:48px;margin:0}.selector__bar .media-input__icon{opacity:1}}.custom-tooltip{z-index:9999;background:var(--bg-surface-2);color:var(--text-primary);border-radius:var(--border-radius-s);border:1px solid var(--border-secondary);font-size:var(--text-size-xs);font-family:var(--font-family-body);pointer-events:none;white-space:nowrap;opacity:0;visibility:hidden;max-width:240px;padding:6px 8px;line-height:1.4;transition:opacity .15s,visibility .15s;position:fixed;box-shadow:0 1px 4px #0000001a,0 1px 4px #00000026}.custom-tooltip.visible{opacity:1;visibility:visible;transition-delay:.3s}.custom-tooltip__hint{color:var(--text-tertiary);margin-left:8px}.notifier{z-index:10000;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:fixed;top:32px;left:50%;transform:translate(-50%)}.notifier__toast{background:var(--bg-surface-3);color:var(--text-primary);font-size:var(--text-size-s);border-radius:var(--border-radius-xl);opacity:0;pointer-events:auto;align-items:center;padding:16px;transition:opacity .25s,transform .25s;display:flex;transform:translateY(-32px)scale(.98)}.notifier__toast--visible{opacity:1;transform:translateY(0)scale(1)}.notifier__icon{background:var(--color-gray-100);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-right:8px;display:flex}.notifier__icon svg{width:12px;height:12px;color:var(--icon-on-primary)}.param-control{-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}.param-control__header{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:.25rem;height:2.5rem;display:flex}.param-control__header input:first-of-type{margin-left:auto}.param-control__header--switch{height:3rem}.param-control__title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.param-control input[type=number],.param-control input[type=text]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-align:right;border-radius:var(--border-radius-s);width:0;min-width:5ch;max-width:15ch;transition:outline-color var(--transition-50);outline:1px solid #0000;padding:.5rem;transform:translate(.5rem)}.param-control input[type=number]:hover,.param-control input[type=text]:hover{color:var(--text-primary)}.param-control input[type=number]:focus-visible{color:var(--text-primary)}.param-control input[type=text]:focus-visible{color:var(--text-primary)}.param-control input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.param-control input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.slider{--thumb-width:36px;--padding:18px;width:100%;position:relative}.slider__range-wrapper{height:2rem;position:relative}.slider__range{z-index:1;width:calc(100% + 2*var(--padding));margin:0 calc(-1*var(--padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;-webkit-box-shadow:none;cursor:pointer}.slider__range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;-webkit-box-shadow:none;width:var(--thumb-width);height:var(--thumb-width);-webkit-background-clip:padding;-moz-background-clip:padding;border:var(--padding)solid transparent;background:0 0;background-image:linear-gradient(var(--text-primary),var(--text-primary));background-position:bottom;background-repeat:no-repeat;background-size:1px 8px}.slider__range::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;box-shadow:none;width:var(--thumb-width);height:var(--thumb-width);-moz-background-clip:padding;background-clip:padding-box;background:transparent linear-gradient(var(--text-primary),var(--text-primary))no-repeat center 1px;border:var(--padding)solid transparent;background-size:1px 8px}.slider__range:hover::-webkit-slider-thumb{background-size:3px 14px}.slider__range:focus-visible::-webkit-slider-thumb{background-size:3px 14px}.slider__range:hover::-moz-range-thumb{background-position:50% -5px;background-size:3px 14px}.slider__range:focus-visible::-moz-range-thumb{background-position:50% -5px;background-size:3px 14px}.slider__track{z-index:-1;background:linear-gradient(to right,var(--border-primary)var(--progress),var(--border-secondary)var(--progress));transform-origin:bottom;height:2px;transition:transform 10ms ease-out;position:absolute;top:50%;left:0;right:0;transform:scaleY(1)}.slider:has(.slider__range:hover) .slider__track{transform:scaleY(2)}.switch{box-sizing:border-box;cursor:pointer;border-radius:var(--border-radius-s);background:var(--bg-surface-3);align-items:center;width:4rem;height:2rem;display:flex;position:relative}.switch input[type=checkbox]{opacity:0;width:100%;height:100%;position:absolute}.switch input[type=checkbox]:checked~.switch__label_on{opacity:1}.switch input[type=checkbox]:checked~.switch__label_off{opacity:0}.switch input[type=checkbox]:checked~.switch__thumb{background:var(--text-secondary);left:calc(100% - 1.5rem - 1px)}.switch__label{pointer-events:none;-webkit-user-select:none;user-select:none;flex:1;transition:opacity 10ms ease-out}.switch__label_on{text-align:left;color:var(--text-secondary);opacity:0;padding-left:.5rem}.switch__label_off{text-align:right;color:var(--text-tertiary);opacity:1;padding-right:.5rem}.switch__thumb{background:var(--text-tertiary);border-radius:3px;width:1.5rem;height:calc(100% - 2px);transition:left 10ms ease-out,background 10ms ease-out;position:absolute;top:1px;left:1px}.coords{cursor:pointer;aspect-ratio:2;border:1px solid var(--border-primary);border-radius:var(--border-radius-m);justify-content:center;align-items:center;width:100%;margin-bottom:1rem;display:flex;position:relative}.coords__lines{pointer-events:none;width:100%;height:100%;position:absolute}.coords__lines svg{stroke:var(--border-primary);stroke-width:1px}.coords__thumb{background:var(--text-primary);border-radius:50%;width:.75rem;height:.75rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.color__wrapper{height:2.5rem;padding-top:.25rem;padding-bottom:.25rem}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--border-radius-s);outline-offset:-.9px;outline:1px solid #0000;width:100%;height:2rem;transition:outline-color 10ms ease-out;position:relative}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none}input[type=color]:before{content:"";z-index:-1;border-radius:var(--border-radius-s);background:repeating-conic-gradient(#fafafa 0% 25%,#ebebeb 0% 50%) 50%/2rem 2rem;width:99%;height:99%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input[type=color]:hover{outline-color:var(--border-primary)}input[type=color]:focus-visible{outline-color:var(--border-primary)}@media (max-width:768px){.toolbar__group-video .slider__range::-webkit-slider-thumb{background-size:0}.toolbar__group-video .slider__range::-moz-range-thumb{background-size:0}.toolbar__group-video .slider__range:hover::-webkit-slider-thumb{background-size:0}.toolbar__group-video .slider__range:focus-visible::-webkit-slider-thumb{background-size:0}.toolbar__group-video .slider__range:hover::-moz-range-thumb{background-size:0}.toolbar__group-video .slider__range:focus-visible::-moz-range-thumb{background-size:0}.toolbar__group-video .slider__track{background:linear-gradient(to right,#fff var(--progress),#ffffff80 var(--progress));border-radius:4px;height:8px;transform:translateY(-50%)!important}}.dock-container{--size:4em;--size-hover:8.5em;--size-hover-next:7em;--size-hover-next-next:5em;--fade-size:64px;--fade-size-left:var(--fade-size);--fade-size-right:var(--fade-size);z-index:2;pointer-events:none;width:100%;padding:0 32px;position:absolute;bottom:64px}.dock-container:has(.dock__indicator:hover,.dock:hover) .dock{opacity:1;pointer-events:auto;transform:scale(1)}.dock-container:has(.dock__indicator:hover,.dock:hover) .dock__indicator{opacity:0;pointer-events:none}@media (max-width:768px){.dock-container{display:none}}.dock__indicator{cursor:pointer;opacity:1;pointer-events:auto;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:64px;height:32px;margin:0 auto;transition:opacity .25s;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.dock__indicator-dot{background-color:var(--icon-primary);border-radius:50%;width:6px;height:6px}.dock{opacity:0;pointer-events:none;will-change:transform;-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-size-left),#000 calc(100% - var(--fade-size-right)),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-size-left),#000 calc(100% - var(--fade-size-right)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-size-left),#000 calc(100% - var(--fade-size-right)),transparent 100%);padding:32px 16px 16px;transition:opacity .25s,transform .25s;overflow:scroll hidden;transform:scale(.6)translateY(32px);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.dock .dock-list-wrapper{width:-moz-fit-content;width:fit-content;margin:0 auto}.dock .dock-list-wrapper::-webkit-scrollbar{display:none}.dock .dock-list{min-width:max-content;margin-top:0;padding:0;list-style:none;display:flex}.dock .dock-list li:first-child,.dock .dock-list li:last-child{scroll-snap-align:start;scroll-margin:56px}.dock .dock__item{width:var(--size);will-change:width;scroll-snap-align:start;will-change:transform;z-index:0;justify-content:center;align-items:flex-end;padding:8px;transition:width .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.dock .dock__item:active .dock__icon{transition:transform .2s cubic-bezier(.16,1,.3,1);transform:scale(.92)}.dock .dock__item--hover{width:var(--size-hover);z-index:2}.dock .dock__item--hover-next{width:var(--size-hover-next);z-index:1}.dock .dock__item--hover-next-next{width:var(--size-hover-next-next);z-index:0}.dock .dock__item .dock__tooltip{background:var(--bg-surface-3);color:var(--text-primary);white-space:nowrap;opacity:0;pointer-events:none;border-radius:4px;padding:5px 10px;font-size:14px;transition:opacity .1s,transform .3s;position:absolute;top:-32px;transform:translateY(0)}.dock .dock__item--hover .dock__tooltip{opacity:1}.dock button.dock__icon{aspect-ratio:1;width:100%;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:12px;padding:0;overflow:hidden}.dock button.dock__icon img{object-fit:cover;width:100%;height:100%;display:block}.dock a.dock__icon{aspect-ratio:1;width:100%;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:12px;padding:0;text-decoration:none;display:block;overflow:hidden}.dock a.dock__icon img{object-fit:cover;width:100%;height:100%;display:block}.at-start{--fade-size-left:1px}.at-end{--fade-size-right:1px}.footer{text-transform:uppercase;color:var(--text-tertiary);font-size:var(--text-size-s);border-top:1px solid var(--border-tertiary);grid-template:"links links"1fr"cta cta"/1fr 1fr;align-content:end;gap:.25rem;min-height:90svh;padding:2rem 1rem 1rem;display:grid}.footer .footer-content{grid-area:links;gap:1rem;margin-bottom:3rem;margin-left:calc(50% - 168px);display:flex}.footer .footer-content *{flex:1 1 0}.footer .footer-content a{cursor:pointer}.footer .footer-content a:hover{color:var(--text-primary);text-decoration:underline}.footer .footer-cta{font-family:var(--font-family-heading);font-size:clamp(var(--text-size-xl),5vw,var(--text-size-4xl));grid-area:cta;padding:2.5rem 2rem 2rem;font-weight:700;font-stretch:160%}.footer h4{color:var(--text-secondary);font-size:var(--text-size-s);padding-bottom:.5rem;font-weight:400}.footer ul{flex-direction:column;gap:.5rem;margin:0;padding:0;display:flex}.footer .footer-effects-dropdown summary{cursor:pointer;color:var(--text-tertiary);list-style:none;position:relative}.footer .footer-effects-dropdown summary::-webkit-details-marker{display:none}.footer .footer-effects-dropdown summary:after{content:" +";color:var(--text-tertiary)}.footer .footer-effects-dropdown summary:hover,.footer .footer-effects-dropdown summary:hover:after{color:var(--text-primary)}.footer .footer-effects-dropdown[open] summary:after{content:" -"}.footer .footer-effects-dropdown .footer-effects-list{margin-top:.5rem;padding-left:0}@media (max-width:768px){.footer{grid-template-columns:1fr;grid-template-areas:"links""cta";min-height:50svh}.footer .footer-content{margin-left:0;flex-direction:column;gap:2rem;margin-left:max(0px,50% - 190px)}.footer .footer-content>div{flex:none;align-items:flex-start;gap:1rem;display:flex}.footer .footer-content>div h4{flex-shrink:0;min-width:4rem;padding-bottom:0}.footer .footer-content>div ul{flex:1;align-self:flex-start}.footer .footer-cta{padding:2rem 1.5rem 1.5rem}}.header{z-index:100;justify-content:center;align-items:center;height:40px;padding:1rem 0;display:flex;position:sticky;top:0}.header a{cursor:pointer}.header .logo svg{width:100%;height:auto;max-height:16px}@media (max-width:768px){.header{padding:.5rem 0}.header .logo svg{max-height:12px}}.landing-page{max-width:1920px;height:unset;--hero-clip-path:inset(0px 0px 0px 0px round 0px);margin:0 auto;padding:0}.landing-page h1{font-family:var(--font-family-heading);font-size:clamp(var(--text-size-4xl),8vw,var(--text-size-7xl));color:var(--text-primary);margin:0;font-weight:700;font-stretch:180%}.landing-page h2{font-family:var(--font-family-heading);font-size:clamp(var(--text-size-2xl),4vw,var(--text-size-4xl));color:var(--text-primary);text-align:center;margin:0 1rem 2rem;font-weight:700;font-stretch:150%}.landing-page h3{font-family:var(--font-family-heading);font-size:var(--text-size-2xl);color:var(--text-primary);text-transform:uppercase;letter-spacing:.02em;margin:0;font-weight:700;font-stretch:110%}.landing-page__hero{color:var(--text-primary);min-height:80svh;clip-path:var(--hero-clip-path);grid-template:"top top"1fr"bottom-left bottom-right"/1fr auto;gap:1rem;margin:0 0 2rem;padding:2rem;display:grid;position:relative;overflow:hidden}.landing-page__hero.interactive-canvas-container{z-index:1}.landing-page__hero h1,.landing-page__hero p,.landing-page__hero .landing-page__cta{z-index:2;position:relative}.landing-page__hero h1{grid-area:top}.landing-page__hero p{font-family:var(--font-family-heading);grid-area:bottom-left;align-self:center;max-width:36ch;padding-right:2rem;font-size:max(1.5rem,min(4vw,2rem))}.landing-page__hero .landing-page__cta{grid-area:bottom-right;align-self:end}@media (max-width:768px){.landing-page__hero{grid-template-columns:1fr;grid-template-areas:"top""bottom-left""bottom-right";padding:1rem}.landing-page__hero p{padding-bottom:1rem}}.landing-page__cta{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.landing-page__cta a{font-family:var(--font-family-heading);width:100%;height:2rem;padding:.5rem 0;font-weight:700;font-stretch:110%}.landing-page__cta span{font-size:var(--text-size-xs);color:var(--text-primary);line-height:1.3}.landing-page .in-use{margin:8rem auto 14rem;padding:0 2rem}.landing-page .in-use h2{margin-bottom:1rem}.landing-page .in-use .carousel{width:100%;margin:0 auto}.landing-page .in-use .carousel__container{width:100%;position:relative}.landing-page .in-use .carousel__item{width:-moz-fit-content;width:fit-content;margin:0 auto;transition:opacity .3s ease-in-out;display:none}.landing-page .in-use .carousel__item.active{display:block}.landing-page .in-use .carousel__item figure{flex-direction:column;width:100%;max-width:512px;margin:0;display:flex}.landing-page .in-use .carousel__item figcaption{font-size:var(--text-size-m);color:var(--text-tertiary);text-align:center;font-size:var(--text-size-m);height:2lh;margin:auto 1rem 2rem;line-height:1.3}@media (max-width:768px){.landing-page .in-use .carousel__item figcaption{font-size:var(--text-size-s)}}.landing-page .in-use .carousel__item a{cursor:pointer;text-decoration:none}.landing-page .in-use .carousel__item a:hover{color:var(--text-secondary)}.landing-page .in-use .carousel__item img{object-fit:cover;object-position:center;border-radius:var(--border-radius-xl);aspect-ratio:3/4;width:100%;height:100%;display:block}.landing-page .in-use .carousel__indicators{justify-content:center;gap:.75rem;padding:1rem 0;display:flex}.landing-page .in-use .carousel__indicator{border-radius:var(--border-radius-xs);width:2rem;height:2rem;font-size:var(--text-size-xs);color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;display:flex}.landing-page .in-use .carousel__indicator:hover{border-color:var(--text-primary);background:var(--bg-surface-1-hover)}.landing-page .in-use .carousel__indicator.active{background:var(--bg-surface-1-active)}.landing-page__features{flex-direction:row;justify-content:center;align-items:center;gap:2rem;max-width:1344px;height:40svh;min-height:-moz-fit-content;min-height:fit-content;margin:4rem auto;padding:0 2rem;display:flex}@media (max-width:768px){.landing-page__features{flex-wrap:wrap;place-content:center start;gap:3rem}}.landing-page .feature-card{text-align:left;color:var(--text-primary);flex-direction:column;align-items:flex-start;gap:.5rem;padding-left:1rem;display:flex}.landing-page .feature-card__icon{color:var(--text-primary)}.landing-page .feature-card__icon svg{width:40px;height:40px}.landing-page .feature-card p{font-size:var(--text-size-m);color:var(--text-secondary);max-width:40ch;margin:0;line-height:1.3}.landing-page .feature-card .feature-link{color:var(--text-primary);cursor:pointer;text-decoration:underline}.landing-page .feature-card .feature-link:hover{color:var(--accent-primary)}.landing-page__dock{margin:4rem 0}.landing-page__dock h2{margin-bottom:0}.landing-page__dock .dock-container--landing{--size:8em;--size-hover:calc(var(--size)*2.125);--size-hover-next:calc(var(--size)*1.75);--size-hover-next-next:calc(var(--size)*1.25);height:var(--size-hover);z-index:auto;width:auto;padding:0;position:relative;bottom:0;transform:translateY(0)}.landing-page__dock .dock-container--landing .dock{opacity:1;pointer-events:auto;height:100%;transform:scale(1);translate:unset;position:unset;padding:16px}.landing-page__dock .dock-container--landing .dock-list-wrapper{height:100%}.landing-page__dock .dock-container--landing .dock-list{align-items:center;height:100%;margin:0}.landing-page__dock .dock-container--landing .dock__tooltip{top:unset;background:var(--btn-primary-bg);color:var(--btn-primary-text);bottom:0}@media (max-width:768px){.landing-page__dock .dock-container--landing{--fade-size:32px;--size:6em;display:block}}.landing-page__layer-demo{max-width:1344px;margin:8rem auto 14rem;padding:0 2rem}.landing-page__layer-demo .layer-demo__steps{justify-content:center;max-width:640px;margin:0 auto 2rem;display:flex}@media (max-width:768px){.landing-page__layer-demo .layer-demo__steps{flex-direction:column;align-items:flex-start;margin-bottom:3rem}}.landing-page__layer-demo .layer-demo__step{cursor:pointer;width:100%;min-width:140px;font-size:var(--text-size-m);font-family:var(--font-family-body);flex-direction:column;gap:.75rem;transition:all .3s;display:flex}.landing-page__layer-demo .layer-demo__step .step-header{align-items:center;gap:.75rem;display:flex}.landing-page__layer-demo .layer-demo__step .step-number{background:var(--bg-surface-2);border-radius:var(--border-radius-xs);width:2rem;height:2rem;color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.landing-page__layer-demo .layer-demo__step .step-label{color:var(--text-primary);letter-spacing:.05em;white-space:nowrap}.landing-page__layer-demo .layer-demo__step .step-timer-line{background:#fff3;width:100%;height:1px;overflow:hidden}.landing-page__layer-demo .layer-demo__step .step-timer-progress{width:calc(var(--progress-value,0)*1%);background:var(--btn-primary-bg);height:100%;transition:none}.landing-page__layer-demo .layer-demo__step.active .step-number{background:var(--btn-primary-bg);color:var(--btn-primary-text)}@media (max-width:768px){.landing-page__layer-demo .layer-demo__step{min-width:280px;max-width:320px;font-size:var(--text-size-m);flex-direction:row;align-items:center;gap:1rem}.landing-page__layer-demo .layer-demo__step .step-timer-line{flex-shrink:0;order:-1;width:1px;height:60px}.landing-page__layer-demo .layer-demo__step .step-timer-progress{width:100%;height:calc(var(--progress-value,0)*1%);transition:none}.landing-page__layer-demo .layer-demo__step .step-header{flex:1;justify-content:flex-start;gap:1rem}.landing-page__layer-demo .layer-demo__step .step-number{width:2rem;height:2rem}.landing-page__layer-demo .layer-demo__step .step-label{text-align:left}}.landing-page__layer-demo .layer-demo__container{max-width:512px;margin:0 auto}.landing-page__layer-demo .layer-demo__canvas{aspect-ratio:3/4;background:var(--bg-secondary);border-radius:var(--border-radius-xl);width:100%;position:relative;overflow:hidden}.landing-page__layer-demo .layer-demo__layers{width:100%;height:100%;position:relative}.landing-page__layer-demo .layer-demo__canvas-container{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.landing-page__layer-demo .layer-demo__canvas-container.active{opacity:1;pointer-events:auto}.landing-page__layer-demo .layer-demo__canvas-container canvas{object-fit:cover;width:100%;height:100%}.scroll-scale-container{--scroll-clip-path:inset(0px 0px 0px 0px round 0px);--scroll-max-distance:400px;--scroll-max-inset:48px;--scroll-max-radius:var(--border-radius-xl);--scroll-translate-top-left:translate(0px,0px);--scroll-translate-bottom-left:translate(0px,0px);--scroll-translate-bottom-right:translate(0px,0px);transform:translateX(calc(var(--scroll-max-distance)*0 + var(--scroll-max-inset)*0 + var(--scroll-max-radius)*0))}@media (max-width:1280px){.scroll-scale-container{--scroll-max-distance:400px;--scroll-max-inset:24px;--scroll-max-radius:var(--border-radius-xl)}}@media (max-width:768px){.scroll-scale-container{--scroll-max-distance:300px;--scroll-max-inset:0px;--scroll-max-radius:var(--border-radius-xl)}}.scroll-scale-container{clip-path:var(--scroll-clip-path)}.scroll-scale-content--top-left{transform:var(--scroll-translate-top-left)}.scroll-scale-content--bottom-left{transform:var(--scroll-translate-bottom-left)}.scroll-scale-content--bottom-right{transform:var(--scroll-translate-bottom-right)}