:root{--red:#e51f26;--dark:#111820;--ink:#171b21;--grey:#f3f4f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}header{background:#fff;position:sticky;top:0;z-index:9;box-shadow:0 2px 12px #00000010}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{display:grid;grid-template-columns:auto auto;color:var(--dark);text-decoration:none;line-height:1}.logo .roof{grid-row:1/3;font-size:42px;color:var(--red);transform:rotate(0deg);margin-right:8px}.logo b{font-size:25px}.logo b span,h1 span,h2 span,.services h2 span,.roofers h2 span{color:var(--red)}.logo small{font-size:9px;letter-spacing:1.5px}.nav nav{display:flex;gap:27px}.nav nav a{font-size:13px;font-weight:700;text-decoration:none;color:#16191e}.topcta,.join{background:var(--red);color:#fff;padding:14px 18px;text-decoration:none;font-weight:800;font-size:13px}.hero{position:relative;background:linear-gradient(110deg,#17212b,#3b5268);min-height:600px;color:white}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 50%,#ffffff0b,transparent 30%),linear-gradient(120deg,#0c1117 0%,#1b2835 48%,#4e687f 100%)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#0008,#0000)}.hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .75fr;gap:70px;align-items:center;padding:58px 0}.pill{display:inline-block;background:var(--red);padding:8px 12px;border-radius:4px;font-weight:800;font-size:12px}.copy h1{font-size:56px;line-height:1.03;margin:22px 0 15px;max-width:680px}.copy>p{font-size:20px;max-width:650px;line-height:1.5}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:45px;border-top:1px solid #ffffff45;padding-top:25px}.benefits div{display:grid;gap:5px}.benefits small{color:#d8dde2}.formcard{background:#121a23;padding:30px;border-radius:7px;box-shadow:0 20px 50px #0005}.formcard h2{font-size:25px;margin:0}.formcard>p{margin-top:7px;color:#d5d9dd}.formcard form{display:grid;gap:9px}.formcard input,.formcard select,.formcard textarea{width:100%;padding:13px;border:0;border-radius:3px;font:inherit}.formcard textarea{min-height:65px;resize:vertical}.formcard button{background:var(--red);color:white;border:0;padding:15px;font-weight:900;font-size:15px;cursor:pointer}.consent{display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.4;color:#dce1e5}.consent input{width:auto;margin-top:2px}.safe{display:block;text-align:center;margin-top:9px;color:#cdd4d8;font-size:10px}.how{padding:38px 0 48px}.how h2,.services h2,.faq h2{text-align:center;font-size:30px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:35px}.steps article{position:relative;padding-left:45px}.steps i{position:absolute;left:0;top:-7px;background:var(--red);color:white;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:bold}.steps b{font-size:13px}.steps p{font-size:12px;color:#596069;line-height:1.5}.services{background:#111820;color:white;padding:50px 0}.intro{text-align:center;color:#bac2c8}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:30px}.cards article{min-height:150px;padding:22px;background:linear-gradient(145deg,#26333e,#151c22);border-bottom:3px solid var(--red)}.cards p{font-size:12px;color:#c9cfd4;line-height:1.5}.roofers{background:linear-gradient(120deg,#b71319,#ed242b);color:white;padding:50px 0}.roofergrid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px}.roofers h2{font-size:35px;margin:0}.roofers h2 span{color:white}.roofers p{max-width:700px}.roofers ul{padding-left:18px}.join{background:#111820}.faq{padding:65px 0;background:#f6f7f8}.faq .wrap{max-width:850px}.faq details{background:white;margin:10px 0;padding:18px;border:1px solid #e1e3e5}.faq summary{font-weight:800;cursor:pointer}.faq p{color:#5b6168}footer{background:#0b1015;color:#c6cbd0;padding:40px 0 20px}.foot{display:flex;justify-content:space-between}.foot b{font-size:23px;color:white}.foot b span{color:var(--red)}.foot a{color:white;margin-left:20px;text-decoration:none;font-size:13px}.legal{border-top:1px solid #2b3238;margin-top:25px;padding-top:18px;font-size:11px;color:#818991}@media(max-width:850px){.nav nav{display:none}.hero-grid{grid-template-columns:1fr;gap:30px}.copy h1{font-size:43px}.benefits{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}.roofergrid{grid-template-columns:1fr}.topcta{display:none}}@media(max-width:520px){.nav{height:68px}.logo b{font-size:21px}.copy h1{font-size:37px}.hero-grid{padding:38px 0}.steps,.cards{grid-template-columns:1fr}.foot{display:grid;gap:20px}.foot a{margin:0 16px 0 0}}