.rf-process{color:#183953;background:#f4f7fa;margin:auto;padding:65px max(6vw,24px)}.rf-process-head{max-width:850px;margin-bottom:28px}.rf-process-eyebrow{letter-spacing:.1em;color:#a74d0b;font-size:.8rem;font-weight:750}.rf-process h2{margin:14px 0 18px;font-size:clamp(1.9rem,3.3vw,3rem);line-height:1.15}.rf-process-head>p:last-child{color:#526b7e;line-height:1.7}.rf-process-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.rf-process figure{background:#fff;border:1px solid #d4e0eb;border-radius:14px;margin:0;overflow:hidden;box-shadow:0 8px 24px #0f2d4908}.rf-process-image{aspect-ratio:3/2;background:#e8eef3;overflow:hidden}.rf-process-image img{object-fit:cover;width:100%;height:100%}.rf-process-grid figure:first-child img{object-position:75% center}.rf-process figcaption{border-top:3px solid #f38a38;padding:24px}.rf-process h3{color:#133652;margin:0 0 12px;font-size:1.25rem;line-height:1.4}.rf-process figcaption p{color:#516b80;margin:0;line-height:1.7}.rf-process-note{color:#5b6f81;margin:22px 0 0;font-size:.875rem;line-height:1.7}@media (width<=760px){.rf-process{padding:42px 6%}.rf-process-grid{grid-template-columns:1fr;gap:24px}.rf-process figcaption{padding:22px}}.roof-landing{--rl-navy:#102c49;--rl-orange:#f38a38;color:#18344f;background:#fff;font-size:16px;overflow-x:clip}.roof-landing *{box-sizing:border-box}.roof-landing h1,.roof-landing h2,.roof-landing h3,.roof-landing p,.roof-landing figure{margin:0}.roof-landing a{text-decoration:none}.roof-landing button,.roof-landing input,.roof-landing select{font:inherit}.roof-landing button,.roof-landing a,.roof-landing input,.roof-landing select{touch-action:manipulation}.roof-landing :focus-visible{outline-offset:4px;outline:3px solid #e5761f}.roof-landing section{scroll-margin-top:30px}.rl-header{background:#fff;justify-content:space-between;align-items:center;gap:24px;max-width:1440px;margin:auto;padding:20px 5%;display:flex}.rl-header nav,.rl-header-tools{align-items:center;gap:24px;display:flex}.rl-header nav a{color:#193b5c;font-size:.9rem;font-weight:700}.rl-call{color:#102c49;white-space:nowrap;font-size:.9rem;font-weight:750}.rl-language{background:#edf2f7;border-radius:7px;gap:2px;padding:3px;display:flex}.rl-language button{color:#18344f;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:8px;font-size:.875rem}.rl-language button[aria-pressed=true]{color:#fff;background:#102c49}.rl-hero{color:#fff;background:linear-gradient(130deg,#082038,#173f62);grid-template-columns:1.05fr .95fr;min-height:540px;display:grid}.rl-hero-copy{align-self:center;padding:70px 7% 60px max(6vw,24px)}.rl-eyebrow{letter-spacing:.12em;color:#bc5a11;font-size:.8rem;font-weight:750;margin-bottom:18px!important}.rl-hero .rl-eyebrow,.rl-request-copy .rl-eyebrow{color:#ffb175}.roof-landing h1{letter-spacing:-.045em;max-width:750px;font-size:clamp(2.6rem,4.7vw,4.4rem);line-height:1.05}.roof-landing h1 em{color:#ffb175;font-style:normal}.rl-hero-copy>p:not(.rl-eyebrow){color:#e0e9f1;max-width:620px;margin-top:24px;font-size:1.1rem;line-height:1.7}.rl-hero-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:30px;display:flex}.rl-primary{text-align:center;color:#102338;cursor:pointer;background:#f38a38;border:0;border-radius:8px;justify-content:center;align-items:center;min-height:50px;padding:15px 22px;font-weight:800;display:inline-flex}.rl-text-link{color:#fff;text-underline-offset:5px;text-decoration:underline!important}.rl-hero-notes{color:#e2ebf3;flex-wrap:wrap;gap:10px 20px;margin-top:34px;font-size:.875rem;display:flex}.rl-hero-image{min-height:490px;position:relative;overflow:hidden}.rl-hero-image>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.rl-hero-image figcaption{color:#fff;background:linear-gradient(#0000,#051525e6);gap:12px;padding:60px 32px 30px;display:grid;position:absolute;inset:auto 0 0}.rl-hero-image figcaption span{letter-spacing:.1em;font-size:.8rem}.rl-hero-image figcaption strong{max-width:360px;font-size:1.3rem}.rl-section{max-width:1320px;margin:auto;padding:65px 5%}.rl-section-head{max-width:760px;margin-bottom:28px}.roof-landing h2{letter-spacing:-.035em;font-size:clamp(1.9rem,3.3vw,3rem);line-height:1.15}.rl-section-head>p:last-child{color:#52677b;margin-top:16px;line-height:1.7}.rl-needs{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.rl-needs button{text-align:left;color:#173751;cursor:pointer;background:#f7f9fc;border:1px solid #cbd8e4;border-radius:12px;flex-direction:column;gap:14px;min-width:0;padding:23px;display:flex}.rl-needs button strong{font-size:1.2rem}.rl-needs button>span:not(.rl-number){font-size:.95rem;line-height:1.6}.rl-needs button b{margin-top:auto;padding-top:8px;font-size:.875rem}.rl-needs button[aria-pressed=true]{color:#fff;background:#123454;border-color:#123454;box-shadow:0 7px 18px #102c491a}.rl-number{color:#b45309;font-size:.875rem;font-weight:750}.rl-needs button[aria-pressed=true] .rl-number{color:#ffb175}.rl-need-detail{border-bottom:1px solid #dbe3ea;gap:8px;padding:24px 0;display:grid}.rl-need-detail p{max-width:930px;line-height:1.7}.rl-need-detail a{color:#214f78;font-size:.875rem;text-decoration:underline}.rl-menu-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin:30px 0 18px;display:flex}.rl-menu-heading h3{font-size:1.4rem}.rl-text-button{color:#244f73;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:10px 0;text-decoration:underline}.rl-systems{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.rl-systems article{background:#fff;border:1px solid #cedbe6;border-radius:12px;flex-direction:column;gap:13px;padding:25px;display:flex}.rl-systems article.is-selected{background:#fffaf5;border:2px solid #bc5a11;padding:24px}.rl-system-kind{color:#687c8e;letter-spacing:.08em;font-size:.8rem;font-weight:750}.rl-systems h3{font-size:1.15rem;line-height:1.4}.rl-systems article>p:not(.rl-system-kind){color:#52677b;line-height:1.65}.rl-system-price{margin-top:auto;padding-top:14px;font-size:.875rem}.rl-system-price strong{font-size:1.5rem}.rl-system-actions{flex-wrap:wrap;align-items:center;gap:15px;padding-top:8px;display:flex}.rl-select{color:#fff;cursor:pointer;background:#153955;border:1px solid #153955;border-radius:6px;padding:12px 16px;font-weight:750}.rl-system-actions a{color:#214d72;font-size:.875rem;text-decoration:underline}.roof-landing .rl-note{color:#546a7e;margin-top:20px;font-size:.875rem;line-height:1.7}.rl-request-wrap{background:#eef3f8;grid-template-columns:.8fr 1.2fr;gap:50px;padding:65px max(6vw,24px);display:grid}.rl-request-copy{color:#fff;background:#102c49;border-radius:14px;align-self:start;padding:40px}.rl-request-copy>p:not(.rl-eyebrow){color:#dae5ef;margin-top:22px;line-height:1.75}.rl-request-copy ol{margin:28px 0;padding-left:22px;line-height:1.7}.rl-request-copy li{margin-bottom:14px;padding-left:6px}.rl-request-copy>a{color:#ffb175;font-size:1.6rem;font-weight:750}.rl-form{background:#fff;border:1px solid #d7e2ec;border-radius:14px;min-width:0;padding:35px;box-shadow:0 14px 40px #112b460a}.rl-form h3{margin-bottom:25px;font-size:1.6rem}.rl-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;display:grid}.rl-form-grid label{gap:9px;font-size:.95rem;font-weight:650;line-height:1.4;display:grid}.rl-full{grid-column:1/-1}.rl-form input:not([type=checkbox]),.rl-form select{color:#193b59;background:#fbfcfe;border:1px solid #a9bdd0;border-radius:6px;width:100%;min-width:0;min-height:49px;padding:12px}.rl-consent{align-items:flex-start;gap:12px;margin:25px 0;font-size:.875rem;line-height:1.6;display:flex}.rl-consent input{accent-color:#143c61;flex-shrink:0;width:20px;height:20px;margin-top:3px}.rl-consent a{color:#194b77;text-decoration:underline}.rl-submit{width:100%}.rl-handoff{background:#edf5fc;border:1px solid #b8cfe3;margin-top:18px;padding:16px;line-height:1.6}.rl-handoff a{color:#153c5b;font-weight:750;text-decoration:underline;display:block}.rl-zone-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.rl-zone-grid a{color:#183953;border:1px solid #d0dce7;border-radius:10px;padding:25px;transition:background .15s}.rl-zone-grid a:hover,.rl-zone-grid a[aria-current=page]{background:#eef4f9;border-color:#54718a}.rl-zone-grid span{color:#627b8f;font-size:.85rem;display:block}.rl-zone-grid strong{margin:6px 0 12px;font-size:1.7rem;display:block}.rl-zone-grid p{line-height:1.6}.rl-bottom{padding-top:10px}.rl-bottom details{border-top:1px solid #d8e3ed;padding:22px 0}.rl-bottom summary{cursor:pointer;font-size:1.05rem;font-weight:750}.rl-bottom details p{margin-top:18px;line-height:1.7}.roof-landing .financing-inquiry{margin-top:30px}.roof-landing .rl-footer{color:#183953;background:#edf3f8;padding:40px 6%;display:block}.rl-footer>p{margin:15px 0}.rl-footer>div{flex-wrap:wrap;gap:20px;margin-bottom:25px;display:flex}.rl-footer a{color:#183953}.rl-footer small{color:#526b7e;font-size:.875rem}.rl-mobile-contact{display:none}.rl-parrot{z-index:30;position:fixed;bottom:20px;right:18px}.rl-parrot>button{cursor:pointer;background:#fff;border:1px solid #c1d1df;border-radius:50%;width:66px;height:66px;padding:0;overflow:hidden;box-shadow:0 5px 20px #102c4930}.rl-parrot img{object-fit:contain;width:100%;height:100%}.rl-parrot aside{background:#fff;border:1px solid #cbd8e4;border-radius:12px;width:min(300px,100vw - 40px);padding:22px;position:absolute;bottom:80px;right:0;box-shadow:0 8px 28px #102c4925}.rl-parrot aside p{margin:12px 0;line-height:1.65}.rl-parrot aside a{color:#1c4a72;text-decoration:underline}@media (width<=1100px){.rl-header nav{gap:15px}.rl-header nav a:last-child{display:none}.rl-header-tools{gap:15px}.rl-needs{grid-template-columns:repeat(2,minmax(0,1fr))}.rl-request-wrap{gap:24px}.rl-request-copy,.rl-form{padding:25px}}@media (width<=760px){.rl-header{gap:10px;padding:14px 5%}.rl-logo img{width:140px}.rl-header nav,.rl-call{display:none}.rl-hero{grid-template-columns:1fr}.rl-hero-copy{padding:42px 6%}.rl-hero-image{min-height:275px}.rl-hero-image figcaption{padding:55px 24px 22px}.rl-hero-notes{margin-top:24px}.rl-section{padding:42px 6%}.rl-systems,.rl-zone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rl-request-wrap{grid-template-columns:1fr;padding:40px 6%}.rl-request-copy ol{margin-bottom:20px}.rl-mobile-contact{z-index:35;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;grid-template-columns:1fr 2fr;gap:10px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -3px 16px #102c4920}.rl-mobile-contact a{text-align:center;color:#153953;border:1px solid #bdcddd;border-radius:7px;padding:13px 8px;font-weight:750}.rl-mobile-contact a:last-child{color:#102338;background:#f38a38;border-color:#f38a38}.roof-landing .rl-footer{padding-bottom:115px}.rl-parrot{bottom:90px;right:12px}.rl-parrot>button{width:54px;height:54px}}@media (width<=440px){.rl-needs{gap:10px}.rl-needs button{gap:12px;padding:16px}.rl-needs button strong{font-size:1.05rem}.rl-needs button>span:not(.rl-number){font-size:.9rem}.rl-systems,.rl-form-grid{grid-template-columns:1fr}.rl-form{padding:22px 18px}.rl-zone-grid a{padding:18px}.rl-zone-grid p{font-size:.9rem}}@media (prefers-reduced-motion:reduce){.roof-landing *{scroll-behavior:auto!important;transition:none!important}}.rl-needs button strong,.rl-needs button>span,.rl-zone-grid p{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}@media (width<=360px){.rl-needs,.rl-zone-grid{grid-template-columns:1fr}}.rl-logo{flex-shrink:0;display:block}.rl-logo img{width:252px;height:auto}.roof-landing .rl-footer>a:first-child{background:#fff;border:1px solid #dbe4ed;border-radius:10px;padding:10px 14px;display:inline-block}.roof-landing .rl-footer>a:first-child img{width:280px;max-width:100%;height:auto}@media (width<=1100px){.rl-logo img{width:210px}.rl-call{display:none}}@media (width<=760px){.rl-logo img{width:200px}}@media (width<=360px){.rl-logo img{width:178px}}#menu-sistemas{color:#153651;background:linear-gradient(#f4f9fdf0,#f4f8fc 650px),url(/roofinity-catalog-background.webp) top/100% no-repeat,#f4f8fc;border-top:2px solid #f38a38;max-width:none;padding-inline:max(6vw,24px)}#menu-sistemas .rl-eyebrow{color:#a24b0c}#menu-sistemas .rl-section-head>p:last-child,#menu-sistemas .rl-note{color:#4d687e}#menu-sistemas .rl-need-detail{border-color:#c9dae7}#menu-sistemas .rl-needs button[aria-pressed=true]{border:2px solid #f38a38;padding:22px}#menu-sistemas .rl-systems article{color:#18344f;box-shadow:0 8px 24px #1536510a}@media (width<=440px){#menu-sistemas .rl-needs button[aria-pressed=true]{padding:15px}#menu-sistemas{background-size:auto,auto 500px}}
