.hero:has(.delivery-demo){overflow:clip visible}.hero-content:has(.delivery-demo){grid-template:"intro""preview"/minmax(0,1fr);align-items:start;row-gap:40px}.hero-content:has(.delivery-demo) .hero-intro{text-align:center;width:100%;max-width:860px;margin-inline:auto}.hero-content:has(.delivery-demo) .hero-description{max-width:66ch;margin-inline:auto}.hero-content:has(.delivery-demo) .hero-actions{justify-content:center}.delivery-demo{--terminal-overhang:max(48px, calc((100vw - 1160px) / 2 + 20px));--ease-in-out:cubic-bezier(.77, 0, .175, 1);min-width:0;color:var(--foreground);grid-template:"files terminal""controls terminal""caption terminal"1fr/minmax(0,1.08fr) minmax(0,1fr);grid-area:preview;gap:14px clamp(32px,4.5vw,64px);margin:0;display:grid}.demo-files{grid-area:files;gap:18px;min-width:0;display:grid}.demo-files .demo-source-reference{max-width:470px}.demo-source-reference{background:#ffffff1f;border:1px solid #ffffff8c;border-radius:12px;padding:18px 20px}.demo-reference-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px;font-size:12px;font-weight:550;display:flex}.demo-source-reference>code{overflow-wrap:anywhere;font-size:12px;line-height:1.7;display:block}.demo-unchanged{color:#355c53;align-items:center;gap:4px;font-size:10px;display:inline-flex}.demo-unchanged svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:14px;height:14px}.demo-scene{width:100%;max-width:480px;height:auto;margin:0;display:block;overflow:visible}.demo-scene text{fill:var(--foreground);stroke:none;font-family:var(--font-geist-sans), sans-serif;font-size:11px}.demo-route{stroke:#29323947;stroke-width:1px}.demo-data-connection{stroke:#4a6f8a;stroke-width:1.5px;stroke-dasharray:1 7;stroke-linecap:round;stroke-linejoin:round;opacity:.08;transition:opacity .2s var(--ease-out)}.demo-data-connection[data-active=true]{opacity:.38}.demo-request-packet{fill:#4a6f8a;opacity:0;animation:2s linear infinite demo-public-delivery}.demo-request-packet[data-cdn=true]{animation-name:demo-cdn-delivery}@keyframes demo-public-delivery{0%{opacity:0;transform:translate(99px,64px)}10%{opacity:1}50%{transform:translate(152px,76px)}90%{opacity:1}to{opacity:0;transform:translate(205px,64px)}}@keyframes demo-cdn-delivery{0%{opacity:0;transform:translate(389px,64px)}10%,90%{opacity:1}50%{transform:translate(332px,76px)}to{opacity:0;transform:translate(275px,64px)}}.delivery-demo[data-flow-running=false] .demo-request-packet{animation-play-state:paused}.delivery-demo[data-motion=false] .demo-request-packet{display:none}.demo-delivery-explanation{max-width:48ch;min-height:3lh;color:var(--foreground);margin:-10px 0 0;font-size:12px;line-height:1.6}.demo-delivery-explanation code{font-size:.95em}.demo-source-node,.demo-storage-node,.demo-browser-node{stroke:#4a6f8a;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;fill:#ffffff2e}.demo-storage-node[data-active=true],.demo-browser-node[data-active=true]{fill:#c8d9e659}.demo-traveling-asset{fill:#f1f7fa;stroke:#4a6f8a;stroke-width:1.3px}.demo-scene[data-animate=true][data-stored=true] .demo-traveling-asset{animation:demo-curved-transfer var(--demo-transfer-duration,2.4s) linear both}.delivery-demo[data-transfer-running=false] .demo-traveling-asset{animation-play-state:paused}.delivery-demo[data-motion=false] .demo-traveling-asset{animation:none}.demo-traveling-asset path,.demo-traveling-asset circle{fill:none}.demo-file-sprite{transform-box:fill-box;transform-origin:50%}.demo-scene[data-stored=true] .demo-file-sprite{opacity:0}.demo-scene[data-animate=true][data-stored=true] .demo-file-sprite{animation:demo-file-handoff var(--demo-transfer-duration,2.4s) linear both}.demo-file-highlight{stroke:#fff;stroke-width:1.5px;opacity:.85}.demo-source-asset{transition:opacity .2s var(--ease-out)}.demo-arrival-ring,.demo-production-ring{fill:none;stroke:#6c9cb6;stroke-width:1px;opacity:0;transform-box:fill-box;transform-origin:50%}.demo-scene[data-stored=true] .demo-arrival-ring,.demo-scene[data-delivered=true] .demo-production-ring{animation:demo-arrival .7s var(--ease-out) both}.demo-scene[data-stored=true] .demo-arrival-ring{animation-delay:calc(var(--demo-transfer-duration,2.4s) * .75)}@keyframes demo-file-handoff{0%{opacity:1;transform:rotate(0)scale(1)}9%{opacity:1;transform:rotate(-5deg)scale(.9,1.16)}22%{opacity:1;transform:rotate(-10deg)scale(1.16,.92)}48%{opacity:1;transform:rotate(-4deg)scale(1.06,.98)}68%{opacity:1;transform:rotate(1deg)scale(1)}76%{opacity:1;transform:rotate(0)scale(1.14,.83)}84%{opacity:1;transform:rotate(0)scale(.95,1.08)}91%{opacity:1;transform:rotate(0)scale(1.02,.98)}95%{opacity:1;transform:rotate(0)scale(1)}to{opacity:0;transform:rotate(0)scale(.9)}}.demo-macos-scene .demo-icon-label{font-family:-apple-system, BlinkMacSystemFont, var(--font-geist-sans), sans-serif;letter-spacing:-.15px;font-size:12px;font-weight:550}.demo-macos-scene .demo-icon-sublabel{fill:var(--muted);font-size:10px}.demo-macos-scene .demo-traveling-asset{fill:none;stroke:none}.demo-folder-front{transform-origin:64px 96px}.demo-scene[data-animate=true][data-stored=true] .demo-folder-front{animation:demo-folder-release 1.4s var(--ease-out) both}@keyframes demo-folder-release{0%,to{transform:translateY(0)scaleY(1)}30%{transform:translateY(2px)scaleY(.94)}}.demo-server-check,.demo-storage-check{transform-box:fill-box;transform-origin:50%;opacity:0;transition:transform .25s var(--ease-out), opacity .2s var(--ease-out);transform:scale(.85)}.demo-scene[data-stored=true] .demo-storage-check{opacity:1;transform:scale(1)}.demo-scene[data-animate=true][data-stored=true] .demo-storage-check{transition-delay:calc(var(--demo-transfer-duration,2.4s) - 50ms)}.demo-scene[data-delivered=true] .demo-server-check{opacity:1;transform:scale(1)}.demo-scene[data-animate=true][data-delivered=true] .demo-app-window{animation:demo-window-settle .3s var(--ease-out) both}.demo-app-window{transform-box:fill-box;transform-origin:50%}@keyframes demo-window-settle{0%{transform:scale(.97)}to{transform:scale(1)}}.delivery-demo[data-transfer-running=false] .demo-folder-front{animation-play-state:paused}.delivery-demo[data-motion=false] .demo-folder-front,.delivery-demo[data-motion=false] .demo-app-window{animation:none}.delivery-demo[data-motion=false] .demo-storage-check,.delivery-demo[data-motion=false] .demo-server-check{transition:none}@keyframes demo-arrival{0%{opacity:0;transform:scale(.94)}25%{opacity:.5}to{opacity:0;transform:scale(1.2)}}.delivery-demo[data-transfer-running=false] .demo-file-sprite,.delivery-demo[data-transfer-running=false] .demo-arrival-ring{animation-play-state:paused}.delivery-demo[data-motion=false] .demo-file-sprite,.delivery-demo[data-motion=false] .demo-arrival-ring,.delivery-demo[data-motion=false] .demo-production-ring{animation:none}.demo-source-asset rect{fill:#ffffff4d}.demo-source-asset path,.demo-source-asset circle{fill:none}.delivery-demo[data-stage="0"] .demo-traveling-asset{transition:none}.demo-delivered-image{transition:opacity .2s var(--ease-out)}.demo-controls{flex-wrap:wrap;grid-area:controls;justify-content:space-between;align-items:center;gap:6px;margin:0;display:flex}.demo-steps{gap:3px;display:flex}.demo-steps button{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 13px;font-size:12px;display:inline-flex}.demo-steps button>span{font-variant-numeric:tabular-nums;opacity:.7;font-size:9px}.demo-steps button[aria-pressed=true]{color:var(--foreground);background:#ffffff47;border-color:#ffffff8c}.demo-terminal{width:calc(100% + var(--terminal-overhang));-webkit-backdrop-filter:blur(12px)saturate(110%);backdrop-filter:blur(12px)saturate(110%);color:var(--lightningcss-light,#e8eef1)var(--lightningcss-dark,#ede9e1);opacity:1;transition:transform .28s var(--ease-out), opacity .28s var(--ease-out);background:var(--lightningcss-light,#19212bc7)var(--lightningcss-dark,#282828e0);border:1px solid #ffffff29;border-radius:14px;grid-area:terminal;align-self:start;overflow:hidden;transform:translate(0);box-shadow:inset 0 1px #ffffff1a,0 2px 4px var(--lightningcss-light,#1d28331a)var(--lightningcss-dark,#0000002e),0 14px 28px -8px var(--lightningcss-light,#1d283338)var(--lightningcss-dark,#0000005c),0 40px 72px -20px var(--lightningcss-light,#1d283352)var(--lightningcss-dark,#0000007a)}@starting-style{.demo-terminal{opacity:0;transform:translate(36px)}}.demo-window-bar{color:var(--lightningcss-light,#bec6cf)var(--lightningcss-dark,#c0bdb6);background:var(--lightningcss-light,#2b3138)var(--lightningcss-dark,#262626);border-bottom:1px solid #ffffff12;grid-template-columns:1fr auto 1fr;align-items:center;height:46px;padding:0 17px;font-size:11px;font-weight:500;display:grid}.demo-traffic-lights{align-items:center;gap:8px;width:fit-content;display:flex}.demo-light{border-radius:50%;width:12px;height:12px;display:block;box-shadow:inset 0 0 0 .5px #0003}.demo-light-close{background:#ff5f57}.demo-light-minimize{background:#febc2e}.demo-light-fullscreen{background:#28c840}.demo-light svg{opacity:0;stroke:#0000008c;stroke-width:1.2px;fill:none;width:12px;height:12px;display:block}.demo-light-fullscreen svg{fill:#0000007a;stroke:none}.demo-window-mark{stroke:var(--lightningcss-light,#8f99a5)var(--lightningcss-dark,#b2ada4);stroke-width:1.3px;justify-self:end;width:14px;height:14px}.demo-terminal-body{overscroll-behavior-x:contain;min-width:0;width:calc(100% - var(--terminal-overhang));min-height:300px;font-family:var(--font-geist-mono), monospace;padding:19px 22px 20px;font-size:12px;line-height:1.8;overflow-x:auto}.demo-terminal-context{color:var(--lightningcss-light,#c5ced7)var(--lightningcss-dark,#c8c4bc);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-bottom:16px;font-size:10px;display:flex}.demo-terminal-context>span:last-child{font-family:var(--font-geist-sans), sans-serif;color:var(--lightningcss-light,#c5ced7)var(--lightningcss-dark,#c8c4bc)}.demo-active-command,.demo-command-history{align-items:baseline;gap:10px;display:flex}.demo-active-command>span,.demo-command-history>span{color:var(--lightningcss-light,#a9d8c5)var(--lightningcss-dark,#c8cec3)}.demo-active-command code{color:var(--lightningcss-light,#f0f4f7)var(--lightningcss-dark,#f5f0e7);font-size:inherit}.demo-typed-command{white-space:pre;position:relative}.demo-typed-command[data-typing=true] .demo-typed-character{opacity:0;animation:1ms step-end forwards demo-character-reveal}.demo-typing-cursor{width:7px;height:1.1em;animation:demo-cursor-type var(--typing-duration) steps(var(--command-length), end) forwards, demo-cursor-blink 1s steps(2, end) infinite;background:var(--lightningcss-light,#a5b6c2)var(--lightningcss-dark,#d1cbc0);position:absolute;top:.25em;left:0}@keyframes demo-character-reveal{to{opacity:1}}@keyframes demo-cursor-type{0%{transform:translate(0)}to{transform:translateX(calc(var(--command-length) * 1ch))}}@keyframes demo-cursor-blink{0%,to{opacity:.8}50%{opacity:0}}.delivery-demo[data-running=false] .demo-typed-character,.delivery-demo[data-running=false] .demo-typing-cursor{animation-play-state:paused}.delivery-demo[data-motion=false] .demo-typed-character{opacity:1;animation:none}.delivery-demo[data-motion=false] .demo-typing-cursor{transform:translateX(calc(var(--command-length) * 1ch));animation:none}.demo-command-history{color:var(--lightningcss-light,#c5ced7)var(--lightningcss-dark,#c8c4bc);margin-bottom:3px;font-size:11px}.demo-output{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;font:inherit;color:var(--lightningcss-light,#c2cdd6)var(--lightningcss-dark,#d1cdc5);transition:opacity .16s var(--ease-out);margin:13px 0 0}.demo-output code{font:inherit}.demo-output-text{min-width:0;display:grid}.demo-output-text>.demo-output-reserved,.demo-output-text>.demo-output-live{min-width:0;white-space:inherit;grid-area:1/1}.demo-output-reserved{visibility:hidden;pointer-events:none}.demo-output-live{align-self:start}.demo-production-result{margin-top:15px}.demo-production-result>span{color:var(--lightningcss-light,#a9d8c5)var(--lightningcss-dark,#c8cec3);font-family:var(--font-geist-sans), sans-serif;margin-bottom:6px;font-size:11px;display:block}.demo-production-result code{color:var(--lightningcss-light,#c8dfef)var(--lightningcss-dark,#ded8ce);overflow-wrap:anywhere;font-size:11px;display:block}.demo-production-result .demo-output-text{display:grid}.demo-shell-prompt{color:var(--lightningcss-light,#a9d8c5)var(--lightningcss-dark,#c8cec3);align-items:center;gap:10px;margin-top:14px;display:flex}.demo-shell-prompt[data-wait=true]{opacity:0;animation:1ms step-end forwards demo-character-reveal}.delivery-demo[data-running=false][data-finished=false] .demo-shell-prompt{animation-play-state:paused}.delivery-demo[data-motion=false] .demo-shell-prompt{opacity:1;animation:none}.demo-shell-prompt>span{opacity:.7;background:var(--lightningcss-light,#a5b6c2)var(--lightningcss-dark,#d1cbc0);width:7px;height:13px;animation:1s steps(2,end) 4 demo-cursor-blink}.delivery-demo[data-running=false][data-finished=false] .demo-shell-prompt>span{animation-play-state:paused}.delivery-demo[data-motion=false] .demo-shell-prompt>span{animation:none}.demo-terminal-footer{color:var(--lightningcss-light,#b7c3cd)var(--lightningcss-dark,#b9b5ad);border-top:1px solid #ffffff0f;align-items:center;gap:7px;min-height:34px;padding:8px 22px;font-size:10px;display:flex}.demo-status-dot{background:var(--lightningcss-light,#a9d8c5)var(--lightningcss-dark,#c8cec3);border-radius:50%;width:5px;height:5px}.demo-caption{grid-area:caption;min-width:0;margin-top:0;font-size:12px;line-height:1.6}.demo-caption p{min-height:2lh;color:var(--foreground);margin:0 0 6px}.demo-caption>span{color:var(--muted);font-size:10px;display:block}.delivery-demo[data-motion=false] .demo-traveling-asset,.delivery-demo[data-motion=false] .demo-delivered-image,.delivery-demo[data-motion=false] .demo-output,.delivery-demo[data-motion=false] .demo-data-connection{transition:none}@media (hover:hover) and (pointer:fine){.demo-traffic-lights:hover .demo-light svg{opacity:1}.demo-steps button:hover{color:var(--foreground);background:#fff3}}@media (max-width:900px){.hero-content:has(.delivery-demo){grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""preview";row-gap:36px}.hero-content:has(.delivery-demo) .hero-intro{max-width:600px}.delivery-demo{--terminal-overhang:0px;grid-template:"files""controls""terminal""caption"/minmax(0,1fr);justify-self:center;row-gap:16px;width:100%;max-width:600px}.demo-terminal-body{padding-inline:17px;font-size:11px}.demo-steps button{padding-inline:8px;font-size:11px}.demo-steps button>span{display:none}.demo-reference-heading{font-size:11px}.demo-source-reference{padding-inline:16px}.demo-source-reference>code{font-size:11px}}@media (max-width:640px){.hero-content:has(.delivery-demo){row-gap:30px}.delivery-demo{margin-top:0}.hero-content:has(.delivery-demo){grid-template-areas:"intro""preview"}.demo-scene{max-width:360px;margin-inline:auto}.demo-steps button{padding-inline:12px;font-size:12px}}@media (prefers-reduced-motion:reduce){.demo-folder-front,.demo-app-window{animation:none!important}.demo-storage-check,.demo-server-check{transition:none!important}.demo-file-sprite,.demo-arrival-ring,.demo-production-ring{animation:none!important}.demo-source-asset{transition:none}.demo-shell-prompt[data-wait=true]{opacity:1;animation:none}.demo-request-packet{display:none}.demo-terminal{transition:opacity .16s var(--ease-out);transform:none}@starting-style{.demo-terminal{transform:none}}.demo-traveling-asset{animation:none!important}.demo-delivered-image{transition-duration:.1s}.demo-typed-command[data-typing=true] .demo-typed-character{opacity:1;animation:none}.demo-typing-cursor{transform:translateX(calc(var(--command-length) * 1ch));animation:none}.demo-shell-prompt>span{animation:none}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.demo-terminal{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--lightningcss-light,#20262d)var(--lightningcss-dark,#282828)}}@media (forced-colors:active){.demo-terminal,.demo-window-bar,.demo-source-reference{color:canvastext;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:canvas;border-color:canvastext}.demo-terminal-body code,.demo-output,.demo-terminal-context,.demo-terminal-context>span:last-child,.demo-production-result>span,.demo-production-result code,.demo-terminal-footer,.demo-unchanged{color:canvastext}.demo-scene g,.demo-scene path,.demo-route{stroke:canvastext}.demo-scene text{fill:canvastext;stroke:none}.demo-traveling-asset{fill:canvas}.demo-steps button[aria-pressed=true]{border-color:highlight}}@keyframes demo-curved-transfer{0%,10%{transform:translate(46px,51px)}13%{transform:translate(53.17px,40.6px)}16%{transform:translate(63.63px,31.29px)}19%{transform:translate(77.03px,23.08px)}22%{transform:translate(92.98px,15.96px)}25%{transform:translate(111.14px,9.94px)}28%{transform:translate(131.13px,5.01px)}31%{transform:translate(152.59px,1.18px)}34%{transform:translate(175.15px,-1.56px)}37%{transform:translate(198.45px,-3.2px)}40%{transform:translate(222.12px,-3.75px)}43%{transform:translate(245.81px,-3.2px)}46%{transform:translate(269.13px,-1.56px)}49%{transform:translate(291.73px,1.18px)}52%{transform:translate(313.24px,5.01px)}55%{transform:translate(333.3px,9.94px)}58%{transform:translate(351.54px,15.96px)}61%{transform:translate(367.59px,23.08px)}64%{transform:translate(381.1px,31.29px)}67%{transform:translate(391.69px,40.6px)}70%{transform:translate(399px,51px)}to{transform:translate(399px,51px)}}.demo-delivery-explanation{min-height:6lh}.demo-delivery-explanation strong{margin-bottom:4px;font-weight:600;display:block}.demo-caption-states{display:grid}.demo-phase-caption{text-align:left;white-space:normal;word-break:normal;overflow-wrap:normal;transform-origin:0;opacity:0;min-width:0;transition:opacity .16s var(--ease-out), transform .2s var(--ease-out);pointer-events:none;grid-area:1/1;margin:0;transform:scale(.98)}.demo-phase-caption[data-active=true]{opacity:1;transform:scale(1)}.delivery-demo[data-motion=false] .demo-phase-caption{transition:none;transform:none}@media (prefers-reduced-motion:reduce){.demo-phase-caption{transition:opacity .1s var(--ease-out);transform:none}}.demo-file-name text{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:8px;font-weight:500}.demo-file-name{opacity:0}.demo-scene[data-animate=true][data-stored=true] .demo-file-name{animation:demo-drag-label var(--demo-transfer-duration,2.4s) linear both}@keyframes demo-drag-label{0%,8%{opacity:0}18%,86%{opacity:1}to{opacity:0}}.demo-edge-links{stroke:#81abc0;stroke-width:1px;opacity:.55}.demo-edge-node{opacity:.65;transition:opacity .2s var(--ease-out)}.demo-cdn-network[data-active=true] .demo-edge-node{opacity:1}.delivery-demo[data-transfer-running=false] .demo-file-name{animation-play-state:paused}.delivery-demo[data-motion=false] .demo-file-name{animation:none}@media (prefers-reduced-motion:reduce){.demo-file-name{animation:none!important}}@media (pointer:coarse){.demo-steps button{min-height:44px}}.demo-active-command,.demo-command-history{min-width:0}.demo-active-command>span,.demo-command-history>span{flex-shrink:0}.demo-active-command>code,.demo-command-history>code{overscroll-behavior-x:contain;min-width:0;overflow-x:auto}