# CryoStack

:::{raw} html
<div class="cryostack-hero">
  <div class="cryostack-kicker">Cryosphere Computing Platform</div>

  <h1>Run cryosphere models, workflows, and analysis tools from one web platform.</h1>

  <p>
    CryoStack provides a browser-based environment for launching ice-sheet simulations,
    running data assimilation workflows, visualizing model outputs, and connecting to
    HPC or cloud compute resources.
  </p>

  <div class="cryostack-actions">
    <a class="cryostack-btn primary" href="applications.html">Explore Applications</a>
    <a class="cryostack-btn secondary" href="documentation.html">Read Documentation</a>
  </div>
</div>

<div class="cryostack-section">
  <div class="cryostack-section-label">Applications</div>
  <h2>One platform, multiple cryosphere applications.</h2>

  <div class="cryostack-grid">

    <div class="cryostack-card">
      <div class="cryostack-card-tag">Workflow Launcher</div>
      <h3>CryoLauncher</h3>
      <p>
        Configure and launch ice-sheet simulations, ICESEE data assimilation workflows,
        and model execution pipelines through local, HPC, or cloud backends.
      </p>
      <a href="applications/cryolauncher.html">Open CryoLauncher →</a>
    </div>

    <div class="cryostack-card">
      <div class="cryostack-card-tag green">Visualization</div>
      <h3>IceSheets</h3>
      <p>
        Explore cryosphere datasets, inspect model outputs, and visualize ice-sheet
        simulations through an interactive browser interface.
      </p>
      <a href="applications/icesheets.html">Open IceSheets →</a>
    </div>

    <div class="cryostack-card">
      <div class="cryostack-card-tag purple">Data Assimilation</div>
      <h3>ICESEE</h3>
      <p>
        Run ensemble-based state estimation, parameter inference, and uncertainty
        quantification workflows for ice-sheet models.
      </p>
      <a href="applications/icesee.html">Open ICESEE →</a>
    </div>

    <div class="cryostack-card muted">
      <div class="cryostack-card-tag gray">Coming Soon</div>
      <h3>Application 4</h3>
      <p>
        Additional cryosphere workflow tools will be integrated as CryoStack expands.
      </p>
      <a href="applications/app4.html">View roadmap →</a>
    </div>

  </div>
</div>

<div class="cryostack-section">
  <div class="cryostack-section-label">Platform</div>
  <h2>Designed for scientific workflows that need real compute.</h2>

  <div class="cryostack-feature-row">
    <div>
      <h3>HPC and cloud ready</h3>
      <p>
        CryoStack is designed to connect browser workflows to remote HPC systems,
        institutional clusters, and cloud execution backends.
      </p>
    </div>

    <div>
      <h3>Application-centered</h3>
      <p>
        Users interact with applications first. Models, containers, and backend systems
        are loaded through the appropriate workflow.
      </p>
    </div>

    <div>
      <h3>Community oriented</h3>
      <p>
        The platform is being structured for approved collaborators, shared workflows,
        and extensible cryosphere applications.
      </p>
    </div>
  </div>
</div>
:::