.htr-roof-assessment{--navy:#173f63;--navy-deep:#102f4b;--navy-ink:#18334d;--sky:#61c4e2;--sky-soft:#eef9fc;--brand:#4abed9;--brand-soft:#eef9fc;--white:#fff;--bg:#f4f8fb;--line:#dce6ee;--muted:#526578;--green:#19875d;--amber:#d97706;--shadow:0 24px 60px rgba(13,44,68,.16)}.htr-roof-assessment *{box-sizing:border-box}.htr-roof-assessment{background:#fff0;color:var(--navy-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;min-height:100%;padding:32px 0 0}.htr-roof-assessment .page{background:linear-gradient(rgb(8 37 61 / .62),rgb(8 37 61 / .76)),url(https://images.unsplash.com/photo-1564013799919-ab600027ffc6?auto=format&fit=crop&w=1800&q=80) 50%/cover fixed;min-height:100vh}.htr-roof-assessment .header{align-items:center;background:#fff;border-bottom:1px solid #edf2f5;display:flex;height:82px;justify-content:space-between;padding:0 7vw}.htr-roof-assessment .brand{align-items:center;color:#59bad8;display:flex;font-weight:900;gap:12px}.htr-roof-assessment .brandmark{border-left:5px solid #59bad8;border-radius:3px 0 0 0;border-top:5px solid #59bad8;height:38px;transform:skewX(-32deg) rotate(7deg);width:50px}.htr-roof-assessment .brand small{color:#79c8df;display:block;font-size:10px;letter-spacing:.12em}.htr-roof-assessment .header-actions{display:flex;gap:12px}.htr-roof-assessment .header-actions button{border:0;border-radius:9px;color:#fff;font-weight:800;padding:12px 17px}.htr-roof-assessment .finance{background:#159947}.htr-roof-assessment .quote{background:var(--brand)}.htr-roof-assessment .nav{align-items:center;background:var(--navy);color:#fff;display:flex;height:54px;justify-content:space-between;padding:0 7vw}.htr-roof-assessment .navlinks{display:flex;font-size:14px;gap:32px}.htr-roof-assessment .phone{font-weight:800}.htr-roof-assessment .hero{align-items:start;display:grid;gap:58px;grid-template-columns:1fr 1.03fr;margin:0 auto;max-width:1380px;padding:70px 42px 34px}.htr-roof-assessment .copy{color:#fff;padding-top:26px}.htr-roof-assessment .kicker{background:#55bcd9;border-radius:999px;display:inline-block;font-size:12px;font-weight:800;margin-bottom:24px;padding:6px 11px}.htr-roof-assessment .copy h1{font-size:56px;line-height:1.08;margin:0 0 22px;max-width:650px}.htr-roof-assessment .copy h1 span{color:#67cae7}.htr-roof-assessment .copy p{color:#eef5f8;font-size:19px;line-height:1.6;margin:0 0 28px;max-width:650px}.htr-roof-assessment .copy-actions{display:flex;gap:14px}.htr-roof-assessment .copy-actions button{border-radius:9px;font-size:15px;font-weight:800;padding:15px 23px}.htr-roof-assessment .primary-call{background:var(--brand);border:0;color:#fff}.htr-roof-assessment .secondary-call{background:#fff0;border:1px solid hsl(0 0% 100% / .46);color:#fff}.htr-roof-assessment .widget{background:#fff;border-radius:18px;box-shadow:var(--shadow);color:var(--navy-ink);overflow:hidden}.htr-roof-assessment .widget-head{background:linear-gradient(135deg,var(--navy-deep),var(--navy));color:#fff;padding:18px 20px}.htr-roof-assessment .widget-head .eyebrow{color:#7bd1eb;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.htr-roof-assessment .widget-head h2{color:#fff;font-size:24px;font-weight:700;margin:6px 0 7px}.htr-roof-assessment .widget-head p{color:#d7e6f0;font-size:14px;line-height:1.5;margin:0}.htr-roof-assessment .formbody{padding:18px 20px}.htr-roof-assessment .progress{display:flex;gap:7px;margin-bottom:16px}.htr-roof-assessment .progress span{background:#e8eef3;border-radius:999px;flex:1;height:5px}.htr-roof-assessment .progress span.active{background:linear-gradient(90deg,#53bad7,#86d8ed)}.htr-roof-assessment .meta{display:flex;justify-content:space-between;margin-bottom:14px}.htr-roof-assessment .meta .step{color:#12657c;font-size:11px;font-weight:900;letter-spacing:.12em}.htr-roof-assessment .meta .count{color:var(--muted);font-size:12px}.htr-roof-assessment .question{font-size:21px;font-weight:900;margin:0 0 7px}.htr-roof-assessment .helper{color:var(--muted);font-size:14px;line-height:1.5;margin-bottom:14px}.htr-roof-assessment .options{display:grid;gap:10px;grid-template-columns:1fr 1fr}.htr-roof-assessment .option{background:#fff;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;min-height:64px;padding:12px;transition:all .18s}.htr-roof-assessment .option.selected,.htr-roof-assessment .option:hover{background:#f2fbfe;border-color:#64c4df;box-shadow:0 0 0 3px rgb(79 185 217 / .09);transform:translateY(-1px)}.htr-roof-assessment .option b{display:block;font-size:14px;line-height:1.4;margin-bottom:5px}.htr-roof-assessment .option span{color:var(--muted);display:block;font-size:12px;font-weight:400;line-height:1.4}.htr-roof-assessment .line-icon{background:#f3fbfd;border:1px solid #cfe8f1;border-radius:10px;display:none;height:38px;margin-bottom:12px;position:relative;width:38px}.htr-roof-assessment .line-icon:after,.htr-roof-assessment .line-icon:before{background:#5ebedb;border-radius:2px;content:"";position:absolute}.htr-roof-assessment .line-icon:before{height:2px;left:9px;top:18px;width:18px}.htr-roof-assessment .line-icon:after{height:18px;left:17px;top:10px;width:2px}.htr-roof-assessment .two{display:grid;gap:12px;grid-template-columns:1fr 1fr}.htr-roof-assessment label{display:block;font-size:13px;font-weight:800;margin:10px 0 7px}.htr-roof-assessment label.option{margin:0}.htr-roof-assessment input{border:1.5px solid var(--line);border-radius:10px;font:inherit;outline:none;padding:10px 12px;width:100%}.htr-roof-assessment input:focus{border-color:#5ebedb;box-shadow:0 0 0 3px rgb(94 190 219 / .1)}.htr-roof-assessment .consent{background:#f8fafc;border:1px solid #edf1f4;border-radius:10px;color:#7f8f9e;font-size:11px;line-height:1.55;margin-top:14px;padding:12px}.htr-roof-assessment .actions{display:flex;justify-content:space-between;margin-top:16px}.htr-roof-assessment .actions button{border-radius:10px;font-size:14px;font-weight:900;min-height:44px;padding:10px 14px}.htr-roof-assessment .back{background:#eef2f5;border:0;color:#344f67}.htr-roof-assessment .next{background:linear-gradient(90deg,var(--brand),#69c9e1);border:0;color:#fff;min-width:136px}.htr-roof-assessment .step-panel{display:none}.htr-roof-assessment .step-panel.active{display:block}.htr-roof-assessment .loading{background:linear-gradient(180deg,#fff,#f8fbfd);display:none;padding:28px 20px;text-align:center}.htr-roof-assessment .loading.active{display:block}.htr-roof-assessment .ring{animation:htr-assessment-spin 1s linear infinite;border:5px solid #e7eef3;border-radius:50%;border-top-color:#5ebedb;height:56px;margin:0 auto 20px;width:56px}@keyframes htr-assessment-spin{to{transform:rotate(1turn)}}.htr-roof-assessment .loading h3{font-size:23px;margin:0 0 8px}.htr-roof-assessment .loading p{color:var(--muted);margin:0 0 22px}.htr-roof-assessment .analysis{margin:0 auto;max-width:400px;text-align:left}.htr-roof-assessment .analysis-row{align-items:center;color:#91a1b0;display:flex;font-size:14px;gap:10px;padding:8px 0}.htr-roof-assessment .status-dot{border:2px solid #cbd8e1;border-radius:50%;flex:0 0 auto;height:18px;position:relative;width:18px}.htr-roof-assessment .analysis-row.done{color:#38576e}.htr-roof-assessment .analysis-row.done .status-dot{background:#e8f7fb;border-color:#5ebedb}.htr-roof-assessment .analysis-row.done .status-dot:after{border-bottom:2px solid #48aeca;border-left:2px solid #48aeca;content:"";height:3px;left:4px;position:absolute;top:4px;transform:rotate(-45deg);width:6px}.htr-roof-assessment .result{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 80px rgb(0 0 0 / .25);color:var(--navy-ink);display:none;inset:0;margin:auto;max-height:calc(100dvh - 24px);max-width:none;overflow-y:auto;overscroll-behavior:contain;padding:24px;position:fixed;width:min(600px,calc(100vw - 24px));z-index:2147483647}body.htr-assessment-result-open{overflow:hidden}body.htr-assessment-result-open header.site-header,body.htr-assessment-result-open header.site-header.is-open{z-index:0}.htr-roof-assessment .result[open]{display:block}.htr-roof-assessment .result::backdrop{background:rgb(10 30 45 / .65)}.htr-roof-assessment .result-close{align-items:center;background:#fff;border:1px solid var(--line);border-radius:9px;color:var(--navy-ink);display:flex;font:inherit;font-size:14px;gap:8px;margin:-8px 0 8px auto;min-height:44px;padding:8px 12px}.htr-roof-assessment .result-close span{font-size:24px;line-height:1}.htr-roof-assessment .completed button:focus-visible,.htr-roof-assessment .result button:focus-visible{outline:3px solid var(--navy);outline-offset:3px}.htr-roof-assessment .completed{display:none;padding:20px;text-align:center}.htr-roof-assessment .completed.active{display:block}.htr-roof-assessment .completed h3{font-size:22px;margin:0 0 8px}.htr-roof-assessment .completed p{color:var(--muted);margin:0 0 16px}.htr-roof-assessment .result-label{background:#56bad7;border-radius:999px;color:#fff;display:inline-block;font-size:11px;font-weight:900;letter-spacing:.1em;padding:6px 10px}.htr-roof-assessment .result h3{font-size:24px;margin:10px 0 8px}.htr-roof-assessment .result-intro{color:var(--muted);font-size:14px;line-height:1.55;margin-bottom:18px}.htr-roof-assessment .interpretation{background:#fbfdfe;border:1px solid #dce6ed;border-radius:16px;margin-bottom:14px;padding:12px}.htr-roof-assessment .interpretation h4{font-size:16px;margin:0 0 7px}.htr-roof-assessment .interpretation p{color:#667a8c;font-size:14px;line-height:1.6;margin:0}.htr-roof-assessment .indicators{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:14px}.htr-roof-assessment .indicator{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}.htr-roof-assessment .indicator span{color:#8294a4;display:block;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.htr-roof-assessment .indicator strong{display:block;font-size:16px;margin-top:6px}.htr-roof-assessment .indicator strong.emphasis{color:var(--brand)}.htr-roof-assessment .why{background:#f7fbfd;border:1px solid #d8edf4;border-radius:16px;margin-bottom:14px;padding:12px}.htr-roof-assessment .why h4{font-size:16px;margin:0 0 10px}.htr-roof-assessment .why ul{color:#64788a;font-size:14px;line-height:1.65;margin:0;padding-left:20px}.htr-roof-assessment .recommendation{background:var(--brand-soft);border:1px solid #bfe8f2;border-radius:16px;padding:12px}.htr-roof-assessment .recommendation h4{font-size:17px;margin:0 0 7px}.htr-roof-assessment .recommendation p{color:#6d7c89;font-size:14px;line-height:1.55;margin:0 0 14px}.htr-roof-assessment .cta-row{display:flex;flex-wrap:wrap;gap:10px}.htr-roof-assessment .cta-primary{align-items:center;background:var(--brand);border:0;border-radius:10px;color:#fff!important;cursor:pointer;display:inline-flex;font-size:14px;font-weight:900;justify-content:center;min-height:44px;padding:10px 14px;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.htr-roof-assessment .cta-primary:hover{background:#38aac7;box-shadow:0 8px 18px rgb(74 190 217 / .25);transform:translateY(-1px)}.htr-roof-assessment .call-note{color:#6d7c89;font-size:13px;line-height:1.5;margin:12px 0 0}.htr-roof-assessment .call-note a{color:var(--navy);font-weight:900;text-decoration:none}.htr-roof-assessment .call-note a:hover{text-decoration:underline}.htr-roof-assessment .disclaimer{color:#8797a5;font-size:11px;line-height:1.5;margin-top:14px}.htr-roof-assessment .trustrow{display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin:28px auto 0;max-width:1380px;padding:0 42px 36px}.htr-roof-assessment .trust{border-top:1px solid hsl(0 0% 100% / .2);color:#fff;padding-top:16px}.htr-roof-assessment .trust b{display:block}.htr-roof-assessment .trust span{color:#c7d4de;display:block;font-size:13px;margin-top:3px}@media (max-width:1000px){.htr-roof-assessment .hero{grid-template-columns:1fr;padding-top:46px}.htr-roof-assessment .copy h1{font-size:46px}.htr-roof-assessment .trustrow{grid-template-columns:1fr}}@media (max-width:680px){.htr-roof-assessment .header,.htr-roof-assessment .nav{padding-left:18px;padding-right:18px}.htr-roof-assessment .header-actions,.htr-roof-assessment .navlinks{display:none}.htr-roof-assessment .hero{padding:32px 18px}.htr-roof-assessment .copy h1{font-size:38px}.htr-roof-assessment .indicators,.htr-roof-assessment .options,.htr-roof-assessment .two{grid-template-columns:1fr}.htr-roof-assessment .trustrow{padding:0 18px 28px}}.htr-roof-assessment .option{position:relative}.htr-roof-assessment .option input[type=radio]{height:1px;opacity:.01;pointer-events:none;position:absolute;width:1px}.htr-roof-assessment .assessment-output{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--navy-ink);font-size:16px;font-weight:900;line-height:1.25;margin-top:6px;padding:0!important}.htr-roof-assessment .assessment-output.emphasis{color:var(--brand)}.htr-roof-assessment .field-error{background:#fff6f6;border:1px solid #f0caca;border-radius:9px;color:#9b2c2c;display:none;font-size:12px;line-height:1.4;margin:12px 0 0;padding:10px 12px}.htr-roof-assessment .field-error.show{display:block}.htr-roof-assessment .form-only-wrap{margin:0 auto;max-width:600px;width:100%}.htr-roof-assessment .widget{width:100%}@media (max-width:640px){.htr-roof-assessment{padding:12px}.htr-roof-assessment .result{border-radius:16px;padding:16px}.htr-roof-assessment .formbody{padding:16px}.htr-roof-assessment .form-only-wrap{max-width:100%}}.htr-roof-assessment button{cursor:pointer}.htr-roof-assessment button:disabled{cursor:not-allowed;opacity:.55}.htr-roof-assessment .option:focus-within{outline:3px solid var(--navy);outline-offset:3px}.htr-roof-assessment .question:focus,.htr-roof-assessment .result:focus{outline:none}@media (prefers-reduced-motion:reduce){.htr-roof-assessment *,.htr-roof-assessment :after,.htr-roof-assessment :before{animation:none!important;transition:none!important}}