.hero-mockup.svelte-9ivr75{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;max-width:520px;margin:0 auto;transition:transform .6s cubic-bezier(.16,1,.3,1);overflow:hidden;transform:perspective(1200px)rotateX(4deg)rotateY(-2deg);box-shadow:0 24px 80px #18181b0f,0 4px 16px #18181b08}.dark .hero-mockup.svelte-9ivr75{box-shadow:0 24px 80px #0003,0 4px 16px #0000001a}.hero-mockup.svelte-9ivr75:hover{transform:perspective(1200px)rotateX(0)rotateY(0)}.mockup-topbar.svelte-9ivr75{background:var(--bg-subtle);border-bottom:1px solid var(--border);align-items:center;height:36px;padding:0 12px;display:flex}.mockup-dots.svelte-9ivr75{background:var(--accent);width:8px;height:8px;box-shadow:14px 0 0 var(--warning), 28px 0 0 var(--success);border-radius:50%}.mockup-body.svelte-9ivr75{flex-direction:column;gap:12px;padding:16px;display:flex}.mockup-stat-row.svelte-9ivr75{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mockup-stat.svelte-9ivr75{background:var(--bg-subtle);text-align:center;border-radius:10px;padding:10px}.mockup-stat-val.svelte-9ivr75{font-variant-numeric:tabular-nums;color:var(--text-primary);font-family:Geist Mono,ui-monospace,monospace;font-size:18px;font-weight:700}.mockup-stat-label.svelte-9ivr75{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:9px}.mockup-chart.svelte-9ivr75{align-items:flex-end;gap:6px;height:60px;display:flex}.mockup-bar.svelte-9ivr75{background:var(--accent);transform-origin:bottom;border-radius:4px;flex:1;animation:.8s cubic-bezier(.16,1,.3,1) both bar-grow}.mockup-plan.svelte-9ivr75{background:var(--accent);color:#fff;border-radius:12px;padding:12px}.mockup-plan-label.svelte-9ivr75{text-transform:uppercase;letter-spacing:.06em;opacity:.8;font-size:8px;font-weight:600}.mockup-plan-title.svelte-9ivr75{margin-top:4px;font-size:14px;font-weight:700}@media (width<=640px){.hero-mockup.svelte-9ivr75{max-width:320px;transform:perspective(1200px)rotateX(2deg)}}@media (prefers-reduced-motion:reduce){.mockup-bar.svelte-9ivr75{animation:none}.hero-mockup.svelte-9ivr75,.hero-mockup.svelte-9ivr75:hover{transform:none}}
