Embed

<div id="roof-quiz" style="scroll-margin-top:80px;width:100%;max-width:none;padding:14px 8px;box-sizing:border-box"><style>.mrq{--q1:0;--q2:0;--q3:0;--q4:0;--q5:0;--q6:0;--q7:0;--s:calc(var(--q1) + var(--q2) + var(--q3) + var(--q4) + var(--q5) + var(--q6) + var(--q7));--p:min(calc(var(--s)/4),1);--t:clamp(0,calc((var(--s) - 3.5)*100),1);--a:0;
font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#12181f;color:#fff;max-width:1100px;margin:0 auto;padding:22px 16px;border-radius:16px;box-sizing:border-box}
.mrq *{box-sizing:border-box}.mrq:has(input:checked){--a:1}
.mrq input{position:fixed;top:50%;left:0;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.mrq h2{font-size:26px;line-height:1.15;margin:0 0 6px;color:#fff}.mrq h2 span{color:#4f86e0}.mrq-sub{color:#c9d1da;margin:0 0 16px;font-size:15px}
.mrq-g{display:flex;flex-direction:column;gap:18px}
.mrq-vis{background:#2a3441;border-radius:14px;padding:12px;position:relative;overflow:hidden}
.mrq-scene{position:relative;width:100%;aspect-ratio:4/3}.mrq-scene>svg:first-child{position:absolute;inset:0;width:100%;height:100%}
.mrq-cl{transform:translate(calc((365 - 62*(0.09 + 0.5*var(--p)))*1px),calc((282 - 154*(0.09 + 0.5*var(--p)))*1px)) rotate(0deg) scale(1);opacity:calc(1 - var(--t));transition:transform 1.2s ease-in-out,opacity .3s .9s}.mrq-rf{transform:translate(236px,102px);opacity:var(--t);transition:opacity .4s 1s}.mrq:has(input:checked) .mrq-A{animation:mrqA 1.2s ease-in-out infinite}.mrq:has(input:checked) .mrq-B{animation:mrqA 1.2s ease-in-out -.6s infinite}.mrq:has(input:checked) .mrq-bob{animation:mrqb .6s ease-in-out infinite}.mrq-wv{animation:mrqw .8s ease-in-out infinite alternate}@keyframes mrqA{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes mrqb{50%{transform:translateY(-1.5px)}}@keyframes mrqw{from{transform:rotate(-15deg)}to{transform:rotate(25deg)}}.mrq-wear{opacity:clamp(0,calc((var(--s) - 1)/3),1);transition:opacity .8s}
.mrq-burst{position:absolute;inset:auto;left:3%;top:7%;width:44%;height:auto;transform-origin:50% 50%;transform:scale(calc(var(--t)*1));opacity:var(--t);transition:transform .6s cubic-bezier(.2,1.8,.4,1) .4s,opacity .3s .4s;pointer-events:none}
.mrq-meter{margin-top:10px}.mrq-meter div{display:flex;justify-content:space-between;font-size:12px;color:#c9d1da;margin-bottom:4px}
.mrq-bar{height:14px;border-radius:8px;background:#12181f;overflow:hidden}.mrq-bar i{display:block;height:100%;width:calc(var(--p)*100%);background:linear-gradient(90deg,#d9a441,#b85a2a,#e0412c);transition:width .6s}
.mrq-q{background:#2a3441;border-radius:12px;padding:12px;margin-bottom:10px}.mrq-q p{margin:0 0 9px;font-weight:600;font-size:16px;display:flex;gap:8px;align-items:flex-start}
.mrq-q p b{flex:0 0 24px;height:24px;border-radius:50%;background:#b85a2a;font-size:13px;display:flex;align-items:center;justify-content:center}
.mrq-o{display:grid;gap:8px}.mrq-n2{grid-template-columns:1fr 1fr}.mrq-n4{grid-template-columns:1fr 1fr}
.mrq-o label{display:block;text-align:center;padding:11px 6px;border:2px solid rgba(79,134,224,.8);border-radius:10px;cursor:pointer;font-size:15px;color:#fff;font-weight:600;opacity:1;transition:.2s}
.mrq-r{border-radius:12px;padding:14px;text-align:center;overflow:hidden}
.mrq-r h3{margin:0 0 6px;font-size:20px}.mrq-r p{margin:0 0 10px;color:#d6dce3;font-size:15px}
.mrq-r0{background:#2a3441;max-height:calc((1 - var(--a))*300px);padding:calc((1 - var(--a))*14px) 14px;opacity:calc(1 - var(--a))}
.mrq-r1{background:#2a3441;border:2px solid #4a5666;max-height:calc(var(--a)*(1 - var(--t))*400px);padding:calc(var(--a)*(1 - var(--t))*14px) 14px;border-width:calc(var(--a)*(1 - var(--t))*2px);opacity:calc(var(--a)*(1 - var(--t)))}
.mrq-r2{background:linear-gradient(135deg,#b85a2a,#7a3415);max-height:calc(var(--t)*400px);padding:calc(var(--t)*14px) 14px;opacity:var(--t)}
.mrq-r2 p{color:#fff}
.mrq-btn{display:flex;flex-direction:column;gap:8px}.mrq-btn a{display:block;padding:14px;border-radius:10px;font-weight:700;font-size:17px;text-decoration:none;background:#b85a2a;color:#fff!important}
.mrq-r2 .mrq-btn a{background:#12181f}.mrq-btn a+a{background:transparent;border:2px solid #fff}
.mrq-d{font-size:12px;color:#8e99a6;text-align:center;margin:10px 0 0}
@media(min-width:800px){.mrq{padding:32px}.mrq h2{font-size:34px}.mrq-g{flex-direction:row;align-items:flex-start}.mrq-vis{flex:0 0 44%;position:sticky;top:20px}.mrq-qs{flex:1}.mrq-n4{grid-template-columns:repeat(4,1fr)}.mrq-btn{flex-direction:row}.mrq-btn a{flex:1}}.mrq:has(#mrqq10:checked){--q1:0}.mrq:has(#mrqq10:checked) label[for=mrqq10]{background:#b85a2a;border-color:#b85a2a;color:#fff}.mrq:has(#mrqq11:checked){--q1:1}.mrq:has(#mrqq11:checked) label[for=mrqq11]{background:#b85a2a;border-color:#b85a2a;color:#fff}.mrq:has(#mrqq12:checked){--q1:2}.mrq:has(#mrqq12:checked) label[for=mrqq12]{background:#b85a2a;border-color:#b85a2a;color:#fff}.mrq:has(#mrqq13:checked){--q1:3}.mrq:has(#mrqq13:checked) label[for=mrqq13]{background:#b85a2a;border-color:#b85a2a;color:#fff}.mrq:has(#mrqq20:checked){--q2:0}.mrq:has(#mrqq20:checked) label[for=mrqq20]{background:#b85a2a;border-color:#b85a2a;color:#fff}.mrq:has(#mrqq21:checked){--q2:1}.mrq:has(#mrqq21:checked) label[for=mrqq21]{background:#b85a2a;border-color:#b85a2a;color:#fff}.mrq:has(#mrqq30:checked){--q3:0}.mrq:has(#mrqq30:checked) label[for=mrqq30]{background:#b85a2a;border-color:#b85a2a;color:#fff}.mrq:has(#mrqq31:checked){--q3:1}.mrq:has(#mrqq31:checked) label[for=mrqq31]{background:#b85a2a;border-color:#b85a2a;color:#fff}.mrq:has(#mrqq40:checked){--q4:0}.mrq:has(#mrqq40:checked) label[for=mrqq40]{background:#b85a2a;border-color:#b85a2a;color:#fff}.mrq:has(#mrqq41:checked){--q4:1}.mrq:has(#mrqq41:checked) label[for=mrqq41]{background:#b85a2a;border-color:#b85a2a;color:#fff}.mrq:has(#mrqq50:checked){--q5:0}.mrq:has(#mrqq50:checked) label[for=mrqq50]{background:#b85a2a;border-color:#b85a2a;color:#fff}.mrq:has(#mrqq51:checked){--q5:1}.mrq:has(#mrqq51:checked) label[for=mrqq51]{background:#b85a2a;border-color:#b85a2a;color:#fff}.mrq:has(#mrqq60:checked){--q6:0}.mrq:has(#mrqq60:checked) label[for=mrqq60]{background:#b85a2a;border-color:#b85a2a;color:#fff}.mrq:has(#mrqq61:checked){--q6:1}.mrq:has(#mrqq61:checked) label[for=mrqq61]{background:#b85a2a;border-color:#b85a2a;color:#fff}.mrq:has(#mrqq70:checked){--q7:0}.mrq:has(#mrqq70:checked) label[for=mrqq70]{background:#b85a2a;border-color:#b85a2a;color:#fff}.mrq:has(#mrqq71:checked){--q7:1}.mrq:has(#mrqq71:checked) label[for=mrqq71]{background:#b85a2a;border-color:#b85a2a;color:#fff}</style><div class="mrq"><input type="radio" name="mrqq1" id="mrqq10"><input type="radio" name="mrqq1" id="mrqq11"><input type="radio" name="mrqq1" id="mrqq12"><input type="radio" name="mrqq1" id="mrqq13"><input type="radio" name="mrqq2" id="mrqq20"><input type="radio" name="mrqq2" id="mrqq21"><input type="radio" name="mrqq3" id="mrqq30"><input type="radio" name="mrqq3" id="mrqq31"><input type="radio" name="mrqq4" id="mrqq40"><input type="radio" name="mrqq4" id="mrqq41"><input type="radio" name="mrqq5" id="mrqq50"><input type="radio" name="mrqq5" id="mrqq51"><input type="radio" name="mrqq6" id="mrqq60"><input type="radio" name="mrqq6" id="mrqq61"><input type="radio" name="mrqq7" id="mrqq70"><input type="radio" name="mrqq7" id="mrqq71">
<h2>Is It Time for a <span>New Roof?</span></h2><p class="mrq-sub">Answer 7 quick questions and watch our roofer climb. Reach the top and it's likely time for a new roof.</p>
<div class="mrq-g"><div class="mrq-vis"><div class="mrq-scene"><svg viewBox="0 0 400 300"><defs>
<linearGradient id="mrqSky" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#3e5a78"></stop><stop offset="1" stop-color="#a9bfd0"></stop></linearGradient>
<linearGradient id="mrqGr" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#4f7a3a"></stop><stop offset="1" stop-color="#2f4d24"></stop></linearGradient>
<pattern id="mrqSh" width="16" height="9" patternUnits="userSpaceOnUse"><rect width="16" height="9" fill="#4a423b"></rect><rect y="6" width="16" height="3" fill="#2b2622"></rect><path d="M0 0v6M7 0v6" stroke="#2b2622" stroke-width="1"></path><rect x="1" y="1" width="5" height="4" fill="#5c5249" opacity=".7"></rect><rect x="9" y="1" width="6" height="4" fill="#3a332e" opacity=".8"></rect></pattern>
<pattern id="mrqSd" width="10" height="7" patternUnits="userSpaceOnUse"><rect width="10" height="7" fill="#d9dcd6"></rect><rect y="5.5" width="10" height="1.5" fill="#b4b8b2"></rect></pattern>
<linearGradient id="mrqRf" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#000" stop-opacity=".05"></stop><stop offset="1" stop-color="#000" stop-opacity=".35"></stop></linearGradient>
<linearGradient id="mrqAl" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="#f2f4f6"></stop><stop offset=".5" stop-color="#b9c0c7"></stop><stop offset="1" stop-color="#7d868f"></stop></linearGradient>
<pattern id="mrqGs" width="6" height="6" patternUnits="userSpaceOnUse"><path d="M1 6l1-4M4 6l1-5" stroke="#5f9146" stroke-width=".8"></path></pattern></defs>
<rect width="400" height="300" fill="url(#mrqSky)"></rect><circle cx="350" cy="45" r="16" fill="#ffe9a8" opacity=".8"></circle>
<path d="M0 235q60-14 120-6t140-4t140 6v69H0z" fill="#2f4a2a" opacity=".6"></path>
<rect y="262" width="400" height="38" fill="url(#mrqGr)"></rect><rect y="262" width="400" height="38" fill="url(#mrqGs)" opacity=".6"></rect>
<ellipse cx="160" cy="268" rx="140" ry="7" fill="#000" opacity=".25"></ellipse>
<rect x="38" y="150" width="244" height="116" fill="url(#mrqSd)"></rect><rect x="38" y="150" width="244" height="14" fill="#000" opacity=".18"></rect>
<rect x="36" y="150" width="4" height="116" fill="#f4f4f0"></rect><rect x="280" y="150" width="4" height="116" fill="#f4f4f0"></rect>
<g fill="#f4f4f0"><rect x="58" y="176" width="46" height="50"></rect><rect x="200" y="176" width="46" height="50"></rect><rect x="134" y="186" width="40" height="80"></rect></g>
<g fill="#41576b"><rect x="62" y="180" width="18" height="20"></rect><rect x="82" y="180" width="18" height="20"></rect><rect x="62" y="202" width="18" height="20"></rect><rect x="82" y="202" width="18" height="20"></rect><rect x="204" y="180" width="18" height="20"></rect><rect x="224" y="180" width="18" height="20"></rect><rect x="204" y="202" width="18" height="20"></rect><rect x="224" y="202" width="18" height="20"></rect></g>
<g fill="#fff" opacity=".25"><path d="M62 180h8l-8 10zM204 180h8l-8 10z"></path></g><g fill="#1f2a36"><rect x="54" y="174" width="6" height="54"></rect><rect x="102" y="174" width="6" height="54"></rect><rect x="196" y="174" width="6" height="54"></rect><rect x="244" y="174" width="6" height="54"></rect></g>
<rect x="138" y="190" width="32" height="76" fill="#6b2f1c"></rect><rect x="142" y="196" width="24" height="28" fill="#5a2716"></rect><rect x="142" y="230" width="24" height="30" fill="#5a2716"></rect><circle cx="164" cy="230" r="2" fill="#d9a441"></circle>
<rect x="128" y="264" width="52" height="5" fill="#8d8f8a"></rect>
<polygon points="14,154 86,74 234,74 306,154" fill="url(#mrqSh)"></polygon><polygon points="14,154 86,74 234,74 306,154" fill="url(#mrqRf)"></polygon>
<polygon points="14,154 86,74 110,154" fill="#000" opacity=".22"></polygon><polygon points="306,154 234,74 210,154" fill="#fff" opacity=".06"></polygon>
<path d="M86 74L110 154M234 74L210 154" stroke="#25201c" stroke-width="3"></path><path d="M84 74h152" stroke="#25201c" stroke-width="4"></path>
<g class="mrq-wear"><path d="M120 110l14-3 2 7-15 2z" fill="#6b6056"></path><rect x="160" y="124" width="16" height="9" fill="#1b1714"></rect><rect x="232" y="138" width="14" height="8" fill="#1b1714"></rect><path d="M190 96q8-6 16 0l-2 5h-12z" fill="#6e645a"></path><g fill="#2f5a2f" opacity=".7"><circle cx="70" cy="140" r="5"></circle><circle cx="78" cy="143" r="4"></circle><circle cx="262" cy="128" r="4"></circle></g></g>
<rect x="10" y="152" width="300" height="7" rx="2" fill="#e8e8e4"></rect><rect x="10" y="157" width="300" height="2" fill="#a8aaa5"></rect><rect x="295" y="157" width="7" height="110" fill="#e8e8e4"></rect><rect x="301" y="157" width="1.5" height="110" fill="#a8aaa5"></rect><path d="M291 262h16l-4 6h-12z" fill="#d8d8d4"></path>
<g><polygon points="346,282 352,282 290,128 284,128" fill="url(#mrqAl)"></polygon><polygon points="372,282 378,282 316,128 310,128" fill="url(#mrqAl)"></polygon>
<g stroke="#9aa2aa" stroke-width="3.5"><line x1="343.4" y1="268.0" x2="369.4" y2="268.0"></line><line x1="337.7" y1="254.0" x2="363.7" y2="254.0"></line><line x1="332.1" y1="240.0" x2="358.1" y2="240.0"></line><line x1="326.5" y1="226.0" x2="352.5" y2="226.0"></line><line x1="320.8" y1="212.0" x2="346.8" y2="212.0"></line><line x1="315.2" y1="198.0" x2="341.2" y2="198.0"></line><line x1="309.5" y1="184.0" x2="335.5" y2="184.0"></line><line x1="303.9" y1="170.0" x2="329.9" y2="170.0"></line><line x1="298.3" y1="156.0" x2="324.3" y2="156.0"></line><line x1="292.6" y1="142.0" x2="318.6" y2="142.0"></line></g>
<rect x="340" y="280" width="16" height="5" fill="#222"></rect><rect x="368" y="280" width="16" height="5" fill="#222"></rect><polygon points="350,286 384,286 380,290 346,290" fill="#000" opacity=".25"></polygon></g><g font-family="Arial,sans-serif" font-weight="800" text-anchor="middle"><rect x="223" y="286" width="3" height="14" fill="#6b4a2a"></rect><rect x="249" y="286" width="3" height="14" fill="#6b4a2a"></rect><rect x="200" y="258" width="76" height="30" rx="2" fill="#12181f" stroke="#b85a2a" stroke-width="1.5"></rect><text x="238" y="269" font-size="10" fill="#b85a2a">MichConn</text><text x="238" y="277" font-size="5.5" fill="#fff">PROPERTY SERVICES</text><text x="238" y="285" font-size="7.2" fill="#fff">586-864-6345</text>
<rect x="318" y="6" width="76" height="16" rx="8" fill="#12181f" opacity=".75"></rect><text x="356" y="17.5" font-size="9" fill="#fff">Mich<tspan fill="#b85a2a">Conn</tspan></text></g><g class="mrq-cl"><g class="mrq-bob"><image href="https://cdn.durable.co/blocks/13BWGJCZptML41YuMn2q54gD92h2lpC46TiLHv8bweCcU5vxR8JJgNVXNGUg49DF.png" x="-24" y="-78" width="48" height="78" preserveAspectRatio="xMidYMax meet"></image></g></g>
<g class="mrq-rf"><image href="https://cdn.durable.co/blocks/13BWGJCZptML41YuMn2q54gD92h2lpC46TiLHv8bweCcU5vxR8JJgNVXNGUg49DF.png" x="-24" y="-78" width="48" height="78" preserveAspectRatio="xMidYMax meet"></image></g></svg><svg class="mrq-burst" viewBox="0 0 200 200"><polygon fill="#d9a441" points="198,100 171,119 185,149 152,152 149,185 119,171 100,198 81,171 51,185 48,152 15,149 29,119 2,100 29,81 15,51 48,48 51,15 81,29 100,2 119,29 149,15 152,48 185,51 171,81"></polygon><g font-family="Arial,sans-serif" font-weight="800" font-size="20" fill="#12181f" text-anchor="middle"><text x="100" y="80">TIME FOR</text><text x="100" y="106">A NEW</text><text x="100" y="132">ROOF!</text></g></svg></div><div class="mrq-meter"><div><span>Roof health</span><span>Replace</span></div><div class="mrq-bar"><i></i></div></div></div>
<div class="mrq-qs"><div class="mrq-q"><p><b>1</b>How old is your roof?</p><div class="mrq-o mrq-n4"><label for="mrqq10">Under 10 yrs</label><label for="mrqq11">10–15 yrs</label><label for="mrqq12">15–20 yrs</label><label for="mrqq13">20+ yrs</label></div></div><div class="mrq-q"><p><b>2</b>Any leaks or water stains on ceilings?</p><div class="mrq-o mrq-n2"><label for="mrqq20">No</label><label for="mrqq21">Yes</label></div></div><div class="mrq-q"><p><b>3</b>Shingles curling, cupping or cracked?</p><div class="mrq-o mrq-n2"><label for="mrqq30">No</label><label for="mrqq31">Yes</label></div></div><div class="mrq-q"><p><b>4</b>Granules in gutters or bald spots on shingles?</p><div class="mrq-o mrq-n2"><label for="mrqq40">No</label><label for="mrqq41">Yes</label></div></div><div class="mrq-q"><p><b>5</b>Missing or blown-off shingles?</p><div class="mrq-o mrq-n2"><label for="mrqq50">No</label><label for="mrqq51">Yes</label></div></div><div class="mrq-q"><p><b>6</b>Moss, algae or dark streaks?</p><div class="mrq-o mrq-n2"><label for="mrqq60">No</label><label for="mrqq61">Yes</label></div></div><div class="mrq-q"><p><b>7</b>Recent hail or wind storm damage?</p><div class="mrq-o mrq-n2"><label for="mrqq70">No</label><label for="mrqq71">Yes</label></div></div>
<div class="mrq-r mrq-r0"><p style="margin:0">👆 Tap your answers above to start your roof checkup.</p></div>
<div class="mrq-r mrq-r1"><h3>Your roof may have some life left</h3><p>A free inspection will tell you for sure.</p><div class="mrq-btn"><a href="tel:5868646345" target="_top">📞 Call 586-864-6345</a><a href="https://michconn.com/free-inspection" target="_top">Get a Free Inspection</a></div></div>
<div class="mrq-r mrq-r2"><h3>🏠 Time for a new roof!</h3><p>Based on your answers, it's likely time for a new roof.</p><div class="mrq-btn"><a href="tel:5868646345" target="_top">📞 Call 586-864-6345</a><a href="https://michconn.com/free-inspection" target="_top">Get a Free Inspection</a></div></div>
<p class="mrq-d">This quick check is a guide, not a professional inspection.</p></div></div></div></div>

<div id="symptoms" style="scroll-margin-top:80px;width:100%;max-width:none;padding:14px 8px;box-sizing:border-box">
<style>
.mcg{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;background:#12181f;color:#fff;padding:40px 16px;border-radius:16px;max-width:1100px;margin:0 auto 24px;box-sizing:border-box;text-align:center}
.mcg *{box-sizing:border-box}
.mcg h2{margin:0 0 8px;font-size:clamp(26px,6vw,38px);line-height:1.15;color:#fff}
.mcg>p{margin:0 auto 22px;max-width:560px;color:#c9d0d8;font-size:16px;line-height:1.5}
.mcg-l{display:grid;gap:12px;max-width:700px;margin:0 auto;text-align:left}
.mcg details{background:#1b2430;border:1px solid #2a3441;border-radius:16px;overflow:hidden;transition:border-color .2s}
.mcg details[open]{border-color:#b85a2a}
.mcg summary{list-style:none;cursor:pointer;padding:18px 20px;font-weight:800;font-size:17px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.mcg summary::-webkit-details-marker{display:none}
.mcg summary:after{content:"+";color:#4f86e0;font-size:26px;line-height:1;transition:transform .25s}
.mcg details[open] summary:after{transform:rotate(45deg)}
.mcg-b{padding:0 20px 20px;animation:mcgin .35s ease both}
.mcg-b p{margin:0 0 16px;color:#c9d0d8;font-size:16px;line-height:1.5}
.mcg-b a{display:inline-flex;justify-content:center;align-items:center;padding:14px 24px;border-radius:999px;background:#b85a2a;color:#fff;font-weight:800;font-size:16px;text-decoration:none}
@keyframes mcgin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
</style>
<section class="mcg"><h2>What's wrong with my roof?</h2><p>Tap what you're seeing. General guidance only; a free inspection is the only way to know for sure.</p>
<div class="mcg-l">
<details><summary>Leaks / water stains</summary><div class="mcg-b"><p>Stains on a ceiling or wall usually mean water is getting past the roof surface or flashing. It can start small, so it's worth catching early.</p><a href="https://michconn.com/free-inspection" target="_top">Book a Free Inspection</a></div></details>
<details><summary>Missing or curling shingles</summary><div class="mcg-b"><p>Shingles that curl, crack or blow off usually point to age, wind or weathering. They leave the layers below exposed to water.</p><a href="https://michconn.com/free-inspection" target="_top">Book a Free Inspection</a></div></details>
<details><summary>Ice dams</summary><div class="mcg-b"><p>Ice built up along the eaves usually means melting snow is refreezing at the roof edge. Trapped water can back up under shingles and cause leaks.</p><a href="https://michconn.com/free-inspection" target="_top">Book a Free Inspection</a></div></details>
<details><summary>Granules in gutters</summary><div class="mcg-b"><p>Gritty granules in the gutters usually mean the shingles are wearing. Some is normal on new roofs, but a lot can signal an aging roof.</p><a href="https://michconn.com/free-inspection" target="_top">Book a Free Inspection</a></div></details>
<details><summary>Storm or hail damage</summary><div class="mcg-b"><p>Hail and wind can bruise, crack or lift shingles, and damage isn't always visible from the ground. A photo-documented inspection helps with an insurance claim.</p><a href="https://michconn.com/free-inspection" target="_top">Book a Free Inspection</a></div></details>
</div></section>
</div>

Free Roof Tools

Roof Cost Estimator

Want your full quote?

Is It Time for a New Roof?

Your roof may have some life left

🏠 Time for a new roof!

What's wrong with my roof?

Is your attic losing heat?

See how we build your roof, layer by layer