*{margin:0;padding:0;box-sizing:border-box}:root{--navy: #04111f;--navy2: #081e38;--blue: #0d6efd;--blue2: #1a8fff;--sky: #5db8ff;--pale: #e8f4ff;--white: #fff;--off: #f4f8fd;--muted: #6b8aaa;--border: rgba(13, 110, 253, .1)}html{scroll-behavior:auto}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--white);color:var(--navy);overflow-x:hidden;font-weight:400}.app{width:100%;overflow:hidden}.container{max-width:100%;margin:0 auto;padding:0 6%}.container-full{padding:0 6%}.btn{padding:13px 32px;border-radius:10px;border:none;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--white);color:var(--navy);box-shadow:0 4px 20px #0d6efd4d}.btn-primary:hover{box-shadow:0 6px 28px #0d6efd66}.btn-secondary{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.3);transition:border-color .2s,background .2s}.btn-secondary:hover{border-color:#fff;background:#ffffff14}.section-header{text-align:center;margin-bottom:64px}.section-badge{display:inline-block;background:#dbeeff;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 16px;border-radius:20px;margin-bottom:16px}.section-badge.dark{background:#5db8ff26;color:#7ecbf5}.section-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(28px,3.5vw,46px);font-weight:700;color:var(--navy);letter-spacing:-1px;line-height:1.1;margin-bottom:16px}.section-title.dark{color:#fff}.section-desc{font-size:16px;color:var(--muted);line-height:1.75;max-width:480px;margin:0 auto}.section-desc.dark{color:#ffffff73;max-width:420px}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:var(--sky);border-radius:3px}@media (min-width: 1200px){.container{max-width:1200px}.section-title{font-size:clamp(32px,4vw,52px)}}@media (min-width: 1400px){.container{max-width:1320px}.section-title{font-size:clamp(36px,4.5vw,56px)}}@media (max-width: 768px){.container,.container-full{padding:0 4%}.btn{padding:11px 24px;font-size:14px}}.navbar{position:fixed;top:0;left:0;right:0;height:64px;display:flex;align-items:center;padding:0 6%;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:none;z-index:1000;transition:all .3s ease}.navbar.scrolled{background:#04111ff5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.navbar-container{max-width:100%;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.navbar-logo{display:flex;align-items:center;gap:12px;cursor:pointer;transition:opacity .3s}.navbar-logo:hover{opacity:.8}.logo-image{height:46px;width:auto;object-fit:contain;display:flex;align-items:center;border-radius:12px;background:#ffffff0d;padding:6px}.navbar-logo span{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;font-size:34px;line-height:1;color:#fff;letter-spacing:-.5px}.logo-dot{color:var(--sky)}.nav-links{display:flex;gap:40px;align-items:center}.nav-link{background:none;border:none;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:500;color:#ffffffc7;transition:color .2s;padding:4px 0}.nav-link:hover{color:#fff}.nav-right{display:flex;gap:16px;align-items:center}.nav-cta{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;border:none;padding:9px 22px;border-radius:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #0d6efd59;transition:opacity .2s,transform .15s}.nav-cta:hover{opacity:.88;transform:translateY(-1px)}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.hamburger span{width:24px;height:2px;background:#fff;transition:all .3s ease;display:block}.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(0);opacity:0}.hamburger.active span:nth-child(2){transform:rotate(0);opacity:1}.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(0);opacity:0}@media (min-width: 1024px){.hamburger{display:none!important}.nav-links{display:flex!important;position:static;flex-direction:row;gap:40px;background:none;padding:0;margin:0;height:auto;top:auto;left:auto;right:auto;width:auto}.nav-right{display:flex;gap:16px}}@media (max-width: 1023px){.navbar{padding:0 4%}.navbar-container{gap:16px}.nav-links{display:none;position:absolute;top:64px;right:0;flex-direction:column;gap:0;background:#04111ffa;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:12px 0;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.07);z-index:999;min-width:150px;border-radius:8px;margin-right:12px}.nav-links.active{display:flex}.nav-link{padding:10px 20px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px;white-space:nowrap}.nav-link:last-child{border-bottom:none}.hamburger{display:flex}.nav-right{display:flex;gap:12px;align-items:center}.nav-cta{padding:8px 18px;font-size:12px;white-space:nowrap}.navbar-logo span{font-size:16px}.logo-image{height:40px;padding:5px}}@media (max-width: 480px){.navbar{height:60px;padding:0 3%}.navbar-logo{gap:8px}.logo-image{height:36px;padding:4px}.navbar-logo span{font-size:14px}.nav-cta{padding:7px 14px;font-size:11px}.hamburger span{width:20px}}.floating-actions{position:fixed;bottom:30px;right:30px;display:flex;flex-direction:column;gap:12px;z-index:998}.floating-btn{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #00000026;color:#fff;font-size:24px}.floating-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #00000040}.call-btn{background:linear-gradient(135deg,#0d6efd,#0dcaf0)}.call-btn:hover{background:linear-gradient(135deg,#0b5ed7,#0bb5e0)}.whatsapp-btn{background:#25d366}.whatsapp-btn:hover{background:#20ba5a}@media (max-width: 480px){.floating-actions{bottom:20px;right:20px;gap:10px}.floating-btn{width:50px;height:50px}.floating-btn svg{width:18px;height:18px}}.hero{min-height:100vh;background:linear-gradient(150deg,#04111f,#081e38,#0a2850);display:flex;align-items:center;position:relative;overflow:hidden;padding:110px 6% 80px}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.circle{position:absolute;border-radius:50%;border:1px solid rgba(93,184,255,.18);background:#0d6efd0d}.circle-1{width:650px;height:650px;top:-180px;right:-120px;background:#0d6efd0d}.circle-2{width:380px;height:380px;top:80px;right:180px;background:#0d6efd12}.circle-3{width:220px;height:220px;top:320px;right:400px;background:#0d6efd0f}.wave{position:absolute;bottom:0;left:0;width:100%;height:140px}.hero-content{position:relative;max-width:700px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#0d6efd2e;border:1px solid rgba(93,184,255,.3);border-radius:30px;padding:6px 18px;margin-bottom:28px;animation:fadeUp .7s ease both}.badge-dot{width:7px;height:7px;border-radius:50%;background:var(--sky);display:inline-block}.hero-badge span{font-size:12px;font-weight:600;color:#ffffffd9;letter-spacing:.8px;text-transform:uppercase}.hero-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(40px,5.5vw,70px);font-weight:700;color:#fff;line-height:1.06;letter-spacing:-2px;margin-bottom:24px;animation:fadeUp .7s .12s ease both}.gradient-text{background:linear-gradient(90deg,var(--sky),#a8d8f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-highlight{margin:32px 0 28px;animation:fadeUp .7s .2s ease both}.highlight-text{font-size:0}.highlight-bold{font-size:clamp(30px,3.4vw,46px);font-weight:800;color:#fff;line-height:1.1;display:block;background:linear-gradient(90deg,#fff,#fffffff2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.highlight-subtitle{font-size:clamp(20px,2vw,27px);font-weight:700;color:var(--sky);display:block;letter-spacing:-.5px;margin-top:6px}.hero-description{font-size:17px;line-height:1.78;color:#ffffff9e;max-width:520px;margin-bottom:44px;animation:fadeUp .7s .24s ease both}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:64px;animation:fadeUp .7s .38s ease both}.hero-stats{display:flex;gap:0;border-top:1px solid rgba(255,255,255,.1);padding-top:30px;animation:fadeUp .7s .52s ease both}.stat{flex:1;padding-right:24px;border-right:1px solid rgba(255,255,255,.1)}.stat:first-child{padding-left:0}.stat:last-child{border-right:none}.stat-number{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:32px;font-weight:700;color:#fff;line-height:1;margin-bottom:4px}.stat-label{font-size:12px;color:#ffffff7a}@media (max-width: 768px){.hero{padding:90px 4% 60px;min-height:80vh}.hero-title{font-size:2rem;margin-bottom:16px}.hero-description{font-size:15px;margin-bottom:32px}.hero-buttons{margin-bottom:40px}.hero-stats{flex-direction:column;gap:16px}.stat{padding-right:0;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:16px}.stat:last-child{border-bottom:none}}.whyus{background:var(--off);padding:100px 6%}.reasons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.reason-card{background:#fff;border-radius:16px;padding:28px 24px;border:1px solid var(--border);transition:transform .3s ease,box-shadow .3s ease}.reason-card:hover{transform:translateY(-5px);box-shadow:0 16px 44px #0d6efd21}.reason-icon{font-size:32px;margin-bottom:18px;display:inline-block}.reason-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;font-weight:600;color:var(--navy);margin-bottom:8px}.reason-desc{font-size:14px;color:var(--muted);line-height:1.7}@media (max-width: 1024px){.reasons-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.whyus{padding:80px 4%}.reasons-grid{grid-template-columns:1fr}}.products{background:#fff;padding:100px 6%}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-bottom:48px}.product-card{border-radius:18px;overflow:hidden;border:1px solid var(--border);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 16px 44px #0d6efd21}.product-header{height:155px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-icon{font-size:48px;z-index:2;position:relative}.product-body{padding:20px 18px 18px;background:#f8fbff}.product-sub{font-size:11px;color:var(--blue);font-weight:600;letter-spacing:.8px;text-transform:uppercase;margin-bottom:5px}.product-name{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;font-weight:600;color:var(--navy);margin-bottom:9px}.product-desc{font-size:13px;color:var(--muted);line-height:1.65;margin-bottom:12px}.product-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tag{background:#dbeeff;color:var(--blue);font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px}.product-uses{border-top:1px solid var(--border);padding-top:12px;margin-top:4px;animation:fadeUp .3s ease}.uses-title{font-size:11px;font-weight:700;color:var(--blue);margin-bottom:8px;text-transform:uppercase;letter-spacing:.8px}.use-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#3a5a7a;margin-bottom:6px}.use-dot{width:5px;height:5px;border-radius:50%;background:var(--blue);flex-shrink:0}.product-toggle{font-size:13px;font-weight:600;color:var(--blue);cursor:pointer;margin-top:4px}.installation-banner{background:linear-gradient(135deg,#04111f,#0d2e5e);border-radius:18px;padding:32px 36px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.banner-content{display:flex;align-items:center;gap:20px}.banner-icon{font-size:32px}.banner-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:19px;font-weight:600;color:#fff;margin-bottom:5px}.banner-desc{font-size:14px;color:#ffffff8c;max-width:480px}@media (max-width: 768px){.products{padding:80px 4%}.products-grid{grid-template-columns:1fr}.installation-banner{flex-direction:column;text-align:center}.banner-content{flex-direction:column}}.brands{background:#04111f;padding:90px 0}.brands-header{padding:0 6%;margin-bottom:52px}.brands-carousel{overflow:hidden;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.brands-track{display:flex;width:max-content;animation:scrollLeft 18s linear infinite}.brands-carousel:hover .brands-track{animation-play-state:paused}.brand-logo{flex-shrink:0;margin:0 14px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px 30px;display:flex;align-items:center;justify-content:center;min-width:180px;height:80px;transition:background .2s,border-color .2s;cursor:pointer}.brand-logo:hover{background:#ffffff21;border-color:#5db8ff73}.brand-logo-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.brand-logo span{font-size:16px;font-weight:600;color:#ffffffd9}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 768px){.brands{padding:60px 0}.brands-header{padding:0 4%;margin-bottom:40px}.brand-logo{min-width:150px;padding:12px 20px;height:60px}.brand-logo span{font-size:14px}}.contact{background:var(--off);padding:100px 6%}.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:56px;align-items:start}.contact-info{display:flex;flex-direction:column;gap:26px}.info-item{display:flex;gap:14px;align-items:flex-start}.info-icon{width:46px;height:46px;min-width:46px;border-radius:12px;background:#dbeeff;display:flex;align-items:center;justify-content:center;font-size:20px}.info-label{font-size:11px;font-weight:700;color:#8a9ab0;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px}.info-value{font-size:15px;color:var(--navy);font-weight:500;white-space:pre-line}.info-card{background:linear-gradient(135deg,#04111f,#081e38);border-radius:16px;padding:22px 20px;margin-top:8px}.info-card-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;font-weight:600;color:#fff;margin-bottom:6px}.info-card-desc{font-size:13px;color:#ffffff80;line-height:1.65}.contact-form-container{background:#fff;border-radius:18px;padding:34px 30px;border:1px solid var(--border)}.form-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:21px;font-weight:600;color:var(--navy);margin-bottom:22px}.form-success{background:#e8f8ee;border:1px solid #a8ddb8;border-radius:10px;padding:12px 16px;margin-bottom:18px;font-size:14px;color:#1a7a3a;font-weight:500}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group{margin-top:14px}.form-group:first-child{margin-top:0}.form-group label{display:block;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:11px 13px;border:1.5px solid rgba(13,110,253,.14);border-radius:9px;font-size:14px;font-family:Plus Jakarta Sans,sans-serif;color:var(--navy);background:var(--off);outline:none;transition:border-color .2s,background .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--blue);background:#fff}.form-group textarea{resize:none}.form-group select{color:var(--navy);cursor:pointer}.form-group select:not([value]),.form-group select option[value=""]{color:#8a9ab0}.form-submit{margin-top:18px;width:100%;padding:13px;border-radius:10px;transition:opacity .2s,transform .15s}.form-submit:hover{opacity:.9;transform:translateY(-1px)}@media (max-width: 1024px){.contact-grid{grid-template-columns:1fr}}@media (max-width: 768px){.contact{padding:80px 4%}.contact-grid{gap:40px}.contact-form-container{padding:24px 20px}.form-row{grid-template-columns:1fr}.form-title{font-size:18px}}.footer{background:#04111f;padding:52px 6% 28px}.footer-top{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:32px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.07)}.footer-brand{flex:0 1 auto}.footer-logo{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:22px;font-weight:700;color:#fff;margin-bottom:8px}.footer-logo span{color:var(--sky)}.footer-tagline{font-size:13px;color:#ffffff61;line-height:1.65;max-width:220px}.footer-links{display:flex;gap:52px;flex-wrap:wrap}.footer-column{display:flex;flex-direction:column}.footer-column-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff59;margin-bottom:14px}.footer-link{font-size:14px;color:#ffffffa6;margin-bottom:10px;cursor:pointer;transition:color .2s}.footer-link:hover{color:#fff}.footer-bottom{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:20px;font-size:12px;color:#ffffff47}@media (max-width: 768px){.footer{padding:40px 4% 24px}.footer-top{gap:24px}.footer-links{gap:32px;width:100%}.footer-bottom{flex-direction:column;font-size:11px}}