@keyframes ui-gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.platform-showcase{position:relative;width:100%;max-width:500px;margin:0 auto;perspective:1000px}.browser-window{background:var(--white, #ffffff);border-radius:12px;box-shadow:0 20px 50px -12px #00000040,0 0 0 1px #0000000d;overflow:hidden;position:relative;aspect-ratio:4/3;transition:transform .5s ease}@media(min-width:768px){.browser-window{aspect-ratio:16/10}}.browser-window:hover{transform:translateY(-5px)}.browser-header{background:var(--secondary-neutral, #f5f5f7);padding:calc(var(--spacing-unit, 1rem) * .8) var(--spacing-unit, 1rem);display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,.05);gap:var(--spacing-unit, 1rem)}.browser-header .browser-dots{display:flex;gap:6px}.browser-header .browser-dots .dot{width:10px;height:10px;border-radius:50%}.browser-header .browser-dots .dot.red{background:#ff5f57}.browser-header .browser-dots .dot.yellow{background:#febc2e}.browser-header .browser-dots .dot.green{background:#28c840}.browser-header .browser-address-bar{flex:1;background:var(--white, #ffffff);height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--grey, rgba(104, 107, 111, .8705882353));box-shadow:0 1px 2px #0000000d}.browser-header .browser-address-bar .fade-in{animation:fadeIn .5s ease}.browser-content{position:relative;height:100%;background:var(--white, #ffffff)}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .6s ease-in-out,transform .6s ease-in-out;transform:scale(.98);padding:calc(var(--spacing-unit, 1rem) * 1.5);box-sizing:border-box}.slide.active{opacity:1;visibility:visible;transform:scale(1)}.slide-editor{display:flex;padding:0;background:var(--secondary-neutral, #f5f5f7)}.slide-editor .editor-sidebar{width:30%;background:var(--charcoal, #1e293b);padding:var(--spacing-unit, 1rem) calc(var(--spacing-unit, 1rem) * .5);display:flex;flex-direction:column;gap:var(--spacing-unit, 1rem)}@media(min-width:768px){.slide-editor .editor-sidebar{width:25%}}.slide-editor .editor-sidebar .sidebar-logo{height:12px;width:50%;background:#fff3;border-radius:2px;margin-bottom:var(--spacing-unit, 1rem);margin-left:calc(var(--spacing-unit, 1rem) * .5)}.slide-editor .editor-sidebar .sidebar-menu{display:flex;flex-direction:column;gap:calc(var(--spacing-unit, 1rem) * .25)}.slide-editor .editor-sidebar .menu-item{color:#fff9;font-size:9px;padding:calc(var(--spacing-unit, 1rem) * .4) calc(var(--spacing-unit, 1rem) * .5);border-radius:4px;font-family:var(--font-family-base, Poppins, sans-serif)}@media(min-width:768px){.slide-editor .editor-sidebar .menu-item{font-size:10px}}.slide-editor .editor-sidebar .menu-item.active{background:var(--primary-accent, #075aaa);color:var(--white, #ffffff)}.slide-editor .editor-main{flex:1;display:flex;flex-direction:column;background:var(--white, #ffffff)}.slide-editor .editor-main .editor-toolbar{height:36px;border-bottom:1px solid var(--light-grey, #e5e7eb);display:flex;align-items:center;padding:0 calc(var(--spacing-unit, 1rem) * .5);gap:calc(var(--spacing-unit, 1rem) * .5)}@media(min-width:768px){.slide-editor .editor-main .editor-toolbar{padding:0 var(--spacing-unit, 1rem)}}.slide-editor .editor-main .editor-toolbar .toolbar-btn{width:12px;height:12px;background:var(--secondary-neutral, #f5f5f7);border-radius:2px}.slide-editor .editor-main .editor-toolbar .toolbar-btn.publish{width:auto;height:auto;display:flex;align-items:center;justify-content:center;background:var(--success-accent, #10b981);color:var(--white, #ffffff);font-size:8px;line-height:1;padding:calc(var(--spacing-unit, 1rem) * .3) calc(var(--spacing-unit, 1rem) * .5);border-radius:12px;font-weight:700}@media(min-width:768px){.slide-editor .editor-main .editor-toolbar .toolbar-btn.publish{font-size:9px;padding:calc(var(--spacing-unit, 1rem) * .3) calc(var(--spacing-unit, 1rem) * .6)}}.slide-editor .editor-main .editor-toolbar .toolbar-spacer{flex:1}.slide-editor .editor-main .editor-canvas{padding:var(--spacing-unit, 1rem)}@media(min-width:768px){.slide-editor .editor-main .editor-canvas{padding:calc(var(--spacing-unit, 1rem) * 2)}}.slide-editor .editor-main .editor-canvas .canvas-title{font-family:var(--font-family-headings, Poppins, sans-serif);font-size:14px;font-weight:700;color:var(--charcoal, #1e293b);margin-bottom:var(--spacing-unit, 1rem)}@media(min-width:768px){.slide-editor .editor-main .editor-canvas .canvas-title{font-size:20px}}.slide-editor .editor-main .editor-canvas .canvas-title .cursor{display:inline-block;width:2px;background:var(--primary-accent, #075aaa);animation:blink 1s step-end infinite;margin-left:2px;color:transparent}.slide-editor .editor-main .editor-canvas .canvas-body .skeleton-line{height:8px;background:var(--secondary-neutral, #f5f5f7);border-radius:4px;margin-bottom:calc(var(--spacing-unit, 1rem) * .5);width:100%}.slide-editor .editor-main .editor-canvas .canvas-body .skeleton-line.short{width:60%}.slide-storefront{padding:0;display:flex;flex-direction:column;background:var(--white, #ffffff)}.slide-storefront .store-nav{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--spacing-unit, 1rem) * .5) var(--spacing-unit, 1rem);border-bottom:1px solid rgba(0,0,0,.05)}@media(min-width:768px){.slide-storefront .store-nav{padding:calc(var(--spacing-unit, 1rem) * .8) calc(var(--spacing-unit, 1rem) * 1.5)}}.slide-storefront .store-nav .nav-logo{width:40px;height:12px;background:var(--charcoal, #1e293b);border-radius:2px}.slide-storefront .store-nav .nav-links{display:flex;gap:var(--spacing-unit, 1rem)}.slide-storefront .store-nav .nav-links .nav-link{font-size:8px;font-family:var(--font-family-base, Poppins, sans-serif);color:var(--grey, rgba(104, 107, 111, .8705882353));font-weight:500;white-space:nowrap}@media(min-width:768px){.slide-storefront .store-nav .nav-links .nav-link{font-size:9px}}.slide-storefront .store-hero{flex:1;display:flex;flex-direction:column;padding:var(--spacing-unit, 1rem);align-items:center;justify-content:center;text-align:center;gap:var(--spacing-unit, 1rem);background:linear-gradient(135deg,var(--white, #ffffff) 0%,var(--secondary-neutral, #f5f5f7) 100%)}@media(min-width:768px){.slide-storefront .store-hero{flex-direction:row;padding:calc(var(--spacing-unit, 1rem) * 1.5);gap:calc(var(--spacing-unit, 1rem) * 1.5);text-align:left;align-items:flex-start}}.slide-storefront .store-hero .hero-text-area{flex:1}.slide-storefront .store-hero .hero-text-area .hero-badge{display:inline-block;font-size:7px;padding:calc(var(--spacing-unit, 1rem) * .2) calc(var(--spacing-unit, 1rem) * .5);background:var(--yellow, #fff386);color:var(--charcoal, #1e293b);border-radius:10px;margin-bottom:calc(var(--spacing-unit, 1rem) * .5);font-weight:700}@media(min-width:768px){.slide-storefront .store-hero .hero-text-area .hero-badge{font-size:8px}}.slide-storefront .store-hero .hero-text-area .hero-title{font-family:var(--font-family-headings, Poppins, sans-serif);font-size:16px;line-height:1.1;font-weight:800;color:var(--charcoal, #1e293b);margin-bottom:calc(var(--spacing-unit, 1rem) * .5)}@media(min-width:768px){.slide-storefront .store-hero .hero-text-area .hero-title{font-size:20px}}.slide-storefront .store-hero .hero-text-area .hero-subtitle{font-size:8px;color:var(--grey, rgba(104, 107, 111, .8705882353));margin-bottom:calc(var(--spacing-unit, 1rem) * .75)}@media(min-width:768px){.slide-storefront .store-hero .hero-text-area .hero-subtitle{font-size:9px;margin-bottom:var(--spacing-unit, 1rem)}}.slide-storefront .store-hero .hero-text-area .hero-cta{display:inline-block;background:var(--charcoal, #1e293b);color:var(--white, #ffffff);font-size:8px;padding:calc(var(--spacing-unit, 1rem) * .4) var(--spacing-unit, 1rem);border-radius:4px;font-weight:700}@media(min-width:768px){.slide-storefront .store-hero .hero-text-area .hero-cta{font-size:9px}}.slide-storefront .store-hero .hero-image-area{width:100%;flex:1;display:flex;align-items:center;justify-content:center;height:100%}@media(min-width:768px){.slide-storefront .store-hero .hero-image-area{width:auto;align-items:flex-start}}.slide-storefront .store-hero .hero-image-area .product-image{width:100%;aspect-ratio:21/9;background:linear-gradient(45deg,#ff9a9e,#fecfef 99% 100%);border-radius:12px;box-shadow:0 10px 20px #0000001a}@media(min-width:768px){.slide-storefront .store-hero .hero-image-area .product-image{aspect-ratio:4/3;max-height:130px}}.slide-analytics{background:#111827;padding:var(--spacing-unit, 1rem);display:flex;flex-direction:column;gap:var(--spacing-unit, 1rem)}@media(min-width:768px){.slide-analytics{padding:calc(var(--spacing-unit, 1rem) * 1.5)}}.slide-analytics .analytics-header{display:flex;justify-content:space-between;align-items:center}.slide-analytics .analytics-header .header-title{color:var(--white, #ffffff);font-size:12px;font-weight:700;font-family:var(--font-family-headings, Poppins, sans-serif)}@media(min-width:768px){.slide-analytics .analytics-header .header-title{font-size:14px}}.slide-analytics .analytics-header .header-date{color:#9ca3af;font-size:8px;background:#1f2937;padding:calc(var(--spacing-unit, 1rem) * .2) calc(var(--spacing-unit, 1rem) * .5);border-radius:4px}@media(min-width:768px){.slide-analytics .analytics-header .header-date{font-size:9px}}.slide-analytics .metrics-row{display:flex;gap:calc(var(--spacing-unit, 1rem) * .5);flex-wrap:wrap}.slide-analytics .metrics-row .metric-card{flex:1;min-width:30%;background:#1f2937;border:1px solid var(--info-box-text, #374151);border-radius:6px;padding:calc(var(--spacing-unit, 1rem) * .5)}@media(min-width:768px){.slide-analytics .metrics-row .metric-card{padding:calc(var(--spacing-unit, 1rem) * .75)}}.slide-analytics .metrics-row .metric-card .metric-title{color:#9ca3af;font-size:8px;margin-bottom:calc(var(--spacing-unit, 1rem) * .25)}@media(min-width:768px){.slide-analytics .metrics-row .metric-card .metric-title{font-size:9px}}.slide-analytics .metrics-row .metric-card .metric-value{color:var(--white, #ffffff);font-size:14px;font-weight:700;margin-bottom:calc(var(--spacing-unit, 1rem) * .25)}@media(min-width:768px){.slide-analytics .metrics-row .metric-card .metric-value{font-size:16px}}.slide-analytics .metrics-row .metric-card .metric-trend{font-size:7px;font-weight:700}@media(min-width:768px){.slide-analytics .metrics-row .metric-card .metric-trend{font-size:8px}}.slide-analytics .metrics-row .metric-card .metric-trend.up{color:var(--success-accent, #10b981)}.slide-analytics .chart-area{flex:1;background:#1f2937;border:1px solid var(--info-box-text, #374151);border-radius:6px;padding:calc(var(--spacing-unit, 1rem) * .5);display:flex;align-items:flex-end}@media(min-width:768px){.slide-analytics .chart-area{padding:var(--spacing-unit, 1rem)}}.slide-analytics .chart-area .chart-line-wrapper{width:100%;height:100%;position:relative;color:#3b82f6}.slide-analytics .chart-area .chart-line-wrapper .chart-line{width:100%;height:100%;overflow:visible}.slide-blog{padding:0;display:flex;flex-direction:column;background:var(--white, #ffffff)}.slide-blog .blog-nav{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--spacing-unit, 1rem) * .5) var(--spacing-unit, 1rem);border-bottom:1px solid rgba(0,0,0,.05)}@media(min-width:768px){.slide-blog .blog-nav{padding:calc(var(--spacing-unit, 1rem) * .8) calc(var(--spacing-unit, 1rem) * 1.5)}}.slide-blog .blog-nav .blog-logo{width:40px;height:12px;background:var(--charcoal, #1e293b);border-radius:2px}.slide-blog .blog-nav .blog-links{display:flex;gap:var(--spacing-unit, 1rem)}.slide-blog .blog-nav .blog-links .blog-link{font-size:8px;font-weight:500;color:var(--grey, rgba(104, 107, 111, .8705882353))}@media(min-width:768px){.slide-blog .blog-nav .blog-links .blog-link{font-size:9px}}.slide-blog .blog-hero{padding:var(--spacing-unit, 1rem);text-align:center}@media(min-width:768px){.slide-blog .blog-hero{padding:calc(var(--spacing-unit, 1rem) * 1.5)}}.slide-blog .blog-hero .blog-badge{display:inline-block;font-size:7px;padding:calc(var(--spacing-unit, 1rem) * .2) calc(var(--spacing-unit, 1rem) * .5);background:var(--primary-accent, #075aaa);color:var(--white, #ffffff);border-radius:10px;margin-bottom:calc(var(--spacing-unit, 1rem) * .5)}@media(min-width:768px){.slide-blog .blog-hero .blog-badge{font-size:8px}}.slide-blog .blog-hero .blog-title{font-family:var(--font-family-headings, Poppins, sans-serif);font-size:14px;font-weight:800;color:var(--charcoal, #1e293b);margin-bottom:calc(var(--spacing-unit, 1rem) * .25)}@media(min-width:768px){.slide-blog .blog-hero .blog-title{font-size:18px}}.slide-blog .blog-hero .blog-meta{font-size:8px;color:var(--grey, rgba(104, 107, 111, .8705882353));margin-bottom:var(--spacing-unit, 1rem)}@media(min-width:768px){.slide-blog .blog-hero .blog-meta{font-size:9px;margin-bottom:calc(var(--spacing-unit, 1rem) * 1.5)}}.slide-blog .blog-cards{display:flex;gap:var(--spacing-unit, 1rem);padding:0 var(--spacing-unit, 1rem)}@media(min-width:768px){.slide-blog .blog-cards{padding:0 calc(var(--spacing-unit, 1rem) * 1.5)}}.slide-blog .blog-cards .blog-card{flex:1}.slide-blog .blog-cards .blog-card .card-img{width:100%;aspect-ratio:16/9;background:#e2e8f0;border-radius:6px;margin-bottom:calc(var(--spacing-unit, 1rem) * .5)}.slide-blog .blog-cards .blog-card .card-text .card-line{height:6px;background:#cbd5e1;border-radius:3px;margin-bottom:4px;width:100%}.slide-blog .blog-cards .blog-card .card-text .card-line.short{width:60%}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.status-badge{position:absolute;bottom:calc(var(--spacing-unit, 1rem) * -1.5);left:50%;transform:translate(-50%);background:var(--white, #ffffff);padding:calc(var(--spacing-unit, 1rem) * .4) var(--spacing-unit, 1rem);border-radius:20px;box-shadow:0 4px 15px #0000001a;display:flex;align-items:center;gap:calc(var(--spacing-unit, 1rem) * .5);font-size:12px;font-weight:600;color:var(--primary-accent, #075aaa);white-space:nowrap}.status-badge .status-dot{width:8px;height:8px;border-radius:50%}.status-badge .status-dot.blue{background:#569cd6}.status-badge .status-dot.purple{background:#c586c0}.status-badge .status-dot.green{background:#28c840}.status-badge .status-dot.orange{background:#f97316}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}