@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--dark:#182b3b;--green:#29465d;--lime:#e7a538;--cream:#f5f6f7;--muted:#64717a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#172d26;background:white;font-family:'DM Sans',Arial,sans-serif}a{color:inherit}.wrap{max-width:1190px;margin:auto;padding:0 26px}.top{background:#fff;border-bottom:1px solid #e9eee8}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;color:var(--dark)}.mark{font-size:39px;font-weight:800;font-style:italic;line-height:1;color:#36714e}.brand b{display:block;font-size:19px;letter-spacing:.03em;line-height:1}.brand small{font-size:9px;letter-spacing:.19em;font-weight:700}.navright{display:flex;align-items:center;gap:35px;font-size:12px;font-weight:700}.phone{background:var(--dark);color:white;padding:14px 19px;border-radius:5px;text-decoration:none;font-size:13px}.hero{background:radial-gradient(circle at 0 0,#2e5c48 0%,#153b30 38%,#102a24 78%);color:white;padding:75px 0 85px;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;width:600px;height:600px;border:1px solid #ffffff12;border-radius:50%;left:-340px;top:80px}.hero-grid{position:relative;display:grid;grid-template-columns:1.06fr .94fr;gap:65px;align-items:center}.eyebrow,.overline,.form-kicker{font-size:11px;letter-spacing:.18em;font-weight:800}.eyebrow{color:#d5e5cb;display:flex;align-items:center;gap:10px}.dot{width:8px;height:8px;background:var(--lime);border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(38px,4.1vw,58px);letter-spacing:-.055em;line-height:1.13;margin:28px 0}h1 em{color:var(--lime);font-style:normal}.intro{font-size:17px;line-height:1.8;color:#d4e1d8;max-width:490px}.checks{display:flex;flex-direction:column;gap:15px;margin:29px 0 38px;font-size:14px;font-weight:600}.checks span{color:#edf5e9}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:22px;background:var(--lime);color:#10291f;border:0;border-radius:5px;padding:19px 22px;font-size:14px;font-weight:800;text-decoration:none;cursor:pointer}.btn:hover{background:#d8f084}.hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.call-link{color:white;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.form-card{background:white;color:var(--dark);border-radius:11px;padding:34px;box-shadow:0 20px 60px #071b1750}.form-kicker{color:#538568}.form-top h2{font-size:27px;letter-spacing:-.045em;margin:12px 0 8px}.form-top p{font-size:13px;line-height:1.6;color:#6b7870;margin-bottom:22px}label{display:block;font-size:12px;font-weight:800;margin-bottom:14px}input,select,textarea{font:inherit;font-size:13px;width:100%;padding:13px 12px;border:1px solid #dce4de;background:#fafbf9;border-radius:5px;margin-top:7px;color:#1c3028}input:focus,select:focus,textarea:focus{outline:2px solid #a7ce78}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.submit{width:100%;margin-top:6px}.privacy{font-size:10px;color:#77837b;text-align:center;line-height:1.6;margin:13px 0 0}.honey{position:absolute;left:-10000px}.proof{background:#eef2e9;border-bottom:1px solid #e4eae0}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-top:28px;padding-bottom:28px;gap:20px}.proof-grid>div{border-right:1px solid #d1ddcf;padding:0 20px}.proof-grid>div:first-child{padding-left:0}.proof-grid>div:last-child{border:0}.proof strong{display:block;font-size:13px;letter-spacing:.07em}.proof span{display:block;color:#63746a;font-size:12px;margin-top:5px}.content{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;padding-top:100px;padding-bottom:100px}.image-panel{height:380px;position:relative;background:#c9d2c7;overflow:hidden;border-radius:6px}.image-panel img{width:100%;height:100%;object-fit:cover}.image-panel span{position:absolute;bottom:16px;left:16px;background:#fff;padding:12px 16px;font-size:10px;letter-spacing:.1em;font-weight:800}.overline{color:#427f5a}.content h2,.issues h2,.bottom h2{font-size:clamp(28px,3vw,42px);line-height:1.2;letter-spacing:-.05em;margin:15px 0 23px}.content p{line-height:1.8;color:#62716a;font-size:15px}.text-cta{font-size:14px;font-weight:800;text-decoration:none;color:#236341;border-bottom:2px solid #a8c788;padding-bottom:7px;display:inline-block;margin-top:14px}.issues{background:var(--cream);padding:80px 0 95px}.issues h2{max-width:600px}.issue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}.issue-grid article{background:white;border:1px solid #e5ebe1;border-radius:7px;padding:28px}.issue-grid b{color:#75a475;font-size:13px}.issue-grid h3{font-size:19px;margin:22px 0 10px}.issue-grid p{font-size:14px;line-height:1.7;color:#69796e;margin:0}.bottom{background:#163c30;color:white;padding:65px 0}.bottom-grid{display:flex;justify-content:space-between;align-items:center;gap:50px}.bottom h2{max-width:580px;margin-bottom:12px}.bottom p{color:#d3dfd5;margin:0}.bottom .overline{color:var(--lime)}.bottom-phone{display:block;text-align:center;margin-top:16px;font-size:13px}footer{background:#0d241e;color:#c2d0c8}.foot{padding-top:24px;padding-bottom:24px;display:flex;justify-content:space-between;gap:20px;font-size:11px}.thanks{min-height:100vh;background:#14382e;color:white;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:12vw}.thanks h1{max-width:700px}.thanks p{color:#d7e2da;line-height:1.7}.thanks .btn{margin:20px 0}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:45px}.hero{padding:55px 0}.hero-copy{max-width:650px}.content{gap:35px}.desktop{display:none}}@media(max-width:650px){.wrap{padding-left:20px;padding-right:20px}.nav{height:70px}.brand b{font-size:15px}.brand small{font-size:7px}.phone{font-size:11px;padding:12px}.hero{padding:43px 0 50px}h1{font-size:40px}.form-card{padding:24px 18px}.two,.proof-grid,.content,.issue-grid{grid-template-columns:1fr}.proof-grid{gap:12px}.proof-grid>div{border-right:0;border-bottom:1px solid #d1ddcf;padding:0 0 12px}.proof-grid>div:last-child{border:0}.content{padding-top:55px;padding-bottom:55px}.image-panel{height:260px}.issues{padding:55px 0}.bottom-grid,.foot{flex-direction:column;align-items:flex-start}.bottom{padding:55px 0}}

/* Brand-reference revision: neutral roofing palette pending verified logo/colors */
.hero{background:linear-gradient(90deg,rgba(15,30,42,.94),rgba(15,30,42,.88)),url("https://spcdn.shortpixel.ai/spio/ret_img%2Bq_cdnize%2Bto_webp%2Bs_webp/www.4seasonsroofingmn.com/wp-content/uploads/2021-05-08-1.jpeg") center/cover;color:#fff}
.hero:before{display:none}.top{border-bottom:3px solid var(--lime)}.brand-type b{font-size:24px;letter-spacing:-.04em}.brand-type small{font-size:12px;letter-spacing:.26em}.brand{border-left:5px solid var(--lime);padding-left:12px}.phone{background:var(--dark)}h1 em{color:#f1ba5b}.btn{background:var(--lime);color:#172635}.btn:hover{background:#f3c270}.form-kicker,.overline,.text-cta{color:#a66c17}.dot{background:var(--lime)}.proof{background:#edf0f2}.proof-grid>div{border-color:#d7dde1}.content p,.issue-grid p{color:#596873}.issues{background:#f4f6f8}.bottom{background:#20384b}.bottom .overline{color:#f1ba5b}footer{background:#142637}.photo-strip{background:#fff;padding:25px 0 85px}.photo-strip-inner{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.photo-strip img{width:100%;height:310px;object-fit:cover;border-radius:6px}.photo-strip h2{font-size:34px;line-height:1.2;margin:16px 0}.photo-strip p{line-height:1.7;color:#596873}@media(max-width:700px){.photo-strip-inner{grid-template-columns:1fr;gap:25px}.photo-strip{padding-bottom:55px}}

/* Verified 4 Seasons Roofing brand palette and supplied SVG logo */
:root{--dark:#111111;--green:#333333;--lime:#cc0000;--cream:#f2f2f2;--muted:#575757}
body{color:#111111;background:#ffffff}
.top{border-bottom:3px solid #cc0000}
.brand{border:0;padding:0}.brand-logo{display:block;width:205px;max-width:43vw;height:68px;object-fit:contain;object-position:left center}
.phone{background:#cc0000;color:#ffffff}.phone:hover{background:#a80000}
.hero{background:linear-gradient(90deg,rgba(17,17,17,.95),rgba(17,17,17,.83)),url("https://spcdn.shortpixel.ai/spio/ret_img%2Bq_cdnize%2Bto_webp%2Bs_webp/www.4seasonsroofingmn.com/wp-content/uploads/2021-05-08-1.jpeg") center/cover}
.hero h1 em,.eyebrow,.bottom .overline{color:#ffffff}.dot{background:#cc0000}
.btn,.submit{background:#cc0000;color:#ffffff}.btn:hover,.submit:hover{background:#a80000}
.form-kicker,.overline,.text-cta{color:#cc0000}
.form-card{color:#111111}.form-top p,.content p,.issue-grid p,.photo-strip p{color:#575757}
input,select,textarea{background:#f2f2f2;border-color:#e2e2e2;color:#111111}
input:focus,select:focus,textarea:focus{outline:2px solid #cc0000;outline-offset:1px}
.proof{background:#f2f2f2;border-color:#e2e2e2}.proof span{color:#575757}.proof-grid>div{border-color:#e2e2e2}
.issues{background:#f2f2f2}.issue-grid article{border-color:#e2e2e2}.issue-grid b{color:#cc0000}
.text-cta{border-bottom-color:#cc0000}.bottom{background:#333333}.bottom p{color:#e2e2e2}
footer{background:#111111;color:#e2e2e2}.thanks{background:#333333}
@media(max-width:650px){.brand-logo{width:155px;height:54px}.nav{height:76px}}
