:root{--home-hero-demo-inset:100px;--home-hero-demo-gap:clamp(28px, calc(5vw - 20px), 52px)}.home-hero{width:100%;padding-bottom:var(--home-hero-demo-inset);background-color:#fff;background-image:linear-gradient(#fff 0% 100%);overflow-x:clip}html:not(.dark) .home-hero-intro h1{color:#17825e}html:not(.dark) .home-hero-details p{color:#293730}html.dark .home-hero-intro h1,html:where(:has(meta[name=color-scheme][content=dark])):not(.light) .home-hero-intro h1{color:#53ac71}@media (prefers-color-scheme:dark){html:not(.light) .home-hero-intro h1{color:#53ac71}}html.dark .home-hero-details p,html:where(:has(meta[name=color-scheme][content=dark])):not(.light) .home-hero-details p{color:#fffc}@media (prefers-color-scheme:dark){html:not(.light) .home-hero-details p{color:#fffc}}.home-hero-intro{-moz-column-gap:clamp(40px, 8vw, 150px);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;column-gap:clamp(40px,8vw,150px);display:grid}.home-hero-details{flex-direction:column;align-items:flex-start;gap:clamp(12px,2.5vw - 8px,20px);padding-top:clamp(8px,1vw + 4px,18px);display:flex}@media (min-width:641px) and (max-width:1180px){.home-hero-intro{-moz-column-gap:clamp(24px, 4vw, 48px);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);column-gap:clamp(24px,4vw,48px)}.home-hero-details{gap:16px;padding-top:0}.home-hero-details p span{display:inline}.home-hero-details p span+span:before{content:" "}}@media (max-width:640px){.home-hero-intro{flex-direction:column;gap:20px;display:flex}.home-hero-details{width:100%;padding-top:0}.home-hero-intro h1 span,.home-hero-details p span{display:inline}.home-hero-intro h1 span+span:before,.home-hero-details p span+span:before{content:" "}}.home-hero-demo{perspective:30rem;width:100%;min-width:0;margin-top:calc(var(--home-hero-demo-gap) + 20px);opacity:0;transform-origin:50%;transform-style:preserve-3d;animation:landing-demo-enter var(--landing-demo-enter-duration) var(--landing-demo-enter-easing) forwards;position:relative;transform:translateY(40px)scale(.9)}.home-hero-demo-glow{z-index:0;width:var(--landing-demo-glow-width);height:var(--landing-demo-glow-height);background:linear-gradient(-45deg, var(--landing-demo-glow-start), var(--landing-demo-glow-end));filter:blur(var(--landing-demo-glow-blur));transform-origin:50%;animation:landing-demo-glow-enter var(--landing-demo-enter-duration) var(--landing-demo-enter-easing) forwards;pointer-events:none;border-radius:10%;position:absolute;top:calc(10% + 100px);left:50%;transform:translate(-50%)scale(0)}@media (max-width:640px){.home-hero-demo{margin-top:24px}html:not(.dark) .home-hero-demo-window.pd-root.pd-light{outline:2px solid #fff}}.home-hero-demo-frame{--pd-shell-rotation:6deg;--home-demo-frame-width:clamp(528px, calc(100vw - var(--home-gutter) - var(--home-gutter)), 1450px);z-index:1;width:var(--home-demo-frame-width);aspect-ratio:1.75;transform:translateX(-50%) rotateX(var(--pd-shell-rotation));transform-origin:50%;transform-style:preserve-3d;position:relative;left:50%;container-type:inline-size}.home-hero-demo-scroller{display:contents}.home-hero-demo-scroll-hint{display:none}.home-hero-demo-window .pd-window{background:color-mix(in srgb, var(--pd-color-bg-base) 95%, transparent)}.home-hero-demo-window .pd-home-chat-surface{background:var(--pd-color-bg-chat)}.home-hero-demo-window .pd-aside-item.is-interactive{transform-origin:0;animation:.5s ease-in-out both home-hero-aside-wave;animation-delay:var(--pd-aside-wave-delay,0s)}@keyframes home-hero-aside-wave{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.home-hero-demo-window .pd-home-preset-card{opacity:0;transform-origin:50%;animation:.55s ease-in-out both home-hero-preset-fade;animation-delay:var(--pd-preset-fade-delay,0s);transform:scale(1.1)}@keyframes home-hero-preset-fade{0%{opacity:0;transform:scale(1.1)}55%{opacity:1;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:700px){.home-hero{padding-bottom:50px}.home-hero-demo{width:calc(100% + var(--home-gutter) + var(--home-gutter));max-width:none;margin-left:calc(-1 * var(--home-gutter));opacity:1;perspective:none;transform-style:flat;clip-path:inset(0);animation:none;overflow:hidden;transform:none}.home-hero-demo-scroller{overscroll-behavior-x:contain;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;width:100%;min-width:0;display:flex;overflow:auto hidden;scrollbar-width:none!important;scrollbar-color:transparent transparent!important}.home-hero-demo-scroller::-webkit-scrollbar{background:0 0;width:0!important;height:0!important;display:none!important}.home-hero-demo-window,.home-hero-demo-window *{-ms-overflow-style:none;scrollbar-width:none!important;scrollbar-color:transparent transparent!important}.home-hero-demo-window::-webkit-scrollbar{background:0 0;width:0!important;height:0!important;display:none!important}.home-hero-demo-window ::-webkit-scrollbar{background:0 0;width:0!important;height:0!important;display:none!important}.home-hero-demo-frame{width:clamp(620px, calc(200% - var(--home-gutter) - var(--home-gutter)), 850px);max-width:none;margin-inline:var(--home-gutter);flex:none;left:0;overflow:hidden;transform:none}.home-hero-demo-window.pd-shell{will-change:auto;transform-style:flat}.home-hero-demo-frame.is-inviting-scroll{animation:.8s ease-in-out home-hero-invite-horizontal-scroll}.home-hero-demo-scroll-hint{right:var(--home-gutter);bottom:var(--home-gutter);z-index:4;background:rgb(var(--surface-100) / .9);width:40px;height:40px;color:rgb(var(--foreground) / .95);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;border-radius:9999px;justify-content:center;align-items:center;transition:opacity .15s,visibility .15s;display:flex;position:absolute}.home-hero-demo-scroll-hint.is-hidden{visibility:hidden;opacity:0}.home-hero-demo-scroll-hint svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.home-hero-demo-glow{animation:none;display:none}.home-hero-demo-window .pd-aside-item.is-interactive,.home-hero-demo-window .pd-home-preset-card{opacity:1;animation:none;transform:none}}@keyframes home-hero-invite-horizontal-scroll{0%,to{transform:translate(0)}45%{transform:translate(-8px)}}@media (prefers-reduced-motion:reduce){.home-hero-demo-frame.is-inviting-scroll{animation:none}}