.fh-help {
  --help-bg: #111111;
  --help-surface: #1b1b1b;
  --help-accent: #e3e3e3;
  --help-text: #f5f5f5;
  --help-muted: #b8b8b8;
  color: var(--help-text);
  background: var(--help-bg);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  padding: 8px 0 28px;
  max-width: 900px;
  margin-inline: auto;
}
.fh-help *, .fh-help *::before, .fh-help *::after { box-sizing: border-box; }
.fh-help button { font: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.fh-help button:focus-visible { outline: 3px solid var(--help-accent); outline-offset: 4px; }
.fh-help button:disabled { cursor: default; opacity: .48; }
.fh-help-header { padding: 12px 2px 18px; }
.fh-help-eyebrow, .fh-help-guide-label { margin: 0 0 10px; color: var(--help-accent); font-size: 11px; font-weight: 700; letter-spacing: .15em; line-height: 1.5; }
.fh-help-title { margin: 0; font-size: clamp(28px, 7vw, 40px); font-weight: 600; letter-spacing: -.04em; line-height: 1.15; }
.fh-help-subtitle { color: var(--help-muted); margin: 10px 0 0; font-size: 14px; line-height: 1.6; }
.fh-help-disclaimer { margin: 0 0 22px; padding: 14px 16px; border: 1px solid #404040; border-radius: 14px; color: #dddddd; font-size: 12px; line-height: 1.65; }
.fh-help-chooser { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 20px; }
.fh-help-card { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; text-align: start; min-height: 132px; padding: 16px; border: 1px solid #404040; border-radius: 18px; background: var(--help-surface); color: var(--help-text); transition: border-color 160ms ease, background-color 160ms ease; }
.fh-help-card[aria-pressed="true"] { border-color: var(--help-accent); background: #292929; }
.fh-help-card:last-child { grid-column: 1 / -1; min-height: 108px; }
.fh-help-card-mark { color: var(--help-accent); font-size: 11px; font-weight: 700; letter-spacing: .08em; }
.fh-help-card-title { font-size: 16px; font-weight: 600; }
.fh-help-card-summary { color: var(--help-muted); font-size: 11px; line-height: 1.5; }
.fh-help-reader { border: 1px solid #404040; border-radius: 24px; padding: 22px 18px 18px; background: linear-gradient(145deg, #252525, var(--help-surface) 70%); }
.fh-help-scene { display: grid; grid-template-columns: 76px minmax(0, 1fr); align-items: start; gap: 16px; min-height: 224px; }
.fh-help-orbit { width: 76px; height: 76px; overflow: visible; margin-top: 8px; }
.fh-help-orbit-track { fill: none; stroke: #555555; stroke-width: 2; }
.fh-help-orbit-arc { fill: none; stroke: var(--help-accent); stroke-width: 3; stroke-linecap: round; transform: rotate(-90deg); transform-origin: center; }
.fh-help-orbit-number { fill: var(--help-accent); font-family: inherit; font-size: 21px; font-weight: 500; }
.fh-help-step-content { animation: fh-help-enter 180ms ease-out both; }
.fh-help-step-counter { color: var(--help-muted); font-size: 11px; margin: 8px 0 8px; }
.fh-help-step-title { margin: 0 0 10px; font-size: 20px; letter-spacing: -.025em; font-weight: 600; line-height: 1.3; }
.fh-help-step-text { margin: 0; color: #cccccc; font-size: 13px; line-height: 1.75; overflow-wrap: anywhere; }
.fh-help-progress { display: flex; gap: 8px; margin: 14px 0 18px; }
.fh-help-step-dot { flex: 1; min-width: 44px; min-height: 44px; border: 1px solid #777777; border-radius: 12px; background: #272727; color: #b8b8b8; font-size: 12px; font-weight: 600; }
.fh-help-step-dot[aria-current="step"] { background: var(--help-accent); color: #1b1b1b; border-color: var(--help-accent); }
.fh-help-step-controls, .fh-help-assistance-actions { display: flex; gap: 10px; }
.fh-help-button { display: inline-flex; flex: 1; justify-content: center; align-items: center; min-width: 44px; min-height: 48px; padding: 12px 14px; border-radius: 13px; border: 1px solid transparent; font-size: 12px; font-weight: 700; line-height: 1.45; text-align: center; }
.fh-help-button-primary { background: var(--help-accent); color: #1b1b1b; }
.fh-help-button-secondary { background: #272727; color: var(--help-text); border-color: #777777; }
.fh-help-availability { color: #cccccc; font-size: 11px; line-height: 1.7; margin: 18px 0 0; padding-top: 14px; border-top: 1px solid #404040; }
.fh-help-assistance { padding: 24px 2px 20px; }
.fh-help-assistance-title { margin: 0 0 8px; font-size: 18px; font-weight: 600; }
.fh-help-assistance-actions { margin-top: 16px; }
.fh-help-privacy { margin: 0; color: var(--help-muted); font-size: 11px; line-height: 1.65; border-top: 1px solid #404040; padding-top: 16px; }
.fh-help-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@keyframes fh-help-enter { from { opacity: .45; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@media (min-width: 680px) {
  .fh-help-chooser { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .fh-help-card:last-child { grid-column: auto; min-height: 132px; }
  .fh-help-card { padding: 14px; }
  .fh-help-reader { padding: 26px; }
  .fh-help-scene { grid-template-columns: 100px minmax(0, 1fr); min-height: 178px; }
  .fh-help-orbit { width: 92px; height: 92px; }
}
@media (max-width: 350px) {
  .fh-help-scene { grid-template-columns: 56px minmax(0, 1fr); gap: 10px; }
  .fh-help-orbit { width: 56px; height: 56px; }
  .fh-help-step-title { font-size: 18px; }
  .fh-help-assistance-actions { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  .fh-help *, .fh-help *::before, .fh-help *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

.fh-help-card:hover{border-color:#808080;background:#252525}
.fh-help-button-primary:hover{background:#ffffff}
.fh-help-button-secondary:hover,.fh-help-step-dot:hover{border-color:#a3a3a3}
.fh-help-step-dot[aria-current="step"]:hover{background:#ffffff}
.fh-help-card-title{overflow-wrap:anywhere;line-height:1.35}
.fh-help-progress{flex-wrap:wrap}

/* KYC preview is optional, finite and separate from actual payment actions. */
.fh-help-playback{margin-top:20px}
.fh-kyc-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:8px;padding:0;margin:0 0 12px;counter-reset:kyc}
.fh-kyc-overview-step{border-top:2px solid #555555;padding:12px 4px 4px;color:var(--help-muted);font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.fh-kyc-overview-step::before{counter-increment:kyc;content:counter(kyc,decimal-leading-zero);display:block;margin-bottom:8px;font-size:12px;font-weight:600}
.fh-kyc-overview-step[aria-current="step"]{border-color:var(--help-accent);color:var(--help-text)}
.fh-help-playback-button{width:100%;font-weight:600}
.fh-help-static{font-size:11px;margin:12px 0 0}
.fh-help-ai-action{width:100%;margin-top:24px}
.fh-help-privacy{margin-top:24px}
.fh-help-assistance{padding:20px 0 0;margin-top:24px;border-top:1px solid #404040}
.fh-help-assistance-title{font-size:14px}
.fh-help-assistance .fh-help-step-text{font-size:12px;color:var(--help-muted)}
.fh-help-assistance-actions{margin-top:8px}
.fh-help .fh-help-manager{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:8px 0;background:none;color:var(--help-muted);font-size:12px;font-weight:500;text-align:left}
.fh-help .fh-help-manager:hover{color:var(--help-text);text-decoration:underline;text-underline-offset:4px}