:root{--fts-primary:#1E3A8A;--fts-secondary:#F97316;--fts-accent:#10B981;--fts-dark:#374151;--fts-light:#F3F4F6;--fts-white:#FFF;--fts-gradient-primary:linear-gradient(135deg,#1E3A8A 0%,#3B82F6 100%);--fts-gradient-secondary:linear-gradient(135deg,#F97316 0%,#FB923C 100%);--fts-font-heading:'Poppins',sans-serif;--fts-font-body:'Inter',sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--fts-font-body);color:var(--fts-dark)}.fts-container{max-width:1200px;margin:0 auto;padding:0 1rem}.fts-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--fts-gradient-primary);color:var(--fts-white);text-align:center;padding:2rem 1rem}.fts-hero-title{font-family:var(--fts-font-heading);font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.fts-hero-subtitle{font-size:1.125rem;margin-bottom:2rem;opacity:.95}.fts-btn{display:inline-flex;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s;margin:.5rem}.fts-btn-primary{background:var(--fts-gradient-secondary);color:var(--fts-white)}.fts-btn-secondary{background:transparent;color:var(--fts-white);border:2px solid var(--fts-white)}.fts-section{padding:5rem 0}.fts-section-title{font-family:var(--fts-font-heading);font-size:2rem;text-align:center;color:var(--fts-primary);margin-bottom:3rem}.fts-valeurs{background:var(--fts-light)}.fts-valeurs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.fts-valeur-card{background:var(--fts-white);padding:2rem;border-radius:12px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .3s}.fts-valeur-card:hover{transform:translateY(-5px)}.fts-valeur-title{color:var(--fts-primary);font-size:1.25rem;margin:1rem 0}.fts-catalogue-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.fts-produit-card{background:var(--fts-white);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1)}.fts-produit-content{padding:1.5rem}.fts-produit-nom{color:var(--fts-primary);font-size:1.25rem;margin-bottom:.5rem}.fts-badge-ribbon{background:var(--fts-secondary);color:var(--fts-white);padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block;margin-bottom:1rem}.fts-badge-premium{background:var(--fts-primary)}.fts-produit-prix strong{color:var(--fts-primary);font-size:1.25rem}.fts-processus-timeline{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.fts-etape{text-align:center;flex:1;min-width:200px;padding:1rem}.fts-etape-numero{width:60px;height:60px;background:var(--fts-primary);color:var(--fts-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem}.fts-etape-title{color:var(--fts-primary);font-size:1.1rem;margin-bottom:.5rem}.fts-cta-final{background:var(--fts-gradient-primary);color:var(--fts-white);padding:5rem 1rem;text-align:center}.fts-cta-title{font-size:2.5rem;margin-bottom:1rem}.fts-cta-options{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:2rem 0}.fts-btn-whatsapp{background:#25D366}@media(max-width:768px){.fts-hero-title{font-size:2rem}.fts-valeurs-grid,.fts-catalogue-grid{grid-template-columns:1fr}}

/* ============================================
   SECTION TEMOIGNAGES
   ============================================ */
.fts-temoignages {
  background: var(--fts-light);
  padding: 5rem 0;
n}

.fts-temoignages-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
n}

@media (min-width: 768px) {
  .fts-temoignages-grid {
    grid-template-columns: repeat(3, 1fr);
  }
n}

.fts-temoignage-card {
  background: var(--fts-white);
  padding: 2rem;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  text-align: center;
n}

.fts-temoignage-stars {
  color: #FBBF24;
  font-size: 1.25rem;
  margin-bottom: 1rem;
n}

.fts-temoignage-text {
  font-style: italic;
  margin-bottom: 1.5rem;
  line-height: 1.6;
n}

.fts-temoignage-auteur {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
n}

.fts-temoignage-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--fts-secondary);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.5rem;
n}

.fts-temoignage-nom {
  font-weight: 600;
  color: var(--fts-primary);
n}

.fts-temoignage-lieu {
  font-size: 0.9rem;
  opacity: 0.8;
n}

/* ============================================
   SECTION FAQ - ACCORDEON
   ============================================ */
n.fts-faq {
  background: var(--fts-white);
  padding: 5rem 0;
n}

.fts-faq-list {
  max-width: 800px;
  margin: 0 auto;
n}

.fts-faq-item {
  border-bottom: 1px solid #E5E7EB;
n}

.fts-faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.25rem 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--fts-dark);
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  list-style: none;
n}

.fts-faq-question:hover {
  color: var(--fts-primary);
n}

.fts-faq-toggle {
  width: 24px;
  height: 24px;
  position: relative;
  flex-shrink: 0;
  margin-left: 1rem;
n}

.fts-faq-toggle::before,
.fts-faq-toggle::after {
  content: "";
  position: absolute;
  background: var(--fts-primary);
n}

.fts-faq-toggle::before {
  width: 12px;
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
n}

.fts-faq-toggle::after {
  width: 2px;
  height: 12px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
n}

.fts-faq-item[open] .fts-faq-toggle::after {
  transform: translate(-50%, -50%) rotate(90deg);
  opacity: 0;
n}

.fts-faq-reponse {
  padding: 0 0 1.25rem 0;
  color: var(--fts-dark);
  line-height: 1.6;
n}

.fts-contact{background:var(--fts-light);padding:5rem 0}.fts-contact-form{max-width:600px;margin:0 auto;background:var(--fts-white);padding:2.5rem;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.08)}.fts-form-group{margin-bottom:1.5rem}.fts-form-label{display:block;font-weight:600;margin-bottom:0.5rem;color:var(--fts-dark)}.fts-form-input,.fts-form-textarea,.fts-form-select{width:100%;padding:0.875rem 1rem;border:2px solid #E5E7EB;border-radius:8px;font-size:1rem;transition:border-color 0.3s}.fts-form-input:focus,.fts-form-textarea:focus,.fts-form-select:focus{outline:none;border-color:var(--fts-primary)}.fts-form-textarea{min-height:120px;resize:vertical}.fts-form-row{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:576px){.fts-form-row{grid-template-columns:1fr 1fr}}.fts-form-checkbox{display:flex;align-items:flex-start;gap:0.75rem;margin:1rem 0}.fts-form-checkbox input{width:20px;height:20px;margin-top:2px;accent-color:var(--fts-primary)}.fts-form-submit{width:100%;padding:1rem;font-size:1.1rem;margin-top:1rem}

/* ============================================
   PAGE CONTACT OPTIMISEE
   ============================================ */
.fts-contact-page {
  max-width: 1000px;
  margin: 0 auto;
  padding: 3rem 1rem;
}

.fts-contact-page h1 {
  font-family: var(--fts-font-heading);
  font-size: 2.5rem;
  color: var(--fts-primary);
  text-align: center;
  margin-bottom: 1rem;
}

.fts-contact-page .lead {
  font-size: 1.25rem;
  text-align: center;
  color: var(--fts-dark);
  margin-bottom: 3rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.contact-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  margin-bottom: 3rem;
}

@media (min-width: 768px) {
  .contact-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.contact-info {
  background: var(--fts-light);
  padding: 2rem;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.contact-info h2 {
  font-family: var(--fts-font-heading);
  color: var(--fts-primary);
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.contact-info p {
  margin-bottom: 0.75rem;
  font-size: 1.1rem;
}

.contact-info a {
  color: var(--fts-secondary);
  text-decoration: none;
  font-weight: 600;
}

.contact-info a:hover {
  text-decoration: underline;
}

.contact-form-section {
  background: var(--fts-white);
  padding: 2.5rem;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  margin-bottom: 3rem;
  text-align: center;
}

.contact-form-section h2 {
  font-family: var(--fts-font-heading);
  color: var(--fts-primary);
  margin-bottom: 2rem;
}

.why-choose-us {
  background: var(--fts-primary);
  color: var(--fts-white);
  padding: 2.5rem;
  border-radius: 16px;
  margin-bottom: 2rem;
}

.why-choose-us h2 {
  font-family: var(--fts-font-heading);
  margin-bottom: 1.5rem;
  text-align: center;
}

.why-choose-us ul {
  list-style: none;
  padding: 0;
  max-width: 600px;
  margin: 0 auto;
}

.why-choose-us li {
  padding: 0.75rem 0;
  font-size: 1.1rem;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}

.why-choose-us li:last-child {
  border-bottom: none;
}

.response-time {
  text-align: center;
  padding: 2rem;
  background: var(--fts-light);
  border-radius: 12px;
}

.response-time h2 {
  font-family: var(--fts-font-heading);
  color: var(--fts-primary);
  margin-bottom: 1.5rem;
}

.response-time p {
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}