.demo-hero[data-v-31a33eab]{align-items:center;display:flex;flex-direction:column;font-family:var(--font-sans),sans-serif;margin-left:calc(50% - 50vw);margin-top:calc((var(--ui-header-height,4rem) + 2.5rem)*-1);min-height:100dvh;overflow:clip visible;padding-top:var(--ui-header-height,4rem);position:relative;width:100vw}.demo-hero__aurora[data-v-31a33eab]{inset:0;overflow:visible;pointer-events:none;position:absolute}.demo-hero__blob[data-v-31a33eab]{border-radius:50%;filter:blur(clamp(60px,12vw,140px));opacity:.35;position:absolute;will-change:transform}.demo-hero__blob--primary[data-v-31a33eab]{animation:blobPulse-31a33eab 8s ease-in-out infinite;background:radial-gradient(circle,var(--ui-primary),transparent 70%);height:clamp(300px,50vw,700px);left:50%;top:-10%;transform:translate(-50%);width:clamp(300px,50vw,700px)}.demo-hero__blob--secondary[data-v-31a33eab]{animation:blobPulse-31a33eab 10s ease-in-out 2s infinite;background:radial-gradient(circle,var(--ui-secondary),transparent 70%);height:clamp(200px,35vw,500px);left:15%;top:15%;width:clamp(200px,35vw,500px)}.demo-hero__blob--accent[data-v-31a33eab]{background:radial-gradient(circle,var(--ui-primary),transparent 70%);height:clamp(200px,30vw,450px);right:10%;top:10%;width:clamp(200px,30vw,450px)}@supports (color:color-mix(in lab,red,red)){.demo-hero__blob--accent[data-v-31a33eab]{background:radial-gradient(circle,color-mix(in srgb,var(--ui-primary)50%,#00d4aa),transparent 70%)}}.demo-hero__blob--accent[data-v-31a33eab]{animation:blobPulse-31a33eab 12s ease-in-out 4s infinite}@keyframes blobPulse-31a33eab{0%,to{opacity:.3;transform:translate(-50%)scale(1)}50%{opacity:.45;transform:translate(-50%)scale(1.15)}}.demo-hero__blob--secondary[data-v-31a33eab]{animation-name:blobDrift-31a33eab}.demo-hero__blob--accent[data-v-31a33eab]{animation-name:blobDrift2-31a33eab}@keyframes blobDrift-31a33eab{0%,to{opacity:.25;transform:translate(0)scale(1)}50%{opacity:.4;transform:translate(30px,-20px)scale(1.1)}}@keyframes blobDrift2-31a33eab{0%,to{opacity:.2;transform:translate(0)scale(1)}50%{opacity:.35;transform:translate(-25px,15px)scale(1.12)}}.demo-hero__grain[data-v-31a33eab]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px;inset:0;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000);opacity:.03;pointer-events:none;position:absolute}.demo-hero__content[data-v-31a33eab]{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;max-width:56rem;padding:clamp(2rem,4vh,4rem) clamp(1.25rem,5vw,2rem) clamp(2rem,5vh,4rem);position:relative;text-align:center;width:100%;z-index:2}.demo-hero__fade[data-v-31a33eab]{animation:fadeUp-31a33eab .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--delay,0)*.12s + .2s);opacity:0;transform:translateY(24px)}@keyframes fadeUp-31a33eab{to{opacity:1;transform:translateY(0)}}.demo-hero__badge[data-v-31a33eab]{align-items:center;background:var(--ui-bg-elevated);border:1px solid var(--ui-primary);border-radius:9999px;color:var(--ui-text-toned);display:inline-flex;font-size:.8rem;font-weight:500;gap:.5rem;letter-spacing:.02em;padding:.4rem 1rem}@supports (color:color-mix(in lab,red,red)){.demo-hero__badge[data-v-31a33eab]{border:1px solid color-mix(in srgb,var(--ui-primary)25%,transparent)}}.demo-hero__badge[data-v-31a33eab]{margin-bottom:1.5rem}.demo-hero__badge-icon[data-v-31a33eab]{color:var(--ui-primary);font-size:1.25em}.demo-hero__headline[data-v-31a33eab]{color:var(--ui-text-highlighted);font-family:var(--font-serif),Georgia,serif;font-size:clamp(2.5rem,6.5vw,5.25rem);font-weight:400;letter-spacing:-.02em;line-height:1.05;margin-bottom:clamp(1rem,3vh,1.75rem)}.demo-hero__headline-accent[data-v-31a33eab]{background:linear-gradient(135deg,var(--ui-primary),var(--ui-primary))}@supports (color:color-mix(in lab,red,red)){.demo-hero__headline-accent[data-v-31a33eab]{background:linear-gradient(135deg,var(--ui-primary),color-mix(in srgb,var(--ui-primary)40%,#ff6ec7))}}.demo-hero__headline-accent[data-v-31a33eab]{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic}.demo-hero__subtitle[data-v-31a33eab]{color:var(--ui-text-muted);font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;margin-bottom:clamp(1.5rem,4vh,2.5rem);max-width:38rem}.demo-hero__ctas[data-v-31a33eab]{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:clamp(1.5rem,4vh,2.5rem)}.demo-hero__cta[data-v-31a33eab],.demo-hero__ctas[data-v-31a33eab]{align-items:center;justify-content:center}.demo-hero__cta[data-v-31a33eab]{border-radius:9999px;cursor:pointer;display:inline-flex;font-family:var(--font-sans),sans-serif;font-size:clamp(.875rem,1.5vw,1rem);font-weight:600;min-width:9rem;padding:.75rem 2rem;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1)}.demo-hero__cta--primary[data-v-31a33eab]{background:linear-gradient(135deg,var(--ui-primary),var(--ui-primary))}@supports (color:color-mix(in lab,red,red)){.demo-hero__cta--primary[data-v-31a33eab]{background:linear-gradient(135deg,var(--ui-primary),color-mix(in srgb,var(--ui-primary)60%,#ff6ec7))}}.demo-hero__cta--primary[data-v-31a33eab]{border:none;box-shadow:0 4px 24px var(--ui-primary);color:#fff}@supports (color:color-mix(in lab,red,red)){.demo-hero__cta--primary[data-v-31a33eab]{box-shadow:0 4px 24px color-mix(in srgb,var(--ui-primary)30%,transparent)}}.demo-hero__cta--primary[data-v-31a33eab]:hover{box-shadow:0 8px 32px var(--ui-primary);transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.demo-hero__cta--primary[data-v-31a33eab]:hover{box-shadow:0 8px 32px color-mix(in srgb,var(--ui-primary)45%,transparent)}}.demo-hero__cta--ghost[data-v-31a33eab]{background:0 0;border:1px solid var(--ui-primary);color:var(--ui-text-toned)}@supports (color:color-mix(in lab,red,red)){.demo-hero__cta--ghost[data-v-31a33eab]{border:1px solid color-mix(in srgb,var(--ui-primary)30%,transparent)}}.demo-hero__cta--ghost[data-v-31a33eab]:hover{background:var(--ui-primary)}@supports (color:color-mix(in lab,red,red)){.demo-hero__cta--ghost[data-v-31a33eab]:hover{background:color-mix(in srgb,var(--ui-primary)8%,transparent)}}.demo-hero__cta--ghost[data-v-31a33eab]:hover{border-color:var(--ui-primary)}@supports (color:color-mix(in lab,red,red)){.demo-hero__cta--ghost[data-v-31a33eab]:hover{border-color:color-mix(in srgb,var(--ui-primary)50%,transparent)}}.demo-hero__cta--ghost[data-v-31a33eab]:hover{color:var(--ui-text-highlighted)}.demo-hero__proof[data-v-31a33eab]{flex-wrap:wrap;gap:.75rem;justify-content:center}.demo-hero__avatars[data-v-31a33eab],.demo-hero__proof[data-v-31a33eab]{align-items:center;display:flex}.demo-hero__avatar[data-v-31a33eab]{border:2px solid var(--ui-bold);border-radius:50%;height:2rem;margin-left:calc(var(--i,0)*0px - .4rem);width:2rem}.demo-hero__avatar[data-v-31a33eab]:first-child{margin-left:0}.demo-hero__proof-text[data-v-31a33eab]{align-items:flex-start;display:flex;flex-direction:column;gap:.1rem}.demo-hero__stars[data-v-31a33eab]{color:#f5a623;font-size:.8rem;letter-spacing:.05em}.demo-hero__proof-label[data-v-31a33eab]{color:var(--ui-text-dimmed);font-size:.75rem;font-weight:500}.demo-hero__mockup-wrapper[data-v-31a33eab]{background:0 0;max-width:64rem;overflow:visible;padding:0 clamp(1rem,4vw,3rem);perspective:1200px;position:relative;width:100%;z-index:2}.demo-hero__mockup[data-v-31a33eab]{border:1px solid var(--ui-primary);border-radius:clamp(.75rem,1.5vw,1rem);overflow:hidden;width:100%}@supports (color:color-mix(in lab,red,red)){.demo-hero__mockup[data-v-31a33eab]{border:1px solid color-mix(in srgb,var(--ui-primary)15%,var(--ui-border))}}.demo-hero__mockup[data-v-31a33eab]{transform:rotateX(8deg)scale(.95);transform-origin:top;transition:transform .5s cubic-bezier(.16,1,.3,1)}.demo-hero__mockup[data-v-31a33eab]:hover{transform:rotateX(4deg)scale(.97)}.demo-hero__mockup-chrome[data-v-31a33eab]{align-items:center;background:var(--ui-bg-elevated);border-bottom:1px solid var(--ui-border);display:flex;gap:.75rem;padding:.6rem 1rem}.demo-hero__mockup-dots[data-v-31a33eab]{display:flex;gap:.35rem}.demo-hero__mockup-dots span[data-v-31a33eab]{background:var(--ui-text-dimmed);border-radius:50%;height:.5rem;opacity:.4;width:.5rem}.demo-hero__mockup-url[data-v-31a33eab]{color:var(--ui-text-dimmed);flex:1;font-family:var(--font-sans),monospace;font-size:.7rem;text-align:center}.demo-hero__mockup-body[data-v-31a33eab]{background:var(--ui-bg);min-height:clamp(8rem,20vw,16rem);padding:clamp(.75rem,2vw,1.5rem)}.demo-hero__mockup-grid[data-v-31a33eab]{display:grid;gap:clamp(.4rem,1vw,.75rem);grid-template-columns:repeat(3,1fr)}.demo-hero__mockup-card[data-v-31a33eab]{aspect-ratio:4/3;background:linear-gradient(135deg,hsl(var(--hue,270)50% 60%/.3),hsl(var(--hue,270)60% 40%/.15));border:1px solid var(--ui-border);border-radius:clamp(.3rem,.6vw,.5rem)}@supports (color:color-mix(in lab,red,red)){.demo-hero__mockup-card[data-v-31a33eab]{border:1px solid color-mix(in srgb,var(--ui-border)50%,transparent)}}.demo-hero__mockup-fade[data-v-31a33eab]{background:linear-gradient(to top,var(--ui-bg),transparent);border-radius:0 0 clamp(.75rem,1.5vw,1rem) clamp(.75rem,1.5vw,1rem);bottom:0;height:50%;left:0;pointer-events:none;position:absolute;right:0;z-index:1}@media(max-width:639px){.demo-hero__mockup-wrapper[data-v-31a33eab]{display:none}.demo-hero__content[data-v-31a33eab]{padding-bottom:3rem;padding-top:clamp(5rem,12vh,8rem)}.demo-hero[data-v-31a33eab]{min-height:auto}.demo-hero__ctas[data-v-31a33eab]{flex-direction:column;padding:0 1rem;width:100%}.demo-hero__cta[data-v-31a33eab]{width:100%}}@media(min-width:640px)and (max-width:1023px){.demo-hero__mockup[data-v-31a33eab]{transform:rotateX(6deg)scale(.92)}}@media(min-width:1024px){.demo-hero__content[data-v-31a33eab]{padding-top:clamp(8rem,16vh,12rem)}}