<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Evidence Agency — Visitor Research &amp; Community Intelligence | Cumbria &amp; North West England</title>
<meta name="description" content="Evidence Agency delivers face-to-face visitor surveys, economic impact analysis, and destination intelligence for DMOs, local authorities, and cultural organisations across Cumbria and the North West. 25 years of community research experience.">
<meta name="keywords" content="visitor research, visitor surveys, face-to-face research, community research, destination management, DMO research, economic impact analysis, STEAM, T-STATS, tourism research, Cumbria tourism, North West England tourism, coastal communities research, stakeholder engagement, thematic analysis, cultural impact research, visitor economy, place-based research, destination intelligence, sentiment analysis, online reputation monitoring, Evidence Insights, experience friction mapping, local authority research, BID research, visitor satisfaction, tourism consultancy, market research Cumbria, qualitative research, quantitative research, visitor profiling, tourist surveys, leisure visitor research, day visitor research, staying visitor research, Barrow-in-Furness, Lake District research, coastal research North West">
<meta name="author" content="Evidence Agency">
<meta name="robots" content="index, follow">
<meta property="og:title" content="Evidence Agency — Visitor Research &amp; Community Intelligence">
<meta property="og:description" content="25 years of face-to-face visitor research, economic impact analysis, and destination intelligence for DMOs and communities across Cumbria and the North West.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://evidenceagency.com">
<link rel="canonical" href="https://evidenceagency.com">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&family=Playfair+Display:ital@1&display=swap" rel="stylesheet">
<style>
  :root {
    --forest: #2d4a2d;
    --forest-deep: #1e3320;
    --forest-mid: #3a5c3a;
    --cream: #f5f0e8;
    --cream-warm: #ede6d5;
    --gold: #c8a84b;
    --gold-light: #d4b96a;
    --ink: #1a1a14;
    --muted: #6b7a5e;
    --white: #ffffff;
    --rule: rgba(45,74,45,0.15);
  }

  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  html { scroll-behavior: smooth; }

  body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background: var(--cream);
    color: var(--ink);
    overflow-x: hidden;
  }

  /* ─── NAV ─── */
  nav {
    position: fixed; top: 0; left: 0; right: 0; z-index: 100;
    display: flex; align-items: center; justify-content: space-between;
    padding: 1.2rem 3rem;
    background: transparent;
    transition: background 0.4s, box-shadow 0.4s;
  }
  nav.scrolled {
    background: rgba(30,51,32,0.97);
    box-shadow: 0 1px 0 rgba(200,168,75,0.3);
  }
  .nav-logo {
    display: flex; align-items: center; gap: 0.75rem;
    text-decoration: none;
  }
  .nav-logo-mark {
    width: 36px; height: 36px;
    background: var(--gold);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    display: flex; align-items: center; justify-content: center;
    font-size: 0.7rem; font-weight: 500; color: var(--forest-deep);
    letter-spacing: 0.05em;
  }
  .nav-logo-text {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.1rem;
    color: var(--cream);
    letter-spacing: 0.02em;
  }
  .nav-links {
    display: flex; align-items: center; gap: 2.5rem;
    list-style: none;
  }
  .nav-links a {
    font-size: 0.8rem; font-weight: 400; letter-spacing: 0.1em;
    text-transform: uppercase; text-decoration: none;
    color: rgba(245,240,232,0.8);
    transition: color 0.2s;
  }
  .nav-links a:hover { color: var(--gold); }
  .nav-cta {
    font-size: 0.75rem; font-weight: 500; letter-spacing: 0.08em;
    text-transform: uppercase; text-decoration: none;
    border: 1px solid var(--gold);
    color: var(--gold) !important;
    padding: 0.5rem 1.2rem;
    transition: background 0.2s, color 0.2s !important;
  }
  .nav-cta:hover {
    background: var(--gold) !important;
    color: var(--forest-deep) !important;
  }

  /* ─── HERO ─── */
  .hero {
    min-height: 100vh;
    background: var(--forest-deep);
    position: relative;
    display: flex; flex-direction: column;
    justify-content: flex-end;
    padding: 0 3rem 5rem;
    overflow: hidden;
  }

  /* Terrain-style SVG background */
  .hero-terrain {
    position: absolute; inset: 0;
    opacity: 0.07;
    pointer-events: none;
  }

  /* Animated data-dot grid */
  .hero-dots {
    position: absolute; top: 0; right: 0;
    width: 55%; height: 100%;
    opacity: 0.12;
    pointer-events: none;
    overflow: hidden;
  }
  .hero-dots svg { width: 100%; height: 100%; }

  /* Gold accent rule */
  .hero-rule {
    position: absolute;
    top: 0; left: 3rem;
    width: 1px; height: 100%;
    background: linear-gradient(to bottom, transparent, var(--gold) 30%, var(--gold) 70%, transparent);
    opacity: 0.4;
  }

  .hero-eyebrow {
    font-size: 0.7rem; font-weight: 500; letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 1.5rem;
    display: flex; align-items: center; gap: 1rem;
    animation: fadeUp 0.8s ease both;
  }
  .hero-eyebrow::before {
    content: '';
    display: block; width: 2rem; height: 1px;
    background: var(--gold);
  }

  .hero-headline {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: clamp(3rem, 6vw, 5.5rem);
    line-height: 1.06;
    color: var(--cream);
    max-width: 700px;
    animation: fadeUp 0.8s 0.15s ease both;
  }
  .hero-headline em {
    font-style: italic;
    color: var(--gold-light);
  }

  .hero-sub {
    font-size: 1.05rem; font-weight: 300; line-height: 1.7;
    color: rgba(245,240,232,0.65);
    max-width: 520px;
    margin-top: 1.8rem;
    animation: fadeUp 0.8s 0.3s ease both;
  }

  .hero-actions {
    display: flex; align-items: center; gap: 1.5rem;
    margin-top: 2.5rem;
    animation: fadeUp 0.8s 0.45s ease both;
  }
  .btn-primary {
    display: inline-flex; align-items: center; gap: 0.5rem;
    background: var(--gold);
    color: var(--forest-deep);
    font-size: 0.8rem; font-weight: 500; letter-spacing: 0.1em;
    text-transform: uppercase; text-decoration: none;
    padding: 0.9rem 2rem;
    transition: background 0.2s, transform 0.2s;
  }
  .btn-primary:hover { background: var(--gold-light); transform: translateY(-1px); }
  .btn-ghost {
    display: inline-flex; align-items: center; gap: 0.5rem;
    color: rgba(245,240,232,0.7);
    font-size: 0.8rem; letter-spacing: 0.1em;
    text-transform: uppercase; text-decoration: none;
    transition: color 0.2s;
  }
  .btn-ghost:hover { color: var(--gold); }
  .btn-arrow { font-size: 1rem; }

  /* stat strip at bottom of hero */
  .hero-stats {
    position: absolute; bottom: 0; right: 0;
    display: flex;
    border-top: 1px solid rgba(200,168,75,0.2);
    animation: fadeUp 0.8s 0.6s ease both;
  }
  .hero-stat {
    padding: 1.5rem 2.5rem;
    border-left: 1px solid rgba(200,168,75,0.15);
    text-align: center;
  }
  .hero-stat-num {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 2rem;
    color: var(--gold);
    display: block;
  }
  .hero-stat-label {
    font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase;
    color: rgba(245,240,232,0.45);
    display: block;
    margin-top: 0.25rem;
  }

  /* ─── SECTION SCAFFOLDING ─── */
  section { position: relative; }
  .section-inner { max-width: 1200px; margin: 0 auto; padding: 0 3rem; }
  .section-eyebrow {
    font-size: 0.65rem; font-weight: 500; letter-spacing: 0.2em;
    text-transform: uppercase; color: var(--gold);
    display: flex; align-items: center; gap: 0.75rem;
    margin-bottom: 1rem;
  }
  .section-eyebrow::before {
    content: ''; display: block;
    width: 1.5rem; height: 1px; background: var(--gold);
  }

  /* ─── INTRO BAND ─── */
  .intro-band {
    background: var(--forest);
    padding: 4rem 0;
    overflow: hidden;
  }
  .intro-band .section-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
    align-items: center;
  }
  .intro-text h2 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    color: var(--cream);
    line-height: 1.2;
  }
  .intro-text h2 em {
    font-style: italic; color: var(--gold-light);
  }
  .intro-text p {
    margin-top: 1.2rem;
    font-size: 0.95rem; line-height: 1.8;
    color: rgba(245,240,232,0.7);
    font-weight: 300;
  }

  /* Years ring visual */
  .intro-visual {
    display: flex; justify-content: center; align-items: center;
    position: relative;
  }
  .years-ring {
    position: relative; width: 280px; height: 280px;
  }
  .years-ring svg { width: 100%; height: 100%; }

  /* ─── SERVICES ─── */
  .services {
    padding: 7rem 0;
    background: var(--cream);
  }
  .services-header {
    display: flex; justify-content: space-between; align-items: flex-end;
    margin-bottom: 4rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--rule);
  }
  .services-header h2 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: clamp(2rem, 3.5vw, 3rem);
    line-height: 1.15;
    max-width: 500px;
  }
  .services-header p {
    font-size: 0.9rem; line-height: 1.7;
    color: var(--muted);
    max-width: 320px;
  }

  .services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
  }
  .service-card {
    padding: 2.5rem;
    border: 1px solid var(--rule);
    border-right: none;
    position: relative;
    transition: background 0.3s;
    cursor: default;
  }
  .service-card:last-child { border-right: 1px solid var(--rule); }
  .service-card:hover { background: rgba(45,74,45,0.04); }

  .service-icon {
    width: 48px; height: 48px;
    margin-bottom: 1.5rem;
  }
  .service-number {
    position: absolute; top: 1.5rem; right: 1.5rem;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 3rem; line-height: 1;
    color: rgba(45,74,45,0.07);
    font-style: italic;
  }
  .service-card h3 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.3rem;
    margin-bottom: 0.75rem;
  }
  .service-card p {
    font-size: 0.875rem; line-height: 1.75;
    color: var(--muted);
  }
  .service-tags {
    display: flex; flex-wrap: wrap; gap: 0.4rem;
    margin-top: 1.5rem;
  }
  .tag {
    font-size: 0.65rem; letter-spacing: 0.1em;
    text-transform: uppercase;
    background: var(--forest);
    color: rgba(245,240,232,0.7);
    padding: 0.25rem 0.6rem;
  }

  /* ─── COMMUNITIES SECTION ─── */
  .communities {
    padding: 7rem 0;
    background: var(--cream-warm);
  }
  .communities .section-inner {
    display: grid;
    grid-template-columns: 5fr 4fr;
    gap: 6rem;
    align-items: start;
  }
  .communities-content h2 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: clamp(2rem, 3.5vw, 2.8rem);
    line-height: 1.2;
    margin-bottom: 1.5rem;
  }
  .communities-content h2 span {
    color: var(--forest);
    border-bottom: 2px solid var(--gold);
  }
  .communities-content p {
    font-size: 0.95rem; line-height: 1.8;
    color: #4a5a40;
    margin-bottom: 1rem;
    font-weight: 300;
  }

  .community-pillars {
    margin-top: 2.5rem;
    display: flex; flex-direction: column; gap: 1.2rem;
  }
  .pillar {
    display: grid; grid-template-columns: 2.5rem 1fr;
    gap: 1rem; align-items: start;
  }
  .pillar-num {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.4rem; color: var(--gold);
    font-style: italic; line-height: 1;
    padding-top: 0.1rem;
  }
  .pillar h4 {
    font-size: 0.85rem; font-weight: 500;
    letter-spacing: 0.05em; margin-bottom: 0.3rem;
  }
  .pillar p {
    font-size: 0.8rem; color: var(--muted);
    line-height: 1.6; margin: 0;
  }

  .communities-sites {
    position: sticky; top: 7rem;
  }
  .sites-header {
    font-size: 0.65rem; font-weight: 500;
    letter-spacing: 0.2em; text-transform: uppercase;
    color: var(--muted);
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--rule);
  }

  /* Stylised map / site grid */
  .sites-map {
    background: var(--forest-deep);
    padding: 2rem;
    position: relative;
    overflow: hidden;
  }
  .sites-map::before {
    content: '';
    position: absolute; inset: 0;
    background: url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='0.8' fill='%23c8a84b' opacity='0.15'/%3E%3C/svg%3E") repeat;
  }
  .map-label {
    font-size: 0.6rem; letter-spacing: 0.15em; text-transform: uppercase;
    color: var(--gold); opacity: 0.6;
    margin-bottom: 1.5rem;
    position: relative;
  }
  .site-dots {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 0.75rem; position: relative;
  }
  .site-dot {
    display: flex; align-items: center; gap: 0.6rem;
    cursor: default;
  }
  .dot-mark {
    width: 8px; height: 8px;
    background: var(--gold);
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: 0 0 8px rgba(200,168,75,0.6);
  }
  .dot-name {
    font-size: 0.75rem; color: rgba(245,240,232,0.7);
    white-space: nowrap;
  }

  .case-quote {
    margin-top: 2rem;
    padding: 1.5rem;
    border-left: 3px solid var(--gold);
    background: rgba(45,74,45,0.06);
  }
  .case-quote p {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-style: italic;
    font-size: 0.95rem; line-height: 1.6;
    color: var(--forest);
    margin: 0 0 0.5rem;
  }
  .case-quote cite {
    font-size: 0.7rem; letter-spacing: 0.1em;
    text-transform: uppercase; color: var(--muted);
    font-style: normal;
  }

  /* ─── EVIDENCE INSIGHTS ─── */
  .insights {
    padding: 7rem 0 0;
    background: var(--forest-deep);
    overflow: hidden;
  }
  .insights .section-inner { position: relative; }

  .insights-intro {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
    align-items: end;
    padding-bottom: 5rem;
    border-bottom: 1px solid rgba(200,168,75,0.15);
  }
  .insights-left .section-eyebrow { color: var(--gold); }
  .insights-left h2 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    line-height: 1.1;
    color: var(--cream);
    margin-bottom: 1.2rem;
  }
  .insights-left h2 em { font-style: italic; color: var(--gold-light); }
  .insights-left p {
    font-size: 0.95rem; line-height: 1.8;
    color: rgba(245,240,232,0.6);
    font-weight: 300;
    margin-bottom: 0.8rem;
  }

  .insights-right {
    display: flex; flex-direction: column; gap: 1px;
    background: rgba(200,168,75,0.1);
    border: 1px solid rgba(200,168,75,0.15);
  }
  .insight-layer {
    padding: 1.5rem 2rem;
    background: var(--forest-deep);
    display: grid; grid-template-columns: 1.5rem 1fr;
    gap: 1rem; align-items: start;
    transition: background 0.2s;
  }
  .insight-layer:hover { background: rgba(45,74,45,0.6); }
  .layer-icon { color: var(--gold); font-size: 0.9rem; padding-top: 0.1rem; }
  .layer-title {
    font-size: 0.75rem; font-weight: 500; letter-spacing: 0.08em;
    text-transform: uppercase; color: var(--cream);
    margin-bottom: 0.3rem;
  }
  .layer-desc {
    font-size: 0.8rem; line-height: 1.6;
    color: rgba(245,240,232,0.5);
  }

  /* Dashboard mockup */
  .insights-dashboard {
    margin-top: 5rem;
    padding: 3rem;
    background: rgba(45,74,45,0.3);
    border: 1px solid rgba(200,168,75,0.15);
    border-bottom: none;
  }
  .dashboard-bar {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 2rem;
  }
  .dashboard-title {
    font-size: 0.7rem; letter-spacing: 0.15em;
    text-transform: uppercase; color: var(--gold); opacity: 0.7;
  }
  .dashboard-status {
    display: flex; align-items: center; gap: 0.5rem;
    font-size: 0.65rem; color: rgba(245,240,232,0.4);
    letter-spacing: 0.1em;
  }
  .status-dot {
    width: 6px; height: 6px;
    background: #5db370;
    border-radius: 50%;
    animation: pulse 2s ease infinite;
  }
  @keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
  }

  .dashboard-grid {
    display: grid;
    grid-template-columns: 2fr 1.5fr 1fr;
    gap: 1.5rem;
  }
  .dash-card {
    background: rgba(30,51,32,0.8);
    border: 1px solid rgba(200,168,75,0.1);
    padding: 1.5rem;
  }
  .dash-card-label {
    font-size: 0.6rem; letter-spacing: 0.15em;
    text-transform: uppercase;
    color: rgba(245,240,232,0.3);
    margin-bottom: 1rem;
  }

  /* Sentiment bars */
  .sentiment-bars { display: flex; flex-direction: column; gap: 0.7rem; }
  .s-bar { display: flex; align-items: center; gap: 0.75rem; }
  .s-label { font-size: 0.7rem; color: rgba(245,240,232,0.5); width: 80px; }
  .s-track {
    flex: 1; height: 4px;
    background: rgba(245,240,232,0.08);
    position: relative;
  }
  .s-fill {
    position: absolute; left: 0; top: 0; bottom: 0;
    background: var(--gold);
    transition: width 1s ease;
  }
  .s-fill.green { background: #5db370; }
  .s-fill.amber { background: #e89c30; }
  .s-pct { font-size: 0.7rem; color: rgba(245,240,232,0.4); width: 30px; text-align: right; }

  /* Score ring - pure CSS, no SVG */
  .score-ring-wrap {
    display: flex; flex-direction: column; align-items: center;
    justify-content: center; height: 100%;
  }
  .score-ring {
    width: 90px; height: 90px;
    border-radius: 50%;
    background: conic-gradient(#c8a84b 0% 78%, rgba(200,168,75,0.12) 78% 100%);
    display: flex; align-items: center; justify-content: center;
    position: relative; margin-bottom: 0.75rem;
  }
  .score-ring::before {
    content: ''; position: absolute; inset: 6px;
    border-radius: 50%; background: rgba(30,51,32,0.8);
  }
  .score-ring-num {
    position: relative; z-index: 1;
    font-family: ''Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.6rem; color: var(--cream); line-height: 1;
  }
  .score-label {
    font-size: 0.65rem; letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(245,240,232,0.4);
    text-align: center;
  }

  /* Trend sparks */
  .friction-list { display: flex; flex-direction: column; gap: 0.5rem; }
  .friction-item {
    display: flex; align-items: flex-start; gap: 0.5rem;
    font-size: 0.72rem; line-height: 1.4;
    color: rgba(245,240,232,0.55);
  }
  .friction-flag {
    flex-shrink: 0;
    width: 5px; height: 5px;
    border-radius: 50%;
    background: #e89c30;
    margin-top: 0.35rem;
  }
  .friction-flag.red { background: #d44; }
  .friction-flag.green { background: #5db370; }

  /* ─── APPROACH STRIP ─── */
  .approach {
    padding: 7rem 0;
    background: var(--cream);
  }
  .approach .section-inner {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 5rem;
    align-items: start;
  }
  .approach-sticky {
    position: sticky; top: 7rem;
  }
  .approach-sticky h2 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 2.4rem; line-height: 1.2;
  }
  .approach-sticky p {
    margin-top: 1rem;
    font-size: 0.875rem; line-height: 1.8;
    color: var(--muted);
  }

  .approach-steps { display: flex; flex-direction: column; }
  .approach-step {
    display: grid;
    grid-template-columns: 4rem 1fr;
    gap: 2rem;
    padding: 2.5rem 0;
    border-bottom: 1px solid var(--rule);
  }
  .approach-step:first-child { padding-top: 0; }
  .step-num {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 2.5rem; color: rgba(45,74,45,0.15);
    font-style: italic; line-height: 1;
  }
  .step-body h3 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.2rem; margin-bottom: 0.5rem;
  }
  .step-body p {
    font-size: 0.875rem; line-height: 1.75;
    color: var(--muted);
  }

  /* ─── SECTORS ─── */
  .sectors {
    padding: 7rem 0;
    background: var(--forest);
    overflow: hidden;
  }
  .sectors-header {
    margin-bottom: 4rem;
  }
  .sectors-header h2 {
    font-family: ''Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: clamp(2rem, 3.5vw, 3rem);
    color: var(--cream);
    max-width: 500px;
    line-height: 1.15;
  }

  .sectors-scroll {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: rgba(200,168,75,0.1);
  }
  .sector-item {
    background: var(--forest);
    padding: 2.5rem 2rem;
    transition: background 0.3s;
    cursor: default;
  }
  .sector-item:hover { background: var(--forest-mid); }
  .sector-icon-wrap {
    width: 44px; height: 44px;
    border: 1px solid rgba(200,168,75,0.3);
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 1.5rem;
    font-size: 1.2rem;
  }
  .sector-item h3 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.1rem; color: var(--cream);
    margin-bottom: 0.5rem;
  }
  .sector-item p {
    font-size: 0.8rem; line-height: 1.7;
    color: rgba(245,240,232,0.5);
  }

  /* ─── CTA ─── */
  .cta-section {
    padding: 8rem 0;
    background: var(--cream-warm);
  }
  .cta-inner {
    max-width: 1200px; margin: 0 auto; padding: 0 3rem;
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 6rem; align-items: center;
  }
  .cta-text h2 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: clamp(2rem, 3.5vw, 3rem);
    line-height: 1.15; margin-bottom: 1rem;
  }
  .cta-text p {
    font-size: 0.95rem; line-height: 1.8;
    color: var(--muted);
  }
  .cta-contact {
    background: var(--forest-deep);
    padding: 3rem;
  }
  .cta-contact h3 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.5rem; color: var(--cream);
    margin-bottom: 0.75rem;
  }
  .cta-contact p {
    font-size: 0.85rem; color: rgba(245,240,232,0.5);
    line-height: 1.6; margin-bottom: 2rem;
  }
  .contact-item {
    display: flex; align-items: center; gap: 1rem;
    padding: 1rem 0;
    border-top: 1px solid rgba(200,168,75,0.15);
  }
  .contact-item:last-child { border-bottom: 1px solid rgba(200,168,75,0.15); }
  .contact-icon { color: var(--gold); font-size: 0.9rem; width: 1.2rem; text-align: center; }
  .contact-text a, .contact-text span {
    font-size: 0.85rem; color: rgba(245,240,232,0.7);
    text-decoration: none;
    transition: color 0.2s;
  }
  .contact-text a:hover { color: var(--gold); }

  /* ─── FOOTER ─── */
  footer {
    background: var(--ink);
    padding: 3rem;
    display: flex; align-items: center; justify-content: space-between;
  }
  .footer-left {
    font-size: 0.75rem; color: rgba(245,240,232,0.3);
    letter-spacing: 0.05em;
  }
  .footer-left strong {
    display: block;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1rem; color: rgba(245,240,232,0.6);
    font-weight: normal; margin-bottom: 0.25rem;
  }
  .footer-links {
    display: flex; gap: 2rem; list-style: none;
  }
  .footer-links a {
    font-size: 0.7rem; letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(245,240,232,0.3);
    text-decoration: none;
    transition: color 0.2s;
  }
  .footer-links a:hover { color: var(--gold); }

  /* ─── ANIMATIONS ─── */
  @keyframes fadeUp {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  .reveal {
    opacity: 0; transform: translateY(24px);
    transition: opacity 0.7s ease, transform 0.7s ease;
  }
  .reveal.visible {
    opacity: 1; transform: translateY(0);
  }
  .reveal-delay-1 { transition-delay: 0.1s; }
  .reveal-delay-2 { transition-delay: 0.2s; }
  .reveal-delay-3 { transition-delay: 0.3s; }

  /* ─── RESPONSIVE ─── */
  @media (max-width: 900px) {
    nav { padding: 1rem 1.5rem; }
    .nav-links { display: none; }
    .hero { padding: 0 1.5rem 10rem; }
    .hero-stats { display: none; }
    .section-inner { padding: 0 1.5rem; }
    .intro-band .section-inner,
    .communities .section-inner,
    .cta-inner,
    .insights-intro { grid-template-columns: 1fr; gap: 3rem; }
    .approach .section-inner {
      display: block;
    }
    .approach-sticky {
      position: static;
      margin-bottom: 2.5rem;
      padding-bottom: 2rem;
      border-bottom: 1px solid var(--rule);
    }
    .services-grid { grid-template-columns: 1fr; }
    .service-card { border-right: 1px solid var(--rule); }
    .sectors-scroll { grid-template-columns: 1fr 1fr; }
    .dashboard-grid { grid-template-columns: 1fr; }
    .services-header { flex-direction: column; gap: 1rem; }
    .insights-left h2 { font-size: 2rem; }
    .communities-sites { position: static; }
    footer { flex-direction: column; gap: 1.5rem; text-align: center; }
  }
</style>
</head>
<body>

<!-- NAV -->
<nav id="main-nav">
  <a href="#" class="nav-logo">
    <img src="/images/logo_green.png" alt="Evidence Agency" style="height: 36px; width: auto;">
    <span class="nav-logo-text">Evidence Agency</span>
  </a>
  <ul class="nav-links">
    <li><a href="#services">Services</a></li>
    <li><a href="#communities">Communities</a></li>
    <li><a href="evidence-insights.html">Evidence Insights</a></li>
    <li><a href="#approach">Approach</a></li>
    <li><a href="#contact" class="nav-cta">Get in touch</a></li>
  </ul>
</nav>

<!-- HERO -->
<section class="hero" id="top">
  <!-- Terrain texture -->
  <svg class="hero-terrain" viewBox="0 0 1400 800" preserveAspectRatio="xMidYMid slice" xmlns="http://www.w3.org/2000/svg">
    <path d="M0,600 Q200,500 350,550 Q500,600 600,480 Q700,360 850,420 Q1000,480 1150,380 Q1300,280 1400,320 L1400,800 L0,800 Z" fill="#5db370"/>
    <path d="M0,680 Q150,620 300,650 Q450,680 550,600 Q650,520 800,560 Q950,600 1050,500 Q1150,400 1400,450 L1400,800 L0,800 Z" fill="#3a5c3a"/>
    <path d="M0,740 Q200,700 400,720 Q600,740 700,680 Q800,620 1000,660 Q1200,700 1400,640 L1400,800 L0,800 Z" fill="#2d4a2d"/>
  </svg>

  <!-- Dot grid right side -->
  <div class="hero-dots">
    <svg viewBox="0 0 600 900" xmlns="http://www.w3.org/2000/svg">
      <defs>
        <pattern id="dotgrid" width="30" height="30" patternUnits="userSpaceOnUse">
          <circle cx="15" cy="15" r="1.2" fill="#c8a84b"/>
        </pattern>
      </defs>
      <rect width="600" height="900" fill="url(#dotgrid)"/>
    </svg>
  </div>

  <div class="hero-rule"></div>

  <div style="position:relative;">
    <p class="hero-eyebrow">Evidence Agency — 2026</p>
    <h1 class="hero-headline">Research that <em>understands</em> communities and audiences</h1>
    <p class="hero-sub">25 years of face-to-face insight, thematic analysis, and visitor research. Now combining human understanding with next-generation sentiment intelligence.</p>
    <div class="hero-actions">
      <a href="#services" class="btn-primary">Explore our work <span class="btn-arrow">→</span></a>
      <a href="evidence-insights.html" class="btn-ghost">Evidence Insights <span class="btn-arrow">→</span></a>
    </div>
  </div>

  <div class="hero-stats">
    <div class="hero-stat">
      <span class="hero-stat-num">25+</span>
      <span class="hero-stat-label">Years Experience</span>
    </div>
    <div class="hero-stat">
      <span class="hero-stat-num">10,000+</span>
      <span class="hero-stat-label">Surveys in 2025</span>
    </div>
    <div class="hero-stat">
      <span class="hero-stat-num">DMOs</span>
      <span class="hero-stat-label">Primary Clients</span>
    </div>
    <div class="hero-stat">
      <span class="hero-stat-num">UK</span>
      <span class="hero-stat-label">Focus</span>
    </div>
  </div>
</section>

<!-- INTRO BAND -->
<section class="intro-band">
  <div class="section-inner">
    <div class="intro-text reveal">
      <h2>Insight grounded in <em>place</em> and people</h2>
      <p>We conduct research in communities, at visitor attractions, along coastlines and inside cultural organisations. Our methods are human: face-to-face conversations, facilitated sessions, and skilled thematic analysis that surfaces what surveys alone cannot.</p>
      <p>Today we layer those foundations with digital reputation monitoring, experience friction analysis, and stakeholder perception work — intelligence that helps the organisations shaping places make better decisions.</p>
    </div>
    <div class="intro-visual reveal reveal-delay-1">
      <div class="years-ring">
        <svg viewBox="0 0 280 280" xmlns="http://www.w3.org/2000/svg">
          <!-- Outer decorative rings -->
          <circle cx="140" cy="140" r="130" fill="none" stroke="rgba(200,168,75,0.08)" stroke-width="1"/>
          <circle cx="140" cy="140" r="110" fill="none" stroke="rgba(200,168,75,0.12)" stroke-width="1"/>
          <circle cx="140" cy="140" r="90" fill="none" stroke="rgba(200,168,75,0.18)" stroke-width="1"/>
          <!-- Progress arc -->
          <circle cx="140" cy="140" r="110" fill="none" stroke="rgba(200,168,75,0.4)" stroke-width="2"
            stroke-dasharray="628" stroke-dashoffset="0" stroke-linecap="round"
            transform="rotate(-90 140 140)"/>
          <!-- Tick marks -->
          <g stroke="rgba(200,168,75,0.3)" stroke-width="1">
            <line x1="140" y1="12" x2="140" y2="22" transform="rotate(0 140 140)"/>
            <line x1="140" y1="12" x2="140" y2="22" transform="rotate(30 140 140)"/>
            <line x1="140" y1="12" x2="140" y2="22" transform="rotate(60 140 140)"/>
            <line x1="140" y1="12" x2="140" y2="22" transform="rotate(90 140 140)"/>
            <line x1="140" y1="12" x2="140" y2="22" transform="rotate(120 140 140)"/>
            <line x1="140" y1="12" x2="140" y2="22" transform="rotate(150 140 140)"/>
            <line x1="140" y1="12" x2="140" y2="22" transform="rotate(180 140 140)"/>
            <line x1="140" y1="12" x2="140" y2="22" transform="rotate(210 140 140)"/>
            <line x1="140" y1="12" x2="140" y2="22" transform="rotate(240 140 140)"/>
            <line x1="140" y1="12" x2="140" y2="22" transform="rotate(270 140 140)"/>
            <line x1="140" y1="12" x2="140" y2="22" transform="rotate(300 140 140)"/>
            <line x1="140" y1="12" x2="140" y2="22" transform="rotate(330 140 140)"/>
          </g>
          <!-- Centre content -->
          <text x="140" y="128" text-anchor="middle" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="42" fill="#c8a84b" font-style="italic">25</text>
          <text x="140" y="150" text-anchor="middle" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="9" fill="rgba(245,240,232,0.4)" letter-spacing="3" text-transform="uppercase">YEARS</text>
          <text x="140" y="168" text-anchor="middle" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="8" fill="rgba(245,240,232,0.3)" letter-spacing="2">OF COMMUNITY RESEARCH</text>
          <!-- Compass points -->
          <text x="140" y="34" text-anchor="middle" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="8" fill="rgba(200,168,75,0.4)" letter-spacing="1">N</text>
          <text x="248" y="145" text-anchor="middle" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="8" fill="rgba(200,168,75,0.4)" letter-spacing="1">E</text>
          <text x="140" y="263" text-anchor="middle" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="8" fill="rgba(200,168,75,0.4)" letter-spacing="1">S</text>
          <text x="32" y="145" text-anchor="middle" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="8" fill="rgba(200,168,75,0.4)" letter-spacing="1">W</text>
        </svg>
      </div>
    </div>
  </div>
</section>

<!-- SERVICES -->
<section class="services" id="services">
  <div class="section-inner">
    <div class="services-header reveal">
      <div>
        <div class="section-eyebrow" style="color:var(--forest);">What we do</div>
        <h2>Research methods built for<br>the places you care about</h2>
      </div>
      <p>From coastal promenades to music festivals, we apply the right mix of research methods to give you evidence you can actually use.</p>
    </div>
    <div class="services-grid">
      <div class="service-card reveal">
        <span class="service-number">01</span>
        <svg class="service-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
          <circle cx="24" cy="22" r="8" stroke="#2d4a2d" stroke-width="1.5"/>
          <path d="M12 42c0-6.627 5.373-12 12-12s12 5.373 12 12" stroke="#2d4a2d" stroke-width="1.5" stroke-linecap="round"/>
          <circle cx="38" cy="18" r="5" stroke="#c8a84b" stroke-width="1.5"/>
          <path d="M34 30c0-4.418 1.79-8 4-8" stroke="#c8a84b" stroke-width="1.5" stroke-linecap="round"/>
        </svg>
        <h3>Face-to-Face Visitor Research</h3>
        <p>Intercept surveys, exit interviews and depth conversations conducted in situ where the experience is actually happening. Data you can trust because it comes from real human encounters.</p>
        <div class="service-tags">
          <span class="tag">Visitor Surveys</span>
          <span class="tag">Exit Interviews</span>
          <span class="tag">Economic Impact</span>
		  <span class="tag">Satisfaction Surveys</span>
		  <span class="tag">Marketing Awareness</span>
        </div>
      </div>
      <div class="service-card reveal reveal-delay-1">
        <span class="service-number">02</span>
        <svg class="service-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
          <rect x="6" y="10" width="36" height="28" rx="2" stroke="#2d4a2d" stroke-width="1.5"/>
          <path d="M14 28l6-8 6 6 5-7 7 9" stroke="#c8a84b" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
          <circle cx="14" cy="28" r="2" fill="#c8a84b"/>
        </svg>
        <h3>Economic Impact Analysis</h3>
        <p>Robust visitor spend and economic impact assessments using STEAM and T-STATS compatible methodologies. Numbers that hold up to scrutiny at board level and beyond.</p>
        <div class="service-tags">
          <span class="tag">STEAM Compatible</span>
          <span class="tag">T-STATS</span>
          <span class="tag">GVA Analysis</span>
        </div>
      </div>
      <div class="service-card reveal reveal-delay-2">
        <span class="service-number">03</span>
        <svg class="service-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M8 36l10-14 8 8 8-16 6 10" stroke="#2d4a2d" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
          <circle cx="18" cy="22" r="3" stroke="#c8a84b" stroke-width="1.5"/>
          <circle cx="26" cy="30" r="3" stroke="#c8a84b" stroke-width="1.5"/>
          <path d="M6 12h36M6 20h36M6 28h36" stroke="rgba(45,74,45,0.15)" stroke-width="1"/>
        </svg>
        <h3>Thematic & Qualitative Analysis</h3>
        <p>Skilled analysis of open-ended data, stakeholder interviews and community engagement outputs. We find the patterns, name the themes and tell the story behind the numbers.</p>
        <div class="service-tags">
          <span class="tag">Thematic Analysis</span>
          <span class="tag">Stakeholder Engagement</span>
          <span class="tag">Community Voice</span>
        </div>
      </div>
      <div class="service-card reveal">
        <span class="service-number">04</span>
        <svg class="service-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M10 38L24 10l14 28" stroke="#2d4a2d" stroke-width="1.5" stroke-linecap="round"/>
          <path d="M14 30h20" stroke="#c8a84b" stroke-width="1.5" stroke-linecap="round"/>
          <circle cx="24" cy="10" r="2.5" fill="#c8a84b"/>
        </svg>
        <h3>Destination & Place Research</h3>
        <p>Deep intelligence for DMOs, local authorities and BIDs on how visitors experience destinations — what works, what doesn't and where investment will make the biggest difference.</p>
        <div class="service-tags">
          <span class="tag">DMOs</span>
          <span class="tag">Local Authorities</span>
          <span class="tag">BIDs</span>
        </div>
      </div>
      <div class="service-card reveal reveal-delay-1">
        <span class="service-number">05</span>
        <svg class="service-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
          <rect x="8" y="8" width="14" height="14" rx="1" stroke="#2d4a2d" stroke-width="1.5"/>
          <rect x="26" y="8" width="14" height="14" rx="1" stroke="#2d4a2d" stroke-width="1.5"/>
          <rect x="8" y="26" width="14" height="14" rx="1" stroke="#2d4a2d" stroke-width="1.5"/>
          <rect x="26" y="26" width="14" height="14" rx="1" stroke="#c8a84b" stroke-width="1.5"/>
          <path d="M33 30v8M29 34h8" stroke="#c8a84b" stroke-width="1.5" stroke-linecap="round"/>
        </svg>
        <h3>Cultural & Events Research</h3>
        <p>Audience surveys, impact assessments and cultural value analysis for venues, festivals and arts organisations. We understand how to capture the intangible as well as the measurable.</p>
        <div class="service-tags">
          <span class="tag">Cultural Impact</span>
          <span class="tag">Festivals</span>
          <span class="tag">Venues</span>
        </div>
      </div>
      <div class="service-card reveal reveal-delay-2">
        <span class="service-number">06</span>
        <svg class="service-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M24 6C13.954 6 6 13.954 6 24s7.954 18 18 18 18-7.954 18-18S34.046 6 24 6z" stroke="#2d4a2d" stroke-width="1.5"/>
          <path d="M6 24h36M24 6c-5 6-8 12-8 18s3 12 8 18M24 6c5 6 8 12 8 18s-3 12-8 18" stroke="#c8a84b" stroke-width="1.5" stroke-linecap="round"/>
        </svg>
        <h3>Online Reputation & Sentiment</h3>
        <p>Monitoring, analysis and structured intelligence from review platforms, social signals and digital conversation — our Evidence Insights proposition is built specifically for destinations.</p>
        <div class="service-tags">
          <span class="tag">Evidence Insights</span>
          <span class="tag">Reputation Monitoring</span>
          <span class="tag">Sentiment Analysis</span>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- COMMUNITIES -->
<section class="communities" id="communities">
  <div class="section-inner">
    <div class="communities-content">
      <div class="section-eyebrow reveal" style="color:var(--forest);">Community Research</div>
      <h2 class="reveal">Understanding <span>coastal</span> and <span>community</span> places from the inside out</h2>
      <p class="reveal">Communities particularly coastal, rural and post-industrial ones are among the most complex research environments there are. They carry layered histories, divided interests and lived realities that standard survey instruments were not designed to capture.</p>
      <p class="reveal">We bring 25 years of on-the-ground experience to these contexts: facilitating genuine community voice, identifying what residents actually value about their places and producing evidence that can underpin long-term strategic planning.</p>
      <p class="reveal">One of our latest projects included nine sites across the North West coastline, working alongside the Environment Agnecy, local authorities, community groups, and tourism bodies to build a coherent picture of how people use, value and experience the places they live in and visit.</p>

      <div class="community-pillars">
        <div class="pillar reveal">
          <span class="pillar-num">1</span>
          <div>
            <h4>Resident Voice &amp; Stakeholder Engagement</h4>
            <p>Structured methods for capturing community perspective on change, development and service provision designed to surface dissent as well as consensus.</p>
          </div>
        </div>
        <div class="pillar reveal reveal-delay-1">
          <span class="pillar-num">2</span>
          <div>
            <h4>Multi-Site Comparative Analysis</h4>
            <p>Cross-site research designs that allow meaningful comparison across geographically distinct places while respecting local context and nuance.</p>
          </div>
        </div>
        <div class="pillar reveal reveal-delay-2">
          <span class="pillar-num">3</span>
          <div>
            <h4>Accessible, Actionable Deliverables</h4>
            <p>Reports, infographics and presentations that translate research into decisions not just findings. Built for council chambers and funding applications as well as academic review.</p>
          </div>
        </div>
      </div>
    </div>

    <div class="communities-sites reveal reveal-delay-1">
      <div class="sites-header">Current fieldwork — North West Coastline</div>
      <div class="sites-map">
        <div class="map-label">Nine-site coastal study · 2024–26</div>
        <div class="site-dots">
          <div class="site-dot"><div class="dot-mark"></div><span class="dot-name">Formby</span></div>
          <div class="site-dot"><div class="dot-mark"></div><span class="dot-name">Crosby</span></div>
          <div class="site-dot"><div class="dot-mark"></div><span class="dot-name">Fleetwood</span></div>
          <div class="site-dot"><div class="dot-mark"></div><span class="dot-name">Fylde Coast</span></div>
          <div class="site-dot"><div class="dot-mark"></div><span class="dot-name">Hightown</span></div>
          <div class="site-dot"><div class="dot-mark"></div><span class="dot-name">Silverdale</span></div>
          <div class="site-dot"><div class="dot-mark"></div><span class="dot-name">Millom</span></div>
          <div class="site-dot"><div class="dot-mark"></div><span class="dot-name">Roa Island</span></div>
          <div class="site-dot"><div class="dot-mark" style="background:#5db370;box-shadow:0 0 8px rgba(93,179,112,0.6);"></div><span class="dot-name">Walney Island</span></div>
        </div>
      </div>
      <div class="case-quote">
        <p>"Evidence that goes beyond the numbers capturing what communities actually think about where they live."</p>
        <cite>North West Coastal Communities Project</cite>
      </div>
    </div>
  </div>
</section>

<!-- EVIDENCE INSIGHTS -->
<section class="insights" id="insights">
  <div class="section-inner">
    <div class="insights-intro">
      <div class="insights-left">
        <div class="section-eyebrow">New · Evidence Insights</div>
        <h2>Destination experience <em>intelligence</em> beyond the visitor survey</h2>
        <p>Visitor numbers and spend tell you what happened. Evidence Insights tells you why and what visitors are saying when no-one is officially listening.</p>
        <p>Built as a complementary intelligence layer alongside established economic impact tools like STEAM and T-STATS, Evidence Insights brings together online reputation monitoring, sentiment analysis and experience friction mapping into a single, structured product designed specifically for Town Councils, DMOs BIDs and destination managers.</p>
        <p>This is a curated intelligence service our analysts do the reading, the pattern-finding and the plain-English interpretation so you can act on it.</p>
        <a href="evidence-insights.html#pilot-cta" class="btn-primary" style="margin-top:1.5rem; display:inline-flex;">Request a pilot briefing →</a>
      </div>

      <div class="insights-right">
        <div class="insight-layer">
          <span class="layer-icon">◎</span>
          <div>
            <div class="layer-title">Online Reputation Monitoring</div>
            <div class="layer-desc">Structured tracking of review platform signals across Google, TripAdvisor, and booking channels volume trends, rating movements and emerging topics.</div>
          </div>
        </div>
        <div class="insight-layer">
          <span class="layer-icon">◎</span>
          <div>
            <div class="layer-title">Visitor Sentiment Analysis</div>
            <div class="layer-desc">Thematic coding of free-text reviews and social signals by trained analysts. What visitors praise, what frustrates them and what they compare you to.</div>
          </div>
        </div>
        <div class="insight-layer">
          <span class="layer-icon">◎</span>
          <div>
            <div class="layer-title">Experience Friction Mapping</div>
            <div class="layer-desc">Identification of recurring pain points in the visitor journey e.g. parking, wayfinding, value perception, accessibility as reported organically in unprompted reviews.</div>
          </div>
        </div>
        <div class="insight-layer">
          <span class="layer-icon">◎</span>
          <div>
            <div class="layer-title">Survey Intelligence Integration</div>
            <div class="layer-desc">Where face-to-face survey data exists, we blend it with digital signals for a richer, multi-source picture. Digital and human insight, together.</div>
          </div>
        </div>
        <div class="insight-layer">
          <span class="layer-icon">◎</span>
          <div>
            <div class="layer-title">Complement to STEAM &amp; T-STATS</div>
            <div class="layer-desc">Designed to sit alongside not replace your existing economic impact tools. Adds the perception layer to your performance picture.</div>
          </div>
        </div>
      </div>
    </div>

    <!-- DASHBOARD MOCKUP -->
    <div class="insights-dashboard reveal">
      <div class="dashboard-bar">
        <span class="dashboard-title">Evidence Insights · Sample Output · North West Post Industrial Town</span>
        <span class="dashboard-status"><span class="status-dot"></span> Live Intelligence View</span>
      </div>
      <div class="dashboard-grid">

        <!-- Sentiment breakdown -->
        <div class="dash-card">
          <div class="dash-card-label">Visitor Sentiment by Theme</div>
          <div class="sentiment-bars">
            <div class="s-bar">
              <span class="s-label">Scenery</span>
              <div class="s-track"><div class="s-fill green" style="width:88%"></div></div>
              <span class="s-pct">88%</span>
            </div>
            <div class="s-bar">
              <span class="s-label">Hospitality</span>
              <div class="s-track"><div class="s-fill green" style="width:76%"></div></div>
              <span class="s-pct">76%</span>
            </div>
            <div class="s-bar">
              <span class="s-label">Value</span>
              <div class="s-track"><div class="s-fill" style="width:61%"></div></div>
              <span class="s-pct">61%</span>
            </div>
            <div class="s-bar">
              <span class="s-label">Parking</span>
              <div class="s-track"><div class="s-fill amber" style="width:42%"></div></div>
              <span class="s-pct">42%</span>
            </div>
            <div class="s-bar">
              <span class="s-label">Wayfinding</span>
              <div class="s-track"><div class="s-fill amber" style="width:38%"></div></div>
              <span class="s-pct">38%</span>
            </div>
            <div class="s-bar">
              <span class="s-label">Amenities</span>
              <div class="s-track"><div class="s-fill" style="width:55%"></div></div>
              <span class="s-pct">55%</span>
            </div>
          </div>
        </div>

        <!-- Reputation score -->
        <div class="dash-card">
          <div class="dash-card-label">Reputation Health Score</div>
          <div class="score-ring-wrap">
            <div class="score-ring">
              <div class="score-ring-num">7.8</div>
            </div>
            <div class="score-label">Out of 10 · Q1 2025</div>
            <div style="margin-top:0.75rem; font-size:0.65rem; color:rgba(93,179,112,0.8); letter-spacing:0.1em;">▲ 0.4 vs prior quarter</div>
          </div>
        </div>

        <!-- Friction flags -->
        <div class="dash-card">
          <div class="dash-card-label">Experience Friction Flags</div>
          <div class="friction-list">
            <div class="friction-item">
              <div class="friction-flag red"></div>
              <span>Visitor parking capacity raised in 34% of critical reviews</span>
            </div>
            <div class="friction-item">
              <div class="friction-flag"></div>
              <span>Café/food offer mentioned as insufficient in summer peak period</span>
            </div>
            <div class="friction-item">
              <div class="friction-flag"></div>
              <span>Accessibility on coastal path routes noted by 12% of reviewers</span>
            </div>
            <div class="friction-item">
              <div class="friction-flag green"></div>
              <span>Recent investment in signage showing positive response uplift</span>
            </div>
            <div class="friction-item">
              <div class="friction-flag green"></div>
              <span>Staff friendliness consistently cited as a destination strength</span>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>
</section>

<!-- APPROACH -->
<section class="approach" id="approach">
  <div class="section-inner">
    <div class="approach-sticky">
      <div class="section-eyebrow reveal" style="color:var(--forest);">How we work</div>
      <h2 class="reveal">Rigorous process, <br>plain-English output</h2>
      <p class="reveal">We have been refining our methods across hundreds of projects. The approach never cuts corners but the final report should always be something a non-researcher can act on.</p>
    </div>
    <div class="approach-steps">
      <div class="approach-step reveal">
        <div class="step-num">01</div>
        <div class="step-body">
          <h3>Define the Research Question</h3>
          <p>Before any fieldwork begins we work with clients to understand what decisions the research needs to inform. Good research starts with a clear question not a methodology.</p>
        </div>
      </div>
      <div class="approach-step reveal">
        <div class="step-num">02</div>
        <div class="step-body">
          <h3>Design for Context</h3>
          <p>Survey instruments, discussion guides and sampling strategies designed specifically for the research environment whether a busy coastal car park in July or a community museum in January.</p>
        </div>
      </div>
      <div class="approach-step reveal">
        <div class="step-num">03</div>
        <div class="step-body">
          <h3>Gather Evidence in the Field</h3>
          <p>Experienced fieldworkers, face-to-face methods and quality control processes built from two and a half decades of knowing what goes wrong and how to prevent it.</p>
        </div>
      </div>
      <div class="approach-step reveal">
        <div class="step-num">04</div>
        <div class="step-body">
          <h3>Analyse with Skill</h3>
          <p>Statistical analysis, thematic coding and interpretive synthesis not just tables and graphs. We find the story the data is telling and test whether it holds up.</p>
        </div>
      </div>
      <div class="approach-step reveal">
        <div class="step-num">05</div>
        <div class="step-body">
          <h3>Communicate for Action</h3>
          <p>Reports, presentations and infographics calibrated to the audience. Board members, funders, audiences and community groups all need different things from the same findings.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- SECTORS -->
<section class="sectors" id="sectors">
  <div class="section-inner">
    <div class="sectors-header reveal">
      <div class="section-eyebrow">Who we work with</div>
      <h2>Sectors where our experience runs deep</h2>
    </div>
    <div class="sectors-scroll">
      <div class="sector-item reveal">
        <div class="sector-icon-wrap">🏔</div>
        <h3>Destination Management</h3>
        <p>DMOs, tourism boards, and local visitor economy partnerships across the UK.</p>
      </div>
      <div class="sector-item reveal reveal-delay-1">
        <div class="sector-icon-wrap">🌊</div>
        <h3>Coastal Communities</h3>
        <p>Specialist experience in coastal and rural research places with unique social and economic dynamics that require tailored approaches.</p>
      </div>
      <div class="sector-item reveal reveal-delay-2">
        <div class="sector-icon-wrap">🎭</div>
        <h3>Culture &amp; Events</h3>
        <p>Venues, festivals, galleries, museums, conferences and public events of all scales from local community festivals to major regional programmes.</p>
      </div>
      <div class="sector-item reveal reveal-delay-3">
        <div class="sector-icon-wrap">🏛</div>
        <h3>Local &amp; Civic Authorities</h3>
        <p>Strategic research to support policy, planning and investment decisions. Evidence that can withstand public scrutiny and political challenge.</p>
      </div>
    </div>
  </div>
</section>

<!-- CTA -->
<section class="cta-section" id="contact">
  <div class="cta-inner">
    <div class="cta-text">
      <div class="section-eyebrow reveal" style="color:var(--forest);">Get in touch</div>
      <h2 class="reveal">Let's talk about what your community needs to know</h2>
      <p class="reveal">Whether you're planning a new visitor survey, exploring an Evidence Insights pilot or looking for a research partner on a larger strategic project we would like to hear from you.</p>
      <p class="reveal" style="margin-top:0.5rem;">Based in Barrow-in-Furness, working nationally.</p>
    </div>
    <div class="cta-contact reveal reveal-delay-1">
      <h3>Evidence Agency</h3>
      <p>Independent. Experienced. Based in Cumbria.</p>
      <div class="contact-item">
        <span class="contact-icon">✉</span>
        <div class="contact-text"><a href="mailto:hello@evidenceagency.com">hello@evidenceagency.com</a></div>
      </div>
	   <div class="contact-item">
        <span class="contact-icon">📞</span>
        <div class="contact-text"><a href="mailto:hello@evidenceagency.com">01539 303 811</a></div>
      </div>
      <div class="contact-item">
        <span class="contact-icon">🌐</span>
        <div class="contact-text"><a href="https://evidenceagency.com">evidenceagency.com</a></div>
      </div>
      <div class="contact-item">
        <span class="contact-icon">📍</span>
        <div class="contact-text"><span>Cumbria</span></div>
      </div>
      <div class="contact-item">
        <span class="contact-icon">🔗</span>
        <div class="contact-text"><a href="https://linkedin.com/in/giftedorb">LinkedIn Profile</a></div>
      </div>
    </div>
  </div>
</section>

<!-- FOOTER -->
<footer>
  <div class="footer-left">
    <strong>Evidence Agency</strong>
    © 2025 Evidence Agency. Research for communities that matter.
  </div>
  <ul class="footer-links">
    <li><a href="#services">Services</a></li>
    <li><a href="#insights">Evidence Insights</a></li>
    <li><a href="#communities">Communities</a></li>
    <li><a href="#contact">Contact</a></li>
  </ul>
</footer>

<script>
// Sticky nav
const nav = document.getElementById('main-nav');
window.addEventListener('scroll', () => {
  nav.classList.toggle('scrolled', window.scrollY > 60);
});

// Scroll reveal
const reveals = document.querySelectorAll('.reveal');
const observer = new IntersectionObserver((entries) => {
  entries.forEach(e => {
    if (e.isIntersecting) {
      e.target.classList.add('visible');
      observer.unobserve(e.target);
    }
  });
}, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });

reveals.forEach(el => observer.observe(el));
</script>
</body>
</html>
