.photo.svelte-2l48as{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line, rgba(22, 21, 15, .12));box-shadow:0 20px 50px #16150f1a;background:var(--surface, #fff);display:flex;align-items:center;justify-content:center}.photo.real.svelte-2l48as{background:#eceae4}.cover.svelte-2l48as{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}.mock.svelte-2l48as{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface, #fff);display:flex;flex-direction:column;overflow:hidden}.mock.svelte-2l48as:after{content:"";position:absolute;top:-20%;left:-70%;width:45%;height:140%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);transform:skew(-14deg);pointer-events:none;z-index:3;animation:svelte-2l48as-shine 4.8s ease-in-out infinite}@keyframes svelte-2l48as-shine{0%{left:-70%}55%,to{left:140%}}.bar.svelte-2l48as{height:34px;flex:none;display:flex;align-items:center;gap:7px;padding:0 14px;background:#f0efe9;border-bottom:1px solid var(--line, rgba(22, 21, 15, .12))}.dot3.svelte-2l48as{width:9px;height:9px;border-radius:50%;background:#16150f2e}.url.svelte-2l48as{margin-left:10px;height:14px;flex:1;max-width:62%;border-radius:7px;background:#16150f14}.canvas.svelte-2l48as{flex:1;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:0}.band.svelte-2l48as{height:30%;min-height:54px;border-radius:10px;position:relative;overflow:hidden}.band.svelte-2l48as:after{content:"";position:absolute;left:16px;top:16px;width:42%;height:12px;border-radius:6px;background:#fff9;box-shadow:0 22px 0 -4px #fff6}.tiles.svelte-2l48as{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tiles.svelte-2l48as i:where(.svelte-2l48as){height:40px;border-radius:8px;background:#efeee8;border:1px solid var(--line-soft, rgba(22, 21, 15, .07));display:block}.tiles.svelte-2l48as i.accent:where(.svelte-2l48as){background:var(--accent, #2880e2);opacity:.16}.chart.svelte-2l48as{flex:1;display:flex;align-items:flex-end;gap:8px;min-height:40px;padding-top:4px}.chart.svelte-2l48as b:where(.svelte-2l48as){flex:1;border-radius:5px 5px 0 0;background:#16150f24;transform-origin:bottom;transform:scaleY(.15);animation:svelte-2l48as-grow .9s cubic-bezier(.22,1,.36,1) .25s forwards}@keyframes svelte-2l48as-grow{to{transform:scaleY(1)}}.chart.svelte-2l48as b.hl:where(.svelte-2l48as){background:var(--accent, #2880e2);opacity:.85}.lines.svelte-2l48as{display:flex;flex-direction:column;gap:7px}.lines.svelte-2l48as u:where(.svelte-2l48as){height:8px;border-radius:4px;background:#16150f17;text-decoration:none}.lines.svelte-2l48as u:where(.svelte-2l48as):nth-child(2){width:82%}.lines.svelte-2l48as u:where(.svelte-2l48as):nth-child(3){width:64%}.phone-holder.svelte-2l48as{background:transparent;align-items:center;justify-content:center}.phone.svelte-2l48as{width:42%;max-width:200px;aspect-ratio:9 / 18;background:#16150f;border-radius:26px;padding:8px;box-shadow:0 24px 50px #16150f47}.screen.svelte-2l48as{width:100%;height:100%;background:#fff;border-radius:19px;overflow:hidden;display:flex;flex-direction:column}.notch.svelte-2l48as{height:20px;display:flex;justify-content:center}.notch.svelte-2l48as:after{content:"";width:42%;height:7px;background:#16150f;border-radius:0 0 8px 8px}.p-body.svelte-2l48as{flex:1;padding:12px;display:flex;flex-direction:column;gap:9px}.p-hero.svelte-2l48as{height:34%;border-radius:12px}.p-row.svelte-2l48as{height:15px;border-radius:7px;background:#efeee8;border:1px solid var(--line-soft, rgba(22, 21, 15, .07))}.p-row.accent.svelte-2l48as{background:var(--accent, #2880e2);opacity:.18;width:70%}.photo.floaty.svelte-2l48as .mock:where(.svelte-2l48as){animation:svelte-2l48as-floaty 6s ease-in-out infinite}@keyframes svelte-2l48as-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 900px){.phone.svelte-2l48as{max-width:150px}}@media (prefers-reduced-motion: reduce){.mock.svelte-2l48as:after,.photo.floaty.svelte-2l48as .mock:where(.svelte-2l48as){animation:none}.chart.svelte-2l48as b:where(.svelte-2l48as){animation:none;transform:scaleY(1)}}
