// STUDIO — Find a Job page const { useState, useEffect, useMemo, useCallback, useRef } = React; // realistic job dataset (same shape as Signal's) const JOBS = [ { id: "FT-0481", title: "Staff Software Engineer, Platform", company: "Series C Health-Tech", loc: "Seattle, WA", remote: "Hybrid", type: "Direct Hire", area: "Tech & Engineering", level: "Staff", sal: [220, 280], stage: "Series C", posted: "2d", featured: true, isNew: true, desc: "Lead platform infrastructure for a profitable health-tech scale-up moving 30M patient interactions per month. Own service mesh, internal developer platform, and Kubernetes migration.", must: ["7+ yrs distributed systems", "Go or Rust", "Kubernetes at scale", "Strong written communication"], nice: ["Healthcare data experience", "Prior platform-team leadership"] }, { id: "FT-0479", title: "Senior Product Designer, Growth", company: "Stealth AI Startup", loc: "Remote", remote: "Remote", type: "Direct Hire", area: "Design & UX Research", level: "Senior", sal: [180, 230], stage: "Series A", posted: "3d", featured: false, isNew: true, desc: "Shape the product surface for an AI-native productivity tool used by 50k+ developers. Own onboarding, conversion, and core workflow.", must: ["6+ yrs product design", "Strong portfolio of shipped work", "Comfort with ambiguity"], nice: ["AI/ML tooling background", "Motion design"] }, { id: "FT-0476", title: "Senior Product Designer", company: "AI Health Startup", loc: "Remote (US)", remote: "Remote", type: "Direct Hire", area: "Design & UX Research", level: "Senior", sal: [170, 215], stage: "Series B", posted: "3d", featured: false, isNew: true, desc: "Design the patient experience for a connected-health platform. Work with clinicians, PMs, and a small in-house design team to ship across iOS, Android, and web.", must: ["5+ yrs product design", "End-to-end mobile shipped", "Research literate"], nice: ["Healthcare", "Accessibility expertise"] }, { id: "FT-0470", title: "Director of Product, Growth", company: "Consumer Marketplace", loc: "Bellevue, WA", remote: "Onsite", type: "Direct Hire", area: "Product", level: "Director", sal: [240, 310], stage: "Series C+", posted: "5d", featured: true, isNew: false, desc: "Own the growth surface for a profitable consumer marketplace doing $400M GMV. Lead a team of 6 PMs across acquisition, activation, and retention.", must: ["10+ yrs product, 3+ leading PMs", "Marketplace or consumer experience", "Quant-fluent"], nice: ["Two-sided marketplaces", "International growth"] }, { id: "FT-0468", title: "Principal Machine Learning Engineer", company: "Series B DevTools", loc: "Remote", remote: "Remote", type: "Direct Hire", area: "Tech & Engineering", level: "Principal", sal: [280, 360], stage: "Series B", posted: "6d", featured: false, isNew: false, desc: "Own model architecture and training pipeline for a code-generation product shipping to 200k+ developers. Direct path to founding-engineer scope.", must: ["Strong CS fundamentals", "Production ML systems at scale", "PyTorch or JAX"], nice: ["LLM training experience", "Open-source contributions"] }, { id: "FT-0463", title: "Head of Recruiting", company: "Climate Tech Scale-up", loc: "Seattle, WA", remote: "Onsite", type: "Direct Hire", area: "HR & Operations", level: "Director", sal: [195, 245], stage: "Series B", posted: "1w", featured: false, isNew: false, desc: "Build the recruiting org for a Series B climate-tech company scaling from 80 → 220 in 18 months. Own talent strategy, brand, and hiring systems.", must: ["5+ yrs in-house recruiting leadership", "Built recruiting teams from scratch", "Strong systems thinking"], nice: ["Climate or hardware industry", "DEI program design"] }, { id: "FT-0461", title: "Chief Financial Officer", company: "Vertical SaaS · Stealth", loc: "Bellevue, WA", remote: "Hybrid", type: "Direct Hire", area: "Finance & Accounting", level: "C-Suite", sal: [320, 420], stage: "Series C", posted: "1w", featured: false, isNew: false, desc: "First CFO for a $40M ARR vertical SaaS preparing for a 2027 growth round. Own FP&A, treasury, investor relations.", must: ["10+ yrs senior finance, 3+ as CFO", "SaaS finance fluency", "Audit-ready"], nice: ["IPO preparation", "Vertical SaaS experience"] }, { id: "FT-0457", title: "Chief of Staff to CEO", company: "Series C AI", loc: "Seattle, WA", remote: "Onsite", type: "Direct Hire", area: "Admin & Lifestyle", level: "Senior", sal: [180, 235], stage: "Series C", posted: "2w", featured: false, isNew: false, desc: "Right-hand to a technical founder leading a 220-person AI company. Own operating cadence, board prep, and special projects.", must: ["MBA or equivalent operational experience", "Top-tier writing", "Boardroom-ready"], nice: ["Ex-consulting", "Founder-adjacent experience"] }, { id: "FT-0455", title: "VP of Engineering", company: "FinTech · Series B", loc: "Seattle, WA", remote: "Hybrid", type: "Direct Hire", area: "C-Suite", level: "VP", sal: [280, 380], stage: "Series B", posted: "2w", featured: true, isNew: false, desc: "Lead a 60-person engineering org through 3× headcount growth. Own architecture, hiring, and engineering culture at a regulated FinTech.", must: ["10+ yrs eng leadership", "Built teams from 20 → 100+", "Regulated industry experience"], nice: ["FinTech or banking", "Public-cloud cost optimization"] }, { id: "FT-0449", title: "Lead Brand Designer", company: "DTC Consumer Brand", loc: "Seattle, WA", remote: "Hybrid", type: "Contract", area: "Design & UX Research", level: "Senior", sal: [140, 180], stage: "Series A", posted: "2w", featured: false, isNew: false, desc: "Refresh the brand system, packaging, and digital expression for a consumer brand entering its second growth phase. 6-month contract with intent to convert.", must: ["7+ yrs brand design", "Built brand systems end-to-end", "Print + packaging fluency"], nice: ["Sustainability or wellness brands"] }, { id: "FT-0447", title: "Senior Product Manager, AI", company: "Enterprise SaaS", loc: "Remote (US)", remote: "Remote", type: "Direct Hire", area: "Product", level: "Senior", sal: [200, 260], stage: "Series C+", posted: "3w", featured: false, isNew: false, desc: "Define and ship AI features inside a mature enterprise product used by 100k+ business users. Partner with ML and design.", must: ["7+ yrs PM, shipped AI features", "Comfortable with enterprise sales motion", "Strong written communication"], nice: ["MLOps awareness", "Prior B2B SaaS"] }, { id: "FT-0445", title: "Executive Assistant to CTO", company: "Series D SaaS", loc: "Bellevue, WA", remote: "Hybrid", type: "Direct Hire", area: "Admin & Lifestyle", level: "Mid", sal: [110, 145], stage: "Series C+", posted: "3w", featured: false, isNew: false, desc: "Support a CTO of a 600-person SaaS company. Calendar, communications, special projects. High-trust, high-confidentiality role.", must: ["5+ yrs supporting C-level execs", "Calendar tetris champion", "Discreet"], nice: ["Tech-industry exposure", "Project-management fluency"] }, ]; const AREAS = ["Tech & Engineering", "Design & UX Research", "Product", "Marketing", "C-Suite", "HR & Operations", "Finance & Accounting", "Admin & Lifestyle"]; const STAGES = ["Seed", "Series A", "Series B", "Series C", "Series C+", "Private Office"]; const REMOTE = ["Onsite", "Hybrid", "Remote"]; const TYPES = ["Direct Hire", "Contract", "Contract-to-hire"]; const VALUE_PROPS = [ { num: "01", title: <>Calibrated roles only., body: "Every role on this board has been calibrated directly with the hiring manager. No recycled listings, no surprise comp gaps." }, { num: "02", title: <>A real career partner., body: "You get a human consultant — not a sourcing bot — who knows the role, the team, and the path to offer. They'll prep you, advocate for you, and follow through." }, { num: "03", title: <>Honest about fit., body: "We close 91% of extended offers because we don't push the wrong fits. If it isn't right we'll say so — and we'll introduce you to what is." }, ]; const STEPS = [ { num: "01", title: <>Tell us what you want., body: "A 25-minute intro call to understand your trajectory, what you're optimizing for, and what's a hard no. We listen more than we pitch.", tag: "Day 1" }, { num: "02", title: <>We shortlist for you., body: "Within a week you'll have 3–5 calibrated roles — roles where we already know the team, the comp band, and the timeline.", tag: "Week 1" }, { num: "03", title: <>We run the process., body: "Prep, intros, debriefs, offer negotiation, close. We're with you end-to-end and beyond — Fuel candidates stay in our network for life.", tag: "Week 2+" }, ]; function useToggleSet(initial = []) { const [set, setSet] = useState(new Set(initial)); const toggle = useCallback((v) => { setSet((s) => { const n = new Set(s); n.has(v) ? n.delete(v) : n.add(v); return n; }); }, []); return [set, toggle, setSet]; } const NAV = [ { label: "Expertise", href: "index.html#expertise", panel: "expertise" }, { label: "Services", href: "index.html#services", panel: "services" }, { label: "Resources", href: "index.html#resources", panel: "resources" }, { label: "Find a Job", href: "jobs.html", panel: null, noUnderline: true, current: true }, { label: "About", href: "index.html#about", panel: null, noUnderline: true }, ]; const MEGA_PANELS = { expertise: { eyebrow: "Expertise · 8 practices", cols: [ { head: "Build", items: ["Tech & Engineering", "Product", "Design & UX Research"] }, { head: "Operate", items: ["HR & Operations", "Finance & Accounting", "Admin & Lifestyle"] }, { head: "Lead", items: ["C-Suite", "Marketing"] }, { head: "Featured", items: ["Browse all expertise →", "Submit a role"] }, ], }, services: { eyebrow: "Services · 3 modes", cols: [ { head: "01 — Recruiting & Staffing", items: ["Permanent placement", "Contract & contingent", "Embedded recruiting"] }, { head: "02 — Professional & Managed", items: ["Specialist teams", "Operational coverage", "Project execution"] }, { head: "03 — Digital Workers", items: ["AI agent design", "Workflow automation", "Human + agent hybrids"] }, { head: "Not sure?", items: ["Talk to a strategist →"] }, ], }, resources: { eyebrow: "Fuel for thought", cols: [ { head: "Field Notes", items: ["Hiring playbooks", "Career guides", "Salary trends 2026"] }, { head: "Case Studies", items: ["Provider case · Providence", "Scale-up case · Pacagen"] }, { head: "Podcast", items: ["Make Them Lose Sleep", "Browse all episodes →"] }, { head: "Subscribe", items: ["Monthly newsletter"] }, ], }, }; // ─── nav ───────────────────────────────────────────────────────────── function TopNav() { const [scrolled, setScrolled] = useState(false); const [open, setOpen] = useState(null); const closeT = useRef(null); const enter = (key) => { clearTimeout(closeT.current); setOpen(key); }; const leave = () => { closeT.current = setTimeout(() => setOpen(null), 120); }; useEffect(() => { const on = () => setScrolled(window.scrollY > 80); on(); window.addEventListener("scroll", on, { passive: true }); return () => window.removeEventListener("scroll", on); }, []); const stateClass = open ? "is-scrolled" : (scrolled ? "is-scrolled" : "is-light"); return (
Fuel Talent Upload Resume →
clearTimeout(closeT.current)} onMouseLeave={leave} />
); } function MegaMenu({ open, onMouseEnter, onMouseLeave }) { const p = open && MEGA_PANELS[open]; return (
{p && (
{p.eyebrow}
{p.cols.map((c) => (
{c.head}
    {c.items.map((it) => (
  • {it}
    • ))}
))}
)}
); } // ─── hero ──────────────────────────────────────────────────────────── function Hero({ jobsCount }) { const videoRef = useRef(null); useEffect(() => { const v = videoRef.current; if (!v) return; v.muted = true; v.play().catch(() => {}); }, []); return (
); } // ─── For Candidates value-prop band ────────────────────────────────── function ValueProps() { return (
For candidates

Job hunting shouldn't feel
like a part-time job.

§ 01 · Three commitments
{VALUE_PROPS.map((v) => (
{v.num} · Commitment

{v.title}

{v.body}

))}
); } // ─── 'How we run a search' explainer ───────────────────────────────── function Steps() { return (
How we run a search

Three steps,
no theatrics.

{STEPS.map((s) => (
{s.num}

{s.title}

{s.body}

{s.tag}
))}
); } // ─── Filter sidebar ────────────────────────────────────────────────── function FilterGroup({ title, options, selected, toggle, withCounts }) { return (

{title}

{options.map((o) => { const on = selected.has(o); const count = withCounts ? JOBS.filter((j) => j.area === o || j.remote === o || j.stage === o || j.type === o || j.level === o).length : null; return (
toggle(o)}> {o} {count !== null && {count}}
); })}
); } // ─── Resume upload band ────────────────────────────────────────────── function Resume() { return (
§ 03 · Upload resume

Can't find the right one?

Drop your resume and tell us what you're looking for. A real consultant — not a chatbot — will reach out within two business days with shortlisted roles, even if they're not on the board yet.

Upload my resume → Talk to a consultant →
↑
Drop your resume here
PDF · DOCX · max 8mb
Reviewed by humans · NEVER passed to ATS
); } // ─── App root ──────────────────────────────────────────────────────── function App() { const [q, setQ] = useState(""); const [loc, setLoc] = useState(""); const [stage, setStage] = useState("any"); const [areaSet, areaToggle] = useToggleSet(); const [remoteSet, remoteToggle] = useToggleSet(); const [typeSet, typeToggle] = useToggleSet(); const [sort, setSort] = useState("recent"); const [active, setActive] = useState(null); const [page, setPage] = useState(1); const perPage = 8; const filtered = useMemo(() => { const ql = q.toLowerCase(), ll = loc.toLowerCase(); let out = JOBS.filter((j) => (!ql || j.title.toLowerCase().includes(ql) || j.company.toLowerCase().includes(ql) || j.area.toLowerCase().includes(ql)) && (!ll || j.loc.toLowerCase().includes(ll)) && (stage === "any" || j.stage === stage) && (areaSet.size === 0 || areaSet.has(j.area)) && (remoteSet.size === 0 || remoteSet.has(j.remote)) && (typeSet.size === 0 || typeSet.has(j.type)) ); if (sort === "salary") out = out.sort((a, b) => b.sal[1] - a.sal[1]); else if (sort === "recent") out = out.sort((a, b) => parseInt(a.id.slice(3)) < parseInt(b.id.slice(3)) ? 1 : -1); return out; }, [q, loc, stage, areaSet, remoteSet, typeSet, sort]); const pageCount = Math.max(1, Math.ceil(filtered.length / perPage)); const visible = filtered.slice((page - 1) * perPage, page * perPage); useEffect(() => { setPage(1); }, [q, loc, stage, areaSet, remoteSet, typeSet]); useEffect(() => { if (!active) return; const onKey = (e) => { if (e.key === "Escape") setActive(null); }; window.addEventListener("keydown", onKey); return () => window.removeEventListener("keydown", onKey); }, [active]); return ( <> {/* Search panel */}
{/* Results */}
{filtered.length} {filtered.length === 1 ? "role" : "roles"} matched
Sort
{visible.length === 0 && (
No roles matched. Try clearing some filters — or upload your resume and we'll reach out as new roles open.
)} {visible.map((j) => (
setActive(j)}>
{j.id}
{j.featured && Featured} {j.isNew && New this week} {j.area} {j.remote} {j.stage}

{j.title}

Company · {j.company} Location · {j.loc} Level · {j.level} Posted · {j.posted} ago

{j.desc}

${j.sal[0]}–{j.sal[1]}K
View role →
))}
{filtered.length > perPage && (
Showing {(page - 1) * perPage + 1}–{Math.min(page * perPage, filtered.length)} of {filtered.length}
{Array.from({ length: pageCount }).map((_, i) => ( ))}
)}
{/* Detail slide-in */}
setActive(null)} /> ); } ReactDOM.createRoot(document.getElementById("app")).render();