@font-face{font-family:XBRTableSwitzer;src:url(/xbuild-brand/fonts/Switzer-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:XBRTableSwitzer;src:url(/xbuild-brand/fonts/Switzer-Semibold.woff2)format("woff2");font-weight:600;font-display:swap}.xbr-comparison-table{border-collapse:collapse;table-layout:fixed;color:#080808;background:#f0ece9;border:1px solid #080808;width:100%;max-width:1120px;margin-inline:auto;font:400 1rem/1.45 XBRTableSwitzer,Arial,sans-serif}.xbr-comparison-table thead{color:#fff;background:#080808}.xbr-comparison-table :is(th,td){text-align:left;overflow-wrap:normal;word-break:normal;border-bottom:1px solid #c9c3bd;padding:16px 20px}.xbr-comparison-table :is(th,td):first-child{width:42%}.xbr-comparison-table :is(th,td):nth-child(2),.xbr-comparison-table :is(th,td):nth-child(3){width:29%}.xbr-comparison-table thead th:nth-child(2){color:#e8b430}.xbr-comparison-table tbody th{font-weight:600}.xbr-comparison-table tbody tr:nth-child(2n){background:#faf8f5}.xbr-comparison-table tbody td:nth-child(2){border-left:2px solid #e8b430;font-weight:600}.xbr-comparison-table tbody tr:last-child :is(th,td){border-bottom:0}.xbr-comparison-mobile-label{display:none}.xbr-comparison-status{vertical-align:middle;align-items:center;display:inline-flex}.xbr-comparison-status svg{stroke-width:2.5px;width:20px;height:20px}.xbr-comparison-table td[data-value=true] .xbr-comparison-status{color:#715000}.xbr-comparison-table td[data-value=false] .xbr-comparison-status{color:#545454}@media (width<=760px){.xbr-comparison-table,.xbr-comparison-table tbody,.xbr-comparison-table tbody tr,.xbr-comparison-table tbody th,.xbr-comparison-table tbody td{width:100%;display:block}.xbr-comparison-table tbody tr>:is(th,td):nth-child(n){width:auto;min-width:0}.xbr-comparison-table{table-layout:auto}.xbr-comparison-table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.xbr-comparison-table tbody tr{border-bottom:1px solid #bdb6af;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.xbr-comparison-table tbody tr:last-child{border-bottom:0}.xbr-comparison-table tbody th{border:0;grid-column:1/-1;padding:14px 15px 9px}.xbr-comparison-table tbody td{border:0;min-width:0;padding:8px 15px 14px;font-size:.9rem}.xbr-comparison-table tbody td:nth-child(2){border-left:0;border-right:1px solid #d5c9b1}.xbr-comparison-mobile-label{color:#51401b;margin-bottom:5px;font-size:.78rem;font-weight:600;line-height:1.3;display:block}.xbr-comparison-value{overflow-wrap:normal;word-break:normal;display:block}}@font-face{font-family:XBRRoofObviously;src:url(/xbuild-brand/fonts/Obviously-NarrowBlack.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:XBRRoofSwitzer;src:url(/xbuild-brand/fonts/Switzer-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:XBRRoofSwitzer;src:url(/xbuild-brand/fonts/Switzer-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:XBRRoofSwitzer;src:url(/xbuild-brand/fonts/Switzer-Semibold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}.xbr-roofing{--xbr-ink:#0f0f0f;--xbr-gold:#fdc23e;--xbr-gold-text:#5b574f;--xbr-surface:#f0ece9;--xbr-surface-muted:#dbdbd4;background:var(--xbr-surface);color:#0f0f0f;font-family:XBRRoofSwitzer,DM Sans,Arial,sans-serif;font-weight:500}.xbr-roofing *{box-sizing:border-box}.xbr-roofing :is(h1,h2,h3){letter-spacing:-.01em;text-transform:uppercase;overflow-wrap:anywhere;font-family:XBRRoofObviously,Manrope,Arial Narrow,sans-serif;font-weight:900;line-height:.98}.xbr-roofing h1{font-size:clamp(3.2rem,8vw,7.5rem)}.xbr-roofing h2{font-size:clamp(2.8rem,5vw,5rem)}.xbr-roofing h3{font-size:clamp(1.75rem,2.8vw,2.7rem)}.xbr-roofing :is(p,li){line-height:1.5}.xbr-roofing :is(a,button,[role=button]):focus-visible{outline-offset:3px;outline:2px solid}.xbr-roofing>section{background:var(--xbr-surface);color:#0f0f0f;border-color:#dbd6ce;padding-block:clamp(75px,8vw,125px)}.xbr-roofing>section :is(.text-foreground,.text-muted-foreground){color:#363636}.xbr-roofing>section .text-primary{color:var(--xbr-gold-text)}.xbr-roofing>section:first-of-type{min-height:0;padding-top:clamp(145px,13vw,190px)}.xbr-roofing>section:first-of-type>.container{padding-top:0}.xbr-roofing>section:first-of-type>.absolute,.xbr-roofing>section:first-of-type>div>div>.absolute{display:none}.xbr-roofing>section:first-of-type .animate-pulse{animation:none}.xbr-roofing>section:first-of-type h1 span.text-foreground{color:#0f0f0f}.xbr-roofing>section:first-of-type h1 span.text-transparent{color:#0f0f0f;-webkit-text-fill-color:#0f0f0f;background:0 0}.xbr-roofing>section:first-of-type .rounded-full.border{background:0 0;border:0;margin-bottom:22px;padding:0}.xbr-roofing>section:first-of-type .rounded-full.border>div{display:none}.xbr-roofing>section:first-of-type .rounded-full.border span{color:#5b574f;letter-spacing:.08em;font-family:XBRRoofSwitzer,sans-serif;font-size:clamp(.8rem,.75rem + .25vw,.95rem);font-weight:600}.xbr-roofing>section:first-of-type img{filter:none}.xbr-roofing>section:first-of-type .grid>div>div{max-width:300px}.xbr-roofing>section:first-of-type p.text-primary\/90{color:var(--xbr-gold-text)}.xbr-roofing>section:nth-of-type(2),.xbr-roofing>section:nth-of-type(4),.xbr-roofing>section:nth-of-type(6),.xbr-roofing>section:nth-of-type(10){color:#f0ece8;background:#0f0f0f;border-color:#555}.xbr-roofing>section:nth-of-type(2) :is(.text-foreground,.text-muted-foreground),.xbr-roofing>section:nth-of-type(4) :is(.text-foreground,.text-muted-foreground),.xbr-roofing>section:nth-of-type(6) :is(.text-foreground,.text-muted-foreground),.xbr-roofing>section:nth-of-type(10) :is(.text-foreground,.text-muted-foreground){color:#e0e0e0}.xbr-roofing>section:nth-of-type(2) .text-primary,.xbr-roofing>section:nth-of-type(4) .text-primary,.xbr-roofing>section:nth-of-type(6) .text-primary,.xbr-roofing>section:nth-of-type(10) .text-primary{color:#fdc23e}.xbr-roofing>section:nth-of-type(2)>.absolute,.xbr-roofing>section:nth-of-type(2) .animate-glow-pulse{display:none}.xbr-roofing>section .grid>[class*=bg-card][class*=border],.xbr-roofing>section .grid>.group[class*=border]{background:var(--xbr-surface-muted);color:#0f0f0f;box-shadow:none;border-color:#0f0f0f #999 #999;border-top-style:solid;border-top-width:2px;border-radius:4px;transform:none}.xbr-roofing>section .grid>[class*=bg-card][class*=border] :is(.text-muted-foreground,.text-foreground),.xbr-roofing>section .grid>.group[class*=border] :is(.text-muted-foreground,.text-foreground){color:#363636}.xbr-roofing>section:nth-of-type(4) .grid>[class*=bg-card][class*=border],.xbr-roofing>section:nth-of-type(6) .grid>[class*=bg-card][class*=border],.xbr-roofing>section:nth-of-type(4) .grid>.group[class*=border],.xbr-roofing>section:nth-of-type(6) .grid>.group[class*=border]{color:#f0ece8;background:#0f0f0f;border:0;border-top:2px solid #fdc23e;border-radius:0;padding-inline:0}.xbr-roofing>section:nth-of-type(4) .grid>[class*=border] :is(.text-muted-foreground,.text-foreground),.xbr-roofing>section:nth-of-type(6) .grid>[class*=border] :is(.text-muted-foreground,.text-foreground){color:#e0e0e0}.xbr-roofing>section .grid>[class*=border] [class*=bg-secondary]{background:0 0;border:0}.xbr-roofing>section:nth-of-type(5) .grid>[class*=border]{background:#dbdbd4;border:1px solid #0f0f0f;border-radius:0;transition:none;transform:none;box-shadow:4px 4px #0f0f0f}.xbr-roofing>section .grid>[class*=border] h3{font-size:clamp(1.65rem,2.2vw,2.25rem)}.xbr-roofing>section .grid>[class*=border] :is(p,span){overflow-wrap:break-word}.xbr-roofing>section a[href*=\/signup]:not(.xbr-action),.xbr-roofing>section button[class*=bg-primary]{color:#0f0f0f;text-transform:uppercase;min-height:48px;box-shadow:none;background:#fdc23e;border:2px solid #fdc23e;border-radius:10px;font-family:XBRRoofObviously,Manrope,sans-serif;font-weight:900}.xbr-roofing>section a[href*=\/signup]:not(.xbr-action):hover,.xbr-roofing>section button[class*=bg-primary]:hover{color:#f0ece8;background:#0f0f0f;border-color:#0f0f0f}.xbr-roofing>section:nth-of-type(10) a[href*=\/signup]:hover{color:#0f0f0f;background:#f0ece8;border-color:#f0ece8}.xbr-roofing>section:first-of-type button.group:not(.xbr-action),.xbr-roofing>section:nth-of-type(10) a[href*=\/pricing]:not(.xbr-action){text-transform:uppercase;background:0 0;border:2px solid;border-radius:10px;min-height:48px;font-family:XBRRoofObviously,Manrope,sans-serif;font-weight:900}.xbr-roofing>section:first-of-type button.group{color:#0f0f0f}.xbr-roofing>section:nth-of-type(10) a[href*=\/pricing]:not(.xbr-action){color:#f0ece8}.xbr-roofing>section button[id^=download-app-]{border-radius:10px;color:#f0ece8!important;background:#0f0f0f!important;border-color:#555!important}.xbr-roofing>section:nth-of-type(10) button[id^=download-app-]{border-color:#777!important}.xbr-roofing>section:nth-of-type(8) .overflow-x-auto{scrollbar-color:#0f0f0f #dedede;scrollbar-width:thin}.xbr-roofing>section:nth-of-type(8) table:not(.xbr-comparison-table){color:#0f0f0f}.xbr-roofing>section:nth-of-type(8) table:not(.xbr-comparison-table) :is(th,td){border-color:#999}.xbr-roofing>section:nth-of-type(8) table :is(.text-muted-foreground,.text-foreground){color:#363636}.xbr-roofing>section:nth-of-type(8) table .text-primary{color:var(--xbr-gold-text)}.xbr-roofing>section:nth-of-type(9) [data-state=open]{border-color:#0f0f0f}.xbr-roofing nav{color:#0f0f0f;width:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#f0ece8;border:1px solid #dcdcdc;border-radius:16px;font-family:XBRRoofSwitzer,DM Sans,Arial,sans-serif;top:12px;left:12px;right:12px}.xbr-roofing nav>.container{max-width:1280px}.xbr-roofing nav a.flex.items-center.shrink-0{background:url(/xbuild-brand/assets/logos/xbuild-logo-light.png) 50%/contain no-repeat}.xbr-roofing nav a.flex.items-center.shrink-0 img,.xbr-roofing footer a.inline-block.mb-6 img{opacity:0}.xbr-roofing nav :is(.text-muted-foreground,.text-foreground,.text-foreground\/90){color:#0f0f0f}.xbr-roofing nav .bg-popover\/95{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:#f0ece8;border-color:#dcdcdc}.xbr-roofing nav .group:focus-within>div.absolute{visibility:visible;opacity:1}.xbr-roofing nav :is(a,button,summary){text-transform:none;min-height:44px}.xbr-roofing nav .group>div.absolute :is(a,button){align-items:center;display:flex}.xbr-roofing nav a[href*=\/signup]:not(.group a),.xbr-roofing nav a.inline-flex[href*=\/login]{text-transform:uppercase;filter:none;justify-content:center;align-items:center;min-height:48px;font-family:XBRRoofObviously,Manrope,sans-serif;font-weight:900;display:inline-flex;box-shadow:none!important}.xbr-roofing nav a[href*=\/signup]:not(.group a){color:#0f0f0f;background:#fdc23e;border-radius:10px}.xbr-roofing footer{color:#f0ece8;background:#0f0f0f;border-color:#333;font-family:XBRRoofSwitzer,DM Sans,Arial,sans-serif}.xbr-roofing footer a.inline-block.mb-6{background:url(/xbuild-brand/assets/logos/xbuild-logo-dark.png) 50%/contain no-repeat}.xbr-roofing footer :is(.text-muted-foreground,.text-foreground,.text-foreground\/80){color:#d5d5d5}.xbr-roofing footer .border-border{border-color:#555}.xbr-roofing footer :is(a:hover,button:hover){color:#fdc23e}@media (width<=1023px){.xbr-roofing nav .animate-fade-in{overscroll-behavior:contain;max-height:calc(100dvh - 105px);overflow-y:auto}.xbr-roofing nav .animate-fade-in :is(a,button,summary){align-items:center;min-height:44px;display:flex}.xbr-roofing nav>.container{padding-inline:16px}}@media (width<=767px){.xbr-roofing>section:first-of-type .grid>div>div{max-width:250px}.xbr-roofing>section:nth-of-type(8) .overflow-x-auto{border-right:0;max-width:100%;margin-inline:0;padding-inline:0}.xbr-roofing>section:nth-of-type(8) table:not(.xbr-comparison-table){table-layout:fixed;width:100%;min-width:0}.xbr-roofing>section:nth-of-type(8) table:not(.xbr-comparison-table) :is(th,td){overflow-wrap:anywhere;padding-right:6px;font-size:.75rem;line-height:1.4}.xbr-roofing>section:nth-of-type(8) table:not(.xbr-comparison-table) :is(th,td):first-child{width:29%}.xbr-roofing>section:nth-of-type(8) table:not(.xbr-comparison-table) :is(th,td):nth-child(2){width:39%}.xbr-roofing>section:nth-of-type(8) table:not(.xbr-comparison-table) :is(th,td):nth-child(3){width:32%}.xbr-roofing>section:nth-of-type(8) td>.flex{gap:4px}}@media (width<=420px){.xbr-roofing nav{top:8px;left:8px;right:8px}.xbr-roofing nav>.container{padding-inline:12px}.xbr-roofing h1{font-size:clamp(2.9rem,12vw,3.5rem)}}@media (prefers-reduced-motion:reduce){.xbr-roofing :is(a,button),.xbr-roofing nav *{transition:none!important;animation:none!important}}