Stirling-PDF/engine/src/default_templates/safe_agreement.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>SAFE Agreement</title>
  <style>
    /* ── Theme variables (replaced at generation time) ── */
    {{THEME_CSS}}

    /* ── Print / page setup ── */
    @page {
      size: A4;
      margin: 20mm;
    }

    * { box-sizing: border-box; margin: 0; padding: 0; }

    body {
      font-family: var(--theme-font, 'Helvetica Neue', Arial, sans-serif);
      font-size: 10pt;
      color: var(--theme-text, #1a1a1a);
      background: var(--theme-bg, #ffffff);
      line-height: 1.4;
    }

    .document {
      max-width: 170mm;
      margin: 0 auto;
    }

{{HEADER_CSS}}

    /* ── Divider ── */
    hr {
      border: none;
      border-top: 0.5pt solid var(--theme-border, #e2e8f0);
      margin: 6pt 0;
    }

    /* ── Meta grid ── */
    .meta-grid {
      display: grid;
      grid-template-columns: 120pt auto;
      row-gap: 2pt;
      margin-bottom: 8pt;
    }

    .meta-label {
      font-weight: 600;
      color: var(--theme-text-muted, #6b7280);
      font-size: 8.5pt;
    }

    .meta-value {
      font-size: 8.5pt;
      color: var(--theme-text, #1a1a1a);
    }

    /* ── Section heading ── */
    .section-heading {
      font-size: 10pt;
      font-weight: 700;
      color: var(--theme-primary, #1e3a5f);
      border-bottom: 1pt solid var(--theme-accent, #2563eb);
      padding-bottom: 2pt;
      margin: 10pt 0 6pt;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    /* ── Parties ── */
    .parties-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10pt;
      margin-bottom: 8pt;
    }

    .party-label {
      font-size: 8pt;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: var(--theme-accent, #2563eb);
      margin-bottom: 3pt;
    }

    .party-name {
      font-size: 9.5pt;
      font-weight: 600;
      color: var(--theme-heading, #111827);
      margin-bottom: 2pt;
    }

    .party-detail {
      font-size: 8pt;
      color: var(--theme-text-muted, #6b7280);
      line-height: 1.5;
    }

    /* ── Key financial terms highlight box ── */
    .terms-box {
      background: var(--theme-surface, #f8fafc);
      border: 0.5pt solid var(--theme-border, #e2e8f0);
      border-left: 3pt solid var(--theme-accent, #2563eb);
      padding: 8pt 10pt;
      margin-bottom: 8pt;
    }

    .terms-box-title {
      font-size: 8pt;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: var(--theme-accent, #2563eb);
      margin-bottom: 6pt;
    }

    .terms-kv {
      display: grid;
      grid-template-columns: 120pt auto;
      row-gap: 3pt;
    }

    .terms-kv-label {
      font-size: 8.5pt;
      font-weight: 600;
      color: var(--theme-text-muted, #6b7280);
    }

    .terms-kv-value {
      font-size: 8.5pt;
      font-weight: 700;
      color: var(--theme-heading, #111827);
    }

    /* ── Legal sections ── */
    .legal-section {
      margin-bottom: 8pt;
    }

    .legal-section-heading {
      font-size: 9.5pt;
      font-weight: 700;
      color: var(--theme-heading, #111827);
      margin-bottom: 3pt;
    }

    .legal-section-body {
      font-size: 9pt;
      line-height: 1.6;
      color: var(--theme-text, #1a1a1a);
      white-space: pre-line;
    }

    /* ── Signature block ── */
    .sig-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20pt;
      margin-top: 16pt;
    }

    .sig-col {
      font-size: 8.5pt;
    }

    .sig-party-label {
      font-size: 8pt;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: var(--theme-accent, #2563eb);
      margin-bottom: 20pt;
    }

    .sig-line {
      border-bottom: 0.75pt solid var(--theme-text, #1a1a1a);
      margin-bottom: 3pt;
      height: 14pt;
    }

    .sig-field-label {
      font-size: 7.5pt;
      color: var(--theme-text-muted, #6b7280);
      margin-bottom: 10pt;
    }

    /* ── Print overrides ── */
    @media print {
      body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
      .document { max-width: 100%; }
    }

    /* ── Page-break controls ── */
    thead { display: table-header-group; }
    tr { break-inside: avoid; page-break-inside: avoid; }
    .section-heading { break-after: avoid; page-break-after: avoid; }
    .legal-section-heading { break-after: avoid; page-break-after: avoid; }
    .sig-grid { break-inside: avoid; page-break-inside: avoid; }
    .sig-col { break-inside: avoid; page-break-inside: avoid; }
    .parties-grid { break-inside: avoid; page-break-inside: avoid; }
    .terms-box { break-inside: avoid; page-break-inside: avoid; }
    .terms-kv { break-inside: avoid; page-break-inside: avoid; }
  </style>
</head>
<body>
  <div class="document">

    <div class="top-bar"></div>

    <!-- Header -->
    <div class="doc-header">
      {{LOGO_BLOCK}}
      <div class="doc-header-text">
        <div class="doc-title">{{AGREEMENT_TITLE}}</div>
        <div class="doc-subtitle">Simple Agreement for Future Equity</div>
      </div>
    </div>

    <hr>

    <!-- Meta -->
    <div class="meta-grid">
      <span class="meta-label">Reference:</span>        <span class="meta-value">{{AGREEMENT_REF}}</span>
      <span class="meta-label">Effective Date:</span>   <span class="meta-value">{{EFFECTIVE_DATE}}</span>
      <span class="meta-label">Governing Law:</span>    <span class="meta-value">{{GOVERNING_LAW}}</span>
      <span class="meta-label">Classification:</span>   <span class="meta-value">{{CONFIDENTIALITY_LABEL}}</span>
    </div>

    <hr>

    <!-- Parties -->
    <div class="section-heading">Parties</div>
    <div class="parties-grid">
      <div>
        <div class="party-label">Company</div>
        <div class="party-name">{{COMPANY_LEGAL_NAME}}</div>
        <div class="party-detail">{{COMPANY_ADDRESS}}</div>
      </div>
      <div>
        <div class="party-label">Investor</div>
        <div class="party-name">{{INVESTOR_LEGAL_NAME}}</div>
        <div class="party-detail">{{INVESTOR_ADDRESS}}</div>
      </div>
    </div>

    <!-- Key financial terms -->
    <div class="terms-box">
      <div class="terms-box-title">Key Financial Terms</div>
      <div class="terms-kv">
        <span class="terms-kv-label">Purchase Amount:</span>  <span class="terms-kv-value">{{PURCHASE_AMOUNT}}</span>
        <span class="terms-kv-label">Valuation Cap:</span>    <span class="terms-kv-value">{{VALUATION_CAP}}</span>
        <span class="terms-kv-label">Discount Rate:</span>    <span class="terms-kv-value">{{DISCOUNT_RATE}}</span>
      </div>
    </div>

    <!-- Legal sections -->
    <div class="section-heading">Agreement</div>

    <div class="legal-section">
      <div class="legal-section-heading">1. Purchase Amount</div>
      <div class="legal-section-body">In consideration of the rights described in this Agreement, the Investor agrees to invest {{PURCHASE_AMOUNT}} in the Company (the "Purchase Amount"). The Company shall use the Purchase Amount for general corporate and operating purposes.</div>
    </div>

    <div class="legal-section">
      <div class="legal-section-heading">2. Valuation Cap</div>
      <div class="legal-section-body">This SAFE is subject to a valuation cap of {{VALUATION_CAP}} (the "Valuation Cap"). The Valuation Cap is used to determine the number of shares issued to the Investor upon conversion of this SAFE.</div>
    </div>

    <div class="legal-section">
      <div class="legal-section-heading">3. Discount Rate</div>
      <div class="legal-section-body">This SAFE includes a discount rate of {{DISCOUNT_RATE}} applicable upon conversion. This discount shall be applied to the price per share paid by investors in the relevant equity financing round, and the Investor shall receive shares at the lower of the discounted price or the Valuation Cap price.</div>
    </div>

    <div class="legal-section">
      <div class="legal-section-heading">4. Most Favoured Nation</div>
      <div class="legal-section-body">{{MFN_TEXT}}</div>
    </div>

    <div class="legal-section">
      <div class="legal-section-heading">5. Conversion Events</div>
      <div class="legal-section-body">{{CONVERSION_EVENTS_TEXT}}</div>
    </div>

    <div class="legal-section">
      <div class="legal-section-heading">6. Termination</div>
      <div class="legal-section-body">{{TERMINATION_TEXT}}</div>
    </div>

    <div class="legal-section">
      <div class="legal-section-heading">7. Governing Law</div>
      <div class="legal-section-body">This Agreement shall be governed by and construed in accordance with the laws of {{GOVERNING_LAW}}.</div>
    </div>

    <!-- Signatures -->
    <div class="section-heading">Signatures</div>
    <div class="legal-section-body">IN WITNESS WHEREOF, the parties have executed this Agreement as of the date first written above.</div>
    <div class="sig-grid">
      <div class="sig-col">
        <div class="sig-party-label">For the Company</div>
        <div class="sig-line"></div>
        <div class="sig-field-label">Signature</div>
        <div class="sig-line"></div>
        <div class="sig-field-label">Name / Title: {{COMPANY_SIGNATORY}}</div>
        <div class="sig-line"></div>
        <div class="sig-field-label">Date: {{SIGNATURE_DATE}}</div>
      </div>
      <div class="sig-col">
        <div class="sig-party-label">For the Investor</div>
        <div class="sig-line"></div>
        <div class="sig-field-label">Signature</div>
        <div class="sig-line"></div>
        <div class="sig-field-label">Name / Title: {{INVESTOR_SIGNATORY}}</div>
        <div class="sig-line"></div>
        <div class="sig-field-label">Date: {{SIGNATURE_DATE}}</div>
      </div>
    </div>

  </div>
</body>
</html>