@omega.js/extension 0.1.0

package/dist/assets/themes/base/_layouts/frontend/pages/download.html

@@ -0,0 +1,793 @@
+---
+layout: frontend/core/base
+
+# ═══ /download — reimagined 2026-07-16 (manus-grade: the page knows your
+# platform and leads with YOUR button; everything else is one scroll away).
+# Data contract preserved: resolved.downloads.platforms drives cards + the
+# detection JS; site.targets.desktop.downloads[platform][artifact] supplies the
+# desktop URLs (#610 — the curated targets view is the ONE home). Each is a
+# DIRECT download of a versionless asset (#620), so a button hands over the
+# file and a desktop release never touches this page. The platform/artifact
+# keys below are the catalog's: a `type` with no derived URL renders no button.
+# Mobile derives nothing while MAM is parked, so every mobile store stays on
+# the notify form.
+
+# Hero Section
+hero:
+  headline: "Take {{ resolved.config.brand.name }} with you"
+  headline_accent: ""
+  description: "One account, every device."
+
+# Downloads Section
+downloads:
+  supported_platforms:
+    - "Windows"
+    - "macOS"
+    - "Linux"
+    - "Android"
+    - "iOS"
+  loading:
+    headline: "Detecting platform"
+    description: "Determining your operating system..."
+    button_text: "Please wait"
+  coming_soon_mobile:
+    headline: "Coming soon to mobile"
+    description: "Leave your email and the download link arrives the moment it ships."
+  not_available:
+    headline: "Not available yet"
+    description: "{{ resolved.config.brand.name }} is not currently available for this platform yet."
+  platforms:
+    - id: "mac"
+      name: "macOS"
+      icon: "apple"
+      description: "macOS 10.15+ (Apple Silicon & Intel)"
+      types:
+        - type: "universal"
+          name: "Download for macOS"
+          icon: "apple"
+    - id: "windows"
+      name: "Windows"
+      icon: "windows"
+      description: "Windows 10 and later"
+      types:
+        - type: "universal"
+          name: "Download for Windows"
+          icon: "windows"
+    - id: "linux"
+      name: "Linux"
+      icon: "linux"
+      description: "Ubuntu 18.04+ and friends"
+      types:
+        - type: "debian"
+          name: "Debian package"
+          icon: "linux"
+        - type: "appimage"
+          name: "AppImage"
+          icon: "linux"
+    - id: "ios"
+      name: "iOS"
+      icon: "apple"
+      description: "iOS 13 and later"
+      store_badge: "apple-app-store"
+      types:
+        - type: "universal"
+          name: "App Store"
+          icon: "apple"
+    - id: "android"
+      name: "Android"
+      icon: "android"
+      description: "Android 8.0 and later"
+      store_badge: "google-play-store"
+      types:
+        - type: "universal"
+          name: "Google Play"
+          icon: "android"
+
+# What travels with you — hairline rows. Named `highlights`, not `features`:
+# `features` is a CONFIG section now (the feature catalog, #647) and a page key
+# may not shadow one
+highlights:
+  superheadline:
+    text: "Included"
+  headline: "The install is the"
+  headline_accent: "easy part"
+  subheadline: ""
+  items:
+    - title: "Everything syncs"
+      description: "Sign in anywhere and your work is already there: desktop, mobile, browser."
+      icon: "rotate"
+    - title: "Updates itself"
+      description: "New versions arrive quietly in the background. You never install twice."
+      icon: "cloud-arrow-down"
+    - title: "Fast to first use"
+      description: "Small download, no bundled extras, running in under a minute."
+      icon: "bolt"
+    - title: "Secure by default"
+      description: "Signed builds and encrypted sync, on every platform."
+      icon: "shield-halved"
+
+# System Requirements Section
+system_requirements:
+  superheadline:
+    text: "Requirements"
+  headline: "Will it run?"
+  headline_accent: ""
+  subheadline: "Almost certainly. Here's the fine print."
+  desktop:
+    label: "Desktop"
+    icon: "desktop"
+    items:
+      - text: "2GB RAM minimum"
+        icon: "check"
+      - text: "500MB free disk space"
+        icon: "check"
+  mobile:
+    label: "Mobile"
+    icon: "mobile"
+    items:
+      - text: "100MB free storage"
+        icon: "check"
+      - text: "Internet connection required"
+        icon: "check"
+
+# FAQ Section
+faqs:
+  superheadline:
+    text: "FAQs"
+  headline: "Before you"
+  headline_accent: "install"
+  subheadline: "The questions everyone asks, answered straight."
+  items:
+    - question: "Is {{ resolved.config.brand.name }} free to download?"
+      answer: "Yes. The download is free and the core product works without a card. Paid plans add capacity and team features. See pricing when you're ready."
+    - question: "How do updates work?"
+      answer: "The app keeps itself current in the background and tells you when something notable lands. Release notes live on the updates page."
+    - question: "Can I use one account on all my devices?"
+      answer: "That's the point. Install everywhere, sign in once per device, and your data follows you."
+    - question: "Is my data secure?"
+      answer: "Builds are signed, transport is encrypted, and data is encrypted at rest. Security isn't a plan tier."
+
+# CTA Section
+cta:
+  superheadline:
+    text: "Support"
+  headline: "Stuck on the"
+  headline_accent: "install?"
+  subheadline: "Real humans answer. Bring your error message."
+  primary_button:
+    text: "Contact support"
+    icon: "headset"
+    href: "/contact"
+  secondary_button:
+    text: "Release notes"
+    icon: "book"
+    href: "/updates"
+    nudge: true
+---
+
+{% comment %} #467: the VISIBLE lockup prefers the bridged vector when the mint produced one —
+`brand.images.brandmark` stays the raster OG/social and payment sync need. {% endcomment %}
+{% assign brandmark_src = assetManifest.brandmarkSvg | default: resolved.config.brand.images.brandmark %}
+<!-- ═══ Hero: the page already picked your button ═══ -->
+{% comment %} #467 (after #749): this masthead IS the page's first viewport, so
+the band paints with the document — data-omega-first-paint on the section, no
+stagger container, and the masthead cluster on its first_paint switch. The
+bands below keep the reveal lane. {% endcomment %}
+<section class="omega-dotgrid pb-0" data-omega-first-paint data-omega-dotfield>
+  <div class="container text-center">
+    {% component "heading/masthead", eyebrow: "Download", headline: resolved.hero.headline, headline_accent: resolved.hero.headline_accent, sub: resolved.hero.description, sub_class: "omega-hero__sub mx-auto", first_paint: true %}
+
+    <div class="omega-dl-hero">
+      <!-- Filled by the detection JS: your platform's primary download -->
+      <a id="download-hero" class="btn btn-adaptive btn-lg omega-dl-hero__btn" href="#platforms" hidden>
+        <span class="omega-dl-hero__icon" data-hero-icon></span>
+        <span data-hero-label>Download</span>
+      </a>
+      <!-- Shown until detection resolves (and forever without JS) -->
+      <a id="download-hero-fallback" class="btn btn-adaptive btn-lg omega-dl-hero__btn" href="#platforms">
+        <i class="fa-solid fa-download fa-sm me-2"></i>
+        See every download
+      </a>
+      <a class="btn btn-outline-adaptive btn-lg omega-hover-nudge" href="#platforms">
+        All platforms
+        <span class="omega-nudge ms-2"><i class="fa-solid fa-arrow-down fa-sm"></i></span>
+      </a>
+    </div>
+
+    <p class="omega-dl-hero__platforms omega-quiet small">
+      {% for name in resolved.downloads.supported_platforms %}{{ name }}{% unless forloop.last %} · {% endunless %}{% endfor %}
+    </p>
+  </div>
+</section>
+
+<!-- ═══ Desktop: three cards, buttons in hand ═══ -->
+<section id="platforms" class="pt-5">
+  <div class="container">
+    <!-- The visible section-head is gone (Ian QA); the h2 stays for heading
+         order — the cards' h3 names need a parent level under the h1 -->
+    <h2 class="visually-hidden">Desktop downloads</h2>
+    <div class="row g-4 justify-content-center" data-omega-reveal-stagger="90">
+      {% for platform in resolved.downloads.platforms %}
+        {% if platform.id == 'ios' or platform.id == 'android' %}{% continue %}{% endif %}
+
+        {% assign download_count = 0 %}
+        {% for type in platform.types %}
+          {% assign config_url = site.targets.desktop.downloads[platform.id][type.type] %}
+          {% iftruthy config_url %}{% assign download_count = download_count | plus: 1 %}{% endiftruthy %}
+        {% endfor %}
+
+        <div class="col-md-6 col-lg-4 d-flex" data-omega-reveal>
+          <div class="omega-dl-card omega-hover-lift" data-download-card data-platform="{{ platform.id }}">
+            <span class="omega-dl-card__mark">
+              <i class="fa-solid fa-{{ platform.icon }} fa-2xl"></i>
+            </span>
+            <h3 class="omega-dl-card__name">{{ platform.name }}</h3>
+            <p class="omega-dl-card__req omega-quiet small">{{ platform.description }}</p>
+
+            <!-- Two artifacts (Linux ships .deb + AppImage) ride SIDE BY SIDE —
+                 a second full-width button under the first read as the primary
+                 download twice (Ian #14). -->
+            <div class="omega-dl-card__actions{% if download_count > 1 %} omega-dl-card__actions--split{% endif %}">
+              {% if download_count > 0 %}
+                {% for type in platform.types %}
+                  {% assign config_url = site.targets.desktop.downloads[platform.id][type.type] %}
+                  {% iftruthy config_url %}
+                    <a href="{{ config_url }}" class="btn {% if forloop.first %}btn-adaptive{% else %}btn-outline-adaptive{% endif %}" data-download="true" data-download-name="{{ type.name }}">
+                      <i class="fa-solid fa-download fa-sm me-2"></i>
+                      {{ type.name }}
+                    </a>
+                  {% endiftruthy %}
+                {% endfor %}
+              {% else %}
+                <span class="omega-status w-100 justify-content-center">
+                  <span class="omega-dot"></span>
+                  {{ resolved.downloads.not_available.headline }}
+                </span>
+              {% endif %}
+            </div>
+          </div>
+        </div>
+      {% endfor %}
+    </div>
+  </div>
+</section>
+
+<!-- ═══ Mobile: store badges or the tell-me-when form ═══ -->
+<section>
+  <div class="container">
+    <div class="omega-dl-mobile" data-omega-reveal="scale">
+      <div class="omega-dl-mobile__copy">
+        <span class="omega-micro d-block mb-3">On the go</span>
+        <h2 class="omega-display omega-display--section mb-2">In your <em>pocket</em> too</h2>
+        <p class="omega-quiet mb-0">The same account, the small screen. Everything you do here shows up there before you've stood up.</p>
+      </div>
+
+      <div class="omega-dl-mobile__stores" data-omega-reveal-stagger="80">
+        {% assign pending_mobile = 0 %}
+        {% for platform in resolved.downloads.platforms %}
+          {% unless platform.id == 'ios' or platform.id == 'android' %}{% continue %}{% endunless %}
+
+          {% assign has_download = false %}
+          {% for type in platform.types %}
+            {% assign config_url = "" %}{% comment %}MAM is parked (#610): site.targets carries no mobile fact{% endcomment %}
+            {% iftruthy config_url %}{% assign has_download = true %}{% break %}{% endiftruthy %}
+          {% endfor %}
+
+          {% if has_download %}
+            <div class="omega-dl-store" data-download-card data-platform="{{ platform.id }}" data-omega-reveal>
+              {% for type in platform.types %}
+                {% assign config_url = "" %}{% comment %}MAM is parked (#610): site.targets carries no mobile fact{% endcomment %}
+                {% iftruthy config_url %}
+                  <a href="{{ config_url }}" class="omega-dl-store__badge" data-download="true" aria-label="{{ platform.name }}: {{ type.name }}">
+                    {% omega_logo platform.store_badge, "brandmarks" %}
+                    <span class="omega-dl-store__badge-text">
+                      <span class="omega-dl-store__hint">Download on</span>
+                      <strong>{{ type.name }}</strong>
+                    </span>
+                  </a>
+                {% endiftruthy %}
+              {% endfor %}
+            </div>
+          {% else %}
+            {% assign pending_mobile = pending_mobile | plus: 1 %}
+          {% endif %}
+        {% endfor %}
+
+        <!-- ONE notify-me form for every unshipped mobile store (Ian #14): the
+             address is the same address whichever store lands first. -->
+        {% if pending_mobile > 0 %}
+          <div class="omega-dl-store__soon" data-omega-reveal>
+            <span class="omega-dl-store__soon-heads">
+              {% for platform in resolved.downloads.platforms %}
+                {% unless platform.id == 'ios' or platform.id == 'android' %}{% continue %}{% endunless %}
+                {% assign has_download = false %}
+                {% for type in platform.types %}
+                  {% assign config_url = "" %}{% comment %}MAM is parked (#610): site.targets carries no mobile fact{% endcomment %}
+                  {% iftruthy config_url %}{% assign has_download = true %}{% break %}{% endiftruthy %}
+                {% endfor %}
+                {% unless has_download %}
+                  <span class="d-inline-flex align-items-center gap-2">
+                    <i class="fa-solid fa-{{ platform.icon }} fa-sm"></i>
+                    <strong>{{ platform.name }}</strong>
+                  </span>
+                {% endunless %}
+              {% endfor %}
+              <span class="omega-chip omega-chip--accent">Soon</span>
+            </span>
+            <p class="omega-quiet small mb-0">{{ resolved.downloads.coming_soon_mobile.description }}</p>
+            <form id="mobile-email-form" class="mobile-email-form" data-form-state="initializing" onsubmit="return false">
+              <label for="mobile-email" class="visually-hidden">Email address</label>
+              <div class="omega-dl-store__form">
+                <input
+                  type="email"
+                  class="form-control"
+                  id="mobile-email"
+                  name="email"
+                  placeholder="you@work.com"
+                  autocomplete="email"
+                  required
+                >
+                <button class="btn btn-adaptive" type="submit">
+                  <i class="fa-solid fa-paper-plane fa-sm me-1"></i>
+                  Notify me
+                </button>
+              </div>
+              <div class="form-message small mt-2" aria-live="polite"></div>
+            </form>
+          </div>
+        {% endif %}
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- ═══ What travels with you — hairline rows ═══ -->
+<section>
+  <div class="container">
+    <div class="omega-duo">
+      <div class="omega-duo__aside omega-section-head" data-omega-reveal>
+        {% component "heading/section-head", superheadline: resolved.highlights.superheadline.text, headline: resolved.highlights.headline, headline_accent: resolved.highlights.headline_accent %}
+      </div>
+
+      <div class="omega-rowlist" data-omega-reveal-stagger="60">
+        {% for feature in resolved.highlights.items %}
+          <div class="omega-rowlist__item" data-omega-reveal>
+            <span class="d-inline-flex align-items-center gap-3">
+              <span class="omega-icon-chip omega-icon-chip--neutral"><i class="fa-solid fa-{{ feature.icon }} fa-sm"></i></span>
+              <strong>{{ feature.title }}</strong>
+            </span>
+            <span class="omega-rowlist__meta">{{ feature.description }}</span>
+          </div>
+        {% endfor %}
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- ═══ Requirements — quiet duo ═══ -->
+<section>
+  <div class="container">
+    <div class="omega-duo">
+      <div class="omega-duo__aside omega-section-head" data-omega-reveal>
+        {% component "heading/section-head", superheadline: resolved.system_requirements.superheadline.text, headline: resolved.system_requirements.headline, headline_accent: resolved.system_requirements.headline_accent, sub: resolved.system_requirements.subheadline %}
+      </div>
+
+      <div class="row g-5" data-omega-reveal>
+        <div class="col-md-6">
+          <span class="omega-micro d-block mb-3">{{ resolved.system_requirements.desktop.label }}</span>
+          <div class="omega-rowlist">
+            {% for platform in resolved.downloads.platforms %}
+              {% if platform.id == 'windows' or platform.id == 'mac' or platform.id == 'linux' %}
+                <div class="omega-rowlist__item"><span>{{ platform.description }}</span></div>
+              {% endif %}
+            {% endfor %}
+            {% for req in resolved.system_requirements.desktop.items %}
+              <div class="omega-rowlist__item"><span>{{ req.text }}</span></div>
+            {% endfor %}
+          </div>
+        </div>
+
+        <div class="col-md-6">
+          <span class="omega-micro d-block mb-3">{{ resolved.system_requirements.mobile.label }}</span>
+          <div class="omega-rowlist">
+            {% for platform in resolved.downloads.platforms %}
+              {% if platform.id == 'ios' or platform.id == 'android' %}
+                <div class="omega-rowlist__item"><span>{{ platform.description }}</span></div>
+              {% endif %}
+            {% endfor %}
+            {% for req in resolved.system_requirements.mobile.items %}
+              <div class="omega-rowlist__item"><span>{{ req.text }}</span></div>
+            {% endfor %}
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- ═══ FAQ ═══ -->
+{% section "marketing/faq", data: resolved.faqs %}
+
+<!-- ═══ CTA band ═══ -->
+{% section "marketing/cta", data: resolved.cta %}
+
+<!-- Onboarding Modal — the post-download walkthrough. Chrome speaks the classy
+     v2 vocabulary (tokens, hairlines, chips); the step illustrations keep their
+     own animation machinery in core/css/pages/download. -->
+<div class="modal fade" id="onboardingModal" tabindex="-1" aria-labelledby="onboardingModalLabel" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered modal-lg">
+    <div class="modal-content omega-dl-modal">
+      <div class="modal-header border-0 pb-0">
+        <h5 class="modal-title omega-dl-modal__title" id="onboardingModalLabel">
+          <span class="omega-icon-chip"><i class="fa-solid fa-rocket fa-sm"></i></span>
+          Getting started
+        </h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <div class="modal-body p-4">
+        <!-- Windows Instructions -->
+        <div class="platform-instructions" data-platform="windows" hidden>
+          <div class="steps-slideshow">
+            <div class="steps-slideshow-slides">
+            <div class="step-slide" data-step="1">
+              <div class="step-number-badge">1</div>
+                <h5 class="step-title">Open your Downloads folder</h5>
+              <!-- <p class="text-muted mb-3">Find the <strong>Downloads</strong> folder on your computer</p> -->
+              <div class="instruction-step-container p-4 d-flex align-items-center justify-content-center overflow-hidden position-relative">
+                <div class="d-flex flex-column align-items-center gap-2 position-relative">
+                  <div class="folder-icon animation-flex position-relative d-flex align-items-center justify-content-center">
+                    <i class="fa-solid fa-download display-4"></i>
+                  </div>
+                  <span class="fw-bold">Downloads</span>
+                  <div class="click-indicator folder-click-target position-absolute top-50 start-50">
+                    <div class="click-pulse position-absolute"></div>
+                    <div class="pointer-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill="#E0E0E0" d="M27.8,39.7c-0.1,0-0.2,0-0.4-0.1c-0.2-0.1-0.4-0.3-0.6-0.5l-3.7-8.6l-4.5,4.2C18.5,34.9,18.3,35,18,35c-0.1,0-0.3,0-0.4-0.1C17.3,34.8,17,34.4,17,34l0-22c0-0.4,0.2-0.8,0.6-0.9C17.7,11,17.9,11,18,11c0.2,0,0.5,0.1,0.7,0.3l16,15c0.3,0.3,0.4,0.7,0.3,1.1c-0.1,0.4-0.5,0.6-0.9,0.7l-6.3,0.6l3.9,8.5c0.1,0.2,0.1,0.5,0,0.8c-0.1,0.2-0.3,0.5-0.5,0.6l-2.9,1.3C28.1,39.7,27.9,39.7,27.8,39.7z"/><path fill="#212121" d="M18,12l16,15l-7.7,0.7l4.5,9.8l-2.9,1.3l-4.3-9.9L18,34L18,12 M18,10c-0.3,0-0.5,0.1-0.8,0.2c-0.7,0.3-1.2,1-1.2,1.8l0,22c0,0.8,0.5,1.5,1.2,1.8C17.5,36,17.8,36,18,36c0.5,0,1-0.2,1.4-0.5l3.4-3.2l3.1,7.3c0.2,0.5,0.6,0.9,1.1,1.1c0.2,0.1,0.5,0.1,0.7,0.1c0.3,0,0.5-0.1,0.8-0.2l2.9-1.3c0.5-0.2,0.9-0.6,1.1-1.1c0.2-0.5,0.2-1.1,0-1.5l-3.3-7.2l4.9-0.4c0.8-0.1,1.5-0.6,1.7-1.3c0.3-0.7,0.1-1.6-0.5-2.1l-16-15C19,10.2,18.5,10,18,10L18,10z"/></svg>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <div class="step-slide" data-step="2">
+              <div class="step-number-badge">2</div>
+                <h5 class="step-title">Double-click {{ resolved.config.brand.name }}-Setup.exe</h5>
+              <!-- <p class="text-muted mb-3">Click <strong>"Yes"</strong> if Windows asks for permission</p> -->
+              <div class="instruction-step-container p-4 d-flex align-items-center justify-content-center overflow-hidden position-relative">
+                <div class="d-flex flex-column align-items-center gap-2 position-relative">
+                  <div class="file-to-click d-flex align-items-center justify-content-center">
+                    <img src="{{ site.omega.placeholder.src }}" data-lazy="@src {{ brandmark_src }}" class="brandmark" alt="{{ resolved.config.brand.name }} Logo"/>
+                  </div>
+                  <span class="fw-bold">{{ resolved.config.brand.name }}-Setup.exe</span>
+                  <div class="click-indicator position-absolute top-50 start-50">
+                    <div class="click-pulse position-absolute"></div>
+                    <div class="pointer-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill="#E0E0E0" d="M27.8,39.7c-0.1,0-0.2,0-0.4-0.1c-0.2-0.1-0.4-0.3-0.6-0.5l-3.7-8.6l-4.5,4.2C18.5,34.9,18.3,35,18,35c-0.1,0-0.3,0-0.4-0.1C17.3,34.8,17,34.4,17,34l0-22c0-0.4,0.2-0.8,0.6-0.9C17.7,11,17.9,11,18,11c0.2,0,0.5,0.1,0.7,0.3l16,15c0.3,0.3,0.4,0.7,0.3,1.1c-0.1,0.4-0.5,0.6-0.9,0.7l-6.3,0.6l3.9,8.5c0.1,0.2,0.1,0.5,0,0.8c-0.1,0.2-0.3,0.5-0.5,0.6l-2.9,1.3C28.1,39.7,27.9,39.7,27.8,39.7z"/><path fill="#212121" d="M18,12l16,15l-7.7,0.7l4.5,9.8l-2.9,1.3l-4.3-9.9L18,34L18,12 M18,10c-0.3,0-0.5,0.1-0.8,0.2c-0.7,0.3-1.2,1-1.2,1.8l0,22c0,0.8,0.5,1.5,1.2,1.8C17.5,36,17.8,36,18,36c0.5,0,1-0.2,1.4-0.5l3.4-3.2l3.1,7.3c0.2,0.5,0.6,0.9,1.1,1.1c0.2,0.1,0.5,0.1,0.7,0.1c0.3,0,0.5-0.1,0.8-0.2l2.9-1.3c0.5-0.2,0.9-0.6,1.1-1.1c0.2-0.5,0.2-1.1,0-1.5l-3.3-7.2l4.9-0.4c0.8-0.1,1.5-0.6,1.7-1.3c0.3-0.7,0.1-1.6-0.5-2.1l-16-15C19,10.2,18.5,10,18,10L18,10z"/></svg>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <div class="step-slide" data-step="3">
+              <div class="step-number-badge">3</div>
+                <h5 class="step-title">Follow the installation setup</h5>
+              <!-- <p class="text-muted mb-3">Click <strong>"Next"</strong> through the steps and accept the terms</p> -->
+              <div class="instruction-step-container p-4 d-flex align-items-center justify-content-center overflow-hidden position-relative">
+                <div class="wizard-window overflow-hidden">
+                  <div class="wizard-header d-flex align-items-center px-2 small fw-bold">
+                    {{ resolved.config.brand.name }} Setup
+                  </div>
+                  <div class="wizard-content bg-adaptive-inverse d-flex flex-column justify-content-center p-3">
+                    <div class="small text-adaptive mb-2 text-center">Installing...</div>
+                    <div class="progress-bar-container overflow-hidden w-100">
+                      <div class="progress-fill"></div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <div class="step-slide" data-step="4">
+              <div class="step-number-badge">4</div>
+                <h5 class="step-title">Launch the app</h5>
+              <!-- <p class="text-muted mb-3">Find {{ resolved.config.brand.name }} in your <strong>Start Menu</strong> or <strong>Desktop</strong> shortcut</p> -->
+              <div class="instruction-step-container p-4 d-flex align-items-center justify-content-center overflow-hidden position-relative">
+                <div class="d-flex flex-column align-items-center gap-2">
+                  <div class="app-icon animation-flex d-flex align-items-center justify-content-center">
+                    <img src="{{ site.omega.placeholder.src }}" data-lazy="@src {{ brandmark_src }}" class="brandmark" alt="{{ resolved.config.brand.name }} Logo"/>
+                  </div>
+                  <span class="fw-bold">{{ resolved.config.brand.name }}</span>
+                </div>
+              </div>
+            </div>
+
+            </div>
+            <div class="steps-slideshow-nav">
+              <button type="button" class="btn btn-outline-adaptive btn-sm step-prev" disabled>
+                <i class="fa-solid fa-chevron-left me-1"></i> Back
+              </button>
+              <div class="steps-dots"></div>
+              <button type="button" class="btn btn-adaptive btn-sm step-next">
+                <span class="button-text">Next</span> <i class="fa-solid fa-chevron-right ms-1"></i>
+              </button>
+            </div>
+          </div>
+        </div>
+
+        <!-- macOS Instructions -->
+        <div class="platform-instructions" data-platform="mac" hidden>
+          <div class="steps-slideshow">
+            <div class="steps-slideshow-slides">
+            <div class="step-slide" data-step="1">
+              <div class="step-number-badge">1</div>
+                <h5 class="step-title">Open your Downloads folder</h5>
+              <!-- <p class="text-muted mb-3">Find the <strong>Downloads</strong> folder on your Mac</p> -->
+              <div class="instruction-step-container p-4 d-flex align-items-center justify-content-center overflow-hidden position-relative">
+                <div class="d-flex flex-column align-items-center gap-2 position-relative">
+                  <div class="folder-icon animation-flex position-relative d-flex align-items-center justify-content-center">
+                    <i class="fa-solid fa-download display-4"></i>
+                  </div>
+                  <span class="fw-bold">Downloads</span>
+                  <div class="click-indicator folder-click-target position-absolute top-50 start-50">
+                    <div class="click-pulse position-absolute"></div>
+                    <div class="pointer-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill="#E0E0E0" d="M27.8,39.7c-0.1,0-0.2,0-0.4-0.1c-0.2-0.1-0.4-0.3-0.6-0.5l-3.7-8.6l-4.5,4.2C18.5,34.9,18.3,35,18,35c-0.1,0-0.3,0-0.4-0.1C17.3,34.8,17,34.4,17,34l0-22c0-0.4,0.2-0.8,0.6-0.9C17.7,11,17.9,11,18,11c0.2,0,0.5,0.1,0.7,0.3l16,15c0.3,0.3,0.4,0.7,0.3,1.1c-0.1,0.4-0.5,0.6-0.9,0.7l-6.3,0.6l3.9,8.5c0.1,0.2,0.1,0.5,0,0.8c-0.1,0.2-0.3,0.5-0.5,0.6l-2.9,1.3C28.1,39.7,27.9,39.7,27.8,39.7z"/><path fill="#212121" d="M18,12l16,15l-7.7,0.7l4.5,9.8l-2.9,1.3l-4.3-9.9L18,34L18,12 M18,10c-0.3,0-0.5,0.1-0.8,0.2c-0.7,0.3-1.2,1-1.2,1.8l0,22c0,0.8,0.5,1.5,1.2,1.8C17.5,36,17.8,36,18,36c0.5,0,1-0.2,1.4-0.5l3.4-3.2l3.1,7.3c0.2,0.5,0.6,0.9,1.1,1.1c0.2,0.1,0.5,0.1,0.7,0.1c0.3,0,0.5-0.1,0.8-0.2l2.9-1.3c0.5-0.2,0.9-0.6,1.1-1.1c0.2-0.5,0.2-1.1,0-1.5l-3.3-7.2l4.9-0.4c0.8-0.1,1.5-0.6,1.7-1.3c0.3-0.7,0.1-1.6-0.5-2.1l-16-15C19,10.2,18.5,10,18,10L18,10z"/></svg>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <div class="step-slide" data-step="2">
+              <div class="step-number-badge">2</div>
+                <h5 class="step-title">Double-click {{ resolved.config.brand.name }}.dmg</h5>
+              <!-- <p class="text-muted mb-3">This will mount the disk image</p> -->
+              <div class="instruction-step-container p-4 d-flex align-items-center justify-content-center overflow-hidden position-relative">
+                <div class="d-flex flex-column align-items-center gap-2 position-relative">
+                  <div class="file-to-click d-flex align-items-center justify-content-center">
+                    <img src="{{ site.omega.placeholder.src }}" data-lazy="@src {{ brandmark_src }}" class="brandmark" alt="{{ resolved.config.brand.name }} Logo"/>
+                  </div>
+                  <span class="fw-bold">{{ resolved.config.brand.name }}.dmg</span>
+                  <div class="click-indicator position-absolute top-50 start-50">
+                    <div class="click-pulse position-absolute"></div>
+                    <div class="pointer-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill="#E0E0E0" d="M27.8,39.7c-0.1,0-0.2,0-0.4-0.1c-0.2-0.1-0.4-0.3-0.6-0.5l-3.7-8.6l-4.5,4.2C18.5,34.9,18.3,35,18,35c-0.1,0-0.3,0-0.4-0.1C17.3,34.8,17,34.4,17,34l0-22c0-0.4,0.2-0.8,0.6-0.9C17.7,11,17.9,11,18,11c0.2,0,0.5,0.1,0.7,0.3l16,15c0.3,0.3,0.4,0.7,0.3,1.1c-0.1,0.4-0.5,0.6-0.9,0.7l-6.3,0.6l3.9,8.5c0.1,0.2,0.1,0.5,0,0.8c-0.1,0.2-0.3,0.5-0.5,0.6l-2.9,1.3C28.1,39.7,27.9,39.7,27.8,39.7z"/><path fill="#212121" d="M18,12l16,15l-7.7,0.7l4.5,9.8l-2.9,1.3l-4.3-9.9L18,34L18,12 M18,10c-0.3,0-0.5,0.1-0.8,0.2c-0.7,0.3-1.2,1-1.2,1.8l0,22c0,0.8,0.5,1.5,1.2,1.8C17.5,36,17.8,36,18,36c0.5,0,1-0.2,1.4-0.5l3.4-3.2l3.1,7.3c0.2,0.5,0.6,0.9,1.1,1.1c0.2,0.1,0.5,0.1,0.7,0.1c0.3,0,0.5-0.1,0.8-0.2l2.9-1.3c0.5-0.2,0.9-0.6,1.1-1.1c0.2-0.5,0.2-1.1,0-1.5l-3.3-7.2l4.9-0.4c0.8-0.1,1.5-0.6,1.7-1.3c0.3-0.7,0.1-1.6-0.5-2.1l-16-15C19,10.2,18.5,10,18,10L18,10z"/></svg>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <div class="step-slide" data-step="3">
+              <div class="step-number-badge">3</div>
+                <h5 class="step-title">Drag {{ resolved.config.brand.name }} to Applications folder</h5>
+              <!-- <p class="text-muted mb-3">This installs the app for all users</p> -->
+              <div class="instruction-step-container p-4 d-flex align-items-center justify-content-center overflow-hidden position-relative">
+                <div class="d-flex gap-5 align-items-center position-relative">
+                  <div class="d-flex flex-column align-items-center gap-2 position-relative">
+                    <div class="file-to-click d-flex align-items-center justify-content-center">
+                      <img src="{{ site.omega.placeholder.src }}" data-lazy="@src {{ brandmark_src }}" class="brandmark" alt="{{ resolved.config.brand.name }} Logo"/>
+                    </div>
+                    <span class="fw-bold">{{ resolved.config.brand.name }}</span>
+                    <div class="drag-indicator position-absolute top-50 start-50">
+                      <div class="click-pulse position-absolute"></div>
+                      <div class="pointer-icon">
+                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill="#E0E0E0" d="M27.8,39.7c-0.1,0-0.2,0-0.4-0.1c-0.2-0.1-0.4-0.3-0.6-0.5l-3.7-8.6l-4.5,4.2C18.5,34.9,18.3,35,18,35c-0.1,0-0.3,0-0.4-0.1C17.3,34.8,17,34.4,17,34l0-22c0-0.4,0.2-0.8,0.6-0.9C17.7,11,17.9,11,18,11c0.2,0,0.5,0.1,0.7,0.3l16,15c0.3,0.3,0.4,0.7,0.3,1.1c-0.1,0.4-0.5,0.6-0.9,0.7l-6.3,0.6l3.9,8.5c0.1,0.2,0.1,0.5,0,0.8c-0.1,0.2-0.3,0.5-0.5,0.6l-2.9,1.3C28.1,39.7,27.9,39.7,27.8,39.7z"/><path fill="#212121" d="M18,12l16,15l-7.7,0.7l4.5,9.8l-2.9,1.3l-4.3-9.9L18,34L18,12 M18,10c-0.3,0-0.5,0.1-0.8,0.2c-0.7,0.3-1.2,1-1.2,1.8l0,22c0,0.8,0.5,1.5,1.2,1.8C17.5,36,17.8,36,18,36c0.5,0,1-0.2,1.4-0.5l3.4-3.2l3.1,7.3c0.2,0.5,0.6,0.9,1.1,1.1c0.2,0.1,0.5,0.1,0.7,0.1c0.3,0,0.5-0.1,0.8-0.2l2.9-1.3c0.5-0.2,0.9-0.6,1.1-1.1c0.2-0.5,0.2-1.1,0-1.5l-3.3-7.2l4.9-0.4c0.8-0.1,1.5-0.6,1.7-1.3c0.3-0.7,0.1-1.6-0.5-2.1l-16-15C19,10.2,18.5,10,18,10L18,10z"/></svg>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="text-primary animation-pulse-right">
+                    <i class="fa-solid fa-arrow-right fs-1"></i>
+                  </div>
+                  <div class="d-flex flex-column align-items-center gap-2">
+                    <div class="folder-icon position-relative d-flex align-items-center justify-content-center">
+                      <i class="fa display-4">
+                        <?xml version="1.0" encoding="utf-8"?>
+                          <svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                            <path fill="#1D81F3" d="M3,17 C2.44771525,17 2,16.5522847 2,16 C2,15.4477153 2.44771525,15 3,15 L13.5,15 C14.5,15 15.5,17 15,17 L3,17 Z M17,17 C16.4477153,17 16,16.5522847 16,16 C16,15.4477153 16.4477153,15 17,15 L21,15 C21.5522847,15 22,15.4477153 22,16 C22,16.5522847 21.5522847,17 21,17 L17,17 Z M12.6333775,3.50103556 C12.908948,3.02241319 13.5203421,2.85780709 13.9989644,3.13337754 C14.4775868,3.408948 14.6421929,4.02034208 14.3666225,4.49896444 L7.45953351,16.4954873 C7.18396306,16.9741097 6.57256898,17.1387158 6.09394661,16.8631454 C5.61532424,16.5875749 5.45071815,15.9761808 5.7262886,15.4975585 L12.6333775,3.50103556 Z M4,18.5 C4.5,17.5 7.5,16.5 6.5,18.2208385 C6.32221095,18.5267848 5.77775177,19.4528267 4.86662246,20.9989644 C4.591052,21.4775868 3.97965792,21.6421929 3.50103556,21.3666225 C3.02241319,21.091052 2.85780709,20.4796579 3.13337754,20.0010356 L4,18.5 Z M9.13337754,4.49896444 C8.85780709,4.02034208 9.02241319,3.408948 9.50103556,3.13337754 C9.97965792,2.85780709 10.591052,3.02241319 10.8666225,3.50103556 L12.6104584,6.52980328 C12.8860289,7.00842564 12.7214228,7.61981972 12.2428004,7.89539018 C11.764178,8.17096063 11.152784,8.00635453 10.8772135,7.52773217 L9.13337754,4.49896444 Z M13,11.5 C12.1018662,10 13,7 13.7163439,8.49589818 L20.3666225,20.0010356 C20.6421929,20.4796579 20.4775868,21.091052 19.9989644,21.3666225 C19.5203421,21.6421929 18.908948,21.4775868 18.6333775,20.9989644 L13,11.5 Z"/>
+                          </svg>
+                      </i>
+                    </div>
+                    <span class="fw-bold">Applications</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <div class="step-slide" data-step="4">
+              <div class="step-number-badge">4</div>
+                <h5 class="step-title">Launch the app</h5>
+              <!-- <p class="text-muted mb-3">Find {{ resolved.config.brand.name }} in your <strong>Applications</strong> folder or use <strong>Spotlight</strong></p> -->
+              <div class="instruction-step-container p-4 d-flex align-items-center justify-content-center overflow-hidden position-relative">
+                <div class="d-flex flex-column align-items-center gap-2">
+                  <div class="app-icon animation-flex d-flex align-items-center justify-content-center">
+                    <img src="{{ site.omega.placeholder.src }}" data-lazy="@src {{ brandmark_src }}" class="brandmark" alt="{{ resolved.config.brand.name }} Logo"/>
+                  </div>
+                  <span class="fw-bold">{{ resolved.config.brand.name }}</span>
+                </div>
+              </div>
+            </div>
+
+            </div>
+            <div class="steps-slideshow-nav">
+              <button type="button" class="btn btn-outline-adaptive btn-sm step-prev" disabled>
+                <i class="fa-solid fa-chevron-left me-1"></i> Back
+              </button>
+              <div class="steps-dots"></div>
+              <button type="button" class="btn btn-adaptive btn-sm step-next">
+                <span class="button-text">Next</span> <i class="fa-solid fa-chevron-right ms-1"></i>
+              </button>
+            </div>
+          </div>
+        </div>
+
+        <!-- Linux Instructions -->
+        <div class="platform-instructions" data-platform="linux" hidden>
+          <div class="steps-slideshow">
+            <div class="steps-slideshow-slides">
+            <div class="step-slide" data-step="1">
+              <div class="step-number-badge">1</div>
+                <h5 class="step-title">Open terminal</h5>
+              <!-- <p class="text-muted mb-3">Press <strong>Ctrl+Alt+T</strong></p> -->
+              <div class="instruction-step-container p-4 d-flex align-items-center justify-content-center overflow-hidden position-relative">
+                <div class="d-flex flex-column align-items-center gap-2 position-relative">
+                  <div class="app-icon animation-flex app-icon--terminal d-flex align-items-center justify-content-center">
+                    <i class="fa-solid fa-terminal display-4"></i>
+                  </div>
+                  <span class="fw-bold">Terminal</span>
+                  <div class="click-indicator folder-click-target position-absolute top-50 start-50">
+                    <div class="click-pulse position-absolute"></div>
+                    <div class="pointer-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill="#E0E0E0" d="M27.8,39.7c-0.1,0-0.2,0-0.4-0.1c-0.2-0.1-0.4-0.3-0.6-0.5l-3.7-8.6l-4.5,4.2C18.5,34.9,18.3,35,18,35c-0.1,0-0.3,0-0.4-0.1C17.3,34.8,17,34.4,17,34l0-22c0-0.4,0.2-0.8,0.6-0.9C17.7,11,17.9,11,18,11c0.2,0,0.5,0.1,0.7,0.3l16,15c0.3,0.3,0.4,0.7,0.3,1.1c-0.1,0.4-0.5,0.6-0.9,0.7l-6.3,0.6l3.9,8.5c0.1,0.2,0.1,0.5,0,0.8c-0.1,0.2-0.3,0.5-0.5,0.6l-2.9,1.3C28.1,39.7,27.9,39.7,27.8,39.7z"/><path fill="#212121" d="M18,12l16,15l-7.7,0.7l4.5,9.8l-2.9,1.3l-4.3-9.9L18,34L18,12 M18,10c-0.3,0-0.5,0.1-0.8,0.2c-0.7,0.3-1.2,1-1.2,1.8l0,22c0,0.8,0.5,1.5,1.2,1.8C17.5,36,17.8,36,18,36c0.5,0,1-0.2,1.4-0.5l3.4-3.2l3.1,7.3c0.2,0.5,0.6,0.9,1.1,1.1c0.2,0.1,0.5,0.1,0.7,0.1c0.3,0,0.5-0.1,0.8-0.2l2.9-1.3c0.5-0.2,0.9-0.6,1.1-1.1c0.2-0.5,0.2-1.1,0-1.5l-3.3-7.2l4.9-0.4c0.8-0.1,1.5-0.6,1.7-1.3c0.3-0.7,0.1-1.6-0.5-2.1l-16-15C19,10.2,18.5,10,18,10L18,10z"/></svg>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <div class="step-slide" data-step="2">
+              <div class="step-number-badge">2</div>
+                <h5 class="step-title" id="linux-step-2-label">Navigate to Downloads</h5>
+              <!-- <p class="text-muted mb-3">Run the command below</p> -->
+              <div class="omega-dl-modal__pane p-4 overflow-hidden position-relative">
+                <div class="input-group">
+                  <input type="text" class="form-control font-monospace omega-dl-modal__cmd" name="linux-command-1" value="cd ~/Downloads" readonly aria-labelledby="linux-step-2-label">
+                  <button type="button" class="btn btn-outline-adaptive copy-command-btn">
+                    <i class="fa-solid fa-copy me-2"></i>
+                    <span class="button-text d-none d-sm-inline">Copy</span>
+                  </button>
+                </div>
+              </div>
+            </div>
+
+            <div class="step-slide" data-step="3">
+              <div class="step-number-badge">3</div>
+                <h5 class="step-title" id="linux-step-3-label">Install the package</h5>
+              <!-- <p class="text-muted mb-3">Run the appropriate command for your distribution</p> -->
+              <!-- The command installs the file the button just handed over:
+                   the basename of the SAME derived URL (#620), never a second
+                   hand-spelled rule. Debian is the only install step there is —
+                   the pipeline builds a .deb and an AppImage (which needs no
+                   install), and never an .rpm. -->
+              {% assign deb_file = site.targets.desktop.downloads.linux.debian | split: "/" | last %}
+              <div class="omega-dl-modal__pane p-4 overflow-hidden position-relative">
+                <div>
+                  <small class="text-muted d-block mb-2 fw-bold" id="linux-debian-label">For Debian/Ubuntu:</small>
+                  <div class="input-group">
+                    <input type="text" class="form-control font-monospace omega-dl-modal__cmd" name="linux-command-2" value="sudo dpkg -i {{ deb_file }}" readonly aria-labelledby="linux-debian-label">
+                    <button type="button" class="btn btn-outline-adaptive copy-command-btn">
+                      <i class="fa-solid fa-copy me-2"></i>
+                      <span class="button-text d-none d-sm-inline">Copy</span>
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <div class="step-slide" data-step="4">
+              <div class="step-number-badge">4</div>
+                <h5 class="step-title">Launch the app</h5>
+              <!-- <p class="text-muted mb-3">Find {{ resolved.config.brand.name }} in your <strong>Applications</strong> menu</p> -->
+              <div class="instruction-step-container p-4 d-flex align-items-center justify-content-center overflow-hidden position-relative">
+                <div class="d-flex flex-column align-items-center gap-2">
+                  <div class="app-icon animation-flex d-flex align-items-center justify-content-center">
+                    <img src="{{ site.omega.placeholder.src }}" data-lazy="@src {{ brandmark_src }}" class="brandmark" alt="{{ resolved.config.brand.name }} Logo"/>
+                  </div>
+                  <span class="fw-bold">{{ resolved.config.brand.name }}</span>
+                </div>
+              </div>
+            </div>
+
+            </div>
+            <div class="steps-slideshow-nav">
+              <button type="button" class="btn btn-outline-adaptive btn-sm step-prev" disabled>
+                <i class="fa-solid fa-chevron-left me-1"></i> Back
+              </button>
+              <div class="steps-dots"></div>
+              <button type="button" class="btn btn-adaptive btn-sm step-next">
+                <span class="button-text">Next</span> <i class="fa-solid fa-chevron-right ms-1"></i>
+              </button>
+            </div>
+          </div>
+        </div>
+
+        <!-- Android Instructions -->
+        <div class="platform-instructions" data-platform="android" hidden>
+          <div class="steps-slideshow">
+            <div class="steps-slideshow-slides">
+            <div class="step-slide" data-step="1">
+              <div class="step-number-badge">1</div>
+                <h5 class="step-title">Open the Play Store app</h5>
+              <!-- <p class="text-muted mb-3">Or follow the download link that opened</p> -->
+            </div>
+
+            <div class="step-slide" data-step="2">
+              <div class="step-number-badge">2</div>
+                <h5 class="step-title">Tap "Install"</h5>
+              <!-- <p class="text-muted mb-3">Grant any required permissions</p> -->
+            </div>
+
+            <div class="step-slide" data-step="3">
+              <div class="step-number-badge">3</div>
+                <h5 class="step-title">Tap "Open"</h5>
+              <!-- <p class="text-muted mb-3">Or find the app icon on your home screen</p> -->
+            </div>
+
+            </div>
+            <div class="steps-slideshow-nav">
+              <button type="button" class="btn btn-outline-adaptive btn-sm step-prev" disabled>
+                <i class="fa-solid fa-chevron-left me-1"></i> Back
+              </button>
+              <div class="steps-dots"></div>
+              <button type="button" class="btn btn-adaptive btn-sm step-next">
+                <span class="button-text">Next</span> <i class="fa-solid fa-chevron-right ms-1"></i>
+              </button>
+            </div>
+          </div>
+        </div>
+
+        <!-- iOS Instructions -->
+        <div class="platform-instructions" data-platform="ios" hidden>
+          <div class="steps-slideshow">
+            <div class="steps-slideshow-slides">
+            <div class="step-slide" data-step="1">
+              <div class="step-number-badge">1</div>
+                <h5 class="step-title">Open the App Store</h5>
+              <!-- <p class="text-muted mb-3">Or follow the link that opened</p> -->
+            </div>
+
+            <div class="step-slide" data-step="2">
+              <div class="step-number-badge">2</div>
+                <h5 class="step-title">Tap "Get" or the download button</h5>
+              <!-- <p class="text-muted mb-3">You may need to verify with Face ID or Touch ID</p> -->
+            </div>
+
+            <div class="step-slide" data-step="3">
+              <div class="step-number-badge">3</div>
+                <h5 class="step-title">Tap "Open"</h5>
+              <!-- <p class="text-muted mb-3">Or find the app icon on your home screen</p> -->
+            </div>
+
+            </div>
+            <div class="steps-slideshow-nav">
+              <button type="button" class="btn btn-outline-adaptive btn-sm step-prev" disabled>
+                <i class="fa-solid fa-chevron-left me-1"></i> Back
+              </button>
+              <div class="steps-dots"></div>
+              <button type="button" class="btn btn-adaptive btn-sm step-next">
+                <span class="button-text">Next</span> <i class="fa-solid fa-chevron-right ms-1"></i>
+              </button>
+            </div>
+          </div>
+        </div>
+
+        <div class="omega-dl-modal__help mt-4" role="note">
+          <i class="fa-solid fa-lightbulb fa-sm me-2"></i><strong>Need help?</strong> Please <a href="/contact">contact support</a>.
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+{{ content | omega_content_format }}