@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#102c3a;--blue:#1c7180;--teal:#43b5a7;--pale:#eef6f5;--ink:#17272d;--muted:#687980;--line:#dfe8e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}.top{background:var(--navy);color:#d6e8e8;padding:9px;text-align:center;font-size:10px;letter-spacing:.18em}header{height:82px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:10}.brand{display:flex;align-items:center;gap:10px}.logo{width:42px;height:42px;background:var(--navy);color:white;display:grid;place-items:center;font-size:17px}.brand strong,.brand small{display:block}.brand strong{font-size:13px;letter-spacing:.12em}.brand small{font-size:8px;letter-spacing:.08em;color:var(--muted);margin-top:5px}.header nav{display:flex;gap:22px;font-size:11px;font-weight:600}.header nav a:hover{color:var(--blue)}.headcta{background:var(--pale);padding:13px;font-size:10px;font-weight:700;white-space:nowrap}#menuToggle{display:none}.hero{background:var(--pale);padding:60px 0 60px 7%;display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;overflow:hidden}.hero>div:first-child{max-width:560px}.hero label,.heading label,.about label,.contact label{font-size:10px;letter-spacing:.16em;font-weight:800;color:var(--blue)}h1,h2{font-family:Manrope,Arial,sans-serif;color:var(--navy);font-size:clamp(36px,4.2vw,59px);line-height:1.1;letter-spacing:-.05em;margin:20px 0}h1 em,h2 em{font-style:normal;color:var(--blue)}p{color:var(--muted);font-size:13px;line-height:1.9}.hero p{max-width:450px}.btn{display:inline-block;background:var(--navy);color:white;padding:15px 18px;font-size:11px;font-weight:700;margin:12px 8px 12px 0}.btn:hover{background:var(--blue)}.outline{background:transparent;color:var(--navy);border:1px solid #c5d8d8}.points{border-top:1px solid #d4e3e2;padding-top:18px;margin-top:24px;display:flex;gap:18px;font-size:10px;color:var(--muted)}.heroimg{height:430px;position:relative}.heroimg img{width:100%;height:100%;object-fit:cover}.float{position:absolute;left:-25px;bottom:24px;background:white;padding:18px;box-shadow:0 8px 25px #0001}.float b,.float small{display:block}.float b{font-size:11px}.float small{font-size:9px;color:var(--muted);margin-top:6px}.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:27px 8%;border-bottom:1px solid var(--line)}.strip div{border-left:2px solid var(--teal);padding-left:13px}.strip b,.strip small{display:block}.strip b{font-size:12px}.strip small{font-size:10px;color:var(--muted);margin-top:5px}.section{padding:80px 7%}.heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:30px}.heading h2,.about h2,.contact h2{font-size:clamp(32px,3.6vw,45px);margin:14px 0}.heading>p{max-width:350px}.solutions{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.solutions article{border:1px solid var(--line);padding-bottom:24px}.solutions img{width:100%;height:200px;object-fit:cover}.solutions h3{font-size:15px;color:var(--navy);margin:22px 20px 8px}.solutions p{font-size:11px;margin:0 20px 16px}.solutions a{font-size:10px;font-weight:700;color:var(--blue);margin:0 20px;border-bottom:1px solid var(--teal);padding-bottom:5px}.products{background:#f6f9f8}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.filters button{border:1px solid var(--line);background:white;padding:10px 14px;font-size:10px;cursor:pointer}.filters button.active,.filters button:hover{background:var(--navy);color:white}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px}.product{background:white;border:1px solid #e6eded;padding-bottom:16px}.photo{height:215px;position:relative;overflow:hidden;background:#eaf0ef}.photo img{width:100%;height:100%;object-fit:cover;transition:.4s}.product:hover img{transform:scale(1.05)}.photo span{position:absolute;top:10px;left:10px;background:#ffffffeb;padding:7px;font-size:9px}.product h3{font-size:12px;color:var(--navy);margin:15px 13px 5px}.product p{font-size:10px;margin:0 13px 14px}.product>a{font-size:10px;font-weight:700;color:var(--blue);margin:0 13px}.note{font-size:10px;margin-top:25px}.about{padding:75px 8%;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.aboutimg{height:420px;position:relative}.aboutimg img{width:100%;height:100%;object-fit:cover}.aboutimg>span{position:absolute;bottom:20px;left:-20px;background:var(--teal);color:white;padding:20px;font-size:24px;font-weight:800}.aboutimg small{font-size:9px;letter-spacing:.1em}.data{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.data small,.data b{display:block}.data small{font-size:9px;color:var(--muted);letter-spacing:.1em;margin-bottom:7px}.data b{font-size:11px;color:var(--navy)}.status{color:#188575!important}.contact{background:var(--navy);color:white;padding:75px 8%;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.contact label{color:#80d6cc}.contact h2{color:white}.contact h2 em{color:#80d6cc}.contact-intro>p,.contact>div:first-child>p{color:#c0d0d3}.contactline{display:flex;gap:12px;align-items:center;margin-top:25px}.contactline>b{padding:12px;background:#244653;color:#80d6cc}.contactline strong,.contactline small{display:block}.contactline strong{font-size:11px}.contactline small{font-size:10px;color:#b7c8cb;margin-top:5px}.contactcard{background:white;color:var(--ink);padding:28px}.contactcard h3{font-size:16px;color:var(--navy);margin:0 0 25px}.item{display:flex;gap:14px;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:17px}.item>span{font-size:20px;color:var(--blue)}.item small{font-size:9px;color:var(--muted);letter-spacing:.1em;display:block;margin-bottom:7px}.item a,.item p{font-size:11px;line-height:1.8;margin:0;overflow-wrap:anywhere}.full{width:100%;text-align:center;margin:5px 0 0}footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px 6%}footer p,footer>a:last-child{font-size:9px;color:var(--muted)}@media(max-width:1000px){header{padding:0 4%;gap:10px}.header nav{gap:12px}.headcta{font-size:9px;padding:11px}.hero{padding-left:5%}.grid{grid-template-columns:repeat(2,1fr)}.photo{height:280px}.section{padding:65px 5%}}@media(max-width:700px){header{height:70px;padding:0 5%}#menuToggle{display:block;border:0;background:white;font-size:23px;margin-left:auto}.header nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:20px 6%;flex-direction:column;gap:18px}.header nav.open{display:flex}.headcta{display:none}.brand strong{font-size:11px}.brand small{font-size:7px}.logo{width:36px;height:36px}.hero{grid-template-columns:1fr;padding:38px 6% 0;gap:25px}.hero h1{font-size:42px}.heroimg{height:300px;margin-left:14px}.float{left:-14px}.points{flex-wrap:wrap;gap:12px}.strip{grid-template-columns:1fr 1fr;padding:24px 6%}.section{padding:50px 6%}.heading{display:block}.heading>p{margin-top:12px}.solutions{grid-template-columns:1fr}.solutions img{height:230px}.grid{gap:12px 9px}.photo{height:190px}.product h3{line-height:1.5;margin-left:10px;margin-right:10px}.product p,.product>a{margin-left:10px;margin-right:10px}.about{grid-template-columns:1fr;padding:50px 6%;gap:30px}.aboutimg{height:300px;margin-left:12px}.aboutimg>span{left:-12px}.contact{grid-template-columns:1fr;padding:50px 6%;gap:25px}.contactcard{padding:22px 17px}footer{padding:22px 5%;flex-wrap:wrap}footer p{order:3;width:100%}}@media(max-width:390px){.grid{grid-template-columns:1fr}.photo{height:270px}.btn{display:block;text-align:center;margin-right:0}.hero h1{font-size:39px}}