@font-face {
      font-family: "Manrope";
      font-style: normal;
      font-weight: 400 800;
      font-display: swap;
      src: url("/assets/manrope-latin-variable.woff2") format("woff2");
    }

    :root {
      --font-main: "Manrope", "Segoe UI", Arial, Helvetica, sans-serif;
      --type-h1: 56px;
      --type-h2: 42px;
      --type-h3: 30px;
      --type-h4: 23px;
      --type-label: 14px;
      --type-body: 18px;
      --type-card: 17px;
      --type-small: 15px;
      --type-button: 17px;
      --heading-color: #163C78;
      --body-color: #5E6B7A;
      --label-color: #2E7DE1;
      --ink: #111827;
      --graphite: #1f2937;
      --muted: #6b7280;
      --line: #e5e7eb;
      --paper: #ffffff;
      --soft: #F5F7FA;
      --google-blue: #163C78;
      --google-red: #E53935;
      --google-yellow: #2E7DE1;
      --google-green: #163C78;
      --meta-blue: #163C78;
      --orange: #2E7DE1;
      --orange-dark: #2E7DE1;
      --blue: var(--google-blue);
      --blue-dark: #163C78;
      --green: var(--google-green);
      --shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
      --radius: 18px;
      --max: 1180px;
    }

    @media (max-width: 1024px) {
      :root {
        --type-h1: 46px;
      }
    }

    @media (max-width: 640px) {
      :root {
        --type-h1: 38px;
        --type-h2: 34px;
        --type-h3: 26px;
        --type-h4: 22px;
        --type-body: 17px;
        --type-card: 16px;
      }
    }

    * {
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      margin: 0;
      color: var(--ink);
      background: var(--paper);
      font-family: var(--font-main);
      font-size: var(--type-body);
      line-height: 1.7;
      overflow-x: hidden;
    }

    img {
      display: block;
      max-width: 100%;
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    button,
    input,
    textarea {
      font: inherit;
    }

    .container {
      width: min(100% - 32px, var(--max));
      margin: 0 auto;
    }

    .skip-link {
      position: absolute;
      left: 16px;
      top: -48px;
      z-index: 50;
      padding: 10px 14px;
      color: white;
      background: var(--ink);
      border-radius: var(--radius);
    }

    .skip-link:focus {
      top: 16px;
    }

    .site-header {
      position: sticky;
      top: 0;
      z-index: 30;
      background: rgba(255, 255, 255, 0.94);
      border-bottom: 1px solid rgba(230, 232, 238, 0.9);
      backdrop-filter: blur(14px);
    }

    .nav {
      min-height: 76px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: clamp(18px, 2vw, 34px);
    }

    .brand-text {
      display: grid;
      grid-template-columns: auto auto minmax(0, 1fr);
      align-items: center;
      column-gap: 16px;
      min-width: 286px;
      color: #0f2247;
      line-height: 1;
    }

    .brand-infinity {
      display: inline-block;
      width: 30px;
      height: 18px;
      color: #0f2247;
      font-size: 0;
      line-height: 1;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 24'%3E%3Cpath d='M4 12C4 6 11 5 22 12C33 19 40 18 40 12C40 6 33 5 22 12C11 19 4 18 4 12Z' fill='none' stroke='%230f2247' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .brand-separator {
      width: 1px;
      height: 34px;
      background: #2E7DE1;
      opacity: 0.72;
    }

    .brand-copy {
      display: grid;
      gap: 8px;
      min-width: 0;
    }

    .brand-name {
      display: block;
      color: #0f2247;
      font-size: 1.16rem;
      font-weight: 700;
      line-height: 1;
      letter-spacing: -0.01em;
      transition: color 0.22s ease;
    }

    .brand-text:hover .brand-name,
    .brand-text:focus-visible .brand-name {
      color: #2E7DE1;
    }

    .brand-line {
      display: block;
      color: rgba(15, 34, 71, 0.72);
      font-size: 0.78rem;
      font-weight: 450;
      word-spacing: 0;
      letter-spacing: 0.03em;
      line-height: 1.1;
      white-space: nowrap;
    }

    .nav-links {
      flex: 1 1 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: clamp(16px, 1.7vw, 28px);
      color: #374151;
      font-size: 0.94rem;
      font-weight: 500;
    }

    .nav-links a {
      padding: 10px 0;
      border-bottom: 2px solid transparent;
    }

    .nav-links a:hover,
    .nav-links a:focus-visible {
      color: var(--google-blue);
      border-color: var(--google-yellow);
    }

    .nav-actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: clamp(14px, 1.4vw, 22px);
      flex: 0 0 auto;
    }

    .header-phone {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 38px;
      padding: 0;
      color: rgba(15, 34, 71, 0.86);
      font-size: 0.92rem;
      font-weight: 700;
      white-space: nowrap;
      transition: color 0.22s ease;
    }

    .phone-icon {
      position: relative;
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      color: #ffffff;
      background: var(--orange);
      border-radius: 999px;
      box-shadow: 0 10px 26px rgba(46, 125, 225, 0.26);
      animation: phonePulse 2.8s ease-in-out infinite;
    }

    .phone-icon::after {
      content: "";
      position: absolute;
      inset: -5px;
      border: 1px solid rgba(46, 125, 225, 0.34);
      border-radius: inherit;
      opacity: 0;
      animation: phoneRing 2.8s ease-in-out infinite;
    }

    .phone-icon svg {
      width: 15px;
      height: 15px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2.4;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .header-phone:hover .phone-icon,
    .header-phone:focus-visible .phone-icon {
      transform: scale(1.06);
      box-shadow: 0 14px 32px rgba(46, 125, 225, 0.34);
    }

    .header-phone:hover,
    .header-phone:focus-visible {
      color: var(--orange);
    }

    @keyframes phonePulse {
      0%, 72%, 100% {
        transform: scale(1);
        box-shadow: 0 10px 26px rgba(46, 125, 225, 0.26);
      }

      82% {
        transform: scale(1.08);
        box-shadow: 0 16px 36px rgba(46, 125, 225, 0.38);
      }
    }

    @keyframes phoneRing {
      0%, 68% {
        opacity: 0;
        transform: scale(0.72);
      }

      82% {
        opacity: 0.65;
      }

      100% {
        opacity: 0;
        transform: scale(1.35);
      }
    }

    .footer-social {
      width: 36px;
      height: 36px;
      display: grid;
      place-items: center;
      color: var(--google-blue);
      background: #F5F7FA;
      border: 1px solid rgba(22, 60, 120, 0.08);
      border-radius: 999px;
      transition: color 0.2s ease, background 0.2s ease, transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    }

    .footer-social svg {
      width: 18px;
      height: 18px;
      fill: currentColor;
      stroke: none;
      transition: transform 0.2s ease;
    }

    .footer-social.mail svg {
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .footer-social:hover,
    .footer-social:focus-visible {
      color: #ffffff;
      background: var(--orange);
      border-color: transparent;
      box-shadow: 0 16px 32px rgba(46, 125, 225, 0.3);
      transform: translateY(-3px);
      outline: 0;
    }

    .footer-social:hover svg,
    .footer-social:focus-visible svg {
      transform: scale(1.08);
    }

    .language-switcher {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      padding: 4px;
      background: #F5F7FA;
      border: 1px solid var(--line);
      border-radius: 999px;
    }

    .language-switcher button {
      min-height: 30px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 38px;
      padding: 5px 10px;
      color: #475569;
      background: transparent;
      border: 0;
      border-radius: 999px;
      cursor: pointer;
      font: inherit;
      font-size: 0.78rem;
      font-weight: 700;
      line-height: 1;
      transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
    }

    .language-switcher button.is-active {
      color: var(--google-blue);
      background: #ffffff;
      box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
    }

    .language-switcher button:hover,
    .language-switcher button:focus-visible {
      color: var(--google-blue);
      outline: 0;
    }

    .button {
      min-height: 46px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 12px 18px;
      border: 1px solid transparent;
      border-radius: var(--radius);
      font-family: inherit;
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: 0;
      white-space: nowrap;
      cursor: pointer;
      transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
    }

    .button:hover,
    .button:focus-visible {
      transform: translateY(-1px);
    }

    .button-primary {
      color: white;
      background: var(--google-blue);
      box-shadow: 0 16px 34px rgba(22, 60, 120, 0.28);
    }

    .button-primary:hover,
    .button-primary:focus-visible {
      background: #163C78;
      box-shadow: 0 18px 38px rgba(22, 60, 120, 0.32);
    }

    .button-primary:active {
      transform: scale(1.06);
    }

    .button-secondary {
      color: var(--ink);
      background: white;
      border-color: rgba(22, 60, 120, 0.45);
      box-shadow: 0 12px 28px rgba(22, 60, 120, 0.12);
    }

    .button-secondary:hover,
    .button-secondary:focus-visible {
      border-color: var(--google-yellow);
      box-shadow: 0 14px 30px rgba(46, 125, 225, 0.18);
    }

    .button-dark {
      color: white;
      background: var(--ink);
    }

    .hero {
      position: relative;
      min-height: calc(90vh - 76px);
      display: grid;
      align-items: start;
      overflow: hidden;
      background: #ffffff;
      border-bottom: 1px solid var(--line);
    }

    .hero::after {
      content: "";
      position: absolute;
      inset: auto 0 0 0;
      height: 82px;
      background: linear-gradient(180deg, rgba(255,255,255,0), white);
      pointer-events: none;
    }

    .hero-inner {
      position: relative;
      z-index: 1;
      padding: 46px 0 42px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(330px, 430px);
      grid-template-areas:
        "copy media";
      gap: 56px;
      align-items: center;
    }

    .hero-copy {
      grid-area: copy;
      max-width: 820px;
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin: 0 0 18px;
      color: var(--blue-dark);
      font-size: 0.86rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0;
    }

    .eyebrow::before {
      content: "";
      width: 34px;
      height: 4px;
      background: var(--google-yellow);
      border-radius: 999px;
    }

    .hero .eyebrow::before {
      width: 30px;
      background: var(--google-yellow);
    }

    .hero .eyebrow {
      margin-bottom: 14px;
      font-weight: 700;
      text-transform: none;
    }

    .hero-trust-label {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin: 0 0 14px;
      color: var(--google-blue);
      font-size: 0.88rem;
      font-weight: 600;
      line-height: 1.3;
    }

    .hero-trust-label .trust-icon {
      position: relative;
      display: inline-block;
      flex: 0 0 16px;
      width: 16px;
      height: 16px;
      color: var(--google-blue);
    }

    .hero-trust-label .trust-icon::before,
    .hero-trust-label .trust-icon::after {
      content: "";
      position: absolute;
      left: 50%;
      background: currentColor;
      transform: translateX(-50%);
    }

    .hero-trust-label .trust-icon::before {
      top: 1px;
      width: 6px;
      height: 6px;
      border-radius: 50%;
    }

    .hero-trust-label .trust-icon::after {
      bottom: 1px;
      width: 12px;
      height: 8px;
      border-radius: 8px 8px 3px 3px;
    }

    h1,
    h2,
    h3,
    p {
      margin-top: 0;
    }

    h1,
    #hero-title {
      max-width: 790px;
      margin-bottom: 18px;
      font-size: clamp(2.15rem, 4.2vw, 3.45rem);
      line-height: 1.02;
      letter-spacing: 0;
    }

    .headline-support {
      display: block;
      margin-top: 8px;
      color: #374151;
      font-size: clamp(1.55rem, 3vw, 2.46rem);
      font-weight: 700;
      line-height: 1.08;
    }

    .hero-statement {
      max-width: 720px;
      margin-bottom: 14px;
      color: var(--blue-dark);
      font-size: clamp(1.08rem, 2vw, 1.34rem);
      line-height: 1.32;
      font-weight: 500;
    }

    .hero-lead {
      max-width: 660px;
      margin-bottom: 20px;
      color: #374151;
      font-size: clamp(1rem, 1.7vw, 1.12rem);
    }

    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      margin-bottom: 22px;
    }

    .proof-row {
      display: grid;
      grid-template-columns: 1fr;
      justify-content: flex-start;
      gap: 10px;
      max-width: 560px;
      padding: 0;
      margin: 0;
      list-style: none;
    }

    .proof-row li {
      display: inline-flex;
      align-items: center;
      min-height: 32px;
      color: var(--ink);
      background: transparent;
      border: 0;
      border-radius: 0;
      box-shadow: none;
      font-size: 1.02rem;
      font-weight: 600;
      line-height: 1.35;
    }

    .proof-row li::before {
      content: "\2713";
      width: 21px;
      height: 21px;
      display: grid;
      flex: 0 0 21px;
      place-items: center;
      margin-right: 11px;
      color: white;
      background: var(--google-blue);
      border-radius: 50%;
      font-size: 0.78rem;
      font-weight: 700;
      line-height: 1;
    }

    .proof-row li:nth-child(2)::before {
      background: var(--google-blue);
    }

    .proof-row li:nth-child(3)::before {
      background: var(--google-blue);
    }

    .proof-row li:nth-child(4)::before {
      background: var(--google-blue);
    }

    .proof-row li:nth-child(5)::before {
      background: var(--google-blue);
    }

    .hero-media {
      grid-area: media;
      position: relative;
      padding: 10px;
      background: var(--soft);
      border-radius: 16px;
      box-shadow: 0 18px 42px rgba(32, 33, 36, 0.1);
    }

    .google-corner {
      position: absolute;
      left: -6px;
      top: -6px;
      display: grid;
      grid-template-columns: repeat(2, 8px);
      gap: 5px;
      padding: 7px;
      background: white;
      border: 1px solid var(--line);
      border-radius: 10px;
      box-shadow: 0 10px 22px rgba(32, 33, 36, 0.09);
    }

    .google-corner span {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--google-blue);
    }

    .google-corner span:nth-child(2) {
      background: var(--google-red);
    }

    .google-corner span:nth-child(3) {
      background: var(--google-yellow);
    }

    .google-corner span:nth-child(4) {
      background: var(--google-green);
    }

    .hero-photo {
      overflow: hidden;
      border: 1px solid rgba(22, 60, 120, 0.28);
      border-radius: 14px;
      background: white;
    }

    .hero-photo img {
      width: 100%;
      aspect-ratio: 4 / 5;
      object-fit: cover;
      object-position: center 14%;
    }

    section {
      padding: 84px 0;
    }

    .hero {
      padding: 0;
    }

    section:nth-of-type(even) {
      background: var(--soft);
    }

    .section-head {
      max-width: 760px;
      margin-bottom: 34px;
    }

    .section-head h2 {
      margin: 0 0 12px;
      font-size: clamp(2.05rem, 4.2vw, 3.2rem);
      line-height: 1.02;
      letter-spacing: 0;
    }

    .section-head p {
      margin-bottom: 0;
      color: var(--muted);
      font-size: 1.06rem;
    }

    .service-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 18px;
    }

    .service-card {
      min-height: 620px;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      background: white;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      box-shadow: 0 16px 36px rgba(17, 17, 17, 0.08);
    }

    .service-card img {
      width: 100%;
      aspect-ratio: 16 / 10;
      object-fit: cover;
      background: var(--soft);
      transition: transform 0.28s ease;
      transform-origin: center;
    }

    .service-card:hover img,
    .service-card:focus-within img {
      transform: scale(1.04);
    }

    .service-body {
      flex: 1;
      display: flex;
      flex-direction: column;
      padding: 24px;
    }

    .service-kicker {
      display: inline-flex;
      margin-bottom: 12px;
      color: var(--orange);
      font-size: 0.8rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0;
    }

    .service-card:nth-child(2) .service-kicker {
      color: var(--google-blue);
    }

    .service-card:nth-child(3) .service-kicker {
      color: var(--google-green);
    }

    .service-card:nth-child(4) .service-kicker {
      color: var(--google-yellow);
    }

    .service-body h3 {
      margin-bottom: 12px;
      font-size: 1.3rem;
      line-height: 1.14;
    }

    .service-body p {
      margin-bottom: 16px;
      color: var(--muted);
      font-size: 0.96rem;
    }

    .service-list {
      display: grid;
      gap: 9px;
      padding: 0;
      margin: 0 0 22px;
      color: var(--ink);
      font-size: 0.94rem;
      line-height: 1.35;
      list-style: none;
    }

    .service-list li {
      display: flex;
      gap: 8px;
      align-items: flex-start;
    }

    .service-list li::before {
      content: "\2713";
      color: var(--google-blue);
      font-weight: 700;
      line-height: 1.35;
    }

    .service-card .button {
      width: 100%;
      margin-top: auto;
      color: white;
      background: var(--google-red);
      box-shadow: 0 14px 28px rgba(46, 125, 225, 0.24);
    }

    .service-card .button:hover,
    .service-card .button:focus-visible {
      background: #163C78;
      box-shadow: 0 16px 32px rgba(46, 125, 225, 0.3);
    }

    .lead-approach {
      background: white;
    }

    .lead-approach .section-head {
      max-width: 980px;
      margin-right: 0;
      margin-left: 0;
      text-align: left;
    }

    .lead-approach .section-head h2 {
      font-size: clamp(2.05rem, 4.2vw, 3.2rem);
      line-height: 1.02;
      letter-spacing: 0;
    }

    .lead-approach .section-head p {
      max-width: 690px;
      color: #374151;
      font-size: clamp(1rem, 1.7vw, 1.12rem);
      line-height: 1.55;
    }

    .journey-flow {
      position: relative;
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 12px;
      align-items: stretch;
      max-width: 1080px;
      margin: 34px auto 30px;
    }

    .journey-flow::before {
      content: "";
      position: absolute;
      left: 7%;
      right: 7%;
      top: 50%;
      height: 3px;
      background: rgba(22, 60, 120, 0.14);
      transform: translateY(-50%);
      z-index: 0;
    }

    .journey-step {
      --step-color: var(--google-blue);
      --step-icon: var(--google-blue);
      --step-bg: var(--soft);
      position: relative;
      z-index: 1;
      min-height: 142px;
      display: grid;
      align-content: center;
      justify-items: center;
      gap: 8px;
      padding: 18px 12px 16px;
      text-align: center;
      background: white;
      border: 1px solid var(--line);
      border-top: 4px solid var(--step-color);
      border-radius: var(--radius);
      box-shadow: 0 14px 32px rgba(32, 33, 36, 0.07);
      cursor: pointer;
      transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, border-top-color 0.25s ease;
    }

    .journey-step:not(:last-child)::after {
      content: "";
      position: absolute;
      top: 50%;
      right: -12px;
      width: 12px;
      height: 3px;
      background: rgba(22, 60, 120, 0.82);
      transform: translateY(-50%);
      animation: journeyArrowMove 2.8s ease-in-out infinite;
      z-index: 2;
    }

    .journey-step:not(:last-child)::before {
      content: "";
      position: absolute;
      top: calc(50% - 6px);
      right: -17px;
      border-top: 6px solid transparent;
      border-bottom: 6px solid transparent;
      border-left: 8px solid rgba(22, 60, 120, 0.82);
      animation: journeyArrowHeadMove 2.8s ease-in-out infinite;
      z-index: 3;
    }

    .journey-icon {
      width: 48px;
      height: 48px;
      display: grid;
      place-items: center;
      color: var(--step-icon);
      background: var(--step-bg);
      border-radius: 14px;
      transition: transform 0.25s ease, color 0.25s ease, background 0.25s ease;
    }

    .journey-icon svg {
      width: 25px;
      height: 25px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .journey-step h3 {
      margin-bottom: 0;
      color: var(--ink);
      font-size: 1rem;
      line-height: 1.18;
      font-weight: 700;
    }

    .journey-note {
      color: var(--muted);
      font-size: 0.81rem;
      line-height: 1.25;
    }

    .journey-step:hover,
    .journey-step:focus-visible {
      transform: translateY(-6px);
      border-color: rgba(46, 125, 225, 0.35);
      border-top-color: #2E7DE1;
      box-shadow: 0 18px 45px rgba(15, 23, 42, 0.1);
      outline: 0;
    }

    .journey-step:hover .journey-icon,
    .journey-step:focus-visible .journey-icon,
    .journey-step.is-active .journey-icon {
      color: #2E7DE1;
      background: #F5F7FA;
      transform: scale(1.08);
    }

    .journey-step.is-active {
      border-color: rgba(46, 125, 225, 0.35);
      border-top-color: #2E7DE1;
      box-shadow: 0 14px 34px rgba(46, 125, 225, 0.12);
    }

    .journey-flow:hover .journey-step.is-active:not(:hover):not(:focus-visible) {
      border-color: #e5e7eb;
      border-top-color: #163C78;
      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
    }

    .journey-flow:hover .journey-step.is-active:not(:hover):not(:focus-visible) .journey-icon {
      color: #163C78;
      background: #F5F7FA;
      transform: none;
    }

    .step-landing {
      --step-color: var(--google-yellow);
      --step-icon: var(--orange);
      --step-bg: #F5F7FA;
    }

    .step-form {
      --step-color: var(--google-blue);
      --step-icon: var(--google-blue);
      --step-bg: var(--soft);
    }

    .step-tracking {
      --step-color: var(--google-red);
      --step-icon: var(--google-red);
      --step-bg: #F5F7FA;
    }

    .step-crm {
      --step-color: var(--google-blue);
      --step-icon: var(--google-blue);
      --step-bg: var(--soft);
    }

    .step-quality {
      --step-color: var(--blue-dark);
      --step-icon: var(--blue-dark);
      --step-bg: var(--soft);
    }

    .review-checklist {
      max-width: 920px;
      margin: 0 auto;
      padding: 26px;
      background: #F5F7FA;
      border: 1px solid var(--line);
      border-top: 4px solid #2E7DE1;
      border-radius: var(--radius);
      box-shadow: 0 14px 32px rgba(32, 33, 36, 0.07);
      transition: opacity 0.2s ease, transform 0.2s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    }

    .review-checklist.is-updating {
      opacity: 0.72;
      transform: translateY(4px);
    }

    .review-checklist h3 {
      margin-bottom: 16px;
      color: var(--ink);
      font-size: 1.12rem;
      line-height: 1.25;
      font-weight: 700;
    }

    .review-groups {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 24px;
    }

    .review-group h4 {
      margin-bottom: 10px;
      color: var(--blue-dark);
      font-size: 0.96rem;
      line-height: 1.25;
      font-weight: 700;
    }

    .review-list {
      display: grid;
      gap: 9px;
      padding: 0;
      margin: 0;
      color: #374151;
      list-style: none;
    }

    .review-list li {
      position: relative;
      padding-left: 26px;
      line-height: 1.42;
      font-weight: 400;
      transition: color 0.2s ease, transform 0.2s ease;
    }

    .review-list li:hover {
      color: #163C78;
      transform: translateX(3px);
    }

    .review-list li::before {
      content: "\2713";
      position: absolute;
      left: 0;
      top: 2px;
      width: 18px;
      height: 18px;
      display: grid;
      place-items: center;
      color: white;
      background: var(--google-blue);
      border-radius: 5px;
      font-size: 0.72rem;
      font-weight: 700;
      line-height: 1;
    }

    @keyframes journeyArrowMove {
      0%,
      100% {
        transform: translateY(-50%) translateX(0);
      }
      50% {
        transform: translateY(-50%) translateX(4px);
      }
    }

    @keyframes journeyArrowHeadMove {
      0%,
      100% {
        transform: translateX(0);
      }
      50% {
        transform: translateX(4px);
      }
    }

    @keyframes journeyArrowDownMove {
      0%,
      100% {
        transform: translateX(-50%) translateY(0);
      }
      50% {
        transform: translateX(-50%) translateY(4px);
      }
    }

    @keyframes journeyArrowDownHeadMove {
      0%,
      100% {
        transform: translateY(0);
      }
      50% {
        transform: translateY(4px);
      }
    }

    .check-list,
    .metric-list {
      padding: 0;
      margin: 0;
      list-style: none;
    }

    .check-list {
      display: grid;
      gap: 12px;
      margin-top: 24px;
    }

    .check-list li {
      position: relative;
      padding-left: 34px;
      color: #374151;
      font-weight: 700;
    }

    .check-list li::before {
      content: "\2713";
      position: absolute;
      left: 0;
      top: 4px;
      width: 18px;
      height: 18px;
      display: grid;
      place-items: center;
      color: white;
      background: var(--google-blue);
      border-radius: 5px;
      box-shadow: 0 0 0 1px rgba(22, 60, 120, 0.35);
      font-size: 0.72rem;
      line-height: 1;
      font-weight: 700;
    }

    .metric-list {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      margin-top: 26px;
    }

    .metric {
      min-height: 122px;
      padding: 18px;
      background: white;
      color: var(--ink);
      border: 1px solid var(--line);
      border-radius: var(--radius);
      box-shadow: 0 14px 32px rgba(32, 33, 36, 0.07);
    }

    .metric strong {
      display: block;
      margin-bottom: 6px;
      color: var(--google-blue);
      font-size: 2rem;
      line-height: 1;
    }

    .metric span {
      color: var(--muted);
      font-size: 0.88rem;
      font-weight: 700;
    }

    .metric:nth-child(2) strong {
      color: var(--google-red);
    }

    .metric:nth-child(3) strong {
      color: var(--google-yellow);
    }

    .logo-stack {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
      margin-top: 24px;
    }

    .brand-badge {
      min-height: 116px;
      display: grid;
      align-content: center;
      gap: 10px;
      padding: 16px;
      background: white;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      box-shadow: 0 12px 28px rgba(32, 33, 36, 0.07);
      font-weight: 700;
    }

    .platform-strip {
      padding: 0 0 56px;
      background: white;
    }

    .platform-strip-inner {
      max-width: 1120px;
      padding: 40px 24px;
      margin: 0 auto;
      background: #F5F7FA;
      border: 1px solid #e5e7eb;
      border-radius: 18px;
    }

    .platform-strip-head {
      max-width: 720px;
      margin: 0 auto;
      text-align: center;
    }

    .platform-strip-head h2 {
      margin-bottom: 10px;
      color: #111827;
      font-size: clamp(1.5rem, 2.6vw, 1.75rem);
      line-height: 1.16;
      font-weight: 700;
      letter-spacing: 0;
    }

    .platform-strip-head p {
      margin-bottom: 0;
      color: #374151;
      font-size: 1rem;
      line-height: 1.55;
    }

    .platform-logo-row {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: clamp(20px, 2vw, 32px);
      margin-top: 28px;
    }

    .platform-logo-card {
      min-width: 190px;
      height: 76px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 14px 16px;
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: 14px;
      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
      opacity: 0.86;
      transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, opacity 0.22s ease;
    }

    .platform-logo-card:hover,
    .platform-logo-card:focus-within {
      transform: translateY(-3px);
      border-color: rgba(46, 125, 225, 0.35);
      box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
      opacity: 1;
    }

    .platform-logo {
      height: auto;
      width: auto;
      max-width: 178px;
      max-height: 42px;
      display: block;
    }

    .industries {
      background: #F5F7FA;
      color: var(--ink);
    }

    .industries .section-head {
      max-width: 760px;
      margin-bottom: 28px;
    }

    .industries .eyebrow {
      color: #2E7DE1;
    }

    .industries .eyebrow::before {
      background: #2E7DE1;
    }

    .industries .section-head h2 {
      max-width: 660px;
      font-size: clamp(2.45rem, 4.4vw, 3.45rem);
      line-height: 1.04;
    }

    .industries .section-head p {
      max-width: 620px;
      color: #374151;
      font-size: 1.05rem;
      line-height: 1.62;
    }

    .industries .section-head strong {
      color: #111827;
      font-weight: 700;
    }

    .industry-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }

    .industry-card {
      min-height: 132px;
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      align-items: center;
      gap: 18px;
      padding: 22px 24px;
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: 14px;
      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
      transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
    }

    .industry-card:hover,
    .industry-card:focus-within {
      transform: translateY(-4px);
      border-color: rgba(46, 125, 225, 0.35);
      box-shadow: 0 18px 45px rgba(15, 23, 42, 0.1);
    }

    .industry-icon {
      width: 58px;
      height: 58px;
      display: grid;
      place-items: center;
      color: #163C78;
      background: #F5F7FA;
      border-radius: 50%;
      transition: transform 0.24s ease, color 0.24s ease, background 0.24s ease;
    }

    .industry-card:hover .industry-icon,
    .industry-card:focus-within .industry-icon {
      color: #2E7DE1;
      background: #F5F7FA;
      transform: scale(1.06);
    }

    .industry-icon svg {
      width: 30px;
      height: 30px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .industry-card h3 {
      margin-bottom: 6px;
      color: #111827;
      font-size: 1.02rem;
      line-height: 1.2;
      font-weight: 700;
    }

    .industry-card p {
      margin-bottom: 0;
      color: #374151;
      font-size: 0.94rem;
      line-height: 1.48;
    }

    .industry-arrow {
      color: #2E7DE1;
      font-size: 1.55rem;
      line-height: 1;
      transition: transform 0.24s ease;
    }

    .industry-card:hover .industry-arrow,
    .industry-card:focus-within .industry-arrow {
      transform: translateX(4px);
    }

    .industry-cta {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      align-items: center;
      gap: 18px;
      margin-top: 24px;
      padding: 22px 24px;
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: 16px;
      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
    }

    .industry-cta-icon {
      width: 52px;
      height: 52px;
      display: grid;
      place-items: center;
      color: #2E7DE1;
      background: #F5F7FA;
      border-radius: 50%;
    }

    .industry-cta-icon svg {
      width: 25px;
      height: 25px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .industry-cta strong {
      display: block;
      margin-bottom: 4px;
      color: #111827;
      font-size: 1rem;
      line-height: 1.3;
    }

    .industry-cta p {
      margin-bottom: 0;
      color: #374151;
      font-size: 0.92rem;
      line-height: 1.45;
    }

    .process-section {
      background: #ffffff;
    }

    .process-section .section-head {
      max-width: 620px;
      margin-bottom: 30px;
    }

    .process-section .eyebrow {
      color: #2E7DE1;
    }

    .process-section .eyebrow::before {
      background: #2E7DE1;
    }

    .process-section .section-head h2 {
      max-width: 560px;
      font-size: clamp(2.45rem, 4.4vw, 3.45rem);
      line-height: 1.04;
    }

    .process-section .section-head p {
      max-width: 520px;
      color: #374151;
      font-size: 1.04rem;
      line-height: 1.58;
    }

    .process-timeline {
      position: relative;
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 28px;
      padding-top: 62px;
      margin-top: 20px;
    }

    .process-timeline::before {
      content: "";
      position: absolute;
      left: 8%;
      right: 8%;
      top: 24px;
      height: 2px;
      background: repeating-linear-gradient(90deg, #d8dee9 0 6px, transparent 6px 12px);
    }

    .process-node {
      position: absolute;
      top: -78px;
      left: 50%;
      width: 48px;
      height: 48px;
      display: grid;
      place-items: center;
      color: #ffffff;
      background: var(--process-color);
      border-radius: 50%;
      box-shadow: 0 12px 26px var(--process-glow);
      transform: translateX(-50%);
      font-size: 0.96rem;
      font-weight: 700;
      line-height: 1;
    }

    .process-node::after {
      content: "";
      position: absolute;
      top: 48px;
      left: 50%;
      width: 2px;
      height: 30px;
      background: color-mix(in srgb, var(--process-color) 38%, transparent);
      transform: translateX(-50%);
    }

    .process-timeline::after {
      content: "";
      position: absolute;
      top: 18px;
      left: 18%;
      right: 18%;
      height: 14px;
      background:
        radial-gradient(circle, #c7d0df 0 3px, transparent 4px) 0 50% / 22% 100% repeat-x;
      pointer-events: none;
    }

    .process-card {
      --process-color: #163C78;
      --process-soft: #F5F7FA;
      --process-glow: rgba(22, 60, 120, 0.2);
      position: relative;
      min-height: 268px;
      padding: 28px 20px 22px;
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: 14px;
      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
      transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease;
    }

    .process-card:hover,
    .process-card:focus-within {
      transform: translateY(-5px);
      border-color: color-mix(in srgb, var(--process-color) 44%, #e5e7eb);
      box-shadow: 0 18px 45px rgba(15, 23, 42, 0.1);
    }

    .process-card:nth-child(1) {
      --process-color: #163C78;
      --process-soft: #F5F7FA;
      --process-glow: rgba(22, 60, 120, 0.28);
    }

    .process-card:nth-child(2) {
      --process-color: #163C78;
      --process-soft: #F5F7FA;
      --process-glow: rgba(22, 60, 120, 0.28);
    }

    .process-card:nth-child(3) {
      --process-color: #2E7DE1;
      --process-soft: #F5F7FA;
      --process-glow: rgba(46, 125, 225, 0.3);
    }

    .process-card:nth-child(4) {
      --process-color: #163C78;
      --process-soft: #F5F7FA;
      --process-glow: rgba(22, 60, 120, 0.26);
    }

    .process-card:nth-child(5) {
      --process-color: #163C78;
      --process-soft: #F5F7FA;
      --process-glow: rgba(22, 60, 120, 0.26);
    }

    .process-icon {
      width: 68px;
      height: 68px;
      display: grid;
      place-items: center;
      margin: 0 auto 22px;
      color: var(--process-color);
      background: var(--process-soft);
      border-radius: 50%;
      transition: transform 0.24s ease;
    }

    .process-card:hover .process-icon,
    .process-card:focus-within .process-icon {
      transform: scale(1.06);
    }

    .process-icon svg {
      width: 34px;
      height: 34px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .process-card h3 {
      min-height: 48px;
      margin-bottom: 12px;
      color: #111827;
      font-size: 1.05rem;
      line-height: 1.18;
      font-weight: 700;
    }

    .process-card h3::after {
      content: "";
      width: 30px;
      height: 2px;
      display: block;
      margin-top: 12px;
      background: var(--process-color);
      border-radius: 999px;
    }

    .process-card p {
      margin-bottom: 0;
      color: #374151;
      font-size: 0.9rem;
      line-height: 1.5;
    }

    .process-cta {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      align-items: center;
      gap: 18px;
      margin-top: 34px;
      padding: 22px 24px;
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: 16px;
      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
    }

    .process-cta-icon {
      width: 52px;
      height: 52px;
      display: grid;
      place-items: center;
      color: #163C78;
      background: #F5F7FA;
      border-radius: 50%;
    }

    .process-cta-icon svg {
      width: 28px;
      height: 28px;
      fill: currentColor;
    }

    .process-cta strong {
      display: block;
      margin-bottom: 4px;
      color: #111827;
      font-size: 1rem;
      line-height: 1.3;
    }

    .process-cta p {
      margin-bottom: 0;
      color: #374151;
      font-size: 0.92rem;
      line-height: 1.45;
    }

    section.cases-proof {
      background: var(--soft);
    }

    .cases-proof .section-head {
      max-width: 860px;
    }

    .case-card {
      --case-accent: #2E7DE1;
      min-height: 100%;
      display: flex;
      flex-direction: column;
      padding: 22px;
      background: white;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      box-shadow: 0 16px 36px rgba(32, 33, 36, 0.08);
    }

    .case-icon {
      width: 44px;
      height: 44px;
      display: grid;
      place-items: center;
      margin-bottom: 16px;
      color: var(--case-accent);
      background: #F5F7FA;
      border: 1px solid rgba(46, 125, 225, 0.18);
      border-radius: 12px;
    }

    .case-icon svg {
      width: 24px;
      height: 24px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .case-card h3 {
      margin-bottom: 16px;
      color: var(--blue-dark);
      font-size: 1.15rem;
      line-height: 1.2;
      font-weight: 700;
    }

    .case-summary {
      display: grid;
      gap: 13px;
    }

    .case-summary p {
      margin: 0;
      color: #374151;
      font-size: 0.95rem;
      line-height: 1.48;
    }

    .case-label {
      display: block;
      margin-bottom: 3px;
      color: var(--case-accent);
      font-size: 0.74rem;
      font-weight: 700;
      line-height: 1.2;
      text-transform: uppercase;
      letter-spacing: 0.02em;
    }

    .case-outcome {
      margin-top: 2px;
      padding: 13px 14px;
      color: var(--ink);
      background: #F5F7FA;
      border-left: 3px solid var(--case-accent);
      border-radius: var(--radius);
    }

    .case-outcome p {
      margin: 0;
      color: #374151;
      font-size: 0.94rem;
      line-height: 1.42;
    }

    .case-cta {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 18px;
      align-items: center;
      margin-top: 26px;
      padding: 24px;
      background: white;
      border: 1px solid rgba(46, 125, 225, 0.2);
      border-radius: var(--radius);
      box-shadow: 0 14px 32px rgba(32, 33, 36, 0.06);
    }

    .case-cta p {
      margin: 0;
      color: var(--blue-dark);
      font-size: 1.05rem;
      line-height: 1.4;
      font-weight: 600;
    }

    .button-orange {
      color: white;
      background: #2E7DE1;
      box-shadow: 0 14px 28px rgba(46, 125, 225, 0.24);
    }

    .button-orange:hover,
    .button-orange:focus-visible {
      background: #2E7DE1;
      box-shadow: 0 16px 32px rgba(46, 125, 225, 0.3);
    }

    section.cases-proof {
      padding: 80px 0;
      background: #F5F7FA;
    }

    .cases-proof .section-head {
      max-width: 760px;
      margin-right: auto;
      margin-bottom: 22px;
      margin-left: auto;
      text-align: center;
    }

    .cases-proof .section-head h2 {
      margin-bottom: 16px;
      color: #111827;
      font-size: clamp(2.05rem, 4.2vw, 3.2rem);
      line-height: 1.02;
      font-weight: 700;
    }

    .cases-proof .section-head p {
      max-width: 760px;
      margin: 0 auto;
      color: #374151;
      font-size: clamp(0.98rem, 1.45vw, 1.1rem);
      line-height: 1.58;
    }

    .case-carousel {
      position: relative;
    }

    .case-viewport {
      overflow: hidden;
      padding: 8px 2px 28px;
    }

    .case-track {
      display: flex;
      gap: 24px;
      align-items: stretch;
      transition: transform 0.38s ease;
      will-change: transform;
    }

    .cases-proof .case-card {
      position: relative;
      flex: 0 0 calc((100% - 48px) / 3);
      min-height: 520px;
      padding: 28px;
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: 18px;
      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
      transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    }

    .cases-proof .case-card:hover,
    .cases-proof .case-card:focus-within {
      transform: translateY(-6px);
      border-color: rgba(46, 125, 225, 0.35);
      box-shadow: 0 18px 45px rgba(15, 23, 42, 0.1);
    }

    .case-number {
      position: absolute;
      top: 28px;
      right: 28px;
      min-width: 38px;
      height: 30px;
      display: inline-grid;
      place-items: center;
      padding: 0 9px;
      color: #163C78;
      background: #F5F7FA;
      border-radius: 999px;
      font-size: 0.82rem;
      font-weight: 700;
      line-height: 1;
    }

    .cases-proof .case-icon {
      width: 48px;
      height: 48px;
      margin-bottom: 22px;
      color: #2E7DE1;
      background: #F5F7FA;
      border-color: rgba(46, 125, 225, 0.25);
      border-radius: 12px;
    }

    .cases-proof .case-icon svg {
      width: 25px;
      height: 25px;
    }

    .cases-proof .case-card h3 {
      margin-bottom: 18px;
      color: #163C78;
      font-size: clamp(1.18rem, 1.6vw, 1.34rem);
      line-height: 1.25;
      font-weight: 700;
    }

    .cases-proof .case-summary {
      gap: 14px;
    }

    .cases-proof .case-summary p {
      color: #1f2937;
      font-size: 0.95rem;
      line-height: 1.55;
    }

    .cases-proof .case-label {
      margin-bottom: 6px;
      color: #2E7DE1;
      font-size: 0.7rem;
      font-weight: 700;
      letter-spacing: 0.06em;
    }

    .cases-proof .case-outcome {
      margin-top: 18px;
      padding: 14px 16px;
      background: #F5F7FA;
      border-left: 4px solid #2E7DE1;
      border-radius: 10px;
    }

    .cases-proof .case-outcome p {
      color: #1f2937;
      font-size: 0.94rem;
      line-height: 1.5;
    }

    .case-read-more {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      margin-top: auto;
      padding: 22px 0 0;
      color: #163C78;
      background: transparent;
      border: 0;
      font: inherit;
      font-size: 0.9rem;
      font-weight: 700;
      line-height: 1.2;
      cursor: pointer;
    }

    .case-read-more span {
      color: #2E7DE1;
      font-size: 1rem;
      line-height: 1;
    }

    .case-nav {
      position: absolute;
      top: 50%;
      z-index: 3;
      width: 44px;
      height: 44px;
      display: grid;
      place-items: center;
      color: #163C78;
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: 50%;
      box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
      cursor: pointer;
      transform: translateY(-50%);
      transition: transform 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    }

    .case-nav:hover,
    .case-nav:focus-visible {
      color: #2E7DE1;
      border-color: rgba(46, 125, 225, 0.35);
      transform: translateY(-50%) scale(1.04);
    }

    .case-nav svg {
      width: 20px;
      height: 20px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2.2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .case-prev {
      left: -18px;
    }

    .case-next {
      right: -18px;
    }

    .case-dots {
      display: flex;
      justify-content: center;
      gap: 8px;
      margin-top: 2px;
    }

    .case-dots button {
      width: 9px;
      height: 9px;
      padding: 0;
      background: #d1d5db;
      border: 0;
      border-radius: 999px;
      cursor: pointer;
      transition: width 0.2s ease, background 0.2s ease;
    }

    .case-dots button[aria-current="true"] {
      width: 26px;
      background: #2E7DE1;
    }

    .cases-proof .case-cta {
      display: flex;
      gap: 24px;
      align-items: center;
      justify-content: space-between;
      margin-top: 32px;
      padding: 28px 32px;
      background: linear-gradient(90deg, #ffffff 0%, #F5F7FA 100%);
      border: 1px solid rgba(46, 125, 225, 0.25);
      border-radius: 18px;
      box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
    }

    .case-cta-copy strong {
      display: block;
      margin-bottom: 5px;
      color: #163C78;
      font-size: 1.08rem;
      line-height: 1.35;
      font-weight: 700;
    }

    .case-cta-copy p {
      margin: 0;
      color: #6b7280;
      font-size: 0.95rem;
      line-height: 1.45;
      font-weight: 400;
    }

    .cases-proof .button-orange {
      padding: 14px 24px;
      background: #2E7DE1;
      border-radius: 12px;
      box-shadow: 0 10px 24px rgba(46, 125, 225, 0.22);
    }

    body.modal-open {
      overflow: hidden;
    }

    .case-modal {
      position: fixed;
      inset: 0;
      z-index: 80;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 24px;
    }

    .case-modal.is-open {
      display: flex;
    }

    .case-modal-backdrop {
      position: absolute;
      inset: 0;
      background: rgba(15, 23, 42, 0.42);
      backdrop-filter: blur(4px);
    }

    .case-modal-panel {
      position: relative;
      z-index: 1;
      width: min(100%, 720px);
      max-height: min(86vh, 760px);
      overflow: auto;
      padding: 32px;
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: 20px;
      box-shadow: 0 30px 80px rgba(15, 23, 42, 0.2);
    }

    .case-modal-close {
      position: absolute;
      top: 18px;
      right: 18px;
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      color: #163C78;
      background: #F5F7FA;
      border: 1px solid #e5e7eb;
      border-radius: 50%;
      font-size: 1.1rem;
      line-height: 1;
      cursor: pointer;
    }

    .case-modal-kicker {
      display: inline-flex;
      margin-bottom: 10px;
      color: #2E7DE1;
      font-size: 0.76rem;
      font-weight: 700;
      letter-spacing: 0.06em;
      line-height: 1.2;
      text-transform: uppercase;
    }

    .case-modal h3 {
      max-width: 600px;
      margin-bottom: 22px;
      color: #163C78;
      font-size: clamp(1.7rem, 3vw, 2.15rem);
      line-height: 1.16;
    }

    .case-modal-list {
      display: grid;
      gap: 16px;
      margin: 0;
    }

    .case-modal-list div {
      display: grid;
      gap: 5px;
      padding-bottom: 16px;
      border-bottom: 1px solid #e5e7eb;
    }

    .case-modal-list div:last-child {
      padding-bottom: 0;
      border-bottom: 0;
    }

    .case-modal-list dt {
      color: #2E7DE1;
      font-size: 0.74rem;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    .case-modal-list dd {
      margin: 0;
      color: #1f2937;
      font-size: 0.98rem;
      line-height: 1.6;
    }

    .cases-proof .container {
      width: min(100% - 48px, var(--max));
    }

    .cases-proof .section-head {
      margin-right: 0;
      margin-left: 0;
      text-align: left;
    }

    .cases-proof .section-head p {
      margin-left: 0;
    }

    .case-filters {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin: 24px 0 34px;
    }

    .case-carousel {
      padding: 0 54px;
    }

    .case-filter {
      min-height: 38px;
      padding: 9px 15px;
      color: #163C78;
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: 999px;
      font: inherit;
      font-size: 0.9rem;
      font-weight: 600;
      line-height: 1;
      cursor: pointer;
      transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    }

    .case-filter:hover,
    .case-filter:focus-visible {
      color: #2E7DE1;
      border-color: rgba(46, 125, 225, 0.42);
      transform: translateY(-1px);
    }

    .case-filter.is-active,
    .case-filter[aria-pressed="true"] {
      color: #ffffff;
      background: #2E7DE1;
      border-color: #2E7DE1;
      box-shadow: 0 10px 22px rgba(46, 125, 225, 0.22);
    }

    .case-viewport {
      padding: 18px 8px 44px;
    }

    .case-track {
      gap: 32px;
      align-items: stretch;
    }

    .case-track .case-card {
      flex-basis: calc((100% - 64px) / 3);
      min-height: 500px;
      padding: 24px 28px 28px;
      text-align: left;
      opacity: 1;
    }

    .case-card.is-active {
      transform: scale(1.02);
      border-color: rgba(46, 125, 225, 0.55);
      box-shadow: 0 20px 52px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(46, 125, 225, 0.16);
    }

    .cases-proof .case-card.is-active:hover,
    .cases-proof .case-card.is-active:focus-within {
      transform: translateY(-4px) scale(1.02);
      border-color: rgba(46, 125, 225, 0.62);
      box-shadow: 0 24px 58px rgba(15, 23, 42, 0.14), 0 0 0 1px rgba(46, 125, 225, 0.2);
    }

    .cases-proof .case-icon {
      margin-bottom: 16px;
    }

    .cases-proof .case-card h3 {
      margin-top: 12px;
    }

    .case-nav {
      width: 54px;
      height: 54px;
      box-shadow: 0 14px 30px rgba(15, 23, 42, 0.1);
    }

    .case-nav svg {
      width: 23px;
      height: 23px;
    }

    .case-prev {
      left: 0;
    }

    .case-next {
      right: 0;
    }

    .case-dots {
      margin-top: 6px;
    }

    .cases-proof .case-cta {
      text-align: left;
    }

    .cases-proof .button-orange {
      background: #2E7DE1;
      box-shadow: 0 12px 30px rgba(46, 125, 225, 0.28);
      transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
    }

    .cases-proof .button-orange:hover,
    .cases-proof .button-orange:focus-visible {
      background: #2E7DE1;
      transform: translateY(-2px);
      box-shadow: 0 18px 40px rgba(46, 125, 225, 0.35);
    }

    .case-card.case-enter {
      animation: caseFadeUp 0.46s ease both;
    }

    .case-card.case-prep {
      opacity: 0;
      transform: translateY(14px);
    }

    .case-nav:disabled {
      opacity: 0.38;
      cursor: default;
      transform: translateY(-50%);
    }

    .case-nav:disabled:hover,
    .case-nav:disabled:focus-visible {
      color: #163C78;
      border-color: #e5e7eb;
      transform: translateY(-50%);
    }

    @keyframes caseFadeUp {
      from {
        opacity: 0;
        transform: translateY(14px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @media (max-width: 1080px) {
      .case-carousel {
        padding: 0 46px;
      }

      .case-track .case-card {
        flex-basis: calc((100% - 32px) / 2);
      }

      .testimonial-carousel {
        padding: 0 46px;
      }

      .testimonial-card {
        flex-basis: calc((100% - 24px) / 2);
      }

      .case-prev {
        left: 0;
      }

      .case-next {
        right: 0;
      }
    }

    @media (max-width: 760px) {
      section.cases-proof {
        padding: 56px 0;
      }

      .cases-proof .section-head {
        margin-bottom: 18px;
      }

      .case-track .case-card {
        flex-basis: 100%;
        min-height: auto;
        padding: 24px;
      }

      .case-carousel {
        padding: 0;
      }

      .case-nav {
        top: auto;
        bottom: -12px;
        transform: none;
      }

      .case-nav:hover,
      .case-nav:focus-visible {
        transform: scale(1.04);
      }

      .case-nav:disabled,
      .case-nav:disabled:hover,
      .case-nav:disabled:focus-visible {
        transform: none;
      }

      .case-prev {
        left: 0;
      }

      .case-next {
        right: 0;
      }

      .case-dots {
        margin-top: 26px;
      }

      .case-filters {
        margin-bottom: 26px;
      }

      .cases-proof .case-cta {
        flex-direction: column;
        align-items: stretch;
        padding: 24px;
      }

      .cases-proof .case-cta .button {
        width: 100%;
      }

      .case-modal {
        padding: 14px;
      }

      .case-modal-panel {
        padding: 26px 22px;
        border-radius: 18px;
      }

      .testimonials .section-head h2 {
        font-size: clamp(2.05rem, 10vw, 2.6rem);
      }

      .testimonial-carousel {
        padding: 0;
      }

      .testimonial-viewport {
        padding: 8px 2px 34px;
      }

      .testimonial-track {
        gap: 20px;
      }

      .testimonial-card {
        flex-basis: 100%;
        min-height: 350px;
        padding: 24px;
        border-radius: 20px;
      }

      .testimonial-nav {
        top: auto;
        bottom: -6px;
        width: 42px;
        height: 42px;
        transform: none;
      }

      .testimonial-nav:hover,
      .testimonial-nav:focus-visible {
        transform: scale(1.04);
      }

      .testimonial-nav:disabled,
      .testimonial-nav:disabled:hover,
      .testimonial-nav:disabled:focus-visible {
        transform: none;
      }

      .testimonial-prev {
        left: 0;
      }

      .testimonial-next {
        right: 0;
      }

      .testimonial-dots {
        margin-top: 24px;
      }
    }

    .testimonials {
      position: relative;
      overflow: hidden;
      background: #F5F7FA;
    }

    .testimonials::before {
      content: none;
      display: none;
    }

    .testimonials .section-head {
      max-width: 760px;
      margin-bottom: 30px;
    }

    .testimonials .section-head h2 {
      color: #0f172a;
    }

    .testimonials .section-head p {
      max-width: 720px;
      color: #475569;
    }

    .testimonial-carousel {
      position: relative;
      padding: 0 56px;
    }

    .testimonial-viewport {
      overflow: hidden;
      padding: 10px 6px 32px;
    }

    .testimonial-track {
      display: flex;
      align-items: stretch;
      gap: 24px;
      transition: transform 0.36s ease;
      touch-action: pan-y;
      will-change: transform;
    }

    .testimonial-card {
      position: relative;
      flex: 0 0 calc((100% - 72px) / 4);
      min-height: 370px;
      display: flex;
      flex-direction: column;
      padding: 28px;
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: 22px;
      box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
      transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
    }

    .testimonial-card:hover,
    .testimonial-card:focus-within {
      transform: translateY(-6px) scale(1.01);
      border-color: rgba(46, 125, 225, 0.35);
      box-shadow: 0 22px 52px rgba(15, 23, 42, 0.12);
    }

    .testimonial-quote-mark {
      display: block;
      margin-bottom: 20px;
      color: #2E7DE1;
      font-family: var(--font-main);
      font-size: 5rem;
      line-height: 0.62;
    }

    .testimonial-body {
      max-height: 132px;
      margin: 0;
      overflow: hidden;
      color: #1f2937;
      font-size: 1rem;
      line-height: 1.62;
      transition: max-height 0.34s ease;
    }

    .testimonial-card.is-expanded .testimonial-body {
      max-height: 360px;
    }

    .testimonial-read {
      align-self: flex-start;
      margin-top: 12px;
      padding: 0;
      color: #163C78;
      background: transparent;
      border: 0;
      font-size: 0.92rem;
      font-weight: 700;
      line-height: 1.2;
      cursor: pointer;
      transition: color 0.2s ease, transform 0.2s ease;
    }

    .testimonial-read:hover,
    .testimonial-read:focus-visible {
      color: #2E7DE1;
      transform: translateY(-1px);
    }

    .testimonial-author {
      display: flex;
      align-items: center;
      margin-top: auto;
      padding-top: 20px;
      border-top: 1px solid #e5e7eb;
    }

    .testimonial-author h3 {
      margin: 0 0 3px;
      color: #0f172a;
      font-size: 0.98rem;
      line-height: 1.25;
      font-weight: 700;
    }

    .testimonial-author p {
      margin: 0;
      color: #64748b;
      font-size: 0.86rem;
      line-height: 1.25;
    }

    .testimonial-nav {
      position: absolute;
      top: 50%;
      z-index: 2;
      width: 46px;
      height: 46px;
      display: grid;
      place-items: center;
      color: #163C78;
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: 999px;
      box-shadow: 0 14px 30px rgba(15, 23, 42, 0.1);
      cursor: pointer;
      transform: translateY(-50%);
      transition: color 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
    }

    .testimonial-nav:hover,
    .testimonial-nav:focus-visible {
      color: #ffffff;
      background: #163C78;
      border-color: #163C78;
      box-shadow: 0 18px 38px rgba(22, 60, 120, 0.22);
      transform: translateY(-50%) scale(1.05);
    }

    .testimonial-nav:disabled {
      opacity: 0.42;
      cursor: default;
      transform: translateY(-50%);
    }

    .testimonial-prev {
      left: 0;
    }

    .testimonial-next {
      right: 0;
    }

    .testimonial-nav svg {
      width: 20px;
      height: 20px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2.4;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .testimonial-dots {
      display: flex;
      justify-content: center;
      gap: 9px;
      margin-top: 4px;
    }

    .testimonial-dots button {
      width: 9px;
      height: 9px;
      padding: 0;
      background: #cbd5e1;
      border: 0;
      border-radius: 999px;
      cursor: pointer;
      transition: width 0.24s ease, background 0.24s ease, transform 0.24s ease;
    }

    .testimonial-dots button:hover,
    .testimonial-dots button:focus-visible {
      background: #2E7DE1;
      transform: scale(1.18);
    }

    .testimonial-dots button[aria-current="true"] {
      width: 28px;
      background: #163C78;
    }

    @media (max-width: 1080px) {
      .testimonial-carousel {
        padding: 0 46px;
      }

      .testimonial-card {
        flex-basis: calc((100% - 24px) / 2);
      }
    }

    @media (max-width: 760px) {
      .testimonials .section-head h2 {
        font-size: clamp(2.05rem, 10vw, 2.6rem);
      }

      .testimonial-carousel {
        padding: 0;
      }

      .testimonial-viewport {
        padding: 8px 2px 34px;
      }

      .testimonial-track {
        gap: 20px;
      }

      .testimonial-card {
        flex-basis: 100%;
        min-height: 350px;
        padding: 24px;
        border-radius: 20px;
      }

      .testimonial-nav {
        top: auto;
        bottom: -6px;
        width: 42px;
        height: 42px;
        transform: none;
      }

      .testimonial-nav:hover,
      .testimonial-nav:focus-visible {
        transform: scale(1.04);
      }

      .testimonial-nav:disabled,
      .testimonial-nav:disabled:hover,
      .testimonial-nav:disabled:focus-visible {
        transform: none;
      }

      .testimonial-prev {
        left: 0;
      }

      .testimonial-next {
        right: 0;
      }

      .testimonial-dots {
        margin-top: 24px;
      }
    }

    .faq-section {
      padding: 92px 0;
      background: #F5F7FA;
      border-top: 1px solid rgba(22, 60, 120, 0.08);
      border-bottom: 1px solid rgba(22, 60, 120, 0.08);
    }

    .faq-grid {
      display: grid;
      grid-template-columns: minmax(260px, 0.5fr) minmax(0, 1fr);
      gap: 56px;
      align-items: start;
    }

    .faq-intro {
      display: grid;
      gap: 18px;
    }

    .faq-badge {
      width: fit-content;
      display: inline-flex;
      align-items: center;
      gap: 9px;
      padding: 7px 12px;
      color: #163C78;
      background: #F5F7FA;
      border: 1px solid rgba(22, 60, 120, 0.1);
      border-radius: 999px;
      font-size: 0.82rem;
      font-weight: 700;
    }

    .faq-badge::before {
      content: "";
      width: 18px;
      height: 3px;
      background: #2E7DE1;
      border-radius: 999px;
    }

    .faq-intro h2 {
      margin: 0;
      color: #0f172a;
      font-size: clamp(2rem, 4vw, 3rem);
      line-height: 1.05;
      font-weight: 700;
      letter-spacing: 0;
    }

    .faq-intro p {
      max-width: 410px;
      margin: 0;
      color: #475569;
      font-size: 1.02rem;
      line-height: 1.65;
    }

    .faq-benefits {
      display: grid;
      gap: 10px;
      margin: 4px 0 0;
      padding: 0;
      list-style: none;
    }

    .faq-benefits li {
      display: flex;
      align-items: center;
      gap: 10px;
      color: #334155;
      font-size: 0.96rem;
      line-height: 1.4;
    }

    .faq-benefits li::before {
      content: "";
      width: 9px;
      height: 9px;
      flex: 0 0 9px;
      background: #163C78;
      border-radius: 50%;
      box-shadow: 0 0 0 5px rgba(22, 60, 120, 0.1);
    }

    .faq-list {
      display: grid;
      gap: 14px;
    }

    .faq-item {
      overflow: hidden;
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: 18px;
      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
      transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
    }

    .faq-item:hover,
    .faq-item:focus-within {
      transform: translateY(-3px);
      border-color: rgba(22, 60, 120, 0.35);
      box-shadow: 0 16px 38px rgba(15, 23, 42, 0.09);
    }

    .faq-item.is-open {
      border-color: rgba(22, 60, 120, 0.45);
      box-shadow: 0 18px 45px rgba(15, 23, 42, 0.09);
    }

    .faq-question {
      width: 100%;
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      align-items: center;
      gap: 16px;
      padding: 20px 22px;
      color: #0f172a;
      background: transparent;
      border: 0;
      cursor: pointer;
      text-align: left;
    }

    .faq-number {
      width: 36px;
      height: 36px;
      display: grid;
      place-items: center;
      color: #163C78;
      background: #F5F7FA;
      border: 1px solid rgba(22, 60, 120, 0.18);
      border-radius: 50%;
      font-size: 0.8rem;
      font-weight: 700;
    }

    .faq-question-text {
      font-size: clamp(1rem, 1.6vw, 1.12rem);
      line-height: 1.3;
      font-weight: 600;
    }

    .faq-item.is-open .faq-question-text {
      color: #163C78;
    }

    .faq-item.is-open .faq-number {
      color: #ffffff;
      background: #163C78;
      border-color: #163C78;
    }

    .faq-chevron {
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      color: #163C78;
      background: #F5F7FA;
      border: 1px solid #e5e7eb;
      border-radius: 50%;
      transition: transform 0.25s ease, color 0.25s ease, border-color 0.25s ease, background 0.25s ease;
    }

    .faq-chevron svg {
      width: 18px;
      height: 18px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .faq-item.is-open .faq-chevron {
      color: #ffffff;
      background: #163C78;
      border-color: #163C78;
      transform: rotate(180deg);
    }

    .faq-panel {
      max-height: 0;
      overflow: hidden;
      opacity: 0;
      transition: max-height 0.32s ease, opacity 0.25s ease;
    }

    .faq-item.is-open .faq-panel {
      opacity: 1;
    }

    .faq-answer {
      margin: 0 22px 22px 74px;
      padding: 16px 18px;
      color: #4b5563;
      background: #F5F7FA;
      border-left: 3px solid rgba(22, 60, 120, 0.28);
      border-radius: 14px;
      font-size: 1rem;
      line-height: 1.68;
    }

    .faq-answer p {
      margin: 0;
    }

    .faq-contact-options {
      margin-top: 16px;
    }

    .faq-contact-options h3 {
      margin: 0 0 10px;
      color: #0f172a;
      font-size: 0.95rem;
      line-height: 1.35;
      font-weight: 700;
    }

    .faq-contact-links {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .faq-contact-links a {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 9px 12px;
      color: #163C78;
      background: #ffffff;
      border: 1px solid #E6EAF0;
      border-radius: 999px;
      font-size: 0.9rem;
      font-weight: 700;
      transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
    }

    .faq-contact-links a:hover,
    .faq-contact-links a:focus-visible {
      transform: translateY(-2px);
      color: #2E7DE1;
      border-color: rgba(46, 125, 225, 0.35);
      box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
      outline: 0;
    }

    .faq-contact-links svg {
      width: 17px;
      height: 17px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .faq-cta {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 18px;
      align-items: center;
      margin-top: 18px;
      padding: 18px 20px;
      background: #ffffff;
      border: 1px solid rgba(22, 60, 120, 0.16);
      border-radius: 18px;
      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
    }

    .faq-cta p {
      margin: 0;
      color: #475569;
      font-size: 0.98rem;
      line-height: 1.5;
    }

    .site-footer {
      background: #F5F7FA;
      border-top: 1px solid rgba(22, 60, 120, 0.08);
    }

    .footer-contact {
      padding: 76px 0 68px;
    }

    .footer-contact-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
      gap: 54px;
      align-items: start;
    }

    .footer-map-card {
      padding: 14px;
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: 22px;
      box-shadow: 0 22px 55px rgba(15, 23, 42, 0.09);
    }

    .footer-map-visual {
      position: relative;
      min-height: 342px;
      overflow: hidden;
      background: #eaf4fb;
      border-radius: 14px;
    }

    .footer-map-visual svg {
      width: 100%;
      height: 342px;
      display: block;
    }

    .footer-map-pin {
      position: absolute;
      top: 39%;
      left: 43%;
      width: 44px;
      height: 44px;
      display: grid;
      place-items: center;
      color: #ffffff;
      background: #163C78;
      border: 5px solid #E6EAF0;
      border-radius: 999px 999px 999px 0;
      box-shadow: 0 14px 30px rgba(37, 99, 235, 0.32);
      transform: rotate(-45deg);
    }

    .footer-map-pin svg {
      width: 17px;
      height: 17px;
      transform: rotate(45deg);
      fill: currentColor;
    }

    .footer-map-controls {
      position: absolute;
      right: 12px;
      bottom: 18px;
      overflow: hidden;
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: 8px;
      box-shadow: 0 10px 22px rgba(15, 23, 42, 0.12);
    }

    .footer-map-controls span {
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      color: #2E7DE1;
      font-size: 1.3rem;
      font-weight: 700;
      line-height: 1;
      transition: color 0.18s ease, background 0.18s ease;
    }

    .footer-map-controls span:hover {
      color: #ffffff;
      background: #2E7DE1;
    }

    .footer-map-controls span + span {
      border-top: 1px solid #e5e7eb;
    }

    .footer-map-brand {
      position: absolute;
      left: 12px;
      bottom: 9px;
      color: #64748b;
      font-size: 0.72rem;
      font-weight: 700;
    }

    .footer-location-card {
      display: grid;
      grid-template-columns: 58px minmax(0, 1fr);
      gap: 18px;
      align-items: center;
      margin-top: 22px;
      transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
    }

    .footer-location-card:hover {
      transform: translateY(-2px);
      border-color: rgba(46, 125, 225, 0.3);
      box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    }

    .footer-location-card:hover .footer-icon {
      color: #2E7DE1;
      background: #F5F7FA;
    }

    .footer-icon {
      width: 50px;
      height: 50px;
      display: grid;
      place-items: center;
      color: #163C78;
      background: #F5F7FA;
      border-radius: 14px;
    }

    .footer-icon svg,
    .footer-contact-link svg {
      width: 22px;
      height: 22px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .footer-location-card strong {
      display: block;
      margin-bottom: 4px;
      color: #0f172a;
      font-size: 1rem;
      line-height: 1.35;
      font-weight: 700;
    }

    .footer-location-card strong span,
    .footer-contact-list a,
    .footer-bottom a {
      color: #163C78;
    }

    .footer-location-card p,
    .footer-contact-copy p,
    .footer-brand p,
    .footer-mini-contact span {
      margin: 0;
      color: #475569;
      font-size: 0.95rem;
      line-height: 1.55;
    }

    .footer-contact-copy .eyebrow {
      margin-bottom: 14px;
      color: #163C78;
    }

    .footer-contact-copy h2 {
      position: relative;
      max-width: 540px;
      margin-bottom: 14px;
      color: #0f172a;
      font-size: clamp(2rem, 4vw, 3.25rem);
      line-height: 1.05;
      font-weight: 700;
    }

    .footer-heading-accent,
    .footer-location-card .footer-location-key {
      color: #2E7DE1;
    }

    .footer-contact-copy h2::after {
      content: "";
      display: block;
      width: 76px;
      height: 3px;
      margin-top: 18px;
      background: #2E7DE1;
      border-radius: 999px;
    }

    .footer-contact-copy > p {
      max-width: 560px;
      margin-bottom: 30px;
    }

    .footer-contact-list {
      display: grid;
      gap: 18px;
      padding-top: 26px;
      border-top: 1px solid #dbe3ee;
    }

    .footer-contact-row {
      display: grid;
      grid-template-columns: 52px minmax(0, 1fr);
      gap: 16px;
      align-items: start;
      padding: 10px 12px;
      margin: -10px -12px;
      border: 1px solid transparent;
      border-radius: 18px;
      transition: transform 0.22s ease, background 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
    }

    .footer-contact-row:hover,
    .footer-contact-row:focus-within {
      transform: translateY(-2px);
      background: #ffffff;
      border-color: rgba(46, 125, 225, 0.28);
      box-shadow: 0 14px 30px rgba(15, 23, 42, 0.07);
    }

    .footer-contact-row:hover .footer-icon,
    .footer-contact-row:focus-within .footer-icon {
      color: #2E7DE1;
      background: #F5F7FA;
    }

    .footer-contact-row-accent .footer-icon {
      color: #2E7DE1;
      background: #F5F7FA;
    }

    .footer-contact-row.footer-contact-row-accent h3,
    .footer-contact-row.footer-contact-row-accent a {
      color: #2E7DE1;
    }

    .footer-contact-row h3 {
      margin: 0 0 3px;
      color: #0f172a;
      font-size: 1rem;
      line-height: 1.3;
      font-weight: 700;
    }

    .footer-contact-row p,
    .footer-contact-row a {
      margin: 0;
      font-size: 0.95rem;
      line-height: 1.5;
      font-weight: 600;
    }

    .footer-hours {
      display: grid;
      grid-template-columns: minmax(0, 150px) minmax(0, 1fr);
      gap: 6px 26px;
      max-width: 360px;
      color: #475569;
      font-size: 0.94rem;
      line-height: 1.45;
    }

    .footer-hours span:nth-child(even) {
      color: #163C78;
    }

    .footer-main {
      padding: 44px 0;
      border-top: 1px solid #E6EAF0;
      border-bottom: 1px solid #e5e7eb;
      background: rgba(255, 255, 255, 0.56);
    }

    .footer-main-grid {
      display: grid;
      grid-template-columns: minmax(240px, 1.3fr) minmax(160px, 0.8fr) minmax(160px, 0.8fr) minmax(220px, 1fr);
      gap: 44px;
      align-items: start;
    }

    .footer-brand-mark {
      display: inline-grid;
      grid-template-columns: auto auto minmax(0, 1fr);
      align-items: center;
      column-gap: 16px;
      margin-bottom: 22px;
      color: #0f2247;
      line-height: 1;
    }

    .footer-infinity {
      width: 30px;
      height: 18px;
      display: inline-block;
      color: #0f2247;
      font-size: 0;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 24'%3E%3Cpath d='M4 12C4 6 11 5 22 12C33 19 40 18 40 12C40 6 33 5 22 12C11 19 4 18 4 12Z' fill='none' stroke='%230f2247' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
      line-height: 1;
    }

    .footer-brand-separator {
      width: 1px;
      height: 34px;
      background: #2E7DE1;
      opacity: 0.72;
    }

    .footer-brand-copy {
      display: grid;
      gap: 8px;
      min-width: 0;
    }

    .footer-brand-name {
      display: block;
      color: #0f2247;
      font-size: 1.16rem;
      font-weight: 700;
      line-height: 1;
      letter-spacing: -0.01em;
      transition: color 0.22s ease;
    }

    .footer-brand-mark:hover .footer-brand-name,
    .footer-brand-mark:focus-visible .footer-brand-name {
      color: #2E7DE1;
    }

    .footer-brand-line {
      display: block;
      color: rgba(15, 34, 71, 0.72);
      font-size: 0.78rem;
      font-weight: 450;
      letter-spacing: 0.03em;
      line-height: 1.1;
      max-width: 275px;
    }

    .footer-socials {
      display: flex;
      gap: 10px;
      margin-top: 20px;
    }

    .footer-social {
      flex: 0 0 auto;
    }

    .footer-col h3 {
      margin: 0 0 18px;
      color: #163C78;
      font-size: 0.8rem;
      line-height: 1.2;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .footer-col ul {
      display: grid;
      gap: 11px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .footer-col a {
      color: #334155;
      font-size: 0.94rem;
      line-height: 1.4;
      transition: color 0.18s ease, transform 0.18s ease;
    }

    .footer-col a:hover,
    .footer-col a:focus-visible {
      color: #2E7DE1;
      transform: translateX(2px);
    }

    .footer-link-arrow {
      display: inline-flex;
      justify-content: space-between;
      width: min(100%, 170px);
      gap: 18px;
    }

    .footer-link-arrow::after {
      content: ">";
      color: #2E7DE1;
      font-weight: 700;
      transition: transform 0.18s ease, color 0.18s ease;
    }

    .footer-link-arrow:hover::after,
    .footer-link-arrow:focus-visible::after {
      transform: translateX(3px);
      color: #2E7DE1;
    }

    .footer-mini-contact {
      display: grid;
      gap: 13px;
    }

    .footer-contact-link {
      display: grid;
      grid-template-columns: 24px minmax(0, 1fr);
      gap: 10px;
      align-items: center;
      color: #334155;
      font-size: 0.94rem;
      transition: color 0.18s ease, transform 0.18s ease;
    }

    .footer-contact-link svg {
      width: 18px;
      height: 18px;
      color: #163C78;
      transition: color 0.18s ease, transform 0.18s ease;
    }

    .footer-contact-link:hover,
    .footer-contact-link:focus-visible {
      color: #2E7DE1;
      transform: translateX(2px);
      outline: 0;
    }

    .footer-contact-link:hover svg,
    .footer-contact-link:focus-visible svg {
      color: #2E7DE1;
      transform: translateX(1px);
    }

    .footer-bottom {
      padding: 24px 0;
      text-align: center;
      color: #64748b;
      background: rgba(255, 255, 255, 0.74);
      font-size: 0.92rem;
    }

    @media (max-width: 1080px) {
      .footer-contact-grid {
        grid-template-columns: 1fr;
        gap: 44px;
      }

      .footer-map-visual,
      .footer-map-visual svg {
        height: 310px;
        min-height: 310px;
      }

      .footer-main-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 760px) {
      .footer-contact {
        padding: 54px 0 48px;
      }

      .footer-contact-grid {
        gap: 34px;
      }

      .footer-map-card {
        padding: 10px;
        border-radius: 18px;
      }

      .footer-map-visual,
      .footer-map-visual svg {
        height: 250px;
        min-height: 250px;
      }

      .footer-location-card {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 14px;
        margin-top: 18px;
      }

      .footer-icon {
        width: 44px;
        height: 44px;
        border-radius: 12px;
      }

      .footer-contact-copy h2 {
        font-size: clamp(2rem, 9vw, 2.55rem);
      }

      .footer-contact-row {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 12px;
      }

      .footer-hours {
        grid-template-columns: 1fr;
        gap: 2px 0;
      }

      .footer-hours span:nth-child(even) {
        margin-bottom: 8px;
      }

      .footer-main {
        padding: 36px 0;
      }

      .footer-main-grid {
        grid-template-columns: 1fr;
        gap: 30px;
      }

      .footer-link-arrow {
        width: 100%;
        max-width: 260px;
      }
    }

    .contact-widget {
      position: fixed;
      right: 22px;
      bottom: 22px;
      z-index: 75;
      display: grid;
      justify-items: end;
      gap: 12px;
      font-family: inherit;
      pointer-events: none;
    }

    .contact-widget-panel {
      width: min(390px, calc(100vw - 32px));
      padding: 20px;
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-top: 4px solid #2E7DE1;
      border-radius: 18px;
      box-shadow: none;
      opacity: 0;
      visibility: hidden;
      transform: translateY(12px) scale(0.98);
      pointer-events: none;
      transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
    }

    .contact-widget.is-open .contact-widget-panel {
      opacity: 1;
      visibility: visible;
      transform: translateY(0) scale(1);
      pointer-events: auto;
    }

    .contact-widget-intro {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      margin-bottom: 18px;
    }

    .contact-widget-avatar {
      width: 58px;
      height: 58px;
      flex: 0 0 58px;
      object-fit: cover;
      object-position: center 14%;
      border: 2px solid rgba(22, 60, 120, 0.2);
      border-radius: 50%;
      box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
    }

    .contact-widget-panel h2 {
      margin-bottom: 6px;
      color: #111827;
      font-size: 1.12rem;
      line-height: 1.25;
      font-weight: 700;
    }

    .contact-widget-panel p {
      margin-bottom: 0;
      color: #374151;
      font-size: 0.9rem;
      line-height: 1.5;
    }

    .contact-widget-links {
      display: grid;
      gap: 9px;
    }

    .contact-widget-link {
      min-height: 74px;
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 12px;
      color: #163C78;
      background: #F5F7FA;
      border: 1px solid #e5e7eb;
      border-radius: 12px;
      font-size: 0.94rem;
      font-weight: 700;
      transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    }

    .contact-widget-link-text {
      display: grid;
      gap: 2px;
      line-height: 1.25;
    }

    .contact-widget-link small {
      color: #64748b;
      font-size: 0.82rem;
      font-weight: 600;
      line-height: 1.25;
    }

    .contact-widget-link:hover,
    .contact-widget-link:focus-visible {
      transform: translateY(-2px);
      color: #2E7DE1;
      border-color: rgba(46, 125, 225, 0.35);
      box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
      outline: 0;
    }

    .contact-widget-link:hover small,
    .contact-widget-link:focus-visible small {
      color: #64748b;
    }

    .contact-widget-icon {
      width: 34px;
      height: 34px;
      display: grid;
      flex: 0 0 34px;
      place-items: center;
      color: #ffffff;
      background: #163C78;
      border-radius: 50%;
    }

    .contact-widget-toggle {
      min-height: 54px;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 12px 18px 12px 12px;
      color: #ffffff;
      background: #2E7DE1;
      border: 0;
      border-radius: 999px;
      box-shadow: 0 18px 42px rgba(46, 125, 225, 0.34);
      cursor: pointer;
      font: inherit;
      font-weight: 700;
      line-height: 1.1;
      pointer-events: auto;
      transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
    }

    .contact-widget-toggle:hover,
    .contact-widget-toggle:focus-visible {
      transform: translateY(-3px);
      background: #2E7DE1;
      box-shadow: 0 22px 52px rgba(46, 125, 225, 0.42);
      outline: 0;
    }

    .contact-widget-toggle svg,
    .contact-widget-icon svg {
      width: 20px;
      height: 20px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .contact-widget-note {
      display: block;
      margin-top: 12px;
      color: #6b7280;
      font-size: 0.82rem;
      line-height: 1.4;
    }

    /* Unified visual system */
    body {
      color: #111827;
      background: #ffffff;
    }

    .container {
      width: min(100% - 48px, var(--max));
    }

    section {
      padding: 80px 0;
    }

    section:nth-of-type(even) {
      background: #F5F7FA;
    }

    h1,
    h2,
    h3,
    .brand-name {
      color: #111827;
      font-weight: 700;
    }

    p,
    .service-body p,
    .case-summary p,
    .review-list li {
      color: #374151;
    }

    .section-head {
      max-width: 720px;
      margin-bottom: 34px;
    }

    .section-head h2,
    .lead-approach .section-head h2,
    .cases-proof .section-head h2 {
      color: #111827;
      font-size: clamp(2.05rem, 4.2vw, 3.2rem);
      line-height: 1.02;
      font-weight: 700;
      letter-spacing: 0;
    }

    .section-head p,
    .lead-approach .section-head p,
    .cases-proof .section-head p {
      max-width: 720px;
      color: #374151;
      font-size: 1.125rem;
      line-height: 1.6;
    }

    .eyebrow,
    .service-kicker,
    .case-label {
      font-weight: 600;
      letter-spacing: 0.02em;
    }

    .eyebrow {
      color: #163C78;
      font-size: 0.86rem;
    }

    .eyebrow::before {
      background: #2E7DE1;
    }

    .button,
    .nav .button {
      min-height: 46px;
      padding: 14px 24px;
      border-radius: 12px;
      font-weight: 700;
      transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease, color 0.22s ease;
    }

    .button-primary,
    .service-card .button,
    .button-orange {
      color: #ffffff;
      background: #2E7DE1;
      box-shadow: 0 12px 30px rgba(46, 125, 225, 0.28);
    }

    .button-primary:hover,
    .button-primary:focus-visible,
    .service-card .button:hover,
    .service-card .button:focus-visible,
    .button-orange:hover,
    .button-orange:focus-visible {
      background: #2E7DE1;
      transform: translateY(-2px);
      box-shadow: 0 18px 40px rgba(46, 125, 225, 0.35);
    }

    .button-secondary {
      color: #163C78;
      background: #ffffff;
      border-color: #e5e7eb;
      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
    }

    .button-secondary:hover,
    .button-secondary:focus-visible {
      color: #2E7DE1;
      border-color: rgba(46, 125, 225, 0.35);
      box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
    }

    .service-card,
    .journey-step,
    .review-checklist,
    .process-card {
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: 18px;
      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
      transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    }

    .service-card:hover,
    .service-card:focus-within,
    .journey-step:hover,
    .journey-step:focus-within,
    .process-card:hover,
    .process-card:focus-within {
      transform: translateY(-4px);
      border-color: rgba(46, 125, 225, 0.35);
      box-shadow: 0 18px 45px rgba(15, 23, 42, 0.1);
    }

    .hero {
      background: #ffffff;
      border-bottom-color: #e5e7eb;
    }

    .hero-inner {
      padding: 48px 0 44px;
    }

    h1 {
      max-width: 790px;
      color: #111827;
      font-size: clamp(3.5rem, 5vw, 4rem);
      line-height: 1.05;
      font-weight: 700;
    }

    .headline-support {
      color: #374151;
      font-size: clamp(2.125rem, 3.2vw, 2.5rem);
      line-height: 1.12;
      font-weight: 600;
    }

    .hero-trust-label {
      padding: 7px 11px;
      color: #163C78;
      background: #F5F7FA;
      border: 1px solid rgba(22, 60, 120, 0.08);
      border-radius: 999px;
      font-weight: 600;
    }

    .hero-lead {
      color: #374151;
      font-size: 1.125rem;
      line-height: 1.6;
    }

    .proof-row li {
      color: #374151;
      font-weight: 500;
    }

    .proof-row li::before {
      background: #2E7DE1;
      font-weight: 700;
    }

    .lead-approach .section-head {
      max-width: 720px;
    }

    .lead-approach .section-head p {
      max-width: 720px;
    }

    .journey-step {
      --step-color: #163C78;
      --step-icon: #163C78;
      --step-bg: #F5F7FA;
      border-top-color: #163C78;
    }

    .step-tracking,
    .step-landing,
    .step-form,
    .step-crm,
    .step-quality {
      --step-color: #163C78;
      --step-icon: #163C78;
      --step-bg: #F5F7FA;
    }

    .journey-step.is-active,
    .journey-step:hover,
    .journey-step:focus-visible {
      --step-color: #2E7DE1;
      --step-icon: #2E7DE1;
      --step-bg: #F5F7FA;
      transform: translateY(-6px);
      border-color: rgba(46, 125, 225, 0.35);
      border-top-color: #2E7DE1;
      box-shadow: 0 18px 45px rgba(15, 23, 42, 0.1);
    }

    .journey-flow:hover .journey-step.is-active:not(:hover):not(:focus-visible) {
      --step-color: #163C78;
      --step-icon: #163C78;
      --step-bg: #F5F7FA;
      transform: none;
      border-color: #e5e7eb;
      border-top-color: #163C78;
      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
    }

    .journey-step:hover .journey-icon,
    .journey-step:focus-visible .journey-icon,
    .journey-step.is-active .journey-icon {
      transform: scale(1.08);
    }

    .journey-flow:hover .journey-step.is-active:not(:hover):not(:focus-visible) .journey-icon {
      transform: none;
    }

    .journey-flow::before {
      background: rgba(22, 60, 120, 0.12);
    }

    .journey-step:not(:last-child)::after {
      background: rgba(22, 60, 120, 0.65);
    }

    .journey-step:not(:last-child)::before {
      border-left-color: rgba(22, 60, 120, 0.65);
    }

    .review-checklist h3,
    .review-group h4,
    .journey-step h3,
    .process-card h3 {
      color: #111827;
      font-weight: 700;
    }

    .review-list li::before,
    .service-list li::before,
    .check-list li::before {
      background: #2E7DE1;
      color: #ffffff;
    }

    .industries {
      color: #111827;
      background: #F5F7FA;
    }

    .industries .section-head h2,
    .industries .section-head p {
      color: #111827;
    }

    .industries .section-head p {
      color: #374151;
    }

    .case-filter.is-active,
    .case-filter[aria-pressed="true"],
    summary::after {
      background: #2E7DE1;
    }

    .result span {
      font-weight: 600;
    }

    .brand-name {
      font-weight: 700;
    }

    @media (max-width: 1080px) {
      .nav-links {
        display: none;
      }

      .hero {
        min-height: auto;
      }

      .hero-inner {
        grid-template-columns: 1fr;
        grid-template-areas:
          "copy"
          "media";
      }

      .hero-copy {
        max-width: 760px;
      }

      .service-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .platform-logo-row {
        gap: 24px;
      }

      .industry-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .industry-cta {
        grid-template-columns: auto minmax(0, 1fr);
      }

      .industry-cta .button {
        grid-column: 1 / -1;
        justify-self: flex-start;
      }

      .journey-flow {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .journey-flow::before {
        display: none;
      }

      .journey-step:not(:last-child)::before,
      .journey-step:not(:last-child)::after {
        display: none;
      }

      .review-groups {
        grid-template-columns: 1fr;
      }

      .case-cta {
        grid-template-columns: 1fr;
      }

      .faq-grid {
        grid-template-columns: 1fr;
        gap: 34px;
      }

      .faq-intro {
        max-width: 720px;
      }

      .process-timeline {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 82px 24px;
        padding-top: 52px;
      }

      .process-timeline::before,
      .process-timeline::after {
        display: none;
      }

      .process-node {
        top: -60px;
      }

    }

    @media (max-width: 760px) {
      .container {
        width: auto;
        max-width: none;
        margin-left: 12px;
        margin-right: 12px;
      }

      .nav {
        min-height: 68px;
        flex-wrap: wrap;
        gap: 8px;
        padding: 8px 0 10px;
      }

      .brand-text {
        flex: 1 1 100%;
        min-width: 0;
      }

      .brand-line {
        font-size: 0.74rem;
      }

      .nav-actions {
        width: 100%;
        gap: 8px;
        flex-wrap: wrap;
      }

      .header-phone {
        order: 2;
        flex: 1 1 150px;
        justify-content: center;
        min-width: 145px;
        font-size: 0.84rem;
      }

      .phone-icon {
        width: 28px;
        height: 28px;
      }

      .language-switcher {
        order: 1;
        margin-left: auto;
      }

      .language-switcher button {
        padding: 5px 8px;
        font-size: 0.74rem;
      }

      .hero-lead {
        max-width: 340px;
      }

      .hero {
        min-height: auto;
        align-items: start;
      }

      .hero-inner {
        padding: 38px 0 42px;
        gap: 28px;
      }

      h1 {
        max-width: 100%;
        font-size: 1.86rem;
      }

      .headline-support {
        font-size: 1.28rem;
      }

      .hero-statement {
        max-width: 330px;
        font-size: 0.92rem;
        line-height: 1.3;
      }

      .hero .eyebrow {
        gap: 8px;
        font-size: 0.72rem;
        line-height: 1.25;
      }

      .hero .eyebrow::before {
        width: 26px;
        flex: 0 0 26px;
      }

      .hero-trust-label {
        gap: 7px;
        font-size: 0.78rem;
        line-height: 1.25;
      }

      .hero-actions,
      .hero-actions .button {
        width: 100%;
      }

      .proof-row {
        max-width: 100%;
      }

      .proof-row li {
        max-width: 100%;
        font-size: 0.9rem;
      }

      section {
        padding: 58px 0;
      }

      .section-head {
        margin-bottom: 24px;
      }

      .service-grid,
      .logo-stack,
      .metric-list,
      .industry-grid {
        grid-template-columns: 1fr;
      }

      .industries .section-head h2 {
        font-size: clamp(2.05rem, 10vw, 2.6rem);
      }

      .industry-card {
        min-height: auto;
        padding: 20px;
      }

      .industry-cta {
        grid-template-columns: 1fr;
        padding: 22px;
      }

      .industry-cta .button {
        width: 100%;
        justify-self: stretch;
      }

      .process-section .section-head h2 {
        font-size: clamp(2.05rem, 10vw, 2.6rem);
      }

      .process-timeline {
        grid-template-columns: 1fr;
        gap: 78px;
        padding-top: 52px;
      }

      .process-card {
        min-height: auto;
        padding: 26px 22px 22px;
      }

      .process-card h3 {
        min-height: auto;
      }

      .process-cta {
        grid-template-columns: 1fr;
        padding: 22px;
      }

      .process-cta .button {
        width: 100%;
        justify-self: stretch;
      }

      .platform-strip {
        padding: 0 0 40px;
      }

      .platform-strip-inner {
        padding: 30px 10px;
      }

      .platform-logo-row {
        display: flex;
        flex-wrap: wrap;
        gap: 18px 12px;
      }

      .platform-logo-card {
        flex: 0 1 calc((100% - 12px) / 2);
        min-width: 0;
        height: 68px;
        padding: 12px 10px;
      }

      .platform-logo {
        max-width: 132px;
        max-height: 34px;
      }

      .contact-widget {
        right: 50%;
        bottom: 16px;
        width: min(100% - 28px, 390px);
        justify-items: center;
        transform: translateX(50%);
      }

      .contact-widget-toggle {
        min-height: 50px;
        padding: 10px 14px 10px 10px;
        font-size: 0.9rem;
      }

      .contact-widget-panel {
        width: 100%;
        padding: 20px;
      }

      .contact-widget-avatar {
        width: 50px;
        height: 50px;
        flex-basis: 50px;
      }

      .contact-widget-link {
        min-height: 72px;
      }

      .service-card {
        min-height: auto;
      }

      .journey-flow {
        grid-template-columns: 1fr;
        gap: 28px;
        max-width: 430px;
        margin-top: 30px;
      }

      .journey-step {
        min-height: 118px;
        padding: 18px;
      }

      .journey-step:not(:last-child)::after {
        display: block;
        top: auto;
        right: auto;
        bottom: -24px;
        left: 50%;
        width: 2px;
        height: 24px;
        background: rgba(22, 60, 120, 0.82);
        transform: translateX(-50%);
        animation: journeyArrowDownMove 2.8s ease-in-out infinite;
      }

      .journey-step:not(:last-child)::before {
        display: block;
        top: auto;
        right: auto;
        bottom: -30px;
        left: calc(50% - 5px);
        border-top: 7px solid rgba(22, 60, 120, 0.82);
        border-right: 5px solid transparent;
        border-bottom: 0;
        border-left: 5px solid transparent;
        animation: journeyArrowDownHeadMove 2.8s ease-in-out infinite;
      }

      .review-checklist {
        padding: 22px;
      }

      .case-cta .button {
        width: 100%;
      }
    }

    @media (max-width: 760px) {
      .container,
      .cases-proof .container {
        width: min(100% - 32px, var(--max));
        margin-right: auto;
        margin-left: auto;
      }

      section,
      section.cases-proof {
        padding: 56px 0;
      }

      .hero {
        padding: 0;
      }

      .hero-inner {
        padding: 42px 0 46px;
      }

      h1 {
        font-size: clamp(2.5rem, 12vw, 3rem);
        line-height: 1.06;
        font-weight: 700;
      }

      .headline-support {
        font-size: clamp(1.65rem, 8vw, 2.1rem);
        line-height: 1.14;
        font-weight: 600;
      }

      .section-head h2,
      .lead-approach .section-head h2,
      .cases-proof .section-head h2 {
        font-size: clamp(2rem, 9vw, 2.25rem);
        line-height: 1.1;
        font-weight: 700;
      }

      .section-head p,
      .lead-approach .section-head p,
      .cases-proof .section-head p,
      .hero-lead {
        font-size: 1rem;
        line-height: 1.6;
      }

      .faq-section {
        padding: 66px 0;
      }

      .faq-grid {
        gap: 28px;
      }

      .faq-intro h2 {
        font-size: clamp(2rem, 10vw, 2.25rem);
      }

      .faq-intro p {
        max-width: none;
        font-size: 1rem;
      }

      .faq-question {
        gap: 12px;
        padding: 18px 16px;
      }

      .faq-number {
        width: 32px;
        height: 32px;
        font-size: 0.74rem;
      }

      .faq-chevron {
        width: 32px;
        height: 32px;
      }

      .faq-answer {
        margin: 0 16px 18px;
        padding: 15px;
        font-size: 0.96rem;
      }

      .faq-contact-links {
        display: grid;
        grid-template-columns: 1fr;
      }

      .faq-cta {
        grid-template-columns: 1fr;
        padding: 18px;
      }

      .faq-cta .button {
        width: 100%;
        justify-self: stretch;
      }

      .case-track .case-card,
      .service-card,
      .platform-logo-card,
      .process-card,
      .testimonial-card,
      .review-checklist {
        border-radius: 18px;
      }

      .journey-step:not(:last-child)::after {
        background: rgba(22, 60, 120, 0.65);
      }

      .journey-step:not(:last-child)::before {
        border-top-color: rgba(22, 60, 120, 0.65);
      }
    }

    /* Design system cleanup */
    :root {
      --max: 1160px;
      --radius: 16px;
      --radius-sm: 12px;
      --line: #e5e7eb;
      --soft: #F5F7FA;
      --ink: #111827;
      --graphite: #1f2937;
      --muted: #475569;
      --google-blue: #163C78;
      --blue: #163C78;
      --accent: #2E7DE1;
      --accent-dark: #2E7DE1;
      --orange: #2E7DE1;
      --orange-dark: #2E7DE1;
      --shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
      --shadow-hover: 0 18px 45px rgba(15, 23, 42, 0.1);
      --section-y: 88px;
      --card-pad: 24px;
    }

    body {
      color: var(--ink);
      background: #ffffff;
      font-family: var(--font-main);
      font-size: 16px;
      line-height: 1.65;
    }

    .container {
      width: min(100% - 48px, var(--max));
      margin-right: auto;
      margin-left: auto;
    }

    @keyframes trustLabelGlow {
      0%,
      100% {
        transform: scaleX(0.72);
        opacity: 0.65;
      }

      50% {
        transform: scaleX(1);
        opacity: 1;
      }
    }

    @keyframes trustIconPulse {
      0%,
      100% {
        transform: translateY(0);
      }

      50% {
        transform: translateY(-1px);
      }
    }

    main > section {
      padding: var(--section-y) 0;
      background: #ffffff;
    }

    main > section.cases-proof {
      padding: var(--section-y) 0;
    }

    main > section:nth-of-type(even) {
      background: var(--soft);
    }

    .platform-strip {
      background: var(--soft);
    }

    h1,
    h2,
    h3 {
      color: var(--ink);
      letter-spacing: 0;
    }

    h1 {
      max-width: 900px;
      font-size: clamp(3rem, 4.6vw, 3.65rem);
      line-height: 1.06;
      font-weight: 700;
    }

    .headline-main {
      display: block;
      white-space: nowrap;
    }

    .headline-support {
      color: #374151;
      font-size: clamp(1.9rem, 3.2vw, 2.35rem);
      line-height: 1.14;
      font-weight: 600;
    }

    .hero-trust-label {
      position: relative;
      isolation: isolate;
      display: inline-flex;
      align-items: center;
      gap: 11px;
      margin-bottom: 16px;
      padding: 0 0 9px;
      color: var(--blue);
      background: transparent;
      border: 0;
      border-radius: 0;
      box-shadow: none;
      font-size: 0.9rem;
      font-weight: 550;
    }

    .hero-trust-label::after {
      content: "";
      position: absolute;
      left: 35px;
      bottom: 0;
      z-index: -1;
      width: 56px;
      height: 2px;
      background: var(--accent);
      border-radius: 999px;
      transform-origin: left center;
      animation: trustLabelGlow 3.2s ease-in-out infinite;
    }

    .hero-trust-label .trust-icon {
      position: relative;
      width: 22px;
      height: 16px;
      flex: 0 0 22px;
      display: inline-block;
      color: var(--blue);
      background: transparent;
      border-radius: 0;
      animation: trustIconPulse 3.2s ease-in-out infinite;
    }

    .hero-trust-label .trust-icon::before,
    .hero-trust-label .trust-icon::after {
      content: "";
      position: absolute;
      top: 50%;
      width: 8px;
      height: 8px;
      background: #ffffff;
      border: 2px solid currentColor;
      border-radius: 50%;
      transform: translateY(-50%);
    }

    .hero-trust-label .trust-icon::before {
      left: 0;
    }

    .hero-trust-label .trust-icon::after {
      right: 0;
    }

    .hero-trust-label .trust-icon {
      background-image: linear-gradient(var(--accent), var(--accent));
      background-repeat: no-repeat;
      background-position: center;
      background-size: 14px 2px;
    }

    .section-head,
    .lead-approach .section-head,
    .cases-proof .section-head,
    .industries .section-head,
    .process-section .section-head,
    .testimonials .section-head,
    .platform-strip-head {
      max-width: 720px;
      margin-right: 0;
      margin-bottom: 34px;
      text-align: left;
    }

    .section-head h2,
    .lead-approach .section-head h2,
    .cases-proof .section-head h2,
    .industries .section-head h2,
    .process-section .section-head h2,
    .testimonials .section-head h2,
    .platform-strip-head h2,
    .footer-contact-copy h2 {
      color: var(--ink);
      font-size: clamp(2.2rem, 4vw, 3rem);
      line-height: 1.08;
      font-weight: 700;
      letter-spacing: 0;
    }

    .section-head p,
    .lead-approach .section-head p,
    .cases-proof .section-head p,
    .industries .section-head p,
    .process-section .section-head p,
    .testimonials .section-head p,
    .platform-strip-head p,
    .hero-lead,
    .footer-contact-copy p {
      max-width: 720px;
      color: var(--muted);
      font-size: 1.05rem;
      line-height: 1.65;
      font-weight: 400;
    }

    .service-card h3,
    .journey-step h3,
    .review-checklist h3,
    .case-card h3,
    .industry-card h3,
    .process-card h3,
    .testimonial-author h3,
    .footer-contact-row h3 {
      color: var(--ink);
      font-size: clamp(1.03rem, 1.4vw, 1.18rem);
      line-height: 1.25;
      font-weight: 650;
    }

    .eyebrow,
    .service-kicker,
    .case-label,
    .industry-card p,
    .process-card p,
    .case-card p,
    .testimonial-body,
    .faq-answer,
    .review-list li {
      font-weight: 400;
    }

    .eyebrow {
      color: var(--blue);
      font-size: 0.84rem;
      font-weight: 650;
      letter-spacing: 0.02em;
    }

    .eyebrow::before,
    .faq-badge::before,
    .process-card h3::after {
      background: var(--accent);
    }

    .button,
    .nav .button,
    .service-card .button,
    .button-orange {
      min-height: 46px;
      padding: 13px 22px;
      border-radius: var(--radius-sm);
      font-weight: 700;
      line-height: 1.2;
      transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease, color 0.22s ease;
    }

    .button-primary,
    .service-card .button,
    .button-orange,
    .contact-widget-toggle {
      color: #ffffff;
      background: var(--accent);
      box-shadow: 0 12px 30px rgba(46, 125, 225, 0.26);
    }

    .button-primary:hover,
    .button-primary:focus-visible,
    .service-card .button:hover,
    .service-card .button:focus-visible,
    .button-orange:hover,
    .button-orange:focus-visible,
    .contact-widget-toggle:hover,
    .contact-widget-toggle:focus-visible {
      background: var(--accent-dark);
      transform: translateY(-2px);
      box-shadow: 0 18px 40px rgba(46, 125, 225, 0.34);
    }

    .contact-widget-toggle {
      min-height: 64px;
      gap: 12px;
      padding: 16px 26px 16px 18px;
      font-size: 1.05rem;
      border-radius: 999px;
    }

    .contact-widget-toggle svg {
      width: 23px;
      height: 23px;
    }

    .button-secondary {
      color: var(--blue);
      background: #ffffff;
      border-color: var(--line);
      box-shadow: var(--shadow);
    }

    .button-secondary:hover,
    .button-secondary:focus-visible {
      color: var(--accent);
      border-color: rgba(46, 125, 225, 0.36);
      box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
    }

    .service-card,
    .journey-step,
    .review-checklist,
    .platform-logo-card,
    .cases-proof .case-card,
    .industry-card,
    .industry-cta,
    .process-card,
    .process-cta,
    .testimonial-card,
    .faq-item,
    .faq-cta,
    .footer-map-card,
    .footer-location-card {
      background: #ffffff;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
    }

    .service-card:hover,
    .service-card:focus-within,
    .journey-step:hover,
    .journey-step:focus-within,
    .platform-logo-card:hover,
    .platform-logo-card:focus-within,
    .cases-proof .case-card:hover,
    .cases-proof .case-card:focus-within,
    .industry-card:hover,
    .industry-card:focus-within,
    .process-card:hover,
    .process-card:focus-within,
    .testimonial-card:hover,
    .testimonial-card:focus-within,
    .faq-item:hover,
    .faq-item:focus-within {
      transform: translateY(-4px);
      border-color: rgba(46, 125, 225, 0.35);
      box-shadow: var(--shadow-hover);
    }

    .service-body,
    .case-track .case-card,
    .industry-card,
    .process-card,
    .testimonial-card {
      padding: var(--card-pad);
    }

    .service-card {
      overflow: hidden;
    }

    .service-card img {
      height: 210px;
    }

    .platform-strip-inner {
      padding: 36px 0;
      background: transparent;
      border: 0;
      box-shadow: none;
    }

    .platform-logo-row {
      justify-content: flex-start;
      gap: 22px;
    }

    .platform-strip {
      padding: 0 0 48px;
    }

    .platform-strip-inner {
      max-width: 940px;
      padding: 34px 0;
    }

    .platform-strip-head {
      max-width: 640px;
      margin-right: auto;
      margin-left: auto;
      text-align: left;
    }

    .platform-logo-row {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
      align-items: center;
      justify-content: stretch;
      max-width: 760px;
      margin: 26px auto 0;
    }

    .platform-logo-card {
      min-width: 0;
      height: 66px;
      padding: 12px 16px;
      border-radius: var(--radius-sm);
      opacity: 0.92;
    }

    .platform-logo {
      width: auto;
      height: auto;
      max-width: 142px;
      max-height: 32px;
      object-fit: contain;
    }

    .platform-google-ads .platform-logo {
      max-width: 134px;
    }

    .platform-analytics .platform-logo {
      max-width: 150px;
      max-height: 31px;
    }

    .platform-tag-manager .platform-logo {
      max-width: 148px;
      max-height: 32px;
    }

    .platform-meta .platform-logo {
      max-width: 112px;
      max-height: 28px;
    }

    .process-card {
      --process-color: var(--blue);
      --process-bg: #F5F7FA;
      --process-glow: rgba(22, 60, 120, 0.2);
    }

    .process-card:nth-child(3) {
      --process-color: var(--accent);
      --process-bg: #F5F7FA;
      --process-glow: rgba(46, 125, 225, 0.22);
    }

    .case-filter.is-active,
    .case-filter[aria-pressed="true"],
    .case-dots button[aria-current="true"],
    .review-list li::before,
    .service-list li::before,
    .check-list li::before,
    .proof-row li::before {
      background: var(--accent);
    }

    .testimonial-quote-mark,
    .industry-arrow,
    .case-read-more,
    .testimonial-read {
      color: var(--accent);
    }

    .service-kicker,
    .service-card:nth-child(2) .service-kicker,
    .service-card:nth-child(3) .service-kicker,
    .service-card:nth-child(4) .service-kicker {
      color: var(--accent);
    }

    .proof-row li::before,
    .proof-row li:nth-child(2)::before,
    .proof-row li:nth-child(3)::before,
    .proof-row li:nth-child(4)::before,
    .proof-row li:nth-child(5)::before {
      background: var(--accent);
    }

    .process-card:nth-child(1),
    .process-card:nth-child(2),
    .process-card:nth-child(4),
    .process-card:nth-child(5) {
      --process-color: var(--blue);
      --process-soft: #F5F7FA;
      --process-glow: rgba(22, 60, 120, 0.2);
    }

    .process-card:nth-child(3) {
      --process-color: var(--accent);
      --process-soft: #F5F7FA;
      --process-glow: rgba(46, 125, 225, 0.22);
    }

    .faq-section {
      padding: var(--section-y) 0;
      background: var(--soft);
    }

    .faq-section .container,
    .faq-grid {
      width: min(100% - 48px, 850px);
      max-width: 850px;
      margin-right: auto;
      margin-left: auto;
    }

    .faq-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 26px;
      align-items: start;
    }

    .faq-intro {
      max-width: 680px;
      gap: 14px;
      text-align: left;
    }

    .faq-intro h2 {
      font-size: clamp(2.15rem, 4vw, 2.75rem);
      line-height: 1.08;
      font-weight: 700;
    }

    .faq-intro p {
      max-width: 680px;
      color: var(--muted);
      font-size: 1.05rem;
      line-height: 1.65;
    }

    .faq-benefits {
      grid-template-columns: repeat(3, minmax(0, auto));
      gap: 10px 18px;
    }

    .faq-benefits li {
      font-size: 0.94rem;
    }

    .faq-list {
      gap: 12px;
    }

    .faq-question {
      min-height: 68px;
      padding: 18px 20px;
      gap: 14px;
    }

    .faq-answer {
      margin: 0 20px 20px 68px;
      padding: 15px 16px;
      background: #F5F7FA;
      border-left-color: rgba(22, 60, 120, 0.18);
      border-radius: var(--radius-sm);
      font-size: 0.98rem;
      line-height: 1.65;
    }

    .faq-item.is-open,
    .faq-item.is-open:hover,
    .faq-item.is-open:focus-within {
      border-color: rgba(22, 60, 120, 0.22);
      box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
    }

    .faq-item.is-open .faq-number,
    .faq-item.is-open .faq-chevron {
      background: var(--blue);
      border-color: var(--blue);
    }

    .faq-contact-links a:hover,
    .faq-contact-links a:focus-visible {
      color: var(--accent);
      border-color: rgba(46, 125, 225, 0.35);
    }

    .faq-cta {
      margin-top: 18px;
      padding: 18px 20px;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 18px;
    }

    @media (max-width: 1080px) {
      :root {
        --section-y: 72px;
      }

      .section-head,
      .lead-approach .section-head,
      .cases-proof .section-head,
      .industries .section-head,
      .process-section .section-head,
      .testimonials .section-head,
      .platform-strip-head {
        max-width: 680px;
      }

      .faq-section .container,
      .faq-grid {
        width: min(100% - 40px, 850px);
      }
    }

    @media (max-width: 760px) {
      :root {
        --section-y: 60px;
        --card-pad: 20px;
      }

      .container,
      .cases-proof .container {
        width: min(100% - 32px, var(--max));
      }

      main > section,
      section.cases-proof,
      .faq-section {
        padding: var(--section-y) 0;
      }

      h1 {
        font-size: clamp(2.35rem, 12vw, 2.9rem);
      }

      .headline-main {
        white-space: normal;
      }

      .headline-support {
        font-size: clamp(1.55rem, 8vw, 2rem);
      }

      .section-head h2,
      .lead-approach .section-head h2,
      .cases-proof .section-head h2,
      .industries .section-head h2,
      .process-section .section-head h2,
      .testimonials .section-head h2,
      .platform-strip-head h2,
      .footer-contact-copy h2 {
        font-size: clamp(2rem, 9vw, 2.3rem);
      }

      .section-head p,
      .lead-approach .section-head p,
      .cases-proof .section-head p,
      .industries .section-head p,
      .process-section .section-head p,
      .testimonials .section-head p,
      .platform-strip-head p {
        font-size: 1rem;
      }

      .platform-logo-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-content: stretch;
        max-width: 430px;
        gap: 12px;
      }

      .platform-logo-card {
        height: 64px;
      }

      .faq-section .container,
      .faq-grid {
        width: min(100% - 32px, 850px);
      }

      .faq-benefits {
        grid-template-columns: 1fr;
      }

      .faq-question {
        min-height: 64px;
        padding: 17px 16px;
      }

      .faq-answer {
        margin: 0 16px 18px;
        padding: 15px;
      }

      .faq-cta {
        grid-template-columns: 1fr;
      }

      .faq-cta .button {
        width: 100%;
      }

      .contact-widget-toggle {
        min-height: 58px;
        padding: 14px 22px 14px 16px;
        font-size: 1rem;
      }

      .contact-widget-toggle svg {
        width: 22px;
        height: 22px;
      }
    }

    /* Final layout rhythm normalization */
    :root {
      --max: 1120px;
      --section-y: 72px;
      --section-y-mobile: 54px;
      --card-pad: 22px;
      --radius: 16px;
      --radius-sm: 12px;
      --shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
      --shadow-hover: 0 18px 42px rgba(15, 23, 42, 0.1);
    }

    .container,
    .cases-proof .container {
      width: min(100% - 56px, var(--max));
      max-width: var(--max);
      margin-right: auto;
      margin-left: auto;
    }

    main {
      display: flex;
      flex-direction: column;
    }

    main > section,
    section.cases-proof,
    .platform-strip {
      padding: var(--section-y) 0;
    }

    .hero {
      min-height: auto;
      padding: 0;
      align-items: center;
    }

    .hero {
      order: 0;
    }

    #services {
      order: 1;
      background: #ffffff;
    }

    .lead-approach {
      order: 2;
      background: #ffffff;
    }

    .improvements {
      order: 3;
      background: var(--soft);
    }

    .cases-proof {
      order: 4;
    }

    .industries {
      order: 5;
    }

    .process-section {
      order: 6;
    }

    .testimonials {
      order: 7;
    }

    .faq-section {
      order: 8;
    }

    .hero::after {
      display: none;
    }

    .hero-inner {
      min-height: auto;
      padding: 62px 0 70px;
      grid-template-columns: minmax(0, 1.08fr) minmax(320px, 390px);
      gap: 70px;
      align-items: center;
    }

    .hero-copy {
      max-width: 700px;
    }

    h1 {
      max-width: none;
      margin-bottom: 14px;
      font-size: clamp(2.8rem, 4.05vw, 3.45rem);
      line-height: 1.05;
    }

    .headline-main {
      white-space: nowrap;
    }

    .headline-support {
      margin-top: 6px;
      font-size: clamp(1.65rem, 2.7vw, 2.1rem);
      line-height: 1.12;
    }

    .hero-lead {
      max-width: 610px;
      margin-bottom: 18px;
      font-size: 1rem;
      line-height: 1.62;
    }

    .hero-actions {
      gap: 12px;
      margin-bottom: 18px;
    }

    .proof-row {
      gap: 8px;
    }

    .proof-row li {
      min-height: 28px;
      font-size: 0.98rem;
      font-weight: 600;
    }

    .proof-row li::before {
      width: 20px;
      height: 20px;
      flex-basis: 20px;
      margin-right: 10px;
    }

    .hero-media {
      width: 100%;
      max-width: 352px;
      justify-self: end;
      padding: 10px;
    }

    .hero-photo img {
      max-height: 430px;
    }

    .hero {
      background: #ffffff;
    }

    .hero-media {
      isolation: isolate;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    .hero-media::before {
      content: "";
      position: absolute;
      right: -10px;
      bottom: -12px;
      z-index: -1;
      width: 34%;
      height: 42%;
      border-radius: 22px;
      background: rgba(243, 231, 216, 0.72);
    }

    .hero-media::after {
      content: none;
    }

    .hero-photo {
      position: relative;
      border: 0;
      border-radius: 18px;
      background: transparent;
      box-shadow: 0 18px 38px rgba(15, 23, 42, 0.12);
    }

    .hero-photo::after {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55);
      pointer-events: none;
    }

    .hero-photo img {
      display: block;
      border-radius: inherit;
      filter: contrast(1.05) saturate(0.98);
      object-position: 55% center;
    }

    .google-corner {
      display: none;
      top: 14px;
      left: 14px;
      grid-template-columns: repeat(4, 7px);
      gap: 4px;
      padding: 6px;
      border-color: rgba(161, 103, 48, 0.18);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.76);
      box-shadow: 0 12px 26px rgba(47, 35, 27, 0.1);
      backdrop-filter: blur(10px);
    }

    .google-corner span {
      width: 7px;
      height: 7px;
      background: #0f172a;
    }

    .google-corner span:nth-child(2) {
      background: #2E7DE1;
    }

    .google-corner span:nth-child(3) {
      background: #163C78;
    }

    .google-corner span:nth-child(4) {
      background: #E53935;
    }

    .section-head,
    .lead-approach .section-head,
    .cases-proof .section-head,
    .industries .section-head,
    .process-section .section-head,
    .testimonials .section-head,
    .platform-strip-head {
      max-width: 700px;
      margin-right: 0;
      margin-bottom: 28px;
      margin-left: 0;
      text-align: left;
    }

    .section-head h2,
    .lead-approach .section-head h2,
    .cases-proof .section-head h2,
    .industries .section-head h2,
    .process-section .section-head h2,
    .testimonials .section-head h2,
    .platform-strip-head h2,
    .faq-intro h2,
    .footer-contact-copy h2 {
      margin-bottom: 10px;
      font-size: clamp(2rem, 3.2vw, 2.55rem);
      line-height: 1.08;
      font-weight: 700;
    }

    .section-head p,
    .lead-approach .section-head p,
    .cases-proof .section-head p,
    .industries .section-head p,
    .process-section .section-head p,
    .testimonials .section-head p,
    .platform-strip-head p,
    .faq-intro p,
    .footer-contact-copy p {
      max-width: 700px;
      font-size: 1rem;
      line-height: 1.6;
    }

    .service-card,
    .journey-step,
    .review-checklist,
    .platform-logo-card,
    .improvement-card,
    .cases-proof .case-card,
    .industry-card,
    .industry-cta,
    .process-card,
    .process-cta,
    .testimonial-card,
    .faq-item,
    .faq-cta,
    .footer-map-card,
    .footer-location-card {
      border-radius: var(--radius);
      box-shadow: var(--shadow);
    }

    .service-grid {
      gap: 24px;
      align-items: stretch;
    }

    .service-card {
      min-height: 540px;
      height: 100%;
    }

    .service-card img {
      height: 178px;
      aspect-ratio: auto;
    }

    .service-body {
      padding: var(--card-pad);
    }

    .service-body h3,
    .improvement-card h3,
    .case-card h3,
    .industry-card h3,
    .process-card h3,
    .testimonial-author h3,
    .review-checklist h3 {
      font-size: 1.08rem;
      line-height: 1.25;
    }

    .service-body p,
    .improvement-card p,
    .case-summary p,
    .industry-card p,
    .process-card p,
    .testimonial-body {
      font-size: 0.94rem;
      line-height: 1.52;
    }

    .service-list,
    .review-list {
      gap: 7px;
      font-size: 0.9rem;
      line-height: 1.4;
    }

    .journey-flow {
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 14px;
      max-width: none;
      margin: 34px 0 0;
    }

    .journey-step {
      --step-color: var(--blue);
      --step-icon: var(--blue);
      --step-bg: #F5F7FA;
      min-height: 158px;
      padding: 22px 14px 20px;
      border-color: #e6eaf0;
      border-top: 1px solid #e6eaf0;
      box-shadow: 0 10px 28px rgba(15, 23, 42, 0.045);
      cursor: default;
    }

    .journey-icon {
      width: 44px;
      height: 44px;
    }

    .journey-step h3 {
      font-size: 0.98rem;
      line-height: 1.2;
    }

    .journey-note {
      max-width: 138px;
      color: #64748b;
      font-size: 0.8rem;
      line-height: 1.35;
    }

    .journey-step.is-active {
      border-color: rgba(46, 125, 225, 0.28);
      border-top-color: rgba(46, 125, 225, 0.28);
      box-shadow: 0 14px 34px rgba(46, 125, 225, 0.08);
    }

    .journey-step:hover,
    .journey-step:focus-within {
      transform: translateY(-4px);
      border-color: rgba(46, 125, 225, 0.28);
      box-shadow: 0 16px 38px rgba(15, 23, 42, 0.08);
    }

    .journey-step:hover .journey-icon,
    .journey-step:focus-within .journey-icon,
    .journey-step.is-active .journey-icon {
      color: var(--accent);
      background: #F5F7FA;
      transform: scale(1.04);
    }

    .improvement-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 22px;
    }

    .improvement-card {
      min-height: 246px;
      padding: 24px;
      background: #ffffff;
      border: 1px solid #e6eaf0;
    }

    .improvement-icon {
      width: 46px;
      height: 46px;
      display: grid;
      place-items: center;
      margin-bottom: 24px;
      color: var(--blue);
      background: #F5F7FA;
      border: 1px solid rgba(22, 60, 120, 0.08);
      border-radius: 14px;
      transition: color 0.22s ease, background 0.22s ease, transform 0.22s ease;
    }

    .improvement-card:nth-child(even) .improvement-icon {
      color: var(--accent);
      background: #F5F7FA;
    }

    .improvement-icon svg {
      width: 24px;
      height: 24px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .improvement-card h3 {
      margin-bottom: 10px;
    }

    .improvement-card p {
      margin: 0;
      color: var(--muted);
    }

    .improvement-card:hover,
    .improvement-card:focus-within {
      transform: translateY(-4px);
      border-color: rgba(46, 125, 225, 0.28);
      box-shadow: var(--shadow-hover);
    }

    .improvement-card:hover .improvement-icon,
    .improvement-card:focus-within .improvement-icon {
      transform: translateY(-2px);
    }

    .review-checklist {
      max-width: 880px;
      padding: 18px;
      margin: 0 auto;
      overflow: hidden;
      background: linear-gradient(180deg, #ffffff 0%, #F5F7FA 100%);
      border-top: 0;
      border-left: 4px solid var(--accent);
    }

    .review-overview {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      gap: 16px;
      align-items: center;
      padding: 16px;
      background: #F5F7FA;
      border: 1px solid rgba(22, 60, 120, 0.08);
      border-radius: 14px;
    }

    .review-overview-icon {
      width: 48px;
      height: 48px;
      display: grid;
      place-items: center;
      color: var(--accent);
      background: #F5F7FA;
      border-radius: 14px;
    }

    .review-overview-icon svg {
      width: 25px;
      height: 25px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .review-pill {
      display: inline-flex;
      margin-bottom: 6px;
      color: var(--blue);
      font-size: 0.76rem;
      font-weight: 700;
      line-height: 1.2;
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }

    .review-overview h3,
    .review-checklist h3 {
      margin: 0 0 5px;
      font-size: 1.16rem;
      line-height: 1.2;
    }

    .review-overview p {
      max-width: 560px;
      margin: 0;
      color: var(--muted);
      font-size: 0.92rem;
      line-height: 1.5;
    }

    .review-mini-flow {
      display: flex;
      align-items: center;
      gap: 8px;
      color: var(--blue);
      font-size: 0.78rem;
      font-weight: 700;
      white-space: nowrap;
    }

    .review-mini-flow span {
      display: inline-flex;
      align-items: center;
      min-height: 28px;
      padding: 6px 9px;
      background: #ffffff;
      border: 1px solid rgba(22, 60, 120, 0.1);
      border-radius: 999px;
    }

    .review-mini-flow span:not(:last-child)::after {
      content: "";
      width: 18px;
      height: 2px;
      margin-left: 8px;
      background: rgba(22, 60, 120, 0.25);
      border-radius: 999px;
    }

    .review-groups {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
      margin-top: 14px;
    }

    .review-group {
      padding: 16px;
      background: #ffffff;
      border: 1px solid rgba(226, 232, 240, 0.9);
      border-radius: 14px;
    }

    .review-group h4 {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 10px;
      color: var(--ink);
      font-size: 0.92rem;
      line-height: 1.25;
    }

    .review-group h4::before {
      content: "";
      width: 8px;
      height: 8px;
      flex: 0 0 8px;
      background: var(--accent);
      border-radius: 50%;
      box-shadow: 0 0 0 5px rgba(46, 125, 225, 0.1);
    }

    .review-list {
      gap: 8px;
    }

    .review-list li {
      padding-left: 24px;
      color: #374151;
      font-size: 0.9rem;
      line-height: 1.38;
    }

    .review-list li::before {
      top: 1px;
      width: 17px;
      height: 17px;
      border-radius: 5px;
      background: var(--accent);
      font-size: 0.68rem;
    }

    .platform-strip {
      background: var(--soft);
    }

    .platform-strip-inner {
      max-width: var(--max);
      padding: 0;
      margin: 0;
    }

    .platform-strip-head {
      max-width: 700px;
      margin: 0 0 24px;
    }

    .platform-logo-row {
      grid-template-columns: repeat(4, minmax(0, 160px));
      justify-content: start;
      max-width: none;
      margin: 24px 0 0;
      gap: 16px;
    }

    .platform-logo-card {
      height: 64px;
      padding: 12px 16px;
    }

    .platform-logo {
      max-height: 31px;
    }

    .platform-meta .platform-logo {
      max-width: 108px;
      max-height: 26px;
    }

    .case-filters {
      margin: 20px 0 28px;
    }

    .case-carousel {
      padding: 0 48px;
    }

    .case-viewport {
      padding: 12px 4px 34px;
    }

    .case-track {
      gap: 28px;
    }

    .case-track .case-card {
      flex-basis: calc((100% - 56px) / 3);
      min-height: 470px;
      padding: 22px;
    }

    .cases-proof .case-icon {
      width: 44px;
      height: 44px;
      margin-bottom: 14px;
    }

    .cases-proof .case-card h3 {
      margin-top: 10px;
      margin-bottom: 14px;
    }

    .cases-proof .case-cta {
      margin-top: 28px;
      padding: 22px 24px;
    }

    .industry-grid {
      gap: 20px;
      align-items: stretch;
      grid-auto-rows: 1fr;
    }

    .industry-card {
      min-height: 160px;
      padding: 20px;
      grid-template-columns: 54px minmax(0, 1fr) auto;
      gap: 18px;
    }

    .industry-icon {
      width: 52px;
      height: 52px;
    }

    .industry-card p {
      margin-bottom: 0;
    }

    .industry-cta {
      margin-top: 22px;
      padding: 20px 24px;
    }

    .process-timeline {
      gap: 22px;
      padding-top: 58px;
      margin-top: 18px;
    }

    .process-card {
      min-height: 270px;
      padding: 24px 18px 20px;
    }

    .process-icon {
      width: 60px;
      height: 60px;
      margin-bottom: 18px;
    }

    .process-card h3 {
      min-height: 44px;
      margin-bottom: 10px;
    }

    .process-cta {
      margin-top: 28px;
      padding: 20px 24px;
    }

    .testimonials::before {
      width: 92px;
      height: 92px;
    }

    .testimonial-carousel {
      padding: 0 48px;
    }

    .testimonial-track {
      gap: 24px;
    }

    .testimonial-card {
      flex-basis: calc((100% - 72px) / 4);
      min-height: 330px;
      padding: 24px;
    }

    .testimonial-quote-mark {
      margin-bottom: 16px;
    }

    .testimonial-author {
      padding-top: 16px;
    }

    .faq-section {
      padding: var(--section-y) 0;
    }

    .faq-grid {
      gap: 24px;
    }

    .faq-question {
      min-height: 64px;
      padding: 16px 18px;
    }

    .faq-cta {
      padding: 18px 20px;
    }

    .footer-contact {
      padding: var(--section-y) 0;
    }

    .footer-contact-grid {
      gap: 48px;
    }

    .footer-map-visual {
      min-height: 300px;
    }

    .footer-map-visual svg {
      height: 300px;
    }

    .footer-contact-copy > p {
      margin-bottom: 24px;
    }

    .footer-contact-list {
      gap: 16px;
      padding-top: 22px;
    }

    .footer-main {
      padding: 40px 0;
    }

    @media (min-width: 640px) and (max-width: 1080px) {
      .container,
      .cases-proof .container {
        width: min(100% - 48px, var(--max));
      }

      .hero-inner {
        grid-template-columns: 1fr;
        grid-template-areas:
          "copy"
          "media";
        gap: 34px;
        padding: 50px 0 58px;
      }

      .hero-media {
        justify-self: start;
        max-width: 320px;
      }

      .service-grid,
      .improvement-grid,
      .industry-grid,
      .process-timeline {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .service-card {
        min-height: 520px;
      }

      .journey-flow {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .journey-flow::before,
      .process-timeline::before,
      .process-timeline::after {
        display: none;
      }

      .journey-step:not(:last-child)::before,
      .journey-step:not(:last-child)::after {
        display: none;
      }

      .review-overview {
        grid-template-columns: auto minmax(0, 1fr);
      }

      .review-mini-flow {
        grid-column: 1 / -1;
        flex-wrap: wrap;
        white-space: normal;
      }

      .platform-logo-row {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        max-width: 720px;
      }

      .case-track .case-card,
      .testimonial-card {
        flex-basis: calc((100% - 24px) / 2);
      }

      .process-timeline {
        gap: 66px 24px;
      }

      .footer-contact-grid {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 639px) {
      :root {
        --card-pad: 20px;
      }

      .container,
      .cases-proof .container,
      .faq-section .container,
      .faq-grid {
        width: min(100% - 32px, var(--max));
      }

      main > section,
      section.cases-proof,
      .platform-strip,
      .faq-section,
      .footer-contact {
        padding: var(--section-y-mobile) 0;
      }

      .hero-inner {
        padding: 36px 0 44px;
        gap: 30px;
      }

      h1 {
        font-size: clamp(2.08rem, 11vw, 2.55rem);
      }

      .headline-main {
        white-space: normal;
      }

      .headline-support {
        font-size: clamp(1.42rem, 7vw, 1.8rem);
      }

      .hero-media {
        justify-self: center;
        max-width: 292px;
      }

      .hero-actions,
      .hero-actions .button {
        width: 100%;
      }

      .section-head,
      .lead-approach .section-head,
      .cases-proof .section-head,
      .industries .section-head,
      .process-section .section-head,
      .testimonials .section-head,
      .platform-strip-head {
        margin-bottom: 24px;
      }

      .section-head h2,
      .lead-approach .section-head h2,
      .cases-proof .section-head h2,
      .industries .section-head h2,
      .process-section .section-head h2,
      .testimonials .section-head h2,
      .platform-strip-head h2,
      .faq-intro h2,
      .footer-contact-copy h2 {
        font-size: clamp(1.85rem, 8.6vw, 2.18rem);
      }

      .service-grid,
      .improvement-grid,
      .industry-grid,
      .process-timeline {
        grid-template-columns: 1fr;
      }

      .service-card {
        min-height: auto;
      }

      .service-card img {
        height: 170px;
      }

      .journey-flow {
        grid-template-columns: 1fr;
        max-width: 430px;
        gap: 26px;
        margin-top: 26px;
      }

      .improvement-card {
        min-height: auto;
      }

      .journey-step {
        min-height: 112px;
        padding: 16px;
      }

      .review-checklist {
        padding: 20px;
      }

      .review-overview {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 14px;
      }

      .review-overview-icon {
        width: 44px;
        height: 44px;
      }

      .review-mini-flow {
        flex-wrap: wrap;
        gap: 7px;
        white-space: normal;
      }

      .review-mini-flow span:not(:last-child)::after {
        display: none;
      }

      .review-groups {
        grid-template-columns: 1fr;
      }

      .platform-logo-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }

      .platform-logo-card {
        height: 62px;
        padding: 10px;
      }

      .case-carousel,
      .testimonial-carousel {
        padding: 0;
      }

      .case-track .case-card,
      .testimonial-card {
        flex-basis: 100%;
        min-height: auto;
      }

      .industry-card {
        min-height: auto;
        padding: 20px;
      }

      .process-timeline {
        gap: 58px;
      }

      .process-card {
        min-height: auto;
      }

      .process-cta,
      .industry-cta,
      .cases-proof .case-cta,
      .faq-cta {
        grid-template-columns: 1fr;
      }

      .process-cta .button,
      .industry-cta .button,
      .cases-proof .case-cta .button,
      .faq-cta .button {
        width: 100%;
      }

      .footer-map-visual,
      .footer-map-visual svg {
        min-height: 240px;
        height: 240px;
      }
    }

    .lead-form-modal {
      position: fixed;
      inset: 0;
      z-index: 90;
      display: grid;
      place-items: center;
      padding: 24px;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity 0.22s ease, visibility 0.22s ease;
    }

    body.lead-form-open {
      overflow: hidden;
    }

    .lead-form-modal.is-open {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }

    .lead-form-backdrop {
      position: absolute;
      inset: 0;
      background: rgba(15, 23, 42, 0.45);
      backdrop-filter: blur(6px);
    }

    .lead-form-panel {
      position: relative;
      width: min(100%, 640px);
      max-height: min(92vh, 860px);
      overflow: auto;
      padding: 30px;
      background: #ffffff;
      border: 1px solid var(--line);
      border-top: 4px solid var(--accent);
      border-radius: 20px;
      box-shadow: 0 30px 80px rgba(15, 23, 42, 0.22);
      transform: translateY(12px) scale(0.98);
      transition: transform 0.22s ease;
    }

    .lead-form-modal.is-open .lead-form-panel {
      transform: translateY(0) scale(1);
    }

    .lead-form-close {
      position: absolute;
      top: 16px;
      right: 16px;
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      color: var(--blue);
      background: #F5F7FA;
      border: 1px solid var(--line);
      border-radius: 999px;
      cursor: pointer;
      font-size: 1.2rem;
      line-height: 1;
      transition: transform 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    }

    .lead-form-close:hover,
    .lead-form-close:focus-visible {
      color: var(--accent);
      border-color: rgba(46, 125, 225, 0.35);
      transform: translateY(-1px);
      outline: 0;
    }

    .lead-form-panel h2 {
      max-width: 520px;
      margin: 0 44px 8px 0;
      color: var(--ink);
      font-size: clamp(1.6rem, 3vw, 2rem);
      line-height: 1.12;
      font-weight: 700;
    }

    .lead-form-panel > p {
      max-width: 520px;
      margin: 0 0 22px;
      color: var(--muted);
      font-size: 0.98rem;
      line-height: 1.6;
    }

    .lead-form {
      display: grid;
      gap: 16px;
    }

    .form-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }

    .form-field,
    .form-consent {
      display: grid;
      gap: 7px;
      color: var(--ink);
      font-size: 0.92rem;
      font-weight: 650;
    }

    .form-field-full {
      grid-column: 1 / -1;
    }

    .form-field input,
    .form-field textarea {
      width: 100%;
      padding: 12px 13px;
      color: var(--ink);
      background: #ffffff;
      border: 1px solid var(--line);
      border-radius: var(--radius-sm);
      font: inherit;
      font-weight: 400;
      transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }

    .form-field textarea {
      min-height: 128px;
      resize: vertical;
    }

    .form-field input:focus,
    .form-field textarea:focus {
      border-color: rgba(22, 60, 120, 0.45);
      box-shadow: 0 0 0 4px rgba(22, 60, 120, 0.08);
      outline: 0;
    }

    .form-consent {
      grid-template-columns: auto minmax(0, 1fr);
      align-items: start;
      gap: 10px;
      padding: 12px 13px;
      color: #475569;
      background: #F5F7FA;
      border: 1px solid var(--line);
      border-radius: var(--radius-sm);
      font-size: 0.88rem;
      font-weight: 400;
      line-height: 1.5;
    }

    .form-consent input {
      width: 18px;
      height: 18px;
      margin-top: 2px;
      accent-color: var(--accent);
    }

    .form-consent a {
      color: var(--blue);
      font-weight: 650;
      text-decoration: underline;
      text-underline-offset: 3px;
    }

    .form-honeypot {
      position: absolute;
      left: -9999px;
      width: 1px;
      height: 1px;
      opacity: 0;
      pointer-events: none;
    }

    .lead-form .button {
      width: 100%;
      margin-top: 4px;
    }

    @media (max-width: 760px) {
      .lead-form-modal {
        padding: 16px;
      }

      .lead-form-panel {
        padding: 24px 20px;
      }

      .form-grid {
        grid-template-columns: 1fr;
      }
    }

    .faq-section {
      background: #F5F7FA;
    }

    .faq-section .container,
    .faq-grid {
      width: min(100% - 48px, var(--max));
      max-width: var(--max);
      margin-right: auto;
      margin-left: auto;
    }

    .faq-grid {
      display: grid;
      grid-template-columns: minmax(260px, 0.58fr) minmax(0, 1.42fr);
      gap: 52px;
      align-items: start;
    }

    .faq-intro {
      max-width: 360px;
      gap: 18px;
      text-align: left;
    }

    .faq-intro h2 {
      margin-bottom: 4px;
      font-size: clamp(2.35rem, 4vw, 3.1rem);
    }

    .faq-intro p {
      max-width: 340px;
      color: #475569;
      font-size: 1.02rem;
      line-height: 1.62;
    }

    .faq-intro-cta {
      width: fit-content;
      margin-top: 8px;
    }

    .faq-content {
      display: grid;
      gap: 20px;
      min-width: 0;
    }

    .faq-stat-card {
      display: grid;
      grid-template-columns: 52px minmax(0, 1fr);
      gap: 16px;
      align-items: center;
      padding: 20px 22px;
      background: #ffffff;
      border: 1px solid rgba(22, 60, 120, 0.18);
      border-radius: var(--radius);
      box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
    }

    .faq-stat-icon,
    .faq-cta-icon {
      display: grid;
      place-items: center;
      color: var(--blue);
      background: #F5F7FA;
      border-radius: 16px;
    }

    .faq-stat-icon {
      width: 52px;
      height: 52px;
    }

    .faq-stat-icon svg,
    .faq-cta-icon svg {
      width: 23px;
      height: 23px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2.1;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .faq-stat-card strong,
    .faq-stat-card span:not(.faq-stat-icon) {
      display: block;
    }

    .faq-stat-card strong {
      color: #0f172a;
      font-size: 1.02rem;
      line-height: 1.42;
      font-weight: 700;
    }

    .faq-stat-card div > span {
      margin-top: 5px;
      color: #64748b;
      font-size: 0.92rem;
      line-height: 1.45;
    }

    .faq-list {
      display: grid;
      grid-template-columns: 1fr;
      gap: 18px;
    }

    .faq-category {
      display: grid;
      gap: 12px;
      animation: faqFadeUp 0.48s ease both;
    }

    .faq-category:nth-child(2) {
      animation-delay: 80ms;
    }

    .faq-category:nth-child(3) {
      animation-delay: 160ms;
    }

    .faq-category h3 {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      margin: 4px 0 0;
      color: #163C78;
      font-size: 0.88rem;
      line-height: 1.2;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    .faq-category h3 span {
      width: 9px;
      height: 9px;
      background: var(--accent);
      border-radius: 999px;
      box-shadow: 0 0 0 5px rgba(46, 125, 225, 0.12);
    }

    .faq-item {
      overflow: hidden;
      border: 1px solid #e5e7eb;
      border-radius: var(--radius);
      background: #ffffff;
      box-shadow: 0 10px 26px rgba(15, 23, 42, 0.045);
      transition: transform 0.26s ease, border-color 0.26s ease, box-shadow 0.26s ease, background-color 0.26s ease;
    }

    .faq-item:hover,
    .faq-item:focus-within {
      transform: translateY(-3px);
      border-color: rgba(46, 125, 225, 0.32);
      box-shadow: 0 18px 40px rgba(15, 23, 42, 0.085);
    }

    .faq-item.is-open,
    .faq-item.is-open:hover,
    .faq-item.is-open:focus-within {
      transform: translateY(-2px);
      background: #F5F7FA;
      border-color: rgba(22, 60, 120, 0.38);
      box-shadow: 0 18px 42px rgba(15, 23, 42, 0.09);
    }

    .faq-question {
      min-height: 66px;
      padding: 18px 20px;
      gap: 14px;
      cursor: pointer;
    }

    .faq-number {
      position: relative;
      width: 38px;
      height: 38px;
      isolation: isolate;
      color: #163C78;
      background: conic-gradient(var(--blue) 0 72%, #E6EAF0 72% 100%);
      border: 0;
      border-radius: 999px;
      font-size: 0.76rem;
      font-weight: 800;
      box-shadow: inset 0 0 0 5px #ffffff;
    }

    .faq-item.is-open .faq-number {
      color: #ffffff;
      background: conic-gradient(var(--blue) 0 100%, var(--blue) 100%);
      box-shadow: inset 0 0 0 0 #ffffff;
    }

    .faq-question-text {
      color: #0f172a;
      font-size: 1rem;
      line-height: 1.35;
      font-weight: 650;
    }

    .faq-item.is-open .faq-question-text {
      color: #163C78;
    }

    .faq-chevron {
      width: 32px;
      height: 32px;
      color: #163C78;
      background: #F5F7FA;
      border: 1px solid #E6EAF0;
      transition: transform 0.28s ease, color 0.25s ease, border-color 0.25s ease, background 0.25s ease;
    }

    .faq-chevron svg {
      width: 17px;
      height: 17px;
    }

    .faq-item.is-open .faq-chevron {
      color: #ffffff;
      background: var(--blue);
      border-color: var(--blue);
      transform: rotate(180deg);
    }

    .faq-panel {
      max-height: 0;
      overflow: hidden;
      opacity: 0;
      transition: max-height 0.28s ease, opacity 0.24s ease;
    }

    .faq-item.is-open .faq-panel {
      opacity: 1;
    }

    .faq-answer {
      margin: 0 20px 20px 72px;
      padding: 15px 16px;
      color: #475569;
      background: #ffffff;
      border-left: 3px solid rgba(22, 60, 120, 0.25);
      border-top: 0;
      border-radius: var(--radius-sm);
      font-size: 0.96rem;
      line-height: 1.65;
    }

    .faq-cta-card {
      display: grid;
      grid-template-columns: 56px minmax(0, 1fr) auto;
      gap: 18px;
      align-items: center;
      padding: 22px;
      background: linear-gradient(135deg, #F5F7FA 0%, #ffffff 52%, #F5F7FA 100%);
      border: 1px solid rgba(46, 125, 225, 0.24);
      border-radius: var(--radius);
      box-shadow: 0 18px 44px rgba(15, 23, 42, 0.07);
    }

    .faq-cta-icon {
      width: 56px;
      height: 56px;
      color: var(--accent);
      background: #F5F7FA;
    }

    .faq-cta-card h3 {
      margin: 0 0 5px;
      color: #0f172a;
      font-size: 1.1rem;
      line-height: 1.25;
      font-weight: 700;
    }

    .faq-cta-card p {
      margin: 0;
      color: #475569;
      font-size: 0.98rem;
      line-height: 1.5;
    }

    @keyframes faqFadeUp {
      from {
        opacity: 0;
        transform: translateY(12px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @media (max-width: 1080px) {
      .faq-grid {
        grid-template-columns: 1fr;
        gap: 28px;
      }

      .faq-intro,
      .faq-intro p {
        max-width: 720px;
      }
    }

    @media (max-width: 760px) {
      .faq-section .container,
      .faq-grid {
        width: min(100% - 32px, var(--max));
      }

      .faq-stat-card,
      .faq-cta-card {
        grid-template-columns: 1fr;
      }

      .faq-question {
        grid-template-columns: auto minmax(0, 1fr) auto;
        min-height: 64px;
        padding: 16px;
      }

      .faq-number {
        width: 34px;
        height: 34px;
      }

      .faq-answer {
        margin: 0 16px 16px;
        padding: 15px;
      }

      .faq-intro-cta,
      .faq-cta-card .button {
        width: 100%;
      }
    }

    /* Unified lower-page grid: Process, Testimonials, FAQ, Contact */
    .process-section > .container,
    .testimonials > .container,
    .faq-section > .container,
    .footer-contact > .container,
    .footer-main > .container {
      width: min(100% - 48px, var(--max));
      max-width: var(--max);
      margin-right: auto;
      margin-left: auto;
    }

    .process-section .section-head,
    .testimonials .section-head,
    .faq-intro {
      width: 100%;
      max-width: 720px;
      margin-right: 0;
      margin-bottom: 30px;
      margin-left: 0;
      text-align: left;
    }

    .process-section .section-head h2,
    .testimonials .section-head h2,
    .faq-intro h2 {
      max-width: 720px;
      margin-bottom: 10px;
      color: var(--ink);
      font-size: clamp(2.25rem, 4vw, 3rem);
      line-height: 1.08;
      font-weight: 700;
      letter-spacing: 0;
    }

    .process-section .section-head p,
    .testimonials .section-head p,
    .faq-intro p {
      max-width: 690px;
      color: var(--muted);
      font-size: 1.04rem;
      line-height: 1.62;
    }

    .process-timeline {
      position: relative;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 20px;
      padding-top: 64px;
      margin-top: 22px;
    }

    .process-timeline::before {
      left: 9%;
      right: 9%;
      top: 26px;
      height: 2px;
      background: linear-gradient(90deg, rgba(22, 60, 120, 0.18), rgba(46, 125, 225, 0.34), rgba(22, 60, 120, 0.18));
    }

    .process-timeline::after {
      left: 9%;
      right: 9%;
      top: 20px;
      height: 14px;
      background: radial-gradient(circle, #cbd5e1 0 3px, transparent 4px) 0 50% / 25% 100% repeat-x;
      opacity: 1;
    }

    .process-card {
      display: grid;
      grid-template-rows: auto auto 1fr;
      min-height: 248px;
      padding: 30px 22px 24px;
      border-radius: var(--radius);
    }

    .process-icon {
      width: 60px;
      height: 60px;
      margin-bottom: 20px;
    }

    .process-icon svg {
      width: 29px;
      height: 29px;
    }

    .process-node {
      top: -78px;
      width: 44px;
      height: 44px;
      font-size: 0.9rem;
    }

    .process-node::after {
      top: 44px;
      height: 34px;
    }

    .process-card h3 {
      min-height: auto;
      margin-bottom: 10px;
      font-size: 1rem;
      line-height: 1.24;
    }

    .process-card h3::after {
      margin-top: 10px;
    }

    .process-card p {
      font-size: 0.92rem;
      line-height: 1.55;
    }

    .testimonial-carousel {
      max-width: 100%;
      padding-right: 0;
      padding-left: 0;
      margin-top: 4px;
    }

    .testimonial-viewport {
      margin: 0 54px;
      overflow: hidden;
    }

    .testimonial-track {
      gap: 28px;
      align-items: stretch;
      transition: transform 0.36s ease;
    }

    .testimonial-card {
      flex: 0 0 calc((100% - 56px) / 3);
      min-height: 360px;
      padding: 32px;
      border-radius: var(--radius);
    }

    .testimonial-quote-mark {
      margin-bottom: 30px;
      font-size: 3.5rem;
      line-height: 0.75;
    }

    .testimonial-body {
      max-height: 170px;
      color: #334155;
      font-size: 1.02rem;
      line-height: 1.64;
    }

    .testimonial-card.is-expanded .testimonial-body {
      max-height: none;
    }

    .testimonial-author {
      margin-top: auto;
      padding-top: 20px;
    }

    .testimonial-author h3 {
      font-size: 1.04rem;
      line-height: 1.3;
    }

    .testimonial-author p {
      font-size: 0.94rem;
      line-height: 1.35;
    }

    .testimonial-nav {
      width: 44px;
      height: 44px;
      box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
    }

    .testimonial-prev {
      left: 0;
    }

    .testimonial-next {
      right: 0;
    }

    .faq-section .container,
    .faq-grid {
      width: min(100% - 48px, var(--max));
      max-width: var(--max);
      margin-right: auto;
      margin-left: auto;
    }

    .faq-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 28px;
      align-items: start;
    }

    .faq-intro {
      max-width: 720px;
      gap: 0;
    }

    .faq-content {
      display: grid;
      gap: 24px;
    }

    .faq-stat-card,
    .faq-intro-cta {
      display: none;
    }

    .faq-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 28px;
      align-items: start;
    }

    .faq-category {
      display: grid;
      gap: 14px;
    }

    .faq-category h3 {
      margin: 0 0 2px;
    }

    .faq-question {
      min-height: 74px;
      padding: 18px 20px;
      gap: 14px;
    }

    .faq-question-text {
      font-size: 1rem;
      line-height: 1.36;
    }

    .faq-answer {
      margin: 0 20px 20px 72px;
      padding: 15px 16px;
      line-height: 1.62;
    }

    .faq-panel {
      max-height: 0;
      overflow: hidden;
      opacity: 0;
      transition: max-height 0.28s ease, opacity 0.24s ease;
    }

    .faq-item.is-open .faq-panel {
      max-height: var(--faq-panel-height, 420px);
      opacity: 1;
    }

    .faq-cta-card {
      grid-template-columns: 56px minmax(0, 1fr) auto;
      padding: 24px;
      margin-top: 2px;
    }

    @media (max-width: 1080px) {
      .process-timeline {
        grid-template-columns: repeat(5, minmax(168px, 1fr));
        overflow-x: auto;
        padding-bottom: 12px;
        scroll-snap-type: x proximity;
      }

      .process-card {
        scroll-snap-align: start;
      }

      .testimonial-card {
        flex-basis: calc((100% - 28px) / 2);
      }
    }

    @media (max-width: 760px) {
      .process-section > .container,
      .testimonials > .container,
      .faq-section > .container,
      .footer-contact > .container,
      .footer-main > .container,
      .faq-grid {
        width: min(100% - 32px, var(--max));
      }

      .process-section .section-head h2,
      .testimonials .section-head h2,
      .faq-intro h2 {
        font-size: clamp(2rem, 9vw, 2.35rem);
      }

      .process-timeline {
        grid-template-columns: 1fr;
        gap: 18px;
        overflow: visible;
        padding-top: 0;
      }

      .process-timeline::before,
      .process-timeline::after,
      .process-node::after {
        display: none;
      }

      .process-node {
        position: static;
        grid-row: 1 / span 2;
        grid-column: 1;
        width: 38px;
        height: 38px;
        margin-bottom: 0;
        transform: none;
      }

      .process-card {
        grid-template-columns: 44px minmax(0, 1fr);
        grid-template-rows: auto auto;
        column-gap: 16px;
        align-items: start;
        min-height: auto;
        padding: 22px;
      }

      .process-icon {
        display: none;
      }

      .process-card h3,
      .process-card p {
        grid-column: 2;
      }

      .process-card h3 {
        margin-bottom: 8px;
      }

      .testimonial-viewport {
        margin: 0 34px;
      }

      .testimonial-track {
        gap: 20px;
      }

      .testimonial-card {
        flex-basis: 100%;
        min-height: 330px;
        padding: 26px;
      }

      .testimonial-nav {
        width: 40px;
        height: 40px;
      }

      .faq-list {
        grid-template-columns: 1fr;
        gap: 22px;
      }

      .faq-cta-card {
        grid-template-columns: 1fr;
      }

      .faq-question {
        min-height: 68px;
        padding: 16px;
      }

      .faq-answer {
        margin: 0 16px 16px;
      }
    }

    /* Contact and footer visual cleanup */
    .footer-contact,
    .footer-main {
      background: #F5F7FA;
    }

    .footer-contact-grid,
    .footer-main-grid {
      width: 100%;
    }

    .footer-coverage-card {
      display: grid;
      gap: 22px;
      padding: 30px;
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: var(--radius);
      box-shadow: var(--shadow);
    }

    .footer-coverage-visual {
      display: grid;
      min-height: 230px;
      place-items: center;
      overflow: hidden;
      background: #F5F7FA;
      border: 1px solid #e6edf7;
      border-radius: var(--radius-sm);
    }

    .footer-coverage-visual svg {
      width: min(100%, 460px);
      height: auto;
    }

    .footer-us-outline {
      fill: #F5F7FA;
      stroke: rgba(22, 60, 120, 0.42);
      stroke-width: 4;
      stroke-linejoin: round;
    }

    .footer-us-route {
      fill: none;
      stroke: rgba(22, 60, 120, 0.38);
      stroke-width: 3;
      stroke-dasharray: 8 9;
      stroke-linecap: round;
    }

    .footer-us-point {
      fill: var(--blue);
      stroke: #ffffff;
      stroke-width: 4;
    }

    .footer-coverage-content {
      display: grid;
      gap: 8px;
    }

    .footer-coverage-kicker {
      color: var(--blue);
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .footer-coverage-content h3 {
      margin: 0;
      color: var(--ink);
      font-size: clamp(1.45rem, 2vw, 1.9rem);
      line-height: 1.12;
      font-weight: 700;
    }

    .footer-coverage-content p {
      margin: 0;
      color: var(--muted);
      font-size: 1rem;
      line-height: 1.55;
    }

    .footer-coverage-content ul {
      display: grid;
      gap: 9px;
      margin: 14px 0 0;
      padding: 0;
      list-style: none;
    }

    .footer-coverage-content li {
      position: relative;
      padding-left: 22px;
      color: #334155;
      font-size: 0.96rem;
      line-height: 1.48;
    }

    .footer-coverage-content li::before {
      content: "";
      position: absolute;
      top: 0.62em;
      left: 0;
      width: 8px;
      height: 8px;
      background: var(--blue);
      border-radius: 999px;
      transform: translateY(-50%);
    }

    .footer-heading-accent,
    .footer-location-key {
      color: inherit;
    }

    .footer-contact-copy h2 {
      color: var(--ink);
    }

    .footer-contact-row,
    .footer-contact-row.footer-contact-row-accent {
      grid-template-columns: 52px minmax(0, 1fr);
      gap: 16px;
      min-height: 74px;
      padding: 12px;
      margin: -12px;
      border-color: transparent;
    }

    .footer-icon,
    .footer-contact-row-accent .footer-icon,
    .footer-contact-row:hover .footer-icon,
    .footer-contact-row:focus-within .footer-icon {
      color: var(--blue);
      background: #F5F7FA;
    }

    .footer-contact-row.footer-contact-row-accent h3,
    .footer-contact-row h3 {
      color: var(--ink);
    }

    .footer-contact-row.footer-contact-row-accent a,
    .footer-contact-row a,
    .footer-hours span:nth-child(even) {
      color: var(--blue);
    }

    .footer-contact-row:hover,
    .footer-contact-row:focus-within {
      background: #ffffff;
      border-color: rgba(22, 60, 120, 0.16);
      box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06);
    }

    .footer-col a:hover,
    .footer-col a:focus-visible,
    .footer-contact-link:hover,
    .footer-contact-link:focus-visible {
      color: var(--blue);
      text-decoration: underline;
      text-underline-offset: 4px;
      transform: none;
    }

    .footer-contact-link:hover svg,
    .footer-contact-link:focus-visible svg {
      color: var(--blue);
      transform: none;
    }

    .footer-link-arrow {
      width: auto;
      justify-content: flex-start;
      gap: 0;
      position: relative;
    }

    .footer-link-arrow::after {
      content: "";
      position: absolute;
      right: 0;
      bottom: -3px;
      left: 0;
      height: 1px;
      background: currentColor;
      transform: scaleX(0);
      transform-origin: left;
      transition: transform 0.18s ease;
    }

    .footer-link-arrow:hover::after,
    .footer-link-arrow:focus-visible::after {
      transform: scaleX(1);
    }

    .footer-social {
      width: 40px;
      height: 40px;
      display: grid;
      place-items: center;
      color: var(--blue);
      background: #F5F7FA;
      border: 1px solid #dbe7f7;
      border-radius: 999px;
      transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    }

    .footer-social svg,
    .footer-social.mail svg {
      width: 18px;
      height: 18px;
      fill: currentColor;
      stroke: none;
    }

    .footer-social.mail svg {
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
    }

    .footer-social:hover,
    .footer-social:focus-visible {
      color: #ffffff;
      background: var(--blue);
      border-color: var(--blue);
      transform: translateY(-2px);
    }

    @media (max-width: 760px) {
      .footer-coverage-card {
        padding: 24px;
      }

      .footer-coverage-visual {
        min-height: 190px;
      }
    }

    /* Hero portrait integration */
    .hero {
      overflow: hidden;
      background: #ffffff;
    }

    .hero::before {
      content: none;
    }

    .hero::after {
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      height: 92px;
      display: block;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff 88%);
      pointer-events: none;
    }

    .hero-inner {
      gap: 104px;
      grid-template-columns: minmax(0, 1.08fr) minmax(390px, 480px);
      align-items: start;
    }

    .hero-media {
      max-width: 434px;
      padding: 0;
      margin-top: 26px;
      isolation: isolate;
      background: transparent;
      border: 0;
      box-shadow: none;
    }

    .hero-media::before {
      content: none;
    }

    .hero-media::after {
      content: none;
    }

    .hero-photo {
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    .hero-photo::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
        linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0.55) 3%, rgba(255, 255, 255, 0) 15%),
        linear-gradient(0deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.14) 2%, rgba(255, 255, 255, 0) 6%);
    }

    .hero-photo img {
      display: block;
      width: 100%;
      max-height: 528px;
      border-radius: 0;
      object-fit: cover;
      object-position: 55% center;
      filter: contrast(1.05) saturate(0.98);
    }

    .proof-row li::before,
    .proof-row li:nth-child(2)::before,
    .proof-row li:nth-child(3)::before,
    .proof-row li:nth-child(4)::before,
    .proof-row li:nth-child(5)::before {
      background: var(--blue);
      box-shadow: 0 6px 16px rgba(22, 60, 120, 0.18);
    }

    .hero-trust-label {
      gap: 0;
      margin-bottom: 28px;
      padding: 0;
      color: #374151;
      font-size: clamp(1.125rem, 1.55vw, 1.25rem);
      font-weight: 600;
      line-height: 1.35;
      letter-spacing: 0.5px;
      white-space: nowrap;
    }

    .hero-trust-label::after {
      display: none;
    }

    .hero-trust-text {
      display: inline-block;
    }

    .hero h1 {
      margin-bottom: 0;
      line-height: 1.12;
    }

    .headline-support {
      margin-top: 14px;
      font-size: clamp(1.35rem, 2.15vw, 1.75rem);
      font-weight: 500;
      line-height: 1.28;
    }

    .hero-lead {
      max-width: 520px;
      margin-top: 24px;
      margin-bottom: 32px;
      line-height: 1.78;
    }

    .hero-actions {
      margin-bottom: 44px;
    }

    .hero-actions .button-secondary {
      border-color: #d8e0ec;
      background: #ffffff;
      box-shadow: 0 8px 18px rgba(15, 23, 42, 0.035);
    }

    .hero-actions .button-secondary:hover,
    .hero-actions .button-secondary:focus-visible {
      border-color: rgba(22, 60, 120, 0.24);
      box-shadow: 0 10px 22px rgba(15, 23, 42, 0.055);
    }

    .proof-row {
      gap: 12px;
    }

    .proof-row li {
      min-height: 32px;
    }

    @media (max-width: 1023px) {
      .hero-inner {
        grid-template-columns: 1fr;
        grid-template-areas:
          "copy"
          "media";
        gap: 48px;
      }

      .hero-copy {
        width: 100%;
        max-width: 700px;
        min-width: 0;
      }

      .hero-media {
        max-width: 380px;
        margin-top: 0;
        justify-self: start;
      }
    }

    @media (max-width: 639px) {
      .hero::before {
        top: auto;
        right: -30%;
        bottom: 80px;
        width: 100%;
        height: 360px;
        opacity: 0.1;
      }

      .hero-inner {
        grid-template-columns: 1fr;
        grid-template-areas:
          "copy"
          "media";
        gap: 32px;
      }

      .hero-copy {
        width: 100%;
        min-width: 0;
      }

      .hero-media {
        display: block;
        width: min(100%, 330px);
        max-width: 330px;
        padding: 0;
        justify-self: center;
        min-width: 0;
      }

      .hero-photo {
        display: block;
        width: 100%;
      }

      .hero-photo img {
        width: 100%;
        max-height: 405px;
      }

      .hero-media::before {
        content: none;
      }
    }

    /* Final visual polish and color system */
    :root {
      --deep-navy: #163C78;
      --champagne: #2E7DE1;
      --warm-white: #F5F7FA;
      --orange-accent: #2E7DE1;
      --ink: var(--deep-navy);
      --google-blue: var(--deep-navy);
      --blue: var(--deep-navy);
      --blue-dark: var(--deep-navy);
      --orange: var(--orange-accent);
      --orange-dark: #2E7DE1;
      --accent: var(--orange-accent);
      --soft: var(--warm-white);
      --line: #e5e7eb;
    }

    body {
      background: var(--warm-white);
    }

    .site-header,
    .hero,
    .lead-approach,
    .industries,
    .testimonials {
      background: #ffffff;
    }

    #services,
    .improvements,
    .cases-proof,
    .process-section,
    .faq-section,
    .footer-contact,
    .footer-main {
      background: var(--warm-white);
    }

    main > section:not(.hero) {
      padding-top: clamp(72px, 7vw, 104px);
      padding-bottom: clamp(72px, 7vw, 104px);
    }

    h1,
    h2,
    h3,
    .nav-links a {
      color: var(--deep-navy);
    }

    .brand-name,
    .footer-brand-name {
      color: #0f2247;
    }

    .brand-line,
    .footer-brand-line {
      color: rgba(15, 34, 71, 0.72);
    }

    .brand-infinity,
    .footer-infinity {
      color: #0f2247;
    }

    .brand-separator,
    .footer-brand-separator {
      background: #2E7DE1;
    }

    .brand-text:hover .brand-name,
    .brand-text:focus-visible .brand-name,
    .footer-brand-mark:hover .footer-brand-name,
    .footer-brand-mark:focus-visible .footer-brand-name {
      color: #2E7DE1;
    }

    .hero-trust-label {
      display: inline-flex;
      align-items: center;
      gap: 14px;
      margin-bottom: 12px;
      padding: 0;
      color: var(--champagne);
      font-size: clamp(1rem, 1.18vw, 1.125rem);
      font-weight: 600;
      line-height: 1.2;
      letter-spacing: 0.055em;
      white-space: nowrap;
    }

    .hero-trust-label::before {
      content: "";
      width: 52px;
      height: 1px;
      flex: 0 0 52px;
      background: var(--champagne);
      border-radius: 999px;
      opacity: 0.82;
    }

    .hero-trust-label::after {
      content: none;
      display: none;
    }

    .hero h1 {
      margin-top: 0;
    }

    .headline-main {
      color: var(--deep-navy);
    }

    .headline-support {
      display: block;
      margin-top: 10px;
      color: #3f4a5e;
    }

    @media (max-width: 760px) {
      .hero-trust-label {
        gap: 10px;
        font-size: 0.98rem;
        letter-spacing: 0.035em;
      }

      .hero-trust-label::before {
        width: 34px;
        flex-basis: 34px;
      }

      .headline-support {
        margin-top: 8px;
      }
    }

    .button-primary,
    .button-orange,
    .service-card .button,
    .contact-widget-toggle {
      color: #ffffff;
      background: var(--deep-navy);
      border-color: var(--deep-navy);
      box-shadow: 0 14px 30px rgba(22, 60, 120, 0.22);
    }

    .button-primary:hover,
    .button-primary:focus-visible,
    .button-orange:hover,
    .button-orange:focus-visible,
    .service-card .button:hover,
    .service-card .button:focus-visible,
    .contact-widget-toggle:hover,
    .contact-widget-toggle:focus-visible {
      background: var(--deep-navy);
      border-color: var(--deep-navy);
      box-shadow: 0 18px 38px rgba(22, 60, 120, 0.28);
      filter: brightness(0.94);
    }

    .button-secondary,
    .hero-actions .button-secondary {
      color: var(--deep-navy);
      border-color: rgba(22, 60, 120, 0.32);
      box-shadow: 0 8px 18px rgba(15, 23, 42, 0.03);
    }

    .button-secondary:hover,
    .button-secondary:focus-visible,
    .hero-actions .button-secondary:hover,
    .hero-actions .button-secondary:focus-visible {
      color: var(--deep-navy);
      border-color: rgba(22, 60, 120, 0.5);
      box-shadow: 0 10px 22px rgba(15, 23, 42, 0.05);
    }

    .proof-row li::before,
    .proof-row li:nth-child(2)::before,
    .proof-row li:nth-child(3)::before,
    .proof-row li:nth-child(4)::before,
    .proof-row li:nth-child(5)::before {
      width: 18px;
      height: 18px;
      flex-basis: 18px;
      background: rgba(15, 34, 71, 0.9);
      box-shadow: 0 5px 12px rgba(15, 34, 71, 0.14);
      font-size: 0.68rem;
    }

    .service-card,
    .improvement-card,
    .cases-proof .case-card,
    .industry-card,
    .testimonial-card {
      transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    }

    .service-card:hover,
    .service-card:focus-within,
    .improvement-card:hover,
    .improvement-card:focus-within,
    .cases-proof .case-card:hover,
    .cases-proof .case-card:focus-within,
    .industry-card:hover,
    .industry-card:focus-within,
    .testimonial-card:hover,
    .testimonial-card:focus-within {
      transform: translateY(-4px);
      border-color: rgba(46, 125, 225, 0.42);
      box-shadow: 0 18px 42px rgba(15, 34, 71, 0.1);
    }

    .service-card-icon {
      width: 40px;
      height: 40px;
      display: inline-grid;
      place-items: center;
      margin-bottom: 14px;
      color: var(--deep-navy);
      background: rgba(15, 34, 71, 0.06);
      border: 1px solid rgba(15, 34, 71, 0.1);
      border-radius: 12px;
      transition: color 0.22s ease, background 0.22s ease, transform 0.22s ease;
    }

    .service-card-icon svg {
      width: 21px;
      height: 21px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .service-card:hover .service-card-icon,
    .service-card:focus-within .service-card-icon {
      color: var(--orange-accent);
      background: rgba(46, 125, 225, 0.08);
      transform: translateY(-2px);
    }

    .service-kicker,
    .service-card:nth-child(2) .service-kicker,
    .service-card:nth-child(3) .service-kicker,
    .service-card:nth-child(4) .service-kicker {
      color: var(--champagne);
      opacity: 0.9;
    }

    .journey-flow::before {
      background: rgba(15, 34, 71, 0.22);
    }

    .journey-step:not(:last-child)::after {
      background: var(--deep-navy);
      opacity: 0.72;
    }

    .journey-step:not(:last-child)::before {
      border-color: var(--deep-navy);
      opacity: 0.72;
    }

    .journey-badge,
    .process-badge {
      display: inline-flex;
      align-items: center;
      width: fit-content;
      margin-bottom: 10px;
      padding: 5px 9px;
      color: var(--deep-navy);
      background: rgba(46, 125, 225, 0.14);
      border: 1px solid rgba(46, 125, 225, 0.36);
      border-radius: 999px;
      font-size: 0.66rem;
      font-weight: 700;
      line-height: 1;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .journey-step.is-active .journey-badge,
    .process-card:nth-child(3) .process-badge {
      color: var(--orange-accent);
      background: rgba(46, 125, 225, 0.08);
      border-color: rgba(46, 125, 225, 0.22);
    }

    .improvement-card {
      display: flex;
      flex-direction: column;
      padding: 30px;
    }

    .improvement-icon {
      width: 58px;
      height: 58px;
      color: var(--deep-navy);
    }

    .improvement-icon svg {
      width: 29px;
      height: 29px;
    }

    .improvement-visual {
      height: 86px;
      display: grid;
      place-items: center;
      margin-top: auto;
      padding: 10px;
      color: var(--deep-navy);
      background:
        linear-gradient(180deg, rgba(245, 247, 250, 0.7), rgba(255, 255, 255, 0.92));
      border: 1px solid rgba(46, 125, 225, 0.22);
      border-radius: 14px;
      overflow: hidden;
    }

    .improvement-visual svg {
      width: 100%;
      max-width: 180px;
      height: 76px;
      fill: none;
      stroke: currentColor;
      stroke-width: 3;
      stroke-linecap: round;
      stroke-linejoin: round;
      opacity: 0.92;
      transition: transform 0.25s ease, opacity 0.25s ease;
    }

    .improvement-visual rect,
    .improvement-visual path:not(.visual-accent-line) {
      stroke: rgba(15, 34, 71, 0.76);
    }

    .improvement-visual circle,
    .visual-accent-line {
      stroke: var(--champagne);
    }

    .improvement-funnel path {
      fill: rgba(46, 125, 225, 0.14);
    }

    .improvement-bars rect {
      fill: rgba(15, 34, 71, 0.08);
    }

    .improvement-card:hover .improvement-visual svg,
    .improvement-card:focus-within .improvement-visual svg {
      opacity: 1;
      transform: translateY(-2px);
    }

    .improvement-card:hover .improvement-visual,
    .improvement-card:focus-within .improvement-visual {
      background:
        linear-gradient(180deg, rgba(245, 247, 250, 0.88), rgba(255, 255, 255, 0.98));
      border-color: rgba(46, 125, 225, 0.38);
    }

    .case-filter {
      color: var(--deep-navy);
      background: rgba(46, 125, 225, 0.12);
      border-color: rgba(46, 125, 225, 0.35);
    }

    .case-filter.is-active,
    .case-filter[aria-pressed="true"] {
      color: #ffffff;
      background: var(--orange-accent);
      border-color: var(--orange-accent);
    }

    .case-number {
      color: var(--champagne);
      opacity: 0.24;
    }

    .case-summary {
      display: flex;
      flex-direction: column;
    }

    .case-outcome,
    .cases-proof .case-outcome {
      order: -1;
      margin: 0 0 16px;
      padding: 16px;
      background: rgba(46, 125, 225, 0.12);
      border: 1px solid var(--champagne);
      border-radius: 14px;
    }

    .case-outcome .case-label,
    .cases-proof .case-outcome .case-label {
      color: var(--deep-navy);
      background: transparent;
      padding: 0;
      margin-bottom: 7px;
      font-size: 0.73rem;
      letter-spacing: 0.06em;
    }

    .case-outcome p,
    .cases-proof .case-outcome p {
      color: var(--deep-navy);
      font-weight: 650;
    }

    .case-label {
      display: inline-flex;
      width: fit-content;
      padding: 4px 8px;
      color: var(--deep-navy);
      background: rgba(46, 125, 225, 0.12);
      border-radius: 999px;
    }

    .industry-arrow {
      display: none;
    }

    .process-timeline::before {
      background: rgba(46, 125, 225, 0.24);
      opacity: 0.75;
    }

    .process-timeline::after {
      opacity: 0.34;
    }

    .process-node {
      color: var(--deep-navy);
      background: var(--champagne);
      box-shadow: 0 10px 22px rgba(46, 125, 225, 0.22);
    }

    .process-card:nth-child(3) .process-node {
      color: #ffffff;
      background: var(--orange-accent);
      box-shadow: 0 12px 26px rgba(46, 125, 225, 0.24);
    }

    .testimonial-card {
      min-height: 430px;
      padding: 32px;
      background: #ffffff;
      border: 1px solid rgba(46, 125, 225, 0.25);
      border-radius: 24px;
      box-shadow: 0 14px 34px rgba(15, 34, 71, 0.07);
    }

    .testimonial-trust {
      display: inline-flex;
      align-items: center;
      margin-bottom: 8px;
      color: var(--champagne);
      font-size: 0.78rem;
      font-weight: 750;
      line-height: 1.2;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .testimonials .section-head {
      margin-bottom: 24px;
    }

    .testimonials .section-head h2 {
      margin-bottom: 8px;
    }

    .testimonial-body {
      position: relative;
      max-height: 150px;
      margin-top: 0;
      color: #273348;
      font-size: 1.12rem;
      line-height: 1.66;
      overflow: hidden;
      transition: max-height 0.34s ease;
    }

    .testimonial-body::after {
      content: "";
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      height: 42px;
      pointer-events: none;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff 82%);
      transition: opacity 0.24s ease;
    }

    .testimonial-card.is-expanded .testimonial-body {
      max-height: 420px;
    }

    .testimonial-card.is-expanded .testimonial-body::after {
      opacity: 0;
    }

    .testimonial-quote-mark {
      margin: 20px 0 8px;
      color: var(--champagne);
      font-size: 4.4rem;
      line-height: 0.72;
    }

    .testimonial-author {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-top: 0;
      padding-top: 0;
      border-top: 0;
    }

    .testimonial-logo {
      width: 56px;
      height: 56px;
      display: inline-grid;
      flex: 0 0 56px;
      place-items: center;
      color: var(--deep-navy);
      background: #ffffff;
      border: 1px solid rgba(46, 125, 225, 0.28);
      border-radius: 50%;
      box-shadow: 0 10px 22px rgba(15, 34, 71, 0.08);
      overflow: hidden;
    }

    .testimonial-logo img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .testimonial-logo-image img {
      padding: 4px;
      border-radius: 50%;
    }

    .testimonial-logo-starline img {
      width: 31px;
      height: 31px;
      padding: 0;
      object-fit: contain;
      image-rendering: auto;
    }

    .testimonial-logo-print {
      background: #ffffff;
      border-color: rgba(15, 34, 71, 0.12);
    }

    .testimonial-logo-spa,
    .testimonial-logo-verified {
      color: var(--deep-navy);
      background: rgba(46, 125, 225, 0.14);
    }

    .testimonial-logo svg {
      width: 31px;
      height: 31px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2.2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .testimonial-author h3 {
      color: var(--deep-navy);
      font-size: 1.04rem;
      font-weight: 650;
    }

    .testimonial-author p {
      color: #64748b;
      font-size: 0.9rem;
      line-height: 1.35;
    }

    .testimonial-recommend {
      display: inline-flex;
      width: fit-content;
      margin-top: 16px;
      color: var(--champagne);
      font-size: 0.82rem;
      font-weight: 700;
      line-height: 1.2;
    }

    .testimonial-read {
      margin-top: 12px;
      color: var(--deep-navy);
      font-size: 0.9rem;
      font-weight: 750;
    }

    .testimonial-read:hover,
    .testimonial-read:focus-visible {
      color: var(--orange-accent);
    }

    .testimonial-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: auto;
      padding-top: 22px;
    }

    .testimonial-tags span {
      display: inline-flex;
      align-items: center;
      min-height: 28px;
      padding: 6px 10px;
      color: var(--deep-navy);
      background: rgba(245, 247, 250, 0.92);
      border: 1px solid rgba(46, 125, 225, 0.22);
      border-radius: 999px;
      font-size: 0.75rem;
      font-weight: 650;
      line-height: 1;
    }

    .testimonial-card:hover,
    .testimonial-card:focus-within {
      border-color: rgba(46, 125, 225, 0.55);
      box-shadow: 0 20px 48px rgba(15, 34, 71, 0.11);
    }

    .testimonial-card:hover .testimonial-logo,
    .testimonial-card:focus-within .testimonial-logo {
      border-color: rgba(46, 125, 225, 0.55);
    }

    .testimonial-nav {
      width: 40px;
      height: 40px;
      color: var(--deep-navy);
      background: rgba(255, 255, 255, 0.92);
      border: 1px solid rgba(15, 34, 71, 0.22);
      box-shadow: 0 10px 24px rgba(15, 34, 71, 0.08);
    }

    .testimonial-nav:hover,
    .testimonial-nav:focus-visible {
      color: var(--orange-accent);
      background: #ffffff;
      border-color: rgba(46, 125, 225, 0.4);
      box-shadow: 0 14px 30px rgba(15, 34, 71, 0.1);
      transform: translateY(-50%) scale(1.03);
    }

    .testimonial-dots button[aria-current="true"] {
      background: var(--deep-navy);
    }

    .testimonial-dots button:hover,
    .testimonial-dots button:focus-visible {
      background: var(--orange-accent);
    }

    .testimonial-footer-card {
      display: grid;
      grid-template-columns: 56px minmax(0, 1fr) auto;
      gap: 18px;
      align-items: center;
      margin: 34px 54px 0;
      padding: 24px;
      background: linear-gradient(135deg, #ffffff 0%, rgba(245, 247, 250, 0.94) 100%);
      border: 1px solid rgba(46, 125, 225, 0.3);
      border-radius: 22px;
      box-shadow: 0 14px 34px rgba(15, 34, 71, 0.06);
    }

    .testimonial-footer-icon {
      width: 56px;
      height: 56px;
      display: grid;
      place-items: center;
      color: var(--deep-navy);
      background: rgba(46, 125, 225, 0.14);
      border-radius: 18px;
    }

    .testimonial-footer-icon svg {
      width: 28px;
      height: 28px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .testimonial-footer-card p {
      margin: 0;
      color: var(--deep-navy);
      font-size: 1rem;
      line-height: 1.55;
      font-weight: 650;
    }

    .testimonial-footer-card .button {
      min-width: 138px;
    }

    @media (max-width: 1080px) {
      .testimonial-footer-card {
        grid-template-columns: 52px minmax(0, 1fr);
        margin-right: 34px;
        margin-left: 34px;
      }

      .testimonial-footer-card .button {
        grid-column: 2;
        justify-self: start;
      }
    }

    @media (max-width: 760px) {
      .testimonial-trust {
        font-size: 0.72rem;
        letter-spacing: 0.05em;
      }

      .testimonial-card {
        min-height: auto;
      }

      .testimonial-author {
        align-items: flex-start;
      }

      .testimonial-logo {
        width: 50px;
        height: 50px;
        flex-basis: 50px;
      }

      .testimonial-body {
        max-height: 168px;
        font-size: 1.04rem;
      }

      .testimonial-footer-card {
        grid-template-columns: 1fr;
        margin: 28px 34px 0;
        padding: 22px;
      }

      .testimonial-footer-card .button {
        grid-column: auto;
        justify-self: stretch;
      }
    }

    .faq-number {
      width: 30px;
      height: 30px;
      color: var(--deep-navy);
      background: rgba(15, 34, 71, 0.08);
    }

    .faq-question:hover,
    .faq-question:focus-visible {
      transform: translateY(-2px);
      border-color: rgba(46, 125, 225, 0.45);
      box-shadow: 0 12px 26px rgba(15, 34, 71, 0.07);
    }

    .faq-question:hover .faq-number,
    .faq-question:focus-visible .faq-number {
      color: var(--deep-navy);
      background: rgba(46, 125, 225, 0.24);
    }

    .faq-cta-card {
      background: #ffffff;
      border-color: rgba(46, 125, 225, 0.28);
      box-shadow: 0 14px 34px rgba(15, 34, 71, 0.06);
    }

    .faq-cta-icon {
      color: var(--deep-navy);
      background: rgba(46, 125, 225, 0.12);
      border: 1px solid rgba(46, 125, 225, 0.24);
    }

    .faq-cta-card h3 {
      color: var(--deep-navy);
    }

    .footer-coverage-content h3 {
      color: var(--deep-navy);
      font-size: clamp(1.6rem, 2.2vw, 2rem);
    }

    .footer-coverage-badge {
      display: inline-flex;
      width: fit-content;
      margin: 4px 0 8px;
      padding: 7px 12px;
      color: var(--deep-navy);
      background: rgba(46, 125, 225, 0.1);
      border: 1px solid rgba(46, 125, 225, 0.28);
      border-radius: 999px;
      font-size: 0.88rem;
      font-weight: 700;
    }

    .site-footer,
    .footer-main {
      border-top-color: rgba(46, 125, 225, 0.2);
    }

    .footer-socials {
      margin-top: 14px;
    }

    .footer-social {
      color: var(--deep-navy);
      background: rgba(15, 34, 71, 0.06);
      border-color: rgba(15, 34, 71, 0.1);
    }

    .footer-social:hover,
    .footer-social:focus-visible {
      color: var(--orange-accent);
      background: #ffffff;
      border-color: rgba(46, 125, 225, 0.28);
    }

    /* Common Problems section */
    .common-problems {
      position: relative;
      overflow: hidden;
      background: var(--warm-white);
    }

    .common-problems .section-head {
      max-width: 760px;
    }

    .section-label {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 12px;
      color: var(--champagne);
      font-size: 0.78rem;
      font-weight: 800;
      letter-spacing: 0.1em;
      line-height: 1.2;
      text-transform: uppercase;
    }

    .section-label::before {
      content: "";
      width: 42px;
      height: 2px;
      background: var(--champagne);
      border-radius: 999px;
      opacity: 0.8;
    }

    .section-kicker {
      display: inline-flex;
      align-items: center;
      gap: 14px;
      margin: 0 0 14px;
      color: var(--champagne);
      font-size: 0.98rem;
      font-weight: 700;
      letter-spacing: 0.07em;
      line-height: 1.2;
    }

    .section-kicker::before {
      content: "";
      width: 58px;
      height: 2px;
      background: currentColor;
      border-radius: 999px;
      opacity: 0.9;
    }

    .footer-contact-copy .section-kicker {
      margin-bottom: 18px;
    }

    .problems-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 22px;
      margin-top: 34px;
    }

    .problem-card {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(96px, 34%);
      gap: 18px;
      align-items: stretch;
      min-height: 260px;
      padding: 24px;
      background: #ffffff;
      border: 1px solid rgba(46, 125, 225, 0.18);
      border-radius: 20px;
      box-shadow: 0 14px 34px rgba(15, 34, 71, 0.06);
      transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    }

    .problem-card:hover,
    .problem-card:focus-within {
      transform: translateY(-4px);
      border-color: rgba(46, 125, 225, 0.42);
      box-shadow: 0 20px 44px rgba(15, 34, 71, 0.1);
    }

    .problem-copy {
      display: grid;
      align-content: start;
      min-width: 0;
    }

    .problem-icon {
      position: relative;
      width: 54px;
      height: 54px;
      display: grid;
      place-items: center;
      margin-bottom: 20px;
      color: var(--deep-navy);
      background: rgba(15, 34, 71, 0.06);
      border: 1px solid rgba(15, 34, 71, 0.1);
      border-radius: 999px;
    }

    .problem-icon::after {
      content: "";
      position: absolute;
      right: 7px;
      bottom: 7px;
      width: 10px;
      height: 10px;
      background: var(--champagne);
      border-radius: 999px;
      opacity: 0.9;
    }

    .problem-icon svg {
      width: 25px;
      height: 25px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .problem-card h3 {
      margin: 0 0 10px;
      color: var(--deep-navy);
      font-size: 1.08rem;
      line-height: 1.25;
      font-weight: 750;
    }

    .problem-card p {
      margin: 0;
      color: #475569;
      font-size: 0.94rem;
      line-height: 1.62;
    }

    .problem-accent {
      color: var(--orange-accent);
      font-weight: 750;
    }

    .problem-visual {
      position: relative;
      overflow: hidden;
      display: grid;
      place-items: center;
      min-height: 172px;
      padding: 10px;
      align-self: stretch;
      border-radius: 18px;
      border: 1px solid rgba(46, 125, 225, 0.2);
      background:
        linear-gradient(135deg, rgba(245, 247, 250, 0.96), rgba(255, 255, 255, 0.86)),
        radial-gradient(circle at 12% 14%, rgba(46, 125, 225, 0.22), transparent 28%),
        radial-gradient(circle at 88% 88%, rgba(15, 34, 71, 0.1), transparent 34%);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
      opacity: 0.94;
    }

    .problem-visual::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image: radial-gradient(rgba(15, 34, 71, 0.1) 1px, transparent 1px);
      background-size: 12px 12px;
      opacity: 0.28;
      pointer-events: none;
    }

    .problem-visual-svg {
      position: relative;
      z-index: 1;
      width: 100%;
      height: 100%;
      min-height: 150px;
      display: block;
      overflow: visible;
    }

    .problem-visual-svg text {
      font-family: inherit;
    }

    .problems-cta {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      margin-top: 28px;
      padding: 22px 24px;
      color: var(--deep-navy);
      background: #ffffff;
      border: 1px solid rgba(46, 125, 225, 0.28);
      border-radius: 20px;
      box-shadow: 0 12px 30px rgba(15, 34, 71, 0.05);
    }

    .problems-cta p {
      margin: 0;
      font-weight: 650;
      line-height: 1.5;
    }

    .problems-cta .text-link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 46px;
      padding: 12px 18px;
      color: #ffffff;
      font-weight: 800;
      background: var(--orange-accent);
      border: 0;
      border-radius: 14px;
      cursor: pointer;
      box-shadow: 0 14px 30px rgba(46, 125, 225, 0.22);
      transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
    }

    .problems-cta .text-link:hover,
    .problems-cta .text-link:focus-visible {
      background: #163C78;
      box-shadow: 0 18px 36px rgba(22, 60, 120, 0.26);
      transform: translateY(-2px);
      text-decoration: none;
      outline: 0;
    }

    .common-problems::before {
      content: "";
      position: absolute;
      right: -120px;
      top: 30px;
      width: 420px;
      height: 280px;
      pointer-events: none;
      opacity: 0.065;
      background:
        radial-gradient(circle, var(--deep-navy) 1.3px, transparent 2px) 0 0 / 22px 22px,
        url("data:image/svg+xml,%3Csvg width='420' height='280' viewBox='0 0 420 280' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 208C86 160 140 190 192 132C246 72 300 106 392 58' stroke='%230F2247' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='192' cy='132' r='6' fill='%232E7DE1'/%3E%3Ccircle cx='300' cy='106' r='6' fill='%232E7DE1'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .common-problems::after {
      content: "";
      position: absolute;
      left: -130px;
      bottom: 28px;
      width: 340px;
      height: 220px;
      pointer-events: none;
      opacity: 0.055;
      background:
        linear-gradient(90deg, rgba(15, 34, 71, 0.48) 1px, transparent 1px) 0 0 / 38px 38px,
        linear-gradient(0deg, rgba(15, 34, 71, 0.48) 1px, transparent 1px) 0 0 / 38px 38px;
      transform: rotate(-7deg);
    }

    .common-problems > .container {
      position: relative;
      z-index: 1;
    }

    @media (max-width: 980px) {
      .problems-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .problem-card {
        grid-template-columns: minmax(0, 1fr) minmax(90px, 32%);
      }
    }

    @media (max-width: 640px) {
      .problems-grid {
        grid-template-columns: 1fr;
      }

      .problem-card {
        grid-template-columns: minmax(0, 1fr) minmax(92px, 30%);
        min-height: auto;
        padding: 20px;
        gap: 14px;
      }

      .problem-icon {
        width: 48px;
        height: 48px;
        margin-bottom: 16px;
      }

      .problem-visual {
        min-height: 148px;
      }

      .problems-cta {
        align-items: flex-start;
        flex-direction: column;
      }

      .problems-cta .text-link {
        width: 100%;
      }
    }

    @media (max-width: 460px) {
      .problem-card {
        grid-template-columns: 1fr;
      }

      .problem-visual {
        min-height: 150px;
      }
    }

    /* Subtle background visual system: analytics-inspired watermarks */
    .hero,
    .common-problems,
    #services,
    .improvements,
    .cases-proof,
    .industries,
    .testimonials,
    .footer-contact,
    .footer-main {
      position: relative;
      overflow: hidden;
    }

    .hero > .container,
    #services > .container,
    .improvements > .container,
    .cases-proof > .container,
    .industries > .container,
    .testimonials > .container,
    .footer-contact > .container,
    .footer-main > .container {
      position: relative;
      z-index: 1;
    }

    .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      background:
        radial-gradient(circle, rgba(15, 34, 71, 0.075) 1.3px, transparent 2px) 6% 12% / 24px 24px,
        radial-gradient(circle, rgba(46, 125, 225, 0.07) 1.4px, transparent 2.1px) 82% 18% / 28px 28px;
    }

    .hero::after {
      z-index: 0;
    }

    .hero-inner {
      position: relative;
      z-index: 1;
    }

    .hero-inner::before {
      content: "";
      position: absolute;
      top: 7%;
      right: -8%;
      z-index: 0;
      width: min(38vw, 520px);
      height: 160px;
      opacity: 0.065;
      pointer-events: none;
      background: url("data:image/svg+xml,%3Csvg width='520' height='160' viewBox='0 0 520 160' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 116C68 82 116 94 164 60C211 27 261 53 305 35C357 14 404 33 458 22' stroke='%232E7DE1' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M18 136H502M18 88H502M18 40H502' stroke='%230F2247' stroke-width='1.5' stroke-dasharray='6 14'/%3E%3Ccircle cx='164' cy='60' r='7' fill='%230F2247'/%3E%3Ccircle cx='305' cy='35' r='7' fill='%230F2247'/%3E%3Ccircle cx='458' cy='22' r='7' fill='%230F2247'/%3E%3C/svg%3E") center / contain no-repeat;
      transform: rotate(-3deg);
    }

    .hero-inner::after {
      content: "";
      position: absolute;
      top: 18%;
      right: -8%;
      z-index: 0;
      width: min(48vw, 620px);
      height: 250px;
      pointer-events: none;
      opacity: 0.06;
      background: url("data:image/svg+xml,%3Csvg width='620' height='250' viewBox='0 0 620 250' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 186C102 142 149 158 221 104C297 48 343 91 416 58C491 24 541 47 604 18' stroke='%230F2247' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M18 218H604M18 154H604M18 90H604M84 24V226M196 24V226M308 24V226M420 24V226M532 24V226' stroke='%230F2247' stroke-width='1.5' stroke-dasharray='5 12'/%3E%3Ccircle cx='221' cy='104' r='7' fill='%232E7DE1'/%3E%3Ccircle cx='416' cy='58' r='7' fill='%232E7DE1'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .hero-copy,
    .hero-media {
      position: relative;
      z-index: 1;
    }

    #services::before {
      content: "";
      position: absolute;
      top: 24px;
      right: -140px;
      width: 430px;
      height: 280px;
      pointer-events: none;
      opacity: 0.075;
      background:
        radial-gradient(circle, var(--deep-navy) 1px, transparent 1.8px) 0 0 / 22px 22px,
        url("data:image/svg+xml,%3Csvg width='430' height='280' viewBox='0 0 430 280' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 208L112 126L197 166L287 82L399 118' stroke='%230F2247' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='112' cy='126' r='5' fill='%232E7DE1'/%3E%3Ccircle cx='197' cy='166' r='5' fill='%232E7DE1'/%3E%3Ccircle cx='287' cy='82' r='5' fill='%232E7DE1'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    #services::after {
      content: "";
      position: absolute;
      bottom: 8%;
      left: -110px;
      width: 310px;
      height: 230px;
      pointer-events: none;
      opacity: 0.065;
      background:
        linear-gradient(90deg, rgba(15, 34, 71, 0.45) 1px, transparent 1px) 0 0 / 36px 36px,
        linear-gradient(0deg, rgba(15, 34, 71, 0.45) 1px, transparent 1px) 0 0 / 36px 36px;
      transform: rotate(-8deg);
    }

    .improvements::before {
      content: "";
      position: absolute;
      top: 18%;
      left: 50%;
      width: min(74vw, 920px);
      height: 220px;
      pointer-events: none;
      opacity: 0.065;
      background: url("data:image/svg+xml,%3Csvg width='920' height='220' viewBox='0 0 920 220' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 152C156 96 237 185 362 116C493 44 575 151 704 82C775 44 840 48 898 68' stroke='%230F2247' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M22 180H898M22 116H898M22 52H898' stroke='%230F2247' stroke-width='1' stroke-dasharray='6 14'/%3E%3Ccircle cx='362' cy='116' r='7' fill='%232E7DE1'/%3E%3Ccircle cx='704' cy='82' r='7' fill='%232E7DE1'/%3E%3C/svg%3E") center / contain no-repeat;
      transform: translateX(-50%);
    }

    .improvements::after {
      content: "";
      position: absolute;
      right: -80px;
      bottom: 10%;
      width: 340px;
      height: 180px;
      pointer-events: none;
      opacity: 0.06;
      background: radial-gradient(circle, var(--champagne) 1.3px, transparent 1.9px) 0 0 / 20px 20px;
    }

    .cases-proof::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      opacity: 0.052;
      background:
        linear-gradient(90deg, rgba(15, 34, 71, 0.55) 1px, transparent 1px) 0 0 / 56px 56px,
        linear-gradient(0deg, rgba(15, 34, 71, 0.55) 1px, transparent 1px) 0 0 / 56px 56px;
    }

    .cases-proof::after {
      content: "";
      position: absolute;
      top: 34px;
      left: -60px;
      width: 360px;
      height: 150px;
      pointer-events: none;
      opacity: 0.066;
      background: url("data:image/svg+xml,%3Csvg width='360' height='150' viewBox='0 0 360 150' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 112C58 84 98 106 139 72C180 38 216 60 253 42C294 22 326 28 348 18' stroke='%232E7DE1' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M12 128H348M12 78H348M12 28H348' stroke='%230F2247' stroke-width='1' stroke-dasharray='5 12'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .industries::before {
      content: "";
      position: absolute;
      top: 10%;
      right: -90px;
      width: 320px;
      height: 320px;
      pointer-events: none;
      opacity: 0.065;
      background: radial-gradient(circle, var(--deep-navy) 1.5px, transparent 2.2px) 0 0 / 22px 22px;
      border-radius: 50%;
    }

    .industries::after {
      content: "";
      position: absolute;
      bottom: 10%;
      left: -110px;
      width: 390px;
      height: 220px;
      pointer-events: none;
      opacity: 0.06;
      background: url("data:image/svg+xml,%3Csvg width='390' height='220' viewBox='0 0 390 220' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 164L118 84L208 126L302 54L366 72' stroke='%230F2247' stroke-width='2'/%3E%3Ccircle cx='30' cy='164' r='5' fill='%232E7DE1'/%3E%3Ccircle cx='118' cy='84' r='5' fill='%232E7DE1'/%3E%3Ccircle cx='208' cy='126' r='5' fill='%232E7DE1'/%3E%3Ccircle cx='302' cy='54' r='5' fill='%232E7DE1'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .testimonials::before {
      content: "";
      position: absolute;
      top: 44px;
      right: 5%;
      width: 190px;
      height: 190px;
      display: block;
      pointer-events: none;
      opacity: 0.038;
      background: radial-gradient(circle, var(--deep-navy) 1.4px, transparent 2px) 0 0 / 18px 18px;
    }

    .footer-contact::after {
      content: "\221E";
      position: absolute;
      right: -36px;
      bottom: -120px;
      z-index: 0;
      color: var(--deep-navy);
      font-size: clamp(12rem, 22vw, 24rem);
      font-weight: 800;
      line-height: 1;
      opacity: 0.04;
      pointer-events: none;
    }

    .footer-main::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      opacity: 0.032;
      background:
        linear-gradient(90deg, var(--deep-navy) 1px, transparent 1px) 0 0 / 42px 42px,
        linear-gradient(0deg, var(--deep-navy) 1px, transparent 1px) 0 0 / 42px 42px;
    }

    .footer-main::after {
      content: "";
      position: absolute;
      right: -70px;
      bottom: 14px;
      width: 360px;
      height: 120px;
      pointer-events: none;
      opacity: 0.038;
      background: url("data:image/svg+xml,%3Csvg width='360' height='120' viewBox='0 0 360 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 92C70 68 94 88 148 54C204 19 248 45 302 22C324 12 342 12 354 16' stroke='%230F2247' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    @media (max-width: 760px) {
      .hero-inner::before,
      .hero-inner::after {
        display: none;
      }

      #services::before,
      #services::after,
      .improvements::before,
      .improvements::after,
      .cases-proof::after,
      .industries::before,
      .industries::after {
        transform: none;
        opacity: 0.035;
      }

      .footer-contact::after {
        right: -80px;
        bottom: -64px;
        font-size: 13rem;
      }
    }

    /* Interface-style background accents: visible enough to read as UI, quiet enough to stay decorative */
    .common-problems,
    .lead-approach,
    .process-section,
    .faq-section {
      position: relative;
      overflow: hidden;
    }

    .common-problems > .container,
    .lead-approach > .container,
    .process-section > .container,
    .faq-section > .container {
      position: relative;
      z-index: 1;
    }

    .hero::before {
      background:
        radial-gradient(circle, rgba(15, 34, 71, 0.16) 1.35px, transparent 2px) 6% 12% / 24px 24px,
        radial-gradient(circle, rgba(46, 125, 225, 0.15) 1.4px, transparent 2.1px) 82% 18% / 28px 28px;
      opacity: 0.62;
    }

    .hero-inner::before,
    .hero-inner::after,
    .common-problems::before,
    .common-problems::after,
    #services::before,
    #services::after,
    .lead-approach::before,
    .lead-approach::after,
    .improvements::before,
    .improvements::after,
    .cases-proof::before,
    .cases-proof::after,
    .industries::before,
    .industries::after,
    .process-section::before,
    .process-section::after,
    .testimonials::before,
    .faq-section::before,
    .faq-section::after,
    .footer-main::after {
      z-index: 0;
      pointer-events: none;
      filter: saturate(0.9);
    }

    .hero-inner::before {
      top: 4%;
      right: -5%;
      width: min(34vw, 430px);
      height: 190px;
      opacity: 0.18;
      background: url("data:image/svg+xml,%3Csvg width='430' height='190' viewBox='0 0 430 190' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='18' y='20' width='238' height='132' rx='20' fill='white' stroke='%230F2247' stroke-width='2'/%3E%3Ccircle cx='48' cy='54' r='8' fill='%232E7DE1'/%3E%3Crect x='70' y='46' width='112' height='14' rx='7' fill='%230F2247'/%3E%3Crect x='42' y='86' width='174' height='12' rx='6' fill='%230F2247' fill-opacity='.42'/%3E%3Crect x='42' y='112' width='58' height='16' rx='8' fill='%232E7DE1'/%3E%3Crect x='112' y='112' width='86' height='16' rx='8' fill='%230F2247' fill-opacity='.32'/%3E%3Crect x='276' y='56' width='118' height='44' rx='22' fill='white' stroke='%232E7DE1' stroke-width='2'/%3E%3Ccircle cx='304' cy='78' r='8' fill='%230F2247'/%3E%3Crect x='322' y='72' width='44' height='12' rx='6' fill='%232E7DE1'/%3E%3C/svg%3E") center / contain no-repeat;
      transform: rotate(-4deg);
    }

    .hero-inner::after {
      top: auto;
      right: auto;
      bottom: 7%;
      left: -7%;
      width: min(34vw, 380px);
      height: 170px;
      opacity: 0.14;
      background: url("data:image/svg+xml,%3Csvg width='380' height='170' viewBox='0 0 380 170' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44 102C88 56 129 120 168 84C207 48 244 48 292 92' stroke='%230F2247' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M70 118C112 92 148 116 188 78C226 42 262 68 312 50' stroke='%232E7DE1' stroke-width='4' stroke-linecap='round' stroke-dasharray='10 13'/%3E%3Ccircle cx='44' cy='102' r='15' fill='white' stroke='%230F2247' stroke-width='3'/%3E%3Ccircle cx='168' cy='84' r='15' fill='white' stroke='%232E7DE1' stroke-width='3'/%3E%3Ccircle cx='292' cy='92' r='15' fill='white' stroke='%230F2247' stroke-width='3'/%3E%3Crect x='232' y='28' width='92' height='40' rx='20' fill='white' stroke='%232E7DE1' stroke-width='2'/%3E%3Cpath d='M258 49l11 11 25-27' stroke='%232E7DE1' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
      transform: rotate(5deg);
    }

    .common-problems::before {
      content: "";
      position: absolute;
      top: 50px;
      right: -76px;
      width: 330px;
      height: 170px;
      opacity: 0.14;
      background: url("data:image/svg+xml,%3Csvg width='330' height='170' viewBox='0 0 330 170' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='34' y='30' width='220' height='104' rx='20' fill='white' stroke='%230F2247' stroke-width='2'/%3E%3Ccircle cx='72' cy='70' r='15' fill='%232E7DE1'/%3E%3Cpath d='M66 70h12M72 64v12' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M106 56h86M106 80h112M106 104h68' stroke='%230F2247' stroke-width='9' stroke-linecap='round' opacity='.36'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .common-problems::after {
      content: "";
      position: absolute;
      bottom: 8%;
      left: -74px;
      width: 280px;
      height: 130px;
      opacity: 0.11;
      background: url("data:image/svg+xml,%3Csvg width='280' height='130' viewBox='0 0 280 130' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='30' y='30' width='184' height='70' rx='18' fill='white' stroke='%232E7DE1' stroke-width='2'/%3E%3Cpath d='M64 66h72' stroke='%230F2247' stroke-width='8' stroke-linecap='round'/%3E%3Cpath d='m126 50 22 16-22 16' stroke='%230F2247' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    #services::before {
      top: 48px;
      right: -80px;
      width: 330px;
      height: 210px;
      opacity: 0.15;
      background: url("data:image/svg+xml,%3Csvg width='330' height='210' viewBox='0 0 330 210' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='30' y='28' width='220' height='142' rx='20' fill='white' stroke='%230F2247' stroke-width='2'/%3E%3Crect x='58' y='58' width='58' height='16' rx='8' fill='%232E7DE1'/%3E%3Crect x='58' y='91' width='134' height='12' rx='6' fill='%230F2247' fill-opacity='.42'/%3E%3Crect x='58' y='119' width='96' height='12' rx='6' fill='%230F2247' fill-opacity='.32'/%3E%3Ccircle cx='220' cy='64' r='12' fill='%230F2247'/%3E%3Cpath d='M213 64h14M220 57v14' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    #services::after {
      bottom: 4%;
      left: -74px;
      width: 290px;
      height: 150px;
      opacity: 0.13;
      background: url("data:image/svg+xml,%3Csvg width='290' height='150' viewBox='0 0 290 150' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='28' y='36' width='206' height='76' rx='18' fill='white' stroke='%232E7DE1' stroke-width='2'/%3E%3Ccircle cx='66' cy='74' r='13' fill='%230F2247'/%3E%3Cpath d='M61 74h10' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Crect x='96' y='61' width='88' height='11' rx='5.5' fill='%230F2247' fill-opacity='.42'/%3E%3Crect x='96' y='82' width='118' height='11' rx='5.5' fill='%230F2247' fill-opacity='.28'/%3E%3C/svg%3E") center / contain no-repeat;
      transform: rotate(-5deg);
    }

    .lead-approach::before {
      content: "";
      position: absolute;
      top: 58px;
      right: -90px;
      width: 360px;
      height: 130px;
      opacity: 0.15;
      background: url("data:image/svg+xml,%3Csvg width='360' height='130' viewBox='0 0 360 130' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='28' y='30' width='274' height='62' rx='31' fill='white' stroke='%230F2247' stroke-width='2'/%3E%3Ccircle cx='66' cy='61' r='10' fill='%232E7DE1'/%3E%3Cpath d='M92 61h44M150 61h44M208 61h44' stroke='%230F2247' stroke-width='5' stroke-linecap='round' stroke-dasharray='10 10'/%3E%3Ccircle cx='144' cy='61' r='10' fill='%230F2247'/%3E%3Ccircle cx='202' cy='61' r='10' fill='%230F2247'/%3E%3Ccircle cx='260' cy='61' r='10' fill='%232E7DE1'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .lead-approach::after {
      content: "";
      position: absolute;
      bottom: 7%;
      left: -80px;
      width: 280px;
      height: 140px;
      opacity: 0.1;
      background: radial-gradient(circle, var(--deep-navy) 1.7px, transparent 2.4px) 0 0 / 22px 22px;
    }

    .improvements::before {
      top: 46px;
      left: auto;
      right: -68px;
      width: 330px;
      height: 190px;
      opacity: 0.15;
      background: url("data:image/svg+xml,%3Csvg width='330' height='190' viewBox='0 0 330 190' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='34' y='26' width='210' height='128' rx='20' fill='white' stroke='%230F2247' stroke-width='2'/%3E%3Cpath d='M64 118V84M104 118V62M144 118V94M184 118V48' stroke='%230F2247' stroke-width='13' stroke-linecap='round'/%3E%3Cpath d='M58 54h68' stroke='%232E7DE1' stroke-width='8' stroke-linecap='round'/%3E%3Ccircle cx='244' cy='64' r='24' fill='white' stroke='%232E7DE1' stroke-width='2'/%3E%3Cpath d='m234 64 8 8 17-20' stroke='%232E7DE1' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
      transform: rotate(4deg);
    }

    .improvements::after {
      right: auto;
      left: -84px;
      bottom: 8%;
      width: 300px;
      height: 130px;
      opacity: 0.12;
      background: url("data:image/svg+xml,%3Csvg width='300' height='130' viewBox='0 0 300 130' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='28' y='32' width='214' height='66' rx='18' fill='white' stroke='%232E7DE1' stroke-width='2'/%3E%3Ccircle cx='63' cy='65' r='10' fill='%232E7DE1'/%3E%3Crect x='88' y='52' width='102' height='11' rx='5.5' fill='%230F2247' fill-opacity='.4'/%3E%3Crect x='88' y='72' width='74' height='11' rx='5.5' fill='%230F2247' fill-opacity='.28'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .cases-proof::before {
      inset: auto;
      top: 70px;
      right: -88px;
      width: 330px;
      height: 176px;
      opacity: 0.15;
      background: url("data:image/svg+xml,%3Csvg width='330' height='176' viewBox='0 0 330 176' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='34' y='24' width='214' height='118' rx='22' fill='white' stroke='%230F2247' stroke-width='2'/%3E%3Crect x='62' y='54' width='60' height='14' rx='7' fill='%232E7DE1'/%3E%3Crect x='62' y='84' width='132' height='10' rx='5' fill='%230F2247' fill-opacity='.35'/%3E%3Crect x='62' y='108' width='104' height='10' rx='5' fill='%230F2247' fill-opacity='.25'/%3E%3Ccircle cx='226' cy='52' r='14' fill='%230F2247'/%3E%3Cpath d='M220 52h12' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .cases-proof::after {
      top: auto;
      bottom: 8%;
      left: -70px;
      width: 300px;
      height: 150px;
      opacity: 0.12;
      background: url("data:image/svg+xml,%3Csvg width='300' height='150' viewBox='0 0 300 150' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='32' y='36' width='198' height='78' rx='18' fill='white' stroke='%232E7DE1' stroke-width='2'/%3E%3Cpath d='M64 82l34-24 38 22 54-38' stroke='%230F2247' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='98' cy='58' r='7' fill='%232E7DE1'/%3E%3Ccircle cx='190' cy='42' r='7' fill='%232E7DE1'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .industries::before {
      top: 54px;
      right: -66px;
      width: 300px;
      height: 170px;
      border-radius: 0;
      opacity: 0.14;
      background: url("data:image/svg+xml,%3Csvg width='300' height='170' viewBox='0 0 300 170' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='36' y='34' width='194' height='94' rx='22' fill='white' stroke='%230F2247' stroke-width='2'/%3E%3Ccircle cx='76' cy='80' r='16' fill='%232E7DE1'/%3E%3Ccircle cx='132' cy='80' r='16' fill='%230F2247' fill-opacity='.8'/%3E%3Ccircle cx='188' cy='80' r='16' fill='%232E7DE1' fill-opacity='.8'/%3E%3Cpath d='M92 80h24M148 80h24' stroke='%230F2247' stroke-width='4' stroke-linecap='round' stroke-dasharray='6 8'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .industries::after {
      width: 310px;
      height: 170px;
      opacity: 0.1;
      background: radial-gradient(circle, var(--deep-navy) 1.7px, transparent 2.4px) 0 0 / 22px 22px;
      border-radius: 40px;
    }

    .process-section::before {
      content: "";
      position: absolute;
      top: 48px;
      right: -78px;
      width: 320px;
      height: 155px;
      opacity: 0.15;
      background: url("data:image/svg+xml,%3Csvg width='320' height='155' viewBox='0 0 320 155' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='34' y='34' width='218' height='82' rx='20' fill='white' stroke='%230F2247' stroke-width='2'/%3E%3Ccircle cx='70' cy='76' r='13' fill='%232E7DE1'/%3E%3Ccircle cx='124' cy='76' r='13' fill='%230F2247'/%3E%3Ccircle cx='178' cy='76' r='13' fill='%232E7DE1'/%3E%3Cpath d='M84 76h26M138 76h26' stroke='%230F2247' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .process-section::after {
      content: "";
      position: absolute;
      bottom: 6%;
      left: -90px;
      width: 300px;
      height: 150px;
      opacity: 0.11;
      background: url("data:image/svg+xml,%3Csvg width='300' height='150' viewBox='0 0 300 150' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='30' y='38' width='196' height='74' rx='18' fill='white' stroke='%232E7DE1' stroke-width='2'/%3E%3Cpath d='M65 76h98' stroke='%230F2247' stroke-width='8' stroke-linecap='round'/%3E%3Cpath d='m154 58 24 18-24 18' stroke='%230F2247' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .testimonials::before {
      width: 230px;
      height: 130px;
      opacity: 0.1;
      background: url("data:image/svg+xml,%3Csvg width='230' height='130' viewBox='0 0 230 130' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='22' y='28' width='158' height='70' rx='18' fill='white' stroke='%230F2247' stroke-width='2'/%3E%3Cpath d='M58 53h84M58 76h54' stroke='%230F2247' stroke-width='9' stroke-linecap='round' opacity='.45'/%3E%3Ccircle cx='156' cy='54' r='13' fill='%232E7DE1'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .faq-section::before {
      content: "";
      position: absolute;
      top: 54px;
      left: -78px;
      width: 300px;
      height: 160px;
      opacity: 0.13;
      background: url("data:image/svg+xml,%3Csvg width='300' height='160' viewBox='0 0 300 160' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='36' y='34' width='190' height='92' rx='20' fill='white' stroke='%230F2247' stroke-width='2'/%3E%3Ccircle cx='74' cy='80' r='16' fill='%232E7DE1'/%3E%3Cpath d='M69 79h10M74 74v10' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M108 62h74M108 84h56M108 106h92' stroke='%230F2247' stroke-width='8' stroke-linecap='round' opacity='.42'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .faq-section::after {
      content: "";
      position: absolute;
      right: -78px;
      bottom: 8%;
      width: 280px;
      height: 130px;
      opacity: 0.1;
      background: url("data:image/svg+xml,%3Csvg width='280' height='130' viewBox='0 0 280 130' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='34' y='32' width='190' height='66' rx='18' fill='white' stroke='%232E7DE1' stroke-width='2'/%3E%3Ccircle cx='70' cy='65' r='11' fill='%230F2247'/%3E%3Cpath d='m64 65 5 5 10-13' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M98 56h82M98 76h52' stroke='%230F2247' stroke-width='8' stroke-linecap='round' opacity='.36'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .footer-main::after {
      opacity: 0.11;
      background: url("data:image/svg+xml,%3Csvg width='360' height='120' viewBox='0 0 360 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='42' y='28' width='222' height='64' rx='18' fill='white' stroke='%230F2247' stroke-width='2'/%3E%3Ccircle cx='78' cy='60' r='11' fill='%232E7DE1'/%3E%3Cpath d='M106 50h96M106 72h62' stroke='%230F2247' stroke-width='8' stroke-linecap='round' opacity='.38'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    @media (max-width: 760px) {
      .hero-inner::before,
      .hero-inner::after {
        display: none;
      }

      #services::before,
      #services::after,
      .lead-approach::before,
      .lead-approach::after,
      .improvements::before,
      .improvements::after,
      .cases-proof::before,
      .cases-proof::after,
      .industries::before,
      .industries::after,
      .process-section::before,
      .process-section::after,
      .faq-section::before,
      .faq-section::after {
        opacity: 0.065;
        transform: none;
      }
    }

    /* Softer edge-only metric backgrounds: thin chart accents that stay away from text */
    .hero,
    .common-problems,
    #services,
    .lead-approach,
    .improvements,
    .cases-proof,
    .industries,
    .process-section,
    .testimonials,
    .faq-section,
    .footer-main {
      isolation: isolate;
    }

    .hero > .container,
    .common-problems > .container,
    #services > .container,
    .lead-approach > .container,
    .improvements > .container,
    .cases-proof > .container,
    .industries > .container,
    .process-section > .container,
    .testimonials > .container,
    .faq-section > .container,
    .footer-main > .container {
      position: relative;
      z-index: 2;
    }

    .hero::before {
      opacity: 0.18;
    }

    .hero-inner::before,
    .common-problems::before,
    #services::before,
    #services::after,
    .lead-approach::before,
    .improvements::before,
    .cases-proof::before,
    .industries::before,
    .process-section::before,
    .testimonials::before,
    .faq-section::before,
    .footer-main::after {
      display: block;
      width: min(32vw, 420px);
      height: 152px;
      padding: 16px 0 0 20px;
      box-sizing: border-box;
      color: rgba(15, 34, 71, 0.105);
      font-family: inherit;
      font-size: clamp(1.05rem, 1.5vw, 1.55rem);
      font-weight: 300;
      letter-spacing: 0.06em;
      line-height: 1;
      background: url("data:image/svg+xml,%3Csvg width='420' height='150' viewBox='0 0 420 150' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 124H402M18 84H402M18 44H402' stroke='%232E7DE1' stroke-width='1' stroke-dasharray='5 18' opacity='.26'/%3E%3Cpath d='M18 112C66 92 102 98 144 72C186 46 222 78 266 50C306 25 354 28 402 40' stroke='%230F2247' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='.36'/%3E%3Ccircle cx='144' cy='72' r='4' fill='%232E7DE1' opacity='.65'/%3E%3Ccircle cx='266' cy='50' r='4' fill='%232E7DE1' opacity='.65'/%3E%3Ccircle cx='402' cy='40' r='4' fill='%230F2247' opacity='.26'/%3E%3C/svg%3E") center bottom / 100% 82% no-repeat;
      opacity: 1;
      pointer-events: none;
      filter: none;
      transform: none;
    }

    .hero-inner::before {
      content: "Tracking Flow";
      top: 58%;
      right: -14%;
      left: auto;
      bottom: auto;
      opacity: 0.92;
    }

    .hero-inner::after,
    .common-problems::after,
    .lead-approach::after,
    .improvements::after,
    .cases-proof::after,
    .industries::after,
    .process-section::after,
    .faq-section::after {
      display: none;
    }

    .common-problems::before {
      content: "Lead Quality";
      top: auto;
      right: -185px;
      bottom: 7%;
    }

    #services::before {
      content: "Campaign Structure";
      top: 45%;
      right: -180px;
      left: auto;
    }

    #services::after {
      content: "Budget Flow";
      right: auto;
      left: -225px;
      bottom: 4%;
      width: min(31vw, 390px);
      opacity: 0.78;
    }

    .lead-approach::before {
      content: "Customer Journey";
      top: auto;
      right: -178px;
      bottom: 0;
      width: min(31vw, 390px);
      opacity: 0.78;
    }

    .improvements::before {
      content: "Optimization";
      top: 8%;
      right: -176px;
      left: auto;
      width: min(31vw, 390px);
      opacity: 0.82;
    }

    .cases-proof::before {
      content: "Measurement";
      top: auto;
      right: -180px;
      bottom: 6%;
      width: min(31vw, 390px);
      opacity: 0.78;
    }

    .industries::before {
      content: "Market Signals";
      top: 48%;
      right: -180px;
      width: min(31vw, 390px);
      border-radius: 0;
      opacity: 0.78;
    }

    .process-section::before {
      content: "Next Steps";
      top: auto;
      right: -168px;
      bottom: 3%;
      width: min(30vw, 370px);
      opacity: 0.74;
    }

    .testimonials::before {
      content: "Recommendations";
      top: 24px;
      right: -118px;
      width: 300px;
      height: 118px;
      color: rgba(15, 34, 71, 0.08);
      opacity: 0.74;
    }

    .faq-section::before {
      content: "Answers";
      top: 50%;
      left: -188px;
      right: auto;
      width: min(30vw, 360px);
      opacity: 0.7;
    }

    .footer-main::after {
      content: "Contact Flow";
      right: -190px;
      bottom: 18px;
      width: min(30vw, 380px);
      height: 120px;
      color: rgba(15, 34, 71, 0.08);
      opacity: 0.68;
    }

    @media (max-width: 760px) {
      .hero-inner::before,
      .hero-inner::after,
      .common-problems::before,
      .common-problems::after,
      #services::before,
      #services::after,
      .lead-approach::before,
      .lead-approach::after,
      .improvements::before,
      .improvements::after,
      .cases-proof::before,
      .cases-proof::after,
      .industries::before,
      .industries::after,
      .process-section::before,
      .process-section::after,
      .testimonials::before,
      .faq-section::before,
      .faq-section::after,
      .footer-main::after {
        display: none;
      }

      .hero::before {
        opacity: 0.1;
      }
    }

    /* Dot-grid background override: no chart lines, no metric text, no elements under copy */
    .hero::before {
      background: none;
      opacity: 0;
    }

    .hero-inner::before,
    .common-problems::before,
    #services::before,
    #services::after,
    .lead-approach::before,
    .improvements::before,
    .cases-proof::before,
    .cases-proof::after,
    .industries::before,
    .process-section::before,
    .testimonials::before,
    .faq-section::before,
    .footer-contact::after,
    .footer-main::after {
      content: "";
      display: block;
      width: min(28vw, 360px);
      height: min(20vw, 250px);
      padding: 0;
      color: transparent;
      font-size: 0;
      letter-spacing: 0;
      opacity: 1;
      background:
        radial-gradient(circle, rgba(15, 34, 71, 0.11) 1.15px, transparent 1.9px) 0 0 / 22px 22px,
        radial-gradient(circle, rgba(46, 125, 225, 0.14) 1.15px, transparent 2px) 11px 11px / 34px 34px,
        linear-gradient(90deg, rgba(15, 34, 71, 0.045) 1px, transparent 1px) 0 0 / 44px 44px,
        linear-gradient(0deg, rgba(15, 34, 71, 0.04) 1px, transparent 1px) 0 0 / 44px 44px;
      filter: none;
      transform: none;
      border-radius: 0;
      pointer-events: none;
    }

    .hero-inner::before {
      top: 56%;
      right: -17%;
      left: auto;
      bottom: auto;
      width: min(26vw, 330px);
      height: min(18vw, 220px);
      opacity: 0.7;
    }

    .hero-inner::after,
    .common-problems::after,
    .lead-approach::after,
    .improvements::after,
    .industries::after,
    .process-section::after,
    .faq-section::after {
      display: none;
      content: "";
    }

    .common-problems::before {
      top: auto;
      right: -210px;
      bottom: 6%;
      opacity: 0.58;
    }

    #services::before {
      top: 52%;
      right: -210px;
      left: auto;
      opacity: 0.58;
    }

    #services::after {
      right: auto;
      left: -230px;
      bottom: 4%;
      opacity: 0.45;
    }

    .lead-approach::before {
      top: auto;
      right: -210px;
      bottom: 2%;
      opacity: 0.52;
    }

    .improvements::before {
      top: 12%;
      right: -215px;
      left: auto;
      width: min(25vw, 330px);
      opacity: 0.5;
    }

    .cases-proof::before {
      inset: auto;
      top: 12%;
      right: -230px;
      width: min(24vw, 320px);
      height: min(18vw, 210px);
      opacity: 0.42;
    }

    .cases-proof::after {
      top: auto;
      left: -230px;
      right: auto;
      bottom: 8%;
      width: min(24vw, 320px);
      height: min(18vw, 210px);
      opacity: 0.36;
    }

    .industries::before {
      top: 44%;
      right: -225px;
      opacity: 0.5;
    }

    .process-section::before {
      top: auto;
      right: -205px;
      bottom: 2%;
      opacity: 0.46;
    }

    .testimonials::before {
      top: 36px;
      right: -130px;
      width: 220px;
      height: 180px;
      opacity: 0.34;
    }

    .faq-section::before {
      top: 44%;
      left: -225px;
      right: auto;
      opacity: 0.42;
    }

    .footer-contact::after {
      right: -210px;
      bottom: 8%;
      z-index: 0;
      width: min(26vw, 330px);
      height: min(20vw, 240px);
      opacity: 0.44;
    }

    .footer-main::before {
      inset: auto auto 18px -180px;
      width: min(26vw, 340px);
      height: 170px;
      background:
        radial-gradient(circle, rgba(15, 34, 71, 0.08) 1px, transparent 1.8px) 0 0 / 24px 24px,
        radial-gradient(circle, rgba(46, 125, 225, 0.1) 1px, transparent 1.8px) 12px 12px / 36px 36px,
        linear-gradient(90deg, rgba(15, 34, 71, 0.035) 1px, transparent 1px) 0 0 / 42px 42px,
        linear-gradient(0deg, rgba(15, 34, 71, 0.035) 1px, transparent 1px) 0 0 / 42px 42px;
      opacity: 0.34;
    }

    .footer-main::after {
      right: -210px;
      bottom: 18px;
      width: min(24vw, 310px);
      height: 150px;
      opacity: 0.32;
    }

    @media (max-width: 760px) {
      .hero-inner::before,
      .hero-inner::after,
      .common-problems::before,
      .common-problems::after,
      #services::before,
      #services::after,
      .lead-approach::before,
      .lead-approach::after,
      .improvements::before,
      .improvements::after,
      .cases-proof::before,
      .cases-proof::after,
      .industries::before,
      .industries::after,
      .process-section::before,
      .process-section::after,
      .testimonials::before,
      .faq-section::before,
      .faq-section::after,
      .footer-contact::after,
      .footer-main::after {
        display: none;
      }

      .footer-main::before {
        opacity: 0.18;
      }
    }

    /* Footer map and availability group */
    .footer-work-left {
      display: grid;
      gap: 20px;
    }

    .footer-work-intro {
      display: grid;
      gap: 18px;
      padding: 22px 24px 24px;
      background: #ffffff;
      border: 1px solid rgba(15, 34, 71, 0.08);
      border-radius: 22px;
      box-shadow: 0 14px 34px rgba(15, 34, 71, 0.045);
    }

    .footer-work-intro h3 {
      margin: 0;
      color: var(--deep-navy);
      font-size: clamp(1.25rem, 1.7vw, 1.55rem);
      line-height: 1.15;
      letter-spacing: -0.03em;
    }

    .footer-work-values {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0;
    }

    .footer-work-item {
      display: grid;
      justify-items: center;
      align-content: start;
      gap: 9px;
      min-height: 156px;
      padding: 2px 18px 0;
      text-align: center;
      color: var(--deep-navy);
    }

    .footer-work-item + .footer-work-item {
      border-left: 1px solid rgba(15, 34, 71, 0.08);
    }

    .footer-work-icon {
      width: 58px;
      height: 58px;
      display: grid;
      place-items: center;
      color: var(--deep-navy);
      background: rgba(15, 34, 71, 0.035);
      border: 1px solid rgba(15, 34, 71, 0.08);
      border-radius: 999px;
      box-shadow: none;
    }

    .footer-work-icon svg {
      width: 32px;
      height: 32px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .footer-work-icon .accent {
      stroke: var(--orange);
    }

    .footer-work-item h4 {
      margin: 0;
      color: var(--deep-navy);
      font-size: 0.94rem;
      line-height: 1.2;
      font-weight: 750;
    }

    .footer-work-item p {
      max-width: 150px;
      margin: 0;
      color: var(--text-muted);
      font-size: 0.84rem;
      line-height: 1.45;
    }

    .footer-work-values span:not(.footer-work-icon) {
      display: inline-flex;
      min-height: 44px;
      align-items: center;
      padding: 10px 13px;
      color: var(--deep-navy);
      background: rgba(15, 34, 71, 0.04);
      border: 1px solid rgba(15, 34, 71, 0.08);
      border-radius: 14px;
      font-size: 0.9rem;
      font-weight: 650;
    }

    .footer-map-group {
      display: grid;
      grid-template-columns: minmax(0, 2.15fr) minmax(170px, 1fr);
      gap: 16px;
      align-items: start;
    }

    .footer-map-card {
      min-height: 246px;
      padding: 9px;
      background: #ffffff;
      border: 1px solid rgba(15, 34, 71, 0.08);
      border-radius: 20px;
      box-shadow: 0 14px 34px rgba(15, 34, 71, 0.045);
    }

    .footer-map-card iframe {
      width: 100%;
      height: 100%;
      min-height: 228px;
      display: block;
      border: 0;
      border-radius: 16px;
      opacity: 0.9;
      filter: saturate(0.72) contrast(0.96) brightness(1.04);
    }

    .footer-available-card {
      display: grid;
      align-content: start;
      gap: 12px;
      padding: 10px 2px;
      background: transparent;
      border: 0;
      border-radius: 0;
      box-shadow: none;
    }

    .footer-available-card h3 {
      margin: 0;
      color: var(--deep-navy);
      font-size: 0.96rem;
      line-height: 1.2;
      font-weight: 750;
    }

    .footer-available-links {
      display: grid;
      gap: 10px;
    }

    .footer-available-links a {
      display: inline-grid;
      grid-template-columns: 36px minmax(0, 1fr) 14px;
      gap: 12px;
      align-items: center;
      min-height: 44px;
      padding: 4px 6px 4px 0;
      color: var(--deep-navy);
      background: transparent;
      border: 0;
      border-radius: 0;
      font-size: 0.95rem;
      font-weight: 650;
      text-decoration: none;
      transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease, color 0.22s ease, box-shadow 0.22s ease;
    }

    .footer-available-icon {
      width: 36px;
      height: 36px;
      display: grid;
      place-items: center;
      color: var(--deep-navy);
      background: rgba(15, 34, 71, 0.055);
      border: 1px solid rgba(15, 34, 71, 0.045);
      border-radius: 10px;
      transition: color 0.22s ease, background 0.22s ease, border-color 0.22s ease, transform 0.22s ease;
    }

    .footer-available-label {
      border-bottom: 1px solid rgba(15, 34, 71, 0.28);
      line-height: 1.2;
      justify-self: start;
    }

    .footer-available-external {
      width: 14px;
      height: 14px;
      color: rgba(15, 34, 71, 0.58);
      transition: color 0.22s ease, transform 0.22s ease;
    }

    .footer-available-links svg {
      width: 17px;
      height: 17px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .footer-available-links .footer-available-external {
      width: 14px;
      height: 14px;
    }

    .footer-available-links a:hover,
    .footer-available-links a:focus-visible {
      color: var(--orange);
      background: transparent;
      border-color: transparent;
      box-shadow: none;
      transform: translateX(2px);
      outline: 0;
    }

    .footer-available-links a:hover .footer-available-icon,
    .footer-available-links a:focus-visible .footer-available-icon {
      color: var(--orange);
      background: rgba(46, 125, 225, 0.09);
      border-color: rgba(46, 125, 225, 0.14);
      transform: translateY(-1px);
    }

    .footer-available-links a:hover .footer-available-label,
    .footer-available-links a:focus-visible .footer-available-label {
      border-color: rgba(46, 125, 225, 0.45);
    }

    .footer-available-links a:hover .footer-available-external,
    .footer-available-links a:focus-visible .footer-available-external {
      color: var(--orange);
      transform: translate(1px, -1px);
    }

    .footer-location-card.footer-location-compact {
      grid-column: 1 / -1;
      min-height: 72px;
      margin-top: 0;
      padding: 12px 16px;
      background: #ffffff;
      border: 1px solid rgba(15, 34, 71, 0.08);
      border-radius: 18px;
      box-shadow: 0 12px 30px rgba(15, 34, 71, 0.04);
    }

    .footer-location-compact strong {
      color: var(--deep-navy);
    }

    @media (max-width: 1080px) {
      .footer-work-values {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 20px;
      }

      .footer-work-item:nth-child(odd) {
        border-left: 0;
      }

      .footer-map-group {
        grid-template-columns: minmax(0, 2.4fr) minmax(190px, 1fr);
      }
    }

    @media (max-width: 760px) {
      .footer-work-left {
        gap: 16px;
      }

      .footer-work-intro {
        padding: 20px;
      }

      .footer-work-values {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .footer-work-item {
        min-height: 150px;
        padding-inline: 12px;
      }

      .footer-work-icon {
        width: 54px;
        height: 54px;
      }

      .footer-work-icon svg {
        width: 29px;
        height: 29px;
      }

      .footer-available-links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .footer-map-group {
        grid-template-columns: 1fr;
      }

      .footer-map-card {
        min-height: 238px;
        padding: 8px;
      }

      .footer-map-card iframe {
        min-height: 222px;
      }

      .footer-available-card {
        padding: 6px 2px;
      }

      .footer-available-links a {
        min-height: 44px;
      }

      .footer-location-card.footer-location-compact {
        grid-template-columns: 48px minmax(0, 1fr);
        min-height: 68px;
      }
    }

    /* Transparent brand infinity watermarks */
    .hero,
    .common-problems,
    #services,
    .lead-approach,
    .improvements,
    .cases-proof,
    .industries,
    .process-section,
    .testimonials,
    .faq-section,
    .footer-contact {
      position: relative;
      overflow: hidden;
      isolation: isolate;
    }

    .section-watermark {
      position: absolute;
      z-index: 0;
      display: block;
      pointer-events: none;
      color: var(--deep-navy);
      font-family: var(--font-main);
      font-size: clamp(8rem, 16vw, 20rem);
      font-weight: 700;
      line-height: 0.72;
      letter-spacing: -0.12em;
      opacity: 0.038;
      transform: rotate(-8deg);
      user-select: none;
    }

    .common-problems#common-problems .section-watermark {
      display: block;
      color: #163C78;
    }

    .section-watermark::after {
      content: "";
      position: absolute;
      inset: 50% auto auto 50%;
      width: 0.38em;
      height: 0.38em;
      border-radius: 50%;
      background: var(--champagne);
      opacity: 0.18;
      transform: translate(-50%, -50%);
    }

    .section-watermark::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: -1;
      width: 1.45em;
      height: 0.78em;
      border-radius: 28px;
      background:
        radial-gradient(circle, currentColor 1px, transparent 1.7px) 0 0 / 0.16em 0.16em,
        linear-gradient(90deg, currentColor 1px, transparent 1px) 0 0 / 0.34em 0.34em,
        linear-gradient(0deg, currentColor 1px, transparent 1px) 0 0 / 0.34em 0.34em;
      opacity: 0.16;
      transform: translate(-50%, -50%) rotate(8deg);
    }

    .watermark-hero {
      right: -0.38em;
      bottom: 8%;
      font-size: clamp(9rem, 17vw, 22rem);
      opacity: 0.032;
    }

    .watermark-common {
      left: -0.42em;
      bottom: 5%;
      color: var(--champagne);
      opacity: 0.06;
      transform: rotate(8deg);
    }

    .watermark-services {
      right: -0.34em;
      top: 12%;
      opacity: 0.034;
    }

    .watermark-approach {
      left: -0.35em;
      bottom: 4%;
      color: var(--champagne);
      opacity: 0.052;
      transform: rotate(6deg);
    }

    .watermark-improvements {
      right: 5%;
      top: 10%;
      font-size: clamp(4.5rem, 7vw, 8rem);
      opacity: 0.048;
      transform: rotate(-5deg);
    }

    .watermark-cases {
      left: -0.4em;
      top: 28%;
      color: var(--champagne);
      opacity: 0.045;
      transform: rotate(9deg);
    }

    .watermark-industries {
      right: -0.36em;
      bottom: 12%;
      opacity: 0.034;
    }

    .watermark-process {
      left: -0.38em;
      top: 16%;
      color: var(--champagne);
      opacity: 0.045;
      transform: rotate(7deg);
    }

    .watermark-testimonials {
      right: 7%;
      top: 10%;
      font-size: clamp(4.2rem, 6vw, 7.5rem);
      opacity: 0.044;
      transform: rotate(-5deg);
    }

    .watermark-faq {
      left: auto;
      right: 7%;
      bottom: 14%;
      font-size: clamp(4rem, 6.5vw, 7.5rem);
      opacity: 0.044;
      transform: rotate(-6deg);
    }

    .watermark-contact {
      right: -0.28em;
      bottom: 2%;
      color: var(--champagne);
      font-size: clamp(9rem, 18vw, 23rem);
      opacity: 0.05;
      transform: rotate(-7deg);
    }

    .hero > .container,
    .common-problems > .container,
    #services > .container,
    .lead-approach > .container,
    .improvements > .container,
    .cases-proof > .container,
    .industries > .container,
    .process-section > .container,
    .testimonials > .container,
    .faq-section > .container,
    .footer-contact > .container {
      position: relative;
      z-index: 2;
    }

    @media (max-width: 760px) {
      .section-watermark {
        display: none;
      }
    }

    /* Common Problems redesign based on the clean reference layout. */
    .common-problems {
      background:
        radial-gradient(circle at 98% 10%, rgba(46, 125, 225, 0.1), transparent 24%),
        linear-gradient(180deg, #ffffff 0%, var(--warm-white) 100%);
    }

    .common-problems::before,
    .common-problems::after {
      display: none;
    }

    .common-problems .section-watermark {
      opacity: 0.025;
    }

    .common-problems > .container {
      width: min(100% - 64px, 1280px);
      max-width: 1280px;
    }

    .common-problems .section-kicker {
      display: none;
    }

    .common-problems .section-head {
      max-width: 820px;
      margin-bottom: 34px;
    }

    .common-problems .section-head h2 {
      margin-bottom: 12px;
      color: var(--deep-navy);
      font-family: var(--font-main);
      font-size: clamp(2.2rem, 4.5vw, 3.35rem);
      font-weight: 700;
      line-height: 1.02;
      letter-spacing: -0.035em;
    }

    .common-problems .section-head h2 span {
      color: var(--orange-accent);
    }

    .common-problems .section-head p {
      max-width: 720px;
      color: #475569;
      font-size: 1.02rem;
      line-height: 1.72;
    }

    .common-problems .problems-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 28px;
      margin-top: 0;
    }

    .common-problems .problem-card {
      grid-template-columns: minmax(0, 1fr) 126px;
      gap: 18px;
      min-height: 260px;
      padding: 30px 28px;
      align-items: center;
      overflow: hidden;
      background:
        radial-gradient(circle at 88% 88%, rgba(46, 125, 225, 0.06), transparent 30%),
        #ffffff;
      border: 1px solid rgba(46, 125, 225, 0.24);
      border-radius: 16px;
      box-shadow: 0 18px 42px rgba(15, 34, 71, 0.065);
    }

    .common-problems .problem-card:hover,
    .common-problems .problem-card:focus-within {
      transform: translateY(-5px);
      border-color: rgba(46, 125, 225, 0.42);
      box-shadow: 0 26px 58px rgba(15, 34, 71, 0.11);
    }

    .common-problems .problem-icon {
      width: 58px;
      height: 58px;
      margin-bottom: 20px;
      background: #f3f4f6;
      border: 1px solid rgba(15, 34, 71, 0.08);
      box-shadow: 0 10px 26px rgba(15, 34, 71, 0.06);
    }

    .common-problems .problem-icon::after {
      right: 9px;
      bottom: 9px;
      width: 7px;
      height: 7px;
      background: var(--orange-accent);
      opacity: 1;
    }

    .common-problems .problem-icon svg {
      width: 30px;
      height: 30px;
      stroke-width: 1.85;
    }

    .common-problems .problem-card h3 {
      max-width: 230px;
      margin: 0 0 16px;
      color: var(--deep-navy);
      font-size: 1.18rem;
      font-weight: 800;
      line-height: 1.16;
      letter-spacing: -0.02em;
    }

    .common-problems .problem-card h3::after {
      content: "";
      display: block;
      width: 28px;
      height: 2px;
      margin-top: 14px;
      background: var(--orange-accent);
      border-radius: 999px;
    }

    .common-problems .problem-card p {
      max-width: 230px;
      color: #475569;
      font-size: 0.88rem;
      line-height: 1.68;
    }

    .common-problems .problem-accent {
      color: var(--orange-accent);
      font-weight: 750;
    }

    .common-problems .problem-visual {
      min-height: 154px;
      padding: 0;
      align-self: center;
      justify-self: end;
      overflow: visible;
      background: transparent;
      border: 0;
      border-radius: 0;
      box-shadow: none;
      opacity: 1;
    }

    .common-problems .problem-visual::before {
      inset: auto auto 4px -14px;
      width: 96px;
      height: 60px;
      background-image: radial-gradient(rgba(15, 34, 71, 0.12) 1px, transparent 1.8px);
      background-size: 10px 10px;
      opacity: 0.28;
    }

    .common-problems .problem-visual-svg {
      width: 136px;
      height: 136px;
      min-height: 0;
      filter: drop-shadow(0 16px 22px rgba(15, 34, 71, 0.09));
    }

    .common-problems .problem-visual-svg text {
      font-family: var(--font-main);
    }

    .common-problems .problems-cta {
      display: none;
    }

    @media (max-width: 1060px) {
      .common-problems .problems-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 680px) {
      .common-problems .section-head h2 {
        font-size: clamp(2rem, 10vw, 2.65rem);
      }

      .common-problems .section-head p br {
        display: none;
      }

      .common-problems .problems-grid {
        grid-template-columns: 1fr;
        gap: 20px;
      }

      .common-problems .problem-card {
        grid-template-columns: minmax(0, 1fr) 108px;
        min-height: 236px;
        padding: 24px 22px;
      }

      .common-problems .problem-visual-svg {
        width: 112px;
        height: 112px;
      }
    }

    @media (max-width: 460px) {
      .common-problems > .container {
        width: min(100% - 32px, 1280px);
      }

      .common-problems .problem-card {
        grid-template-columns: 1fr;
      }

      .common-problems .problem-visual {
        justify-self: start;
      }
    }

    /* Services package cards: compact 5-column layout inspired by the provided reference. */
    #services .service-package-grid {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 22px;
      align-items: stretch;
    }

    #services .service-package-card {
      position: relative;
      min-height: 560px;
      display: flex;
      flex-direction: column;
      overflow: visible;
      background: #ffffff;
      border: 1px solid rgba(15, 34, 71, 0.1);
      border-radius: 18px;
      box-shadow: 0 18px 46px rgba(15, 34, 71, 0.07);
      transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease;
    }

    #services .service-package-card.is-featured {
      border-color: rgba(15, 34, 71, 0.1);
    }

    #services .service-package-card:hover,
    #services .service-package-card:focus-within {
      transform: translateY(-4px);
      border-color: rgba(46, 125, 225, 0.44);
      box-shadow: 0 24px 58px rgba(15, 34, 71, 0.11);
    }

    #services .service-package-head {
      display: grid;
      grid-template-columns: 64px minmax(0, 1fr);
      align-items: start;
      gap: 20px;
      min-height: 92px;
      padding: 26px 26px 0;
    }

    #services .package-icon {
      width: 58px;
      height: 58px;
      display: grid;
      place-items: center;
      color: var(--deep-navy);
      background: rgba(46, 125, 225, 0.11);
      border: 1px solid rgba(46, 125, 225, 0.16);
      border-radius: 16px;
      box-shadow: none;
    }

    #services .package-icon svg {
      width: 31px;
      height: 31px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    #services .service-package-card:nth-child(1) .package-icon {
      background: rgba(46, 125, 225, 0.18);
    }

    #services .service-package-card:nth-child(2) .package-icon {
      background: rgba(22, 60, 120, 0.06);
    }

    #services .service-package-card:nth-child(3) .package-icon {
      background: rgba(15, 34, 71, 0.045);
    }

    #services .service-package-card:nth-child(4) .package-icon {
      color: #163C78;
      background: rgba(22, 60, 120, 0.1);
    }

    #services .service-package-card:nth-child(5) .package-icon {
      color: #163C78;
      background: rgba(22, 60, 120, 0.1);
    }

    #services .package-logo img {
      width: 34px;
      height: 34px;
      display: block;
      aspect-ratio: auto;
      object-fit: contain;
      background: transparent;
      transform: none;
      transition: none;
    }

    #services .service-package-card:hover .package-logo img,
    #services .service-package-card:focus-within .package-logo img {
      transform: none;
    }

    #services .service-number {
      align-self: start;
      position: relative;
      display: inline-flex;
      width: fit-content;
      padding-top: 14px;
      color: var(--champagne);
      font-size: 1rem;
      font-weight: 800;
      line-height: 1;
    }

    #services .service-number::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -16px;
      width: 18px;
      height: 2px;
      background: var(--orange-accent);
      border-radius: 999px;
    }

    #services .service-badge {
      position: absolute;
      top: 28px;
      right: 22px;
      padding: 5px 10px;
      color: var(--deep-navy);
      background: rgba(255, 255, 255, 0.86);
      border: 1px solid rgba(15, 34, 71, 0.18);
      border-radius: 999px;
      font-size: 0.64rem;
      font-weight: 800;
      line-height: 1;
      white-space: nowrap;
    }

    #services .service-package-card .service-body {
      flex: 1;
      display: flex;
      flex-direction: column;
      padding: 16px 26px 24px;
    }

    #services .service-package-card h3 {
      position: relative;
      margin: 0 0 28px;
      color: var(--deep-navy);
      font-size: clamp(1.08rem, 1.28vw, 1.32rem);
      font-weight: 800;
      line-height: 1.22;
      letter-spacing: -0.01em;
    }

    #services .service-package-card h3::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -14px;
      width: 22px;
      height: 2px;
      background: var(--orange-accent);
      border-radius: 999px;
    }

    #services .service-package-card p {
      margin: 0 0 26px;
      color: rgba(15, 34, 71, 0.74);
      font-size: 0.9rem;
      line-height: 1.68;
    }

    #services .service-package-card .service-list {
      display: grid;
      gap: 13px;
      margin: 0 0 28px;
      padding: 0;
      color: var(--deep-navy);
      font-size: 0.82rem;
      line-height: 1.4;
      list-style: none;
    }

    #services .service-package-card .service-list li {
      display: grid;
      grid-template-columns: 14px minmax(0, 1fr);
      gap: 10px;
      align-items: start;
    }

    #services .service-package-card .service-list li::before {
      content: "\2713";
      color: var(--orange-accent);
      background: transparent;
      font-size: 0.82rem;
      font-weight: 900;
      line-height: 1.25;
    }

    #services .service-package-card .button {
      width: 100%;
      min-height: 52px;
      justify-content: space-between;
      gap: 12px;
      margin-top: auto;
      padding: 0 20px;
      color: #ffffff;
      color: #ffffff;
      background: var(--deep-navy);
      border: 0;
      border-radius: 10px;
      box-shadow: 0 16px 28px rgba(22, 60, 120, 0.22);
      font-size: 0.88rem;
      font-weight: 800;
    }

    #services .service-package-card .button span {
      font-size: 1.55rem;
      font-weight: 400;
      line-height: 1;
    }

    #services .service-package-card .button:hover,
    #services .service-package-card .button:focus-visible {
      background: var(--deep-navy);
      box-shadow: 0 18px 30px rgba(22, 60, 120, 0.28);
      filter: brightness(0.94);
    }

    @media (max-width: 1160px) {
      #services .service-package-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }

    @media (max-width: 780px) {
      #services .service-package-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 540px) {
      #services .service-package-grid {
        grid-template-columns: 1fr;
      }

      #services .service-package-card {
        min-height: auto;
      }
    }

    /* Final services package card redraw: wider, shorter, closer to the reference layout. */
    #services > .container {
      width: min(100% - 48px, 1280px);
      max-width: 1280px;
    }

    #services .service-package-grid {
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 20px;
    }

    #services .service-package-card {
      min-height: 508px;
      overflow: hidden;
      border-radius: 16px;
      box-shadow: 0 12px 34px rgba(15, 34, 71, 0.075);
    }

    #services .service-package-card.is-featured {
      border-top: 0;
    }

    #services .service-package-head {
      grid-template-columns: 58px minmax(0, 1fr);
      gap: 18px;
      min-height: 78px;
      padding: 20px 20px 0;
    }

    #services .package-icon {
      width: 58px;
      height: 58px;
      border-radius: 15px;
    }

    #services .package-icon svg {
      width: 30px;
      height: 30px;
    }

    #services .package-logo img {
      width: 34px;
      height: 34px;
    }

    #services .service-number {
      padding-top: 18px;
      font-size: 0.95rem;
    }

    #services .service-number::after {
      bottom: -14px;
      width: 18px;
      height: 2px;
    }

    #services .service-badge {
      display: none;
    }

    #services .service-package-card .service-body {
      padding: 14px 20px 20px;
    }

    #services .service-package-card h3 {
      margin-bottom: 24px;
      font-size: clamp(1.02rem, 1.05vw, 1.14rem);
      line-height: 1.22;
      letter-spacing: -0.005em;
    }

    #services .service-package-card h3::after {
      bottom: -13px;
      width: 20px;
    }

    #services .service-package-card p {
      margin-bottom: 22px;
      font-size: 0.8rem;
      line-height: 1.62;
    }

    #services .service-package-card .service-list {
      gap: 10px;
      margin-bottom: 20px;
      font-size: 0.75rem;
      line-height: 1.34;
    }

    #services .service-package-card .service-list li {
      grid-template-columns: 12px minmax(0, 1fr);
      gap: 8px;
    }

    #services .service-package-card .button {
      min-height: 46px;
      justify-content: center;
      padding: 0 18px;
      border-radius: 9px;
      font-size: 0.84rem;
      font-weight: 650;
      text-align: center;
    }

    #services .service-package-card .button span {
      display: none;
    }

    @media (max-width: 1160px) {
      #services > .container {
        width: min(100% - 48px, var(--max));
      }

      #services .service-package-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }

    @media (max-width: 780px) {
      #services .service-package-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 540px) {
      #services > .container {
        width: min(100% - 36px, var(--max));
      }

      #services .service-package-grid {
        grid-template-columns: 1fr;
      }

      #services .service-package-card {
        min-height: auto;
      }
    }

    /* Final compact vertical rhythm: reduce large gaps between homepage sections. */
    :root {
      --section-y: 48px;
      --section-y-mobile: 38px;
    }

    main > section,
    section.cases-proof,
    .platform-strip,
    .faq-section,
    .footer-contact {
      padding-top: var(--section-y);
      padding-bottom: var(--section-y);
    }

    .hero-inner {
      padding-top: 42px;
      padding-bottom: 44px;
    }

    .section-head,
    .lead-approach .section-head,
    .cases-proof .section-head,
    .industries .section-head,
    .process-section .section-head,
    .testimonials .section-head,
    .faq-intro {
      margin-bottom: 22px;
    }

    .common-problems,
    #services,
    .lead-approach,
    .improvements,
    .cases-proof,
    .industries,
    .process-section,
    .testimonials,
    .faq-section,
    .footer-contact {
      scroll-margin-top: 88px;
    }

    .process-cta,
    .faq-cta-card,
    .testimonial-footer-cta,
    .case-cta-banner,
    .industry-cta {
      margin-top: 22px;
    }

    .footer-main {
      padding-top: 34px;
      padding-bottom: 34px;
    }

    @media (min-width: 900px) {
      .common-problems + #services,
      #services + .lead-approach,
      .lead-approach + .improvements,
      .improvements + .cases-proof,
      .cases-proof + .industries,
      .industries + .process-section,
      .process-section + .testimonials,
      .testimonials + .faq-section {
        margin-top: 0;
      }
    }

    @media (max-width: 760px) {
      :root {
        --section-y: var(--section-y-mobile);
      }

      .hero-inner {
        padding-top: 34px;
        padding-bottom: 36px;
      }

      .section-head,
      .lead-approach .section-head,
      .cases-proof .section-head,
      .industries .section-head,
      .process-section .section-head,
      .testimonials .section-head,
      .faq-intro {
        margin-bottom: 18px;
      }
    }

    /* Final compact redraw for Common Problems: fits one viewport with complete mini-visuals. */
    .common-problems#common-problems {
      padding-top: 34px;
      padding-bottom: 38px;
      background:
        radial-gradient(circle at 90% 16%, rgba(46, 125, 225, 0.055), transparent 22%),
        linear-gradient(180deg, #ffffff 0%, var(--warm-white) 100%);
    }

    .common-problems#common-problems > .container {
      width: min(100% - 56px, 1220px);
      max-width: 1220px;
    }

    .common-problems#common-problems .section-head {
      max-width: 780px;
      margin-bottom: 24px;
    }

    .common-problems#common-problems .section-head h2 {
      margin-bottom: 10px;
      font-size: clamp(2.08rem, 3.8vw, 2.9rem);
      line-height: 1.02;
    }

    .common-problems#common-problems .section-head p {
      max-width: 700px;
      font-size: 0.94rem;
      line-height: 1.58;
    }

    .common-problems#common-problems .problems-grid {
      gap: 20px 24px;
    }

    .common-problems#common-problems .problem-card {
      grid-template-columns: minmax(0, 1fr) 112px;
      gap: 14px;
      min-height: 218px;
      padding: 22px 22px 20px;
      align-items: center;
      border-color: rgba(46, 125, 225, 0.28);
      border-radius: 14px;
      box-shadow: 0 14px 34px rgba(15, 34, 71, 0.06);
    }

    .common-problems#common-problems .problem-card:hover,
    .common-problems#common-problems .problem-card:focus-within {
      transform: translateY(-4px);
      border-color: rgba(46, 125, 225, 0.45);
      box-shadow: 0 20px 44px rgba(15, 34, 71, 0.1);
    }

    .common-problems#common-problems .problem-icon {
      width: 48px;
      height: 48px;
      margin-bottom: 14px;
      background: #f2f3f5;
      box-shadow: 0 8px 20px rgba(15, 34, 71, 0.055);
    }

    .common-problems#common-problems .problem-icon::after {
      right: 7px;
      bottom: 7px;
      width: 6px;
      height: 6px;
    }

    .common-problems#common-problems .problem-icon svg {
      width: 26px;
      height: 26px;
    }

    .common-problems#common-problems .problem-card h3 {
      max-width: 205px;
      margin-bottom: 12px;
      font-size: 1.02rem;
      line-height: 1.16;
    }

    .common-problems#common-problems .problem-card h3::after {
      width: 24px;
      height: 1px;
      margin-top: 10px;
      background: var(--orange-accent);
    }

    .common-problems#common-problems .problem-card p {
      max-width: 210px;
      font-size: 0.78rem;
      line-height: 1.58;
    }

    .common-problems#common-problems .problem-visual {
      width: 112px;
      min-height: 118px;
      justify-self: end;
    }

    .common-problems#common-problems .problem-visual::before {
      left: -10px;
      bottom: 0;
      width: 78px;
      height: 48px;
      background-size: 9px 9px;
      opacity: 0.2;
    }

    .common-problems#common-problems .problem-visual-svg {
      width: 112px;
      height: 112px;
      overflow: visible;
      filter: drop-shadow(0 12px 18px rgba(15, 34, 71, 0.08));
    }

    .common-problems#common-problems .problem-visual-svg text {
      letter-spacing: 0;
    }

    .common-problems#common-problems .mini-ui {
      position: relative;
      width: 112px;
      height: 112px;
      display: block;
      overflow: hidden;
      color: var(--deep-navy);
      background: rgba(255, 255, 255, 0.94);
      border: 1px solid rgba(15, 34, 71, 0.12);
      border-radius: 14px;
      box-shadow: 0 14px 28px rgba(15, 34, 71, 0.09);
    }

    .common-problems#common-problems .mini-ui::after {
      content: "";
      position: absolute;
      inset: auto -20px -28px auto;
      width: 68px;
      height: 68px;
      background: rgba(46, 125, 225, 0.08);
      border-radius: 50%;
      pointer-events: none;
    }

    .common-problems#common-problems .mini-ui strong {
      display: block;
      color: var(--deep-navy);
      font-size: 0.58rem;
      font-weight: 800;
      line-height: 1.15;
    }

    .common-problems#common-problems .mini-chip {
      position: absolute;
      top: 12px;
      right: 12px;
      z-index: 2;
      padding: 3px 7px;
      color: var(--deep-navy);
      background: #ffffff;
      border: 1px solid rgba(15, 34, 71, 0.1);
      border-radius: 999px;
      font-size: 0.48rem;
      font-weight: 800;
      box-shadow: 0 4px 10px rgba(15, 34, 71, 0.07);
    }

    .common-problems#common-problems .mini-tracking {
      padding: 16px 14px 12px;
    }

    .common-problems#common-problems .mini-bars {
      position: absolute;
      left: 16px;
      bottom: 18px;
      display: flex;
      align-items: end;
      gap: 8px;
      height: 54px;
    }

    .common-problems#common-problems .mini-bars span {
      width: 16px;
      border-radius: 5px 5px 2px 2px;
      background: rgba(15, 34, 71, 0.13);
    }

    .common-problems#common-problems .mini-bars span:nth-child(1) { height: 44px; }
    .common-problems#common-problems .mini-bars span:nth-child(2) { height: 28px; background: rgba(46, 125, 225, 0.42); }
    .common-problems#common-problems .mini-bars span:nth-child(3) { height: 54px; background: rgba(46, 125, 225, 0.62); }

    .common-problems#common-problems .mini-tracking svg,
    .common-problems#common-problems .mini-growth svg {
      position: absolute;
      inset: auto 10px 10px 10px;
      width: calc(100% - 20px);
      height: 58px;
      overflow: visible;
      fill: none;
    }

    .common-problems#common-problems .mini-tracking svg path:first-child,
    .common-problems#common-problems .mini-growth svg path:nth-child(2) {
      stroke: var(--deep-navy);
      stroke-width: 4;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .common-problems#common-problems .mini-tracking svg circle,
    .common-problems#common-problems .mini-growth svg circle {
      fill: var(--orange-accent);
      stroke: #ffffff;
      stroke-width: 2;
    }

    .common-problems#common-problems .mini-report {
      padding: 16px 14px;
    }

    .common-problems#common-problems .mini-report strong {
      margin-bottom: 12px;
    }

    .common-problems#common-problems .mini-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      padding: 5px 0;
      color: #667085;
      border-top: 1px solid rgba(15, 34, 71, 0.08);
      font-size: 0.56rem;
      line-height: 1;
    }

    .common-problems#common-problems .mini-row b {
      color: var(--orange-accent);
      font-size: 0.58rem;
    }

    .common-problems#common-problems .mini-columns {
      display: flex;
      align-items: end;
      gap: 6px;
      height: 24px;
      margin-top: 10px;
    }

    .common-problems#common-problems .mini-columns span {
      width: 17px;
      border-radius: 5px;
      background: rgba(15, 34, 71, 0.11);
    }

    .common-problems#common-problems .mini-columns span:nth-child(1) { height: 10px; }
    .common-problems#common-problems .mini-columns span:nth-child(2) { height: 15px; background: rgba(46, 125, 225, 0.58); }
    .common-problems#common-problems .mini-columns span:nth-child(3) { height: 21px; background: rgba(46, 125, 225, 0.38); }
    .common-problems#common-problems .mini-columns span:nth-child(4) { height: 13px; background: rgba(46, 125, 225, 0.25); }

    .common-problems#common-problems .mini-browser {
      padding: 16px 13px 12px;
    }

    .common-problems#common-problems .mini-dots {
      display: flex;
      gap: 4px;
      margin-bottom: 13px;
    }

    .common-problems#common-problems .mini-dots span {
      width: 4px;
      height: 4px;
      background: rgba(46, 125, 225, 0.45);
      border-radius: 50%;
    }

    .common-problems#common-problems .mini-browser i {
      display: block;
      height: 14px;
      margin-bottom: 9px;
      background: rgba(15, 34, 71, 0.08);
      border: 1px solid rgba(15, 34, 71, 0.05);
      border-radius: 6px;
    }

    .common-problems#common-problems .mini-browser button {
      width: 62px;
      height: 15px;
      display: grid;
      place-items: center;
      margin-top: 3px;
      color: #ffffff;
      background: var(--orange-accent);
      border: 0;
      border-radius: 999px;
      font-size: 0.42rem;
      font-weight: 750;
    }

    .common-problems#common-problems .mini-browser em {
      position: absolute;
      right: 14px;
      bottom: 17px;
      width: 18px;
      height: 18px;
      border: 2px solid var(--deep-navy);
      border-top: 0;
      border-left: 0;
      transform: rotate(45deg);
    }

    .common-problems#common-problems .mini-checklist {
      padding: 17px 14px;
      background: #F5F7FA;
      transform: rotate(-2deg);
    }

    .common-problems#common-problems .mini-checklist strong {
      margin-bottom: 12px;
    }

    .common-problems#common-problems .mini-checklist span {
      display: flex;
      align-items: center;
      gap: 7px;
      margin-top: 9px;
      color: #667085;
      font-size: 0.58rem;
      font-weight: 650;
      line-height: 1;
    }

    .common-problems#common-problems .mini-checklist b {
      width: 10px;
      height: 10px;
      display: inline-block;
      border-radius: 50%;
      background: rgba(46, 125, 225, 0.12);
      border: 2px solid var(--orange-accent);
    }

    .common-problems#common-problems .mini-crm {
      padding: 15px 12px;
    }

    .common-problems#common-problems .mini-crm strong {
      margin-bottom: 10px;
    }

    .common-problems#common-problems .mini-crm div {
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: center;
      gap: 6px;
      min-height: 19px;
      margin-top: 6px;
      padding: 0 7px;
      background: rgba(46, 125, 225, 0.13);
      border-radius: 999px;
      color: #475569;
      font-size: 0.48rem;
      font-weight: 700;
    }

    .common-problems#common-problems .mini-crm b {
      padding: 2px 5px;
      color: var(--deep-navy);
      background: #F5F7FA;
      border-radius: 999px;
      font-size: 0.42rem;
      white-space: nowrap;
    }

    .common-problems#common-problems .mini-crm b.muted {
      background: rgba(46, 125, 225, 0.14);
      color: var(--orange-accent);
    }

    .common-problems#common-problems .mini-growth {
      padding: 16px 14px;
    }

    .common-problems#common-problems .mini-growth svg {
      bottom: 14px;
      height: 68px;
    }

    .common-problems#common-problems .mini-growth svg path:first-child {
      stroke: rgba(15, 34, 71, 0.12);
      stroke-width: 2;
    }

    /* Polish Common Problems mini visuals: no clipping, no stray blobs, cleaner details. */
    .common-problems#common-problems .mini-ui {
      overflow: hidden;
      background: #ffffff;
      border-color: rgba(15, 34, 71, 0.14);
    }

    .common-problems#common-problems .mini-ui::after {
      display: none;
    }

    .common-problems#common-problems .mini-tracking {
      padding: 14px 12px 12px;
    }

    .common-problems#common-problems .mini-tracking svg {
      bottom: 12px;
      height: 50px;
    }

    .common-problems#common-problems .mini-bars {
      left: 15px;
      bottom: 20px;
      height: 48px;
      gap: 7px;
    }

    .common-problems#common-problems .mini-bars span {
      width: 15px;
    }

    .common-problems#common-problems .mini-bars span:nth-child(1) { height: 38px; }
    .common-problems#common-problems .mini-bars span:nth-child(2) { height: 25px; }
    .common-problems#common-problems .mini-bars span:nth-child(3) { height: 47px; }

    .common-problems#common-problems .mini-report {
      padding: 14px 13px 12px;
    }

    .common-problems#common-problems .mini-report strong {
      margin-bottom: 10px;
    }

    .common-problems#common-problems .mini-row {
      padding: 4px 0;
    }

    .common-problems#common-problems .mini-columns {
      height: 20px;
      margin-top: 8px;
      gap: 6px;
    }

    .common-problems#common-problems .mini-columns span {
      width: 15px;
      border-radius: 5px 5px 3px 3px;
    }

    .common-problems#common-problems .mini-columns span:nth-child(1) { height: 8px; }
    .common-problems#common-problems .mini-columns span:nth-child(2) { height: 13px; }
    .common-problems#common-problems .mini-columns span:nth-child(3) { height: 18px; }
    .common-problems#common-problems .mini-columns span:nth-child(4) { height: 11px; }

    .common-problems#common-problems .mini-browser {
      padding: 13px 12px 12px;
    }

    .common-problems#common-problems .mini-dots {
      margin-bottom: 10px;
    }

    .common-problems#common-problems .mini-browser i {
      width: 74px;
      height: 12px;
      margin: 0 auto 6px;
    }

    .common-problems#common-problems .mini-browser button {
      width: 66px;
      height: 17px;
      margin: 4px auto 0;
      font-size: 0.4rem;
    }

    .common-problems#common-problems .mini-browser em {
      display: none;
    }

    .common-problems#common-problems .mini-checklist {
      padding: 15px 14px;
      background: #F5F7FA;
      transform: none;
    }

    .common-problems#common-problems .mini-checklist strong {
      margin-bottom: 11px;
    }

    .common-problems#common-problems .mini-checklist span {
      margin-top: 8px;
      gap: 7px;
      font-size: 0.56rem;
    }

    .common-problems#common-problems .mini-checklist b {
      width: 9px;
      height: 9px;
      flex: 0 0 auto;
    }

    .common-problems#common-problems .mini-crm {
      padding: 13px 11px 12px;
    }

    .common-problems#common-problems .mini-crm strong {
      margin-bottom: 8px;
    }

    .common-problems#common-problems .mini-crm div {
      min-height: 17px;
      margin-top: 5px;
      padding: 0 6px;
      grid-template-columns: minmax(0, 1fr) auto;
      font-size: 0.45rem;
    }

    .common-problems#common-problems .mini-crm b {
      padding: 2px 4px;
      font-size: 0.38rem;
    }

    .common-problems#common-problems .mini-growth {
      padding: 15px 14px;
    }

    .common-problems#common-problems .mini-growth svg {
      left: 12px;
      right: 12px;
      bottom: 16px;
      width: calc(100% - 24px);
      height: 58px;
    }

    .common-problems#common-problems .mini-growth svg path:nth-child(2) {
      stroke: var(--orange-accent);
      stroke-width: 4;
    }

    /* Final page rhythm: keep section spacing consistent and avoid oversized gaps. */
    :root {
      --section-y: 42px;
      --section-y-mobile: 34px;
    }

    main > section:not(.hero),
    main > section.cases-proof,
    .platform-strip,
    .faq-section,
    .footer-contact {
      padding-top: var(--section-y);
      padding-bottom: var(--section-y);
    }

    .section-head,
    .lead-approach .section-head,
    .cases-proof .section-head,
    .industries .section-head,
    .process-section .section-head,
    .testimonials .section-head,
    .faq-intro {
      margin-bottom: 22px;
    }

    /* Final footer contact simplification: map first, availability below, no extra animations. */
    .footer-contact .footer-work-left {
      gap: 20px;
      align-content: start;
    }

    .footer-contact .footer-map-group {
      display: grid;
      grid-template-columns: 1fr;
      gap: 20px;
      align-items: start;
    }

    .footer-contact .footer-map-card {
      min-height: 300px;
      padding: 0;
      overflow: hidden;
      background: transparent;
      border: 0;
      border-radius: 20px;
      box-shadow: none;
    }

    .footer-contact .footer-map-card iframe {
      min-height: 300px;
      border-radius: 20px;
      opacity: 0.92;
      filter: saturate(0.72) contrast(0.96) brightness(1.04);
    }

    .footer-contact .footer-available-card {
      display: grid;
      gap: 14px;
      padding: 0;
    }

    .footer-contact .footer-available-card h3 {
      margin: 0;
      color: var(--deep-navy);
      font-size: 0.96rem;
      font-weight: 750;
    }

    .footer-contact .footer-available-links {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
      max-width: 520px;
    }

    .footer-contact .footer-available-links a {
      min-height: 56px;
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr) 16px;
      align-items: center;
      gap: 12px;
      padding: 8px 14px;
      color: var(--deep-navy);
      background: rgba(255, 255, 255, 0.78);
      border: 1px solid rgba(15, 34, 71, 0.08);
      border-radius: 14px;
      box-shadow: none;
      transition: none;
      transform: none;
    }

    .footer-contact .footer-available-icon {
      width: 42px;
      height: 42px;
      color: var(--deep-navy);
      background: rgba(15, 34, 71, 0.055);
      border-color: rgba(15, 34, 71, 0.06);
      border-radius: 12px;
      transition: none;
      transform: none;
    }

    .footer-contact .footer-available-label {
      border-bottom: 0;
      font-weight: 700;
      line-height: 1.2;
    }

    .footer-contact .footer-available-external {
      color: rgba(15, 34, 71, 0.48);
      transition: none;
      transform: none;
    }

    .footer-contact .footer-available-links a:hover,
    .footer-contact .footer-available-links a:focus-visible {
      color: var(--deep-navy);
      background: #ffffff;
      border-color: rgba(46, 125, 225, 0.26);
      box-shadow: none;
      transform: none;
      outline: 0;
    }

    .footer-contact .footer-available-links a:hover .footer-available-icon,
    .footer-contact .footer-available-links a:focus-visible .footer-available-icon,
    .footer-contact .footer-available-links a:hover .footer-available-label,
    .footer-contact .footer-available-links a:focus-visible .footer-available-label,
    .footer-contact .footer-available-links a:hover .footer-available-external,
    .footer-contact .footer-available-links a:focus-visible .footer-available-external {
      color: var(--deep-navy);
      border-color: rgba(15, 34, 71, 0.06);
      transform: none;
    }

    .footer-contact .footer-location-card.footer-location-compact {
      min-height: 66px;
      margin-top: 0;
      padding: 11px 14px;
      box-shadow: none;
    }

    @media (max-width: 760px) {
      :root {
        --section-y: var(--section-y-mobile);
      }

      .footer-contact .footer-map-card,
      .footer-contact .footer-map-card iframe {
        min-height: 250px;
      }

      .footer-contact .footer-available-links {
        grid-template-columns: 1fr;
        max-width: none;
      }
    }

    @media (max-width: 980px) {
      .common-problems#common-problems {
        min-height: 0;
      }
    }

    @media (max-width: 680px) {
      .common-problems#common-problems > .container {
        width: min(100% - 32px, 1220px);
      }

      .common-problems#common-problems .problem-card {
        grid-template-columns: minmax(0, 1fr) 104px;
        min-height: 210px;
      }

      .common-problems#common-problems .problem-visual,
      .common-problems#common-problems .problem-visual-svg {
        width: 104px;
        height: 104px;
      }
    }

    @media (max-width: 460px) {
      .common-problems#common-problems .problem-card {
        grid-template-columns: 1fr;
      }

      .common-problems#common-problems .problem-visual {
        justify-self: start;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      *,
      *::before,
      *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
      }
    }
    /* Permanent typography system. Use this layer for all future sections. */
    body,
    button,
    input,
    textarea,
    select {
      font-family: var(--font-main);
    }

    body {
      color: var(--body-color);
      font-size: var(--type-body);
      font-weight: 400;
      line-height: 1.7;
    }

    h1,
    h2,
    h3,
    h4 {
      color: var(--heading-color);
      letter-spacing: 0;
    }

    h1 {
      margin: 0 0 24px;
      font-size: var(--type-h1);
      font-weight: 800;
      line-height: 1.08;
    }

    .headline-main,
    .headline-support {
      color: var(--heading-color);
    }

    h2,
    h2[id$="-title"],
    .section-head h2,
    .common-problems .section-head h2,
    #services .section-head h2,
    .lead-approach .section-head h2,
    .improvements .section-head h2,
    .cases-proof .section-head h2,
    .industries .section-head h2,
    .process-section .section-head h2,
    .testimonials .section-head h2,
    .faq-section .section-head h2,
    .footer-contact-copy h2 {
      margin: 0 0 24px;
      color: var(--heading-color);
      font-size: var(--type-h2);
      font-weight: 700;
      line-height: 1.14;
    }

    h3 {
      margin: 0 0 16px;
      color: var(--heading-color);
      font-size: var(--type-h3);
      font-weight: 700;
      line-height: 1.2;
    }

    h4,
    .service-package-card h3,
    .problem-card h3,
    .journey-step h3,
    .improvement-card h3,
    .industry-card h3,
    .process-card h3,
    .testimonial-author h3,
    .faq-card h3,
    .footer-contact-list h3,
    .footer-available-card h3 {
      color: var(--heading-color);
      font-size: var(--type-h4);
      font-weight: 700;
      line-height: 1.25;
    }

    p,
    .hero-lead,
    .section-head p,
    .lead-approach .section-head p,
    .cases-proof .section-head p,
    .industries .section-head p,
    .process-section .section-head p,
    .testimonials .section-head p,
    .footer-contact-copy > p {
      color: var(--body-color);
      font-size: var(--type-body);
      font-weight: 400;
      line-height: 1.7;
    }

    .hero-lead {
      max-width: 700px;
      margin-top: 24px;
      margin-bottom: 48px;
    }

    .section-head p,
    .lead-approach .section-head p,
    .cases-proof .section-head p,
    .industries .section-head p,
    .process-section .section-head p,
    .testimonials .section-head p {
      max-width: 720px;
      margin-top: 0;
    }

    .service-package-card p,
    .service-package-card li,
    .problem-card p,
    .journey-step p,
    .improvement-card p,
    .industry-card p,
    .process-card p,
    .testimonial-quote,
    .faq-answer p {
      color: var(--body-color);
      font-size: var(--type-card);
      font-weight: 400;
      line-height: 1.65;
    }

    .eyebrow,
    .package-number,
    .package-tag,
    .case-filter,
    .case-card .case-tag,
    .testimonial-recommend,
    .faq-group-label {
      color: var(--label-color);
      font-size: var(--type-label);
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    small,
    .brand-line,
    .footer-brand-line,
    .testimonial-meta,
    .footer-small,
    .contact-widget-note {
      font-size: var(--type-small);
      font-weight: 400;
    }

    .brand-text,
    .footer-brand-mark {
      color: #0f2247;
      line-height: 1;
    }

    .brand-infinity,
    .footer-infinity {
      display: inline-block;
      width: 30px;
      height: 18px;
      color: #0f2247;
      font-size: 0;
      line-height: 1;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 24'%3E%3Cpath d='M4 12C4 6 11 5 22 12C33 19 40 18 40 12C40 6 33 5 22 12C11 19 4 18 4 12Z' fill='none' stroke='%230f2247' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .brand-separator,
    .footer-brand-separator {
      width: 1px;
      height: 34px;
      background: #2E7DE1;
      opacity: 0.72;
    }

    .brand-copy,
    .footer-brand-copy {
      gap: 8px;
    }

    .brand-name,
    .footer-brand-name {
      color: #0f2247;
      font-size: 1.16rem;
      font-weight: 700;
      line-height: 1;
    }

    .brand-line,
    .footer-brand-line {
      color: rgba(15, 34, 71, 0.72);
      font-size: 0.78rem;
      font-weight: 450;
      line-height: 1.1;
      letter-spacing: 0.03em;
    }

    @media (max-width: 640px) {
      .brand-infinity,
      .footer-infinity {
        width: 28px;
        height: 17px;
      }

      .brand-separator,
      .footer-brand-separator {
        height: 32px;
      }

      .brand-copy,
      .footer-brand-copy {
        gap: 7px;
      }

      .brand-name,
      .footer-brand-name {
        font-size: 1.1rem;
      }

      .brand-line,
      .footer-brand-line {
        font-size: 0.76rem;
      }
    }

    .button,
    .button-primary,
    .button-secondary,
    .button-orange,
    .service-package-card .button,
    #services .service-package-card .button,
    .hero-actions .button,
    .case-cta .button,
    .industry-cta .button,
    .process-cta .button,
    .testimonial-footer-card .button,
    .faq-cta-card .button,
    .text-link,
    .contact-widget-toggle,
    .lead-form .button {
      min-height: 54px;
      padding-inline: 24px;
      font-size: var(--type-button);
      font-weight: 600;
      line-height: 1.2;
    }

    main > section:not(.hero) {
      padding-top: clamp(100px, 8vw, 120px);
      padding-bottom: clamp(100px, 8vw, 120px);
    }

    .common-problems,
    #services,
    .lead-approach,
    .improvements,
    .cases-proof,
    .industries,
    .process-section,
    .testimonials,
    .faq-section,
    .footer-contact {
      padding-top: clamp(100px, 8vw, 120px);
      padding-bottom: clamp(100px, 8vw, 120px);
    }

    .section-head,
    .lead-approach .section-head,
    .cases-proof .section-head,
    .industries .section-head,
    .process-section .section-head,
    .testimonials .section-head {
      margin-bottom: 32px;
    }

    @media (max-width: 640px) {
      .button,
      .button-primary,
      .button-secondary,
      .button-orange,
      .service-package-card .button,
      #services .service-package-card .button,
      .hero-actions .button,
      .case-cta .button,
      .industry-cta .button,
      .process-cta .button,
      .testimonial-footer-card .button,
      .faq-cta-card .button,
      .text-link,
      .contact-widget-toggle,
      .lead-form .button {
        min-height: 52px;
      }

      main > section:not(.hero) {
        padding-top: 84px;
        padding-bottom: 84px;
      }

      .common-problems,
      #services,
      .lead-approach,
      .improvements,
      .cases-proof,
      .industries,
      .process-section,
      .testimonials,
      .faq-section,
      .footer-contact {
        padding-top: 84px;
        padding-bottom: 84px;
      }
    }
    /* Design system lock: keep layout width, section rhythm, hero actions, and service packages consistent. */
    :root {
      --max: 1240px;
      --section-y: clamp(56px, 5vw, 76px);
      --section-y-mobile: 48px;
      --card-radius: 18px;
      --card-border: 1px solid rgba(22, 60, 120, 0.14);
      --card-shadow: 0 14px 34px rgba(15, 34, 71, 0.07);
    }

    .container,
    .cases-proof .container,
    .faq-section .container,
    .footer-contact > .container,
    .footer-main > .container {
      width: min(100% - 56px, var(--max));
      max-width: var(--max);
      margin-inline: auto;
    }

    main > section:not(.hero),
    .common-problems,
    #services,
    .lead-approach,
    .improvements,
    .cases-proof,
    .industries,
    .process-section,
    .testimonials,
    .faq-section,
    .footer-contact {
      padding-top: var(--section-y);
      padding-bottom: var(--section-y);
    }

    .section-head,
    .lead-approach .section-head,
    .cases-proof .section-head,
    .industries .section-head,
    .process-section .section-head,
    .testimonials .section-head,
    .faq-intro {
      max-width: 720px;
      margin-bottom: 28px;
    }

    .hero-inner {
      grid-template-columns: minmax(0, 1.08fr) minmax(340px, 430px);
      gap: clamp(56px, 6vw, 92px);
      padding-top: 44px;
      padding-bottom: 52px;
      align-items: center;
    }

    .hero-copy {
      max-width: 760px;
    }

    .hero-lead {
      max-width: 580px;
      margin-bottom: 24px;
    }

    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 18px;
      margin-bottom: 28px;
    }

    .hero-actions .button {
      width: 246px;
      min-height: 54px;
      justify-content: center;
      padding-inline: 18px;
      font-size: 0.94rem;
      text-align: center;
      white-space: nowrap;
    }

    .proof-row {
      display: grid;
      grid-template-columns: repeat(2, minmax(220px, 1fr));
      gap: 14px 28px;
      max-width: 640px;
      padding-top: 8px;
    }

    .proof-row li {
      min-height: 30px;
      align-items: center;
    }

    .proof-row li::before {
      color: #ffffff;
      background: var(--heading-color);
      box-shadow: 0 8px 18px rgba(22, 60, 120, 0.12);
    }

    #services > .container {
      width: min(100% - 40px, 1320px);
      max-width: 1320px;
    }

    #services .service-package-grid {
      grid-template-columns: repeat(5, minmax(210px, 1fr));
      gap: 16px;
      align-items: stretch;
    }

    #services .service-package-card {
      min-height: 440px;
      border: var(--card-border);
      border-radius: var(--card-radius);
      box-shadow: var(--card-shadow);
    }

    #services .service-package-head {
      grid-template-columns: 52px minmax(0, 1fr);
      gap: 14px;
      min-height: 66px;
      padding: 18px 18px 0;
    }

    #services .package-icon {
      width: 52px;
      height: 52px;
      border-radius: 14px;
    }

    #services .package-icon svg {
      width: 28px;
      height: 28px;
    }

    #services .package-logo img {
      width: 30px;
      height: 30px;
    }

    #services .service-number {
      padding-top: 14px;
      font-size: 0.88rem;
    }

    #services .service-package-card .service-body {
      padding: 12px 18px 18px;
    }

    #services .service-package-card h3 {
      margin-bottom: 20px;
      font-size: clamp(1rem, 1vw, 1.12rem);
      line-height: 1.2;
    }

    #services .service-package-card p {
      margin-bottom: 18px;
      font-size: 0.78rem;
      line-height: 1.52;
    }

    #services .service-package-card .service-list {
      gap: 8px;
      margin-bottom: 16px;
      font-size: 0.72rem;
      line-height: 1.3;
    }

    #services .service-package-card .button {
      min-height: 44px;
      justify-content: center;
      padding-inline: 14px;
      font-size: 0.84rem;
      font-weight: 500;
      text-align: center;
      white-space: nowrap;
    }

    #services .service-package-card .button span {
      display: none;
    }

    @media (max-width: 1180px) {
      #services .service-package-grid {
        grid-template-columns: repeat(3, minmax(220px, 1fr));
      }
    }

    @media (max-width: 900px) {
      .hero-inner {
        grid-template-columns: 1fr;
        gap: 34px;
      }

      .hero-actions .button {
        width: min(100%, 260px);
      }

      #services .service-package-grid {
        grid-template-columns: repeat(2, minmax(220px, 1fr));
      }
    }

    @media (max-width: 640px) {
      .container,
      .cases-proof .container,
      .faq-section .container,
      .footer-contact > .container,
      .footer-main > .container,
      #services > .container {
        width: min(100% - 32px, var(--max));
      }

      main > section:not(.hero),
      .common-problems,
      #services,
      .lead-approach,
      .improvements,
      .cases-proof,
      .industries,
      .process-section,
      .testimonials,
      .faq-section,
      .footer-contact {
        padding-top: var(--section-y-mobile);
        padding-bottom: var(--section-y-mobile);
      }

      .hero-inner {
        padding-top: 34px;
        padding-bottom: 42px;
      }

      .hero-actions {
        gap: 12px;
      }

      .hero-actions .button {
        width: 100%;
      }

      .proof-row {
        grid-template-columns: 1fr;
        max-width: none;
      }

      #services .service-package-grid {
        grid-template-columns: 1fr;
      }

      #services .service-package-card {
        min-height: auto;
      }
    }

    /* Final cleanup: keep Common Problems and service packages inside the shared system. */
    .common-problems#common-problems {
      overflow: hidden;
      background: #ffffff;
    }

    .common-problems#common-problems > .container {
      width: min(100% - 56px, var(--max));
      max-width: var(--max);
    }

    .common-problems#common-problems .section-head {
      max-width: 720px;
      margin-bottom: 28px;
    }

    .common-problems#common-problems .section-watermark,
    .common-problems#common-problems .section-kicker {
      display: none;
      color: var(--heading-color);
    }

    .common-problems#common-problems .section-head h2 {
      margin: 0 0 14px;
      color: var(--heading-color);
      font-family: var(--font-main);
      font-size: var(--type-h2);
      font-weight: 700;
      line-height: 1.14;
      letter-spacing: 0;
    }

    .common-problems#common-problems .section-head h2 span {
      color: inherit;
    }

    .common-problems#common-problems .section-head p {
      max-width: 720px;
      color: var(--body-color);
      font-size: var(--type-body);
      line-height: 1.7;
    }

    .common-problems#common-problems .problems-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 22px;
    }

    .common-problems#common-problems .problem-card {
      grid-template-columns: minmax(0, 1fr) 112px;
      min-width: 0;
      min-height: 218px;
      padding: 22px;
      background: #ffffff;
      border: var(--card-border);
      border-radius: var(--card-radius);
      box-shadow: var(--card-shadow);
    }

    .common-problems#common-problems .problem-card:hover,
    .common-problems#common-problems .problem-card:focus-within {
      border-color: rgba(22, 60, 120, 0.28);
      box-shadow: 0 18px 42px rgba(15, 34, 71, 0.09);
    }

    .common-problems#common-problems .problem-card h3 {
      max-width: 210px;
      color: var(--heading-color);
      font-size: 1.02rem;
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: 0;
    }

    .common-problems#common-problems .problem-card h3::after {
      background: var(--heading-color);
      opacity: 0.18;
    }

    .common-problems#common-problems .problem-card p {
      max-width: 220px;
      color: var(--body-color);
      font-size: 0.78rem;
      line-height: 1.58;
    }

    .common-problems#common-problems .problem-accent {
      color: var(--heading-color);
      font-weight: 700;
    }

    .common-problems#common-problems .problem-icon {
      color: var(--heading-color);
      background: #F5F7FA;
      border-color: rgba(22, 60, 120, 0.12);
      box-shadow: none;
    }

    .common-problems#common-problems .problem-icon::after {
      background: var(--heading-color);
      opacity: 0.7;
    }

    .common-problems#common-problems .mini-ui {
      background: #ffffff;
      border-color: rgba(22, 60, 120, 0.14);
      box-shadow: 0 12px 24px rgba(15, 34, 71, 0.08);
    }

    .common-problems#common-problems .mini-bars span:nth-child(2),
    .common-problems#common-problems .mini-bars span:nth-child(3),
    .common-problems#common-problems .mini-columns span:nth-child(2),
    .common-problems#common-problems .mini-columns span:nth-child(3),
    .common-problems#common-problems .mini-columns span:nth-child(4),
    .common-problems#common-problems .mini-dots span,
    .common-problems#common-problems .mini-crm div,
    .common-problems#common-problems .mini-checklist b {
      background: rgba(22, 60, 120, 0.12);
    }

    .common-problems#common-problems .mini-tracking svg circle,
    .common-problems#common-problems .mini-growth svg circle,
    .common-problems#common-problems .mini-row b,
    .common-problems#common-problems .mini-crm b.muted {
      color: var(--heading-color);
      fill: var(--heading-color);
    }

    .common-problems#common-problems .mini-checklist b {
      border-color: var(--heading-color);
    }

    .common-problems#common-problems .mini-growth svg path:nth-child(2) {
      stroke: var(--heading-color);
    }

    .common-problems#common-problems .mini-crm b.muted {
      background: rgba(22, 60, 120, 0.08);
    }

    .common-problems#common-problems .mini-browser button {
      background: var(--heading-color);
    }

    .common-problems#common-problems .problems-cta {
      display: none;
      border-color: rgba(22, 60, 120, 0.14);
    }

    .common-problems#common-problems .problems-cta .text-link {
      background: var(--heading-color);
      box-shadow: 0 14px 30px rgba(22, 60, 120, 0.18);
    }

    #services {
      overflow: hidden;
    }

    #services > .container {
      width: min(100% - 56px, var(--max));
      max-width: var(--max);
    }

    #services .service-package-grid {
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 18px;
      width: 100%;
      min-width: 0;
    }

    #services .service-package-card {
      min-width: 0;
      min-height: 460px;
    }

    #services .service-package-card .button {
      min-height: 44px;
      font-size: 0.82rem;
    }

    @media (max-width: 1180px) {
      #services .service-package-grid,
      .common-problems#common-problems .problems-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }

    @media (max-width: 820px) {
      #services .service-package-grid,
      .common-problems#common-problems .problems-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 640px) {
      .common-problems#common-problems > .container,
      #services > .container {
        width: min(100% - 32px, var(--max));
      }

      #services .service-package-grid,
      .common-problems#common-problems .problems-grid {
        grid-template-columns: 1fr;
      }
    }

    /* Services cards final typography and hierarchy pass. */
    #services > .container {
      width: min(100% - 48px, 1180px);
      max-width: 1180px;
    }

    #services .service-package-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 26px;
      align-items: stretch;
      width: 100%;
      min-width: 0;
    }

    #services .service-package-card {
      min-width: 0;
      min-height: 0;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      background: #ffffff;
      border: 1px solid rgba(22, 60, 120, 0.14);
      border-radius: 22px;
      box-shadow: 0 16px 40px rgba(15, 34, 71, 0.07);
    }

    #services .service-package-card:hover,
    #services .service-package-card:focus-within {
      transform: translateY(-4px);
      border-color: rgba(22, 60, 120, 0.24);
      box-shadow: 0 22px 52px rgba(15, 34, 71, 0.1);
    }

    #services .service-media {
      position: relative;
      width: 100%;
      aspect-ratio: 1.86 / 1;
      overflow: hidden;
      background: #F5F7FA;
      border-bottom: 1px solid #DDE4EE;
    }

    #services .service-media img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      filter: saturate(0.96) contrast(1.03);
      transition: transform 0.25s ease;
    }

    #services .service-package-card:hover .service-media img,
    #services .service-package-card:focus-within .service-media img {
      transform: scale(1.035);
    }

    #services .service-package-head {
      display: grid;
      grid-template-columns: 50px minmax(0, 1fr);
      align-items: center;
      gap: 15px;
      min-height: 0;
      padding: 20px 22px 0;
    }

    #services .package-icon {
      width: 50px;
      height: 50px;
      border-radius: 13px;
      background: #F5F7FA;
      border: 1px solid #DDE4EE;
      color: var(--heading-color);
    }

    #services .package-icon svg {
      width: 25px;
      height: 25px;
      stroke: currentColor;
    }

    #services .package-logo img {
      width: 34px;
      height: 34px;
      object-fit: contain;
    }

    #services .service-number {
      display: inline-flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 9px;
      padding-top: 0;
      color: #2E7DE1;
      font-size: 13px;
      font-weight: 600;
      line-height: 1;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    #services .service-number::after {
      position: static;
      width: 24px;
      height: 2px;
      background: #2E7DE1;
      border-radius: 999px;
    }

    #services .service-package-card .service-body {
      flex: 1;
      display: flex;
      flex-direction: column;
      padding: 18px 22px 22px;
    }

    #services .service-package-card h3 {
      margin: 0 0 16px;
      color: var(--heading-color);
      font-size: 20px;
      font-weight: 700;
      line-height: 1.24;
      letter-spacing: 0;
    }

    #services .service-package-card h3::after {
      display: block;
      position: static;
      width: 26px;
      height: 2px;
      margin-top: 12px;
      background: #2E7DE1;
      border-radius: 999px;
    }

    #services .service-package-card p {
      max-width: none;
      margin: 0 0 17px;
      padding-bottom: 15px;
      color: var(--body-color);
      border-bottom: 1px solid #DDE4EE;
      font-size: 15px;
      font-weight: 400;
      line-height: 1.52;
    }

    #services .service-package-card .service-list {
      display: grid;
      gap: 9px;
      margin: 0 0 20px;
      padding: 0;
      color: var(--body-color);
      font-size: 15px;
      font-weight: 400;
      line-height: 1.5;
    }

    #services .service-package-card .service-list li {
      grid-template-columns: 12px minmax(0, 1fr);
      gap: 10px;
      align-items: start;
      color: var(--body-color);
      font-size: 14px;
      font-weight: 400;
      line-height: 1.48;
    }

    #services .service-package-card .service-list li::before {
      color: #2E7DE1;
      font-size: 0.72rem;
      line-height: 1.35;
    }

    #services .service-package-card .button {
      width: 100%;
      min-height: 48px;
      margin-top: auto;
      justify-content: center;
      padding-inline: 16px;
      color: #ffffff;
      background: var(--heading-color);
      border-color: var(--heading-color);
      border-radius: 10px;
      box-shadow: 0 14px 28px rgba(22, 60, 120, 0.18);
      font-size: 15px;
      font-weight: 600;
      line-height: 1.2;
      text-align: center;
      white-space: nowrap;
    }

    #services .service-package-card .button:hover,
    #services .service-package-card .button:focus-visible {
      background: var(--heading-color);
      border-color: var(--heading-color);
      box-shadow: 0 18px 36px rgba(22, 60, 120, 0.24);
      filter: brightness(0.95);
    }

    #services .service-package-card .button span,
    #services .service-badge {
      display: none;
    }

    @media (max-width: 1180px) {
      #services > .container {
        width: min(100% - 48px, var(--max));
      }

      #services .service-package-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      #services .service-package-card {
        min-height: 0;
      }
    }

    @media (max-width: 640px) {
      #services > .container {
        width: min(100% - 32px, var(--max));
      }

      #services .service-package-grid {
        grid-template-columns: 1fr;
      }

      #services .service-package-card {
        min-height: auto;
        border-radius: 20px;
      }

      #services .service-package-head {
        padding: 22px 20px 0;
      }

      #services .service-package-card .service-body {
        padding: 20px 20px 26px;
      }

      #services .service-package-card h3 {
        font-size: 22px;
        line-height: 1.25;
      }

      #services .service-media {
        aspect-ratio: 1.8 / 1;
      }
    }

    /* Unified background graphics system: quiet analytics watermarks used across sections. */
    .hero,
    .common-problems,
    #services,
    .lead-approach,
    .improvements,
    .cases-proof,
    .industries,
    .process-section,
    .testimonials,
    .faq-section,
    .footer-contact,
    .footer-main {
      position: relative;
      overflow: hidden;
      isolation: isolate;
    }

    .hero > .container,
    .common-problems > .container,
    #services > .container,
    .lead-approach > .container,
    .improvements > .container,
    .cases-proof > .container,
    .industries > .container,
    .process-section > .container,
    .testimonials > .container,
    .faq-section > .container,
    .footer-contact > .container,
    .footer-main > .container {
      position: relative;
      z-index: 2;
    }

    .hero::before,
    .common-problems::before,
    #services::before,
    .lead-approach::before,
    .improvements::before,
    .cases-proof::before,
    .industries::before,
    .process-section::before,
    .testimonials::before,
    .faq-section::before,
    .footer-contact::before,
    .footer-main::before {
      content: "";
      position: absolute;
      z-index: 0;
      pointer-events: none;
      width: clamp(180px, 22vw, 340px);
      height: clamp(180px, 22vw, 340px);
      right: clamp(18px, 4vw, 72px);
      top: clamp(24px, 9vw, 96px);
      opacity: 0.18;
      background-image:
        radial-gradient(circle, rgba(22, 60, 120, 0.34) 1.1px, transparent 1.6px),
        linear-gradient(rgba(22, 60, 120, 0.13) 1px, transparent 1px),
        linear-gradient(90deg, rgba(22, 60, 120, 0.13) 1px, transparent 1px);
      background-position: 0 0, 8px 8px, 8px 8px;
      background-size: 20px 20px, 44px 44px, 44px 44px;
      border-radius: 50%;
      mask-image: radial-gradient(circle, #000 0%, rgba(0, 0, 0, 0.72) 52%, transparent 78%);
    }

    .hero::after,
    .common-problems::after,
    #services::after,
    .lead-approach::after,
    .improvements::after,
    .cases-proof::after,
    .industries::after,
    .process-section::after,
    .testimonials::after,
    .faq-section::after,
    .footer-contact::after,
    .footer-main::after {
      content: "";
      position: absolute;
      z-index: 0;
      pointer-events: none;
      width: clamp(160px, 19vw, 300px);
      height: clamp(112px, 13vw, 180px);
      left: clamp(16px, 4vw, 72px);
      bottom: clamp(26px, 6vw, 88px);
      opacity: 0.045;
      background: url("data:image/svg+xml,%3Csvg width='300' height='180' viewBox='0 0 300 180' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44 112C76 74 101 72 132 105C162 137 193 112 215 78C236 45 257 50 274 76' stroke='%23163C78' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M62 120C100 94 136 132 176 96C210 66 236 72 258 100' stroke='%232E7DE1' stroke-width='3' stroke-linecap='round' stroke-dasharray='9 12'/%3E%3Ccircle cx='44' cy='112' r='13' stroke='%23163C78' stroke-width='3'/%3E%3Ccircle cx='132' cy='105' r='13' stroke='%232E7DE1' stroke-width='3'/%3E%3Ccircle cx='215' cy='78' r='13' stroke='%23163C78' stroke-width='3'/%3E%3Ccircle cx='274' cy='76' r='13' stroke='%232E7DE1' stroke-width='3'/%3E%3Cpath d='M92 44h116M92 58h74' stroke='%23163C78' stroke-width='3' stroke-linecap='round' opacity='.45'/%3E%3C/svg%3E") center / contain no-repeat;
      filter: none;
      transform: none;
    }

    .hero::before,
    .lead-approach::before,
    .industries::before,
    .faq-section::before {
      right: auto;
      left: clamp(14px, 3vw, 58px);
    }

    .hero::after,
    .lead-approach::after,
    .industries::after,
    .faq-section::after {
      left: auto;
      right: clamp(16px, 4vw, 72px);
    }

    .common-problems::before,
    .cases-proof::before,
    .testimonials::before,
    .footer-contact::before {
      top: auto;
      bottom: clamp(20px, 5vw, 80px);
    }

    .common-problems::after,
    .cases-proof::after,
    .testimonials::after,
    .footer-contact::after {
      bottom: auto;
      top: clamp(30px, 7vw, 92px);
    }

    .footer-main::before {
      inset: 0;
      width: auto;
      height: auto;
      right: auto;
      top: auto;
      opacity: 0.12;
      border-radius: 0;
      mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);
    }

    .footer-main::after {
      right: clamp(16px, 5vw, 86px);
      left: auto;
      bottom: 22px;
      opacity: 0.055;
    }

    .section-watermark {
      position: absolute;
      z-index: 0;
      display: block;
      pointer-events: none;
      color: #163C78;
      font-family: var(--font-main);
      font-size: clamp(4rem, 8vw, 9rem);
      font-weight: 700;
      line-height: 1;
      letter-spacing: -0.08em;
      opacity: 0.024;
      transform: rotate(-6deg);
      user-select: none;
    }

    .common-problems#common-problems .section-watermark {
      display: block;
      color: #163C78;
    }

    .section-watermark::before,
    .section-watermark::after {
      content: "";
      position: absolute;
      display: block;
      pointer-events: none;
      opacity: 0.28;
    }

    .section-watermark::before {
      width: 1.38em;
      height: 0.76em;
      left: 50%;
      top: 50%;
      z-index: -1;
      border: 1px solid currentColor;
      border-radius: 999px;
      background:
        radial-gradient(circle, currentColor 1px, transparent 1.6px) 0 0 / 0.17em 0.17em;
      transform: translate(-50%, -50%) rotate(6deg);
    }

    .section-watermark::after {
      width: 0.56em;
      height: 0.4em;
      right: -0.22em;
      bottom: -0.08em;
      border-bottom: 2px solid currentColor;
      border-left: 2px solid currentColor;
      border-radius: 0 0 0 12px;
    }

    .watermark-hero,
    .watermark-services,
    .watermark-improvements,
    .watermark-industries,
    .watermark-testimonials,
    .watermark-contact {
      right: clamp(22px, 4vw, 76px);
      left: auto;
    }

    .watermark-common,
    .watermark-approach,
    .watermark-cases,
    .watermark-process,
    .watermark-faq {
      left: clamp(22px, 4vw, 76px);
      right: auto;
    }

    .watermark-hero {
      bottom: 12%;
    }

    .watermark-common,
    .watermark-services,
    .watermark-cases,
    .watermark-industries,
    .watermark-contact {
      bottom: clamp(30px, 8vw, 96px);
      top: auto;
    }

    .watermark-approach,
    .watermark-improvements,
    .watermark-process,
    .watermark-testimonials,
    .watermark-faq {
      top: clamp(28px, 7vw, 92px);
      bottom: auto;
    }

    @media (prefers-reduced-motion: no-preference) {
      .hero::before,
      .common-problems::before,
      #services::before,
      .lead-approach::before,
      .improvements::before,
      .cases-proof::before,
      .industries::before,
      .process-section::before,
      .testimonials::before,
      .faq-section::before,
      .footer-contact::before {
        animation: decorDrift 18s ease-in-out infinite;
      }

      .section-watermark {
        animation: decorFloat 14s ease-in-out infinite;
      }
    }

    @keyframes decorDrift {
      0%, 100% {
        transform: translate3d(0, 0, 0);
      }
      50% {
        transform: translate3d(0, -8px, 0);
      }
    }

    @keyframes decorFloat {
      0%, 100% {
        transform: translate3d(0, 0, 0) rotate(-6deg);
      }
      50% {
        transform: translate3d(0, -6px, 0) rotate(-4deg);
      }
    }

    @media (max-width: 760px) {
      .hero::before,
      .common-problems::before,
      #services::before,
      .lead-approach::before,
      .improvements::before,
      .cases-proof::before,
      .industries::before,
      .process-section::before,
      .testimonials::before,
      .faq-section::before,
      .footer-contact::before,
      .footer-main::before {
        width: 190px;
        height: 190px;
        opacity: 0.11;
      }

      .hero::after,
      .common-problems::after,
      #services::after,
      .lead-approach::after,
      .improvements::after,
      .cases-proof::after,
      .industries::after,
      .process-section::after,
      .testimonials::after,
      .faq-section::after,
      .footer-contact::after,
      .footer-main::after {
        display: none;
      }

      .section-watermark {
        display: none;
      }
    }

    /* Final alignment and hero breathing room pass. */
    :root {
      --site-frame: min(100% - 56px, var(--max));
    }

    .container,
    .common-problems#common-problems > .container,
    #services > .container,
    .lead-approach > .container,
    .improvements > .container,
    .cases-proof > .container,
    .industries > .container,
    .process-section > .container,
    .testimonials > .container,
    .faq-section > .container,
    .footer-contact > .container,
    .footer-main > .container {
      width: var(--site-frame);
      max-width: var(--max);
      margin-inline: auto;
    }

    .hero {
      padding-top: clamp(24px, 3.5vw, 48px);
      padding-bottom: clamp(58px, 6vw, 88px);
    }

    .hero-inner {
      grid-template-columns: minmax(0, 1.08fr) minmax(360px, 430px);
      gap: clamp(76px, 8vw, 124px);
      align-items: center;
      padding-top: clamp(28px, 4vw, 58px);
      padding-bottom: clamp(34px, 4.5vw, 66px);
    }

    .hero-copy {
      max-width: 760px;
    }

    .hero-trust-label {
      margin-bottom: 18px;
    }

    .hero-trust-label,
    #hero-title {
      position: relative;
      top: -24px;
    }

    .hero-lead {
      max-width: 560px;
      margin-top: 26px;
      margin-bottom: 34px;
    }

    .hero-actions {
      gap: 22px;
      margin-bottom: 44px;
    }

    .hero-actions .button {
      width: 250px;
      min-height: 56px;
      font-size: 0.94rem;
    }

    .proof-row {
      grid-template-columns: repeat(2, minmax(260px, 1fr));
      gap: 20px 36px;
      max-width: 720px;
      padding-top: 4px;
    }

    .proof-row li {
      min-height: 42px;
      color: #334155;
      font-size: 1rem;
      font-weight: 600;
    }

    .proof-row li::before {
      content: "";
      width: 32px;
      height: 32px;
      flex: 0 0 32px;
      margin-right: 13px;
      background-color: #F5F7FA;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 18px 18px;
      border: 1px solid rgba(22, 60, 120, 0.14);
      border-radius: 999px;
      box-shadow: 0 10px 20px rgba(15, 34, 71, 0.06);
    }

    .proof-row li:nth-child(1)::before {
      background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3l2.4 4.9 5.4.8-3.9 3.8.9 5.4L12 15.3l-4.8 2.6.9-5.4-3.9-3.8 5.4-.8L12 3Z' stroke='%23163C78' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M9.5 12.2l1.7 1.7 3.4-3.8' stroke='%23BD8D42' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }

    .proof-row li:nth-child(2)::before {
      background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 13h3l9 5V6l-9 5H4v2Z' stroke='%23163C78' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M7 13v5' stroke='%23163C78' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M19 9c.8.8 1.2 1.8 1.2 3S19.8 14.2 19 15' stroke='%23BD8D42' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    }

    .proof-row li:nth-child(3)::before {
      background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 19V5M4 19h16' stroke='%23163C78' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M7 15l3.5-3.5 3 2.4L19 8' stroke='%23163C78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='19' cy='8' r='2' fill='%23BD8D42'/%3E%3C/svg%3E");
    }

    .proof-row li:nth-child(4)::before {
      background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 18c.7-2 2.5-3.3 5-3.3S16.3 16 17 18' stroke='%23163C78' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='9' r='3.2' stroke='%23163C78' stroke-width='2'/%3E%3Cpath d='M17.5 8.5h2.2v2.2M19.6 8.7l-4.1 4.1' stroke='%23BD8D42' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }

    .proof-row li:nth-child(1)::before,
    .proof-row li:nth-child(2)::before,
    .proof-row li:nth-child(3)::before,
    .proof-row li:nth-child(4)::before {
      width: 32px;
      height: 32px;
      flex-basis: 32px;
      background-color: #F5F7FA;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 18px 18px;
      border: 1px solid rgba(22, 60, 120, 0.14);
      box-shadow: 0 10px 20px rgba(15, 34, 71, 0.06);
    }

    #services > .container {
      width: var(--site-frame);
      max-width: var(--max);
    }

    #services .service-package-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 24px;
      width: 100%;
      max-width: none;
      margin-inline: 0;
    }

    #services .service-package-card {
      width: 100%;
      min-height: 0;
    }

    .testimonial-carousel,
    .testimonial-footer-card,
    .process-cta,
    .faq-cta-card {
      width: 100%;
      max-width: none;
      margin-inline: 0;
    }

    .testimonial-viewport {
      width: 100%;
      margin-inline: 0;
    }

    @media (max-width: 1180px) {
      #services .service-package-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 900px) {
      .hero-inner {
        grid-template-columns: 1fr;
        gap: 44px;
      }

      .hero-actions .button {
        width: min(100%, 260px);
      }

      .proof-row {
        grid-template-columns: 1fr;
        max-width: 620px;
      }
    }

    @media (max-width: 640px) {
      :root {
        --site-frame: min(100% - 32px, var(--max));
      }

      .hero {
        padding-top: 24px;
        padding-bottom: 56px;
      }

      .hero-trust-label,
      #hero-title {
        top: -16px;
      }

      .hero-inner {
        padding-top: 24px;
        padding-bottom: 34px;
      }

      .hero-actions {
        gap: 12px;
      }

      .hero-actions .button {
        width: 100%;
      }

      #services .service-package-grid {
        grid-template-columns: 1fr;
      }
    }
    /* Final brand polish: restore orange CTA buttons and use balanced infinity marks. */
    :root {
      --button-orange: #f97316;
      --button-orange-dark: #ea580c;
      --button-orange-shadow: rgba(249, 115, 22, 0.28);
    }

    .button-primary,
    .button-orange,
    .hero-actions .button-primary,
    .case-cta .button-orange,
    .industry-cta .button-primary,
    .process-cta .button-primary,
    .testimonial-footer-card .button-primary,
    .faq-cta-card .button-primary,
    .lead-form .button-primary,
    #services .service-package-card .button,
    .contact-widget-toggle {
      color: #ffffff;
      background: var(--button-orange);
      border-color: var(--button-orange);
      box-shadow: 0 16px 34px var(--button-orange-shadow);
    }

    .button-primary:hover,
    .button-primary:focus-visible,
    .button-orange:hover,
    .button-orange:focus-visible,
    .case-cta .button-orange:hover,
    .case-cta .button-orange:focus-visible,
    .industry-cta .button-primary:hover,
    .industry-cta .button-primary:focus-visible,
    .process-cta .button-primary:hover,
    .process-cta .button-primary:focus-visible,
    .testimonial-footer-card .button-primary:hover,
    .testimonial-footer-card .button-primary:focus-visible,
    .faq-cta-card .button-primary:hover,
    .faq-cta-card .button-primary:focus-visible,
    .lead-form .button-primary:hover,
    .lead-form .button-primary:focus-visible,
    #services .service-package-card .button:hover,
    #services .service-package-card .button:focus-visible,
    .contact-widget-toggle:hover,
    .contact-widget-toggle:focus-visible {
      color: #ffffff;
      background: var(--button-orange-dark);
      border-color: var(--button-orange-dark);
      box-shadow: 0 18px 38px rgba(249, 115, 22, 0.34);
      filter: none;
    }

    .button-secondary,
    .hero-actions .button-secondary,
    .text-link {
      color: var(--button-orange);
      border-color: rgba(249, 115, 22, 0.48);
    }

    .button-secondary:hover,
    .button-secondary:focus-visible,
    .hero-actions .button-secondary:hover,
    .hero-actions .button-secondary:focus-visible,
    .text-link:hover,
    .text-link:focus-visible {
      color: var(--button-orange-dark);
      border-color: var(--button-orange);
      box-shadow: 0 14px 30px rgba(249, 115, 22, 0.18);
    }

    .section-watermark {
      width: clamp(8rem, 14vw, 18rem);
      height: clamp(4.4rem, 7.6vw, 9.8rem);
      font-size: 0;
      letter-spacing: 0;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 440 240'%3E%3Cpath d='M40 120C40 60 110 50 220 120C330 190 400 180 400 120C400 60 330 50 220 120C110 190 40 180 40 120Z' fill='none' stroke='%23163C78' stroke-width='24' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .section-watermark::before,
    .section-watermark::after {
      display: none;
    }

    .brand-infinity,
    .footer-infinity {
      width: 24px;
      height: 14px;
      color: #071846;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 28'%3E%3Cpath d='M24 14C18 7 10 6 6 11C1.5 17 8.5 23 16 20C19 18.8 21.5 16.2 24 14ZM24 14C30 7 38 6 42 11C46.5 17 39.5 23 32 20C29 18.8 26.5 16.2 24 14Z' fill='none' stroke='%23071846' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .brand-text,
    .footer-brand-mark {
      display: inline-grid;
      grid-template-columns: 24px 1px minmax(0, auto);
      align-items: center;
      column-gap: 14px;
      min-width: 260px;
      color: #071846;
    }

    .brand-separator,
    .footer-brand-separator {
      width: 1px;
      height: 30px;
      background: #d8dfec;
      opacity: 1;
    }

    .brand-copy,
    .footer-brand-copy {
      gap: 5px;
    }

    .brand-name,
    .footer-brand-name {
      color: #071846;
      font-size: 1rem;
      font-weight: 800;
      line-height: 1;
      letter-spacing: 0;
    }

    .brand-line,
    .footer-brand-line {
      color: #5d687d;
      font-size: 0.72rem;
      font-weight: 500;
      line-height: 1.15;
      letter-spacing: 0;
    }

    @media (max-width: 640px) {
      .brand-text,
      .footer-brand-mark {
        grid-template-columns: 21px 1px minmax(0, 1fr);
        column-gap: 11px;
      }

      .brand-infinity,
      .footer-infinity {
        width: 21px;
        height: 13px;
      }

      .brand-separator,
      .footer-brand-separator {
        height: 36px;
      }

      .brand-name,
      .footer-brand-name {
        font-size: 18px;
      }

      .brand-line,
      .footer-brand-line {
        font-size: 12px;
      }
    }

    /* Site typography consistency: one font system, calmer text weight. */
    body,
    button,
    input,
    textarea,
    select {
      font-family: var(--font-main) !important;
    }

    main :where(p, li, a, button, input, textarea, select, label, small, span),
    header :where(a, span, button),
    footer :where(p, li, a, button, small, span),
    .lead-form-modal :where(p, label, input, textarea, button, small, span) {
      font-family: var(--font-main) !important;
    }

    main :where(p, li, small, label),
    footer :where(p, li, small),
    .lead-form-modal :where(p, label, small) {
      font-weight: 500 !important;
    }

    main :where(strong, b),
    footer :where(strong, b),
    .lead-form-modal :where(strong, b) {
      font-weight: 700 !important;
    }

    main :where(h1, h2, h3, h4, h5, h6),
    footer :where(h1, h2, h3, h4, h5, h6),
    .lead-form-modal :where(h1, h2, h3, h4, h5, h6) {
      font-family: var(--font-main) !important;
      font-weight: 700 !important;
      letter-spacing: 0 !important;
    }

    .section-kicker,
    .button,
    .brand-name,
    .footer-brand-name,
    .case-card-link,
    .service-card .service-tag,
    .modal-pill,
    .language-switcher button {
      font-weight: 700 !important;
    }

    /* Bright homepage redraw: Common Problems block. */
    .common-problems#common-problems {
      padding-top: 86px;
      padding-bottom: 92px;
      background:
        radial-gradient(circle at 88% 8%, rgba(46, 125, 225, 0.08), transparent 32%),
        linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
      border-top: 1px solid rgba(15, 34, 71, 0.06);
      border-bottom: 1px solid rgba(15, 34, 71, 0.06);
    }

    .common-problems#common-problems::before,
    .common-problems#common-problems::after,
    .common-problems#common-problems .section-watermark,
    .common-problems#common-problems .section-kicker {
      display: none !important;
    }

    .common-problems#common-problems > .container {
      width: min(100% - 64px, 1320px);
      max-width: 1320px;
    }

    .common-problems#common-problems .section-head {
      max-width: 930px;
      margin: 0 0 36px;
      text-align: left;
    }

    .common-problems#common-problems .section-head h2 {
      max-width: none;
      margin: 0;
      color: #071846;
      font-size: 3.65rem;
      font-weight: 700 !important;
      line-height: 1.06;
      letter-spacing: 0;
    }

    .common-problems#common-problems .section-head h2 span {
      display: inline;
      color: inherit;
    }

    .common-problems#common-problems .section-head h2::after {
      content: "";
      display: block;
      width: 74px;
      height: 5px;
      margin-top: 22px;
      background: #ff6b16;
      border-radius: 999px;
      box-shadow: none;
    }

    .common-problems#common-problems .section-head p {
      max-width: 850px;
      margin-top: 26px;
      color: #46546c;
      font-size: 1.2rem;
      line-height: 1.48;
      font-weight: 500 !important;
    }

    .common-problems#common-problems .problems-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 24px;
      align-items: stretch;
    }

    .common-problems#common-problems .problem-card {
      position: relative;
      min-height: 286px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) 168px;
      gap: 22px;
      align-items: center;
      padding: 30px;
      overflow: hidden;
      background: rgba(255, 255, 255, 0.96);
      border: 1px solid rgba(15, 34, 71, 0.1);
      border-radius: 18px;
      box-shadow: 0 20px 50px rgba(15, 34, 71, 0.08);
      transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
    }

    .common-problems#common-problems .problem-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, rgba(46, 125, 225, 0.035), transparent 46%),
        radial-gradient(circle at 93% 14%, rgba(255, 107, 22, 0.08), transparent 24%);
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.22s ease;
    }

    .common-problems#common-problems .problem-card:hover,
    .common-problems#common-problems .problem-card:focus-within {
      transform: translateY(-5px);
      border-color: rgba(46, 125, 225, 0.22);
      box-shadow: 0 26px 62px rgba(15, 34, 71, 0.12);
    }

    .common-problems#common-problems .problem-card:hover::before,
    .common-problems#common-problems .problem-card:focus-within::before {
      opacity: 1;
    }

    .common-problems#common-problems .problem-copy,
    .common-problems#common-problems .problem-visual {
      position: relative;
      z-index: 1;
    }

    .common-problems#common-problems .problem-copy {
      min-width: 0;
    }

    .common-problems#common-problems .problem-icon {
      width: 72px;
      height: 72px;
      margin: 0 0 24px;
      color: #071846;
      background: linear-gradient(145deg, #eef5ff 0%, #ffffff 100%);
      border: 1px solid rgba(46, 125, 225, 0.12);
      border-radius: 999px;
      box-shadow: 0 14px 30px rgba(15, 34, 71, 0.08);
    }

    .common-problems#common-problems .problem-icon::after {
      right: 9px;
      bottom: 10px;
      width: 11px;
      height: 11px;
      background: #ff6b16;
      opacity: 1;
      box-shadow: 0 8px 18px rgba(255, 107, 22, 0.24);
    }

    .common-problems#common-problems .problem-icon svg {
      width: 36px;
      height: 36px;
      stroke-width: 1.8;
    }

    .common-problems#common-problems .problem-card h3 {
      max-width: 280px;
      margin: 0;
      color: #071846;
      font-size: 1.58rem;
      font-weight: 700 !important;
      line-height: 1.14;
      letter-spacing: 0;
    }

    .common-problems#common-problems .problem-card h3::after {
      content: "";
      display: block;
      width: 34px;
      height: 3px;
      margin-top: 18px;
      background: #ff6b16;
      border-radius: 999px;
      opacity: 1;
    }

    .common-problems#common-problems .problem-card p {
      max-width: 330px;
      margin-top: 24px;
      color: #4b5870;
      font-size: 1.02rem;
      line-height: 1.62;
      font-weight: 500 !important;
    }

    .common-problems#common-problems .problem-accent {
      color: #ff6414;
      font-weight: 700 !important;
    }

    .common-problems#common-problems .problem-visual {
      width: 168px;
      min-height: 176px;
      justify-self: end;
      display: grid;
      place-items: center;
    }

    .common-problems#common-problems .problem-visual::before {
      display: none;
    }

    .common-problems#common-problems .mini-ui {
      width: 168px;
      height: 168px;
      overflow: hidden;
      color: #071846;
      background: rgba(255, 255, 255, 0.98);
      border: 1px solid rgba(15, 34, 71, 0.1);
      border-radius: 18px;
      box-shadow: 0 18px 38px rgba(15, 34, 71, 0.11);
    }

    .common-problems#common-problems .mini-ui::after {
      display: none;
    }

    .common-problems#common-problems .mini-ui strong {
      color: #071846;
      font-size: 0.88rem;
      font-weight: 700 !important;
      line-height: 1.15;
    }

    .common-problems#common-problems .mini-chip {
      top: 18px;
      right: 18px;
      padding: 6px 12px;
      color: #071846;
      background: #f1f6ff;
      border-color: rgba(46, 125, 225, 0.12);
      font-size: 0.74rem;
      font-weight: 700 !important;
    }

    .common-problems#common-problems .mini-tracking {
      padding: 22px 20px 18px;
    }

    .common-problems#common-problems .mini-bars {
      left: 28px;
      bottom: 32px;
      height: 72px;
      gap: 11px;
    }

    .common-problems#common-problems .mini-bars span {
      width: 22px;
      background: rgba(46, 125, 225, 0.18);
      border-radius: 7px 7px 3px 3px;
    }

    .common-problems#common-problems .mini-bars span:nth-child(1) {
      height: 52px;
      background: rgba(46, 125, 225, 0.18);
    }

    .common-problems#common-problems .mini-bars span:nth-child(2) {
      height: 42px;
      background: rgba(46, 125, 225, 0.28);
    }

    .common-problems#common-problems .mini-bars span:nth-child(3) {
      height: 70px;
      background: rgba(46, 125, 225, 0.2);
    }

    .common-problems#common-problems .mini-tracking svg,
    .common-problems#common-problems .mini-growth svg {
      inset: auto 18px 18px 18px;
      width: calc(100% - 36px);
      height: 76px;
    }

    .common-problems#common-problems .mini-tracking svg path:first-child,
    .common-problems#common-problems .mini-growth svg path:nth-child(2) {
      stroke: #071846;
      stroke-width: 4;
    }

    .common-problems#common-problems .mini-tracking svg circle,
    .common-problems#common-problems .mini-growth svg circle {
      fill: #ff6b16;
      stroke: #ffffff;
      stroke-width: 3;
    }

    .common-problems#common-problems .mini-report {
      padding: 26px 22px 18px;
    }

    .common-problems#common-problems .mini-report strong {
      margin-bottom: 18px;
    }

    .common-problems#common-problems .mini-row {
      padding: 8px 0;
      color: #5b6678;
      font-size: 0.9rem;
      border-top-color: rgba(15, 34, 71, 0.08);
    }

    .common-problems#common-problems .mini-row b {
      color: #071846;
      font-size: 0.88rem;
      font-weight: 700 !important;
    }

    .common-problems#common-problems .mini-columns {
      height: 34px;
      margin-top: 13px;
      gap: 8px;
    }

    .common-problems#common-problems .mini-columns span {
      width: 22px;
      background: rgba(46, 125, 225, 0.2);
      border-radius: 6px 6px 3px 3px;
    }

    .common-problems#common-problems .mini-columns span:nth-child(1) { height: 14px; background: rgba(46, 125, 225, 0.16); }
    .common-problems#common-problems .mini-columns span:nth-child(2) { height: 20px; background: rgba(46, 125, 225, 0.22); }
    .common-problems#common-problems .mini-columns span:nth-child(3) { height: 28px; background: rgba(46, 125, 225, 0.28); }
    .common-problems#common-problems .mini-columns span:nth-child(4) { height: 42px; background: #ff8a32; }

    .common-problems#common-problems .mini-browser {
      padding: 22px 18px 18px;
    }

    .common-problems#common-problems .mini-dots {
      gap: 7px;
      margin-bottom: 20px;
    }

    .common-problems#common-problems .mini-dots span {
      width: 8px;
      height: 8px;
      background: #ff6b16;
    }

    .common-problems#common-problems .mini-dots span:nth-child(3) {
      background: rgba(46, 125, 225, 0.45);
    }

    .common-problems#common-problems .mini-browser i {
      width: 118px;
      height: 18px;
      margin: 0 auto 10px;
      background: #edf1f6;
      border: 0;
      border-radius: 999px;
    }

    .common-problems#common-problems .mini-browser button {
      width: 120px;
      height: 28px;
      margin: 14px auto 0;
      color: #ffffff;
      background: #ff6b16;
      border-radius: 999px;
      font-size: 0.76rem;
      font-weight: 700 !important;
    }

    .common-problems#common-problems .mini-checklist {
      padding: 24px 22px;
      background: #ffffff;
      transform: none;
    }

    .common-problems#common-problems .mini-checklist strong {
      margin-bottom: 18px;
    }

    .common-problems#common-problems .mini-checklist span {
      margin-top: 14px;
      gap: 12px;
      color: #46546c;
      font-size: 0.92rem;
      font-weight: 600 !important;
    }

    .common-problems#common-problems .mini-checklist b {
      width: 22px;
      height: 22px;
      border: 0;
      background: #ff6b16;
      position: relative;
    }

    .common-problems#common-problems .mini-checklist b::after {
      content: "";
      position: absolute;
      left: 7px;
      top: 5px;
      width: 6px;
      height: 10px;
      border: solid #ffffff;
      border-width: 0 2px 2px 0;
      transform: rotate(45deg);
    }

    .common-problems#common-problems .mini-crm {
      padding: 22px 18px;
    }

    .common-problems#common-problems .mini-crm strong {
      margin-bottom: 16px;
    }

    .common-problems#common-problems .mini-crm div {
      min-height: 30px;
      margin-top: 9px;
      padding: 0 10px;
      color: #475569;
      background: #f4f7fb;
      font-size: 0.78rem;
      font-weight: 600 !important;
    }

    .common-problems#common-problems .mini-crm b {
      padding: 4px 8px;
      color: #126b3a;
      background: rgba(42, 190, 105, 0.15);
      font-size: 0.66rem;
      font-weight: 700 !important;
    }

    .common-problems#common-problems .mini-crm b.muted {
      color: #8a5b00;
      background: rgba(255, 190, 72, 0.23);
    }

    .common-problems#common-problems .mini-growth {
      padding: 24px 22px;
    }

    .common-problems#common-problems .mini-growth svg {
      left: 18px;
      right: 18px;
      bottom: 24px;
      width: calc(100% - 36px);
      height: 88px;
    }

    .common-problems#common-problems .mini-growth svg path:first-child {
      stroke: rgba(15, 34, 71, 0.12);
      stroke-width: 2;
    }

    .common-problems#common-problems .mini-growth svg path:nth-child(2) {
      stroke: #071846;
    }

    @media (max-width: 1180px) {
      .common-problems#common-problems .section-head h2 {
        font-size: 3rem;
      }

      .common-problems#common-problems .section-head p {
        font-size: 1.08rem;
      }

      .common-problems#common-problems .problems-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 760px) {
      .common-problems#common-problems {
        padding-top: 64px;
        padding-bottom: 68px;
      }

      .common-problems#common-problems > .container {
        width: min(100% - 32px, 1320px);
      }

      .common-problems#common-problems .section-head {
        margin-bottom: 28px;
      }

      .common-problems#common-problems .section-head h2 {
        font-size: 2.2rem;
        line-height: 1.08;
      }

      .common-problems#common-problems .section-head h2::after {
        width: 58px;
        height: 4px;
        margin-top: 18px;
      }

      .common-problems#common-problems .section-head p {
        margin-top: 20px;
        font-size: 1.04rem;
        line-height: 1.58;
      }

      .common-problems#common-problems .section-head p br {
        display: none;
      }

      .common-problems#common-problems .problems-grid {
        grid-template-columns: 1fr;
        gap: 18px;
      }

      .common-problems#common-problems .problem-card {
        grid-template-columns: 1fr;
        min-height: 0;
        padding: 24px;
      }

      .common-problems#common-problems .problem-card h3 {
        max-width: none;
        font-size: 1.35rem;
      }

      .common-problems#common-problems .problem-card p {
        max-width: none;
        font-size: 0.98rem;
      }

      .common-problems#common-problems .problem-visual {
        width: 100%;
        justify-self: stretch;
      }

      .common-problems#common-problems .mini-ui {
        width: 100%;
        max-width: 230px;
        height: 154px;
        justify-self: start;
      }
    }

    .common-problems#common-problems .problem-card {
      display: block;
      min-height: 322px;
      padding: 28px 178px 28px 28px;
    }

    .common-problems#common-problems .problem-copy {
      display: block;
    }

    .common-problems#common-problems .problem-card h3 {
      max-width: 300px;
    }

    .common-problems#common-problems .problem-card p {
      max-width: 310px;
      margin-top: 22px;
      font-size: 0.98rem;
      line-height: 1.58;
    }

    .common-problems#common-problems .problem-icon {
      width: 68px;
      height: 68px;
      margin-bottom: 22px;
    }

    .common-problems#common-problems .problem-visual {
      position: absolute;
      top: 50%;
      right: 26px;
      width: 142px;
      min-height: 150px;
      transform: translateY(-50%);
    }

    .common-problems#common-problems .problem-card:hover .problem-visual,
    .common-problems#common-problems .problem-card:focus-within .problem-visual {
      transform: translateY(calc(-50% - 3px));
    }

    .common-problems#common-problems .mini-ui {
      width: 142px;
      height: 142px;
      border-radius: 16px;
    }

    .common-problems#common-problems .mini-ui strong {
      font-size: 0.78rem;
    }

    .common-problems#common-problems .mini-chip {
      top: 15px;
      right: 15px;
      padding: 5px 10px;
      font-size: 0.66rem;
    }

    .common-problems#common-problems .mini-browser {
      padding: 16px 14px 12px;
    }

    .common-problems#common-problems .mini-dots {
      margin-bottom: 12px;
    }

    .common-problems#common-problems .mini-browser i {
      width: 96px;
      height: 13px;
      margin-bottom: 7px;
    }

    .common-problems#common-problems .mini-browser button {
      width: 96px;
      height: 22px;
      margin-top: 9px;
      font-size: 0.62rem;
      line-height: 1;
    }

    .common-problems#common-problems .mini-crm {
      padding: 15px 14px;
    }

    .common-problems#common-problems .mini-crm strong {
      margin-bottom: 10px;
    }

    .common-problems#common-problems .mini-crm div {
      min-height: 22px;
      margin-top: 7px;
      padding: 0 8px;
      font-size: 0.62rem;
    }

    .common-problems#common-problems .mini-crm b {
      padding: 3px 6px;
      font-size: 0.5rem;
    }

    .common-problems#common-problems .mini-bars {
      left: 24px;
      bottom: 27px;
      height: 60px;
      gap: 9px;
    }

    .common-problems#common-problems .mini-bars span {
      width: 18px;
    }

    .common-problems#common-problems .mini-bars span:nth-child(1) { height: 44px; }
    .common-problems#common-problems .mini-bars span:nth-child(2) { height: 34px; }
    .common-problems#common-problems .mini-bars span:nth-child(3) { height: 58px; }

    .common-problems#common-problems .mini-tracking svg,
    .common-problems#common-problems .mini-growth svg {
      inset: auto 16px 16px 16px;
      width: calc(100% - 32px);
      height: 64px;
    }

    .common-problems#common-problems .mini-report {
      padding: 22px 18px 16px;
    }

    .common-problems#common-problems .mini-report strong {
      margin-bottom: 14px;
    }

    .common-problems#common-problems .mini-row {
      padding: 6px 0;
      font-size: 0.76rem;
    }

    .common-problems#common-problems .mini-row b {
      font-size: 0.74rem;
    }

    .common-problems#common-problems .mini-columns {
      height: 28px;
      margin-top: 10px;
      gap: 7px;
    }

    .common-problems#common-problems .mini-columns span {
      width: 18px;
    }

    .common-problems#common-problems .mini-columns span:nth-child(1) { height: 12px; }
    .common-problems#common-problems .mini-columns span:nth-child(2) { height: 17px; }
    .common-problems#common-problems .mini-columns span:nth-child(3) { height: 24px; }
    .common-problems#common-problems .mini-columns span:nth-child(4) { height: 34px; }

    .common-problems#common-problems .mini-browser {
      padding: 18px 15px 15px;
    }

    .common-problems#common-problems .mini-dots {
      margin-bottom: 16px;
    }

    .common-problems#common-problems .mini-browser i {
      width: 100px;
      height: 16px;
      margin-bottom: 8px;
    }

    .common-problems#common-problems .mini-browser button {
      width: 100px;
      height: 25px;
      margin-top: 12px;
      font-size: 0.68rem;
    }

    .common-problems#common-problems .mini-checklist {
      padding: 20px 18px;
    }

    .common-problems#common-problems .mini-checklist strong {
      margin-bottom: 15px;
    }

    .common-problems#common-problems .mini-checklist span {
      margin-top: 12px;
      gap: 10px;
      font-size: 0.8rem;
    }

    .common-problems#common-problems .mini-checklist b {
      width: 19px;
      height: 19px;
    }

    .common-problems#common-problems .mini-checklist b::after {
      left: 6px;
      top: 4px;
    }

    .common-problems#common-problems .mini-crm {
      padding: 19px 15px;
    }

    .common-problems#common-problems .mini-crm div {
      min-height: 26px;
      font-size: 0.68rem;
    }

    .common-problems#common-problems .mini-crm b {
      font-size: 0.56rem;
    }

    .common-problems#common-problems .mini-growth {
      padding: 21px 18px;
    }

    .common-problems#common-problems .mini-growth svg {
      left: 16px;
      right: 16px;
      bottom: 20px;
      width: calc(100% - 32px);
      height: 74px;
    }

    @media (max-width: 1180px) {
      .common-problems#common-problems .problem-card {
        min-height: 304px;
      }
    }

    @media (max-width: 760px) {
      .common-problems#common-problems .problem-card {
        display: grid;
        grid-template-columns: 1fr;
        padding: 24px;
      }

      .common-problems#common-problems .problem-visual {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        min-height: 154px;
        transform: none;
      }

      .common-problems#common-problems .problem-card:hover .problem-visual,
      .common-problems#common-problems .problem-card:focus-within .problem-visual {
        transform: none;
      }

      .common-problems#common-problems .mini-ui {
        width: 100%;
        max-width: 230px;
        height: 154px;
      }
    }

    /* Common Problems final sizing: separate smaller cards, no visible shadows. */
    .common-problems#common-problems .problems-grid {
      gap: 18px;
      overflow: visible;
      background: transparent;
      border: 0;
      border-radius: 0;
      box-shadow: none !important;
    }

    .common-problems#common-problems .problem-card {
      display: block;
      min-height: 276px;
      padding: 22px 174px 22px 22px;
      background: #ffffff;
      border: 1px solid rgba(15, 34, 71, 0.1);
      border-radius: 14px;
      box-shadow: none !important;
      transform: none;
    }

    .common-problems#common-problems .problem-card:hover,
    .common-problems#common-problems .problem-card:focus-within {
      transform: none;
      border-color: rgba(46, 125, 225, 0.2);
      box-shadow: none !important;
      background: linear-gradient(135deg, #ffffff, rgba(46, 125, 225, 0.03));
    }

    .common-problems#common-problems .problem-card::before {
      display: none !important;
    }

    .common-problems#common-problems .problem-icon {
      width: 56px;
      height: 56px;
      margin-bottom: 16px;
      background: #f6f9fe;
      box-shadow: none !important;
    }

    .common-problems#common-problems .problem-icon::after {
      right: 7px;
      bottom: 8px;
      width: 8px;
      height: 8px;
      box-shadow: none !important;
    }

    .common-problems#common-problems .problem-icon svg {
      width: 29px;
      height: 29px;
    }

    .common-problems#common-problems .problem-card h3 {
      max-width: 240px;
      font-size: 1.2rem;
      line-height: 1.16;
    }

    .common-problems#common-problems .problem-card h3::after {
      width: 28px;
      height: 2px;
      margin-top: 13px;
    }

    .common-problems#common-problems .problem-card p {
      max-width: 238px;
      margin-top: 17px;
      font-size: 0.86rem;
      line-height: 1.55;
    }

    .common-problems#common-problems .problem-visual {
      position: absolute;
      top: 50%;
      right: 18px;
      width: 142px;
      min-height: 150px;
      transform: translateY(-50%);
    }

    .common-problems#common-problems .problem-card:hover .problem-visual,
    .common-problems#common-problems .problem-card:focus-within .problem-visual {
      transform: translateY(-50%);
    }

    .common-problems#common-problems .mini-ui {
      width: 142px;
      height: 142px;
      background: #fbfdff;
      border-color: rgba(15, 34, 71, 0.09);
      border-radius: 16px;
      box-shadow: none !important;
    }

    .common-problems#common-problems .mini-ui strong {
      font-size: 0.78rem;
    }

    .common-problems#common-problems .mini-chip {
      top: 15px;
      right: 15px;
      padding: 5px 10px;
      font-size: 0.66rem;
    }

    .common-problems#common-problems .mini-browser {
      padding: 16px 14px 12px;
    }

    .common-problems#common-problems .mini-dots {
      margin-bottom: 12px;
    }

    .common-problems#common-problems .mini-browser i {
      width: 96px;
      height: 13px;
      margin-bottom: 7px;
    }

    .common-problems#common-problems .mini-browser button {
      width: 96px;
      height: 22px;
      margin-top: 9px;
      font-size: 0.62rem;
      line-height: 1;
    }

    .common-problems#common-problems .mini-crm {
      padding: 15px 14px;
    }

    .common-problems#common-problems .mini-crm strong {
      margin-bottom: 10px;
    }

    .common-problems#common-problems .mini-crm div {
      min-height: 22px;
      margin-top: 7px;
      padding: 0 8px;
      font-size: 0.62rem;
      line-height: 1.1;
    }

    .common-problems#common-problems .mini-crm b {
      padding: 3px 6px;
      font-size: 0.5rem;
    }

    @media (max-width: 1180px) {
      .common-problems#common-problems .problem-card {
        min-height: 252px;
      }
    }

    @media (max-width: 760px) {
      .common-problems#common-problems .problems-grid {
        gap: 14px;
      }

      .common-problems#common-problems .problem-card {
        min-height: 0;
        padding: 20px;
      }

      .common-problems#common-problems .problem-card h3,
      .common-problems#common-problems .problem-card p {
        max-width: none;
      }

      .common-problems#common-problems .problem-visual {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        min-height: 154px;
        margin-top: 18px;
        transform: none;
      }

      .common-problems#common-problems .problem-card:hover .problem-visual,
      .common-problems#common-problems .problem-card:focus-within .problem-visual {
        transform: none;
      }

      .common-problems#common-problems .mini-ui {
        width: 100%;
        max-width: 230px;
        height: 154px;
      }
    }

    /* Final polish: warmer customer journey visual in the site style. */
    .lead-approach#approach {
      background:
        radial-gradient(circle at 92% 22%, rgba(46, 125, 225, 0.07), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    }

    .lead-approach#approach .section-kicker {
      display: inline-flex;
      align-items: center;
      gap: 14px;
      color: #2E7DE1;
      font-weight: 700;
      letter-spacing: 0.04em;
    }

    .lead-approach#approach .section-kicker::before {
      content: "";
      display: inline-block;
      width: 58px;
      height: 3px;
      background: #f47c20;
      border-radius: 999px;
    }

    .lead-approach#approach .section-head h2 {
      color: #071846;
    }

    .lead-approach#approach .section-head h2::after {
      content: "";
      display: block;
      width: 86px;
      height: 4px;
      margin-top: 18px;
      background: linear-gradient(90deg, #f47c20, rgba(244, 124, 32, 0.14));
      border-radius: 999px;
    }

    .lead-approach#approach .section-head p {
      max-width: 820px;
      color: #43516a;
      line-height: 1.66;
    }

    .lead-approach#approach .journey-flow {
      gap: 16px;
      margin-top: 42px;
    }

    .lead-approach#approach .journey-flow::before {
      left: 6%;
      right: 6%;
      height: 2px;
      background: linear-gradient(90deg, rgba(46, 125, 225, 0.16), rgba(244, 124, 32, 0.42), rgba(46, 125, 225, 0.16));
    }

    .lead-approach#approach .journey-step {
      min-height: 174px;
      padding: 24px 14px 22px;
      background: rgba(255, 255, 255, 0.96);
      border-color: rgba(15, 34, 71, 0.1);
      border-top: 1px solid rgba(15, 34, 71, 0.1);
      border-radius: 16px;
      box-shadow: none;
    }

    .lead-approach#approach .journey-step:not(:last-child)::after {
      right: -14px;
      width: 14px;
      height: 3px;
      background: #f47c20;
      opacity: 0.78;
    }

    .lead-approach#approach .journey-step:not(:last-child)::before {
      right: -19px;
      border-left-color: #f47c20;
      opacity: 0.78;
    }

    .lead-approach#approach .journey-icon {
      color: #163c78;
      background: #f4f7fb;
      border: 1px solid rgba(15, 34, 71, 0.06);
      border-radius: 15px;
    }

    .lead-approach#approach .journey-step h3 {
      color: #071846;
      font-weight: 700 !important;
    }

    .lead-approach#approach .journey-note {
      color: #64748b;
      font-weight: 500;
    }

    .lead-approach#approach .journey-badge {
      margin-bottom: 14px;
      color: #d96512;
      background: rgba(255, 246, 238, 0.96);
      border-color: rgba(244, 124, 32, 0.34);
    }

    .lead-approach#approach .journey-step.is-active {
      background:
        linear-gradient(180deg, rgba(255, 247, 240, 0.72), rgba(255, 255, 255, 0.98));
      border-color: rgba(244, 124, 32, 0.34);
      box-shadow: 0 18px 44px rgba(217, 101, 18, 0.1);
    }

    .lead-approach#approach .journey-step.is-active .journey-icon,
    .lead-approach#approach .journey-step:hover .journey-icon,
    .lead-approach#approach .journey-step:focus-within .journey-icon {
      color: #f47c20;
      background: rgba(255, 246, 238, 0.96);
      border-color: rgba(244, 124, 32, 0.18);
      transform: scale(1.04);
    }

    .lead-approach#approach .journey-step:hover,
    .lead-approach#approach .journey-step:focus-within {
      border-color: rgba(244, 124, 32, 0.24);
      background: linear-gradient(180deg, rgba(255, 250, 246, 0.95), #ffffff);
      box-shadow: 0 16px 34px rgba(15, 34, 71, 0.07);
    }

    .lead-approach#approach .step-landing .journey-icon,
    .lead-approach#approach .step-crm .journey-icon {
      color: #f47c20;
      background: rgba(255, 246, 238, 0.82);
    }

    @media (max-width: 900px) {
      .lead-approach#approach .journey-flow {
        gap: 14px;
      }

      .lead-approach#approach .journey-step {
        min-height: 0;
      }
    }

    /* Final clean-background pass: remove decorative grids, dots, waves, and background infinities. */
    html,
    body,
    main,
    main > section,
    .hero,
    .common-problems,
    #services,
    .lead-approach,
    .improvements,
    .cases-proof,
    .industries,
    .process-section,
    .testimonials,
    .faq-section,
    .footer-contact,
    .footer-main {
      background: #ffffff !important;
      background-image: none !important;
    }

    main > section::before,
    main > section::after,
    .hero::before,
    .hero::after,
    .common-problems::before,
    .common-problems::after,
    #services::before,
    #services::after,
    .lead-approach::before,
    .lead-approach::after,
    .improvements::before,
    .improvements::after,
    .cases-proof::before,
    .cases-proof::after,
    .industries::before,
    .industries::after,
    .process-section::before,
    .process-section::after,
    .testimonials::before,
    .testimonials::after,
    .faq-section::before,
    .faq-section::after,
    .footer-contact::before,
    .footer-contact::after,
    .footer-main::before,
    .footer-main::after,
    .process-timeline::before,
    .process-timeline::after {
      display: none !important;
      content: none !important;
      background: none !important;
      background-image: none !important;
    }

    .section-watermark,
    [class*="watermark"],
    .case-dots,
    .testimonial-dots {
      display: none !important;
    }

    :is(.service-card, .journey-step, .review-checklist, .platform-logo-card, .improvement-card, .case-card, .industry-card, .industry-cta, .process-card, .process-cta, .testimonial-card, .faq-item, .faq-cta, .footer-map-card, .footer-location-card) {
      box-shadow: none !important;
    }

    /* Final plain-background override for the homepage. */
    html,
    body,
    main,
    main > section,
    .hero,
    .common-problems,
    #services,
    .lead-approach,
    .improvements,
    .industries,
    .process-section,
    .testimonials,
    .faq-section,
    .footer-contact,
    .footer-main {
      background: #ffffff !important;
      background-image: none !important;
    }

    main > section::before,
    main > section::after,
    .hero::before,
    .hero::after,
    .common-problems::before,
    .common-problems::after,
    #services::before,
    #services::after,
    .lead-approach::before,
    .lead-approach::after,
    .process-section::before,
    .process-section::after {
      content: none !important;
      display: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
      background: none !important;
      background-image: none !important;
    }

    :is(.section-watermark, [class*="watermark"], [class*="dot"], [class*="wave"], [class*="grid-line"], .mini-dots, .case-dots, .testimonial-dots) {
      display: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
    }

    :is(.problem-card, .service-card, .case-card, .testimonial-card, .process-card, .improvement-card, .industry-card, [class*="-card"], [class*="-panel"], [class*="-shell"]) {
      box-shadow: none !important;
    }

    /* Customer Journey redraw: static, cleaner, and closer to the requested layout. */
    .lead-approach#approach {
      padding-top: clamp(72px, 7vw, 112px);
      padding-bottom: clamp(76px, 7vw, 108px);
      overflow: visible;
    }

    .lead-approach#approach .container {
      max-width: 1680px;
    }

    .lead-approach#approach .section-head {
      max-width: 1180px;
      margin: 0;
      text-align: left;
    }

    .lead-approach#approach .section-kicker {
      color: #e36c1f;
      font-size: 0.92rem;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .lead-approach#approach .section-kicker::before {
      width: 38px;
      height: 5px;
      background: #f47c20;
    }

    .lead-approach#approach .section-head h2 {
      max-width: 1120px;
      margin-top: 24px;
      color: #071846;
      font-size: clamp(2.8rem, 5vw, 4.6rem);
      line-height: 1.04;
      letter-spacing: 0;
    }

    .lead-approach#approach .section-head h2::after {
      content: none;
      display: none;
    }

    .lead-approach#approach .section-head p {
      max-width: 1120px;
      margin-top: 22px;
      color: #4d5b73;
      font-size: clamp(1.04rem, 1.5vw, 1.22rem);
      line-height: 1.55;
    }

    .lead-approach#approach .journey-flow {
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 22px;
      max-width: 1420px;
      margin: clamp(52px, 5vw, 68px) auto 0;
      align-items: stretch;
    }

    .lead-approach#approach .journey-flow::before {
      left: 4%;
      right: 4%;
      top: 51%;
      height: 2px;
      background: rgba(22, 60, 120, 0.16);
      transform: none;
    }

    .lead-approach#approach .journey-step {
      min-height: 268px;
      padding: 30px 16px 20px;
      align-content: start;
      justify-items: center;
      gap: 9px;
      background: #ffffff;
      border: 1px solid rgba(15, 34, 71, 0.12);
      border-top: 1px solid rgba(15, 34, 71, 0.12);
      border-radius: 22px;
      box-shadow: none !important;
      cursor: default;
      transform: none !important;
      transition: none !important;
      animation: none !important;
    }

    .lead-approach#approach .journey-step:not(:last-child)::after {
      right: -23px;
      width: 22px;
      height: 3px;
      background: rgba(22, 60, 120, 0.22);
      transform: translateY(-50%);
      animation: none !important;
    }

    .lead-approach#approach .journey-step:not(:last-child)::before {
      top: calc(50% - 6px);
      right: -28px;
      border-left-color: rgba(22, 60, 120, 0.22);
      animation: none !important;
    }

    .lead-approach#approach .journey-number {
      position: absolute;
      top: 18px;
      left: 18px;
      display: inline-grid;
      place-items: center;
      width: 32px;
      height: 32px;
      color: #071846;
      background: #f7f9fc;
      border: 1px solid rgba(15, 34, 71, 0.08);
      border-radius: 12px;
      font-size: 0.86rem;
      font-weight: 700;
      line-height: 1;
    }

    .lead-approach#approach .journey-icon {
      width: 62px;
      height: 62px;
      margin-top: 28px;
      color: #071846;
      background: #f5f7fb;
      border: 1px solid rgba(15, 34, 71, 0.08);
      border-radius: 50%;
      transform: none !important;
      transition: none !important;
      animation: none !important;
    }

    .lead-approach#approach .journey-icon svg {
      width: 28px;
      height: 28px;
      stroke-width: 2;
    }

    .lead-approach#approach .journey-step h3 {
      min-height: 48px;
      display: flex;
      align-items: end;
      justify-content: center;
      margin: 6px 0 0;
      color: #071846;
      font-size: clamp(1.02rem, 1.15vw, 1.24rem);
      line-height: 1.08;
      font-weight: 700 !important;
      text-align: center;
    }

    .lead-approach#approach .journey-note {
      min-height: 34px;
      display: flex;
      align-items: start;
      justify-content: center;
      color: #667085;
      font-size: clamp(0.82rem, 0.9vw, 0.92rem);
      line-height: 1.24;
      font-weight: 500;
      text-align: center;
    }

    .lead-approach#approach .journey-detail {
      width: 100%;
      margin-top: auto;
      padding-top: 14px;
      color: #5c6880;
      border-top: 1px solid rgba(15, 34, 71, 0.1);
      font-size: 0.8rem;
      line-height: 1.3;
      text-align: center;
    }

    .lead-approach#approach .journey-badge {
      position: absolute;
      top: -35px;
      left: 50%;
      width: max-content;
      margin: 0;
      padding: 9px 14px;
      color: #ffffff;
      background: #f47c20;
      border: 1px solid #f47c20;
      border-radius: 10px 10px 0 0;
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      transform: translateX(-50%);
    }

    .lead-approach#approach .journey-step.is-active {
      background: #fffaf6;
      border-color: rgba(244, 124, 32, 0.6);
      border-top-color: rgba(244, 124, 32, 0.6);
      box-shadow: none !important;
    }

    .lead-approach#approach .journey-step.is-active .journey-number {
      color: #f47c20;
      background: #ffffff;
      border-color: rgba(244, 124, 32, 0.34);
    }

    .lead-approach#approach .journey-step.is-active .journey-icon {
      color: #f47c20;
      background: #fff3ea;
      border-color: rgba(244, 124, 32, 0.22);
    }

    .lead-approach#approach .journey-step.is-active .journey-detail {
      color: #4d5b73;
      border-top-color: rgba(244, 124, 32, 0.18);
    }

    .lead-approach#approach .journey-step:hover,
    .lead-approach#approach .journey-step:focus-visible,
    .lead-approach#approach .journey-step:focus-within,
    .lead-approach#approach .journey-flow:hover .journey-step.is-active:not(:hover):not(:focus-visible) {
      background: #ffffff;
      border-color: rgba(15, 34, 71, 0.12);
      border-top-color: rgba(15, 34, 71, 0.12);
      box-shadow: none !important;
      transform: none !important;
    }

    .lead-approach#approach .journey-step.is-active:hover,
    .lead-approach#approach .journey-step.is-active:focus-visible,
    .lead-approach#approach .journey-step.is-active:focus-within {
      background: #fffaf6;
      border-color: rgba(244, 124, 32, 0.6);
      border-top-color: rgba(244, 124, 32, 0.6);
    }

    .lead-approach#approach .journey-step:hover .journey-icon,
    .lead-approach#approach .journey-step:focus-visible .journey-icon,
    .lead-approach#approach .journey-step:focus-within .journey-icon,
    .lead-approach#approach .journey-flow:hover .journey-step.is-active:not(:hover):not(:focus-visible) .journey-icon {
      transform: none !important;
    }

    .lead-approach#approach .journey-goal {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
      margin-top: 36px;
      padding: 20px 24px;
      color: #4d5b73;
      background: #ffffff;
      border: 1px solid rgba(15, 34, 71, 0.12);
      border-radius: 18px;
      box-shadow: none !important;
    }

    .lead-approach#approach .journey-goal-icon {
      display: inline-grid;
      place-items: center;
      width: 38px;
      height: 38px;
      flex: 0 0 auto;
      color: #f47c20;
    }

    .lead-approach#approach .journey-goal-icon svg {
      width: 38px;
      height: 38px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .lead-approach#approach .journey-goal p {
      margin: 0;
      font-size: clamp(1rem, 1.2vw, 1.12rem);
      line-height: 1.45;
    }

    .lead-approach#approach .journey-goal strong {
      color: #f47c20;
      font-weight: 700;
    }

    .lead-approach#approach *,
    .lead-approach#approach *::before,
    .lead-approach#approach *::after {
      animation: none !important;
      transition: none !important;
    }

    @media (max-width: 1180px) {
      .lead-approach#approach .journey-flow {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 26px;
      }

      .lead-approach#approach .journey-flow::before,
      .lead-approach#approach .journey-step:not(:last-child)::before,
      .lead-approach#approach .journey-step:not(:last-child)::after {
        display: none !important;
      }
    }

    @media (max-width: 720px) {
      .lead-approach#approach .journey-flow {
        grid-template-columns: 1fr;
      }

      .lead-approach#approach .journey-step {
        min-height: 0;
        padding: 30px 20px 22px;
      }

      .lead-approach#approach .journey-badge {
        position: static;
        transform: none;
        border-radius: 999px;
        margin-bottom: 4px;
      }

      .lead-approach#approach .journey-number {
        top: 20px;
        left: 20px;
      }

      .lead-approach#approach .journey-icon {
        margin-top: 34px;
      }

      .lead-approach#approach .journey-goal {
        align-items: flex-start;
        justify-content: flex-start;
      }
    }