/* DC Metal Roofing Finder theme brand-v7-kit (GENSITE-50-ONBOARD) generated 2026-10-06T03:39Z */
:root{--font-display:'Public Sans',system-ui,sans-serif;--font-body:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--fs-xs:0.680rem;--fs-sm:0.850rem;--fs-base:1.062rem;--fs-lg:1.328rem;--fs-xl:1.660rem;--fs-2xl:clamp(1.660rem, 0.91rem + 2.80vw, 2.075rem);--fs-3xl:clamp(1.868rem, 1.03rem + 3.50vw, 2.594rem);--fs-4xl:clamp(2.335rem, 1.28rem + 4.38vw, 3.242rem);--sp-0:0px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 6px 20px rgba(0,0,0,.07);--shadow-lg:0 18px 44px rgba(0,0,0,.10);--dur-fast:140ms;--dur-base:220ms;--dur-slow:360ms;--ease:cubic-bezier(.2,.7,.2,1);--pr-50:#e7fcf6;--pr-100:#daefe9;--pr-200:#b5dfd4;--pr-300:#89c6b6;--pr-400:#6aa697;--pr-500:#4c8779;--pr-600:#316d60;--pr-700:#155548;--pr-800:#103b32;--pr-900:#03261f;--ac-50:#fef4f1;--ac-100:#fde3da;--ac-200:#fec5b2;--ac-300:#f59e81;--ac-400:#d37f63;--ac-500:#b26146;--ac-600:#95462c;--ac-700:#792e12;--ac-800:#55200d;--ac-900:#3b0d00;--nu-50:#f4f8f7;--nu-100:#e7eae9;--nu-200:#cfd6d4;--nu-300:#b0bab7;--nu-400:#919b98;--nu-500:#737d7a;--nu-600:#5a6360;--nu-700:#434b49;--nu-800:#2e3433;--nu-900:#1b211f;--bg:#fcf9f7;--surface:#f6efea;--border:#e1d7cf;--ink:#0e241f;--muted:#4f625d;--primary:#1f5d50;--primary-strong:#024a3d;--on-primary:#ffffff;--accent:#a4543a;--accent-ink:#ffffff;--accent-soft:#fde8e1;--accent-soft-ink:#6d2b15;--focus:#1f5d50;--accent-hover:#8a4631;--field-border:#9fa29c;--zebra:#f9f4f0;--footer-bg:#0e241f;--footer-ink:#f4f2ee;--footer-link:#c0d2ce;--success:#097e39;--success-soft:#dcf7e1;--warning:#946406;--warning-soft:#ffebd2;--danger:#b54b43;--danger-soft:#fee9e6;--info:#0872b4;--info-soft:#e2f1fe;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d1614;--surface:#15211e;--border:#2c3c38;--ink:#e9f0ee;--muted:#a6b5b1;--primary:#76b3a4;--primary-strong:#96d3c3;--on-primary:#01140f;--accent:#bf6c52;--accent-ink:#1a0a06;--accent-soft:#43241b;--accent-soft-ink:#fccbbb;--focus:#76b3a4;--accent-hover:#d37e63;--field-border:#556662;--zebra:#151b19;--footer-bg:#04100d;--footer-ink:#e9f0ee;--footer-link:#76b3a4;--success:#6fd087;--success-soft:#1a2e1e;--warning:#eba941;--warning-soft:#342611;--danger:#ff968a;--danger-soft:#3a211e;--info:#71bfff;--info-soft:#172b3b;color-scheme:dark}}
:root[data-theme=dark]{--bg:#0d1614;--surface:#15211e;--border:#2c3c38;--ink:#e9f0ee;--muted:#a6b5b1;--primary:#76b3a3;--primary-strong:#95d3c3;--on-primary:#01140f;--accent:#bf6c52;--accent-ink:#1a0a06;--accent-soft:#43241b;--accent-soft-ink:#fccbbb;--focus:#76b3a3;--accent-hover:#c9826c;--field-border:#63726e;--zebra:#111c19;--footer-bg:#070c0b;--footer-ink:#e9f0ee;--footer-link:#76b3a3;--success:#6fd087;--success-soft:#1a2e1e;--warning:#eba941;--warning-soft:#342611;--danger:#ff968a;--danger-soft:#3a211e;--info:#71bfff;--info-soft:#172b3b;color-scheme:dark}

.bgx-header{background:var(--bg);color:var(--ink);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}
.bgx-header a:not(.bgx-cta):not(.bgx-btn){color:var(--muted);text-decoration:none}.bgx-header a:not(.bgx-cta):not(.bgx-btn):hover{color:var(--ink)}.bgx-header a[aria-current]:not(.bgx-cta){color:var(--primary)}
.bgx-hero{background:var(--bg);color:var(--ink);padding-block:var(--sp-8)}.bgx-hero .kicker{color:var(--primary);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.bgx-hero h1{font-family:var(--font-display);font-size:var(--fs-4xl);line-height:1.1}.bgx-hero .lede{color:var(--muted);font-size:var(--fs-lg)}
.bgx-card{background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-5);transition:box-shadow var(--dur-base) var(--ease)}
.bgx-card:hover{box-shadow:var(--shadow-md)}
.bgx-cta{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 var(--sp-4);border-radius:var(--radius-md);background:var(--accent);color:var(--accent-ink);font-weight:700;text-decoration:none;border:0;transition:background var(--dur-fast) var(--ease)}
.bgx-cta:hover{background:var(--accent-hover)}.bgx-cta:focus-visible,.bgx-btn:focus-visible,.bgx-field:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.bgx-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--sp-4);border-radius:var(--radius-md);background:var(--primary);color:var(--on-primary);font-weight:600;text-decoration:none;border:0}
.bgx-btn:hover{background:var(--primary-strong)}.bgx-ghost{background:var(--bg);color:var(--primary);border:1px solid var(--primary)}
.bgx-field{width:100%;min-height:48px;padding:0 var(--sp-3);background:var(--bg);color:var(--ink);border:1px solid var(--field-border);border-radius:var(--radius-md);font:inherit}
.bgx-label{display:block;font-weight:600;margin-bottom:var(--sp-1)}.bgx-help{color:var(--muted);font-size:var(--fs-sm)}.bgx-error{color:var(--danger);font-size:var(--fs-sm)}
.bgx-table{border-collapse:collapse;width:100%}.bgx-table th{background:var(--surface);color:var(--ink);text-align:left}.bgx-table td,.bgx-table th{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border)}
.bgx-table tbody tr:nth-child(even){background:var(--zebra)}.bgx-table td.num{text-align:right;font-variant-numeric:tabular-nums}
.bgx-faq details{border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--sp-2);overflow:hidden}.bgx-faq summary{background:var(--surface);color:var(--ink);padding:var(--sp-3) var(--sp-4);cursor:pointer;font-weight:600}
.bgx-faq details>div{padding:var(--sp-3) var(--sp-4)}
.bgx-callout{background:var(--accent-soft);color:var(--accent-soft-ink);border-left:4px solid var(--accent);border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-4)}
.bgx-badge{display:inline-block;background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-pill);padding:2px 10px;font-size:var(--fs-xs)}
.bgx-footer{background:var(--footer-bg);color:var(--footer-ink);border-top:1px solid var(--border)}.bgx-footer a{color:var(--footer-link)}
.bgx-callbar{position:fixed;inset:auto 0 0 0;display:flex;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--border);z-index:30}
@media (min-width:900px){.bgx-callbar{display:none}}
@media (prefers-reduced-motion:reduce){*{transition-duration:0ms!important;animation-duration:0ms!important;scroll-behavior:auto!important}}
/* builder map layer (theme-v2-1.0, bg_theme_v2.py) */
@font-face{font-family:'Public Sans';src:url(fonts/PublicSans-700.sub.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}html:root{--c-bg:#fcf9f7;--c-surface:#f6efea;--c-line:#e1d7cf;--c-line-strong:#9fa29c;--c-ink:#0e241f;--c-ink-strong:#0e241f;--c-muted:#4f625d;--c-primary:#1f5d50;--c-on-primary:#ffffff;--c-accent:#a4543a;--c-on-accent:#ffffff;--c-accent-hover:#8a4631;--c-accent-ink:#1f5d50;--c-link:#1f5d50;--c-link-hover:#024a3d;--c-focus:#1f5d50;--c-foot:#0e241f;--c-on-foot:#f4f2ee;--c-foot-link:#c0d2ce;--c-zebra:#f9f4f0;--font-head:'Public Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--radius:4px;--fw-head:700}@media (prefers-color-scheme:dark){html:root:not([data-theme=light]){--c-bg:#0d1614;--c-surface:#15211e;--c-line:#2c3c38;--c-line-strong:#63726e;--c-ink:#e9f0ee;--c-ink-strong:#e9f0ee;--c-muted:#a6b5b1;--c-primary:#76b3a3;--c-on-primary:#01140f;--c-accent:#bf6c52;--c-on-accent:#1a0a06;--c-accent-hover:#c9826c;--c-accent-ink:#76b3a3;--c-link:#76b3a3;--c-link-hover:#95d3c3;--c-focus:#76b3a3;--c-foot:#070c0b;--c-on-foot:#e9f0ee;--c-foot-link:#76b3a3;--c-zebra:#111c19;color-scheme:dark}}html:root[data-theme=dark]{--c-bg:#0d1614;--c-surface:#15211e;--c-line:#2c3c38;--c-line-strong:#63726e;--c-ink:#e9f0ee;--c-ink-strong:#e9f0ee;--c-muted:#a6b5b1;--c-primary:#76b3a3;--c-on-primary:#01140f;--c-accent:#bf6c52;--c-on-accent:#1a0a06;--c-accent-hover:#c9826c;--c-accent-ink:#76b3a3;--c-link:#76b3a3;--c-link-hover:#95d3c3;--c-focus:#76b3a3;--c-foot:#070c0b;--c-on-foot:#e9f0ee;--c-foot-link:#76b3a3;--c-zebra:#111c19;color-scheme:dark}@media (prefers-color-scheme:dark){html:root:not([data-theme=light]) .brand svg [fill="#1f5d50" i]{fill:#76b3a3}html:root:not([data-theme=light]) .brand svg [fill="#ffffff" i]{fill:#01140f}html:root:not([data-theme=light]) .brand svg [stroke="#1f5d50" i]{stroke:#76b3a3}}html:root[data-theme=dark] .brand svg [fill="#1f5d50" i]{fill:#76b3a3}html:root[data-theme=dark] .brand svg [fill="#ffffff" i]{fill:#01140f}html:root[data-theme=dark] .brand svg [stroke="#1f5d50" i]{stroke:#76b3a3}h1,h2,h3,.brand{font-weight:700}a.btn.btn-p,button.btn.btn-p,.sbar a.btn.btn-p,.foot a.btn.btn-p{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-on-accent)}a.btn.btn-p:hover,button.btn.btn-p:hover{background:var(--c-accent-hover);border-color:var(--c-accent-hover);color:var(--c-on-accent)}.foot a:not(.btn){color:var(--c-foot-link)}.skip:focus{background:var(--c-bg);color:var(--c-ink)}.fld input[type=text],.fld input[type=tel],.fld input[type=email],.fld select,.chips label{background:var(--c-bg);color:var(--c-ink);border-color:var(--c-line-strong)}.foot .legal{border-top-color:var(--c-line)}.r4-foot .r4-op{border-bottom-color:var(--c-line)}.r3-legal th,.r3-legal td{border-color:var(--c-line)}.v7-method details{border-top-color:var(--c-line)}main svg text[fill="#333"]{fill:var(--c-ink)}main svg text[fill="#565c63" i]{fill:var(--c-muted)}main svg rect[fill="#e6e8eb" i]{fill:var(--c-line)}main svg circle[fill="#fff"]{fill:var(--c-bg)}.r4-foot .r4-op .r4-tagline{flex:1 1 100%;margin:0;font-family:var(--font-head);font-weight:var(--fw-head,700);font-size:1.05rem}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}