.help-hero{position:relative;padding:4rem 0 3rem;overflow:hidden}.help-hero-inner{position:relative;z-index:1;max-width:640px;margin:0 auto;width:90%}.help-breadcrumb{display:inline-block;font-family:Manrope,sans-serif;font-size:.85rem;color:var(--color-text-muted);text-decoration:none;margin-bottom:1rem;transition:color .2s}.help-breadcrumb:hover{color:var(--color-link)}.help-h1{font-family:Spectral,Georgia,serif;font-weight:400;font-size:2.5rem;color:var(--color-heading);margin:0;line-height:1.15;max-width:600px;text-shadow:0 0 8px rgba(255,209,179,.15),0 0 16px rgba(255,209,179,.08);animation:help-glow 3s ease-in-out infinite alternate}@keyframes help-glow{0%{text-shadow:0 0 8px rgba(255,209,179,.15),0 0 16px rgba(255,209,179,.08)}to{text-shadow:0 0 10px rgba(255,209,179,.2),0 0 20px rgba(255,209,179,.1)}}.time-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;font-family:Manrope,sans-serif;font-size:.8rem;color:var(--color-text-muted);margin-top:.75rem}.help-content{max-width:640px;margin:0 auto;width:90%}.help-steps-section{padding:3rem 0}.steps-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem 2.5rem;position:relative;overflow:hidden}.steps-card:after{content:"";position:absolute;top:-50%;left:-100%;width:60%;height:200%;background:linear-gradient(105deg,transparent 40%,rgba(255,209,179,.04) 50%,transparent 60%);animation:entrance-shimmer 1.2s ease forwards .3s;pointer-events:none}@keyframes entrance-shimmer{to{left:150%}}.steps-intro{font-family:Manrope,sans-serif;font-size:.95rem;color:var(--color-text);line-height:1.6;margin:0}.steps-divider{border:none;height:1px;background:var(--color-border);margin:1.25rem 0}.steps-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.25rem}.step{display:flex;align-items:flex-start;gap:1rem}.step-number{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--color-accent);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-family:Spectral,serif;font-size:.875rem;color:var(--color-heading);margin-top:2px}.step-text{font-family:Manrope,sans-serif;font-size:.95rem;line-height:1.6;color:var(--color-text)}.step-text a{color:var(--color-link);text-decoration:none;border-bottom:1px solid var(--color-border);transition:color .2s,border-color .2s}.step-text a:hover{color:var(--color-link-hover);border-bottom-color:var(--color-link-hover)}.step-text strong{color:var(--color-heading);font-weight:600}.step-detail{display:block;font-size:.85rem;color:var(--color-text-muted);margin-top:.15rem}.section-sep{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem 0;color:var(--color-border);font-size:.65rem}.section-sep:before,.section-sep:after{content:"";flex:1;max-width:120px;height:1px;background:var(--color-border);opacity:.5}.help-screenshot-section{padding:0 0 3rem}.screenshot-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.screenshot-label{font-family:Manrope,sans-serif;font-size:.75rem;color:var(--color-text-muted);letter-spacing:.05em;align-self:flex-start}.screenshot-img{width:100%;max-width:520px;border-radius:8px;border:1px solid var(--color-border);display:block}.screenshot-caption{font-family:Manrope,sans-serif;font-size:.8rem;color:var(--color-text-muted);line-height:1.5;text-align:center;max-width:440px}.screenshot-caption strong{color:var(--color-text);font-weight:500}.screenshot-placeholder{width:100%;max-width:520px;aspect-ratio:4/3;border-radius:8px;border:2px dashed var(--color-border);display:flex;align-items:center;justify-content:center;font-family:Manrope,sans-serif;font-size:.85rem;color:var(--color-text-muted);background:#3f32444d}.help-privacy-section{padding:0 0 2rem}.privacy-note{font-family:Manrope,sans-serif;font-size:.85rem;color:var(--color-text-muted);line-height:1.5;margin:0;text-align:center}.help-cta-section{padding:2rem 0 4rem;text-align:center}.help-cta-heading{font-family:Spectral,Georgia,serif;font-weight:400;font-size:1.5rem;color:var(--color-heading);margin:0 0 1.5rem;text-shadow:0 0 8px rgba(255,209,179,.15),0 0 16px rgba(255,209,179,.08);animation:help-glow 3s ease-in-out infinite alternate}.help-cta{display:inline-block;padding:.85rem 2.5rem;background:var(--color-accent);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;font-family:Manrope,sans-serif;font-weight:600;font-size:.95rem;text-decoration:none;min-height:48px;transition:background .2s,color .2s,border-color .2s;cursor:pointer;position:relative;overflow:hidden}.help-cta:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:linear-gradient(135deg,transparent 0%,transparent 40%,var(--effect-shimmer-mid) 45%,var(--effect-shimmer-peak) 50%,var(--effect-shimmer-mid) 55%,transparent 60%,transparent 100%);background-size:300% 300%;pointer-events:none;opacity:0}.help-cta:hover:after{opacity:1;animation:holographic-shimmer 4.8s ease-in-out}.help-cta:hover{background:var(--color-surface);color:var(--color-link);border-color:var(--color-link)}.help-faq-link{display:inline-block;margin-top:1rem;font-family:Manrope,sans-serif;font-size:.85rem;color:var(--color-text-muted);text-decoration:none;min-height:48px;line-height:48px;transition:color .2s}.help-faq-link:hover{color:var(--color-link)}.fade-in{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media(max-width:768px){.help-hero{padding:3rem 0 2rem}.help-h1{font-size:2rem}.steps-card{padding:1.5rem}}@media(max-width:480px){.help-hero{padding:2rem 0 1.5rem}.help-hero-inner,.help-content{width:95%}.help-h1{font-size:1.5rem;animation:none}.steps-card{padding:1.25rem 1rem}.step-number{width:24px;height:24px;font-size:.75rem}.screenshot-card{padding:1rem}.help-cta{width:100%;text-align:center;display:block}.help-cta-heading{animation:none}}
