/* ===== PAGE-SCOPED SOLIDPOINT-LIKE LANDING, ADAPTED TO SOLIDLAB ===== */
    .ai-assessment-page {
      --ai-primary: #FD750A;
      --ai-primary-hover: #e6680a;
      --ai-secondary: #9643AC;
      --ai-text-primary: var(--text, #F0F0F0);
      --ai-text-secondary: var(--muted, #B2B1B7);
      --ai-text-muted: var(--muted, #88868B);
      --ai-bg-dark-1: var(--bg, #0f172a);
      --ai-bg-dark-2: var(--bg-2, #111827);
      --ai-bg-dark-3: var(--bg, #0f172a);
      --ai-bg-gradient-start: var(--gradient-start, #111827);
      --ai-bg-gradient-end: var(--gradient-end, #2430a8);
      --ai-border: rgba(240, 240, 240, .15);
      --ai-border-hover: rgba(240, 240, 240, .25);
      --ai-glass: rgba(255, 255, 255, .05);
      --ai-glass-hover: rgba(255, 255, 255, .08);
      --ai-radius-md: 16px;
      --ai-radius-xl: 44px;
      --ai-radius-full: 50px;
      --ai-shadow-sm: 0 8px 25px rgba(171, 74, 187, .2);
      --ai-transition: .3s ease;
      font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      color: var(--ai-text-primary);
      background: var(--ai-bg-dark-1);
      width: 100%;
    }

    .ai-assessment-page * {
      box-sizing: border-box;
    }

    .ai-assessment-page .ai-section {
      padding: 80px 40px;
      width: 100%;
      scroll-margin-top: 92px;
    }

    .ai-assessment-page .ai-container {
      max-width: 1400px;
      margin: 0 auto;
    }

    .ai-assessment-page .ai-btn {
      padding: 17px 65px;
      border-radius: var(--ai-radius-full);
      border: 1px solid var(--ai-border);
      font-size: 16px;
      font-weight: 600;
      line-height: 16px;
      text-decoration: none;
      transition: var(--ai-transition);
      white-space: nowrap;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
    }

    .ai-assessment-page .ai-btn-primary {
      background: var(--ai-primary);
      color: var(--ai-text-primary);
    }

    .ai-assessment-page .ai-btn-primary:hover {
      background: var(--ai-primary-hover);
      transform: translateY(-2px);
      box-shadow: var(--ai-shadow-sm);
    }

    .ai-assessment-page .ai-btn-secondary {
      background: rgba(149, 148, 153, .2);
      color: var(--ai-text-primary);
    }

    .ai-assessment-page .ai-btn-secondary:hover {
      background: rgba(171, 74, 187, .2);
      transform: translateY(-2px);
      box-shadow: var(--ai-shadow-sm);
    }

    .ai-assessment-page .ai-title-accent {
      background: linear-gradient(90deg, #ab4abb, #9643ac, #7b3a8f);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      color: var(--ai-secondary);
    }

    .ai-assessment-page .ai-hero-section {
      background:
        radial-gradient(ellipse 67.97% 67.97% at 50% 27.49%, var(--ai-bg-gradient-start) 0%, var(--ai-bg-gradient-end) 100%);
      padding: 110px 40px 92px;
    }

    .ai-assessment-page .ai-hero-container {
      display: flex;
      flex-direction: column;
      gap: 42px;
      align-items: center;
      max-width: 1400px;
      margin: 0 auto;
      text-align: center;
    }

    .ai-assessment-page .ai-hero-headline {
      font-size: clamp(34px, 3.8vw, 56px);
      font-weight: 700;
      line-height: 1.16;
      color: var(--ai-text-primary);
      max-width: 1040px;
      margin: 0;
      letter-spacing: .025em;
      word-wrap: break-word;
      overflow-wrap: break-word;
    }

    .ai-assessment-page .ai-hero-subheadline {
      font-size: clamp(15px, 1.45vw, 20px);
      font-weight: 400;
      line-height: 1.65;
      color: var(--ai-text-secondary);
      max-width: 930px;
      margin: 0;
      letter-spacing: .025em;
    }

    .ai-assessment-page .ai-hero-buttons {
      display: flex;
      gap: 24px;
      align-items: center;
      flex-wrap: wrap;
      justify-content: center;
    }

    .ai-assessment-page .ai-page-nav {
      position: sticky;
      top: 0;
      z-index: 20;
      padding: 16px 24px;
      background: rgba(15, 23, 42, .78);
      border-top: 1px solid rgba(255, 255, 255, .08);
      border-bottom: 1px solid rgba(255, 255, 255, .08);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
    }

    .ai-assessment-page .ai-page-nav-inner {
      max-width: 1120px;
      margin: 0 auto;
      display: flex;
      gap: 10px;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
    }

    .ai-assessment-page .ai-page-nav-link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 42px;
      padding: 10px 18px;
      border: 1px solid var(--ai-border);
      border-radius: var(--ai-radius-full);
      color: var(--ai-text-secondary);
      font-size: 14px;
      font-weight: 700;
      line-height: 1.2;
      text-decoration: none;
      white-space: nowrap;
      transition: var(--ai-transition);
    }

    .ai-assessment-page .ai-page-nav-link:hover,
    .ai-assessment-page .ai-page-nav-link:focus-visible {
      color: #fff;
      border-color: rgba(91, 141, 239, .55);
      background: rgba(91, 141, 239, .14);
      outline: none;
    }

    .ai-assessment-page .ai-section-title {
      font-size: clamp(28px, 3vw, 46px);
      font-weight: 700;
      line-height: 1.18;
      color: var(--ai-text-muted);
      margin: 0;
      text-align: center;
      letter-spacing: .04em;
    }

    .ai-assessment-page .ai-section-title-large {
      font-size: clamp(32px, 4vw, 56px);
      font-weight: 700;
      line-height: 1.2;
      color: var(--ai-text-muted);
      text-align: center;
      max-width: 780px;
      margin: 0 auto;
      letter-spacing: .04em;
    }

    .ai-assessment-page .ai-section-intro {
      text-align: center;
      max-width: 840px;
      margin: 24px auto 0;
      color: var(--ai-text-secondary);
      font-size: 18px;
      line-height: 1.65;
      letter-spacing: .025em;
    }

    .ai-assessment-page .ai-analysis-intro {
      max-width: 1100px;
    }

    .ai-assessment-page .ai-problem-section {
      background: var(--ai-bg-dark-1);
    }

    .ai-assessment-page .ai-solution-section {
      background: var(--ai-bg-dark-2);
    }

    .ai-assessment-page .ai-team-section {
      background: var(--ai-bg-dark-1);
      text-align: center;
    }

    .ai-assessment-page .ai-why-section {
      background: #000;
    }

    .ai-assessment-page .ai-problem-grid,
    .ai-assessment-page .ai-integration-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(100%, 350px), 1fr));
      gap: 32px;
      margin-top: 48px;
    }

    .ai-assessment-page .ai-risk-grid,
    .ai-assessment-page .ai-analysis-grid,
    .ai-assessment-page .ai-process-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 32px;
      margin-top: 48px;
    }

    .ai-assessment-page .ai-industries-grid,
    .ai-assessment-page .ai-why-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 32px;
      margin-top: 48px;
    }

    .ai-assessment-page .ai-card,
    .ai-assessment-page .ai-risk-card,
    .ai-assessment-page .ai-solution-card,
    .ai-assessment-page .ai-process-step {
      background: rgba(255, 255, 255, .05);
      border: 1px solid var(--ai-border);
      border-radius: var(--ai-radius-md);
      transition: var(--ai-transition);
    }

    .ai-assessment-page .ai-card:hover,
    .ai-assessment-page .ai-risk-card:hover,
    .ai-assessment-page .ai-solution-card:hover,
    .ai-assessment-page .ai-process-step:hover {
      border-color: var(--ai-border-hover);
      background: rgba(255, 255, 255, .08);
      transform: translateY(-4px);
    }

    .ai-assessment-page .ai-card {
      padding: 40px;
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    .ai-assessment-page .ai-risk-card {
      padding: 40px;
      display: flex;
      flex-direction: column;
      gap: 20px;
      text-align: center;
    }

    .ai-assessment-page .ai-icon {
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--ai-primary);
      flex-shrink: 0;
    }

    .ai-assessment-page .ai-card-title,
    .ai-assessment-page .ai-risk-title {
      font-size: 20px;
      font-weight: 700;
      color: var(--ai-text-primary);
      line-height: 1.28;
      margin: 0;
      word-wrap: break-word;
      overflow-wrap: break-word;
    }

    .ai-assessment-page .ai-card-description,
    .ai-assessment-page .ai-risk-description {
      font-size: 16px;
      color: var(--ai-text-secondary);
      line-height: 1.65;
      margin: 0;
      word-wrap: break-word;
      overflow-wrap: break-word;
    }

    .ai-assessment-page .ai-card-description a {
      color: var(--ai-primary);
      font-weight: 700;
      text-decoration: underline;
      text-underline-offset: 3px;
      transition: var(--ai-transition);
    }

    .ai-assessment-page .ai-card-description a:hover,
    .ai-assessment-page .ai-card-description a:focus-visible {
      color: var(--ai-secondary);
      outline: none;
    }

    .ai-assessment-page .ai-solution-card {
      padding: 56px 44px;
      display: flex;
      flex-direction: column;
      gap: 24px;
      height: 100%;
      text-align: left;
    }

    .ai-assessment-page .ai-analysis-grid .ai-solution-card:last-child:nth-child(odd),
    .ai-assessment-page .ai-risk-grid .ai-risk-card:last-child:nth-child(odd) {
      grid-column: 1 / -1;
    }

    .ai-assessment-page .ai-solution-badge {
      padding: 12px 20px;
      background: rgba(150, 67, 172, .15);
      border: 1px solid var(--ai-secondary);
      border-radius: 12px;
      color: var(--ai-secondary);
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .5px;
      width: fit-content;
    }

    .ai-assessment-page .ai-solution-title {
      font-size: 28px;
      font-weight: 700;
      color: var(--ai-text-primary);
      line-height: 1.22;
      margin: 0;
    }

    .ai-assessment-page .ai-solution-description {
      font-size: 16px;
      color: var(--ai-text-secondary);
      line-height: 1.65;
      margin: 0;
    }

    .ai-assessment-page .ai-features {
      list-style: none;
      padding: 24px 0 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 18px;
      flex-grow: 1;
      border-top: 1px solid var(--ai-border);
    }

    .ai-assessment-page .ai-features li {
      padding-left: 24px;
      position: relative;
      color: var(--ai-text-secondary);
      font-size: 16px;
      line-height: 1.65;
    }

    .ai-assessment-page .ai-features li::before {
      content: "•";
      position: absolute;
      left: 0;
      color: #fff;
      font-weight: 700;
    }

    .ai-assessment-page .ai-process-grid {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      text-align: left;
    }

    .ai-assessment-page .ai-process-step {
      display: flex;
      gap: 40px;
      align-items: flex-start;
      padding: 40px;
    }

    .ai-assessment-page .ai-process-step-last {
      grid-column: 1 / -1;
    }

    .ai-assessment-page .ai-process-number {
      font-size: 48px;
      font-weight: 700;
      line-height: 1;
      background: linear-gradient(135deg, var(--ai-secondary) 0%, var(--ai-primary) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      flex-shrink: 0;
      min-width: 64px;
    }

    .ai-assessment-page .ai-process-title {
      font-size: 20px;
      font-weight: 700;
      color: var(--ai-text-primary);
      margin: 0 0 12px;
      line-height: 1.3;
    }

    .ai-assessment-page .ai-process-description {
      font-size: 16px;
      color: var(--ai-text-secondary);
      line-height: 1.65;
      margin: 0;
    }

    .ai-assessment-page .ai-report-extras {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 24px 48px;
      align-items: center;
      justify-content: center;
      margin-top: 40px;
    }

    .ai-assessment-page .ai-report-extra-item {
      display: flex;
      align-items: center;
      gap: 16px;
      color: var(--ai-text-secondary);
      font-size: 18px;
      line-height: 1.5;
    }

    .ai-assessment-page .ai-report-extra-item svg {
      color: var(--ai-primary);
      flex-shrink: 0;
    }

    .ai-assessment-page .ai-faq-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 24px;
      margin-top: 48px;
    }

    .ai-assessment-page .ai-final-section {
      background: linear-gradient(180deg, var(--ai-bg-dark-1) 0%, var(--ai-bg-dark-3) 100%);
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .ai-assessment-page .ai-final-container {
      max-width: 1280px;
      width: 100%;
      padding: 80px;
      border-radius: var(--ai-radius-xl);
      background:
        radial-gradient(ellipse 67.97% 67.97% at 50% 27.49%, var(--ai-bg-gradient-start) 0%, var(--ai-bg-gradient-end) 100%);
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 40px;
      text-align: center;
    }

    .ai-assessment-page .ai-final-heading {
      color: var(--ai-text-muted);
      font-size: clamp(28px, 4vw, 56px);
      font-weight: 700;
      line-height: 1.2;
      margin: 0;
      max-width: 960px;
      word-wrap: break-word;
      overflow-wrap: break-word;
      hyphens: auto;
      letter-spacing: .04em;
    }

    .ai-assessment-page .ai-final-subtitle {
      color: var(--ai-text-secondary);
      font-size: 20px;
      line-height: 1.6;
      margin: 0;
      max-width: 800px;
    }

    :root[data-theme="light"] .ai-assessment-page {
      --ai-text-primary: var(--text, #0f172a);
      --ai-text-secondary: #334155;
      --ai-text-muted: #64748b;
      --ai-bg-dark-1: var(--bg, #f8fafc);
      --ai-bg-dark-2: var(--bg-2, #eef2f7);
      --ai-bg-dark-3: var(--bg, #f8fafc);
      --ai-border: rgba(15, 23, 42, .12);
      --ai-border-hover: rgba(15, 23, 42, .22);
    }

    :root[data-theme="light"] .ai-card,
    :root[data-theme="light"] .ai-risk-card,
    :root[data-theme="light"] .ai-solution-card,
    :root[data-theme="light"] .ai-process-step {
      background: rgba(255, 255, 255, .92);
      box-shadow: 0 10px 25px rgba(15, 23, 42, .04);
    }

    :root[data-theme="light"] .ai-hero-section {
      background:
        radial-gradient(ellipse 67.97% 67.97% at 50% 27.49%, #dbeafe 0%, #eef2ff 100%);
    }

    :root[data-theme="light"] .ai-assessment-page .ai-page-nav {
      background: rgba(248, 250, 252, .82);
      border-color: rgba(15, 23, 42, .08);
      box-shadow: 0 12px 30px rgba(15, 23, 42, .06);
    }

    :root[data-theme="light"] .ai-assessment-page .ai-page-nav-link:hover,
    :root[data-theme="light"] .ai-assessment-page .ai-page-nav-link:focus-visible {
      color: #0f172a;
    }

    @media (max-width: 1024px) {
      .ai-assessment-page .ai-industries-grid,
      .ai-assessment-page .ai-why-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 768px) {
      .ai-assessment-page .ai-section,
      .ai-assessment-page .ai-hero-section,
      .ai-assessment-page .ai-final-section {
        padding: 48px 20px;
      }

      .ai-assessment-page .ai-hero-container {
        gap: 32px;
      }

      .ai-assessment-page .ai-problem-grid,
      .ai-assessment-page .ai-risk-grid,
      .ai-assessment-page .ai-analysis-grid,
      .ai-assessment-page .ai-integration-grid,
      .ai-assessment-page .ai-industries-grid,
      .ai-assessment-page .ai-why-grid,
      .ai-assessment-page .ai-process-grid {
        grid-template-columns: 1fr;
        gap: 20px;
      }

      .ai-assessment-page .ai-card,
      .ai-assessment-page .ai-risk-card,
      .ai-assessment-page .ai-solution-card,
      .ai-assessment-page .ai-process-step {
        padding: 24px;
      }

      .ai-assessment-page .ai-hero-buttons {
        flex-direction: column;
        width: 100%;
        gap: 16px;
      }

      .ai-assessment-page .ai-hero-buttons .ai-btn,
      .ai-assessment-page .ai-final-container .ai-btn {
        width: 100%;
        padding: 15px 30px;
        white-space: normal;
        text-align: center;
      }

      .ai-assessment-page .ai-page-nav {
        padding: 12px 16px;
        overflow-x: auto;
        scrollbar-width: none;
      }

      .ai-assessment-page .ai-page-nav::-webkit-scrollbar {
        display: none;
      }

      .ai-assessment-page .ai-page-nav-inner {
        width: max-content;
        min-width: 100%;
        justify-content: flex-start;
        flex-wrap: nowrap;
      }

      .ai-assessment-page .ai-page-nav-link {
        min-height: 38px;
        padding: 9px 14px;
        font-size: 13px;
      }

      .ai-assessment-page .ai-process-step {
        flex-direction: column;
        gap: 20px;
      }

      .ai-assessment-page .ai-process-number {
        font-size: 32px;
        min-width: auto;
      }

      .ai-assessment-page .ai-report-extras {
        flex-direction: column;
        align-items: flex-start;
      }

      .ai-assessment-page .ai-report-extra-item {
        font-size: 16px;
      }

      .ai-assessment-page .ai-final-container {
        padding: 40px 24px;
        border-radius: 32px;
      }

      .ai-assessment-page .ai-final-subtitle {
        font-size: 16px;
      }
    }
  
    /* ===== SOLIDLAB COLOR + LIGHT THEME FIXES ===== */
    .ai-assessment-page {
      --ai-primary: #5B8DEF;
      --ai-primary-hover: #4F7FDB;
      --ai-secondary: #60A5FA;
      --ai-shadow-sm: 0 8px 25px rgba(91, 141, 239, .24);
    }

    .ai-assessment-page .title-accent {
      background: linear-gradient(90deg, #5B8DEF, #60A5FA, #3B82F6);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      color: #5B8DEF;
    }

    .ai-assessment-page .ai-btn-primary {
      background: var(--ai-primary);
      color: #fff;
    }

    .ai-assessment-page .ai-btn-primary:hover {
      background: var(--ai-primary-hover);
    }

    .ai-assessment-page .ai-btn-secondary {
      border-color: rgba(91, 141, 239, .35);
    }

    .ai-assessment-page .ai-icon {
      color: var(--ai-primary);
    }

    .ai-assessment-page .ai-solution-badge {
      color: var(--ai-primary);
      border-color: rgba(91, 141, 239, .55);
      background: rgba(91, 141, 239, .14);
    }

    .ai-assessment-page .ai-process-number {
      background: linear-gradient(135deg, #5B8DEF 0%, #60A5FA 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    :root[data-theme="light"] .ai-assessment-page .ai-why-section {
      background: var(--ai-bg-dark-1);
    }

    :root[data-theme="light"] .ai-assessment-page .ai-section-title,
    :root[data-theme="light"] .ai-assessment-page .ai-section-title-large {
      color: #0f172a;
    }

    :root[data-theme="light"] .ai-assessment-page .ai-hero-headline,
    :root[data-theme="light"] .ai-assessment-page .ai-card-title,
    :root[data-theme="light"] .ai-assessment-page .ai-risk-title,
    :root[data-theme="light"] .ai-assessment-page .ai-solution-title,
    :root[data-theme="light"] .ai-assessment-page .ai-process-title {
      color: #0f172a;
    }

    :root[data-theme="light"] .ai-assessment-page .ai-hero-subheadline,
    :root[data-theme="light"] .ai-assessment-page .ai-section-intro,
    :root[data-theme="light"] .ai-assessment-page .ai-card-description,
    :root[data-theme="light"] .ai-assessment-page .ai-risk-description,
    :root[data-theme="light"] .ai-assessment-page .ai-solution-description,
    :root[data-theme="light"] .ai-assessment-page .ai-process-description,
    :root[data-theme="light"] .ai-assessment-page .ai-report-extra-item {
      color: #334155;
    }

    :root[data-theme="light"] .ai-assessment-page .ai-features {
      border-top-color: rgba(15, 23, 42, .10);
    }

    :root[data-theme="light"] .ai-assessment-page .ai-features li {
      color: #334155;
    }

    :root[data-theme="light"] .ai-assessment-page .ai-features li::before {
      color: var(--ai-primary);
    }

    :root[data-theme="light"] .ai-assessment-page .ai-final-container {
      background:
        radial-gradient(900px 420px at 18% 12%, rgba(91, 141, 239, .22), transparent 60%),
        linear-gradient(135deg, #2430a8, #1720a0);
    }

    .ai-assessment-page .ai-final-heading {
      color: #f3f6fb !important;
    }

    .ai-assessment-page .ai-final-subtitle {
      color: #dbe5f4 !important;
    }

    :root[data-theme="light"] .ai-assessment-page .ai-btn-secondary {
      color: #0f172a;
      background: rgba(91, 141, 239, .08);
      border-color: rgba(91, 141, 239, .25);
    }