@font-face{font-family:Wix Madefor Display;src:url(/assets/wix-madefor-display-Blzrepd3.woff2)format("woff2");font-weight:400 800;font-display:swap}@font-face{font-family:Wix Madefor Text;src:url(/assets/wix-madefor-text-M4ts_BV7.woff2)format("woff2");font-weight:400 800;font-display:swap}@font-face{font-family:Commit Mono;src:url(/assets/commit-mono-400-CWTa2_I_.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Commit Mono;src:url(/assets/commit-mono-500-DKDzV05L.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Display fallback;src:local(Arial),local(Helvetica Neue),local(Liberation Sans);size-adjust:104.08%;ascent-override:97.04%;descent-override:24.02%;line-gap-override:0%}@font-face{font-family:Text fallback;src:local(Arial),local(Helvetica Neue),local(Liberation Sans);size-adjust:104.13%;ascent-override:97%;descent-override:24.01%;line-gap-override:0%}@font-face{font-family:Mono fallback;src:local(Menlo),local(DejaVu Sans Mono),local(Consolas);size-adjust:99.66%;ascent-override:90.31%;descent-override:20.07%;line-gap-override:0%}@property --dot{syntax:"<number>";inherits:true;initial-value:1}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--display:"Wix Madefor Display", "Display fallback", ui-sans-serif, system-ui, sans-serif;--text:"Wix Madefor Text", "Text fallback", ui-sans-serif, system-ui, sans-serif;--mono:"Commit Mono", "Mono fallback", ui-monospace, Menlo, monospace;--apricot:#f8aa6d;--dusk:#01222c;--paper:#fdf9f4;--surface:#fff;--sunk:#f8f1ea;--ink:#25170d;--ink-2:#655449;--ink-3:#7a6c61;--hair:#25170d1f;--hair-2:#25170d0f;--rust:#ae4819;--shadow:#25170d40;--field:var(--apricot);--field-ink:#25170d;--field-faint:var(--field-ink);--bullet:#fff8ed;--grid-dot:#25170d33;--line-opacity:.5;--selection:color-mix(in oklab, var(--apricot) 55%, transparent);--grid:24px;--gap:120px;--ease:cubic-bezier(.23, 1, .32, 1);--spring-fast:linear(0, .051, .163, .294, .422, .537, .636, .717, .782, .834, .874, .905, .929, .947, .961, .971, .979, .984, .989, .992, .994, .996, .997, .998, 1);--spring-slow:linear(0, .026, .092, .182, .285, .392, .496, .593, .681, .757, .822, .876, .92, .954, .98, .999, 1.012, 1.021, 1.026, 1.028, 1.028, 1.027, 1.025, 1.022, 1.019, 1.016, 1.013, 1.01, 1.008, 1.006, 1.004, 1.003, 1);--spring-base:linear(0, .047, .155, .288, .424, .55, .659, .75, .823, .879, .921, .952, .973, .987, .996, 1.002, 1.005, 1.006, 1.006, 1.006, 1.005, 1.004, 1.003, 1.003, 1)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#02141b;--surface:#002b36;--sunk:#01222c;--ink:#f1eae3;--ink-2:#a3b5b8;--ink-3:#7e9094;--hair:#f1eae31f;--hair-2:#f1eae30f;--rust:var(--apricot);--shadow:#0000008c;--field:var(--dusk);--field-ink:var(--apricot);--field-faint:var(--ink);--bullet:#f4d9c0;--grid-dot:#f1eae324;--line-opacity:.8;--selection:#094b5a}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--paper)}body{color:var(--ink);font:400 17px/28px var(--text);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;margin:0}::selection{background:var(--selection)}h1,h2,p,figure,ul{margin:0}ul{padding:0;list-style:none}img,video,svg{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:.2em;transition:color .16s var(--ease), text-decoration-color .16s var(--ease);text-decoration-thickness:1px}:focus-visible{outline:2px solid var(--rust);outline-offset:3px;border-radius:4px}code{font:400 .88em/1 var(--mono);background:var(--sunk);box-shadow:inset 0 0 0 1px var(--hair-2);border-radius:6px;padding:2px 5px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.label{font:400 11px/16px var(--mono);letter-spacing:.14em;text-transform:uppercase}.outline li{padding-left:var(--grid);--row:28px;--size:6px;position:relative}.outline li:before{content:"";left:calc((var(--grid) - var(--size)) / 2);top:calc(var(--row) / 2 - var(--size) / 2);width:var(--size);height:var(--size);background:var(--dot-color,currentColor);transform:scale(var(--dot,1));border-radius:50%;position:absolute}.outline ul{position:relative}.outline ul:before{content:"";left:calc(var(--grid) / -2 - .5px);background:color-mix(in oklab, var(--faint,currentColor) 30%, transparent);width:1px;position:absolute;top:0;bottom:4px}.pills{--pill:var(--field-ink);--pill-text:var(--paper);flex-wrap:wrap;gap:8px;display:flex}.pill{height:40px;font:550 15px/1 var(--text);letter-spacing:0;white-space:nowrap;background:var(--pill);color:var(--pill-text);transition:transform .33s var(--spring-fast);border-radius:999px;align-items:center;padding:0 18px;text-decoration:none;display:inline-flex}.pill:active{transform:scale(.97)}.pill.ghost{color:var(--pill);box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--faint,var(--pill)) 30%, transparent);transition:box-shadow .16s var(--ease);background:0 0}.pill.ghost:hover{box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--faint,var(--pill)) 60%, transparent)}.pill:focus-visible{border-radius:999px}.field{background:var(--field) radial-gradient(circle, var(--grid-dot) 1px, transparent 1.4px) 0 0 / var(--grid) var(--grid);color:var(--field-ink)}.hero{isolation:isolate;--rust:var(--field-ink);--faint:var(--field-faint);height:max(560px,100svh);position:relative;overflow:hidden}.hero canvas{z-index:2;touch-action:pan-y;opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease);position:absolute;inset:0}.hero[data-live] canvas{opacity:1}.bar{z-index:3;align-items:center;height:48px;display:flex;position:absolute;top:24px;left:24px}.lockup{background:var(--field-ink);width:117.288px;height:26px;-webkit-mask:url(/assets/lockup-mono-Rcd0hmRT.svg) 0 0/100% 100% no-repeat;mask:url(/assets/lockup-mono-Rcd0hmRT.svg) 0 0/100% 100% no-repeat}.stack{pointer-events:none;justify-items:start;display:grid;position:absolute;bottom:80px;left:24px;right:24px}.stack>*{z-index:3;pointer-events:auto;position:relative}.stack .label{align-items:center;gap:14px;margin:0 0 24px 16px;display:flex}.word{z-index:1;aspect-ratio:2610/720;width:min(82vw,1440px,3.6*max(100svh,560px) - 1008px);margin-left:6px}.word .soft,.word .crisp{background:var(--field-ink);will-change:opacity;position:absolute;inset:-20.834% -5.747%;-webkit-mask:url(/assets/wordmark-crisp-CSHN8uTl.svg) 0 0/100% 100% no-repeat;mask:url(/assets/wordmark-crisp-CSHN8uTl.svg) 0 0/100% 100% no-repeat}.word .soft{-webkit-mask-image:url(/assets/wordmark-soft-DYGEblco.svg);mask-image:url(/assets/wordmark-soft-DYGEblco.svg)}.word .crisp{opacity:0}.tagline{font:450 34px/52px var(--display);letter-spacing:-.02em}.tagline li{--row:52px;--size:7px}.actions{justify-items:start;gap:16px;margin-left:24px;display:grid}.browser{font:400 15px/24px var(--text);color:var(--ink-3)}.credit{z-index:3;position:absolute;bottom:24px;right:24px}.credit button{cursor:default;font:400 11px/16px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab, var(--field-ink) 76%, var(--field));transition:color .16s var(--ease);background:0 0;border:0;padding:8px 0}.credit button:hover,.credit button:focus-visible{color:var(--field-ink)}.credit-note{background:var(--field-ink);width:min(320px,100vw - 48px);color:var(--field);font:400 14px/21px var(--text);transform-origin:100% 100%;opacity:0;pointer-events:none;transition:opacity .16s var(--ease) .2s, transform .33s var(--spring-fast) .2s;border-radius:12px;margin:0 0 4px;padding:14px 16px;position:absolute;bottom:100%;right:0;transform:translateY(4px)scale(.96)}.credit-note:after{content:"";position:absolute;inset:100% 0 -4px}.credit-note a{color:inherit;text-underline-offset:3px}.credit-note span{margin-top:8px;font-weight:550;display:block}.credit:hover .credit-note,.credit:focus-within .credit-note{opacity:1;pointer-events:auto;transition-delay:80ms;transform:none}.intro{justify-items:start;gap:32px;padding:24px 0 8px;display:grid}.browser span{display:none}:root:not([data-browser=other],[data-browser=ios]) .browser [data-for=chromium],[data-browser=other] .browser [data-for=other],[data-browser=ios] .browser [data-for=ios]{display:inline}@media (prefers-reduced-motion:reduce){.pill,.odo .strip,.credit-note,.hero canvas{transition:none}.odo [data-rolled] .strip{animation:none}.word .soft{opacity:0}.word .crisp{opacity:1}}@media (prefers-reduced-motion:no-preference){.stack .label,.word{animation:rise .54s var(--spring-base) backwards}.word{animation-delay:80ms}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.odo{display:inline-flex;position:relative}.odo a{height:22px;color:inherit;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--faint,currentColor) 30%, transparent);font:500 13px/22px var(--mono);letter-spacing:0;transition:box-shadow .16s var(--ease);border-radius:5px;align-items:center;text-decoration:none;display:inline-flex;overflow:hidden}.odo a:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--faint,currentColor) 55%, transparent)}.odo .no{letter-spacing:.04em;box-shadow:inset -1px 0 color-mix(in oklab, var(--faint,currentColor) 20%, transparent);padding:0 6px 0 7px;font-size:11px;font-weight:400}.odo .digits{display:flex}.odo .cell{text-align:center;width:14px;height:22px;display:block;overflow:hidden}.odo .cell+.cell{box-shadow:inset 1px 0 color-mix(in oklab, var(--faint,currentColor) 14%, transparent)}.odo .strip{transition:transform .89s var(--spring-slow);flex-direction:column;display:flex}.odo [data-rolled] .strip{animation:smear .6s var(--ease)}@keyframes smear{25%{filter:blur(.6px)}}.odo .strip span{height:22px;display:block}.tip{background:var(--field-ink);width:max-content;max-width:min(320px,100vw - 64px);color:var(--field);font:400 13px/20px var(--text);letter-spacing:0;text-transform:none;opacity:0;pointer-events:none;transition:opacity .16s var(--ease), transform .33s var(--ease);border-radius:8px;padding:10px 12px;position:absolute;bottom:calc(100% + 10px);left:0;transform:translateY(4px)}.odo:hover .tip{opacity:1;transform:none}.odo:has(:focus-visible) .tip{opacity:1;transform:none}.page{max-width:calc(1128px + 2 * var(--grid));padding:72px var(--grid) 0;gap:var(--gap);margin:0 auto;display:grid}.window{z-index:1;background:var(--surface);box-shadow:0 0 0 1px var(--hair), 0 30px 60px -30px var(--shadow);border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:hidden}.chrome{background:var(--sunk);height:32px;box-shadow:inset 0 -1px var(--hair-2);flex:none;justify-content:flex-end;align-items:center;padding:0 4px;display:flex}.zoom{height:24px;color:var(--ink-2);font:500 12px/1 var(--text);cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s var(--ease), visibility .3s, background-color .16s var(--ease), color .16s var(--ease), transform .33s var(--spring-fast);background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.zoom:hover{background:var(--hair-2);color:var(--ink)}.zoom:active{transform:scale(.96)}.zoom svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.zoom[aria-expanded=true] svg{display:none}[data-state=live] .zoom{opacity:1;visibility:visible}.screen{position:relative;overflow:hidden}.window img,.frame img{width:100%}[data-state] .screen{height:calc(var(--scale) * var(--vh))}[data-state] .screen picture{height:100%;display:block}[data-state] .screen img{object-fit:cover;object-position:left top;height:100%}.screen iframe{width:var(--vw);height:var(--vh);background:var(--surface);transform:scale(var(--scale));transform-origin:0 0;opacity:0;pointer-events:none;transition:opacity .5s var(--ease);border:0;position:absolute;top:0;left:0}[data-state=live] .screen iframe{opacity:1;pointer-events:auto}.shield{z-index:1;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:none;position:absolute;inset:0}[data-state=live]:not([data-active],[data-zoom]) .shield{display:grid}.shield span{background:var(--ink);color:var(--paper);font:550 14px/1 var(--text);box-shadow:0 12px 32px -12px var(--shadow);opacity:0;transition:opacity .16s var(--ease), transform .33s var(--spring-fast);border-radius:999px;padding:10px 16px;transform:translateY(4px)scale(.97)}.shield:hover span,.shield:focus-visible span{opacity:1;transition-delay:.12s;transform:none}.shield:active span{transform:scale(.97)}.shield:focus-visible{outline-offset:-4px;border-radius:0 0 12px 12px}[data-zoom] .window{z-index:100;border-radius:0;animation:none;position:fixed;inset:0}[data-zoom] .screen{flex:1;height:auto}[data-zoom] .screen iframe{transform:none}[data-locked]{overflow:hidden}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.showcase .window{animation:linear both lift;animation-timeline:view();animation-range:entry cover 45%}}}@keyframes lift{0%{transform:perspective(2400px)translateY(72px)rotateX(14deg)scale(.94)}}.showcase figcaption{text-align:center;font:450 20px/32px var(--display);letter-spacing:-.012em;color:var(--ink-2);margin-top:32px}.note{max-width:34em;margin:0 auto}.note .outline>li{--size:7px}.note ul ul{color:var(--ink-2);margin-top:8px}.note a,.built a{color:var(--ink);-webkit-text-decoration-color:var(--hair);text-decoration-color:var(--hair)}.note a:hover,.built a:hover,.more:hover{color:var(--rust);text-decoration-color:currentColor}.features{gap:var(--gap);display:grid}.feature{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:72px;display:grid}.feature:nth-child(2n){grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.feature:nth-child(2n) .words{order:2}.words>li{--row:48px;--size:8px}.words h2{font:650 40px/48px var(--display);letter-spacing:-.03em;text-wrap:balance}.words ul{color:var(--ink-2);margin-top:16px}.words ul li+li{margin-top:12px}.later{color:var(--ink-3)}.tag{vertical-align:2px;height:20px;font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;box-shadow:inset 0 0 0 1px var(--hair);border-radius:999px;align-items:center;margin-right:4px;padding:0 8px;display:inline-flex}.frame,.loop{background:var(--surface);box-shadow:0 0 0 1px var(--hair), 0 30px 60px -30px var(--shadow);border-radius:12px;overflow:hidden}.loop{position:relative}.loop video{opacity:0;width:100%;height:100%;position:absolute;inset:0}.loop video[data-playing]{opacity:1}.pair{display:grid}.pair .frame{width:84%}.pair .frame+.frame{justify-self:end;margin-top:-32px;position:relative}.folder{background:var(--sunk) radial-gradient(circle, var(--hair) 1px, transparent 1.4px) 0 0 / var(--grid) var(--grid);box-shadow:0 0 0 1px var(--hair-2);font:400 15px/24px var(--mono);border-radius:12px;padding:72px 48px}.tree li{--row:24px;--size:6px}.tree li:before{--dot-color:var(--ink-3)}.tree span:not(.file){background:var(--sunk);box-shadow:0 0 0 4px var(--sunk)}.tree .quiet{color:var(--ink-3)}.files{color:var(--ink-3);flex-wrap:wrap;column-gap:2ch;display:inline-flex}.file{display:inline-block}.file b{color:var(--ink);font-weight:500}.file.newest b{color:var(--rust)}.built{text-align:center;max-width:40em;font:400 15px/24px var(--text);color:var(--ink-2);margin:0 auto}.roadmap{gap:48px;display:grid}.roadmap .outline>li{--row:16px;--size:8px;color:var(--ink-3)}.stages{font:450 24px/36px var(--display);letter-spacing:-.015em;gap:8px;margin-top:24px;display:grid}.stages li{--row:36px;--size:8px;color:var(--ink-3);grid-template-columns:80px 1fr;display:grid}.stages li.now{color:var(--ink);--dot-color:var(--rust)}.when{font:400 13px/36px var(--mono)}.close{padding-left:var(--grid);justify-items:start;gap:16px;display:grid}.close p{font:450 20px/32px var(--display);letter-spacing:-.012em;color:var(--ink-2)}.more svg{vertical-align:-1px;fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;display:inline}.more{font:400 15px/24px var(--text);color:var(--ink-2);-webkit-text-decoration-color:var(--hair);text-decoration-color:var(--hair);margin-bottom:16px}.footer{width:min(1128px, 100% - 2 * var(--grid));margin:var(--gap) auto 0;box-shadow:0 -1px var(--hair);font:400 13px/20px var(--text);color:var(--ink-3);flex-wrap:wrap;gap:8px 32px;padding:32px 0 48px;display:flex}.footer b{font:700 15px/20px var(--display);color:var(--ink)}.footer a{-webkit-text-decoration-color:var(--hair);text-decoration-color:var(--hair)}.footer a:hover{color:var(--ink)}@media (max-width:959px){:root{--gap:72px}.feature,.feature:nth-child(2n){grid-template-columns:minmax(0,1fr);gap:32px}.feature:nth-child(2n) .words{order:0}.words h2{font-size:32px;line-height:40px}.words>li{--row:40px}}@media (max-width:640px){.word{width:calc(100vw - 60px);margin-left:4px}.tagline{font-size:22px;line-height:36px}.tagline li{--row:36px}.actions{margin-left:16px}.page{padding-top:48px}.showcase figcaption{font-size:17px;line-height:28px}.folder{padding:48px 24px;font-size:13px}.stages{font-size:20px;line-height:32px}.stages li{--row:32px;grid-template-columns:1fr}.when{line-height:32px}}