@layer pages {
  @property --dr-sweep { syntax: "<angle>"; inherits: false; initial-value: 180deg; }
  @property --dr-drift { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
  @keyframes tl-rise {
    from { translate: 0 calc(100% + .2em); clip-path: inset(-.3em -1em 100% -1em); }
    to   { translate: 0 0;                 clip-path: inset(-.3em -1em -.25em -1em); }
  }
  @keyframes tl-pop {
    0%   { scale: 0; opacity: 0; }
    60%  { scale: 1.3; opacity: 1; }
    100% { scale: 1; opacity: 1; }
  }
  @keyframes tl-coil  { from { transform: translateY(calc(var(--i) * -6px)); } to { transform: translateY(calc(var(--i) * 4px)); } }
  @keyframes tl-orbit { from { transform: translateY(calc(var(--i) * -6px)) rotate(-14deg); } to { transform: translateY(calc(var(--i) * 4px)) rotate(14deg); } }
  @keyframes tl-settle { from { transform: translate(-24px, 24px); } to { transform: none; } }
  @keyframes tls-par { from { translate: 0 calc(var(--d) * var(--tls-k) * 1px); } to { translate: 0 calc(var(--d) * var(--tls-k) * -1px); } }
  @keyframes dr-sweep { from { --dr-sweep: 0deg; } to { --dr-sweep: 180deg; } }
  @keyframes dr-grow { from { scale: 0; } to { scale: 1; } }
  @keyframes dr-float { from { --dr-drift: 8deg; } to { --dr-drift: -8deg; } }
  @keyframes tl-head-cta { from { opacity: 0; visibility: hidden; } to { opacity: 1; visibility: visible; } }
  [data-page="home"] {
    --tl-gap: var(--col-gap);
    --tl-hang: clamp(96px, 24px + 8vw, 144px);
    --tl-lap: 72px;
    --tl-rw: clamp(160px, 15vw, 220px);
    --tl-cov: 72px;
    --tl-lit-close: linear-gradient(180deg, var(--purple-600) 0%, var(--purple-800) 56%, var(--purple-900) 100%);
    --tls-g: clamp(16px, 2vw, 24px);
    --tls-row-gap: clamp(72px, 40px + 5vw, 128px);
    --tls-k: 1;
    bb-numbers, bb-wire { display: block; }
    bb-pass, bb-live { display: contents; }
    .link, .case-link { min-height: 24px; }
    .tlc-sec { padding-block: var(--section-pad); }
    .tl-hero { background: var(--bb-white) var(--fill-wash); padding: clamp(24px, 2px + 4.4vw, 64px) 0 0; }
    .tl-h1 { --fs-poster: clamp(36px, 12px + 4.75vw, 80px); }
    .tl-h1__a, .tl-h1__b, .tl-ln { display: block; }
    .tl-ln { white-space: nowrap; }
    .tl-br { display: none; }
    .tl-h1__b { margin-top: .12em; text-align: right; }
    @media (width >= 640px) {
      .tl-h1__b { width: max-content; max-width: 100%; margin-left: 4em; }
    }
    .tl-stop { display: inline-block; }
    .tl-mast {
      display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--tl-gap); align-items: end;
      margin-top: clamp(24px, 4px + 2.8vw, 44px);
    }
    .tl-mast__lede { grid-column: 1 / 7; max-width: 30ch; color: var(--ink); }
    .tl-mast__act { grid-column: 8 / 13; justify-content: flex-end; }
    .tl-logos { margin-top: clamp(20px, 2.2vw, 32px); padding-block: var(--s4); border-top-color: var(--bb-line); }
    .tlc-results { --fs-giant: clamp(64px, 24px + 6.1vw, 112px); padding-block: var(--section-pad); overflow: clip; }
    .tlc-results__h { margin-bottom: clamp(28px, 8px + 2.8vw, 48px); }
    .tlc-res { align-items: start; }
    .tlc-res .result__who { font-size: var(--fs-24); }
    .tlc-res .result__what { font-size: var(--fs-20); }
    .tlc-res .result__when { font-size: var(--fs-16); }
    .tl-num { padding-top: .04em; }
    .tl-num :is(.site-num__s, .site-num__f) { display: inline-block; }
    @media (width >= 900px) {
      .tlc-res-list { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 0; }
      .tlc-res {
        grid-column: auto; grid-template-columns: minmax(0, 1fr); align-content: start; row-gap: var(--s4);
        padding-inline: clamp(24px, 3vw, 48px);
      }
      .tlc-res:first-child { padding-left: 0; }
      .tlc-res:last-child { padding-right: 0; }
      .tlc-res + .tlc-res { border-left: 1px solid var(--line); }
      .tlc-res .result__meta { max-width: none; padding-bottom: 0; }
    }
    @media (640px <= width < 900px) {
      .tlc-res .result__meta { padding: .5em 0 0; }
    }
    .tl-feature {
      display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: clamp(24px, 3vw, 48px); row-gap: var(--s4);
      align-items: center; margin-top: clamp(40px, 12px + 3vw, 64px);
    }
    .tl-feature > .face { --f: clamp(88px, 56px + 4vw, 128px); --d: 16px; grid-row: 1 / 3; }
    .tl-feature__q p {
      max-width: 34ch; font-size: var(--fs-32); line-height: 1.3; font-weight: var(--fw-medium); color: var(--ink);
      text-indent: -.4em; text-wrap: pretty;
    }
    .tl-feature .tl-who { align-self: start; }
    .tl-who { display: grid; gap: 2px; font-size: var(--fs-14); line-height: 1.35; color: var(--text); }
    .tl-who b { font-size: var(--fs-16); color: var(--ink); }
    @media (width < 640px) {
      .tl-feature { grid-template-columns: minmax(0, 1fr); }
      .tl-feature > .face { grid-row: auto; --f: 80px; --d: 12px; }
    }
    .tl-stage { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto var(--tl-hang); }
    .tl-stage__panel { grid-area: 1 / 1; }
    .tl-panel__chat { grid-area: 1 / 1 / 3 / 2; align-self: end; justify-self: end; position: relative; z-index: 1; width: 30.5%; margin-right: 3%; }
    @media (width >= 1280px) {
      .tl-stage .tl-panel__dash { width: 62%; margin-right: 0; border-top-right-radius: var(--radius-3); }
    }
    @media (width < 1280px) {
      .tl-stage { grid-template-rows: auto auto; }
      .tl-panel__chat { grid-area: 2 / 1; align-self: start; width: min(62%, 460px); margin: calc(var(--tl-lap) * -1) 4% 0 0; }
    }
    .tl-split__lede { margin-top: var(--s5); max-width: 52ch; }
    .tl-split__list {
      display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s6) var(--tl-gap);
      margin-top: clamp(32px, 12px + 2.8vw, 56px);
    }
    .tl-split__list li { display: grid; gap: var(--s3); align-content: start; padding-top: var(--s5); }
    .tl-split__list h3 { font-size: var(--fs-24); line-height: 1.2; font-weight: var(--fw-display); color: var(--ink); }
    .tl-split__list p { max-width: 36ch; font-size: var(--fs-18); line-height: 1.5; color: var(--text); text-wrap: pretty; }
    .tlc-wire { --tlc-dot-d: 10px; position: relative; }
    .tlc-wire > li { position: relative; }
    .tlc-wire > li::before, .tlc-wire > li::after { content: ""; position: absolute; pointer-events: none; }
    .tlc-wire > li::after {
      left: 0; top: 0; width: calc(100% + var(--tl-gap)); height: 1px; background: var(--home-wire);
      transform-origin: 0 50%; scale: var(--tlc-seg, 1) 1;
    }
    .tlc-wire > li:last-child::after { width: 100%; }
    .tlc-wire > li::before {
      left: 0; top: calc(var(--tlc-dot-d) / -2 + .5px); z-index: 1;
      width: var(--tlc-dot-d); height: var(--tlc-dot-d); border-radius: 50%; background: var(--home-wire);
      scale: var(--tlc-dot, 1);
    }
    @media (width < 640px) {
      .tl-split__list { grid-template-columns: minmax(0, 1fr); }
      .tlc-wire > li { padding: 0 0 0 28px; }
      .tlc-wire > li::before { top: calc(var(--fs-24) * .6 - var(--tlc-dot-d) / 2); }
      .tlc-wire > li::after {
        left: calc(var(--tlc-dot-d) / 2 - .5px); top: calc(var(--fs-24) * .6);
        width: 1px; height: calc(100% + var(--s6)); transform-origin: 50% 0; scale: 1 var(--tlc-seg, 1);
      }
      .tlc-wire > li:last-child::after { display: none; }
    }
    .tls-team { position: relative; isolation: isolate; overflow: clip; }
    .tls-mark {
      --d: -44; --w: clamp(320px, 40vw, 600px);
      position: absolute; z-index: -1; left: calc(var(--w) * -.18); bottom: calc(var(--w) * -.3); width: var(--w);
      opacity: .2; pointer-events: none;
    }
    .tls-mark img { width: 100%; height: auto; }
    .tls-team__in { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--tls-g); align-items: start; }
    .tls-team__copy { grid-column: 1 / span 5; display: grid; justify-items: start; }
    .tls-team__lede { margin-top: var(--s5); }
    .tls-team__more { margin-top: var(--s5); }
    .tls-svc {
      justify-self: stretch; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--s5);
      margin-top: clamp(32px, 3.4vw, 48px);
    }
    .tls-svc li {
      padding-block: var(--s3); border-top: 1px solid var(--line);
      font-size: var(--fs-18); line-height: 1.35; font-weight: var(--fw-medium); color: var(--ink);
    }
    .tls-svc li:nth-last-child(-n + 2) { border-bottom: 1px solid var(--line); }
    .tls-team__fig { grid-column: 7 / span 6; display: grid; gap: var(--s3); min-width: 0; }
    .tls-under { margin-top: var(--s5); }
    .tls-cap__t { font-size: var(--fs-20); line-height: 1.3; font-weight: var(--fw-strong); color: var(--ink); }
    .tls-cap p { margin-top: 2px; max-width: 46ch; font-size: var(--fs-16); color: var(--text); text-wrap: pretty; }
    .pu .tls-ag {
      display: inline-block; width: 1.15em; height: 1.15em; flex: none; background: var(--pu-p);
      -webkit-mask: var(--tls-ag) center / contain no-repeat; mask: var(--tls-ag) center / contain no-repeat;
    }
    .tls-ag--radar { --tls-ag: url("/assets/img/agents/agent-radar.svg?v=ee531239"); }
    .tls-ag--stats { --tls-ag: url("/assets/img/agents/agent-stats-search.svg?v=45051d56"); }
    .tls-plat { overflow-x: clip; }
    .tls-rows { display: grid; row-gap: var(--tls-row-gap); }
    .tls-row { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--tls-g); align-items: center; }
    .tls-row__text, .tls-row__fig { grid-row: 1; min-width: 0; }
    .tls-row__fig { position: relative; }
    .tls-row--comp .tls-row__text { grid-column: 1 / span 4; }
    .tls-row--comp .tls-row__fig { grid-column: 5 / span 8; }
    .tls-row--audit .tls-row__fig { grid-column: 1 / span 7; }
    .tls-row--audit .tls-row__text { grid-column: 9 / span 4; }
    .tls-row__text p { margin-top: var(--s4); font-size: var(--fs-18); line-height: 1.5; color: var(--text); max-width: 36ch; }
    .tls-row__text h3 + p { margin-top: var(--s5); }
    .tls-row__text .btn { margin-top: var(--s6); }
    .tls-ring__from { stop-color: var(--pu-gauge-from); }
    .tls-ring__to { stop-color: var(--pu-gauge-to); }
    .dr-where { --dr-tile-edge: inset 0 0 0 1px var(--bb-line), var(--pu-shadow); }
    .dr-where__in { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--s6) var(--s7); align-items: center; }
    .dr-where__copy { align-self: start; }
    .dr-where__copy .lede { margin-top: var(--s5); }
    .dr-where__map { container-type: inline-size; align-self: start; margin-top: calc(var(--section-pad) * -1); }
    .dr-orbit {
      --k1: .24; --k2: .35; --k3: .48; --tile: clamp(40px, 3.6vw, 52px);
      --r0: 19%; --rs: 3%; --rl: 16%;
      position: relative; height: calc(var(--k3) * 100cqw);
    }
    .dr-ring {
      position: absolute; left: 50%; top: 0; width: calc(var(--k) * 200cqw); aspect-ratio: 1; translate: -50% -50%;
      border: 1px solid var(--home-ring); border-radius: 50%; scale: -1 1; pointer-events: none;
      -webkit-mask: conic-gradient(from 90deg, currentColor var(--dr-sweep), transparent 0);
              mask: conic-gradient(from 90deg, currentColor var(--dr-sweep), transparent 0);
    }
    .dr-ring:nth-child(1) { --k: var(--k1); --ri: 0; }
    .dr-ring:nth-child(2) { --k: var(--k2); --ri: 1; }
    .dr-ring:nth-child(3) { --k: var(--k3); --ri: 2; }
    .dr-orbit__tiles { position: absolute; inset: 0; }
    .dr-tile {
      --a-now: var(--a);
      position: absolute; left: calc(50% + cos(var(--a-now)) * var(--k) * 100cqw); top: calc(sin(var(--a-now)) * var(--k) * 100cqw);
      translate:
        calc(-50% + (cos(var(--a-now) + var(--dr-drift, 0deg)) - cos(var(--a-now))) * var(--k) * 100cqw)
        calc(-50% + (sin(var(--a-now) + var(--dr-drift, 0deg)) - sin(var(--a-now))) * var(--k) * 100cqw);
      display: flex; align-items: center; justify-content: center; gap: 8px;
      min-width: var(--tile); height: var(--tile); padding: 0 calc(var(--tile) * .22);
      border-radius: var(--radius-2); background: var(--bb-white); color: var(--bb-ink);
      box-shadow: var(--dr-tile-edge);
    }
    .dr-tile--google-ads { --k: var(--k3); --ri: 2; --a: 155deg; --as: 150deg; --p: .14; }
    .dr-tile--google-shopping { --k: var(--k3); --ri: 2; --a: 125deg; --as: 128deg; --p: .31; }
    .dr-tile--microsoft-ads { --k: var(--k3); --ri: 2; --a: 55deg; --as: 52deg; --p: .69; }
    .dr-tile--meta { --k: var(--k3); --ri: 2; --a: 25deg; --as: 30deg; --p: .86; }
    .dr-tile--linkedin { --k: var(--k1); --ri: 0; --a: 140deg; --as: 145deg; --p: .22; }
    .dr-tile--chatgpt { --k: var(--k1); --ri: 0; --a: 40deg; --as: 35deg; --p: .78; }
    .dr-tile--seo { --k: var(--k1); --ri: 0; --a: 90deg; --as: 90deg; --p: .5; }
    .dr-tile--gemini { --k: var(--k2); --ri: 1; --a: 75deg; --as: 65deg; --p: .58; }
    .dr-tile--claude { --k: var(--k2); --ri: 1; --a: 105deg; --as: 115deg; --p: .42; }
    .dr-tile img { width: auto; height: calc(var(--tile) * .46); max-width: calc(var(--tile) * .62); }
    .dr-tile--wide span { font-size: var(--fs-16); font-weight: var(--fw-strong); letter-spacing: var(--tr-small); }
    .dr-tile--seo { font-size: var(--fs-14); font-weight: 700; letter-spacing: .02em; color: var(--bb-purple-text); }
    @supports not (top: calc(sin(30deg) * 1px)) {
      .dr-where__map { margin-top: 0; }
      .dr-orbit { height: auto; }
      .dr-ring { display: none; }
      .dr-orbit__tiles { position: static; display: flex; flex-wrap: wrap; gap: 12px; }
      .dr-tile { position: static; translate: none; }
    }
    .tl-voices { position: relative; isolation: isolate; overflow: clip; }
    .tl-voices__h { margin-bottom: clamp(24px, 8px + 1.8vw, 32px); }
    .tlc-wave {
      position: absolute; z-index: -1; left: 50%; bottom: 8px; translate: -50% 0;
      width: max(100%, 900px); height: auto; aspect-ratio: 1920 / 600; max-width: none; pointer-events: none;
    }
    .tlc-wave__a { fill: var(--purple-200); fill-opacity: .34; }
    .tlc-wave__b { fill: var(--purple-200); fill-opacity: .42; }
    .tl-voices__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--tl-gap); }
    .tl-voices__list > li { display: grid; }
    .tl-voice {
      position: relative; display: grid; grid-template-rows: 1fr auto; gap: var(--s5); height: 100%;
      padding: clamp(20px, 2.2vw, 32px); border-radius: var(--radius-3); background: var(--bb-white);
      box-shadow: var(--shadow-picture);
    }
    .tl-voice::before {
      content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; pointer-events: none;
      background: var(--home-voice-edge);
      -webkit-mask: linear-gradient(currentColor 0 0) content-box, linear-gradient(currentColor 0 0); -webkit-mask-composite: xor;
              mask: linear-gradient(currentColor 0 0) content-box, linear-gradient(currentColor 0 0); mask-composite: exclude;
    }
    .tl-voice__q p {
      max-width: 40ch; font-size: var(--fs-18); line-height: 1.5; color: var(--ink); text-indent: -.4em; text-wrap: pretty;
    }
    .tl-voice__who { display: flex; align-items: center; gap: var(--s4); }
    .tl-voices .face { --f: 52px; --d: 10px; --rw: 1px; border-color: var(--bb-text); }
    .tl-close {
      position: relative; isolation: isolate; overflow: clip;
      display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto var(--tl-cov) auto;
    }
    .tl-close__band {
      grid-row: 3; grid-column: 1; min-height: calc(var(--tl-rw) * 1.247 + var(--s6));
      background: var(--purple-900) var(--tl-lit-close); box-shadow: var(--edge-light);
    }
    .tl-close__head, .tl-close__in { grid-column: 1; position: relative; z-index: 1; }
    .tl-close__head { grid-row: 1; padding-top: var(--section-pad); padding-bottom: clamp(24px, 8px + 1.6vw, 32px); }
    .tl-close__in {
      grid-row: 2 / 4; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--tl-gap);
      align-items: start; padding-bottom: var(--section-pad);
    }
    .tl-card { grid-column: 1 / 8; display: grid; justify-items: start; }
    .tl-card .form-card__head { justify-self: stretch; }
    .tl-rings, .tl-slats { position: absolute; z-index: 0; bottom: 0; pointer-events: none; }
    .tl-slats {
      right: calc(max(var(--gutter), (100% - var(--wrap-width)) / 2) - 8px + var(--tl-rw) * .5); width: calc(var(--tl-rw) * 1.096); aspect-ratio: 320 / 403;
      background: url("/assets/img/illustrations/app-ribbon.svg?v=d5fdda35") no-repeat center bottom / contain;
    }
    .tl-rings {
      right: calc(max(var(--gutter), (100% - var(--wrap-width)) / 2) - 8px);
      width: var(--tl-rw); height: auto; aspect-ratio: 292 / 364; overflow: visible; color: var(--bb-white);
    }
    .tl-ring-dots--0 { --i: 0; transform-origin: 146.3px 145.9px; }
    .tl-ring-dots--4 { --i: 4; transform-origin: 146.3px 245.2px; }
    @media (900px <= width < 1280px) {
      .tls-row--comp .tls-row__text { grid-column: 1 / span 5; }
      .tls-row--comp .tls-row__fig { grid-column: 6 / span 7; }
      .tls-row--audit .tls-row__fig { grid-column: 1 / span 7; }
      .tls-row--audit .tls-row__text { grid-column: 8 / span 5; }
    }
    @media (width < 1120px) {
      .tl-voices__list { grid-template-columns: minmax(0, 40rem); row-gap: var(--s5); }
    }
    @media (width < 900px) {
      .tl-mast__lede { grid-column: 1 / 8; }
      .tl-mast__act { grid-column: 8 / 13; flex-direction: column; align-items: flex-end; }
      .tls-team__copy, .tls-team__fig { grid-column: 1 / -1; }
      .tls-team__copy { max-width: 40em; }
      .tls-team__fig { margin-top: var(--s8); max-width: 600px; }
      .tls-mark { left: auto; right: calc(var(--w) * -.3); bottom: auto; top: calc(var(--w) * -.15); }
      .tls-row { grid-template-columns: minmax(0, 1fr); row-gap: var(--s6); }
      .tls-row .tls-row__text, .tls-row .tls-row__fig { grid-column: 1; grid-row: auto; }
      .tls-row__text p { max-width: 40ch; }
      .tls-row--audit .tls-row__fig { margin-right: 8%; }
      .dr-where__in { grid-template-columns: minmax(0, 1fr); }
      .dr-where__map { margin-top: var(--s5); }
      .tl-card { grid-column: 1 / -1; width: 100%; max-width: 620px; }
      .tl-close__in { padding-bottom: max(var(--section-pad), calc(var(--tl-rw) * 1.247 + var(--s5))); }
    }
    @media (width < 640px) {
      --tls-k: .5; --tl-lap: 40px;
      .tl-hero { padding-top: var(--s6); }
      .tl-ln { white-space: normal; }
      .tl-br { display: inline; }
      .tl-h1__b { margin-top: .2em; text-align: left; }
      .tl-mast { grid-template-columns: minmax(0, 1fr); row-gap: var(--s5); margin-top: var(--s6); }
      .tl-mast__lede, .tl-mast__act { grid-column: 1 / -1; }
      .tl-mast__lede { font-size: var(--fs-18); }
      .tl-mast__act { flex-direction: column; align-items: stretch; }
      .tl-logos { margin-top: var(--s7); }
      .tlc-res .result__who { font-size: var(--fs-20); }
      .tlc-res .result__what { font-size: var(--fs-18); }
      .tl-stage__panel { padding-inline: 20px; }
      .tl-stage__panel .frame__screen { margin-right: 0; border-top-right-radius: var(--radius-3); }
      .tl-panel__dash :is(.pu-kpi:nth-child(-n+2), .pu-head__end) { display: none; }
      .tl-panel__chat { justify-self: end; width: 88%; margin: calc(var(--tl-lap) * -1) 0 0; }
      .tl-panel__chat :is(.pu-trail, .pu-chips, .pu-input, .pu-disc) { display: none; }
      .tls-svc { grid-template-columns: minmax(0, 1fr); }
      .tls-svc li { padding-block: 10px; font-size: var(--fs-16); }
      .tls-svc li:nth-last-child(2) { border-bottom: 0; }
      .tls-mark { --w: 280px; right: -90px; top: -40px; }
      .tls-row--audit .tls-row__fig { margin-right: 0; }
      .tls-row__text p { font-size: var(--fs-16); }
      .tls-row__text .btn { margin-top: var(--s5); }
      .tls-row--comp .pu-scene--lit > .panel { grid-area: 1 / 1; padding: 2em 20px 3.6em; }
      .tls-row--comp .pu-scene--lit > .panel > .pu-app { margin: 0; border-radius: var(--radius-3); }
      .tls-row--comp :is(.pu-tabs, .pu-head__end, .pu-you, .pu-sa__stats) { display: none; }
      .tls-row--comp .pu-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .tls-row--comp .pu-stat__l { white-space: normal; }
      .tls-row--comp .pu-comp th { white-space: normal; }
      .tls-row--comp .pu-comp th:nth-child(1) { width: 66%; }
      .tls-row--comp .pu-comp :is(th, td) { padding-inline: .8em; }
      .tls-row--comp .pu-scene--lit .pu-alert { grid-area: 1 / 1; align-self: start; justify-self: end; margin: -1.1em 1em 0 0; }
      .tls-row--comp .pu-scene--lit .pu-sa { grid-area: 2 / 1; width: auto; margin: -2.6em 0 0 1.2em; }
      .dr-orbit { --k1: .26; --k2: .38; --k3: .49; --tile: 36px; }
      .dr-tile { --a-now: var(--as, var(--a)); padding: 0; }
      .dr-tile--wide { width: var(--tile); }
      .dr-tile--wide span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
      .dr-tile--seo { font-size: var(--fs-12); }
      .tl-card { padding-inline: var(--s4); }
      .link, .case-link { min-height: 44px; }
      .tl-hero { min-height: calc(100svh - var(--header-h) - 68px); }
    }
    @media screen and (prefers-reduced-motion: no-preference) {
      &.js:not(.rm) .tl-ln { animation: tl-rise .9s var(--ease) .1s backwards; }
      &.js:not(.rm) .tl-h1__a .tl-ln + .tl-ln { animation-delay: .18s; }
      &.js:not(.rm) .tl-h1__b .tl-ln:first-child { animation-delay: .26s; }
      &.js:not(.rm) .tl-h1__b .tl-ln + .tl-ln { animation-delay: .34s; }
      &.js:not(.rm) .tl-stop { transform-origin: 50% 82%; animation: tl-pop .45s cubic-bezier(.3, 0, .3, 1) .9s backwards; }
      &.js:not(.rm) .tl-h1__b .tl-stop { animation-delay: 1s; }
      &:not(.rm) bb-numbers.is-armed .site-fig:not(.is-in) :is(.site-num__s, .site-num__f) { clip-path: inset(0 0 100% 0); }
      &:not(.rm) bb-numbers.is-armed .site-fig.is-in :is(.site-num__s, .site-num__f) { animation: tl-rise 1.1s var(--ease) var(--site-d, 0s) backwards; }
      &:not(.rm) bb-numbers.is-armed .site-fig.is-in .site-num__f { animation-delay: calc(var(--site-d, 0s) + .14s); }
      &:not(.rm) bb-numbers.is-armed .site-fig.site-now :is(.site-num__s, .site-num__f) { animation: none; }
      @supports (animation-timeline: view()) {
        &.js:not(.rm) .tls-team { view-timeline: --tls-pass block; }
        &.js:not(.rm) .tls-mark { animation: tls-par linear both; animation-timeline: --tls-pass; animation-range: cover 0% cover 60%; }
        &.js:not(.rm) .dr-where { view-timeline: --dr-where block; }
        &.js:not(.rm) bb-live.is-live .dr-ring {
          animation: dr-sweep linear both; animation-timeline: --dr-where;
          animation-range: cover calc(var(--r0) + var(--ri) * var(--rs)) cover calc(var(--r0) + var(--ri) * var(--rs) + var(--rl));
        }
        &.js:not(.rm) bb-live.is-live .dr-tile {
          animation: dr-grow var(--ease) both, dr-float linear both;
          animation-timeline: --dr-where, --dr-where;
          animation-range:
            cover calc(var(--r0) + var(--ri) * var(--rs) + var(--p) * var(--rl) - 2%) cover calc(var(--r0) + var(--ri) * var(--rs) + var(--p) * var(--rl) + 4%),
            cover 0% cover 100%;
        }
        &.js:not(.rm) .tl-close { timeline-scope: --tl-draw; }
        &.js:not(.rm) .tl-rings { view-timeline: --tl-draw block; }
        &.js:not(.rm) :is(.tl-ring, .tl-ring-dots, .tl-slats) {
          animation-timeline: --tl-draw; animation-fill-mode: both; animation-timing-function: linear; animation-duration: auto;
          animation-range: entry 10% cover 50%;
        }
        &.js:not(.rm) .tl-ring { animation-name: tl-coil; }
        &.js:not(.rm) .tl-ring-dots { animation-name: tl-orbit; }
        &.js:not(.rm) .tl-slats { animation-name: tl-settle; }
      }
      @supports (animation-timeline: view()) {
        @media (width < 640px) {
          &.js:not(.rm) { timeline-scope: --tl-cta; }
          &.js:not(.rm) .tl-mast__act .btn { view-timeline: --tl-cta block; }
          &.js:not(.rm) .site-head__end .btn {
            animation: tl-head-cta steps(1, jump-end) both; animation-timeline: --tl-cta; animation-range: exit 0% exit 100%;
          }
        }
      }
      @supports not (animation-timeline: view()) {
        &.js:not(.rm) .tls-mark { translate: 0 calc(var(--d) * var(--tls-k) * (1 - 2 * var(--pass, 0)) * 1px); }
        &.js:not(.rm) .tl-ring { transform: translateY(calc(var(--i) * (-6px + 10px * var(--pass, 1)))); }
        &.js:not(.rm) .tl-ring-dots { transform: translateY(calc(var(--i) * (-6px + 10px * var(--pass, 1)))) rotate(calc(-14deg + 28deg * var(--pass, 1))); }
        &.js:not(.rm) .tl-slats { transform: translate(calc(-24px * (1 - var(--pass, 1))), calc(24px * (1 - var(--pass, 1)))); }
      }
    }
    @media print {
      .tl-rings, .tl-slats, .tlc-wave, .tls-mark { display: none; }
      :is(.site-num__s, .site-num__f, .tl-ln) { clip-path: none !important; translate: none !important; animation: none !important; }
      .tlc-wire > li { --tlc-seg: 1 !important; --tlc-dot: 1 !important; }
    }
  }
}
@layer tokens {
  :root {
    --home-wire: #d3d3ff;
    --home-ring: rgba(99, 102, 250, .28);
    --home-voice-edge: linear-gradient(135deg, #b8bef0, #e5e7ff 50%, #7be0c8);
  }
}
@layer sections {
  .logos {
    display: flex; align-items: center; gap: var(--s5) var(--gap-wide);
    padding-block: var(--s6); border-top: 1px solid var(--line);
  }
  .logos__t { flex: none; max-width: 15ch; font-size: var(--fs-16); line-height: 1.35; font-weight: var(--fw-medium); color: var(--ink); }
  .logos__list { flex: 1; display: flex; flex-wrap: wrap; align-items: center; gap: var(--s5) clamp(40px, 5vw, 72px); }
  .logos__list li { display: flex; align-items: center; }
  .logo { width: auto; height: 24px; object-fit: contain; object-position: left center; filter: brightness(0); opacity: .7; }
  .logo--storytel { height: 40px; }
  .logo--eletive { height: 19px; }
  .logo--mape { height: 32px; }
  .logo--opr { height: 34px; }
  .logo--soder { height: 18px; }
  .logo--countryside { height: 34px; }
  .logo--dropin { height: 34px; }
  .logo--omecon { height: 24px; }
  .logo--bodylab { height: 21px; }
  .logo--amity { height: 27px; }
  .logo--blique { height: 32px; }
  .logo--tuc { height: 30px; }
  .band .logo { filter: brightness(0) invert(1); opacity: .9; }
  .logos--move { --logos-gap: clamp(40px, 4.4vw, 64px); --logos-dur: 72s; }
  .logos--move .logos__view { flex: 1; min-width: 0; border-radius: var(--radius-1); }
  .logos--move .logos__track { display: flex; }
  .logos--move .logos__list { flex: 1; display: grid; grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)); gap: var(--s6) var(--s5); }
  .logos--move .logos__list[aria-hidden="true"] { display: none; }
  @keyframes logos-crawl { to { translate: -50% 0; } }
  @media (prefers-reduced-motion: no-preference) {
    html:not(.rm) .logos--move .logos__view { overflow: hidden; }
    html:not(.rm) .logos--move .logos__track { width: max-content; animation: logos-crawl var(--logos-dur) linear infinite; }
    html:not(.rm) .logos--move .logos__list {
      flex: none; display: flex; flex-wrap: nowrap; gap: var(--logos-gap); padding-right: var(--logos-gap);
    }
    .logos--move:hover .logos__track, .logos--move .logos__view:focus .logos__track { animation-play-state: paused; }
  }
  @media (width < 640px) {
    .logos { flex-direction: column; align-items: flex-start; }
    .logos__t { max-width: none; }
    .logos__list { width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: var(--s6) var(--s5); }
    .logo--storytel { height: 34px; }
    .logo--eletive { height: 17px; }
    .logo--mape { height: 27px; }
    .logo--opr { height: 29px; }
    .logo--soder { height: 16px; }
    .logo--countryside { height: 29px; }
    .logo--dropin { height: 29px; }
    .logo--omecon { height: 21px; }
    .logo--bodylab { height: 18px; }
    .logo--amity { height: 23px; }
    .logo--blique { height: 27px; }
    .logo--tuc { height: 26px; }
    .logos--move { --logos-gap: 40px; --logos-dur: 56s; align-items: stretch; }
    .logos--move .logos__list { width: auto; }
  }
}
@layer sections {
  .results { display: grid; grid-template-columns: max-content minmax(0, 1fr); column-gap: var(--gap-wide); border-top: 1px solid var(--line); }
  .result {
    grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; align-items: end; row-gap: var(--s5);
    padding-block: var(--card-pad); border-bottom: 1px solid var(--line);
  }
  @supports not (grid-template-columns: subgrid) {
    .result { grid-template-columns: max-content minmax(0, 1fr); column-gap: var(--gap-wide); }
  }
  .result__n {
    font-size: var(--fs-giant); line-height: var(--lh-giant); font-weight: var(--fw-medium); letter-spacing: var(--tr-giant);
    color: var(--ink); white-space: nowrap;
  }
  .result__n .sign { margin-right: .02em; }
  .result__meta { display: grid; gap: var(--s1); max-width: 340px; padding-bottom: .4em; }
  .result__who {
    display: grid; justify-items: start; gap: var(--s2); margin-bottom: var(--s2);
    font-size: var(--fs-20); line-height: 1.25; font-weight: var(--fw-strong); color: var(--ink);
  }
  .result__what { font-size: var(--fs-18); line-height: 1.35; color: var(--ink); }
  .result__when { font-size: var(--fs-14); color: var(--muted); }
  @media (width < 640px) {
    .results { grid-template-columns: minmax(0, 1fr); }
    .result { grid-template-columns: minmax(0, 1fr); gap: var(--s4); }
    .result__meta { padding-bottom: 0; }
  }
}
@layer sections {
  .face {
    --f: 64px; --d: 10px; --rw: 2px;
    position: relative; display: block; flex: none; width: var(--f); height: var(--f);
    border: var(--rw) solid var(--bb-white); border-radius: 50%;
  }
  .face img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; filter: grayscale(1); }
  .face::after {
    content: ""; position: absolute; width: var(--d); height: var(--d); border-radius: 50%; background: var(--bb-green);
    left: calc(var(--f) * .828 - var(--d) / 2 - var(--rw)); top: calc(var(--f) * .123 - var(--d) / 2 - var(--rw));
  }
}
@layer tokens {
  [data-tone="lilac"] {
    --panel-dark: #3a2496; --panel-base: #45309f; --panel-mid: #5440bf; --panel-end: #6556cc; --panel-glow: #6a5ad0;
    --panel-haze: rgba(150, 132, 205, .7);
    --panel-edge: #8f86dc; --panel-low: #7472d4; --panel-plane-end: #8280da; --panel-pale: #c3c2ee; --panel-pale-2: #cbc6f3;
  }
  [data-tone="violet"] {
    --panel-dark: #2c1166; --panel-base: #36167a; --panel-mid: #4a2aa8; --panel-end: #4b4ab9; --panel-glow: #6646c6;
    --panel-haze: rgba(78, 65, 173, .9);
    --panel-edge: #8a74d8; --panel-low: #a08ae8; --panel-plane-end: #b79bee; --panel-pale: #c1a8ee; --panel-pale-2: #9a8cdb;
  }
  [data-tone="plum"] {
    --panel-dark: #43104f; --panel-base: #4a1560; --panel-mid: #4d2088; --panel-end: #46339a; --panel-glow: #5b2494;
    --panel-haze: rgba(70, 52, 112, .9);
    --panel-edge: #7567c1; --panel-low: #6a64bd; --panel-plane-end: #7672c4; --panel-pale: #8483c5; --panel-pale-2: #9a98d3;
  }
  [data-tone="plum-pink"] {
    --panel-dark: #5a0f46; --panel-base: #62124c; --panel-mid: #66308f; --panel-end: #7b4fae; --panel-glow: #69409f;
    --panel-haze: rgba(146, 94, 184, .9);
    --panel-edge: #cf4aa0; --panel-low: #d84195; --panel-plane-end: #e24e87; --panel-pale: #dd4f98; --panel-pale-2: #eaa5d9;
  }
  [data-tone="rose"] {
    --panel-dark: #3a0a2f; --panel-base: #55103f; --panel-mid: #6d1555; --panel-end: #93286f; --panel-glow: #7a3aa8;
    --panel-haze: rgba(112, 72, 172, .9);
    --panel-edge: #c93a88; --panel-low: #da4391; --panel-plane-end: #e4579f; --panel-pale: #e86aa8; --panel-pale-2: #f2b0cf;
  }
  [data-tone="indigo-lavender"] {
    --panel-dark: #2f3590; --panel-base: #3b41a4; --panel-mid: #4a45b2; --panel-end: #5d55c0; --panel-glow: #5a4cc6;
    --panel-haze: rgba(199, 181, 230, .92);
    --panel-edge: #9384d6; --panel-low: #ad98e4; --panel-plane-end: #c3a8ee; --panel-pale: #cdb9ea; --panel-pale-2: #be9ef4;
  }
  [data-tone="indigo-sky"] {
    --panel-dark: #2b2db3; --panel-base: #3639c8; --panel-mid: #4447db; --panel-end: #5558ee; --panel-glow: #6366fa;
    --panel-haze: rgba(132, 250, 228, .42);
    --panel-edge: #8186f9; --panel-low: #9ea4fb; --panel-plane-end: #b6c4f8; --panel-pale: #d6dbf6; --panel-pale-2: #9fe3ee;
  }
  [data-tone="indigo-mint"] {
    --panel-dark: #140c4c; --panel-base: #1d1573; --panel-mid: #2a2caa; --panel-end: #3c52d8; --panel-glow: #4b46e2;
    --panel-haze: rgba(132, 250, 228, .4);
    --panel-edge: #6679ea; --panel-low: #5e9ae6; --panel-plane-end: #6fcfd8; --panel-pale: #84e6d6; --panel-pale-2: #acacfd;
  }
  [data-tone="indigo-pink"] {
    --panel-dark: #150f55; --panel-base: #1f1d86; --panel-mid: #3336d0; --panel-end: #5b5ff5; --panel-glow: #5a5df7;
    --panel-haze: rgba(255, 176, 195, .55);
    --panel-edge: #7f86f4; --panel-low: #8fb0f0; --panel-plane-end: #84e6d6; --panel-pale: #b9bdfb; --panel-pale-2: #ffc2d2;
  }
  [data-tone="navy"] {
    --panel-dark: #0f1542; --panel-base: #172059; --panel-mid: #22308f; --panel-end: #3045bd; --panel-glow: #3b4fd4;
    --panel-haze: rgba(191, 198, 246, .6);
    --panel-edge: #7d8be3; --panel-low: #8d99e8; --panel-plane-end: #aab2ee; --panel-pale: #d2d6f7; --panel-pale-2: #bfc4f4;
  }
  [data-tone="cobalt"] {
    --panel-dark: #14247f; --panel-base: #1c33a8; --panel-mid: #2849cf; --panel-end: #3a6cea; --panel-glow: #5a54ea;
    --panel-haze: rgba(132, 250, 229, .5);
    --panel-edge: #6ea2f6; --panel-low: #86c4f2; --panel-plane-end: #a2ece8; --panel-pale: #b9ecf6; --panel-pale-2: #84fae5;
  }
  [data-tone="sky"] {
    --panel-dark: #110d4a; --panel-base: #1a1a76; --panel-mid: #2937a8; --panel-end: #3a6dd0; --panel-glow: #3c46d4;
    --panel-haze: rgba(172, 172, 253, .6);
    --panel-edge: #5b90e6; --panel-low: #5fb0ec; --panel-plane-end: #6ccbee; --panel-pale: #7fdff0; --panel-pale-2: #acacfd;
  }
  [data-tone="ocean"] {
    --panel-dark: #2f3a96; --panel-base: #3a4cb0; --panel-mid: #3f6ec0; --panel-end: #4d8fc8; --panel-glow: #5258c0;
    --panel-haze: rgba(124, 177, 208, .9);
    --panel-edge: #5491c7; --panel-low: #67a6ce; --panel-plane-end: #7cb1d0; --panel-pale: #9cc6de; --panel-pale-2: #88b7d1;
  }
  [data-tone="teal"] {
    --panel-dark: #1d1243; --panel-base: #2a1a5e; --panel-mid: #3b2c78; --panel-end: #4f6f9a; --panel-glow: #4a35a6;
    --panel-haze: rgba(150, 136, 226, .85);
    --panel-edge: #59b3ad; --panel-low: #5fbcb2; --panel-plane-end: #79c8bd; --panel-pale: #8fd0c6; --panel-pale-2: #a99be6;
  }
  [data-tone="mint"] {
    --panel-dark: #15143a; --panel-base: #1e2052; --panel-mid: #262c68; --panel-end: #2b4775; --panel-glow: #3b37a2;
    --panel-haze: rgba(196, 181, 240, .5);
    --panel-edge: #1fae84; --panel-low: #2cc596; --panel-plane-end: #4fdcb0; --panel-pale: #84fae4; --panel-pale-2: #b9a8f2;
  }
  [data-tone="graphite"] {
    --panel-dark: #14161c; --panel-base: #1e2023; --panel-mid: #2a2d4d; --panel-end: #3a3fa6; --panel-glow: #4447db;
    --panel-haze: rgba(172, 177, 253, .5);
    --panel-edge: #6366fa; --panel-low: #7c7efd; --panel-plane-end: #acb1fd; --panel-pale: #c6c9fe; --panel-pale-2: #8587fe;
  }
  [data-tone="tile-violet"] {
    --tile-glow-a: radial-gradient(70% 46% at 100% 0%, #2f2149 0%, transparent 72%);
    --tile-glow-b: radial-gradient(60% 40% at 0% 0%, #381778 0%, transparent 72%);
    --tile-glow-c: radial-gradient(70% 44% at 100% 100%, #5f5ac0 0%, transparent 78%);
    --tile-base: linear-gradient(180deg, #3a2090 0%, #3f2fa0 40%, #4743b4 100%);
    --tile-bg: #3f2fa0;
  }
  [data-tone="tile-magenta"] {
    --tile-glow-a: radial-gradient(70% 46% at 0% 0%, #91429a 0%, transparent 74%);
    --tile-glow-b: radial-gradient(60% 40% at 100% 14%, #7b50b0 0%, transparent 72%);
    --tile-glow-c: radial-gradient(70% 44% at 0% 100%, #5d5cbb 0%, transparent 78%);
    --tile-base: linear-gradient(180deg, #6a38ae 0%, #5436b4 34%, #4a44b8 100%);
    --tile-bg: #5436b4;
  }
  [data-tone="tile-sky"] {
    --tile-glow-a: radial-gradient(64% 44% at 100% 0%, #6fb4e6 0%, transparent 72%);
    --tile-glow-b: radial-gradient(60% 40% at 0% 0%, #6d86db 0%, transparent 72%);
    --tile-glow-c: radial-gradient(70% 44% at 0% 100%, #2f2a7c 0%, transparent 78%);
    --tile-base: linear-gradient(180deg, #5148c4 0%, #4640b8 38%, #38339e 100%);
    --tile-bg: #4640b8;
  }
  .pu {
    --pu-p: var(--bb-purple);
    --pu-pt: var(--bb-purple-text);
    --pu-hd: var(--bb-ink);
    --pu-tt: #1e293b;
    --pu-tx: var(--bb-text);
    --pu-mu: var(--bb-muted);
    --pu-bd: #f0f1f3;
    --pu-ln: #e5e7eb;
    --pu-ln2: #e5e5e5;
    --pu-tint: #f9f8ff;
    --pu-lav: var(--bb-lavender);
    --pu-lav-line: var(--purple-200);
    --pu-good: #0f7a4b;  --pu-good-bg: #d9ffed;
    --pu-bad: #b4232a;   --pu-bad-bg: #ffeff5;
    --pu-red: #c10007;   --pu-red-bg: #fef2f2; --pu-red-line: #ffc9c9;
    --pu-warn: var(--bb-warning); --pu-warn-bg: #fff8ee; --pu-warn-text: var(--bb-warning-text);
    --pu-ok: #118653;    --pu-ok-bg: var(--pu-good-bg);
    --pu-urgent: var(--bb-error); --pu-urgent-bg: #fff1ee;
    --pu-paused: #c2410c; --pu-paused-bg: #fef6e6;
    --pu-active: #15803d; --pu-active-bg: #e6f9f0;
    --pu-paused-strong: #9a3412; --pu-active-strong: #166534;
    --pu-blue: #258aff;
    --pu-rail-ic: #374151;
    --pu-th-bg: #fdfdfd;
    --pu-ic-bg: #f9fafb;
    --pu-track: rgba(0, 0, 0, .08);
    --pu-rank-bg: #efecfd;
    --pu-you-bg: #ecebff;
    --pu-bar-bg: #f5f5f5;
    --pu-slate: #45556c;
    --pu-slate-ink: #0f172b;
    --pu-i-violet: #9333ea; --pu-i-violet-bg: #faf5ff;
    --pu-i-blue: #2563eb;   --pu-i-blue-bg: #eff6ff;
    --pu-ad-orange: #c2410c; --pu-ad-orange-bar: #fb923c;
    --pu-ad-blue: #1d5fd1; --pu-ad-blue-bg: #eef4ff; --pu-ad-blue-line: #dbe6ff;
    --pu-chart-green: #18b070;
    --pu-line-hover: #cfd5ff;
    --pu-streak: rgba(181, 252, 238, .25);
    --pu-grad-strip: var(--brand-strip);
    --pu-grad-ai: linear-gradient(270deg, var(--bb-green), var(--bb-purple), var(--bb-green));
    --pu-grad-ask: linear-gradient(90deg, #474ec5 0%, #32379d 55%, #1f2176 100%);
    --pu-bg: var(--fill-wash);
    --pu-shadow: 0 2px 14px rgba(136, 152, 170, .15);
    --pu-shadow-hover: 0 4px 20px rgba(136, 152, 170, .22);
    --pu-shadow-input: 0 2px 32px rgba(136, 152, 170, .15);
  }
}
@layer pui {
  .pu-host { container: pu / inline-size; min-width: 0; }
  .pu {
    --pu-cols: 64;
    --pu-min: 7px;
    --pu-max: 14px;
    position: relative; display: block;
    font: 400 clamp(var(--pu-min), calc(100cqw / var(--pu-cols)), var(--pu-max))/1.4 var(--font);
    color: var(--pu-tx); text-align: left; letter-spacing: 0; font-variant-numeric: tabular-nums;
    -webkit-user-select: none; user-select: none;
  }
  :where(.pu) p, :where(.pu) ul, :where(.pu) ol { margin: 0; padding: 0; list-style: none; }
  :where(.pu) svg { width: 1.43em; height: 1.43em; flex: none; }
  :where(.pu) b { font-weight: 600; }
  .pu-app { position: relative; display: flex; flex-direction: column; overflow: hidden; background: var(--pu-bg); }
  .pu-strip { height: .43em; flex: none; background: var(--pu-grad-strip); }
  .pu-shell { flex: 1; min-height: 0; display: flex; }
  .pu-rail {
    width: 4.57em; flex: none; display: flex; flex-direction: column; align-items: center; gap: .3em; padding: 1.1em 0 1em;
    background: var(--bb-white); border-right: 1px solid var(--pu-ln);
  }
  .pu-rail img { width: 1.86em; height: 1.86em; margin-bottom: 1em; }
  .pu-rail span { width: 3.43em; height: 3.14em; display: grid; place-items: center; border-radius: .57em; color: var(--pu-rail-ic); }
  .pu-rail span.is-on { background: var(--pu-lav); color: var(--pu-p); }
  .pu-rail .pu-rail__end { margin-top: auto; }
  .pu-main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
  .pu-head { display: flex; align-items: flex-start; gap: 1em; padding: 1.15em 1.43em .85em; }
  .pu-title { display: flex; align-items: center; gap: .3em; font-size: 1.86em; line-height: 1.2; font-weight: 600; color: var(--pu-tt); white-space: nowrap; }
  .pu-title svg { width: .86em; height: .86em; }
  .pu-sub { margin-top: .35em; color: var(--pu-mu); }
  .pu-head__end { margin-left: auto; display: flex; align-items: center; gap: .6em; }
  .pu-range {
    display: inline-flex; align-items: center; gap: .45em; height: 2.43em; padding: 0 .86em;
    border: 1px solid var(--pu-ln2); border-radius: .57em; background: var(--bb-white); font-weight: 500; color: var(--pu-tx); white-space: nowrap;
  }
  .pu-range svg { width: 1.1em; height: 1.1em; color: var(--pu-mu); }
  .pu-ask {
    display: inline-flex; align-items: center; gap: .45em; height: 2.67em; padding: 0 1.05em; border-radius: .57em;
    color: var(--bb-white); font-size: .857em; font-weight: 600; white-space: nowrap;
  }
  .pu-ask svg { width: 1.2em; height: 1.2em; color: var(--bb-green); }
  .pu-menu { display: none; }
  .pu-tabs { display: flex; gap: 1.71em; padding: 0 1.43em; border-bottom: 1px solid var(--pu-ln2); white-space: nowrap; overflow: hidden; flex: none; }
  .pu-tabs span { padding-bottom: .8em; border-bottom: 3px solid transparent; font-weight: 500; color: var(--pu-mu); }
  .pu-tabs span.is-on { font-weight: 600; color: var(--pu-pt); border-bottom-color: var(--pu-p); }
  .pu-pad { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 1.15em; padding: 1.15em 1.43em 1.43em; }
  .pu-card { background: var(--bb-white); border: 1px solid var(--pu-bd); border-radius: .86em; overflow: hidden; }
  .pu-card__h { display: flex; align-items: center; gap: .5em; padding: .85em 1.15em; border-bottom: 1px solid var(--pu-ln); font-weight: 600; color: var(--pu-tx); }
  .pu-card__h svg { width: 1.2em; height: 1.2em; color: var(--pu-p); }
  .pu-card__h .pu-card__end { margin-left: auto; }
  .pu-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
  .pu-table th {
    padding: .7em 1.15em; border-bottom: 1px solid var(--pu-ln); background: var(--pu-th-bg);
    text-align: left; font-weight: 500; color: var(--pu-mu); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  .pu-table td { padding: .72em 1.15em; border-bottom: 1px solid var(--pu-ln); color: var(--pu-tx); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .pu-table tr:last-child td { border-bottom: 0; }
  .pu-pill { display: inline-flex; align-items: center; gap: .2em; padding: .12em .55em; border-radius: 999px; font-size: .857em; font-weight: 600; white-space: nowrap; vertical-align: middle; }
  .pu-pill svg { width: 1em; height: 1em; }
  .pu-pill--good { background: var(--pu-good-bg); color: var(--pu-good); }
  .pu-pill--bad { background: var(--pu-bad-bg); color: var(--pu-bad); }
  .pu-pill--lav { background: var(--pu-lav); color: var(--pu-pt); }
  .pu .pu-dn { transform: rotate(180deg); }
  .pu-obtn, .pu-pbtn {
    display: inline-flex; align-items: center; justify-content: center; gap: .4em; height: 2.43em; padding: 0 1em;
    border-radius: .57em; border: 1px solid var(--pu-ln2); background: var(--bb-white); color: var(--pu-tx); font-weight: 600; white-space: nowrap;
  }
  .pu-pbtn { background: var(--pu-pt); border-color: var(--pu-pt); color: var(--bb-white); }
  .pu-obtn svg, .pu-pbtn svg { width: 1.1em; height: 1.1em; }
  .pu-tile { display: grid; place-items: center; width: 2.86em; height: 2.86em; flex: none; border-radius: .57em; background: var(--pu-lav); color: var(--pu-p); }
  .pu-tile svg { width: 1.43em; height: 1.43em; }
  .pu-fill-5 { width: 5%; }    .pu-fill-10 { width: 10%; }  .pu-fill-15 { width: 15%; }  .pu-fill-20 { width: 20%; }
  .pu-fill-25 { width: 25%; }  .pu-fill-30 { width: 30%; }  .pu-fill-35 { width: 35%; }  .pu-fill-40 { width: 40%; }
  .pu-fill-45 { width: 45%; }  .pu-fill-50 { width: 50%; }  .pu-fill-55 { width: 55%; }  .pu-fill-60 { width: 60%; }
  .pu-fill-65 { width: 65%; }  .pu-fill-70 { width: 70%; }  .pu-fill-75 { width: 75%; }  .pu-fill-80 { width: 80%; }
  .pu-fill-85 { width: 85%; }  .pu-fill-90 { width: 90%; }  .pu-fill-95 { width: 95%; }  .pu-fill-100 { width: 100%; }
  .pu-card, .pu-kpi, .pu-stat, .pu-find {
    box-shadow: var(--pu-shadow);
    transition: translate .2s var(--ease), box-shadow .2s ease, border-color .2s ease;
  }
  .pu-card:hover, .pu-kpi:hover, .pu-stat:hover, .pu-find:hover { box-shadow: var(--pu-shadow-hover); border-color: var(--pu-line-hover); }
  .pu-ask {
    background:
      linear-gradient(100deg, transparent 35%, var(--pu-streak) 48%, transparent 60%) 120% 0 / 260% 100% no-repeat,
      var(--pu-grad-ask);
    background-color: var(--purple-800);
  }
  .pu-ask:hover { background-position: -20% 0, 0 0; }
  @media (prefers-reduced-motion: no-preference) {
    html:not(.rm) :is(.pu-card, .pu-kpi, .pu-stat, .pu-find):hover { translate: 0 -1px; }
    html:not(.rm) .pu-ask { transition: background-position .6s ease-in-out; }
    html:not(.rm) .pu-input::before { transition: background-position .8s ease, background-size .8s ease; }
  }
  .pu.pu--chat { --pu-cols: 30; --pu-max: 17px; --pu-min: 10px; }
  .pu-bri { display: flex; flex-direction: column; background: var(--bb-white); }
  .pu-bri__head { display: flex; align-items: center; gap: .7em; padding: .7em 1em; border-bottom: 1px solid var(--pu-ln); }
  .pu-av { width: 2.86em; height: 2.86em; flex: none; display: grid; place-items: center; border-radius: 50%; background: var(--bb-white); border: 1px solid var(--pu-ln); color: var(--pu-p); }
  .pu-av svg { width: 1.6em; height: 1.6em; }
  .pu-bri__name { font-weight: 600; color: var(--pu-hd); }
  .pu-bri__sess { display: flex; align-items: center; gap: .45em; font-size: .857em; color: var(--pu-mu); }
  .pu-bri__sess i { width: .6em; height: .6em; border-radius: 50%; background: var(--bb-success); }
  .pu-bri__chat { display: flex; flex-direction: column; gap: .9em; padding: 1.15em 1em 1em; }
  .pu-msg-u { align-self: flex-end; max-width: 82%; padding: .8em 1.1em; border-radius: 1.15em; background: var(--pu-tint); color: var(--pu-hd); }
  .pu-msg-b { color: var(--pu-hd); line-height: 1.5; }
  .pu-trail { display: inline-flex; align-items: center; gap: .45em; align-self: flex-start; padding: .3em .5em .3em .3em; border-radius: .57em; font-size: .93em; color: var(--pu-tx); }
  .pu-trail svg { width: 1.15em; height: 1.15em; color: var(--pu-p); }
  .pu-trail .pu-trail__chev { width: 1em; height: 1em; color: var(--pu-mu); transform: rotate(90deg); }
  .pu-find { position: relative; display: grid; gap: .55em; padding: calc(.9em + 2px) calc(1.05em + 2px) calc(1em + 2px); border-radius: 1em; background: var(--bb-white); }
  .pu-find::before, .pu-input::before {
    content: ""; position: absolute; inset: 0; padding: 2px; border-radius: inherit; pointer-events: none;
    background: var(--pu-grad-ai);
    -webkit-mask: linear-gradient(var(--opaque) 0 0) content-box, linear-gradient(var(--opaque) 0 0); -webkit-mask-composite: xor;
            mask: linear-gradient(var(--opaque) 0 0) content-box exclude, linear-gradient(var(--opaque) 0 0);
  }
  .pu-find__t { display: flex; align-items: baseline; justify-content: space-between; gap: .6em; font-weight: 600; color: var(--pu-hd); }
  .pu-find__big { font-size: 2em; line-height: 1; font-weight: 700; letter-spacing: -.02em; color: var(--pu-good); white-space: nowrap; }
  .pu-find__rows { display: grid; gap: .1em; }
  .pu-find__rows li { display: flex; justify-content: space-between; gap: 1em; padding: .45em 0; border-top: 1px solid var(--pu-ln); font-size: .93em; }
  .pu-find__rows span { color: var(--pu-mu); }
  .pu-find__rows b { color: var(--pu-hd); white-space: nowrap; }
  .pu-chips { display: flex; flex-wrap: wrap; gap: .35em; }
  .pu-chips span { padding: .5em .8em; border-radius: .57em; border: 1px solid var(--pu-lav-line); background: var(--bb-white); font-size: .857em; font-weight: 700; color: var(--pu-hd); }
  .pu-input {
    position: relative; margin: 0 1em; padding: calc(.75em + 2px) calc(.9em + 2px) calc(.6em + 2px); border-radius: 1.43em; background: var(--bb-white);
    transition: box-shadow .3s ease;
  }
  .pu-input::before { background-size: 100% 100%; background-position: 0 0; }
  .pu-bri:hover .pu-input::before { background-size: 200% 100%; background-position: 95% 0; }
  .pu-bri:hover .pu-input { box-shadow: var(--pu-shadow-input); }
  .pu-input__ph { min-height: 2em; color: var(--pu-mu); }
  .pu-input__tools { display: flex; justify-content: space-between; align-items: center; }
  .pu-input__att, .pu-input__send { width: 2.29em; height: 2.29em; display: grid; place-items: center; border-radius: 50%; }
  .pu-input__att { border: 1px solid var(--pu-ln2); color: var(--pu-tx); }
  .pu-input__send { background: var(--pu-p); color: var(--bb-white); }
  .pu-input__att svg, .pu-input__send svg { width: 1em; height: 1em; }
  .pu-disc { padding: .6em 1em .9em; text-align: center; font-size: .786em; color: var(--pu-mu); }
  .pu-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .9em; }
  .pu-kpi { position: relative; padding: 1em 1.1em .9em; background: var(--bb-white); border: 1px solid var(--pu-bd); border-radius: .86em; }
  .pu-kpi__ic { display: inline-grid; place-items: center; width: 2.29em; height: 2.29em; border-radius: .57em; background: var(--pu-ic-bg); color: var(--pu-p); }
  .pu-kpi__ic svg { width: 1.3em; height: 1.3em; }
  .pu-kpi .pu-pill { position: absolute; top: 1.05em; right: 1.1em; }
  .pu-kpi__l { margin-top: .8em; font-size: .857em; color: var(--pu-mu); }
  .pu-kpi__v { margin-top: .1em; font-size: 1.43em; font-weight: 700; color: var(--pu-tt); white-space: nowrap; }
  .pu-kpi__v small { font-size: .7em; font-weight: 600; color: var(--pu-mu); }
  .pu .pu-spark { display: block; width: 100%; height: 2.4em; margin-top: .55em; overflow: visible; }
  .pu-spark__a { fill: var(--pu-lav); }
  .pu-spark__l { fill: none; stroke: var(--pu-p); stroke-width: 1.6; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
  .pu-kpi__f { margin-top: .35em; font-size: .786em; color: var(--pu-mu); }
  .pu-camps th:first-child, .pu-camps td:first-child { width: 38%; }
  .pu-camps th:not(:first-child), .pu-camps td:not(:first-child) { text-align: right; }
  .pu-audit { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 1.15em; }
  .pu-score { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 1.2em 1.4em; padding: 1.2em 1.3em; }
  .pu-ring { position: relative; width: 8.6em; height: 8.6em; }
  .pu .pu-ring svg { width: 100%; height: 100%; transform: rotate(-90deg); }
  .pu-ring__track { fill: none; stroke: var(--pu-track); stroke-width: 11; }
  .pu-ring__arc { fill: none; stroke-width: 11; stroke-linecap: round; }
  .pu-ring__v { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; }
  .pu-ring__v b { font-size: 2.15em; line-height: 1; font-weight: 700; color: var(--pu-tx); }
  .pu-ring__v span { margin-top: .3em; font-size: .857em; font-weight: 600; color: var(--pu-mu); }
  .pu-score__msg { display: grid; gap: .35em; }
  .pu-score__h { font-size: 1.14em; font-weight: 700; color: var(--pu-hd); }
  .pu-score__d { font-size: .93em; line-height: 1.45; color: var(--pu-tx); }
  .pu-trendline { display: flex; align-items: center; gap: .3em; font-size: .857em; font-weight: 500; color: var(--pu-mu); }
  .pu-trendline b { display: inline-flex; align-items: center; gap: .15em; color: var(--pu-ok); font-weight: 600; }
  .pu-trendline svg { width: 1em; height: 1em; }
  .pu-cats { display: grid; gap: .75em; padding: 1.1em 1.3em 1.2em; }
  .pu-cats__h { font-weight: 600; color: var(--pu-hd); }
  .pu-cat { display: grid; grid-template-columns: minmax(0, 8.5em) minmax(0, 1fr) 2.8em; align-items: center; gap: .6em; }
  .pu-cat__l { display: flex; align-items: center; gap: .5em; color: var(--pu-tx); white-space: nowrap; }
  .pu-cat__l i { display: grid; place-items: center; width: 1.85em; height: 1.85em; border-radius: .43em; background: var(--pu-tint); color: var(--pu-p); }
  .pu-cat__l svg { width: 1.1em; height: 1.1em; }
  .pu-cat__bar { height: .57em; border-radius: 999px; background: var(--pu-tint); overflow: hidden; }
  .pu-cat__bar i { display: block; height: 100%; border-radius: inherit; background: var(--pu-p); }
  .pu-cat b { text-align: right; color: var(--pu-tx); }
  .pu-checks li { display: grid; grid-template-columns: 2.86em minmax(0, 1fr) auto; align-items: center; gap: .3em 1em; padding: .85em 1.15em; border-bottom: 1px solid var(--pu-ln); }
  .pu-checks li:last-child { border-bottom: 0; }
  .pu-check__t { font-weight: 600; color: var(--pu-hd); }
  .pu-check__d { font-size: .93em; color: var(--pu-tx); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .pu-check__b { display: flex; gap: .4em; margin-top: .35em; }
  .pu-check__b span { padding: .1em .5em; border-radius: .43em; background: var(--pu-bd); font-size: .786em; font-weight: 600; color: var(--pu-tx); }
  .pu-tile--urgent { background: var(--pu-urgent-bg); color: var(--pu-urgent); }
  .pu-tile--warn { background: var(--pu-warn-bg); color: var(--pu-warn); }
  .pu-tile--ok { background: var(--pu-ok-bg); color: var(--pu-ok); }
  .pu-scene { --pu-cols: 72; padding: 0 0 7em; }
  .pu-scene > .pu-app { width: 88%; border-radius: var(--radius-3); border: 1px solid var(--neutral-200); box-shadow: var(--shadow); }
  .pu-float { position: absolute; z-index: 2; box-shadow: var(--shadow); }
  .pu-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1em; }
  .pu-stat { padding: 1em 1.1em; background: var(--bb-white); border: 1px solid var(--pu-ln2); border-radius: .86em; }
  .pu-stat__l { display: flex; align-items: center; gap: .4em; font-size: .93em; color: var(--pu-mu); white-space: nowrap; overflow: hidden; }
  .pu-stat__l svg { width: 1.3em; height: 1.3em; color: var(--pu-p); }
  .pu-stat__v { display: flex; align-items: center; gap: .35em; margin-top: .45em; font-size: 1.71em; font-weight: 700; color: var(--pu-tx); }
  .pu-stat__v .pu-pill { font-size: .5em; }
  .pu-comp th:nth-child(1) { width: 34%; }
  .pu-comp th:nth-child(2) { width: 30%; }
  .pu-rk { display: inline-grid; place-items: center; width: 1.6em; height: 1.6em; margin-right: .7em; border-radius: 50%; background: var(--pu-rank-bg); color: var(--pu-pt); font-size: .857em; font-weight: 600; vertical-align: middle; }
  .pu-you { margin-left: .5em; padding: .1em .55em; border-radius: .43em; background: var(--pu-you-bg); color: var(--pu-pt); font-size: .857em; font-weight: 600; }
  .pu-vb { display: inline-block; width: 5em; height: .57em; margin-left: .5em; border-radius: 999px; background: var(--pu-bar-bg); overflow: hidden; vertical-align: middle; }
  .pu-vb i { display: block; height: 100%; border-radius: 999px; background: var(--pu-blue); }
  .pu-alert {
    top: 6.2em; right: 0;
    display: inline-flex; align-items: center; gap: .55em; padding: .7em 1.1em .7em .95em; border-radius: 999px;
    border: 1px solid var(--pu-red-line); background: var(--pu-red-bg); color: var(--pu-red); font-weight: 600; white-space: nowrap;
  }
  .pu-alert svg { width: 1.3em; height: 1.3em; }
  .pu-alert .pu-alert__go { width: 1.1em; height: 1.1em; }
  .pu-sa {
    right: 0; bottom: 0; width: 60%;
    display: grid; gap: 1em; padding: 1.1em 1.3em 1.2em; border-radius: .86em;
    border: 2px solid var(--pu-p); background: var(--pu-tint);
  }
  .pu-sa__head { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .1em .8em; align-items: center; }
  .pu-sa__head .pu-tile { grid-row: span 2; width: 2.57em; height: 2.57em; }
  .pu-sa__t { font-size: 1.29em; font-weight: 500; color: var(--pu-hd); }
  .pu-sa__stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8em; }
  .pu-sa__stat { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0 .6em; align-items: center; padding: .75em .85em; border-radius: .7em; border: 1px solid var(--pu-bd); background: var(--bb-white); }
  .pu-sa__stat i { grid-row: span 2; display: grid; place-items: center; width: 2.3em; height: 2.3em; border-radius: .7em; }
  .pu-sa__stat i svg { width: 1.3em; height: 1.3em; }
  .pu-sa__stat span { font-size: .857em; color: var(--pu-slate); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .pu-sa__stat b { font-size: 1.15em; font-weight: 600; color: var(--pu-slate-ink); white-space: nowrap; }
  .pu-i--violet { background: var(--pu-i-violet-bg); color: var(--pu-i-violet); }
  .pu-i--blue { background: var(--pu-i-blue-bg); color: var(--pu-i-blue); }
  .pu-sa__kw { padding: .45em 1.1em; border-radius: 1.15em; background: var(--pu-lav); font-size: .93em; font-weight: 500; color: var(--pu-mu); }
  .pu-sa__kw b { font-weight: 700; }
  .pu-kw--paused { color: var(--pu-paused); }
  .pu-kw--active { color: var(--pu-active); }
  .pu-sa__act { display: flex; align-items: center; flex-wrap: wrap; gap: .4em .8em; font-size: .93em; color: var(--pu-tx); }
  .pu-badge { display: inline-flex; align-items: center; gap: .35em; padding: .2em .7em; border-radius: .57em; font-weight: 500; white-space: nowrap; }
  .pu-badge svg { width: 1.1em; height: 1.1em; }
  .pu-badge--paused { background: var(--pu-paused-bg); color: var(--pu-paused); }
  .pu-badge--active { background: var(--pu-active-bg); color: var(--pu-active); }
  .pu-sa__when { color: var(--pu-mu); }
  .pu.pu--handoff { --pu-cols: 30; --pu-max: 17px; --pu-min: 10px; }
  .pu-steps { position: relative; display: grid; gap: 1.05em; margin: .2em 0 0 .45em; padding-left: 1.5em; }
  .pu-steps::before { content: ""; position: absolute; left: 0; top: .55em; bottom: .9em; width: 1px; background: var(--pu-lav-line); }
  .pu-step { position: relative; display: grid; gap: .25em; }
  .pu-step__k { display: flex; align-items: center; flex-wrap: wrap; gap: .3em .45em; color: var(--pu-hd); }
  .pu-agent { display: inline-flex; align-items: center; gap: .35em; padding: .12em .55em .12em .3em; border-radius: .43em; background: var(--pu-lav); color: var(--pu-pt); font-weight: 600; white-space: nowrap; }
  .pu-agent svg { width: 1.1em; height: 1.1em; color: var(--pu-p); }
  .pu-step__r { font-size: .93em; color: var(--pu-tx); }
  .pu-step__t { font-size: .786em; color: var(--pu-mu); }
  .pu-step--ok .pu-step__k img { width: 1.3em; height: 1.3em; }
  .pu-ok { display: inline-flex; align-items: center; gap: .25em; padding: .1em .55em; border-radius: .43em; background: var(--pu-ok-bg); color: var(--pu-good); font-size: .857em; font-weight: 600; }
  .pu-ok svg { width: 1em; height: 1em; }
  .pu-scene--lit { --pu-cols: 68; padding: 0 0 0 2.2em; }
  .pu-scene--lit > .panel { padding: 3.6em 0 7.5em 11em; }
  .pu-scene--lit > .panel > .pu-app {
    margin: 0 -12% 0 0; border: 1px solid var(--neutral-200); border-radius: var(--radius-3) 0 0 var(--radius-3);
    box-shadow: var(--shadow);
  }
  .pu-scene--lit .pu-float { font-size: 1.1em; }
  .pu-scene--lit .pu-alert { top: 50%; right: auto; left: 0; }
  .pu-scene--lit .pu-sa { left: 7em; right: 5%; bottom: 1.8em; width: auto; }
  @container pu (width <= 560px) {
    .pu { --pu-cols: 30; --pu-max: 13px; }
    .pu-rail, .pu-ask, .pu-hide-s { display: none; }
    .pu-menu { display: grid; place-items: center; width: 2.6em; height: 2.6em; border-radius: .43em; background: var(--bb-white); color: var(--pu-hd); border: 1px solid var(--pu-ln2); }
    .pu-head__end:has(.pu-range) .pu-menu { display: none; }
    .pu-head { padding: 1.1em 1.15em .7em; }
    .pu-title { font-size: 1.43em; }
    .pu-tabs { padding: 0 1.15em; gap: 1.3em; }
    .pu-pad { padding: 1em 1.15em 1.15em; gap: 1em; }
    .pu-kpis { grid-template-columns: 1fr 1fr; gap: .8em; }
    .pu-stats { grid-template-columns: 1fr 1fr; }
    .pu-stats > :nth-child(n+3) { display: none; }
    .pu-audit { grid-template-columns: minmax(0, 1fr); }
    .pu-score { grid-template-columns: minmax(0, 1fr); justify-items: center; text-align: center; }
    .pu-trendline { justify-content: center; }
    .pu-comp th:nth-child(1) { width: 60%; }
    .pu-comp th:nth-child(2) { width: 40%; }
    .pu-vb { display: none; }
    .pu-check__d { white-space: normal; }
    .pu-scene { padding: 0; display: grid; }
    .pu-scene > .pu-app { width: 100%; }
    .pu-float { position: relative; inset: auto; }
    .pu-alert { justify-self: start; inset: auto; margin: -1.6em 0 0 1em; }
    .pu-sa { width: 100%; margin-top: 1em; }
    .pu-scene--lit { padding: 0; }
    .pu-scene--lit > .panel { padding: 1.8em 0 2.4em 1.8em; }
    .pu-scene--lit > .panel > .pu-app { margin: 0 -8% 0 0; }
    .pu-scene--lit .pu-alert, .pu-scene--lit .pu-sa { inset: auto; font-size: 1em; }
    .pu-scene--lit .pu-sa { width: 100%; }
  }
  @media (width < 640px) {
    @container pu (width <= 560px) { .pu { --pu-cols: 26; } }
  }
}
@layer tokens {
  .pu {
    --pu-sev-urgent: #e11d48; --pu-sev-urgent-bg: #fff1f2;
    --pu-sev-warn: #d97706;   --pu-sev-warn-bg: #fffbeb;
    --pu-sev-opt: #615fff;    --pu-sev-opt-bg: #eef2ff;
    --pu-impact-high-bg: #e6f6fd;
    --pu-attach-from: #f7f8ff; --pu-attach-to: #eef0ff;
    --pu-gauge-from: #4caf50; --pu-gauge-to: #f2e14a;
  }
}