/* Columbus Ohio Siding Match theme brand-v7-kit (GENSITE-50-ONBOARD) generated 2026-10-06T03:39Z */
:root{--font-display:'Roboto Slab',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:5px;--radius-md:10px;--radius-lg:15px;--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:#f2f7fd;--pr-100:#dfebf8;--pr-200:#c0d7f1;--pr-300:#9bbbde;--pr-400:#7d9bbe;--pr-500:#607d9e;--pr-600:#466383;--pr-700:#2f4b6a;--pr-800:#21344a;--pr-900:#0d2035;--ac-50:#fef4f2;--ac-100:#fee3dc;--ac-200:#fdc5b8;--ac-300:#fe9882;--ac-400:#df7660;--ac-500:#bd5743;--ac-600:#9f3c29;--ac-700:#83210e;--ac-800:#5c180b;--ac-900:#3f0801;--nu-50:#f5f7fa;--nu-100:#e7eaec;--nu-200:#d0d5da;--nu-300:#b2b8bf;--nu-400:#9399a0;--nu-500:#757b81;--nu-600:#5c6167;--nu-700:#444a4f;--nu-800:#303337;--nu-900:#1c2023;--bg:#fcf9f7;--surface:#f6efea;--border:#e1d7cf;--ink:#15202d;--muted:#545f6c;--primary:#25405e;--primary-strong:#132e4a;--on-primary:#ffffff;--accent:#a23f2c;--accent-ink:#ffffff;--accent-soft:#fde7e2;--accent-soft-ink:#6e2a1d;--focus:#25405e;--accent-hover:#863424;--field-border:#a2a1a2;--zebra:#f9f4f0;--footer-bg:#15202d;--footer-ink:#f4f2ee;--footer-link:#c2cad2;--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:#0f141a;--surface:#181f26;--border:#303943;--ink:#ebeff4;--muted:#a9b2bd;--primary:#89a8cb;--primary-strong:#a8c7ec;--on-primary:#06101c;--accent:#ca634f;--accent-ink:#1b0a07;--accent-soft:#43241d;--accent-soft-ink:#fdcabf;--focus:#89a8cb;--accent-hover:#df7660;--field-border:#59636e;--zebra:#161a1e;--footer-bg:#070e15;--footer-ink:#ebeff4;--footer-link:#89a8cb;--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:#0f141a;--surface:#181f26;--border:#303943;--ink:#ebeff4;--muted:#a9b2bd;--primary:#89a8cb;--primary-strong:#a8c7ec;--on-primary:#06101c;--accent:#ca634f;--accent-ink:#1b0a07;--accent-soft:#43241d;--accent-soft-ink:#fdcabf;--focus:#89a8cb;--accent-hover:#d27b6a;--field-border:#666f7a;--zebra:#141a20;--footer-bg:#090d10;--footer-ink:#ebeff4;--footer-link:#89a8cb;--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:'Roboto Slab';src:url(fonts/RobotoSlab-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:#a2a1a2;--c-ink:#15202d;--c-ink-strong:#15202d;--c-muted:#545f6c;--c-primary:#25405e;--c-on-primary:#ffffff;--c-accent:#a23f2c;--c-on-accent:#ffffff;--c-accent-hover:#863424;--c-accent-ink:#25405e;--c-link:#25405e;--c-link-hover:#132e4a;--c-focus:#25405e;--c-foot:#15202d;--c-on-foot:#f4f2ee;--c-foot-link:#c2cad2;--c-zebra:#f9f4f0;--font-head:'Roboto Slab',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--radius:10px;--fw-head:700}@media (prefers-color-scheme:dark){html:root:not([data-theme=light]){--c-bg:#0f141a;--c-surface:#181f26;--c-line:#303943;--c-line-strong:#666f7a;--c-ink:#ebeff4;--c-ink-strong:#ebeff4;--c-muted:#a9b2bd;--c-primary:#89a8cb;--c-on-primary:#06101c;--c-accent:#ca634f;--c-on-accent:#1b0a07;--c-accent-hover:#d27b6a;--c-accent-ink:#89a8cb;--c-link:#89a8cb;--c-link-hover:#a8c7ec;--c-focus:#89a8cb;--c-foot:#090d10;--c-on-foot:#ebeff4;--c-foot-link:#89a8cb;--c-zebra:#141a20;color-scheme:dark}}html:root[data-theme=dark]{--c-bg:#0f141a;--c-surface:#181f26;--c-line:#303943;--c-line-strong:#666f7a;--c-ink:#ebeff4;--c-ink-strong:#ebeff4;--c-muted:#a9b2bd;--c-primary:#89a8cb;--c-on-primary:#06101c;--c-accent:#ca634f;--c-on-accent:#1b0a07;--c-accent-hover:#d27b6a;--c-accent-ink:#89a8cb;--c-link:#89a8cb;--c-link-hover:#a8c7ec;--c-focus:#89a8cb;--c-foot:#090d10;--c-on-foot:#ebeff4;--c-foot-link:#89a8cb;--c-zebra:#141a20;color-scheme:dark}@media (prefers-color-scheme:dark){html:root:not([data-theme=light]) .brand svg [fill="#25405e" i]{fill:#89a8cb}html:root:not([data-theme=light]) .brand svg [fill="#ffffff" i]{fill:#06101c}}html:root[data-theme=dark] .brand svg [fill="#25405e" i]{fill:#89a8cb}html:root[data-theme=dark] .brand svg [fill="#ffffff" i]{fill:#06101c}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}}