/* "Overview до компанії" — Figma 3457:264720. Scoped to .ai-overview. */
            .ai-overview {
              position: relative;
              border-radius: 12px;
              /* macet: 12, not the generic 16 */
              overflow: hidden;
              padding: 20px !important;
            }

            /* Soft blurred purple→blue glow behind the header (Figma "_Modal / title":
       linear #E9D3E8 → #CDD3FB, opacity .8, 84px layer-blur). The blob is pushed
       ABOVE the card top so only its lower fringe bleeds in at the top edge. */
            .ai-overview::before {
              content: '';
              position: absolute;
              top: -96px;
              left: -48px;
              right: -48px;
              height: 150px;
              background: linear-gradient(118deg, #E9D3E8 0%, #CDD3FB 100%);
              opacity: 0.8;
              filter: blur(46px);
              pointer-events: none;
              z-index: 0;
            }

            .ai-overview>* {
              position: relative;
              z-index: 1;
            }

            .ai-overview__header {
              display: flex;
              align-items: center;
              gap: 12px;
            }

            .ai-overview__brand {
              display: flex;
              align-items: center;
              gap: 8px;
              min-width: 0;
            }

            .ai-overview__spark {
              flex: none;
              width: 24px;
              height: 24px;
              display: inline-flex;
            }

            .ai-overview__spark svg {
              width: 24px;
              height: 24px;
            }

            .ai-overview__title {
              margin: 0;
              color: var(--text-default);
            }

            /* Collapsed state — only the header row remains; chevron flips to point down. */
            .ai-overview.is-collapsed .ai-overview__summary {
              display: none;
            }

            .ai-overview.is-collapsed .ai-overview__intro {
              padding-bottom: 18px;
            }

            .ai-overview__summary {
              display: flex;
              gap: 6px;
              margin-top: 16px;
              align-items: center;
            }

            /* Вузько: «Замовити демо» стискала текст у колонку й вилазила
               за край — кнопка йде під текст на всю ширину блока. */
            @media (max-width: 600px) {
              .ai-overview__summary {
                flex-direction: column;
                align-items: stretch;
                gap: 12px;
              }

              .ai-overview__summary > .uiKit--button {
                width: 100%;
              }
            }

            .ai-overview__para {
              margin: 0;
              color: var(--text-subtle);
            }