/* ==========================================================================
   EnrichMyCare — Master Design System Stylesheet
   ==========================================================================
   Extracted and consolidated from 4 source page mockups:
     1. Homepage (Dark)               — enrichmycarehomepagedark_2_1.html
     2. Our Approach                  — ourapproach_3.html
     3. Our Methodology                — ourmethodology.html
     4. Autism/ADHD Pathway (landing)  — autismadhdpathway_17_1.html

   PURPOSE
   -------
   All 4 pages share one visual system (colour tokens, type scale, nav,
   buttons, hero, cards, footer). This file merges every rule used across
   them into a single de-duplicated stylesheet so the design can be dropped
   into Umbraco as one site-wide CSS asset instead of 4 copies of the same
   ~40KB <style> block.

   HOW TO USE IN UMBRACO
   ----------------------
   1. Save this file to your Umbraco front-end assets, e.g.
        /wwwroot/css/emc-design-system.css
      (or wherever your theme's static assets live — /App_Plugins,
      a ClientDependency/RTE stylesheet folder, or a bundled Sass/Webpack
      pipeline that outputs to wwwroot).
   2. Reference it once in your master/layout template
      (e.g. _Layout.cshtml or the site's shared <head> partial):
        <link href="~/css/emc-design-system.css" rel="stylesheet">
      Load AFTER any CSS reset/normalize but BEFORE page-specific overrides.
   3. Add the Google Fonts used by the design (see FONTS below) to the same
      <head>, or self-host them via Umbraco's static assets for GDPR/perf.
   4. Build Umbraco Document Types / Partial Views whose markup reuses these
      class names directly (.hero, .section, .work-cards, .why-grid, etc.)
      so editors' content flows straight into the existing visual system.
      Repeating regions (Our Approach steps, Methodology chapters, Evidence
      cards, footer columns) map well to Umbraco Block List / Nested
      Content editors — one block type per repeating card pattern below.
   5. Keep page-specific / one-off classes (marked in each section) inside
      the relevant Partial View or a small page-level <style> only if
      truly unique — everything reusable already lives here.

   FONTS (Google Fonts — add to <head>)
   -------------------------------------
   <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=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">

   Playfair Display  → all headings (h1–h3, .section-title, card titles)
   Plus Jakarta Sans → body copy, UI text (set as base font-family on body)

   DESIGN TOKENS
   -------------
   All colour, spacing-adjacent values are exposed as CSS custom properties
   on :root below. Swap these centrally to re-theme the whole system
   (e.g. for a light-mode variant or a rebrand) without touching component
   rules. Component rules deliberately reference var(--token) throughout.

   TABLE OF CONTENTS
   -----------------
     1.  Reset & Design Tokens (:root)
     2.  Base Typography & Global Elements
     3.  Animations & Scroll-Reveal Utilities
     4.  Navigation (incl. Clinical Care Pathways dropdown)
     5.  Buttons
     6.  Hero (homepage-style, image + floating stat cards)
     7.  Impact Stat Stripe
     8.  Credibility Strip (credentials, logos)
     9.  Outcomes Chip Cards
     10. Section Wrapper & Headings (generic content sections)
     11. Methodology Timeline (compact, homepage version)
     12. Work Cards / Why Cards
     13. Platform Band / Evidence Card / Solutions Chips
     14. Marquee / CTA Band
     15. Footer (simple) + Site Footer (full, multi-column)
     16. Subpage Shared Styles (page-hero, content blocks, case studies,
         testimonials, pricing, contact, security, module cards)
     17. Approach Hero / Q&A / DCF / Excellence Flow / Methodology Rail
     18. "Our Approach" v2 — Apple-style minimal philosophy page (.oa-*).
         Includes a v2 redesign layer: light-section background variants
         (.oa-block-light/white/tealtint/strongteal/offwhite/paleblue),
         a full-width hero image (.oa-hero-image-full, replacing the old
         2-column split hero layout), pathway sketches, capacity diagram,
         founder quote card, AI governance diagram, and a larger "-v2"
         circular loop diagram alongside the original .oa-loop.
     19. "Our Methodology" page — premium consultancy layout (.mth-*)
     20. Shared End CTA (.end-cta-ed)
     21. Editorial Scrollytelling Page — Autism/ADHD Pathway (.ed-*, .conv-*,
         .stage-*, .capacity-*, .ev-*, .quote-ed, .hww-*, .pm-* phone mock)
     22. Three-Background System (section-bg-teal / section-bg-white overrides)
     23. "For Families" page — light-themed, warmer register, distinct from
         the NHS/clinician-facing dark pages (.fam-*)
     24. "The Hidden Role" — dominant feature + supporting cards
         (For Families page, continued)
     25. "Care Pathways" landing page (.pw2-*, .pwc-*, .pwx-*, .pwp-*) —
         four flagship pathway panels, a Problem→Resolution pressure-points
         diagram, methodology bridge, evidence-in-practice, trust, and a
         closing "beyond these pathways" block
     26. "Epilepsy" pathway sub-page (.epi-*) — longitudinal hero visual,
         problem timeline, clinical principle editorial, transformation
         flow, what-this-enables columns, enabling technology, NHS
         alignment, evidence split (now/next), closing statement, plus
         the shared .evidence-status-* chip component
     27. "Care Transition & Complex Care" pathway sub-page (.tcc-*) —
         boundary-crossing visual language: accumulate/cross/continue
         hero, narrowing-at-the-boundary challenge diagram, editorial
         principle, before/after transform pair, enabling-technology
         hub-and-spoke diagram, evidence subhead, closing statement,
         plus mobile fallbacks for all diagrams
     28. "About" page — Vision/Image/Mission statement (.vision-*,
         .mission-*), and "Our Story" editorial scrollytelling
         (.story-*) — archival, immersive and turning-point photo
         treatments, a stats/cycle chapter, technology-shift ribbon,
         then/now contrast, and a closing statement

   Responsive rules are kept inline with each section (mobile-first
   overrides at max-width:900px and max-width:560px / 420px).

   HOW THIS FILE GROWS AS NEW PAGE MOCKUPS ARRIVE
   ------------------------------------------------
   When a new page's <style> block comes in:
     1. Diff it mentally (or with a script) against this file's existing
        selectors. Everything from `*,*::before,*::after` through the last
        numbered section here is the shared base system — a new mockup
        will almost always repeat it verbatim (same :root tokens, nav,
        hero, section wrapper, footer, etc.) because every page is built
        off the same starting template.
     2. Anything that's a byte-for-byt (or near-identical) repeat of a
        rule already in this file is discarded — do NOT append a second
        copy "just in case", since CSS cascade order means a later
        duplicate silently wins over an earlier one and makes the file
        harder to trust.
     3. Only genuinely NEW selectors/classes (a new class-name prefix,
        e.g. `.fam-*` for a "For Families" page, or `.ed-*` for the
        pathway landing page) get appended as a new numbered section at
        the END of the file, with a section banner comment matching the
        style of §1–§22 and an entry added to the table of contents above.
     4. If a shared/base selector's VALUE has changed (not just repeated),
        that's a deliberate design update, not a new page — resolve it
        by editing the existing rule in place (don't append a duplicate),
        and treat it as a version bump to the whole system.
   This keeps the file additive and conflict-free: new pages inject new,
   uniquely-prefixed sections; they never re-declare or shadow rules the
   rest of the site already depends on.

   NOTE ON UNIQUENESS
   -------------------
   A handful of very page-specific visuals (the phone-screenshot mockup in
   §21, the convergence diagram, the capacity-loss diagram) are included in
   full because they're well-built, reusable card/diagram *patterns* even
   though today only one page uses them — future landing pages for other
   care pathways can reuse them as-is.
   ========================================================================== */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --teal:#1A9E8F;
  --teal-dark:#0D7A6E;
  --teal-light:#4ECDC4;
  --navy:#1B5C7A;
  --navy-dark:#0B2D45;
  --navy-deep:#071E30;
  --navy-panel:#0F3450;
  --navy-panel-2:#102E48;
  --coral:#E8365D;
  --coral-light:#FF6B8A;
  --gold:#E8A44A;
  --gold-light:#F5C675;
  --white:#FFFFFF;
  --ink-1:rgba(255,255,255,0.94);
  --ink-2:rgba(255,255,255,0.68);
  --ink-3:rgba(255,255,255,0.46);
  --hairline:rgba(255,255,255,0.10);
  --hairline-strong:rgba(255,255,255,0.16);
  --glass:rgba(255,255,255,0.055);
  --glass-hover:rgba(255,255,255,0.09);
  --off-white:#F7FAFA;
}
/* ── 2. BASE TYPOGRAPHY & GLOBAL ELEMENTS ─────────────────────────── */
html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',sans-serif;color:var(--ink-2);background:var(--navy-dark);font-size:1.13rem;line-height:1.65;overflow-x:hidden;word-spacing:3px;}
a{color:inherit}
/* ── 3. ANIMATIONS & SCROLL-REVEAL UTILITIES ──────────────────────── */
/* ─── ANIMATIONS ─── */
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@keyframes shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.reveal{opacity:0;transform:translateY(26px);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}
:focus-visible{outline:2px solid var(--teal-light);outline-offset:3px}
/* ── 4. NAVIGATION ─────────────────────────────────────────────────── */
/* ─── NAV ─── */
nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-evenly;
  padding:0 56px;height:100px;
  background:rgba(11,45,69,0.85);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--hairline);
}
.nav-logo{display:flex;align-items:center}
.nav-logo img{height:60px;width:auto;display:block}
.nav-links{display:flex;align-items:center;gap:36px}
.nav-links a{font-size:18px;font-weight:500;color:var(--ink-2);text-decoration:none;transition:color 0.2s}
.nav-links a.active-link{color:var(--white)}
.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:0}
.nav-burger span{display:block;width:100%;height:2px;background:var(--white);border-radius:2px;transition:all 0.25s ease}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mobile-panel{
  position:fixed;top:76px;left:0;right:0;z-index:99;
  background:rgba(11,45,69,0.98);backdrop-filter:blur(16px);
  border-bottom:1px solid var(--hairline-strong);
  max-height:0;overflow:hidden;visibility:hidden;
  transition:max-height 0.3s ease, visibility 0s linear 0.3s;
}
.nav-mobile-panel.open{
  max-height:80vh;overflow-y:auto;visibility:visible;
  transition:max-height 0.3s ease, visibility 0s linear 0s;
}
.nav-mobile-panel a{display:block;padding:16px 24px;font-size:1.13rem;font-weight:500;color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--hairline)}
.nav-mobile-panel a.active-link{color:var(--white)}
.nav-mobile-panel a.nav-mobile-sub{padding-left:40px;font-size:1rem;font-weight:400;color:var(--ink-3)}
.nav-mobile-panel .nav-mobile-ctas{display:flex;flex-direction:column;gap:10px;padding:16px 24px}
.nav-mobile-panel .btn-coral,.nav-mobile-panel .btn-ghost{text-align:center}
/* ─── Clinical Care Pathways dropdown ─── */
.nav-dropdown{position:relative}
.nav-dropdown summary{cursor:pointer;list-style:none;font-size:18px;font-weight:500;color:var(--ink-2);display:flex;align-items:center;gap:5px;transition:color 0.2s}
.nav-dropdown summary::-webkit-details-marker{display:none}
.nav-dropdown summary:hover,.nav-dropdown summary.active-link{color:var(--teal-light)}
.nav-caret{font-size:10px;transition:transform 0.2s}
.nav-dropdown[open] .nav-caret{transform:rotate(180deg)}
.nav-dropdown-menu{position:absolute;top:calc(100% + 16px);left:0;min-width:230px;background:rgba(11,45,69,0.97);backdrop-filter:blur(16px);border:1px solid var(--hairline-strong);border-radius:12px;padding:8px;display:flex;flex-direction:column;box-shadow:0 20px 40px rgba(0,0,0,0.35);z-index:50}
.nav-dropdown-menu a{padding:10px 14px;font-size:1rem;font-weight:500;color:var(--ink-2);text-decoration:none;border-radius:8px;transition:all 0.15s}
.nav-dropdown-menu a:hover{background:rgba(78,205,196,0.1);color:var(--white)}
.nav-dropdown-menu a.nav-dd-viewall{margin-top:4px;border-bottom:1px solid var(--hairline);padding-top:12px;color:var(--teal-light);font-weight:700}
.nav-links a:hover{color:var(--teal-light)}
.nav-ctas{display:flex;align-items:center;gap:12px}
/* ── 5. BUTTONS ────────────────────────────────────────────────────── */
.btn-ghost{font-size:1rem;font-weight:600;color:var(--white);padding:9px 20px;border:1.5px solid var(--hairline-strong);border-radius:100px;text-decoration:none;transition:all 0.2s}
.btn-ghost:hover{border-color:var(--teal-light);color:var(--teal-light)}
.btn-coral{font-size:1rem;font-weight:700;color:white;padding:10px 22px;background:var(--coral);border-radius:100px;text-decoration:none;transition:all 0.2s}
.btn-coral:hover{background:#CC2A4F;transform:translateY(-1px);box-shadow:0 4px 16px rgba(232,54,93,0.4)}
/* ── 6. HERO ───────────────────────────────────────────────────────── */
/* ─── HERO ─── */
.hero{
  position:relative;overflow:hidden;
  padding:150px 56px 64px;
}
.hero::before{
  content:'';position:absolute;top:-220px;right:-220px;
  width:760px;height:760px;border-radius:50%;
  background:radial-gradient(circle,rgba(26,158,143,0.22) 0%,transparent 65%);
  pointer-events:none;
}
.hero::after{
  content:'';position:absolute;bottom:-180px;left:-140px;
  width:560px;height:560px;border-radius:50%;
  background:radial-gradient(circle,rgba(232,54,93,0.13) 0%,transparent 65%);
  pointer-events:none;
}
.hero-grid{display:grid;grid-template-columns:1fr;max-width:1280px;margin:0 auto;width:100%;position:relative;z-index:1}
.hero-text{max-width:1180px;margin:0 auto;text-align:center}
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:1.13rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--teal-light);
  margin-bottom:26px;width:fit-content;line-height:1;
}
.hero-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--coral);animation:pulse 2s infinite;flex-shrink:0}
h1.hero-title{
  font-family:'Playfair Display',serif;font-weight:700;
  font-size:clamp(2.122rem,5.4vw,4rem);line-height:1.3;letter-spacing:0px;
  color:var(--white);margin:0 auto 28px;max-width:1100px;word-spacing: 3px;
}
h1.hero-title em{font-style:italic;color:var(--teal-light)}
.hero-sub{    font-size: 1.5rem;
    font-weight: 300;
    color: var(--ink-2);
    line-height: 2.3rem;
    max-width: 560px;
    margin: 0 auto 40px;
    letter-spacing: 0.2px;
    word-spacing: 3px;}
.hero-ctas{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.btn-hero-primary{
  font-size:1.13rem;font-weight:700;color:white;padding:14px 30px;background:var(--coral);
  border-radius:100px;text-decoration:none;transition:all 0.25s;box-shadow:0 4px 20px rgba(232,54,93,0.4);
}
.btn-hero-primary:hover{background:#CC2A4F;transform:translateY(-2px);box-shadow:0 8px 28px rgba(232,54,93,0.45)}
.btn-hero-ghost{
  font-size:1.13rem;font-weight:600;color:var(--ink-1);padding:14px 28px;
  border:1.5px solid var(--hairline-strong);border-radius:8px;text-decoration:none;transition:all 0.25s;
}
.btn-hero-ghost:hover{border-color:var(--teal-light);color:var(--teal-light);background:rgba(78,205,196,0.08)}
.hero-tagline-badge{
  display:inline-flex;align-items:center;gap:6px;
  font-size:1.13rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;
  color:rgba(255,255,255,0.4);margin-top:38px;
}
.hero-tagline-badge span{color:var(--gold);letter-spacing:3px}
.hero-visual{position:relative;height:480px}
.hero-photo{
  position:absolute;inset:0;border-radius:26px;overflow:hidden;
  border:1px solid rgba(255,255,255,0.12);
  box-shadow:0 30px 70px rgba(0,0,0,0.35);
}
.hero-photo img{
  width:100%;height:100%;object-fit:cover;object-position:right center;
  display:block;
}
.hero-photo::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(11,45,69,0.05) 0%,rgba(11,45,69,0.35) 100%);
  pointer-events:none;
}
.hero-bleed{
  position:relative;
  margin:104px -56px 0;
  width:calc(100% + 112px);
  overflow:hidden;
}
.hero-bleed img{
  width:100%;height:auto;
  display:block;
}
.hero-card{
  position:absolute;background:rgba(11,45,69,0.65);
  border:1px solid var(--hairline-strong);border-radius:18px;
  backdrop-filter:blur(10px);padding:22px 24px;z-index:2;
}
.hero-card-1{top:-18px;left:-24px;width:210px;animation:float 6s ease-in-out infinite}
.hero-card-2{bottom:-20px;right:-22px;width:230px;animation:float 7s 1s ease-in-out infinite}
.hc-label{font-size:9.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--teal-light);margin-bottom:8px}
.hc-stat{font-family:'Playfair Display',serif;font-size:28px;font-weight:700;color:var(--gold);line-height:1}
.hc-desc{font-size:0.9rem;color:var(--ink-2);margin-top:6px;line-height:1.45}
/* ── 7. IMPACT STAT STRIPE ─────────────────────────────────────────── */
/* ─── IMPACT STAT STRIPE ─── */
.stat-stripe{background:var(--navy-panel);padding:44px 56px;border-bottom:1px solid var(--hairline)}
.stat-stripe-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.stat-block{display:flex;flex-direction:column;gap:6px;padding:0 28px;border-left:1px solid var(--hairline)}
.stat-block:first-child{border-left:none;padding-left:0}
.stat-block-num{font-family:'Playfair Display',serif;font-size:2.6rem;font-weight:700;color:var(--gold);line-height:1}
.stat-block-label{font-size:18px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--teal-light);margin-top:10px}
.stat-block-desc{font-size:1.19rem;color:var(--ink-2);line-height:1.5;margin-top:2px}
/* ── 8. CREDIBILITY STRIP ──────────────────────────────────────────── */
/* ─── CREDIBILITY STRIP ─── */
.credibility{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:40px 56px;background:var(--navy-panel-2)}
.credibility-inner{max-width:1180px;margin:0 auto}
.cred-group{margin-bottom:22px}
.cred-group:last-of-type{margin-bottom:12px}
.cred-label{display:block;font-size:0.9rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-3);font-weight:700;margin-bottom:14px}
.credentials{display:flex;gap:10px;flex-wrap:wrap}
.credential-chip{font-size:1rem;font-weight:600;color:var(--white);background:rgba(78,205,196,0.14);border:1px solid rgba(78,205,196,0.28);border-radius:100px;padding:7px 16px}
.logo-chip{font-size:0.9rem;font-weight:600;color:var(--ink-2);background:var(--glass);border:1px solid var(--hairline);border-radius:8px;padding:10px 16px}
.cred-note{font-size:0.9rem;color:var(--ink-3);font-style:italic;margin-top:4px}
.logo-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.logo-placeholder{
  width:150px;height:64px;border-radius:10px;
  border:1.5px dashed var(--hairline-strong);background:var(--glass);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  transition:all 0.25s ease;
}
.logo-placeholder:hover{background:var(--glass-hover);border-color:rgba(78,205,196,0.35)}
.logo-placeholder-mark{font-size:1rem;font-weight:700;color:var(--ink-1);letter-spacing:0.3px}
.logo-placeholder-sub{font-size:9.5px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;color:var(--ink-3)}
/* ── 9. OUTCOMES CHIP CARDS ────────────────────────────────────────── */
/* ─── OUTCOMES ─── */
.outcomes-wrap{padding:88px 56px;max-width:1280px;margin:0 auto}
.outcomes{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.chip-card{background:var(--glass);border:1px solid var(--hairline);border-radius:20px;padding:28px 24px;transition:all 0.3s ease}
.chip-card:hover{background:var(--glass-hover);border-color:rgba(78,205,196,0.3);transform:translateY(-3px)}
.chip-dot{width:38px;height:38px;border-radius:50%;background:rgba(78,205,196,0.14);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.chip-dot svg{width:17px;height:17px}
.chip-card h3{font-family:'Playfair Display',serif;font-size:1.135rem;font-weight:600;color:var(--white);margin-bottom:8px;line-height:1.3}
.chip-card p{font-size:1rem;color:var(--ink-2);line-height:1.55}
/* ── 10. SECTION WRAPPER & HEADINGS ───────────────────────────────── */
/* ─── SECTION WRAPPER ─── */
.section{padding:96px 56px;max-width:1280px;margin:0 auto}
.section-alt{background:var(--navy-panel)}
.section-label{font-size:1.13rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--teal-light);margin-bottom:12px;text-align:center}
.section-title{font-family:'Playfair Display',serif;font-size:clamp(30px,3.2vw,2.626rem);line-height:1.3;letter-spacing:0.3px;color:var(--white);text-align:center;margin:0 auto 8px;max-width:640px}
.section-intro{font-size:1.13rem;color:var(--ink-2);max-width:600px;line-height:1.75;margin:30px auto 30px;text-align:center}
.section-head{margin-bottom:48px}
.category-line{text-align:center;font-size:1.13rem;color:var(--teal-light);margin-top:16px}
.category-line strong{font-weight:700;color:var(--white)}
/* ── 11. METHODOLOGY TIMELINE (compact, homepage) ─────────────────── */
/* ─── METHODOLOGY TIMELINE ─── */
.timeline{display:flex;align-items:flex-start;justify-content:center;gap:6px;margin-top:44px;flex-wrap:wrap}
.timeline-step{display:flex;flex-direction:column;align-items:center;gap:10px;width:154px;text-align:center}
.timeline-step .node{
  width:42px;height:42px;border-radius:50%;background:var(--teal);color:white;
  display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-weight:700;font-size:1.13rem;
}
.timeline-step .name{font-size:1.13rem;font-weight:700;color:var(--white)}
.timeline-step p{font-size:1rem;color:var(--ink-2);line-height:1.4}
.timeline-arrow{color:var(--teal-light);font-size:18px;font-weight:700;align-self:center;margin-top:13px}
.approach-closing{text-align:center;max-width:58ch;margin:50px auto 0;font-size:1.378rem;color:var(--ink-2);line-height:1.65}
/* ── 11b. METHODOLOGY: STACKED PATHWAY ─────────────────────────────── */
.method-name{
  text-align: center;
    color: var(--teal-light);
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 35px;
    line-height: 1.4;
    max-width: 720px;
    margin: 20px auto 20px;
}
.stages{max-width:900px;margin:56px auto 0;text-align:left;position:relative}
.stages::before{
  content:'';position:absolute;left:15px;top:0;bottom:0;width:1px;
  background:linear-gradient(180deg, rgba(78,205,196,0.5) 0%, rgba(78,205,196,0.5) 92%, rgba(78,205,196,0) 100%);
}
.stage{
  display:grid;grid-template-columns:32px 56px 1fr;column-gap:24px;
  padding:34px 0;border-top:1px solid var(--hairline);
  position:relative;
}
.stage:last-child{padding-bottom:8px}
.msp-stage-node{
  width:32px;height:32px;border-radius:50%;
  border:1px solid rgba(78,205,196,0.5);
  background:var(--navy-dark);
  display:flex;align-items:center;justify-content:center;
  position:relative;z-index:1;
  transition:border-color 0.3s ease,background 0.3s ease;
}
.msp-stage-node svg{width:15px;height:15px}
.stage:hover .msp-stage-node{border-color:var(--teal-light);background:rgba(78,205,196,0.10)}
.stage-num{font-family:'Playfair Display',serif;font-style:italic;font-size:18px;color:var(--ink-3);padding-top:6px}
.stage-name{font-family:'Playfair Display',serif;font-weight:700;font-size:48px;color:var(--white);line-height:1.05;margin-bottom:25px;transition:color 0.3s ease}
.stage:hover .stage-name{color:var(--teal-light)}
.stage-desc{font-size:1.13rem;color:var(--ink-2);max-width:540px;line-height:1.65}
/* ── 11c. WHY DIFFERENT: FOUR PRINCIPLES ───────────────────────────── */
.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:88px}
.principle{
  padding:0 30px;border-left:1px solid var(--hairline);
  opacity:1;transform:none;
}
.principle.pre-reveal{opacity:0;transform:translateY(22px);transition:opacity 0.7s ease,transform 0.7s ease}
.principle.pre-reveal.visible{opacity:1;transform:translateY(0)}
.principle:first-child{border-left:none;padding-left:0}
.principle-illo{height:76px;margin-bottom:44px;display:flex;align-items:flex-end}
.principle-illo svg{width:100%;height:100%}
.principle h3{font-family:'Playfair Display',serif;font-weight:700;font-size:2rem;color:var(--white);margin-bottom:26px;line-height:1.2}
.principle p{font-size:1.13rem;color:var(--ink-2);line-height:1.7}
.closing-cta{text-align:center;margin-top:88px}
.closing-cta p{font-size:1.378rem;color:var(--white);line-height:1.7;font-family:"Plus Jakarta Sans",serif;margin-bottom:18px}
.closing-cta a{display:inline-flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:var(--teal-light);text-decoration:none;border-bottom:1px solid rgba(78,205,196,0.35);padding-bottom:3px;transition:border-color 0.25s ease,gap 0.25s ease}
.closing-cta a:hover{border-color:var(--teal-light);gap:12px}
/* ── 12. WORK CARDS / WHY CARDS ───────────────────────────────────── */
/* ─── WORK CARDS ─── */
.work-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:12px}
.work-card{background:var(--navy-panel-2);border:1px solid var(--hairline);border-radius:18px;padding:28px 24px;transition:all 0.3s ease}
.work-card:nth-child(even){background:var(--navy-panel)}
.work-card:hover{border-color:rgba(78,205,196,0.35);transform:translateY(-3px)}
.work-idx{display:block;font-family:'Playfair Display',serif;font-weight:700;font-size:1rem;color:var(--teal-light);margin-bottom:14px}
.work-card h3{font-family:'Playfair Display',serif;font-weight:600;font-size:1.19rem;margin-bottom:16px;color:var(--white);line-height:1.3}
.work-label{display:block;font-size:0.9rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--teal-light);font-weight:700;margin:14px 0 6px}
.work-card .work-label:first-of-type{margin-top:0}
.work-objective{font-size:1rem;color:var(--white);font-weight:500}
.work-activities{padding-left:16px;font-size:1rem;color:var(--ink-2);line-height:1.65}
.work-activities li{margin-bottom:2px}
.work-deliverable{font-size:1rem;color:var(--white);font-weight:600}
/* ─── WHY CARDS ─── */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:12px}
.why-card{background:var(--glass);border:1px solid var(--hairline);border-radius:18px;padding:28px 24px;transition:all 0.3s ease}
.why-card:hover{background:var(--glass-hover);border-color:rgba(232,54,93,0.28)}
.why-card h3{font-family:'Playfair Display',serif;font-weight:700;font-size:1.19rem;margin-bottom:10px;color:var(--white)}
.why-card p{font-size:1rem;color:var(--ink-2);line-height:1.6}
/* ── 13. PLATFORM BAND / EVIDENCE CARD / SOLUTIONS CHIPS ──────────── */
/* ─── PLATFORM (deep teal-navy) ─── */
.platform{background:var(--teal-dark);padding:96px 40px 80px;overflow:hidden}
.platform-inner{max-width:1180px;margin:0 auto}
.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}
.platform-chip{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.16);border-radius:14px;padding:18px 16px;text-align:center;font-size:1rem;font-weight:600;color:white}
.platform-note{text-align:center;max-width:56ch;margin:30px auto 0;font-size:1rem;color:rgba(255,255,255,0.72);line-height:1.65}
/* ─── EVIDENCE ─── */
#evidence{background:var(--navy-panel-2)}
.evidence-card{max-width:880px;margin:12px auto 0;background:var(--glass);border:1px solid var(--hairline);border-radius:22px;padding:40px 44px}
.evidence-tag{display:inline-block;font-size:0.9rem;letter-spacing:0.06em;text-transform:uppercase;font-weight:700;color:var(--navy-dark);background:var(--teal-light);border-radius:100px;padding:6px 14px;margin-bottom:16px}
.evidence-card h3{font-family:'Playfair Display',serif;font-weight:600;font-size:1.378rem;margin-bottom:32px;color:var(--white)}
.evidence-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.stat{display:flex;flex-direction:column;gap:6px}
.stat-num{font-family:'Playfair Display',serif;font-weight:700;font-size:26px;color:var(--gold)}
.stat-label{font-size:0.9rem;color:var(--ink-2);line-height:1.4}
.evidence-note{text-align:center;margin:28px auto 0;font-size:1rem;color:var(--ink-3);line-height:1.65;font-style:italic}
/* ─── SOLUTIONS ─── */
.solutions-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:12px}
.solution-chip{background:var(--glass);border:1px solid var(--hairline);border-radius:100px;padding:12px 24px;font-size:1.13rem;font-weight:600;color:var(--white)}
/* ── 13b. PLATFORM ECOSYSTEM DIAGRAM / REGULATORY ASSURANCE BAND /
       EVIDENCE HERO+SECONDARY / SOLUTIONS PATHWAY AREAS ──────────── */
/* ─── ONE INTELLIGENT PLATFORM (ecosystem section) ─── */
.intro{text-align:center;max-width:640px;margin:0 auto 24px}
.eyebrow{font-size:1.13rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,0.65);margin-bottom:20px}
h2{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(30px,3.6vw,2.626rem);line-height:1.4;color:#fff;margin-bottom:20px}
.intro-copy{font-size:1.13rem;color:rgba(255,255,255,0.85);line-height:1.75}
.eco-stage{position:relative;max-width:1040px;margin:56px auto 0;height:560px}
.eco-node{position:absolute}
.n-laptop{left:50%;top:38%;width:400px;z-index:5}
.n-phone-l{left:2%;top:6%;width:130px;z-index:3}
.n-phone-r{right:0%;top:2%;width:130px;z-index:3}
.n-tablet-ai{left:0%;bottom:0%;width:210px;z-index:4}
.n-tablet-analytics{right:2%;bottom:2%;width:220px;z-index:4}
.n-tablet-ref{left:22%;bottom:-14%;width:190px;z-index:2}
.ribbons{position:absolute;inset:0;pointer-events:none;z-index:1}
.ribbons path.rib{fill:none;stroke:var(--teal-light);stroke-width:1.5;stroke-linecap:round;opacity:0.18}
.ribbons path.rib-pulse{fill:none;stroke:var(--teal-light);stroke-width:2.4;stroke-linecap:round;opacity:0.95}
.signals{display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:1040px;margin:160px auto 0}
.signal{text-align:center;padding:0 18px;border-left:1px solid rgba(255,255,255,0.14)}
.signal:first-child{border-left:none}
.signal-label{font-family:"Plus Jakarta Sans",serif;font-weight:700;font-size:1.13rem;color:#fff;line-height:1.75;margin:0 auto}
.explore{text-align:center;margin-top:52px}
.explore a{display:inline-flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(232,164,74,0.4);padding-bottom:3px;transition:border-color 0.25s ease,gap 0.25s ease}
.explore a:hover{border-color:var(--gold);gap:12px}
.laptop-screen{background:#F7FAFA;border-radius:8px 8px 0 0;border:6px solid #2A3540;border-bottom:none;overflow:hidden;aspect-ratio:16/10.5}
.laptop-base{height:10px;background:#2A3540;border-radius:0 0 6px 6px}
.app-shell{display:grid;grid-template-columns:34px 1fr;height:100%}
.app-side{background:#fff;border-right:1px solid #E4E9EB;display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:12px}
.app-side svg{width:13px;height:13px;color:#8A97A0}
.app-side svg.active{color:var(--teal)}
.app-main{padding:11px 13px}
.app-title{font-family:'Playfair Display',serif;font-weight:700;font-size:0.9rem;color:var(--navy-dark);margin-bottom:8px}
.mini-card{background:#fff;border:1px solid #E4E9EB;border-radius:7px;padding:7px 9px;margin-bottom:7px}
.mini-label{font-size:6.5px;font-weight:700;letter-spacing:0.4px;text-transform:uppercase;color:#8A97A0;margin-bottom:5px}
.stage-row{display:flex;gap:2px}
.stg{flex:1;height:4px;border-radius:2px;background:#E4E9EB}
.stg.done{background:var(--teal-light)}.stg.now{background:var(--teal)}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mini-grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.dash-stat-row{display:flex;gap:8px;margin-bottom:7px}
.dash-stat{flex:1;background:#fff;border:1px solid #E4E9EB;border-radius:6px;padding:5px 7px}
.dash-stat-num{font-family:'Playfair Display',serif;font-weight:700;font-size:1rem;color:var(--navy-dark);line-height:1.1}
.dash-stat-lbl{font-size:5.5px;color:#8A97A0;text-transform:uppercase;letter-spacing:0.3px;margin-top:1px}
.alert-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--coral);margin-right:3px}
.mini-list-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font-size:7px}
.mini-list-row .bar{width:44px;height:3px;background:#E4E9EB;border-radius:2px}
.tagx{font-size:6px;font-weight:700;padding:1px 5px;border-radius:100px}
.tagx.review{background:rgba(232,164,74,0.16);color:var(--gold)}
.tagx.ontrack{background:rgba(78,205,196,0.16);color:var(--teal)}
.mini-bars{display:flex;align-items:flex-end;gap:2px;height:20px;margin-top:3px}
.mini-bars div{flex:1;background:var(--teal-light);border-radius:1px 1px 0 0}
.phone{background:#1C2530;border-radius:20px;padding:6px;box-shadow:0 16px 32px rgba(0,0,0,0.25)}
.eco-phone-screen{background:#F7FAFA;border-radius:14px;overflow:hidden;aspect-ratio:9/18.5;padding:12px 9px}
.pbrand{display:flex;align-items:center;gap:5px;margin-bottom:9px}
.pbrand span{font-size:7.5px;font-weight:700;color:var(--navy-dark);font-family:'Playfair Display',serif}
.ptitle{font-family:'Playfair Display',serif;font-weight:700;font-size:0.9rem;color:var(--navy-dark);line-height:1.25;margin-bottom:9px}
.pcard{background:#fff;border-radius:9px;padding:8px;margin-bottom:7px;border:1px solid #E4E9EB}
.pcard.teal{background:var(--teal)}
.pcard-title{font-size:7.5px;font-weight:700;color:var(--navy-dark)}
.pcard.teal .pcard-title{color:#fff}
.pcard p{font-size:6.5px;color:#5A6B78;margin-top:2px}
.pcard.teal p{color:rgba(255,255,255,0.9)}
.tablet{background:#1C2530;border-radius:12px;padding:7px;box-shadow:0 16px 32px rgba(0,0,0,0.2)}
.tablet-screen{background:#fff;border-radius:6px;padding:11px;aspect-ratio:4/3.1}
.flag-panel{background:rgba(232,164,74,0.09);border:1px solid rgba(232,164,74,0.25);border-radius:7px;padding:7px 8px;margin-bottom:7px}
.ai-summary-line{height:5px;border-radius:3px;background:#E4E9EB;margin-bottom:6px;width:100%}
.ai-review-row{display:flex;align-items:center;font-size:6.5px;color:#5A6B78;font-weight:600;margin-top:2px}
.ai-review-dot{width:5px;height:5px;border-radius:50%;background:var(--teal);margin-right:5px;flex-shrink:0}
.flag-title{font-size:6px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:0.4px;margin-bottom:3px}
.flag-panel p{font-size:6.5px;color:#3A4750;line-height:1.35}
.eco-stat-row{display:flex;gap:5px;margin-bottom:9px}
.eco-stat-box{flex:1;background:#F7FAFA;border-radius:6px;padding:5px 6px}
.eco-stat-num{font-family:'Playfair Display',serif;font-weight:700;font-size:0.9rem;color:var(--navy-dark)}
.eco-stat-lbl{font-size:5px;color:#8A97A0;margin-top:1px;line-height:1.2}
.eco-mini-label{font-size:6px;font-weight:700;letter-spacing:0.3px;text-transform:uppercase;color:#8A97A0;margin-bottom:3px}
.eco-mini-bars{display:flex;align-items:flex-end;gap:3px;height:22px}
.eco-mini-bars div{flex:1;background:var(--teal-light);border-radius:1px 1px 0 0}
.line-chart svg{width:100%;height:24px}
.chipx{display:inline-block;background:rgba(26,158,143,0.08);color:var(--teal);border:1px solid rgba(26,158,143,0.2);border-radius:100px;padding:3px 7px;font-size:6px;margin:0 3px 3px 0}
.formfield{margin-bottom:6px}
.formlabel{font-size:6px;font-weight:600;color:var(--navy-dark);margin-bottom:2px}
.forminput{height:10px;background:#F7FAFA;border:1px solid #E4E9EB;border-radius:4px}
.btnmini{background:var(--navy-dark);color:#fff;font-size:6px;font-weight:700;border-radius:100px;padding:4px 9px;display:inline-block;margin-top:4px}
.eco-consent-row{display:flex;align-items:center;font-size:6px;color:#5A6B78;font-weight:600;margin:6px 0}
.eco-consent-dot{width:5px;height:5px;border-radius:50%;background:var(--teal);margin-right:5px;flex-shrink:0}
.progbar{height:3px;background:#E4E9EB;border-radius:2px;margin-bottom:9px;overflow:hidden}
.progbar div{width:40%;height:100%;background:var(--teal)}
/* ─── REGULATORY ASSURANCE BAND ─── */
.assurance-band{background:var(--navy-dark);padding:64px 56px;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.assurance-inner{max-width:760px;margin:0 auto;text-align:center}
.assurance-eyebrow{font-size:1.13rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--teal-light);margin-bottom:16px}
.assurance-heading{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(30px,3.6vw,2.626rem);line-height:1.4;color:var(--white);margin-bottom:16px}
.assurance-copy{font-size:1.13rem;color:var(--ink-2);line-height:1.75;max-width:600px;margin:0 auto 32px;word-spacing:3px}
.assurance-credentials{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0;margin-bottom:26px}
.assurance-credential{padding:0 24px;font-size:1rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:var(--white)}
.assurance-credential + .assurance-credential{border-left:1px solid var(--hairline)}
.assurance-ukca{display:flex;align-items:center;justify-content:center}
.assurance-ukca-img{
  height:50px;width:auto;display:block;

}
.assurance-capabilities{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0}
.assurance-capability{padding:0 20px;font-size:1rem;color:var(--ink-2);font-weight:500}
.assurance-capability + .assurance-capability{border-left:1px solid var(--hairline)}
/* ─── EVIDENCE: hero stat + supporting stats + secondary strip ─── */
.evidence-secondary{
  margin:32px -44px -40px;
  padding:26px 44px 28px;
  background:rgba(255,255,255,0.035);
  border-top:1px solid var(--teal-light);
  border-radius:0 0 22px 22px;
}
.evidence-secondary-label{font-size:1rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--teal-light);margin-bottom:12px}
.evidence-secondary-row{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.evidence-secondary-num{font-family:'Playfair Display',serif;font-weight:700;font-size:32px;color:var(--teal-light);line-height:1}
.evidence-secondary-text{font-size:1rem;color:var(--white)}
.evidence-secondary-caption{font-size:0.9rem;color:var(--ink-3);font-style:italic;margin-top:10px}
.evidence-hero-row{display:grid;grid-template-columns:0.85fr 1.15fr;gap:48px;align-items:center}
.evidence-hero{display:flex;flex-direction:column;gap:10px}
.evidence-hero-num{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(48px,6vw,68px);line-height:1;color:var(--gold)}
.evidence-hero-label{font-size:1rem;color:var(--white);line-height:1.5;max-width:230px}
.evidence-supporting{display:flex;flex-direction:column;border-left:1px solid var(--hairline);padding-left:40px}
.evidence-sup-row{display:flex;align-items:baseline;gap:16px;padding:16px 0;border-top:1px solid var(--hairline)}
.evidence-sup-row:first-child{border-top:none;padding-top:0}
.evidence-sup-num{font-family:'Playfair Display',serif;font-weight:700;font-size:1.5rem;color:var(--gold);flex-shrink:0;min-width:74px}
.evidence-sup-label{font-size:1rem;color:var(--ink-2);line-height:1.45}
/* ─── SOLUTIONS: pathway areas ─── */
.pathway-connector{max-width:640px;margin:32px auto 0;border-top:1px dashed rgba(78,205,196,0.35)}
.pathway-areas{display:flex;flex-direction:column;align-items:center;gap:32px;max-width:1100px;margin:44px auto 0}
.pathway-row{display:flex;justify-content:center;align-items:flex-start;gap:0}
.pathway-area{padding:0 30px;text-align:center}
.pathway-area + .pathway-area{border-left:1px solid var(--hairline)}
.pathway-name{font-family:'Playfair Display',serif;font-weight:700;font-size:1.19rem;color:var(--white);line-height:1.3}
.pathway-area-primary .pathway-name{font-size:1.8rem}
.pathway-sub{font-family:'Playfair Display',serif;font-style:italic;font-size:1.13rem;color:var(--teal-light);margin-top:8px}
@media(max-width:900px){
  .platform{padding:64px 20px}
  .eco-stage{height:auto;display:flex;flex-direction:column;align-items:center;gap:24px}
  .eco-node{position:static !important;transform:none !important;width:220px !important;margin:0 auto;opacity:1 !important}
  .ribbons{display:none}
  .signals{grid-template-columns:1fr 1fr;gap:28px;margin-top:48px}
  .signal{border-left:none;padding:0}
  .signal:nth-child(odd){border-right:1px solid rgba(255,255,255,0.14)}
  .assurance-band{padding:48px 24px}
  .assurance-credentials{flex-direction:column;gap:16px}
  .assurance-credential{padding:0}
  .assurance-credential + .assurance-credential{border-left:none}
  .assurance-capabilities{flex-direction:column;gap:12px}
  .assurance-capability{padding:0}
  .assurance-capability + .assurance-capability{border-left:none}
  .principles{grid-template-columns:1fr 1fr;row-gap:56px;column-gap:0}
  .principle:nth-child(odd){border-left:none;padding-left:0}
  .pathway-row{flex-direction:column;align-items:stretch;gap:24px}
  .pathway-area{padding:0}
  .pathway-area + .pathway-area{border-left:none}
  .evidence-hero-row{grid-template-columns:1fr;gap:28px}
  .evidence-supporting{border-left:none;padding-left:0;border-top:1px solid var(--hairline);padding-top:24px}
}
@media(max-width:560px){
  .evidence-secondary{margin:24px -22px -28px;padding:20px 22px 22px}
  .evidence-hero-num{font-size:44px}
  .evidence-sup-row{gap:12px}
  .method-name{font-size:21px}
  .stage{grid-template-columns:26px 1fr;column-gap:14px;padding:26px 0}
  .stage-num{display:none}
  .stage-name{font-size:3rem}
  .stages::before{left:12px}
  .msp-stage-node{width:26px;height:26px}
  .msp-stage-node svg{width:12px;height:12px}
  .principles{grid-template-columns:1fr;row-gap:48px}
  .principle{border-left:none;padding:0}
}
/* ── 14. MARQUEE / CTA BAND ───────────────────────────────────────── */
/* ─── CTA BAND ─── */
.marquee-section{background:var(--navy-panel-2);padding:44px 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);overflow:hidden}
.marquee-label{text-align:center;font-size:1.13rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--teal-light);margin-bottom:22px}
.marquee-track{display:flex;width:max-content;animation:marqueeScroll 26s linear infinite}
.marquee-group{display:flex;gap:14px;padding-right:14px;flex-shrink:0}
@keyframes marqueeScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.cta-band{background:var(--navy-deep);padding:88px 56px;text-align:center;border-top:1px solid var(--hairline)}
.cta-band h2{    font-family: 'Playfair Display', serif;
    font-size: clamp(30px, 3.2vw, 2.626rem);
    line-height: 1.3;
    letter-spacing: 0.3px;
    color: var(--white);
    text-align: center;margin-bottom:14px}
.cta-band p{color:var(--ink-2);font-size:1.13rem;margin-bottom:32px}
.cta-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
/* ── 15. FOOTER (simple) ──────────────────────────────────────────── */
/* ─── FOOTER ─── */
footer.site{padding:40px 56px;text-align:center;color:var(--ink-3);font-size:1rem;border-top:1px solid var(--hairline);background:var(--navy-deep)}
@media(max-width:900px){
  nav{padding:0 20px}
  .nav-links{display:none}
  .nav-ctas .btn-ghost{display:none}
  .nav-burger{display:flex}
  .hero{padding:125px 20px 48px}
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .hero-text{max-width:100%}
  .hero-bleed{margin:64px -20px 0;width:calc(100% + 40px)}
  .credibility,.section,.platform,.cta-band{padding-left:20px;padding-right:20px}
  .stat-stripe{padding:32px 20px}
  .stat-stripe-inner{grid-template-columns:1fr;gap:20px}
  .stat-block{border-left:none;padding-left:0;border-top:1px solid var(--hairline);padding-top:16px}
  .stat-block:first-child{border-top:none;padding-top:0}
  .outcomes-wrap{padding:56px 20px}
  .outcomes{grid-template-columns:1fr 1fr}
  .work-cards{grid-template-columns:1fr 1fr}
  .why-grid{grid-template-columns:1fr 1fr}
  .platform-grid{grid-template-columns:1fr 1fr}
  .evidence-stats{grid-template-columns:1fr 1fr}
  .timeline{flex-direction:column;align-items:center}
  .timeline-arrow{transform:rotate(90deg);margin:2px 0}
}
@media(max-width:560px){
  .hero{padding:125px 18px 40px}
  h1.hero-title{font-size:clamp(28px,8.5vw,38px);line-height:1.28;letter-spacing:-0.5px;margin-bottom:20px}
  .hero-eyebrow{font-size:1rem;letter-spacing:1.8px;margin-bottom:18px}
  .hero-sub{font-size:1.19rem;margin-bottom:30px}
  .hero-ctas{flex-direction:column;align-items:stretch;gap:12px}
  .btn-hero-primary,.btn-hero-ghost{width:100%;text-align:center;padding:14px 20px;font-size:1rem}
  .hero-tagline-badge{margin-top:24px;font-size:0.9rem;flex-wrap:wrap;justify-content:center}
  .outcomes{grid-template-columns:1fr}
  .work-cards{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr}
  .platform-grid{grid-template-columns:1fr}
  .evidence-stats{grid-template-columns:1fr 1fr}
  .evidence-card{padding:28px 22px}
}
.nav-dropdown-menu a.nav-dd-active{color:var(--teal-light);font-weight:700}
.btn-coral{font-size:1rem;font-weight:700;color:white;padding:10px 22px;background:var(--coral);border-radius:100px;text-decoration:none;transition:all 0.2s;display:inline-flex;align-items:center;gap:8px}
.btn-dot-nav{display:inline-block;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.85)}
/* ── 16. SUBPAGE SHARED STYLES ────────────────────────────────────── */
/* ─── SUBPAGE SHARED STYLES ─── */
.page-hero{padding:150px 56px 64px;max-width:1080px;margin:0 auto;position:relative}
.page-hero-label{font-size:0.9rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--teal-light);margin-bottom:16px}
.page-hero h1{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(30px,3.8vw,46px);line-height:1.18;color:var(--white);margin-bottom:20px;max-width:20ch}
.page-hero p{font-size:1.135rem;font-weight:300;color:var(--ink-2);line-height:1.78;max-width:660px}
.source-note{display:block;font-size:0.9rem;color:var(--ink-3);font-style:italic;margin-top:10px;max-width:640px}
.content-block{max-width:820px;margin:0 auto 20px}
.content-block h2{font-family:'Playfair Display',serif;font-weight:600;font-size:26px;color:var(--white);margin-bottom:16px}
.content-block p{font-size:1.13rem;color:var(--ink-2);line-height:1.8;margin-bottom:18px}
.content-block blockquote{border-left:3px solid var(--teal-light);padding-left:20px;margin:24px 0;font-style:italic;color:var(--ink-1);font-size:1.13rem;line-height:1.7}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1080px;margin:0 auto}
.two-col p{font-size:1.13rem;color:var(--ink-2);line-height:1.8}
.case-card{background:var(--glass);border:1px solid var(--hairline);border-radius:20px;padding:36px;margin-bottom:24px;max-width:900px;margin-left:auto;margin-right:auto}
.case-card h3{font-family:'Playfair Display',serif;font-size:21px;color:var(--white);margin-bottom:4px}
.case-card .case-meta{font-size:0.9rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--teal-light);margin-bottom:16px}
.case-card p{font-size:1.13rem;color:var(--ink-2);line-height:1.75;margin-bottom:12px}
.case-card h4{font-size:1rem;font-weight:700;letter-spacing:0.8px;text-transform:uppercase;color:var(--gold);margin:18px 0 8px}
.case-quote{font-family:'Playfair Display',serif;font-style:italic;font-size:17px;color:var(--white);line-height:1.6;margin:14px 0;padding-left:18px;border-left:3px solid var(--gold)}
.case-quote-attr{font-size:1rem;color:var(--ink-2);margin-top:6px;font-style:normal}
.timeline-list{max-width:720px;margin:0 auto;list-style:none}
.timeline-list li{position:relative;padding:0 0 26px 32px;border-left:2px solid var(--hairline)}
.timeline-list li:last-child{border-left:2px solid transparent;padding-bottom:0}
.timeline-list li::before{content:'';position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--teal-light)}
.timeline-list .tl-year{font-family:'Playfair Display',serif;font-weight:700;color:var(--gold);font-size:1.13rem;display:block;margin-bottom:4px}
.timeline-list p{font-size:1.13rem;color:var(--ink-2);line-height:1.7}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1180px;margin:0 auto}
.testimonial-card{background:var(--glass);border:1px solid var(--hairline);border-radius:18px;padding:26px 24px}
.testimonial-card p{font-size:1rem;color:var(--ink-2);line-height:1.65;font-style:italic;margin-bottom:14px}
.testimonial-card .t-attr{font-size:1rem;font-weight:700;color:var(--white);not-italic}
.testimonial-card .t-role{font-size:0.9rem;color:var(--ink-3)}
.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1180px;margin:0 auto}
.security-card{background:var(--glass);border:1px solid var(--hairline);border-radius:18px;padding:28px 24px}
.security-card h3{font-family:'Playfair Display',serif;font-size:1.135rem;color:var(--white);margin-bottom:10px}
.security-card p{font-size:1rem;color:var(--ink-2);line-height:1.65}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1080px;margin:0 auto}
.pricing-card{background:var(--glass);border:1px solid var(--hairline);border-radius:20px;padding:32px 26px;text-align:center}
.pricing-card.featured{border-color:rgba(78,205,196,0.4);background:var(--glass-hover)}
.pricing-card h3{font-family:'Playfair Display',serif;font-size:18px;color:var(--white);margin-bottom:8px}
.pricing-card .price{font-family:'Playfair Display',serif;font-size:30px;font-weight:700;color:var(--gold);margin:10px 0}
.pricing-card .price-note{font-size:0.9rem;color:var(--ink-3);margin-bottom:16px}
.pricing-card ul{list-style:none;text-align:left;margin-top:16px}
.pricing-card ul li{font-size:1rem;color:var(--ink-2);padding:5px 0 5px 20px;position:relative;line-height:1.5}
.pricing-card ul li::before{content:'→';position:absolute;left:0;color:var(--teal-light)}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1080px;margin:0 auto 48px}
.contact-card{background:var(--glass);border:1px solid var(--hairline);border-radius:18px;padding:26px;text-align:center}
.contact-card h3{font-family:'Playfair Display',serif;font-size:1.19rem;color:var(--white);margin-bottom:8px}
.contact-card p{font-size:1rem;color:var(--ink-2);line-height:1.6}
.contact-card a{color:var(--teal-light);text-decoration:none;font-weight:600}
.address-block{max-width:640px;margin:0 auto;text-align:center}
.address-block p{font-size:1.13rem;color:var(--ink-2);line-height:1.8;margin-bottom:10px}
.module-card{background:var(--glass);border:1px solid var(--hairline);border-radius:18px;padding:28px 26px;margin-bottom:16px;max-width:900px;margin-left:auto;margin-right:auto;display:flex;gap:20px;align-items:flex-start}
.module-tag{flex-shrink:0;width:56px;height:56px;border-radius:14px;background:rgba(78,205,196,0.14);display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-weight:700;color:var(--teal-light);font-size:1rem}
.module-card h3{font-family:'Playfair Display',serif;font-size:17px;color:var(--white);margin-bottom:6px}
.module-card p{font-size:1rem;color:var(--ink-2);line-height:1.7}
.stub-hero{padding:150px 56px 100px;text-align:center;max-width:720px;margin:0 auto}
.stub-hero h1{font-family:'Playfair Display',serif;font-size:32px;color:var(--white);margin-bottom:16px}
.stub-hero p{font-size:1.19rem;color:var(--ink-2);line-height:1.7}
@media(max-width:900px){
  .page-hero{padding:120px 24px 56px}
  .two-col{grid-template-columns:1fr;gap:24px}
  .testimonial-grid{grid-template-columns:1fr}
  .security-grid{grid-template-columns:1fr}
  .pricing-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .module-card{flex-direction:column}
}
/* ── 15b. SITE FOOTER (full, multi-column) ────────────────────────── */
/* ─── SITE FOOTER (matches enrichmycare.com structure) ─── */
.site-footer{background:var(--navy-deep);border-top:1px solid var(--hairline);padding:60px 56px 0}
.footer-award{max-width:1180px;margin:0 auto 40px;padding:14px 22px;background:rgba(232,164,74,0.08);border:1px solid rgba(232,164,74,0.25);border-radius:100px;display:flex;align-items:center;gap:10px;justify-content:center;font-size:1rem;font-weight:600;color:var(--gold)}
.footer-cols{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:32px;padding-bottom:44px;border-bottom:1px solid var(--hairline)}
.footer-brand-col .nav-logo img{height:38px}
.footer-brand-col p{font-size:1rem;color:var(--ink-2);line-height:1.7;margin-top:14px;max-width:220px}
.footer-col h4{font-size:0.9rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--teal-light);margin-bottom:16px}
.footer-col ul{list-style:none}
.footer-col ul li{margin-bottom:10px}
.footer-col ul li a{font-size:0.9rem;color:var(--ink-2);text-decoration:none}
.footer-col ul li a:hover{color:var(--white)}
.footer-signin{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.footer-signin a{font-size:1rem;font-weight:700;text-align:center;padding:9px 14px;border-radius:100px;text-decoration:none;border:1.5px solid var(--hairline-strong);color:var(--white)}
.footer-signin a.parent{background:var(--coral)}
.footer-signin a.provider{background:transparent}
.footer-partners{max-width:1180px;margin:0 auto;padding:32px 0;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;border-bottom:1px solid var(--hairline)}
.partner-chip{font-size:0.9rem;font-weight:600;color:var(--ink-2);background:var(--glass);border:1px solid var(--hairline);border-radius:100px;padding:8px 18px}
.footer-bottom{max-width:1180px;margin:0 auto;padding:24px 0 32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:0.9rem;color:var(--ink-3)}
.footer-bottom .legal-links{display:flex;gap:18px;flex-wrap:wrap}
.footer-bottom .legal-links a{color:var(--ink-3);text-decoration:none}
.footer-bottom .legal-links a:hover{color:var(--white)}
@media(max-width:900px){
  .footer-cols{grid-template-columns:1fr 1fr;gap:28px}
  .site-footer{padding:44px 24px 0}
}
@media(max-width:560px){
  .footer-cols{grid-template-columns:1fr}
}
/* ── 17. APPROACH HERO / Q&A / DCF / EXCELLENCE FLOW / METHODOLOGY
       RAIL / PLATFORM INTRO ────────────────────────────────────── */
.approach-hero{padding:150px 56px 56px;max-width:900px;margin:0 auto;text-align:center}
.approach-hero .tag{display:inline-block;font-size:0.9rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--teal-light);margin-bottom:18px}
.approach-hero h1{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(30px,4vw,44px);line-height:1.2;color:var(--white);margin-bottom:20px}
.approach-hero p{font-size:1.19rem;font-weight:300;color:var(--ink-2);line-height:1.78;max-width:640px;margin:0 auto}
.q-and-a{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:900px;margin:0 auto}
.q-box{border-radius:16px;padding:28px 26px}
.q-box.old{background:var(--glass);border:1px solid var(--hairline)}
.q-box.new{background:rgba(78,205,196,0.1);border:1px solid rgba(78,205,196,0.3)}
.q-box .qlabel{font-size:0.9rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px}
.q-box.new .qlabel{color:var(--teal-light)}
.q-box p{font-family:'Playfair Display',serif;font-style:italic;font-size:1.19rem;color:var(--white);line-height:1.5}
.dcf-equation{max-width:800px;margin:24px auto 0;background:var(--glass);border:1px solid var(--hairline);border-radius:14px;padding:20px 26px;text-align:center;font-size:1.13rem;font-weight:600;color:var(--white)}
.dcf-equation span{color:var(--gold)}
.dcf-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1000px;margin:24px auto 0}
.dcf-col{border-radius:14px;padding:22px 20px}
.dcf-col.demand{background:rgba(232,54,93,0.08);border:1px solid rgba(232,54,93,0.25)}
.dcf-col.capacity{background:rgba(78,205,196,0.08);border:1px solid rgba(78,205,196,0.25)}
.dcf-col.flow{background:rgba(232,164,74,0.08);border:1px solid rgba(232,164,74,0.25)}
.dcf-col h4{font-family:'Playfair Display',serif;font-size:1.19rem;color:var(--white);margin-bottom:8px}
.dcf-col p{font-size:1rem;color:var(--ink-2);line-height:1.6}
.excellence-flow{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;max-width:1100px;margin:24px auto 0}
.ef-step{background:var(--glass);border:1px solid var(--hairline);border-radius:10px;padding:12px 14px;font-size:0.9rem;font-weight:600;color:var(--white);text-align:center;min-width:100px}
.ef-step.continuous{background:var(--navy-deep);border-color:var(--gold);color:var(--gold)}
.ef-arrow{color:var(--teal-light);font-size:1.13rem}
.methodology-rail{max-width:1000px;margin:32px auto 0}
.rail-stage{display:flex;gap:24px;padding:26px 0;border-bottom:1px solid var(--hairline)}
.rail-stage:last-child{border-bottom:none}
.rail-node{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--teal);color:white;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-weight:700;font-size:1.19rem}
.rail-stage.transform .rail-node{background:var(--coral)}
.rail-content h3{font-family:'Playfair Display',serif;font-size:18px;color:var(--white);margin-bottom:6px}
.rail-content p{font-size:1.13rem;color:var(--ink-2);line-height:1.7}
.rail-content .transform-note{margin-top:10px;font-size:1rem;color:var(--teal-light);font-weight:600}
.platform-intro{max-width:700px;margin:0 auto;text-align:center}
.platform-intro .eyebrow{font-size:0.9rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--coral);margin-bottom:10px}
.platform-grid-approach{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1080px;margin:28px auto 0}
.pg-chip{background:var(--glass);border:1px solid var(--hairline);border-radius:12px;padding:20px 16px;text-align:center}
.pg-chip h4{font-size:1rem;font-weight:700;color:var(--white)}
.ai-guardrail{max-width:800px;margin:28px auto 0;background:var(--navy-deep);border-left:3px solid var(--gold);border-radius:0 12px 12px 0;padding:22px 28px}
.ai-guardrail p{font-size:1.13rem;color:var(--ink-2);line-height:1.7;font-style:italic}
@media(max-width:900px){
  .approach-hero{padding:120px 24px 40px}
  .q-and-a{grid-template-columns:1fr}
  .dcf-cols{grid-template-columns:1fr}
  .platform-grid-approach{grid-template-columns:1fr 1fr}
  .rail-stage{gap:14px}
}
/* ── 18. "OUR APPROACH" v2 — Apple-style minimal philosophy page ──── */
/* ═══ OUR APPROACH v2 — Apple-style minimal philosophy page ═══ */
.oa-hero{padding:150px 56px 130px;max-width:760px;margin:0 auto;text-align:center}
.oa-hero.oa-hero-split{max-width:900px;text-align:center}
.oa-hero-split .oa-sub,.oa-hero-split .oa-body{margin-left:auto;margin-right:auto}
.oa-hero-image-full{max-width:900px;margin:48px auto 0;border-radius:4px;overflow:hidden}
.oa-hero-image-full img{width:100%;height:auto;display:block}
.oa-hero-image-caption{text-align:center;font-family:'Playfair Display',serif;font-style:italic;font-size:20px;color:rgba(11,45,69,0.65);margin-top:56px;max-width:680px;margin-left:auto;margin-right:auto}
.oa-hero.oa-hero-split{position:relative;z-index:0}
.oa-hero.oa-hero-split::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:calc(-50vw);background:#FFFFFF;z-index:-1}
.oa-hero.oa-hero-split h1{color:var(--navy-dark)}
.oa-hero.oa-hero-split .oa-sub{color:rgba(11,45,69,0.75)}
.oa-hero.oa-hero-split .oa-body{color:rgba(11,45,69,0.55)}
.oa-hero.oa-hero-split .oa-hero-link{color:var(--teal-dark);border-bottom-color:rgba(13,122,110,0.35)}
.oa-hero.oa-hero-split{position:relative}
.oa-hero-image{border-radius:20px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,0.4)}
.oa-hero-image img{width:100%;height:auto;display:block}
.oa-visual-wide{max-width:1180px;margin:44px auto 0}
.oa-block-wide{max-width:1220px}
.oa-ai-image{width:100%;height:auto;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,0.35)}
@media(max-width:1100px){
  .oa-hero-image-full{margin-top:32px}
  .oa-hero-split .oa-sub,.oa-hero-split .oa-body{margin-left:auto;margin-right:auto}
}
.oa-hero h1{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(2.122rem,5.4vw,4rem);color:#fff;line-height:1.22;margin-bottom:22px}
.oa-hero .oa-sub{font-size:1.5rem;color:var(--ink-1);line-height:1.75;max-width:600px;margin:0 auto 20px}
.oa-hero .oa-body{font-size:1.13rem;color:var(--ink-3);line-height:1.75;max-width:560px;margin:0 auto 32px}
.oa-hero-link{display:inline-block;font-size:1.13rem;font-weight:700;color:var(--teal-light);text-decoration:none;border-bottom:1.5px solid rgba(78,205,196,0.4);padding-bottom:2px}
.oa-block{padding:80px 56px;max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:0}
.oa-block.alt{position:relative}
.oa-block.alt::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:calc(-50vw);background:var(--navy-panel);z-index:-1}
.oa-block-light::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:calc(-50vw);background:#FAFBFA;z-index:-1}
.oa-block-white::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:calc(-50vw);background:#FFFFFF;z-index:-1}
.oa-block-tealtint::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:calc(-50vw);background:#EAF5F3;z-index:-1}
.oa-block-strongteal::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:calc(-50vw);background:#0D7A6E;z-index:-1}
.oa-block-offwhite::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:calc(-50vw);background:#F7FAF9;z-index:-1}
.oa-block-paleblue::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:calc(-50vw);background:#EEF3F5;z-index:-1}
.oa-block.oa-block-light h2,.oa-block.oa-block-white h2,.oa-block.oa-block-tealtint h2,.oa-block.oa-block-offwhite h2,.oa-block.oa-block-paleblue h2{color:#0B2D45}
.oa-block.oa-block-light .oa-para,.oa-block.oa-block-white .oa-para,.oa-block.oa-block-tealtint .oa-para,.oa-block.oa-block-offwhite .oa-para,.oa-block.oa-block-paleblue .oa-para{color:#3D5A66}
.oa-block.oa-block-light .oa-lines p,.oa-block.oa-block-white .oa-lines p,.oa-block.oa-block-tealtint .oa-lines p,.oa-block.oa-block-offwhite .oa-lines p,.oa-block.oa-block-paleblue .oa-lines p{color:#3D5A66}
.oa-block.oa-block-light .oa-lines p strong,.oa-block.oa-block-white .oa-lines p strong,.oa-block.oa-block-tealtint .oa-lines p strong,.oa-block.oa-block-offwhite .oa-lines p strong,.oa-block.oa-block-paleblue .oa-lines p strong{color:#0B2D45}
.oa-block.oa-block-light .oa-foundation,.oa-block.oa-block-white .oa-foundation,.oa-block.oa-block-tealtint .oa-foundation,.oa-block.oa-block-offwhite .oa-foundation,.oa-block.oa-block-paleblue .oa-foundation{color:#0D7A6E}
.oa-block.oa-block-white .oa-compare-col p,.oa-block.oa-block-light .oa-compare-col p,.oa-block.oa-block-tealtint .oa-compare-col p{color:#0B2D45}
.oa-block.oa-block-strongteal h2{color:#fff}
.oa-block.oa-block-strongteal .oa-para{color:rgba(255,255,255,0.92)}
.oa-block-light .oa-foundation-chip,.oa-block-white .oa-foundation-chip,.oa-block-tealtint .oa-foundation-chip,.oa-block-offwhite .oa-foundation-chip,.oa-block-paleblue .oa-foundation-chip{background:#fff;border:1px solid #DDE7E8;color:#3D5A66}
.oa-block-light .oa-path-card,.oa-block-white .oa-path-card,.oa-block-tealtint .oa-path-card,.oa-block-offwhite .oa-path-card,.oa-block-paleblue .oa-path-card{background:#fff;border:1px solid #DDE7E8}
.oa-block-light .oa-path-card .oa-path-label,.oa-block-white .oa-path-card .oa-path-label,.oa-block-tealtint .oa-path-card .oa-path-label{color:#5B6572}
.oa-sketch-row{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;max-width:900px;margin:44px auto 0}
.oa-sketch-card{background:#fff;border:1px solid #DDE7E8;border-radius:14px;padding:22px 24px;text-align:center;min-width:180px;display:flex;flex-direction:column}
.oa-sketch-name{font-size:1rem;font-weight:700;color:#0B2D45;margin-bottom:16px}
.oa-sketch-svg{width:140px;height:auto;display:block;margin:0 auto}
.sketch-line{stroke:#0D7A6E;stroke-width:2}
.sketch-dot{fill:#fff;stroke:#0D7A6E;stroke-width:2.5}
.oa-sketch-caption{font-size:0.9rem;font-style:italic;color:#5B6572;margin-top:auto;padding-top:14px}
.sketch-clinical-label{font-family:'Plus Jakarta Sans',sans-serif;font-size:7.5px;font-weight:700;fill:#8A97A0;letter-spacing:0.2px}
.sketch-travel-dot{fill:#0D7A6E}
.oa-pathway-bridge{margin:44px auto 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}
.oa-pathway-bridge span{font-size:1rem;color:#5B6572}
.oa-pathway-bridge-arrow{color:#0D7A6E;font-size:1.19rem;line-height:1}
.oa-pathway-bridge-strong{font-family:'Playfair Display',serif;font-weight:700;font-size:17px;color:#0B2D45!important}
.oa-block-light .oa-loop-node,.oa-block-white .oa-loop-node,.oa-block-tealtint .oa-loop-node,.oa-block-offwhite .oa-loop-node,.oa-block-paleblue .oa-loop-node{background:#fff;border:1px solid #DDE7E8;color:#0B2D45}
.oa-block-light .oa-loop-svg circle,.oa-block-white .oa-loop-svg circle,.oa-block-tealtint .oa-loop-svg circle,.oa-block-offwhite .oa-loop-svg circle,.oa-block-paleblue .oa-loop-svg circle{stroke:#B8C9CC}
.oa-flow-outer{display:flex;flex-direction:column;align-items:center;width:100%}
.oa-pathway-caption{font-family:'Playfair Display',serif;font-size:1.2rem;font-style:italic;color:#0B2D45;margin:0 auto 40px;max-width:520px;line-height:1.5;text-align:center}
.oa-flow-vertical{display:flex;flex-direction:column;align-items:center;gap:0}
.oa-flow-chip-row{display:flex;gap:10px}
.oa-flow-step{background:#fff;border:1px solid #DDE7E8;border-radius:10px;padding:14px 26px;font-size:1.13rem;font-weight:700;color:#0B2D45}
.oa-flow-arrow-v{color:#0D7A6E;font-size:20px;margin:6px 0}
.oa-diamond-wrap{position:relative;max-width:600px;width:100%;aspect-ratio:600/440;margin:20px auto 0}
.oa-diamond-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.diamond-line{stroke:#0D7A6E;stroke-width:2;opacity:0.5}
.diamond-travel-dot{fill:#0D7A6E}
.oa-diamond-chip{position:absolute;transform:translate(-50%,-50%);background:#fff;border:1px solid #DDE7E8;border-left:3px solid #0D7A6E;border-radius:8px;padding:10px 18px;font-size:1rem;font-weight:700;color:#0B2D45;white-space:nowrap;z-index:2;box-shadow:0 4px 12px rgba(11,45,69,0.06)}
@media(max-width:600px){
  .oa-diamond-chip{font-size:0.9rem;padding:8px 12px}
}
.oa-capacity-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:16px;align-items:stretch;max-width:1140px;margin:48px auto 0;text-align:left}
.oa-capacity-connector{display:flex;align-items:center;justify-content:center;color:#0D7A6E;font-size:22px;font-weight:700}
.oa-capacity-panel{background:#fff;border:1px solid #DDE7E8;border-radius:16px;padding:28px 26px;display:flex;flex-direction:column}
.oa-capacity-tag{display:inline-block;font-size:0.9rem;font-weight:800;letter-spacing:0.6px;text-transform:uppercase;padding:6px 14px;border-radius:100px;margin-bottom:16px;align-self:flex-start}
.oa-tag-trapped{background:#F9EBEC;color:#B3555F}
.oa-tag-released{background:#E7F5EA;color:#2F8F5B}
.oa-capacity-subtitle{font-size:1rem;font-weight:700;color:#0B2D45;margin-bottom:18px}
.oa-capacity-icons{display:flex;align-items:center;gap:6px;margin-bottom:14px;min-height:34px}
.oa-icons-trapped{flex-wrap:wrap}
.oa-capacity-person{flex-shrink:0}
.oa-capacity-person circle,.oa-capacity-person path{fill:#C98B95;stroke:#C98B95}
.oa-capacity-person.released circle,.oa-capacity-person.released path{fill:#4FAE73;stroke:#4FAE73}
.oa-icons-released{gap:10px}
.oa-icons-cluster{display:flex;align-items:flex-end;gap:4px}
.oa-capacity-flow-arrow{color:#0D7A6E;font-size:18px;font-weight:700}
.oa-capacity-caption{font-size:1rem;font-style:italic;color:#5B6572;margin-bottom:20px}
.oa-capacity-card{display:flex;align-items:flex-start;gap:14px;background:#F7FAFA;border:1px solid #DDE7E8;border-radius:14px;padding:16px 18px;margin-top:auto}
.oa-capacity-card-title{font-size:1rem;font-weight:800;color:#0B2D45;margin-bottom:4px}
.oa-capacity-card-desc{font-size:0.9rem;color:#5B6572;line-height:1.5}
.oa-capacity-center{background:#0D7A6E;border:1px solid rgba(255,255,255,0.18);border-radius:16px;align-items:center;justify-content:center;text-align:center;gap:16px;padding:30px 22px}
.oa-capacity-heart{width:46px;height:40px;fill:#fff}
.oa-capacity-center-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.19rem;color:#fff;line-height:1.4}
.oa-capacity-center-title sup{font-size:10px}
.oa-capacity-closing{text-align:center;font-size:1.19rem;color:#3D5A66;line-height:1.8;max-width:640px;margin:52px auto 0}
.oa-capacity-closing strong{color:#0B2D45;font-weight:800}
@media(max-width:900px){
  .oa-capacity-grid{grid-template-columns:1fr;max-width:520px;gap:0}
  .oa-capacity-connector{display:none}
  .oa-capacity-panel{position:relative;margin-bottom:36px}
  .oa-capacity-panel:not(:last-child)::after{content:'↓';position:absolute;left:50%;bottom:-34px;transform:translateX(-50%);color:#0D7A6E;font-size:22px;font-weight:700}
}
.oa-founder-quote{display:flex;align-items:center;gap:32px;max-width:760px;margin:40px auto 0;background:#fff;border:1px solid #DDE7E8;border-radius:16px;padding:36px 40px;text-align:left}
.oa-founder-quote img{width:135px;height:150px;border-radius:16px;object-fit:cover;flex-shrink:0;box-shadow:0 6px 18px rgba(11,45,69,0.15)}
.oa-founder-quote-text{font-family:'Playfair Display',serif;font-style:italic;font-size:22px;color:#0B2D45;line-height:1.5;margin-bottom:18px}
.oa-founder-name{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.13rem;color:#0B2D45}
.oa-founder-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:1rem;color:#5B6572;margin-top:2px}
@media(max-width:700px){
  .oa-founder-quote{flex-direction:column;text-align:center;padding:32px 26px}
  .oa-founder-quote-text{text-align:left;font-size:19px}
}
.oa-gov-flow{display:flex;flex-direction:column;align-items:center;gap:0}
.oa-gov-box{border-radius:14px;padding:20px 40px;font-size:1.13rem;font-weight:700;text-align:center}
.oa-gov-box.primary{background:#fff;color:#0D7A6E;font-size:17px;box-shadow:0 8px 24px rgba(0,0,0,0.12)}
.oa-gov-box.secondary{background:rgba(255,255,255,0.15);color:#fff;border:1px solid rgba(255,255,255,0.3);font-size:1.13rem}
.oa-gov-arrow{color:rgba(255,255,255,0.7);font-size:20px;margin:8px 0}
.oa-closing-ctas{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:8px}
.oa-closing-primary{display:inline-flex;align-items:center;gap:8px;background:var(--coral);color:#fff;font-weight:700;font-size:1.13rem;padding:15px 32px;border-radius:100px;text-decoration:none;transition:all 0.2s}
.oa-closing-primary:hover{background:#CC2A4F;transform:translateY(-1px)}
.oa-block h2{font-family:'Playfair Display',serif;font-size:clamp(24px,2.8vw,35px);color:#fff;font-weight:700;line-height:1.4;margin-bottom:28px}
.oa-block .oa-lines{max-width:560px;margin:0 auto 20px}
.oa-block .oa-lines p{font-size:1.13rem;color:var(--ink-1);line-height:2;margin:0}
.oa-block .oa-para{font-size:1.13rem;color:var(--ink-2);line-height:1.8;max-width:600px;margin:20px auto 0}
.oa-foundation{font-size:1.13rem;color:var(--teal-light);font-weight:700;margin-top:22px}
.oa-visual{margin:44px auto 0;display:flex;justify-content:center}
.oa-tech-stack{display:flex;flex-direction:column;align-items:center;gap:0}
.oa-tech-box{background:var(--teal-dark);border:1.5px solid var(--teal-light);border-radius:12px;padding:16px 40px;font-size:1.13rem;font-weight:700;color:#fff}
.oa-tech-arrow{color:var(--teal-light);font-size:20px;margin:6px 0}
.oa-foundation-row{display:flex;gap:10px}
.oa-foundation-chip{background:var(--glass);border:1px solid var(--hairline);border-radius:8px;padding:10px 18px;font-size:1rem;font-weight:700;color:var(--ink-1)}
.oa-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:720px;margin:0 auto}
.oa-compare-col{border-radius:14px;padding:26px 22px;text-align:left}
.oa-compare-col.trad{background:rgba(232,54,93,0.06);border:1px solid rgba(232,54,93,0.25)}
.oa-compare-col.ours{background:rgba(78,205,196,0.08);border:1px solid rgba(78,205,196,0.3)}
.oa-compare-label{font-size:0.9rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:12px}
.oa-compare-col.trad .oa-compare-label{color:#FF8FA3}
.oa-compare-col.ours .oa-compare-label{color:var(--teal-light)}
.oa-compare-col p{font-size:1.13rem;color:var(--ink-1);line-height:1.65;font-style:italic}
.oa-paths-row{display:flex;gap:28px;justify-content:center;flex-wrap:wrap}
.oa-path-card{background:var(--glass);border:1px solid var(--hairline);border-radius:14px;padding:20px;width:150px}
.oa-path-card svg{width:100%;height:60px}
.oa-path-card .oa-path-label{font-size:0.9rem;color:var(--ink-3);margin-top:10px;text-align:center}
.oa-clin-ai{display:flex;align-items:center;justify-content:center;gap:0}
.oa-node-circle{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:0.9rem;font-weight:700;color:#fff;flex-shrink:0}
.oa-node-circle.clin{background:var(--teal-dark);border:1.5px solid var(--teal-light)}
.oa-node-circle.ai{background:var(--glass);border:1.5px solid var(--hairline-strong);color:var(--ink-1)}
.oa-clin-connector{width:70px;height:1.5px;background:var(--hairline-strong);position:relative}
.oa-decision-label{font-size:0.9rem;color:var(--teal-light);font-weight:700;margin-top:12px}
.oa-cluster{position:relative;width:280px;height:200px;margin:0 auto}
.oa-cluster-node{position:absolute;background:var(--glass);border:1px solid var(--hairline-strong);border-radius:10px;padding:10px 16px;font-size:0.9rem;font-weight:700;color:#fff}
.oa-cluster-node.c1{top:0;left:50%;transform:translateX(-50%)}
.oa-cluster-node.c2{top:70px;left:0}
.oa-cluster-node.c3{top:70px;right:0}
.oa-cluster-node.c4{bottom:0;left:50%;transform:translateX(-50%)}
.oa-cluster-svg{position:absolute;inset:0;width:100%;height:100%}
.oa-cluster-svg line{stroke:var(--teal-light);stroke-width:1;opacity:0.4}
.oa-loop{position:relative;width:220px;height:220px;margin:0 auto}
.oa-loop-node{position:absolute;background:var(--glass);border:1px solid var(--hairline-strong);border-radius:100px;padding:10px 18px;font-size:0.9rem;font-weight:700;color:#fff}
.oa-loop-node.l1{top:0;left:50%;transform:translateX(-50%)}
.oa-loop-node.l2{bottom:30px;right:0}
.oa-loop-node.l3{bottom:30px;left:0}
.oa-loop-svg{position:absolute;inset:0;width:100%;height:100%}
.oa-loop-svg circle{fill:none;stroke:var(--teal-light);stroke-width:1;opacity:0.3;stroke-dasharray:4 4}
.oa-loop-v2{position:relative;width:320px;height:320px;margin:0 auto}
.oa-loop-svg-v2{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.oa-loop-track{fill:none;stroke:#5A7480;stroke-width:3}
.oa-loop-draw{fill:none;stroke:#0D7A6E;stroke-width:5;stroke-linecap:round;stroke-dasharray:817;stroke-dashoffset:817}
.oa-loop-node-v2{position:absolute;background:#fff;border:2px solid #0D7A6E;border-radius:100px;padding:16px 30px;font-size:1.19rem;font-weight:800;color:#0B2D45;box-shadow:0 10px 28px rgba(11,45,69,0.12);transform:translate(-50%,-50%)}
.oa-loop-node-v2.lv1{top:30px;left:160px}
.oa-loop-node-v2.lv2{top:225px;left:272.6px}
.oa-loop-node-v2.lv3{top:225px;left:47.4px}
@media(max-width:900px){
  .oa-loop-v2{width:260px;height:260px}
  .oa-loop-node-v2{padding:12px 22px;font-size:1.13rem}
  .oa-loop-node-v2.lv1{top:24px;left:130px}
  .oa-loop-node-v2.lv2{top:183px;left:222px}
  .oa-loop-node-v2.lv3{top:183px;left:38px}
}
.oa-closing{padding:130px 56px;max-width:700px;margin:0 auto;text-align:center;position:relative;z-index:0}
.oa-closing::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:calc(-50vw);background:var(--navy-deep);z-index:-1}
.oa-closing p{font-size:1.19rem;color:var(--ink-1);line-height:1.85;margin-bottom:16px}
.oa-closing p.oa-close-final{font-family:'Playfair Display',serif;font-style:italic;font-size:20px;color:#fff;margin:28px 0 32px}
.oa-closing-link{display:inline-block;font-size:1.13rem;font-weight:700;color:var(--teal-light);text-decoration:none;border-bottom:1.5px solid rgba(78,205,196,0.4);padding-bottom:2px}
@media(max-width:900px){
  .oa-hero{padding:120px 24px 50px}
  .oa-block{padding:70px 24px}
  .oa-compare{grid-template-columns:1fr}
  .oa-paths-row{gap:16px}
  .oa-closing{padding:80px 24px}
}
/* ── 19. "OUR METHODOLOGY" PAGE — premium consultancy layout ─────── */
/* ═══ OUR METHODOLOGY — premium consultancy page ═══ */
.mth-crumb{font-size:0.9rem;color:var(--ink-3);margin-bottom:20px}
.mth-crumb a{color:var(--teal-light);text-decoration:none}
.mth-hero{padding:150px 56px 90px;max-width:820px;margin:0 auto;text-align:center}
.mth-hero .mth-tag{font-size:0.9rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--teal-light);margin-bottom:20px}
.mth-hero h1{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(28px,3.6vw,44px);color:#fff;line-height:1.28;margin-bottom:22px}
.mth-hero .mth-sub{font-size:1.19rem;color:var(--ink-1);line-height:1.7;max-width:600px;margin:0 auto 28px}
.mth-hero .mth-body{font-size:1.13rem;color:var(--ink-3);line-height:1.85;max-width:640px;margin:0 auto 16px}
.mth-hero .mth-emphasis{margin-top:34px;padding-top:28px;border-top:1px solid var(--hairline)}
.mth-hero .mth-emphasis p{font-family:'Playfair Display',serif;font-style:italic;font-size:17px;color:#fff;line-height:1.6;margin-bottom:6px}
.mth-hero .mth-emphasis p.no{color:var(--ink-3);text-decoration:line-through;text-decoration-color:rgba(255,255,255,0.25)}
.mth-section{padding:100px 56px;max-width:820px;margin:0 auto}
.mth-section.alt{background:var(--navy-panel)}
.mth-section h2{font-family:'Playfair Display',serif;font-size:clamp(24px,2.8vw,32px);color:#fff;font-weight:700;line-height:1.32;margin-bottom:24px;text-align:center}
.mth-section .mth-para{font-size:1.13rem;color:var(--ink-1);line-height:1.85;max-width:640px;margin:0 auto 20px}
.mth-qlist{max-width:560px;margin:28px auto 0;list-style:none;padding:0}
.mth-qlist li{font-size:1.13rem;color:var(--ink-1);line-height:1.9;padding-left:22px;position:relative;margin-bottom:6px}
.mth-qlist li::before{content:'—';position:absolute;left:0;color:var(--teal-light)}
.mth-closing-line{text-align:center;font-size:1.13rem;color:var(--teal-light);font-weight:600;margin-top:28px}
.mth-ribbon-wrap{background:#F7FAFA;padding:60px 40px}
.mth-ribbon-wrap img{max-width:1400px;width:100%;margin:0 auto;display:block;border-radius:12px}
.mth-chapter{padding:90px 56px;max-width:1000px;margin:0 auto;border-top:1px solid var(--hairline)}
.mth-chapter:first-of-type{border-top:none}
.mth-chapter-head{display:flex;align-items:baseline;gap:18px;margin-bottom:8px;justify-content:center;flex-wrap:wrap}
.mth-stage-num{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-weight:700;font-size:1.19rem;color:#fff;flex-shrink:0}
.mth-chapter-head h3{font-family:'Playfair Display',serif;font-size:clamp(24px,2.8vw,32px);color:#fff;font-weight:700}
.mth-chapter-tagline{text-align:center;font-size:1.13rem;color:var(--teal-light);font-style:italic;margin-bottom:36px}
.mth-chapter-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:44px;align-items:start}
.mth-chapter-desc{font-size:1.13rem;color:var(--ink-1);line-height:1.85;margin-bottom:22px}
.mth-activity-list{list-style:none;padding:0;columns:2;column-gap:24px}
.mth-activity-list li{font-size:1rem;color:var(--ink-2);line-height:1.8;padding-left:16px;position:relative;break-inside:avoid}
.mth-activity-list li::before{content:'·';position:absolute;left:0;color:var(--ink-3)}
.mth-outputs-card{background:var(--glass);border:1px solid var(--hairline);border-radius:14px;padding:26px 24px}
.mth-outputs-label{font-size:0.9rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px}
.mth-outputs-list{list-style:none;padding:0}
.mth-outputs-list li{font-size:1rem;color:#fff;font-weight:600;line-height:1.6;padding-left:22px;position:relative;margin-bottom:10px}
.mth-outputs-list li::before{content:'✓';position:absolute;left:0;font-weight:700}
.mth-loop-wrap{display:flex;justify-content:center;margin:40px auto 0}
.mth-loop{position:relative;width:320px;height:320px}
.mth-loop-svg{position:absolute;inset:0;width:100%;height:100%}
.mth-loop-svg circle{fill:none;stroke:var(--hairline-strong);stroke-width:1;stroke-dasharray:3 5}
.mth-loop-svg path.arrow{fill:none;stroke:var(--teal-light);stroke-width:1.5;marker-end:url(#mtharrow)}
.mth-loop-node{position:absolute;width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:0.9rem;font-weight:700;color:#fff;padding:6px;border:1.5px solid rgba(255,255,255,0.25);box-shadow:0 4px 14px rgba(0,0,0,0.3)}
.mth-tech-list,.mth-outcome-grid{max-width:700px;margin:28px auto 0}
.mth-tech-list{columns:2;column-gap:28px;list-style:none;padding:0}
.mth-tech-list li{font-size:1rem;color:var(--ink-1);line-height:1.85;padding-left:16px;position:relative;break-inside:avoid;margin-bottom:4px}
.mth-tech-list li::before{content:'·';position:absolute;left:0;color:var(--teal-light)}
.mth-outcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
.mth-outcome-grid div{font-size:1rem;color:var(--ink-1);line-height:1.7;padding-left:18px;position:relative}
.mth-outcome-grid div::before{content:'✓';position:absolute;left:0;color:var(--teal-light);font-weight:700}
.mth-closing{padding:120px 56px;max-width:680px;margin:0 auto;text-align:center;background:var(--navy-deep)}
.mth-closing h2{font-family:'Playfair Display',serif;font-size:clamp(26px,3.2vw,38px);color:#fff;font-weight:700;margin-bottom:24px}
.mth-closing p{font-size:1.13rem;color:var(--ink-1);line-height:1.85;margin-bottom:8px}
@media(max-width:900px){
  .mth-hero{padding:120px 24px 60px}
  .mth-section{padding:64px 24px}
  .mth-ribbon-wrap{padding:40px 16px}
  .mth-chapter{padding:56px 24px}
  .mth-chapter-grid{grid-template-columns:1fr}
  .mth-activity-list{columns:1}
  .mth-tech-list{columns:1}
  .mth-outcome-grid{grid-template-columns:1fr}
  .mth-loop{width:260px;height:260px}
  .mth-closing{padding:80px 24px}
}
/* ── 20. SHARED END CTA ────────────────────────────────────────────── */
/* end-cta-ed: this page's base style was extracted from a source page that never used this class */
.eyebrow-ed{font-size:0.9rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--teal-light);display:flex;align-items:center;gap:8px; justify-content:center;}
.end-cta-ed{padding:140px 56px;text-align:center;background:var(--navy-deep);border-top:1px solid var(--hairline);position:relative;overflow:hidden}
.end-cta-ed h2{position:relative;font-family:'Playfair Display',serif;font-size:clamp(32px,4.4vw,52px);color:var(--white);font-weight:700;line-height:1.2;margin-bottom:36px;max-width:20ch;margin-left:auto;margin-right:auto}
.end-cta-ed .btn-hero-primary{position:relative;font-size:1.19rem;padding:16px 36px;display:inline-flex;align-items:center;gap:10px}
.btn-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,0.85)}
@media(max-width:900px){.end-cta-ed{padding-left:24px;padding-right:24px}}
/* ── 21. EDITORIAL SCROLLYTELLING PAGE — Autism/ADHD Pathway ──────── */
/* ═══════════════════ EDITORIAL SCROLLYTELLING PAGE ═══════════════════ */
html{scroll-behavior:smooth}
body.no-scrollbar-x{overflow-x:hidden}
/* ---------- shared editorial primitives ---------- */
.eyebrow-ed{font-size:0.9rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--teal-light)}
.big-serif{font-family:'Playfair Display',serif}
/* ═══ 1. HERO ═══ */
.ed-hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:var(--navy-dark)}
.ed-hero-photo{position:absolute;inset:0;z-index:0}
.ed-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:0.34}
.ed-hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(11,45,69,0.97) 0%,rgba(11,45,69,0.9) 40%,rgba(11,45,69,0.75) 65%,rgba(11,45,69,0.55) 100%),linear-gradient(180deg,rgba(11,45,69,0.2) 0%,transparent 15%,transparent 80%,rgba(11,45,69,0.5) 100%)}
.ed-hero::before{content:'';position:absolute;top:-30%;right:-15%;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,rgba(78,205,196,0.14) 0%,transparent 65%);pointer-events:none}
.ed-hero-grid{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:120px 56px 60px;display:grid;grid-template-columns:1.1fr 0.9fr;gap:60px;align-items:center;width:100%}
.ed-hero-eyebrow{margin-bottom:22px}
.ed-hero h1{font-size:clamp(42px,5.6vw,72px);font-weight:700;line-height:1.05;color:var(--white);letter-spacing:-1.5px;margin-bottom:26px}
.ed-hero h1 em{font-style:italic;color:var(--teal-light)}
.ed-hero p.sub{font-size:18px;font-weight:300;color:var(--ink-2);line-height:1.7;max-width:480px}
.ed-hero .scroll-cue{margin-top:52px;display:flex;align-items:center;gap:10px;font-size:0.9rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-3)}
.ed-hero .scroll-cue .arrow{animation:bounceDown 1.8s infinite}
@keyframes bounceDown{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
/* convergence diagram */
.converge-wrap{position:relative;height:460px}
.conv-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;transform:translateY(14px);transition:opacity 0.7s ease,transform 0.7s ease}
.conv-node.show{opacity:1;transform:translateY(0)}
.conv-node .dot{width:64px;height:64px;border-radius:50%;background:var(--glass);border:1.5px solid var(--hairline-strong);display:flex;align-items:center;justify-content:center;font-size:0.8rem;font-weight:700;color:var(--white);text-align:center;line-height:1.25}
.conv-node.lit .dot{background:rgba(78,205,196,0.16);border-color:var(--teal-light);box-shadow:0 0 24px rgba(78,205,196,0.25)}
.conv-node .lbl{font-size:0.9rem;color:var(--ink-3);letter-spacing:0.5px;text-transform:uppercase}
.conv-referral{top:8%;left:6%}
.conv-school{top:2%;right:10%}
.conv-parents{bottom:10%;left:0%}
.conv-clinician{bottom:4%;right:4%}
.conv-center{top:50%;left:50%;transform:translate(-50%,-50%)}
.conv-center .dot{width:96px;height:96px;background:var(--teal-dark);border-color:var(--teal-light);font-size:0.9rem;position:relative}
.conv-center.show{transform:translate(-50%,-50%) scale(1)}
.conv-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.conv-line{stroke:var(--teal-light);stroke-width:1.25;opacity:0;transition:opacity 0.9s ease}
.conv-endpoint{fill:var(--teal-light);opacity:0;transition:opacity 0.6s ease}
.conv-endpoint.show{opacity:0.9}
.conv-center.pulse .dot::after{content:'';position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--teal-light);animation:convPulseRing 1.1s ease-out 1}
@keyframes convPulseRing{0%{transform:scale(1);opacity:0.8}100%{transform:scale(1.55);opacity:0}}
.conv-line.show{opacity:0.5}
/* ═══ 2. THE PROBLEM — STICKY SCROLLYTELLING ═══ */
.problem-section{background:var(--navy-deep);padding:0 0 0;position:relative}
.problem-head{max-width:900px;margin:0 auto;text-align:center;padding:100px 56px 60px}
.problem-head h2{font-family:'Playfair Display',serif;font-size:clamp(28px,3.4vw,40px);color:var(--white);font-weight:700;line-height:1.25;margin-bottom:16px}
.problem-head p{font-size:1.19rem;color:var(--ink-2);line-height:1.75;max-width:620px;margin:0 auto}
.sticky-grid{display:grid;grid-template-columns:0.9fr 1.1fr;max-width:1280px;margin:0 auto;padding:0 56px 100px}
.sticky-visual-col{position:relative}
.sticky-visual{position:sticky;top:110px;height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center}
.stage-rail{display:flex;flex-direction:column;gap:0;width:100%;max-width:340px}
.stage-node{display:flex;align-items:center;gap:16px;padding:14px 0;position:relative}
.stage-node .snum{width:38px;height:38px;border-radius:50%;background:var(--glass);border:1.5px solid var(--hairline);display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-weight:700;color:var(--ink-3);font-size:1.13rem;flex-shrink:0;transition:all 0.4s ease}
.stage-node .sname{font-size:1.13rem;font-weight:600;color:var(--ink-3);transition:color 0.4s ease}
.stage-node.active .snum{background:rgba(78,205,196,0.16);border-color:var(--teal-light);color:var(--teal-light)}
.stage-node.active .sname{color:var(--white)}
.stage-node.passed .snum{background:rgba(255,255,255,0.06);border-color:var(--hairline-strong);color:var(--ink-2)}
.stage-node.passed .sname{color:var(--ink-2)}
.stage-connector{position:absolute;left:19px;top:52px;width:1.5px;height:calc(100% - 14px);background:var(--hairline)}
.stage-node:last-child .stage-connector{display:none}
/* ---- abstract friction indicators, one per stage ---- */
.friction-icon{position:relative;width:20px;height:20px;margin-left:auto;flex-shrink:0;opacity:0;transform:scale(0.7);transition:opacity 0.4s ease,transform 0.4s ease}
.stage-node.active .friction-icon{opacity:1;transform:scale(1)}
.friction-icon span{position:absolute;display:block}
/* gap — a ring with a missing segment */
.fi-gap span:first-child{inset:0;border:2px solid var(--teal-light);border-radius:50%;border-right-color:transparent;transform:rotate(20deg)}
/* dup — two offset overlapping squares */
.fi-dup span:first-child{width:11px;height:11px;border:1.5px solid var(--teal-light);top:1px;left:1px;opacity:0.55}
.fi-dup span:last-child{width:11px;height:11px;border:1.5px solid var(--teal-light);bottom:1px;right:1px}
/* loop — rotating partial arc */
.fi-loop span:first-child{inset:0;border:2px solid var(--teal-light);border-radius:50%;border-top-color:transparent;border-left-color:transparent;animation:fiSpin 1.8s linear infinite}
.stage-node:not(.active) .fi-loop span:first-child{animation:none}
@keyframes fiSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
/* grow — a bar that lengthens */
.fi-grow span:first-child{top:9px;left:0;height:2px;width:6px;background:var(--teal-light);transition:width 1.2s ease}
.stage-node.active .fi-grow span:first-child{width:20px}
/* pulse — a pulsing ring, representing reconstructing the story */
.fi-pulse span:first-child{inset:4px;border:2px solid var(--teal-light);border-radius:50%;animation:fiPulse 1.6s ease-out infinite}
.stage-node:not(.active) .fi-pulse span:first-child{animation:none}
@keyframes fiPulse{0%{transform:scale(0.7);opacity:1}100%{transform:scale(1.6);opacity:0}}
/* repeat — two small dots side by side */
.fi-repeat span{width:6px;height:6px;border-radius:50%;background:var(--teal-light);top:7px}
.fi-repeat span:first-child{left:1px}
.fi-repeat span:last-child{left:11px}
.text-stages-col{display:flex;flex-direction:column}
.text-stage{min-height:55vh;display:flex;flex-direction:column;justify-content:center;padding:28px 0 28px 40px;border-left:1px solid var(--hairline)}
.text-stage .ts-num{font-family:'Playfair Display',serif;font-size:1.13rem;color:var(--teal-light);font-weight:700;margin-bottom:14px;opacity:0.5;transition:opacity 0.4s ease}
.text-stage.in-view .ts-num{opacity:1}
.text-stage h3{font-size:clamp(24px,2.6vw,32px);color:var(--white);font-weight:700;margin-bottom:16px;max-width:14ch}
.text-stage p{font-size:1.13rem;color:var(--ink-2);line-height:1.8;max-width:440px;margin-bottom:14px}
.text-stage .ts-stat{display:inline-block;font-size:1rem;font-weight:700;color:var(--teal-light);background:rgba(78,205,196,0.08);border-left:3px solid var(--teal-light);border-radius:4px;padding:9px 16px;width:fit-content}
/* ═══ 3. CAPACITY LOSS — THE CENTREPIECE ═══ */
.capacity-pin-wrap{position:relative;background:var(--navy-dark);height:340vh}
.capacity-inner{position:sticky;top:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:80px 56px;max-width:1180px;margin:0 auto}
.capacity-head{text-align:center;margin-bottom:44px}
.capacity-head h2{font-family:'Playfair Display',serif;font-size:clamp(28px,3.4vw,40px);color:var(--white);font-weight:700;line-height:1.25;margin-bottom:12px}
.capacity-head p{font-size:1.13rem;color:var(--ink-3);max-width:560px;margin:0 auto}
.capacity-progress-track{max-width:600px;margin:0 auto 40px;height:4px;background:var(--hairline);border-radius:4px;overflow:hidden}
.capacity-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--coral),var(--teal-light));border-radius:4px}
/* ---- the diagram panel — light editorial card, floated on the dark page ---- */
.capacity-diagram-panel{
  max-width:1080px;margin:0 auto;background:#F7FAFA;border-radius:28px;
  padding:56px 48px 48px;box-shadow:0 30px 80px rgba(0,0,0,0.35);
}
/* ---- section label ---- */
.flow-section-label{text-align:center;font-size:0.9rem;letter-spacing:2px;text-transform:uppercase;color:#8A93A0;font-weight:700;margin-bottom:16px}
/* ---- flow rows (today / transformed) ---- */
.flow-row{display:flex;align-items:stretch;justify-content:center;gap:0;max-width:1000px;margin:0 auto;position:relative}
.flow-node{flex:1;max-width:210px;min-height:76px;border-radius:12px;padding:16px 14px;text-align:center;position:relative;z-index:2;display:flex;align-items:center;justify-content:center}
.flow-node .fn-title{font-size:1rem;font-weight:700;line-height:1.35}
.flow-connector-h{flex:0 0 20px;align-self:center;height:1.5px;position:relative;top:0}
.flow-connector-h.dashed{background:repeating-linear-gradient(90deg,#D64463 0 6px,transparent 6px 12px);transition:opacity 0.8s ease}
.today-row.deteriorated .flow-connector-h.dashed{opacity:0.45}
/* today row — muted card, clear coral accent, dark text (readable on light panel) */
.flow-node.today{background:#FDF1F4;border:1.5px solid #E8A0B0;transition:opacity 0.8s ease}
.today-row.deteriorated .flow-node.today{opacity:0.58}
.flow-node.today .fn-title{color:#B3234A}
/* down connectors between rows */
.down-connectors{display:flex;justify-content:center;gap:0;max-width:1000px;margin:0 auto}
.dc{flex:1;max-width:210px;display:flex;align-items:center;justify-content:center;height:26px;position:relative}
.dc::before{content:'↓';font-size:1.13rem}
.dc.dashed::before{color:#D64463}
.dc.teal::before{color:#0D7A6E}
/* EnrichMyCare intervention band */
.emc-band{position:relative;max-width:1000px;margin:0 auto;border-radius:14px;overflow:hidden;background:#EAF6F4;border:1.5px solid #9DDAD0;padding:24px 24px;text-align:center}
.emc-band-fill{position:absolute;inset:0;width:0%;background:linear-gradient(90deg,rgba(78,205,196,0.28),rgba(78,205,196,0.1));transition:width 1.1s ease}
.emc-band.active .emc-band-fill{width:100%}
.emc-band-content{position:relative;z-index:1}
.emc-band-label{font-family:'Playfair Display',serif;font-weight:700;font-size:22px;color:#0B2D45;letter-spacing:0.3px}
.emc-band-sub{font-size:1rem;color:#3D5A66;margin-top:6px}
/* transformed row — brighter teal cards, connected by one continuous flowing line at true vertical centre */
.transformed-row{margin-top:4px;padding-top:10px;align-items:center}
.transformed-flow-line{position:absolute;left:14%;right:14%;top:50%;transform:translateY(-50%) scaleX(1);height:2px;background:#0D9488;opacity:0.4;transform-origin:left center;transition:transform 1s ease,opacity 1s ease;z-index:1;box-shadow:0 0 8px rgba(13,148,136,0.35)}
.transformed-flow-line.line-active{opacity:1}
.flow-node.transformed{background:#fff;border:1.5px solid #CFE8E4;opacity:0.55;transform:translateY(0);transition:opacity 0.6s ease,transform 0.6s ease,border-color 0.6s ease,box-shadow 0.6s ease;margin:0 4px}
.flow-node.transformed .fn-title{color:#5B6572;transition:color 0.6s ease}
.flow-node.transformed.revealed{opacity:1;transform:translateY(0);border-color:#0D9488;box-shadow:0 6px 20px rgba(13,148,136,0.14)}
.flow-node.transformed.revealed .fn-title{color:#0D7A6E}
/* funnel — converges the row down to Capacity Released, now visible against the light panel */
.capacity-funnel{max-width:700px;height:56px;margin:0 auto;background:linear-gradient(180deg,rgba(13,148,136,0.22),rgba(13,148,136,0.02));clip-path:polygon(8% 0%,92% 0%,62% 100%,38% 100%);opacity:0.45;transition:opacity 0.8s ease}
.capacity-funnel.active{opacity:1}
/* capacity released — the destination: inverted to dark, so it's unmistakably the payoff within the light panel */
.capacity-released{position:relative;max-width:340px;margin:0 auto;text-align:center;padding:26px 30px;border-radius:18px;background:var(--navy-dark);border:1.5px solid rgba(78,205,196,0.4);opacity:0.75;transform:scale(0.97);transition:opacity 0.7s ease,transform 0.7s ease}
.capacity-released.active{opacity:1;transform:scale(1)}
.cr-glow{position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,rgba(78,205,196,0.35) 0%,transparent 70%);opacity:0;transition:opacity 1s ease;pointer-events:none}
.capacity-released.active .cr-glow{opacity:1}
.cr-label{position:relative;font-family:'Playfair Display',serif;font-weight:700;font-size:22px;color:#fff;letter-spacing:0.3px}
.cr-sublabels{position:relative;display:flex;justify-content:center;gap:14px;margin-top:14px;flex-wrap:wrap}
.cr-sub{font-size:0.9rem;font-weight:700;letter-spacing:0.5px;color:var(--teal-light);opacity:0.7;transform:translateY(0);transition:opacity 0.5s ease,transform 0.5s ease}
.capacity-released.active .cr-sub{opacity:1;transform:translateY(0)}
.capacity-released.active .cr-sub:nth-child(1){transition-delay:0.15s}
.capacity-released.active .cr-sub:nth-child(2){transition-delay:0.32s}
.capacity-released.active .cr-sub:nth-child(3){transition-delay:0.49s}
.capacity-caption{text-align:center;margin-top:44px;font-size:1.13rem;font-weight:500;color:var(--ink-1);max-width:620px;margin-left:auto;margin-right:auto;line-height:1.65}
/* ═══ 4. EVIDENCE — EXPANDABLE CARDS ═══ */
.evidence-ed{padding:110px 0}
.evidence-ed-inner{max-width:1180px;margin:0 auto;padding:0 56px}
.evidence-ed-head{text-align:center;margin-bottom:50px}
.evidence-ed-head h2{font-family:'Playfair Display',serif;font-size:clamp(28px,3.4vw,40px);color:var(--white);font-weight:700;line-height:1.25;margin-bottom:14px}
.evidence-ed-head p{font-size:1.13rem;color:var(--ink-3)}
.ev-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ev-card{background:var(--glass);border:1px solid var(--hairline);border-radius:20px;padding:32px 26px;cursor:pointer;transition:all 0.3s ease;overflow:hidden}
.ev-card:hover{border-color:rgba(78,205,196,0.35);background:var(--glass-hover)}
.ev-card .ev-num{font-family:'Playfair Display',serif;font-weight:700;font-size:40px;color:var(--gold);line-height:1;margin-bottom:10px}
.ev-card .ev-label{font-size:1rem;color:var(--white);font-weight:600;margin-bottom:4px}
.ev-card .ev-sub{font-size:0.9rem;color:var(--ink-3)}
.ev-card .ev-detail{max-height:0;overflow:hidden;transition:max-height 0.4s ease;font-size:1rem;color:var(--ink-2);line-height:1.6}
.ev-card.expanded .ev-detail{max-height:200px;margin-top:14px;padding-top:14px;border-top:1px solid var(--hairline)}
.ev-card .ev-toggle{margin-top:12px}
.ev-card .chevron{display:inline-block;color:var(--teal-light);font-size:1.13rem;transition:transform 0.3s ease;opacity:0.7}
.ev-card.expanded .chevron{transform:rotate(180deg);opacity:1}
/* ═══ 5. QUOTE — FULL WIDTH EDITORIAL ═══ */
.quote-ed{padding:120px 0;text-align:center}
.quote-ed-inner{max-width:920px;margin:0 auto;padding:0 56px}
.quote-ed .qavatar{width:76px;height:76px;border-radius:50%;background:var(--teal-dark);border:1.5px solid var(--teal-light);display:flex;align-items:center;justify-content:center;margin:0 auto 32px;font-family:'Playfair Display',serif;font-weight:700;font-size:22px;color:var(--white)}
.quote-ed blockquote{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(24px,3vw,34px);line-height:1.45;color:var(--white);margin-bottom:28px}
.quote-ed .qattr{font-size:1.13rem;color:var(--ink-2)}
.quote-ed .qattr strong{color:var(--white)}
/* ═══ 6. END CTA ═══ */
.end-cta-ed{padding:140px 56px;text-align:center;background:var(--navy-deep);border-top:1px solid var(--hairline);position:relative;overflow:hidden}
.end-cta-ed h2{position:relative;font-family:'Playfair Display',serif;font-size:clamp(32px,4.4vw,52px);color:var(--white);font-weight:700;line-height:1.2;margin-bottom:36px;max-width:16ch;margin-left:auto;margin-right:auto}
.end-cta-badge{position:relative;display:block;margin:28px auto 0;max-width:520px;font-size:1rem;font-weight:600;color:var(--gold);background:rgba(232,164,74,0.08);border-top:1px solid rgba(232,164,74,0.35);border-bottom:1px solid rgba(232,164,74,0.35);padding:10px 22px}
/* reveal utility (progressive enhancement) */
.fx-reveal{opacity:0;transform:translateY(24px);transition:opacity 0.7s ease,transform 0.7s ease}
.fx-reveal.in{opacity:1;transform:translateY(0)}
/* reduced motion */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .fx-reveal,.conv-node,.conv-line,.text-stage .ts-num,.flow-node.transformed,.emc-band-fill,.capacity-funnel,.capacity-released,.cr-sub{transition:none !important}
  .sticky-visual{position:static}
  .capacity-inner{position:static}
}
@media(max-width:900px){
  .ed-hero-grid{grid-template-columns:1fr;padding:110px 24px 48px;gap:36px}
  .converge-wrap{height:320px}
  .sticky-grid{grid-template-columns:1fr;padding:0 24px 60px}
  .sticky-visual-col{display:none}
  .text-stage{padding-left:0;border-left:none;min-height:auto;padding:32px 0}
  .text-stage .ts-num{opacity:1;font-size:1rem;letter-spacing:1px}
  .capacity-pin-wrap{height:auto}
  .capacity-pin-wrap.static-mode .capacity-inner,.capacity-inner{position:static}
  .capacity-inner{padding:60px 24px}
  .capacity-diagram-panel{padding:32px 20px 28px;border-radius:20px}
  .flow-row{flex-wrap:wrap;gap:10px}
  .flow-node{max-width:none;flex:1 1 42%}
  .flow-connector-h{display:none}
  .down-connectors{display:none}
  .transformed-flow-line{display:none}
  .ev-cards-grid{grid-template-columns:1fr 1fr;gap:14px}
  .evidence-ed,.quote-ed,.end-cta-ed{padding-left:24px;padding-right:24px}
}
@media(max-width:560px){
  .ev-cards-grid{grid-template-columns:1fr}
  .flow-node{flex:1 1 100%}
}
/* ═══ CAPACITY THESIS (three kinds of capacity) ═══ */
.capacity-thesis{padding:110px 0 60px;text-align:center}
.capacity-thesis-inner{max-width:1000px;margin:0 auto;padding:0 56px}
.capacity-thesis h2{font-family:'Playfair Display',serif;font-size:clamp(28px,3.4vw,40px);color:var(--white);font-weight:700;line-height:1.25;margin:16px 0 50px}
.capacity-thesis h2 .strike{color:var(--ink-3);text-decoration:line-through;text-decoration-color:rgba(232,54,93,0.5);text-decoration-thickness:2px}
.capacity-thesis h2 .keep{color:var(--teal-light)}
.capacity-types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.capacity-type-card{background:var(--glass);border:1px solid var(--hairline);border-radius:18px;padding:30px 24px;text-align:left}
.capacity-type-card .ct-label{font-size:0.9rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--teal-light);margin-bottom:14px}
.capacity-type-card .ct-stat{font-family:'Playfair Display',serif;font-weight:700;font-size:32px;color:var(--white);margin-bottom:10px}
.capacity-type-card .ct-desc{font-size:1rem;color:var(--ink-2);line-height:1.65}
.capacity-type-card.clinical{border-top:3px solid #E8365D}
.capacity-type-card.admin{border-top:3px solid #E8A44A}
.capacity-type-card.family{border-top:3px solid #4ECDC4}
/* ═══ TRUST STRIP ═══ */
.trust-strip-ed{padding:60px 56px;text-align:center;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.trust-strip-ed p.eyebrow-ed{margin-bottom:24px}
.trust-logos-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;max-width:1000px;margin:0 auto}
.trust-logo-chip{font-size:1rem;font-weight:600;color:var(--ink-2);background:var(--glass);border:1px dashed var(--hairline-strong);border-radius:10px;padding:14px 22px}
/* ═══ HOW WE WORK STRIP ═══ */
.hww-strip{padding:120px 0;text-align:center}
.hww-strip-inner{max-width:950px;margin:0 auto;padding:0 56px}
.hww-eyebrow{margin-bottom:20px;color:rgba(255,255,255,0.75)}
.hww-headline{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(28px,3.4vw,40px);color:#fff;line-height:1.25;margin-bottom:40px}
.hww-flow{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:30px}
.hww-node{font-size:1.19rem;font-weight:700;color:#fff;background:rgba(255,255,255,0.1);border:1.5px solid rgba(255,255,255,0.28);border-radius:8px;padding:14px 28px}
.hww-arrow{color:rgba(255,255,255,0.55);font-size:18px}
.hww-strip p.hww-desc{font-size:1.13rem;color:rgba(255,255,255,0.82);max-width:560px;margin:0 auto 24px;line-height:1.7}
.hww-link{display:inline-block;color:#fff;font-weight:700;text-decoration:none;font-size:1.13rem;border-bottom:1.5px solid rgba(255,255,255,0.5);padding-bottom:2px}
.hww-link:hover{border-bottom-color:#fff}
@media(max-width:900px){
  .capacity-types-grid{grid-template-columns:1fr}
  .capacity-thesis{padding:80px 24px 40px}
  .trust-strip-ed,.hww-strip{padding-left:24px;padding-right:24px}
}
/* ═══ evidence maturity label ═══ */
.evidence-maturity-label{display:block;font-size:0.9rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--teal-light);margin-bottom:8px;padding-top:14px;border-top:1px solid var(--hairline-strong);max-width:420px;margin-left:auto;margin-right:auto}
.evidence-maturity-sub{font-size:0.9rem;color:var(--ink-3);margin-bottom:18px}
/* ═══ capacity thesis subtext ═══ */
.capacity-thesis-sub{font-size:1.13rem;color:var(--ink-2);max-width:520px;margin:0 auto 44px;line-height:1.6}
/* ═══ trust status cards ═══ */
.trust-status-card{background:#fff;border:1px solid rgba(255,255,255,0.4);border-radius:12px;padding:18px 20px;text-align:left;min-width:210px;transition:box-shadow 0.25s ease}
.trust-status-card:hover{box-shadow:0 6px 18px rgba(0,0,0,0.12)}
.trust-status-card .tsc-logo-slot{height:28px;display:flex;align-items:center;margin-bottom:10px}
.trust-status-card .tsc-logo-slot .logo-placeholder-text{font-size:9.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#B7BCC3;border:1px dashed #D5D8DC;border-radius:4px;padding:3px 8px}
.trust-status-card .tsc-name{font-size:1rem;font-weight:700;color:#0B2D45;margin-bottom:4px}
.trust-status-card .tsc-status{font-size:0.9rem;color:#0D7A6E}
/* ═══ quote trust tag ═══ */
.qtrust-tag{display:inline-block;margin-top:16px;font-size:0.9rem;font-weight:700;letter-spacing:1px;color:var(--ink-3);border:1px solid var(--hairline-strong);border-radius:4px;padding:5px 16px}
/* ═══ keyboard accessibility ═══ */
.ev-card:focus-visible{outline:2px solid var(--teal-light);outline-offset:3px}
.ev-card:focus{outline:2px solid var(--teal-light);outline-offset:3px}
@media(max-width:900px){
  .trust-logos-row{flex-direction:column;align-items:stretch}
  .trust-status-card{min-width:0}
}
/* ── 22. THREE-BACKGROUND SYSTEM (teal / white section overrides) ── */
/* ═══════════════ THREE-BACKGROUND SYSTEM ═══════════════ */
.section-bg-teal{background:var(--teal-dark)}
.section-bg-white{background:#F7FAFA}
/* ---- white-section overrides: Evidence ---- */
.section-bg-white .evidence-maturity-label{color:#0D7A6E;border-top-color:#D8E2E6}
.section-bg-white .evidence-maturity-sub{color:#5B6572}
.section-bg-white .evidence-ed-head h2{color:#0B2D45}
.section-bg-white .evidence-ed-head p{color:#5B6572}
.section-bg-white .ev-card{background:#fff;border-color:#E2E8ED}
.section-bg-white .ev-card:hover{border-color:#9DDAD0;background:#FBFEFE}
.section-bg-white .ev-card:focus-visible,.section-bg-white .ev-card:focus{outline-color:#0D7A6E}
.section-bg-white .ev-num{color:#B8791E}
.section-bg-white .ev-label{color:#0B2D45}
.section-bg-white .ev-sub{color:#7A8590}
.section-bg-white .ev-detail{color:#3D5A66}
.section-bg-white .ev-card.expanded .ev-detail{border-top-color:#E2E8ED}
.section-bg-white .chevron{color:#0D7A6E}
/* ---- white-section overrides: Quote ---- */
.section-bg-white .qavatar{background:var(--teal-dark);border-color:var(--teal-dark)}
.section-bg-white blockquote{color:#0B2D45}
.section-bg-white .qattr{color:#5B6572}
.section-bg-white .qattr strong{color:#0B2D45}
.section-bg-white .qtrust-tag{color:#3D5A66;border-color:#C7CFD6}
/* ---- teal-section: capacity type cards + trust cards ---- */
.section-bg-teal .capacity-type-card{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.18)}
.section-bg-teal .capacity-type-card .ct-desc{color:rgba(255,255,255,0.82)}
.section-bg-teal .capacity-thesis-sub{color:rgba(255,255,255,0.85)}
.section-bg-teal .capacity-thesis h2 .strike{color:rgba(255,255,255,0.5)}
/* ── 22b. MOBILE AUDIT PASS (pathway page) ─────────────────────────── */
/* ═══════════════ MOBILE AUDIT PASS ═══════════════ */
@media(max-width:900px){
  .converge-wrap{height:280px}
  .conv-node .dot{width:52px;height:52px;font-size:10px}
  .conv-center .dot{width:78px;height:78px;font-size:0.9rem}
  .ed-hero h1{font-size:clamp(32px,8vw,52px)}
  .capacity-thesis{padding:70px 0 40px}
  .capacity-thesis-inner{padding:0 24px}
  .evidence-ed{padding:70px 0}
  .evidence-ed-inner{padding:0 24px}
  .quote-ed{padding:80px 0}
  .quote-ed-inner{padding:0 24px}
  .trust-strip-ed{padding:44px 24px}
  .ev-card{padding:24px 18px}
  .ev-card .ev-num{font-size:32px}
  .flow-node .fn-title{font-size:11.5px}
  .flow-node{min-height:64px;padding:12px 10px}
  .capacity-funnel{max-width:100%}
  .capacity-released{max-width:280px;padding:22px 20px}
  .cr-label{font-size:18px}
  .cr-sublabels{gap:10px}
  .qavatar{width:60px;height:60px;font-size:18px}
  .hww-strip{padding:80px 0}
  .hww-strip-inner{padding:0 24px}
  .hww-headline{margin-bottom:28px}
  .hww-flow{gap:8px}
  .hww-node{font-size:1rem;padding:10px 18px}
}
@media(max-width:420px){
  .flow-row{gap:6px}
  .flow-node{flex:1 1 100%;max-width:none}
  .flow-connector-h{display:none}
  .capacity-type-card{padding:22px 18px}
}
/* ── 22c. PHONE MOCKUP PATTERN ─────────────────────────────────────── */
/* ═══════════════ WHAT THIS LOOKS LIKE — mock phone screenshot ═══════════════ */
.pm-section{padding:110px 0;}
.pm-inner{max-width:1080px;margin:0 auto;padding:0 56px;display:grid;grid-template-columns:1fr 0.85fr;gap:64px;align-items:center}
.pm-text h2{font-family:'Playfair Display',serif;font-size:clamp(28px,3.4vw,40px);color:var(--white);font-weight:700;line-height:1.25;margin:14px 0 20px;max-width:14ch}
.pm-copy{font-size:1.13rem;color:var(--ink-2);line-height:1.8;max-width:440px}
.pm-visual{display:flex;flex-direction:column;align-items:center}
.phone-frame{width:260px;background:var(--navy-dark);border-radius:32px;padding:14px;box-shadow:0 30px 60px rgba(0,0,0,0.4);position:relative;border:1px solid rgba(255,255,255,0.08)}
.phone-notch{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:70px;height:18px;background:var(--navy-dark);border-radius:0 0 12px 12px;z-index:2}
.phone-screen{background:#fff;border-radius:22px;padding:34px 18px 20px;min-height:400px}
.phone-app-header{text-align:center;margin-bottom:20px}
.phone-app-name{display:block;font-family:'Playfair Display',serif;font-weight:700;font-size:1.13rem;color:#0B2D45}
.phone-app-sub{display:block;font-size:0.9rem;color:#7A8590;margin-top:3px}
.phone-stage-list{display:flex;flex-direction:column;gap:2px}
.pm-stage{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:8px}
.pm-stage-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}
.pm-stage-name{font-size:1rem;font-weight:600}
.pm-stage.done .pm-stage-icon{background:#0D7A6E;color:#fff}
.pm-stage.done .pm-stage-name{color:#8A93A0;text-decoration:line-through;text-decoration-color:#D5D8DC}
.pm-stage.active{background:#EAF6F4;margin:2px -10px;padding:12px 20px;border-radius:10px}
.pm-stage.active .pm-stage-icon{background:#0D7A6E;color:#fff;animation:pmPulse 1.8s ease-out infinite}
.pm-stage.active .pm-stage-name{color:#0B2D45}
@keyframes pmPulse{0%{box-shadow:0 0 0 0 rgba(13,148,136,0.4)}100%{box-shadow:0 0 0 8px rgba(13,148,136,0)}}
.pm-stage.pending .pm-stage-icon{border:1.5px solid #D5D8DC}
.pm-stage.pending .pm-stage-name{color:#B7BCC3}
.phone-note{margin-top:18px;font-size:0.9rem;color:#3D5A66;background:#F7FAFA;border-left:2px solid #0D7A6E;border-radius:4px;padding:10px 12px;line-height:1.5}
.pm-conclusion{margin-top:22px;max-width:280px;font-family:'Playfair Display',serif;font-style:italic;font-weight:600;font-size:1.19rem;color:var(--white);line-height:1.45;text-align:center;border-top:1px solid rgba(78,205,196,0.3);padding-top:18px}
.pm-caption{margin-top:14px;font-size:0.9rem;color:var(--ink-3);font-style:italic}
@media(max-width:900px){
  .pm-section{padding:70px 0}
  .pm-inner{grid-template-columns:1fr;padding:0 24px;gap:36px;text-align:center}
  .pm-text h2{max-width:none;margin-left:auto;margin-right:auto}
  .pm-copy{max-width:none;margin-left:auto;margin-right:auto}
  .phone-frame{width:230px}
}
/* ── 23. "FOR FAMILIES" PAGE — light-themed, warmer register (.fam-*) ── */
/* ═══ FOR FAMILIES — light-themed, warmer register, distinct from NHS-facing pages ═══ */
body.fam-body{background:#F7FAFA}
.fam-hero-photo{width:100%;display:block;margin-top:76px}
.fam-hero-photo img{width:100%;height:400px;display:block;object-fit:cover;object-position:70% 5%}
.fam-hero-text{padding:70px 56px 90px;max-width:950px;margin:0 auto;text-align:center}
.fam-hero-text h1{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(2.122rem,5.4vw,4rem);color:#0B2D45;line-height:1.25;margin-bottom:25px; margin-top:25px;}
.fam-hero-subhead{font-family:'Playfair Display',serif;font-style:italic;font-weight:600;font-size:clamp(22px,2.8vw,32px);color:#0D7A6E;line-height:1.3;margin-bottom:30px}
.fam-hero-text p{font-size:1.19rem;color:#3D5A66;line-height:1.8;margin:10px auto}
.fam-section{padding:90px 56px;max-width:780px;margin:0 auto}
.fam-section.narrow{max-width:680px}
.fam-section.cream{background:#EFF6F5}
.fam-section h2{font-family:'Playfair Display',serif;font-size:clamp(30px,3.2vw,2.626rem);color:#0B2D45;font-weight:700;line-height:1.32;margin-bottom:30px;text-align:center}
.fam-section p{font-size:1.13rem;color:#3D5A66;line-height:1.85;margin-bottom:25px}
.fam-emphasis{font-family:'Playfair Display',serif;font-style:italic;font-size:17px;color:#0B2D45;text-align:center;margin:28px 0}
/* pull quote */
.fam-pullquote{max-width:680px;margin:50px auto;text-align:center;padding:0 20px}
.fam-pullquote .fam-quote-frame{font-size:0.9rem;font-weight:700;letter-spacing:0.5px;color:#7A8590;text-transform:uppercase;margin-bottom:14px}
.fam-pullquote p{font-family:'Playfair Display',serif;font-style:italic;font-weight:600;font-size:clamp(20px,2.4vw,26px);color:#0B2D45;line-height:1.5}
.fam-pullquote .fam-quote-mark{font-size:40px;color:#9DDAD0;line-height:1;display:block;margin-bottom:6px}
/* full-width diagram pause section */
.fam-diagram-pause{padding:100px 40px;background:#fff;text-align:center}
.fam-diagram-pause .fam-diagram-label{font-size:0.9rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#0D7A6E;margin-bottom:16px}
.fam-diagram-pause h2{font-family:'Playfair Display',serif;font-size:clamp(22px,2.6vw,30px);color:#0B2D45;font-weight:700;margin-bottom:44px}
.fam-diagram-pause img{max-width:1300px;width:100%;margin:0 auto;display:block;border-radius:10px;box-shadow:0 25px 60px rgba(11,45,69,0.15)}
/* three-column impact */
.fam-impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1000px;margin:0 auto}
.fam-impact-grid.fam-4col{grid-template-columns:repeat(4,1fr);max-width:1080px}
.fam-impact-col h3{font-family:'Playfair Display',serif;font-size:17px;color:#0B2D45;font-weight:700;margin-bottom:12px;line-height:1.35}
.fam-impact-col p{font-size:1rem;color:#3D5A66;line-height:1.75}
/* emotional transition */
.fam-transition{text-align:center;padding:110px 56px;max-width:640px;margin:0 auto}
.fam-transition .fam-no{font-family:'Playfair Display',serif;font-size:clamp(24px,3vw,34px);color:#0B2D45;font-weight:700;margin-bottom:20px}
.fam-transition .fam-belief{font-size:17px;color:#0D7A6E;font-weight:600;line-height:1.6}
/* how EMC helps */
.fam-helps-list{max-width:600px;margin:28px auto 0;list-style:none;padding:0}
.fam-helps-list li{font-size:1.13rem;color:#0B2D45;font-weight:600;line-height:1.9;padding-left:26px;position:relative;margin-bottom:8px}
.fam-helps-list li::before{content:'✓';position:absolute;left:0;color:#0D7A6E}
/* solution graphic */
.fam-solution-wrap{padding:90px 40px;background:#fff;text-align:center}
.fam-solution-wrap .fam-diagram-label{font-size:1.13rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#0D7A6E;margin-bottom:16px}
.fam-solution-wrap h2{font-family:'Playfair Display',serif;font-size:clamp(30px,3.6vw,2.626rem);color:#0B2D45;font-weight:700;margin-bottom:50px}
.fam-solution{max-width:1180px;margin:0 auto}
.fam-sol-stages{display:flex;justify-content:space-between;max-width:1100px;margin:0 auto 6px}
.fam-sol-stage{flex:1;text-align:center;padding:0 8px}
.fam-sol-stage-num{width:34px;height:34px;border-radius:50%;background:#0B2D45;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;margin:0 auto 10px}
.fam-sol-stage-name{font-size:1rem;font-weight:700;color:#0B2D45}
.fam-sol-band-wrap{position:relative;max-width:1100px;margin:20px auto 0;height:70px}
.fam-sol-band{position:absolute;top:50%;left:2%;right:2%;height:10px;background:linear-gradient(90deg,#9DDAD0,#0D7A6E);border-radius:100px;transform:translateY(-50%)}
.fam-sol-band-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0D7A6E;color:#fff;font-size:0.9rem;font-weight:700;padding:8px 20px;border-radius:100px;white-space:nowrap}
.fam-sol-contrib-row{display:flex;justify-content:space-between;max-width:1100px;margin:26px auto 0}
.fam-sol-contrib{flex:1;text-align:center;padding:0 8px}
.fam-sol-contrib span{display:inline-block;font-size:0.9rem;color:#0D7A6E;font-weight:700;background:#EFF6F5;border:1px solid #9DDAD0;border-radius:8px;padding:6px 10px;margin-bottom:6px}
.fam-sol-contrib p{font-size:0.9rem;color:#5B6572;line-height:1.5;margin:0}
.fam-sol-outcome-text{text-align:center;margin-top:44px;font-family:'Playfair Display',serif;font-style:italic;font-weight:700;font-size:19px;color:#0B2D45}
/* benefits cards */
.fam-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1000px;margin:36px auto 0}
.fam-benefits-grid.fam-4col{grid-template-columns:repeat(4,1fr);max-width:1080px}
@media(max-width:1100px) and (min-width:901px){
  .fam-impact-grid.fam-4col,.fam-benefits-grid.fam-4col{grid-template-columns:1fr 1fr}
}
.fam-kicker{font-size:1.13rem !important;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#0D7A6E;margin-bottom:18px}
.fam-kicker span{display:block;font-size:1rem;font-weight:600;letter-spacing:0;text-transform:none;font-style:italic;color:#5B6572;margin-top:6px}
/* three-circles Venn — the page's iconic visual */
.fam-venn-wrap{padding:80px 40px;text-align:center;background:#fff}
.fam-venn-wrap .fam-diagram-label{font-size:0.9rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#0D7A6E;margin-bottom:30px}
.fam-venn-img{max-width:900px;width:100%;height:auto;margin:0 auto;display:block}
/* standalone one-line statement */
.fam-statement{text-align:center;padding:70px 40px;max-width:640px;margin:0 auto}
.fam-statement p{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(20px,2.6vw,28px);color:#0B2D45;line-height:1.5}
.fam-statement.teal p{color:#0D7A6E}
.fam-benefit-card{background:#fff;border:1px solid #E2E8ED;border-radius:16px;padding:30px 26px;text-align:center}
.fam-benefit-card .fam-b-tag{font-size:0.9rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#0D7A6E;margin-bottom:14px}
.fam-benefit-card h3{font-family:'Playfair Display',serif;font-size:17px;color:#0B2D45;margin-bottom:12px}
.fam-benefit-card p{font-size:1rem;color:#5B6572;line-height:1.7}
/* soft CTA */
.fam-cta{text-align:center;padding:110px 56px;background:#0B2D45}
.fam-cta h2{font-family:'Playfair Display',serif;font-size:clamp(26px,3.2vw,38px);color:#fff;font-weight:700;margin-bottom:16px;max-width:680px;margin-left:auto;margin-right:auto}
.fam-cta p{font-size:1.13rem;color:rgba(255,255,255,0.75);max-width:480px;margin:0 auto 32px}
.fam-cta-btn{display:inline-block;background:#0D7A6E;color:#fff;font-weight:700;font-size:1.13rem;padding:15px 34px;border-radius:100px;text-decoration:none;transition:all 0.2s}
.fam-text-link-light{color:#7EDCCF;font-weight:700;font-size:1.13rem;text-decoration:none;border-bottom:1.5px solid rgba(126,220,207,0.4);padding-bottom:2px}
.fam-text-link-light:hover{border-bottom-color:#7EDCCF}
.fam-cta-btn:hover{background:#0A6459}
.fam-cta-secondary{display:block;margin-top:18px;font-size:1rem;color:rgba(255,255,255,0.6);text-decoration:none}
.fam-cta-secondary:hover{color:#fff}
@media(max-width:900px){
  .fam-hero-text{padding:50px 24px 60px}
  .fam-section{padding:60px 24px}
  .fam-diagram-pause,.fam-solution-wrap{padding:60px 20px}
  .fam-impact-grid,.fam-impact-grid.fam-4col{grid-template-columns:1fr;gap:36px}
  .fam-sol-stages,.fam-sol-contrib-row{flex-direction:column;gap:16px}
  .fam-sol-band-wrap{display:none}
  .fam-benefits-grid,.fam-benefits-grid.fam-4col{grid-template-columns:1fr}
  .fam-transition{padding:70px 24px}
  .fam-cta{padding:70px 24px}
  .fam-hero-photo img{height:280px}
}
/* ── 24. "THE HIDDEN ROLE" — dominant feature + supporting cards ──── */
/* ═══ THE HIDDEN ROLE — dominant feature + supporting cards ═══ */
.fam-hr-intro{font-size:1.13rem;color:#3D5A66;line-height:1.8;max-width:640px;margin:0 auto 72px;text-align:center}
.fam-dominant{position:relative;border:1px solid #E2E8ED;border-radius:20px;padding:44px 48px;text-align:left;margin-bottom:24px;display:grid;grid-template-columns:1.05fr 0.95fr;gap:20px;align-items:center;overflow:hidden;isolation:isolate;max-width:1080px;margin-left:auto;margin-right:auto}
.fam-dominant-bg{position:absolute;inset:0;z-index:-1}
.fam-dominant-bg img{width:100%;height:100%;object-fit:cover;object-position:75% 35%}
.fam-dominant-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,0.99) 0%,rgba(255,255,255,0.97) 45%,rgba(255,255,255,0.9) 100%)}
.fam-dominant-text .fam-eyebrow-sm{font-size:0.9rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#0D7A6E;margin-bottom:14px}
.fam-dominant-text h3{font-family:'Playfair Display',serif;font-size:clamp(22px,2.4vw,30px);color:#0B2D45;font-weight:700;line-height:1.3;margin-bottom:25px}
.fam-dominant-text p{font-size:1.13rem;color:#5B6572;line-height:1.75;max-width:420px}
.fam-connector-svg{width:100%;height:auto;max-width:350px;margin:0 auto 0 0;display:block;transform:translateX(-12%)}
.fam-connector-svg .thread{stroke:#0D7A6E;stroke-width:1.6;opacity:0.65}
.fam-connector-svg .burden-icon{fill:none;stroke:#C9A15A;stroke-width:1.4;opacity:0.55}
.fam-connector-svg .parent-head{fill:#fff;stroke:#0B2D45;stroke-width:2.2}
.fam-connector-svg .parent-body{fill:#fff;stroke:#0B2D45;stroke-width:2.2;stroke-linecap:round}
.fam-connector-svg .node-dot{fill:#0D7A6E}
.fam-connector-svg .node-label{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;font-weight:700;fill:#0B2D45}
.fam-truth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left;max-width:1080px;margin:0 auto}
.fam-truth-card{background:#fff;border:1px solid #E2E8ED;border-radius:16px;padding:28px 26px}
.fam-mini-icon{width:34px;height:34px;fill:none;stroke:#0D7A6E;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:16px}
.fam-mini-icon .dot-fill{fill:#0D7A6E;stroke:none}
.fam-truth-card h4{font-family:'Playfair Display',serif;font-size:1.135rem;color:#0B2D45;font-weight:700;line-height:1.35;margin-bottom:16px}
.fam-truth-card p{font-size:1rem;color:#5B6572;line-height:1.6}
.fam-hr-transition{margin-top:50px;font-family:'Playfair Display',serif;font-style:italic;font-size:19px;color:#0B2D45;text-align:center}
/* transition headline right before the Venn diagram */
.fam-venn-intro{padding:70px 40px 0;text-align:center;background:#fff}
.fam-venn-intro h2{font-family:'Playfair Display',serif;font-size:clamp(30px,3.2vw,2.626rem);color:#0B2D45;font-weight:700;margin-bottom:0px;}
@media(max-width:900px){
  .fam-dominant{grid-template-columns:1fr}
  .fam-truth-grid{grid-template-columns:1fr}
}
/* ── 25. "CARE PATHWAYS" LANDING PAGE (.pw2-*, .pwc-*, .pwx-*, .pwp-*) ── */
/* ═══ HERO ═══ */
#pw2-panels-section{background:var(--navy-panel-2)}
.pw2-hero{padding:150px 56px 64px;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.05fr 0.95fr;gap:56px;align-items:center}
.pw2-hero .eyebrow-ed{margin-bottom:18px}
.pw2-hero h1{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(32px,3.8vw,46px);color:var(--white);line-height:1.25;margin-bottom:20px}
.pw2-hero p{font-size:1.13rem;color:var(--ink-2);line-height:1.8;max-width:520px}
.pwx-visual{position:relative;height:400px}
.pwx-visual svg{width:100%;height:100%;overflow:visible}
.pwx-path-in{fill:none;stroke:var(--teal-light);stroke-width:1.5;stroke-linecap:round;opacity:0.7}
.pwx-path-out{fill:none;stroke:var(--teal-light);stroke-width:2.1;stroke-linecap:round;opacity:1}
.pwx-node{fill:var(--navy-dark);stroke:var(--teal-light);stroke-width:1.3}
.pwx-endpoint{fill:var(--teal-light)}
.pwx-endpoint.pwx-accent{fill:var(--gold)}
.pwx-zone-rect{fill:rgba(26,158,143,0.08);stroke:var(--teal);stroke-width:1.3}
.pwx-zone-text{font-family:'Playfair Display',serif;font-weight:700;fill:var(--white);text-anchor:middle}
.pwx-caption{text-align:center;margin-top:10px;font-size:0.9rem;letter-spacing:0.6px;color:var(--ink-3)}
/* ═══ FOUR FLAGSHIP PATHWAY PANELS ═══ */
.pwc-pathways{max-width:920px;margin:0 auto}
.pwc-pathway{display:grid;grid-template-columns:240px 1fr;gap:40px;padding:44px 0;border-top:1px solid var(--hairline)}
.pwc-pathway:first-child{border-top:none;padding-top:0}
.pwc-name{font-family:'Playfair Display',serif;font-weight:700;font-size:1.8rem;color:#fff;line-height:1.35}
.pwc-name .pwc-subname{display:block;font-size:1rem;font-weight:600;font-family:'Plus Jakarta Sans',sans-serif;color:var(--teal-light);margin-top:6px;letter-spacing:0.01em}
.pwc-proposition{font-family:'Playfair Display',serif;font-style:italic;font-weight:600;font-size:1.135rem;color:var(--white);margin-bottom:10px;line-height:1.45}
.pwc-desc{font-size:1.13rem;color:var(--ink-2);line-height:1.75;margin-bottom:16px;max-width:560px}
.pwc-stat{display:inline-block;font-size:1rem;font-weight:700;color:var(--gold);border-left:3px solid var(--gold);padding-left:12px;margin-bottom:16px}
.pwc-link{font-size:1.13rem;font-weight:700;color:var(--teal-light);text-decoration:none;display:inline-block}
.pwc-link:hover{text-decoration:underline}
.pw2-footnote{text-align:center;max-width:800px;margin:32px auto 0;font-size:0.9rem;color:var(--ink-3);font-style:italic}
/* ═══ PRESSURE POINTS CENTREPIECE ═══ */
#pwp-section{padding-top:64px;padding-bottom:64px}
.pw2-pressure{text-align:center;max-width:1150px;margin:0 auto}
.pw2-pressure h2{font-family:'Playfair Display',serif;font-size:clamp(24px,2.8vw,32px);color:#fff;font-weight:700;margin-bottom:28px}
.pwp-visual{max-width:1100px;margin:0 auto}
.pwp-visual svg{width:100%;height:auto;overflow:visible;display:block}
.pwp-line-problem{fill:none;stroke:#E8365D;stroke-width:1.6;stroke-linecap:round;opacity:0.55}
.pwp-line-dashed{stroke-dasharray:2 7}
.pwp-node-problem{fill:var(--navy-panel);stroke:#E8365D;stroke-width:1.4}
.pwp-node-bottleneck{r:5.5}
.pwp-label-problem{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9rem;font-weight:600;fill:#FF8FA3;text-anchor:middle}
.pwp-bridge-line{stroke:var(--teal-light);stroke-width:1.2;opacity:0.6}
.pwp-bridge-text{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;fill:var(--teal-light);text-anchor:middle}
.pwp-line-resolution{fill:none;stroke:var(--teal-light);stroke-width:1.9;stroke-linecap:round;opacity:0.95}
.pwp-node-resolution{fill:var(--navy-panel);stroke:var(--teal-light);stroke-width:1.6}
.pwp-label-resolution{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9rem;font-weight:600;fill:var(--teal-light);text-anchor:middle}
.pwp-mobile{display:none}
.pwp-mobile-kicker{font-size:0.9rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin:0 auto 12px;text-align:left;max-width:420px}
.pwp-mobile-kicker-problem{color:#FF8FA3}
.pwp-mobile-kicker-resolution{color:var(--teal-light);margin-top:28px}
.pwp-mobile-item{text-align:left;max-width:420px;margin:0 auto 12px;padding-left:16px;border-left:2px solid;font-size:1.13rem;font-weight:600}
.pwp-mobile-item-problem{border-color:rgba(232,54,93,0.4);color:#FF8FA3}
.pwp-mobile-item-resolution{border-color:rgba(78,205,196,0.5);color:var(--teal-light)}
.pwp-mobile-bridge{text-align:center;font-size:0.9rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--teal-light);margin:24px auto;max-width:420px}
/* ═══ METHODOLOGY BRIDGE ═══ */
.pw2-bridge{text-align:center;max-width:760px;margin:0 auto}
.pw2-bridge h2{font-family:'Playfair Display',serif;font-size:clamp(24px,2.8vw,34px);color:#fff;font-weight:700;line-height:1.35;margin-bottom:30px}
.pw2-bridge-line{font-size:1.13rem;font-weight:600;color:var(--ink-2);letter-spacing:0.3px}
.pw2-bridge-line span{color:var(--white)}
.pw2-bridge-sep{color:var(--teal-light);margin:0 10px}
.pw2-bridge-link{display:inline-block;margin-top:26px;font-size:1rem;font-weight:700;color:var(--teal-light);text-decoration:none;border-bottom:1.5px solid rgba(78,205,196,0.4);padding-bottom:2px}
/* ═══ EVIDENCE IN PRACTICE ═══ */
.pw2-evidence-feature{display:grid;grid-template-columns:1.1fr 0.9fr;gap:56px;align-items:center;max-width:980px;margin:0 auto 40px}
.pw2-evidence-hero{text-align:left;padding-right:24px;border-right:1px solid var(--hairline)}
.pw2-evidence-eyebrow{font-size:0.9rem;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--teal-light);margin-bottom:16px}
.pw2-evidence-stat{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(56px,7vw,80px);line-height:1;color:var(--gold)}
.pw2-evidence-statlabel{font-size:1.13rem;color:#fff;margin-top:6px;margin-bottom:20px}
.pw2-evidence-sub{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.pw2-evidence-sub span{font-size:1rem;color:var(--ink-2);font-weight:600}
.pw2-evidence-footnote{font-size:0.9rem;color:var(--ink-3);font-style:italic}
.pw2-evidence-secondary{padding-left:8px}
.pw2-evidence-secondary-label{font-size:0.9rem;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-3);margin-bottom:18px}
.pw2-evidence-list{list-style:none}
.pw2-evidence-list li{font-family:'Playfair Display',serif;font-size:1.19rem;color:var(--ink-2);padding:12px 0;border-top:1px solid var(--hairline)}
.pw2-evidence-list li:first-child{border-top:none;padding-top:0}
.pw2-evidence-link{display:block;text-align:center;margin-top:36px;font-size:1rem;font-weight:700;color:var(--teal-light);text-decoration:none}
/* ═══ TRUST (simplified) ═══ */
.pw2-trust{text-align:center;max-width:940px;margin:0 auto}
.pw2-trust h2{font-family:'Playfair Display',serif;font-size:clamp(20px,2.4vw,26px);color:#fff;font-weight:700;margin-bottom:28px}
.pw2-trust-logos{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.pw2-trust-chip{background:var(--glass);border:1px dashed var(--hairline-strong);border-radius:10px;padding:16px 22px;font-size:1rem;font-weight:700;color:#fff;min-width:150px}
.pw2-trust p{font-size:0.9rem;color:var(--ink-2);max-width:600px;margin:0 auto}
/* ═══ BEYOND THESE PATHWAYS ═══ */
.pw2-beyond{text-align:center;max-width:720px;margin:0 auto}
.pw2-beyond h2{font-family:'Playfair Display',serif;font-size:clamp(20px,2.4vw,26px);color:#fff;font-weight:700;margin-bottom:16px}
.pw2-beyond p{font-size:1.13rem;color:var(--ink-2);line-height:1.75;margin-bottom:20px}
.pw2-beyond-list{font-size:1rem;color:var(--ink-3);margin-bottom:24px;letter-spacing:0.2px}
.pw2-beyond-link{font-size:1rem;font-weight:700;color:var(--teal-light);text-decoration:none}
/* ═══ CTA (page-specific additions used alongside the shared .cta-band) ═══ */
.cta-band .btn-hero-primary{display:inline-block;}
.cta-band .pw2-cta-secondary{margin-top:16px}
.pw2-cta-secondary{display:block;margin-top:18px;font-size:1rem;font-weight:600;color:var(--ink-2);text-decoration:none}
.pw2-cta-secondary:hover{color:var(--teal-light)}
@media(max-width:900px){
  .pw2-hero{grid-template-columns:1fr;padding:120px 24px 30px;gap:30px}
  .pwx-visual{height:300px}
  .pwc-pathway{grid-template-columns:1fr;gap:14px;padding:32px 0}
  .pw2-evidence-feature{grid-template-columns:1fr;gap:32px}
  .pw2-evidence-hero{border-right:none;padding-right:0;border-bottom:1px solid var(--hairline);padding-bottom:28px}
  .pw2-evidence-secondary{padding-left:0}
  .pwp-visual{display:none}
  .pwp-mobile{display:block}
}
/* ── 26. "EPILEPSY" PATHWAY SUB-PAGE (.epi-*) ── */
/* Evidence-status chip */
.evidence-status-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}
.evidence-status-chip{font-size:0.9rem;font-weight:700;padding:8px 18px;border-radius:100px}
.evidence-status-chip.chip-live{background:rgba(78,205,196,0.1);border:1px solid rgba(78,205,196,0.35);color:var(--teal-light)}
/* Hero longitudinal visual */
.epi-hero-visual{position:relative;height:340px}
.epi-hero-visual svg{width:100%;height:100%;overflow:visible}
.epi-hv-line{fill:none;stroke:var(--teal-light);stroke-width:1.5;opacity:0.7}
.epi-hv-stream{fill:none;stroke:var(--teal-light);stroke-width:1;opacity:0.35}
.epi-hv-node{fill:var(--navy-panel);stroke:var(--teal-light);stroke-width:1.4}
.epi-hv-node.accent{stroke:var(--gold)}
.epi-hv-label{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9rem;font-weight:600;fill:var(--ink-2);text-anchor:middle}
.epi-hv-caption{text-align:center;font-size:0.9rem;color:var(--ink-3);font-style:italic;margin-top:10px}
/* Section 2 — pathway problem timeline */
.epi-timeline{max-width:1100px;margin:0 auto}
.epi-timeline svg{width:100%;height:auto;overflow:visible}
.epi-tl-line-current{fill:none;stroke:#E8365D;stroke-width:1.5;opacity:0.6}
.epi-tl-node-current{fill:var(--navy-panel);stroke:#E8365D;stroke-width:1.3}
.epi-tl-label-current{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9rem;font-weight:600;fill:#FF8FA3;text-anchor:middle}
.epi-tl-line-transformed{fill:none;stroke:var(--teal-light);stroke-width:2;opacity:0.95}
.epi-tl-node-transformed{fill:var(--navy-panel);stroke:var(--teal-light);stroke-width:1.6}
.epi-tl-label-transformed{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9rem;font-weight:600;fill:var(--teal-light);text-anchor:middle}
.epi-tl-endpoint{font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;fill:#fff;text-anchor:middle}
/* Section 3 — clinical principle editorial */
.epi-principle{max-width:760px;margin:0 auto;text-align:center}
.epi-principle p{font-size:1.19rem;color:var(--ink-2);line-height:1.8;margin-bottom:24px}
.epi-principle-line{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(22px,2.6vw,30px);color:#fff;line-height:1.4}
.epi-principle-line em{font-style:italic;color:var(--teal-light)}
/* Section 4 — transformation flow */
.epi-flow{max-width:1100px;margin:0 auto}
.epi-flow svg{width:100%;height:auto;overflow:visible}
.epi-flow-line{fill:none;stroke:var(--teal-light);stroke-width:1.8;opacity:0.85}
.epi-flow-stream{fill:none;stroke:var(--teal-light);stroke-width:1;opacity:0.3;stroke-dasharray:3 5}
.epi-flow-node{fill:var(--navy-panel);stroke:var(--teal-light);stroke-width:1.5}
.epi-flow-stage{font-family:'Playfair Display',serif;font-weight:700;font-size:1rem;fill:#fff;text-anchor:middle}
.epi-flow-sub{font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;fill:var(--ink-3);text-anchor:middle}
.epi-flow-stream-label{font-family:'Plus Jakarta Sans',sans-serif;font-size:9.5px;fill:var(--ink-3);text-anchor:middle}
/* Section 5 — what this enables */
.epi-enables{display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:1100px;margin:0 auto}
.epi-enable{padding:0 26px;border-left:1px solid var(--hairline)}
.epi-enable:first-child{border-left:none}
.epi-enable-num{font-family:'Playfair Display',serif;font-style:italic;font-size:1.13rem;color:var(--teal-light);margin-bottom:12px}
.epi-enable h4{font-family:'Playfair Display',serif;font-size:1.19rem;color:#fff;margin-bottom:12px;line-height:1.3}
.epi-enable p{font-size:1rem;color:var(--ink-2);line-height:1.65}
/* Section 6 — enabling technology */
.epi-tech{max-width:900px;margin:0 auto;text-align:center}
.epi-tech-streams{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 0;margin:28px 0}
.epi-tech-stream{font-size:1rem;color:var(--ink-2);padding:0 16px;border-right:1px solid var(--hairline)}
.epi-tech-stream:last-child{border-right:none}
.epi-tech-ai-note{max-width:640px;margin:20px auto 0;font-size:1rem;color:var(--ink-3);font-style:italic;line-height:1.65}
/* Section 7 — NHS alignment */
.epi-alignment{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;max-width:1100px;margin:0 auto}
.epi-align-item{padding:0 26px;border-left:1px solid var(--hairline)}
.epi-align-item:first-child{border-left:none}
.epi-align-item h4{font-family:'Playfair Display',serif;font-size:1.13rem;color:var(--teal-light);margin-bottom:10px;line-height:1.35}
.epi-align-item p{font-size:1rem;color:var(--ink-2);line-height:1.6}
/* Section 10 — closing statement */
.epi-closing{max-width:700px;margin:0 auto;text-align:center}
.epi-closing h2{margin-bottom:18px}
.epi-closing p{font-size:1.13rem;color:var(--ink-2);line-height:1.75;max-width:620px;margin:0 auto}
/* Section 8 — evidence split */
.epi-evidence-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;max-width:1000px;margin:0 auto}
.epi-evidence-col{}
.epi-evidence-col h4{font-size:0.9rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:18px}
.epi-evidence-col.now h4{color:var(--teal-light)}
.epi-evidence-col.next h4{color:var(--gold)}
.epi-evidence-col ul{list-style:none}
.epi-evidence-col li{font-size:1rem;color:var(--ink-2);line-height:1.6;padding-left:16px;position:relative;margin-bottom:12px}
.epi-evidence-col.now li::before{content:'—';position:absolute;left:0;color:var(--teal-light)}
.epi-evidence-col.next li::before{content:'—';position:absolute;left:0;color:var(--gold)}
.epi-evidence-tag{display:inline-block;font-size:0.9rem;font-weight:700;letter-spacing:0.4px;text-transform:uppercase;color:var(--gold);border:1px solid rgba(232,164,74,0.35);border-radius:100px;padding:5px 14px;margin-top:16px}
/* Mobile fallbacks */
.epi-hero-mobile,.epi-timeline-mobile,.epi-flow-mobile{display:none}
.epi-mobile-step{text-align:left;max-width:420px;margin:0 auto 14px;padding-left:16px;border-left:2px solid rgba(78,205,196,0.45);font-size:1rem;color:var(--ink-2)}
.epi-mobile-step strong{display:block;color:#fff;font-size:1rem;margin-bottom:2px}
.epi-mobile-step.problem{border-color:rgba(232,54,93,0.4)}
.epi-mobile-step.problem strong{color:#FF8FA3}
.epi-mobile-arrow{text-align:center;color:var(--ink-3);font-size:1rem;margin:6px 0}
@media(max-width:900px){
  .epi-enables{grid-template-columns:1fr;gap:28px}
  .epi-enable{border-left:none;padding:0 0 24px;border-bottom:1px solid var(--hairline)}
  .epi-enable:last-child{border-bottom:none;padding-bottom:0}
  .epi-alignment{grid-template-columns:1fr;gap:24px}
  .epi-align-item{border-left:none;padding:0 0 20px;border-bottom:1px solid var(--hairline)}
  .epi-align-item:last-child{border-bottom:none;padding-bottom:0}
  .epi-evidence-split{grid-template-columns:1fr;gap:32px}
  .epi-tech-stream{border-right:none;padding:0 10px}
  .epi-hero-visual{display:none}
  .epi-hero-mobile{display:block !important}
  .epi-timeline-svg-wrap{display:none}
  .epi-timeline-mobile{display:block !important}
  .epi-flow-svg-wrap{display:none}
  .epi-flow-mobile{display:block !important}
}
/* ── 27. "CARE TRANSITION & COMPLEX CARE" PATHWAY SUB-PAGE (.tcc-*) ── */
/* Hero: streams accumulate left, cross a boundary, continue right as one */
.tcc-hero-visual{position:relative;height:340px}
.tcc-hero-visual svg{width:100%;height:100%;overflow:visible}
.tcc-hv-stream{fill:none;stroke:var(--teal-light);stroke-width:1;opacity:0.4}
.tcc-hv-line{fill:none;stroke:var(--teal-light);stroke-width:1.6;opacity:0.85}
.tcc-hv-boundary{stroke:var(--coral);stroke-width:1;stroke-dasharray:2 6;opacity:0.55}
.tcc-hv-boundary-zone{fill:var(--coral);opacity:0.05}
.tcc-hv-node{fill:var(--navy-panel);stroke:var(--teal-light);stroke-width:1.4}
.tcc-hv-node.accent{stroke:var(--gold)}
.tcc-hv-label{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9rem;font-weight:600;fill:var(--ink-2);text-anchor:middle}
.tcc-hv-side-label{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.13rem;font-weight:700;fill:#fff;text-anchor:middle}
.tcc-hv-boundary-label{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;fill:var(--coral-light);text-anchor:middle}
.tcc-hv-caption{text-align:center;font-size:0.9rem;color:var(--ink-3);font-style:italic;margin-top:10px}
/* Section 2 — accumulation narrowing at the boundary */
.tcc-challenge{max-width:1100px;margin:0 auto}
.tcc-challenge svg{width:100%;height:auto;overflow:visible}
.tcc-ch-accum{fill:none;stroke:var(--teal-light);stroke-width:1.2;opacity:0.55}
.tcc-ch-narrow{fill:none;stroke:var(--coral);stroke-width:1.3;opacity:0.55}
.tcc-ch-recon{fill:none;stroke:var(--teal-light);stroke-width:1;opacity:0.4;stroke-dasharray:2 5}
.tcc-ch-boundary-zone{fill:var(--coral);opacity:0.06}
.tcc-ch-node{fill:var(--navy-panel);stroke:var(--teal-light);stroke-width:1.3}
.tcc-ch-node.frag{stroke:var(--coral)}
.tcc-ch-label{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;font-weight:600;fill:var(--ink-2);text-anchor:middle}
.tcc-ch-label.frag{fill:#FF8FA3}
.tcc-ch-side-label{font-family:'Playfair Display',serif;font-size:1.19rem;font-weight:700;fill:#fff;text-anchor:middle}
.tcc-ch-boundary-label{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;fill:var(--coral-light);text-anchor:middle}
/* Section 3 — spacious editorial principle */
.tcc-principle{max-width:760px;margin:0 auto;text-align:center}
.tcc-principle p{font-size:1.19rem;color:var(--ink-2);line-height:1.8;margin-bottom:24px}
.tcc-principle-emphasis{font-family:'Playfair Display',serif;font-weight:700;font-style:italic;font-size:clamp(24px,3vw,34px);color:var(--teal-light);margin:8px 0 28px}
.tcc-principle-line{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(20px,2.4vw,28px);color:#fff;line-height:1.55}
.tcc-principle-line em{font-style:italic;color:var(--teal-light)}
/* Section 4 — before vs transformed */
.tcc-transform-pair{display:grid;grid-template-columns:1fr 1fr;gap:56px;max-width:1100px;margin:0 auto;align-items:start}
.tcc-transform-col-label{font-size:0.9rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;text-align:center;margin-bottom:20px}
.tcc-transform-col-label.before{color:var(--coral-light)}
.tcc-transform-col-label.after{color:var(--teal-light)}
.tcc-before-visual svg{width:100%;height:auto;overflow:visible}
.tcc-after-visual svg{width:100%;height:auto;overflow:visible}
.tcc-tb-line{fill:none;stroke:var(--coral);stroke-width:1.2;opacity:0.55}
.tcc-tb-node{fill:var(--navy-panel);stroke:var(--coral);stroke-width:1.2}
.tcc-tb-label{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9rem;fill:var(--ink-2);text-anchor:middle}
.tcc-ta-line{fill:none;stroke:var(--teal-light);stroke-width:2;opacity:0.9}
.tcc-ta-node{fill:var(--navy-panel);stroke:var(--teal-light);stroke-width:1.6}
.tcc-ta-label{font-family:'Playfair Display',serif;font-size:1.13rem;font-weight:700;fill:#fff;text-anchor:middle}
.tcc-ta-sub{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9rem;fill:var(--ink-3);text-anchor:middle}
/* Section 5 — three restrained editorial columns */
.tcc-enables{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:1000px;margin:0 auto}
.tcc-enable{padding:0 30px;border-left:1px solid var(--hairline)}
.tcc-enable:first-child{border-left:none}
.tcc-enable h4{font-family:'Playfair Display',serif;font-size:1.13rem;font-weight:700;letter-spacing:0.02em;color:var(--teal-light);margin-bottom:14px;text-transform:uppercase;font-style:normal}
.tcc-enable p{font-size:1.13rem;color:var(--ink-2);line-height:1.7}
/* Section 6 — streams converge, then fan to three audiences */
.tcc-tech{max-width:900px;margin:0 auto;text-align:center}
.tcc-tech-visual{margin:32px auto}
.tcc-tech-visual svg{width:100%;height:auto;overflow:visible;max-width:640px}
.tcc-tech-line-in{fill:none;stroke:var(--teal-light);stroke-width:1;opacity:0.4}
.tcc-tech-line-out{fill:none;stroke:var(--teal-light);stroke-width:1.4;opacity:0.75}
.tcc-tech-node{fill:var(--navy-panel);stroke:var(--teal-light);stroke-width:1.5}
.tcc-tech-node.hub{stroke:var(--gold)}
.tcc-tech-label{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9rem;fill:var(--ink-2);text-anchor:middle}
.tcc-tech-hub-label{font-family:'Playfair Display',serif;font-size:1.13rem;font-weight:700;fill:#fff;text-anchor:middle}
.tcc-tech-dest-label{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;font-weight:600;fill:var(--ink-2);text-anchor:middle}
.tcc-tech-note{max-width:640px;margin:18px auto 0;font-size:1rem;color:var(--ink-3);font-style:italic;line-height:1.65}
/* Section 7 — evidence subhead */
.tcc-evidence-subhead{text-align:center;max-width:640px;margin:0 auto 40px}
.tcc-evidence-subhead h4{font-family:'Playfair Display',serif;font-size:1.19rem;color:#fff;margin-bottom:6px}
.tcc-evidence-subhead p{font-size:1rem;color:var(--ink-3)}
/* Section 8 — closing */
.tcc-closing{max-width:640px;margin:0 auto;text-align:center}
.tcc-closing h2{margin-bottom:18px}
.tcc-closing p{font-size:1.13rem;color:var(--ink-2);line-height:1.75}
/* Mobile fallbacks */
.tcc-hero-mobile,.tcc-challenge-mobile,.tcc-transform-mobile,.tcc-tech-mobile{display:none}
.tcc-mobile-step{text-align:left;max-width:420px;margin:0 auto 14px;padding-left:16px;border-left:2px solid rgba(78,205,196,0.45);font-size:1rem;color:var(--ink-2)}
.tcc-mobile-step strong{display:block;color:#fff;font-size:1rem;margin-bottom:2px}
.tcc-mobile-step.boundary{border-color:rgba(232,54,93,0.4)}
.tcc-mobile-step.boundary strong{color:#FF8FA3}
.tcc-mobile-arrow{text-align:center;color:var(--ink-3);font-size:1rem;margin:6px 0}
@media(max-width:900px){
  .tcc-enables{grid-template-columns:1fr;gap:28px}
  .tcc-enable{border-left:none;padding:0 0 24px;border-bottom:1px solid var(--hairline)}
  .tcc-enable:last-child{border-bottom:none;padding-bottom:0}
  .tcc-transform-pair{grid-template-columns:1fr;gap:40px}
  .tcc-hero-visual{display:none}
  .tcc-hero-mobile{display:block !important}
  .tcc-challenge{display:none}
  .tcc-challenge-mobile{display:block !important}
  .tcc-before-visual,.tcc-after-visual{display:none}
  .tcc-transform-mobile{display:block !important}
  .tcc-tech-visual{display:none}
  .tcc-tech-mobile{display:block !important}
}
/* ── 28. "ABOUT" PAGE — Vision / Image / Mission, and "Our Story" (.vision-*, .mission-*, .story-*) ── */
/* ═══ ABOUT — VISION / IMAGE / MISSION ═══ */
.vision-section{background:var(--white);padding:180px 24px 160px;text-align:center}
.vision-eyebrow{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--teal-dark);margin-bottom:36px}
.vision-statement{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(30px,4.4vw,58px);line-height:1.35;letter-spacing:-0.5px;color:var(--navy-dark);max-width:780px;margin:0 auto}
.vision-image-section{background:var(--white);overflow:hidden}
.vision-image-frame{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 0 180px}
.vision-image{width:100%;height:auto;display:block;aspect-ratio:16/7;object-fit:cover;object-position:center 42%}
.mission-section{background:var(--navy-dark);padding:170px 24px}
.mission-eyebrow{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--teal-light);text-align:center;margin-bottom:36px}
.mission-statement{font-family:'Playfair Display',serif;font-weight:600;font-size:clamp(21px,2.7vw,33px);line-height:1.6;color:var(--white);max-width:740px;margin:0 auto;text-align:center}
@media(max-width:900px){
  .vision-section{padding:100px 24px 70px}
  .vision-image-frame{padding:0 0 90px}
  .vision-image{aspect-ratio:4/5;object-position:center 60%}
  .mission-section{padding:90px 24px}
}
/* ═══ OUR STORY ═══ */
.story-section{background:var(--white);color:var(--navy-dark);padding:140px 0 0}
.story-intro{max-width:640px;margin:0 auto 100px;padding:0 24px;text-align:center}
.story-eyebrow{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--teal-dark);margin-bottom:0}
.story-intro-line{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(24px,2.8vw,32px);color:var(--navy-dark);margin-top:18px}
.story-archival{max-width:340px}
.story-archival .story-image-frame{border:1px solid rgba(11,45,69,0.12);box-shadow:0 12px 28px rgba(11,45,69,0.1)}
.story-archival .story-caption{font-size:0.9rem}
.story-beat-immersive .story-beat-grid{grid-template-columns:0.85fr 1.15fr}
.story-beat-immersive .story-image-frame{box-shadow:0 26px 60px rgba(11,45,69,0.18)}
.story-turning-point{max-width:none;padding:0 0 150px}
.story-tp-kicker-wrap{max-width:1180px;margin:0 auto;padding:0 24px 36px;text-align:center}
.story-tp-image{width:100vw;margin-left:calc(50% - 50vw)}
.story-tp-image img{width:100%;height:auto;display:block;max-height:640px;object-fit:cover}
.story-tp-caption-wrap{max-width:760px;margin:28px auto 0;padding:0 24px;text-align:center}
.story-tp-caption-wrap .story-body{margin:0 auto;max-width:640px;text-align:center}
.story-tp-caption-wrap .story-pull{margin:20px auto;max-width:640px;text-align:center}
.story-chapter{background:#EAF5F3;padding:130px 0;position:relative;overflow:hidden;margin-bottom:150px}
.story-chapter-ribbon{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.5;pointer-events:none}
.story-chapter-inner{position:relative;max-width:1180px;margin:0 auto;padding:0 24px;text-align:center}
.story-chapter .story-kicker{justify-content:center}
.story-chapter-lede{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(28px,3.2vw,40px);line-height:1.3;color:var(--navy-dark);margin-bottom:50px;max-width:700px;margin-left:auto;margin-right:auto}
.story-chapter-stats{display:flex;justify-content:center;gap:140px;margin-bottom:56px;flex-wrap:wrap}
.story-chapter-stat-number{font-family:'Playfair Display',serif;font-weight:700;font-size:96px;color:var(--gold);line-height:1}
.story-chapter-stat-label{font-size:1.13rem;color:rgba(11,45,69,0.6);margin-top:10px;letter-spacing:0.3px}
.story-chapter-body{max-width:640px;margin:0 auto 50px;font-size:1.13rem;line-height:1.85;color:rgba(11,45,69,0.68)}
.story-chapter-cycle{display:flex;justify-content:space-between;align-items:center;max-width:900px;margin:0 auto 50px;flex-wrap:wrap;gap:12px}
.story-chapter-cycle .cycle-step{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--teal-dark)}
.story-chapter-cycle .cycle-arrow{color:rgba(11,45,69,0.25);font-size:1.19rem}
.story-chapter-fragment{max-width:380px;margin:0 auto}
.story-chapter-fragment .story-image-frame{box-shadow:0 10px 24px rgba(11,45,69,0.14)}
.story-chapter-fragment .story-caption{font-size:0.9rem}
.story-shift{max-width:820px;margin:0 auto 150px;padding:0 24px;text-align:center}
.story-shift-lede{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(28px,3.4vw,42px);line-height:1.3;color:var(--navy-dark);margin-bottom:30px}
.story-shift-body{font-size:1.13rem;line-height:1.85;color:rgba(11,45,69,0.65);max-width:560px;margin:0 auto 60px}
.story-ribbon-shift{position:relative;height:70px;max-width:700px;margin:0 auto 40px}
.story-ribbon-shift svg{width:100%;height:100%}
.story-thennow-v2{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.story-thennow-v2 .story-tn-label{margin-bottom:16px}
.story-thennow-v2 .story-tn-quote{font-size:20px}
.story-today-media{display:flex;justify-content:center;margin-top:48px}
.story-today-media .story-image-frame{max-width:340px}
@media(max-width:900px){
  .story-beat-immersive .story-beat-grid{grid-template-columns:1fr}
  .story-archival{max-width:220px;margin:0 auto}
  .story-tp-image img{max-height:360px}
  .story-chapter{padding:80px 0;margin-bottom:90px}
  .story-chapter-stats{gap:60px}
  .story-chapter-stat-number{font-size:64px}
  .story-chapter-cycle{justify-content:center}
  .story-shift{margin-bottom:90px}
  .story-thennow-v2{grid-template-columns:1fr;gap:32px}
}
.story-beat{max-width:1180px;margin:0 auto;padding:0 24px 150px}
.story-beat-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.story-beat:nth-of-type(even) .story-beat-grid{direction:rtl}
.story-beat:nth-of-type(even) .story-beat-grid > *{direction:ltr}
.story-kicker{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--teal-dark);margin-bottom:22px}
.story-lede{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(26px,3vw,36px);line-height:1.3;color:var(--navy-dark);margin-bottom:24px}
.story-body{font-size:1.13rem;line-height:1.85;color:rgba(11,45,69,0.68);margin-bottom:18px;max-width:480px}
.story-pull{font-family:'Playfair Display',serif;font-style:italic;font-size:19px;line-height:1.55;color:var(--navy-dark);margin:28px 0;max-width:460px}
.story-image-frame{border-radius:4px;overflow:hidden;box-shadow:0 20px 50px rgba(11,45,69,0.14);border:1px solid rgba(11,45,69,0.08)}
.story-image-frame img{width:100%;height:auto;display:block}
.story-caption{font-size:0.9rem;color:rgba(11,45,69,0.45);margin-top:14px;font-style:italic}
.story-connector{max-width:600px;margin:0 auto 150px;padding:0 24px;text-align:center;position:relative}
.story-connector::before{content:'';position:absolute;top:-70px;left:50%;width:1px;height:56px;background:linear-gradient(to bottom, transparent, rgba(78,205,196,0.4))}
.story-connector .story-kicker{justify-content:center}
.story-stats-row{display:flex;justify-content:center;gap:100px;margin:36px 0 44px;flex-wrap:wrap}
.story-stat{text-align:center}
.story-stat-number{font-family:'Playfair Display',serif;font-weight:700;font-size:56px;color:var(--gold);line-height:1}
.story-stat-label{font-size:1rem;color:rgba(11,45,69,0.55);margin-top:6px}
.story-cycle{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--teal-dark);margin:36px 0}
.story-cycle span.arrow{color:rgba(11,45,69,0.25);font-weight:400}
.story-fragment{max-width:280px;margin:56px auto 0;text-align:center}
.story-fragment .story-image-frame{box-shadow:0 10px 26px rgba(11,45,69,0.12)}
.story-fragment .story-caption{font-size:0.9rem}
.story-thennow{max-width:760px;margin:0 auto 150px;padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;gap:36px;align-items:center;text-align:center}
.story-tn-label{font-size:0.9rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(11,45,69,0.4);margin-bottom:14px}
.story-tn-quote{font-family:'Playfair Display',serif;font-style:italic;font-size:19px;line-height:1.5;color:var(--navy-dark)}
.story-tn-arrow{font-size:22px;color:var(--teal-light)}
.story-closing{background:var(--navy-dark);color:#fff;padding:130px 24px;text-align:center}
.story-closing-eyebrow{font-size:0.9rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:28px}
.story-closing h2{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(24px,3vw,34px);line-height:1.4;max-width:680px;margin:0 auto 32px}
.story-closing p{font-size:1.13rem;line-height:1.85;color:rgba(255,255,255,0.72);max-width:600px;margin:0 auto}
.story-closing-split{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(22px,2.6vw,30px);line-height:1.5;margin-top:56px}
.story-closing-split .fade{color:rgba(255,255,255,0.35)}
.story-vision-callback{max-width:560px;margin:70px auto 0;padding-top:56px;border-top:1px solid rgba(255,255,255,0.14)}
.story-vision-callback p:first-child{font-size:0.9rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:16px}
.story-vision-callback p:last-child{font-family:'Playfair Display',serif;font-style:italic;font-size:20px;color:#fff}
.story-final-image{max-width:420px;margin:70px auto 0}
.story-final-note{max-width:500px;margin:16px auto 0;font-size:0.9rem;color:rgba(255,255,255,0.4);font-style:italic;text-align:center}
.story-wordmark{margin-top:70px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:22px;letter-spacing:1px;color:var(--gold)}
@media(max-width:900px){
  .story-section{padding:90px 0 0}
  .story-intro{margin-bottom:70px}
  .story-beat{padding:0 24px 90px}
  .story-beat-grid{grid-template-columns:1fr;gap:32px;direction:ltr !important}
  .story-beat-grid > *{direction:ltr !important}
  .story-connector{margin-bottom:90px}
  .story-connector::before{top:-45px;height:36px}
  .story-stats-row{gap:50px}
  .story-stat-number{font-size:42px}
  .story-thennow{grid-template-columns:1fr;gap:20px;margin-bottom:90px}
  .story-tn-arrow{transform:rotate(90deg)}
  .story-closing{padding:80px 24px}
  .story-closing-split{margin-top:40px}
  .story-vision-callback{margin-top:48px;padding-top:40px}
}
/* ── 29. "CONTACT" PAGE (.contact-hero, .contact-enquiries, .contact-offices, .contact-credentials-*) ── */
.contact-hero{max-width:820px;margin:0 auto;padding:176px 24px 56px;text-align:center}
.contact-eyebrow{font-size:1.13rem;font-weight:600;color:var(--teal-light);letter-spacing:0.02em;margin-bottom:20px}
.contact-hero h1{font-family:'Playfair Display',serif;font-weight:600;font-size:clamp(34px,4.6vw,52px);line-height:1.2;color:var(--ink-1);margin-bottom:22px}
.contact-hero p{font-size:19px;line-height:1.65;color:var(--ink-2);max-width:600px;margin:0 auto}
.contact-enquiries{max-width:640px;margin:0 auto;padding:0 24px 76px;text-align:center}
.contact-enquiries h2{font-size:1.13rem;font-weight:700;letter-spacing:0.03em;color:var(--gold-light);margin-bottom:16px}
.contact-enquiries p{font-size:17px;line-height:1.6;color:var(--ink-2);margin-bottom:14px}
.contact-email{display:inline-block;font-size:24px;font-weight:700;color:var(--teal-light);text-decoration:none;border-bottom:2px solid rgba(78,205,196,0.35);padding-bottom:4px}
.contact-email:hover{color:var(--white);border-bottom-color:var(--teal-light)}
.contact-steer{font-size:1.19rem;color:var(--ink-2);line-height:1.6;margin-top:28px}
.contact-steer a{color:var(--teal-light);text-decoration:none;font-weight:600;border-bottom:1px solid rgba(78,205,196,0.35)}
.contact-offices{max-width:1080px;margin:0 auto;padding:0 24px 70px}
.contact-offices-heading{font-size:1.13rem;font-weight:700;letter-spacing:0.03em;color:var(--gold-light);text-align:center;margin-bottom:36px}
.contact-offices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.contact-office-card{background:var(--glass);border:1px solid var(--hairline);border-radius:14px;padding:30px 28px}
.contact-office-name{font-size:17px;font-weight:700;color:var(--ink-1);margin-bottom:6px}
.contact-office-role{font-size:1rem;color:var(--teal-light);margin-bottom:16px}
.contact-office-address{font-size:1.135rem;line-height:1.65;color:var(--ink-2)}
.contact-office-company{font-size:1.13rem;color:var(--ink-3);text-align:center;max-width:640px;margin:32px auto 0;line-height:1.6}
.contact-credentials-band{max-width:760px;margin:0 auto 96px;padding:0 24px}
.contact-credentials-inner{border-top:1px solid var(--hairline);padding-top:40px;text-align:center}
.contact-credentials-group-label{font-size:1rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px}
.contact-credentials-group-label-second{margin-top:30px}
.contact-credentials-row{display:flex;flex-direction:row;align-items:center;gap:14px}
.contact-orcha-badge{height:64px;width:auto;border-radius:8px}
.contact-credentials-row-badges{gap:20px;margin-top:18px}
.contact-small-badge{height:52px;width:auto;border-radius:8px}
.contact-credentials-text{font-size:1.13rem;line-height:1.9;color:var(--ink-1);}
.contact-progress-note{font-size:1rem;color:var(--ink-3);margin-top:28px;padding-top:20px;border-top:1px solid var(--hairline)}
@media (max-width:820px){
  .contact-offices-grid{grid-template-columns:1fr}
}
@media (max-width:720px){
  .contact-hero{padding-top:140px}
}
/* ── 30. "CASE STUDIES" PAGE (.cs-*) ── */
.cs-hero{max-width:760px;margin:0 auto;padding:150px 24px 80px;text-align:center}
.cs-eyebrow{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--teal-light);margin-bottom:24px}
.cs-hero h1{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(30px,4vw,46px);line-height:1.25;color:#fff;margin-bottom:22px}
.cs-hero p{font-size:1.19rem;line-height:1.75;color:var(--ink-2);max-width:600px;margin:0 auto}
.cs-featured{max-width:1180px;margin:0 auto;padding:0 24px 100px;display:grid;grid-template-columns:1.1fr 0.9fr;gap:72px;align-items:start}
.cs-feat-meta{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--teal-light);margin-bottom:20px}
.cs-feat-title{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(26px,3vw,36px);line-height:1.3;color:#fff;margin-bottom:20px}
.cs-feat-summary{font-size:1.13rem;line-height:1.75;color:var(--ink-2);margin-bottom:26px;max-width:480px}
.cs-feat-quote{border-left:3px solid var(--teal-light);padding-left:20px;margin:0 0 26px;max-width:480px}
.cs-feat-quote p{font-style:italic;color:var(--ink-1);font-size:1.13rem;line-height:1.7;margin-bottom:8px}
.cs-feat-quote cite{font-style:normal;font-size:1rem;color:var(--ink-3);font-weight:600}
.cs-feat-link{font-size:1.13rem;font-weight:700;color:var(--teal-light);text-decoration:none;border-bottom:1.5px solid rgba(78,205,196,0.4);padding-bottom:2px}
.cs-feat-link:hover{text-decoration:none;border-bottom-color:var(--teal-light)}
.cs-evidence-panel{border-left:1px solid var(--hairline);padding-left:44px}
.cs-metric{padding:26px 0;border-bottom:1px solid var(--hairline)}
.cs-metric:first-child{padding-top:0}
.cs-metric:last-child{border-bottom:none;padding-bottom:0}
.cs-metric-number{font-family:'Playfair Display',serif;font-weight:700;font-size:38px;color:var(--gold);line-height:1;margin-bottom:10px}
.cs-metric-desc{font-size:1rem;color:var(--ink-2);line-height:1.6;margin-bottom:8px}
.cs-evidence-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;color:rgba(232,164,74,0.85)}
.cs-evidence-tag.modelled{color:var(--ink-3)}
.cs-collection{max-width:1180px;margin:0 auto;padding:0 24px 110px;position:relative}
.cs-collection-intro{max-width:640px;margin:0 0 60px}
.cs-collection h2{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(24px,2.8vw,32px);color:#fff;margin-bottom:16px}
.cs-collection-intro p{font-size:1.13rem;color:var(--ink-2);line-height:1.7}
.cs-entry{display:block;padding:40px 0;border-bottom:1px solid var(--hairline);text-decoration:none;position:relative;transition:background .2s;max-width:640px}
.cs-entry:hover{background:rgba(255,255,255,0.02)}
.cs-entry:hover .cs-entry-link{transform:translateX(4px)}
.cs-entry:first-child{padding-top:0}
.cs-entry-pathway{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--teal-light);margin-bottom:16px}
.cs-entry-title{font-family:'Playfair Display',serif;font-weight:700;font-size:22px;color:#fff;margin-bottom:12px;line-height:1.35}
.cs-entry-desc{font-size:1.13rem;color:var(--ink-2);line-height:1.65;margin-bottom:14px;max-width:440px}
.cs-entry-context{font-size:1rem;color:var(--ink-3);margin-bottom:18px}
.cs-entry-link{display:inline-block;font-size:1rem;font-weight:700;color:#fff;transition:transform .2s}
.cs-entry:focus-visible{outline:2px solid var(--teal-light);outline-offset:6px}
.cs-principle{max-width:680px;margin:0 auto;padding:100px 24px;text-align:center}
.cs-principle .cs-eyebrow{color:var(--gold)}
.cs-principle h2{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(24px,2.8vw,32px);line-height:1.4;color:#fff;margin-bottom:20px}
.cs-principle p{font-size:1.13rem;color:var(--ink-2);line-height:1.75}
.cs-cta{max-width:640px;margin:0 auto;padding:100px 24px 130px;text-align:center}
.cs-cta h2{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(26px,3vw,36px);color:#fff;margin-bottom:18px}
.cs-cta p{font-size:1.13rem;color:var(--ink-2);margin-bottom:36px}
@media(max-width:900px){
  .cs-hero{padding:110px 24px 60px}
  .cs-featured{grid-template-columns:1fr;gap:44px;padding:0 24px 70px}
  .cs-evidence-panel{border-left:none;padding-left:0;border-top:1px solid var(--hairline);padding-top:32px}
  .cs-collection{padding:0 24px 80px}
  .cs-entry{padding:28px 0}
  .cs-principle{padding:70px 24px}
  .cs-cta{padding:70px 24px 90px}
}
/* ── 31. "OUR TEAM" PAGE (.team-*) ── */
.team-hero{max-width:720px;margin:0 auto;padding:150px 24px 80px;text-align:center}
.team-eyebrow{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--teal-light);margin-bottom:24px}
.team-hero h1{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(30px,4vw,46px);line-height:1.25;color:#fff;margin-bottom:22px}
.team-hero p{font-size:1.19rem;line-height:1.75;color:var(--ink-2);max-width:560px;margin:0 auto}
.team-featured{max-width:1100px;margin:0 auto;padding:0 24px 110px;display:grid;grid-template-columns:0.85fr 1.15fr;gap:64px;align-items:center}
.team-featured-photo{position:relative}
.team-featured-photo .team-photo-frame{border-radius:4px;overflow:hidden;box-shadow:0 24px 56px rgba(11,45,69,0.3);border:1px solid rgba(255,255,255,0.08)}
.team-featured-photo img{width:100%;height:auto;display:block}
.team-featured-name{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(24px,2.8vw,32px);color:#fff;margin-bottom:10px}
.team-featured-role{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;font-weight:700;letter-spacing:0.5px;color:var(--teal-light);margin-bottom:22px;line-height:1.6}
.team-featured-bio{font-size:1.13rem;line-height:1.8;color:var(--ink-2);max-width:440px}
.team-grid-section{max-width:1100px;margin:0 auto;padding:0 24px 110px}
.team-grid-heading{text-align:center;margin-bottom:64px}
.team-grid-heading h2{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(22px,2.6vw,28px);color:#fff}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:56px 40px}
.team-card{text-align:center}
.team-placeholder-frame{aspect-ratio:1;border-radius:4px;border:1px solid rgba(255,255,255,0.14);background:rgba(255,255,255,0.03);display:flex;align-items:center;justify-content:center;margin-bottom:18px;position:relative}
.team-placeholder-initials{font-family:'Playfair Display',serif;font-weight:700;font-size:34px;color:rgba(255,255,255,0.28)}
.team-placeholder-tag{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:9.5px;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,0.22)}
.team-card-name{font-family:'Playfair Display',serif;font-weight:700;font-size:17px;color:#fff;margin-bottom:6px}
.team-card-role{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;color:var(--teal-light);letter-spacing:0.2px}
.team-dev-note{max-width:640px;margin:0 auto 110px;padding:0 24px;text-align:center;border-top:1px solid rgba(255,255,255,0.14);padding-top:56px}
.team-dev-note p{font-size:1.13rem;line-height:1.75;color:var(--ink-2)}
.team-dev-note .dev-label{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:14px}
.team-cta{max-width:560px;margin:0 auto;padding:0 24px 140px;text-align:center}
.team-cta h2{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(22px,2.6vw,28px);color:#fff;margin-bottom:16px}
.team-cta p{font-size:1.13rem;color:var(--ink-2);margin-bottom:8px}
@media(max-width:900px){
  .team-hero{padding:110px 24px 60px}
  .team-featured{grid-template-columns:1fr;gap:36px;padding:0 24px 80px}
  .team-featured-photo .team-photo-frame{max-width:320px;margin:0 auto}
  .team-grid{grid-template-columns:1fr 1fr;gap:40px 28px}
  .team-grid-heading{margin-bottom:44px}
  .team-dev-note{padding-top:40px;margin-bottom:80px}
}
@media(max-width:560px){
  .team-grid{grid-template-columns:1fr;max-width:280px;margin-left:auto;margin-right:auto}
}
/* ── 32. "TECHNOLOGY" PAGE (.tech-*) ──────────────────────────────────
   Source paste was, once again, a stale/older full-site export: its own
   :root (missing --navy-panel-2/--coral-light and the current
   --glass-hover), base html/body (16px body font, no overflow-x/word-
   spacing), NAV (old space-between/76px-height/44px-logo bar, no
   .nav-burger mobile menu at all), .btn-ghost/.btn-coral/.btn-dot-nav,
   .btn-hero-primary/.btn-dot, and the full multi-column .site-footer
   block are all superseded by the current versions already in §1–§6, §5,
   §6/§20 and §15b of this file respectively — none of that was
   reapplied here, matching how every other subpage merge in this file
   has been handled. Only the genuinely new, uniquely-prefixed .tech-*
   page content below was merged in. No naming collisions were found
   against existing master selectors (zero pre-existing .tech- rules). ── */
/* ============ 1. HERO ============ */
.tech-hero{max-width:780px;margin:0 auto;padding:170px 24px 24px;text-align:center}
.tech-eyebrow{font-size:1.13rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--teal-light);margin-bottom:22px}
.tech-hero h1{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(34px,5vw,56px);line-height:1.16;color:var(--white);margin-bottom:22px}
.tech-hero h1 .tech-muted{color:rgba(255,255,255,0.5);font-weight:400}
.tech-hero p{font-size:18px;color:var(--ink-2);max-width:540px;margin:0 auto}
/* ============ 2. PATHWAY FLOW ============ */
.tech-flow{max-width:980px;margin:70px auto 0;padding:0 24px 100px;text-align:center}
.tech-flow-label{font-size:1rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:44px}
.tech-flow-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:8px;position:relative}
.tech-flow-row::before{content:'';position:absolute;left:6%;right:6%;top:26px;height:1px;background:linear-gradient(90deg, rgba(78,205,196,0.05), rgba(78,205,196,0.5) 10%, rgba(78,205,196,0.5) 90%, rgba(78,205,196,0.05))}
.tech-flow-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;width:140px}
.tech-flow-icon{width:52px;height:52px;border-radius:50%;background:var(--navy-dark);border:1px solid rgba(78,205,196,0.5);display:flex;align-items:center;justify-content:center}
.tech-flow-icon svg{width:22px;height:22px}
.tech-flow-node-label{font-size:0.9rem;font-weight:700;color:var(--ink-2);text-align:center;line-height:1.3}
.tech-flow-note{font-size:1.13rem;color:var(--ink-3);max-width:520px;margin:44px auto 0;line-height:1.65}
/* Dashboard composite — same illustrative style as the homepage ecosystem
   mockups (§13b), reprised here standalone and scaled up under its own
   .tech- prefix so it can't collide with the homepage's .mini-card/
   .app-shell/.stg/etc. */
.tech-dashboard-wrap{max-width:560px;margin:56px auto 0}
.tech-dashboard-caption{font-size:0.9rem;color:var(--ink-3);text-align:center;margin-top:14px}
.tech-laptop-screen{background:#F7FAFA;border-radius:12px 12px 0 0;border:8px solid #2A3540;border-bottom:none;overflow:hidden;aspect-ratio:16/10.5}
.tech-laptop-base{height:14px;background:#2A3540;border-radius:0 0 10px 10px}
.tech-app-shell{display:grid;grid-template-columns:56px 1fr;height:100%}
.tech-app-side{background:#fff;border-right:1px solid #E4E9EB;display:flex;flex-direction:column;align-items:center;padding:18px 0;gap:20px}
.tech-app-side svg{width:20px;height:20px;color:#8A97A0}
.tech-app-side svg.active{color:var(--teal)}
.tech-app-main{padding:20px 24px}
.tech-app-title{font-family:'Playfair Display',serif;font-weight:700;font-size:19px;color:var(--navy-dark);margin-bottom:16px}
.tech-mini-card{background:#fff;border:1px solid #E4E9EB;border-radius:12px;padding:13px 16px;margin-bottom:13px}
.tech-mini-label{font-size:0.9rem;font-weight:700;letter-spacing:0.6px;text-transform:uppercase;color:#8A97A0;margin-bottom:9px}
.tech-stage-row{display:flex;gap:4px}
.tech-stg{flex:1;height:7px;border-radius:4px;background:#E4E9EB}
.tech-stg.done{background:var(--teal-light)}.tech-stg.now{background:var(--teal)}
.tech-mini-grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px}
.tech-dash-stat-row{display:flex;gap:14px;margin-bottom:13px}
.tech-dash-stat{flex:1;background:#fff;border:1px solid #E4E9EB;border-radius:10px;padding:9px 12px}
.tech-dash-stat-num{font-family:'Playfair Display',serif;font-weight:700;font-size:23px;color:var(--navy-dark);line-height:1.1}
.tech-dash-stat-lbl{font-size:10px;color:#8A97A0;text-transform:uppercase;letter-spacing:0.5px;margin-top:2px}
.tech-alert-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--coral);margin-right:5px}
.tech-mini-list-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:0.9rem}
.tech-mini-list-row .tech-bar{width:78px;height:5px;background:#E4E9EB;border-radius:3px}
.tech-tagx{font-size:0.9rem;font-weight:700;padding:2px 9px;border-radius:100px}
.tech-tagx.review{background:rgba(232,164,74,0.16);color:var(--gold)}
.tech-tagx.ontrack{background:rgba(78,205,196,0.16);color:var(--teal)}
.tech-mini-bars{display:flex;align-items:flex-end;gap:4px;height:34px;margin-top:5px}
.tech-mini-bars div{flex:1;background:var(--teal-light);border-radius:2px 2px 0 0}
/* ============ 3. FOUR VIEWS ============ */
.tech-views{max-width:1000px;margin:0 auto;padding:0 24px 110px}
.tech-views-eyebrow{font-size:1rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--teal-light);text-align:center;margin-bottom:16px}
.tech-views h2{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(26px,3vw,34px);color:var(--white);text-align:center;margin-bottom:56px;line-height:1.3}
.tech-views-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hairline)}
.tech-view{background:var(--navy-dark);padding:36px 26px}
.tech-view-role{font-size:0.9rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.tech-view p{font-size:1.13rem;color:var(--ink-2);line-height:1.65}
/* ============ 4. INFO TO INTELLIGENCE ============ */
.tech-hierarchy{max-width:440px;margin:0 auto;padding:0 24px 110px;text-align:center}
.tech-hierarchy-eyebrow{font-size:1rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:26px}
.tech-hierarchy h2{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(26px,3.2vw,36px);color:var(--white);margin-bottom:56px;line-height:1.3}
.tech-hchain{position:relative}
.tech-hnode{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px;padding-bottom:44px}
.tech-hnode:last-child{padding-bottom:0}
.tech-hnode::before{content:'';position:absolute;top:52px;bottom:-44px;left:50%;width:1px;background:rgba(78,205,196,0.28);transform:translateX(-50%)}
.tech-hnode:last-child::before{display:none}
.tech-hnode.zone-break::before{background:repeating-linear-gradient(to bottom, rgba(255,255,255,0.35) 0 4px, transparent 4px 9px)}
.tech-hicon{width:52px;height:52px;border-radius:50%;background:var(--navy-dark);border:1px solid rgba(78,205,196,0.5);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tech-hicon svg{width:22px;height:22px}
.tech-hnode.emph .tech-hicon{border-color:var(--teal-light);background:rgba(78,205,196,0.12)}
.tech-hnode.final .tech-hicon{border-color:var(--white);border-width:2px}
.tech-hlabel{font-size:1.19rem;font-weight:600;color:var(--ink-1)}
.tech-hnode.emph .tech-hlabel{color:var(--teal-light);font-weight:700}
.tech-hnode.final .tech-hlabel{color:var(--white);font-weight:700}
.tech-hzone-tag{position:absolute;right:-14px;top:50%;transform:translate(100%,-50%);font-size:0.9rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}
/* (the source repeated a bare `.tech-hnode{position:relative}` here — already
   set above in the base .tech-hnode rule, so the duplicate was dropped) */
.tech-hierarchy p.tech-hierarchy-note{font-size:1.13rem;color:var(--ink-3);max-width:480px;margin:44px auto 0;line-height:1.65}
@media(max-width:520px){
  .tech-hzone-tag{display:none}
}
/* ============ 5. AI GOVERNANCE ============ */
.tech-governance{max-width:680px;margin:0 auto;padding:0 24px 110px;text-align:center}
.tech-governance-eyebrow{font-size:1rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--teal-light);margin-bottom:26px}
.tech-governance h2{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(28px,3.4vw,40px);color:var(--white);margin-bottom:26px;line-height:1.3}
.tech-governance p{font-size:1.19rem;color:var(--ink-2);line-height:1.75;margin-bottom:16px}
.tech-governance-trust{font-size:1.13rem;font-weight:600;color:var(--ink-3);margin-top:28px}
/* ============ 6. WORKFLOW AUTOMATION ============ */
.tech-workflow{max-width:680px;margin:0 auto;padding:0 24px 110px;text-align:center}
.tech-workflow-eyebrow{font-size:1rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:26px}
.tech-workflow h2{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(28px,3.4vw,40px);color:var(--white);margin-bottom:26px;line-height:1.3}
.tech-workflow p{font-size:1.19rem;color:var(--ink-2);line-height:1.75;margin-bottom:24px}
.tech-workflow-tags{font-size:1rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--ink-3)}
/* ============ 7. PATHWAY VISIBILITY ============ */
.tech-visibility{max-width:680px;margin:0 auto;padding:0 24px 110px;text-align:center}
.tech-visibility-eyebrow{font-size:1rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--teal-light);margin-bottom:26px}
.tech-visibility h2{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(28px,3.4vw,40px);color:var(--white);margin-bottom:26px;line-height:1.3}
.tech-visibility p{font-size:1.19rem;color:var(--ink-2);line-height:1.75;margin-bottom:24px}
.tech-visibility-tags{font-size:1rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--ink-3)}
/* ============ 8. NHS DEPLOYMENT TRUST LAYER ============ */
.tech-trust{max-width:760px;margin:0 auto;padding:0 24px 110px;text-align:center}
.tech-trust-eyebrow{font-size:1rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:32px}
.tech-trust-row{display:flex;flex-direction:column;align-items:center;gap:16px}
.tech-trust-badge{height:56px;width:auto;border-radius:8px}
.tech-trust-badges{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center}
.tech-trust-text{font-size:1.13rem;line-height:1.9;color:var(--ink-1);max-width:560px}
/* ============ 9. CLOSING ============ */
.tech-closing{max-width:640px;margin:0 auto;padding:20px 24px 30px;text-align:center;border-top:1px solid var(--hairline);padding-top:80px}
.tech-closing h2{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(28px,3.6vw,42px);line-height:1.28;margin-bottom:36px}
.tech-closing h2 .tech-muted{color:rgba(255,255,255,0.5);font-weight:400}
.tech-closing h2 .tech-bold{color:var(--white)}
.tech-closing-links{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;font-size:1.13rem}
.tech-closing-links a{text-decoration:none;font-weight:700}
.tech-closing-links a.secondary{color:var(--teal-light)}
.tech-cta{max-width:640px;margin:0 auto;padding:40px 24px 130px;text-align:center}
@media(max-width:900px){
  .tech-views-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .tech-hero{padding-top:130px}
  .tech-flow-row::before{display:none}
  .tech-flow-node{width:30%}
}
@media(max-width:560px){
  .tech-views-grid{grid-template-columns:1fr}
}

.eco-section{padding:80px 24px;max-width:1080px;margin:0 auto}
.cred-layer{text-align:center;padding:44px 0}
.cred-eyebrow{font-size:1.13rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--teal-light);margin-bottom:50px}
.cred-divider{max-width:600px;margin:0 auto;height:1px;background:var(--hairline)}

/* Layer 1: OUH */
.cred-ouh-layer{padding-top:10px}
.cred-ouh-logo{height: 100px;
    width: auto;
    background: var(--white);
    border-radius: 10px;
    padding: 10px 5px;
    margin-bottom: 28px;}
.cred-ouh-copy{font-size:1.3rem;color:var(--ink-2);max-width:600px;margin:0 auto;line-height:1.7}

/* Layer 2: Ecosystem logos */
.cred-logo-row{display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 70px 85px;}
.cred-logo{height: 70px;
    width: auto;
    background: var(--white);
    border-radius: 8px;
    padding: 10px 16px;}
.cred-text-logo{font-size:19px;font-weight:700;color:var(--ink-1);white-space:nowrap}
.cred-text-logo .sub{display:block;font-size:1rem;font-weight:500;color:var(--ink-3);white-space:normal}

/* Layer 3: Assurance */
.cred-assurance-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:44px}
.cred-assurance-item{display:flex;flex-direction:column;align-items:center;gap:14px;/*width:160px*/}
.cred-assurance-item svg,.cred-assurance-item img{height:70px;width:auto}
.cred-assurance-item span{font-size:1.13rem;font-weight:600;color:var(--ink-2);line-height:1.4}
.cred-assurance-item .sub{font-size:0.95rem;;font-weight:500;color:var(--ink-3)}

@media(max-width:900px){
  .eco-card{padding:36px 28px}
  .assurance-badge{width:45%}
}

/* HERO */
.ds-hero{max-width:780px;margin:0 auto;padding:150px 24px 20px;text-align:center}
.ds-eyebrow{font-size:1rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--teal-light);margin-bottom:18px}
.ds-hero h1{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(32px,4.4vw,50px);color:var(--white);margin-bottom:20px;line-height:1.2}
.ds-hero p{font-size:1.135rem;color:var(--ink-2);max-width:600px;margin:0 auto;line-height:1.7}
.ds-hero-meta{font-size:1rem;color:var(--ink-3);margin-top:20px}

/* STATUS STRIP */
.ds-status-strip{max-width:900px;margin:48px auto 0;padding:0 24px;display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.ds-status-item{display:flex;align-items:center;gap:10px;background:var(--glass);border:1px solid var(--hairline);border-radius:100px;padding:10px 20px 10px 14px}
.ds-status-item .dot{width:8px;height:8px;border-radius:50%;background:var(--teal-light);flex-shrink:0}
.ds-status-item span{font-size:1rem;font-weight:600;color:var(--ink-1)}

/* SECTIONS */
.ds-section{max-width:780px;margin:0 auto;padding:64px 24px;border-top:1px solid var(--hairline)}
.ds-section:first-of-type{border-top:none}
.ds-section-label{font-size:0.95rem;;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.ds-section h2{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(24px,2.8vw,32px);color:var(--white);margin-bottom:20px;line-height:1.3}
.ds-section p{font-size:15.5px;color:var(--ink-2);margin-bottom:16px;line-height:1.75}
.ds-section p:last-child{margin-bottom:0}
.ds-section strong{color:var(--ink-1);font-weight:600}

.ds-fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hairline);margin-top:24px;border-radius:12px;overflow:hidden}
.ds-fact{background:var(--navy-dark);padding:20px 22px}
.ds-fact-label{font-size:0.9rem;font-weight:700;letter-spacing:0.8px;text-transform:uppercase;color:var(--teal-light);margin-bottom:8px}
.ds-fact-value{font-size:1.13rem;color:var(--ink-1);font-weight:600;line-height:1.5}
.ds-fact-sub{font-size:0.95rem;;color:var(--ink-3);margin-top:4px}

.ds-list{margin-top:16px;display:grid;gap:12px}
.ds-list-item{display:flex;gap:12px;align-items:flex-start;font-size:1.13rem;color:var(--ink-2);line-height:1.6}
.ds-list-item .dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--teal-light);margin-top:8px}

.ds-badge-row{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:20px}
.ds-badge{height:52px;width:auto;background:var(--white);border-radius:8px;padding:8px 14px}
.ds-badge-text{font-size:1rem;font-weight:700;color:var(--ink-1)}

.ds-note{background:rgba(78,205,196,0.06);border-left:3px solid var(--teal-light);border-radius:4px;padding:14px 18px;margin-top:20px;font-size:1rem;color:var(--ink-2);line-height:1.6}

/* CLOSING */
.ds-closing{max-width:640px;margin:0 auto;padding:70px 24px 30px;text-align:center;border-top:1px solid var(--hairline)}
.ds-closing p{font-size:15.5px;color:var(--ink-2);line-height:1.7;margin-bottom:28px}
.ds-closing-links{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;font-size:14px;font-weight:700}
.ds-closing-links a{color:var(--teal-light);text-decoration:none}
.ds-cta{max-width:640px;margin:0 auto;padding:30px 24px 130px;text-align:center}


@media(max-width:720px){
  .ds-fact-grid{grid-template-columns:1fr}
}


/* ═══ DISCOVERY SESSION ═══ */
.discoverysession-section{background:var(--white);padding:140px 24px 140px}
.discoverysession-header{max-width:730px;margin:0 auto 64px;text-align:center}
.discoverysession-eyebrow{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--teal-dark);margin-bottom:28px}
.discoverysession-header h1{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(2.122rem,5.4vw,4rem);line-height:1.25;color:var(--navy-dark);margin-bottom:22px}
.discoverysession-header p{font-size:1.13rem;line-height:1.75;color:rgba(11,45,69,0.68)}

.discoverysession-form{max-width:640px;margin:0 auto}
.discoverysession-row{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:28px}
.discoverysession-field{margin-bottom:28px}
.discoverysession-row .discoverysession-field{margin-bottom:0}
.discoverysession-field label{display:block;font-size:1rem;font-weight:700;letter-spacing:0.4px;color:var(--navy-dark);margin-bottom:9px}
.discoverysession-field input,.discoverysession-field select,.discoverysession-field textarea{width:100%;font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;color:var(--navy-dark);background:transparent;border:none;border-bottom:1.5px solid rgba(11,45,69,0.18);padding:10px 2px;outline:none;transition:border-color .2s}
.discoverysession-field input:focus,.discoverysession-field select:focus,.discoverysession-field textarea:focus{border-bottom-color:var(--teal-dark)}
.discoverysession-field textarea{resize:vertical;min-height:88px;font-family:inherit;line-height:1.6}
.discoverysession-field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%230B2D45' fill-opacity='0.5' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;background-size:11px 7px;padding-right:20px}
.discoverysession-field-other{margin-top:14px;display:none}
.discoverysession-field-other.visible{display:block}
.discoverysession-submit-row{text-align:center;margin-top:52px}
.discoverysession-submit{display:inline-flex;align-items:center;gap:10px;font-family:'Plus Jakarta Sans',sans-serif;font-size:15.5px;font-weight:700;color:#fff;background:var(--coral);border:none;border-radius:100px;padding:16px 34px;cursor:pointer;transition:transform .15s, box-shadow .15s}
.discoverysession-submit:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(232,54,93,0.28)}
.discoverysession-reassurance{text-align:center;margin-top:22px;font-size:1rem;font-style:italic;color:rgba(11,45,69,0.5)}

.discoverysession-alt-divider{display:flex;align-items:center;gap:18px;max-width:400px;margin:44px auto 0}
.discoverysession-alt-divider::before,.discoverysession-alt-divider::after{content:'';flex:1;height:1px;background:rgba(11,45,69,0.14)}
.discoverysession-alt-divider span{font-size:0.9rem;color:rgba(11,45,69,0.45);white-space:nowrap}
.discoverysession-alt-links{display:flex;justify-content:center;align-items:center;gap:0;margin-top:22px}
.discoverysession-alt-link{display:inline-flex;align-items:center;gap:8px;font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;font-weight:600;color:rgba(11,45,69,0.62);text-decoration:none;transition:color .15s;padding:0 18px}
.discoverysession-alt-link:first-child{padding-left:0}
.discoverysession-alt-link:last-child{padding-right:0;border-left:1px solid rgba(11,45,69,0.14)}
.discoverysession-alt-link:hover{color:var(--teal-dark)}
.discoverysession-alt-link svg{width:16px;height:16px;flex-shrink:0}

.discoverysession-modal-overlay{display:none;position:fixed;inset:0;background:rgba(11,45,69,0.55);z-index:1000;align-items:center;justify-content:center;padding:24px}
.discoverysession-modal-overlay.visible{display:flex}
.discoverysession-modal{position:relative;background:#fff;max-width:440px;width:100%;padding:52px 44px 44px;text-align:center;border-radius:6px;box-shadow:0 30px 70px rgba(11,45,69,0.35);opacity:0;transform:translateY(12px) scale(0.98);transition:opacity .25s ease,transform .25s ease}
.discoverysession-modal-overlay.visible .discoverysession-modal{opacity:1;transform:translateY(0) scale(1)}
.discoverysession-modal-close{position:absolute;top:18px;right:18px;width:30px;height:30px;border:none;background:transparent;cursor:pointer;color:rgba(11,45,69,0.4);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s,color .15s}
.discoverysession-modal-close:hover{background:rgba(11,45,69,0.06);color:var(--navy-dark)}
.discoverysession-modal-close svg{width:16px;height:16px}
.discoverysession-modal-icon{width:52px;height:52px;margin:0 auto 26px;border-radius:50%;border:1.5px solid rgba(13,122,110,0.35);display:flex;align-items:center;justify-content:center;color:var(--teal-dark)}
.discoverysession-modal-icon svg{width:22px;height:22px}
.discoverysession-modal h2{font-family:'Playfair Display',serif;font-size:24px;color:var(--navy-dark);margin-bottom:14px}
.discoverysession-modal p{font-size:1.13rem;color:rgba(11,45,69,0.65);line-height:1.7;margin-bottom:6px}
.discoverysession-modal .discoverysession-modal-sub{font-size:1rem;font-style:italic;color:rgba(11,45,69,0.45);margin-top:18px;margin-bottom:0}
.discoverysession-modal-ok{display:inline-block;margin-top:26px;font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;font-weight:700;color:#fff;background:var(--teal-dark);border:none;border-radius:100px;padding:12px 30px;cursor:pointer}
@media(prefers-reduced-motion:reduce){.discoverysession-modal{transition:none}}

@media(max-width:900px){
  .discoverysession-section{padding:120px 24px 90px}
  .discoverysession-header{margin-bottom:48px}
  .discoverysession-row{grid-template-columns:1fr;gap:0}
  .discoverysession-row .discoverysession-field{margin-bottom:28px}
}

.follow-label{
    font-size:0.8rem !important;
    font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-3);
margin-bottom:20px !important; margin-top:30px !important;}

.social-row{display:flex;align-items:center;gap:4px}
.social-link{
  display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;
  color:var(--ink-2);
  text-decoration:none;
  border-radius:8px;
  transition:color 0.15s ease, background-color 0.15s ease;
}
.social-link i{font-size:21px}
.social-link:hover,.social-link:focus-visible{
  color:var(--teal-light);
  background:rgba(78,205,196,0.08);
  outline:none;
}
.social-link:focus-visible{
  box-shadow:0 0 0 2px var(--teal-light);
}
/* ===== 25 YEARS EXPERIENCE SECTION ===== */
.exp-section{background:var(--off-white);padding:90px 24px}
.exp-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.35fr 1fr;gap:64px;align-items:center}

.exp-copy{position:relative}
.exp-25-device{
  position:absolute;top:-46px;left:-14px;
  font-family:'Playfair Display',serif;font-weight:700;
  font-size:220px;line-height:1;color:var(--navy-dark);opacity:0.05;
  pointer-events:none;user-select:none;z-index:0;
}
.exp-copy-content{position:relative;z-index:1}
.exp-eyebrow{font-size:1.13rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--teal-dark);margin-bottom:22px}
.exp-headline{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(34px,4.4vw,52px);color:var(--navy-dark);line-height:1.2;margin-bottom:24px}
.exp-supporting{font-family:'Playfair Display',serif;font-style:italic;font-weight:400;font-size:1.5rem;color:var(--teal-dark);margin-bottom:26px;line-height:1.5}
.exp-body{font-size:1.13rem;color:rgba(11,45,69,0.68);line-height:1.75;max-width:520px;margin-bottom:32px}
.exp-founder-id{display:flex;flex-direction:column;gap:2px;margin-bottom:28px}
.exp-founder-name{font-size:1.13rem;font-weight:700;color:var(--navy-dark)}
.exp-founder-title{font-size:1rem;color:rgba(11,45,69,0.55)}
.exp-link{display:inline-flex;align-items:center;gap:8px;font-size:1.13rem;font-weight:700;color:var(--teal-dark);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}
.exp-link:hover{border-color:var(--teal-dark)}

.exp-visual{position:relative;display:flex;align-items:stretch;justify-content:center;height:580px;border-radius:16px;overflow:hidden}
.exp-visual-backdrop{
  position:absolute;inset:0;
  background:linear-gradient(160deg, rgba(26,158,143,0.12), rgba(11,45,69,0.05));
  border-radius:20px;
}
.exp-visual-img{position:relative;z-index:1;height:100%;width:100%;object-fit:cover;object-position:center top;border-radius:16px}
@media (prefers-reduced-motion: no-preference){
  .exp-reveal{opacity:0;transform:translateY(16px);animation:expReveal 0.7s ease forwards}
  .exp-reveal.d1{animation-delay:.05s}
  .exp-reveal.d2{animation-delay:.15s}
  .exp-reveal.d3{animation-delay:.25s}
  .exp-reveal.d4{animation-delay:.35s}
  .exp-reveal.d5{animation-delay:.45s}
  .exp-visual .exp-reveal{animation-name:expRevealFade}
}
@keyframes expReveal{to{opacity:1;transform:translateY(0)}}
@keyframes expRevealFade{to{opacity:1}}


@media(min-width:861px) and (max-width:1100px){
  .exp-br{display:none}
}
@media(max-width:860px){
  .exp-inner{grid-template-columns:1fr;gap:40px}
  .exp-visual{order:2;height:330px}
  .exp-copy{order:1}
  .exp-25-device{font-size:140px;top:-30px;left:-6px}
  .exp-body{max-width:none}
}
@media(max-width:500px){
  .exp-section{padding:70px 20px}
  .exp-headline{font-size:30px}
  .exp-25-device{font-size:110px;top:-20px}
}

/* Press Media HERO */
.pm-hero{max-width:800px;margin:0 auto;padding:150px 24px 20px;text-align:center}
.pm-eyebrow{font-size:1.13rem !important;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--teal-light);margin-bottom:18px}
.pm-hero h1{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(2.122rem,5.4vw,4rem);color:var(--white);margin-bottom:18px;line-height:1.2}
.pm-hero p{font-size:1.5rem;color:var(--ink-2);max-width:700px;margin:0 auto}

/* PINNED HIGHLIGHT */
.pm-pinned-wrap{max-width:820px;margin:56px auto 0;padding:0 24px}
.pm-pinned-label{font-size:0.9rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;display:flex;align-items:center;gap:8px}
.pm-pinned-label i{font-size:1rem}
.pm-pinned-card{background:linear-gradient(135deg, rgba(78,205,196,0.10), rgba(11,45,69,0.4));border:1px solid var(--hairline-strong);border-radius:16px;padding:36px 40px;display:flex;gap:28px;align-items:center}
.pm-pinned-icon{flex-shrink:0;width:64px;height:64px;border-radius:50%;background:rgba(78,205,196,0.15);display:flex;align-items:center;justify-content:center}
.pm-pinned-icon svg{width:30px;height:30px}
.pm-pinned-title{font-family:'Playfair Display',serif;font-weight:700;font-size:20px;color:var(--white);margin-bottom:6px}
.pm-pinned-desc{font-size:1.13rem;color:var(--ink-2);line-height:1.6}
.pm-pinned-date{font-size:1rem;color:var(--ink-3);margin-top:8px}

/* SHARED SECTION HEADER */
.pm-section{max-width:1080px;margin:0 auto;padding:64px 24px}
.pm-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;flex-wrap:wrap;gap:12px}
.pm-section-title{display:flex;align-items:baseline;gap:12px}
.pm-section-title i{font-size:22px}
.pm-section-title h2{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(22px,2.6vw,28px);color:var(--white)}
.pm-live-dot{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:0.8px;text-transform:uppercase;color:var(--teal-light)}
.pm-live-dot .dot{width:6px;height:6px;border-radius:50%;background:var(--teal-light);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.3}}
.pm-view-all{font-size:1rem;font-weight:700;color:var(--teal-light);text-decoration:none;white-space:nowrap}
.pm-view-all:hover{color:var(--white)}

/* LINKEDIN FEED (horizontal scroll) */
.pm-li-scroll{display:flex;gap:20px;overflow-x:auto;padding:24px 0 12px;scrollbar-width:thin}
.pm-li-card{flex:0 0 300px;background:var(--navy-panel);border:1px solid var(--hairline);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:12px}
.pm-li-card-header{display:flex;align-items:center;gap:10px}
.pm-li-avatar{width:36px;height:36px;border-radius:50%;background:var(--teal);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pm-li-avatar i{color:#fff;font-size:16px}
.pm-li-meta{font-size:12.5px}
.pm-li-meta .name{font-weight:700;color:var(--ink-1);display:block}
.pm-li-meta .date{color:var(--ink-3)}
.pm-li-body{font-size:13.5px;color:var(--ink-2);line-height:1.6;flex:1}
.pm-li-stats{display:flex;gap:16px;font-size:1rem;color:var(--ink-3);border-top:1px solid var(--hairline);padding-top:12px}
.pm-li-stats span{display:flex;align-items:center;gap:5px}
.pm-placeholder-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:0.6px;text-transform:uppercase;color:var(--gold);background:rgba(232,164,74,0.1);padding:3px 8px;border-radius:4px;margin-bottom:4px;width:fit-content}

/* YOUTUBE GRID */
.pm-yt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}
.pm-yt-card{background:var(--navy-panel);border:1px solid var(--hairline);border-radius:14px;overflow:hidden}
.pm-yt-thumb{aspect-ratio:16/9;background:linear-gradient(135deg, var(--navy), var(--navy-deep));display:flex;align-items:center;justify-content:center;position:relative}
.pm-yt-play{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}
.pm-yt-play i{color:#fff;font-size:20px;margin-left:3px}
.pm-yt-title{padding:16px 18px;font-size:13.5px;font-weight:600;color:var(--ink-1);line-height:1.5}
.pm-yt-sub{padding:0 18px 16px;font-size:1rem;color:var(--ink-3)}

/* CLOSING */
.pm-cta{max-width:640px;margin:0 auto;padding:20px 24px 130px;text-align:center}

.pm-dev-note{max-width:1080px;margin:0 auto;padding:0 24px 40px}
.pm-dev-note-box{background:rgba(232,54,93,0.06);border-left:3px solid var(--coral);border-radius:4px;padding:16px 20px;font-size:1rem;color:var(--ink-2);line-height:1.6}
.pm-dev-note-box strong{color:var(--ink-1)}


@media(max-width:900px){
  .pm-yt-grid{grid-template-columns:1fr 1fr}
  .pm-pinned-card{flex-direction:column;text-align:center}
}
@media(max-width:600px){
  .pm-yt-grid{grid-template-columns:1fr}
}


/*NEWS*/
.nw-hero{max-width:720px;margin:0 auto;padding:150px 24px 20px;text-align:center}
.nw-eyebrow{font-size:1rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--teal-light);margin-bottom:18px}
.nw-hero h1{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(32px,4.4vw,48px);color:var(--white);margin-bottom:18px;line-height:1.2}
.nw-hero p{font-size:1.13rem;color:var(--ink-2);max-width:540px;margin:0 auto}

.nw-list-wrap{max-width:760px;margin:56px auto 0;padding:0 24px 100px}

.nw-year-label{font-size:1rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin:44px 0 20px}
.nw-year-label:first-child{margin-top:0}

.nw-item{display:flex;gap:24px;padding:28px 0;border-top:1px solid var(--hairline)}
.nw-item:first-of-type{border-top:none}
.nw-item-date{flex-shrink:0;width:90px;font-size:1rem;color:var(--ink-3);padding-top:3px}
.nw-item-body{flex:1}
.nw-item-tag{display:inline-block;font-size:0.9rem;font-weight:700;letter-spacing:0.6px;text-transform:uppercase;padding:3px 10px;border-radius:100px;margin-bottom:10px}
.nw-item-tag.deployment{background:rgba(78,205,196,0.12);color:var(--teal-light)}
.nw-item-tag.partnership{background:rgba(232,164,74,0.12);color:var(--gold)}
.nw-item-tag.milestone{background:rgba(232,54,93,0.12);color:var(--coral)}
.nw-item-title{font-family:'Playfair Display',serif;font-weight:700;font-size:1.5rem;color:var(--white);margin-bottom:8px;line-height:1.35}
.nw-item-desc{font-size:1.13rem;color:var(--ink-2);line-height:1.65}
.nw-item-link{display:inline-flex;align-items:center;gap:6px;font-size:1rem;font-weight:700;color:var(--teal-light);text-decoration:none;margin-top:10px}
.nw-item-link:hover{color:var(--white)}

.nw-empty-note{text-align:center;padding:40px 24px;font-size:13.5px;color:var(--ink-3);border-top:1px solid var(--hairline);margin-top:20px}

.nw-cta{max-width:640px;margin:0 auto;padding:20px 24px 130px;text-align:center}

.nw-dev-note{max-width:760px;margin:0 auto;padding:0 24px 50px}
.nw-dev-note-box{background:rgba(232,54,93,0.06);border-left:3px solid var(--coral);border-radius:4px;padding:16px 20px;font-size:1rem;color:var(--ink-2);line-height:1.6}
.nw-dev-note-box strong{color:var(--ink-1)}


@media(max-width:600px){
  .nw-item{flex-direction:column;gap:8px}
  .nw-item-date{width:auto}
}

.in-hero{max-width:960px;margin:0 auto;padding:150px 24px 20px;text-align:center}
.in-eyebrow{font-size:1.13rem !important;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--teal-light);margin-bottom:18px}
.in-hero h1{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(2.122rem,5.4vw,4rem);color:var(--white);margin-bottom:18px;line-height:1.2}
.in-hero p{font-size:1.5rem;color:var(--ink-2);/*max-width:560px;*/margin:0 auto}

/* FEATURED (single large piece) */
.in-featured-wrap{max-width:1000px;margin:64px auto 0;padding:0 24px}
.in-featured{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--hairline-strong);border-radius:18px;overflow:hidden;background:var(--navy-panel)}
.in-featured-visual{background:linear-gradient(135deg, var(--teal-dark), var(--navy-deep));display:flex;align-items:center;justify-content:center;padding:48px;position:relative;min-height:320px}
.in-featured-visual::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 30%, rgba(78,205,196,0.25), transparent 60%)}
.in-featured-quote{font-family:'Playfair Display',serif;font-style:italic;font-size:1.6rem;color:var(--white);line-height:1.5;position:relative;z-index:1}
.in-featured-body{padding:48px 44px;display:flex;flex-direction:column;justify-content:center}
.in-featured-tag{display:inline-block;font-size:0.9rem;font-weight:700;letter-spacing:0.8px;text-transform:uppercase;color:var(--gold);background:rgba(232,164,74,0.1);padding:4px 12px;border-radius:100px;margin-bottom:18px;width:fit-content}
.in-featured-title{font-family:'Playfair Display',serif;font-weight:700;font-size:1.8rem;color:var(--white);margin-bottom:14px;line-height:1.3}
.in-featured-desc{font-size:1.13rem;color:var(--ink-2);line-height:1.7;margin-bottom:20px}
.in-featured-meta{font-size:1rem;color:var(--ink-3);margin-bottom:20px}
.in-featured-link{display:inline-flex;align-items:center;gap:8px;font-size:1.13rem;font-weight:700;color:var(--teal-light);text-decoration:none}
.in-featured-link:hover{color:var(--white)}

/* SECONDARY GRID */
.in-secondary-wrap{max-width:1000px;margin:0 auto;padding:64px 24px}
.in-secondary-label{font-size:1rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-3);margin-bottom:28px}
.in-secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.in-card{border:1px solid var(--hairline);border-radius:14px;padding:32px;background:var(--navy-panel)}
.in-card-tag{display:inline-block;font-size:0.9rem;font-weight:700;letter-spacing:0.6px;text-transform:uppercase;padding:3px 10px;border-radius:100px;margin-bottom:14px}
.in-card-tag.pathway{background:rgba(78,205,196,0.12);color:var(--teal-light)}
.in-card-tag.ai{background:rgba(232,54,93,0.12);color:var(--coral)}
.in-card-title{font-family:'Playfair Display',serif;font-weight:700;font-size:1.5rem;color:var(--white);margin-bottom:10px;line-height:1.35}
.in-card-desc{font-size:1.13rem;color:var(--ink-2);line-height:1.65;margin-bottom:16px}
.in-card-meta{font-size:1rem;color:var(--ink-3)}

.in-empty-note{text-align:center;padding:36px 24px 0;font-size:1rem;color:var(--ink-3)}

.in-cta{max-width:640px;margin:0 auto;padding:20px 24px 130px;text-align:center}

.in-dev-note{max-width:1000px;margin:0 auto;padding:0 24px 50px}
.in-dev-note-box{background:rgba(232,54,93,0.06);border-left:3px solid var(--coral);border-radius:4px;padding:16px 20px;font-size:13px;color:var(--ink-2);line-height:1.6}
.in-dev-note-box strong{color:var(--ink-1)}



@media(max-width:800px){
  .in-featured{grid-template-columns:1fr}
  .in-featured-visual{min-height:200px}
  .in-secondary-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .in-featured-body{padding:32px 24px}
}

/*BLOG*/
/* HERO */
.fb-hero{max-width:900px;margin:0 auto;padding:150px 24px 20px;text-align:center}
.fb-eyebrow{font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--teal-dark);margin-bottom:18px}
.fb-hero h1{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(32px,4.4vw,48px);color:var(--ink-1);margin-bottom:18px;line-height:1.25}
.fb-hero p{font-size:16.5px;color:var(--ink-2);max-width:560px;margin:0 auto}

/* CATEGORY FILTER PILLS (visual only) */
.fb-pills{max-width:900px;margin:36px auto 0;padding:0 24px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.fb-pill{font-size:13px;font-weight:600;color:var(--ink-2);background:var(--white);border:1px solid var(--hairline);border-radius:100px;padding:8px 18px;cursor:pointer}
.fb-pill.active{background:var(--navy-dark);color:#fff;border-color:var(--navy-dark)}

/* FEATURED POST */
.fb-featured-wrap{max-width:1080px;margin:56px auto 0;padding:0 24px}
.fb-featured{display:grid;grid-template-columns:1.1fr 1fr;gap:0;border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(11,45,69,0.08)}
.fb-featured-media{position:relative;background:linear-gradient(135deg, var(--navy-dark), var(--teal-dark));min-height:340px;display:flex;align-items:center;justify-content:center;padding:40px;overflow:hidden}
.fb-featured-media img.bg-photo{position:absolute;inset:0;width:60%;height:100%;object-fit:cover;opacity:0.9}
.fb-featured-media-title{position:relative;z-index:1;margin-left:auto;text-align:right;max-width:60%}
.fb-featured-logo-chip{background:#fff;display:inline-block;padding:8px 16px;border-radius:6px;font-weight:800;font-size:14px;color:var(--navy-dark);margin-bottom:16px}
.fb-featured-media-title h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:26px;color:var(--teal-light);line-height:1.25;text-transform:uppercase}
.fb-featured-body{background:var(--white);padding:44px 40px;display:flex;flex-direction:column;justify-content:center}
.fb-tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.fb-tag{font-size:11px;font-weight:700;letter-spacing:0.4px;text-transform:uppercase;background:var(--teal-dark);color:#fff;padding:4px 12px;border-radius:100px}
.fb-featured-title{font-family:'Playfair Display',serif;font-weight:700;font-size:1.5rem !important;
color:var(--navy-dark) !important; margin-bottom:12px !important; line-height:1.35 !important}
.fb-featured-meta{font-size:1rem !important;color:rgba(11,45,69,0.68)!important;margin-bottom:14px!important}
.fb-featured-body div > p {font-size:1.13rem;color:rgba(11,45,69,0.68);line-height:1.7;}
.fb-read-link{display:inline-flex;align-items:center;gap:8px;font-size:1.13rem;font-weight:700;color:var(--teal-dark);text-decoration:none}
.fb-read-link:hover{color:var(--coral)}

/* GRID */
.fb-grid-wrap{max-width:1080px;margin:0 auto;padding:64px 24px}
.fb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.fb-card{background:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 12px 30px rgba(11,45,69,0.06);display:flex;flex-direction:column}
.fb-card-media{position:relative;height:170px;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center}
.fb-card-media h4{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:16px;color:#fff;text-transform:uppercase;line-height:1.3}
.fb-card-body{padding:22px 22px 24px;flex:1;display:flex;flex-direction:column}
.fb-card-tag{align-self:flex-start;font-size:10.5px;font-weight:700;letter-spacing:0.4px;text-transform:uppercase;color:var(--teal-dark);background:var(--teal-light);background:rgba(26,158,143,0.1);padding:3px 10px;border-radius:100px;margin-bottom:12px}
.fb-card-title{font-family:'Playfair Display',serif;font-weight:700;
font-size:1.37rem;color:var(--navy-dark);margin-bottom:8px;line-height:1.35}
.fb-card-desc, .fb-card-body div > p{font-size:1.13rem;color:rgba(11,45,69,0.68);line-height:1.6;margin-bottom:14px;flex:1}
.fb-card-meta{font-size:0.9rem;color:var(--teal-dark);display:flex;justify-content:space-between;align-items:center}

/* MEDIA COLOUR VARIANTS using established brand palette only */
.media-teal{background:linear-gradient(135deg, var(--teal), var(--teal-dark))}
.media-coral{background:linear-gradient(135deg, var(--coral), #C22348)}
.media-gold{background:linear-gradient(135deg, var(--gold), #C97D1F)}
.media-navy{background:linear-gradient(135deg, var(--navy-dark), #143A57)}

.fb-cta-wrap{max-width:700px;margin:0 auto;padding:20px 24px 120px;text-align:center}
.fb-cta-wrap h3{font-family:'Playfair Display',serif;font-weight:700;font-size:24px;color:var(--ink-1);margin-bottom:14px}
.fb-cta-wrap p{font-size:14.5px;color:var(--ink-2);margin-bottom:24px}
.btn-outline-navy{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--navy-dark);border:1.5px solid var(--navy-dark);padding:12px 26px;border-radius:100px;text-decoration:none}
.btn-outline-navy:hover{background:var(--navy-dark);color:#fff}

.fb-dev-note{max-width:1080px;margin:0 auto;padding:0 24px 50px}
.fb-dev-note-box{background:var(--gold-light);border-left:3px solid var(--gold);border-radius:4px;padding:16px 20px;font-size:13px;color:var(--ink-2);line-height:1.6}
.fb-dev-note-box strong{color:var(--ink-1)}

@media(max-width:900px){
  .fb-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:800px){
  .fb-featured{grid-template-columns:1fr}
  .fb-featured-media{min-height:240px}
}
@media(max-width:600px){
  .fb-grid{grid-template-columns:1fr}
  .fb-featured-body{padding:30px 24px}
}


/* ARTICLE SHELL */
.art-topbar{max-width:760px;margin:0 auto;padding:130px 24px 0}
.art-back{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--ink-3);text-decoration:none;margin-bottom:28px}
.art-back:hover{color:var(--teal-dark)}

.art-header{max-width:760px;margin:0 auto;padding:180px 24px 160px;}
.art-tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.art-tag{font-size:11px;font-weight:700;letter-spacing:0.4px;text-transform:uppercase;background:rgba(26,158,143,0.1);color:var(--teal-dark);padding:4px 12px;border-radius:100px}
.art-title{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(28px,4vw,42px);color:var(--ink-1);line-height:1.25;margin-bottom:18px}
.art-meta-row{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--ink-3);flex-wrap:wrap}
.art-meta-row span{display:flex;align-items:center;gap:6px}

/* HERO BANNER */
.art-hero-wrap{max-width:960px;margin:0 auto;padding:0 24px 48px;text-align:center;}
.art-hero{border-radius:20px;overflow:hidden;background:linear-gradient(135deg, var(--teal), var(--teal-dark));min-height:280px;display:flex;align-items:center;justify-content:center;padding:40px;text-align:center}
.art-hero-logo{background:#fff;display:inline-block;padding:8px 18px;border-radius:6px;font-weight:800;font-size:15px;color:var(--navy-dark);margin-bottom:18px}
.art-hero h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:clamp(22px,3vw,34px);color:var(--teal-light);text-transform:uppercase;line-height:1.3}

/* BODY */
.art-body-wrap{max-width:680px;margin:0 auto;padding:0 24px 60px;display:flex;gap:40px}
.art-share-rail{display:flex;flex-direction:column;gap:12px;padding-top:8px}
.art-share-btn{width:38px;height:38px;border-radius:50%;background:var(--white);border:1px solid var(--hairline);display:flex;align-items:center;justify-content:center;color:var(--teal-dark);text-decoration:none;font-size:15px}
.art-share-btn:hover{background:var(--teal-dark);color:#fff;border-color:var(--teal-dark)}

.art-body{flex:1}
.art-keynotes{font-size:14px;color:var(--ink-2);margin-bottom:8px}
.art-keynotes strong{color:var(--ink-1)}
.art-readtime{font-size:14px;color:var(--ink-2);margin-bottom:28px}
.art-readtime strong{color:var(--ink-1)}
.art-body p{margin-bottom:20px;font-size:16px;color:var(--ink-2);line-height:1.8}
.art-body h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:19px;color:var(--ink-1);margin:36px 0 16px;text-decoration:underline;text-decoration-color:var(--teal-light);text-underline-offset:6px}

.art-refs{margin-top:40px;padding-top:28px;border-top:1px solid var(--hairline)}
.art-refs h4{font-size:13px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px;text-decoration:underline}
.art-refs a{display:block;font-size:13.5px;color:var(--teal-dark);text-decoration:none;margin-bottom:8px;word-break:break-all}
.art-refs a:hover{text-decoration:underline}

.art-disclaimer{margin-top:32px;padding:16px 20px;background:rgba(232,164,74,0.08);border-left:3px solid var(--gold);border-radius:4px;font-size:13px;color:var(--ink-2);line-height:1.6}

/* NEXT / PREV NAV */
.art-nextprev{max-width:680px;margin:0 auto;padding:0 24px 70px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--hairline);padding-top:32px}
.art-nav-link{display:flex;flex-direction:column;gap:4px;text-decoration:none;max-width:45%}
.art-nav-link.next{text-align:right;margin-left:auto}
.art-nav-label{font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;color:var(--ink-3)}
.art-nav-title{font-size:14.5px;font-weight:700;color:var(--ink-1)}
.art-nav-link:hover .art-nav-title{color:var(--teal-dark)}

/* RELATED ARTICLES */
.art-related-wrap{max-width:1080px;margin:0 auto;padding:20px 24px 100px}
.art-related-label{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-3);margin-bottom:24px;text-align:center}
.art-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.art-related-card{background:var(--white);border-radius:14px;overflow:hidden;box-shadow:0 10px 24px rgba(11,45,69,0.06);text-decoration:none;display:block}
.art-related-media{height:110px;display:flex;align-items:center;justify-content:center;padding:16px;text-align:center}
.art-related-media h5{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:13px;color:#fff;text-transform:uppercase}
.art-related-body{padding:16px 18px}
.art-related-title{font-family:'Playfair Display',serif;font-weight:700;font-size:14.5px;color:var(--ink-1);line-height:1.4}


.fb-cta-wrap{max-width:700px;margin:0 auto;padding:10px 24px 100px;text-align:center}
.fb-cta-wrap h3{font-family:'Playfair Display',serif;font-weight:700;font-size:22px;color:var(--ink-1);margin-bottom:12px}


.art-dev-note{max-width:680px;margin:0 auto;padding:0 24px 50px}
.art-dev-note-box{background:rgba(232,164,74,0.08);border-left:3px solid var(--gold);border-radius:4px;padding:16px 20px;font-size:13px;color:var(--ink-2);line-height:1.6}
.art-dev-note-box strong{color:var(--ink-1)}


@media(max-width:700px){
  .art-body-wrap{flex-direction:column-reverse;gap:24px}
  .art-share-rail{flex-direction:row;justify-content:center}
  .art-related-grid{grid-template-columns:1fr}
}