<!-- Treatise Card -->
<a href="/treatise/dashboard/" class="command-card highlight" style="background: var(--obsidian); color: var(--bone); border: 1px solid var(--obsidian); padding: 40px; text-decoration: none; display: flex; flex-direction: column; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);">
  <div class="hero-label" style="color: var(--aram-accent);">Unit II</div>
  <h3 style="font-family: 'Playfair Display', serif; font-size: 2em; margin: 15px 0;">Treatise</h3>
  <p style="font-size: 0.9em; color: var(--bone); opacity: 0.7; line-height: 1.6; flex-grow: 1;">Synthesize root concepts into architectural bodies of knowledge.</p>
  <div style="font-family: 'JetBrains Mono', monospace; font-size: 0.7em; color: var(--bone); text-transform: uppercase; letter-spacing: 1px; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 20px;">Enter Compiler →</div>
</a>

<!-- Terminal Card -->
<a href="/terminal/dashboard/" class="command-card highlight" style="background: var(--aram-accent); color: #fff; border: 1px solid var(--aram-accent); padding: 40px; text-decoration: none; display: flex; flex-direction: column; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);">
  <div class="hero-label" style="color: #fff;">Unit III</div>
  <h3 style="font-family: 'Playfair Display', serif; font-size: 2em; margin: 15px 0;">Terminal</h3>
  <p style="font-size: 0.9em; color: #fff; opacity: 0.9; line-height: 1.6; flex-grow: 1;">The Intelligence Pipeline. Dredge alternative media and command your centralized data monopoly.</p>
  <div style="font-family: 'JetBrains Mono', monospace; font-size: 0.7em; color: #fff; text-transform: uppercase; letter-spacing: 1px; border-top: 1px solid rgba(255,255,255,0.3); padding-top: 20px;">Access Intel Feed →</div>
</a>

<!-- Prism Card -->
<a href="/prism/dashboard/" class="command-card" style="background: var(--card-bg); border: 1px solid var(--border-primary); padding: 40px; text-decoration: none; color: inherit; display: flex; flex-direction: column; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);">
  <div class="hero-label" style="color: var(--aram-accent);">Unit IV</div>
  <h3 style="font-family: 'Playfair Display', serif; font-size: 2em; margin: 15px 0;">Prism</h3>
  <p style="font-size: 0.9em; color: var(--text-secondary); line-height: 1.6; flex-grow: 1;">Deploy whitelabel interactive widgets and generate in-house media.</p>
  <div style="font-family: 'JetBrains Mono', monospace; font-size: 0.7em; color: var(--text-primary); text-transform: uppercase; letter-spacing: 1px; border-top: 1px solid var(--border-secondary); padding-top: 20px;">Manage Arsenal →</div>
</a>