*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;color:#333;overflow-x:hidden}header{position:fixed;width:100%;top:0;z-index:1000;background:hsla(0,0%,100%,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px rgba(0,0,0,.05);transition:all .3s ease}header.header-scrolled{padding:.8rem 0;box-shadow:0 4px 30px rgba(0,0,0,.1)}nav{max-width:1400px;margin:0 auto;padding:1.5rem 3rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:2rem;font-weight:800;color:#000;letter-spacing:-1px}.logo img{width:100%;height:35px}.nav-links{display:flex;gap:3rem;list-style:none}.nav-links a{color:#333;text-decoration:none;font-weight:500;transition:color .3s;font-size:1rem}.nav-links a:hover{color:#eb1b23}.hero{margin-top:80px;min-height:90vh;background:linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #EB1B23 100%);display:flex;align-items:center;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;width:100%;height:100%;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');opacity:.5}.hero h1{font-size:4.5rem;color:#fff;font-weight:900;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-2px}.hero p{font-size:1.5rem;color:hsla(0,0%,100%,.95);max-width:700px;margin-bottom:2.5rem;font-weight:300}.hero-content{max-width:1400px;margin:0 auto;padding:0 3rem;position:relative;z-index:1}.hero-badges{display:flex;gap:2rem;justify-content:center;margin-top:3rem;flex-wrap:wrap}.badge{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.2);padding:1rem 2rem;border-radius:50px;color:#fff;font-weight:600;font-size:1.1rem}.cta-button{display:inline-block;padding:1.2rem 3rem;background:#eb1b23;color:#fff;text-decoration:none;border-radius:50px;font-weight:700;font-size:1.1rem;transition:all .3s;box-shadow:0 10px 40px rgba(235,27,35,.3)}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 50px rgba(235,27,35,.4);background:#d01620}.intro-section{padding:6rem 3rem;max-width:1200px;margin:0 auto;text-align:center}.intro-section h2{font-size:2.5rem;color:#000;margin-bottom:2rem;font-weight:800}.intro-section p{font-size:1.3rem;color:#555;line-height:1.8;max-width:900px;margin:0 auto 1.5rem}.features-section{background:#f8f9fa;padding:6rem 3rem}.section-subtitle{text-align:center;font-size:1.3rem;color:#666;margin-bottom:4rem;max-width:700px;margin-left:auto;margin-right:auto}.features-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2.5rem}.feature-card{background:#fff;padding:3rem;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.05);transition:all .3s;border:2px solid rgba(0,0,0,0)}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px rgba(0,0,0,.1);border-color:#eb1b23}.feature-icon{width:80px;height:80px;background:#eee;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;font-size:2.5rem}.feature-card h3{font-size:1.6rem;color:#000;margin-bottom:1rem;font-weight:700}.feature-card p{color:#666;line-height:1.7;font-size:1.05rem}.feature-list{margin-top:1.5rem;list-style:none;padding:0}.feature-list li{padding:.5rem 0;color:#555;font-size:.95rem;position:relative;padding-left:1.5rem}.feature-list li::before{content:"✓";position:absolute;left:0;color:#eb1b23;font-weight:bold}.stats{background:#fff;padding:4rem 3rem;margin:-50px auto 0;max-width:1200px;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.1);display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:3rem;position:relative;z-index:10}.stat-item{text-align:center}.stat-number{font-size:3rem;font-weight:900;color:#eb1b23;display:block;margin-bottom:.5rem}.stat-label{color:#666;font-size:1rem;font-weight:500}.about{padding:8rem 3rem;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.about-text h2{font-size:3rem;color:#000;margin-bottom:2rem;font-weight:800}.about-text p{font-size:1.2rem;color:#555;margin-bottom:1.5rem;line-height:1.8}.about-visual{background:linear-gradient(135deg, #f5f5f5 0%, #e5e5e5 100%);height:500px;border-radius:20px;position:relative;overflow:hidden}.about-visual img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.services{background:linear-gradient(to bottom, #f8fafc 0%, white 100%);padding:8rem 3rem}.section-title{text-align:center;font-size:3rem;color:#000;margin-bottom:4rem;font-weight:800}.services-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2.5rem}.service-card{background:#fff;padding:3rem 2.5rem;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.05);transition:all .3s;border:2px solid rgba(0,0,0,0)}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px rgba(0,0,0,.1);border-color:#eb1b23}.service-icon{width:70px;height:70px;background:#eee;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:2rem}.service-card h3{font-size:1.5rem;color:#000;margin-bottom:1rem;font-weight:700}.service-card p{color:#666;line-height:1.7}.cms-section{padding:8rem 3rem;background:#000;color:#fff}.cms-header{text-align:center;max-width:900px;margin:0 auto 5rem}.cms-bottom{text-align:center;max-width:900px;margin:2rem auto 0}.cms-bottom .cta-button{background:#1b4feb;box-shadow:0 10px 40px rgba(27,79,235,.3019607843)}.cms-bottom .cta-button:hover{box-shadow:0 15px 50px rgba(27,79,235,.4);background:#113fd4}.cms-header h2{font-size:3.5rem;margin-bottom:1.5rem;font-weight:900;color:#fff}.cms-header .subtitle{font-size:1.3rem;color:hsla(0,0%,100%,.8);line-height:1.6}.cms-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem}.cms-features{display:grid;gap:2rem}.cms-card{background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.05);border-radius:20px;padding:2.5rem;transition:all .3s}.cms-card:hover{background:hsla(0,0%,100%,.08);border-color:#eb1b23;transform:translateY(-5px)}.cms-card-icon{width:60px;height:60px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:1.5rem}.cms-card h3{font-size:1.4rem;margin-bottom:1rem;color:#fff}.cms-card p{color:hsla(0,0%,100%,.7);line-height:1.6}.cms-highlight{grid-column:1/-1;background:linear-gradient(135deg, #EB1B23 0%, #d01620 100%);border:none;text-align:center;padding:3rem}.cms-highlight h3{font-size:2rem;margin-bottom:1rem}.cms-highlight p{font-size:1.2rem;color:#fff}.portfolio{background:#0f172a;padding:8rem 3rem;color:#fff}.portfolio-grid{max-width:1400px;margin:3rem auto 0;display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem}.portfolio-item{background:hsla(0,0%,100%,.05);padding:1.5rem 1rem;border-radius:15px;border:1px solid hsla(0,0%,100%,.1);transition:all .3s;display:flex}.portfolio-item:hover{background:hsla(0,0%,100%,.08);transform:translateY(-5px);border-color:#eb1b23}.portfolio-item a{color:#fff;text-decoration:none;font-size:1.1rem;font-weight:600;display:block;margin:0 auto}.architecture-section{padding:8rem 3rem;background:linear-gradient(to bottom, #ffffff 0%, #f8f9fa 100%);position:relative}.architecture-container{max-width:1400px;margin:0 auto}.architecture-header{text-align:center;margin-bottom:5rem}.architecture-header h2{font-size:3rem;color:#000;margin-bottom:1.5rem;font-weight:800}.architecture-header p{font-size:1.3rem;color:#666;max-width:800px;margin:0 auto}.architecture-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:3rem;margin-bottom:4rem}.architecture-card{background:#fff;padding:3rem;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.08);border-left:5px solid #eb1b23;transition:all .3s}.architecture-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px rgba(0,0,0,.12)}.arch-card-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.arch-card-icon{width:70px;height:70px;background:#eee;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.arch-card-title h3{font-size:1.8rem;color:#000;font-weight:700;margin:0}.arch-card-title .subtitle{font-size:.95rem;color:#eb1b23;font-weight:600;margin-top:.3rem}.architecture-card p{color:#555;line-height:1.7;font-size:1.05rem}.architecture-highlight{background:#000;color:#fff;padding:4rem;border-radius:20px;text-align:center;position:relative;overflow:hidden}.architecture-highlight::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, transparent 0%, rgba(235, 27, 35, 0.1) 100%)}.architecture-highlight-content{position:relative;z-index:1}.architecture-highlight h3{font-size:2.5rem;margin-bottom:1.5rem;font-weight:800}.architecture-highlight p{font-size:1.3rem;color:hsla(0,0%,100%,.9);max-width:800px;margin:0 auto;line-height:1.7}.architecture-stats{display:grid;grid-template-columns:repeat(3, 1fr);gap:3rem;margin-top:3rem}.arch-stat{text-align:center}.arch-stat-number{font-size:3.5rem;font-weight:900;color:#eb1b23;display:block;margin-bottom:.5rem}.arch-stat-label{font-size:1.1rem;color:hsla(0,0%,100%,.9)}.benefits-section{padding:8rem 3rem;background:#000;position:relative;overflow:hidden}.benefits-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.benefits-header{text-align:center;margin-bottom:5rem}.benefits-header h2{font-size:3.5rem;color:#fff;margin-bottom:1.5rem;font-weight:900}.benefits-header p{font-size:1.4rem;color:hsla(0,0%,100%,.8);max-width:700px;margin:0 auto}.benefits-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:2.5rem}.benefit-card{background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.1);padding:3rem;border-radius:20px;transition:all .3s;position:relative;overflow:hidden}.benefit-card::before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:#eb1b23;transform:scaleY(0);transition:transform .3s}.benefit-card:hover{background:hsla(0,0%,100%,.08);border-color:#eb1b23;transform:translateY(-10px)}.benefit-card:hover::before{transform:scaleY(1)}.benefit-icon{width:80px;height:80px;background:#eee;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:2rem}.benefit-card h3{font-size:1.6rem;color:#fff;margin-bottom:1rem;font-weight:700}.benefit-card p{color:hsla(0,0%,100%,.8);line-height:1.7;font-size:1.05rem}.benefit-number{position:absolute;top:1.5rem;right:1.5rem;font-size:4rem;font-weight:900;color:rgba(235,27,35,.2);line-height:1}.integration-section{padding:6rem 3rem;background:#f8f9fa}.integration-grid{max-width:1400px;margin:3rem auto 0;display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:2rem}.integration-item{background:#fff;padding:2rem;border-radius:15px;text-align:center;box-shadow:0 5px 20px rgba(0,0,0,.05);transition:all .3s}.integration-item img{width:auto;height:30px}.integration-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.1)}.integration-item h4{font-size:1.2rem;color:#000;font-weight:600}.contact{padding:8rem 3rem;max-width:1000px;margin:0 auto;text-align:center}.contact h2{font-size:3rem;color:#000;margin-bottom:2rem;font-weight:800}.contact p{font-size:1.3rem;color:#666;margin-bottom:3rem}.contact-demo{display:block;margin-top:2rem}footer{background:#000;color:#fff;text-align:center;padding:3rem}nav .cta-button{display:none}.demo-form-container{display:none;margin-top:2rem;background:#fff;padding:3rem;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.1)}.form-header{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:2px solid #f0f0f0}.form-header h2{font-size:2rem;color:#000;margin-bottom:.5rem;font-weight:800}.form-header p{color:#666;font-size:1rem}#demoForm{text-align:left}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}label{display:block;margin-bottom:.5rem;color:#333;font-weight:600;font-size:.95rem}.required{color:#eb1b23}input[type=text],input[type=email],input[type=tel],input[type=url],select,textarea{width:100%;padding:1rem 1.2rem;border:2px solid #e5e5e5;border-radius:10px;font-size:1rem;font-family:inherit;transition:all .3s;background:#fafafa}input:focus,select:focus,textarea:focus{outline:none;border-color:#eb1b23;background:#fff;box-shadow:0 0 0 4px rgba(235,27,35,.1)}textarea{resize:vertical;min-height:120px}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23333" d="M5 8l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 1rem center;padding-right:3rem}.checkbox-group{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.5rem}.checkbox-item{display:flex;align-items:center;gap:.5rem}.checkbox-item input[type=checkbox]{width:auto;cursor:pointer;width:18px;height:18px}.checkbox-item label{margin:0;font-weight:500;cursor:pointer}.submit-section{margin-top:2.5rem;padding-top:2rem;border-top:2px solid #f0f0f0}.contact p.privacy-note{font-size:.85rem;color:#999;margin-bottom:1.5rem;line-height:1.5}.privacy-note a{color:#eb1b23;text-decoration:none}.privacy-note a:hover{text-decoration:underline}.submit-button{width:100%;padding:1.3rem;background:linear-gradient(135deg, #000000 0%, #EB1B23 100%);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 10px 30px rgba(235,27,35,.3)}.submit-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(235,27,35,.4)}.submit-button:active{transform:translateY(-1px)}.success-message{display:none;text-align:center;padding:3rem}.success-message.active{display:block}.success-icon{width:100px;height:100px;background:linear-gradient(135deg, #22c55e 0%, #16a34a 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;font-size:3rem}.success-message h2{font-size:2.5rem;color:#000;margin-bottom:1rem;font-weight:800}.success-message p{font-size:1.2rem;color:#666;margin-bottom:2rem}.back-button{display:inline-block;padding:1rem 2.5rem;background:#000;color:#fff;text-decoration:none;border-radius:10px;font-weight:600;transition:all .3s}.back-button:hover{background:#eb1b23;transform:translateY(-2px)}@media(max-width: 768px){header.header-scrolled{padding:.5rem 0;box-shadow:0 4px 30px rgba(0,0,0,.2)}.hero{margin-top:30px}.hero h1{font-size:2.5rem}.hero p{font-size:1.2rem}.about,.cms-content{grid-template-columns:1fr}.about{padding:4rem 2rem}.about-text h2{font-size:2.5rem;line-height:1.3}.about-visual{height:300px}nav{padding:1rem 1.5rem}nav .cta-button{display:inline-block;padding:.5rem;font-size:.8rem;font-weight:400}header.header-scrolled{padding:.8rem 0;box-shadow:0 4px 30px rgba(0,0,0,.1)}.nav-links{display:none}.logo img{height:25px}.stats{padding:2rem;grid-template-columns:repeat(2, 1fr);gap:2rem}.stat-item{grid-column:span 1}.services{padding:4rem 2rem}.section-title{font-size:2.5rem;line-height:1.2}.portfolio{padding:4rem 2rem}.cms-section{padding:4rem 3rem}.contact{padding:4rem 2rem}.contact h2{font-size:2.5rem;line-height:1.2}.cms-header{margin-bottom:3rem}.cms-header h2{font-size:2.5rem}.cms-header .subtitle{font-size:1.1rem}.architecture-content{grid-template-columns:1fr}.architecture-grid{grid-template-columns:1fr}.architecture-stats{grid-template-columns:1fr;gap:2rem}.intro-section{padding:4rem 2rem}.intro-section h2{font-size:2.5rem;line-height:1.2}.architecture-header h2{font-size:2.5rem;line-height:1.2}.architecture-card{padding:2rem}.arch-card-title h3{font-size:1.4rem;line-height:1.4}.architecture-grid{margin-bottom:1rem}.benefits-section{padding:4rem 2rem}.benefits-header h2{font-size:2.5rem}.benefits-grid{grid-template-columns:repeat(1, 1fr)}.integration-section{padding:4rem 3rem}}/*# sourceMappingURL=style.css.map */