/* PEM STUDIO - DIRECT CHAT WIDGET CSS */
.pem-chat-widget {
    position: fixed;
    bottom: 90px;
    right: 20px;
    width: 320px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
    z-index: 9999;
    overflow: hidden;
    display: none; /* hidden by default */
    font-family: inherit;
    border: 1px solid #eee;
}
.pem-chat-widget.active {
    display: block;
}
.chat-header {
    background: #6a11cb;
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
    color: white;
    padding: 15px 20px;
}
.chat-header p {
    margin: 0; font-weight: 700; font-size: 16px;
}
.chat-header span {
    font-size: 12px; opacity: 0.9;
}
.chat-team-list {
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.team-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-radius: 10px;
    text-decoration: none;
    transition: 0.2s;
    border: 1px solid #f0f0f0;
}
.team-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}
.team-btn i {
    font-size: 28px;
}
.team-btn div {
    display: flex; flex-direction: column;
}
.team-btn strong {
    font-size: 14px; color: #111;
}
.team-btn small {
    font-size: 11px; color: #666;
}
.team-1 { background: #f0fdf4; }
.team-1 i { color: #25D366; }
.team-2 { background: #f8f9ff; }
.team-2 i { color: #111; }
.form-btn { background: #fff; }
.form-btn i { color: #6a11cb; }

.pem-float-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    background: #25D366;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    box-shadow: 0 5px 20px rgba(37, 211, 102, 0.4);
    z-index: 9999;
    text-decoration: none;
    animation: pulse 2s infinite;
}
@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
    70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
    100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

/* ---- Who We Are ---- */
.meet{
  background:#181736;
  color:#EDEBF7;
  padding:56px 6vw;
}
.meet .narrow{max-width:700px;margin:0 auto;}
.meet h2{
  font-family:'Playfair Display', serif;
  color:#fff;
  font-size:1.8rem;
  margin-bottom:.5em;
}
.meet p{
  color:#C9C6E0;
  line-height:1.7;
  margin-bottom:1em;
}

.read-more-link{
  color:#7B3FE4;
  font-weight:600;
  text-decoration:none;
  border-bottom:2px solid #7B3FE4;
  padding-bottom:2px;
}
.read-more-link:hover{
  color:#5B27B8;
}

.pem-welcome{
  position:fixed;
  right:90px;            /* sits left of the float button; adjust if needed */
  bottom:28px;
  max-width:240px;
  background:#fff;
  color:#181736;
  padding:14px 28px 14px 16px;
  border-radius:14px 14px 4px 14px;
  box-shadow:0 8px 24px rgba(24,23,54,.18);
  font-size:.9rem;
  line-height:1.4;
  opacity:0;
  transform:translateY(10px);
  pointer-events:none;
  transition:opacity .4s, transform .4s;
  z-index:9999;
}
.pem-welcome.show{opacity:1;transform:translateY(0);pointer-events:auto;cursor:pointer;}
.pem-welcome strong{display:block;color:#7B3FE4;margin-bottom:2px;}
.pem-welcome-close{
  position:absolute;top:4px;right:8px;
  background:none;border:0;font-size:1.2rem;cursor:pointer;color:#888;
}

/* gentle pulse on the button to catch the eye */
.pem-float-btn.attention{animation:pemPulse 1.6s ease-in-out 3;}
@keyframes pemPulse{
  0%,100%{transform:scale(1);}
  50%{transform:scale(1.15);}
}