#ak-audit-wrap * { box-sizing: border-box; margin: 0; padding: 0; } #ak-audit-wrap { --navy: #0F172A; --navy-light: #1E293B; --navy-mid: #2D3F5A; --mint: #00E5B3; --mint-dim: rgba(0,229,179,0.15); --white: #FFFFFF; --gray-400: #94A3B8; --gray-500: #64748B; --red: #F43F5E; --amber: #F59E0B; --green: #10B981; --font: 'Segoe UI', system-ui, -apple-system, sans-serif; font-family: var(--font); background: var(--navy); color: var(--white); -webkit-font-smoothing: antialiased; border-radius: 0; overflow: hidden; display: flex; flex-direction: column; min-height: calc(100vh - 80px); width: 100%; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); width: 100vw; } #ak-audit-wrap .ak-progress { padding: 24px 32px 0; display: none; } #ak-audit-wrap .ak-progress-meta { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } #ak-audit-wrap .ak-progress-section { font-size: 12px; font-weight: 600; color: var(--mint); text-transform: uppercase; letter-spacing: 0.07em; } #ak-audit-wrap .ak-progress-count { font-size: 12px; color: var(--gray-400); } #ak-audit-wrap .ak-progress-bar-bg { height: 4px; background: rgba(255,255,255,0.08); border-radius: 4px; overflow: hidden; } #ak-audit-wrap .ak-progress-fill { height: 100%; background: var(--mint); border-radius: 4px; transition: width 0.4s ease; width: 0%; } #ak-audit-wrap .ak-main { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 56px 32px 64px; } #ak-audit-wrap .ak-card { width: 100%; max-width: 660px; } #ak-audit-wrap .ak-screen { display: none; } #ak-audit-wrap .ak-screen.active { display: block; } #ak-audit-wrap .ak-intro-badge { display: inline-flex; align-items: center; gap: 6px; background: var(--mint-dim); border: 1px solid rgba(0,229,179,0.25); border-radius: 20px; padding: 6px 14px; font-size: 12px; font-weight: 600; color: var(--mint); letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 28px; } #ak-audit-wrap .ak-dot { width: 7px; height: 7px; background: var(--mint); border-radius: 50%; animation: akpulse 2s ease-in-out infinite; } @keyframes akpulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(.8)} } #ak-audit-wrap .ak-intro-title { font-size: clamp(24px, 4vw, 40px); font-weight: 800; line-height: 1.15; color: var(--white); margin-bottom: 16px; letter-spacing: -0.5px; } #ak-audit-wrap .ak-intro-title span { color: var(--mint); } #ak-audit-wrap .ak-intro-desc { font-size: 16px; line-height: 1.65; color: var(--gray-400); margin-bottom: 36px; max-width: 520px; } #ak-audit-wrap .ak-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-bottom: 40px; } #ak-audit-wrap .ak-stat { background: var(--navy-light); border: 1px solid rgba(255,255,255,0.06); border-radius: 12px; padding: 16px; text-align: center; } #ak-audit-wrap .ak-stat .n { font-size: 22px; font-weight: 800; color: var(--mint); display: block; margin-bottom: 4px; } #ak-audit-wrap .ak-stat .l { font-size: 11px; color: var(--gray-400); line-height: 1.3; } #ak-audit-wrap .ak-btn-row { display: flex; gap: 10px; align-items: center; } #ak-audit-wrap .ak-btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: none; border-radius: 10px; font-family: var(--font); font-size: 15px; font-weight: 600; cursor: pointer; transition: all 0.2s; text-decoration: none !important; line-height: 1; } #ak-audit-wrap .ak-btn-p { background: var(--mint); color: var(--navy) !important; padding: 14px 26px; flex: 1; } #ak-audit-wrap .ak-btn-p:hover { filter: brightness(1.08); transform: translateY(-1px); } #ak-audit-wrap .ak-btn-g { background: transparent; color: var(--gray-400) !important; padding: 14px 18px; border: 1px solid rgba(255,255,255,0.1); } #ak-audit-wrap .ak-btn-g:hover { color: var(--white) !important; } #ak-audit-wrap .ak-btn-xl { padding: 16px 32px; font-size: 16px; border-radius: 12px; width: 100%; } #ak-audit-wrap .ak-q-group { font-size: 11px; font-weight: 700; color: var(--mint); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 18px; display: flex; align-items: center; gap: 8px; } #ak-audit-wrap .ak-q-group::after { content: ''; flex: 1; height: 1px; background: rgba(0,229,179,0.2); } #ak-audit-wrap .ak-q-text { font-size: clamp(18px, 3vw, 24px); font-weight: 700; line-height: 1.3; color: var(--white); margin-bottom: 8px; } #ak-audit-wrap .ak-q-hint { font-size: 13px; color: var(--gray-500); margin-bottom: 32px; line-height: 1.5; } #ak-audit-wrap .ak-slider-wrap { background: var(--navy-light); border: 1px solid rgba(255,255,255,0.07); border-radius: 14px; padding: 28px 28px 22px; margin-bottom: 28px; } #ak-audit-wrap .ak-slider-val { text-align: center; margin-bottom: 22px; } #ak-audit-wrap .ak-slider-num { font-size: 52px; font-weight: 800; color: var(--mint); line-height: 1; letter-spacing: -2px; } #ak-audit-wrap .ak-slider-unit { font-size: 13px; color: var(--gray-400); margin-top: 4px; } #ak-audit-wrap .ak-slider-lbls { display: flex; justify-content: space-between; font-size: 10px; color: var(--gray-500); margin-bottom: 8px; } #ak-audit-wrap input[type="range"] { -webkit-appearance: none; appearance: none; width: 100%; height: 6px; border-radius: 6px; outline: none; cursor: pointer; background: rgba(255,255,255,0.1); } #ak-audit-wrap input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 24px; height: 24px; border-radius: 50%; background: var(--mint); cursor: pointer; box-shadow: 0 0 0 4px rgba(0,229,179,0.2); } #ak-audit-wrap input[type="range"]::-moz-range-thumb { width: 24px; height: 24px; border-radius: 50%; background: var(--mint); cursor: pointer; border: none; } #ak-audit-wrap .ak-scale { display: flex; justify-content: space-between; padding-top: 6px; } #ak-audit-wrap .ak-scale span { font-size: 9px; color: rgba(255,255,255,0.18); } #ak-audit-wrap .ak-results-hdr { text-align: center; margin-bottom: 32px; } #ak-audit-wrap .ak-ring-wrap { position: relative; width: 140px; height: 140px; margin: 0 auto 20px; } #ak-audit-wrap .ak-ring-wrap svg { transform: rotate(-90deg); } #ak-audit-wrap .ak-ring-center { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; } #ak-audit-wrap .ak-ring-pct { font-size: 30px; font-weight: 800; line-height: 1; } #ak-audit-wrap .ak-ring-lbl { font-size: 10px; color: var(--gray-400); margin-top: 2px; } #ak-audit-wrap .ak-res-title { font-size: 22px; font-weight: 800; margin-bottom: 7px; letter-spacing: -0.2px; } #ak-audit-wrap .ak-res-sub { font-size: 14px; color: var(--gray-400); line-height: 1.5; max-width: 460px; margin: 0 auto; } #ak-audit-wrap .ak-breakdown { display: grid; gap: 10px; margin-bottom: 24px; } #ak-audit-wrap .ak-bd-item { background: var(--navy-light); border: 1px solid rgba(255,255,255,0.06); border-radius: 10px; padding: 14px 18px; display: flex; align-items: center; gap: 14px; } #ak-audit-wrap .ak-bd-lbl { font-size: 13px; font-weight: 600; flex: 1; } #ak-audit-wrap .ak-bd-bar { flex: 2; height: 4px; background: rgba(255,255,255,.08); border-radius: 3px; overflow: hidden; } #ak-audit-wrap .ak-bd-fill { height: 100%; background: var(--mint); border-radius: 3px; transition: width .9s ease; } #ak-audit-wrap .ak-bd-hrs { font-size: 16px; font-weight: 800; color: var(--mint); min-width: 44px; text-align: right; } #ak-audit-wrap .ak-insight { border-radius: 12px; padding: 18px 20px; margin-bottom: 20px; border: 1px solid; } #ak-audit-wrap .ak-insight.hi { background: rgba(244,63,94,.08); border-color: rgba(244,63,94,.22); } #ak-audit-wrap .ak-insight.md { background: rgba(245,158,11,.08); border-color: rgba(245,158,11,.22); } #ak-audit-wrap .ak-insight.lo { background: rgba(16,185,129,.08); border-color: rgba(16,185,129,.22); } #ak-audit-wrap .ak-insight-lbl { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 6px; } #ak-audit-wrap .ak-insight.hi .ak-insight-lbl { color: var(--red); } #ak-audit-wrap .ak-insight.md .ak-insight-lbl { color: var(--amber); } #ak-audit-wrap .ak-insight.lo .ak-insight-lbl { color: var(--green); } #ak-audit-wrap .ak-insight-txt { font-size: 13px; line-height: 1.55; opacity: .9; } #ak-audit-wrap .ak-cta { background: var(--navy-mid); border: 1px solid rgba(0,229,179,.18); border-radius: 14px; padding: 28px 24px; text-align: center; } #ak-audit-wrap .ak-cta-pre { font-size: 10px; font-weight: 700; color: var(--mint); text-transform: uppercase; letter-spacing: .1em; margin-bottom: 8px; } #ak-audit-wrap .ak-cta-title { font-size: 17px; font-weight: 700; margin-bottom: 7px; line-height: 1.3; } #ak-audit-wrap .ak-cta-desc { font-size: 13px; color: var(--gray-400); line-height: 1.55; margin-bottom: 20px; } #ak-audit-wrap .ak-cta-note { margin-top: 12px; font-size: 11px; color: var(--gray-500); } /* ── MOBILE ── */ @media (max-width: 768px) { #ak-audit-wrap { margin-left: 0; margin-right: 0; width: 100%; min-height: auto; } #ak-audit-wrap .ak-progress { padding: 16px 20px 0; } #ak-audit-wrap .ak-main { padding: 36px 20px 48px; } #ak-audit-wrap .ak-stats { grid-template-columns: repeat(3,1fr); gap: 8px; } #ak-audit-wrap .ak-stat { padding: 12px 8px; } #ak-audit-wrap .ak-stat .n { font-size: 18px; } #ak-audit-wrap .ak-stat .l { font-size: 10px; } #ak-audit-wrap .ak-slider-wrap { padding: 20px 16px 18px; } #ak-audit-wrap .ak-slider-num { font-size: 44px; } #ak-audit-wrap .ak-bd-item { flex-wrap: wrap; } #ak-audit-wrap .ak-bd-bar { order: 3; flex: 1 0 100%; margin-top: 6px; } #ak-audit-wrap .ak-btn-xl { font-size: 15px; padding: 15px 20px; } } @media (max-width: 480px) { #ak-audit-wrap .ak-main { padding: 28px 16px 40px; } #ak-audit-wrap .ak-intro-title { font-size: 22px; } #ak-audit-wrap .ak-cta { padding: 20px 16px; } } (function(){ const QS=[ {g:"T\u00e2ches r\u00e9p\u00e9titives",q:"Saisie de donn\u00e9es et transferts manuels",h:"Copier-coller entre outils, mise \u00e0 jour manuelle de fichiers Excel, synchronisation de donn\u00e9es entre applications."}, {g:"T\u00e2ches r\u00e9p\u00e9titives",q:"Cr\u00e9ation de rapports et synth\u00e8ses r\u00e9guli\u00e8res",h:"Rapports hebdomadaires ou mensuels, tableaux de bord mis \u00e0 jour manuellement, synth\u00e8ses d'activit\u00e9."}, {g:"T\u00e2ches r\u00e9p\u00e9titives",q:"Traitement des emails r\u00e9p\u00e9titifs et envois standards",h:"R\u00e9ponses aux m\u00eames types de questions, confirmations de commandes, relances automatiques que vous faites \u00e0 la main."}, {g:"T\u00e2ches r\u00e9p\u00e9titives",q:"Facturation, devis et relances de paiement",h:"Cr\u00e9ation manuelle de factures, envoi de devis, suivi des impay\u00e9s, relances clients."}, {g:"Relation client",q:"R\u00e9ponses aux questions fr\u00e9quentes des clients",h:"Informations sur vos services, tarifs, disponibilit\u00e9s — les m\u00eames questions qui reviennent constamment."}, {g:"Relation client",q:"Planification et gestion des rendez-vous",h:"Coordination des agendas, \u00e9changes d'emails pour trouver un cr\u00e9neau, rappels manuels de rendez-vous."}, {g:"Relation client",q:"Suivis commerciaux et relances prospects",h:"Emails de suivi apr\u00e8s un premier contact, relances de devis envoy\u00e9s, nurturing de prospects en cours."}, {g:"Relation client",q:"Qualification et tri des nouvelles demandes entrantes",h:"\u00c9valuer si une demande correspond \u00e0 votre cible, poser les premi\u00e8res questions, filtrer les leads non qualifi\u00e9s."}, {g:"Organisation interne",q:"Recherche d'informations dans vos fichiers et outils",h:"Retrouver un document, un email ou une information dispers\u00e9e entre plusieurs outils ou dossiers."}, {g:"Organisation interne",q:"Coordination manuelle entre vos diff\u00e9rents outils",h:"Synchroniser des donn\u00e9es entre CRM, agenda, comptabilit\u00e9, messagerie sans automatisation en place."}, {g:"Organisation interne",q:"Suivi manuel de l'avancement de vos projets ou t\u00e2ches",h:"V\u00e9rifier o\u00f9 en sont les commandes, les projets clients ou les t\u00e2ches de votre \u00e9quipe sans tableau de bord automatis\u00e9."}, {g:"Organisation interne",q:"T\u00e2ches r\u00e9p\u00e9titives que vous pourriez d\u00e9l\u00e9guer \u00e0 un outil",h:"Toutes les actions chronophages que vous savez pourraient \u00eatre automatis\u00e9es, mais qui ne l'ont pas encore \u00e9t\u00e9."}, ]; const GS=["T\u00e2ches r\u00e9p\u00e9titives","Relation client","Organisation interne"]; let cq=0, ans=new Array(12).fill(0); function showS(id){ document.querySelectorAll('#ak-audit-wrap .ak-screen').forEach(s=>s.classList.remove('active')); document.getElementById(id).classList.add('active'); } window.akStart=function(){cq=0;ans=new Array(12).fill(0);showQ(0);}; window.akReset=function(){document.getElementById('akProg').style.display='none';showS('akIntro');}; function showQ(i){ const q=QS[i]; document.getElementById('akGrp').textContent=q.g; document.getElementById('akQtxt').textContent=q.q; document.getElementById('akHint').textContent=q.h; const sl=document.getElementById('akSlider'); sl.value=ans[i]; akSlide(ans[i]); document.getElementById('akBack').style.display=i===0?'none':'inline-flex'; document.getElementById('akFill').style.width=Math.round((i/12)*100)+'%'; document.getElementById('akSec').textContent=GS[Math.floor(i/4)]; document.getElementById('akCnt').textContent='Question '+(i+1)+' sur 12'; document.getElementById('akProg').style.display='block'; showS('akQ'); } window.akSlide=function(v){ ans[cq]=parseInt(v); document.getElementById('akNum').textContent=v; const pct=(v/20)*100; document.getElementById('akSlider').style.background= 'linear-gradient(to right,#00E5B3 0%,#00E5B3 '+pct+'%,rgba(255,255,255,0.1) '+pct+'%,rgba(255,255,255,0.1) 100%)'; }; window.akNext=function(){ ans[cq]=parseInt(document.getElementById('akSlider').value); if(cq<11){cq++;showQ(cq);}else showResults(); }; window.akGoBack=function(){if(cq>0){cq--;showQ(cq);}}; function showResults(){ document.getElementById('akProg').style.display='none'; const tot=ans.reduce((a,b)=>a+b,0); const pct=Math.round((tot/240)*100); const g0=ans.slice(0,4).reduce((a,b)=>a+b,0); const g1=ans.slice(4,8).reduce((a,b)=>a+b,0); const g2=ans.slice(8,12).reduce((a,b)=>a+b,0); const lv=pct<25?'lo':pct<55?'md':'hi'; const cl=lv==='lo'?'#10B981':lv==='md'?'#F59E0B':'#F43F5E'; const arc=document.getElementById('akArc'); arc.style.stroke=cl; setTimeout(()=>{arc.style.transition='stroke-dashoffset 1s ease';arc.style.strokeDashoffset=364.4-(pct/100)*364.4;},100); document.getElementById('akPct').textContent=pct+'%'; document.getElementById('akPct').style.color=cl; const titles={lo:"Votre organisation est d\u00e9j\u00e0 efficace",md:"Potentiel d'automatisation identifi\u00e9",hi:"Fort potentiel d'automatisation"}; const subs={ lo:`Environ ${tot}h/semaine en t\u00e2ches manuelles. Quelques automatisations cibl\u00e9es lib\u00e8rent encore du temps pour des activit\u00e9s \u00e0 plus forte valeur.`, md:`Environ ${tot}h/semaine que des outils pourraient prendre en charge. Un plan progressif vous permettrait de r\u00e9cup\u00e9rer plusieurs heures par semaine.`, hi:`Environ ${tot}h/semaine partent dans des t\u00e2ches r\u00e9p\u00e9titives. Une strat\u00e9gie d'automatisation IA adapt\u00e9e peut transformer cette situation rapidement.`, }; document.getElementById('akRtitle').textContent=titles[lv]; document.getElementById('akRsub').textContent=subs[lv]; const groups=[{l:"T\u00e2ches r\u00e9p\u00e9titives",h:g0},{l:"Relation client",h:g1},{l:"Organisation",h:g2}]; const bd=document.getElementById('akBd');bd.innerHTML=''; groups.forEach(g=>{ const bp=Math.min(100,Math.round((g.h/80)*100)); bd.innerHTML+=``; }); setTimeout(()=>{document.querySelectorAll('#ak-audit-wrap .ak-bd-fill').forEach(e=>{e.style.transition='width .9s ease';e.style.width=e.dataset.t+'%';});},200); const ins=document.getElementById('akIns');ins.className='ak-insight '+lv; const ils={lo:"Bonne nouvelle",md:"Opportunit\u00e9 identifi\u00e9e",hi:"Priorit\u00e9 d'action"}; const ixs={ lo:"Vos processus sont bien ma\u00eetris\u00e9s. Les gains les plus int\u00e9ressants se trouvent dans l'automatisation de la relation client et dans un syst\u00e8me de lead generation autonome.", md:"Quelques automatisations bien choisies — chatbot de qualification, s\u00e9quences email, tableau de bord consolid\u00e9 — peuvent vous redonner entre 5 et 15 heures par semaine.", hi:"La bonne nouvelle : la plupart de ces heures sont r\u00e9cup\u00e9rables avec des outils existants. Ce n'est pas un projet \u00e0 six mois — quelques semaines de mise en place suffisent.", }; document.getElementById('akInsLbl').textContent=ils[lv]; document.getElementById('akInsTxt').textContent=ixs[lv]; const cts={lo:"Identifions ensemble les automatisations \u00e0 fort ROI pour votre activit\u00e9",md:"Construisons un plan d'automatisation adapt\u00e9 \u00e0 votre PME",hi:"Voyons comment r\u00e9cup\u00e9rer ces heures perdues, concr\u00e8tement"}; const cds={ lo:"En 30 minutes, je regarde votre organisation et vous indique o\u00f9 les outils IA apportent le meilleur retour.", md:"En 30 minutes, je vous propose un plan d'automatisation r\u00e9aliste et prioris\u00e9 pour votre secteur.", hi:"En 30 minutes, je vous montre quelles t\u00e2ches automatiser en premier, avec quels outils, dans quel ordre.", }; document.getElementById('akCtaT').textContent=cts[lv]; document.getElementById('akCtaD').textContent=cds[lv]; showS('akRes'); window.scrollTo({top:0,behavior:'smooth'}); } })();