{% include '@Application/inc/central_header.html.twig' %}{# ═══ HOMEPAGE — WEB-2.0 (owner-approved preview 2026-08-10: "you can go ahead"). The master prompt's narrative on the approved cream/amber identity: hero "Intelligence from Edge to Enterprise" + the edge→enterprise STACK visual, the five-systems problem strip, four pillars + Transportation as honest roadmap, the HoneyCore 4.0 dark flagship (price BY PROPOSAL — owner ruling; the wall scan would refuse the figure in any spelling, including in this comment), alternating product rows, family pricing cards, final CTA. LAWS: every figure from THE ONE price store (zero €-literals — the selftest scans) · §33 events (home_product_click / home_pricing_click / trial_start) · OWNER-ASSET SLOTS honest (no invented logos/screenshots) · the LONG corporate footer persists (central_footer include, untouched — owner ruling 2) · headings Montserrat ≤700/800 (the "too dark" ruling; the hero keeps 800 for presence, never 900 body-scale). #}{% set p = prices %}<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800&display=swap" rel="stylesheet"><style>:root { --n-cream:#F7F5F0; --n-cream-2:#F0EDE5; --n-white:#FFFFFF; --n-dark:#1A1D2E; --n-amber:#C07D2A; --n-amber-lt:#D4954A; --n-amber-dim:rgba(192,125,42,.10); --n-sage:#3D6B52; --n-sage-dim:rgba(61,107,82,.09); --n-muted:#6B6E7F; --n-border:rgba(26,29,46,.07); --n-border-md:rgba(26,29,46,.12); --n-slate:#232838; --sh-sm:0 2px 12px rgba(26,29,46,.07); --sh-lg:0 24px 70px rgba(26,29,46,.13); --hb2-font:'DM Sans',system-ui,sans-serif; --hb2-display:'Montserrat',system-ui,sans-serif;}.hb2 { background:var(--n-cream); color:var(--n-dark); font-family:var(--hb2-font); overflow-x:hidden; text-align:left; }.hb2 * { box-sizing:border-box; }.hb2 a { text-decoration:none; color:inherit; }.hb2-wrap { max-width:1140px; margin:0 auto; padding:0 24px; }.hb2-btn { display:inline-flex; align-items:center; gap:8px; font-weight:700; font-size:14.5px; padding:12px 26px; border-radius:10px; transition:.18s; }.hb2-btn-amber { background:var(--n-amber); color:#fff !important; box-shadow:0 6px 20px rgba(192,125,42,.28); }.hb2-btn-amber:hover { background:var(--n-amber-lt); transform:translateY(-1px); }.hb2-btn-line { border:1.5px solid var(--n-border-md); color:var(--n-dark) !important; background:var(--n-white); }.hb2-btn-line:hover { border-color:var(--n-amber); }.hb2-kicker { display:inline-block; font-size:11.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--n-amber); margin-bottom:14px; }.hb2-status { display:inline-block; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; padding:2px 9px; border-radius:100px; vertical-align:middle; margin-left:8px; }.hb2-st-now { background:var(--n-sage-dim); color:var(--n-sage); }.hb2-st-road { background:var(--n-amber-dim); color:var(--n-amber); }.hb2 h1, .hb2 h2, .hb2 h3, .hb2 h4 { font-family:var(--hb2-display); font-weight:700; letter-spacing:-.015em; line-height:1.16; margin:0; }.hb2 section { padding:78px 0; }.hb2 section.alt { background:var(--n-white); border-top:1px solid var(--n-border); border-bottom:1px solid var(--n-border); }.hb2-sech { max-width:660px; margin-bottom:44px; }.hb2-sech.center { margin-left:auto; margin-right:auto; text-align:center; }.hb2-sech h2 { font-size:clamp(24px,3vw,34px); }.hb2-sech p { color:var(--n-muted); margin:12px 0 0; font-size:16px; }/* hero */.hb2-hero { padding:88px 0 72px; background:linear-gradient(180deg,var(--n-cream) 0%,var(--n-cream-2) 100%); }.hb2-hero-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:center; }.hb2-hero h1 { font-weight:800; font-size:clamp(34px,4.6vw,52px); }.hb2-hero .sub { font-size:17.5px; color:var(--n-muted); margin:20px 0 30px; max-width:520px; }.hb2-hero .ctas { display:flex; gap:12px; flex-wrap:wrap; }.hb2-hero .tagline { margin-top:26px; font-size:13.5px; color:var(--n-muted); font-weight:500; }.hb2-hero .tagline b { color:var(--n-dark); }.hb2-stack { background:var(--n-slate); border-radius:16px; padding:26px 26px 20px; color:#E8EAF0; box-shadow:var(--sh-lg); }.hb2-stack .lay { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:9px; padding:10px 16px; margin-bottom:8px; display:flex; justify-content:space-between; align-items:center; font-size:13px; }.hb2-stack .lay b { font-family:var(--hb2-display); font-size:13.5px; }.hb2-stack .lay span { font-size:11px; color:#98A0B8; }.hb2-stack .lay.hl { border-color:var(--n-amber); background:rgba(192,125,42,.16); }.hb2-stack .up { text-align:center; color:#5A617C; font-size:12px; line-height:1; margin:2px 0 8px; }.hb2-stack .cap { font-size:11px; color:#98A0B8; text-align:center; margin-top:12px; }/* problem strip */.hb2-problem { display:grid; grid-template-columns:repeat(5,1fr); gap:2px; background:var(--n-border); border-radius:12px; overflow:hidden; }.hb2-problem > div { background:var(--n-white); padding:20px 18px; font-size:13.5px; color:var(--n-muted); }.hb2-problem b { display:block; font-family:var(--hb2-display); font-size:13px; color:var(--n-dark); margin-bottom:5px; }.hb2-problem .x { color:#B03A2E; font-weight:700; margin-right:4px; }.hb2-problem-line { text-align:center; margin-top:26px; font-size:16.5px; }.hb2-problem-line b { color:var(--n-amber); }/* pillars */.hb2-pillars { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }.hb2-pillar { background:var(--n-white); border:1px solid var(--n-border-md); border-radius:12px; padding:26px 24px; }.hb2-pillar .k { font-size:10.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--n-amber); }.hb2-pillar h3 { font-size:18px; margin:8px 0; }.hb2-pillar p { font-size:13.5px; color:var(--n-muted); margin:0; }.hb2-pillar .prods { margin-top:14px; font-size:12.5px; font-weight:500; line-height:1.9; }.hb2-roadstrip { margin-top:16px; border:1.5px dashed var(--n-border-md); border-radius:12px; padding:16px 24px; display:flex; align-items:center; gap:14px; font-size:13.5px; color:var(--n-muted); }/* honeycore flagship (dark) */.hb2-hw { background:var(--n-slate); color:#E8EAF0; border:none; }.hb2-hw .hb2-sech p { color:#98A0B8; }.hb2-hw-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:56px; align-items:center; }.hb2-hw-unit { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:16px; aspect-ratio:4/3; display:flex; align-items:center; justify-content:center; color:#98A0B8; font-size:13px; }.hb2-hw-caps { display:grid; grid-template-columns:1fr 1fr; gap:10px 26px; margin:20px 0; font-size:13.5px; }.hb2-hw-caps span::before { content:'—'; color:var(--n-amber); margin-right:8px; font-weight:700; }.hb2-hw-price { font-family:var(--hb2-display); font-weight:700; font-size:16px; }.hb2-hw-price small { color:#98A0B8; font-family:var(--hb2-font); font-weight:500; }/* product rows */.hb2-feat { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; padding:34px 0; }.hb2-feat + .hb2-feat { border-top:1px solid var(--n-border); }.hb2-feat h3 { font-size:24px; margin-bottom:12px; }.hb2-feat p { color:var(--n-muted); font-size:15px; max-width:460px; margin:0; }.hb2-feat .pts { margin:16px 0 18px; font-size:14px; line-height:2; }.hb2-feat .pts b { color:var(--n-sage); font-weight:700; margin-right:6px; }.hb2-feat .shot { background:var(--n-cream-2); border:1px solid var(--n-border-md); border-radius:12px; aspect-ratio:16/10.5; display:flex; align-items:center; justify-content:center; color:var(--n-muted); font-size:13px; position:relative; }.hb2-feat .shot .tag { position:absolute; top:12px; left:12px; background:var(--n-white); border:1px solid var(--n-border); border-radius:6px; padding:3px 10px; font-size:11px; font-weight:700; }.hb2-feat .price { font-family:var(--hb2-display); font-weight:700; font-size:15px; margin-top:4px; }.hb2-feat .price small { color:var(--n-muted); font-weight:500; font-family:var(--hb2-font); }.hb2-feat .go { display:inline-block; margin-top:12px; font-size:13.5px; font-weight:700; color:var(--n-amber); }/* pricing family cards */.hb2-pricing { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }.hb2-pcard { background:var(--n-white); border:1px solid var(--n-border-md); border-radius:12px; padding:24px 22px; }.hb2-pcard .fam { font-size:10.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--n-muted); }.hb2-pcard h3 { font-size:16.5px; margin:6px 0 4px; }.hb2-pcard .pr { font-family:var(--hb2-display); font-weight:700; font-size:22px; margin:10px 0 2px; }.hb2-pcard .pr small { font-size:12px; color:var(--n-muted); font-weight:500; font-family:var(--hb2-font); }.hb2-pcard p { font-size:12.5px; color:var(--n-muted); margin:0; }.hb2-pcard a { display:inline-block; margin-top:14px; font-size:13px; font-weight:700; color:var(--n-amber); }/* proof + final */.hb2-proof { display:flex; gap:14px; flex-wrap:wrap; align-items:center; justify-content:center; }.hb2-proof .slot { border:1.5px dashed var(--n-border-md); border-radius:10px; padding:14px 26px; font-size:12px; color:var(--n-muted); }.hb2-final { background:linear-gradient(180deg,var(--n-cream-2),var(--n-cream)); text-align:center; }.hb2-final h2 { font-size:clamp(26px,3.4vw,38px); max-width:720px; margin:0 auto; }.hb2-final p { color:var(--n-muted); margin:16px auto 30px; max-width:520px; }@media(max-width:960px){ .hb2-hero-grid, .hb2-hw-grid, .hb2-feat { grid-template-columns:1fr; gap:32px; } .hb2-pillars, .hb2-pricing { grid-template-columns:1fr 1fr; } .hb2-problem { grid-template-columns:1fr 1fr; }}@media(max-width:960px){ .hb2-entities { grid-template-columns:1fr !important; } }@media(max-width:560px){ .hb2-pillars, .hb2-pricing, .hb2-problem { grid-template-columns:1fr; } }</style><div class="hb2"> {# ── 1 · HERO — the master prompt's positioning on the approved identity ── #} <section class="hb2-hero"><div class="hb2-wrap"> <div class="hb2-hero-grid"> <div> <span class="hb2-kicker">Business · Energy · Engineering · AI</span> <h1>Business and Energy.<br>One Operating Ecosystem.</h1> <p class="sub">HoneyBee connects business operations, engineering workflows, industrial energy systems and AI — from project planning to HoneyCore-powered site intelligence — in one governed platform.</p> <div class="ctas"> <a class="hb2-btn hb2-btn-amber" href="#hb2-eco">Explore the Ecosystem</a> <a class="hb2-btn hb2-btn-line" href="{{ url('honeybee_contact') }}">Talk to an Engineer</a> </div> <div class="tagline"><b>Affordable to enter. Fair to use. Powerful to scale.</b></div> </div> {# The edge→enterprise STACK — the site's native architecture visual (§11), not stock art #} <div class="hb2-stack" aria-label="HoneyBee architecture, physical world to enterprise decisions"> <div class="lay"><b>Enterprise decisions</b><span>HiveMind · Agents</span></div> <div class="up">▲</div> <div class="lay"><b>Operations</b><span>Business Suite · HoneyWatt</span></div> <div class="up">▲</div> <div class="lay"><b>Energy software</b><span>Hybrid Control · EMS · BMS</span></div> <div class="up">▲</div> <div class="lay hl"><b>HoneyCore 4.0</b><span>Industrial Edge & Control</span></div> <div class="up">▲</div> <div class="lay"><b>Physical world</b><span>PV · Grid · DG · BESS · Meters · Buildings</span></div> <div class="cap">One data model, edge to enterprise</div> </div> </div> </div></section> {# ── 1b · WHO IT'S FOR (audit journey: name the buyer before the problem) ── #} <section style="padding:26px 0;border-bottom:1px solid var(--n-border)"><div class="hb2-wrap"> <div style="display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center;justify-content:center;font-size:13.5px;font-weight:700;color:var(--n-muted)"> <span style="font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--n-muted)">Built for</span> <span>EPC companies</span><span aria-hidden="true" style="opacity:.35">·</span> <span>C&I factories & multi-site operators</span><span aria-hidden="true" style="opacity:.35">·</span> <span>System integrators</span><span aria-hidden="true" style="opacity:.35">·</span> <span>Energy asset owners</span> </div> </div></section> {# ── 2 · THE PROBLEM (§10.2) ── #} <section><div class="hb2-wrap"> <div class="hb2-sech center"> <span class="hb2-kicker">The problem</span> <h2>Industrial companies run five systems that don't talk</h2> </div> <div class="hb2-problem"> <div><b>ERP</b><span class="x">✕</span>blind to the plant</div> <div><b>Energy systems</b><span class="x">✕</span>blind to the business</div> <div><b>IoT platforms</b><span class="x">✕</span>data without context</div> <div><b>Engineering tools</b><span class="x">✕</span>designs that die in PDFs</div> <div><b>AI assistants</b><span class="x">✕</span>no authorized access to any of it</div> </div> <p class="hb2-problem-line">HoneyBee's answer: <b>one platform</b> where the edge, the operation and the decision share one context.</p> </div></section> {# ── 3 · THE ECOSYSTEM (§10.3) + honest Transportation roadmap ── #} <section class="alt" id="hb2-eco"><div class="hb2-wrap"> <div class="hb2-sech"> <span class="hb2-kicker">The ecosystem</span> <h2>Four pillars. One platform.</h2> <p>Each pillar stands on its own — together they compound.</p> </div> <div class="hb2-pillars"> <div class="hb2-pillar"><span class="k">Business</span><h3>Operate the organization</h3> <p>Lead → quote → project → procurement → delivery → invoice → cash — with the plant in context.</p> <div class="prods"><b>Business Suite</b> · HiveMind · Agents</div> <a class="go" style="display:inline-block;margin-top:10px;font-size:13px;font-weight:700;color:var(--n-amber)" data-wa="home_product_click" href="{{ url('honeybee_business_suite') }}">Explore →</a></div> <div class="hb2-pillar"><span class="k">Energy</span><h3>Control physical assets</h3> <p>Edge control, hybrid orchestration, energy and building management on one industrial platform.</p> <div class="prods"><b>HoneyCore 4.0</b> · Hybrid Control · EMS · BMS</div> <a class="go" style="display:inline-block;margin-top:10px;font-size:13px;font-weight:700;color:var(--n-amber)" href="{{ url('honeybee_honeycore') }}">Explore →</a></div> <div class="hb2-pillar"><span class="k">Engineering</span><h3>Design executable projects</h3> <p>PV feasibility to detailed design — engineering that flows straight into delivery and operation.</p> <div class="prods"><b>HoneyWatt</b></div> <a class="go" style="display:inline-block;margin-top:10px;font-size:13px;font-weight:700;color:var(--n-amber)" href="{{ url('honeybee_honeywatt') }}">Explore →</a></div> <div class="hb2-pillar"><span class="k">AI</span><h3>Turn context into action</h3> <p>HiveMind understands your enterprise. Agents execute the repeatable work. Humans stay in charge.</p> <div class="prods"><b>HiveMind</b> · HoneyBee Agents</div> <a class="go" style="display:inline-block;margin-top:10px;font-size:13px;font-weight:700;color:var(--n-amber)" href="{{ url('honeybee_agents') }}">Explore →</a></div> </div> <div class="hb2-roadstrip"> <span class="hb2-status hb2-st-road" style="margin:0">Roadmap</span> <span><b>Transportation & mobility</b> — the ecosystem's future extension toward fleet, charging and sector coupling. In research, not yet a commercial product.</span> </div> </div></section> {# ── 3b · HOW IT CONNECTS (audit journey) — one lifecycle, each stage named with the product that carries it. This is the story competitors cannot tell. ── #} <section><div class="hb2-wrap"> <div class="hb2-sech center"><span class="hb2-kicker">How it connects</span> <h2>One lifecycle, no handovers lost</h2></div> <div style="display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:stretch"> {% for st in [ ['Lead', 'Business Suite'], ['Design', 'HoneyWatt'], ['Project & procurement', 'Business Suite'], ['Commission', 'HoneyCore 4.0'], ['Operate', 'EMS · BMS'], ['Optimize & decide', 'HiveMind · Agents'] ] %} <div style="display:flex;align-items:center;gap:8px"> <div style="background:var(--n-white);border:1px solid var(--n-border-md);border-radius:10px;padding:10px 16px;text-align:center;min-width:118px"> <div style="font-weight:800;font-size:13.5px">{{ st[0]|raw }}</div> <div style="font-size:11px;color:var(--n-amber);font-weight:700;margin-top:2px">{{ st[1]|raw }}</div> </div> {% if not loop.last %}<span aria-hidden="true" style="color:var(--n-muted);font-weight:700">→</span>{% endif %} </div> {% endfor %} </div> <p style="text-align:center;font-size:13px;color:var(--n-muted);margin-top:18px">The design becomes the project. The project becomes the site. The site feeds the decision. One data model end to end.</p> </div></section> {# ── 4 · HONEYCORE 4.0 FLAGSHIP (§15) — price BY PROPOSAL (owner ruling) ── #} <section class="hb2-hw"><div class="hb2-wrap"> <div class="hb2-sech"> <span class="hb2-kicker">Energy · flagship</span> <h2 style="color:#E8EAF0">HoneyCore 4.0 <span class="hb2-status hb2-st-now">Available today</span></h2> <p>Industrial Edge & Control Platform — connects PV, grid, diesel, batteries, meters and building systems, processes locally, and speaks to the enterprise.</p> </div> <div class="hb2-hw-grid"> {# OWNER-ASSET SLOT (hardware photo): the real HoneyCore 4.0 unit replaces this stylized device illustration the moment a photo is supplied. #} <div class="hb2-hw-unit" style="padding:24px"> <svg viewBox="0 0 360 260" style="width:100%;max-width:340px" role="img" aria-label="HoneyCore 4.0 — stylized device illustration"> <rect x="40" y="30" width="280" height="180" rx="14" fill="#2E3448" stroke="#4A5170" stroke-width="2"/> <rect x="40" y="30" width="280" height="42" rx="14" fill="#262B3D"/> <text x="62" y="57" fill="#E8EAF0" font-family="Montserrat,system-ui" font-weight="700" font-size="15">HoneyCore 4.0</text> <circle cx="292" cy="51" r="5" fill="#5FA052"/><circle cx="274" cy="51" r="5" fill="#C07D2A"/> <g fill="#3A4160"> <rect x="62" y="92" width="52" height="26" rx="4"/><rect x="122" y="92" width="52" height="26" rx="4"/> <rect x="182" y="92" width="52" height="26" rx="4"/><rect x="242" y="92" width="52" height="26" rx="4"/> </g> <g fill="#98A0B8" font-family="DM Sans,system-ui" font-size="9" text-anchor="middle"> <text x="88" y="132">PV</text><text x="148" y="132">GRID</text><text x="208" y="132">DG</text><text x="268" y="132">BESS</text> </g> <g stroke="#4A5170" stroke-width="2"><line x1="62" y1="152" x2="298" y2="152"/><line x1="62" y1="166" x2="298" y2="166"/></g> <g fill="#C07D2A"><rect x="62" y="184" width="34" height="8" rx="2"/><rect x="102" y="184" width="34" height="8" rx="2"/></g> <text x="180" y="242" fill="#5A617C" font-family="DM Sans" font-size="10" text-anchor="middle">Illustrative — not a product photo</text> </svg> </div> <div> <div class="hb2-hw-caps"> <span>Local processing & edge control</span><span>PV · Grid · DG · BESS</span> <span>Meters, sensors, building systems</span><span>Keeps running when the cloud doesn't</span> <span>EMS / BMS connectivity</span><span>Enterprise communication</span> </div> <p style="font-size:14px;color:#98A0B8;margin-bottom:16px">Fuel-saving hybrid control, peak shaving, monitoring — applications of one platform, not separate boxes.</p> <div class="hb2-hw-price">By proposal <small>· engineering & commissioning scoped per site</small></div> <div style="margin-top:22px"><a class="hb2-btn hb2-btn-amber" data-wa="home_product_click" href="{{ url('honeybee_honeycore') }}">Discuss Your Site</a></div> </div> </div> </div></section> {# ── 5 · THE SOFTWARE — alternating rows (§10.5-8, §61 rhythm) ── #} <section><div class="hb2-wrap"> <div class="hb2-sech"><span class="hb2-kicker">The software</span><h2>What runs on top</h2></div> <div class="hb2-feat"> <div> <h3>Hybrid Control <span class="hb2-status hb2-st-now">Available today</span></h3> <p>PV + grid + diesel + storage orchestrated at the edge. No software penalty because your PV capacity grows.</p> <div class="pts"><b>✓</b>PV+DG · PV+BESS · PV+DG+Grid architectures<br> <b>✓</b>Software subscription separate from hardware & engineering</div> <div class="price">from €{{ p.honeycore.hybrid_site_month }} <small>/site/month</small></div> <a class="go" data-wa="home_product_click" href="{{ url('honeybee_honeycore_hybrid') }}">Explore Hybrid Control →</a> </div> {# OWNER-ASSET SLOT (product UI): real hybrid dispatch screenshot ONLY. #} <div class="hb2-feat-viz" style="background:var(--n-cream-2);border:1px solid var(--n-border-md);border-radius:12px;padding:18px;position:relative"><span style="position:absolute;top:12px;left:12px;background:var(--n-white);border:1px solid var(--n-border);border-radius:6px;padding:3px 10px;font-size:11px;font-weight:700">Illustrative</span><svg viewBox="0 0 420 260" style="width:100%" role="img" aria-label="Hybrid dispatch — stylized illustration"><rect x="10" y="10" width="400" height="240" rx="10" fill="#FFFFFF" stroke="rgba(26,29,46,.12)"/><text x="26" y="36" font-family="Montserrat" font-weight="700" font-size="13" fill="#1A1D2E">Hybrid dispatch — today</text><path d="M26 190 C 90 100 150 60 210 70 C 270 80 330 140 394 185 L 394 200 L 26 200 Z" fill="rgba(192,125,42,.25)"/><path d="M26 190 C 90 100 150 60 210 70 C 270 80 330 140 394 185" fill="none" stroke="#C07D2A" stroke-width="2.5"/><g fill="rgba(61,107,82,.5)"><rect x="30" y="150" width="18" height="50" rx="2"/><rect x="54" y="164" width="18" height="36" rx="2"/><rect x="350" y="158" width="18" height="42" rx="2"/><rect x="374" y="146" width="18" height="54" rx="2"/></g><path d="M26 120 L 120 120 L 180 96 L 260 96 L 320 118 L 394 118" fill="none" stroke="#2A7DC0" stroke-width="2" stroke-dasharray="5 4"/><g font-family="DM Sans" font-size="10" fill="#6B6E7F"><text x="26" y="226">■ PV</text><text x="70" y="226">■ Diesel</text><text x="130" y="226">■ Battery SOC</text><text x="330" y="226">00–24 h</text></g></svg></div> </div> <div class="hb2-feat"> <div class="hb2-feat-viz" style="background:var(--n-cream-2);border:1px solid var(--n-border-md);border-radius:12px;padding:18px;position:relative"><span style="position:absolute;top:12px;left:12px;background:var(--n-white);border:1px solid var(--n-border);border-radius:6px;padding:3px 10px;font-size:11px;font-weight:700">Illustrative</span><svg viewBox="0 0 420 260" style="width:100%" role="img" aria-label="EMS dashboard — stylized illustration"><rect x="10" y="10" width="400" height="240" rx="10" fill="#FFFFFF" stroke="rgba(26,29,46,.12)"/><text x="26" y="36" font-family="Montserrat" font-weight="700" font-size="13" fill="#1A1D2E">Site energy — live</text><g><circle cx="90" cy="110" r="44" fill="none" stroke="rgba(26,29,46,.10)" stroke-width="9"/><path d="M 90 66 A 44 44 0 1 1 52 132" fill="none" stroke="#C07D2A" stroke-width="9" stroke-linecap="round"/><text x="90" y="108" text-anchor="middle" font-family="Montserrat" font-weight="700" font-size="17" fill="#1A1D2E">72%</text><text x="90" y="124" text-anchor="middle" font-family="DM Sans" font-size="9" fill="#6B6E7F">self-supply</text></g><g font-family="DM Sans" font-size="10.5" fill="#1A1D2E"><text x="170" y="78">Peak shaving</text><rect x="270" y="68" width="120" height="10" rx="5" fill="rgba(26,29,46,.08)"/><rect x="270" y="68" width="86" height="10" rx="5" fill="#3D6B52"/><text x="170" y="110">Load shifting</text><rect x="270" y="100" width="120" height="10" rx="5" fill="rgba(26,29,46,.08)"/><rect x="270" y="100" width="64" height="10" rx="5" fill="#2A7DC0"/><text x="170" y="142">Grid import</text><rect x="270" y="132" width="120" height="10" rx="5" fill="rgba(26,29,46,.08)"/><rect x="270" y="132" width="38" height="10" rx="5" fill="#C07D2A"/></g><g fill="rgba(61,107,82,.45)"><rect x="26" y="186" width="24" height="34" rx="3"/><rect x="56" y="176" width="24" height="44" rx="3"/><rect x="86" y="192" width="24" height="28" rx="3"/><rect x="116" y="170" width="24" height="50" rx="3"/><rect x="146" y="182" width="24" height="38" rx="3"/></g><text x="188" y="214" font-family="DM Sans" font-size="10" fill="#6B6E7F">HVAC · chillers · lighting · meters — one core</text></svg></div> <div> <h3>HoneyCore EMS & BMS</h3> <p>See → Understand → Optimize → Orchestrate. Energy systems and building systems — HVAC, chillers, lighting, environment — connected through the same core.</p> <div class="pts"><b>✓</b>EMS Insight €{{ p.ems.insight }} · Optimize €{{ p.ems.optimize }} · Autonomous €{{ p.ems.autonomous }} · Enterprise from €{{ p.ems.enterprise_from }}<br> <b>✓</b>BMS from €{{ p.bms.essential }}/month</div> <a class="go" data-wa="home_product_click" href="{{ url('honeybee_honeycore_ems') }}">Explore EMS →</a> <a class="go" href="{{ url('honeybee_honeycore_bms') }}">BMS →</a> </div> </div> <div class="hb2-feat"> <div> <h3>HoneyWatt <span class="hb2-status hb2-st-now">Available today</span></h3> <p>PV feasibility, solar engineering and detailed design. Learn for free. Design for free. Pay when the project becomes serious.</p> <div class="pts"><b>✓</b>Free account, training and preliminary design<br> <b>✓</b>Detailed Design from €{{ p.honeywatt.detailed_100kwp }}/project — no per-seat penalty</div> <a class="hb2-btn hb2-btn-amber" style="margin-top:6px" data-wa="trial_start" href="{{ url('honeybee_honeywatt') }}">Start Designing Free</a> </div> <div class="hb2-feat-viz" style="background:var(--n-cream-2);border:1px solid var(--n-border-md);border-radius:12px;padding:18px;position:relative"><span style="position:absolute;top:12px;left:12px;background:var(--n-white);border:1px solid var(--n-border);border-radius:6px;padding:3px 10px;font-size:11px;font-weight:700">Illustrative</span><svg viewBox="0 0 420 260" style="width:100%" role="img" aria-label="HoneyWatt design canvas — stylized illustration"><rect x="10" y="10" width="400" height="240" rx="10" fill="#F2EFE7" stroke="rgba(26,29,46,.12)"/><path d="M60 50 L 350 40 L 380 200 L 90 218 Z" fill="rgba(26,29,46,.05)" stroke="#C07D2A" stroke-width="2"/><g fill="#2E5F8F" stroke="#FFFFFF" stroke-width="1"><rect x="95" y="70" width="200" height="18" transform="rotate(-2 95 70)"/><rect x="98" y="96" width="220" height="18" transform="rotate(-2 98 96)"/><rect x="102" y="122" width="230" height="18" transform="rotate(-2 102 122)"/><rect x="106" y="148" width="236" height="18" transform="rotate(-2 106 148)"/><rect x="110" y="174" width="200" height="18" transform="rotate(-2 110 174)"/></g><path d="M330 60 L 330 120 L 366 122" fill="none" stroke="#B4452F" stroke-width="2.5"/><circle cx="366" cy="122" r="7" fill="#B4452F"/><g font-family="DM Sans" font-size="10" fill="#6B6E7F"><text x="26" y="236">Zone · packed layout · strings · inverter — the live design canvas</text></g><rect x="26" y="26" width="118" height="20" rx="10" fill="#FFFFFF" stroke="rgba(26,29,46,.15)"/><text x="85" y="40" text-anchor="middle" font-family="Montserrat" font-weight="700" font-size="10" fill="#1A1D2E">386 modules · 251 kWp</text></svg></div> </div> <div class="hb2-feat"> <div class="hb2-feat-viz" style="background:var(--n-cream-2);border:1px solid var(--n-border-md);border-radius:12px;padding:18px;position:relative"><span style="position:absolute;top:12px;left:12px;background:var(--n-white);border:1px solid var(--n-border);border-radius:6px;padding:3px 10px;font-size:11px;font-weight:700">Illustrative</span><svg viewBox="0 0 420 260" style="width:100%" role="img" aria-label="HiveMind console — stylized illustration"><rect x="10" y="10" width="400" height="240" rx="10" fill="#FFFFFF" stroke="rgba(26,29,46,.12)"/><rect x="26" y="30" width="250" height="44" rx="10" fill="rgba(26,29,46,.05)"/><text x="40" y="48" font-family="DM Sans" font-size="11" fill="#1A1D2E">Which projects slip their margin this month?</text><text x="40" y="64" font-family="DM Sans" font-size="9.5" fill="#6B6E7F">CFO · authorized context</text><rect x="112" y="90" width="282" height="74" rx="10" fill="rgba(192,125,42,.08)" stroke="rgba(192,125,42,.3)"/><text x="128" y="110" font-family="DM Sans" font-size="11" fill="#1A1D2E">2 of 14 — postponed GRN and FX on the panel PO.</text><text x="128" y="126" font-family="DM Sans" font-size="11" fill="#1A1D2E">Draft note for both PMs prepared.</text><rect x="128" y="138" width="104" height="18" rx="9" fill="#3D6B52"/><text x="180" y="151" text-anchor="middle" font-family="DM Sans" font-weight="700" font-size="9.5" fill="#FFFFFF">Awaiting approval</text><g font-family="DM Sans" font-size="10" fill="#6B6E7F"><text x="26" y="196">HiveMind answers · Agents draft · a human approves</text></g><g><rect x="26" y="208" width="90" height="22" rx="11" fill="rgba(26,29,46,.06)"/><text x="71" y="223" text-anchor="middle" font-family="DM Sans" font-size="9.5" fill="#1A1D2E">Dunning agent</text><rect x="122" y="208" width="96" height="22" rx="11" fill="rgba(26,29,46,.06)"/><text x="170" y="223" text-anchor="middle" font-family="DM Sans" font-size="9.5" fill="#1A1D2E">Follow-up agent</text></g></svg></div> <div> <h3>HiveMind & Agents</h3> <p><b>HiveMind understands. Agents execute.</b> AI with authorized access to your enterprise context, and a digital workforce for the repeatable work — under human oversight, always.</p> <div class="pts"><b>✓</b>Role-based governance, human approval on risk<br> <b>✓</b>HiveMind €{{ p.business.hivemind_admin }}/user · Agents from €{{ p.agents.starter }}/month</div> <a class="go" data-wa="home_product_click" href="{{ url('honeybee_hivemind') }}">Explore HiveMind →</a> </div> </div> </div></section> {# ── 6 · PROOF (§10.10, §24 discipline) — OWNER-ASSET SLOT: real evidence only ── #} <section class="alt"><div class="hb2-wrap"> <div class="hb2-sech center"><span class="hb2-kicker">Experience</span> <h2>Built in the field, not the slide deck</h2></div> <div class="hb2-proof"> {# OWNER-ASSET SLOT (proof): deployments/pilots with permission — labeled by §24 evidence category. Nothing invented; slots render as placeholders until supplied. #} <div class="slot">[ Deployment / pilot evidence — owner assets, §24 categories ]</div> <div class="slot">[ Customer logos — with permission only ]</div> <a class="go" style="font-weight:700;color:var(--n-amber);font-size:13.5px" href="{{ url('honeybee_customers') }}">See experience & proof →</a> </div> </div></section> {# ── 6b · WHO YOU'RE DEALING WITH (audit journey: trust before pricing). GERMANY PROMINENT per the owner ruling 2026-08-10 — stated honestly as in formation; the engineering line stays deliberately unfocused (same ruling). ── #} <section><div class="hb2-wrap"> <div class="hb2-sech center"><span class="hb2-kicker">The company</span> <h2>A European platform with real corporate substance</h2></div> <div style="display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:16px;align-items:stretch" class="hb2-entities"> <div style="background:var(--n-dark);color:#E8EAF0;border-radius:12px;padding:22px 24px"> <div style="font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#C07D2A;font-weight:800">Germany · European headquarters</div> <div style="font-weight:800;font-size:17px;margin:8px 0 6px">Product, R&D and EU market home</div> <p style="font-size:13px;color:#98A0B8;margin:0">European product development, partner coordination and market development are led from Germany — the German entity is in formation as the group’s EU home.</p> </div> <div style="background:var(--n-white);border:1px solid var(--n-border-md);border-radius:12px;padding:22px 24px"> <div style="font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--n-muted);font-weight:800">Singapore</div> <div style="font-weight:800;font-size:15px;margin:8px 0 6px">HoneyBee IoT (Pte.) Ltd.</div> <p style="font-size:13px;color:var(--n-muted);margin:0">International SaaS and commercial entity — UEN 202507612D.</p> </div> <div style="background:var(--n-white);border:1px solid var(--n-border-md);border-radius:12px;padding:22px 24px"> <div style="font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--n-muted);font-weight:800">Engineering</div> <div style="font-weight:800;font-size:15px;margin:8px 0 6px">Delivery & implementation</div> <p style="font-size:13px;color:var(--n-muted);margin:0">A long-standing engineering and implementation team carries development and support.</p> </div> </div> <div style="text-align:center;margin-top:18px"><a class="go" style="font-weight:700;color:var(--n-amber);font-size:13.5px" href="{{ url('honeybee_trust') }}">Trust & Governance — the claim-by-claim map →</a></div> </div></section> {# ── 7 · PRICING ENTRY POINTS (§10.12, §58 — store-fed, HoneyCore stays proposal-only) ── #} <section><div class="hb2-wrap"> <div class="hb2-sech center"><span class="hb2-kicker">Pricing</span> <h2>Affordable to enter. Fair to use. Powerful to scale.</h2></div> <div class="hb2-pricing"> <div class="hb2-pcard"><span class="fam">Business</span><h3>Business Suite</h3> <div class="pr">€{{ p.business.general }} <small>/user/mo</small></div> <p>Admin €{{ p.business.admin }} · HiveMind AI Admin €{{ p.business.hivemind_admin }}</p> <a data-wa="home_pricing_click" href="{{ url('honeybee_contact') }}">Book a Demo →</a></div> <div class="hb2-pcard"><span class="fam">Energy</span><h3>HoneyCore stack</h3> <div class="pr">€{{ p.honeycore.hybrid_site_month }} <small>/site/mo</small></div> <p>Hybrid Control · EMS from €{{ p.ems.insight }} · BMS from €{{ p.bms.essential }} · HoneyCore 4.0 by proposal</p> <a data-wa="home_pricing_click" href="{{ url('honeybee_honeycore') }}">Discuss Your Site →</a></div> <div class="hb2-pcard"><span class="fam">Engineering</span><h3>HoneyWatt</h3> <div class="pr">Free <small>to start</small></div> <p>Detailed Design from €{{ p.honeywatt.detailed_100kwp }}/project</p> <a data-wa="trial_start" href="{{ url('honeybee_honeywatt') }}">Start Designing Free →</a></div> <div class="hb2-pcard"><span class="fam">Enterprise</span><h3>Deployment</h3> <div class="pr">Custom</div> <p>Rollout, integration and engineering — scoped per project</p> <a data-wa="home_pricing_click" href="{{ url('honeybee_contact') }}">Request an Assessment →</a></div> </div> <div style="text-align:center;margin-top:26px"> <a class="hb2-btn hb2-btn-line" data-wa="home_pricing_click" href="{{ url('honeybee_pricing') }}">See full pricing</a> </div> </div></section> {# ── 8 · FINAL CTA (§10.14) ── #} <section class="hb2-final"><div class="hb2-wrap"> <h2>One platform from the panel on the roof to the decision in the boardroom</h2> <p>Start where it hurts most — grow into the rest when you're ready.</p> <a class="hb2-btn hb2-btn-amber" style="font-size:16px;padding:14px 34px" href="{{ url('honeybee_contact') }}">Talk to an Engineer</a> <a class="hb2-btn hb2-btn-line" style="font-size:16px;padding:14px 30px" data-wa="trial_start" href="{{ url('honeybee_honeywatt') }}">Start Designing Free</a> </div></section></div>{% include '@HoneybeeWeb/footer/central_footer.html.twig' %}