/* ============================================================
   Lexora — FAQ page  ("Light on Regulations")
   Same design language as About/Home: navy #09243C + teal
   #1F9C8A, Inter (display) + Public Sans (body). Scoped under
   .lexora-faq. Enqueued by inc/lexora-faq.php on the FAQ page.
   ============================================================ */
.lexora-faq{
  --navy:#09243C; --navy-700:#051B2E; --navy-600:#0B2F4A;
  --navy-50:#EAF1F7; --navy-100:#D5E3EF;
  --teal:#1F9C8A; --teal-400:#36B7A3; --teal-600:#17806F; --teal-50:#E7F4F1;
  --bg:#F5F7FA; --surface:#FFFFFF; --surface-2:#EEF2F6;
  --ink:#0B1F33; --ink-2:#566472; --ink-3:#8A95A1; --line:#E2E7EC; --line-2:#CDD5DD;
  --display:'Inter',system-ui,-apple-system,sans-serif;
  --body:'Public Sans',system-ui,-apple-system,sans-serif;
  --maxw:980px;
  --shadow-2:0 8px 30px rgba(11,31,51,.08);
  font-family:var(--body); color:var(--ink); background:var(--bg);
  font-size:17px; line-height:1.65; -webkit-font-smoothing:antialiased;
}
/* Remove the theme's 120px content padding so the hero sits flush. */
body.lexora-faq-active #pxl-main{padding-top:0!important;padding-bottom:0!important}

.lexora-faq *{box-sizing:border-box}
.lexora-faq a{color:inherit;text-decoration:none}
.lexora-faq button{font-family:inherit;cursor:pointer}
.lexora-faq h1,.lexora-faq h2,.lexora-faq h3{font-family:var(--display);font-weight:500;line-height:1.1;letter-spacing:-.025em;margin:0;color:var(--ink)}
.lexora-faq p{margin:0}
.lexora-faq .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
.lexora-faq .eyebrow{font-family:var(--display);font-weight:500;font-size:12.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--teal-600);display:inline-flex;align-items:center;gap:10px}
.lexora-faq .eyebrow::before{content:"";width:26px;height:1.5px;background:var(--teal);display:inline-block}
.lexora-faq .eyebrow.on-dark{color:var(--teal-400)}
.lexora-faq .eyebrow.on-dark::before{background:var(--teal-400)}
.lexora-faq .btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:500;
  font-size:15.5px;border-radius:11px;padding:15px 26px;transition:transform .12s,background .18s,border-color .18s,color .18s;
  border:1.5px solid transparent;line-height:1.2}
.lexora-faq .btn svg{width:18px;height:18px;flex-shrink:0}
.lexora-faq .btn-primary{background:var(--teal);color:#06231e}
.lexora-faq .btn-primary:hover{background:var(--teal-400);transform:translateY(-2px)}
.lexora-faq .btn-ghost{background:transparent;color:#EAF3F1;border-color:rgba(255,255,255,.28)}
.lexora-faq .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.06)}

/* ---------------- HERO ---------------- */
.lexora-faq .lx-hero{position:relative;background:var(--navy);color:#EAF3F1;overflow:hidden;padding:104px 0 88px;text-align:center}
.lexora-faq .lx-hero::before{content:"";position:absolute;inset:0;z-index:0;
  background:radial-gradient(50% 70% at 50% 0%,rgba(31,156,138,.34),transparent 62%);animation:lxglow 12s ease-in-out infinite alternate}
@keyframes lxglow{from{opacity:.75}to{opacity:1}}
.lexora-faq .lx-hero::after{content:"";position:absolute;inset:0;z-index:0;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:64px 64px;-webkit-mask-image:radial-gradient(110% 90% at 50% 0%,#000 30%,transparent 76%);
          mask-image:radial-gradient(110% 90% at 50% 0%,#000 30%,transparent 76%)}
.lexora-faq .lx-hero .wrap{position:relative;z-index:1}
.lexora-faq .lx-hero .eyebrow{justify-content:center}
.lexora-faq .lx-hero h1{color:#fff;font-size:clamp(34px,5vw,58px);font-weight:500;letter-spacing:-.035em;margin:20px 0 0}
.lexora-faq .lx-hero h1 .lit{position:relative;white-space:nowrap}
.lexora-faq .lx-hero h1 .lit::after{content:"";position:absolute;left:-2px;right:-2px;bottom:.08em;height:.28em;
  background:linear-gradient(90deg,var(--teal),var(--teal-400));border-radius:3px;z-index:-1;opacity:.9}
.lexora-faq .lx-hero .lede{max-width:60ch;margin:20px auto 0;font-size:17.5px;color:#B9CFCB;line-height:1.7}
.lexora-faq .jump{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}
.lexora-faq .jump a{font-family:var(--display);font-weight:500;font-size:14px;color:#D7E7E3;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);padding:9px 18px;border-radius:999px;transition:background .15s,border-color .15s}
.lexora-faq .jump a:hover{background:rgba(31,156,138,.18);border-color:var(--teal-400);color:#fff}

/* ---------------- FAQ GROUPS ---------------- */
.lexora-faq .lx-groups{padding:80px 0 40px}
.lexora-faq .lx-group{scroll-margin-top:110px}
.lexora-faq .lx-group + .lx-group{margin-top:56px}
.lexora-faq .grp-head{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.lexora-faq .grp-head .gic{width:50px;height:50px;border-radius:14px;background:var(--navy-50);color:var(--navy);display:grid;place-items:center;flex-shrink:0}
.lexora-faq .grp-head .gic svg{width:26px;height:26px}
.lexora-faq .grp-head .eyebrow{margin-bottom:4px}
.lexora-faq .grp-head h2{font-size:clamp(23px,3vw,30px);letter-spacing:-.025em}

/* accordion */
.lexora-faq .lx-acc{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow-2)}
.lexora-faq .lx-acc-item{border-bottom:1px solid var(--line)}
.lexora-faq .lx-acc-item:last-child{border-bottom:0}
.lexora-faq .lx-acc-head{width:100%;text-align:left;background:transparent;border:0;display:flex;align-items:center;gap:18px;
  padding:22px 26px;font-family:var(--display);font-weight:500;font-size:17px;color:var(--ink);line-height:1.4;transition:background .15s}
.lexora-faq .lx-acc-head:hover{background:var(--surface-2)}
.lexora-faq .lx-acc-head .acc-ico{margin-left:auto;width:30px;height:30px;border-radius:9px;background:var(--surface-2);
  border:1px solid var(--line);display:grid;place-items:center;flex-shrink:0;transition:transform .3s,background .2s,border-color .2s,color .2s;color:var(--ink-2)}
.lexora-faq .lx-acc-head .acc-ico svg{width:15px;height:15px}
.lexora-faq .lx-acc-item.open .lx-acc-head{color:var(--teal-600)}
.lexora-faq .lx-acc-item.open .acc-ico{background:var(--teal);border-color:var(--teal);color:#fff;transform:rotate(180deg)}
.lexora-faq .lx-acc-body{max-height:0;overflow:hidden;transition:max-height .32s ease}
.lexora-faq .lx-acc-inner{padding:0 26px 24px;font-size:15.5px;color:#3a4853;line-height:1.72;max-width:64ch}
.lexora-faq .lx-acc-inner strong{color:var(--ink);font-weight:500}
.lexora-faq .lx-acc-inner ul{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:11px}
.lexora-faq .lx-acc-inner ul li{position:relative;padding-left:28px}
.lexora-faq .lx-acc-inner ul li::before{content:"";position:absolute;left:0;top:6px;width:18px;height:18px;border-radius:50%;
  background:var(--teal-50);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317806F' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");
  background-size:11px;background-repeat:no-repeat;background-position:center}
.lexora-faq .lx-acc-inner ul li strong{color:var(--ink)}

/* ---------------- CTA ---------------- */
.lexora-faq .lx-cta-band{padding:30px 0 100px}
.lexora-faq .cta-inner{position:relative;background:linear-gradient(135deg,var(--navy-700),var(--navy));border-radius:26px;
  padding:56px 48px;overflow:hidden;text-align:center}
.lexora-faq .cta-inner::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 120% at 50% -10%,rgba(31,156,138,.4),transparent 60%)}
.lexora-faq .cta-inner > *{position:relative;z-index:1}
.lexora-faq .cta-inner h2{color:#fff;font-size:clamp(24px,3.2vw,34px);letter-spacing:-.03em;margin:12px auto 0;max-width:20ch}
.lexora-faq .cta-inner p{color:#A9C4BF;margin:14px auto 0;max-width:50ch;font-size:16px}
.lexora-faq .cta-inner .lx-cta{display:flex;flex-wrap:wrap;gap:13px;justify-content:center;margin-top:28px}

/* reveal */
.lexora-faq .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.lexora-faq .reveal.in{opacity:1;transform:none}
.lexora-faq .lx-hero .anim{opacity:0;transform:translateY(20px);animation:lxin .8s cubic-bezier(.2,.7,.2,1) forwards}
.lexora-faq .lx-hero .anim.d1{animation-delay:.05s}.lexora-faq .lx-hero .anim.d2{animation-delay:.16s}
.lexora-faq .lx-hero .anim.d3{animation-delay:.28s}.lexora-faq .lx-hero .anim.d4{animation-delay:.4s}
@keyframes lxin{to{opacity:1;transform:none}}

/* responsive */
@media(max-width:640px){
  .lexora-faq{font-size:16px}
  .lexora-faq .wrap{padding:0 18px}
  .lexora-faq .lx-hero{padding:84px 0 68px}
  .lexora-faq .lx-groups{padding:56px 0 28px}
  .lexora-faq .lx-acc-head{padding:18px 18px;font-size:15.5px;gap:12px}
  .lexora-faq .lx-acc-inner{padding:0 18px 20px;font-size:15px}
  .lexora-faq .grp-head{gap:13px}
  .lexora-faq .grp-head .gic{width:44px;height:44px}
  .lexora-faq .cta-inner{padding:42px 24px}
  .lexora-faq .cta-inner .lx-cta .btn{flex:1 1 100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
  .lexora-faq *{animation:none!important}
  .lexora-faq .reveal{opacity:1;transform:none}
  .lexora-faq .lx-hero .anim{opacity:1;transform:none}
  .lexora-faq .lx-acc-body{transition:none!important}
}