.pxs-faq-section{
  position:relative;
  padding:clamp(4.5rem,7vw,7rem) 0;
  background:#f7fafc;
  overflow:hidden;
}
.pxs-faq-section::before{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  right:-180px;
  top:-180px;
  border:1px solid rgba(235,101,48,.18);
  border-radius:50%;
  pointer-events:none;
}
.pxs-faq-section + .pxs-faq-section{padding-top:0;}
.pxs-faq-section__container{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);
  gap:clamp(2.5rem,7vw,7.5rem);
  align-items:start;
}
.pxs-faq-section__header{position:sticky;top:120px;}
.pxs-faq-section__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.65rem;
  margin-bottom:1rem;
  color:var(--color-primary);
  font-size:.78rem;
  font-weight:var(--w-bold);
  letter-spacing:.16em;
}
.pxs-faq-section__eyebrow::before{content:"";width:32px;height:2px;background:currentColor;}
.pxs-faq-section__title{
  margin:0;
  color:var(--color-text-heading);
  font-size:clamp(2rem,4vw,3.25rem);
  line-height:1.05;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-weight:var(--w-reg);
}
.pxs-faq-section__intro{max-width:42ch;margin-top:1.25rem;color:var(--color-text);font-size:1.05rem;line-height:1.7;}
.pxs-faq-section__intro p:last-child{margin-bottom:0;}
.pxs-faq-section__intro a,
.pxs-faq-item__answer a{color:var(--color-primary);text-decoration-thickness:1px;text-underline-offset:3px;}
.pxs-faq-list{border-top:1px solid rgba(67,86,98,.2);}
.pxs-faq-item{border-bottom:1px solid rgba(67,86,98,.2);background:transparent;}
.pxs-faq-item__question{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
  padding:1.45rem .25rem;
  color:var(--color-text-heading);
  cursor:pointer;
  list-style:none;
  font-size:clamp(1.05rem,1.7vw,1.3rem);
  font-weight:var(--w-med);
  line-height:1.35;
  transition:color .25s ease;
}
.pxs-faq-item__question::-webkit-details-marker{display:none;}
.pxs-faq-item__question::marker{content:"";}
.pxs-faq-item__question:hover,
.pxs-faq-item[open] > .pxs-faq-item__question{color:var(--color-primary);}
.pxs-faq-item__question:focus-visible{outline:2px solid var(--color-primary);outline-offset:5px;border-radius:3px;}
.pxs-faq-item__icon{
  position:relative;
  width:34px;
  height:34px;
  flex:0 0 34px;
  border:1px solid rgba(67,86,98,.28);
  border-radius:50%;
  transition:background-color .25s ease,border-color .25s ease,transform .25s ease;
}
.pxs-faq-item__icon::before,
.pxs-faq-item__icon::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:12px;
  height:1.5px;
  background:currentColor;
  transform:translate(-50%,-50%);
  transition:transform .25s ease;
}
.pxs-faq-item__icon::after{transform:translate(-50%,-50%) rotate(90deg);}
.pxs-faq-item[open] .pxs-faq-item__icon{color:#fff;background:var(--color-primary);border-color:var(--color-primary);transform:rotate(180deg);}
.pxs-faq-item[open] .pxs-faq-item__icon::after{transform:translate(-50%,-50%) rotate(0deg);}
.pxs-faq-item__answer{
  max-width:74ch;
  padding:0 4.25rem 1.6rem .25rem;
  color:var(--color-text);
  font-size:1rem;
  line-height:1.75;
}
.pxs-faq-item__answer p{margin:0 0 .85rem;}
.pxs-faq-item__answer p:last-child{margin-bottom:0;}
.pxs-faq-item__answer strong,
.pxs-faq-item__answer b{font-weight:var(--w-bold);}
.pxs-faq-item__answer em,
.pxs-faq-item__answer i{font-style:italic;}
.pxs-faq-item__answer ul,
.pxs-faq-item__answer ol{margin:.75rem 0 .9rem 1.25rem;}
.pxs-faq-item__answer li + li{margin-top:.35rem;}
@media (max-width:840px){
  .pxs-faq-section__container{grid-template-columns:1fr;gap:2rem;}
  .pxs-faq-section__header{position:static;}
  .pxs-faq-section__intro{max-width:62ch;}
}
@media (max-width:600px){
  .pxs-faq-section{padding:4rem 0;}
  .pxs-faq-item__question{gap:1rem;padding:1.2rem 0;}
  .pxs-faq-item__icon{width:30px;height:30px;flex-basis:30px;}
  .pxs-faq-item__answer{padding:0 0 1.35rem;}
}
@media (prefers-reduced-motion:reduce){
  .pxs-faq-item__question,
  .pxs-faq-item__icon,
  .pxs-faq-item__icon::before,
  .pxs-faq-item__icon::after{transition:none;}
}