/* XBuild CTA system. Brand v2.3 geometry/type; approved gold ↔ charcoal flip. */
@font-face{font-family:XBuildCTA;src:url('/xbuild-brand/fonts/Obviously-NarrowBlack.woff2') format('woff2');font-style:normal;font-weight:900;font-display:swap}
html body [data-xb-cta]{--xb-base:#e8b430;--xb-base-text:#080808;--xb-hover:#080808;--xb-hover-text:#fff;--xb-edge:#e8b430;--xb-focus:#080808;position:relative;display:inline-flex;align-items:center;justify-content:center;isolation:isolate;box-sizing:border-box;min-height:48px!important;height:auto;max-width:100%;padding:0!important;border:0!important;border-radius:10.67px!important;overflow:hidden;vertical-align:middle;background:var(--xb-base)!important;color:var(--xb-base-text)!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer;transform:none!important;transition:none!important}
html body [data-xb-cta="secondary"]{--xb-base:#080808;--xb-base-text:#fff;--xb-hover:#e8b430;--xb-hover-text:#080808;--xb-edge:#080808}
html body :is([data-hq-surface="ink"],.u-theme-dark,.hq-section--ink,.xb-sales-dialog,footer) [data-xb-cta]{--xb-focus:#fff}
html body :is([data-hq-surface="ink"],.u-theme-dark,.hq-section--ink,.xb-sales-dialog) [data-xb-cta="secondary"]{--xb-edge:rgba(255,255,255,.45)}
html body [data-xb-cta],html body [data-xb-cta] :is(.xb-cta-face,.button_main_text,.clickable_text){font-family:XBuildCTA,'Obviously Narrow',Arial,sans-serif!important;font-weight:900!important;font-size:clamp(18px,1.25vw,22px)!important;line-height:1!important;letter-spacing:.02em!important;text-transform:uppercase!important;font-style:normal!important;white-space:nowrap}
html body [data-xb-cta] :is(.xb-cta-face,.button_main_element,.button_hover_element){display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:48px;min-height:48px!important;padding:0 26.67px!important;border:1px solid var(--xb-edge)!important;border-radius:10.67px!important;box-shadow:none!important;transform-origin:50% 50%;will-change:transform}
html body [data-xb-cta] :is(.xb-cta-base,.button_main_element){position:relative!important;inset:auto!important;background:var(--xb-base)!important;color:var(--xb-base-text)!important;transform:scale(1)!important;transition:transform .28s cubic-bezier(.2,.7,.2,1)!important}
html body [data-xb-cta] :is(.xb-cta-hover,.button_hover_element){position:absolute!important;inset:0!important;z-index:1;transform-origin:0 0;background:var(--xb-hover)!important;color:var(--xb-hover-text)!important;border-color:var(--xb-hover)!important;visibility:visible!important;opacity:1!important;transform:translateY(112%) rotate(4deg)!important;transition:transform .28s cubic-bezier(.2,.7,.2,1)!important;pointer-events:none!important}
html body [data-xb-cta] :is(.xb-cta-face,.button_main_element,.button_hover_element) :is(span,div,p){font:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important;color:inherit!important}
html body [data-xb-cta] :is(.xb-cta-face,.button_main_element,.button_hover_element)::before,html body [data-xb-cta] :is(.xb-cta-face,.button_main_element,.button_hover_element)::after,html body [data-xb-cta] .button_main_text::before,html body [data-xb-cta] .button_main_text::after{content:none!important;display:none!important}
html body [data-xb-cta] svg,html body [data-xb-cta] .xb-cta-face [aria-hidden="true"]{display:none!important}
html body [data-xb-cta]::before,html body [data-xb-cta]::after{content:none!important;display:none!important}
html body [data-xb-cta] .clickable_wrap{z-index:3}
html body [data-xb-cta] .clickable_link{background:transparent!important;border:0!important}
@media(hover:hover) and (pointer:fine){
 html body [data-xb-cta]:not(:disabled):not([disabled]):not([aria-disabled="true"]):hover :is(.xb-cta-base,.button_main_element){transform:scale(.88)!important}
 html body [data-xb-cta]:not(:disabled):not([disabled]):not([aria-disabled="true"]):hover :is(.xb-cta-hover,.button_hover_element){transform:translateY(0) rotate(0)!important}
}
html body [data-xb-cta]:not(:disabled):not([disabled]):not([aria-disabled="true"]):is(:focus-visible,:has(:focus-visible)) :is(.xb-cta-base,.button_main_element){transform:scale(.88)!important}
html body [data-xb-cta]:not(:disabled):not([disabled]):not([aria-disabled="true"]):is(:focus-visible,:has(:focus-visible)) :is(.xb-cta-hover,.button_hover_element){transform:translateY(0) rotate(0)!important}
html body [data-xb-cta]:is(:focus-visible,:has(:focus-visible)){outline:2px solid var(--xb-focus)!important;outline-offset:2px!important}
html body [data-xb-cta]:is(:disabled,[disabled],[aria-disabled="true"]){cursor:not-allowed!important;opacity:.5}
html body [data-xb-cta]:is(:disabled,[disabled],[aria-disabled="true"]) :is(.xb-cta-hover,.button_hover_element){display:none!important}
@media(prefers-reduced-motion:reduce){
 html body [data-xb-cta] :is(.xb-cta-base,.button_main_element){transform:none!important;transition:none!important}
 html body [data-xb-cta] :is(.xb-cta-hover,.button_hover_element){transform:none!important;opacity:0!important;transition:none!important}
 html body [data-xb-cta]:not(:disabled):not([disabled]):not([aria-disabled="true"]):is(:hover,:focus-visible,:has(:focus-visible)) :is(.xb-cta-base,.button_main_element){transform:none!important}
 html body [data-xb-cta]:not(:disabled):not([disabled]):not([aria-disabled="true"]):is(:hover,:focus-visible,:has(:focus-visible)) :is(.xb-cta-hover,.button_hover_element){opacity:1!important}
}