/* Scoped to the new draft; shared approved styles remain byte-identical. */
.roofing-new section{scroll-margin-top:100px}.roofing-new .hero{min-height:510px}.roofing-new .hero .wrap{padding-block:52px}.roofing-new .hero-box{max-width:640px}.roofing-new .hero h1{font-size:clamp(38px,4.5vw,60px)}.roofing-new .hero-points{font-size:15px;gap:8px 18px}.roofing-new .hero-points .hero-dot{background:#d7e8dc;width:5px;height:5px;margin-inline:0}.roofing-new .sec-head{margin-bottom:28px}.roofing-new .sec-head h2{font-size:clamp(30px,3vw,42px)}.roofing-new .section-intro{max-width:76ch;color:var(--muted);margin:0 0 28px}.roofing-new .svc p{font-size:16px}.roofing-new .planning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.roofing-new .planning-card{padding:24px;background:white;border:1px solid var(--line);border-radius:14px}.roofing-new .planning-card h3{font-family:inherit;font-size:20px;line-height:1.2;margin:0 0 9px;color:var(--brand)}.roofing-new .planning-card p{margin:0;color:var(--muted)}.roofing-new .inline-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;border-radius:14px;padding:26px 30px;background:var(--tint);margin-top:28px}.roofing-new .inline-cta h3{font-size:25px;margin:0 0 6px}.roofing-new .inline-cta p{margin:0;color:var(--muted)}.roofing-new .inline-cta .call{flex-shrink:0}.roofing-new .material-table{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.roofing-new table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}.roofing-new caption{text-align:left;padding:16px 20px;font-weight:700;background:var(--brand);color:#fff}.roofing-new th,.roofing-new td{padding:19px 20px;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.roofing-new thead{background:var(--tint)}.roofing-new tbody th{color:var(--brand)}.roofing-new tbody tr:last-child>*{border:0}.roofing-new .source-note{font-size:14px;color:var(--muted);max-width:95ch}.roofing-new .call-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;gap:26px;margin:0}.roofing-new .call-steps h3{font-family:inherit;font-size:22px;margin:17px 0 8px}.roofing-new .call-steps p{color:var(--muted);margin:0}.roofing-new .step-number{display:grid;place-items:center;width:48px;height:48px;background:var(--brand);color:white;border-radius:12px;font-size:22px;font-weight:800}.roofing-new .coverage{margin-top:32px;padding:24px;border-left:4px solid var(--brand);background:var(--alt);scroll-margin-top:100px}.roofing-new .coverage h3{font-family:inherit;font-size:20px}.roofing-new .coverage p{margin:8px 0 0}.roofing-new .cta-band .eyebrow{color:#cfdfd4}.roofing-new .call small{font-size:14px}.roofing-new .call{min-height:58px}.roofing-new footer{font-size:14px}
@media(max-width:800px){.roofing-new .planning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roofing-new .inline-cta{align-items:flex-start;flex-direction:column}.roofing-new .call-steps{grid-template-columns:1fr}.roofing-new .call-steps li{display:flex;gap:18px}.roofing-new .step-number{flex-shrink:0}.roofing-new .call-steps h3{margin-top:0}}
@media(max-width:560px){.roofing-new .topbar .wrap span:last-child{display:none}.roofing-new .hero{min-height:0}.roofing-new .hero .wrap{padding-block:28px}.roofing-new .hero h1{font-size:34px;line-height:1.08;margin-bottom:16px}.roofing-new .hero p.lead{font-size:17px;line-height:1.45;margin-bottom:20px}.roofing-new .hero-points{font-size:14px;display:grid;gap:8px;margin-top:18px}.roofing-new .hero .eyebrow{font-size:12px}.roofing-new .hero .call,.roofing-new .inline-cta .call{width:100%;justify-content:center}.roofing-new section{padding-block:44px}.roofing-new .planning-grid{grid-template-columns:1fr}.roofing-new .planning-card{padding:22px}.roofing-new .inline-cta{padding:22px;gap:18px}.roofing-new .inline-cta h3{font-size:23px}.roofing-new .material-table{overflow:visible;background:none;border:0}.roofing-new table,.roofing-new tbody{display:block}.roofing-new caption{display:block;border-radius:10px;margin-bottom:12px}.roofing-new thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.roofing-new tr{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:12px}.roofing-new th,.roofing-new td{display:block;border:0;padding:5px 0}.roofing-new tbody th{font-size:20px;margin-bottom:8px}.roofing-new tbody td:nth-child(2)::before{content:'Look: ';font-weight:700}.roofing-new tbody td:nth-child(3)::before{content:'Lifespan guideline: ';font-weight:700}.roofing-new tbody td:nth-child(4)::before{content:'Suitable uses: ';font-weight:700}.roofing-new .call small{font-size:14px}.roofing-new .call strong{font-size:23px}.roofing-new{padding-bottom:calc(100px + env(safe-area-inset-bottom))}}

.roofing-new .warning-section.light-signs{background:#f5f7f6;color:#143d30}.roofing-new .light-signs .warning-heading{grid-template-columns:1.2fr 1fr;gap:48px}.roofing-new .light-signs .warning-heading h2{font-size:clamp(34px,3.5vw,48px);max-width:20ch}.roofing-new .light-signs .warning-heading .eyebrow{color:#b44f0b}.roofing-new .light-signs .warning-heading>p{color:var(--muted)}.roofing-new .light-signs .warning-layout{display:block}.roofing-new .light-signs .sign-photo-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px}.roofing-new .light-signs .sign-photo-strip figure{min-height:240px;height:240px;border-radius:14px}.roofing-new .light-signs .sign-photo-strip img{position:absolute;width:100%;height:100%;object-fit:cover}.roofing-new .light-signs .sign-photo-strip figcaption{color:#fff;font-size:20px;font-weight:700;padding:45px 20px 20px}.roofing-new .light-signs .warning-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.roofing-new .light-signs .warning-grid article{border:1px solid #dce5df;border-radius:14px;background:#fff;padding:24px;box-shadow:0 5px 18px #143d3005}.roofing-new .light-signs .editorial-number{display:inline-grid;place-items:center;width:44px;height:34px;border-radius:7px;background:#fff0e5;color:#a84808;font-size:16px}.roofing-new .light-signs .warning-grid h3{font-size:23px;color:#143d30;margin:14px 0 10px}.roofing-new .light-signs .warning-grid p{color:var(--muted);line-height:1.55}.roofing-new .light-signs .signs-call{border-top:1px solid #d6e1da;margin-top:30px;padding-top:28px}.roofing-new .light-signs .signs-call p{color:var(--muted)}.roofing-new .light-signs .signs-call .call{background:#217b48;color:#fff}
@media(max-width:900px){.roofing-new .light-signs .warning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roofing-new .light-signs .sign-photo-strip figure{min-height:200px;height:200px}.roofing-new .light-signs .warning-heading{gap:24px}}
@media(max-width:560px){.roofing-new .light-signs .warning-heading{grid-template-columns:1fr;gap:20px}.roofing-new .light-signs .warning-heading h2{font-size:35px}.roofing-new .light-signs .sign-photo-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.roofing-new .light-signs .sign-photo-strip figure:first-child{grid-column:span 2;min-height:220px;height:220px}.roofing-new .light-signs .sign-photo-strip figure{min-height:165px;height:165px}.roofing-new .light-signs .sign-photo-strip figcaption{font-size:17px;padding:35px 14px 14px}.roofing-new .light-signs .warning-grid{grid-template-columns:1fr;gap:14px}.roofing-new .light-signs .warning-grid article{padding:22px}.roofing-new .light-signs .warning-grid h3{font-size:22px}.roofing-new .light-signs .signs-call h3{font-size:26px}}
.roofing-new .steps-band .sec-head h2{max-width:none}.roofing-new .steps-band .sec-head{margin-bottom:38px}.roofing-new .hire-section{background:#edf2f0}.roofing-new .hire-layout{display:grid;grid-template-columns:.85fr 1.5fr;gap:44px;align-items:stretch}.roofing-new .hire-heading{padding:36px;background:#143d30;color:#fff;border-radius:18px;display:flex;flex-direction:column;justify-content:center}.roofing-new .hire-heading .eyebrow{color:#ffae73}.roofing-new .hire-heading h2{font-size:clamp(34px,3vw,44px);line-height:1.08;margin:0 0 22px}.roofing-new .hire-heading>p:last-of-type{color:#dce8e1;margin:0}.roofing-new .hire-summary{display:flex;align-items:center;gap:20px;margin-top:36px;padding-top:22px;border-top:1px solid #527162}.roofing-new .hire-summary strong{font:700 76px/1 Georgia,serif;color:#ffae73}.roofing-new .hire-summary span{font-size:18px;line-height:1.4;color:#e3ece7}.roofing-new .hire-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.roofing-new .hire-grid article{padding:24px;background:#fff;border-radius:14px;box-shadow:0 8px 22px #143d3008;border:1px solid #dde7e1;position:relative}.roofing-new .question-number{display:inline-grid;place-items:center;height:36px;width:44px;border-radius:8px;background:#fff0e5;color:#ad4c09;font-size:16px;font-weight:800;margin-bottom:16px}.roofing-new .hire-grid h3{font-family:inherit;font-size:22px;color:#143d30;margin:0 0 8px}.roofing-new .hire-grid p{margin:0;color:var(--muted)}
@media(max-width:900px){.roofing-new .hire-layout{grid-template-columns:1fr;gap:24px}.roofing-new .hire-heading{padding:30px}.roofing-new .hire-summary{margin-top:22px}.roofing-new .hire-heading h2 br{display:none}}
@media(max-width:560px){.roofing-new .hire-grid{grid-template-columns:1fr;gap:14px}.roofing-new .hire-grid article{padding:22px}.roofing-new .hire-heading h2{font-size:35px}.roofing-new .hire-heading{padding:26px}.roofing-new .hire-summary strong{font-size:64px}.roofing-new .hire-summary span{font-size:17px}}
.roofing-new .warning-section{background:#143d30;color:white;padding-block:72px}.roofing-new .warning-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:60px;margin-bottom:36px}.roofing-new .warning-heading h2{font-size:clamp(34px,4vw,52px);line-height:1.07}.roofing-new .warning-heading .eyebrow{color:#f8a95f}.roofing-new .warning-heading>p{color:#d5e3dd;margin:0}.roofing-new .warning-layout{display:grid;grid-template-columns:.85fr 1.4fr;gap:30px}.roofing-new .warning-layout figure{margin:0;position:relative;min-height:400px;overflow:hidden;border-radius:16px}.roofing-new .warning-layout img{width:100%;height:100%;object-fit:cover;position:absolute}.roofing-new .warning-layout figcaption{position:absolute;bottom:0;padding:32px 24px 22px;background:linear-gradient(transparent,rgba(0,0,0,.85));font-size:16px;width:100%}.roofing-new .warning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px}.roofing-new .warning-grid article{border-top:1px solid #517062;padding-top:16px}.roofing-new .editorial-number{color:#ea782b;font-size:17px;font-weight:800;letter-spacing:.08em}.roofing-new .warning-grid h3{font-family:inherit;font-size:22px;margin:8px 0}.roofing-new .warning-grid p{color:#d5e3dd;margin:0;line-height:1.5}.roofing-new .signs-call{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:38px;padding-top:30px;border-top:1px solid #517062}.roofing-new .signs-call h3{font-size:27px;margin:0 0 8px}.roofing-new .signs-call p{margin:0;color:#d5e3dd}.roofing-new .signs-call .call{flex-shrink:0;background:#fff;color:#143d30}.roofing-new .price-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:54px}.roofing-new .price-visual{position:relative;overflow:hidden;border-radius:16px;min-height:660px;background:#143d30}.roofing-new .price-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.roofing-new .price-visual>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:end;padding:36px;background:linear-gradient(transparent 20%,rgba(9,29,23,.95));color:white}.roofing-new .price-visual h2{font-size:clamp(34px,3.5vw,48px);line-height:1.08;margin:0 0 20px}.roofing-new .price-visual .eyebrow{color:#ffb077}.roofing-new .price-visual p:last-child{margin:0;max-width:36ch;color:#edf3ef}.roofing-new .price-factors article{display:flex;gap:20px;padding:19px 0;border-bottom:1px solid var(--line)}.roofing-new .price-factors article:first-child{padding-top:0}.roofing-new .price-factors h3{font-family:inherit;color:var(--brand);font-size:22px;margin:0 0 7px}.roofing-new .price-factors p{margin:0;color:var(--muted)}.roofing-new .quote-note{border-left:4px solid #ea782b;padding:16px 20px;background:var(--alt);margin-top:24px!important}.roofing-new .story h2{max-width:14ch}.roofing-new .story img{border-radius:16px}.roofing-new .why .sec-head h2{max-width:none}.roofing-new .why-item{border-left:4px solid #ea782b}.roofing-new .homes-section{background:#f3f6f5}.roofing-new .home-mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.roofing-new .home-mosaic figure{margin:0;position:relative;overflow:hidden;border-radius:14px;min-height:260px;background:#143d30}.roofing-new .home-mosaic figure:first-child,.roofing-new .home-mosaic figure:nth-child(6){grid-column:span 2}.roofing-new .home-mosaic img{width:100%;height:100%;position:absolute;object-fit:cover;transition:transform .4s}.roofing-new .home-mosaic figure:hover img{transform:scale(1.03)}.roofing-new .home-mosaic figcaption{position:absolute;bottom:0;width:100%;padding:45px 20px 20px;background:linear-gradient(transparent,rgba(0,0,0,.82));color:white}.roofing-new .home-mosaic h3{font-family:inherit;font-size:21px;margin:0 0 4px}.roofing-new .home-mosaic p{font-size:15px;margin:0;color:#e3ece7}.roofing-new .homes-section h2{font-size:clamp(34px,4vw,50px);max-width:none}.roofing-new .planning-card{border-top:3px solid var(--brand)}
@media(max-width:900px){.roofing-new .warning-heading{gap:25px}.roofing-new .warning-layout{grid-template-columns:1fr}.roofing-new .warning-layout figure{min-height:320px}.roofing-new .price-layout{gap:28px}.roofing-new .home-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.roofing-new .signs-call{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.roofing-new .warning-section{padding-block:44px}.roofing-new .warning-heading,.roofing-new .price-layout{grid-template-columns:1fr;gap:24px}.roofing-new .warning-heading h2{font-size:35px}.roofing-new .warning-layout figure{min-height:270px}.roofing-new .warning-grid{gap:20px}.roofing-new .warning-grid h3{font-size:20px}.roofing-new .warning-grid p{font-size:16px}.roofing-new .signs-call .call{width:100%;justify-content:center}.roofing-new .price-visual{min-height:390px}.roofing-new .price-visual>div{padding:26px}.roofing-new .price-visual h2{font-size:37px}.roofing-new .home-mosaic{gap:12px}.roofing-new .home-mosaic figure{min-height:225px}.roofing-new .home-mosaic figure:first-child,.roofing-new .home-mosaic figure:nth-child(6){min-height:280px}.roofing-new .home-mosaic figcaption{padding:40px 14px 16px}.roofing-new .home-mosaic h3{font-size:19px}.roofing-new .home-mosaic p{font-size:14px}.roofing-new .story img{max-height:420px}.roofing-new .why img{max-height:400px;object-fit:cover}}