.page-container.svelte-cqfiy9{position:relative;min-height:100vh;overflow-x:hidden;color:#fff}.bg-blur.svelte-cqfiy9{position:fixed;inset:-20px;background-size:cover;background-position:center;filter:blur(60px);z-index:-2;opacity:.4;transform:scale(1.1)}.bg-overlay.svelte-cqfiy9{position:fixed;inset:0;background:linear-gradient(to bottom,#0009,#000);z-index:-1}.content-wrapper.svelte-cqfiy9{max-width:1200px;margin:0 auto;padding:40px 20px 80px}.hero-grid.svelte-cqfiy9{display:grid;gap:40px;align-items:center;margin-bottom:80px}@media (min-width: 900px){.hero-grid.svelte-cqfiy9{grid-template-columns:1fr 1fr;gap:80px;padding-top:40px}}.mockup-column.svelte-cqfiy9{display:flex;flex-direction:column;align-items:center;gap:24px}.phone-frame.svelte-cqfiy9{position:relative;width:min(280px,100%);aspect-ratio:9/19.5;background:#000;border-radius:40px;box-shadow:0 0 0 8px #1a1a1a,0 0 0 10px #333,0 20px 50px #00000080;overflow:hidden;transform:rotate(-2deg);transition:transform .3s ease}.phone-frame.svelte-cqfiy9:hover{transform:rotate(0) scale(1.02)}.phone-notch.svelte-cqfiy9{position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:24px;background:#000;border-radius:0 0 16px 16px;z-index:10}.wallpaper-image.svelte-cqfiy9{width:100%;height:100%;object-fit:cover}.phone-shine.svelte-cqfiy9{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 40%,transparent 100%);pointer-events:none}.resolution-badge.svelte-cqfiy9{display:flex;align-items:center;gap:12px;padding:10px 20px;border-radius:100px;font-size:13px;font-weight:500}.res-dot.svelte-cqfiy9{width:6px;height:6px;border-radius:50%}.res-dot.web.svelte-cqfiy9{background:#666}.res-dot.app.svelte-cqfiy9{background:#22c55e;box-shadow:0 0 8px #22c55e}.divider.svelte-cqfiy9{width:1px;height:12px;background:#fff3}.highlight.svelte-cqfiy9{color:#22c55e;font-weight:700}.info-column.svelte-cqfiy9{text-align:center}@media (min-width: 900px){.info-column.svelte-cqfiy9{text-align:left}}.feature-pills.svelte-cqfiy9{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:32px}@media (min-width: 900px){.feature-pills.svelte-cqfiy9{justify-content:flex-start}}.pill-badge.svelte-cqfiy9{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.pill-badge.live.svelte-cqfiy9{background:#06b6d426;border-color:#06b6d44d;color:#22d3ee}.pill-badge.depth.svelte-cqfiy9{background:#8b5cf626;border-color:#8b5cf64d;color:#c084fc}.action-card.svelte-cqfiy9{padding:32px;border-radius:24px;display:flex;flex-direction:column;gap:16px}@media (max-width: 420px){.action-card.svelte-cqfiy9{padding:20px;border-radius:20px}}.full-width.svelte-cqfiy9{width:100%;justify-content:center;margin-top:8px}.section-title.svelte-cqfiy9{font-size:20px;font-weight:700;margin-bottom:24px}.related-grid.svelte-cqfiy9{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width: 600px){.related-grid.svelte-cqfiy9{grid-template-columns:repeat(4,1fr)}}.related-card.svelte-cqfiy9{aspect-ratio:9/19.5;border-radius:16px;overflow:hidden;transition:transform .2s}.related-card.svelte-cqfiy9:hover{transform:translateY(-4px)}.related-card.svelte-cqfiy9 img:where(.svelte-cqfiy9){width:100%;height:100%;object-fit:cover}.upsell-banner.svelte-cqfiy9{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;margin-top:8px}@media (max-width: 420px){.upsell-banner.svelte-cqfiy9{flex-direction:column;align-items:stretch}.btn-app-link.svelte-cqfiy9{width:100%;justify-content:center}}.upsell-content.svelte-cqfiy9{flex:1;min-width:0}.upsell-label.svelte-cqfiy9{font-size:14px;font-weight:700;color:#fff;display:block;margin-bottom:4px}.upsell-desc.svelte-cqfiy9{font-size:12px;color:#71717a;margin:0;line-height:1.4}.btn-app-link.svelte-cqfiy9{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:13px;font-weight:600;color:#fff;text-decoration:none;white-space:nowrap;transition:all .2s ease}.btn-app-link.svelte-cqfiy9:hover{background:#ffffff1f;border-color:#fff3}.spinner.svelte-cqfiy9{animation:svelte-cqfiy9-spin 1s linear infinite}@keyframes svelte-cqfiy9-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}