<!-- BLOCK core-bleed — full-bleed image, optional caption.
     Slots: image_url, image_alt, caption -->
<section class="de-block de-block--flush de-bleed">
  <img class="de-bleed__img" src="{{image_url}}" alt="{{image_alt}}">
  {{#caption}}<p class="de-bleed__cap">{{caption}}</p>{{/caption}}
</section>

{
  "block": "core-bleed",
  "data": {
    "image_url": "assets/photo-pending.svg",
    "image_alt": "Photo pending",
    "caption": "Specimen caption · South Side, Chicago"
  }
}

<!-- BLOCK core-cta — the ask. Set inverse:true to run it on the ink ground.
     Slots: inverse, kicker, headline, body, primary_label, primary_url,
            secondary_label, secondary_url -->
<section class="de-block de-cta{{#inverse}} de-block--inverse{{/inverse}}">
  <div class="de-shell de-shell--narrow">
    {{#kicker}}<p class="de-kicker">{{kicker}}</p>{{/kicker}}
    <h2 class="de-h2">{{headline}}</h2>
    {{#body}}<p class="de-body de-lead de-cta__body">{{body}}</p>{{/body}}
    <div class="de-cta__actions">
      <a class="de-btn" href="{{primary_url}}">{{primary_label}}</a>
      {{#secondary_label}}<a class="de-btn de-btn--ghost" href="{{secondary_url}}">{{secondary_label}}</a>{{/secondary_label}}
    </div>
  </div>
</section>

{
  "block": "core-cta",
  "data": {
    "inverse": true,
    "kicker": "One address is all we need",
    "headline": "Get your cash offer.",
    "body": "No obligation, and no salesperson calling you for six months afterwards.",
    "primary_label": "Get cash offer",
    "primary_url": "#"
  }
}

<!-- BLOCK core-footer — contact, links, legal, unsubscribe.
     unsubscribe_url is REQUIRED on the email lane and must be the slug-based
     opt-out URL, not a host-specific one. Slots: brand_name, address, phone,
     email, columns[] {title, links[] {label, url}}, legal, unsubscribe_url,
     unsubscribe_label -->
<section class="de-block de-footer">
  <div class="de-shell">
    <div class="de-footer__grid">
      <div>
        <p class="de-kicker">{{brand_name}}</p>
        {{#address}}<p class="de-meta" style="margin:0 0 var(--sp-2);">{{address}}</p>{{/address}}
        {{#phone}}<p class="de-meta" style="margin:0;">{{phone}}</p>{{/phone}}
        {{#email}}<p class="de-meta" style="margin:0;"><a href="mailto:{{email}}">{{email}}</a></p>{{/email}}
      </div>
      {{#columns}}
      <div>
        <p class="de-kicker">{{title}}</p>
        <ul class="de-footer__links">
          {{#links}}<li><a href="{{url}}">{{label}}</a></li>{{/links}}
        </ul>
      </div>
      {{/columns}}
    </div>
    <p class="de-footer__legal">
      {{legal}}
      {{#unsubscribe_url}}<br><a href="{{unsubscribe_url}}">{{unsubscribe_label}}</a>{{/unsubscribe_url}}
    </p>
  </div>
</section>

{
  "block": "core-footer",
  "data": {
    "brand_name": "Diamond Equity Investments",
    "address": "Specimen address · Chicago, IL",
    "phone": "(000) 000-0000",
    "email": "chicago@example.com",
    "columns": [
      {
        "title": "Company",
        "links": [
          {
            "label": "How it works",
            "url": "#"
          },
          {
            "label": "About",
            "url": "#"
          }
        ]
      },
      {
        "title": "Legal",
        "links": [
          {
            "label": "Privacy",
            "url": "#"
          },
          {
            "label": "Terms",
            "url": "#"
          }
        ]
      }
    ],
    "legal": "Diamond Equity Investments buys houses directly. We are not acting as your agent or broker.",
    "unsubscribe_url": "#",
    "unsubscribe_label": "Unsubscribe"
  }
}

<!-- BLOCK core-hero — the opening statement.
     Slots: kicker, headline, subhead, primary_label, primary_url,
            secondary_label, secondary_url, image_url, image_alt -->
<section class="de-block de-hero">
  <div class="de-shell">
    {{#kicker}}<p class="de-kicker">{{kicker}}</p>{{/kicker}}
    <h1 class="de-h1">{{headline}}</h1>
    {{#subhead}}<p class="de-body de-lead de-hero__sub">{{subhead}}</p>{{/subhead}}
    {{#primary_label}}
    <div class="de-hero__actions">
      <a class="de-btn" href="{{primary_url}}">{{primary_label}}</a>
      {{#secondary_label}}<a class="de-btn de-btn--ghost" href="{{secondary_url}}">{{secondary_label}}</a>{{/secondary_label}}
    </div>
    {{/primary_label}}
    {{#image_url}}
    <div class="de-hero__art">
      <img class="de-img de-img--wide" src="{{image_url}}" alt="{{image_alt}}">
    </div>
    {{/image_url}}
  </div>
</section>

{
  "block": "core-hero",
  "data": {
    "kicker": "We buy houses · Chicago",
    "headline": "Just sell it as is.",
    "subhead": "No repairs. No showings. No commission. We walk it once, put a number in writing, and you pick the closing date.",
    "primary_label": "Get cash offer",
    "primary_url": "#",
    "secondary_label": "How it works",
    "secondary_url": "#"
  }
}

<!-- BLOCK core-masthead — logo bar.
     THE DIAMOND IS LOCKED ARTWORK. logo_url is sized and positioned here and
     nowhere else: never filter it, mask it, recolour it, or swap it for a
     redrawn mark. Slots: logo_url, home_url, brand_name, brand_where, aside -->
<section class="de-block de-block--flush">
  <div class="de-shell" style="padding-inline: var(--gutter);">
    <header class="de-masthead">
      <a class="de-masthead__lockup" href="{{home_url}}">
        <img class="de-masthead__gem" src="{{logo_url}}" alt="{{brand_name}}" width="34">
        <span>
          <span class="de-masthead__name">{{brand_name}}</span>
          {{#brand_where}}<span class="de-masthead__where">{{brand_where}}</span>{{/brand_where}}
        </span>
      </a>
      {{#aside}}<span class="de-masthead__aside">{{aside}}</span>{{/aside}}
    </header>
  </div>
</section>

{
  "block": "core-masthead",
  "data": {
    "logo_url": "assets/dei-diamond.png",
    "home_url": "#",
    "brand_name": "Diamond Equity Investments",
    "brand_where": "Chicago",
    "aside": "(000) 000-0000"
  }
}

<!-- BLOCK core-prose — headline plus body copy. The workhorse; repeat freely.
     Slots: kicker, headline, paragraphs[] (array of strings) -->
<section class="de-block de-prose">
  <div class="de-shell de-shell--narrow">
    {{#kicker}}<p class="de-kicker">{{kicker}}</p>{{/kicker}}
    {{#headline}}<h2 class="de-h2">{{headline}}</h2>{{/headline}}
    <div class="de-prose__body">
      {{#paragraphs}}<p class="de-body">{{.}}</p>{{/paragraphs}}
    </div>
  </div>
</section>

{
  "block": "core-prose",
  "data": {
    "kicker": "Why direct",
    "headline": "The condition is not the problem.",
    "paragraphs": [
      "Fire damage, a tenant who will not leave, a roof that failed two winters ago, an estate nobody has time to sort — none of it changes whether we buy.",
      "You are not fixing anything and you are not cleaning anything."
    ]
  }
}

<!-- BLOCK core-rule — the torn deckled edge. Set plain:true for a hairline.
     Slots: plain -->
<section class="de-block de-block--flush de-rule{{#plain}} de-rule--plain{{/plain}}">
  <div class="de-shell" style="padding-inline: var(--gutter);">
    <div class="de-rule__torn" role="separator"></div>
  </div>
</section>

{
  "block": "core-rule",
  "data": {}
}

<!-- BLOCK core-split — image beside text. Set flip:true to put the image right.
     Slots: flip, kicker, headline, paragraphs[], cta_label, cta_url,
            image_url, image_alt -->
<section class="de-block de-split{{#flip}} de-split--flip{{/flip}}">
  <div class="de-shell">
    <div class="de-split__grid">
      <div class="de-split__media">
        <img class="de-img de-img--square" src="{{image_url}}" alt="{{image_alt}}">
      </div>
      <div class="de-split__copy">
        {{#kicker}}<p class="de-kicker">{{kicker}}</p>{{/kicker}}
        <h2 class="de-h2">{{headline}}</h2>
        {{#paragraphs}}<p class="de-body">{{.}}</p>{{/paragraphs}}
        {{#cta_label}}<p style="margin-top: var(--sp-5);"><a class="de-btn de-btn--ghost" href="{{cta_url}}">{{cta_label}}</a></p>{{/cta_label}}
      </div>
    </div>
  </div>
</section>

{
  "block": "core-split",
  "data": {
    "kicker": "Any condition",
    "headline": "Take what you want. Leave the rest.",
    "paragraphs": [
      "We are the buyer, not a middleman shopping your address around."
    ],
    "cta_label": "See how it works",
    "cta_url": "#",
    "image_url": "assets/photo-pending.svg",
    "image_alt": "Photo pending"
  }
}

<!-- BLOCK deal-beforeafter — the renovation pair. Two photos, two labels, no
     slider: it must read the same in an email and on paper.
     Slots: kicker, headline, body, before_url, before_alt, before_label,
            after_url, after_alt, after_label -->
<section class="de-block de-ba">
  <div class="de-shell">
    {{#kicker}}<p class="de-kicker">{{kicker}}</p>{{/kicker}}
    {{#headline}}<h2 class="de-h2">{{headline}}</h2>{{/headline}}
    {{#body}}<p class="de-body">{{body}}</p>{{/body}}
    <div class="de-ba__pair" style="margin-top: var(--sp-6);">
      <figure style="margin:0;">
        <img class="de-img de-img--wide" src="{{before_url}}" alt="{{before_alt}}">
        <figcaption class="de-ba__label">{{before_label}}</figcaption>
      </figure>
      <figure style="margin:0;">
        <img class="de-img de-img--wide" src="{{after_url}}" alt="{{after_alt}}">
        <figcaption class="de-ba__label">{{after_label}}</figcaption>
      </figure>
    </div>
  </div>
</section>

{
  "block": "deal-beforeafter",
  "data": {
    "kicker": "What we do after",
    "headline": "The house gets its second life",
    "body": "What happens next is our cost and our problem.",
    "before_url": "assets/photo-pending.svg",
    "before_alt": "Before",
    "before_label": "The day we bought it",
    "after_url": "assets/photo-pending.svg",
    "after_alt": "After",
    "after_label": "The day it relisted"
  }
}

<!-- BLOCK deal-breakdown — the cash-offer maths, line by line. The numbers are
     the design; do not decorate them.
     Slots: kicker, headline, note, col_label, col_amount,
            lines[] {label, amount}, total_label, total_amount -->
<section class="de-block de-breakdown">
  <div class="de-shell de-shell--narrow">
    {{#kicker}}<p class="de-kicker">{{kicker}}</p>{{/kicker}}
    {{#headline}}<h2 class="de-h2">{{headline}}</h2>{{/headline}}
    <table class="de-breakdown__table">
      <thead>
        <tr><th scope="col">{{col_label}}</th><th scope="col">{{col_amount}}</th></tr>
      </thead>
      <tbody>
        {{#lines}}<tr><td>{{label}}</td><td class="de-num">{{amount}}</td></tr>{{/lines}}
        <tr class="de-breakdown__total"><td>{{total_label}}</td><td class="de-num">{{total_amount}}</td></tr>
      </tbody>
    </table>
    {{#note}}<p class="de-meta" style="margin-top: var(--sp-5);">{{note}}</p>{{/note}}
  </div>
</section>

{
  "block": "deal-breakdown",
  "data": {
    "kicker": "The maths",
    "headline": "What you keep",
    "col_label": "Line",
    "col_amount": "Amount",
    "lines": [
      {
        "label": "Offer price",
        "amount": "$212,000"
      },
      {
        "label": "Agent commission",
        "amount": "$0"
      },
      {
        "label": "Closing costs (we cover)",
        "amount": "$0"
      },
      {
        "label": "Repairs required",
        "amount": "$0"
      }
    ],
    "total_label": "Net to you at closing",
    "total_amount": "$212,000",
    "note": "Specimen figures."
  }
}

<!-- BLOCK deal-neighborhood — the map or street photo beside the local numbers.
     Slots: kicker, headline, body, image_url, image_alt,
            rows[] {label, value} -->
<section class="de-block de-hood">
  <div class="de-shell">
    {{#kicker}}<p class="de-kicker">{{kicker}}</p>{{/kicker}}
    {{#headline}}<h2 class="de-h2">{{headline}}</h2>{{/headline}}
    <div class="de-hood__grid" style="margin-top: var(--sp-6);">
      <img class="de-img de-img--wide" src="{{image_url}}" alt="{{image_alt}}">
      <div>
        {{#body}}<p class="de-body">{{body}}</p>{{/body}}
        <ul class="de-hood__list">
          {{#rows}}<li><span class="de-meta">{{label}}</span><b>{{value}}</b></li>{{/rows}}
        </ul>
      </div>
    </div>
  </div>
</section>

{
  "block": "deal-neighborhood",
  "data": {
    "kicker": "Context",
    "headline": "What the block is doing",
    "body": "Specimen comparables — pull real figures from current Cook County records.",
    "image_url": "assets/photo-pending.svg",
    "image_alt": "Map pending",
    "rows": [
      {
        "label": "Median sale, 0.5 mi, 90 days",
        "value": "$000,000"
      },
      {
        "label": "Days on market, median",
        "value": "00"
      },
      {
        "label": "Active listings, 0.5 mi",
        "value": "00"
      }
    ]
  }
}

<!-- BLOCK deal-property — one address, its photo and its facts. Repeat the
     block, or pass properties[] to the grid variant, for any number of homes.
     Slots: kicker, headline, properties[] {image_url, image_alt, address,
            city, facts[] {label, value}} -->
<section class="de-block de-property">
  <div class="de-shell">
    {{#kicker}}<p class="de-kicker">{{kicker}}</p>{{/kicker}}
    {{#headline}}<h2 class="de-h2">{{headline}}</h2>{{/headline}}
    <div class="de-grid de-grid--3">
      {{#properties}}
      <article class="de-frame de-property__card">
        <img class="de-img de-img--wide" src="{{image_url}}" alt="{{image_alt}}" style="border-radius:0;">
        <div class="de-property__body">
          <h3 class="de-property__addr">{{address}}</h3>
          <p class="de-property__city">{{city}}</p>
          <dl class="de-property__facts">
            {{#facts}}
            <div class="de-property__fact"><dt>{{label}}</dt><dd>{{value}}</dd></div>
            {{/facts}}
          </dl>
        </div>
      </article>
      {{/properties}}
    </div>
  </div>
</section>

{
  "block": "deal-property",
  "data": {
    "kicker": "Recently bought",
    "headline": "Cook County, last quarter",
    "properties": [
      {
        "image_url": "assets/photo-pending.svg",
        "image_alt": "Photo pending",
        "address": "4412 S Wabash Ave",
        "city": "Chicago, IL 60653",
        "facts": [
          {
            "label": "Beds",
            "value": "3"
          },
          {
            "label": "Baths",
            "value": "1.5"
          },
          {
            "label": "Sq ft",
            "value": "1,420"
          }
        ]
      },
      {
        "image_url": "assets/photo-pending.svg",
        "image_alt": "Photo pending",
        "address": "1907 N Kedzie Ave",
        "city": "Chicago, IL 60647",
        "facts": [
          {
            "label": "Beds",
            "value": "4"
          },
          {
            "label": "Baths",
            "value": "2"
          },
          {
            "label": "Sq ft",
            "value": "1,980"
          }
        ]
      },
      {
        "image_url": "assets/photo-pending.svg",
        "image_alt": "Photo pending",
        "address": "8123 S Marshfield",
        "city": "Chicago, IL 60620",
        "facts": [
          {
            "label": "Beds",
            "value": "3"
          },
          {
            "label": "Baths",
            "value": "1"
          },
          {
            "label": "Sq ft",
            "value": "1,150"
          }
        ]
      }
    ]
  }
}

<!-- BLOCK deal-status — the direct-buyer lifecycle: Just Bought, Under
     Contract, Renovation Complete, Just Listed, Just Sold.
     A DOT PLUS A WORD. Never a pill or capsule — that is a design law.
     Each step's `state` is one of: past | done | now | next
     Slots: kicker, headline, steps[] {label, state}, note -->
<section class="de-block de-block--tight">
  <div class="de-shell">
    {{#kicker}}<p class="de-kicker">{{kicker}}</p>{{/kicker}}
    {{#headline}}<h2 class="de-h3 de-h-flat" style="margin-bottom: var(--sp-5);">{{headline}}</h2>{{/headline}}
    <div class="de-status">
      {{#steps}}
      <span class="de-status__item" data-state="{{state}}">
        <span class="de-status__dot"></span>{{label}}
      </span>
      {{/steps}}
    </div>
    {{#note}}<p class="de-meta" style="margin-top: var(--sp-5);">{{note}}</p>{{/note}}
  </div>
</section>

{
  "block": "deal-status",
  "data": {
    "kicker": "Where this stands",
    "headline": "4412 S Wabash",
    "steps": [
      {
        "label": "Just bought",
        "state": "done"
      },
      {
        "label": "Under contract",
        "state": "done"
      },
      {
        "label": "Renovation complete",
        "state": "now"
      },
      {
        "label": "Just listed",
        "state": "next"
      },
      {
        "label": "Just sold",
        "state": "next"
      }
    ],
    "note": "The direct-buyer lifecycle, not the brokerage one."
  }
}

<!-- BLOCK long-columns — two-column body copy. Collapses to one on narrow
     screens and in email. Use for anything over ~400 words.
     Slots: kicker, headline, paragraphs[] -->
<section class="de-block de-columns">
  <div class="de-shell">
    {{#kicker}}<p class="de-kicker">{{kicker}}</p>{{/kicker}}
    {{#headline}}<h2 class="de-h2">{{headline}}</h2>{{/headline}}
    <div class="de-columns__body">
      {{#paragraphs}}<p class="de-body">{{.}}</p>{{/paragraphs}}
    </div>
  </div>
</section>

{
  "block": "long-columns",
  "data": {
    "kicker": "Background",
    "headline": "Selling as is, in Cook County",
    "paragraphs": [
      "Specimen body copy standing in for a long explanatory passage. It exists to prove that two columns hold their measure and that paragraphs do not break across the gutter.",
      "A second paragraph, so the column balance is visible.",
      "A third, because a two-column block with two paragraphs is not a real test of anything.",
      "A fourth, closing the passage out."
    ]
  }
}

<!-- BLOCK long-faq — static markup, deliberately. No <details>, no JS: it must
     render identically in a browser, an email client and on paper.
     Slots: kicker, headline, items[] {q, a} -->
<section class="de-block">
  <div class="de-shell de-shell--narrow">
    {{#kicker}}<p class="de-kicker">{{kicker}}</p>{{/kicker}}
    {{#headline}}<h2 class="de-h2">{{headline}}</h2>{{/headline}}
    <div class="de-faq__list" style="margin-top: var(--sp-6);">
      {{#items}}
      <div class="de-faq__item">
        <h3 class="de-faq__q">{{q}}</h3>
        <p class="de-faq__a">{{a}}</p>
      </div>
      {{/items}}
    </div>
  </div>
</section>

{
  "block": "long-faq",
  "data": {
    "kicker": "Questions",
    "headline": "The ones we actually get asked",
    "items": [
      {
        "q": "Do I pay anything?",
        "a": "No commission and no closing costs on our side. Specimen answer."
      },
      {
        "q": "What if there are tenants?",
        "a": "We buy occupied. You do not have to be the one to have that conversation."
      },
      {
        "q": "How fast can this close?",
        "a": "As fast as title clears, or as slow as you need."
      }
    ]
  }
}

<!-- BLOCK long-pagebreak — invisible on screen, a hard break on paper. Print
     lane only; harmless anywhere else. No slots. -->
<div class="de-pagebreak" aria-hidden="true"></div>

{
  "block": "long-pagebreak",
  "data": {}
}

<!-- BLOCK long-quote — the pull quote. One per page; it stops being a pull
     quote when there are two. Slots: quote, attribution -->
<section class="de-block de-block--tight">
  <div class="de-shell de-shell--narrow">
    <blockquote class="de-quote">
      <p>{{quote}}</p>
      {{#attribution}}<cite>{{attribution}}</cite>{{/attribution}}
    </blockquote>
  </div>
</section>

{
  "block": "long-quote",
  "data": {
    "quote": "Specimen pull quote. One per page — a second one stops it being a pull quote.",
    "attribution": "Specimen attribution"
  }
}

<!-- BLOCK long-signature — closes a letter or an offer sheet.
     Slots: signature_url, signature_alt, name, title, date -->
<section class="de-block de-block--tight">
  <div class="de-shell de-shell--narrow">
    <div class="de-signature">
      {{#signature_url}}<img class="de-signature__mark" src="{{signature_url}}" alt="{{signature_alt}}">{{/signature_url}}
      <hr class="de-signature__rule">
      <p class="de-signature__who" style="margin:0;">{{name}}{{#title}} · {{title}}{{/title}}{{#date}} · {{date}}{{/date}}</p>
    </div>
  </div>
</section>

{
  "block": "long-signature",
  "data": {
    "name": "Acquisition Manager",
    "title": "Diamond Equity Investments · Chicago",
    "date": "Specimen date"
  }
}

<!-- BLOCK long-steps — the numbered process. Counters are CSS-generated, so
     adding or removing a step never leaves a stale number behind.
     Slots: kicker, headline, steps[] {title, body} -->
<section class="de-block">
  <div class="de-shell de-shell--narrow">
    {{#kicker}}<p class="de-kicker">{{kicker}}</p>{{/kicker}}
    {{#headline}}<h2 class="de-h2">{{headline}}</h2>{{/headline}}
    <ol class="de-steps__list" style="margin-top: var(--sp-6);">
      {{#steps}}
      <li>
        <div>
          <h3 class="de-h3 de-h-flat" style="font-size:1rem; margin-bottom: var(--sp-2);">{{title}}</h3>
          <p class="de-body de-meta" style="margin:0;">{{body}}</p>
        </div>
      </li>
      {{/steps}}
    </ol>
  </div>
</section>

{
  "block": "long-steps",
  "data": {
    "kicker": "How it works",
    "headline": "Three steps, then it is done",
    "steps": [
      {
        "title": "Tell us the address",
        "body": "One form or one phone call. We do the research ourselves."
      },
      {
        "title": "We walk it once",
        "body": "Twenty minutes, one visit. No staging, no open house."
      },
      {
        "title": "You pick the date",
        "body": "Written offer, no obligation. Say yes and you choose the closing day."
      }
    ]
  }
}

<!-- BLOCK trust-guarantee — the promise, on its own slip of paper.
     The seal is an edged label, not a capsule tag.
     Slots: seal, headline, paragraphs[], signoff -->
<section class="de-block">
  <div class="de-shell de-shell--narrow">
    <div class="de-guarantee__slip">
      {{#seal}}<span class="de-guarantee__seal">{{seal}}</span>{{/seal}}
      <h2 class="de-h2">{{headline}}</h2>
      {{#paragraphs}}<p class="de-body">{{.}}</p>{{/paragraphs}}
      {{#signoff}}<p class="de-meta" style="margin-top: var(--sp-5);">{{signoff}}</p>{{/signoff}}
    </div>
  </div>
</section>

{
  "block": "trust-guarantee",
  "data": {
    "seal": "In writing",
    "headline": "The number we say is the number you get.",
    "paragraphs": [
      "No renegotiation on the courthouse steps. No inspection contingency invented late to shave the price.",
      "Specimen copy — real guarantee language must be reviewed before publication."
    ],
    "signoff": "Diamond Equity Investments · Chicago"
  }
}

<!-- BLOCK trust-manager — the acquisition manager. A named person with a real
     direct number; this block is the reason a seller calls back.
     Slots: kicker, photo_url, photo_alt, name, role, bio, phone, email,
            cta_label, cta_url -->
<section class="de-block de-manager">
  <div class="de-shell">
    {{#kicker}}<p class="de-kicker">{{kicker}}</p>{{/kicker}}
    <div class="de-manager__grid">
      <img class="de-img de-manager__photo de-img--square" src="{{photo_url}}" alt="{{photo_alt}}">
      <div>
        <h3 class="de-h3" style="margin-bottom: var(--sp-1);">{{name}}</h3>
        <p class="de-manager__role">{{role}}</p>
        {{#bio}}<p class="de-body" style="margin-top: var(--sp-4);">{{bio}}</p>{{/bio}}
        <ul class="de-manager__contact">
          {{#phone}}<li><a href="tel:{{phone}}">{{phone}}</a></li>{{/phone}}
          {{#email}}<li><a href="mailto:{{email}}">{{email}}</a></li>{{/email}}
        </ul>
        {{#cta_label}}<p style="margin-top: var(--sp-5);"><a class="de-btn de-btn--ghost" href="{{cta_url}}">{{cta_label}}</a></p>{{/cta_label}}
      </div>
    </div>
  </div>
</section>

{
  "block": "trust-manager",
  "data": {
    "kicker": "Your acquisition manager",
    "photo_url": "assets/photo-pending.svg",
    "photo_alt": "Portrait pending",
    "name": "Acquisition Manager",
    "role": "Diamond Equity Investments · Chicago",
    "bio": "One person owns your file start to finish. Specimen record.",
    "phone": "(000) 000-0000",
    "email": "chicago@example.com",
    "cta_label": "Book a walkthrough",
    "cta_url": "#"
  }
}

<!-- BLOCK trust-rating — the score line. `stars` is literal text (e.g. ★★★★★)
     so it survives email clients that strip everything clever.
     Slots: stars, score, source, count -->
<section class="de-block de-block--tight">
  <div class="de-shell">
    <div class="de-rating">
      <span class="de-rating__stars" aria-hidden="true">{{stars}}</span>
      <span class="de-rating__score de-num">{{score}}</span>
      <span class="de-meta">{{count}} · {{source}}</span>
    </div>
  </div>
</section>

{
  "block": "trust-rating",
  "data": {
    "stars": "★★★★★",
    "score": "4.9",
    "source": "Specimen source",
    "count": "000 reviews"
  }
}

<!-- BLOCK trust-stats — the proof numbers. Three or four; more reads as noise.
     Slots: kicker, headline, stats[] {number, label} -->
<section class="de-block">
  <div class="de-shell">
    {{#kicker}}<p class="de-kicker">{{kicker}}</p>{{/kicker}}
    {{#headline}}<h2 class="de-h2">{{headline}}</h2>{{/headline}}
    <div class="de-grid de-grid--3" style="margin-top: var(--sp-6);">
      {{#stats}}
      <div class="de-stats__item">
        <span class="de-stats__n de-num">{{number}}</span>
        <span class="de-stats__k">{{label}}</span>
      </div>
      {{/stats}}
    </div>
  </div>
</section>

{
  "block": "trust-stats",
  "data": {
    "kicker": "The record",
    "stats": [
      {
        "number": "000",
        "label": "Houses bought in Cook County"
      },
      {
        "number": "00",
        "label": "Average days to close"
      },
      {
        "number": "$0.0M",
        "label": "Paid to Chicago sellers"
      }
    ]
  }
}

<!-- BLOCK trust-testimonial — a seller in their own words. Repeat for more.
     Slots: kicker, quote, name, detail, photo_url, photo_alt -->
<section class="de-block de-testimonial">
  <div class="de-shell de-shell--narrow">
    {{#kicker}}<p class="de-kicker">{{kicker}}</p>{{/kicker}}
    <div class="de-testimonial__grid">
      {{#photo_url}}<img class="de-img de-testimonial__photo" src="{{photo_url}}" alt="{{photo_alt}}">{{/photo_url}}
      <blockquote style="margin:0;">
        <p class="de-testimonial__quote">{{quote}}</p>
        <p class="de-testimonial__who">{{name}}{{#detail}} · {{detail}}{{/detail}}</p>
      </blockquote>
    </div>
  </div>
</section>

{
  "block": "trust-testimonial",
  "data": {
    "kicker": "A seller, in their own words",
    "quote": "Specimen quote. Replace with a real, attributable seller testimonial before this goes anywhere public.",
    "name": "Seller name",
    "detail": "Specimen · Chicago",
    "photo_url": "assets/photo-pending.svg",
    "photo_alt": "Portrait pending"
  }
}