:root{--violet-main:#8B5CF6;--violet-bg:#F5F3FF;--grad-dark:linear-gradient(110deg,#0F172A 0%,#1E293B 100%);--grad-green:linear-gradient(135deg,#10B981 0%,#059669 100%);--grad-blue:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);--grad-violet:linear-gradient(135deg,#8B5CF6 0%,#7C3AED 100%);--grad-orange:linear-gradient(135deg,#F59E0B 0%,#D97706 100%);--grad-red:linear-gradient(135deg,#F43F5E 0%,#BE123C 100%);--shadow-hero:0 40px 100px -20px rgba(0,0,0,0.5);}/* --- DASHBOARD STAGE --- */ .dashboard-anchor{width:100%;display:flex;justify-content:center;margin-top:40px;perspective:2500px;position:relative;/* Z-index haut pour passer au-dessus de la coupure vert/blanc */ z-index:20;}.dashboard-scale-wrap{/* 1. On passe l'échelle à 0.8 pour qu'il prenne moins de place verticale */ transform:scale(0.8) rotateX(2deg) translateY(60px);transform-origin:top center;/* 2. C'EST ICI LE FIX:On passe de -280px à -50px seulement */ margin-bottom:-50px;/* 3. On s'assure qu'il est au premier plan */ position:relative;z-index:50;}/* --- VIEWPORT --- */ .viewport{width:1440px;height:900px;background:var(--bg-app);border-radius:24px;box-shadow:var(--shadow-hero);overflow:hidden;border:1px solid rgba(255,255,255,0.8);position:relative;color:var(--text-main);text-align:left;}.dimmer-layer{position:absolute;inset:0;background:#0F172A;opacity:0;pointer-events:none;transition:opacity 0.6s var(--ease-premium);z-index:40;}.viewport.mode-focus .dimmer-layer{opacity:0.12;backdrop-filter:blur(1px);}.viewport.mode-focus .app-layout{transform:scale(0.97);filter:blur(0.5px);}.is-focused{position:relative;z-index:50 !important;transform:scale(1.06) translateY(-10px) !important;box-shadow:var(--shadow-pop) !important;background:white !important;border-color:rgba(16,185,129,0.4) !important;border-radius:16px;transition:all 0.6s var(--ease-premium);}/* --- DASHBOARD CSS --- */ .app-layout{width:100%;height:100%;display:grid;grid-template-columns:260px 1fr 380px;position:relative;z-index:1;transition:transform 0.6s var(--ease-premium),filter 0.6s ease;transform-origin:center 300px;}/* Sidebar */ .sidebar{background:var(--surface);border-right:1px solid var(--border);padding:32px 24px;display:flex;flex-direction:column;z-index:10;text-align:left;}.logo-db{font-size:22px;font-weight:800;display:flex;align-items:center;gap:12px;margin-bottom:48px;color:var(--text-main);letter-spacing:-0.5px;}.logo-db i{color:#10B981;font-size:24px;}.nav-label{font-size:11px;font-weight:700;color:var(--text-light);text-transform:uppercase;margin-bottom:12px;margin-top:24px;}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:4px;border-radius:10px;color:var(--text-muted);font-size:14px;font-weight:600;cursor:pointer;transition:0.2s;}.nav-item.active{background:#ECFDF5;color:#065F46;}.user-profile{margin-top:auto;display:flex;align-items:center;gap:12px;padding:16px;background:#F8FAFC;border-radius:12px;border:1px solid var(--border);}.avatar{width:40px;height:40px;background:var(--grad-dark);color:white;border-radius:10px;display:grid;place-items:center;font-weight:700;font-size:14px;}/* Main */ .main-dashboard{padding:40px;display:flex;flex-direction:column;gap:24px;overflow:hidden;position:relative;text-align:left;}.header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px;}.h-title{font-size:28px;font-weight:800;color:var(--text-main);letter-spacing:-1px;}.filter-btn{background:white;border:1px solid var(--border);padding:10px 20px;border-radius:8px;font-weight:600;color:var(--text-main);font-size:13px;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-soft);}/* KPI Grid */ .kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;height:160px;}.card{background:var(--surface);border-radius:16px;padding:24px;box-shadow:var(--shadow-soft);border:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:visible;transition:transform 0.6s var(--ease-premium);}.card.hero{background:linear-gradient(180deg,#FFFFFF 0%,#F0FDF4 100%);border:1px solid #BBF7D0;}.kpi-label{font-size:11px;font-weight:800;text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;}.money-lockup{display:flex;align-items:baseline;gap:4px;margin-top:8px;white-space:nowrap;}.kpi-val{font-size:32px;font-weight:800;color:var(--text-main);letter-spacing:-1px;line-height:1;}.kpi-curr{font-size:26px;font-weight:600;color:var(--text-muted);transform:translateY(0);}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:6px 12px;border-radius:50px;margin-top:auto;}.chip-green{background:#DCFCE7;color:#047857;border:1px solid #86EFAC;}.card.impact{border-top:4px solid #F59E0B;cursor:pointer;}.impact-val{font-size:42px;font-weight:800;color:var(--text-main);letter-spacing:-1px;}.impact-desc{font-size:13px;color:var(--text-muted);font-weight:600;margin-top:6px;line-height:1.4;}.info-icon{color:#F59E0B;font-size:14px;margin-left:6px;}.impact-tooltip{position:absolute;bottom:-50px;left:50%;transform:translateX(-50%) translateY(10px);background:#1E293B;color:white;padding:10px 16px;border-radius:8px;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;transition:all 0.3s ease;z-index:100;pointer-events:none;}.card.impact.is-focused .impact-tooltip{opacity:1;transform:translateX(-50%) translateY(0);bottom:12px;}.card.audit{border-top:4px solid #3B82F6;}.scanner-visual{position:relative;height:40px;margin-top:10px;display:flex;gap:8px;align-items:center;}.pdf-icon{font-size:20px;color:#CBD5E1;}.scan-beam{position:absolute;top:-5px;bottom:-5px;width:2px;background:#3B82F6;box-shadow:0 0 15px #3B82F6;animation:beamMove 3s infinite ease-in-out;left:0;}.ai-badge{position:absolute;right:0;top:0;font-size:10px;background:#EFF6FF;color:#1E40AF;padding:2px 6px;border-radius:4px;font-weight:700;}@keyframes beamMove{0%{left:0;opacity:0;}20%{opacity:1;}80%{opacity:1;}100%{left:100%;opacity:0;}}/* Expert Banner */ .expert-banner{background:var(--grad-dark);border-radius:16px;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;color:white;margin-top:8px;position:relative;overflow:hidden;box-shadow:0 15px 30px -5px rgba(15,23,42,0.25);transition:transform 0.4s ease;}.expert-banner::after{content:'';position:absolute;right:-50px;top:-50px;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,0.05) 0%,transparent 70%);border-radius:50%;pointer-events:none;}.eb-content h3{font-size:16px;font-weight:700;margin-bottom:4px;letter-spacing:0.5px;display:flex;align-items:center;gap:12px;}.live-dot{display:inline-block;width:12px;height:12px;background:#22C55E;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,0.1),0 0 8px rgba(34,197,94,0.6);animation:pulseGreen 2s infinite;flex-shrink:0;}@keyframes pulseGreen{0%{box-shadow:0 0 0 2px rgba(255,255,255,0.1),0 0 0 0 rgba(34,197,94,0.7);}70%{box-shadow:0 0 0 2px rgba(255,255,255,0.1),0 0 0 6px rgba(34,197,94,0);}100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1),0 0 0 0 rgba(34,197,94,0);}}.eb-content p{font-size:13px;opacity:0.8;margin-left:24px;}.eb-right{display:flex;align-items:center;gap:20px;}.avatars{display:flex;margin-right:-12px;}.av-img{width:44px;height:44px;border-radius:50%;border:2px solid white;object-fit:cover;background:white;opacity:0;transform:translateX(10px);box-shadow:0 4px 8px rgba(0,0,0,0.2);animation:slideAvatars 0.6s cubic-bezier(0.34,1.56,0.64,1) forwards;}.av-img:nth-child(1){z-index:3;animation-delay:0.2s;}.av-img:nth-child(2){z-index:2;animation-delay:0.3s;}.av-img:nth-child(3){z-index:1;animation-delay:0.4s;}@keyframes slideAvatars{to{opacity:1;transform:translateX(0);}}.expert-btn{background:white;color:#0F172A;border:none;padding:12px 24px;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,0.2);position:relative;top:0;text-decoration:none;}.hiring-badge{font-size:10px;background:#10B981;color:white;padding:2px 6px;border-radius:4px;margin-left:4px;}/* Table */ .table-container{background:var(--surface);border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow-card);flex:1;display:flex;flex-direction:column;overflow:hidden;transition:transform 0.4s ease;}.table-head{padding:16px 24px;background:#FAFAFA;border-bottom:1px solid var(--border);font-size:13px;font-weight:700;color:var(--text-main);}.journal-wrap{flex:1;overflow:hidden;position:relative;}.journal-list{display:flex;flex-direction:column;}.row{display:grid;grid-template-columns:80px 60px 1.5fr 1fr 140px;padding:16px 24px;border-bottom:1px solid #F1F5F9;align-items:center;background:white;height:72px;transition:all 0.5s ease;}.r-date{font-size:12px;color:var(--text-muted);font-weight:600;background:#F1F5F9;padding:4px 8px;border-radius:6px;text-align:center;}.r-supp{display:flex;align-items:center;justify-content:center;}.r-logo-img{max-height:24px;max-width:40px;object-fit:contain;}.r-desc{font-size:13px;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.r-amt{text-align:left;font-weight:800;font-size:14px;color:var(--text-main);padding-left:10px;}/* CORRECTION COULEURS PILLS */ .status-pill{padding:8px 12px;border-radius:99px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:white;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:var(--shadow-btn);text-shadow:0 1px 2px rgba(0,0,0,0.1);width:100%;}.pill-green{background:var(--grad-green);}.pill-blue{background:var(--grad-blue);}.pill-red{background:var(--grad-red);}.pill-violet{background:var(--grad-violet);}.pill-coral{background:var(--grad-red);}.table-foot{padding:12px 24px;background:#F8FAFC;border-top:1px solid var(--border);text-align:right;font-size:12px;font-weight:600;color:var(--text-muted);}/* Right Sidebar */ .right-sidebar{background:#FAFAFA;border-left:1px solid var(--border);display:flex;flex-direction:column;z-index:20;padding:32px 24px;gap:24px;transform-style:preserve-3d;}.module-box{background:white;border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:var(--shadow-card);position:relative;transition:transform 0.4s ease;}.mix-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}.mix-title{font-size:13px;font-weight:800;color:var(--text-main);text-transform:uppercase;letter-spacing:0.5px;}.switch{background:#E2E8F0;padding:3px;border-radius:6px;display:flex;}.switch-opt{padding:4px 10px;font-size:10px;font-weight:700;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:0.2s;}.switch-opt.active{background:#012635;color:white;box-shadow:0 2px 4px rgba(0,0,0,0.2);}.error-bars{display:flex;flex-direction:column;gap:14px;}.bar-group{display:flex;flex-direction:column;gap:6px;}.bg-top{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:var(--text-main);}.bg-track{width:100%;height:8px;background:#E2E8F0;border-radius:4px;overflow:hidden;}.bg-fill{height:100%;border-radius:4px;width:0;transition:width 1s cubic-bezier(0.4,0,0.2,1);}/* CORRECTION COULEURS BARRES */ .fill-red{background:var(--grad-red);}.fill-orange{background:var(--grad-orange);}.fill-blue{background:var(--grad-blue);}.fill-violet{background:var(--grad-violet);}.legal-chat-box{background:white;border:1px solid var(--border);border-radius:16px;padding:0;overflow:hidden;box-shadow:var(--shadow-card);height:220px;display:flex;flex-direction:column;transition:transform 0.4s ease;}.chat-top{padding:12px 16px;background:#F8FAFC;border-bottom:1px solid var(--border);font-size:12px;font-weight:700;color:var(--text-main);display:flex;justify-content:space-between;align-items:center;}.chat-content{flex:1;padding:16px;display:flex;flex-direction:column;gap:12px;background:white;overflow:hidden;position:relative;}.chat-msg{display:flex;gap:10px;align-items:flex-start;opacity:0;transform:translateY(10px);transition:0.3s;}.chat-msg.visible{opacity:1;transform:translateY(0);}.cm-av{width:32px;height:32px;border-radius:50%;overflow:hidden;border:1px solid #E2E8F0;flex-shrink:0;display:grid;place-items:center;background:white;padding:2px;}.cm-av img{width:100%;height:100%;object-fit:contain;}.cm-bubble{padding:8px 12px;border-radius:10px;font-size:11px;line-height:1.4;max-width:200px;}.cm-legal{background:#F1F5F9;color:var(--text-main);border-bottom-left-radius:2px;}.cm-supp{background:#EFF6FF;color:#1E40AF;border:1px solid #BFDBFE;border-bottom-right-radius:2px;align-self:flex-end;}.chat-msg.right{flex-direction:row-reverse;}.system-msg{align-self:center;background:#ECFDF5;color:#047857;padding:6px 12px;border-radius:20px;font-size:10px;font-weight:700;border:1px solid #A7F3D0;display:flex;align-items:center;gap:6px;opacity:0;transform:scale(0.9);transition:0.3s;}.system-msg.visible{opacity:1;transform:scale(1);}.trust-box-lg{flex:1;background:white;border:1px solid var(--border);border-radius:16px;padding:32px 24px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow-card);position:relative;overflow:hidden;transition:transform 0.4s ease;}.trust-box-lg::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--grad-dark);}.slide-lg{display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0;transition:opacity 0.5s ease-in-out;position:absolute;inset:0;padding:32px 24px;pointer-events:none;}.slide-lg.active{opacity:1;}.logo-giant{height:40px;width:auto;object-fit:contain;margin-bottom:24px;}.quote-lg{font-size:16px;line-height:1.5;color:var(--text-main);font-weight:400;margin-bottom:16px;font-style:italic;}.author-lg{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;}/* --- GLOBAL EYEBROW (PETIT TITRE) --- */ .global-eyebrow{display:inline-flex;align-items:center;gap:8px;/* Espace entre le point et le texte */ font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#065F46;/* Vert foncé lisible */ background-color:#ECFDF5;/* Fond vert très pâle */ padding:6px 12px;border-radius:100px;margin-bottom:16px;/* Espace avant le H2 */ border:1px solid #D1FAE5;/* Bordure subtile */}/* Le petit point vert */ .global-eyebrow::before{content:'';width:6px;height:6px;background-color:#10B981;/* Vert unisave vibrant */ border-radius:50%;box-shadow:0 0 0 2px rgba(16,185,129,0.2);/* Petit halo */}/* Skip to content */ .skip-link{position:absolute;top:-100px;left:50%;transform:translateX(-50%);background:#0F172A;color:white;padding:12px 24px;border-radius:0 0 8px 8px;z-index:9999;font-weight:700;text-decoration:none;transition:top 0.2s;}.skip-link:focus{top:0;}/* HEADER STICKY */ #main-header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all 0.3s ease;padding:20px 0;font-family:'Plus Jakarta Sans',sans-serif;}#main-header.scrolled{background-color:rgba(255,255,255,0.95);backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,0.05);padding:12px 0;}#main-header.scrolled .header-logo{color:#0F172A;}#main-header.scrolled .header-link{color:#5A6A7B;}#main-header.scrolled .header-link:hover{color:#10B981;}#main-header.scrolled .header-btn{background-color:#10B981;color:#FFFFFF;}.header-container{max-width:1240px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;}.header-logo{font-size:24px;font-weight:800;color:#FFFFFF;text-decoration:none;display:flex;align-items:center;gap:8px;letter-spacing:-0.5px;transition:color 0.3s;}.header-logo img{width:32px;height:32px;border-radius:8px;object-fit:cover;}.header-nav{display:flex;gap:32px;}.header-link{font-size:14px;font-weight:600;color:rgba(255,255,255,0.9);text-decoration:none;transition:0.3s;padding:14px 0;}.header-link:hover{color:#FFFFFF;}.header-btn{background-color:#FFFFFF;color:#034533;font-size:14px;font-weight:700;padding:10px 24px;border-radius:50px;text-decoration:none;transition:0.3s;box-shadow:0 4px 10px rgba(0,0,0,0.1);}.header-btn:hover{transform:translateY(-2px);}/* Language switch */ .lang-switch{display:flex;gap:4px;align-items:center;margin-left:8px;}.lang-option{font-size:13px;font-weight:600;padding:4px 8px;border-radius:6px;text-decoration:none;color:rgba(255,255,255,0.6);transition:0.2s;}.lang-option.active{background:rgba(255,255,255,0.15);color:#FFFFFF;}.lang-option:hover{color:#FFFFFF;}#main-header.scrolled .lang-option{color:rgba(15,23,42,0.5);}#main-header.scrolled .lang-option.active{background:rgba(15,23,42,0.08);color:#0F172A;}#main-header.scrolled .lang-option:hover{color:#0F172A;}/* HERO SECTION (CORRECTION ESPACEMENT) */ /* --- LE CONTENEUR PRINCIPAL --- */ #hero-wrapper{position:relative;width:100%;/* IMPORTANT:Autoriser le dépassement */ overflow:visible;z-index:10;}/* --- LE FOND VERT --- */ .hero-bg-layer{position:absolute;top:0;left:0;right:0;/* On fixe la hauteur du vert. Le reste dessous sera blanc. */ height:var(--bg-height,850px);background:radial-gradient(75% 85% at 50% 0%,#0F8A68 0%,#034533 100%);z-index:0;/* On ajoute une forme arrondie en bas si tu veux,sinon enlève border-radius */ border-bottom-left-radius:40px;border-bottom-right-radius:40px;}.hero-container{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;align-items:center;/* C'EST ICI LA CORRECTION:On pousse le contenu vers le bas */ padding-top:160px;}.hero-content{text-align:center;max-width:900px;margin-bottom:40px;}.hero-h1{font-size:clamp(48px,5vw,64px);font-weight:800;color:#FFFFFF;margin:0 0 24px 0;line-height:1.1;letter-spacing:-2px;}.hero-subtitle{font-size:19px;color:rgba(255,255,255,0.95);margin:0 auto 40px auto;max-width:680px;line-height:1.5;font-weight:500;}/* CTA HERO */ .hero-btn-submit{background:#0B1727;color:#FFF;border:none;padding:18px 48px;border-radius:50px;font-weight:700;font-size:17px;cursor:pointer;transition:0.2s;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,0.2);}.hero-btn-submit:hover{transform:translateY(-2px);background:#1E293B;}/* Hero proof stats */ .hero-proof{display:flex;align-items:center;justify-content:center;gap:0;margin:40px auto 0;background:rgba(255,255,255,0.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.12);border-radius:16px;padding:24px 0;max-width:600px;}.hero-proof-item{text-align:center;flex:1;padding:0 24px;}.hero-proof-item:not(:last-child){border-right:1px solid rgba(255,255,255,0.15);}.hero-proof-val{font-size:32px;font-weight:800;color:white;letter-spacing:-0.5px;line-height:1.1;}.hero-proof-label{font-size:12px;color:rgba(255,255,255,0.65);margin-top:4px;line-height:1.3;}/* Mobile menu */ .mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;z-index:1001;}.mobile-menu-btn span{display:block;width:24px;height:2px;background:#FFFFFF;margin:5px 0;border-radius:2px;transition:0.3s;}#main-header.scrolled .mobile-menu-btn span{background:#0F172A;}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}.mobile-menu-btn.active span:nth-child(2){opacity:0;}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}.mobile-nav-overlay{display:none;position:fixed;inset:0;background:rgba(255,255,255,0.98);backdrop-filter:blur(10px);z-index:999;flex-direction:column;align-items:center;justify-content:center;gap:32px;}.mobile-nav-overlay.active{display:flex;}.mobile-nav-overlay a{font-size:20px;font-weight:700;color:#0F172A;text-decoration:none;}.mobile-nav-overlay a:hover{color:#10B981;}.mobile-nav-overlay .mobile-cta{background:#10B981;color:white;padding:14px 36px;border-radius:50px;font-size:16px;}@media (max-width:1200px){.dashboard-anchor{display:none;}.hero-bg-layer{height:600px;}.hero-container{padding-top:140px;}}@media (max-width:900px){.header-nav{display:none;}.header-btn{display:none;}.mobile-menu-btn{display:block;}.hero-h1{font-size:36px !important;letter-spacing:-1px;}.hero-subtitle{font-size:16px;}.hero-container{padding-top:120px;}.hero-bg-layer{height:640px;}.hero-proof{max-width:100%;margin-top:28px;padding:18px 0;background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.18);flex-wrap:wrap;}.hero-proof-val{font-size:26px;}.hero-proof-label{font-size:11px;}.hero-proof-item{padding:0 16px;}/* Mobile nav overlay:proper touch targets */ .mobile-nav-overlay a{padding:12px 24px;min-height:44px;display:flex;align-items:center;justify-content:center;}}@media (max-width:768px){.hero-proof{flex-direction:column;gap:16px;padding:20px 16px;border-radius:12px;}.hero-proof-item:not(:last-child){border-right:none;border-bottom:1px solid rgba(255,255,255,0.15);padding-bottom:16px;}.hero-proof-item{padding:0 !important;}.hero-bg-layer{height:auto;min-height:100%;}.hero-btn-submit{padding:16px 32px;font-size:16px;}}/* ========================================= */ /* CSS DE LA SECTION 2:PAIN POINTS */ /* ========================================= */ /* STRUCTURE */ /* --- SECTION 2:PAIN POINTS (ESPACEMENT AUGMENTÉ) --- */ .pain-section{background-color:#FFFFFF;/* IMPORTANT:On met un gros padding en haut (150px) pour pousser le texte */ padding:150px 40px 80px 40px;position:relative;/* IMPORTANT:Z-index bas pour rester DERRIÈRE le dashboard */ z-index:1;}#pain-section{scroll-margin-top:120px;/* ajuste:90 / 110 / 140 selon ton header */}/* Option:pour toutes les sections avec id */ section[id]{scroll-margin-top:120px;}.pain-container{max-width:1200px;margin:0 auto;}.pain-header{text-align:center;max-width:700px;margin:0 auto 70px auto;}.pain-header h2{font-size:42px;font-weight:800;color:#0F172A;letter-spacing:-1px;line-height:1.1;margin-bottom:20px;}.pain-header p{font-size:18px;color:#5A6A7B;font-weight:500;line-height:1.6;}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}/* STYLE DES CARTES (PREMIUM) */ .visual-card{background:#FFFFFF;border-radius:24px;border:1px solid #E2E8F0;box-shadow:0 20px 40px -10px rgba(15,23,42,0.05);overflow:hidden;display:flex;flex-direction:column;transition:transform 0.3s ease,box-shadow 0.3s ease;}.visual-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px -15px rgba(15,23,42,0.12);}.vc-illustration{height:260px;background:#F8FAFC;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}.vc-content{padding:32px;background:#FFFFFF;flex:1;border-top:1px solid #F1F5F9;}.vc-content h3{font-size:20px;font-weight:800;color:#0F172A;margin-bottom:12px;margin-top:0;}.vc-content p{font-size:15px;line-height:1.6;color:#5A6A7B;margin:0;}.vc-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:14px;font-weight:600;color:#10B981;text-decoration:none;transition:gap 0.2s;}.vc-link:hover{gap:10px;}/* --- SCENE 1:LE FLUX (FACTURES NON AUDITÉES) --- */ .ui-scene-1{position:relative;width:100%;height:100%;display:flex;justify-content:center;}.invoice-scroll-track{width:140px;display:flex;flex-direction:column;gap:16px;position:absolute;top:-50px;animation:scrollDown 8s linear infinite;/* Défilement continu */}.mini-invoice{background:white;border-radius:12px;padding:12px;box-shadow:0 4px 10px rgba(0,0,0,0.05);border:1px solid #E2E8F0;height:90px;display:flex;flex-direction:column;gap:10px;flex-shrink:0;}.mi-row{display:flex;justify-content:space-between;align-items:center;}.mi-logo{width:20px;height:20px;background:#CBD5E1;border-radius:4px;}.mi-badge-ok{font-size:9px;font-weight:800;background:#DCFCE7;color:#166534;padding:2px 6px;border-radius:4px;}.mi-lines span{display:block;height:6px;background:#F1F5F9;margin-bottom:6px;border-radius:4px;}.mi-lines span:last-child{width:60%;}.warning-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#FEF2F2;color:#991B1B;border:1px solid #FCA5A5;padding:10px 16px;border-radius:50px;font-size:12px;font-weight:700;box-shadow:0 10px 30px rgba(220,38,38,0.2);display:flex;align-items:center;gap:8px;z-index:10;white-space:nowrap;animation:popWarning 4s ease-in-out infinite;}/* --- SCENE 2:LE STACK (RÈGLES INSTABLES) --- */ .ui-scene-2{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}.card-stack{position:relative;width:160px;height:100px;}.reg-card{position:absolute;width:100%;height:100%;background:white;border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,0.08);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#0F172A;transition:all 0.5s ease;}.tag-update{font-size:9px;background:#EFF6FF;color:#1E40AF;padding:2px 8px;border-radius:10px;margin-top:6px;animation:pulseBlue 2s infinite;}/* --- SCENE 3:LE GAP (CONSOS ESTIMÉES) --- */ .ui-scene-3{position:relative;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:20px;}.chart-container{display:flex;align-items:flex-end;gap:40px;position:relative;}.bar-col{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;}.bar-label{font-size:11px;font-weight:700;color:#5A6A7B;text-transform:uppercase;}.bar-track{width:40px;height:140px;display:flex;align-items:flex-end;justify-content:center;}/* Barre Réelle (Bleue) */ .bar-fill-real{width:100%;background:#3B82F6;border-radius:6px 6px 0 0;height:0;animation:growReal 4s ease-out infinite;opacity:0.3;}/* Barre Facturée (Orange + Hachures) */ .bar-fill-billed{width:100%;height:0;border-radius:6px 6px 0 0;background:#F97316;animation:growBilled 4s ease-out infinite;position:relative;overflow:hidden;}.billed-pattern{position:absolute;top:0;left:0;width:100%;height:40%;/* Top part hatched */ background:repeating-linear-gradient( 45deg,rgba(255,255,255,0.2),rgba(255,255,255,0.2) 5px,transparent 5px,transparent 10px );}.badge-est{position:absolute;top:-25px;background:#FFF7ED;color:#C2410C;border:1px solid #FDBA74;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;opacity:0;animation:showEst 4s infinite;white-space:nowrap;}/* Badge Final (Non régulé) */ .badge-error{position:absolute;top:50px;left:50%;transform:translateX(-50%);background:#FEF2F2;color:#991B1B;border:1px solid #FCA5A5;padding:6px 12px;border-radius:50px;font-size:11px;font-weight:700;box-shadow:0 5px 15px rgba(0,0,0,0.1);opacity:0;animation:showError 4s infinite;z-index:10;white-space:nowrap;}/* --- ANIMATIONS KEYFRAMES --- */ @keyframes scrollDown{0%{transform:translateY(-90px);}100%{transform:translateY(120px);}}@keyframes popWarning{0%,20%{opacity:0;transform:translate(-50%,-40%) scale(0.9);}30%,70%{opacity:1;transform:translate(-50%,-50%) scale(1);}80%,100%{opacity:0;transform:translate(-50%,-60%) scale(0.9);}}/* Animation Cycle du Stack */ .c1{z-index:3;top:0;transform:scale(1);animation:stackCycle1 9s infinite;}.c2{z-index:2;top:15px;transform:scale(0.95);opacity:0.7;animation:stackCycle2 9s infinite;}.c3{z-index:1;top:30px;transform:scale(0.9);opacity:0.4;animation:stackCycle3 9s infinite;}@keyframes stackCycle1{0%,25%{transform:scale(1) translateY(0);z-index:3;opacity:1;}30%,55%{transform:scale(0.9) translateY(30px);z-index:1;opacity:0.4;}60%,100%{transform:scale(0.95) translateY(15px);z-index:2;opacity:0.7;}}@keyframes stackCycle2{0%,25%{transform:scale(0.95) translateY(15px);z-index:2;opacity:0.7;}30%,55%{transform:scale(1) translateY(0);z-index:3;opacity:1;}60%,100%{transform:scale(0.9) translateY(30px);z-index:1;opacity:0.4;}}@keyframes stackCycle3{0%,25%{transform:scale(0.9) translateY(30px);z-index:1;opacity:0.4;}30%,55%{transform:scale(0.95) translateY(15px);z-index:2;opacity:0.7;}60%,100%{transform:scale(1) translateY(0);z-index:3;opacity:1;}}@keyframes pulseBlue{50%{opacity:0.6;}}@keyframes growReal{0%{height:0;}30%,80%{height:60%;}100%{height:0;}}@keyframes growBilled{0%{height:0;}40%,80%{height:100%;}100%{height:0;}}@keyframes showEst{0%,30%{opacity:0;transform:translateY(5px);}40%,80%{opacity:1;transform:translateY(0);}100%{opacity:0;}}@keyframes showError{0%,45%{opacity:0;transform:translate(-50%,10px);}50%,80%{opacity:1;transform:translate(-50%,0);}100%{opacity:0;}}/* Responsive */ @media (max-width:1024px){.pain-grid{grid-template-columns:1fr;}.pain-header h2{font-size:32px;}.pain-section{padding-top:80px;}}@media (max-width:768px){.vc-illustration{height:180px;}.pain-grid{gap:16px;}.vc-card{padding:24px;}.pain-section{padding:80px 20px 60px 20px;}.pain-header h2{font-size:28px;}}@media (max-width:640px){.pain-section{padding:60px 20px 60px 20px;}.pain-header{margin-bottom:32px;}.pain-header h2{font-size:26px;}.vc-card{padding:20px;min-height:auto;}}.steps-section{background:#F8FAFC;padding:80px 24px;font-family:'Plus Jakarta Sans',sans-serif;}.steps-container{max-width:1200px;margin:0 auto;}.steps-header{text-align:center;margin-bottom:60px;}.steps-header h2{font-size:36px;font-weight:800;color:#0F172A;letter-spacing:-0.5px;margin:0 0 12px 0;}.steps-header p{font-size:17px;color:#5A6A7B;max-width:550px;margin:0 auto;line-height:1.5;}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative;}.steps-grid::before{content:'';position:absolute;top:48px;left:calc(16.66% + 16px);right:calc(16.66% + 16px);height:2px;background:linear-gradient(to right,#10B981,#3B82F6);z-index:0;}.step-item{text-align:center;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;}.step-number{width:96px;height:96px;border-radius:50%;background:#FFFFFF;border:2px solid #E2E8F0;display:flex;align-items:center;justify-content:center;margin:0 auto 24px auto;font-size:32px;color:#10B981;box-shadow:0 8px 24px rgba(0,0,0,0.06);transition:all 0.3s ease;}.step-item:hover .step-number{border-color:#10B981;transform:translateY(-4px);box-shadow:0 12px 32px rgba(16,185,129,0.15);}.step-item h3{font-size:18px;font-weight:800;color:#0F172A;margin:0 0 8px 0;}.step-item p{font-size:14px;color:#5A6A7B;line-height:1.5;max-width:100%;margin:0 auto;}.step-timeline{display:inline-block;margin-top:auto;padding-top:12px;font-size:12px;font-weight:700;color:#10B981;background:#ECFDF5;padding:4px 12px;border-radius:20px;letter-spacing:0.02em;}@media (max-width:768px){.steps-grid{grid-template-columns:1fr;gap:24px;}.steps-grid::before{display:none;}.steps-header h2{font-size:28px;}}@media (max-width:640px){.steps-section{padding:48px 16px;}.steps-header{margin-bottom:32px;}.steps-header h2{font-size:24px;}.step-number{width:64px;height:64px;font-size:24px;}.step-item h3{font-size:16px;}}/* --- CSS SCOPÉ --- */ #solution-engine{--se-navy:#0F172A;--se-slate:#5A6A7B;--se-green:#10B981;--se-bg:#FFFFFF;--se-border:#E2E8F0;font-family:'Plus Jakarta Sans',sans-serif;box-sizing:border-box;background-color:var(--se-bg) !important;color:var(--se-navy);}#solution-engine *{box-sizing:border-box;}/* SECTION & CONTAINER */ .solution-section{background:var(--se-bg);padding:72px 40px;overflow:hidden;}.sol-container{max-width:1200px;margin:0 auto;}/* HEADER */ .sol-header{margin-bottom:48px;max-width:100%;text-align:left;}.sol-title{font-size:clamp(26px,3vw,34px);font-weight:800;color:var(--se-navy);line-height:1.15;letter-spacing:-0.6px;margin-bottom:12px;margin-top:0;white-space:normal;}.sol-subtitle{font-size:16px;color:var(--se-slate);line-height:1.45;font-weight:500;max-width:620px;margin:0;}/* GRID */ .sol-grid{display:grid;grid-template-columns:350px 1fr;gap:48px;align-items:flex-start;}@media (max-width:1024px){.sol-grid{grid-template-columns:1fr;gap:40px;}}@media (max-width:768px){.sol-visual-stage{height:350px;}#solution-engine{padding:48px 20px;}}@media (max-width:640px){.sol-visual-stage{height:280px;border-radius:12px;}#solution-engine{padding:40px 16px;}.sol-title{font-size:24px;}.sol-subtitle{font-size:14px;}.step-card{padding:12px 14px;}}/* NAV (GAUCHE) */ .sol-nav{display:flex;flex-direction:column;gap:8px;position:relative;}.step-highlight{position:absolute;left:0;right:0;border-radius:12px;pointer-events:none;z-index:0;background:linear-gradient(135deg,rgba(16,185,129,0.1) 0%,rgba(34,197,94,0.05) 100%);border:1px solid rgba(16,185,129,0.2);transition:transform 0.25s cubic-bezier(.2,.9,.2,1),height 0.25s cubic-bezier(.2,.9,.2,1),opacity 0.15s ease;opacity:0;}.step-card{padding:16px 20px;border-radius:12px;cursor:pointer;position:relative;z-index:1;transition:opacity 0.3s ease;opacity:0.5;}.step-card:hover{opacity:0.8;}.step-card.active{opacity:1;}.step-progress-wrap{height:3px;width:100%;background:#F1F5F9;border-radius:4px;overflow:hidden;margin-bottom:6px;}.step-progress-bar{height:100%;width:0%;background:var(--se-navy);border-radius:4px;transition:width 0.1s linear;}.step-content h3{margin:0;font-size:16px;font-weight:700;color:var(--se-navy);}.step-content p{margin:4px 0 0 0;font-size:14px;line-height:1.4;color:var(--se-slate);}/* VISUEL (DROITE) */ .right-col-wrapper{display:flex;flex-direction:column;gap:32px;width:100%;}.sol-visual-stage{height:460px;width:100%;border-radius:18px;position:relative;overflow:hidden;border:1px solid var(--se-border);background:linear-gradient(180deg,#F8FAFC 0%,#FFFFFF 100%);}.sol-visual-stage::before{content:'';position:absolute;top:-50px;left:-50px;width:300px;height:300px;background:rgba(16,185,129,0.08);filter:blur(80px);border-radius:50%;z-index:0;}.app-window{position:absolute;top:50%;left:50%;transform:translate(-50%,-45%);width:90%;max-width:400px;height:360px;background:white;border-radius:10px;box-shadow:0 20px 40px -10px rgba(15,23,42,0.1);border:1px solid rgba(226,232,240,0.8);display:flex;flex-direction:column;overflow:hidden;z-index:10;opacity:0;transition:opacity 0.5s ease,transform 0.5s cubic-bezier(0.25,1,0.5,1);}.visual-scene{position:absolute;inset:0;pointer-events:none;}.visual-scene.active{pointer-events:auto;}.visual-scene.active .app-window{opacity:1;transform:translate(-50%,-50%);}.app-header{padding:10px 14px;background:rgba(255,255,255,0.95);border-bottom:1px solid var(--se-border);display:flex;align-items:center;justify-content:space-between;}.dots{display:flex;gap:5px;}.dot{width:7px;height:7px;border-radius:50%;background:#CBD5E1;}.app-label{font-size:9px;font-weight:700;color:var(--se-slate);text-transform:uppercase;}.app-body{flex:1;position:relative;display:flex;flex-direction:column;}.app-body.padded{padding:20px;}.app-body.centered{align-items:center;justify-content:center;}/* CTA */ .cta-wrapper-right{width:100%;display:flex;justify-content:center;}.btn-audit{background:var(--se-navy);color:white;height:52px;padding:0 40px;border-radius:999px;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 4px 12px rgba(15,23,42,0.15);transition:transform 0.2s,background 0.2s;display:inline-flex;align-items:center;justify-content:center;}.btn-audit:hover{transform:translateY(-2px);background:#1E293B;}/* --- SCENES INTERNES --- */ /* Scene 1:Audit */ .scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:#3B82F6;box-shadow:0 0 10px #3B82F6;z-index:20;animation:scanDown 2.5s ease-in-out infinite;}@keyframes scanDown{0%{top:0;opacity:0;}10%{opacity:1;}90%{opacity:1;}100%{top:100%;opacity:0;}}.audit-list{display:flex;flex-direction:column;gap:8px;width:100%;}.audit-row{display:flex;justify-content:space-between;padding:8px 12px;background:white;border:1px solid var(--se-border);border-radius:6px;}.ar-year{font-weight:700;font-size:12px;}.ar-status{font-size:10px;font-weight:700;color:var(--se-slate);}.audit-row.error{border-color:#FECACA;background:#FEF2F2;}.audit-row.checked{border-color:#86EFAC;background:#F0FDF4;}/* Scene 2:Stack */ .stack-area{flex:1;position:relative;width:100%;}.err-card{position:absolute;left:16px;right:16px;height:46px;background:white;border:1px solid var(--se-border);border-radius:8px;padding:0 14px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px rgba(0,0,0,0.03);transition:0.4s;}.app-footer{padding:10px 16px;background:#F8FAFC;border-top:1px solid var(--se-border);display:flex;justify-content:space-between;margin-top:auto;}.af-total{font-weight:800;color:var(--se-navy);font-size:14px;}/* --- SCENE 3:NEGO (VERSION AGRANDIE) --- */ .nego-list{display:flex;flex-direction:column;width:100%;padding:30px 40px 0 40px;/* Marges agrandies */ position:relative;}.nego-item{display:flex;align-items:center;gap:20px;/* Espace texte/icone plus grand */ padding-bottom:32px;/* Plus d'espace vertical */ opacity:0.3;transition:0.4s ease;position:relative;}/* Connecteur recalculé pour icone 24px */ .nego-item::before{content:'';position:absolute;left:11px;top:24px;width:2px;height:100%;background:#E2E8F0;z-index:0;}.nego-item:last-child{padding-bottom:0;}.nego-item:last-child::before{display:none;}.ni-icon{width:24px;height:24px;/* Icone plus grande */ border-radius:50%;background:white;border:3px solid #CBD5E1;z-index:1;transition:0.3s;box-shadow:0 0 0 4px white;flex-shrink:0;}.ni-text{font-size:17px;/* Texte plus gros */ font-weight:700;color:var(--se-navy);}.nego-item.active{opacity:1;}.nego-item.active .ni-icon{background:var(--se-green);border-color:var(--se-green);box-shadow:0 0 0 4px #D1FAE5;}.toast-success{background:#DCFCE7;color:#166534;border:1px solid #86EFAC;padding:12px 24px;/* Toast plus grand */ border-radius:30px;font-size:14px;font-weight:700;margin-top:25px;display:inline-flex;align-items:center;gap:8px;opacity:0;transform:translateY(10px);transition:0.4s;}.toast-success.visible{opacity:1;transform:translateY(0);}/* Scene 4:Pricing */ .price-card{background:white;border:1px solid var(--se-border);padding:24px;border-radius:12px;text-align:center;width:85%;}.pc-compare{display:flex;justify-content:center;gap:16px;margin:16px 0;align-items:center;}.pc-opt.highlight .pc-val{color:var(--se-green);font-size:24px;}/* --- SCOPED CSS:TEAM SECTION (CADRAGE OPTIMISÉ) --- */ #team-expertise{background:#FFFFFF;padding:80px 24px;font-family:'Plus Jakarta Sans',sans-serif;}.tm-container{max-width:1200px;margin:0 auto;}/* HEADER */ .tm-header{margin-bottom:20px;}.tm-title{font-size:36px;font-weight:800;color:#0B1727;margin:0 0 12px 0;letter-spacing:-1px;}.tm-subtitle{font-size:15px;color:#5A6A7B;font-weight:500;max-width:700px;line-height:1.4;}/* GRID PRINCIPALE */ .tm-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch;}/* --- COLONNE GAUCHE (TEXTES) --- */ .tm-cards-col{display:flex;flex-direction:column;justify-content:space-between;gap:10px;height:100%;}.tm-card{background:#FFFFFF;border:1px solid #E2E8F0;border-radius:14px;padding:16px;transition:0.2s;display:flex;flex-direction:column;justify-content:center;flex:1;}.tm-card:hover{border-color:#10B981;box-shadow:0 4px 12px rgba(0,0,0,0.05);transform:translateY(-2px);}.tm-card-header{display:flex;align-items:center;gap:10px;margin-bottom:6px;}.tm-icon-box{width:28px;height:28px;background:#F0FDF4;color:#10B981;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;}.tm-card-title{font-size:15px;font-weight:700;color:#0B1727;margin:0;}.tm-card-text{font-size:12px;line-height:1.35;color:#5A6A7B;margin:0 0 8px 0;}.tm-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;}.tm-tag{font-size:10px;font-weight:700;color:#0B1727;background:#F1F5F9;padding:3px 8px;border-radius:4px;}/* --- COLONNE DROITE (IMAGES) --- */ .tm-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:130px 1fr;gap:10px;height:100%;min-height:360px;}.tm-photo-box{position:relative;border-radius:14px;overflow:hidden;background:#E2E8F0;}/* --- GESTION DU CADRAGE DES IMAGES --- */ .tm-img-fit{width:100%;height:100%;object-fit:cover;/* Remplit la case sans déformer */ display:block;transition:transform 0.5s;/* ASTUCE CADRAGE:*/ /* '50% 20%' signifie:Centre horizontalement,mais concentre-toi sur le haut (20%) */ /* Cela évite de couper les têtes des personnes */ object-position:50% 20%;}.tm-photo-box:hover .tm-img-fit{transform:scale(1.05);}.tm-photo-wide{grid-column:span 2;}/* Badges */ .tm-overlay-badge{position:absolute;bottom:8px;left:8px;background:rgba(255,255,255,0.95);padding:3px 6px;border-radius:4px;display:flex;align-items:center;gap:4px;font-size:8px;font-weight:800;color:#0B1727;box-shadow:0 2px 6px rgba(0,0,0,0.1);z-index:2;}.tm-dot{width:4px;height:4px;background:#10B981;border-radius:50%;}.tm-dot.blue{background:#3B82F6;}/* FOOTER SECTION (Barre Noire) */ .tm-trust-banner{margin-top:20px;background:#012635;border-radius:12px;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;color:white;}.tm-trust-text{font-size:12px;font-weight:600;}.tm-cta-btn{background:white;color:#012635;padding:6px 16px;border-radius:50px;text-decoration:none;font-weight:700;font-size:11px;transition:0.2s;white-space:nowrap;}.tm-cta-btn:hover{background:#E2E8F0;}/* RESPONSIVE */ @media (max-width:1024px){.tm-grid-layout{grid-template-columns:1fr;}.tm-mosaic{min-height:300px;grid-template-rows:140px 160px;}.tm-card{min-height:auto;}.tm-trust-banner{flex-direction:column;gap:10px;text-align:center;}}@media (max-width:640px){.tm-mosaic{min-height:220px;grid-template-rows:100px 100px;}.tm-card{padding:14px;}.tm-title{font-size:26px;}.tm-subtitle{font-size:14px;}#team-expertise{padding:48px 16px;}}/* Hide scrollbars on horizontal scroll carousels */ .eb-grid::-webkit-scrollbar,.cs-grid::-webkit-scrollbar,.why-grid::-webkit-scrollbar{display:none;}.eb-grid,.cs-grid,.why-grid{scrollbar-width:none;}/* --- SCOPED CSS --- */ #eb-improved-services{/* Colors */ --eb-bg:#FFFFFF;--eb-card-bg:#FFFFFF;--eb-illus-bg:#F8FAFC;--eb-text-main:#0F172A;--eb-text-muted:#5A6A7B;--eb-border:#E2E8F0;/* Theme Colors */ --c-recov:#10B981;/* Green */ --c-optim:#3B82F6;/* Blue */ --c-monit:#F59E0B;/* Amber/Orange */ --c-compl:#8B5CF6;/* Violet */ font-family:'Plus Jakarta Sans',sans-serif;background-color:var(--eb-bg);padding:96px 24px;box-sizing:border-box;}#eb-improved-services *{box-sizing:border-box;}.eb-container{max-width:1200px;margin:0 auto;}/* 1. SECTION HEADER */ .eb-header{text-align:center;margin-bottom:64px;}.eb-h2{font-size:36px;font-weight:800;color:var(--eb-text-main);margin:0 0 16px 0;letter-spacing:-0.5px;}.eb-subtitle{font-size:18px;color:var(--eb-text-muted);font-weight:500;max-width:600px;margin:0 auto;}/* GRID LAYOUT */ .eb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;/* Pas de margin-bottom nécessaire car plus de bouton en dessous */}/* CARD STRUCTURE */ .eb-card{background:var(--eb-card-bg);border:1px solid var(--eb-border);border-radius:24px;padding:32px 24px 24px 24px;display:flex;flex-direction:column;min-height:480px;transition:all 0.3s ease;position:relative;overflow:hidden;}.eb-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -10px rgba(0,0,0,0.08);border-color:var(--accent);}/* Title */ .eb-card-title{font-size:20px;font-weight:700;color:var(--eb-text-main);margin:0 0 24px 0;line-height:1.3;}/* ILLUSTRATION STAGE */ .eb-illus{flex-grow:1;/* Pousse le contenu */ background:var(--eb-illus-bg);border-radius:16px;margin-bottom:24px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid rgba(226,232,240,0.6);min-height:160px;/* Espace garanti pour l'anim */}/* Bullets */ .eb-list{list-style:none;padding:0;margin:0 0 24px 0;display:flex;flex-direction:column;gap:10px;}.eb-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--eb-text-muted);font-weight:500;line-height:1.4;}.eb-dot{width:5px;height:5px;background-color:var(--accent);border-radius:50%;margin-top:7px;flex-shrink:0;}/* INDIVIDUAL CTA BUTTONS inside cards */ .eb-card-btn-wrap{margin-top:auto;/* Pousse le bouton tout en bas */}.eb-card-btn{display:block;width:100%;text-align:center;background-color:var(--accent);color:#FFFFFF;font-size:13px;font-weight:700;padding:12px 16px;border-radius:50px;text-decoration:none;transition:all 0.2s;box-shadow:0 4px 6px rgba(0,0,0,0.1);}.eb-card-btn:hover{transform:translateY(-2px);filter:brightness(110%);box-shadow:0 6px 12px rgba(0,0,0,0.15);}/* --- ANIMATIONS & POPUPS --- */ /* Popups Style */ .eb-popup{position:absolute;background:#FFFFFF;border:1px solid var(--accent);color:var(--accent);padding:6px 12px;border-radius:8px;font-size:12px;font-weight:800;box-shadow:0 8px 16px rgba(0,0,0,0.1);z-index:10;opacity:0;}@keyframes floatUpFade{0%{opacity:0;transform:translateY(15px) scale(0.9);}15%{opacity:1;transform:translateY(0) scale(1);}70%{opacity:1;transform:translateY(0) scale(1);}85%{opacity:0;transform:translateY(-10px) scale(0.95);}100%{opacity:0;transform:translateY(-10px);}}/* Card 1 Animation Elements */ .rec-doc{width:60px;height:80px;background:white;border:1px solid #CBD5E1;border-radius:4px;position:relative;box-shadow:0 4px 10px rgba(0,0,0,0.05);}.rec-line{height:4px;background:#E2E8F0;margin:8px auto;width:80%;border-radius:2px;}.rec-scan{position:absolute;top:0;left:-5px;right:-5px;height:2px;background:var(--c-recov);box-shadow:0 0 10px var(--c-recov);animation:scan 3s infinite ease-in-out;}@keyframes scan{0%,100%{top:0;opacity:0;}20%{opacity:1;}80%{top:100%;opacity:1;}}/* Card 2 Animation Elements */ .opt-chart{display:flex;align-items:flex-end;gap:4px;height:50px;}.opt-bar{width:12px;background:#CBD5E1;border-radius:2px 2px 0 0;}.opt-bar:nth-child(1){height:80%;}.opt-bar:nth-child(2){height:60%;animation:bar2 4s infinite;}.opt-bar:nth-child(3){height:40%;background:var(--c-optim);animation:bar3 4s infinite;}@keyframes bar2{0%,100%{height:60%;}50%{height:50%;}}@keyframes bar3{0%,100%{height:40%;}50%{height:30%;}}/* Card 3 Animation Elements */ .mon-radar{width:80px;height:80px;border-radius:50%;border:1px solid #E2E8F0;position:relative;overflow:hidden;background:radial-gradient(circle,#fff,#f1f5f9);}.mon-sweep{position:absolute;inset:0;background:conic-gradient(transparent 0deg,rgba(245,158,11,0.2) 60deg,transparent 60.1deg);border-radius:50%;animation:spin 3s infinite linear;}.mon-dot{width:8px;height:8px;background:#EF4444;border-radius:50%;position:absolute;top:20px;right:20px;animation:blink 3s infinite;}@keyframes spin{100%{transform:rotate(360deg);}}@keyframes blink{0%,100%{opacity:0;}50%{opacity:1;}}/* Card 4 Animation Elements */ .com-list{width:70px;display:flex;flex-direction:column;gap:6px;}.com-row{height:6px;background:#E2E8F0;border-radius:3px;position:relative;overflow:hidden;}.com-fill{height:100%;width:0;background:var(--c-compl);animation:fillRow 4s infinite;}.com-row:nth-child(1) .com-fill{animation-delay:0s;}.com-row:nth-child(2) .com-fill{animation-delay:1s;}.com-row:nth-child(3) .com-fill{animation-delay:2s;}@keyframes fillRow{0%{width:0;}20%,90%{width:100%;}100%{width:0;}}.eb-dots{display:none;}/* Responsive */ @media (max-width:1024px){.eb-grid{grid-template-columns:1fr 1fr;}}@media (max-width:768px){.eb-grid{grid-template-columns:1fr;}.eb-card{min-height:auto;}.eb-h2{font-size:28px;}}@media (max-width:640px){.eb-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:12px 16px;-webkit-overflow-scrolling:touch;overflow-y:visible;clip-path:inset(-12px -16px);}.eb-grid::after{content:'';flex:0 0 1px;}.eb-card{flex:0 0 85vw;scroll-snap-align:start;min-height:auto;}.eb-card:hover{transform:translateY(-4px);}.eb-h2{font-size:28px;}.eb-dots{display:flex;justify-content:center;gap:8px;margin-top:20px;}.eb-dot{width:8px;height:8px;border-radius:50%;background:#CBD5E1;transition:all 0.3s;cursor:pointer;border:none;padding:0;}.eb-dot.active{background:#10B981;width:24px;border-radius:4px;}}/* ================================ AIRCALL CASE STUDIES (COMPACT 80%) ================================ */ #case-studies-section{/* Colors */ --bg:#FFFFFF;/* fond blanc (comme tu veux) */ --tint:#F4F6F8;/* gris clair Aircall */ --text:#0F172A;--muted:#5A6A7B;--accent:#10B981;/* Global sizing */ --container:1200px;--gap:24px;--radius:26px;--card-h:300px;font-family:'Plus Jakarta Sans',sans-serif;background:var(--bg);padding:40px 24px;box-sizing:border-box;}#case-studies-section *{box-sizing:border-box;}.cs-container{max-width:var(--container);margin:0 auto;}/* ---------- HEADER ---------- */ .cs-header{text-align:center;margin-bottom:18px;}.cs-label{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:8px;}.cs-title{margin:0;font-size:36px;font-weight:800;letter-spacing:-.02em;color:var(--text);}/* ---------- GRID (TRUE AIRCALL) ---------- */ .cs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));/* ✅ pas de calc,pas de débordement */ gap:var(--gap);align-items:stretch;}/* ---------- CARD BASE ---------- */ .cs-card{position:relative;min-height:var(--card-h);border-radius:var(--radius);overflow:hidden;background:#fff;text-decoration:none;cursor:pointer;transition:transform .20s ease,box-shadow .20s ease;}.cs-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(15,23,42,.10);}/* ---------- LARGE CARD (span-2) ---------- */ .cs-span-2{grid-column:span 2;}/* ---------- FORCE ROW 1:2 cards side by side ---------- */ .cs-row1:first-child{grid-column:1;grid-row:1;}.cs-row1:nth-child(2){grid-column:2 / -1;grid-row:1;}/* ========================================= TEXT CARD (AIRCALL QUOTE) - COMPACT ========================================= */ .cs-card.type-text{background:var(--tint);padding:20px 22px;display:flex;flex-direction:column;box-shadow:none;}.cs-card.type-text:hover{transform:none;box-shadow:none;}/* small square icon top-left */ .cs-client-logo{width:24px;height:24px;border-radius:7px;object-fit:cover;display:block;margin-bottom:12px;}.cs-quote-text{font-size:15px;/* plus petit */ font-weight:400;/* enlève le bold */ line-height:1.5;color:#334155;/* optionnel:plus doux */}.cs-author{margin-top:auto;padding-top:12px;}.cs-author-name{display:block;font-size:12.5px;font-weight:700;color:var(--text);}.cs-author-role{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-top:2px;}/* CTA */ .cs-cta{margin-top:10px;font-size:13px;font-weight:700;color:var(--accent);display:inline-flex;align-items:center;gap:8px;text-decoration:none;width:max-content;}.cs-cta:hover{gap:10px;}/* ========================================= IMAGE CARD (AIRCALL) - COMPACT ========================================= */ .cs-card.type-image{background:#0F172A;padding:0;}.cs-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .30s ease;}.cs-card.type-image:hover .cs-bg-img{transform:scale(1.02);}/* Aircall gradient */ .cs-overlay{position:absolute;inset:0;background:linear-gradient( 180deg,rgba(15,23,42,0) 45%,rgba(15,23,42,.50) 72%,rgba(15,23,42,.82) 100% );}/* Logo badge top-left */ .cs-logo-badge{position:absolute;top:16px;left:16px;background:#fff;padding:7px 10px;border-radius:12px;box-shadow:0 8px 22px rgba(15,23,42,.16);z-index:2;}.cs-logo-badge img{height:18px;width:auto;display:block;}/* pill tag */ .cs-tag{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:700;color:#fff;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(6px);}/* content bottom */ .cs-image-content{position:absolute;left:16px;right:16px;bottom:14px;color:#fff;z-index:2;}.cs-quote-light{margin:10px 0 8px 0;font-size:16px;line-height:1.30;font-weight:800;letter-spacing:-.01em;max-width:22ch;}.cs-card.type-image .cs-cta{color:#fff;margin-top:4px;font-size:13px;font-weight:700;}/* ========================================= RESPONSIVE (AIRCALL-LIKE) ========================================= */ .cs-dots{display:none;}@media (max-width:1100px){#case-studies-section{padding:34px 20px;}.cs-title{font-size:26px;}.cs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}.cs-span-2{grid-column:span 1;}.cs-card{min-height:300px;}}@media (max-width:640px){.cs-row1{grid-column:auto !important;grid-row:auto !important;}.cs-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:0 16px 8px;}.cs-card{flex:0 0 80vw;scroll-snap-align:start;min-height:280px;}.cs-span-2{flex:0 0 80vw;}.cs-card.type-text{padding:18px 18px;}.cs-logo-badge{top:14px;left:14px;}.cs-image-content{left:14px;right:14px;bottom:14px;}.cs-dots{display:flex;justify-content:center;gap:8px;margin-top:20px;}.cs-dot{width:8px;height:8px;border-radius:50%;background:#CBD5E1;transition:all 0.3s;cursor:pointer;border:none;padding:0;}.cs-dot.active{background:#10B981;width:24px;border-radius:4px;}}#stats-premium-section{background-color:#FFFFFF;padding:100px 24px;position:relative;overflow:hidden;}#stats-premium-section::before{content:'';position:absolute;inset:0;background-image:radial-gradient(#E2E8F0 1px,transparent 1px);background-size:24px 24px;opacity:0.4;pointer-events:none;}.st-container{max-width:1200px;margin:0 auto;position:relative;z-index:2;}.st-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}/* --- CARTE DESIGN --- */ .st-card{background:#FFFFFF;border:1px solid #E2E8F0;border-radius:20px;padding:32px 24px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;opacity:0;transform:translateY(40px);transition:opacity 0.8s cubic-bezier(0.25,1,0.5,1),transform 0.8s cubic-bezier(0.25,1,0.5,1),box-shadow 0.3s,border-color 0.3s;}.st-card.is-visible{opacity:1;transform:translateY(0);}/* Délais en cascade */ .st-card:nth-child(1){transition-delay:0.1s;}.st-card:nth-child(2){transition-delay:0.2s;}.st-card:nth-child(3){transition-delay:0.3s;}.st-card:nth-child(4){transition-delay:0.4s;}.st-card.is-visible:hover{transform:translateY(-8px);box-shadow:0 15px 30px -5px rgba(15,23,42,0.08);border-color:#CBD5E1;transition-delay:0s;}/* HEADER CARTE */ .st-card-top{width:100%;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;}.st-icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;}/* Couleurs Icones */ .st-c1{background:#ECFDF5;color:#059669;}.st-c2{background:#EFF6FF;color:#2563EB;}.st-c3{background:#FFFBEB;color:#D97706;}.st-c4{background:#F5F3FF;color:#7C3AED;}/* Badges */ .st-trend{font-size:11px;font-weight:700;padding:4px 8px;border-radius:50px;display:flex;align-items:center;gap:4px;}.st-trend.positive{background:#F0FDF4;color:#166534;border:1px solid #BBF7D0;}/* CHIFFRES & DÉGRADÉS SPÉCIFIQUES */ .st-val{font-size:42px;font-weight:800;line-height:1;margin-bottom:8px;letter-spacing:-1px;min-width:100px;/* Propriétés de base pour le gradient text */ -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}/* Carte 1:Vert */ .st-card:nth-child(1) .st-val{background-image:linear-gradient(135deg,#10B981 0%,#047857 100%);}/* Carte 2:Bleu */ .st-card:nth-child(2) .st-val{background-image:linear-gradient(135deg,#3B82F6 0%,#1E40AF 100%);}/* Carte 3:Orange */ .st-card:nth-child(3) .st-val{background-image:linear-gradient(135deg,#F59E0B 0%,#B45309 100%);}/* Carte 4:Violet */ .st-card:nth-child(4) .st-val{background-image:linear-gradient(135deg,#8B5CF6 0%,#6D28D9 100%);}.st-label{font-size:15px;font-weight:700;color:#0F172A;margin-bottom:6px;display:block;}.st-sub{font-size:13px;color:#5A6A7B;font-weight:500;line-height:1.5;}@media (max-width:1024px){.st-grid{grid-template-columns:1fr 1fr;}}@media (max-width:640px){.st-grid{grid-template-columns:1fr 1fr;gap:16px;}.st-val{font-size:28px;}}@media (max-width:480px){.st-grid{grid-template-columns:1fr;}.st-card{padding:24px 20px;}}#why-unisave{background:#FFFFFF;padding:96px 24px;font-family:'Plus Jakarta Sans',sans-serif;}.why-container{max-width:1200px;margin:0 auto;}.why-header{text-align:center;margin-bottom:64px;}.why-title{font-size:36px;font-weight:800;color:#0F172A;letter-spacing:-1px;margin:0 0 16px 0;}.why-subtitle{font-size:17px;color:#5A6A7B;max-width:600px;margin:0 auto;line-height:1.6;}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}.why-card{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:16px;padding:32px 24px;transition:border-color 0.2s,box-shadow 0.2s;}.why-card:hover{border-color:#10B981;box-shadow:0 8px 24px rgba(16,185,129,0.08);}.why-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:white;margin-bottom:20px;}.why-card h3{font-size:17px;font-weight:700;color:#0F172A;margin:0 0 8px 0;}.why-card p{font-size:14px;color:#5A6A7B;line-height:1.6;margin:0;}@media (max-width:1024px){.why-grid{grid-template-columns:1fr 1fr;}}@media (max-width:640px){.why-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:0 16px 8px;}.why-grid > *{flex:0 0 80vw;scroll-snap-align:start;}.why-title{font-size:28px;}.why-dots{display:flex;justify-content:center;gap:8px;margin-top:20px;}.why-dot{width:8px;height:8px;border-radius:50%;background:#CBD5E1;transition:all 0.3s;cursor:pointer;border:none;padding:0;}.why-dot.active{background:#10B981;width:24px;border-radius:4px;}}.why-dots{display:none;}#sec-carousel-section{border-top:1px solid #E2E8F0;/* Variables */ --sec-bg:#F8FAFC;--sec-card-bg:#FFFFFF;--sec-text-main:#0F172A;--sec-text-sub:#5A6A7B;--sec-accent:#10B981;position:relative;background-color:var(--sec-bg);/* MODIFICATION ICI:80px haut,24px cotés,0px bas */ padding:80px 24px 0px 24px;overflow:hidden;font-family:'Plus Jakarta Sans',sans-serif;}.sec-glow{position:absolute;top:0;left:50%;transform:translateX(-50%);width:600px;height:400px;background:radial-gradient(circle,rgba(16,185,129,0.08) 0%,transparent 70%);pointer-events:none;z-index:1;}.sec-container{position:relative;z-index:2;max-width:1200px;margin:0 auto;}/* --- HEADER --- */ .sec-header{text-align:center;margin-bottom:60px;}.sec-badge{display:inline-flex;align-items:center;gap:8px;background:#ECFDF5;color:#059669;font-size:12px;font-weight:800;padding:6px 14px;border-radius:50px;margin-bottom:24px;border:1px solid #A7F3D0;box-shadow:0 4px 6px -1px rgba(16,185,129,0.1);}.sec-title{font-size:36px;font-weight:800;color:var(--sec-text-main);margin:0 0 16px 0;letter-spacing:-0.5px;}.sec-subtitle{font-size:16px;color:var(--sec-text-sub);max-width:700px;margin:0 auto;line-height:1.6;}/* --- CAROUSEL INFINI (MARQUEE) --- */ .carousel-wrapper{position:relative;width:100vw;left:50%;transform:translateX(-50%);overflow:hidden;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);/* MODIFICATION ICI:On garde un peu d'espace sous le carrousel */ margin-bottom:40px;}.carousel-track{display:flex;gap:24px;width:max-content;animation:scrollLoop 40s linear infinite;padding:20px 0;}.carousel-track:hover{animation-play-state:paused;}@keyframes scrollLoop{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}/* Carte du carousel */ .measure-card{flex:0 0 260px;background:var(--sec-card-bg);border:1px solid #E2E8F0;border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;transition:0.3s;}.measure-card:hover{border-color:var(--sec-accent);background:#F0FDF4;transform:translateY(-4px);box-shadow:0 10px 20px -5px rgba(0,0,0,0.05);}.measure-icon-box{width:44px;height:44px;flex-shrink:0;background:linear-gradient(135deg,#10B981 0%,#059669 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:white;font-size:18px;box-shadow:0 4px 10px rgba(16,185,129,0.3);}.measure-content h4{font-size:15px;font-weight:700;color:var(--sec-text-main);margin:0 0 4px 0;}.measure-content p{font-size:13px;color:var(--sec-text-sub);margin:0;line-height:1.4;}/* RESPONSIVE */ @media (max-width:640px){.measure-card{flex:0 0 220px;padding:16px;}.carousel-track{gap:16px;}.carousel-wrapper{margin-bottom:24px;}}#cta-unisave-section{background-color:#F8FAFC;padding:40px 24px 80px 24px;/* Un peu moins d'espace en bas de section */ font-family:'Plus Jakarta Sans',sans-serif;}.cta-container{/* MODIFICATION ICI:1000px au lieu de 1200px pour qu'elle soit moins large */ max-width:1000px;margin:0 auto;}/* --- 1. LA CARTE (VERT SOMBRE & COMPACTE) --- */ .cta-card{background:linear-gradient(135deg,#10B981 0%,#064E3B 100%);border-radius:32px;/* Arrondi légèrement réduit pour la taille */ /* MODIFICATION ICI:Padding réduit (56px au lieu de 80px) pour moins de hauteur */ padding:56px 24px;text-align:center;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px rgba(6,78,59,0.4);color:white;}/* --- 2. L'EFFET COURBE --- */ .cta-card::before{content:'';position:absolute;width:150%;height:200%;border-radius:50%;bottom:-130%;right:-30%;background:linear-gradient( to bottom,rgba(255,255,255,0.10) 0%,rgba(255,255,255,0.03) 40%,transparent 100% );transform:rotate(-10deg);pointer-events:none;z-index:1;}.cta-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;}/* --- 3. LE LOGO (Taille réduite) --- */ .cta-logo-box{display:flex;align-items:center;justify-content:center;margin-bottom:24px;}.cta-logo-box i{font-size:32px;/* Icone plus petite */ color:white;}/* TITRES */ .cta-title{/* MODIFICATION:Police réduite (36px au lieu de 42px) */ font-size:36px;font-weight:800;margin:0 0 12px 0;letter-spacing:-1px;line-height:1.1;}.cta-subtitle{font-size:16px;/* Légèrement plus petit */ font-weight:500;opacity:0.90;margin:0 0 32px 0;/* Marge réduite */ max-width:550px;}/* BOUTON */ .cta-btn{background-color:#FFFFFF;color:#065F46;font-size:15px;font-weight:700;padding:16px 40px;/* Bouton un peu plus compact */ border-radius:50px;text-decoration:none;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 10px 20px rgba(0,0,0,0.2);}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(0,0,0,0.25);}@media (max-width:768px){.cta-card{padding:40px 20px;border-radius:24px;}.cta-title{font-size:26px;}}@media (max-width:640px){.cta-card{padding:32px 16px;border-radius:20px;}.cta-title{font-size:22px;}.cta-subtitle{font-size:14px;}}#faq-section{background-color:#F8FAFC;/* MODIFICATION ICI:40px haut (au lieu de 100),24px cotés,100px bas */ padding:40px 24px 100px 24px;font-family:'Plus Jakarta Sans',sans-serif;}.faq-container{max-width:1200px;margin:0 auto;}.faq-title{text-align:center;font-size:36px;font-weight:800;color:#0F172A;margin:0 0 28px 0;letter-spacing:-0.5px;}/* GRILLE 2 COLONNES */ .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}/* CARTE FAQ */ .faq-item{background-color:#FFFFFF;border:1px solid #E2E8F0;border-radius:16px;overflow:hidden;transition:all 0.3s ease;cursor:pointer;}.faq-item:hover{box-shadow:0 10px 20px -5px rgba(0,0,0,0.05);border-color:#CBD5E1;}/* TÊTE DE LA QUESTION */ .faq-question{padding:24px;display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:700;color:#0F172A;gap:16px;width:100%;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;}/* BOUTON ROND VERT */ .faq-toggle-btn{width:36px;height:36px;background-color:#10B981;/* Vert unisave */ border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0;transition:transform 0.3s ease,background-color 0.3s;}.faq-item.active .faq-toggle-btn{transform:rotate(180deg);background-color:#0F172A;/* Devient foncé quand ouvert */}/* RÉPONSE (CACHÉE PAR DÉFAUT) */ .faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease-in-out;padding:0 24px;}.faq-item.active .faq-answer{transition:max-height 0.5s ease-out;}/* CTA en bas de FAQ */ .faq-cta-box{text-align:center;margin-top:48px;padding:32px;background:white;border-radius:16px;border:1px solid #E2E8F0;}.faq-cta-box p:first-child{font-size:16px;font-weight:600;color:#0F172A;margin:0 0 8px 0;}.faq-cta-box p:nth-child(2){font-size:14px;color:#5A6A7B;margin:0 0 20px 0;}.faq-cta-link{display:inline-flex;align-items:center;gap:8px;background:#10B981;color:white;padding:12px 28px;border-radius:50px;font-size:14px;font-weight:700;text-decoration:none;transition:0.2s;}.faq-cta-link:hover{transform:translateY(-2px);background:#059669;}.faq-answer p{margin:0 0 12px 0;font-size:14px;line-height:1.6;color:#5A6A7B;}.faq-answer ul{margin:0 0 12px 0;padding-left:20px;}.faq-answer li{font-size:14px;line-height:1.6;color:#5A6A7B;margin-bottom:6px;}.faq-answer li strong{color:#0F172A;}/* FILTRES FAQ */ .faq-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:40px;}.faq-filter-btn{padding:10px 22px;border-radius:50px;border:1.5px solid #E2E8F0;background:#FFFFFF;color:#5A6A7B;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.25s ease;font-family:inherit;}.faq-filter-btn:hover{border-color:#10B981;color:#10B981;}.faq-filter-btn.active{background:#10B981;color:#FFFFFF;border-color:#10B981;}.faq-item.faq-hidden{display:none;}@keyframes faqFadeIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}/* BARRE DE RECHERCHE + OUTILS */ .faq-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;}.faq-search-wrap{position:relative;flex:1;max-width:420px;}.faq-search-wrap i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94A3B8;font-size:14px;pointer-events:none;}.faq-search{width:100%;padding:12px 16px 12px 42px;border:1.5px solid #E2E8F0;border-radius:50px;font-size:14px;font-family:inherit;color:#0F172A;background:#FFFFFF;transition:border-color 0.25s;outline:none;}.faq-search:focus{border-color:#10B981;}.faq-search::placeholder{color:#94A3B8;}.faq-expand-btn{padding:10px 20px;border:1.5px solid #E2E8F0;border-radius:50px;background:#FFFFFF;color:#5A6A7B;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.25s ease;font-family:inherit;white-space:nowrap;display:flex;align-items:center;gap:6px;}.faq-expand-btn:hover{border-color:#10B981;color:#10B981;}.faq-count{font-weight:400;opacity:0.65;}.faq-show-more{display:block;margin:32px auto 0;padding:12px 32px;border:1.5px solid #E2E8F0;border-radius:50px;background:#FFFFFF;color:#5A6A7B;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.25s ease;font-family:inherit;}.faq-show-more:hover{border-color:#10B981;color:#10B981;}.faq-show-more i{margin-left:6px;}.faq-sticky-wrap{position:sticky;top:60px;z-index:10;background:#F8FAFC;padding:12px 0 4px;}.faq-no-results{text-align:center;padding:48px 24px;color:#94A3B8;}.faq-no-results i{font-size:28px;color:#CBD5E1;display:block;margin-bottom:12px;}.faq-no-results p{font-size:15px;margin:0;}.faq-question mark{background:#D1FAE5;color:#065F46;border-radius:2px;padding:0 2px;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}/* RESPONSIVE */ @media (max-width:900px){.faq-grid{grid-template-columns:1fr;/* 1 colonne sur mobile */}}@media (max-width:768px){.faq-toolbar{flex-direction:column;gap:12px;}.faq-search-wrap{max-width:100%;}}@media (max-width:640px){#faq-section{padding:32px 16px 60px;}.faq-title{font-size:26px;}.faq-grid{gap:10px;}.faq-question{padding:16px;font-size:14px;min-height:48px;}.faq-answer{padding:0 16px;}.faq-answer p{font-size:14px;margin-bottom:16px;line-height:1.6;}.faq-cta-box{padding:20px 16px;margin-top:24px;}.faq-filters{gap:8px;margin-bottom:28px;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:8px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}.faq-filters::-webkit-scrollbar{display:none;}.faq-filter-btn{padding:12px 18px;font-size:13px;border-radius:10px;white-space:nowrap;min-height:44px;}.faq-toolbar{gap:10px;}.faq-expand-btn{align-self:stretch;width:100%;justify-content:center;min-height:44px;}.faq-sticky-wrap{position:static;padding:0;}}#book-demo{background-color:#F8FAFC;padding:0 24px 100px 24px;font-family:'Plus Jakarta Sans',sans-serif;}.cal-container{/* MODIFICATION:Largeur réduite à 1080px pour un effet plus "boxed" et premium */ max-width:1080px;margin:0 auto;}/* --- LA CARTE SOMBRE (COMPACTE) --- */ .cal-card{background-color:#012635;border-radius:32px;/* Arrondi un peu plus subtil */ /* MODIFICATION:Padding réduit pour éviter l'effet "vide" */ padding:48px;color:white;display:grid;grid-template-columns:1fr 1fr;/* 50% Texte / 50% Calendly */ gap:48px;align-items:center;box-shadow:0 25px 50px -12px rgba(1,38,53,0.35);position:relative;overflow:hidden;}/* Effet de fond subtil */ .cal-card::before{content:'';position:absolute;top:-50%;left:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,0.04) 0%,transparent 70%);pointer-events:none;}/* --- COLONNE GAUCHE:TEXTE --- */ .cal-content{position:relative;z-index:2;}.cal-title{/* Police réduite pour l'élégance */ font-size:32px;font-weight:800;margin:0 0 16px 0;line-height:1.2;letter-spacing:-0.5px;}.cal-desc{font-size:16px;line-height:1.6;color:#94A3B8;margin-bottom:32px;font-weight:500;max-width:90%;}.cal-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px;}.cal-item{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:#FFFFFF;letter-spacing:0.3px;}.cal-icon{width:22px;height:22px;background:rgba(16,185,129,0.2);color:#10B981;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;}/* --- COLONNE DROITE:CALENDLY --- */ .cal-widget-wrapper{background:#FFFFFF;border-radius:16px;overflow:hidden;height:620px;box-shadow:0 10px 30px rgba(0,0,0,0.15);position:relative;z-index:2;}.cal-skeleton{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#FFFFFF;}.cal-skeleton-spinner{width:32px;height:32px;border:3px solid #E2E8F0;border-top-color:#10B981;border-radius:50%;animation:calSpin 0.8s linear infinite;}.cal-skeleton-text{font-size:13px;color:#94A3B8;font-weight:500;}@keyframes calSpin{to{transform:rotate(360deg);}}.calendly-inline-widget:not(:empty) + .cal-skeleton,.cal-widget-wrapper .cal-skeleton.hidden{display:none;}/* RESPONSIVE */ @media (max-width:900px){.cal-card{grid-template-columns:1fr;padding:32px 24px;gap:32px;}.cal-content{text-align:center;}.cal-list{align-items:center;text-align:left;}.cal-title{font-size:28px;}.cal-desc{margin-left:auto;margin-right:auto;}.cal-widget-wrapper{height:500px;}}@media (max-width:640px){.cal-card{padding:24px 16px;gap:24px;}.cal-widget-wrapper{height:auto;min-height:400px;max-height:none;}.cal-title{font-size:24px;}}#main-footer{background-color:#012635;/* Bleu Nuit unisave */ color:#F8FAFC;padding:80px 24px 32px 24px;font-family:'Plus Jakarta Sans',sans-serif;margin-top:0;/* Collé à la section précédente */}.footer-container{max-width:1200px;margin:0 auto;}/* --- PARTIE HAUTE (GRID) --- */ .footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;/* Logo large + 3 colonnes */ gap:40px;margin-bottom:60px;}/* Logo & Description */ .footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:20px;}.footer-logo{font-size:24px;font-weight:800;color:#FFFFFF;text-decoration:none;display:flex;align-items:center;gap:10px;letter-spacing:-0.5px;}.footer-desc{font-size:14px;line-height:1.6;color:#94A3B8;/* Gris bleuté pour le texte secondaire */ max-width:300px;}.social-links{display:flex;gap:16px;}.social-btn{width:36px;height:36px;background:rgba(255,255,255,0.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;text-decoration:none;transition:0.2s;}.social-btn:hover{background:#10B981;transform:translateY(-2px);}/* Colonnes de liens */ .footer-col h4{font-size:14px;font-weight:700;color:#FFFFFF;text-transform:uppercase;letter-spacing:1px;margin:0 0 24px 0;}.footer-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;}.footer-link{font-size:14px;color:#94A3B8;text-decoration:none;transition:0.2s;display:inline-block;}.footer-link:hover{color:#10B981;transform:translateX(4px);}/* Contact Info */ .contact-item{display:flex;align-items:center;gap:10px;font-size:14px;color:#94A3B8;margin-bottom:12px;text-decoration:none;}a.contact-item:hover{color:#10B981;}.contact-item i{color:#10B981;width:16px;}/* --- PARTIE BASSE (LÉGAL) --- */ .footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;}.copyright{font-size:13px;color:#5A6A7B;}.legal-nav{display:flex;gap:24px;}.legal-link{font-size:13px;color:#5A6A7B;text-decoration:none;transition:0.2s;}.legal-link:hover{color:#FFFFFF;}/* RESPONSIVE */ @media (max-width:1024px){.footer-top{grid-template-columns:1fr 1fr;gap:40px;}}@media (max-width:640px){#main-footer{padding:48px 20px 24px;}.footer-top{grid-template-columns:1fr;text-align:center;gap:28px;margin-bottom:32px;}.footer-brand{align-items:center;}.footer-desc{text-align:center;}.social-links{justify-content:center;}.contact-item{justify-content:center;}.footer-col h4{margin-bottom:12px;}.footer-nav{gap:8px;}.footer-bottom{flex-direction:column;text-align:center;gap:12px;}.footer-link:hover{transform:translateX(0);color:#10B981;}}.sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:998;padding:8px 16px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-top:1px solid #E2E8F0;box-shadow:0 -4px 20px rgba(0,0,0,0.08);transform:translateY(100%);transition:transform 0.3s ease;}.sticky-cta.visible{transform:translateY(0);}.sticky-cta a{display:block;width:100%;text-align:center;background:#10B981;color:white;padding:12px;border-radius:10px;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 4px 12px rgba(16,185,129,0.3);}@media (max-width:900px){.sticky-cta{display:block;}#main-footer{padding-bottom:80px;}}@media (max-width:375px){.hero-bg-layer{height:780px;}.hero-h1{font-size:24px !important;letter-spacing:-0.5px;}.hero-subtitle{font-size:14px !important;}.hero-proof{padding:16px 12px;flex-direction:column;gap:12px;border-radius:12px;}.hero-proof-item{padding:0;}.hero-proof-item:not(:last-child){border-right:none;border-bottom:1px solid rgba(255,255,255,0.15);padding-bottom:12px;}.hero-proof-val{font-size:24px;}.hero-proof-label{font-size:12px;}.pain-section{padding:60px 16px 60px 16px;}.pain-header h2{font-size:24px;}.steps-header h2{font-size:22px;}.eb-h2{font-size:22px;}.cta-title{font-size:22px;}.cal-title{font-size:22px;}.sec-title{font-size:24px;}.st-grid{grid-template-columns:1fr;}}/* --- NEWSLETTER FORM MOBILE FIX --- */ @media (max-width:640px){#hp-nl-form{flex-direction:column !important;gap:12px !important;}#hp-nl-form input[type="email"]{width:100% !important;font-size:16px !important;padding:14px 16px !important;}#hp-nl-form button[type="submit"]{width:100% !important;padding:14px 24px !important;}#newsletter{padding:32px 16px !important;}.footer-cta-form{flex-direction:column;gap:12px;}.footer-cta-form input,.footer-cta-form button{width:100%;}.footer-nl-form{flex-direction:column;gap:12px;}.footer-nl-form input,.footer-nl-form button{width:100%;min-height:44px;}}.back-to-top{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border-radius:50%;background:#10B981;color:white;border:none;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(16,185,129,0.3);opacity:0;pointer-events:none;transform:translateY(20px);transition:opacity 0.3s,transform 0.3s,background 0.2s;z-index:997;}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0);}.back-to-top:hover{background:#059669;transform:translateY(-2px);}@media (max-width:900px){.back-to-top{bottom:80px;right:16px;}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#0F172A;color:rgba(255,255,255,0.9);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:9999;font-size:13px;line-height:1.5;box-shadow:0 -4px 20px rgba(0,0,0,0.2);}.cookie-banner p{margin:0;flex:1;}.cookie-banner a{color:#10B981;text-decoration:underline;}.cookie-actions{display:flex;gap:8px;flex-shrink:0;}.cookie-btn{padding:8px 20px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;border:none;transition:0.2s;}.cookie-accept{background:#10B981;color:white;}.cookie-accept:hover{background:#059669;}.cookie-refuse{background:transparent;color:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,0.2);}.cookie-refuse:hover{border-color:rgba(255,255,255,0.5);color:white;}@media (max-width:640px){.cookie-banner{flex-direction:column;text-align:center;padding:16px;}.cookie-actions{width:100%;justify-content:center;}}/* ── Scroll animations ── */ .fade-in{opacity:0;transform:translateY(24px);transition:opacity 0.7s ease,transform 0.7s ease;}.fade-in.visible{opacity:1;transform:translateY(0);}