.roof-page{--rq-black:#101416;--rq-black-2:#171c1f;--rq-black-3:#22292d;--rq-paper:#f3f0ea;--rq-white:#fff;--rq-orange:#ff7a00;--rq-orange-dark:#d85f00;--rq-yellow:#ffc84a;--rq-green:#2f8f63;--rq-ink:#161b1e;--rq-muted:#68757d;--rq-line:#cfd4d5;--rq-dark-line:#30383d;--rq-shadow:0 24px 60px #0003;background:var(--rq-paper);min-height:100vh;color:var(--rq-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.roof-page *,.roof-page :before,.roof-page :after{box-sizing:border-box}.roof-page button,.roof-page input,.roof-page select,.roof-page textarea{font:inherit}.roof-page button,.roof-page a{touch-action:manipulation}.roof-shell{width:min(100% - 40px,1240px);margin-inline:auto}.roof-header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#101416f7;border-bottom:1px solid #30373b;position:sticky;top:0}.roof-nav{justify-content:space-between;align-items:center;gap:28px;min-height:76px;display:flex}.roof-brand{color:var(--rq-white);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.roof-brand-mark{background:var(--rq-orange);width:45px;height:45px;color:var(--rq-black);clip-path:polygon(50% 0,100% 28%,100% 100%,0 100%,0 28%);place-items:center;display:grid}.roof-brand-mark svg{width:28px;height:28px}.roof-brand-copy{line-height:1;display:grid}.roof-brand-copy strong{letter-spacing:.06em;font-size:1.02rem;font-weight:950}.roof-brand-copy small{color:#9eaaaf;letter-spacing:.2em;margin-top:5px;font-size:.61rem;font-weight:850}.roof-nav nav{color:#d7dddf;text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:26px;font-size:.84rem;font-weight:800;display:flex}.roof-nav nav>a:not(.roof-button){color:inherit;text-decoration:none}.roof-nav nav>a:not(.roof-button):hover{color:var(--rq-orange)}.roof-button{background:var(--rq-white);min-height:44px;color:var(--rq-black);text-transform:uppercase;letter-spacing:.045em;cursor:pointer;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;gap:8px;padding:10px 17px;font-size:.84rem;font-weight:900;text-decoration:none;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.roof-button:hover{transform:translateY(-2px)}.roof-button:disabled{opacity:.52;cursor:not-allowed;transform:none}.roof-button-primary{background:var(--rq-orange);color:var(--rq-black);box-shadow:0 10px 22px #ff7a003b}.roof-button-primary:hover{background:#ff922f}.roof-button-dark,.roof-button-secondary{background:var(--rq-black);color:var(--rq-white)}.roof-button-ghost{color:inherit;background:0 0;border-color:#555f64}.roof-builder-page .roof-button-ghost{color:var(--rq-ink);background:#fff;border-color:#b6bec1}.roof-button-danger{color:#9d241c;background:#fff4f2;border-color:#b94a3d}.roof-button-large{min-height:54px;padding-inline:23px}.roof-text-link{color:#dfe4e6;text-transform:uppercase;letter-spacing:.06em;text-underline-offset:5px;align-items:center;min-height:52px;font-size:.84rem;font-weight:850;display:inline-flex}.roof-text-link:hover{color:var(--rq-orange)}.roof-kicker,.roof-eyebrow{color:var(--rq-orange);letter-spacing:.2em;text-transform:uppercase;font-size:.69rem;font-weight:950;display:block}.roof-kicker-dark{color:#8a4b17}.roof-hero{background:linear-gradient(115deg, #ff7a0014, transparent 32%), repeating-linear-gradient(135deg, transparent 0 24px, #ffffff05 24px 25px), var(--rq-black);color:var(--rq-white);padding:92px 0 102px;position:relative;overflow:hidden}.roof-hero:after{content:"";pointer-events:none;border:2px solid #ff7a002b;width:58vw;height:430px;position:absolute;bottom:-190px;right:-9vw;transform:rotate(-14deg)}.roof-hero-grid{z-index:1;grid-template-columns:.92fr 1.08fr;align-items:center;gap:80px;display:grid;position:relative}.roof-hero-copy h1{color:var(--rq-white);letter-spacing:-.065em;text-transform:uppercase;margin:16px 0 22px;font-size:clamp(3.4rem,7vw,6.7rem);line-height:.87}.roof-hero-copy h1 em{color:var(--rq-orange);font-style:normal}.roof-hero-copy>p{color:#b7c0c4;max-width:620px;margin:0;font-size:1.11rem;line-height:1.7}.roof-actions{flex-wrap:wrap;align-items:center;gap:19px;margin:32px 0 25px;display:flex}.roof-trust{color:#e1e6e7;flex-wrap:wrap;gap:17px;font-size:.78rem;font-weight:750;display:flex}.roof-trust span{align-items:center;gap:6px;display:inline-flex}.roof-trust svg{color:var(--rq-orange)}.roof-command-preview{color:var(--rq-ink);box-shadow:24px 28px 0 #ff7a0024, var(--rq-shadow);background:#ede9e2;border:1px solid #444d52;position:relative}.roof-command-preview:before{content:"";background:var(--rq-orange);height:10px;position:absolute;inset:-10px 26px auto -10px}.roof-command-bar{background:var(--rq-black-2);min-height:76px;color:var(--rq-white);justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;display:flex}.roof-command-bar>div{gap:4px;display:grid}.roof-command-bar span,.roof-command-metrics span,.roof-command-total span{letter-spacing:.14em;text-transform:uppercase;font-size:.63rem;font-weight:900}.roof-command-bar strong{font-size:1.02rem}.roof-status-dot{color:var(--rq-orange);border:1px solid #ff7a008c;padding:7px 9px}.roof-command-metrics{border-bottom:1px solid #c7cdcf;grid-template-columns:repeat(4,1fr);display:grid}.roof-command-metrics>div{border-right:1px solid #c7cdcf;gap:3px;min-width:0;padding:18px 17px;display:grid}.roof-command-metrics>div:last-child{border-right:0}.roof-command-metrics span,.roof-command-metrics small{color:var(--rq-muted)}.roof-command-metrics strong{font-size:1.35rem;line-height:1}.roof-command-metrics small{font-size:.68rem}.roof-command-costs{padding:14px 22px}.roof-command-costs>div{border-bottom:1px dashed #bec5c7;justify-content:space-between;gap:18px;padding:11px 0;font-size:.83rem;display:flex}.roof-command-total{background:var(--rq-white);border-top:3px solid var(--rq-black);justify-content:space-between;align-items:end;gap:18px;padding:20px 22px;display:flex}.roof-command-total>div{gap:5px;display:grid}.roof-command-total small{color:var(--rq-muted)}.roof-command-total>strong{font-size:2.2rem;line-height:1}.roof-command-footer{background:var(--rq-orange);align-items:center;gap:9px;padding:13px 22px;font-size:.76rem;font-weight:800;display:flex}.roof-field-strip{background:var(--rq-orange);color:var(--rq-black)}.roof-field-strip .roof-shell{grid-template-columns:repeat(6,1fr);align-items:center;min-height:62px;display:grid}.roof-field-strip span{text-align:center;letter-spacing:.075em;border-right:1px solid #1014163d;padding:0 14px;font-size:.68rem;font-weight:950}.roof-field-strip span:last-child{border-right:0}.roof-workflow{background:var(--rq-paper);padding:104px 0}.roof-workflow-grid{grid-template-columns:.72fr 1.28fr;align-items:start;gap:92px;display:grid}.roof-workflow-intro{position:sticky;top:110px}.roof-workflow-intro h2,.roof-tool-heading h2,.roof-no-crm h2,.roof-cta-card h2{color:var(--rq-black);letter-spacing:-.06em;text-transform:uppercase;margin:13px 0 18px;font-size:clamp(2.35rem,5vw,4.8rem);line-height:.98}.roof-workflow-intro p{max-width:470px;color:var(--rq-muted);margin:0 0 28px;line-height:1.75}.roof-workflow-list{border-top:4px solid var(--rq-black)}.roof-workflow-list article{border-bottom:1px solid #bec4c5;grid-template-columns:90px 1fr;gap:28px;min-height:176px;padding:30px 8px;display:grid}.roof-workflow-list article>b{color:var(--rq-orange-dark);letter-spacing:-.07em;font-size:3rem;line-height:1}.roof-workflow-list article span{color:#8a4b17;letter-spacing:.18em;font-size:.65rem;font-weight:950}.roof-workflow-list h3{letter-spacing:-.04em;margin:5px 0 8px;font-size:1.55rem}.roof-workflow-list p{max-width:620px;color:var(--rq-muted);margin:0}.roof-tool-section{background:repeating-linear-gradient(45deg, transparent 0 28px, #ffffff05 28px 29px), var(--rq-black);color:var(--rq-white);padding:100px 0}.roof-tool-heading{max-width:800px;margin-bottom:42px}.roof-tool-heading h2{color:var(--rq-white)}.roof-tool-grid{border-top:1px solid var(--rq-dark-line);border-left:1px solid var(--rq-dark-line);grid-template-columns:repeat(3,1fr);display:grid}.roof-tool-grid article{border-right:1px solid var(--rq-dark-line);border-bottom:1px solid var(--rq-dark-line);background:#ffffff05;min-height:250px;padding:30px}.roof-tool-grid svg{color:var(--rq-orange)}.roof-tool-grid h3{color:var(--rq-white);margin:34px 0 10px;font-size:1.25rem}.roof-tool-grid p{color:#aeb8bc;margin:0;line-height:1.65}.roof-no-crm{background:#e8e3da;padding:86px 0}.roof-no-crm-grid{grid-template-columns:1fr .8fr;align-items:center;gap:80px;display:grid}.roof-no-crm h2{max-width:720px}.roof-no-crm-points{border-top:3px solid var(--rq-black);gap:0;display:grid}.roof-no-crm-points span{border-bottom:1px solid #bcb7ae;align-items:center;gap:11px;padding:17px 0;font-weight:780;display:flex}.roof-no-crm-points svg{color:var(--rq-orange-dark)}.roof-cta{background:var(--rq-orange);padding:0}.roof-cta-card{justify-content:space-between;align-items:center;gap:45px;min-height:285px;display:flex}.roof-cta-card h2{max-width:870px;margin-bottom:0}.roof-cta-card .roof-kicker{color:#6f3300}.roof-cta-card .roof-button-primary{border:2px solid var(--rq-black);background:var(--rq-black);color:var(--rq-white);box-shadow:none;flex:none}.roof-footer{color:var(--rq-white);background:#090c0d;padding:62px 0 24px}.roof-brand-light .roof-brand-mark{background:var(--rq-orange)}.roof-footer-grid{grid-template-columns:1.35fr .7fr .95fr;gap:65px;display:grid}.roof-footer-grid>div:not(:first-child){flex-direction:column;gap:10px;display:flex}.roof-footer-grid>div>strong{color:var(--rq-orange);letter-spacing:.18em;font-size:.67rem}.roof-footer-grid p,.roof-footer-grid a,.roof-footer-grid span{color:#99a4a8}.roof-footer-grid p{max-width:430px;margin-top:20px}.roof-footer-grid a{text-decoration:none}.roof-footer-grid a:hover{color:var(--rq-white)}.roof-footer-bottom{color:#798388;border-top:1px solid #2c3336;justify-content:space-between;gap:20px;margin-top:43px;padding-top:20px;font-size:.74rem;display:flex}.roof-builder-page{background:linear-gradient(#111619 0 210px,#e9e5de 210px 100%);min-height:calc(100vh - 76px);padding:30px 28px 56px}.roof-builder-heading{width:min(100%,1600px);min-height:144px;color:var(--rq-white);justify-content:space-between;align-items:center;gap:30px;margin:0 auto 22px;display:flex}.roof-builder-heading h1{color:var(--rq-white);letter-spacing:-.055em;text-transform:uppercase;margin:8px 0 6px;font-size:clamp(2.1rem,4vw,3.8rem);line-height:.95}.roof-builder-heading p{color:#abb5b9;max-width:690px;margin:0}.roof-builder-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.roof-builder-heading .roof-button-ghost{color:var(--rq-white);background:0 0;border-color:#596267}.roof-builder-layout{grid-template-columns:255px minmax(560px,1fr) minmax(410px,.78fr);align-items:start;gap:18px;width:min(100%,1600px);margin-inline:auto;display:grid}.roof-saved-panel,.roof-form,.roof-preview-panel{min-width:0}.roof-saved-panel{background:var(--rq-black-2);max-height:calc(100vh - 125px);color:var(--rq-white);border-top:5px solid var(--rq-orange);padding:18px;position:sticky;top:98px;overflow:auto;box-shadow:0 16px 38px #00000024}.roof-panel-title{justify-content:space-between;align-items:start;gap:10px;margin-bottom:15px;display:flex}.roof-panel-title h2{color:var(--rq-white);margin:4px 0 0;font-size:1.05rem}.roof-local-badge{color:#b8c2c6;text-transform:uppercase;letter-spacing:.08em;border:1px solid #4b555a;padding:5px 7px;font-size:.61rem;font-weight:900}.roof-empty-saved{text-align:center;color:#909ba0;padding:30px 8px}.roof-empty-saved svg{color:var(--rq-orange);margin-bottom:10px}.roof-empty-saved strong,.roof-empty-saved span{display:block}.roof-empty-saved strong{color:var(--rq-white)}.roof-empty-saved span{margin-top:5px;font-size:.76rem}.roof-saved-list{gap:8px;display:grid}.roof-saved-card{background:#20272b;border:1px solid #3e484d;position:relative}.roof-saved-card.active{border-color:var(--rq-orange);box-shadow:inset 4px 0 0 var(--rq-orange)}.roof-saved-main{width:100%;color:var(--rq-white);text-align:left;cursor:pointer;background:0 0;border:0;gap:2px;padding:12px 44px 12px 12px;display:grid}.roof-saved-main span{color:var(--rq-orange);letter-spacing:.08em;font-size:.64rem;font-weight:900}.roof-saved-main small{color:#97a3a8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.roof-saved-main b{color:var(--rq-yellow);margin-top:4px}.roof-delete-saved{color:#d7dddf;cursor:pointer;background:#30383c;border:0;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:7px;right:6px}.roof-delete-saved:hover{color:#ff8b7e}.roof-storage-note{color:#8e999e;border-top:1px solid #394247;margin:16px 0 0;padding-top:14px;font-size:.71rem}.roof-storage-note strong{color:#d7dddf}.roof-form{padding:0}.roof-summary-strip{background:var(--rq-orange);border:0;grid-template-columns:repeat(4,1fr);margin-bottom:14px;display:grid;box-shadow:0 12px 26px #7e450d26}.roof-summary-strip>div{border-right:1px solid #10141638;gap:4px;min-width:0;padding:18px 17px;display:grid}.roof-summary-strip>div:last-child{border-right:0}.roof-summary-strip span{color:#5e2c00;letter-spacing:.1em;text-transform:uppercase;font-size:.61rem;font-weight:950}.roof-summary-strip strong{overflow-wrap:anywhere;color:var(--rq-black);font-size:1.08rem}.roof-card{background:var(--rq-white);border:0;border-left:5px solid #32393d;border-radius:0;margin-bottom:13px;padding:22px;box-shadow:0 10px 26px #1a1f2112}.roof-card:hover{border-left-color:var(--rq-orange)}.roof-card-heading{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.roof-card-heading>div{align-items:center;gap:11px;display:flex}.roof-card h2{color:var(--rq-black);letter-spacing:-.03em;margin:0;font-size:1.13rem}.roof-step-chip{background:var(--rq-black);width:32px;height:32px;color:var(--rq-orange);place-items:center;font-size:.67rem;font-weight:950;display:grid}.roof-help{color:var(--rq-muted);font-size:.72rem}.roof-field-grid{gap:13px;display:grid}.roof-field-grid.two{grid-template-columns:repeat(2,1fr)}.roof-field-grid.three{grid-template-columns:repeat(3,1fr)}.roof-field{gap:6px;min-width:0;display:grid}.roof-field>span{color:#313b40;text-transform:uppercase;letter-spacing:.035em;font-size:.71rem;font-weight:850}.roof-field small{color:var(--rq-muted);font-size:.68rem}.roof-field input,.roof-field select,.roof-field textarea{width:100%;min-height:45px;color:var(--rq-ink);background:#fbfbfa;border:1px solid #aeb7ba;border-radius:0;outline:0;padding:10px 11px}.roof-field textarea{resize:vertical}.roof-field input:focus,.roof-field select:focus,.roof-field textarea:focus{border-color:var(--rq-orange-dark);box-shadow:0 0 0 3px #ff7a0029}.roof-price-note{border-left:4px solid var(--rq-orange);color:#76502e;background:#fff4e8;margin-top:17px;padding:13px 15px;font-size:.75rem}.roof-bottom-actions{justify-content:flex-end;gap:9px;margin:20px 0 34px;display:flex}.roof-preview-panel{background:var(--rq-black-2);border-top:5px solid var(--rq-orange);min-width:0;padding:17px;position:sticky;top:92px;box-shadow:0 16px 38px #00000024}.roof-preview-toolbar{min-height:54px;color:var(--rq-white);justify-content:space-between;align-items:center;gap:13px;margin-bottom:12px;display:flex}.roof-preview-toolbar>div{gap:3px;display:grid}.roof-preview-toolbar .roof-eyebrow{margin:0}.roof-preview-toolbar strong{font-size:.94rem}.roof-preview-toolbar small{color:#94a0a5}.roof-preview-toolbar .roof-button-ghost{color:var(--rq-white);background:0 0;border-color:#555f64}.roof-preview-frame{background:var(--rq-white);border:0;border-radius:0;overflow:hidden}.roof-preview-frame .document-shell{min-height:760px;box-shadow:none;--document-accent:var(--rq-orange);border:0;border-radius:0}.roof-preview-frame .document-header{border-bottom:4px solid var(--rq-black)}.roof-preview-frame .document-logo-placeholder{background:var(--rq-black);border-radius:0}.roof-preview-frame .document-job{border-left:6px solid var(--rq-orange);background:#fff2e4}.roof-preview-frame .document-row-head{background:var(--rq-black)}.roof-preview-frame .document-footer{color:#7c878c;border-top-color:#cacfd0}.roof-mobile-tabs{display:none}.roof-toast{z-index:80;max-width:460px;box-shadow:var(--rq-shadow);background:#fff;border-left:5px solid;padding:13px 16px;font-size:.82rem;font-weight:800;position:fixed;top:92px;right:24px}.roof-toast-success{color:#216a49;border-color:#2f8f63}.roof-toast-error{color:#9a2c23;border-color:#c84336}.roof-toast-info{border-color:var(--rq-orange);color:#7a430f}@media (max-width:1320px){.roof-builder-layout{grid-template-columns:230px minmax(530px,1fr)}.roof-preview-panel{grid-column:2;position:static}.roof-saved-panel{grid-row:1/3}}@media (max-width:980px){.roof-shell{width:min(100% - 28px,1240px)}.roof-nav nav>a:not(.roof-button){display:none}.roof-hero-grid,.roof-workflow-grid,.roof-no-crm-grid{grid-template-columns:1fr}.roof-hero-grid{gap:58px}.roof-workflow-intro{position:static}.roof-tool-grid{grid-template-columns:repeat(2,1fr)}.roof-field-strip .roof-shell{grid-template-columns:repeat(3,1fr)}.roof-field-strip span:nth-child(3){border-right:0}.roof-field-strip span:nth-child(-n+3){border-bottom:1px solid #1014163d}.roof-cta-card{flex-direction:column;justify-content:center;align-items:flex-start;padding-block:50px}.roof-footer-grid{grid-template-columns:1fr 1fr}.roof-footer-grid>div:first-child{grid-column:1/-1}.roof-builder-page{background:linear-gradient(#111619 0 240px,#e9e5de 240px 100%);padding:20px 14px 42px}.roof-builder-heading{flex-direction:column;justify-content:center;align-items:flex-start;min-height:175px}.roof-builder-actions{justify-content:flex-start}.roof-builder-layout{display:block}.roof-saved-panel{max-height:none;margin-bottom:14px;position:static}.roof-mobile-tabs{background:var(--rq-black-2);grid-template-columns:1fr 1fr;margin-bottom:14px;display:grid}.roof-mobile-tabs button{color:#aeb8bc;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;min-height:48px;font-weight:850;display:flex}.roof-mobile-tabs button.active{background:var(--rq-orange);color:var(--rq-black)}.roof-form,.roof-preview-panel{display:none}.roof-form.mobile-active,.roof-preview-panel.mobile-active{display:block}.roof-preview-panel{position:static}}@media (max-width:680px){.roof-nav{min-height:68px}.roof-brand-mark{width:40px;height:40px}.roof-brand-copy small{display:none}.roof-nav nav{gap:0}.roof-nav .roof-button{min-height:40px;padding:8px 10px;font-size:.71rem}.roof-hero{padding:65px 0 74px}.roof-hero-copy h1{font-size:clamp(3.2rem,17vw,5rem)}.roof-actions{flex-direction:column;align-items:stretch}.roof-actions .roof-button,.roof-actions .roof-text-link{justify-content:center;width:100%}.roof-trust{display:grid}.roof-command-preview{box-shadow:10px 12px #ff7a0029,0 20px 45px #0000003d}.roof-command-bar{flex-direction:column;align-items:flex-start}.roof-command-metrics{grid-template-columns:repeat(2,1fr)}.roof-command-metrics>div:nth-child(2){border-right:0}.roof-command-metrics>div:nth-child(-n+2){border-bottom:1px solid #c7cdcf}.roof-command-total{flex-direction:column;align-items:flex-start}.roof-field-strip .roof-shell{grid-template-columns:repeat(2,1fr)}.roof-field-strip span{place-items:center;min-height:48px;display:grid}.roof-field-strip span:nth-child(odd){border-right:1px solid #1014163d}.roof-field-strip span:nth-child(2n){border-right:0}.roof-field-strip span:nth-child(-n+4){border-bottom:1px solid #1014163d}.roof-workflow,.roof-tool-section,.roof-no-crm{padding:70px 0}.roof-workflow-list article{grid-template-columns:58px 1fr;gap:14px}.roof-workflow-list article>b{font-size:2.1rem}.roof-tool-grid{grid-template-columns:1fr}.roof-tool-grid article{min-height:auto}.roof-footer-grid{grid-template-columns:1fr}.roof-footer-grid>div:first-child{grid-column:auto}.roof-footer-bottom{flex-direction:column}.roof-builder-page{background:linear-gradient(#111619 0 310px,#e9e5de 310px 100%)}.roof-builder-heading{min-height:245px}.roof-builder-heading h1{font-size:2.3rem}.roof-builder-actions,.roof-bottom-actions{flex-direction:column;width:100%}.roof-builder-actions .roof-button,.roof-bottom-actions .roof-button{width:100%}.roof-summary-strip{grid-template-columns:repeat(2,1fr)}.roof-summary-strip>div:nth-child(2){border-right:0}.roof-summary-strip>div:nth-child(-n+2){border-bottom:1px solid #10141638}.roof-field-grid.two,.roof-field-grid.three{grid-template-columns:1fr}.roof-card{padding:18px}.roof-card-heading{flex-direction:column}.roof-preview-panel{padding:11px}.roof-preview-toolbar{flex-direction:column;align-items:flex-start}.roof-preview-toolbar .roof-button{width:100%}.roof-preview-frame .document-shell{padding:18px}.roof-toast{top:78px;left:14px;right:14px}}@media print{.roof-header,.roof-footer,.roof-builder-heading,.roof-mobile-tabs,.roof-saved-panel,.roof-form,.roof-preview-toolbar{display:none!important}.roof-builder-page,.roof-preview-panel,.roof-preview-frame{box-shadow:none!important;background:#fff!important;padding:0!important}.roof-builder-layout,.roof-preview-panel{display:block!important}}