.mockup.svelte-yor7j0{aspect-ratio:1/.92;width:100%;max-width:30rem;margin-inline:auto;position:relative}.mockup-orbits{width:108%;height:112%;inset:-6% -4%}.mockup-glow.svelte-yor7j0{border-radius:var(--radius-full);background:radial-gradient(circle, rgb(var(--rgb-brand-200) / .7), transparent 70%);filter:blur(20px);position:absolute;inset:18% 14%}.mockup-dark.svelte-yor7j0 .mockup-glow:where(.svelte-yor7j0){background:radial-gradient(circle, rgb(var(--rgb-sky-500) / .45), transparent 70%)}i.svelte-yor7j0{border-radius:var(--radius-full);background:rgb(var(--rgb-ink-200));height:6px;display:block}i.faint.svelte-yor7j0{background:rgb(var(--rgb-ink-100))}.w-30.svelte-yor7j0{width:30%}.w-40.svelte-yor7j0{width:40%}.w-50.svelte-yor7j0{width:50%}.w-60.svelte-yor7j0{width:60%}.w-70.svelte-yor7j0{width:70%}.tone-teal.svelte-yor7j0{background:rgb(var(--rgb-teal-400))}.tone-brand.svelte-yor7j0{background:rgb(var(--rgb-brand-400))}.tone-sky.svelte-yor7j0{background:rgb(var(--rgb-sky-400))}.browser.svelte-yor7j0{border-radius:var(--radius-md);background:var(--color-surface);width:78%;box-shadow:var(--shadow-card);animation:float var(--duration-float) ease-in-out infinite;position:absolute;top:12%;left:0;overflow:hidden}.browser-bar.svelte-yor7j0{background:rgb(var(--rgb-ink-50));border-bottom:1px solid var(--color-border);align-items:center;gap:5px;padding:10px 12px;display:flex}.browser-bar.svelte-yor7j0 span:where(.svelte-yor7j0){border-radius:var(--radius-full);background:rgb(var(--rgb-ink-300));width:8px;height:8px}.browser-bar.svelte-yor7j0 span:where(.svelte-yor7j0):first-child{background:rgb(var(--rgb-teal-400))}.browser-url.svelte-yor7j0{background:rgb(var(--rgb-white));border:1px solid var(--color-border);flex:1;height:10px;margin-left:10px}.browser-body.svelte-yor7j0{grid-template-columns:26% 1fr;min-height:13rem;display:grid}.browser-side.svelte-yor7j0{border-right:1px solid var(--color-border);align-content:start;gap:10px;padding:16px 12px;display:grid}.browser-main.svelte-yor7j0{padding:14px}.kanban.svelte-yor7j0{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.kanban-col.svelte-yor7j0{align-content:start;gap:8px;display:grid}.kanban-head.svelte-yor7j0{background:rgb(var(--rgb-ink-300));width:60%}.kanban-card.svelte-yor7j0{border-radius:var(--radius-sm);background:rgb(var(--rgb-ink-50));border:1px solid var(--color-border);gap:6px;padding:9px;display:grid}.kanban-card.svelte-yor7j0 i:where(.svelte-yor7j0):first-child{width:45%}.chart.svelte-yor7j0{border-bottom:1px solid var(--color-border);align-items:flex-end;gap:8%;height:10rem;padding:8px 6px 0;display:flex}.chart.svelte-yor7j0 i:where(.svelte-yor7j0){border-radius:var(--radius-xs) var(--radius-xs) 0 0;background:rgb(var(--rgb-brand-200));flex:1;height:auto}.chart.svelte-yor7j0 i.bar-accent:where(.svelte-yor7j0){background:rgb(var(--rgb-teal-400))}.phone.svelte-yor7j0{aspect-ratio:9/18.5;background:var(--color-surface);border:6px solid rgb(var(--rgb-night-950));width:38%;box-shadow:var(--shadow-float);animation:float var(--duration-float) ease-in-out -4s infinite;border-radius:1.75rem;flex-direction:column;gap:12px;padding:10px;display:flex;position:absolute;top:0;right:4%}.mockup-dark.svelte-yor7j0 .phone:where(.svelte-yor7j0){border-color:rgb(var(--rgb-ink-300))}.phone-notch.svelte-yor7j0{border-radius:var(--radius-full);background:rgb(var(--rgb-night-950));align-self:center;width:36%;height:8px;margin-top:-4px}.phone-header.svelte-yor7j0{border-radius:var(--radius-md);background:var(--gradient-brand);gap:7px;padding:14px 12px;display:grid}.phone-header.svelte-yor7j0 i:where(.svelte-yor7j0){background:rgb(var(--rgb-white) / .9)}.phone-header.svelte-yor7j0 i.faint:where(.svelte-yor7j0){background:rgb(var(--rgb-white) / .5)}.phone-list.svelte-yor7j0{gap:10px;display:grid}.phone-row.svelte-yor7j0{border-radius:var(--radius-sm);background:rgb(var(--rgb-ink-50));align-items:center;gap:9px;padding:8px;display:flex}.phone-dot.svelte-yor7j0{border-radius:var(--radius-full);flex-shrink:0;width:18px;height:18px}.phone-lines.svelte-yor7j0{flex:1;gap:5px;display:grid}.phone-cta.svelte-yor7j0{border-radius:var(--radius-xs);background:rgb(var(--rgb-teal-400));height:22px;margin-top:auto}