We-Bulle \u2014 ERP, automatisation et agents IA<\/title>\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n <style>\n :root{\n --orange:#ff5a1f;\n --orange-dark:#e84a0c;\n --orange-soft:#fff2eb;\n --navy:#0b1625;\n --navy-2:#11223a;\n --text:#1b2430;\n --muted:#667085;\n --line:#e7e9ee;\n --bg:#ffffff;\n --bg-soft:#f8f9fb;\n --shadow:0 18px 45px rgba(15, 23, 42, .08);\n --shadow-soft:0 10px 28px rgba(15, 23, 42, .06);\n --radius-xl:28px;\n --radius-lg:22px;\n --radius-md:16px;\n --radius-sm:12px;\n --container:1200px;\n }\n\n *{box-sizing:border-box}\n html{scroll-behavior:smooth}\n body{\n margin:0;\n font-family:\"Manrope\",Arial,sans-serif;\n color:var(--text);\n background:\n radial-gradient(circle at 85% 10%, rgba(255,90,31,.06), transparent 18%),\n linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%);\n -webkit-font-smoothing:antialiased;\n }\n\n a{text-decoration:none;color:inherit}\n img,svg{display:block}\n button,input,textarea,select{font:inherit}\n\n .container{\n width:min(calc(100% - 40px), var(--container));\n margin-inline:auto;\n }\n\n .section{\n padding:80px 0;\n }\n\n .eyebrow{\n display:inline-block;\n margin-bottom:16px;\n color:var(--orange);\n font-size:13px;\n font-weight:800;\n text-transform:uppercase;\n letter-spacing:.08em;\n }\n\n .section-title{\n margin:0 0 16px;\n font-size:clamp(32px, 4vw, 48px);\n line-height:1.05;\n letter-spacing:-.045em;\n color:var(--navy);\n }\n\n .section-subtitle{\n margin:0;\n max-width:760px;\n color:var(--muted);\n font-size:18px;\n line-height:1.75;\n }\n\n .btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n gap:10px;\n min-height:52px;\n padding:0 22px;\n border-radius:12px;\n font-size:15px;\n font-weight:800;\n transition:.2s ease;\n cursor:pointer;\n border:0;\n }\n\n .btn-primary{\n background:linear-gradient(90deg, #ff4f0b, #ff6a1f);\n color:#fff;\n box-shadow:0 14px 28px rgba(255,90,31,.2);\n }\n .btn-primary:hover{\n transform:translateY(-2px);\n box-shadow:0 18px 34px rgba(255,90,31,.24);\n }\n\n .btn-secondary{\n background:#fff;\n color:var(--navy);\n border:1px solid var(--line);\n }\n .btn-secondary:hover{\n border-color:var(--orange);\n color:var(--orange);\n }\n\n \/* Header *\/\n .site-header{\n position:sticky;\n top:0;\n z-index:99;\n background:rgba(255,255,255,.92);\n backdrop-filter:blur(16px);\n border-bottom:1px solid rgba(231,233,238,.85);\n }\n .nav{\n min-height:84px;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:28px;\n }\n\n .brand{\n display:inline-flex;\n align-items:center;\n gap:12px;\n flex-shrink:0;\n }\n .brand-mark{\n width:40px;height:40px;\n }\n .brand-name{\n font-size:22px;\n font-weight:800;\n letter-spacing:-.04em;\n color:var(--navy);\n }\n\n .nav-links{\n display:flex;\n align-items:center;\n gap:30px;\n }\n .nav-links a{\n font-size:15px;\n font-weight:700;\n color:#3b4453;\n position:relative;\n padding:8px 0;\n }\n .nav-links a::after{\n content:\"\";\n position:absolute;\n left:0;right:0;bottom:-3px;\n height:2px;\n background:var(--orange);\n transform:scaleX(0);\n transition:transform .2s ease;\n }\n .nav-links a:hover::after{transform:scaleX(1)}\n\n .nav-actions{\n display:flex;\n align-items:center;\n gap:16px;\n }\n\n .menu-toggle{\n display:none;\n width:44px;height:44px;\n border:1px solid var(--line);\n background:#fff;\n border-radius:12px;\n cursor:pointer;\n }\n\n \/* Hero *\/\n .hero{\n padding:34px 0 72px;\n }\n\n .hero-grid{\n display:grid;\n grid-template-columns:1.05fr .95fr;\n gap:48px;\n align-items:center;\n }\n\n .hero-title{\n margin:0;\n max-width:640px;\n font-size:clamp(46px, 5.8vw, 74px);\n line-height:.98;\n letter-spacing:-.06em;\n color:var(--navy);\n font-weight:800;\n }\n .hero-title .underline{\n position:relative;\n display:inline-block;\n }\n .hero-title .underline::after{\n content:\"\";\n position:absolute;\n left:0;right:0;bottom:6px;\n height:6px;\n border-radius:999px;\n background:rgba(255,90,31,.75);\n z-index:-1;\n }\n\n .hero-text{\n margin:24px 0 0;\n max-width:620px;\n color:#404a59;\n font-size:19px;\n line-height:1.8;\n }\n\n .hero-actions{\n display:flex;\n flex-wrap:wrap;\n gap:14px;\n margin-top:30px;\n }\n\n .hero-meta{\n display:flex;\n flex-wrap:wrap;\n gap:24px;\n margin-top:26px;\n }\n .hero-meta-item{\n display:flex;\n align-items:center;\n gap:10px;\n font-size:14px;\n font-weight:700;\n color:#3e4654;\n }\n .meta-icon{\n width:34px;height:34px;\n display:grid;\n place-items:center;\n border:1px solid rgba(255,90,31,.4);\n border-radius:50%;\n color:var(--orange);\n background:#fff;\n }\n\n .hero-visual{\n position:relative;\n min-height:540px;\n background:\n radial-gradient(circle at center, rgba(255,90,31,.08), transparent 29%),\n linear-gradient(180deg, #fff 0%, #fcfcfd 100%);\n border:1px solid var(--line);\n border-radius:32px;\n box-shadow:var(--shadow);\n overflow:hidden;\n padding:32px;\n }\n\n .diagram-core{\n position:absolute;\n left:50%;\n top:50%;\n transform:translate(-50%,-50%);\n width:140px;height:140px;\n border-radius:50%;\n display:grid;\n place-items:center;\n background:#fff;\n border:1px solid var(--line);\n box-shadow:0 14px 34px rgba(15,23,42,.08);\n }\n\n .diagram-ring{\n position:absolute;\n left:50%;top:50%;\n transform:translate(-50%,-50%);\n width:340px;height:340px;\n border-radius:50%;\n border:1px dashed #e3e6ec;\n }\n\n .orbital-card{\n position:absolute;\n min-width:164px;\n display:flex;\n align-items:center;\n gap:12px;\n padding:14px 16px;\n border-radius:16px;\n background:#fff;\n border:1px solid var(--line);\n box-shadow:var(--shadow-soft);\n font-size:14px;\n font-weight:800;\n color:var(--navy);\n }\n .orbital-card .small{\n display:block;\n font-size:12px;\n line-height:1.3;\n color:var(--muted);\n font-weight:600;\n margin-top:2px;\n }\n .orbital-icon{\n width:36px;height:36px;\n display:grid;place-items:center;\n border-radius:12px;\n background:var(--orange-soft);\n color:var(--orange);\n flex:0 0 36px;\n }\n\n .c1{top:42px;left:56px}\n .c2{top:40px;right:54px}\n .c3{left:28px;top:50%;transform:translateY(-50%)}\n .c4{right:24px;top:50%;transform:translateY(-50%)}\n .c5{bottom:42px;left:76px}\n .c6{bottom:40px;right:66px}\n\n .connector{\n position:absolute;\n height:1px;\n background:linear-gradient(90deg, transparent, rgba(255,90,31,.9), transparent);\n transform-origin:left center;\n }\n .l1{width:135px;left:204px;top:116px;transform:rotate(28deg)}\n .l2{width:124px;right:192px;top:112px;transform:rotate(154deg)}\n .l3{width:118px;left:182px;top:50%;transform:rotate(0deg)}\n .l4{width:114px;right:184px;top:50%;transform:rotate(180deg)}\n .l5{width:135px;left:206px;bottom:117px;transform:rotate(-28deg)}\n .l6{width:124px;right:194px;bottom:112px;transform:rotate(206deg)}\n\n \/* Expertise cards *\/\n .cards-grid{\n display:grid;\n grid-template-columns:repeat(4, 1fr);\n gap:22px;\n margin-top:34px;\n }\n .card{\n padding:28px;\n border:1px solid var(--line);\n border-radius:20px;\n background:#fff;\n box-shadow:var(--shadow-soft);\n transition:.2s ease;\n }\n .card:hover{\n transform:translateY(-4px);\n box-shadow:0 18px 34px rgba(15,23,42,.09);\n }\n .card-icon{\n width:52px;height:52px;\n display:grid;place-items:center;\n border-radius:16px;\n background:var(--orange-soft);\n color:var(--orange);\n margin-bottom:20px;\n }\n .card h3{\n margin:0 0 10px;\n font-size:24px;\n line-height:1.1;\n color:var(--navy);\n letter-spacing:-.03em;\n }\n .card p{\n margin:0;\n color:var(--muted);\n line-height:1.8;\n font-size:15px;\n }\n .card-link{\n display:inline-flex;\n align-items:center;\n gap:8px;\n margin-top:18px;\n color:var(--orange);\n font-weight:800;\n font-size:14px;\n }\n\n \/* Dashboard section *\/\n .dashboard-band{\n padding:22px;\n margin-top:38px;\n border-radius:24px;\n background:\n radial-gradient(circle at 25% 20%, rgba(255,90,31,.16), transparent 20%),\n linear-gradient(135deg, #081526 0%, #0d1e34 100%);\n color:#fff;\n box-shadow:var(--shadow);\n }\n\n .dashboard-grid{\n display:grid;\n grid-template-columns:1.2fr repeat(4, 1fr);\n gap:16px;\n align-items:stretch;\n }\n\n .dashboard-intro{\n padding:18px;\n display:flex;\n flex-direction:column;\n justify-content:center;\n }\n .dashboard-intro h3{\n margin:0 0 12px;\n font-size:34px;\n line-height:1.05;\n letter-spacing:-.04em;\n }\n .dashboard-intro p{\n margin:0;\n color:rgba(255,255,255,.75);\n line-height:1.75;\n font-size:15px;\n }\n\n .metric-card{\n padding:18px;\n border:1px solid rgba(255,255,255,.12);\n border-radius:18px;\n background:rgba(255,255,255,.03);\n backdrop-filter:blur(8px);\n }\n .metric-label{\n color:rgba(255,255,255,.72);\n font-size:13px;\n font-weight:700;\n margin-bottom:12px;\n }\n .metric-value{\n font-size:34px;\n line-height:1;\n font-weight:800;\n margin-bottom:10px;\n }\n .metric-delta{\n font-size:13px;\n color:#6ee7b7;\n font-weight:700;\n margin-bottom:16px;\n }\n .chart-bars{\n display:flex;\n align-items:flex-end;\n gap:7px;\n height:72px;\n }\n .chart-bars span{\n flex:1;\n border-radius:8px 8px 0 0;\n background:linear-gradient(180deg, var(--orange) 0%, #ff8b57 100%);\n opacity:.95;\n }\n .chart-ring{\n width:94px;height:94px;margin:0 auto 10px;\n border-radius:50%;\n background:conic-gradient(var(--orange) 0 42%, #2c415d 42% 100%);\n position:relative;\n }\n .chart-ring::after{\n content:\"\";\n position:absolute;inset:18px;\n background:#0d1e34;border-radius:50%;\n }\n\n .invoice-list{\n display:grid;gap:10px;\n margin-top:8px;\n }\n .invoice-list div{\n display:flex;justify-content:space-between;gap:12px;\n color:rgba(255,255,255,.78);\n font-size:13px;\n padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08);\n }\n .invoice-list div:last-child{border-bottom:0;padding-bottom:0}\n\n \/* Method *\/\n .steps-grid{\n display:grid;\n grid-template-columns:repeat(4, 1fr);\n gap:18px;\n margin-top:32px;\n }\n .step{\n position:relative;\n padding:24px;\n background:#fff;\n border:1px solid var(--line);\n border-radius:20px;\n box-shadow:var(--shadow-soft);\n }\n .step-number{\n width:42px;height:42px;\n display:grid;place-items:center;\n border-radius:50%;\n background:var(--orange-soft);\n color:var(--orange);\n font-weight:800;\n margin-bottom:16px;\n }\n .step h3{\n margin:0 0 10px;\n font-size:20px;\n line-height:1.15;\n color:var(--navy);\n }\n .step p{\n margin:0;\n font-size:14px;\n line-height:1.8;\n color:var(--muted);\n }\n\n \/* Split sections *\/\n .split-grid{\n display:grid;\n grid-template-columns:1.12fr .88fr;\n gap:24px;\n margin-top:36px;\n }\n .panel{\n padding:30px;\n background:#fff;\n border:1px solid var(--line);\n border-radius:24px;\n box-shadow:var(--shadow-soft);\n min-width:0;\n }\n\n .case-list, .ai-list{\n display:grid;\n gap:14px;\n margin-top:18px;\n }\n .case-item, .ai-item{\n display:flex;\n align-items:flex-start;\n gap:12px;\n color:#3b4453;\n line-height:1.7;\n font-size:15px;\n }\n .tick{\n width:26px;height:26px;flex:0 0 26px;\n display:grid;place-items:center;\n border-radius:50%;\n background:var(--orange-soft);\n color:var(--orange);\n }\n\n .software-visual{\n margin-top:22px;\n display:grid;\n grid-template-columns:1.2fr .8fr;\n gap:16px;\n align-items:end;\n }\n\n .screen{\n height:290px;\n border-radius:20px;\n border:1px solid var(--line);\n background:\n linear-gradient(180deg, #fff 0%, #fafbfc 100%);\n box-shadow:var(--shadow-soft);\n overflow:hidden;\n padding:18px;\n position:relative;\n }\n .screen-top{\n display:flex; gap:8px; margin-bottom:18px;\n }\n .dot{width:10px;height:10px;border-radius:50%;background:#d5d9e1}\n .mini-stats{\n display:grid;\n grid-template-columns:repeat(3, 1fr);\n gap:12px;\n }\n .mini-stats .mini{\n padding:12px;\n border:1px solid var(--line);\n border-radius:14px;\n background:#fff;\n }\n .mini strong{display:block;font-size:22px;color:var(--navy)}\n .mini span{font-size:12px;color:var(--muted)}\n .mini-chart{\n margin-top:18px;height:120px;\n border-radius:16px;\n background:\n linear-gradient(180deg, rgba(255,90,31,.12), transparent 70%),\n linear-gradient(0deg, #fff, #fff);\n border:1px solid var(--line);\n position:relative;\n }\n .mini-chart svg{position:absolute;inset:0}\n\n .phone{\n height:250px;\n border-radius:28px;\n border:1px solid #d8dde5;\n background:#fff;\n box-shadow:var(--shadow-soft);\n padding:14px 12px;\n overflow:hidden;\n }\n .phone-notch{\n width:80px;height:8px;border-radius:999px;background:#d6dbe3;margin:0 auto 16px;\n }\n .phone-card{\n padding:12px;\n border:1px solid var(--line);\n border-radius:14px;\n margin-bottom:12px;\n font-size:12px;\n color:var(--muted);\n }\n\n \/* About \/ contact *\/\n .about-contact{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:24px;\n margin-top:24px;\n }\n\n .about-box{\n display:grid;\n grid-template-columns:.9fr 1.1fr;\n gap:22px;\n align-items:end;\n padding:28px;\n border:1px solid var(--line);\n border-radius:24px;\n background:#fff;\n box-shadow:var(--shadow-soft);\n }\n\n .photo-placeholder{\n min-height:360px;\n border-radius:20px;\n background:\n linear-gradient(180deg, rgba(255,90,31,.06), rgba(255,90,31,.02)),\n linear-gradient(180deg, #fff, #fafbfc);\n border:1px dashed #d9dee7;\n position:relative;\n display:flex;\n align-items:end;\n justify-content:center;\n overflow:hidden;\n }\n .photo-placeholder .silhouette{\n width:82%;\n height:85%;\n }\n .replace-note{\n position:absolute;\n top:16px; left:16px;\n padding:8px 10px;\n border-radius:999px;\n background:#fff;\n border:1px solid var(--line);\n font-size:12px;\n color:var(--muted);\n font-weight:700;\n }\n\n .feature-mini-grid{\n display:grid;\n grid-template-columns:repeat(3, 1fr);\n gap:14px;\n margin-top:20px;\n }\n .feature-mini{\n padding:14px;\n border-radius:16px;\n border:1px solid var(--line);\n background:#fff;\n text-align:center;\n }\n .feature-mini strong{\n display:block;margin-top:10px;font-size:13px;line-height:1.45;color:#3d4553\n }\n\n .contact-box{\n padding:28px;\n border:1px solid var(--line);\n border-radius:24px;\n background:#fff;\n box-shadow:var(--shadow-soft);\n }\n .contact-grid{\n display:grid;\n grid-template-columns:.95fr 1.05fr;\n gap:22px;\n align-items:start;\n }\n .promise-list{\n display:grid;\n gap:14px;\n margin-top:22px;\n }\n .promise{\n display:flex;\n align-items:flex-start;\n gap:12px;\n color:#3b4453;\n font-size:14px;\n font-weight:700;\n line-height:1.6;\n }\n .promise .meta-icon{\n width:32px;height:32px;flex:0 0 32px;\n }\n\n .form-fields{\n display:grid;\n gap:12px;\n }\n .input, .textarea, .select{\n width:100%;\n border:1px solid #dde3eb;\n border-radius:12px;\n background:#fff;\n color:var(--text);\n outline:none;\n padding:0 14px;\n transition:.2s ease;\n }\n .input, .select{height:48px}\n .textarea{\n min-height:120px;\n padding:14px;\n resize:vertical;\n }\n .input:focus,.select:focus,.textarea:focus{\n border-color:var(--orange);\n box-shadow:0 0 0 4px rgba(255,90,31,.08);\n }\n\n .label{\n display:block;\n margin:2px 0 6px;\n font-size:13px;\n font-weight:800;\n color:var(--navy);\n }\n\n \/* CTA band *\/\n .cta-band{\n margin-top:28px;\n padding:30px 34px;\n border-radius:24px;\n background:\n radial-gradient(circle at 8% 0%, rgba(255,90,31,.08), transparent 24%),\n radial-gradient(circle at 100% 100%, rgba(255,90,31,.08), transparent 26%),\n linear-gradient(180deg, #fff8f4 0%, #fff 100%);\n border:1px solid #f3e0d7;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:20px;\n }\n .cta-band h3{\n margin:0 0 8px;\n font-size:38px;\n line-height:1.05;\n letter-spacing:-.04em;\n color:var(--navy);\n }\n .cta-band p{\n margin:0;\n color:var(--muted);\n font-size:16px;\n line-height:1.7;\n max-width:680px;\n }\n\n \/* Footer *\/\n .footer{\n margin-top:28px;\n background:\n radial-gradient(circle at 12% 16%, rgba(255,90,31,.12), transparent 18%),\n linear-gradient(135deg, #06111f 0%, #0d1d33 100%);\n color:#fff;\n border-radius:28px 28px 0 0;\n overflow:hidden;\n }\n .footer-main{\n display:grid;\n grid-template-columns:1.2fr .8fr .8fr .95fr;\n gap:28px;\n padding:48px 0 24px;\n }\n .footer-col{\n min-width:0;\n }\n .footer-desc{\n margin:18px 0 18px;\n color:rgba(255,255,255,.78);\n line-height:1.9;\n font-size:14px;\n max-width:360px;\n }\n .footer-title{\n margin:0 0 18px;\n font-size:15px;\n font-weight:800;\n text-transform:uppercase;\n letter-spacing:.02em;\n position:relative;\n padding-bottom:12px;\n }\n .footer-title::after{\n content:\"\";\n position:absolute;left:0;bottom:0;\n width:30px;height:3px;border-radius:999px;background:var(--orange);\n }\n .footer-links{\n display:grid;\n gap:12px;\n }\n .footer-links a{\n color:rgba(255,255,255,.82);\n font-size:14px;\n line-height:1.5;\n }\n .footer-links a:hover{color:#fff}\n .footer-contact{\n display:grid;gap:12px;\n }\n .footer-contact div, .footer-contact a{\n color:rgba(255,255,255,.82);\n font-size:14px;\n display:flex;align-items:flex-start;gap:10px;\n }\n .footer-contact svg{color:var(--orange);flex:0 0 18px}\n\n .footer-bottom{\n display:flex;\n justify-content:space-between;\n gap:20px;\n padding:18px 0 24px;\n border-top:1px solid rgba(255,255,255,.1);\n color:rgba(255,255,255,.62);\n font-size:13px;\n flex-wrap:wrap;\n }\n .footer-bottom-links{\n display:flex;gap:18px;flex-wrap:wrap;\n }\n .footer-bottom-links a{color:rgba(255,255,255,.62)}\n\n \/* Responsive *\/\n @media (max-width: 1200px){\n .cards-grid{grid-template-columns:repeat(2,1fr)}\n .dashboard-grid{grid-template-columns:1fr 1fr 1fr}\n .dashboard-intro{grid-column:1\/-1}\n .steps-grid{grid-template-columns:repeat(2,1fr)}\n .split-grid,.about-contact{grid-template-columns:1fr}\n .footer-main{grid-template-columns:1fr 1fr}\n }\n\n @media (max-width: 960px){\n .nav-links{display:none}\n .menu-toggle{display:grid;place-items:center}\n .nav-actions .btn-primary{display:none}\n .hero-grid{grid-template-columns:1fr}\n .hero-visual{min-height:520px}\n .contact-grid{grid-template-columns:1fr}\n .about-box{grid-template-columns:1fr}\n .cta-band{flex-direction:column;align-items:flex-start}\n .dashboard-grid{grid-template-columns:1fr 1fr}\n }\n\n @media (max-width: 720px){\n .container{width:min(calc(100% - 28px), var(--container))}\n .section{padding:64px 0}\n .hero{padding:34px 0 56px}\n .hero-visual{min-height:620px;padding:18px}\n .diagram-core{width:112px;height:112px}\n .diagram-ring{width:240px;height:240px}\n .orbital-card{min-width:140px;padding:12px}\n .c1{top:18px;left:10px}\n .c2{top:18px;right:10px}\n .c3{left:8px;top:38%}\n .c4{right:8px;top:38%}\n .c5{bottom:18px;left:16px}\n .c6{bottom:18px;right:16px}\n .connector{display:none}\n .cards-grid,.steps-grid,.dashboard-grid,.feature-mini-grid,.footer-main{grid-template-columns:1fr}\n .software-visual{grid-template-columns:1fr}\n .cta-band h3{font-size:32px}\n .footer{border-radius:24px 24px 0 0}\n .footer-bottom{flex-direction:column}\n }\n <\/style>\n<\/head>\n\n<body>\n<main>\n <section class=\"hero\" id=\"accueil\">\n <div class=\"container hero-grid\">\n <div>\n <span class=\"eyebrow\">ERP \u2022 Automatisation \u2022 Agents IA<\/span>\n <h1 class=\"hero-title\">\n Vos outils m\u00e9tiers doivent travailler pour vous.\n Pas <span class=\"underline\">l\u2019inverse.<\/span>\n <\/h1>\n\n <p class=\"hero-text\">\n We-Bulle con\u00e7oit des solutions ERP, des automatisations et des agents IA\n sur mesure, align\u00e9s sur vos processus et vos objectifs.\n Moins de friction, plus de performance.\n <\/p>\n\n <div class=\"hero-actions\">\n <a class=\"btn btn-primary\" href=\"#contact\">Demander un diagnostic<\/a>\n <a class=\"btn btn-secondary\" href=\"#solutions\">D\u00e9couvrir nos solutions<\/a>\n <\/div>\n\n <div class=\"hero-meta\">\n <div class=\"hero-meta-item\">\n <span class=\"meta-icon\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/circle>\n <path d=\"M12 7v5l3 2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/span>\n Premier \u00e9change de 30 minutes\n <\/div>\n\n <div class=\"hero-meta-item\">\n <span class=\"meta-icon\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"6\" y=\"10\" width=\"12\" height=\"9\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <path d=\"M9 10V7.5a3 3 0 016 0V10\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/path>\n <\/svg>\n <\/span>\n Analyse confidentielle\n <\/div>\n\n <div class=\"hero-meta-item\">\n <span class=\"meta-icon\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M4 11.5L20 4l-5.5 16-3.2-6.3L4 11.5z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/span>\n R\u00e9ponse sous 48 heures\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-visual\" aria-hidden=\"true\">\n <div class=\"diagram-ring\"><\/div>\n\n <div class=\"orbital-card c1\">\n <span class=\"orbital-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"4\" y=\"4\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <rect x=\"14\" y=\"4\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <rect x=\"4\" y=\"14\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <rect x=\"14\" y=\"14\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <\/svg>\n <\/span>\n ERP & outils m\u00e9tiers\n <\/div>\n\n <div class=\"orbital-card c2\">\n <span class=\"orbital-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/span>\n Agents IA\n <\/div>\n\n <div class=\"orbital-card c3\">\n <span class=\"orbital-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 3l1.5 2.5 2.9-.2.9 2.8 2.7 1.2-1 2.7 1 2.7-2.7 1.2-.9 2.8-2.9-.2L12 21l-1.5-2.5-2.9.2-.9-2.8L4 14.7 5 12 4 9.3l2.7-1.2.9-2.8 2.9.2L12 3z\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/circle>\n <\/svg>\n <\/span>\n Automatisation\n <\/div>\n\n <div class=\"orbital-card c4\">\n <span class=\"orbital-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M4 19h16M6 16V9m4 7V5m4 11v-4m4 4V7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/span>\n Pilotage & d\u00e9cision\n <\/div>\n\n <div class=\"orbital-card c5\">\n <span class=\"orbital-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M3 12h18M3 7h18M3 17h18\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/span>\n Processus structur\u00e9s\n <\/div>\n\n <div class=\"orbital-card c6\">\n <span class=\"orbital-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/circle>\n <path d=\"M12 7v5l3 2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/span>\n Gain de temps\n <\/div>\n\n <span class=\"connector l1\"><\/span>\n <span class=\"connector l2\"><\/span>\n <span class=\"connector l3\"><\/span>\n <span class=\"connector l4\"><\/span>\n <span class=\"connector l5\"><\/span>\n <span class=\"connector l6\"><\/span>\n\n <div class=\"diagram-core\">\n <svg width=\"88\" height=\"88\" viewBox=\"0 0 64 64\">\n <defs>\n <linearGradient id=\"heroBrand\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#ff7b3a\"><\/stop>\n <stop offset=\"100%\" stop-color=\"#ff4d0d\"><\/stop>\n <\/linearGradient>\n <\/defs>\n <circle cx=\"32\" cy=\"32\" r=\"28\" fill=\"url(#heroBrand)\"><\/circle>\n <path d=\"M18 45V34m10 11V26m10 19V22m10 23V31\" stroke=\"#fff\" stroke-width=\"5\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section\" id=\"expertises\">\n <div class=\"container\">\n <span class=\"eyebrow\">Nos expertises<\/span>\n <h2 class=\"section-title\">Des expertises compl\u00e9mentaires pour des r\u00e9sultats concrets<\/h2>\n <p class=\"section-subtitle\">\n Nous analysons vos besoins, simplifions vos op\u00e9rations et construisons des outils utiles, durables et r\u00e9ellement adopt\u00e9s par vos \u00e9quipes.\n <\/p>\n\n <div class=\"cards-grid\">\n <article class=\"card\">\n <div class=\"card-icon\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"4\" y=\"4\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <rect x=\"14\" y=\"4\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <rect x=\"4\" y=\"14\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <rect x=\"14\" y=\"14\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <\/svg>\n <\/div>\n <h3>ERP et outils m\u00e9tiers<\/h3>\n <p>Nous int\u00e9grons et adaptons des ERP et outils m\u00e9tiers pour centraliser vos donn\u00e9es et fluidifier vos op\u00e9rations.<\/p>\n <a class=\"card-link\" href=\"#contact\">En savoir plus \u2192<\/a>\n <\/article>\n\n <article class=\"card\">\n <div class=\"card-icon\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"5\" y=\"7\" width=\"14\" height=\"11\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <path d=\"M9 12h.01M15 12h.01M9 16h6M12 7V4M9 4h6M3 11h2M19 11h2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/div>\n <h3>Agents IA<\/h3>\n <p>Des agents intelligents qui ex\u00e9cutent, analysent et vous assistent au quotidien, en toute s\u00e9curit\u00e9.<\/p>\n <a class=\"card-link\" href=\"#contact\">En savoir plus \u2192<\/a>\n <\/article>\n\n <article class=\"card\">\n <div class=\"card-icon\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 3l1.5 2.5 2.9-.2.9 2.8 2.7 1.2-1 2.7 1 2.7-2.7 1.2-.9 2.8-2.9-.2L12 21l-1.5-2.5-2.9.2-.9-2.8L4 14.7 5 12 4 9.3l2.7-1.2.9-2.8 2.9.2L12 3z\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/circle>\n <\/svg>\n <\/div>\n <h3>Automatisation<\/h3>\n <p>Nous automatisons vos processus r\u00e9p\u00e9titifs pour gagner du temps, r\u00e9duire les erreurs et acc\u00e9l\u00e9rer.<\/p>\n <a class=\"card-link\" href=\"#contact\">En savoir plus \u2192<\/a>\n <\/article>\n\n <article class=\"card\">\n <div class=\"card-icon\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M20 11a8 8 0 01-8 8H7l-4 2 1.3-4A8 8 0 1120 11z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/div>\n <h3>Conseil op\u00e9rationnel<\/h3>\n <p>Nous analysons, priorisons et optimisons vos processus pour cr\u00e9er de la valeur durablement.<\/p>\n <a class=\"card-link\" href=\"#contact\">En savoir plus \u2192<\/a>\n <\/article>\n <\/div>\n\n <div class=\"dashboard-band\" id=\"solutions\">\n <div class=\"dashboard-grid\">\n <div class=\"dashboard-intro\">\n <span class=\"eyebrow\" style=\"color:#ff925e;margin-bottom:10px\">Pilotage<\/span>\n <h3>Pilotez votre activit\u00e9 avec des tableaux de bord clairs et des donn\u00e9es fiables.<\/h3>\n <p>Des indicateurs en temps r\u00e9el pour prendre les bonnes d\u00e9cisions, au bon moment.<\/p>\n <\/div>\n\n <div class=\"metric-card\">\n <div class=\"metric-label\">Chiffre d\u2019affaires<\/div>\n <div class=\"metric-value\">\u20ac 2,450,000<\/div>\n <div class=\"metric-delta\">+12,5% vs mois dernier<\/div>\n <div class=\"chart-bars\">\n <span style=\"height:26px\"><\/span>\n <span style=\"height:34px\"><\/span>\n <span style=\"height:28px\"><\/span>\n <span style=\"height:46px\"><\/span>\n <span style=\"height:52px\"><\/span>\n <span style=\"height:64px\"><\/span>\n <\/div>\n <\/div>\n\n <div class=\"metric-card\">\n <div class=\"metric-label\">Commandes<\/div>\n <div class=\"metric-value\">1248<\/div>\n <div class=\"metric-delta\">+8,2% vs mois dernier<\/div>\n <div class=\"chart-bars\">\n <span style=\"height:18px\"><\/span>\n <span style=\"height:42px\"><\/span>\n <span style=\"height:28px\"><\/span>\n <span style=\"height:50px\"><\/span>\n <span style=\"height:62px\"><\/span>\n <span style=\"height:58px\"><\/span>\n <\/div>\n <\/div>\n\n <div class=\"metric-card\">\n <div class=\"metric-label\">Clients actifs<\/div>\n <div class=\"metric-value\">856<\/div>\n <div class=\"metric-delta\">+6,1% vs mois dernier<\/div>\n <div class=\"chart-ring\"><\/div>\n <div style=\"text-align:center;color:rgba(255,255,255,.72);font-size:12px\">42% nouveaux \u2022 58% r\u00e9currents<\/div>\n <\/div>\n\n <div class=\"metric-card\">\n <div class=\"metric-label\">Factures<\/div>\n <div class=\"metric-value\">328<\/div>\n <div class=\"invoice-list\">\n <div><span>En attente<\/span><strong>328<\/strong><\/div>\n <div><span>Pay\u00e9es ce mois<\/span><strong>620<\/strong><\/div>\n <div><span>En retard<\/span><strong>24<\/strong><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section\" id=\"methode\">\n <div class=\"container\">\n <span class=\"eyebrow\">Notre m\u00e9thode<\/span>\n <h2 class=\"section-title\">Une m\u00e9thode claire en 4 \u00e9tapes<\/h2>\n <p class=\"section-subtitle\">\n Nous avan\u00e7ons de mani\u00e8re structur\u00e9e, avec une logique simple : comprendre, concevoir, d\u00e9ployer, puis faire \u00e9voluer.\n <\/p>\n\n <div class=\"steps-grid\">\n <article class=\"step\">\n <div class=\"step-number\">1<\/div>\n <h3>Comprendre<\/h3>\n <p>Nous analysons vos enjeux, vos processus et vos donn\u00e9es pour cibler les vrais leviers de valeur.<\/p>\n <\/article>\n\n <article class=\"step\">\n <div class=\"step-number\">2<\/div>\n <h3>Concevoir<\/h3>\n <p>Nous concevons une solution sur mesure, align\u00e9e sur vos objectifs et vos contraintes.<\/p>\n <\/article>\n\n <article class=\"step\">\n <div class=\"step-number\">3<\/div>\n <h3>D\u00e9ployer<\/h3>\n <p>Nous int\u00e9grons, automatisons et formons vos \u00e9quipes pour une adoption rapide.<\/p>\n <\/article>\n\n <article class=\"step\">\n <div class=\"step-number\">4<\/div>\n <h3>Faire \u00e9voluer<\/h3>\n <p>Nous mesurons, optimisons et faisons \u00e9voluer votre solution en continu avec vous.<\/p>\n <\/article>\n <\/div>\n\n <div class=\"split-grid\" id=\"realisations\">\n <article class=\"panel\">\n <span class=\"eyebrow\">R\u00e9alisations<\/span>\n <h2 style=\"margin:0 0 8px;font-size:36px;line-height:1.05;letter-spacing:-.045em;color:var(--navy)\">Digitalisation compl\u00e8te d\u2019un acteur de la distribution<\/h2>\n <p style=\"margin:0;color:var(--muted);line-height:1.8\">\n Un projet combinant centralisation des produits, automatisation des commandes, \u00e9tiquettes, tableaux de bord et pilotage op\u00e9rationnel.\n <\/p>\n\n <div class=\"case-list\">\n <div class=\"case-item\"><span class=\"tick\">\u2713<\/span> ERP centralisant achats, ventes et stocks<\/div>\n <div class=\"case-item\"><span class=\"tick\">\u2713<\/span> Automatisation des flux de commandes et facturation<\/div>\n <div class=\"case-item\"><span class=\"tick\">\u2713<\/span> Tableaux de bord en temps r\u00e9el<\/div>\n <div class=\"case-item\"><span class=\"tick\">\u2713<\/span> R\u00e9duction du temps de traitement administratif<\/div>\n <div class=\"case-item\"><span class=\"tick\">\u2713<\/span> Tra\u00e7abilit\u00e9 et conformit\u00e9 renforc\u00e9es<\/div>\n <\/div>\n\n <div class=\"software-visual\">\n <div class=\"screen\">\n <div class=\"screen-top\">\n <span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"dot\"><\/span>\n <\/div>\n\n <div class=\"mini-stats\">\n <div class=\"mini\">\n <strong>\u20ac 2,45M<\/strong>\n <span>CA mensuel<\/span>\n <\/div>\n <div class=\"mini\">\n <strong>1 248<\/strong>\n <span>Commandes<\/span>\n <\/div>\n <div class=\"mini\">\n <strong>1 080<\/strong>\n <span>R\u00e9f\u00e9rences<\/span>\n <\/div>\n <\/div>\n\n <div class=\"mini-chart\">\n <svg viewBox=\"0 0 500 160\" preserveAspectRatio=\"none\">\n <path d=\"M0 145 C70 120, 80 130, 140 90 S220 85, 270 105 350 115, 405 70 450 45, 500 25\" fill=\"none\" stroke=\"#ff5a1f\" stroke-width=\"5\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n\n <div class=\"phone\">\n <div class=\"phone-notch\"><\/div>\n <div class=\"phone-card\"><strong style=\"display:block;color:var(--navy);font-size:14px\">Suivi commandes<\/strong><span>12 nouvelles aujourd\u2019hui<\/span><\/div>\n <div class=\"phone-card\"><strong style=\"display:block;color:var(--navy);font-size:14px\">Encours<\/strong><span>96 551 \u20ac<\/span><\/div>\n <div class=\"phone-card\"><strong style=\"display:block;color:var(--navy);font-size:14px\">Alertes<\/strong><span>3 anomalies d\u00e9tect\u00e9es<\/span><\/div>\n <\/div>\n <\/div>\n\n <div style=\"margin-top:20px\">\n <a class=\"btn btn-primary\" href=\"#contact\">D\u00e9couvrir le projet complet<\/a>\n <\/div>\n <\/article>\n\n <article class=\"panel\">\n <span class=\"eyebrow\">Agents IA<\/span>\n <h2 style=\"margin:0 0 8px;font-size:36px;line-height:1.05;letter-spacing:-.045em;color:var(--navy)\">Des agents IA au service de vos \u00e9quipes<\/h2>\n <p style=\"margin:0;color:var(--muted);line-height:1.8\">\n Nous int\u00e9grons des assistants intelligents dans vos op\u00e9rations afin d\u2019acc\u00e9l\u00e9rer, contr\u00f4ler et assister sans complexifier.\n <\/p>\n\n <div class=\"ai-list\">\n <div class=\"ai-item\"><span class=\"tick\">\u2726<\/span><div><strong>Relances automatiques<\/strong><br>Relancez vos clients au bon moment, sans effort.<\/div><\/div>\n <div class=\"ai-item\"><span class=\"tick\">\u2726<\/span><div><strong>Contr\u00f4le de factures<\/strong><br>V\u00e9rification, rapprochement et d\u00e9tection d\u2019anomalies en quelques secondes.<\/div><\/div>\n <div class=\"ai-item\"><span class=\"tick\">\u2726<\/span><div><strong>D\u00e9tection d\u2019anomalies<\/strong><br>Identifiez les \u00e9carts et risques avant qu\u2019ils ne deviennent des probl\u00e8mes.<\/div><\/div>\n <div class=\"ai-item\"><span class=\"tick\">\u2726<\/span><div><strong>Aide \u00e0 la d\u00e9cision<\/strong><br>Obtenez des recommandations claires bas\u00e9es sur vos donn\u00e9es.<\/div><\/div>\n <\/div>\n\n <div class=\"screen\" style=\"height:370px;margin-top:24px\">\n <div class=\"screen-top\">\n <span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"dot\"><\/span>\n <\/div>\n <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:18px\">\n <div style=\"font-size:15px;font-weight:800;color:var(--navy)\">Assistant IA<\/div>\n <div style=\"font-size:12px;color:var(--muted)\">En ligne<\/div>\n <\/div>\n <div style=\"display:grid;gap:10px\">\n <div style=\"max-width:75%;padding:12px 14px;border-radius:14px 14px 14px 6px;background:#f4f6f9;color:#3e4654;font-size:13px;line-height:1.6\">Bonjour, comment puis-je vous aider aujourd\u2019hui ?<\/div>\n <div style=\"max-width:82%;margin-left:auto;padding:12px 14px;border-radius:14px 14px 6px 14px;background:var(--orange-soft);color:#61341e;font-size:13px;line-height:1.6\">Analysez mes ventes du mois<\/div>\n <div style=\"max-width:78%;padding:12px 14px;border-radius:14px 14px 14px 6px;background:#f4f6f9;color:#3e4654;font-size:13px;line-height:1.6\">Vos ventes progressent de 12,4%. Les commandes les plus rentables proviennent du segment B2B.<\/div>\n <div style=\"max-width:82%;margin-left:auto;padding:12px 14px;border-radius:14px 14px 6px 14px;background:var(--orange-soft);color:#61341e;font-size:13px;line-height:1.6\">Pourquoi cette facture est marqu\u00e9e en anomalie ?<\/div>\n <div style=\"max-width:78%;padding:12px 14px;border-radius:14px 14px 14px 6px;background:#f4f6f9;color:#3e4654;font-size:13px;line-height:1.6\">Le montant TTC ne correspond pas au total attendu. Je recommande une v\u00e9rification imm\u00e9diate.<\/div>\n <\/div>\n <\/div>\n <\/article>\n <\/div>\n\n <div class=\"about-contact\" id=\"apropos\">\n <article class=\"about-box\">\n <div class=\"photo-placeholder\">\n <div class=\"replace-note\">Remplacez par votre photo<\/div>\n <svg class=\"silhouette\" viewBox=\"0 0 320 420\" fill=\"none\" aria-hidden=\"true\">\n <circle cx=\"165\" cy=\"110\" r=\"62\" fill=\"#f2f4f7\"><\/circle>\n <path d=\"M52 392c22-78 58-131 113-131s89 34 111 131\" fill=\"#eef2f6\"><\/path>\n <path d=\"M94 388c10-72 32-120 69-120s57 35 66 120\" fill=\"#dce4ec\"><\/path>\n <\/svg>\n <\/div>\n\n <div>\n <span class=\"eyebrow\">\u00c0 propos de We-Bulle<\/span>\n <h2 style=\"margin:0 0 12px;font-size:38px;line-height:1.05;letter-spacing:-.045em;color:var(--navy)\">L\u2019expertise m\u00e9tier et technologique au service de vos r\u00e9sultats.<\/h2>\n <p style=\"margin:0;color:var(--muted);line-height:1.85\">\n We-Bulle, c\u2019est la rencontre entre une compr\u00e9hension fine des m\u00e9tiers et une ma\u00eetrise des technologies \u00e9mergentes.\n <\/p>\n\n <div class=\"feature-mini-grid\">\n <div class=\"feature-mini\">\n <div class=\"card-icon\" style=\"width:44px;height:44px;margin:0 auto 0\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n <circle cx=\"8\" cy=\"8\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/circle>\n <circle cx=\"16\" cy=\"8\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/circle>\n <path d=\"M3 20c.4-4 2.5-6 5-6s4.6 2 5 6m-2 0c.4-4 2.5-6 5-6s4.6 2 5 6\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/path>\n <\/svg>\n <\/div>\n <strong>Compr\u00e9hension op\u00e9rationnelle<\/strong>\n <\/div>\n\n <div class=\"feature-mini\">\n <div class=\"card-icon\" style=\"width:44px;height:44px;margin:0 auto 0\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 3l1.5 2.5 2.9-.2.9 2.8 2.7 1.2-1 2.7 1 2.7-2.7 1.2-.9 2.8-2.9-.2L12 21l-1.5-2.5-2.9.2-.9-2.8L4 14.7 5 12 4 9.3l2.7-1.2.9-2.8 2.9.2L12 3z\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/circle>\n <\/svg>\n <\/div>\n <strong>Solutions sur mesure et pragmatiques<\/strong>\n <\/div>\n\n <div class=\"feature-mini\">\n <div class=\"card-icon\" style=\"width:44px;height:44px;margin:0 auto 0\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M13 3L4 14h6l-1 7 9-11h-6l1-7z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/div>\n <strong>Proximit\u00e9, r\u00e9activit\u00e9 et engagement<\/strong>\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n\n <article class=\"contact-box\" id=\"contact\">\n <div class=\"contact-grid\">\n <div>\n <span class=\"eyebrow\">Parlons de votre projet<\/span>\n <h2 style=\"margin:0 0 10px;font-size:36px;line-height:1.05;letter-spacing:-.045em;color:var(--navy)\">Expliquez votre besoin, nous revenons rapidement vers vous.<\/h2>\n <p style=\"margin:0;color:var(--muted);line-height:1.8\">\n Un premier \u00e9change, une analyse confidentielle et des premi\u00e8res pistes d\u2019am\u00e9lioration.\n <\/p>\n\n <div class=\"promise-list\">\n <div class=\"promise\">\n <span class=\"meta-icon\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/circle>\n <path d=\"M12 7v5l3 2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/span>\n Premier \u00e9change de 30 minutes\n <\/div>\n\n <div class=\"promise\">\n <span class=\"meta-icon\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"6\" y=\"10\" width=\"12\" height=\"9\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <path d=\"M9 10V7.5a3 3 0 016 0V10\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/path>\n <\/svg>\n <\/span>\n Analyse confidentielle\n <\/div>\n\n <div class=\"promise\">\n <span class=\"meta-icon\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M4 11.5L20 4l-5.5 16-3.2-6.3L4 11.5z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/span>\n R\u00e9ponse sous 48 heures\n <\/div>\n <\/div>\n <\/div>\n\n <form action=\"https:\/\/formsubmit.co\/contact@we-bulle.fr\" method=\"POST\" class=\"form-fields\">\n <input type=\"hidden\" name=\"_subject\" value=\"Nouvelle demande de projet \u2014 We-Bulle\">\n <input type=\"hidden\" name=\"_template\" value=\"table\">\n <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n\n <div>\n <label class=\"label\" for=\"name\">Nom et entreprise<\/label>\n <input class=\"input\" id=\"name\" name=\"Nom et entreprise\" type=\"text\" placeholder=\"Ex. : Jean Dupont \u2014 Acme Industrie\" required>\n <\/div>\n\n <div>\n <label class=\"label\" for=\"email\">Email<\/label>\n <input class=\"input\" id=\"email\" name=\"Email\" type=\"email\" placeholder=\"Ex. : jean.dupont@acme.fr\" required>\n <\/div>\n\n <div>\n <label class=\"label\" for=\"phone\">T\u00e9l\u00e9phone (optionnel)<\/label>\n <input class=\"input\" id=\"phone\" name=\"T\u00e9l\u00e9phone\" type=\"tel\" placeholder=\"Ex. : 06 12 34 56 78\">\n <\/div>\n\n <div>\n <label class=\"label\" for=\"need\">Type de besoin<\/label>\n <select class=\"select\" id=\"need\" name=\"Type de besoin\">\n <option>ERP et outils m\u00e9tiers<\/option>\n <option>Automatisation<\/option>\n <option>Agent IA<\/option>\n <option>Conseil op\u00e9rationnel<\/option>\n <\/select>\n <\/div>\n\n <div>\n <label class=\"label\" for=\"message\">Votre projet en quelques mots<\/label>\n <textarea class=\"textarea\" id=\"message\" name=\"Projet\" placeholder=\"D\u00e9crivez votre besoin, vos objectifs, vos contraintes\u2026\"><\/textarea>\n <\/div>\n\n <button class=\"btn btn-primary\" type=\"submit\" style=\"width:100%\">Envoyer ma demande<\/button>\n <div style=\"font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"6\" y=\"10\" width=\"12\" height=\"9\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <path d=\"M9 10V7.5a3 3 0 016 0V10\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/path>\n <\/svg>\n Vos informations sont s\u00e9curis\u00e9es et confidentielles.\n <\/div>\n <\/form>\n <\/div>\n <\/article>\n <\/div>\n\n <div class=\"cta-band\">\n <div>\n <h3>Un processus vous fait perdre du temps ?<\/h3>\n <p>\u00c9changeons sur vos besoins et identifions ensemble les premi\u00e8res pistes d\u2019am\u00e9lioration.<\/p>\n <\/div>\n <a href=\"#contact\" class=\"btn btn-primary\">Parler de votre projet<\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n<\/body>\n<\/html>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5890765a e-flex e-con-boxed e-con e-parent\" data-id=\"5890765a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7bc9c5b2 elementor-widget elementor-widget-text-editor\" data-id=\"7bc9c5b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <meta name=\"description\" content=\"We-Bulle con\u00e7oit des ERP, des automatisations et des agents IA adapt\u00e9s aux r\u00e9alit\u00e9s de votre entreprise.\" \/>\n <title>We-Bulle \u2014 ERP, automatisation et agents IA<\/title>\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n <style>\n :root{\n --orange:#ff5a1f;\n --orange-dark:#e84a0c;\n --orange-soft:#fff2eb;\n --navy:#0b1625;\n --navy-2:#11223a;\n --text:#1b2430;\n --muted:#667085;\n --line:#e7e9ee;\n --bg:#ffffff;\n --bg-soft:#f8f9fb;\n --shadow:0 18px 45px rgba(15, 23, 42, .08);\n --shadow-soft:0 10px 28px rgba(15, 23, 42, .06);\n --radius-xl:28px;\n --radius-lg:22px;\n --radius-md:16px;\n --radius-sm:12px;\n --container:1200px;\n }\n\n *{box-sizing:border-box}\n html{scroll-behavior:smooth}\n body{\n margin:0;\n font-family:\"Manrope\",Arial,sans-serif;\n color:var(--text);\n background:\n radial-gradient(circle at 85% 10%, rgba(255,90,31,.06), transparent 18%),\n linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%);\n -webkit-font-smoothing:antialiased;\n }\n\n a{text-decoration:none;color:inherit}\n img,svg{display:block}\n button,input,textarea,select{font:inherit}\n\n .container{\n width:min(calc(100% - 40px), var(--container));\n margin-inline:auto;\n }\n\n .section{\n padding:80px 0;\n }\n\n .eyebrow{\n display:inline-block;\n margin-bottom:16px;\n color:var(--orange);\n font-size:13px;\n font-weight:800;\n text-transform:uppercase;\n letter-spacing:.08em;\n }\n\n .section-title{\n margin:0 0 16px;\n font-size:clamp(32px, 4vw, 48px);\n line-height:1.05;\n letter-spacing:-.045em;\n color:var(--navy);\n }\n\n .section-subtitle{\n margin:0;\n max-width:760px;\n color:var(--muted);\n font-size:18px;\n line-height:1.75;\n }\n\n .btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n gap:10px;\n min-height:52px;\n padding:0 22px;\n border-radius:12px;\n font-size:15px;\n font-weight:800;\n transition:.2s ease;\n cursor:pointer;\n border:0;\n }\n\n .btn-primary{\n background:linear-gradient(90deg, #ff4f0b, #ff6a1f);\n color:#fff;\n box-shadow:0 14px 28px rgba(255,90,31,.2);\n }\n .btn-primary:hover{\n transform:translateY(-2px);\n box-shadow:0 18px 34px rgba(255,90,31,.24);\n }\n\n .btn-secondary{\n background:#fff;\n color:var(--navy);\n border:1px solid var(--line);\n }\n .btn-secondary:hover{\n border-color:var(--orange);\n color:var(--orange);\n }\n\n \/* Header *\/\n .site-header{\n position:sticky;\n top:0;\n z-index:99;\n background:rgba(255,255,255,.92);\n backdrop-filter:blur(16px);\n border-bottom:1px solid rgba(231,233,238,.85);\n }\n .nav{\n min-height:84px;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:28px;\n }\n\n .brand{\n display:inline-flex;\n align-items:center;\n gap:12px;\n flex-shrink:0;\n }\n .brand-mark{\n width:40px;height:40px;\n }\n .brand-name{\n font-size:22px;\n font-weight:800;\n letter-spacing:-.04em;\n color:var(--navy);\n }\n\n .nav-links{\n display:flex;\n align-items:center;\n gap:30px;\n }\n .nav-links a{\n font-size:15px;\n font-weight:700;\n color:#3b4453;\n position:relative;\n padding:8px 0;\n }\n .nav-links a::after{\n content:\"\";\n position:absolute;\n left:0;right:0;bottom:-3px;\n height:2px;\n background:var(--orange);\n transform:scaleX(0);\n transition:transform .2s ease;\n }\n .nav-links a:hover::after{transform:scaleX(1)}\n\n .nav-actions{\n display:flex;\n align-items:center;\n gap:16px;\n }\n\n .menu-toggle{\n display:none;\n width:44px;height:44px;\n border:1px solid var(--line);\n background:#fff;\n border-radius:12px;\n cursor:pointer;\n }\n\n \/* Hero *\/\n .hero{\n padding:34px 0 72px;\n }\n\n .hero-grid{\n display:grid;\n grid-template-columns:1.05fr .95fr;\n gap:48px;\n align-items:center;\n }\n\n .hero-title{\n margin:0;\n max-width:640px;\n font-size:clamp(46px, 5.8vw, 74px);\n line-height:.98;\n letter-spacing:-.06em;\n color:var(--navy);\n font-weight:800;\n }\n .hero-title .underline{\n position:relative;\n display:inline-block;\n }\n .hero-title .underline::after{\n content:\"\";\n position:absolute;\n left:0;right:0;bottom:6px;\n height:6px;\n border-radius:999px;\n background:rgba(255,90,31,.75);\n z-index:-1;\n }\n\n .hero-text{\n margin:24px 0 0;\n max-width:620px;\n color:#404a59;\n font-size:19px;\n line-height:1.8;\n }\n\n .hero-actions{\n display:flex;\n flex-wrap:wrap;\n gap:14px;\n margin-top:30px;\n }\n\n .hero-meta{\n display:flex;\n flex-wrap:wrap;\n gap:24px;\n margin-top:26px;\n }\n .hero-meta-item{\n display:flex;\n align-items:center;\n gap:10px;\n font-size:14px;\n font-weight:700;\n color:#3e4654;\n }\n .meta-icon{\n width:34px;height:34px;\n display:grid;\n place-items:center;\n border:1px solid rgba(255,90,31,.4);\n border-radius:50%;\n color:var(--orange);\n background:#fff;\n }\n\n .hero-visual{\n position:relative;\n min-height:540px;\n background:\n radial-gradient(circle at center, rgba(255,90,31,.08), transparent 29%),\n linear-gradient(180deg, #fff 0%, #fcfcfd 100%);\n border:1px solid var(--line);\n border-radius:32px;\n box-shadow:var(--shadow);\n overflow:hidden;\n padding:32px;\n }\n\n .diagram-core{\n position:absolute;\n left:50%;\n top:50%;\n transform:translate(-50%,-50%);\n width:140px;height:140px;\n border-radius:50%;\n display:grid;\n place-items:center;\n background:#fff;\n border:1px solid var(--line);\n box-shadow:0 14px 34px rgba(15,23,42,.08);\n }\n\n .diagram-ring{\n position:absolute;\n left:50%;top:50%;\n transform:translate(-50%,-50%);\n width:340px;height:340px;\n border-radius:50%;\n border:1px dashed #e3e6ec;\n }\n\n .orbital-card{\n position:absolute;\n min-width:164px;\n display:flex;\n align-items:center;\n gap:12px;\n padding:14px 16px;\n border-radius:16px;\n background:#fff;\n border:1px solid var(--line);\n box-shadow:var(--shadow-soft);\n font-size:14px;\n font-weight:800;\n color:var(--navy);\n }\n .orbital-card .small{\n display:block;\n font-size:12px;\n line-height:1.3;\n color:var(--muted);\n font-weight:600;\n margin-top:2px;\n }\n .orbital-icon{\n width:36px;height:36px;\n display:grid;place-items:center;\n border-radius:12px;\n background:var(--orange-soft);\n color:var(--orange);\n flex:0 0 36px;\n }\n\n .c1{top:42px;left:56px}\n .c2{top:40px;right:54px}\n .c3{left:28px;top:50%;transform:translateY(-50%)}\n .c4{right:24px;top:50%;transform:translateY(-50%)}\n .c5{bottom:42px;left:76px}\n .c6{bottom:40px;right:66px}\n\n .connector{\n position:absolute;\n height:1px;\n background:linear-gradient(90deg, transparent, rgba(255,90,31,.9), transparent);\n transform-origin:left center;\n }\n .l1{width:135px;left:204px;top:116px;transform:rotate(28deg)}\n .l2{width:124px;right:192px;top:112px;transform:rotate(154deg)}\n .l3{width:118px;left:182px;top:50%;transform:rotate(0deg)}\n .l4{width:114px;right:184px;top:50%;transform:rotate(180deg)}\n .l5{width:135px;left:206px;bottom:117px;transform:rotate(-28deg)}\n .l6{width:124px;right:194px;bottom:112px;transform:rotate(206deg)}\n\n \/* Expertise cards *\/\n .cards-grid{\n display:grid;\n grid-template-columns:repeat(4, 1fr);\n gap:22px;\n margin-top:34px;\n }\n .card{\n padding:28px;\n border:1px solid var(--line);\n border-radius:20px;\n background:#fff;\n box-shadow:var(--shadow-soft);\n transition:.2s ease;\n }\n .card:hover{\n transform:translateY(-4px);\n box-shadow:0 18px 34px rgba(15,23,42,.09);\n }\n .card-icon{\n width:52px;height:52px;\n display:grid;place-items:center;\n border-radius:16px;\n background:var(--orange-soft);\n color:var(--orange);\n margin-bottom:20px;\n }\n .card h3{\n margin:0 0 10px;\n font-size:24px;\n line-height:1.1;\n color:var(--navy);\n letter-spacing:-.03em;\n }\n .card p{\n margin:0;\n color:var(--muted);\n line-height:1.8;\n font-size:15px;\n }\n .card-link{\n display:inline-flex;\n align-items:center;\n gap:8px;\n margin-top:18px;\n color:var(--orange);\n font-weight:800;\n font-size:14px;\n }\n\n \/* Dashboard section *\/\n .dashboard-band{\n padding:22px;\n margin-top:38px;\n border-radius:24px;\n background:\n radial-gradient(circle at 25% 20%, rgba(255,90,31,.16), transparent 20%),\n linear-gradient(135deg, #081526 0%, #0d1e34 100%);\n color:#fff;\n box-shadow:var(--shadow);\n }\n\n .dashboard-grid{\n display:grid;\n grid-template-columns:1.2fr repeat(4, 1fr);\n gap:16px;\n align-items:stretch;\n }\n\n .dashboard-intro{\n padding:18px;\n display:flex;\n flex-direction:column;\n justify-content:center;\n }\n .dashboard-intro h3{\n margin:0 0 12px;\n font-size:34px;\n line-height:1.05;\n letter-spacing:-.04em;\n }\n .dashboard-intro p{\n margin:0;\n color:rgba(255,255,255,.75);\n line-height:1.75;\n font-size:15px;\n }\n\n .metric-card{\n padding:18px;\n border:1px solid rgba(255,255,255,.12);\n border-radius:18px;\n background:rgba(255,255,255,.03);\n backdrop-filter:blur(8px);\n }\n .metric-label{\n color:rgba(255,255,255,.72);\n font-size:13px;\n font-weight:700;\n margin-bottom:12px;\n }\n .metric-value{\n font-size:34px;\n line-height:1;\n font-weight:800;\n margin-bottom:10px;\n }\n .metric-delta{\n font-size:13px;\n color:#6ee7b7;\n font-weight:700;\n margin-bottom:16px;\n }\n .chart-bars{\n display:flex;\n align-items:flex-end;\n gap:7px;\n height:72px;\n }\n .chart-bars span{\n flex:1;\n border-radius:8px 8px 0 0;\n background:linear-gradient(180deg, var(--orange) 0%, #ff8b57 100%);\n opacity:.95;\n }\n .chart-ring{\n width:94px;height:94px;margin:0 auto 10px;\n border-radius:50%;\n background:conic-gradient(var(--orange) 0 42%, #2c415d 42% 100%);\n position:relative;\n }\n .chart-ring::after{\n content:\"\";\n position:absolute;inset:18px;\n background:#0d1e34;border-radius:50%;\n }\n\n .invoice-list{\n display:grid;gap:10px;\n margin-top:8px;\n }\n .invoice-list div{\n display:flex;justify-content:space-between;gap:12px;\n color:rgba(255,255,255,.78);\n font-size:13px;\n padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08);\n }\n .invoice-list div:last-child{border-bottom:0;padding-bottom:0}\n\n \/* Method *\/\n .steps-grid{\n display:grid;\n grid-template-columns:repeat(4, 1fr);\n gap:18px;\n margin-top:32px;\n }\n .step{\n position:relative;\n padding:24px;\n background:#fff;\n border:1px solid var(--line);\n border-radius:20px;\n box-shadow:var(--shadow-soft);\n }\n .step-number{\n width:42px;height:42px;\n display:grid;place-items:center;\n border-radius:50%;\n background:var(--orange-soft);\n color:var(--orange);\n font-weight:800;\n margin-bottom:16px;\n }\n .step h3{\n margin:0 0 10px;\n font-size:20px;\n line-height:1.15;\n color:var(--navy);\n }\n .step p{\n margin:0;\n font-size:14px;\n line-height:1.8;\n color:var(--muted);\n }\n\n \/* Split sections *\/\n .split-grid{\n display:grid;\n grid-template-columns:1.12fr .88fr;\n gap:24px;\n margin-top:36px;\n }\n .panel{\n padding:30px;\n background:#fff;\n border:1px solid var(--line);\n border-radius:24px;\n box-shadow:var(--shadow-soft);\n min-width:0;\n }\n\n .case-list, .ai-list{\n display:grid;\n gap:14px;\n margin-top:18px;\n }\n .case-item, .ai-item{\n display:flex;\n align-items:flex-start;\n gap:12px;\n color:#3b4453;\n line-height:1.7;\n font-size:15px;\n }\n .tick{\n width:26px;height:26px;flex:0 0 26px;\n display:grid;place-items:center;\n border-radius:50%;\n background:var(--orange-soft);\n color:var(--orange);\n }\n\n .software-visual{\n margin-top:22px;\n display:grid;\n grid-template-columns:1.2fr .8fr;\n gap:16px;\n align-items:end;\n }\n\n .screen{\n height:290px;\n border-radius:20px;\n border:1px solid var(--line);\n background:\n linear-gradient(180deg, #fff 0%, #fafbfc 100%);\n box-shadow:var(--shadow-soft);\n overflow:hidden;\n padding:18px;\n position:relative;\n }\n .screen-top{\n display:flex; gap:8px; margin-bottom:18px;\n }\n .dot{width:10px;height:10px;border-radius:50%;background:#d5d9e1}\n .mini-stats{\n display:grid;\n grid-template-columns:repeat(3, 1fr);\n gap:12px;\n }\n .mini-stats .mini{\n padding:12px;\n border:1px solid var(--line);\n border-radius:14px;\n background:#fff;\n }\n .mini strong{display:block;font-size:22px;color:var(--navy)}\n .mini span{font-size:12px;color:var(--muted)}\n .mini-chart{\n margin-top:18px;height:120px;\n border-radius:16px;\n background:\n linear-gradient(180deg, rgba(255,90,31,.12), transparent 70%),\n linear-gradient(0deg, #fff, #fff);\n border:1px solid var(--line);\n position:relative;\n }\n .mini-chart svg{position:absolute;inset:0}\n\n .phone{\n height:250px;\n border-radius:28px;\n border:1px solid #d8dde5;\n background:#fff;\n box-shadow:var(--shadow-soft);\n padding:14px 12px;\n overflow:hidden;\n }\n .phone-notch{\n width:80px;height:8px;border-radius:999px;background:#d6dbe3;margin:0 auto 16px;\n }\n .phone-card{\n padding:12px;\n border:1px solid var(--line);\n border-radius:14px;\n margin-bottom:12px;\n font-size:12px;\n color:var(--muted);\n }\n\n \/* About \/ contact *\/\n .about-contact{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:24px;\n margin-top:24px;\n }\n\n .about-box{\n display:grid;\n grid-template-columns:.9fr 1.1fr;\n gap:22px;\n align-items:end;\n padding:28px;\n border:1px solid var(--line);\n border-radius:24px;\n background:#fff;\n box-shadow:var(--shadow-soft);\n }\n\n .photo-placeholder{\n min-height:360px;\n border-radius:20px;\n background:\n linear-gradient(180deg, rgba(255,90,31,.06), rgba(255,90,31,.02)),\n linear-gradient(180deg, #fff, #fafbfc);\n border:1px dashed #d9dee7;\n position:relative;\n display:flex;\n align-items:end;\n justify-content:center;\n overflow:hidden;\n }\n .photo-placeholder .silhouette{\n width:82%;\n height:85%;\n }\n .replace-note{\n position:absolute;\n top:16px; left:16px;\n padding:8px 10px;\n border-radius:999px;\n background:#fff;\n border:1px solid var(--line);\n font-size:12px;\n color:var(--muted);\n font-weight:700;\n }\n\n .feature-mini-grid{\n display:grid;\n grid-template-columns:repeat(3, 1fr);\n gap:14px;\n margin-top:20px;\n }\n .feature-mini{\n padding:14px;\n border-radius:16px;\n border:1px solid var(--line);\n background:#fff;\n text-align:center;\n }\n .feature-mini strong{\n display:block;margin-top:10px;font-size:13px;line-height:1.45;color:#3d4553\n }\n\n .contact-box{\n padding:28px;\n border:1px solid var(--line);\n border-radius:24px;\n background:#fff;\n box-shadow:var(--shadow-soft);\n }\n .contact-grid{\n display:grid;\n grid-template-columns:.95fr 1.05fr;\n gap:22px;\n align-items:start;\n }\n .promise-list{\n display:grid;\n gap:14px;\n margin-top:22px;\n }\n .promise{\n display:flex;\n align-items:flex-start;\n gap:12px;\n color:#3b4453;\n font-size:14px;\n font-weight:700;\n line-height:1.6;\n }\n .promise .meta-icon{\n width:32px;height:32px;flex:0 0 32px;\n }\n\n .form-fields{\n display:grid;\n gap:12px;\n }\n .input, .textarea, .select{\n width:100%;\n border:1px solid #dde3eb;\n border-radius:12px;\n background:#fff;\n color:var(--text);\n outline:none;\n padding:0 14px;\n transition:.2s ease;\n }\n .input, .select{height:48px}\n .textarea{\n min-height:120px;\n padding:14px;\n resize:vertical;\n }\n .input:focus,.select:focus,.textarea:focus{\n border-color:var(--orange);\n box-shadow:0 0 0 4px rgba(255,90,31,.08);\n }\n\n .label{\n display:block;\n margin:2px 0 6px;\n font-size:13px;\n font-weight:800;\n color:var(--navy);\n }\n\n \/* CTA band *\/\n .cta-band{\n margin-top:28px;\n padding:30px 34px;\n border-radius:24px;\n background:\n radial-gradient(circle at 8% 0%, rgba(255,90,31,.08), transparent 24%),\n radial-gradient(circle at 100% 100%, rgba(255,90,31,.08), transparent 26%),\n linear-gradient(180deg, #fff8f4 0%, #fff 100%);\n border:1px solid #f3e0d7;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:20px;\n }\n .cta-band h3{\n margin:0 0 8px;\n font-size:38px;\n line-height:1.05;\n letter-spacing:-.04em;\n color:var(--navy);\n }\n .cta-band p{\n margin:0;\n color:var(--muted);\n font-size:16px;\n line-height:1.7;\n max-width:680px;\n }\n\n \/* Footer *\/\n .footer{\n margin-top:28px;\n background:\n radial-gradient(circle at 12% 16%, rgba(255,90,31,.12), transparent 18%),\n linear-gradient(135deg, #06111f 0%, #0d1d33 100%);\n color:#fff;\n border-radius:28px 28px 0 0;\n overflow:hidden;\n }\n .footer-main{\n display:grid;\n grid-template-columns:1.2fr .8fr .8fr .95fr;\n gap:28px;\n padding:48px 0 24px;\n }\n .footer-col{\n min-width:0;\n }\n .footer-desc{\n margin:18px 0 18px;\n color:rgba(255,255,255,.78);\n line-height:1.9;\n font-size:14px;\n max-width:360px;\n }\n .footer-title{\n margin:0 0 18px;\n font-size:15px;\n font-weight:800;\n text-transform:uppercase;\n letter-spacing:.02em;\n position:relative;\n padding-bottom:12px;\n }\n .footer-title::after{\n content:\"\";\n position:absolute;left:0;bottom:0;\n width:30px;height:3px;border-radius:999px;background:var(--orange);\n }\n .footer-links{\n display:grid;\n gap:12px;\n }\n .footer-links a{\n color:rgba(255,255,255,.82);\n font-size:14px;\n line-height:1.5;\n }\n .footer-links a:hover{color:#fff}\n .footer-contact{\n display:grid;gap:12px;\n }\n .footer-contact div, .footer-contact a{\n color:rgba(255,255,255,.82);\n font-size:14px;\n display:flex;align-items:flex-start;gap:10px;\n }\n .footer-contact svg{color:var(--orange);flex:0 0 18px}\n\n .footer-bottom{\n display:flex;\n justify-content:space-between;\n gap:20px;\n padding:18px 0 24px;\n border-top:1px solid rgba(255,255,255,.1);\n color:rgba(255,255,255,.62);\n font-size:13px;\n flex-wrap:wrap;\n }\n .footer-bottom-links{\n display:flex;gap:18px;flex-wrap:wrap;\n }\n .footer-bottom-links a{color:rgba(255,255,255,.62)}\n\n \/* Responsive *\/\n @media (max-width: 1200px){\n .cards-grid{grid-template-columns:repeat(2,1fr)}\n .dashboard-grid{grid-template-columns:1fr 1fr 1fr}\n .dashboard-intro{grid-column:1\/-1}\n .steps-grid{grid-template-columns:repeat(2,1fr)}\n .split-grid,.about-contact{grid-template-columns:1fr}\n .footer-main{grid-template-columns:1fr 1fr}\n }\n\n @media (max-width: 960px){\n .nav-links{display:none}\n .menu-toggle{display:grid;place-items:center}\n .nav-actions .btn-primary{display:none}\n .hero-grid{grid-template-columns:1fr}\n .hero-visual{min-height:520px}\n .contact-grid{grid-template-columns:1fr}\n .about-box{grid-template-columns:1fr}\n .cta-band{flex-direction:column;align-items:flex-start}\n .dashboard-grid{grid-template-columns:1fr 1fr}\n }\n\n @media (max-width: 720px){\n .container{width:min(calc(100% - 28px), var(--container))}\n .section{padding:64px 0}\n .hero{padding:34px 0 56px}\n .hero-visual{min-height:620px;padding:18px}\n .diagram-core{width:112px;height:112px}\n .diagram-ring{width:240px;height:240px}\n .orbital-card{min-width:140px;padding:12px}\n .c1{top:18px;left:10px}\n .c2{top:18px;right:10px}\n .c3{left:8px;top:38%}\n .c4{right:8px;top:38%}\n .c5{bottom:18px;left:16px}\n .c6{bottom:18px;right:16px}\n .connector{display:none}\n .cards-grid,.steps-grid,.dashboard-grid,.feature-mini-grid,.footer-main{grid-template-columns:1fr}\n .software-visual{grid-template-columns:1fr}\n .cta-band h3{font-size:32px}\n .footer{border-radius:24px 24px 0 0}\n .footer-bottom{flex-direction:column}\n }\n <\/style>\n<\/head>\n\n<body>\n<main>\n <section class=\"hero\" id=\"accueil\">\n <div class=\"container hero-grid\">\n <div>\n <span class=\"eyebrow\">ERP \u2022 Automatisation \u2022 Agents IA<\/span>\n <h1 class=\"hero-title\">\n Vos outils m\u00e9tiers doivent travailler pour vous.\n Pas <span class=\"underline\">l\u2019inverse.<\/span>\n <\/h1>\n\n <p class=\"hero-text\">\n We-Bulle con\u00e7oit des solutions ERP, des automatisations et des agents IA\n sur mesure, align\u00e9s sur vos processus et vos objectifs.\n Moins de friction, plus de performance.\n <\/p>\n\n <div class=\"hero-actions\">\n <a class=\"btn btn-primary\" href=\"#contact\">Demander un diagnostic<\/a>\n <a class=\"btn btn-secondary\" href=\"#solutions\">D\u00e9couvrir nos solutions<\/a>\n <\/div>\n\n <div class=\"hero-meta\">\n <div class=\"hero-meta-item\">\n <span class=\"meta-icon\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/circle>\n <path d=\"M12 7v5l3 2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/span>\n Premier \u00e9change de 30 minutes\n <\/div>\n\n <div class=\"hero-meta-item\">\n <span class=\"meta-icon\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"6\" y=\"10\" width=\"12\" height=\"9\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <path d=\"M9 10V7.5a3 3 0 016 0V10\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/path>\n <\/svg>\n <\/span>\n Analyse confidentielle\n <\/div>\n\n <div class=\"hero-meta-item\">\n <span class=\"meta-icon\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M4 11.5L20 4l-5.5 16-3.2-6.3L4 11.5z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/span>\n R\u00e9ponse sous 48 heures\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-visual\" aria-hidden=\"true\">\n <div class=\"diagram-ring\"><\/div>\n\n <div class=\"orbital-card c1\">\n <span class=\"orbital-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"4\" y=\"4\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <rect x=\"14\" y=\"4\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <rect x=\"4\" y=\"14\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <rect x=\"14\" y=\"14\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <\/svg>\n <\/span>\n ERP & outils m\u00e9tiers\n <\/div>\n\n <div class=\"orbital-card c2\">\n <span class=\"orbital-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/span>\n Agents IA\n <\/div>\n\n <div class=\"orbital-card c3\">\n <span class=\"orbital-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 3l1.5 2.5 2.9-.2.9 2.8 2.7 1.2-1 2.7 1 2.7-2.7 1.2-.9 2.8-2.9-.2L12 21l-1.5-2.5-2.9.2-.9-2.8L4 14.7 5 12 4 9.3l2.7-1.2.9-2.8 2.9.2L12 3z\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/circle>\n <\/svg>\n <\/span>\n Automatisation\n <\/div>\n\n <div class=\"orbital-card c4\">\n <span class=\"orbital-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M4 19h16M6 16V9m4 7V5m4 11v-4m4 4V7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/span>\n Pilotage & d\u00e9cision\n <\/div>\n\n <div class=\"orbital-card c5\">\n <span class=\"orbital-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M3 12h18M3 7h18M3 17h18\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/span>\n Processus structur\u00e9s\n <\/div>\n\n <div class=\"orbital-card c6\">\n <span class=\"orbital-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/circle>\n <path d=\"M12 7v5l3 2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/span>\n Gain de temps\n <\/div>\n\n <span class=\"connector l1\"><\/span>\n <span class=\"connector l2\"><\/span>\n <span class=\"connector l3\"><\/span>\n <span class=\"connector l4\"><\/span>\n <span class=\"connector l5\"><\/span>\n <span class=\"connector l6\"><\/span>\n\n <div class=\"diagram-core\">\n <svg width=\"88\" height=\"88\" viewBox=\"0 0 64 64\">\n <defs>\n <linearGradient id=\"heroBrand\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#ff7b3a\"><\/stop>\n <stop offset=\"100%\" stop-color=\"#ff4d0d\"><\/stop>\n <\/linearGradient>\n <\/defs>\n <circle cx=\"32\" cy=\"32\" r=\"28\" fill=\"url(#heroBrand)\"><\/circle>\n <path d=\"M18 45V34m10 11V26m10 19V22m10 23V31\" stroke=\"#fff\" stroke-width=\"5\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section\" id=\"expertises\">\n <div class=\"container\">\n <span class=\"eyebrow\">Nos expertises<\/span>\n <h2 class=\"section-title\">Des expertises compl\u00e9mentaires pour des r\u00e9sultats concrets<\/h2>\n <p class=\"section-subtitle\">\n Nous analysons vos besoins, simplifions vos op\u00e9rations et construisons des outils utiles, durables et r\u00e9ellement adopt\u00e9s par vos \u00e9quipes.\n <\/p>\n\n <div class=\"cards-grid\">\n <article class=\"card\">\n <div class=\"card-icon\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"4\" y=\"4\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <rect x=\"14\" y=\"4\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <rect x=\"4\" y=\"14\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <rect x=\"14\" y=\"14\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <\/svg>\n <\/div>\n <h3>ERP et outils m\u00e9tiers<\/h3>\n <p>Nous int\u00e9grons et adaptons des ERP et outils m\u00e9tiers pour centraliser vos donn\u00e9es et fluidifier vos op\u00e9rations.<\/p>\n <a class=\"card-link\" href=\"#contact\">En savoir plus \u2192<\/a>\n <\/article>\n\n <article class=\"card\">\n <div class=\"card-icon\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"5\" y=\"7\" width=\"14\" height=\"11\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <path d=\"M9 12h.01M15 12h.01M9 16h6M12 7V4M9 4h6M3 11h2M19 11h2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/div>\n <h3>Agents IA<\/h3>\n <p>Des agents intelligents qui ex\u00e9cutent, analysent et vous assistent au quotidien, en toute s\u00e9curit\u00e9.<\/p>\n <a class=\"card-link\" href=\"#contact\">En savoir plus \u2192<\/a>\n <\/article>\n\n <article class=\"card\">\n <div class=\"card-icon\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 3l1.5 2.5 2.9-.2.9 2.8 2.7 1.2-1 2.7 1 2.7-2.7 1.2-.9 2.8-2.9-.2L12 21l-1.5-2.5-2.9.2-.9-2.8L4 14.7 5 12 4 9.3l2.7-1.2.9-2.8 2.9.2L12 3z\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/circle>\n <\/svg>\n <\/div>\n <h3>Automatisation<\/h3>\n <p>Nous automatisons vos processus r\u00e9p\u00e9titifs pour gagner du temps, r\u00e9duire les erreurs et acc\u00e9l\u00e9rer.<\/p>\n <a class=\"card-link\" href=\"#contact\">En savoir plus \u2192<\/a>\n <\/article>\n\n <article class=\"card\">\n <div class=\"card-icon\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M20 11a8 8 0 01-8 8H7l-4 2 1.3-4A8 8 0 1120 11z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/div>\n <h3>Conseil op\u00e9rationnel<\/h3>\n <p>Nous analysons, priorisons et optimisons vos processus pour cr\u00e9er de la valeur durablement.<\/p>\n <a class=\"card-link\" href=\"#contact\">En savoir plus \u2192<\/a>\n <\/article>\n <\/div>\n\n <div class=\"dashboard-band\" id=\"solutions\">\n <div class=\"dashboard-grid\">\n <div class=\"dashboard-intro\">\n <span class=\"eyebrow\" style=\"color:#ff925e;margin-bottom:10px\">Pilotage<\/span>\n <h3>Pilotez votre activit\u00e9 avec des tableaux de bord clairs et des donn\u00e9es fiables.<\/h3>\n <p>Des indicateurs en temps r\u00e9el pour prendre les bonnes d\u00e9cisions, au bon moment.<\/p>\n <\/div>\n\n <div class=\"metric-card\">\n <div class=\"metric-label\">Chiffre d\u2019affaires<\/div>\n <div class=\"metric-value\">\u20ac 2,450,000<\/div>\n <div class=\"metric-delta\">+12,5% vs mois dernier<\/div>\n <div class=\"chart-bars\">\n <span style=\"height:26px\"><\/span>\n <span style=\"height:34px\"><\/span>\n <span style=\"height:28px\"><\/span>\n <span style=\"height:46px\"><\/span>\n <span style=\"height:52px\"><\/span>\n <span style=\"height:64px\"><\/span>\n <\/div>\n <\/div>\n\n <div class=\"metric-card\">\n <div class=\"metric-label\">Commandes<\/div>\n <div class=\"metric-value\">1248<\/div>\n <div class=\"metric-delta\">+8,2% vs mois dernier<\/div>\n <div class=\"chart-bars\">\n <span style=\"height:18px\"><\/span>\n <span style=\"height:42px\"><\/span>\n <span style=\"height:28px\"><\/span>\n <span style=\"height:50px\"><\/span>\n <span style=\"height:62px\"><\/span>\n <span style=\"height:58px\"><\/span>\n <\/div>\n <\/div>\n\n <div class=\"metric-card\">\n <div class=\"metric-label\">Clients actifs<\/div>\n <div class=\"metric-value\">856<\/div>\n <div class=\"metric-delta\">+6,1% vs mois dernier<\/div>\n <div class=\"chart-ring\"><\/div>\n <div style=\"text-align:center;color:rgba(255,255,255,.72);font-size:12px\">42% nouveaux \u2022 58% r\u00e9currents<\/div>\n <\/div>\n\n <div class=\"metric-card\">\n <div class=\"metric-label\">Factures<\/div>\n <div class=\"metric-value\">328<\/div>\n <div class=\"invoice-list\">\n <div><span>En attente<\/span><strong>328<\/strong><\/div>\n <div><span>Pay\u00e9es ce mois<\/span><strong>620<\/strong><\/div>\n <div><span>En retard<\/span><strong>24<\/strong><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section\" id=\"methode\">\n <div class=\"container\">\n <span class=\"eyebrow\">Notre m\u00e9thode<\/span>\n <h2 class=\"section-title\">Une m\u00e9thode claire en 4 \u00e9tapes<\/h2>\n <p class=\"section-subtitle\">\n Nous avan\u00e7ons de mani\u00e8re structur\u00e9e, avec une logique simple : comprendre, concevoir, d\u00e9ployer, puis faire \u00e9voluer.\n <\/p>\n\n <div class=\"steps-grid\">\n <article class=\"step\">\n <div class=\"step-number\">1<\/div>\n <h3>Comprendre<\/h3>\n <p>Nous analysons vos enjeux, vos processus et vos donn\u00e9es pour cibler les vrais leviers de valeur.<\/p>\n <\/article>\n\n <article class=\"step\">\n <div class=\"step-number\">2<\/div>\n <h3>Concevoir<\/h3>\n <p>Nous concevons une solution sur mesure, align\u00e9e sur vos objectifs et vos contraintes.<\/p>\n <\/article>\n\n <article class=\"step\">\n <div class=\"step-number\">3<\/div>\n <h3>D\u00e9ployer<\/h3>\n <p>Nous int\u00e9grons, automatisons et formons vos \u00e9quipes pour une adoption rapide.<\/p>\n <\/article>\n\n <article class=\"step\">\n <div class=\"step-number\">4<\/div>\n <h3>Faire \u00e9voluer<\/h3>\n <p>Nous mesurons, optimisons et faisons \u00e9voluer votre solution en continu avec vous.<\/p>\n <\/article>\n <\/div>\n\n <div class=\"split-grid\" id=\"realisations\">\n <article class=\"panel\">\n <span class=\"eyebrow\">R\u00e9alisations<\/span>\n <h2 style=\"margin:0 0 8px;font-size:36px;line-height:1.05;letter-spacing:-.045em;color:var(--navy)\">Digitalisation compl\u00e8te d\u2019un acteur de la distribution<\/h2>\n <p style=\"margin:0;color:var(--muted);line-height:1.8\">\n Un projet combinant centralisation des produits, automatisation des commandes, \u00e9tiquettes, tableaux de bord et pilotage op\u00e9rationnel.\n <\/p>\n\n <div class=\"case-list\">\n <div class=\"case-item\"><span class=\"tick\">\u2713<\/span> ERP centralisant achats, ventes et stocks<\/div>\n <div class=\"case-item\"><span class=\"tick\">\u2713<\/span> Automatisation des flux de commandes et facturation<\/div>\n <div class=\"case-item\"><span class=\"tick\">\u2713<\/span> Tableaux de bord en temps r\u00e9el<\/div>\n <div class=\"case-item\"><span class=\"tick\">\u2713<\/span> R\u00e9duction du temps de traitement administratif<\/div>\n <div class=\"case-item\"><span class=\"tick\">\u2713<\/span> Tra\u00e7abilit\u00e9 et conformit\u00e9 renforc\u00e9es<\/div>\n <\/div>\n\n <div class=\"software-visual\">\n <div class=\"screen\">\n <div class=\"screen-top\">\n <span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"dot\"><\/span>\n <\/div>\n\n <div class=\"mini-stats\">\n <div class=\"mini\">\n <strong>\u20ac 2,45M<\/strong>\n <span>CA mensuel<\/span>\n <\/div>\n <div class=\"mini\">\n <strong>1 248<\/strong>\n <span>Commandes<\/span>\n <\/div>\n <div class=\"mini\">\n <strong>1 080<\/strong>\n <span>R\u00e9f\u00e9rences<\/span>\n <\/div>\n <\/div>\n\n <div class=\"mini-chart\">\n <svg viewBox=\"0 0 500 160\" preserveAspectRatio=\"none\">\n <path d=\"M0 145 C70 120, 80 130, 140 90 S220 85, 270 105 350 115, 405 70 450 45, 500 25\" fill=\"none\" stroke=\"#ff5a1f\" stroke-width=\"5\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n\n <div class=\"phone\">\n <div class=\"phone-notch\"><\/div>\n <div class=\"phone-card\"><strong style=\"display:block;color:var(--navy);font-size:14px\">Suivi commandes<\/strong><span>12 nouvelles aujourd\u2019hui<\/span><\/div>\n <div class=\"phone-card\"><strong style=\"display:block;color:var(--navy);font-size:14px\">Encours<\/strong><span>96 551 \u20ac<\/span><\/div>\n <div class=\"phone-card\"><strong style=\"display:block;color:var(--navy);font-size:14px\">Alertes<\/strong><span>3 anomalies d\u00e9tect\u00e9es<\/span><\/div>\n <\/div>\n <\/div>\n\n <div style=\"margin-top:20px\">\n <a class=\"btn btn-primary\" href=\"#contact\">D\u00e9couvrir le projet complet<\/a>\n <\/div>\n <\/article>\n\n <article class=\"panel\">\n <span class=\"eyebrow\">Agents IA<\/span>\n <h2 style=\"margin:0 0 8px;font-size:36px;line-height:1.05;letter-spacing:-.045em;color:var(--navy)\">Des agents IA au service de vos \u00e9quipes<\/h2>\n <p style=\"margin:0;color:var(--muted);line-height:1.8\">\n Nous int\u00e9grons des assistants intelligents dans vos op\u00e9rations afin d\u2019acc\u00e9l\u00e9rer, contr\u00f4ler et assister sans complexifier.\n <\/p>\n\n <div class=\"ai-list\">\n <div class=\"ai-item\"><span class=\"tick\">\u2726<\/span><div><strong>Relances automatiques<\/strong><br>Relancez vos clients au bon moment, sans effort.<\/div><\/div>\n <div class=\"ai-item\"><span class=\"tick\">\u2726<\/span><div><strong>Contr\u00f4le de factures<\/strong><br>V\u00e9rification, rapprochement et d\u00e9tection d\u2019anomalies en quelques secondes.<\/div><\/div>\n <div class=\"ai-item\"><span class=\"tick\">\u2726<\/span><div><strong>D\u00e9tection d\u2019anomalies<\/strong><br>Identifiez les \u00e9carts et risques avant qu\u2019ils ne deviennent des probl\u00e8mes.<\/div><\/div>\n <div class=\"ai-item\"><span class=\"tick\">\u2726<\/span><div><strong>Aide \u00e0 la d\u00e9cision<\/strong><br>Obtenez des recommandations claires bas\u00e9es sur vos donn\u00e9es.<\/div><\/div>\n <\/div>\n\n <div class=\"screen\" style=\"height:370px;margin-top:24px\">\n <div class=\"screen-top\">\n <span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"dot\"><\/span>\n <\/div>\n <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:18px\">\n <div style=\"font-size:15px;font-weight:800;color:var(--navy)\">Assistant IA<\/div>\n <div style=\"font-size:12px;color:var(--muted)\">En ligne<\/div>\n <\/div>\n <div style=\"display:grid;gap:10px\">\n <div style=\"max-width:75%;padding:12px 14px;border-radius:14px 14px 14px 6px;background:#f4f6f9;color:#3e4654;font-size:13px;line-height:1.6\">Bonjour, comment puis-je vous aider aujourd\u2019hui ?<\/div>\n <div style=\"max-width:82%;margin-left:auto;padding:12px 14px;border-radius:14px 14px 6px 14px;background:var(--orange-soft);color:#61341e;font-size:13px;line-height:1.6\">Analysez mes ventes du mois<\/div>\n <div style=\"max-width:78%;padding:12px 14px;border-radius:14px 14px 14px 6px;background:#f4f6f9;color:#3e4654;font-size:13px;line-height:1.6\">Vos ventes progressent de 12,4%. Les commandes les plus rentables proviennent du segment B2B.<\/div>\n <div style=\"max-width:82%;margin-left:auto;padding:12px 14px;border-radius:14px 14px 6px 14px;background:var(--orange-soft);color:#61341e;font-size:13px;line-height:1.6\">Pourquoi cette facture est marqu\u00e9e en anomalie ?<\/div>\n <div style=\"max-width:78%;padding:12px 14px;border-radius:14px 14px 14px 6px;background:#f4f6f9;color:#3e4654;font-size:13px;line-height:1.6\">Le montant TTC ne correspond pas au total attendu. Je recommande une v\u00e9rification imm\u00e9diate.<\/div>\n <\/div>\n <\/div>\n <\/article>\n <\/div>\n\n <div class=\"about-contact\" id=\"apropos\">\n <article class=\"about-box\">\n <div class=\"photo-placeholder\">\n <div class=\"replace-note\">Remplacez par votre photo<\/div>\n <svg class=\"silhouette\" viewBox=\"0 0 320 420\" fill=\"none\" aria-hidden=\"true\">\n <circle cx=\"165\" cy=\"110\" r=\"62\" fill=\"#f2f4f7\"><\/circle>\n <path d=\"M52 392c22-78 58-131 113-131s89 34 111 131\" fill=\"#eef2f6\"><\/path>\n <path d=\"M94 388c10-72 32-120 69-120s57 35 66 120\" fill=\"#dce4ec\"><\/path>\n <\/svg>\n <\/div>\n\n <div>\n <span class=\"eyebrow\">\u00c0 propos de We-Bulle<\/span>\n <h2 style=\"margin:0 0 12px;font-size:38px;line-height:1.05;letter-spacing:-.045em;color:var(--navy)\">L\u2019expertise m\u00e9tier et technologique au service de vos r\u00e9sultats.<\/h2>\n <p style=\"margin:0;color:var(--muted);line-height:1.85\">\n We-Bulle, c\u2019est la rencontre entre une compr\u00e9hension fine des m\u00e9tiers et une ma\u00eetrise des technologies \u00e9mergentes.\n <\/p>\n\n <div class=\"feature-mini-grid\">\n <div class=\"feature-mini\">\n <div class=\"card-icon\" style=\"width:44px;height:44px;margin:0 auto 0\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n <circle cx=\"8\" cy=\"8\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/circle>\n <circle cx=\"16\" cy=\"8\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/circle>\n <path d=\"M3 20c.4-4 2.5-6 5-6s4.6 2 5 6m-2 0c.4-4 2.5-6 5-6s4.6 2 5 6\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/path>\n <\/svg>\n <\/div>\n <strong>Compr\u00e9hension op\u00e9rationnelle<\/strong>\n <\/div>\n\n <div class=\"feature-mini\">\n <div class=\"card-icon\" style=\"width:44px;height:44px;margin:0 auto 0\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 3l1.5 2.5 2.9-.2.9 2.8 2.7 1.2-1 2.7 1 2.7-2.7 1.2-.9 2.8-2.9-.2L12 21l-1.5-2.5-2.9.2-.9-2.8L4 14.7 5 12 4 9.3l2.7-1.2.9-2.8 2.9.2L12 3z\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/circle>\n <\/svg>\n <\/div>\n <strong>Solutions sur mesure et pragmatiques<\/strong>\n <\/div>\n\n <div class=\"feature-mini\">\n <div class=\"card-icon\" style=\"width:44px;height:44px;margin:0 auto 0\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M13 3L4 14h6l-1 7 9-11h-6l1-7z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/div>\n <strong>Proximit\u00e9, r\u00e9activit\u00e9 et engagement<\/strong>\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n\n <article class=\"contact-box\" id=\"contact\">\n <div class=\"contact-grid\">\n <div>\n <span class=\"eyebrow\">Parlons de votre projet<\/span>\n <h2 style=\"margin:0 0 10px;font-size:36px;line-height:1.05;letter-spacing:-.045em;color:var(--navy)\">Expliquez votre besoin, nous revenons rapidement vers vous.<\/h2>\n <p style=\"margin:0;color:var(--muted);line-height:1.8\">\n Un premier \u00e9change, une analyse confidentielle et des premi\u00e8res pistes d\u2019am\u00e9lioration.\n <\/p>\n\n <div class=\"promise-list\">\n <div class=\"promise\">\n <span class=\"meta-icon\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/circle>\n <path d=\"M12 7v5l3 2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/span>\n Premier \u00e9change de 30 minutes\n <\/div>\n\n <div class=\"promise\">\n <span class=\"meta-icon\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"6\" y=\"10\" width=\"12\" height=\"9\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <path d=\"M9 10V7.5a3 3 0 016 0V10\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/path>\n <\/svg>\n <\/span>\n Analyse confidentielle\n <\/div>\n\n <div class=\"promise\">\n <span class=\"meta-icon\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M4 11.5L20 4l-5.5 16-3.2-6.3L4 11.5z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/span>\n R\u00e9ponse sous 48 heures\n <\/div>\n <\/div>\n <\/div>\n\n <form action=\"https:\/\/formsubmit.co\/contact@we-bulle.fr\" method=\"POST\" class=\"form-fields\">\n <input type=\"hidden\" name=\"_subject\" value=\"Nouvelle demande de projet \u2014 We-Bulle\">\n <input type=\"hidden\" name=\"_template\" value=\"table\">\n <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n\n <div>\n <label class=\"label\" for=\"name\">Nom et entreprise<\/label>\n <input class=\"input\" id=\"name\" name=\"Nom et entreprise\" type=\"text\" placeholder=\"Ex. : Jean Dupont \u2014 Acme Industrie\" required>\n <\/div>\n\n <div>\n <label class=\"label\" for=\"email\">Email<\/label>\n <input class=\"input\" id=\"email\" name=\"Email\" type=\"email\" placeholder=\"Ex. : jean.dupont@acme.fr\" required>\n <\/div>\n\n <div>\n <label class=\"label\" for=\"phone\">T\u00e9l\u00e9phone (optionnel)<\/label>\n <input class=\"input\" id=\"phone\" name=\"T\u00e9l\u00e9phone\" type=\"tel\" placeholder=\"Ex. : 06 12 34 56 78\">\n <\/div>\n\n <div>\n <label class=\"label\" for=\"need\">Type de besoin<\/label>\n <select class=\"select\" id=\"need\" name=\"Type de besoin\">\n <option>ERP et outils m\u00e9tiers<\/option>\n <option>Automatisation<\/option>\n <option>Agent IA<\/option>\n <option>Conseil op\u00e9rationnel<\/option>\n <\/select>\n <\/div>\n\n <div>\n <label class=\"label\" for=\"message\">Votre projet en quelques mots<\/label>\n <textarea class=\"textarea\" id=\"message\" name=\"Projet\" placeholder=\"D\u00e9crivez votre besoin, vos objectifs, vos contraintes\u2026\"><\/textarea>\n <\/div>\n\n <button class=\"btn btn-primary\" type=\"submit\" style=\"width:100%\">Envoyer ma demande<\/button>\n <div style=\"font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"6\" y=\"10\" width=\"12\" height=\"9\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <path d=\"M9 10V7.5a3 3 0 016 0V10\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/path>\n <\/svg>\n Vos informations sont s\u00e9curis\u00e9es et confidentielles.\n <\/div>\n <\/form>\n <\/div>\n <\/article>\n <\/div>\n\n <div class=\"cta-band\">\n <div>\n <h3>Un processus vous fait perdre du temps ?<\/h3>\n <p>\u00c9changeons sur vos besoins et identifions ensemble les premi\u00e8res pistes d\u2019am\u00e9lioration.<\/p>\n <\/div>\n <a href=\"#contact\" class=\"btn btn-primary\">Parler de votre projet<\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n<\/body>\n<\/html>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>We-Bulle \u2014 ERP, automatisation et agents IA ERP \u2022 Automatisation \u2022 Agents IA Vos outils m\u00e9tiers doivent travailler pour vous. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-271","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/we-bulle.fr\/index.php?rest_route=\/wp\/v2\/pages\/271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/we-bulle.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/we-bulle.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/we-bulle.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/we-bulle.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=271"}],"version-history":[{"count":4,"href":"https:\/\/we-bulle.fr\/index.php?rest_route=\/wp\/v2\/pages\/271\/revisions"}],"predecessor-version":[{"id":280,"href":"https:\/\/we-bulle.fr\/index.php?rest_route=\/wp\/v2\/pages\/271\/revisions\/280"}],"wp:attachment":[{"href":"https:\/\/we-bulle.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\n\n\n\n \n \n \n We-Bulle \u2014 ERP, automatisation et agents IA<\/title>\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n <style>\n :root{\n --orange:#ff5a1f;\n --orange-dark:#e84a0c;\n --orange-soft:#fff2eb;\n --navy:#0b1625;\n --navy-2:#11223a;\n --text:#1b2430;\n --muted:#667085;\n --line:#e7e9ee;\n --bg:#ffffff;\n --bg-soft:#f8f9fb;\n --shadow:0 18px 45px rgba(15, 23, 42, .08);\n --shadow-soft:0 10px 28px rgba(15, 23, 42, .06);\n --radius-xl:28px;\n --radius-lg:22px;\n --radius-md:16px;\n --radius-sm:12px;\n --container:1200px;\n }\n\n *{box-sizing:border-box}\n html{scroll-behavior:smooth}\n body{\n margin:0;\n font-family:\"Manrope\",Arial,sans-serif;\n color:var(--text);\n background:\n radial-gradient(circle at 85% 10%, rgba(255,90,31,.06), transparent 18%),\n linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%);\n -webkit-font-smoothing:antialiased;\n }\n\n a{text-decoration:none;color:inherit}\n img,svg{display:block}\n button,input,textarea,select{font:inherit}\n\n .container{\n width:min(calc(100% - 40px), var(--container));\n margin-inline:auto;\n }\n\n .section{\n padding:80px 0;\n }\n\n .eyebrow{\n display:inline-block;\n margin-bottom:16px;\n color:var(--orange);\n font-size:13px;\n font-weight:800;\n text-transform:uppercase;\n letter-spacing:.08em;\n }\n\n .section-title{\n margin:0 0 16px;\n font-size:clamp(32px, 4vw, 48px);\n line-height:1.05;\n letter-spacing:-.045em;\n color:var(--navy);\n }\n\n .section-subtitle{\n margin:0;\n max-width:760px;\n color:var(--muted);\n font-size:18px;\n line-height:1.75;\n }\n\n .btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n gap:10px;\n min-height:52px;\n padding:0 22px;\n border-radius:12px;\n font-size:15px;\n font-weight:800;\n transition:.2s ease;\n cursor:pointer;\n border:0;\n }\n\n .btn-primary{\n background:linear-gradient(90deg, #ff4f0b, #ff6a1f);\n color:#fff;\n box-shadow:0 14px 28px rgba(255,90,31,.2);\n }\n .btn-primary:hover{\n transform:translateY(-2px);\n box-shadow:0 18px 34px rgba(255,90,31,.24);\n }\n\n .btn-secondary{\n background:#fff;\n color:var(--navy);\n border:1px solid var(--line);\n }\n .btn-secondary:hover{\n border-color:var(--orange);\n color:var(--orange);\n }\n\n \/* Header *\/\n .site-header{\n position:sticky;\n top:0;\n z-index:99;\n background:rgba(255,255,255,.92);\n backdrop-filter:blur(16px);\n border-bottom:1px solid rgba(231,233,238,.85);\n }\n .nav{\n min-height:84px;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:28px;\n }\n\n .brand{\n display:inline-flex;\n align-items:center;\n gap:12px;\n flex-shrink:0;\n }\n .brand-mark{\n width:40px;height:40px;\n }\n .brand-name{\n font-size:22px;\n font-weight:800;\n letter-spacing:-.04em;\n color:var(--navy);\n }\n\n .nav-links{\n display:flex;\n align-items:center;\n gap:30px;\n }\n .nav-links a{\n font-size:15px;\n font-weight:700;\n color:#3b4453;\n position:relative;\n padding:8px 0;\n }\n .nav-links a::after{\n content:\"\";\n position:absolute;\n left:0;right:0;bottom:-3px;\n height:2px;\n background:var(--orange);\n transform:scaleX(0);\n transition:transform .2s ease;\n }\n .nav-links a:hover::after{transform:scaleX(1)}\n\n .nav-actions{\n display:flex;\n align-items:center;\n gap:16px;\n }\n\n .menu-toggle{\n display:none;\n width:44px;height:44px;\n border:1px solid var(--line);\n background:#fff;\n border-radius:12px;\n cursor:pointer;\n }\n\n \/* Hero *\/\n .hero{\n padding:34px 0 72px;\n }\n\n .hero-grid{\n display:grid;\n grid-template-columns:1.05fr .95fr;\n gap:48px;\n align-items:center;\n }\n\n .hero-title{\n margin:0;\n max-width:640px;\n font-size:clamp(46px, 5.8vw, 74px);\n line-height:.98;\n letter-spacing:-.06em;\n color:var(--navy);\n font-weight:800;\n }\n .hero-title .underline{\n position:relative;\n display:inline-block;\n }\n .hero-title .underline::after{\n content:\"\";\n position:absolute;\n left:0;right:0;bottom:6px;\n height:6px;\n border-radius:999px;\n background:rgba(255,90,31,.75);\n z-index:-1;\n }\n\n .hero-text{\n margin:24px 0 0;\n max-width:620px;\n color:#404a59;\n font-size:19px;\n line-height:1.8;\n }\n\n .hero-actions{\n display:flex;\n flex-wrap:wrap;\n gap:14px;\n margin-top:30px;\n }\n\n .hero-meta{\n display:flex;\n flex-wrap:wrap;\n gap:24px;\n margin-top:26px;\n }\n .hero-meta-item{\n display:flex;\n align-items:center;\n gap:10px;\n font-size:14px;\n font-weight:700;\n color:#3e4654;\n }\n .meta-icon{\n width:34px;height:34px;\n display:grid;\n place-items:center;\n border:1px solid rgba(255,90,31,.4);\n border-radius:50%;\n color:var(--orange);\n background:#fff;\n }\n\n .hero-visual{\n position:relative;\n min-height:540px;\n background:\n radial-gradient(circle at center, rgba(255,90,31,.08), transparent 29%),\n linear-gradient(180deg, #fff 0%, #fcfcfd 100%);\n border:1px solid var(--line);\n border-radius:32px;\n box-shadow:var(--shadow);\n overflow:hidden;\n padding:32px;\n }\n\n .diagram-core{\n position:absolute;\n left:50%;\n top:50%;\n transform:translate(-50%,-50%);\n width:140px;height:140px;\n border-radius:50%;\n display:grid;\n place-items:center;\n background:#fff;\n border:1px solid var(--line);\n box-shadow:0 14px 34px rgba(15,23,42,.08);\n }\n\n .diagram-ring{\n position:absolute;\n left:50%;top:50%;\n transform:translate(-50%,-50%);\n width:340px;height:340px;\n border-radius:50%;\n border:1px dashed #e3e6ec;\n }\n\n .orbital-card{\n position:absolute;\n min-width:164px;\n display:flex;\n align-items:center;\n gap:12px;\n padding:14px 16px;\n border-radius:16px;\n background:#fff;\n border:1px solid var(--line);\n box-shadow:var(--shadow-soft);\n font-size:14px;\n font-weight:800;\n color:var(--navy);\n }\n .orbital-card .small{\n display:block;\n font-size:12px;\n line-height:1.3;\n color:var(--muted);\n font-weight:600;\n margin-top:2px;\n }\n .orbital-icon{\n width:36px;height:36px;\n display:grid;place-items:center;\n border-radius:12px;\n background:var(--orange-soft);\n color:var(--orange);\n flex:0 0 36px;\n }\n\n .c1{top:42px;left:56px}\n .c2{top:40px;right:54px}\n .c3{left:28px;top:50%;transform:translateY(-50%)}\n .c4{right:24px;top:50%;transform:translateY(-50%)}\n .c5{bottom:42px;left:76px}\n .c6{bottom:40px;right:66px}\n\n .connector{\n position:absolute;\n height:1px;\n background:linear-gradient(90deg, transparent, rgba(255,90,31,.9), transparent);\n transform-origin:left center;\n }\n .l1{width:135px;left:204px;top:116px;transform:rotate(28deg)}\n .l2{width:124px;right:192px;top:112px;transform:rotate(154deg)}\n .l3{width:118px;left:182px;top:50%;transform:rotate(0deg)}\n .l4{width:114px;right:184px;top:50%;transform:rotate(180deg)}\n .l5{width:135px;left:206px;bottom:117px;transform:rotate(-28deg)}\n .l6{width:124px;right:194px;bottom:112px;transform:rotate(206deg)}\n\n \/* Expertise cards *\/\n .cards-grid{\n display:grid;\n grid-template-columns:repeat(4, 1fr);\n gap:22px;\n margin-top:34px;\n }\n .card{\n padding:28px;\n border:1px solid var(--line);\n border-radius:20px;\n background:#fff;\n box-shadow:var(--shadow-soft);\n transition:.2s ease;\n }\n .card:hover{\n transform:translateY(-4px);\n box-shadow:0 18px 34px rgba(15,23,42,.09);\n }\n .card-icon{\n width:52px;height:52px;\n display:grid;place-items:center;\n border-radius:16px;\n background:var(--orange-soft);\n color:var(--orange);\n margin-bottom:20px;\n }\n .card h3{\n margin:0 0 10px;\n font-size:24px;\n line-height:1.1;\n color:var(--navy);\n letter-spacing:-.03em;\n }\n .card p{\n margin:0;\n color:var(--muted);\n line-height:1.8;\n font-size:15px;\n }\n .card-link{\n display:inline-flex;\n align-items:center;\n gap:8px;\n margin-top:18px;\n color:var(--orange);\n font-weight:800;\n font-size:14px;\n }\n\n \/* Dashboard section *\/\n .dashboard-band{\n padding:22px;\n margin-top:38px;\n border-radius:24px;\n background:\n radial-gradient(circle at 25% 20%, rgba(255,90,31,.16), transparent 20%),\n linear-gradient(135deg, #081526 0%, #0d1e34 100%);\n color:#fff;\n box-shadow:var(--shadow);\n }\n\n .dashboard-grid{\n display:grid;\n grid-template-columns:1.2fr repeat(4, 1fr);\n gap:16px;\n align-items:stretch;\n }\n\n .dashboard-intro{\n padding:18px;\n display:flex;\n flex-direction:column;\n justify-content:center;\n }\n .dashboard-intro h3{\n margin:0 0 12px;\n font-size:34px;\n line-height:1.05;\n letter-spacing:-.04em;\n }\n .dashboard-intro p{\n margin:0;\n color:rgba(255,255,255,.75);\n line-height:1.75;\n font-size:15px;\n }\n\n .metric-card{\n padding:18px;\n border:1px solid rgba(255,255,255,.12);\n border-radius:18px;\n background:rgba(255,255,255,.03);\n backdrop-filter:blur(8px);\n }\n .metric-label{\n color:rgba(255,255,255,.72);\n font-size:13px;\n font-weight:700;\n margin-bottom:12px;\n }\n .metric-value{\n font-size:34px;\n line-height:1;\n font-weight:800;\n margin-bottom:10px;\n }\n .metric-delta{\n font-size:13px;\n color:#6ee7b7;\n font-weight:700;\n margin-bottom:16px;\n }\n .chart-bars{\n display:flex;\n align-items:flex-end;\n gap:7px;\n height:72px;\n }\n .chart-bars span{\n flex:1;\n border-radius:8px 8px 0 0;\n background:linear-gradient(180deg, var(--orange) 0%, #ff8b57 100%);\n opacity:.95;\n }\n .chart-ring{\n width:94px;height:94px;margin:0 auto 10px;\n border-radius:50%;\n background:conic-gradient(var(--orange) 0 42%, #2c415d 42% 100%);\n position:relative;\n }\n .chart-ring::after{\n content:\"\";\n position:absolute;inset:18px;\n background:#0d1e34;border-radius:50%;\n }\n\n .invoice-list{\n display:grid;gap:10px;\n margin-top:8px;\n }\n .invoice-list div{\n display:flex;justify-content:space-between;gap:12px;\n color:rgba(255,255,255,.78);\n font-size:13px;\n padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08);\n }\n .invoice-list div:last-child{border-bottom:0;padding-bottom:0}\n\n \/* Method *\/\n .steps-grid{\n display:grid;\n grid-template-columns:repeat(4, 1fr);\n gap:18px;\n margin-top:32px;\n }\n .step{\n position:relative;\n padding:24px;\n background:#fff;\n border:1px solid var(--line);\n border-radius:20px;\n box-shadow:var(--shadow-soft);\n }\n .step-number{\n width:42px;height:42px;\n display:grid;place-items:center;\n border-radius:50%;\n background:var(--orange-soft);\n color:var(--orange);\n font-weight:800;\n margin-bottom:16px;\n }\n .step h3{\n margin:0 0 10px;\n font-size:20px;\n line-height:1.15;\n color:var(--navy);\n }\n .step p{\n margin:0;\n font-size:14px;\n line-height:1.8;\n color:var(--muted);\n }\n\n \/* Split sections *\/\n .split-grid{\n display:grid;\n grid-template-columns:1.12fr .88fr;\n gap:24px;\n margin-top:36px;\n }\n .panel{\n padding:30px;\n background:#fff;\n border:1px solid var(--line);\n border-radius:24px;\n box-shadow:var(--shadow-soft);\n min-width:0;\n }\n\n .case-list, .ai-list{\n display:grid;\n gap:14px;\n margin-top:18px;\n }\n .case-item, .ai-item{\n display:flex;\n align-items:flex-start;\n gap:12px;\n color:#3b4453;\n line-height:1.7;\n font-size:15px;\n }\n .tick{\n width:26px;height:26px;flex:0 0 26px;\n display:grid;place-items:center;\n border-radius:50%;\n background:var(--orange-soft);\n color:var(--orange);\n }\n\n .software-visual{\n margin-top:22px;\n display:grid;\n grid-template-columns:1.2fr .8fr;\n gap:16px;\n align-items:end;\n }\n\n .screen{\n height:290px;\n border-radius:20px;\n border:1px solid var(--line);\n background:\n linear-gradient(180deg, #fff 0%, #fafbfc 100%);\n box-shadow:var(--shadow-soft);\n overflow:hidden;\n padding:18px;\n position:relative;\n }\n .screen-top{\n display:flex; gap:8px; margin-bottom:18px;\n }\n .dot{width:10px;height:10px;border-radius:50%;background:#d5d9e1}\n .mini-stats{\n display:grid;\n grid-template-columns:repeat(3, 1fr);\n gap:12px;\n }\n .mini-stats .mini{\n padding:12px;\n border:1px solid var(--line);\n border-radius:14px;\n background:#fff;\n }\n .mini strong{display:block;font-size:22px;color:var(--navy)}\n .mini span{font-size:12px;color:var(--muted)}\n .mini-chart{\n margin-top:18px;height:120px;\n border-radius:16px;\n background:\n linear-gradient(180deg, rgba(255,90,31,.12), transparent 70%),\n linear-gradient(0deg, #fff, #fff);\n border:1px solid var(--line);\n position:relative;\n }\n .mini-chart svg{position:absolute;inset:0}\n\n .phone{\n height:250px;\n border-radius:28px;\n border:1px solid #d8dde5;\n background:#fff;\n box-shadow:var(--shadow-soft);\n padding:14px 12px;\n overflow:hidden;\n }\n .phone-notch{\n width:80px;height:8px;border-radius:999px;background:#d6dbe3;margin:0 auto 16px;\n }\n .phone-card{\n padding:12px;\n border:1px solid var(--line);\n border-radius:14px;\n margin-bottom:12px;\n font-size:12px;\n color:var(--muted);\n }\n\n \/* About \/ contact *\/\n .about-contact{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:24px;\n margin-top:24px;\n }\n\n .about-box{\n display:grid;\n grid-template-columns:.9fr 1.1fr;\n gap:22px;\n align-items:end;\n padding:28px;\n border:1px solid var(--line);\n border-radius:24px;\n background:#fff;\n box-shadow:var(--shadow-soft);\n }\n\n .photo-placeholder{\n min-height:360px;\n border-radius:20px;\n background:\n linear-gradient(180deg, rgba(255,90,31,.06), rgba(255,90,31,.02)),\n linear-gradient(180deg, #fff, #fafbfc);\n border:1px dashed #d9dee7;\n position:relative;\n display:flex;\n align-items:end;\n justify-content:center;\n overflow:hidden;\n }\n .photo-placeholder .silhouette{\n width:82%;\n height:85%;\n }\n .replace-note{\n position:absolute;\n top:16px; left:16px;\n padding:8px 10px;\n border-radius:999px;\n background:#fff;\n border:1px solid var(--line);\n font-size:12px;\n color:var(--muted);\n font-weight:700;\n }\n\n .feature-mini-grid{\n display:grid;\n grid-template-columns:repeat(3, 1fr);\n gap:14px;\n margin-top:20px;\n }\n .feature-mini{\n padding:14px;\n border-radius:16px;\n border:1px solid var(--line);\n background:#fff;\n text-align:center;\n }\n .feature-mini strong{\n display:block;margin-top:10px;font-size:13px;line-height:1.45;color:#3d4553\n }\n\n .contact-box{\n padding:28px;\n border:1px solid var(--line);\n border-radius:24px;\n background:#fff;\n box-shadow:var(--shadow-soft);\n }\n .contact-grid{\n display:grid;\n grid-template-columns:.95fr 1.05fr;\n gap:22px;\n align-items:start;\n }\n .promise-list{\n display:grid;\n gap:14px;\n margin-top:22px;\n }\n .promise{\n display:flex;\n align-items:flex-start;\n gap:12px;\n color:#3b4453;\n font-size:14px;\n font-weight:700;\n line-height:1.6;\n }\n .promise .meta-icon{\n width:32px;height:32px;flex:0 0 32px;\n }\n\n .form-fields{\n display:grid;\n gap:12px;\n }\n .input, .textarea, .select{\n width:100%;\n border:1px solid #dde3eb;\n border-radius:12px;\n background:#fff;\n color:var(--text);\n outline:none;\n padding:0 14px;\n transition:.2s ease;\n }\n .input, .select{height:48px}\n .textarea{\n min-height:120px;\n padding:14px;\n resize:vertical;\n }\n .input:focus,.select:focus,.textarea:focus{\n border-color:var(--orange);\n box-shadow:0 0 0 4px rgba(255,90,31,.08);\n }\n\n .label{\n display:block;\n margin:2px 0 6px;\n font-size:13px;\n font-weight:800;\n color:var(--navy);\n }\n\n \/* CTA band *\/\n .cta-band{\n margin-top:28px;\n padding:30px 34px;\n border-radius:24px;\n background:\n radial-gradient(circle at 8% 0%, rgba(255,90,31,.08), transparent 24%),\n radial-gradient(circle at 100% 100%, rgba(255,90,31,.08), transparent 26%),\n linear-gradient(180deg, #fff8f4 0%, #fff 100%);\n border:1px solid #f3e0d7;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:20px;\n }\n .cta-band h3{\n margin:0 0 8px;\n font-size:38px;\n line-height:1.05;\n letter-spacing:-.04em;\n color:var(--navy);\n }\n .cta-band p{\n margin:0;\n color:var(--muted);\n font-size:16px;\n line-height:1.7;\n max-width:680px;\n }\n\n \/* Footer *\/\n .footer{\n margin-top:28px;\n background:\n radial-gradient(circle at 12% 16%, rgba(255,90,31,.12), transparent 18%),\n linear-gradient(135deg, #06111f 0%, #0d1d33 100%);\n color:#fff;\n border-radius:28px 28px 0 0;\n overflow:hidden;\n }\n .footer-main{\n display:grid;\n grid-template-columns:1.2fr .8fr .8fr .95fr;\n gap:28px;\n padding:48px 0 24px;\n }\n .footer-col{\n min-width:0;\n }\n .footer-desc{\n margin:18px 0 18px;\n color:rgba(255,255,255,.78);\n line-height:1.9;\n font-size:14px;\n max-width:360px;\n }\n .footer-title{\n margin:0 0 18px;\n font-size:15px;\n font-weight:800;\n text-transform:uppercase;\n letter-spacing:.02em;\n position:relative;\n padding-bottom:12px;\n }\n .footer-title::after{\n content:\"\";\n position:absolute;left:0;bottom:0;\n width:30px;height:3px;border-radius:999px;background:var(--orange);\n }\n .footer-links{\n display:grid;\n gap:12px;\n }\n .footer-links a{\n color:rgba(255,255,255,.82);\n font-size:14px;\n line-height:1.5;\n }\n .footer-links a:hover{color:#fff}\n .footer-contact{\n display:grid;gap:12px;\n }\n .footer-contact div, .footer-contact a{\n color:rgba(255,255,255,.82);\n font-size:14px;\n display:flex;align-items:flex-start;gap:10px;\n }\n .footer-contact svg{color:var(--orange);flex:0 0 18px}\n\n .footer-bottom{\n display:flex;\n justify-content:space-between;\n gap:20px;\n padding:18px 0 24px;\n border-top:1px solid rgba(255,255,255,.1);\n color:rgba(255,255,255,.62);\n font-size:13px;\n flex-wrap:wrap;\n }\n .footer-bottom-links{\n display:flex;gap:18px;flex-wrap:wrap;\n }\n .footer-bottom-links a{color:rgba(255,255,255,.62)}\n\n \/* Responsive *\/\n @media (max-width: 1200px){\n .cards-grid{grid-template-columns:repeat(2,1fr)}\n .dashboard-grid{grid-template-columns:1fr 1fr 1fr}\n .dashboard-intro{grid-column:1\/-1}\n .steps-grid{grid-template-columns:repeat(2,1fr)}\n .split-grid,.about-contact{grid-template-columns:1fr}\n .footer-main{grid-template-columns:1fr 1fr}\n }\n\n @media (max-width: 960px){\n .nav-links{display:none}\n .menu-toggle{display:grid;place-items:center}\n .nav-actions .btn-primary{display:none}\n .hero-grid{grid-template-columns:1fr}\n .hero-visual{min-height:520px}\n .contact-grid{grid-template-columns:1fr}\n .about-box{grid-template-columns:1fr}\n .cta-band{flex-direction:column;align-items:flex-start}\n .dashboard-grid{grid-template-columns:1fr 1fr}\n }\n\n @media (max-width: 720px){\n .container{width:min(calc(100% - 28px), var(--container))}\n .section{padding:64px 0}\n .hero{padding:34px 0 56px}\n .hero-visual{min-height:620px;padding:18px}\n .diagram-core{width:112px;height:112px}\n .diagram-ring{width:240px;height:240px}\n .orbital-card{min-width:140px;padding:12px}\n .c1{top:18px;left:10px}\n .c2{top:18px;right:10px}\n .c3{left:8px;top:38%}\n .c4{right:8px;top:38%}\n .c5{bottom:18px;left:16px}\n .c6{bottom:18px;right:16px}\n .connector{display:none}\n .cards-grid,.steps-grid,.dashboard-grid,.feature-mini-grid,.footer-main{grid-template-columns:1fr}\n .software-visual{grid-template-columns:1fr}\n .cta-band h3{font-size:32px}\n .footer{border-radius:24px 24px 0 0}\n .footer-bottom{flex-direction:column}\n }\n <\/style>\n<\/head>\n\n<body>\n<main>\n <section class=\"hero\" id=\"accueil\">\n <div class=\"container hero-grid\">\n <div>\n <span class=\"eyebrow\">ERP \u2022 Automatisation \u2022 Agents IA<\/span>\n <h1 class=\"hero-title\">\n Vos outils m\u00e9tiers doivent travailler pour vous.\n Pas <span class=\"underline\">l\u2019inverse.<\/span>\n <\/h1>\n\n <p class=\"hero-text\">\n We-Bulle con\u00e7oit des solutions ERP, des automatisations et des agents IA\n sur mesure, align\u00e9s sur vos processus et vos objectifs.\n Moins de friction, plus de performance.\n <\/p>\n\n <div class=\"hero-actions\">\n <a class=\"btn btn-primary\" href=\"#contact\">Demander un diagnostic<\/a>\n <a class=\"btn btn-secondary\" href=\"#solutions\">D\u00e9couvrir nos solutions<\/a>\n <\/div>\n\n <div class=\"hero-meta\">\n <div class=\"hero-meta-item\">\n <span class=\"meta-icon\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/circle>\n <path d=\"M12 7v5l3 2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/span>\n Premier \u00e9change de 30 minutes\n <\/div>\n\n <div class=\"hero-meta-item\">\n <span class=\"meta-icon\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"6\" y=\"10\" width=\"12\" height=\"9\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <path d=\"M9 10V7.5a3 3 0 016 0V10\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/path>\n <\/svg>\n <\/span>\n Analyse confidentielle\n <\/div>\n\n <div class=\"hero-meta-item\">\n <span class=\"meta-icon\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M4 11.5L20 4l-5.5 16-3.2-6.3L4 11.5z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/span>\n R\u00e9ponse sous 48 heures\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-visual\" aria-hidden=\"true\">\n <div class=\"diagram-ring\"><\/div>\n\n <div class=\"orbital-card c1\">\n <span class=\"orbital-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"4\" y=\"4\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <rect x=\"14\" y=\"4\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <rect x=\"4\" y=\"14\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <rect x=\"14\" y=\"14\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <\/svg>\n <\/span>\n ERP & outils m\u00e9tiers\n <\/div>\n\n <div class=\"orbital-card c2\">\n <span class=\"orbital-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/span>\n Agents IA\n <\/div>\n\n <div class=\"orbital-card c3\">\n <span class=\"orbital-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 3l1.5 2.5 2.9-.2.9 2.8 2.7 1.2-1 2.7 1 2.7-2.7 1.2-.9 2.8-2.9-.2L12 21l-1.5-2.5-2.9.2-.9-2.8L4 14.7 5 12 4 9.3l2.7-1.2.9-2.8 2.9.2L12 3z\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/circle>\n <\/svg>\n <\/span>\n Automatisation\n <\/div>\n\n <div class=\"orbital-card c4\">\n <span class=\"orbital-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M4 19h16M6 16V9m4 7V5m4 11v-4m4 4V7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/span>\n Pilotage & d\u00e9cision\n <\/div>\n\n <div class=\"orbital-card c5\">\n <span class=\"orbital-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M3 12h18M3 7h18M3 17h18\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/span>\n Processus structur\u00e9s\n <\/div>\n\n <div class=\"orbital-card c6\">\n <span class=\"orbital-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/circle>\n <path d=\"M12 7v5l3 2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/span>\n Gain de temps\n <\/div>\n\n <span class=\"connector l1\"><\/span>\n <span class=\"connector l2\"><\/span>\n <span class=\"connector l3\"><\/span>\n <span class=\"connector l4\"><\/span>\n <span class=\"connector l5\"><\/span>\n <span class=\"connector l6\"><\/span>\n\n <div class=\"diagram-core\">\n <svg width=\"88\" height=\"88\" viewBox=\"0 0 64 64\">\n <defs>\n <linearGradient id=\"heroBrand\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#ff7b3a\"><\/stop>\n <stop offset=\"100%\" stop-color=\"#ff4d0d\"><\/stop>\n <\/linearGradient>\n <\/defs>\n <circle cx=\"32\" cy=\"32\" r=\"28\" fill=\"url(#heroBrand)\"><\/circle>\n <path d=\"M18 45V34m10 11V26m10 19V22m10 23V31\" stroke=\"#fff\" stroke-width=\"5\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section\" id=\"expertises\">\n <div class=\"container\">\n <span class=\"eyebrow\">Nos expertises<\/span>\n <h2 class=\"section-title\">Des expertises compl\u00e9mentaires pour des r\u00e9sultats concrets<\/h2>\n <p class=\"section-subtitle\">\n Nous analysons vos besoins, simplifions vos op\u00e9rations et construisons des outils utiles, durables et r\u00e9ellement adopt\u00e9s par vos \u00e9quipes.\n <\/p>\n\n <div class=\"cards-grid\">\n <article class=\"card\">\n <div class=\"card-icon\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"4\" y=\"4\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <rect x=\"14\" y=\"4\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <rect x=\"4\" y=\"14\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <rect x=\"14\" y=\"14\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <\/svg>\n <\/div>\n <h3>ERP et outils m\u00e9tiers<\/h3>\n <p>Nous int\u00e9grons et adaptons des ERP et outils m\u00e9tiers pour centraliser vos donn\u00e9es et fluidifier vos op\u00e9rations.<\/p>\n <a class=\"card-link\" href=\"#contact\">En savoir plus \u2192<\/a>\n <\/article>\n\n <article class=\"card\">\n <div class=\"card-icon\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"5\" y=\"7\" width=\"14\" height=\"11\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <path d=\"M9 12h.01M15 12h.01M9 16h6M12 7V4M9 4h6M3 11h2M19 11h2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/div>\n <h3>Agents IA<\/h3>\n <p>Des agents intelligents qui ex\u00e9cutent, analysent et vous assistent au quotidien, en toute s\u00e9curit\u00e9.<\/p>\n <a class=\"card-link\" href=\"#contact\">En savoir plus \u2192<\/a>\n <\/article>\n\n <article class=\"card\">\n <div class=\"card-icon\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 3l1.5 2.5 2.9-.2.9 2.8 2.7 1.2-1 2.7 1 2.7-2.7 1.2-.9 2.8-2.9-.2L12 21l-1.5-2.5-2.9.2-.9-2.8L4 14.7 5 12 4 9.3l2.7-1.2.9-2.8 2.9.2L12 3z\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/circle>\n <\/svg>\n <\/div>\n <h3>Automatisation<\/h3>\n <p>Nous automatisons vos processus r\u00e9p\u00e9titifs pour gagner du temps, r\u00e9duire les erreurs et acc\u00e9l\u00e9rer.<\/p>\n <a class=\"card-link\" href=\"#contact\">En savoir plus \u2192<\/a>\n <\/article>\n\n <article class=\"card\">\n <div class=\"card-icon\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M20 11a8 8 0 01-8 8H7l-4 2 1.3-4A8 8 0 1120 11z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/div>\n <h3>Conseil op\u00e9rationnel<\/h3>\n <p>Nous analysons, priorisons et optimisons vos processus pour cr\u00e9er de la valeur durablement.<\/p>\n <a class=\"card-link\" href=\"#contact\">En savoir plus \u2192<\/a>\n <\/article>\n <\/div>\n\n <div class=\"dashboard-band\" id=\"solutions\">\n <div class=\"dashboard-grid\">\n <div class=\"dashboard-intro\">\n <span class=\"eyebrow\" style=\"color:#ff925e;margin-bottom:10px\">Pilotage<\/span>\n <h3>Pilotez votre activit\u00e9 avec des tableaux de bord clairs et des donn\u00e9es fiables.<\/h3>\n <p>Des indicateurs en temps r\u00e9el pour prendre les bonnes d\u00e9cisions, au bon moment.<\/p>\n <\/div>\n\n <div class=\"metric-card\">\n <div class=\"metric-label\">Chiffre d\u2019affaires<\/div>\n <div class=\"metric-value\">\u20ac 2,450,000<\/div>\n <div class=\"metric-delta\">+12,5% vs mois dernier<\/div>\n <div class=\"chart-bars\">\n <span style=\"height:26px\"><\/span>\n <span style=\"height:34px\"><\/span>\n <span style=\"height:28px\"><\/span>\n <span style=\"height:46px\"><\/span>\n <span style=\"height:52px\"><\/span>\n <span style=\"height:64px\"><\/span>\n <\/div>\n <\/div>\n\n <div class=\"metric-card\">\n <div class=\"metric-label\">Commandes<\/div>\n <div class=\"metric-value\">1248<\/div>\n <div class=\"metric-delta\">+8,2% vs mois dernier<\/div>\n <div class=\"chart-bars\">\n <span style=\"height:18px\"><\/span>\n <span style=\"height:42px\"><\/span>\n <span style=\"height:28px\"><\/span>\n <span style=\"height:50px\"><\/span>\n <span style=\"height:62px\"><\/span>\n <span style=\"height:58px\"><\/span>\n <\/div>\n <\/div>\n\n <div class=\"metric-card\">\n <div class=\"metric-label\">Clients actifs<\/div>\n <div class=\"metric-value\">856<\/div>\n <div class=\"metric-delta\">+6,1% vs mois dernier<\/div>\n <div class=\"chart-ring\"><\/div>\n <div style=\"text-align:center;color:rgba(255,255,255,.72);font-size:12px\">42% nouveaux \u2022 58% r\u00e9currents<\/div>\n <\/div>\n\n <div class=\"metric-card\">\n <div class=\"metric-label\">Factures<\/div>\n <div class=\"metric-value\">328<\/div>\n <div class=\"invoice-list\">\n <div><span>En attente<\/span><strong>328<\/strong><\/div>\n <div><span>Pay\u00e9es ce mois<\/span><strong>620<\/strong><\/div>\n <div><span>En retard<\/span><strong>24<\/strong><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section\" id=\"methode\">\n <div class=\"container\">\n <span class=\"eyebrow\">Notre m\u00e9thode<\/span>\n <h2 class=\"section-title\">Une m\u00e9thode claire en 4 \u00e9tapes<\/h2>\n <p class=\"section-subtitle\">\n Nous avan\u00e7ons de mani\u00e8re structur\u00e9e, avec une logique simple : comprendre, concevoir, d\u00e9ployer, puis faire \u00e9voluer.\n <\/p>\n\n <div class=\"steps-grid\">\n <article class=\"step\">\n <div class=\"step-number\">1<\/div>\n <h3>Comprendre<\/h3>\n <p>Nous analysons vos enjeux, vos processus et vos donn\u00e9es pour cibler les vrais leviers de valeur.<\/p>\n <\/article>\n\n <article class=\"step\">\n <div class=\"step-number\">2<\/div>\n <h3>Concevoir<\/h3>\n <p>Nous concevons une solution sur mesure, align\u00e9e sur vos objectifs et vos contraintes.<\/p>\n <\/article>\n\n <article class=\"step\">\n <div class=\"step-number\">3<\/div>\n <h3>D\u00e9ployer<\/h3>\n <p>Nous int\u00e9grons, automatisons et formons vos \u00e9quipes pour une adoption rapide.<\/p>\n <\/article>\n\n <article class=\"step\">\n <div class=\"step-number\">4<\/div>\n <h3>Faire \u00e9voluer<\/h3>\n <p>Nous mesurons, optimisons et faisons \u00e9voluer votre solution en continu avec vous.<\/p>\n <\/article>\n <\/div>\n\n <div class=\"split-grid\" id=\"realisations\">\n <article class=\"panel\">\n <span class=\"eyebrow\">R\u00e9alisations<\/span>\n <h2 style=\"margin:0 0 8px;font-size:36px;line-height:1.05;letter-spacing:-.045em;color:var(--navy)\">Digitalisation compl\u00e8te d\u2019un acteur de la distribution<\/h2>\n <p style=\"margin:0;color:var(--muted);line-height:1.8\">\n Un projet combinant centralisation des produits, automatisation des commandes, \u00e9tiquettes, tableaux de bord et pilotage op\u00e9rationnel.\n <\/p>\n\n <div class=\"case-list\">\n <div class=\"case-item\"><span class=\"tick\">\u2713<\/span> ERP centralisant achats, ventes et stocks<\/div>\n <div class=\"case-item\"><span class=\"tick\">\u2713<\/span> Automatisation des flux de commandes et facturation<\/div>\n <div class=\"case-item\"><span class=\"tick\">\u2713<\/span> Tableaux de bord en temps r\u00e9el<\/div>\n <div class=\"case-item\"><span class=\"tick\">\u2713<\/span> R\u00e9duction du temps de traitement administratif<\/div>\n <div class=\"case-item\"><span class=\"tick\">\u2713<\/span> Tra\u00e7abilit\u00e9 et conformit\u00e9 renforc\u00e9es<\/div>\n <\/div>\n\n <div class=\"software-visual\">\n <div class=\"screen\">\n <div class=\"screen-top\">\n <span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"dot\"><\/span>\n <\/div>\n\n <div class=\"mini-stats\">\n <div class=\"mini\">\n <strong>\u20ac 2,45M<\/strong>\n <span>CA mensuel<\/span>\n <\/div>\n <div class=\"mini\">\n <strong>1 248<\/strong>\n <span>Commandes<\/span>\n <\/div>\n <div class=\"mini\">\n <strong>1 080<\/strong>\n <span>R\u00e9f\u00e9rences<\/span>\n <\/div>\n <\/div>\n\n <div class=\"mini-chart\">\n <svg viewBox=\"0 0 500 160\" preserveAspectRatio=\"none\">\n <path d=\"M0 145 C70 120, 80 130, 140 90 S220 85, 270 105 350 115, 405 70 450 45, 500 25\" fill=\"none\" stroke=\"#ff5a1f\" stroke-width=\"5\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n\n <div class=\"phone\">\n <div class=\"phone-notch\"><\/div>\n <div class=\"phone-card\"><strong style=\"display:block;color:var(--navy);font-size:14px\">Suivi commandes<\/strong><span>12 nouvelles aujourd\u2019hui<\/span><\/div>\n <div class=\"phone-card\"><strong style=\"display:block;color:var(--navy);font-size:14px\">Encours<\/strong><span>96 551 \u20ac<\/span><\/div>\n <div class=\"phone-card\"><strong style=\"display:block;color:var(--navy);font-size:14px\">Alertes<\/strong><span>3 anomalies d\u00e9tect\u00e9es<\/span><\/div>\n <\/div>\n <\/div>\n\n <div style=\"margin-top:20px\">\n <a class=\"btn btn-primary\" href=\"#contact\">D\u00e9couvrir le projet complet<\/a>\n <\/div>\n <\/article>\n\n <article class=\"panel\">\n <span class=\"eyebrow\">Agents IA<\/span>\n <h2 style=\"margin:0 0 8px;font-size:36px;line-height:1.05;letter-spacing:-.045em;color:var(--navy)\">Des agents IA au service de vos \u00e9quipes<\/h2>\n <p style=\"margin:0;color:var(--muted);line-height:1.8\">\n Nous int\u00e9grons des assistants intelligents dans vos op\u00e9rations afin d\u2019acc\u00e9l\u00e9rer, contr\u00f4ler et assister sans complexifier.\n <\/p>\n\n <div class=\"ai-list\">\n <div class=\"ai-item\"><span class=\"tick\">\u2726<\/span><div><strong>Relances automatiques<\/strong><br>Relancez vos clients au bon moment, sans effort.<\/div><\/div>\n <div class=\"ai-item\"><span class=\"tick\">\u2726<\/span><div><strong>Contr\u00f4le de factures<\/strong><br>V\u00e9rification, rapprochement et d\u00e9tection d\u2019anomalies en quelques secondes.<\/div><\/div>\n <div class=\"ai-item\"><span class=\"tick\">\u2726<\/span><div><strong>D\u00e9tection d\u2019anomalies<\/strong><br>Identifiez les \u00e9carts et risques avant qu\u2019ils ne deviennent des probl\u00e8mes.<\/div><\/div>\n <div class=\"ai-item\"><span class=\"tick\">\u2726<\/span><div><strong>Aide \u00e0 la d\u00e9cision<\/strong><br>Obtenez des recommandations claires bas\u00e9es sur vos donn\u00e9es.<\/div><\/div>\n <\/div>\n\n <div class=\"screen\" style=\"height:370px;margin-top:24px\">\n <div class=\"screen-top\">\n <span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"dot\"><\/span>\n <\/div>\n <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:18px\">\n <div style=\"font-size:15px;font-weight:800;color:var(--navy)\">Assistant IA<\/div>\n <div style=\"font-size:12px;color:var(--muted)\">En ligne<\/div>\n <\/div>\n <div style=\"display:grid;gap:10px\">\n <div style=\"max-width:75%;padding:12px 14px;border-radius:14px 14px 14px 6px;background:#f4f6f9;color:#3e4654;font-size:13px;line-height:1.6\">Bonjour, comment puis-je vous aider aujourd\u2019hui ?<\/div>\n <div style=\"max-width:82%;margin-left:auto;padding:12px 14px;border-radius:14px 14px 6px 14px;background:var(--orange-soft);color:#61341e;font-size:13px;line-height:1.6\">Analysez mes ventes du mois<\/div>\n <div style=\"max-width:78%;padding:12px 14px;border-radius:14px 14px 14px 6px;background:#f4f6f9;color:#3e4654;font-size:13px;line-height:1.6\">Vos ventes progressent de 12,4%. Les commandes les plus rentables proviennent du segment B2B.<\/div>\n <div style=\"max-width:82%;margin-left:auto;padding:12px 14px;border-radius:14px 14px 6px 14px;background:var(--orange-soft);color:#61341e;font-size:13px;line-height:1.6\">Pourquoi cette facture est marqu\u00e9e en anomalie ?<\/div>\n <div style=\"max-width:78%;padding:12px 14px;border-radius:14px 14px 14px 6px;background:#f4f6f9;color:#3e4654;font-size:13px;line-height:1.6\">Le montant TTC ne correspond pas au total attendu. Je recommande une v\u00e9rification imm\u00e9diate.<\/div>\n <\/div>\n <\/div>\n <\/article>\n <\/div>\n\n <div class=\"about-contact\" id=\"apropos\">\n <article class=\"about-box\">\n <div class=\"photo-placeholder\">\n <div class=\"replace-note\">Remplacez par votre photo<\/div>\n <svg class=\"silhouette\" viewBox=\"0 0 320 420\" fill=\"none\" aria-hidden=\"true\">\n <circle cx=\"165\" cy=\"110\" r=\"62\" fill=\"#f2f4f7\"><\/circle>\n <path d=\"M52 392c22-78 58-131 113-131s89 34 111 131\" fill=\"#eef2f6\"><\/path>\n <path d=\"M94 388c10-72 32-120 69-120s57 35 66 120\" fill=\"#dce4ec\"><\/path>\n <\/svg>\n <\/div>\n\n <div>\n <span class=\"eyebrow\">\u00c0 propos de We-Bulle<\/span>\n <h2 style=\"margin:0 0 12px;font-size:38px;line-height:1.05;letter-spacing:-.045em;color:var(--navy)\">L\u2019expertise m\u00e9tier et technologique au service de vos r\u00e9sultats.<\/h2>\n <p style=\"margin:0;color:var(--muted);line-height:1.85\">\n We-Bulle, c\u2019est la rencontre entre une compr\u00e9hension fine des m\u00e9tiers et une ma\u00eetrise des technologies \u00e9mergentes.\n <\/p>\n\n <div class=\"feature-mini-grid\">\n <div class=\"feature-mini\">\n <div class=\"card-icon\" style=\"width:44px;height:44px;margin:0 auto 0\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n <circle cx=\"8\" cy=\"8\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/circle>\n <circle cx=\"16\" cy=\"8\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/circle>\n <path d=\"M3 20c.4-4 2.5-6 5-6s4.6 2 5 6m-2 0c.4-4 2.5-6 5-6s4.6 2 5 6\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/path>\n <\/svg>\n <\/div>\n <strong>Compr\u00e9hension op\u00e9rationnelle<\/strong>\n <\/div>\n\n <div class=\"feature-mini\">\n <div class=\"card-icon\" style=\"width:44px;height:44px;margin:0 auto 0\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 3l1.5 2.5 2.9-.2.9 2.8 2.7 1.2-1 2.7 1 2.7-2.7 1.2-.9 2.8-2.9-.2L12 21l-1.5-2.5-2.9.2-.9-2.8L4 14.7 5 12 4 9.3l2.7-1.2.9-2.8 2.9.2L12 3z\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/circle>\n <\/svg>\n <\/div>\n <strong>Solutions sur mesure et pragmatiques<\/strong>\n <\/div>\n\n <div class=\"feature-mini\">\n <div class=\"card-icon\" style=\"width:44px;height:44px;margin:0 auto 0\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M13 3L4 14h6l-1 7 9-11h-6l1-7z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/div>\n <strong>Proximit\u00e9, r\u00e9activit\u00e9 et engagement<\/strong>\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n\n <article class=\"contact-box\" id=\"contact\">\n <div class=\"contact-grid\">\n <div>\n <span class=\"eyebrow\">Parlons de votre projet<\/span>\n <h2 style=\"margin:0 0 10px;font-size:36px;line-height:1.05;letter-spacing:-.045em;color:var(--navy)\">Expliquez votre besoin, nous revenons rapidement vers vous.<\/h2>\n <p style=\"margin:0;color:var(--muted);line-height:1.8\">\n Un premier \u00e9change, une analyse confidentielle et des premi\u00e8res pistes d\u2019am\u00e9lioration.\n <\/p>\n\n <div class=\"promise-list\">\n <div class=\"promise\">\n <span class=\"meta-icon\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/circle>\n <path d=\"M12 7v5l3 2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/span>\n Premier \u00e9change de 30 minutes\n <\/div>\n\n <div class=\"promise\">\n <span class=\"meta-icon\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"6\" y=\"10\" width=\"12\" height=\"9\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <path d=\"M9 10V7.5a3 3 0 016 0V10\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/path>\n <\/svg>\n <\/span>\n Analyse confidentielle\n <\/div>\n\n <div class=\"promise\">\n <span class=\"meta-icon\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M4 11.5L20 4l-5.5 16-3.2-6.3L4 11.5z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/span>\n R\u00e9ponse sous 48 heures\n <\/div>\n <\/div>\n <\/div>\n\n <form action=\"https:\/\/formsubmit.co\/contact@we-bulle.fr\" method=\"POST\" class=\"form-fields\">\n <input type=\"hidden\" name=\"_subject\" value=\"Nouvelle demande de projet \u2014 We-Bulle\">\n <input type=\"hidden\" name=\"_template\" value=\"table\">\n <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n\n <div>\n <label class=\"label\" for=\"name\">Nom et entreprise<\/label>\n <input class=\"input\" id=\"name\" name=\"Nom et entreprise\" type=\"text\" placeholder=\"Ex. : Jean Dupont \u2014 Acme Industrie\" required>\n <\/div>\n\n <div>\n <label class=\"label\" for=\"email\">Email<\/label>\n <input class=\"input\" id=\"email\" name=\"Email\" type=\"email\" placeholder=\"Ex. : jean.dupont@acme.fr\" required>\n <\/div>\n\n <div>\n <label class=\"label\" for=\"phone\">T\u00e9l\u00e9phone (optionnel)<\/label>\n <input class=\"input\" id=\"phone\" name=\"T\u00e9l\u00e9phone\" type=\"tel\" placeholder=\"Ex. : 06 12 34 56 78\">\n <\/div>\n\n <div>\n <label class=\"label\" for=\"need\">Type de besoin<\/label>\n <select class=\"select\" id=\"need\" name=\"Type de besoin\">\n <option>ERP et outils m\u00e9tiers<\/option>\n <option>Automatisation<\/option>\n <option>Agent IA<\/option>\n <option>Conseil op\u00e9rationnel<\/option>\n <\/select>\n <\/div>\n\n <div>\n <label class=\"label\" for=\"message\">Votre projet en quelques mots<\/label>\n <textarea class=\"textarea\" id=\"message\" name=\"Projet\" placeholder=\"D\u00e9crivez votre besoin, vos objectifs, vos contraintes\u2026\"><\/textarea>\n <\/div>\n\n <button class=\"btn btn-primary\" type=\"submit\" style=\"width:100%\">Envoyer ma demande<\/button>\n <div style=\"font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"6\" y=\"10\" width=\"12\" height=\"9\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <path d=\"M9 10V7.5a3 3 0 016 0V10\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/path>\n <\/svg>\n Vos informations sont s\u00e9curis\u00e9es et confidentielles.\n <\/div>\n <\/form>\n <\/div>\n <\/article>\n <\/div>\n\n <div class=\"cta-band\">\n <div>\n <h3>Un processus vous fait perdre du temps ?<\/h3>\n <p>\u00c9changeons sur vos besoins et identifions ensemble les premi\u00e8res pistes d\u2019am\u00e9lioration.<\/p>\n <\/div>\n <a href=\"#contact\" class=\"btn btn-primary\">Parler de votre projet<\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n<\/body>\n<\/html>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5890765a e-flex e-con-boxed e-con e-parent\" data-id=\"5890765a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7bc9c5b2 elementor-widget elementor-widget-text-editor\" data-id=\"7bc9c5b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <meta name=\"description\" content=\"We-Bulle con\u00e7oit des ERP, des automatisations et des agents IA adapt\u00e9s aux r\u00e9alit\u00e9s de votre entreprise.\" \/>\n <title>We-Bulle \u2014 ERP, automatisation et agents IA<\/title>\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n <style>\n :root{\n --orange:#ff5a1f;\n --orange-dark:#e84a0c;\n --orange-soft:#fff2eb;\n --navy:#0b1625;\n --navy-2:#11223a;\n --text:#1b2430;\n --muted:#667085;\n --line:#e7e9ee;\n --bg:#ffffff;\n --bg-soft:#f8f9fb;\n --shadow:0 18px 45px rgba(15, 23, 42, .08);\n --shadow-soft:0 10px 28px rgba(15, 23, 42, .06);\n --radius-xl:28px;\n --radius-lg:22px;\n --radius-md:16px;\n --radius-sm:12px;\n --container:1200px;\n }\n\n *{box-sizing:border-box}\n html{scroll-behavior:smooth}\n body{\n margin:0;\n font-family:\"Manrope\",Arial,sans-serif;\n color:var(--text);\n background:\n radial-gradient(circle at 85% 10%, rgba(255,90,31,.06), transparent 18%),\n linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%);\n -webkit-font-smoothing:antialiased;\n }\n\n a{text-decoration:none;color:inherit}\n img,svg{display:block}\n button,input,textarea,select{font:inherit}\n\n .container{\n width:min(calc(100% - 40px), var(--container));\n margin-inline:auto;\n }\n\n .section{\n padding:80px 0;\n }\n\n .eyebrow{\n display:inline-block;\n margin-bottom:16px;\n color:var(--orange);\n font-size:13px;\n font-weight:800;\n text-transform:uppercase;\n letter-spacing:.08em;\n }\n\n .section-title{\n margin:0 0 16px;\n font-size:clamp(32px, 4vw, 48px);\n line-height:1.05;\n letter-spacing:-.045em;\n color:var(--navy);\n }\n\n .section-subtitle{\n margin:0;\n max-width:760px;\n color:var(--muted);\n font-size:18px;\n line-height:1.75;\n }\n\n .btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n gap:10px;\n min-height:52px;\n padding:0 22px;\n border-radius:12px;\n font-size:15px;\n font-weight:800;\n transition:.2s ease;\n cursor:pointer;\n border:0;\n }\n\n .btn-primary{\n background:linear-gradient(90deg, #ff4f0b, #ff6a1f);\n color:#fff;\n box-shadow:0 14px 28px rgba(255,90,31,.2);\n }\n .btn-primary:hover{\n transform:translateY(-2px);\n box-shadow:0 18px 34px rgba(255,90,31,.24);\n }\n\n .btn-secondary{\n background:#fff;\n color:var(--navy);\n border:1px solid var(--line);\n }\n .btn-secondary:hover{\n border-color:var(--orange);\n color:var(--orange);\n }\n\n \/* Header *\/\n .site-header{\n position:sticky;\n top:0;\n z-index:99;\n background:rgba(255,255,255,.92);\n backdrop-filter:blur(16px);\n border-bottom:1px solid rgba(231,233,238,.85);\n }\n .nav{\n min-height:84px;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:28px;\n }\n\n .brand{\n display:inline-flex;\n align-items:center;\n gap:12px;\n flex-shrink:0;\n }\n .brand-mark{\n width:40px;height:40px;\n }\n .brand-name{\n font-size:22px;\n font-weight:800;\n letter-spacing:-.04em;\n color:var(--navy);\n }\n\n .nav-links{\n display:flex;\n align-items:center;\n gap:30px;\n }\n .nav-links a{\n font-size:15px;\n font-weight:700;\n color:#3b4453;\n position:relative;\n padding:8px 0;\n }\n .nav-links a::after{\n content:\"\";\n position:absolute;\n left:0;right:0;bottom:-3px;\n height:2px;\n background:var(--orange);\n transform:scaleX(0);\n transition:transform .2s ease;\n }\n .nav-links a:hover::after{transform:scaleX(1)}\n\n .nav-actions{\n display:flex;\n align-items:center;\n gap:16px;\n }\n\n .menu-toggle{\n display:none;\n width:44px;height:44px;\n border:1px solid var(--line);\n background:#fff;\n border-radius:12px;\n cursor:pointer;\n }\n\n \/* Hero *\/\n .hero{\n padding:34px 0 72px;\n }\n\n .hero-grid{\n display:grid;\n grid-template-columns:1.05fr .95fr;\n gap:48px;\n align-items:center;\n }\n\n .hero-title{\n margin:0;\n max-width:640px;\n font-size:clamp(46px, 5.8vw, 74px);\n line-height:.98;\n letter-spacing:-.06em;\n color:var(--navy);\n font-weight:800;\n }\n .hero-title .underline{\n position:relative;\n display:inline-block;\n }\n .hero-title .underline::after{\n content:\"\";\n position:absolute;\n left:0;right:0;bottom:6px;\n height:6px;\n border-radius:999px;\n background:rgba(255,90,31,.75);\n z-index:-1;\n }\n\n .hero-text{\n margin:24px 0 0;\n max-width:620px;\n color:#404a59;\n font-size:19px;\n line-height:1.8;\n }\n\n .hero-actions{\n display:flex;\n flex-wrap:wrap;\n gap:14px;\n margin-top:30px;\n }\n\n .hero-meta{\n display:flex;\n flex-wrap:wrap;\n gap:24px;\n margin-top:26px;\n }\n .hero-meta-item{\n display:flex;\n align-items:center;\n gap:10px;\n font-size:14px;\n font-weight:700;\n color:#3e4654;\n }\n .meta-icon{\n width:34px;height:34px;\n display:grid;\n place-items:center;\n border:1px solid rgba(255,90,31,.4);\n border-radius:50%;\n color:var(--orange);\n background:#fff;\n }\n\n .hero-visual{\n position:relative;\n min-height:540px;\n background:\n radial-gradient(circle at center, rgba(255,90,31,.08), transparent 29%),\n linear-gradient(180deg, #fff 0%, #fcfcfd 100%);\n border:1px solid var(--line);\n border-radius:32px;\n box-shadow:var(--shadow);\n overflow:hidden;\n padding:32px;\n }\n\n .diagram-core{\n position:absolute;\n left:50%;\n top:50%;\n transform:translate(-50%,-50%);\n width:140px;height:140px;\n border-radius:50%;\n display:grid;\n place-items:center;\n background:#fff;\n border:1px solid var(--line);\n box-shadow:0 14px 34px rgba(15,23,42,.08);\n }\n\n .diagram-ring{\n position:absolute;\n left:50%;top:50%;\n transform:translate(-50%,-50%);\n width:340px;height:340px;\n border-radius:50%;\n border:1px dashed #e3e6ec;\n }\n\n .orbital-card{\n position:absolute;\n min-width:164px;\n display:flex;\n align-items:center;\n gap:12px;\n padding:14px 16px;\n border-radius:16px;\n background:#fff;\n border:1px solid var(--line);\n box-shadow:var(--shadow-soft);\n font-size:14px;\n font-weight:800;\n color:var(--navy);\n }\n .orbital-card .small{\n display:block;\n font-size:12px;\n line-height:1.3;\n color:var(--muted);\n font-weight:600;\n margin-top:2px;\n }\n .orbital-icon{\n width:36px;height:36px;\n display:grid;place-items:center;\n border-radius:12px;\n background:var(--orange-soft);\n color:var(--orange);\n flex:0 0 36px;\n }\n\n .c1{top:42px;left:56px}\n .c2{top:40px;right:54px}\n .c3{left:28px;top:50%;transform:translateY(-50%)}\n .c4{right:24px;top:50%;transform:translateY(-50%)}\n .c5{bottom:42px;left:76px}\n .c6{bottom:40px;right:66px}\n\n .connector{\n position:absolute;\n height:1px;\n background:linear-gradient(90deg, transparent, rgba(255,90,31,.9), transparent);\n transform-origin:left center;\n }\n .l1{width:135px;left:204px;top:116px;transform:rotate(28deg)}\n .l2{width:124px;right:192px;top:112px;transform:rotate(154deg)}\n .l3{width:118px;left:182px;top:50%;transform:rotate(0deg)}\n .l4{width:114px;right:184px;top:50%;transform:rotate(180deg)}\n .l5{width:135px;left:206px;bottom:117px;transform:rotate(-28deg)}\n .l6{width:124px;right:194px;bottom:112px;transform:rotate(206deg)}\n\n \/* Expertise cards *\/\n .cards-grid{\n display:grid;\n grid-template-columns:repeat(4, 1fr);\n gap:22px;\n margin-top:34px;\n }\n .card{\n padding:28px;\n border:1px solid var(--line);\n border-radius:20px;\n background:#fff;\n box-shadow:var(--shadow-soft);\n transition:.2s ease;\n }\n .card:hover{\n transform:translateY(-4px);\n box-shadow:0 18px 34px rgba(15,23,42,.09);\n }\n .card-icon{\n width:52px;height:52px;\n display:grid;place-items:center;\n border-radius:16px;\n background:var(--orange-soft);\n color:var(--orange);\n margin-bottom:20px;\n }\n .card h3{\n margin:0 0 10px;\n font-size:24px;\n line-height:1.1;\n color:var(--navy);\n letter-spacing:-.03em;\n }\n .card p{\n margin:0;\n color:var(--muted);\n line-height:1.8;\n font-size:15px;\n }\n .card-link{\n display:inline-flex;\n align-items:center;\n gap:8px;\n margin-top:18px;\n color:var(--orange);\n font-weight:800;\n font-size:14px;\n }\n\n \/* Dashboard section *\/\n .dashboard-band{\n padding:22px;\n margin-top:38px;\n border-radius:24px;\n background:\n radial-gradient(circle at 25% 20%, rgba(255,90,31,.16), transparent 20%),\n linear-gradient(135deg, #081526 0%, #0d1e34 100%);\n color:#fff;\n box-shadow:var(--shadow);\n }\n\n .dashboard-grid{\n display:grid;\n grid-template-columns:1.2fr repeat(4, 1fr);\n gap:16px;\n align-items:stretch;\n }\n\n .dashboard-intro{\n padding:18px;\n display:flex;\n flex-direction:column;\n justify-content:center;\n }\n .dashboard-intro h3{\n margin:0 0 12px;\n font-size:34px;\n line-height:1.05;\n letter-spacing:-.04em;\n }\n .dashboard-intro p{\n margin:0;\n color:rgba(255,255,255,.75);\n line-height:1.75;\n font-size:15px;\n }\n\n .metric-card{\n padding:18px;\n border:1px solid rgba(255,255,255,.12);\n border-radius:18px;\n background:rgba(255,255,255,.03);\n backdrop-filter:blur(8px);\n }\n .metric-label{\n color:rgba(255,255,255,.72);\n font-size:13px;\n font-weight:700;\n margin-bottom:12px;\n }\n .metric-value{\n font-size:34px;\n line-height:1;\n font-weight:800;\n margin-bottom:10px;\n }\n .metric-delta{\n font-size:13px;\n color:#6ee7b7;\n font-weight:700;\n margin-bottom:16px;\n }\n .chart-bars{\n display:flex;\n align-items:flex-end;\n gap:7px;\n height:72px;\n }\n .chart-bars span{\n flex:1;\n border-radius:8px 8px 0 0;\n background:linear-gradient(180deg, var(--orange) 0%, #ff8b57 100%);\n opacity:.95;\n }\n .chart-ring{\n width:94px;height:94px;margin:0 auto 10px;\n border-radius:50%;\n background:conic-gradient(var(--orange) 0 42%, #2c415d 42% 100%);\n position:relative;\n }\n .chart-ring::after{\n content:\"\";\n position:absolute;inset:18px;\n background:#0d1e34;border-radius:50%;\n }\n\n .invoice-list{\n display:grid;gap:10px;\n margin-top:8px;\n }\n .invoice-list div{\n display:flex;justify-content:space-between;gap:12px;\n color:rgba(255,255,255,.78);\n font-size:13px;\n padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08);\n }\n .invoice-list div:last-child{border-bottom:0;padding-bottom:0}\n\n \/* Method *\/\n .steps-grid{\n display:grid;\n grid-template-columns:repeat(4, 1fr);\n gap:18px;\n margin-top:32px;\n }\n .step{\n position:relative;\n padding:24px;\n background:#fff;\n border:1px solid var(--line);\n border-radius:20px;\n box-shadow:var(--shadow-soft);\n }\n .step-number{\n width:42px;height:42px;\n display:grid;place-items:center;\n border-radius:50%;\n background:var(--orange-soft);\n color:var(--orange);\n font-weight:800;\n margin-bottom:16px;\n }\n .step h3{\n margin:0 0 10px;\n font-size:20px;\n line-height:1.15;\n color:var(--navy);\n }\n .step p{\n margin:0;\n font-size:14px;\n line-height:1.8;\n color:var(--muted);\n }\n\n \/* Split sections *\/\n .split-grid{\n display:grid;\n grid-template-columns:1.12fr .88fr;\n gap:24px;\n margin-top:36px;\n }\n .panel{\n padding:30px;\n background:#fff;\n border:1px solid var(--line);\n border-radius:24px;\n box-shadow:var(--shadow-soft);\n min-width:0;\n }\n\n .case-list, .ai-list{\n display:grid;\n gap:14px;\n margin-top:18px;\n }\n .case-item, .ai-item{\n display:flex;\n align-items:flex-start;\n gap:12px;\n color:#3b4453;\n line-height:1.7;\n font-size:15px;\n }\n .tick{\n width:26px;height:26px;flex:0 0 26px;\n display:grid;place-items:center;\n border-radius:50%;\n background:var(--orange-soft);\n color:var(--orange);\n }\n\n .software-visual{\n margin-top:22px;\n display:grid;\n grid-template-columns:1.2fr .8fr;\n gap:16px;\n align-items:end;\n }\n\n .screen{\n height:290px;\n border-radius:20px;\n border:1px solid var(--line);\n background:\n linear-gradient(180deg, #fff 0%, #fafbfc 100%);\n box-shadow:var(--shadow-soft);\n overflow:hidden;\n padding:18px;\n position:relative;\n }\n .screen-top{\n display:flex; gap:8px; margin-bottom:18px;\n }\n .dot{width:10px;height:10px;border-radius:50%;background:#d5d9e1}\n .mini-stats{\n display:grid;\n grid-template-columns:repeat(3, 1fr);\n gap:12px;\n }\n .mini-stats .mini{\n padding:12px;\n border:1px solid var(--line);\n border-radius:14px;\n background:#fff;\n }\n .mini strong{display:block;font-size:22px;color:var(--navy)}\n .mini span{font-size:12px;color:var(--muted)}\n .mini-chart{\n margin-top:18px;height:120px;\n border-radius:16px;\n background:\n linear-gradient(180deg, rgba(255,90,31,.12), transparent 70%),\n linear-gradient(0deg, #fff, #fff);\n border:1px solid var(--line);\n position:relative;\n }\n .mini-chart svg{position:absolute;inset:0}\n\n .phone{\n height:250px;\n border-radius:28px;\n border:1px solid #d8dde5;\n background:#fff;\n box-shadow:var(--shadow-soft);\n padding:14px 12px;\n overflow:hidden;\n }\n .phone-notch{\n width:80px;height:8px;border-radius:999px;background:#d6dbe3;margin:0 auto 16px;\n }\n .phone-card{\n padding:12px;\n border:1px solid var(--line);\n border-radius:14px;\n margin-bottom:12px;\n font-size:12px;\n color:var(--muted);\n }\n\n \/* About \/ contact *\/\n .about-contact{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:24px;\n margin-top:24px;\n }\n\n .about-box{\n display:grid;\n grid-template-columns:.9fr 1.1fr;\n gap:22px;\n align-items:end;\n padding:28px;\n border:1px solid var(--line);\n border-radius:24px;\n background:#fff;\n box-shadow:var(--shadow-soft);\n }\n\n .photo-placeholder{\n min-height:360px;\n border-radius:20px;\n background:\n linear-gradient(180deg, rgba(255,90,31,.06), rgba(255,90,31,.02)),\n linear-gradient(180deg, #fff, #fafbfc);\n border:1px dashed #d9dee7;\n position:relative;\n display:flex;\n align-items:end;\n justify-content:center;\n overflow:hidden;\n }\n .photo-placeholder .silhouette{\n width:82%;\n height:85%;\n }\n .replace-note{\n position:absolute;\n top:16px; left:16px;\n padding:8px 10px;\n border-radius:999px;\n background:#fff;\n border:1px solid var(--line);\n font-size:12px;\n color:var(--muted);\n font-weight:700;\n }\n\n .feature-mini-grid{\n display:grid;\n grid-template-columns:repeat(3, 1fr);\n gap:14px;\n margin-top:20px;\n }\n .feature-mini{\n padding:14px;\n border-radius:16px;\n border:1px solid var(--line);\n background:#fff;\n text-align:center;\n }\n .feature-mini strong{\n display:block;margin-top:10px;font-size:13px;line-height:1.45;color:#3d4553\n }\n\n .contact-box{\n padding:28px;\n border:1px solid var(--line);\n border-radius:24px;\n background:#fff;\n box-shadow:var(--shadow-soft);\n }\n .contact-grid{\n display:grid;\n grid-template-columns:.95fr 1.05fr;\n gap:22px;\n align-items:start;\n }\n .promise-list{\n display:grid;\n gap:14px;\n margin-top:22px;\n }\n .promise{\n display:flex;\n align-items:flex-start;\n gap:12px;\n color:#3b4453;\n font-size:14px;\n font-weight:700;\n line-height:1.6;\n }\n .promise .meta-icon{\n width:32px;height:32px;flex:0 0 32px;\n }\n\n .form-fields{\n display:grid;\n gap:12px;\n }\n .input, .textarea, .select{\n width:100%;\n border:1px solid #dde3eb;\n border-radius:12px;\n background:#fff;\n color:var(--text);\n outline:none;\n padding:0 14px;\n transition:.2s ease;\n }\n .input, .select{height:48px}\n .textarea{\n min-height:120px;\n padding:14px;\n resize:vertical;\n }\n .input:focus,.select:focus,.textarea:focus{\n border-color:var(--orange);\n box-shadow:0 0 0 4px rgba(255,90,31,.08);\n }\n\n .label{\n display:block;\n margin:2px 0 6px;\n font-size:13px;\n font-weight:800;\n color:var(--navy);\n }\n\n \/* CTA band *\/\n .cta-band{\n margin-top:28px;\n padding:30px 34px;\n border-radius:24px;\n background:\n radial-gradient(circle at 8% 0%, rgba(255,90,31,.08), transparent 24%),\n radial-gradient(circle at 100% 100%, rgba(255,90,31,.08), transparent 26%),\n linear-gradient(180deg, #fff8f4 0%, #fff 100%);\n border:1px solid #f3e0d7;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:20px;\n }\n .cta-band h3{\n margin:0 0 8px;\n font-size:38px;\n line-height:1.05;\n letter-spacing:-.04em;\n color:var(--navy);\n }\n .cta-band p{\n margin:0;\n color:var(--muted);\n font-size:16px;\n line-height:1.7;\n max-width:680px;\n }\n\n \/* Footer *\/\n .footer{\n margin-top:28px;\n background:\n radial-gradient(circle at 12% 16%, rgba(255,90,31,.12), transparent 18%),\n linear-gradient(135deg, #06111f 0%, #0d1d33 100%);\n color:#fff;\n border-radius:28px 28px 0 0;\n overflow:hidden;\n }\n .footer-main{\n display:grid;\n grid-template-columns:1.2fr .8fr .8fr .95fr;\n gap:28px;\n padding:48px 0 24px;\n }\n .footer-col{\n min-width:0;\n }\n .footer-desc{\n margin:18px 0 18px;\n color:rgba(255,255,255,.78);\n line-height:1.9;\n font-size:14px;\n max-width:360px;\n }\n .footer-title{\n margin:0 0 18px;\n font-size:15px;\n font-weight:800;\n text-transform:uppercase;\n letter-spacing:.02em;\n position:relative;\n padding-bottom:12px;\n }\n .footer-title::after{\n content:\"\";\n position:absolute;left:0;bottom:0;\n width:30px;height:3px;border-radius:999px;background:var(--orange);\n }\n .footer-links{\n display:grid;\n gap:12px;\n }\n .footer-links a{\n color:rgba(255,255,255,.82);\n font-size:14px;\n line-height:1.5;\n }\n .footer-links a:hover{color:#fff}\n .footer-contact{\n display:grid;gap:12px;\n }\n .footer-contact div, .footer-contact a{\n color:rgba(255,255,255,.82);\n font-size:14px;\n display:flex;align-items:flex-start;gap:10px;\n }\n .footer-contact svg{color:var(--orange);flex:0 0 18px}\n\n .footer-bottom{\n display:flex;\n justify-content:space-between;\n gap:20px;\n padding:18px 0 24px;\n border-top:1px solid rgba(255,255,255,.1);\n color:rgba(255,255,255,.62);\n font-size:13px;\n flex-wrap:wrap;\n }\n .footer-bottom-links{\n display:flex;gap:18px;flex-wrap:wrap;\n }\n .footer-bottom-links a{color:rgba(255,255,255,.62)}\n\n \/* Responsive *\/\n @media (max-width: 1200px){\n .cards-grid{grid-template-columns:repeat(2,1fr)}\n .dashboard-grid{grid-template-columns:1fr 1fr 1fr}\n .dashboard-intro{grid-column:1\/-1}\n .steps-grid{grid-template-columns:repeat(2,1fr)}\n .split-grid,.about-contact{grid-template-columns:1fr}\n .footer-main{grid-template-columns:1fr 1fr}\n }\n\n @media (max-width: 960px){\n .nav-links{display:none}\n .menu-toggle{display:grid;place-items:center}\n .nav-actions .btn-primary{display:none}\n .hero-grid{grid-template-columns:1fr}\n .hero-visual{min-height:520px}\n .contact-grid{grid-template-columns:1fr}\n .about-box{grid-template-columns:1fr}\n .cta-band{flex-direction:column;align-items:flex-start}\n .dashboard-grid{grid-template-columns:1fr 1fr}\n }\n\n @media (max-width: 720px){\n .container{width:min(calc(100% - 28px), var(--container))}\n .section{padding:64px 0}\n .hero{padding:34px 0 56px}\n .hero-visual{min-height:620px;padding:18px}\n .diagram-core{width:112px;height:112px}\n .diagram-ring{width:240px;height:240px}\n .orbital-card{min-width:140px;padding:12px}\n .c1{top:18px;left:10px}\n .c2{top:18px;right:10px}\n .c3{left:8px;top:38%}\n .c4{right:8px;top:38%}\n .c5{bottom:18px;left:16px}\n .c6{bottom:18px;right:16px}\n .connector{display:none}\n .cards-grid,.steps-grid,.dashboard-grid,.feature-mini-grid,.footer-main{grid-template-columns:1fr}\n .software-visual{grid-template-columns:1fr}\n .cta-band h3{font-size:32px}\n .footer{border-radius:24px 24px 0 0}\n .footer-bottom{flex-direction:column}\n }\n <\/style>\n<\/head>\n\n<body>\n<main>\n <section class=\"hero\" id=\"accueil\">\n <div class=\"container hero-grid\">\n <div>\n <span class=\"eyebrow\">ERP \u2022 Automatisation \u2022 Agents IA<\/span>\n <h1 class=\"hero-title\">\n Vos outils m\u00e9tiers doivent travailler pour vous.\n Pas <span class=\"underline\">l\u2019inverse.<\/span>\n <\/h1>\n\n <p class=\"hero-text\">\n We-Bulle con\u00e7oit des solutions ERP, des automatisations et des agents IA\n sur mesure, align\u00e9s sur vos processus et vos objectifs.\n Moins de friction, plus de performance.\n <\/p>\n\n <div class=\"hero-actions\">\n <a class=\"btn btn-primary\" href=\"#contact\">Demander un diagnostic<\/a>\n <a class=\"btn btn-secondary\" href=\"#solutions\">D\u00e9couvrir nos solutions<\/a>\n <\/div>\n\n <div class=\"hero-meta\">\n <div class=\"hero-meta-item\">\n <span class=\"meta-icon\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/circle>\n <path d=\"M12 7v5l3 2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/span>\n Premier \u00e9change de 30 minutes\n <\/div>\n\n <div class=\"hero-meta-item\">\n <span class=\"meta-icon\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"6\" y=\"10\" width=\"12\" height=\"9\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <path d=\"M9 10V7.5a3 3 0 016 0V10\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/path>\n <\/svg>\n <\/span>\n Analyse confidentielle\n <\/div>\n\n <div class=\"hero-meta-item\">\n <span class=\"meta-icon\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M4 11.5L20 4l-5.5 16-3.2-6.3L4 11.5z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/span>\n R\u00e9ponse sous 48 heures\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-visual\" aria-hidden=\"true\">\n <div class=\"diagram-ring\"><\/div>\n\n <div class=\"orbital-card c1\">\n <span class=\"orbital-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"4\" y=\"4\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <rect x=\"14\" y=\"4\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <rect x=\"4\" y=\"14\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <rect x=\"14\" y=\"14\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <\/svg>\n <\/span>\n ERP & outils m\u00e9tiers\n <\/div>\n\n <div class=\"orbital-card c2\">\n <span class=\"orbital-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/span>\n Agents IA\n <\/div>\n\n <div class=\"orbital-card c3\">\n <span class=\"orbital-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 3l1.5 2.5 2.9-.2.9 2.8 2.7 1.2-1 2.7 1 2.7-2.7 1.2-.9 2.8-2.9-.2L12 21l-1.5-2.5-2.9.2-.9-2.8L4 14.7 5 12 4 9.3l2.7-1.2.9-2.8 2.9.2L12 3z\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/circle>\n <\/svg>\n <\/span>\n Automatisation\n <\/div>\n\n <div class=\"orbital-card c4\">\n <span class=\"orbital-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M4 19h16M6 16V9m4 7V5m4 11v-4m4 4V7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/span>\n Pilotage & d\u00e9cision\n <\/div>\n\n <div class=\"orbital-card c5\">\n <span class=\"orbital-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M3 12h18M3 7h18M3 17h18\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/span>\n Processus structur\u00e9s\n <\/div>\n\n <div class=\"orbital-card c6\">\n <span class=\"orbital-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/circle>\n <path d=\"M12 7v5l3 2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/span>\n Gain de temps\n <\/div>\n\n <span class=\"connector l1\"><\/span>\n <span class=\"connector l2\"><\/span>\n <span class=\"connector l3\"><\/span>\n <span class=\"connector l4\"><\/span>\n <span class=\"connector l5\"><\/span>\n <span class=\"connector l6\"><\/span>\n\n <div class=\"diagram-core\">\n <svg width=\"88\" height=\"88\" viewBox=\"0 0 64 64\">\n <defs>\n <linearGradient id=\"heroBrand\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#ff7b3a\"><\/stop>\n <stop offset=\"100%\" stop-color=\"#ff4d0d\"><\/stop>\n <\/linearGradient>\n <\/defs>\n <circle cx=\"32\" cy=\"32\" r=\"28\" fill=\"url(#heroBrand)\"><\/circle>\n <path d=\"M18 45V34m10 11V26m10 19V22m10 23V31\" stroke=\"#fff\" stroke-width=\"5\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section\" id=\"expertises\">\n <div class=\"container\">\n <span class=\"eyebrow\">Nos expertises<\/span>\n <h2 class=\"section-title\">Des expertises compl\u00e9mentaires pour des r\u00e9sultats concrets<\/h2>\n <p class=\"section-subtitle\">\n Nous analysons vos besoins, simplifions vos op\u00e9rations et construisons des outils utiles, durables et r\u00e9ellement adopt\u00e9s par vos \u00e9quipes.\n <\/p>\n\n <div class=\"cards-grid\">\n <article class=\"card\">\n <div class=\"card-icon\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"4\" y=\"4\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <rect x=\"14\" y=\"4\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <rect x=\"4\" y=\"14\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <rect x=\"14\" y=\"14\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <\/svg>\n <\/div>\n <h3>ERP et outils m\u00e9tiers<\/h3>\n <p>Nous int\u00e9grons et adaptons des ERP et outils m\u00e9tiers pour centraliser vos donn\u00e9es et fluidifier vos op\u00e9rations.<\/p>\n <a class=\"card-link\" href=\"#contact\">En savoir plus \u2192<\/a>\n <\/article>\n\n <article class=\"card\">\n <div class=\"card-icon\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"5\" y=\"7\" width=\"14\" height=\"11\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <path d=\"M9 12h.01M15 12h.01M9 16h6M12 7V4M9 4h6M3 11h2M19 11h2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/div>\n <h3>Agents IA<\/h3>\n <p>Des agents intelligents qui ex\u00e9cutent, analysent et vous assistent au quotidien, en toute s\u00e9curit\u00e9.<\/p>\n <a class=\"card-link\" href=\"#contact\">En savoir plus \u2192<\/a>\n <\/article>\n\n <article class=\"card\">\n <div class=\"card-icon\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 3l1.5 2.5 2.9-.2.9 2.8 2.7 1.2-1 2.7 1 2.7-2.7 1.2-.9 2.8-2.9-.2L12 21l-1.5-2.5-2.9.2-.9-2.8L4 14.7 5 12 4 9.3l2.7-1.2.9-2.8 2.9.2L12 3z\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/circle>\n <\/svg>\n <\/div>\n <h3>Automatisation<\/h3>\n <p>Nous automatisons vos processus r\u00e9p\u00e9titifs pour gagner du temps, r\u00e9duire les erreurs et acc\u00e9l\u00e9rer.<\/p>\n <a class=\"card-link\" href=\"#contact\">En savoir plus \u2192<\/a>\n <\/article>\n\n <article class=\"card\">\n <div class=\"card-icon\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M20 11a8 8 0 01-8 8H7l-4 2 1.3-4A8 8 0 1120 11z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/div>\n <h3>Conseil op\u00e9rationnel<\/h3>\n <p>Nous analysons, priorisons et optimisons vos processus pour cr\u00e9er de la valeur durablement.<\/p>\n <a class=\"card-link\" href=\"#contact\">En savoir plus \u2192<\/a>\n <\/article>\n <\/div>\n\n <div class=\"dashboard-band\" id=\"solutions\">\n <div class=\"dashboard-grid\">\n <div class=\"dashboard-intro\">\n <span class=\"eyebrow\" style=\"color:#ff925e;margin-bottom:10px\">Pilotage<\/span>\n <h3>Pilotez votre activit\u00e9 avec des tableaux de bord clairs et des donn\u00e9es fiables.<\/h3>\n <p>Des indicateurs en temps r\u00e9el pour prendre les bonnes d\u00e9cisions, au bon moment.<\/p>\n <\/div>\n\n <div class=\"metric-card\">\n <div class=\"metric-label\">Chiffre d\u2019affaires<\/div>\n <div class=\"metric-value\">\u20ac 2,450,000<\/div>\n <div class=\"metric-delta\">+12,5% vs mois dernier<\/div>\n <div class=\"chart-bars\">\n <span style=\"height:26px\"><\/span>\n <span style=\"height:34px\"><\/span>\n <span style=\"height:28px\"><\/span>\n <span style=\"height:46px\"><\/span>\n <span style=\"height:52px\"><\/span>\n <span style=\"height:64px\"><\/span>\n <\/div>\n <\/div>\n\n <div class=\"metric-card\">\n <div class=\"metric-label\">Commandes<\/div>\n <div class=\"metric-value\">1248<\/div>\n <div class=\"metric-delta\">+8,2% vs mois dernier<\/div>\n <div class=\"chart-bars\">\n <span style=\"height:18px\"><\/span>\n <span style=\"height:42px\"><\/span>\n <span style=\"height:28px\"><\/span>\n <span style=\"height:50px\"><\/span>\n <span style=\"height:62px\"><\/span>\n <span style=\"height:58px\"><\/span>\n <\/div>\n <\/div>\n\n <div class=\"metric-card\">\n <div class=\"metric-label\">Clients actifs<\/div>\n <div class=\"metric-value\">856<\/div>\n <div class=\"metric-delta\">+6,1% vs mois dernier<\/div>\n <div class=\"chart-ring\"><\/div>\n <div style=\"text-align:center;color:rgba(255,255,255,.72);font-size:12px\">42% nouveaux \u2022 58% r\u00e9currents<\/div>\n <\/div>\n\n <div class=\"metric-card\">\n <div class=\"metric-label\">Factures<\/div>\n <div class=\"metric-value\">328<\/div>\n <div class=\"invoice-list\">\n <div><span>En attente<\/span><strong>328<\/strong><\/div>\n <div><span>Pay\u00e9es ce mois<\/span><strong>620<\/strong><\/div>\n <div><span>En retard<\/span><strong>24<\/strong><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section\" id=\"methode\">\n <div class=\"container\">\n <span class=\"eyebrow\">Notre m\u00e9thode<\/span>\n <h2 class=\"section-title\">Une m\u00e9thode claire en 4 \u00e9tapes<\/h2>\n <p class=\"section-subtitle\">\n Nous avan\u00e7ons de mani\u00e8re structur\u00e9e, avec une logique simple : comprendre, concevoir, d\u00e9ployer, puis faire \u00e9voluer.\n <\/p>\n\n <div class=\"steps-grid\">\n <article class=\"step\">\n <div class=\"step-number\">1<\/div>\n <h3>Comprendre<\/h3>\n <p>Nous analysons vos enjeux, vos processus et vos donn\u00e9es pour cibler les vrais leviers de valeur.<\/p>\n <\/article>\n\n <article class=\"step\">\n <div class=\"step-number\">2<\/div>\n <h3>Concevoir<\/h3>\n <p>Nous concevons une solution sur mesure, align\u00e9e sur vos objectifs et vos contraintes.<\/p>\n <\/article>\n\n <article class=\"step\">\n <div class=\"step-number\">3<\/div>\n <h3>D\u00e9ployer<\/h3>\n <p>Nous int\u00e9grons, automatisons et formons vos \u00e9quipes pour une adoption rapide.<\/p>\n <\/article>\n\n <article class=\"step\">\n <div class=\"step-number\">4<\/div>\n <h3>Faire \u00e9voluer<\/h3>\n <p>Nous mesurons, optimisons et faisons \u00e9voluer votre solution en continu avec vous.<\/p>\n <\/article>\n <\/div>\n\n <div class=\"split-grid\" id=\"realisations\">\n <article class=\"panel\">\n <span class=\"eyebrow\">R\u00e9alisations<\/span>\n <h2 style=\"margin:0 0 8px;font-size:36px;line-height:1.05;letter-spacing:-.045em;color:var(--navy)\">Digitalisation compl\u00e8te d\u2019un acteur de la distribution<\/h2>\n <p style=\"margin:0;color:var(--muted);line-height:1.8\">\n Un projet combinant centralisation des produits, automatisation des commandes, \u00e9tiquettes, tableaux de bord et pilotage op\u00e9rationnel.\n <\/p>\n\n <div class=\"case-list\">\n <div class=\"case-item\"><span class=\"tick\">\u2713<\/span> ERP centralisant achats, ventes et stocks<\/div>\n <div class=\"case-item\"><span class=\"tick\">\u2713<\/span> Automatisation des flux de commandes et facturation<\/div>\n <div class=\"case-item\"><span class=\"tick\">\u2713<\/span> Tableaux de bord en temps r\u00e9el<\/div>\n <div class=\"case-item\"><span class=\"tick\">\u2713<\/span> R\u00e9duction du temps de traitement administratif<\/div>\n <div class=\"case-item\"><span class=\"tick\">\u2713<\/span> Tra\u00e7abilit\u00e9 et conformit\u00e9 renforc\u00e9es<\/div>\n <\/div>\n\n <div class=\"software-visual\">\n <div class=\"screen\">\n <div class=\"screen-top\">\n <span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"dot\"><\/span>\n <\/div>\n\n <div class=\"mini-stats\">\n <div class=\"mini\">\n <strong>\u20ac 2,45M<\/strong>\n <span>CA mensuel<\/span>\n <\/div>\n <div class=\"mini\">\n <strong>1 248<\/strong>\n <span>Commandes<\/span>\n <\/div>\n <div class=\"mini\">\n <strong>1 080<\/strong>\n <span>R\u00e9f\u00e9rences<\/span>\n <\/div>\n <\/div>\n\n <div class=\"mini-chart\">\n <svg viewBox=\"0 0 500 160\" preserveAspectRatio=\"none\">\n <path d=\"M0 145 C70 120, 80 130, 140 90 S220 85, 270 105 350 115, 405 70 450 45, 500 25\" fill=\"none\" stroke=\"#ff5a1f\" stroke-width=\"5\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n\n <div class=\"phone\">\n <div class=\"phone-notch\"><\/div>\n <div class=\"phone-card\"><strong style=\"display:block;color:var(--navy);font-size:14px\">Suivi commandes<\/strong><span>12 nouvelles aujourd\u2019hui<\/span><\/div>\n <div class=\"phone-card\"><strong style=\"display:block;color:var(--navy);font-size:14px\">Encours<\/strong><span>96 551 \u20ac<\/span><\/div>\n <div class=\"phone-card\"><strong style=\"display:block;color:var(--navy);font-size:14px\">Alertes<\/strong><span>3 anomalies d\u00e9tect\u00e9es<\/span><\/div>\n <\/div>\n <\/div>\n\n <div style=\"margin-top:20px\">\n <a class=\"btn btn-primary\" href=\"#contact\">D\u00e9couvrir le projet complet<\/a>\n <\/div>\n <\/article>\n\n <article class=\"panel\">\n <span class=\"eyebrow\">Agents IA<\/span>\n <h2 style=\"margin:0 0 8px;font-size:36px;line-height:1.05;letter-spacing:-.045em;color:var(--navy)\">Des agents IA au service de vos \u00e9quipes<\/h2>\n <p style=\"margin:0;color:var(--muted);line-height:1.8\">\n Nous int\u00e9grons des assistants intelligents dans vos op\u00e9rations afin d\u2019acc\u00e9l\u00e9rer, contr\u00f4ler et assister sans complexifier.\n <\/p>\n\n <div class=\"ai-list\">\n <div class=\"ai-item\"><span class=\"tick\">\u2726<\/span><div><strong>Relances automatiques<\/strong><br>Relancez vos clients au bon moment, sans effort.<\/div><\/div>\n <div class=\"ai-item\"><span class=\"tick\">\u2726<\/span><div><strong>Contr\u00f4le de factures<\/strong><br>V\u00e9rification, rapprochement et d\u00e9tection d\u2019anomalies en quelques secondes.<\/div><\/div>\n <div class=\"ai-item\"><span class=\"tick\">\u2726<\/span><div><strong>D\u00e9tection d\u2019anomalies<\/strong><br>Identifiez les \u00e9carts et risques avant qu\u2019ils ne deviennent des probl\u00e8mes.<\/div><\/div>\n <div class=\"ai-item\"><span class=\"tick\">\u2726<\/span><div><strong>Aide \u00e0 la d\u00e9cision<\/strong><br>Obtenez des recommandations claires bas\u00e9es sur vos donn\u00e9es.<\/div><\/div>\n <\/div>\n\n <div class=\"screen\" style=\"height:370px;margin-top:24px\">\n <div class=\"screen-top\">\n <span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"dot\"><\/span>\n <\/div>\n <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:18px\">\n <div style=\"font-size:15px;font-weight:800;color:var(--navy)\">Assistant IA<\/div>\n <div style=\"font-size:12px;color:var(--muted)\">En ligne<\/div>\n <\/div>\n <div style=\"display:grid;gap:10px\">\n <div style=\"max-width:75%;padding:12px 14px;border-radius:14px 14px 14px 6px;background:#f4f6f9;color:#3e4654;font-size:13px;line-height:1.6\">Bonjour, comment puis-je vous aider aujourd\u2019hui ?<\/div>\n <div style=\"max-width:82%;margin-left:auto;padding:12px 14px;border-radius:14px 14px 6px 14px;background:var(--orange-soft);color:#61341e;font-size:13px;line-height:1.6\">Analysez mes ventes du mois<\/div>\n <div style=\"max-width:78%;padding:12px 14px;border-radius:14px 14px 14px 6px;background:#f4f6f9;color:#3e4654;font-size:13px;line-height:1.6\">Vos ventes progressent de 12,4%. Les commandes les plus rentables proviennent du segment B2B.<\/div>\n <div style=\"max-width:82%;margin-left:auto;padding:12px 14px;border-radius:14px 14px 6px 14px;background:var(--orange-soft);color:#61341e;font-size:13px;line-height:1.6\">Pourquoi cette facture est marqu\u00e9e en anomalie ?<\/div>\n <div style=\"max-width:78%;padding:12px 14px;border-radius:14px 14px 14px 6px;background:#f4f6f9;color:#3e4654;font-size:13px;line-height:1.6\">Le montant TTC ne correspond pas au total attendu. Je recommande une v\u00e9rification imm\u00e9diate.<\/div>\n <\/div>\n <\/div>\n <\/article>\n <\/div>\n\n <div class=\"about-contact\" id=\"apropos\">\n <article class=\"about-box\">\n <div class=\"photo-placeholder\">\n <div class=\"replace-note\">Remplacez par votre photo<\/div>\n <svg class=\"silhouette\" viewBox=\"0 0 320 420\" fill=\"none\" aria-hidden=\"true\">\n <circle cx=\"165\" cy=\"110\" r=\"62\" fill=\"#f2f4f7\"><\/circle>\n <path d=\"M52 392c22-78 58-131 113-131s89 34 111 131\" fill=\"#eef2f6\"><\/path>\n <path d=\"M94 388c10-72 32-120 69-120s57 35 66 120\" fill=\"#dce4ec\"><\/path>\n <\/svg>\n <\/div>\n\n <div>\n <span class=\"eyebrow\">\u00c0 propos de We-Bulle<\/span>\n <h2 style=\"margin:0 0 12px;font-size:38px;line-height:1.05;letter-spacing:-.045em;color:var(--navy)\">L\u2019expertise m\u00e9tier et technologique au service de vos r\u00e9sultats.<\/h2>\n <p style=\"margin:0;color:var(--muted);line-height:1.85\">\n We-Bulle, c\u2019est la rencontre entre une compr\u00e9hension fine des m\u00e9tiers et une ma\u00eetrise des technologies \u00e9mergentes.\n <\/p>\n\n <div class=\"feature-mini-grid\">\n <div class=\"feature-mini\">\n <div class=\"card-icon\" style=\"width:44px;height:44px;margin:0 auto 0\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n <circle cx=\"8\" cy=\"8\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/circle>\n <circle cx=\"16\" cy=\"8\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/circle>\n <path d=\"M3 20c.4-4 2.5-6 5-6s4.6 2 5 6m-2 0c.4-4 2.5-6 5-6s4.6 2 5 6\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/path>\n <\/svg>\n <\/div>\n <strong>Compr\u00e9hension op\u00e9rationnelle<\/strong>\n <\/div>\n\n <div class=\"feature-mini\">\n <div class=\"card-icon\" style=\"width:44px;height:44px;margin:0 auto 0\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 3l1.5 2.5 2.9-.2.9 2.8 2.7 1.2-1 2.7 1 2.7-2.7 1.2-.9 2.8-2.9-.2L12 21l-1.5-2.5-2.9.2-.9-2.8L4 14.7 5 12 4 9.3l2.7-1.2.9-2.8 2.9.2L12 3z\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/path>\n <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/circle>\n <\/svg>\n <\/div>\n <strong>Solutions sur mesure et pragmatiques<\/strong>\n <\/div>\n\n <div class=\"feature-mini\">\n <div class=\"card-icon\" style=\"width:44px;height:44px;margin:0 auto 0\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M13 3L4 14h6l-1 7 9-11h-6l1-7z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/div>\n <strong>Proximit\u00e9, r\u00e9activit\u00e9 et engagement<\/strong>\n <\/div>\n <\/div>\n <\/div>\n <\/article>\n\n <article class=\"contact-box\" id=\"contact\">\n <div class=\"contact-grid\">\n <div>\n <span class=\"eyebrow\">Parlons de votre projet<\/span>\n <h2 style=\"margin:0 0 10px;font-size:36px;line-height:1.05;letter-spacing:-.045em;color:var(--navy)\">Expliquez votre besoin, nous revenons rapidement vers vous.<\/h2>\n <p style=\"margin:0;color:var(--muted);line-height:1.8\">\n Un premier \u00e9change, une analyse confidentielle et des premi\u00e8res pistes d\u2019am\u00e9lioration.\n <\/p>\n\n <div class=\"promise-list\">\n <div class=\"promise\">\n <span class=\"meta-icon\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/circle>\n <path d=\"M12 7v5l3 2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n <\/svg>\n <\/span>\n Premier \u00e9change de 30 minutes\n <\/div>\n\n <div class=\"promise\">\n <span class=\"meta-icon\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"6\" y=\"10\" width=\"12\" height=\"9\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <path d=\"M9 10V7.5a3 3 0 016 0V10\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/path>\n <\/svg>\n <\/span>\n Analyse confidentielle\n <\/div>\n\n <div class=\"promise\">\n <span class=\"meta-icon\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M4 11.5L20 4l-5.5 16-3.2-6.3L4 11.5z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"><\/path>\n <\/svg>\n <\/span>\n R\u00e9ponse sous 48 heures\n <\/div>\n <\/div>\n <\/div>\n\n <form action=\"https:\/\/formsubmit.co\/contact@we-bulle.fr\" method=\"POST\" class=\"form-fields\">\n <input type=\"hidden\" name=\"_subject\" value=\"Nouvelle demande de projet \u2014 We-Bulle\">\n <input type=\"hidden\" name=\"_template\" value=\"table\">\n <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n\n <div>\n <label class=\"label\" for=\"name\">Nom et entreprise<\/label>\n <input class=\"input\" id=\"name\" name=\"Nom et entreprise\" type=\"text\" placeholder=\"Ex. : Jean Dupont \u2014 Acme Industrie\" required>\n <\/div>\n\n <div>\n <label class=\"label\" for=\"email\">Email<\/label>\n <input class=\"input\" id=\"email\" name=\"Email\" type=\"email\" placeholder=\"Ex. : jean.dupont@acme.fr\" required>\n <\/div>\n\n <div>\n <label class=\"label\" for=\"phone\">T\u00e9l\u00e9phone (optionnel)<\/label>\n <input class=\"input\" id=\"phone\" name=\"T\u00e9l\u00e9phone\" type=\"tel\" placeholder=\"Ex. : 06 12 34 56 78\">\n <\/div>\n\n <div>\n <label class=\"label\" for=\"need\">Type de besoin<\/label>\n <select class=\"select\" id=\"need\" name=\"Type de besoin\">\n <option>ERP et outils m\u00e9tiers<\/option>\n <option>Automatisation<\/option>\n <option>Agent IA<\/option>\n <option>Conseil op\u00e9rationnel<\/option>\n <\/select>\n <\/div>\n\n <div>\n <label class=\"label\" for=\"message\">Votre projet en quelques mots<\/label>\n <textarea class=\"textarea\" id=\"message\" name=\"Projet\" placeholder=\"D\u00e9crivez votre besoin, vos objectifs, vos contraintes\u2026\"><\/textarea>\n <\/div>\n\n <button class=\"btn btn-primary\" type=\"submit\" style=\"width:100%\">Envoyer ma demande<\/button>\n <div style=\"font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"6\" y=\"10\" width=\"12\" height=\"9\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect>\n <path d=\"M9 10V7.5a3 3 0 016 0V10\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/path>\n <\/svg>\n Vos informations sont s\u00e9curis\u00e9es et confidentielles.\n <\/div>\n <\/form>\n <\/div>\n <\/article>\n <\/div>\n\n <div class=\"cta-band\">\n <div>\n <h3>Un processus vous fait perdre du temps ?<\/h3>\n <p>\u00c9changeons sur vos besoins et identifions ensemble les premi\u00e8res pistes d\u2019am\u00e9lioration.<\/p>\n <\/div>\n <a href=\"#contact\" class=\"btn btn-primary\">Parler de votre projet<\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n<\/body>\n<\/html>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>We-Bulle \u2014 ERP, automatisation et agents IA ERP \u2022 Automatisation \u2022 Agents IA Vos outils m\u00e9tiers doivent travailler pour vous. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-271","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/we-bulle.fr\/index.php?rest_route=\/wp\/v2\/pages\/271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/we-bulle.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/we-bulle.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/we-bulle.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/we-bulle.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=271"}],"version-history":[{"count":4,"href":"https:\/\/we-bulle.fr\/index.php?rest_route=\/wp\/v2\/pages\/271\/revisions"}],"predecessor-version":[{"id":280,"href":"https:\/\/we-bulle.fr\/index.php?rest_route=\/wp\/v2\/pages\/271\/revisions\/280"}],"wp:attachment":[{"href":"https:\/\/we-bulle.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}