.elementor-6313 .elementor-element.elementor-element-3ef69b6{--display:flex;--padding-top:-20px;--padding-bottom:-20px;--padding-left:-20px;--padding-right:-20px;}body.elementor-page-6313:not(.elementor-motion-effects-element-type-background), body.elementor-page-6313 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFEFE;}/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-a8e032c */<main role="main">
<!-- HERO -->
<div class="hero">
  <span class="hero-eyebrow">Security &amp; Trust</span>
  <h1>Security is <span>foundational</span><br>to everything we build</h1>
  <p>At Foods Connected, protecting your data and ensuring the reliability of our platform isn't a feature — it's the foundation on which our entire service is built.</p>
  <div class="badge-row">
    <a href="#infrastructure" class="badge" style="text-decoration:none;" aria-label="Hosted on Microsoft Azure — view our infrastructure details">
      <svg aria-hidden="true" focusable="false" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z"/></svg>
      Hosted on Microsoft Azure
    </a>
  </div>
  <div class="badge-row badge-row--logos">
    <a href="#compliance" class="badge badge--logo" aria-label="ISO 27001:2022 certified — view our certifications">
      <img src="https://www-dev.foodsconnected.com/wp-content/uploads/2026/05/27001-RGB-Purple.jpg" alt="ISO 27001 certified" class="hero-cert-logo" style="height:130px;width:auto;max-width:400px;display:block;object-fit:contain;">
    </a>
    <a href="#compliance" class="badge badge--logo" aria-label="Farm Data Safe certified — view our certifications">
      <img src="https://www-dev.foodsconnected.com/wp-content/uploads/2026/05/Dl6j7h3n5KyBwoiJEvYFt9KAqo.webp" alt="Farm Data Safe certified" class="hero-cert-logo hero-cert-logo--farmsafe" style="height:130px;width:auto;max-width:400px;display:block;object-fit:contain;">
    </a>
  </div>
</div>

<!-- OUR APPROACH -->
<section>
  <div class="container">
    <div class="eyebrow fade">Our Approach</div>
    <h2 class="fade">A multi-layered approach to security</h2>
    <p class="intro fade">We apply security thinking at every layer of our platform — from the infrastructure we run on, to how we write and test code, to how we respond when things go wrong.</p>
    <div class="card-grid">
      <div class="card fade">
        <div class="card-icon" style="width:42px;height:42px;background:#e5f6fc;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem;"><svg style="width:20px;height:20px;display:block;" aria-hidden="true" focusable="false" fill="none" viewBox="0 0 24 24" stroke="#00A9DB" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z"/></svg></div>
        <h3>Cloud Infrastructure</h3>
        <p>Our platform runs entirely on Microsoft Azure, with geo-redundant architecture across multiple European data centres for high availability and resilience.</p>
      </div>
      <div class="card fade">
        <div class="card-icon" style="width:42px;height:42px;background:#e5f6fc;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem;"><svg style="width:20px;height:20px;display:block;" aria-hidden="true" focusable="false" fill="none" viewBox="0 0 24 24" stroke="#00A9DB" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/></svg></div>
        <h3>Access Control</h3>
        <p>All accounts are secured with Multi-Factor Authentication and conditional access policies, managed through enterprise-grade identity services.</p>
      </div>
      <div class="card fade">
        <div class="card-icon" style="width:42px;height:42px;background:#e5f6fc;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem;"><svg style="width:20px;height:20px;display:block;" aria-hidden="true" focusable="false" fill="none" viewBox="0 0 24 24" stroke="#00A9DB" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"/></svg></div>
        <h3>Secure Development</h3>
        <p>Security is embedded throughout our development process, with automated vulnerability scanning and dedicated penetration testing by accredited third parties.</p>
      </div>
      <div class="card fade">
        <div class="card-icon" style="width:42px;height:42px;background:#e5f6fc;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem;"><svg style="width:20px;height:20px;display:block;" aria-hidden="true" focusable="false" fill="none" viewBox="0 0 24 24" stroke="#00A9DB" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4"/></svg></div>
        <h3>Data Resilience</h3>
        <p>Multiple backup strategies — including point-in-time restore and long-term retention — protect your data, with automated recovery testing to ensure integrity.</p>
      </div>
      <div class="card fade">
        <div class="card-icon" style="width:42px;height:42px;background:#e5f6fc;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem;"><svg style="width:20px;height:20px;display:block;" aria-hidden="true" focusable="false" fill="none" viewBox="0 0 24 24" stroke="#00A9DB" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"/></svg></div>
        <h3>Change Management</h3>
        <p>All production changes undergo formal review and approval, with strict access controls limiting who can make changes to our live environment.</p>
      </div>
      <div class="card fade">
        <div class="card-icon" style="width:42px;height:42px;background:#e5f6fc;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem;"><svg style="width:20px;height:20px;display:block;" aria-hidden="true" focusable="false" fill="none" viewBox="0 0 24 24" stroke="#00A9DB" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg></div>
        <h3>Compliance</h3>
        <p>We maintain ISO 27001:2022 and Farm Safe Data certifications, holding ourselves to recognised global standards for information security.</p>
      </div>
    </div>
  </div>
</section>

<!-- INFRASTRUCTURE -->
<section class="alt" id="infrastructure">
  <div class="container">
    <div class="split">
      <div>
        <div class="eyebrow fade">Infrastructure</div>
        <h2 class="fade">Built on Azure, designed for resilience</h2>
        <div class="prose fade">
          <p>Our platform is hosted on Microsoft Azure, one of the world's leading enterprise cloud providers. We leverage Azure's European data centres, with geo-replication providing failover capability should any regional disruption occur.</p>
          <p>Development and test environments are fully isolated from production, ensuring no unapproved changes can impact live operations. Our infrastructure is provisioned as code, giving us consistent, repeatable, and auditable deployments.</p>
          <p>This architecture benefits directly from Microsoft Azure's own extensive compliance certifications and built-in security capabilities.</p>
        </div>
      </div>
      <div class="dark-panel fade">
        <h4>Platform Highlights</h4>
        <ul class="check-list">
          <li><svg aria-hidden="true" focusable="false" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>Microsoft Azure cloud hosting</li>
          <li><svg aria-hidden="true" focusable="false" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>Geo-replication across European regions</li>
          <li><svg aria-hidden="true" focusable="false" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>Isolated development &amp; production environments</li>
          <li><svg aria-hidden="true" focusable="false" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>Infrastructure provisioned as code</li>
          <li><svg aria-hidden="true" focusable="false" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>Automated security monitoring &amp; threat detection</li>
          <li><svg aria-hidden="true" focusable="false" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>Enterprise identity management with MFA</li>
        </ul>
      </div>
    </div>
  </div>
</section>

<!-- DATA PROTECTION -->
<section id="data">
  <div class="container">
    <div class="split rev">
      <div>
        <div class="eyebrow fade">Data Protection</div>
        <h2 class="fade">Your data, carefully protected</h2>
        <div class="prose fade">
          <p>We apply multiple layers of protection to ensure customer data is secure, available, and recoverable. Our databases benefit from Azure's managed infrastructure, including automated backups with point-in-time restore capabilities.</p>
          <p>In addition to cloud-native backup, we maintain external copies of critical data on encrypted storage, providing an additional layer of redundancy beyond a single cloud provider.</p>
          <p>Recovery procedures are tested regularly to verify that our backup data remains complete and restorable, so we're always prepared in the event of an incident.</p>
        </div>
      </div>
      <div class="dark-panel fade">
        <h4>Data Resilience</h4>
        <ul class="check-list">
          <li><svg aria-hidden="true" focusable="false" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>Point-in-time database restore</li>
          <li><svg aria-hidden="true" focusable="false" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>Daily incremental backups</li>
          <li><svg aria-hidden="true" focusable="false" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>Weekly, monthly &amp; annual long-term retention</li>
          <li><svg aria-hidden="true" focusable="false" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>Encrypted off-cloud backup copies</li>
          <li><svg aria-hidden="true" focusable="false" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>Automated restore testing</li>
        </ul>
      </div>
    </div>
  </div>
</section>

<!-- DEVELOPMENT & TESTING -->
<section class="alt">
  <div class="container">
    <div class="eyebrow fade">Development &amp; Testing</div>
    <h2 class="fade">Security built in, not bolted on</h2>
    <p class="intro fade">We embed security practices throughout our development lifecycle, from the first line of code to production deployment.</p>
    <div class="card-grid">
      <div class="card fade">
        <div class="card-icon" style="width:42px;height:42px;background:#e5f6fc;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem;"><svg style="width:20px;height:20px;display:block;" aria-hidden="true" focusable="false" fill="none" viewBox="0 0 24 24" stroke="#00A9DB" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg></div>
        <h3>Static Analysis</h3>
        <p>All code commits are automatically scanned for security vulnerabilities before they can progress, catching issues as early as possible.</p>
      </div>
      <div class="card fade">
        <div class="card-icon" style="width:42px;height:42px;background:#e5f6fc;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem;"><svg style="width:20px;height:20px;display:block;" aria-hidden="true" focusable="false" fill="none" viewBox="0 0 24 24" stroke="#00A9DB" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"/></svg></div>
        <h3>Dynamic Testing</h3>
        <p>Before any release reaches production, dynamic testing in our staging environment validates that no new vulnerabilities are introduced.</p>
      </div>
      <div class="card fade">
        <div class="card-icon" style="width:42px;height:42px;background:#e5f6fc;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem;"><svg style="width:20px;height:20px;display:block;" aria-hidden="true" focusable="false" fill="none" viewBox="0 0 24 24" stroke="#00A9DB" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z"/></svg></div>
        <h3>Penetration Testing</h3>
        <p>Our platform is subject to annual penetration testing by independent third-party providers, with findings remediated according to severity and used to inform continuous improvement.</p>
      </div>
    </div>
  </div>
</section>

<!-- COMPLIANCE -->
<section id="compliance">
  <div class="container">
    <div class="eyebrow fade">Certifications &amp; Compliance</div>
    <h2 class="fade">Independently verified, continuously maintained</h2>
    <p class="intro fade">Our certifications reflect a genuine, ongoing commitment to information security — not a one-time exercise.</p>
    <div class="cert-grid">
      <div class="cert-card fade">
        <a href="https://certcheck.ukas.com/certification/b20cf451-2f69-5a6e-bbb3-0fc7dc1ac3ed" target="_blank" rel="noopener noreferrer" aria-label="View our ISO 27001 certification on the UKAS certificate checker">
          <img src="https://www-dev.foodsconnected.com/wp-content/uploads/2026/05/27001-RGB-Purple.jpg" alt="British Assessment Bureau ISO 27001 Information Security Management certification badge, UKAS accredited, certificate number 8289" class="cert-badge-img">
        </a>
        <div class="cert-tag">Certified</div>
        <h3>ISO 27001:2022</h3>
        <p>We are certified to the latest version of the international standard for information security management, demonstrating that our controls meet globally recognised best practices for protecting data.</p>
        <a href="https://certcheck.ukas.com/certification/b20cf451-2f69-5a6e-bbb3-0fc7dc1ac3ed" target="_blank" rel="noopener noreferrer" class="cert-verify-btn">
          <svg aria-hidden="true" focusable="false" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg>
          Verify certificate
        </a>
      </div>
      <div class="cert-card fade">
        <img src="https://www-dev.foodsconnected.com/wp-content/uploads/2026/05/Dl6j7h3n5KyBwoiJEvYFt9KAqo.webp" alt="Farm Data Safe certification logo" class="cert-badge-img cert-badge-img--farmsafe">
        <div class="cert-tag">Certified</div>
        <h3>Farm Safe Data</h3>
        <p>We hold Farm Safe Data certification, underscoring our commitment to responsible and secure handling of data within the food and agriculture industry.</p>
        <a href="https://blog.foodsconnected.com/farm-data-safe-certification-data" target="_blank" rel="noopener noreferrer" class="cert-verify-btn">
          <svg aria-hidden="true" focusable="false" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
          Learn more
        </a>
      </div>
    </div>
  </div>
</section>

</main>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ef69b6 *//* ── ELEMENTOR GAP FIX ── */
.elementor-section-wrap > .elementor-section:first-child,
.e-con-inner,
.elementor-widget-wrap,
.elementor-widget-html,
.elementor-widget-html .elementor-widget-container,
.elementor-column .elementor-widget-wrap,
.elementor-column-gap-default .elementor-column > .elementor-widget-wrap {
  padding: 0 !important;
  margin: 0 !important;
}
.elementor-page .elementor-section {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.site-content, .entry-content, #content, #primary, .page-content {
  padding: 0 !important;
  margin: 0 !important;
}

:root {
    --fc-navy:     #030063;
    --fc-teal:     #00A9DB;
    --fc-teal-dk:  #0090bb;
    --fc-teal-lt:  #e5f6fc;
    --fc-slate:    #4a5568;
    --fc-rule:     #DDD8D5;
    --fc-off:      #f5f3f2;
    --fc-white:    #ffffff;
  }

  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  html { scroll-behavior: smooth; }
  body {
    font-family: 'Circe', sans-serif;
    background: var(--fc-white);
    color: var(--fc-navy);
    font-size: 16px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
  }

  /* ── HERO ── */
  .hero {
    background: linear-gradient(135deg, #020050 0%, #030063 40%, #0a0080 70%, #020055 100%);
    color: white;
    padding: 5rem 2rem 2.5rem;
    text-align: center;
    position: relative;
  }
  .hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
      radial-gradient(ellipse at 20% 50%, rgba(0,169,219,0.12) 0%, transparent 60%),
      radial-gradient(ellipse at 80% 20%, rgba(0,169,219,0.08) 0%, transparent 50%);
    pointer-events: none;
  }
  .hero > * { position: relative; z-index: 1; }
  .hero-eyebrow {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--fc-teal);
    margin-bottom: 1rem;
    display: block;
  }
  .hero h1 {
    font-size: clamp(2rem, 4.5vw, 3.2rem);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.02em;
    margin-bottom: 1.25rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    color: #ffffff;
  }
  .hero h1 span { color: var(--fc-teal); }
  .hero p {
    font-size: 1.05rem;
    color: #ffffff;
    max-width: 560px;
    margin: 0 auto 2.75rem;
    font-weight: 300;
    line-height: 1.75;
  }
  .badge-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding-bottom: 1.5rem;
  }
  .badge-row--logos {
    padding-bottom: 1rem;
    gap: 1.5rem;
  }
  .badge {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 6px;
    padding: 0.7rem 1.4rem;
    font-size: 1rem;
    font-weight: 600;
    color: #ffffff;
  }
  .badge svg { width: 20px; height: 20px; color: var(--fc-teal); flex-shrink: 0; }

  /* ── LAYOUT ── */
  .container { max-width: 1100px; margin: 0 auto; padding: 0 2rem; }
  section { padding: 5rem 0; }
  section.alt { background: var(--fc-off); }

  .eyebrow {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--fc-teal);
    margin-bottom: 0.6rem;
  }
  h2 {
    font-size: clamp(1.6rem, 2.8vw, 2.1rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin-bottom: 1rem;
  }
  .intro {
    font-size: 1rem;
    color: var(--fc-slate);
    max-width: 600px;
    line-height: 1.75;
    margin-bottom: 3rem;
  }

  /* ── CARDS ── */
  .card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 1.25rem;
  }
  .card {
    background: var(--fc-white);
    border: 1px solid var(--fc-rule);
    border-radius: 10px;
    padding: 1.75rem;
    transition: border-color 0.2s, box-shadow 0.2s;
  }
  .card:hover {
    border-color: var(--fc-teal);
    box-shadow: 0 4px 20px rgba(0,184,159,0.1);
  }
  .card-icon {
    width: 42px; height: 42px;
    background: #e5f6fc;
    border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    color: #00A9DB;
    margin-bottom: 1.1rem;
    flex-shrink: 0;
  }
  .card-icon svg {
    width: 20px;
    height: 20px;
    stroke: #00A9DB !important;
    fill: none !important;
    color: #00A9DB !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .card-icon svg path,
  .card-icon svg circle,
  .card-icon svg rect,
  .card-icon svg line,
  .card-icon svg polyline,
  .card-icon svg polygon {
    stroke: #00A9DB !important;
  }
  .card h3 { font-size: 0.975rem; font-weight: 600; margin-bottom: 0.5rem; }
  .card p { font-size: 0.875rem; color: var(--fc-slate); line-height: 1.65; }

  /* ── SPLIT ── */
  .split { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
  .split.rev { direction: rtl; }
  .split.rev > * { direction: ltr; }

  .prose p { font-size: 0.95rem; color: var(--fc-slate); line-height: 1.75; margin-bottom: 1rem; }
  .prose p:last-child { margin-bottom: 0; }

  .dark-panel {
    background: var(--fc-navy);
    border-radius: 12px;
    padding: 2.25rem;
  }
  .dark-panel h4 {
    font-size: 1rem; font-weight: 600;
    color: rgba(255,255,255,0.9);
    margin-bottom: 1.25rem;
  }
  .check-list { list-style: none; }
  .check-list li {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    font-size: 0.875rem;
    color: rgba(255,255,255,0.92);
    padding: 0.45rem 0;
    border-bottom: 1px solid rgba(255,255,255,0.07);
  }
  .check-list li:last-child { border-bottom: none; }
  .check-list li svg { width: 16px; height: 16px; color: var(--fc-teal); flex-shrink: 0; margin-top: 1px; }

  /* ── CERT CARDS ── */
  .cert-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1.25rem;
    align-items: stretch;
  }
  .cert-card {
    background: var(--fc-white);
    border: 1px solid var(--fc-rule);
    border-radius: 10px;
    padding: 1.75rem;
    display: flex;
    flex-direction: column;
  }
  .cert-badge-img {
    width: 100px;
    height: 100px;
    object-fit: contain;
    display: block;
    margin-bottom: 1rem;
    flex-shrink: 0;
  }
  .cert-badge-img--farmsafe {
    width: 180px;
    height: 100px;
    background: white;
    padding: 0.3rem;
    border-radius: 6px;
    object-fit: contain;
  }
  .cert-tag {
    display: inline-block;
    align-self: flex-start;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background: var(--fc-teal-lt);
    color: var(--fc-teal-dk);
    padding: 0.2rem 0.5rem;
    border-radius: 3px;
    margin-bottom: 0.6rem;
  }
  .cert-card h3 { font-size: 1rem; font-weight: 600; margin-bottom: 0.5rem; }
  .cert-card p { font-size: 0.875rem; color: var(--fc-slate); line-height: 1.65; }

  .badge--logo {
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.2);
    padding: 0.75rem 1.25rem;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    max-width: 420px;
    height: 150px;
  }
  .badge--logo:hover { background: rgba(255,255,255,0.2); }
  .hero-cert-logo {
    height: 130px !important;
    width: auto !important;
    max-width: 400px !important;
    display: block !important;
    object-fit: contain !important;
  }
  .hero-cert-logo--farmsafe {
    background: white;
    padding: 6px 12px;
    border-radius: 4px;
  }
  .cert-mark {
    width: 52px; height: 52px;
    background: var(--fc-teal);
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    color: white;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 1rem;
  }
  .cert-tag {
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background: var(--fc-teal-lt);
    color: var(--fc-teal-dk);
  }
  .cert-card h3 { font-size: 1rem; font-weight: 600; margin-bottom: 0.5rem; }
  .cert-card p { font-size: 0.875rem; color: var(--fc-slate); line-height: 1.65; }
  .cert-verify-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    margin-top: 1rem;
    padding: 0.6rem 1.25rem;
    background: var(--fc-teal-lt);
    color: var(--fc-teal-dk);
    border: 1px solid rgba(0,169,219,0.3);
    border-radius: 6px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
    width: fit-content;
  }
  .cert-verify-btn:hover {
    background: var(--fc-teal);
    color: white;
    border-color: var(--fc-teal);
  }
  .cert-verify-btn svg { width: 20px; height: 20px; flex-shrink: 0; }

  /* ── ANIMATIONS ── */
  .fade { opacity: 1; transform: none; transition: opacity 0.55s ease, transform 0.55s ease; }
  .fade.in { opacity: 1; transform: none; }

  @media (max-width: 768px) {
    .split, .split.rev { grid-template-columns: 1fr; gap: 2rem; direction: ltr; }
    .topbar { display: none; }
  }
/* ── FOCUS STYLES ── */
a:focus-visible, button:focus-visible {
  outline: 3px solid var(--fc-teal);
  outline-offset: 3px;
  border-radius: 3px;
}

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {
  .fade {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .fade.in {
    opacity: 1;
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS */@font-face {
    font-family: 'Circe Bold';
    src: url('https://www-dev.foodsconnected.com/wp-content/uploads/2025/01/Circe-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

h1 {
    font-family: "Circe Regular", sans-serif !important;
}/* End custom CSS */