.marketing-page{--background:#020618;--foreground:#f1f5f9;--card:#0f172b;--card-foreground:#f1f5f9;--border:#1e293b;--input:#1e293b;--primary:#f99c00;--primary-foreground:#020618;--secondary:#1e293b;--secondary-foreground:#f1f5f9;--muted:#1e293b;--muted-foreground:#90a1b9;--accent:#f99c00;--destructive:#fb2c36;--ring:#f99c00;--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:#020618;background:linear-gradient(90deg,#fcbb00,#dd7400);font-weight:600;transition:all .15s}.marketing-page .btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 8px 24px -8px #f99c004d}.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:#334155;border-color:#475569}.marketing-page .btn-call{color:#fff;background:linear-gradient(90deg,#ff8b1a,#fe6e00);font-weight:600;transition:all .15s}.marketing-page .btn-call:hover{opacity:.9;transform:translateY(-1px)}.marketing-page .btn-ai{color:#fff;background:linear-gradient(90deg,#06b6d4,#3080ff);font-weight:600;transition:all .15s}.marketing-page .btn-ai:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 8px 24px -8px #06b6d44d}.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,#fcbb00,#dd7400);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(#3080ff,#06b6d4);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}.marketing-page .roof-type-card{cursor:pointer;transition:all .15s}.marketing-page .roof-type-card:hover{background:#ffffff0a;border-color:#334155}.marketing-page .roof-type-card.selected{background:#f99c000d;border-color:#f99c0080}