/* ============================================================================
   FRONT OFFICE RE-SKIN — Microsoft Office / Fluent Design
   ----------------------------------------------------------------------------
   RE-SKIN UNIQUEMENT : couleurs, police (Segoe UI), style de texte, arrière-plan.
   Le CONTENU et la DISPOSITION ne changent pas (aucune réécriture, aucun
   déplacement de bloc). On neutralise la palette ENYTRACK (violet/magenta/
   crème/dégradés) vers la palette Microsoft Office, pour une harmonie totale
   avec le compte interne (office-theme-test.css).

   Portées couvertes :
     - Home + Login + pages blank  → body.brand-enytrack.blank-page
     - Vitrine / showroom          → body.enytrack-liquid-showroom
   Chargé APRÈS enytrack-liquid-premium.css (donc gagne la cascade).
   Rollback : retirer les <link> front-office.css des 2 layouts.
   ============================================================================ */

/* ---- Palette Office (référence) --------------------------------------------
   Bleu Office     #0a3a8f   (hover #0d47b0 / #06245e)
   Bleu clair      #2f6fd6 / #5b8fe0
   Encre           #0e1a36   Texte 2 #2b3550   Muted #5b6b86
   Fonds Fluent    #eef4ff (page)  #eef4ff (zones)  #eef4ff (info bleu)
   --------------------------------------------------------------------------- */

/* === 1. Neutralisation des tokens de design (--et-*) ======================= */
:root,
html body.brand-enytrack,
html body.enytrack-liquid-showroom {
  /* Encres / texte → near-black Office */
  --et-ink: #0e1a36 !important;
  --et-ink-2: #2b3550 !important;
  --et-deep: #0e1a36 !important;
  --et-dark-muted: #5b6b86 !important;
  --et-muted: rgba(14,26,54, .72) !important;
  /* Bleus → bleu Office */
  --et-blue: #0a3a8f !important;
  --et-blue-2: #2f6fd6 !important;
  /* Accents hors-charte (violet/magenta/rose/teal/vert/orange) → famille bleu Office */
  --et-purple: #0a3a8f !important;
  --et-magenta: #2f6fd6 !important;
  --et-pink: #5b8fe0 !important;
  --et-teal: #0d47b0 !important;
  --et-green: #0a3a8f !important;
  --et-orange: #0d47b0 !important;
  /* Fonds → neutres Fluent */
  --et-cream: #eef4ff !important;
  --et-white: #ffffff !important;
  /* Ombres adoucies (depth Fluent) */
  --et-shadow: 0 6.4px 14.4px rgba(0,0,0,.13), 0 1.2px 3.6px rgba(0,0,0,.11) !important;
  --et-shadow-soft: 0 1.6px 3.6px rgba(0,0,0,.11), 0 .3px .9px rgba(0,0,0,.07) !important;
}

/* Bloc "page harmony lock" (home) — scopé body.brand-enytrack dans la source */
html body.brand-enytrack {
  --et-page-ink: #0e1a36 !important;
  --et-page-ink-2: #2b3550 !important;
  --et-page-ivory: #eef4ff !important;
  --et-page-paper: #eef4ff !important;
  --et-page-blue: #eef4ff !important;
  --et-page-lilac: #eef4ff !important;
  --et-page-violet: #0a3a8f !important;
  --et-page-jade: #0d47b0 !important;
  --et-page-copper: #5b6b86 !important;
}

/* === 2. Police : Segoe UI partout (sauf icônes FontAwesome) ================= */
html body.brand-enytrack,
html body.brand-enytrack *:not(i):not(.fa):not([class^="fa-"]):not([class*=" fa-"]):not([class*="icon"]),
html body.enytrack-liquid-showroom,
html body.enytrack-liquid-showroom *:not(i):not(.fa):not([class^="fa-"]):not([class*=" fa-"]):not([class*="icon"]) {
  font-family: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, system-ui, "Helvetica Neue", Arial, sans-serif !important;
  letter-spacing: normal !important;
}

/* === 3. Arrière-plan : neutre Fluent (tue le dégradé + les radiaux de SECTION) ===
   Les fonds ENYTRACK ne sont PAS sur le body : ce sont des radial-gradient
   teal/cuivre/violet posés PAR SECTION via `body.brand-enytrack .hero` (spec 0,2,1)
   avec !important. On les neutralise en ciblant avec `.blank-page` (spec 0,3,1+). */
html body.brand-enytrack.blank-page,
html body.enytrack-liquid-showroom {
  background: #eef4ff !important;
  background-image: none !important;
  color: #2b3550 !important;
}
html body.brand-enytrack.blank-page section,
html body.brand-enytrack.blank-page .hero,
html body.brand-enytrack.blank-page .manifesto,
html body.brand-enytrack.blank-page .divider,
html body.brand-enytrack.blank-page .product,
html body.brand-enytrack.blank-page .numbers,
html body.brand-enytrack.blank-page .capabilities,
html body.brand-enytrack.blank-page .pricing,
html body.brand-enytrack.blank-page .method,
html body.brand-enytrack.blank-page .faq,
html body.brand-enytrack.blank-page .cta,
html body.brand-enytrack.blank-page footer {
  background: #eef4ff !important;
  background-image: none !important;
}
/* Overlays décoratifs (grille, halo radial, ::before/::after) — body + hero connus */
html body.brand-enytrack.blank-page::before,
html body.brand-enytrack.blank-page::after,
html body.brand-enytrack.blank-page .hero::before,
html body.brand-enytrack.blank-page .hero::after,
html body.brand-enytrack.blank-page .numbers::before,
html body.brand-enytrack.blank-page .numbers::after,
html body.enytrack-liquid-showroom::before,
html body.enytrack-liquid-showroom::after {
  display: none !important;
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
  content: none !important;
}

/* === 4. Titres : encre Office, Segoe, semibold, sans dégradé de texte ======= */
html body.brand-enytrack h1, html body.brand-enytrack h2,
html body.brand-enytrack h3, html body.brand-enytrack h4,
html body.brand-enytrack h5, html body.brand-enytrack h6,
html body.enytrack-liquid-showroom h1, html body.enytrack-liquid-showroom h2,
html body.enytrack-liquid-showroom h3, html body.enytrack-liquid-showroom h4 {
  color: #0e1a36 !important;
  -webkit-text-fill-color: #0e1a36 !important;
  background: none !important;
  background-image: none !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}

/* Mots accentués (em / .accent / span colorés) → bleu Office, sans gradient */
html body.brand-enytrack h1 em, html body.brand-enytrack h2 em,
html body.brand-enytrack .accent, html body.brand-enytrack [class*="gradient-text"],
html body.enytrack-liquid-showroom h1 em, html body.enytrack-liquid-showroom .accent {
  color: #0a3a8f !important;
  -webkit-text-fill-color: #0a3a8f !important;
  background: none !important;
  background-image: none !important;
  font-style: normal !important;
}

/* === 5. Texte courant + éléments fins ====================================== */
html body.brand-enytrack p, html body.brand-enytrack li,
html body.brand-enytrack .lead, html body.brand-enytrack .subtitle,
html body.enytrack-liquid-showroom p, html body.enytrack-liquid-showroom li {
  color: #2b3550 !important;
}
html body.brand-enytrack .eyebrow, html body.brand-enytrack .kicker,
html body.brand-enytrack small, html body.brand-enytrack .muted,
html body.enytrack-liquid-showroom .eyebrow, html body.enytrack-liquid-showroom small {
  color: #5b6b86 !important;
  -webkit-text-fill-color: #5b6b86 !important;
  background: none !important;
}

/* === 6. Liens → bleu Office ================================================ */
html body.brand-enytrack a:not(.btn):not([class*="btn"]):not(.nav-cta):not([class*="eny-btn"]),
html body.enytrack-liquid-showroom a:not(.btn):not([class*="btn"]):not([class*="eny-btn"]) {
  color: #0a3a8f !important;
}

/* === 7. Boutons primaires → Office premium glass =============================
   Anciennement plat, ce bloc garde la discipline Office mais rétablit l'objet
   premium arrondi demandé sur le hero et dans le header public. */
html body.brand-enytrack.blank-page .btn-primary,
html body.brand-enytrack.blank-page a.btn-primary,
html body.brand-enytrack.blank-page .hero .btn-primary,
html body.brand-enytrack.blank-page .hero a.btn-primary,
html body.brand-enytrack.blank-page .nav-cta,
html body.brand-enytrack.blank-page a.nav-cta,
html body.brand-enytrack.blank-page a.nav-link.nav-cta,
html body.enytrack-liquid-showroom .btn-primary,
html body.enytrack-liquid-showroom .eny-btn--primary,
html body.enytrack-liquid-showroom a.eny-btn--primary,
html body.enytrack-liquid-showroom [class*="eny-btn"][class*="primary"] {
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.03)),
    linear-gradient(135deg, #0a2f7a 0%, #0d47b0 55%, #10204a 100%) !important;
  background-color: #101a3a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.32) !important;
  border-radius: 999px !important;
  box-shadow:
    0 18px 42px rgba(6,36,94, .22),
    0 4px 14px rgba(16,26,58,.16),
    inset 0 1px 0 rgba(255,255,255,.30) !important;
  text-shadow: none !important;
}
html body.brand-enytrack.blank-page .btn-primary:hover,
html body.brand-enytrack.blank-page .hero .btn-primary:hover,
html body.brand-enytrack.blank-page a.btn-primary:hover,
html body.brand-enytrack.blank-page .nav-cta:hover,
html body.brand-enytrack.blank-page a.nav-link.nav-cta:hover,
html body.enytrack-liquid-showroom .eny-btn--primary:hover {
  background:
    linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,.04)),
    linear-gradient(135deg, #123a9e 0%, #0d47b0 54%, #10204a 100%) !important;
  background-color: #101a3a !important;
  border-color: rgba(255,255,255,.38) !important;
}
/* Suppression des pseudo-éléments dégradés des boutons (incl. contexte .hero) */
html body.brand-enytrack.blank-page .btn-primary::before,
html body.brand-enytrack.blank-page .btn-primary::after,
html body.brand-enytrack.blank-page .hero .btn-primary::before,
html body.brand-enytrack.blank-page .hero .btn-primary::after,
html body.brand-enytrack.blank-page .nav-cta::before,
html body.brand-enytrack.blank-page .nav-cta::after,
html body.brand-enytrack.blank-page a.nav-link.nav-cta::before,
html body.brand-enytrack.blank-page a.nav-link.nav-cta::after,
html body.enytrack-liquid-showroom .eny-btn--primary::before,
html body.enytrack-liquid-showroom .eny-btn--primary::after {
  display: none !important;
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
  content: none !important;
}
html body.brand-enytrack.blank-page .btn-primary *,
html body.brand-enytrack.blank-page .hero .btn-primary *,
html body.brand-enytrack.blank-page .nav-cta *,
html body.enytrack-liquid-showroom .eny-btn--primary * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* === 8. Boutons secondaires / outline → contour bleu Office ================= */
html body.brand-enytrack .btn-secondary, html body.brand-enytrack a.btn-secondary,
html body.brand-enytrack .btn-ghost, html body.brand-enytrack a.btn-ghost,
html body.enytrack-liquid-showroom .eny-btn--ghost {
  background: #ffffff !important;
  background-image: none !important;
  color: #0a3a8f !important;
  -webkit-text-fill-color: #0a3a8f !important;
  border: 1px solid #0a3a8f !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
html body.brand-enytrack .btn-secondary::before, html body.brand-enytrack .btn-ghost::before {
  display: none !important; content: none !important; background: none !important;
}

/* === 9. Cartes / surfaces → blanc Fluent, bordure fine, depth sobre ========= */
html body.brand-enytrack .card, html body.brand-enytrack [class*="-card"],
html body.brand-enytrack .panel, html body.brand-enytrack .feature,
html body.enytrack-liquid-showroom .card, html body.enytrack-liquid-showroom [class*="-card"] {
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid #dde7f5 !important;
  border-radius: 8px !important;
  box-shadow: 0 1.6px 3.6px rgba(0,0,0,.08), 0 .3px .9px rgba(0,0,0,.05) !important;
}

/* === 10. Logo / marque (eny·track) → bleu Office =========================== */
html body.brand-enytrack .brand, html body.brand-enytrack .logo,
html body.brand-enytrack [class*="logo"] strong,
html body.enytrack-liquid-showroom .brand, html body.enytrack-liquid-showroom [class*="logo"] {
  color: #0a3a8f !important;
  -webkit-text-fill-color: #0a3a8f !important;
  background: none !important;
}

/* === 11. Badges / pills info → fond Fluent bleu clair ====================== */
html body.brand-enytrack .badge, html body.brand-enytrack .pill, html body.brand-enytrack .chip,
html body.enytrack-liquid-showroom .badge, html body.enytrack-liquid-showroom .pill {
  background: #eef4ff !important;
  background-image: none !important;
  color: #0a3a8f !important;
  -webkit-text-fill-color: #0a3a8f !important;
  border: 1px solid #c8d9f3 !important;
}

/* === 12. PAGE CONNEXION (login) — hero .shell + bouton .submit + eyebrow doré → Office.
   Scopé via :has(.left-eyebrow) → la home n'est PAS touchée. =================== */
html body.brand-enytrack.blank-page .shell:has(.left-eyebrow){
  background:#eef4ff !important;
  background-image:linear-gradient(135deg,#eef4ff 0%,#f1f6ff 45%,#eef4ff 100%) !important;
}
html body.brand-enytrack.blank-page .shell:has(.left-eyebrow)::before,
html body.brand-enytrack.blank-page .shell:has(.left-eyebrow)::after{
  display:none !important; background:none !important; background-image:none !important; content:none !important; opacity:0 !important;
}
html body.brand-enytrack.blank-page .left-eyebrow{ color:#5b6b86 !important; -webkit-text-fill-color:#5b6b86 !important; }
/* bouton « Ouvrir mon cockpit » (.submit) → bleu Office plat 4px */
html body.brand-enytrack.blank-page .submit{
  background:#0a3a8f !important; background-image:none !important; color:#fff !important; -webkit-text-fill-color:#fff !important;
  border:1px solid #0a3a8f !important; border-radius:4px !important; box-shadow:none !important;
}
html body.brand-enytrack.blank-page .submit::before, html body.brand-enytrack.blank-page .submit::after{
  display:none !important; background:none !important; background-image:none !important; content:none !important; opacity:0 !important;
}
html body.brand-enytrack.blank-page .submit *{ color:#fff !important; -webkit-text-fill-color:#fff !important; }
html body.brand-enytrack.blank-page .submit:hover{ background:#0d47b0 !important; box-shadow:0 3.2px 7.2px rgba(10,58,143,.30) !important; }
/* libellés de champs + petits textes du login → encre/gris Office lisibles */
html body.brand-enytrack.blank-page .field-label, html body.brand-enytrack.blank-page label{ color:#2b3550 !important; -webkit-text-fill-color:#2b3550 !important; }
/* panneau gauche du login (.left, dégradé bleu/violet radial) → clair Office + texte lisible */
html body.brand-enytrack.blank-page .left:has(.left-eyebrow){
  background:#eef4ff !important;
  background-image:linear-gradient(160deg,#eef4ff 0%,#f1f6ff 55%,#eef4ff 100%) !important;
}
html body.brand-enytrack.blank-page .left:has(.left-eyebrow)::before,
html body.brand-enytrack.blank-page .left:has(.left-eyebrow)::after{
  display:none !important; background:none !important; background-image:none !important; content:none !important; opacity:0 !important;
}
html body.brand-enytrack.blank-page .left:has(.left-eyebrow) h1,
html body.brand-enytrack.blank-page .left:has(.left-eyebrow) h2{ color:#0e1a36 !important; -webkit-text-fill-color:#0e1a36 !important; }
html body.brand-enytrack.blank-page .left:has(.left-eyebrow) h1 em,
html body.brand-enytrack.blank-page .left:has(.left-eyebrow) h2 em,
html body.brand-enytrack.blank-page .left:has(.left-eyebrow) .accent{ color:#0a3a8f !important; -webkit-text-fill-color:#0a3a8f !important; }
html body.brand-enytrack.blank-page .left:has(.left-eyebrow) p,
html body.brand-enytrack.blank-page .left:has(.left-eyebrow) li{ color:#2b3550 !important; -webkit-text-fill-color:#2b3550 !important; }
html body.brand-enytrack.blank-page .left:has(.left-eyebrow) a{ color:#0a3a8f !important; -webkit-text-fill-color:#0a3a8f !important; }

/* ============================================================================
   FINITION PREMIUM (front) — Fluent depth + motion + focus + typo
   Touche finale : profondeur, micro-animations, focus accessibles, lissage.
   Contenu + disposition inchangés.
   ============================================================================ */
html body.brand-enytrack.blank-page, html body.enytrack-liquid-showroom{
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility;
}
/* Hiérarchie typo : titres Segoe Semibold, interlignage confortable */
html body.brand-enytrack.blank-page h1{ font-weight:600 !important; letter-spacing:-.015em !important; line-height:1.1 !important; }
html body.brand-enytrack.blank-page h2, html body.brand-enytrack.blank-page h3{ font-weight:600 !important; letter-spacing:-.005em !important; }
html body.brand-enytrack.blank-page p, html body.brand-enytrack.blank-page li{ line-height:1.6 !important; }

/* Motion fluide sur l'interactif */
html body.brand-enytrack.blank-page a, html body.brand-enytrack.blank-page .btn-primary,
html body.brand-enytrack.blank-page .nav-cta, html body.brand-enytrack.blank-page .btn-secondary,
html body.brand-enytrack.blank-page .card, html body.brand-enytrack.blank-page [class*="-card"],
html body.enytrack-liquid-showroom a, html body.enytrack-liquid-showroom .eny-btn--primary,
html body.enytrack-liquid-showroom .card{
  transition: background-color .14s ease, border-color .14s ease, box-shadow .14s ease, transform .14s ease, color .14s ease !important;
}
/* Boutons : profondeur Office au survol + retour tactile à l'appui */
html body.brand-enytrack.blank-page .btn-primary:hover, html body.brand-enytrack.blank-page .nav-cta:hover,
html body.brand-enytrack.blank-page .hero .btn-primary:hover, html body.enytrack-liquid-showroom .eny-btn--primary:hover{
  background:#0d47b0 !important; box-shadow:0 3.2px 7.2px rgba(10,58,143,.30), 0 .6px 1.8px rgba(10,58,143,.22) !important;
}
html body.brand-enytrack.blank-page .btn-primary:active, html body.brand-enytrack.blank-page .nav-cta:active,
html body.brand-enytrack.blank-page .hero .btn-primary:active{ transform:translateY(1px); }
/* Cartes/sections : élévation Fluent au survol */
html body.brand-enytrack.blank-page .card:hover, html body.brand-enytrack.blank-page [class*="-card"]:hover,
html body.enytrack-liquid-showroom .card:hover{
  box-shadow:0 6.4px 14.4px rgba(0,0,0,.10), 0 1.2px 3.6px rgba(0,0,0,.08) !important;
  transform:translateY(-2px);
}
/* Focus clavier accessible (anneau bleu Office) */
html body.brand-enytrack.blank-page a:focus-visible, html body.brand-enytrack.blank-page button:focus-visible,
html body.brand-enytrack.blank-page input:focus-visible,
html body.enytrack-liquid-showroom a:focus-visible, html body.enytrack-liquid-showroom button:focus-visible{
  outline:2px solid #0a3a8f !important; outline-offset:3px !important; border-radius:4px;
}
/* Sélection de texte teintée Office */
html body.brand-enytrack.blank-page ::selection, html body.enytrack-liquid-showroom ::selection{ background:rgba(10,58,143,.20); color:#0e1a36; }
/* Scrollbars fines Fluent */
html body.brand-enytrack.blank-page *::-webkit-scrollbar, html body.enytrack-liquid-showroom *::-webkit-scrollbar{ width:11px; height:11px; }
html body.brand-enytrack.blank-page *::-webkit-scrollbar-thumb, html body.enytrack-liquid-showroom *::-webkit-scrollbar-thumb{ background:#c2cfe6; border-radius:8px; border:3px solid transparent; background-clip:content-box; }
html body.brand-enytrack.blank-page *::-webkit-scrollbar-thumb:hover{ background:#8b97ad; }
/* Liens de navigation : soulignement subtil au survol (sauf boutons) */
html body.brand-enytrack.blank-page a.nav-link:not(.nav-cta):hover{ color:#0a3a8f !important; }

/* ============================================================================
   PREMIUM CRAFT (direction artistique) — typographie tendue, mesure de lecture,
   discipline. Ce qui sépare un site « propre » d'un site « cher ».
   ============================================================================ */
/* 1. TENSION typographique : letter-spacing négatif sur les gros titres
   (signature des marques premium) + line-height juste */
html body.brand-enytrack.blank-page h1{ letter-spacing:-.032em !important; line-height:1.04 !important; font-weight:600 !important; }
html body.brand-enytrack.blank-page h2{ letter-spacing:-.026em !important; line-height:1.07 !important; font-weight:600 !important; }
html body.brand-enytrack.blank-page h3{ letter-spacing:-.018em !important; line-height:1.18 !important; font-weight:600 !important; }
html body.brand-enytrack.blank-page h4, html body.brand-enytrack.blank-page h5{ letter-spacing:-.01em !important; }
/* 2. Corrige les line-height qui se chevauchent (jamais < taille de police) */
html body.brand-enytrack.blank-page .how h2, html body.brand-enytrack.blank-page .final h2,
html body.brand-enytrack.blank-page .manifesto h2{ line-height:1.05 !important; }
/* 3. MESURE de lecture confortable (~60-66 caractères) sur les paragraphes d'intro */
html body.brand-enytrack.blank-page .hero p, html body.brand-enytrack.blank-page .manifesto p,
html body.brand-enytrack.blank-page .product p:not([class]), html body.brand-enytrack.blank-page .capabilities > * > p,
html body.brand-enytrack.blank-page .how p, html body.brand-enytrack.blank-page .final p,
html body.brand-enytrack.blank-page .faq > * > p{
  max-width:46ch !important; margin-left:auto !important; margin-right:auto !important;
}
/* 4. EYEBROWS / overlines : capitales fines, tracking ouvert, gris discret = code premium B2B */
html body.brand-enytrack.blank-page .eyebrow, html body.brand-enytrack.blank-page [class*="eyebrow"],
html body.brand-enytrack.blank-page .overline, html body.brand-enytrack.blank-page .kicker{
  letter-spacing:.14em !important; text-transform:uppercase !important; font-weight:600 !important; font-size:.72em !important; color:#5b6b86 !important; -webkit-text-fill-color:#5b6b86 !important;
}
/* 5. CHIFFRES (section stats) : alignement tabulaire + tension = crédibilité « data » */
html body.brand-enytrack.blank-page .numbers [class*="num"], html body.brand-enytrack.blank-page .numbers [class*="stat"] [class*="value"],
html body.brand-enytrack.blank-page .numbers h2, html body.brand-enytrack.blank-page [class*="metric"] [class*="value"]{
  font-variant-numeric:tabular-nums !important; font-feature-settings:"tnum" 1 !important; letter-spacing:-.02em !important;
}
/* 6. BANDEAU DE CONFIANCE (conformité/UE/sans engagement) : séparation soignée, gris pro */
html body.brand-enytrack.blank-page .hero [class*="trust"], html body.brand-enytrack.blank-page [class*="trust-"],
html body.brand-enytrack.blank-page [class*="assur"], html body.brand-enytrack.blank-page [class*="-proof"]{
  letter-spacing:.06em !important; color:#5b6b86 !important; -webkit-text-fill-color:#5b6b86 !important;
}
/* 7. DISCIPLINE : un seul accent. Boutons primaires = rayon cohérent, ombre Office unique */
html body.brand-enytrack.blank-page .btn-primary, html body.brand-enytrack.blank-page .nav-cta, html body.brand-enytrack.blank-page .hero .btn-primary{
  box-shadow:0 1px 2px rgba(0,0,0,.08), 0 1px 3px rgba(10,58,143,.18) !important;
  font-weight:600 !important; letter-spacing:.005em !important;
}
/* 8. UN SEUL ACCENT : chiffres stats + prix en dégradé violet/multicolore → bleu Office plein.
   (la pièce maîtresse de la discipline premium — fini l'arc-en-ciel) */
html body.brand-enytrack.blank-page .number-value, html body.brand-enytrack.blank-page .price-number,
html body.brand-enytrack.blank-page [class*="number-value"], html body.brand-enytrack.blank-page [class*="stat-value"],
html body.brand-enytrack.blank-page [class*="big-number"], html body.brand-enytrack.blank-page [class*="-figure"]{
  background:none !important; background-image:none !important;
  -webkit-text-fill-color:#0a3a8f !important; color:#0a3a8f !important;
  -webkit-background-clip:border-box !important; background-clip:border-box !important;
  letter-spacing:-.03em !important; font-variant-numeric:tabular-nums !important;
}
/* petits marqueurs / traits décoratifs en dégradé (au-dessus des features) → bleu Office uni */
html body.brand-enytrack.blank-page [class*="cap"] [style*="gradient"],
html body.brand-enytrack.blank-page [class*="feature"] [class*="mark"],
html body.brand-enytrack.blank-page [class*="feature"] [class*="rule"],
html body.brand-enytrack.blank-page .cap-feature::before, html body.brand-enytrack.blank-page [class*="cap-feat"]::before{
  background:#0a3a8f !important; background-image:none !important; -webkit-text-fill-color:initial !important;
}

/* ============================================================================
   v front-office-8 — Office premium, lisible et stable
   Correctifs QA: hero moins plat, CTA plus premium, lien secondaire supprimé,
   ponctuation du titre solidaire sur mobile.
   ============================================================================ */
html body.brand-enytrack.blank-page {
  background:
    radial-gradient(circle at 8% 78%, rgba(13,71,176, .12) 0%, rgba(13,71,176, .06) 24%, transparent 52%),
    radial-gradient(circle at 92% 18%, rgba(201,169,97, .22) 0%, rgba(201,169,97, .10) 28%, transparent 56%),
    linear-gradient(135deg, #eef4ff 0%, #eef4ff 45%, #eef4ff 100%) !important;
  color: #0e1a36 !important;
}

html body.brand-enytrack.blank-page .hero {
  min-height: 100svh !important;
  padding: clamp(140px, 13vh, 190px) 0 clamp(92px, 10vh, 132px) !important;
  background:
    radial-gradient(circle at 50% 30%, rgba(255,255,255,.86), transparent 42%),
    radial-gradient(circle at 15% 82%, rgba(13,71,176,.16), transparent 46%),
    radial-gradient(circle at 92% 72%, rgba(201,169,97,.24), transparent 50%),
    linear-gradient(135deg, #eef4ff 0%, #eef4ff 48%, #eef4ff 100%) !important;
  color: #0e1a36 !important;
  overflow: hidden !important;
}

html body.brand-enytrack.blank-page .hero::before,
html body.brand-enytrack.blank-page .hero::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background-image: none !important;
}

html body.brand-enytrack.blank-page .hero::before {
  background:
    radial-gradient(ellipse at 50% 115%, transparent 56%, rgba(255,255,255,.82) 57%, transparent 58%),
    radial-gradient(ellipse at 50% 122%, transparent 64%, rgba(255,255,255,.55) 65%, transparent 66%) !important;
}

html body.brand-enytrack.blank-page .hero::after {
  opacity: .22 !important;
  background-image: radial-gradient(rgba(13,71,176, .36) 1px, transparent 1px) !important;
  background-size: 20px 20px !important;
  mask-image: linear-gradient(to top, #000 0%, transparent 46%) !important;
}

html body.brand-enytrack.blank-page .hero-content {
  position: relative !important;
  z-index: 2 !important;
  max-width: min(1120px, calc(100vw - 42px)) !important;
  margin: 0 auto !important;
  text-align: center !important;
}

html body.brand-enytrack.blank-page .hero-eyebrow {
  margin-bottom: 34px !important;
  color: #5b6b86 !important;
  -webkit-text-fill-color: #5b6b86 !important;
  font-size: 12px !important;
  letter-spacing: .16em !important;
}

html body.brand-enytrack.blank-page .hero h1 {
  max-width: 1080px !important;
  margin: 0 auto 28px !important;
  color: #071126 !important;
  -webkit-text-fill-color: #071126 !important;
  font-family: "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif !important;
  font-size: clamp(58px, 7.1vw, 116px) !important;
  line-height: .94 !important;
  font-weight: 600 !important;
  letter-spacing: -.055em !important;
  text-wrap: balance !important;
}

html body.brand-enytrack.blank-page .hero h1 em {
  color: #0d47b0 !important;
  -webkit-text-fill-color: #0d47b0 !important;
  font-style: normal !important;
  font-weight: 600 !important;
}

html body.brand-enytrack.blank-page .hero-title-ending {
  white-space: nowrap !important;
}

html body.brand-enytrack.blank-page .hero-title-dot {
  color: #071126 !important;
  -webkit-text-fill-color: #071126 !important;
}

html body.brand-enytrack.blank-page .hero .pt {
  display: none !important;
}

html body.brand-enytrack.blank-page .hero-lead {
  max-width: 820px !important;
  margin: 0 auto !important;
  color: #2b3550 !important;
  -webkit-text-fill-color: #2b3550 !important;
  font-size: clamp(18px, 1.45vw, 23px) !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
}

html body.brand-enytrack.blank-page .hero-lead em {
  color: #0a3a8f !important;
  -webkit-text-fill-color: #0a3a8f !important;
  font-style: normal !important;
  font-weight: 600 !important;
}

html body.brand-enytrack.blank-page .hero-actions {
  justify-content: center !important;
  gap: 14px !important;
  margin-top: 34px !important;
}

html body.brand-enytrack.blank-page .hero .btn-primary,
html body.brand-enytrack.blank-page .nav-cta {
  min-height: 52px !important;
  padding: 0 28px !important;
  border-radius: 999px !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0)),
    linear-gradient(135deg, #06173f 0%, #0d47b0 56%, #0a3a8f 100%) !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  box-shadow:
    0 16px 36px rgba(6,36,94, .22),
    0 2px 8px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.28) !important;
}

html body.brand-enytrack.blank-page .hero a.btn-primary,
html body.brand-enytrack.blank-page a.nav-link.nav-cta,
html body.brand-enytrack.blank-page a.nav-cta {
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0)),
    linear-gradient(135deg, #06173f 0%, #0d47b0 56%, #0a3a8f 100%) !important;
  background-color: transparent !important;
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0)),
    linear-gradient(135deg, #06173f 0%, #0d47b0 56%, #0a3a8f 100%) !important;
  box-shadow:
    0 16px 36px rgba(6,36,94, .22),
    0 2px 8px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.28) !important;
}

html body.brand-enytrack.blank-page .hero .btn-primary:hover,
html body.brand-enytrack.blank-page .nav-cta:hover {
  background:
    linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.02)),
    linear-gradient(135deg, #06173f 0%, #0d47b0 52%, #06245e 100%) !important;
  box-shadow:
    0 18px 42px rgba(6,36,94, .28),
    0 4px 12px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.30) !important;
  transform: translateY(-1px);
}

html body.brand-enytrack.blank-page .hero-reassurance {
  color: #5b6b86 !important;
  -webkit-text-fill-color: #5b6b86 !important;
  font-size: 11.5px !important;
  letter-spacing: .10em !important;
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body.brand-enytrack.blank-page .hero-meta {
  color: rgba(43,53,80,.46) !important;
  -webkit-text-fill-color: rgba(43,53,80,.46) !important;
}

@media (max-width: 720px) {
  html body.brand-enytrack.blank-page .hero {
    padding-top: 128px !important;
    min-height: auto !important;
  }

  html body.brand-enytrack.blank-page .hero h1 {
    font-size: clamp(44px, 13vw, 64px) !important;
    line-height: .98 !important;
    letter-spacing: -.048em !important;
  }

  html body.brand-enytrack.blank-page .hero-lead {
    font-size: 17px !important;
    max-width: 32ch !important;
  }

  html body.brand-enytrack.blank-page .hero .btn-primary {
    width: min(100%, 360px) !important;
    justify-content: center !important;
    padding-inline: 22px !important;
  }
}