.bo-demo{max-width:1200px;margin:80px auto;padding:0 28px;color:#162b34;font-family:Manrope,system-ui,sans-serif;font-size:15px;line-height:1.55;--bo-ink:#162b34;--bo-teal:#174f4a;--bo-muted:#526870;--bo-line:#dce5e6;--bo-soft:#f3f7f7}
.bo-demo *{box-sizing:border-box}.bo-demo ::selection{background:#d3eae4;color:#123d37}.bo-demo button,.bo-demo input{font:inherit}.bo-demo button{cursor:pointer;touch-action:manipulation;min-height:44px}.bo-demo button:disabled{cursor:default}.bo-demo button:focus-visible,.bo-demo input:focus-visible,.bo-demo summary:focus-visible{outline:3px solid #197d76;outline-offset:4px}.bo-demo h2,.bo-demo h3,.bo-demo h4,.bo-demo p{margin:0}.bo-demo h2{font-size:clamp(28px,3.5vw,40px);line-height:1.14;letter-spacing:-.035em;font-weight:750;text-wrap:balance}.bo-demo h3{font-size:24px;line-height:1.24;letter-spacing:-.025em;font-weight:750;text-wrap:balance}.bo-demo h4{font-size:18px;line-height:1.35}.bo-demo svg{flex-shrink:0}.bo-demo h3:focus{outline:none}
.bo-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.bo-heading p{margin-top:10px;color:var(--bo-muted);font-size:14px}.bo-reset{display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:transparent;color:var(--bo-teal);padding:8px 0 8px 12px;font-weight:650;white-space:nowrap}.bo-reset:hover{text-decoration:underline;text-underline-offset:4px}.bo-window{border:1px solid var(--bo-line);border-radius:16px;background:white;overflow:hidden}.bo-window-head{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#f5f8f8;padding:20px 24px;border-bottom:1px solid var(--bo-line)}.bo-product-mark{display:flex;align-items:center;gap:10px}.bo-product-mark>svg{color:var(--bo-teal);padding:5px;box-sizing:content-box;background:#e1efea;border-radius:8px}.bo-connected{display:flex;align-items:center;gap:8px;font-size:12px;color:#375c54;white-space:nowrap}.bo-connected i{width:6px;height:6px;border-radius:50%;background:#2e7865}
.bo-steps{display:flex;gap:0;padding:12px 18px;border-bottom:1px solid var(--bo-line);overflow-x:auto;scrollbar-color:#9cb7af #f3f7f7;scrollbar-width:thin}.bo-steps button{display:flex;align-items:center;gap:7px;flex:1;justify-content:center;white-space:nowrap;font-size:12px;font-weight:650;border:0;background:white;color:#425f68;padding:10px 8px;border-radius:7px}.bo-steps button>span{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;border:1px solid #b8cdca;border-radius:50%;font-size:11px}.bo-steps button>span>svg{width:13px;height:13px}.bo-steps button[aria-current]{background:#eaf4f0;color:#164e43}.bo-steps button[aria-current]>span{background:var(--bo-teal);border-color:var(--bo-teal);color:white}.bo-steps button:disabled{color:#77868d}.bo-steps button:disabled>span{border-color:#d6dfe0}.bo-steps button:not(:disabled):hover{background:#f0f6f4}
.bo-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:stretch}.bo-record{padding:28px;min-width:0;border-right:1px solid var(--bo-line)}.bo-customer{display:flex;align-items:center;gap:12px}.bo-avatar{width:43px;height:43px;flex-shrink:0;border-radius:12px;background:#e5eee7;color:#345c47;display:grid;place-items:center;font-weight:750}.bo-customer h3{font-size:18px;line-height:1.3}.bo-customer p{font-size:12px;color:var(--bo-muted);margin-top:4px}.bo-record-status{font-size:11px;padding:4px 8px;background:#f3eee4;color:#705021;white-space:nowrap;border-radius:5px;margin-left:auto;align-self:flex-start}.bo-source{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:11px;color:var(--bo-muted);margin:18px 0 22px}.bo-channel-tabs{display:flex;gap:4px;border-bottom:1px solid var(--bo-line);margin-bottom:20px}.bo-channel-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px;border:0;background:transparent;color:#50636b;font-size:12px;font-weight:650;padding:8px 10px;border-bottom:2px solid transparent;position:relative;top:1px;white-space:nowrap}.bo-channel-tabs button[aria-selected=true]{color:var(--bo-teal);border-bottom-color:var(--bo-teal)}.bo-channel-tabs button:hover{background:#f3f7f6}.bo-channel-tabs svg{width:15px;height:15px}.bo-conversation{display:flex;flex-direction:column;gap:19px;min-height:294px}.bo-message>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.bo-message strong{font-size:12px}.bo-message>div>span{display:flex;align-items:center;gap:6px;color:var(--bo-muted);font-size:11px;white-space:nowrap}.bo-message>div>span svg{width:13px;height:13px}.bo-message p{font-size:13px;line-height:1.65;margin-top:8px;max-width:65ch}.bo-message-assistant{padding:15px;background:#eef5f2;border-radius:10px;color:#224f43}.bo-memory{margin-top:24px;padding-top:20px;border-top:1px solid var(--bo-line)}.bo-memory strong{font-size:12px;color:#215d50}.bo-memory p{font-size:12px;color:var(--bo-muted);margin-top:6px;line-height:1.6}.bo-history{margin-top:20px}.bo-events{list-style:none;padding:6px 0 0;margin:0}.bo-events li{display:flex;gap:11px;position:relative;padding-bottom:17px}.bo-event-icon{color:#2e6f5d;display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;border-radius:50%;background:#e8f2ed}.bo-event-icon svg{width:13px;height:13px}.bo-events strong{font-size:12px}.bo-events p{font-size:12px;color:var(--bo-muted);margin-top:3px;line-height:1.5}
.bo-work{padding:34px 30px;background:#fbfcfc;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.bo-stage-caption{font-size:12px;color:#46675e;margin-bottom:12px}.bo-work-intro{color:var(--bo-muted);font-size:14px;line-height:1.7;margin-top:14px!important;max-width:44ch}.bo-decision{display:flex;align-items:center;gap:10px;border-top:1px solid var(--bo-line);padding-top:20px;margin-top:28px;color:#2e5c4d;font-size:13px}.bo-next-action{margin-top:30px;width:100%}.bo-primary{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;border:0;border-radius:8px;background:var(--bo-teal);color:white;padding:13px 18px;font-size:13px!important;font-weight:700;transition:background-color 150ms ease-out,transform 150ms ease-out}.bo-primary:hover{background:#103f3a}.bo-primary:active{transform:scale(.985)}.bo-facts{margin:25px 0 0;width:100%}.bo-facts>div{padding:13px 0;border-bottom:1px solid var(--bo-line)}.bo-facts dt{font-size:12px;color:var(--bo-muted)}.bo-facts dd{font-size:14px;margin:5px 0 0;font-weight:600}.bo-calendar-status{display:flex;align-items:flex-start;gap:12px;margin:24px 0 22px;color:#275e4c}.bo-calendar-status svg{margin-top:2px}.bo-calendar-status strong,.bo-calendar-status span{display:block;font-size:12px}.bo-calendar-status span{margin-top:5px;color:var(--bo-muted);font-size:11px}.bo-slots{border:0;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:10px}.bo-slots legend{font-size:12px;margin-bottom:10px;color:var(--bo-muted)}.bo-slots label{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 12px;border:1px solid #bed0ca;border-radius:8px;font-size:13px;cursor:pointer}.bo-slots label:has(input:checked){border-color:var(--bo-teal);background:#eaf4ef;color:#1a5548}.bo-demo input{accent-color:var(--bo-teal);width:17px;height:17px;flex-shrink:0}.bo-document{margin-top:26px;border-top:1px solid var(--bo-line);border-bottom:1px solid var(--bo-line);padding:20px 0;width:100%}.bo-document>span{font-size:11px;color:var(--bo-muted)}.bo-document h4{margin-top:10px}.bo-document p{font-size:12px;color:var(--bo-muted);margin-top:7px}.bo-document>div{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px}.bo-document>div>span{font-size:13px}.bo-document>div>strong{font-size:30px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.bo-document small{display:block;color:var(--bo-muted);font-size:11px;line-height:1.6;margin-top:18px}.bo-paid{display:flex;gap:13px;align-items:center;margin-top:27px;width:100%;padding:18px 0;border-top:1px solid var(--bo-line);border-bottom:1px solid var(--bo-line);color:#1f614b}.bo-paid>svg{width:25px;height:25px}.bo-paid strong,.bo-paid span{display:block}.bo-paid strong{font-size:24px;letter-spacing:-.02em}.bo-paid span{font-size:12px;margin-top:5px}.bo-reminder{margin-top:24px}.bo-reminder strong{font-size:13px}.bo-reminder p{font-size:13px;color:var(--bo-muted);margin-top:8px;line-height:1.65}.bo-reminder>span{display:block;font-size:11px;font-weight:650;color:#215b4b;margin-top:13px}
.bo-phone-setup{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#f4f7f6;border-top:1px solid var(--bo-line);padding:22px 24px}.bo-phone-setup strong{font-size:13px}.bo-phone-setup p{font-size:12px;color:var(--bo-muted);margin-top:5px}.bo-phone-setup fieldset{display:flex;flex-wrap:wrap;gap:12px 22px;border:0;padding:0;margin:0;flex-shrink:0}.bo-phone-setup label{display:flex;gap:8px;align-items:center;min-height:44px;font-size:12px;cursor:pointer}.bo-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.bo-demo{padding:0 20px}.bo-steps{padding:8px}.bo-steps button{font-size:11px;padding:8px 5px;gap:5px}.bo-record{padding:23px 20px}.bo-work{padding:28px 24px}.bo-channel-tabs button{padding:7px 8px}.bo-phone-setup{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:680px){.bo-demo{margin:52px auto;padding:0 16px;font-size:14px}.bo-heading{align-items:flex-start;gap:10px;margin-bottom:22px}.bo-heading h2{font-size:28px}.bo-heading p{font-size:11px;max-width:200px;line-height:1.5}.bo-reset{font-size:11px;gap:5px;min-height:44px;padding:0;white-space:nowrap}.bo-reset svg{width:15px;height:15px}.bo-window-head{padding:16px;align-items:flex-start;flex-direction:column;gap:8px}.bo-product-mark strong{font-size:13px}.bo-connected{font-size:10px;padding-left:38px}.bo-steps{padding:8px;gap:5px}.bo-steps button{flex:none;padding:7px 9px;font-size:11px}.bo-layout{display:flex;flex-direction:column}.bo-work{order:0;padding:25px 20px;border-bottom:1px solid var(--bo-line)}.bo-record{order:1;padding:24px 18px;border-right:0}.bo-work h3{font-size:25px;max-width:20ch}.bo-work-intro{font-size:13px}.bo-stage-caption{font-size:11px;margin-bottom:10px}.bo-decision{margin-top:20px;font-size:12px}.bo-next-action{margin-top:24px}.bo-customer{gap:10px}.bo-customer h3{font-size:16px}.bo-customer p{font-size:11px}.bo-record-status{font-size:10px;padding:4px 6px}.bo-avatar{width:36px;height:36px;border-radius:9px;font-size:12px}.bo-channel-tabs{gap:2px}.bo-channel-tabs button{font-size:11px;padding:7px;gap:4px}.bo-channel-tabs svg{width:13px;height:13px}.bo-conversation{min-height:0}.bo-message p{font-size:13px}.bo-phone-setup{padding:20px 18px}.bo-phone-setup fieldset{flex-direction:column;gap:0;flex-shrink:1}.bo-document>div>strong{font-size:28px}}
@media(prefers-reduced-motion:reduce){.bo-primary{transition:none}.bo-primary:active{transform:none}}
.bo-marketing{border-top:1px solid var(--bo-line)}.bo-marketing-body{padding:12px 28px 30px}.bo-marketing-intro h3{font-size:25px}.bo-marketing-intro>p{font-size:14px;color:var(--bo-muted);margin-top:10px;max-width:65ch}.bo-marketing-drafts{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-top:28px;padding-bottom:28px;border-bottom:1px solid var(--bo-line)}.bo-marketing h4{font-size:14px;font-weight:750;margin-bottom:13px}.bo-marketing-drafts section>strong{display:block;font-size:19px;letter-spacing:-.02em}.bo-marketing-drafts p{font-size:13px;line-height:1.7;margin-top:10px;color:var(--bo-muted)}.bo-marketing-drafts ol{margin:0;padding-left:20px;font-size:13px;line-height:1.7;color:var(--bo-muted)}.bo-marketing-drafts li+li{margin-top:9px}.bo-marketing-drafts .bo-video-note{font-size:11px}.bo-campaign{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:38px;margin-top:28px}.bo-campaign-area{font-size:12px;color:var(--bo-muted);margin-top:15px!important}.bo-ad-draft{padding-top:20px;margin-top:20px;border-top:1px solid var(--bo-line)}.bo-ad-draft>span,.bo-ad-draft>small{display:block;font-size:11px;color:var(--bo-muted)}.bo-ad-draft>strong{display:block;font-size:18px;line-height:1.4;margin-top:8px;color:#205a70}.bo-ad-draft>p{font-size:13px;line-height:1.7;color:var(--bo-muted);margin:8px 0 10px}.bo-campaign-result{padding-left:28px;border-left:1px solid var(--bo-line)}.bo-campaign-status{display:block;color:#245e4c;font-size:13px;font-weight:700}.bo-campaign-result>p{font-size:12px;color:var(--bo-muted);margin-top:9px}.bo-campaign-result>.bo-primary{margin-top:20px}.bo-campaign-result .bo-example-only{font-size:10px;line-height:1.5}.bo-campaign-lead{margin-top:25px;padding-top:19px;border-top:1px solid var(--bo-line)}.bo-campaign-lead>strong,.bo-campaign-lead>span{display:block;font-size:12px}.bo-campaign-lead>span{margin-top:10px;font-size:16px;font-weight:650}.bo-campaign-lead p{font-size:12px;color:var(--bo-muted);margin-top:6px;line-height:1.6}.bo-campaign-lead small{display:block;font-size:11px;color:var(--bo-muted);margin-top:9px;line-height:1.6}.bo-campaign-image{margin:18px 0 0}.bo-campaign-image img{display:block;width:100%;max-height:250px;object-fit:cover;border-radius:10px}.bo-campaign-image figcaption{font-size:10px;color:var(--bo-muted);margin-top:7px}
@media(max-width:680px){.bo-marketing-body{padding:8px 20px 24px}.bo-marketing-intro h3{font-size:23px}.bo-marketing-intro>p{font-size:13px}.bo-marketing-drafts,.bo-campaign{grid-template-columns:1fr;gap:24px}.bo-campaign-result{padding:20px 0 0;border-left:0;border-top:1px solid var(--bo-line)}.bo-campaign-area{line-height:1.6}}
.bo-avatar{width:49px;height:49px;border-radius:50%;background-image:var(--bo-avatar-image,url('/images/customer-portraits-20261011.png'));background-size:500% 200%;background-position:var(--bo-avatar-x) var(--bo-avatar-y);background-repeat:no-repeat}.bo-history{margin:0;padding:23px 28px;border-top:1px solid var(--bo-line)}.bo-history h4{font-size:14px;margin:0 0 14px}.bo-history h4>span{font-size:11px;color:var(--bo-muted);margin-left:6px}.bo-history .bo-events{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 25px}.bo-history .bo-events li{padding-bottom:0}.bo-crm-context{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:30px;padding:26px 28px;border-top:1px solid var(--bo-line);background:#fbfcfc}.bo-crm-context h4{font-size:14px;margin-bottom:17px}.bo-crm-context dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:17px 20px}.bo-crm-context dt{font-size:11px;color:var(--bo-muted)}.bo-crm-context dd{font-size:12px;font-weight:650;line-height:1.65;margin:5px 0 0}.bo-team-choices{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:9px;min-width:0}.bo-team-choices legend{font-size:12px;font-weight:700;margin-bottom:12px}.bo-team-choices button{display:flex;align-items:center;gap:8px;text-align:left;padding:12px 10px;background:white;border:1px solid #c5d6d1;border-radius:9px;min-height:76px;min-width:0;color:var(--bo-ink)}.bo-team-choices button[aria-pressed=true]{background:#eaf4ef;border-color:var(--bo-teal);color:#174f43}.bo-team-choices button:hover{background:#f1f7f4}.bo-team-icon{display:grid;place-items:center;width:27px;height:32px;flex-shrink:0}.bo-team-icon>svg{width:23px;height:23px}.bo-team-choices strong,.bo-team-choices small{display:block}.bo-team-choices strong{font-size:11px;line-height:1.5}.bo-team-choices small{font-size:9px;color:var(--bo-muted);margin-top:4px;line-height:1.5}.bo-team-choices button>svg{width:13px;height:13px;margin-left:auto}.bo-assignment{font-size:11px;line-height:1.6;margin-top:12px!important;color:var(--bo-muted)}.bo-review-button{border:0;padding:8px 0;min-height:44px;background:transparent;color:var(--bo-teal);font-size:11px!important;text-align:left;text-decoration:underline;text-underline-offset:3px}.bo-marketing-heading{padding:25px 28px 17px}.bo-marketing-heading h3{font-size:26px}.bo-marketing-heading p{font-size:12px;color:var(--bo-muted);margin-top:7px}.bo-marketing-intro h4{font-size:17px;margin-bottom:0}.bo-platform-choices,.bo-budget-choices{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}.bo-platform-choices legend,.bo-budget-choices legend{font-size:12px;color:var(--bo-muted);margin-bottom:12px}.bo-platform-card{display:flex;align-items:center;gap:10px;border:1px solid #bfd1cb;border-radius:9px;padding:13px 11px;background:white;color:var(--bo-ink);min-height:64px;text-align:left;min-width:0}.bo-platform-card img{width:26px;height:26px;object-fit:contain;flex-shrink:0}.bo-platform-card span{font-size:12px;font-weight:650;line-height:1.4}.bo-platform-card>svg{width:13px;height:13px;margin-left:auto}.bo-platform-card[aria-pressed=true],.bo-budget-choices button[aria-pressed=true]{border-color:var(--bo-teal);background:#edf6f0;color:#1a5548}.bo-platform-card:hover,.bo-budget-choices button:hover{background:#f1f7f4}.bo-budget-choices{margin-top:21px}.bo-budget-choices button{display:flex;gap:7px;align-items:center;justify-content:center;border:1px solid #bfd1cb;border-radius:9px;padding:12px;background:white;color:var(--bo-ink);min-height:52px}.bo-budget-choices strong{font-size:17px;font-variant-numeric:tabular-nums}.bo-budget-choices span{font-size:11px;color:var(--bo-muted)}
@media(max-width:900px){.bo-team-choices{grid-template-columns:1fr}.bo-team-choices button{min-height:60px}.bo-team-choices strong{font-size:12px}.bo-team-choices small{font-size:10px}}
@media(max-width:680px){.bo-avatar{width:44px;height:44px;border-radius:50%}.bo-crm-context{grid-template-columns:1fr;gap:24px;padding:23px 20px}.bo-crm-context dl{gap:16px}.bo-team-choices{grid-template-columns:1fr 1fr}.bo-team-choices button{min-height:76px;padding:11px 8px}.bo-team-choices strong{font-size:11px}.bo-team-choices small{font-size:9px}.bo-history{padding:22px 20px}.bo-history .bo-events{grid-template-columns:1fr}.bo-marketing-heading{padding:22px 20px 16px}.bo-marketing-heading h3{font-size:25px}.bo-platform-card{gap:8px;padding:12px 9px}.bo-platform-card span{font-size:11px}}

.bo-campaign-photo{width:min(100%,260px);aspect-ratio:1;border-radius:10px;background-image:url('/images/business-photo-atlas-20261011.png');background-size:500% 200%;background-position:var(--bo-photo-x) var(--bo-photo-y);background-repeat:no-repeat;background-color:#eef4f1}

.bo-campaign-photo-local{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background-image:none!important}

.bp-demo-market{display:flex;align-items:flex-start;gap:2rem;max-width:1320px;margin:0 auto;padding:20px 28px;border-bottom:1px solid #dce5e6}.bp-demo-market>a{color:#174f4a;font-size:19px;font-weight:800;text-decoration:none;white-space:nowrap;margin-top:28px}.bp-demo-market .market-picker{margin:0;margin-inline-start:auto;max-width:690px}.bp-demo-market .market-picker__scope{font-size:11px}@media(max-width:650px){.bp-demo-market{display:block;padding:18px}.bp-demo-market>a{display:block;margin:0 0 14px}.bp-demo-market .market-picker{max-width:none}}

.bo-owner-agenda{padding:26px 28px;border-top:1px solid var(--bo-line);background:#fff}.bo-owner-agenda>header{display:flex;justify-content:space-between;align-items:start;gap:20px}.bo-owner-agenda h4{font-size:17px;margin:0 0 7px}.bo-owner-agenda p{font-size:12px;line-height:1.65;color:var(--bo-muted);margin:6px 0}.bo-agenda-status{font-size:11px;font-weight:650;color:#174f4a;white-space:nowrap}.bo-agenda-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:30px;padding:22px 0}.bo-agenda-row strong{display:block;font-size:13px;line-height:1.6}.bo-agenda-time{display:grid;grid-template-columns:20px minmax(0,1fr);align-content:start;gap:6px 10px}.bo-agenda-time>span{grid-column:2;font-size:11px;color:var(--bo-muted);overflow-wrap:anywhere}.bo-agenda-actions{display:flex;align-items:start;gap:28px;flex-wrap:wrap}.bo-agenda-times{border:0;margin:0;padding:0;min-width:0;display:flex;gap:10px 20px;flex-wrap:wrap}.bo-agenda-times legend{font-size:11px;color:var(--bo-muted);margin-bottom:7px}.bo-agenda-times label{min-height:44px;display:flex;align-items:center;gap:8px;font-size:12px;cursor:pointer}.bo-agenda-times input{accent-color:#174f4a}.bo-owner-agenda .bo-agenda-note{font-size:10px;margin-top:18px;max-width:75ch}.bo-owner-agenda .bo-agenda-complete{font-weight:650;color:#174f4a}.bo-owner-agenda :focus-visible{outline:3px solid #a76732;outline-offset:4px}@media(max-width:680px){.bo-owner-agenda{padding:23px 20px}.bo-owner-agenda>header{gap:12px}.bo-owner-agenda h4{font-size:16px}.bo-agenda-row{grid-template-columns:1fr;gap:16px}.bo-agenda-actions{gap:18px}.bo-agenda-status{white-space:normal;text-align:end;max-width:80px}.bo-agenda-times{display:grid;gap:0}}