{# TEMP: hide the Posts/Recipes door CTAs for now (remove this {# Hero — three-door vestibule, projected from .ontoref/positioning/spine.ncl (ADR-057). Never an exposition of the core: the doors route, the prize is revealed once inside. Tech features live below the fold (Three Pillars / How it works). #}

{{ texts["home-hero-badge"] }} {# A · hero — the language-specific banner carries logo + headline + sub-hero + the four value nodes (baked in) and scales fluidly at every width, so it shows at all breakpoints. The h1/sub stay sr-only for SEO + a11y; the is click-to-zoom. #}

{{ texts["spine-hero"] }}

{{ texts["spine-sub"] }}

{% set hero_img = "ontoref-home-seguro" if lang == "es" else "ontoref-home-sure-footed" %} {# rotating definition-phrases by audience + focus #}

{{ texts["spine-hero"] }}

{# C · four doors — primary nav: each switches taglines AND reveals its panel #}

{{ texts["home-tagline-door-all"] }} {{ texts["spine-door-developer-label"] }} {{ texts["spine-door-infrastructure-label"] }} {{ texts["spine-door-personal-label"] }} {{ texts["spine-door-authoring-label"] }}

{# door panels — hidden until a door is clicked; 'all' hides all. A teaser that ROUTES to the door landing (full value-prop) + the live graph, never argues. #}

{# D · prize — the reward once inside #}

{{ texts["spine-prize"] }}

{{ texts["home-cta-explore"] }} {{ texts["home-cta-github"] }}

{# E · close — bookend with the hero #}

{{ texts["spine-close"] }}

{# Three Pillars #}

{{ texts["home-pillars-title"] }}

{{ texts["home-pillars-subtitle"] }}

{{ texts["home-pillar-impact-label"] }}

{{ texts["home-pillar-impact-title"] }}

{{ texts["home-pillar-impact-desc"] }}

{{ texts["home-pillar-witness-label"] }}

{{ texts["home-pillar-witness-title"] }}

{{ texts["home-pillar-witness-desc"] }}

{{ texts["home-pillar-shared-label"] }}

{{ texts["home-pillar-shared-title"] }}

{{ texts["home-pillar-shared-desc"] }}

{# Architecture image — config-driven & optional: shown only when the consumer's home FTL declares `home-arch-img-light` (per-site content, never hardcoded). #} {% if texts["home-arch-img-light"] %}

{{ texts["home-arch-title"] }}

{# The SVG carries its own dark surface + rounded corners — no wrapper card, or its background double-frames and clashes. Shown in both themes; wrapped in so the global lightbox makes it click-to-zoom. #}

{{ texts["home-arch-caption"] }}

{% endif %} {# How it works #}

{{ texts["home-how-title"] }}

{{ texts["home-how-subtitle"] }}

1

{{ texts["home-how-step1-title"] }}

{{ texts["home-how-step1-desc"] }}

2

{{ texts["home-how-step2-title"] }}

{{ texts["home-how-step2-desc"] }}

3

{{ texts["home-how-step3-title"] }}

{{ texts["home-how-step3-desc"] }}

{# CTA #}

{{ texts["home-cta-title"] }}

{{ texts["home-cta-desc"] }}

{{ texts["home-cta-primary"] }} {{ texts["home-cta-secondary"] }}

{# Hero tagline rotator — typed.js (typewriter) + native fade fallback #}