.onboarding{background:linear-gradient(#eff3f7 0%,#f7f9fb 100%);flex-direction:column;width:100%;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.slide-viewport{flex:1;position:relative;overflow:hidden}.slide{opacity:0;pointer-events:none;will-change:opacity, transform;flex-direction:column;padding:48px 24px 120px;display:flex;position:absolute;inset:0}.slide.active{opacity:1;pointer-events:auto}.slide.enter .slide-header{animation:.5s ease-out forwards fadeSlideUp}.slide.enter .slide-showcase{animation:.6s ease-out .1s both fadeScaleUp}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeScaleUp{0%{opacity:0;transform:translateY(60px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.slide.exit{animation:.35s ease-in forwards slideOut}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-60px)}}.slide-header{width:100%;max-width:480px;margin:0 auto 24px}.slide-title{color:#1a1a1a;letter-spacing:-1.2px;margin:0 0 8px;font-size:36px;font-weight:800;line-height:40px}.slide-subtitle{letter-spacing:-.3px;color:#4a4a4a;margin:0;font-size:17px;font-weight:600;line-height:1.4}.slide-showcase{flex:1;width:100%;max-width:480px;margin:0 auto;overflow-y:auto}.bottom-controls{z-index:10;pointer-events:none;flex-direction:column;align-items:center;max-width:480px;margin:0 auto;padding:0 24px 28px;display:flex;position:fixed;bottom:0;left:0;right:0}.page-dots{pointer-events:auto;justify-content:center;align-items:center;gap:8px;margin-bottom:28px;display:flex}.page-dot{opacity:.5;background:#00000026;border-radius:4px;width:8px;height:8px;transition:width .3s,background .3s,opacity .3s}.page-dot.active{opacity:1;background:#1a1a1a;width:28px}.next-button{cursor:pointer;pointer-events:auto;background:linear-gradient(135deg,#0a84ff 0%,#06c 100%);border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:16px;padding:18px 24px;transition:opacity .2s,transform .15s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 8px 24px #0a84ff4d}.next-button:active{opacity:.85;transform:scale(.97)}.next-button.disabled{box-shadow:none;cursor:not-allowed;opacity:.6;background:linear-gradient(135deg,#d1d5db 0%,#c4c8cc 100%)}.next-button-text{color:#fff;letter-spacing:-.3px;font-size:18px;font-weight:700}.next-button.disabled .next-button-text{color:#9ca3af}.next-button-icon{align-items:center;display:flex}.next-button.disabled .next-button-icon svg{fill:#9ca3af}.image-showcase{background:#fff;border:1px solid #00000014;border-radius:20px;padding:10px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.image-showcase img{border-radius:12px;width:100%;height:auto;display:block}.image-placeholder{aspect-ratio:742/1130;color:#00000059;text-align:center;background:#00000008;border:1px dashed #0000001f;border-radius:20px;justify-content:center;align-items:center;padding:24px;font-size:14px;font-weight:500;display:flex}.image-placeholder.landscape{aspect-ratio:16/10}.trust-window{flex:1;min-height:300px;position:relative;overflow:hidden}.trust-fade-top,.trust-fade-bottom{z-index:1;pointer-events:none;position:absolute;left:0;right:0}.trust-fade-top{background:linear-gradient(#f3f6fa 0%,#0000 100%);height:40px;top:0}.trust-fade-bottom{background:linear-gradient(#0000 0%,#f7f9fb 100%);height:80px;bottom:0}.trust-scroller{padding-top:20px;animation:60s linear infinite trustScroll}@keyframes trustScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.trust-card{background:#00a6d60f;border:1px solid #00a6d614;border-radius:20px;margin-bottom:10px;padding:14px}.trust-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.trust-avatar{color:#1a1a1a;background:#00a6d6;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.trust-info{flex:1;min-width:0}.trust-name{color:#1a1a1a;font-size:13px;font-weight:700}.trust-role{color:#5c5c5c;font-size:10px;font-weight:500}.trust-stars{flex-shrink:0;gap:2px;display:flex}.trust-text{color:#3d3d3d;font-size:12px;font-style:italic;font-weight:500;line-height:16px}.onboarding-to-paywall-enter{animation:.5s ease-out forwards paywalFadeIn}@keyframes paywalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.slide{align-items:center;padding:64px 24px 120px}.slide-title{text-align:center;font-size:36px}.slide-subtitle,.slide-header{text-align:center}.bottom-controls{padding-bottom:40px}}.hero-slide-content{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;padding:1rem 0;display:flex}.hero-slide-badge{color:#1a1a1a;background:#0000000d;border:1px solid #00000014;border-radius:100px;align-items:center;gap:6px;margin-bottom:2rem;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}@media (max-width:480px){.hero-slide-content .paywall-hero-visual{margin-top:0}.hero-slide-content .mockup-wrapper{max-width:260px}}