<div class="tm-result-page">

<!-- Header -->

<header class="tm-result-header">

<div class="tm-triad-pill">

<span class="tm-triad-pill-dot"></span>

<span>Starting Triad · {{10[1].fields.starting_triad}}</span>

</div>

<h1 class="tm-profile-title">

{{10[1].fields.profile_name}}

</h1>

<p class="tm-profile-subtitle">

Your Trinitarian Matrix snapshot — Essence, Inner, Current, and Integration Roads in one view.

</p>

</header>

<!-- Layout -->

<section class="tm-result-layout">

<!-- LEFT CARD: Result Block -->

<article class="tm-card">

<div class="tm-card-inner">

<div class="tm-card-title-row">

<h2>Result Block</h2>

<div class="tm-card-badge">Profile Summary</div>

</div>

<div class="tm-road-grid">

<!-- Essence -->

<div class="tm-road-chip">

<div class="tm-road-chip-label-row">

<span class="tm-road-label">Essence Road</span>

<span class="tm-road-id-pill">Road {{10[1].fields.essence_road_id}}</span>

</div>

<div class="tm-road-title">{{12.essence_label}}</div>

</div>

<!-- Inner -->

<div class="tm-road-chip">

<div class="tm-road-chip-label-row">

<span class="tm-road-label">Inner Road</span>

<span class="tm-road-id-pill">Road {{10[1].fields.inner_road_id}}</span>

</div>

<div class="tm-road-title">{{12.inner_label}}</div>

</div>

<!-- Current -->

<div class="tm-road-chip">

<div class="tm-road-chip-label-row">

<span class="tm-road-label">Current Road</span>

<span class="tm-road-id-pill">Road {{10[1].fields.current_road_id}}</span>

</div>

<div class="tm-road-title">

{{10[1].fields.current_label}}

</div>

</div>

<!-- Integration -->

<div class="tm-road-chip">

<div class="tm-road-chip-label-row">

<span class="tm-road-label">Integration Road</span>

<span class="tm-road-id-pill">Road {{10[1].fields.integration_road_id}}</span>

</div>

<div class="tm-road-title">

{{10[1].fields.integration_label}}

</div>

</div>

</div>

<div class="tm-result-summary">

{{13.result_block}}

</div>

</div>

</article>

<!-- RIGHT CARD: Narrative -->

<article class="tm-card tm-narrative-section">

<div class="tm-card-inner">

<h2>Narrative</h2>

<p class="tm-narrative-tagline">

{{12.echo_line}}

</p>

<div class="tm-narrative-body">

{{13.narrative_block}}

</div>

<div class="tm-cta-row">

<a href="{{13.next_steps_cta_url}}" class="tm-cta-primary" target="_blank" rel="noopener">

<span>{{13.next_steps_cta_label}}</span>

<span class="icon">↗</span>

</a>

<span class="tm-cta-note">

Your next step in the Trinitarian Matrix opens in a new tab.

</span>

</div>

</div>

</article>

</section>

<!-- OPTIONAL DEBUG: remove this block when things look good -->

<section class="tm-debug-strip">

<strong>DEBUG · Raw Data Check</strong>

[Airtable · Module 10]

profile_name: {{10[1].fields.profile_name}}

starting_triad: {{10[1].fields.starting_triad}}

essence_road_id: {{10[1].fields.essence_road_id}}

inner_road_id: {{10[1].fields.inner_road_id}}

current_road_id: {{10[1].fields.current_road_id}}

integration_road_id: {{10[1].fields.integration_road_id}}

current_label: {{10[1].fields.current_label}}

integration_label: {{10[1].fields.integration_label}}

[Module 12 · Labels + Echo]

essence_label: {{12.essence_label}}

inner_label: {{12.inner_label}}

echo_line: {{12.echo_line}}

[Module 13 · Result + Narrative + CTA]

result_block: {{13.result_block}}

narrative_block: {{13.narrative_block}}

cta_label: {{13.next_steps_cta_label}}

cta_url: {{13.next_steps_cta_url}}

</section>

</div>