:root{--ink:#222527;--orange:#ff6b35;--paper:#fff;--muted:#64686b;--line:#dedfdf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.wrap{max-width:1280px;margin:auto;padding-left:48px;padding-right:48px}.header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 4%;background:#fff}.brand{display:flex;gap:13px;align-items:center;font-weight:800;line-height:1.3;white-space:nowrap;font-size:17px}.brand small{display:block;font-size:11px;letter-spacing:.03em;font-weight:500;margin-top:5px;color:var(--muted)}.brand-mark{font-size:26px;letter-spacing:-7px;padding-right:7px;border-top:4px solid var(--orange);line-height:1.15}.brand-mark span{color:var(--orange)}nav{display:flex;gap:25px;font-size:14px;font-weight:600}nav a:hover{color:#cc481a}.button{display:inline-flex;align-items:center;justify-content:center;padding:17px 25px;min-height:54px;background:var(--orange);color:#181b1d;border:1px solid transparent;border-radius:3px;font-size:14px;font-weight:800;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#ff8458;transform:translateY(-2px)}.button-small{padding:12px 19px;min-height:46px}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#42474a}.hero{position:relative;min-height:685px;background:#222527;overflow:hidden;color:#fff}.hero-photo{position:absolute;inset:0;background: url('roof-hero.png') center 60% / cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,21,23,.94) 0%,rgba(16,21,23,.76) 31%,rgba(16,21,23,.07) 78%),linear-gradient(0deg,rgba(16,21,23,.7),transparent 35%)}.hero-content{position:relative;padding:66px 6% 115px;max-width:850px}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:700;color:#b6bdc0;margin:0 0 24px}.eyebrow span{display:inline-block;width:18px;height:3px;vertical-align:middle;background:var(--orange);margin-right:10px}.dark{color:#72777a}h1{font-size:clamp(48px,5.5vw,80px);line-height:1.08;letter-spacing:-.045em;margin:0;font-weight:700}h1 em{font-style:normal;color:var(--orange)}.hero-description{color:#d5d7d7;font-size:18px;margin:28px 0 30px}.hero-actions{display:flex;gap:28px;align-items:center}.text-link{font-size:14px;border-bottom:1px solid #a4a6a5;padding:7px 0}.hero-bottom{position:absolute;bottom:0;left:6%;right:6%;border-top:1px solid #ffffff3b;display:flex;gap:38px;align-items:center;padding:22px 0;font-size:11px;letter-spacing:.1em}.hero-note{margin-left:auto;color:#c4c9c9;letter-spacing:0}.image-caption{position:absolute;right:25px;bottom:90px;font-size:11px;color:#fff;background:#22252790;padding:3px 8px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding-top:37px;padding-bottom:37px;border-bottom:1px solid var(--line)}.benefits>div{padding-left:40px;border-left:1px solid var(--line)}.benefits>div:first-child{padding-left:0;border:0}.benefits strong{font-size:31px;letter-spacing:-.04em}.benefits p{font-size:14px;color:var(--muted);margin:6px 0 0}.section{padding-top:100px;padding-bottom:100px}h2{font-size:clamp(32px,3.6vw,48px);line-height:1.18;letter-spacing:-.04em;margin:0;font-weight:700}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:43px}.section-heading>p{font-size:15px;line-height:1.8;color:var(--muted);margin:0 0 4px}.section-heading .eyebrow{margin-bottom:20px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.service-card{padding:35px 40px 40px;display:flex;flex-direction:column;border-radius:4px}.roof-card{background:var(--ink);color:#fff}.material-card{background:#f1f2f2}.card-top{display:flex;justify-content:space-between;align-items:center}.tag{font-size:11px;letter-spacing:.08em;border:1px solid #9b9b9b66;padding:6px 10px;display:inline-block}.card-number{font-size:32px;opacity:.3}.service-card h3{font-size:38px;line-height:1.18;letter-spacing:-.035em;margin:33px 0 20px}.service-card p{font-size:15px;max-width:410px;color:#64686b}.roof-card p{color:#c8ccce}.service-card ul{list-style:none;margin:7px 0 33px;padding:0;font-size:14px}.service-card li{padding:8px 0}.service-card li:before{content:'✓';color:var(--orange);margin-right:12px}.service-card .button{align-self:flex-start;margin-top:auto}.material-section{background:#f6f7f7}.materials-list{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:65px}.materials-list article{border-top:1px solid #cfd2d3;padding-top:20px}.materials-list article>span{color:#a14826;font-size:14px}.materials-list h3{font-size:22px;margin:16px 0 12px;letter-spacing:-.02em}.materials-list p{font-size:15px;color:var(--muted)}.estimate-banner{display:flex;justify-content:space-between;gap:30px;align-items:center;background:#fff;padding:28px 30px;margin-top:40px;border-left:3px solid var(--orange)}.estimate-banner h3{font-size:22px;margin:0 0 7px}.estimate-banner p{margin:0;color:var(--muted);font-size:14px}.fineprint{font-size:12px;line-height:1.7;color:#74787b;max-width:960px;margin:22px 0 0}.payment-section{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.section-copy{color:var(--muted);margin:25px 0 30px;max-width:460px}.payment-card{border:1px solid var(--line);padding:32px 37px}.payment-card>div{position:relative;padding:28px 0 24px 40px;border-bottom:1px solid var(--line)}.payment-card>div>span{position:absolute;left:0;top:32px;font-size:13px;color:#a14826}.payment-card h3{font-size:23px;margin:0}.payment-card p{font-size:14px;color:var(--muted);margin:8px 0 0}.payment-card small{display:block;font-size:12px;color:var(--muted);margin-top:22px}.process-section{background:#25292b;color:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:55px}.steps article{border-top:1px solid #596064;padding-top:22px}.steps span{font-size:32px;color:var(--orange)}.steps h3{font-size:20px;margin:20px 0 15px}.steps p{font-size:14px;color:#c4cbce}.faq-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{position:relative;list-style:none;cursor:pointer;font-size:16px;font-weight:700;padding-right:30px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0;top:-5px;font-size:27px;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:14px;color:var(--muted);padding-right:20px}.request-section{background:#ee6130;color:#191e21}.request-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px}.request-section .eyebrow{color:#472514}.request-section h2{font-size:52px}.request-section p{font-size:16px}.request-note{margin-top:65px;font-size:14px;border-left:2px solid #312317;padding-left:16px}form{background:#fff;padding:32px;border-radius:4px}fieldset{border:0;padding:0;margin:0 0 21px}legend,.field{font-size:14px;font-weight:700}legend{margin-bottom:12px}.choice-row{display:flex;gap:8px}.choice-row label{flex:1}.choice-row input{position:absolute;opacity:0}.choice-row span{display:block;text-align:center;padding:11px 7px;border:1px solid #d3d6d7;border-radius:3px;cursor:pointer;font-size:13px;font-weight:700}.choice-row input:checked+span{border-color:var(--ink);background:var(--ink);color:#fff}.choice-row input:focus-visible+span{outline:3px solid var(--orange);outline-offset:3px}.field{display:block;margin:15px 0}.field input,.field select,.field textarea,#request-text{display:block;margin-top:8px;border:1px solid #d3d6d7;border-radius:3px;width:100%;padding:12px;background:#fff;color:var(--ink);font-weight:400;font-size:16px}.optional{font-weight:400;color:var(--muted);font-size:12px}.field textarea{resize:vertical}.request-section form .form-help{font-size:12px;color:var(--muted);margin:14px 0 0}form>.button{width:100%;background:var(--ink);color:#fff}#request-result{margin-top:25px;border-top:1px solid var(--line);padding-top:18px}#request-result h3{font-size:20px;margin:0}#request-result p{font-size:13px;color:var(--muted)}.button-outline{background:#fff;border-color:var(--ink);margin-top:14px;width:100%}footer{padding-top:37px;padding-bottom:30px;display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}footer p,footer>a:not(.brand){font-size:13px}footer>small{width:100%;border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font-size:12px;margin-top:10px}@media(min-width:1600px){.hero-content{padding-left:calc((100vw - 1280px)/2 + 48px)}.hero{min-height:760px}.hero-content{padding-top:85px}}@media(max-width:1050px){nav{display:none}.payment-section,.request-grid{gap:40px}.faq-section{gap:35px}.wrap{padding-left:30px;padding-right:30px}.hero-note{display:none}.section-heading>p br{display:none}.section-heading>p{max-width:290px}.service-card{padding:28px}.service-card h3{font-size:33px}.steps{gap:20px}.estimate-banner{align-items:flex-start;flex-direction:column}}@media(max-width:700px){html{scroll-padding-top:20px}.header{height:80px;padding:0 20px}.brand{font-size:13px;gap:9px}.brand small{font-size:9px;max-width:140px}.header>.button{font-size:12px;padding:10px 12px;min-height:42px}.wrap{padding-left:22px;padding-right:22px}.hero{min-height:660px}.hero-photo{background-position:65% center}.hero-shade{background:linear-gradient(90deg,#11171ce8,#11171c65),linear-gradient(0deg,#11171cc9,transparent)}.hero-content{padding:55px 22px 120px}.hero .eyebrow{font-size:10px}h1{font-size:54px}.hero-description{font-size:16px}.hero-actions{align-items:flex-start;gap:18px;flex-direction:column}.hero-bottom{left:22px;right:22px;gap:20px;font-size:9px;line-height:1.6}.image-caption{font-size:10px;bottom:84px;right:15px}.benefits{padding-top:28px;padding-bottom:28px;gap:14px}.benefits>div{padding-left:14px}.benefits strong{font-size:20px;letter-spacing:-.055em}.benefits p{font-size:11px;line-height:1.7}.benefits p br{display:none}.section{padding-top:63px;padding-bottom:63px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:23px;max-width:100%;font-size:15px}.eyebrow{font-size:10px;margin-bottom:18px}h2{font-size:35px}.service-grid,.payment-section,.faq-section,.request-grid{grid-template-columns:1fr;gap:25px}.service-card{padding:27px}.service-card h3{font-size:34px}.materials-list{grid-template-columns:1fr;gap:20px;margin-top:32px}.materials-list article{display:grid;grid-template-columns:25px 1fr;column-gap:13px}.materials-list article>span{grid-row:span 2;margin-top:5px}.materials-list h3{margin:0;font-size:21px}.materials-list p{margin:10px 0 0}.estimate-banner{padding:25px}.estimate-banner .button{width:100%;font-size:12px}.payment-card{padding:27px}.payment-section{gap:35px}.steps{grid-template-columns:1fr 1fr;gap:30px 24px;margin-top:35px}.steps h3{font-size:18px;margin-top:13px}.faq-section{gap:30px}.request-section h2{font-size:42px}.request-note{margin-top:25px}.request-grid{gap:32px}form{padding:24px 20px}.choice-row span{font-size:12px}.request-section form .form-help{font-size:12px}footer{gap:20px}footer p{width:100%;margin:0}.button{font-size:13px}.hero .button{min-width:230px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.consent{display:flex;gap:11px;align-items:flex-start;font-size:12px;line-height:1.7;color:var(--muted);margin:20px 0}.consent input{flex:none;width:18px;height:18px;margin-top:2px;accent-color:var(--ink)}.consent a{text-decoration:underline;text-underline-offset:3px}#send-email{margin-top:15px}.legal-page{max-width:900px;padding-top:55px;padding-bottom:80px}.legal-page h1{font-size:clamp(30px,4vw,48px);line-height:1.2;overflow-wrap:anywhere}.legal-page h2{font-size:23px;margin:35px 0 14px;letter-spacing:-.02em}.legal-page p,.legal-page li{font-size:16px;line-height:1.85}.legal-page a{color:#a63d16;text-decoration:underline;overflow-wrap:anywhere}.legal-meta{color:var(--muted);font-size:14px!important}.legal-notice{border-left:3px solid var(--orange);padding:16px 20px;background:#fff3ed;margin:25px 0;font-size:14px!important}.legal-page .back-link{display:inline-block;margin-bottom:30px;font-size:14px}footer a{overflow-wrap:anywhere}
.section-heading>p{max-width:390px}.contact-phone{display:inline-block;font-size:26px;font-weight:800;letter-spacing:-.03em;margin-top:22px}.contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;align-items:flex-start}.contact-actions .button{font-size:14px;padding:13px 18px;min-height:48px}.button-whatsapp{background:#176b43;color:#fff}.button-whatsapp:hover{background:#115333}.button-max{background:#4941bf;color:#fff;list-style:none}.button-max::-webkit-details-marker{display:none}.button-max:hover{background:#373097}.max-contact{position:relative}.max-panel{position:absolute;z-index:5;top:58px;right:0;width:280px;background:#fff;padding:20px;color:var(--ink);box-shadow:0 8px 30px #0003;border-radius:4px}.max-panel p{font-size:14px}.max-panel a{text-decoration:underline}.max-panel .button{font-size:13px;width:100%}.request-note{margin-top:30px}#send-whatsapp,#send-email{display:flex;width:100%;margin-top:14px}.contact-actions summary:focus-visible{outline:3px solid white;outline-offset:3px}@media(max-width:700px){.section-heading>p{max-width:none}.contact-phone{font-size:25px}.max-panel{right:0;max-width:calc(100vw - 44px)}}
