/* Headquarters by XBuild. Canonical staged-page system, 2026-10-12.
   Root homepage is deliberately outside this opt-in scope. */
@font-face{font-family:HeadquartersSwitzer;src:url('/xbuild-brand/fonts/Switzer-Medium.woff2') format('woff2');font-weight:400 500;font-display:swap}
@font-face{font-family:HeadquartersSwitzer;src:url('/xbuild-brand/fonts/Switzer-Semibold.woff2') format('woff2');font-weight:600 900;font-display:swap}
@font-face{font-family:HeadquartersSwitzer;src:url('/assets/697b66b471bb96c6995594ef_Switzer-MediumItalic.443e1acf.woff2') format('woff2');font-style:italic;font-weight:400 500;font-display:swap}
@font-face{font-family:HeadquartersNumerals;src:url('/xbuild-brand/fonts/Obviously-NarrowBlack.woff2') format('woff2');font-weight:900;font-display:swap}
html[data-hq-brand]{--hq-ink:#0f0f0f;--hq-paper:#f0ece8;--hq-stone:#dbd6ce;--hq-yellow:#fdc23e;--hq-brass:#a57c45;--hq-muted:#5b574f;--hq-muted-ink:#a9a398;--font-heading:HeadquartersSwitzer,Arial,sans-serif;--font-body:HeadquartersSwitzer,Arial,sans-serif;--background:#f0ece8;--foreground:#0f0f0f;--card:#f0ece8;--card-foreground:#0f0f0f;--popover:#f0ece8;--popover-foreground:#0f0f0f;--primary:#0f0f0f;--primary-foreground:#f0ece8;--secondary:#dbd6ce;--secondary-foreground:#0f0f0f;--muted:#dbd6ce;--muted-foreground:#5b574f;--accent:#dbd6ce;--accent-foreground:#0f0f0f;--border:#dbd6ce;--input:#dbd6ce;--ring:#a57c45;--radius:.25rem;color-scheme:light}
html[data-hq-brand] body{background:var(--hq-paper);color:var(--hq-ink);font-family:HeadquartersSwitzer,Arial,sans-serif;font-weight:500;line-height:1.5;font-synthesis:none}
html[data-hq-brand] :is(h1,h2,h3,h4,h5,h6,.display-heading_wrap,.font-heading):not([data-xb-cta]):not([data-xb-cta] *){font-family:HeadquartersSwitzer,Arial,sans-serif!important;font-weight:600!important;text-transform:none!important;letter-spacing:-.035em!important;line-height:1.08!important;font-style:normal}
html[data-hq-brand] h1{font-size:clamp(2.35rem,5.4vw,5rem)!important;max-width:17ch;overflow-wrap:normal!important;text-wrap:balance}
html[data-hq-brand] h2{font-size:clamp(1.85rem,3.6vw,3.25rem)!important;max-width:24ch;overflow-wrap:normal!important;text-wrap:balance}
html[data-hq-brand] [data-hq-module="close"] .text-center>h2{margin-inline:auto}
html[data-hq-brand] h3{font-size:clamp(1.2rem,2vw,1.65rem)!important;letter-spacing:-.02em!important;line-height:1.2!important}
html[data-hq-brand] h4{font-size:1.1rem!important;line-height:1.3!important}
/* Bounded headings need automatic side margins inside centered hero containers. */
html[data-hq-brand] :is(.text-center:has(>h1),.hq-centered-hero)>:is(h1,p){margin-inline:auto!important}
html[data-hq-brand] h1.text-center{margin-inline:auto!important}
html[data-hq-brand] .hq-centered-hero{width:100%;max-width:1000px!important;margin-inline:auto!important;text-align:center!important}
html[data-hq-brand] .hq-centered-hero>:is(h1,p){text-align:center!important}
html[data-hq-brand] :is(.text-center:has(>h1),.hq-centered-hero)>.flex{justify-content:center!important}
html[data-hq-brand] .hq-centered-hero>.xbr-hero-eyebrow{width:fit-content;max-width:100%;margin-inline:auto!important;gap:10px}
html[data-hq-brand] .hq-centered-hero>.xbr-hero-eyebrow::before{margin-right:0}
html[data-hq-brand] .hq-centered-hero>.xbr-hero-eyebrow>.h-px{display:none!important}
@media(max-width:480px){html[data-hq-brand] .hq-centered-hero>.flex.flex-wrap>[data-xb-cta]{width:100%}}
html[data-hq-brand] :is(p,li,blockquote,label,input,textarea,select,table,button,a){font-family:HeadquartersSwitzer,Arial,sans-serif}
html[data-hq-brand] :is(p,li){line-height:1.5}
html[data-hq-brand] :is(p,.prose){text-wrap:pretty}
html[data-hq-brand] :is(input,select,textarea){border-radius:4px!important;box-shadow:none;background:var(--hq-paper);color:var(--hq-ink);border-color:var(--hq-stone)}
html[data-hq-brand] :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--hq-brass)!important;outline-offset:4px!important}
html[data-hq-brand] ::selection{background:var(--hq-stone);color:var(--hq-ink)}
/* Existing page sections retain their information architecture and light/dark rhythm. */
html[data-hq-brand] :is(.xbr-product,.xbr-platform,.xbr-enterprise,.xbr-roofing,.xbr-comparison,.xbr-trade,.xbr-insurance,.xbr-blog,.xbr-media,.xbr-reviews,.customer-content){font-family:HeadquartersSwitzer,Arial,sans-serif!important;--xbr-ink:#0f0f0f;--xbr-paper:#f0ece8;--xbr-gold:#fdc23e;--xbr-gold-text:#5b574f;--xbr-muted:#5b574f;background:var(--hq-paper);color:var(--hq-ink)}
html[data-hq-brand] :is([data-hq-surface="paper"],.xp-hero,.xp-apps,.xp-uses,.xp-final,.index-hero,.index-list,.legal_wrap,.hero-pricing_wrap,.plans_wrap,.reviews_wrap,.cta_wrap){--hq-surface:var(--hq-paper);--hq-text:var(--hq-ink);--hq-secondary:var(--hq-muted);background-color:var(--hq-paper)!important;color:var(--hq-ink)!important;border-color:var(--hq-stone)!important}
html[data-hq-brand] :is([data-hq-surface="ink"],.xp-workflow,.u-theme-dark,footer){--hq-surface:var(--hq-ink);--hq-text:var(--hq-paper);--hq-secondary:var(--hq-muted-ink);background-color:var(--hq-ink)!important;color:var(--hq-paper)!important;border-color:#3d3933!important}
html[data-hq-brand] :is([data-hq-surface],.xp-hero,.xp-apps,.xp-uses,.xp-final,.xp-workflow,.u-theme-dark,footer) :is(h1,h2,h3,p,li,blockquote){color:var(--hq-text,inherit)}
html[data-hq-brand] :is([data-hq-surface],.xp-hero,.xp-apps,.xp-uses,.xp-final,.xp-workflow,.u-theme-dark,footer) :is(.text-muted-foreground,.text-foreground\/90,.text-foreground\/70,small){color:var(--hq-secondary,inherit)!important}
html[data-hq-brand] :is([data-hq-surface],.xp-hero,.xp-apps,.xp-uses,.xp-final,.xp-workflow) :is(.bg-card,.bg-background){background-color:var(--hq-surface)!important;color:var(--hq-text)!important}
html[data-hq-brand] :is(.xp-kicker,[class*="eyebrow"],.label){font-family:HeadquartersSwitzer,Arial,sans-serif!important;font-size:.75rem!important;font-weight:600!important;letter-spacing:.18em!important;line-height:1.4!important;text-transform:uppercase!important;color:var(--hq-secondary,var(--hq-muted))!important}
html[data-hq-brand] :is(.xp-kicker,[class*="eyebrow"]):before{content:"";display:inline-block;width:1.8rem;height:1px;margin-right:.65rem;vertical-align:middle;background:var(--hq-brass)}
/* Pure color, no decorative gradient, torn-paper edge, glow or shiny card. */
html[data-hq-brand] :is(.text-gradient,.bg-gradient-radial,.grid-lines,.bg-scanlines){background-image:none!important;-webkit-text-fill-color:currentColor}
html[data-hq-brand] :is([class*="bg-gradient-"],[class*="bg-linear-"]){background-image:none!important}
html[data-hq-brand] :is([class*="backdrop-blur"],[class*="border-glow"]){backdrop-filter:none!important;box-shadow:none!important}
html[data-hq-brand] :is(.hero-pricing_check,.hero-pricing_plus-one,.plans_save-arrow,.cta_paper,.cta_bg-paper,.paper-edge,.torn-paper,[data-sticker="first"],[data-sticker="second"]){display:none!important}
html[data-hq-brand] :is(.display-heading_row,[data-sticker="text"]){white-space:normal!important;transform:none!important;rotate:none!important}
html[data-hq-brand] :is(.hero-pricing_wrap h1,.index-hero h1){margin-inline:auto;text-align:center}
html[data-hq-brand] :is(.hero-pricing_wrap,.index-hero){padding-top:clamp(7rem,12vw,11rem);padding-bottom:clamp(3rem,6vw,6rem)}
html[data-hq-brand] :is(.hero-pricing_wrap p,.index-hero p){max-width:65ch;margin-inline:auto}
html[data-hq-brand] :is(.xbr-product,.xbr-platform,.xbr-enterprise,.xbr-roofing,.xbr-comparison,.xbr-trade,.xbr-insurance)>section{border-color:var(--hq-stone)}
html[data-hq-brand] :is(.xp-container,.customer-content .wrap){max-width:1280px}
html[data-hq-brand] :is(.xp-hero,.xp-workflow,.xp-apps,.xp-uses,.xp-final){padding-block:clamp(3.5rem,7vw,7rem)}
html[data-hq-brand] .xp-hero{padding-top:clamp(8rem,13vw,12rem)}
html[data-hq-brand] .xp-hero-image img{width:100%;height:clamp(340px,40vw,520px);object-fit:cover;border-radius:4px!important;box-shadow:none!important}
html[data-hq-brand] .xp-hero-copy{max-width:650px}
html[data-hq-brand] .xp-hero-copy h1{max-width:12ch}
html[data-hq-brand] :is(.xp-steps,.xp-app-options,.xp-use-row){border-color:var(--hq-stone)}
html[data-hq-brand] .xp-workflow .xp-steps>article{border-color:#3d3933}
html[data-hq-brand] .customer-content :is(.hero,.index-hero,.index-list,.cta-section,.story-body){background:var(--hq-paper);color:var(--hq-ink)}
html[data-hq-brand] .customer-content :is(.hero h1,.index-title){font-size:clamp(2.35rem,5.4vw,5rem)!important;max-width:17ch}
html[data-hq-brand] .customer-content :is(.quote,.quote-card,.testimonial){background:var(--hq-ink);color:var(--hq-paper);border-radius:4px;border-top:1px solid var(--hq-brass)}
html[data-hq-brand] .customer-content :is(.quote,.quote-card,.testimonial) *{color:inherit}
/* Editorial list indices are text, not miniature buttons or tracked labels. */
html[data-hq-brand] .xbr-editorial-index{display:block;justify-content:flex-start;align-items:baseline;width:auto;height:auto;min-width:0;padding:0;background:transparent!important;border:0!important;border-radius:0;box-shadow:none;color:inherit!important;font:500 14px/1.5 HeadquartersSwitzer,Arial,sans-serif!important;font-variant-numeric:tabular-nums;letter-spacing:0!important;text-transform:none!important}
html[data-hq-brand] .xbr-editorial-list>li{grid-template-columns:26px minmax(0,1fr);gap:14px;align-items:baseline}
/* Obviously is retained only where it does useful numeric work. */
html[data-hq-brand] :is(.stat-number,.stat-value,.metric-value,.xbr-enterprise-metric-value,.xbr-story-stat,.plans_price,.plans_price-value,[data-hq-numeral]){font-family:HeadquartersNumerals,Arial,sans-serif!important;font-weight:900!important;font-variant-numeric:tabular-nums;letter-spacing:-.02em!important;text-transform:none!important}
/* Quiet, solid navigation. Homepage markup and its own stylesheet remain intact. */
html[data-hq-brand] :is(.nav_desktop_contain,.nav_mobile_contain,nav.bg-background\/95){background:var(--hq-paper)!important;color:var(--hq-ink)!important;border:1px solid var(--hq-stone);border-radius:4px!important;box-shadow:none!important;backdrop-filter:none!important}
html[data-hq-brand] :is(.nav_desktop_contain,.nav_mobile_contain) :is(a,button){font-family:HeadquartersSwitzer,Arial,sans-serif!important}
html[data-hq-brand] :is(.nav_dropdown_content,.nav_dropdown_contain,.nav_dropdown_list,.w-nav-menu){background:var(--hq-paper);color:var(--hq-ink)}
/* The native flip layers are suppressed for this brand generation, not the links. */
html[data-hq-brand] .button_hover_element{display:none!important}
html[data-hq-brand] :is(.xp-store-buttons,.xp-app-options) :is(a,button){--hq-button-fill:transparent;--hq-button-text:var(--hq-ink);background:transparent!important;color:var(--hq-ink)!important;border:1px solid var(--hq-stone)!important}
html[data-hq-brand] .xb-sales-page{background:var(--hq-paper)!important;color:var(--hq-ink)!important}
html[data-hq-brand] :is(.xb-sales-dialog,.xb-sales-inline){--hq-surface:var(--hq-stone);--hq-text:var(--hq-ink);--hq-secondary:var(--hq-muted);background:var(--hq-stone)!important;color:var(--hq-ink)!important;border-color:#b4afa5!important;color-scheme:light}
html[data-hq-brand] .xb-sales-inline{border-radius:4px!important}
html[data-hq-brand] .xb-sales :is(input,select,textarea){background:var(--hq-paper)!important;color:var(--hq-ink)!important;border-color:#aaa397!important}
html[data-hq-brand] .xb-sales header{border-bottom-color:#b4afa5}
html[data-hq-brand] .xb-sales header button{color:var(--hq-ink)}
html[data-hq-brand] .xb-sales [data-sales-error]{color:#8b3020}
html[data-hq-brand] .xb-sales :is(h1,p,label){color:inherit}
/* Talk to Sales popup only: keep the popup's own heading type on every page (same as the homepage popup). The :not(#xb-sales-scope) only raises specificity so these win over the page headline rules; it matches nothing else. */
html[data-hq-brand] .xb-sales :is(h1,h2):not(#xb-sales-scope){text-transform:none!important;letter-spacing:-.2px!important;font-style:normal!important;max-width:none!important;line-height:1.2!important;font-weight:500!important}
html[data-hq-brand] .xb-sales h1:not(#xb-sales-scope){font-family:XB Sales Display,Obviously,sans-serif!important;font-size:28px!important}
html[data-hq-brand] .xb-sales h2:not(#xb-sales-scope){font-family:XB Sales Body,Switzer,sans-serif!important;font-size:22px!important}
html[data-hq-brand] .xb-sales-fineprint{color:var(--hq-secondary,var(--hq-muted))!important}
html[data-hq-brand] footer h3{font-size:.75rem!important;letter-spacing:.18em!important;text-transform:uppercase!important;line-height:1.5!important}
html[data-hq-brand] :is(.prose h1,.prose h2,.prose h3){max-width:100%}
html[data-hq-brand] .legal_wrap :is(h1,h2,h3){max-width:100%;letter-spacing:-.025em!important}
html[data-hq-brand] .legal_wrap h1{font-size:clamp(2.35rem,5.4vw,5rem)!important;letter-spacing:-.035em!important}
html[data-hq-brand] .legal_wrap .legal_contain{max-width:1184px;width:calc(100% - 2 * clamp(24px,4vw,48px));margin-inline:auto}
html[data-hq-brand] .legal_wrap .w-richtext{max-width:72ch}
@media(max-width:767px){html[data-hq-brand] .legal_wrap h1{font-size:clamp(2rem,9vw,3rem)!important}}
@media(max-width:767px){html[data-hq-brand] h1{font-size:clamp(2rem,9vw,3rem)!important;max-width:100%}html[data-hq-brand] h2{font-size:clamp(1.7rem,7vw,2.4rem)!important;max-width:100%}html[data-hq-brand] :is(.xp-container,.customer-content .wrap){padding-inline:24px}html[data-hq-brand] .xp-hero{gap:2.5rem;padding-top:7.5rem}html[data-hq-brand] .xp-hero-image img{height:320px}html[data-hq-brand] .display-heading_row{display:block!important}html[data-hq-brand] :is(.hero-pricing_wrap,.index-hero){padding-top:7rem}html[data-hq-brand] .customer-content .hero h1{font-size:clamp(2.2rem,9vw,3rem)!important}}
/* Preserve legibility when retiring gradient fills and native button-flip layers. */
html[data-hq-brand] :is(.text-gradient,.bg-clip-text,.text-transparent){background-image:none!important;color:var(--hq-text,var(--hq-ink))!important;-webkit-text-fill-color:var(--hq-text,var(--hq-ink))!important}
html[data-hq-brand] body .xbr-action:not(:has(.button_main_element)){display:inline-flex!important;align-items:center;justify-content:center;min-width:10rem;max-width:100%}
html[data-hq-brand] [class*="text-emerald-"]{color:var(--hq-secondary,var(--hq-muted))!important}
html[data-hq-brand] [class*="bg-emerald-"]{background-color:var(--hq-stone)!important}
html[data-hq-brand] [class*="border-emerald-"]{border-color:var(--hq-stone)!important}
html[data-hq-brand] header:has(img[alt="XBuild"]){background:var(--hq-paper)!important;color:var(--hq-ink)!important}
html[data-hq-brand] header img[alt="XBuild"]{content:url('/xbuild-brand/assets/logos/xbuild-logo-light.png')}
html[data-hq-brand] .xbr-blog-media{background:var(--hq-stone)!important}
/* Availability controls retain their official destinations and readable labels. */
/* Final component refinements: plain edges, restrained proof, clear billing units. */
html[data-hq-brand] :is(.nav_desktop_contain,.nav_mobile_contain){background:transparent!important;border:0!important;border-radius:0!important}
html[data-hq-brand] :is(.nav_desktop_layout,.nav_mobile_layout){background:#FFFFFF!important;border:1px solid var(--hq-stone)!important;border-radius:16px!important;box-shadow:0 4px 16px rgba(15,15,15,.05)!important}
html[data-hq-brand] body :is([class*="u-text-style-h"],.accordion_heading,.accordion_title,.accordion_label){font-family:HeadquartersSwitzer,Arial,sans-serif!important;text-transform:none!important;font-weight:600!important;letter-spacing:-.02em!important;line-height:1.25!important}
html[data-hq-brand] body .plans_price:has(.price-amount){font-family:HeadquartersNumerals,Arial,sans-serif!important;font-weight:900!important;font-size:clamp(3rem,4vw,4.5rem)!important;line-height:1!important;white-space:nowrap}
html[data-hq-brand] body .plans_price>.u-text-style-h4{font-family:HeadquartersSwitzer,Arial,sans-serif!important;font-size:1rem!important;font-weight:500!important;margin-left:.4em;letter-spacing:0!important}
html[data-hq-brand] body .plans_price:not(:has(.price-amount)){font-family:HeadquartersSwitzer,Arial,sans-serif!important;font-size:2rem!important;font-weight:600!important;line-height:1.1!important}
html[data-hq-brand] [data-hq-plan]{background:var(--hq-stone)!important}
html[data-hq-brand] .plans_card{background:var(--hq-stone)!important;border:1px solid var(--hq-stone)!important;border-top:2px solid var(--hq-brass)!important;border-radius:4px!important;box-shadow:none!important;padding:28px!important}
html[data-hq-brand] .plans_card h2{font-size:1.35rem!important;letter-spacing:-.02em!important}
html[data-hq-brand] :is(.cta_paper_top,.cta_paper_bottom){display:none!important}
html[data-hq-brand] .cta_layout{position:relative;display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:0;padding:0!important;background:var(--hq-paper)!important;border:1px solid var(--hq-stone)!important;border-top:1px solid var(--hq-brass)!important;border-radius:4px!important;box-shadow:none!important;overflow:hidden;isolation:isolate}
html[data-hq-brand] .cta_layout > .u-display-contents{display:contents!important}
html[data-hq-brand] .cta_layout .u-content-wrapper{grid-column:1;grid-row:1;align-self:center;display:flex!important;flex-direction:column;align-items:flex-start!important;gap:24px;width:100%!important;min-width:0;max-width:none!important;padding:clamp(32px,4.4vw,64px);box-sizing:border-box}
html[data-hq-brand] .cta_layout .u-content-wrapper > .u-text{width:100%;min-width:0;max-width:100%;margin:0!important}
html[data-hq-brand] .cta_layout::before{display:none!important}
html[data-hq-brand] .cta_layout::after{content:"";position:relative;inset:auto;display:block;grid-column:2;grid-row:1;align-self:stretch;min-height:480px;background:url('/assets/hq-office-rex-1600.webp') center/cover no-repeat;z-index:0;pointer-events:none}
html[data-hq-brand] .cta_layout h2{width:100%!important;max-width:18ch!important;font-size:clamp(30px,3.4vw,48px)!important;line-height:1.12!important;margin:0!important;white-space:normal!important;text-wrap:balance}
html[data-hq-brand] .cta_layout p{max-width:46ch;margin:0!important}
@media(max-width:900px){html[data-hq-brand] .cta_layout{grid-template-columns:minmax(0,1fr)}html[data-hq-brand] .cta_layout .u-content-wrapper{padding:32px}html[data-hq-brand] .cta_layout::after{grid-column:1;grid-row:2;min-height:0;aspect-ratio:16/10}}
html[data-hq-brand] .cta_wrap{padding-block:64px!important}
html[data-hq-brand] .hero-pricing_wrap{padding-top:144px!important;padding-bottom:48px!important}
html[data-hq-brand] .customer-content .index-hero{padding-top:48px!important;padding-bottom:48px!important}
html[data-hq-brand] .customer-content .index-list{padding-block:40px!important}
html[data-hq-brand] .customer-content .index-story{margin-bottom:48px!important;padding-bottom:48px!important}
html[data-hq-brand] .customer-content .story-link{min-height:44px;text-decoration:underline;text-underline-offset:5px}
html[data-hq-brand] :is(.xbr-enterprise,.xbr-roofing,.xbr-comparison,.xbr-trade,.xbr-platform,.xbr-insurance){--xbr-surface:var(--hq-paper);--xbr-surface-muted:var(--hq-paper)}
html[data-hq-brand] .xbr-enterprise>section{padding-block:72px!important}
html[data-hq-brand] .xbr-enterprise>section:first-of-type{padding-top:160px!important;padding-bottom:0!important}
html[data-hq-brand] .xbr-enterprise-workflows{padding-block:64px!important}
html[data-hq-brand] .xbr-stories-wrap{padding-block:0!important;max-width:1280px}
html[data-hq-brand] .hq-workflows-action{margin-top:28px;text-align:left}
html[data-hq-brand] .xbr-enterprise-metrics{background:var(--hq-ink)!important}
html[data-hq-brand] .xbr-enterprise-metric-value{color:var(--hq-paper)!important}
html[data-hq-brand] .xbr-enterprise-metric-label{color:var(--hq-muted-ink)!important}
html[data-hq-brand] .xp-workflow .xp-steps>article{border-color:var(--hq-brass)!important}
html[data-hq-brand] .xp-use-row{border-color:var(--hq-stone)!important}
html[data-hq-brand] .xp-note{margin-top:20px!important}
html[data-hq-brand] :is(footer,.footer_wrap) :is(p,li,a,small){font-size:14px!important;line-height:1.55!important;color:var(--hq-muted-ink)}
html[data-hq-brand] :is(footer,.footer_wrap) a:hover{color:var(--hq-paper)!important}
html[data-hq-brand] :is(footer,.footer_wrap) a:focus-visible{outline-color:var(--hq-brass)!important}
html[data-hq-brand] #xbuild-chat-container :is(button,[role="button"]){box-shadow:none!important}
html[data-hq-brand] #xbuild-chat-button{width:48px!important;height:48px!important;border-radius:4px!important;background:var(--hq-ink)!important;color:var(--hq-paper)!important;border:1px solid var(--hq-brass)!important;animation:none!important;box-shadow:none!important}
html[data-hq-brand] #xbuild-btn-icon{color:var(--hq-paper)!important}
html[data-hq-brand] #xbuild-chat-button>span:last-child:not(#xbuild-btn-icon),html[data-hq-brand] #xbuild-teaser{display:none!important}
html[data-hq-brand] #xbuild-chat-button[data-hq-occluded="true"]{visibility:hidden!important;pointer-events:none!important}
html[data-hq-brand] #xbuild-chat-widget{background:var(--hq-ink)!important;backdrop-filter:none!important;border-radius:4px!important;border:1px solid var(--hq-stone)!important;max-width:calc(100vw - 32px)}
@media(max-width:767px){html[data-hq-brand] .nav_mobile_layout{min-height:64px!important}html[data-hq-brand] .hero-pricing_wrap{padding-top:112px!important}html[data-hq-brand] .cta_layout{padding:0!important}html[data-hq-brand] .cta_layout .u-content-wrapper{padding:28px!important}html[data-hq-brand] .cta_wrap{padding-block:40px!important}html[data-hq-brand] .xbr-enterprise>section:first-of-type{padding-top:128px!important}html[data-hq-brand] .xbr-enterprise-workflows{padding-block:48px!important}html[data-hq-brand] .customer-content .index-hero{padding-top:24px!important}}
/* Cohesive component rhythm. Hierarchy is stable; controls do not change rank on scroll. */
html[data-hq-brand]{--hq-page:1280px;--hq-gutter:clamp(24px,4vw,48px);--hq-section-space:clamp(48px,6vw,80px)}
html[data-hq-brand] :is(.container,.xp-container,.xbr-blog-container,.xbr-media-container,.customer-content .wrap){width:100%;max-width:var(--hq-page);padding-inline:var(--hq-gutter);margin-inline:auto;box-sizing:border-box}
html[data-hq-brand] :is(.xbr-trade,.xbr-comparison,.xbr-roofing,.xbr-insurance)>section{padding-block:var(--hq-section-space)!important}
html[data-hq-brand] :is(.xbr-trade,.xbr-comparison,.xbr-roofing,.xbr-insurance)>section:first-of-type{padding-top:clamp(128px,11vw,160px)!important;padding-bottom:64px!important}
html[data-hq-brand] :is(.xbr-trade,.xbr-comparison,.xbr-roofing,.xbr-insurance)>section:first-of-type p{max-width:60ch}
html[data-hq-brand] .xbr-editorial-section{gap:32px 48px}
@media(min-width:900px){html[data-hq-brand] .xbr-editorial-section{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);column-gap:clamp(32px,6vw,88px)}}
html[data-hq-brand] .xbr-hero-eyebrow{margin-bottom:22px!important;gap:0!important}
html[data-hq-brand] .xbr-hero-eyebrow span{font:inherit!important;letter-spacing:inherit!important;color:inherit!important;text-transform:inherit!important}
html[data-hq-brand] .xbr-hero-eyebrow>.h-px{display:none!important}
html[data-hq-brand] .xbr-hero-eyebrow::before{flex-shrink:0}
html[data-hq-brand] .hq-subpage-hero{margin-inline:0!important;text-align:left!important}
html[data-hq-brand] .hq-subpage-hero>.flex{justify-content:flex-start!important}
html[data-hq-brand] :is(.hq-subpage-hero,.xbr-comparison>section:first-of-type>.container,.xbr-blog-hero,.xbr-media-hero)>h1{max-width:22ch;margin:0 0 26px!important;text-align:left!important;color:#0F0F0F}
html[data-hq-brand] :is(.hq-subpage-hero,.xbr-comparison>section:first-of-type>.container)>h1+p{font:500 clamp(1.125rem,1rem + .6vw,1.45rem)/1.5 HeadquartersSwitzer,Arial,sans-serif!important;color:#5B574F!important;max-width:65ch!important;margin-top:0!important;margin-inline:0!important;text-align:left!important}
html[data-hq-brand] .hq-about-hero{padding-top:clamp(8rem,11vw,10rem)!important}
@media(max-width:767px){html[data-hq-brand] .hq-about-hero{padding-top:120px!important}html[data-hq-brand] :is(.hq-subpage-hero,.xbr-comparison>section:first-of-type>.container,.xbr-blog-hero,.xbr-media-hero)>h1{max-width:100%}}
html[data-hq-brand] .xbr-editorial-list>li{padding-block:20px;border-color:var(--hq-stone)}
html[data-hq-brand] .xbr-editorial-list>li p{font-weight:500!important;line-height:1.55}
html[data-hq-brand] .xbr-editorial-list--detailed h3{font-size:clamp(20px,1.8vw,26px)!important}
html[data-hq-brand] [data-hq-surface="ink"] .xbr-editorial-list>li{border-color:#3d3933}
html[data-hq-brand] [data-hq-surface="ink"] :is(.text-muted-foreground,.text-foreground){color:var(--hq-muted-ink)!important}
html[data-hq-brand] [data-hq-surface="ink"] [class*="bg-card"]{background:#181816!important;border-color:#3d3933!important}
html[data-hq-brand] body a[data-hq-action="text"]{display:inline;text-underline-offset:5px}
html[data-hq-brand] body .xbr-action{min-width:0!important}
html[data-hq-brand] :is(.faqs_content h2,#faq h2,.xbr-trade>section:last-of-type h2){margin-bottom:28px!important}
html[data-hq-brand] #faq>.container>div:first-child{margin-bottom:28px!important}
/* Non-animated controls share the same restrained surface treatment. */
/* Pricing: the comparison, not the decoration, carries the decision. */
html[data-hq-brand] .hero-pricing_wrap{padding-top:144px!important;padding-bottom:24px!important}
html[data-hq-brand] .hero-pricing_wrap h1{font-size:clamp(36px,4.6vw,66px)!important;line-height:1.08!important}
html[data-hq-brand] .pricing-switch_wrap{display:flex!important;flex-direction:column;align-items:center;justify-content:center;width:max-content;max-width:100%;margin-top:32px!important;margin-bottom:0!important;margin-inline:auto;gap:12px}
html[data-hq-brand] .pricing-switch_container{display:inline-flex!important;align-items:center;width:auto!important;max-width:100%;border:1px solid var(--hq-stone)!important;border-radius:4px!important;padding:4px!important;box-shadow:none!important}
html[data-hq-brand] .pricing-switch_button{appearance:none;border:0;border-radius:3px!important;padding:12px 18px!important;background:transparent!important;color:var(--hq-muted)!important;cursor:pointer}
html[data-hq-brand] .pricing-switch_button.is-active{background:var(--hq-ink)!important;color:var(--hq-paper)!important}
html[data-hq-brand] .pricing-switch_text{font:600 14px/1.2 HeadquartersSwitzer,Arial,sans-serif!important;color:inherit!important;letter-spacing:0!important;text-transform:none!important}
html[data-hq-brand] .pricing-switch_tag{position:static!important;inset:auto!important;transform:none!important;background:transparent!important;border:0!important;color:var(--hq-muted)!important;padding:0!important;margin:0!important;width:auto!important;height:auto!important;text-align:center}
html[data-hq-brand] .pricing-switch_tag_text,html[data-hq-brand] .pricing-switch_tag .u-text-style-h6{font:500 13px/1.4 HeadquartersSwitzer,Arial,sans-serif!important;color:inherit!important;letter-spacing:0!important;text-transform:none!important;white-space:normal}
html[data-hq-brand] .hq-billing-mode{display:block;margin-top:8px;font:500 13px/1.4 HeadquartersSwitzer,Arial,sans-serif;color:var(--hq-muted)}
html[data-hq-brand] .plans_layout{row-gap:24px;align-items:stretch}
html[data-hq-brand] .plans_card{display:grid!important;grid-template-rows:subgrid;grid-row:span 3;row-gap:24px}
html[data-hq-brand] .plans_popular_wrap{display:grid;grid-template-rows:subgrid;grid-row:span 3;position:relative;min-width:0;row-gap:24px}
html[data-hq-brand] .plans_popular_wrap>.plans_card{grid-row:1/-1}
html[data-hq-brand] .plans_popular_wrap>.plans_popular{position:absolute}
html[data-hq-brand] .plans_card .plans_header,html[data-hq-brand] .plans_card .plans_list{margin:0!important}
html[data-hq-brand] .slider-main_bottom-wrap{margin-top:20px!important;align-items:center}
html[data-hq-brand] .slider-main_button{border-color:#8c867c!important;color:var(--hq-ink)!important}
html[data-hq-brand] .slider-main_button svg{stroke-width:2}
@supports not (grid-template-rows:subgrid){html[data-hq-brand] .plans_card{display:flex!important;flex-direction:column;grid-row:auto;height:100%;gap:24px}html[data-hq-brand] .plans_popular_wrap{display:block;grid-row:auto}html[data-hq-brand] .plans_card .plans_cta{margin-top:auto}}
html[data-hq-brand] .plans_wrap{padding-top:24px!important;padding-bottom:64px!important}
html[data-hq-brand] .plans_card{padding:24px!important}
html[data-hq-brand] .plans_card.is-popular{border-color:var(--hq-brass)!important}
html[data-hq-brand] .plans_card .plans_header{margin-bottom:24px}
html[data-hq-brand] body .plans_price:has(.price-amount){font-size:clamp(48px,3.8vw,60px)!important}
html[data-hq-brand] .plans_card h2{font-size:22px!important}
html[data-hq-brand] .reviews_wrap{padding-block:64px!important}
html[data-hq-brand] .reviews_card{box-shadow:none!important;border:1px solid var(--hq-stone)!important;border-radius:4px!important}
html[data-hq-brand] .reviews_content{padding:32px!important}
html[data-hq-brand] .slider-main_button{display:inline-flex;align-items:center;justify-content:center;width:44px!important;height:44px!important;border:1px solid var(--hq-stone);border-radius:4px;background:transparent;color:var(--hq-ink);padding:0;cursor:pointer}
html[data-hq-brand] .slider-main_button svg{width:22px!important;height:22px!important}
/* Enterprise: compact editorial rows, then customer evidence, then the form. */
html[data-hq-brand] .xbr-enterprise .xbr-workflows-header{text-align:left;max-width:760px;margin:0 0 32px}
html[data-hq-brand] .xbr-enterprise .xbr-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
html[data-hq-brand] .xbr-enterprise .xbr-workflow-card{background:transparent!important;border:0!important;border-top:1px solid var(--hq-stone)!important;border-radius:0!important;padding:24px 0!important;box-shadow:none}
html[data-hq-brand] .xbr-enterprise .xbr-workflow-card-content{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px 16px;align-content:start}
html[data-hq-brand] .xbr-enterprise .xbr-workflow-icon{grid-row:1/span 2;align-self:start;margin:3px 0 0;padding:0;width:24px;height:24px;background:transparent;border:0}
html[data-hq-brand] .xbr-enterprise .xbr-workflow-icon svg{width:22px;height:22px}
html[data-hq-brand] .xbr-enterprise .xbr-workflow-card h3,html[data-hq-brand] .xbr-enterprise .xbr-workflow-card p{grid-column:2;margin:0}
html[data-hq-brand] .xbr-enterprise .xbr-workflow-card h3{font-size:21px!important}
html[data-hq-brand] .xbr-enterprise .xbr-workflow-card p{font-size:16px;line-height:1.55}
html[data-hq-brand] .xbr-enterprise-metric-value,html[data-hq-brand] .xbr-story-stat{font-family:HeadquartersSwitzer,Arial,sans-serif!important;font-weight:600!important;font-size:clamp(30px,3vw,42px)!important;line-height:1.15!important}
html[data-hq-brand] .xbr-enterprise #contact .hq-sales-steps{padding:24px!important;background:var(--hq-stone)!important;border:0!important}
html[data-hq-brand] .hq-sales-steps .flex-shrink-0{width:24px;height:24px;background:transparent!important;color:var(--hq-muted)!important;border:0;border-radius:0;font-size:14px;font-variant-numeric:tabular-nums}
html[data-hq-brand] .xbr-enterprise #contact .hq-form-proof{background:var(--hq-stone)!important;color:var(--hq-muted)!important;border:0!important;border-radius:8px;padding:20px 24px!important}
html[data-hq-brand] .xbr-enterprise #contact .hq-form-proof svg{display:block;width:20px;height:20px;margin:0;flex-shrink:0;color:var(--hq-ink)!important}
html[data-hq-brand] .xbr-enterprise #contact .hq-proof-stat{display:flex;align-items:center;gap:10px;margin-top:8px}
html[data-hq-brand] .xbr-enterprise #contact .hq-form-proof p{color:var(--hq-muted)!important;font-size:14px!important;line-height:1.5!important}
html[data-hq-brand] .xbr-enterprise #contact .hq-form-proof p+p{color:var(--hq-ink)!important;font-size:20px!important}
html[data-hq-brand] .hq-contact-form{border-color:var(--hq-stone)!important;border-radius:4px;padding:32px!important}
html[data-hq-brand] .xbr-enterprise #contact .hq-contact-form{background:var(--hq-stone)!important}
html[data-hq-brand] .customer-content .hero-media{border-radius:8px}
html[data-hq-brand] .customer-content .hero-media:after{display:none}
html[data-hq-brand] .customer-content .hero-media figcaption{left:0;right:0;bottom:0;padding:16px 20px;background:var(--hq-ink);color:var(--hq-paper)}
html[data-hq-brand] .customer-content .hero-media figcaption strong{font-size:16px;color:var(--hq-paper);line-height:1.4}
html[data-hq-brand] .customer-content .hero-media figcaption span{font-size:13px;color:var(--hq-muted-ink);line-height:1.45;opacity:1}
/* Editorial scales are intentionally smaller than section display scales. */
html[data-hq-brand] .xbr-blog-copy h2{font-size:clamp(23px,2.2vw,31px)!important;line-height:1.2!important;max-width:none;letter-spacing:-.025em!important}
html[data-hq-brand] .xbr-blog-lead .xbr-blog-copy h2{font-size:clamp(28px,3vw,42px)!important}
html[data-hq-brand] .hq-article{max-width:860px;margin-inline:0}
html[data-hq-brand] .hq-article h1{font-size:clamp(34px,4.1vw,58px)!important;max-width:25ch;text-align:left!important;font-weight:600!important;margin:0 0 26px!important}
html[data-hq-brand] .hq-article .prose{font-size:17px;line-height:1.65}
html[data-hq-brand] .hq-article .prose h2{font-size:clamp(26px,2.7vw,36px)!important;line-height:1.18!important;margin-top:2em;margin-bottom:.65em}
html[data-hq-brand] .hq-article .prose h3{font-size:23px!important;margin-top:1.6em;margin-bottom:.6em}
html[data-hq-brand] .hq-article-main{padding-top:clamp(8rem,11vw,10rem)!important}
html[data-hq-brand] .hq-article__eyebrow{margin:0 0 22px!important}
html[data-hq-brand] .hq-article__dek{font-weight:500;font-size:clamp(1.125rem,1rem + .6vw,1.45rem);line-height:1.5;color:#5B574F;max-width:65ch;margin:0;text-align:left}
html[data-hq-brand] .hq-article__meta{margin-top:20px;margin-bottom:40px}
@media(max-width:767px){html[data-hq-brand] .hq-article-main{padding-top:120px!important}}
@media(max-width:767px){html[data-hq-brand] :is(.xbr-trade,.xbr-comparison,.xbr-roofing,.xbr-insurance)>section:first-of-type{padding-top:120px!important;padding-bottom:32px!important}html[data-hq-brand] .xbr-editorial-section{gap:24px}html[data-hq-brand] .xbr-editorial-list>li{padding-block:16px}html[data-hq-brand] .hero-pricing_wrap{padding-top:116px!important}html[data-hq-brand] .pricing-switch_wrap{margin-top:24px!important}html[data-hq-brand] .reviews_content{padding:24px!important}html[data-hq-brand] .xbr-enterprise .xbr-workflow-grid{grid-template-columns:1fr}html[data-hq-brand] .hq-contact-form{padding:24px!important}html[data-hq-brand] .hq-article .prose{font-size:16px;line-height:1.65}}
@media(prefers-reduced-motion:reduce){html[data-hq-brand] *,html[data-hq-brand] *::before,html[data-hq-brand] *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}