<!DOCTYPE html>
<html lang="en">

<head>
    <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-QCXT6EQ0BE"></script>
<script>
window.dataLayer = window.dataLayer || [];

function gtag() {
    dataLayer.push(arguments);
}
gtag('js', new Date());

gtag('config', 'G-QCXT6EQ0BE');
</script>

<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="/">

<!-- Meta SEO -->
<meta name="title" content="Search results for &quot;Power Automate&quot; | Xcesslogic">
<meta name="description" content="Explore technical case studies, cloud blueprints, and software solutions matching Power Automate.">
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="English">
<meta name="author" content="Xcesslogic">
<link rel="canonical" href="https://xcesslogic.com/search?q=Power+Automate">

<!-- Social media share -->
<meta property="og:title" content="Search results for &quot;Power Automate&quot; | Xcesslogic">
<meta property="og:site_name" content="Xcesslogic">
<meta property="og:url" content="https://xcesslogic.com/search?q=Power+Automate">
<meta property="og:description" content="Explore technical case studies, cloud blueprints, and software solutions matching Power Automate.">
<meta property="og:type" content="website">
<meta property="og:image" content="https://xcesslogic.com/assets/images/logo_xcesslogic.jpg">
<meta name="twitter:card" content="summary_large_image">

<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">    <title>Search results for &quot;Power Automate&quot; | Xcesslogic</title>
    <link rel="stylesheet" href="assets/css/xcess-theme.css">
    <style>
        .search-results-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 20px;
            margin-top: 32px;
        }
        .search-result-card {
            background: #FFFFFF;
            border: 1px solid var(--color-border);
            border-radius: var(--radius-lg);
            padding: 24px 28px;
            transition: all 0.2s ease;
            position: relative;
        }
        .search-result-card:hover {
            border-color: var(--color-primary);
            box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
            transform: translateY(-2px);
        }
        .search-filter-pill {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 7px 16px;
            font-size: 13px;
            font-weight: 600;
            font-family: var(--font-mono);
            border-radius: 9999px;
            text-decoration: none;
            transition: all 0.2s ease;
        }
    </style>
</head>

<body class="xcess-page">

    <!-- Top Announcement Bar -->
<div class="xcess-topbar">
  <div class="xcess-topbar-inner">
    <span class="xcess-topbar-tagline">// AI-assisted engineering. Human-owned outcomes.</span>

    <!-- Theme-Aligned Search Pill Trigger -->
    <div class="xcess-topbar-search-pill-wrap">
      <button type="button" class="xcess-topbar-search-trigger" id="xcessSearchTrigger" aria-label="Search articles, guides, and pages" title="Search site (Press /)">
        <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
          <circle cx="11" cy="11" r="8"></circle>
          <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
        </svg>
        <span class="xcess-search-trigger-text">Search articles, insights...</span>
        <kbd class="xcess-search-trigger-kbd">/</kbd>
      </button>
    </div>
  </div>
</div>

<!-- Command Palette / Search Modal Overlay -->
<div class="xcess-search-modal-backdrop" id="xcessSearchModal" style="display: none;" role="dialog" aria-modal="true" aria-label="Search Xcesslogic resources">
  <div class="xcess-search-modal-box" id="xcessSearchModalBox">
    <!-- Modal Input Header -->
    <div class="xcess-search-modal-header">
      <svg class="xcess-search-modal-icon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
        <circle cx="11" cy="11" r="8"></circle>
        <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
      </svg>
      <input type="text" id="xcessModalSearchInput" class="xcess-modal-search-input" placeholder="Search by topic, e.g. Zoho, Power Automate, NDIS, Excel..." autocomplete="off" spellcheck="false" aria-label="Search query">
      <button type="button" class="xcess-modal-close-btn" id="xcessModalClose" aria-label="Close search">
        <kbd>ESC</kbd>
      </button>
    </div>

    <!-- Filter Category Pills -->
    <div class="xcess-modal-filter-bar" id="xcessModalFilterBar">
      <button type="button" class="xcess-modal-filter-pill active" data-filter="all">All</button>
      <button type="button" class="xcess-modal-filter-pill" data-filter="insights">Insights</button>
      <button type="button" class="xcess-modal-filter-pill" data-filter="case-studies">Case Studies</button>
      <button type="button" class="xcess-modal-filter-pill" data-filter="pages">Services &amp; Pages</button>
    </div>

    <!-- Live Results Scroll Area -->
    <div class="xcess-modal-results" id="xcessModalResults" role="listbox">
      <!-- Default Suggestions State -->
      <div class="xcess-modal-default-state" id="xcessModalDefaultState">
        <div class="xcess-modal-section-title">// POPULAR TOPICS</div>
        <div class="xcess-modal-tags">
          <button type="button" class="xcess-quick-tag" data-query="Power Automate">Power Automate</button>
          <button type="button" class="xcess-quick-tag" data-query="Zoho CRM">Zoho CRM</button>
          <button type="button" class="xcess-quick-tag" data-query="NDIS">NDIS Workflows</button>
          <button type="button" class="xcess-quick-tag" data-query="DocuSign">DocuSign &amp; E-Sign</button>
          <button type="button" class="xcess-quick-tag" data-query="Excel to Web">Excel to Web</button>
          <button type="button" class="xcess-quick-tag" data-query="Mediation">Mediation Assignments</button>
        </div>
      </div>

      <!-- Dynamic Items Container -->
      <div id="xcessModalDynamicItems"></div>
    </div>

    <!-- Modal Footer with Navigation Shortcuts -->
    <div class="xcess-modal-footer">
      <div class="xcess-modal-footer-hints">
        <span><kbd>↑</kbd> <kbd>↓</kbd> navigate</span>
        <span><kbd>↵</kbd> select</span>
        <span><kbd>esc</kbd> close</span>
      </div>
      <a href="search" id="xcessModalViewAllLink" class="xcess-modal-view-all" style="display: none;">
        View full results page &rarr;
      </a>
    </div>
  </div>
</div>

<!-- Header & Navigation -->
<header class="xcess-header">
  <div class="xcess-nav-inner">
    <a href="full-stack-development" class="xcess-brand">
      <span class="xcess-brand-icon">
        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#1A7A6E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
          <polyline points="8 6 3 12 8 18"></polyline>
          <polyline points="16 6 21 12 16 18"></polyline>
        </svg>
      </span>
      <span>xcess<span style="color: #1A7A6E;">logic</span></span>
    </a>

    <nav class="xcess-nav-menu" aria-label="Primary Navigation">
      <a class="navlink" href="full-stack-development">Full-Stack</a>
      <a class="navlink" href="excel-to-web">Excel-to-Web</a>
      <a class="navlink" href="automation">Automation</a>
      <a class="navlink" href="resources/">Resources</a>
    </nav>

    <div class="xcess-nav-actions">
      <a href="contact" class="btn-primary"
        onclick="if(window.gtag) gtag('event', 'click_cta', { event_category: 'CTA', event_label: 'Header Contact' });"
        style="padding: 10px 20px; font-size: 14px; min-height: 40px;">
        Contact
      </a>
      <button class="xcess-mobile-toggle" aria-label="Toggle Navigation Menu" aria-expanded="false">
        <svg fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
        </svg>
      </button>
    </div>
  </div>
</header>

<style>
  /* --------------------------------------------------------------------------
   Integrated Search Pill Trigger (Theme-Native, No Patch, No Layout Shift)
   -------------------------------------------------------------------------- */
  .xcess-topbar-search-pill-wrap {
    display: inline-flex;
    align-items: center;
  }

  .xcess-topbar-search-trigger {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(0, 0, 0, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 9999px;
    padding: 4px 12px;
    color: rgba(255, 255, 255, 0.9);
    font-family: var(--font-mono, monospace);
    font-size: 11.5px;
    cursor: pointer;
    transition: all 0.2s ease;
    line-height: 1;
    text-decoration: none;
  }

  .xcess-topbar-search-trigger:hover {
    background: rgba(0, 0, 0, 0.28);
    border-color: rgba(255, 255, 255, 0.4);
    color: #FFFFFF;
  }

  .xcess-search-trigger-text {
    color: rgba(255, 255, 255, 0.85);
    font-size: 11px;
  }

  .xcess-search-trigger-kbd {
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 3px;
    font-size: 10px;
    padding: 1px 5px;
    color: #FFFFFF;
    line-height: 1.2;
  }

  /* --------------------------------------------------------------------------
   Command Palette / Search Modal (Isolated Overlay - Zero Topbar Expansion)
   -------------------------------------------------------------------------- */
  .xcess-search-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: rgba(15, 23, 42, 0.72);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 60px 16px 24px;
    box-sizing: border-box;
    animation: xcessFadeIn 0.18s ease-out;
  }

  @keyframes xcessFadeIn {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  .xcess-search-modal-box {
    width: 100%;
    max-width: 640px;
    background: #FFFFFF;
    border-radius: 14px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: xcessSlideDown 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  }

  @keyframes xcessSlideDown {
    from {
      transform: translateY(-12px) scale(0.98);
      opacity: 0;
    }

    to {
      transform: translateY(0) scale(1);
      opacity: 1;
    }
  }

  .xcess-search-modal-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border-bottom: 1px solid #E2E8F0;
    background: #FFFFFF;
  }

  .xcess-search-modal-icon {
    color: #1A7A6E;
    flex-shrink: 0;
  }

  .xcess-modal-search-input {
    flex: 1;
    border: none;
    outline: none;
    font-size: 16px;
    color: #0F172A;
    font-family: inherit;
    background: transparent;
    padding: 4px 0;
  }

  .xcess-modal-search-input::placeholder {
    color: #94A3B8;
    font-size: 15px;
  }

  .xcess-modal-close-btn {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 4px;
  }

  .xcess-modal-close-btn kbd {
    background: #F1F5F9;
    border: 1px solid #CBD5E1;
    border-radius: 4px;
    padding: 3px 6px;
    font-family: var(--font-mono, monospace);
    font-size: 11px;
    color: #64748B;
    font-weight: 600;
  }

  .xcess-modal-filter-bar {
    display: flex;
    gap: 6px;
    padding: 10px 18px;
    background: #F8FAFC;
    border-bottom: 1px solid #E2E8F0;
    overflow-x: auto;
  }

  .xcess-modal-filter-pill {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 9999px;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 600;
    font-family: var(--font-mono, monospace);
    color: #475569;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
  }

  .xcess-modal-filter-pill:hover {
    border-color: #1A7A6E;
    color: #1A7A6E;
  }

  .xcess-modal-filter-pill.active {
    background: #1A7A6E;
    border-color: #1A7A6E;
    color: #FFFFFF;
  }

  .xcess-modal-results {
    max-height: 380px;
    overflow-y: auto;
    padding: 8px 0;
    background: #FFFFFF;
  }

  .xcess-modal-section-title {
    padding: 12px 18px 6px;
    font-family: var(--font-mono, monospace);
    font-size: 11px;
    font-weight: 700;
    color: #64748B;
    letter-spacing: 0.08em;
  }

  .xcess-modal-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 18px 20px;
  }

  .xcess-quick-tag {
    background: #F1F5F9;
    border: 1px solid #E2E8F0;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 13px;
    color: #334155;
    cursor: pointer;
    transition: all 0.15s ease;
    font-family: inherit;
  }

  .xcess-quick-tag:hover {
    background: #E6F3F1;
    border-color: #1A7A6E;
    color: #1A7A6E;
  }

  .xcess-search-modal-item {
    display: block;
    padding: 12px 18px;
    text-decoration: none;
    color: #0F172A;
    border-bottom: 1px solid #F1F5F9;
    transition: background 0.15s ease;
  }

  .xcess-search-modal-item:hover,
  .xcess-search-modal-item.active {
    background: #F0FDF4;
  }

  .xcess-search-modal-item-title {
    font-size: 15px;
    font-weight: 700;
    color: #0F172A;
    line-height: 1.4;
    margin-bottom: 4px;
  }

  .xcess-search-modal-item-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #64748B;
    font-family: var(--font-mono, monospace);
    margin-bottom: 4px;
  }

  .xcess-modal-badge {
    font-size: 10px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 4px;
    text-transform: uppercase;
  }

  .xcess-modal-badge-insights {
    background: #D1FAE5;
    color: #065F46;
  }

  .xcess-modal-badge-case-studies {
    background: #F3E8FF;
    color: #6B21A8;
  }

  .xcess-modal-badge-pages {
    background: #E0F2FE;
    color: #0369A1;
  }

  .xcess-search-modal-item-summary {
    font-size: 13px;
    line-height: 1.5;
    color: #475569;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .xcess-modal-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 18px;
    background: #F8FAFC;
    border-top: 1px solid #E2E8F0;
    font-size: 12px;
    color: #64748B;
    font-family: var(--font-mono, monospace);
  }

  .xcess-modal-footer-hints {
    display: flex;
    gap: 12px;
  }

  .xcess-modal-footer-hints kbd {
    background: #FFFFFF;
    border: 1px solid #CBD5E1;
    border-radius: 3px;
    padding: 1px 4px;
    font-size: 10px;
    color: #334155;
  }

  .xcess-modal-view-all {
    color: #1A7A6E;
    font-weight: 700;
    text-decoration: none;
  }

  .xcess-modal-view-all:hover {
    text-decoration: underline;
  }

  @media (max-width: 640px) {
    .xcess-search-modal-backdrop {
      padding: 16px;
    }

    .xcess-modal-footer-hints {
      display: none;
    }
  }
</style>

<script>
  (function() {
    var trigger = document.getElementById('xcessSearchTrigger');
    var modal = document.getElementById('xcessSearchModal');
    var modalBox = document.getElementById('xcessSearchModalBox');
    var input = document.getElementById('xcessModalSearchInput');
    var closeBtn = document.getElementById('xcessModalClose');
    var defaultState = document.getElementById('xcessModalDefaultState');
    var dynamicItems = document.getElementById('xcessModalDynamicItems');
    var viewAllLink = document.getElementById('xcessModalViewAllLink');
    var filterBar = document.getElementById('xcessModalFilterBar');

    if (!trigger || !modal || !input) return;

    var currentFilter = 'all';
    var allFetchedResults = [];
    var activeIdx = -1;
    var debounceTimer = null;

    function openModal(initialQuery) {
      modal.style.display = 'flex';
      document.body.style.overflow = 'hidden';
      if (typeof initialQuery === 'string') {
        input.value = initialQuery;
        triggerSearch();
      }
      setTimeout(function() {
        input.focus();
        input.select();
      }, 40);
    }

    function closeModal() {
      modal.style.display = 'none';
      document.body.style.overflow = '';
      activeIdx = -1;
    }

    trigger.addEventListener('click', function(e) {
      e.preventDefault();
      openModal();
    });

    closeBtn.addEventListener('click', closeModal);

    modal.addEventListener('click', function(e) {
      if (!modalBox.contains(e.target)) {
        closeModal();
      }
    });

    // Global keyboard shortcuts: "/" or "Cmd+K" / "Ctrl+K" opens modal; "Esc" closes
    document.addEventListener('keydown', function(e) {
      var tag = (document.activeElement.tagName || '').toLowerCase();
      var isInput = tag === 'input' || tag === 'textarea' || tag === 'select';

      if ((e.key === '/' || ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'k')) && !isInput) {
        e.preventDefault();
        openModal();
      } else if (e.key === 'Escape' && modal.style.display !== 'none') {
        closeModal();
      }
    });

    // Quick Tags in default state
    modal.addEventListener('click', function(e) {
      var tagBtn = e.target.closest('.xcess-quick-tag');
      if (tagBtn) {
        var q = tagBtn.getAttribute('data-query');
        input.value = q;
        triggerSearch();
      }
    });

    // Category filter pills
    filterBar.addEventListener('click', function(e) {
      var pill = e.target.closest('.xcess-modal-filter-pill');
      if (!pill) return;
      filterBar.querySelectorAll('.xcess-modal-filter-pill').forEach(function(p) {
        p.classList.remove('active');
      });
      pill.classList.add('active');
      currentFilter = pill.getAttribute('data-filter') || 'all';
      renderFilteredResults();
    });

    input.addEventListener('input', function() {
      clearTimeout(debounceTimer);
      debounceTimer = setTimeout(triggerSearch, 160);
    });

    function triggerSearch() {
      var q = input.value.trim();
      if (q.length < 2) {
        defaultState.style.display = 'block';
        dynamicItems.innerHTML = '';
        viewAllLink.style.display = 'none';
        allFetchedResults = [];
        activeIdx = -1;
        return;
      }

      defaultState.style.display = 'none';
      dynamicItems.innerHTML = '<div style="padding: 24px; text-align: center; color: #64748B; font-size: 14px;">Searching...</div>';

      fetch('search-api?q=' + encodeURIComponent(q) + '&limit=15')
        .then(function(res) {
          return res.json();
        })
        .then(function(data) {
          allFetchedResults = data.results || [];
          viewAllLink.href = 'search?q=' + encodeURIComponent(q);
          viewAllLink.style.display = 'inline';
          viewAllLink.textContent = 'View all ' + data.total + ' results →';
          renderFilteredResults();
        })
        .catch(function(err) {
          dynamicItems.innerHTML = '<div style="padding: 24px; text-align: center; color: #EF4444; font-size: 14px;">Error loading search results.</div>';
        });
    }

    function renderFilteredResults() {
      var q = input.value.trim();
      if (q.length < 2) return;

      var filtered = allFetchedResults;
      if (currentFilter !== 'all') {
        filtered = allFetchedResults.filter(function(item) {
          return (item.category || '') === currentFilter;
        });
      }

      if (filtered.length === 0) {
        dynamicItems.innerHTML = '<div style="padding: 32px 18px; text-align: center; color: #64748B;">' +
          '<div style="font-size: 24px; margin-bottom: 6px;">🔍</div>' +
          '<div style="font-size: 15px; font-weight: 600; color: #0F172A; margin-bottom: 4px;">No matching results</div>' +
          '<div style="font-size: 13px;">No resources found for "<strong>' + escapeHtml(q) + '</strong>" in this category.</div>' +
          '</div>';
        activeIdx = -1;
        return;
      }

      var html = '';
      filtered.forEach(function(item, idx) {
        var badgeClass = 'xcess-modal-badge-pages';
        if (item.category === 'insights') badgeClass = 'xcess-modal-badge-insights';
        else if (item.category === 'case-studies') badgeClass = 'xcess-modal-badge-case-studies';

        html += '<a href="' + escapeHtml(item.url) + '" class="xcess-search-modal-item" data-idx="' + idx + '" role="option">' +
          '<div class="xcess-search-modal-item-meta">' +
          '<span class="xcess-modal-badge ' + badgeClass + '">' + escapeHtml(item.category_label || item.category) + '</span>' +
          (item.subcategory_label ? '<span>// ' + escapeHtml(item.subcategory_label) + '</span>' : '') +
          '</div>' +
          '<div class="xcess-search-modal-item-title">' + highlightText(item.title, q) + '</div>' +
          (item.summary ? '<p class="xcess-search-modal-item-summary">' + highlightText(item.summary, q) + '</p>' : '') +
          '</a>';
      });

      dynamicItems.innerHTML = html;
      activeIdx = -1;
    }

    // Keyboard navigation
    input.addEventListener('keydown', function(e) {
      var items = dynamicItems.querySelectorAll('.xcess-search-modal-item');

      if (e.key === 'ArrowDown') {
        if (!items.length) return;
        e.preventDefault();
        activeIdx = (activeIdx + 1) % items.length;
        updateActiveItem(items);
      } else if (e.key === 'ArrowUp') {
        if (!items.length) return;
        e.preventDefault();
        activeIdx = (activeIdx - 1 + items.length) % items.length;
        updateActiveItem(items);
      } else if (e.key === 'Enter') {
        if (activeIdx >= 0 && items[activeIdx]) {
          e.preventDefault();
          items[activeIdx].click();
        } else if (input.value.trim().length >= 2) {
          window.location.href = 'search?q=' + encodeURIComponent(input.value.trim());
        }
      }
    });

    function updateActiveItem(items) {
      items.forEach(function(el, i) {
        if (i === activeIdx) {
          el.classList.add('active');
          el.scrollIntoView({
            block: 'nearest'
          });
        } else {
          el.classList.remove('active');
        }
      });
    }

    function escapeHtml(str) {
      if (!str) return '';
      return str.replace(/[&<>"']/g, function(m) {
        return {
          '&': '&amp;',
          '<': '&lt;',
          '>': '&gt;',
          '"': '&quot;',
          "'": '&#039;'
        } [m];
      });
    }

    function highlightText(text, query) {
      var safe = escapeHtml(text);
      if (!query) return safe;
      var words = query.trim().split(/\s+/);
      words.forEach(function(w) {
        if (w.length < 2) return;
        var reg = new RegExp('(' + w.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') + ')', 'gi');
        safe = safe.replace(reg, '<mark style="background: rgba(26, 122, 110, 0.18); color: #0F766E; font-weight: 700; padding: 1px 3px; border-radius: 2px;">$1</mark>');
      });
      return safe;
    }
  })();
</script>
    <!-- Search Hero Section -->
    <section class="xcess-section" style="padding: 56px 0 40px; background: #FFFFFF; border-bottom: 1px solid var(--color-border);">
        <div class="xcess-container" style="max-width: 860px;">
            <nav aria-label="Breadcrumb" style="margin-bottom: 16px;">
                <ol style="display: flex; gap: 8px; font-size: 13px; font-family: var(--font-mono); list-style: none; padding: 0; margin: 0; color: var(--color-text-muted);">
                    <li><a href="full-stack-development" style="color: var(--color-text-muted); text-decoration: none;">Home</a></li>
                    <li>/</li>
                    <li style="color: var(--color-primary); font-weight: 600;">Search</li>
                </ol>
            </nav>

            <h1 style="font-size: 32px; font-weight: 800; color: var(--color-text-main); margin: 0 0 12px; letter-spacing: -0.02em;">
                                    Search results for &ldquo;Power Automate&rdquo;
                            </h1>

            <p style="font-size: 16px; color: var(--color-text-body); margin: 0 0 24px;">
                                    Found <strong>31</strong> relevant results across engineering playbooks, case studies, and services.
                            </p>

            <!-- Search Form -->
            <form action="search" method="GET" style="display: flex; gap: 10px; margin-bottom: 24px;">
                <div style="flex: 1; position: relative;">
                    <input type="search" name="q" value="Power Automate" placeholder="Search by topic, e.g. Power Automate, DocuSign, Zoho, Excel..."
                           autofocus
                           style="width: 100%; box-sizing: border-box; padding: 13px 18px; font-size: 16px; border: 1.5px solid var(--color-border); border-radius: 8px; font-family: inherit; outline: none; transition: border-color 0.2s;"
                           onfocus="this.style.borderColor='var(--color-primary)'" onblur="this.style.borderColor='var(--color-border)'">
                </div>
                <button type="submit" class="btn-primary" style="padding: 0 24px; font-size: 15px; font-weight: 700; border-radius: 8px;">
                    Search
                </button>
            </form>

            <!-- Filter Pills -->
                            <div style="display: flex; flex-wrap: wrap; gap: 8px;">
                                        <a href="search?q=Power+Automate" class="search-filter-pill" style="background: var(--color-primary); color: #FFFFFF; border: 1px solid var(--color-primary);">All Results <span style="opacity: 0.8; font-size: 11px;">(31)</span></a>                    <a href="search?q=Power+Automate&cat=insights" class="search-filter-pill" style="background: #F8FAFC; color: var(--color-text-body); border: 1px solid var(--color-border);">Insights & Guides <span style="opacity: 0.8; font-size: 11px;">(19)</span></a>                    <a href="search?q=Power+Automate&cat=case-studies" class="search-filter-pill" style="background: #F8FAFC; color: var(--color-text-body); border: 1px solid var(--color-border);">Case Studies <span style="opacity: 0.8; font-size: 11px;">(10)</span></a>                    <a href="search?q=Power+Automate&cat=pages" class="search-filter-pill" style="background: #F8FAFC; color: var(--color-text-body); border: 1px solid var(--color-border);">Core Pages <span style="opacity: 0.8; font-size: 11px;">(2)</span></a>                </div>
                    </div>
    </section>

    <!-- Results Section -->
    <section class="xcess-section bg-tint" style="padding: 48px 0 80px; min-height: 400px;">
        <div class="xcess-container" style="max-width: 860px;">
                            <div class="search-results-grid">
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // POWER PLATFORM                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/microsoft-power-platform-client-onboarding-portal/" style="color: var(--color-text-main); text-decoration: none;">
                                    Building a Secure Client Onboarding Portal with <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> Pages, <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Automate</mark> and SharePoint                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Power Pages</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Power Automate</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Dataverse</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                A senior engineering guide to building an external client onboarding portal using <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> Pages, <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Automate</mark>, Dataverse, and SharePoint with secure multi-tenant access.                            </p>

                            <a href="insights/microsoft-power-platform-client-onboarding-portal/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // POWER PLATFORM                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/power-automate-client-onboarding/" style="color: var(--color-text-main); text-decoration: none;">
                                    How to <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Automate</mark> Client Onboarding with <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Automate</mark>                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Power Automate</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Dataverse</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Office 365 Outlook</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                Practical guide to automating client onboarding workflows with <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Automate</mark>: form processing, <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">automate</mark>d reminders, and staff exception alerts.                            </p>

                            <a href="insights/power-automate-client-onboarding/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // MICROSOFT 365                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/power-automate-records-destruction-approval/" style="color: var(--color-text-main); text-decoration: none;">
                                    How to <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Automate</mark> Records Destruction Approval with <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Automate</mark>                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Power Automate</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Approvals Engine</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Audit Trail</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                Learn how to design a <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Automate</mark> approval workflow for physical records destruction requests, including roles, rejection paths, exceptions, and audit evidence.                            </p>

                            <a href="insights/power-automate-records-destruction-approval/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // MICROSOFT 365 &AMP; POWER PLATFORM                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/automate-mediation-case-assignments-power-automate/" style="color: var(--color-text-main); text-decoration: none;">
                                    Automating Mediation Case Assignments with <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Automate</mark> and e-Signature Workflow                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Microsoft Power Automate</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">UnderSign e-Signature</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Outlook Automation</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                A practical blueprint for mediation practices to <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">automate</mark> case assignment intake, fee tier calculation, dual agreement generation, invoice dispatch, and UnderSign electronic signatures.                            </p>

                            <a href="insights/automate-mediation-case-assignments-power-automate/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // MICROSOFT 365 &AMP; POWER PLATFORM                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-purple-100 text-purple-700">
                                    Case Study                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="case-studies/power-automate-outlook-calendar-automation/" style="color: var(--color-text-main); text-decoration: none;">
                                    Automating Email Triage, Meeting Scheduling, and Follow-Up Actions in Microsoft 365                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Microsoft Power Automate</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">M365 Copilot</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Outlook Graph API</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                Explore a Microsoft 365 workflow using <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Automate</mark> and Copilot to assist with email drafting, meeting scheduling, action extraction, and calendar time blocking.                            </p>

                            <a href="case-studies/power-automate-outlook-calendar-automation/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // MICROSOFT 365 &AMP; POWER PLATFORM                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-purple-100 text-purple-700">
                                    Case Study                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="case-studies/power-automate-excel-fx-workflow/" style="color: var(--color-text-main); text-decoration: none;">
                                    Automating an Excel-Based Foreign Exchange Trading Workflow                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Microsoft Power Automate</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">OneDrive API</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Office Scripts (TypeScript)</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                Learn how <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Automate</mark>, OneDrive, and Office Scripts were used in an Excel automation workflow for a foreign exchange trading company.                            </p>

                            <a href="case-studies/power-automate-excel-fx-workflow/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // MICROSOFT 365 &AMP; POWER PLATFORM                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/ai-assisted-power-apps-visitor-management/" style="color: var(--color-text-main); text-decoration: none;">
                                    How to Build a QR Code Visitor Management System with <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> Apps and AI                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Microsoft Power Apps</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Power Automate</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Microsoft Dataverse</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                A technical blueprint for building a secure visitor management system using <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> Apps, Dataverse security boundaries, <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">automate</mark>d host notifications, and QR check-in workflows.                            </p>

                            <a href="insights/ai-assisted-power-apps-visitor-management/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // MICROSOFT 365                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/microsoft-365-records-management-proof-of-concept/" style="color: var(--color-text-main); text-decoration: none;">
                                    How to Build a Microsoft 365 Records Management Proof of Concept with SharePoint and Purview                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">SharePoint Online</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Microsoft Purview</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Power Automate</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                Learn how to scope a Microsoft 365 records management proof of concept using SharePoint, Microsoft Purview, and <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Automate</mark> before planning a production rollout.                            </p>

                            <a href="insights/microsoft-365-records-management-proof-of-concept/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // POWER PLATFORM                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/power-pages-sharepoint-document-uploads/" style="color: var(--color-text-main); text-decoration: none;">
                                    How to Collect Client Documents Online with <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> Pages and SharePoint                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Power Pages</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">SharePoint Online</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Dataverse</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                How to design secure client document uploads in <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> Pages using SharePoint document libraries, metadata linking, and virus scanning workflows.                            </p>

                            <a href="insights/power-pages-sharepoint-document-uploads/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // MICROSOFT 365 &AMP; POWER PLATFORM                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/automate-sales-commission-quickbooks-power-automate/" style="color: var(--color-text-main); text-decoration: none;">
                                    Building an Auditable Sales Commission Automation System with AI-Assisted Development                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">QuickBooks Desktop</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Python</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Azure Functions</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                How to architect an auditable sales commission automation system reconciling QuickBooks Desktop invoices, multi-source costs, and complex gross-profit rules via Python and Azure Functions.                            </p>

                            <a href="insights/automate-sales-commission-quickbooks-power-automate/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // MICROSOFT 365                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/ai-assisted-sharepoint-intranet-healthcare/" style="color: var(--color-text-main); text-decoration: none;">
                                    How to Build a Secure SharePoint Intranet for a Growing Healthcare Clinic                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">SharePoint Online</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Microsoft Lists</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Power Automate</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                A step-by-step engineering architecture for deploying a clinical staff intranet with role-based document access, policy read-and-sign workflows, and <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">automate</mark>d staff onboarding.                            </p>

                            <a href="insights/ai-assisted-sharepoint-intranet-healthcare/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // E-SIGNATURE &AMP; DOCUMENTS                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-purple-100 text-purple-700">
                                    Case Study                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="case-studies/microsoft-forms-pdf-docusign-automation/" style="color: var(--color-text-main); text-decoration: none;">
                                    Automatically Turning Microsoft Forms Responses into Signable PDFs                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Microsoft Forms</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Power Automate Flow</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Automated PDF Generation</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                Learn how Microsoft Forms responses and attachments can be processed into formatted PDFs and sent through DocuSign, reducing manual document preparation.                            </p>

                            <a href="case-studies/microsoft-forms-pdf-docusign-automation/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // SERVICE                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-sky-100 text-sky-800">
                                    Service                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="automation" style="color: var(--color-text-main); text-decoration: none;">
                                    Cloud &amp; Business Workflow Automation                                </a>
                            </h2>

                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                Eliminate manual administrative bottlenecks with <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">automate</mark>d data flows, API integrations, and document processing.                            </p>

                            <a href="automation" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Page &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // POWER PLATFORM                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/power-pages-client-data-security/" style="color: var(--color-text-main); text-decoration: none;">
                                    How to Keep Each Client's Data Separate in <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> Pages                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Power Pages</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Dataverse Security</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Azure AD B2C</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                Technical guide to securing client data in <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> Pages using Dataverse table permissions, Web Roles, account-level scoping, and column security.                            </p>

                            <a href="insights/power-pages-client-data-security/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // POWER PLATFORM                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/power-apps-onboarding-progress-tracking/" style="color: var(--color-text-main); text-decoration: none;">
                                    How to Track Client Onboarding Progress with <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> Apps and Dataverse                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Power Apps</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Model-Driven Apps</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Dataverse</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                Architectural guide to building an internal onboarding tracker in Model-Driven <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> Apps for staff visibility, review tasks, and audit logs.                            </p>

                            <a href="insights/power-apps-onboarding-progress-tracking/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // POWER PLATFORM                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/power-pages-client-portal-cost/" style="color: var(--color-text-main); text-decoration: none;">
                                    How Much Does It Cost to Build a Client Portal with Microsoft <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> Pages?                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Power Pages Licensing</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Dataverse Capacity</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Cost Analysis</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                Clear breakdown of Microsoft <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> Pages client portal costs: licensing, Dataverse capacity, custom dev hours, and ongoing maintenance.                            </p>

                            <a href="insights/power-pages-client-portal-cost/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // POWER PLATFORM                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/power-pages-vs-custom-client-portal/" style="color: var(--color-text-main); text-decoration: none;">
                                    <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> Pages vs. a Custom-Built Client Portal: How to Choose                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Power Pages</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Custom Full-Stack</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Next.js</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                Technical comparison: when to build an onboarding portal on Microsoft <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> Pages vs when custom full-stack web applications are superior.                            </p>

                            <a href="insights/power-pages-vs-custom-client-portal/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // POWER PLATFORM                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/hiring-a-power-pages-developer/" style="color: var(--color-text-main); text-decoration: none;">
                                    Hiring a <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> Pages Developer for a Secure Client Portal                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Technical Hiring</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Power Pages</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Developer Assessment</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                Buyer guide and technical evaluation framework for hiring a <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> Pages developer or development agency.                            </p>

                            <a href="insights/hiring-a-power-pages-developer/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // POWER PLATFORM                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/power-platform-client-portal-requirements-checklist/" style="color: var(--color-text-main); text-decoration: none;">
                                    Client Portal Requirements Checklist for Microsoft <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> Platform Projects                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Requirements Engineering</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Dataverse</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Power Pages</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                Comprehensive 40-point requirements checklist across security, data models, workflows, and integrations before building a client portal.                            </p>

                            <a href="insights/power-platform-client-portal-requirements-checklist/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // MICROSOFT 365 &AMP; POWER PLATFORM                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/ndis-provider-workflow-automation/" style="color: var(--color-text-main); text-decoration: none;">
                                    How NDIS Providers Can <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Automate</mark> Participant Onboarding, Service Agreements and Compliance Documents                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">NDIS Workflow Automation</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">CareIQ / KoalaOne APIs</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Electronic Signatures</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                A comprehensive architectural blueprint for NDIS care providers to <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">automate</mark> intake validation, service agreement generation, mobile digital signing, document filing, and system integration.                            </p>

                            <a href="insights/ndis-provider-workflow-automation/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // EXCEL-TO-WEB &AMP; MODELING                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-purple-100 text-purple-700">
                                    Case Study                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="case-studies/excel-dc-power-calculator-web-app/" style="color: var(--color-text-main); text-decoration: none;">
                                    Turning an Excel DC <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> Calculator into a Shared Web Application                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Engineering Calculation Engine</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Voltage Drop Logic</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Cable Sizing Matrix</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                Learn how an Excel-based DC <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">power</mark> calculation workflow can be converted into a browser-based tool with centralized calculation records and controlled access to proprietary logic.                            </p>

                            <a href="case-studies/excel-dc-power-calculator-web-app/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // MICROSOFT 365 &AMP; POWER PLATFORM                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-purple-100 text-purple-700">
                                    Case Study                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="case-studies/power-apps-equipment-rental-workflow/" style="color: var(--color-text-main); text-decoration: none;">
                                    Managing Generator Purchases, Inspections, Rentals, and Returns in One Workflow                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Microsoft Power Apps</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">SharePoint Lists</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Nintex Workflows</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                See how <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> Apps, SharePoint, and Nintex were used to organize generator rental records, approvals, PDF generation, reports, and notifications.                            </p>

                            <a href="case-studies/power-apps-equipment-rental-workflow/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // E-SIGNATURE &AMP; DOCUMENTS                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/automate-repetitive-pdf-applications-ai/" style="color: var(--color-text-main); text-decoration: none;">
                                    How to <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Automate</mark> Repetitive PDF Applications Using AI: A Practical Development Guide                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">AI Document Automation</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Python / PDF Engine</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">AcroForms</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                How to architect an <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">automate</mark>d credentialing and application-filling engine that maps a central verified profile to diverse PDF and Word application forms with human-in-the-loop review.                            </p>

                            <a href="insights/automate-repetitive-pdf-applications-ai/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // MICROSOFT 365 &AMP; POWER PLATFORM                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-purple-100 text-purple-700">
                                    Case Study                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="case-studies/google-sheets-mortgage-prequalification/" style="color: var(--color-text-main); text-decoration: none;">
                                    Organizing Mortgage Prequalification with Google Sheets and Automation                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Google Sheets API</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Google Apps Script</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Automated Qualification Formulas</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                See how a Google Sheets-based mortgage prequalification module combined calculations, dashboards, and data visualizations for a mortgage processing firm.                            </p>

                            <a href="case-studies/google-sheets-mortgage-prequalification/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // EXCEL-TO-WEB &AMP; MODELING                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/marketing-budget-planning-tracking-tool/" style="color: var(--color-text-main); text-decoration: none;">
                                    Building a Marketing Budget Planning and Tracking Tool for a Multi-Brand Automotive Dealer Group                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Microsoft 365</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">SharePoint Lists</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Power Apps</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                How to build an auditable marketing budget planning and tracking tool for automotive dealer groups handling complex multi-brand, multi-location allocations and invoice reconciliation.                            </p>

                            <a href="insights/marketing-budget-planning-tracking-tool/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // E-SIGNATURE &AMP; DOCUMENTS                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-purple-100 text-purple-700">
                                    Case Study                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="case-studies/employee-benefits-enrollment-docusign/" style="color: var(--color-text-main); text-decoration: none;">
                                    Connecting Benefits Selection, Premium Calculations, and Electronic Signing                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Web Application</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">DocuSign REST API</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Premium Calculation Engine</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                See how a custom benefits enrollment web application collected employee data, calculated premium options, prefilled signing documents, and routed signed forms for review.                            </p>

                            <a href="case-studies/employee-benefits-enrollment-docusign/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // CRM INTEGRATION &AMP; MIGRATION                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-purple-100 text-purple-700">
                                    Case Study                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="case-studies/salesforce-hubspot-data-sync/" style="color: var(--color-text-main); text-decoration: none;">
                                    Keeping Salesforce and HubSpot Data in Sync Across Multiple Locations                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Salesforce REST API</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">HubSpot API</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Bidirectional Sync Engine</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                See how a multi-location rehabilitation provider used synchronization scripts and automation to move sales and marketing data between Salesforce and HubSpot.                            </p>

                            <a href="case-studies/salesforce-hubspot-data-sync/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // E-SIGNATURE &AMP; DOCUMENTS                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-purple-100 text-purple-700">
                                    Case Study                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="case-studies/ats-docusign-integration/" style="color: var(--color-text-main); text-decoration: none;">
                                    Connecting Candidate Approval and Agreement Signing to an ATS Workflow                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Applicant Tracking System</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">DocuSign REST API</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Candidate Approval Gate</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                Learn how an applicant tracking workflow connected candidate profile approval with DocuSign agreement signing and status updates.                            </p>

                            <a href="case-studies/ats-docusign-integration/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // MICROSOFT 365 &AMP; POWER PLATFORM                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-purple-100 text-purple-700">
                                    Case Study                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="case-studies/google-workspace-governance-automation/" style="color: var(--color-text-main); text-decoration: none;">
                                    Organizing Google Workspace Data and Automating Operational Workflows                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Google Workspace API</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Google Vault</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Shared Drives</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                Learn how a field operations and engineering company improved Google Workspace governance using Shared Drives, Vault, data controls, and AppSheet and Apps Script automation.                            </p>

                            <a href="case-studies/google-workspace-governance-automation/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // HUB                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-sky-100 text-sky-800">
                                    Hub                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/" style="color: var(--color-text-main); text-decoration: none;">
                                    Engineering Insights &amp; Architecture Blueprints                                </a>
                            </h2>

                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                In-depth architecture guides on Microsoft <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">Power</mark> Platform, Zoho CRM, NDIS compliance, and cloud systems.                            </p>

                            <a href="insights/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Page &rarr;
                            </a>
                        </article>
                                                                    <article class="search-result-card">
                            <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 8px;">
                                <span class="insight-tag" style="margin: 0;">
                                    // CUSTOM WEB APPLICATIONS                                </span>
                                <span style="font-family: var(--font-mono); font-size: 11px; padding: 3px 9px; border-radius: 4px; font-weight: 700;" class="bg-emerald-100 text-emerald-800">
                                    Insight                                </span>
                            </div>

                            <h2 style="font-size: 20px; font-weight: 700; margin: 6px 0 10px; line-height: 1.4;">
                                <a href="insights/ai-assisted-crm-erp-manufacturers-rep-agencies/" style="color: var(--color-text-main); text-decoration: none;">
                                    How to Build a Commission-Tracking CRM/ERP with Responsible AI-Assisted Development                                </a>
                            </h2>

                                                            <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Custom Web Application</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">PostgreSQL</span>
                                                                            <span class="pill-tech-badge" style="font-size: 11px; padding: 2px 8px;">Python / Node.js</span>
                                                                    </div>
                            
                            <p style="margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--color-text-body);">
                                A comprehensive architecture guide for manufacturers' representative agencies building custom CRM/ERP platforms to <mark style="background: rgba(26, 122, 110, 0.15); color: #10302C; padding: 1px 4px; border-radius: 3px; font-weight: 600;">automate</mark> statement reconciliation and complex split commissions.                            </p>

                            <a href="insights/ai-assisted-crm-erp-manufacturers-rep-agencies/" class="card-stretched-link" style="font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--color-primary); text-decoration: none;">
                                View Resource &rarr;
                            </a>
                        </article>
                                    </div>
                    </div>
    </section>

    <!-- Footer V2 (Design Template Theme) -->
<footer class="xcess-footer">
  <div class="xcess-container">
    <div class="footer-top">
      <!-- Brand Column -->
      <div class="footer-col-brand">
        <a href="full-stack-development" class="xcess-brand">
          <span class="xcess-brand-icon">
            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#1A7A6E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
              <polyline points="8 6 3 12 8 18"></polyline>
              <polyline points="16 6 21 12 16 18"></polyline>
            </svg>
          </span>
          <span>xcess<span style="color: #1A7A6E;">logic</span></span>
        </a>
        <p style="margin: 20px 0 0; max-width: 360px; font-size: 16px; line-height: 1.7; color: var(--color-text-body);">
          Custom software, web applications, and business automations, built around your needs, delivered by people who take responsibility.
        </p>
      </div>

      <!-- Services Column -->
      <div class="footer-col-nav">
        <div class="footer-heading">Services</div>
        <div class="footer-nav-list">
          <a class="footlink" href="full-stack-development">Full-stack development</a>
          <a class="footlink" href="excel-to-web">Excel-to-web</a>
          <a class="footlink" href="automation">Automation</a>
        </div>
      </div>

      <!-- Company Column -->
      <div class="footer-col-nav">
        <div class="footer-heading">Company</div>
        <div class="footer-nav-list">
          <a class="footlink" href="about">About</a>
          <a class="footlink" href="case-studies/">Case Studies</a>
          <a class="footlink" href="insights/">Insights</a>
          <a class="footlink" href="contact">Contact</a>
        </div>
      </div>

      <!-- Products Column -->
      <div class="footer-col-nav">
        <div class="footer-heading">Products</div>
        <div class="footer-nav-list">
          <a class="footlink" href="https://undersign.app" target="_blank" rel="noopener noreferrer">
            Undersign &rarr;
          </a>
          <span style="font-size: 13px; color: var(--color-text-body); line-height: 1.4;">
            E-signatures without per-seat fees
          </span>
        </div>
      </div>
    </div>

    <!-- Bottom Legal / Copyright -->
    <div class="footer-bottom">
      <div style="display: flex; flex-wrap: wrap; gap: 16px; align-items: center;">
        <span>&copy; 2026 Xcesslogic. All rights reserved.</span>
        <span>&middot;</span>
        <a class="footlink" href="privacy-policy">Privacy Policy</a>
        <span>&middot;</span>
        <a class="footlink" href="terms">Terms of Service</a>
      </div>
      <div style="font-family: var(--font-mono); color: var(--color-primary); font-size: 13px;">

      </div>
    </div>
  </div>
</footer>

<script src="assets/js/xcess-theme.js"></script>
</body>

</html>

