.copilot-slide {
        padding: min(5vw, 64px);
      }

      .copilot-cols {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
        min-height: 0;
      }

      .copilot-col {
        display: grid;
        gap: 14px;
        min-height: 0;
      }

      .copilot-panel {
        padding: 12px 12px 10px;
        position: relative;
        overflow: hidden;
      }

      .copilot-panel::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          radial-gradient(900px 320px at 14% 18%, rgba(233, 184, 15, 0.16), transparent 62%),
          radial-gradient(900px 320px at 90% 6%, rgba(9, 152, 168, 0.12), transparent 62%);
        opacity: 0.85;
        pointer-events: none;
      }

      .copilot-panel > * {
        position: relative;
        z-index: 1;
      }

      .copilot-panel--github::before {
        background:
          radial-gradient(900px 320px at 16% 18%, rgba(0, 0, 0, 0.08), transparent 62%),
          radial-gradient(900px 320px at 90% 10%, rgba(9, 152, 168, 0.10), transparent 62%);
      }

      .copilot-panel--security::before {
        background:
          radial-gradient(900px 320px at 14% 18%, rgba(0, 182, 109, 0.14), transparent 62%),
          radial-gradient(900px 320px at 90% 10%, rgba(9, 152, 168, 0.10), transparent 62%);
      }

      .copilot-panel--m365::before {
        background:
          radial-gradient(900px 320px at 14% 18%, rgba(41, 28, 91, 0.12), transparent 62%),
          radial-gradient(900px 320px at 90% 10%, rgba(233, 184, 15, 0.12), transparent 62%);
      }

      .copilot-panel--cloud::before {
        background:
          radial-gradient(900px 320px at 14% 18%, rgba(9, 149, 219, 0.12), transparent 62%),
          radial-gradient(900px 320px at 90% 10%, rgba(233, 184, 15, 0.10), transparent 62%);
      }

      .copilot-panel--dynamics::before {
        background:
          radial-gradient(900px 320px at 14% 18%, rgba(233, 184, 15, 0.14), transparent 62%),
          radial-gradient(900px 320px at 90% 10%, rgba(41, 28, 91, 0.10), transparent 62%);
      }

      .copilot-panel--swirl::before {
        background:
          radial-gradient(900px 320px at 14% 18%, rgba(9, 152, 168, 0.14), transparent 62%),
          radial-gradient(900px 320px at 90% 10%, rgba(233, 184, 15, 0.10), transparent 62%);
      }

      .copilot-list {
        list-style: none;
        margin: 0;
        padding: 0;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }

      .copilot-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        padding: 8px 8px;
        border-radius: 14px;
        border: 1px solid rgba(0, 0, 0, 0.08);
        background: rgba(255, 255, 255, 0.92);
        box-shadow: 0 14px 34px rgba(0, 0, 0, 0.07);
        min-width: 0;
      }

      .copilot-item__left {
        display: flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
      }

      .copilot-item__iconwrap {
        width: 28px;
        height: 28px;
        border-radius: 11px;
        display: grid;
        place-items: center;
        background: rgba(9, 152, 168, 0.10);
        border: 1px solid rgba(9, 152, 168, 0.14);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55);
        flex: 0 0 auto;
      }

      .copilot-panel--m365 .copilot-item__iconwrap {
        background: rgba(41, 28, 91, 0.07);
        border-color: rgba(41, 28, 91, 0.11);
      }

      .copilot-panel--github .copilot-item__iconwrap {
        background: rgba(0, 0, 0, 0.05);
        border-color: rgba(0, 0, 0, 0.10);
      }

      .copilot-panel--security .copilot-item__iconwrap {
        background: rgba(0, 182, 109, 0.10);
        border-color: rgba(0, 182, 109, 0.14);
      }

      .copilot-item__icon {
        width: 16px;
        height: 16px;
        object-fit: contain;
        display: block;
      }

      .copilot-item__text {
        font-weight: 900;
        font-size: 10.5px;
        line-height: 1.12;
        color: rgba(0, 0, 0, 0.78);
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
      }

      .copilot-kind {
        font-size: 9px;
        letter-spacing: 0.08em;
        font-weight: 900;
        color: rgba(41, 28, 91, 0.75);
        border: 1px solid rgba(41, 28, 91, 0.14);
        background: rgba(41, 28, 91, 0.05);
        padding: 5px 6px;
        border-radius: 999px;
        white-space: nowrap;
        flex: 0 0 auto;
      }

      .copilot-kind--product {
        color: rgba(9, 152, 168, 0.95);
        border-color: rgba(9, 152, 168, 0.22);
        background: rgba(9, 152, 168, 0.08);
      }

      .copilot-kind--surface {
        color: rgba(233, 184, 15, 0.95);
        border-color: rgba(233, 184, 15, 0.25);
        background: rgba(233, 184, 15, 0.12);
      }

      .copilot-kind--inapp {
        color: rgba(0, 0, 0, 0.72);
        border-color: rgba(0, 0, 0, 0.12);
        background: rgba(0, 0, 0, 0.04);
      }

      .copilot-kind--role {
        color: rgba(0, 182, 109, 0.95);
        border-color: rgba(0, 182, 109, 0.24);
        background: rgba(0, 182, 109, 0.10);
      }

      .copilot-kind--layer {
        color: rgba(41, 28, 91, 0.78);
        border-color: rgba(41, 28, 91, 0.16);
        background: rgba(41, 28, 91, 0.06);
      }

      .copilot-kind--cli {
        color: rgba(0, 0, 0, 0.72);
        border-color: rgba(0, 0, 0, 0.16);
        background: rgba(255, 255, 255, 0.65);
      }

      .copilot-kind--exp,
      .copilot-kind--app,
      .copilot-kind--plan {
        color: rgba(41, 28, 91, 0.78);
        border-color: rgba(41, 28, 91, 0.16);
        background: rgba(233, 184, 15, 0.10);
      }

      .copilot-footer {
        margin-top: 12px;
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        gap: 12px;
        font-size: 12px;
        color: rgba(0, 0, 0, 0.62);
      }

      .copilot-footer strong {
        color: var(--clr-purple);
      }

      .copilot-legend {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 10px;
      }

      .legend-pill {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        border-radius: 999px;
        padding: 7px 10px;
        border: 1px solid rgba(0,0,0,0.08);
        background: rgba(255,255,255,0.86);
        box-shadow: 0 14px 34px rgba(0,0,0,0.06);
        font-weight: 900;
        letter-spacing: 0.06em;
        font-size: 10.5px;
        color: rgba(0,0,0,0.7);
      }

      .legend-pill em {
        font-style: normal;
        color: var(--clr-purple);
      }