/* GIOP FX V18E — FAQ */
#faq{
  min-height:100vh;
  align-items:flex-start;
  padding:112px 0 86px;
}
#faq::before{
  background:
    radial-gradient(circle at 82% 8%,rgba(10,182,255,.24),transparent 28%),
    radial-gradient(circle at 8% 88%,rgba(8,125,203,.12),transparent 30%),
    linear-gradient(135deg,#02060d 0%,#07182c 54%,#06385f 100%);
}
.faq-wrap{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  position:relative;
  z-index:3;
}
.faq-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,.55fr);
  align-items:end;
  gap:50px;
  padding-bottom:28px;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.faq-kicker{
  display:block;
  margin-bottom:13px;
  color:var(--electric);
  font-size:9px;
  font-weight:900;
  letter-spacing:.21em;
  text-transform:uppercase;
}
.faq-title{
  margin:0;
  font-size:clamp(48px,7vw,96px);
  line-height:.86;
  letter-spacing:-.06em;
  text-transform:uppercase;
}
.faq-title span{
  color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.82);
}
.faq-intro{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.7;
}
.faq-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:28px;
}
.faq-item{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(2,7,15,.66);
  overflow:hidden;
  transition:border-color .22s ease,background .22s ease;
}
.faq-item:hover,
.faq-item.open{
  border-color:rgba(10,182,255,.38);
  background:rgba(6,29,52,.78);
}
.faq-question{
  width:100%;
  min-height:76px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 30px;
  align-items:center;
  gap:13px;
  padding:16px 18px;
  border:0;
  background:transparent;
  color:white;
  text-align:left;
}
.faq-index{
  color:rgba(255,255,255,.30);
  font-size:8px;
  font-weight:900;
  letter-spacing:.13em;
}
.faq-question strong{
  font-size:14px;
  line-height:1.35;
}
.faq-plus{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid rgba(10,182,255,.26);
  color:var(--electric);
  font-size:18px;
  line-height:1;
  transition:transform .22s ease,background .22s ease;
}
.faq-item.open .faq-plus{
  transform:rotate(45deg);
  background:rgba(10,182,255,.10);
}
.faq-answer{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .26s ease;
}
.faq-item.open .faq-answer{
  grid-template-rows:1fr;
}
.faq-answer-inner{
  min-height:0;
  overflow:hidden;
}
.faq-answer-inner p{
  margin:0;
  padding:0 62px 20px 65px;
  color:rgba(255,255,255,.67);
  font-size:11px;
  line-height:1.7;
}
.faq-answer-inner strong{color:#fff}
.faq-support{
  margin-top:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:22px 24px;
  border:1px solid rgba(10,182,255,.24);
  background:linear-gradient(100deg,rgba(10,182,255,.09),rgba(2,7,15,.72));
}
.faq-support h3{
  margin:0 0 6px;
  font-size:21px;
}
.faq-support p{
  margin:0;
  color:var(--muted);
  font-size:11px;
  line-height:1.55;
}
.faq-support a{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 18px;
  border:1px solid var(--electric);
  background:var(--electric);
  color:var(--ink);
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:8px;
  font-weight:900;
}
@media(max-width:800px){
  #faq{padding-top:92px}
  .faq-head{grid-template-columns:1fr;gap:18px}
  .faq-grid{grid-template-columns:1fr}
  .faq-support{align-items:flex-start;flex-direction:column}
  .faq-support a{width:100%}
}
@media(max-width:520px){
  .faq-wrap{width:calc(100% - 30px)}
  .faq-question{grid-template-columns:26px minmax(0,1fr) 28px;padding:14px 13px}
  .faq-answer-inner p{padding:0 41px 18px 52px}
}
@media(prefers-reduced-motion:reduce){
  .faq-answer,.faq-plus{transition:none}
}