    
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      background: #f0fdf4;
      color: #1e293b;
      line-height: 1.6;
    }

    .wrapper {
      max-width: 1200px;
      margin: 0 auto;
      padding: 40px 20px;
    }

    .breadcrumb {
      font-size: 14px;
      color: #64748b;
      margin-bottom: 30px;
    }

    .breadcrumb a {
      color: #64748b;
      text-decoration: none;
    }

    .breadcrumb a:hover {
      color: #1e293b;
    }

    .contact-container {
      background: white;
      border-radius: 20px;
      box-shadow: 0 12px 32px rgba(2, 6, 23, 0.08), 0 4px 12px rgba(2, 6, 23, 0.04);
      padding: 50px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
    }

    /* Left side */
    .contact-left h1 {
      font-size: 28px;
      font-weight: 700;
      color: #1e293b;
      margin-bottom: 25px;
    }

    .check-list {
      list-style: none;
      margin-bottom: 35px;
    }

    .check-list li {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      margin-bottom: 16px;
      font-size: 15px;
      color: #334155;
    }

    .check-icon {
      width: 24px;
      height: 24px;
      background: #10b981;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 14px;
      flex-shrink: 0;
      margin-top: 2px;
    }

    .advisor-card {
      background: white;
      border: 1px solid #e2e8f0;
      border-radius: 16px;
      padding: 20px;
      display: flex;
      align-items: center;
      gap: 16px;
      margin-bottom: 25px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    }

    .advisor-card img {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      object-fit: cover;
    }

    .advisor-info strong {
      display: block;
      font-size: 14px;
      color: #1e293b;
      margin-bottom: 4px;
    }

    .advisor-phone {
      color: #10b981;
      font-size: 18px;
      font-weight: 600;
      text-decoration: none;
    }

    .advisor-phone:hover {
      text-decoration: underline;
    }

    .cta-text {
      font-size: 14px;
      color: #64748b;
      margin-bottom: 20px;
    }

    .btn-rdv {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: #10b981;
      color: white;
      padding: 14px 28px;
      border-radius: 10px;
      text-decoration: none;
      font-weight: 600;
      font-size: 15px;
      transition: all 0.3s ease;
      border: none;
      cursor: pointer;
    }

    .btn-rdv:hover {
      background: #059669;
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
    }

    .reviews {
      display: flex;
      gap: 20px;
      margin-top: 30px;
    }

    .review-item {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .review-logo {
      width: 40px;
      height: 40px;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
    }

    .review-stars {
      color: #fbbf24;
      font-size: 14px;
    }

    .review-text {
      font-size: 13px;
      color: #64748b;
    }

    /* Right side - Form */
    .contact-form {
      background: #f8fafc;
      border-radius: 16px;
      padding: 28px;
    }

    .contact-form h3 {
      font-size: 16px;
      font-weight: 600;
      color: #1e293b;
      margin-bottom: 8px;
    }

    .form-group {
      margin-bottom: 20px;
    }

    .form-group label {
      display: block;
      font-size: 14px;
      font-weight: 500;
      color: #475569;
      margin-bottom: 8px;
    }

    .form-group input,
    .form-group select,
    .form-group textarea {
      width: 100%;
      padding: 12px 16px;
      border: 1px solid #cbd5e1;
      border-radius: 10px;
      font-size: 15px;
      transition: all 0.3s ease;
      background: white;
    }

    .form-group textarea {
      min-height: 100px;
      resize: vertical;
      font-family: inherit;
    }

    .form-group input:focus,
    .form-group select:focus,
    .form-group textarea:focus {
      outline: none;
      border-color: #10b981;
      box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
    }

    .form-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
    }

    .phone-input {
      display: grid;
      grid-template-columns: 120px 1fr;
      gap: 10px;
    }

    .btn-submit {
      width: 100%;
      background: #fbbf24;
      color: #1e293b;
      padding: 16px;
      border: none;
      border-radius: 10px;
      font-size: 16px;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.3s ease;
      margin-top: 10px;
    }

    .btn-submit:hover {
      background: #f59e0b;
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(251, 191, 36, 0.3);
    }

    .form-note {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 13px;
      color: #64748b;
      margin-top: 12px;
    }

    .form-note::before {
      content: "→";
      color: #10b981;
    }

    @media (max-width: 968px) {
      .contact-container {
        grid-template-columns: 1fr;
        padding: 30px;
        gap: 40px;
      }

      .form-row {
        grid-template-columns: 1fr;
      }

      .phone-input {
        grid-template-columns: 100px 1fr;
      }
    }

    /* === Section: étapes CPF (bas de page) === */
    .steps-cpf{margin-top:60px;padding:10px 0 0}
    .steps-cpf h2{font-size:28px;line-height:1.25;text-align:center;margin-bottom:8px}
    .steps-cpf .steps-sub{max-width:760px;margin:0 auto 22px;text-align:center;color:#64748b;font-size:14px}
    .steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .step-card{background:#ECFDF5;border:1px solid #A7F3D0;border-radius:16px;padding:20px;box-shadow:0 4px 10px rgba(16,185,129,.08);display:flex;flex-direction:column}
    .step-badge{width:28px;height:28px;border-radius:9999px;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:10px}
    .step-card h3{font-size:16px;margin:6px 0 6px;color:#064E3B;min-height:44px}
    .step-card p{font-size:14px;color:#334155;flex:1 1 auto}
    .steps-grid .step-card:nth-child(4) p:nth-of-type(2){display:none}

    .btn-step{display:inline-block;margin-top:auto;background:#0FA46E;color:#fff;padding:10px 14px;border-radius:10px;font-weight:600;text-decoration:none;transition:all .2s ease}
    .btn-step:hover{background:#0C8C5B;transform:translateY(-1px);box-shadow:0 4px 12px rgba(12,140,91,.28)}
    @media (max-width: 968px){.steps-grid{grid-template-columns:1fr}}

  
