:root{--navy:#1a3a5c;--navy-dark:#0f2640;--green:#16a34a;--green-light:#22c55e;--red:#dc2626;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-500:#64748b;--gray-700:#334155;--gray-900:#0f172a;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 30px #0000001f;--shadow-xl:0 20px 50px #00000026;--transition:.25s cubic-bezier(.4, 0, .2, 1);--radius:12px;--radius-sm:8px;--max-width:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{color:var(--gray-700);background:var(--white);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}ul{list-style:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}h1,h2,h3,h4{color:var(--navy);font-weight:700;line-height:1.3}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.5rem,3.5vw,2.25rem)}h3{font-size:clamp(1.1rem,2.5vw,1.5rem)}.section{padding:80px 0}.section-header{text-align:center;margin-bottom:50px}.section-header h2{margin-bottom:12px}.section-header p{color:var(--gray-500);max-width:600px;margin:0 auto;font-size:1.05rem}.btn{border-radius:var(--radius-sm);transition:all var(--transition);align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-md);background:#15803d;transform:translateY(-2px)}.btn-secondary{background:var(--navy);color:#fff}.btn-secondary:hover{background:var(--navy-dark);transform:translateY(-2px)}.btn-outline{border:2px solid var(--green);color:var(--green);background:0 0}.btn-outline:hover{background:var(--green);color:#fff}.btn-white{color:var(--navy);background:#fff}.btn-white:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.navbar{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow var(--transition);background:#fffffff7;position:fixed;top:0;left:0;right:0}.navbar.scrolled{box-shadow:0 2px 20px #00000014}.navbar-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:12px 20px;display:flex}.logo{flex-direction:column;display:flex}.logo-text{letter-spacing:-.5px;align-items:baseline;gap:4px;font-size:1.5rem;font-weight:800;display:flex}.logo-nb{color:var(--green)}.logo-traders{color:var(--navy)}.logo-tagline{color:var(--red);letter-spacing:3px;text-transform:uppercase;font-size:.6rem;font-weight:700}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--gray-700);transition:color var(--transition);padding:4px 0;font-weight:500;position:relative}.nav-links a:after{content:"";background:var(--green);width:0;height:2px;transition:width var(--transition);position:absolute;bottom:-2px;left:0}.nav-links a:hover,.nav-links a.active{color:var(--navy)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-cta{background:var(--green);border-radius:var(--radius-sm);padding:10px 22px;font-weight:600;color:#fff!important}.nav-cta:after{display:none!important}.nav-cta:hover{background:#15803d;transform:translateY(-1px)}.hamburger{background:0 0;flex-direction:column;gap:5px;padding:8px;display:none}.hamburger span{background:var(--navy);width:24px;height:2px;transition:all var(--transition)}.mobile-menu{box-shadow:var(--shadow-lg);opacity:0;transition:all var(--transition);background:#fff;flex-direction:column;padding:20px;display:none;position:fixed;top:70px;left:0;right:0;transform:translateY(-10px)}.mobile-menu.open{opacity:1;transform:translateY(0)}.mobile-menu a{border-bottom:1px solid var(--gray-100);padding:14px 0;font-weight:500}@media (width<=768px){.nav-links{display:none}.hamburger,.mobile-menu{display:flex}}.hero-slider{height:85vh;min-height:500px;margin-top:70px;position:relative;overflow:hidden}.slide{opacity:0;transition:opacity 1s;position:absolute;inset:0}.slide.active{opacity:1}.slide-bg{background-position:50%;background-size:cover;animation:20s infinite alternate kenburns;position:absolute;inset:0}.slide-bg:after{content:"";background:linear-gradient(135deg,#0f2640bf,#0f264066);position:absolute;inset:0}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.08)}}.slide-content{z-index:2;height:100%;max-width:var(--max-width);flex-direction:column;justify-content:center;margin:0 auto;padding:0 40px;display:flex;position:relative}.slide-content h1{color:#fff;max-width:700px;margin-bottom:16px;font-size:clamp(2rem,5vw,3.5rem)}.slide-content p{color:#ffffffe6;max-width:550px;margin-bottom:30px;font-size:clamp(1rem,2vw,1.2rem)}.slider-dots{z-index:5;gap:10px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.slider-dot{cursor:pointer;width:12px;height:12px;transition:all var(--transition);background:0 0;border:2px solid #fff;border-radius:50%}.slider-dot.active{background:var(--green);border-color:var(--green)}.slider-arrows{z-index:5;justify-content:space-between;width:100%;padding:0 20px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-arrow{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;width:48px;height:48px;transition:all var(--transition);background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;display:flex}.slider-arrow:hover{background:var(--green);border-color:var(--green)}.slider-progress{background:var(--green);z-index:5;height:3px;transition:width linear;position:absolute;bottom:0;left:0}.vision-section{background:var(--gray-50)}.vision-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.vision-text h2{margin-bottom:20px}.vision-text p{color:var(--gray-500);margin-bottom:14px}.vision-image{border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden}.vision-image img{object-fit:cover;width:100%;height:400px}.marquee-section{padding:60px 0;overflow:hidden}.marquee-track{gap:40px;width:max-content;animation:30s linear infinite marquee;display:flex}.marquee-track.reverse{animation-direction:reverse}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track:hover{animation-play-state:paused}.client-card{border-radius:var(--radius-sm);border:1px solid var(--gray-200);filter:grayscale()opacity(.5);width:160px;height:90px;transition:all var(--transition);background:#fff;flex-shrink:0;justify-content:center;align-items:center;padding:16px;display:flex}.client-card:hover{filter:grayscale(0%)opacity();box-shadow:var(--shadow-md);transform:scale(1.08)}.client-card img{object-fit:contain;max-width:120px;max-height:50px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;display:grid}.project-card{border-radius:var(--radius);border:1px solid var(--gray-200);transition:all var(--transition);cursor:pointer;background:#fff;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.project-card-image{height:220px;position:relative;overflow:hidden}.project-card-image img{object-fit:cover;width:100%;height:100%;transition:opacity .8s}.project-card-body{padding:20px}.project-card-body h3{margin-bottom:4px;font-size:1.1rem}.project-card-body .year{color:var(--green);font-size:.85rem;font-weight:600}.project-card-body p{color:var(--gray-500);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:.9rem;display:-webkit-box;overflow:hidden}.features-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.feature-card{border-radius:var(--radius);border:1px solid var(--gray-200);transition:all var(--transition);background:#fff;padding:32px}.feature-card:hover{box-shadow:var(--shadow-md);border-color:var(--green);transform:translateY(-4px)}.feature-card .icon{color:var(--green);margin-bottom:16px}.feature-card h3{margin-bottom:8px;font-size:1.1rem}.feature-card p{color:var(--gray-500);font-size:.9rem}.cta-download{background:var(--navy);padding:60px 0}.cta-download-grid{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.cta-download h3{color:#fff;margin-bottom:12px}.cta-download p{color:#ffffffb3;margin-bottom:20px}.cta-banner{background:linear-gradient(135deg, var(--navy), var(--green));text-align:center;padding:80px 0;position:relative;overflow:hidden}.cta-banner:before{content:"";background:repeating-linear-gradient(45deg,#0000,#0000 30px,#ffffff08 30px 60px);position:absolute;inset:0}.cta-banner h2{color:#fff;margin-bottom:12px;position:relative}.cta-banner p{color:#ffffffd9;margin-bottom:30px;font-size:1.1rem;position:relative}.footer{background:var(--navy-dark);color:#ffffffb3;padding:60px 0 0}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px;display:grid}.footer h4{color:#fff;margin-bottom:20px;font-size:1rem}.footer a{transition:color var(--transition);padding:4px 0;font-size:.9rem;display:block}.footer a:hover{color:var(--green)}.footer-logo .logo-text{font-size:1.3rem}.footer-logo p{margin-top:12px;font-size:.9rem}.footer-contact-item{gap:10px;margin-bottom:12px;font-size:.9rem;display:flex}.footer-contact-item svg{color:var(--green);flex-shrink:0;margin-top:2px}.social-icons{gap:12px;margin-top:20px;display:flex}.social-icon{width:40px;height:40px;transition:all var(--transition);color:#fff;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.social-icon:hover{transform:translateY(-3px)}.social-icon.facebook:hover{background:#1877f2}.social-icon.whatsapp:hover{background:#25d366}.social-icon.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.footer-bottom{text-align:center;border-top:1px solid #ffffff1a;margin-top:40px;padding:20px 0;font-size:.85rem}.faq-section{background:var(--navy-dark);padding:40px 0 60px}.faq-item{border-bottom:1px solid #ffffff1a}.faq-question{cursor:pointer;color:#fff;text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:18px 0;font-size:.95rem;font-weight:500;display:flex}.faq-question svg{transition:transform var(--transition);color:var(--green);flex-shrink:0}.faq-question.open svg{transform:rotate(180deg)}.faq-answer{max-height:0;transition:max-height .4s;overflow:hidden}.faq-answer.open{max-height:300px}.faq-answer p{color:#fff9;padding-bottom:18px;font-size:.9rem}.page-hero{text-align:center;background:linear-gradient(135deg, var(--navy-dark), var(--navy));padding:140px 0 80px;position:relative}.page-hero:before{content:"";background:repeating-linear-gradient(45deg,#0000,#0000 20px,#ffffff05 20px 40px);position:absolute;inset:0}.page-hero h1{color:#fff;position:relative}.page-hero p{color:#ffffffb3;margin-top:12px;position:relative}.services-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px;display:grid}.service-card{border-radius:var(--radius);border:1px solid var(--gray-200);transition:all var(--transition);background:#fff;padding:32px}.service-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.service-card .icon{color:var(--green);margin-bottom:16px}.service-card h3{margin-bottom:10px}.service-card p{color:var(--gray-500);margin-bottom:20px;font-size:.9rem}.service-card-actions{flex-wrap:wrap;gap:10px;display:flex}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.about-grid.reverse{direction:rtl}.about-grid.reverse>*{direction:ltr}.about-text h2{margin-bottom:16px}.about-text p{color:var(--gray-500);margin-bottom:12px}.about-image img{border-radius:var(--radius);object-fit:cover;width:100%;height:400px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.stat-card{text-align:center;border-radius:var(--radius);border:1px solid var(--gray-200);background:#fff;padding:32px}.stat-card .value{color:var(--green);font-size:2.2rem;font-weight:800}.stat-card .label{color:var(--gray-500);margin-top:4px;font-size:.9rem}.contact-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.contact-info-card{border-radius:var(--radius-sm);background:var(--gray-50);border:1px solid var(--gray-200);transition:all var(--transition);gap:16px;margin-bottom:16px;padding:20px;display:flex}.contact-info-card:hover{box-shadow:var(--shadow-sm);border-color:var(--green);transform:translateY(-2px)}.contact-info-card .icon{color:var(--green);flex-shrink:0;margin-top:2px}.contact-info-card h4{color:var(--gray-500);margin-bottom:4px;font-size:.85rem}.contact-info-card p{color:var(--navy);font-size:.95rem;font-weight:600}.contact-map{border-radius:var(--radius);height:100%;min-height:400px;overflow:hidden}.contact-map iframe{border:none;width:100%;height:100%}.contact-form{margin-top:60px}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group.full{grid-column:1/-1}.form-group label{color:var(--navy);font-size:.9rem;font-weight:500}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--gray-200);border-radius:var(--radius-sm);transition:border-color var(--transition);padding:12px 16px;font-family:inherit;font-size:.95rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px #16a34a1a}.form-group textarea{resize:vertical;min-height:120px}.honeypot{display:none!important}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;opacity:0;background:#000c;justify-content:center;align-items:center;padding:20px;animation:.3s forwards fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{to{opacity:1}}.modal-content{border-radius:var(--radius);background:#fff;width:100%;max-width:800px;max-height:90vh;overflow-y:auto}.modal-close{color:#fff;z-index:10;width:40px;height:40px;transition:background var(--transition);background:#00000080;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--red)}.floating-buttons{z-index:900;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.whatsapp-fab{color:#fff;width:56px;height:56px;box-shadow:var(--shadow-lg);transition:transform var(--transition);background:#25d366;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.whatsapp-fab:hover{transform:scale(1.1)}.whatsapp-fab:before{content:"";border:2px solid #25d366;border-radius:50%;animation:2s infinite pulse-ring;position:absolute;inset:-4px}@keyframes pulse-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.whatsapp-tooltip{background:var(--gray-900);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition);border-radius:6px;padding:6px 14px;font-size:.8rem;position:absolute;top:50%;right:68px;transform:translateY(-50%)}.whatsapp-fab:hover .whatsapp-tooltip{opacity:1}.scroll-top{background:var(--navy);color:#fff;width:48px;height:48px;box-shadow:var(--shadow-md);opacity:0;transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;transform:translateY(20px)}.scroll-top.visible{opacity:1;transform:translateY(0)}.scroll-top:hover{background:var(--green)}.toast{z-index:3000;border-radius:var(--radius-sm);color:#fff;box-shadow:var(--shadow-lg);padding:16px 24px;font-weight:500;animation:.3s slideInRight;position:fixed;top:90px;right:20px}.toast.success{background:var(--green)}.toast.error{background:var(--red)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.reveal{opacity:0;transition:all .6s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.loading-spinner{justify-content:center;align-items:center;padding:60px;display:flex}.spinner{border:3px solid var(--gray-200);border-top-color:var(--green);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding-top:80px;display:flex}.not-found h1{color:var(--green);font-size:6rem}.not-found p{color:var(--gray-500);margin:16px 0 30px}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transition:all .3s;transform:translateY(0)}@media (width<=1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.section{padding:50px 0}.vision-grid,.about-grid,.contact-grid,.cta-download-grid{grid-template-columns:1fr}.about-grid.reverse{direction:ltr}.form-grid,.footer-grid{grid-template-columns:1fr}.hero-slider{height:70vh}.slide-content{padding:0 20px}.whatsapp-fab{width:48px;height:48px}.scroll-top{width:42px;height:42px}.services-grid,.projects-grid{grid-template-columns:1fr}}