:root{--color-primary:#071322;--color-secondary:#0090df;--color-accent:#38bdf8;--color-success:#059669;--color-bg:#f8fafc;--color-surface:#fff;--color-text:#071322;--color-text-muted:#475569;--color-border:#c7d8e8;--font-sans:"Inter", system-ui, sans-serif;--font-heading:"Outfit", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.5}.container{max-width:1280px;margin:0 auto;padding:0 32px}.btn-primary{background:var(--color-secondary);color:#fff;font-family:var(--font-heading);cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:14px 24px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary:hover{background:#0077b6;border-color:#fff3}.btn-whatsapp{background:var(--color-success);color:#fff;font-family:var(--font-heading);cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:14px 24px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-whatsapp:hover{background:#047857;border-color:#fff3}.top-bar{color:#cbd5e1;font-family:var(--font-mono);background:#071322;border-bottom:1px solid #1e3d6780;padding:8px 0;font-size:12px}.top-bar-inner{justify-content:space-between;align-items:center;display:flex}.top-bar-left{align-items:center;gap:16px;display:flex}.top-bar-left strong{color:#fff}.top-bar-left .divider{border-left:1px solid #334155;height:16px;margin:0 16px}.top-bar-right{align-items:center;gap:20px;display:flex}.whatsapp-badge{background:var(--color-success);color:#fff;border-radius:4px;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:700;display:flex}.whatsapp-badge .dot{background:#a7f3d0;border-radius:50%;width:5px;height:5px}.main-banner-wrapper{background:#071322;border-bottom:1px solid #1e3d67;padding:24px 32px 25px}.main-banner{border-radius:var(--radius-lg);background:#000;border:1px solid #0090df4d;width:100%;max-width:1214px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.main-banner img{width:100%;display:block}.main-banner-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-md);background:#071322d9;border:1px solid #0090df33;justify-content:space-between;align-items:center;padding:9px 17px;display:flex;position:absolute;bottom:20px;left:24px;right:16px}.banner-tag{font-family:var(--font-mono);color:#fff;letter-spacing:.6px;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.banner-tag .dot{background:var(--color-secondary);border-radius:50%;width:8px;height:8px}.banner-text{color:#cbd5e1;font-family:var(--font-mono);font-size:12px}.banner-highlight{color:var(--color-secondary);font-family:var(--font-mono);font-size:12px;font-weight:600}.hero-section{border-bottom:1px solid var(--color-border);background:radial-gradient(circle at 10% 20%,#e0f2fe99 0%,#f8fafcd9 50%,#fff 100%);padding:60px 0 65px}.hero-grid-split{grid-template-columns:1.12fr .88fr;align-items:center;gap:44px;display:grid}.hero-left-content{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.location-badge{font-family:var(--font-mono);color:var(--color-accent);background:#0e243f;border:1px solid #0090df66;border-radius:99px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:11.5px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #00224226}.location-badge-dot{background-color:var(--color-secondary);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 6px #0090df}.hero-split-heading{font-family:var(--font-heading);color:var(--color-primary);letter-spacing:-1px;margin-bottom:18px;font-size:44px;font-weight:900;line-height:1.1}.hero-split-heading span.blue{color:var(--color-secondary)}.hero-split-heading span.light-blue{color:#0284c7}.hero-split-desc{color:#475569;max-width:580px;margin-bottom:24px;font-size:16px;line-height:1.6}.hero-actions{gap:14px;margin-bottom:28px;display:flex}.hero-technical-credentials{border-top:1px solid var(--color-border);flex-direction:column;gap:10px;width:100%;padding-top:22px;display:flex}.tech-credential-card{border:1px solid var(--color-border);background:#fff;border-radius:8px;align-items:center;gap:14px;padding:11px 16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.tech-credential-card:hover{border-color:#0090df80;transform:translate(3px);box-shadow:0 4px 12px #0090df14}.tech-credential-icon{background:#e0f2fe;border:1px solid #0090df40;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.tech-credential-info h4{font-family:var(--font-heading);color:var(--color-primary);margin:0 0 2px;font-size:13.5px;font-weight:700}.tech-credential-info p{color:var(--color-text-muted);margin:0;font-size:12px;line-height:1.3}.hero-visual-card{background:#fff;border-radius:16px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 20px 40px -15px #00224233,0 0 0 1px #0090df33}.hero-visual-card:hover{box-shadow:0 25px 50px -15px #0022424d,0 0 0 1px #0090df66}.hero-visual-media{background:#002242;height:380px;position:relative;overflow:hidden}.hero-visual-img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.hero-visual-card:hover .hero-visual-img{transform:scale(1.03)}.hero-visual-overlay{pointer-events:none;background:linear-gradient(#0000 0%,#00224226 50%,#002242d9 100%);position:absolute;inset:0}.hero-float-badge-top{-webkit-backdrop-filter:blur(8px);color:#fff;font-family:var(--font-mono);letter-spacing:.5px;background:#071322d9;border:1px solid #0090df66;border-radius:99px;align-items:center;gap:8px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:16px;left:16px;box-shadow:0 4px 12px #00000040}.pulse-dot{background:#10b981;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 8px #10b981}.hero-float-badge-bottom{-webkit-backdrop-filter:blur(8px);color:#fff;background:#071322d9;border:1px solid #0090df59;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex;position:absolute;bottom:16px;left:16px;right:16px;box-shadow:0 4px 15px #0000004d}.hero-float-logo{object-fit:contain;flex-shrink:0;width:38px;height:38px}.hero-float-badge-bottom strong{font-family:var(--font-heading);color:#fff;font-size:13.5px;font-weight:700;display:block}.hero-float-badge-bottom small{color:#38bdf8;font-size:11px;display:block}.hero-visual-tabs{border-top:1px solid var(--color-border);background:#f1f5f9;grid-template-columns:repeat(4,1fr);display:grid}.hero-visual-tab-btn{font-family:var(--font-heading);color:#64748b;cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 6px;font-size:11.5px;font-weight:700;transition:all .2s}.hero-visual-tab-btn:hover{color:#002242;background:#fff9}.hero-visual-tab-btn.active{color:#0090df;background:#fff;border-bottom:2px solid #0090df}.methodology-section{background:#fff;padding:64px 0}.methodology-header{margin-bottom:40px}.methodology-header h2{font-family:var(--font-heading);color:var(--color-primary);margin-bottom:8px;font-size:36px;font-weight:900}.methodology-img{width:100%;max-width:400px;display:block}.services-section{background:var(--color-bg);padding:64px 0}.services-header{text-align:center;margin-bottom:40px}.services-header h2{font-family:var(--font-heading);color:var(--color-primary);font-size:32px;font-weight:800}.services-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.service-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;overflow:hidden}.service-card img{object-fit:cover;width:100%;height:200px}.service-card-body{padding:24px}.service-card-body h3{font-family:var(--font-heading);color:var(--color-primary);margin-bottom:8px;font-size:20px;font-weight:700}.service-card-body p{color:var(--color-text-muted);margin-bottom:16px;font-size:14px}.service-list{list-style:none}.service-list li{color:var(--color-text);align-items:flex-start;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.service-list li:before{content:"• ";color:var(--color-secondary);font-weight:700}.experience-section{background:#fff;padding:64px 0}.experience-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px;display:grid}.exp-card{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.exp-card img{object-fit:cover;width:100%;height:160px}.exp-card-body{padding:16px}.exp-card-body h4{margin-bottom:4px;font-size:14px;font-weight:700}.exp-card-body p{color:var(--color-text-muted);font-size:12px}.footer{color:#cbd5e1;background:#071322;padding:64px 0 24px}.footer-grid{grid-template-columns:1.5fr 1.2fr 1.2fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-logo{max-width:220px;margin-bottom:20px}.footer-col h4{color:#fff;font-size:16px;font-family:var(--font-heading);border-bottom:1px solid #0090df4d;margin-bottom:16px;padding-bottom:8px;font-weight:700}.footer-col ul{list-style:none}.footer-col ul li{align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.footer-col ul li .dot{background:#0090df;border-radius:50%;flex-shrink:0;width:6px;height:6px}.footer-col ul li .icon{flex-shrink:0;width:14px;height:14px}.footer-bottom{color:#94a3b8;border-top:1px solid #1e3d67;justify-content:space-between;padding-top:24px;font-size:12px;display:flex}.footer-links{color:#0090df;font-family:var(--font-mono);letter-spacing:.5px;font-weight:600}.footer-nit{font-family:var(--font-mono);color:#0090df;margin-top:16px;font-size:12px}.footer-slogan{color:#0090df;font-family:var(--font-mono);margin-top:16px;font-weight:700}.contact-section{color:#fff;background:#0a192f;padding:80px 0}.contact-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:80px;display:grid}.contact-badge{color:#38bdf8;font-family:var(--font-mono);letter-spacing:.5px;background:0 0;border:1px solid #0090df66;border-radius:4px;margin-bottom:24px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-block}.contact-left h2{font-family:var(--font-heading);margin-bottom:16px;font-size:40px;font-weight:900;line-height:1.1}.contact-subtitle{color:#38bdf8;font-family:var(--font-heading);margin-bottom:24px;font-size:20px;font-weight:700}.contact-desc{color:#94a3b8;max-width:450px;margin-bottom:40px;font-size:16px}.contact-cards{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.contact-card{background:#0f213a80;border:1px solid #1e3d67cc;border-radius:8px;align-items:center;gap:16px;padding:20px;display:flex}.contact-icon{background:0 0;border:1px solid #0090df4d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.contact-icon img{width:20px;height:20px}.contact-card-info h4{font-family:var(--font-mono);color:#94a3b8;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;font-size:10px}.contact-card-info p.title{font-family:var(--font-heading);color:#fff;margin-bottom:4px;font-size:20px;font-weight:700}.contact-card-info p.desc{color:#94a3b8;font-size:13px}.contact-btn-whatsapp{justify-content:center;width:100%;padding:16px;font-size:15px}.whatsapp-float-btn{color:#fff;z-index:1000;cursor:pointer;box-sizing:border-box;background-color:#25d366;border-radius:50%;width:58px;height:58px;margin:0;padding:0;text-decoration:none;transition:transform .25s,box-shadow .25s;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 14px #00000047;justify-content:center!important;align-items:center!important;display:flex!important}.whatsapp-float-btn:hover{transform:scale(1.08);box-shadow:0 6px 18px #00000059}.whatsapp-float-btn svg{width:32px;height:32px;display:block}.quote-form-card{border-radius:var(--radius-lg);color:var(--color-text);box-shadow:var(--shadow-lg);background:#fff;padding:40px}.quote-header{margin-bottom:32px}.quote-header p.badge{color:var(--color-secondary);font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700}.quote-header h3{font-family:var(--font-heading);color:var(--color-primary);margin-bottom:8px;font-size:28px;font-weight:800}.quote-header p.desc{color:var(--color-text-muted);font-size:14px}.form-row{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.form-group-contact{flex-direction:column;gap:8px;display:flex}.form-group-contact label{font-family:var(--font-mono);color:var(--color-text-muted);font-size:11px;font-weight:700}.form-group-contact input{border:1px solid var(--color-border);background:#fff;border-radius:4px;outline:none;padding:12px 16px;font-size:14px}.form-group-contact input:focus{border-color:var(--color-secondary)}.checkbox-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.checkbox-item{border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:4px;align-items:center;gap:12px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.checkbox-item input{width:16px;height:16px}.form-group-contact textarea{border:1px solid var(--color-border);resize:vertical;background:#fff;border-radius:4px;outline:none;min-height:100px;margin-bottom:24px;padding:12px 16px;font-size:14px}.btn-submit-quote{background:var(--color-secondary);color:#fff;width:100%;font-family:var(--font-heading);cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.btn-submit-quote:hover{background:#0077b6}.methodology-section{color:#fff;background-color:#071322;padding:80px 0}.methodology-grid{grid-template-columns:1fr 1.5fr;align-items:center;gap:60px;display:grid}.methodology-left .badge{color:#38bdf8;font-family:var(--font-mono);letter-spacing:.5px;background:#0090df1a;border:1px solid #0090df4d;border-radius:4px;margin-bottom:24px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-block}.methodology-left h2{font-family:var(--font-heading);margin-bottom:24px;font-size:44px;font-weight:900;line-height:1.1}.methodology-left p{color:#94a3b8;margin-bottom:40px;font-size:16px;line-height:1.6}.methodology-img-container{justify-content:center;display:flex}.methodology-img-container img{border-radius:8px;max-width:100%}.methodology-steps{flex-direction:column;gap:16px;display:flex}.methodology-step-card{background:#0f213a4d;border:1px solid #1e3d6799;border-radius:8px;align-items:flex-start;gap:20px;padding:24px;display:flex}.methodology-step-number{color:#38bdf8;font-family:var(--font-mono);background:#0090df33;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:700;display:flex}.methodology-step-info h3{font-family:var(--font-heading);color:#fff;margin-bottom:8px;font-size:20px;font-weight:700}.methodology-step-info p{color:#94a3b8;font-size:14px;line-height:1.5}@media (width<=768px){.top-bar-inner{text-align:center;flex-direction:column;gap:10px}.top-bar-left,.top-bar-right{flex-direction:column;gap:8px}.top-bar-left .divider,.top-bar-right .divider{display:none}h1{font-size:32px!important}h2{font-size:28px!important}.hero-grid,.methodology-grid,.services-grid,.contact-grid,.footer-grid{grid-template-columns:1fr!important;gap:30px!important}.pillars-grid{grid-template-columns:1fr 1fr!important}.whatsapp-float-btn{display:none!important}.hero-actions{flex-direction:column;width:100%}.btn-primary,.btn-whatsapp{justify-content:center;width:100%}.methodology-left{text-align:center}.contact-left{padding-right:0!important}.footer-bottom{text-align:center;flex-direction:column;gap:10px}.quote-form-card{padding:24px}.container{padding:0 16px}}.mobile-bottom-nav{display:none}@media (width<=768px){.mobile-bottom-nav{z-index:1000;background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-around;align-items:center;width:100%;padding:12px 0 10px;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -4px 20px #0000000d}.mobile-nav-item{font-family:var(--font-body);color:#94a3b8;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.mobile-nav-item img{width:22px;height:22px}.mobile-nav-item.active{color:#0090df}}.mobile-only{display:none!important}.desktop-only{display:block!important}@media (width<=768px){.mobile-only{display:block!important}.desktop-only{display:none!important}.hero-section{padding:30px 0}.hero-content h1{font-size:28px!important;line-height:1.2!important}.mobile-pillars{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.mobile-pillar-card{background:#fff;border:1px solid #c3c6cf80;border-radius:6px;flex-direction:row;align-items:flex-start;gap:10px;padding:14px 10px;display:flex}.mobile-pillar-icon{background:#dee8ff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.mobile-pillar-content{flex-direction:column;gap:4px;display:flex}.mobile-pillar-title{font-family:var(--font-heading);color:#002242;margin:0;font-size:12px;font-weight:600}.mobile-pillar-desc{font-family:var(--font-body);color:#43474e;margin:0;font-size:11px;line-height:1.2}.mobile-methodology{text-align:center;background:#002242;border-radius:8px;padding:30px 16px}.mobile-methodology h2{color:#fff;margin-bottom:10px;font-size:24px}.mobile-methodology p{color:#94a3b8;margin-bottom:20px;font-size:12px}.mobile-methodology-steps{text-align:left;flex-direction:column;gap:12px;margin-top:20px;display:flex}.mobile-methodology-step{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:12px;padding:12px;display:flex}.mobile-methodology-num{color:#fff;background:#0090df;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:700}.mobile-methodology-text h4{color:#fff;margin:0 0 4px;font-size:14px}.mobile-methodology-text p{color:#94a3b8;margin:0;font-size:11px}.mobile-services{flex-direction:column;gap:20px;display:flex}.mobile-service-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.mobile-service-img{object-fit:cover;width:100%;height:150px;display:block}.mobile-service-body{padding:16px}.mobile-service-body h3{color:#002242;margin-top:0;font-size:18px}.mobile-service-body p{color:#43474e;font-size:13px}.mobile-service-link{color:#0090df;margin-top:10px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block}}html,body{max-width:100%;overflow-x:hidden}.app-container{width:100%;overflow-x:hidden}@media (width<=768px){body{padding-bottom:70px}.container{box-sizing:border-box!important;max-width:100%!important;padding:0 16px!important}.contact-section{box-sizing:border-box!important;width:100%!important;padding:40px 0!important;overflow-x:hidden!important}.contact-grid{box-sizing:border-box!important;grid-template-columns:1fr!important;gap:32px!important;width:100%!important;min-width:0!important}.contact-left{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:hidden!important}.contact-left h2{word-break:break-word!important;font-size:26px!important;line-height:1.2!important}.contact-desc{width:100%!important;max-width:100%!important;margin-bottom:24px!important;font-size:14px!important;line-height:1.5!important}.contact-cards{gap:12px!important;width:100%!important;margin-bottom:20px!important}.contact-card{box-sizing:border-box!important;gap:12px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:14px 12px!important}.contact-icon{flex-shrink:0!important;width:40px!important;height:40px!important}.contact-card-info{flex:1!important;min-width:0!important;overflow:hidden!important}.contact-card-info h4{margin-bottom:2px!important;font-size:9.5px!important}.contact-card-info p.title{word-break:break-all!important;overflow-wrap:anywhere!important;margin-bottom:2px!important;font-size:14.5px!important;line-height:1.3!important}.contact-card-info p.desc{font-size:11.5px!important;line-height:1.3!important}.contact-btn-whatsapp{box-sizing:border-box!important;width:100%!important;padding:13px!important;font-size:14px!important}.quote-form-card{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:22px 16px!important}.quote-header{margin-bottom:16px!important}.quote-header p.badge{margin-bottom:4px!important;font-size:11px!important}.quote-header h3{word-break:break-word!important;margin-bottom:6px!important;font-size:20px!important;line-height:1.25!important}.quote-header p.desc{font-size:12.5px!important;line-height:1.4!important}.form-row{grid-template-columns:1fr!important;gap:12px!important;margin-bottom:12px!important}.form-group-contact{box-sizing:border-box!important;gap:6px!important;width:100%!important;min-width:0!important}.form-group-contact label{letter-spacing:.3px!important;font-size:11px!important}.form-group-contact input{box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:44px!important;padding:11px 14px!important;font-size:14px!important}.checkbox-grid{box-sizing:border-box!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;min-width:0!important;margin-bottom:14px!important}.checkbox-item{word-break:break-word!important;box-sizing:border-box!important;border-radius:6px!important;gap:6px!important;min-width:0!important;padding:9px 8px!important;font-size:11px!important;line-height:1.2!important}.checkbox-item input{flex-shrink:0!important;width:16px!important;height:16px!important}.form-group-contact textarea{box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:75px!important;min-height:75px!important;margin-bottom:14px!important;padding:10px 14px!important;font-size:14px!important}.btn-submit-quote{box-sizing:border-box!important;width:100%!important;padding:14px!important;font-size:15px!important}.mobile-pillars{grid-template-columns:1fr 1fr;gap:10px}.mobile-pillar-card{min-width:0;overflow:hidden}.mobile-pillar-content{min-width:0}.mobile-pillar-desc{word-break:break-word}.mobile-methodology-step{word-break:break-word;min-width:0}.mobile-methodology-text{min-width:0}}
