/* Binary Bliss V2.2 — representative staging overlay only.
   Scope: homepage, about, services hub, Performance, AI Intelligence, blog.
   Heritage Blue is UI/system structure. Campaign Cobalt is display-field emphasis.
   No tracking, forms, URLs, SEO, or production behaviour is changed here. */

:root {
  --bb-v22-heritage-blue: #0F52BA;
  --bb-v22-campaign-cobalt: #2F67D8;
  --bb-v22-ink: #111318;
  --bb-v22-graphite: #181A1F;
  --bb-v22-graphite-deep: #090B0F;
  --bb-v22-ice: #F4F7FE;
  --bb-v22-sand: #F1E9DD;
  --bb-v22-cloud: #F8F9FB;
  --bb-v22-border: #D5D9E0;
  --bb-v22-cyan: #56C7D9;
  --bb-v22-teal: #62C7B2;
  --bb-v22-green: #78C98D;
  --bb-v22-amber: #F2B85B;
  --bb-v22-space: clamp(1.25rem, 3vw, 2.5rem);
  --bb-v22-content: 1240px;
  --bb-v22-radius: 14px;
  --bb-v22-focus: 0 0 0 3px #FFFFFF, 0 0 0 6px #061B3D;
}

/* Universal V2.2 components — only activated on an opted-in representative page. */
body.bb-v22 { background: #fff; color: var(--bb-v22-ink); }
body.bb-v22 h1, body.bb-v22 h2, body.bb-v22 .title,
body.bb-v22 .section-heading h2 { font-family: var(--bb-font-display, Aileron, sans-serif); letter-spacing: -.035em; }
body.bb-v22 :where(a,button):focus-visible { outline: 3px solid var(--bb-v22-heritage-blue); outline-offset: 3px; box-shadow: var(--bb-v22-focus); }
body.bb-v22 .btn.uza-btn, body.bb-v22 .bb-btn--primary { background: var(--bb-v22-heritage-blue); border-color: var(--bb-v22-heritage-blue); color: #fff; }
body.bb-v22 .btn.uza-btn:hover, body.bb-v22 .bb-btn--primary:hover { background: #0D49A5; border-color: #0D49A5; }
body.bb-v22 .bb-btn--secondary { color: var(--bb-v22-heritage-blue); border-color: var(--bb-v22-heritage-blue); }
body.bb-v22 .bb-btn--secondary:hover { background: #E6EEFC; }

/* Reusable aligned breadcrumb component. */
body.bb-v22 .breadcrumb-area { height: auto; min-height: 0; padding: clamp(7.5rem, 11vw, 10.5rem) 0 clamp(2.5rem, 5vw, 4.75rem); background: var(--bb-v22-cloud); }
body.bb-v22 .breadcrumb-area .breadcumb--con { display:flex; flex-direction:column; gap: .6rem; max-width: 760px; }
body.bb-v22 .breadcrumb-area .breadcumb--con nav { order: 1; }
body.bb-v22 .breadcrumb-area .breadcumb--con .title { order: 2; margin: 0; font-size: clamp(2.55rem, 5vw, 5rem); line-height: .98; color: var(--bb-v22-ink); }
body.bb-v22 .breadcrumb-area .bb-page-intro { order: 3; margin: .25rem 0 0; max-width: 61ch; color: #4A5260; font-size: clamp(1rem, 1.6vw, 1.16rem); line-height: 1.65; }
body.bb-v22 .breadcrumb-area .breadcrumb { margin:0; padding:0; background:transparent; font-family:var(--bb-font-body, sans-serif); font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; }
body.bb-v22 .breadcrumb-area .breadcrumb-item + .breadcrumb-item::before { color:#7B8491; }
body.bb-v22 .breadcrumb-area .breadcrumb a { color:#46505E; text-decoration:none; }
body.bb-v22 .breadcrumb-area .breadcrumb a:hover { color:var(--bb-v22-heritage-blue); }

/* Family 1 — Electric / Campaign Blue: homepage type-led treatment. */
body.bb-v22-home .bb-hero--integrated { isolation:isolate; background:var(--bb-v22-campaign-cobalt); min-height: min(740px, calc(100vh - 70px)); }
body.bb-v22-home .bb-hero--integrated::before { opacity:.34; background-size:76px 76px; }
body.bb-v22-home .bb-hero--integrated::after { border-color:rgba(255,255,255,.17); }
body.bb-v22-home .bb-hero--integrated .bb-label { color:#F7F8FA; font-weight:700; }
body.bb-v22-home .bb-hero--integrated .bb-display { color:#fff; font-size:clamp(3.35rem, 6.9vw, 7.1rem); max-width:10.2ch; line-height:.9; text-wrap:balance; }
body.bb-v22-home .bb-hero--integrated .bb-hero__lead { color:#F7F8FA; font-size:clamp(1.05rem,1.55vw,1.24rem); max-width:48ch; font-weight:500; }
body.bb-v22-home .bb-hero--integrated .bb-notice { background:rgba(9,11,15,.20); border-left-color:#F7F8FA; color:#F7F8FA; }
body.bb-v22-home .bb-hero--integrated .bb-btn--primary { background:var(--bb-v22-heritage-blue); border-color:var(--bb-v22-heritage-blue); }
body.bb-v22-home .bb-hero--integrated .bb-btn--secondary { color:#F7F8FA; border-color:#F7F8FA; background:rgba(9,11,15,.12); }
body.bb-v22-home .bb-hero--integrated .bb-signal-states__tabs { border-top-color:rgba(247,248,250,.42); }
body.bb-v22-home .bb-hero--integrated .bb-signal-states__tab { color:#F7F8FA; }
body.bb-v22-home .bb-hero--integrated .bb-signal-states__tab[aria-selected=true] { color:#fff; border-bottom-color:#fff; }
body.bb-v22-home .bb-hero--integrated .bb-signal-states__panel { filter:saturate(.92) contrast(1.02); mix-blend-mode:multiply; }
body.bb-v22-home .bb-hero--integrated .bb-signal-states__panel figcaption { color:#F7F8FA; }

/* Semantic, one-pass Convergence Signal overlay. */
.bb-v22-convergence { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:1; overflow:visible; }
.bb-v22-convergence .bb-v22-track { fill:none; stroke:rgba(255,255,255,.36); stroke-width:.22; vector-effect:non-scaling-stroke; }
.bb-v22-convergence .bb-v22-flow { fill:none; stroke-width:.42; vector-effect:non-scaling-stroke; stroke-linecap:round; stroke-dasharray:100; stroke-dashoffset:100; opacity:0; }
.bb-v22-convergence .bb-v22-flow--cyan { stroke:var(--bb-v22-cyan); }
.bb-v22-convergence .bb-v22-flow--teal { stroke:var(--bb-v22-teal); }
.bb-v22-convergence .bb-v22-flow--green { stroke:var(--bb-v22-green); }
.bb-v22-convergence .bb-v22-node { opacity:0; }
.bb-v22-convergence.is-running .bb-v22-flow { opacity:1; animation:bb-v22-draw 1.3s cubic-bezier(.16,1,.3,1) forwards; }
.bb-v22-convergence.is-running .bb-v22-flow--teal { animation-delay:.28s; }
.bb-v22-convergence.is-running .bb-v22-flow--green { animation-delay:.56s; }
.bb-v22-convergence.is-running .bb-v22-node { animation:bb-v22-node .22s ease-out forwards; animation-delay:1.15s; }
@keyframes bb-v22-draw { to { stroke-dashoffset:0; } }
@keyframes bb-v22-node { to { opacity:1; } }

/* Family 2 — Dark Signal: services hub. */
body.bb-v22-services .breadcrumb-area { background:var(--bb-v22-graphite-deep); }
body.bb-v22-services .breadcrumb-area .breadcumb--con .title,
body.bb-v22-services .breadcrumb-area .breadcrumb-item.active { color:#F7F8FA !important; }
body.bb-v22-services .breadcrumb-area .bb-page-intro,
body.bb-v22-services .breadcrumb-area .breadcrumb a { color:#D5DAE1 !important; }
/* The official logo artwork carries dark lettering; retain a crisp white nav surface on dark families. */
body.bb-v22-services .main-header-area, body.bb-v22-ai .main-header-area {
  background:#FFFFFF; box-shadow:0 1px 0 rgba(9,11,15,.10);
}
body.bb-v22-services .header-area .classynav > ul > li > a,
body.bb-v22-ai .header-area .classynav > ul > li > a { color:var(--bb-v22-ink) !important; }
body.bb-v22-services .breadcrumb-area .breadcrumb-bg-curve { opacity:.16; filter:grayscale(1) brightness(2); }
body.bb-v22-services .uza-services-area { position:relative; background:var(--bb-v22-graphite); padding-block:clamp(3rem,7vw,6.5rem) !important; }
body.bb-v22-services .uza-services-area::before { content:""; position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(#000,transparent 82%); }
body.bb-v22-services .bb-service-block { position:relative; z-index:1; background:#202329; border-color:rgba(255,255,255,.12); border-radius:var(--bb-v22-radius); padding:1.5rem; }
body.bb-v22-services .bb-service-block h5 a, body.bb-v22-services .bb-service-block p { color:#F7F8FA; }
body.bb-v22-services .bb-service-block p { color:#B9C0CB; }
body.bb-v22-services .bb-service-block__action { color:var(--bb-v22-cyan); }
body.bb-v22-services .bb-service-block__visual { background:#181A1F; border-radius:10px; }

/* Family 3 — Ice Editorial: About. */
body.bb-v22-about .breadcrumb-area, body.bb-v22-about .uza-about-us-area { background:var(--bb-v22-ice); }
body.bb-v22-about .uza-about-us-area { padding-block:clamp(3rem,6vw,6rem) !important; }
body.bb-v22-about .uza-about-us-area .section-heading h2 { font-size:clamp(2rem,4vw,3.65rem); line-height:1; max-width:12ch; }
body.bb-v22-about .about-tab-area .nav-tabs { border-bottom-color:#BFD0F1; gap:.5rem; }
body.bb-v22-about .about-tab-area .nav-tabs .nav-link { border:1px solid transparent; border-radius:999px; color:#344052; padding:.58rem 1rem; }
body.bb-v22-about .about-tab-area .nav-tabs .nav-link.active { background:#fff; border-color:#AFC7F2; color:var(--bb-v22-heritage-blue); }
body.bb-v22-about .uza-why-choose-us-area { background:#fff; padding-block:clamp(3rem,6vw,6rem); }
body.bb-v22-about .choose-us-content .section-heading h2 { font-size:clamp(2rem,4vw,3.3rem); }

/* Family 4 — Performance campaign: high-energy data field without unsafe text contrast. */
body.bb-v22-performance .breadcrumb-area { background:var(--bb-v22-campaign-cobalt); }
body.bb-v22-performance .breadcrumb-area .title { color:#fff; }
body.bb-v22-performance .breadcrumb-area .bb-page-intro, body.bb-v22-performance .breadcrumb-area .breadcrumb a, body.bb-v22-performance .breadcrumb-area .breadcrumb-item.active { color:var(--bb-v22-ink); }
body.bb-v22-performance .bb-service-header-art { filter:hue-rotate(-6deg) saturate(1.08); }
body.bb-v22-performance .bb-service-detail { background:#fff; }
body.bb-v22-performance .service-icon { color:var(--bb-v22-heritage-blue); }
body.bb-v22-performance .bb-service-detail h2 { border-top:1px solid #D7E1F4; padding-top:1.25rem; margin-top:2rem; color:var(--bb-v22-ink); }
body.bb-v22-performance .service-detail-list svg { color:#A56500; }

/* Family 5 — Photo + System (using existing editorial imagery): AI intelligence. */
body.bb-v22-ai .breadcrumb-area { background:var(--bb-v22-graphite-deep); }
body.bb-v22-ai .breadcrumb-area .breadcumb--con .title,
body.bb-v22-ai .breadcrumb-area .breadcrumb-item.active { color:#F7F8FA !important; }
body.bb-v22-ai .breadcrumb-area .bb-page-intro,
body.bb-v22-ai .breadcrumb-area .breadcrumb a { color:#D5DAE1 !important; }
body.bb-v22-ai .bb-service-header-art { filter:brightness(.82) saturate(1.18); }
body.bb-v22-ai .bb-service-detail { position:relative; background:linear-gradient(135deg,#fff 0%,#F4F7FE 100%); }
body.bb-v22-ai .bb-service-detail::before { content:""; position:absolute; right:7%; top:4rem; width:min(42vw,480px); height:280px; pointer-events:none; opacity:.32; background-image:linear-gradient(90deg,rgba(86,199,217,.55) 1px,transparent 1px),linear-gradient(rgba(98,199,178,.5) 1px,transparent 1px); background-size:34px 34px; mask-image:radial-gradient(ellipse at center,#000,transparent 72%); }
body.bb-v22-ai .bb-service-detail .container { position:relative; }
body.bb-v22-ai .service-icon { color:#157D84; }
body.bb-v22-ai .service-detail-list svg { color:#16886F; }

/* Warm Editorial: Blog listing. */
body.bb-v22-blog .breadcrumb-area, body.bb-v22-blog .uza-blog-area, body.bb-v22-blog .blog-area { background:var(--bb-v22-sand); }
body.bb-v22-blog .breadcrumb-area { padding-top:calc(104px + clamp(3.25rem,5vw,5.5rem)) !important; }
body.bb-v22-blog .bbs-blog-hero { padding-top:calc(104px + clamp(2.5rem,4vw,4.5rem)) !important; }
body.bb-v22-blog main { background:var(--bb-v22-sand); }
body.bb-v22-blog .breadcrumb-bg-curve { opacity:.16; filter:sepia(.35) saturate(.7); }
body.bb-v22-blog .single-blog-post, body.bb-v22-blog .single-blog-post .blog-content { background:rgba(255,255,255,.54); }
body.bb-v22-blog .single-blog-post { border:1px solid rgba(17,19,24,.13); border-radius:var(--bb-v22-radius); overflow:hidden; box-shadow:none; }
body.bb-v22-blog .post-title, body.bb-v22-blog .post-title a { color:var(--bb-v22-ink); }
body.bb-v22-blog .post-title a:hover, body.bb-v22-blog .read-more-btn { color:var(--bb-v22-heritage-blue); }
body.bb-v22-blog .bbs-card-image { background:rgba(15,82,186,.04); }

@media (max-width:991px) {
  body.bb-v22-home .bb-hero--integrated { min-height:0; }
  body.bb-v22-home .bb-hero--integrated .bb-hero__copy { max-width:none; }
  body.bb-v22-home .bb-hero--integrated .bb-display { max-width:11ch; }
  body.bb-v22-home .bb-hero--integrated .bb-signal-states__panel { mix-blend-mode:normal; }
  body.bb-v22 .breadcrumb-area { padding-top:7rem; }
  body.bb-v22-services .bb-service-block { padding:1.25rem; }
}
@media (max-width:640px) {
  body.bb-v22-home .bb-hero--integrated .bb-display { font-size:clamp(3rem,15vw,4.6rem); }
  body.bb-v22-home .bb-hero--integrated .bb-signal-states__tabs { display:flex; flex-wrap:wrap; gap:.5rem; }
  body.bb-v22-home .bb-hero--integrated .bb-signal-states__tab { flex:1 1 calc(50% - .5rem); min-width:0; }
  body.bb-v22 .breadcrumb-area .title { font-size:clamp(2.35rem,12vw,3.5rem); }
  body.bb-v22 .breadcrumb-area .breadcrumb { font-size:.67rem; letter-spacing:.055em; }
  body.bb-v22-performance .bb-service-header-art, body.bb-v22-ai .bb-service-header-art { margin-top:.5rem; }
}
/* V2.2 visual correction — original, service-specific system compositions. */
body.bb-v22 .main-header-area,
body.bb-v22 .main-header-area.sticky {
  background:rgba(255,255,255,.98) !important;
  border-bottom:1px solid rgba(9,11,15,.10);
  box-shadow:0 8px 28px rgba(9,11,15,.08);
  backdrop-filter:blur(12px);
}
body.bb-v22 .header-area .classynav > ul > li > a,
body.bb-v22 .header-area .nav-services-toggle { color:var(--bb-v22-ink) !important; }

/* Homepage: copy remains Campaign Cobalt; the visual resolves on a light system surface. */
body.bb-v22-home .bb-hero--integrated {
  background:linear-gradient(90deg,var(--bb-v22-campaign-cobalt) 0 54%,var(--bb-v22-ice) 54% 100%);
}
body.bb-v22-home .bb-hero--integrated::before {
  left:54%; right:0; width:auto; opacity:1; z-index:0;
  background-color:#FFFFFF;
  background-image:linear-gradient(rgba(15,82,186,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(15,82,186,.10) 1px,transparent 1px);
  background-size:48px 48px; background-position:0 0;
  -webkit-mask-image:none; mask-image:none;
}
body.bb-v22-home .bb-hero--integrated::after { left:58%; top:13%; width:37%; border-color:rgba(15,82,186,.18); z-index:0; }
body.bb-v22-home .bb-hero--integrated .bb-hero__copy { padding:clamp(3.25rem,6vw,6.75rem) clamp(1.5rem,4vw,5.5rem) clamp(3rem,5vw,5rem) max(1.5rem,calc((100vw - var(--bb-v22-content))/2)); margin-left:0; }
body.bb-v22-home .bb-hero--integrated .bb-display { font-size:clamp(3.25rem,4.4vw,4.95rem); max-width:10.5ch; overflow-wrap:normal; word-break:normal; hyphens:none; }
body.bb-v22-home .bb-hero--integrated .bb-signal-states__panel { mix-blend-mode:normal; filter:none; }
body.bb-v22-home .bb-hero--integrated .bb-signal-states__panel::before { content:""; position:absolute; inset:8% 7%; border:1px solid rgba(15,82,186,.14); border-radius:18px; background:rgba(255,255,255,.58); }
body.bb-v22-home .bb-hero--integrated .bb-signal-states__panel figcaption { color:#344052; z-index:2; }
body.bb-v22-home .bb-v22-convergence .bb-v22-track { stroke:rgba(15,82,186,.25); }

/* Replace generic people/dashboard art with purpose-specific original SVG system visualisations. */
body.bb-v22-home .bb-card__visual--illustration,
body.bb-v22-services .bb-service-block__visual,
body.bb-v22-home .bb-growth-grid .growth-service-icon,
body.bb-v22-blog .bbs-card-image,
body.bb-v22-about .choose-us-thumbnail {
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
}
body.bb-v22-home .bb-card__visual--illustration picture,
body.bb-v22-services .bb-service-block__visual picture,
body.bb-v22-home .bb-growth-grid .growth-service-icon picture,
body.bb-v22-blog .bbs-card-image picture,
body.bb-v22-about .choose-us-thumbnail picture { display:none !important; }
body.bb-v22-home .bb-card__visual--illustration,
body.bb-v22-services .bb-service-block__visual { min-height:180px; background-color:#F4F7FE !important; border:1px solid rgba(15,82,186,.12); }
body.bb-v22-home .bb-card:nth-child(1) .bb-card__visual--illustration,
body.bb-v22-services .uza-services-area .row > div:nth-child(1) .bb-service-block__visual { background-image:url('/assets/v22/service-performance.svg') !important; }
body.bb-v22-home .bb-card:nth-child(2) .bb-card__visual--illustration,
body.bb-v22-services .uza-services-area .row > div:nth-child(2) .bb-service-block__visual { background-image:url('/assets/v22/service-analytics.svg') !important; }
body.bb-v22-home .bb-card:nth-child(3) .bb-card__visual--illustration,
body.bb-v22-services .uza-services-area .row > div:nth-child(3) .bb-service-block__visual { background-image:url('/assets/v22/service-websites.svg') !important; }
body.bb-v22-home .bb-card:nth-child(4) .bb-card__visual--illustration,
body.bb-v22-services .uza-services-area .row > div:nth-child(4) .bb-service-block__visual { background-image:url('/assets/v22/service-seo.svg') !important; }
body.bb-v22-home .bb-card:nth-child(5) .bb-card__visual--illustration { background-image:url('/assets/v22/service-automation.svg') !important; }
body.bb-v22-home .bb-card:nth-child(6) .bb-card__visual--illustration { background-image:url('/assets/v22/service-ai-intelligence.svg') !important; }
body.bb-v22-services .uza-services-area .row > div:nth-child(5) .bb-service-block__visual { background-image:url('/assets/v22/service-ai-intelligence.svg') !important; }
body.bb-v22-services .uza-services-area .row > div:nth-child(6) .bb-service-block__visual { background-image:url('/assets/v22/service-automation.svg') !important; }
body.bb-v22-home .bb-growth-grid .single-portfolio-slide:nth-child(1) .growth-service-icon { background-image:url('/assets/v22/service-performance.svg') !important; }
body.bb-v22-home .bb-growth-grid .single-portfolio-slide:nth-child(2) .growth-service-icon { background-image:url('/assets/v22/service-analytics.svg') !important; }
body.bb-v22-home .bb-growth-grid .single-portfolio-slide:nth-child(3) .growth-service-icon { background-image:url('/assets/v22/service-websites.svg') !important; }
body.bb-v22-home .bb-growth-grid .single-portfolio-slide:nth-child(4) .growth-service-icon { background-image:url('/assets/v22/service-automation.svg') !important; }
body.bb-v22-home .bb-growth-grid .single-portfolio-slide:nth-child(5) .growth-service-icon { background-image:url('/assets/v22/service-seo.svg') !important; }
body.bb-v22-home .bb-growth-grid .single-portfolio-slide:nth-child(6) .growth-service-icon { background-image:url('/assets/v22/service-ai-intelligence.svg') !important; }

/* About: restore a composed secondary evidence field instead of an empty white tail. */
body.bb-v22-about .uza-why-choose-us-area { position:relative; overflow:hidden; background:linear-gradient(135deg,#FFFFFF 0 55%,#EAF2FF 55% 100%); }
body.bb-v22-about .uza-why-choose-us-area::before { content:""; position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(15,82,186,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(15,82,186,.06) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(90deg,transparent 40%,#000 100%); }
body.bb-v22-about .uza-why-choose-us-area .container { position:relative; }
body.bb-v22-about .choose-us-thumbnail { min-height:330px; margin:0; background-image:url('/assets/v22/about-evidence.svg') !important; background-color:transparent !important; border:0 !important; }

/* Compact, distinct blog system thumbnails and a warm editorial list. */
body.bb-v22-blog .bbs-blog-hero { background:linear-gradient(90deg,#F8F4EC 0 58%,#EAF2FF 58% 100%) !important; padding:calc(104px + clamp(2.5rem,4vw,4.5rem)) 0 clamp(3.5rem,6vw,5.5rem) !important; }
body.bb-v22-blog .bbs-blog-list { padding-block:32px 52px !important; }
body.bb-v22-blog .bbs-grid { gap:20px !important; }
body.bb-v22-blog .bbs-card { border-radius:12px; box-shadow:none; }
body.bb-v22-blog .bbs-card-image { aspect-ratio:16/8 !important; max-height:156px !important; background-color:#F4F7FE !important; }
body.bb-v22-blog .bbs-card-body { padding:14px 16px 16px !important; }
body.bb-v22-blog .bbs-card-body > p:not(.bbs-card-meta) { font-size:.86rem !important; -webkit-line-clamp:2 !important; }
body.bb-v22-blog .bbs-card h2 { font-size:1.02rem !important; margin-bottom:6px !important; }
body.bb-v22-blog .bbs-card:nth-child(1) .bbs-card-image { background-image:url('/assets/v22/blog-seo-audit.svg') !important; }
body.bb-v22-blog .bbs-card:nth-child(2) .bbs-card-image { background-image:url('/assets/v22/blog-google-leads.svg') !important; }
body.bb-v22-blog .bbs-card:nth-child(3) .bbs-card-image { background-image:url('/assets/v22/blog-meta-audience.svg') !important; }
body.bb-v22-blog .bbs-card:nth-child(4) .bbs-card-image { background-image:url('/assets/v22/blog-seo-vs-ads.svg') !important; }
body.bb-v22-blog .bbs-card:nth-child(5) .bbs-card-image { background-image:url('/assets/v22/blog-partner-selection.svg') !important; }
body.bb-v22-blog .bbs-card:nth-child(6) .bbs-card-image { background-image:url('/assets/v22/blog-conversion-checklist.svg') !important; }
body.bb-v22-blog .bbs-card:nth-child(7) .bbs-card-image { background-image:url('/assets/v22/blog-lead-leak.svg') !important; }
body.bb-v22-blog .bbs-card:nth-child(8) .bbs-card-image { background-image:url('/assets/v22/blog-automation.svg') !important; }

@media (max-width:991px) {
  body.bb-v22-home .bb-hero--integrated { background:var(--bb-v22-campaign-cobalt); }
  body.bb-v22-home .bb-hero--integrated::before { left:0; top:auto; height:45%; background:#FFFFFF; opacity:.96; }
  body.bb-v22-home .bb-hero--integrated::after { display:none; }
  body.bb-v22-home .bb-hero--integrated .bb-hero__copy { padding:clamp(3rem,10vw,5rem) var(--bb-v22-space) 2rem; }
  body.bb-v22-home .bb-hero--integrated .bb-signal-states__panel::before { inset:5%; }
  body.bb-v22-home .bb-card__visual--illustration,
  body.bb-v22-services .bb-service-block__visual { min-height:150px; }
}
@media (max-width:640px) {
  body.bb-v22-blog .bbs-card-image { max-height:136px !important; }
  body.bb-v22-blog .bbs-blog-hero { background:#F8F4EC !important; }
}
@media (prefers-reduced-motion:reduce) {
  .bb-v22-convergence .bb-v22-flow { stroke-dashoffset:0; opacity:1; animation:none !important; }
  .bb-v22-convergence .bb-v22-node { opacity:1; animation:none !important; }
}

/* Owner feedback correction: desktop hero has a single bounded copy column inside the existing centred container. */
@media (min-width:992px) {
  body.bb-v22-home .bb-hero--integrated .bb-hero__copy {
    box-sizing:border-box;
    width:min(54%,650px);
    max-width:none;
    min-width:0;
    margin:0;
    padding:clamp(4.5rem,7vw,7.25rem) clamp(2rem,3vw,3.25rem) clamp(3.5rem,5vw,5rem);
  }
  body.bb-v22-home .bb-hero--integrated .bb-display {
    max-width:none;
    font-size:clamp(3.55rem,4.25vw,4.9rem);
    line-height:.94;
    text-wrap:balance;
  }
  body.bb-v22-home .bb-hero--integrated .bb-hero__lead { max-width:43ch; }
  body.bb-v22-home .bb-hero--integrated .bb-hero__capabilities { max-width:none; }
  body.bb-v22-home .bb-hero--integrated .bb-signal-states__panel {
    right:max(1.25rem,calc((100vw - var(--bb-v22-content))/2));
    width:min(40vw,520px);
    height:auto;
    max-width:none;
  }
}

/* Service cards inherit the approved blog-thumbnail language, on an intentionally light reading surface. */
body.bb-v22-services .uza-services-area {
  position:relative;
  isolation:isolate;
  background:#F8F9FB !important;
}
body.bb-v22-services .uza-services-area::before {
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background-image:linear-gradient(rgba(15,82,186,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(15,82,186,.045) 1px,transparent 1px);
  background-size:52px 52px; mask-image:linear-gradient(90deg,transparent 0 18%,#000 50% 100%);
}
body.bb-v22-services .bb-service-block {
  height:100%; background:#FFFFFF !important; border:1px solid #DDE5F3 !important;
  box-shadow:0 10px 22px rgba(9,11,15,.045) !important;
}
body.bb-v22-services .bb-service-block h3,
body.bb-v22-services .bb-service-block h4,
body.bb-v22-services .bb-service-block a { color:#111318 !important; }
body.bb-v22-services .bb-service-block p { color:#5E6470 !important; }
body.bb-v22-services .bb-service-block__visual {
  background-color:#F4F7FE !important; border-color:#C7D8F6 !important;
}

/* AI: quiet the header visual and retain a single explanatory note in the document flow. */
body.bb-v22-ai .bb-service-header-art {
  width:min(28vw,390px) !important;
  max-width:390px !important;
  background-image:url('/assets/v22/ai-header-intelligence.svg') !important;
  filter:none !important;
  opacity:.92;
}
body.bb-v22-ai .bb-service-header-note { color:#5E6470; }

/* About: align the breadcrumb with its content grid and add a restrained evidence field. */
body.bb-v22-about .breadcrumb-area {
  min-height:252px; padding:0 !important; position:relative; overflow:hidden;
  background:#F4F7FE !important;
}
body.bb-v22-about .breadcrumb-area::before {
  content:""; position:absolute; inset:0 0 0 52%; pointer-events:none;
  background-image:linear-gradient(rgba(15,82,186,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(15,82,186,.08) 1px,transparent 1px);
  background-size:48px 48px; opacity:.75;
}
body.bb-v22-about .breadcrumb-area .container,
body.bb-v22-about .breadcrumb-area .row { min-height:252px; }
body.bb-v22-about .breadcrumb-area .breadcumb--con { position:relative; z-index:1; padding-bottom:2.75rem; }
body.bb-v22-about .breadcrumb-area .breadcrumb { margin-bottom:.8rem; }
body.bb-v22-about .uza-about-us-area { padding-block:clamp(4rem,7vw,6.5rem) !important; }
body.bb-v22-about .about-us-content { position:relative; }
body.bb-v22-about .about-us-content::before { content:""; display:block; width:72px; height:3px; margin:0 0 1.5rem; background:#0F52BA; }

@media (max-width:991px) {
  body.bb-v22-home .bb-hero--integrated .bb-hero__copy { width:100%; max-width:none; margin:0; }
  body.bb-v22-home .bb-hero--integrated .bb-display { max-width:none; overflow-wrap:normal; word-break:normal; }
  body.bb-v22-about .breadcrumb-area,
  body.bb-v22-about .breadcrumb-area .container,
  body.bb-v22-about .breadcrumb-area .row { min-height:220px; }
  body.bb-v22-about .breadcrumb-area .breadcumb--con { padding-bottom:2rem; }
  body.bb-v22-ai .bb-service-header-art { opacity:.72; }
}
@media (max-width:640px) {
  body.bb-v22-home .bb-hero--integrated .bb-display { font-size:clamp(3rem,14vw,4.25rem); line-height:.95; }
  body.bb-v22-about .breadcrumb-area::before { left:36%; }
}