*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#213047;background:#f7f9fc;line-height:1.65}a{color:inherit;text-decoration:none}.top{background:#10243b;color:#fff;text-align:center;padding:8px;font-size:13px}.header{background:white;box-shadow:0 3px 14px #152c441c;position:sticky;top:0;z-index:20}.navwrap{max-width:1180px;margin:auto;display:flex;align-items:center;gap:25px;padding:12px 20px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:#173b5c;font-size:17px;margin-right:auto}.brand img{width:68px;height:55px;object-fit:contain}.menu{display:flex;align-items:center;gap:8px}.menu>a,.drop>button{border:0;background:transparent;font-size:15px;font-weight:700;padding:13px;cursor:pointer;color:#193b57}.drop{position:relative}.dropcontent{display:none;position:absolute;top:100%;left:0;min-width:270px;max-height:75vh;overflow:auto;background:#fff;box-shadow:0 10px 28px #0c2d4540;border-radius:8px;padding:8px}.drop:hover .dropcontent,.drop:focus-within .dropcontent,.drop.open .dropcontent{display:block}.dropcontent a{display:block;padding:9px 13px;font-size:14px}.dropcontent a:hover{background:#e9f3fa;color:#0876a7}.cta,.btn{display:inline-block;background:#ed9c32;color:#14253c!important;padding:12px 20px;border-radius:7px;font-weight:800}.toggle{display:none;border:1px solid #ccc;background:white;border-radius:5px;padding:8px;font-size:22px}.hero{background:linear-gradient(95deg,#0e2948ee,#0e2948b5),url('/assets/uploads/2023/01/Gutter-Guards-scaled.jpg') center/cover;color:white;padding:95px 20px}.hero-inner{max-width:1100px;margin:auto}.hero h1{font-size:clamp(32px,5vw,55px);max-width:850px;line-height:1.15}.hero p{max-width:650px;font-size:19px}.container{max-width:1100px;margin:auto;padding:60px 20px}.intro{font-size:18px;max-width:850px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:30px 0}.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 22px #12314b13}.card img{width:100%;height:185px;object-fit:cover}.cardbody{padding:20px}.card h3{margin:0 0 8px;color:#183b5c}.card p{font-size:14px}.card a{color:#0b6b9c;font-weight:700}.panel{background:white;border-radius:12px;padding:30px;margin:25px 0;box-shadow:0 4px 18px #12314b10}.footer{background:#10243b;color:white;padding:45px 20px}.footer-inner{max-width:1100px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer a{display:block;padding:4px 0;color:#d8e4ef}.breadcrumb{font-size:14px;color:#667;padding:20px 0}.links{display:flex;flex-wrap:wrap;gap:12px}.links a{background:#e7f1f7;padding:10px 15px;border-radius:6px;color:#155476}.feature{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.feature img{width:100%;max-height:350px;object-fit:cover;border-radius:12px}.note{font-size:13px;color:#586a7a}.contactform{display:grid;gap:12px;max-width:600px}.contactform input,.contactform textarea{padding:12px;border:1px solid #ccd4db;border-radius:6px;font:inherit}.contactform button{background:#153d61;color:white;border:0;border-radius:6px;padding:13px;cursor:pointer}@media(max-width:800px){.toggle{display:block}.navwrap{flex-wrap:wrap}.menu{display:none;flex-basis:100%;flex-direction:column;align-items:stretch}.menu.active{display:flex}.menu>a,.drop>button{display:block;width:100%;text-align:left}.dropcontent{position:static;box-shadow:none;max-height:none}.drop:hover .dropcontent{display:none}.drop.open .dropcontent{display:block}.grid{grid-template-columns:1fr}.footer-inner,.feature{grid-template-columns:1fr}.hero{padding:65px 20px}}