/* Scoped FAQ accordion styles */
/* Scoped custom properties and global animation only within the component */
.hs-scope{
  --ease: cubic-bezier(.2,.8,.2,1);
  --neon-cyan: #00e5ff;
  --neon-pink: #ff2fd3;
  --ring-w: 2px;
  --angle: 0deg;
  --radius: 12px;
  --glass: rgba(255,255,255,.06);
  --tile-h: 56px;
  --spin-time: 2.2s;
  animation: hueorbit var(--spin-time) linear infinite;
  color: #fff; /* keep text readable in dark/transparent contexts */
  background:
    radial-gradient(1200px 600px at 20% -10%, rgba(0,229,255,0.15), transparent),
    radial-gradient(1200px 800px at 100% 10%, rgba(255,47,211,0.12), transparent),
    #0b0f14;
  font-family: 'Vonca';
}
@property --angle { syntax: '<angle>'; initial-value: 0deg; inherits: true; }
@keyframes hueorbit{ to{ --angle: 360deg; } }

/* Reset/box-sizing only inside scope */
.hs-scope *, .hs-scope *::before, .hs-scope *::after{ box-sizing:border-box; }

/* Container */
.hs-scope .hs-wrap{
  max-width: min(860px, 92vw);
  margin: 0 auto;
  padding: 80px 16px;
  background: transparent; /* no outer background */
}

@media (max-width: 1024px){
  .hs-scope .hs-wrap{
    padding: 50px 16px;
  }
}
.hs-scope .hs-title{
  font-weight: 800; letter-spacing:.4px;
  margin: 0 0 14px 0; line-height:1.15;
  font-size: clamp(22px, 3.6vw, 32px);
}
.hs-scope .hs-subtitle{
  margin: 0 0 20px 0; opacity:.8;
  font-size: clamp(14px, 2.2vw, 16px);
}

/* Remove outer panel visuals completely */
.hs-scope .hs-panel{
  background: transparent;
  outline: none;
  box-shadow:none;
  padding:0;
  opacity:1;
  pointer-events:auto;
  transform:none;
}

/* Unified card container */
.hs-scope .hs-row{
  position:relative;
  border-radius: var(--radius);
  background: var(--glass);
  border: 1px solid rgba(255,255,255,.16);
  overflow: hidden;
  transition: transform .22s var(--ease), background .22s var(--ease);
}
.hs-scope .hs-row + .hs-row{ margin-top: 12px; }

/* Neon flux border applied to the whole card */
.hs-scope .hs-row::before{
  content:""; position:absolute; inset:0; border-radius:inherit; padding: var(--ring-w);
  background: conic-gradient(from var(--angle), var(--neon-cyan), var(--neon-pink), var(--neon-cyan));
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude; -webkit-mask-composite: xor;
  pointer-events:none; opacity:0; transition: opacity .22s var(--ease);
}
.hs-scope #hs-faq-accordion .hs-row:not(.open):hover::before,
.hs-scope .hs-row.open::before{ opacity:1; }

/* Header button inside card */
.hs-scope .hs-tile{
  -webkit-appearance:none; appearance:none;
  position:relative;
  display:flex; align-items:center; gap: 10px;
  width:100%; height:var(--tile-h);
  border-radius:0; /* inherits via container */
  color:#fff; font-weight:700; font-size:16px; text-align:left;
  background: transparent;
  border: none;
  line-height: 1;
  padding: 0 12px;
  cursor:pointer;
  opacity:1; /* ensure visibility regardless of global tile animations */
  transform:none;
  will-change:auto;
}
.hs-scope .hs-tile::before{
  content: none;
}
.hs-scope .hs-tile:hover::before,
.hs-scope .hs-tile:focus-visible::before{
  opacity: 0;
}
.hs-scope #hs-faq-accordion.has-open .hs-row:not(.open) .hs-tile:hover,
.hs-scope .hs-row.open .hs-tile:hover{
  background: transparent;
}

.hs-scope .hs-tile .hs-icon{ width:27.5px; display:inline-grid; place-items:center; opacity:.9; }
.hs-scope .hs-tile .hs-chev{ margin-left:auto; opacity:.8; transition: transform .25s var(--ease); }
.hs-scope .hs-tile .hs-chev i{ font-size: 22px; width:30px; text-align:center; }
.hs-scope .hs-tile:focus-visible{ outline:none; box-shadow: 0 0 0 3px rgba(0,229,255,.35) inset; }
.hs-scope .hs-row.open .hs-tile .hs-chev{ transform: rotate(90deg); }

/* Answer: visually part of the same card */
.hs-scope .hs-answer{
  display:grid; grid-template-columns: 1fr;
  background: rgba(255,255,255,.05);
  max-height:0;
  opacity:0;
  transform: translateY(-6px);
  transition:max-height .30s var(--ease), opacity .25s var(--ease), transform .25s var(--ease), visibility 0s linear .25s;
  visibility: hidden;
  overflow: hidden;
}
.hs-scope .hs-answer.open{
  opacity:1;
  transform:none;
  visibility: visible;
  transition-delay: 0s;
}
.hs-scope .hs-answer .hs-a-inner{
  padding: 14px 16px;
  font-size: 15px;
  line-height: 1.5;
  opacity:.95;
}

.hs-scope .hs-row.open .hs-answer{
  border-top: 1px solid rgba(255,255,255,.12);
}

/* Icon gradient mooch like menu */
.hs-scope #hs-faq-accordion:not(.has-open) .hs-row:hover .hs-icon i,
.hs-scope .hs-row.open .hs-icon i{
  background: conic-gradient(from var(--angle), var(--neon-cyan), var(--neon-pink), var(--neon-cyan));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

@media (max-width:560px){
  .hs-scope .hs-wrap{ margin: 0 auto; padding: 30px 12px; }
  .hs-scope{ --tile-h: 52px; }
}