.help-hero{
  position:relative;
  overflow-x:clip;
  max-width:100%;
  background:linear-gradient(180deg,var(--color-hero-top),var(--color-hero-bottom));
}
.help-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(135deg,var(--color-hatch) 0 1px,transparent 1px 16px);
  pointer-events:none;
}
.help-hero__inner{
  position:relative;
  z-index:2;
  display:flex;
  min-height:560px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding-top:82px;
  padding-bottom:88px;
  text-align:center;
}
.help-hero h1{
  max-width:820px;
  margin:22px auto 0;
  font-size:clamp(52px,5vw,68px);
}
.help-hero__lede{
  max-width:720px;
  margin:24px auto 0;
  font-size:17px;
}
.help-hero .button-row{
  justify-content:center;
  margin-top:28px;
}
.help-facts{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:9px;
  margin-top:28px;
}
.help-signal{
  position:absolute;
  right:max(var(--gutter),4vw);
  bottom:24px;
  width:min(420px,38vw);
  color:var(--color-accent);
  opacity:.16;
  pointer-events:none;
}
.help-signal path{
  fill:none;
  stroke:currentColor;
  stroke-width:1.2;
  stroke-linecap:round;
}
.help-main{
  background:var(--color-bg);
}
.help-content{
  position:relative;
}
.help-intro{
  display:grid;
  grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);
  gap:48px;
  align-items:start;
  margin-bottom:64px;
  padding:30px;
  border:1px solid var(--color-border-soft);
  border-radius:var(--radius-lg);
  background:var(--color-panel);
  box-shadow:var(--shadow-panel);
}
.help-intro h2{
  margin:8px 0 0;
  font-size:clamp(30px,3vw,42px);
}
.help-intro p:last-child{
  margin-bottom:0;
  font-size:16px;
}
.faq-section{
  padding-top:28px;
  padding-bottom:76px;
  border-bottom:1px solid var(--color-border);
}
.faq-section:last-of-type{
  border-bottom:0;
}
.faq-section__head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:18px;
  max-width:780px;
  margin-bottom:30px;
}
.faq-section__mark{
  display:grid;
  width:48px;
  height:48px;
  place-items:center;
  border-radius:var(--radius-sm);
  background:var(--color-lilac);
  color:var(--color-accent);
  box-shadow:var(--shadow-small);
}
.faq-section__head .kicker{
  margin-bottom:7px;
}
.faq-section__head h2{
  margin-bottom:12px;
  font-size:clamp(32px,4vw,46px);
}
.faq-section__head p:last-child{
  margin-bottom:0;
}
.faq-section .faq-list{
  max-width:940px;
  margin-left:auto;
}
.faq-section .faq-item{
  overflow:clip;
}
.faq-section .faq-item summary{
  font-size:16px;
}
.faq-answer{
  border-top:1px solid var(--color-border-soft);
  padding-top:18px;
}
.faq-answer p{
  line-height:1.85;
}
.faq-answer a{
  color:var(--color-accent);
  font-weight:700;
  text-decoration:underline;
  text-decoration-color:var(--color-accent-30);
  text-underline-offset:3px;
}
.help-callout{
  max-width:940px;
  margin-top:24px;
  margin-left:auto;
}
.help-link-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:center;
  max-width:940px;
  margin-top:24px;
  margin-left:auto;
  padding:26px;
  border:1px solid var(--color-border-soft);
  border-radius:var(--radius-md);
  background:var(--color-panel);
  box-shadow:var(--shadow-panel);
}
.help-link-panel h3{
  margin:7px 0 8px;
  font-family:var(--font-body);
  font-size:20px;
  font-weight:700;
  color:var(--color-text);
}
.help-link-panel p{
  margin-bottom:0;
}
.help-next{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:40px;
  align-items:center;
  margin-top:42px;
  padding:40px;
  border-radius:var(--radius-lg);
  background:var(--color-accent);
  box-shadow:var(--shadow-panel-hover);
}
.help-next h2,
.help-next p,
.help-next .kicker{
  color:var(--color-panel);
}
.help-next h2{
  margin:8px 0 12px;
  font-size:clamp(30px,4vw,44px);
}
.help-next p{
  max-width:760px;
  margin-bottom:0;
}
.help-next .btn-primary{
  border-color:var(--color-panel);
  background:var(--color-panel);
  color:var(--color-accent);
}
.help-next .btn-primary:hover{
  background:var(--color-lilac);
}
.help-next .btn-secondary{
  border-color:var(--color-panel);
  color:var(--color-panel);
}
.help-next .btn-secondary:hover{
  background:var(--color-panel);
  color:var(--color-accent);
}
@media (max-width:900px){
  .help-intro{
    grid-template-columns:minmax(0,1fr);
    gap:18px;
  }
  .faq-section .faq-list,
  .help-callout,
  .help-link-panel{
    margin-left:0;
  }
  .help-next{
    grid-template-columns:minmax(0,1fr);
  }
}
@media (max-width:768px){
  .help-hero__inner{
    min-height:0;
    padding-top:64px;
    padding-bottom:68px;
  }
  .help-hero h1{
    font-size:clamp(28px,9.8vw,40px);
  }
  .help-hero__lede{
    font-size:15px;
  }
  .help-signal{
    display:none;
  }
  .faq-section{
    padding-top:20px;
    padding-bottom:60px;
  }
  .help-link-panel{
    grid-template-columns:minmax(0,1fr);
  }
}
@media (max-width:640px){
  .help-hero__inner{
    padding-top:52px;
    padding-bottom:56px;
  }
  .help-facts{
    align-items:stretch;
  }
  .help-facts .chip{
    justify-content:center;
  }
  .help-intro{
    margin-bottom:48px;
    padding:22px;
  }
  .faq-section__head{
    grid-template-columns:minmax(0,1fr);
  }
  .faq-section__mark{
    width:44px;
    height:44px;
  }
  .faq-section .faq-item summary{
    padding-right:46px;
    font-size:15px;
  }
  .faq-answer{
    padding-right:18px;
    padding-left:18px;
  }
  .help-next{
    padding:26px 22px;
  }
}
@media (prefers-reduced-motion:reduce){
  .help-signal{
    transform:none;
  }
}