.scroll-container.svelte-1f7ea9{height:200vh;position:relative;background:#0a0a0f}.sticky-frame.svelte-1f7ea9{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;padding:0 1rem}.stage.svelte-1f7ea9{max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.75rem;justify-content:center;width:100%}.visual-side.svelte-1f7ea9{flex-shrink:0}.frame-container.svelte-1f7ea9{position:relative;opacity:1;transform:scale(1);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.phone-bezel.svelte-1f7ea9{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;background:linear-gradient(145deg,#2a2a2a,#1a1a1a,#2a2a2a);border-radius:30px;z-index:0;transition:opacity .8s ease,inset .8s cubic-bezier(.16,1,.3,1),border-radius .8s ease;box-shadow:0 25px 50px -12px #0009,inset 0 0 0 1px #ffffff26,0 0 0 1px #ffffff14}.phase2.svelte-1f7ea9 .phone-bezel:where(.svelte-1f7ea9),.phase3.svelte-1f7ea9 .phone-bezel:where(.svelte-1f7ea9),.phase4.svelte-1f7ea9 .phone-bezel:where(.svelte-1f7ea9){opacity:0;top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:36px}.viewport.svelte-1f7ea9{width:clamp(160px,28vh,260px);aspect-ratio:9 / 16;border-radius:22px;overflow:hidden;position:relative;z-index:1;transition:border-radius .8s cubic-bezier(.16,1,.3,1),box-shadow .8s ease;box-shadow:0 20px 50px -12px #0000004d}.phase2.svelte-1f7ea9 .viewport:where(.svelte-1f7ea9),.phase3.svelte-1f7ea9 .viewport:where(.svelte-1f7ea9),.phase4.svelte-1f7ea9 .viewport:where(.svelte-1f7ea9){border-radius:14px;box-shadow:0 30px 60px -15px #00000059}.reel-img.svelte-1f7ea9{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform 1s cubic-bezier(.25,.46,.45,.94);will-change:transform}.phase3.svelte-1f7ea9 .reel-img:where(.svelte-1f7ea9),.phase4.svelte-1f7ea9 .reel-img:where(.svelte-1f7ea9){transform-origin:5% 8%;transform:scale(2.2)}.vignette.svelte-1f7ea9{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,transparent 25%,transparent 70%,rgba(0,0,0,.2) 100%);z-index:2;pointer-events:none;transition:opacity .6s ease}.phase3.svelte-1f7ea9 .vignette:where(.svelte-1f7ea9),.phase4.svelte-1f7ea9 .vignette:where(.svelte-1f7ea9){opacity:0}.tag-spotlight.svelte-1f7ea9{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1);background:radial-gradient(ellipse 50% 25% at 35% 18%,transparent 0%,transparent 50%,rgba(0,0,0,.45) 100%)}.phase3.svelte-1f7ea9 .tag-spotlight:where(.svelte-1f7ea9){opacity:1}.phase4.svelte-1f7ea9 .tag-spotlight:where(.svelte-1f7ea9){opacity:.6}.reel-overlay.svelte-1f7ea9{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;transition:opacity .6s ease}.phase3.svelte-1f7ea9 .reel-overlay:where(.svelte-1f7ea9),.phase4.svelte-1f7ea9 .reel-overlay:where(.svelte-1f7ea9){opacity:0}.reel-top.svelte-1f7ea9{display:flex;align-items:center;justify-content:space-between;padding:10px 12px}.reel-label.svelte-1f7ea9{font-size:10px;font-weight:600;color:#fffc;letter-spacing:.04em}.reel-cam.svelte-1f7ea9{width:16px;height:16px;color:#fff9}.reel-actions.svelte-1f7ea9{position:absolute;right:8px;bottom:60px;display:flex;flex-direction:column;align-items:center;gap:14px}.reel-action.svelte-1f7ea9{display:flex;flex-direction:column;align-items:center;gap:2px}.reel-action.svelte-1f7ea9 svg{width:18px;height:18px;opacity:.85;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.reel-action.svelte-1f7ea9 span:where(.svelte-1f7ea9){font-size:8px;color:#fff;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.5)}.reel-bottom.svelte-1f7ea9{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(transparent,#0006);display:flex;align-items:center;gap:6px}.reel-avatar.svelte-1f7ea9{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#8b5cf6);border:1.5px solid rgba(255,255,255,.5)}.reel-username.svelte-1f7ea9{font-size:9px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.desc-side.svelte-1f7ea9{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);text-align:center;max-width:320px;padding:0 1rem}.desc-side.svelte-1f7ea9 .desc-title:where(.svelte-1f7ea9){font-size:1.25rem;color:#f5f5f5}@media(min-width:640px){.desc-side.svelte-1f7ea9 .desc-title:where(.svelte-1f7ea9){font-size:1.75rem}}.phase4.svelte-1f7ea9 .desc-side:where(.svelte-1f7ea9){opacity:1;transform:translateY(0)}.desc-badge.svelte-1f7ea9{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:transparent;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(to right,#ec4899,#8b5cf6);margin-bottom:.75rem}.desc-title.svelte-1f7ea9{font-size:1.5rem;font-weight:800;color:#111827;line-height:1.2;margin-bottom:.75rem}@media(min-width:640px){.desc-title.svelte-1f7ea9{font-size:1.75rem}}.desc-text.svelte-1f7ea9{font-size:.875rem;color:#9ca3af;line-height:1.7;margin-bottom:1.25rem}.showcase-section.svelte-1topz7k{padding:2rem 0 4rem;overflow:hidden}.bridge.svelte-1topz7k{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2rem;opacity:0;transform:translateY(10px);transition:all .8s cubic-bezier(.16,1,.3,1)}.visible.svelte-1topz7k .bridge:where(.svelte-1topz7k){opacity:1;transform:translateY(0)}.bridge-label.svelte-1topz7k{font-size:.85rem;font-weight:600;color:transparent;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(to right,#ec4899,#8b5cf6)}.bridge-arrow.svelte-1topz7k{width:24px;height:40px;animation:svelte-1topz7k-bobDown 2s ease-in-out infinite}@keyframes svelte-1topz7k-bobDown{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.heading.svelte-1topz7k{text-align:center;padding:0 1rem;margin-bottom:2.5rem;opacity:0;transform:translateY(15px);transition:all .8s cubic-bezier(.16,1,.3,1) .15s}.visible.svelte-1topz7k .heading:where(.svelte-1topz7k){opacity:1;transform:translateY(0)}.heading.svelte-1topz7k h2:where(.svelte-1topz7k){font-size:1.75rem;font-weight:800;color:#111827}@media(min-width:640px){.heading.svelte-1topz7k h2:where(.svelte-1topz7k){font-size:2.25rem}}.heading.svelte-1topz7k p:where(.svelte-1topz7k){margin-top:.5rem;font-size:.95rem;color:#6b7280}.scroll-strip.svelte-1topz7k{display:flex;gap:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding:1rem 1.5rem 1.5rem;scrollbar-width:none}.scroll-strip.svelte-1topz7k::-webkit-scrollbar{display:none}.profile-card.svelte-1topz7k{flex-shrink:0;text-decoration:none;display:block;text-align:center;scroll-snap-align:center;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay)}.visible.svelte-1topz7k .profile-card:where(.svelte-1topz7k){opacity:1;transform:translateY(0)}.phone-shell.svelte-1topz7k{width:155px;background:#000;border-radius:20px;padding:5px;overflow:hidden;box-shadow:0 15px 35px -8px #00000040,0 0 0 1px #ffffff0f;transition:transform .3s ease,box-shadow .3s ease}.profile-card.svelte-1topz7k:hover .phone-shell:where(.svelte-1topz7k){transform:translateY(-4px);box-shadow:0 22px 45px -10px #00000059,0 0 0 1px #ffffff1a}@media(min-width:640px){.phone-shell.svelte-1topz7k{width:175px;border-radius:22px;padding:6px}.scroll-strip.svelte-1topz7k{gap:1.25rem;justify-content:center;padding:1rem 2rem 1.5rem}}.profile-screenshot.svelte-1topz7k{width:100%;border-radius:16px;display:block}@media(min-width:640px){.profile-screenshot.svelte-1topz7k{border-radius:18px}}.profile-url.svelte-1topz7k{margin-top:.5rem;font-size:.7rem;font-weight:600;color:transparent;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(to right,#ec4899,#8b5cf6)}