{"id":452,"date":"2026-06-07T20:37:30","date_gmt":"2026-06-07T20:37:30","guid":{"rendered":"https:\/\/www.mandera.ai\/?page_id=452"},"modified":"2026-06-30T09:18:49","modified_gmt":"2026-06-30T09:18:49","slug":"analytics-suite","status":"publish","type":"page","link":"https:\/\/www.mandera.ai\/nl\/analytics-suite\/","title":{"rendered":"Analytics Suite"},"content":{"rendered":"<div class=\"oxy-container-452-1133 oxy-container\"><div class=\"bde-code-block-452-1131 bde-code-block\">\n\n  <link rel=\"stylesheet\" href=\"https:\/\/mandera.ai\/wp-content\/uploads\/mandera\/mandera-modules.css?v=2\">\n<script src=\"https:\/\/mandera.ai\/wp-content\/uploads\/mandera\/mandera-modules.js?v=2\" defer><\/script>\n\n<style>\n\/* \u2500\u2500 ALL page styles scoped under .mnd-page so nothing touches the host theme \u2500\u2500 *\/\n.mnd-page{\n  --ink:#171717; --body:#737373; --muted:#a3a3a3; --line:#e5e5e5;\n  --teal:#7BCFE5; --teal2:#5BA8B8; --violet:#b5bcec; --soft:#fafafa;\n  --spacing:0.25rem; \/* Tailwind-v4-Basis fixieren \u2192 Modul-Gr\u00f6\u00dfen rechnen korrekt *\/\n  --boxgap:77px; \/* vertical gap between the story boxes \u2014 try 50 \/ 64 \/ 77 *\/\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n  color:var(--ink); background:#fff; line-height:1.6; font-weight:300;\n  -webkit-font-smoothing:antialiased; position:relative; overflow-x:clip;\n}\n\/* \/home-style header (static replica, scoped \u2014 no dependency on the engine CSS) *\/\n.mnd-page .mnav{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:1280px;\n  display:flex;align-items:center;justify-content:space-between;padding:18px 32px;z-index:30}\n.mnd-page .mnav-logo{display:flex;align-items:center}\n.mnd-page .mnav-logo svg{width:44px;height:44px;display:block}\n\/* pill nav *\/\n.mnd-page .mnav-pills{display:flex;align-items:center;gap:2px;background:#f4f4f5;border-radius:999px;padding:4px}\n.mnd-page .mnav-pill{display:block;border-radius:999px;padding:8px 22px;font-size:14px;color:var(--body);\n  text-decoration:none;cursor:pointer;transition:color .2s,background .2s}\n.mnd-page .mnav-pill:hover{color:var(--ink)}\n.mnd-page .mnav-pill.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}\n.mnd-page .mnav-pill-wrap{position:relative}\n\/* product dropdown (hover) *\/\n.mnd-page .mnav-dd{position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%) translateY(6px);\n  opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;z-index:40}\n.mnd-page .mnav-pill-wrap:hover .mnav-dd{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}\n.mnd-page .mnav-dd::before{content:\"\";position:absolute;top:-16px;left:0;right:0;height:16px} \/* hover bridge *\/\n.mnd-page .mnav-dd-card{background:#fff;border:1px solid var(--line);border-radius:18px;\n  box-shadow:0 14px 44px rgba(15,23,42,.12);padding:22px 26px;width:560px}\n.mnd-page .mnav-dd-meta{display:flex;justify-content:center;gap:30px;padding-bottom:14px}\n.mnd-page .mnav-dd a{color:var(--body);text-decoration:none;font-size:14px;transition:color .2s}\n.mnd-page .mnav-dd a:hover{color:var(--teal2)}\n.mnd-page .mnav-dd-sep{border:0;border-top:1px solid var(--line);margin:0 0 16px}\n.mnd-page .mnav-dd-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}\n.mnd-page .mnav-dd-col{display:flex;flex-direction:column;gap:10px}\n.mnd-page .mnav-dd-label{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}\n\/* right side *\/\n.mnd-page .mnav-right{display:flex;align-items:center;gap:18px}\n.mnd-page .mnav-signin{border:0;background:transparent;font-size:14px;color:var(--ink);cursor:pointer;font-family:inherit}\n.mnd-page .mnav-menu-wrap{position:relative}\n.mnd-page .mnav-menu{display:flex;flex-direction:column;gap:4px;border:0;background:transparent;cursor:pointer;padding:6px 2px}\n.mnd-page .mnav-menu span{display:block;width:20px;height:1.5px;background:var(--body);border-radius:2px}\n.mnd-page .mnav-menu-dd{position:absolute;top:calc(100% + 12px);right:0;opacity:0;visibility:hidden;transform:translateY(6px);\n  transition:opacity .2s,transform .2s;z-index:40;background:#fff;border:1px solid var(--line);border-radius:14px;\n  box-shadow:0 14px 44px rgba(15,23,42,.12);padding:10px;min-width:200px;display:flex;flex-direction:column}\n.mnd-page .mnav-menu-dd::before{content:\"\";position:absolute;top:-12px;left:0;right:0;height:12px}\n.mnd-page .mnav-menu-wrap:hover .mnav-menu-dd{opacity:1;visibility:visible;transform:translateY(0)}\n.mnd-page .mnav-menu-dd a{color:var(--body);text-decoration:none;font-size:14px;padding:8px 12px;border-radius:8px;transition:background .15s,color .15s}\n.mnd-page .mnav-menu-dd a:hover{background:#fafafa;color:var(--ink)}\n.mnd-page .mnav-menu-dd a.legal{color:var(--muted);font-size:13px}\n.mnd-page .mnav-lang{display:flex;gap:6px;padding:10px 12px 4px;border-top:1px solid var(--line);margin-top:6px}\n.mnd-page .mnav-lang button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:4px 12px;font-size:13px;color:var(--body);cursor:pointer;font-family:inherit}\n.mnd-page .mnav-lang button.on{border-color:var(--teal);color:var(--ink)}\n@media(max-width:880px){.mnd-page .mnav-pills{display:none}}\n.mnd-page :where(*){box-sizing:border-box}            \/* border-box is harmless even inside modules *\/\n.mnd-page :where(h1,h2,h3,p,figure,ul,ol){margin:0}   \/* page-only tags; :where() = 0 specificity, never beats the bundle *\/\n.mnd-page .wrap{max-width:1280px;margin:0 auto;padding:0 24px}\n.mnd-page section{padding:120px 0}\n.mnd-page h1{font-size:46px;font-weight:200;line-height:1.1;letter-spacing:-.01em}\n.mnd-page h2{font-size:34px;font-weight:200;line-height:1.15;letter-spacing:-.01em}\n.mnd-page h3{font-size:22px;font-weight:300}\n.mnd-page p.lead{font-size:clamp(14px,1vw,16px) !important;font-weight:300;letter-spacing:.01em;line-height:1.8 !important;color:#171717;margin-top:24px;max-width:640px}\n.mnd-page p.body{font-size:clamp(14px,1vw,16px) !important;font-weight:300;letter-spacing:.01em;line-height:1.8 !important;color:#171717;margin-top:24px}\n.mnd-page .sumgrid .body:first-child{margin-top:0}\n\/* \u2500\u2500 Mandera Design System Classes (scoped, fallback values match --mandera-* tokens) \u2500\u2500 *\/\n.mnd-page .mandera-heading{font-size:clamp(28px,3.5vw,40px);font-weight:200;letter-spacing:-.02em;line-height:1.1;color:var(--ink);margin:0}\n.mnd-page .mandera-heading.mandera-heading--display{font-size:clamp(36px,4.5vw,56px);max-width:880px}\n.mnd-page .mandera-body{font-size:clamp(14px,1vw,16px);font-weight:300;letter-spacing:.01em;line-height:1.8;color:#171717}\n.mnd-page .center{text-align:center}\n.mnd-page .center p.lead{margin-left:auto;margin-right:auto}\n.mnd-page .soft{color:#171717;font-size:clamp(14px,1vw,16px) !important;font-weight:300;letter-spacing:.01em;line-height:1.8 !important;margin-top:10px;max-width:760px;margin-left:auto;margin-right:auto}\n\/* \u2500\u2500 HERO-SYSTEM (Vorlage f\u00fcr alle Produktseiten mit eingeschobener Grafik) \u2500\u2500\n   Sektion = 100vh (min-height sch\u00fctzt vor Stauchung). Das Modul ragt von unten\n   um --peek in die Sektion. Der Copy-Container (max 720px) wird im Raum\n   ZWISCHEN Header (--headerpad) und Modul-Oberkante zentriert \u2192\n   Abstand Header\u2192Container = Container\u2192Modul, dynamisch bei 2 oder 3 Zeilen.\n   --herogap = fester Mindestabstand oben+unten am Container (Kollisionsschutz). *\/\n.mnd-page{--peek:160px;--headerpad:80px;--herogap:56px}\n.mnd-page .hero{height:100vh;min-height:780px;display:flex;flex-direction:column;\n  padding:var(--headerpad) 0 var(--peek);text-align:center}\n.mnd-page .hero-center{flex:1;display:flex;flex-direction:column;justify-content:center;\n  align-items:center;min-height:0;padding:var(--herogap) 24px}\n.mnd-page .hero-copy{max-width:720px;margin:0 auto}\n.mnd-page .hero-copy p.lead{max-width:none}\n.mnd-page .hero-copy .mandera-heading--display{max-width:none}\n.mnd-page .hero h1{margin:0 auto}\n.mnd-page .hero p.lead{margin:34px auto 0;font-size:clamp(14px,1vw,16px) !important;font-weight:300;letter-spacing:.01em;line-height:1.8 !important;color:#171717}\n\/* main-chart box pokes UP into the hero by exactly --peek *\/\n.mnd-page .chartsection{padding:0 0 clamp(60px,10vw,120px);margin-top:calc(var(--peek) * -1);position:relative;z-index:5}\n.mnd-page .chartsection .modcard{padding:64px 40px}\n.mnd-page .chartcap{margin-top:28px;white-space:normal}\n\/* funnel heading overlaid lower in the funnel container, just above the logo *\/\n.mnd-page .funnelhead{position:absolute;top:13%;left:0;right:0;z-index:5;pointer-events:none}\n\/* Heading + Text im Funnel markierbar (Container bleibt klick-durchl\u00e4ssig zum Funnel) *\/\n.mnd-page .funnelhead h2,.mnd-page .funnelhead p{pointer-events:auto}\n\/* Funnel-Stages: nur Mobil\/Tablet (Engine-Labels dort nicht sichtbar), im unteren Funnel-Bereich \u00fcberlagert *\/\n.mnd-page .funnel-stages-m{display:none}\n@media(max-width:820px){\n  .mnd-page .funnel-stages-m{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;\n    position:absolute;left:0;right:0;bottom:6%;z-index:5;max-width:720px;margin:0 auto;\n    padding:0 16px;text-align:center;pointer-events:none}\n  .mnd-page .funnel-stages-m .fstage-top{font-size:14px;color:var(--ink);border-top:1px solid var(--line);padding-top:12px;margin-bottom:8px}\n  .mnd-page .funnel-stages-m .fstage-items{font-size:13px;color:var(--muted);line-height:1.7}\n}\n\/* module embed slot \u2014 the module renders naked; the surrounding card is the frame *\/\n.mnd-page .embed{width:100%}\n.mnd-page mandera-module{display:block;width:100%}\n\/* Audience-Modul: interner Text auf Body-Farbe ziehen (Bundle-Override) *\/\n.mnd-page .mnd-aud-txt .blk p{color:#171717 !important}\n\/* summary: body left, bullets right *\/\n.mnd-page .sumgrid{display:grid;grid-template-columns:1.25fr 1fr;gap:72px;align-items:start;margin-top:32px}\n.mnd-page .blist{display:flex;flex-direction:column;gap:14px}\n.mnd-page .blist div{font-size:clamp(14px,1vw,16px) !important;font-weight:300;letter-spacing:.01em;line-height:1.8 !important;color:#171717;display:flex;gap:12px;align-items:flex-start}\n\/* teal dot bullet (matches the essentials list) \u2014 hides the \u2713 glyph via font-size:0 *\/\n.mnd-page .blist .ck{flex:0 0 auto;width:9px;height:9px;border-radius:999px;background:var(--teal);font-size:0;margin-top:8px}\n\/* counter *\/\n.mnd-page .counter{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;padding:clamp(64px,9vw,100px) 0 0}\n.mnd-page .counter .num{font-size:52px;font-weight:200}\n.mnd-page .counter .lab{font-size:clamp(14px,1vw,16px);font-weight:300;letter-spacing:.01em;line-height:1.8;color:#171717;margin-top:4px}\n\/* boxed two-col story card: text left, module right.\n   Rechts WENIGER Padding (24 statt 40), weil die Module rechts eine interne Zahlen-Spalte\n   reservieren \u2192 so r\u00fcckt das Chart nach au\u00dfen und die Box wirkt links\/rechts ausgeglichen.\n   Gilt nur auf Desktop \u2014 die Mobile-Media-Queries setzen wieder symmetrisches Padding. *\/\n.mnd-page .storycard{border:1px solid var(--line);border-radius:24px;background:#fff;padding:64px 24px 64px 40px;margin-top:var(--boxgap)}\n.mnd-page .storycard:first-child{margin-top:0}\n.mnd-page .row{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:start}\n\/* Nur Sources\/Pages-Module: H\u00f6he an Inhalt anpassen + KEIN internes Card-Padding\n   (sonst wirkt die Box rechts\/innen breiter gepolstert als links beim Text) *\/\n.mnd-page .storycard .embed [data-slot=\"card\"]{height:auto !important;padding:0 !important;min-height:300px !important}\n.mnd-page .storycard .embed [data-slot=\"card-content\"],\n.mnd-page .storycard .embed [data-slot=\"card-content\"] > *{padding-left:0 !important;padding-right:0 !important}\n.mnd-page .storycard .embed [data-slot=\"card-content\"]{padding:0 !important}\n\/* Module in Boxen: einheitliche Mindesth\u00f6he \u2192 luftigeres, gleichm\u00e4\u00dfiges Bild *\/\n.mnd-page .modcard [data-slot=\"card\"]{min-height:300px !important}\n\/* drop the module's own header (Pages all\/saved pill) so Sources + Pages match *\/\n.mnd-page .storycard .embed [data-slot=\"card-header\"]{display:none !important}\n.mnd-page .deflist{margin-top:16px}\n.mnd-page .deflist div{font-size:14px;color:var(--body);margin:7px 0}\n.mnd-page .deflist b{color:var(--ink);font-weight:500}\n\/* full-width module card: heading left + text right, module full-width below *\/\n.mnd-page .modcard{border:1px solid var(--line);border-radius:24px;background:#fff;padding:64px 40px;margin-top:var(--boxgap)}\n.mnd-page .modhead{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;align-items:start}\n.mnd-page .modhead p{font-size:clamp(14px,1vw,16px) !important;font-weight:300;letter-spacing:.01em;line-height:1.8 !important;color:#171717;margin:0}\n.mnd-page .modembed{margin-top:26px}\n\/* user-flow box: zero side padding so the sankey gets the full box width\n   (needs >1020px) and stops scrolling horizontally; heading keeps its inset *\/\n.mnd-page .modcard.ufcard{padding:0}\n.mnd-page .modcard.ufcard .modhead{padding:48px 40px 0}\n.mnd-page .modcard.ufcard .modembed{margin-top:18px}\n\/* climax \u2014 static \"ask mandera\" demo (no live module yet) *\/\n.mnd-page .demo{margin-top:30px;border:1px solid var(--line);border-radius:20px;background:var(--soft);padding:28px 30px;max-width:760px}\n.mnd-page .bubble-q{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:16px 16px 16px 4px;padding:10px 16px;font-size:14px;color:var(--ink)}\n.mnd-page .bubble-a{margin-top:16px;font-size:14px;color:var(--body)}\n.mnd-page .opp{margin-top:16px;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:14px;color:var(--ink)}\n.mnd-page .opp .dot{width:8px;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--violet))}\n\/* more features grid *\/\n.mnd-page .feat{display:grid;grid-template-columns:1fr 1fr;gap:34px 64px;margin:24px auto 0;max-width:900px}\n.mnd-page .feat .it{position:relative;padding-left:22px}\n.mnd-page .feat .it::before{content:\"\";position:absolute;left:0;top:7px;width:9px;height:9px;border-radius:999px;background:var(--teal)}\n.mnd-page .feat .it b{display:block;color:var(--ink);font-weight:500;font-size:clamp(14px,1vw,16px)}\n.mnd-page .feat .it span{display:block;font-size:clamp(14px,1vw,16px);font-weight:300;letter-spacing:.01em;line-height:1.8;color:#171717;margin-top:5px}\n\/* FAQ \u2014 Div-Akkordeon (Inhalt immer im DOM \u2192 grid-rows animiert zuverl\u00e4ssig, crawlbar) *\/\n.mnd-page .faq{max-width:860px;margin:0 auto}\n.mnd-page .faq-item{border-bottom:1px solid var(--line)}\n.mnd-page .faq-q{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;width:100%;\n  padding:18px 0;font-family:inherit;font-size:16px;color:var(--ink);font-weight:300;cursor:pointer;\n  background:none;border:0;text-align:left;transition:color .2s var(--mandera-ease-out,ease)}\n\/* subtiles Hover\/Active-Feedback *\/\n.mnd-page .faq-q:hover{color:var(--teal)}\n.mnd-page .faq-q:hover .faq-ico{color:var(--teal)}\n.mnd-page .faq-item.open .faq-q{color:var(--teal)}\n\/* Inline-SVG-Pfeil im Markup \u2014 kein Font, \u00fcberall sichtbar, per currentColor f\u00e4rbbar *\/\n.mnd-page .faq-q .faq-ico{flex-shrink:0;display:block;width:16px;height:16px;margin-top:3px;color:var(--muted);stroke:currentColor;fill:none;transition:transform .3s cubic-bezier(.4,0,.2,1),color .2s ease}\n.mnd-page .faq-item.open .faq-q .faq-ico{transform:rotate(180deg);color:var(--teal)}\n\/* Accordion via grid-template-rows (rein CSS, ruckelfrei, kein H\u00f6hen-Messen) *\/\n.mnd-page .faq .faq-a{display:grid;grid-template-rows:minmax(0,0fr);overflow:hidden;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1)}\n.mnd-page .faq-item.open .faq-a{grid-template-rows:minmax(0,1fr)}\n.mnd-page .faq .faq-a-i{overflow:hidden;min-height:0;font-size:clamp(14px,1vw,16px);color:#171717;padding:0 0 18px;max-width:740px}\n.mnd-page .faq-item.open .faq-a-i{padding-top:0}\n.mnd-page .faq a{color:var(--teal2);text-decoration:none}\n\/* cta *\/\n.mnd-page .cta{background:var(--soft);border-radius:24px;padding:64px 24px;text-align:center}\n.mnd-page .btn{display:inline-block;margin-top:22px;background:linear-gradient(90deg,#7bcfe5,#99c4e0);\n  color:#fff;border-radius:999px;padding:13px 30px;font-size:14px;font-weight:500;text-decoration:none}\n\/* CTA-Sektion: bricht bewusst das Standard-Section-Padding \u2014\n   min 50vh, Inhalt vertikal zentriert. Unten DOPPELTES Padding (240), weil oben\n   das FAQ-Section-Padding (120) + CTA-top (120) = 240 stehen \u2192 Abstand FAQ\u2194CTA = CTA\u2194Footer.\n   Auf kleinen Screens nur fixes Padding (kein vh). *\/\n.mnd-page .ctasec{min-height:50vh;display:flex;flex-direction:column;justify-content:center;padding:120px 0 240px}\n\/* outline CTA button (matches the design) *\/\n.mnd-page .btn-outline{display:inline-block;margin-top:32px;border:1px solid var(--line);color:var(--ink);\n  background:rgba(255,255,255,.7);border-radius:999px;padding:9px 22px;font-size:14px;text-decoration:none;\n  transition:border-color .2s,box-shadow .2s}\n.mnd-page .btn-outline:hover{border-color:var(--teal);box-shadow:0 3px 14px rgba(123,207,229,.20)}\n\/* particle background layer: a <mandera-module name=\"mandera-particles\"> sits behind a section *\/\n.mnd-page .pbg-wrap{position:relative}\n.mnd-page .pbg{position:absolute;inset:0;z-index:0;pointer-events:none}\n\/* FAQ\/CTA-Partikel nur leicht zur\u00fcckgenommen \u2014 sonst wie der Hero *\/\n.mnd-page .pbg--soft{opacity:.75}\n\/* Funnel-Labels (suite-Namen, input\/compute\/output) durchg\u00e4ngig klein *\/\n.mnd-page #mandera-funnel, .mnd-page #mandera-funnel *{text-transform:lowercase !important}\n.mnd-page .pbg-content{position:relative;z-index:1}\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 MOBILE \/ TABLET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:820px){\n  \/* less vertical air, tighter side gutter so content gets more width *\/\n  .mnd-page{--boxgap:44px}\n  .mnd-page section{padding:80px 0}\n  .mnd-page .wrap{padding:0 16px}\n  \/* stack every two-col grid *\/\n  .mnd-page .sumgrid,.mnd-page .row,.mnd-page .modhead,.mnd-page .feat,.mnd-page .duo{grid-template-columns:1fr;gap:22px}\n  .mnd-page .counter{grid-template-columns:1fr 1fr;gap:20px;padding:44px 0 0}\n  \/* headings scale down *\/\n  .mnd-page h1{font-size:32px}\n  .mnd-page h2{font-size:27px}\n  .mnd-page h3{font-size:20px}\n  \/* hero: Vars \u00fcberschreiben \u2014 Header kleiner, Modul ragt weniger rein *\/\n  .mnd-page{--peek:110px;--headerpad:64px;--herogap:40px}\n  .mnd-page .hero{min-height:620px}\n  .mnd-page .hero h1{max-width:none}\n  \/* BOXES: vertikal\/seitlich gleichm\u00e4\u00dfig, Module ohne erzwungene Mindesth\u00f6he *\/\n  .mnd-page .storycard,.mnd-page .modcard{padding:40px 18px}\n  .mnd-page .modcard [data-slot=\"card\"],.mnd-page .storycard .embed [data-slot=\"card\"]{min-height:0 !important}\n  .mnd-page .modcard.ufcard{padding:0}\n  .mnd-page .modcard.ufcard .modhead{padding:40px 18px 0}\n  .mnd-page .cta{padding:48px 18px}\n  \/* nav: only logo + menu remain (pills hidden), tighten gutter *\/\n  .mnd-page .mnav{padding:14px 18px}\n  \/* CTA: auf kleinen Screens fixes Padding statt 80vh-Zentrierung *\/\n  .mnd-page .ctasec{min-height:0;padding:80px 0 160px}\n  \/* funnel heading: a touch higher + readable on narrow screens *\/\n  .mnd-page .funnelhead{top:9%}\n  .mnd-page #mandera-funnel{min-height:680px !important;height:80vh !important}\n  \/* Funnel-Logo auf Mobil etwas verkleinern (Engine rendert .mh-glowing-logo zentriert) *\/\n  .mnd-page #mandera-funnel .mh-glowing-logo{transform:scale(.7);transform-origin:center center}\n}\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 SMALL PHONES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:480px){\n  .mnd-page .wrap{padding:0 13px}\n  .mnd-page section{padding:60px 0}\n  .mnd-page h1{font-size:29px}\n  .mnd-page h2{font-size:24px}\n  \/* boxes: vertikal luftig, seitlich knapp damit Charts atmen *\/\n  .mnd-page .storycard,.mnd-page .modcard{padding:32px 14px;border-radius:18px}\n  .mnd-page .modcard.ufcard .modhead{padding:32px 14px 0}\n  .mnd-page .cta{padding:40px 14px;border-radius:18px}\n  .mnd-page .counter .num{font-size:34px}\n  .mnd-page{--peek:90px;--headerpad:64px;--herogap:32px}\n  .mnd-page .hero{min-height:560px}\n  .mnd-page .ctasec{padding:60px 0 120px}\n}\n<\/style>\n\n<div class=\"mnd-page\">\n\n\n  <!-- 1 HERO (ambient particle background) -->\n  <div class=\"pbg-wrap\">\n    <mandera-module name=\"mandera-particles\" class=\"pbg\"><\/mandera-module>\n    <div class=\"hero pbg-content\">\n      <div class=\"hero-center\">\n        <div class=\"hero-copy\">\n          <h1 class=\"mandera-heading mandera-heading--display\">100% of your traffic captured<br>0% cookies used<\/h1>\n          <p class=\"lead mandera-body\">One integrated suite measures everything on your website, including human visitors and where they come from. Compliant by design, zero legal headaches.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- 2 MAIN CHART (live module, boxed, caption inside the box) -->\n  <section class=\"chartsection\"><div class=\"wrap\">\n    <div class=\"modcard\" style=\"margin-top:0\">\n      <div class=\"embed\"><mandera-module name=\"analytics-overview\"><\/mandera-module><\/div>\n      <p class=\"soft center chartcap mandera-body\">The analytics suite main chart gives you an overview of everything happening on your website, including human visits, page views and engagement.<\/p>\n    <\/div>\n  <\/div><\/section>\n\n  <!-- 2b SUMMARY + COUNTER (eine Sektion) -->\n  <section><div class=\"wrap\">\n    <!-- max-width steuert den Zeilenumbruch auf Desktop (hier: Bruch vor \"no trade-off.\") \u2014 pro Seite anpassen -->\n    <h2 class=\"mandera-heading\" style=\"max-width:520px\">Full insights, zero personal data, no trade-off.<\/h2>\n    <div class=\"sumgrid\">\n      <div>\n        <p class=\"body mandera-body\">mandera captures everything happening on your website, without cookies, IP processing or the need for a consent banner. And because there is no consent banner, you capture 100% of your traffic, not just the visitors who would accept cookies the way traditional tools do. Our analytics is designed for privacy- and compliance-conscious companies, which makes it plug-and-play and gives zero headaches.<\/p>\n        <p class=\"body mandera-body\">All data also flows directly into mandera's Agentic Engine, which turns your traffic patterns into contextual growth opportunities and concrete strategies. Add one line of code and it runs automatically, live in under two minutes.<\/p>\n      <\/div>\n      <div class=\"blist\">\n        <div><span class=\"ck\">\u2713<\/span> No cookies, no IP processing, no consent banner needed<\/div>\n        <div><span class=\"ck\">\u2713<\/span> Comprehensive visitor analytics, from traffic to user flow<\/div>\n        <div><span class=\"ck\">\u2713<\/span> AI referral tracking<\/div>\n        <div><span class=\"ck\">\u2713<\/span> Heatmaps for every page<\/div>\n        <div><span class=\"ck\">\u2713<\/span> Deeply integrated with mandera's Agentic Engine<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"counter\">\n      <div><div class=\"num\">0<\/div><div class=\"lab\">cookies collected<\/div><\/div>\n      <div><div class=\"num\">1<\/div><div class=\"lab\">line of code<\/div><\/div>\n      <div><div class=\"num\">15<\/div><div class=\"lab\">analytics modules<\/div><\/div>\n      <div><div class=\"num\">100%<\/div><div class=\"lab\">GDPR compliant<\/div><\/div>\n    <\/div>\n  <\/div><\/section>\n\n  <!-- 5 STORY (Heading + Cards in einer Sektion) -->\n  <section><div class=\"wrap\">\n    <h2 class=\"mandera-heading\" style=\"margin-bottom:32px\">Understand your whole audience<\/h2>\n\n    <!-- A \u00b7 Sources -->\n    <div class=\"storycard\"><div class=\"row\">\n      <div class=\"txt\">\n        <h3>See exactly where your visitors come from<\/h3>\n        <p class=\"body mandera-body\">Sources are ranked in one list, from search, social and direct to referrals, with traffic from AI tools like ChatGPT shown right alongside your human visitors. Select any source and every module updates to show data for just that segment.<\/p>\n      <\/div>\n      <div class=\"embed\"><mandera-module name=\"analytics-sources\"><\/mandera-module><\/div>\n    <\/div><\/div>\n\n    <!-- B \u00b7 Pages -->\n    <div class=\"storycard\"><div class=\"row\">\n      <div class=\"txt\">\n        <h3>Which pages they actually open<\/h3>\n        <p class=\"body mandera-body\">Pages ranked by traffic, with analytics for each URL and the ones you care about saved to the top. Filter your whole dashboard to any single page, so every module shows data for just that URL, with click and scroll heatmaps built in.<\/p>\n      <\/div>\n      <div class=\"embed\"><mandera-module name=\"analytics-pages\"><\/mandera-module><\/div>\n    <\/div><\/div>\n\n    <!-- B2 \u00b7 User Flow (full-width, edge-to-edge so the sankey fits without scroll) -->\n    <div class=\"modcard ufcard\">\n      <div class=\"modhead\">\n        <h3>Follow the exact paths they take<\/h3>\n        <p class=\"mandera-body\">Explore your users' journeys like never before. See the exact order visitors move from page to page, where they enter and where they leave, and filter to any single path.<\/p>\n      <\/div>\n      <div class=\"modembed embed\"><mandera-module name=\"analytics-user-flow\"><\/mandera-module><\/div>\n    <\/div>\n\n    <!-- C \u00b7 Who they are (one box, pill toggle locations\/devices: text left, visual right) -->\n    <div class=\"modcard\">\n      <div class=\"embed\"><mandera-module name=\"analytics-audience\"><\/mandera-module><\/div>\n    <\/div>\n\n    <!-- 6 CLIMAX \u2014 kept in the SAME section so its gap matches the other boxes (28px) -->\n    <div class=\"modcard\">\n      <div class=\"modhead\">\n        <h3>Then find growth opportunities<\/h3>\n        <p class=\"mandera-body\">The AI of mandera is deeply integrated across the whole dashboard, always by your side. Ask it anything or surface growth opportunities right inside your data, ready to become a strategy you can act on. Try the chat below.<\/p>\n      <\/div>\n      <div class=\"modembed embed\" style=\"margin-top:32px;\"><mandera-module name=\"analytics-ask\"><\/mandera-module><\/div>\n    <\/div>\n\n  <\/div><\/section>\n\n  <!-- 7 MORE FEATURES -->\n  <section><div class=\"wrap\">\n    <h2 class=\"mandera-heading center\" style=\"margin-bottom:40px\">Comes with all the essentials<\/h2>\n    <div class=\"feat\">\n      <div class=\"it\"><b>Date picker<\/b><span>filter any time range, from presets to a custom range<\/span><\/div>\n      <div class=\"it\"><b>Multi-domain<\/b><span>track multiple domains from one dashboard<\/span><\/div>\n      <div class=\"it\"><b>Team access<\/b><span>invite your team with view access<\/span><\/div>\n      <div class=\"it\"><b>Lightweight<\/b><span>under 5 KB script, zero impact on page speed<\/span><\/div>\n      <div class=\"it\"><b>Search by URL<\/b><span>search and filter the dashboard by any URL<\/span><\/div>\n      <div class=\"it\"><b>Hosted in Germany<\/b><span>all your data stays in Germany<\/span><\/div>\n      <div class=\"it\"><b>Clean data<\/b><span>bot traffic and your own dashboard visits filtered out automatically<\/span><\/div>\n      <div class=\"it\"><b>No sampling<\/b><span>every visit counted, never estimated<\/span><\/div>\n    <\/div>\n  <\/div><\/section>\n\n  <!-- 8 FUNNEL \u2014 real engine funnel (full height, like \/home#step=intro: particles + logo + clickable suite links) -->\n  <section style=\"padding:40px 0 0\">\n    <div style=\"position:relative\">\n      <!-- data-default-zone + data-active-button = die offizielle Funnel-Vorgabe.\n           Pro Suite anpassen \u2014 Analytics: zone \"input\", Button \"\/product\/analytics\".\n           (SEO: input \u00b7 Context: input \u00b7 Agentic Engine: compute \u00b7 Growth: output) -->\n      <div id=\"mandera-funnel\" data-default-zone=\"input\" data-active-button=\"\/product\/analytics\" style=\"height:92vh;min-height:820px;width:100%\"><\/div>\n      <div class=\"funnelhead\"><div class=\"wrap center\">\n        <h2 class=\"mandera-heading center\" style=\"margin-bottom:16px\">Analytics suite is part of the mandera growth system<\/h2>\n        <p class=\"lead mandera-body\">Your analytics doesn't just show in your dashboard. In the background it also feeds mandera's agentic engine, a deeply integrated, multilayered AI system that works automatically. The engine turns it into growth opportunities and ready-to-use strategies. Hover any stage to see how it flows, or jump straight to another suite below.<\/p>\n      <\/div><\/div>\n      <!-- Stage-Liste nur auf Mobil\/Tablet (Engine-Labels sind dort nicht sichtbar) -->\n      <div class=\"funnel-stages-m\">\n        <div class=\"fstage\"><div class=\"fstage-top\">input<\/div><div class=\"fstage-items\">analytics suite<br>seo suite<br>context suite<\/div><\/div>\n        <div class=\"fstage\"><div class=\"fstage-top\">compute<\/div><div class=\"fstage-items\">agentic engine<\/div><\/div>\n        <div class=\"fstage\"><div class=\"fstage-top\">output<\/div><div class=\"fstage-items\">growth suite<\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 9 FAQ + CTA teilen einen Partikel-Hintergrund -->\n  <div class=\"pbg-wrap\">\n    <mandera-module name=\"mandera-particles\" class=\"pbg pbg--soft\"><\/mandera-module>\n    <div class=\"pbg-content\">\n      <section><div class=\"wrap\">\n        <h2 class=\"mandera-heading center\" style=\"margin-bottom:40px\">Frequently asked questions<\/h2>\n    <div class=\"faq\">\n      <div class=\"faq-item\"><button class=\"faq-q\" type=\"button\" aria-expanded=\"false\">How does mandera track visitors?<svg class=\"faq-ico\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/button><div class=\"faq-a\"><div class=\"faq-a-i\">mandera reads only what the browser already sends, like the page and referrer. It uses no cookies and never processes IP addresses or personal data. You can read exactly how it works in our <a href=\"#\">documentation<\/a>.<\/div><\/div><\/div>\n      <div class=\"faq-item\"><button class=\"faq-q\" type=\"button\" aria-expanded=\"false\">Do I need a cookie consent banner?<svg class=\"faq-ico\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/button><div class=\"faq-a\"><div class=\"faq-a-i\">No. mandera collects no cookies and no personal data, so there is nothing for visitors to consent to.<\/div><\/div><\/div>\n      <div class=\"faq-item\"><button class=\"faq-q\" type=\"button\" aria-expanded=\"false\">How does geographic tracking work without IP addresses?<svg class=\"faq-ico\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/button><div class=\"faq-a\"><div class=\"faq-a-i\">mandera reads the visitor's browser timezone, which maps to a region. It never reads, stores or processes their IP address.<\/div><\/div><\/div>\n      <div class=\"faq-item\"><button class=\"faq-q\" type=\"button\" aria-expanded=\"false\">What's the difference between cookie-based analytics and mandera?<svg class=\"faq-ico\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/button><div class=\"faq-a\"><div class=\"faq-a-i\">Cookie-based tools recognise and identify individual visitors across visits. mandera is designed not to, so it captures 100% of your traffic without cookies or a consent banner, but never tracks a single named user.<\/div><\/div><\/div>\n      <div class=\"faq-item\"><button class=\"faq-q\" type=\"button\" aria-expanded=\"false\">What about bots and my own visits?<svg class=\"faq-ico\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/button><div class=\"faq-a\"><div class=\"faq-a-i\">Bot traffic and your own dashboard visits are filtered out automatically, so your numbers stay clean.<\/div><\/div><\/div>\n      <div class=\"faq-item\"><button class=\"faq-q\" type=\"button\" aria-expanded=\"false\">Is the data sampled?<svg class=\"faq-ico\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/button><div class=\"faq-a\"><div class=\"faq-a-i\">No. Every visit is counted, never estimated.<\/div><\/div><\/div>\n      <div class=\"faq-item\"><button class=\"faq-q\" type=\"button\" aria-expanded=\"false\">What is AI referral traffic?<svg class=\"faq-ico\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/button><div class=\"faq-a\"><div class=\"faq-a-i\">AI referral traffic refers to human visitors who arrive at your site from an AI tool like ChatGPT. mandera shows it as a source right alongside search, social and direct, so you see exactly how much of your traffic AI is already sending you.<\/div><\/div><\/div>\n      <div class=\"faq-item\"><button class=\"faq-q\" type=\"button\" aria-expanded=\"false\">Are heatmaps included?<svg class=\"faq-ico\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/button><div class=\"faq-a\"><div class=\"faq-a-i\">Yes. You get click and scroll heatmaps for every page, with no extra setup.<\/div><\/div><\/div>\n      <div class=\"faq-item\"><button class=\"faq-q\" type=\"button\" aria-expanded=\"false\">Can I track multiple websites?<svg class=\"faq-ico\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/button><div class=\"faq-a\"><div class=\"faq-a-i\">Yes. Track several domains from one dashboard, each with its own isolated data. Multi-domain tracking isn't part of every plan, so choose a plan that includes multiple domains, or contact us for a custom enterprise solution.<\/div><\/div><\/div>\n      <div class=\"faq-item\"><button class=\"faq-q\" type=\"button\" aria-expanded=\"false\">How fast is setup?<svg class=\"faq-ico\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/button><div class=\"faq-a\"><div class=\"faq-a-i\">About two minutes. Add one lightweight script to your site and data starts flowing immediately. No technical knowledge needed.<\/div><\/div><\/div>\n      <div class=\"faq-item\"><button class=\"faq-q\" type=\"button\" aria-expanded=\"false\">How does the analytics suite connect to the Growth Suite?<svg class=\"faq-ico\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/button><div class=\"faq-a\"><div class=\"faq-a-i\">All your analytics flows into mandera's agentic engine, where growth opportunities emerge two ways: found automatically by the AI, or co-created with it in your dashboard. You act on them in the Growth Suite.<\/div><\/div><\/div>\n      <div class=\"faq-item\"><button class=\"faq-q\" type=\"button\" aria-expanded=\"false\">Where is my data stored?<svg class=\"faq-ico\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/button><div class=\"faq-a\"><div class=\"faq-a-i\">All your data is hosted on EU servers in Germany, with no transfers to non-EU jurisdictions.<\/div><\/div><\/div>\n      <div class=\"faq-item\"><button class=\"faq-q\" type=\"button\" aria-expanded=\"false\">How does pricing work?<svg class=\"faq-ico\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/button><div class=\"faq-a\"><div class=\"faq-a-i\">mandera comes as one subscription with all suites included, at a fixed price so you always have control over your cost. For analytics, that fixed fee covers a generous monthly page-view limit that 99% of websites never reach, so there's no usage-based calculation. High-traffic sites can contact our enterprise team for extended limits.<\/div><\/div><\/div>\n      <div class=\"faq-item\"><button class=\"faq-q\" type=\"button\" aria-expanded=\"false\">How seriously does mandera take privacy and compliance?<svg class=\"faq-ico\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/button><div class=\"faq-a\"><div class=\"faq-a-i\">Privacy and compliance are the highest priority for our customers, so mandera is designed around them from the ground up. See the <a href=\"#\">Privacy &amp; Compliance<\/a> page for the full picture.<\/div><\/div><\/div>\n    <\/div>\n  <\/div><\/section>\n\n      <!-- 10 CTA (gleiche Partikel-Ebene wie FAQ) -->\n      <section class=\"ctasec\"><div class=\"wrap center\">\n        <h2 class=\"mandera-heading center\">Ascend your analytics<\/h2>\n        <p class=\"lead mandera-body center\" style=\"margin-top:20px\">Subscribe to mandera and unlock the analytics suite. Our free trial includes 10 high-impact opportunities for you.<\/p>\n        <a class=\"btn-outline\" href=\"https:\/\/www.mandera.ai\/pricing\/\">Start free trial<\/a>\n      <\/div><\/section>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<!-- Funnel engine (real, built by scripts\/build-standalone.ts \u2192 exposes initManderaFunnel).\n     JS only: the full engine CSS (mandera-home.css) is intentionally NOT loaded here\n     because it carries global resets (incl. body overflow) that would clobber this page.\n     The funnel renders its particles (canvas) + logo + labels via inline\/injected styles.\n     If the logo\/labels look unstyled, we extract the minimal funnel CSS scoped to #mandera-funnel. -->\n<script src=\"https:\/\/mandera.ai\/wp-content\/uploads\/mandera\/mandera-home.js\" defer><\/script>\n<script>\n  window.addEventListener('load', function () {\n    var el = document.getElementById('mandera-funnel');\n    if (el && window.initManderaFunnel) {\n      var opts = {};\n      var dz = el.getAttribute('data-default-zone');   if (dz) opts.defaultZone  = dz;\n      var ab = el.getAttribute('data-active-button');  if (ab) opts.activeButton = ab;\n      window.initManderaFunnel(el, opts);\n    }\n\n    \/\/ Funnel-Links: auf die Marketing-URLs umschreiben (ohne \/product) + in neuem Tab \u00f6ffnen.\n    \/\/ Slugs ggf. anpassen, falls die echten Seiten-URLs anders hei\u00dfen.\n    (function () {\n      var MAP = {\n        'analytics': 'https:\/\/www.mandera.ai\/analytics-suite\/',\n        'seo': 'https:\/\/www.mandera.ai\/seo-suite\/',\n        'context': 'https:\/\/www.mandera.ai\/context-suite\/',\n        'growth': 'https:\/\/www.mandera.ai\/growth-suite\/',\n        'agentic-engine': 'https:\/\/www.mandera.ai\/agentic-engine\/'\n      };\n      var root = document.getElementById('mandera-funnel');\n      if (!root) return;\n      function rewrite() {\n        root.querySelectorAll('a[href]').forEach(function (a) {\n          var m = (a.getAttribute('href') || '').match(\/\\\/product\\\/([a-z-]+)\/);\n          if (m && MAP[m[1]]) {\n            a.setAttribute('href', MAP[m[1]]);\n            a.setAttribute('target', '_blank');\n            a.setAttribute('rel', 'noopener noreferrer');\n          }\n        });\n      }\n      rewrite();\n      [300, 800, 1500, 2500].forEach(function (t) { setTimeout(rewrite, t); });\n      if (window.MutationObserver) new MutationObserver(rewrite).observe(root, { childList: true, subtree: true });\n    })();\n\n    \/\/ Counter count-up: animates each .num from 0 to its target when scrolled\n    \/\/ into view. Reads the target + any suffix (%, etc.) from the text content.\n    (function () {\n      var nums = document.querySelectorAll('.mnd-page .counter .num');\n      if (!nums.length) return;\n      var runCountUp = function (node) {\n        var raw = node.textContent.trim();\n        var target = parseFloat(raw.replace(\/[^0-9.]\/g, '')) || 0;\n        var suffix = raw.replace(\/[0-9.,]\/g, '');           \/\/ e.g. \"%\"\n        if (target === 0) { node.textContent = raw; return; } \/\/ 0 stays 0\n        var dur = 4200, start = null;\n        var step = function (ts) {\n          if (!start) start = ts;\n          var p = Math.min((ts - start) \/ dur, 1);\n          var eased = 1 - Math.pow(1 - p, 3);               \/\/ ease-out cubic\n          node.textContent = Math.round(target * eased) + suffix;\n          if (p < 1) requestAnimationFrame(step);\n          else node.textContent = target + suffix;\n        };\n        requestAnimationFrame(step);\n      };\n      if ('IntersectionObserver' in window) {\n        var io = new IntersectionObserver(function (entries) {\n          entries.forEach(function (en) {\n            if (en.isIntersecting) { runCountUp(en.target); io.unobserve(en.target); }\n          });\n        }, { threshold: 0.6 });\n        nums.forEach(function (n) { io.observe(n); });\n      } else {\n        nums.forEach(runCountUp);\n      }\n    })();\n\n    \/\/ FAQ accordion: Animation rein \u00fcber CSS (grid-template-rows auf .faq-item.open).\n    \/\/ JS togglet nur die .open-Klasse und sorgt f\u00fcr \"immer nur eins offen\".\n    (function () {\n      var items = document.querySelectorAll('.mnd-page .faq .faq-item');\n      items.forEach(function (item) {\n        var btn = item.querySelector('.faq-q');\n        if (!btn) return;\n        btn.addEventListener('click', function () {\n          var willOpen = !item.classList.contains('open');\n          items.forEach(function (other) {\n            other.classList.remove('open');\n            var b = other.querySelector('.faq-q');\n            if (b) b.setAttribute('aria-expanded', 'false');\n          });\n          if (willOpen) {\n            item.classList.add('open');\n            btn.setAttribute('aria-expanded', 'true');\n          }\n        });\n      });\n    })();\n  });\n<\/script>\n\n\n\n\n<span id=\"recharts_measurement_span\" aria-hidden=\"true\" style=\"position: absolute; top: -20000px; left: 0px; padding: 0px; margin: 0px; border: medium; white-space: pre; font-size: 12px; letter-spacing: normal;\">0<\/span>\n\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>100% of your traffic captured0% cookies used One integrated suite measures everything on your website, including human visitors and where they come from. Compliant by design, zero legal headaches. The analytics suite main chart gives you an overview of everything happening on your website, including human visits, page views and engagement. Full insights, zero personal [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_seopress_titles_title":"Analytics Suite: privacy-first analytics | mandera","_seopress_titles_desc":"mandera's Analytics Suite captures every visit with no cookies and no consent banner. GDPR-compliant analytics for humans and AI crawlers, live in two minutes.","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"_oxygen_hide_in_design_set":false,"_oxygen_tags":"","footnotes":""},"class_list":["post-452","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.mandera.ai\/nl\/wp-json\/wp\/v2\/pages\/452","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mandera.ai\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mandera.ai\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mandera.ai\/nl\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mandera.ai\/nl\/wp-json\/wp\/v2\/comments?post=452"}],"version-history":[{"count":18,"href":"https:\/\/www.mandera.ai\/nl\/wp-json\/wp\/v2\/pages\/452\/revisions"}],"predecessor-version":[{"id":1015,"href":"https:\/\/www.mandera.ai\/nl\/wp-json\/wp\/v2\/pages\/452\/revisions\/1015"}],"wp:attachment":[{"href":"https:\/\/www.mandera.ai\/nl\/wp-json\/wp\/v2\/media?parent=452"}],"curies":[{"name":"Welkom","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}