.app-demo[data-v-ceda8ca3]{background:var(--sf-surface);border:1px solid var(--sf-border);border-radius:14px;box-shadow:var(--sf-shadow-lg,0 20px 40px rgba(0,0,0,.12));overflow:hidden}.app-demo__chrome[data-v-ceda8ca3]{align-items:center;background:var(--sf-surface-sunken);border-bottom:1px solid var(--sf-border);display:flex;height:40px;justify-content:space-between;padding:0 12px 0 14px;position:relative}.app-demo__lights[data-v-ceda8ca3]{display:inline-flex;gap:7px}.app-demo__lights i[data-v-ceda8ca3]{background:#ff5f57;border-radius:50%;height:11px;width:11px}.app-demo__lights i[data-v-ceda8ca3]:nth-child(2){background:#febc2e}.app-demo__lights i[data-v-ceda8ca3]:nth-child(3){background:#28c840}.app-demo__url[data-v-ceda8ca3]{align-items:center;background:var(--sf-surface);border:1px solid var(--sf-border);border-radius:7px;color:var(--sf-text-secondary);display:inline-flex;font-size:12.5px;gap:7px;height:24px;left:50%;line-height:1;padding:0 14px;position:absolute;transform:translate(-50%);white-space:nowrap}.app-demo__dot[data-v-ceda8ca3]{background:var(--sf-text-muted);border-radius:50%;height:7px;transition:background .3s ease;width:7px}.app-demo__dot.is-on[data-v-ceda8ca3]{animation:app-demo-pulse-ceda8ca3 2s infinite;background:#22c55e}.app-demo__fullscreen[data-v-ceda8ca3]{align-items:center;border-radius:6px;color:var(--sf-text-secondary);display:inline-flex;height:28px;justify-content:center;transition:background .15s ease,color .15s ease;width:28px}.app-demo__fullscreen[data-v-ceda8ca3]:hover{background:var(--sf-surface-hover);color:var(--sf-text)}.app-demo__fullscreen[data-v-ceda8ca3]:focus-visible{outline:2px solid var(--sf-primary);outline-offset:1px}.app-demo__fullscreen svg[data-v-ceda8ca3]{fill:none;height:15px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;width:15px}.app-demo__stage[data-v-ceda8ca3]{background:var(--sf-surface);height:clamp(520px,56vw,820px);position:relative}.app-demo.is-fullscreen[data-v-ceda8ca3]{border:0;border-radius:0;display:flex;flex-direction:column;height:100vh;width:100vw}.app-demo.is-fullscreen .app-demo__stage[data-v-ceda8ca3]{flex:1;height:auto}.app-demo__frame[data-v-ceda8ca3],.app-demo__loading[data-v-ceda8ca3]{border:0;height:100%;inset:0;position:absolute;width:100%}.app-demo__loading[data-v-ceda8ca3]{align-items:center;display:flex;justify-content:center;transition:opacity .4s ease}.app-demo__loading.is-waiting[data-v-ceda8ca3] svg{animation:app-demo-breathe-ceda8ca3 1.6s ease-in-out infinite}.app-demo__frame[data-v-ceda8ca3]{opacity:0;transition:opacity .4s ease}.app-demo__stage.is-live .app-demo__frame[data-v-ceda8ca3]{opacity:1}.app-demo__stage.is-live .app-demo__loading[data-v-ceda8ca3]{opacity:0;pointer-events:none}.app-demo__phone-cta[data-v-ceda8ca3]{background:var(--sf-primary);border-radius:999px;bottom:20px;color:#fff;font-size:15px;font-weight:600;left:50%;padding:10px 18px;position:absolute;transform:translate(-50%);white-space:nowrap}@media(max-width:767px){.app-demo__stage[data-v-ceda8ca3]{aspect-ratio:16/9;height:auto}.app-demo__chrome[data-v-ceda8ca3]{height:32px}.app-demo__lights i[data-v-ceda8ca3]{height:9px;width:9px}}@keyframes app-demo-breathe-ceda8ca3{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.92)}}@keyframes app-demo-pulse-ceda8ca3{0%{box-shadow:0 0 #22c55e99}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}@media(prefers-reduced-motion:reduce){.app-demo__dot.is-on[data-v-ceda8ca3],.app-demo__loading.is-waiting[data-v-ceda8ca3] svg{animation:none}}.hide-scrollbar[data-v-b31362c4]{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar[data-v-b31362c4]::-webkit-scrollbar{display:none}.value-prop-fade--left[data-v-b31362c4]{background:linear-gradient(to right,var(--sf-canvas),transparent)}.value-prop-fade--right[data-v-b31362c4]{background:linear-gradient(to left,var(--sf-canvas),transparent)}.hero-trailer[data-v-b31362c4]{border:1px solid var(--sf-border);border-radius:var(--sf-radius-md);box-shadow:var(--sf-shadow-lg);display:block;height:auto;width:100%}@media(min-width:640px){.hero-trailer[data-v-b31362c4]{border-radius:var(--sf-radius-xl)}}