/* ============================================================
   راوی — Waitlist (early-access) form
   ============================================================ */

.waitlist .wl-eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  font-size:13.5px;font-weight:600;color:var(--blue,#1F5BFF);
  background:var(--blue-50,#EAF0FF);
  border:1px solid var(--blue-100,#D6E2FF);
  padding:8px 16px;border-radius:99px;margin-bottom:20px;
}
.waitlist .wl-eyebrow .dot{
  width:7px;height:7px;border-radius:50%;background:var(--blue,#1F5BFF);
}

.wl-card{
  max-width:620px;margin:36px auto 0;
  background:#fff;
  border:1px solid var(--line,#E7E9EF);
  border-radius:20px;
  box-shadow:0 18px 50px -18px rgba(11,63,212,.16);
  padding:30px 30px 26px;
  text-align:right;
}

.wl-form{display:flex;flex-direction:column;gap:16px;}
.wl-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.wl-field{display:flex;flex-direction:column;gap:7px;}
.wl-field label{
  font-size:13.5px;font-weight:600;color:var(--ink,#13151B);
}
.wl-field .req{color:var(--danger,#D83A3A);}
.wl-field .opt{color:var(--muted,#8B94A3);font-weight:400;font-size:12.5px;}
.wl-field input{
  font-family:inherit;font-size:15px;
  color:var(--ink,#13151B);
  background:var(--paper,#F7F8FA);
  border:1.5px solid var(--line,#E7E9EF);
  border-radius:12px;
  padding:13px 16px;
  outline:none;
  transition:border-color .18s, box-shadow .18s, background .18s;
  width:100%;
}
.wl-field input::placeholder{color:var(--muted,#8B94A3);opacity:.75;}
.wl-field input:focus{
  border-color:var(--blue,#1F5BFF);
  background:#fff;
  box-shadow:0 0 0 4px rgba(31,91,255,.10);
}
.wl-err{
  font-size:12.5px;color:var(--danger,#D83A3A);font-weight:500;
}

.wl-submit{
  width:100%;justify-content:center;margin-top:4px;
}

.wl-trust{
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;
  margin-top:2px;
  font-size:12.5px;color:var(--muted,#8B94A3);
}
.wl-trust span{display:inline-flex;align-items:center;gap:6px;}
.wl-trust svg{color:var(--success,#10936A);flex:none;}

/* Honeypot — visually gone, still in DOM for bots */
.wl-hp{
  position:absolute !important;
  width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);
  white-space:nowrap;
}

/* Success state */
.wl-success{text-align:center;padding:18px 6px;}
.wl-success-ic{
  width:64px;height:64px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 18px;
  background:var(--mint,#E4F6F1);color:var(--success,#10936A);
  animation:wlPop .45s cubic-bezier(.22,1.4,.36,1) both;
}
.wl-success h3{
  font-size:21px;font-weight:700;letter-spacing:-.01em;
  color:var(--ink,#13151B);margin-bottom:10px;
}
.wl-success p{
  font-size:15px;line-height:1.8;color:var(--body,#4A5160);
  max-width:400px;margin:0 auto;
}
@keyframes wlPop{
  0%{transform:scale(.5);opacity:0;}
  100%{transform:scale(1);opacity:1;}
}

/* Social proof */
.wl-proof{
  margin-top:22px;
  font-size:14px;color:var(--body,#4A5160);
}
.wl-proof .wl-count{
  font-weight:800;color:var(--blue,#1F5BFF);font-size:16px;
}

@media(max-width:640px){
  .wl-card{padding:22px 18px 20px;border-radius:16px;}
  .wl-row{grid-template-columns:1fr;}
}