{"id":8,"date":"2025-09-18T18:44:59","date_gmt":"2025-09-18T18:44:59","guid":{"rendered":"https:\/\/ovaris.fr\/?page_id=8"},"modified":"2026-01-12T16:49:20","modified_gmt":"2026-01-12T16:49:20","slug":"home","status":"publish","type":"page","link":"https:\/\/ovaris.fr\/","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f80655b e-flex e-con-boxed e-con e-parent\" data-id=\"f80655b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7bed46b elementor-widget elementor-widget-html\" data-id=\"7bed46b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hero-landing-elementor-full\">  \r\n  <style>\r\n    html {\r\n      scroll-behavior: smooth;\r\n    }\r\n\r\n    .hero-landing-elementor-full {\r\n      width: 100vw !important;\r\n      max-width: 100vw !important;\r\n      margin: 0 !important;\r\n      padding: clamp(80px, 8vw, 140px) 0 90px;\r\n      position: relative;\r\n      left: 50%;\r\n      right: 50%;\r\n      transform: translateX(-50%);\r\n      background:\r\n        radial-gradient(1200px 600px at 15% 20%, rgba(48,213,255,0.08), transparent 60%),\r\n        radial-gradient(900px 500px at 85% 35%, rgba(122,124,255,0.10), transparent 60%),\r\n        linear-gradient(180deg, #0b1220 0%, #070d18 100%);\r\n      color: #e9f2ff;\r\n      text-align: center;\r\n      overflow: hidden;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .hero-landing-elementor-full .inner {\r\n      max-width: 100%;\r\n      width: 100%;\r\n      margin: 0 auto;\r\n      padding-inline: clamp(10px, 3vw, 40px);\r\n    }\r\n\r\n    .hero-landing-elementor-full h1 {\r\n      font-size: clamp(32px, 5.5vw, 64px);\r\n      font-weight: 800;\r\n      line-height: 1.1;\r\n      margin-bottom: 14px;\r\n      color: #30d5ff;\r\n    }\r\n\r\n    .hero-landing-elementor-full h1 .u {\r\n      background: linear-gradient(to right, #30d5ff, #7a7cff);\r\n      -webkit-background-clip: text;\r\n      background-clip: text;\r\n      color: transparent;\r\n      position: relative;\r\n    }\r\n\r\n    .hero-landing-elementor-full h1 .u::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0; right: 0; bottom: -5px; height: 3px;\r\n      background: linear-gradient(90deg, #30d5ff, #7a7cff);\r\n      border-radius: 3px;\r\n    }\r\n\r\n    .hero-landing-elementor-full .sub {\r\n      color: #a6b3c6;\r\n      max-width: 900px;\r\n      margin: 18px auto 24px;\r\n      font-size: clamp(16px, 1.8vw, 20px);\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .hero-landing-elementor-full .pills {\r\n      display: flex;\r\n      justify-content: center;\r\n      flex-wrap: wrap;\r\n      gap: 12px;\r\n      margin-top: 26px;\r\n    }\r\n\r\n    .hero-landing-elementor-full .pill {\r\n      position: relative;\r\n      padding: 0 18px;\r\n      height: 40px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border-radius: 999px;\r\n      font-weight: 800;\r\n      background: rgba(255,255,255,0.06);\r\n      border: 1px solid rgba(255,255,255,0.1);\r\n      backdrop-filter: blur(6px);\r\n      opacity: 0;\r\n      transform: translateY(12px) scale(.98);\r\n      transition: opacity .55s, transform .55s;\r\n      animation: pillGlow 6s ease-in-out infinite;\r\n    }\r\n\r\n    .hero-landing-elementor-full .pill.reveal {\r\n      opacity: 1;\r\n      transform: translateY(0) scale(1);\r\n    }\r\n\r\n    @keyframes pillGlow {\r\n      0%,100% { box-shadow: 0 0 0 rgba(48,213,255,0); }\r\n      50% { box-shadow: 0 0 22px rgba(48,213,255,.25); }\r\n    }\r\n\r\n    .hero-landing-elementor-full .ctas {\r\n      display: flex;\r\n      justify-content: center;\r\n      flex-wrap: wrap;\r\n      gap: 14px;\r\n      margin-top: 30px;\r\n    }\r\n\r\n    .hero-landing-elementor-full .btn {\r\n      font-weight: 800;\r\n      padding: 14px 22px;\r\n      border-radius: 14px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      text-decoration: none;\r\n      transition: transform 0.2s ease;\r\n    }\r\n\r\n    .hero-landing-elementor-full .btn-primary {\r\n      background: linear-gradient(135deg, #2b66ff, #3b82ff);\r\n      color: #fff;\r\n      box-shadow: 0 10px 30px rgba(43,102,255,0.35);\r\n    }\r\n\r\n    .hero-landing-elementor-full .btn-primary:hover {\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n    .hero-landing-elementor-full .btn-ghost {\r\n      background: rgba(255,255,255,0.06);\r\n      color: #fff;\r\n      border: 1px solid rgba(255,255,255,0.14);\r\n    }\r\n\r\n    .hero-landing-elementor-full .btn-ghost:hover {\r\n      background: rgba(255,255,255,0.10);\r\n      transform: translateY(-3px);\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"inner\">\r\n    <h1>\r\n      Transformez vos id\u00e9es en <span class=\"u\">solutions digitales innovantes<\/span>\r\n    <\/h1>\r\n\r\n    <p class=\"sub\">\r\n      Nous cr\u00e9ons des exp\u00e9riences digitales exceptionnelles qui propulsent votre croissance.\r\n    <\/p>\r\n\r\n    <div class=\"pills\">\r\n      <span class=\"pill active\">IA<\/span>\r\n      <span class=\"pill\">D\u00e9veloppement<\/span>\r\n      <span class=\"pill\">Marketing Digital<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"ctas\">\r\n      <!-- \u2705 SEUL CHANGEMENT ICI -->\r\n      <a href=\"https:\/\/calendly.com\/ovaris\/30min\" target=\"_blank\" class=\"btn btn-primary\" rel=\"nofollow noopener\">\r\n        Commencer maintenant\r\n      <\/a>\r\n      <a href=\"#expertises\" class=\"btn btn-ghost\">D\u00e9couvrir nos services<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      var pills = document.querySelectorAll('.hero-landing-elementor-full .pill');\r\n      if (!('IntersectionObserver' in window)) {\r\n        pills.forEach(function(p){ p.classList.add('reveal'); });\r\n        return;\r\n      }\r\n      var io = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(e){\r\n          if(e.isIntersecting){\r\n            e.target.classList.add('reveal');\r\n            io.unobserve(e.target);\r\n          }\r\n        });\r\n      }, {threshold: .35});\r\n\r\n      pills.forEach(function(p, i){\r\n        p.style.setProperty('--delay', (i*120)+'ms');\r\n        io.observe(p);\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\r\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-c49efc3 e-flex e-con-boxed e-con e-parent\" data-id=\"c49efc3\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95d20e0 elementor-widget elementor-widget-html\" data-id=\"95d20e0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Police script pour la signature -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Great+Vibes&display=swap\" rel=\"stylesheet\">\r\n\r\n<section style=\"width:100vw;max-width:100vw;margin:0!important;padding:90px 20px;position:relative;left:50%;transform:translateX(-50%);color:#e9f2ff;background:\r\nradial-gradient(1200px 600px at 15% 20%, rgba(48,213,255,.08), transparent 60%),\r\nradial-gradient(900px 500px at 85% 35%, rgba(122,124,255,.10), transparent 60%),\r\nlinear-gradient(180deg,#0b1220 0%, #070d18 100%);\r\nfont-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,'Noto Sans';\">\r\n  <div style=\"max-width:1300px;margin:0 auto;display:flex;flex-wrap:wrap;gap:40px;align-items:center;justify-content:space-between;\">\r\n\r\n    <!-- Colonne gauche -->\r\n    <div style=\"flex:1 1 420px;min-width:280px;\">\r\n      <!-- Grand titre responsive sur 2 lignes max -->\r\n      <h2 style=\"\r\n        font-size:clamp(26px,3.8vw,48px);\r\n        font-weight:900;\r\n        line-height:1.15;\r\n        margin:0 0 14px;\r\n        background:linear-gradient(90deg,#30d5ff 0%, #7a7cff 100%);\r\n        -webkit-background-clip:text;\r\n        background-clip:text;\r\n        color:transparent;\r\n        max-width:500px;\r\n        word-break:break-word;\r\n      \">\r\n        Votre partenaire digital<br>d'exception\r\n      <\/h2>\r\n\r\n      <!-- Sous-titre -->\r\n      <p style=\"color:#cfe1ff;font-size:18px;line-height:1.6;margin:0 0 20px;\">\r\n        Depuis 2025, nous transformons les ambitions digitales en succ\u00e8s concrets\r\n      <\/p>\r\n\r\n      <!-- Citation + signature -->\r\n      <div style=\"border-left:3px solid transparent;border-image:linear-gradient(to bottom,#30d5ff,#7a7cff) 1;padding-left:18px;margin-top:14px;\">\r\n        <p style=\"font-style:italic;color:#e9f2ff;margin:0 0 12px;\">\r\n          \"Notre force r\u00e9side dans notre capacit\u00e9 \u00e0 allier cr\u00e9ativit\u00e9 et expertise technique, tout en maintenant une veille constante sur les technologies de pointe.\"\r\n        <\/p>\r\n        <div style=\"font-family:'Great Vibes',cursive;font-size:32px;color:#30d5ff;line-height:1;margin-top:8px;\">\r\n          M. Safouane Assoufi\r\n        <\/div>\r\n        <div style=\"font-size:14px;color:#a6b3c6;margin-top:4px;\">Fondateur<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Colonne droite (3 cartes anim\u00e9es) -->\r\n    <div style=\"flex:1 1 620px;display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-start;align-items:stretch;\">\r\n      <!-- Card 1 -->\r\n      <div data-reveal data-delay=\"0\"\r\n        style=\"flex:1 1 calc(33.333% - 16px);min-width:200px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.04));\r\n        border:1px solid rgba(255,255,255,.10);border-radius:18px;text-align:center;padding:26px 20px;\r\n        box-shadow:0 16px 40px rgba(0,0,0,.35);\r\n        opacity:0;transform:translateY(30px) scale(0.95);\r\n        transition:opacity .8s cubic-bezier(.2,.8,.2,1), transform .8s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease, border-color .25s ease;\">\r\n        <div style=\"width:64px;height:64px;border-radius:16px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;\r\n          background:linear-gradient(135deg,#ffd15a,#f7a412);color:#fff;font-size:28px;\r\n          box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 12px 28px rgba(0,0,0,.25);\">\r\n          \ud83d\udca1\r\n        <\/div>\r\n        <h3 style=\"margin:0 0 10px;font-size:20px;font-weight:800;letter-spacing:.2px;color:#ffb84e;\">Excellence<\/h3>\r\n        <p style=\"margin:0;color:#cfe0f5;line-height:1.6;font-size:15px;\">Notre engagement envers l'excellence se refl\u00e8te dans chaque projet et chaque ligne de code.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 2 -->\r\n      <div data-reveal data-delay=\"120\"\r\n        style=\"flex:1 1 calc(33.333% - 16px);min-width:200px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.04));\r\n        border:1px solid rgba(255,255,255,.10);border-radius:18px;text-align:center;padding:26px 20px;\r\n        box-shadow:0 16px 40px rgba(0,0,0,.35);\r\n        opacity:0;transform:translateY(30px) scale(0.95);\r\n        transition:opacity .8s cubic-bezier(.2,.8,.2,1), transform .8s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease, border-color .25s ease;\">\r\n        <div style=\"width:64px;height:64px;border-radius:16px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;\r\n          background:linear-gradient(135deg,#24c3ff,#3a7bff);color:#fff;font-size:28px;\r\n          box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 12px 28px rgba(0,0,0,.25);\">\r\n          \u26a1\r\n        <\/div>\r\n        <h3 style=\"margin:0 0 10px;font-size:20px;font-weight:800;letter-spacing:.2px;color:#4eb6ff;\">Innovation<\/h3>\r\n        <p style=\"margin:0;color:#cfe0f5;line-height:1.6;font-size:15px;\">Nous restons \u00e0 la pointe de la technologie pour offrir des solutions toujours plus innovantes.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 3 -->\r\n      <div data-reveal data-delay=\"240\"\r\n        style=\"flex:1 1 calc(33.333% - 16px);min-width:200px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.04));\r\n        border:1px solid rgba(255,255,255,.10);border-radius:18px;text-align:center;padding:26px 20px;\r\n        box-shadow:0 16px 40px rgba(0,0,0,.35);\r\n        opacity:0;transform:translateY(30px) scale(0.95);\r\n        transition:opacity .8s cubic-bezier(.2,.8,.2,1), transform .8s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease, border-color .25s ease;\">\r\n        <div style=\"width:64px;height:64px;border-radius:16px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;\r\n          background:linear-gradient(135deg,#33e2b2,#18b58f);color:#fff;font-size:28px;\r\n          box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 12px 28px rgba(0,0,0,.25);\">\r\n          \ud83c\udfaf\r\n        <\/div>\r\n        <h3 style=\"margin:0 0 10px;font-size:20px;font-weight:800;letter-spacing:.2px;color:#55e7c4;\">R\u00e9activit\u00e9<\/h3>\r\n        <p style=\"margin:0;color:#cfe0f5;line-height:1.6;font-size:15px;\">Notre \u00e9quipe agile s'adapte rapidement \u00e0 vos besoins et aux \u00e9volutions du march\u00e9.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Animation au scroll -->\r\n<script>\r\n(function(){\r\n  var cards = document.querySelectorAll('[data-reveal]');\r\n  if(!cards.length) return;\r\n  function show(el, delay){\r\n    setTimeout(function(){\r\n      el.style.opacity = '1';\r\n      el.style.transform = 'translateY(0) scale(1)';\r\n    }, delay || 0);\r\n  }\r\n  if(!('IntersectionObserver' in window)){\r\n    cards.forEach(function(c){ show(c, parseInt(c.getAttribute('data-delay')||'0',10)); });\r\n    return;\r\n  }\r\n  var io = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(e){\r\n      if(e.isIntersecting){\r\n        show(e.target, parseInt(e.target.getAttribute('data-delay')||'0',10));\r\n        io.unobserve(e.target);\r\n      }\r\n    });\r\n  }, {threshold:.25});\r\n  cards.forEach(function(c){ io.observe(c); });\r\n})();\r\n<\/script>\r\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-09eff49 e-flex e-con-boxed e-con e-parent\" data-id=\"09eff49\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-acc4b58 elementor-widget elementor-widget-html\" data-id=\"acc4b58\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"expertises\" class=\"expertises-section centered\">\r\n  <style>\r\n    .expertises-section.centered, .expertises-section.centered *{ box-sizing:border-box; }\r\n    .expertises-section.centered{\r\n      width:100vw; max-width:100vw; left:50%; transform:translateX(-50%);\r\n      margin:0 !important; padding: clamp(50px,5.5vw,90px) 0;\r\n      background: linear-gradient(180deg,#f9fbff 0%,#ffffff 100%);\r\n      color:#0f172a; position:relative; overflow:hidden;\r\n      font-family: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, \"Noto Sans\";\r\n    }\r\n    .expertises-wrap{ max-width:1200px; margin:0 auto; padding:0 clamp(14px,3vw,24px); }\r\n\r\n    \/* Titre + sous-titre CENTR\u00c9S (marges r\u00e9duites) *\/\r\n    .expertises-head{ text-align:center; margin-bottom:22px; }\r\n    .expertises-head h2{\r\n      margin:0; font-weight:900; line-height:1.12;\r\n      font-size: clamp(26px,3.4vw,38px); color:#0b1630;\r\n    }\r\n    .expertises-head .accent{\r\n      background: linear-gradient(90deg,#1cc8ff 0%,#5a6bff 100%);\r\n      -webkit-background-clip:text; background-clip:text; color:transparent;\r\n    }\r\n    .expertises-head .sub{\r\n      color:#5b6b81; font-size: clamp(15px,2.1vw,20px); font-weight:800; margin-top:6px;\r\n    }\r\n    .expertises-head .bar{\r\n      display:inline-block; height:4px; width:72px; border-radius:4px; margin-top:8px;\r\n      background: linear-gradient(90deg,#1cc8ff,#7a7cff);\r\n    }\r\n    .expertises-head p{\r\n      color:#6b7a90; margin:10px auto 0; max-width:820px; font-size:14.5px;\r\n    }\r\n\r\n    \/* Grille fluide SANS VIDE : auto-fit remplit la rang\u00e9e *\/\r\n    .cards-grid{\r\n      display:grid; gap:16px; margin-top:18px;\r\n      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n      align-items:stretch;\r\n    }\r\n\r\n    \/* Cartes harmonis\u00e9es + centr\u00e9es *\/\r\n    .card{\r\n      background:#fff; border:1px solid rgba(2,6,23,.08);\r\n      border-radius:16px; padding:20px;\r\n      box-shadow: 0 8px 22px rgba(15,23,42,.06);\r\n      transform: translateY(12px); opacity:0;\r\n      transition: transform .35s cubic-bezier(.2,.8,.2,1), opacity .35s ease, border-color .18s ease, box-shadow .18s ease;\r\n      display:flex; flex-direction:column; align-items:center; text-align:center; min-height:100%;\r\n    }\r\n    .card.reveal{ transform: translateY(0); opacity:1; }\r\n    .card:hover{ border-color: rgba(2,6,23,.14); box-shadow: 0 14px 30px rgba(15,23,42,.1); }\r\n\r\n    \/* Ic\u00f4ne centr\u00e9e *\/\r\n    .icon{\r\n      width:60px; height:60px; border-radius:16px; display:flex; align-items:center; justify-content:center;\r\n      font-size:26px; color:#fff; margin-bottom:10px;\r\n      background:linear-gradient(135deg,#c9f8ff,#aee8ff); color:#0ca3d9;\r\n      box-shadow: inset 0 0 0 1px rgba(12,163,217,.15);\r\n    }\r\n    .icon.motion { background:linear-gradient(135deg,#fbd5ff,#c7d2fe); color:#6b21a8; }\r\n    .icon.screen { background:linear-gradient(135deg,#d7e8ff,#c7e0ff); color:#2f66ff; }\r\n    .icon.mobile { background:linear-gradient(135deg,#d7fff3,#c3ffe9); color:#08b08a; }\r\n    .icon.code   { background:linear-gradient(135deg,#d9f3ff,#c7ecff); color:#1991ff; }\r\n    .icon.chart  { background:linear-gradient(135deg,#dff2ff,#caeaff); color:#2aa0ff; }\r\n    .icon.brain  { background:linear-gradient(135deg,#ccfbf1,#99f6e4); color:#0f766e; }\r\n\r\n    \/* Titres\/texte plus compacts *\/\r\n    .card h3{ margin:0 0 6px; font-size:17px; font-weight:900; color:#0e1726; }\r\n    .lead{ margin:0 0 8px; color:#5b6b81; font-size:14px; }\r\n\r\n    \/* Chips centr\u00e9s *\/\r\n    .chips{ display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin:8px 0 0; }\r\n    .chip{\r\n      font-size:12px; padding:6px 10px; border-radius:999px;\r\n      background:#f3f6ff; color:#304c8e; border:1px solid rgba(48,76,142,.12);\r\n      font-weight:700;\r\n    }\r\n\r\n    \/* Meta centr\u00e9e *\/\r\n    .meta{\r\n      margin-top:8px; color:#7b8aa3; font-size:12.5px; display:flex; flex-wrap:wrap; gap:6px; justify-content:center;\r\n    }\r\n    .meta span::after{ content:\"\u2022\"; margin:0 6px; opacity:.5; }\r\n    .meta span:last-child::after{ content:\"\"; }\r\n\r\n    \/* Carte Motion design mise en avant (sans casser la grille) *\/\r\n    .card.featured{\r\n      border-width:2px; border-color: rgba(48,118,255,.18);\r\n      background:\r\n        linear-gradient(180deg,#ffffff 0%,#f8fbff 100%),\r\n        radial-gradient(200% 140% at 0% 0%, rgba(28,200,255,.06), transparent 40%);\r\n    }\r\n\r\n    \/* Responsive fins *\/\r\n    @media (max-width:480px){\r\n      .icon{ width:56px; height:56px; font-size:24px; }\r\n      .card h3{ font-size:16px; }\r\n      .lead{ font-size:13.5px; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"expertises-wrap\">\r\n    <div class=\"expertises-head\">\r\n      <h2>Nos <span class=\"accent\">expertises<\/span><\/h2>\r\n      <div class=\"sub\">au service de votre croissance<br><span class=\"bar\"><\/span><\/div>\r\n      <p>Des solutions innovantes pour propulser votre entreprise vers le futur digital.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cards-grid\">\r\n      <!-- Motion design & Animation 2D\/3D -->\r\n      <article class=\"card featured\">\r\n        <div class=\"icon motion\">\ud83c\udfac<\/div>\r\n        <h3>Motion design & Animation 2D\/3D<\/h3>\r\n        <p class=\"lead\">Explainers, logos anim\u00e9s, UI motion, packshots 3D et contenus sociaux.<\/p>\r\n        <div class=\"chips\">\r\n          <span class=\"chip\">Explainer 2D<\/span><span class=\"chip\">Produit 3D<\/span>\r\n          <span class=\"chip\">Logo reveal<\/span><span class=\"chip\">UI motion<\/span>\r\n        <\/div>\r\n        <div class=\"meta\">\r\n          <span>Storyboards & styleframes<\/span><span>Sound design<\/span><span>D\u00e9clinaisons 16:9 \u00b7 1:1 \u00b7 9:16<\/span>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Consulting -->\r\n      <article class=\"card\">\r\n        <div class=\"icon brain\">\ud83e\udde0<\/div>\r\n        <h3>Consulting Informatique & Digital<\/h3>\r\n        <p class=\"lead\">Strat\u00e9gies data-driven et optimisation de vos \u00e9cosyst\u00e8mes.<\/p>\r\n        <div class=\"chips\">\r\n          <span class=\"chip\">Audit<\/span><span class=\"chip\">Roadmap<\/span><span class=\"chip\">Gouvernance<\/span>\r\n        <\/div>\r\n        <div class=\"meta\">\r\n          <span>Analyses pr\u00e9dictives<\/span><span>Automatisation<\/span><span>Optimisation<\/span>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Sites Web -->\r\n      <article class=\"card\">\r\n        <div class=\"icon screen\">\ud83d\udda5\ufe0f<\/div>\r\n        <h3>Cr\u00e9ation Sites Web<\/h3>\r\n        <p class=\"lead\">Sites vitrine et e-commerce rapides, SEO-ready.<\/p>\r\n        <div class=\"chips\">\r\n          <span class=\"chip\">WordPress<\/span><span class=\"chip\">React<\/span><span class=\"chip\">Next.js<\/span>\r\n        <\/div>\r\n        <div class=\"meta\">\r\n          <span>Core Web Vitals<\/span><span>Accessibilit\u00e9<\/span><span>Tracking<\/span>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Apps Web -->\r\n      <article class=\"card\">\r\n        <div class=\"icon code\">\u2329\u232a<\/div>\r\n        <h3>Applications Web<\/h3>\r\n        <p class=\"lead\">Apps sur-mesure pour digitaliser vos processus.<\/p>\r\n        <div class=\"chips\">\r\n          <span class=\"chip\">React<\/span><span class=\"chip\">Node.js<\/span><span class=\"chip\">API<\/span>\r\n        <\/div>\r\n        <div class=\"meta\">\r\n          <span>Auth & s\u00e9curit\u00e9<\/span><span>Base de donn\u00e9es<\/span>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Apps Mobiles -->\r\n      <article class=\"card\">\r\n        <div class=\"icon mobile\">\ud83d\udcf1<\/div>\r\n        <h3>Applications Mobiles<\/h3>\r\n        <p class=\"lead\">iOS & Android performantes, exp\u00e9rience premium.<\/p>\r\n        <div class=\"chips\">\r\n          <span class=\"chip\">React Native<\/span><span class=\"chip\">Flutter<\/span><span class=\"chip\">Expo<\/span>\r\n        <\/div>\r\n        <div class=\"meta\">\r\n          <span>Store deployment<\/span><span>Analytics<\/span>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Marketing Digital -->\r\n      <article class=\"card\">\r\n        <div class=\"icon chart\">\ud83d\udcc8<\/div>\r\n        <h3>Marketing Digital<\/h3>\r\n        <p class=\"lead\">Acquisition, conversion, r\u00e9tention & automation.<\/p>\r\n        <div class=\"chips\">\r\n          <span class=\"chip\">SEO<\/span><span class=\"chip\">Ads<\/span><span class=\"chip\">Analytics<\/span>\r\n        <\/div>\r\n        <div class=\"meta\">\r\n          <span>Funnels<\/span><span>A\/B Testing<\/span><span>CRM<\/span>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- R\u00e9v\u00e9lation \u00e0 l\u2019apparition (douce). Supprime ce script si tu veux z\u00e9ro effet. -->\r\n  <script>\r\n    (function(){\r\n      const cards = document.querySelectorAll('#expertises .card');\r\n      if (!('IntersectionObserver' in window)) { cards.forEach(c => c.classList.add('reveal')); return; }\r\n      const io = new IntersectionObserver((entries)=>{\r\n        entries.forEach(entry=>{\r\n          if(entry.isIntersecting){\r\n            entry.target.classList.add('reveal');\r\n            io.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, {threshold: 0.18});\r\n      cards.forEach((card,i)=>{ card.style.transitionDelay = (i*80)+'ms'; io.observe(card); });\r\n    })();\r\n  <\/script>\r\n<\/section>\r\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-4213537 e-flex e-con-boxed e-con e-parent\" data-id=\"4213537\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e554a6d elementor-widget elementor-widget-html\" data-id=\"e554a6d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"sectors-section no-images\">\r\n  <style>\r\n    .sectors-section.no-images{\r\n      width:100vw; max-width:100vw; left:50%; transform:translateX(-50%);\r\n      margin:0 !important; padding: clamp(70px,7vw,120px) 0;\r\n      position:relative; box-sizing:border-box; overflow:hidden; text-align:center;\r\n      color:#e9f2ff; font-family: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, \"Noto Sans\";\r\n      background:\r\n        radial-gradient(1200px 600px at 15% 20%, rgba(48,213,255,0.08), transparent 60%),\r\n        radial-gradient(900px 500px at 85% 35%, rgba(122,124,255,0.10), transparent 60%),\r\n        linear-gradient(180deg, #0b1220 0%, #070d18 100%);\r\n    }\r\n    .sectors-wrap{ max-width:1080px; margin:0 auto; padding:0 clamp(16px,4vw,32px); }\r\n\r\n    .sectors-head h2{\r\n      margin:0; font-weight:900; line-height:1.15; font-size: clamp(26px,3.6vw,40px);\r\n    }\r\n    .sectors-head .accent{\r\n      background: linear-gradient(90deg,#1cc8ff 0%,#5a6bff 100%);\r\n      -webkit-background-clip:text; background-clip:text; color:transparent;\r\n    }\r\n    .sectors-head .sub{\r\n      margin-top:6px; font-size: clamp(18px,2.4vw,28px); font-weight:800;\r\n    }\r\n    .sectors-head .bar{\r\n      display:inline-block; height:4px; width:74px; border-radius:4px; margin-top:10px;\r\n      background: linear-gradient(90deg,#1cc8ff,#7a7cff);\r\n    }\r\n    .sectors-head p{ margin:16px auto 28px; max-width:860px; color:#a9b6c9; }\r\n\r\n    .sector{\r\n      position:relative; border-radius:16px; overflow:hidden; text-align:left;\r\n      border:1px solid rgba(255,255,255,.10);\r\n      background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));\r\n      box-shadow: 0 10px 30px rgba(0,0,0,.25);\r\n      margin:16px 0;\r\n      transform: translateY(12px); opacity:0;\r\n      transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .55s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease;\r\n    }\r\n    .sector.reveal{ transform: translateY(0); opacity:1; }\r\n\r\n    .sector::before{\r\n      content:\"\"; position:absolute; left:0; top:0; bottom:0; width:6px;\r\n      background: linear-gradient(180deg,#1cc8ff,#7a7cff); opacity:.9;\r\n    }\r\n\r\n    .sector:hover{\r\n      box-shadow: 0 16px 46px rgba(0,0,0,.35);\r\n      border-color: rgba(255,255,255,.18);\r\n      background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04));\r\n    }\r\n\r\n    .sector .row{\r\n      display:flex; align-items:center; gap:14px; padding:18px 22px; min-height:74px;\r\n      cursor:pointer;\r\n    }\r\n\r\n    .icon{\r\n      width:38px; height:38px; border-radius:10px; flex:none;\r\n      display:flex; align-items:center; justify-content:center; font-size:18px;\r\n      background: linear-gradient(135deg,#b9f1ff,#9de8ff); color:#0ca3d9;\r\n      box-shadow: inset 0 0 0 1px rgba(12,163,217,.18);\r\n    }\r\n\r\n    .sector h3{\r\n      margin:0; font-size:18px; font-weight:800; letter-spacing:.2px; color:#30d5ff;\r\n    }\r\n    .sector .desc{ margin-top:3px; color:#b8c4d7; font-size:14px; }\r\n\r\n    .chev{\r\n      margin-left:auto; width:30px; height:30px; border-radius:50%;\r\n      display:flex; align-items:center; justify-content:center; flex:none;\r\n      background: rgba(255,255,255,.06);\r\n      border:1px solid rgba(255,255,255,.12);\r\n      color:#6ee7f9;\r\n      transition: transform .25s ease, background .25s ease;\r\n    }\r\n    .sector:hover .chev{ background: rgba(255,255,255,.10); }\r\n    .sector.open .chev{ transform: rotate(90deg); }\r\n\r\n    .details{\r\n      overflow:hidden; max-height:0; opacity:0;\r\n      transition:max-height .35s ease,opacity .35s ease;\r\n      border-top:1px solid rgba(255,255,255,.06);\r\n      background: linear-gradient(90deg, rgba(255,255,255,.05), rgba(255,255,255,.02));\r\n      backdrop-filter: blur(2px);\r\n    }\r\n    .details-inner{ padding:14px 22px 18px 22px; color:#c7d2e5; }\r\n    .details-inner ul{ margin:0; padding-left:18px; display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:8px 20px; }\r\n    .details-inner li{ font-size:14px; line-height:1.5; }\r\n    @media (max-width:680px){ .details-inner ul{ grid-template-columns:1fr; } }\r\n\r\n    \/* Variantes ic\u00f4nes *\/\r\n    .icon.med    { background:linear-gradient(135deg,#d7fff3,#c3ffe9); color:#08b08a; }\r\n    .icon.life   { background:linear-gradient(135deg,#d9f3ff,#c7ecff); color:#1991ff; }\r\n    .icon.prop   { background:linear-gradient(135deg,#d7e8ff,#c7e0ff); color:#2f66ff; }\r\n    .icon.shop   { background:linear-gradient(135deg,#dff2ff,#caeaff); color:#2aa0ff; }\r\n    .icon.law    { background:linear-gradient(135deg,#e4d7ff,#c8b6ff); color:#6135d1; }\r\n    .icon.coach  { background:linear-gradient(135deg,#d4ffe3,#b4f8cc); color:#0d9d5d; }\r\n  <\/style>\r\n\r\n  <div class=\"sectors-wrap\">\r\n    <div class=\"sectors-head\">\r\n      <h2><span class=\"accent\">Une expertise reconnue<\/span><\/h2>\r\n      <div class=\"sub\">dans des secteurs d\u2019excellence<br><span class=\"bar\"><\/span><\/div>\r\n      <p>Nous accompagnons les leaders de demain dans leur transformation digitale.<\/p>\r\n    <\/div>\r\n\r\n    <!-- SaaS & B2B Tech -->\r\n    <article class=\"sector\" aria-expanded=\"false\">\r\n      <div class=\"row\" role=\"button\" tabindex=\"0\" aria-label=\"Afficher la description SaaS & B2B Tech\">\r\n        <div class=\"icon\">\ud83d\udcbc<\/div>\r\n        <div>\r\n          <h3>SaaS & B2B Tech<\/h3>\r\n          <div class=\"desc\">Solutions cloud et outils professionnels<\/div>\r\n        <\/div>\r\n        <div class=\"chev\">\u203a<\/div>\r\n      <\/div>\r\n      <div class=\"details\">\r\n        <div class=\"details-inner\">\r\n          <ul>\r\n            <li>Plateformes multi-tenant & APIs<\/li>\r\n            <li>Automatisation & int\u00e9grations<\/li>\r\n            <li>Analytics & BI<\/li>\r\n            <li>CI\/CD & s\u00e9curit\u00e9<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Sant\u00e9 & Pharmacie -->\r\n    <article class=\"sector\" aria-expanded=\"false\">\r\n      <div class=\"row\" role=\"button\" tabindex=\"0\" aria-label=\"Afficher la description Sant\u00e9 & Pharmacie\">\r\n        <div class=\"icon med\">\ud83e\ude7a<\/div>\r\n        <div>\r\n          <h3>Sant\u00e9 & Pharmacie<\/h3>\r\n          <div class=\"desc\">Digitalisation du secteur m\u00e9dical<\/div>\r\n        <\/div>\r\n        <div class=\"chev\">\u203a<\/div>\r\n      <\/div>\r\n      <div class=\"details\">\r\n        <div class=\"details-inner\">\r\n          <ul>\r\n            <li>Portails patients & t\u00e9l\u00e9m\u00e9decine<\/li>\r\n            <li>Interop\u00e9rabilit\u00e9 HL7\/FHIR<\/li>\r\n            <li>Confidentialit\u00e9 & RGPD<\/li>\r\n            <li>Tra\u00e7abilit\u00e9 & qualit\u00e9<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Bien-\u00eatre & Lifestyle -->\r\n    <article class=\"sector\" aria-expanded=\"false\">\r\n      <div class=\"row\" role=\"button\" tabindex=\"0\" aria-label=\"Afficher la description Bien-\u00eatre & Lifestyle\">\r\n        <div class=\"icon life\">\ud83d\udc99<\/div>\r\n        <div>\r\n          <h3>Bien-\u00eatre & Lifestyle<\/h3>\r\n          <div class=\"desc\">Applications et plateformes innovantes<\/div>\r\n        <\/div>\r\n        <div class=\"chev\">\u203a<\/div>\r\n      <\/div>\r\n      <div class=\"details\">\r\n        <div class=\"details-inner\">\r\n          <ul>\r\n            <li>Applications coaching<\/li>\r\n            <li>Mon\u00e9tisation & abonnements<\/li>\r\n            <li>Gamification & engagement<\/li>\r\n            <li>Back-office & CRM<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Immobilier & PropTech -->\r\n    <article class=\"sector\" aria-expanded=\"false\">\r\n      <div class=\"row\" role=\"button\" tabindex=\"0\" aria-label=\"Afficher la description Immobilier & PropTech\">\r\n        <div class=\"icon prop\">\ud83c\udfe2<\/div>\r\n        <div>\r\n          <h3>Immobilier & PropTech<\/h3>\r\n          <div class=\"desc\">Transformation digitale immobili\u00e8re<\/div>\r\n        <\/div>\r\n        <div class=\"chev\">\u203a<\/div>\r\n      <\/div>\r\n      <div class=\"details\">\r\n        <div class=\"details-inner\">\r\n          <ul>\r\n            <li>Portails & extranets<\/li>\r\n            <li>Gestion locative<\/li>\r\n            <li>Cartographie interactive<\/li>\r\n            <li>Connecteurs ERP<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- E-commerce & Retail -->\r\n    <article class=\"sector\" aria-expanded=\"false\">\r\n      <div class=\"row\" role=\"button\" tabindex=\"0\" aria-label=\"Afficher la description E-commerce & Retail\">\r\n        <div class=\"icon shop\">\ud83d\uded2<\/div>\r\n        <div>\r\n          <h3>E-commerce & Retail<\/h3>\r\n          <div class=\"desc\">Solutions de vente en ligne innovantes<\/div>\r\n        <\/div>\r\n        <div class=\"chev\">\u203a<\/div>\r\n      <\/div>\r\n      <div class=\"details\">\r\n        <div class=\"details-inner\">\r\n          <ul>\r\n            <li>Headless (Next.js \/ Shopify)<\/li>\r\n            <li>Performance & Core Web Vitals<\/li>\r\n            <li>Personnalisation & A\/B testing<\/li>\r\n            <li>OMS & automatisations<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Avocats & Juridique -->\r\n    <article class=\"sector\" aria-expanded=\"false\">\r\n      <div class=\"row\" role=\"button\" tabindex=\"0\" aria-label=\"Afficher la description Avocats & Juridique\">\r\n        <div class=\"icon law\">\u2696\ufe0f<\/div>\r\n        <div>\r\n          <h3>Avocats & Juridique<\/h3>\r\n          <div class=\"desc\">Solutions digitales pour les cabinets et \u00e9tudes<\/div>\r\n        <\/div>\r\n        <div class=\"chev\">\u203a<\/div>\r\n      <\/div>\r\n      <div class=\"details\">\r\n        <div class=\"details-inner\">\r\n          <ul>\r\n            <li>Sites vitrines & extranets clients<\/li>\r\n            <li>Gestion documentaire & RDV en ligne<\/li>\r\n            <li>Signature \u00e9lectronique & conformit\u00e9<\/li>\r\n            <li>Automatisation de t\u00e2ches r\u00e9currentes<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Coaching & Formation -->\r\n    <article class=\"sector\" aria-expanded=\"false\">\r\n      <div class=\"row\" role=\"button\" tabindex=\"0\" aria-label=\"Afficher la description Coaching & Formation\">\r\n        <div class=\"icon coach\">\ud83e\udde0<\/div>\r\n        <div>\r\n          <h3>Coaching & Formation<\/h3>\r\n          <div class=\"desc\">Digitalisation des offres et accompagnements<\/div>\r\n        <\/div>\r\n        <div class=\"chev\">\u203a<\/div>\r\n      <\/div>\r\n      <div class=\"details\">\r\n        <div class=\"details-inner\">\r\n          <ul>\r\n            <li>Plateformes LMS & espaces membres<\/li>\r\n            <li>Automatisations marketing<\/li>\r\n            <li>Gestion de paiements & abonnements<\/li>\r\n            <li>Webinaires & calendriers int\u00e9gr\u00e9s<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      \/\/ Apparition au scroll\r\n      const items = document.querySelectorAll('.sectors-section.no-images .sector');\r\n      if('IntersectionObserver' in window){\r\n        const io = new IntersectionObserver((entries)=>{\r\n          entries.forEach(e=>{\r\n            if(e.isIntersecting){ e.target.classList.add('reveal'); io.unobserve(e.target); }\r\n          });\r\n        }, {threshold:.25});\r\n        items.forEach((el,i)=>{ el.style.transitionDelay = (i*90)+'ms'; io.observe(el); });\r\n      } else { items.forEach(el=>el.classList.add('reveal')); }\r\n\r\n      \/\/ Accord\u00e9on avec hauteur auto et une seule ouverte \u00e0 la fois\r\n      const rows = document.querySelectorAll('.sectors-section.no-images .sector .row');\r\n\r\n      function toggleSector(row){\r\n        const sector   = row.parentElement;\r\n        const details  = sector.querySelector('.details');\r\n        const openNow  = sector.classList.contains('open');\r\n\r\n        \/\/ Fermer toute autre carte\r\n        document.querySelectorAll('.sectors-section.no-images .sector.open').forEach(s=>{\r\n          if(s!==sector){\r\n            s.classList.remove('open');\r\n            s.setAttribute('aria-expanded','false');\r\n            const d = s.querySelector('.details');\r\n            d.style.maxHeight = 0;\r\n            d.style.opacity   = 0;\r\n          }\r\n        });\r\n\r\n        \/\/ Ouvrir \/ fermer celle cliqu\u00e9e\r\n        if(openNow){\r\n          sector.classList.remove('open');\r\n          sector.setAttribute('aria-expanded','false');\r\n          details.style.maxHeight = 0;\r\n          details.style.opacity   = 0;\r\n        }else{\r\n          sector.classList.add('open');\r\n          sector.setAttribute('aria-expanded','true');\r\n          details.style.maxHeight = details.scrollHeight + 'px';\r\n          details.style.opacity   = 1;\r\n\r\n          \/\/ Option : scroll pour bien voir le bloc ouvert (utile sur mobile)\r\n          const rect = sector.getBoundingClientRect();\r\n          const top  = window.pageYOffset + rect.top - 80; \/\/ offset header si besoin\r\n          window.scrollTo({ top, behavior:'smooth' });\r\n        }\r\n      }\r\n\r\n      rows.forEach(row=>{\r\n        row.addEventListener('click', ()=> toggleSector(row));\r\n        row.addEventListener('keydown', (e)=>{\r\n          if(e.key==='Enter' || e.key===' '){ e.preventDefault(); toggleSector(row); }\r\n        });\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\r\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-c64b959 e-flex e-con-boxed e-con e-parent\" data-id=\"c64b959\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc60d65 elementor-widget elementor-widget-html\" data-id=\"bc60d65\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"process-section exact-like-screen final-centered\">\r\n  <style>\r\n    .process-section.exact-like-screen.final-centered{\r\n      width:100vw;\r\n      max-width:100vw;\r\n      left:50%;\r\n      transform:translateX(-50%);\r\n      margin:0 !important;\r\n      padding: clamp(70px,6.5vw,110px) 0 90px;\r\n      background: linear-gradient(180deg,#f9fbff 0%, #ffffff 100%);\r\n      color:#0f172a;\r\n      font-family: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, \"Noto Sans\";\r\n      box-sizing:border-box;\r\n      position:relative;\r\n      overflow:hidden;\r\n      text-align:center;\r\n    }\r\n    .process-wrap{\r\n      max-width:1200px;\r\n      margin:0 auto;\r\n      padding:0 clamp(16px,4vw,32px);\r\n      display:flex;\r\n      flex-direction:column;\r\n      align-items:center;\r\n      justify-content:center;\r\n    }\r\n\r\n    \/* TITRE *\/\r\n    .process-head{\r\n      text-align:center;\r\n      max-width:900px;\r\n      margin:0 auto 52px;\r\n    }\r\n    .process-head h2{\r\n      margin:0;\r\n      font-weight:900;\r\n      line-height:1.18;\r\n      font-size: clamp(28px,3.8vw,44px);\r\n      color:#0b1630;\r\n    }\r\n    .process-head .accent{\r\n      background:linear-gradient(90deg,#1cc8ff 0%, #5a6bff 100%);\r\n      -webkit-background-clip:text;\r\n      background-clip:text;\r\n      color:transparent;\r\n    }\r\n    .process-head .sub{\r\n      color:#5b6b81;\r\n      margin:16px auto 0;\r\n      font-size:16px;\r\n      line-height:1.55;\r\n      position:relative;\r\n      display:inline-block;\r\n      padding-bottom:14px;\r\n    }\r\n    .process-head .sub::after{\r\n      content:\"\";\r\n      position:absolute;\r\n      left:50%;\r\n      transform:translateX(-50%);\r\n      bottom:0;\r\n      width:86px;\r\n      height:4px;\r\n      border-radius:4px;\r\n      background:linear-gradient(90deg,#1cc8ff,#7a7cff);\r\n    }\r\n\r\n    \/* LIGNE *\/\r\n    .timeline{\r\n      margin-top:46px;\r\n      position:relative;\r\n      width:100%;\r\n      display:flex;\r\n      justify-content:center;\r\n    }\r\n    .line{\r\n      position:absolute;\r\n      top:78px;\r\n      width:calc(100% - 80px);\r\n      max-width:1080px;\r\n      height:2px;\r\n      background:linear-gradient(90deg, rgba(27,146,255,.18), rgba(99,102,241,.18));\r\n      pointer-events:none;\r\n    }\r\n\r\n    \/* \u00c9TAPES *\/\r\n    .steps{\r\n      display:grid;\r\n      grid-template-columns:repeat(4,1fr);\r\n      gap:28px;\r\n      align-items:start;\r\n      justify-items:center;\r\n      position:relative;\r\n      width:100%;\r\n      max-width:1080px;\r\n    }\r\n    @media (max-width:960px){\r\n      .steps{ grid-template-columns:repeat(2,1fr); row-gap:34px; }\r\n      .line{ display:none; }\r\n    }\r\n    @media (max-width:560px){ .steps{ grid-template-columns:1fr; } }\r\n\r\n    \/* Ic\u00f4nes + num\u00e9ro *\/\r\n    .step-top{\r\n      position:relative;\r\n      height:86px;\r\n      display:flex;\r\n      justify-content:center;\r\n      align-items:flex-start;\r\n    }\r\n    .badge{\r\n      position:absolute;\r\n      top:-6px;\r\n      left:50%;\r\n      transform:translateX(-50%);\r\n      width:22px;\r\n      height:22px;\r\n      border-radius:50%;\r\n      background:#ffa31a;\r\n      color:#fff;\r\n      font-weight:800;\r\n      font-size:13px;\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      box-shadow: 0 6px 14px rgba(255,163,26,.35);\r\n      z-index:2;\r\n    }\r\n    .icon-round{\r\n      margin-top:22px;\r\n      width:56px;\r\n      height:56px;\r\n      border-radius:50%;\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      background:linear-gradient(135deg,#22c1ff,#2c7dff);\r\n      color:#fff;\r\n      font-size:22px;\r\n      box-shadow: 0 14px 26px rgba(44,125,255,.28);\r\n      z-index:2;\r\n    }\r\n    .stem{\r\n      position:absolute;\r\n      top:78px;\r\n      left:50%;\r\n      transform:translateX(-50%);\r\n      width:2px;\r\n      height:24px;\r\n      background:linear-gradient(#cfe6ff,#a9c7ff);\r\n      z-index:1;\r\n    }\r\n\r\n    \/* CARTES *\/\r\n    .card{\r\n      margin-top:26px;\r\n      background:#fff;\r\n      border:1px solid rgba(2,6,23,.06);\r\n      border-radius:14px;\r\n      padding:20px 18px;\r\n      box-shadow: 0 12px 28px rgba(15,23,42,.08);\r\n      text-align:center;\r\n      min-height:150px;\r\n      display:flex;\r\n      flex-direction:column;\r\n      justify-content:flex-start;\r\n      align-items:center;\r\n      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, opacity .5s ease;\r\n      opacity:0;\r\n      transform: translateY(14px) scale(.98);\r\n    }\r\n    .card.reveal{\r\n      opacity:1;\r\n      transform:translateY(0) scale(1);\r\n      transition: all .5s cubic-bezier(.2,.8,.2,1);\r\n    }\r\n    .card:hover{\r\n      transform: translateY(-6px);\r\n      box-shadow: 0 18px 42px rgba(15,23,42,.14);\r\n      border-color: rgba(2,6,23,.12);\r\n    }\r\n\r\n    .card h3{\r\n      margin:0 0 12px;\r\n      font-size:18px;\r\n      font-weight:800;\r\n      color:#0e1726;\r\n      text-align:center; \/* \u2705 centrage du titre *\/\r\n      width:100%;\r\n    }\r\n    .card p{\r\n      margin:0;\r\n      color:#5b6b81;\r\n      font-size:14px;\r\n      line-height:1.55;\r\n      text-align:center; \/* \u2705 centrage du texte aussi *\/\r\n      width:100%;\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"process-wrap\">\r\n    <div class=\"process-head\">\r\n      <h2>Notre <span class=\"accent\">processus<\/span><br>de cr\u00e9ation sur mesure<\/h2>\r\n      <div class=\"sub\">Une approche structur\u00e9e pour transformer vos id\u00e9es en solutions concr\u00e8tes<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"timeline\">\r\n      <span class=\"line\"><\/span>\r\n\r\n      <div class=\"steps\">\r\n        <!-- \u00c9tape 1 -->\r\n        <div class=\"step\">\r\n          <div class=\"step-top\">\r\n            <span class=\"badge\">1<\/span>\r\n            <span class=\"icon-round\">\ud83d\udd0e<\/span>\r\n            <span class=\"stem\"><\/span>\r\n          <\/div>\r\n          <div class=\"card\">\r\n            <h3>Audit & Strat\u00e9gie<\/h3>\r\n            <p>Analyse approfondie de vos besoins et objectifs pour \u00e9tablir une strat\u00e9gie sur mesure.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u00c9tape 2 -->\r\n        <div class=\"step\">\r\n          <div class=\"step-top\">\r\n            <span class=\"badge\">2<\/span>\r\n            <span class=\"icon-round\">\ud83c\udfa8<\/span>\r\n            <span class=\"stem\"><\/span>\r\n          <\/div>\r\n          <div class=\"card\">\r\n            <h3>Conception & Design<\/h3>\r\n            <p>Cr\u00e9ation d\u2019une exp\u00e9rience utilisateur intuitive et d\u2019un design moderne.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u00c9tape 3 -->\r\n        <div class=\"step\">\r\n          <div class=\"step-top\">\r\n            <span class=\"badge\">3<\/span>\r\n            <span class=\"icon-round\">\ud83d\udcbb<\/span>\r\n            <span class=\"stem\"><\/span>\r\n          <\/div>\r\n          <div class=\"card\">\r\n            <h3>D\u00e9veloppement<\/h3>\r\n            <p>D\u00e9veloppement agile avec des technologies de pointe pour des solutions performantes.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u00c9tape 4 -->\r\n        <div class=\"step\">\r\n          <div class=\"step-top\">\r\n            <span class=\"badge\">4<\/span>\r\n            <span class=\"icon-round\">\ud83d\ude80<\/span>\r\n            <span class=\"stem\"><\/span>\r\n          <\/div>\r\n          <div class=\"card\">\r\n            <h3>Lancement & Suivi<\/h3>\r\n            <p>D\u00e9ploiement optimis\u00e9 et accompagnement continu pour votre r\u00e9ussite.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const cards = document.querySelectorAll('.process-section.final-centered .card');\r\n      if(!('IntersectionObserver' in window)){ cards.forEach(c=>c.classList.add('reveal')); return; }\r\n      const io = new IntersectionObserver((entries)=>{\r\n        entries.forEach((e)=>{\r\n          if(e.isIntersecting){\r\n            e.target.classList.add('reveal');\r\n            io.unobserve(e.target);\r\n          }\r\n        });\r\n      },{threshold:.25});\r\n      cards.forEach((c,i)=>{ c.style.transitionDelay = (i*120)+'ms'; io.observe(c); });\r\n    })();\r\n  <\/script>\r\n<\/section>\r\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-31e94ae e-flex e-con-boxed e-con e-parent\" data-id=\"31e94ae\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c869e41 elementor-widget elementor-widget-html\" data-id=\"c869e41\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"tech-stack-section alt-structure\">\r\n  <style>\r\n    .tech-stack-section.alt-structure{\r\n      width:100vw;\r\n      max-width:100vw;\r\n      left:50%;\r\n      transform:translateX(-50%);\r\n      margin:0 !important;\r\n      padding: clamp(70px,6vw,110px) 0;\r\n      background:\r\n        radial-gradient(900px 500px at 85% 35%, rgba(122,124,255,0.10), transparent 60%),\r\n        radial-gradient(1200px 600px at 15% 20%, rgba(48,213,255,0.08), transparent 60%),\r\n        linear-gradient(180deg, #0b1220 0%, #070d18 100%);\r\n      color:#e9f2ff;\r\n      font-family: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, \"Noto Sans\";\r\n      box-sizing:border-box;\r\n      position:relative;\r\n      overflow:hidden;\r\n      text-align:center;\r\n    }\r\n\r\n    .tech-alt-wrap{\r\n      max-width:1200px;\r\n      margin:0 auto;\r\n      padding:0 clamp(16px,4vw,32px);\r\n      display:flex;\r\n      flex-direction:column;\r\n      gap:50px;\r\n    }\r\n\r\n    \/* Titre *\/\r\n    .tech-alt-head h2{\r\n      margin:0;\r\n      font-weight:900;\r\n      font-size: clamp(28px,3.6vw,42px);\r\n      background:linear-gradient(90deg,#1cc8ff 0%, #5a6bff 100%);\r\n      -webkit-background-clip:text;\r\n      background-clip:text;\r\n      color:transparent;\r\n    }\r\n    .tech-alt-head p{\r\n      margin:12px auto 0;\r\n      max-width:640px;\r\n      color:#a6b3c6;\r\n      font-size:16px;\r\n      line-height:1.6;\r\n    }\r\n\r\n    \/* Cat\u00e9gories (AI\/Dev\/Outils) *\/\r\n    .tech-category{\r\n      background:rgba(255,255,255,0.03);\r\n      border:1px solid rgba(255,255,255,0.06);\r\n      border-radius:18px;\r\n      padding:28px clamp(18px,3vw,30px);\r\n      text-align:left;\r\n      display:flex;\r\n      flex-direction:column;\r\n      gap:18px;\r\n      transition:background .3s ease, border-color .3s ease;\r\n    }\r\n    .tech-category:hover{\r\n      background:rgba(255,255,255,0.05);\r\n      border-color:rgba(255,255,255,0.12);\r\n    }\r\n\r\n    .tech-category h3{\r\n      margin:0;\r\n      font-size:20px;\r\n      font-weight:800;\r\n      color:#1cc8ff;\r\n    }\r\n    .tech-category p{\r\n      margin:0;\r\n      color:#a6b3c6;\r\n      font-size:14px;\r\n      line-height:1.5;\r\n    }\r\n\r\n    .tech-pills{\r\n      display:flex;\r\n      flex-wrap:wrap;\r\n      gap:10px;\r\n      margin-top:10px;\r\n    }\r\n\r\n    .pill{\r\n      padding:6px 14px;\r\n      border-radius:30px;\r\n      background:rgba(255,255,255,0.05);\r\n      border:1px solid rgba(255,255,255,0.08);\r\n      font-size:13px;\r\n      color:#e9f2ff;\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:6px;\r\n      transition:all .25s ease;\r\n    }\r\n    .pill:hover{\r\n      background:linear-gradient(90deg,#1cc8ff,#5a6bff);\r\n      color:#fff;\r\n      border-color:transparent;\r\n      transform:translateY(-2px);\r\n      box-shadow:0 6px 14px rgba(44,125,255,.4);\r\n    }\r\n    .pill-icon{\r\n      width:18px;\r\n      height:18px;\r\n      display:inline-flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      font-size:14px;\r\n    }\r\n\r\n    \/* Grille 3 colonnes *\/\r\n    .tech-grid-alt{\r\n      display:grid;\r\n      grid-template-columns:repeat(3,1fr);\r\n      gap:26px;\r\n      margin-top:30px;\r\n    }\r\n    @media (max-width:900px){\r\n      .tech-grid-alt{ grid-template-columns:1fr; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"tech-alt-wrap\">\r\n    <div class=\"tech-alt-head\">\r\n      <h2>Stack technologique moderne<\/h2>\r\n      <p>Technologies et outils de pointe que nous utilisons pour cr\u00e9er des solutions performantes et innovantes.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"tech-grid-alt\">\r\n\r\n      <!-- Bloc 1 -->\r\n      <div class=\"tech-category\">\r\n        <h3>\ud83d\udcbb D\u00e9veloppement<\/h3>\r\n        <p>Langages, frameworks et outils modernes pour le front-end, le back-end et le mobile.<\/p>\r\n        <div class=\"tech-pills\">\r\n          <span class=\"pill\"><span class=\"pill-icon\">\u269b\ufe0f<\/span>React<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\u23ed\ufe0f<\/span>Next.js<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\ud83e\uddf0<\/span>Node.js<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\ud83d\udc0d<\/span>Python<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\ud83d\udcf1<\/span>React Native<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\ud83e\uddf1<\/span>Flutter<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Bloc 2 -->\r\n      <div class=\"tech-category\">\r\n        <h3>\ud83e\udd16 AI, Data & Cloud<\/h3>\r\n        <p>Technologies intelligentes et scalables pour transformer vos projets.<\/p>\r\n        <div class=\"tech-pills\">\r\n          <span class=\"pill\"><span class=\"pill-icon\">\ud83e\udde0<\/span>OpenAI<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\ud83c\udf29\ufe0f<\/span>AWS<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\u2601\ufe0f<\/span>Google Cloud<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\ud83d\udcca<\/span>Analytics<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\u2699\ufe0f<\/span>CI\/CD<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\ud83d\udc33<\/span>Docker<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Bloc 3 -->\r\n      <div class=\"tech-category\">\r\n        <h3>\ud83c\udfa8 Design, Contenu & Marketing<\/h3>\r\n        <p>Cr\u00e9ativit\u00e9 et communication pour renforcer votre pr\u00e9sence digitale.<\/p>\r\n        <div class=\"tech-pills\">\r\n          <span class=\"pill\"><span class=\"pill-icon\">\ud83c\udfa8<\/span>Figma<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\ud83c\udd70\ufe0f<\/span>Adobe Suite<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\ud83c\udfac<\/span>After Effects<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\ud83d\udce3<\/span>Social Ads<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\ud83c\udf10<\/span>CMS<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\ud83d\udecd\ufe0f<\/span>Shopify<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\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-fc3dae7 e-flex e-con-boxed e-con e-parent\" data-id=\"fc3dae7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b7a213 elementor-widget elementor-widget-html\" data-id=\"8b7a213\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"tech-stack-section alt-structure\">\r\n  <style>\r\n    .tech-stack-section.alt-structure{\r\n      width:100vw;\r\n      max-width:100vw;\r\n      left:50%;\r\n      transform:translateX(-50%);\r\n      margin:0 !important;\r\n      padding: clamp(70px,6vw,110px) 0;\r\n      background:\r\n        radial-gradient(900px 500px at 85% 35%, rgba(122,124,255,0.10), transparent 60%),\r\n        radial-gradient(1200px 600px at 15% 20%, rgba(48,213,255,0.08), transparent 60%),\r\n        linear-gradient(180deg, #0b1220 0%, #070d18 100%);\r\n      color:#e9f2ff;\r\n      font-family: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, \"Noto Sans\";\r\n      box-sizing:border-box;\r\n      position:relative;\r\n      overflow:hidden;\r\n      text-align:center;\r\n    }\r\n\r\n    .tech-alt-wrap{\r\n      max-width:1200px;\r\n      margin:0 auto;\r\n      padding:0 clamp(16px,4vw,32px);\r\n      display:flex;\r\n      flex-direction:column;\r\n      gap:50px;\r\n    }\r\n\r\n    \/* Titre *\/\r\n    .tech-alt-head h2{\r\n      margin:0;\r\n      font-weight:900;\r\n      font-size: clamp(28px,3.6vw,42px);\r\n      background:linear-gradient(90deg,#1cc8ff 0%, #5a6bff 100%);\r\n      -webkit-background-clip:text;\r\n      background-clip:text;\r\n      color:transparent;\r\n    }\r\n    .tech-alt-head p{\r\n      margin:12px auto 0;\r\n      max-width:640px;\r\n      color:#a6b3c6;\r\n      font-size:16px;\r\n      line-height:1.6;\r\n    }\r\n\r\n    \/* Cat\u00e9gories (AI\/Dev\/Outils) *\/\r\n    .tech-category{\r\n      background:rgba(255,255,255,0.03);\r\n      border:1px solid rgba(255,255,255,0.06);\r\n      border-radius:18px;\r\n      padding:28px clamp(18px,3vw,30px);\r\n      text-align:left;\r\n      display:flex;\r\n      flex-direction:column;\r\n      gap:18px;\r\n      transition:background .3s ease, border-color .3s ease;\r\n    }\r\n    .tech-category:hover{\r\n      background:rgba(255,255,255,0.05);\r\n      border-color:rgba(255,255,255,0.12);\r\n    }\r\n\r\n    .tech-category h3{\r\n      margin:0;\r\n      font-size:20px;\r\n      font-weight:800;\r\n      color:#1cc8ff;\r\n    }\r\n    .tech-category p{\r\n      margin:0;\r\n      color:#a6b3c6;\r\n      font-size:14px;\r\n      line-height:1.5;\r\n    }\r\n\r\n    .tech-pills{\r\n      display:flex;\r\n      flex-wrap:wrap;\r\n      gap:10px;\r\n      margin-top:10px;\r\n    }\r\n\r\n    .pill{\r\n      padding:6px 14px;\r\n      border-radius:30px;\r\n      background:rgba(255,255,255,0.05);\r\n      border:1px solid rgba(255,255,255,0.08);\r\n      font-size:13px;\r\n      color:#e9f2ff;\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:6px;\r\n      transition:all .25s ease;\r\n    }\r\n    .pill:hover{\r\n      background:linear-gradient(90deg,#1cc8ff,#5a6bff);\r\n      color:#fff;\r\n      border-color:transparent;\r\n      transform:translateY(-2px);\r\n      box-shadow:0 6px 14px rgba(44,125,255,.4);\r\n    }\r\n    .pill-icon{\r\n      width:18px;\r\n      height:18px;\r\n      display:inline-flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      font-size:14px;\r\n    }\r\n\r\n    \/* Grille 3 colonnes *\/\r\n    .tech-grid-alt{\r\n      display:grid;\r\n      grid-template-columns:repeat(3,1fr);\r\n      gap:26px;\r\n      margin-top:30px;\r\n    }\r\n    @media (max-width:900px){\r\n      .tech-grid-alt{ grid-template-columns:1fr; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"tech-alt-wrap\">\r\n    <div class=\"tech-alt-head\">\r\n      <h2>Stack technologique moderne<\/h2>\r\n      <p>Technologies et outils de pointe que nous utilisons pour cr\u00e9er des solutions performantes et innovantes.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"tech-grid-alt\">\r\n\r\n      <!-- Bloc 1 -->\r\n      <div class=\"tech-category\">\r\n        <h3>\ud83d\udcbb D\u00e9veloppement<\/h3>\r\n        <p>Langages, frameworks et outils modernes pour le front-end, le back-end et le mobile.<\/p>\r\n        <div class=\"tech-pills\">\r\n          <span class=\"pill\"><span class=\"pill-icon\">\u269b\ufe0f<\/span>React<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\u23ed\ufe0f<\/span>Next.js<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\ud83e\uddf0<\/span>Node.js<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\ud83d\udc0d<\/span>Python<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\ud83d\udcf1<\/span>React Native<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\ud83e\uddf1<\/span>Flutter<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Bloc 2 -->\r\n      <div class=\"tech-category\">\r\n        <h3>\ud83e\udd16 AI, Data & Cloud<\/h3>\r\n        <p>Technologies intelligentes et scalables pour transformer vos projets.<\/p>\r\n        <div class=\"tech-pills\">\r\n          <span class=\"pill\"><span class=\"pill-icon\">\ud83e\udde0<\/span>OpenAI<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\ud83c\udf29\ufe0f<\/span>AWS<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\u2601\ufe0f<\/span>Google Cloud<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\ud83d\udcca<\/span>Analytics<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\u2699\ufe0f<\/span>CI\/CD<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\ud83d\udc33<\/span>Docker<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Bloc 3 -->\r\n      <div class=\"tech-category\">\r\n        <h3>\ud83c\udfa8 Design, Contenu & Marketing<\/h3>\r\n        <p>Cr\u00e9ativit\u00e9 et communication pour renforcer votre pr\u00e9sence digitale.<\/p>\r\n        <div class=\"tech-pills\">\r\n          <span class=\"pill\"><span class=\"pill-icon\">\ud83c\udfa8<\/span>Figma<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\ud83c\udd70\ufe0f<\/span>Adobe Suite<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\ud83c\udfac<\/span>After Effects<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\ud83d\udce3<\/span>Social Ads<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\ud83c\udf10<\/span>CMS<\/span>\r\n          <span class=\"pill\"><span class=\"pill-icon\">\ud83d\udecd\ufe0f<\/span>Shopify<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\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-a7888c3 e-flex e-con-boxed e-con e-parent\" data-id=\"a7888c3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-724415d elementor-widget elementor-widget-html\" data-id=\"724415d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"contact-hero-section alt-structure\">\r\n  <style>\r\n    .contact-hero-section.alt-structure{\r\n      width:100vw;\r\n      max-width:100vw;\r\n      left:50%;\r\n      transform:translateX(-50%);\r\n      margin:0 !important;\r\n      padding: clamp(65px,6vw,95px) 0;\r\n      background:\r\n        radial-gradient(900px 520px at 80% 35%, rgba(122,124,255,0.10), transparent 60%),\r\n        radial-gradient(1200px 620px at 15% 20%, rgba(48,213,255,0.10), transparent 60%),\r\n        linear-gradient(180deg, #0b1220 0%, #070d18 100%);\r\n      color:#e9f2ff;\r\n      font-family: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, \"Noto Sans\";\r\n      box-sizing:border-box;\r\n      position:relative;\r\n      overflow:hidden;\r\n      text-align:center;\r\n    }\r\n\r\n    .contact-hero-wrap{\r\n      max-width:1200px;\r\n      margin:0 auto;\r\n      padding:0 clamp(16px,4vw,32px);\r\n      display:flex;\r\n      flex-direction:column;\r\n      align-items:center;\r\n      gap:24px;\r\n    }\r\n\r\n    \/* Head *\/\r\n    .contact-hero-head{\r\n      display:flex;\r\n      flex-direction:column;\r\n      gap:12px;\r\n      align-items:center;\r\n    }\r\n\r\n    .contact-hero-head h2{\r\n      margin:0;\r\n      font-weight:900;\r\n      font-size: clamp(30px,3.6vw,46px);\r\n      line-height:1.15;\r\n      background:linear-gradient(90deg,#1cc8ff 0%, #5a6bff 100%);\r\n      -webkit-background-clip:text;\r\n      background-clip:text;\r\n      color:transparent;\r\n    }\r\n\r\n    .contact-hero-head p{\r\n      margin:0;\r\n      max-width:720px;\r\n      color:#a6b3c6;\r\n      font-size:16px;\r\n      line-height:1.65;\r\n    }\r\n\r\n    \/* Trust bar *\/\r\n    .contact-hero-trust{\r\n      margin-top:6px;\r\n      display:flex;\r\n      flex-wrap:wrap;\r\n      justify-content:center;\r\n      gap:10px;\r\n    }\r\n\r\n    .trust-pill{\r\n      padding:8px 14px;\r\n      border-radius:30px;\r\n      background:rgba(255,255,255,0.05);\r\n      border:1px solid rgba(255,255,255,0.08);\r\n      font-size:13px;\r\n      color:#e9f2ff;\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:8px;\r\n      transition:all .25s ease;\r\n      user-select:none;\r\n    }\r\n\r\n    .trust-pill:hover{\r\n      background:linear-gradient(90deg,#1cc8ff,#5a6bff);\r\n      color:#fff;\r\n      border-color:transparent;\r\n      transform:translateY(-2px);\r\n      box-shadow:0 10px 18px rgba(44,125,255,.35);\r\n    }\r\n\r\n    .trust-pill .ico{\r\n      width:18px;\r\n      height:18px;\r\n      display:inline-flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      font-size:14px;\r\n    }\r\n\r\n    \/* Note under title *\/\r\n    .contact-hero-note{\r\n      margin-top:6px;\r\n      max-width:860px;\r\n      padding:14px 16px;\r\n      border-radius:18px;\r\n      background:rgba(255,255,255,0.03);\r\n      border:1px solid rgba(255,255,255,0.06);\r\n      color:#c7d2e4;\r\n      font-size:13.5px;\r\n      line-height:1.6;\r\n      text-align:center;\r\n    }\r\n\r\n    .contact-hero-note b{\r\n      color:#e9f2ff;\r\n      font-weight:800;\r\n    }\r\n\r\n    \/* CTA button *\/\r\n    .contact-hero-cta{\r\n      margin-top:18px;\r\n    }\r\n\r\n    .contact-hero-cta a{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:10px;\r\n      padding:14px 26px;\r\n      border-radius:14px;\r\n      font-weight:800;\r\n      text-decoration:none;\r\n      color:#ffffff;\r\n      background:linear-gradient(135deg,#1cc8ff,#5a6bff);\r\n      box-shadow:0 10px 28px rgba(44,125,255,.35);\r\n      transition:transform .2s ease, box-shadow .2s ease, opacity .2s ease;\r\n    }\r\n\r\n    .contact-hero-cta a:hover{\r\n      transform:translateY(-3px);\r\n      box-shadow:0 14px 34px rgba(44,125,255,.45);\r\n      opacity:.95;\r\n    }\r\n\r\n    \/* Mobile *\/\r\n    @media (max-width:900px){\r\n      .contact-hero-head p{ font-size:15px; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"contact-hero-wrap\">\r\n    <div class=\"contact-hero-head\">\r\n      <h2>Pr\u00eat \u00e0 r\u00e9volutionner votre pr\u00e9sence digitale ?<\/h2>\r\n      <p>\u00c9changeons sur votre projet en 15 minutes<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"contact-hero-trust\">\r\n      <span class=\"trust-pill\"><span class=\"ico\">\u26a1<\/span>R\u00e9ponse rapide<\/span>\r\n      <span class=\"trust-pill\"><span class=\"ico\">\ud83d\udcde<\/span>Appel d\u00e9couverte<\/span>\r\n      <span class=\"trust-pill\"><span class=\"ico\">\ud83e\uddfe<\/span>Devis clair<\/span>\r\n      <span class=\"trust-pill\"><span class=\"ico\">\u2705<\/span>Sans engagement<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"contact-hero-note\">\r\n      D\u00e9crivez votre besoin ci-dessous. Nous revenons vers vous avec une proposition <b>structur\u00e9e<\/b>\r\n      (solution recommand\u00e9e, d\u00e9lai estim\u00e9, budget indicatif).\r\n    <\/div>\r\n\r\n    <!-- \u2705 BOUTON AJOUT\u00c9 (SEUL AJOUT) -->\r\n    <div class=\"contact-hero-cta\">\r\n      <a href=\"https:\/\/calendly.com\/ovaris\/30min\" target=\"_blank\" rel=\"nofollow noopener\">\r\n        \ud83d\udcc5 Planifier un appel\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\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>Transformez vos id\u00e9es en solutions digitales innovantes Nous cr\u00e9ons des exp\u00e9riences digitales exceptionnelles qui propulsent votre croissance. IA D\u00e9veloppement Marketing [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/ovaris.fr\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ovaris.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ovaris.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ovaris.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ovaris.fr\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":89,"href":"https:\/\/ovaris.fr\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":334,"href":"https:\/\/ovaris.fr\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/334"}],"wp:attachment":[{"href":"https:\/\/ovaris.fr\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}