{"id":2,"date":"2026-07-03T16:01:24","date_gmt":"2026-07-03T16:01:24","guid":{"rendered":"https:\/\/cairn27.com\/?page_id=2"},"modified":"2026-07-03T16:23:03","modified_gmt":"2026-07-03T16:23:03","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/cairn27.com\/?page_id=2","title":{"rendered":"Cairn27 Analytics | Marking the Path Forward"},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n  <meta charset=\"UTF-8\" \/><br \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/><br \/>\n  <title>Cairn27 Analytics \u2014 Marking the Path Forward<\/title>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&#038;family=Inter:wght@300;400;500;600&#038;family=DM+Mono:wght@400;500&#038;display=swap\" rel=\"stylesheet\" \/>\n<style>\n    \/* \u2500\u2500\u2500 TOKENS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    :root {\n      --teal:        #1B5E7A;\n      --teal-dark:   #153F55;\n      --teal-mid:    #1B5878;\n      --cream:       #EEEBE4;\n      --cream-dark:  #E4E0D8;\n      --gold:        #C4A962;\n      --gold-light:  #E2C97E;\n      --off-white:   #F7F5F0;\n      --text-dark:   #1A1A18;\n      --text-body:   #3A3A36;\n      --text-muted:  #767668;<\/p>\n<p>      --serif:  'Playfair Display', Georgia, serif;\n      --sans:   'Inter', system-ui, sans-serif;\n      --mono:   'DM Mono', 'Courier New', monospace;<\/p>\n<p>      --section-pad: clamp(5rem, 10vw, 8rem);\n    }<\/p>\n<p>    \/* \u2500\u2500\u2500 RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n    html { scroll-behavior: smooth; }\n    body {\n      font-family: var(--sans);\n      background: var(--off-white);\n      color: var(--text-body);\n      line-height: 1.6;\n      -webkit-font-smoothing: antialiased;\n    }\n    img { max-width: 100%; display: block; }\n    a { color: inherit; text-decoration: none; }<\/p>\n<p>    \/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    nav {\n      position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n      display: flex; align-items: center; justify-content: space-between;\n      padding: 1.25rem clamp(1.5rem, 5vw, 4rem);\n      background: rgba(238, 235, 228, 0.92);\n      backdrop-filter: blur(12px);\n      border-bottom: 1px solid rgba(196,169,98,0.2);\n      transition: background 0.3s;\n    }\n    .nav-brand {\n      display: flex; align-items: baseline; gap: 0;\n    }\n    .nav-brand .brand-cairn {\n      font-family: var(--serif);\n      font-size: 1.35rem;\n      font-weight: 600;\n      color: var(--teal);\n      letter-spacing: -0.01em;\n    }\n    .nav-brand .brand-27 {\n      font-family: var(--serif);\n      font-size: 1.35rem;\n      font-weight: 400;\n      color: var(--gold);\n    }\n    .nav-brand .brand-rule {\n      display: inline-block;\n      width: 1px; height: 0.85rem;\n      background: var(--gold);\n      margin: 0 0.55rem 0 0.45rem;\n      vertical-align: middle;\n      opacity: 0.7;\n    }\n    .nav-brand .brand-analytics {\n      font-family: var(--sans);\n      font-size: 0.62rem;\n      font-weight: 500;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      color: var(--teal);\n      align-self: center;\n    }\n    .nav-links {\n      display: flex; gap: 2.2rem; list-style: none; align-items: center;\n    }\n    .nav-links a {\n      font-size: 0.82rem;\n      font-weight: 500;\n      letter-spacing: 0.04em;\n      color: var(--text-body);\n      transition: color 0.2s;\n    }\n    .nav-links a:hover { color: var(--teal); }\n    .nav-cta {\n      font-size: 0.82rem !important;\n      background: var(--teal) !important;\n      color: #fff !important;\n      padding: 0.5rem 1.2rem;\n      border-radius: 2px;\n      transition: background 0.2s !important;\n    }\n    .nav-cta:hover { background: var(--teal-dark) !important; color: #fff !important; }<\/p>\n<p>    \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    #hero {\n      min-height: 100svh;\n      background: var(--teal);\n      display: flex; flex-direction: column;\n      justify-content: center;\n      padding: 8rem clamp(1.5rem, 7vw, 6rem) 5rem;\n      position: relative;\n      overflow: hidden;\n    }<\/p>\n<p>    \/* Signature element: topographic contour lines *\/\n    .topo-bg {\n      position: absolute; inset: 0; pointer-events: none;\n      opacity: 0.07;\n    }\n    .topo-bg svg { width: 100%; height: 100%; }<\/p>\n<p>    \/* Cairn silhouette \u2014 ascending stones stacked top-right *\/\n    .cairn-silhouette {\n      position: absolute;\n      right: clamp(2rem, 8vw, 7rem);\n      bottom: 0;\n      display: flex; flex-direction: column; align-items: center; gap: 0;\n      opacity: 0.12;\n    }\n    .cairn-stone {\n      background: var(--gold-light);\n      border-radius: 40% 45% 38% 42%;\n    }<\/p>\n<p>    .hero-eyebrow {\n      font-family: var(--mono);\n      font-size: 0.72rem;\n      letter-spacing: 0.2em;\n      text-transform: uppercase;\n      color: var(--gold-light);\n      margin-bottom: 1.5rem;\n    }\n    .hero-headline {\n      font-family: var(--serif);\n      font-size: clamp(2.6rem, 6vw, 5rem);\n      font-weight: 400;\n      line-height: 1.08;\n      color: var(--cream);\n      max-width: 16ch;\n      margin-bottom: 1.8rem;\n    }\n    .hero-headline em {\n      font-style: italic;\n      color: var(--gold-light);\n    }\n    .hero-sub {\n      font-size: clamp(1rem, 1.5vw, 1.15rem);\n      color: rgba(238,235,228,0.72);\n      max-width: 52ch;\n      line-height: 1.65;\n      margin-bottom: 2.8rem;\n    }\n    .hero-actions {\n      display: flex; gap: 1rem; flex-wrap: wrap; align-items: center;\n    }\n    .btn-primary {\n      background: var(--gold);\n      color: var(--teal-dark);\n      font-size: 0.88rem;\n      font-weight: 600;\n      letter-spacing: 0.04em;\n      padding: 0.85rem 2rem;\n      border-radius: 2px;\n      border: none; cursor: pointer;\n      transition: background 0.2s, transform 0.15s;\n      display: inline-block;\n    }\n    .btn-primary:hover {\n      background: var(--gold-light);\n      transform: translateY(-1px);\n    }\n    .btn-ghost {\n      font-size: 0.88rem;\n      font-weight: 500;\n      color: var(--cream);\n      letter-spacing: 0.04em;\n      border-bottom: 1px solid rgba(238,235,228,0.35);\n      padding-bottom: 2px;\n      transition: border-color 0.2s, color 0.2s;\n    }\n    .btn-ghost:hover { color: var(--gold-light); border-color: var(--gold-light); }<\/p>\n<p>    .hero-scroll-hint {\n      position: absolute; bottom: 2.5rem; left: clamp(1.5rem, 7vw, 6rem);\n      display: flex; align-items: center; gap: 0.6rem;\n      opacity: 0.4;\n    }\n    .scroll-line {\n      width: 2rem; height: 1px;\n      background: var(--cream);\n    }\n    .scroll-label {\n      font-family: var(--mono);\n      font-size: 0.65rem;\n      letter-spacing: 0.15em;\n      text-transform: uppercase;\n      color: var(--cream);\n    }<\/p>\n<p>    \/* \u2500\u2500\u2500 SECTION SHELL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    section { padding: var(--section-pad) clamp(1.5rem, 7vw, 6rem); }<\/p>\n<p>    .section-eyebrow {\n      font-family: var(--mono);\n      font-size: 0.68rem;\n      letter-spacing: 0.2em;\n      text-transform: uppercase;\n      color: var(--gold);\n      margin-bottom: 1rem;\n      display: flex; align-items: center; gap: 0.75rem;\n    }\n    .section-eyebrow::after {\n      content: '';\n      display: inline-block;\n      width: 2rem; height: 1px;\n      background: var(--gold);\n      opacity: 0.5;\n    }\n    .section-heading {\n      font-family: var(--serif);\n      font-size: clamp(1.9rem, 3.5vw, 2.9rem);\n      font-weight: 400;\n      color: var(--teal);\n      line-height: 1.15;\n      margin-bottom: 1.2rem;\n    }\n    .section-body {\n      font-size: 1.02rem;\n      color: var(--text-body);\n      max-width: 60ch;\n      line-height: 1.7;\n    }<\/p>\n<p>    \/* \u2500\u2500\u2500 ABOUT \/ APPROACH \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    #about { background: var(--off-white); }<\/p>\n<p>    .about-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 5rem;\n      align-items: center;\n      margin-top: 3.5rem;\n    }\n    .about-visual {\n      position: relative;\n    }\n    .about-card {\n      background: var(--teal);\n      border-radius: 3px;\n      padding: 2.5rem;\n      color: var(--cream);\n    }\n    .about-card-label {\n      font-family: var(--mono);\n      font-size: 0.62rem;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      color: var(--gold-light);\n      margin-bottom: 1.5rem;\n    }\n    .about-stat-row {\n      display: flex; flex-direction: column; gap: 1.5rem;\n    }\n    .about-stat { border-top: 1px solid rgba(238,235,228,0.15); padding-top: 1.2rem; }\n    .about-stat-num {\n      font-family: var(--serif);\n      font-size: 2.6rem;\n      font-weight: 400;\n      color: var(--gold-light);\n      line-height: 1;\n    }\n    .about-stat-desc {\n      font-size: 0.82rem;\n      color: rgba(238,235,228,0.7);\n      margin-top: 0.3rem;\n    }\n    .about-accent-block {\n      position: absolute;\n      bottom: -1.5rem; right: -1.5rem;\n      width: 4.5rem; height: 4.5rem;\n      background: var(--gold);\n      opacity: 0.18;\n      border-radius: 2px;\n    }\n    .about-text p + p { margin-top: 1.2rem; }\n    .about-text strong { color: var(--teal); font-weight: 600; }\n    .credential-row {\n      margin-top: 2rem;\n      display: flex; flex-wrap: wrap; gap: 0.6rem;\n    }\n    .credential-tag {\n      font-family: var(--mono);\n      font-size: 0.65rem;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n      color: var(--teal);\n      border: 1px solid rgba(27,94,122,0.3);\n      padding: 0.3rem 0.7rem;\n      border-radius: 2px;\n    }<\/p>\n<p>    \/* \u2500\u2500\u2500 SERVICES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    #services { background: var(--cream); }<\/p>\n<p>    .services-intro {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 4rem;\n      align-items: end;\n      margin-bottom: 3.5rem;\n    }\n    .services-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 1.5px;\n      background: rgba(27,94,122,0.12);\n    }\n    .service-card {\n      background: var(--cream);\n      padding: 2.2rem;\n      transition: background 0.2s;\n      position: relative;\n    }\n    .service-card:hover { background: var(--off-white); }\n    .service-icon {\n      width: 2.2rem; height: 2.2rem;\n      margin-bottom: 1.3rem;\n      color: var(--teal);\n    }\n    .service-title {\n      font-family: var(--serif);\n      font-size: 1.1rem;\n      font-weight: 600;\n      color: var(--teal);\n      margin-bottom: 0.75rem;\n    }\n    .service-desc {\n      font-size: 0.88rem;\n      color: var(--text-body);\n      line-height: 1.65;\n    }\n    .service-card-accent {\n      position: absolute;\n      bottom: 0; left: 0;\n      width: 0;\n      height: 2px;\n      background: var(--gold);\n      transition: width 0.3s ease;\n    }\n    .service-card:hover .service-card-accent { width: 100%; }<\/p>\n<p>    \/* \u2500\u2500\u2500 HOW IT WORKS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    #process { background: var(--off-white); }<\/p>\n<p>    .process-track {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 0;\n      margin-top: 3.5rem;\n      position: relative;\n    }\n    .process-track::before {\n      content: '';\n      position: absolute;\n      top: 1.6rem; left: 2rem; right: 2rem;\n      height: 1px;\n      background: linear-gradient(to right, var(--gold) 0%, rgba(196,169,98,0.25) 100%);\n    }\n    .process-step { padding: 0 1.5rem 0 0; }\n    .process-marker {\n      width: 3.2rem; height: 3.2rem;\n      border-radius: 50%;\n      background: var(--teal);\n      color: var(--cream);\n      display: flex; align-items: center; justify-content: center;\n      font-family: var(--serif);\n      font-size: 1rem;\n      font-weight: 400;\n      font-style: italic;\n      margin-bottom: 1.5rem;\n      position: relative; z-index: 1;\n      flex-shrink: 0;\n    }\n    .process-step-title {\n      font-family: var(--serif);\n      font-size: 1rem;\n      font-weight: 600;\n      color: var(--teal);\n      margin-bottom: 0.5rem;\n    }\n    .process-step-desc {\n      font-size: 0.85rem;\n      color: var(--text-muted);\n      line-height: 1.65;\n    }<\/p>\n<p>    \/* \u2500\u2500\u2500 PACKAGES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    #packages { background: var(--teal); }\n    #packages .section-heading { color: var(--cream); }\n    #packages .section-eyebrow { color: var(--gold-light); }\n    #packages .section-eyebrow::after { background: var(--gold-light); }\n    #packages .section-body { color: rgba(238,235,228,0.72); }<\/p>\n<p>    .packages-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 1.5rem;\n      margin-top: 3.5rem;\n    }\n    .package-card {\n      background: rgba(255,255,255,0.06);\n      border: 1px solid rgba(238,235,228,0.12);\n      border-radius: 3px;\n      padding: 2.2rem;\n      transition: background 0.2s, border-color 0.2s;\n    }\n    .package-card:hover {\n      background: rgba(255,255,255,0.1);\n      border-color: rgba(226,201,126,0.35);\n    }\n    .package-card.featured {\n      background: rgba(196,169,98,0.12);\n      border-color: rgba(196,169,98,0.4);\n    }\n    .package-tag {\n      font-family: var(--mono);\n      font-size: 0.6rem;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      color: var(--gold-light);\n      margin-bottom: 1.2rem;\n    }\n    .package-name {\n      font-family: var(--serif);\n      font-size: 1.4rem;\n      font-weight: 400;\n      color: var(--cream);\n      margin-bottom: 0.4rem;\n    }\n    .package-subtitle {\n      font-size: 0.8rem;\n      color: rgba(238,235,228,0.5);\n      margin-bottom: 1.6rem;\n    }\n    .package-list {\n      list-style: none;\n      display: flex; flex-direction: column; gap: 0.7rem;\n      margin-bottom: 2rem;\n    }\n    .package-list li {\n      font-size: 0.85rem;\n      color: rgba(238,235,228,0.8);\n      display: flex; gap: 0.7rem; align-items: flex-start;\n    }\n    .package-list li::before {\n      content: '\u2014';\n      color: var(--gold);\n      flex-shrink: 0;\n      margin-top: 0.05em;\n    }\n    .package-cta {\n      display: inline-block;\n      font-size: 0.8rem;\n      font-weight: 600;\n      letter-spacing: 0.06em;\n      text-transform: uppercase;\n      color: var(--gold-light);\n      border-bottom: 1px solid rgba(226,201,126,0.4);\n      padding-bottom: 2px;\n      transition: color 0.2s, border-color 0.2s;\n    }\n    .package-cta:hover { color: #fff; border-color: #fff; }<\/p>\n<p>    \/* \u2500\u2500\u2500 TRUST \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    #trust { background: var(--cream); }<\/p>\n<p>    .trust-pillars-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 3rem;\n      margin-top: 3.5rem;\n    }\n    .trust-pillar {\n      display: flex; gap: 1rem; align-items: flex-start;\n    }\n    .trust-icon {\n      width: 2rem; height: 2rem;\n      flex-shrink: 0;\n      color: var(--gold);\n      margin-top: 0.1rem;\n    }\n    .trust-pillar-title {\n      font-weight: 600;\n      font-size: 0.9rem;\n      color: var(--teal);\n      margin-bottom: 0.25rem;\n    }\n    .trust-pillar-desc {\n      font-size: 0.82rem;\n      color: var(--text-muted);\n      line-height: 1.55;\n    }<\/p>\n<p>    \/* \u2500\u2500\u2500 CONTACT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    #contact {\n      background: var(--off-white);\n      text-align: center;\n    }\n    .contact-inner {\n      max-width: 52rem;\n      margin: 0 auto;\n    }\n    .contact-inner .section-eyebrow {\n      justify-content: center;\n    }\n    .contact-inner .section-eyebrow::after { display: none; }\n    .contact-inner .section-eyebrow::before {\n      content: '';\n      display: inline-block;\n      width: 2rem; height: 1px;\n      background: var(--gold);\n      opacity: 0.5;\n    }\n    .contact-inner .section-heading { max-width: none; }\n    .contact-body {\n      font-size: 1rem;\n      color: var(--text-muted);\n      margin: 1rem auto 2.5rem;\n      max-width: 45ch;\n    }\n    .contact-form {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 1rem;\n      text-align: left;\n      margin-bottom: 1rem;\n    }\n    .form-group { display: flex; flex-direction: column; gap: 0.4rem; }\n    .form-group.full { grid-column: 1 \/ -1; }\n    .form-group label {\n      font-size: 0.72rem;\n      font-weight: 500;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      color: var(--text-muted);\n    }\n    .form-group input,\n    .form-group select,\n    .form-group textarea {\n      background: #fff;\n      border: 1px solid rgba(27,94,122,0.18);\n      border-radius: 2px;\n      padding: 0.7rem 0.9rem;\n      font-family: var(--sans);\n      font-size: 0.9rem;\n      color: var(--text-dark);\n      transition: border-color 0.2s;\n      outline: none;\n      width: 100%;\n    }\n    .form-group input:focus,\n    .form-group select:focus,\n    .form-group textarea:focus {\n      border-color: var(--teal);\n    }\n    .form-group textarea { resize: vertical; min-height: 7rem; }\n    .form-submit {\n      grid-column: 1 \/ -1;\n    }\n    .btn-submit {\n      background: var(--teal);\n      color: #fff;\n      font-size: 0.88rem;\n      font-weight: 600;\n      letter-spacing: 0.06em;\n      padding: 0.95rem 2.5rem;\n      border: none; border-radius: 2px;\n      cursor: pointer;\n      transition: background 0.2s, transform 0.15s;\n    }\n    .btn-submit:hover { background: var(--teal-dark); transform: translateY(-1px); }<\/p>\n<p>    \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    footer {\n      background: var(--teal-dark);\n      padding: 3rem clamp(1.5rem, 7vw, 6rem);\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      flex-wrap: wrap;\n      gap: 1.5rem;\n    }\n    .footer-brand .brand-cairn { color: var(--cream); }\n    .footer-brand .brand-27 { color: var(--gold-light); }\n    .footer-brand .brand-rule { background: var(--gold-light); }\n    .footer-brand .brand-analytics { color: rgba(238,235,228,0.6); }\n    .footer-tagline {\n      font-family: var(--mono);\n      font-size: 0.65rem;\n      letter-spacing: 0.15em;\n      text-transform: uppercase;\n      color: rgba(238,235,228,0.4);\n      margin-top: 0.4rem;\n    }\n    .footer-links {\n      display: flex; gap: 2rem; list-style: none;\n    }\n    .footer-links a {\n      font-size: 0.78rem;\n      color: rgba(238,235,228,0.55);\n      transition: color 0.2s;\n    }\n    .footer-links a:hover { color: var(--gold-light); }\n    .footer-copy {\n      font-size: 0.72rem;\n      color: rgba(238,235,228,0.3);\n      font-family: var(--mono);\n    }<\/p>\n<p>    \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    @media (max-width: 900px) {\n      .about-grid,\n      .services-intro { grid-template-columns: 1fr; gap: 2.5rem; }<\/p>\n<p>      .trust-pillars-grid { grid-template-columns: 1fr; gap: 2rem; }\n      .services-grid { grid-template-columns: 1fr 1fr; }\n      .packages-grid { grid-template-columns: 1fr; }\n      .process-track { grid-template-columns: 1fr 1fr; gap: 2.5rem; }\n      .process-track::before { display: none; }\n    }\n    @media (max-width: 600px) {\n      .nav-links { display: none; }\n      .services-grid { grid-template-columns: 1fr; }\n      .process-track { grid-template-columns: 1fr; }\n      .contact-form { grid-template-columns: 1fr; }\n      .about-accent-block { display: none; }\n      footer { flex-direction: column; align-items: flex-start; }\n    }<\/p>\n<p>    \/* \u2500\u2500\u2500 SCROLL FADE-IN \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .fade-up {\n      opacity: 0;\n      transform: translateY(1.5rem);\n      transition: opacity 0.6s ease, transform 0.6s ease;\n    }\n    .fade-up.visible {\n      opacity: 1;\n      transform: none;\n    }\n  <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<p><!-- NAV --><\/p>\n<nav>\n  <a href=\"#hero\" class=\"nav-brand\" style=\"text-decoration:none;\"><br \/>\n    <!-- Replace src with your logo file path. Remove the fallback spans once the logo is in place. --><br \/>\n    <img decoding=\"async\" src=\"YOUR-LOGO-FILE.svg\" alt=\"Cairn27 Analytics\" height=\"36\" class=\"nav-logo\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\" \/><br \/>\n    <span class=\"nav-logo-fallback\" style=\"display:none; align-items:baseline; gap:0;\"><br \/>\n      <span class=\"brand-cairn\">Cairn<\/span><span class=\"brand-27\">27<\/span><br \/>\n      <span class=\"brand-rule\"><\/span><br \/>\n      <span class=\"brand-analytics\">Analytics<\/span><br \/>\n    <\/span><br \/>\n  <\/a><\/p>\n<ul class=\"nav-links\">\n<li><a href=\"#about\">About<\/a><\/li>\n<li><a href=\"#services\">Services<\/a><\/li>\n<li><a href=\"#process\">How It Works<\/a><\/li>\n<li><a href=\"#packages\">Packages<\/a><\/li>\n<li><a href=\"#contact\" class=\"nav-cta\">Let&#8217;s Talk<\/a><\/li>\n<\/ul>\n<\/nav>\n<p><!-- HERO --><\/p>\n<section id=\"hero\">\n  <!-- Topographic background (signature element) --><\/p>\n<div class=\"topo-bg\" aria-hidden=\"true\">\n    <svg viewBox=\"0 0 1440 900\" preserveAspectRatio=\"xMidYMid slice\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <path d=\"M-100 700 Q200 550 400 620 Q600 690 800 540 Q1000 390 1200 480 Q1400 570 1600 420\" stroke=\"#EEEBE4\" stroke-width=\"1.5\" fill=\"none\"\/>\n      <path d=\"M-100 750 Q250 600 450 670 Q650 740 850 590 Q1050 440 1250 530 Q1450 620 1650 470\" stroke=\"#EEEBE4\" stroke-width=\"1.5\" fill=\"none\"\/>\n      <path d=\"M-100 800 Q300 640 500 720 Q700 800 900 640 Q1100 480 1300 580 Q1500 680 1700 520\" stroke=\"#EEEBE4\" stroke-width=\"1\" fill=\"none\"\/>\n      <path d=\"M-100 640 Q150 490 350 560 Q550 630 750 480 Q950 330 1150 430 Q1350 530 1550 370\" stroke=\"#EEEBE4\" stroke-width=\"1\" fill=\"none\"\/>\n      <path d=\"M-100 580 Q100 420 300 500 Q500 580 700 420 Q900 260 1100 380 Q1300 500 1500 320\" stroke=\"#EEEBE4\" stroke-width=\"0.8\" fill=\"none\"\/>\n      <path d=\"M-100 850 Q350 680 550 770 Q750 860 950 690 Q1150 520 1350 630 Q1550 740 1750 570\" stroke=\"#EEEBE4\" stroke-width=\"0.8\" fill=\"none\"\/>\n      <path d=\"M300 900 Q400 760 550 800 Q700 840 800 720 Q900 600 1000 660 Q1100 720 1200 620\" stroke=\"#EEEBE4\" stroke-width=\"1.2\" fill=\"none\"\/>\n    <\/svg>\n  <\/div>\n<p>  <!-- Stacked cairn stones right side --><\/p>\n<div class=\"cairn-silhouette\" aria-hidden=\"true\">\n<div class=\"cairn-stone\" style=\"width:6rem;height:1.4rem;border-radius:50% 45% 40% 48%;\"><\/div>\n<div class=\"cairn-stone\" style=\"width:8rem;height:1.8rem;margin-top:-0.2rem;\"><\/div>\n<div class=\"cairn-stone\" style=\"width:10rem;height:2rem;margin-top:-0.2rem;border-radius:42% 40% 38% 44%;\"><\/div>\n<div class=\"cairn-stone\" style=\"width:12rem;height:2.5rem;margin-top:-0.3rem;\"><\/div>\n<div class=\"cairn-stone\" style=\"width:14rem;height:3rem;margin-top:-0.3rem;border-radius:38% 42% 40% 36%;\"><\/div>\n<div class=\"cairn-stone\" style=\"width:16rem;height:3.5rem;margin-top:-0.3rem;border-radius:40% 38% 44% 36%;\"><\/div>\n<div class=\"cairn-stone\" style=\"width:18rem;height:5rem;margin-top:-0.4rem;border-radius:35% 40% 0 0;\"><\/div>\n<\/p><\/div>\n<p class=\"hero-eyebrow\">Fractional FP&#038;A \u00b7 Senior Advisory<\/p>\n<h1 class=\"hero-headline\">Marking<br \/><em>the path<\/em><br \/>forward.<\/h1>\n<p class=\"hero-sub\">You don&#8217;t need a full-time finance department to think like one. Cairn27 Analytics brings senior-level FP&#038;A expertise\u2014reporting infrastructure, forecasting, and financial clarity\u2014to growth-stage companies that are ready to move with confidence.<\/p>\n<div class=\"hero-actions\">\n    <a href=\"#contact\" class=\"btn-primary\">Start a Conversation<\/a><br \/>\n    <a href=\"#services\" class=\"btn-ghost\">Explore Services<\/a>\n  <\/div>\n<div class=\"hero-scroll-hint\" aria-hidden=\"true\">\n<div class=\"scroll-line\"><\/div>\n<p>    <span class=\"scroll-label\">Scroll<\/span>\n  <\/div>\n<\/section>\n<p><!-- ABOUT --><\/p>\n<section id=\"about\">\n<div class=\"section-eyebrow\">About<\/div>\n<h2 class=\"section-heading\">Senior finance expertise,<br \/>built for your scale.<\/h2>\n<div class=\"about-grid\">\n<div class=\"about-visual\">\n<div class=\"about-card\">\n<div class=\"about-card-label\">Track Record<\/div>\n<div class=\"about-stat-row\">\n<div class=\"about-stat\">\n<div class=\"about-stat-num\">10+<\/div>\n<div class=\"about-stat-desc\">Years of FP&#038;A leadership at the Director level<\/div>\n<\/p><\/div>\n<div class=\"about-stat\">\n<div class=\"about-stat-num\">Multi-industry<\/div>\n<div class=\"about-stat-desc\">Homebuilding, chemicals, specialty finance, and beyond<\/div>\n<\/p><\/div>\n<div class=\"about-stat\">\n<div class=\"about-stat-num\">End-to-end<\/div>\n<div class=\"about-stat-desc\">From raw data to board-ready reporting<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"about-accent-block\"><\/div>\n<\/p><\/div>\n<div class=\"about-text\">\n<p class=\"section-body\">Cairn27 Analytics is a solo, fully remote fractional FP&#038;A practice founded on a simple conviction: <strong>good financial infrastructure isn&#8217;t a luxury<\/strong>\u2014it&#8217;s what lets leadership teams make fast, confident decisions at every stage of growth.<\/p>\n<p class=\"section-body\" style=\"margin-top:1.2rem;\">Kerry, Founder and Fractional CFO, brings more than a decade of FP&#038;A experience\u2014building reporting packs, automating management reporting, and designing business analysis frameworks that actually get used. She operates as a true partner: embedded in your business, aligned to your goals, and ready to build systems that scale with you.<\/p>\n<div class=\"credential-row\">\n        <span class=\"credential-tag\">FP&#038;A Expertise<\/span><br \/>\n        <span class=\"credential-tag\">Power BI<\/span><br \/>\n        <span class=\"credential-tag\">Financial Modeling<\/span><br \/>\n        <span class=\"credential-tag\">Report Automation<\/span>\n      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- SERVICES --><\/p>\n<section id=\"services\">\n<div class=\"services-intro\">\n<div>\n<div class=\"section-eyebrow\">Services<\/div>\n<h2 class=\"section-heading\">Built around your most pressing finance needs.<\/h2>\n<\/p><\/div>\n<p class=\"section-body\" style=\"align-self:end;\">Whether you&#8217;re building from scratch or optimizing what already exists, every engagement is scoped to deliver outcomes\u2014not hours.<\/p>\n<\/p><\/div>\n<div class=\"services-grid\">\n<div class=\"service-card fade-up\">\n      <svg class=\"service-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path 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><\/p>\n<div class=\"service-title\">Financial Reporting<\/div>\n<p class=\"service-desc\">Management reporting packs, board decks, and KPI dashboards that surface the right information at the right cadence\u2014so leadership is never flying blind.<\/p>\n<div class=\"service-card-accent\"><\/div>\n<\/p><\/div>\n<div class=\"service-card fade-up\">\n      <svg class=\"service-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z\"\/><\/svg><\/p>\n<div class=\"service-title\">Financial Modeling &#038; Forecasting<\/div>\n<p class=\"service-desc\">Rolling forecasts, scenario models, and budget frameworks built for flexibility\u2014because the plan you built in January rarely survives contact with March.<\/p>\n<div class=\"service-card-accent\"><\/div>\n<\/p><\/div>\n<div class=\"service-card fade-up\">\n      <svg class=\"service-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/><\/svg><\/p>\n<div class=\"service-title\">Report &#038; Analysis Automation<\/div>\n<p class=\"service-desc\">Turn repetitive manual reporting into automated, reliable outputs. From Power BI dashboards to Excel automation, reclaim the hours your team spends on formatting.<\/p>\n<div class=\"service-card-accent\"><\/div>\n<\/p><\/div>\n<div class=\"service-card fade-up\">\n      <svg class=\"service-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"\/><\/svg><\/p>\n<div class=\"service-title\">Reporting Infrastructure<\/div>\n<p class=\"service-desc\">Design and build the financial infrastructure your company needs to grow\u2014chart of accounts, data architecture, and reporting frameworks that scale.<\/p>\n<div class=\"service-card-accent\"><\/div>\n<\/p><\/div>\n<div class=\"service-card fade-up\">\n      <svg class=\"service-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path 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 2m-6 9l2 2 4-4\"\/><\/svg><\/p>\n<div class=\"service-title\">Financial System Selection &#038; Implementation<\/div>\n<p class=\"service-desc\">Evaluate, select, and implement FP&#038;A platforms with someone who knows what good looks like from day one\u2014so you&#8217;re not paying to learn on the job.<\/p>\n<div class=\"service-card-accent\"><\/div>\n<\/p><\/div>\n<div class=\"service-card fade-up\">\n      <svg class=\"service-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path 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><\/p>\n<div class=\"service-title\">Business Analysis Frameworks<\/div>\n<p class=\"service-desc\">Structured approaches to pricing analysis, profitability segmentation, variance analysis, and operational metrics\u2014giving your team a shared language around performance.<\/p>\n<div class=\"service-card-accent\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- PROCESS --><\/p>\n<section id=\"process\">\n<div class=\"section-eyebrow\">How It Works<\/div>\n<h2 class=\"section-heading\">A clear trail from first call to finished system.<\/h2>\n<div class=\"process-track\">\n<div class=\"process-step fade-up\">\n<div class=\"process-marker\">1<\/div>\n<div class=\"process-step-title\">Discovery Call<\/div>\n<p class=\"process-step-desc\">A focused 45-minute conversation to understand where your finance function is, where it needs to go, and whether we&#8217;re a good fit.<\/p>\n<\/p><\/div>\n<div class=\"process-step fade-up\" style=\"transition-delay:0.1s\">\n<div class=\"process-marker\">2<\/div>\n<div class=\"process-step-title\">Scoped Proposal<\/div>\n<p class=\"process-step-desc\">A clear engagement proposal with defined deliverables, timeline, and investment\u2014no ambiguity about what you&#8217;re getting or when.<\/p>\n<\/p><\/div>\n<div class=\"process-step fade-up\" style=\"transition-delay:0.2s\">\n<div class=\"process-marker\">3<\/div>\n<div class=\"process-step-title\">Build &#038; Deliver<\/div>\n<p class=\"process-step-desc\">Embedded collaboration with your team to build the reporting, models, and infrastructure we scoped\u2014with regular check-ins throughout.<\/p>\n<\/p><\/div>\n<div class=\"process-step fade-up\" style=\"transition-delay:0.3s\">\n<div class=\"process-marker\">4<\/div>\n<div class=\"process-step-title\">Handoff &#038; Support<\/div>\n<p class=\"process-step-desc\">Clean documentation, knowledge transfer, and ongoing availability\u2014so what we built together keeps working long after the engagement closes.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- PACKAGES --><\/p>\n<section id=\"packages\">\n<div class=\"section-eyebrow\">Engagement Options<\/div>\n<h2 class=\"section-heading\">Choose the terrain<br \/>that fits where you are.<\/h2>\n<p class=\"section-body\">Retainer packages for companies that need ongoing FP&#038;A support, built around your current stage and bandwidth requirements.<\/p>\n<div class=\"packages-grid\">\n<div class=\"package-card fade-up\">\n<div class=\"package-tag\">Cairn Lite<\/div>\n<div class=\"package-name\">Find Your Footing<\/div>\n<div class=\"package-subtitle\">For companies establishing their finance foundation<\/div>\n<ul class=\"package-list\">\n<li>Monthly management reporting pack<\/li>\n<li>Rolling 12-month forecast maintenance<\/li>\n<li>Monthly finance review call<\/li>\n<li>Ad hoc analysis support (up to 4 hrs\/mo)<\/li>\n<\/ul>\n<p>      <a href=\"#contact\" class=\"package-cta\">Inquire \u2192<\/a>\n    <\/div>\n<div class=\"package-card featured fade-up\" style=\"transition-delay:0.1s\">\n<div class=\"package-tag\">Cairn Core \u00b7 Most Popular<\/div>\n<div class=\"package-name\">Mark the Trail<\/div>\n<div class=\"package-subtitle\">For growing companies that need embedded FP&#038;A support<\/div>\n<ul class=\"package-list\">\n<li>Full management reporting infrastructure<\/li>\n<li>Budget build and quarterly reforecasting<\/li>\n<li>KPI dashboard design and maintenance<\/li>\n<li>Biweekly finance review sessions<\/li>\n<li>Ad hoc modeling and analysis support<\/li>\n<\/ul>\n<p>      <a href=\"#contact\" class=\"package-cta\">Inquire \u2192<\/a>\n    <\/div>\n<div class=\"package-card fade-up\" style=\"transition-delay:0.2s\">\n<div class=\"package-tag\">Cairn Full<\/div>\n<div class=\"package-name\">Full Terrain<\/div>\n<div class=\"package-subtitle\">For companies that need a senior finance partner across the board<\/div>\n<ul class=\"package-list\">\n<li>Everything in Mark the Trail<\/li>\n<li>System selection and implementation support<\/li>\n<li>Finance team development and mentorship<\/li>\n<li>Board and investor reporting support<\/li>\n<li>Strategic financial planning and scenario analysis<\/li>\n<\/ul>\n<p>      <a href=\"#contact\" class=\"package-cta\">Inquire \u2192<\/a>\n    <\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- TRUST --><\/p>\n<section id=\"trust\">\n<div class=\"section-eyebrow\">Why Cairn27<\/div>\n<h2 class=\"section-heading\">Senior-level thinking.<br \/>Right-sized for your business.<\/h2>\n<div class=\"trust-pillars-grid\">\n<div class=\"trust-pillar fade-up\">\n      <svg class=\"trust-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path 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><\/p>\n<div>\n<div class=\"trust-pillar-title\">No generalist overhead<\/div>\n<p class=\"trust-pillar-desc\">Pure FP&#038;A focus\u2014not a generalist advisor spreading attention across ten disciplines. Deep expertise in financial reporting, modeling, and automation.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"trust-pillar fade-up\" style=\"transition-delay:0.1s\">\n      <svg class=\"trust-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/><\/svg><\/p>\n<div>\n<div class=\"trust-pillar-title\">Built to scale with you<\/div>\n<p class=\"trust-pillar-desc\">Every system, model, and report is built with your team in mind\u2014documented, transferable, and designed to outlast the engagement.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"trust-pillar fade-up\" style=\"transition-delay:0.2s\">\n      <svg class=\"trust-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z\"\/><\/svg><\/p>\n<div>\n<div class=\"trust-pillar-title\">A direct working relationship<\/div>\n<p class=\"trust-pillar-desc\">You work directly with Kerry\u2014not a team of rotating analysts. That means continuity, context, and a partner who actually knows your business.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- CONTACT --><\/p>\n<section id=\"contact\">\n<div class=\"contact-inner\">\n<div class=\"section-eyebrow\">Get in Touch<\/div>\n<h2 class=\"section-heading\">Ready to find your path?<\/h2>\n<p class=\"contact-body\">Start with a no-commitment conversation. Tell us a bit about your company and what you&#8217;re working through\u2014we&#8217;ll take it from there.<\/p>\n<div id=\"form-success\" style=\"display:none; background:rgba(27,94,122,0.07); border-left:3px solid var(--teal); padding:1.5rem 1.8rem; border-radius:2px; margin-bottom:1.5rem;\">\n<p style=\"font-family:var(--serif); font-size:1.1rem; color:var(--teal); margin-bottom:0.4rem;\">Message received.<\/p>\n<p style=\"font-size:0.88rem; color:var(--text-muted);\">Thanks for reaching out\u2014Kerry will be in touch within one business day.<\/p>\n<\/p><\/div>\n<div id=\"form-error\" style=\"display:none; background:rgba(180,50,50,0.06); border-left:3px solid #b43232; padding:1.2rem 1.8rem; border-radius:2px; margin-bottom:1.5rem;\">\n<p style=\"font-size:0.88rem; color:#b43232;\">Something went wrong\u2014please try again or email <a href=\"mailto:kerry@cairn27.com\" style=\"color:#b43232; text-decoration:underline;\">kerry@cairn27.com<\/a> directly.<\/p>\n<\/p><\/div>\n<div class=\"contact-form\" id=\"contact-form\">\n<div class=\"form-group\">\n        <label for=\"name\">Your Name<\/label><br \/>\n        <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"Jane Smith\" required \/>\n      <\/div>\n<div class=\"form-group\">\n        <label for=\"company\">Company<\/label><br \/>\n        <input type=\"text\" id=\"company\" name=\"company\" placeholder=\"Acme Corp\" \/>\n      <\/div>\n<div class=\"form-group\">\n        <label for=\"email\">Email<\/label><br \/>\n        <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"jane@company.com\" required \/>\n      <\/div>\n<div class=\"form-group\">\n        <label for=\"need\">Primary Need<\/label><br \/>\n        <select id=\"need\" name=\"primary_need\"><option value=\"\">Select one&#8230;<\/option><option>Financial Reporting<\/option><option>Forecasting &#038; Modeling<\/option><option>Report Automation<\/option><option>System Implementation<\/option><option>Ongoing FP&#038;A Support<\/option><option>Not Sure Yet<\/option><\/select>\n      <\/div>\n<div class=\"form-group full\">\n        <label for=\"message\">Tell us about your situation<\/label><br \/>\n        <textarea id=\"message\" name=\"message\" placeholder=\"What's your company working through? What does success look like?\"><\/textarea>\n      <\/div>\n<div class=\"form-group full form-submit\">\n        <button class=\"btn-submit\" id=\"submit-btn\" type=\"button\">Send Message<\/button>\n      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- FOOTER --><\/p>\n<footer>\n<div>\n    <!-- Replace src with your light\/reversed logo for dark backgrounds. Remove fallback spans once in place. --><br \/>\n    <img decoding=\"async\" src=\"YOUR-LOGO-LIGHT.svg\" alt=\"Cairn27 Analytics\" height=\"32\" class=\"footer-logo\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\" \/><\/p>\n<div class=\"nav-brand footer-brand\" style=\"display:none;\">\n      <span class=\"brand-cairn\">Cairn<\/span><span class=\"brand-27\">27<\/span><br \/>\n      <span class=\"brand-rule\"><\/span><br \/>\n      <span class=\"brand-analytics\">Analytics<\/span>\n    <\/div>\n<div class=\"footer-tagline\">Marking the path forward<\/div>\n<\/p><\/div>\n<ul class=\"footer-links\">\n<li><a href=\"#about\">About<\/a><\/li>\n<li><a href=\"#services\">Services<\/a><\/li>\n<li><a href=\"#packages\">Packages<\/a><\/li>\n<li><a href=\"#contact\">Contact<\/a><\/li>\n<li><a href=\"#\">LinkedIn<\/a><\/li>\n<\/ul>\n<div class=\"footer-copy\">\u00a9 2026 Cairn27 Analytics LLC<\/div>\n<\/footer>\n<p><script>\n  \/\/ Scroll-triggered fade-ups\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(e => {\n      if (e.isIntersecting) {\n        e.target.classList.add('visible');\n        observer.unobserve(e.target);\n      }\n    });\n  }, { threshold: 0.12 });<\/p>\n<p>  document.querySelectorAll('.fade-up').forEach(el => observer.observe(el));<\/p>\n<p>  \/\/ Nav background on scroll\n  const nav = document.querySelector('nav');\n  window.addEventListener('scroll', () => {\n    nav.style.boxShadow = window.scrollY > 40\n      ? '0 1px 12px rgba(0,0,0,0.08)'\n      : 'none';\n  });<\/p>\n<p>  \/\/ Contact form \u2014 Formspree submission\n  \/\/ SETUP: Go to https:\/\/formspree.io, create a free account, start a new form,\n  \/\/ and replace YOUR_FORMSPREE_ID below with the ID from your form endpoint\n  \/\/ (it looks like: https:\/\/formspree.io\/f\/xabcdefg \u2014 the ID is \"xabcdefg\").\n  const FORMSPREE_ID = 'YOUR_FORMSPREE_ID';<\/p>\n<p>  document.getElementById('submit-btn').addEventListener('click', async () => {\n    const btn = document.getElementById('submit-btn');\n    const name = document.getElementById('name');\n    const email = document.getElementById('email');<\/p>\n<p>    \/\/ Basic validation\n    if (!name.value.trim() || !email.value.trim()) {\n      name.style.borderColor = name.value.trim() ? '' : 'var(--teal)';\n      email.style.borderColor = email.value.trim() ? '' : 'var(--teal)';\n      return;\n    }<\/p>\n<p>    btn.textContent = 'Sending\u2026';\n    btn.disabled = true;<\/p>\n<p>    const data = {\n      name:         document.getElementById('name').value,\n      company:      document.getElementById('company').value,\n      email:        document.getElementById('email').value,\n      primary_need: document.getElementById('need').value,\n      message:      document.getElementById('message').value,\n    };<\/p>\n<p>    try {\n      const res = await fetch(`https:\/\/formspree.io\/f\/${FORMSPREE_ID}`, {\n        method:  'POST',\n        headers: { 'Content-Type': 'application\/json', 'Accept': 'application\/json' },\n        body:    JSON.stringify(data),\n      });<\/p>\n<p>      if (res.ok) {\n        document.getElementById('contact-form').style.display = 'none';\n        document.getElementById('form-success').style.display = 'block';\n      } else {\n        throw new Error('Non-OK response');\n      }\n    } catch {\n      document.getElementById('form-error').style.display = 'block';\n      btn.textContent = 'Send Message';\n      btn.disabled = false;\n    }\n  });\n<\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cairn27 Analytics \u2014 Marking the Path Forward Cairn27 Analytics About Services How It Works Packages Let&#8217;s Talk Fractional FP&#038;A \u00b7 Senior Advisory Markingthe pathforward. You don&#8217;t need a full-time finance department to think like one. Cairn27 Analytics brings senior-level FP&#038;A expertise\u2014reporting infrastructure, forecasting, and financial clarity\u2014to growth-stage companies that are ready to move with confidence. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cairn27.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cairn27.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cairn27.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cairn27.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cairn27.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":3,"href":"https:\/\/cairn27.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":9,"href":"https:\/\/cairn27.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/9"}],"wp:attachment":[{"href":"https:\/\/cairn27.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}