:root{--color-blue-300:#93C5FD;--color-blue-400:#60A5FA;--color-blue-500:#3B82F6;--color-blue-600:#2563EB;--color-blue-700:#1D4ED8;--color-blue-800:#1E40AF;--color-teal-400:#2DD4BF;--color-teal-500:#14B8A6;--color-teal-600:#0D9488;--color-teal-700:#0F766E;--color-amber-400:#FBBF24;--color-amber-500:#F59E0B;--color-amber-600:#D97706;--color-slate-50:#F8FAFC;--color-slate-100:#F1F5F9;--color-slate-200:#E2E8F0;--color-slate-300:#CBD5E1;--color-slate-400:#94A3B8;--color-slate-500:#64748B;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1E293B;--color-slate-900:#0F172A;--color-success:#16A34A;--color-warning:#F59E0B;--color-error:#DC2626;--color-primary:var(--color-blue-600);--color-primary-hover:var(--color-blue-700);--color-secondary:var(--color-teal-600);--color-secondary-hover:var(--color-teal-700);--color-accent:var(--color-amber-500);--color-accent-hover:var(--color-amber-600);--color-background:#FAFBFD;--color-surface:#FFFFFF;--color-surface-alt:var(--color-slate-50);--color-text:var(--color-slate-800);--color-text-secondary:var(--color-slate-600);--color-text-muted:var(--color-slate-400);--color-border:var(--color-slate-200);--gradient-primary:linear-gradient(135deg,var(--color-blue-600) 0%,var(--color-blue-700) 100%);--gradient-accent:linear-gradient(135deg,var(--color-teal-500) 0%,var(--color-teal-600) 100%);--gradient-warm:linear-gradient(135deg,var(--color-amber-400) 0%,var(--color-amber-500) 100%);--font-heading:"Space Grotesk",sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.07),0 2px 4px -2px rgb(0 0 0/0.05);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.08),0 4px 6px -4px rgb(0 0 0/0.04);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.08),0 8px 10px -6px rgb(0 0 0/0.04);--shadow-card:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.06);--shadow-card-hover:0 10px 25px rgba(0,0,0,0.1),0 4px 10px rgba(0,0,0,0.06);--shadow-blue:0 4px 14px rgba(37,99,235,0.25);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background-color:var(--color-background)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2}canvas,img,picture,svg,video{display:block;max-width:100%}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary-hover)}.content-text a,p a{text-decoration:underline;text-underline-offset:2px}.content-text a:hover,p a:hover{text-decoration-thickness:2px}button{font-family:inherit;cursor:pointer;border:none;background:none}ol,ul{list-style:none}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-5)}@media (min-width:640px){.container{padding:0 var(--spacing-6)}}@media (min-width:1024px){.container{padding:0 var(--spacing-8)}}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-xl);transition:all var(--transition-base)}.btn-primary{background:var(--gradient-primary);color:white;box-shadow:var(--shadow-blue)}.btn-primary:hover{color:white;transform:translateY(-2px);box-shadow:var(--shadow-blue),var(--shadow-lg)}.btn-secondary{background:var(--gradient-accent);color:white;box-shadow:0 4px 14px rgba(13,148,136,.25)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(13,148,136,.35),var(--shadow-lg)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:white}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--spacing-6);transition:all var(--transition-base);box-shadow:var(--shadow-card)}.card:hover{border-color:var(--color-blue-300);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(37,99,235,.15)}50%{box-shadow:0 0 30px rgba(37,99,235,.25)}}@keyframes spin{to{transform:rotate(1turn)}}.animate-fadeIn{animation:fadeIn .6s ease forwards}.animate-slideIn{animation:slideIn .6s ease forwards}.animate-glow{animation:glow 3s ease-in-out infinite}.bg-grid{background-image:linear-gradient(rgba(37,99,235,.04) 1px,transparent 0),linear-gradient(90deg,rgba(37,99,235,.04) 1px,transparent 0);background-size:50px 50px}.bg-aurora{background:radial-gradient(ellipse at 20% 20%,rgba(37,99,235,.06) 0,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(13,148,136,.05) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(245,158,11,.04) 0,transparent 50%)}.btn-nav-cta{display:none}@media (min-width:768px){.btn-nav-cta{display:inline-flex}}.prompt-tester{margin:var(--spacing-6) 0;padding:var(--spacing-5);background:linear-gradient(135deg,rgba(37,99,235,.04),rgba(13,148,136,.04));border:1px solid rgba(37,99,235,.15);border-radius:var(--radius-xl)}.prompt-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.prompt-icon{font-size:var(--font-size-xl)}.prompt-label{font-family:var(--font-heading);font-weight:600;color:var(--color-primary)}.prompt-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-4)}.prompt-content{background:var(--color-slate-50);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.prompt-code{padding:var(--spacing-4);font-family:Fira Code,monospace;font-size:var(--font-size-sm);color:var(--color-slate-800);white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;line-height:1.6;margin:0}.prompt-copy-btn{display:block;width:100%;margin-top:var(--spacing-4);padding:var(--spacing-3);background:var(--gradient-primary);color:white;font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.prompt-copy-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-blue)}.step-by-step{margin:var(--spacing-6) 0;padding:var(--spacing-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.step-by-step-title{display:flex;align-items:center;gap:var(--spacing-2);font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-4)}.steps-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.step-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.step-item:hover{border-color:var(--color-primary)}.step-completed{border-color:rgba(16,185,129,.5);background:rgba(16,185,129,.05)}.step-header{gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-4);background:transparent;border:none;color:var(--color-text);cursor:pointer;text-align:left}.step-header,.step-number{display:flex;align-items:center}.step-number{justify-content:center;width:28px;height:28px;background:var(--gradient-primary);color:white;font-weight:700;font-size:var(--font-size-sm);border-radius:var(--radius-full);flex-shrink:0}.step-completed .step-number{background:linear-gradient(135deg,#10B981,#059669)}.step-title{flex:1 1;font-weight:600}.step-toggle{color:var(--color-text-muted);font-size:var(--font-size-lg)}.step-content{padding:var(--spacing-4);padding-top:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.step-check-btn{margin-top:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4);background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);color:#10B981;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.step-check-btn:hover{background:rgba(16,185,129,.2)}.steps-progress{display:flex;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-border)}.steps-progress-bar{height:6px;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width .3s ease;flex:1 1;max-width:200px}.steps-progress span{font-size:var(--font-size-sm);color:var(--color-text-muted)}.tool-demo{margin:var(--spacing-6) 0;padding:var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.demo-iframe,.demo-image,.demo-video{width:100%;border-radius:var(--radius-lg)}.demo-description{margin-top:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center}.callout{display:flex;gap:var(--spacing-3);margin:var(--spacing-6) 0;padding:var(--spacing-4);border-radius:var(--radius-lg);border-left:4px solid}.callout-info{background:rgba(37,99,235,.06);border-color:var(--color-primary)}.callout-warning{background:rgba(245,158,11,.06);border-color:var(--color-warning)}.callout-success{background:rgba(22,163,74,.06);border-color:var(--color-success)}.callout-tip{background:rgba(13,148,136,.06);border-color:var(--color-secondary)}.callout-icon{font-size:var(--font-size-lg);flex-shrink:0}.callout-content{color:var(--color-text-secondary)}.article-figure{margin:var(--spacing-6) 0;border-radius:var(--radius-xl);overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.article-figure-illustration{border-color:rgba(37,99,235,.2)}.article-figure-infographie{border-color:rgba(13,148,136,.2)}.article-image{width:100%;height:auto;display:block;aspect-ratio:1/1;object-fit:cover}.article-figcaption{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;background:var(--color-slate-50)}@media (min-width:768px){.article-figure{max-width:600px;margin-left:auto;margin-right:auto}}.quiz-container{margin:var(--spacing-6) 0;padding:var(--spacing-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);contain:content}.quiz-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.quiz-icon{font-size:var(--font-size-2xl)}.quiz-title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.quiz-progress{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border)}.quiz-progress-bar{flex:1 1;height:6px;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width .3s ease}.quiz-progress-text{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap}.quiz-question-text{font-size:var(--font-size-lg);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-5);line-height:1.5}.quiz-options{flex-direction:column}.quiz-option,.quiz-options{display:flex;gap:var(--spacing-3)}.quiz-option{align-items:center;width:100%;padding:var(--spacing-4);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);text-align:left;cursor:pointer;transition:all var(--transition-base);min-height:56px}.quiz-option:hover:not(:disabled){border-color:var(--color-primary);background:rgba(37,99,235,.04)}.quiz-option:disabled{cursor:default}.quiz-option-correct{border-color:var(--color-accent)!important;background:rgba(16,185,129,.1)!important}.quiz-option-incorrect{border-color:var(--color-error)!important;background:rgba(239,68,68,.1)!important}.quiz-option-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gradient-primary);color:white;font-weight:700;font-size:var(--font-size-sm);border-radius:var(--radius-md);flex-shrink:0}.quiz-option-correct .quiz-option-letter{background:linear-gradient(135deg,#10B981,#059669)}.quiz-option-incorrect .quiz-option-letter{background:linear-gradient(135deg,#EF4444,#DC2626)}.quiz-option-text{flex:1 1}.quiz-option-icon{font-size:var(--font-size-lg);font-weight:700}.quiz-option-correct .quiz-option-icon{color:var(--color-accent)}.quiz-option-incorrect .quiz-option-icon{color:var(--color-error)}.quiz-explication{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-4);padding:var(--spacing-4);background:rgba(13,148,136,.06);border:1px solid rgba(13,148,136,.2);border-radius:var(--radius-lg);animation:fadeIn .3s ease}.quiz-explication-icon{font-size:var(--font-size-lg);flex-shrink:0}.quiz-explication p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0}.quiz-next-btn{display:block;width:100%;margin-top:var(--spacing-5);padding:var(--spacing-4);background:var(--gradient-primary);color:white;font-family:var(--font-heading);font-weight:600;font-size:var(--font-size-base);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.quiz-next-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-blue)}.quiz-complete{text-align:center}.quiz-result{padding:var(--spacing-6) 0}.quiz-result-emoji{font-size:4rem;display:block;margin-bottom:var(--spacing-4)}.quiz-result-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);color:var(--color-text);margin:0 0 var(--spacing-4)}.quiz-result-score{display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.score-value{font-family:var(--font-heading);font-size:var(--font-size-5xl);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-separator,.score-total{font-size:var(--font-size-3xl);color:var(--color-text-muted)}.quiz-result-message{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-6)}.quiz-result-actions{display:flex;flex-direction:column;gap:var(--spacing-3)}.quiz-retry-btn{padding:var(--spacing-3) var(--spacing-6);background:transparent;border:2px solid var(--color-border);color:var(--color-text);font-weight:600;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.quiz-retry-btn:hover{border-color:var(--color-primary);background:rgba(37,99,235,.04)}.quiz-cta-btn{display:inline-block;padding:var(--spacing-3) var(--spacing-6);background:var(--gradient-primary);color:white;font-weight:600;text-decoration:none;border-radius:var(--radius-lg);transition:all var(--transition-base)}.quiz-cta-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-blue)}@media (min-width:640px){.quiz-result-actions{flex-direction:row;justify-content:center}}.checklist-container{margin:var(--spacing-6) 0;padding:var(--spacing-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);contain:content;transition:all var(--transition-base)}.checklist-container.checklist-complete{border-color:rgba(22,163,74,.4);background:linear-gradient(135deg,rgba(22,163,74,.04) 0,var(--color-surface) 100%)}.checklist-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.checklist-icon{font-size:var(--font-size-xl)}.checklist-title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.checklist-progress{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border)}.checklist-progress-bar{flex:1 1;height:6px;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width .3s ease;max-width:200px}.checklist-progress-text{font-size:var(--font-size-sm);color:var(--color-text-muted)}.checklist-items{display:flex;flex-direction:column;gap:var(--spacing-2);list-style:none;margin:0;padding:0}.checklist-item{border-radius:var(--radius-lg);transition:all var(--transition-base)}.checklist-item:hover{background:rgba(37,99,235,.03)}.checklist-item.checked{background:rgba(22,163,74,.04)}.checklist-item-btn{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-4);background:transparent;border:none;color:var(--color-text);text-align:left;cursor:pointer;min-height:48px}.checklist-checkbox{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid var(--color-primary);border-radius:var(--radius-md);flex-shrink:0;transition:all var(--transition-base)}.checklist-item.checked .checklist-checkbox{background:var(--gradient-primary);border-color:transparent}.checklist-check{color:white;font-weight:700;font-size:var(--font-size-sm)}.checklist-text{flex:1 1;line-height:1.4}.checklist-item.checked .checklist-text{text-decoration:line-through;color:var(--color-text-muted)}.checklist-info{padding:var(--spacing-2);background:transparent;border:none;cursor:pointer;font-size:var(--font-size-base);opacity:.7;transition:opacity var(--transition-base)}.checklist-info:hover{opacity:1}.checklist-tooltip{margin:0 var(--spacing-4) var(--spacing-3);padding:var(--spacing-3);background:rgba(13,148,136,.06);border:1px solid rgba(13,148,136,.15);border-radius:var(--radius-md);animation:fadeIn .2s ease}.checklist-tooltip p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.checklist-complete-message{display:flex;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid rgba(16,185,129,.3);animation:fadeIn .3s ease}.checklist-complete-emoji{font-size:var(--font-size-2xl)}.checklist-complete-message p{margin:0;font-weight:600;color:var(--color-accent)}@media (max-width:639px){.checklist-container,.quiz-container{padding:var(--spacing-4)}.quiz-option{padding:var(--spacing-3);min-height:48px}.quiz-option-letter{width:28px;height:28px}.quiz-result-emoji{font-size:3rem}.score-value{font-size:var(--font-size-4xl)}.score-separator,.score-total{font-size:var(--font-size-2xl)}}.comparateur-container{margin:var(--spacing-6) 0;padding:var(--spacing-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);max-width:100%;overflow:visible;box-sizing:border-box}.comparateur-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.comparateur-icon{font-size:var(--font-size-xl)}.comparateur-title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.comparateur-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:100%}.comparateur-table{width:100%;border-collapse:collapse;min-width:400px}.comparateur-th,.comparateur-th-critere{padding:var(--spacing-3) var(--spacing-4);text-align:left;font-family:var(--font-heading);font-weight:600;font-size:var(--font-size-sm);color:var(--color-text);background:rgba(0,212,255,.08);border-bottom:2px solid var(--color-border);transition:all var(--transition-base)}.comparateur-th{text-align:center}.comparateur-th.highlighted{background:rgba(0,212,255,.2);color:var(--color-primary)}.comparateur-td,.comparateur-td-critere{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);transition:all var(--transition-base)}.comparateur-td{text-align:center}.comparateur-td-critere{font-weight:500;color:var(--color-text)}.comparateur-td.highlighted{background:rgba(37,99,235,.04)}.comparateur-recommandation{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-4);padding:var(--spacing-4);background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.3);border-radius:var(--radius-lg)}.comparateur-recommandation-icon{font-size:var(--font-size-lg);flex-shrink:0}.comparateur-recommandation p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.avant-apres-container{margin:var(--spacing-6) 0;padding:var(--spacing-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);contain:content}.avant-apres-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.avant-apres-icon{font-size:var(--font-size-xl)}.avant-apres-title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.avant-apres-cards{display:flex;align-items:stretch;gap:var(--spacing-4)}.avant-apres-card{flex:1 1;padding:var(--spacing-4);border-radius:var(--radius-lg);border:2px solid}.avant-card{border-color:rgba(239,68,68,.3);background:rgba(239,68,68,.05)}.apres-card{border-color:rgba(16,185,129,.3);background:rgba(16,185,129,.05)}.avant-apres-card-header{margin-bottom:var(--spacing-3)}.avant-apres-badge{display:inline-block;padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-full)}.avant-badge{background:rgba(220,38,38,.12);color:#991B1B}.apres-badge{background:rgba(22,163,74,.12);color:#166534}.avant-apres-card-content{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.avant-apres-arrow{display:flex;align-items:center;font-size:var(--font-size-2xl);color:var(--color-primary);flex-shrink:0}.avant-apres-slider-wrapper{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-lg);cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.avant-apres-image-container{position:absolute;inset:0;overflow:hidden}.avant-apres-image-container img{width:100%;height:100%;object-fit:cover}.apres-image{z-index:2}.avant-apres-label{position:absolute;bottom:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-md)}.avant-label{left:var(--spacing-3);background:rgba(239,68,68,.9);color:white}.apres-label{right:var(--spacing-3);background:rgba(16,185,129,.9);color:white}.avant-apres-handle{position:absolute;top:0;bottom:0;width:4px;transform:translateX(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;cursor:ew-resize}.avant-apres-handle-line{flex:1 1;width:4px;background:var(--gradient-primary)}.avant-apres-handle-circle{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:50%;color:white;font-size:var(--font-size-lg);box-shadow:var(--shadow-lg)}@media (max-width:639px){.avant-apres-container,.comparateur-container{padding:var(--spacing-4)}.avant-apres-cards{flex-direction:column;gap:var(--spacing-3)}.avant-apres-arrow{justify-content:center;transform:rotate(90deg)}.comparateur-table-wrapper{overflow-x:visible}.comparateur-table,.comparateur-table tbody,.comparateur-table tr{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.comparateur-table thead{display:none}.comparateur-table tbody tr{display:grid;grid-template-columns:1fr 1fr;grid-gap:2px;gap:2px;margin-bottom:var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.comparateur-td-critere{grid-column:1/-1;background:rgba(0,212,255,.08);font-weight:600;font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-3);border-bottom:1px solid var(--color-border)}.comparateur-td{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-2) var(--spacing-2);font-size:var(--font-size-xs);text-align:center;background:var(--color-surface);border-right:1px solid var(--color-border);overflow:hidden}.comparateur-table .comparateur-td{min-width:0}.comparateur-td:last-child{border-right:none}.comparateur-td[data-label]:before{content:attr(data-label);font-size:10px;font-weight:600;color:var(--color-primary);margin-bottom:2px;white-space:normal;overflow:hidden;text-overflow:ellipsis;max-width:100%}}.timeline-container{margin:var(--spacing-6) 0;padding:var(--spacing-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);contain:content}.timeline-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-5)}.timeline-icon{font-size:var(--font-size-xl)}.timeline-title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.timeline-content{flex-direction:column}.timeline-content,.timeline-item{display:flex;gap:var(--spacing-4)}.timeline-item{cursor:pointer;transition:all var(--transition-base)}.timeline-item.active .timeline-card,.timeline-item:hover .timeline-card{border-color:var(--color-primary);background:rgba(0,212,255,.05)}.timeline-connector{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-dot{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:50%;color:white;font-weight:600;font-size:var(--font-size-sm)}.timeline-line{width:2px;flex:1 1;min-height:20px;background:linear-gradient(to bottom,var(--color-primary),var(--color-border));margin:var(--spacing-2) 0}.timeline-card{flex:1 1;padding:var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.timeline-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2);flex-wrap:wrap;gap:var(--spacing-2)}.timeline-etape-titre{font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin:0}.timeline-duree{font-size:var(--font-size-sm);color:var(--color-primary)}.timeline-etape-description{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.temoignages-container{margin:var(--spacing-6) 0;padding:var(--spacing-5);background:rgba(13,148,136,.04);border:1px solid rgba(13,148,136,.15);border-radius:var(--radius-xl);contain:content}.temoignages-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.temoignages-icon{font-size:var(--font-size-xl)}.temoignages-title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.temoignages-carousel{display:flex;align-items:center;gap:var(--spacing-3)}.temoignages-nav{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text);font-size:var(--font-size-lg);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.temoignages-nav:hover{background:var(--gradient-primary);border-color:transparent;color:white}.temoignages-card{flex:1 1;padding:var(--spacing-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.temoignages-note{font-size:var(--font-size-lg);margin-bottom:var(--spacing-3)}.temoignages-texte{font-size:var(--font-size-base);font-style:italic;color:var(--color-text);line-height:1.6;margin:0 0 var(--spacing-4) 0}.temoignages-auteur{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3)}.temoignages-photo{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--color-primary)}.temoignages-auteur-info{display:flex;flex-direction:column;text-align:left}.temoignages-nom{font-weight:600;color:var(--color-text)}.temoignages-role{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.temoignages-dots{display:flex;justify-content:center;gap:var(--spacing-2);margin-top:var(--spacing-4)}.temoignages-dot{width:44px;height:44px;border-radius:50%;background:transparent;border:none;cursor:pointer;transition:all var(--transition-base);position:relative}.temoignages-dot:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:var(--color-border);transition:all var(--transition-base)}.temoignages-dot.active:before{background:var(--gradient-primary);transform:translate(-50%,-50%) scale(1.3)}.code-playground-container{margin:var(--spacing-6) 0;background:#0d1117;border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;contain:content}.code-playground-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);background:rgba(0,212,255,.08);border-bottom:1px solid var(--color-border)}.code-playground-header-left{display:flex;align-items:center;gap:var(--spacing-3)}.code-playground-icon{font-size:var(--font-size-lg)}.code-playground-title{font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin:0}.code-playground-actions{display:flex;gap:var(--spacing-2)}.code-playground-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.code-playground-btn:hover{background:var(--gradient-primary);border-color:transparent}.code-playground-description{padding:var(--spacing-3) var(--spacing-4);margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);background:rgba(0,0,0,.3)}.code-playground-editor{position:relative}.code-playground-language{position:absolute;top:var(--spacing-2);right:var(--spacing-3);padding:var(--spacing-1) var(--spacing-2);background:rgba(0,212,255,.2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-primary);text-transform:uppercase;z-index:1}.code-playground-textarea{width:100%;min-height:150px;padding:var(--spacing-4);padding-top:var(--spacing-6);background:transparent;border:none;color:#e6edf3;font-family:Fira Code,Monaco,Consolas,monospace;font-size:var(--font-size-sm);line-height:1.6;resize:vertical}.code-playground-textarea:focus{outline:none}.code-playground-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);background:rgba(0,0,0,.3);border-top:1px solid var(--color-border)}.code-playground-chars{font-size:var(--font-size-xs);color:var(--color-text-muted)}.code-playground-test-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--gradient-primary);border-radius:var(--radius-md);color:white;font-size:var(--font-size-sm);font-weight:500;text-decoration:none;transition:all var(--transition-base)}.code-playground-test-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width:639px){.code-playground-container,.temoignages-container,.timeline-container{margin:var(--spacing-4) 0}.timeline-item{gap:var(--spacing-3)}.timeline-dot{width:32px;height:32px;font-size:var(--font-size-xs)}.timeline-card{padding:var(--spacing-3)}.temoignages-nav{width:36px;height:36px;font-size:var(--font-size-base)}.temoignages-card{padding:var(--spacing-4)}.temoignages-texte{font-size:var(--font-size-sm)}.code-playground-footer,.code-playground-header{flex-direction:column;gap:var(--spacing-2)}.code-playground-test-btn{width:100%;justify-content:center}}body,html{background:var(--color-slate-50,#F8FAFC);color:var(--color-slate-900,#0F172A)}.fj-container{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.fj-container--narrow{max-width:760px}.fj-container--wide{max-width:1400px}.fj-section{padding-top:3rem;padding-bottom:3rem}.fj-section--hero{padding-top:5rem;padding-bottom:4rem}.fj-h1{font-size:clamp(2rem,4vw,3rem);line-height:1.15;margin-bottom:1rem;color:var(--color-slate-900,#0F172A)}.fj-h1,.fj-h2{font-weight:700}.fj-h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.25;margin-bottom:.75rem}.fj-h3{font-size:1.25rem;font-weight:600;line-height:1.3;margin-bottom:.5rem}.fj-lead{font-size:1.125rem;line-height:1.6;color:var(--color-slate-600,#475569);max-width:720px}.fj-text-muted{color:var(--color-slate-500,#64748B)}.fj-text-small{font-size:.875rem}.fj-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:.5rem;font-size:.9375rem;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background .15s ease,border-color .15s ease,color .15s ease}.fj-btn--primary{background:var(--color-blue-600,#2563EB);color:white}.fj-btn--primary:hover{background:var(--color-blue-700,#1D4ED8)}.fj-btn--secondary{background:transparent;color:var(--color-blue-600,#2563EB);border-color:var(--color-blue-600,#2563EB)}.fj-btn--secondary:hover{background:var(--color-blue-50,#EFF6FF)}.fj-btn--ghost{background:transparent;color:var(--color-slate-600,#475569)}.fj-btn--ghost:hover{background:var(--color-slate-100,#F1F5F9)}.fj-btn-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}.fj-card{display:block;padding:1.5rem;border:1px solid var(--color-slate-200,#e2e8f0);border-radius:.75rem;background:white;color:inherit;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}a.fj-card:hover{border-color:var(--color-blue-400,#60A5FA);box-shadow:0 4px 12px rgba(37,99,235,.08);transform:translateY(-2px)}.fj-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.25rem;gap:1.25rem}.fj-badge{display:inline-block;padding:.25rem .625rem;border-radius:.375rem;font-size:.75rem;font-weight:600;line-height:1.3}.fj-badge--blue{background:var(--color-blue-50,#EFF6FF);color:var(--color-blue-700,#1D4ED8)}.fj-badge--teal{background:#F0FDFA;color:var(--color-teal-700,#0F766E)}.fj-badge--amber{background:#FEF3C7;color:#92400E}.fj-badge--slate{background:var(--color-slate-100,#F1F5F9);color:var(--color-slate-700,#334155)}.fj-badge-row{display:flex;gap:.375rem;flex-wrap:wrap;margin-bottom:1rem}.fj-breadcrumb{font-size:.875rem;color:var(--color-slate-500,#64748B);margin-bottom:1.5rem}.fj-breadcrumb a{color:var(--color-blue-600,#2563EB)}.fj-header{background:white;border-bottom:1px solid var(--color-slate-200,#e2e8f0);position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(255,255,255,.92)}.fj-header__inner{display:flex;align-items:center;justify-content:space-between;padding-top:.875rem;padding-bottom:.875rem}.fj-logo{display:inline-flex;align-items:baseline;gap:.25rem;font-family:var(--font-heading,"Space Grotesk"),system-ui,sans-serif;font-weight:700;font-size:1.5rem;text-decoration:none;color:var(--color-slate-900,#0F172A)}.fj-logo__mark{color:var(--color-blue-600,#2563EB)}.fj-nav{display:flex;align-items:center;gap:1.5rem}.fj-nav__link{color:var(--color-slate-700,#334155);text-decoration:none;font-size:.9375rem;font-weight:500;transition:color .15s ease}.fj-nav__link:hover{color:var(--color-blue-600,#2563EB)}.fj-nav__cta{margin-left:.5rem}.fj-header__toggle{display:none;background:none;border:0;width:40px;height:40px;align-items:center;justify-content:center;cursor:pointer}.fj-burger{position:relative;display:inline-block;transition:background .15s}.fj-burger,.fj-burger:after,.fj-burger:before{width:22px;height:2px;background:var(--color-slate-900,#0F172A);border-radius:2px}.fj-burger:after,.fj-burger:before{content:"";position:absolute;left:0;transition:transform .2s}.fj-burger:before{top:-7px}.fj-burger:after{top:7px}.fj-burger--open{background:transparent}.fj-burger--open:before{transform:translateY(7px) rotate(45deg)}.fj-burger--open:after{transform:translateY(-7px) rotate(-45deg)}@media (max-width:900px){.fj-header__toggle{display:inline-flex}.fj-nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:white;border-top:1px solid var(--color-slate-200,#e2e8f0);padding:1rem 1.5rem;transform:translateY(-10px);opacity:0;visibility:hidden;transition:transform .2s,opacity .2s,visibility .2s}.fj-nav--open{transform:translateY(0);opacity:1;visibility:visible}.fj-nav__link{padding:.75rem 0;border-bottom:1px solid var(--color-slate-100,#f1f5f9)}.fj-nav__cta{margin:.75rem 0 0;text-align:center}}.fj-footer{background:var(--color-slate-900,#0F172A);color:var(--color-slate-300,#CBD5E1);padding:3rem 0 2rem;margin-top:4rem}.fj-footer__grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);grid-gap:2rem;gap:2rem}@media (max-width:900px){.fj-footer__grid{grid-template-columns:repeat(2,1fr)}.fj-footer__brand{grid-column:1/-1}}.fj-logo--footer{color:white;font-size:1.75rem;margin-bottom:1rem}.fj-logo--footer .fj-logo__mark{color:var(--color-blue-400,#60A5FA)}.fj-footer__tagline{font-size:.875rem;line-height:1.6;margin-bottom:1rem;color:var(--color-slate-400,#94A3B8)}.fj-footer__contact{font-size:.875rem;line-height:1.8}.fj-footer__contact a{color:var(--color-blue-300,#93C5FD);text-decoration:none}.fj-footer__col{min-width:0}.fj-footer__title{font-size:.9375rem;font-weight:700;color:white;margin-bottom:.75rem;letter-spacing:.02em}.fj-footer__list{list-style:none;padding:0;margin:0}.fj-footer__list li{margin-bottom:.5rem}.fj-footer__list a{color:var(--color-slate-400,#94A3B8);text-decoration:none;font-size:.875rem;transition:color .15s}.fj-footer__list a:hover{color:white}.fj-footer__bottom{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--color-slate-800,#1e293b);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font-size:.8125rem;color:var(--color-slate-500,#64748B)}.fj-footer__qualiopi{color:var(--color-teal-400,#2DD4BF)}.fj-main{min-height:calc(100vh - 200px)}.fj-hero{padding:3.5rem 0 3rem}.fj-hero__eyebrow{display:inline-block;margin-bottom:1rem;color:var(--color-blue-700,#1D4ED8);font-size:.875rem;font-weight:600}.fj-sidebar{padding:1.5rem;border:1px solid var(--color-slate-200,#e2e8f0);border-radius:.75rem;background:white;position:-webkit-sticky;position:sticky;top:5rem}.fj-tarif{font-size:2rem;font-weight:700;color:var(--color-blue-600,#2563EB);line-height:1;margin-bottom:.25rem}.fj-callout{padding:1rem 1.25rem;border-radius:.5rem;margin:1.5rem 0;font-size:.875rem;line-height:1.6}.fj-callout--amber{background:#FFFBEB;border:1px solid #fcd34d;color:#78350F}.fj-callout--blue{background:#EFF6FF;border:1px solid #93c5fd;color:#1E40AF}.fj-callout--teal{background:#F0FDFA;border:1px solid #5eead4;color:#0F766E}.fj-two-col{display:grid;grid-template-columns:1fr 300px;grid-gap:2.5rem;gap:2.5rem;align-items:start}@media (max-width:900px){.fj-two-col{grid-template-columns:1fr}.fj-sidebar{position:static}}.fj-form-group{margin-bottom:1rem}.fj-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-slate-700,#334155);margin-bottom:.375rem}.fj-input,.fj-select,.fj-textarea{width:100%;padding:.625rem .875rem;border:1px solid var(--color-slate-300,#cbd5e1);border-radius:.5rem;font-size:.9375rem;font-family:inherit;background:white;color:var(--color-slate-900,#0F172A);transition:border-color .15s,box-shadow .15s}.fj-input:focus,.fj-select:focus,.fj-textarea:focus{outline:none;border-color:var(--color-blue-500,#3B82F6);box-shadow:0 0 0 3px rgba(59,130,246,.15)}.fj-textarea{resize:vertical;min-height:100px}