:root{--app-bg:#080f17;--app-text:#d6dde6;--app-text-secondary:rgba(214, 221, 230, 0.7);--app-accent:#04a5b5;--app-accent-hover:#05bdd0;--app-accent-active:#038a97;--app-accent-text:#01393E;--app-accent-secondary:#ffaf1c;--app-accent-secondary-hover:#ffb933;--app-accent-secondary-active:#e69a00;--app-accent-secondary-text:#01393E;--app-glass-bg:rgba(255, 255, 255, 0.03);--app-glass-border:rgba(214, 221, 230, 0.15);--app-border:rgba(214, 221, 230, 0.2);--app-logo-box-bg:var(--app-glass-bg);--hero-fade-solid:rgba(8, 15, 23, 1);--hero-fade-transparent:rgba(8, 15, 23, 0)}body{font-family:Manrope,sans-serif;background-color:var(--app-bg);color:var(--app-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-gradient{background:linear-gradient(135deg,var(--app-accent) 0,var(--app-accent-hover) 100%)}@keyframes btn-shimmer-sweep{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.btn-shimmer{overflow:hidden}.btn-shimmer::before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 0,rgba(255,255,255,.15) 50%,transparent 100%);transform:translateX(-100%);animation:btn-shimmer-sweep 3s ease-in-out infinite}.grecaptcha-badge{visibility:hidden!important}.hero-carousel-wrapper{max-width:1280px;width:100%;background-color:var(--app-glass-bg);border:1px solid var(--app-glass-border);border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1),0 20px 40px -10px rgba(0,0,0,.1);overflow:hidden}.hero-carousel-container{display:flex;height:638px;width:100%;background-color:var(--app-glass-bg);position:relative}.hero-carousel-sidebar{position:relative;width:350px;min-width:350px;padding:40px;display:flex;flex-direction:column;justify-content:flex-start}.hero-carousel-sidebar-bg{position:absolute;top:0;left:0;bottom:0;width:100%;background-color:rgba(2,82,89,.15);z-index:0}.hero-accordion{position:relative;z-index:1;display:flex;flex-direction:column;gap:20px}.hero-accordion-item{position:relative;cursor:pointer}.hero-accordion-header{display:flex;align-items:center;gap:16px;padding:8px 24px 8px 8px}.hero-icon-wrapper{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.hero-icon-analytics{background-color:rgba(2,82,89,.3);color:#5eead4}.hero-icon-channels{background-color:rgba(147,51,234,.2);color:#c084fc}.hero-icon-prompts{background-color:rgba(5,150,105,.2);color:#34d399}.hero-accordion-title{font-size:20px;font-weight:600;color:var(--app-text-secondary);letter-spacing:-.4px;transition:font-weight .2s ease,color .2s ease}.hero-accordion-item.active .hero-accordion-title{font-weight:800;color:var(--app-text)}.hero-accordion-content{max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease-out,opacity .3s ease-out}.hero-accordion-item.active .hero-accordion-content{max-height:200px;opacity:1}.hero-accordion-content p{font-size:16px;font-weight:500;color:var(--app-text);line-height:1.5;padding:8px 0 16px 0;font-family:Manrope,sans-serif}.hero-accordion-border{position:relative;height:3px;width:100%;overflow:hidden;background-color:transparent;border-radius:2px}.hero-accordion-border::after,.hero-accordion-border::before{content:'';position:absolute;left:0;top:0;height:100%;width:100%}.hero-accordion-border::before{opacity:.2}.hero-accordion-border::after{opacity:1}.hero-border-analytics::after,.hero-border-analytics::before{background-color:var(--app-accent)}.hero-border-channels::after,.hero-border-channels::before{background-color:#9333ea}.hero-border-prompts::after,.hero-border-prompts::before{background-color:#059669}.hero-accordion-item:not(.active) .hero-accordion-border::before{opacity:0}.hero-accordion-item:not(.active) .hero-accordion-border::after{width:100%;opacity:.3}.hero-accordion-item.active .hero-accordion-border::before{opacity:.15}.hero-accordion-item.active .hero-accordion-border::after{width:100%;transform:scaleX(0);transform-origin:left;opacity:1;animation:hero-progress-fill 10s linear forwards}.hero-accordion:hover .hero-accordion-item.active .hero-accordion-border::after{animation-play-state:paused}.hero-screenshot-area{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.hero-image-container{position:relative;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.hero-image-container img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;transition:opacity .3s ease-in-out}.hero-image-container .hero-main-image{position:relative;z-index:1}.hero-image-container .hero-main-image.fade-out{opacity:0}.hero-image-container .hero-overlay-image{position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(100%);opacity:0;z-index:2;transition:transform .6s ease-out,opacity .4s ease-out}.hero-image-container .hero-overlay-image.slide-up{transform:translateX(-50%) translateY(0);opacity:1}@media (max-width:1200px){.hero-carousel-wrapper{max-width:100%}.hero-carousel-container{flex-direction:column;height:auto}.hero-carousel-sidebar{width:100%;min-width:auto;padding:30px}.hero-screenshot-area{padding:20px;min-height:400px}}@media (max-width:768px){.hero-carousel-wrapper{border-radius:12px}.hero-accordion-title{font-size:18px}.hero-accordion-content p{font-size:14px}.hero-carousel-sidebar{padding:24px 20px}.hero-screenshot-area{min-height:300px}}