diff --git a/_tabs/Assessessment_Walkthrough.md b/_tabs/Assessessment_Walkthrough.md
new file mode 100644
index 0000000..9d33fe9
--- /dev/null
+++ b/_tabs/Assessessment_Walkthrough.md
@@ -0,0 +1,460 @@
+---
+title: Your SNWG Assessment Journey
+author: SNWG MO
+date: 2024-12-30 12:00:00 +0600
+categories: [Guide]
+tags: [overview, getting-started]
+order: 4
+---
+
+<!-- Custom styles - add to assets/css/style.scss -->
+<style>
+:root {
+    --primary: #3b82f6;
+    --primary-light: rgba(59, 130, 246, 0.1);
+    --success: #10b981;
+    --warning: #f59e0b;
+}
+
+.hero-section {
+    background: linear-gradient(135deg, var(--primary), #60a5fa);
+    color: white;
+    padding: 3rem 2rem;
+    border-radius: 1rem;
+    margin: -1rem -1.5rem 2rem -1.5rem;
+    text-align: center;
+    position: relative;
+    overflow: hidden;
+}
+
+.hero-section::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><rect width="1" height="1" fill="rgba(255,255,255,0.1)"/></svg>') repeat;
+    opacity: 0.2;
+}
+
+.hero-section h1 {
+    font-size: 2.5rem;
+    margin-bottom: 1rem;
+    color: white;
+}
+
+.timeline {
+    position: relative;
+    margin: 3rem 0;
+    padding: 2rem 0;
+}
+
+.timeline-line {
+    position: absolute;
+    top: 50%;
+    left: 0;
+    right: 0;
+    height: 4px;
+    background: var(--primary-light);
+    transform: translateY(-50%);
+}
+
+.phase-wrapper {
+    display: flex;
+    justify-content: space-between;
+    position: relative;
+    z-index: 1;
+}
+
+.phase {
+    text-align: center;
+    flex: 1;
+    padding: 0 15px;
+    position: relative;
+}
+
+.phase-marker {
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+    background: var(--sidebar-bg);
+    border: 3px solid var(--border-color);
+    margin: 0 auto 15px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: bold;
+    position: relative;
+    transition: all 0.3s ease;
+}
+
+.phase.current .phase-marker {
+    background: var(--primary);
+    color: white;
+    border-color: var(--primary);
+    box-shadow: 0 0 0 6px var(--primary-light);
+    animation: pulse 2s infinite;
+}
+
+.phase.completed .phase-marker {
+    background: var(--success);
+    color: white;
+    border-color: var(--success);
+}
+
+.phase-content {
+    opacity: 0.7;
+    transition: all 0.3s ease;
+}
+
+.phase.current .phase-content {
+    opacity: 1;
+}
+
+.phase:hover .phase-content {
+    opacity: 1;
+    transform: translateY(-5px);
+}
+
+.action-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+    gap: 1.5rem;
+    margin: 2rem 0;
+}
+
+.action-card {
+    background: var(--card-bg);
+    border-radius: 1rem;
+    padding: 1.5rem;
+    border: 1px solid var(--border-color);
+    transition: all 0.3s ease;
+    position: relative;
+    overflow: hidden;
+}
+
+.action-card::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 4px;
+    background: var(--primary);
+    transform: scaleX(0);
+    transition: transform 0.3s ease;
+    transform-origin: left;
+}
+
+.action-card:hover::before {
+    transform: scaleX(1);
+}
+
+.action-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+}
+
+.resource-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 1.5rem;
+    margin: 2rem 0;
+}
+
+.resource-card {
+    background: var(--card-bg);
+    border-radius: 1rem;
+    padding: 1.5rem;
+    border: 1px solid var(--border-color);
+    transition: all 0.3s ease;
+    position: relative;
+    overflow: hidden;
+    cursor: pointer;
+}
+
+.resource-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+}
+
+.resource-icon {
+    font-size: 2rem;
+    margin-bottom: 1rem;
+    color: var(--primary);
+}
+
+.timeline-table {
+    width: 100%;
+    border-collapse: separate;
+    border-spacing: 0 0.5rem;
+    margin: 2rem 0;
+}
+
+.timeline-table th,
+.timeline-table td {
+    padding: 1rem;
+    background: var(--card-bg);
+    border: none;
+}
+
+.timeline-table tr {
+    transition: all 0.3s ease;
+}
+
+.timeline-table tr:hover {
+    transform: translateX(5px);
+}
+
+.timeline-table td:first-child {
+    border-radius: 0.5rem 0 0 0.5rem;
+}
+
+.timeline-table td:last-child {
+    border-radius: 0 0.5rem 0.5rem 0;
+}
+
+.status-badge {
+    display: inline-block;
+    padding: 0.25rem 0.75rem;
+    border-radius: 1rem;
+    font-size: 0.875rem;
+    font-weight: 500;
+}
+
+.status-badge.in-progress {
+    background: var(--primary-light);
+    color: var(--primary);
+}
+
+.status-badge.upcoming {
+    background: rgba(249, 115, 22, 0.1);
+    color: #f97316;
+}
+
+.help-container {
+    background: var(--card-bg);
+    border-radius: 1rem;
+    padding: 2rem;
+    text-align: center;
+    margin: 3rem 0;
+    border: 1px solid var(--border-color);
+    position: relative;
+}
+
+.help-icon {
+    width: 60px;
+    height: 60px;
+    background: var(--primary);
+    color: white;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 1.5rem;
+    margin: -50px auto 1rem auto;
+}
+
+@keyframes pulse {
+    0% {
+        box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4);
+    }
+    70% {
+        box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);
+    }
+    100% {
+        box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);
+    }
+}
+
+@media (max-width: 768px) {
+    .hero-section {
+        padding: 2rem 1rem;
+        margin: -1rem -1rem 2rem -1rem;
+    }
+
+    .hero-section h1 {
+        font-size: 1.75rem;
+    }
+
+    .phase-wrapper {
+        flex-direction: column;
+    }
+
+    .timeline-line {
+        width: 4px;
+        height: 100%;
+        left: 23px;
+        top: 0;
+        transform: none;
+    }
+
+    .phase {
+        display: flex;
+        align-items: center;
+        text-align: left;
+        padding: 1rem 0 1rem 60px;
+    }
+
+    .phase-marker {
+        position: absolute;
+        left: 0;
+        margin: 0;
+    }
+
+    .phase-content {
+        margin-left: 1rem;
+    }
+}
+</style>
+
+<div class="hero-section">
+    <h1>Welcome to Your SNWG Assessment Journey!</h1>
+    <p>Your guide to navigating the assessment process successfully</p>
+</div>
+
+## Your Assessment Progress
+
+Track your journey through each phase of the assessment process:
+
+<div class="timeline">
+    <div class="timeline-line"></div>
+    <div class="phase-wrapper">
+        <div class="phase completed">
+            <div class="phase-marker">✓</div>
+            <div class="phase-content">
+                <h3>Getting Started</h3>
+                <p>Complete onboarding</p>
+            </div>
+        </div>
+        <div class="phase current">
+            <div class="phase-marker">2</div>
+            <div class="phase-content">
+                <h3>Survey Review</h3>
+                <p>Analyze agency needs</p>
+            </div>
+        </div>
+        <div class="phase">
+            <div class="phase-marker">3</div>
+            <div class="phase-content">
+                <h3>Agency Interviews</h3>
+                <p>Gather insights</p>
+            </div>
+        </div>
+        <div class="phase">
+            <div class="phase-marker">4</div>
+            <div class="phase-content">
+                <h3>Solution Development</h3>
+                <p>Propose recommendations</p>
+            </div>
+        </div>
+    </div>
+</div>
+
+## You Are Here: Survey Review Phase
+
+<div class="action-grid">
+    <div class="action-card">
+        <h3>📋 Take Action Now</h3>
+        <ul>
+            <li>Read assigned survey responses</li>
+            <li>Review previous cycle information</li>
+            <li>Identify key questions for agency</li>
+            <li>Schedule pre-interview huddle</li>
+            <li>Complete training modules</li>
+        </ul>
+    </div>
+    
+    <div class="action-card">
+        <h3>📅 Coming Up Next</h3>
+        <ul>
+            <li>Agency interviews (2-3 weeks)</li>
+            <li>Document initial findings</li>
+            <li>Begin solution brainstorming</li>
+            <li>Team collaboration sessions</li>
+        </ul>
+    </div>
+</div>
+
+## Key Resources
+
+<div class="resource-grid">
+    <div class="resource-card">
+        <div class="resource-icon">📚</div>
+        <h4>Survey Analysis Guide</h4>
+        <p>Best practices for reviewing and analyzing agency survey responses</p>
+        <a href="#" class="btn btn-primary btn-sm">View Guide</a>
+    </div>
+    
+    <div class="resource-card">
+        <div class="resource-icon">👥</div>
+        <h4>Interview Preparation</h4>
+        <p>Tips and templates for effective agency interviews</p>
+        <a href="#" class="btn btn-primary btn-sm">View Guide</a>
+    </div>
+    
+    <div class="resource-card">
+        <div class="resource-icon">📊</div>
+        <h4>Previous Cycle Examples</h4>
+        <p>Learn from past successful assessments</p>
+        <a href="#" class="btn btn-primary btn-sm">View Examples</a>
+    </div>
+</div>
+
+## Timeline & Key Dates
+
+<table class="timeline-table">
+    <tr>
+        <td>Survey Review Completion</td>
+        <td>Jan 15, 2025</td>
+        <td><span class="status-badge in-progress">In Progress</span></td>
+    </tr>
+    <tr>
+        <td>Agency Interviews Begin</td>
+        <td>Feb 1, 2025</td>
+        <td><span class="status-badge upcoming">Upcoming</span></td>
+    </tr>
+    <tr>
+        <td>Initial Findings Due</td>
+        <td>Feb 28, 2025</td>
+        <td><span class="status-badge upcoming">Upcoming</span></td>
+    </tr>
+    <tr>
+        <td>Solution Development</td>
+        <td>Mar 15, 2025</td>
+        <td><span class="status-badge upcoming">Upcoming</span></td>
+    </tr>
+</table>
+
+## Tips for Success
+
+1. Start reviewing surveys early to identify patterns and key themes
+2. Document questions and insights in Asana as you review
+3. Connect with your thematic area lead for guidance
+4. Attend all scheduled training sessions
+5. Reach out to SNWG MO if you need support
+
+<div class="help-container">
+    <div class="help-icon">💡</div>
+    <h3>Need Help?</h3>
+    <p>The SNWG Management Office is here to support you throughout the assessment process.</p>
+    <p>Contact us at: <a href="mailto:info@snwg-impact.net">info@snwg-impact.net</a></p>
+</div>
+
+<script>
+document.addEventListener('DOMContentLoaded', () => {
+    // Add hover effects and animation triggers
+    const cards = document.querySelectorAll('.action-card, .resource-card');
+    
+    cards.forEach(card => {
+        card.addEventListener('mouseenter', () => {
+            card.style.transform = 'translateY(-5px)';
+        });
+        
+        card.addEventListener('mouseleave', () => {
+            card.style.transform = 'translateY(0)';
+        });
+    });
+});
+</script>
\ No newline at end of file
diff --git a/_tabs/Assessment.md b/_tabs/Assessment.md
index c4de0af..3984b4e 100644
--- a/_tabs/Assessment.md
+++ b/_tabs/Assessment.md
@@ -428,6 +428,10 @@ order: 3
     </div>
 </div>
 
+> Want more help? See our [step-by-step Assessment participant guide](https://nasa-impact.github.io/)
+{:.prompt-tip}
+
+
 <script>
 function toggleCard(button) {
   button.classList.toggle('active');
diff --git a/_tabs/SEP_Walkthrough.md b/_tabs/SEP_Walkthrough.md
new file mode 100644
index 0000000..d62d13f
--- /dev/null
+++ b/_tabs/SEP_Walkthrough.md
@@ -0,0 +1,367 @@
+---
+title: Your SNWG Stakeholder Journey
+layout: page
+toc: true
+---
+
+# Welcome to SNWG Co-Design
+
+> "Your participation is crucial in shaping Earth observation solutions that work for federal agencies. Through co-design, we build better solutions together."
+
+## Understanding Your Role
+
+<div class="content-section">
+    <div class="role-grid">
+        <div class="role-card">
+            <h3><i class="fas fa-rocket"></i> Initial Contact</h3>
+            <ul>
+                <li>Survey kickoff participation</li>
+                <li>Team assignment</li>
+                <li>Share agency needs</li>
+            </ul>
+        </div>
+        <div class="role-card">
+            <h3><i class="fas fa-users"></i> Active Engagement</h3>
+            <ul>
+                <li>Requirements gathering</li>
+                <li>Solution feedback</li>
+                <li>Design input</li>
+            </ul>
+        </div>
+        <div class="role-card">
+            <h3><i class="fas fa-cogs"></i> Development</h3>
+            <ul>
+                <li>Solution testing</li>
+                <li>Implementation planning</li>
+                <li>Impact assessment</li>
+            </ul>
+        </div>
+    </div>
+</div>
+
+## The Co-Design Process
+
+### Phase 1: Initial Engagement
+
+<div class="phase-card">
+    <div class="phase-intro">
+        <p class="tip-text">As a new stakeholder, you've been selected because your expertise is valuable. Your agency's needs drive our solution development.</p>
+    </div>
+    <div class="phase-section">
+        <h4>What to Expect</h4>
+        <ul class="phase-list">
+            <li><strong>Selection Email:</strong> Introduction to SNWG and your role</li>
+            <li><strong>Survey Kickoff (March):</strong> Orientation and process overview</li>
+            <li><strong>Team Assignment:</strong> Connection with your co-design lead</li>
+        </ul>
+    </div> 
+    <div class="phase-section">
+        <h4>Your First Steps</h4>
+        <ol class="phase-list">
+            <li>Review welcome materials</li>
+            <li>Schedule kickoff attendance</li>
+            <li>Prepare agency requirements</li>
+            <li>Connect with team lead</li>
+        </ol>
+    </div>
+</div>
+
+<style>
+.phase-card {
+    background: #f8f9fa;
+    border-radius: 8px;
+    padding: 1.5rem;
+    margin: 1rem 0;
+    border: 1px solid #e5e7eb;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+}
+
+.phase-intro {
+    background: #e8f4f8;
+    border-left: 4px solid #4682B4;
+    padding: 1rem;
+    margin-bottom: 1.5rem;
+    border-radius: 4px;
+}
+
+.tip-text {
+    color: #2c3e50;
+    margin: 0;
+    font-size: 1.1em;
+}
+
+.phase-section {
+    margin-bottom: 1.5rem;
+}
+
+.phase-section h4 {
+    color: #4682B4;
+    margin-bottom: 0.75rem;
+    font-size: 1.2em;
+}
+
+.phase-list {
+    margin: 0;
+    padding-left: 1.5rem;
+}
+
+.phase-list li {
+    margin-bottom: 0.5rem;
+    line-height: 1.6;
+}
+
+.phase-list strong {
+    color: #2c3e50;
+}
+</style>
+
+### Phase 2: Active Participation
+
+<div class="timeline-section">
+    <table class="styled-table">
+        <thead>
+            <tr>
+                <th>Month</th>
+                <th>Activities</th>
+                <th>Deliverables</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr>
+                <td>1-2</td>
+                <td>Requirements gathering</td>
+                <td>Agency needs document</td>
+            </tr>
+            <tr>
+                <td>3-4</td>
+                <td>Solution design workshops</td>
+                <td>Design specifications</td>
+            </tr>
+            <tr>
+                <td>5-6</td>
+                <td>Review and feedback</td>
+                <td>Feedback documentation</td>
+            </tr>
+            <tr>
+                <td>7-8</td>
+                <td>Implementation planning</td>
+                <td>Deployment strategy</td>
+            </tr>
+        </tbody>
+    </table>
+</div>
+
+### Phase 3: Building Blocks
+
+<div class="blocks-container">
+    <div class="block">
+        <h4><i class="fas fa-handshake"></i> Trust & Transparency</h4>
+        <ul>
+            <li>Open communication</li>
+            <li>Clear expectations</li>
+            <li>Shared goals</li>
+        </ul>
+    </div>
+    <div class="block">
+        <h4><i class="fas fa-search"></i> Curiosity & Empathy</h4>
+        <ul>
+            <li>Understanding workflows</li>
+            <li>Exploring constraints</li>
+            <li>Identifying opportunities</li>
+        </ul>
+    </div>
+    <div class="block">
+        <h4><i class="fas fa-lightbulb"></i> Ingenuity & Creativity</h4>
+        <ul>
+            <li>Problem-solving</li>
+            <li>Innovation</li>
+            <li>Practical solutions</li>
+        </ul>
+    </div>
+</div>
+
+## Support & Resources
+
+### Quick Links
+
+<div class="resources-grid">
+    <div class="resource-card">
+        <h4><i class="fas fa-book"></i> Documentation</h4>
+        <ul>
+            <li>Implementation Workflow Checklist</li>
+            <li>Communication Templates</li>
+            <li>Training Materials</li>
+        </ul>
+    </div>
+    <div class="resource-card">
+        <h4><i class="fas fa-hands-helping"></i> Support Team</h4>
+        <ul>
+            <li>Co-Design Lead</li>
+            <li>Implementation Team</li>
+            <li>Management Office</li>
+        </ul>
+    </div>
+</div>
+
+## FAQ
+
+<div class="faq-section">
+    <details>
+        <summary>How much time should I expect to commit?</summary>
+        <p>Plan for 2-4 hours monthly for regular activities, with additional time during key development phases.</p>
+    </details>
+    <details>
+        <summary>What if I miss the March kickoff?</summary>
+        <p>Contact your co-design lead for orientation materials and a catch-up session.</p>
+    </details>
+    <details>
+        <summary>How can I ensure my agency's needs are met?</summary>
+        <p>Active participation in early requirement gathering and regular feedback sessions is key.</p>
+    </details>
+</div>
+
+
+>*Remember: Your expertise and participation are vital to developing effective Earth observation solutions. We're committed to supporting your engagement throughout this journey.*
+{:.prompt-tip}
+
+<style>
+/* Base styles matching SEP */
+body {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+    line-height: 1.6;
+    color: #2c3e50;
+}
+
+/* Content sections */
+.content-section {
+    background-color: white;
+    border-radius: 0.75rem;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    padding: 1.5rem;
+    margin-bottom: 2rem;
+}
+
+/* Role cards grid */
+.role-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 1.5rem;
+    margin: 1.5rem 0;
+}
+
+.role-card {
+    background: linear-gradient(135deg, #f6f9fc, #eef2f7);
+    border-left: 4px solid #3498db;
+    padding: 1.5rem;
+    border-radius: 8px;
+    transition: transform 0.2s ease;
+}
+
+.role-card:hover {
+    transform: translateY(-2px);
+}
+
+/* Phase cards */
+.phase-card {
+    background: #f8f9fa;
+    border-radius: 8px;
+    padding: 1.5rem;
+    margin: 1rem 0;
+    border: 1px solid #e5e7eb;
+}
+
+/* Timeline table */
+.styled-table {
+    width: 100%;
+    border-collapse: collapse;
+    margin: 1.5rem 0;
+    border-radius: 8px;
+    overflow: hidden;
+}
+
+.styled-table th,
+.styled-table td {
+    padding: 1rem;
+    text-align: left;
+    border-bottom: 1px solid #e5e7eb;
+}
+
+.styled-table th {
+    background-color: #4682B4;
+    color: white;
+}
+
+.styled-table tr:nth-child(even) {
+    background-color: #f8f9fa;
+}
+
+/* Building blocks */
+.blocks-container {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 1.5rem;
+    margin: 1.5rem 0;
+}
+
+.block {
+    background: #f8f9fa;
+    padding: 1.5rem;
+    border-radius: 8px;
+    border: 1px solid #e5e7eb;
+}
+
+/* Resources grid */
+.resources-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 1.5rem;
+    margin: 1.5rem 0;
+}
+
+.resource-card {
+    background: #f8f9fa;
+    padding: 1.5rem;
+    border-radius: 8px;
+    border: 1px solid #e5e7eb;
+    transition: transform 0.2s ease;
+}
+
+.resource-card:hover {
+    transform: translateY(-2px);
+}
+
+/* FAQ section */
+.faq-section {
+    max-width: 800px;
+    margin: 2rem auto;
+}
+
+details {
+    background: #f8f9fa;
+    padding: 1rem;
+    margin-bottom: 0.5rem;
+    border-radius: 8px;
+    border: 1px solid #e5e7eb;
+}
+
+details summary {
+    cursor: pointer;
+    font-weight: 500;
+    color: #4682B4;
+}
+
+/* Icons */
+.fas {
+    color: #4682B4;
+    margin-right: 0.5rem;
+}
+
+/* Responsive adjustments */
+@media (max-width: 768px) {
+    .role-grid,
+    .blocks-container,
+    .resources-grid {
+        grid-template-columns: 1fr;
+    }
+}
+</style>