/* SYBERTEQ — shared custom styles (glass design + matrix, brand teal→blue) */
.glass-card {
  background: rgba(13, 21, 38, 0.55);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.glass-card:hover {
  border-color: #3fd9c7;
  box-shadow: 0 0 30px rgba(63, 217, 199, 0.1);
  transform: translateY(-4px);
}
.btn-glow:hover { box-shadow: 0 0 20px rgba(63, 217, 199, 0.4); }
.bg-mesh {
  background: radial-gradient(circle at 50% 0%, rgba(63, 217, 199, 0.14) 0%, transparent 50%),
              radial-gradient(circle at 100% 50%, rgba(90, 125, 255, 0.08) 0%, transparent 50%);
}
.grad-text {
  background: linear-gradient(100deg, #3fd9c7, #4fa8e8 55%, #5a7dff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
@keyframes float { 0%{transform:translateY(0)} 50%{transform:translateY(-20px)} 100%{transform:translateY(0)} }
.floating { animation: float 6s ease-in-out infinite; }
#matrix { position: fixed; inset: 0; z-index: 0; opacity: 0.4; pointer-events: none; }
.veil {
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background: linear-gradient(rgba(7,11,20,0.6), rgba(7,11,20,0.88));
}
.reveal { opacity: 0; transform: translateY(28px); transition: opacity .7s ease, transform .7s ease; }
.reveal.in { opacity: 1; transform: none; }
details.faq { border: 1px solid rgba(255,255,255,0.1); border-radius: 16px; background: rgba(13,21,38,0.55); backdrop-filter: blur(20px); }
details.faq summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; padding: 22px 26px; font-weight: 700; color: #eef1f8; }
details.faq summary::-webkit-details-marker { display: none; }
details.faq summary::after { content: '+'; font-size: 24px; color: #3fd9c7; transition: transform .3s; }
details.faq[open] summary::after { transform: rotate(45deg); }
details.faq[open] { border-color: rgba(63,217,199,0.35); }
details.faq .faq-body { padding: 0 26px 22px; color: #8b95ab; }
.prose-dark h2 { font-family: 'Plus Jakarta Sans'; font-size: 28px; font-weight: 700; margin: 40px 0 16px; color: #eef1f8; }
.prose-dark p { margin-bottom: 18px; color: #b8c0d0; line-height: 1.75; }
.prose-dark ul { margin: 0 0 18px 22px; color: #b8c0d0; line-height: 1.75; list-style: disc; }