Embed

<div class="opsidian-embed" data-page="home">
  <style>
    .opsidian-embed{
      --bg:#F4F1EA;--surface:#EEE9DF;--text:#1B1F1B;--muted:#6B6F66;
      --primary:#3C5A40;--accent:#C17B59;--white:#fff;
      --radius:16px;--shadow:0 10px 30px rgba(27,31,27,.08);--maxw:1120px;
      --hfont:ui-sans-serif,system-ui,-apple-system,Inter,Segoe UI,Roboto,"Noto Sans",Arial;
      --bfont:ui-sans-serif,system-ui,-apple-system,Inter,Segoe UI,Roboto,"Source Sans 3",Arial
    }
    .opsidian-embed{font-family:var(--bfont);color:var(--text)}
    .ops-wrap{max-width:var(--maxw);margin:0 auto;padding:clamp(20px,4vw,48px)}
    .section{padding:clamp(28px,6vw,64px) 0;background:linear-gradient(180deg,var(--bg),#fff 60%)}
    .h1,.h2,.h3{font-family:var(--hfont);margin:0 0 .5rem}
    .h1{font-size:clamp(36px,6vw,56px);font-weight:800}
    .h2{font-size:clamp(28px,4.5vw,40px);font-weight:750}
    .h3{font-size:clamp(20px,3vw,24px);font-weight:700}
    .lead{font-size:clamp(16px,2.5vw,18px);color:var(--muted);max-width:70ch}
    .grid{display:grid;gap:clamp(16px,2.5vw,28px)}
    @media(min-width:768px){.cols-2{grid-template-columns:1fr 1fr}.cols-4{grid-template-columns:repeat(4,1fr)}}
    .card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:calc(clamp(16px,2.5vw,24px) + 0.5em)}
    .sep{height:1px;background:linear-gradient(90deg,transparent,rgba(107,111,102,.35),transparent);margin:20px 0}
    .cta{display:inline-flex;gap:10px;align-items:center;padding:12px 18px;border-radius:12px;font-weight:700;text-decoration:none}
    .cta.primary{background:var(--primary);color:#fff}
    .cta.ghost{border:1px solid currentColor;color:var(--text)}
    /* Faint bullets */
    .card ul{list-style:disc;padding-left:1.2em;color:var(--text)}
    .card ul li{margin-bottom:0.4em;color:var(--muted)}
  </style>

  <section class="section" aria-label="Hero">
    <div class="ops-wrap">
      <h1 class="h1">Opsidian: Ops in a Box for Startups</h1>
      <p class="lead">We build your People, Finance, Business Ops, and Post-Merger Integration foundations so you can scale faster, preserve cash, and stay focused on growth.</p>

      <div style="display:flex;gap:12px;flex-wrap:wrap">
        <a class="cta primary" href="/contact">Book a Call</a>
        <a class="cta ghost" href="/services">See Services</a>
      </div>

      <div class="sep"></div>

      <div class="grid cols-4" aria-label="Services overview">
        <div class="card">
          <div class="h3">People Operations</div>
          <ul>
            <li>Recruiting playbooks & scorecards</li>
            <li>ATS/HRIS selection & setup</li>
            <li>Total rewards & leveling</li>
            <li>Manager & employee onboarding</li>
            <li>Workforce planning aligned to runway</li>
          </ul>
          <a class="cta ghost" href="/contact">Discuss People Ops</a>
        </div>

        <div class="card">
          <div class="h3">Finance Operations</div>
          <ul>
            <li>Payroll & accounting workflows</li>
            <li>Monthly close cadence & reporting</li>
            <li>13-week cash runway & FP&A tools</li>
            <li>Compliance / audit prep (VC/PE)</li>
            <li>Tech stack integration</li>
          </ul>
          <a class="cta ghost" href="/contact">Discuss Finance Ops</a>
        </div>

        <div class="card">
          <div class="h3">Business Operations</div>
          <ul>
            <li>Process mapping & SOPs</li>
            <li>Compliance & risk frameworks</li>
            <li>Workflow automation & tooling</li>
            <li>GTM ↔ Product handoffs</li>
            <li>Dashboards & operating cadence</li>
          </ul>
          <a class="cta ghost" href="/contact">Discuss BizOps</a>
        </div>

        <div class="card">
          <div class="h3">Post-Merger Integration</div>
          <ul>
            <li>Consolidated payroll & HRIS</li>
            <li>Standardized reporting & controls</li>
            <li>Compliance alignment</li>
            <li>Unified org design & comms</li>
            <li>90-day plans with milestones</li>
          </ul>
          <a class="cta ghost" href="/contact">Discuss Integration</a>
        </div>
      </div>

      <div class="sep"></div>

      <div class="card" role="region" aria-label="Final call to action">
        <div class="grid cols-2">
          <div>
            <div class="h3" style="margin:0">Let’s build your startup’s foundation.</div>
            <p class="lead">Fast setup · Fractional leadership · Clear documentation</p>
          </div>
          <div style="display:flex; align-items:center; justify-content:flex-end">
            <a class="cta primary" href="/contact">Work with Opsidian</a>
          </div>
        </div>
      </div>
    </div>
  </section>
</div>


Opsidian

Opsidian is “Ops in a Box” for start-ups and early-stage companies. We build the operational foundation—across People, Finance, and Business—so founders can focus on product and go-to-market strategy. Acting as a fractional partner, we set up the right infrastructure and hire at the right level to ensure scalability while preserving cash.
