/* Philly New Roof Match theme brand-v7-kit (GENSITE-50-ONBOARD) generated 2026-10-06T03:39Z */
:root{--font-display:'Aleo',system-ui,sans-serif;--font-body:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--fs-xs:0.738rem;--fs-sm:0.885rem;--fs-base:1.062rem;--fs-lg:1.275rem;--fs-xl:1.530rem;--fs-2xl:clamp(1.530rem, 0.84rem + 2.48vw, 1.836rem);--fs-3xl:clamp(1.586rem, 0.87rem + 2.97vw, 2.203rem);--fs-4xl:clamp(1.904rem, 1.05rem + 3.57vw, 2.644rem);--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:7px;--radius-md:14px;--radius-lg:21px;--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:#fff4f2;--pr-100:#fee2dd;--pr-200:#fec5ba;--pr-300:#f79b8b;--pr-400:#d57c6d;--pr-500:#b35e50;--pr-600:#964437;--pr-700:#7b2b1f;--pr-800:#561e16;--pr-900:#3f0803;--ac-50:#eff8ff;--ac-100:#dbecf9;--ac-200:#b7d9f2;--ac-300:#8ebee1;--ac-400:#6f9fc0;--ac-500:#5180a1;--ac-600:#376685;--ac-700:#1f4e6c;--ac-800:#16364b;--ac-900:#012236;--nu-50:#faf6f5;--nu-100:#ece8e8;--nu-200:#dad2d1;--nu-300:#bfb5b3;--nu-400:#a09694;--nu-500:#817876;--nu-600:#675e5c;--nu-700:#4f4745;--nu-800:#373130;--nu-900:#231e1d;--bg:#fcf9f7;--surface:#f6efea;--border:#e1d7cf;--ink:#2c1a16;--muted:#6b5955;--primary:#8c3b2e;--primary-strong:#76271b;--on-primary:#ffffff;--accent:#2f5d7c;--accent-ink:#ffffff;--accent-soft:#dcf0ff;--accent-soft-ink:#174765;--focus:#8c3b2e;--accent-hover:#254a62;--field-border:#ac9e98;--zebra:#f9f4f0;--footer-bg:#2c1a16;--footer-ink:#f4f2ee;--footer-link:#dfc8c4;--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:#1a1210;--surface:#261b19;--border:#433431;--ink:#f4edeb;--muted:#bcadaa;--primary:#e38978;--primary-strong:#feac9c;--on-primary:#1b0a07;--accent:#5d8cad;--accent-ink:#03111b;--accent-soft:#133144;--accent-soft-ink:#b5defc;--focus:#e38978;--accent-hover:#6f9ec0;--field-border:#705f5c;--zebra:#1e1817;--footer-bg:#150a08;--footer-ink:#f4edeb;--footer-link:#e38978;--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:#1a1210;--surface:#261b19;--border:#433431;--ink:#f4edeb;--muted:#bcadaa;--primary:#e38978;--primary-strong:#feac9c;--on-primary:#1b0a07;--accent:#5d8cad;--accent-ink:#03111b;--accent-soft:#133144;--accent-soft-ink:#b5defc;--focus:#e38978;--accent-hover:#759db9;--field-border:#796a67;--zebra:#201614;--footer-bg:#110b0a;--footer-ink:#f4edeb;--footer-link:#e38978;--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:'Aleo';src:url(fonts/Aleo-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:#ac9e98;--c-ink:#2c1a16;--c-ink-strong:#2c1a16;--c-muted:#6b5955;--c-primary:#8c3b2e;--c-on-primary:#ffffff;--c-accent:#2f5d7c;--c-on-accent:#ffffff;--c-accent-hover:#254a62;--c-accent-ink:#8c3b2e;--c-link:#8c3b2e;--c-link-hover:#76271b;--c-focus:#8c3b2e;--c-foot:#2c1a16;--c-on-foot:#f4f2ee;--c-foot-link:#dfc8c4;--c-zebra:#f9f4f0;--font-head:'Aleo',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--radius:14px;--fw-head:700}@media (prefers-color-scheme:dark){html:root:not([data-theme=light]){--c-bg:#1a1210;--c-surface:#261b19;--c-line:#433431;--c-line-strong:#796a67;--c-ink:#f4edeb;--c-ink-strong:#f4edeb;--c-muted:#bcadaa;--c-primary:#e38978;--c-on-primary:#1b0a07;--c-accent:#5d8cad;--c-on-accent:#03111b;--c-accent-hover:#759db9;--c-accent-ink:#e38978;--c-link:#e38978;--c-link-hover:#feac9c;--c-focus:#e38978;--c-foot:#110b0a;--c-on-foot:#f4edeb;--c-foot-link:#e38978;--c-zebra:#201614;color-scheme:dark}}html:root[data-theme=dark]{--c-bg:#1a1210;--c-surface:#261b19;--c-line:#433431;--c-line-strong:#796a67;--c-ink:#f4edeb;--c-ink-strong:#f4edeb;--c-muted:#bcadaa;--c-primary:#e38978;--c-on-primary:#1b0a07;--c-accent:#5d8cad;--c-on-accent:#03111b;--c-accent-hover:#759db9;--c-accent-ink:#e38978;--c-link:#e38978;--c-link-hover:#feac9c;--c-focus:#e38978;--c-foot:#110b0a;--c-on-foot:#f4edeb;--c-foot-link:#e38978;--c-zebra:#201614;color-scheme:dark}@media (prefers-color-scheme:dark){html:root:not([data-theme=light]) .brand svg [fill="#8c3b2e" i]{fill:#e38978}html:root:not([data-theme=light]) .brand svg [fill="#ffffff" i]{fill:#1b0a07}}html:root[data-theme=dark] .brand svg [fill="#8c3b2e" i]{fill:#e38978}html:root[data-theme=dark] .brand svg [fill="#ffffff" i]{fill:#1b0a07}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}}