.help-hero{
  position:relative;
  overflow:clip;
  padding-top:78px;
  padding-bottom:72px;
  border-bottom:1px solid var(--color-line);
  background:linear-gradient(145deg,var(--color-canvas),var(--color-surface));
}
.help-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);
  gap:54px;
  align-items:center;
}
.help-hero-copy{min-width:0}
.help-hero-copy>.badge{margin-bottom:22px}
.help-hero-copy h1{max-width:760px;margin-bottom:20px}
.help-lead{
  max-width:690px;
  color:var(--color-muted);
  font-size:19px;
}
.help-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
  margin-bottom:22px;
}
.help-fact-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.help-orb{
  position:absolute;
  border-radius:50%;
  background:radial-gradient(circle,var(--color-brand-mid),transparent);
  pointer-events:none;
}
.help-orb-one{
  top:-18%;
  right:-7%;
  width:520px;
  height:520px;
}
.help-orb-two{
  bottom:-42%;
  left:18%;
  width:390px;
  height:390px;
}
.help-route{
  position:relative;
  min-width:0;
  padding:26px;
  box-shadow:var(--shadow-window);
}
.help-route::after{
  position:absolute;
  right:-10px;
  bottom:-10px;
  z-index:-1;
  width:86%;
  height:86%;
  border:1px solid var(--color-line);
  border-radius:var(--radius-md);
  background:var(--color-surface-strong);
  content:"";
}
.help-route-head{
  display:flex;
  align-items:center;
  gap:13px;
  padding-bottom:19px;
  border-bottom:1px solid var(--color-line);
}
.help-route-mark{
  display:grid;
  width:46px;
  height:46px;
  flex:0 0 auto;
  place-items:center;
  border-radius:var(--radius-sm);
  background:var(--color-brand-soft);
  color:var(--color-brand);
}
.help-route-kicker{
  color:var(--color-muted);
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.help-route-title{
  color:var(--color-ink);
  font-weight:800;
}
.help-route-list{
  display:grid;
  gap:0;
  margin:0;
  padding:12px 0 0;
  list-style:none;
}
.help-route-list li{
  position:relative;
  display:flex;
  gap:13px;
  align-items:flex-start;
  padding:12px 4px;
}
.help-route-list li:not(:last-child)::after{
  position:absolute;
  top:42px;
  bottom:-5px;
  left:18px;
  width:1px;
  background:var(--color-line);
  content:"";
}
.help-route-index{
  display:grid;
  width:29px;
  height:29px;
  flex:0 0 auto;
  place-items:center;
  border:1px solid var(--color-brand-mid);
  border-radius:var(--radius-pill);
  background:var(--color-brand-soft);
  color:var(--color-brand-deep);
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:800;
}
.help-route-list strong{display:block;font-size:14px}
.help-route-list small{
  display:block;
  margin-top:2px;
  color:var(--color-muted);
  font-size:12px;
}
.help-shell{
  padding-top:32px;
  padding-bottom:28px;
}
.help-shell>.toc-tabs{margin-bottom:0}
.help-intro{
  display:grid;
  grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);
  gap:58px;
  padding-top:76px;
  padding-bottom:74px;
  border-bottom:1px solid var(--color-line);
}
.help-section-label{
  display:block;
  margin-bottom:9px;
  color:var(--color-brand);
  font-family:var(--font-mono);
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
}
.help-intro h2{margin-bottom:0}
.help-intro-copy p{color:var(--color-muted)}
.help-intro-copy p:last-child{margin-bottom:0}
.help-category{
  padding-top:82px;
  padding-bottom:82px;
  border-bottom:1px solid var(--color-line);
}
.help-category-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);
  gap:42px;
  align-items:end;
  margin-bottom:32px;
}
.help-category-head h2{margin-bottom:0}
.help-category-head>p{
  margin-bottom:6px;
  color:var(--color-muted);
}
.help-category .faq-list{
  max-width:1000px;
  margin-inline:auto;
}
.help-category .faq-item{background:var(--color-paper)}
.help-category .callout{
  max-width:1000px;
  margin-right:auto;
  margin-left:auto;
}
.help-inline-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  margin-top:28px;
}
.help-billing-note{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:center;
  max-width:1000px;
  margin:32px auto 0;
  padding:28px;
}
.help-billing-note h3{
  margin-bottom:8px;
  font-size:24px;
}
.help-billing-note p{
  max-width:680px;
  margin-bottom:0;
  color:var(--color-muted);
}
.help-billing-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.help-closing{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:38px;
  align-items:center;
  margin-top:78px;
  padding:34px;
  border:1px solid var(--color-line);
  border-radius:var(--radius-md);
  background:var(--color-surface-strong);
  box-shadow:var(--shadow-card);
}
.help-closing h2{
  margin-bottom:10px;
  font-size:clamp(28px,3vw,40px);
}
.help-closing p{
  max-width:800px;
  margin-bottom:0;
  color:var(--color-muted);
}
@media (max-width:960px){
  .help-hero-grid{grid-template-columns:1fr}
  .help-route{max-width:680px}
  .help-category-head{grid-template-columns:1fr;gap:10px}
  .help-intro{grid-template-columns:1fr;gap:20px}
}
@media (max-width:768px){
  .help-hero{
    padding-top:54px;
    padding-bottom:56px;
  }
  .help-hero-grid{gap:34px}
  .help-lead{font-size:17px}
  .help-orb{display:none}
  .help-intro{
    padding-top:58px;
    padding-bottom:58px;
  }
  .help-category{
    padding-top:64px;
    padding-bottom:64px;
  }
  .help-billing-note,
  .help-closing{grid-template-columns:1fr}
  .help-billing-actions{width:100%}
}
@media (max-width:640px){
  .help-hero-actions{display:grid}
  .help-route{padding:20px}
  .help-route::after{display:none}
  .help-shell{padding-top:20px}
  .help-category-head{margin-bottom:24px}
  .help-inline-actions{display:grid}
  .help-billing-note,
  .help-closing{padding:22px}
  .help-billing-actions{display:grid}
}