.rfd{--ink:#1e1e20;--orange:#e65902;--orange-text:#b34400;--cream:#f0eae4;--paper:#f8f4ef;--sand:#e5dace;--muted:#5c5650;--line:#1e1e201f;--r:22px;--ease-out:cubic-bezier(.23,1,.32,1);box-sizing:border-box;min-height:100vh}.rfd *,.rfd :before,.rfd :after{box-sizing:border-box;margin:0;padding:0}:is(html:has(.rfd),body:has(.rfd)){background:#f0eae4}:is(body:has(.rfd) .cx-launch,body:has(.rfd) .consent){display:none}.rfd{background:var(--cream);color:var(--ink);font:400 17px/1.55 var(--rf-sans),system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overflow-x:hidden}.rfd img{max-width:100%;display:block}.rfd a{color:inherit}.rfd .wrap{padding:12px}.rfd .serif{font-family:var(--rf-serif),Georgia,serif}.rfd .btn{cursor:pointer;min-height:48px;font:600 16px/1 var(--rf-sans),system-ui,sans-serif;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--ease-out),background-color .2s ease,box-shadow .2s ease;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 24px;text-decoration:none;display:inline-flex}.rfd .btn:active{transition-duration:.1s;transform:scale(.97)}.rfd .btn-ink{background:var(--ink);color:var(--cream);box-shadow:inset 0 1px #ffffff14}.rfd .btn-orange{background:var(--orange);color:var(--ink);box-shadow:inset 0 1px #ffffff38,0 1px 2px #1e1e202e}@media (hover:hover) and (pointer:fine){.rfd .btn-ink:hover{background:#34343a}.rfd .btn-orange:hover{background:#f26a14;box-shadow:inset 0 1px #ffffff38,0 6px 18px #e6590247}}.rfd .btn:focus-visible{outline:2px solid var(--orange-text);outline-offset:3px;border-radius:999px}.rfd .mark:focus-visible{outline:2px solid var(--orange-text);outline-offset:3px;border-radius:999px}.rfd footer .me a:focus-visible{outline:2px solid var(--orange-text);outline-offset:3px;border-radius:999px}.rfd .hero .btn-orange:focus-visible{outline-color:#ff8a3d}.rfd header{z-index:5;-webkit-backdrop-filter:blur(14px);background:#f8f4efc7;border-radius:999px;justify-content:space-between;align-items:center;padding:8px 8px 8px 20px;display:flex;position:absolute;top:14px;left:14px;right:14px}.rfd .mark{font:600 24px/1 var(--rf-serif),Georgia,serif;letter-spacing:-.02em;color:var(--ink);align-items:center;text-decoration:none;display:inline-flex}.rfd .mark img{width:auto;height:32px;display:block}.rfd header .btn{min-height:40px;padding:0 18px;font-size:15px}.rfd .hero{border-radius:var(--r);color:var(--paper);background:#2a1d15;position:relative;overflow:hidden}.rfd .hero-photo{-o-object-fit:cover;object-fit:cover;-o-object-position:62% 60%;object-position:62% 60%;width:100%;height:100%;position:absolute;inset:0}.rfd .hero:after{content:"";z-index:1;background:linear-gradient(#16100c59 0%,#16100cb8 40%,#16100c99 100%);position:absolute;inset:0}.rfd .hero-inner{z-index:2;gap:40px;padding:112px 22px 36px;display:grid;position:relative}.rfd h1{font-family:var(--rf-serif),Georgia,serif;letter-spacing:-.025em;max-width:16ch;font-size:clamp(38px,10vw,74px);font-weight:350;line-height:1.04}.rfd h1 em{color:#ff8a3d;font-style:italic;font-weight:400}.rfd .sub{color:#f8f4efe0;max-width:36ch;margin-top:18px;font-size:18px;line-height:1.5}.rfd .cta{margin-top:26px}.rfd .cta .btn{width:100%;min-height:56px;font-size:17px}.rfd .phone{background:var(--ink);border-radius:44px;padding:9px;box-shadow:0 30px 60px #140c0659,inset 0 0 0 1px #ffffff14}.rfd .phone img{aspect-ratio:1170/2532;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;background:#cfccc8;border-radius:35px;width:100%;height:auto}.rfd .shot-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 24px 50px #140c064d,0 0 0 1px #1e1e201a}.rfd .shot-card img{aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;-o-object-position:top left;object-position:top left;width:100%;height:auto}.rfd .hero-visual{background:linear-gradient(#16100c0d,#16100c8c),url(/roofers/hero-roof.webp) 60% 40%/cover;border-radius:18px;flex-direction:column;align-items:center;margin:0 -12px;padding:32px 16px 20px;display:flex;position:relative}@media (max-width:899px){.rfd .hero{background:var(--paper);color:var(--ink)}.rfd .hero-photo,.rfd .hero:after{display:none}.rfd .hero-inner{padding:100px 22px 12px}.rfd h1 em{color:var(--orange-text)}.rfd .sub{color:var(--muted)}}.rfd .hero-visual .phone{z-index:2;width:min(250px,68vw);position:relative}.rfd .hero-visual .shot-card{z-index:3;width:100%;max-width:400px;margin-top:-64px;position:relative}.rfd .how{border-radius:var(--r);background:var(--paper);box-shadow:0 0 0 1px var(--line);margin-top:12px;padding:40px 22px 24px}.rfd h2{font-family:var(--rf-serif),Georgia,serif;letter-spacing:-.02em;font-size:clamp(34px,7vw,56px);font-weight:350;line-height:1.05}.rfd .steps{gap:14px;margin-top:28px;list-style:none;display:grid}.rfd .step{flex-direction:column;display:flex}.rfd .step-text{grid-template-columns:40px 1fr;gap:2px 10px;padding:0 4px 18px;display:grid}.rfd .n{font:italic 400 30px/1 var(--rf-serif),Georgia,serif;color:var(--orange-text);grid-row:span 2;padding-top:2px}.rfd .step h3{font-size:19px;font-weight:600;line-height:1.3}.rfd .step p{color:var(--muted);font-size:16px}.rfd .step-shot{background:var(--sand);box-shadow:inset 0 0 0 1px var(--line);border-radius:18px;justify-content:center;height:380px;margin-top:auto;padding:28px 0 0;display:flex;position:relative;overflow:hidden}.rfd .step-shot .phone{border-radius:40px 40px 0 0;align-self:flex-start;width:220px;padding-bottom:0;box-shadow:0 20px 40px #1e140a38}.rfd .step-shot .phone img{border-radius:32px 32px 0 0}.rfd .step-shot:after{content:"";background:linear-gradient(to top,var(--sand),#e5dace00);height:40px;position:absolute;bottom:0;left:0;right:0}.rfd .proof{border-radius:var(--r);background:var(--paper);box-shadow:0 0 0 1px var(--line);margin-top:12px;padding:40px 22px 28px}.rfd .fine{color:var(--muted);margin-top:16px;font-size:14px}.rfd .close{border-radius:var(--r);background:var(--sand);text-align:center;margin-top:12px;padding:52px 22px}.rfd .close h2{max-width:18ch;margin:0 auto;font-size:clamp(30px,6.4vw,46px)}.rfd .close h2 em{color:var(--orange-text);font-style:italic;font-weight:400}.rfd .close .cta{max-width:380px;margin:28px auto 0}.rfd footer{color:var(--muted);justify-content:space-between;align-items:center;padding:22px 10px 26px;font-size:14px;display:flex}.rfd footer .mark img{height:26px}.rfd footer{flex-direction:column;align-items:flex-start;gap:14px}.rfd footer .me{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px 16px;display:flex}.rfd footer .me a{color:var(--ink,#1e1e20);border-bottom:1px solid #1e1e2040;padding:6px 0;text-decoration:none}.rfd footer .socials{gap:0;display:flex}.rfd footer .socials a{width:44px;height:44px;color:var(--ink);border-bottom:0;justify-content:center;align-items:center;padding:0;display:flex}.rfd footer .socials a svg{width:20px;height:20px;display:block}:is(.rfd footer .socials a:hover,.rfd footer .socials a:focus-visible){color:var(--orange-text)}.rfd footer .socials a:focus-visible{outline:2px solid var(--orange-text);outline-offset:-4px;border-radius:8px}@media (min-width:900px){.rfd .wrap{padding:16px}.rfd header{padding:10px 10px 10px 26px;top:28px;left:36px;right:36px}.rfd .hero{min-height:min(100vh - 32px,860px)}.rfd .hero:after{background:linear-gradient(90deg,#16100cc7 0%,#16100c80 45%,#16100c26 75%),linear-gradient(#16100c00 55%,#16100c73)}.rfd .hero-inner{min-height:inherit;grid-template-columns:1fr 470px;align-items:center;gap:40px;padding:132px 56px 56px}.rfd h1{font-size:clamp(50px,5vw,72px)}.rfd .sub{font-size:20px}.rfd .cta{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.rfd .cta .btn{width:auto;padding:0 30px}.rfd .hero-visual{background:0 0;border-radius:0;height:640px;margin:0;padding:0;display:block}.rfd .hero-visual .phone{width:290px;position:absolute;top:0;right:20px}.rfd .hero-visual .shot-card{width:330px;margin:0;position:absolute;bottom:30px;left:0}.rfd .how{margin-top:16px;padding:72px 56px 56px}.rfd .steps{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.rfd .step-shot{height:440px}.rfd .step-shot .phone{width:236px}.rfd .proof{margin-top:16px;padding:72px 56px 56px}.rfd .close{margin-top:16px;padding:80px 40px}.rfd .close .cta{flex-direction:column;gap:0}.rfd .close .cta .btn{width:100%}.rfd footer{flex-direction:row;align-items:center;padding:28px 24px 36px}.rfd footer .me{justify-content:flex-end}}.rfd h1,.rfd h2,.rfd h3{text-transform:none}.rfd h3{font-family:var(--rf-sans),system-ui,sans-serif}.rfd .res{color:var(--paper);background:radial-gradient(120% 70% at 0 100%,#e6590257,#e6590200 60%),#1e1e20;border-radius:18px;gap:28px;margin-top:26px;padding:28px 20px 24px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 50px #140c062e,0 0 0 1px #1e1e2033}.rfd .res-eyebrow{color:#f8f4efd1;align-items:center;gap:10px;font-size:15px;display:flex}.rfd .res-eyebrow img{width:auto;height:24px;display:inline-block}.rfd .res .res-title{font:350 clamp(30px,8.4vw,52px)/1.08 var(--rf-serif),Georgia,serif;letter-spacing:-.02em;max-width:15ch;margin-top:18px}.rfd .res-title em{color:#ff8a3d;font-style:italic;font-weight:400}.rfd .res-x{font:300 clamp(96px,28vw,168px)/.86 var(--rf-serif),Georgia,serif;letter-spacing:-.04em;color:#ff7a26;font-variant-numeric:lining-nums tabular-nums;align-items:baseline;display:flex}.rfd .res-x .x{letter-spacing:0;margin-left:.06em;font-size:.34em}.rfd .res-x-cap{color:#f8f4efe0;max-width:24ch;margin-top:14px;font-size:18px;line-height:1.4}.rfd .res-small{color:#f8f4ef99;font-size:13px}.rfd .res-panel{color:var(--ink);background:#f6f2ec;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px #00000047,0 0 0 1px #ffffff0f}.rfd .rp-top{background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:16px;display:flex}.rfd .rp-top strong{white-space:nowrap;font-weight:600}.rfd .rp-badge{color:#1f6b35;white-space:nowrap;background:#e3f1e6;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:13px;font-weight:600;display:inline-flex}.rfd .rp-badge:before{content:"";background:#2e9a4e;border-radius:50%;width:7px;height:7px}.rfd .rp-period{color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px 22px;padding:12px 18px;font-size:14px;display:flex}.rfd .rp-period b{color:var(--ink);font-weight:600}.rfd .rp-rows{padding:0 18px}.rfd .rp-row{grid-template-columns:1fr auto;align-items:end;gap:6px 14px;padding:18px 0;display:grid}.rfd .rp-row+.rp-row{border-top:1px solid var(--line)}.rfd .rp-row dt{font-size:15px;line-height:1.35}.rfd .rp-row small{color:var(--muted);margin-top:4px;font-size:13px;display:block}.rfd .rp-row dd{text-align:right;font:500 clamp(24px,6.6vw,36px)/1 var(--rf-sans),system-ui,sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.rfd .rp-row dd small{letter-spacing:0;font-weight:400}.rfd .rp-row dd.hot{color:var(--orange-text)}.rfd .rp-row:last-child{align-items:center}.rfd .rp-row.has-bar:before,.rfd .rp-row.has-bar:after{content:"";border-radius:999px;grid-area:2/1/auto/-1;height:8px;margin-top:8px}.rfd .rp-row.has-bar:before{background:#1e1e2014}.rfd .rp-row.has-bar:after{width:var(--w);transform-origin:0;background:#8c857e}.rfd .rp-row.hot:after{background:var(--orange)}.rfd .rp-foot{color:var(--muted);border-top:1px solid var(--line);background:#fff;padding:14px 18px;font-size:13px}.rfd .ct{display:inline-block}.rfd .ct[data-final]:after{content:attr(data-final);visibility:hidden;height:0;display:block;overflow:hidden}@media (max-width:420px){.rfd .rp-row{grid-template-columns:1fr}.rfd .rp-row dd{text-align:left}}@media (min-width:900px){.rfd .res{background:radial-gradient(60% 75% at 0 100%,#e659025c,#e6590200 70%),#1e1e20;grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:0 56px;margin-top:40px;padding:52px 52px 40px}.rfd .res-head,.rfd .res-big,.rfd .res-small{grid-column:1}.rfd .res-big{margin-top:40px}.rfd .res-small{align-self:end;margin-top:28px}.rfd .res-panel{grid-area:1/2/4;align-self:center}.rfd .res .res-title{font-size:clamp(36px,3.7vw,52px)}.rfd .res-x{font-size:clamp(120px,12vw,168px)}.rfd .rp-top,.rfd .rp-period,.rfd .rp-foot{padding-left:28px;padding-right:28px}.rfd .rp-rows{padding:0 28px}.rfd .rp-row{padding:22px 0}.rfd .rp-row dd{font-size:clamp(28px,2.7vw,38px)}}@media (prefers-reduced-motion:no-preference){@keyframes rf-rise{0%{opacity:0;transform:translateY(24px)}}@keyframes rf-rise-sm{0%{opacity:0;transform:translateY(14px)scale(.985)}}.rfd .hero-visual .phone{animation:rf-rise .7s var(--ease-out) .25s both}.rfd .hero-visual .shot-card{animation:rf-rise-sm .6s var(--ease-out) .5s both}.rfd.rf-motion .rv{opacity:0;transition:opacity .5s var(--ease-out),transform .6s var(--ease-out);transform:translateY(16px)}.rfd.rf-motion .rv.in{opacity:1;transform:none}@media print{.rfd.rf-motion .rv{opacity:1;transform:none}}.rfd.rf-motion .step.rv:nth-child(2){transition-delay:70ms}.rfd.rf-motion .step.rv:nth-child(3){transition-delay:.14s}.rfd.rf-motion .res .has-bar:after{transition:transform 1.1s var(--ease-out) .1s;transform:scaleX(0)}.rfd.rf-motion .res.in .has-bar:after{transform:none}.rfd.rf-motion .res .has-bar.hot:after{transition-delay:.2s}}
