@font-face{font-family:XBRPlatformObviously;src:url(/xbuild-brand/fonts/Obviously-NarrowBlack.woff2)format("woff2");font-style:normal;font-weight:900;font-display:swap}@font-face{font-family:XBRPlatformSwitzer;src:url(/xbuild-brand/fonts/Switzer-Regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:XBRPlatformSwitzer;src:url(/xbuild-brand/fonts/Switzer-Medium.woff2)format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:XBRPlatformSwitzer;src:url(/xbuild-brand/fonts/Switzer-Semibold.woff2)format("woff2");font-style:normal;font-weight:600;font-display:swap}.xbr-platform{--xbr-ink:#0f0f0f;--xbr-gold:#fdc23e;--xbr-gold-text:#5b574f;color:var(--xbr-ink);background:#f0ece8;font-family:XBRPlatformSwitzer,DM Sans,Arial,sans-serif;font-weight:500}.xbr-platform *{box-sizing:border-box}.xbr-platform :is(h1,h2,h3){text-transform:uppercase;letter-spacing:-.01em;overflow-wrap:anywhere;font-family:XBRPlatformObviously,Manrope,Arial Narrow,sans-serif;font-weight:900;line-height:.96}.xbr-platform h1{max-width:1050px;font-size:clamp(3.4rem,9vw,8rem)}.xbr-platform h2{font-size:clamp(2.8rem,5vw,5.4rem)}.xbr-platform h3{font-size:clamp(1.65rem,3vw,2.8rem)}.xbr-platform :is(p,li){line-height:1.5}.xbr-platform :is(a,button,summary):focus-visible{outline-offset:3px;outline:2px solid}.xbr-platform>section{background:#f0ece8;border-color:#dbd6ce;padding-block:clamp(70px,8vw,125px)}.xbr-platform>section:first-of-type{padding-top:clamp(150px,16vw,245px);padding-bottom:clamp(85px,10vw,160px)}.xbr-platform>section:first-of-type>div>div{max-width:1050px}.xbr-platform>section:first-of-type h1{margin-bottom:32px}.xbr-platform>section:first-of-type p.text-xl{max-width:700px;font-size:clamp(1.2rem,1.6vw,1.55rem)}.xbr-platform>section :is(.text-muted-foreground,.text-foreground,.text-foreground\/90){color:#363636}.xbr-platform>section .text-primary{color:var(--xbr-gold-text)}.xbr-platform>section .bg-primary{background-color:var(--xbr-gold)}.xbr-platform>section :is([class*=rounded-2xl],[class*=rounded-xl])[class*=border]{box-shadow:none;background:#f0ece8;border-color:#a1a1a1;border-radius:4px}.xbr-platform>section :is([class*=rounded-2xl],[class*=rounded-xl])[class*=border]:hover{border-color:#0f0f0f}.xbr-platform>section :is([class*=rounded-2xl],[class*=rounded-xl])[class*=border] [class*=bg-primary\/]{background:0 0;border-radius:0}.xbr-platform>section .grid>[class*=border][class*=rounded]{border-top:2px solid #0f0f0f}.xbr-platform>section:nth-of-type(2),.xbr-platform>section:nth-of-type(6){color:#f0ece8;background:#0f0f0f;border-color:#4d4d4d}.xbr-platform>section:nth-of-type(2) :is(.text-muted-foreground,.text-foreground),.xbr-platform>section:nth-of-type(6) :is(.text-muted-foreground,.text-foreground){color:#e0e0e0}.xbr-platform>section:nth-of-type(2) .text-primary,.xbr-platform>section:nth-of-type(6) .text-primary{color:var(--xbr-gold)}.xbr-platform>section:nth-of-type(2) :is([class*=rounded-2xl],[class*=rounded-xl])[class*=border],.xbr-platform>section:nth-of-type(6) :is([class*=rounded-2xl],[class*=rounded-xl])[class*=border]{background:#0f0f0f;border-color:#666}.xbr-platform>section:nth-of-type(2) .grid>[class*=border][class*=rounded],.xbr-platform>section:nth-of-type(6) .grid>[class*=border][class*=rounded]{border-top-color:var(--xbr-gold)}.xbr-platform>section:nth-of-type(2) [class*=bg-primary\/],.xbr-platform>section:nth-of-type(6) [class*=bg-primary\/]{color:var(--xbr-gold)}.xbr-platform>section [class*="tracking-\\[0.2em\\]"]{letter-spacing:.1em}.xbr-platform>section a[class*=bg-primary],.xbr-platform>section button[class*=bg-primary],.xbr-platform>section a[class*=hero]{background:var(--xbr-gold);border:2px solid var(--xbr-gold);color:var(--xbr-ink);text-transform:uppercase;min-height:48px;box-shadow:none;border-radius:10px;font-family:XBRPlatformObviously,Manrope,sans-serif;font-weight:900}.xbr-platform>section a[class*=bg-primary]:hover,.xbr-platform>section button[class*=bg-primary]:hover{color:#f0ece8;background:#0f0f0f;border-color:#0f0f0f}.xbr-platform 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:XBRPlatformSwitzer,DM Sans,Arial,sans-serif;top:12px;left:12px;right:12px}.xbr-platform nav>.container{max-width:1280px}.xbr-platform nav a.flex.items-center.shrink-0{background:url(/xbuild-brand/assets/logos/xbuild-logo-light.png) 50%/contain no-repeat}.xbr-platform nav a.flex.items-center.shrink-0 img,.xbr-platform footer a.inline-block.mb-6 img{opacity:0}.xbr-platform nav :is(.text-muted-foreground,.text-foreground,.text-foreground\/90){color:#0f0f0f}.xbr-platform nav .bg-popover\/95{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:#f0ece8;border-color:#dcdcdc}.xbr-platform nav .group:focus-within>div.absolute{visibility:visible;opacity:1}.xbr-platform nav :is(a,button,summary){text-transform:none;min-height:44px}.xbr-platform nav .group>div.absolute :is(a,button){align-items:center;display:flex}.xbr-platform nav .hover\:bg-accent:hover{background:var(--xbr-gold);color:#0f0f0f}.xbr-platform nav a[href*=\/signup]:not(.group a),.xbr-platform nav a.inline-flex[href*=\/login]{text-transform:uppercase;filter:none;justify-content:center;align-items:center;min-height:48px;font-family:XBRPlatformObviously,Manrope,sans-serif;font-weight:900;display:inline-flex;box-shadow:none!important}.xbr-platform nav a[href*=\/signup]:not(.group a){background:var(--xbr-gold);color:#0f0f0f;border-radius:10px}.xbr-platform footer{color:#f0ece8;background:#0f0f0f;border-color:#333;font-family:XBRPlatformSwitzer,DM Sans,Arial,sans-serif}.xbr-platform footer a.inline-block.mb-6{background:url(/xbuild-brand/assets/logos/xbuild-logo-dark.png) 50%/contain no-repeat}.xbr-platform footer :is(.text-muted-foreground,.text-foreground,.text-foreground\/80){color:#d5d5d5}.xbr-platform footer .border-border{border-color:#555}.xbr-platform footer :is(a:hover,button:hover){color:var(--xbr-gold)}@media (width<=1023px){.xbr-platform nav .animate-fade-in{overscroll-behavior:contain;max-height:calc(100dvh - 105px);overflow-y:auto}.xbr-platform nav .animate-fade-in :is(a,button,summary){align-items:center;min-height:44px;display:flex}.xbr-platform nav>.container{padding-inline:16px}}@media (width<=420px){.xbr-platform nav{top:8px;left:8px;right:8px}.xbr-platform nav>.container{padding-inline:12px}.xbr-platform h1{font-size:clamp(3.1rem,13vw,3.7rem)}}.xbr-platform>section button[id^=download-app-]{border-radius:10px;color:#f0ece8!important;background:#0f0f0f!important;border-color:#555!important}.xbr-platform>section button[id^=download-app-]:hover{color:#f0ece8!important;border-color:var(--xbr-gold)!important;background:#222!important}.xbr-platform>section:nth-of-type(2) .grid>[class*=border][class*=rounded],.xbr-platform>section:nth-of-type(6) .grid>[class*=border][class*=rounded]{border-bottom:0;border-left:0;border-right:0;border-radius:0;padding-inline:0}.xbr-platform>section:nth-of-type(4) .grid>[class*=border][class*=rounded]{background:#f0ece8;border:0;border-bottom:1px solid #0f0f0f;border-radius:0;padding-inline:0}.xbr-platform>section:nth-of-type(7) .grid>[class*=border][class*=rounded]{border-bottom:0;border-left:0;border-right:0;border-radius:0;padding-inline:0}.xbr-platform #integrations h3{overflow-wrap:normal;font-size:clamp(1.55rem,1.8vw,1.95rem);line-height:1}.xbr-platform #integrations .space-y-3>div{color:#f0ece8;background:#0f0f0f;border-color:#555;border-radius:5px}.xbr-platform #integrations .space-y-3 .text-muted-foreground{color:#e0e0e0}.xbr-platform #integrations .space-y-3 .text-primary{color:var(--xbr-gold)}.xbr-platform>section:nth-of-type(9) a[class*=bg-card],.xbr-platform>section:nth-of-type(9) div[class*=bg-card]{color:#0f0f0f;background:#f0ece8;border-color:#666;border-radius:4px}.xbr-platform>section:nth-of-type(9) a[class*=bg-card]:hover{background:var(--xbr-gold);border-color:#0f0f0f}@media (prefers-reduced-motion:reduce){.xbr-platform :is(a,button),.xbr-platform nav *{transition:none!important;animation:none!important}}@font-face{font-family:XPObviously;src:url(/xbuild-brand/fonts/Obviously-NarrowBlack.woff2)format("woff2");font-weight:900;font-display:swap}@font-face{font-family:XPSwitzer;src:url(/xbuild-brand/fonts/Switzer-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:XPSwitzer;src:url(/xbuild-brand/fonts/Switzer-Semibold.woff2)format("woff2");font-weight:600;font-display:swap}.xbr-product{--xbr-surface:#f0ece9;--xbr-surface-muted:#dbdbd4;background:var(--xbr-surface);color:#0f0f0f;font-family:XPSwitzer,sans-serif;font-size:18px;font-weight:400;line-height:1.55}.xbr-product *{box-sizing:border-box}.xbr-product .xp-container{width:min(100% - 48px,1200px);margin-inline:auto}.xbr-product h1,.xbr-product h2{text-transform:uppercase;letter-spacing:-.025em;font-family:XPObviously,sans-serif;font-weight:900;line-height:.98}.xbr-product h1{max-width:700px;font-size:clamp(48px,7vw,100px)}.xbr-product h2{max-width:780px;font-size:clamp(32px,4.2vw,58px)}.xbr-product h3{text-transform:uppercase;font-family:XPObviously,sans-serif;font-size:clamp(28px,2.2vw,32px);font-weight:900;line-height:1.1}.xbr-product p{margin:0}.xbr-product .xp-kicker{color:#5b574f;letter-spacing:.08em;text-transform:uppercase;margin-bottom:22px;font-size:clamp(.8rem,.75rem + .25vw,.95rem);font-weight:600;display:block}.xbr-product a{color:inherit}.xbr-product .xp-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;min-height:720px;padding-block:155px 92px;display:grid}.xbr-product .xp-hero-copy>p{max-width:590px;margin-top:26px;font-size:20px;line-height:1.5}.xbr-product .xp-hero-copy small{margin-top:30px;font-size:13px;display:block}.xbr-product .xp-hero-image{place-items:center;min-width:0;max-height:580px;display:grid}.xbr-product .xp-hero-image img{object-fit:contain;width:auto;max-width:100%;max-height:570px}.xbr-product .xp-actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:32px;display:flex}.xbr-product .xp-button:not(.xbr-action){color:#0f0f0f;text-transform:uppercase;background:#fdc23e;border-radius:10.67px;justify-content:center;align-items:center;min-height:48px;padding:12px 25px;font-family:XPObviously,sans-serif;font-size:15px;font-weight:900;text-decoration:none;display:inline-flex}.xbr-product .xp-button:not(.xbr-action):hover,.xbr-product .xp-button:not(.xbr-action):focus-visible{color:#f0ece8;background:#0f0f0f}.xbr-product .xp-text-link{font-size:15px;font-weight:600}.xbr-product .xp-text-link span{margin-left:5px}.xbr-product .xp-workflow{color:#f0ece8;background:#0f0f0f;padding-block:76px 82px}.xbr-product .xp-workflow h2{max-width:750px}.xbr-product .xp-steps{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:56px;display:grid}.xbr-product .xp-steps article{border-top:1px solid #777;padding-top:20px}.xbr-product .xp-steps article>span{font-size:14px}.xbr-product .xp-steps h3{margin:24px 0 12px}.xbr-product .xp-steps p{max-width:340px}.xbr-product .xp-apps{background:var(--xbr-surface-muted);padding-block:92px}.xbr-product .xp-apps-heading>p{max-width:680px;margin-top:18px}.xbr-product .xp-apps-layout{grid-template-columns:1fr;gap:24px;margin-top:35px;display:grid}.xbr-product .xp-device{min-width:0}.xbr-product .xp-device img{object-fit:contain;width:100%;height:auto;max-height:490px;display:block}.xbr-product .xp-app-options{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px;display:grid}.xbr-product .xp-app-options>div{border-top:2px solid #0f0f0f;flex-direction:column;padding-block:22px;display:flex}.xbr-product .xp-app-options h3{margin:0 0 9px}.xbr-product .xp-app-options p{margin-bottom:15px}.xbr-product .xp-mobile-options h3 span{color:#777}.xbr-product .xp-store-buttons{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.xbr-product .xp-store-buttons button:not(.xbr-action){color:#f0ece8;cursor:pointer;background:#0f0f0f;border:1px solid #0f0f0f;min-height:44px;padding:8px 17px;font:600 14px XPSwitzer,sans-serif}.xbr-product .xp-store-buttons button:not(.xbr-action):focus-visible{outline-offset:3px;outline:3px solid #777}.xbr-product .xp-app-options .xp-note{grid-column:1/-1;margin-top:0;font-size:14px}.xbr-product .xp-uses{padding-block:76px 95px}.xbr-product .xp-uses h2{margin-bottom:34px}.xbr-product .xp-use-row{border-top:1px solid #c9c9c9;grid-template-columns:1fr 1.5fr;gap:32px;padding:26px 0;display:grid}.xbr-product .xp-use-row h3{margin:0}.xbr-product .xp-use-row p{max-width:680px}.xbr-product .xp-use-row .xp-text-link{margin-top:15px;display:inline-block}.xbr-product .xp-trades{border-top:1px solid #c9c9c9;grid-template-columns:1fr 1.5fr;gap:32px;padding:26px 0;display:grid}.xbr-product .xp-trades h3{margin:0}.xbr-product .xp-trades ul{flex-wrap:wrap;gap:12px 24px;margin:0;padding:0;list-style:none;display:flex}.xbr-product .xp-trades a{color:inherit;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.xbr-product .xp-trades a:hover{text-decoration-thickness:2px}.xbr-product .xp-trades a:focus-visible{outline-offset:3px;outline:3px solid #777}.xbr-product .xp-integrations{border-top:1px solid #c9c9c9;grid-template-columns:1fr 1.5fr;gap:32px;padding-top:27px;display:grid}.xbr-product .xp-integrations h3{margin:0}.xbr-product .xp-connector-links{flex-wrap:wrap;grid-column:2;gap:12px 24px;display:flex}.xbr-product .xp-connector-links a{color:inherit;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.xbr-product .xp-connector-links a:focus-visible{outline-offset:3px;outline:3px solid}@media (width<=767px){.xbr-product .xp-connector-links{grid-column:1}}.xbr-product .xp-final{border-top:1px solid #c9c9c9;padding-block:75px 85px}.xbr-product .xp-final h2{max-width:850px}.xbr-product footer{color:#f0ece8;background:#0f0f0f}.xbr-product footer .text-muted-foreground{color:#bcbcbc}.xbr-product footer a{color:#e5e5e5}.xbr-product footer a:hover{color:#f0ece8}.xbr-product footer a:has(>img[src="/logo-dark.png"]){background:url(/xbuild-brand/assets/logos/xbuild-logo-dark.png) 50%/contain no-repeat;width:129px;height:32px}.xbr-product footer a>img[src="/logo-dark.png"]{visibility:hidden}@media (width<=767px){.xbr-product .xp-container{width:min(100% - 36px,540px)}.xbr-product .xp-hero{grid-template-columns:1fr;gap:25px;min-height:0;padding-block:110px 48px}.xbr-product .xp-hero-copy>p{font-size:18px}.xbr-product .xp-hero-image{max-height:420px}.xbr-product .xp-hero-image img{max-height:410px}.xbr-product .xp-workflow{padding-block:60px}.xbr-product .xp-steps{grid-template-columns:1fr;gap:22px;margin-top:35px}.xbr-product .xp-steps h3{margin-top:12px}.xbr-product .xp-apps{padding-block:65px}.xbr-product .xp-apps-layout{grid-template-columns:1fr;gap:12px;margin-top:25px}.xbr-product .xp-app-options{grid-template-columns:1fr}.xbr-product .xp-device img{max-height:320px}.xbr-product .xp-uses{padding-block:55px 65px}.xbr-product .xp-use-row,.xbr-product .xp-trades,.xbr-product .xp-integrations{grid-template-columns:1fr;gap:8px}.xbr-product .xp-final{padding-block:60px 75px}}
