/* Ligeronex investor-ready FAQ — premium, editorial, expandable knowledge system. */
.faq {
  position:relative;
  overflow:hidden;
  padding:118px 0 132px;
  color:#eef8ff;
  background:
    radial-gradient(circle at 12% 20%,rgba(31,139,255,.10),transparent 28%),
    radial-gradient(circle at 90% 78%,rgba(65,215,255,.08),transparent 30%),
    linear-gradient(145deg,#020a17 0%,#04172e 54%,#020914 100%);
  border-top:1px solid rgba(92,200,255,.10);
}
.faq:before {
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(80,190,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(80,190,255,.035) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(90deg,#000,transparent 75%);
  pointer-events:none;
}
.faq-shell {
  position:relative;
  display:grid;
  grid-template-columns:minmax(300px,.72fr) minmax(520px,1.28fr);
  gap:90px;
  align-items:start;
}
.faq-intro { position:sticky; top:120px; }
.faq-intro .eyebrow { color:#55d9ff; }
.faq-intro h2 {
  margin:16px 0 22px;
  color:#fff;
  font:800 clamp(40px,4.2vw,62px)/1.02 Manrope,sans-serif;
  letter-spacing:-.055em;
}
.faq-intro>p { max-width:510px; margin:0; color:#a8bfd7; font-size:16px; line-height:1.8; }
.faq-signal {
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:30px;
  padding:10px 13px;
  border:1px solid rgba(81,208,255,.22);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:#c9eaff;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.faq-signal-dot { width:7px;height:7px;border-radius:50%;background:#55ddff;box-shadow:0 0 14px 4px rgba(85,221,255,.45);animation:faqLive 2s ease-in-out infinite; }
.faq-principles { display:flex;flex-wrap:wrap;gap:7px;margin-top:24px;max-width:480px; }
.faq-principles span { padding:7px 10px;border:1px solid rgba(104,184,235,.15);border-radius:999px;color:#7899b8;font-size:9px;letter-spacing:.1em;text-transform:uppercase; }
.faq-list-wrap { border-top:1px solid rgba(119,190,231,.18); }
.faq-item {
  margin:0;
  border-bottom:1px solid rgba(119,190,231,.18);
  transition:background .35s ease,border-color .35s ease;
}
.faq-item[open] { background:linear-gradient(90deg,rgba(33,151,255,.07),transparent); border-bottom-color:rgba(78,204,255,.28); }
.faq-item summary {
  position:relative;
  display:grid;
  grid-template-columns:42px 1fr 32px;
  align-items:center;
  gap:14px;
  padding:25px 18px;
  cursor:pointer;
  list-style:none;
  color:#e8f6ff;
  font-size:16px;
  transition:color .25s ease,padding .3s ease;
}
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary>span { color:#4aaee1;font:700 10px/1 Manrope,sans-serif;letter-spacing:.12em; }
.faq-item summary b { font:700 17px/1.4 Manrope,sans-serif; }
.faq-item summary i {
  width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(93,204,255,.24);border-radius:50%;color:#61dfff;font:400 20px/1 DM Sans,sans-serif;font-style:normal;transition:transform .35s ease,background .35s ease,color .35s ease;
}
.faq-item summary:hover { color:#73ddff; }
.faq-item summary:hover i { background:rgba(60,192,255,.10); }
.faq-item[open] summary { padding-bottom:14px; }
.faq-item[open] summary i { transform:rotate(45deg);background:#50cfff;color:#03142e; }
.faq-answer { padding:0 64px 25px 60px; max-width:820px; animation:faqAnswer .45s cubic-bezier(.22,1,.36,1); }
.faq-answer p { margin:0;color:#9eb7d0;font-size:14px;line-height:1.8; }
.faq-answer strong { color:#dff7ff; }
.faq-answer a { color:#5fddff;text-decoration:underline;text-underline-offset:3px; }
@keyframes faqLive { 0%,100%{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)} }
@keyframes faqAnswer { from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none} }
@media (prefers-reduced-motion:reduce) { .faq-signal-dot,.faq-answer { animation:none; } }
@media (max-width:900px) { .faq-shell{grid-template-columns:1fr;gap:48px}.faq-intro{position:relative;top:auto}.faq-intro h2{max-width:700px}.faq-answer{padding-left:60px;} }
@media (max-width:600px) { .faq{padding:82px 0 94px}.faq-item summary{grid-template-columns:30px 1fr 30px;padding:21px 8px}.faq-item summary b{font-size:14px}.faq-answer{padding:0 18px 22px 38px}.faq-intro h2{font-size:40px}.faq-principles{display:none;} }