.demo-frame[data-v-1638badf]{--accent: var(--f1d4c56a);position:relative;margin-inline:auto;width:100%;border-radius:16px;background:linear-gradient(var(--color-bg-card),var(--color-bg-card)) padding-box,linear-gradient(150deg,color-mix(in srgb,var(--accent) 65%,transparent),#ffffff14 45%,color-mix(in srgb,var(--accent) 30%,transparent)) border-box;border:1px solid transparent;box-shadow:0 24px 64px #00000073,0 0 48px color-mix(in srgb,var(--accent) 14%,transparent);overflow:hidden}.demo-frame--desktop[data-v-1638badf]{max-width:960px}.demo-frame--phone[data-v-1638badf]{max-width:340px;border-radius:44px}.chrome--desktop[data-v-1638badf]{display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border-bottom:1px solid var(--color-border)}.chrome-dot[data-v-1638badf]{width:11px;height:11px;border-radius:50%;flex-shrink:0}.chrome-url[data-v-1638badf]{display:flex;align-items:center;gap:6px;margin-inline:auto;padding:5px 14px;min-width:220px;justify-content:center;border-radius:var(--radius-pill);background:#ffffff0d;border:1px solid var(--color-border);color:var(--color-text-dim);font-size:.72rem;font-family:var(--font-heading);letter-spacing:.02em}.viewport[data-v-1638badf]{position:relative;overflow:hidden;background:#0a0817}.viewport--desktop[data-v-1638badf]{aspect-ratio:16 / 10}.viewport--phone[data-v-1638badf]{aspect-ratio:9 / 19.5;display:flex;flex-direction:column}.viewport--desktop[data-v-1638badf]>*{width:100%;height:100%}.phone-island[data-v-1638badf]{position:absolute;top:10px;left:50%;transform:translate(-50%);width:34%;height:22px;border-radius:var(--radius-pill);background:#000;z-index:2}.phone-status[data-v-1638badf]{display:flex;align-items:center;justify-content:space-between;padding:12px 22px 6px;font-family:var(--font-heading);font-size:.7rem;font-weight:600;color:var(--color-text);flex-shrink:0}.phone-icons[data-v-1638badf]{display:inline-flex;align-items:center;gap:6px}.phone-screen[data-v-1638badf]{flex:1;overflow:hidden;border-radius:0 0 42px 42px}.phone-screen[data-v-1638badf]>*{width:100%;height:100%}.case-hero[data-v-e80fe1f9]{padding-top:calc(var(--header-height) + 56px);padding-bottom:56px}.case-hero__grid[data-v-e80fe1f9]{display:grid;gap:36px;grid-template-columns:1fr;align-items:center}@media(min-width:1024px){.case-hero__grid[data-v-e80fe1f9]{grid-template-columns:1.1fr 1fr}}.case-hero__visual[data-v-e80fe1f9]{border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--color-border-strong);box-shadow:0 24px 64px #0006}.fact-row[data-v-e80fe1f9]{display:flex;flex-wrap:wrap;gap:28px;margin-top:28px}.fact-row dt[data-v-e80fe1f9]{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-dim)}.fact-row dd[data-v-e80fe1f9]{font-family:var(--font-heading);font-weight:600;font-size:1.05rem}.split[data-v-e80fe1f9]{display:grid;gap:40px;grid-template-columns:1fr}@media(min-width:1024px){.split[data-v-e80fe1f9]{grid-template-columns:1fr 1fr;gap:64px}}.demo-toggle[data-v-e80fe1f9]{position:relative;display:flex;width:280px;max-width:100%;margin:0 auto 36px;padding:4px;border-radius:var(--radius-pill);background:var(--color-bg-card);border:1px solid var(--color-border-strong)}.demo-toggle__thumb[data-v-e80fe1f9]{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);border-radius:var(--radius-pill);background:#6c4cf140;border:1px solid rgba(108,76,241,.5);transition:transform .3s var(--ease-out)}.demo-toggle__btn[data-v-e80fe1f9]{position:relative;z-index:1;flex:1;padding:8px 22px;border-radius:var(--radius-pill);font-size:.85rem;font-weight:600;font-family:var(--font-heading);color:var(--color-text-dim);transition:color .25s}.demo-toggle__btn.is-active[data-v-e80fe1f9]{color:var(--color-text)}.demo-swap-enter-active[data-v-e80fe1f9],.demo-swap-leave-active[data-v-e80fe1f9]{transition:opacity .28s var(--ease-out),transform .28s var(--ease-out)}.demo-swap-enter-from[data-v-e80fe1f9]{opacity:0;transform:translateY(14px) scale(.985)}.demo-swap-leave-to[data-v-e80fe1f9]{opacity:0;transform:translateY(-10px) scale(.985)}.demo-footnote[data-v-e80fe1f9]{margin-top:20px;text-align:center;font-size:.8rem;color:var(--color-text-dim)}
