/* ─── FEATURED CASE STUDIES ─── */
      #featured-cases { background: var(--bg2); }

      /* Large featured card */
      .cs-featured-card {
        background: #fff; border: 1px solid var(--border);
        border-radius: 24px; overflow: hidden;
        box-shadow: var(--shadow); margin-bottom: 32px;
        transition: all 0.3s;
      }
      .cs-featured-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-3px); }
      .cs-featured-inner {
        display: grid; grid-template-columns: 1fr 1fr; gap: 0;
      }
      .cs-featured-left {
        padding: 48px 44px;
        background: linear-gradient(145deg, var(--bg3), rgba(56,189,248,0.08));
        border-right: 1px solid var(--border);
        display: flex; flex-direction: column; justify-content: space-between;
      }
      .cs-featured-right { padding: 48px 44px; }

      .cs-industry-tag {
        display: inline-flex; align-items: center; gap: 6px;
        background: var(--bg3); border: 1px solid rgba(37, 99, 235, 0.18);
        color: var(--primary); font-size: 11.5px; font-weight: 700;
        padding: 4px 12px; border-radius: 20px; text-transform: uppercase;
        letter-spacing: 0.5px; margin-bottom: 18px;
      }
      .cs-client-name {
        font-family: "Manrope", sans-serif; font-weight: 800;
        font-size: clamp(22px, 2.5vw, 30px); color: var(--text);
        letter-spacing: -0.5px; margin-bottom: 16px; line-height: 1.2;
      }
      .cs-challenge-label {
        font-size: 11px; font-weight: 700; color: var(--muted);
        text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 12px;
      }
      .cs-challenge-list { list-style: none; display: flex; flex-direction: column; gap: 10px; }
      .cs-challenge-list li {
        display: flex; align-items: flex-start; gap: 10px;
        font-size: 13.5px; color: var(--muted); line-height: 1.55;
      }
      .cs-challenge-list li::before {
        content: "→"; color: var(--primary); font-weight: 700;
        flex-shrink: 0; margin-top: 1px;
      }

      .cs-solution-label {
        font-size: 11px; font-weight: 700; color: var(--muted);
        text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 12px;
      }
      .cs-solution-items { display: flex; flex-direction: column; gap: 14px; margin-bottom: 28px; }
      .cs-solution-item {
        display: flex; align-items: flex-start; gap: 12px;
        padding: 14px 16px; border-radius: 12px;
        background: var(--bg2); border: 1px solid var(--border);
      }
      .sol-icon {
        width: 32px; height: 32px; border-radius: 9px;
        background: linear-gradient(135deg, var(--primary), var(--accent));
        display: flex; align-items: center; justify-content: center;
        font-size: 14px; flex-shrink: 0;
      }
      .sol-text { font-size: 13px; color: var(--text); font-weight: 600; line-height: 1.5; }
      .sol-sub { font-size: 12px; color: var(--muted); margin-top: 2px; }

      .cs-outcomes-label {
        font-size: 11px; font-weight: 700; color: var(--muted);
        text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 12px;
      }
      .cs-outcomes { display: flex; flex-wrap: wrap; gap: 8px; }
      .outcome-chip {
        display: inline-flex; align-items: center; gap: 6px;
        background: #f0fdf4; border: 1px solid #bbf7d0;
        color: #15803d; font-size: 12px; font-weight: 700;
        padding: 5px 12px; border-radius: 20px;
      }
      .outcome-chip::before { content: "✔"; font-size: 10px; }

      /* Compact case study cards */
      .cs-compact-grid {
        display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
      }
      .cs-compact-card {
        background: #fff; border: 1px solid var(--border);
        border-radius: 20px; overflow: hidden;
        box-shadow: var(--shadow); transition: all 0.3s;
        display: flex; flex-direction: column;
      }
      .cs-compact-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); }
      .cs-compact-header {
        padding: 28px 28px 20px;
        background: linear-gradient(135deg, var(--bg3), rgba(56,189,248,0.1));
        border-bottom: 1px solid var(--border);
      }
      .cs-compact-body { padding: 24px 28px; flex: 1; display: flex; flex-direction: column; }
      .cs-compact-client {
        font-family: "Manrope", sans-serif; font-weight: 800;
        font-size: 20px; color: var(--text); margin-bottom: 6px; line-height: 1.2;
      }
      .cs-compact-desc {
        font-size: 13.5px; color: var(--muted); line-height: 1.65; margin-bottom: 20px; flex: 1;
      }
      .cs-compact-outcomes { display: flex; flex-direction: column; gap: 6px; margin-top: auto; }
      .cs-outcome-row {
        display: flex; align-items: center; gap: 8px;
        font-size: 12.5px; color: var(--text); font-weight: 500;
      }
      .cs-outcome-row::before {
        content: "✔"; font-size: 10px; font-weight: 800;
        color: #16a34a; flex-shrink: 0;
      }

      /* ─── INDUSTRIES COVERED ─── */
      #industries-covered { background: #fff; }
      .ind-table-wrap {
        border: 1px solid var(--border); border-radius: 20px; overflow: hidden;
        box-shadow: var(--shadow);
      }
      .ind-table { width: 100%; border-collapse: collapse; }
      .ind-table thead tr {
        background: linear-gradient(135deg, var(--primary), var(--accent));
      }
      .ind-table thead th {
        padding: 18px 28px; text-align: left;
        font-size: 12.5px; font-weight: 700; color: #fff;
        letter-spacing: 0.5px; text-transform: uppercase;
      }
      .ind-table tbody tr {
        border-bottom: 1px solid var(--border);
        transition: background 0.2s;
      }
      .ind-table tbody tr:last-child { border-bottom: none; }
      .ind-table tbody tr:hover { background: var(--bg3); }
      .ind-table td {
        padding: 18px 28px; font-size: 14px; color: var(--muted); vertical-align: middle;
      }
      .ind-table td:first-child { font-weight: 700; color: var(--text); }
      .ind-tag-inline {
        display: inline-flex; align-items: center;
        background: rgba(37,99,235,0.07); border: 1px solid rgba(37,99,235,0.13);
        color: var(--primary); font-size: 12px; font-weight: 600;
        padding: 3px 10px; border-radius: 20px; margin: 3px 4px 3px 0;
      }

      /* ─── CHALLENGES TABLE ─── */
      #common-challenges { background: var(--bg2); }
      .challenge-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
      .challenge-card {
        background: #fff; border: 1px solid var(--border);
        border-radius: 18px; padding: 28px 24px;
        display: flex; align-items: flex-start; gap: 18px;
        box-shadow: var(--shadow); transition: all 0.3s;
      }
      .challenge-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: rgba(37,99,235,0.2); }
      .ch-icon {
        width: 48px; height: 48px; border-radius: 14px; flex-shrink: 0;
        background: linear-gradient(135deg, var(--primary), var(--accent));
        display: flex; align-items: center; justify-content: center; font-size: 20px;
        box-shadow: 0 4px 14px rgba(37,99,235,0.25);
      }
      .ch-title { font-family: "Manrope", sans-serif; font-weight: 700; font-size: 16px; color: var(--text); margin-bottom: 6px; }
      .ch-challenge { font-size: 13px; color: var(--muted); margin-bottom: 12px; line-height: 1.55; }
      .ch-solution {
        display: inline-flex; align-items: center; gap: 6px;
        background: var(--bg3); border: 1px solid rgba(37,99,235,0.15);
        color: var(--primary); font-size: 12px; font-weight: 700;
        padding: 4px 12px; border-radius: 20px;
      }

      /* ─── WHY CHOOSE ─── */
      #why-choose { background: #fff; }
      .why-choose-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
      .wc-card {
        background: var(--bg2); border: 1px solid var(--border);
        border-radius: 18px; padding: 28px 22px; text-align: center;
        transition: all 0.3s; position: relative; overflow: hidden;
      }
      .wc-card::before {
        content: ""; position: absolute; inset: 0;
        background: linear-gradient(135deg, var(--primary), var(--accent));
        opacity: 0; transition: opacity 0.3s;
      }
      .wc-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); border-color: transparent; }
      .wc-card:hover::before { opacity: 1; }
      .wc-card:hover .wc-icon { background: rgba(255,255,255,0.2); }
      .wc-card:hover .wc-title, .wc-card:hover .wc-desc { color: #fff; position: relative; z-index: 1; }
      .wc-card:hover .wc-icon { position: relative; z-index: 1; }
      .wc-content { position: relative; z-index: 1; }
      .wc-icon {
        width: 52px; height: 52px; border-radius: 14px; background: var(--bg3);
        display: flex; align-items: center; justify-content: center;
        font-size: 22px; margin: 0 auto 18px; transition: background 0.3s;
      }
      .wc-title { font-family: "Manrope", sans-serif; font-weight: 700; font-size: 15px; color: var(--text); margin-bottom: 8px; transition: color 0.3s; }
      .wc-desc { font-size: 13px; color: var(--muted); line-height: 1.65; transition: color 0.3s; }