@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800;900&family=Barlow:wght@300;400;500;600&family=Oswald:wght@400;500;600;700&display=swap";:root{--blue: #1b3a6b;--blue-dark: #0f2347;--blue-mid: #1e3a5f;--blue-light: #4a90d9;--orange: #c8272d;--orange-dim: rgba(200, 39, 45, .15);--black: #080c12;--dark: #0d1520;--darker: #0a1018;--mid: #132030;--panel: #111c2a;--border: rgba(74, 144, 217, .18);--border-or: rgba(200, 39, 45, .3);--white: #ffffff;--off-white: #e8eef5;--gray: #6b7a8d;--light-gray: #b0bec8}html{scroll-behavior:smooth}body{font-family:Barlow,sans-serif;background:var(--black);color:var(--off-white);font-size:15px;line-height:1.65;overflow-x:hidden}p{font-size:13.5px;color:var(--light-gray);font-weight:300;line-height:1.75;margin:0 0 14px}p strong{color:var(--white);font-weight:600}p:empty{display:none}.note{font-size:11px;color:var(--gray);font-style:italic;margin:10px 0 0}.divider{height:1px;background:linear-gradient(90deg,var(--orange) 0%,rgba(200,39,45,.15) 60%,transparent 100%);margin:28px 0}.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.sip-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.sip-reveal.visible{opacity:1;transform:translateY(0)}.sip-reveal-d1{transition-delay:.1s}.sip-reveal-d2{transition-delay:.2s}.sip-reveal-d3{transition-delay:.3s}#requirements,#graco-933,#hydra-x,#comparison,#support{scroll-margin-top:60px}body.scrolled .hdr-inner{position:fixed;top:0;max-width:1600px;margin:0 auto}.hdr-inner{z-index:100;background:#090e16f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:2px solid var(--orange);padding:0 40px;display:flex;align-items:center;justify-content:space-between;height:56px;width:100%}.hdr-logo{flex-shrink:0}.hdr-logo a{display:flex;align-items:center;text-decoration:none}.hdr-logo img{height:auto;display:block}.hdr-nav{flex:1;display:flex;justify-content:center}.hdr-nav-list{list-style:none;display:flex;align-items:center;gap:28px}.hdr-nav-list a{font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gray);text-decoration:none;transition:color .2s;white-space:nowrap}.hdr-nav-list a:hover{color:var(--orange)}.nav-cta{font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;background:var(--orange);color:var(--white);border:none;padding:8px 20px;cursor:pointer;text-decoration:none;transition:background .2s}.nav-cta:hover{background:#a01e22}.hdr-cta-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.hdr-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;background:transparent;border:none;cursor:pointer;padding:4px;flex-shrink:0}.hdr-hamburger span{display:block;width:24px;height:2px;background-color:var(--gray);border-radius:2px;transition:transform .3s ease,opacity .3s ease}.hdr-hamburger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hdr-hamburger.is-open span:nth-child(2){opacity:0}.hdr-hamburger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hdr-mobile-nav{display:none;flex-direction:column;background-color:#090e16fa;border-top:1px solid rgba(255,255,255,.08);padding:16px 24px;gap:4px}.hdr-mobile-nav.is-open{display:flex}.hdr-mobile-nav a{color:var(--gray);text-decoration:none;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);transition:color .2s ease}.hdr-mobile-nav a:last-child{border-bottom:none}.hdr-mobile-nav a:hover{color:var(--orange)}.hdr-mobile-nav .nav-cta{margin:12px 0 0;display:block;text-align:center;width:100%}.hero-section{position:relative;overflow:hidden;padding:80px;background:transparent}.hero-bg-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.hero-inner{position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:transparent}.hero-left{position:relative;z-index:2;max-width:700px}.hero-photo{position:absolute;right:0;top:50%;transform:translateY(-50%);width:38%;max-width:500px;z-index:1}.hero-eyebrow{font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--orange);margin:0 0 20px;display:flex;align-items:center;gap:12px}.hero-eyebrow:before{content:"";display:block;width:40px;height:2px;background:var(--orange);flex-shrink:0}.hero-title{font-family:Oswald,sans-serif;font-size:clamp(60px,9vw,110px);font-weight:700;line-height:.88;text-transform:uppercase;color:var(--white);margin:0 0 8px;letter-spacing:-1px}.hero-title .accent{color:var(--orange)}.hero-title .thin{font-weight:400;color:var(--light-gray);font-size:.55em;display:block;letter-spacing:4px;margin:0 0 6px}.hero-sub{font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--blue-light);margin:18px 0 24px}.hero-desc{font-size:14px;color:var(--gray);font-weight:300;max-width:480px;line-height:1.75;margin:0 0 40px}.hero-systems{display:flex;gap:14px;margin:0 0 36px}.system-badge{background:var(--panel);border:1px solid var(--border);border-top:3px solid var(--orange);padding:16px 22px;flex:1;max-width:240px}.system-badge-label{font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--orange);margin:0 0 6px}.system-badge-title{font-family:Oswald,sans-serif;font-size:18px;font-weight:600;color:var(--white);margin:0 0 4px}.system-badge-spec{font-size:11px;color:var(--light-gray);font-weight:300}.rental-pill{display:inline-flex;align-items:center;gap:10px;background:#4a90d91a;border:1px solid var(--blue-light);padding:10px 20px;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue-light)}.rental-pill svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.5;flex-shrink:0}.rental-pill strong{color:var(--white)}.photo{background:var(--panel);border:1.5px dashed rgba(200,39,45,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;min-height:220px}.photo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 24px,rgba(200,39,45,.025) 24px,rgba(200,39,45,.025) 25px)}.photo img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;position:absolute;z-index:1;background:#fff}.photo-icon{position:relative;z-index:1}.photo-icon svg{width:52px;height:52px;opacity:.4}.photo-label{position:relative;z-index:1;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--orange);opacity:.8;text-align:center;padding:0 20px}.shopify-section:nth-child(2n) section{background:var(--darker)}.shopify-section:nth-child(odd) section{background:var(--dark)}.page-width-roofers{max-width:1600px;margin:0 auto;padding:80px;width:100%}.section-eyebrow{font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--orange);margin:0 0 8px;display:flex;align-items:center;gap:10px}.section-eyebrow:before{content:"";display:block;width:24px;height:2px;background:var(--orange);flex-shrink:0}.section-title{font-family:Oswald,sans-serif;font-size:clamp(28px,4vw,48px);font-weight:700;text-transform:uppercase;color:var(--white);line-height:1;margin:0 0 20px;letter-spacing:-.5px}.section-title .accent{color:var(--orange)}.section-rule{height:2px;background:linear-gradient(90deg,var(--orange) 0%,rgba(200,39,45,.2) 50%,transparent 80%);margin:0 0 36px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:32px}.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.asymmetric{display:grid;grid-template-columns:3fr 2fr;gap:40px;align-items:start}.system-header{background:linear-gradient(135deg,var(--blue-dark) 0%,var(--mid) 100%);border-left:5px solid var(--orange);padding:28px 32px;margin:0 0 32px;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.system-header:after{content:"";position:absolute;top:-40px;right:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(200,39,45,.08),transparent 70%);pointer-events:none}.system-header-label{font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--orange);margin:0 0 6px}.system-header-title{font-family:Oswald,sans-serif;font-size:38px;font-weight:700;color:var(--white);line-height:1;letter-spacing:-.5px;margin:0}.system-header-title .model{color:var(--orange)}.system-header-sub{font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--blue-light);margin:6px 0 0}.spec-table{width:100%;border-collapse:collapse}.spec-table tr:nth-child(odd) td{background:#ffffff06}.spec-table tr:nth-child(2n) td{background:#c8272d0b}.spec-table tr:hover td{background:#4a90d914}.spec-table td{padding:11px 16px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top;line-height:1.55;transition:background .15s}.spec-table td:first-child{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:13px;letter-spacing:.5px;color:var(--blue-light);width:36%;border-right:1px solid rgba(74,144,217,.12)}.spec-table td:last-child{color:var(--light-gray)}.compare-table{width:100%;border-collapse:collapse;margin:20px 0}.compare-table thead tr{background:var(--blue)}.compare-table thead th{padding:13px 16px;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--white);text-align:left;border-right:1px solid rgba(255,255,255,.08)}.compare-table thead th:first-child{background:#fff0}.compare-table thead th.th-orange{background:var(--orange)}.compare-table tbody tr:nth-child(odd) td{background:#ffffff06}.compare-table tbody tr:nth-child(2n) td{background:#1a3a6b26}.compare-table tbody tr:hover td{background:#4a90d914}.compare-table td{padding:11px 16px;font-size:13px;color:var(--light-gray);border-bottom:1px solid rgba(255,255,255,.04);border-right:1px solid rgba(255,255,255,.04);vertical-align:middle;line-height:1.5}.compare-table td:first-child{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:13px;color:var(--blue-light)}.compare-table td.win{color:var(--white);font-weight:600}.card{background:var(--panel);border:1px solid var(--border);position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0006}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--orange)}.card-inner{padding:24px}.card-title{font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--orange);margin:0 0 10px}.card-body{font-size:13px;color:var(--light-gray);font-weight:300;line-height:1.7}.card-body p{font-size:13px;color:var(--light-gray);font-weight:300;line-height:1.7;margin:0}.card.accent{background:var(--orange);border-color:var(--orange)}.card.accent:before{background:#ffffff4d}.card.accent .card-title{color:#fffc}.card.accent .card-body,.card.accent .card-body p{color:#ffffffeb}.card.blue-accent{border-top-color:var(--blue-light)}.card.blue-accent:before{background:var(--blue-light)}.card.blue-accent .card-title{color:var(--blue-light)}.three-col .card:nth-child(2) .card-inner,.three-col .card:nth-child(2) .card-inner .card-title,.three-col .card:nth-child(2) .card-inner .card-body,.three-col .card:nth-child(2) .card-inner .card-body p{color:#fffc!important;background:var(--orange)!important;border-color:var(--orange)!important}.three-col .card:nth-child(2):before{background:#ffffff4d}.callout{background:#0d1520e6;border:1px solid var(--border-or);border-left:4px solid var(--orange);padding:20px 24px;margin:20px 0;position:relative;overflow:hidden}.callout:after{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(200,39,45,.07),transparent 70%);pointer-events:none}.callout-title{font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--orange);margin:0 0 8px}.callout-body,.callout-body p{font-size:13px;color:var(--light-gray);font-weight:300;line-height:1.7;margin:0}.callout.blue{border-left-color:var(--blue-light);border-color:#4a90d940}.callout.blue .callout-title{color:var(--blue-light)}.two-col .callout:nth-child(2){border-left-color:var(--blue-light);border-color:#4a90d940}.two-col .callout:nth-child(2) .callout-title{color:var(--blue-light)}.include-list{list-style:none;padding:0}.include-list li{font-size:13px;color:var(--light-gray);padding:7px 0 7px 20px;position:relative;border-bottom:1px solid rgba(255,255,255,.04);font-weight:300;line-height:1.55}.include-list li:before{content:"\25b6";position:absolute;left:0;color:var(--orange);font-size:7px;top:10px}.sip-section{background:var(--dark);color:var(--off-white);font-family:Barlow,sans-serif;padding:0;margin:0}.sip-inner{padding:0}.sip-eyebrow-row{font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--orange);margin:0 0 8px;display:flex;align-items:center;gap:10px}.sip-eyebrow-line{width:36px;height:2px;background:var(--orange);flex-shrink:0}.sip-headline{font-family:Barlow Condensed,sans-serif;color:var(--white);font-size:clamp(28px,4vw,48px);font-weight:700;text-transform:uppercase;line-height:1;margin:0 0 20px;letter-spacing:-.5px}.sip-headline .accent{color:var(--orange)}.sip-section-rule{height:2px;background:linear-gradient(90deg,var(--orange) 0%,rgba(200,39,45,.2) 50%,transparent 80%);margin:0 0 36px}.sip-asymmetric{display:grid;grid-template-columns:3fr 2fr;gap:40px;align-items:start}.sip-body-text p{font-size:13.5px;font-weight:300;line-height:1.75;color:var(--light-gray);margin:0}.sip-body-text strong{color:var(--white)}.sip-callout{border:1px solid rgba(192,57,43,.45);border-left:4px solid var(--orange);background:#c0392b0f;padding:20px 24px;margin:20px 0}.sip-callout-title{font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--orange);margin:0 0 8px}.sip-callout-body p{font-size:13px;color:var(--light-gray);font-weight:300;line-height:1.7;margin:0}.sip-photo-card{background:var(--panel);border:1.5px dashed rgba(200,39,45,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;min-height:280px}.sip-photo-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 24px,rgba(200,39,45,.025) 24px,rgba(200,39,45,.025) 25px);z-index:1}.sip-photo-card img{width:100%;object-fit:cover;display:block;position:relative;z-index:2}.sip-photo-placeholder{position:relative;z-index:1}.sip-photo-placeholder svg{width:52px;height:52px;opacity:.4}.sip-req-heading{color:var(--orange);font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin:32px 0 16px}.tgc-heading{font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--orange);margin:0 0 16px}.sip-three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin:0 0 32px}.sip-req-card{background:var(--panel);border:1px solid rgba(255,255,255,.07);padding:24px;position:relative;overflow:hidden}.sip-req-card.featured{background:var(--orange);border-color:var(--orange)}.sip-req-card-icon{width:40px;height:40px;background:#c8272d1f;border:1px solid rgba(200,39,45,.3);display:flex;align-items:center;justify-content:center;margin:0 0 14px;font-size:18px}.sip-req-card.featured .sip-req-card-icon{background:#ffffff26;border-color:#ffffff4d}.sip-req-num{font-family:Oswald,sans-serif;font-size:52px;font-weight:700;color:#4a90d91a;position:absolute;top:8px;right:14px;line-height:1;pointer-events:none}.sip-req-card.featured .sip-req-num{color:#ffffff1a}.sip-req-title{font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--orange);margin:0 0 10px;line-height:1.3}.sip-req-card.featured .sip-req-title{color:#ffffffe6}.sip-req-body{font-size:13px;color:var(--light-gray);font-weight:300;line-height:1.7;margin:0}.sip-req-card.featured .sip-req-body{color:#ffffffd9}.field-ref{background:var(--panel);border:1px solid var(--border);overflow:hidden}.field-ref-header{background:var(--blue);padding:12px 20px;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--white);display:flex;align-items:center;gap:10px}.field-ref-header:before{content:"";display:block;width:3px;height:18px;background:var(--orange);flex-shrink:0}.field-ref table{width:100%;border-collapse:collapse}.field-ref tr:nth-child(odd) td{background:#ffffff05}.field-ref tr:nth-child(2n) td{background:#1a3a6b1a}.field-ref tr:hover td{background:#4a90d912}.field-ref td{padding:10px 18px;font-size:12.5px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle;transition:background .15s}.field-ref td:first-child{font-family:Barlow Condensed,sans-serif;font-weight:700;color:var(--blue-light);width:28%;font-size:13px;border-right:1px solid rgba(74,144,217,.1)}.field-ref td:last-child{color:var(--light-gray)}.knox-badge{display:inline-flex;align-items:center;gap:8px;background:#4a90d91a;border:1px solid var(--blue-light);padding:6px 14px;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue-light);margin:0 0 14px}.cta-footer{background:var(--blue-dark);border-top:4px solid var(--orange);padding:60px 80px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.cta-footer:before{content:"";position:absolute;top:-80px;right:100px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(200,39,45,.07),transparent 70%);pointer-events:none}.cta-heading{font-family:Oswald,sans-serif;font-size:36px;font-weight:700;text-transform:uppercase;color:var(--white);line-height:1.1;margin:0 0 6px}.cta-heading .accent,.cta-heading span{color:var(--orange)}.cta-sub{font-size:13px;color:var(--gray)}.cta-right{text-align:right}.cta-phone{font-family:Oswald,sans-serif;font-size:32px;font-weight:600;color:var(--orange);display:block;margin:0 0 4px;text-decoration:none;transition:color .2s}.cta-phone:hover{color:var(--white)}.cta-url{font-size:13px;color:var(--gray);text-decoration:none}.cta-btn{display:inline-block;margin:16px 0 0;background:var(--orange);color:var(--white);font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;padding:12px 28px;text-decoration:none;transition:background .2s}.cta-btn:hover{background:#a01e22}.compare-table tbody tr:nth-child(1) td:nth-child(2),.compare-table tbody tr:nth-child(7) td:nth-child(2),.compare-table tbody tr:nth-child(8) td:nth-child(2){color:#fff;font-weight:600}@media(max-width:900px){.hdr-inner{padding:0 20px}.hdr-nav-list,.hdr-cta-group{display:none}.hdr-hamburger{display:flex}.hero-section{padding:60px 24px 40px}.hero-photo{display:none}.hero-systems{flex-direction:column}.system-badge{max-width:100%}.page-width-roofers{padding:60px 24px}.two-col,.three-col,.asymmetric,.sip-asymmetric,.sip-three-col{grid-template-columns:1fr}.cta-footer{flex-direction:column;gap:28px;text-align:center;padding:40px 24px}.cta-right{text-align:center}.cta-url{justify-content:center;align-items:center}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/roofers-buyers-guide.css.map */