BCE-OSCE \u2014 Smarter, Greener Buildings<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n <style>\r\n :root {\r\n --primary:#0E9E8D;\r\n --secondary:#69C9B9;\r\n --accent:#FFD166;\r\n --dark:#083A46;\r\n --light:#F7FFF9;\r\n --neutral:#ffffff;\r\n --shadow:0 10px 30px rgba(0,0,0,0.15);\r\n --radius:20px;\r\n --gradient-1: linear-gradient(135deg, rgba(14,158,141,0.08), rgba(105,201,185,0.05));\r\n --gradient-2: linear-gradient(135deg, rgba(8,58,70,0.07), rgba(14,158,141,0.05));\r\n --gradient-3: linear-gradient(135deg, rgba(255,209,102,0.08), rgba(255,233,138,0.05));\r\n --gradient-4: linear-gradient(135deg, rgba(54,209,196,0.08), rgba(105,201,185,0.05));\r\n }\r\n * {box-sizing:border-box;margin:0;padding:0}\r\n body {font-family:'Montserrat',sans-serif;background:var(--light);color:var(--dark);line-height:1.6;scroll-behavior:smooth;overflow-x:hidden}\r\n\r\n header {position:fixed;top:0;left:0;width:100%;background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);box-shadow:0 4px 10px rgba(0,0,0,0.05);z-index:1000;transition:background 0.3s ease;}\r\n header.scrolled {background:rgba(255,255,255,0.98);box-shadow:0 2px 12px rgba(0,0,0,0.1);}\r\n nav {max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:10px 30px;}\r\n nav .logo img {height:60px;object-fit:contain;transition:transform 0.3s ease;margin-right:15px;}\r\n nav .logo img:hover {transform:scale(1.08);}\r\n nav ul {display:flex;list-style:none;gap:30px;align-items:center;}\r\n nav a {text-decoration:none;color:var(--dark);font-weight:600;position:relative;transition:color 0.3s;}\r\n nav a::after {content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary);transition:width 0.3s;}\r\n nav a:hover {color:var(--primary);}\r\n nav a:hover::after {width:100%;}\r\n\r\n .hero {min-height:100vh;display:flex;align-items:center;justify-content:center;color:white;position:relative;overflow:hidden;margin-top:80px;background-attachment:fixed;}\r\n .hero::before {content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--primary),var(--secondary),#36d1c4);background-size:200% 200%;animation:gradientShift 12s ease infinite;z-index:-2}\r\n .hero::after {content:'';position:absolute;inset:-10% -20%;background:radial-gradient(ellipse at 70% 30%, rgba(255,255,255,.14), transparent 50%);filter:blur(30px);z-index:-1}\r\n .hero .container {\r\n max-width: 1400px; \/* Augment\u00e9 de 1200px *\/\r\n padding: 80px 60px;\r\n display: grid;\r\n grid-template-columns: 1fr 1.2fr; \/* Ajust\u00e9 pour donner plus d'espace \u00e0 l'image *\/\r\n gap: 40px;\r\n align-items: center;\r\n}\r\n .hero h1 {font-size:64px;line-height:1.08;font-weight:900;text-shadow:0 6px 18px rgba(0,0,0,.25)}\r\n .hero p {font-size:20px;opacity:.95;max-width:560px;margin-top:18px}\r\n .btn {display:inline-block;margin-top:28px;padding:14px 30px;border-radius:40px;font-weight:800;font-size:15px;letter-spacing:.2px;transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;border:none;cursor:pointer}\r\n .btn-primary {background:linear-gradient(45deg,var(--accent),#ffea8a);color:var(--dark);box-shadow:0 10px 24px rgba(8,58,70,.18)}\r\n .btn-primary:hover {transform:translateY(-3px) scale(1.05);background:linear-gradient(45deg,#ffea8a,var(--accent));}\r\n .btn-outline {background:transparent;border:2px solid white;color:white}\r\n .btn-outline:hover {background:white;color:var(--primary)}\r\n .hero img {\r\n width: 630px; \/* 420px * 1.5 *\/\r\n animation: float 6s ease-in-out infinite;\r\n transform-origin: center center;\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n @keyframes float {0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}\r\n @keyframes gradientShift {0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}\r\n\r\n .container {max-width:1200px;margin:auto;padding:0 40px}\r\n section {\r\n position: relative;\r\n padding: 110px 0;\r\n transition: background-color 0.3s ease;\r\n}\r\n\r\n.about {\r\n background: var(--gradient-1);\r\n}\r\n\r\n.key-features {\r\n background: var(--gradient-2);\r\n}\r\n\r\n.solution {\r\n background: var(--gradient-3);\r\n}\r\n\r\n#benefits {\r\n background: var(--gradient-4);\r\n}\r\n\r\n.contact {\r\n background: linear-gradient(135deg, rgba(247,255,249,0.5), rgba(255,255,255,0.8));\r\n}\r\n h2 {\r\n text-align: center;\r\n font-size: 56px;\r\n margin-bottom: 25px;\r\n color: var(--dark);\r\n position: relative;\r\n padding-bottom: 20px;\r\n font-weight: 800;\r\n}\r\n\r\nh2::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80px;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--primary), var(--secondary));\r\n border-radius: 2px;\r\n}\r\n\r\n.section-sub {\r\n text-align: center;\r\n color: var(--primary);\r\n margin-bottom: 60px;\r\n font-size: 20px;\r\n font-weight: 500;\r\n opacity: 0.9;\r\n max-width: 700px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n .about .grid,.solution .grid {display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}\r\n .card {background:var(--neutral);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;transition:transform .3s ease, box-shadow .3s ease;}\r\n .card:hover {transform:translateY(-5px);box-shadow:0 16px 30px rgba(0,0,0,0.12);}\r\n\r\n \/* Shared modern style for Key Features and Key Benefits *\/\r\n .benefit-cards {display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:50px;}\r\n .benefit {background:var(--neutral);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow);position:relative;transition:transform .3s ease, box-shadow .3s ease;}\r\n .benefit::before {content:'';position:absolute;top:0;left:0;width:100%;height:6px;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);background:linear-gradient(90deg,var(--primary),var(--secondary));}\r\n .benefit:hover {transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.1);}\r\n .benefit h4 {\r\n font-size: 24px;\r\n margin-top: 20px;\r\n margin-bottom: 15px;\r\n color: var(--dark);\r\n font-weight: 700;\r\n background: linear-gradient(90deg, var(--primary), var(--secondary));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n display: inline-block;\r\n}\r\n .benefit p {font-size:16px;margin-top:10px;color:var(--dark);line-height:1.6;}\r\n\r\n \/* Contact *\/\r\n .contact .card form input,.contact .card form textarea {width:100%;padding:14px;margin-bottom:12px;border-radius:10px;border:1px solid rgba(0,0,0,.12);font-size:15px}\r\n .contact .card form button {background:var(--primary);color:white;padding:14px 30px;border:none;border-radius:40px;font-weight:800;transition:all .3s ease;}\r\n .contact .card form button:hover {background:#11b6a1;transform:scale(1.05);}\r\n\r\n footer {background:var(--dark);color:white;padding:60px 0 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;}\r\n .footer-container {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:900px;width:100%;text-align:left;align-items:center;}\r\n .footer-logo img {height:60px;width:auto;margin-bottom:10px;}\r\n .footer-col h4 {color:var(--accent);margin-bottom:16px;font-size:18px;}\r\n .footer-col ul {list-style:none;}\r\n .footer-col ul li {margin-bottom:8px;}\r\n .footer-col ul li a {color:white;text-decoration:none;transition:color 0.3s ease;}\r\n .footer-col ul li a:hover {color:var(--accent);}\r\n .footer-bottom {border-top:1px solid rgba(255,255,255,0.2);padding-top:20px;text-align:center;font-size:14px;color:#ccc;margin-top:20px;}\r\n\r\n @media(max-width:768px) {\r\n nav {flex-direction:column;}\r\n nav .logo img {height:50px;margin-bottom:10px;}\r\n nav ul {flex-direction:column;gap:15px;}\r\n .footer-logo img {height:50px;}\r\n }\r\n\r\n \/* Ajouter un effet de transition entre les sections *\/\r\nsection::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100px;\r\n background: inherit;\r\n transform: skewY(-3deg);\r\n transform-origin: bottom right;\r\n z-index: -1;\r\n}\r\n\r\n\/* Am\u00e9liorer les cartes pour qu'elles se d\u00e9marquent sur les fonds color\u00e9s *\/\r\n.card, .benefit {\r\n background: rgba(255, 255, 255, 0.95);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n box-shadow: 0 8px 32px rgba(8, 58, 70, 0.1);\r\n}\r\n\r\n.benefit:hover {\r\n background: rgba(255, 255, 255, 1);\r\n transform: translateY(-6px);\r\n box-shadow: 0 12px 40px rgba(8, 58, 70, 0.15);\r\n}\r\n\r\n\/* Adapter les titres pour une meilleure lisibilit\u00e9 *\/\r\nh2 {\r\n text-shadow: 0 2px 4px rgba(8, 58, 70, 0.1);\r\n}\r\n\r\n.section-sub {\r\n text-shadow: 0 1px 2px rgba(8, 58, 70, 0.05);\r\n}\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <header>\r\n <nav>\r\n <div class=\"logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.bce-os.com\/wp-content\/uploads\/2025\/10\/Tech-Website-in-Neon-Green-Dark-Green-Black-and-White-Style-8.png\">\r\n <\/div>\r\n <ul>\r\n <li><a href=\"#about\">About<\/a><\/li>\r\n <li><a href=\"#solution\">Solution<\/a><\/li>\r\n <li><a href=\"#benefits\">Benefits<\/a><\/li>\r\n <li><a href=\"#contact\">Contact<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n <\/header>\r\n\r\n <section class=\"hero fade-up\">\r\n <div class=\"container\">\r\n <div class=\"fade-left\">\r\n <h1>Smarter, Greener Buildings<\/h1>\r\n <p>We believe buildings should do more than operate \u2014 they should understand, learn, and evolve. That\u2019s why we created BCE-OS, a breakthrough IoT middleware that transforms raw data into intelligence for smarter, greener buildings.<\/p>\r\n <a href=\"#solution\" class=\"btn btn-primary\">Explore BCE-OS<\/a>\r\n <a href=\"#contact\" class=\"btn btn-outline\">Contact Us<\/a>\r\n <\/div>\r\n <img decoding=\"async\" class=\"fade-right\" src=\"https:\/\/www.bce-os.com\/wp-content\/uploads\/2025\/10\/imgi_2_terre-main-ECB-SENSORS-1000pix.png\">\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"about\" class=\"about fade-up\">\r\n <div class=\"container\">\r\n <h2>About BCE-OS<\/h2>\r\n <p class=\"section-sub\">The missing layer of intelligence for connected, sustainable buildings.<\/p>\r\n <div class=\"grid\">\r\n <img decoding=\"async\" class=\"fade-left\" src=\"https:\/\/www.bce-os.com\/wp-content\/uploads\/2025\/10\/Tech-Website-in-Neon-Green-Dark-Green-Black-and-White-Style-4.png\">\r\n <div class=\"card fade-right\">\r\n <p>Unlike traditional Building Management Systems (BMS), <strong>BCE-OS<\/strong> doesn\u2019t control \u2014 it connects and enriches. It gathers data from any sensor, gateway, or digital platform, applies AI, and shares meaningful insights with BMS, BOS, and enterprise systems.<\/p>\r\n <p>Our vision is to make data useful, sustainable, and secure, helping organizations accelerate their energy transition while improving comfort and operational performance.<\/p>\r\n <p><strong>BCE-OS<\/strong> represents the missing layer of intelligence that allows buildings to become truly adaptive, efficient, and responsible.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"key-features fade-up\">\r\n <div class=\"container\">\r\n <h2>Key Features<\/h2>\r\n <div class=\"benefit-cards\">\r\n <div class=\"benefit zoom-in\">\r\n <h4>\ud83e\udde9 Smart Data Centralization<\/h4>\r\n <p>Real-time aggregation of data from all connected sensors \u2014 including temperature, presence, light, energy, intrusion, and more.<\/p>\r\n <\/div>\r\n <div class=\"benefit zoom-in\">\r\n <h4>\ud83e\udde0 Embedded Intelligence<\/h4>\r\n <p>Built-in AI for anomaly detection, event correlation, and smart alerts that help operators act faster and more efficiently.<\/p>\r\n <\/div>\r\n <div class=\"benefit zoom-in\">\r\n <h4>\ud83d\udd17 Native Interoperability<\/h4>\r\n <p>Seamless integration with third-party systems such as BOS, BMS, CMMS, and partner platforms, enabling easy and scalable connectivity.<\/p>\r\n <\/div>\r\n <div class=\"benefit zoom-in\">\r\n <h4>\u2699\ufe0f Simplified Configuration<\/h4>\r\n <p>Intuitive setup of thresholds, rules, and alert scenarios (temperature, occupancy, brightness, consumption, etc.) through a user-friendly web and mobile interface.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"solution\" class=\"solution fade-up\">\r\n <div class=\"container\">\r\n <h2>The Solution<\/h2>\r\n <p class=\"section-sub\">AI-powered middleware that unifies, analyzes, and enhances all building data in real time.<\/p>\r\n <div class=\"grid\">\r\n <div class=\"card fade-left\">\r\n <p><strong>BCE-OS<\/strong> is an AI-powered middleware that unifies, analyzes, and enhances all building data in real time. Built upon open-source secure models, it ensures information security extends down to data sources. It bridges the gap between IoT devices, management systems, and digital services, delivering actionable insights through a mobile app.<\/p>\r\n <\/div>\r\n <img decoding=\"async\" class=\"fade-right\" src=\"https:\/\/www.bce-os.com\/wp-content\/uploads\/2025\/10\/Tech-Website-in-Neon-Green-Dark-Green-Black-and-White-Style-6.png\" alt=\"AI Analytics\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"benefits\" class=\"fade-up\">\r\n <div class=\"container\">\r\n <h2>Key Benefits<\/h2>\r\n <div class=\"benefit-cards\">\r\n <div class=\"benefit zoom-in\">\r\n <h4>\ud83d\udca1 Optimize Energy Efficiency through AI<\/h4>\r\n <p>BCE-OS identifies energy-saving opportunities instantly, ensuring optimal comfort while reducing consumption and carbon footprint.<\/p>\r\n <p><strong>\u2192 Smarter control, measurable impact.<\/strong><\/p>\r\n <\/div>\r\n <div class=\"benefit zoom-in\">\r\n <h4>\ud83c\udf0d Accelerate Sustainability at Scale<\/h4>\r\n <p>By connecting every building system into one intelligent layer, BCE-OS helps companies achieve their ESG and decarbonization goals faster.<\/p>\r\n <p><strong>\u2192 Data-driven sustainability, from insight to action.<\/strong><\/p>\r\n <\/div>\r\n <div class=\"benefit zoom-in\">\r\n <h4>\ud83c\udfd7\ufe0f Extend the Value of Existing Infrastructures<\/h4>\r\n <p>BCE-OS amplifies the intelligence of BMS and BOS by sending enriched, contextualized data back to them \u2014 no replacement needed.<\/p>\r\n <p><strong>\u2192 A sustainable way to boost performance and longevity.<\/strong><\/p>\r\n <\/div>\r\n <\/div>\r\n <p class=\"section-sub\" style=\"margin-top:26px\">Join the smart building revolution \u2014 where data, AI, and sustainability come together.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"contact\" class=\"contact fade-up\">\r\n <div class=\"container\">\r\n <h2>Contact Us<\/h2>\r\n <p class=\"section-sub\">Ready to make your building smarter? Let\u2019s talk.<\/p>\r\n <div class=\"card zoom-in\">\r\n <form onsubmit=\"event.preventDefault();alert('Message sent!');\">\r\n <input type=\"text\" placeholder=\"Name\" required>\r\n <input type=\"email\" placeholder=\"Email\" required>\r\n <textarea placeholder=\"Your message\" required style=\"min-height:120px\"><\/textarea>\r\n <button class=\"btn btn-primary\" type=\"submit\">Send<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer>\r\n <div class=\"footer-container\">\r\n <div class=\"footer-col footer-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.bce-os.com\/wp-content\/uploads\/2025\/10\/Tech-Website-in-Neon-Green-Dark-Green-Black-and-White-Style-7.png\">\r\n <p>Empowering sustainable buildings through smart IoT middleware and AI-driven data insights.<\/p>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>Quick Links<\/h4>\r\n <ul>\r\n <li><a href=\"#about\">About<\/a><\/li>\r\n <li><a href=\"#solution\">Solution<\/a><\/li>\r\n <li><a href=\"#benefits\">Benefits<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\u00a9 2025 BCE-OS \u2014 All rights reserved | Designed for a sustainable future<\/div>\r\n <\/footer>\r\n<\/body>\r\n<\/html>\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>BCE-OSCE \u2014 Smarter, Greener Buildings About Solution Benefits Contact Smarter, Greener Buildings We believe buildings should do more than operate \u2014 they should understand, learn, and evolve. That\u2019s why we created BCE-OS, a breakthrough IoT middleware that transforms raw data into intelligence for smarter, greener buildings. Explore BCE-OS Contact Us About BCE-OS The missing layer […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.bce-os.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bce-os.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bce-os.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bce-os.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bce-os.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":109,"href":"https:\/\/www.bce-os.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":165,"href":"https:\/\/www.bce-os.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/165"}],"wp:attachment":[{"href":"https:\/\/www.bce-os.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

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

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n BCE-OSCE \u2014 Smarter, Greener Buildings<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n <style>\r\n :root {\r\n --primary:#0E9E8D;\r\n --secondary:#69C9B9;\r\n --accent:#FFD166;\r\n --dark:#083A46;\r\n --light:#F7FFF9;\r\n --neutral:#ffffff;\r\n --shadow:0 10px 30px rgba(0,0,0,0.15);\r\n --radius:20px;\r\n --gradient-1: linear-gradient(135deg, rgba(14,158,141,0.08), rgba(105,201,185,0.05));\r\n --gradient-2: linear-gradient(135deg, rgba(8,58,70,0.07), rgba(14,158,141,0.05));\r\n --gradient-3: linear-gradient(135deg, rgba(255,209,102,0.08), rgba(255,233,138,0.05));\r\n --gradient-4: linear-gradient(135deg, rgba(54,209,196,0.08), rgba(105,201,185,0.05));\r\n }\r\n * {box-sizing:border-box;margin:0;padding:0}\r\n body {font-family:'Montserrat',sans-serif;background:var(--light);color:var(--dark);line-height:1.6;scroll-behavior:smooth;overflow-x:hidden}\r\n\r\n header {position:fixed;top:0;left:0;width:100%;background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);box-shadow:0 4px 10px rgba(0,0,0,0.05);z-index:1000;transition:background 0.3s ease;}\r\n header.scrolled {background:rgba(255,255,255,0.98);box-shadow:0 2px 12px rgba(0,0,0,0.1);}\r\n nav {max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:10px 30px;}\r\n nav .logo img {height:60px;object-fit:contain;transition:transform 0.3s ease;margin-right:15px;}\r\n nav .logo img:hover {transform:scale(1.08);}\r\n nav ul {display:flex;list-style:none;gap:30px;align-items:center;}\r\n nav a {text-decoration:none;color:var(--dark);font-weight:600;position:relative;transition:color 0.3s;}\r\n nav a::after {content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary);transition:width 0.3s;}\r\n nav a:hover {color:var(--primary);}\r\n nav a:hover::after {width:100%;}\r\n\r\n .hero {min-height:100vh;display:flex;align-items:center;justify-content:center;color:white;position:relative;overflow:hidden;margin-top:80px;background-attachment:fixed;}\r\n .hero::before {content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--primary),var(--secondary),#36d1c4);background-size:200% 200%;animation:gradientShift 12s ease infinite;z-index:-2}\r\n .hero::after {content:'';position:absolute;inset:-10% -20%;background:radial-gradient(ellipse at 70% 30%, rgba(255,255,255,.14), transparent 50%);filter:blur(30px);z-index:-1}\r\n .hero .container {\r\n max-width: 1400px; \/* Augment\u00e9 de 1200px *\/\r\n padding: 80px 60px;\r\n display: grid;\r\n grid-template-columns: 1fr 1.2fr; \/* Ajust\u00e9 pour donner plus d'espace \u00e0 l'image *\/\r\n gap: 40px;\r\n align-items: center;\r\n}\r\n .hero h1 {font-size:64px;line-height:1.08;font-weight:900;text-shadow:0 6px 18px rgba(0,0,0,.25)}\r\n .hero p {font-size:20px;opacity:.95;max-width:560px;margin-top:18px}\r\n .btn {display:inline-block;margin-top:28px;padding:14px 30px;border-radius:40px;font-weight:800;font-size:15px;letter-spacing:.2px;transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;border:none;cursor:pointer}\r\n .btn-primary {background:linear-gradient(45deg,var(--accent),#ffea8a);color:var(--dark);box-shadow:0 10px 24px rgba(8,58,70,.18)}\r\n .btn-primary:hover {transform:translateY(-3px) scale(1.05);background:linear-gradient(45deg,#ffea8a,var(--accent));}\r\n .btn-outline {background:transparent;border:2px solid white;color:white}\r\n .btn-outline:hover {background:white;color:var(--primary)}\r\n .hero img {\r\n width: 630px; \/* 420px * 1.5 *\/\r\n animation: float 6s ease-in-out infinite;\r\n transform-origin: center center;\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n @keyframes float {0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}\r\n @keyframes gradientShift {0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}\r\n\r\n .container {max-width:1200px;margin:auto;padding:0 40px}\r\n section {\r\n position: relative;\r\n padding: 110px 0;\r\n transition: background-color 0.3s ease;\r\n}\r\n\r\n.about {\r\n background: var(--gradient-1);\r\n}\r\n\r\n.key-features {\r\n background: var(--gradient-2);\r\n}\r\n\r\n.solution {\r\n background: var(--gradient-3);\r\n}\r\n\r\n#benefits {\r\n background: var(--gradient-4);\r\n}\r\n\r\n.contact {\r\n background: linear-gradient(135deg, rgba(247,255,249,0.5), rgba(255,255,255,0.8));\r\n}\r\n h2 {\r\n text-align: center;\r\n font-size: 56px;\r\n margin-bottom: 25px;\r\n color: var(--dark);\r\n position: relative;\r\n padding-bottom: 20px;\r\n font-weight: 800;\r\n}\r\n\r\nh2::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80px;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--primary), var(--secondary));\r\n border-radius: 2px;\r\n}\r\n\r\n.section-sub {\r\n text-align: center;\r\n color: var(--primary);\r\n margin-bottom: 60px;\r\n font-size: 20px;\r\n font-weight: 500;\r\n opacity: 0.9;\r\n max-width: 700px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n .about .grid,.solution .grid {display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}\r\n .card {background:var(--neutral);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;transition:transform .3s ease, box-shadow .3s ease;}\r\n .card:hover {transform:translateY(-5px);box-shadow:0 16px 30px rgba(0,0,0,0.12);}\r\n\r\n \/* Shared modern style for Key Features and Key Benefits *\/\r\n .benefit-cards {display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:50px;}\r\n .benefit {background:var(--neutral);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow);position:relative;transition:transform .3s ease, box-shadow .3s ease;}\r\n .benefit::before {content:'';position:absolute;top:0;left:0;width:100%;height:6px;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);background:linear-gradient(90deg,var(--primary),var(--secondary));}\r\n .benefit:hover {transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.1);}\r\n .benefit h4 {\r\n font-size: 24px;\r\n margin-top: 20px;\r\n margin-bottom: 15px;\r\n color: var(--dark);\r\n font-weight: 700;\r\n background: linear-gradient(90deg, var(--primary), var(--secondary));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n display: inline-block;\r\n}\r\n .benefit p {font-size:16px;margin-top:10px;color:var(--dark);line-height:1.6;}\r\n\r\n \/* Contact *\/\r\n .contact .card form input,.contact .card form textarea {width:100%;padding:14px;margin-bottom:12px;border-radius:10px;border:1px solid rgba(0,0,0,.12);font-size:15px}\r\n .contact .card form button {background:var(--primary);color:white;padding:14px 30px;border:none;border-radius:40px;font-weight:800;transition:all .3s ease;}\r\n .contact .card form button:hover {background:#11b6a1;transform:scale(1.05);}\r\n\r\n footer {background:var(--dark);color:white;padding:60px 0 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;}\r\n .footer-container {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:900px;width:100%;text-align:left;align-items:center;}\r\n .footer-logo img {height:60px;width:auto;margin-bottom:10px;}\r\n .footer-col h4 {color:var(--accent);margin-bottom:16px;font-size:18px;}\r\n .footer-col ul {list-style:none;}\r\n .footer-col ul li {margin-bottom:8px;}\r\n .footer-col ul li a {color:white;text-decoration:none;transition:color 0.3s ease;}\r\n .footer-col ul li a:hover {color:var(--accent);}\r\n .footer-bottom {border-top:1px solid rgba(255,255,255,0.2);padding-top:20px;text-align:center;font-size:14px;color:#ccc;margin-top:20px;}\r\n\r\n @media(max-width:768px) {\r\n nav {flex-direction:column;}\r\n nav .logo img {height:50px;margin-bottom:10px;}\r\n nav ul {flex-direction:column;gap:15px;}\r\n .footer-logo img {height:50px;}\r\n }\r\n\r\n \/* Ajouter un effet de transition entre les sections *\/\r\nsection::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100px;\r\n background: inherit;\r\n transform: skewY(-3deg);\r\n transform-origin: bottom right;\r\n z-index: -1;\r\n}\r\n\r\n\/* Am\u00e9liorer les cartes pour qu'elles se d\u00e9marquent sur les fonds color\u00e9s *\/\r\n.card, .benefit {\r\n background: rgba(255, 255, 255, 0.95);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n box-shadow: 0 8px 32px rgba(8, 58, 70, 0.1);\r\n}\r\n\r\n.benefit:hover {\r\n background: rgba(255, 255, 255, 1);\r\n transform: translateY(-6px);\r\n box-shadow: 0 12px 40px rgba(8, 58, 70, 0.15);\r\n}\r\n\r\n\/* Adapter les titres pour une meilleure lisibilit\u00e9 *\/\r\nh2 {\r\n text-shadow: 0 2px 4px rgba(8, 58, 70, 0.1);\r\n}\r\n\r\n.section-sub {\r\n text-shadow: 0 1px 2px rgba(8, 58, 70, 0.05);\r\n}\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <header>\r\n <nav>\r\n <div class=\"logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.bce-os.com\/wp-content\/uploads\/2025\/10\/Tech-Website-in-Neon-Green-Dark-Green-Black-and-White-Style-8.png\">\r\n <\/div>\r\n <ul>\r\n <li><a href=\"#about\">About<\/a><\/li>\r\n <li><a href=\"#solution\">Solution<\/a><\/li>\r\n <li><a href=\"#benefits\">Benefits<\/a><\/li>\r\n <li><a href=\"#contact\">Contact<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n <\/header>\r\n\r\n <section class=\"hero fade-up\">\r\n <div class=\"container\">\r\n <div class=\"fade-left\">\r\n <h1>Smarter, Greener Buildings<\/h1>\r\n <p>We believe buildings should do more than operate \u2014 they should understand, learn, and evolve. That\u2019s why we created BCE-OS, a breakthrough IoT middleware that transforms raw data into intelligence for smarter, greener buildings.<\/p>\r\n <a href=\"#solution\" class=\"btn btn-primary\">Explore BCE-OS<\/a>\r\n <a href=\"#contact\" class=\"btn btn-outline\">Contact Us<\/a>\r\n <\/div>\r\n <img decoding=\"async\" class=\"fade-right\" src=\"https:\/\/www.bce-os.com\/wp-content\/uploads\/2025\/10\/imgi_2_terre-main-ECB-SENSORS-1000pix.png\">\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"about\" class=\"about fade-up\">\r\n <div class=\"container\">\r\n <h2>About BCE-OS<\/h2>\r\n <p class=\"section-sub\">The missing layer of intelligence for connected, sustainable buildings.<\/p>\r\n <div class=\"grid\">\r\n <img decoding=\"async\" class=\"fade-left\" src=\"https:\/\/www.bce-os.com\/wp-content\/uploads\/2025\/10\/Tech-Website-in-Neon-Green-Dark-Green-Black-and-White-Style-4.png\">\r\n <div class=\"card fade-right\">\r\n <p>Unlike traditional Building Management Systems (BMS), <strong>BCE-OS<\/strong> doesn\u2019t control \u2014 it connects and enriches. It gathers data from any sensor, gateway, or digital platform, applies AI, and shares meaningful insights with BMS, BOS, and enterprise systems.<\/p>\r\n <p>Our vision is to make data useful, sustainable, and secure, helping organizations accelerate their energy transition while improving comfort and operational performance.<\/p>\r\n <p><strong>BCE-OS<\/strong> represents the missing layer of intelligence that allows buildings to become truly adaptive, efficient, and responsible.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"key-features fade-up\">\r\n <div class=\"container\">\r\n <h2>Key Features<\/h2>\r\n <div class=\"benefit-cards\">\r\n <div class=\"benefit zoom-in\">\r\n <h4>\ud83e\udde9 Smart Data Centralization<\/h4>\r\n <p>Real-time aggregation of data from all connected sensors \u2014 including temperature, presence, light, energy, intrusion, and more.<\/p>\r\n <\/div>\r\n <div class=\"benefit zoom-in\">\r\n <h4>\ud83e\udde0 Embedded Intelligence<\/h4>\r\n <p>Built-in AI for anomaly detection, event correlation, and smart alerts that help operators act faster and more efficiently.<\/p>\r\n <\/div>\r\n <div class=\"benefit zoom-in\">\r\n <h4>\ud83d\udd17 Native Interoperability<\/h4>\r\n <p>Seamless integration with third-party systems such as BOS, BMS, CMMS, and partner platforms, enabling easy and scalable connectivity.<\/p>\r\n <\/div>\r\n <div class=\"benefit zoom-in\">\r\n <h4>\u2699\ufe0f Simplified Configuration<\/h4>\r\n <p>Intuitive setup of thresholds, rules, and alert scenarios (temperature, occupancy, brightness, consumption, etc.) through a user-friendly web and mobile interface.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"solution\" class=\"solution fade-up\">\r\n <div class=\"container\">\r\n <h2>The Solution<\/h2>\r\n <p class=\"section-sub\">AI-powered middleware that unifies, analyzes, and enhances all building data in real time.<\/p>\r\n <div class=\"grid\">\r\n <div class=\"card fade-left\">\r\n <p><strong>BCE-OS<\/strong> is an AI-powered middleware that unifies, analyzes, and enhances all building data in real time. Built upon open-source secure models, it ensures information security extends down to data sources. It bridges the gap between IoT devices, management systems, and digital services, delivering actionable insights through a mobile app.<\/p>\r\n <\/div>\r\n <img decoding=\"async\" class=\"fade-right\" src=\"https:\/\/www.bce-os.com\/wp-content\/uploads\/2025\/10\/Tech-Website-in-Neon-Green-Dark-Green-Black-and-White-Style-6.png\" alt=\"AI Analytics\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"benefits\" class=\"fade-up\">\r\n <div class=\"container\">\r\n <h2>Key Benefits<\/h2>\r\n <div class=\"benefit-cards\">\r\n <div class=\"benefit zoom-in\">\r\n <h4>\ud83d\udca1 Optimize Energy Efficiency through AI<\/h4>\r\n <p>BCE-OS identifies energy-saving opportunities instantly, ensuring optimal comfort while reducing consumption and carbon footprint.<\/p>\r\n <p><strong>\u2192 Smarter control, measurable impact.<\/strong><\/p>\r\n <\/div>\r\n <div class=\"benefit zoom-in\">\r\n <h4>\ud83c\udf0d Accelerate Sustainability at Scale<\/h4>\r\n <p>By connecting every building system into one intelligent layer, BCE-OS helps companies achieve their ESG and decarbonization goals faster.<\/p>\r\n <p><strong>\u2192 Data-driven sustainability, from insight to action.<\/strong><\/p>\r\n <\/div>\r\n <div class=\"benefit zoom-in\">\r\n <h4>\ud83c\udfd7\ufe0f Extend the Value of Existing Infrastructures<\/h4>\r\n <p>BCE-OS amplifies the intelligence of BMS and BOS by sending enriched, contextualized data back to them \u2014 no replacement needed.<\/p>\r\n <p><strong>\u2192 A sustainable way to boost performance and longevity.<\/strong><\/p>\r\n <\/div>\r\n <\/div>\r\n <p class=\"section-sub\" style=\"margin-top:26px\">Join the smart building revolution \u2014 where data, AI, and sustainability come together.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"contact\" class=\"contact fade-up\">\r\n <div class=\"container\">\r\n <h2>Contact Us<\/h2>\r\n <p class=\"section-sub\">Ready to make your building smarter? Let\u2019s talk.<\/p>\r\n <div class=\"card zoom-in\">\r\n <form onsubmit=\"event.preventDefault();alert('Message sent!');\">\r\n <input type=\"text\" placeholder=\"Name\" required>\r\n <input type=\"email\" placeholder=\"Email\" required>\r\n <textarea placeholder=\"Your message\" required style=\"min-height:120px\"><\/textarea>\r\n <button class=\"btn btn-primary\" type=\"submit\">Send<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer>\r\n <div class=\"footer-container\">\r\n <div class=\"footer-col footer-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.bce-os.com\/wp-content\/uploads\/2025\/10\/Tech-Website-in-Neon-Green-Dark-Green-Black-and-White-Style-7.png\">\r\n <p>Empowering sustainable buildings through smart IoT middleware and AI-driven data insights.<\/p>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>Quick Links<\/h4>\r\n <ul>\r\n <li><a href=\"#about\">About<\/a><\/li>\r\n <li><a href=\"#solution\">Solution<\/a><\/li>\r\n <li><a href=\"#benefits\">Benefits<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\u00a9 2025 BCE-OS \u2014 All rights reserved | Designed for a sustainable future<\/div>\r\n <\/footer>\r\n<\/body>\r\n<\/html>\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>BCE-OSCE \u2014 Smarter, Greener Buildings About Solution Benefits Contact Smarter, Greener Buildings We believe buildings should do more than operate \u2014 they should understand, learn, and evolve. That\u2019s why we created BCE-OS, a breakthrough IoT middleware that transforms raw data into intelligence for smarter, greener buildings. Explore BCE-OS Contact Us About BCE-OS The missing layer […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.bce-os.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bce-os.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bce-os.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bce-os.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bce-os.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":109,"href":"https:\/\/www.bce-os.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":165,"href":"https:\/\/www.bce-os.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/165"}],"wp:attachment":[{"href":"https:\/\/www.bce-os.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}