.help-hero{position:relative;isolation:isolate;display:grid;place-items:center;min-height:100svh;overflow:hidden;padding:72px 32px;background:radial-gradient(ellipse at 15% 20%,#dceaf780,transparent 50%),radial-gradient(ellipse at 90% 80%,#e3efe080,transparent 50%),var(--surface,#fff);color:var(--text,#172124)}
.help-network:where(.help-hero, .help-hero *){position:absolute;inset:0;z-index:-1;pointer-events:none;mask-image:radial-gradient(ellipse at center,transparent 8%,#0009 70%)}
.help-network svg:where(.help-hero, .help-hero *){width:100%;height:100%;min-height:640px;color:#779db4}
.help-network path:where(.help-hero, .help-hero *){fill:none;stroke:currentColor;stroke-width:1;opacity:.35}
.help-network circle:where(.help-hero, .help-hero *){fill:var(--surface,#fff);stroke:currentColor;stroke-width:1.5}
.help-network__orbit:where(.help-hero, .help-hero *){transform-box:fill-box;transform-origin:center;animation:help-drift 24s ease-in-out infinite alternate}
.help-network__orbit--two:where(.help-hero, .help-hero *){animation-name:help-drift-back;animation-duration:31s;animation-delay:-12s}
.help-network__orbit--three:where(.help-hero, .help-hero *){animation-duration:28s;animation-delay:-8s}
.help-hero__content:where(.help-hero, .help-hero *){max-width:640px;text-align:center;display:flex;align-items:center;flex-direction:column}
.help-brand:where(.help-hero, .help-hero *){display:flex;align-items:center;gap:12px;font-size:23px;font-weight:650;letter-spacing:-.8px;margin-bottom:52px}
.help-brand img:where(.help-hero, .help-hero *){display:block}
.help-hero__eyebrow:where(.help-hero, .help-hero *){font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2,#627177);margin-bottom:18px}
.help-hero h1{font-size:clamp(36px,4.5vw,64px);font-weight:600;line-height:1.07;letter-spacing:-.045em;margin:0;text-wrap:balance}
.help-hero p{max-width:480px;font-size:17px;line-height:1.65;color:var(--text-2,#627177);margin:24px 0 30px;text-wrap:pretty}
.help-hero__guides:where(.help-hero, .help-hero *){font-size:13px;color:var(--text-2,#627177);text-decoration:none;margin-top:22px;padding:8px}
.help-hero__guides:hover:where(.help-hero, .help-hero *){text-decoration:underline}
.help-hero :is(button,a):focus-visible{outline:2px solid currentColor;outline-offset:5px}
[data-scheme=dark] .help-hero{background:radial-gradient(ellipse at 15% 20%,#29425944,transparent 50%),radial-gradient(ellipse at 90% 80%,#30453844,transparent 50%),var(--surface,#172124)}
@keyframes help-drift{from{transform:translate(-18px,8px) rotate(-7deg)}to{transform:translate(35px,-28px) rotate(9deg)}}
@keyframes help-drift-back{from{transform:translate(28px,-18px) rotate(8deg)}to{transform:translate(-35px,30px) rotate(-10deg)}}
@media(max-width:768px){.help-hero{min-height:calc(100svh - 48px);padding:40px 24px 100px}.help-brand:where(.help-hero, .help-hero *){margin-bottom:36px}.help-hero h1{font-size:clamp(34px,10vw,48px)}.help-hero p{font-size:15px;margin:20px 0 26px}.help-network:where(.help-hero, .help-hero *){opacity:.7}}
@media(prefers-reduced-motion:reduce){.help-network__orbit:where(.help-hero, .help-hero *){animation:none}}

@media(max-width:768px){body:has(.mobile-bottom-nav) .help-hero{min-height:100svh}}

.help-hero .help-hero__chat{display:inline-flex;align-items:center;justify-content:center;margin-top:24px;padding:14px 26px;border-radius:24px;background:var(--accent);color:var(--accent-text);font-weight:600;text-decoration:none}