.v2-demo-module__5H69ra__section{--panel-progress:0;--chat-blend:0;--panel-title:0;--apps-blend:0;--heading-height:126px;--scene-height:clamp(260px, calc(100svh - 320px), 720px);--explore-height:clamp(360px, calc(100svh - 210px), 840px);z-index:1;height:420svh;scroll-margin-top:72px;position:relative}.v2-demo-module__5H69ra__sticky{width:100%;max-width:1440px;margin:0 auto;padding:12px 56px 16px;position:sticky;top:72px}.v2-demo-module__5H69ra__heading{height:calc(var(--heading-height) * (1 - var(--apps-blend)));overflow:hidden}.v2-demo-module__5H69ra__headingContent{height:var(--heading-height);align-items:center;padding-bottom:20px;display:grid}.v2-demo-module__5H69ra__heading h2:first-child{opacity:clamp(0, calc(1 - 2 * var(--chat-blend)), 1);transform:translateY(calc(-12px * var(--chat-blend)))}.v2-demo-module__5H69ra__heading h2:nth-child(2){opacity:calc(clamp(0, calc(2 * var(--chat-blend) - 1), 1) * clamp(0, calc(1 - 2 * var(--panel-title)), 1));transform:translateY(calc(12px * (1 - var(--chat-blend) - var(--panel-title))))}.v2-demo-module__5H69ra__heading h2:nth-child(3){opacity:calc(clamp(0, calc(2 * var(--panel-title) - 1), 1) * clamp(0, calc(1 - 2 * var(--apps-blend)), 1));transform:translateY(calc(12px * (1 - var(--panel-title) - var(--apps-blend))))}.v2-demo-module__5H69ra__heading h2{letter-spacing:-.045em;text-wrap:balance;grid-area:1/1;max-width:900px;font-size:clamp(24px,2.6vw,36px);font-weight:500;line-height:1.08}.v2-demo-module__5H69ra__browser{width:100%}.v2-demo-module__5H69ra__viewport{height:calc(var(--scene-height) + (var(--explore-height) - var(--scene-height)) * var(--apps-blend));background:var(--background);position:relative;overflow:hidden}.v2-demo-module__5H69ra__scene{pointer-events:none;position:absolute;inset:0}.v2-demo-module__5H69ra__chatScene{opacity:calc(1 - var(--chat-blend))}.v2-demo-module__5H69ra__buildScene{opacity:calc(var(--chat-blend) * (1 - var(--apps-blend)))}.v2-demo-module__5H69ra__appsScene{opacity:var(--apps-blend)}.v2-demo-module__5H69ra__viewport[data-exploring=true] .v2-demo-module__5H69ra__appsScene{pointer-events:auto}.v2-demo-module__5H69ra__frameSurface{height:100%;position:relative}.v2-demo-module__5H69ra__frame{background:var(--background);border:0;width:100%;height:100%;display:block}.v2-demo-module__5H69ra__conversation{width:calc(100% - 56% * var(--panel-progress));position:absolute;inset:0 auto 0 0}.v2-demo-module__5H69ra__appPanel{width:56%;transform:translateX(calc(101% * (1 - var(--panel-progress))));border-left:1px solid var(--border);background:var(--background);position:absolute;inset:0 0 0 auto}.v2-demo-module__5H69ra__appBar{border-bottom:1px solid var(--border);align-items:center;height:52px;padding:8px 12px;display:flex}.v2-demo-module__5H69ra__appBar span{background:var(--muted);border-radius:12px;align-items:center;gap:8px;padding:7px 12px;font-size:14px;display:inline-flex}.v2-demo-module__5H69ra__appBar svg{color:var(--primary)}.v2-demo-module__5H69ra__appContent{height:calc(100% - 52px)}.v2-demo-module__5H69ra__interactionShield{z-index:5;touch-action:pan-y;position:absolute;inset:0}.v2-demo-module__5H69ra__loader{background:var(--background);place-items:center;transition:opacity .3s,visibility .3s;display:grid;position:absolute;inset:0}.v2-demo-module__5H69ra__loader[data-loaded=true]{opacity:0;visibility:hidden;pointer-events:none}.v2-demo-module__5H69ra__logo{width:64px;height:60px;position:relative}.v2-demo-module__5H69ra__logo .v2-demo-module__5H69ra__logoBase,.v2-demo-module__5H69ra__logo .v2-demo-module__5H69ra__logoShimmer{width:100%;height:100%;position:absolute;inset:0}.v2-demo-module__5H69ra__logo .v2-demo-module__5H69ra__logoBase{color:color-mix(in srgb, var(--foreground) 18%, var(--background))}.v2-demo-module__5H69ra__logo .v2-demo-module__5H69ra__logoShimmer{color:var(--primary);animation:1.8s ease-in-out infinite v2-demo-module__5H69ra__shimmer;-webkit-mask-image:linear-gradient(110deg,#0000 40%,#000 50%,#0000 60%);mask-image:linear-gradient(110deg,#0000 40%,#000 50%,#0000 60%);-webkit-mask-size:300% 100%;mask-size:300% 100%}.v2-demo-module__5H69ra__loader[data-loaded=true] .v2-demo-module__5H69ra__logoShimmer{animation:none}@keyframes v2-demo-module__5H69ra__shimmer{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}@media (prefers-reduced-motion:reduce){.v2-demo-module__5H69ra__loader{transition:none}.v2-demo-module__5H69ra__logo .v2-demo-module__5H69ra__logoShimmer{animation:none;-webkit-mask-position:50% 0;mask-position:50% 0}}@media (min-width:1440px){.v2-demo-module__5H69ra__sticky{padding-inline:80px}}@media (max-width:767px){.v2-demo-module__5H69ra__section{--heading-height:88px;--scene-height:max(280px, calc(100svh - 232px));--explore-height:max(280px, calc(100svh - 144px));height:390svh}.v2-demo-module__5H69ra__sticky{padding:12px 16px;top:64px}.v2-demo-module__5H69ra__headingContent{padding-bottom:16px}.v2-demo-module__5H69ra__heading h2{font-size:25px}.v2-demo-module__5H69ra__appPanel,.v2-demo-module__5H69ra__conversation{width:100%}}@media (max-width:767px) and (max-height:700px){.v2-demo-module__5H69ra__section{--heading-height:64px;--scene-height:max(280px, calc(100svh - 208px))}}@media (prefers-reduced-motion:reduce){.v2-demo-module__5H69ra__heading h2:nth-child(n){transform:none}}