.screenshot-showcase[data-astro-cid-3zwluyzt]{display:flex;flex-direction:column;gap:20px;width:100%}.tabs-header[data-astro-cid-3zwluyzt]{display:flex;background:#f1f5f9e6;border:1px solid rgba(226,232,240,.9);padding:5px;border-radius:10px;gap:6px;backdrop-filter:blur(8px)}.tab-btn[data-astro-cid-3zwluyzt]{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;background:transparent;padding:10px 14px;font-size:13px;font-weight:700;color:var(--muted);border-radius:8px;cursor:pointer;transition:all .16s ease}.tab-btn[data-astro-cid-3zwluyzt] svg[data-astro-cid-3zwluyzt]{opacity:.6;transition:opacity .16s ease}.tab-btn[data-astro-cid-3zwluyzt].active{background:#fff;color:var(--ink);box-shadow:0 4px 12px #1118270f}.tab-btn[data-astro-cid-3zwluyzt].active svg[data-astro-cid-3zwluyzt]{opacity:1;color:var(--accent)}.tab-btn[data-astro-cid-3zwluyzt]:not(.active):hover{color:var(--ink);background:#fff9}.showcase-view[data-astro-cid-3zwluyzt]{position:relative;width:100%;min-height:420px;display:flex;justify-content:center;align-items:center}.view-panel[data-astro-cid-3zwluyzt]{display:none;width:100%;animation:fadeIn .22s cubic-bezier(.16,1,.3,1) forwards}.view-panel[data-astro-cid-3zwluyzt].active{display:flex;justify-content:center;align-items:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.browser-mockup[data-astro-cid-3zwluyzt]{width:100%;border:1px solid rgba(226,232,240,.9);border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 12px 30px -6px #1118270f,0 22px 50px -12px #1118271f;transition:transform .3s ease,box-shadow .3s ease}.browser-mockup[data-astro-cid-3zwluyzt]:hover{transform:translateY(-2px);box-shadow:0 16px 36px -6px #11182714,0 30px 64px -12px #11182729}.browser-bar[data-astro-cid-3zwluyzt]{display:grid;grid-template-columns:80px 1fr 80px;align-items:center;background:#f8fafc;border-bottom:1px solid rgba(226,232,240,.9);padding:12px 18px}.browser-bar[data-astro-cid-3zwluyzt] .dots[data-astro-cid-3zwluyzt]{display:flex;gap:6px}.browser-bar[data-astro-cid-3zwluyzt] .dots[data-astro-cid-3zwluyzt] span[data-astro-cid-3zwluyzt]{width:8px;height:8px;border-radius:50%;background:#ef4444}.browser-bar[data-astro-cid-3zwluyzt] .dots[data-astro-cid-3zwluyzt] span[data-astro-cid-3zwluyzt]:nth-child(2){background:#f59e0b}.browser-bar[data-astro-cid-3zwluyzt] .dots[data-astro-cid-3zwluyzt] span[data-astro-cid-3zwluyzt]:nth-child(3){background:#10b981}.address-bar[data-astro-cid-3zwluyzt]{background:#94a3b81f;border-radius:5px;padding:4px 16px;font-size:11px;color:#64748b;text-align:center;letter-spacing:.02em;max-width:360px;margin:0 auto;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-image[data-astro-cid-3zwluyzt]{width:100%;aspect-ratio:16 / 10.2;overflow:hidden;display:flex;align-items:flex-start;background:#f1f5f9}.screen-image[data-astro-cid-3zwluyzt] img[data-astro-cid-3zwluyzt]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.phone-mockup[data-astro-cid-3zwluyzt]{width:258px;border:10px solid #0f172a;border-radius:40px;background:#0f172a;overflow:hidden;box-shadow:0 12px 30px -5px #11182726,0 24px 64px -10px #11182740;position:relative;transition:transform .3s ease,box-shadow .3s ease}.phone-mockup[data-astro-cid-3zwluyzt]:hover{transform:translateY(-4px) rotate(.5deg);box-shadow:0 16px 36px -5px #1118272e,0 30px 80px -10px #1118274d}.phone-bar[data-astro-cid-3zwluyzt]{height:28px;width:100%;background:#0f172a;display:flex;align-items:center;justify-content:center;gap:8px}.phone-bar[data-astro-cid-3zwluyzt] .speaker[data-astro-cid-3zwluyzt]{width:44px;height:4px;border-radius:2px;background:#334155}.phone-bar[data-astro-cid-3zwluyzt] .camera[data-astro-cid-3zwluyzt]{width:6px;height:6px;border-radius:50%;background:#334155}.phone-mockup[data-astro-cid-3zwluyzt] .screen-image[data-astro-cid-3zwluyzt]{aspect-ratio:9 / 19.5}.phone-mockup[data-astro-cid-3zwluyzt] .screen-image[data-astro-cid-3zwluyzt] img[data-astro-cid-3zwluyzt]{-o-object-position:top center;object-position:top center}@media (max-width: 640px){.tabs-header[data-astro-cid-3zwluyzt]{flex-direction:column}.showcase-view[data-astro-cid-3zwluyzt]{min-height:auto}}