.roofing-page{--navy:#0b1b2f;--navy-2:#10253f;--ink:#101d2d;--muted:#607083;--green:#18e299;--green-deep:#07965f;--green-soft:#e9fff6;--paper:#fff;--soft:#f5f7f6;--soft-blue:#f2f6fa;--line:#dfe6e3;--warning:#fff8df;--warning-line:#efd277;--radius:22px;--radius-lg:32px;--shadow:0 24px 70px #0d1f331f}.roofing-page *{box-sizing:border-box}.roofing-page{background:var(--paper);color:var(--ink);font-family:var(--font-inter),ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}.roofing-page button,.roofing-page input,.roofing-page select{font:inherit}.roofing-page a{color:inherit;text-decoration:none}.roofing-page img{max-width:100%;display:block}.roofing-page h1,.roofing-page h2,.roofing-page h3,.roofing-page p{margin-top:0}.roofing-page .container{width:min(1180px,100% - 48px);margin-inline:auto}.roofing-page .prototype-bar{background:var(--navy);color:#dce6f1;letter-spacing:.02em;font-size:12px}.roofing-page .prototype-inner{justify-content:space-between;align-items:center;min-height:34px;display:flex}.roofing-page .prototype-inner nav{align-self:stretch;display:flex}.roofing-page .prototype-inner nav a{border-inline-start:1px solid #ffffff1f;place-items:center;min-width:64px;transition:all .16s;display:grid}.roofing-page .prototype-inner nav a:last-child{border-inline-end:1px solid #ffffff1f}.roofing-page .prototype-inner nav a:hover,.roofing-page .prototype-inner nav a.active{color:var(--navy);background:var(--green)}.roofing-page .site-header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffed;border-bottom:1px solid #0f223614;position:sticky;top:0}.roofing-page .header-inner{grid-template-columns:180px 1fr auto;align-items:center;gap:36px;height:78px;display:grid}.roofing-page .brand{width:138px}.roofing-page .brand img,.roofing-page .footer-top img{width:100%;height:auto}.roofing-page .main-nav{color:#354559;justify-self:center;gap:30px;font-size:14px;font-weight:550;display:flex}.roofing-page .main-nav a{transition:color .15s}.roofing-page .main-nav a:hover{color:var(--green-deep)}.roofing-page .button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:11px;min-height:48px;padding:0 21px;font-size:14px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.roofing-page .button:hover{transform:translateY(-1px)}.roofing-page .button span{font-size:16px;font-weight:500}.roofing-page .button-dark{color:#fff;background:var(--navy)}.roofing-page .button-dark:hover{box-shadow:0 10px 22px #0b1b2f2e}.roofing-page .button-green{color:#09291d;background:var(--green);box-shadow:0 10px 24px #18e29938}.roofing-page .button-green:hover{background:#2ce8a4;box-shadow:0 14px 30px #18e29947}.roofing-page .button-light{color:var(--navy);background:#fff;border-color:#ccd7d2}.roofing-page .button-light:hover{background:var(--soft)}.roofing-page .button-wide{width:100%}.roofing-page .section-cta{background:linear-gradient(135deg,#fffffffa,#f4f9f7fa);border:1px solid #cad8d3;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;margin-top:34px;padding:24px 26px;display:grid;box-shadow:0 14px 34px #0f263c12}.roofing-page .section-cta-copy{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;min-width:0;display:grid}.roofing-page .section-cta-kicker{color:#075f42;background:var(--green-soft);letter-spacing:.08em;text-align:center;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-width:92px;min-height:38px;padding:0 13px;font-size:9px;font-weight:850;display:inline-flex}.roofing-page .section-cta h3{color:var(--navy);letter-spacing:-.032em;margin:0;font-size:24px;line-height:1.15}.roofing-page .section-cta p{color:#617484;max-width:720px;margin:6px 0 0;font-size:13px;line-height:1.55}.roofing-page .section-cta-actions{justify-content:flex-end;align-items:center;gap:17px;display:flex}.roofing-page .section-cta-actions .button{white-space:nowrap}.roofing-page .section-cta-link{color:#344b5d;white-space:nowrap;align-items:center;gap:7px;font-size:12px;font-weight:780;display:inline-flex}.roofing-page .section-cta-link span{color:var(--green-deep)}.roofing-page .section-cta-mint{background:linear-gradient(135deg,#edfbf5,#f8fdfb 70%);border-color:#b6dfcf}.roofing-page .section-cta-dark{background:radial-gradient(circle at 92% 18%,#18e2992e,transparent 30%),var(--navy);border-color:#ffffff1a;box-shadow:0 20px 44px #0f263c29}.roofing-page .section-cta-dark .section-cta-kicker{color:#073c2b;background:var(--green)}.roofing-page .section-cta-dark h3{color:#fff}.roofing-page .section-cta-dark p{color:#b9c8d3}.roofing-page .section-cta-dark .section-cta-link{color:#fff}.roofing-page .hero-section{background:radial-gradient(circle at 5% 5%,#18e2991f,#0000 25%),radial-gradient(circle at 90% 85%,#2f76bb1c,#0000 30%),linear-gradient(#fbfdfc 0%,#f5f8f7 100%);padding:96px 0 80px;position:relative;overflow:hidden}.roofing-page .hero-section:before{content:"";opacity:.34;pointer-events:none;background-image:linear-gradient(#0b1b2f0b 1px,#0000 1px),linear-gradient(90deg,#0b1b2f0b 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.roofing-page .hero-grid{grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);align-items:center;gap:72px;display:grid;position:relative}.roofing-page .hero-copy{padding:8px 0}.roofing-page .eyebrow,.roofing-page .section-label{color:var(--green-deep);letter-spacing:.105em;text-transform:uppercase;align-items:center;gap:9px;font-size:12px;font-weight:800;line-height:1.2;display:inline-flex}.roofing-page .eyebrow i{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #18e29926}.roofing-page .hero-copy h1{max-width:690px;color:var(--navy);letter-spacing:-.058em;margin:22px 0 24px;font-size:clamp(52px,5.8vw,76px);font-weight:730;line-height:.98}.roofing-page .hero-body{color:#4e6073;max-width:610px;margin-bottom:31px;font-size:19px;line-height:1.65}.roofing-page .button-row{flex-wrap:wrap;gap:12px;display:flex}.roofing-page .hero-cta-group{justify-items:start;gap:12px;display:grid}.roofing-page .hero-email-capture{width:min(100%,560px)}.roofing-page .hero-email-form{background:#fff;border:1px solid #cbd8d3;border-radius:999px;align-items:center;width:100%;min-width:0;padding:5px;transition:border-color .16s,box-shadow .16s;display:flex;box-shadow:0 13px 32px #0b1b2f14}.roofing-page .hero-email-form:focus-within{border-color:var(--green-deep);box-shadow:0 13px 32px #0b1b2f14,0 0 0 4px #18e29921}.roofing-page .hero-email-form input{min-width:0;height:48px;color:var(--navy);background:0 0;border:0;outline:0;flex:1;padding:0 17px;font-size:14px}.roofing-page .hero-email-form input::placeholder{color:#7f8d99}.roofing-page .hero-email-form .button{flex:none;min-height:48px;padding-inline:22px}.roofing-page .hero-email-status{color:#778695;min-height:16px;margin:7px 0 0 17px;font-size:9px;transition:color .15s}.roofing-page .hero-email-status.visible{color:var(--green-deep);font-weight:720}.roofing-page .hero-explore-link{color:#304357;border-radius:999px;align-items:center;gap:9px;min-height:42px;padding:0 15px;font-size:12px;font-weight:760;transition:color .15s,background .15s;display:inline-flex}.roofing-page .hero-explore-link:hover{color:var(--green-deep);background:#18e29914}.roofing-page .hero-explore-link span{font-size:14px}.roofing-page .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.roofing-page .micro-proof{color:#687789;flex-wrap:wrap;gap:8px 14px;margin:24px 0 0;font-size:12px;display:flex}.roofing-page .micro-proof span{color:var(--green-deep);font-weight:900}.roofing-page .routing-visual{box-shadow:var(--shadow);background:#fffffff0;border:1px solid #0d233b1f;border-radius:28px;padding:18px;position:relative}.roofing-page .routing-visual:after{content:"";z-index:-1;background:var(--green);opacity:.18;border-radius:34px;width:170px;height:170px;position:absolute;bottom:-31px;right:-28px;transform:rotate(8deg)}.roofing-page .routing-top,.roofing-page .conversation-top{color:#6b7888;letter-spacing:.065em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:11px;font-weight:750;display:flex}.roofing-page .status{color:var(--green-deep);align-items:center;gap:7px;display:flex}.roofing-page .status i,.roofing-page .live-dot{background:var(--green);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #18e29926}.roofing-page .caller-card{border:1px solid var(--line);background:#fbfcfc;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;margin-top:16px;padding:16px;display:grid}.roofing-page .avatar{width:42px;height:42px;color:var(--navy);background:#dff7ed;border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.roofing-page .caller-card b,.roofing-page .caller-card small{display:block}.roofing-page .caller-card b{color:var(--navy);font-size:13px}.roofing-page .caller-card small{color:#8190a0;margin-top:3px;font-size:11px}.roofing-page .waveform{color:var(--green-deep);letter-spacing:2px}.roofing-page .summary-card{color:#dce6ef;background:var(--navy);border-radius:17px;margin-top:11px;padding:20px}.roofing-page .summary-card>span,.roofing-page .route-card div>span{color:#8ca0b3;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:800}.roofing-page .summary-card p{margin:9px 0 14px;font-size:14px;line-height:1.55}.roofing-page .signal-row{flex-wrap:wrap;gap:6px;display:flex}.roofing-page .signal-row span{color:#127c55;background:var(--green-soft);border:1px solid #18e2993b;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:750}.roofing-page .summary-card .signal-row span{color:#aef3d6;background:#18e2991a}.roofing-page .route-card{background:#effcf7;border:1px solid #c5eedf;border-radius:17px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;margin-top:11px;padding:16px;display:grid}.roofing-page .route-icon,.roofing-page .route-check{width:35px;height:35px;color:var(--green-deep);background:#fff;border-radius:12px;place-items:center;font-weight:900;display:grid}.roofing-page .route-card strong,.roofing-page .route-card p{display:block}.roofing-page .route-card strong{color:var(--navy);margin-top:3px;font-size:14px}.roofing-page .route-card p{color:#60776f;margin:4px 0 0;font-size:11px}.roofing-page .routing-footer{color:#738394;letter-spacing:.035em;text-transform:uppercase;justify-content:center;align-items:center;gap:8px;margin-top:15px;font-size:9px;font-weight:750;display:flex}.roofing-page .routing-footer i{background:#ced8d4;width:16px;height:1px}.roofing-page .proof-section{background:radial-gradient(circle at 92% -20%,#18e29938,transparent 34%),radial-gradient(circle at 5% 130%,#2e69a138,transparent 34%),var(--navy);border-block:0;padding:52px 0;overflow:hidden}.roofing-page .proof-section-heading{flex-direction:column;align-items:flex-start;gap:9px;display:flex}.roofing-page .proof-section-heading p{color:#c4d1da;text-align:left;max-width:680px;margin:0;font-size:14px;line-height:1.55}.roofing-page .proof-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px;display:grid}.roofing-page .proof-grid article{background:#ffffff13;border:1px solid #ffffff24;border-radius:20px;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;min-height:160px;padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.roofing-page .proof-grid article:after{content:"";border:18px solid #18e29921;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-70px;right:-55px}.roofing-page .proof-grid strong{color:var(--green);letter-spacing:-.052em;font-size:clamp(48px,4.5vw,64px);font-weight:760;line-height:.92}.roofing-page .proof-grid b,.roofing-page .proof-grid span{display:block}.roofing-page .proof-grid b{color:#fff;font-size:16px;line-height:1.35}.roofing-page .proof-grid span{color:#b8c8d3;margin-top:7px;font-size:12px;line-height:1.5}.roofing-page .review-note{border:1px solid var(--warning-line);color:#786021;background:var(--warning);border-radius:8px;width:fit-content;margin:14px 0 0;padding:7px 11px;font-size:10px;line-height:1.45}.roofing-page .customer-logo-section{border-bottom:1px solid var(--line);background:#fff;padding:56px 0 62px}.roofing-page .customer-logo-heading{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.roofing-page .customer-logo-heading h2{color:var(--navy);letter-spacing:-.04em;margin:10px 0 0;font-size:clamp(28px,3vw,40px)}.roofing-page .customer-logo-heading p{color:#657687;text-align:left;max-width:680px;margin:0;font-size:13px;line-height:1.55}.roofing-page .customer-logo-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.roofing-page .customer-logo-grid>div{color:#6d7f86;background:linear-gradient(145deg,#fbfdfc,#eef5f2);border:1px dashed #b7c8c2;border-radius:13px;align-content:center;place-items:center;gap:4px;min-width:0;min-height:92px;display:grid;box-shadow:0 10px 26px #0f263c0b}.roofing-page .customer-logo-grid span{font-size:10px;font-weight:780}.roofing-page .customer-logo-grid small{color:#a8b1b3;letter-spacing:.08em;text-transform:uppercase;font-size:7px}.roofing-page .logo-review-note{border:1px solid var(--warning-line);color:#786021;background:var(--warning);border-radius:9px;margin:13px 0 0;padding:9px 12px;font-size:9px;line-height:1.45}.roofing-page .call-pattern-section{background:#fff;overflow:hidden}.roofing-page .call-pattern-heading{text-align:center;max-width:940px}.roofing-page .call-pattern-heading h2{color:var(--navy);letter-spacing:-.052em;margin:15px auto 0;font-size:clamp(38px,4.8vw,64px);font-weight:720;line-height:1.04}.roofing-page .call-pattern-heading h2 em{color:var(--green-deep);font-style:normal}.roofing-page .call-pattern-heading>p{max-width:720px;color:var(--muted);margin:21px auto 0;font-size:17px;line-height:1.65}.roofing-page .inbound-chart-card{background:#fff;border:1px solid #d6e0dd;border-radius:26px;margin-top:48px;overflow:hidden;box-shadow:0 22px 55px #0f263c14}.roofing-page .inbound-chart-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:78px;padding:18px 24px;display:flex}.roofing-page .inbound-chart-header>div:first-child>span{color:var(--navy);font-size:11px;font-weight:790}.roofing-page .inbound-chart-header>div:first-child>p{color:#7b8996;margin:4px 0 0;font-size:9px}.roofing-page .chart-legend{color:#596d7f;flex-wrap:wrap;gap:15px;font-size:10px;font-weight:720;display:flex}.roofing-page .chart-legend span{align-items:center;gap:7px;display:inline-flex}.roofing-page .chart-legend i{border-radius:3px;width:10px;height:10px}.roofing-page .chart-legend i.office-open{background:#246398}.roofing-page .chart-legend i.after-hours{background:#15a493}.roofing-page .inbound-chart-scroll{overflow-x:auto}.roofing-page .inbound-chart-inner{min-width:820px;padding:24px 24px 15px}.roofing-page .chart-periods{color:var(--green-deep);text-align:center;grid-template-columns:8fr 9fr 7fr;margin-left:48px;font-size:11px;font-weight:820;display:grid}.roofing-page .chart-periods span:nth-child(2){color:#246398}.roofing-page .inbound-chart-body{grid-template-columns:42px 1fr;gap:6px;margin-top:10px;display:grid}.roofing-page .chart-y-axis{color:#8694a1;text-align:right;flex-direction:column;justify-content:space-between;height:320px;padding:25px 0 31px;font-size:9px;display:flex}.roofing-page .call-chart-plot{background-image:repeating-linear-gradient(0deg,#0000 0 calc(33.333% - 1px),#e0e7e4 33.333%);grid-template-columns:repeat(24,minmax(0,1fr));gap:4px;height:320px;display:grid;position:relative}.roofing-page .chart-tooltip{z-index:4;color:#fff;background:var(--navy);pointer-events:none;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-width:164px;padding:9px 11px;font-size:9px;transition:left .16s;display:flex;position:absolute;top:12px;transform:translate(-50%);box-shadow:0 9px 22px #0b1b2f2e}.roofing-page .chart-tooltip b{font-size:10px}.roofing-page .chart-tooltip span{color:#c7d3dd}.roofing-page .call-bar-column{grid-template-rows:290px 30px;min-width:0;height:320px;display:grid}.roofing-page .call-bar-column button{cursor:pointer;background:0 0;border:0;align-items:flex-end;min-width:0;height:290px;padding:0;display:flex}.roofing-page .call-bar-column button>span{opacity:.9;transform-origin:bottom;border-radius:7px 7px 2px 2px;width:100%;min-height:5px;transition:opacity .15s,transform .15s,filter .15s;display:block}.roofing-page .call-bar-column button:hover>span,.roofing-page .call-bar-column button>span.active{opacity:1;filter:saturate(1.15);transform:scaleX(1.08)}.roofing-page .call-bar-column button>span.office-open{background:#246398}.roofing-page .call-bar-column button>span.after-hours{background:#15a493}.roofing-page .call-bar-column button>span.active{box-shadow:0 0 0 3px #18e29933}.roofing-page .call-bar-column small{color:#8392a0;text-align:center;padding-top:8px;font-size:9px}.roofing-page .chart-source-note{border-top:1px solid var(--line);color:#89969f;background:#fafcfb;margin:0;padding:12px 24px;font-size:8px}.roofing-page .section{padding:112px 0}.roofing-page .split-heading{grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr);align-items:end;gap:80px;display:grid}.roofing-page .split-heading h2,.roofing-page .section-heading h2,.roofing-page .dark-heading h2,.roofing-page .partner-grid h2,.roofing-page .case-grid h2,.roofing-page .faq-grid h2,.roofing-page .final-grid h2{color:var(--navy);letter-spacing:-.048em;margin:15px 0 0;font-size:clamp(38px,4.2vw,58px);font-weight:720;line-height:1.05}.roofing-page .split-heading>p,.roofing-page .section-heading>p,.roofing-page .partner-grid>div>p,.roofing-page .case-grid>div>p,.roofing-page .faq-grid>div>p,.roofing-page .final-grid>div>p{color:var(--muted);margin:0;font-size:16px;line-height:1.72}.roofing-page .calculator-section{background:var(--soft)}.roofing-page .calculator-shell{border:1px solid var(--line);border-radius:var(--radius-lg);grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);min-width:0;margin-top:48px;display:grid;overflow:hidden;box-shadow:0 22px 60px #0e233814}.roofing-page .calculator-inputs{background:#fafcfb;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;min-width:0;padding:38px;display:grid;overflow:hidden}.roofing-page .calc-field{min-width:0}.roofing-page .calc-field>span:first-child,.roofing-page .prototype-form label>span{color:#576879;margin-bottom:8px;font-size:11px;font-weight:750;display:block}.roofing-page .input-wrap{background:#fff;border:1px solid #ced9d5;border-radius:13px;align-items:center;width:100%;min-width:0;height:58px;padding:0 15px;transition:border .15s,box-shadow .15s;display:flex;overflow:hidden}.roofing-page .input-wrap:focus-within{border-color:var(--green-deep);box-shadow:0 0 0 3px #18e29924}.roofing-page .input-wrap b,.roofing-page .input-wrap em{color:#7d8a96;font-size:12px;font-style:normal;font-weight:650}.roofing-page .input-wrap input{width:0;min-width:0;color:var(--navy);background:0 0;border:0;outline:0;flex:1;padding:0 7px;font-size:22px;font-weight:730}.roofing-page .calculator-result{color:#fff;background:radial-gradient(circle at 95% 10%,#18e2993b,transparent 36%),var(--navy);flex-direction:column;justify-content:center;min-width:0;padding:40px;display:flex;position:relative}.roofing-page .result-label{color:#95a8b9;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}.roofing-page .calculator-result>strong{color:var(--green);letter-spacing:-.055em;margin-top:12px;font-size:clamp(45px,5vw,68px);line-height:1}.roofing-page .calculator-result>strong small{color:#9cb0c0;letter-spacing:0;margin-left:5px;font-size:15px}.roofing-page .calculator-result>p{color:#d7e0e8;margin:9px 0 23px}.roofing-page .result-detail{flex-wrap:wrap;gap:8px;display:flex}.roofing-page .result-detail span{color:#b9c8d4;border:1px solid #ffffff21;border-radius:8px;padding:7px 9px;font-size:10px}.roofing-page .result-detail b{color:#fff}.roofing-page .disclaimer{color:#8196a8;margin-top:22px;font-size:9px;line-height:1.5}.roofing-page .problem-section{background:#fff}.roofing-page .section-heading{max-width:830px}.roofing-page .section-heading.centered{text-align:center;margin-inline:auto}.roofing-page .section-heading>p{max-width:650px;margin:20px auto 0}.roofing-page .problem-explorer{background:#fff;border:1px solid #cbdad4;border-radius:28px;margin-top:48px;overflow:hidden;box-shadow:0 24px 58px #0f263c1a}.roofing-page .problem-carousel-meta{background:#fbfdfc;justify-content:space-between;align-items:center;gap:24px;min-height:74px;padding:14px 20px 14px 24px;display:flex}.roofing-page .problem-carousel-meta>div>span{color:var(--green-deep);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:8px;font-size:9px;font-weight:850;display:inline-flex}.roofing-page .problem-carousel-meta>div>span i{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #18e29921}.roofing-page .problem-carousel-meta p{color:#667789;margin:5px 0 0;font-size:11px}.roofing-page .problem-rotation-control{color:#536879;cursor:pointer;background:#fff;border:1px solid #d0ddd8;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 13px;font-size:9px;font-weight:800;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.roofing-page .problem-rotation-control:hover{color:var(--green-deep);background:var(--green-soft);border-color:#a8d7c7}.roofing-page .problem-rotation-control i{color:var(--green-deep);font-size:9px;font-style:normal}.roofing-page .problem-choices{border-block:1px solid var(--line);background:#f7f9f8;grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.roofing-page .problem-choice{border:0;border-inline-end:1px solid var(--line);min-width:0;min-height:142px;color:var(--navy);text-align:left;cursor:pointer;background:#fff;border-radius:0;flex-direction:column;padding:22px 18px 20px;transition:color .18s,background .18s;display:flex;position:relative;overflow:hidden}.roofing-page .problem-choice:last-child{border-inline-end:0}.roofing-page .problem-choice:before{content:"";background:var(--green);opacity:0;transform-origin:0;height:4px;position:absolute;bottom:0;left:0;right:0}.roofing-page .problem-choice:hover{background:#f2fbf7}.roofing-page .problem-choice.active{color:#fff;background:var(--navy)}.roofing-page .problem-choice.active:before{opacity:1;transform:scaleX(1)}.roofing-page .problem-explorer.auto-playing .problem-choice.active:before{animation:6.5s linear both roofing-challengeProgress}.roofing-page .problem-choice-topic{color:var(--green-deep);letter-spacing:.1em;font-size:9px;font-weight:850}.roofing-page .problem-choice.active .problem-choice-topic{color:var(--green)}.roofing-page .problem-choice strong{-webkit-line-clamp:4;letter-spacing:-.018em;-webkit-box-orient:vertical;margin-top:18px;font-size:15px;font-weight:690;line-height:1.32;display:-webkit-box;overflow:hidden}.roofing-page .problem-spotlight{min-height:330px;box-shadow:none;background:#fff;border:0;border-radius:0;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);margin-top:0;animation:.36s both roofing-problemReveal;display:grid;overflow:hidden}.roofing-page .problem-spotlight-challenge,.roofing-page .problem-spotlight-response{padding:42px}.roofing-page .problem-spotlight-challenge{color:#fff;background:radial-gradient(circle at 100% 0%,#18e29929,transparent 36%),var(--navy);position:relative}.roofing-page .problem-spotlight-challenge:after{content:"";border:1px solid #ffffff1f;border-radius:30px;width:112px;height:112px;position:absolute;bottom:-50px;right:-50px;transform:rotate(16deg)}.roofing-page .spotlight-label{color:#9eb2c4;letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:820;display:inline-flex}.roofing-page .spotlight-label i{width:24px;height:24px;color:var(--navy);background:var(--green);border-radius:8px;place-items:center;font-size:10px;font-style:normal;font-weight:900;display:grid}.roofing-page .spotlight-label i svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.roofing-page .spotlight-label i.spotlight-brand-icon{background:#fff url(/images/industries/roofing/tradesly-favicon-small.png) 50%/18px 18px no-repeat;border:1px solid #078d5a33;overflow:hidden}.roofing-page .problem-spotlight-challenge h3{letter-spacing:-.04em;max-width:430px;margin:26px 0 24px;font-size:clamp(27px,3vw,38px);font-weight:690;line-height:1.14}.roofing-page .problem-spotlight-challenge>p{color:#aebdcc;max-width:400px;margin:0;font-size:13px;line-height:1.65}.roofing-page .problem-spotlight-response{background:linear-gradient(145deg,#edfff8 0%,#fff 72%);flex-direction:column;display:flex}.roofing-page .response-label{color:var(--green-deep)}.roofing-page .response-label i{color:#fff;background:var(--green-deep)}.roofing-page .response-copy{max-width:620px;color:var(--navy);letter-spacing:-.032em;margin:25px 0 28px;font-size:clamp(23px,2.3vw,30px);font-weight:670;line-height:1.33}.roofing-page .response-flow{background:#ffffffd1;border:1px solid #c9e9dc;border-radius:17px;grid-template-columns:repeat(3,1fr);align-items:center;gap:0;margin-top:auto;padding:18px;display:grid}.roofing-page .response-step-wrap{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;display:grid}.roofing-page .response-step-wrap:last-child{grid-template-columns:minmax(0,1fr)}.roofing-page .response-step{grid-template-columns:auto 1fr;align-items:center;column-gap:8px;min-width:0;display:grid}.roofing-page .response-flow i{color:#147a57;background:var(--green-soft);border-radius:9px;grid-row:1/3;place-items:center;width:27px;height:27px;font-size:8px;font-style:normal;font-weight:850;display:grid}.roofing-page .response-flow b{color:#2b4355;font-size:10px;line-height:1.2}.roofing-page .response-flow small{color:#80908f;font-size:8px;line-height:1.3}.roofing-page .response-step-wrap>em{color:#7fb9a5;font-size:14px;font-style:normal}.roofing-page .response-outcome{color:#487064;align-items:center;gap:8px;margin:15px 0 0;font-size:10px;font-weight:740;display:flex}.roofing-page .response-outcome span{color:var(--green-deep);font-size:13px;font-weight:900}@keyframes roofing-problemReveal{0%{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes roofing-challengeProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.roofing-page .problem-spotlight,.roofing-page .problem-explorer.auto-playing .problem-choice.active:before{animation:none}.roofing-page .playback-line,.roofing-page .transcript-row,.roofing-page .transcript-row p>span,.roofing-page .transcript-cue-progress b,.roofing-page .transcript-outcomes{transition:none}}.roofing-page .field-story-section{color:#fff;background:radial-gradient(circle at 92% 4%,#18e2992e,transparent 27%),radial-gradient(circle at 4% 100%,#2865983d,transparent 28%),var(--navy);position:relative;overflow:hidden}.roofing-page .field-story-section:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 35%,#0000);mask-image:linear-gradient(#0000,#000 35%,#0000)}.roofing-page .field-story-section .container{position:relative}.roofing-page .field-story-heading{grid-template-columns:minmax(0,1.15fr) minmax(310px,.65fr);align-items:end;gap:70px;display:grid}.roofing-page .field-story-heading h2{color:#fff;letter-spacing:-.048em;max-width:780px;margin:15px 0 0;font-size:clamp(38px,4.2vw,58px);font-weight:720;line-height:1.05}.roofing-page .field-story-heading>p{color:#bdcad4;margin:0;font-size:16px;line-height:1.72}.roofing-page .field-story-gallery{grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:18px;margin-top:42px;display:grid}.roofing-page .field-story-photo{background:#193047;border:1px solid #ffffff26;border-radius:26px;min-width:0;min-height:440px;margin:0;position:relative;overflow:hidden;box-shadow:0 24px 52px #0000003d}.roofing-page .field-story-photo img{object-fit:cover;width:100%;height:100%;min-height:440px;transition:transform .5s;display:block}.roofing-page .field-story-photo-secondary img{object-position:38% center}.roofing-page .field-story-photo:hover img{transform:scale(1.025)}.roofing-page .field-story-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000,#041424f0);position:absolute;inset:30% 0 0}.roofing-page .field-story-photo figcaption{z-index:1;position:absolute;bottom:26px;left:28px;right:28px}.roofing-page .field-story-photo figcaption span{color:var(--green);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:850}.roofing-page .field-story-photo figcaption p{color:#fff;max-width:600px;margin:8px 0 0;font-size:15px;font-weight:650;line-height:1.5}.roofing-page .journey-section{background:var(--soft-blue)}.roofing-page .journey-heading{grid-template-columns:minmax(0,1fr);align-items:start;gap:14px}.roofing-page .journey-heading>p{max-width:none}.roofing-page .scenario-explorer{border:1px solid var(--line);border-radius:var(--radius-lg);margin-top:54px;overflow:hidden;box-shadow:0 20px 55px #0f263c12}.roofing-page .scenario-tabs{border-bottom:1px solid var(--line);background:#f8faf9;grid-template-columns:repeat(4,1fr);display:grid}.roofing-page .scenario-tabs button{border:0;border-inline-end:1px solid var(--line);color:#607183;cursor:pointer;background:0 0;justify-content:center;align-items:center;min-height:76px;padding:0 22px;font-size:13px;font-weight:720;display:flex}.roofing-page .scenario-tabs button:last-child{border-inline-end:0}.roofing-page .scenario-tabs button.active{color:var(--navy);box-shadow:inset 0 -3px var(--green);background:#fff}.roofing-page .scenario-panel{grid-template-columns:.85fr 1.15fr;align-items:center;gap:65px;padding:48px;display:grid}.roofing-page .handler-pill{color:#126b4d;background:var(--green-soft);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex}.roofing-page .scenario-copy h3{color:var(--navy);letter-spacing:-.04em;margin:19px 0 9px;font-size:30px;line-height:1.12}.roofing-page .scenario-copy>p{color:var(--muted);margin-bottom:22px;font-size:14px;line-height:1.55}.roofing-page .decision-card{background:#f5fcf9;border:1px solid #cce9de;border-radius:15px;margin-top:24px;padding:16px 18px}.roofing-page .decision-card span,.roofing-page .decision-card b{display:block}.roofing-page .decision-card span{color:var(--green-deep);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:850}.roofing-page .decision-card b{color:var(--navy);margin-top:5px;font-size:14px}.roofing-page .decision-card p{color:#5b7169;margin:4px 0 0;font-size:12px;line-height:1.5}.roofing-page .conversation-card{color:#fff;background:radial-gradient(circle at 100% 0,#18e29929,transparent 28%),var(--navy);border-radius:22px;padding:24px}.roofing-page .conversation-top{color:#91a5b6}.roofing-page .conversation-top .live-dot{margin-right:8px}.roofing-page .conversation-top span:last-child{margin-left:auto}.roofing-page .bubble{border-radius:16px;max-width:85%;margin-top:22px;padding:16px 18px;font-size:13px;line-height:1.58}.roofing-page .bubble small{opacity:.62;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:800;display:block}.roofing-page .caller-bubble{color:#d5e0e8;background:#1b314b;border-bottom-left-radius:4px}.roofing-page .responder-bubble{color:#0d3023;background:var(--green);border-bottom-right-radius:4px;margin-left:auto}.roofing-page .call-footer{border-top:1px solid #ffffff1a;gap:8px;margin-top:24px;padding-top:14px;display:flex}.roofing-page .call-footer span{color:#9cb0c0;background:#ffffff0d;border-radius:7px;padding:5px 8px;font-size:9px}.roofing-page .dark-section{color:#fff;background:var(--navy);position:relative;overflow:hidden}.roofing-page .dark-section:before{content:"";background:radial-gradient(circle,#18e2992b,#0000 65%);border-radius:50%;width:600px;height:600px;position:absolute;inset:-40% auto auto 60%}.roofing-page .dark-section .container{position:relative}.roofing-page .light-label{color:var(--green)}.roofing-page .dark-heading{text-align:center;max-width:850px;margin-inline:auto}.roofing-page .dark-heading h2,.roofing-page .final-grid h2{color:#fff}.roofing-page .dark-heading p{color:#aebdca;max-width:740px;margin:20px auto 0;font-size:16px;line-height:1.72}.roofing-page .split-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:58px;display:grid}.roofing-page .split-grid article{border-radius:var(--radius);background:#ffffff09;border:1px solid #ffffff1f;min-height:390px;padding:28px}.roofing-page .split-grid article.featured-split{background:linear-gradient(#18e2991c,#ffffff09);border-color:#18e2996b}.roofing-page .split-icon{width:45px;height:45px;color:var(--navy);background:#fff;border-radius:14px;place-items:center;font-size:12px;font-weight:900;display:grid}.roofing-page .human-icon{background:var(--green)}.roofing-page .team-icon{color:#fff;background:#284560}.roofing-page .split-grid small{color:#7f95a9;letter-spacing:.08em;text-transform:uppercase;margin-top:22px;font-size:9px;font-weight:800;display:block}.roofing-page .split-grid h3{letter-spacing:-.03em;margin:7px 0 22px;font-size:23px}.roofing-page .split-grid ul{margin:0;padding:0;list-style:none}.roofing-page .split-grid li{color:#b7c5d0;border-top:1px solid #ffffff17;padding:12px 0 12px 23px;font-size:12px;line-height:1.45;position:relative}.roofing-page .split-grid li:before{content:"✓";color:var(--green);font-weight:900;position:absolute;left:1px}.roofing-page .hybrid-comparison{background:#ffffff06;border:1px solid #ffffff1f;border-radius:26px;margin-top:56px;overflow:hidden;box-shadow:0 22px 55px #0000001f}.roofing-page .hybrid-scenario-tabs{background:#ffffff09;border-bottom:1px solid #ffffff1c;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.roofing-page .hybrid-scenario-tabs button{border:0;color:#9db0c0;text-align:left;cursor:pointer;background:0 0;border-inline-end:1px solid #ffffff1a;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-width:0;min-height:82px;padding:16px 18px;transition:color .16s,background .16s;display:grid}.roofing-page .hybrid-scenario-tabs button:last-child{border-inline-end:0}.roofing-page .hybrid-scenario-tabs button:hover{color:#fff;background:#ffffff09}.roofing-page .hybrid-scenario-tabs button.active{color:#fff;box-shadow:inset 0 -3px var(--green);background:#18e2991f}.roofing-page .hybrid-scenario-tabs button>span{color:var(--green);font-size:10px;font-weight:850}.roofing-page .hybrid-scenario-tabs .hybrid-scenario-icon{width:34px;height:34px;color:var(--green);background:#18e29914;border:1px solid #18e29947;border-radius:11px;place-items:center;transition:color .16s,background .16s,border-color .16s,transform .16s;display:grid}.roofing-page .hybrid-scenario-tabs .hybrid-scenario-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.roofing-page .hybrid-scenario-tabs button:hover .hybrid-scenario-icon{border-color:#18e2997a;transform:translateY(-1px)}.roofing-page .hybrid-scenario-tabs button.active .hybrid-scenario-icon{color:#073c2b;border-color:var(--green);background:var(--green)}.roofing-page .hybrid-scenario-tabs button b{font-size:13px;line-height:1.35}.roofing-page .hybrid-scenario-tabs button i{color:var(--green);font-size:13px;font-style:normal}.roofing-page .hybrid-comparison-panel{padding:40px;animation:.3s both roofing-problemReveal}.roofing-page .hybrid-scenario-context{border-bottom:1px solid #ffffff1a;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:center;gap:42px;padding:0 0 32px;display:grid}.roofing-page .hybrid-scenario-context h3{color:#fff;letter-spacing:-.03em;margin:0;font-size:26px;line-height:1.25}.roofing-page .hybrid-scenario-context p{color:#b4c2ce;margin:0;font-size:14px;line-height:1.62}.roofing-page .hybrid-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:32px;display:grid}.roofing-page .hybrid-mode-card{background:#ffffff09;border:1px solid #ffffff1c;border-radius:18px;flex-direction:column;min-height:330px;padding:26px;display:flex}.roofing-page .hybrid-mode-card.featured{background:linear-gradient(160deg,#18e29926,#ffffff0a);border-color:#18e29973;box-shadow:0 18px 40px #00000024}.roofing-page .hybrid-mode-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.roofing-page .hybrid-mode-label{min-height:38px;color:var(--navy);background:#fff;border-radius:12px;align-items:center;padding:0 14px;font-size:12px;font-weight:850;display:inline-flex}.roofing-page .hybrid-mode-card.featured .hybrid-mode-label{color:#073122;background:var(--green)}.roofing-page .hybrid-mode-top em{color:#0b3023;background:var(--green);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:6px 9px;font-size:9px;font-style:normal;font-weight:850}.roofing-page .hybrid-mode-card h4{color:#fff;letter-spacing:-.025em;margin:24px 0 14px;font-size:21px;line-height:1.3}.roofing-page .hybrid-mode-card>p{color:#c0ccd5;margin:0;font-size:13px;line-height:1.62}.roofing-page .hybrid-tradeoff{border-top:1px solid #ffffff17;margin-top:auto;padding-top:20px}.roofing-page .hybrid-tradeoff b,.roofing-page .hybrid-tradeoff span{display:block}.roofing-page .hybrid-tradeoff b{color:#9badbc;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.roofing-page .hybrid-mode-card.featured .hybrid-tradeoff b{color:var(--green)}.roofing-page .hybrid-tradeoff span{color:#c3ced7;margin-top:7px;font-size:12px;line-height:1.55}.roofing-page .call-playback-section{background:#fff}.roofing-page .call-playback-section.section{padding:92px 0}.roofing-page .call-playback-heading{grid-template-columns:minmax(0,1fr) 280px;align-items:end;gap:52px;display:grid}.roofing-page .call-playback-heading>div{max-width:900px}.roofing-page .call-playback-heading h2{color:var(--navy);letter-spacing:-.048em;margin:14px 0 0;font-size:clamp(38px,4.2vw,58px);font-weight:720;line-height:1.05}.roofing-page .call-playback-heading p{max-width:820px;color:var(--muted);margin:17px 0 0;font-size:18px;line-height:1.58}.roofing-page .playback-proof{background:linear-gradient(145deg,#edfbf6,#fff);border:1px solid #b9dfd1;border-radius:19px;padding:22px;box-shadow:0 14px 30px #0f263c12}.roofing-page .playback-proof strong{color:var(--green-deep);letter-spacing:-.055em;font-size:48px;line-height:1;display:block}.roofing-page .playback-proof p{color:var(--navy);margin:9px 0 0;font-size:14px;font-weight:720;line-height:1.45}.roofing-page .playback-controls{background:#f7faf9;border:1px solid #d7e2df;border-radius:14px;align-items:center;gap:14px;max-width:660px;margin-top:24px;padding:11px 13px;display:flex}.roofing-page .playback-auto{color:#3c5667;align-items:center;gap:8px;min-width:174px;font-size:12px;font-weight:780;display:inline-flex}.roofing-page .playback-auto>i{background:var(--green-deep);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #079d681a}.roofing-page .playback-controls button{min-height:36px;color:var(--navy);cursor:pointer;background:#fff;border:1px solid #c8d5d1;border-radius:10px;align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:800;display:inline-flex}.roofing-page .playback-controls button:hover{border-color:#8ebfaa}.roofing-page .playback-toggle span{color:var(--green-deep);font-size:13px}.roofing-page .playback-progress{grid-template-columns:repeat(4,1fr);gap:5px;width:min(300px,28vw);display:grid}.roofing-page .playback-progress i{background:#dfe7e4;border-radius:999px;height:4px;overflow:hidden}.roofing-page .playback-progress i.complete{background:var(--green-deep)}.roofing-page .playback-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:17px;display:grid}.roofing-page .playback-column{background:#fafcfb;border:1px solid #d2ddda;border-radius:22px;overflow:hidden}.roofing-page .playback-column>header{background:#eef2f4;border-bottom:1px solid #d8e1df;flex-direction:column;justify-content:center;min-height:78px;padding:16px 20px;display:flex;position:relative}.roofing-page .playback-column>header>span{color:#6b7e8a;letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:850}.roofing-page .playback-column>header h3{color:var(--navy);letter-spacing:-.025em;margin:5px 0 0;font-size:21px}.roofing-page .playback-column>header em{color:#063624;background:var(--green);border-radius:999px;padding:6px 9px;font-size:9px;font-style:normal;font-weight:850;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.roofing-page .playback-column-tradesly>header{color:#fff;background:var(--navy);border-color:#24405c}.roofing-page .playback-column-tradesly>header>span{color:#91a6b8}.roofing-page .playback-column-tradesly>header h3{color:#fff}.roofing-page .playback-lines{gap:6px;padding:10px;display:grid}.roofing-page .playback-line{opacity:.08;filter:blur(1px);border:1px solid #0000;border-radius:12px;grid-template-columns:92px 1fr;align-items:center;gap:13px;min-height:68px;padding:12px 14px;transition:opacity .32s,filter .32s,transform .32s,border-color .32s,background .32s;display:grid;transform:translateY(4px)}.roofing-page .playback-line.revealed{opacity:1;filter:none;transform:translateY(0)}.roofing-page .playback-line.current{background:#f0fbf7;border-color:#a9dfcb}.roofing-page .playback-line>span{color:#687d8b;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:850}.roofing-page .playback-line p{color:#253e51;margin:0;font-size:15px;line-height:1.48}.roofing-page .playback-line.result-line{border-top-color:#d6dfdc;border-radius:0 0 12px 12px;min-height:76px;margin-top:2px}.roofing-page .playback-column-limited .result-line.revealed{background:#fff7f4}.roofing-page .playback-column-limited .result-line p{color:#8b4d3d;font-size:15.5px;font-weight:760}.roofing-page .playback-column-tradesly .result-line.revealed{background:#ecfbf5;border-color:#b8e5d4}.roofing-page .playback-column-tradesly .result-line p{color:#086b49;font-size:15.5px;font-weight:790}.roofing-page .partner-section{background:var(--soft)}.roofing-page .partner-grid{grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);align-items:center;gap:100px;display:grid}.roofing-page .partner-grid h2,.roofing-page .case-grid h2,.roofing-page .faq-grid h2,.roofing-page .final-grid h2{font-size:clamp(36px,4vw,52px)}.roofing-page .partner-grid>div>p{margin-top:23px}.roofing-page .process-list{margin:0;padding:0;list-style:none}.roofing-page .process-list li{border-bottom:1px solid var(--line);grid-template-columns:52px 1fr;gap:18px;padding:25px 0;display:grid}.roofing-page .process-list li:first-child{border-top:1px solid var(--line)}.roofing-page .process-list>li>span{color:#087e55;background:var(--green-soft);border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.roofing-page .process-list>li>span svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.roofing-page .process-list h3{color:var(--navy);letter-spacing:-.02em;margin:0 0 6px;font-size:18px}.roofing-page .process-list p{color:#667689;margin:0;font-size:13px;line-height:1.55}.roofing-page .team-extension-panel{color:#fff;background:radial-gradient(circle at 95% 0,#18e29933,transparent 34%),var(--navy);border-radius:28px;margin-top:76px;padding:48px;overflow:hidden;box-shadow:0 24px 55px #0f263c24}.roofing-page .team-extension-intro{grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);align-items:center;gap:38px;display:grid}.roofing-page .team-extension-heading{max-width:850px}.roofing-page .team-extension-heading .section-label{color:var(--green)}.roofing-page .team-extension-heading h3{color:#fff;letter-spacing:-.045em;margin:13px 0 0;font-size:clamp(32px,3.5vw,48px);line-height:1.08}.roofing-page .team-extension-heading p{color:#bdcad4;max-width:720px;margin:16px 0 0;font-size:15px;line-height:1.65}.roofing-page .team-extension-photo{background:#183047;border:1px solid #ffffff21;border-radius:20px;min-height:270px;margin:0;position:relative;overflow:hidden;box-shadow:0 20px 42px #00000038}.roofing-page .team-extension-photo img{object-fit:cover;width:100%;height:100%;min-height:270px;display:block}.roofing-page .team-extension-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000,#05182ae6);position:absolute;inset:38% 0 0}.roofing-page .team-extension-photo figcaption{z-index:1;position:absolute;bottom:19px;left:22px;right:22px}.roofing-page .team-extension-photo figcaption span{color:var(--green);letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:850}.roofing-page .team-extension-photo figcaption p{color:#eef6f3;max-width:470px;margin:7px 0 0;font-size:13px;line-height:1.45}.roofing-page .team-extension-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px;display:grid}.roofing-page .team-extension-grid article{background:#ffffff0b;border:1px solid #ffffff1f;border-radius:17px;min-height:220px;padding:25px}.roofing-page .team-extension-card-heading{align-items:center;gap:14px;display:flex}.roofing-page .team-extension-card-heading>span{color:#0c4f39;background:var(--green);border-radius:12px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.roofing-page .team-extension-card-heading svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.roofing-page .team-extension-grid h4{color:#fff;letter-spacing:-.02em;margin:0;font-size:18px;line-height:1.25}.roofing-page .team-extension-grid p{color:#b9c8d2;margin:18px 0 0;font-size:13px;line-height:1.65}.roofing-page .audience-benefits{margin-top:76px}.roofing-page .audience-benefits-heading{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:end;gap:68px;display:grid}.roofing-page .audience-benefits-heading h3{max-width:720px;color:var(--navy);letter-spacing:-.045em;margin:13px 0 0;font-size:clamp(31px,3.4vw,48px);line-height:1.08}.roofing-page .audience-benefits-heading>p{color:#617383;max-width:520px;margin:0;font-size:14px;line-height:1.65}.roofing-page .audience-benefits-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:30px;display:grid}.roofing-page .audience-benefits-grid article{background:linear-gradient(145deg,#fffffffa,#eff7f4eb);border:1px solid #cad8d3;border-radius:20px;min-width:0;min-height:278px;padding:26px;transition:transform .17s,border-color .17s,box-shadow .17s;box-shadow:0 16px 38px #0f263c0f}.roofing-page .audience-benefits-grid article:hover{border-color:#91cdb7;transform:translateY(-3px);box-shadow:0 20px 44px #0f263c1a}.roofing-page .audience-card-top{align-items:center;gap:13px;display:flex}.roofing-page .audience-card-top>span{color:#073c2b;background:var(--green);border-radius:13px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 9px 20px #18e29933}.roofing-page .audience-card-top svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.roofing-page .audience-card-top small,.roofing-page .audience-card-top b{display:block}.roofing-page .audience-card-top small{color:#728390;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:780}.roofing-page .audience-card-top b{color:#075f42;margin-top:3px;font-size:11px}.roofing-page .audience-benefits-grid h4{color:var(--navy);letter-spacing:-.025em;margin:22px 0 0;font-size:21px;line-height:1.28}.roofing-page .audience-benefits-grid p{color:#617383;margin:13px 0 0;font-size:13px;line-height:1.65}.roofing-page .audience-card-top-v2{align-items:center}.roofing-page .audience-benefits-grid .audience-role{color:var(--navy);letter-spacing:-.03em;text-transform:none;margin:0;font-size:22px;line-height:1.15}.roofing-page .audience-benefits-grid .audience-benefit-title{color:#075f42;letter-spacing:-.01em;margin:22px 0 0;font-size:15px;line-height:1.35}.roofing-page .case-section{background:var(--soft-blue)}.roofing-page .case-section.case-placeholder{background:#fbf9f1}.roofing-page .case-grid{grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);align-items:center;gap:85px;display:grid}.roofing-page .case-grid>div>p{margin-top:22px}.roofing-page .text-link{color:var(--navy);gap:10px;margin-top:25px;font-size:13px;font-weight:800;display:inline-flex}.roofing-page .text-link span{color:var(--green-deep)}.roofing-page .case-metrics{border-radius:var(--radius);background:#fff;border:1px solid #15314d1a;grid-template-columns:repeat(3,1fr);gap:10px;padding:26px;display:grid;box-shadow:0 18px 45px #0f263c12}.roofing-page .case-metrics article{background:#f5f8f7;border-radius:15px;flex-direction:column;justify-content:center;min-height:125px;padding:18px;display:flex}.roofing-page .case-metrics strong,.roofing-page .case-metrics span{display:block}.roofing-page .case-metrics strong{color:var(--navy);letter-spacing:-.04em;font-size:30px}.roofing-page .case-metrics span{color:#758493;margin-top:7px;font-size:10px}.roofing-page .case-metrics>p{color:#786021;background:var(--warning);border-radius:9px;grid-column:1/-1;margin:5px 0 0;padding:11px;font-size:9px;line-height:1.5}.roofing-page .customer-story-stage{border-top:1px solid #1e3e511f;margin-top:76px;padding-top:66px}.roofing-page .customer-story-heading{max-width:none}.roofing-page .customer-story-heading h3{color:var(--navy);letter-spacing:-.04em;margin:13px 0 0;font-size:clamp(30px,3vw,43px);line-height:1.08}.roofing-page .customer-story-heading p{max-width:none;color:var(--muted);margin:15px 0 0;font-size:14px;line-height:1.65}.roofing-page .customer-story-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.8fr) minmax(0,1fr);gap:14px;margin-top:34px;display:grid}.roofing-page .customer-story-grid>article{background:#ffffffdb;border:1px solid #d3dedb;border-radius:20px;min-width:0;min-height:255px;padding:28px}.roofing-page .customer-story-grid>figure{min-width:0;min-height:255px;margin:0}.roofing-page .quote-placeholder{flex-direction:column;display:flex}.roofing-page .published-testimonial{box-shadow:0 18px 40px #0f263c12;background:linear-gradient(155deg,#fff,#eefaf5)!important;border-color:#b8ddcf!important}.roofing-page .published-testimonial i{color:#fff;background:var(--navy);border:0}.roofing-page .quote-placeholder>span,.roofing-page .case-study-placeholder>small{color:var(--green-deep);letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:850}.roofing-page .quote-placeholder blockquote{color:var(--navy);letter-spacing:-.02em;margin:20px 0 26px;font-size:21px;font-weight:650;line-height:1.45}.roofing-page .quote-placeholder .testimonial-context{color:#587064;border-top:1px solid #d8e8e2;margin:-8px 0 24px;padding-top:16px;font-size:11px;line-height:1.6}.roofing-page .quote-placeholder>div{align-items:center;gap:12px;margin-top:auto;display:flex}.roofing-page .quote-placeholder i{color:#7f908a;background:#f2f6f4;border:1px dashed #aebdb8;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-style:normal;font-weight:800;display:grid}.roofing-page .quote-placeholder p,.roofing-page .quote-placeholder b,.roofing-page .quote-placeholder small{margin:0;display:block}.roofing-page .quote-placeholder b{color:#2e4657;font-size:11px}.roofing-page .quote-placeholder small{color:#7e8e99;margin-top:4px;font-size:9px}.roofing-page .customer-story-photo{background:#dce6e1;border:1px solid #c8d7d1;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 18px 40px #0f263c14}.roofing-page .customer-story-photo img{object-fit:cover;width:100%;height:100%;min-height:255px;display:block}.roofing-page .customer-story-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000,#061f33e6);position:absolute;inset:42% 0 0}.roofing-page .customer-story-photo figcaption{z-index:1;position:absolute;bottom:18px;left:20px;right:20px}.roofing-page .customer-story-photo figcaption span{color:var(--green);letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:850}.roofing-page .customer-story-photo figcaption p{color:#fff;margin:6px 0 0;font-size:12px;line-height:1.45}.roofing-page .case-study-placeholder{flex-direction:column;display:flex;background:linear-gradient(155deg,#eff9f5,#ffffffeb)!important}.roofing-page .case-study-placeholder h4{color:var(--navy);letter-spacing:-.025em;margin:17px 0 20px;font-size:21px;line-height:1.35}.roofing-page .case-study-placeholder>div{flex-wrap:wrap;gap:7px;display:flex}.roofing-page .case-study-placeholder>div span{color:#537468;background:#fff;border:1px solid #cee4dc;border-radius:999px;padding:6px 8px;font-size:8px;font-weight:720}.roofing-page .case-study-placeholder a{color:var(--navy);margin-top:auto;padding-top:20px;font-size:11px;font-weight:800}.roofing-page .case-study-placeholder a b{color:var(--green-deep);margin-left:6px}.roofing-page .integrations-section{background:#fff}.roofing-page .product-workflow-showcase{margin-top:40px}.roofing-page .product-workflow-intro{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:end;gap:70px;display:grid}.roofing-page .product-workflow-intro h3{max-width:720px;color:var(--navy);letter-spacing:-.045em;margin:13px 0 0;font-size:clamp(31px,3.4vw,48px);line-height:1.08}.roofing-page .product-workflow-intro>p{max-width:530px;color:var(--muted);margin:0;font-size:15px;line-height:1.65}.roofing-page .product-workflow-kicker{color:var(--green-deep);letter-spacing:.085em;text-transform:uppercase;align-items:center;gap:9px;font-size:10px;font-weight:850;display:inline-flex}.roofing-page .product-workflow-kicker i{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #18e2991f}.roofing-page .product-ui-shell{background:#f7faf9;border:1px solid #cbd8d4;border-radius:26px;margin-top:27px;overflow:hidden;box-shadow:0 26px 68px #0e253a21}.roofing-page .product-ui-topbar{color:#fff;background:var(--navy);justify-content:space-between;align-items:center;gap:22px;min-height:56px;padding:0 18px;display:flex}.roofing-page .product-ui-brand,.roofing-page .product-ui-brand>div,.roofing-page .product-ui-utilities{align-items:center;display:flex}.roofing-page .product-ui-brand{gap:11px}.roofing-page .product-ui-brand>img{object-fit:cover;background:#fff;border:1px solid #ffffff3d;border-radius:9px;width:32px;height:32px;padding:2px}.roofing-page .product-ui-brand>div{flex-direction:column;align-items:flex-start}.roofing-page .product-ui-brand b{letter-spacing:-.01em;font-size:13px}.roofing-page .product-ui-brand small{color:#a7b8c5;font-size:10px}.roofing-page .product-ui-utilities{gap:11px}.roofing-page .product-ui-utilities>span{color:#c0ccd6;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:7px;min-height:28px;padding:0 10px;font-size:10px;font-weight:720;display:flex}.roofing-page .product-ui-utilities>span i,.roofing-page .live-status i{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2.2s ease-in-out infinite roofing-productStatusPulse;box-shadow:0 0 0 3px #18e29921}@keyframes roofing-productStatusPulse{0%,to{box-shadow:0 0 0 3px #18e2991f}50%{box-shadow:0 0 0 7px #18e29905}}.roofing-page .product-ui-utilities button{color:#94a7b6;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:9px;width:30px;height:30px;font-size:8px}.roofing-page .product-ui-utilities>b{color:#0a3526;background:var(--green);border-radius:50%;place-items:center;width:31px;height:31px;font-size:9px;display:grid}.roofing-page .product-ui-tabs{background:#fff;border-bottom:1px solid #d4dedb;align-items:stretch;gap:2px;min-height:52px;padding:0 12px;display:flex}.roofing-page .product-ui-tabs button{color:#617483;cursor:pointer;background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:9px;min-width:118px;padding:0 12px;font-size:12px;font-weight:760;transition:color .16s,background .16s;display:flex;position:relative}.roofing-page .product-ui-tabs button i{color:#657a89;background:#eef3f1;border-radius:7px;place-items:center;width:22px;height:22px;font-size:11px;font-style:normal;transition:transform .18s,background .18s;display:grid}.roofing-page .product-ui-tabs button i svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.roofing-page .product-ui-tabs button:after{content:"";background:0 0;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:13px;right:13px}.roofing-page .product-ui-tabs button:hover{color:var(--navy);background:#f8fbfa}.roofing-page .product-ui-tabs button:hover i{transform:translateY(-1px)}.roofing-page .product-ui-tabs button.active{color:var(--navy)}.roofing-page .product-ui-tabs button.active i{color:#075f42;background:var(--green-soft)}.roofing-page .product-ui-tabs button.active:after{background:var(--green)}.roofing-page .product-ui-body{min-height:420px}.roofing-page .product-ui-stage{background:#f8faf9;min-width:0;min-height:420px;padding:21px 24px 23px;overflow:hidden}.roofing-page .actual-product-proof{background:linear-gradient(145deg,#f4f7fb,#f4fbf8);border:1px solid #d6e1dd;border-radius:24px;margin-top:24px;padding:24px;box-shadow:0 16px 42px #0c234012}.roofing-page .actual-product-heading{display:block}.roofing-page .actual-product-kicker{color:var(--green-deep);letter-spacing:.085em;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:850;display:inline-flex}.roofing-page .actual-product-kicker:before{content:"";background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #18e2991f}.roofing-page .actual-product-heading h4{max-width:680px;color:var(--navy);letter-spacing:-.035em;margin:0;font-size:28px;line-height:1.15}.roofing-page .actual-product-heading>p{max-width:520px;color:var(--muted);margin:0;font-size:14px;line-height:1.6}.roofing-page .actual-product-tabs{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.roofing-page .actual-product-tabs button{color:#506874;cursor:pointer;background:#fff;border:1px solid #cedbd6;border-radius:999px;align-items:center;gap:9px;min-height:42px;padding:7px 14px 7px 8px;font-size:11px;font-weight:780;transition:color .18s,border-color .18s,background .18s,transform .18s;display:inline-flex}.roofing-page .actual-product-tabs button:hover{color:var(--navy);border-color:#9ccdb9;transform:translateY(-1px)}.roofing-page .actual-product-tabs button>span{color:#0b7250;background:#e5f8f0;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.roofing-page .actual-product-tabs button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.roofing-page .actual-product-tabs button.active{color:#063d2c;background:#eafff6;border-color:#6fc9a7;box-shadow:0 7px 18px #0fa76e17}.roofing-page .actual-product-tabs button.active>span{color:#063d2c;background:var(--green)}.roofing-page .actual-product-stage{background:var(--navy);border:1px solid #ffffff17;border-radius:20px;grid-template-columns:minmax(0,1.55fr) minmax(255px,.8fr);margin-top:13px;display:grid;overflow:hidden;box-shadow:0 18px 40px #0c234021}.roofing-page .actual-product-figure{background:linear-gradient(145deg,#081d33,#0c2940);flex-direction:column;min-width:0;margin:0;padding:12px 12px 0;display:flex}.roofing-page .actual-product-screen{aspect-ratio:16/9;background:#0d0d0d;border:1px solid #ffffff21;border-radius:12px;min-width:0;overflow:hidden}.roofing-page .actual-product-screen img{object-fit:cover;width:100%;height:100%;animation:.26s both roofing-actualProductImageIn;display:block}@keyframes roofing-actualProductImageIn{0%{opacity:0;transform:scale(.992)}to{opacity:1;transform:scale(1)}}.roofing-page .actual-product-figure figcaption{color:#bed0dc;justify-content:space-between;align-items:center;gap:14px;min-height:38px;padding:0 3px;display:flex}.roofing-page .actual-product-figure figcaption span{font-size:10px;font-weight:780}.roofing-page .actual-product-figure figcaption small{color:#8298a8;font-size:9px}.roofing-page .actual-product-copy{color:#fff;background:linear-gradient(155deg,#173a63c7,#0c2340fa);border-inline-start:1px solid #ffffff1a;flex-direction:column;justify-content:center;min-width:0;padding:29px 27px;display:flex}.roofing-page .actual-product-copy>span{color:var(--green);letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:850}.roofing-page .actual-product-copy h5{letter-spacing:-.03em;margin:10px 0 0;font-size:22px;line-height:1.2}.roofing-page .actual-product-copy p{color:#c1d0da;margin:13px 0 0;font-size:13px;line-height:1.6}.roofing-page .actual-product-copy a{color:#fff;align-items:center;gap:8px;width:fit-content;margin-top:22px;font-size:11px;font-weight:800;display:inline-flex}.roofing-page .actual-product-copy a i{color:var(--green);font-style:normal;transition:transform .18s}.roofing-page .actual-product-copy a:hover i{transform:translate(3px)}.roofing-page .product-view{min-width:0;height:100%;animation:.25s both roofing-productViewIn}@keyframes roofing-productViewIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.roofing-page .product-view-heading{justify-content:space-between;align-items:center;gap:20px;min-height:43px;display:flex}.roofing-page .product-view-heading>div:first-child>span{color:var(--green-deep);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:850}.roofing-page .product-view-heading h4{color:var(--navy);letter-spacing:-.025em;margin:3px 0 0;font-size:18px}.roofing-page .product-view-heading>button{color:#3b5364;cursor:pointer;background:#fff;border:1px solid #ced9d5;border-radius:9px;min-height:34px;padding:0 11px;font-size:10px;font-weight:780}.roofing-page .product-view-heading>button i{color:var(--green-deep);font-style:normal}.roofing-page .live-status{color:#087b55;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.roofing-page .schedule-grid{background:#fff;border:1px solid #d7e0dd;border-radius:13px;grid-template-rows:34px repeat(5,42px);grid-template-columns:58px repeat(3,minmax(100px,1fr));margin-top:12px;display:grid;overflow:hidden}.roofing-page .schedule-corner{background:#f5f8f7;border-bottom:1px solid #e1e7e5;border-right:1px solid #e1e7e5;grid-area:1/1}.roofing-page .schedule-person{background:#f5f8f7;border-bottom:1px solid #e1e7e5;grid-row:1;align-items:center;gap:7px;padding:0 9px;display:flex}.roofing-page .schedule-person+.schedule-person{border-inline-start:1px solid #e1e7e5}.roofing-page .schedule-person i{color:#0b503a;background:#dff8ed;border-radius:50%;place-items:center;width:22px;height:22px;font-size:8px;font-style:normal;font-weight:850;display:grid}.roofing-page .schedule-person span{color:#526774;font-size:10px;font-weight:720}.roofing-page .schedule-row{pointer-events:none;grid-column:1/-1;grid-template-columns:58px repeat(3,minmax(100px,1fr));display:grid}.roofing-page .schedule-row>span{color:#738590;text-align:right;padding:8px 8px 0;font-size:9px}.roofing-page .schedule-row>i{border-inline-start:1px solid #e7ecea;border-top:1px solid #edf1ef}.roofing-page .schedule-event{z-index:2;will-change:transform;background:#f1f6f4;border:1px solid #cbd9d4;border-radius:8px;min-width:0;margin:3px 5px;padding:6px 7px;transition:border-color .18s,box-shadow .18s;overflow:hidden;box-shadow:0 5px 12px #1631410f}.roofing-page .schedule-event:hover{z-index:4;border-color:#6fc9a7;box-shadow:0 10px 22px #07965f24}.roofing-page .schedule-event b,.roofing-page .schedule-event span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.roofing-page .schedule-event b{color:#284355;font-size:10.5px}.roofing-page .schedule-event span{color:#617783;margin-top:3px;font-size:9px}.roofing-page .schedule-event.active{background:linear-gradient(145deg,#e6fff5,#d4f7e9);border-color:#7bd2b2;box-shadow:0 8px 18px #07965f1f}.roofing-page .schedule-event.active b{color:#075f42}.roofing-page .schedule-event-motion-1{animation:8s ease-in-out infinite roofing-bookingSlotOne}.roofing-page .schedule-event-motion-2{animation:8s ease-in-out infinite roofing-bookingSlotTwo}.roofing-page .schedule-event-motion-3{animation:8s ease-in-out infinite roofing-bookingSlotThree}@keyframes roofing-bookingSlotOne{0%,18%,to{transform:translateY(0)}29%,48%{transform:translateY(39px)}60%,88%{transform:translateY(0)}}@keyframes roofing-bookingSlotTwo{0%,18%,to{transform:translateY(0)}29%,48%{transform:translateY(-39px)}60%,88%{transform:translateY(0)}}@keyframes roofing-bookingSlotThree{0%,55%,to{transform:translateY(0)}68%,87%{transform:translateY(-39px)}}.roofing-page .product-confirmation{background:#fff;border:1px solid #b9dfd0;border-radius:12px;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;min-height:55px;margin-top:11px;padding:9px 12px;display:grid}.roofing-page .product-confirmation>span{color:#075f42;background:var(--green-soft);border-radius:9px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:900;animation:4s ease-in-out infinite roofing-confirmationPop;display:grid}@keyframes roofing-confirmationPop{0%,70%,to{transform:scale(1)}76%{transform:scale(1.12)}83%{transform:scale(1)}}.roofing-page .product-confirmation b,.roofing-page .product-confirmation p{margin:0;display:block}.roofing-page .product-confirmation b{color:#214355;font-size:12px}.roofing-page .product-confirmation p{color:#657a86;margin-top:3px;font-size:10px}.roofing-page .product-confirmation em{color:#075f42;background:#e9fff6;border-radius:7px;padding:6px 8px;font-size:9px;font-style:normal;font-weight:820}.roofing-page .workflow-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid;position:relative}.roofing-page .workflow-board>section{background:#f2f5f4;border:1px solid #d7e0dd;border-radius:13px;min-height:295px;padding:9px}.roofing-page .workflow-board>section>header{justify-content:space-between;align-items:center;gap:8px;min-height:34px;display:flex}.roofing-page .workflow-board>section>header b{color:#3f5968;font-size:10px}.roofing-page .workflow-board>section>header span{color:#5d727e;background:#fff;border-radius:7px;place-items:center;width:22px;height:22px;font-size:9px;display:grid}.roofing-page .workflow-board article{background:#fff;border:1px solid #d6e0dc;border-radius:10px;margin-top:7px;padding:10px;transition:transform .18s,border-color .18s,box-shadow .18s;box-shadow:0 6px 14px #102a3c0a}.roofing-page .workflow-board>section article:not(.workflow-card-reserved):hover{border-color:#99cfbb;transform:translateY(-2px);box-shadow:0 10px 22px #07965f1a}.roofing-page .workflow-board article.featured{border-color:#75d1af;box-shadow:0 10px 22px #07965f1a}.roofing-page .workflow-board article>span{color:var(--green-deep);letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:850}.roofing-page .workflow-board h5{color:#203d4f;margin:6px 0 0;font-size:13px;line-height:1.3}.roofing-page .workflow-board p{color:#617681;min-height:30px;margin:5px 0 0;font-size:10px;line-height:1.45}.roofing-page .workflow-board article>div{border-top:1px solid #e8eeeb;justify-content:space-between;align-items:center;margin-top:9px;padding-top:8px;display:flex}.roofing-page .workflow-board article>div i{color:#0a503a;background:#e4f9f1;border-radius:50%;place-items:center;width:24px;height:24px;font-size:9px;font-style:normal;font-weight:850;display:grid}.roofing-page .workflow-board article>div em{color:#71838d;font-size:9px;font-style:normal}.roofing-page .workflow-card-reserved{opacity:0;pointer-events:none}.roofing-page .workflow-motion-card{z-index:5;will-change:left,transform,box-shadow;width:calc(33.333% - 25.67px);min-height:112px;animation:10s cubic-bezier(.55,.12,.2,1) infinite roofing-dispatchCardTravel;position:absolute;top:49px;left:9px;margin:0!important}.roofing-page .workflow-motion-card>.workflow-motion-status{border:0;height:13px;margin:0;padding:0;position:relative}.roofing-page .workflow-motion-status span{color:var(--green-deep);letter-spacing:.07em;text-transform:uppercase;opacity:0;font-size:9px;font-weight:850;position:absolute;inset:0 auto auto 0}.roofing-page .workflow-motion-status span:first-child{animation:10s linear infinite roofing-routeStatusOne}.roofing-page .workflow-motion-status span:nth-child(2){animation:10s linear infinite roofing-routeStatusTwo}.roofing-page .workflow-motion-status span:nth-child(3){animation:10s linear infinite roofing-routeStatusThree}.roofing-page .workflow-motion-card>.workflow-motion-footer{color:inherit;background:0 0;border-top:1px solid #e8eeeb;justify-content:space-between;align-items:center;margin-top:9px;padding-top:8px;display:flex}.roofing-page .workflow-motion-card>.workflow-motion-footer i{color:#0a503a;background:#e4f9f1;border-radius:50%;place-items:center;width:24px;height:24px;font-size:9px;font-style:normal;font-weight:850;display:grid}.roofing-page .workflow-motion-card>.workflow-motion-footer em{color:#087b55;font-size:9px;font-style:normal}@keyframes roofing-dispatchCardTravel{0%,24%,to{border-color:#d6e0dc;left:9px;transform:translateY(0);box-shadow:0 6px 14px #102a3c0a}31%,55%{border-color:#75d1af;left:calc(33.333% + 12.33px);transform:translateY(-2px);box-shadow:0 12px 24px #07965f24}63%,91%{border-color:#9dd9c2;left:calc(66.666% + 15.66px);transform:translateY(0);box-shadow:0 9px 18px #07965f17}96%{opacity:1}98%{opacity:0}}@keyframes roofing-routeStatusOne{0%,24%{opacity:1}28%,to{opacity:0}}@keyframes roofing-routeStatusTwo{0%,28%{opacity:0}32%,56%{opacity:1}60%,to{opacity:0}}@keyframes roofing-routeStatusThree{0%,60%{opacity:0}64%,96%{opacity:1}to{opacity:0}}.roofing-page .notes-layout{grid-template-columns:minmax(0,1.18fr) minmax(220px,.82fr);gap:11px;margin-top:12px;display:grid}.roofing-page .notes-transcript,.roofing-page .notes-summary,.roofing-page .handoff-call-card,.roofing-page .coaching-card{background:#fff;border:1px solid #d6e0dc;border-radius:14px}.roofing-page .notes-transcript{padding:12px}.roofing-page .transcript-playback{color:#fff;background:var(--navy);border-radius:10px;grid-template-columns:28px 1fr auto;align-items:center;gap:11px;min-height:46px;padding:0 11px;display:grid}.roofing-page .transcript-playback button{color:#063e2b;background:var(--green);cursor:pointer;border:0;border-radius:50%;place-items:center;width:28px;height:28px;font-size:9px;display:grid}.roofing-page .transcript-playback>div{align-items:center;gap:3px;height:24px;display:flex}.roofing-page .transcript-playback>div i{background:#5c7285;border-radius:3px;width:3px}.roofing-page .transcript-playback>div i:nth-child(3n+1){height:9px}.roofing-page .transcript-playback>div i:nth-child(3n+2){height:18px}.roofing-page .transcript-playback>div i:nth-child(3n){background:var(--green);height:13px}.roofing-page .transcript-playback>div i{animation:1.2s ease-in-out infinite roofing-transcriptWave}.roofing-page .transcript-playback>div i:nth-child(2n){animation-delay:.14s}.roofing-page .transcript-playback>div i:nth-child(3n){animation-delay:.28s}@keyframes roofing-transcriptWave{0%,to{opacity:.64;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1.1)}}.roofing-page .transcript-playback>span{color:#a9bac6;font-size:9px}.roofing-page .notes-transcript article{background:#fafcfb;border:1px solid #e2e8e6;border-radius:9px;grid-template-columns:60px 1fr;gap:10px;margin-top:7px;padding:9px 10px;display:grid}.roofing-page .notes-transcript article.active{background:#edfbf6;border-color:#93d9bf}.roofing-page .notes-transcript article.transcript-step{animation:6s ease-in-out infinite roofing-transcriptFocus}@keyframes roofing-transcriptFocus{0%,24%,to{background:#fafcfb;border-color:#e2e8e6;transform:translate(0)}8%,17%{background:#eafbf4;border-color:#78d2b1;transform:translate(3px)}}.roofing-page .notes-transcript article>span{color:#647b87;letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:850}.roofing-page .notes-transcript article p{color:#385263;margin:0;font-size:11px;line-height:1.45}.roofing-page .notes-summary{padding:15px}.roofing-page .notes-summary>span,.roofing-page .coaching-card>span{color:var(--green-deep);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:850}.roofing-page .notes-summary h5{color:var(--navy);margin:7px 0 0;font-size:17px;line-height:1.25}.roofing-page .notes-summary dl{margin:13px 0 0}.roofing-page .notes-summary dl>div{border-top:1px solid #e4eae8;grid-template-columns:68px 1fr;gap:9px;padding:8px 0;display:grid}.roofing-page .notes-summary dt{color:#748791;text-transform:uppercase;font-size:9px;font-weight:800}.roofing-page .notes-summary dd{color:#344f60;margin:0;font-size:11px;font-weight:690}.roofing-page .notes-synced{background:#e9faf3;border-radius:10px;align-items:center;gap:9px;margin-top:10px;padding:9px;animation:4.5s ease-in-out infinite roofing-syncedPulse;display:flex}@keyframes roofing-syncedPulse{0%,70%,to{box-shadow:0 0 #07965f00}80%{box-shadow:0 0 0 5px #07965f14}}.roofing-page .notes-synced>i{color:#fff;background:var(--green-deep);border-radius:8px;place-items:center;width:24px;height:24px;font-size:9px;font-style:normal;display:grid}.roofing-page .notes-synced span,.roofing-page .notes-synced b,.roofing-page .notes-synced small{display:block}.roofing-page .notes-synced b{color:#176248;font-size:10px}.roofing-page .notes-synced small{color:#58776a;margin-top:2px;font-size:9px}.roofing-page .handoff-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:12px;display:grid}.roofing-page .handoff-call-card,.roofing-page .coaching-card{min-height:275px;padding:15px}.roofing-page .handoff-call-card>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.roofing-page .handoff-call-card>header>div{align-items:center;gap:10px;display:flex}.roofing-page .handoff-call-card>header>div>i{color:#fff;background:var(--navy);border-radius:10px;place-items:center;width:34px;height:34px;font-size:9px;font-style:normal;font-weight:850;display:grid}.roofing-page .handoff-call-card header span,.roofing-page .handoff-call-card header b,.roofing-page .handoff-call-card header small{display:block}.roofing-page .handoff-call-card header b{color:#264455;font-size:12px}.roofing-page .handoff-call-card header small{color:#687d89;margin-top:3px;font-size:10px}.roofing-page .handoff-call-card header em{color:#086d4a;background:var(--green-soft);text-transform:uppercase;border-radius:7px;padding:6px 8px;font-size:9px;font-style:normal;font-weight:850}.roofing-page .handoff-wave{background:var(--navy);border-radius:12px;justify-content:center;align-items:center;gap:5px;height:62px;margin-top:16px;padding:0 15px;display:flex}.roofing-page .handoff-wave i{background:#4d6780;border-radius:4px;width:4px;animation:1.35s ease-in-out infinite roofing-handoffPulse}.roofing-page .handoff-wave i:nth-child(3n+1){height:20px}.roofing-page .handoff-wave i:nth-child(3n+2){height:43px;animation-delay:.12s}.roofing-page .handoff-wave i:nth-child(3n){background:var(--green);height:31px;animation-delay:.24s}@keyframes roofing-handoffPulse{0%,to{opacity:.65;transform:scaleY(.66)}50%{opacity:1;transform:scaleY(1)}}.roofing-page .handoff-context{border-top:1px solid #e1e8e5;margin-top:14px;padding-top:13px}.roofing-page .handoff-context span{color:#657b86;text-transform:uppercase;font-size:9px;font-weight:800}.roofing-page .handoff-context p{color:#304d5f;margin:7px 0 0;font-size:12px;line-height:1.55}.roofing-page .coaching-card{background:linear-gradient(145deg,#effcf7,#fff);border-color:#9edbc5}.roofing-page .coaching-card h5{color:var(--navy);margin:9px 0 0;font-size:17px;line-height:1.35}.roofing-page .coaching-card ul{margin:14px 0 0;padding:0;list-style:none}.roofing-page .coaching-card li{color:#405d6b;border-top:1px solid #d9eae3;grid-template-columns:24px 1fr;gap:8px;padding:8px 0;font-size:11px;line-height:1.4;animation:4.8s ease-in-out infinite roofing-coachingCue;display:grid}.roofing-page .coaching-card li:nth-child(2){animation-delay:1.6s}.roofing-page .coaching-card li:nth-child(3){animation-delay:3.2s}@keyframes roofing-coachingCue{0%,26%,to{color:#405d6b;transform:translate(0)}8%,17%{color:#075f42;transform:translate(3px)}}.roofing-page .coaching-card li i{color:#087451;background:#dff8ee;border-radius:7px;place-items:center;width:22px;height:22px;font-size:8px;font-style:normal;font-weight:900;display:grid}.roofing-page .coaching-card>button{color:#062c20;background:var(--green);cursor:pointer;border:0;border-radius:10px;width:100%;min-height:36px;margin-top:11px;font-size:10px;font-weight:850}.roofing-page .coaching-card>button span{margin-left:6px}.roofing-page .handoff-timeline{background:#fff;border:1px solid #d7e0dd;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:48px;margin-top:10px;padding:0 13px;display:flex}.roofing-page .handoff-timeline span{color:#71838e;white-space:nowrap;align-items:center;gap:6px;font-size:10px;font-weight:720;display:flex}.roofing-page .handoff-timeline span i{color:#647b87;background:#edf2f0;border-radius:50%;place-items:center;width:22px;height:22px;font-size:9px;font-style:normal;display:grid}.roofing-page .handoff-timeline span.complete{color:#406356}.roofing-page .handoff-timeline span.complete i{color:#087451;background:#e2f9f0}.roofing-page .handoff-timeline span.active{color:var(--navy)}.roofing-page .handoff-timeline span.active i{color:#063e2c;background:var(--green)}.roofing-page .handoff-timeline>b{background:#cad7d2;width:24px;height:1px}.roofing-page .prompt-layout{grid-template-columns:minmax(230px,.78fr) minmax(0,1.22fr);gap:11px;margin-top:12px;display:grid}.roofing-page .prompt-customer-card,.roofing-page .prompt-suggestion-card{background:#fff;border:1px solid #d4dfdb;border-radius:14px;min-height:275px;padding:16px}.roofing-page .prompt-customer-card>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.roofing-page .prompt-customer-card>header span{color:#617783;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:850}.roofing-page .prompt-customer-card>header em{color:#086d4a;background:var(--green-soft);border-radius:8px;padding:6px 8px;font-size:9px;font-style:normal;font-weight:800}.roofing-page .prompt-customer-person{align-items:center;gap:11px;margin-top:17px;display:flex}.roofing-page .prompt-customer-person>i{color:#fff;background:var(--navy);border-radius:12px;place-items:center;width:40px;height:40px;font-size:10px;font-style:normal;font-weight:850;display:grid}.roofing-page .prompt-customer-person b,.roofing-page .prompt-customer-person small{display:block}.roofing-page .prompt-customer-person b{color:#284355;font-size:13px}.roofing-page .prompt-customer-person small{color:#6c808b;margin-top:3px;font-size:10px}.roofing-page .prompt-customer-card dl{margin:16px 0 0}.roofing-page .prompt-customer-card dl>div{border-top:1px solid #e1e8e5;grid-template-columns:72px 1fr;gap:10px;padding:8px 0;display:grid}.roofing-page .prompt-customer-card dt{color:#748791;letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:820}.roofing-page .prompt-customer-card dd{color:#344f60;margin:0;font-size:11px;font-weight:700}.roofing-page .prompt-suggestion-card{background:radial-gradient(circle at 100% 0,#18e2992b,#0000 34%),linear-gradient(145deg,#edfbf5,#fff);border-color:#92d8bd;animation:5s ease-in-out infinite roofing-opportunityGlow}@keyframes roofing-opportunityGlow{0%,to{box-shadow:0 0 #07965f00}50%{box-shadow:0 13px 28px #07965f1a}}.roofing-page .prompt-suggestion-label{justify-content:space-between;align-items:center;gap:12px;display:flex}.roofing-page .prompt-suggestion-label span{color:#075f42;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:850}.roofing-page .prompt-suggestion-label small{color:#5d776d;font-size:9px}.roofing-page .prompt-suggestion-card blockquote{color:var(--navy);letter-spacing:-.025em;margin:20px 0 0;font-size:18px;font-weight:680;line-height:1.4}.roofing-page .prompt-reasons{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.roofing-page .prompt-reasons span{color:#17674b;background:#ffffffd1;border:1px solid #bfe3d5;border-radius:999px;padding:7px 9px;font-size:9px;font-weight:760;animation:4.8s ease-in-out infinite roofing-promptChip}.roofing-page .prompt-reasons span:nth-child(2){animation-delay:1.6s}.roofing-page .prompt-reasons span:nth-child(3){animation-delay:3.2s}@keyframes roofing-promptChip{0%,26%,to{border-color:#bfe3d5;transform:translateY(0)}9%,18%{border-color:#55c39a;transform:translateY(-3px)}}.roofing-page .prompt-suggestion-card>button{color:#062c20;background:var(--green);cursor:pointer;border:0;border-radius:10px;width:100%;min-height:37px;margin-top:16px;font-size:10px;font-weight:850}.roofing-page .prompt-suggestion-card>button span{margin-left:6px}.roofing-page .prompt-outcome{background:#fff;border:1px solid #b9dfd0;border-radius:12px;grid-template-columns:30px 1fr;align-items:center;gap:10px;min-height:56px;margin-top:10px;padding:9px 12px;display:grid}.roofing-page .prompt-outcome>span{color:#075f42;background:var(--green-soft);border-radius:9px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:900;display:grid}.roofing-page .prompt-outcome b,.roofing-page .prompt-outcome p{margin:0;display:block}.roofing-page .prompt-outcome b{color:#214355;font-size:12px}.roofing-page .prompt-outcome p{color:#657a86;margin-top:3px;font-size:10px}.roofing-page .integration-grid{grid-template-columns:repeat(6,1fr);gap:10px;margin-top:50px;display:grid}.roofing-page .integration-grid>article{border:1px solid var(--line);text-align:center;background:#fbfcfc;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:140px;padding:20px 12px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.roofing-page .integration-grid>article:hover{border-color:#b7ccc5;transform:translateY(-2px);box-shadow:0 13px 26px #0f263c12}.roofing-page .integration-logo{flex-direction:column;justify-content:center;align-items:center;gap:11px;width:100%;min-width:0;display:flex}.roofing-page .integration-glyph{color:#fff;background:var(--navy);letter-spacing:-.035em;border-radius:13px;place-items:center;width:44px;height:44px;font-size:12px;font-weight:900;display:grid}.roofing-page .integration-glyph svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.roofing-page .integration-logo strong{color:#263c50;letter-spacing:-.02em;max-width:100%;font-size:13px;line-height:1.2}.roofing-page .integration-logo-service-titan .integration-glyph{background:#1f65ab}.roofing-page .integration-logo-housecall-pro .integration-glyph{background:#2463eb}.roofing-page .integration-logo-field-edge .integration-glyph{background:linear-gradient(135deg,#0b7285 0 50%,#42b883 50%)}.roofing-page .integration-logo-jobber .integration-glyph{color:#0a3a28;background:#6cdd9a}.roofing-page .integration-logo-clio .integration-glyph{background:#3857a6}.roofing-page .integration-logo-filevine .integration-glyph{background:#39a871}.roofing-page .integration-logo-lawmatics .integration-glyph{background:#167b86}.roofing-page .integration-logo-mycase .integration-glyph{background:#4a63d8}.roofing-page .integration-logo-lead-docket .integration-glyph{background:#142f50}.roofing-page .integration-logo-phone-system .integration-glyph,.roofing-page .integration-logo-calendar .integration-glyph{color:#0f7654;background:var(--green-soft)}.roofing-page .integration-grid small{color:var(--green-deep);margin-top:7px;font-size:8px;font-weight:760}.roofing-page .connected-outcome-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.roofing-page .connected-outcome-grid article{background:linear-gradient(145deg,#f5fbf8,#fff);border:1px solid #cfe0da;border-radius:17px;grid-template-columns:44px 1fr;align-items:start;gap:14px;min-width:0;padding:21px;display:grid}.roofing-page .connected-outcome-grid article>span{color:#073c2b;background:var(--green);border-radius:13px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 8px 18px #18e2992e}.roofing-page .connected-outcome-grid svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.roofing-page .connected-outcome-grid h3{color:var(--navy);letter-spacing:-.02em;margin:1px 0 0;font-size:15px;line-height:1.3}.roofing-page .connected-outcome-grid p{color:#647982;margin:7px 0 0;font-size:11px;line-height:1.55}.roofing-page .centered-note{text-align:center;margin:18px auto 0}.roofing-page .faq-section{background:var(--soft)}.roofing-page .faq-grid{grid-template-columns:minmax(310px,.75fr) minmax(0,1.25fr);align-items:start;gap:100px;display:grid}.roofing-page .faq-grid>div:first-child{position:sticky;top:130px}.roofing-page .faq-grid>div>p{margin-top:22px}.roofing-page .faq-list{border-top:1px solid #cfd8d4}.roofing-page .faq-list details{border-bottom:1px solid #cfd8d4}.roofing-page .faq-list summary{min-height:82px;color:var(--navy);cursor:pointer;justify-content:space-between;align-items:center;gap:25px;font-size:16px;font-weight:730;list-style:none;display:flex}.roofing-page .faq-list summary::-webkit-details-marker{display:none}.roofing-page .faq-list summary i{width:28px;height:28px;color:var(--green-deep);background:#fff;border-radius:50%;flex:none;place-items:center;font-size:17px;font-style:normal;transition:transform .18s;display:grid}.roofing-page .faq-list details[open] summary i{transform:rotate(45deg)}.roofing-page .faq-list details>p{color:#5e6f80;max-width:700px;margin:-5px 0 25px;font-size:14px;line-height:1.7}.roofing-page .resource-section{background:#fff}.roofing-page .resource-heading{grid-template-columns:minmax(0,1fr)}.roofing-page .resource-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:52px;display:grid}.roofing-page .resource-grid article{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:15px 15px 26px;transition:transform .17s,box-shadow .17s}.roofing-page .resource-grid article:hover{transform:translateY(-3px);box-shadow:0 18px 36px #0f263c14}.roofing-page .resource-art{background:var(--navy);border-radius:15px;height:175px;padding:18px;position:relative;overflow:hidden}.roofing-page .resource-art span{z-index:1;color:#fff;font-size:12px;font-weight:800;position:relative}.roofing-page .resource-art i{border:26px solid var(--green);opacity:.8;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-45px;right:-22px}.roofing-page .resource-grid article:nth-child(2) .resource-art{background:#eafcf5}.roofing-page .resource-grid article:nth-child(2) .resource-art span{color:var(--navy)}.roofing-page .resource-grid article:nth-child(2) .resource-art i{background:var(--navy);border:0;border-radius:999px;width:185px;height:30px;bottom:53px;right:-35px;transform:rotate(-24deg)}.roofing-page .resource-grid article:nth-child(3) .resource-art{background:#dfe9f3}.roofing-page .resource-grid article:nth-child(3) .resource-art span{color:var(--navy)}.roofing-page .resource-grid article:nth-child(3) .resource-art i{border-width:18px;border-color:var(--navy);width:120px;height:120px;bottom:-46px;right:40px}.roofing-page .resource-grid article>small{color:var(--green-deep);letter-spacing:.09em;text-transform:uppercase;margin:23px 10px 0;font-size:9px;font-weight:800;display:block}.roofing-page .resource-grid h3{color:var(--navy);letter-spacing:-.025em;margin:8px 10px 10px;font-size:20px;line-height:1.25}.roofing-page .resource-grid p{color:#68788a;margin:0 10px 18px;font-size:12px;line-height:1.55}.roofing-page .resource-grid a{color:#314559;gap:9px;margin:0 10px;font-size:11px;font-weight:800;display:inline-flex}.roofing-page .resource-grid a span{color:var(--green-deep)}.roofing-page .early-commitment-section{background:linear-gradient(#eaf8f2,#f6fbf9);padding:50px 0 56px}.roofing-page .early-commitment-heading{flex-direction:column;align-items:flex-start;gap:9px;margin-bottom:20px;display:flex}.roofing-page .early-commitment-label{display:block}.roofing-page .early-commitment-heading p{color:#526c63;text-align:left;max-width:680px;margin:0;font-size:14px;line-height:1.55}.roofing-page .commitment-strip.early-commitment-strip{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(125deg,#0f263c,#142f49 62%,#0d4a41);border-color:#ffffff1f;margin-bottom:0;box-shadow:0 22px 46px #0f263c29}.roofing-page .commitment-strip.early-commitment-strip article{border-color:#ffffff21;min-height:116px}.roofing-page .commitment-strip.early-commitment-strip strong{color:#fff;font-size:16px}.roofing-page .commitment-strip.early-commitment-strip small{color:#c3d2dc;margin-top:6px;font-size:11px}.roofing-page .commitment-strip.early-commitment-strip article>span{width:48px;height:48px;font-size:12px;box-shadow:0 8px 22px #18e29926}.roofing-page .final-section{color:#fff;background:radial-gradient(circle at 10% 100%,#18e29938,transparent 28%),radial-gradient(circle at 92% 5%,#245e9540,transparent 30%),var(--navy);padding:98px 0}.roofing-page .commitment-strip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff1;border:1px solid #ffffff24;border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:72px;display:grid;overflow:hidden}.roofing-page .commitment-strip article{border-inline-end:1px solid #ffffff1f;align-items:center;gap:15px;min-width:0;min-height:98px;padding:20px 24px;display:flex}.roofing-page .commitment-strip article:last-child{border-inline-end:0}.roofing-page .commitment-strip article>span{color:#0a3224;background:var(--green);border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font-size:11px;font-weight:900;display:grid}.roofing-page .commitment-strip article>span.commitment-icon{padding:0}.roofing-page .commitment-icon svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px;overflow:visible}.roofing-page .commitment-clock-hand{transform-origin:16px 16px;animation:8s linear infinite roofing-commitmentClock}.roofing-page .commitment-orbit{stroke-dasharray:12 8;animation:5.2s linear infinite roofing-commitmentOrbit}.roofing-page .commitment-check{stroke-dasharray:14;stroke-dashoffset:14px;animation:3.8s ease-in-out infinite roofing-commitmentCheck}.roofing-page .commitment-shackle{transform-origin:11px 14px;animation:4.2s ease-in-out infinite roofing-commitmentUnlock}.roofing-page .commitment-strip strong,.roofing-page .commitment-strip small{display:block}.roofing-page .commitment-strip strong{color:#fff;font-size:14px;line-height:1.35}.roofing-page .commitment-strip small{color:#91a8b9;margin-top:4px;font-size:9px;line-height:1.4}.roofing-page .final-grid{grid-template-columns:minmax(0,.9fr) minmax(430px,.75fr);align-items:center;gap:100px;display:grid}.roofing-page .final-grid>div>p{color:#b0bec9;max-width:590px;margin-top:22px}.roofing-page .final-points{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.roofing-page .final-points span{color:#a9bbc8;border:1px solid #ffffff1f;border-radius:8px;padding:6px 9px;font-size:10px}.roofing-page .prototype-form,.roofing-page .form-success{border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff24;padding:30px}.roofing-page .form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.roofing-page .prototype-form label{margin-bottom:13px;display:block}.roofing-page .prototype-form label>span{color:#aabac7}.roofing-page .prototype-form input,.roofing-page .prototype-form select{color:#fff;background:#172d45;border:1px solid #ffffff2e;border-radius:11px;outline:0;width:100%;height:50px;padding:0 14px}.roofing-page .prototype-form input::placeholder{color:#71879a}.roofing-page .prototype-form input:focus,.roofing-page .prototype-form select:focus{border-color:var(--green);box-shadow:0 0 0 3px #18e2991f}.roofing-page .prototype-form option{color:var(--navy);background:#fff}.roofing-page .prototype-form>small{color:#71879a;text-align:center;margin-top:11px;font-size:9px;display:block}.roofing-page .form-success{flex-direction:column;justify-content:center;align-items:flex-start;min-height:312px;display:flex}.roofing-page .form-success>span{width:46px;height:46px;color:var(--navy);background:var(--green);border-radius:50%;place-items:center;font-weight:900;display:grid}.roofing-page .form-success h3{margin:20px 0 8px;font-size:23px}.roofing-page .form-success p{color:#a9bac7;font-size:13px}.roofing-page .text-button{color:var(--green);cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:800}.roofing-page footer{color:#a9b7c2;background:#071421}.roofing-page .footer-top{grid-template-columns:150px 1fr auto;align-items:center;gap:50px;min-height:126px;display:grid}.roofing-page .footer-top img{opacity:.96;background:#fff;border-radius:10px;padding:8px 11px}.roofing-page .footer-top p{margin:0;font-size:12px}.roofing-page .footer-top a{color:var(--green);font-size:10px;font-weight:800}.roofing-page .footer-bottom{color:#607181;border-top:1px solid #ffffff17;justify-content:space-between;align-items:center;min-height:54px;font-size:9px;display:flex}.roofing-page .footer-bottom-brand{align-items:center;gap:10px;display:flex}.roofing-page .footer-bottom-brand img{object-fit:cover;background:#fff;border:1px solid #ffffff29;border-radius:8px;width:26px;height:26px;padding:1px}.roofing-page .hero-showcase{min-height:690px;position:relative}.roofing-page .hero-photo-card{background:var(--navy);border:1px solid #0d233b1f;border-radius:30px;width:92%;height:410px;margin:0;position:absolute;top:0;right:0;overflow:hidden;box-shadow:0 24px 65px #0d1f332e}.roofing-page .hero-photo-card img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.roofing-page .hero-showcase:hover .hero-photo-card img{transform:scale(1.025)}.roofing-page .photo-overlay{pointer-events:none;background:linear-gradient(#05121f08 35%,#05121fdb 100%);position:absolute;inset:0}.roofing-page .coverage-badge{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#071422b3;border:1px solid #ffffff3d;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:10px;font-weight:760;display:inline-flex;position:absolute;top:18px;right:18px}.roofing-page .coverage-badge i{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #18e2992b}.roofing-page .hero-photo-card figcaption{color:#ffffffab;font-size:8px;line-height:1.4;position:absolute;bottom:16px;left:19px;right:19px}.roofing-page .hero-showcase .routing-visual{z-index:2;width:94%;position:absolute;bottom:0;left:0}.roofing-page .replay-button{color:var(--green-deep);background:var(--green-soft);cursor:pointer;border:1px solid #c9e9dd;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:9px;font-weight:800;display:inline-flex}.roofing-page .replay-button span{min-width:12px;font-size:12px}.roofing-page .stage-card{transition:transform .22s,box-shadow .22s,border-color .22s,opacity .22s}.roofing-page .routing-step-0 .stage-answer,.roofing-page .routing-step-1 .stage-understand,.roofing-page .routing-step-2 .stage-route,.roofing-page .routing-step-3 .stage-route{border-color:#18e2999e;transform:translateY(-2px);box-shadow:0 10px 22px #07965f1f,0 0 0 3px #18e2991a}.roofing-page .hero-showcase .routing-footer{justify-content:stretch;gap:0}.roofing-page .hero-showcase .routing-footer button{color:#8b98a5;cursor:pointer;text-transform:uppercase;background:0 0;border:0;flex:1;justify-items:center;gap:5px;min-width:0;padding:0;font-size:8px;font-weight:750;display:grid;position:relative}.roofing-page .hero-showcase .routing-footer button:after{content:"";background:#d5ddda;width:calc(100% - 14px);height:1px;position:absolute;top:4px;left:calc(50% + 7px)}.roofing-page .hero-showcase .routing-footer button:last-child:after{display:none}.roofing-page .hero-showcase .routing-footer button i{z-index:1;background:#cbd4d0;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:relative;box-shadow:0 0 0 1px #cbd4d0}.roofing-page .hero-showcase .routing-footer button.active{color:var(--green-deep)}.roofing-page .hero-showcase .routing-footer button.active i,.roofing-page .hero-showcase .routing-footer button.complete i{background:var(--green);box-shadow:0 0 0 1px var(--green)}.roofing-page .hero-showcase .routing-footer button.complete:after{background:var(--green)}.roofing-page .recording-card{color:#fff;background:radial-gradient(circle at 100% 0,#18e2992b,transparent 31%),var(--navy);border-radius:22px;padding:24px;overflow:hidden;box-shadow:0 18px 42px #0a1c2f29}.roofing-page .recording-card>audio{display:none}.roofing-page .recording-header,.roofing-page .audio-player,.roofing-page .recording-actions,.roofing-page .audio-time{justify-content:space-between;align-items:center;gap:15px;display:flex}.roofing-page .asset-status{color:#9cb0c0;letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:7px;font-size:8px;font-weight:800;display:inline-flex}.roofing-page .asset-status i{background:var(--green);border-radius:50%;width:6px;height:6px}.roofing-page .recording-header h4{letter-spacing:-.025em;margin:5px 0 0;font-size:17px}.roofing-page .placeholder-pill{color:#8ea3b4;background:#ffffff0a;border:1px dashed #ffffff47;border-radius:7px;flex:none;padding:6px 8px;font-size:8px;font-weight:700}.roofing-page .audio-player{margin-top:22px}.roofing-page .play-button{color:#082a1e;background:var(--green);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-size:13px;font-weight:900;display:grid;box-shadow:0 9px 20px #18e2993b}.roofing-page .waveform-wrap{flex:1;min-width:0;position:relative}.roofing-page .audio-waveform{align-items:center;gap:3px;height:44px;display:flex}.roofing-page .audio-waveform i{background:#314860;border-radius:999px;flex:1;width:3px;min-height:4px;transition:background .14s}.roofing-page .audio-waveform i.active{background:var(--green)}.roofing-page .waveform-wrap input{opacity:0;cursor:pointer;width:100%;height:44px;margin:0;position:absolute;inset:0}.roofing-page .audio-time{color:#71889b;font-variant-numeric:tabular-nums;margin-top:4px;font-size:8px}.roofing-page .recording-actions{border-top:1px solid #ffffff17;margin-top:17px;padding-top:14px}.roofing-page .recording-actions button{color:#9eb1c0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:7px;padding:6px 9px;font-size:9px;font-weight:750}.roofing-page .recording-actions button.active{color:var(--green);border-color:#18e29947}.roofing-page .recording-actions>span{color:#72879a;font-size:8px}.roofing-page .transcript-panel{gap:9px;margin-top:17px;display:grid}.roofing-page .transcript-row{border-radius:12px;grid-template-columns:58px 1fr;gap:10px;padding:13px 14px;transition:opacity .18s,box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden}.roofing-page .transcript-row>span{letter-spacing:.07em;text-transform:uppercase;padding-top:2px;font-size:8px;font-weight:850}.roofing-page .transcript-row p{margin:0;font-size:12px;line-height:1.5}.roofing-page .transcript-row p>span{color:inherit;font:inherit;letter-spacing:inherit;text-transform:none;opacity:.3;transition:opacity .18s,filter .18s}.roofing-page .transcript-row p>span.revealed{opacity:1}.roofing-page .transcript-row.transcript-pending{opacity:.9}.roofing-page .transcript-row.transcript-active{transform:translateY(-1px);box-shadow:0 0 0 1px #ffffff29,0 10px 24px #00000029}.roofing-page .transcript-cue-progress{background:#ffffff14;height:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.roofing-page .transcript-cue-progress b{background:#7fc4ed;height:100%;transition:width .22s linear;display:block}.roofing-page .caller-transcript{color:#cbd7e0;background:#1b314b}.roofing-page .caller-transcript>span{color:#90a9bd}.roofing-page .tradesly-transcript{color:#0c3828;background:var(--green)}.roofing-page .tradesly-transcript>span{color:#075b3e}.roofing-page .tradesly-transcript .transcript-cue-progress{background:#054c321f}.roofing-page .tradesly-transcript .transcript-cue-progress b{background:#075b3e}.roofing-page .recording-card .call-footer{margin-top:5px}.roofing-page .transcript-outcomes{opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;transform:translateY(5px)}.roofing-page .transcript-outcomes.revealed{opacity:1;pointer-events:auto;transform:translateY(0)}.roofing-page .case-grid{grid-template-columns:minmax(0,.78fr) minmax(560px,1.22fr);align-items:start;gap:64px}.roofing-page .case-grid>div:first-child{position:sticky;top:132px}.roofing-page .case-visual-stack{gap:14px;display:grid}.roofing-page .outcome-dashboard{border-radius:var(--radius);color:#fff;background:radial-gradient(circle at 100% 0,#18e2992e,transparent 30%),var(--navy);border:1px solid #15314d1f;padding:24px;overflow:hidden;box-shadow:0 18px 45px #0f263c1c}.roofing-page .dashboard-heading{justify-content:space-between;gap:24px;display:flex}.roofing-page .dashboard-heading>div{flex-direction:column;display:flex}.roofing-page .dashboard-heading>div:last-child{text-align:right}.roofing-page .dashboard-heading span{font-size:12px;font-weight:780}.roofing-page .dashboard-heading strong{color:var(--green);letter-spacing:-.04em;font-size:31px;line-height:1}.roofing-page .dashboard-heading small{color:#7f95a8;margin-top:4px;font-size:8px}.roofing-page .outcome-chart{border-bottom:1px solid #ffffff1a;grid-template-columns:repeat(4,1fr);gap:12px;height:170px;margin-top:25px;padding:0 8px;display:grid}.roofing-page .chart-column{grid-template-rows:18px 1fr 24px;justify-items:center;gap:5px;min-width:0;display:grid}.roofing-page .chart-value{color:#a7b7c4;font-size:9px;font-weight:750}.roofing-page .chart-track{background:#ffffff0a;border-radius:8px 8px 0 0;align-items:flex-end;width:min(42px,80%);height:100%;display:flex}.roofing-page .chart-track i{background:linear-gradient(180deg,var(--green),#0fa870);border-radius:7px 7px 0 0;width:100%;transition:height .45s;display:block;box-shadow:0 0 20px #18e2991f}.roofing-page .chart-column>span{color:#71889b;font-size:8px}.roofing-page .placeholder-dashboard .chart-track i{box-shadow:none;background:repeating-linear-gradient(-45deg,#ffffff14 0 6px,#ffffff05 6px 12px);border:1px dashed #ffffff4d}.roofing-page .chart-placeholder-label{color:#8ca0b2;text-align:center;border:1px dashed #ffffff2e;border-radius:7px;margin-top:13px;padding:7px 9px;font-size:8px}.roofing-page .case-visual-stack .case-metrics{box-shadow:0 12px 30px #0f263c0d}.roofing-page .evidence-kit{border-radius:var(--radius);background:#ffffffb3;border:1px dashed #bdcbc6;padding:18px}.roofing-page .evidence-kit-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.roofing-page .evidence-kit-heading b{color:var(--navy);font-size:11px}.roofing-page .evidence-kit-heading span{color:#889691;font-size:8px}.roofing-page .evidence-assets{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px;display:grid}.roofing-page .evidence-assets article{border:1px solid var(--line);background:#fff;border-radius:13px;flex-direction:column;min-width:0;padding:13px;display:flex}.roofing-page .asset-icon{width:28px;height:28px;color:var(--green-deep);background:var(--green-soft);border-radius:9px;place-items:center;font-size:10px;font-weight:850;display:grid}.roofing-page .evidence-assets small{color:var(--green-deep);letter-spacing:.08em;text-transform:uppercase;margin-top:12px;font-size:7px;font-weight:800}.roofing-page .evidence-assets b{color:#263b4f;margin-top:4px;font-size:10px;line-height:1.35}.roofing-page .evidence-assets p{color:#7a8895;margin:6px 0 10px;font-size:8px;line-height:1.4}.roofing-page .evidence-assets em{color:#9c8135;margin-top:auto;font-size:7px;font-style:normal;font-weight:750}.roofing-page a:focus-visible,.roofing-page button:focus-visible,.roofing-page summary:focus-visible,.roofing-page input:focus-visible,.roofing-page select:focus-visible{outline-offset:3px;outline:3px solid #18e2998c}@media (max-width:1050px){.roofing-page .hero-grid{grid-template-columns:1fr 1fr;gap:38px}.roofing-page .hero-copy h1{font-size:clamp(46px,5.9vw,63px)}.roofing-page .main-nav{gap:18px}.roofing-page .problem-choice{min-height:154px;padding-inline:13px}.roofing-page .problem-spotlight-challenge,.roofing-page .problem-spotlight-response{padding:34px}.roofing-page .integration-grid{grid-template-columns:repeat(3,1fr)}.roofing-page .product-ui-stage{padding:20px 22px 22px}.roofing-page .handoff-timeline{gap:6px}.roofing-page .handoff-timeline>b{width:14px}.roofing-page .connected-outcome-grid{grid-template-columns:1fr}.roofing-page .partner-grid,.roofing-page .faq-grid,.roofing-page .final-grid{gap:60px}.roofing-page .case-grid{grid-template-columns:minmax(0,.7fr) minmax(500px,1.3fr);gap:38px}.roofing-page .evidence-assets article{padding:11px}.roofing-page .customer-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roofing-page .case-study-placeholder{grid-column:1/-1;min-height:220px!important}.roofing-page .playback-line{grid-template-columns:76px 1fr}}@media (max-width:820px){.roofing-page .container{width:min(100% - 34px,680px)}.roofing-page .site-header{position:relative}.roofing-page .header-inner{grid-template-columns:1fr auto;height:70px}.roofing-page .main-nav{display:none}.roofing-page .header-cta{min-height:42px;padding-inline:16px}.roofing-page .hero-section{padding:70px 0}.roofing-page .hero-grid,.roofing-page .split-heading,.roofing-page .scenario-panel,.roofing-page .partner-grid,.roofing-page .case-grid,.roofing-page .faq-grid,.roofing-page .final-grid{grid-template-columns:1fr}.roofing-page .hero-grid{gap:50px}.roofing-page .hero-showcase{gap:14px;min-height:0;display:grid}.roofing-page .hero-photo-card{width:100%;height:390px;position:relative}.roofing-page .hero-showcase .routing-visual{width:100%;max-width:620px;position:relative}.roofing-page .proof-grid{grid-template-columns:1fr}.roofing-page .proof-section-heading,.roofing-page .early-commitment-heading{flex-direction:column;align-items:flex-start;gap:10px}.roofing-page .proof-section-heading p,.roofing-page .early-commitment-heading p{text-align:left}.roofing-page .proof-grid article,.roofing-page .proof-grid article:first-child{border:1px solid #ffffff24;min-height:140px;padding:24px}.roofing-page .section{padding:82px 0}.roofing-page .split-heading,.roofing-page .partner-grid,.roofing-page .case-grid,.roofing-page .faq-grid,.roofing-page .final-grid{gap:32px}.roofing-page .calculator-shell{grid-template-columns:1fr}.roofing-page .calculator-result{min-height:320px}.roofing-page .problem-carousel-meta{padding-inline:18px}.roofing-page .problem-choices{grid-template-columns:repeat(6,minmax(165px,1fr));overflow-x:auto}.roofing-page .problem-choice{min-height:132px}.roofing-page .problem-spotlight{grid-template-columns:1fr}.roofing-page .problem-spotlight-challenge{min-height:275px}.roofing-page .field-story-heading{grid-template-columns:1fr;gap:18px}.roofing-page .field-story-heading>p{max-width:650px}.roofing-page .field-story-gallery{grid-template-columns:1fr}.roofing-page .field-story-photo,.roofing-page .field-story-photo img{min-height:360px}.roofing-page .field-story-photo-secondary,.roofing-page .field-story-photo-secondary img{min-height:300px}.roofing-page .scenario-panel{gap:34px}.roofing-page .split-grid{grid-template-columns:1fr}.roofing-page .split-grid article{min-height:0}.roofing-page .hybrid-scenario-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.roofing-page .hybrid-scenario-tabs button:nth-child(2){border-inline-end:0}.roofing-page .hybrid-scenario-tabs button:nth-child(-n+2){border-bottom:1px solid #ffffff1a}.roofing-page .hybrid-scenario-context{grid-template-columns:1fr;gap:10px}.roofing-page .hybrid-mode-grid{grid-template-columns:1fr}.roofing-page .hybrid-mode-card{min-height:0}.roofing-page .call-playback-section.section{padding:76px 0}.roofing-page .playback-controls{flex-wrap:wrap;max-width:none}.roofing-page .playback-progress{width:min(300px,38vw)}.roofing-page .playback-columns{grid-template-columns:1fr}.roofing-page .team-extension-panel{padding:36px}.roofing-page .team-extension-intro{grid-template-columns:1fr;gap:30px}.roofing-page .team-extension-photo,.roofing-page .team-extension-photo img{min-height:330px}.roofing-page .team-extension-grid{grid-template-columns:1fr}.roofing-page .team-extension-grid article{min-height:0}.roofing-page .audience-benefits-heading{grid-template-columns:1fr;gap:16px}.roofing-page .audience-benefits-heading>p{max-width:650px}.roofing-page .audience-benefits-grid{grid-template-columns:1fr}.roofing-page .audience-benefits-grid article{min-height:0}.roofing-page .product-workflow-intro{grid-template-columns:1fr;gap:16px}.roofing-page .product-workflow-intro>p{max-width:650px}.roofing-page .product-ui-body,.roofing-page .product-ui-stage{min-height:0}.roofing-page .product-ui-stage{padding:24px}.roofing-page .actual-product-heading{grid-template-columns:1fr;gap:12px}.roofing-page .actual-product-heading>p{max-width:650px}.roofing-page .actual-product-stage{grid-template-columns:1fr}.roofing-page .actual-product-copy{border-inline-start:0;border-top:1px solid #ffffff1a;padding:25px}.roofing-page .faq-grid>div:first-child,.roofing-page .case-grid>div:first-child{position:static}.roofing-page .resource-grid{grid-template-columns:1fr}.roofing-page .resource-grid article{grid-template-rows:auto auto auto 1fr;grid-template-columns:180px 1fr;column-gap:22px;display:grid}.roofing-page .resource-art{grid-row:1/5;height:100%;min-height:200px}.roofing-page .resource-grid article>small,.roofing-page .resource-grid h3,.roofing-page .resource-grid p,.roofing-page .resource-grid a{margin-inline:0}.roofing-page .footer-top{grid-template-columns:130px 1fr}.roofing-page .footer-top a{display:none}.roofing-page .commitment-strip{grid-template-columns:1fr;margin-bottom:54px}.roofing-page .commitment-strip article{border-inline-end:0;border-bottom:1px solid #ffffff1f;min-height:82px}.roofing-page .commitment-strip article:last-child{border-bottom:0}.roofing-page .early-commitment-section{padding:44px 0 48px}.roofing-page .early-commitment-strip{margin-bottom:0}.roofing-page .commitment-strip.early-commitment-strip article{border-bottom-color:#ffffff21;min-height:92px}.roofing-page .customer-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.roofing-page .customer-logo-heading{flex-direction:column;align-items:flex-start;gap:10px}.roofing-page .customer-logo-heading p{text-align:left}.roofing-page .customer-story-grid{grid-template-columns:1fr}.roofing-page .case-study-placeholder{grid-column:auto}.roofing-page .section-cta{grid-template-columns:1fr;gap:20px}.roofing-page .section-cta-actions{justify-content:flex-start}}@media (max-width:560px){.roofing-page .container{width:min(100% - 28px,480px)}.roofing-page .prototype-inner>span{display:none}.roofing-page .prototype-inner{justify-content:center}.roofing-page .prototype-inner nav a{min-width:90px}.roofing-page .brand{width:116px}.roofing-page .header-cta{min-height:39px;font-size:12px}.roofing-page .section-cta{padding:22px}.roofing-page .section-cta-copy{grid-template-columns:1fr;gap:13px}.roofing-page .section-cta-kicker{width:fit-content;min-width:0;min-height:32px}.roofing-page .section-cta h3{font-size:22px}.roofing-page .section-cta p{font-size:13px}.roofing-page .section-cta-actions{flex-direction:column;align-items:stretch}.roofing-page .section-cta-actions .button{width:100%}.roofing-page .section-cta-link{justify-content:center;min-height:42px}.roofing-page .hero-section{padding-top:58px}.roofing-page .hero-copy h1{font-size:48px}.roofing-page .hero-body{font-size:16px}.roofing-page .button-row .button{width:100%}.roofing-page .micro-proof{display:grid}.roofing-page .routing-visual{border-radius:21px;padding:12px}.roofing-page .hero-photo-card{border-radius:22px;height:280px}.roofing-page .coverage-badge{top:12px;right:12px}.roofing-page .routing-footer{display:none}.roofing-page .caller-card{grid-template-columns:auto 1fr}.roofing-page .waveform{display:none}.roofing-page .proof-grid article{gap:18px}.roofing-page .proof-grid strong{min-width:103px;font-size:46px}.roofing-page .split-heading h2,.roofing-page .section-heading h2,.roofing-page .dark-heading h2,.roofing-page .partner-grid h2,.roofing-page .case-grid h2,.roofing-page .faq-grid h2,.roofing-page .final-grid h2{font-size:38px}.roofing-page .calculator-inputs{grid-template-columns:1fr;padding:22px}.roofing-page .calculator-result{padding:28px}.roofing-page .problem-explorer{margin-top:38px}.roofing-page .problem-carousel-meta{align-items:flex-start}.roofing-page .problem-carousel-meta p{max-width:240px}.roofing-page .problem-rotation-control{min-width:36px;padding-inline:10px}.roofing-page .problem-rotation-control:not(:focus-visible){gap:0;font-size:0}.roofing-page .problem-rotation-control i{font-size:9px}.roofing-page .problem-choices{grid-template-columns:repeat(6,minmax(150px,1fr))}.roofing-page .problem-choice{min-height:125px}.roofing-page .problem-spotlight-challenge,.roofing-page .problem-spotlight-response{padding:27px 23px}.roofing-page .problem-spotlight-challenge{min-height:250px}.roofing-page .field-story-heading h2{font-size:38px}.roofing-page .field-story-heading>p{font-size:15px}.roofing-page .field-story-gallery{gap:13px;margin-top:30px}.roofing-page .field-story-photo,.roofing-page .field-story-photo img,.roofing-page .field-story-photo-secondary,.roofing-page .field-story-photo-secondary img{min-height:270px}.roofing-page .field-story-photo{border-radius:20px}.roofing-page .field-story-photo figcaption{bottom:19px;left:20px;right:20px}.roofing-page .field-story-photo figcaption p{font-size:14px}.roofing-page .customer-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roofing-page .call-pattern-heading h2{font-size:40px}.roofing-page .call-pattern-heading>p{font-size:15px}.roofing-page .inbound-chart-header{flex-direction:column;align-items:flex-start}.roofing-page .inbound-chart-inner{padding-inline:15px}.roofing-page .response-flow{grid-template-columns:1fr;gap:10px}.roofing-page .response-step-wrap{grid-template-columns:1fr;padding:3px 0}.roofing-page .response-step-wrap>em{display:none}.roofing-page .hybrid-comparison-panel{padding:22px 16px}.roofing-page .hybrid-scenario-tabs button{gap:7px;min-height:74px;padding:13px 11px}.roofing-page .hybrid-scenario-tabs button b{font-size:12px}.roofing-page .scenario-tabs{grid-template-columns:repeat(4,minmax(150px,1fr));overflow-x:auto}.roofing-page .scenario-tabs button{min-height:66px;padding:0 13px}.roofing-page .scenario-panel{padding:25px 18px 18px}.roofing-page .call-playback-heading{grid-template-columns:1fr;gap:24px}.roofing-page .playback-proof{max-width:360px}.roofing-page .call-playback-heading p{font-size:16px;line-height:1.55}.roofing-page .playback-controls{grid-template-columns:1fr auto;align-items:center;gap:10px;width:100%;padding:10px 11px;display:grid}.roofing-page .playback-auto{min-width:0;font-size:11px}.roofing-page .playback-progress{grid-column:1/-1;width:100%;margin:0}.roofing-page .playback-column>header{min-height:86px;padding:17px}.roofing-page .playback-column>header em{width:fit-content;margin-top:8px;position:static;transform:none}.roofing-page .playback-lines{padding:9px}.roofing-page .playback-line{grid-template-columns:1fr;gap:5px;min-height:80px;padding:12px}.roofing-page .playback-line p{font-size:14.5px;line-height:1.45}.roofing-page .playback-line.result-line{min-height:86px}.roofing-page .team-extension-panel{padding:27px 22px}.roofing-page .team-extension-photo,.roofing-page .team-extension-photo img{min-height:235px}.roofing-page .team-extension-photo figcaption{bottom:15px;left:17px;right:17px}.roofing-page .team-extension-card-heading{align-items:flex-start;gap:12px}.roofing-page .team-extension-card-heading>span{flex-basis:40px;width:40px;height:40px}.roofing-page .audience-benefits{margin-top:58px}.roofing-page .audience-benefits-heading h3{font-size:34px}.roofing-page .audience-benefits-grid article{padding:23px}.roofing-page .customer-story-stage{margin-top:58px;padding-top:50px}.roofing-page .customer-story-grid>article{min-height:225px;padding:23px}.roofing-page .customer-story-grid>figure,.roofing-page .customer-story-photo img{min-height:245px}.roofing-page .quote-placeholder blockquote{font-size:19px}.roofing-page .conversation-card,.roofing-page .recording-card{padding:18px}.roofing-page .recording-header,.roofing-page .recording-actions{flex-direction:column;align-items:flex-start}.roofing-page .recording-actions{gap:8px}.roofing-page .audio-waveform{gap:2px}.roofing-page .process-list li{grid-template-columns:46px 1fr}.roofing-page .case-metrics{grid-template-columns:1fr}.roofing-page .case-metrics>p{grid-column:auto}.roofing-page .evidence-assets{grid-template-columns:1fr}.roofing-page .evidence-assets article{min-height:128px}.roofing-page .dashboard-heading{flex-direction:column}.roofing-page .dashboard-heading>div:last-child{text-align:left}.roofing-page .product-workflow-showcase{margin-top:34px}.roofing-page .product-workflow-intro h3{font-size:34px}.roofing-page .product-workflow-intro>p{font-size:14px}.roofing-page .product-ui-shell{border-radius:20px;margin-top:22px}.roofing-page .product-ui-topbar{min-height:54px;padding:0 13px}.roofing-page .product-ui-utilities>span,.roofing-page .product-ui-utilities button{display:none}.roofing-page .product-ui-tabs{scroll-snap-type:x proximity;min-height:48px;padding:0 5px;overflow-x:auto}.roofing-page .product-ui-tabs button{scroll-snap-align:start;flex:none;gap:7px;min-width:132px;padding-inline:8px;font-size:11px}.roofing-page .product-ui-tabs button i{width:20px;height:20px;font-size:10px}.roofing-page .product-ui-stage{padding:14px 10px 16px;overflow-x:hidden}.roofing-page .actual-product-proof{border-radius:20px;margin-top:18px;padding:18px 14px}.roofing-page .actual-product-heading h4{font-size:26px}.roofing-page .actual-product-heading>p{font-size:13px}.roofing-page .actual-product-tabs{scroll-snap-type:x proximity;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:3px;overflow-x:auto}.roofing-page .actual-product-tabs::-webkit-scrollbar{display:none}.roofing-page .actual-product-tabs button{scroll-snap-align:start;flex:none}.roofing-page .actual-product-stage{border-radius:16px}.roofing-page .actual-product-figure{padding:8px 8px 0}.roofing-page .actual-product-screen{border-radius:9px}.roofing-page .actual-product-figure figcaption{min-height:34px}.roofing-page .actual-product-copy{padding:21px 18px 23px}.roofing-page .actual-product-copy h5{font-size:20px}.roofing-page .actual-product-copy p{font-size:12.5px}.roofing-page .product-view-heading{min-width:0}.roofing-page .product-view-heading h4{font-size:18px}.roofing-page .booking-view{min-width:0}.roofing-page .schedule-grid{grid-template-rows:30px repeat(5,36px);grid-template-columns:40px repeat(3,minmax(0,1fr))}.roofing-page .schedule-row{grid-template-columns:40px repeat(3,minmax(0,1fr))}.roofing-page .schedule-person{gap:4px;padding-inline:4px}.roofing-page .schedule-person i{width:18px;height:18px;font-size:8px}.roofing-page .schedule-person span{font-size:8.5px}.roofing-page .schedule-row>span{padding:6px 4px 0;font-size:8px}.roofing-page .schedule-event{margin:2px 3px;padding:4px 5px}.roofing-page .schedule-event b{font-size:9px}.roofing-page .schedule-event span{margin-top:2px;font-size:8px}.roofing-page .schedule-event-motion-1{animation-name:roofing-bookingSlotOneMobile}.roofing-page .schedule-event-motion-2{animation-name:roofing-bookingSlotTwoMobile}.roofing-page .schedule-event-motion-3{animation-name:roofing-bookingSlotThreeMobile}@keyframes roofing-bookingSlotOneMobile{0%,18%,to{transform:translateY(0)}29%,48%{transform:translateY(33px)}60%,88%{transform:translateY(0)}}@keyframes roofing-bookingSlotTwoMobile{0%,18%,to{transform:translateY(0)}29%,48%{transform:translateY(-33px)}60%,88%{transform:translateY(0)}}@keyframes roofing-bookingSlotThreeMobile{0%,55%,to{transform:translateY(0)}68%,87%{transform:translateY(-33px)}}.roofing-page .product-confirmation{min-height:52px}.roofing-page .workflow-board{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:minmax(250px,82vw);grid-auto-flow:column;padding-bottom:5px;overflow-x:auto}.roofing-page .workflow-board>section{scroll-snap-align:start;min-height:248px}.roofing-page .workflow-motion-card{display:none}.roofing-page .workflow-card-reserved{opacity:1;pointer-events:auto}.roofing-page .workflow-board article.featured{animation:3.8s ease-in-out infinite roofing-mobileBoardPulse}@keyframes roofing-mobileBoardPulse{0%,to{transform:translateY(0);box-shadow:0 6px 14px #102a3c0a}50%{transform:translateY(-3px);box-shadow:0 13px 25px #07965f24}}.roofing-page .notes-layout,.roofing-page .handoff-layout,.roofing-page .prompt-layout{grid-template-columns:1fr}.roofing-page .handoff-call-card,.roofing-page .coaching-card,.roofing-page .prompt-customer-card,.roofing-page .prompt-suggestion-card{min-height:0}.roofing-page .prompt-suggestion-card blockquote{font-size:18px}.roofing-page .handoff-timeline{flex-wrap:wrap;justify-content:flex-start;min-width:0;padding-block:9px}.roofing-page .handoff-timeline>b{display:none}.roofing-page .integration-grid{grid-template-columns:repeat(2,1fr)}.roofing-page .connected-outcome-grid article{padding:18px}.roofing-page .resource-grid article{display:block}.roofing-page .resource-art{height:165px}.roofing-page .form-row{grid-template-columns:1fr;gap:0}.roofing-page .prototype-form{padding:22px}.roofing-page .footer-top{grid-template-columns:1fr;gap:15px;padding:28px 0}.roofing-page .footer-top img{width:120px}.roofing-page .footer-bottom{flex-direction:column;align-items:flex-start;gap:6px;padding:17px 0}}@media (prefers-reduced-motion:reduce){.roofing-page .playback-line,.roofing-page .transcript-row,.roofing-page .transcript-row p>span,.roofing-page .transcript-cue-progress b,.roofing-page .transcript-outcomes,.roofing-page .product-view,.roofing-page .actual-product-screen img,.roofing-page .handoff-wave i,.roofing-page .product-ui-utilities>span i,.roofing-page .live-status i,.roofing-page .schedule-event,.roofing-page .product-confirmation>span,.roofing-page .workflow-motion-card,.roofing-page .workflow-motion-status span,.roofing-page .workflow-board article,.roofing-page .transcript-playback>div i,.roofing-page .notes-transcript article,.roofing-page .notes-synced,.roofing-page .coaching-card li,.roofing-page .prompt-suggestion-card,.roofing-page .prompt-reasons span{transition:none;animation:none}.roofing-page .workflow-motion-card{left:calc(33.333% + 12.33px)}.roofing-page .workflow-motion-status span{opacity:0}.roofing-page .workflow-motion-status span:nth-child(2){opacity:1}}.roofing-page{--v2-navy:#0b1b2f;--v2-ink:#12243a;--v2-muted:#5f7184;--v2-mint:#e9fff6;--v2-blue:#f2f7fb;--v2-green:#18e299;--v2-green-deep:#078d5a;--v2-line:#dce6e2;background:#fff}.roofing-page .prototype-bar{background:#10243a}.roofing-page .problem-spotlight[hidden],.roofing-page .hybrid-comparison-panel[hidden],.roofing-page .product-ui-stage[hidden],.roofing-page .actual-product-stage[hidden],.roofing-page .scenario-panel[hidden]{display:none!important}.roofing-page .prototype-inner>span{opacity:.86}.roofing-page .hero-section{background:radial-gradient(circle at 86% 16%,#18e2991f,#0000 22%),radial-gradient(circle at 8% 88%,#a3cded2e,#0000 25%),#f8fbfa;padding-block:82px 72px}.roofing-page .hero-section:before{opacity:.42;background-image:radial-gradient(#0b1b2f26 1px,#0000 1px);background-size:16px 16px;width:430px;height:430px}.roofing-page .hero-grid{align-items:center;gap:clamp(44px,6vw,78px)}.roofing-page .hero-copy h1{letter-spacing:-.055em;max-width:690px}.roofing-page .hero-body{max-width:660px}.roofing-page .v2-hero-illustration{background:#ffffffeb;border:1px solid #0b1b2f1f;border-radius:28px;min-width:0;padding:18px;position:relative;overflow:hidden;box-shadow:0 30px 80px #142d4421}.roofing-page .v2-hero-illustration:before{content:"";filter:blur(2px);background:#18e2991f;border-radius:50%;width:260px;height:260px;position:absolute;top:-100px;right:-80px}.roofing-page .v2-illustration-topline,.roofing-page .v2-illustration-footer{z-index:2;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.roofing-page .v2-illustration-topline{border-bottom:1px solid var(--v2-line);justify-content:flex-start;min-height:44px;padding:0 6px 13px}.roofing-page .v2-illustration-topline>span{color:var(--v2-navy);letter-spacing:.02em;text-transform:none;align-items:center;gap:8px;font-size:11px;font-weight:850;display:inline-flex}.roofing-page .v2-illustration-topline>span i{background:var(--v2-green);border-radius:50%;width:8px;height:8px;animation:2.2s ease-in-out infinite roofing-v2StatusPulse;box-shadow:0 0 0 5px #18e2991f}.roofing-page .v2-illustration-topline small{color:#3a5368;background:var(--v2-blue);border-radius:999px;padding:7px 10px;font-size:10px;font-weight:720}.roofing-page .v2-illustration-stage{z-index:1;background-image:radial-gradient(#0b1b2f14 .8px,#0000 .8px);background-position:0 0;background-size:17px 17px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:24px 4px;display:grid;position:relative}.roofing-page .v2-scene-node{z-index:2;background:#fffffff7;border:1px solid #d9e4e0;border-radius:18px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:11px;min-width:0;padding:14px;display:grid;position:relative;box-shadow:0 12px 28px #122a3c12}.roofing-page .v2-scene-node small{color:var(--v2-green-deep);letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:850;display:block}.roofing-page .v2-scene-node strong{color:var(--v2-navy);font-size:13px;line-height:1.3;display:block}.roofing-page .v2-scene-node p{color:var(--v2-muted);margin:4px 0 0;font-size:10px;line-height:1.45}.roofing-page .v2-node-icon,.roofing-page .v2-brand-mark{width:44px;height:44px;color:var(--v2-navy);background:var(--v2-blue);border-radius:14px;place-items:center;display:grid}.roofing-page .v2-node-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.roofing-page .v2-brand-mark{background:#fff url(/images/industries/roofing/tradesly-favicon-small.png) 50%/34px 34px no-repeat;border:1px solid #dce5e2;box-shadow:0 5px 16px #0b1b2f1a}.roofing-page .v2-caller-node{grid-column:1;align-self:end}.roofing-page .v2-brand-node{background:linear-gradient(135deg,#fff,#f1fff9);border-color:#078d5a4d;grid-column:1/-1;grid-template-columns:52px minmax(0,1fr);width:76%;margin-inline:auto;padding:17px;box-shadow:0 18px 42px #078d5a1c}.roofing-page .v2-brand-node .v2-brand-mark{width:52px;height:52px}.roofing-page .v2-brand-node strong{font-size:14px}.roofing-page .v2-signal-row{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.roofing-page .v2-signal-row span{color:#176149;background:#ffffffe6;border:1px solid #cbe9dd;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:720}.roofing-page .v2-human-node,.roofing-page .v2-outcome-node{min-height:103px}.roofing-page .v2-human-node{grid-column:1}.roofing-page .v2-outcome-node{background:var(--v2-mint);border-color:#078d5a59;grid-column:2}.roofing-page .v2-live-pill{color:#176149;text-transform:uppercase;align-items:center;gap:5px;font-size:8px;font-weight:850;display:inline-flex;position:absolute;top:11px;right:11px}.roofing-page .v2-live-pill i{background:var(--v2-green);border-radius:50%;width:5px;height:5px}.roofing-page .v2-check{color:#063b2a;background:var(--v2-green);border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:900;animation:3.4s ease-in-out infinite roofing-v2CheckPulse;display:grid;position:absolute;top:12px;right:12px}.roofing-page .v2-mini-wave{align-items:center;gap:2px;height:18px;display:flex;position:absolute;bottom:10px;right:12px}.roofing-page .v2-mini-wave i{background:var(--v2-green-deep);transform-origin:50%;border-radius:999px;width:2px;height:8px;animation:1.2s ease-in-out infinite alternate roofing-v2Wave}.roofing-page .v2-mini-wave i:nth-child(2){height:14px;animation-delay:-.7s}.roofing-page .v2-mini-wave i:nth-child(3){height:10px;animation-delay:-.35s}.roofing-page .v2-mini-wave i:nth-child(4){height:17px;animation-delay:-.9s}.roofing-page .v2-mini-wave i:nth-child(5){animation-delay:-.2s}.roofing-page .v2-route-path{z-index:0;pointer-events:none;width:170px;height:72px;position:absolute;overflow:visible}.roofing-page .v2-route-path path{fill:none;stroke:#078d5a8c;stroke-width:1.7px;stroke-linecap:round;stroke-dasharray:5 7;animation:4s linear infinite roofing-v2RouteFlow}.roofing-page .v2-route-path circle{fill:var(--v2-green)}.roofing-page .v2-route-path-one{top:70px;right:12%;transform:rotate(9deg)}.roofing-page .v2-route-path-two{bottom:55px;right:12%;transform:rotate(-7deg)}.roofing-page .v2-illustration-footer{border-top:1px solid var(--v2-line);color:#52687a;grid-template-columns:repeat(3,minmax(0,1fr));min-height:44px;padding:12px 6px 0;font-size:10px;font-weight:700;display:grid}.roofing-page .v2-illustration-footer span{align-items:center;gap:7px;min-width:0;display:inline-flex}.roofing-page .v2-illustration-footer svg{fill:none;width:17px;height:17px;stroke:var(--v2-green-deep);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.roofing-page .v2-illustration-footer span:first-child svg{animation:4.8s ease-in-out infinite roofing-v2ProofPulse}.roofing-page .v2-illustration-footer span:nth-child(2) svg{animation:4.8s ease-in-out .35s infinite roofing-v2ProofPulse}.roofing-page .v2-illustration-footer span:nth-child(3) svg{animation:4.8s ease-in-out .7s infinite roofing-v2ProofPulse}.roofing-page :is(.process-list li>span,.team-extension-card-heading>span,.audience-card-top>span,.connected-outcome-grid>article>span){color:var(--v2-navy);box-shadow:none;background:#f3f8fb;border:1px solid #dbe8e3;border-radius:14px}.roofing-page :is(.process-list li>span,.team-extension-card-heading>span,.audience-card-top>span,.connected-outcome-grid>article>span) svg,.roofing-page .integration-glyph svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.roofing-page .process-list{position:relative}.roofing-page .process-list:before{content:"";border-left:1px dashed #078d5a66;position:absolute;top:42px;bottom:42px;left:25px}.roofing-page .process-list li{border-color:#dce6e2;position:relative}.roofing-page .process-list li>span{z-index:1;background:#fff;position:relative}.roofing-page .integration-glyph{border-radius:12px}.roofing-page .connected-outcome-grid article,.roofing-page .team-extension-grid article,.roofing-page .audience-benefits-grid article{border-color:#dce6e2;border-radius:18px;box-shadow:0 14px 34px #122a3c0e}@keyframes roofing-v2StatusPulse{0%,to{transform:scale(1);box-shadow:0 0 0 4px #18e2991c}50%{transform:scale(1.14);box-shadow:0 0 0 8px #18e29908}}@keyframes roofing-v2CheckPulse{0%,72%,to{transform:scale(1)}82%{transform:scale(1.12)}}@keyframes roofing-v2Wave{0%{opacity:.55;transform:scaleY(.55)}to{opacity:1;transform:scaleY(1)}}@keyframes roofing-v2RouteFlow{to{stroke-dashoffset:-48px}}@keyframes roofing-v2ProofPulse{0%,72%,to{transform:scale(1)}80%{transform:scale(1.16)}}@keyframes roofing-commitmentClock{to{transform:rotate(360deg)}}@keyframes roofing-commitmentOrbit{to{stroke-dashoffset:-40px}}@keyframes roofing-commitmentCheck{0%,18%{stroke-dashoffset:14px;opacity:.45}36%,82%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-14px;opacity:.45}}@keyframes roofing-commitmentUnlock{0%,70%,to{transform:rotate(0)translateY(0)}80%{transform:rotate(-7deg)translateY(-1px)}}@media (max-width:980px){.roofing-page .hero-section{padding-block:66px}.roofing-page .v2-hero-illustration{width:100%;max-width:680px;margin-inline:auto}}@media (max-width:620px){.roofing-page .prototype-inner>span{max-width:210px;font-size:10px;line-height:1.25}.roofing-page .hero-section{padding-block:52px}.roofing-page .v2-hero-illustration{border-radius:22px;padding:13px}.roofing-page .v2-illustration-topline{flex-direction:column;align-items:flex-start;gap:7px}.roofing-page .v2-illustration-stage{background-size:15px 15px;grid-template-columns:1fr;gap:10px;padding-block:18px}.roofing-page .v2-caller-node,.roofing-page .v2-brand-node,.roofing-page .v2-human-node,.roofing-page .v2-outcome-node{grid-column:1;width:100%;margin:0}.roofing-page .v2-brand-node{grid-template-columns:46px minmax(0,1fr);padding:14px}.roofing-page .v2-brand-node .v2-brand-mark{width:46px;height:46px}.roofing-page .v2-human-node,.roofing-page .v2-outcome-node{min-height:88px}.roofing-page .v2-route-path{display:none}.roofing-page .v2-scene-node:after{background:repeating-linear-gradient(to bottom,var(--v2-green-deep)0 3px,transparent 3px 6px);content:"";width:1px;height:12px;position:absolute;bottom:-12px;right:18px}.roofing-page .v2-outcome-node:after{display:none}.roofing-page .v2-signal-row{gap:4px}.roofing-page .v2-illustration-footer{grid-template-columns:1fr;align-items:flex-start;gap:7px}.roofing-page .process-list:before{left:22px}}@media (prefers-reduced-motion:reduce){.roofing-page .v2-illustration-topline>span i,.roofing-page .v2-check,.roofing-page .v2-mini-wave i,.roofing-page .v2-route-path path,.roofing-page .v2-illustration-footer svg,.roofing-page .commitment-clock-hand,.roofing-page .commitment-orbit,.roofing-page .commitment-check,.roofing-page .commitment-shackle{animation:none}}.roofing-page{--plumbing-ink:#0c2340;--plumbing-blue:#2867e8;--plumbing-teal:#12afa0;--plumbing-line:#dce4ee}.roofing-page h1{max-width:650px}.roofing-page .proof-grid strong{white-space:nowrap;font-size:clamp(28px,3.2vw,42px)}.roofing-page .proof-section{background:#f4f7fb}.roofing-page .plumbing-call-types{background:#fff}.roofing-page .plumbing-family-list{border-top:1px solid var(--plumbing-line);margin:32px 0 24px}.roofing-page .plumbing-family-list article{border-bottom:1px solid var(--plumbing-line);grid-template-columns:52px 1.25fr 1fr;align-items:center;gap:24px;padding:28px 0;display:grid}.roofing-page .plumbing-family-icon{color:var(--plumbing-blue);background:#eaf1ff;border-radius:16px;place-items:center;width:52px;height:52px;display:grid}.roofing-page .plumbing-family-icon svg{width:28px;height:28px}.roofing-page .plumbing-family-list h3{color:var(--plumbing-ink);margin:0 0 10px;font-size:24px;line-height:1.2}.roofing-page .plumbing-family-list p{margin:0;font-size:16px;line-height:1.6}.roofing-page .plumbing-examples{color:#4b5e75;border-left:1px solid var(--plumbing-line);padding-left:24px;font-size:16px;line-height:1.8}.roofing-page .field-story-gallery{grid-template-columns:1.2fr 1fr;align-items:center}.roofing-page .field-story-photo-primary{border:1px solid var(--plumbing-line);background:#fff;border-radius:20px;min-height:0;overflow:hidden}.roofing-page .field-story-photo-primary img{aspect-ratio:3/2;object-fit:contain;width:100%;height:auto;display:block;position:static}.roofing-page .field-story-photo-primary:after{display:none}.roofing-page .field-story-photo-primary figcaption{color:var(--plumbing-ink);background:#fff;padding:20px 24px;position:static}.roofing-page .field-story-photo-primary figcaption p{color:#4b5e75;font-size:16px}.roofing-page .plumbing-field-context{color:#fff;padding:16px 12px 16px 32px}.roofing-page .plumbing-field-context .section-label{color:#8de5d8}.roofing-page .plumbing-field-context h3{color:#fff;letter-spacing:-.03em;margin:14px 0 24px;font-size:32px;line-height:1.15}.roofing-page .plumbing-field-context dl{margin:0}.roofing-page .plumbing-field-context dl div{border-top:1px solid #ffffff2b;padding:16px 0}.roofing-page .plumbing-field-context dt{margin-bottom:4px;font-size:16px;font-weight:600}.roofing-page .plumbing-field-context dd{color:#d5e3ef;margin:0;font-size:16px;line-height:1.55}.roofing-page .plumbing-field-context>p{color:#afc5d8;margin-top:20px;font-size:14px;line-height:1.6}.roofing-page .team-extension-photo{background:#fff}.roofing-page .team-extension-photo img{aspect-ratio:3/2;object-fit:contain;width:100%;height:auto;display:block}.roofing-page .team-extension-photo:after{display:none}.roofing-page .team-extension-photo figcaption{color:var(--plumbing-ink);background:#fff;padding:18px 24px;position:static}.roofing-page .team-extension-photo figcaption p{color:#4b5e75}.roofing-page .plumbing-integration-name{text-align:center;color:var(--plumbing-ink);font-size:20px;font-weight:600;line-height:1.25;display:block}.roofing-page .integration-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.roofing-page .hero-email-status a,.roofing-page .form-success a{color:inherit;text-underline-offset:3px;text-decoration:underline}.roofing-page .resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.roofing-page .resource-art{display:none}.roofing-page .resource-grid article{border-top:2px solid #dce4ee;padding-top:24px}.roofing-page .hero-email-form button,.roofing-page .header-cta{min-height:44px}.roofing-page .scenario-tabs{flex-wrap:wrap}@media (max-width:900px){.roofing-page .field-story-gallery{grid-template-columns:1fr}.roofing-page .plumbing-field-context{padding:12px 0}.roofing-page .plumbing-family-list article{grid-template-columns:52px 1fr}.roofing-page .plumbing-examples{border:0;grid-column:2;padding-left:0}.roofing-page .integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.roofing-page .plumbing-family-list article{gap:14px;padding:24px 0}.roofing-page .plumbing-family-list h3{font-size:22px}.roofing-page .resource-grid{grid-template-columns:1fr}.roofing-page .proof-grid strong{font-size:30px}.roofing-page .field-story-photo-primary figcaption{padding:18px}.roofing-page .v2-illustration-topline{font-size:14px;line-height:1.45}}.roofing-page .proof-section-heading .section-label{color:#2867e8}.roofing-page .proof-section-heading p{color:#4b5e75;font-size:16px}.roofing-page .proof-grid article{box-shadow:none;background:#fff;border:1px solid #dce4ee;min-height:160px}.roofing-page .proof-grid article:after{display:none}.roofing-page .proof-grid strong{color:#0c2340;line-height:1.1}.roofing-page .proof-grid b{color:#0c2340}.roofing-page .proof-grid span{color:#4b5e75;font-size:14px}.roofing-page .field-story-photo-primary img,.roofing-page .team-extension-photo img{min-height:0}.roofing-page .field-story-photo-primary,.roofing-page .team-extension-photo{box-shadow:none;min-height:0}.roofing-page .field-story-photo-primary figcaption span,.roofing-page .team-extension-photo figcaption span{color:#2867e8;font-size:12px}.roofing-page .scenario-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.roofing-page .scenario-tabs button{padding:12px;font-size:14px}.roofing-page .scenario-copy>p,.roofing-page .decision-card p,.roofing-page .faq-list details>p,.roofing-page .process-list p,.roofing-page .team-extension-grid p,.roofing-page .audience-benefits-grid p,.roofing-page .connected-outcome-grid p{font-size:16px}.roofing-page .handler-pill,.roofing-page .signal-row span{font-size:12px}.roofing-page .integration-grid small{color:#4b5e75;font-size:12px}.roofing-page .connected-outcome-grid h3{font-size:20px}.roofing-page .hybrid-scenario-tabs button b{font-size:14px}.roofing-page .disclaimer{font-size:14px;line-height:1.6}@media (max-width:650px){.roofing-page .scenario-tabs{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto}}.roofing-page{--photo-shadow:0 3px 6px #0c234009,0 18px 44px #0c234016}.roofing-page .hero-section{background:linear-gradient(145deg,#fff,#eaf1ff)}.roofing-page .hero-section:before{opacity:.16}.roofing-page .v2-hero-illustration{box-shadow:var(--photo-shadow);border-color:#dce4ee}.roofing-page .v2-scene-node{box-shadow:0 4px 12px #0c23400d}.roofing-page .proof-grid article{border-color:#e0e7ee;box-shadow:0 3px 8px #0c234009}.roofing-page .calculator-shell,.roofing-page .scenario-explorer,.roofing-page .product-ui-shell{box-shadow:var(--photo-shadow)}.roofing-page .field-story-photo-primary,.roofing-page .team-extension-photo{border-color:#ffffff40;box-shadow:0 8px 26px #000c1c29}.roofing-page .field-story-photo-primary img,.roofing-page .team-extension-photo img{aspect-ratio:3/2;object-fit:cover;object-position:50% 50%;transition:transform .65s cubic-bezier(.2,.65,.3,1)}.roofing-page .field-story-photo-primary figcaption,.roofing-page .team-extension-photo figcaption{z-index:1;border-top:1px solid #e5ebf0;position:relative}.roofing-page .field-story-gallery{gap:36px}.roofing-page .team-extension-panel{box-shadow:var(--photo-shadow);background:linear-gradient(140deg,#0c2340,#173a63)}.roofing-page .section-cta{box-shadow:0 6px 18px #0c23400b}.roofing-page .header-inner{grid-template-columns:138px minmax(0,1fr) auto auto;gap:20px}.roofing-page .page-motion-control{color:#42556b;cursor:pointer;background:#fff;border:1px solid #dce4ee;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:9px 12px;font:500 14px/1.2 Inter,system-ui,sans-serif;display:inline-flex}.roofing-page .page-motion-control:focus-visible{outline-offset:3px;outline:2px solid #2867e8}.roofing-page .page-motion-control[aria-pressed=true]{color:#0c2340;background:#eaf1ff}.roofing-page .page-motion-control:disabled{cursor:default}.roofing-page .v2-check,.roofing-page .v2-illustration-footer svg,.roofing-page .commitment-icon *,.roofing-page .v2-illustration-topline>span i,.roofing-page .product-confirmation>span,.roofing-page .product-ui-utilities>span i,.roofing-page .live-status i{animation:none}.roofing-page .commitment-check{stroke-dashoffset:0}.roofing-page .v2-route-path path{animation-duration:7s}.roofing-page .v2-mini-wave i{animation-duration:1.8s}.roofing-page .schedule-event{animation-duration:12s}.roofing-page .workflow-motion-card,.roofing-page .workflow-motion-status span:nth-child(n){animation-duration:15s}.roofing-page .notes-transcript article.transcript-step{animation-duration:9s}.roofing-page .notes-transcript article.transcript-step-2{animation-delay:3s}.roofing-page .notes-transcript article.transcript-step-3{animation-delay:6s}.roofing-page .handoff-wave i{animation-duration:1.8s}.roofing-page .problem-explorer.auto-playing .problem-choice.active:before{animation-duration:10s}.roofing-page [data-motion-visible=false] *,.roofing-page [data-motion-visible=false] :before,.roofing-page [data-motion-visible=false] :after,.roofing-page[data-page-hidden=true] *,.roofing-page[data-page-hidden=true] :before,.roofing-page[data-page-hidden=true] :after{animation-play-state:paused!important}.roofing-page[data-motion-stopped=true] *,.roofing-page[data-motion-stopped=true] :before,.roofing-page[data-motion-stopped=true] :after{transition:none!important;animation:none!important}.roofing-page[data-motion-stopped=true] .workflow-motion-card{display:none}.roofing-page[data-motion-stopped=true] .workflow-card-reserved{opacity:1;pointer-events:auto}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.roofing-page:not([data-motion-stopped=true]) .field-story-photo-primary:hover img,.roofing-page:not([data-motion-stopped=true]) .team-extension-photo:hover img{transform:scale(1.015)}.roofing-page .button{transition:transform .18s,box-shadow .22s,background .18s}.roofing-page:not([data-motion-stopped=true]) .button:hover{transform:translateY(-1px);box-shadow:0 5px 12px #0c23401f}.roofing-page .button:active{transform:translateY(0)}}@media (max-width:1100px){.roofing-page .page-motion-control{width:44px;padding:10px}.roofing-page .page-motion-control span{display:none}}@media (max-width:820px){.roofing-page .header-inner{grid-template-columns:1fr auto auto}}@media (max-width:650px){.roofing-page .header-inner{gap:10px}.roofing-page .brand{width:104px;margin-right:auto}.roofing-page .header-cta{gap:6px;padding-inline:10px}.roofing-page .field-story-gallery{gap:24px}.roofing-page .field-story-photo-primary:hover img{transform:none}}@media (prefers-reduced-motion:reduce){.roofing-page *,.roofing-page :before,.roofing-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.roofing-page .workflow-motion-card{display:none}.roofing-page .workflow-card-reserved{opacity:1;pointer-events:auto}.roofing-page .field-story-photo-primary:hover img,.roofing-page .team-extension-photo:hover img{transform:none}}.roofing-page .audience-benefits-grid article:hover,.roofing-page .integration-grid>article:hover,.roofing-page[data-motion-stopped=true] :is(.button:hover,.field-story-photo:hover img,.team-extension-photo:hover img,.resource-grid article:hover,.hybrid-scenario-tabs button:hover .hybrid-scenario-icon,.product-ui-tabs button:hover i,.actual-product-tabs button:hover,.actual-product-copy a:hover i,.workflow-board>section article:hover){transform:none}@media (prefers-reduced-motion:reduce){.roofing-page :is(.button:hover,.resource-grid article:hover,.hybrid-scenario-tabs button:hover .hybrid-scenario-icon,.product-ui-tabs button:hover i,.actual-product-tabs button:hover,.actual-product-copy a:hover i,.workflow-board>section article:hover){transform:none}}.roofing-page .plumbing-customer-proof{color:#fff;background:radial-gradient(at 100% 0,#18e2991a,#0000 55%),#0c2340;padding:56px 0}.roofing-page .plumbing-proof-heading{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;gap:48px;display:grid}.roofing-page .plumbing-proof-heading .section-label{color:#7be3bf}.roofing-page .plumbing-proof-heading h2{color:#fff;max-width:600px;margin:10px 0 0;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.15}.roofing-page .plumbing-proof-heading>p{color:#c0cedc;max-width:440px;margin:0;font-size:1rem;line-height:1.65}.roofing-page .plumbing-proof-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:32px 0 0;display:grid}.roofing-page .plumbing-proof-metrics article{border-right:1px solid #ffffff29;flex-direction:column;gap:10px;padding-right:32px;display:flex}.roofing-page .plumbing-proof-metrics article:last-child{border-right:0;padding-right:0}.roofing-page .plumbing-proof-metrics strong{color:#7be3bf;letter-spacing:-.04em;font-size:clamp(3rem,5.5vw,4.5rem);font-weight:750;line-height:1.05}.roofing-page .plumbing-proof-metrics article>span{max-width:235px;font-size:1.0625rem;line-height:1.45}@media (max-width:760px){.roofing-page .plumbing-customer-proof{padding:40px 0}.roofing-page .plumbing-proof-heading{grid-template-columns:1fr;gap:16px}.roofing-page .plumbing-proof-metrics{grid-template-columns:1fr;gap:0;margin:24px 0 0}.roofing-page .plumbing-proof-metrics article,.roofing-page .plumbing-proof-metrics article:last-child{border-bottom:1px solid #ffffff29;border-right:0;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:center;gap:16px;padding:20px 0;display:grid}.roofing-page .plumbing-proof-metrics article:last-child{border-bottom:0;padding-bottom:0}.roofing-page .plumbing-proof-metrics strong{font-size:clamp(2.5rem,8.5vw,3.5rem)}}.roofing-page .plumbing-call-types-visual{background:linear-gradient(#fff,#f4f7fb)}.roofing-page .plumbing-call-types-visual .split-heading{grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);align-items:end;gap:40px}.roofing-page .plumbing-call-types-visual h2{max-width:780px;font-size:clamp(2rem,3.5vw,3rem);line-height:1.12}.roofing-page .plumbing-call-types-visual .split-heading>p{max-width:290px;font-size:1.125rem}.roofing-page .plumbing-call-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px;margin:32px 0 24px;display:grid}.roofing-page .plumbing-call-card{background:#fff;border:1px solid #dce4ee;border-radius:20px;min-width:0;overflow:hidden;box-shadow:0 3px 8px #0c234006,0 12px 30px #0c23400b}.roofing-page .plumbing-call-art{background:#f4f7fb;height:clamp(180px,18vw,224px);overflow:hidden}.roofing-page .plumbing-call-art img{object-fit:contain;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.72,.2,1);display:block}.roofing-page .plumbing-call-card-content{padding:24px}.roofing-page .plumbing-call-card h3{letter-spacing:-.025em;color:#0c2340;margin:0 0 16px;font-size:1.5rem;line-height:1.2}.roofing-page .plumbing-call-examples{flex-wrap:wrap;align-content:start;gap:6px;min-height:62px;margin:0 0 20px;padding:0;list-style:none;display:flex}.roofing-page .plumbing-call-examples li{color:#4b5e75;background:#f4f7fb;border-radius:6px;padding:5px 8px;font-size:.875rem;line-height:1.4}.roofing-page .plumbing-call-action{color:#0c2340;border-top:1px solid #e6ecf3;align-items:center;gap:10px;padding:14px 0;display:flex}.roofing-page .plumbing-call-action>svg{color:#2867e8;flex:0 0 24px;width:24px;height:24px}.roofing-page .plumbing-call-card-service .plumbing-call-action>svg{color:#078475}.roofing-page .plumbing-call-action strong{font-size:1rem;font-weight:600;line-height:1.4}.roofing-page .plumbing-call-note{color:#4b5e75;margin:0;font-size:1rem;line-height:1.6}.roofing-page .recording-card-media-only .recording-header{flex-wrap:wrap}.roofing-page .recording-card-media-only .asset-status{font-size:.75rem}.roofing-page .recording-card-media-only .placeholder-pill{color:#b5c6d5;font-size:.75rem}.roofing-page .recording-card-media-only .audio-time{color:#a8bdce;font-size:.8125rem}.roofing-page .recording-card-media-only .play-button:disabled{color:#a8bdce;box-shadow:none;cursor:not-allowed;background:#263d53}.roofing-page .recording-card-media-only input:disabled{cursor:not-allowed}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.roofing-page:not([data-motion-stopped=true]) .plumbing-call-card:hover .plumbing-call-art img,.roofing-page:not([data-motion-stopped=true]) .plumbing-call-card:focus-within .plumbing-call-art img{transform:translateY(-3px)scale(1.025)}}@media (max-width:1000px){.roofing-page .plumbing-call-grid{gap:16px}.roofing-page .plumbing-call-card-content{padding:20px}.roofing-page .plumbing-call-examples{min-height:100px}.roofing-page .plumbing-call-action{min-height:80px}}@media (max-width:760px){.roofing-page .plumbing-call-types-visual .split-heading{grid-template-columns:1fr;gap:16px}.roofing-page .plumbing-call-types-visual .split-heading>p{max-width:none;margin:0}.roofing-page .plumbing-call-grid{grid-template-columns:1fr;gap:20px}.roofing-page .plumbing-call-card{grid-template-columns:35% minmax(0,1fr);align-items:stretch;display:grid}.roofing-page .plumbing-call-art{height:100%;min-height:220px}.roofing-page .plumbing-call-card-content{padding:20px}.roofing-page .plumbing-call-examples{min-height:0;margin-bottom:12px}.roofing-page .plumbing-call-action{min-height:0}}@media (max-width:440px){.roofing-page .plumbing-call-card{display:block}.roofing-page .plumbing-call-art{height:180px;min-height:0}.roofing-page .plumbing-call-card h3{font-size:1.375rem}}.roofing-page .v2-plumbing-hero .v2-illustration-stage{--v2-connector-gap:28px;gap:var(--v2-connector-gap)}.roofing-page .v2-plumbing-hero .v2-brand-node,.roofing-page .v2-plumbing-hero .v2-human-node,.roofing-page .v2-plumbing-hero .v2-outcome-node{align-self:stretch}.roofing-page .v2-plumbing-hero .v2-scene-node:after{display:none}.roofing-page .v2-plumbing-connector{z-index:3;width:24px;height:var(--v2-connector-gap);pointer-events:none;fill:none;stroke:var(--v2-green-deep);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;display:block;position:absolute;overflow:visible}.roofing-page .v2-plumbing-connector-below,.roofing-page .v2-plumbing-connector-mobile{top:calc(100% + 1px);left:50%;transform:translate(-50%)}.roofing-page .v2-plumbing-connector-above{bottom:calc(100% + 1px);left:50%;transform:translate(-50%)}.roofing-page .v2-plumbing-connector-right{width:var(--v2-connector-gap);height:24px;top:50%;left:calc(100% + 1px);transform:translateY(-50%)}.roofing-page .v2-plumbing-connector-mobile{display:none}.roofing-page .v2-plumbing-connector-line{stroke-dasharray:3 5;animation:7s linear infinite roofing-v2RouteFlow}.roofing-page .v2-plumbing-connector-arrow{stroke-dasharray:none}@media (max-width:620px){.roofing-page .v2-plumbing-hero .v2-illustration-stage{--v2-connector-gap:24px}.roofing-page .v2-plumbing-connector-right{display:none}.roofing-page .v2-plumbing-connector-mobile{display:block}}@media (prefers-reduced-motion:reduce){.roofing-page .v2-plumbing-connector-line{animation:none}}.roofing-page .v2-plumbing-hero .v2-scene-anchor{align-self:stretch;min-width:0;position:relative}.roofing-page .v2-plumbing-hero .v2-caller-anchor{grid-column:1;align-self:end}.roofing-page .v2-plumbing-hero .v2-brand-anchor{grid-column:1/-1;width:76%;margin-inline:auto}.roofing-page .v2-plumbing-hero .v2-human-anchor{grid-column:1}.roofing-page .v2-plumbing-hero .v2-outcome-anchor{grid-column:2}.roofing-page .v2-plumbing-hero .v2-scene-anchor>.v2-scene-node{width:100%;height:100%;margin:0}.roofing-page .v2-scene-anchor>.v2-plumbing-connector-below,.roofing-page .v2-scene-anchor>.v2-plumbing-connector-mobile{top:100%}.roofing-page .v2-scene-anchor>.v2-plumbing-connector-above{bottom:100%}.roofing-page .v2-scene-anchor>.v2-plumbing-connector-right{left:100%}@media (max-width:620px){.roofing-page .v2-plumbing-hero .v2-scene-anchor{grid-column:1;width:100%;margin:0}}.roofing-page .roofing-call-types .plumbing-call-card{flex-direction:column;display:flex}.roofing-page .roofing-call-types .plumbing-call-art{aspect-ratio:3/2;flex:none;width:100%;min-width:0;height:auto;min-height:0;position:relative;overflow:hidden}.roofing-page .roofing-call-types .plumbing-call-art img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.roofing-page .roofing-call-types .plumbing-call-card-urgent img{object-position:38% center}.roofing-page .plumbing-call-card-content{background:#fff;flex:1;width:100%;min-width:0;padding:24px;position:relative}.roofing-page .plumbing-call-note{font-size:16px;line-height:1.6}.roofing-page .plumbing-call-examples li{font-size:13px}.roofing-page .plumbing-call-action strong{font-size:15px}.roofing-page .integration-grid>article{min-width:0}.roofing-page .plumbing-integration-name{overflow-wrap:anywhere}.roofing-page .roofing-integration-brand{justify-content:center;align-items:center;width:100%;display:flex}.roofing-page .roofing-integration-brand img{object-fit:contain;width:100%;max-width:180px;height:50px;display:block}.roofing-page .roofing-integration-brand-roofr img{max-width:120px}.roofing-page .integration-grid>.roofing-integration-dark{background:#0c2340;border-color:#0c2340}.roofing-page .roofing-integration-generic{max-width:100%;color:var(--plumbing-ink);flex-direction:column;align-items:center;gap:12px;font-size:1rem;font-weight:600;line-height:1.4;display:flex}.roofing-page .roofing-integration-icon{background:#eaf1ff;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.roofing-page .roofing-integration-icon img{width:32px;height:32px;display:block}.roofing-page .calculator-result>strong{overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:4px;font-size:clamp(2rem,6.5vw,4rem);display:flex}.roofing-page .calculator-result .result-detail span{font-size:.8125rem;line-height:1.4}@media (max-width:560px){.roofing-page .plumbing-call-card-content{padding:20px}}.roofing-page{padding-top:76px}.roofing-page .roofing-page-tools{z-index:40;justify-content:flex-end;width:auto;margin:0;padding:0;display:flex;position:fixed;bottom:16px;right:20px}.roofing-page .page-motion-control{box-shadow:0 4px 18px #0b1b2f1f}.roofing-page .hero-section{padding-top:24px}.roofing-page [id]{scroll-margin-top:110px}.roofing-page .button:disabled{cursor:wait;opacity:.65;transform:none}.roofing-page .hero-email-status.error,.roofing-page .form-error{color:#b42318}.roofing-page .prototype-form .form-error{color:#ffb4a9}.roofing-page .prototype-form-security-note{align-items:center;gap:8px;font-size:12px;display:flex}.roofing-page .prototype-form-security-note svg{flex-shrink:0;width:16px;height:16px}.roofing-page .form-privacy-note a{text-decoration:underline}.roofing-page :focus-visible{outline-offset:4px;outline:3px solid #087f5b}.roofing-page .final-section :focus-visible{outline-color:#18e299}