/* /business page. Section 3 = generated by scripts/build-business-page.php from the Canva exports — regenerate, don't hand-edit that section. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
.pbz,.pbz *,.pbz *::before,.pbz *::after{box-sizing:content-box;}
.pbz h1,.pbz h2,.pbz h3,.pbz h4,.pbz h5,.pbz h6{margin:0;padding:0;border:0;background:none;font-weight:inherit;line-height:normal;font-size:inherit;color:inherit;font-family:inherit;text-transform:none;text-align:inherit;letter-spacing:normal;}
.pbz h1::before,.pbz h1::after,.pbz h2::before,.pbz h2::after,.pbz h3::before,.pbz h3::after,.pbz h4::before,.pbz h4::after{content:none;display:none;}
/* observed on the live page before this stylesheet existed: the theme's global h1 rule renders the hero eyebrow uppercase, centred, with top/bottom borders — the line above undoes exactly that */
.pbz p{margin:0;}
.pbz ul,.pbz ol{margin:0;padding:0;list-style:none;}
.pbz label{display:inline;max-width:none;margin:0;font-weight:inherit;}
.pbz img{vertical-align:baseline;max-width:none;border:0;}
.pbz a:focus,.pbz a:hover{outline:0;}
.pbz button,.pbz input,.pbz select,.pbz textarea{margin:0;font-size:inherit;line-height:normal;color:inherit;text-transform:none;border-radius:0;box-shadow:none;height:auto;}
.pbz select{-webkit-appearance:menulist;appearance:menulist;background-image:none;}
.pbz input[type="checkbox"]{margin:0;}
.pbz textarea{overflow:auto;resize:vertical;}
.pbz textarea{min-height:0;height:auto;}
.pbz details,.pbz summary{display:block;}
.pbz summary{cursor:pointer;}
.pbz [hidden]{display:none!important;}
/* Generated by scripts/build-business-page.php from the Canva Code exports. Do not hand-edit; edit the exports or the overrides. */
/* base (from design-rules.css, scoped) */
.pbz{color:rgb(20, 22, 26);font-family:Manrope,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:normal;font-weight:400;-webkit-font-smoothing:antialiased;text-wrap:pretty;}
.pbz a{color:rgb(162, 91, 4);text-decoration:underline 1px;text-underline-offset:3px;}
.pbz a:hover{color:rgb(20, 22, 26);}
.pbz summary::-webkit-details-marker{display:none;}
.pbz summary{list-style:none;}
.pbz input,.pbz select,.pbz textarea,.pbz button{font-family:inherit;}
.pbz ::placeholder{color:rgb(154, 154, 148);}
/* per-element rules. Rules that set a colour also apply on :hover so they beat the base `.pbz a:hover` rule,
   the same way the design's inline styles did (inline colours never changed on hover). */
.pbz .pbz-1{width: 100%; margin: 0px auto; background: rgb(255, 255, 255);}
.pbz .pbz-2{position: static; background: rgb(14, 16, 18); border-bottom: 1px solid rgba(255, 255, 255, 0.08);}
.pbz .pbz-3,.pbz .pbz-3:hover{background: rgb(14, 16, 18); color: rgb(255, 255, 255); padding: 84px 28px 92px; scroll-margin-top: 80px;}
.pbz .pbz-4{max-width: 1240px; margin: 0px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(380px, 100%), 1fr)); gap: 56px; align-items: center;}
.pbz .pbz-5,.pbz .pbz-5:hover{margin: 0px 0px 22px; font-size: 14px; line-height: 1.5; font-weight: 600; color: rgb(142, 142, 136); max-width: 520px; letter-spacing: 0px;}
.pbz .pbz-6{margin: 0px 0px 26px; font-size: clamp(40px, 4.6vw, 68px); line-height: 1.02; font-weight: 800; letter-spacing: -0.035em; max-width: 16ch;}
.pbz .pbz-7,.pbz .pbz-7:hover{margin: 0px 0px 36px; font-size: 18px; line-height: 1.62; color: rgb(194, 194, 188); max-width: 56ch;}
.pbz .pbz-8{display: flex; flex-wrap: wrap; gap: 14px;}
.pbz .pbz-9,.pbz .pbz-9:hover{background: rgb(245, 166, 35); color: rgb(20, 22, 26); font-size: 16px; font-weight: 800; padding: 17px 28px; border-radius: 10px; text-decoration: none; box-shadow: rgba(245, 166, 35, 0.22) 0px 10px 24px;}
.pbz .pbz-10,.pbz .pbz-10:hover{background: transparent; color: rgb(255, 255, 255); font-size: 16px; font-weight: 700; padding: 17px 28px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.3); text-decoration: none;}
.pbz .pbz-11,.pbz .pbz-11:hover{display: flex; flex-wrap: wrap; gap: 22px; margin-top: 34px; font-size: 13px; color: rgb(142, 142, 136); font-weight: 600;}
.pbz .pbz-12{position: relative; border-radius: 16px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.14); min-height: 420px; background: rgb(20, 20, 20);}
.pbz .pbz-13{display: block; width: 100%; height: 100%; min-height: 420px; object-fit: cover;}
.pbz .pbz-14,.pbz .pbz-14:hover{position: absolute; left: 20px; bottom: 18px; padding: 8px 14px; border-radius: 999px; background: rgba(14, 16, 18, 0.72); color: rgb(255, 255, 255); font-size: 12px; font-weight: 700; letter-spacing: 0.04em; width: 318px; height: 16px;}
.pbz .pbz-15{padding: 0px 28px; margin-top: -46px; position: relative; z-index: 10;}
.pbz .pbz-16{max-width: 1240px; margin: 0px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 20px;}
.pbz .pbz-17,.pbz .pbz-17:hover{display: block; background: rgb(255, 255, 255); border: 1px solid rgb(230, 229, 225); border-radius: 14px; padding: 28px; text-decoration: none; color: rgb(20, 22, 26); box-shadow: rgba(20, 22, 26, 0.08) 0px 12px 30px; transition: transform 0.18s, box-shadow 0.18s;}
.pbz .pbz-18,.pbz .pbz-18:hover{display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 9px; background: rgb(253, 241, 221); color: rgb(162, 91, 4); font-weight: 800; font-size: 15px;}
.pbz .pbz-19{display: block; margin: 18px 0px 8px; font-size: 20px; font-weight: 800; letter-spacing: -0.02em;}
.pbz .pbz-20,.pbz .pbz-20:hover{display: block; font-size: 15px; line-height: 1.55; color: rgb(94, 94, 88);}
.pbz .pbz-21,.pbz .pbz-21:hover{display: block; margin-top: 18px; font-size: 14px; font-weight: 700; color: rgb(162, 91, 4);}
.pbz .pbz-22{padding: 72px 28px; margin-top: 72px; background: rgb(245, 244, 241); border-top: 1px solid rgb(234, 233, 229); border-bottom: 1px solid rgb(234, 233, 229);}
.pbz .pbz-23{max-width: 1000px; margin: 0px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); gap: 36px; align-items: start;}
.pbz .pbz-24{margin: 0px; font-size: clamp(24px, 2.4vw, 30px); font-weight: 800; letter-spacing: -0.028em;}
.pbz .pbz-25,.pbz .pbz-25:hover{margin: 0px; font-size: 17px; line-height: 1.68; color: rgb(74, 74, 69);}
.pbz .pbz-26{font-weight: 700;}
.pbz .pbz-27{padding: 96px 28px; scroll-margin-top: 80px;}
.pbz .pbz-28{max-width: 1240px; margin: 0px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr)); gap: 64px; align-items: start;}
.pbz .pbz-29,.pbz .pbz-29:hover{display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(162, 91, 4); margin-bottom: 16px;}
.pbz .pbz-30{margin: 0px 0px 22px; font-size: clamp(30px, 3.4vw, 44px); line-height: 1.08; font-weight: 800; letter-spacing: -0.032em;}
.pbz .pbz-31,.pbz .pbz-31:hover{margin: 0px 0px 20px; font-size: 17px; line-height: 1.7; color: rgb(74, 74, 69);}
.pbz .pbz-32,.pbz .pbz-32:hover{margin: 0px 0px 30px; padding: 16px 18px; background: rgb(245, 244, 241); border-left: 2px solid rgb(245, 166, 35); font-size: 15px; line-height: 1.62; color: rgb(74, 74, 69);}
.pbz .pbz-33,.pbz .pbz-33:hover{display: inline-block; background: rgb(245, 166, 35); color: rgb(20, 22, 26); font-size: 16px; font-weight: 800; padding: 16px 26px; border-radius: 10px; text-decoration: none;}
.pbz .pbz-34{background: rgb(255, 255, 255); border: 1px solid rgb(230, 229, 225); border-radius: 16px; padding: 34px; box-shadow: rgba(20, 22, 26, 0.06) 0px 14px 34px;}
.pbz .pbz-35,.pbz .pbz-35:hover{display: block; font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(138, 138, 131); margin-bottom: 22px;}
.pbz .pbz-36{list-style: none; margin: 0px; padding: 0px; display: grid; gap: 16px;}
.pbz .pbz-37{display: grid; grid-template-columns: 22px 1fr; gap: 12px; align-items: start; font-size: 16px; line-height: 1.5; font-weight: 600;}
.pbz .pbz-38,.pbz .pbz-38:hover{color: rgb(245, 166, 35); font-weight: 800;}
.pbz .pbz-39,.pbz .pbz-39:hover{padding: 96px 28px; background: rgb(14, 16, 18); color: rgb(255, 255, 255); scroll-margin-top: 80px;}
.pbz .pbz-40{border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 16px; padding: 34px; background: rgba(255, 255, 255, 0.03); order: 0;}
.pbz .pbz-41,.pbz .pbz-41:hover{display: block; font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(142, 142, 136); margin-bottom: 24px;}
.pbz .pbz-42{list-style: none; margin: 0px; padding: 0px; display: grid; gap: 20px; counter-reset: step 0;}
.pbz .pbz-43{display: grid; grid-template-columns: 30px 1fr; gap: 16px; align-items: center;}
.pbz .pbz-44,.pbz .pbz-44:hover{width: 30px; height: 30px; border-radius: 50%; background: rgb(245, 166, 35); color: rgb(20, 22, 26); font-weight: 800; font-size: 13px; display: flex; align-items: center; justify-content: center;}
.pbz .pbz-45{font-size: 16px; font-weight: 600; line-height: 1.45;}
.pbz .pbz-46,.pbz .pbz-46:hover{display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(245, 166, 35); margin-bottom: 16px;}
.pbz .pbz-47,.pbz .pbz-47:hover{margin: 0px 0px 20px; font-size: 17px; line-height: 1.7; color: rgb(194, 194, 188);}
.pbz .pbz-48,.pbz .pbz-48:hover{margin: 0px 0px 30px; font-size: 15px; line-height: 1.62; color: rgb(142, 142, 136);}
.pbz .pbz-49{max-width: 1240px; margin: 0px auto;}
.pbz .pbz-50{max-width: 620px;}
.pbz .pbz-51{margin: 0px 0px 18px; font-size: clamp(28px, 3vw, 40px); line-height: 1.1; font-weight: 800; letter-spacing: -0.03em;}
.pbz .pbz-52,.pbz .pbz-52:hover{margin: 0px 0px 40px; font-size: 17px; line-height: 1.68; color: rgb(74, 74, 69);}
.pbz .pbz-53{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr)); gap: 16px;}
.pbz .pbz-54{border: 1px solid rgb(230, 229, 225); border-radius: 12px; padding: 24px; background: rgb(252, 252, 251);}
.pbz .pbz-55{display: block; font-size: 16px; font-weight: 800; margin-bottom: 8px; letter-spacing: -0.015em;}
.pbz .pbz-56,.pbz .pbz-56:hover{display: block; font-size: 14px; line-height: 1.6; color: rgb(94, 94, 88);}
.pbz .pbz-57{display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin-top: 34px;}
.pbz .pbz-58,.pbz .pbz-58:hover{font-size: 14px; color: rgb(94, 94, 88);}
.pbz .pbz-59{padding: 80px 28px; background: rgb(245, 244, 241); border-top: 1px solid rgb(234, 233, 229);}
.pbz .pbz-60{margin: 0px 0px 32px; font-size: clamp(24px, 2.4vw, 32px); font-weight: 800; letter-spacing: -0.028em;}
.pbz .pbz-61{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(190px, 100%), 1fr)); gap: 14px;}
.pbz .pbz-62,.pbz .pbz-62:hover{display: flex; align-items: center; gap: 14px; background: rgb(255, 255, 255); border: 1px solid rgb(230, 229, 225); border-radius: 12px; padding: 20px 22px; text-decoration: none; color: rgb(20, 22, 26); font-weight: 700; font-size: 15px;}
.pbz .pbz-63{width: 8px; height: 8px; border-radius: 2px; background: rgb(245, 166, 35);}
.pbz .pbz-64{padding: 64px 28px; background: rgb(245, 244, 241); border-bottom: 1px solid rgb(234, 233, 229);}
.pbz .pbz-65{max-width: 1240px; margin: 0px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 28px; align-items: center;}
.pbz .pbz-66{margin: 0px; font-size: clamp(22px, 2.2vw, 28px); font-weight: 800; letter-spacing: -0.026em;}
.pbz .pbz-67{display: flex; flex-wrap: wrap; gap: 10px;}
.pbz .pbz-68,.pbz .pbz-68:hover{border: 1px solid rgb(222, 221, 216); border-radius: 999px; padding: 9px 16px; font-size: 14px; font-weight: 600; color: rgb(74, 74, 69); background: rgb(255, 255, 255);}
.pbz .pbz-69{padding: 96px 28px;}
.pbz .pbz-70{margin: 0px 0px 44px; font-size: clamp(28px, 3vw, 40px); font-weight: 800; letter-spacing: -0.03em;}
.pbz .pbz-71{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 36px 48px;}
.pbz .pbz-72{border-top: 2px solid rgb(245, 166, 35); padding-top: 18px;}
.pbz .pbz-73{display: block; font-size: 17px; font-weight: 800; margin-bottom: 8px; letter-spacing: -0.018em;}
.pbz .pbz-74,.pbz .pbz-74:hover{display: block; font-size: 15px; line-height: 1.6; color: rgb(94, 94, 88);}
.pbz .pbz-75{padding: 88px 28px; background: rgb(245, 244, 241); border-top: 1px solid rgb(234, 233, 229); border-bottom: 1px solid rgb(234, 233, 229);}
.pbz .pbz-76{margin: 0px 0px 44px; font-size: clamp(26px, 2.8vw, 36px); font-weight: 800; letter-spacing: -0.03em;}
.pbz .pbz-77{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); gap: 28px;}
.pbz .pbz-78{background: rgb(255, 255, 255); border: 1px solid rgb(230, 229, 225); border-radius: 14px; padding: 30px;}
.pbz .pbz-79,.pbz .pbz-79:hover{display: block; font-size: 13px; font-weight: 800; letter-spacing: 0.1em; color: rgb(162, 91, 4); margin-bottom: 16px;}
.pbz .pbz-80{display: block; font-size: 19px; font-weight: 800; margin-bottom: 10px; letter-spacing: -0.02em;}
.pbz .pbz-81,.pbz .pbz-81:hover{display: inline-block; margin-top: 36px; background: rgb(20, 22, 26); color: rgb(255, 255, 255); font-size: 16px; font-weight: 800; padding: 16px 28px; border-radius: 10px; text-decoration: none;}
.pbz .pbz-82,.pbz .pbz-82:hover{padding: 88px 28px; background: rgb(14, 16, 18); color: rgb(255, 255, 255);}
.pbz .pbz-83{max-width: 900px; margin: 0px auto;}
.pbz .pbz-84{margin: 0px 0px 40px; font-size: clamp(26px, 2.8vw, 36px); font-weight: 800; letter-spacing: -0.03em;}
.pbz .pbz-85{border-bottom: 1px solid rgba(255, 255, 255, 0.12); padding: 22px 0px;}
.pbz .pbz-86{cursor: pointer; font-size: 18px; font-weight: 700; letter-spacing: -0.015em; display: flex; justify-content: space-between; gap: 20px; align-items: center;}
.pbz .pbz-87,.pbz .pbz-87:hover{color: rgb(245, 166, 35); font-size: 22px; font-weight: 400;}
.pbz .pbz-88,.pbz .pbz-88:hover{margin: 14px 0px 0px; font-size: 16px; line-height: 1.68; color: rgb(184, 184, 178); max-width: 70ch;}
.pbz .pbz-89{padding: 88px 28px; background: rgb(247, 247, 245);}
.pbz .pbz-90{max-width: 1080px; margin: 0px auto;}
.pbz .pbz-91,.pbz .pbz-91:hover{display: block; font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(138, 138, 131); margin-bottom: 36px;}
.pbz .pbz-92{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr)); gap: 44px 64px;}
.pbz .pbz-93{margin: 0px 0px 12px; font-size: 20px; font-weight: 800; letter-spacing: -0.022em;}
.pbz .pbz-94,.pbz .pbz-94:hover{margin: 0px; font-size: 16px; line-height: 1.78; color: rgb(74, 74, 69);}
.pbz .pbz-95{padding: 96px 28px 110px; background: rgb(255, 255, 255); scroll-margin-top: 80px;}
.pbz .pbz-96{max-width: 680px; margin: 0px auto;}
.pbz .pbz-97{margin: 0px 0px 14px; font-size: clamp(28px, 3vw, 40px); font-weight: 800; letter-spacing: -0.03em; text-align: center;}
.pbz .pbz-98,.pbz .pbz-98:hover{margin: 0px auto 36px; font-size: 17px; line-height: 1.65; color: rgb(94, 94, 88); text-align: center; max-width: 52ch;}
.pbz .pbz-99{background: rgb(252, 252, 251); border: 1px solid rgb(230, 229, 225); border-radius: 18px; padding: 36px; box-shadow: rgba(20, 22, 26, 0.08) 0px 18px 44px; display: grid; gap: 22px;}
.pbz .pbz-100{display: grid; gap: 8px;}
.pbz .pbz-101{font-size: 14px; font-weight: 700;}
.pbz .pbz-102,.pbz .pbz-102:hover{color: rgb(162, 91, 4);}
.pbz .pbz-103,.pbz .pbz-103:hover{appearance: none; width: 100%; background: rgb(255, 255, 255); border: 1px solid rgb(217, 216, 211); border-radius: 10px; padding: 15px 16px; font-size: 16px; font-weight: 600; color: rgb(20, 22, 26);}
.pbz .pbz-104{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 18px;}
.pbz .pbz-105{width: 100%; box-sizing: border-box; background: rgb(255, 255, 255); border: 1px solid rgb(217, 216, 211); border-radius: 10px; padding: 15px 16px; font-size: 16px;}
.pbz .pbz-106,.pbz .pbz-106:hover{appearance: none; width: 100%; box-sizing: border-box; background: rgb(255, 255, 255); border: 1px solid rgb(217, 216, 211); border-radius: 10px; padding: 15px 16px; font-size: 16px; color: rgb(20, 22, 26);}
.pbz .pbz-107,.pbz .pbz-107:hover{color: rgb(154, 154, 148); font-weight: 600;}
.pbz .pbz-108{display: grid; gap: 20px; padding: 24px; border: 1px solid rgb(237, 236, 232); border-radius: 14px; background: rgb(255, 255, 255);}
.pbz .pbz-109,.pbz .pbz-109:hover{font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(162, 91, 4);}
.pbz .pbz-110{display: grid; gap: 10px;}
.pbz .pbz-111{display: flex; flex-wrap: wrap; gap: 9px;}
.pbz .pbz-112,.pbz .pbz-112:hover{background: rgb(255, 255, 255); color: rgb(74, 74, 69); border: 1px solid rgb(217, 216, 211); border-radius: 999px; padding: 11px 17px; font-size: 14px; font-weight: 600; cursor: pointer; min-height: 44px;}
.pbz .pbz-113{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr)); gap: 18px;}
.pbz .pbz-114{width: 100%; box-sizing: border-box; background: rgb(255, 255, 255); border: 1px solid rgb(217, 216, 211); border-radius: 10px; padding: 15px 16px; font-size: 16px; line-height: 1.55; resize: vertical;}
.pbz .pbz-115{display: grid; gap: 10px; border: 1px dashed rgb(217, 190, 140); background: rgb(254, 250, 242); border-radius: 12px; padding: 20px; cursor: pointer;}
.pbz .pbz-116{font-size: 15px; font-weight: 800;}
.pbz .pbz-117,.pbz .pbz-117:hover{font-size: 14px; color: rgb(110, 110, 103); line-height: 1.55;}
.pbz .pbz-118{font-size: 14px;}
.pbz .pbz-119,.pbz .pbz-119:hover{background: rgb(245, 166, 35); color: rgb(20, 22, 26); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 17px; font-weight: 800; padding: 19px 26px; border-radius: 10px; cursor: pointer; box-shadow: rgba(245, 166, 35, 0.24) 0px 10px 24px;}
.pbz .pbz-120,.pbz .pbz-120:hover{font-size: 13px; line-height: 1.6; color: rgb(138, 138, 131); text-align: center;}
.pbz .pbz-121,.pbz .pbz-121:hover{background: rgb(245, 166, 35); color: rgb(20, 22, 26); padding: 64px 28px;}
.pbz .pbz-122{max-width: 1240px; margin: 0px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: 32px; align-items: center;}
.pbz .pbz-123{margin: 0px 0px 10px; font-size: clamp(24px, 2.6vw, 34px); font-weight: 800; letter-spacing: -0.03em;}
.pbz .pbz-124,.pbz .pbz-124:hover{margin: 0px; font-size: 17px; line-height: 1.6; color: rgb(74, 52, 16); max-width: 52ch;}
.pbz .pbz-125{display: flex; flex-wrap: wrap; gap: 12px; justify-content: flex-start;}
.pbz .pbz-126,.pbz .pbz-126:hover{background: rgb(20, 22, 26); color: rgb(255, 255, 255); font-size: 16px; font-weight: 800; padding: 16px 24px; border-radius: 10px; text-decoration: none;}
.pbz .pbz-127,.pbz .pbz-127:hover{background: rgb(255, 255, 255); color: rgb(20, 22, 26); font-size: 16px; font-weight: 800; padding: 16px 24px; border-radius: 10px; text-decoration: none; border: 1px solid rgba(20, 22, 26, 0.14);}
.pbz .pbz-128,.pbz .pbz-128:hover{background: transparent; color: rgb(20, 22, 26); font-size: 16px; font-weight: 800; padding: 16px 24px; border-radius: 10px; text-decoration: none; border: 1px solid rgba(20, 22, 26, 0.4);}
.pbz .pbz-129,.pbz .pbz-129:hover{background: rgb(14, 16, 18); color: rgb(142, 142, 136); padding: 40px 28px 96px;}
.pbz .pbz-130{max-width: 1240px; margin: 0px auto; display: flex; flex-wrap: wrap; gap: 18px; justify-content: space-between; align-items: center; font-size: 13px;}
.pbz .pbz-131{display: flex; gap: 20px; flex-wrap: wrap;}
.pbz .pbz-132,.pbz .pbz-132:hover{color: rgb(194, 194, 188); text-decoration: none;}
@media (max-width: 767px){
  .pbz .pbz-3,.pbz .pbz-3:hover{background: rgb(14, 16, 18); color: rgb(255, 255, 255); padding: 44px 20px 56px; scroll-margin-top: 80px;}
  .pbz .pbz-4{max-width: 1240px; margin: 0px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(380px, 100%), 1fr)); gap: 28px; align-items: center;}
  .pbz .pbz-9,.pbz .pbz-9:hover{background: rgb(245, 166, 35); color: rgb(20, 22, 26); font-size: 16px; font-weight: 800; padding: 12px 20px; border-radius: 10px; text-decoration: none; box-shadow: rgba(245, 166, 35, 0.22) 0px 10px 24px;}
  .pbz .pbz-10,.pbz .pbz-10:hover{background: transparent; color: rgb(255, 255, 255); font-size: 16px; font-weight: 700; padding: 12px 20px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.3); text-decoration: none;}
  .pbz .pbz-15{padding: 0px 20px; margin-top: -46px; position: relative; z-index: 10;}
  .pbz .pbz-22{padding: 45px 20px; margin-top: 72px; background: rgb(245, 244, 241); border-top: 1px solid rgb(234, 233, 229); border-bottom: 1px solid rgb(234, 233, 229);}
  .pbz .pbz-27{padding: 45px 20px; scroll-margin-top: 80px;}
  .pbz .pbz-28{max-width: 1240px; margin: 0px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr)); gap: 32px; align-items: start;}
  .pbz .pbz-39,.pbz .pbz-39:hover{padding: 45px 20px; background: rgb(14, 16, 18); color: rgb(255, 255, 255); scroll-margin-top: 80px;}
  .pbz .pbz-59{padding: 45px 20px; background: rgb(245, 244, 241); border-top: 1px solid rgb(234, 233, 229);}
  .pbz .pbz-64{padding: 45px 20px; background: rgb(245, 244, 241); border-bottom: 1px solid rgb(234, 233, 229);}
  .pbz .pbz-69{padding: 45px 20px;}
  .pbz .pbz-75{padding: 45px 20px; background: rgb(245, 244, 241); border-top: 1px solid rgb(234, 233, 229); border-bottom: 1px solid rgb(234, 233, 229);}
  .pbz .pbz-81,.pbz .pbz-81:hover{display: inline-block; margin-top: 36px; background: rgb(20, 22, 26); color: rgb(255, 255, 255); font-size: 16px; font-weight: 800; padding: 11px 20px; border-radius: 10px; text-decoration: none;}
  .pbz .pbz-82,.pbz .pbz-82:hover{padding: 45px 20px; background: rgb(14, 16, 18); color: rgb(255, 255, 255);}
  .pbz .pbz-89{padding: 45px 20px; background: rgb(247, 247, 245);}
  .pbz .pbz-95{padding: 56px 20px 70px; background: rgb(255, 255, 255); scroll-margin-top: 80px;}
  .pbz .pbz-121,.pbz .pbz-121:hover{background: rgb(245, 166, 35); color: rgb(20, 22, 26); padding: 45px 20px;}
  .pbz .pbz-129,.pbz .pbz-129:hover{background: rgb(14, 16, 18); color: rgb(142, 142, 136); padding: 28px 20px 96px;}
}
.pbz.pbz-129{background: rgb(14, 16, 18); color: rgb(142, 142, 136); padding: 40px 28px 96px;}
@media (max-width: 767px){
.pbz.pbz-129{background: rgb(14, 16, 18); color: rgb(142, 142, 136); padding: 28px 20px 96px;}
}
.pbz .pbz-103{box-sizing:border-box;}
/* FAQ: + becomes − when open (the icon span is .pbz-87 inside summary) */
.pbz details[open] > summary .pbz-87{visibility:hidden;position:relative;}
.pbz details[open] > summary .pbz-87::after{content:"\2212";visibility:visible;position:absolute;left:0;top:0;}
/* device-type pills: hidden checkbox, label styled by its pbz-112 rule, selected state */
/* the design's pills are <button>s: UA buttons are border-box, centre their content, and centre text — a <label> needs all three set explicitly to keep the 44px pill height */
.pbz .pbz-pill{position:relative;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;}
.pbz .pbz-pill__input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none;}
.pbz .pbz-pill:has(.pbz-pill__input:checked){background:rgb(20, 22, 26);color:rgb(255, 255, 255);border-color:rgb(20, 22, 26);}
.pbz .pbz-pill.pbz-pill--on{background:rgb(20, 22, 26);color:rgb(255, 255, 255);border-color:rgb(20, 22, 26);}
.pbz .pbz-pill:has(.pbz-pill__input:focus-visible){outline:2px solid rgb(245, 166, 35);outline-offset:2px;}
/* keyboard focus must be visible (the fence and the theme remove outlines); mouse focus stays outline-free like the design */
.pbz a:focus-visible,.pbz button:focus-visible,.pbz summary:focus-visible,.pbz select:focus-visible,.pbz input:focus-visible,.pbz textarea:focus-visible{outline:2px solid rgb(245, 166, 35);outline-offset:2px;}
/* phone QA: the hero caption chip (346px of text) clips inside the photo box on screens narrower than ~386px; truncate with an ellipsis instead. Identical at the design widths. */
.pbz .pbz-14{max-width:calc(100% - 68px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/* (content-box like the design: 100% minus 20px left + 20px right clearance minus the chip's own 14px + 14px padding) */
/* phone QA: the FAQ question row is 30px tall; extend its tap area over the row's 22px padding without changing layout */
.pbz .pbz-86{position:relative;}
.pbz .pbz-86::before{content:"";position:absolute;left:0;right:0;top:-22px;bottom:-22px;}
.pbz details[open] > .pbz-86::before{bottom:0;} /* when open, don't cover the top of the answer text */
/* validation */
.pbz .pbz-field--error input,.pbz .pbz-field--error select,.pbz .pbz-field--error textarea{border-color:rgb(176, 0, 32);}
.pbz .pbz-field--error .pbz-pill{border-color:rgb(176, 0, 32);}
.pbz .pbz-field__error,.pbz .pbz-form__error{color:rgb(176, 0, 32);font-size:13px;font-weight:600;margin-top:4px;}
.pbz .pbz-form__success{background:rgb(252, 252, 251);border:1px solid rgb(230, 229, 225);border-radius:18px;padding:36px;box-shadow:rgba(20, 22, 26, 0.08) 0px 18px 44px;text-align:center;}
.pbz .pbz-form__success h3{margin-bottom:10px;}
.pbz button[type="submit"][disabled]{opacity:.6;cursor:default;}
/* match the Canva page's select heights (49px / 52px): its select text renders with fallback-font metrics, ours with Manrope's */
.pbz .pbz-103,.pbz .pbz-106{line-height:17px;}
.pbz select[name="state"],.pbz select[name="franchise_timeframe"],.pbz select[name="franchise_experience"]{line-height:19px;}
/* links without their own colour inside the dark "sell" section must not darken on hover (the design's base a:hover assumes a light background) */
.pbz #sell a:not([class]):hover{color:rgb(255, 255, 255);}