:root{--ink:#17232d;--muted:#53616d;--paper:#f5f6f7;--green:#17232d;--line:#d2d9df;--accent:#e86932}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.top,main,footer{max-width:1280px;margin:auto;padding-left:48px;padding-right:48px}.top{display:flex;align-items:center;justify-content:space-between;padding-top:22px;padding-bottom:22px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-weight:800;font-size:22px;line-height:1.05;letter-spacing:-.5px}.mark{background:var(--ink);color:#fff;padding:13px 11px;font-size:20px;letter-spacing:-1px;border-bottom:4px solid var(--accent)}.brand-small{display:block;font:9px 'Courier New',monospace;letter-spacing:1.8px;text-transform:uppercase;margin-top:8px;color:var(--muted)}nav{display:flex;gap:28px;align-items:center;font-size:12px;font-weight:700}.contact{border:1px solid #a9b6c0;padding:12px 18px}.contact span{margin-left:20px}.hero{display:grid;grid-template-columns:1.18fr 1fr;align-items:center;gap:30px;padding:64px 0 66px}.eyebrow{font:700 10px 'Courier New',monospace;letter-spacing:1.4px;display:flex;align-items:center;gap:8px}.eyebrow>span{height:7px;width:7px;background:var(--accent)}h1,h2,h3{font-family:Arial,Helvetica,sans-serif}h1{font-size:clamp(36px,4.55vw,61px);font-weight:800;letter-spacing:-2.5px;line-height:1.04;margin:25px 0}h1 em{font-style:normal;color:#b64618}.intro{max-width:460px;font-size:15px;line-height:1.7;color:var(--muted);margin-bottom:27px}.button{background:var(--accent);color:#17232d;padding:17px 23px;display:inline-flex;gap:32px;align-items:center;font-size:13px;font-weight:800}.micro{font:10px 'Courier New',monospace;color:var(--muted);margin:14px 0 0}.roof-graphic{height:410px;position:relative;background-color:#e9edf0;background-image:linear-gradient(#c8d2dc66 1px,transparent 1px),linear-gradient(90deg,#c8d2dc66 1px,transparent 1px);background-size:24px 24px;border:1px solid #ccd5dd}.graphic-label,.graphic-bottom{font:8px 'Courier New',monospace;letter-spacing:1.1px;position:absolute;left:20px;color:#566a79;background:#e9edf0;padding:7px}.graphic-label{top:8px}.graphic-bottom{bottom:8px;left:20px}.sheet{position:absolute;width:260px;height:298px;background:#fff;border:1px solid #9badbb;padding:21px;left:26%;top:62px}.sheet>span{font:8px 'Courier New',monospace;letter-spacing:1px;color:#53697b}.sheet-back{transform:rotate(-8deg);left:13%;top:51px;background:#dce4e9}.sheet-front{transform:rotate(4deg)}.sheet svg{width:100%;margin:9px 0}.graphic-key{border-top:1px solid #b8c6d0;padding-top:11px;font:9px 'Courier New',monospace;color:#4b6274;display:flex;gap:10px;line-height:1.6}.graphic-key i{background:var(--accent);width:4px;height:28px}.roof-lines{height:160px;border:1px solid #92a6b5;margin:30px 10px;transform:skewY(-15deg)}.tools-section{padding:43px 0 60px;border-top:2px solid var(--ink)}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-top h2{font-size:32px;font-weight:800;letter-spacing:-1px;margin:13px 0 0}.section-top>p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{border:1px solid var(--line);padding:24px;background:#fff;display:flex;flex-direction:column;min-height:275px;transition:border-color .15s,box-shadow .15s}.card:hover{border-color:var(--accent);box-shadow:inset 0 3px var(--accent)}.card-top{display:flex;justify-content:space-between;align-items:center}.number{font:15px 'Courier New',monospace;color:#687e8f}.tag{font:8px 'Courier New',monospace;letter-spacing:1px;color:#4d667a;background:#edf1f4;padding:7px 8px}.card h3{font-size:21px;font-weight:800;letter-spacing:-.65px;margin:28px 0 12px}.card p{font-size:12px;line-height:1.75;color:var(--muted);margin:0 0 24px}.card-bottom{font-size:11px;font-weight:800;display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid var(--line);padding-top:17px}.card-bottom>span{font-size:19px;color:#b64618}.card-featured{background:#eaf0f4;border-top:3px solid #17232d;padding-top:22px}.next-step{background:var(--ink);padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;border-top:4px solid var(--accent)}.next-step .eyebrow{color:#bccbd5;font-size:9px}.next-step h2{font-size:29px;font-weight:800;letter-spacing:-.6px;margin:15px 0 12px}.next-step p:not(.eyebrow){font-size:12px;color:#c9d4dc;margin:0;line-height:1.6}.button-light{background:var(--accent);color:var(--ink);white-space:nowrap}.scope{font-size:10px;line-height:1.7;color:#66737d;max-width:770px;margin:26px 0 40px}footer{border-top:1px solid var(--line);padding-top:23px;padding-bottom:26px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}footer div{display:flex;gap:24px}a:focus-visible{outline:3px solid #b64618;outline-offset:5px}@media(max-width:950px){.top,main,footer{padding-left:28px;padding-right:28px}.hero{gap:24px}.roof-graphic{height:360px;overflow:hidden}.sheet{transform:scale(.8) rotate(4deg);transform-origin:center;left:13%;top:36px}.sheet-back{left:0;transform:scale(.8) rotate(-8deg);top:32px}.cards{grid-template-columns:repeat(2,1fr)}h1{letter-spacing:-1.8px}}@media(max-width:650px){.top,main,footer{padding-left:20px;padding-right:20px}.top{padding-top:17px;padding-bottom:17px}nav>a:first-child{display:none}nav .contact{font-size:11px;padding:10px}.contact span{margin-left:6px}.brand{font-size:19px}.mark{padding:10px 8px;font-size:17px}.hero{display:block;padding:44px 0 38px}h1{font-size:43px;letter-spacing:-1.7px}.intro{font-size:14px}.roof-graphic{height:260px;margin-top:32px}.sheet{left:30%;top:0;transform:scale(.65) rotate(4deg);transform-origin:top left}.sheet-back{left:17%;top:20px;transform:scale(.65) rotate(-8deg)}.graphic-label{top:3px;font-size:7px}.graphic-bottom{bottom:3px;font-size:7px}.section-top{display:block}.section-top>p{margin-top:16px}.section-top h2{font-size:28px}.tools-section{padding-top:28px}.cards{grid-template-columns:1fr}.card{min-height:245px;padding:23px}.next-step{display:block;padding:28px}.next-step h2{font-size:27px}.next-step .button{margin-top:24px}.scope{margin-bottom:30px}footer{align-items:flex-start;gap:22px;flex-direction:column}.top .brand-small{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}