/* Témoignages enrichis */
    .testimonial-context {
      font-size: var(--font-size-xs);
      color: var(--color-text-subtle);
      margin-bottom: 0;
      font-weight: var(--font-weight-medium);
      letter-spacing: 0.02em;
      text-transform: uppercase;
    }

    .testimonial-context-row {
      display: inline-flex;
      align-items: center;
      gap: var(--space-2);
    }

    .testimonial-badge-new {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      border-radius: var(--radius-full);
      border: 1px solid rgba(var(--color-accent-rgb), 0.45);
      background: rgba(var(--color-accent-rgb), 0.14);
      color: var(--color-accent);
      padding: 2px 8px;
      font-size: 0.66rem;
      font-weight: var(--font-weight-semibold);
      letter-spacing: 0.02em;
    }

    .testimonial-result {
      display: flex;
      align-items: center;
      gap: var(--space-2);
      margin-top: auto;
      padding-top: var(--space-3);
      border-top: 1px solid var(--color-border);
      font-size: var(--font-size-xs);
      color: var(--color-text-subtle);
    }

    .testimonial-result strong {
      color: var(--color-accent);
      font-weight: var(--font-weight-semibold);
    }

    .testimonial-delay {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      margin-left: auto;
      background: rgba(var(--color-primary-rgb), 0.1);
      border-radius: var(--radius-full);
      padding: 2px var(--space-2);
      color: var(--color-primary-light);
      font-size: 0.7rem;
      white-space: nowrap;
    }

    /* Barre de recherche */

    .search-wrapper {
      position: relative;
      display: flex;
      align-items: center;
    }

    .search-icon {
      position: absolute;
      left: var(--space-4);
      color: var(--color-text-subtle);
      pointer-events: none;
    }

    .search-input {
      width: 100%;
      padding: var(--space-3) var(--space-4) var(--space-3) 2.8rem;
      background: rgba(var(--color-white-rgb), 0.05);
      border: 1px solid var(--color-border);
      border-radius: var(--radius-full);
      color: var(--color-text);
      font-family: inherit;
      font-size: var(--font-size-base);
      outline: none;
      transition:
        border-color var(--duration-fast),
        box-shadow var(--duration-fast),
        background var(--duration-fast);
    }

    .search-input:hover {
      border-color: rgba(var(--color-primary-rgb), 0.6);
      box-shadow: 0 0 12px rgba(var(--color-primary-rgb), 0.25);
      background: rgba(var(--color-white-rgb), 0.07);
    }

    .search-input:focus {
      border-color: var(--color-border-focus);
      box-shadow:
        0 0 0 3px rgba(var(--color-primary-rgb), 0.15),
        0 0 16px rgba(var(--color-primary-rgb), 0.35);
      background: rgba(var(--color-white-rgb), 0.08);
    }

    .search-input::placeholder {
      color: var(--color-text-subtle);
    }

    /* Section services */
    .services-section {
      margin-bottom: var(--space-20);
    }

    .services-intro,
    .values-intro {
      max-width: 760px;
      margin: 0 auto var(--space-6);
      text-align: center;
      color: var(--color-text);
      font-size: var(--font-size-base);
      font-weight: var(--font-weight-medium);
      line-height: var(--line-height-loose);
    }

    .services-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap: var(--space-6);
    }

    .service-card {
      background: var(--color-bg-card);
      border: 1px solid var(--color-border);
      border-radius: var(--radius-xl);
      padding: var(--space-8) var(--space-6);
      text-align: center;
      transition:
        transform var(--duration-normal) var(--ease-out),
        border-color var(--duration-normal),
        box-shadow var(--duration-normal);
    }

    .service-card-link {
      display: block;
      color: inherit;
      text-decoration: none;
      cursor: pointer;
    }

    .service-card:hover {
      transform: translateY(-4px);
      border-color: rgba(var(--color-primary-rgb), 0.3);
      box-shadow: var(--shadow-primary);
    }

    .service-card:active {
      transform: translateY(-1px) scale(0.995);
    }

    .service-icon {
      width: 56px;
      height: 56px;
      border-radius: var(--radius-lg);
      background: rgba(var(--color-primary-rgb), 0.1);
      border: 1px solid rgba(var(--color-primary-rgb), 0.2);
      color: var(--color-primary-light);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.7rem;
      margin: 0 auto var(--space-5);
    }

    .service-card h3 {
      font-size: var(--font-size-base);
      font-weight: var(--font-weight-semibold);
      margin-bottom: var(--space-3);
    }

    .service-card p {
      color: #f1f5f9;
      font-size: var(--font-size-sm);
      line-height: var(--line-height-normal);
    }

    /* Valeurs */
    .values-section {
      margin-bottom: calc(var(--space-20) + var(--space-6));
    }

    .values-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: var(--space-5);
    }

    .value-item {
      display: flex;
      align-items: flex-start;
      gap: var(--space-4);
      padding: var(--space-5);
      border-radius: var(--radius-lg);
      border: 1px solid var(--color-border);
      background: rgba(var(--color-white-rgb), 0.02);
      position: relative;
      transition:
        border-color var(--duration-normal),
        transform var(--duration-normal) var(--ease-out),
        box-shadow var(--duration-normal);
    }

    .value-item--featured {
      border-color: rgba(var(--color-primary-rgb), 0.35);
      background: linear-gradient(135deg,
          rgba(var(--color-primary-rgb), 0.12) 0%,
          rgba(var(--color-info-rgb), 0.08) 100%);
      box-shadow: 0 10px 26px rgba(var(--color-black-rgb), 0.08);
    }

    .value-item:hover {
      border-color: rgba(var(--color-primary-rgb), 0.4);
      transform: translateY(-4px);
      box-shadow: var(--shadow-primary);
    }

    .value-item:active {
      transform: scale(0.995);
    }

    .value-icon {
      flex-shrink: 0;
      width: 46px;
      height: 46px;
      border-radius: var(--radius-md);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.15rem;
    }

    .value-icon--human {
      background: rgba(var(--color-primary-rgb), 0.18);
      border: 1px solid rgba(var(--color-primary-rgb), 0.32);
      color: var(--color-primary-light);
    }

    .value-icon--fast {
      background: rgba(var(--color-warning-rgb), 0.18);
      border: 1px solid rgba(var(--color-warning-rgb), 0.34);
      color: var(--color-star);
    }

    .value-icon--discreet {
      background: rgba(var(--color-accent-rgb), 0.18);
      border: 1px solid rgba(var(--color-accent-rgb), 0.34);
      color: var(--color-accent);
    }

    .value-icon--clear {
      background: rgba(var(--color-info-rgb), 0.18);
      border: 1px solid rgba(var(--color-info-rgb), 0.34);
      color: var(--color-info);
    }

    .value-label {
      font-weight: var(--font-weight-semibold);
      font-size: var(--font-size-sm);
      margin-bottom: var(--space-1);
    }

    .value-desc {
      color: #f1f5f9;
      font-size: var(--font-size-xs);
      line-height: var(--line-height-normal);
    }

    body.light-mode .service-card p,
    body.light-mode .value-desc {
      color: #1f2937;
    }

    /* Grille des outils */
    .projects-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: var(--space-6);
    }

    /* Résultats de recherche */
    #searchResultsSection {
      display: none;
      margin-inline: auto;
      animation: slideDown 0.4s var(--ease-out);
    }

    #searchResultsSection .projects-grid {
      grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
      justify-content: stretch;
      gap: var(--space-4);
    }

    #searchResultsSection .project-section {
      border-color: rgba(var(--color-info-rgb), 0.25);
      width: 100%;
    }

    #searchResultsSection .search-result-card {
      padding: var(--space-4);
      gap: var(--space-3);
    }

    #searchResultsSection .search-result-card .project-image-wrap {
      margin-bottom: var(--space-3);
    }

    #searchResultsSection .search-result-card .project-title {
      font-size: var(--font-size-base);
    }

    #searchResultsSection .search-result-card .project-desc {
      font-size: var(--font-size-xs);
    }

    #searchResultsSection .search-result-card .project-split-layout {
      flex-direction: column;
      gap: var(--space-3);
    }

    #searchResultsSection .search-result-card .project-split-left {
      width: 100%;
    }

    @keyframes slideDown {
      from {
        opacity: 0;
        transform: translateY(-16px);
      }

      to {
        opacity: 1;
        transform: none;
      }
    }

    .close-btn {
      position: absolute;
      top: 50%;
      right: var(--space-4);
      transform: translateY(-50%);
      background: transparent;
      border: none;
      color: var(--color-text);
      cursor: pointer;
      font-size: 1rem;
      padding: var(--space-1);
      border-radius: var(--radius-sm);
      transition: background var(--duration-fast);
    }

    .close-btn:hover {
      background: var(--color-bg-overlay);
    }

    /* Carte portfolio accent vert */
    .featured-projects-section > .projects-grid {
      padding: var(--space-6);
      max-width: 1500px;
      margin-inline: auto;
    }

    .featured-projects-section .project-section {
      border-color: rgba(var(--color-slate-400-rgb), 0.16);
      box-shadow: 0 10px 24px rgba(var(--color-black-rgb), 0.05);
    }

    .featured-projects-section .project-section:hover {
      border-color: rgba(var(--color-primary-rgb), 0.22);
      box-shadow: 0 14px 30px rgba(var(--color-black-rgb), 0.08);
      transform: translateY(-4px);
    }

    /* Make the whole card clickable via the link */
    .featured-projects-section .project-section {
        position: relative;
        transition: transform var(--duration-normal) var(--ease-out), border-color var(--duration-normal), box-shadow var(--duration-normal);
        display: flex;
        flex-direction: column;
    }

    .featured-projects-section .project-split-layout {
        text-decoration: none;
        color: inherit;
        display: flex;
        flex-direction: column;
        flex: 1;
        width: 100%;
    }

    .featured-projects-section .project-section:hover .btn {
        filter: saturate(1.1) brightness(1.1);
        transform: translateY(-2px);
    }

    .featured-projects-section .project-image-wrap {
      border-color: rgba(var(--color-slate-400-rgb), 0.18);
      background: var(--color-bg-overlay);
      box-shadow: inset 0 0 0 1px rgba(var(--color-white-rgb), 0.02);
    }

    .featured-projects-section .section-label-icon {
      border: 1px solid rgba(var(--color-slate-400-rgb), 0.16);
    }

    .featured-projects-section .icon-fire {
      background: rgba(var(--color-danger-rgb), 0.1);
      color: rgba(var(--color-danger-rgb), 0.82);
    }

    .featured-projects-section .icon-clock {
      background: rgba(var(--color-primary-rgb), 0.1);
      color: var(--color-primary-light);
    }

    .featured-projects-section .icon-folder {
      background: rgba(var(--color-accent-rgb), 0.1);
      color: var(--color-accent);
    }

    .featured-projects-section .icon-star {
      color: var(--color-star);
    }

    .featured-projects-section .icon-check {
      color: var(--color-accent);
    }

    .featured-projects-section .icon-info {
      color: var(--color-info);
    }

    .featured-projects-section .project-tech-icon {
      background: rgba(var(--color-primary-rgb), 0.08);
      border-color: rgba(var(--color-primary-rgb), 0.18);
      color: rgba(var(--color-primary-light-rgb), 0.88);
    }

    .featured-projects-section .project-cta-secondary {
      box-shadow: 0 4px 14px rgba(var(--color-primary-rgb), 0.2);
    }

    .featured-projects-section .project-cta-secondary:hover {
      box-shadow: 0 8px 20px rgba(var(--color-primary-rgb), 0.26);
    }

    .featured-projects-section .project-cta-primary {
      box-shadow: 0 5px 16px var(--color-brand-glow);
    }

    .featured-projects-section .project-cta-primary:hover {
      box-shadow: 0 9px 22px var(--color-brand-glow-heavy);
    }

    .featured-projects-section .project-section.portfolio-card:hover {
      border-color: rgba(var(--color-accent-rgb), 0.24);
      box-shadow: 0 14px 30px rgba(var(--color-black-rgb), 0.08);
    }

    /* Sections dynamiques: évite les ajustements d'ancrage répétés */
    .featured-projects-section,
    .testimonials-section,
    #searchResultsSection {
      overflow-anchor: none;
    }

    .project-section.portfolio-card .project-image-wrap {
      margin-bottom: 8px;
    }

    .featured-search-inline {
      margin-bottom: var(--space-8);
      width: 100%;
    }

    .featured-search-inline .search-row {
      margin-top: 0;
    }

    .featured-search-inline #searchResultsSection {
      max-width: 1120px !important;
    }

    /* Search row avec compteur intégré */
    .search-row {
      display: flex;
      align-items: center;
      gap: var(--space-3);
      width: 100%;
      max-width: 580px;
      margin: var(--space-6) auto 0;
    }

    .search-row .search-wrapper {
      flex: 1;
    }

    .search-count {
      display: inline-flex;
      align-items: center;
      gap: var(--space-2);
      padding: var(--space-2) var(--space-4);
      border-radius: var(--radius-full);
      border: 1px solid var(--color-border);
      background: var(--color-bg-overlay);
      color: var(--color-text);
      font-size: var(--font-size-sm);
      text-decoration: none;
      white-space: nowrap;
      opacity: 0;
      transform: translateY(4px);
      transition:
        opacity var(--duration-fast),
        transform var(--duration-fast),
        border-color var(--duration-fast);
    }

    .search-count.is-ready {
      opacity: 1;
      transform: translateY(0);
    }

    .search-count strong {
      color: var(--color-primary-light);
    }

    .search-count:hover {
      border-color: var(--color-border-focus);
    }

    .search-result-card {
      width: 100%;
      animation: searchCardIn 220ms var(--ease-out);
    }

    .search-empty {
      display: grid;
      place-items: center;
      text-align: center;
      min-height: 180px;
      border: 1px dashed var(--color-border);
      border-radius: var(--radius-lg);
      padding: var(--space-5);
    }

    .search-empty i {
      color: var(--color-text-muted);
      font-size: 2rem;
    }

    .search-empty p {
      margin-top: var(--space-3);
      color: var(--color-text-muted);
    }

    .search-empty a {
      color: var(--color-primary-light);
      text-decoration: none;
      font-weight: var(--font-weight-semibold);
    }

    .search-empty a:hover {
      text-decoration: underline;
    }

    @keyframes searchCardIn {
      from {
        opacity: 0;
        transform: translateY(-8px);
      }

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

    @media (max-width: 768px) {
      .hide-mobile {
        display: none !important;
      }
      .projects-grid {
        grid-template-columns: 1fr;
      }

      #searchResultsSection .projects-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--space-3);
      }

      #searchResultsSection .search-result-card {
        padding: var(--space-3);
        border-radius: var(--radius-lg);
      }

      #searchResultsSection .search-result-card .project-image-wrap {
        margin-bottom: var(--space-2);
      }

      #searchResultsSection .search-result-card .project-image {
        aspect-ratio: 16 / 8;
      }

      #searchResultsSection .search-result-card .project-title {
        font-size: var(--font-size-sm);
      }

      #searchResultsSection .search-result-card .project-desc {
        font-size: 0.74rem;
        line-height: 1.35;
      }

      #searchResultsSection .search-result-card .project-date {
        font-size: 0.67rem;
        padding: 2px var(--space-2);
      }

      #searchResultsSection .search-result-card .project-tech-icon {
        width: 38px;
        height: 38px;
        font-size: 1rem;
      }

      #searchResultsSection .search-result-card .btn {
        font-size: 0.72rem;
        padding: 9px var(--space-2);
      }

      .services-grid {
        grid-template-columns: 1fr;
        gap: var(--space-4);
      }

      .values-grid {
        grid-template-columns: 1fr;
        gap: var(--space-4);
      }

      .service-card,
      .value-item {
        padding: var(--space-5);
        border-radius: var(--radius-lg);
      }

      .search-row {
        flex-direction: column;
        align-items: stretch;
        gap: var(--space-3);
      }

      .search-suggestions {
        flex-wrap: wrap;
        justify-content: center;
      }

      .search-count {
        justify-content: center;
      }

      .testimonials-links {
        width: 100%;
        justify-content: center;
      }

      .testimonials-link {
        flex: 1;
        min-width: 180px;
      }
    }

    @media (max-width: 480px) {
      #searchResultsSection .projects-grid {
        gap: var(--space-2);
      }

      #searchResultsSection .search-result-card {
        padding: var(--space-2);
      }

      #searchResultsSection .search-result-card .project-image {
        aspect-ratio: 2 / 1;
      }
    }

    /* ── Suggestions pills (étape 2) ── */
    .search-suggestions {
      display: none;
      flex-wrap: wrap;
      justify-content: center;
      gap: var(--space-2);
      margin: var(--space-3) auto 0;
      max-width: 580px;
      width: 100%;
      overflow: visible;
    }

    .search-suggestions.visible {
      display: flex;
      animation: hintSlideIn 200ms var(--ease-out);
    }

    .suggestion-pill {
      display: inline-flex;
      flex: 0 0 auto;
      align-items: center;
      gap: var(--space-1);
      padding: var(--space-1) var(--space-3);
      border-radius: var(--radius-full);
      border: 1px solid var(--color-border);
      background: var(--color-bg-overlay);
      color: var(--color-text-muted);
      font-family: inherit;
      font-size: var(--font-size-xs);
      white-space: nowrap;
      cursor: pointer;
      transition:
        border-color var(--duration-fast),
        color var(--duration-fast),
        background var(--duration-fast);
    }

    .suggestion-pill:hover,
    .suggestion-pill:focus-visible {
      border-color: var(--color-primary);
      color: var(--color-primary-light);
      background: rgba(var(--color-primary-rgb), 0.08);
    }

    .suggestion-pill:active {
      transform: scale(0.98);
    }

    @media (max-width: 560px) {
      #searchResultsSection .projects-grid {
        grid-template-columns: 1fr;
      }

      #searchResultsSection .search-result-card {
        padding: var(--space-3) var(--space-3) var(--space-4);
      }

      .search-suggestions {
        gap: 6px;
      }

      .suggestion-pill {
        font-size: 0.7rem;
        padding: 5px 10px;
      }
    }

    .home-project-slot.is-loading .skeleton-card {
      display: block;
    }

    .icon-whatsapp {
      color: var(--color-whatsapp);
    }

    .icon-telegram {
      color: var(--color-telegram);
    }

    .icon-messenger {
      color: var(--color-messenger);
    }

    .skeleton-card {
      display: none;
    }

    .skeleton-media,
    .skeleton-line,
    .skeleton-btn {
      position: relative;
      overflow: hidden;
      border-radius: 12px;
      background: rgba(var(--color-slate-400-rgb), 0.12);
    }

    .skeleton-media {
      width: 100%;
      aspect-ratio: 16 / 9;
      margin-bottom: var(--space-4);
    }

    .skeleton-line {
      height: 12px;
      margin-bottom: var(--space-3);
    }

    .skeleton-line.w-80 {
      width: 80%;
    }

    .skeleton-line.w-60 {
      width: 60%;
    }

    .skeleton-btn {
      margin-top: var(--space-5);
      height: 38px;
    }

    .skeleton-media::after,
    .skeleton-line::after,
    .skeleton-btn::after {
      content: "";
      position: absolute;
      inset: 0;
      transform: translateX(-100%);
      background: linear-gradient(90deg,
          transparent 0%,
          rgba(var(--color-white-rgb), 0.25) 50%,
          transparent 100%);
      animation: skeletonSweep 1.2s infinite;
    }

    @keyframes skeletonSweep {
      100% {
        transform: translateX(100%);
      }
    }

    .testimonials-section {
      margin-bottom: var(--space-20);
    }

    .section-header--split {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: var(--space-4);
      flex-wrap: wrap;
    }

    .section-header--split .section-line {
      flex-basis: 100%;
    }

    .testimonials-link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: var(--space-2);
      color: var(--color-text);
      text-decoration: none;
      font-size: var(--font-size-sm);
      font-weight: var(--font-weight-semibold);
      padding: 10px 14px;
      border-radius: var(--radius-full);
      border: 1px solid var(--color-border);
      transition:
        transform var(--duration-fast),
        border-color var(--duration-fast),
        box-shadow var(--duration-fast),
        background var(--duration-fast),
        color var(--duration-fast);
    }

    .testimonials-link i {
      font-size: 0.85rem;
    }

    .testimonials-link--primary {
      background: linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-dark) 100%);
      border-color: var(--color-brand-light);
      color: var(--color-white);
      box-shadow: 0 0px 20px var(--color-brand-glow);
    }

    .testimonials-link--primary:hover {
      transform: translateY(-2px);
      border-color: var(--color-brand-light);
      box-shadow: 0 0px 24px var(--color-brand-glow);
    }

    .testimonials-link--secondary {
      background: var(--color-bg-overlay);
      border-color: var(--color-border);
      color: var(--color-primary-light);
    }

    .testimonials-link--secondary:hover {
      transform: translateY(-2px);
      border-color: var(--color-primary);
      background: rgba(var(--color-primary-rgb), 0.12);
      color: var(--color-text);
      box-shadow: 0 8px 18px rgba(var(--color-primary-rgb), 0.18);
    }

    .testimonials-links {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: var(--space-3);
      flex-wrap: wrap;
      width: 100%;
    }

    .testimonials-actions {
      margin-top: var(--space-5);
    }

    .testimonials-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: var(--space-8);
      min-height: 340px; /* Réserve l'espace pour au moins une ligne */
    }

    .skeleton-testimonial .skeleton-line {
      background: rgba(var(--color-slate-400-rgb), 0.08);
    }

    .skeleton-testimonial .skeleton-media {
      background: rgba(var(--color-slate-400-rgb), 0.08);
      border-radius: 50%;
      width: 44px;
      height: 44px;
      aspect-ratio: 1/1;
    }

    .testimonial-card {
      display: flex;
      flex-direction: column;
      height: 340px;
      min-height: 340px;
      max-height: 340px;
      overflow: hidden;
      background: var(--color-bg-overlay);
      border: 1px solid var(--color-border);
      border-radius: var(--radius-lg);
      padding: var(--space-5);
      transition:
        transform var(--duration-fast),
        border-color var(--duration-fast),
        box-shadow var(--duration-fast);
    }

    .testimonial-card:hover {
      transform: translateY(-3px);
      border-color: rgba(var(--color-info-rgb), 0.35);
      box-shadow: 0 6px 18px rgba(var(--color-info-rgb), 0.16);
    }

    .testimonial-card p {
      color: var(--color-text-muted);
      font-size: var(--font-size-sm);
    }

    .testimonial-quote-wrap {
      margin: 0;
      flex: 1;
    }

    .testimonial-quote {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      line-clamp: 3;
      overflow: hidden;
      line-height: var(--line-height-normal);
    }

    .testimonial-quote strong {
      color: var(--color-primary-light);
      font-weight: 700;
    }

    .testimonial-quote-toggle {
      margin-top: var(--space-2);
      align-self: flex-start;
      border: 0;
      outline: none;
      background: transparent;
      padding: 0;
      color: var(--color-primary-light);
      font-family: inherit;
      font-size: 0.75rem;
      font-weight: var(--font-weight-semibold);
      cursor: pointer;
    }

    .testimonial-quote-toggle:hover {
      text-decoration: underline;
    }

    .testimonial-quote-toggle[hidden] {
      display: none;
    }

    .testimonial-card.is-expanded {
      height: auto;
      max-height: none;
    }

    .testimonial-card.is-expanded .testimonial-quote {
      display: block;
      -webkit-line-clamp: unset;
      line-clamp: unset;
      overflow: visible;
    }

    .testimonial-head {
      display: flex;
      align-items: flex-start;
      gap: var(--space-3);
      margin-bottom: var(--space-3);
    }

    .testimonial-head-content {
      display: grid;
      grid-template-rows: auto auto minmax(2.5rem, auto) auto;
      row-gap: 4px;
      flex: 1;
      min-width: 0;
    }

    .testimonial-avatar {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: var(--font-size-sm);
      font-weight: var(--font-weight-semibold);
      color: var(--color-white);
      flex-shrink: 0;
    }

    .testimonial-author {
      margin-top: 0;
      font-size: var(--font-size-xs);
      color: var(--color-text-subtle);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .testimonial-date {
      margin-top: 0;
      font-size: 0.7rem;
      color: var(--color-text-subtle);
    }

    .testimonial-stars {
      margin-top: 0;
      display: inline-flex;
      align-items: center;
      gap: 2px;
      color: var(--color-star);
      font-size: 0.78rem;
    }

    .testimonial-stars span {
      margin-left: var(--space-2);
      color: var(--color-text-subtle);
      font-size: 0.7rem;
    }

    .testimonial-context-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: start;
      gap: var(--space-2);
      min-height: 2.5rem;
    }

    .testimonial-context {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      overflow: hidden;
      line-height: 1.35;
    }

    .testimonial-badge-new {
      align-self: start;
    }

    .testimonial-empty {
      border: 1px dashed var(--color-border);
      border-radius: var(--radius-lg);
      padding: var(--space-6);
      text-align: center;
      color: var(--color-text-muted);
      font-size: var(--font-size-sm);
    }

    /* ── CTA Contact / WhatsApp ── */
    .contact-cta-title {
      font-size: inherit;
      font-weight: inherit;
      line-height: inherit;
      color: inherit;
      margin: 0;
    }

    .contact-cta-band {
      margin-inline: clamp(var(--space-8), 10vw, var(--space-20));
      margin-bottom: var(--space-20);
      padding: var(--space-8) var(--space-6);
      border-radius: var(--radius-xl);
      border: 1px solid rgba(var(--color-accent-rgb), 0.18);
      background: linear-gradient(135deg,
          rgba(var(--color-accent-rgb), 0.05) 0%,
          rgba(var(--color-primary-rgb), 0.06) 100%);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: var(--space-6);
      flex-wrap: wrap;
    }

    @media (min-width: 1440px) {
      .contact-cta-band {
        margin-inline: clamp(var(--space-16), 14vw, 22rem);
      }
    }

    .contact-cta-text {
      display: flex;
      align-items: center;
      gap: var(--space-4);
      font-size: var(--font-size-md);
      font-weight: var(--font-weight-semibold);
      color: var(--color-text);
    }

    .contact-cta-text i {
      font-size: 1.5rem;
      color: var(--color-accent);
      flex-shrink: 0;
    }

    .contact-cta-btns {
      display: flex;
      gap: var(--space-3);
      flex-wrap: wrap;
    }

    .contact-cta-btns .contact-channel-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: var(--color-text);
      border-color: var(--color-border);
      background: var(--color-bg-card);
      transition:
        transform var(--duration-normal) var(--ease-out),
        box-shadow var(--duration-normal) var(--ease-out),
        border-color var(--duration-normal) var(--ease-out),
        filter var(--duration-normal) var(--ease-out);
    }

    .contact-cta-btns .contact-channel-btn i {
      color: inherit;
    }

    @media (max-width: 768px) {
      .contact-cta-btns .contact-channel-btn {
        width: 52px;
        min-width: 52px;
        height: 52px;
        padding: 0;
        border-radius: var(--radius-full);
      }

      .contact-cta-btns .contact-channel-btn span {
        display: none;
      }

      .contact-cta-btns .contact-channel-btn i {
        margin: 0;
        font-size: 1.1rem;
      }
    }

    .contact-channel-btn--whatsapp {
      background: linear-gradient(135deg,
          rgba(var(--color-whatsapp-rgb), 0.38) 0%,
          rgba(var(--color-whatsapp-rgb), 0.22) 100%) !important;
      border-color: rgba(var(--color-whatsapp-rgb), 0.72) !important;
    }

    .contact-channel-btn--whatsapp i {
      color: var(--color-whatsapp);
    }

    .contact-channel-btn--whatsapp:hover {
      transform: translateY(-2px);
      border-color: rgba(var(--color-whatsapp-rgb), 0.7);
      box-shadow: 0 8px 20px rgba(var(--color-whatsapp-rgb), 0.28);
      filter: saturate(1.12);
    }

    .contact-channel-btn--telegram {
      background: linear-gradient(135deg,
          rgba(var(--color-telegram-rgb), 0.38) 0%,
          rgba(var(--color-telegram-rgb), 0.22) 100%) !important;
      border-color: rgba(var(--color-telegram-rgb), 0.72) !important;
    }

    .contact-channel-btn--telegram i {
      color: var(--color-telegram);
    }

    .contact-channel-btn--telegram:hover {
      transform: translateY(-2px);
      border-color: rgba(var(--color-telegram-rgb), 0.68);
      box-shadow: 0 8px 20px rgba(var(--color-telegram-rgb), 0.28);
      filter: saturate(1.12);
    }

    .contact-channel-btn--messenger {
      background: linear-gradient(135deg,
          rgba(var(--color-purple-rgb), 0.4) 0%,
          rgba(var(--color-purple-rgb), 0.24) 100%) !important;
      border-color: rgba(var(--color-purple-rgb), 0.76) !important;
    }

    .contact-channel-btn--messenger i {
      color: var(--color-purple);
    }

    .contact-channel-btn--messenger:hover {
      transform: translateY(-2px);
      border-color: rgba(var(--color-purple-rgb), 0.72);
      box-shadow: 0 8px 20px rgba(var(--color-purple-rgb), 0.3);
      filter: saturate(1.12);
    }

    .contact-channel-btn--mail {
      background: linear-gradient(135deg,
          rgba(var(--color-primary-rgb), 0.38) 0%,
          rgba(var(--color-primary-rgb), 0.22) 100%) !important;
      border-color: rgba(var(--color-primary-rgb), 0.72) !important;
    }

    .contact-channel-btn--mail i {
      color: var(--color-primary-light);
    }

    .contact-channel-btn--mail:hover {
      transform: translateY(-2px);
      border-color: rgba(var(--color-primary-rgb), 0.68);
      box-shadow: 0 8px 20px rgba(var(--color-primary-rgb), 0.28);
      filter: saturate(1.12);
    }

    @media (max-width: 600px) {
      .contact-cta-band {
        flex-direction: column;
        align-items: flex-start;
        margin-inline: var(--space-3);
        padding: var(--space-6) var(--space-5);
      }

      .contact-cta-btns {
        width: 100%;
        justify-content: center;
      }

      .contact-cta-btns .contact-channel-btn {
        flex: 0 0 auto;
        width: 52px;
        min-width: 52px;
        height: 52px;
        padding: 0;
        justify-content: center;
        align-items: center;
        border-radius: 999px;
      }

      .contact-cta-btns .contact-channel-btn span {
        display: none;
      }

      .contact-cta-btns .contact-channel-btn i {
        margin: 0;
        font-size: 1.1rem;
      }
    }

    /* ── Newsletter Trendy Section ── */
    .newsletter-section {
      margin-bottom: var(--space-20);
      padding-inline: var(--space-4);
    }

    .newsletter-card {
      max-width: 920px;
      max-height: 160px;
      margin: 0 auto;
      padding: var(--space-4) var(--space-10);
      background: linear-gradient(135deg, rgba(var(--color-primary-rgb), 0.08) 0%, rgba(var(--color-primary-rgb), 0.03) 100%);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border: 1px solid rgba(var(--color-primary-rgb), 0.2);
      border-radius: var(--radius-lg);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: var(--space-8);
      position: relative;
      overflow: hidden;
      box-shadow: 0 10px 40px -15px rgba(0, 0, 0, 0.3);
    }

    /* Subtle animated glow */
    .newsletter-glow {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: radial-gradient(circle at var(--mouse-x, 80%) var(--mouse-y, 50%), rgba(var(--color-primary-rgb), 0.15) 0%, transparent 50%);
      pointer-events: none;
      z-index: 0;
      opacity: 0.6;
    }

    .newsletter-content {
      display: flex;
      flex-direction: column;
      gap: var(--space-2);
      position: relative;
      z-index: 1;
      flex-shrink: 0;
    }

    .newsletter-badge {
      display: inline-flex;
      align-items: center;
      gap: var(--space-2);
      background: rgba(var(--color-primary-rgb), 0.15);
      color: var(--color-primary-light);
      padding: 4px 10px;
      border-radius: var(--radius-full);
      font-size: 10px;
      font-weight: var(--font-weight-bold);
      text-transform: uppercase;
      letter-spacing: 1px;
      width: fit-content;
    }

    .newsletter-badge i {
      font-size: 11px;
    }

    .newsletter-text h2 {
      font-size: var(--font-size-lg);
      font-weight: var(--font-weight-bold);
      margin: 0;
      line-height: 1.1;
      color: var(--color-white);
    }

    .newsletter-text p {
      color: var(--color-text-muted);
      font-size: var(--font-size-xs);
      margin: 0;
      opacity: 0.8;
    }

    .newsletter-form-container {
      flex: 1;
      max-width: 500px;
      position: relative;
      z-index: 1;
    }

    .newsletter-form {
      display: flex;
      align-items: center;
      gap: var(--space-2);
      background: rgba(var(--color-black-rgb), 0.3);
      border: 1px solid rgba(var(--color-primary-rgb), 0.2);
      border-radius: var(--radius-full);
      padding: 4px;
      padding-left: var(--space-4);
      transition: all var(--duration-normal) var(--ease-out);
    }

    .newsletter-form:focus-within {
      border-color: rgba(var(--color-primary-rgb), 0.5);
      box-shadow: 0 0 20px rgba(var(--color-primary-rgb), 0.15);
      background: rgba(var(--color-black-rgb), 0.4);
    }

    .newsletter-input-group {
      flex: 1;
      display: flex;
      align-items: center;
      gap: var(--space-3);
    }

    .newsletter-field-icon {
      color: var(--color-text-subtle);
      font-size: 0.9rem;
      opacity: 0.6;
    }

    .newsletter-input {
      flex: 1;
      background: transparent;
      border: none;
      color: var(--color-text);
      font-size: var(--font-size-sm);
      font-family: var(--font-body);
      outline: none;
      padding: var(--space-2) 0;
      min-width: 0;
    }

    .newsletter-input::placeholder {
      color: var(--color-text-subtle);
      opacity: 0.5;
    }

    .newsletter-submit {
      background: var(--color-primary);
      color: var(--color-white);
      border: none;
      border-radius: var(--radius-full);
      padding: var(--space-2) var(--space-6);
      font-weight: var(--font-weight-semibold);
      font-size: var(--font-size-sm);
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: var(--space-2);
      transition: all var(--duration-fast) var(--ease-out);
      white-space: nowrap;
    }

    .newsletter-submit i {
      font-size: 0.8rem;
      transition: transform var(--duration-fast);
    }

    .newsletter-submit:hover {
      background: var(--color-primary-light);
      box-shadow: 0 4px 15px var(--color-primary-glow);
    }

    .newsletter-submit:hover i {
      transform: translateX(3px);
    }

    .newsletter-submit:active {
      transform: scale(0.98);
    }

    #newsletter-status {
      font-size: var(--font-size-xs);
      color: var(--color-text-muted);
      margin-top: var(--space-2);
      padding-left: var(--space-4);
      min-height: 1.2em;
    }

    .newsletter-footer {
      margin-top: var(--space-4);
      text-align: center;
    }

    .unsubscribe-link {
      font-size: var(--font-size-xs);
      color: var(--color-text-muted);
      text-decoration: none;
      transition: color 0.2s;
    }

    .unsubscribe-link:hover {
      color: var(--color-primary-light) !important;
      text-decoration: underline !important;
    }

    /* Responsivité Newsletter */
    @media (max-width: 992px) {
      .newsletter-card {
        flex-direction: column;
        max-height: none !important;
        height: auto !important;
        padding: var(--space-8) var(--space-6);
        gap: var(--space-6);
        text-align: center;
      }

      .newsletter-content {
        align-items: center;
      }

      .newsletter-form-container {
        width: 100%;
        max-width: 450px;
      }
    }

    @media (max-width: 480px) {
      .newsletter-card {
        padding: var(--space-8) var(--space-5);
      }

      .newsletter-form {
        flex-direction: column;
        background: transparent;
        border: none;
        padding: 0;
        gap: var(--space-3);
      }

      .newsletter-input-group {
        width: 100%;
        background: rgba(var(--color-black-rgb), 0.3);
        border: 1px solid rgba(var(--color-primary-rgb), 0.2);
        border-radius: var(--radius-full);
        padding: var(--space-4) var(--space-5);
      }

      .newsletter-submit {
        width: 100%;
        justify-content: center;
        padding: var(--space-4);
      }

      #newsletter-status {
        position: static;
        margin-top: var(--space-3);
        text-align: center;
      }
    }

    /* ── Nouveau Services Grid (6 services thématiques) & Widget Interactif ── */
    .services-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
      gap: var(--space-6);
      justify-content: center;
      max-width: 960px;
      margin-inline: auto;
    }

    .service-card {
      display: flex;
      flex-direction: column;
      height: 100%;
      justify-content: flex-start;
    }

    .service-card p {
      flex: 1;
    }

    /* Widget de faisabilité interactif */
    .feasibility-widget {
      position: relative;
      margin-top: var(--space-12);
      padding: var(--space-8) var(--space-6);
      border-radius: var(--radius-xl);
      border: 1px solid rgba(var(--color-primary-rgb), 0.25);
      background: linear-gradient(135deg, 
        rgba(var(--color-primary-rgb), 0.07) 0%, 
        rgba(var(--color-info-rgb), 0.04) 100%
      );
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      box-shadow: 0 20px 40px rgba(var(--color-black-rgb), 0.12);
      overflow: hidden;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      max-width: 960px;
      margin-inline: auto;
    }

    .feasibility-glow {
      position: absolute;
      top: -50%;
      left: -50%;
      width: 200%;
      height: 200%;
      background: radial-gradient(circle, rgba(var(--color-primary-rgb), 0.08) 0%, transparent 60%);
      pointer-events: none;
      z-index: 0;
      animation: rotateGlow 20s linear infinite;
    }

    @keyframes rotateGlow {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }

    .feasibility-content {
      position: relative;
      z-index: 1;
      width: 100%;
      max-width: 820px;
    }

    .feasibility-header {
      margin-bottom: var(--space-6);
    }

    .feasibility-icon-badge {
      width: 50px;
      height: 50px;
      border-radius: var(--radius-md);
      background: rgba(var(--color-brand-rgb), 0.12);
      border: 1px solid rgba(var(--color-brand-rgb), 0.3);
      color: var(--color-brand-bright);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1.4rem;
      margin-bottom: var(--space-3);
      animation: pulseBrand 2s infinite alternate var(--ease-in-out);
    }

    @keyframes pulseBrand {
      0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(var(--color-brand-rgb), 0.2); }
      100% { transform: scale(1.05); box-shadow: 0 0 12px 4px rgba(var(--color-brand-rgb), 0.15); }
    }

    .feasibility-title {
      font-size: var(--text-scale-h3);
      font-weight: var(--font-weight-bold);
      margin-bottom: var(--space-2);
      background: linear-gradient(135deg, var(--color-text) 30%, var(--color-brand-light) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .feasibility-subtitle {
      font-size: var(--font-size-sm);
      color: var(--color-text-muted);
      line-height: var(--line-height-normal);
      max-width: 600px;
      margin: 0 auto;
    }

    /* Le Testeur de projet */
    .feasibility-tester {
      display: flex;
      flex-direction: column;
      gap: var(--space-4);
      margin-top: var(--space-2);
    }

    .feasibility-input-group {
      position: relative;
      display: flex;
      align-items: stretch;
      background: rgba(var(--color-white-rgb), 0.04);
      border: 1px solid var(--color-border);
      border-radius: var(--radius-full);
      padding: var(--space-2) var(--space-2) var(--space-2) var(--space-5);
      transition: border-color var(--duration-fast), box-shadow var(--duration-fast);
    }

    .feasibility-input-group:focus-within {
      border-color: var(--color-border-focus);
      box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.15), 0 0 20px rgba(var(--color-primary-rgb), 0.25);
      background: rgba(var(--color-white-rgb), 0.06);
    }

    .feasibility-prompt {
      display: flex;
      align-items: center;
      color: var(--color-primary-light);
      font-weight: var(--font-weight-semibold);
      font-size: var(--font-size-sm);
      padding-right: var(--space-2);
      user-select: none;
      white-space: nowrap;
    }

    .feasibility-input-group input {
      flex: 1;
      border: none;
      background: transparent;
      color: var(--color-text);
      font-family: inherit;
      font-size: var(--font-size-base);
      outline: none;
      min-width: 120px;
      padding: 0 var(--space-2);
    }

    .feasibility-input-group input::placeholder {
      color: var(--color-text-subtle);
      transition: opacity var(--duration-fast);
    }

    .feasibility-input-group input:focus::placeholder {
      opacity: 0.5;
    }

    .feasibility-input-group button {
      border-radius: var(--radius-full);
      font-size: var(--font-size-sm);
      padding: var(--space-3) var(--space-6);
      font-weight: var(--font-weight-semibold);
      background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
      border: 1px solid var(--color-primary);
      box-shadow: 0 4px 12px var(--color-primary-glow);
      color: var(--color-white);
      display: flex;
      align-items: center;
      gap: var(--space-2);
      transition: transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);
    }

    .feasibility-input-group button:hover {
      transform: translateY(-1px);
      box-shadow: 0 6px 16px var(--color-primary-glow);
      background: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary-dark) 100%);
      color: var(--color-white);
    }

    .feasibility-input-group button:active {
      transform: translateY(0);
    }

    /* Suggestions */
    .feasibility-suggestions {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: var(--space-2);
      margin-top: var(--space-1);
    }

    .suggestions-label {
      font-size: var(--font-size-xs);
      color: var(--color-text-subtle);
      font-weight: var(--font-weight-medium);
      margin-right: var(--space-1);
    }

    .feasibility-pill {
      background: rgba(var(--color-white-rgb), 0.03);
      border: 1px solid var(--color-border);
      border-radius: var(--radius-full);
      padding: var(--space-1) var(--space-3);
      font-size: var(--font-size-xs);
      color: var(--color-text-muted);
      cursor: pointer;
      font-family: inherit;
      transition: all var(--duration-fast) var(--ease-out);
    }

    .feasibility-pill:hover {
      background: rgba(var(--color-primary-rgb), 0.08);
      border-color: rgba(var(--color-primary-rgb), 0.35);
      color: var(--color-primary-light);
      transform: translateY(-1px);
    }

    .feasibility-pill:active {
      transform: translateY(0);
    }

    /* Carte de résultats dynamique */
    .feasibility-result-card {
      margin-top: var(--space-6);
      padding: var(--space-5) var(--space-6);
      border-radius: var(--radius-lg);
      border: 1px solid rgba(var(--color-accent-rgb), 0.3);
      background: linear-gradient(135deg, 
        rgba(var(--color-accent-rgb), 0.08) 0%, 
        rgba(var(--color-primary-rgb), 0.03) 100%
      );
      box-shadow: 0 10px 24px rgba(var(--color-black-rgb), 0.06);
      display: flex;
      align-items: flex-start;
      gap: var(--space-4);
      text-align: left;
      animation: feasibilitySlideIn 350ms var(--ease-out) both;
    }

    @keyframes feasibilitySlideIn {
      from {
        opacity: 0;
        transform: translateY(15px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .feasibility-result-icon {
      flex-shrink: 0;
      width: 42px;
      height: 42px;
      border-radius: 50%;
      background: rgba(var(--color-accent-rgb), 0.15);
      color: var(--color-accent);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.3rem;
      border: 1px solid rgba(var(--color-accent-rgb), 0.25);
    }

    .feasibility-result-text {
      flex: 1;
    }

    .feasibility-result-text h4 {
      font-size: var(--font-size-md);
      font-weight: var(--font-weight-semibold);
      color: var(--color-accent);
      margin-bottom: var(--space-1);
    }

    .feasibility-result-text p {
      font-size: var(--font-size-sm);
      color: var(--color-text-muted);
      line-height: var(--line-height-normal);
      margin-bottom: var(--space-4);
    }

    .feasibility-result-actions {
      display: flex;
      flex-wrap: wrap;
      gap: var(--space-3);
    }

    .feasibility-result-actions .btn {
      font-size: var(--font-size-xs);
      padding: var(--space-2.5) var(--space-5);
      border-radius: var(--radius-full);
      display: inline-flex;
      align-items: center;
      gap: var(--space-2);
      font-weight: var(--font-weight-semibold);
      text-decoration: none;
      cursor: pointer;
    }

    .feasibility-result-actions .contact-channel-btn--whatsapp {
      background: linear-gradient(135deg, var(--color-whatsapp) 0%, #128c7e 100%);
      border: 1px solid var(--color-whatsapp);
      color: var(--color-white);
      box-shadow: 0 4px 12px rgba(var(--color-whatsapp-rgb), 0.25);
    }

    .feasibility-result-actions .contact-channel-btn--whatsapp:hover {
      background: linear-gradient(135deg, #2fe678 0%, #128c7e 100%);
      box-shadow: 0 6px 16px rgba(var(--color-whatsapp-rgb), 0.35);
      transform: translateY(-1px);
      color: var(--color-white);
    }

    .feasibility-result-actions .contact-channel-btn--mail {
      background: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.05) 0%, rgba(var(--color-white-rgb), 0.02) 100%);
      border: 1px solid var(--color-border);
      color: var(--color-text);
    }

    .feasibility-result-actions .contact-channel-btn--mail:hover {
      background: rgba(var(--color-white-rgb), 0.08);
      border-color: var(--color-text-muted);
      transform: translateY(-1px);
      color: var(--color-text);
    }

    /* Support Mode Eco */
    body.eco-mode .feasibility-glow {
      display: none !important;
      animation: none !important;
    }

    body.eco-mode .feasibility-widget {
      background: var(--color-bg-card-solid) !important;
      border-color: var(--color-border) !important;
      box-shadow: none !important;
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
    }

    body.eco-mode .feasibility-icon-badge {
      animation: none !important;
      box-shadow: none !important;
    }

    body.eco-mode .feasibility-input-group {
      background: transparent !important;
      box-shadow: none !important;
    }

    body.eco-mode .feasibility-input-group button,
    body.eco-mode .feasibility-result-actions .contact-channel-btn--whatsapp {
      background: var(--color-primary-dark) !important;
      border-color: var(--color-primary-dark) !important;
      box-shadow: none !important;
    }

    /* Mode Light */
    body.light-mode .feasibility-widget {
      background: linear-gradient(135deg, 
        rgba(var(--color-primary-rgb), 0.05) 0%, 
        rgba(var(--color-info-rgb), 0.02) 100%
      );
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    }

    body.light-mode .feasibility-input-group {
      background: rgba(0, 0, 0, 0.02);
    }

    body.light-mode .feasibility-pill {
      background: rgba(0, 0, 0, 0.02);
    }

    body.light-mode .feasibility-pill:hover {
      background: rgba(var(--color-primary-rgb), 0.05);
    }

    body.light-mode .feasibility-result-card {
      background: linear-gradient(135deg, 
        rgba(var(--color-accent-rgb), 0.05) 0%, 
        rgba(var(--color-primary-rgb), 0.01) 100%
      );
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    }

    body.light-mode .feasibility-result-actions .contact-channel-btn--mail {
      background: #ffffff;
      color: #1f2937;
    }

    body.light-mode .feasibility-result-actions .contact-channel-btn--mail:hover {
      background: #f3f4f6;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .services-grid {
        grid-template-columns: 1fr;
        gap: var(--space-4);
      }

      .feasibility-widget {
        margin-top: var(--space-8);
        padding: var(--space-6) var(--space-4);
      }

      .feasibility-input-group {
        flex-direction: column;
        background: transparent;
        border: none;
        padding: 0;
        gap: var(--space-3);
      }

      .feasibility-prompt {
        padding-left: var(--space-2);
        padding-bottom: 0;
      }

      .feasibility-input-group input {
        width: 100%;
        padding: var(--space-3) var(--space-5);
        background: rgba(var(--color-white-rgb), 0.04);
        border: 1px solid var(--color-border);
        border-radius: var(--radius-full);
      }

      body.light-mode .feasibility-input-group input {
        background: rgba(0, 0, 0, 0.02);
      }

      .feasibility-input-group button {
        width: 100%;
        justify-content: center;
        padding: var(--space-3.5) var(--space-6);
      }

      .feasibility-result-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: var(--space-3);
      }

      .feasibility-result-actions {
        justify-content: center;
      }

      .feasibility-result-actions .btn {
        width: 100%;
        justify-content: center;
      }
    }