.marketing-layout{color:#212b32;background-color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}.marketing-layout h1,.marketing-layout h2,.marketing-layout h3{color:#005eb8;margin-bottom:1rem;font-weight:700}.marketing-layout a{text-decoration:none;transition:all .3s}.marketing-layout .container{max-width:1200px;margin:0 auto;padding:0 20px}.marketing-layout .btn{text-align:center;cursor:pointer;border-radius:4px;padding:12px 24px;font-weight:600;display:inline-block}.marketing-layout .btn.btn-primary{color:#fff;background-color:#005eb8;border:2px solid #005eb8}.marketing-layout .btn.btn-primary:hover{background-color:#004485;border-color:#004485}.marketing-layout .btn.btn-outline{color:#005eb8;background-color:#0000;border:2px solid #005eb8}.marketing-layout .btn.btn-outline:hover{color:#fff;background-color:#005eb8}.marketing-layout .btn.btn-lg{padding:16px 32px;font-size:1.1rem}.marketing-layout .btn.btn-block{width:100%;display:block}.marketing-header{z-index:100;background-color:#fff;padding:20px 0;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.marketing-header .container{justify-content:space-between;align-items:center;display:flex}.marketing-header .logo{color:#005eb8;font-size:1.5rem;font-weight:800}.marketing-header nav{align-items:center;gap:20px;display:flex}.marketing-header nav a{color:#4c6272;font-weight:500}.marketing-header nav a:hover{color:#005eb8}.marketing-header nav a.btn,.marketing-header nav a.btn:hover{color:#fff}.hero-section{background-color:#f0f4f5;padding:80px 0;overflow:hidden}.hero-section .container{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}@media (max-width:768px){.hero-section .container{text-align:center;grid-template-columns:1fr}}.hero-section h1{margin-bottom:20px;font-size:3.5rem;line-height:1.2}.hero-section h1 .highlight{color:#ffb81c;background-color:#005eb8;border-radius:4px;padding:0 10px;display:inline-block;transform:rotate(-2deg)}.hero-section .lead{color:#4c6272;margin-bottom:30px;font-size:1.25rem}.hero-section .hero-actions{gap:20px;margin-bottom:15px;display:flex}@media (max-width:768px){.hero-section .hero-actions{justify-content:center}}.hero-section .small-print{color:#7c95a8;font-size:.875rem}.hero-section .hero-image{position:relative}.hero-section .hero-image .placeholder-image{color:#777;background-color:#ddd;border-radius:8px;justify-content:center;align-items:center;height:400px;font-weight:600;transition:transform .5s;display:flex;transform:perspective(1000px)rotateY(-5deg)rotateX(5deg);box-shadow:0 20px 40px #0000001a}.hero-section .hero-image .placeholder-image:hover{transform:perspective(1000px)rotateY(0)rotateX(0)}.features-section{background-color:#fff;padding:80px 0}.features-section .section-header{text-align:center;margin-bottom:60px}.features-section .section-header h2{font-size:2.5rem}.features-section .section-header p{color:#4c6272;font-size:1.2rem}.features-section .features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.features-section .feature-card{background-color:#f0f4f5;border-radius:8px;padding:30px;transition:transform .3s,box-shadow .3s}.features-section .feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.features-section .feature-card .feature-icon{margin-bottom:20px;font-size:3rem}.features-section .feature-card h3{margin-bottom:10px;font-size:1.5rem}.features-section .feature-card p{color:#4c6272}.pricing-section{color:#fff;background-color:#005eb8;padding:80px 0}.pricing-section .section-header{text-align:center;margin-bottom:60px}.pricing-section .section-header h2{color:#fff;font-size:2.5rem}.pricing-section .section-header p{color:#fffc;font-size:1.2rem}.pricing-section .pricing-comparison{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.pricing-section .pricing-card{color:#212b32;background-color:#fff;border-radius:8px;width:350px;padding:40px;position:relative;box-shadow:0 10px 30px #0000001a}.pricing-section .pricing-card.featured{border:4px solid #ffb81c;transform:scale(1.05)}.pricing-section .pricing-card.featured .badge{color:#212b32;text-transform:uppercase;background-color:#ffb81c;border-radius:20px;padding:5px 15px;font-size:.8rem;font-weight:700;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.pricing-section .pricing-card .card-header{text-align:center;border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:20px}.pricing-section .pricing-card .card-header h3{color:#4c6272;text-transform:uppercase;letter-spacing:1px;font-size:1.2rem}.pricing-section .pricing-card .card-header .price{color:#005eb8;font-size:3rem;font-weight:800}.pricing-section .pricing-card .card-header .price .period{color:#4c6272;font-size:1rem;font-weight:400}.pricing-section .pricing-card .card-header .setup-fee{color:#4c6272;margin-top:5px;font-size:.9rem}.pricing-section .pricing-card .features-list{margin-bottom:30px;padding:0;list-style:none}.pricing-section .pricing-card .features-list li{border-bottom:1px solid #f5f5f5;align-items:center;padding:10px 0;display:flex}.pricing-section .pricing-card .features-list li:last-child{border-bottom:none}.pricing-section .pricing-card .features-list li.check:before{content:"✓";color:#007f3b;margin-right:10px;font-weight:700}.pricing-section .pricing-card .features-list li.cross:before{content:"✕";color:#d4351c;margin-right:10px;font-weight:700}.pricing-section .pricing-card .card-action{min-width:0;margin-top:10px}.pricing-section .pricing-card .card-action .btn{box-sizing:border-box;white-space:normal;word-break:break-word;max-width:100%;padding:12px 16px;font-size:.95rem}.demo-section{background-color:#f0f4f5;padding:80px 0}.demo-section .container{align-items:center;gap:60px;display:flex}@media (max-width:768px){.demo-section .container{text-align:center;flex-direction:column}}.demo-section .demo-content{align-items:center;gap:40px;width:100%;display:flex}@media (max-width:768px){.demo-section .demo-content{flex-direction:column}}.demo-section .text-content,.demo-section .visual-content{flex:1}.demo-section .browser-mockup{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 20px 50px #0000001a}.demo-section .browser-mockup .browser-header{background:#e0e0e0;align-items:center;gap:8px;padding:10px 15px;display:flex}.demo-section .browser-mockup .browser-header .dot{border-radius:50%;width:12px;height:12px}.demo-section .browser-mockup .browser-header .dot.red{background:#ff5f56}.demo-section .browser-mockup .browser-header .dot.yellow{background:#ffbd2e}.demo-section .browser-mockup .browser-header .dot.green{background:#27c93f}.demo-section .browser-mockup .browser-header .address-bar{color:#4c6272;text-align:center;background:#fff;border-radius:4px;flex-grow:1;margin-left:10px;padding:4px 10px;font-size:.8rem}.demo-section .browser-mockup .browser-body .placeholder-image{color:#aaa;background-color:#f9f9f9;justify-content:center;align-items:center;height:300px;font-weight:500;display:flex}.contact-section{text-align:center;background-color:#fff;padding:100px 0}.contact-section .contact-wrapper{max-width:560px;margin:0 auto}.contact-section .contact-header{margin-bottom:40px}.contact-section h2{margin-bottom:20px;font-size:2.5rem}.contact-section p{color:#4c6272;margin-bottom:24px;font-size:1.2rem}.contact-section .contact-form{text-align:left}.contact-section .contact-form .form-group{margin-bottom:20px}.contact-section .contact-form .form-group label{color:#212b32;margin-bottom:6px;font-size:.95rem;font-weight:600;display:block}.contact-section .contact-form .form-group input,.contact-section .contact-form .form-group textarea{box-sizing:border-box;border:2px solid #e2e8f0;border-radius:4px;width:100%;padding:12px 14px;font-family:inherit;font-size:1rem;transition:border-color .2s}.contact-section .contact-form .form-group input:focus,.contact-section .contact-form .form-group textarea:focus{border-color:#005eb8;outline:none}.contact-section .contact-form .form-group input::placeholder,.contact-section .contact-form .form-group textarea::placeholder{color:#94a3b8}.contact-section .contact-form .form-group input:disabled,.contact-section .contact-form .form-group textarea:disabled{opacity:.7;cursor:not-allowed}.contact-section .contact-form .form-group textarea{resize:vertical;min-height:100px}.contact-section .contact-form .form-error{color:#d4351c;margin-bottom:12px;font-weight:500}.contact-section .contact-form .form-success{color:#007f3b;margin-bottom:12px;font-weight:500}.contact-section .contact-form button[type=submit]{cursor:pointer;margin-top:8px}.contact-section .contact-form button[type=submit]:disabled{opacity:.8;cursor:not-allowed}.marketing-footer{color:#fff;text-align:center;background-color:#1a202c;padding:40px 0}.marketing-footer p{color:#fff9;margin:5px 0}.marketing-footer a{color:#ffffffe6;text-decoration:underline}.marketing-footer a:hover{color:#fff}