:root{--primary-yellow:gold;--primary-orange:#ff8c00;--primary-purple:indigo;--yellow-light:#fff3b0;--yellow-dark:#ffc400;--orange-light:#ffb74d;--orange-dark:#e65100;--purple-light:#7b2cbf;--purple-dark:#3a0068;--hero-gradient:linear-gradient(135deg,var(--primary-orange),var(--primary-purple));--button-gradient:var(--primary-orange);--text-light:#fff;--text-dark:#212121;--text-gray:#757575;--background-light:#fff9e6;--background-dark:#ffe0b2;--white:#fff;--section-padding:80px 0;--shadow-sm:0 2px 10px #0000001a;--shadow-md:0 5px 15px #0000001a;--shadow-lg:0 15px 30px #00000026;--radius-sm:5px;--radius-md:10px;--radius-lg:15px;--transition:all 0.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-light);color:var(--text-dark);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{margin:0 auto;max-width:1200px;padding:0 20px}.cta-button{background:var(--button-bg);background:var(--button-gradient);border:none;border-radius:var(--radius-sm);color:var(--text-light);display:inline-block;font-weight:600;padding:12px 24px;transition:var(--transition)}.cta-button:hover{background:var(--orange-dark);background:linear-gradient(to right,var(--orange-dark),var(--purple-dark));box-shadow:var(--shadow-md);transform:translateY(-2px)}.secondary-button{background-color:initial;border:2px solid var(--primary-purple);border-radius:var(--radius-sm);color:var(--primary-purple);display:inline-block;font-weight:600;padding:12px 24px;transition:var(--transition)}.secondary-button:hover{background-color:var(--primary-purple);color:var(--text-light)}.header{background-color:var(--white);box-shadow:var(--shadow-sm);position:fixed;top:0;width:100%;z-index:1000}.header-container{justify-content:space-between;padding:15px 0}.header-container,.logo{align-items:center;display:flex}.logo{gap:10px}.logo img{height:40px}.product-of{color:var(--text-gray)}.product-of img{height:20px}nav ul{align-items:center;display:flex;gap:30px;list-style:none}nav ul li a{color:var(--primary-purple);font-weight:600;transition:var(--transition)}nav ul li a:hover{color:var(--primary-orange)}.hero{background:var(--hero-gradient);color:var(--text-light);padding:180px 0 100px;text-align:center}.hero h1{font-size:48px;margin-bottom:20px}.hero h1 span{color:var(--primary-yellow)}.hero h1 .subName{color:var(--primary-orange)}.hero .subtitle{font-size:20px;margin:0 auto 30px;max-width:700px}.hero-buttons{display:flex;gap:20px;justify-content:center;margin-bottom:50px}.hero-image{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin:0 auto;max-width:900px;overflow:hidden}.hero-image img{display:block;height:auto;width:100%}.features{background-color:var(--white);padding:var(--section-padding)}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.how-it-works{background-color:var(--background-light);padding:var(--section-padding)}.steps{display:flex;flex-wrap:wrap;justify-content:space-between;margin:50px 0}.step{flex:1 1;margin-bottom:40px;min-width:250px;padding:0 20px;position:relative;text-align:center}.step-number{align-items:center;background-color:var(--primary-purple);border-radius:50%;color:var(--white);display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.step h3{color:var(--primary-purple);font-size:20px;margin-bottom:15px}.step:not(:last-child):after{background-color:var(--primary-orange);content:"";height:2px;position:absolute;right:-50px;top:30px;width:100px}.architecture-diagram{border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin:50px auto 0;max-width:1000px;overflow:hidden}.architecture-diagram img{display:block;height:auto;width:100%}.section-title{margin-bottom:60px;text-align:center}.section-title h2{color:var(--primary-purple);font-size:36px;margin-bottom:15px}.section-title p{color:var(--text-gray);margin:0 auto;max-width:700px}.feature-card{background-color:var(--white);border:1px solid var(--yellow-light);border-radius:var(--radius-md);padding:30px;text-align:center;transition:var(--transition)}.feature-card:hover{border-color:var(--primary-orange);box-shadow:var(--shadow-lg);transform:translateY(-10px)}.feature-icon{color:var(--primary-purple);font-size:50px;margin-bottom:20px}.feature-card h3{color:var(--primary-purple);font-size:22px;margin-bottom:15px}.testimonial-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:50px}.testimonial-card{background-color:var(--white);border-radius:var(--radius-md);border-top:4px solid var(--primary-orange);box-shadow:var(--shadow-md);padding:30px}.testimonial-text{font-style:italic;margin-bottom:20px}.testimonial-author{align-items:center;display:flex}.author-avatar{background-color:var(--primary-purple);border-radius:50%;color:var(--white);font-weight:700;height:50px;margin-right:15px;width:50px}.author-avatar,.client-logos{align-items:center;display:flex;justify-content:center}.client-logos{flex-wrap:wrap;gap:30px;margin-top:50px}.client-logo{filter:grayscale(100%);max-height:60px;max-width:150px;opacity:.7;transition:var(--transition)}.client-logo:hover{filter:grayscale(0);opacity:1}.contact{background-color:var(--yellow-light)}.contact-container{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:50px}.contact-info{background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:30px}.contact-info h3{color:var(--primary-purple);font-size:24px;margin-bottom:20px}.contact-details{margin-bottom:30px}.contact-detail{margin-bottom:15px}.contact-detail,.contact-icon{align-items:center;display:flex}.contact-icon{background-color:var(--primary-orange);border-radius:50%;color:var(--white);height:40px;justify-content:center;margin-right:15px;width:40px}.contact-form{background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:30px}.contact-form input,.contact-form textarea{border:1px solid var(--yellow-light);border-radius:var(--radius-sm);font-size:16px;margin-bottom:20px;padding:15px;width:100%}.contact-form textarea{height:150px}footer{background-color:var(--primary-purple);color:var(--text-light);padding:60px 0 20px}.footer-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.footer-logo{align-items:center;display:flex;gap:10px;margin-bottom:20px}.footer-logo img{height:30px}.product-of{align-items:center;color:var(--text-light);display:flex;font-size:12px;gap:5px;opacity:.8}.footer-about p{margin-bottom:20px;opacity:.8}.footer-links h3{color:var(--primary-yellow);font-size:18px;margin-bottom:20px;padding-bottom:10px;position:relative}.footer-links h3:after{background-color:var(--primary-orange);bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.footer-links ul{list-style:none}.footer-links ul li{margin-bottom:10px}.footer-links ul li a{opacity:.8;transition:var(--transition)}.footer-links ul li a:hover{color:var(--primary-yellow);opacity:1}.footer-newsletter p{margin-bottom:20px;opacity:.8}.social-link{color:var(--primary-purple);font-size:30px;padding:15px}.social-link-footer{color:var(--primary-orange);font-size:30px;padding:15px}.newsletter-form{display:flex}.newsletter-form input{border:none;border-radius:var(--radius-sm) 0 0 var(--radius-sm);flex:1 1;padding:12px}.newsletter-form button{background-color:var(--primary-orange);border:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--white);cursor:pointer;padding:0 20px;transition:var(--transition)}.newsletter-form button:hover{background-color:var(--orange-dark)}.footer-bottom{border-top:1px solid #ffffff1a;font-size:14px;opacity:.7;padding-top:20px;text-align:center}.footer-bottom a{opacity:.8;transition:var(--transition)}.footer-bottom a:hover{color:var(--primary-yellow);opacity:1}@media (max-width:768px){.header-container{flex-direction:column;padding:15px 0}nav ul{flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.hero{padding:150px 0 80px}.hero h1{background:var(--hero-bg);font-size:36px}.hero .subtitle{font-size:18px}.hero-buttons{align-items:center;flex-direction:column}.step{margin-bottom:40px}.step:not(:last-child):after{display:none}}.app{display:flex;flex-direction:column;min-height:100vh}
/*# sourceMappingURL=main.df92a902.css.map*/