{% 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. #} <p class="slot-copy" style="max-width:62ch;text-align:center;font-size:13.5px;color:var(--n-muted);margin:0">Named deployments and customer logos appear here only with the customer's written permission. Until then, the evidence page shows what has been built, in which categories, and what is still being documented.</p> <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' %}