/* AI ASSISTANT */
    .ai-section {
      background: linear-gradient(135deg, var(--gray-900) 0%, #1a237e 50%, #0D47A1 100%);
      padding: 5rem 2rem;
      position: relative;
      overflow: hidden
    }

    .ai-section::before {
      content: '';
      position: absolute;
      inset: 0;
      background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
    }

    .ai-container {
      max-width: 1200px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 4rem;
      align-items: center;
      position: relative;
      z-index: 1
    }

    .ai-text h2 {
      font-family: var(--font-head);
      font-size: clamp(1.8rem, 3vw, 2.5rem);
      font-weight: 800;
      color: white;
      line-height: 1.2;
      margin-bottom: 1rem
    }

    .ai-text h2 span {
      background: linear-gradient(90deg, #FFB74D, #FF9800);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent
    }

    .ai-text p {
      color: rgba(255, 255, 255, 0.75);
      line-height: 1.7;
      margin-bottom: 1.5rem
    }

    .ai-features {
      display: flex;
      flex-direction: column;
      gap: .8rem;
      margin-bottom: 2rem
    }

    .ai-feat {
      display: flex;
      align-items: center;
      gap: .8rem;
      color: rgba(255, 255, 255, 0.9);
      font-size: .9rem
    }

    .ai-feat i {
      color: var(--orange-light)
    }

    .ai-chat {
      background: rgba(255, 255, 255, 0.07);
      backdrop-filter: blur(12px);
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 20px;
      padding: 1.5rem;
      display: flex;
      flex-direction: column;
      gap: 1rem;
      max-height: 420px;
      overflow: hidden
    }

    .chat-header {
      display: flex;
      align-items: center;
      gap: .8rem;
      padding-bottom: 1rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1)
    }

    .chat-avatar {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--blue-light), var(--orange));
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 1rem
    }

    .chat-name {
      color: white;
      font-family: var(--font-head);
      font-weight: 700;
      font-size: .95rem
    }

    .chat-status {
      color: rgba(255, 255, 255, 0.5);
      font-size: .75rem;
      display: flex;
      align-items: center;
      gap: 4px
    }

    .status-dot {
      width: 7px;
      height: 7px;
      background: #4CAF50;
      border-radius: 50%;
      animation: pulse 2s infinite
    }

    .chat-messages {
      display: flex;
      flex-direction: column;
      gap: .8rem;
      flex: 1
    }

    .msg {
      max-width: 80%;
      padding: .75rem 1rem;
      border-radius: 14px;
      font-size: .85rem;
      line-height: 1.5;
      animation: fadeUp .4s ease both
    }

    .msg.bot {
      background: rgba(255, 255, 255, 0.1);
      color: rgba(255, 255, 255, 0.9);
      border-radius: 4px 14px 14px 14px;
      align-self: flex-start
    }

    .msg.user {
      background: linear-gradient(135deg, var(--orange-dark), var(--orange));
      color: white;
      border-radius: 14px 4px 14px 14px;
      align-self: flex-end
    }

    .chat-input-row {
      display: flex;
      gap: .6rem;
      padding-top: .5rem;
      border-top: 1px solid rgba(255, 255, 255, 0.1)
    }

    .chat-input {
      flex: 1;
      background: rgba(255, 255, 255, 0.1);
      border: 1px solid rgba(255, 255, 255, 0.15);
      border-radius: 50px;
      padding: .6rem 1rem;
      color: white;
      font-family: var(--font-body);
      font-size: .85rem;
      outline: none
    }

    .chat-input::placeholder {
      color: rgba(255, 255, 255, 0.4)
    }

    .chat-send {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--orange-dark), var(--orange));
      border: none;
      color: white;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all .3s
    }

    .chat-send:hover {
      transform: scale(1.1)
    }