*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#071d31;background:#f3f7fa}a{color:inherit}a:focus-visible{outline:3px solid #18a5ff;outline-offset:4px}.wrap{max-width:1500px;margin:auto}.hero{position:relative;min-height:610px;background:linear-gradient(90deg,#041522 0%,#0a273c 42%,transparent 73%),url('assets/home-house.jpg') right center/auto 100% no-repeat,#102c43;color:white;padding:30px 5% 40px}.brand{display:flex;align-items:center;gap:22px}.brand img{width:140px;height:140px;object-fit:contain;border-radius:50%}.brand-name{font-size:clamp(32px,5vw,66px);font-weight:800;letter-spacing:.035em;line-height:1}.brand-sub{font-size:clamp(15px,2vw,26px);letter-spacing:.32em;color:#b9c9d9}.brand-line{font-size:clamp(13px,1.5vw,21px);letter-spacing:.18em;color:#60caff;margin-top:10px}.hero-copy{margin-top:45px;max-width:750px}.hero h1{font-size:clamp(42px,6vw,82px);line-height:1.02;margin:0 0 14px;font-weight:900}.blue{color:#1a9df6}.hero h2{font-size:clamp(18px,2vw,29px);margin:0 0 10px}.hero p{font-size:clamp(16px,1.6vw,23px);margin:8px 0 24px}.ribbon{background:#087ce3;display:inline-block;padding:18px 32px;transform:skew(-6deg);box-shadow:0 7px 20px #0017}.ribbon>div{transform:skew(6deg)}.ribbon strong{font-size:clamp(21px,2.8vw,38px);letter-spacing:.13em}.ribbon small{display:block;text-align:center;letter-spacing:.24em;font-size:clamp(12px,1.4vw,19px);margin-top:7px}.features{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;padding:26px 2%}.feature{text-align:center;padding:14px;border-right:1px solid #c4d2df}.feature:last-child{border:0}.feature .symbol{font-size:44px;color:#078ae6;display:block;margin-bottom:8px}.feature strong{display:block;font-size:clamp(14px,1.5vw,23px);letter-spacing:.05em}.feature small{display:block;margin-top:6px;font-size:clamp(12px,1vw,16px)}.footer{display:flex;justify-content:space-around;align-items:center;gap:20px;background:#041c2d;color:white;padding:24px 3%;flex-wrap:wrap}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}.foot-item{display:flex;align-items:center;gap:12px}.foot-icon{background:#087ee1;border-radius:50%;padding:13px;font-size:23px}.foot-item small{display:block;color:#b5c5d0;letter-spacing:.12em;margin-bottom:5px}.foot-item strong{font-size:clamp(15px,1.7vw,24px)}.product-hero{min-height:280px;padding:18px 4%;background:linear-gradient(90deg,#031726 0%,#09273d 48%,transparent 90%),url('assets/products-hero.jpg') right center/auto 100% no-repeat,#092b44;color:#fff}.product-hero .brand img{width:105px;height:105px}.product-hero .brand-name{font-size:clamp(30px,4vw,55px)}.product-hero .brand-sub{font-size:18px}.product-hero h1{font-size:clamp(34px,4.7vw,66px);margin:14px 0 0}.product-hero p{font-size:clamp(14px,1.5vw,21px);margin:6px 0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px}.card{background:#fff;box-shadow:0 2px 7px #0002;overflow:hidden}.card img{width:100%;height:205px;object-fit:cover;display:block}.card-body{padding:16px 18px 20px}.card h2{color:#0656b8;font-size:24px;margin:0 0 8px}.card p{line-height:1.45;min-height:68px;margin:0 0 16px}.enquire{display:inline-block;background:#0589e8;color:white;text-decoration:none;font-weight:700;padding:12px 20px}.enquire:hover{background:#005fae}.nav{display:flex;gap:20px;justify-content:flex-end;padding:12px 5%;background:#031c30;color:white}.nav a{font-weight:bold;text-decoration:none}.nav a:hover{text-decoration:underline}.seo-intro{padding:20px 5% 30px;background:white}.seo-intro h2{font-size:24px}.seo-intro p{max-width:1050px;line-height:1.6}.fine{font-size:12px;color:#c1d2e0;text-align:center;background:#041c2d;padding:0 10px 14px}@media(max-width:850px){.hero{background:linear-gradient(90deg,#041522e8,#041522b5),url('assets/home-house.jpg') center/cover no-repeat;min-height:550px}.features{grid-template-columns:repeat(2,1fr)}.feature:nth-child(2){border:0}.brand img{width:90px;height:90px}.brand{gap:12px}.cards{grid-template-columns:repeat(2,1fr)}.product-hero{background:linear-gradient(90deg,#041522ee,#041522bb),url('assets/products-hero.jpg') center/cover}.footer{justify-content:flex-start}}@media(max-width:570px){.hero{padding:25px 5%}.hero-copy{margin-top:35px}.cards{grid-template-columns:1fr}.features{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid #c4d2df}.brand-sub{letter-spacing:.12em}.brand-line{letter-spacing:.08em}.ribbon{padding:15px 18px}.foot-item{width:100%}}