.marketing-page{--background:#050a14;--foreground:#e6eef0;--card:#07121b;--card-foreground:#e6eef0;--border:#0f1720;--input:#0f1720;--primary:#00e5d4;--primary-foreground:#050a14;--secondary:#07121b;--secondary-foreground:#e6eef0;--muted:#0f1720;--muted-foreground:#9fb3b0;--accent:#00e5d4;--destructive:#fb2c36;--ring:#00e5d4;--radius:.5rem;--radius-md:calc(var(--radius) * .8);background:var(--background);color:var(--foreground)}.marketing-page ::-webkit-scrollbar{width:6px}.marketing-page ::-webkit-scrollbar-track{background:var(--background)}.marketing-page ::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}@keyframes mkt-fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes mkt-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes mkt-countDown{0%{width:100%}to{width:0%}}@keyframes mkt-scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes mkt-waveBar{0%,to{height:6px}50%{height:16px}}.marketing-page .animate-fade-up{opacity:0;animation:.7s ease-out forwards mkt-fadeUp}.marketing-page .animate-fade-in{opacity:0;animation:.8s ease-out forwards mkt-fadeIn}.marketing-page .delay-100{animation-delay:.1s}.marketing-page .delay-200{animation-delay:.2s}.marketing-page .delay-300{animation-delay:.3s}.marketing-page .delay-400{animation-delay:.4s}.marketing-page .delay-500{animation-delay:.5s}.marketing-page .delay-600{animation-delay:.6s}.marketing-page .delay-700{animation-delay:.7s}.marketing-page .delay-800{animation-delay:.8s}.marketing-page .btn-primary{color:var(--primary-foreground);background:linear-gradient(90deg,#00e5d4,#00c6b8);font-weight:600;transition:all .15s}.marketing-page .btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 10px 30px -10px #00e5d459}.marketing-page .btn-secondary{background:var(--secondary);border:1px solid var(--border);color:var(--secondary-foreground);font-weight:500;transition:all .15s}.marketing-page .btn-secondary:hover{background:#ffffff05;border-color:#15313a}.marketing-page .btn-call{color:#050a14;background:linear-gradient(90deg,#00e5d4,#00c6b8);font-weight:600;transition:all .15s}.marketing-page .btn-call:hover{opacity:.95;transform:translateY(-1px)}.marketing-page .btn-ai{color:#052225;background:linear-gradient(90deg,#00e5d4,#00c6b8);font-weight:600;transition:all .15s}.marketing-page .btn-ai:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 8px 24px -8px #00e5d42e}.marketing-page .card{background:var(--card);border:1px solid var(--border);transition:all .15s}.marketing-page .card:hover{border-color:#334155}.marketing-page .card-lift{transition:all .2s}.marketing-page .card-lift:hover{border-color:#334155;transform:translateY(-4px);box-shadow:0 12px 40px -12px #0006}.marketing-page .nav-link{transition:color .15s;position:relative}.marketing-page .nav-link:after{content:"";background:var(--primary);border-radius:1px;width:0;height:2px;transition:width .2s;position:absolute;bottom:-2px;left:0}.marketing-page .nav-link:hover:after,.marketing-page .nav-link.active:after{width:100%}.marketing-page .nav-link:hover,.marketing-page .nav-link.active{color:var(--foreground)}.marketing-page .mobile-menu{opacity:0;max-height:0;transition:max-height .3s;overflow:hidden}.marketing-page .mobile-menu.open{opacity:1;max-height:500px}.marketing-page .reveal{opacity:0;transition:all .6s ease-out;transform:translateY(24px)}.marketing-page .reveal.visible{opacity:1;transform:translateY(0)}.marketing-page .timer-bar{background:linear-gradient(90deg,#00e5d4,#00c6b8);border-radius:2px;height:3px;animation:3s ease-in-out infinite alternate mkt-countDown}.marketing-page .comparison-bad{border-left:3px solid var(--destructive)}.marketing-page .comparison-good{border-left:3px solid #00c758}.marketing-page .testimonial-track{gap:1rem;animation:40s linear infinite mkt-scrollLeft;display:flex}.marketing-page .faq-item{cursor:pointer;transition:all .15s}.marketing-page .faq-item.open .faq-chevron{transform:rotate(180deg)}.marketing-page .faq-answer{max-height:0;transition:max-height .3s;overflow:hidden}.marketing-page .faq-item.open .faq-answer{max-height:250px}.marketing-page .toggle-switch{cursor:pointer;background:#334155;border-radius:12px;width:44px;height:24px;transition:background .2s;position:relative}.marketing-page .toggle-switch.active{background:var(--primary)}.marketing-page .toggle-switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px}.marketing-page .toggle-switch.active:after{transform:translate(20px)}.marketing-page .input-field{background:var(--input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.marketing-page .input-field:focus{border-color:var(--primary)}.marketing-page .input-field::placeholder{color:#62748e}.marketing-page .phone-mockup{background:linear-gradient(145deg,#1d293d,#0f172b);border:2px solid #334155;border-radius:2rem;padding:8px;box-shadow:0 25px 80px -20px #00000080}.marketing-page .phone-screen{background:#020618;border-radius:1.5rem;overflow:hidden}.marketing-page .phone-notch{background:#020618;border-radius:0 0 12px 12px;width:80px;height:20px;margin:0 auto}.marketing-page .wave-bar{background:linear-gradient(#00c6b8,#00e5d4);border-radius:2px;width:3px;animation:1s ease-in-out infinite mkt-waveBar}.marketing-page .wave-bar:nth-child(2){animation-delay:.1s}.marketing-page .wave-bar:nth-child(3){animation-delay:.2s}.marketing-page .wave-bar:nth-child(4){animation-delay:.3s}.marketing-page .wave-bar:nth-child(5){animation-delay:.15s}.marketing-page .flow-connector{position:relative}.marketing-page .flow-connector:before{content:"";background:linear-gradient(#0000,#06b6d440);width:2px;height:20px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.marketing-page .status-online{position:relative}.marketing-page .status-online:after{content:"";border:2px solid var(--card);background:#00c758;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.marketing-page .chat-bubble{opacity:0;animation:.4s ease-out forwards mkt-fadeUp}.marketing-page select.input-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2362748e' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-color:var(--input)}.marketing-page select.input-field option{color:#f1f5f9;background:#0f172b}.marketing-page textarea.input-field{resize:vertical;min-height:100px}@keyframes bf-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes bf-pop{0%{transform:scale(.6)}70%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes bf-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-reveal=armed]:not([data-inview]) .bf-step{opacity:0}[data-reveal=armed][data-inview] .bf-step{animation:.5s ease-out both bf-in;animation-delay:calc(var(--i) * .15s)}[data-reveal=armed][data-inview] .bf-icon{animation:.5s ease-out both bf-pop;animation-delay:calc(var(--i) * .15s + .1s)}[data-reveal=armed][data-inview] .bf-line{animation:.4s ease-out both bf-draw;animation-delay:calc(var(--i) * .15s + .3s)}@media (prefers-reduced-motion:reduce){[data-reveal=armed] .bf-step,[data-reveal=armed] .bf-icon,[data-reveal=armed] .bf-line{opacity:1!important;animation:none!important;transform:none!important}}
