.video-phone-mockup[data-astro-cid-bgv2ch5n]{display:flex;justify-content:center}.phone-frame[data-astro-cid-bgv2ch5n]{position:relative;width:var(--phone-width);aspect-ratio:320 / 660;background:var(--color-phone-frame);border-radius:calc(var(--phone-width) * .15);padding:calc(var(--phone-width) * .019);box-shadow:var(--shadow-phone),0 0 0 1px #0000000f;transition:background var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}[data-theme=dark] .phone-frame[data-astro-cid-bgv2ch5n]{box-shadow:var(--shadow-phone),0 0 0 1px #ffffff05}.phone-frame__shadow[data-astro-cid-bgv2ch5n]{position:absolute;bottom:calc(var(--phone-width) * -.188);left:50%;transform:translate(-50%);width:calc(var(--phone-width) * .813);height:calc(var(--phone-width) * .188);background:radial-gradient(ellipse 100% 100%,rgba(0,0,0,.2) 0%,rgba(0,0,0,.1) 40%,transparent 70%);filter:blur(15px);transition:background var(--duration-normal) var(--ease-out)}[data-theme=dark] .phone-frame__shadow[data-astro-cid-bgv2ch5n]{background:radial-gradient(ellipse 100% 100%,rgba(0,0,0,.4) 0%,rgba(0,0,0,.2) 40%,transparent 70%)}.phone-screen[data-astro-cid-bgv2ch5n]{position:relative;width:100%;height:100%;background:#000;border-radius:calc(var(--phone-width) * .131);overflow:hidden}.video-phone-mockup__video[data-astro-cid-bgv2ch5n]{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.play-overlay[data-astro-cid-bgv2ch5n]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;border:none;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.play-overlay[data-astro-cid-bgv2ch5n]:hover{background:#00000080}.play-icon[data-astro-cid-bgv2ch5n]{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-brand-accent) 0%,var(--color-brand-secondary) 100%);border-radius:var(--radius-full);color:#fff;transition:transform var(--duration-fast) var(--ease-out)}.play-overlay[data-astro-cid-bgv2ch5n]:hover .play-icon[data-astro-cid-bgv2ch5n]{transform:scale(1.1)}@media(max-width:768px){.play-icon[data-astro-cid-bgv2ch5n]{width:56px;height:56px}.play-icon[data-astro-cid-bgv2ch5n] svg[data-astro-cid-bgv2ch5n]{width:32px;height:32px}}@media(max-width:480px){.play-icon[data-astro-cid-bgv2ch5n]{width:48px;height:48px}.play-icon[data-astro-cid-bgv2ch5n] svg[data-astro-cid-bgv2ch5n]{width:28px;height:28px}}.demo-section[data-astro-cid-prwxh6m4]{position:relative;min-height:100vh;padding:180px 0 var(--space-section);text-align:center;overflow-x:clip;overflow-y:visible;background-color:var(--color-bg-white);display:flex;flex-direction:column;align-items:center}.demo-section__content[data-astro-cid-prwxh6m4]{position:relative;z-index:var(--z-content);width:100%;max-width:900px;margin:0 auto;padding:0 var(--container-padding)}.demo-section__title[data-astro-cid-prwxh6m4]{font-family:var(--font-display);font-size:var(--text-display-hero);font-weight:var(--weight-medium);line-height:1;letter-spacing:var(--tracking-hero);color:var(--color-text);margin:0 0 var(--space-4)}.demo-section__subtitle[data-astro-cid-prwxh6m4]{font-family:var(--font-sans);font-size:var(--text-body-lg);font-weight:var(--weight-normal);line-height:var(--leading-body);color:var(--color-text-body);max-width:600px;margin:0 auto var(--space-10)}.demo-tabs-wrapper[data-astro-cid-prwxh6m4]{width:100%;margin-bottom:var(--space-8);display:flex;justify-content:center}.demo-tabs[data-astro-cid-prwxh6m4]{position:relative;display:flex;gap:var(--space-6);border-bottom:1px solid var(--color-border-strong)}.demo-tabs__tab[data-astro-cid-prwxh6m4]{position:relative;padding:var(--space-3) var(--space-1);font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.demo-tabs__tab[data-astro-cid-prwxh6m4]:hover{color:var(--color-text)}.demo-tabs__tab--active[data-astro-cid-prwxh6m4]{color:var(--color-brand-accent)}.demo-tabs__indicator[data-astro-cid-prwxh6m4]{position:absolute;bottom:-1px;height:2px;background:var(--color-brand-accent);transition:all var(--duration-normal) var(--ease-out)}.demo-carousel[data-astro-cid-prwxh6m4]{position:relative}.demo-item[data-astro-cid-prwxh6m4]{display:none;flex-direction:column;align-items:center;animation:fadeIn .3s var(--ease-out)}.demo-item--active[data-astro-cid-prwxh6m4]{display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.demo-item__description[data-astro-cid-prwxh6m4]{font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-normal);line-height:var(--leading-body);color:var(--color-text-body);max-width:500px;margin:0 auto var(--space-8)}.video-wrapper[data-astro-cid-prwxh6m4]{display:flex;justify-content:center}@media(max-width:1024px){.demo-section[data-astro-cid-prwxh6m4]{padding:160px 0 var(--space-12)}}@media(max-width:768px){.demo-section[data-astro-cid-prwxh6m4]{padding:140px 0 var(--space-12);min-height:auto}.demo-section__title[data-astro-cid-prwxh6m4]{font-size:clamp(2.5rem,10vw,3.5rem)}.demo-tabs-wrapper[data-astro-cid-prwxh6m4]{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;padding-bottom:2px}.demo-tabs-wrapper[data-astro-cid-prwxh6m4]::-webkit-scrollbar{display:none}.demo-tabs[data-astro-cid-prwxh6m4]{gap:var(--space-4);padding-right:var(--space-4)}.demo-tabs__tab[data-astro-cid-prwxh6m4]{font-size:var(--text-body-sm);padding:var(--space-2) 0;white-space:nowrap;flex-shrink:0}}