.example-scroll-scene{background:var(--scene-mist)}.example-story{position:relative}@media (prefers-reduced-motion:no-preference) and (not (max-height:740px)) and (not (max-width:1000px)){.example-story{height:250svh}}.example-story[data-scroll-disabled]{height:auto}.example-story:not([data-scroll-enabled]) .example-reading-track{display:none}.example-pin{align-items:center;min-height:100svh;padding:48px 32px;display:flex}[data-scroll-enabled] .example-pin{position:sticky;top:0}.example-layout{grid-template-columns:240px minmax(0,1fr);align-items:center;gap:40px;width:min(1200px,100%);margin:auto;display:grid}.example-copy h2{letter-spacing:-.05em;margin:0 0 24px;font-size:clamp(36px,3vw,40px);line-height:1.03}.example-copy p{margin:0;font-size:17px;line-height:1.7}.example-copy .example-scroll-hint{color:var(--accent);align-items:start;gap:12px;margin-top:32px;font-size:14px;line-height:1.6;display:flex}.example-scroll-hint>span[aria-hidden]{font-size:28px;line-height:1}.example-static-detail,.example-story:not([data-scroll-enabled]) .example-scroll-detail{display:none}.example-story:not([data-scroll-enabled]) .example-static-detail{display:inline}.example-copy .example-privacy-note{color:var(--muted);margin-top:25px;font-size:13px}.example-skip{min-height:44px;color:var(--muted);text-underline-offset:5px;align-items:center;margin-top:16px;font-size:13px;display:inline-flex}.example-frame{perspective:1200px;min-width:0}.document-stage{perspective:1200px}.landing-journey .example-scroll-scene .document-live iframe{pointer-events:none;height:clamp(380px,62svh,560px)}.landing-journey .example-scroll-scene .document-live[data-interactive=true] iframe{pointer-events:auto}.document-sheet{transform-origin:50% 70%;animation:.65s cubic-bezier(.2,.75,.2,1) both technical-sheet-in}.sheet-idea{animation-name:design-sheet-in}.sheet-presentation{animation-name:presentation-sheet-in}.example-copy-change{animation:.45s ease-out both example-copy-in}.example-scroll-scene .document-caption{justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:9px 2px;display:flex}.landing-journey .example-scroll-scene .document-caption>span{font-size:13px;display:inline}.document-interact{min-height:44px;color:var(--accent);white-space:nowrap;background:0 0;border:0;padding:10px 0 10px 10px;font-size:13px}.document-interact:hover{text-underline-offset:5px;text-decoration:underline}.example-reading-track{background:var(--surface-strong);border-radius:4px;height:4px;margin:22px 18px 0;overflow:hidden}.example-reading-track>span{background:var(--accent);transform-origin:0;height:100%;transform:scaleX(var(--example-progress,0));display:block}.example-noscript{padding:24px}@keyframes technical-sheet-in{0%{opacity:.4;transform:translateY(35px)rotateX(9deg)scale(.96)}to{opacity:1;transform:none}}@keyframes design-sheet-in{0%{opacity:.4;transform:translate(35px)rotateY(-10deg)rotate(2deg)}to{opacity:1;transform:none}}@keyframes presentation-sheet-in{0%{opacity:.4;transform:translateY(-35px)rotateX(-9deg)scale(.96)}to{opacity:1;transform:none}}@keyframes example-copy-in{0%{opacity:.3;transform:translateY(18px)}to{opacity:1;transform:none}}@media (min-width:701px) and (max-width:1000px){.example-layout{grid-template-columns:1fr;gap:28px}.example-copy-change{grid-template-columns:1fr 1.3fr;align-items:start;gap:32px;display:grid}.example-copy h2{margin:0;font-size:36px}.example-copy p{font-size:16px}.example-copy .example-scroll-hint,.example-copy .example-privacy-note{display:none}.example-skip{margin-top:12px}.example-pin{padding:40px 30px}}@media (max-width:700px){.example-pin{min-height:auto;padding:36px 20px}.example-layout{grid-template-columns:1fr;gap:24px}.example-copy h2{margin-bottom:16px;font-size:36px}.example-copy p{max-width:345px;font-size:16px;line-height:1.6}.example-copy .example-scroll-hint{margin-top:15px;font-size:13px}.example-scroll-hint>span[aria-hidden]{font-size:23px}.example-copy .example-privacy-note{display:none}.example-skip{margin-top:10px;font-size:13px}.landing-journey .example-scroll-scene .document-live iframe{height:clamp(320px,46svh,410px)}.example-scroll-scene .document-caption{flex-wrap:wrap;gap:0;padding:5px 2px}.landing-journey .example-scroll-scene .document-caption>span{font-size:13px}.document-interact{min-height:44px;padding:9px 0 9px 6px;font-size:13px}.example-reading-track{margin-top:16px}}@media (max-height:650px){.example-pin{min-height:auto}.example-copy .example-scroll-hint{display:none}}@media (prefers-reduced-motion:reduce){.document-sheet,.example-copy-change{opacity:1;animation:none;transform:none}.example-copy .example-scroll-hint,.example-reading-track{display:none}}.landing-journey .example-scroll-scene .document-demo{background:0 0;border-radius:0;margin:0;padding:0}.landing-journey .example-scroll-scene .document-top{flex-wrap:nowrap;align-items:center;gap:24px;padding:0 0 12px;display:flex}.landing-journey .example-scroll-scene .document-tabs{flex-wrap:wrap;gap:24px;display:flex}.landing-journey .example-scroll-scene .document-tabs button{min-height:44px;color:var(--muted);white-space:nowrap;background:0 0;border-radius:0;padding:12px 0;font-size:14px;position:relative;transform:none}.landing-journey .example-scroll-scene .document-tabs button:after{content:"";background:var(--ink);transform-origin:0;height:3px;transition:transform .18s;position:absolute;bottom:1px;left:0;right:0;transform:scaleX(0)}.landing-journey .example-scroll-scene .document-tabs button[aria-selected=true]{color:var(--ink)}.landing-journey .example-scroll-scene .document-tabs button[aria-selected=true]:after{transform:scaleX(1)}.landing-journey .example-scroll-scene .document-tabs button:hover{color:var(--ink)}.landing-journey .example-scroll-scene .document-top>a{margin:0 0 0 auto;padding:12px 0;font-size:13px}.landing-journey .example-scroll-scene .document-top>a>span{font-size:inherit}.landing-journey .example-scroll-scene .document-live{border:0;border-radius:0}.landing-journey .example-scroll-scene .document-caption{min-height:56px;padding-top:12px}.example-reading-track{border-radius:0;height:3px;margin-inline:0}@media (max-width:700px){.landing-journey .example-scroll-scene .document-top{flex-wrap:wrap;gap:4px 16px}.landing-journey .example-scroll-scene .document-tabs{flex-wrap:nowrap;justify-content:space-between;gap:8px;width:100%}.landing-journey .example-scroll-scene .document-tabs button{white-space:normal;min-width:44px;font-size:13px}.landing-journey .example-scroll-scene .document-top>a{align-items:center;gap:6px;min-height:44px;display:inline-flex}.landing-journey .example-scroll-scene .document-caption>span{display:none}.document-interact{padding-left:0}}
.landing.landing-journey{width:100%;overflow:clip}.landing-journey{--scene-paper:var(--bg);--scene-mist:#e7f0f0;--scene-night:#193f4b}.hero-scene{width:min(1120px,100% - 48px);margin:auto}.journey-scene{align-items:center;min-height:min(900px,100svh);padding:85px 32px;display:flex;position:relative}.scene-layout{align-items:center;gap:65px;width:min(1120px,100%);margin:auto;display:grid}.scene-copy h2{letter-spacing:-.045em;margin:0 0 25px;font-size:clamp(40px,4.1vw,57px);line-height:1.04}.scene-copy>p{max-width:380px;margin-bottom:24px;font-size:18px;line-height:1.65}.scene-copy .scene-note{color:var(--muted);max-width:270px;margin-top:32px;font-size:15px}.scene-visual{transform-origin:50%;min-width:0}.landing-journey[data-motion] .scene-copy{transform:translateY(var(--arrival-shift,0px))}.landing-journey[data-motion] .scene-visual{transform:translateX(var(--arrival-shift,0px)) rotate(var(--arrival-turn,0deg)) scale(var(--media-scale,1))}.preview-scene{background:var(--scene-mist)}.showcase-layout{grid-template-columns:260px minmax(0,1fr);gap:46px}.landing-journey .document-demo{padding:13px 14px 0}.landing-journey .document-live iframe{height:445px}.landing-journey .document-top{gap:5px}.landing-journey .document-tabs button{padding:10px 12px;font-size:13px}.landing-journey .document-top>a{font-size:13px}.landing-journey .document-caption{font-size:12px}.landing-journey .document-caption>span{display:none}.install-scene{--ink:#eff8f7;--muted:#b9d5da;--focus:#b9d5da;background:var(--scene-night);color:var(--ink)}.install-scene .install-layout{grid-template-columns:minmax(0,1.3fr) minmax(250px,.8fr);gap:85px}.install-scene .install-intro{order:2;max-width:340px}.install-scene .scene-visual{order:1}.install-scene .install-intro h2{font-size:clamp(40px,4.1vw,52px)}.install-scene .hosting-note{color:var(--muted);font-size:16px}.install-scene .install-panel{--ink:#2c414a;--muted:#5a6c73;--accent:#176d83;--focus:#176d83;--surface:#edf2f2;--surface-strong:#dce9eb;color:var(--ink);background:var(--paper);border-radius:14px;padding:30px}.landing-journey[data-motion] .install-scene .scene-visual{transform:translateY(var(--arrival-shift,0px)) scale(var(--media-scale,1))}.landing-journey .first-prompt>p{font-size:18px}.landing-journey .copy-button{white-space:nowrap;flex-shrink:0}.hosting-scene{background:var(--scene-paper);scroll-margin-top:0}.hosting-layout{grid-template-columns:.8fr 1.2fr;gap:100px}.hosting-scene .server-sketch{width:200px;height:196px;margin:6px 0 0 30px;display:block}.hosting-scene .code-panel{padding-top:30px;padding-bottom:30px}.hosting-scene .code-panel>.copy-button{top:23px}.hosting-scene .github-link{margin:0 0 22px;display:inline-block}.hosting-scene .self-host-skill{max-width:530px;margin:25px 0;font-size:16px;line-height:1.7}.hosting-scene .text-link{color:var(--ink)}.landing-journey[data-motion] .hosting-scene .scene-visual{transform:translateY(var(--arrival-shift,0px)) rotate(calc(-1 * var(--arrival-turn,0deg))) scale(var(--media-scale,1))}.scene-transition{--from:var(--scene-paper);--to:var(--scene-mist);background:var(--from);color:var(--accent);z-index:2;isolation:isolate;margin:-1px 0;position:relative}.transition-install{--from:var(--scene-mist);--to:var(--scene-night)}.transition-host{--from:var(--scene-night);--to:var(--scene-paper)}.transition-boundary{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.scene-edge{fill:var(--to)}.transition-art{width:min(1120px,100%);height:280px;margin:auto;display:block;overflow:visible}.scene-transition .transition-mobile{display:none}.file-flight{width:100%;height:180px;display:block;overflow:visible}.file-flight[data-flight]{aspect-ratio:1120/180;max-width:1120px;height:auto;margin-inline:auto;position:relative}.file-flight.flight-background{pointer-events:none;height:100%;position:absolute;inset:0}.scene-transition .flight-mobile{display:none}.flight-track,.flight-route{fill:none;stroke-linecap:round}.flight-track{stroke:#b0cdd2;stroke-width:7px}.flight-route{stroke:var(--accent);stroke-width:2px}.flight-paper{color:var(--accent)}.transition-art text{fill:currentColor}.art-paper{fill:var(--paper)}.art-wash{fill:var(--wash)}.art-solid{fill:var(--accent)}.art-muted{stroke:var(--route)}.publish-terminal,.publish-link,.chain-left,.chain-right,.link-lock,.deploy-cloud,.deploy-hub,.server-tray,.rack-frame{transform-box:fill-box;transform-origin:50%}.publish-terminal{color:#c6e2e6}.terminal-body{fill:var(--scene-night)}.publish-cable{stroke:#74a6b2;stroke-width:3px}.signal{fill:var(--paper);stroke:var(--accent);stroke-width:2px;opacity:0}.publish-link{stroke-width:2px}.link-caption{color:#b9d5da}.transition-caption{margin:0;font-size:13px;position:absolute;bottom:12px;right:max(24px,50% - 495px)}.publish-spark{stroke:#89b5c0}.deployment-wire{stroke:#7ba6b1;stroke-width:2px}.own-server-wire{stroke-width:3px}.rack-frame{fill:var(--wash)}[data-motion] .publish-terminal{transform:rotate(calc(var(--unfold,0) * -5deg)) translateY(calc(var(--unfold,0) * -18px))}[data-motion] .terminal-response,[data-motion] .publish-spark,[data-motion] .link-caption{opacity:var(--resolve,1)}[data-motion] .publish-link{transform:translateX(calc(var(--assemble,0) * 60px)) scale(calc(1 - var(--assemble,0) * .12))}[data-motion] .chain-left{transform:translateX(calc(var(--assemble,0) * -13px))}[data-motion] .chain-right{transform:translateX(calc(var(--assemble,0) * 13px))}[data-motion] .link-lock{transform:translateY(calc(var(--assemble,0) * -16px)) rotate(calc(var(--assemble,0) * 15deg))}[data-motion] .deploy-cloud{transform:translateY(calc(var(--unfold,0) * -20px)) scale(calc(1 - var(--unfold,0) * .12))}[data-motion] .deploy-hub{transform:rotate(calc(var(--unfold,0) * -12deg))}[data-motion] .rack-frame{transform:scaleY(calc(1 - var(--assemble,0) * .2));transform-origin:bottom}[data-motion] .server-tray-0{transform:translate(calc(var(--unfold,0) * 100px), calc(var(--unfold,0) * -30px)) rotate(calc(var(--unfold,0) * 8deg))}[data-motion] .server-tray-1{transform:translateX(calc(var(--assemble,0) * 80px))}[data-motion] .server-tray-2{transform:translate(calc(var(--assemble,0) * 110px), calc(var(--assemble,0) * 25px)) rotate(calc(var(--assemble,0) * -8deg))}[data-motion] .server-led{opacity:calc(.2 + var(--resolve,1) * .8)}@media (max-width:1000px) and (min-width:701px){.journey-scene{padding:70px 30px}.showcase-layout{grid-template-columns:235px minmax(0,1fr);gap:28px}.scene-copy h2,.install-scene .install-intro h2{font-size:40px}.scene-copy>p{font-size:16px}.install-scene .install-layout{grid-template-columns:minmax(0,1fr) 290px;gap:28px}.install-scene .install-panel{padding:22px}.install-scene .client-tabs{gap:2px}.install-scene .client-tabs button{padding-inline:10px}.hosting-layout{grid-template-columns:230px minmax(0,1fr);gap:50px}.landing-journey .document-top{flex-wrap:wrap}.landing-journey .document-top>a{margin-left:10px;padding:2px 0 5px}.landing-journey .document-live iframe{height:430px}}@media (max-width:700px){.hero-scene{width:calc(100% - 40px)}.journey-scene{min-height:auto;padding:62px 22px 65px}.scene-layout,.showcase-layout,.install-scene .install-layout,.hosting-layout{grid-template-columns:1fr;gap:35px;display:grid}.scene-copy h2,.install-scene .install-intro h2{max-width:330px;margin-bottom:20px;font-size:40px}.scene-copy>p{max-width:345px;margin-bottom:18px;font-size:16px}.scene-copy .scene-note{max-width:300px;margin:20px 0 0;font-size:14px}.landing-journey .document-demo{margin:0 -6px;padding:9px 9px 0}.landing-journey .document-tabs button{padding:9px 10px;font-size:13px}.landing-journey .document-top>a{font-size:0}.landing-journey .document-top>a>span{font-size:20px}.landing-journey .document-live iframe{height:420px}.install-scene .install-intro{order:0;max-width:350px;margin:0}.install-scene .scene-visual{order:0}.install-scene .hosting-note{font-size:15px}.install-scene .install-panel{border-radius:10px;padding:23px 18px}.install-scene .client-tabs{gap:2px}.install-scene .client-tabs button{padding-inline:10px}.landing-journey .first-prompt>p{font-size:17px}.hosting-scene .server-sketch{width:115px;height:115px;margin:18px 0 0}.hosting-scene .hosting-copy{display:block}.hosting-scene .hosting-copy .server-sketch{width:100px;height:115px;margin-top:24px}.hosting-scene .hosting-copy h2{font-size:38px}.hosting-scene .hosting-copy p{margin:0;font-size:15px;line-height:1.6}.hosting-scene .code-panel{padding-top:22px;padding-bottom:22px}.hosting-scene .self-host-skill{font-size:15px}.scene-transition .transition-desktop,.scene-transition .flight-desktop{display:none}.scene-transition .flight-mobile{display:block}.flight-mobile[data-flight]{aspect-ratio:360/140}.flight-track{stroke-width:5px}.flight-route{stroke-width:1.8px}.scene-transition .transition-mobile{height:260px;display:block}.transition-caption{text-align:center;left:0;right:0}[data-motion] .publish-link{transform:translateY(calc(var(--assemble,0) * 24px)) scale(calc(1 - var(--assemble,0) * .12))}[data-motion] .server-tray-0,[data-motion] .server-tray-1,[data-motion] .server-tray-2{transform:translateY(calc(var(--assemble,0) * -28px))}.landing-journey[data-motion] .scene-visual,.landing-journey[data-motion] .hosting-scene .scene-visual{transform:translateY(var(--arrival-shift,0px)) scale(var(--media-scale,1))}}@media (max-width:1000px){.landing-journey[data-motion] .scene-visual,.landing-journey[data-motion] .install-scene .scene-visual,.landing-journey[data-motion] .hosting-scene .scene-visual{transform:none}}@media (prefers-reduced-motion:reduce){.landing-journey[data-motion] .scene-copy,.landing-journey[data-motion] .scene-visual{transform:none!important}.scene-transition [data-draw],.flight-route{stroke-dasharray:none!important;stroke-dashoffset:0!important}.scene-transition :is(.publish-terminal,.publish-link,.chain-left,.chain-right,.link-lock,.deploy-cloud,.deploy-hub,.server-tray,.rack-frame){transform:none!important}.scene-transition .terminal-response,.scene-transition .publish-spark,.scene-transition .link-caption,.scene-transition .server-led{opacity:1!important}.scene-transition .signal{opacity:0!important}}