{"id":178,"date":"2026-08-22T01:35:22","date_gmt":"2026-08-22T01:35:22","guid":{"rendered":"https:\/\/bhwebcreation.fr\/?page_id=178"},"modified":"2026-08-22T07:34:22","modified_gmt":"2026-08-22T07:34:22","slug":"178-2","status":"publish","type":"page","link":"https:\/\/bhwebcreation.fr\/","title":{"rendered":"ACCUEIL"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"178\" class=\"elementor elementor-178\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0d3305 e-flex e-con-boxed e-con e-parent\" data-id=\"a0d3305\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0297cc3 e-con-full e-flex e-con e-child\" data-id=\"0297cc3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0944188 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"0944188\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<p><style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap');\r\n\r\n:root{\r\n    --bg:#050816;\r\n    --bg2:#091126;\r\n    --card:rgba(255,255,255,.055);\r\n    --card2:rgba(255,255,255,.08);\r\n    --line:rgba(255,255,255,.10);\r\n    --text:#f7f9ff;\r\n    --muted:#9da8bd;\r\n    --blue:#4f8cff;\r\n    --cyan:#4de1ff;\r\n    --green:#59e6a7;\r\n    --purple:#8b6cff;\r\n    --radius:24px;\r\n}\r\n\r\n*{\r\n    box-sizing:border-box;\r\n    margin:0;\r\n    padding:0;\r\n}\r\n\r\nhtml{\r\n    scroll-behavior:smooth;\r\n}\r\n\r\nbody{\r\n    background:var(--bg);\r\n    color:var(--text);\r\n    font-family:Inter,Arial,sans-serif;\r\n    line-height:1.6;\r\n    overflow-x:hidden;\r\n}\r\n\r\na{\r\n    color:inherit;\r\n    text-decoration:none;\r\n}\r\n\r\n.container{\r\n    width:min(1180px,calc(100% - 40px));\r\n    margin:auto;\r\n}\r\n\r\n\/* BACKGROUND *\/\r\n\r\nbody::before{\r\n    content:\"\";\r\n    position:fixed;\r\n    inset:0;\r\n    z-index:-2;\r\n    background:\r\n        radial-gradient(circle at 15% 10%,rgba(79,140,255,.18),transparent 28%),\r\n        radial-gradient(circle at 85% 20%,rgba(139,108,255,.14),transparent 25%),\r\n        radial-gradient(circle at 50% 90%,rgba(77,225,255,.08),transparent 28%);\r\n    pointer-events:none;\r\n}\r\n\r\n.grid-bg{\r\n    position:fixed;\r\n    inset:0;\r\n    z-index:-1;\r\n    opacity:.16;\r\n    background-image:\r\n        linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),\r\n        linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);\r\n    background-size:60px 60px;\r\n    mask-image:linear-gradient(to bottom,black,transparent 80%);\r\n}\r\n\r\n\/* HEADER *\/\r\n\r\nheader{\r\n    position:fixed;\r\n    top:18px;\r\n    left:0;\r\n    width:100%;\r\n    z-index:100;\r\n}\r\n\r\n.nav{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    padding:13px 18px;\r\n    border:1px solid var(--line);\r\n    background:rgba(5,8,22,.72);\r\n    backdrop-filter:blur(18px);\r\n    border-radius:18px;\r\n}\r\n\r\n.logo{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    font-weight:800;\r\n    letter-spacing:-.04em;\r\n}\r\n\r\n.logo-mark{\r\n    width:34px;\r\n    height:34px;\r\n    border-radius:10px;\r\n    background:linear-gradient(135deg,var(--blue),var(--cyan));\r\n    display:grid;\r\n    place-items:center;\r\n    color:white;\r\n    font-weight:900;\r\n    box-shadow:0 0 30px rgba(79,140,255,.35);\r\n}\r\n\r\n.logo span{\r\n    font-size:17px;\r\n}\r\n\r\n.nav-links{\r\n    display:flex;\r\n    gap:28px;\r\n    color:#b9c2d5;\r\n    font-size:14px;\r\n}\r\n\r\n.nav-links a:hover{\r\n    color:white;\r\n}\r\n\r\n.nav-cta{\r\n    padding:10px 16px;\r\n    border-radius:12px;\r\n    background:white;\r\n    color:#071020;\r\n    font-weight:700;\r\n    font-size:14px;\r\n}\r\n\r\n\/* HERO *\/\r\n\r\n.hero{\r\n    min-height:100vh;\r\n    display:flex;\r\n    align-items:center;\r\n    padding:150px 0 90px;\r\n}\r\n\r\n.hero-grid{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:70px;\r\n    align-items:center;\r\n}\r\n\r\n.eyebrow{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    border:1px solid rgba(79,140,255,.25);\r\n    background:rgba(79,140,255,.08);\r\n    color:#a9c6ff;\r\n    padding:7px 12px;\r\n    border-radius:999px;\r\n    font-size:12px;\r\n    font-weight:700;\r\n    margin-bottom:22px;\r\n}\r\n\r\n.dot{\r\n    width:7px;\r\n    height:7px;\r\n    border-radius:50%;\r\n    background:var(--green);\r\n    box-shadow:0 0 12px var(--green);\r\n}\r\n\r\nh1{\r\n    font-family:Manrope,Inter,sans-serif;\r\n    font-size:clamp(46px,6vw,78px);\r\n    line-height:.98;\r\n    letter-spacing:-.065em;\r\n    max-width:760px;\r\n}\r\n\r\n.gradient{\r\n    background:linear-gradient(100deg,#fff 10%,#7fb2ff 50%,#5ce4ff 90%);\r\n    -webkit-background-clip:text;\r\n    background-clip:text;\r\n    color:transparent;\r\n}\r\n\r\n.hero-text{\r\n    margin-top:26px;\r\n    color:var(--muted);\r\n    font-size:18px;\r\n    max-width:600px;\r\n}\r\n\r\n.buttons{\r\n    display:flex;\r\n    gap:12px;\r\n    margin-top:34px;\r\n    flex-wrap:wrap;\r\n}\r\n\r\n.btn{\r\n    display:inline-flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    padding:14px 20px;\r\n    border-radius:14px;\r\n    font-weight:700;\r\n    transition:.25s;\r\n}\r\n\r\n.btn-primary{\r\n    color:white;\r\n    background:linear-gradient(135deg,var(--blue),#6b7cff);\r\n    box-shadow:0 12px 40px rgba(79,140,255,.25);\r\n}\r\n\r\n.btn-primary:hover{\r\n    transform:translateY(-2px);\r\n    box-shadow:0 18px 50px rgba(79,140,255,.35);\r\n}\r\n\r\n.btn-secondary{\r\n    border:1px solid var(--line);\r\n    background:var(--card);\r\n    color:#dce4f5;\r\n}\r\n\r\n.btn-secondary:hover{\r\n    background:var(--card2);\r\n}\r\n\r\n.trust{\r\n    display:flex;\r\n    gap:22px;\r\n    margin-top:32px;\r\n    color:#77839a;\r\n    font-size:12px;\r\n}\r\n\r\n.trust span::before{\r\n    content:\"\u2713\";\r\n    color:var(--green);\r\n    margin-right:6px;\r\n}\r\n\r\n\/* DASHBOARD *\/\r\n\r\n.dashboard{\r\n    position:relative;\r\n    border:1px solid rgba(255,255,255,.13);\r\n    background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));\r\n    border-radius:28px;\r\n    padding:14px;\r\n    box-shadow:0 35px 100px rgba(0,0,0,.45);\r\n    transform:perspective(1200px) rotateY(-4deg) rotateX(2deg);\r\n    animation:float 6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes float{\r\n    0%,100%{transform:perspective(1200px) rotateY(-4deg) translateY(0)}\r\n    50%{transform:perspective(1200px) rotateY(-4deg) translateY(-10px)}\r\n}\r\n\r\n.window{\r\n    border-radius:20px;\r\n    overflow:hidden;\r\n    background:#0b1223;\r\n}\r\n\r\n.window-top{\r\n    padding:13px 16px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    border-bottom:1px solid var(--line);\r\n}\r\n\r\n.window-title{\r\n    font-size:13px;\r\n    font-weight:700;\r\n}\r\n\r\n.window-date{\r\n    font-size:11px;\r\n    color:#71809a;\r\n}\r\n\r\n.metrics{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:10px;\r\n    padding:15px;\r\n}\r\n\r\n.metric{\r\n    background:rgba(255,255,255,.045);\r\n    border:1px solid rgba(255,255,255,.06);\r\n    border-radius:13px;\r\n    padding:13px;\r\n}\r\n\r\n.metric strong{\r\n    display:block;\r\n    font-size:22px;\r\n}\r\n\r\n.metric span{\r\n    color:#77839a;\r\n    font-size:10px;\r\n}\r\n\r\n.route{\r\n    margin:0 15px 15px;\r\n    padding:15px;\r\n    background:rgba(255,255,255,.035);\r\n    border-radius:15px;\r\n}\r\n\r\n.route-head{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n    margin-bottom:12px;\r\n}\r\n\r\n.route-head strong{\r\n    font-size:13px;\r\n}\r\n\r\n.route-head span{\r\n    font-size:10px;\r\n    color:var(--green);\r\n}\r\n\r\n.job{\r\n    display:flex;\r\n    gap:12px;\r\n    padding:12px 0;\r\n    border-top:1px solid rgba(255,255,255,.06);\r\n}\r\n\r\n.time{\r\n    width:42px;\r\n    font-size:10px;\r\n    color:#8290a8;\r\n}\r\n\r\n.job-info strong{\r\n    font-size:11px;\r\n    display:block;\r\n}\r\n\r\n.job-info span{\r\n    font-size:10px;\r\n    color:#71809a;\r\n}\r\n\r\n.status{\r\n    margin-left:auto;\r\n    font-size:9px;\r\n    padding:4px 7px;\r\n    border-radius:999px;\r\n    background:rgba(89,230,167,.1);\r\n    color:var(--green);\r\n    height:max-content;\r\n}\r\n\r\n\/* SECTIONS *\/\r\n\r\nsection{\r\n    padding:110px 0;\r\n}\r\n\r\n.section-head{\r\n    max-width:760px;\r\n    margin-bottom:50px;\r\n}\r\n\r\n.kicker{\r\n    color:#77a8ff;\r\n    font-size:12px;\r\n    text-transform:uppercase;\r\n    letter-spacing:.14em;\r\n    font-weight:800;\r\n    margin-bottom:13px;\r\n}\r\n\r\nh2{\r\n    font-family:Manrope,Inter,sans-serif;\r\n    font-size:clamp(34px,5vw,56px);\r\n    line-height:1.03;\r\n    letter-spacing:-.055em;\r\n}\r\n\r\n.section-head p{\r\n    color:var(--muted);\r\n    margin-top:18px;\r\n    font-size:17px;\r\n}\r\n\r\n\/* PROBLEM *\/\r\n\r\n.problem-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:15px;\r\n}\r\n\r\n.problem{\r\n    border:1px solid var(--line);\r\n    background:var(--card);\r\n    border-radius:20px;\r\n    padding:25px;\r\n    transition:.25s;\r\n}\r\n\r\n.problem:hover{\r\n    transform:translateY(-5px);\r\n    background:var(--card2);\r\n}\r\n\r\n.problem-icon{\r\n    font-size:26px;\r\n    margin-bottom:25px;\r\n}\r\n\r\n.problem h3{\r\n    font-size:17px;\r\n    margin-bottom:8px;\r\n}\r\n\r\n.problem p{\r\n    color:#8995aa;\r\n    font-size:14px;\r\n}\r\n\r\n\/* FLOW *\/\r\n\r\n.flow{\r\n    display:grid;\r\n    grid-template-columns:repeat(7,1fr);\r\n    align-items:center;\r\n    gap:10px;\r\n}\r\n\r\n.flow-item{\r\n    text-align:center;\r\n}\r\n\r\n.flow-icon{\r\n    width:66px;\r\n    height:66px;\r\n    border:1px solid var(--line);\r\n    background:var(--card);\r\n    border-radius:20px;\r\n    display:grid;\r\n    place-items:center;\r\n    margin:auto;\r\n    font-size:25px;\r\n}\r\n\r\n.flow-item span{\r\n    display:block;\r\n    margin-top:10px;\r\n    color:#a9b4c8;\r\n    font-size:11px;\r\n}\r\n\r\n.arrow{\r\n    color:#4e6590;\r\n    text-align:center;\r\n}\r\n\r\n\/* FEATURE *\/\r\n\r\n.feature{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:70px;\r\n    align-items:center;\r\n}\r\n\r\n.feature.reverse .feature-copy{\r\n    order:2;\r\n}\r\n\r\n.feature.reverse .feature-visual{\r\n    order:1;\r\n}\r\n\r\n.feature-copy h3{\r\n    font-family:Manrope,Inter,sans-serif;\r\n    font-size:38px;\r\n    line-height:1.05;\r\n    letter-spacing:-.045em;\r\n}\r\n\r\n.feature-copy p{\r\n    margin-top:18px;\r\n    color:var(--muted);\r\n}\r\n\r\n.checks{\r\n    margin-top:24px;\r\n    display:grid;\r\n    gap:12px;\r\n}\r\n\r\n.check{\r\n    display:flex;\r\n    gap:10px;\r\n    color:#cbd4e5;\r\n    font-size:14px;\r\n}\r\n\r\n.check b{\r\n    color:var(--green);\r\n}\r\n\r\n\/* PHONE *\/\r\n\r\n.phone-wrap{\r\n    display:flex;\r\n    justify-content:center;\r\n}\r\n\r\n.phone{\r\n    width:280px;\r\n    border:8px solid #171e2d;\r\n    border-radius:36px;\r\n    background:#07101e;\r\n    padding:14px;\r\n    box-shadow:0 30px 80px rgba(0,0,0,.45);\r\n}\r\n\r\n.phone-notch{\r\n    width:80px;\r\n    height:18px;\r\n    background:#171e2d;\r\n    border-radius:20px;\r\n    margin:0 auto 20px;\r\n}\r\n\r\n.phone h4{\r\n    font-size:17px;\r\n}\r\n\r\n.phone-small{\r\n    color:#6f7c94;\r\n    font-size:10px;\r\n}\r\n\r\n.mobile-job{\r\n    margin-top:12px;\r\n    border:1px solid var(--line);\r\n    border-radius:15px;\r\n    padding:13px;\r\n    background:rgba(255,255,255,.04);\r\n}\r\n\r\n.mobile-job strong{\r\n    font-size:12px;\r\n}\r\n\r\n.mobile-job p{\r\n    color:#77839a;\r\n    font-size:10px;\r\n    margin:3px 0 10px;\r\n}\r\n\r\n.mobile-btn{\r\n    display:block;\r\n    text-align:center;\r\n    padding:7px;\r\n    border-radius:9px;\r\n    background:rgba(79,140,255,.15);\r\n    color:#8bb3ff;\r\n    font-size:10px;\r\n}\r\n\r\n\/* BILLING *\/\r\n\r\n.billing{\r\n    border:1px solid var(--line);\r\n    background:linear-gradient(145deg,rgba(79,140,255,.09),rgba(255,255,255,.03));\r\n    border-radius:28px;\r\n    padding:30px;\r\n}\r\n\r\n.invoice{\r\n    max-width:520px;\r\n    margin:auto;\r\n    background:#f8faff;\r\n    color:#0b1223;\r\n    border-radius:18px;\r\n    padding:28px;\r\n    box-shadow:0 30px 80px rgba(0,0,0,.35);\r\n}\r\n\r\n.invoice-top{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    border-bottom:1px solid #dce2ed;\r\n    padding-bottom:18px;\r\n    margin-bottom:20px;\r\n}\r\n\r\n.invoice small{\r\n    color:#77839a;\r\n}\r\n\r\n.invoice-row{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    padding:9px 0;\r\n    font-size:13px;\r\n}\r\n\r\n.invoice-total{\r\n    border-top:1px solid #dce2ed;\r\n    margin-top:10px;\r\n    padding-top:16px;\r\n    display:flex;\r\n    justify-content:space-between;\r\n    font-size:20px;\r\n    font-weight:800;\r\n}\r\n\r\n.pay{\r\n    margin-top:20px;\r\n    padding:12px;\r\n    text-align:center;\r\n    border-radius:10px;\r\n    background:#0b1223;\r\n    color:white;\r\n    font-weight:700;\r\n}\r\n\r\n\/* TARGET *\/\r\n\r\n.target-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(5,1fr);\r\n    gap:12px;\r\n}\r\n\r\n.target{\r\n    border:1px solid var(--line);\r\n    background:var(--card);\r\n    padding:25px 18px;\r\n    border-radius:18px;\r\n    text-align:center;\r\n}\r\n\r\n.target-icon{\r\n    font-size:30px;\r\n    margin-bottom:12px;\r\n}\r\n\r\n.target strong{\r\n    display:block;\r\n    font-size:14px;\r\n}\r\n\r\n\/* INSTALLATION *\/\r\n\r\n.install{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:16px;\r\n}\r\n\r\n.install-card{\r\n    border:1px solid var(--line);\r\n    border-radius:22px;\r\n    padding:28px;\r\n    background:var(--card);\r\n}\r\n\r\n.install-number{\r\n    font-size:12px;\r\n    color:#668eff;\r\n    font-weight:800;\r\n}\r\n\r\n.install-card h3{\r\n    margin-top:28px;\r\n    margin-bottom:10px;\r\n}\r\n\r\n.install-card p{\r\n    color:#8995aa;\r\n    font-size:14px;\r\n}\r\n\r\n\/* PRICING *\/\r\n\r\n.pricing{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:18px;\r\n}\r\n\r\n.price-card{\r\n    border:1px solid var(--line);\r\n    border-radius:25px;\r\n    padding:32px;\r\n    background:var(--card);\r\n}\r\n\r\n.price-card.featured{\r\n    border-color:rgba(79,140,255,.5);\r\n    background:linear-gradient(145deg,rgba(79,140,255,.13),rgba(255,255,255,.04));\r\n    box-shadow:0 20px 80px rgba(79,140,255,.12);\r\n}\r\n\r\n.price-card h3{\r\n    font-size:18px;\r\n}\r\n\r\n.price{\r\n    font-family:Manrope;\r\n    font-size:48px;\r\n    letter-spacing:-.06em;\r\n    margin:14px 0 4px;\r\n}\r\n\r\n.price small{\r\n    font-family:Inter;\r\n    font-size:14px;\r\n    color:#7d899f;\r\n    letter-spacing:0;\r\n}\r\n\r\n.setup{\r\n    color:#8290a8;\r\n    font-size:13px;\r\n}\r\n\r\n.price-list{\r\n    margin:25px 0;\r\n    display:grid;\r\n    gap:11px;\r\n}\r\n\r\n.price-list li{\r\n    list-style:none;\r\n    color:#b8c2d5;\r\n    font-size:13px;\r\n}\r\n\r\n.price-list li::before{\r\n    content:\"\u2713\";\r\n    color:var(--green);\r\n    margin-right:8px;\r\n}\r\n\r\n\/* CTA *\/\r\n\r\n.cta{\r\n    padding:90px 0 120px;\r\n}\r\n\r\n.cta-box{\r\n    position:relative;\r\n    overflow:hidden;\r\n    border:1px solid rgba(79,140,255,.25);\r\n    border-radius:30px;\r\n    padding:70px 40px;\r\n    text-align:center;\r\n    background:\r\n        radial-gradient(circle at 50% 0%,rgba(79,140,255,.18),transparent 45%),\r\n        rgba(255,255,255,.035);\r\n}\r\n\r\n.cta-box h2{\r\n    max-width:780px;\r\n    margin:auto;\r\n}\r\n\r\n.cta-box p{\r\n    color:#9da8bd;\r\n    max-width:600px;\r\n    margin:18px auto 0;\r\n}\r\n\r\n\/* FAQ *\/\r\n\r\n.faq{\r\n    max-width:850px;\r\n    margin:auto;\r\n}\r\n\r\n.faq-item{\r\n    border-top:1px solid var(--line);\r\n}\r\n\r\n.faq-question{\r\n    width:100%;\r\n    border:0;\r\n    background:none;\r\n    color:white;\r\n    padding:22px 0;\r\n    text-align:left;\r\n    display:flex;\r\n    justify-content:space-between;\r\n    cursor:pointer;\r\n    font:600 15px Inter;\r\n}\r\n\r\n.faq-answer{\r\n    max-height:0;\r\n    overflow:hidden;\r\n    color:#8995aa;\r\n    font-size:14px;\r\n    transition:max-height .3s ease;\r\n}\r\n\r\n.faq-answer p{\r\n    padding:0 0 22px;\r\n}\r\n\r\n.faq-item.open .faq-answer{\r\n    max-height:200px;\r\n}\r\n\r\n.plus{\r\n    transition:.25s;\r\n}\r\n\r\n.faq-item.open .plus{\r\n    transform:rotate(45deg);\r\n}\r\n\r\n\/* FOOTER *\/\r\n\r\nfooter{\r\n    border-top:1px solid var(--line);\r\n    padding:35px 0;\r\n}\r\n\r\n.footer-inner{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n    gap:20px;\r\n}\r\n\r\n.footer-copy{\r\n    color:#657189;\r\n    font-size:12px;\r\n}\r\n\r\n.footer-links{\r\n    display:flex;\r\n    gap:18px;\r\n    color:#7c879b;\r\n    font-size:12px;\r\n}\r\n\r\n\/* REVEAL *\/\r\n\r\n.reveal{\r\n    opacity:0;\r\n    transform:translateY(25px);\r\n    transition:opacity .8s ease,transform .8s ease;\r\n}\r\n\r\n.reveal.visible{\r\n    opacity:1;\r\n    transform:none;\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:900px){\r\n\r\n    .nav-links{\r\n        display:none;\r\n    }\r\n\r\n    .hero-grid,\r\n    .feature,\r\n    .pricing{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .hero{\r\n        padding-top:130px;\r\n    }\r\n\r\n    .hero-grid{\r\n        gap:50px;\r\n    }\r\n\r\n    .dashboard{\r\n        transform:none;\r\n        animation:none;\r\n    }\r\n\r\n    .feature.reverse .feature-copy,\r\n    .feature.reverse .feature-visual{\r\n        order:initial;\r\n    }\r\n\r\n    .problem-grid{\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n    .target-grid{\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n    .flow{\r\n        grid-template-columns:repeat(3,1fr);\r\n        gap:20px;\r\n    }\r\n\r\n    .arrow{\r\n        display:none;\r\n    }\r\n\r\n    .install{\r\n        grid-template-columns:1fr;\r\n    }\r\n}\r\n\r\n@media(max-width:600px){\r\n\r\n    .container{\r\n        width:min(100% - 28px,1180px);\r\n    }\r\n\r\n    section{\r\n        padding:80px 0;\r\n    }\r\n\r\n    h1{\r\n        font-size:48px;\r\n    }\r\n\r\n    .hero-text{\r\n        font-size:16px;\r\n    }\r\n\r\n    .trust{\r\n        flex-direction:column;\r\n        gap:7px;\r\n    }\r\n\r\n    .problem-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .metrics{\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n    .metric:last-child{\r\n        grid-column:span 2;\r\n    }\r\n\r\n    .target-grid{\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n    .flow{\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n    .footer-inner{\r\n        flex-direction:column;\r\n        align-items:flex-start;\r\n    }\r\n\r\n    .footer-links{\r\n        flex-wrap:wrap;\r\n    }\r\n\r\n    .nav-cta{\r\n        padding:9px 12px;\r\n        font-size:12px;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   BHWC \u2014 CORRECTION ELEMENTOR MOBILE + TABLETTE UNIQUEMENT\r\n   Le desktop original reste inchang\u00e9.\r\n   ========================================================= *\/\r\n.bhwc-mobile-toggle{display:none;}\r\n\r\n@media (max-width:1024px){\r\n\r\n  #bhwc-page header .nav{position:relative;}\r\n\r\n  #bhwc-page .bhwc-mobile-toggle{\r\n    display:flex;\r\n    width:44px;height:44px;flex:0 0 44px;\r\n    margin-left:auto;\r\n    align-items:center;justify-content:center;\r\n    flex-direction:column;gap:5px;\r\n    padding:0;border:1px solid var(--line);\r\n    border-radius:12px;background:transparent;color:#fff;\r\n    cursor:pointer;-webkit-tap-highlight-color:transparent;\r\n  }\r\n\r\n  #bhwc-page .bhwc-mobile-toggle span{\r\n    width:19px;height:2px;display:block;\r\n    border-radius:999px;background:#fff;\r\n    transition:transform .2s ease,opacity .2s ease;\r\n  }\r\n\r\n  #bhwc-page .bhwc-mobile-toggle[aria-expanded=\"true\"] span:nth-child(1){\r\n    transform:translateY(7px) rotate(45deg);\r\n  }\r\n  #bhwc-page .bhwc-mobile-toggle[aria-expanded=\"true\"] span:nth-child(2){opacity:0;}\r\n  #bhwc-page .bhwc-mobile-toggle[aria-expanded=\"true\"] span:nth-child(3){\r\n    transform:translateY(-7px) rotate(-45deg);\r\n  }\r\n\r\n  #bhwc-page header .nav-links{\r\n    display:none;\r\n    position:absolute;\r\n    top:calc(100% + 10px);\r\n    left:0;right:0;width:100%;\r\n    margin:0;padding:10px;\r\n    flex-direction:column;align-items:stretch;gap:4px;\r\n    border:1px solid var(--line);border-radius:16px;\r\n    background:rgba(5,8,22,.98);\r\n    box-shadow:0 18px 45px rgba(0,0,0,.28);\r\n    z-index:9999;\r\n  }\r\n\r\n  #bhwc-page header .nav-links.bhwc-open{display:flex!important;}\r\n\r\n  #bhwc-page header .nav-links a{\r\n    display:flex;align-items:center;\r\n    min-height:46px;padding:0 14px;\r\n    color:#fff!important;\r\n  }\r\n\r\n  #bhwc-page header .nav-cta{display:none;}\r\n\r\n  \/* CORRECTION PRINCIPALE POUR ELEMENTOR :\r\n     les \u00e9l\u00e9ments .reveal ne restent jamais invisibles sur mobile\/tablette. *\/\r\n  #bhwc-page .reveal{\r\n    opacity:1!important;\r\n    transform:none!important;\r\n    visibility:visible!important;\r\n  }\r\n\r\n  #bhwc-page{\r\n    width:100%;\r\n    max-width:100%;\r\n    overflow:visible;\r\n  }\r\n\r\n  #bhwc-page .container{\r\n    width:min(100% - 40px,1180px);\r\n  }\r\n\r\n  #bhwc-page .hero-grid,\r\n  #bhwc-page .feature{\r\n    grid-template-columns:1fr;\r\n    gap:42px;\r\n  }\r\n\r\n  #bhwc-page .feature.reverse .feature-copy,\r\n  #bhwc-page .feature.reverse .feature-visual{order:initial;}\r\n\r\n  #bhwc-page .pricing{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n  #bhwc-page .problem-grid{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n  #bhwc-page .target-grid{grid-template-columns:repeat(3,minmax(0,1fr));}\r\n  #bhwc-page .install{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n\r\n  #bhwc-page .dashboard,\r\n  #bhwc-page .phone,\r\n  #bhwc-page .invoice{\r\n    max-width:100%;\r\n  }\r\n}\r\n\r\n@media (max-width:700px){\r\n\r\n  #bhwc-page header{top:10px;}\r\n  #bhwc-page header .container{width:calc(100% - 28px);}\r\n  #bhwc-page header .nav{padding:10px 12px;border-radius:15px;}\r\n\r\n  #bhwc-page .logo{\r\n    min-width:0;white-space:nowrap;\r\n    overflow:hidden;text-overflow:ellipsis;\r\n  }\r\n\r\n  #bhwc-page header .nav-links{top:calc(100% + 8px);}\r\n  #bhwc-page .container{width:calc(100% - 28px);}\r\n\r\n  #bhwc-page .problem-grid,\r\n  #bhwc-page .pricing,\r\n  #bhwc-page .target-grid,\r\n  #bhwc-page .install{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #bhwc-page .buttons{flex-direction:column;}\r\n  #bhwc-page .buttons .btn{width:100%;}\r\n\r\n  #bhwc-page .bhwc-flow{\r\n    display:grid;\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n    gap:25px 16px;\r\n  }\r\n\r\n  #bhwc-page .bhwc-flow-arrow{display:none;}\r\n\r\n  #bhwc-page .bhwc-flow-icon{\r\n    width:58px;height:58px;border-radius:17px;\r\n  }\r\n\r\n  #bhwc-page .bhwc-flow-icon svg{\r\n    width:25px;height:25px;\r\n  }\r\n\r\n  #bhwc-page .bhwc-flow-step span{\r\n    white-space:normal;font-size:11px;margin-top:8px;\r\n  }\r\n\r\n  #bhwc-page .invoice{padding:20px;}\r\n}\r\n\r\n@media (max-width:380px){\r\n  #bhwc-page .container{width:calc(100% - 22px);}\r\n  #bhwc-page .logo-mark{width:34px;height:34px;}\r\n  #bhwc-page .bhwc-mobile-toggle{\r\n    width:42px;height:42px;flex-basis:42px;\r\n  }\r\n}\r\n\r\n<\/style> <style id=\"bhwc-final-spec\">\r\n\/* =========================================================\r\n   BH WEB CR\u00c9ATION \u2014 FINAL\r\n   Styles isol\u00e9s pour \u00e9viter les conflits WordPress.\r\n   ========================================================= *\/\r\n\r\n#bhwc-page,\r\n#bhwc-page *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n#bhwc-page{\r\n    color:#f7f9ff;\r\n}\r\n\r\n#bhwc-page .hero-text,\r\n#bhwc-page .section-head p,\r\n#bhwc-page .feature-copy p,\r\n#bhwc-page .problem p,\r\n#bhwc-page .install-card p,\r\n#bhwc-page .cta-box p{\r\n    color:#ffffff !important;\r\n}\r\n\r\n\/* Textes secondaires dans les interfaces sombres *\/\r\n#bhwc-page .window-date,\r\n#bhwc-page .metric span,\r\n#bhwc-page .time,\r\n#bhwc-page .job-info span,\r\n#bhwc-page .phone-small,\r\n#bhwc-page .mobile-job p,\r\n#bhwc-page .setup,\r\n#bhwc-page .price small{\r\n    color:#d7deea !important;\r\n}\r\n\r\n\/* Navigation sombre *\/\r\n#bhwc-page .nav-links{\r\n    color:#ffffff !important;\r\n}\r\n#bhwc-page .nav-links a{\r\n    color:#ffffff !important;\r\n}\r\n#bhwc-page .nav-links a:hover{\r\n    color:#ffffff !important;\r\n}\r\n\r\n\/* FAQ : blanc sur le fond sombre *\/\r\n#bhwc-page .faq-question,\r\n#bhwc-page .faq-answer,\r\n#bhwc-page .faq-answer p,\r\n#bhwc-page .plus{\r\n    color:#ffffff !important;\r\n}\r\n\r\n\/* Listes sur fond sombre *\/\r\n#bhwc-page .check,\r\n#bhwc-page .price-list li{\r\n    color:#ffffff !important;\r\n}\r\n\r\n\/* Facture : seule vraie carte claire *\/\r\n#bhwc-page .invoice,\r\n#bhwc-page .invoice *{\r\n    color:#0b1223;\r\n}\r\n#bhwc-page .invoice small{\r\n    color:#334155 !important;\r\n}\r\n#bhwc-page .invoice .pay{\r\n    color:#ffffff !important;\r\n}\r\n\r\n\/* =========================================================\r\n   FLOW \u2014 propre, sans emojis WordPress\r\n   ========================================================= *\/\r\n\r\n#bhwc-page .bhwc-flow{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    justify-content:center;\r\n    width:100%;\r\n    gap:12px;\r\n}\r\n\r\n#bhwc-page .bhwc-flow-step{\r\n    flex:1 1 0;\r\n    min-width:0;\r\n    text-align:center;\r\n}\r\n\r\n#bhwc-page .bhwc-flow-icon{\r\n    width:66px;\r\n    height:66px;\r\n    margin:0 auto;\r\n    display:grid;\r\n    place-items:center;\r\n    border:1px solid rgba(255,255,255,.12);\r\n    background:rgba(255,255,255,.055);\r\n    border-radius:20px;\r\n}\r\n\r\n#bhwc-page .bhwc-flow-icon svg{\r\n    width:28px;\r\n    height:28px;\r\n    fill:none;\r\n    stroke:#ffffff;\r\n    stroke-width:1.8;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n#bhwc-page .bhwc-flow-step span{\r\n    display:block;\r\n    margin-top:11px;\r\n    color:#ffffff !important;\r\n    font-size:12px;\r\n    font-weight:600;\r\n    line-height:1.3;\r\n    white-space:nowrap;\r\n}\r\n\r\n#bhwc-page .bhwc-flow-arrow{\r\n    flex:0 0 auto;\r\n    padding-top:20px;\r\n    color:#6f8fca !important;\r\n    font-size:22px;\r\n    line-height:1;\r\n}\r\n\r\n\/* Boutons *\/\r\n#bhwc-page .btn-primary{\r\n    color:#ffffff !important;\r\n}\r\n\r\n\/* Surfaces claires : texte noir *\/\r\n#bhwc-page .price-card:not(.featured){\r\n    color:#ffffff;\r\n}\r\n\r\n\/* Mobile\/tablette *\/\r\n@media(max-width:900px){\r\n    #bhwc-page .bhwc-flow{\r\n        display:grid;\r\n        grid-template-columns:repeat(4,minmax(0,1fr));\r\n        gap:26px 12px;\r\n    }\r\n\r\n    #bhwc-page .bhwc-flow-arrow{\r\n        display:none;\r\n    }\r\n\r\n    #bhwc-page .bhwc-flow-step span{\r\n        white-space:normal;\r\n    }\r\n}\r\n\r\n@media(max-width:600px){\r\n    #bhwc-page .bhwc-flow{\r\n        grid-template-columns:repeat(2,minmax(0,1fr));\r\n        gap:25px 16px;\r\n    }\r\n\r\n    #bhwc-page .bhwc-flow-icon{\r\n        width:58px;\r\n        height:58px;\r\n        border-radius:17px;\r\n    }\r\n\r\n    #bhwc-page .bhwc-flow-icon svg{\r\n        width:25px;\r\n        height:25px;\r\n    }\r\n\r\n    #bhwc-page .bhwc-flow-step span{\r\n        font-size:11px;\r\n        margin-top:8px;\r\n    }\r\n}\r\n<\/style><\/p>\r\n<div id=\"bhwc-page\">\r\n<div class=\"grid-bg\">\u00a0<\/div>\r\n<header>\r\n<div class=\"container\"><nav class=\"nav\">\r\n<div class=\"logo-mark\">BH<\/div>\r\n<a class=\"logo\" href=\"#\">BH Web Cr\u00e9ation <\/a>\r\n<details class=\"bhwc-mobile-menu\">\r\n  <summary class=\"bhwc-mobile-toggle\" aria-label=\"Ouvrir le menu\">\r\n    <span><\/span><span><\/span><span><\/span>\r\n  <\/summary>\r\n  <div class=\"nav-links\"><a href=\"#solutions\">Solutions<\/a> <a href=\"#flow\">Comment \u00e7a marche<\/a> <a href=\"#pour-qui\">Pour qui ?<\/a> <a href=\"#tarifs\">Tarifs<\/a><\/div>\r\n<\/details>\r\n<a class=\"nav-cta\" href=\"#contact\">Parlons-en<\/a><\/nav><\/div>\r\n<\/header><!-- HERO -->\r\n<section class=\"hero\">\r\n<div class=\"container\">\r\n<div class=\"hero-grid\">\r\n<div class=\"reveal\">\r\n<div class=\"eyebrow\">Solutions digitales sur mesure<\/div>\r\n<h1>Le web qui <span class=\"gradient\">travaille<\/span> pour votre entreprise.<\/h1>\r\n<p class=\"hero-text\">BH Web Cr\u00e9ation con\u00e7oit des sites web et des outils digitaux pens\u00e9s pour vous faire gagner en visibilit\u00e9, en efficacit\u00e9 et surtout en temps.<\/p>\r\n<div class=\"buttons\"><a class=\"btn btn-primary\" href=\"#solutions\"> D\u00e9couvrir nos solutions \u2192 <\/a> <a class=\"btn btn-secondary\" href=\"#contact\"> Parler de mon projet <\/a><\/div>\r\n<div class=\"trust\">Accompagnement humain sur mesure sans usine \u00e0 gaz<\/div>\r\n<\/div>\r\n<!-- FAUSSE INTERFACE -->\r\n<div class=\"dashboard reveal\">\r\n<div class=\"window\">\r\n<div class=\"window-top\">\r\n<div class=\"window-title\">HEDIN FLOW<\/div>\r\n<div class=\"window-date\">Mardi 23 septembre<\/div>\r\n<\/div>\r\n<div class=\"metrics\">\r\n<div class=\"metric\"><strong>12<\/strong>Interventions<\/div>\r\n<div class=\"metric\"><strong>3<\/strong>En cours<\/div>\r\n<div class=\"metric\"><strong>7<\/strong>Termin\u00e9es<\/div>\r\n<\/div>\r\n<div class=\"route\">\r\n<div class=\"route-head\"><strong>\ud83d\ude97 Tourn\u00e9e de Thomas<\/strong>Optimis\u00e9e \u2713<\/div>\r\n<div class=\"job\">\r\n<div class=\"time\">08:00<\/div>\r\n<div class=\"job-info\"><strong>Dupont \u2014 Fuite d'eau<\/strong>15 rue des Lilas<\/div>\r\n<div class=\"status\">Confirm\u00e9<\/div>\r\n<\/div>\r\n<div class=\"job\">\r\n<div class=\"time\">10:15<\/div>\r\n<div class=\"job-info\"><strong>Martin \u2014 Chauffe-eau<\/strong>8 rue Victor Hugo<\/div>\r\n<div class=\"status\">Confirm\u00e9<\/div>\r\n<\/div>\r\n<div class=\"job\">\r\n<div class=\"time\">13:30<\/div>\r\n<div class=\"job-info\"><strong>Bernard \u2014 Entretien<\/strong>4 avenue de la R\u00e9publique<\/div>\r\n<div class=\"status\">Confirm\u00e9<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- PROBLEM -->\r\n<section id=\"solutions\">\r\n<div class=\"container\">\r\n<div class=\"section-head reveal\">\r\n<div class=\"kicker\">Le probl\u00e8me<\/div>\r\n<h2>Votre entreprise m\u00e9rite mieux qu'un agenda, trois SMS et un fichier Excel.<\/h2>\r\n<p>Quand les \u00e9quipes sont sur le terrain, chaque information dispers\u00e9e fait perdre du temps.<\/p>\r\n<\/div>\r\n<div class=\"problem-grid\">\r\n<div class=\"problem reveal\">\r\n<div class=\"problem-icon\">\ud83d\udcde<\/div>\r\n<h3>Les appels s'accumulent<\/h3>\r\n<p>Vous \u00eates interrompu toute la journ\u00e9e pour transmettre une adresse, un horaire ou une information.<\/p>\r\n<\/div>\r\n<div class=\"problem reveal\">\r\n<div class=\"problem-icon\">\ud83d\udcf1<\/div>\r\n<h3>Les informations sont dispers\u00e9es<\/h3>\r\n<p>SMS, WhatsApp, agenda, papier\u2026 personne ne poss\u00e8de vraiment la m\u00eame information.<\/p>\r\n<\/div>\r\n<div class=\"problem reveal\">\r\n<div class=\"problem-icon\">\ud83e\uddfe<\/div>\r\n<h3>Des interventions restent \u00e0 facturer<\/h3>\r\n<p>Une journ\u00e9e termin\u00e9e ne devrait pas signifier une semaine de retard dans la facturation.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- FLOW -->\r\n<section class=\"section\" id=\"parcours\">\r\n  <div class=\"container\">\r\n    <h2>De la demande client au paiement.<br \/>Sans rupture.<\/h2>\r\n    <div class=\"bhwc-flow\">\r\n      <div class=\"bhwc-flow-step\">\r\n  <div class=\"bhwc-flow-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 4h14v16H5z\"\/><path d=\"M8 8h8M8 12h8M8 16h5\"\/><\/svg><\/div>\r\n  <span>Demande<\/span>\r\n<\/div><div class=\"bhwc-flow-arrow\">\u2192<\/div><div class=\"bhwc-flow-step\">\r\n  <div class=\"bhwc-flow-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"4\" y=\"5\" width=\"16\" height=\"15\" rx=\"2\"\/><path d=\"M8 3v4M16 3v4M4 9h16M8 13h3M8 16h5\"\/><\/svg><\/div>\r\n  <span>Rendez-vous<\/span>\r\n<\/div><div class=\"bhwc-flow-arrow\">\u2192<\/div><div class=\"bhwc-flow-step\">\r\n  <div class=\"bhwc-flow-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 19l4-14h6l4 14\"\/><path d=\"M8 14h8M6 19h12\"\/><\/svg><\/div>\r\n  <span>Tourn\u00e9e<\/span>\r\n<\/div><div class=\"bhwc-flow-arrow\">\u2192<\/div><div class=\"bhwc-flow-step\">\r\n  <div class=\"bhwc-flow-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M14.5 5.5a4 4 0 0 0-5.2 5.2L4 16l4 4 5.3-5.3a4 4 0 0 0 5.2-5.2l-3 3-3-3 3-3z\"\/><\/svg><\/div>\r\n  <span>Intervention<\/span>\r\n<\/div><div class=\"bhwc-flow-arrow\">\u2192<\/div><div class=\"bhwc-flow-step\">\r\n  <div class=\"bhwc-flow-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6 3h12v18l-3-2-3 2-3-2-3 2z\"\/><path d=\"M9 8h6M9 12h6M9 16h4\"\/><\/svg><\/div>\r\n  <span>Facture<\/span>\r\n<\/div><div class=\"bhwc-flow-arrow\">\u2192<\/div><div class=\"bhwc-flow-step\">\r\n  <div class=\"bhwc-flow-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"2\"\/><path d=\"M3 10h18M7 14h3\"\/><\/svg><\/div>\r\n  <span>Paiement<\/span>\r\n<\/div><div class=\"bhwc-flow-arrow\">\u2192<\/div><div class=\"bhwc-flow-step\">\r\n  <div class=\"bhwc-flow-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3.2l2.65 5.37 5.93.86-4.29 4.18 1.01 5.9L12 16.72l-5.3 2.79 1.01-5.9-4.29-4.18 5.93-.86L12 3.2z\"\/><\/svg><\/div>\r\n  <span>Avis<\/span>\r\n<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section>\r\n<div class=\"container\">\r\n<div class=\"feature\">\r\n<div class=\"feature-copy reveal\">\r\n<div class=\"kicker\">HEDIN FLOW<\/div>\r\n<h3>Vos \u00e9quipes interviennent. Le reste suit automatiquement.<\/h3>\r\n<p>Une solution pens\u00e9e pour les entreprises de d\u00e9pannage, maintenance et intervention terrain.<\/p>\r\n<div class=\"checks\">\r\n<div class=\"check\"><b>\u2713<\/b> Planning centralis\u00e9<\/div>\r\n<div class=\"check\"><b>\u2713<\/b> Tourn\u00e9es pr\u00e9par\u00e9es \u00e0 J-1 ou J-2<\/div>\r\n<div class=\"check\"><b>\u2713<\/b> Optimisation des d\u00e9placements<\/div>\r\n<div class=\"check\"><b>\u2713<\/b> Suivi des interventions<\/div>\r\n<div class=\"check\"><b>\u2713<\/b> Facturation semi-automatique<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"feature-visual reveal\">\r\n<div class=\"dashboard\">\r\n<div class=\"window\">\r\n<div class=\"window-top\">\r\n<div class=\"window-title\">Planning \u00e9quipe<\/div>\r\n<div class=\"window-date\">J+1<\/div>\r\n<\/div>\r\n<div class=\"route\">\r\n<div class=\"route-head\"><strong>Thomas<\/strong>4 interventions<\/div>\r\n<div class=\"job\">\r\n<div class=\"time\">08:00<\/div>\r\n<div class=\"job-info\"><strong>Dupont<\/strong>Fuite d'eau \u00b7 Strasbourg<\/div>\r\n<\/div>\r\n<div class=\"job\">\r\n<div class=\"time\">10:15<\/div>\r\n<div class=\"job-info\"><strong>Martin<\/strong>Chauffe-eau \u00b7 Molsheim<\/div>\r\n<\/div>\r\n<div class=\"job\">\r\n<div class=\"time\">13:30<\/div>\r\n<div class=\"job-info\"><strong>Bernard<\/strong>Entretien \u00b7 Obernai<\/div>\r\n<\/div>\r\n<div style=\"margin-top: 15px; text-align: center;\">\r\n<div class=\"btn btn-primary\" style=\"width: 100%; font-size: 12px;\">\u2728 Optimiser la tourn\u00e9e<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- MOBILE EMPLOYEE -->\r\n<section>\r\n<div class=\"container\">\r\n<div class=\"feature reverse\">\r\n<div class=\"feature-copy reveal\">\r\n<div class=\"kicker\">Pour vos \u00e9quipes<\/div>\r\n<h3>Chaque technicien sait exactement quoi faire.<\/h3>\r\n<p>Depuis son t\u00e9l\u00e9phone, il retrouve sa tourn\u00e9e, les informations client, les consignes et l'historique de l'intervention.<\/p>\r\n<div class=\"checks\">\r\n<div class=\"check\"><b>\u2713<\/b> Tourn\u00e9e disponible la veille<\/div>\r\n<div class=\"check\"><b>\u2713<\/b> Itin\u00e9raire<\/div>\r\n<div class=\"check\"><b>\u2713<\/b> Photos et consignes<\/div>\r\n<div class=\"check\"><b>\u2713<\/b> Statut en temps r\u00e9el<\/div>\r\n<div class=\"check\"><b>\u2713<\/b> Compte rendu d'intervention<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"feature-visual reveal\">\r\n<div class=\"phone-wrap\">\r\n<div class=\"phone\">\r\n<div class=\"phone-notch\">\u00a0<\/div>\r\n<div class=\"phone-small\">BONJOUR THOMAS<\/div>\r\n<h4>Ma tourn\u00e9e<\/h4>\r\n<div class=\"phone-small\">Mardi \u00b7 4 interventions<\/div>\r\n<div class=\"mobile-job\"><strong>08:00 \u00b7 Mme Dupont<\/strong>\r\n<p>\ud83d\udd27 Fuite d'eau<br \/>\ud83d\udccd 15 rue des Lilas<\/p>\r\n<span class=\"mobile-btn\"> Voir l'intervention <\/span><\/div>\r\n<div class=\"mobile-job\"><strong>10:15 \u00b7 M. Martin<\/strong>\r\n<p>\ud83d\udd25 Chauffe-eau<br \/>\ud83d\udccd 8 rue Victor Hugo<\/p>\r\n<span class=\"mobile-btn\"> Voir l'intervention <\/span><\/div>\r\n<div class=\"mobile-job\"><strong>13:30 \u00b7 Mme Bernard<\/strong>\r\n<p>\ud83d\udee0 Entretien<br \/>\ud83d\udccd Obernai<\/p>\r\n<span class=\"mobile-btn\"> Voir l'intervention <\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- BILLING -->\r\n<section>\r\n<div class=\"container\">\r\n<div class=\"section-head reveal\">\r\n<div class=\"kicker\">Facturation<\/div>\r\n<h2>L'intervention est termin\u00e9e. La facture est d\u00e9j\u00e0 presque pr\u00eate.<\/h2>\r\n<p>Le technicien renseigne son intervention. HEDIN FLOW pr\u00e9pare la suite.<\/p>\r\n<\/div>\r\n<div class=\"billing reveal\">\r\n<div class=\"invoice\">\r\n<div class=\"invoice-top\">\r\n<div><strong>FACTURE<\/strong><br \/><small>#2026-0148<\/small><\/div>\r\n<div style=\"text-align: right;\"><strong>BH FLOW<\/strong><br \/><small>22 septembre 2026<\/small><\/div>\r\n<\/div>\r\n<div class=\"invoice-row\">Main-d'\u0153uvre \u00b7 1h30<strong>90 \u20ac<\/strong><\/div>\r\n<div class=\"invoice-row\">D\u00e9placement<strong>25 \u20ac<\/strong><\/div>\r\n<div class=\"invoice-row\">Mat\u00e9riel<strong>42 \u20ac<\/strong><\/div>\r\n<div class=\"invoice-total\">Total HT157 \u20ac<\/div>\r\n<div class=\"pay\">\ud83d\udcb3 Payer la facture<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- TARGET -->\r\n<section id=\"pour-qui\">\r\n<div class=\"container\">\r\n<div class=\"section-head reveal\">\r\n<div class=\"kicker\">Pour qui ?<\/div>\r\n<h2>Pens\u00e9 pour les entreprises qui travaillent sur le terrain.<\/h2>\r\n<p>Particuli\u00e8rement adapt\u00e9 aux petites \u00e9quipes de d\u00e9pannage et de maintenance.<\/p>\r\n<\/div>\r\n<div class=\"target-grid\">\r\n<div class=\"target reveal\">\r\n<div class=\"target-icon\">\ud83d\udd27<\/div>\r\n<strong>Plomberie<\/strong><\/div>\r\n<div class=\"target reveal\">\r\n<div class=\"target-icon\">\u26a1<\/div>\r\n<strong>\u00c9lectricit\u00e9<\/strong><\/div>\r\n<div class=\"target reveal\">\r\n<div class=\"target-icon\">\ud83d\udd25<\/div>\r\n<strong>Chauffage<\/strong><\/div>\r\n<div class=\"target reveal\">\r\n<div class=\"target-icon\">\u2744\ufe0f<\/div>\r\n<strong>Climatisation<\/strong><\/div>\r\n<div class=\"target reveal\">\r\n<div class=\"target-icon\">\ud83d\udee0\ufe0f<\/div>\r\n<strong>D\u00e9pannage<\/strong><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- INSTALLATION -->\r\n<section>\r\n<div class=\"container\">\r\n<div class=\"section-head reveal\">\r\n<div class=\"kicker\">Pas juste un logiciel<\/div>\r\n<h2>On vous l'installe. On vous accompagne.<\/h2>\r\n<p>Vous n'avez pas besoin de devenir informaticien pour utiliser vos outils.<\/p>\r\n<\/div>\r\n<div class=\"install\">\r\n<div class=\"install-card reveal\">\r\n<div class=\"install-number\">01 \u2014 INSTALLATION<\/div>\r\n<h3>Configuration cl\u00e9 en main<\/h3>\r\n<p>Nous configurons votre espace, vos salari\u00e9s, vos interventions, vos r\u00e8gles et vos automatisations.<\/p>\r\n<\/div>\r\n<div class=\"install-card reveal\">\r\n<div class=\"install-number\">02 \u2014 FORMATION<\/div>\r\n<h3>Vos \u00e9quipes sont accompagn\u00e9es<\/h3>\r\n<p>Patron, salari\u00e9s : chacun sait exactement comment utiliser l'outil.<\/p>\r\n<\/div>\r\n<div class=\"install-card reveal\">\r\n<div class=\"install-number\">03 \u2014 SUIVI<\/div>\r\n<h3>Vous n'\u00eates jamais seul<\/h3>\r\n<p>Nous restons disponibles pour le support, les ajustements et les \u00e9volutions.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- PRICING -->\r\n<section id=\"tarifs\">\r\n<div class=\"container\">\r\n<div class=\"section-head reveal\">\r\n<div class=\"kicker\">Tarifs<\/div>\r\n<h2>Simple \u00e0 comprendre. Simple \u00e0 d\u00e9marrer.<\/h2>\r\n<p>Des offres pens\u00e9es pour les petites \u00e9quipes.<\/p>\r\n<\/div>\r\n<div class=\"pricing\">\r\n<div class=\"price-card reveal\">\r\n<h3>HEDIN FLOW Essentiel<\/h3>\r\n<div class=\"price\">99 \u20ac <small>\/mois<\/small><\/div>\r\n<div class=\"setup\">+ 790 \u20ac de mise en place<\/div>\r\n<ul class=\"price-list\">\r\n<li>Planning centralis\u00e9<\/li>\r\n<li>Tourn\u00e9es<\/li>\r\n<li>Jusqu'\u00e0 5 intervenants<\/li>\r\n<li>Fiches clients<\/li>\r\n<li>Gestion des interventions<\/li>\r\n<li>Espace mobile salari\u00e9<\/li>\r\n<li>Notifications<\/li>\r\n<li>Automatisations de base<\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"price-card featured reveal\">\r\n<h3>HEDIN FLOW Pro<\/h3>\r\n<div class=\"price\">149 \u20ac <small>\/mois<\/small><\/div>\r\n<div class=\"setup\">+ 790 \u20ac de mise en place<\/div>\r\n<ul class=\"price-list\">\r\n<li>Tout Essentiel<\/li>\r\n<li>Jusqu'\u00e0 15 intervenants<\/li>\r\n<li>Automatisations avanc\u00e9es<\/li>\r\n<li>Facturation automatis\u00e9e<\/li>\r\n<li>Paiement en ligne<\/li>\r\n<li>Statistiques<\/li>\r\n<li>Support prioritaire<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- CTA -->\r\n<section id=\"contact\" class=\"cta\">\r\n<div class=\"container\">\r\n<div class=\"cta-box reveal\">\r\n<div class=\"kicker\">Votre prochain niveau<\/div>\r\n<h2>Et si demain matin, votre \u00e9quipe savait d\u00e9j\u00e0 exactement quoi faire ?<\/h2>\r\n<p>D\u00e9couvrez HEDIN FLOW et voyons ensemble comment simplifier votre organisation.<\/p>\r\n<div class=\"buttons\" style=\"justify-content: center;\"><a class=\"btn btn-primary\" href=\"https:\/\/bhwebcreation.fr\/index.php\/demo\/\"> Demander une d\u00e9monstration \u2192 <\/a><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- FAQ -->\r\n<section>\r\n<div class=\"container\">\r\n<div class=\"section-head reveal\">\r\n<div class=\"kicker\">Questions fr\u00e9quentes<\/div>\r\n<h2>Vous avez des questions ?<\/h2>\r\n<\/div>\r\n<div class=\"faq\">\r\n<div class=\"faq-item\"><button class=\"faq-question\"> Les salari\u00e9s doivent-ils installer une application ? <span class=\"plus\">+<\/span> <\/button>\r\n<div class=\"faq-answer\">\r\n<p>Non. L'espace salari\u00e9 est con\u00e7u pour fonctionner directement depuis un smartphone.<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"faq-item\"><button class=\"faq-question\"> Le patron peut-il modifier une tourn\u00e9e ? <span class=\"plus\">+<\/span> <\/button>\r\n<div class=\"faq-answer\">\r\n<p>Oui. HEDIN FLOW propose une tourn\u00e9e optimis\u00e9e, mais le patron garde toujours la possibilit\u00e9 de la modifier.<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"faq-item\"><button class=\"faq-question\"> Que se passe-t-il lorsqu'une urgence arrive ? <span class=\"plus\">+<\/span> <\/button>\r\n<div class=\"faq-answer\">\r\n<p>Une intervention urgente peut \u00eatre ajout\u00e9e \u00e0 une tourn\u00e9e. Le syst\u00e8me permet de visualiser son impact avant de confirmer la modification.<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"faq-item\"><button class=\"faq-question\"> Est-ce que vous installez le syst\u00e8me ? <span class=\"plus\">+<\/span> <\/button>\r\n<div class=\"faq-answer\">\r\n<p>Oui. La configuration, la formation et l'accompagnement font partie de notre approche.<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"faq-item\"><button class=\"faq-question\"> HEDIN FLOW remplace-t-il mon logiciel comptable ? <span class=\"plus\">+<\/span> <\/button>\r\n<div class=\"faq-answer\">\r\n<p>Non. L'objectif est de faciliter le passage de l'intervention \u00e0 la facturation et de s'int\u00e9grer aux outils existants plut\u00f4t que de r\u00e9inventer toute votre comptabilit\u00e9.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<footer>\r\n<div class=\"container\">\r\n<div class=\"footer-inner\">\r\n<div>\r\n<div class=\"logo-mark\">BH<\/div>\r\n<a class=\"logo\" href=\"#\">BH Web Cr\u00e9ation <\/a>\r\n<div class=\"footer-copy\" style=\"margin-top: 10px;\">\u00a9 2026 BH Web Cr\u00e9ation \u2014 Tous droits r\u00e9serv\u00e9s.<\/div>\r\n<\/div>\r\n<div class=\"footer-links\"><a href=\"https:\/\/bhwebcreation.fr\/index.php\/mentions-legales\/\">Mentions l\u00e9gales<\/a> <a href=\"https:\/\/bhwebcreation.fr\/index.php\/confidentialite\/\">Confidentialit\u00e9<\/a> <a href=\"https:\/\/bhwebcreation.fr\/index.php\/contact\/\">Contact<\/a><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/footer><script>\r\n\r\n\/* FAQ *\/\r\n\r\ndocument.querySelectorAll('.faq-question').forEach(button => {\r\n\r\n    button.addEventListener('click', () => {\r\n\r\n        const item = button.parentElement;\r\n\r\n        document.querySelectorAll('.faq-item').forEach(other => {\r\n\r\n            if(other !== item){\r\n                other.classList.remove('open');\r\n            }\r\n\r\n        });\r\n\r\n        item.classList.toggle('open');\r\n\r\n    });\r\n\r\n});\r\n\r\n\r\n\/* REVEAL ON SCROLL *\/\r\n\r\nconst observer = new IntersectionObserver(\r\n    entries => {\r\n\r\n        entries.forEach(entry => {\r\n\r\n            if(entry.isIntersecting){\r\n\r\n                entry.target.classList.add('visible');\r\n\r\n                observer.unobserve(entry.target);\r\n\r\n            }\r\n\r\n        });\r\n\r\n    },\r\n    {\r\n        threshold:.12\r\n    }\r\n);\r\n\r\ndocument.querySelectorAll('.reveal').forEach(el => {\r\n    observer.observe(el);\r\n});\r\n\r\n\r\n\/* SMOOTH NAV *\/\r\n\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(link => {\r\n\r\n    link.addEventListener('click', function(e){\r\n\r\n        const target = document.querySelector(this.getAttribute('href'));\r\n\r\n        if(target){\r\n\r\n            e.preventDefault();\r\n\r\n            target.scrollIntoView({\r\n                behavior:'smooth'\r\n            });\r\n\r\n        }\r\n\r\n    });\r\n\r\n});\r\n\r\n<\/script><\/div>\r\n\r\n\r\n\r\n\r\n\r\n<style id=\"bhwc-flow-icons\">\r\n#bhwc-page .bhwc-flow-icon svg{\r\n    width:28px;\r\n    height:28px;\r\n    display:block;\r\n    fill:none;\r\n    stroke:currentColor;\r\n    stroke-width:1.8;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n#bhwc-page .bhwc-flow-icon svg path[fill],\r\n#bhwc-page .bhwc-flow-icon svg rect[fill]{\r\n    fill:currentColor;\r\n    stroke:none;\r\n}\r\n<\/style>\r\n\r\n\r\n<style id=\"bhwc-native-mobile-menu\">\r\n\/* =========================================================\r\n   MENU MOBILE \/ TABLETTE \u2014 SOLUTION NATIVE\r\n   Aucun JavaScript n\u00e9cessaire pour ouvrir le menu.\r\n   Le PC conserve le menu desktop existant.\r\n   ========================================================= *\/\r\n\r\n.bhwc-mobile-menu{\r\n  display:none;\r\n}\r\n\r\n@media (max-width:1024px){\r\n\r\n  #bhwc-page header .nav{\r\n    position:relative!important;\r\n    z-index:99999!important;\r\n    overflow:visible!important;\r\n  }\r\n\r\n  #bhwc-page .bhwc-mobile-menu{\r\n    display:block!important;\r\n    position:relative!important;\r\n    margin-left:auto!important;\r\n    z-index:100000!important;\r\n  }\r\n\r\n  #bhwc-page .bhwc-mobile-menu > summary{\r\n    list-style:none!important;\r\n  }\r\n\r\n  #bhwc-page .bhwc-mobile-menu > summary::-webkit-details-marker{\r\n    display:none!important;\r\n  }\r\n\r\n  #bhwc-page .bhwc-mobile-toggle{\r\n    width:44px!important;\r\n    height:44px!important;\r\n    min-width:44px!important;\r\n    min-height:44px!important;\r\n    margin:0!important;\r\n    padding:0!important;\r\n    box-sizing:border-box!important;\r\n    display:flex!important;\r\n    align-items:center!important;\r\n    justify-content:center!important;\r\n    flex-direction:column!important;\r\n    gap:5px!important;\r\n    border:1px solid var(--line)!important;\r\n    border-radius:12px!important;\r\n    background:transparent!important;\r\n    cursor:pointer!important;\r\n    color:#fff!important;\r\n    -webkit-tap-highlight-color:transparent!important;\r\n    user-select:none!important;\r\n  }\r\n\r\n  #bhwc-page .bhwc-mobile-toggle span{\r\n    width:19px!important;\r\n    height:2px!important;\r\n    display:block!important;\r\n    margin:0!important;\r\n    padding:0!important;\r\n    background:#fff!important;\r\n    border-radius:999px!important;\r\n    transition:transform .2s ease,opacity .2s ease!important;\r\n    pointer-events:none!important;\r\n  }\r\n\r\n  #bhwc-page .bhwc-mobile-menu[open] .bhwc-mobile-toggle span:nth-child(1){\r\n    transform:translateY(7px) rotate(45deg)!important;\r\n  }\r\n\r\n  #bhwc-page .bhwc-mobile-menu[open] .bhwc-mobile-toggle span:nth-child(2){\r\n    opacity:0!important;\r\n  }\r\n\r\n  #bhwc-page .bhwc-mobile-menu[open] .bhwc-mobile-toggle span:nth-child(3){\r\n    transform:translateY(-7px) rotate(-45deg)!important;\r\n  }\r\n\r\n  \/* Hide the desktop nav while the native menu is used. *\/\r\n  #bhwc-page header .bhwc-mobile-menu .nav-links{\r\n    position:absolute!important;\r\n    top:calc(100% + 10px)!important;\r\n    right:0!important;\r\n    left:auto!important;\r\n    width:min(330px,calc(100vw - 28px))!important;\r\n    box-sizing:border-box!important;\r\n    margin:0!important;\r\n    padding:10px!important;\r\n    display:flex!important;\r\n    flex-direction:column!important;\r\n    align-items:stretch!important;\r\n    gap:4px!important;\r\n    border:1px solid var(--line)!important;\r\n    border-radius:16px!important;\r\n    background:rgba(5,8,22,.98)!important;\r\n    box-shadow:0 18px 45px rgba(0,0,0,.28)!important;\r\n    z-index:100001!important;\r\n  }\r\n\r\n  #bhwc-page header .bhwc-mobile-menu:not([open]) .nav-links{\r\n    display:none!important;\r\n  }\r\n\r\n  #bhwc-page header .bhwc-mobile-menu .nav-links a{\r\n    display:flex!important;\r\n    align-items:center!important;\r\n    min-height:48px!important;\r\n    padding:0 14px!important;\r\n    color:#fff!important;\r\n    text-decoration:none!important;\r\n  }\r\n\r\n  #bhwc-page header .nav-cta{\r\n    display:none!important;\r\n  }\r\n\r\n  \/* Keep the content visible on Elementor mobile\/tablet. *\/\r\n  #bhwc-page .reveal{\r\n    opacity:1!important;\r\n    transform:none!important;\r\n    visibility:visible!important;\r\n  }\r\n}\r\n\r\n@media (max-width:700px){\r\n  #bhwc-page header .container{\r\n    width:calc(100% - 28px)!important;\r\n  }\r\n\r\n  #bhwc-page header .nav{\r\n    padding:10px 12px!important;\r\n  }\r\n\r\n  #bhwc-page header .bhwc-mobile-menu .nav-links{\r\n    top:calc(100% + 8px)!important;\r\n    width:calc(100vw - 28px)!important;\r\n  }\r\n}\r\n\r\n@media (max-width:380px){\r\n  #bhwc-page .bhwc-mobile-toggle{\r\n    width:42px!important;\r\n    height:42px!important;\r\n    min-width:42px!important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<style id=\"bhwc-flow-icons-final\">\r\n#bhwc-page .bhwc-flow-icon svg{\r\n  width:28px;\r\n  height:28px;\r\n  display:block;\r\n  fill:none;\r\n  stroke:currentColor;\r\n  stroke-width:1.8;\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n#bhwc-page .bhwc-flow-icon{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-424f2b0 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"424f2b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<p><style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap');\r\n\r\n:root{\r\n    --bg:#050816;\r\n    --bg2:#091126;\r\n    --card:rgba(255,255,255,.055);\r\n    --card2:rgba(255,255,255,.08);\r\n    --line:rgba(255,255,255,.10);\r\n    --text:#f7f9ff;\r\n    --muted:#9da8bd;\r\n    --blue:#4f8cff;\r\n    --cyan:#4de1ff;\r\n    --green:#59e6a7;\r\n    --purple:#8b6cff;\r\n    --radius:24px;\r\n}\r\n\r\n*{\r\n    box-sizing:border-box;\r\n    margin:0;\r\n    padding:0;\r\n}\r\n\r\nhtml{\r\n    scroll-behavior:smooth;\r\n}\r\n\r\nbody{\r\n    background:var(--bg);\r\n    color:var(--text);\r\n    font-family:Inter,Arial,sans-serif;\r\n    line-height:1.6;\r\n    overflow-x:hidden;\r\n}\r\n\r\na{\r\n    color:inherit;\r\n    text-decoration:none;\r\n}\r\n\r\n.container{\r\n    width:min(1180px,calc(100% - 40px));\r\n    margin:auto;\r\n}\r\n\r\n\/* BACKGROUND *\/\r\n\r\nbody::before{\r\n    content:\"\";\r\n    position:fixed;\r\n    inset:0;\r\n    z-index:-2;\r\n    background:\r\n        radial-gradient(circle at 15% 10%,rgba(79,140,255,.18),transparent 28%),\r\n        radial-gradient(circle at 85% 20%,rgba(139,108,255,.14),transparent 25%),\r\n        radial-gradient(circle at 50% 90%,rgba(77,225,255,.08),transparent 28%);\r\n    pointer-events:none;\r\n}\r\n\r\n.grid-bg{\r\n    position:fixed;\r\n    inset:0;\r\n    z-index:-1;\r\n    opacity:.16;\r\n    background-image:\r\n        linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),\r\n        linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);\r\n    background-size:60px 60px;\r\n    mask-image:linear-gradient(to bottom,black,transparent 80%);\r\n}\r\n\r\n\/* HEADER *\/\r\n\r\nheader{\r\n    position:fixed;\r\n    top:18px;\r\n    left:0;\r\n    width:100%;\r\n    z-index:100;\r\n}\r\n\r\n.nav{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    padding:13px 18px;\r\n    border:1px solid var(--line);\r\n    background:rgba(5,8,22,.72);\r\n    backdrop-filter:blur(18px);\r\n    border-radius:18px;\r\n}\r\n\r\n.logo{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    font-weight:800;\r\n    letter-spacing:-.04em;\r\n}\r\n\r\n.logo-mark{\r\n    width:34px;\r\n    height:34px;\r\n    border-radius:10px;\r\n    background:linear-gradient(135deg,var(--blue),var(--cyan));\r\n    display:grid;\r\n    place-items:center;\r\n    color:white;\r\n    font-weight:900;\r\n    box-shadow:0 0 30px rgba(79,140,255,.35);\r\n}\r\n\r\n.logo span{\r\n    font-size:17px;\r\n}\r\n\r\n.nav-links{\r\n    display:flex;\r\n    gap:28px;\r\n    color:#b9c2d5;\r\n    font-size:14px;\r\n}\r\n\r\n.nav-links a:hover{\r\n    color:white;\r\n}\r\n\r\n.nav-cta{\r\n    padding:10px 16px;\r\n    border-radius:12px;\r\n    background:white;\r\n    color:#071020;\r\n    font-weight:700;\r\n    font-size:14px;\r\n}\r\n\r\n\/* HERO *\/\r\n\r\n.hero{\r\n    min-height:100vh;\r\n    display:flex;\r\n    align-items:center;\r\n    padding:150px 0 90px;\r\n}\r\n\r\n.hero-grid{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:70px;\r\n    align-items:center;\r\n}\r\n\r\n.eyebrow{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    border:1px solid rgba(79,140,255,.25);\r\n    background:rgba(79,140,255,.08);\r\n    color:#a9c6ff;\r\n    padding:7px 12px;\r\n    border-radius:999px;\r\n    font-size:12px;\r\n    font-weight:700;\r\n    margin-bottom:22px;\r\n}\r\n\r\n.dot{\r\n    width:7px;\r\n    height:7px;\r\n    border-radius:50%;\r\n    background:var(--green);\r\n    box-shadow:0 0 12px var(--green);\r\n}\r\n\r\nh1{\r\n    font-family:Manrope,Inter,sans-serif;\r\n    font-size:clamp(46px,6vw,78px);\r\n    line-height:.98;\r\n    letter-spacing:-.065em;\r\n    max-width:760px;\r\n}\r\n\r\n.gradient{\r\n    background:linear-gradient(100deg,#fff 10%,#7fb2ff 50%,#5ce4ff 90%);\r\n    -webkit-background-clip:text;\r\n    background-clip:text;\r\n    color:transparent;\r\n}\r\n\r\n.hero-text{\r\n    margin-top:26px;\r\n    color:var(--muted);\r\n    font-size:18px;\r\n    max-width:600px;\r\n}\r\n\r\n.buttons{\r\n    display:flex;\r\n    gap:12px;\r\n    margin-top:34px;\r\n    flex-wrap:wrap;\r\n}\r\n\r\n.btn{\r\n    display:inline-flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    padding:14px 20px;\r\n    border-radius:14px;\r\n    font-weight:700;\r\n    transition:.25s;\r\n}\r\n\r\n.btn-primary{\r\n    color:white;\r\n    background:linear-gradient(135deg,var(--blue),#6b7cff);\r\n    box-shadow:0 12px 40px rgba(79,140,255,.25);\r\n}\r\n\r\n.btn-primary:hover{\r\n    transform:translateY(-2px);\r\n    box-shadow:0 18px 50px rgba(79,140,255,.35);\r\n}\r\n\r\n.btn-secondary{\r\n    border:1px solid var(--line);\r\n    background:var(--card);\r\n    color:#dce4f5;\r\n}\r\n\r\n.btn-secondary:hover{\r\n    background:var(--card2);\r\n}\r\n\r\n.trust{\r\n    display:flex;\r\n    gap:22px;\r\n    margin-top:32px;\r\n    color:#77839a;\r\n    font-size:12px;\r\n}\r\n\r\n.trust span::before{\r\n    content:\"\u2713\";\r\n    color:var(--green);\r\n    margin-right:6px;\r\n}\r\n\r\n\/* DASHBOARD *\/\r\n\r\n.dashboard{\r\n    position:relative;\r\n    border:1px solid rgba(255,255,255,.13);\r\n    background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));\r\n    border-radius:28px;\r\n    padding:14px;\r\n    box-shadow:0 35px 100px rgba(0,0,0,.45);\r\n    transform:perspective(1200px) rotateY(-4deg) rotateX(2deg);\r\n    animation:float 6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes float{\r\n    0%,100%{transform:perspective(1200px) rotateY(-4deg) translateY(0)}\r\n    50%{transform:perspective(1200px) rotateY(-4deg) translateY(-10px)}\r\n}\r\n\r\n.window{\r\n    border-radius:20px;\r\n    overflow:hidden;\r\n    background:#0b1223;\r\n}\r\n\r\n.window-top{\r\n    padding:13px 16px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    border-bottom:1px solid var(--line);\r\n}\r\n\r\n.window-title{\r\n    font-size:13px;\r\n    font-weight:700;\r\n}\r\n\r\n.window-date{\r\n    font-size:11px;\r\n    color:#71809a;\r\n}\r\n\r\n.metrics{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:10px;\r\n    padding:15px;\r\n}\r\n\r\n.metric{\r\n    background:rgba(255,255,255,.045);\r\n    border:1px solid rgba(255,255,255,.06);\r\n    border-radius:13px;\r\n    padding:13px;\r\n}\r\n\r\n.metric strong{\r\n    display:block;\r\n    font-size:22px;\r\n}\r\n\r\n.metric span{\r\n    color:#77839a;\r\n    font-size:10px;\r\n}\r\n\r\n.route{\r\n    margin:0 15px 15px;\r\n    padding:15px;\r\n    background:rgba(255,255,255,.035);\r\n    border-radius:15px;\r\n}\r\n\r\n.route-head{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n    margin-bottom:12px;\r\n}\r\n\r\n.route-head strong{\r\n    font-size:13px;\r\n}\r\n\r\n.route-head span{\r\n    font-size:10px;\r\n    color:var(--green);\r\n}\r\n\r\n.job{\r\n    display:flex;\r\n    gap:12px;\r\n    padding:12px 0;\r\n    border-top:1px solid rgba(255,255,255,.06);\r\n}\r\n\r\n.time{\r\n    width:42px;\r\n    font-size:10px;\r\n    color:#8290a8;\r\n}\r\n\r\n.job-info strong{\r\n    font-size:11px;\r\n    display:block;\r\n}\r\n\r\n.job-info span{\r\n    font-size:10px;\r\n    color:#71809a;\r\n}\r\n\r\n.status{\r\n    margin-left:auto;\r\n    font-size:9px;\r\n    padding:4px 7px;\r\n    border-radius:999px;\r\n    background:rgba(89,230,167,.1);\r\n    color:var(--green);\r\n    height:max-content;\r\n}\r\n\r\n\/* SECTIONS *\/\r\n\r\nsection{\r\n    padding:110px 0;\r\n}\r\n\r\n.section-head{\r\n    max-width:760px;\r\n    margin-bottom:50px;\r\n}\r\n\r\n.kicker{\r\n    color:#77a8ff;\r\n    font-size:12px;\r\n    text-transform:uppercase;\r\n    letter-spacing:.14em;\r\n    font-weight:800;\r\n    margin-bottom:13px;\r\n}\r\n\r\nh2{\r\n    font-family:Manrope,Inter,sans-serif;\r\n    font-size:clamp(34px,5vw,56px);\r\n    line-height:1.03;\r\n    letter-spacing:-.055em;\r\n}\r\n\r\n.section-head p{\r\n    color:var(--muted);\r\n    margin-top:18px;\r\n    font-size:17px;\r\n}\r\n\r\n\/* PROBLEM *\/\r\n\r\n.problem-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:15px;\r\n}\r\n\r\n.problem{\r\n    border:1px solid var(--line);\r\n    background:var(--card);\r\n    border-radius:20px;\r\n    padding:25px;\r\n    transition:.25s;\r\n}\r\n\r\n.problem:hover{\r\n    transform:translateY(-5px);\r\n    background:var(--card2);\r\n}\r\n\r\n.problem-icon{\r\n    font-size:26px;\r\n    margin-bottom:25px;\r\n}\r\n\r\n.problem h3{\r\n    font-size:17px;\r\n    margin-bottom:8px;\r\n}\r\n\r\n.problem p{\r\n    color:#8995aa;\r\n    font-size:14px;\r\n}\r\n\r\n\/* FLOW *\/\r\n\r\n.flow{\r\n    display:grid;\r\n    grid-template-columns:repeat(7,1fr);\r\n    align-items:center;\r\n    gap:10px;\r\n}\r\n\r\n.flow-item{\r\n    text-align:center;\r\n}\r\n\r\n.flow-icon{\r\n    width:66px;\r\n    height:66px;\r\n    border:1px solid var(--line);\r\n    background:var(--card);\r\n    border-radius:20px;\r\n    display:grid;\r\n    place-items:center;\r\n    margin:auto;\r\n    font-size:25px;\r\n}\r\n\r\n.flow-item span{\r\n    display:block;\r\n    margin-top:10px;\r\n    color:#a9b4c8;\r\n    font-size:11px;\r\n}\r\n\r\n.arrow{\r\n    color:#4e6590;\r\n    text-align:center;\r\n}\r\n\r\n\/* FEATURE *\/\r\n\r\n.feature{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:70px;\r\n    align-items:center;\r\n}\r\n\r\n.feature.reverse .feature-copy{\r\n    order:2;\r\n}\r\n\r\n.feature.reverse .feature-visual{\r\n    order:1;\r\n}\r\n\r\n.feature-copy h3{\r\n    font-family:Manrope,Inter,sans-serif;\r\n    font-size:38px;\r\n    line-height:1.05;\r\n    letter-spacing:-.045em;\r\n}\r\n\r\n.feature-copy p{\r\n    margin-top:18px;\r\n    color:var(--muted);\r\n}\r\n\r\n.checks{\r\n    margin-top:24px;\r\n    display:grid;\r\n    gap:12px;\r\n}\r\n\r\n.check{\r\n    display:flex;\r\n    gap:10px;\r\n    color:#cbd4e5;\r\n    font-size:14px;\r\n}\r\n\r\n.check b{\r\n    color:var(--green);\r\n}\r\n\r\n\/* PHONE *\/\r\n\r\n.phone-wrap{\r\n    display:flex;\r\n    justify-content:center;\r\n}\r\n\r\n.phone{\r\n    width:280px;\r\n    border:8px solid #171e2d;\r\n    border-radius:36px;\r\n    background:#07101e;\r\n    padding:14px;\r\n    box-shadow:0 30px 80px rgba(0,0,0,.45);\r\n}\r\n\r\n.phone-notch{\r\n    width:80px;\r\n    height:18px;\r\n    background:#171e2d;\r\n    border-radius:20px;\r\n    margin:0 auto 20px;\r\n}\r\n\r\n.phone h4{\r\n    font-size:17px;\r\n}\r\n\r\n.phone-small{\r\n    color:#6f7c94;\r\n    font-size:10px;\r\n}\r\n\r\n.mobile-job{\r\n    margin-top:12px;\r\n    border:1px solid var(--line);\r\n    border-radius:15px;\r\n    padding:13px;\r\n    background:rgba(255,255,255,.04);\r\n}\r\n\r\n.mobile-job strong{\r\n    font-size:12px;\r\n}\r\n\r\n.mobile-job p{\r\n    color:#77839a;\r\n    font-size:10px;\r\n    margin:3px 0 10px;\r\n}\r\n\r\n.mobile-btn{\r\n    display:block;\r\n    text-align:center;\r\n    padding:7px;\r\n    border-radius:9px;\r\n    background:rgba(79,140,255,.15);\r\n    color:#8bb3ff;\r\n    font-size:10px;\r\n}\r\n\r\n\/* BILLING *\/\r\n\r\n.billing{\r\n    border:1px solid var(--line);\r\n    background:linear-gradient(145deg,rgba(79,140,255,.09),rgba(255,255,255,.03));\r\n    border-radius:28px;\r\n    padding:30px;\r\n}\r\n\r\n.invoice{\r\n    max-width:520px;\r\n    margin:auto;\r\n    background:#f8faff;\r\n    color:#0b1223;\r\n    border-radius:18px;\r\n    padding:28px;\r\n    box-shadow:0 30px 80px rgba(0,0,0,.35);\r\n}\r\n\r\n.invoice-top{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    border-bottom:1px solid #dce2ed;\r\n    padding-bottom:18px;\r\n    margin-bottom:20px;\r\n}\r\n\r\n.invoice small{\r\n    color:#77839a;\r\n}\r\n\r\n.invoice-row{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    padding:9px 0;\r\n    font-size:13px;\r\n}\r\n\r\n.invoice-total{\r\n    border-top:1px solid #dce2ed;\r\n    margin-top:10px;\r\n    padding-top:16px;\r\n    display:flex;\r\n    justify-content:space-between;\r\n    font-size:20px;\r\n    font-weight:800;\r\n}\r\n\r\n.pay{\r\n    margin-top:20px;\r\n    padding:12px;\r\n    text-align:center;\r\n    border-radius:10px;\r\n    background:#0b1223;\r\n    color:white;\r\n    font-weight:700;\r\n}\r\n\r\n\/* TARGET *\/\r\n\r\n.target-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(5,1fr);\r\n    gap:12px;\r\n}\r\n\r\n.target{\r\n    border:1px solid var(--line);\r\n    background:var(--card);\r\n    padding:25px 18px;\r\n    border-radius:18px;\r\n    text-align:center;\r\n}\r\n\r\n.target-icon{\r\n    font-size:30px;\r\n    margin-bottom:12px;\r\n}\r\n\r\n.target strong{\r\n    display:block;\r\n    font-size:14px;\r\n}\r\n\r\n\/* INSTALLATION *\/\r\n\r\n.install{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:16px;\r\n}\r\n\r\n.install-card{\r\n    border:1px solid var(--line);\r\n    border-radius:22px;\r\n    padding:28px;\r\n    background:var(--card);\r\n}\r\n\r\n.install-number{\r\n    font-size:12px;\r\n    color:#668eff;\r\n    font-weight:800;\r\n}\r\n\r\n.install-card h3{\r\n    margin-top:28px;\r\n    margin-bottom:10px;\r\n}\r\n\r\n.install-card p{\r\n    color:#8995aa;\r\n    font-size:14px;\r\n}\r\n\r\n\/* PRICING *\/\r\n\r\n.pricing{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:18px;\r\n}\r\n\r\n.price-card{\r\n    border:1px solid var(--line);\r\n    border-radius:25px;\r\n    padding:32px;\r\n    background:var(--card);\r\n}\r\n\r\n.price-card.featured{\r\n    border-color:rgba(79,140,255,.5);\r\n    background:linear-gradient(145deg,rgba(79,140,255,.13),rgba(255,255,255,.04));\r\n    box-shadow:0 20px 80px rgba(79,140,255,.12);\r\n}\r\n\r\n.price-card h3{\r\n    font-size:18px;\r\n}\r\n\r\n.price{\r\n    font-family:Manrope;\r\n    font-size:48px;\r\n    letter-spacing:-.06em;\r\n    margin:14px 0 4px;\r\n}\r\n\r\n.price small{\r\n    font-family:Inter;\r\n    font-size:14px;\r\n    color:#7d899f;\r\n    letter-spacing:0;\r\n}\r\n\r\n.setup{\r\n    color:#8290a8;\r\n    font-size:13px;\r\n}\r\n\r\n.price-list{\r\n    margin:25px 0;\r\n    display:grid;\r\n    gap:11px;\r\n}\r\n\r\n.price-list li{\r\n    list-style:none;\r\n    color:#b8c2d5;\r\n    font-size:13px;\r\n}\r\n\r\n.price-list li::before{\r\n    content:\"\u2713\";\r\n    color:var(--green);\r\n    margin-right:8px;\r\n}\r\n\r\n\/* CTA *\/\r\n\r\n.cta{\r\n    padding:90px 0 120px;\r\n}\r\n\r\n.cta-box{\r\n    position:relative;\r\n    overflow:hidden;\r\n    border:1px solid rgba(79,140,255,.25);\r\n    border-radius:30px;\r\n    padding:70px 40px;\r\n    text-align:center;\r\n    background:\r\n        radial-gradient(circle at 50% 0%,rgba(79,140,255,.18),transparent 45%),\r\n        rgba(255,255,255,.035);\r\n}\r\n\r\n.cta-box h2{\r\n    max-width:780px;\r\n    margin:auto;\r\n}\r\n\r\n.cta-box p{\r\n    color:#9da8bd;\r\n    max-width:600px;\r\n    margin:18px auto 0;\r\n}\r\n\r\n\/* FAQ *\/\r\n\r\n.faq{\r\n    max-width:850px;\r\n    margin:auto;\r\n}\r\n\r\n.faq-item{\r\n    border-top:1px solid var(--line);\r\n}\r\n\r\n.faq-question{\r\n    width:100%;\r\n    border:0;\r\n    background:none;\r\n    color:white;\r\n    padding:22px 0;\r\n    text-align:left;\r\n    display:flex;\r\n    justify-content:space-between;\r\n    cursor:pointer;\r\n    font:600 15px Inter;\r\n}\r\n\r\n.faq-answer{\r\n    max-height:0;\r\n    overflow:hidden;\r\n    color:#8995aa;\r\n    font-size:14px;\r\n    transition:max-height .3s ease;\r\n}\r\n\r\n.faq-answer p{\r\n    padding:0 0 22px;\r\n}\r\n\r\n.faq-item.open .faq-answer{\r\n    max-height:200px;\r\n}\r\n\r\n.plus{\r\n    transition:.25s;\r\n}\r\n\r\n.faq-item.open .plus{\r\n    transform:rotate(45deg);\r\n}\r\n\r\n\/* FOOTER *\/\r\n\r\nfooter{\r\n    border-top:1px solid var(--line);\r\n    padding:35px 0;\r\n}\r\n\r\n.footer-inner{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n    gap:20px;\r\n}\r\n\r\n.footer-copy{\r\n    color:#657189;\r\n    font-size:12px;\r\n}\r\n\r\n.footer-links{\r\n    display:flex;\r\n    gap:18px;\r\n    color:#7c879b;\r\n    font-size:12px;\r\n}\r\n\r\n\/* REVEAL *\/\r\n\r\n.reveal{\r\n    opacity:0;\r\n    transform:translateY(25px);\r\n    transition:opacity .8s ease,transform .8s ease;\r\n}\r\n\r\n.reveal.visible{\r\n    opacity:1;\r\n    transform:none;\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:900px){\r\n\r\n    .nav-links{\r\n        display:none;\r\n    }\r\n\r\n    .hero-grid,\r\n    .feature,\r\n    .pricing{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .hero{\r\n        padding-top:130px;\r\n    }\r\n\r\n    .hero-grid{\r\n        gap:50px;\r\n    }\r\n\r\n    .dashboard{\r\n        transform:none;\r\n        animation:none;\r\n    }\r\n\r\n    .feature.reverse .feature-copy,\r\n    .feature.reverse .feature-visual{\r\n        order:initial;\r\n    }\r\n\r\n    .problem-grid{\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n    .target-grid{\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n    .flow{\r\n        grid-template-columns:repeat(3,1fr);\r\n        gap:20px;\r\n    }\r\n\r\n    .arrow{\r\n        display:none;\r\n    }\r\n\r\n    .install{\r\n        grid-template-columns:1fr;\r\n    }\r\n}\r\n\r\n@media(max-width:600px){\r\n\r\n    .container{\r\n        width:min(100% - 28px,1180px);\r\n    }\r\n\r\n    section{\r\n        padding:80px 0;\r\n    }\r\n\r\n    h1{\r\n        font-size:48px;\r\n    }\r\n\r\n    .hero-text{\r\n        font-size:16px;\r\n    }\r\n\r\n    .trust{\r\n        flex-direction:column;\r\n        gap:7px;\r\n    }\r\n\r\n    .problem-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .metrics{\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n    .metric:last-child{\r\n        grid-column:span 2;\r\n    }\r\n\r\n    .target-grid{\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n    .flow{\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n    .footer-inner{\r\n        flex-direction:column;\r\n        align-items:flex-start;\r\n    }\r\n\r\n    .footer-links{\r\n        flex-wrap:wrap;\r\n    }\r\n\r\n    .nav-cta{\r\n        padding:9px 12px;\r\n        font-size:12px;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   BHWC \u2014 CORRECTION ELEMENTOR MOBILE + TABLETTE UNIQUEMENT\r\n   Le desktop original reste inchang\u00e9.\r\n   ========================================================= *\/\r\n.bhwc-mobile-toggle{display:none;}\r\n\r\n@media (max-width:1024px){\r\n\r\n  #bhwc-page header .nav{position:relative;}\r\n\r\n  #bhwc-page .bhwc-mobile-toggle{\r\n    display:flex;\r\n    width:44px;height:44px;flex:0 0 44px;\r\n    margin-left:auto;\r\n    align-items:center;justify-content:center;\r\n    flex-direction:column;gap:5px;\r\n    padding:0;border:1px solid var(--line);\r\n    border-radius:12px;background:transparent;color:#fff;\r\n    cursor:pointer;-webkit-tap-highlight-color:transparent;\r\n  }\r\n\r\n  #bhwc-page .bhwc-mobile-toggle span{\r\n    width:19px;height:2px;display:block;\r\n    border-radius:999px;background:#fff;\r\n    transition:transform .2s ease,opacity .2s ease;\r\n  }\r\n\r\n  #bhwc-page .bhwc-mobile-toggle[aria-expanded=\"true\"] span:nth-child(1){\r\n    transform:translateY(7px) rotate(45deg);\r\n  }\r\n  #bhwc-page .bhwc-mobile-toggle[aria-expanded=\"true\"] span:nth-child(2){opacity:0;}\r\n  #bhwc-page .bhwc-mobile-toggle[aria-expanded=\"true\"] span:nth-child(3){\r\n    transform:translateY(-7px) rotate(-45deg);\r\n  }\r\n\r\n  #bhwc-page header .nav-links{\r\n    display:none;\r\n    position:absolute;\r\n    top:calc(100% + 10px);\r\n    left:0;right:0;width:100%;\r\n    margin:0;padding:10px;\r\n    flex-direction:column;align-items:stretch;gap:4px;\r\n    border:1px solid var(--line);border-radius:16px;\r\n    background:rgba(5,8,22,.98);\r\n    box-shadow:0 18px 45px rgba(0,0,0,.28);\r\n    z-index:9999;\r\n  }\r\n\r\n  #bhwc-page header .nav-links.bhwc-open{display:flex!important;}\r\n\r\n  #bhwc-page header .nav-links a{\r\n    display:flex;align-items:center;\r\n    min-height:46px;padding:0 14px;\r\n    color:#fff!important;\r\n  }\r\n\r\n  #bhwc-page header .nav-cta{display:none;}\r\n\r\n  \/* CORRECTION PRINCIPALE POUR ELEMENTOR :\r\n     les \u00e9l\u00e9ments .reveal ne restent jamais invisibles sur mobile\/tablette. *\/\r\n  #bhwc-page .reveal{\r\n    opacity:1!important;\r\n    transform:none!important;\r\n    visibility:visible!important;\r\n  }\r\n\r\n  #bhwc-page{\r\n    width:100%;\r\n    max-width:100%;\r\n    overflow:visible;\r\n  }\r\n\r\n  #bhwc-page .container{\r\n    width:min(100% - 40px,1180px);\r\n  }\r\n\r\n  #bhwc-page .hero-grid,\r\n  #bhwc-page .feature{\r\n    grid-template-columns:1fr;\r\n    gap:42px;\r\n  }\r\n\r\n  #bhwc-page .feature.reverse .feature-copy,\r\n  #bhwc-page .feature.reverse .feature-visual{order:initial;}\r\n\r\n  #bhwc-page .pricing{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n  #bhwc-page .problem-grid{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n  #bhwc-page .target-grid{grid-template-columns:repeat(3,minmax(0,1fr));}\r\n  #bhwc-page .install{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n\r\n  #bhwc-page .dashboard,\r\n  #bhwc-page .phone,\r\n  #bhwc-page .invoice{\r\n    max-width:100%;\r\n  }\r\n}\r\n\r\n@media (max-width:700px){\r\n\r\n  #bhwc-page header{top:10px;}\r\n  #bhwc-page header .container{width:calc(100% - 28px);}\r\n  #bhwc-page header .nav{padding:10px 12px;border-radius:15px;}\r\n\r\n  #bhwc-page .logo{\r\n    min-width:0;white-space:nowrap;\r\n    overflow:hidden;text-overflow:ellipsis;\r\n  }\r\n\r\n  #bhwc-page header .nav-links{top:calc(100% + 8px);}\r\n  #bhwc-page .container{width:calc(100% - 28px);}\r\n\r\n  #bhwc-page .problem-grid,\r\n  #bhwc-page .pricing,\r\n  #bhwc-page .target-grid,\r\n  #bhwc-page .install{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #bhwc-page .buttons{flex-direction:column;}\r\n  #bhwc-page .buttons .btn{width:100%;}\r\n\r\n  #bhwc-page .bhwc-flow{\r\n    display:grid;\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n    gap:25px 16px;\r\n  }\r\n\r\n  #bhwc-page .bhwc-flow-arrow{display:none;}\r\n\r\n  #bhwc-page .bhwc-flow-icon{\r\n    width:58px;height:58px;border-radius:17px;\r\n  }\r\n\r\n  #bhwc-page .bhwc-flow-icon svg{\r\n    width:25px;height:25px;\r\n  }\r\n\r\n  #bhwc-page .bhwc-flow-step span{\r\n    white-space:normal;font-size:11px;margin-top:8px;\r\n  }\r\n\r\n  #bhwc-page .invoice{padding:20px;}\r\n}\r\n\r\n@media (max-width:380px){\r\n  #bhwc-page .container{width:calc(100% - 22px);}\r\n  #bhwc-page .logo-mark{width:34px;height:34px;}\r\n  #bhwc-page .bhwc-mobile-toggle{\r\n    width:42px;height:42px;flex-basis:42px;\r\n  }\r\n}\r\n\r\n<\/style> <style id=\"bhwc-final-spec\">\r\n\/* =========================================================\r\n   BH WEB CR\u00c9ATION \u2014 FINAL\r\n   Styles isol\u00e9s pour \u00e9viter les conflits WordPress.\r\n   ========================================================= *\/\r\n\r\n#bhwc-page,\r\n#bhwc-page *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n#bhwc-page{\r\n    color:#f7f9ff;\r\n}\r\n\r\n#bhwc-page .hero-text,\r\n#bhwc-page .section-head p,\r\n#bhwc-page .feature-copy p,\r\n#bhwc-page .problem p,\r\n#bhwc-page .install-card p,\r\n#bhwc-page .cta-box p{\r\n    color:#ffffff !important;\r\n}\r\n\r\n\/* Textes secondaires dans les interfaces sombres *\/\r\n#bhwc-page .window-date,\r\n#bhwc-page .metric span,\r\n#bhwc-page .time,\r\n#bhwc-page .job-info span,\r\n#bhwc-page .phone-small,\r\n#bhwc-page .mobile-job p,\r\n#bhwc-page .setup,\r\n#bhwc-page .price small{\r\n    color:#d7deea !important;\r\n}\r\n\r\n\/* Navigation sombre *\/\r\n#bhwc-page .nav-links{\r\n    color:#ffffff !important;\r\n}\r\n#bhwc-page .nav-links a{\r\n    color:#ffffff !important;\r\n}\r\n#bhwc-page .nav-links a:hover{\r\n    color:#ffffff !important;\r\n}\r\n\r\n\/* FAQ : blanc sur le fond sombre *\/\r\n#bhwc-page .faq-question,\r\n#bhwc-page .faq-answer,\r\n#bhwc-page .faq-answer p,\r\n#bhwc-page .plus{\r\n    color:#ffffff !important;\r\n}\r\n\r\n\/* Listes sur fond sombre *\/\r\n#bhwc-page .check,\r\n#bhwc-page .price-list li{\r\n    color:#ffffff !important;\r\n}\r\n\r\n\/* Facture : seule vraie carte claire *\/\r\n#bhwc-page .invoice,\r\n#bhwc-page .invoice *{\r\n    color:#0b1223;\r\n}\r\n#bhwc-page .invoice small{\r\n    color:#334155 !important;\r\n}\r\n#bhwc-page .invoice .pay{\r\n    color:#ffffff !important;\r\n}\r\n\r\n\/* =========================================================\r\n   FLOW \u2014 propre, sans emojis WordPress\r\n   ========================================================= *\/\r\n\r\n#bhwc-page .bhwc-flow{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    justify-content:center;\r\n    width:100%;\r\n    gap:12px;\r\n}\r\n\r\n#bhwc-page .bhwc-flow-step{\r\n    flex:1 1 0;\r\n    min-width:0;\r\n    text-align:center;\r\n}\r\n\r\n#bhwc-page .bhwc-flow-icon{\r\n    width:66px;\r\n    height:66px;\r\n    margin:0 auto;\r\n    display:grid;\r\n    place-items:center;\r\n    border:1px solid rgba(255,255,255,.12);\r\n    background:rgba(255,255,255,.055);\r\n    border-radius:20px;\r\n}\r\n\r\n#bhwc-page .bhwc-flow-icon svg{\r\n    width:28px;\r\n    height:28px;\r\n    fill:none;\r\n    stroke:#ffffff;\r\n    stroke-width:1.8;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n\r\n#bhwc-page .bhwc-flow-step span{\r\n    display:block;\r\n    margin-top:11px;\r\n    color:#ffffff !important;\r\n    font-size:12px;\r\n    font-weight:600;\r\n    line-height:1.3;\r\n    white-space:nowrap;\r\n}\r\n\r\n#bhwc-page .bhwc-flow-arrow{\r\n    flex:0 0 auto;\r\n    padding-top:20px;\r\n    color:#6f8fca !important;\r\n    font-size:22px;\r\n    line-height:1;\r\n}\r\n\r\n\/* Boutons *\/\r\n#bhwc-page .btn-primary{\r\n    color:#ffffff !important;\r\n}\r\n\r\n\/* Surfaces claires : texte noir *\/\r\n#bhwc-page .price-card:not(.featured){\r\n    color:#ffffff;\r\n}\r\n\r\n\/* Mobile\/tablette *\/\r\n@media(max-width:900px){\r\n    #bhwc-page .bhwc-flow{\r\n        display:grid;\r\n        grid-template-columns:repeat(4,minmax(0,1fr));\r\n        gap:26px 12px;\r\n    }\r\n\r\n    #bhwc-page .bhwc-flow-arrow{\r\n        display:none;\r\n    }\r\n\r\n    #bhwc-page .bhwc-flow-step span{\r\n        white-space:normal;\r\n    }\r\n}\r\n\r\n@media(max-width:600px){\r\n    #bhwc-page .bhwc-flow{\r\n        grid-template-columns:repeat(2,minmax(0,1fr));\r\n        gap:25px 16px;\r\n    }\r\n\r\n    #bhwc-page .bhwc-flow-icon{\r\n        width:58px;\r\n        height:58px;\r\n        border-radius:17px;\r\n    }\r\n\r\n    #bhwc-page .bhwc-flow-icon svg{\r\n        width:25px;\r\n        height:25px;\r\n    }\r\n\r\n    #bhwc-page .bhwc-flow-step span{\r\n        font-size:11px;\r\n        margin-top:8px;\r\n    }\r\n}\r\n<\/style><\/p>\r\n<div id=\"bhwc-page\">\r\n<div class=\"grid-bg\">\u00a0<\/div>\r\n<header>\r\n<div class=\"container\"><nav class=\"nav\">\r\n<div class=\"logo-mark\">BH<\/div>\r\n<a class=\"logo\" href=\"#\">BH Web Cr\u00e9ation <\/a>\r\n<details class=\"bhwc-mobile-menu\">\r\n  <summary class=\"bhwc-mobile-toggle\" aria-label=\"Ouvrir le menu\">\r\n    <span><\/span><span><\/span><span><\/span>\r\n  <\/summary>\r\n  <div class=\"nav-links\"><a href=\"#solutions\">Solutions<\/a> <a href=\"#flow\">Comment \u00e7a marche<\/a> <a href=\"#pour-qui\">Pour qui ?<\/a> <a href=\"#tarifs\">Tarifs<\/a><\/div>\r\n<\/details>\r\n<a class=\"nav-cta\" href=\"#contact\">Parlons-en<\/a><\/nav><\/div>\r\n<\/header><!-- HERO -->\r\n<section class=\"hero\">\r\n<div class=\"container\">\r\n<div class=\"hero-grid\">\r\n<div class=\"reveal\">\r\n<div class=\"eyebrow\">Solutions digitales sur mesure<\/div>\r\n<h1>Le web qui <span class=\"gradient\">travaille<\/span> pour votre entreprise.<\/h1>\r\n<p class=\"hero-text\">BH Web Cr\u00e9ation con\u00e7oit des sites web et des outils digitaux pens\u00e9s pour vous faire gagner en visibilit\u00e9, en efficacit\u00e9 et surtout en temps.<\/p>\r\n<div class=\"buttons\"><a class=\"btn btn-primary\" href=\"#solutions\"> D\u00e9couvrir nos solutions \u2192 <\/a> <a class=\"btn btn-secondary\" href=\"#contact\"> Parler de mon projet <\/a><\/div>\r\n<div class=\"trust\">Accompagnement humain sur mesure sans usine \u00e0 gaz<\/div>\r\n<\/div>\r\n<!-- FAUSSE INTERFACE -->\r\n<div class=\"dashboard reveal\">\r\n<div class=\"window\">\r\n<div class=\"window-top\">\r\n<div class=\"window-title\">HEDIN FLOW<\/div>\r\n<div class=\"window-date\">Mardi 23 septembre<\/div>\r\n<\/div>\r\n<div class=\"metrics\">\r\n<div class=\"metric\"><strong>12<\/strong>Interventions<\/div>\r\n<div class=\"metric\"><strong>3<\/strong>En cours<\/div>\r\n<div class=\"metric\"><strong>7<\/strong>Termin\u00e9es<\/div>\r\n<\/div>\r\n<div class=\"route\">\r\n<div class=\"route-head\"><strong>\ud83d\ude97 Tourn\u00e9e de Thomas<\/strong>Optimis\u00e9e \u2713<\/div>\r\n<div class=\"job\">\r\n<div class=\"time\">08:00<\/div>\r\n<div class=\"job-info\"><strong>Dupont \u2014 Fuite d'eau<\/strong>15 rue des Lilas<\/div>\r\n<div class=\"status\">Confirm\u00e9<\/div>\r\n<\/div>\r\n<div class=\"job\">\r\n<div class=\"time\">10:15<\/div>\r\n<div class=\"job-info\"><strong>Martin \u2014 Chauffe-eau<\/strong>8 rue Victor Hugo<\/div>\r\n<div class=\"status\">Confirm\u00e9<\/div>\r\n<\/div>\r\n<div class=\"job\">\r\n<div class=\"time\">13:30<\/div>\r\n<div class=\"job-info\"><strong>Bernard \u2014 Entretien<\/strong>4 avenue de la R\u00e9publique<\/div>\r\n<div class=\"status\">Confirm\u00e9<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- PROBLEM -->\r\n<section id=\"solutions\">\r\n<div class=\"container\">\r\n<div class=\"section-head reveal\">\r\n<div class=\"kicker\">Le probl\u00e8me<\/div>\r\n<h2>Votre entreprise m\u00e9rite mieux qu'un agenda, trois SMS et un fichier Excel.<\/h2>\r\n<p>Quand les \u00e9quipes sont sur le terrain, chaque information dispers\u00e9e fait perdre du temps.<\/p>\r\n<\/div>\r\n<div class=\"problem-grid\">\r\n<div class=\"problem reveal\">\r\n<div class=\"problem-icon\">\ud83d\udcde<\/div>\r\n<h3>Les appels s'accumulent<\/h3>\r\n<p>Vous \u00eates interrompu toute la journ\u00e9e pour transmettre une adresse, un horaire ou une information.<\/p>\r\n<\/div>\r\n<div class=\"problem reveal\">\r\n<div class=\"problem-icon\">\ud83d\udcf1<\/div>\r\n<h3>Les informations sont dispers\u00e9es<\/h3>\r\n<p>SMS, WhatsApp, agenda, papier\u2026 personne ne poss\u00e8de vraiment la m\u00eame information.<\/p>\r\n<\/div>\r\n<div class=\"problem reveal\">\r\n<div class=\"problem-icon\">\ud83e\uddfe<\/div>\r\n<h3>Des interventions restent \u00e0 facturer<\/h3>\r\n<p>Une journ\u00e9e termin\u00e9e ne devrait pas signifier une semaine de retard dans la facturation.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- FLOW -->\r\n<section id=\"flow\">\r\n<div class=\"container\">\r\n<div class=\"section-head reveal\">\r\n<div class=\"kicker\">Un seul flux<\/div>\r\n<h2>De la demande client au paiement.<br \/>Sans rupture.<\/h2>\r\n<\/div>\r\n<div class=\"bhwc-flow\">\r\n<div class=\"bhwc-flow-step reveal\">\r\n<div class=\"bhwc-flow-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 4h14v16H5z\"\/><path d=\"M8 8h8M8 12h8M8 16h5\"\/><\/svg><\/div>\r\nDemande<\/div>\r\n<div class=\"bhwc-flow-arrow\">\u2192<\/div>\r\n<div class=\"bhwc-flow-step reveal\">\r\n<div class=\"bhwc-flow-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"4\" y=\"5\" width=\"16\" height=\"15\" rx=\"2\"\/><path d=\"M8 3v4M16 3v4M4 9h16M8 13h3M8 16h5\"\/><\/svg><\/div>\r\nRendez-vous<\/div>\r\n<div class=\"bhwc-flow-arrow\">\u2192<\/div>\r\n<div class=\"bhwc-flow-step reveal\">\r\n<div class=\"bhwc-flow-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 19l4-14h6l4 14\"\/><path d=\"M8 14h8M6 19h12\"\/><\/svg><\/div>\r\nTourn\u00e9e<\/div>\r\n<div class=\"bhwc-flow-arrow\">\u2192<\/div>\r\n<div class=\"bhwc-flow-step reveal\">\r\n<div class=\"bhwc-flow-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M14.5 5.5a4 4 0 0 0-5.2 5.2L4 16l4 4 5.3-5.3a4 4 0 0 0 5.2-5.2l-3 3-3-3 3-3z\"\/><\/svg><\/div>\r\nIntervention<\/div>\r\n<div class=\"bhwc-flow-arrow\">\u2192<\/div>\r\n<div class=\"bhwc-flow-step reveal\">\r\n<div class=\"bhwc-flow-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6 3h12v18l-3-2-3 2-3-2-3 2z\"\/><path d=\"M9 8h6M9 12h6M9 16h4\"\/><\/svg><\/div>\r\nFacture<\/div>\r\n<div class=\"bhwc-flow-arrow\">\u2192<\/div>\r\n<div class=\"bhwc-flow-step reveal\">\r\n<div class=\"bhwc-flow-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"2\"\/><path d=\"M3 10h18M7 14h3\"\/><\/svg><\/div>\r\nPaiement<\/div>\r\n<div class=\"bhwc-flow-arrow\">\u2192<\/div>\r\n<div class=\"bhwc-flow-step reveal\">\r\n<div class=\"bhwc-flow-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3l2.7 5.5 6.1.9-4.4 4.3 1 6.1-5.4-2.9-5.4 2.9 1-6.1-4.4-4.3 6.1-.9z\"\/><\/svg><\/div>\r\nAvis<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- HEDIN FLOW FEATURE -->\r\n<section>\r\n<div class=\"container\">\r\n<div class=\"feature\">\r\n<div class=\"feature-copy reveal\">\r\n<div class=\"kicker\">HEDIN FLOW<\/div>\r\n<h3>Vos \u00e9quipes interviennent. Le reste suit automatiquement.<\/h3>\r\n<p>Une solution pens\u00e9e pour les entreprises de d\u00e9pannage, maintenance et intervention terrain.<\/p>\r\n<div class=\"checks\">\r\n<div class=\"check\"><b>\u2713<\/b> Planning centralis\u00e9<\/div>\r\n<div class=\"check\"><b>\u2713<\/b> Tourn\u00e9es pr\u00e9par\u00e9es \u00e0 J-1 ou J-2<\/div>\r\n<div class=\"check\"><b>\u2713<\/b> Optimisation des d\u00e9placements<\/div>\r\n<div class=\"check\"><b>\u2713<\/b> Suivi des interventions<\/div>\r\n<div class=\"check\"><b>\u2713<\/b> Facturation semi-automatique<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"feature-visual reveal\">\r\n<div class=\"dashboard\">\r\n<div class=\"window\">\r\n<div class=\"window-top\">\r\n<div class=\"window-title\">Planning \u00e9quipe<\/div>\r\n<div class=\"window-date\">J+1<\/div>\r\n<\/div>\r\n<div class=\"route\">\r\n<div class=\"route-head\"><strong>Thomas<\/strong>4 interventions<\/div>\r\n<div class=\"job\">\r\n<div class=\"time\">08:00<\/div>\r\n<div class=\"job-info\"><strong>Dupont<\/strong>Fuite d'eau \u00b7 Strasbourg<\/div>\r\n<\/div>\r\n<div class=\"job\">\r\n<div class=\"time\">10:15<\/div>\r\n<div class=\"job-info\"><strong>Martin<\/strong>Chauffe-eau \u00b7 Molsheim<\/div>\r\n<\/div>\r\n<div class=\"job\">\r\n<div class=\"time\">13:30<\/div>\r\n<div class=\"job-info\"><strong>Bernard<\/strong>Entretien \u00b7 Obernai<\/div>\r\n<\/div>\r\n<div style=\"margin-top: 15px; text-align: center;\">\r\n<div class=\"btn btn-primary\" style=\"width: 100%; font-size: 12px;\">\u2728 Optimiser la tourn\u00e9e<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- MOBILE EMPLOYEE -->\r\n<section>\r\n<div class=\"container\">\r\n<div class=\"feature reverse\">\r\n<div class=\"feature-copy reveal\">\r\n<div class=\"kicker\">Pour vos \u00e9quipes<\/div>\r\n<h3>Chaque technicien sait exactement quoi faire.<\/h3>\r\n<p>Depuis son t\u00e9l\u00e9phone, il retrouve sa tourn\u00e9e, les informations client, les consignes et l'historique de l'intervention.<\/p>\r\n<div class=\"checks\">\r\n<div class=\"check\"><b>\u2713<\/b> Tourn\u00e9e disponible la veille<\/div>\r\n<div class=\"check\"><b>\u2713<\/b> Itin\u00e9raire<\/div>\r\n<div class=\"check\"><b>\u2713<\/b> Photos et consignes<\/div>\r\n<div class=\"check\"><b>\u2713<\/b> Statut en temps r\u00e9el<\/div>\r\n<div class=\"check\"><b>\u2713<\/b> Compte rendu d'intervention<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"feature-visual reveal\">\r\n<div class=\"phone-wrap\">\r\n<div class=\"phone\">\r\n<div class=\"phone-notch\">\u00a0<\/div>\r\n<div class=\"phone-small\">BONJOUR THOMAS<\/div>\r\n<h4>Ma tourn\u00e9e<\/h4>\r\n<div class=\"phone-small\">Mardi \u00b7 4 interventions<\/div>\r\n<div class=\"mobile-job\"><strong>08:00 \u00b7 Mme Dupont<\/strong>\r\n<p>\ud83d\udd27 Fuite d'eau<br \/>\ud83d\udccd 15 rue des Lilas<\/p>\r\n<span class=\"mobile-btn\"> Voir l'intervention <\/span><\/div>\r\n<div class=\"mobile-job\"><strong>10:15 \u00b7 M. Martin<\/strong>\r\n<p>\ud83d\udd25 Chauffe-eau<br \/>\ud83d\udccd 8 rue Victor Hugo<\/p>\r\n<span class=\"mobile-btn\"> Voir l'intervention <\/span><\/div>\r\n<div class=\"mobile-job\"><strong>13:30 \u00b7 Mme Bernard<\/strong>\r\n<p>\ud83d\udee0 Entretien<br \/>\ud83d\udccd Obernai<\/p>\r\n<span class=\"mobile-btn\"> Voir l'intervention <\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- BILLING -->\r\n<section>\r\n<div class=\"container\">\r\n<div class=\"section-head reveal\">\r\n<div class=\"kicker\">Facturation<\/div>\r\n<h2>L'intervention est termin\u00e9e. La facture est d\u00e9j\u00e0 presque pr\u00eate.<\/h2>\r\n<p>Le technicien renseigne son intervention. HEDIN FLOW pr\u00e9pare la suite.<\/p>\r\n<\/div>\r\n<div class=\"billing reveal\">\r\n<div class=\"invoice\">\r\n<div class=\"invoice-top\">\r\n<div><strong>FACTURE<\/strong><br \/><small>#2026-0148<\/small><\/div>\r\n<div style=\"text-align: right;\"><strong>BH FLOW<\/strong><br \/><small>22 septembre 2026<\/small><\/div>\r\n<\/div>\r\n<div class=\"invoice-row\">Main-d'\u0153uvre \u00b7 1h30<strong>90 \u20ac<\/strong><\/div>\r\n<div class=\"invoice-row\">D\u00e9placement<strong>25 \u20ac<\/strong><\/div>\r\n<div class=\"invoice-row\">Mat\u00e9riel<strong>42 \u20ac<\/strong><\/div>\r\n<div class=\"invoice-total\">Total HT157 \u20ac<\/div>\r\n<div class=\"pay\">\ud83d\udcb3 Payer la facture<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- TARGET -->\r\n<section id=\"pour-qui\">\r\n<div class=\"container\">\r\n<div class=\"section-head reveal\">\r\n<div class=\"kicker\">Pour qui ?<\/div>\r\n<h2>Pens\u00e9 pour les entreprises qui travaillent sur le terrain.<\/h2>\r\n<p>Particuli\u00e8rement adapt\u00e9 aux petites \u00e9quipes de d\u00e9pannage et de maintenance.<\/p>\r\n<\/div>\r\n<div class=\"target-grid\">\r\n<div class=\"target reveal\">\r\n<div class=\"target-icon\">\ud83d\udd27<\/div>\r\n<strong>Plomberie<\/strong><\/div>\r\n<div class=\"target reveal\">\r\n<div class=\"target-icon\">\u26a1<\/div>\r\n<strong>\u00c9lectricit\u00e9<\/strong><\/div>\r\n<div class=\"target reveal\">\r\n<div class=\"target-icon\">\ud83d\udd25<\/div>\r\n<strong>Chauffage<\/strong><\/div>\r\n<div class=\"target reveal\">\r\n<div class=\"target-icon\">\u2744\ufe0f<\/div>\r\n<strong>Climatisation<\/strong><\/div>\r\n<div class=\"target reveal\">\r\n<div class=\"target-icon\">\ud83d\udee0\ufe0f<\/div>\r\n<strong>D\u00e9pannage<\/strong><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- INSTALLATION -->\r\n<section>\r\n<div class=\"container\">\r\n<div class=\"section-head reveal\">\r\n<div class=\"kicker\">Pas juste un logiciel<\/div>\r\n<h2>On vous l'installe. On vous accompagne.<\/h2>\r\n<p>Vous n'avez pas besoin de devenir informaticien pour utiliser vos outils.<\/p>\r\n<\/div>\r\n<div class=\"install\">\r\n<div class=\"install-card reveal\">\r\n<div class=\"install-number\">01 \u2014 INSTALLATION<\/div>\r\n<h3>Configuration cl\u00e9 en main<\/h3>\r\n<p>Nous configurons votre espace, vos salari\u00e9s, vos interventions, vos r\u00e8gles et vos automatisations.<\/p>\r\n<\/div>\r\n<div class=\"install-card reveal\">\r\n<div class=\"install-number\">02 \u2014 FORMATION<\/div>\r\n<h3>Vos \u00e9quipes sont accompagn\u00e9es<\/h3>\r\n<p>Patron, salari\u00e9s : chacun sait exactement comment utiliser l'outil.<\/p>\r\n<\/div>\r\n<div class=\"install-card reveal\">\r\n<div class=\"install-number\">03 \u2014 SUIVI<\/div>\r\n<h3>Vous n'\u00eates jamais seul<\/h3>\r\n<p>Nous restons disponibles pour le support, les ajustements et les \u00e9volutions.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- PRICING -->\r\n<section id=\"tarifs\">\r\n<div class=\"container\">\r\n<div class=\"section-head reveal\">\r\n<div class=\"kicker\">Tarifs<\/div>\r\n<h2>Simple \u00e0 comprendre. Simple \u00e0 d\u00e9marrer.<\/h2>\r\n<p>Des offres pens\u00e9es pour les petites \u00e9quipes.<\/p>\r\n<\/div>\r\n<div class=\"pricing\">\r\n<div class=\"price-card reveal\">\r\n<h3>HEDIN FLOW Essentiel<\/h3>\r\n<div class=\"price\">99 \u20ac <small>\/mois<\/small><\/div>\r\n<div class=\"setup\">+ 790 \u20ac de mise en place<\/div>\r\n<ul class=\"price-list\">\r\n<li>Planning centralis\u00e9<\/li>\r\n<li>Tourn\u00e9es<\/li>\r\n<li>Jusqu'\u00e0 5 intervenants<\/li>\r\n<li>Fiches clients<\/li>\r\n<li>Gestion des interventions<\/li>\r\n<li>Espace mobile salari\u00e9<\/li>\r\n<li>Notifications<\/li>\r\n<li>Automatisations de base<\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"price-card featured reveal\">\r\n<h3>HEDIN FLOW Pro<\/h3>\r\n<div class=\"price\">149 \u20ac <small>\/mois<\/small><\/div>\r\n<div class=\"setup\">+ 790 \u20ac de mise en place<\/div>\r\n<ul class=\"price-list\">\r\n<li>Tout Essentiel<\/li>\r\n<li>Jusqu'\u00e0 15 intervenants<\/li>\r\n<li>Automatisations avanc\u00e9es<\/li>\r\n<li>Facturation automatis\u00e9e<\/li>\r\n<li>Paiement en ligne<\/li>\r\n<li>Statistiques<\/li>\r\n<li>Support prioritaire<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- CTA -->\r\n<section id=\"contact\" class=\"cta\">\r\n<div class=\"container\">\r\n<div class=\"cta-box reveal\">\r\n<div class=\"kicker\">Votre prochain niveau<\/div>\r\n<h2>Et si demain matin, votre \u00e9quipe savait d\u00e9j\u00e0 exactement quoi faire ?<\/h2>\r\n<p>D\u00e9couvrez HEDIN FLOW et voyons ensemble comment simplifier votre organisation.<\/p>\r\n<div class=\"buttons\" style=\"justify-content: center;\"><a class=\"btn btn-primary\" href=\"https:\/\/bhwebcreation.fr\/index.php\/demo\/\"> Demander une d\u00e9monstration \u2192 <\/a><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- FAQ -->\r\n<section>\r\n<div class=\"container\">\r\n<div class=\"section-head reveal\">\r\n<div class=\"kicker\">Questions fr\u00e9quentes<\/div>\r\n<h2>Vous avez des questions ?<\/h2>\r\n<\/div>\r\n<div class=\"faq\">\r\n<div class=\"faq-item\"><button class=\"faq-question\"> Les salari\u00e9s doivent-ils installer une application ? <span class=\"plus\">+<\/span> <\/button>\r\n<div class=\"faq-answer\">\r\n<p>Non. L'espace salari\u00e9 est con\u00e7u pour fonctionner directement depuis un smartphone.<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"faq-item\"><button class=\"faq-question\"> Le patron peut-il modifier une tourn\u00e9e ? <span class=\"plus\">+<\/span> <\/button>\r\n<div class=\"faq-answer\">\r\n<p>Oui. HEDIN FLOW propose une tourn\u00e9e optimis\u00e9e, mais le patron garde toujours la possibilit\u00e9 de la modifier.<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"faq-item\"><button class=\"faq-question\"> Que se passe-t-il lorsqu'une urgence arrive ? <span class=\"plus\">+<\/span> <\/button>\r\n<div class=\"faq-answer\">\r\n<p>Une intervention urgente peut \u00eatre ajout\u00e9e \u00e0 une tourn\u00e9e. Le syst\u00e8me permet de visualiser son impact avant de confirmer la modification.<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"faq-item\"><button class=\"faq-question\"> Est-ce que vous installez le syst\u00e8me ? <span class=\"plus\">+<\/span> <\/button>\r\n<div class=\"faq-answer\">\r\n<p>Oui. La configuration, la formation et l'accompagnement font partie de notre approche.<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"faq-item\"><button class=\"faq-question\"> HEDIN FLOW remplace-t-il mon logiciel comptable ? <span class=\"plus\">+<\/span> <\/button>\r\n<div class=\"faq-answer\">\r\n<p>Non. L'objectif est de faciliter le passage de l'intervention \u00e0 la facturation et de s'int\u00e9grer aux outils existants plut\u00f4t que de r\u00e9inventer toute votre comptabilit\u00e9.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<footer>\r\n<div class=\"container\">\r\n<div class=\"footer-inner\">\r\n<div>\r\n<div class=\"logo-mark\">BH<\/div>\r\n<a class=\"logo\" href=\"#\">BH Web Cr\u00e9ation <\/a>\r\n<div class=\"footer-copy\" style=\"margin-top: 10px;\">\u00a9 2026 BH Web Cr\u00e9ation \u2014 Tous droits r\u00e9serv\u00e9s.<\/div>\r\n<\/div>\r\n<div class=\"footer-links\"><a href=\"https:\/\/bhwebcreation.fr\/index.php\/mentions-legales\/\">Mentions l\u00e9gales<\/a> <a href=\"https:\/\/bhwebcreation.fr\/index.php\/confidentialite\/\">Confidentialit\u00e9<\/a> <a href=\"https:\/\/bhwebcreation.fr\/index.php\/contact\/\">Contact<\/a><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/footer><script>\r\n\r\n\/* FAQ *\/\r\n\r\ndocument.querySelectorAll('.faq-question').forEach(button => {\r\n\r\n    button.addEventListener('click', () => {\r\n\r\n        const item = button.parentElement;\r\n\r\n        document.querySelectorAll('.faq-item').forEach(other => {\r\n\r\n            if(other !== item){\r\n                other.classList.remove('open');\r\n            }\r\n\r\n        });\r\n\r\n        item.classList.toggle('open');\r\n\r\n    });\r\n\r\n});\r\n\r\n\r\n\/* REVEAL ON SCROLL *\/\r\n\r\nconst observer = new IntersectionObserver(\r\n    entries => {\r\n\r\n        entries.forEach(entry => {\r\n\r\n            if(entry.isIntersecting){\r\n\r\n                entry.target.classList.add('visible');\r\n\r\n                observer.unobserve(entry.target);\r\n\r\n            }\r\n\r\n        });\r\n\r\n    },\r\n    {\r\n        threshold:.12\r\n    }\r\n);\r\n\r\ndocument.querySelectorAll('.reveal').forEach(el => {\r\n    observer.observe(el);\r\n});\r\n\r\n\r\n\/* SMOOTH NAV *\/\r\n\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(link => {\r\n\r\n    link.addEventListener('click', function(e){\r\n\r\n        const target = document.querySelector(this.getAttribute('href'));\r\n\r\n        if(target){\r\n\r\n            e.preventDefault();\r\n\r\n            target.scrollIntoView({\r\n                behavior:'smooth'\r\n            });\r\n\r\n        }\r\n\r\n    });\r\n\r\n});\r\n\r\n<\/script><\/div>\r\n\r\n\r\n\r\n\r\n\r\n<style id=\"bhwc-flow-icons\">\r\n#bhwc-page .bhwc-flow-icon svg{\r\n    width:28px;\r\n    height:28px;\r\n    display:block;\r\n    fill:none;\r\n    stroke:currentColor;\r\n    stroke-width:1.8;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n#bhwc-page .bhwc-flow-icon svg path[fill],\r\n#bhwc-page .bhwc-flow-icon svg rect[fill]{\r\n    fill:currentColor;\r\n    stroke:none;\r\n}\r\n<\/style>\r\n\r\n\r\n<style id=\"bhwc-native-mobile-menu\">\r\n\/* =========================================================\r\n   MENU MOBILE \/ TABLETTE \u2014 SOLUTION NATIVE\r\n   Aucun JavaScript n\u00e9cessaire pour ouvrir le menu.\r\n   Le PC conserve le menu desktop existant.\r\n   ========================================================= *\/\r\n\r\n.bhwc-mobile-menu{\r\n  display:none;\r\n}\r\n\r\n@media (max-width:1024px){\r\n\r\n  #bhwc-page header .nav{\r\n    position:relative!important;\r\n    z-index:99999!important;\r\n    overflow:visible!important;\r\n  }\r\n\r\n  #bhwc-page .bhwc-mobile-menu{\r\n    display:block!important;\r\n    position:relative!important;\r\n    margin-left:auto!important;\r\n    z-index:100000!important;\r\n  }\r\n\r\n  #bhwc-page .bhwc-mobile-menu > summary{\r\n    list-style:none!important;\r\n  }\r\n\r\n  #bhwc-page .bhwc-mobile-menu > summary::-webkit-details-marker{\r\n    display:none!important;\r\n  }\r\n\r\n  #bhwc-page .bhwc-mobile-toggle{\r\n    width:44px!important;\r\n    height:44px!important;\r\n    min-width:44px!important;\r\n    min-height:44px!important;\r\n    margin:0!important;\r\n    padding:0!important;\r\n    box-sizing:border-box!important;\r\n    display:flex!important;\r\n    align-items:center!important;\r\n    justify-content:center!important;\r\n    flex-direction:column!important;\r\n    gap:5px!important;\r\n    border:1px solid var(--line)!important;\r\n    border-radius:12px!important;\r\n    background:transparent!important;\r\n    cursor:pointer!important;\r\n    color:#fff!important;\r\n    -webkit-tap-highlight-color:transparent!important;\r\n    user-select:none!important;\r\n  }\r\n\r\n  #bhwc-page .bhwc-mobile-toggle span{\r\n    width:19px!important;\r\n    height:2px!important;\r\n    display:block!important;\r\n    margin:0!important;\r\n    padding:0!important;\r\n    background:#fff!important;\r\n    border-radius:999px!important;\r\n    transition:transform .2s ease,opacity .2s ease!important;\r\n    pointer-events:none!important;\r\n  }\r\n\r\n  #bhwc-page .bhwc-mobile-menu[open] .bhwc-mobile-toggle span:nth-child(1){\r\n    transform:translateY(7px) rotate(45deg)!important;\r\n  }\r\n\r\n  #bhwc-page .bhwc-mobile-menu[open] .bhwc-mobile-toggle span:nth-child(2){\r\n    opacity:0!important;\r\n  }\r\n\r\n  #bhwc-page .bhwc-mobile-menu[open] .bhwc-mobile-toggle span:nth-child(3){\r\n    transform:translateY(-7px) rotate(-45deg)!important;\r\n  }\r\n\r\n  \/* Hide the desktop nav while the native menu is used. *\/\r\n  #bhwc-page header .bhwc-mobile-menu .nav-links{\r\n    position:absolute!important;\r\n    top:calc(100% + 10px)!important;\r\n    right:0!important;\r\n    left:auto!important;\r\n    width:min(330px,calc(100vw - 28px))!important;\r\n    box-sizing:border-box!important;\r\n    margin:0!important;\r\n    padding:10px!important;\r\n    display:flex!important;\r\n    flex-direction:column!important;\r\n    align-items:stretch!important;\r\n    gap:4px!important;\r\n    border:1px solid var(--line)!important;\r\n    border-radius:16px!important;\r\n    background:rgba(5,8,22,.98)!important;\r\n    box-shadow:0 18px 45px rgba(0,0,0,.28)!important;\r\n    z-index:100001!important;\r\n  }\r\n\r\n  #bhwc-page header .bhwc-mobile-menu:not([open]) .nav-links{\r\n    display:none!important;\r\n  }\r\n\r\n  #bhwc-page header .bhwc-mobile-menu .nav-links a{\r\n    display:flex!important;\r\n    align-items:center!important;\r\n    min-height:48px!important;\r\n    padding:0 14px!important;\r\n    color:#fff!important;\r\n    text-decoration:none!important;\r\n  }\r\n\r\n  #bhwc-page header .nav-cta{\r\n    display:none!important;\r\n  }\r\n\r\n  \/* Keep the content visible on Elementor mobile\/tablet. *\/\r\n  #bhwc-page .reveal{\r\n    opacity:1!important;\r\n    transform:none!important;\r\n    visibility:visible!important;\r\n  }\r\n}\r\n\r\n@media (max-width:700px){\r\n  #bhwc-page header .container{\r\n    width:calc(100% - 28px)!important;\r\n  }\r\n\r\n  #bhwc-page header .nav{\r\n    padding:10px 12px!important;\r\n  }\r\n\r\n  #bhwc-page header .bhwc-mobile-menu .nav-links{\r\n    top:calc(100% + 8px)!important;\r\n    width:calc(100vw - 28px)!important;\r\n  }\r\n}\r\n\r\n@media (max-width:380px){\r\n  #bhwc-page .bhwc-mobile-toggle{\r\n    width:42px!important;\r\n    height:42px!important;\r\n    min-width:42px!important;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00a0 BH BH Web Cr\u00e9ation Solutions Comment \u00e7a marche Pour qui ? Tarifs Parlons-en Solutions digitales sur mesure Le web qui travaille pour votre entreprise. BH Web Cr\u00e9ation con\u00e7oit des sites web et des outils digitaux pens\u00e9s pour vous faire gagner en visibilit\u00e9, en efficacit\u00e9 et surtout en temps. D\u00e9couvrir nos solutions \u2192 Parler de&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"default","_kad_post_vertical_padding":"","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":true,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-178","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bhwebcreation.fr\/index.php\/wp-json\/wp\/v2\/pages\/178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bhwebcreation.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bhwebcreation.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bhwebcreation.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bhwebcreation.fr\/index.php\/wp-json\/wp\/v2\/comments?post=178"}],"version-history":[{"count":98,"href":"https:\/\/bhwebcreation.fr\/index.php\/wp-json\/wp\/v2\/pages\/178\/revisions"}],"predecessor-version":[{"id":334,"href":"https:\/\/bhwebcreation.fr\/index.php\/wp-json\/wp\/v2\/pages\/178\/revisions\/334"}],"wp:attachment":[{"href":"https:\/\/bhwebcreation.fr\/index.php\/wp-json\/wp\/v2\/media?parent=178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}