*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#09263a;background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}.topbar{background:#00566a;color:#fff;padding:9px 5%;display:flex;justify-content:space-between;font-size:13px}.top-contact{display:flex;gap:14px}.header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 14px #00000012}.logo{display:flex;flex-direction:column;line-height:1}.logo strong{font-size:31px;letter-spacing:1px}.logo span{font-weight:bold;text-align:center;font-size:14px;margin-top:6px}.header nav{display:flex;align-items:center;gap:28px;font-weight:600}.header nav a{padding:28px 0}.header nav a.active{border-bottom:3px solid #08718a}.nav-whatsapp,.btn.whatsapp{background:#08a56c!important;color:#fff!important;border-radius:6px!important;padding:12px 19px!important}.menu-toggle{display:none;border:0;background:none;font-size:25px}.hero{min-height:510px;position:relative;overflow:hidden;background:linear-gradient(100deg,#06354a 0%,#074d62 52%,#183b4a 100%);color:#fff;display:flex;padding:70px 5%;align-items:center}.hero-content{width:58%;position:relative;z-index:2}.eyebrow{font-size:13px;font-weight:800;letter-spacing:1.3px;margin:0 0 8px}.hero h1{font-size:48px;line-height:1.1;margin:8px 0 15px;max-width:720px}.hero-sub{font-size:20px;font-weight:600}.benefits{display:flex;gap:22px;flex-wrap:wrap;margin:28px 0}.benefits span{font-size:14px}.buttons{display:flex;gap:14px}.btn{display:inline-block;padding:13px 22px;border-radius:5px;font-weight:700}.btn.primary{background:#fff;color:#082b3c}.btn.outline{border:1px solid #fff}.hero-art{position:absolute;right:0;top:0;width:47%;height:100%;opacity:.95;background:radial-gradient(circle at 55% 20%,#ffffff2a,transparent 34%)}.cable{position:absolute;width:520px;height:120px;border-radius:50%;border:26px solid;transform:rotate(-18deg)}.cable-red{right:-90px;top:115px;border-color:#e84d2d}.cable-blue{right:-120px;top:225px;border-color:#1671ba}.cable-black{right:-100px;top:180px;border-color:#101c22}.hero-label{position:absolute;right:8%;bottom:65px;font-weight:800;letter-spacing:2px;font-size:17px}.section{padding:55px 5%}.brand-strip{padding-top:22px;padding-bottom:25px}.brand-strip>p{font-size:12px;font-weight:bold}.brands{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;color:#08758a;font-weight:800;font-size:22px}.brands span:first-child{color:#ef5a2a;font-size:25px}.brands small{font-size:10px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.eyebrow.dark{color:#08718a}.section h2{font-size:32px;line-height:1.15;margin:3px 0}.small-btn{border:1px solid #08718a;border-radius:5px;padding:10px 15px;font-weight:bold}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{border:1px solid #e0e8ec;border-radius:9px;padding:24px;min-height:190px;background:#fff;box-shadow:0 5px 20px #09263a0a;transition:.2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #09263a15}.product-icon{font-size:48px;color:#08718a;margin-bottom:10px}.product-card h3{margin:0 0 6px;font-size:19px}.product-card p{margin:0;color:#5d6e77;font-size:14px}.about-section{background:#f1f7f9;display:grid;grid-template-columns:1.1fr 1.25fr .75fr;gap:35px;align-items:center}.about-visual{height:330px;background:linear-gradient(145deg,#d9edf4,#fff);border-radius:10px;position:relative;overflow:hidden}.building{position:absolute;left:12%;right:8%;bottom:0;height:76%;background:#fff;box-shadow:0 10px 25px #09263a22;border-top:8px solid #08718a}.building-sign{position:absolute;top:28px;left:10%;font-size:24px;font-weight:800}.building-sign small{display:block;font-size:11px;text-align:center}.building-door{position:absolute;bottom:0;left:46%;width:17%;height:43%;background:#174d5e}.building-window{position:absolute;bottom:27%;left:10%;right:10%;height:23%;background:repeating-linear-gradient(90deg,#8bc5d5 0 20px,#d7edf2 20px 25px)}.about-copy p{color:#52666f}.about-points{background:#fff;border-radius:10px;padding:18px}.about-points p{border-bottom:1px solid #e4ecef;padding:12px 0;margin:0}.about-points p:last-child{border:0}.cta{background:linear-gradient(100deg,#06354a,#08637a);color:#fff;padding:42px 8%;display:flex;justify-content:space-between;align-items:center}.cta h2{margin:0;font-size:30px}.cta p{margin:5px 0}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-card{padding:25px;border:1px solid #e1e9ed;border-radius:8px}.contact-card h3{margin-top:0}.contact-card p{color:#586b74}footer{background:#062b3c;color:#fff;padding:45px 5% 18px}.footer-main{display:grid;grid-template-columns:1.3fr 1fr 1.5fr 1fr;gap:35px}.footer-logo{font-size:28px;font-weight:800}.footer-main h4{margin-top:0}.footer-main a{display:block;margin:5px 0;color:#d7e7eb}.copyright{border-top:1px solid #ffffff2b;margin-top:30px;padding-top:15px;font-size:12px;display:flex;justify-content:space-between;color:#bfd0d5}.floating-wa{position:fixed;right:22px;bottom:22px;background:#08a56c;color:#fff;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;font-size:26px;z-index:30;box-shadow:0 5px 20px #0004}@media(max-width:900px){.topbar{display:none}.header{height:70px}.menu-toggle{display:block}.header nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:10px 5%;box-shadow:0 10px 20px #0002}.header nav.open{display:flex}.header nav a{padding:11px 0;width:100%}.hero{min-height:570px}.hero-content{width:100%}.hero h1{font-size:39px}.hero-art{width:60%;opacity:.28}.product-grid{grid-template-columns:repeat(2,1fr)}.about-section{grid-template-columns:1fr}.about-visual{height:280px}.contact-grid,.footer-main{grid-template-columns:1fr 1fr}.cta{gap:20px;flex-direction:column;align-items:flex-start}}@media(max-width:600px){.header{padding:0 5%}.logo strong{font-size:24px}.hero{padding:50px 6%}.hero h1{font-size:33px}.hero-sub{font-size:17px}.benefits{gap:10px}.product-grid,.contact-grid,.footer-main{grid-template-columns:1fr}.section{padding:42px 6%}.section-heading{align-items:flex-start;gap:15px;flex-direction:column}.brands{font-size:17px}.cta{padding:38px 6%}.cta h2{font-size:25px}.copyright{flex-direction:column;gap:8px}.hero-art{display:none}}