@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap');:root{--primary-color:#000000;--secondary-color:#0041C2;--accent-color:#2997ff;--text-color:#1d1d1f;--light-text:#f5f5f7;--bg-gradient:#ffffff;--section-bg:#ffffff;--glass-bg:rgba(255,255,255,0.72);--glass-border:rgba(0,0,0,0.1);--transition:all 0.6s cubic-bezier(0.16,1,0.3,1);}*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;width:100%;max-width:100%;overflow-x:hidden;}body{font-family:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.5;color:var(--text-color);background-color:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased;letter-spacing:-0.01em;width:100%;max-width:100%;}.reveal{opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(0.16,1,0.3,1);}.reveal.active{opacity:1;transform:translateY(0);}.reveal-stagger-1{transition-delay:0.1s;}.reveal-stagger-2{transition-delay:0.2s;}.reveal-stagger-3{transition-delay:0.3s;}a{text-decoration:none;color:inherit;transition:var(--transition);}ul{list-style:none;}section,nav,footer{width:100%;}img{max-width:100%;height:auto;}.container{max-width:1200px;margin:0 auto;padding:0 2rem;}.btn{display:inline-block;padding:0.8rem 2rem;border-radius:50px;font-weight:600;cursor:pointer;transition:var(--transition);border:none;}.btn-primary{background:var(--secondary-color);color:white;}.btn-primary:hover{background:#003194;transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,65,194,0.3);}.btn-outline{background:transparent;border:2px solid var(--light-text);color:var(--light-text);}.btn-outline:hover{background:var(--light-text);color:var(--primary-color);}nav{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1rem 0;transition:var(--transition);}nav.scrolled,nav.active{background:var(--secondary-color);backdrop-filter:blur(10px);padding:0.5rem 0;box-shadow:0 5px 20px rgba(0,0,0,0.1);}nav .container{display:flex;justify-content:space-between;align-items:center;}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;}.logo img{background:transparent;padding:0;border-radius:0;box-shadow:none;transition:var(--transition);}.logo:hover img{transform:scale(1.05);box-shadow:none;}.neerp-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 12px rgba(0,65,194,0.2);transition:var(--transition);}.neerp-logo-icon::before{content:'';width:18px;height:18px;border:3px solid #fff;border-radius:2px;position:relative;}.neerp-logo-icon::after{content:'';position:absolute;width:60%;height:2px;background:#fff;top:50%;transform:translateY(-50%);}.neerp-logo-text{display:flex;flex-direction:column;line-height:1;}.neerp-logo-text .brand{font-family:'Outfit',sans-serif;font-size:1.8rem;font-weight:700;letter-spacing:-1px;color:var(--light-text);}.neerp-logo-text .tagline{font-size:0.7rem;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:var(--accent-color);margin-top:2px;}nav.scrolled .neerp-logo-text .brand,nav.active .neerp-logo-text .brand{color:#fff;}footer .logo .neerp-logo-text .brand{color:#fff;}.logo:hover .neerp-logo-icon{transform:scale(1.05) rotate(5deg);box-shadow:0 6px 15px rgba(0,65,194,0.3);}.nav-links{display:flex;gap:1.5rem;align-items:center;}.nav-links li a{color:var(--light-text);font-weight:500;opacity:0.8;}.nav-links li a:hover{opacity:1;color:#ffffff;}.nav-brochure-btn{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);padding:0.3rem 0.8rem !important;border-radius:8px;font-size:0.85rem !important;display:flex;align-items:center;gap:6px;backdrop-filter:blur(12px);font-weight:500 !important;opacity:0.9 !important;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.1);}.nav-brochure-btn:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.2);transform:translateY(-2px);color:#fff !important;opacity:1 !important;}.hero{height:100vh;background:#030712;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden;}.hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('nexa_hero_new.jpg') center/cover no-repeat;opacity:0.15;z-index:1;filter:saturate(0) brightness(0.5);mix-blend-mode:luminosity;}.hero-glow{position:absolute;border-radius:50%;filter:blur(120px);z-index:1;opacity:0.4;pointer-events:none;}.hero-glow-1{width:600px;height:600px;background:rgba(41,151,255,0.4);top:-200px;left:-200px;}.hero-glow-2{width:500px;height:500px;background:rgba(0,65,194,0.4);bottom:-100px;right:-100px;}.hero-grid-bg{position:absolute;inset:0;z-index:1;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(circle at center,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 80%);pointer-events:none;}.hero .container{position:relative;z-index:2;text-align:center;max-width:980px;}.hero-badge{display:inline-flex;align-items:center;padding:0.5rem 1.2rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:50px;font-size:0.9rem;font-weight:500;color:var(--accent-color);margin-bottom:2rem;backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,0.2);}.hero h1{font-size:5.5rem;font-weight:800;margin-bottom:0.5em;line-height:1.05;letter-spacing:-0.03em;background:linear-gradient(180deg,#FFFFFF 0%,#A1A1AA 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.hero p{font-size:1.5rem;color:#A1A1AA;max-width:600px;margin:0 auto 3rem;line-height:1.5;font-weight:400;}.hero-btns{display:flex;gap:1.5rem;justify-content:center;align-items:center;}.hero-btns .btn-outline{border-color:rgba(255,255,255,0.1);background:rgba(255,255,255,0.03);backdrop-filter:blur(10px);}.hero-btns .btn-outline:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);color:#fff;}.hero-brochure-btn{font-size:1.05rem;padding:0.9rem 1.8rem;}.btn{display:inline-block;padding:1rem 2.5rem;border-radius:980px;font-size:1.1rem;font-weight:400;cursor:pointer;transition:var(--transition);border:none;}.btn-primary{background:var(--secondary-color);color:white;}.btn-primary:hover{background:#0077ed;transform:scale(1.02);box-shadow:none;}.services{padding:5rem 0;background:var(--section-bg);}.section-header{text-align:center;margin-bottom:3rem;}.section-header h2{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem;}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;}.service-card{background:white;padding:2.5rem;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,0.05);transition:var(--transition);text-align:center;}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.1);}.service-card i{font-size:3rem;color:var(--secondary-color);margin-bottom:1.5rem;}.service-card h3{margin-bottom:1rem;color:var(--primary-color);}.erp-section{padding:5rem 0;background:#fff;}.erp-section .container{display:flex;align-items:center;gap:4rem;}.erp-content{flex:1;}.erp-image{flex:1;display:flex;justify-content:center;align-items:center;}.erp-image img{width:100%;max-width:560px;height:auto;border-radius:18px;box-shadow:0 18px 38px rgba(0,0,0,0.16);transition:transform 0.35s ease,box-shadow 0.35s ease,filter 0.35s ease;}.erp-image img:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 28px 55px rgba(0,0,0,0.2);filter:saturate(1.05) contrast(1.03);}.feature-section{padding:8rem 0;}.feature-section.alt{background:#fff;}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:3rem;align-items:center;}.feature-item{background:#fdfdfd;padding:2rem;border-radius:15px;border:1px solid #eee;}.feature-item i{font-size:2rem;color:var(--secondary-color);margin-bottom:1rem;}.stats-section{background:var(--section-bg);padding:3rem 0;color:var(--text-color);}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center;}.stat-item h3{font-size:4rem;font-weight:600;margin-bottom:0.5rem;color:var(--text-color);letter-spacing:-0.02em;}.stat-item p{font-size:1.1rem;font-weight:500;color:#86868b;opacity:1;}.testimonials{padding:3rem 0;background:var(--section-bg);}.testimonial-card{background:white;padding:3rem;border-radius:30px;box-shadow:0 20px 40px rgba(0,0,0,0.05);max-width:800px;margin:0 auto;text-align:center;}.testimonial-text{font-size:1.2rem;font-style:italic;margin-bottom:2rem;color:#555;position:relative;}.testimonial-text::before{content:'"';font-size:5rem;color:var(--secondary-color);opacity:0.1;position:absolute;top:-2rem;left:1rem;}.details-section{padding:8rem 0;}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}.dashboard-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem;}.gallery-item{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.05);transition:var(--transition);border:1px solid #eee;}.gallery-item:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.1);}.gallery-item img{width:100%;height:200px;object-fit:contain;background:#f8f9fa;padding:1rem;}.gallery-item p{padding:1.5rem;text-align:center;font-weight:600;color:var(--primary-color);border-top:1px solid #eee;}.erp-video{width:100%;border-radius:30px;box-shadow:0 30px 60px rgba(0,0,0,0.15);margin-top:2rem;}.clients{padding:3rem 0;background:#fdfdfd;border-top:1px solid #eee;border-bottom:1px solid #eee;}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:3rem;align-items:center;justify-items:center;}.client-logo{max-width:140px;height:auto;max-height:50px;object-fit:contain;opacity:1;transition:var(--transition);}.client-logo:hover{transform:scale(1.1);}.resources{padding:3rem 0;background:#fff;border-top:1px solid #eee;}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2.5rem;margin-top:3rem;}.resource-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.05);transition:var(--transition);border:1px solid #eee;height:100%;display:flex;flex-direction:column;}.resource-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.1);border-color:transparent;}.resource-card img{width:100%;height:200px;background:#f8f9fa;object-fit:cover;}.resource-card-content{padding:2rem;flex-grow:1;display:flex;flex-direction:column;}.resource-badge{display:inline-block;padding:0.4rem 1rem;background:rgba(0,188,212,0.1);color:var(--secondary-color);border-radius:50px;font-size:0.8rem;font-weight:600;margin-bottom:1rem;align-self:flex-start;}.resource-card h3{margin-bottom:1rem;color:var(--primary-color);font-size:1.25rem;line-height:1.4;}.resource-card p{color:#666;margin-bottom:1.5rem;font-size:0.95rem;flex-grow:1;}.read-more-btn{color:var(--secondary-color);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:0.5rem;transition:var(--transition);}.read-more-btn:hover{gap:0.8rem;color:var(--primary-color);}.contact-section{padding:100px 0;background:#0a0a0b;position:relative;overflow:hidden;color:#fff;}.contact-section::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(0,65,194,0.1) 0%,transparent 40%),radial-gradient(circle at 70% 70%,rgba(230,81,0,0.05) 0%,transparent 40%);z-index:1;}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;position:relative;z-index:2;}.contact-info h2{font-size:3.5rem;font-weight:700;background:linear-gradient(to right,#fff,#86868b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem;}.contact-info h2 span{color:var(--accent-color);-webkit-text-fill-color:var(--accent-color);}.contact-description{font-size:1.2rem;line-height:1.8;color:rgba(255,255,255,0.7);margin-bottom:3rem;max-width:500px;}.contact-item{display:flex;gap:1.5rem;margin-bottom:2rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);padding:1.5rem;border-radius:16px;backdrop-filter:blur(10px);transition:all 0.4s cubic-bezier(0.16,1,0.3,1);}.contact-item:hover{background:rgba(255,255,255,0.06);border-color:var(--accent-color);transform:translateX(10px) scale(1.02);box-shadow:0 10px 30px rgba(0,0,0,0.2);}.contact-item i{font-size:1.8rem;background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.contact-form{background:rgba(255,255,255,0.04);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);padding:3.5rem;border-radius:24px;box-shadow:0 25px 50px rgba(0,0,0,0.3);}.form-group{margin-bottom:1.5rem;}.form-group label{display:block;margin-bottom:0.8rem;font-weight:500;color:rgba(255,255,255,0.8);}.form-group input,.form-group textarea{width:100%;padding:1.2rem;border:1px solid rgba(255,255,255,0.1);border-radius:12px;font-family:inherit;transition:all 0.3s;background:rgba(255,255,255,0.05);color:#fff;}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color);background:rgba(255,255,255,0.08);box-shadow:0 0 20px rgba(41,151,255,0.15);}.contact-form .btn-primary{background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));padding:1.2rem;font-size:1.1rem;font-weight:600;letter-spacing:1px;border-radius:12px;box-shadow:0 10px 30px rgba(0,65,194,0.3);width:100%;margin-top:1rem;}footer{background:var(--primary-color);color:var(--light-text);padding:5rem 0 2rem;}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-bottom:3rem;}.footer-col h3{margin-bottom:1.5rem;font-size:1.2rem;}.footer-col ul li a{transition:var(--transition);opacity:0.8;}.footer-col ul li a:hover{color:var(--secondary-color);opacity:1;}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.1);font-size:0.9rem;opacity:0.7;}.video-gallery{padding:8rem 0;background:var(--section-bg);}.gallery-container{max-width:1100px;margin:0 auto;}.featured-video{width:100%;margin-bottom:4rem;}.main-video-wrapper{width:100%;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,0.1);background:#000;}.main-video-wrapper video{width:100%;display:block;}.video-thumb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2.5rem;}.video-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:var(--transition);}.video-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.1);}.video-thumb-wrapper{position:relative;width:100%;height:180px;background:#eee;overflow:hidden;}.video-thumb-wrapper img{width:100%;height:100%;object-fit:cover;}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(0,188,212,0.8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;transition:var(--transition);}.video-card:hover .play-overlay{background:var(--secondary-color);transform:translate(-50%,-50%) scale(1.1);}.video-info{padding:1.5rem;}.video-info h3{color:var(--primary-color);font-size:1.1rem;line-height:1.4;margin-bottom:0.5rem;}.video-info p{font-size:0.9rem;color:#666;}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}.hero h1,.hero p,.hero-btns{animation:fadeInUp 1s ease forwards;}.hero p{animation-delay:0.2s;}.hero-btns{animation-delay:0.4s;}.header-social{display:flex;gap:1rem;align-items:center}.header-social a{font-size:1rem;transition:var(--transition);display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1.5px solid rgba(255,255,255,0.3);background:#fff;}.header-social a.facebook{color:#1877F2 !important}.header-social a.instagram{color:#E4405F !important}.header-social a.linkedin{color:#0A66C2 !important}.header-social a.youtube{color:#FF0000 !important}.header-social a.twitter{color:#000000 !important}.header-social a:hover{transform:translateY(-3px);border-color:#fff;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,0.15);filter:brightness(1.05)}@media (max-width:768px){.header-social{display:none}}.modules-section{padding:3rem 0 0;background:#fff;}.module-header{text-align:center;max-width:800px;margin:0 auto 3rem;}.module-header h2{font-size:2.5rem;color:var(--primary-color);margin-bottom:1.5rem;}.module-header p{color:#666;font-size:1.1rem;}.module-row{display:flex;align-items:center;gap:4rem;margin-bottom:3rem;background:#fff;padding:2rem 0;border-radius:0;box-shadow:none;}.module-row:nth-child(even){flex-direction:row-reverse;}.module-content{flex:1;}.module-image{flex:1.3;position:relative;display:flex;align-items:center;}.module-image img{width:100%;height:auto;border-radius:0;box-shadow:none;border:none;transition:transform 0.3s ease;object-fit:cover;}.module-image:hover img{transform:translateY(-5px);}.lightbox-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.8);opacity:0;visibility:hidden;transition:opacity 0.25s ease,visibility 0.25s ease;z-index:2000;}.lightbox-overlay.open{opacity:1;visibility:visible;}.lightbox-img{max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);border-radius:8px;box-shadow:0 30px 60px rgba(0,0,0,0.6);display:block;}.lightbox-close{position:absolute;top:20px;right:20px;background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:10px;}.show-mobile{display:none !important;}.show-mobile{display:none !important;}.zoomable{cursor:zoom-in;}@media (max-width:480px){.lightbox-img{max-width:calc(100vw - 20px);max-height:calc(100vh - 80px);border-radius:6px;}}.module-content h3{font-size:2rem;color:var(--primary-color);margin-bottom:1.5rem;}.module-content p{color:#555;margin-bottom:2rem;font-size:1.05rem;line-height:1.8;}.btn-orange{display:inline-block;background:#e65100;color:white;padding:15px 35px;border-radius:50px;font-weight:600;text-transform:none;font-size:1rem;box-shadow:0 4px 15px rgba(230,81,0,0.3);transition:all 0.3s;border:none;}.btn-orange:hover{background:#bf360c;transform:translateY(-2px);box-shadow:0 6px 20px rgba(230,81,0,0.4);color:white;}@media (max-width:992px){.contact-grid,.details-grid{grid-template-columns:1fr;gap:2rem;}.erp-section .container{flex-direction:column;gap:2rem;}.module-row{flex-direction:column !important;gap:2rem;margin-bottom:4rem;text-align:center;}.module-content{order:1;}.module-image{order:2;width:100%;}.hide-mobile{display:none !important;}.show-mobile{display:inline-block !important;margin-top:1.5rem;order:3;}}.chat-window{position:fixed;bottom:100px;right:30px;width:380px;height:550px;background:#fff;border-radius:20px;box-shadow:0 15px 50px rgba(0,0,0,0.15);display:flex;flex-direction:column;z-index:10000;opacity:0;visibility:hidden;transform:translateY(30px) scale(0.95);transition:all 0.5s cubic-bezier(0.19,1,0.22,1);border:1px solid rgba(0,0,0,0.05);overflow:hidden;}.chat-window.active{opacity:1;visibility:visible;transform:translateY(0) scale(1);}.chat-header{background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));color:white;padding:1.2rem 1.5rem;display:flex;justify-content:space-between;align-items:center;}.chat-header h3{display:flex;align-items:center;gap:12px;margin:0;font-size:1.1rem;font-weight:600;}.chat-avatar{width:35px;height:35px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;}.chat-body{flex:1;padding:1.5rem;overflow-y:auto;background:#fdfdfd;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth;}.chat-body::-webkit-scrollbar{width:6px;}.chat-body::-webkit-scrollbar-track{background:transparent;}.chat-body::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.1);border-radius:3px;}.message{max-width:85%;padding:12px 16px;border-radius:18px;font-size:0.95rem;line-height:1.4;position:relative;animation:messageIn 0.3s ease-out;}@keyframes messageIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}.message.received{align-self:flex-start;background:#f0f0f5;color:#1d1d1f;border-bottom-left-radius:4px;}.message.sent{align-self:flex-end;background:var(--secondary-color);color:white;border-bottom-right-radius:4px;}.typing-indicator{align-self:flex-start;padding:12px 18px;background:#f0f0f5;border-radius:18px;border-bottom-left-radius:4px;display:none;align-items:center;gap:4px;}.typing-indicator span{width:6px;height:6px;background:#8e8e93;border-radius:50%;display:inline-block;animation:typingPulse 1.4s infinite ease-in-out;}.typing-indicator span:nth-child(2){animation-delay:0.2s;}.typing-indicator span:nth-child(3){animation-delay:0.4s;}@keyframes typingPulse{0%,100%{transform:scale(1);opacity:0.4;}50%{transform:scale(1.4);opacity:1;}}.chat-form-container{display:none;background:#fff;padding:1.2rem;border-top:1px solid #eee;animation:slideUp 0.4s ease-out;}@keyframes slideUp{from{transform:translateY(20px);opacity:0;}to{transform:translateY(0);opacity:1;}}.chat-form{display:flex;flex-direction:column;gap:10px;}.chat-input-field{width:100%;padding:0.8rem 1rem;border:1px solid #e5e5e5;border-radius:10px;font-size:0.9rem;background:#f9f9fb;transition:all 0.3s;}.chat-input-field:focus{border-color:var(--secondary-color);background:#fff;box-shadow:0 0 0 3px rgba(0,65,194,0.05);outline:none;}.chat-submit-btn{background:var(--secondary-color);color:white;border:none;padding:0.9rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all 0.3s;}.chat-submit-btn:hover{filter:brightness(1.1);transform:translateY(-2px);}.chat-widget-btn{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:var(--secondary-color);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;box-shadow:0 10px 30px rgba(0,65,194,0.3);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);z-index:10001;}.chat-widget-btn:hover{transform:scale(1.1) rotate(15deg);}@media (max-width:480px){.chat-window{width:100%;height:100%;bottom:0;right:0;border-radius:0;}.chat-widget-btn{bottom:20px;right:20px;}}.faq-section{padding:5rem 0;background:#fff;border-top:1px solid #f0f0f0;}.faq-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center;}.faq-intro{text-align:center;display:flex;flex-direction:column;align-items:center;}.faq-intro h2{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:var(--primary-color);line-height:1.2;letter-spacing:-0.02em;}.faq-intro p{font-size:1rem;color:#666;margin-bottom:2rem;line-height:1.6;max-width:550px;}.faq-accordion{display:flex;flex-direction:column;gap:0;box-shadow:0 10px 40px rgba(0,0,0,0.08);}.accordion-item{background:#fff;border-bottom:1px solid #eee;transition:var(--transition);}.accordion-item:last-child{border-bottom:none;}.accordion-header{padding:1.2rem 2rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:#fff;transition:background 0.3s;}.accordion-header h3{font-size:1rem;font-weight:500;color:var(--text-color);transition:color 0.3s;}.accordion-header .icon{font-size:1.4rem;font-weight:400;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);color:#000;}.accordion-item.active .icon{transform:rotate(45deg);}.accordion-item.active .accordion-header h3{color:var(--secondary-color);}.accordion-content{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1),padding 0.4s;padding:0 2.5rem;}.accordion-item.active .accordion-content{max-height:300px;padding:0 2.5rem 2rem;}.accordion-content p{color:#555;font-size:0.95rem;line-height:1.7;}@media (max-width:992px){.faq-grid{grid-template-columns:1fr;gap:3rem;text-align:center;}.faq-intro p{margin-left:auto;margin-right:auto;}}.scroll-top{position:fixed;bottom:30px;right:170px;width:60px;height:60px;background:#333;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;box-shadow:0 5px 15px rgba(0,0,0,0.2);z-index:9998;opacity:0;visibility:hidden;transform:translateY(20px);transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1);}.scroll-top.active{opacity:1;visibility:visible;transform:translateY(0);}.scroll-top:hover{background:var(--primary-color);transform:translateY(-5px);}@media (max-width:480px){.scroll-top{bottom:150px;right:20px;width:50px;height:50px;}}.social-links-contact{display:flex;gap:1.5rem;align-items:center;}.social-links-contact .social-icon{font-size:1.1rem;transition:var(--transition);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,255,255,0.15);background:#fff;}.social-links-contact .social-icon.facebook{color:#1877F2 !important;}.social-links-contact .social-icon.instagram{color:#E4405F !important;}.social-links-contact .social-icon.linkedin{color:#0A66C2 !important;}.social-links-contact .social-icon.youtube{color:#FF0000 !important;}.social-links-contact .social-icon.twitter{color:#000000 !important;}.social-links-contact .social-icon:hover{transform:translateY(-3px);border-color:#fff;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,0.2);opacity:1;}footer .social-links-contact .social-icon{font-size:1.4rem;}@media (max-width:992px){.follow-us,.footer-social{display:flex;flex-direction:column;align-items:center;}}.whatsapp-widget-btn{position:fixed;bottom:30px;right:100px;width:60px;height:60px;background:#25D366;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;cursor:pointer;box-shadow:0 10px 30px rgba(37,211,102,0.3);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);z-index:10001;text-decoration:none;}.whatsapp-widget-btn:hover{transform:scale(1.1) rotate(15deg);color:white;}@media (max-width:480px){.whatsapp-widget-btn{bottom:85px;right:20px;width:50px;height:50px;font-size:2rem;}}
/* Mobile Responsiveness Improvements */
.mobile-menu-toggle { display: none; background: transparent; border: none; color: var(--light-text); font-size: 1.5rem; cursor: pointer; z-index: 1001; transition: var(--transition); } nav.scrolled .mobile-menu-toggle, nav.active .mobile-menu-toggle { color: #fff; } @media (max-width: 768px) { .container { padding: 0 1.5rem; } .mobile-menu-toggle { display: block; } .nav-links { position: fixed; top: 0; right: -100%; width: 80%; height: 100vh; background: var(--secondary-color); flex-direction: column; justify-content: center; align-items: center; transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1); z-index: 1000; box-shadow: -10px 0 30px rgba(0,0,0,0.2); gap: 0 !important; } .nav-links.active { right: 0; } .nav-links li { margin: 1rem 0; width: 100%; text-align: center; } .nav-links li a { font-size: 1.3rem; display: block; padding: 1rem; } .hero h1 { font-size: 2.8rem; } .hero p { font-size: 1.1rem; margin-bottom: 2rem; } .hero-btns { flex-direction: column; gap: 1rem; width: 100%; max-width: 280px; margin: 0 auto; } .hero-btns .btn { width: 100%; padding: 0.8rem 1.5rem; } .section-header h2 { font-size: 2rem; } .services-grid { grid-template-columns: 1fr; } .resource-grid { grid-template-columns: 1fr; gap: 2rem; } .resource-card img { height: 180px; } .contact-section { padding: 60px 0; } .contact-info h2 { font-size: 2.5rem; } .contact-description { font-size: 1.1rem; margin-bottom: 2rem; } .contact-item { padding: 1.2rem; gap: 1rem; margin-bottom: 1.5rem; } .contact-grid { grid-template-columns: 1fr; gap: 3rem; } .contact-form { padding: 2.5rem 1.5rem; } .footer-grid { grid-template-columns: 1fr; text-align: center; } .footer-social .social-links-contact { justify-content: center; } .social-links-contact { flex-wrap: wrap; justify-content: center; } } @media (max-width: 480px) { .hero h1 { font-size: 2.2rem; } .logo img { height: 45px !important; } .btn { padding: 0.8rem 1.5rem; font-size: 1rem; } .module-content h3 { font-size: 1.5rem; } .testimonial-card { padding: 2rem 1.5rem; } .contact-info h2 { font-size: 2rem; } .contact-form { padding: 2rem 1.2rem; } }
/* Premium Brochure Showcase Section */
.brochure-showcase { background: #050507; padding: 8rem 0; position: relative; overflow: hidden; color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.05); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.glow-orb { position: absolute; border-radius: 50%; filter: blur(100px); z-index: 0; opacity: 0.4; pointer-events: none; }
.orb-1 { width: 500px; height: 500px; background: radial-gradient(circle, rgba(41, 151, 255, 0.15), transparent 70%); top: -100px; left: -100px; }
.orb-2 { width: 600px; height: 600px; background: radial-gradient(circle, rgba(0, 65, 194, 0.15), transparent 70%); bottom: -200px; right: -100px; }
.brochure-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; position: relative; z-index: 2; }
.brochure-content { max-width: 550px; }
.badge-premium { display: inline-flex; align-items: center; gap: 8px; padding: 0.5rem 1.2rem; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 50px; font-size: 0.85rem; font-weight: 600; color: var(--accent-color); margin-bottom: 1.5rem; backdrop-filter: blur(10px); }
.brochure-content h2 { font-size: 3.5rem; font-weight: 700; line-height: 1.1; margin-bottom: 1.5rem; background: linear-gradient(135deg, #fff 0%, #a0a0a0 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: -1px; }
.brochure-content .subtitle { font-size: 1.2rem; color: rgba(255, 255, 255, 0.6); line-height: 1.6; margin-bottom: 2.5rem; }
.brochure-actions { display: flex; gap: 1.5rem; margin-bottom: 3rem; }
.btn-glow-primary { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 1rem 2rem; background: linear-gradient(135deg, var(--secondary-color), var(--accent-color)); color: #fff !important; border-radius: 12px; font-weight: 600; text-decoration: none; position: relative; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); box-shadow: 0 10px 30px rgba(0, 65, 194, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); }
.btn-glow-primary::before { content: ''; position: absolute; inset: -2px; border-radius: 14px; background: linear-gradient(135deg, var(--secondary-color), var(--accent-color), #fff); z-index: -1; opacity: 0; transition: opacity 0.4s; filter: blur(10px); }
.btn-glow-primary:hover { transform: translateY(-3px); }
.btn-glow-primary:hover::before { opacity: 0.6; }
.btn-glass { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 1rem 2rem; background: rgba(255, 255, 255, 0.05); color: #fff !important; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; font-weight: 600; text-decoration: none; backdrop-filter: blur(10px); transition: all 0.4s ease; }
.btn-glass:hover { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.3); transform: translateY(-3px); }
.brochure-features { display: flex; flex-direction: column; gap: 1rem; }
.brochure-features span { display: flex; align-items: center; gap: 12px; color: rgba(255, 255, 255, 0.8); font-size: 1rem; }
.brochure-features span i { color: var(--accent-color); font-size: 1.1rem; }
.brochure-visual { position: relative; display: flex; justify-content: center; align-items: center; perspective: 1000px; }
.mockup-container { position: relative; width: 100%; max-width: 500px; animation: floatMockup 6s ease-in-out infinite; transform-style: preserve-3d; transition: transform 0.5s ease; }
.mockup-container:hover { transform: rotateY(-10deg) rotateX(5deg); }
.mockup-main { width: 100%; height: auto; border-radius: 16px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5); position: relative; z-index: 5; filter: drop-shadow(0 0 20px rgba(41, 151, 255, 0.2)); }
.pdf-card { position: absolute; width: 120px; height: 160px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; backdrop-filter: blur(15px); display: flex; justify-content: center; align-items: center; font-size: 2.5rem; color: rgba(255, 255, 255, 0.5); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3); z-index: 4; }
.card-1 { top: -30px; right: -20px; transform: translateZ(-50px) rotate(15deg); animation: floatCard1 5s ease-in-out infinite 0.5s; }
.card-2 { bottom: -40px; left: -30px; transform: translateZ(50px) rotate(-10deg); animation: floatCard2 6s ease-in-out infinite 1s; z-index: 6; }
.card-3 { bottom: 50px; right: -50px; transform: translateZ(-80px) rotate(25deg); animation: floatCard3 7s ease-in-out infinite 1.5s; }
@keyframes floatMockup { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } }
@keyframes floatCard1 { 0%, 100% { transform: translateY(0) rotate(15deg); } 50% { transform: translateY(-15px) rotate(15deg); } }
@keyframes floatCard2 { 0%, 100% { transform: translateY(0) rotate(-10deg); } 50% { transform: translateY(-15px) rotate(-10deg); } }
@keyframes floatCard3 { 0%, 100% { transform: translateY(0) rotate(25deg); } 50% { transform: translateY(-15px) rotate(25deg); } }
@media (max-width: 992px) { .brochure-grid { grid-template-columns: 1fr; text-align: center; gap: 4rem; } .brochure-content { margin: 0 auto; } .brochure-actions { justify-content: center; } .brochure-features { align-items: center; } }
@media (max-width: 480px) { .brochure-content h2 { font-size: 2.5rem; } .brochure-actions { flex-direction: column; } .btn-glow-primary, .btn-glass { width: 100%; justify-content: center; } .pdf-card { display: none; } }

/* Enhanced Mobile Responsiveness (No Layout Changes) */
@media (max-width: 768px) {
  .services, .erp-section, .feature-section, .stats-section, .testimonials, .details-section, .video-gallery, .modules-section, .faq-section, .brochure-showcase, .contact-section { padding: 4rem 0 !important; }
  .section-header h2, .brochure-content h2, .contact-info h2 { font-size: 2.2rem !important; }
  .faq-intro h2, .module-header h2 { font-size: 2rem !important; }
  .hero h1 { font-size: 2.8rem !important; }
  .hero p { font-size: 1.1rem !important; }
  .hero { height: auto !important; min-height: 100vh; min-height: 100dvh; padding-top: 8rem !important; padding-bottom: 4rem !important; }
  .client-grid { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)) !important; gap: 2rem !important; }
  .dashboard-gallery, .feature-grid { grid-template-columns: 1fr !important; }
  .hero-btns { flex-direction: column; width: 100%; padding: 0 1rem; }
  .hero-btns .btn { width: 100%; text-align: center; margin-bottom: 0.5rem; justify-content: center; }
  html, body { overflow-x: hidden !important; width: 100% !important; }
  .container { max-width: 100%; overflow-x: hidden; }
}
@media (max-width: 480px) {
  .hero h1 { font-size: 2.2rem !important; }
  .section-header h2, .brochure-content h2, .contact-info h2 { font-size: 1.8rem !important; }
  .client-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 1rem !important; }
}