{"id":169,"date":"2026-08-18T09:56:22","date_gmt":"2026-08-18T08:56:22","guid":{"rendered":"https:\/\/naosmind.fr\/?page_id=169"},"modified":"2026-08-20T17:42:53","modified_gmt":"2026-08-20T16:42:53","slug":"elementor-169","status":"publish","type":"page","link":"https:\/\/naosmind.fr\/en\/","title":{"rendered":"Elementor #169"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"169\" class=\"elementor elementor-169\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a1f11a e-con-full e-flex e-con e-parent\" data-id=\"7a1f11a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-240e29e elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"240e29e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     NAOS MIND \u2014 HERO SECTION\n     \u00c0 coller dans un widget \"HTML\" Elementor (dans une section\n     full-width, fond transparent). Tout est autonome : le <style>\n     et le <script> peuvent rester tels quels dans le widget.\n     ============================================================ -->\n<section class=\"nm-hero\">\n  <div class=\"nm-hero__grid\">\n\n    <!-- ---------- Colonne gauche : texte ---------- -->\n    <div class=\"nm-hero__text\">\n      <h1 class=\"nm-hero__title\">\n        Les id\u00e9es ambitieuses<br>\n        <span class=\"nm-accent\">m\u00e9ritent mieux<\/span><br>\n        qu'un PowerPoint.\n      <\/h1>\n\n      <p class=\"nm-hero__lead\">\n        Naos Mind transforme les ambitions en strat\u00e9gies, projets\n        et exp\u00e9riences qui prennent vie. De la r\u00e9flexion \u00e0 l'ex\u00e9cution.\n      <\/p>\n\n      <p class=\"nm-hero__tags\">\n        Gaming &amp; Esport <span class=\"nm-dot\">\u2022<\/span> Tech <span class=\"nm-dot\">\u2022<\/span> Sport <span class=\"nm-dot\">\u2022<\/span> et au-del\u00e0\n      <\/p>\n\n      <div class=\"nm-hero__cta\">\n        <a href=\"#contact\" class=\"nm-btn nm-btn--fill\">\n          Parlons de votre projet <span class=\"nm-arrow\">\u2192<\/span>\n        <\/a>\n        <a href=\"#missions\" class=\"nm-btn nm-btn--ghost\">\n          D\u00e9couvrir nos missions <span class=\"nm-arrow\">\u2192<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <!-- ---------- Colonne droite : trajectoire anim\u00e9e ---------- -->\n    <div class=\"nm-hero__visual\" aria-hidden=\"true\">\n      <svg class=\"nm-map\" viewBox=\"0 0 600 520\" preserveAspectRatio=\"xMidYMid meet\">\n        <defs>\n          <radialGradient id=\"nm-glow\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n            <stop offset=\"0%\" stop-color=\"#2ee6ea\" stop-opacity=\"0.35\"\/>\n            <stop offset=\"100%\" stop-color=\"#2ee6ea\" stop-opacity=\"0\"\/>\n          <\/radialGradient>\n          <filter id=\"nm-blur\"><feGaussianBlur stdDeviation=\"3.5\"\/><\/filter>\n        <\/defs>\n\n        <!-- grille de fond -->\n        <g class=\"nm-grid-lines\" opacity=\"0.5\">\n          <line x1=\"0\" y1=\"130\" x2=\"600\" y2=\"130\"\/>\n          <line x1=\"0\" y1=\"260\" x2=\"600\" y2=\"260\"\/>\n          <line x1=\"0\" y1=\"390\" x2=\"600\" y2=\"390\"\/>\n          <line x1=\"150\" y1=\"0\" x2=\"150\" y2=\"520\"\/>\n          <line x1=\"300\" y1=\"0\" x2=\"300\" y2=\"520\"\/>\n          <line x1=\"450\" y1=\"0\" x2=\"450\" y2=\"520\"\/>\n        <\/g>\n\n        <!-- halo autour du point central -->\n        <circle cx=\"260\" cy=\"300\" r=\"90\" fill=\"url(#nm-glow)\"\/>\n\n        <!-- cercles concentriques du point de d\u00e9part -->\n        <circle class=\"nm-ring\" cx=\"260\" cy=\"300\" r=\"34\"\/>\n        <circle class=\"nm-ring nm-ring--soft\" cx=\"260\" cy=\"300\" r=\"56\"\/>\n\n        <!-- trajectoire -->\n        <path id=\"nm-path\" class=\"nm-path\"\n              d=\"M 10 500 C 90 460, 170 400, 260 300 C 340 260, 400 220, 470 150 S 540 70, 560 45\" \/>\n\n        <!-- point de d\u00e9part (logo) -->\n        <g transform=\"translate(260,300)\">\n          <polygon class=\"nm-mark\" points=\"0,-15 13,10 -13,10\" \/>\n        <\/g>\n\n        <!-- point d'arriv\u00e9e -->\n        <g class=\"nm-endpoint\" transform=\"translate(560,45)\">\n          <g class=\"nm-endpoint__inner\">\n            <circle r=\"10\" class=\"nm-endpoint__ring\"\/>\n            <circle r=\"4\" class=\"nm-endpoint__core\"\/>\n          <\/g>\n        <\/g>\n\n        <!-- point mobile qui parcourt la trajectoire -->\n        <circle r=\"5\" class=\"nm-traveler\" filter=\"url(#nm-blur)\">\n          <animateMotion dur=\"6.42s\" repeatCount=\"indefinite\" rotate=\"auto\"\n                          calcMode=\"linear\" keyPoints=\"0;0.4;1\" keyTimes=\"0;0.455;1\">\n            <mpath href=\"#nm-path\"\/>\n          <\/animateMotion>\n        <\/circle>\n        <circle r=\"2.5\" class=\"nm-traveler nm-traveler--core\">\n          <animateMotion dur=\"6.42s\" repeatCount=\"indefinite\" rotate=\"auto\"\n                          calcMode=\"linear\" keyPoints=\"0;0.4;1\" keyTimes=\"0;0.455;1\">\n            <mpath href=\"#nm-path\"\/>\n          <\/animateMotion>\n        <\/circle>\n      <\/svg>\n\n      <span class=\"nm-coords\">43.9492\u00b0 N<br>4.8056\u00b0 E<\/span>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  .nm-hero{\n    --nm-bg:#080d16;\n    --nm-cyan:#29e0e6;\n    --nm-cyan-soft:rgba(41,224,230,0.16);\n    --nm-white:#f4f7fa;\n    --nm-muted:#9aa5b8;\n    --nm-line:rgba(255,255,255,0.08);\n\n    background:var(--nm-bg);\n    padding:56px 3vw 64px;\n    font-family:'Poppins','Inter',system-ui,-apple-system,sans-serif;\n    color:var(--nm-white);\n    overflow:hidden;\n\n    \/* full-bleed : sort du conteneur parent (boxed) quelle que soit sa largeur *\/\n    width:100vw;\n    position:relative;\n    left:50%;\n    right:50%;\n    margin-left:-50vw;\n    margin-right:-50vw;\n  }\n  .nm-hero *{ box-sizing:border-box; }\n\n  .nm-hero__grid{\n    max-width:1300px;\n    margin:0 auto;\n    display:grid;\n    grid-template-columns:1.05fr 0.95fr;\n    align-items:center;\n    gap:40px;\n  }\n\n  .nm-hero__title{\n    font-size:clamp(34px,4.4vw,54px);\n    line-height:1.12;\n    font-weight:600;\n    letter-spacing:-0.01em;\n    margin:0 0 24px;\n    color:var(--nm-white) !important;\n  }\n  .nm-accent{ color:var(--nm-cyan) !important; }\n\n  .nm-hero__lead{\n    max-width:480px;\n    font-size:17.5px;\n    line-height:1.68;\n    color:var(--nm-muted);\n    margin:0 0 22px;\n  }\n\n  .nm-hero__tags{\n    font-size:13px;\n    letter-spacing:.02em;\n    color:var(--nm-cyan);\n    margin:0 0 34px;\n    font-weight:500;\n  }\n  .nm-hero__tags .nm-dot{ color:var(--nm-muted); margin:0 6px; }\n\n  .nm-hero__cta{\n    display:flex;\n    align-items:center;\n    gap:28px;\n    flex-wrap:wrap;\n  }\n  .nm-btn{\n    display:inline-flex;\n    align-items:center;\n    gap:10px;\n    font-size:14.5px;\n    font-weight:600;\n    text-decoration:none;\n    transition:transform .2s ease, opacity .2s ease, background .2s ease;\n  }\n  .nm-btn--fill{\n    background:var(--nm-cyan);\n    color:#06121a;\n    padding:15px 26px;\n    border-radius:8px;\n  }\n  .nm-btn--fill:hover{ transform:translateY(-2px); opacity:.92; }\n  .nm-btn--ghost{\n    color:var(--nm-white);\n    border-bottom:1px solid rgba(255,255,255,0.35);\n    padding-bottom:3px;\n  }\n  .nm-btn--ghost:hover{ border-color:var(--nm-cyan); color:var(--nm-cyan); }\n  .nm-arrow{ transition:transform .2s ease; display:inline-block; }\n  .nm-btn:hover .nm-arrow{ transform:translateX(3px); }\n\n  \/* ---------- visuel ---------- *\/\n  .nm-hero__visual{\n    position:relative;\n    width:100%;\n    max-width:560px;\n    margin:0 auto;\n  }\n  .nm-map{ width:100%; height:auto; display:block; }\n\n  .nm-grid-lines line{ stroke:var(--nm-line); stroke-width:1; }\n\n  .nm-ring{\n    fill:none;\n    stroke:var(--nm-cyan);\n    stroke-width:1;\n    opacity:.6;\n  }\n  .nm-ring--soft{ opacity:.25; }\n\n  .nm-mark{ fill:var(--nm-cyan); }\n\n  .nm-path{\n    fill:none;\n    stroke:var(--nm-cyan);\n    stroke-width:1.4;\n    stroke-linecap:round;\n    opacity:.55;\n    stroke-dasharray:4 4;\n  }\n\n  .nm-endpoint__ring{\n    fill:none;\n    stroke:var(--nm-cyan);\n    stroke-width:1.2;\n    opacity:.7;\n  }\n  .nm-endpoint__core{ fill:var(--nm-cyan); }\n\n  .nm-endpoint__inner{\n    transform-box:fill-box;\n    transform-origin:50% 50%;\n    animation:nm-endpoint-flash 6.42s linear infinite;\n  }\n  @keyframes nm-endpoint-flash{\n    0%, 92%   { transform:scale(1);    filter:none; }\n    97%       { transform:scale(1.18); filter:drop-shadow(0 0 5px var(--nm-cyan)); }\n    100%      { transform:scale(1);    filter:none; }\n  }\n\n  .nm-traveler{ fill:var(--nm-cyan); opacity:.45; }\n  .nm-traveler--core{ fill:#ffffff; }\n\n  .nm-coords{\n    position:absolute;\n    right:6%;\n    bottom:6%;\n    font-size:11px;\n    line-height:1.6;\n    color:var(--nm-muted);\n    letter-spacing:.03em;\n    text-align:right;\n  }\n\n  \/* ---------- responsive ---------- *\/\n  @media (max-width:900px){\n    .nm-hero__grid{ grid-template-columns:1fr; text-align:left; }\n    .nm-hero__visual{ max-width:420px; margin-bottom:8px; }\n    .nm-hero{ padding:40px 6vw 40px; }\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    .nm-traveler, .nm-traveler--core{ animation:none; visibility:hidden; }\n    .nm-endpoint__inner{ animation:none; }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4294258 e-flex e-con-boxed e-con e-parent\" data-id=\"4294258\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a441e1 elementor-widget elementor-widget-html\" data-id=\"3a441e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     NAOS MIND \u2014 BANDEAU \"ILS NOUS FONT CONFIANCE\"\n     3 logos fixes + 2 logos tir\u00e9s au hasard parmi une liste\n     extensible. \u00c0 coller dans un widget \"HTML\" Elementor, juste\n     sous le widget du Hero.\n     ============================================================ -->\n<section class=\"nm-trust\">\n  <div class=\"nm-trust__inner\">\n    <p class=\"nm-trust__label\">Ils nous font confiance<\/p>\n    <ul class=\"nm-trust__logos\" data-nm-trust-logos><!-- rempli en JS --><\/ul>\n  <\/div>\n<\/section>\n\n<style>\n  .nm-trust{\n    --nm-bg:#080d16;\n    --nm-muted:#9aa5b8;\n    --nm-line:rgba(255,255,255,0.08);\n\n    background:var(--nm-bg);\n    padding:8px 3vw 24px;\n    font-family:'Poppins','Inter',system-ui,-apple-system,sans-serif;\n\n    \/* full-bleed : sort du conteneur parent, comme le hero *\/\n    width:100vw;\n    position:relative;\n    left:50%;\n    right:50%;\n    margin-left:-50vw;\n    margin-right:-50vw;\n  }\n  .nm-trust *{ box-sizing:border-box; }\n\n  .nm-trust__inner{\n    max-width:1300px;\n    margin:0 auto;\n    border-top:1.5px solid rgba(255,255,255,0.16);\n    border-bottom:1.5px solid rgba(255,255,255,0.16);\n    padding:32px 0 40px;\n  }\n\n  .nm-trust__label{\n    text-align:center;\n    font-size:11.5px;\n    letter-spacing:.16em;\n    text-transform:uppercase;\n    color:var(--nm-muted);\n    margin:0 0 28px;\n  }\n\n  .nm-trust__logos{\n    list-style:none;\n    margin:0;\n    padding:0;\n    display:flex;\n    flex-wrap:wrap;\n    align-items:center;\n    justify-content:center;\n    gap:24px 56px;\n    min-height:36px; \/* \u00e9vite le saut de layout pendant le rendu JS *\/\n  }\n  .nm-trust__logos li{\n    display:flex;\n    align-items:center;\n  }\n  .nm-trust__logos img{\n    display:block;\n    height:26px; \/* hauteur de secours, remplac\u00e9e par le JS (hauteur optique) une fois l'image analys\u00e9e *\/\n    width:auto;\n    max-width:150px;\n    object-fit:contain;\n    filter:brightness(0) invert(0.6);\n    transition:filter .25s ease, height .15s ease;\n  }\n  .nm-trust__logos img:hover{\n    filter:none;\n  }\n\n  \/* ---------- responsive ---------- *\/\n  @media (max-width:900px){\n    .nm-trust{ padding:4px 6vw 40px; }\n    .nm-trust__logos{ gap:20px 36px; }\n    .nm-trust__logos img{ height:26px; max-width:110px; }\n  }\n\n  @media (max-width:520px){\n    .nm-trust__logos{\n      flex-wrap:nowrap;\n      overflow-x:auto;\n      justify-content:flex-start;\n      -webkit-overflow-scrolling:touch;\n      scrollbar-width:none;\n      padding-bottom:4px;\n    }\n    .nm-trust__logos::-webkit-scrollbar{ display:none; }\n    .nm-trust__logos li{ flex:0 0 auto; }\n  }\n<\/style>\n\n<script>\n(function(){\n\n  \/* ==========================================================\n     CONFIG \u2014 \u00e0 \u00e9diter toi-m\u00eame, aucune autre partie du script\n     n'a besoin d'\u00eatre touch\u00e9e.\n\n     - FIXED_LOGOS  : toujours affich\u00e9s, dans cet ordre.\n     - POOL_LOGOS   : liste extensible. \u00c0 chaque chargement de\n                      page, 2 logos sont tir\u00e9s au hasard dedans.\n                      Ajoute autant de lignes que tu veux ici,\n                      le tirage s'adapte automatiquement.\n\n     Remplace \"src\" par le chemin r\u00e9el vers tes fichiers sur ton\n     serveur (ex: https:\/\/naosmind.fr\/wp-content\/uploads\/logos\/sonix.png\n     ou un chemin relatif \/wp-content\/uploads\/logos\/sonix.png).\n     ========================================================== *\/\n\n  var FIXED_LOGOS = [\n    { src: \"\/wp-content\/uploads\/2026\/08\/Lenovo_logo_2015.svg_-scaled.webp\",   alt: \"Lenovo\"   },\n    { src: \"\/wp-content\/uploads\/2026\/08\/sbarter-logo-scaled.png\",     alt: \"Sbarter\"     },\n    { src: \"\/wp-content\/uploads\/2026\/08\/sonix-logo-transparent-3000px-1-scaled.png\",  alt: \"Sonix\"  }\n  ];\n\n  var POOL_LOGOS = [\n    { src: \"\/wp-content\/uploads\/2026\/08\/ewc_logo_white-scaled.png\", alt: \"EWC\" },\n    { src: \"\/wp-content\/uploads\/2026\/08\/uweti-logo.png\",     alt: \"Uweti\"     }\n    \/\/ Ajoute ici tes futurs partenaires, ex :\n    \/\/ { src: \"\/wp-content\/uploads\/logos\/amazon.png\", alt: \"Amazon\" },\n    \/\/ { src: \"\/wp-content\/uploads\/logos\/intel.png\",  alt: \"Intel\"  },\n  ];\n\n  var RANDOM_COUNT = 2; \/\/ nombre de logos tir\u00e9s au hasard dans le pool\n\n  \/\/ Hauteur optique cible, en pixels : hauteur r\u00e9elle du \"dessin\" du\n  \/\/ logo (hors marges transparentes), identique pour tous les logos,\n  \/\/ plut\u00f4t qu'une hauteur CSS brute qui avantage les logos \"pleins\"\n  \/\/ (comme EWC ou Lenovo) face aux logos plus fins\/a\u00e9r\u00e9s.\n  var OPTICAL_HEIGHT = 24;\n\n  \/* ---------------------------------------------------------- *\/\n\n  \/\/ Calcule la bounding box verticale des pixels non-transparents d'une\n  \/\/ image, puis ajuste sa hauteur CSS pour que cette bounding box (le\n  \/\/ \"dessin\" visible du logo) fasse toujours OPTICAL_HEIGHT px, quelle\n  \/\/ que soit la quantit\u00e9 de marge transparente autour du logo source.\n  function normalizeOpticalHeight(img, targetPx){\n    function process(){\n      try {\n        var w = img.naturalWidth, h = img.naturalHeight;\n        if (!w || !h) return;\n\n        var canvas = document.createElement('canvas');\n        canvas.width = w; canvas.height = h;\n        var ctx = canvas.getContext('2d');\n        ctx.drawImage(img, 0, 0, w, h);\n        var data = ctx.getImageData(0, 0, w, h).data;\n\n        var top = null, bottom = null;\n        var xStep = Math.max(1, Math.floor(w \/ 150)); \/\/ \u00e9chantillonnage pour rester rapide\n        for (var y = 0; y < h; y++){\n          var rowHasContent = false;\n          for (var x = 0; x < w; x += xStep){\n            if (data[(y * w + x) * 4 + 3] > 12){ rowHasContent = true; break; }\n          }\n          if (rowHasContent){\n            if (top === null) top = y;\n            bottom = y;\n          }\n        }\n        if (top === null) return; \/\/ image enti\u00e8rement transparente : on ne touche \u00e0 rien\n\n        var opticalRatio = (bottom - top + 1) \/ h; \/\/ part de hauteur r\u00e9ellement \"dessin\u00e9e\"\n        img.style.height = (targetPx \/ opticalRatio) + 'px';\n        img.style.width = 'auto';\n      } catch (e) {\n        \/\/ Canvas \"tainted\" (image cross-origin sans CORS) ou autre erreur :\n        \/\/ on laisse simplement la hauteur CSS de secours d\u00e9finie plus haut.\n      }\n    }\n\n    if (img.complete && img.naturalWidth) process();\n    else img.addEventListener('load', process, { once: true });\n  }\n\n  function shuffle(arr){\n    var a = arr.slice();\n    for (var i = a.length - 1; i > 0; i--) {\n      var j = Math.floor(Math.random() * (i + 1));\n      var tmp = a[i]; a[i] = a[j]; a[j] = tmp;\n    }\n    return a;\n  }\n\n  function findOwnSection(){\n    \/\/ Remonte les fr\u00e8res pr\u00e9c\u00e9dents du <script> jusqu'\u00e0 trouver LA section\n    \/\/ de CE widget pr\u00e9cis (utile si le bloc est coll\u00e9 plusieurs fois sur\n    \/\/ la m\u00eame page : chaque instance ne touche alors que son propre HTML,\n    \/\/ sans jamais risquer de laisser une autre copie vide).\n    var el = document.currentScript;\n    while (el) {\n      el = el.previousElementSibling;\n      if (el && el.classList && el.classList.contains('nm-trust')) return el;\n    }\n    return null;\n  }\n\n  function render(){\n    var picked = shuffle(POOL_LOGOS).slice(0, Math.min(RANDOM_COUNT, POOL_LOGOS.length));\n    var finalList = shuffle(FIXED_LOGOS.concat(picked));\n\n    var root = findOwnSection();\n    var ul = root ? root.querySelector('[data-nm-trust-logos]') : null;\n    if (!ul) return;\n    ul.innerHTML = '';\n\n    finalList.forEach(function(logo){\n      var li = document.createElement('li');\n      var img = document.createElement('img');\n      img.src = logo.src;\n      img.alt = logo.alt;\n      img.loading = 'lazy';\n      li.appendChild(img);\n      ul.appendChild(li);\n      normalizeOpticalHeight(img, OPTICAL_HEIGHT);\n    });\n  }\n\n  render();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-11d68b4 e-con-full e-flex e-con e-child\" data-id=\"11d68b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ba92c0 elementor-widget elementor-widget-html\" data-id=\"6ba92c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     NAOS MIND \u2014 \"DE L'ID\u00c9E AU TERRAIN\" (grille de 5 cartes)\n     \u00c0 coller dans un nouveau widget \"HTML\" Elementor, juste sous\n     le bandeau \"Ils nous font confiance\".\n     ============================================================ -->\n<section class=\"nm-idea\">\n  <div class=\"nm-idea__wrap\">\n\n    <!-- ---------- Intro ---------- -->\n    <div class=\"nm-idea__intro\">\n      <h2 class=\"nm-idea__title\">\n        De l'id\u00e9e<br>\n        <span class=\"nm-accent\">au terrain<\/span>\n      <\/h2>\n      <p class=\"nm-idea__text\">\n        Nous connectons la strat\u00e9gie et l'ex\u00e9cution pour cr\u00e9er\n        des projets utiles, d\u00e9sirables et mesurables.\n      <\/p>\n    <\/div>\n\n    <!-- ---------- Cartes ---------- -->\n    <div class=\"nm-idea__cards\">\n\n      <article class=\"nm-card\">\n        <div class=\"nm-card__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 3.5h6a1 1 0 0 1 1 1V6H8V4.5a1 1 0 0 1 1-1Z\"\/><rect x=\"5\" y=\"5.5\" width=\"14\" height=\"16\" rx=\"2\"\/><path d=\"M9 12h6M9 16h4\"\/><\/svg>\n        <\/div>\n        <h3 class=\"nm-card__title\">Projects &amp; Programs<\/h3>\n        <p class=\"nm-card__desc\">Transformer une ambition en plan d'action.<\/p>\n        <a href=\"#\" class=\"nm-card__arrow\" aria-label=\"En savoir plus sur Projects &amp; Programs\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n        <\/a>\n      <\/article>\n\n      <article class=\"nm-card\">\n        <div class=\"nm-card__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 3.5l2.6 5.4 5.9.8-4.3 4.2 1 5.9-5.2-2.8-5.2 2.8 1-5.9-4.3-4.2 5.9-.8L12 3.5Z\"\/><\/svg>\n        <\/div>\n        <h3 class=\"nm-card__title\">Events &amp; Experiences<\/h3>\n        <p class=\"nm-card__desc\">Cr\u00e9er des exp\u00e9riences qui m\u00e9ritent d'\u00eatre v\u00e9cues.<\/p>\n        <a href=\"#\" class=\"nm-card__arrow\" aria-label=\"En savoir plus sur Events &amp; Experiences\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n        <\/a>\n      <\/article>\n\n      <article class=\"nm-card\">\n        <div class=\"nm-card__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 10.5v3a1 1 0 0 0 1 1h2.4l4.6 3V6.5l-4.6 3H5a1 1 0 0 0-1 1Z\"\/><path d=\"M16.2 9.2a4 4 0 0 1 0 5.6M18.6 6.8a7.5 7.5 0 0 1 0 10.4\"\/><\/svg>\n        <\/div>\n        <h3 class=\"nm-card__title\">Marketing &amp; Communications<\/h3>\n        <p class=\"nm-card__desc\">Faire comprendre. Faire d\u00e9sirer. Faire agir.<\/p>\n        <a href=\"#\" class=\"nm-card__arrow\" aria-label=\"En savoir plus sur Marketing &amp; Communications\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n        <\/a>\n      <\/article>\n\n      <article class=\"nm-card\">\n        <div class=\"nm-card__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"9\" cy=\"8\" r=\"3\"\/><path d=\"M3.5 19.5c0-3 2.5-5.2 5.5-5.2s5.5 2.2 5.5 5.2\"\/><circle cx=\"17\" cy=\"9\" r=\"2.3\"\/><path d=\"M15.8 14.6c2.2.3 3.9 2.1 3.9 4.4\"\/><\/svg>\n        <\/div>\n        <h3 class=\"nm-card__title\">Talent &amp; Influence<\/h3>\n        <p class=\"nm-card__desc\">Construire une carri\u00e8re, pas seulement une audience.<\/p>\n        <a href=\"#\" class=\"nm-card__arrow\" aria-label=\"En savoir plus sur Talent &amp; Influence\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n        <\/a>\n      <\/article>\n\n      <article class=\"nm-card\">\n        <div class=\"nm-card__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 18.5 9.5 13l3.2 3.2L20 9\"\/><path d=\"M15 9h5v5\"\/><\/svg>\n        <\/div>\n        <h3 class=\"nm-card__title\">Business Development<\/h3>\n        <p class=\"nm-card__desc\">Cr\u00e9er les bonnes rencontres. Et les transformer en business.<\/p>\n        <a href=\"#\" class=\"nm-card__arrow\" aria-label=\"En savoir plus sur Business Development\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n        <\/a>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .nm-idea{\n    --nm-bg:#080d16;\n    --nm-card-bg:#0d1420;\n    --nm-cyan:#29e0e6;\n    --nm-white:#f4f7fa;\n    --nm-muted:#9aa5b8;\n    --nm-line:rgba(255,255,255,0.08);\n\n    background:var(--nm-bg);\n    padding:16px 3vw 80px;\n    font-family:'Poppins','Inter',system-ui,-apple-system,sans-serif;\n    color:var(--nm-white);\n\n    \/* full-bleed : sort du conteneur parent, comme les blocs pr\u00e9c\u00e9dents *\/\n    width:100vw;\n    position:relative;\n    left:50%;\n    right:50%;\n    margin-left:-50vw;\n    margin-right:-50vw;\n  }\n  .nm-idea *{ box-sizing:border-box; }\n\n  .nm-idea__wrap{\n    max-width:1300px;\n    margin:0 auto;\n    display:flex;\n    align-items:flex-start;\n    gap:48px;\n  }\n\n  .nm-idea__intro{ flex:0 0 250px; }\n  .nm-idea__title{\n    font-size:clamp(26px,2.6vw,32px);\n    line-height:1.15;\n    font-weight:600;\n    margin:0 0 16px;\n    color:var(--nm-white) !important;\n  }\n  .nm-accent{ color:var(--nm-cyan) !important; }\n  .nm-idea__text{\n    font-size:16px;\n    line-height:1.68;\n    color:var(--nm-muted);\n    margin:0;\n  }\n\n  .nm-idea__cards{\n    flex:1;\n    display:grid;\n    grid-template-columns:repeat(5,minmax(0,1fr));\n    gap:16px;\n  }\n\n  .nm-card{\n    --nm-accent:var(--nm-cyan); \/* couleur de l'ic\u00f4ne = couleur du contour\/glow de la carte *\/\n    background:\n      radial-gradient(140% 100% at 12% -10%, rgba(41,224,230,0.14), transparent 55%),\n      linear-gradient(155deg, #111b2a 0%, #0d1420 55%, #0a0f18 100%);\n    border:1px solid color-mix(in srgb, var(--nm-accent) 50%, transparent);\n    box-shadow:\n      0 0 0 1px rgba(255,255,255,0.02) inset,\n      0 0 26px -10px color-mix(in srgb, var(--nm-accent) 65%, transparent);\n    border-radius:12px;\n    padding:24px 20px 22px;\n    display:flex;\n    flex-direction:column;\n    min-height:230px;\n    transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease;\n  }\n  .nm-card:hover{\n    border-color:var(--nm-accent);\n    box-shadow:\n      0 0 0 1px rgba(255,255,255,0.03) inset,\n      0 0 34px -8px color-mix(in srgb, var(--nm-accent) 80%, transparent);\n    transform:translateY(-3px);\n  }\n\n  .nm-card__icon{\n    width:38px;\n    height:38px;\n    margin-bottom:18px;\n  }\n  .nm-card__icon svg{\n    width:100%;\n    height:100%;\n    stroke:var(--nm-cyan);\n    stroke-width:1.5;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n  }\n\n  .nm-card__title{\n    font-size:15.5px;\n    font-weight:600;\n    line-height:1.3;\n    margin:0 0 10px;\n    color:var(--nm-white) !important;\n  }\n\n  .nm-card__desc{\n    font-size:15px;\n    line-height:1.62;\n    color:var(--nm-muted);\n    margin:0;\n    flex:1;\n  }\n\n  .nm-card__arrow{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    width:32px;\n    height:32px;\n    margin-top:18px;\n    border:1px solid var(--nm-line);\n    border-radius:50%;\n    text-decoration:none;\n    transition:background .2s ease, border-color .2s ease, transform .2s ease;\n  }\n  .nm-card__arrow svg{\n    width:16px;\n    height:16px;\n    stroke:var(--nm-cyan);\n    stroke-width:2;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n    transition:transform .2s ease;\n  }\n  .nm-card__arrow:hover{\n    background:var(--nm-cyan);\n    border-color:var(--nm-cyan);\n    transform:translateX(2px);\n  }\n  .nm-card__arrow:hover svg{\n    stroke:#06121a;\n    transform:translateX(1px);\n  }\n\n  \/* ---------- responsive ---------- *\/\n  @media (max-width:1100px){\n    .nm-idea__wrap{ flex-direction:column; gap:28px; }\n    .nm-idea__intro{ flex:none; max-width:480px; }\n    .nm-idea__cards{ grid-template-columns:repeat(3,1fr); width:100%; }\n  }\n\n  @media (max-width:680px){\n    .nm-idea{ padding:16px 6vw 64px; }\n    .nm-idea__cards{ grid-template-columns:repeat(2,1fr); }\n  }\n\n  @media (max-width:420px){\n    .nm-idea__cards{ grid-template-columns:1fr; }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d863a83 e-con-full e-flex e-con e-parent\" data-id=\"d863a83\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08ce2bc elementor-widget elementor-widget-html\" data-id=\"08ce2bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     NAOS MIND \u2014 \"TERRAINS DE JEU\" (3 cartes image)\n     \u00c0 coller dans un nouveau widget \"HTML\" Elementor, juste sous\n     le bloc \"De l'id\u00e9e au terrain\".\n\n     \u2699\ufe0f CONFIG IMAGES : remplace les 3 valeurs \"src\" ci-dessous par\n     l'URL de tes images (h\u00e9berg\u00e9es sur ton serveur \/ m\u00e9diath\u00e8que\n     WordPress). Tant que ce n'est pas fait, un d\u00e9grad\u00e9 de secours\n     s'affiche \u00e0 la place pour que le bloc reste propre.\n     ============================================================ -->\n<section class=\"nm-terrain\">\n  <div class=\"nm-terrain__wrap\">\n\n    <div class=\"nm-terrain__head\">\n      <h2 class=\"nm-terrain__title\">\n        Terrains<br><span class=\"nm-accent\">de jeu<\/span>\n      <\/h2>\n      <p class=\"nm-terrain__text\">\n        Nos terrains de pr\u00e9dilection. Pas nos fronti\u00e8res.\n      <\/p>\n    <\/div>\n\n    <div class=\"nm-terrain__grid\">\n\n      <a href=\"#\" class=\"nm-terrain__card\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/esport.png\" alt=\"Gaming &amp; Esport\" loading=\"lazy\">\n        <div class=\"nm-terrain__overlay\"><\/div>\n        <div class=\"nm-terrain__label\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"2.5\" y=\"8\" width=\"19\" height=\"10\" rx=\"5\"\/><path d=\"M7 11v4M5 13h4\"\/><circle cx=\"15.5\" cy=\"12\" r=\"1\"\/><circle cx=\"18\" cy=\"14.5\" r=\"1\"\/><\/svg>\n          <span>Gaming &amp; Esport<\/span>\n        <\/div>\n      <\/a>\n\n      <a href=\"#\" class=\"nm-terrain__card\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/booth.png\" alt=\"Tech\" loading=\"lazy\">\n        <div class=\"nm-terrain__overlay\"><\/div>\n        <div class=\"nm-terrain__label\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"7\" y=\"7\" width=\"10\" height=\"10\" rx=\"1.5\"\/><path d=\"M9.5 7V4M14.5 7V4M9.5 20v-3M14.5 20v-3M7 9.5H4M7 14.5H4M20 9.5h-3M20 14.5h-3\"\/><\/svg>\n          <span>Tech<\/span>\n        <\/div>\n      <\/a>\n\n      <a href=\"#\" class=\"nm-terrain__card\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/sport.png\" alt=\"Sport\" loading=\"lazy\">\n        <div class=\"nm-terrain__overlay\"><\/div>\n        <div class=\"nm-terrain__label\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 3v4M12 17v4M3 12h4M17 12h4M6 6l2.5 2.5M15.5 15.5 18 18M18 6l-2.5 2.5M8.5 15.5 6 18\"\/><\/svg>\n          <span>Sport<\/span>\n        <\/div>\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .nm-terrain{\n    --nm-bg:#080d16;\n    --nm-cyan:#29e0e6;\n    --nm-white:#f4f7fa;\n    --nm-muted:#9aa5b8;\n\n    background:var(--nm-bg);\n    padding:16px 3vw 80px;\n    font-family:'Poppins','Inter',system-ui,-apple-system,sans-serif;\n    color:var(--nm-white);\n\n    \/* full-bleed *\/\n    width:100vw;\n    position:relative;\n    left:50%;\n    right:50%;\n    margin-left:-50vw;\n    margin-right:-50vw;\n  }\n  .nm-terrain *{ box-sizing:border-box; }\n\n  .nm-terrain__wrap{\n    max-width:1300px;\n    margin:0 auto;\n    display:flex;\n    align-items:flex-start;\n    gap:48px;\n    border-top:1.5px solid rgba(255,255,255,0.16);\n    padding-top:40px;\n  }\n\n  .nm-terrain__head{ flex:0 0 250px; margin-bottom:0; }\n  .nm-terrain__title{\n    font-size:clamp(26px,2.6vw,32px);\n    line-height:1.15;\n    font-weight:600;\n    margin:0 0 16px;\n    color:var(--nm-white) !important;\n  }\n  .nm-accent{ color:var(--nm-cyan) !important; }\n  .nm-terrain__text{\n    font-size:16px;\n    line-height:1.6;\n    color:var(--nm-muted);\n    margin:0;\n  }\n\n  .nm-terrain__grid{\n    flex:1;\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:20px;\n  }\n\n  .nm-terrain__card{\n    position:relative;\n    display:block;\n    aspect-ratio:4\/3.4;\n    border-radius:12px;\n    overflow:hidden;\n    text-decoration:none;\n    isolation:isolate;\n\n    \/* d\u00e9grad\u00e9 de secours tant qu'aucune image n'est configur\u00e9e *\/\n    background:linear-gradient(155deg,#16202f 0%, #0d1420 60%, #0a0f18 100%);\n  }\n\n  .nm-terrain__card img{\n    position:absolute;\n    inset:0;\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    transition:transform .5s ease;\n  }\n  .nm-terrain__card:hover img{ transform:scale(1.06); }\n\n  .nm-terrain__overlay{\n    position:absolute;\n    inset:0;\n    background:linear-gradient(180deg, rgba(6,10,17,0) 40%, rgba(6,10,17,0.85) 100%);\n  }\n\n  .nm-terrain__label{\n    position:absolute;\n    left:18px;\n    bottom:16px;\n    display:flex;\n    align-items:center;\n    gap:9px;\n    font-size:15px;\n    font-weight:600;\n    color:var(--nm-white);\n  }\n  .nm-terrain__label svg{\n    width:20px;\n    height:20px;\n    stroke:var(--nm-white);\n    stroke-width:1.6;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n    flex:none;\n  }\n\n  \/* ---------- responsive ---------- *\/\n  @media (max-width:1100px){\n    .nm-terrain__wrap{ flex-direction:column; gap:24px; }\n    .nm-terrain__head{ flex:none; max-width:480px; }\n    .nm-terrain__grid{ width:100%; grid-template-columns:repeat(3,1fr); }\n  }\n  @media (max-width:900px){\n    .nm-terrain__grid{ grid-template-columns:1fr 1fr; }\n    .nm-terrain__grid a:last-child{ grid-column:1 \/ -1; }\n  }\n  @media (max-width:560px){\n    .nm-terrain{ padding:8px 6vw 56px; }\n    .nm-terrain__grid{ grid-template-columns:1fr; }\n    .nm-terrain__grid a:last-child{ grid-column:auto; }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-125cf3c e-flex e-con-boxed e-con e-parent\" data-id=\"125cf3c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41d8a48 elementor-widget elementor-widget-html\" data-id=\"41d8a48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     NAOS MIND \u2014 \"MISSIONS S\u00c9LECTIONN\u00c9ES\"\n     R\u00e9cup\u00e8re automatiquement les 4 derniers articles publi\u00e9s via\n     l'API REST WordPress (aucun plugin requis). \u00c0 coller dans un\n     nouveau widget \"HTML\" Elementor.\n     ============================================================ -->\n<section class=\"nm-missions\">\n  <div class=\"nm-missions__wrap\">\n\n    <div class=\"nm-missions__head\">\n      <h2 class=\"nm-missions__title\">\n        Missions<br><span class=\"nm-accent\">s\u00e9lectionn\u00e9es<\/span>\n      <\/h2>\n      <p class=\"nm-missions__text\">\n        Quelques projets r\u00e9cents, directement issus de nos missions terrain.\n      <\/p>\n    <\/div>\n\n    <div class=\"nm-missions__grid\" id=\"nm-missions-grid\">\n      <!-- Squelettes de chargement, remplac\u00e9s par le JS -->\n      <div class=\"nm-mission-card nm-mission-card--skeleton\"><\/div>\n      <div class=\"nm-mission-card nm-mission-card--skeleton\"><\/div>\n      <div class=\"nm-mission-card nm-mission-card--skeleton\"><\/div>\n      <div class=\"nm-mission-card nm-mission-card--skeleton\"><\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  .nm-missions{\n    --nm-bg:#080d16;\n    --nm-card-bg:#0d1420;\n    --nm-cyan:#29e0e6;\n    --nm-white:#f4f7fa;\n    --nm-muted:#9aa5b8;\n    --nm-line:rgba(255,255,255,0.08);\n\n    background:var(--nm-bg);\n    padding:16px 3vw 80px;\n    font-family:'Poppins','Inter',system-ui,-apple-system,sans-serif;\n    color:var(--nm-white);\n\n    \/* full-bleed *\/\n    width:100vw;\n    position:relative;\n    left:50%;\n    right:50%;\n    margin-left:-50vw;\n    margin-right:-50vw;\n  }\n  .nm-missions *{ box-sizing:border-box; }\n\n  .nm-missions__wrap{\n    max-width:1300px;\n    margin:0 auto;\n    display:flex;\n    align-items:flex-start;\n    gap:48px;\n    border-top:1.5px solid rgba(255,255,255,0.16);\n    padding-top:40px;\n  }\n\n  .nm-missions__head{ flex:0 0 250px; }\n  .nm-missions__title{\n    font-size:clamp(26px,2.6vw,32px);\n    line-height:1.15;\n    font-weight:600;\n    margin:0 0 16px;\n    color:var(--nm-white) !important;\n  }\n  .nm-accent{ color:var(--nm-cyan) !important; }\n  .nm-missions__text{\n    font-size:16px;\n    line-height:1.68;\n    color:var(--nm-muted);\n    margin:0;\n  }\n\n  .nm-missions__grid{\n    flex:1;\n    display:grid;\n    grid-template-columns:repeat(4,minmax(0,1fr));\n    gap:18px;\n  }\n\n  .nm-mission-card{\n    background:var(--nm-card-bg);\n    border:1px solid var(--nm-line);\n    border-radius:12px;\n    overflow:hidden;\n    display:flex;\n    flex-direction:column;\n    transition:border-color .25s ease, transform .25s ease;\n  }\n  .nm-mission-card:hover{\n    border-color:rgba(41,224,230,0.35);\n    transform:translateY(-3px);\n  }\n\n  .nm-mission-card__media{\n    display:block;\n    aspect-ratio:16\/11;\n    overflow:hidden;\n    background:linear-gradient(155deg,#16202f 0%, #0d1420 100%);\n  }\n  .nm-mission-card__media img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    display:block;\n    transition:transform .5s ease;\n  }\n  .nm-mission-card:hover .nm-mission-card__media img{ transform:scale(1.05); }\n\n  .nm-mission-card__body{\n    padding:18px 18px 20px;\n    display:flex;\n    flex-direction:column;\n    flex:1;\n  }\n\n  .nm-mission-card__meta{\n    font-size:11px;\n    font-weight:600;\n    letter-spacing:.06em;\n    text-transform:uppercase;\n    color:var(--nm-cyan);\n    margin:0 0 10px;\n  }\n  .nm-mission-card__meta .nm-dot{ color:var(--nm-muted); margin:0 5px; }\n  .nm-mission-card__meta .nm-tag{ color:var(--nm-muted); }\n\n  .nm-mission-card__title{\n    font-size:16px;\n    font-weight:600;\n    line-height:1.32;\n    margin:0 0 10px;\n    display:-webkit-box;\n    -webkit-line-clamp:2;\n    line-clamp:2;\n    -webkit-box-orient:vertical;\n    overflow:hidden;\n  }\n  .nm-mission-card__title a{\n    color:var(--nm-white) !important;\n    text-decoration:none;\n  }\n  .nm-mission-card__title a:hover{ color:var(--nm-cyan) !important; }\n\n  .nm-mission-card__excerpt{\n    font-size:15px;\n    line-height:1.62;\n    color:var(--nm-muted);\n    margin:0 0 16px;\n    flex:1;\n  }\n\n  .nm-mission-card__cta{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    font-size:13px;\n    font-weight:600;\n    color:var(--nm-white);\n    text-decoration:none;\n    margin-top:auto;\n    width:fit-content;\n  }\n  .nm-mission-card__cta svg{\n    width:15px; height:15px;\n    stroke:var(--nm-cyan);\n    stroke-width:2;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n    transition:transform .2s ease;\n  }\n  .nm-mission-card__cta:hover{ color:var(--nm-cyan); }\n  .nm-mission-card__cta:hover svg{ transform:translateX(3px); }\n\n  \/* ---------- squelette de chargement ---------- *\/\n  .nm-mission-card--skeleton{\n    min-height:340px;\n    position:relative;\n    overflow:hidden;\n  }\n  .nm-mission-card--skeleton::after{\n    content:\"\";\n    position:absolute; inset:0;\n    background:linear-gradient(90deg, transparent, rgba(255,255,255,0.045), transparent);\n    animation:nm-skeleton-sweep 1.4s infinite;\n  }\n  @keyframes nm-skeleton-sweep{\n    0%{ transform:translateX(-100%); }\n    100%{ transform:translateX(100%); }\n  }\n\n  .nm-missions__empty{\n    grid-column:1 \/ -1;\n    font-size:14px;\n    color:var(--nm-muted);\n    padding:24px 0;\n  }\n\n  \/* ---------- responsive ---------- *\/\n  @media (max-width:1100px){\n    .nm-missions__wrap{ flex-direction:column; gap:28px; }\n    .nm-missions__head{ flex:none; max-width:480px; }\n    .nm-missions__grid{ width:100%; grid-template-columns:repeat(2,1fr); }\n  }\n  @media (max-width:560px){\n    .nm-missions{ padding:8px 6vw 56px; }\n    .nm-missions__grid{ grid-template-columns:1fr; }\n  }\n<\/style>\n\n<script>\n(function(){\n\n  \/* ==========================================================\n     CONFIG \u2014 \u00e0 \u00e9diter toi-m\u00eame si besoin.\n     ========================================================== *\/\n  var CONFIG = {\n    \/\/ Endpoint REST WordPress. Si tes permaliens fonctionnent\n    \/\/ normalement (R\u00e9glages > Permaliens), tu peux utiliser la\n    \/\/ forme courte \"\/wp-json\/wp\/v2\/posts\". Ici on utilise la\n    \/\/ route de secours native de WordPress (\"?rest_route=...\"),\n    \/\/ qui fonctionne M\u00caME si les URLs \"propres\" sont cass\u00e9es\n    \/\/ (comme actuellement, vu le \"index.php\" dans tes URLs) \u2014\n    \/\/ donc plus fiable en attendant que ce soit corrig\u00e9.\n    \/\/ Si tu cr\u00e9es un type de contenu personnalis\u00e9 \"missions\" plus\n    \/\/ tard, remplace \"\/wp\/v2\/posts\" par \"\/wp\/v2\/missions\".\n    endpoint: '\/index.php?rest_route=\/wp\/v2\/posts',\n\n    \/\/ Nombre d'articles \u00e0 afficher.\n    perPage: 4,\n\n    \/\/ Filtrer par cat\u00e9gorie : mets l'ID num\u00e9rique de la cat\u00e9gorie\n    \/\/ \"Missions\" si tu veux isoler ces articles du reste du blog.\n    \/\/ Laisse \"null\" pour prendre les derniers articles, toutes\n    \/\/ cat\u00e9gories confondues.\n    categoryId: null,\n\n    \/\/ Longueur max de l'extrait avant troncature (en caract\u00e8res).\n    excerptLength: 110\n  };\n\n  \/* ---------------------------------------------------------- *\/\n\n  function stripHtml(html){\n    var tmp = document.createElement('div');\n    tmp.innerHTML = html;\n    return (tmp.textContent || tmp.innerText || '').replace(\/\\s+\/g,' ').trim();\n  }\n\n  function truncate(text, maxLen){\n    if (text.length <= maxLen) return text;\n    var cut = text.slice(0, maxLen);\n    cut = cut.slice(0, cut.lastIndexOf(' '));\n    return cut + '\u2026';\n  }\n\n  function buildUrl(){\n    var sep = CONFIG.endpoint.indexOf('?') > -1 ? '&' : '?';\n    var url = CONFIG.endpoint + sep + 'per_page=' + CONFIG.perPage +\n               '&_embed=wp:featuredmedia,wp:term&orderby=date&order=desc';\n    if (CONFIG.categoryId) url += '&categories=' + CONFIG.categoryId;\n    return url;\n  }\n\n  function getFeaturedImage(post){\n    try {\n      var media = post._embedded['wp:featuredmedia'][0];\n      var sizes = media.media_details && media.media_details.sizes;\n      if (sizes && sizes.medium_large) return sizes.medium_large.source_url;\n      if (sizes && sizes.large) return sizes.large.source_url;\n      return media.source_url;\n    } catch(e){ return null; }\n  }\n\n  function getTerms(post){\n    var category = null, tag = null;\n    try {\n      var groups = post._embedded['wp:term'] || [];\n      groups.forEach(function(group){\n        group.forEach(function(term){\n          if (term.taxonomy === 'category' && !category && term.name.toLowerCase() !== 'non class\u00e9' && term.name.toLowerCase() !== 'uncategorized') category = term.name;\n          if (term.taxonomy === 'post_tag' && !tag) tag = term.name;\n        });\n      });\n    } catch(e){}\n    return { category: category, tag: tag };\n  }\n\n  function cardHtml(post){\n    var img = getFeaturedImage(post);\n    var terms = getTerms(post);\n    var title = stripHtml(post.title.rendered);\n    var excerpt = truncate(stripHtml(post.excerpt.rendered), CONFIG.excerptLength);\n    var link = post.link;\n\n    var metaParts = [];\n    if (terms.category) metaParts.push('<span class=\"nm-cat\">' + terms.category + '<\/span>');\n    if (terms.tag) metaParts.push('<span class=\"nm-tag\">' + terms.tag + '<\/span>');\n    var metaHtml = metaParts.length ? metaParts.join('<span class=\"nm-dot\">\u2022<\/span>') : '';\n\n    return (\n      '<article class=\"nm-mission-card\">' +\n        '<a href=\"' + link + '\" class=\"nm-mission-card__media\">' +\n          (img ? '<img decoding=\"async\" src=\"' + img + '\" alt=\"' + title.replace(\/\"\/g,'&quot;') + '\" loading=\"lazy\">' : '') +\n        '<\/a>' +\n        '<div class=\"nm-mission-card__body\">' +\n          (metaHtml ? '<p class=\"nm-mission-card__meta\">' + metaHtml + '<\/p>' : '') +\n          '<h3 class=\"nm-mission-card__title\"><a href=\"' + link + '\">' + title + '<\/a><\/h3>' +\n          '<p class=\"nm-mission-card__excerpt\">' + excerpt + '<\/p>' +\n          '<a href=\"' + link + '\" class=\"nm-mission-card__cta\">En savoir plus' +\n            '<svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>' +\n          '<\/a>' +\n        '<\/div>' +\n      '<\/article>'\n    );\n  }\n\n  function render(posts){\n    var grid = document.getElementById('nm-missions-grid');\n    if (!grid) return;\n\n    if (!posts.length){\n      grid.innerHTML = '<p class=\"nm-missions__empty\">Aucun article publi\u00e9 pour le moment.<\/p>';\n      return;\n    }\n    grid.innerHTML = posts.map(cardHtml).join('');\n  }\n\n  fetch(buildUrl())\n    .then(function(res){\n      if (!res.ok) throw new Error('Erreur API WordPress');\n      return res.json();\n    })\n    .then(render)\n    .catch(function(err){\n      console.error('Naos Mind \u2014 missions:', err);\n      var grid = document.getElementById('nm-missions-grid');\n      if (grid) grid.innerHTML = '<p class=\"nm-missions__empty\">Impossible de charger les missions pour le moment.<\/p>';\n    });\n\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2493e85 e-flex e-con-boxed e-con e-parent\" data-id=\"2493e85\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e17b6d8 elementor-widget elementor-widget-html\" data-id=\"e17b6d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     NAOS MIND \u2014 \"NOTRE FA\u00c7ON DE TRAVAILLER\"\n     \u00c0 coller dans un nouveau widget \"HTML\" Elementor, juste sous\n     le bloc \"Missions s\u00e9lectionn\u00e9es\".\n     ============================================================ -->\n<section class=\"nm-way\">\n  <div class=\"nm-way__wrap\">\n\n    <div class=\"nm-way__head\">\n      <h2 class=\"nm-way__title\">\n        Notre fa\u00e7on<br><span class=\"nm-accent\">de travailler<\/span>\n      <\/h2>\n    <\/div>\n\n    <div class=\"nm-way__grid\">\n\n      <div class=\"nm-way__item\">\n        <div class=\"nm-way__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 5.5h16v10H9.5L5 19.5V15.5H4v-10Z\"\/><\/svg>\n        <\/div>\n        <span class=\"nm-way__num\">01<\/span>\n        <h3 class=\"nm-way__item-title\">Dire les choses. T\u00f4t.<\/h3>\n        <p class=\"nm-way__desc\">Clart\u00e9 avant vitesse.<\/p>\n      <\/div>\n\n      <div class=\"nm-way__item\">\n        <div class=\"nm-way__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"8.5\"\/><circle cx=\"12\" cy=\"12\" r=\"4.5\"\/><circle cx=\"12\" cy=\"12\" r=\"0.9\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n        <\/div>\n        <span class=\"nm-way__num\">02<\/span>\n        <h3 class=\"nm-way__item-title\">Challenger avant d'ex\u00e9cuter.<\/h3>\n        <p class=\"nm-way__desc\">Les bonnes questions font les bons projets.<\/p>\n      <\/div>\n\n      <div class=\"nm-way__item\">\n        <div class=\"nm-way__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 18h6M10 21h4M8 10.5A4 4 0 1 1 16 10.5c0 2-1.4 2.9-2 4-.3.5-.5 1-.5 1.5h-3c0-.5-.2-1-.5-1.5-.6-1.1-2-2-2-4Z\"\/><\/svg>\n        <\/div>\n        <span class=\"nm-way__num\">03<\/span>\n        <h3 class=\"nm-way__item-title\">Cr\u00e9er avec une raison.<\/h3>\n        <p class=\"nm-way__desc\">Chaque id\u00e9e sert un objectif.<\/p>\n      <\/div>\n\n      <div class=\"nm-way__item\">\n        <div class=\"nm-way__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"8\" r=\"3.4\"\/><path d=\"M5 19.5c0-3.4 3-6 7-6s7 2.6 7 6\"\/><\/svg>\n        <\/div>\n        <span class=\"nm-way__num\">04<\/span>\n        <h3 class=\"nm-way__item-title\">Prendre ownership.<\/h3>\n        <p class=\"nm-way__desc\">On s'engage comme si c'\u00e9tait nous.<\/p>\n      <\/div>\n\n      <div class=\"nm-way__item\">\n        <div class=\"nm-way__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"8.5\"\/><path d=\"M12 7v5l3.3 2\"\/><\/svg>\n        <\/div>\n        <span class=\"nm-way__num\">05<\/span>\n        <h3 class=\"nm-way__item-title\">Respecter le temps.<\/h3>\n        <p class=\"nm-way__desc\">Le v\u00f4tre, comme le n\u00f4tre.<\/p>\n      <\/div>\n\n      <div class=\"nm-way__item\">\n        <div class=\"nm-way__icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"8.5\" cy=\"9\" r=\"2.8\"\/><path d=\"M3 19c0-2.8 2.5-5 5.5-5s5.5 2.2 5.5 5\"\/><circle cx=\"17\" cy=\"9.5\" r=\"2.1\"\/><path d=\"M15.8 14.3c2 .3 3.7 1.9 3.7 4\"\/><\/svg>\n        <\/div>\n        <span class=\"nm-way__num\">06<\/span>\n        <h3 class=\"nm-way__item-title\">Savoir s'entourer.<\/h3>\n        <p class=\"nm-way__desc\">Les meilleurs talents, au bon moment.<\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .nm-way{\n    --nm-bg:#080d16;\n    --nm-cyan:#29e0e6;\n    --nm-white:#f4f7fa;\n    --nm-muted:#9aa5b8;\n\n    background:var(--nm-bg);\n    padding:16px 3vw 80px;\n    font-family:'Poppins','Inter',system-ui,-apple-system,sans-serif;\n    color:var(--nm-white);\n\n    \/* full-bleed *\/\n    width:100vw;\n    position:relative;\n    left:50%;\n    right:50%;\n    margin-left:-50vw;\n    margin-right:-50vw;\n  }\n  .nm-way *{ box-sizing:border-box; }\n\n  .nm-way__wrap{\n    max-width:1300px;\n    margin:0 auto;\n    display:flex;\n    align-items:flex-start;\n    gap:48px;\n    border-top:1.5px solid rgba(255,255,255,0.16);\n    padding-top:40px;\n  }\n\n  .nm-way__head{ flex:0 0 250px; }\n  .nm-way__title{\n    font-size:clamp(26px,2.6vw,32px);\n    line-height:1.15;\n    font-weight:600;\n    margin:0;\n    color:var(--nm-white) !important;\n  }\n  .nm-accent{ color:var(--nm-cyan) !important; }\n\n  .nm-way__grid{\n    flex:1;\n    display:grid;\n    grid-template-columns:repeat(6,minmax(0,1fr));\n    gap:22px 16px;\n  }\n\n  .nm-way__item{\n    min-width:0;\n    border-left:1px solid rgba(255,255,255,0.1);\n    padding-left:16px;\n  }\n  .nm-way__item:first-child{ border-left:none; padding-left:0; }\n\n  .nm-way__icon{\n    width:26px;\n    height:26px;\n    margin-bottom:14px;\n  }\n  .nm-way__icon svg{\n    width:100%;\n    height:100%;\n    stroke:var(--nm-cyan);\n    stroke-width:1.5;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n  }\n\n  .nm-way__num{\n    display:block;\n    font-size:11.5px;\n    font-weight:600;\n    letter-spacing:.05em;\n    color:var(--nm-muted);\n    margin-bottom:8px;\n  }\n\n  .nm-way__item-title{\n    font-size:14px;\n    font-weight:600;\n    line-height:1.3;\n    margin:0 0 8px;\n    color:var(--nm-white) !important;\n  }\n\n  .nm-way__desc{\n    font-size:13.5px;\n    line-height:1.58;\n    color:var(--nm-muted);\n    margin:0;\n  }\n\n  \/* ---------- responsive ---------- *\/\n  @media (max-width:1100px){\n    .nm-way__wrap{ flex-direction:column; gap:24px; }\n    .nm-way__head{ flex:none; }\n    .nm-way__grid{ width:100%; grid-template-columns:repeat(3,1fr); gap:28px 20px; }\n    \/* 3 colonnes : retire le trait en d\u00e9but de chaque ligne *\/\n    .nm-way__item:nth-child(3n+1){ border-left:none; padding-left:0; }\n    .nm-way__item{ border-left:1px solid rgba(255,255,255,0.1); padding-left:20px; }\n  }\n  @media (max-width:640px){\n    .nm-way{ padding:8px 6vw 56px; }\n    .nm-way__grid{ grid-template-columns:repeat(2,1fr); }\n    \/* 2 colonnes : retire le trait en d\u00e9but de chaque ligne *\/\n    .nm-way__item:nth-child(3n+1){ border-left:1px solid rgba(255,255,255,0.1); padding-left:20px; }\n    .nm-way__item:nth-child(2n+1){ border-left:none; padding-left:0; }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-88c30f4 e-con-full e-flex e-con e-parent\" data-id=\"88c30f4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63e1e8b elementor-widget elementor-widget-html\" data-id=\"63e1e8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     NAOS MIND \u2014 \"SMALL CORE. STRONG NETWORK.\" (v2, grille simplifi\u00e9e)\n     \u00c0 coller dans le widget \"HTML\" Elementor \u00e0 la place de\n     l'ancienne version.\n     ============================================================ -->\n<section class=\"nm-network-section\">\n  <div class=\"nm-network-section__wrap\">\n\n    <div class=\"nm-network-section__intro\">\n      <h2 class=\"nm-network-section__title\">\n        Small core.<br><span class=\"nm-accent\">Strong network.<\/span>\n      <\/h2>\n      <p class=\"nm-network-section__text\">\n        Un seul point de contact, un project lead senior. Les bons\n        sp\u00e9cialistes mobilis\u00e9s autour de la mission, au bon moment.\n        Agiles, fiables, align\u00e9s.\n      <\/p>\n    <\/div>\n\n    <div class=\"nm-network\">\n\n      <!-- traits de connexion, fins et anim\u00e9s -->\n      <svg class=\"nm-network__lines\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\">\n        <defs>\n          <filter id=\"nm-net-blur\"><feGaussianBlur stdDeviation=\"0.5\"\/><\/filter>\n        <\/defs>\n\n        <path id=\"nm-l1\" d=\"M50,12.5 L50,37.5\"\/>\n        <path id=\"nm-l2\" d=\"M16.667,37.5 L50,37.5\"\/>\n        <path id=\"nm-l3\" d=\"M50,37.5 L83.333,37.5\"\/>\n        <path id=\"nm-l4\" d=\"M50,37.5 L50,62.5\"\/>\n        <path id=\"nm-l5\" d=\"M16.667,37.5 L16.667,62.5\"\/>\n        <path id=\"nm-l6\" d=\"M83.333,37.5 L83.333,62.5\"\/>\n        <path id=\"nm-l7\" d=\"M16.667,62.5 L16.667,87.5\"\/>\n        <path id=\"nm-l8\" d=\"M83.333,62.5 L83.333,87.5\"\/>\n        <path id=\"nm-l9\" d=\"M16.667,87.5 L50,87.5\"\/>\n        <path id=\"nm-l10\" d=\"M50,87.5 L83.333,87.5\"\/>\n        <path id=\"nm-l11\" d=\"M50,62.5 L50,87.5\"\/>\n\n        <!-- points lumineux d\u00e9synchronis\u00e9s -->\n        <circle r=\"1.3\" class=\"nm-net-traveler\" filter=\"url(#nm-net-blur)\"><animateMotion dur=\"2.4s\" begin=\"0s\"   repeatCount=\"indefinite\"><mpath href=\"#nm-l1\"\/><\/animateMotion><\/circle>\n        <circle r=\"0.65\" class=\"nm-net-traveler nm-net-traveler--core\"><animateMotion dur=\"2.4s\" begin=\"0s\"   repeatCount=\"indefinite\"><mpath href=\"#nm-l1\"\/><\/animateMotion><\/circle>\n\n        <circle r=\"1.3\" class=\"nm-net-traveler\" filter=\"url(#nm-net-blur)\"><animateMotion dur=\"2.9s\" begin=\"0.5s\" repeatCount=\"indefinite\"><mpath href=\"#nm-l2\"\/><\/animateMotion><\/circle>\n        <circle r=\"0.65\" class=\"nm-net-traveler nm-net-traveler--core\"><animateMotion dur=\"2.9s\" begin=\"0.5s\" repeatCount=\"indefinite\"><mpath href=\"#nm-l2\"\/><\/animateMotion><\/circle>\n\n        <circle r=\"1.3\" class=\"nm-net-traveler\" filter=\"url(#nm-net-blur)\"><animateMotion dur=\"2.7s\" begin=\"1.1s\" repeatCount=\"indefinite\"><mpath href=\"#nm-l3\"\/><\/animateMotion><\/circle>\n        <circle r=\"0.65\" class=\"nm-net-traveler nm-net-traveler--core\"><animateMotion dur=\"2.7s\" begin=\"1.1s\" repeatCount=\"indefinite\"><mpath href=\"#nm-l3\"\/><\/animateMotion><\/circle>\n\n        <circle r=\"1.3\" class=\"nm-net-traveler\" filter=\"url(#nm-net-blur)\"><animateMotion dur=\"3.1s\" begin=\"0.3s\" repeatCount=\"indefinite\"><mpath href=\"#nm-l4\"\/><\/animateMotion><\/circle>\n        <circle r=\"0.65\" class=\"nm-net-traveler nm-net-traveler--core\"><animateMotion dur=\"3.1s\" begin=\"0.3s\" repeatCount=\"indefinite\"><mpath href=\"#nm-l4\"\/><\/animateMotion><\/circle>\n\n        <circle r=\"1.3\" class=\"nm-net-traveler\" filter=\"url(#nm-net-blur)\"><animateMotion dur=\"2.6s\" begin=\"1.4s\" repeatCount=\"indefinite\"><mpath href=\"#nm-l5\"\/><\/animateMotion><\/circle>\n        <circle r=\"0.65\" class=\"nm-net-traveler nm-net-traveler--core\"><animateMotion dur=\"2.6s\" begin=\"1.4s\" repeatCount=\"indefinite\"><mpath href=\"#nm-l5\"\/><\/animateMotion><\/circle>\n\n        <circle r=\"1.3\" class=\"nm-net-traveler\" filter=\"url(#nm-net-blur)\"><animateMotion dur=\"3.3s\" begin=\"0.8s\" repeatCount=\"indefinite\"><mpath href=\"#nm-l6\"\/><\/animateMotion><\/circle>\n        <circle r=\"0.65\" class=\"nm-net-traveler nm-net-traveler--core\"><animateMotion dur=\"3.3s\" begin=\"0.8s\" repeatCount=\"indefinite\"><mpath href=\"#nm-l6\"\/><\/animateMotion><\/circle>\n\n        <circle r=\"1.3\" class=\"nm-net-traveler\" filter=\"url(#nm-net-blur)\"><animateMotion dur=\"2.5s\" begin=\"0.2s\" repeatCount=\"indefinite\"><mpath href=\"#nm-l7\"\/><\/animateMotion><\/circle>\n        <circle r=\"0.65\" class=\"nm-net-traveler nm-net-traveler--core\"><animateMotion dur=\"2.5s\" begin=\"0.2s\" repeatCount=\"indefinite\"><mpath href=\"#nm-l7\"\/><\/animateMotion><\/circle>\n\n        <circle r=\"1.3\" class=\"nm-net-traveler\" filter=\"url(#nm-net-blur)\"><animateMotion dur=\"3.0s\" begin=\"1.7s\" repeatCount=\"indefinite\"><mpath href=\"#nm-l8\"\/><\/animateMotion><\/circle>\n        <circle r=\"0.65\" class=\"nm-net-traveler nm-net-traveler--core\"><animateMotion dur=\"3.0s\" begin=\"1.7s\" repeatCount=\"indefinite\"><mpath href=\"#nm-l8\"\/><\/animateMotion><\/circle>\n\n        <circle r=\"1.3\" class=\"nm-net-traveler\" filter=\"url(#nm-net-blur)\"><animateMotion dur=\"2.8s\" begin=\"1.0s\" repeatCount=\"indefinite\"><mpath href=\"#nm-l9\"\/><\/animateMotion><\/circle>\n        <circle r=\"0.65\" class=\"nm-net-traveler nm-net-traveler--core\"><animateMotion dur=\"2.8s\" begin=\"1.0s\" repeatCount=\"indefinite\"><mpath href=\"#nm-l9\"\/><\/animateMotion><\/circle>\n\n        <circle r=\"1.3\" class=\"nm-net-traveler\" filter=\"url(#nm-net-blur)\"><animateMotion dur=\"3.2s\" begin=\"0.6s\" repeatCount=\"indefinite\"><mpath href=\"#nm-l10\"\/><\/animateMotion><\/circle>\n        <circle r=\"0.65\" class=\"nm-net-traveler nm-net-traveler--core\"><animateMotion dur=\"3.2s\" begin=\"0.6s\" repeatCount=\"indefinite\"><mpath href=\"#nm-l10\"\/><\/animateMotion><\/circle>\n\n        <circle r=\"1.3\" class=\"nm-net-traveler\" filter=\"url(#nm-net-blur)\"><animateMotion dur=\"2.7s\" begin=\"1.5s\" repeatCount=\"indefinite\"><mpath href=\"#nm-l11\"\/><\/animateMotion><\/circle>\n        <circle r=\"0.65\" class=\"nm-net-traveler nm-net-traveler--core\"><animateMotion dur=\"2.7s\" begin=\"1.5s\" repeatCount=\"indefinite\"><mpath href=\"#nm-l11\"\/><\/animateMotion><\/circle>\n      <\/svg>\n\n      <!-- logo central -->\n      <div class=\"nm-network__core\" style=\"top:37.5%; left:50%;\">\n        <div class=\"nm-network__core-glow\"><\/div>\n        <img decoding=\"async\" src=\"https:\/\/naosmind.fr\/wp-content\/uploads\/2026\/08\/temple_naosmind.png\" alt=\"Naos Mind\">\n      <\/div>\n\n      <!-- noeuds -->\n      <span class=\"nm-node\" style=\"top:12.5%; left:50%;\">Strategy<\/span>\n      <span class=\"nm-node\" style=\"top:37.5%; left:16.667%;\">Media<\/span>\n      <span class=\"nm-node\" style=\"top:37.5%; left:83.333%;\">Creative<\/span>\n      <span class=\"nm-node\" style=\"top:62.5%; left:16.667%;\">Event<\/span>\n      <span class=\"nm-node nm-node--lead\" style=\"top:62.5%; left:50%;\">Project<br>Lead<\/span>\n      <span class=\"nm-node\" style=\"top:62.5%; left:83.333%;\">Production<\/span>\n      <span class=\"nm-node\" style=\"top:87.5%; left:16.667%;\">Broadcast<\/span>\n      <span class=\"nm-node\" style=\"top:87.5%; left:50%;\">Talent<\/span>\n      <span class=\"nm-node\" style=\"top:87.5%; left:83.333%;\">Digital<\/span>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  .nm-network-section{\n    --nm-bg:#080d16;\n    --nm-cyan:#29e0e6;\n    --nm-white:#f4f7fa;\n    --nm-muted:#9aa5b8;\n\n    background:var(--nm-bg);\n    padding:16px 3vw 88px;\n    font-family:'Poppins','Inter',system-ui,-apple-system,sans-serif;\n    color:var(--nm-white);\n\n    \/* full-bleed *\/\n    width:100vw;\n    position:relative;\n    left:50%;\n    right:50%;\n    margin-left:-50vw;\n    margin-right:-50vw;\n  }\n  .nm-network-section *{ box-sizing:border-box; }\n\n  .nm-network-section__wrap{\n    max-width:1300px;\n    margin:0 auto;\n    display:flex;\n    align-items:center;\n    gap:56px;\n    border-top:1.5px solid rgba(255,255,255,0.16);\n    padding-top:44px;\n  }\n\n  .nm-network-section__intro{ flex:0 0 320px; }\n  .nm-network-section__title{\n    font-size:clamp(26px,2.6vw,32px);\n    line-height:1.2;\n    font-weight:600;\n    margin:0 0 16px;\n    color:var(--nm-white) !important;\n  }\n  .nm-accent{ color:var(--nm-cyan) !important; }\n  .nm-network-section__text{\n    font-size:16px;\n    line-height:1.7;\n    color:var(--nm-muted);\n    margin:0;\n    max-width:340px;\n  }\n\n  \/* ---------- diagramme ---------- *\/\n  .nm-network{\n    position:relative;\n    flex:1;\n    width:100%;\n    max-width:600px;\n    aspect-ratio:1.25\/1;\n    margin:0 auto;\n  }\n\n  .nm-network__lines{ position:absolute; inset:0; width:100%; height:100%; }\n  .nm-network__lines path{\n    fill:none;\n    stroke:rgba(255,255,255,0.18);\n    stroke-width:0.5;\n    vector-effect:non-scaling-stroke;\n  }\n  .nm-net-traveler{ fill:var(--nm-cyan); opacity:.6; }\n  .nm-net-traveler--core{ fill:#ffffff; }\n\n  .nm-network__core{\n    position:absolute;\n    transform:translate(-50%,-50%);\n    width:12%;\n    aspect-ratio:1\/1;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    z-index:2;\n  }\n  .nm-network__core-glow{\n    position:absolute;\n    inset:-50%;\n    background:radial-gradient(circle, rgba(41,224,230,0.28) 0%, transparent 70%);\n    filter:blur(2px);\n    z-index:0;\n  }\n  .nm-network__core img{\n    position:relative;\n    z-index:1;\n    width:100%;\n    height:100%;\n    object-fit:contain;\n    filter:drop-shadow(0 0 10px rgba(41,224,230,0.5));\n  }\n\n  .nm-node{\n    position:absolute;\n    transform:translate(-50%,-50%);\n    text-align:center;\n    white-space:nowrap;\n    background:#0d1420;\n    border:1px solid rgba(255,255,255,0.14);\n    border-radius:7px;\n    padding:8px 14px;\n    font-size:12.5px;\n    font-weight:600;\n    line-height:1.25;\n    color:var(--nm-white);\n    box-shadow:0 4px 14px -6px rgba(0,0,0,0.5), 0 0 12px -6px rgba(41,224,230,0.3);\n    z-index:1;\n  }\n\n  .nm-node--lead{\n    font-size:14px;\n    font-weight:700;\n    padding:11px 18px;\n    border-radius:9px;\n    border-color:rgba(41,224,230,0.55);\n    color:var(--nm-cyan) !important;\n    box-shadow:0 4px 16px -6px rgba(0,0,0,0.55), 0 0 20px -5px rgba(41,224,230,0.5);\n  }\n\n  \/* ---------- responsive ---------- *\/\n  @media (max-width:1000px){\n    .nm-network-section__wrap{ flex-direction:column; gap:36px; }\n    .nm-network-section__intro{ flex:none; max-width:480px; }\n    .nm-network{ max-width:420px; }\n  }\n  @media (max-width:520px){\n    .nm-network-section{ padding:8px 6vw 64px; }\n    .nm-network{ max-width:320px; }\n    .nm-node{ font-size:10.5px; padding:6px 10px; border-radius:6px; }\n    .nm-node--lead{ font-size:11.5px; padding:8px 12px; }\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    .nm-net-traveler{ display:none; }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c694163 e-con-full e-flex e-con e-parent\" data-id=\"c694163\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fb4be9 elementor-widget elementor-widget-html\" data-id=\"3fb4be9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     NAOS MIND \u2014 CTA FINAL \"VOUS AVEZ QUELQUE CHOSE EN T\u00caTE ?\"\n     \u00c0 coller dans un nouveau widget \"HTML\" Elementor, juste sous\n     le bloc \"Small core. Strong network.\" (avant le footer).\n     ============================================================ -->\n<section class=\"nm-cta\">\n  <div class=\"nm-cta__wrap\">\n    <div class=\"nm-cta__box\">\n\n      <svg class=\"nm-cta__pattern\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n        <line x1=\"0\" y1=\"30\" x2=\"100\" y2=\"30\"\/>\n        <line x1=\"0\" y1=\"70\" x2=\"100\" y2=\"70\"\/>\n        <line x1=\"25\" y1=\"0\" x2=\"25\" y2=\"100\"\/>\n        <line x1=\"75\" y1=\"0\" x2=\"75\" y2=\"100\"\/>\n      <\/svg>\n      <div class=\"nm-cta__glow\"><\/div>\n\n      <h2 class=\"nm-cta__title\">\n        Vous avez quelque chose<br><span class=\"nm-accent\">en t\u00eate<\/span> ?\n      <\/h2>\n\n      <p class=\"nm-cta__text\">\n        Expliquez-nous o\u00f9 vous voulez aller.<br>\n        Nous vous dirons franchement si nous pouvons vous aider.\n      <\/p>\n\n      <a href=\"#contact\" class=\"nm-cta__btn\">\n        Parlons-en <span class=\"nm-arrow\">\u2192<\/span>\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .nm-cta{\n    --nm-bg:#080d16;\n    --nm-cyan:#29e0e6;\n    --nm-white:#f4f7fa;\n    --nm-muted:#8b96a8;\n\n    background:var(--nm-bg);\n    padding:16px 5vw 96px;\n    font-family:'Poppins','Inter',system-ui,-apple-system,sans-serif;\n    color:var(--nm-white);\n\n    \/* full-bleed *\/\n    width:100vw;\n    position:relative;\n    left:50%;\n    right:50%;\n    margin-left:-50vw;\n    margin-right:-50vw;\n  }\n  .nm-cta *{ box-sizing:border-box; }\n\n  .nm-cta__wrap{\n    max-width:1280px;\n    margin:0 auto;\n    padding-top:20px;\n  }\n\n  .nm-cta__box{\n    position:relative;\n    overflow:hidden;\n    background:linear-gradient(135deg, #0e1826 0%, #0a121e 60%, #0d1420 100%);\n    border:1px solid rgba(255,255,255,0.08);\n    border-radius:18px;\n    padding:52px 56px;\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:32px;\n    flex-wrap:wrap;\n  }\n\n  .nm-cta__pattern{\n    position:absolute;\n    inset:0;\n    width:100%;\n    height:100%;\n    opacity:.5;\n  }\n  .nm-cta__pattern line{\n    stroke:rgba(255,255,255,0.05);\n    stroke-width:1;\n    vector-effect:non-scaling-stroke;\n  }\n\n  .nm-cta__glow{\n    position:absolute;\n    top:-30%;\n    right:-6%;\n    width:340px;\n    height:340px;\n    background:radial-gradient(circle, rgba(41,224,230,0.18) 0%, transparent 70%);\n    pointer-events:none;\n  }\n\n  .nm-cta__title{\n    position:relative;\n    font-size:clamp(24px,2.6vw,30px);\n    line-height:1.25;\n    font-weight:600;\n    margin:0;\n    flex:0 1 380px;\n    color:var(--nm-white) !important;\n  }\n  .nm-accent{ color:var(--nm-cyan) !important; }\n\n  .nm-cta__text{\n    position:relative;\n    font-size:14.5px;\n    line-height:1.65;\n    color:var(--nm-muted);\n    margin:0;\n    flex:1 1 320px;\n    max-width:360px;\n  }\n\n  .nm-cta__btn{\n    position:relative;\n    display:inline-flex;\n    align-items:center;\n    gap:10px;\n    background:var(--nm-cyan);\n    color:#06121a;\n    font-size:14.5px;\n    font-weight:600;\n    text-decoration:none;\n    padding:15px 28px;\n    border-radius:8px;\n    flex:0 0 auto;\n    transition:transform .2s ease, opacity .2s ease;\n    white-space:nowrap;\n  }\n  .nm-cta__btn:hover{ transform:translateY(-2px); opacity:.92; }\n  .nm-arrow{ display:inline-block; transition:transform .2s ease; }\n  .nm-cta__btn:hover .nm-arrow{ transform:translateX(3px); }\n\n  \/* ---------- responsive ---------- *\/\n  @media (max-width:900px){\n    .nm-cta__box{\n      flex-direction:column;\n      align-items:flex-start;\n      padding:40px 32px;\n    }\n    .nm-cta__title, .nm-cta__text{ max-width:100%; flex:none; }\n    .nm-cta__btn{ margin-top:8px; }\n  }\n  @media (max-width:520px){\n    .nm-cta{ padding:8px 6vw 64px; }\n    .nm-cta__box{ padding:32px 22px; border-radius:14px; }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Terrainsde jeu Nos terrains de pr\u00e9dilection. Pas nos fronti\u00e8res. Gaming &amp; Esport Tech Sport Missionss\u00e9lectionn\u00e9es Quelques projets r\u00e9cents, directement issus de nos missions terrain. Notre fa\u00e7onde travailler 01 Dire les choses. T\u00f4t. Clart\u00e9 avant vitesse. 02 Challenger avant d&rsquo;ex\u00e9cuter. Les bonnes questions font les bons projets. 03 Cr\u00e9er avec une raison. Chaque id\u00e9e sert un [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-169","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/naosmind.fr\/en\/wp-json\/wp\/v2\/pages\/169","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/naosmind.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/naosmind.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/naosmind.fr\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/naosmind.fr\/en\/wp-json\/wp\/v2\/comments?post=169"}],"version-history":[{"count":142,"href":"https:\/\/naosmind.fr\/en\/wp-json\/wp\/v2\/pages\/169\/revisions"}],"predecessor-version":[{"id":340,"href":"https:\/\/naosmind.fr\/en\/wp-json\/wp\/v2\/pages\/169\/revisions\/340"}],"wp:attachment":[{"href":"https:\/\/naosmind.fr\/en\/wp-json\/wp\/v2\/media?parent=169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}