.bb-demo{--bb-ink:#e9f1f8;--bb-muted:#9fb5c8;--bb-line:#2d465b;--bb-gold:#e1bd73;--bb-green:#a7ddc0;margin-block:72px;scroll-margin-top:98px;color:var(--bb-ink)}.bb-demo *{box-sizing:border-box}.bb-demo [hidden]{display:none!important}.bb-heading{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-bottom:30px}.bb-heading h2{font-size:clamp(32px,3.7vw,50px);line-height:1.12;margin:0;letter-spacing:-.02em}.bb-heading>p{font-size:14px;line-height:1.9;color:var(--bb-muted);margin:0;max-width:400px}.bb-workspace{border:1px solid #385267;border-radius:12px;overflow:hidden;background:#0a1c2c;box-shadow:0 24px 70px #0004}.bb-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px;border-bottom:1px solid #2b4256;background:#12283d}.bb-workspace-head>div{display:flex;align-items:center;gap:10px}.bb-small-brain{width:38px;height:38px;display:block}.bb-small-brain svg{width:100%;height:100%;animation:none!important}.bb-workspace-head strong{font-size:14px;font-weight:600}.bb-sample-label{color:#c1b594;font-size:10px}.bb-tabs{display:flex;align-items:center;gap:4px;padding:8px 24px;border-bottom:1px solid #2b4256;background:#0f2335}.bb-demo button{font-family:inherit;cursor:pointer}.bb-tabs button{background:transparent;border:0;color:var(--bb-muted);padding:10px 15px;font-size:12px;border-radius:5px;transition:background .2s,color .2s}.bb-tabs button[aria-pressed=true]{color:#fff;background:#2c445b}.bb-tabs button:hover{background:#233d53;color:#fff}.bb-command-strip{display:flex;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid #263f53;background:#071725;min-height:78px}.bb-person{width:29px;height:29px;border-radius:50%;background:#3a4d60;display:grid;place-items:center;color:#edf3f9;font-size:9px;flex:none}.bb-command{font-size:15px;line-height:1.55;color:#e9f1f8;flex:1;margin:0!important;min-height:24px}.bb-demo.is-playing .bb-command:after{content:'|';color:var(--bb-gold);margin-left:2px;animation:bbCaret .5s steps(1) 4}.bb-play,.bb-skip,.bb-reset{border:0;background:transparent;color:#cdb480;font-size:11px;padding:8px;white-space:nowrap}.bb-play:before{content:'↻';font-size:16px;margin-right:5px}.bb-progress{display:flex;justify-content:space-between;padding:11px 24px;color:#829aad;font-size:10px;border-bottom:1px solid #243e52}.bb-progress span{display:flex;align-items:center;gap:8px}.bb-progress span:before{content:'';width:5px;height:5px;border-radius:50%;background:#496277}.bb-progress span:last-child{color:#b9d9c8}.bb-progress span:last-child:before{background:#a7ddc0}.bb-workbench{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1.08fr);padding:24px;min-height:502px;position:relative}.bb-source-stack{display:flex;flex-direction:column;gap:15px;align-self:start;min-width:0}.bb-document{background:#11273a;border:1px solid #31495e;border-radius:6px;overflow:hidden;transition:border-color .3s,opacity .3s}.bb-document header{display:flex;align-items:center;gap:7px;padding:10px 12px;border-bottom:1px solid #30475a}.bb-doc-icon{color:#d0b47e;font-size:16px}.bb-document header strong{font-size:11px;font-weight:500;white-space:nowrap}.bb-document header small{font-size:9px;color:#91a9bd;margin-left:auto;text-align:right}.bb-connected{font-size:10px;color:var(--bb-green)}.bb-document table{width:100%;border-collapse:collapse;margin:0!important;table-layout:auto;font-size:10px;background:transparent!important}.bb-document th{text-align:left;color:#829caf;font-size:9px;font-weight:400;background:transparent!important;padding:8px 10px;border-bottom:1px solid #243d51}.bb-document td{padding:9px 10px;color:#c1d2de;border-bottom:1px solid #243d51;font-size:10px;line-height:1.45;transition:background .25s}.bb-document tr:last-child td{border-bottom:0}.bb-document td small{display:block;font-size:8px;color:#7f9bb1;margin-top:3px;letter-spacing:.03em}.bb-document td button{padding:0;border:0;background:transparent;color:#e2c88f;font-size:10px;text-align:left;text-decoration:underline;text-underline-offset:3px}.bb-document td:nth-child(2){white-space:nowrap}.bb-missing{color:#e1b77c;font-size:9px}.bb-document tr.is-linked td,.bb-note.is-linked{background:#76612c2b;box-shadow:inset 0 -1px #d7b36355}.bb-document tr.is-linked td:first-child{box-shadow:inset 2px 0 #d7b363,inset 0 -1px #d7b36355}.bb-note{padding:12px 14px;transition:background .3s}.bb-note>span{font-size:9px;color:#8da8bc;display:block}.bb-note p{font-size:12px;line-height:1.65;margin:5px 0!important;color:#c9dbe6}.bb-inline-stats{display:flex;gap:30px;padding:14px}.bb-inline-stats span{font-size:10px;color:#91aabd}.bb-inline-stats b{font-weight:500;font-size:21px;color:#d8e6ef;display:block;margin-bottom:2px}.bb-connection{position:relative;align-self:stretch;min-height:440px}.bb-connection svg{position:absolute;width:100%;height:100%;inset:0;overflow:visible}.bb-connection path{fill:none;stroke:#416178;stroke-width:1;vector-effect:non-scaling-stroke}.bb-connection .bb-flow{stroke:#ddc184;stroke-width:2;stroke-dasharray:5 290;opacity:.55}.bb-junction{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #6a7b6c;background:#213d3d;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:#b9e5cb;font-size:19px}.bb-output{min-width:0;border-left:1px solid #355068;padding-left:25px;align-self:start;transition:opacity .3s,transform .3s}.bb-result-top>span{color:#a2b9cb;font-size:11px;display:block;margin-bottom:8px}.bb-result-top>strong{display:block;font-weight:500;font-size:clamp(40px,4vw,56px);color:#c0ead2;letter-spacing:-.045em;line-height:1.12;font-variant-numeric:tabular-nums}.bb-result-top>strong i{font-size:27px;font-style:normal;color:#62828d;letter-spacing:-.03em}.bb-result-top small{display:block;color:#91acbe;font-size:10px;margin-top:7px;line-height:1.6}.bb-finding{margin-top:23px;border-top:1px solid #29465a;padding-top:18px}.bb-finding-label{font-size:10px;color:#d8ba7b;display:flex;align-items:center;gap:6px;margin-bottom:11px}.bb-dot{width:5px;height:5px;background:#dbb967;border-radius:50%;flex:none}.bb-output h3{font-family:'DM Sans',sans-serif;font-size:21px;font-weight:500;line-height:1.35;letter-spacing:-.025em;margin:0 0 12px;color:#e6f0f7}.bb-finding>p{font-size:12px;color:#a9c0d1;line-height:1.8;margin:10px 0 18px}.bb-cite{font-size:10px;background:#2a3e51;border:1px solid #54708a;padding:1px 5px;border-radius:3px;color:#dfc78e;white-space:nowrap}.bb-demo .bb-change{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #50686b;border-radius:5px;background:#183632;color:#c0e6cd;width:100%;padding:12px 14px;font-size:11px;text-align:left;min-height:43px;line-height:1.5}.bb-change>span{font-size:16px}.bb-change:hover{background:#24473f!important}.bb-change:disabled{cursor:default;background:#132c2a;color:#8aada1}.bb-finding>small{font-size:9px;color:#819cad;display:block;margin-top:7px;line-height:1.5}.bb-secondary-finding{border-top:1px solid #2a4558;margin-top:19px;padding-top:14px}.bb-signal{font-size:10px;color:#c6addd}.bb-secondary-finding p{font-size:11px;line-height:1.75;color:#a3bccc;margin:5px 0 0}.bb-secondary-finding strong{color:#c1d1dd;font-weight:500}.bb-demo .bb-method{border:0;border-top:1px solid #263f53;border-radius:0;background:#0b2032;margin:0;padding:0}.bb-demo .bb-method summary{list-style:none;padding:12px 24px;color:#a9bdce;font-size:11px;min-height:0;cursor:pointer}.bb-demo .bb-method summary:after{content:'+';float:right}.bb-demo .bb-method[open] summary:after{content:'−'}.bb-method summary::-webkit-details-marker{display:none}.bb-method>div{padding:0 24px 16px;display:grid;grid-template-columns:150px 1fr;gap:12px;font-size:11px;color:#a9bece}.bb-method p{font-size:11px;line-height:1.75;margin:0}.bb-method strong{font-weight:500;color:#c5d3de}.bb-workspace-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 18px 10px 24px;background:#11283b;border-top:1px solid #284357}.bb-status{font-size:10px;color:#96b5a5;line-height:1.65}.bb-bottom{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:24px}.bb-bottom p{font-size:13px;line-height:1.8;color:#9fb5c8;max-width:700px;margin:0}.bb-bottom strong{color:#d9e5ee;font-weight:500}.bb-bottom .button{font-size:12px;white-space:nowrap}.bb-demo-note{font-size:10px!important;color:#829caf!important;line-height:1.7!important;margin:14px 0 0!important}.bb-hero-link{display:block;margin-top:20px;color:#e3c78b!important;font-size:13px;text-underline-offset:4px}.bb-demo button:focus-visible,.bb-demo summary:focus-visible{outline:2px solid #e9ca82;outline-offset:3px}.bb-lead-map{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;padding:14px 14px 7px}.bb-lead-map>span{display:grid;place-items:center;aspect-ratio:1;font-size:8px;border-radius:4px;background:#543f26;border:1px solid #97723d;color:#f1d2a0;transition:background .4s}.bb-lead-map .has-step{background:#23443c;border-color:#527d68;color:#b6dbbd}.bb-lead-map .scheduled{background:#283f56;border-color:#597594;color:#b5cfec}.bb-source-caption{font-size:9px;color:#9ab0c1;padding:4px 14px 12px;margin:0!important;line-height:1.7}.bb-source-caption i,.bb-source-caption em{display:inline-block;width:6px;height:6px;border-radius:2px;background:#628f72;margin-right:3px}.bb-source-caption em{background:#b98e4e;margin-left:10px}.bb-distribution{display:flex;gap:3px;margin-top:22px;min-height:44px}.bb-distribution>span{display:flex;align-items:center;justify-content:center;padding:9px;font-size:10px;line-height:1.5;color:#c9e8db;background:#21453e}.bb-distribution>.bb-unassigned{color:#efd5a8;background:#614c2b}.bb-distribution>.bb-scheduled{background:#293f57;color:#c1d4ed}.bb-requirement{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #294355;font-size:10px;color:#a4bed0}.bb-requirement:last-child{border:0}.bb-requirement strong{font-size:9px;color:#dbb67b;font-weight:400}.bb-billing-path{display:flex;gap:3px;margin-top:20px}.bb-billing-path>span{font-size:9px;line-height:1.5;background:#20453f;padding:10px 9px;color:#b9dccd;flex:20}.bb-billing-path>span:nth-child(2){flex:10;background:#2a4057;color:#bdcfe2}.bb-billing-path>span:nth-child(3){flex:18;background:#5d4c2b;color:#ead7b0}.bb-billing-path b{display:block;font-size:16px;font-weight:500;margin-bottom:3px}.bb-blocker{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#9fb8ca;border-bottom:1px solid #2b4257;padding:10px 0}.bb-blocker b{font-weight:500;color:#e3d2af;white-space:nowrap}.bb-comparison{display:flex;gap:30px}.bb-comparison strong{font-size:43px;font-weight:500;color:#bce8cc;letter-spacing:-.04em;line-height:1.2}.bb-comparison>div:nth-child(2) strong{color:#7896a7}.bb-creative-sheet{background:#eae3d1;color:#142b3b;border-radius:3px;padding:23px 23px 18px;margin:22px 0 18px;box-shadow:5px 6px 0 #294253;transform:rotate(-.7deg);transition:opacity .25s}.bb-creative-sheet>span{font-size:9px;color:#76613c}.bb-creative-sheet h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:30px;line-height:1.12;color:#173044;margin:12px 0}.bb-creative-sheet>p{font-size:11px;line-height:1.8;margin:0 0 17px}.bb-creative-sequence{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #b7ac91;padding-top:12px;gap:12px}.bb-creative-sequence>span{font-size:9px;line-height:1.5;color:#42515a}.bb-creative-sequence b{display:block;font-weight:500;font-size:9px;color:#7c6847;margin-bottom:3px}.bb-brand-words{display:flex;gap:8px;padding:14px 14px 7px}.bb-brand-words span{font-size:10px;color:#cddfdf;background:#2a444a;padding:4px 7px;border-radius:3px}.bb-creative-note{font-size:10px;color:#96b3c6;line-height:1.8;margin:12px 0 0}.bb-scene.context-missing [data-source="2"]{opacity:.4}.bb-scene.context-missing .bb-creative-sheet{background:#c7ced1;box-shadow:5px 6px 0 #324353}.bb-scene.context-missing .bb-creative-sheet h3{font-family:'DM Sans',sans-serif;font-size:25px}.bb-demo.is-playing .bb-flow{animation:bbTrace 1.2s linear 2}.bb-demo.is-playing .bb-document{animation:bbSource .6s both}.bb-demo.is-playing .bb-document:nth-child(2){animation-delay:.2s}.bb-demo.is-playing .bb-document:nth-child(3){animation-delay:.4s}.bb-demo[data-phase="read"] .bb-output,.bb-demo[data-phase="match"] .bb-output{opacity:.12;pointer-events:none;transform:translateX(6px)}.bb-demo[data-phase="match"] .bb-junction{box-shadow:0 0 22px #a7ddc044;background:#385a4c}.bb-demo[data-phase="read"] .bb-progress span:last-child,.bb-demo[data-phase="match"] .bb-progress span:last-child{opacity:.35}.bb-demo.is-playing .bb-change{pointer-events:none}.bb-demo.is-playing .bb-command{color:#f1e6ca}@keyframes bbTrace{to{stroke-dashoffset:-590}}@keyframes bbSource{from{transform:translateX(-5px);border-color:#d6b671}to{transform:translateX(0);border-color:#31495e}}@keyframes bbCaret{50%{opacity:0}}
@media(max-width:900px){.bb-workbench{grid-template-columns:minmax(0,1fr) 35px minmax(0,1fr);padding:20px}.bb-output{padding-left:18px}.bb-document header small{display:none}.bb-document td,.bb-document th{padding:8px 6px}.bb-heading{gap:25px}.bb-comparison{gap:16px}.bb-comparison strong{font-size:37px}}
@media(max-width:650px){.bb-demo{margin-block:48px;scroll-margin-top:90px}.bb-heading{display:block;margin-bottom:23px}.bb-heading h2{font-size:34px}.bb-heading>p{font-size:12px;margin-top:16px}.bb-workspace-head{padding:12px 14px;gap:10px}.bb-workspace-head strong{font-size:12px}.bb-small-brain{width:31px;height:31px}.bb-sample-label{font-size:8px;max-width:115px;line-height:1.6}.bb-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:8px 10px}.bb-tabs button{text-align:left;font-size:11px;padding:10px}.bb-command-strip{padding:14px;gap:8px;flex-wrap:wrap}.bb-command{font-size:13px;flex-basis:calc(100% - 40px);min-height:40px;display:flex;align-items:center}.bb-play,.bb-skip{margin-left:30px;padding:3px 0;font-size:10px;min-height:24px}.bb-progress{padding:10px 14px;font-size:8px;gap:7px}.bb-progress span{gap:4px}.bb-workbench{display:flex;flex-direction:column;padding:19px 15px;gap:24px;min-height:0}.bb-output{order:0;border:0;padding:0;width:100%}.bb-source-stack{order:2;width:100%;gap:12px}.bb-source-stack:before{content:'The records behind this finding';font-size:11px;color:#a8c0cf;padding:0 0 4px;border-bottom:1px solid #2d465b}.bb-connection{display:none}.bb-result-top>strong{font-size:46px}.bb-finding{margin-top:17px;padding-top:16px}.bb-output h3{font-size:20px}.bb-finding>p{font-size:12px}.bb-secondary-finding{margin-top:15px}.bb-secondary-finding p{font-size:11px}.bb-document header small{display:block;font-size:8px}.bb-document td,.bb-document th{padding:8px}.bb-document table{font-size:10px}.bb-workspace-foot{padding:10px 10px 10px 14px}.bb-status{font-size:9px}.bb-reset{font-size:10px;min-width:75px}.bb-demo .bb-method summary{padding:12px 15px;font-size:10px}.bb-method>div{padding:0 15px 15px;grid-template-columns:1fr;gap:7px}.bb-bottom{flex-direction:column;align-items:flex-start;gap:15px}.bb-bottom p{font-size:12px}.bb-demo-note{font-size:9px!important}.bb-lead-map{gap:5px}.bb-comparison{gap:30px}.bb-comparison strong{font-size:43px}.bb-creative-sheet{transform:none}.bb-demo[data-phase="read"] .bb-output,.bb-demo[data-phase="match"] .bb-output{transform:none}}
@media(prefers-reduced-motion:reduce){.bb-demo *,.bb-demo *:after{animation:none!important;transition:none!important}}.motion-paused .bb-demo *,.motion-paused .bb-demo *:after{animation:none!important;transition:none!important}

/* Keep working UI type distinct from the page’s editorial headings. */
.agency-training .bb-demo .bb-output h3{font-family:'DM Sans',sans-serif;font-weight:500}.agency-training .bb-demo .bb-creative-sheet h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400}.bb-demo .bb-document table{display:table!important}.bb-demo .bb-document thead{display:table-header-group!important}.bb-demo .bb-document tbody{display:table-row-group!important}.bb-demo .bb-document tr{display:table-row!important}.bb-demo .bb-document th,.bb-demo .bb-document td{display:table-cell!important}.bb-document td,.bb-document td button{font-size:11px}.bb-document th{letter-spacing:0;text-transform:none}.bb-document td small{font-size:9px}.bb-document header strong{font-size:12px}.bb-note>span{font-size:10px}.bb-output .bb-finding>p{font-size:13px}.bb-demo .bb-command{max-width:none}.bb-demo .bb-demo-note{max-width:none}.bb-demo .bb-workspace{background:radial-gradient(ellipse at 48% 60%,#1a38433b,transparent 48%),#0a1c2c}.bb-junction{box-shadow:0 2px 9px #0005,inset 0 1px #b8e3ce33}.bb-document{box-shadow:0 7px 20px #0002}.bb-demo .bb-workspace-head{box-shadow:inset 0 1px #abcada13}
@media(max-width:650px){.bb-document td,.bb-document td button{font-size:10px}.bb-heading h2 br{display:none}.bb-document header strong{font-size:11px}}

.bb-scene.context-missing [data-source="2"]{opacity:1;border-style:dashed}.bb-scene.context-missing [data-source="2"] .bb-brand-words,.bb-scene.context-missing [data-source="2"] .bb-source-caption{display:none}.bb-context-unavailable{padding:14px!important;font-size:11px!important;color:#91a9bd;line-height:1.7;margin:0!important}