.live-mockup[data-astro-cid-m7ndc5z7]{margin:96px 0}.mockup-toggle[data-astro-cid-m7ndc5z7]{display:inline-flex;align-self:flex-start;background:var(--bg-subtle);border:1px solid var(--border);border-radius:999px;padding:4px;margin:0 0 24px;font-family:var(--font-mono);font-size:var(--fs-12);text-transform:uppercase;letter-spacing:.06em}.mockup-toggle[data-astro-cid-m7ndc5z7] .toggle-btn[data-astro-cid-m7ndc5z7]{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:0;background:transparent;border-radius:999px;color:var(--text-muted);cursor:pointer;font:inherit;letter-spacing:inherit;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.mockup-toggle[data-astro-cid-m7ndc5z7] .toggle-btn[data-astro-cid-m7ndc5z7]:hover{color:var(--text)}.mockup-toggle[data-astro-cid-m7ndc5z7] .toggle-btn[data-astro-cid-m7ndc5z7].is-active{background:var(--bg);color:var(--text);box-shadow:0 1px 2px #0000000f}.mockup-toggle[data-astro-cid-m7ndc5z7] .toggle-dot[data-astro-cid-m7ndc5z7]{width:6px;height:6px;border-radius:50%;background:var(--text-subtle);transition:background var(--dur-fast) var(--ease)}.mockup-toggle[data-astro-cid-m7ndc5z7] .toggle-btn[data-astro-cid-m7ndc5z7].is-active .toggle-dot[data-astro-cid-m7ndc5z7]{background:var(--accent)}.mockup-track[data-astro-cid-m7ndc5z7]{position:relative;min-height:var(--track-vh, 220vh)}.mockup-grid[data-astro-cid-m7ndc5z7]{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:1fr;align-items:center;gap:48px;padding:0}@media(min-width:880px){.mockup-grid[data-astro-cid-m7ndc5z7]{grid-template-columns:minmax(280px,360px) 1fr;gap:64px}}.mockup-stage[data-astro-cid-m7ndc5z7]{display:flex;align-items:center;justify-content:center}.mockup-copy[data-astro-cid-m7ndc5z7]{align-self:center;font-family:var(--font-sans);font-size:var(--fs-18);color:var(--text);line-height:var(--lh-body);max-width:460px}.mockup-copy[data-astro-cid-m7ndc5z7] p{margin:0 0 16px}.mockup-copy[data-astro-cid-m7ndc5z7] p:last-child{margin-bottom:0}.mockup-copy[data-astro-cid-m7ndc5z7] strong{font-weight:600;color:var(--text)}.phone[data-astro-cid-m7ndc5z7]{position:relative;width:280px;border-radius:38px;background:#fff;border:1px solid var(--border);box-shadow:0 1px 2px #0000000d,0 24px 48px #0000001a;padding:8px}@media(min-width:1100px){.phone[data-astro-cid-m7ndc5z7]{width:320px}}.phone-screen[data-astro-cid-m7ndc5z7]{position:relative;width:100%;height:0;padding-bottom:calc(100% * 812 / 375);border-radius:38px;overflow:hidden;background:#f5f6f8}.platform-layer[data-astro-cid-m7ndc5z7]{position:absolute;inset:0;display:none}.platform-layer[data-astro-cid-m7ndc5z7].is-active{display:block}.phone-header-wrap[data-astro-cid-m7ndc5z7]{position:absolute;inset:0 0 auto;width:100%;z-index:2;pointer-events:none}.phone-tabbar-wrap[data-astro-cid-m7ndc5z7]{position:absolute;inset:auto 0 0;width:100%;z-index:2;pointer-events:none}.phone-header-wrap--ios[data-astro-cid-m7ndc5z7] .phone-glass[data-astro-cid-m7ndc5z7]{position:absolute;inset:0;background:#ffffff9e;backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);border-radius:0 0 32px 32px}.phone-header[data-astro-cid-m7ndc5z7],.phone-tabbar[data-astro-cid-m7ndc5z7]{position:relative;width:100%;height:auto;display:block;z-index:1}.phone-scroll[data-astro-cid-m7ndc5z7]{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.phone-content[data-astro-cid-m7ndc5z7]{width:100%;display:block;will-change:transform;transform:translateY(0)}.phone-content-piece[data-astro-cid-m7ndc5z7]{display:block;height:auto}.phone-content-piece[data-astro-cid-m7ndc5z7]+.phone-content-piece[data-astro-cid-m7ndc5z7]{margin-top:16px}@media(prefers-reduced-motion:reduce){.mockup-track[data-astro-cid-m7ndc5z7]{min-height:auto}.mockup-grid[data-astro-cid-m7ndc5z7]{position:static;height:auto;padding:40px 0}.phone-content[data-astro-cid-m7ndc5z7]{transform:none}}@media(max-width:879px){.mockup-track[data-astro-cid-m7ndc5z7]{min-height:auto}.mockup-grid[data-astro-cid-m7ndc5z7]{position:static;height:auto;padding:40px 0 0}.phone-content[data-astro-cid-m7ndc5z7]{transform:none}}