/* ═══════════════════════════════════════════════════════════════
   FinanceCraft — home « prestation de services »
   Complète fc-v2.css (tokens, composants, thèmes) ; chargé par index.html seulement.
   Toutes les classes propres à cette page sont préfixées .svc-
   ═══════════════════════════════════════════════════════════════ */

/* ── Navigation ── */
.svc-drop-tag{color:var(--gold);font-weight:500;font-family:'JetBrains Mono',monospace;font-size:.74rem;margin-left:4px}

/* ── Pied de page ── */
.svc-foot-contact{margin-top:18px}

/* ── Unités des compteurs (hero, expertise) ── */
.svc-unit{color:var(--gold);font-size:.5em;font-weight:600;margin-left:.3em;letter-spacing:0;vertical-align:.35em}

/* ── Hero ── */
.hero-trust-i{text-align:center;min-width:150px}

/* ── Constat : 5 cartes (3 + 2 centrées) au lieu de 4 ── */
.svc-prob-grid{grid-template-columns:repeat(6,1fr)}
.svc-prob-grid .prob-card{grid-column:span 2;min-height:340px}
.svc-prob-grid .prob-card:nth-child(4){grid-column:2 / span 2}
.svc-prob-grid .prob-card:nth-child(5){animation-delay:.45s}
.svc-prob-grid .prob-card:nth-child(5)::after{--scan-delay:.5s}
/* Illustrations des cartes : animations discrètes (désactivées par prefers-reduced-motion dans fc-v2.css) */
.prob-illus .svc-anim-seg{animation:svc-pulse 2.8s ease-in-out infinite}
@keyframes svc-pulse{0%,100%{opacity:.95}50%{opacity:.5}}
.prob-illus .svc-anim-bar-x{animation:svc-bar-x 3s ease-in-out infinite}
@keyframes svc-bar-x{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.82)}}
.prob-illus .svc-anim-travel{animation:svc-travel 3.2s linear infinite}
@keyframes svc-travel{0%{transform:translateX(0);opacity:0}10%{opacity:1}85%{opacity:1}100%{transform:translateX(48px);opacity:0}}
.prob-illus .svc-anim-cell{fill-opacity:.15;animation:svc-cell 2.4s ease-in-out infinite}
@keyframes svc-cell{0%,100%{fill-opacity:.15}50%{fill-opacity:.7}}
@media(max-width:1100px){
  .svc-prob-grid{grid-template-columns:repeat(2,1fr)}
  .svc-prob-grid .prob-card,.svc-prob-grid .prob-card:nth-child(4){grid-column:auto}
  .svc-prob-grid .prob-card:nth-child(5){grid-column:1 / -1}
}
@media(max-width:560px){
  .svc-prob-grid{grid-template-columns:1fr}
  .svc-prob-grid .prob-card{min-height:auto}
  .svc-prob-grid .prob-card:nth-child(5){grid-column:auto}
}

/* ── Approche : principes (livrables, automatisation) ── */
.svc-principles{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px}
.svc-principles li{display:flex;gap:16px;align-items:flex-start;padding:22px 24px;border:1px solid var(--card-bd);border-radius:16px;background:var(--card)}
.svc-principle-ic{width:40px;height:40px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;background:var(--gold-bg);border:1px solid var(--gold-bd);color:var(--gold)}
.svc-principle-ic svg{width:20px;height:20px}
.svc-principles b{display:block;color:var(--text-heading);font-weight:600;font-size:1rem;margin-bottom:4px}
.svc-principles span{display:block;font-size:.88rem;color:var(--text-2);line-height:1.55}
@media(max-width:840px){.svc-principles{grid-template-columns:1fr}}

/* ── Missions : 6 types de mission (couvert + livrables), bandeau « Sur devis » ── */
.svc-offers{grid-template-columns:1fr;gap:28px}
.price-feats b{color:var(--text);font-weight:600}
.svc-missions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}
.svc-mission{padding:28px 26px;gap:14px}
.svc-mission-d{font-size:.88rem;color:var(--text-2);line-height:1.6}
.svc-mission-block{border-top:1px solid var(--card-bd);padding-top:16px}
.svc-mission-h{font-family:'JetBrains Mono',monospace;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);font-weight:600;margin-bottom:10px}
.svc-mission .price-feats{flex:none}
/* Détail des missions : masqué par défaut, révélé au survol (pointeur) ou au clic (bouton) */
.svc-mission-toggle{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:4px 0;font-family:'JetBrains Mono',monospace;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--gold)}
.svc-mission-toggle svg{width:14px;height:14px;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.svc-mission-detail{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1),opacity .3s}
.svc-mission-detail-in{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:16px}
.svc-mission.open .svc-mission-detail{grid-template-rows:1fr;opacity:1}
.svc-mission.open .svc-mission-toggle svg{transform:rotate(180deg)}
@media(hover:hover){
  .svc-mission:hover .svc-mission-detail{grid-template-rows:1fr;opacity:1}
  .svc-mission:hover .svc-mission-toggle svg{transform:rotate(180deg)}
}
.svc-livr-list{list-style:none;display:flex;flex-direction:column;gap:8px}
.svc-livr-list li{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:var(--text);line-height:1.45}
.svc-livr-list svg{width:15px;height:15px;color:var(--gold);flex-shrink:0;margin-top:2px}

.svc-bridge{
  display:flex;align-items:center;gap:18px;
  padding:18px 24px;border-radius:16px;
  border:1px dashed var(--gold-bd-2);background:var(--gold-bg);
}
.svc-bridge-tag{
  flex-shrink:0;font-family:'JetBrains Mono',monospace;font-size:.66rem;letter-spacing:.14em;
  text-transform:uppercase;font-weight:600;color:var(--gold);
  padding:6px 12px;border-radius:100px;border:1px solid var(--gold-bd-2);
}
.svc-bridge p{flex:1;font-size:.92rem;color:var(--text-2);line-height:1.55}
.svc-bridge b{color:var(--text);font-weight:600}
.svc-bridge-cta{flex-shrink:0}

@media(max-width:1100px){
  .svc-offers{max-width:760px}
  .svc-missions{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .svc-missions{grid-template-columns:1fr}
  .svc-bridge{flex-direction:column;align-items:flex-start;gap:12px}
}

/* ── Livrables : exemples de formats (maquettes statiques, données fictives) ── */
.svc-livr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px 24px}
.svc-livr{margin:0;display:flex;flex-direction:column;gap:14px}
.svc-livr figcaption b{display:block;color:var(--text-heading);font-weight:600;font-size:1.05rem}
.svc-livr figcaption span{display:block;font-size:.84rem;color:var(--text-3);margin-top:3px}
.svc-livr-frame{
  flex:1;display:flex;flex-direction:column;gap:16px;
  background:var(--card);border:1px solid var(--card-bd);border-radius:18px;padding:22px;
  box-shadow:var(--shadow-md);transition:border-color .35s,transform .35s cubic-bezier(.22,1,.36,1);
}
.svc-livr:hover .svc-livr-frame{border-color:var(--gold-bd);transform:translateY(-4px)}
.svc-livr-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.svc-livr-title{font-family:'JetBrains Mono',monospace;font-size:.74rem;font-weight:600;color:var(--text)}
.svc-livr-tag{font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-bd);background:var(--gold-bg);padding:3px 8px;border-radius:100px}
.svc-livr-msg{padding:10px 14px;border-left:2px solid var(--gold);background:var(--gold-bg);border-radius:0 10px 10px 0;font-size:.9rem;font-weight:500;color:var(--text);line-height:1.5}
.svc-livr-h{font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);font-weight:600;margin-bottom:8px}
.svc-livr-table{width:100%;border-collapse:collapse;font-size:.8rem}
.svc-livr-table th{font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-weight:500;text-align:left;padding:0 0 8px}
.svc-livr-table th:nth-child(2),.svc-livr-table th:nth-child(3){text-align:right;padding-right:14px}
.svc-livr-table td{padding:8px 0;border-top:1px solid var(--card-bd);color:var(--text-2)}
.svc-livr-table td:nth-child(2),.svc-livr-table td:nth-child(3){font-family:'JetBrains Mono',monospace;color:var(--text);text-align:right;padding-right:14px;white-space:nowrap}
.svc-livr-table td:nth-child(4){width:30%}
.svc-livr-table tr.total td{color:var(--text);font-weight:600;border-top:1px solid var(--card-bd-h)}
.svc-bar{display:block;height:6px;border-radius:3px;background:var(--gold);width:var(--w)}
.svc-bar.warn{opacity:.45}
.svc-bar.neg{background:var(--negative)}
/* Staffing : occupation (barre + valeur), TJM vendu / réalisé */
.svc-livr-table-staff th{text-align:left;padding-right:0}
.svc-livr-table-staff th:nth-child(3),.svc-livr-table-staff th:nth-child(4),.svc-livr-table-staff td:nth-child(3),.svc-livr-table-staff td:nth-child(4){text-align:right;padding-right:0;padding-left:12px;width:auto}
.svc-livr-table-staff td:nth-child(2){text-align:left;padding-right:12px;width:38%}
.svc-livr-table-staff td.occ{font-family:'JetBrains Mono',monospace;color:var(--text)}
.occ-wrap{display:flex;align-items:center;gap:10px}
.occ-track{flex:1;max-width:120px;height:6px;border-radius:3px;background:var(--card-bd-h);overflow:hidden}
.occ-track .svc-bar{height:100%}
.svc-livr-table-staff td.occ em{font-style:normal;font-size:.76rem}
.svc-livr-table-staff td.low{color:var(--negative)}
.svc-livr-chart{width:100%;height:auto;display:block}
.svc-livr-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:-8px;font-family:'JetBrains Mono',monospace;font-size:.62rem;color:var(--text-3)}
.svc-livr-legend i{display:inline-block;width:16px;vertical-align:middle;margin-right:6px;border-top:2px dashed var(--text-2)}
.svc-livr-legend i.sw{width:10px;height:10px;border:none;border-radius:2px;background:var(--gold);vertical-align:-1px}
.svc-livr-legend i.sw.atter{background:rgba(240,185,11,.22);box-shadow:inset 0 0 0 1px rgba(240,185,11,.55)}
.svc-livr-legend i.sw.neg{background:var(--negative)}
.svc-livr-legend i.seuil{border-color:var(--negative)}
.svc-livr-facts ul,.svc-livr-actions ul{list-style:none;display:flex;flex-direction:column;gap:6px}
.svc-livr-facts li,.svc-livr-actions li{position:relative;padding-left:16px;font-size:.84rem;line-height:1.5;color:var(--text-2)}
.svc-livr-facts li::before{content:'';position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--text-4)}
.svc-livr-actions{margin-top:auto;padding-top:14px;border-top:1px solid var(--card-bd)}
.svc-livr-actions li{color:var(--text)}
.svc-livr-actions li::before{content:'→';position:absolute;left:0;top:0;color:var(--gold);font-weight:600}
.svc-livr-note{margin-top:20px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.04em;color:var(--text-3)}
@media(max-width:900px){.svc-livr-grid{grid-template-columns:1fr}}
@media(max-width:480px){
  .svc-livr-frame{padding:16px}
  .svc-livr-table{font-size:.74rem}
  .svc-livr-table td:nth-child(4){width:22%}
}

/* ── Expertise : bloc fondateur (monogramme, pas de photo) ── */
.svc-founder{display:flex;align-items:center;gap:14px;margin-top:28px}
.svc-founder-mono{
  width:48px;height:48px;border-radius:50%;flex-shrink:0;
  display:grid;place-items:center;
  background:var(--gold-bg);border:1px solid var(--gold-bd-2);color:var(--gold);
  font-family:'JetBrains Mono',monospace;font-weight:600;font-size:.9rem;letter-spacing:.04em;
}
.svc-founder-n{font-weight:600;color:var(--text-heading)}
.svc-founder-r{font-size:.8rem;color:var(--text-3);margin-top:2px}