.landing-actions{flex-wrap:wrap;align-items:center;gap:0;margin-top:28px;margin-left:-12px;display:flex}.landing-web-clearspace{padding:12px;display:inline-flex}@media (max-width:639px){.landing-actions{flex-direction:column;align-items:flex-start}}.landing-web-cta{background:var(--primary);width:155.641px;height:48px;color:var(--primary-foreground);border-radius:9px;justify-content:center;align-items:center;font-size:14px;font-weight:600;transition:background .16s ease-out;display:inline-flex}.landing-web-cta:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.share-demo{background:var(--guide);border-radius:32px;width:100%;min-width:0;max-width:420px;margin:0 auto;padding:24px 20px 12px}.share-demo-heading{color:var(--foreground);justify-content:space-between;align-items:center;gap:12px;padding:0 4px;font-size:13px;display:flex}.share-demo-example{background:var(--control);color:var(--muted-foreground);white-space:nowrap;border-radius:8px;padding:5px 9px;font-size:11px}.share-demo-canvas{aspect-ratio:400/680;position:relative}.share-demo-player,.share-demo-poster{width:100%;height:100%;position:absolute;inset:0}.share-demo-poster.is-hidden{visibility:hidden}.share-demo-caption{min-height:44px;color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:8px;padding-left:4px;font-size:13px;display:flex}.share-demo-controls{display:flex}.share-demo-controls button{cursor:pointer;background:var(--control);width:44px;height:44px;color:var(--foreground);border-radius:12px;place-items:center;display:grid}.share-demo-controls button+button{margin-left:4px}.share-demo-controls button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.share-demo-controls button:disabled{opacity:.4;cursor:default}@media (hover:hover) and (pointer:fine){.landing-web-cta:hover,.share-demo-controls button:hover{background:var(--label-selected)}}@media (max-width:420px){.share-demo{border-radius:24px;padding:18px 10px 10px}.share-demo-heading{font-size:12px}}.tester-demo .share-demo{max-width:none}.tester-demo .share-demo-canvas{aspect-ratio:296/624;margin:24px 0;overflow:hidden}.tester-demo .share-demo-player,.tester-demo .share-demo-poster{width:135.135%;height:108.974%;inset:-4.48718% auto auto -17.5676%}.tester-screens{margin-inline:calc(var(--page-gutter) * -1);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-gutter);scrollbar-width:none;overflow-x:auto;container-type:inline-size}.tester-screens::-webkit-scrollbar{display:none}.tester-screens-list{width:max-content;padding-inline:var(--page-gutter);gap:12px;display:flex}.tester-screens-list>li{width:42vw;width:calc((100cqi - var(--page-gutter) - 24px) / 2.2);aspect-ratio:660/1434;outline:1px solid var(--border);outline-offset:-1px;background:var(--guide);scroll-snap-align:start;border-radius:14px;flex:none;overflow:hidden}.tester-screens-list img{width:100%;height:100%;display:block}@media (min-width:640px){.tester-screens-list>li{border-radius:18px}}@media (hover:hover) and (pointer:fine){.tester-screens{scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding-bottom:12px}.tester-screens::-webkit-scrollbar{height:8px;display:block}.tester-screens::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}}