/* Fluxion hero loop. The host stage must be position: relative (or absolute) and paint the background gradient. */
.fh-root { position: absolute; inset: 0; overflow: hidden; pointer-events: none; color: #2170F7; font-family: var(--fh-sans, "Geist Variable", "Geist", ui-sans-serif, system-ui, sans-serif); }
.fh-layer { position: absolute; left: 0; top: 0; width: 2304px; height: 1200px; transform-origin: 0 0; }
.fh-cv { position: absolute; left: 0; top: 0; width: 2304px; height: 1200px; }
.fh-q, .fh-a { position: absolute; left: 0; top: 0; box-sizing: border-box; white-space: nowrap; color: #2170F7; box-shadow: 0 12px 32px rgba(0, 0, 0, .08); }
.fh-q { display: flex; align-items: center; height: 64px; padding: 0 30px; border-radius: 999px; font-size: 28px; letter-spacing: -0.01em; background: rgba(255, 255, 255, .82); }
.fh-qc { width: 2px; height: 30px; margin-left: 3px; background: currentColor; }
.fh-a { display: flex; flex-direction: column; justify-content: center; gap: 6px; height: 96px; padding: 0 30px; border-radius: 24px; background: #fff; }
.fh-ah, .fh-as { margin: 0; }
.fh-ah { font-size: 28px; font-weight: 500; letter-spacing: -0.015em; }
.fh-as { display: flex; align-items: center; gap: 10px; font-family: var(--fh-mono, "Geist Mono Variable", "Geist Mono", ui-monospace, monospace); font-size: 19px; color: rgba(33, 112, 247, .72); }
.fh-as svg { width: 20px; height: 20px; flex: none; }