.roof-page{--rc-ink:#102d2c;--rc-deep:#173936;--rc-paper:#f1eee5;--rc-white:#fffdf7;--rc-line:#d2d0c8;--rc-lime:#d9f04d;--rc-amber:#efa83b;--rc-blue:#4c71da;--rc-muted:#6a7672;color:var(--rc-ink);background:var(--rc-paper);margin:0}.roof-page *{box-sizing:border-box}.rc-header{background:var(--rc-ink);color:#fff;border-bottom:1px solid #405451;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(22px,5vw,78px);display:flex}.rc-brand{letter-spacing:-.05em;align-items:center;gap:11px;font-size:19px;display:inline-flex}.rc-brand>span{border:1px solid var(--rc-lime);width:36px;height:36px;color:var(--rc-lime);font:700 11px/1 var(--font-geist-mono),monospace;place-items:center;display:grid;transform:rotate(-3deg)}.rc-brand b{font-weight:900}.rc-brand i{color:var(--rc-lime);font-style:normal}.rc-header nav{color:#c2ceca;gap:27px;font-size:12px;display:flex}.rc-header nav a:hover{color:var(--rc-lime)}.rc-header-cta{border-bottom:1px solid var(--rc-lime);color:var(--rc-lime);text-transform:uppercase;letter-spacing:.08em;font:700 10px/1 var(--font-geist-mono),monospace;padding:13px 0}.rc-hero{background:var(--rc-ink);color:#fff;padding:clamp(62px,8vw,110px) clamp(22px,7vw,110px) 80px;overflow:hidden}.rc-eyebrow{color:#b7c4c0;text-transform:uppercase;letter-spacing:.12em;font:600 10px/1.4 var(--font-geist-mono),monospace;align-items:center;gap:10px;display:flex}.rc-eyebrow span{background:var(--rc-amber);width:29px;height:2px}.rc-hero-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:end;gap:70px;margin-top:34px;display:grid}.rc-hero h1{font:700 clamp(50px,7vw,98px)/.93 var(--font-geist-sans),Arial,sans-serif;letter-spacing:-.075em;margin:0}.rc-hero h1 em{color:var(--rc-lime);font-style:normal}.rc-hero-grid>div>p{color:#bdc9c5;max-width:680px;margin:34px 0 0;font-size:clamp(17px,1.7vw,21px);line-height:1.55}.rc-hero-actions{align-items:center;gap:25px;margin-top:34px;display:flex}.rc-hero-actions>span{color:#98a7a3;font-size:11px}.rc-hero-actions>span b{color:#fff}.rc-button{border:1px solid var(--rc-ink);text-transform:uppercase;letter-spacing:.08em;min-height:55px;font:700 10px/1 var(--font-geist-mono),monospace;justify-content:space-between;align-items:center;gap:30px;padding:0 21px;transition:transform .2s;display:inline-flex}.rc-button:hover{transform:translateY(-2px)}.rc-primary{background:var(--rc-amber);border-color:var(--rc-amber);color:var(--rc-ink)}.rc-roof-sketch{border-bottom:1px solid #60716d;height:230px;position:relative}.rc-line{background:var(--rc-lime);transform-origin:50%;width:185px;height:3px;position:absolute;top:65px}.rc-left{left:4px;transform:rotate(-25deg)}.rc-right{right:4px;transform:rotate(25deg)}.rc-base{border-bottom:1px dashed #7b8986;position:absolute;bottom:40px;left:18px;right:18px}.rc-roof-sketch b{color:var(--rc-amber);font:600 14px/1 var(--font-geist-mono),monospace;position:absolute;bottom:53px;left:24px}.rc-roof-sketch i{color:#85938f;font:500 9px/1 var(--font-geist-mono),monospace;font-style:normal;position:absolute;bottom:22px;right:25px}.rc-proof{background:var(--rc-white);border-bottom:1px solid var(--rc-line);grid-template-columns:repeat(4,1fr);display:grid}.rc-proof>div{border-right:1px solid var(--rc-line);align-items:center;gap:15px;min-height:96px;padding:21px clamp(20px,3vw,43px);display:flex}.rc-proof>div:last-child{border:0}.rc-proof>div>b{background:var(--rc-ink);width:30px;height:30px;color:var(--rc-lime);border-radius:50%;place-items:center;font-size:11px;display:grid}.rc-proof span{flex-direction:column;gap:5px;display:flex}.rc-proof strong{font-size:12px}.rc-proof small{color:var(--rc-muted);font-size:9px}.rc-calculator{padding:90px clamp(22px,7vw,110px) 120px}.rc-section-title{grid-template-columns:42px minmax(0,1fr) minmax(240px,400px);align-items:end;gap:24px;margin-bottom:42px;display:grid}.rc-section-title>span,.rc-form-title>span{color:var(--rc-amber);font:700 11px/1 var(--font-geist-mono),monospace;align-self:start;margin-top:5px}.rc-section-title div>p,.rc-form-title div>p,.rc-faq>div>p,.rc-callout div>p{color:#b8740c;text-transform:uppercase;letter-spacing:.12em;font:700 10px/1 var(--font-geist-mono),monospace;margin:0 0 8px}.rc-section-title h2,.rc-form-title h2,.rc-faq h2,.rc-callout h2{font:650 clamp(31px,4vw,51px)/1 var(--font-geist-sans),Arial,sans-serif;letter-spacing:-.055em;margin:0}.rc-section-title>p{color:var(--rc-muted);margin:0;font-size:13px;line-height:1.65}.rc-type-grid{border-top:1px solid var(--rc-line);border-left:1px solid var(--rc-line);grid-template-columns:repeat(4,1fr);display:grid}.rc-type-grid button{border:0;border-right:1px solid var(--rc-line);border-bottom:1px solid var(--rc-line);min-height:220px;color:var(--rc-ink);text-align:left;cursor:pointer;background:0 0;flex-direction:column;align-items:flex-start;padding:25px;display:flex}.rc-type-grid button:hover{background:#e8e5dc}.rc-type-grid button.active{background:var(--rc-ink);color:#fff}.rc-type-grid button>span{height:57px;color:var(--rc-amber);font:400 45px/1 Arial,sans-serif}.rc-type-grid button.active>span{color:var(--rc-lime)}.rc-type-grid strong{letter-spacing:-.03em;margin-top:14px;font-size:18px}.rc-type-grid small{color:var(--rc-muted);margin-top:8px;font-size:10px;line-height:1.45}.rc-type-grid button.active small{color:#a7b5b1}.rc-type-grid i{width:100%;color:var(--rc-muted);font:600 8px/1 var(--font-geist-mono),monospace;text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;margin-top:auto;padding-top:20px;font-style:normal;display:flex}.rc-type-grid button.active i{color:var(--rc-lime)}.rc-estimator{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);margin-top:70px;display:grid;box-shadow:0 20px 70px #102d2c14}.rc-form-panel{background:var(--rc-white);padding:clamp(28px,5vw,62px)}.rc-form-title{grid-template-columns:40px 1fr;gap:15px;margin-bottom:40px;display:grid}.rc-form-title h2{font-size:clamp(29px,3.2vw,43px)}.rc-fields{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.roof-page label,.roof-page legend{color:#354b48;text-transform:uppercase;letter-spacing:.06em;font:700 10px/1.4 var(--font-geist-mono),monospace;flex-direction:column;gap:9px;display:flex}.rc-fields label>span,.rc-number{background:#f1eee6;border-bottom:1px solid #aaa9a3;align-items:center;height:57px;display:flex}.rc-fields input,.rc-number input{width:100%;min-width:0;height:55px;color:var(--rc-ink);background:0 0;border:0;outline:none;padding:0 14px;font-size:21px;font-weight:700}.rc-fields label>span:focus-within,.rc-number:focus-within{border-color:var(--rc-amber);box-shadow:inset 0 -1px var(--rc-amber)}.rc-fields i,.rc-number i{color:var(--rc-muted);white-space:nowrap;text-transform:none;padding-right:13px;font-size:9px;font-style:normal}.roof-page fieldset{border:0;margin:27px 0 0;padding:0}.roof-page legend{margin-bottom:10px}.rc-pitch-switch{grid-template-columns:1fr 1fr;display:grid}.rc-pitch-switch button{border:1px solid var(--rc-line);min-height:45px;color:var(--rc-ink);cursor:pointer;background:0 0;font-size:11px}.rc-pitch-switch button+button{border-left:0}.rc-pitch-switch button.active{background:var(--rc-ink);color:var(--rc-lime);border-color:var(--rc-ink)}.rc-full{margin-top:22px}.rc-range-row{align-items:center;gap:16px;height:58px;display:flex}.rc-range-row input{width:100%;accent-color:var(--rc-amber)}.rc-range-row b{background:var(--rc-ink);min-width:64px;color:var(--rc-lime);text-align:center;padding:12px;font-size:18px}.rc-flat-note{color:#58633d;background:#eff2de;margin:27px 0 0;padding:15px;font-size:11px;line-height:1.55}.rc-inline{grid-template-columns:1.4fr .8fr;gap:17px;margin-top:26px;display:grid}.roof-page select{border:1px solid var(--rc-line);background:var(--rc-white);width:100%;height:55px;color:var(--rc-ink);text-transform:none;border-radius:0;outline:none;padding:0 40px 0 14px;font-size:13px}.roof-page select:focus{border-color:var(--rc-amber)}.rc-inline label>small,.rc-help{color:var(--rc-muted);text-transform:none;letter-spacing:0;font:400 10px/1.45 Arial,sans-serif}.rc-calculate{background:var(--rc-amber);width:100%;min-height:63px;color:var(--rc-ink);text-transform:uppercase;letter-spacing:.08em;font:700 10px/1 var(--font-geist-mono),monospace;cursor:pointer;border:0;justify-content:space-between;align-items:center;margin-top:28px;padding:0 20px;display:flex}.rc-calculate:hover{background:#de9629}.rc-form-note{color:var(--rc-muted);text-align:center;margin:13px 0 0;font-size:9px;line-height:1.5}.rc-error{color:#a12d16;background:#fff0eb;padding:12px;font-size:11px}.rc-result{background:var(--rc-ink);color:#fff;min-height:780px;padding:clamp(28px,4.3vw,56px);scroll-margin-top:20px}.rc-result-top{color:#96a4a0;text-transform:uppercase;letter-spacing:.1em;font:500 8px/1 var(--font-geist-mono),monospace;border-bottom:1px solid #4c5f5b;justify-content:space-between;padding-bottom:16px;display:flex}.rc-result-project{color:var(--rc-lime);text-transform:uppercase;letter-spacing:.08em;font:600 9px/1.4 var(--font-geist-mono),monospace;margin:23px 0 0}.rc-big-result{border-bottom:1px solid #4c5f5b;padding:24px 0 25px}.rc-big-result small,.rc-pitch-results small,.rc-material small{color:#98a6a2;text-transform:uppercase;letter-spacing:.09em;font:500 8px/1 var(--font-geist-mono),monospace;display:block}.rc-big-result strong{color:var(--rc-lime);font:650 clamp(54px,6vw,76px)/1 var(--font-geist-sans),Arial,sans-serif;letter-spacing:-.06em;margin:8px 0 2px;display:block}.rc-big-result strong i{font-size:21px;font-style:normal}.rc-big-result>span,.rc-pitch-results>div>span,.rc-material>span{color:#8f9c98;font-size:9px}.rc-pitch-results{border-bottom:1px solid #4c5f5b;grid-template-columns:1fr 1fr;display:grid}.rc-pitch-results>div{padding:21px 18px 21px 0}.rc-pitch-results>div+div{border-left:1px solid #4c5f5b;padding-left:21px}.rc-pitch-results strong{margin:8px 0 3px;font-size:24px;display:block}.rc-material{border-bottom:1px solid #4c5f5b;padding:22px 0}.rc-material strong{color:var(--rc-amber);letter-spacing:-.04em;margin:8px 0 4px;font-size:31px;display:block}.rc-dimensions{border-bottom:1px solid #4c5f5b;grid-template-columns:1fr 1fr;padding:16px 0;display:grid}.rc-dimensions>div{color:#a9b5b1;justify-content:space-between;gap:10px;padding:8px 16px 8px 0;font-size:9px;display:flex}.rc-dimensions>div:nth-child(2n){border-left:1px solid #4c5f5b;padding-left:16px}.rc-dimensions b{color:#fff;font-size:11px}.rc-actions{gap:14px;margin-top:19px;display:grid}.rc-result-primary{background:var(--rc-lime);width:100%;color:var(--rc-ink);border:0}.rc-text-link{color:#b9c4c0;text-align:center;text-transform:uppercase;letter-spacing:.08em;font:600 8px/1 var(--font-geist-mono),monospace}.rc-disclaimer{color:#82908c;margin:15px 0 0;font-size:9px;line-height:1.5}.rc-placeholder{text-align:center;color:#8f9c98;flex-direction:column;justify-content:center;align-items:center;min-height:620px;display:flex}.rc-placeholder>b{color:var(--rc-lime);font-size:52px}.rc-placeholder h3{color:#fff;margin:17px 0 5px}.rc-placeholder p{font-size:12px}.rc-method{background:var(--rc-deep);color:#fff;padding:100px clamp(22px,7vw,110px)}.rc-section-title.light div>p{color:var(--rc-lime)}.rc-section-title.light>p{color:#a7b5b1}.rc-formula{border:1px solid #556a65;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;margin-bottom:42px;display:grid}.rc-formula>div{flex-direction:column;justify-content:center;min-height:120px;padding:27px;display:flex}.rc-formula>div small{color:#91a19d;text-transform:uppercase;letter-spacing:.09em;font:500 8px/1 var(--font-geist-mono),monospace}.rc-formula>div strong{margin-top:12px;font-size:16px}.rc-formula>b{color:var(--rc-amber);font-size:24px}.rc-method-grid{border-top:1px solid #536764;border-left:1px solid #536764;grid-template-columns:repeat(4,1fr);display:grid}.rc-method-grid article{border-bottom:1px solid #536764;border-right:1px solid #536764;min-height:240px;padding:27px}.rc-method-grid article>b{color:var(--rc-lime);font:600 10px/1 var(--font-geist-mono),monospace}.rc-method-grid h3{letter-spacing:-.03em;margin:50px 0 13px;font-size:18px}.rc-method-grid p{color:#a9b7b3;margin:0;font-size:12px;line-height:1.65}.rc-callout{background:var(--rc-lime);color:var(--rc-ink);grid-template-columns:1.1fr .7fr auto;align-items:center;gap:55px;padding:70px clamp(22px,7vw,110px);display:grid}.rc-callout div>p{color:#5b7000}.rc-callout h2{max-width:670px}.rc-callout>p{color:#42524e;font-size:13px;line-height:1.65}.rc-dark{background:var(--rc-ink);color:#fff;white-space:nowrap}.rc-faq{grid-template-columns:.8fr 1.2fr;gap:90px;padding:110px clamp(22px,7vw,110px);display:grid}.rc-faq>div:first-child{align-self:start;position:sticky;top:30px}.rc-faq-list{border-top:1px solid #aaaca6}.rc-faq details{border-bottom:1px solid #aaaca6}.rc-faq summary{cursor:pointer;justify-content:space-between;gap:25px;padding:23px 0;font-size:15px;font-weight:700;list-style:none;display:flex}.rc-faq summary::-webkit-details-marker{display:none}.rc-faq summary span{color:#b8740c;font-size:19px}.rc-faq details[open] summary span{transform:rotate(45deg)}.rc-faq details p{color:var(--rc-muted);margin:-5px 42px 24px 0;font-size:12px;line-height:1.7}.rc-footer{background:var(--rc-ink);color:#fff;grid-template-columns:1fr 1fr;align-items:center;gap:27px;padding:62px clamp(22px,7vw,110px) 30px;display:grid}.rc-footer>p{text-align:right;color:#aeb9b5}.rc-footer>div{color:#bac5c1;border-top:1px solid #425451;border-bottom:1px solid #425451;grid-column:1/-1;gap:27px;padding:24px 0;font-size:11px;display:flex}.rc-footer>small{color:#74827e;grid-column:1/-1;font-size:8px}@media (max-width:1050px){.rc-header nav{display:none}.rc-hero-grid{grid-template-columns:1fr}.rc-roof-sketch{display:none}.rc-section-title{grid-template-columns:35px 1fr}.rc-section-title>p{grid-column:2}.rc-estimator{grid-template-columns:1fr}.rc-method-grid{grid-template-columns:1fr 1fr}.rc-callout{grid-template-columns:1fr;gap:24px}.rc-callout .rc-button{width:max-content}.rc-faq{grid-template-columns:1fr;gap:50px}.rc-faq>div:first-child{position:static}}@media (max-width:680px){.rc-header{height:70px;padding:0 18px}.rc-header-cta{font-size:0}.rc-header-cta span{font-size:18px}.rc-hero{padding:57px 21px 55px}.rc-hero h1{font-size:clamp(47px,14vw,67px)}.rc-hero-actions{flex-direction:column;align-items:flex-start;gap:14px}.rc-proof{grid-template-columns:1fr 1fr}.rc-proof>div{min-height:80px}.rc-proof>div:nth-child(2){border-right:0}.rc-proof>div:nth-child(-n+2){border-bottom:1px solid var(--rc-line)}.rc-calculator,.rc-method,.rc-faq{padding-left:19px;padding-right:19px}.rc-section-title{grid-template-columns:27px 1fr;gap:7px}.rc-section-title h2{font-size:34px}.rc-type-grid{grid-template-columns:1fr 1fr}.rc-type-grid button{min-height:185px;padding:18px}.rc-type-grid button>span{height:44px;font-size:36px}.rc-type-grid strong{font-size:15px}.rc-estimator{margin-left:-19px;margin-right:-19px}.rc-fields,.rc-inline,.rc-pitch-results{grid-template-columns:1fr}.rc-pitch-results>div+div{border-top:1px solid #4c5f5b;border-left:0;padding-left:0}.rc-formula{grid-template-columns:1fr}.rc-formula>b{text-align:center}.rc-method-grid{grid-template-columns:1fr}.rc-method-grid article{min-height:205px}.rc-callout{padding:58px 20px}.rc-footer{grid-template-columns:1fr}.rc-footer>p{text-align:left}.rc-footer>div,.rc-footer>small{grid-column:1}.rc-footer>div{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.roof-page *{transition:none!important}}