/* ============================================================
   Socle des pages de cas client
   

   Genere le 30/07/2026. Contient uniquement les regles qui etaient
   recopiees a l'identique dans le <style> de CHACUNE des 6 pages
   ci-dessous. Aucune autre page ne charge ce fichier, et aucune page
   concernee ne recoit ici une regle qu'elle n'avait pas deja.

   Pages : use-cases/humami-architecture.html, use-cases/humami-enrichissement.html, use-cases/humami-referral.html, use-cases/la-moisson.html, use-cases/parazar.html, use-cases/pyxo.html

   ORDRE DE CHARGEMENT, a respecter :
     1. ce socle
     2. le <style> de la page  (surcharges specifiques, dernier mot)
     3. Assets/theme.css       (bascule clair/sombre)

   Avant d'ajouter une regle ici, verifier qu'elle vaut pour les 6
   pages : elles la recevront toutes.
   ============================================================ */

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

html{scroll-behavior:smooth;}

body{font-family:var(--body);background:var(--w);color:var(--ink);overflow-x:hidden;}

nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 3rem;height:56px;background:rgba(250,248,245,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}

.nav-logo{font-family:var(--display);font-size:1.05rem;letter-spacing:.08em;color:var(--ink);text-decoration:none;}

.nav-right{display:flex;align-items:center;gap:2rem;}

.nav-link{font-size:.75rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s;}

.nav-link:hover{color:var(--tx-accent);}

.btn-red{background:var(--accent-dark);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:.48rem 1.2rem;text-decoration:none;transition:background .15s;display:inline-block;}

.btn-red:hover{background:var(--brand-dark);}

.uc-hero{background:var(--brand);padding:8rem 3rem 5rem;margin-top:56px;}

.uc-back{display:inline-flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6);text-decoration:none;margin-bottom:2.5rem;transition:color .2s;}

.uc-back:hover{color:rgba(255,255,255,.75);}

.uc-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;}

.uc-badge{font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--accent-dark);color:#fff;padding:.3rem .75rem;}

.uc-client-tag{font-size:.68rem;font-weight:500;color:rgba(255,255,255,.6);letter-spacing:.06em;}

h1.uc-title{font-family:var(--display);font-size:clamp(2.5rem,5vw,5rem);line-height:.95;color:#fff;max-width:820px;margin-bottom:2.5rem;}

.uc-metrics{display:flex;gap:3.5rem;flex-wrap:wrap;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08);}

.uc-m{display:flex;flex-direction:column;gap:.3rem;}

.uc-m-num{font-family:var(--display);font-size:2.75rem;color:#fff;line-height:1;}

.uc-m-label{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6);}

.s-label{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:1rem;display:flex;align-items:center;gap:.6rem;color:var(--tx-accent);}

.s-label::before{content:'';display:block;width:20px;height:1px;background:currentColor;}

.s-label.green{color:var(--tx-green);}

.s-label.white{color:rgba(255,255,255,.6);}

.s-label.white::before{background:rgba(255,255,255,.3);}

.sec-title{font-family:var(--display);font-size:clamp(2rem,4vw,3.75rem);line-height:.93;}

.uc-context{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);}

@media(max-width:768px){.uc-context{grid-template-columns:1fr;}}

.ctx-block{padding:5rem 3.5rem;}

.ctx-block+.ctx-block{border-left:1px solid var(--line);}

@media(max-width:768px){.ctx-block{padding:3.5rem 1.5rem;}.ctx-block+.ctx-block{border-left:none;border-top:1px solid var(--line);}}

.ctx-title{font-family:var(--display);font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:.93;margin-bottom:1.25rem;}

.ctx-text{font-size:.88rem;color:var(--soft);line-height:1.85;}

.ctx-text+.ctx-text{margin-top:1rem;}

.uc-built{background:var(--vx);padding:5rem 3.5rem;border-top:1px solid #D4E8B8;}

@media(max-width:768px){.uc-built{padding:3.5rem 1.5rem;}}

.built-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#C8DEB0;margin-top:2rem;}

@media(max-width:580px){.built-grid{grid-template-columns:1fr;}}

.built-item{background:var(--card);padding:2rem 1.75rem;display:flex;flex-direction:column;gap:.75rem;}

.built-icon{font-size:1.3rem;}

.built-label{font-weight:700;font-size:.82rem;color:var(--tx-green);}

.built-desc{font-size:.82rem;color:var(--soft);line-height:1.7;}

.uc-results{background:var(--w2);padding:5rem 3.5rem;border-top:1px solid var(--line);}

@media(max-width:768px){.uc-results{padding:3.5rem 1.5rem;}}

.res-item{background:var(--w2);padding:2.25rem 1.75rem;}

.res-num{font-family:var(--display);font-size:3.25rem;color:var(--tx-accent);line-height:1;margin-bottom:.3rem;}

.res-label{font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);line-height:1.5;}

.uc-cta{background:var(--accent-dark);padding:5rem 3.5rem;text-align:center;}

@media(max-width:768px){.uc-cta{padding:3.5rem 1.5rem;}}

.cta-title{font-family:var(--display);font-size:clamp(2.2rem,4.5vw,4rem);color:#fff;line-height:.95;margin-bottom:1rem;}

.cta-sub{font-family:var(--serif);font-style:normal;font-size:.95rem;color:rgba(255,255,255,.92);margin-bottom:2rem;}

.btn-white{display:inline-block;background:var(--card);color:var(--tx-red);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.9rem 2.25rem;text-decoration:none;transition:opacity .15s;}

.btn-white:hover{opacity:.88;}

.cta-note{font-size:.63rem;color:rgba(255,255,255,.9);margin-top:.85rem;letter-spacing:.04em;}

footer{background:var(--brand-dark);padding:2rem 3rem;}

.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}

.fc{font-size:.68rem;color:rgba(255,255,255,.55);}

.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap;}

.footer-links a{font-size:.68rem;color:rgba(255,255,255,.65);text-decoration:none;transition:color .2s;}

.footer-links a:hover{color:var(--brand-light);}

/*no-italic-inline*/em,i,cite{font-style:normal;}

/*cta-space-grotesk*/.nav-link,.footer-links a,.btn,.btn-red,.btn-red-hero,.btn-ghost-hero,.btn-white,.btn-cta,.btn-bio,.btn-bio-arrow,.btn-top,.btn-au,.dl-btn,.cta-btn,.cta,.offre-cta,.offre-cta-solid,.offre-cta-outline,.afc-btn,.obj-btn,.uc-cta,.uc-promo-cta,.cas-cta,.dt-cta,.hero-cta,.s-cta,.art-footer-cta,.mob-cta-label,.who-link,.tool-link,.soft-link,.b-card-cta,.bcard-cta,.profile-cta-arrow,.linkedin,.blog-all a{font-family:var(--display);}

/* Cibles tactiles WCAG 2.5.5 : 44px minimum */
.footer-links a{display:inline-block;padding:16px 0;line-height:1.2;}


.footer-links{row-gap:0;}

@media(hover:none){.nav-back,.art-back,.uc-back{display:inline-block;min-height:44px;line-height:44px;}}

\n@media(hover:none) and (min-width:940px){.nav-link{display:inline-block;min-height:44px;line-height:44px;}}

/* Icônes SVG */
.built-icon svg{width:26px;height:26px;display:block;}