@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--navy:#061c46;--blue:#087df5;--sky:#24a8ff;--ink:#09234d;--light:#f7faff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}
.header{height:88px;background:#fff;display:flex;align-items:center;padding:10px 4.5vw;gap:28px;position:sticky;top:0;z-index:50;box-shadow:0 2px 18px #061c4615}
.logo{display:flex;align-items:center;gap:10px;margin-right:auto}.logo img{width:62px;height:62px;border-radius:50%;object-fit:cover}.logo span{font:800 28px/23px 'Barlow Condensed';letter-spacing:.5px}.logo b{color:var(--blue)}
nav{display:flex;gap:34px;font:700 14px 'Barlow Condensed';letter-spacing:.5px}nav a:hover{color:var(--blue)}
.top-call{background:linear-gradient(135deg,#087df5,#0751c8);color:#fff;border-radius:13px;padding:13px 22px;font-size:16px;box-shadow:0 6px 15px #087df530}.top-call strong{font-size:20px;margin-left:5px}.hamburger{display:none;background:none;border:0;font-size:25px}
.hero{min-height:610px;background:linear-gradient(110deg,#061b43 0%,#06265b 55%,#061b43 100%);color:#fff;display:grid;grid-template-columns:44% 56%;overflow:hidden;position:relative}.hero-copy{padding:75px 0 50px 7vw;z-index:4}.eyebrow{color:#22a5ff;font-weight:800;font-size:15px;letter-spacing:.5px;margin-bottom:14px}.hero h1,h2{font-family:'Barlow Condensed';font-weight:800;line-height:.88;margin:0}.hero h1{font-size:72px;letter-spacing:.5px}.hero h1 span,h2 span{color:var(--blue)}.underline{height:9px;width:240px;border-bottom:4px solid var(--blue);border-radius:50%;margin:7px 0 18px}.hero-copy>p{font-size:17px;line-height:1.5;max-width:470px;margin:0 0 22px}.actions{display:flex;gap:14px}.btn{min-width:180px;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;border-radius:12px;color:#fff;font:600 12px 'Barlow Condensed';line-height:1.05}.btn b{font-size:18px}.primary{background:linear-gradient(135deg,#138dff,#0756d1)}.outline{border:1.5px solid #fff}.area{margin-top:24px;font-size:12px;line-height:1.5;max-width:510px}
.hero-art{position:relative;overflow:hidden;min-height:610px}.mark{position:absolute;height:105%;max-width:88%;right:6%;bottom:-2%;z-index:3;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 22px #0005)}.splash{position:absolute;border-radius:50%;z-index:1}.s1{width:720px;height:500px;right:-50px;bottom:0;background:radial-gradient(ellipse at 50% 70%,#24a8ff65,transparent 62%)}.s2{width:760px;height:620px;right:-120px;top:0;background:radial-gradient(circle at 50% 50%,transparent 30%,#28a9ff28 31%,transparent 33%,#fff0 40%),radial-gradient(ellipse,#2aaeff4a,transparent 62%)}.bubbles{position:absolute;inset:0;background-image:radial-gradient(circle at 15% 25%,#fff 0 2px,transparent 3px),radial-gradient(circle at 70% 18%,#fff 0 3px,transparent 4px),radial-gradient(circle at 86% 44%,#fff 0 2px,transparent 3px),radial-gradient(circle at 52% 70%,#fff 0 2px,transparent 3px);opacity:.7}.pipe{position:absolute;height:45px;border-radius:28px;z-index:2;transform:rotate(11deg);right:-80px;bottom:38px}.copper{width:430px;background:linear-gradient(#e0ad68,#7e4c20 48%,#d69b4d);box-shadow:inset 0 4px 7px #fff8}.grey{width:300px;right:55px;bottom:20px;background:linear-gradient(#aeb7be,#4c555d 55%,#89939b);height:60px}
.services{padding:55px 4.5vw 48px;text-align:center;background:#fff}.blue{color:var(--blue)}.services h2{font-size:50px}.blue-line{width:58px;border-bottom:4px solid var(--blue);margin:8px auto 28px}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;max-width:1260px;margin:auto}.cards article{border:1px solid #dfe8f4;border-radius:10px;padding:22px 13px;min-height:218px;box-shadow:0 6px 18px #09234d0b;background:#fff}.service-icon{height:47px;color:#065ee3;font-size:34px}.cards h3,.why h3{font:800 22px/1 'Barlow Condensed';margin:10px 0}.cards p{font-size:12px;line-height:1.5;margin:0;color:#3e5573}
.why{background:linear-gradient(100deg,#061b43,#092a62);color:#fff;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;align-items:center;padding:48px 5.5vw;position:relative;overflow:hidden}.why:after{content:'';position:absolute;right:-80px;top:0;width:260px;height:100%;background:radial-gradient(ellipse,#20a8ff55,transparent 67%)}.why-title{position:relative;z-index:2}.why h2{font-size:52px}.why-item{border-left:1px solid #ffffff55;padding:8px 28px;text-align:center;position:relative;z-index:2}.why-icon{font-size:38px;color:#1599ff}.why p{font-size:12px;line-height:1.5;color:#d6e5f7}
.contact{background:#f6faff;display:grid;grid-template-columns:220px 1fr 1fr;gap:35px;align-items:center;padding:42px 5.5vw;position:relative;overflow:hidden}.contact:after{content:'';position:absolute;right:-120px;bottom:-180px;width:400px;height:300px;background:radial-gradient(ellipse,#29a8ff45,transparent 65%)}.faucet{width:205px;height:205px;border:5px solid var(--blue);border-radius:50%;display:grid;place-items:center;font-size:80px;background:linear-gradient(135deg,#d8e1ed,#fff);z-index:2}.contact h2{font-size:52px}.contact-copy p{line-height:1.55}.contact-box{z-index:2}.big-call{display:flex;justify-content:center;align-items:center;gap:12px;background:linear-gradient(135deg,#087df5,#0751c8);color:#fff;border-radius:14px;padding:17px;font:700 14px 'Barlow Condensed';box-shadow:0 7px 16px #0751c82b}.big-call b{font-size:27px}.contact-box>div,.contact-box>a:not(.big-call){display:block;margin-top:14px;font-size:13px}
footer{background:#03183b;color:#fff;padding:38px 5.5vw 15px;display:grid;grid-template-columns:1.2fr .9fr 1.2fr 1.2fr .8fr;gap:28px}footer img{width:82px;height:82px;object-fit:cover;border-radius:50%}footer h4{font:800 17px 'Barlow Condensed';color:#24a8ff;margin:4px 0 9px}footer a,footer span,footer p{display:block;color:#d4e1f2;font-size:11px;line-height:1.8;margin:0}.social{margin-top:8px}.badge{border:2px solid #fff;border-radius:50%;height:125px;width:125px;display:grid;place-items:center;text-align:center;align-self:center;font:800 18px/1 'Barlow Condensed'}.badge span{color:#28a9ff;font:800 13px 'Barlow Condensed'}.badge i{font-style:normal;font-size:18px}.copyright{grid-column:1/-1;border-top:1px solid #ffffff2b;padding-top:12px;font-size:10px;color:#a9bdd6}
@media(max-width:1000px){.header{padding:10px 4vw}nav{display:none;position:absolute;top:88px;left:0;right:0;background:#fff;padding:20px 5vw;flex-direction:column;gap:18px;box-shadow:0 12px 20px #0002}nav.open{display:flex}.hamburger{display:block}.top-call{margin-left:auto}.hero{grid-template-columns:1fr}.hero-copy{padding:65px 7vw 20px}.hero-art{min-height:500px}.mark{height:105%;right:4%}.cards{grid-template-columns:repeat(3,1fr)}.why{grid-template-columns:1fr 1fr}.why-title{grid-column:1/-1;margin-bottom:20px}.contact{grid-template-columns:160px 1fr}.contact-box{grid-column:2}footer{grid-template-columns:1fr 1fr 1fr}.badge{display:none}}
@media(max-width:600px){.header{height:72px}.logo img{width:50px;height:50px}.logo span{font-size:22px;line-height:18px}.top-call{padding:10px 12px;font-size:13px}.top-call strong{font-size:15px}.hero-copy{padding:52px 6vw 10px}.hero h1{font-size:56px}.actions{flex-direction:column;max-width:280px}.hero-art{min-height:390px}.mark{height:105%;max-width:105%;right:-5%}.pipe{display:none}.services{padding:45px 5vw}.services h2{font-size:42px}.cards{grid-template-columns:1fr 1fr;gap:10px}.cards article{min-height:205px;padding:18px 10px}.cards h3{font-size:20px}.why{grid-template-columns:1fr;padding:42px 6vw}.why-title{grid-column:auto}.why-item{border-left:0;border-top:1px solid #ffffff44;padding:22px 10px}.contact{grid-template-columns:1fr;text-align:center;padding:42px 6vw}.faucet{margin:auto}.contact-box{grid-column:auto}.big-call{max-width:360px;margin:auto}footer{grid-template-columns:1fr 1fr;padding:35px 7vw}.copyright{grid-column:1/-1}}