.faq-hero{position:relative;min-height:650px;padding:170px 0 92px;overflow:hidden;border-bottom:1px solid var(--wa-line);background:#060a0b}
.faq-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.15))}
.faq-glow{position:absolute;border-radius:50%;filter:blur(110px);opacity:.18;pointer-events:none}.faq-glow-a{width:520px;height:520px;inset:auto auto -260px -80px;background:#9fff00}.faq-glow-b{width:640px;height:640px;top:-230px;right:-160px;background:#395cff;opacity:.13}
.faq-hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:90px;align-items:center}
.faq-hero-copy{max-width:880px}.faq-hero h1{margin:24px 0 28px;font-size:clamp(64px,7.4vw,112px);line-height:.95;letter-spacing:-.065em}.faq-outline{color:transparent;-webkit-text-stroke:1.5px rgba(242,247,248,.68);text-stroke:1.5px rgba(242,247,248,.68)}
.faq-hero-text{max-width:720px;margin:0;color:var(--wa-muted);font-size:19px;line-height:1.85}
.faq-hero-index{position:relative;min-height:390px;border:1px solid var(--wa-line);border-radius:30px;background:rgba(9,14,16,.7);display:grid;place-items:center;overflow:hidden}
.faq-hero-index::before,.faq-hero-index::after{content:"";position:absolute;border:1px solid rgba(186,255,52,.18);border-radius:50%;width:300px;height:300px}.faq-hero-index::after{width:215px;height:215px;border-color:rgba(69,199,239,.2)}
.faq-index-mark{position:relative;z-index:2;display:grid;place-items:center;width:112px;height:112px;border-radius:50%;background:var(--wa-accent);color:#071006;font:800 72px/1 var(--wa-font-latin);box-shadow:0 0 0 16px rgba(186,255,52,.06)}
.faq-index-lines{position:absolute;inset:0}.faq-index-lines i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--wa-accent);box-shadow:0 0 18px rgba(186,255,52,.8)}.faq-index-lines i:nth-child(1){top:18%;left:19%}.faq-index-lines i:nth-child(2){top:29%;right:16%;background:#45c7ef}.faq-index-lines i:nth-child(3){bottom:17%;left:27%;background:#fff}.faq-index-lines i:nth-child(4){bottom:28%;right:24%}
.faq-hero-index small{position:absolute;bottom:24px;left:28px;color:#68777b;font:700 10px/1 var(--wa-font-latin);letter-spacing:.15em}
html[dir="rtl"] .faq-hero-copy{text-align:right}html[dir="rtl"] .faq-hero h1{line-height:1.22;letter-spacing:0;font-family:var(--wa-font-arabic)}html[dir="rtl"] .faq-outline{-webkit-text-stroke:1px rgba(242,247,248,.65);text-stroke:1px rgba(242,247,248,.65)}html[dir="rtl"] .faq-hero-text{line-height:2.05}

.faq-main{padding:92px 0 110px;background:#060a0b}
.faq-category-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr);gap:80px;align-items:end;margin-bottom:42px}.faq-category-head h2{max-width:760px;margin:14px 0 0;font-size:clamp(40px,4.8vw,72px);line-height:1.06;letter-spacing:-.05em}.faq-category-head>p{margin:0;color:var(--wa-muted);font-size:16px;line-height:1.9}
html[dir="rtl"] .faq-category-head{text-align:right}html[dir="rtl"] .faq-category-head h2{line-height:1.45;letter-spacing:0}html[dir="rtl"] .faq-category-head>p{line-height:2}
.faq-category-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--wa-line);border-bottom:1px solid var(--wa-line);margin-bottom:48px}
.faq-tab{min-width:0;padding:24px 20px;border-inline-end:1px solid var(--wa-line);text-align:start;color:#89979a;background:transparent;transition:.2s}.faq-tab:last-child{border-inline-end:0}.faq-tab small{display:block;margin-bottom:10px;color:#677478;font:700 10px/1 var(--wa-font-latin);letter-spacing:.12em}.faq-tab strong{display:block;color:#dce5e6;font-size:15px;line-height:1.5}.faq-tab:hover,.faq-tab.is-active{background:rgba(186,255,52,.045)}.faq-tab.is-active{box-shadow:inset 0 -2px 0 var(--wa-accent)}.faq-tab.is-active small{color:var(--wa-accent)}
html[dir="rtl"] .faq-tab{text-align:right}html[dir="rtl"] .faq-tab strong{line-height:1.8}
.faq-content-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:72px;align-items:start}
.faq-category-aside{position:sticky;top:118px;padding:32px;border:1px solid var(--wa-line);border-radius:24px;background:rgba(255,255,255,.015)}.faq-category-number{display:block;margin-bottom:70px;color:var(--wa-accent);font:800 clamp(64px,6vw,92px)/.9 var(--wa-font-latin);letter-spacing:-.06em}.faq-category-aside h3{margin:16px 0 14px;font-size:30px;line-height:1.22;letter-spacing:-.035em}.faq-category-aside>p:last-of-type{margin:0;color:var(--wa-muted);font-size:14px;line-height:1.85}.faq-side-line{display:flex;justify-content:space-between;align-items:center;margin-top:32px;color:#718085}.faq-side-line span{height:1px;flex:1;background:var(--wa-line);margin-inline-end:18px}.faq-side-line b{font:800 12px/1 var(--wa-font-latin);color:#fff}
html[dir="rtl"] .faq-category-aside{text-align:right}html[dir="rtl"] .faq-category-aside h3{line-height:1.65;letter-spacing:0}html[dir="rtl"] .faq-category-aside>p:last-of-type{line-height:2}
.faq-accordion{border-top:1px solid var(--wa-line)}.faq-item{border-bottom:1px solid var(--wa-line)}.faq-question{width:100%;display:grid;grid-template-columns:56px minmax(0,1fr) 44px;gap:18px;align-items:start;padding:28px 0;text-align:start;color:#f4f8f8;background:transparent}.faq-question .num{padding-top:5px;color:var(--wa-accent);font:800 11px/1 var(--wa-font-latin);letter-spacing:.08em}.faq-question .q{font-size:20px;font-weight:650;line-height:1.55}.faq-question .icon{width:36px;height:36px;border:1px solid var(--wa-line);border-radius:50%;display:grid;place-items:center;color:#aab6b8;font:400 20px/1 var(--wa-font-latin);transition:.25s}.faq-item.is-open .faq-question .icon{transform:rotate(45deg);border-color:rgba(186,255,52,.5);color:var(--wa-accent)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.faq-answer>div{overflow:hidden}.faq-answer p{max-width:820px;margin:0 44px 0 74px;padding:0 0 28px;color:var(--wa-muted);font-size:16px;line-height:1.9}.faq-item.is-open .faq-answer{grid-template-rows:1fr}
html[dir="rtl"] .faq-question{text-align:right}html[dir="rtl"] .faq-question .q{line-height:1.95}html[dir="rtl"] .faq-answer p{margin:0 74px 0 44px;text-align:right;line-height:2.1}
.faq-cta{padding:86px 0;border-top:1px solid var(--wa-line);background:#080c0d}.faq-cta-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.7fr);gap:90px;align-items:center}.faq-cta h2{margin:16px 0 0;font-size:clamp(46px,5.2vw,78px);line-height:1.04;letter-spacing:-.055em}.faq-cta-copy p{margin:0 0 26px;color:var(--wa-muted);font-size:16px;line-height:1.9}
html[dir="rtl"] .faq-cta-inner{text-align:right}html[dir="rtl"] .faq-cta h2{line-height:1.48;letter-spacing:0}html[dir="rtl"] .faq-cta-copy p{line-height:2}
@media(max-width:980px){.faq-hero-inner,.faq-category-head,.faq-content-grid,.faq-cta-inner{grid-template-columns:1fr}.faq-hero-inner{gap:48px}.faq-hero-index{min-height:300px}.faq-category-head{gap:24px}.faq-content-grid{gap:32px}.faq-category-aside{position:relative;top:auto}.faq-category-number{margin-bottom:28px}.faq-category-tabs{grid-template-columns:repeat(2,1fr)}.faq-tab:nth-child(2){border-inline-end:0}.faq-tab:nth-child(-n+2){border-bottom:1px solid var(--wa-line)}}
@media(max-width:720px){.faq-hero{min-height:auto;padding:126px 0 66px}.faq-hero-inner{gap:34px}.faq-hero h1{font-size:clamp(50px,15vw,72px);line-height:.98}.faq-hero-text{font-size:16px}.faq-hero-index{min-height:230px;border-radius:22px}.faq-index-mark{width:82px;height:82px;font-size:54px}.faq-category-tabs{grid-template-columns:1fr}.faq-tab,.faq-tab:nth-child(2){border-inline-end:0;border-bottom:1px solid var(--wa-line)}.faq-tab:last-child{border-bottom:0}.faq-main{padding:68px 0 76px}.faq-category-head{margin-bottom:30px}.faq-category-head h2{font-size:42px}.faq-category-aside{padding:24px}.faq-category-number{font-size:64px}.faq-question{grid-template-columns:36px minmax(0,1fr) 38px;gap:12px;padding:24px 0}.faq-question .q{font-size:17px}.faq-answer p,html[dir="rtl"] .faq-answer p{margin:0 0 0 48px;padding-bottom:24px}.faq-cta{padding:66px 0}.faq-cta-inner{gap:30px}}

/* v2 approval refinements: slow orbiting hero particles + reliable accordion + unified footer icons */
.faq-index-lines i{
  top:50% !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  margin:0;
  will-change:transform;
  animation-name:faqOrbitDot;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
}
.faq-index-lines i:nth-child(1){
  --faq-start:18deg;
  --faq-radius:150px;
  animation-duration:56s;
  background:var(--wa-accent);
}
.faq-index-lines i:nth-child(2){
  --faq-start:128deg;
  --faq-radius:107px;
  animation-duration:42s;
  animation-direction:reverse;
  background:#45c7ef;
}
.faq-index-lines i:nth-child(3){
  --faq-start:224deg;
  --faq-radius:150px;
  animation-duration:68s;
  background:#fff;
}
.faq-index-lines i:nth-child(4){
  --faq-start:306deg;
  --faq-radius:107px;
  animation-duration:48s;
  animation-direction:reverse;
  background:var(--wa-accent);
}
@keyframes faqOrbitDot{
  from{transform:translate(-50%,-50%) rotate(var(--faq-start)) translateX(var(--faq-radius)) rotate(calc(-1 * var(--faq-start)))}
  to{transform:translate(-50%,-50%) rotate(calc(var(--faq-start) + 360deg)) translateX(var(--faq-radius)) rotate(calc(-1 * (var(--faq-start) + 360deg)))}
}

.faq-answer{display:block;overflow:visible}
.faq-answer[hidden]{display:none!important}
.faq-answer>div{overflow:visible}
.faq-answer p{animation:faqAnswerIn .22s ease both}
.faq-item.is-open .faq-question .icon{transform:none}
@keyframes faqAnswerIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}

/* Match the approved About/Home footer social icons exactly. */
.footer-socials svg{width:18px;height:18px;display:block;flex:none}

@media(max-width:720px){
  .faq-index-lines i:nth-child(1),.faq-index-lines i:nth-child(3){--faq-radius:86px}
  .faq-index-lines i:nth-child(2),.faq-index-lines i:nth-child(4){--faq-radius:62px}
}
@media(prefers-reduced-motion:reduce){
  .faq-index-lines i{animation:none!important}
  .faq-index-lines i:nth-child(1){transform:translate(-50%,-50%) rotate(18deg) translateX(150px)}
  .faq-index-lines i:nth-child(2){transform:translate(-50%,-50%) rotate(128deg) translateX(107px)}
  .faq-index-lines i:nth-child(3){transform:translate(-50%,-50%) rotate(224deg) translateX(150px)}
  .faq-index-lines i:nth-child(4){transform:translate(-50%,-50%) rotate(306deg) translateX(107px)}
}