/* Generated from inline styles for outcomes/immediate-momentum/index.html */
/* Extracted <style> block 1 from outcomes/immediate-momentum/index.html */
:root { --navy: #00254B; --teal: #087A68; --gold: #F39C12; }
    * { box-sizing: border-box; }
    body { margin: 0; background: #FFFFFF; color: var(--navy); font-family: 'Inter', sans-serif; }
    main { max-width: 780px; margin: 0 auto; padding: 48px 24px 72px; }
    .skip-link { position: absolute; top: 12px; left: 24px; z-index: 20; transform: translateY(-150%); padding: 10px 14px; background: #FFFFFF; color: var(--navy); font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none; }
    .skip-link:focus, .skip-link:focus-visible { transform: translateY(0); }
    a { color: var(--navy); }
    .amsterdam-case {
      max-width: 1080px;
    }
    .amsterdam-case > section:not(.case-hero),
    .amsterdam-case > blockquote,
    .amsterdam-case > .attribution,
    .amsterdam-case > .cta,
    .amsterdam-case > .case-actions,
    .amsterdam-case > hr {
      max-width: 780px;
      margin-left: auto;
      margin-right: auto;
    }
    .back { display: inline-flex; margin-bottom: 44px; font-size: 14px; font-weight: 600; text-decoration: none; }
    .back:hover { text-decoration: underline; }
    .label, .section-label { margin: 0; font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--teal); }
    h1 { margin: 16px 0 28px; font-family: 'Poppins', sans-serif; font-size: clamp(28px, 4vw, 48px); line-height: 1.08; font-weight: 800; color: var(--navy); }
    .case-title-part { display: inline; }
    .hero-stat { margin: 0 0 36px; font-family: 'Poppins', sans-serif; font-size: clamp(56px, 10vw, 96px); line-height: 1; font-weight: 800; color: var(--navy); }
    .hero-stat--stacked { display: flex; flex-direction: column; gap: 8px; font-size: clamp(36px, 7vw, 72px); line-height: 1.08; }
    .hero-stat--stacked span { display: block; }
    .summary { margin: -18px 0 36px; font-size: 16px; line-height: 1.7; color: var(--navy); }
    .case-hero { position: relative; margin: 0 0 36px; padding: clamp(26px, 4vw, 42px); border: 1px solid rgba(0, 37, 75, 0.12); background: linear-gradient(135deg, rgba(8, 122, 104, 0.08), rgba(255, 255, 255, 0) 42%), #FFFFFF; box-shadow: 0 24px 56px rgba(0, 37, 75, 0.08); }
    .case-hero::before { content: ""; position: absolute; top: 0; left: clamp(26px, 4vw, 42px); width: 72px; height: 4px; background: var(--teal); }
    .case-hero__eyebrow { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin: 0 0 16px; }
    .case-hero__eyebrow .label { margin: 0; }
    .case-hero__eyebrow span { font-size: 11px; font-weight: 800; letter-spacing: 1.8px; text-transform: uppercase; color: rgba(0, 37, 75, 0.55); }
    .case-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(210px, 250px); gap: clamp(22px, 4vw, 42px); align-items: end; }
    .case-hero__grid > *,
    .case-hero__proof { min-width: 0; }
    .case-hero .hero-stat--stacked { font-size: clamp(36px, 5vw, 64px); }
    .case-hero .hero-stat--stacked span { white-space: nowrap; }
    .case-hero .hero-stat { margin-bottom: 22px; }
    .case-hero .summary { margin: 0; max-width: 620px; }
    .case-hero__proof { padding: 20px; background: var(--navy); color: #FFFFFF; }
    .case-hero__proof-label { margin: 0 0 16px; color: var(--teal); font-size: 11px; line-height: 1.3; font-weight: 800; letter-spacing: 1.6px; text-transform: uppercase; }
    .case-hero__proof dl { display: grid; gap: 14px; margin: 0; }
    .case-hero__proof div { padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, 0.18); }
    .case-hero__proof dt { margin: 0 0 4px; color: rgba(255, 255, 255, 0.66); font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
    .case-hero__proof dd { margin: 0; color: #FFFFFF; font-family: 'Poppins', sans-serif; font-size: clamp(20px, 3vw, 30px); line-height: 1.08; font-weight: 800; }
    .case-hero__shift { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 14px; margin: 30px 0 0; padding: 14px 16px; background: rgba(0, 37, 75, 0.05); }
    .case-hero__shift span { font-size: 12px; font-weight: 800; line-height: 1.35; letter-spacing: 1px; text-transform: uppercase; color: var(--navy); }
    .case-hero__shift strong { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; border-radius: 999px; background: var(--teal); color: #FFFFFF; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; }
    hr { border: 0; border-top: 1px solid rgba(0, 37, 75, 0.18); margin: 36px 0; }
    section { margin: 0 0 30px; }
    p { font-size: 16px; line-height: 1.75; color: var(--navy); }
    blockquote { margin: 38px 0 10px; padding-left: 24px; border-left: 3px solid var(--teal); font-size: 18px; line-height: 1.7; font-style: italic; color: var(--navy); }
    .attribution { margin: 0 0 36px; font-size: 13px; font-weight: 600; color: var(--navy); }
    .amsterdam-case > section:not(.case-hero) {
      display: grid;
      justify-items: center;
      gap: 16px;
      margin: 0 auto 32px;
      text-align: left;
    }
    .amsterdam-case > section:not(.case-hero) p {
      width: min(100%, 720px);
      margin: 0;
      color: rgba(0, 37, 75, 0.84);
      font-family: 'Inter', sans-serif;
      font-size: clamp(16px, 1.25vw, 18px);
      font-weight: 400;
      line-height: 1.88;
      letter-spacing: 0;
      text-wrap: pretty;
    }
    .amsterdam-case > section:not(.case-hero) p + p {
      margin-top: 2px;
    }
    .amsterdam-case .section-label {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin: 0 0 16px;
      padding: 0;
      color: var(--teal);
      font-family: 'Poppins', sans-serif;
      font-size: 16px;
      font-weight: 800;
      line-height: 1.15;
      letter-spacing: 0.08em;
      text-align: center;
      text-transform: uppercase;
      text-wrap: balance;
    }
    .amsterdam-case > blockquote {
      position: relative;
      margin: 52px auto 14px;
      padding: 28px 34px 28px 36px;
      border-left: 0;
      background: linear-gradient(135deg, rgba(8, 122, 104, 0.08), rgba(0, 37, 75, 0.035));
      color: var(--navy);
      font-family: 'Poppins', sans-serif;
      font-size: clamp(20px, 2vw, 28px);
      font-style: italic;
      font-weight: 600;
      line-height: 1.55;
      text-align: center;
    }
    .amsterdam-case > blockquote::before {
      content: "";
      position: absolute;
      inset: 12px;
      border: 1px solid rgba(0, 37, 75, 0.09);
      pointer-events: none;
    }
    .amsterdam-case > .attribution {
      margin: 0 auto 38px;
      color: rgba(0, 37, 75, 0.72);
      font-size: 14px;
      font-weight: 700;
      text-align: center;
    }
    .amsterdam-case > .cta {
      display: flex;
      width: fit-content;
      margin-left: auto;
      margin-right: auto;
    }
    .amsterdam-case > .case-actions {
      justify-content: center;
    }
    .cta { display: inline-flex; align-items: center; gap: 10px; background: var(--gold); color: var(--navy); padding: 18px 28px; font-size: 14px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none; }
    .cta:hover { background: #d48a0a; }
    .case-evidence-link {
      display: inline;
      color: var(--teal);
      font-weight: 800;
      text-decoration: underline;
      text-decoration-thickness: 1px;
      text-underline-offset: 4px;
    }
    .case-evidence-link:hover,
    .case-evidence-link:focus-visible {
      color: var(--navy);
    }
    .case-evidence-link:focus-visible {
      outline: 2px solid var(--teal);
      outline-offset: 4px;
    }
    .amsterdam-case > .case-visual {
      width: min(100%, 980px);
      max-width: 980px;
      margin: 34px auto 48px;
    }
    .case-visual {
      overflow: hidden;
      border: 1px solid rgba(0, 37, 75, 0.1);
      border-radius: 12px;
      background: #FFFFFF;
      box-shadow: 0 24px 54px rgba(0, 37, 75, 0.08);
    }
    .case-visual__caption {
      display: grid;
      gap: 8px;
      padding: 28px 28px 22px;
      border-bottom: 1px solid rgba(0, 37, 75, 0.08);
      text-align: center;
    }
    .case-visual__caption span {
      color: var(--teal);
      font-family: 'Inter', sans-serif;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: 0.16em;
      line-height: 1.2;
      text-transform: uppercase;
    }
    .case-visual__caption strong {
      color: var(--navy);
      font-family: 'Poppins', sans-serif;
      font-size: clamp(22px, 3vw, 30px);
      line-height: 1.15;
    }
    .architecture-flow {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 36px minmax(0, 1fr) 36px minmax(0, 1fr) 36px minmax(0, 1fr);
      align-items: stretch;
      gap: 12px;
      padding: 30px 28px;
    }
    .architecture-node {
      position: relative;
      display: grid;
      align-content: start;
      gap: 10px;
      min-width: 0;
      min-height: 210px;
      padding: 22px 18px;
      border: 1px solid rgba(0, 37, 75, 0.1);
      border-left: 4px solid var(--teal);
      border-radius: 10px;
      background: linear-gradient(180deg, rgba(8, 122, 104, 0.07), rgba(255, 255, 255, 0) 54%), #FFFFFF;
    }
    .architecture-node--source {
      border-left-color: var(--navy);
    }
    .architecture-node--delivery {
      background: linear-gradient(180deg, rgba(8, 122, 104, 0.13), rgba(255, 255, 255, 0) 58%), #F4FCFA;
    }
    .architecture-node__icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 44px;
      height: 44px;
      border-radius: 999px;
      background: var(--navy);
      color: #FFFFFF;
      font-family: 'Poppins', sans-serif;
      font-size: 12px;
      font-weight: 900;
      letter-spacing: 0.04em;
    }
    .architecture-node strong {
      color: var(--navy);
      font-family: 'Poppins', sans-serif;
      font-size: 17px;
      line-height: 1.18;
    }
    .architecture-node p {
      margin: 0;
      color: rgba(0, 37, 75, 0.72);
      font-size: 13px;
      line-height: 1.55;
    }
    .architecture-arrow,
    .transformation-arrow {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 28px;
    }
    .architecture-arrow::before,
    .transformation-arrow::before {
      content: "";
      width: 100%;
      height: 3px;
      border-radius: 999px;
      background: var(--teal);
    }
    .architecture-arrow::after,
    .transformation-arrow::after {
      content: "";
      position: absolute;
      right: 0;
      width: 13px;
      height: 13px;
      border-top: 3px solid var(--teal);
      border-right: 3px solid var(--teal);
      transform: rotate(45deg);
    }
    .case-visual__footer {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
      padding: 16px 24px;
      background: var(--navy);
      color: #FFFFFF;
      text-align: center;
    }
    .case-visual__footer span,
    .case-visual__footer strong {
      font-family: 'Inter', sans-serif;
      font-size: 13px;
      font-weight: 900;
      letter-spacing: 0.12em;
      line-height: 1.25;
      text-transform: uppercase;
    }
    .case-visual__footer strong {
      color: #FFFFFF;
    }
    .transformation-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 58px minmax(0, 1fr);
      align-items: stretch;
      gap: 24px;
      padding: 30px 28px;
    }
    .transformation-panel {
      position: relative;
      display: grid;
      gap: 12px;
      min-width: 0;
      padding: 24px;
      border-radius: 10px;
    }
    .transformation-panel--before {
      border-left: 4px solid #FF6B6B;
      background: #FFF5F5;
    }
    .transformation-panel--after {
      border-left: 4px solid #00CC99;
      background: #E6FAF5;
    }
    .transformation-panel__phase {
      font-size: 10px;
      font-weight: 900;
      letter-spacing: 0.14em;
      line-height: 1.2;
      text-transform: uppercase;
    }
    .transformation-panel--before .transformation-panel__phase {
      color: #CC3F3F;
    }
    .transformation-panel--after .transformation-panel__phase {
      color: var(--teal);
    }
    .transformation-panel__icon {
      position: relative;
      width: 48px;
      height: 48px;
      border: 3px solid currentColor;
      border-radius: 999px;
      color: var(--teal);
    }
    .transformation-panel__icon--before {
      color: #FF6B6B;
    }
    .transformation-panel__icon--before::before,
    .transformation-panel__icon--before::after {
      content: "";
      position: absolute;
      left: 15px;
      right: 15px;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
    }
    .transformation-panel__icon--before::before {
      top: 11px;
      border-top: 12px solid currentColor;
    }
    .transformation-panel__icon--before::after {
      bottom: 11px;
      border-bottom: 12px solid currentColor;
    }
    .transformation-panel__icon--after::before {
      content: "";
      position: absolute;
      left: 13px;
      top: 15px;
      width: 18px;
      height: 10px;
      border-left: 4px solid currentColor;
      border-bottom: 4px solid currentColor;
      transform: rotate(-45deg);
    }
    .transformation-panel h3 {
      margin: 0;
      color: var(--navy);
      font-family: 'Poppins', sans-serif;
      font-size: 18px;
      line-height: 1.2;
    }
    .transformation-panel strong {
      color: var(--navy);
      font-family: 'Poppins', sans-serif;
      font-size: clamp(34px, 4vw, 46px);
      line-height: 1;
    }
    .transformation-panel em {
      color: rgba(0, 37, 75, 0.62);
      font-size: 12px;
      font-style: normal;
      font-weight: 900;
      letter-spacing: 0.08em;
      line-height: 1.2;
      text-transform: uppercase;
    }
    .transformation-panel ul {
      display: grid;
      gap: 10px;
      margin: 6px 0 0;
      padding: 16px 0 0;
      border-top: 1px solid rgba(0, 37, 75, 0.1);
      list-style: none;
    }
    .transformation-panel li {
      position: relative;
      padding-left: 18px;
      color: rgba(0, 37, 75, 0.76);
      font-size: 13px;
      line-height: 1.45;
    }
    .transformation-panel li::before {
      content: "";
      position: absolute;
      left: 1px;
      top: 8px;
      width: 7px;
      height: 7px;
      border-radius: 999px;
      background: currentColor;
    }
    .transformation-panel--before li::before {
      color: #FF6B6B;
    }
    .transformation-panel--after li::before {
      color: var(--teal);
    }
    .transformation-banner {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 10px 18px;
      padding: 18px 24px;
      background: var(--navy);
      color: #FFFFFF;
      text-align: center;
    }
    .transformation-banner strong,
    .transformation-banner span {
      font-family: 'Poppins', sans-serif;
      font-size: clamp(15px, 2vw, 20px);
      font-weight: 900;
      letter-spacing: 0.05em;
      line-height: 1.25;
      text-transform: uppercase;
    }
    .transformation-banner span {
      color: rgba(255, 255, 255, 0.74);
      font-family: 'Inter', sans-serif;
      font-size: 13px;
    }
    @media (max-width: 720px) {
      main.amsterdam-case { max-width: 100%; padding-left: 16px; padding-right: 16px; overflow-x: hidden; }
      .case-hero { width: 100%; max-width: 100%; padding: 24px 16px; overflow: hidden; }
      .case-hero::before { left: 16px; }
      .case-hero__eyebrow { align-items: flex-start; flex-direction: column; }
      .case-hero__eyebrow span { max-width: 100%; overflow-wrap: anywhere; }
      .case-hero__grid { grid-template-columns: 1fr; }
      .case-hero h1,
      .case-hero .summary,
      .case-hero .hero-stat,
      .case-hero .hero-stat--stacked span { max-width: 100%; overflow-wrap: anywhere; }
      .case-hero h1 { font-size: clamp(25px, 7vw, 28px); }
      .case-hero .case-title-part { display: block; }
      .case-hero .hero-stat--stacked { font-size: clamp(28px, 8vw, 32px); letter-spacing: -0.03em; }
      .case-hero .hero-stat--stacked span { white-space: normal; }
      .case-hero__proof { width: 100%; padding: 18px; }
      .case-hero__proof dl { grid-template-columns: 1fr; }
      .case-hero__proof dd { overflow-wrap: anywhere; }
      .case-hero__shift { grid-template-columns: 1fr; text-align: left; }
      .case-hero__shift strong { width: 34px; }
    }
    @media (max-width: 860px) {
      .architecture-flow,
      .transformation-grid {
        grid-template-columns: 1fr;
        justify-items: stretch;
      }

      .architecture-arrow,
      .transformation-arrow {
        justify-self: center;
        width: 34px;
        min-width: 34px;
        height: 34px;
        min-height: 34px;
        transform: none;
      }

      .architecture-arrow::before,
      .transformation-arrow::before {
        width: 3px;
        height: 100%;
      }

      .architecture-arrow::after,
      .transformation-arrow::after {
        right: auto;
        bottom: 1px;
        left: 50%;
        width: 12px;
        height: 12px;
        border-top: 0;
        border-right: 3px solid var(--teal);
        border-bottom: 3px solid var(--teal);
        transform: translateX(-50%) rotate(45deg);
      }

      .architecture-node,
      .transformation-panel {
        min-height: auto;
      }
      .case-visual__footer {
        flex-direction: column;
        gap: 6px;
      }
    }
    @media (max-width: 599px) {
      .amsterdam-case > .case-visual {
        margin: 26px auto 38px;
      }
      .case-visual {
        border-radius: 10px;
      }
      .case-visual__caption {
        padding: 22px 18px 18px;
      }
      .architecture-flow,
      .transformation-grid {
        gap: 16px;
        padding: 20px 16px;
      }
      .architecture-node,
      .transformation-panel {
        padding: 20px;
      }
      .transformation-banner {
        padding: 16px;
      }
      .case-actions {
        width: 100%;
      }
      .case-actions .cta,
      .case-actions .back-cta {
        width: 100%;
      }
    }