Files
nexus/sreweekly/articles/131/06-slos-you-a-guide-to-service-level-objectives.html
2026-09-12 17:23:01 +08:00

4010 lines
298 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="en-US" prefix="og: https://ogp.me/ns#">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
@font-face {
font-family: "Plus Jakarta Sans";
font-display: swap;
}
@font-face {
font-family: "JetBrains Mono";
font-display: swap;
}
</style> <script src="https://unpkg.com/@apica-io/apica-rum@1.0.1/dist/ApicaRum.js"></script>
<script>
window.ApicaRum.Init({
ingestHost: 'https://pre-sales.apica.io',
ingestToken: 'eyJhbGciOiJSUzI1NiIsImtpZCI6ImFwaWNhLWNlcnQiLCJ0eXAiOiJKV1QifQ.eyJhY2Nlc3NLZXkiOiI2d0hqa2ZxZmlQUFpYZDRoTmQ4TktMdUR3TG9RV09xcUNvMmRvd0JqIiwiYXVkIjpbImZiMGVlM2VmNmQ0MTc1MjQxMjUwIl0sImNyZWF0ZWRUaW1lIjoiMjAyNC0xMC0xNFQxNjo0NDoyMVoiLCJkZWxldGVkVGltZSI6IiIsImRpc3BsYXlOYW1lIjoiRGFuaWVsIEJlbmd0c3NvbiIsImVtYWlsIjoiZGFuaWVsLmJlbmd0c3NvbkBhcGljYS5pbyIsImV4cCI6NDkzOTcxMTQxMSwiZ3VpZCI6IiIsImlhdCI6MTc4NDAzNzgxMSwiaWQiOiI3IiwiaXNEZWxldGVkIjpmYWxzZSwiaXNzIjoiaHR0cDovL2xvZ2lxLWZsYXNoLW1sOjgwMDAiLCJqdGkiOiJhZG1pbi80MzliZjFhZi1iNmMwLTQ0ZTQtOTZhYi1kODgzZTljN2QwM2IiLCJsYXN0U2lnbmluVGltZSI6IjIwMjUtMDctMDFUMjM6MjY6NDMrMDUzMCIsIm5hbWUiOiJkYW5pZWwuYmVuZ3Rzc29uQGFwaWNhLmlvIiwibmJmIjoxNzg0MDM3ODExLCJub25jZSI6IiIsIm93bmVyIjoiYnVpbHQtaW4iLCJyb2xlcyI6W3sib3duZXIiOiJhZG1pbiIsIm5hbWUiOiIxIiwiY3JlYXRlZFRpbWUiOiIyMDI0LTEwLTEwVDE0OjA4OjA0WiIsImRpc3BsYXlOYW1lIjoiYWRtaW4iLCJkZXNjcmlwdGlvbiI6ImJ1aWx0aW4iLCJ1c2VycyI6bnVsbCwiZ3JvdXBzIjpbXSwicm9sZXMiOm51bGwsImRvbWFpbnMiOltdLCJpc0VuYWJsZWQiOnRydWV9LHsib3duZXIiOiJhZG1pbiIsIm5hbWUiOiIyIiwiY3JlYXRlZFRpbWUiOiIyMDI0LTEwLTEwVDE0OjA4OjA0WiIsImRpc3BsYXlOYW1lIjoiZGVmYXVsdCIsImRlc2NyaXB0aW9uIjoiYnVpbHRpbiIsInVzZXJzIjpudWxsLCJncm91cHMiOltdLCJyb2xlcyI6bnVsbCwiZG9tYWlucyI6W10sImlzRW5hYmxlZCI6dHJ1ZX1dLCJzY29wZSI6InByb2ZpbGUiLCJzdWIiOiJkYW5pZWwuYmVuZ3Rzc29uQGFwaWNhLmlvIiwidGFnIjoiIiwidG9rZW5UeXBlIjoiYWNjZXNzLXRva2VuIiwidHlwZSI6Im5vcm1hbC11c2VyIiwidXBkYXRlZFRpbWUiOiIyMDI1LTA3LTI0VDE1OjMxOjUzWiJ9.k_SHBaxFCo6sWHd_V4pUNF-_zpUsDC54gXcKmLka4a3t3q3dl9eEsfHux6gZAsV36mNaKuuylyB_ZJMKFwwHmyfxkG4g87CvTGLrSkSVcXoj6yTiBw1kwXqmUILTdypvudpePji29eK469Clv5oMb4zgYez2-UPDaFQ1tfaIypIGu1of7W5MnJ2YWvNHCEz0CUkRNOV1fmieirZNZho-uUofVw02rc_XmHyEaOh8eofVSGtPoo7Jj0dzhu9-HEC2yH_oScyb90-eiRPIXeMg9-EjI862Ue0cAsyKGSHELAOD6jZ3AIjWgWC4OME41S1R35INjlyWVr-oCyrrkhcr4Q',
sessionId: null,
appNameSpace: 'RUM',
appName: 'default_app',
envr: 'prod',
emitLog: true,
emitMetric: true,
emitTrace: true,
trackLocation: true
}).catch(function (err) {
console.error('ApicaRum init failed', err);
});
</script>
<script>Object.defineProperty(window,"angiePlugin",{value:{"schemaVersion":1,"available":true,"version":"1.1.16"},writable:false,configurable:false});</script><meta name="viewport" content="width=device-width, initial-scale=1"><link rel='preconnect' href='https://app.storylane.io' >
<!-- Search Engine Optimization by Rank Math PRO - https://rankmath.com/ -->
<title>Telemetry Pipeline for AI-Era Data Volumes</title><link rel="preload" href="https://www.apica.io/wp-content/uploads/2023/01/apica-logo-white-2022.png" as="image" fetchpriority="high">
<meta name="description" content="Apica is the agentic-ready telemetry pipeline that cuts observability costs up to 40%. Control your data, eliminate tool sprawl, and scale for AI."/>
<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/>
<link rel="canonical" href="https://www.apica.io/" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Telemetry Control Plane for AI-Era Data Volumes" />
<meta property="og:description" content="Apica helps enterprises be “Agentic-Ready” by giving them the telemetry infrastructure, metrics foundation, and data readiness AI agents demand." />
<meta property="og:url" content="https://www.apica.io/" />
<meta property="og:site_name" content="Apica" />
<meta property="og:updated_time" content="2026-09-11T15:44:02+02:00" />
<meta property="og:image" content="https://www.apica.io/wp-admin/admin-ajax.php?action=rank_math_overlay_thumb&id=85029&type=play&hash=e71fe055fb7e2403dd352a4fdc470303" />
<meta property="og:image:secure_url" content="https://www.apica.io/wp-admin/admin-ajax.php?action=rank_math_overlay_thumb&id=85029&type=play&hash=e71fe055fb7e2403dd352a4fdc470303" />
<meta property="og:image:width" content="1920" />
<meta property="og:image:height" content="1200" />
<meta property="og:image:alt" content="telemetry pipeline" />
<meta property="og:image:type" content="image/webp" />
<meta property="og:video" content="https://www.apica.io/ascent-guided-tour" />
<meta property="video:duration" content="210" />
<meta property="ya:ovs:adult" content="1" />
<meta property="ya:ovs:upload_date" content="2026-04-01T00:00:00+00:00" />
<meta property="ya:ovs:allow_embed" content="true" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Telemetry Control Plane for AI-Era Data Volumes" />
<meta name="twitter:description" content="Apica helps enterprises be “Agentic-Ready” by giving them the telemetry infrastructure, metrics foundation, and data readiness AI agents demand." />
<meta name="twitter:site" content="@apicaio" />
<meta name="twitter:creator" content="@apicaio" />
<meta name="twitter:image" content="https://www.apica.io/wp-admin/admin-ajax.php?action=rank_math_overlay_thumb&id=85029&type=play&hash=e71fe055fb7e2403dd352a4fdc470303" />
<meta name="twitter:label1" content="Written by" />
<meta name="twitter:data1" content="Paul Wampler" />
<meta name="twitter:label2" content="Time to read" />
<meta name="twitter:data2" content="4 minutes" />
<!-- /Rank Math WordPress SEO plugin -->
<!-- Apica KW -->
<meta name="keywords" content="telemetry pipeline, agentic observability, observability platform, reduce observability costs, opentelemetry pipeline, ai observability, telemetry data management, Apica" />
<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id="classic-theme-styles-inline-css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<style id="cost-calculator-builder-calculator-selector-style-inline-css">
/*!***************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/style.scss ***!
\***************************************************************************************************************************************************************************************************************************************/
.ccb-gutenberg-block {
padding: 20px;
border: 1px solid black;
}
.ccb-gutenberg-block__header {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.ccb-gutenberg-block__icon {
margin-right: 20px;
}
/*# sourceMappingURL=style-index.css.map*/
/*# sourceURL=https://www.apica.io/wp-content/plugins/cost-calculator-builder/includes/gutenberg-block/build/style-index.css */
</style>
<style id="safe-svg-svg-icon-style-inline-css">
.wp-block-safe-svg-svg-icon a{align-self:center}.safe-svg-cover{text-align:center}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{fill:currentColor;height:100%;max-height:100%;max-width:100%;width:100%}
/*# sourceURL=https://www.apica.io/wp-content/plugins/safe-svg/dist/safe-svg-block-frontend.css */
</style>
<style id="rank-math-related-posts-style-inline-css">
.wp-block-rank-math-related-posts{--rm-related-gap: 1rem;--rm-related-border-radius: 6px;--rm-related-card-padding: 16px;--rm-related-hover-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);--rm-related-transition: 0.2s ease}.wp-block-rank-math-related-posts.rank-math-related-posts{display:block}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-wrap{display:grid;gap:var(--rm-related-gap)}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-grid-vertical .rank-math-related-wrap,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-grid-vertical .rank-math-related-wrap{grid-template-columns:repeat(auto-fill, minmax(220px, 1fr))}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-grid-horizontal .rank-math-related-wrap,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-grid-horizontal .rank-math-related-wrap{grid-template-columns:repeat(auto-fill, minmax(400px, 1fr))}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-grid-horizontal .rank-math-related-item,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-grid-horizontal .rank-math-related-item{display:flex;gap:16px;align-items:flex-start}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-grid-horizontal .rank-math-related-thumb,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-grid-horizontal .rank-math-related-thumb{flex:0 0 140px;overflow:hidden}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-grid-horizontal .rank-math-related-thumb img,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-grid-horizontal .rank-math-related-thumb img{width:140px;height:140px;-o-object-fit:cover;object-fit:cover}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-grid-horizontal .rank-math-related-content,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-grid-horizontal .rank-math-related-content{flex:1;min-width:0;display:flex;flex-direction:column}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-grid-horizontal .rank-math-related-title,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-grid-horizontal .rank-math-related-title{margin-top:0}@media (max-width: 640px){.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-grid-horizontal .rank-math-related-wrap,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-grid-horizontal .rank-math-related-wrap{grid-template-columns:1fr}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-grid-horizontal .rank-math-related-thumb,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-grid-horizontal .rank-math-related-thumb{flex:0 0 100px}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-grid-horizontal .rank-math-related-thumb img,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-grid-horizontal .rank-math-related-thumb img{width:100px;height:100px}}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-list-vertical .rank-math-related-wrap,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-list-vertical .rank-math-related-wrap{grid-template-columns:1fr}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-list-horizontal .rank-math-related-wrap,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-list-horizontal .rank-math-related-wrap{grid-template-columns:1fr}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-list-horizontal .rank-math-related-item,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-list-horizontal .rank-math-related-item{display:flex;gap:20px;align-items:flex-start}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-list-horizontal .rank-math-related-thumb,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-list-horizontal .rank-math-related-thumb{flex:0 0 180px;overflow:hidden}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-list-horizontal .rank-math-related-thumb img,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-list-horizontal .rank-math-related-thumb img{width:180px;height:180px;-o-object-fit:cover;object-fit:cover}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-list-horizontal .rank-math-related-content,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-list-horizontal .rank-math-related-content{flex:1;min-width:0;display:flex;flex-direction:column}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-list-horizontal .rank-math-related-title,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-list-horizontal .rank-math-related-title{margin-top:0}@media (max-width: 640px){.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-list-horizontal .rank-math-related-item,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-list-horizontal .rank-math-related-item{gap:16px}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-list-horizontal .rank-math-related-thumb,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-list-horizontal .rank-math-related-thumb{flex:0 0 120px}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-list-horizontal .rank-math-related-thumb img,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-list-horizontal .rank-math-related-thumb img{width:120px;height:120px}}@media (max-width: 480px){.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-list-horizontal .rank-math-related-item,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-list-horizontal .rank-math-related-item{flex-direction:column}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-list-horizontal .rank-math-related-thumb,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-list-horizontal .rank-math-related-thumb{flex:0 0 auto;width:100%}.wp-block-rank-math-related-posts.rank-math-related-posts.is-style-list-horizontal .rank-math-related-thumb img,.wp-block-rank-math-related-posts.rank-math-related-posts.rank-math-related-list-horizontal .rank-math-related-thumb img{width:100%;height:auto;max-height:200px}}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-item{border-radius:var(--rm-related-border-radius);padding:var(--rm-related-card-padding);background:inherit;transition:transform var(--rm-related-transition),box-shadow var(--rm-related-transition)}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-item:hover{transform:translateY(-2px);box-shadow:var(--rm-related-hover-shadow)}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-title{margin:0.5rem 0;font-size:inherit;line-height:inherit}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-title a{color:inherit;text-decoration:none;transition:color 0.2s ease}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-title a:hover{color:#2563eb;text-decoration:underline}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-title:not(:has(a)){cursor:default}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-thumb{position:relative;overflow:hidden;border-radius:4px;display:block}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-thumb img{display:block;width:100%;height:auto;border-radius:4px;transition:transform 0.3s ease}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-thumb:hover img{transform:scale(1.05)}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-thumb:not(a){cursor:default}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-thumb:not(a):hover img{transform:none}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-date{margin-top:0.25rem;font-size:0.85em;opacity:0.7}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-terms{margin-top:0.5rem}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-chip{display:inline-block;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;padding:0.15rem 0.5rem;margin-right:0.35rem;font-size:0.8em}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-excerpt{margin-top:0.5rem;color:inherit;opacity:0.8;font-size:0.9em;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-more{margin-top:1rem}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-button{display:inline-block;background:#111827;color:#fff;border-radius:6px;padding:0.625rem 1.25rem;text-decoration:none;font-weight:500;transition:background 0.2s ease, transform 0.2s ease}.wp-block-rank-math-related-posts.rank-math-related-posts .rank-math-related-button:hover{background:#1f2937;transform:translateY(-1px)}.wp-block-rank-math-related-posts.has-border-color .rank-math-related-item{border-color:inherit}.wp-block-rank-math-related-posts.has-border-width .rank-math-related-item{border-width:inherit}.wp-block-rank-math-related-posts.has-border-style .rank-math-related-item{border-style:inherit}.wp-block-rank-math-related-posts.has-border-radius .rank-math-related-item{border-radius:inherit}.wp-block-rank-math-related-posts:not(.has-border-color):not(.has-border-width):not(.has-border-style) .rank-math-related-item{border:1px solid #e5e7eb}
/*# sourceURL=https://www.apica.io/wp-content/plugins/seo-by-rank-math-pro/includes/modules/link-genius/blocks/related/assets/css/styles.css */
</style>
<style id="filebird-block-filebird-gallery-style-inline-css">
ul.filebird-block-filebird-gallery{margin:auto!important;padding:0!important;width:100%}ul.filebird-block-filebird-gallery.layout-grid{display:grid;grid-gap:20px;align-items:stretch;grid-template-columns:repeat(var(--columns),1fr);justify-items:stretch}ul.filebird-block-filebird-gallery.layout-grid li img{border:1px solid #ccc;box-shadow:2px 2px 6px 0 rgba(0,0,0,.3);height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover;width:100%}ul.filebird-block-filebird-gallery.layout-masonry{-moz-column-count:var(--columns);column-count:var(--columns);-moz-column-gap:var(--space);column-gap:var(--space);display:block;overflow:auto}ul.filebird-block-filebird-gallery.layout-masonry li{margin-bottom:var(--space)}ul.filebird-block-filebird-gallery li{list-style:none}ul.filebird-block-filebird-gallery li figure{height:100%;margin:0;padding:0;position:relative;width:100%}ul.filebird-block-filebird-gallery li figure figcaption{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);bottom:0;box-sizing:border-box;color:#fff;font-size:.8em;margin:0;max-height:100%;overflow:auto;padding:3em .77em .7em;position:absolute;text-align:center;width:100%;z-index:2}ul.filebird-block-filebird-gallery li figure figcaption a{color:inherit}
/*# sourceURL=https://www.apica.io/wp-content/plugins/filebird/blocks/filebird-gallery/build/style-index.css */
</style>
<link rel='stylesheet' id='cmplz-general-css' href='https://www.apica.io/wp-content/plugins/complianz-gdpr-premium/assets/css/cookieblocker.min.css?ver=1788961538' media='all' />
<link rel='stylesheet' id='megamenu-css' href='https://www.apica.io/wp-content/uploads/maxmegamenu/style.css?ver=92a312' media='all' />
<link rel='stylesheet' id='dashicons-css' href='https://www.apica.io/wp-includes/css/dashicons.min.css?ver=7.1' media='all' />
<link rel='stylesheet' id='megamenu-genericons-css' href='https://www.apica.io/wp-content/plugins/megamenu-pro/icons/genericons/genericons/genericons.css?ver=2.4.4' media='all' />
<link rel='stylesheet' id='megamenu-fontawesome6-css' href='https://www.apica.io/wp-content/plugins/megamenu-pro/icons/fontawesome6/css/all.min.css?ver=2.4.4' media='all' />
<link rel='stylesheet' id='generate-style-css' href='https://www.apica.io/wp-content/themes/generatepress/assets/css/main.min.css?ver=3.6.1' media='all' />
<style id="generate-style-inline-css">
body{background-color:#f7f8f9;color:#222222;}a{color:var(--accent);}a:hover, a:focus, a:active{color:#000000;}.wp-block-group__inner-container{max-width:1200px;margin-left:auto;margin-right:auto;}:root{--contrast:#222222;--contrast-2:#575760;--contrast-3:#b2b2be;--base:#f0f0f0;--base-2:#f7f8f9;--base-3:#ffffff;--accent:#4132EE;}:root .has-contrast-color{color:var(--contrast);}:root .has-contrast-background-color{background-color:var(--contrast);}:root .has-contrast-2-color{color:var(--contrast-2);}:root .has-contrast-2-background-color{background-color:var(--contrast-2);}:root .has-contrast-3-color{color:var(--contrast-3);}:root .has-contrast-3-background-color{background-color:var(--contrast-3);}:root .has-base-color{color:var(--base);}:root .has-base-background-color{background-color:var(--base);}:root .has-base-2-color{color:var(--base-2);}:root .has-base-2-background-color{background-color:var(--base-2);}:root .has-base-3-color{color:var(--base-3);}:root .has-base-3-background-color{background-color:var(--base-3);}:root .has-accent-color{color:var(--accent);}:root .has-accent-background-color{background-color:var(--accent);}body, button, input, select, textarea{font-size:16px;}body{line-height:1.5;}.entry-content > [class*="wp-block-"]:not(:last-child):not(.wp-block-heading){margin-bottom:1.5em;}.main-navigation .main-nav ul ul li a{font-size:14px;}.sidebar .widget, .footer-widgets .widget{font-size:17px;}@media (max-width:768px){h1{font-size:31px;}h2{font-size:27px;}h3{font-size:24px;}h4{font-size:22px;}h5{font-size:19px;}}.top-bar{background-color:#636363;color:#ffffff;}.top-bar a{color:#ffffff;}.top-bar a:hover{color:#303030;}.site-header{background-color:#ffffff;}.main-title a,.main-title a:hover{color:#222222;}.site-description{color:#757575;}.mobile-menu-control-wrapper .menu-toggle,.mobile-menu-control-wrapper .menu-toggle:hover,.mobile-menu-control-wrapper .menu-toggle:focus,.has-inline-mobile-toggle #site-navigation.toggled{background-color:rgba(0, 0, 0, 0.02);}.main-navigation,.main-navigation ul ul{background-color:#ffffff;}.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items{color:#515151;}.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{color:#7a8896;background-color:#ffffff;}button.menu-toggle:hover,button.menu-toggle:focus{color:#515151;}.main-navigation .main-nav ul li[class*="current-menu-"] > a{color:#7a8896;background-color:#ffffff;}.navigation-search input[type="search"],.navigation-search input[type="search"]:active, .navigation-search input[type="search"]:focus, .main-navigation .main-nav ul li.search-item.active > a, .main-navigation .menu-bar-items .search-item.active > a{color:#7a8896;background-color:#ffffff;}.main-navigation ul ul{background-color:#eaeaea;}.main-navigation .main-nav ul ul li a{color:#515151;}.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover > a,.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul ul li.sfHover:not([class*="current-menu-"]) > a{color:#7a8896;background-color:#eaeaea;}.main-navigation .main-nav ul ul li[class*="current-menu-"] > a{color:#7a8896;background-color:#eaeaea;}.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header{background-color:#ffffff;}.entry-title a{color:#222222;}.entry-title a:hover{color:#55555e;}.entry-meta{color:#595959;}.sidebar .widget{background-color:#ffffff;}.footer-widgets{background-color:#ffffff;}.footer-widgets .widget-title{color:#000000;}.site-info{color:#ffffff;background-color:#55555e;}.site-info a{color:#ffffff;}.site-info a:hover{color:#d3d3d3;}.footer-bar .widget_nav_menu .current-menu-item a{color:#d3d3d3;}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea,select{color:#666666;background-color:#fafafa;border-color:#cccccc;}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,select:focus{color:#666666;background-color:#ffffff;border-color:#bfbfbf;}button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.wp-block-button__link:not(.has-background){color:#ffffff;background-color:#FF6C3E;}button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,a.button:hover,button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,a.button:focus,a.wp-block-button__link:not(.has-background):active,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):hover{color:#ffffff;background-color:var(--contrast);}a.generate-back-to-top{background-color:rgba( 0,0,0,0.4 );color:#ffffff;}a.generate-back-to-top:hover,a.generate-back-to-top:focus{background-color:rgba( 0,0,0,0.6 );color:#ffffff;}:root{--gp-search-modal-bg-color:var(--base-3);--gp-search-modal-text-color:var(--contrast);--gp-search-modal-overlay-bg-color:rgba(0,0,0,0.2);}@media (max-width:768px){.main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{background:none;color:#515151;}}.nav-below-header .main-navigation .inside-navigation.grid-container, .nav-above-header .main-navigation .inside-navigation.grid-container{padding:0px 20px 0px 20px;}.site-main .wp-block-group__inner-container{padding:40px;}.separate-containers .paging-navigation{padding-top:20px;padding-bottom:20px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-40px;width:calc(100% + 80px);max-width:calc(100% + 80px);}.rtl .menu-item-has-children .dropdown-menu-toggle{padding-left:20px;}.rtl .main-navigation .main-nav ul li.menu-item-has-children > a{padding-right:20px;}@media (max-width:768px){.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{padding:30px;}.site-main .wp-block-group__inner-container{padding:30px;}.inside-top-bar{padding-right:30px;padding-left:30px;}.inside-header{padding-right:30px;padding-left:30px;}.widget-area .widget{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.footer-widgets-container{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.inside-site-info{padding-right:30px;padding-left:30px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-30px;width:calc(100% + 60px);max-width:calc(100% + 60px);}.one-container .site-main .paging-navigation{margin-bottom:20px;}}/* End cached CSS */.is-right-sidebar{width:30%;}.is-left-sidebar{width:30%;}.site-content .content-area{width:70%;}@media (max-width:768px){.main-navigation .menu-toggle,.sidebar-nav-mobile:not(#sticky-placeholder){display:block;}.main-navigation ul,.gen-sidebar-nav,.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul,.has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav){display:none;}.nav-align-right .inside-navigation,.nav-align-center .inside-navigation{justify-content:space-between;}.has-inline-mobile-toggle .mobile-menu-control-wrapper{display:flex;flex-wrap:wrap;}.has-inline-mobile-toggle .inside-header{flex-direction:row;text-align:left;flex-wrap:wrap;}.has-inline-mobile-toggle .header-widget,.has-inline-mobile-toggle #site-navigation{flex-basis:100%;}.nav-float-left .has-inline-mobile-toggle #site-navigation{order:10;}}
.elementor-template-full-width .site-content{display:block;}
/*# sourceURL=generate-style-inline-css */
</style>
<link rel='stylesheet' id='generate-child-css' href='https://www.apica.io/wp-content/themes/generatepress_child/style.css?ver=1756981491' media='all' />
<link rel='stylesheet' id='elementor-frontend-css' href='https://www.apica.io/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=4.2.4' media='all' />
<link rel='stylesheet' id='widget-video-css' href='https://www.apica.io/wp-content/plugins/elementor/assets/css/widget-video.min.css?ver=4.2.4' media='all' />
<link rel='stylesheet' id='e-popup-css' href='https://www.apica.io/wp-content/plugins/elementor-pro/assets/css/conditionals/popup.min.css?ver=4.2.3' media='all' />
<link rel='stylesheet' id='e-sticky-css' href='https://www.apica.io/wp-content/plugins/elementor-pro/assets/css/modules/sticky.min.css?ver=4.2.3' media='all' />
<link rel='stylesheet' id='widget-image-css' href='https://www.apica.io/wp-content/plugins/elementor/assets/css/widget-image.min.css?ver=4.2.4' media='all' />
<link rel='stylesheet' id='eael-general-css' href='https://www.apica.io/wp-content/plugins/essential-addons-for-elementor-lite/assets/front-end/css/view/general.min.css?ver=6.8.3' media='all' />
<link rel='stylesheet' id='eael-84758-css' href='https://www.apica.io/wp-content/uploads/essential-addons-elementor/eael-84758.css?ver=1789141442' media='all' />
<link rel='stylesheet' id='widget-heading-css' href='https://www.apica.io/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=4.2.4' media='all' />
<link rel='stylesheet' id='widget-social-icons-css' href='https://www.apica.io/wp-content/plugins/elementor/assets/css/widget-social-icons.min.css?ver=4.2.4' media='all' />
<link rel='stylesheet' id='e-apple-webkit-css' href='https://www.apica.io/wp-content/plugins/elementor/assets/css/conditionals/apple-webkit.min.css?ver=4.2.4' media='all' />
<link rel='stylesheet' id='eael-84815-css' href='https://www.apica.io/wp-content/uploads/essential-addons-elementor/eael-84815.css?ver=1789141442' media='all' />
<link rel='stylesheet' id='elementor-icons-css' href='https://www.apica.io/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.53.0' media='all' />
<link rel='stylesheet' id='elementor-post-1040-css' href='https://www.apica.io/wp-content/uploads/elementor/css/post-1040.css?ver=1789155308' media='all' />
<link rel='stylesheet' id='swiper-css' href='https://www.apica.io/wp-content/plugins/elementor/assets/lib/swiper/v8/css/swiper.min.css?ver=8.4.5' media='all' />
<link rel='stylesheet' id='e-swiper-css' href='https://www.apica.io/wp-content/plugins/elementor/assets/css/conditionals/e-swiper.min.css?ver=4.2.4' media='all' />
<link rel='stylesheet' id='widget-image-carousel-css' href='https://www.apica.io/wp-content/plugins/elementor/assets/css/widget-image-carousel.min.css?ver=4.2.4' media='all' />
<link rel='stylesheet' id='widget-icon-list-css' href='https://www.apica.io/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css?ver=4.2.4' media='all' />
<link rel='stylesheet' id='elementor-post-84815-css' href='https://www.apica.io/wp-content/uploads/elementor/css/post-84815.css?ver=1789155310' media='all' />
<link rel='stylesheet' id='elementor-post-82912-css' href='https://www.apica.io/wp-content/uploads/elementor/css/post-82912.css?ver=1789155311' media='all' />
<link rel='stylesheet' id='elementor-post-78001-css' href='https://www.apica.io/wp-content/uploads/elementor/css/post-78001.css?ver=1789155311' media='all' />
<link rel='stylesheet' id='elementor-post-78000-css' href='https://www.apica.io/wp-content/uploads/elementor/css/post-78000.css?ver=1789155311' media='all' />
<link rel='stylesheet' id='elementor-post-77993-css' href='https://www.apica.io/wp-content/uploads/elementor/css/post-77993.css?ver=1789155311' media='all' />
<link rel='stylesheet' id='elementor-post-85496-css' href='https://www.apica.io/wp-content/uploads/elementor/css/post-85496.css?ver=1789155311' media='all' />
<link rel='stylesheet' id='elementor-post-84758-css' href='https://www.apica.io/wp-content/uploads/elementor/css/post-84758.css?ver=1789155311' media='all' />
<link rel='stylesheet' id='elementor-gf-local-plusjakartasans-css' href='//www.apica.io/wp-content/uploads/omgf/elementor-gf-local-plusjakartasans/elementor-gf-local-plusjakartasans.css?ver=1781029810' media='all' />
<link rel='stylesheet' id='elementor-gf-local-jetbrainsmono-css' href='//www.apica.io/wp-content/uploads/omgf/elementor-gf-local-jetbrainsmono/elementor-gf-local-jetbrainsmono.css?ver=1781029810' media='all' />
<link rel='stylesheet' id='elementor-icons-shared-0-css' href='https://www.apica.io/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.min.css?ver=5.15.3' media='all' />
<link rel='stylesheet' id='elementor-icons-fa-solid-css' href='https://www.apica.io/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.min.css?ver=5.15.3' media='all' />
<link rel='stylesheet' id='elementor-icons-fa-regular-css' href='https://www.apica.io/wp-content/plugins/elementor/assets/lib/font-awesome/css/regular.min.css?ver=5.15.3' media='all' />
<link rel='stylesheet' id='elementor-icons-fa-brands-css' href='https://www.apica.io/wp-content/plugins/elementor/assets/lib/font-awesome/css/brands.min.css?ver=5.15.3' media='all' />
<script id="jquery-core-js" src="https://www.apica.io/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
<script type="text/javascript">window.ccb_nonces = {"ccb_payment":"eeff080fd3","ccb_contact_form":"1f1b5b1baa","ccb_woo_checkout":"3b923986b3","ccb_add_order":"cc1ebdffa5","ccb_orders":"fbbead14ed","ccb_send_invoice":"0302d9f7b2","ccb_get_invoice":"07543306a9","ccb_wp_hook_nonce":"ebd739fee3","ccb_razorpay_receive":"a40851f616","ccb_woocommerce_payment":"ac8785259d","ccb_calc_views":"9b6038bb15","ccb_calc_interactions":"7dbdc0bd94"};</script><!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PM8PNFL');</script>
<!-- End Google Tag Manager -->
<!-- Start WriteSonic SEO Fixer -->
<script src="https://seo-fixer.writesonic.com/site-audit/fixer-script/index.js" id="wsAiSeoMb" type="application/javascript"></script>
<script id="wsAiSeoInitScript">
wsSEOfixer.configure({
hostURL: 'https://seo-fixer.writesonic.com',
siteID: '689b02cb78252b8bc5c7e9ca'
});
</script>
<!-- End WriteSonic SEO Fixer -->
<style>.cmplz-hidden {
display: none !important;
}</style>
<style>.elementor-widget-eael-google-map .google-map-notice { display: none; }</style>
<link rel="icon" type="image/png" href="https://www.apica.io/wp-content/uploads/2023/08/favicon-3.png" sizes="48x48" /><meta name="generator" content="Elementor 4.2.4; settings: css_print_method-external, google_font-enabled, font_display-swap">
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollTrigger.min.js"></script>
<script>
/* global gsap, ScrollTrigger */
jQuery(window).on('load', function() {
if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') {
return;
}
var wrap = document.querySelector('.kf-wrap');
var pin = document.querySelector('.kf-pin');
if (!wrap || !pin) {
return;
}
var tabIds = [
'accordion-flow',
'accordion-fleet',
'accordion-lake',
'accordion-observe'
];
var tabs = [];
var i;
for (i = 0; i < tabIds.length; i++) {
var el = document.getElementById(tabIds[i]);
if (el) {
tabs.push(el);
}
}
if (tabs.length < 2) {
return;
}
gsap.registerPlugin(ScrollTrigger);
var header = document.querySelector('header, .elementor-location-header');
var headerOffset = 0;
if (header) {
headerOffset = Math.ceil(header.getBoundingClientRect().height);
}
var currentIndex = -1;
ScrollTrigger.create({
trigger: wrap,
start: 'top top+=' + headerOffset,
end: '+=' + (window.innerHeight * (tabs.length - 1)),
pin: pin,
pinSpacing: true,
scrub: true,
anticipatePin: 1,
invalidateOnRefresh: true,
refreshPriority: 1,
onUpdate: function(self) {
var idx = Math.round(self.progress * (tabs.length - 1));
if (idx < 0) {
idx = 0;
}
if (idx > tabs.length - 1) {
idx = tabs.length - 1;
}
if (idx !== currentIndex) {
currentIndex = idx;
tabs[idx].click();
}
}
});
});
</script>
<style>
/* =========================================================================
APICA WEBINAR POPUP — styles
Paste into: Elementor hamburger (top-left) > Site Settings > Custom CSS
NOT into the popup's own Custom CSS field, and NOT in a <style> tag.
Site Settings CSS is stored on the kit and rendered into the global
stylesheet, so it does not depend on unfiltered_html and cannot be
stripped from a widget on save.
Popup ID 86951 is hard-coded throughout. If the popup is ever rebuilt
from scratch it gets a new ID and these selectors must be updated.
========================================================================= */
/* ---------- position + surface (targets the modal wrapper directly) ---------- */
#elementor-popup-modal-86951{
justify-content:flex-start !important;
align-items:center !important;
padding:0 !important;
}
#elementor-popup-modal-86951 .dialog-widget-content{
width:380px !important;
max-width:calc(100vw - 48px) !important;
margin:0 0 0 24px !important;
background:
radial-gradient(ellipse 70% 50% at 15% 0%, rgba(240,99,17,.26), transparent 62%),
radial-gradient(ellipse 55% 45% at 95% 100%, rgba(65,50,238,.12), transparent 58%),
linear-gradient(165deg,#1a2744,#141e36) !important;
border:1px solid rgba(255,255,255,.1) !important;
border-radius:18px !important;
box-shadow:0 8px 32px rgba(0,0,0,.3), 0 0 60px rgba(240,99,17,.14) !important;
overflow:hidden !important;
}
#elementor-popup-modal-86951 .dialog-message{
padding:26px 24px 22px !important;
width:100% !important;
max-height:none !important;
overflow:visible !important;
}
/* grain — required on v5 dark surfaces */
#elementor-popup-modal-86951 .dialog-widget-content::after{
content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
background-repeat:repeat;background-size:128px 128px;
opacity:.5;mix-blend-mode:overlay;
}
#elementor-popup-modal-86951 .dialog-message > *{position:relative;z-index:2}
/* neutralise the Elementor Container + widget wrappers inside the popup,
so the card's own padding is the only padding */
#elementor-popup-modal-86951 .e-con,
#elementor-popup-modal-86951 .e-con-inner,
#elementor-popup-modal-86951 .elementor-widget-container{
padding:0 !important;margin:0 !important;
width:100% !important;max-width:100% !important;
background:none !important;border:none !important;
}
#elementor-popup-modal-86951 .elementor-widget{width:100% !important;margin:0 !important}
/* close button */
#elementor-popup-modal-86951 .dialog-close-button{
top:12px !important;right:12px !important;
width:28px;height:28px;border-radius:8px;
background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
color:#b0bdd0 !important;font-size:14px;
display:flex;align-items:center;justify-content:center;
transition:all .2s cubic-bezier(.4,0,.2,1);z-index:5;
}
#elementor-popup-modal-86951 .dialog-close-button:hover{background:rgba(255,255,255,.14);color:#fff !important}
/* ---------- content ---------- */
#elementor-popup-modal-86951 .apc-tag{
display:inline-flex;align-items:center;gap:6px;
font-family:'JetBrains Mono',monospace;font-size:.62rem;font-weight:500;
letter-spacing:.1em;text-transform:uppercase;
color:#ffbe9c;background:rgba(240,99,17,.18);
border:1px solid rgba(240,99,17,.34);
border-radius:100px;padding:5px 13px;margin-bottom:15px;
}
#elementor-popup-modal-86951 .apc-tag::before{
content:'';width:6px;height:6px;border-radius:50%;background:#ffbe9c;flex-shrink:0;
}
#elementor-popup-modal-86951 .apc-h{
font-family:'Plus Jakarta Sans',sans-serif;
font-size:1.28rem;font-weight:800;line-height:1.25;
letter-spacing:-.02em;color:#fff;margin:0 0 10px;
}
#elementor-popup-modal-86951 .apc-sub{
font-family:'Plus Jakarta Sans',sans-serif;
font-size:.84rem;line-height:1.6;color:#b0bdd0;margin:0 0 18px;
}
#elementor-popup-modal-86951 .apc-sub strong{color:#fff;font-weight:700}
#elementor-popup-modal-86951 .apc-when{
display:flex;align-items:center;gap:9px;
font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:.03em;
color:#f0f4f8;padding-bottom:15px;margin-bottom:15px;
border-bottom:1px solid rgba(255,255,255,.09);
}
#elementor-popup-modal-86951 .apc-when i{color:#ffbe9c;font-size:.72rem}
/* CTA — 1.18rem / 700 is load-bearing for WCAG AA large-text on white-over-orange */
#elementor-popup-modal-86951 .apc-cta{
display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:1.18rem;
padding:13px 24px;border-radius:8px;
background:#f06311 !important;color:#fff !important;
text-decoration:none !important;border:none;
box-shadow:0 4px 18px rgba(240,99,17,.34);
transition:all .3s cubic-bezier(.4,0,.2,1);
}
#elementor-popup-modal-86951 .apc-cta::after{content:'→';transition:transform .3s}
#elementor-popup-modal-86951 .apc-cta:hover{transform:translateY(-2px);box-shadow:0 8px 26px rgba(240,99,17,.46)}
#elementor-popup-modal-86951 .apc-cta:hover::after{transform:translateX(4px)}
/* dismiss Button widget */
#elementor-popup-modal-86951 .apc-dismiss-btn .elementor-button{
background:none !important;border:none !important;padding:0 !important;
font-family:'JetBrains Mono',monospace !important;font-size:10px !important;
letter-spacing:.06em !important;color:#b0bdd0 !important;
opacity:.65;transition:opacity .2s,color .2s;box-shadow:none !important;
}
#elementor-popup-modal-86951 .apc-dismiss-btn .elementor-button:hover{
opacity:1;color:#fff !important;text-decoration:underline;
}
/* ---------- mobile: top of viewport, clears a 64px sticky header ---------- */
@media(max-width:768px){
#elementor-popup-modal-86951{align-items:flex-start !important;justify-content:center !important}
#elementor-popup-modal-86951 .dialog-widget-content{
width:calc(100% - 24px) !important;max-width:none !important;
margin:76px 12px 0 !important;border-radius:16px !important;
}
#elementor-popup-modal-86951 .dialog-message{padding:20px 18px 16px !important}
#elementor-popup-modal-86951 .apc-tag{margin-bottom:12px}
#elementor-popup-modal-86951 .apc-h{font-size:1.08rem;margin-bottom:8px}
#elementor-popup-modal-86951 .apc-sub{font-size:.79rem;line-height:1.55;margin-bottom:14px}
#elementor-popup-modal-86951 .apc-when{padding-bottom:12px;margin-bottom:12px;font-size:.66rem}
/* font-size deliberately NOT reduced — must stay >= 18.66px for the WCAG pass */
#elementor-popup-modal-86951 .apc-cta{padding:12px 20px;font-size:1.18rem}
}
@media(max-width:400px),(max-height:680px) and (max-width:768px){
#elementor-popup-modal-86951 .dialog-message{padding:18px 16px 14px !important}
#elementor-popup-modal-86951 .apc-tag{margin-bottom:10px;font-size:.6rem;padding:4px 11px}
#elementor-popup-modal-86951 .apc-h{font-size:1.02rem;margin-bottom:6px}
#elementor-popup-modal-86951 .apc-sub{font-size:.76rem;line-height:1.5;margin-bottom:12px}
#elementor-popup-modal-86951 .apc-when{padding-bottom:10px;margin-bottom:10px}
#elementor-popup-modal-86951 .apc-cta{padding:11px 18px;font-size:1.18rem}
}
</style>
<style>
/* ============================================================
APICA v5 — HEADER SEARCH
Snippets (Code Snippets plugin) → Add New → CSS snippet → active.
NOTE: the site runs Code Snippets, not WPCode.
Every design-system token carries a fallback, so this works
whether or not the :root block happens to load first. The
fallback values are the canonical ones from
apica2026designsystem.pdf §1.3 — if you change a brand colour,
change it in the :root block, not here.
============================================================ */
:root{
/* FALLBACK ONLY. The script in the HTML widget overwrites this at open
time by measuring the header's real bottom edge, which is the only
approach that survives all three of: the 32px admin bar for logged-in
users, the header being a different height at mobile breakpoints, and
the header having scrolled out of view (it is position:relative, not
sticky, so it does scroll away).
91px is the measured desktop height of the live v5 header. An earlier
version of this file said 58px, taken from a stale sticky-offset value
in the Resource Center guide. At 58px the panel opens *inside* the
header and its top third is unclickable. Don't reintroduce that. */
--hdr-h:91px;
}
/* ── TRIGGER ─────────────────────────────────────────────────
34×34, transparent at rest. Transparent matters: it sits next
to a filled purple button, and any fill or border at rest
would read as a second, weaker CTA.
──────────────────────────────────────────────────────────── */
.srch-btn{
width:34px;height:34px;flex-shrink:0;
display:inline-flex;align-items:center;justify-content:center;
background:transparent;border:1.5px solid transparent;border-radius:9px;
color:var(--ink,#0f1c2a);font-size:.86rem;line-height:1;cursor:pointer;
padding:0;
transition:all .2s cubic-bezier(.4,0,.2,1);
}
.srch-btn:hover,
.srch-btn[aria-expanded="true"]{
background:var(--purple-light,#ece9ff);
border-color:var(--purple-border,rgba(65,50,238,.15));
color:var(--purple,#4132ee);
}
.srch-btn:active{transform:scale(.94)}
.srch-btn:focus-visible{
outline:2px solid var(--purple,#4132ee);outline-offset:2px;
}
/* ── SCRIM ───────────────────────────────────────────────────
Matches the mega-menu overlay treatment already on the site:
rgba(0,0,0,.5) + blur(4px). Sits below the panel and below the
header, above everything else.
──────────────────────────────────────────────────────────── */
.scrim{
/* z-index has to clear the site's own chrome, not just the page content.
The red announcement bar sits above z-index 100, which is why the scrim
used to dim the header and the page but leave that bar at full colour.
99990 is above everything Elementor emits and deliberately below the
WordPress admin bar at 99999, which should stay on top for admins.
The script also moves this node to <body> — see the portal comment in
the markup file. Both are required: the move escapes the header's
stacking context, the z-index wins once it's out. */
position:fixed;inset:0;z-index:99990;
background:rgba(0,0,0,.5);
backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
opacity:0;visibility:hidden;
transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1);
}
body.srch-open .scrim{opacity:1;visibility:visible}
/* ── PANEL ───────────────────────────────────────────────────
Dark surface reusing the .stat-band gradient mesh scaled down,
per design system §2.2. Slides down from under the header.
──────────────────────────────────────────────────────────── */
.srch-panel{
/* One above the scrim. See the scrim's note on why these are this high. */
position:fixed;left:0;right:0;top:var(--hdr-h);z-index:99991;
background:
radial-gradient(ellipse 50% 120% at 20% 0%,rgba(65,50,238,.16),transparent 60%),
radial-gradient(ellipse 40% 100% at 80% 0%,rgba(240,99,17,.06),transparent 50%),
linear-gradient(180deg,var(--bg-dark,#1a2744) 0%,#162040 100%);
box-shadow:var(--shadow-dark,0 8px 32px rgba(0,0,0,.3));
overflow:hidden;
transform:translateY(-100%);
visibility:hidden;
/* transform only. `visibility` was in this list and it is a discrete
transition — if it never completes, visibility stays `hidden` forever and
the panel is invisible with no error anywhere. That happened on the live
site. The script now sets transform and visibility inline, so this
transition is decoration: if it runs you get the slide, if it stalls the
panel still opens. Do not add `visibility` back here. */
transition:transform .35s cubic-bezier(.4,0,.2,1);
}
/* No-JS / pre-script fallback. The script sets these inline and is
authoritative — see the long comment in the markup file. */
body.srch-open .srch-panel{transform:translateY(0);visibility:visible}
/* THE ONE THAT WILL BITE YOU.
The design system defines .v5-grain{position:relative}. It has the
same specificity as .srch-panel and, depending on which snippet
loads second, can win — which knocks the panel out of fixed
positioning into normal flow. It still animates, so the symptom
reads as "the panel opens 58px too low" rather than as a
positioning failure. The doubled class settles it permanently. */
.srch-panel.v5-grain{position:fixed}
/* Grid mask overlay — design system §2.3, exact values */
.srch-panel::before{
content:'';position:absolute;inset:0;
background-image:
linear-gradient(rgba(65,50,238,.03) 1px,transparent 1px),
linear-gradient(90deg,rgba(65,50,238,.03) 1px,transparent 1px);
background-size:60px 60px;
mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 20%,transparent 70%);
-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 20%,transparent 70%);
pointer-events:none;
}
/* .v5-grain itself is already defined site-wide. Not redeclared here. */
.srch-in{
position:relative;z-index:2;
max-width:var(--mw,1300px);margin:0 auto;
padding:30px 36px;
}
/* ── THE ROW — field · Search · close ────────────────────────
One flex row on desktop. On mobile the close button reorders to
sit beside the field and Search goes full-width beneath, done
with `order` rather than a nested wrapper — so there is still
only one close button in the DOM.
──────────────────────────────────────────────────────────── */
.srch-form{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.srch-field{
/* flex-basis 200px, NOT auto. Flex decides where to wrap from the
hypothetical main size, before any shrinking happens — with
basis:auto the field claims its max-content width and the close
button wraps to its own line at 360px. */
order:1;flex:1 1 200px;min-width:0;
display:flex;align-items:center;gap:14px;
background:rgba(255,255,255,.06);
/* .44, and every digit is load-bearing. The box IS the affordance, so its
edge has to clear 3:1 per WCAG 1.4.11 against BOTH adjacent colours: the
mesh outside it and the field's own .06 fill inside it. The inside is the
harder one, because it's lighter than the mesh.
.16 -> 1.64 outside — fails badly (this was the original value)
.38 -> 3.25 outside / 2.72 inside — passes outside, misses inside
.44 -> 3.86 outside / 3.23 inside — clears both
Don't dial it back because it looks softer. */
border:1.5px solid rgba(255,255,255,.44);
border-radius:12px;padding:0 18px;height:56px;
transition:border-color .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1);
}
.srch-field:focus-within{
/* .6 -> 5.86 outside / 4.9 inside. The jump from .44 is the focus cue now
that the background deliberately does not invert to white. */
border-color:rgba(255,255,255,.6);
background:rgba(255,255,255,.09);
}
.srch-field i{color:var(--on-dark-2,#b0bdd0);font-size:.92rem;flex-shrink:0}
.srch-field input{
/* min-width:0 is required. An <input> has an intrinsic min-width of
roughly 20 characters, which stops the field shrinking on mobile. */
flex:1;min-width:0;
background:transparent;border:none;outline:none;box-shadow:none;
font-family:var(--font,'Plus Jakarta Sans',sans-serif);
font-size:1.02rem;font-weight:500;
color:#fff;line-height:1.5;
}
.srch-field input::placeholder{color:var(--on-dark-2,#b0bdd0);font-weight:400;opacity:1}
/* KEEP THE INPUT TRANSPARENT IN EVERY STATE.
The white-on-focus background isn't from this file — this file never
changes the input's background. It's Elementor's kit (post-1040.css loads
late and wins on specificity), which sets a white background on focused
inputs. On a dark panel that's not just off-brand, it's a bug: the input
text here is #fff, so white-on-focus means white text on a white field —
1:1 contrast, invisible typing.
Per the design guard, !important is the documented way to beat the kit. */
/* Specificity note: the kit's rule is `input[type="search"]:focus`, which is
(0,2,1) — the same as `.srch-field input:focus`. On a tie, source order wins
and post-1040.css loads later. So these selectors deliberately stack
.srch-panel + .srch-field + [type] + state to reach (0,4,1). Verified
against an !important white-focus rule injected after this stylesheet. */
.srch-panel .srch-field input[type="search"],
.srch-panel .srch-field input[type="search"]:hover,
.srch-panel .srch-field input[type="search"]:focus,
.srch-panel .srch-field input[type="search"]:focus-visible,
.srch-panel .srch-field input[type="search"]:active{
background:transparent !important;
background-color:transparent !important;
color:#fff !important;
box-shadow:none !important;
outline:none;
caret-color:#fff;
}
/* Chrome paints autofill with an inset box-shadow that `background` cannot
override, so it needs its own rule. The 1000px inset shadow is the standard
workaround; the colour matches the field's own surface over the mesh. */
.srch-panel .srch-field input[type="search"]:-webkit-autofill,
.srch-panel .srch-field input[type="search"]:-webkit-autofill:hover,
.srch-panel .srch-field input[type="search"]:-webkit-autofill:focus{
-webkit-text-fill-color:#fff;
-webkit-box-shadow:0 0 0 1000px #1e2a49 inset;
box-shadow:0 0 0 1000px #1e2a49 inset;
caret-color:#fff;
}
/* Kill the WebKit search-field decorations — they render as a grey X
that clashes with the real close button. */
.srch-field input::-webkit-search-decoration,
.srch-field input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.srch-submit{
order:2;flex-shrink:0;
padding:0 26px;height:56px;font-size:.9rem;
}
.srch-close{
/* 56 to match the field and the Search button — the row reads as one
object rather than three of different heights. */
order:3;width:56px;height:56px;flex-shrink:0;
display:inline-flex;align-items:center;justify-content:center;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.2);
border-radius:10px;color:#fff;font-size:.88rem;line-height:1;cursor:pointer;
padding:0;
transition:all .2s cubic-bezier(.4,0,.2,1);
}
.srch-close:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.36)}
/* Focus rings inside the panel are white — purple on a dark surface
is not visible enough. Design system §7 otherwise applies. */
.srch-panel button:focus-visible,
.srch-panel a:focus-visible{outline:2px solid #fff;outline-offset:2px}
/* Visually-hidden label */
.srch-sr{
position:absolute;width:1px;height:1px;
padding:0;margin:-1px;overflow:hidden;
clip:rect(0 0 0 0);clip-path:inset(50%);
white-space:nowrap;border:0;
}
/* ── MOBILE ──────────────────────────────────────────────── */
/* ── STORYLANE: stop it stealing the keyboard ────────────────
Diagnosed on the live site 11 Aug. Reported as "I lose focus every
character or two" on desktop Chrome.
The Storylane product-demo embed (app.storylane.io, iframe.sl-demo
inside div.sl-embed) calls contentWindow.focus() on itself to capture
the keyboard for the demo walkthrough. That yanks focus out of the
search field mid-typing. document.activeElement becomes the iframe and
the keystrokes go into the demo.
Things that do NOT stop it, both tested live:
- `inert` on the iframe element. The focus call happens inside the
child browsing context, so the parent's inert is irrelevant.
- A plain refocus guard on its own. It works, but it fights.
display:none on the container does stop it, verified live: 19
characters typed with focus held throughout. The embed sits behind the
scrim while the panel is open, so hiding it costs nothing visually,
and display:none does not reload the iframe.
Desktop-only symptom because the embed is hidden at mobile
breakpoints, which is why this never showed up on a phone. */
body.srch-open .sl-embed{display:none}
/* ── MOBILE: pull the trigger in from the viewport edge ──────
The header's containers have ZERO horizontal padding, and at
<=1024px Elementor sets .e-con-inner to width:100% with
justify-content:space-between. With no gutter, the first and last
children sit flush against the viewport edges — which is why the
magnifier looked cut off on the right.
(The logo has the same problem on the left edge; fixing that properly
means giving the header container horizontal padding at mobile, which
is a header change rather than a search change.) */
@media (max-width:1024px){
/* 15px, per Paul — standard mobile gutter. One value across the whole
mobile/tablet band rather than stepping it per breakpoint; the 5px
difference against .srch-in's 20px panel padding is imperceptible and
not worth a second rule. */
.srch-btn{margin-right:15px}
}
@media (max-width:768px){
.srch-in{padding:24px 20px}
.srch-field{height:52px}
.srch-close{order:2;width:52px;height:52px}
.srch-submit{order:3;flex:1 1 100%;width:100%;justify-content:center;height:50px}
}
@media (prefers-reduced-motion:reduce){
.srch-panel,.scrim{transition:none}
}
</style>
<style>
/* ============================================================
APICA v5 — VIDEO FACADE + MODAL (global component)
WPCode → Add Snippet → CSS Snippet → Auto Insert, Site Wide.
Reusable on any v5 page. Nothing here is Vanguard-specific.
Every token carries a fallback, so this holds whether or not
the :root block loads first. Fallbacks are the canonical values
from apica2026designsystem.pdf §1.3. To change a brand colour,
change it in the :root block, not here.
---------------------------------------------------------
TWO INDEPENDENT AXES. Both are opt-in modifiers, and they are
about different things. Mixing them up is the easiest mistake
to make here, which is why neither is named for a page slot.
1. FRAME — what the SECTION around the facade looks like.
.vid-facade--framed-dark (dark section)
.vid-facade--framed-light (light section)
Controls border and shadow so the facade sits in
the section the way that section's other visuals do.
2. POSTER — what the CENTRE of the POSTER IMAGE looks like.
.vid-facade--poster-light (light-centred poster)
default (dark-centred poster)
Controls play button polarity so the control is
actually visible.
All four combinations are legal and all four occur. A light
product screenshot inside a dark hero needs framed-dark AND
poster-light. Read §11 of the build guide before choosing.
---------------------------------------------------------
NAMING IS LOAD-BEARING. The header search widget's script runs
a de-duplicate on DOMContentLoaded that deletes every .scrim,
.srch-panel and .srch-btn past the first in the DOM. Hence
.vid-scrim. Never rename it to .scrim.
============================================================ */
/* ── FACADE, SHARED ──────────────────────────────────────────
The <button> is the whole poster, so the entire image is the
hit target rather than just the play glyph. Worth more on
touch than any amount of glyph sizing.
──────────────────────────────────────────────────────────── */
.vid-facade{ position:relative; width:100%; }
/* Optional. For a facade in a full-width band rather than a
column, so it does not stretch to 1240px and turn into a
cinema screen. */
.vid-facade--wide{ max-width:960px; margin-inline:auto; }
.vid-trigger{
display:block; position:relative; width:100%; padding:0;
border:none; background:none; cursor:pointer;
border-radius:16px; overflow:hidden;
/* The box is 16:9 before the image decodes, so the poster drops
into space that already exists. Nothing shifts. */
aspect-ratio:16 / 9;
-webkit-tap-highlight-color:transparent;
}
.vid-poster{
display:block; width:100%; height:100%;
object-fit:cover;
transition:transform .5s cubic-bezier(.4,0,.2,1);
}
.vid-trigger:hover .vid-poster{ transform:scale(1.02); }
/* ── PLAY CONTROL ────────────────────────────────────────────
Deliberately not the page accent. A facade often sits beside a
filled accent CTA, and an accent circle there reads as a second,
competing button. A circle with a triangle reads as a media
control instead. Accent also fails contrast on light posters:
#f06311 measures 2.9:1 against rgb(215,219,225).
Default is white, for a dark-centred poster. Add
.vid-facade--poster-light for a light-centred one.
──────────────────────────────────────────────────────────── */
.vid-play{
position:absolute; top:50%; left:50%;
transform:translate(-50%,-50%);
width:68px; height:68px; border-radius:50%;
display:flex; align-items:center; justify-content:center;
background:#fff;
color:var(--ink,#0f1c2a);
font-size:1.1rem;
/* Shadow is allowed here. Per design guard §2A the ban is on
repeating card grids; this is a single set-piece control and
the shadow is what lifts it off a busy poster. */
box-shadow:0 6px 24px rgba(0,0,0,.35);
transition:transform .3s cubic-bezier(.4,0,.2,1),
background .3s cubic-bezier(.4,0,.2,1);
}
/* Font Awesome's play glyph carries more space on its left than
its right, so a centred triangle looks a few pixels off. */
.vid-play i{ transform:translateX(2px); }
.vid-trigger:hover .vid-play{ transform:translate(-50%,-50%) scale(1.08); }
.vid-trigger:active .vid-play{ transform:translate(-50%,-50%) scale(.96); }
/* ON A LIGHT POSTER — ink circle, white glyph.
To pick the right variant for a new poster, measure rather than
eyeball it: sample the middle ~110px of the frame at rendered
width and compare relative luminance against #fff. Under 3:1
needs this class. WCAG 1.4.11 wants 3:1 for a UI component
boundary, and a white circle on a light poster lands near 1.4:1,
which looks fine in a code review and is invisible on the page. */
.vid-facade--poster-light .vid-play{
background:var(--ink,#0f1c2a);
color:#fff;
box-shadow:0 6px 24px rgba(0,0,0,.22);
}
/* Focus ring matches the circle; outline-offset puts it on the
poster rather than on the circle, so it reads on either surface.
The spread shadow is a second signal for anyone whose theme
suppresses outlines. */
.vid-trigger:focus-visible{ outline:none; }
.vid-trigger:focus-visible .vid-play{
outline:3px solid #fff;
outline-offset:4px;
box-shadow:0 6px 24px rgba(0,0,0,.35), 0 0 0 8px rgba(0,0,0,.35);
}
.vid-facade--poster-light .vid-trigger:focus-visible .vid-play{
outline:3px solid var(--ink,#0f1c2a);
outline-offset:4px;
box-shadow:0 6px 24px rgba(0,0,0,.22), 0 0 0 8px rgba(255,255,255,.85);
}
/* ── DURATION BADGE ──────────────────────────────────────────
Not decoration. Runtime is the biggest single factor in whether
someone presses play; 0:29 is an easy yes in a way an unlabelled
button is not. Set per instance in the markup — there is no way
to read it from YouTube without the Data API.
White on rgba(0,0,0,.62) composites to roughly 8:1 over a light
poster and 18:1 over a dark one, so this needs no variant.
──────────────────────────────────────────────────────────── */
.vid-meta{
position:absolute; right:14px; bottom:14px;
display:inline-flex; align-items:center;
font-family:var(--mono,'JetBrains Mono',monospace);
font-size:.68rem; font-weight:500; letter-spacing:.06em;
color:#fff;
background:rgba(0,0,0,.62);
border-radius:6px; padding:4px 9px;
backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
}
/* ── FRAME: DARK SECTION ─────────────────────────────────────
Matches the .hero-visual treatment: hairline at 6% white, an
accent bloom, a black lift.
The bloom derives from the page's own --ac via color-mix, so
this is correct on Vanguard's orange, Flow's teal, Lake's
purple and anything added later. First declaration is the
fallback for browsers without color-mix; the second overrides
it where supported.
──────────────────────────────────────────────────────────── */
.vid-facade--framed-dark .vid-trigger{
border:1px solid rgba(255,255,255,.06) !important;
box-shadow:0 0 80px rgba(65,50,238,.15), 0 0 40px rgba(0,0,0,.2) !important;
box-shadow:0 0 80px color-mix(in srgb, var(--ac,#4132ee) 15%, transparent),
0 0 40px rgba(0,0,0,.2) !important;
}
/* ── FRAME: LIGHT SECTION ────────────────────────────────────
Matches .cap-visual: 1.5px card border, --shadow-md.
──────────────────────────────────────────────────────────── */
.vid-facade--framed-light .vid-trigger{
border:1.5px solid var(--card-border,#e2dff0) !important;
box-shadow:var(--shadow-md,0 4px 16px rgba(0,0,0,.06),0 2px 4px rgba(0,0,0,.04)) !important;
}
/* ── SCRIM ───────────────────────────────────────────────────
Same treatment as the mega-menu and header search overlays, so
all three read as one system.
z-index 99990 clears everything Elementor emits and the red
announcement bar (above 100), and stays below the WordPress
admin bar at 99999 so that remains reachable for editors.
──────────────────────────────────────────────────────────── */
.vid-scrim{
position:fixed; inset:0; z-index:99990;
background:rgba(0,0,0,.72);
backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);
opacity:0; visibility:hidden;
transition:opacity .3s cubic-bezier(.4,0,.2,1),
visibility .3s cubic-bezier(.4,0,.2,1);
}
body.vid-open .vid-scrim{ opacity:1; visibility:visible; }
/* ── MODAL ───────────────────────────────────────────────────
Sized so a 16:9 player always fits without the page scrolling:
width = min(1100px, 92vw)
capped = 78vh of height, expressed as a width
The second cap is what stops a short landscape laptop window
pushing the player off the bottom.
──────────────────────────────────────────────────────────── */
.vid-modal{
position:fixed; z-index:99991;
top:50%; left:50%;
transform:translate(-50%,-50%) scale(.97);
width:min(1100px, 92vw);
max-width:calc(78vh * 16 / 9);
opacity:0; visibility:hidden;
transition:opacity .25s cubic-bezier(.4,0,.2,1),
transform .25s cubic-bezier(.4,0,.2,1),
visibility .25s cubic-bezier(.4,0,.2,1);
}
body.vid-open .vid-modal{
opacity:1; visibility:visible;
transform:translate(-50%,-50%) scale(1);
}
/* No motion for anyone who asked for none. The modal still opens;
it arrives rather than animating. */
@media (prefers-reduced-motion:reduce){
.vid-modal, .vid-scrim, .vid-poster, .vid-play{ transition:none !important; }
.vid-trigger:hover .vid-poster{ transform:none; }
}
.vid-modal-bar{
display:flex; align-items:center; justify-content:flex-end;
margin-bottom:10px;
}
.vid-close{
width:40px; height:40px; flex-shrink:0;
display:inline-flex; align-items:center; justify-content:center;
background:rgba(255,255,255,.1) !important;
border:1.5px solid rgba(255,255,255,.28) !important;
border-radius:10px;
color:#fff; font-size:.95rem; line-height:1; cursor:pointer; padding:0 !important;
transition:background .2s cubic-bezier(.4,0,.2,1),
border-color .2s cubic-bezier(.4,0,.2,1);
}
.vid-close:hover{
background:rgba(255,255,255,.18) !important;
border-color:rgba(255,255,255,.55) !important;
}
.vid-close:focus-visible{ outline:2px solid #fff; outline-offset:2px; }
.vid-frame{
position:relative;
width:100%;
aspect-ratio:16 / 9;
border-radius:14px;
overflow:hidden;
background:#000;
box-shadow:0 24px 80px rgba(0,0,0,.5);
}
.vid-frame iframe{
position:absolute; inset:0;
width:100%; height:100%;
border:0; display:block;
}
/* Screen-reader-only. The dialog needs an accessible name matching
what was clicked; the video's own title card says the same thing
visually within two seconds. */
.vid-sr{
position:absolute; width:1px; height:1px;
padding:0; margin:-1px; overflow:hidden;
clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0;
}
/* ── MOBILE ──────────────────────────────────────────────────
At 393px a modal is a full-width player either way, so only the
chrome changes: less inset, smaller glyph, tighter radius.
──────────────────────────────────────────────────────────── */
@media (max-width:768px){
.vid-modal{ width:94vw; max-width:94vw; }
.vid-play{ width:56px; height:56px; font-size:.95rem; }
.vid-meta{ right:10px; bottom:10px; font-size:.62rem; }
.vid-trigger{ border-radius:12px; }
.vid-frame{ border-radius:10px; }
}
/* ── ELEMENTOR KIT OVERRIDES ─────────────────────────────────
post-1040.css loads after Site Settings and wins on specificity.
It puts a background, border and padding on button elements, all
of which would show through the poster's rounded corners as a
grey frame. Per the design guard, !important is the documented
way to beat the kit.
The frame variants above carry their own !important so their
shadows survive this reset. Do not add a blanket
`box-shadow:none !important` here — it would kill them.
──────────────────────────────────────────────────────────── */
.vid-facade .vid-trigger,
.vid-facade .vid-trigger:hover,
.vid-facade .vid-trigger:focus{
background:none !important;
background-color:transparent !important;
padding:0 !important;
}
/* The kit also sets max-width:100% and height:auto on images in
widgets, which fights object-fit inside a fixed-ratio box and
can letterbox the poster. */
.vid-facade .vid-poster{
height:100% !important;
max-width:none !important;
border-radius:0 !important;
}
</style>
<!-- Schema & Structured Data For WP v1.66 - -->
<script type="application/ld+json" class="saswp-schema-markup-output">
[{"@context":"https:\/\/schema.org\/","@graph":[{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/www.apica.io\/#solutions","name":"Solutions","url":"https:\/\/www.apica.io\/#."},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/www.apica.io\/#products","name":"Products","url":"https:\/\/www.apica.io\/products\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/www.apica.io\/#resources","name":"Resources","url":"https:\/\/www.apica.io\/product-briefs\/"},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/www.apica.io\/#company","name":"Company","url":"https:\/\/www.apica.io\/#."},{"@context":"https:\/\/schema.org\/","@type":"SiteNavigationElement","@id":"https:\/\/www.apica.io\/#login","name":"Login","url":"https:\/\/www.apica.io\/#."}]},
{"@context":"https:\/\/schema.org\/","@type":"WebSite","@id":"https:\/\/www.apica.io#website","headline":"Apica","name":"Apica","url":"https:\/\/www.apica.io","description":"First-Mile Observability Data Fabric","potentialAction":{"@type":"SearchAction","target":"https:\/\/www.apica.io?s={search_term_string}","query-input":"required name=search_term_string"}},
{"@context":"https:\/\/schema.org\/","@type":"Corporation","@id":"https:\/\/www.apica.io#Organization","name":"Apica","url":"https:\/\/www.apica.io","sameAs":["https:\/\/x.com\/apicaio","https:\/\/www.linkedin.com\/company\/apica-ab"],"legalName":"Apica US","logo":{"@type":"ImageObject","url":"https:\/\/www.apica.io\/wp-content\/uploads\/2025\/08\/Apica-1.png","width":"506","height":"506"},"contactPoint":{"@type":"ContactPoint","contactType":"general","telephone":"+1-310-776-7540","url":"https:\/\/www.apica.io\/contact\/"}}]
</script>
<style>
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
@media screen and (max-height: 1024px) {
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}
@media screen and (max-height: 640px) {
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}
</style>
<style id="wp-custom-css">
.wpf_form_wrapper .wpf_form .wpf_full_block_btn{
background-color: #3e64ff!important;
}
.mega-sub-menu {
color: #000;
font-size: 15px;
font-weight: 600;
margin-bottom: 0;
font-family: "Lato", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.thjmf-job-list-page .thjmf-jobs .thjmf-loop-job-header .thjmf-loop-job-title a{
font-size: 24px;
}
</style>
</head>
<body data-cmplz=1 class="home wp-singular page-template page-template-elementor_header_footer page page-id-84815 wp-custom-logo wp-embed-responsive wp-theme-generatepress wp-child-theme-generatepress_child eio-default angie-default mega-menu-max-mega-menu-1 ally-default right-sidebar nav-float-right separate-containers header-aligned-left dropdown-hover thjmf-theme-generatepress elementor-default elementor-template-full-width elementor-kit-1040 elementor-page elementor-page-84815 full-width-content" >
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PM8PNFL"
height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<a class="screen-reader-text skip-link" href="#content" title="Skip to content">Skip to content</a> <header data-elementor-type="header" data-elementor-id="85496" class="elementor elementor-85496 elementor-location-header" data-elementor-post-type="elementor_library">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-1fd5ffb e-con-full e-flex e-con e-parent" data-id="1fd5ffb" data-element_type="container" data-e-type="container" data-settings="{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}">
<div class="elementor-element elementor-element-feee7c2 elementor-widget elementor-widget-html" data-id="feee7c2" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
<div class="elementor-widget-container">
<!-- ============================================================
Apica sitewide announcement bar - Ascent 3.0 press release
Paste as the full contents of HTML widget feee7c2
in header template 85496.
Self-contained: markup + CSS + dismiss logic.
Swap-back = revision restore on template 85496.
Clone-safe: the section is inside the sticky header, so
Elementor duplicates this markup. No IDs, and dismissal
works through a class on <html> that every copy inherits.
Yellow variant. To revert to purple: set --ann-bg to #4132ee,
--ann-ink to #fff, --ann-pill-ink to #ffd338, and
--ann-cta-border to #fff.
============================================================ -->
<div class="apica-ann apica-ann--ascent3">
<div class="apica-ann__inner">
<span class="apica-ann__pill">New</span>
<p class="apica-ann__msg">Ascent 3.0 is live, with AI-assisted control across Flow, Observe, and Fleet.</p>
<a class="apica-ann__cta" href="https://www.apica.io/news/apica-ascent-3-0-ai-telemetry-control/">Read the announcement<span aria-hidden="true">&nbsp;&rarr;</span></a>
<button type="button" class="apica-ann__close" aria-label="Dismiss announcement">
<span aria-hidden="true">&times;</span>
</button>
</div>
</div>
<style>
.apica-ann--ascent3{
--ann-bg:#ffd338;
--ann-ink:#10192b;
--ann-pill-bg:#10192b;
--ann-pill-ink:#ffd338;
--ann-cta-bg:#10192b;
--ann-cta-ink:#fff;
--ann-cta-border:#10192b;
--ann-font:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
--ann-font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
background:var(--ann-bg);color:var(--ann-ink);font-family:var(--ann-font);font-size:15px;line-height:1.35
}
/* Dismissed or expired. Set on <html>, so sticky clones inherit it. */
html.apica-ann-off .apica-ann--ascent3{display:none}
.apica-ann__inner{position:relative;max-width:1300px;margin:0 auto;padding:9px 48px 9px 20px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.apica-ann__pill{flex:0 0 auto;background:var(--ann-pill-bg);color:var(--ann-pill-ink);font-family:var(--ann-font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;white-space:nowrap}
.apica-ann__msg{margin:0;text-align:center}
.apica-ann__cta{flex:0 0 auto;display:inline-flex;align-items:center;background:var(--ann-cta-bg);color:var(--ann-cta-ink);border:2px solid var(--ann-cta-border);font-family:var(--ann-font);font-size:13px;font-weight:700;padding:5px 14px;border-radius:999px;text-decoration:none;white-space:nowrap;transition:background-color .15s ease,color .15s ease}
.apica-ann__cta:hover,.apica-ann__cta:focus-visible{background:transparent;color:var(--ann-cta-border)}
.apica-ann__close{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;color:var(--ann-ink);font-family:var(--ann-font);font-size:24px;line-height:1;cursor:pointer;opacity:.65}
.apica-ann__close:hover{opacity:1}
.apica-ann__cta:focus-visible,.apica-ann__close:focus-visible{outline:2px solid #4132ee;outline-offset:2px}
@media (max-width:600px){
.apica-ann--ascent3{font-size:14px}
.apica-ann__pill{display:none}
.apica-ann__inner{padding:8px 46px 8px 14px;gap:8px}
.apica-ann__cta{font-size:12px;padding:4px 12px}
.apica-ann__close{width:44px;height:44px;right:2px}
}
</style>
<script>
(function () {
var KEY = 'apica_ann_ascent3_sep8';
// Auto-expiry: 22 Sep 2026, 15:00 UTC. Month is 0-indexed (8 = September).
var EXPIRES = Date.UTC(2026, 8, 22, 15, 0, 0);
var OFF = 'apica-ann-off';
var root = document.documentElement;
var dismissed = new RegExp('(^|;\\s*)' + KEY + '=1').test(document.cookie);
if (dismissed || Date.now() > EXPIRES) {
root.classList.add(OFF);
return;
}
// Delegated, so it survives Elementor re-cloning the sticky section.
document.addEventListener('click', function (e) {
if (!e.target.closest || !e.target.closest('.apica-ann__close')) return;
root.classList.add(OFF);
document.cookie = KEY + '=1;path=/;max-age=2592000;samesite=lax';
});
})();
</script> </div>
</div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-dcbdfbf e-flex e-con-boxed e-con e-parent" data-id="dcbdfbf" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}">
<div class="e-con-inner">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-383e483 e-con-full mobile-logo-container e-flex e-con e-child" data-id="383e483" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-7ba6b98 elementor-widget elementor-widget-theme-site-logo elementor-widget-image" data-id="7ba6b98" data-element_type="widget" data-e-type="widget" data-widget_type="theme-site-logo.default">
<div class="elementor-widget-container">
<a href="https://www.apica.io">
<img data-perfmatters-preload width="230" height="65" src="https://www.apica.io/wp-content/uploads/2023/01/apica-logo-white-2022.png" class="attachment-full size-full wp-image-37286" alt="Apica" fetchpriority="high"> </a>
</div>
</div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-e558f8c e-con-full mobile-menu-container e-flex e-con e-child" data-id="e558f8c" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-cd2b84e elementor-widget elementor-widget-maxmegamenu" data-id="cd2b84e" data-element_type="widget" data-e-type="widget" data-widget_type="maxmegamenu.default">
<div class="elementor-widget-container">
<div id="mega-menu-wrap-max_mega_menu_1" class="mega-menu-wrap"><div class="mega-menu-toggle"><div class="mega-toggle-blocks-left"></div><div class="mega-toggle-blocks-center"></div><div class="mega-toggle-blocks-right"><div class='mega-toggle-block mega-menu-toggle-animated-block mega-toggle-block-1' id='mega-toggle-block-1'><button aria-controls="mega-menu-max_mega_menu_1" aria-expanded="false" aria-haspopup="true" aria-label="" class="mega-toggle-animated mega-toggle-animated-slider" type="button">
<span class="mega-toggle-animated-box">
<span class="mega-toggle-animated-inner"></span>
</span>
</button></div></div></div><ul id="mega-menu-max_mega_menu_1" class="mega-menu max-mega-menu mega-menu-horizontal mega-no-js" data-event="click" data-effect="fade" data-effect-speed="200" data-effect-mobile="slide_right" data-effect-speed-mobile="200" data-panel-width="100vw" data-panel-inner-width="1280px" data-mobile-force-width="body" data-second-click="go" data-document-click="collapse" data-vertical-behaviour="standard" data-breakpoint="1024" data-unbind="true" data-mobile-state="collapse_all" data-mobile-direction="vertical" data-overlay-desktop="false" data-overlay-mobile="false"><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-menu-megamenu mega-menu-grid mega-align-bottom-left mega-menu-item-84604" id="mega-menu-item-84604"><a class="mega-menu-link" href="#" aria-expanded="false" aria-controls="mega-sub-menu-84604">Products<span class="mega-indicator" aria-hidden="true"></span></a>
<ul class="mega-sub-menu" role='presentation' id='mega-sub-menu-84604'>
<li class="mega-menu-row" id="mega-menu-84604-0">
<ul class="mega-sub-menu" style='--columns:12' role='presentation'>
<li class="mega-menu-column mega-mmm-col-links mega-menu-columns-12-of-12 mmm-col-links" style="--columns:12; --span:12" id="mega-menu-84604-0-0">
<ul class="mega-sub-menu">
<li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-menu-item-84611" id="mega-menu-item-84611"><a class="mega-menu-link" href="#">Core Products<span class="mega-indicator" aria-hidden="true"></span></a>
<ul class="mega-sub-menu" id='mega-sub-menu-84611'>
<li class="mega-icon-orange mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-has-description mega-menu-item-85006 icon-orange" id="mega-menu-item-85006"><a class="mega-custom-icon mega-menu-link" href="https://www.apica.io/flow/"><span class="mega-description-group"><span class="mega-menu-title">Flow</span><span class="mega-menu-description">Control and route telemetry before ingestion with zero data loss.</span></span></a></li><li class="mega-icon-green mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-has-description mega-menu-item-85005 icon-green" id="mega-menu-item-85005"><a class="mega-custom-icon mega-menu-link" href="https://www.apica.io/lake/"><span class="mega-description-group"><span class="mega-menu-title">Lake</span><span class="mega-menu-description">Store everything. Query instantly. Replay on demand.</span></span></a></li><li class="mega-icon-yellow mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-has-description mega-menu-item-85004 icon-yellow" id="mega-menu-item-85004"><a class="mega-custom-icon mega-menu-link" href="https://www.apica.io/observe/"><span class="mega-description-group"><span class="mega-menu-title">Observe</span><span class="mega-menu-description">AI-driven correlation across logs, metrics, and traces.</span></span></a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-has-description mega-menu-item-85007" id="mega-menu-item-85007"><a class="mega-custom-icon mega-menu-link" href="https://www.apica.io/fleet/"><span class="mega-description-group"><span class="mega-menu-title">Fleet</span><span class="mega-menu-description">Centrally manage telemetry agents across hybrid environments.</span></span></a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-has-description mega-menu-item-85003" id="mega-menu-item-85003"><a class="mega-custom-icon mega-menu-link" href="https://www.apica.io/forge/"><span class="mega-description-group"><span class="mega-menu-title">Forge</span><span class="mega-menu-description">Real-time high-cardinality metrics with SLO insights.</span></span></a></li><li class="mega-icon-orange mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-has-description mega-menu-item-85002 icon-orange" id="mega-menu-item-85002"><a class="mega-custom-icon mega-menu-link" href="https://www.apica.io/vanguard/"><span class="mega-description-group"><span class="mega-menu-title">Vanguard</span><span class="mega-menu-description">Synthetic checks simulating real user workflows.</span></span></a></li><li class="mega-icon-green mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-has-description mega-menu-item-85001 icon-green" id="mega-menu-item-85001"><a class="mega-custom-icon mega-menu-link" href="https://www.apica.io/wayfinder/"><span class="mega-description-group"><span class="mega-menu-title">Wayfinder</span><span class="mega-menu-description">On-demand, compliant test data for agentic journeys.</span></span></a></li> </ul>
</li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-menu-item-84612" id="mega-menu-item-84612"><a class="mega-menu-link" href="#">Product Capabilities<span class="mega-indicator" aria-hidden="true"></span></a>
<ul class="mega-sub-menu" id='mega-sub-menu-84612'>
<li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-85084" id="mega-menu-item-85084"><a class="fas fa-plug fa6 mega-menu-link" href="https://www.apica.io/integrations/">Integrations</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-84618" id="mega-menu-item-84618"><a class="fas fa-shield-halved fa6 mega-menu-link" href="https://www.apica.io/security/">Security</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-86229" id="mega-menu-item-86229"><a class="fas fa-terminal fa6 mega-menu-link" href="https://www.apica.io/vanguard-advanced-scripting-engine-for-agentic-ai/">Vanguard's Advanced Scripting Engine for Agentic AI</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-85420" id="mega-menu-item-85420"><a class="fas fa-layer-group fa6 mega-menu-link" href="https://www.apica.io/instastore/">InstaStore&trade;</a></li> </ul>
</li> </ul>
</li> </ul>
</li></ul>
</li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-menu-megamenu mega-menu-grid mega-align-bottom-left mega-menu-item-84605" id="mega-menu-item-84605"><a class="mega-menu-link" href="#" aria-expanded="false" aria-controls="mega-sub-menu-84605">Solutions<span class="mega-indicator" aria-hidden="true"></span></a>
<ul class="mega-sub-menu" role='presentation' id='mega-sub-menu-84605'>
<li class="mega-menu-row" id="mega-menu-84605-0">
<ul class="mega-sub-menu" style='--columns:12' role='presentation'>
<li class="mega-menu-column mega-mmm-col-links-solutions mega-menu-columns-12-of-12 mmm-col-links-solutions" style="--columns:12; --span:12" id="mega-menu-84605-0-0">
<ul class="mega-sub-menu">
<li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-menu-item-84702" id="mega-menu-item-84702"><a class="mega-menu-link" href="#">By Use Case<span class="mega-indicator" aria-hidden="true"></span></a>
<ul class="mega-sub-menu" id='mega-sub-menu-84702'>
<li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-has-description mega-menu-item-85125" id="mega-menu-item-85125"><a class="fas fa-piggy-bank fa6 mega-menu-link" href="https://www.apica.io/cost-savings/"><span class="mega-description-group"><span class="mega-menu-title">Cost Savings</span><span class="mega-menu-description">Control Observability Spend Without Sacrificing Visibility</span></span></a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-has-description mega-menu-item-86604" id="mega-menu-item-86604"><a class="fas fa-terminal fa6 mega-menu-link" href="https://www.apica.io/vanguard-advanced-scripting-engine-for-agentic-ai/"><span class="mega-description-group"><span class="mega-menu-title">Synthetic Monitoring for Agentic AI</span><span class="mega-menu-description">Catch AI agent failures that a &#8220;200 OK&#8221; hides, and see exactly what went wrong instead of dumping more logs on your desk</span></span></a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-has-description mega-menu-item-85124" id="mega-menu-item-85124"><a class="fas fa-triangle-exclamation fa6 mega-menu-link" href="https://www.apica.io/incident-resolution-and-site-reliability/"><span class="mega-description-group"><span class="mega-menu-title">Incident Resolution and Site Reliability</span><span class="mega-menu-description">Accelerate Incident Resolution and Improve System Reliability</span></span></a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-has-description mega-menu-item-85123" id="mega-menu-item-85123"><a class="fas fa-brain fa6 mega-menu-link" href="https://www.apica.io/ai-llm-observability/"><span class="mega-description-group"><span class="mega-menu-title">AI and LLM Observability</span><span class="mega-menu-description">Ensure Performance, Reliability, and Compliance for AI Applications</span></span></a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-has-description mega-menu-item-85122" id="mega-menu-item-85122"><a class="fas fa-server fa6 mega-menu-link" href="https://www.apica.io/modern-infrastructure-observability/"><span class="mega-description-group"><span class="mega-menu-title">Modern Infrastructure Observability</span><span class="mega-menu-description">Kubernetes-Native Observability for Modern Infrastructure</span></span></a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-has-description mega-menu-item-85121" id="mega-menu-item-85121"><a class="fas fa-shield-halved fa6 mega-menu-link" href="https://www.apica.io/compliance-and-security/"><span class="mega-description-group"><span class="mega-menu-title">Compliance and Security</span><span class="mega-menu-description">Supercharge Data Governance and Meet Regulatory Requirements</span></span></a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-has-description mega-menu-item-85120" id="mega-menu-item-85120"><a class="fas fa-cloud-arrow-up fa6 mega-menu-link" href="https://www.apica.io/cloud-migration/"><span class="mega-description-group"><span class="mega-menu-title">Cloud Migration</span><span class="mega-menu-description">Migrate from Legacy Tools with Zero Downtime</span></span></a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-has-description mega-menu-item-85119" id="mega-menu-item-85119"><a class="fas fa-chart-line fa6 mega-menu-link" href="https://www.apica.io/high-cardinality-metrics-at-scale/"><span class="mega-description-group"><span class="mega-menu-title">High-Cardinality Metrics at Scale</span><span class="mega-menu-description">Store Billions of Unique Metric Streams Without Performance Penalties or Cost Explosions</span></span></a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-has-description mega-menu-item-85118" id="mega-menu-item-85118"><a class="fas fa-flask fa6 mega-menu-link" href="https://www.apica.io/agent-ready-pre-production-test-data-management/"><span class="mega-description-group"><span class="mega-menu-title">Agent-Ready Pre-Production Test Data Management</span><span class="mega-menu-description">Self-Service Test Data for Accelerated Software Delivery</span></span></a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-has-description mega-menu-item-85117" id="mega-menu-item-85117"><a class="fas fa-desktop fa6 mega-menu-link" href="https://www.apica.io/digital-experience-monitoring-proactive-detection/"><span class="mega-description-group"><span class="mega-menu-title">Digital Experience Monitoring &#038; Proactive Detection</span><span class="mega-menu-description">Catch Performance Issues Before They Impact Users and Revenue</span></span></a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-has-description mega-menu-item-86804" id="mega-menu-item-86804"><a class="fas fa-filter fa6 mega-menu-link" href="https://www.apica.io/kubernetes-log-reduction/"><span class="mega-description-group"><span class="mega-menu-title">Kubernetes Log Reduction</span><span class="mega-menu-description">Cuts Kubernetes log volume by up to 85% without losing a single error, warning, or business event</span></span></a></li> </ul>
</li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-menu-item-84704" id="mega-menu-item-84704"><a class="mega-menu-link" href="#">By Industry<span class="mega-indicator" aria-hidden="true"></span></a>
<ul class="mega-sub-menu" id='mega-sub-menu-84704'>
<li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-85267" id="mega-menu-item-85267"><a class="fas fa-landmark fa6 mega-menu-link" href="https://www.apica.io/banking-and-finance/">Banking and Finance</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-85266" id="mega-menu-item-85266"><a class="fas fa-building-columns fa6 mega-menu-link" href="https://www.apica.io/government/">Government</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-85265" id="mega-menu-item-85265"><a class="fas fa-heart-pulse fa6 mega-menu-link" href="https://www.apica.io/healthcare/">Healthcare</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-85264" id="mega-menu-item-85264"><a class="fas fa-industry fa6 mega-menu-link" href="https://www.apica.io/manufacturing/">Manufacturing</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-85263" id="mega-menu-item-85263"><a class="fas fa-film fa6 mega-menu-link" href="https://www.apica.io/media-and-entertainment/">Media and Entertainment</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-85262" id="mega-menu-item-85262"><a class="fas fa-bag-shopping fa6 mega-menu-link" href="https://www.apica.io/retail/">Retail</a></li> </ul>
</li> </ul>
</li> </ul>
</li></ul>
</li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-menu-megamenu mega-menu-grid mega-align-bottom-left mega-menu-item-84607" id="mega-menu-item-84607"><a class="mega-menu-link" href="#" aria-expanded="false" aria-controls="mega-sub-menu-84607">Resources<span class="mega-indicator" aria-hidden="true"></span></a>
<ul class="mega-sub-menu" role='presentation' id='mega-sub-menu-84607'>
<li class="mega-menu-row" id="mega-menu-84607-0">
<ul class="mega-sub-menu" style='--columns:12' role='presentation'>
<li class="mega-menu-column mega-mmm-col-links-resources mega-menu-columns-12-of-12 mmm-col-links-resources" style="--columns:12; --span:12" id="mega-menu-84607-0-0">
<ul class="mega-sub-menu">
<li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-menu-item-84720" id="mega-menu-item-84720"><a class="mega-menu-link" href="#">Start Here<span class="mega-indicator" aria-hidden="true"></span></a>
<ul class="mega-sub-menu" id='mega-sub-menu-84720'>
<li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-85414" id="mega-menu-item-85414"><a class="far fa-compass fa6 mega-menu-link" href="https://www.apica.io/resources/">Resource Center</a></li> </ul>
</li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-menu-item-84721" id="mega-menu-item-84721"><a class="mega-menu-link" href="#">Learn<span class="mega-indicator" aria-hidden="true"></span></a>
<ul class="mega-sub-menu" id='mega-sub-menu-84721'>
<li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-85208" id="mega-menu-item-85208"><a class="far fa-pen-to-square fa6 mega-menu-link" href="https://www.apica.io/blog/">Blog</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-85315" id="mega-menu-item-85315"><a class="fas fa-video fa6 mega-menu-link" href="https://www.apica.io/events/">Events & Webinars</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-85314" id="mega-menu-item-85314"><a class="far fa-circle-play fa6 mega-menu-link" href="https://www.apica.io/videos/">Videos</a></li> </ul>
</li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-menu-item-84722" id="mega-menu-item-84722"><a class="mega-menu-link" href="#">Deep Dive<span class="mega-indicator" aria-hidden="true"></span></a>
<ul class="mega-sub-menu" id='mega-sub-menu-84722'>
<li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-has-icon mega-icon-left mega-menu-item-84729" id="mega-menu-item-84729"><a class="fab fa-microsoft fa6 mega-menu-link" href="/resources/#product-datasheets">Product Datasheets</a></li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-has-icon mega-icon-left mega-menu-item-84730" id="mega-menu-item-84730"><a class="fas fa-microchip fa6 mega-menu-link" href="/resources/#integration-briefs">Integration & Tech Briefs</a></li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-has-icon mega-icon-left mega-menu-item-84728" id="mega-menu-item-84728"><a class="fas fa-book-open fa6 mega-menu-link" href="/resources/#whitepapers">Whitepapers</a></li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-has-icon mega-icon-left mega-menu-item-84731" id="mega-menu-item-84731"><a class="fas fa-users fa6 mega-menu-link" href="/resources/#case-studies">Case Studies</a></li> </ul>
</li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-menu-item-84723" id="mega-menu-item-84723"><a class="mega-menu-link" href="#">Developers<span class="mega-indicator" aria-hidden="true"></span></a>
<ul class="mega-sub-menu" id='mega-sub-menu-84723'>
<li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-has-icon mega-icon-left mega-menu-item-84732" id="mega-menu-item-84732"><a class="fas fa-book-open fa6 mega-menu-link" href="https://docs.apica.io">Documentation</a></li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-has-icon mega-icon-left mega-menu-item-84733" id="mega-menu-item-84733"><a class="fas fa-code fa6 mega-menu-link" href="https://apidocs.apica.io/">API Docs</a></li> </ul>
</li> </ul>
</li> </ul>
</li></ul>
</li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-align-bottom-left mega-menu-flyout mega-menu-item-84608" id="mega-menu-item-84608"><a class="mega-menu-link" href="#" aria-expanded="false" aria-controls="mega-sub-menu-84608">Company<span class="mega-indicator" aria-hidden="true"></span></a>
<ul class="mega-sub-menu" id='mega-sub-menu-84608'>
<li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-85201" id="mega-menu-item-85201"><a class="fas fa-circle-info fa6 mega-menu-link" href="https://www.apica.io/about-apica/">About</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-85200" id="mega-menu-item-85200"><a class="fas fa-user-tie fa6 mega-menu-link" href="https://www.apica.io/leadership/">Leadership</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-85199" id="mega-menu-item-85199"><a class="fas fa-handshake-angle fa6 mega-menu-link" href="https://www.apica.io/partners/">Partners</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-85198" id="mega-menu-item-85198"><a class="fas fa-briefcase fa6 mega-menu-link" href="https://www.apica.io/careers/">Careers</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-85196" id="mega-menu-item-85196"><a class="far fa-newspaper fa6 mega-menu-link" href="https://www.apica.io/news/">News</a></li><li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-has-icon mega-icon-left mega-menu-item-85197" id="mega-menu-item-85197"><a class="far fa-envelope fa6 mega-menu-link" href="https://www.apica.io/contact/">Contact</a></li></ul>
</li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-align-bottom-left mega-menu-flyout mega-menu-item-84606" id="mega-menu-item-84606"><a class="mega-menu-link" aria-expanded="false" aria-controls="mega-sub-menu-84606">Login<span class="mega-indicator" aria-hidden="true"></span></a>
<ul class="mega-sub-menu" id='mega-sub-menu-84606'>
<li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-has-icon mega-icon-left mega-menu-item-84741" id="mega-menu-item-84741"><a class="fas fa-rocket fa6 mega-menu-link" href="/freemium">Try For Free, No Risk</a></li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-has-icon mega-icon-left mega-menu-item-84742" id="mega-menu-item-84742"><a class="fas fa-gauge-high fa6 mega-menu-link" href="https://alt-eu.apica.io/Pages/External/Login.aspx?_gl=1*1uif3ku*_gcl_au*MTEzMDYzMDc0OC4xNzczMDYxNjQ5&#038;_ga=2.167814817.1421247485.1773061649-2130199566.1773061649">Load Test Portal</a></li><li class="mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-has-icon mega-icon-left mega-menu-item-84743" id="mega-menu-item-84743"><a class="far fa-chart-bar fa6 mega-menu-link" href="https://asm.apica.io/Account/Login?_gl=1*lspppg*_gcl_au*MTEzMDYzMDc0OC4xNzczMDYxNjQ5&#038;_ga=2.169059617.1421247485.1773061649-2130199566.1773061649">Monitoring Portal</a></li></ul>
</li><li class="mega-mobile-nav-only mega-guided-tour mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-84755 mobile-nav-only guided-tour" id="mega-menu-item-84755"><a class="mega-menu-link" href="/ascent-guided-tour">Guided Tour</a></li><li class="mega-mobile-nav-only mega-schedule-demo mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-84756 mobile-nav-only schedule-demo" id="mega-menu-item-84756"><a class="mega-menu-link" href="/request-demo">Schedule a Demo</a></li></ul><button aria-controls="mega-menu-max_mega_menu_1" aria-label="Close" class='mega-close'></button></div> </div>
</div>
</div>
<div class="elementor-element elementor-element-fb490b7 elementor-widget elementor-widget-html" data-id="fb490b7" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
<div class="elementor-widget-container">
<!-- ============================================================
APICA v5 — HEADER SEARCH
Paste this whole thing into ONE Elementor HTML widget, placed
in the Header template between the nav and the Schedule a Demo
button.
The scrim and panel are position:fixed, so their spot in the
DOM doesn't affect where they render — keeping all three in one
widget means one thing to find later.
Styles live in a CSS snippet: apica-header-search-styles.css
Font Awesome 5 Free is already loaded site-wide. Do not add FA6.
============================================================ -->
<button class="srch-btn" id="srchBtn" type="button"
aria-expanded="false" aria-controls="srchPanel" aria-label="Search Apica">
<i class="fas fa-search" aria-hidden="true"></i>
</button>
<div class="scrim" id="srchScrim" aria-hidden="true"></div>
<div class="srch-panel v5-grain" id="srchPanel" role="dialog" aria-modal="true"
aria-label="Search Apica" inert>
<div class="srch-in">
<form class="srch-form" role="search" action="/" method="get">
<div class="srch-field">
<i class="fas fa-search" aria-hidden="true"></i>
<!-- Visually-hidden label. A placeholder is not an accessible
name — screen readers may not announce it, and it vanishes
on input for everyone else. -->
<label for="srchInput" class="srch-sr">Search Apica</label>
<input type="search" id="srchInput" name="s" placeholder="Search Apica" autocomplete="off">
</div>
<button type="submit" class="btn btn-on-dark btn-arrow srch-submit">Search</button>
<button class="srch-close" id="srchClose" type="button" aria-label="Close search">
<i class="fas fa-times" aria-hidden="true"></i>
</button>
</form>
</div>
</div>
<script>
(function () {
function init() {
// GUARD — do not remove.
// If this widget gets pasted twice, the second copy's script would resolve
// the same first-in-DOM nodes and bind a SECOND set of listeners to them.
// One click would then fire the toggle twice: open, then close. The panel
// appears to flash and nothing is clickable. This exits instead.
if (window.__apicaHeaderSearchInit) return;
window.__apicaHeaderSearchInit = true;
// DE-DUPLICATE. Runs on DOMContentLoaded rather than inline, so by now
// every copy is in the DOM and can be counted — an inline run would only
// see the copies parsed before it. Extra copies are not harmless: the CSS
// fallback rule makes them visible on open too, so you get two identical
// panels stacked, and whichever is on top is not the one holding the event
// listeners. Keep the first of each, delete the rest.
['.srch-panel', '.scrim', '.srch-btn'].forEach(function (sel) {
var all = Array.prototype.slice.call(document.querySelectorAll(sel));
all.slice(1).forEach(function (el) { el.parentNode.removeChild(el); });
});
var panel = document.getElementById('srchPanel');
var trigger = document.getElementById('srchBtn');
var scrim = document.getElementById('srchScrim');
var closeBt = document.getElementById('srchClose');
var input = document.getElementById('srchInput');
if (!panel || !trigger) return;
var header = document.querySelector('.elementor-location-header') ||
document.querySelector('header');
// PORTAL — the fix for "panel looks right but nothing in it is clickable".
//
// This widget lives inside the Elementor header, and the site's own CSS sets
// header, .elementor-location-header, #mega-menu-wrap-... {
// position: relative; z-index: 100; }
// (added when the mega-menu dim overlay was built). position:relative plus a
// z-index creates a STACKING CONTEXT. Everything inside it is trapped there:
// the panel's z-index:950 and the scrim's 900 only sort them against each
// other, while the whole group participates in the page at z-index 100.
//
// So any element on the page with z-index above 100 that overlaps the panel
// paints on top of it and swallows the clicks — even a transparent one. The
// panel sits directly over the hero section, which is full of them. It also
// explains why the scrim dims the header but not the red announcement bar:
// that bar's z-index is above 100 too.
//
// Moving both nodes to <body> takes them out of the header's context so
// their z-index competes at the document root. Event listeners survive the
// move, so this is safe to do before or after binding.
if (scrim.parentElement !== document.body) document.body.appendChild(scrim);
if (panel.parentElement !== document.body) document.body.appendChild(panel);
// The panel's top edge is measured at open time, not hardcoded.
// Three things move it: the 32px admin bar for logged-in users, the
// header's own height (91px on apica.io, and different on mobile), and
// scroll position — the v5 header is position:relative, so once it has
// scrolled away the panel should pin to the top of the viewport instead
// of to where the header used to be.
function syncOffset() {
var bar = document.getElementById('wpadminbar');
var barH = bar ? bar.getBoundingClientRect().height : 0;
var hdrB = header ? header.getBoundingClientRect().bottom : 0;
var top = Math.max(Math.round(hdrB), Math.round(barH), 0);
document.documentElement.style.setProperty('--hdr-h', top + 'px');
}
var lastFocus = null;
var hideTimer = null;
var watchdog = null;
var restores = 0; // focus-guard counter, see the guard below
// WHY THE STATE IS SET INLINE HERE INSTEAD OF LEFT TO THE CSS CLASS.
// Measured on the live site: the CSS transitions on `transform` and
// `visibility` were started and then stayed in playState "running"
// indefinitely — over a second after the class was added, both were still
// pinned at their start values. The class was on <body>, the rule matched,
// its specificity won, and the panel was still translated off-screen and
// visibility:hidden. Forcing `transition: none` made it correct instantly.
//
// Something in this stack (47 stylesheets, Elementor kit, WP Rocket,
// Perfmatters) stalls the transition. Rather than hunt it, the panel no
// longer depends on a transition completing in order to be *correct* — the
// transition is now decoration only. If it runs, you get the slide. If it
// doesn't, the panel snaps open and still works.
function open() {
clearTimeout(hideTimer);
restores = 0;
syncOffset();
lastFocus = document.activeElement;
document.body.classList.add('srch-open');
panel.style.visibility = 'visible';
panel.style.transform = 'translateY(0)';
trigger.setAttribute('aria-expanded', 'true');
panel.removeAttribute('inert');
scrim.setAttribute('aria-hidden', 'false');
setTimeout(function () { input.focus(); }, 120);
// WATCHDOG. Setting `transform` inline does not bypass the transition —
// it still animates from the closed value, so a stalled transition leaves
// the panel parked off-screen even though the inline style is correct.
// 450ms after opening (the transition is 350ms), check whether the panel
// actually arrived. If it didn't, kill the transition and snap it there.
// Costs nothing when transitions work; makes the stall survivable when
// they don't.
clearTimeout(watchdog);
watchdog = setTimeout(function () {
var expected = parseFloat(
getComputedStyle(document.documentElement).getPropertyValue('--hdr-h')) || 0;
if (Math.abs(panel.getBoundingClientRect().top - expected) > 2) {
panel.style.transition = 'none';
panel.style.transform = 'translateY(0)';
}
}, 450);
}
function close() {
clearTimeout(watchdog);
document.body.classList.remove('srch-open');
// Let the next open try to animate again, in case the stall was transient.
panel.style.transition = '';
panel.style.transform = 'translateY(-100%)';
// Hide after the slide. The timeout is the mechanism, not a fallback for
// transitionend — see the note above; transitionend may never fire here.
hideTimer = setTimeout(function () { panel.style.visibility = 'hidden'; }, 400);
trigger.setAttribute('aria-expanded', 'false');
panel.setAttribute('inert', '');
scrim.setAttribute('aria-hidden', 'true');
if (lastFocus && lastFocus.focus) lastFocus.focus();
}
trigger.addEventListener('click', function () {
document.body.classList.contains('srch-open') ? close() : open();
});
closeBt.addEventListener('click', close);
scrim.addEventListener('click', close);
// MOBILE KEYBOARD BUG — read this before touching the resize handler.
//
// The old version of this called syncOffset() on every resize. On a phone,
// opening the soft keyboard fires `resize` (height shrinks) and the browser
// scrolls the page to reveal the focused input. syncOffset then measured a
// header whose bottom edge had scrolled above the fold, got a negative value,
// clamped to 0, and moved the panel to the top of the viewport — underneath
// the focused input. Moving a fixed ancestor of a focused input blurs it on
// mobile, so the keyboard closed. That fired `resize` again, which repositioned
// again, so tapping back into the field just restarted the loop. Symptom: the
// keyboard vanishes after one character and you can never type again.
//
// A soft keyboard changes the viewport HEIGHT only. A rotation changes the
// WIDTH. So gate on width: rotations re-sync, keyboards are ignored.
var lastWidth = window.innerWidth;
window.addEventListener('resize', function () {
if (window.innerWidth === lastWidth) return; // keyboard, not rotation
lastWidth = window.innerWidth;
if (document.body.classList.contains('srch-open')) syncOffset();
});
// Same class of problem: the watchdog repositions the panel 450ms after open.
// If someone taps into the field and starts typing inside that window, the
// correction yanks the panel and blurs the input. Once the field has focus the
// panel is demonstrably open and correctly placed, so the watchdog has no job
// left — cancel it.
// NOTE — there used to be a `clearTimeout(watchdog)` on the input's focus
// event, added while chasing the mobile keyboard bug. It was removed: it
// silently disabled the stalled-transition fix, because focus lands at 120ms
// and the watchdog is due at 450ms, so the watchdog never ran at all. The
// regression suite caught it (transition-duration 9999s left the panel parked
// at the wrong offset).
//
// Keeping the watchdog is safe on mobile. It only acts when the panel is
// measurably in the wrong place, and its action is to re-set `transform` to
// the value open() already set plus `transition: none` — so when the panel is
// correct it is a no-op and cannot disturb a focused field. The actual mobile
// fix was gating the resize handler on width.
// FOCUS GUARD — the invariant is: while the panel is open, focus belongs
// inside the panel. This is a backstop, not the primary fix.
//
// The known offender is the Storylane demo embed, which calls
// contentWindow.focus() on itself and drags the keyboard out of the search
// field. That one is handled in CSS by hiding the embed while the panel is
// open. This guard exists because Storylane is not special: there are six
// third-party iframes on the home page (Angie, Intercom ×2, Hotjar, the
// marketing.apica.io newsletter form) and any of them could start doing the
// same after an update. Rather than name them all, restore focus whatever
// took it.
//
// Deliberately bounded at 10 restores per open. An unbounded guard against
// an embed that grabs focus on an interval would fight forever and make the
// caret jump on every keystroke — worse than the bug.
input.addEventListener('focusout', function () {
if (!document.body.classList.contains('srch-open')) return;
if (!document.hasFocus()) return; // user switched tab or window
if (restores >= 10) return;
setTimeout(function () {
if (!document.body.classList.contains('srch-open')) return;
if (panel.contains(document.activeElement)) return; // moved within the panel, fine
restores += 1;
input.focus();
}, 0);
});
document.addEventListener('keydown', function (e) {
if (!document.body.classList.contains('srch-open')) return;
if (e.key === 'Escape') { e.preventDefault(); close(); return; }
// Focus trap. Without it, Tab walks out of an open modal into the
// page behind the scrim, which is invisible and unusable.
if (e.key === 'Tab') {
var f = panel.querySelectorAll('a[href],button,input:not([type="hidden"])');
if (!f.length) return;
var first = f[0], last = f[f.length - 1];
if (e.shiftKey && document.activeElement === first) {
e.preventDefault(); last.focus();
} else if (!e.shiftKey && document.activeElement === last) {
e.preventDefault(); first.focus();
}
}
});
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
init();
}
})();
</script> </div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-cef3372 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child" data-id="cef3372" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-9d6cdba elementor-widget elementor-widget-button" data-id="9d6cdba" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<div class="elementor-widget-container">
<div class="elementor-button-wrapper">
<a class="elementor-button elementor-button-link elementor-size-sm" href="/request-demo">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">Schedule a Demo</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="site grid-container container hfeed" id="page">
<div class="site-content" id="content">
<div data-elementor-type="wp-page" data-elementor-id="84815" class="elementor elementor-84815" data-elementor-post-type="page">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-d1511c0 e-con-full v5-grain e-flex e-con e-parent" data-id="d1511c0" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-b8c0f91 e-flex e-con-boxed e-con e-child" data-id="b8c0f91" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-4d7c478 e-con-full e-flex e-con e-child" data-id="4d7c478" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-e86e865 elementor-widget elementor-widget-text-editor" data-id="e86e865" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<span class="apica-label-tag-dark">Agentic-Ready Telemetry Management</span> </div>
</div>
<div class="elementor-element elementor-element-1e3a6fe elementor-widget elementor-widget-text-editor" data-id="1e3a6fe" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<h1 style="font-size: clamp(2.4rem, 4.5vw, 3.2rem); font-weight: 800; color: #fff; line-height: 1.08; letter-spacing: -0.03em; margin: 0;">Telemetry Control Plane for <span style="background: linear-gradient(135deg, #a78bfa, #c4bfff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">AI-Era Data Volumes</span></h1> </div>
</div>
<div class="elementor-element elementor-element-723ebe3 elementor-widget elementor-widget-text-editor" data-id="723ebe3" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>Apica helps enterprises be <strong>&#8220;Agentic-Ready&#8221;</strong> by giving them the telemetry infrastructure, metrics foundation, and data readiness AI agents demand.</p> </div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-3b8fad3 e-con-full e-flex e-con e-child" data-id="3b8fad3" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-b4efd92 elementor-widget elementor-widget-button" data-id="b4efd92" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<div class="elementor-widget-container">
<div class="elementor-button-wrapper">
<a class="elementor-button elementor-button-link elementor-size-sm" href="/roi-calculator">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<i aria-hidden="true" class="fas fa-long-arrow-alt-right"></i> </span>
<span class="elementor-button-text">Calculate Your Savings</span>
</span>
</a>
</div>
</div>
</div>
<div class="elementor-element elementor-element-9de120c elementor-widget elementor-widget-button" data-id="9de120c" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<div class="elementor-widget-container">
<div class="elementor-button-wrapper">
<a class="elementor-button elementor-button-link elementor-size-sm" href="/ascent-guided-tour">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<i aria-hidden="true" class="fas fa-long-arrow-alt-right"></i> </span>
<span class="elementor-button-text">See How It Works</span>
</span>
</a>
</div>
</div>
</div>
</div>
<a class="eael-wrapper-link-0b761c4 --eael-wrapper-link-tag" href="/gartner-observability-mq-2025"></a><div data-eael-wrapper-link="eael-wrapper-link-0b761c4" data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-0b761c4 e-flex e-con-boxed e-con e-child" data-id="0b761c4" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-8dbf797 elementor-widget elementor-widget-image" data-id="8dbf797" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
<div class="elementor-widget-container">
<img fetchpriority="high" decoding="async" width="1558" height="356" src="https://www.apica.io/wp-content/uploads/2026/03/gartner-logo-white.svg" class="attachment-large size-large wp-image-84832" alt="" /> </div>
</div>
<div class="elementor-element elementor-element-716704b elementor-widget elementor-widget-text-editor" data-id="716704b" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<strong style="color: #fff; display: block; font-size: 0.82rem;">Gartner® Magic Quadrant™</strong>
<span style="color: #b0bdd0; font-size: 0.8rem;">Observability Platforms, 2025 &#038; 2026</span> </div>
</div>
</div>
</div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-bbec531 e-con-full e-flex e-con e-child" data-id="bbec531" data-element_type="container" data-e-type="container">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-a2335e5 e-con-full e-flex e-con e-child" data-id="a2335e5" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div class="elementor-element elementor-element-cb88a26 elementor-widget__width-inherit storyland-embed v5-glow-border elementor-widget elementor-widget-html" data-id="cb88a26" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
<div class="elementor-widget-container">
<div>
<script async src="https://js.storylane.io/js/v2/storylane.js"></script>
<div class="sl-embed" style="position:relative;padding-bottom:calc(50.31% + 25px);width:100%;height:0;transform:scale(1)">
<iframe loading="lazy" class="sl-demo" src="https://app.storylane.io/demo/b5gpan2spncj?embed=inline" name="sl-embed" allow="fullscreen" allowfullscreen style="position:absolute;top:0;left:0;width:100%!important;height:100%!important;border:1px solid rgba(63,95,172,0.35);box-shadow: 0px 0px 18px rgba(26, 19, 72, 0.15);border-radius:10px;box-sizing:border-box;"></iframe>
</div>
</div> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-5570710 e-con-full e-flex e-con e-parent" data-id="5570710" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-8ed82be e-flex e-con-boxed e-con e-child" data-id="8ed82be" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-52ca984 elementor-widget elementor-widget-heading" data-id="52ca984" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">Trusted by Leading Enterprises</h2> </div>
</div>
<div class="elementor-element elementor-element-ea619eb elementor-widget elementor-widget-image-carousel" data-id="ea619eb" data-element_type="widget" data-e-type="widget" data-settings="{&quot;slides_to_show&quot;:&quot;3&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;slides_to_show_mobile&quot;:&quot;2&quot;,&quot;slides_to_scroll_mobile&quot;:&quot;2&quot;,&quot;slides_to_scroll&quot;:&quot;1&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500}" data-widget_type="image-carousel.default">
<div class="elementor-widget-container">
<div class="elementor-image-carousel-wrapper swiper" role="region" aria-roledescription="carousel" aria-label="Trusted Carousel" dir="ltr">
<div class="elementor-image-carousel swiper-wrapper" aria-live="off">
<div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="1 of 4"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.apica.io/wp-content/uploads/2026/03/equifax-logo.svg" alt="equifax-logo" /></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="2 of 4"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.apica.io/wp-content/uploads/2026/03/google-logo.svg" alt="google-logo" /></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="3 of 4"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.apica.io/wp-content/uploads/2026/03/microsoft-logo.svg" alt="microsoft-logo" /></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="4 of 4"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.apica.io/wp-content/uploads/2026/03/morgan-stanley-logo.svg" alt="morgan-stanley-logo" /></figure></div> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-bce36cb e-con-full e-flex e-con e-parent" data-id="bce36cb" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-8141eb2 e-con-full v5-reveal e-flex e-con e-child" data-id="8141eb2" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-3c03a5e elementor-widget elementor-widget-text-editor" data-id="3c03a5e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p><span class="apica-label-tag">The Challenge</span></p> </div>
</div>
<div class="elementor-element elementor-element-93caccc elementor-widget elementor-widget-heading" data-id="93caccc" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">The Telemetry Cost &amp; Growth Crisis</h2> </div>
</div>
<div class="elementor-element elementor-element-f837c3f elementor-widget elementor-widget-text-editor" data-id="f837c3f" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>Observability budgets are at their breaking point and AI is about to make it exponentially worse.</p> </div>
</div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-4f58b8d e-flex e-con-boxed e-con e-child" data-id="4f58b8d" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-d57e1a9 e-con-full e-flex e-con e-child" data-id="d57e1a9" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-1cf1eb4 v5-reveal elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="1cf1eb4" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
<div class="elementor-widget-container">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<span class="elementor-icon-list-icon">
<i aria-hidden="true" class="fas fa-circle"></i> </span>
<span class="elementor-icon-list-text">AI and ML workloads generate 10–100x more telemetry than traditional applications, driving observability costs to unsustainable levels.</span>
</li>
<li class="elementor-icon-list-item">
<span class="elementor-icon-list-icon">
<i aria-hidden="true" class="fas fa-circle"></i> </span>
<span class="elementor-icon-list-text">Legacy platforms charge for every byte ingested, forcing teams to either pay a platform tax or sacrifice visibility into critical systems.</span>
</li>
<li class="elementor-icon-list-item">
<span class="elementor-icon-list-icon">
<i aria-hidden="true" class="fas fa-circle"></i> </span>
<span class="elementor-icon-list-text">Cloud modernization and microservices architectures further multiply data volumes while budgets stay flat, pushing observability spend to an unsustainable level.</span>
</li>
</ul>
</div>
</div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-cf77fae e-con-full v5-glow-orange v5-reveal v5-reveal-d1 e-flex e-con e-child" data-id="cf77fae" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div class="elementor-element elementor-element-fbebf44 elementor-widget elementor-widget-text-editor" data-id="fbebf44" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<strong style="display: block; font-size: 1.08rem; font-weight: 700; color: #0f1c2a; margin-bottom: 10px;">This isn&#8217;t just a cost problem. It&#8217;s an architectural problem.</strong>
Traditional platforms weren&#8217;t designed for AI-scale telemetry. They store everything indiscriminately and charge at every step. That model breaks when a single AI agent generates more telemetry in an hour than an entire app stack produced in a day. </div>
</div>
</div>
</div>
</div>
</div>
<div data-eael-wrapper-link="{&quot;url&quot;:&quot;\/state-of-agentic-ready-observability-infrastructure-report-2026&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;}" class="eael-non-traditional-link elementor-element elementor-element-bba0c2d e-con-full v5-grain e-flex e-con e-parent" data-particle_enable="false" data-particle-mobile-disabled="false" data-id="bba0c2d" data-element_type="container" data-e-type="container">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-f152759 e-flex e-con-boxed e-con e-child" data-id="f152759" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-173890b e-con-full v5-reveal e-flex e-con e-child" data-id="173890b" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div class="elementor-element elementor-element-9180378 apica-stat-number elementor-widget elementor-widget-heading" data-id="9180378" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<p class="elementor-heading-title elementor-size-default">54%</p> </div>
</div>
<div class="elementor-element elementor-element-ab4e5e7 elementor-widget elementor-widget-text-editor" data-id="ab4e5e7" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
of enterprises saw telemetry data triple in the past 12 months — average increase of 3.7× </div>
</div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-d0a2d35 e-con-full v5-reveal v5-reveal-d1 e-flex e-con e-child" data-id="d0a2d35" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div class="elementor-element elementor-element-4cc0ec1 apica-stat-number elementor-widget elementor-widget-heading" data-id="4cc0ec1" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<p class="elementor-heading-title elementor-size-default">9.5x</p> </div>
</div>
<div class="elementor-element elementor-element-05c3e72 elementor-widget elementor-widget-text-editor" data-id="05c3e72" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
expected average telemetry growth from agentic AI workloads within 2 years — 44% expect 6×–100× </div>
</div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-42f7fd4 e-con-full v5-reveal v5-reveal-d2 e-flex e-con e-child" data-id="42f7fd4" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div class="elementor-element elementor-element-2081fbf apica-stat-number elementor-widget elementor-widget-heading" data-id="2081fbf" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<p class="elementor-heading-title elementor-size-default">$3.17M</p> </div>
</div>
<div class="elementor-element elementor-element-bcd7f3b elementor-widget elementor-widget-text-editor" data-id="bcd7f3b" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
average annual enterprise observability spend — growing 28% year-over-year with no natural ceiling </div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-a937160 elementor-widget elementor-widget-text-editor" data-id="a937160" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p><em>Source: Apica + Omdia/Informa TechTarget Survey Report</em></p> </div>
</div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-aca04c6 e-con-full e-flex e-con e-parent" data-id="aca04c6" data-element_type="container" data-e-type="container">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-c0211cc e-flex e-con-boxed e-con e-child" data-id="c0211cc" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-8d56b69 e-con-full v5-reveal e-flex e-con e-child" data-id="8d56b69" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-c6c38e2 elementor-widget elementor-widget-text-editor" data-id="c6c38e2" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p><span class="apica-label-tag">The Architecture Shift</span></p> </div>
</div>
<div class="elementor-element elementor-element-d912ac3 elementor-widget elementor-widget-heading" data-id="d912ac3" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">Be Agentic-Ready With Apica</h2> </div>
</div>
<div class="elementor-element elementor-element-163c9f5 elementor-widget elementor-widget-text-editor" data-id="163c9f5" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
From Platform to Pipeline: Build telemetry infrastructure that powers AI, not platform costs. </div>
</div>
</div>
<div class="elementor-element elementor-element-ada3325 v5-reveal elementor-widget elementor-widget-text-editor" data-id="ada3325" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
For 15+ years, teams treated telemetry pipelines as &#8220;dumb pipes&#8221; shoveling data into &#8220;smart platforms.&#8221; That collapses under AI. Agentic systems demand <strong style="font-weight: 600; color: #0f1c2a; font-style: normal;">millisecond-level context</strong>. If intelligence lives only after storage and indexing, your costs spike first and your agents learn later. </div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-524c759 e-con-full e-flex e-con e-child" data-id="524c759" data-element_type="container" data-e-type="container">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-d9909ae e-con-full v5-reveal e-flex e-con e-child" data-id="d9909ae" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div class="elementor-element elementor-element-4b25158 elementor-widget elementor-widget-heading" data-id="4b25158" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h3 class="elementor-heading-title elementor-size-default">The Problem: Platform-Centric Thinking</h3> </div>
</div>
<div class="elementor-element elementor-element-7cef8a1 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="7cef8a1" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
<div class="elementor-widget-container">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<span class="elementor-icon-list-icon">
<i aria-hidden="true" class="far fa-window-close"></i> </span>
<span class="elementor-icon-list-text">Data is ingested (charged), stored (charged), and indexed (charged) before you see value</span>
</li>
<li class="elementor-icon-list-item">
<span class="elementor-icon-list-icon">
<i aria-hidden="true" class="far fa-window-close"></i> </span>
<span class="elementor-icon-list-text">AI agents need real-time intelligence in milliseconds, not batch processing after storage</span>
</li>
<li class="elementor-icon-list-item">
<span class="elementor-icon-list-icon">
<i aria-hidden="true" class="far fa-window-close"></i> </span>
<span class="elementor-icon-list-text">Platform vendors optimize for their revenue, not your efficiency</span>
</li>
<li class="elementor-icon-list-item">
<span class="elementor-icon-list-icon">
<i aria-hidden="true" class="far fa-window-close"></i> </span>
<span class="elementor-icon-list-text">Scaling agentic workloads = 10x platform bill before generating value</span>
</li>
</ul>
</div>
</div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-a6e3a08 e-con-full v5-reveal v5-reveal-d1 e-flex e-con e-child" data-id="a6e3a08" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div class="elementor-element elementor-element-9fa9671 elementor-widget elementor-widget-heading" data-id="9fa9671" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h3 class="elementor-heading-title elementor-size-default">Apica Inverts This Model</h3> </div>
</div>
<div class="elementor-element elementor-element-ce761ed elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="ce761ed" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
<div class="elementor-widget-container">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<span class="elementor-icon-list-icon">
<i aria-hidden="true" class="fas fa-check"></i> </span>
<span class="elementor-icon-list-text">Process and enrich telemetry in the pipeline before expensive ingestion</span>
</li>
<li class="elementor-icon-list-item">
<span class="elementor-icon-list-icon">
<i aria-hidden="true" class="fas fa-check"></i> </span>
<span class="elementor-icon-list-text">Route intelligently — send only what needs indexing to expensive platforms</span>
</li>
<li class="elementor-icon-list-item">
<span class="elementor-icon-list-icon">
<i aria-hidden="true" class="fas fa-check"></i> </span>
<span class="elementor-icon-list-text">Store cost-efficiently in your data lake or ours (powered by InstaStore™)</span>
</li>
<li class="elementor-icon-list-item">
<span class="elementor-icon-list-icon">
<i aria-hidden="true" class="fas fa-check"></i> </span>
<span class="elementor-icon-list-text">Real-time access for both human operators and AI agents</span>
</li>
<li class="elementor-icon-list-item">
<span class="elementor-icon-list-icon">
<i aria-hidden="true" class="fas fa-check"></i> </span>
<span class="elementor-icon-list-text">Monitor multi-agent user journeys and automate testing continuously</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-fd4ac98 v5-reveal elementor-widget elementor-widget-text-editor" data-id="fd4ac98" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
This isn&#8217;t about replacing your observability platform. It&#8217;s about taking control of <strong style="font-weight: 600; color: #0f1c2a; font-style: normal;">what</strong> reaches it, <strong style="font-weight: 600; color: #0f1c2a; font-style: normal;">when</strong>, and at what <strong style="font-weight: 600; color: #0f1c2a; font-style: normal;">cost</strong>. </div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-fc07d0c e-con-full v5-reveal e-flex e-con e-child" data-id="fc07d0c" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-fc36046 elementor-widget elementor-widget-text-editor" data-id="fc36046" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<span class="apica-label-tag">Apica Ascent</span> </div>
</div>
<div class="elementor-element elementor-element-41e2542 elementor-widget elementor-widget-heading" data-id="41e2542" data-element_type="widget" data-e-type="widget" id="platform" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">Built for the Agentic Era</h2> </div>
</div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-70e5ca2 e-con-full e-flex e-con e-child" data-id="70e5ca2" data-element_type="container" data-e-type="container">
<div data-eael-wrapper-link="{&quot;url&quot;:&quot;\/fleet&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;}" class="eael-non-traditional-link elementor-element elementor-element-1529c7e e-con-full apica-card-hover apica-card-flex e-flex e-con e-child" data-particle_enable="false" data-particle-mobile-disabled="false" data-id="1529c7e" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-0b5f814 e-con-full e-flex e-con e-child" data-id="0b5f814" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-f926d67 apica-product-icon hex-blue elementor-widget elementor-widget-image" data-id="f926d67" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
<div class="elementor-widget-container">
<img width="48" height="48" decoding="async" src="https://www.apica.io/wp-content/uploads/elementor/thumbs/fleet-icon-transparent-rk991cgtbenwsguwcaqsp76c20pnd0zztlu3wsylls.png" title="fleet-icon-transparent" alt="fleet-icon-transparent" loading="lazy" /> </div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-a6eb846 e-con-full e-flex e-con e-child" data-id="a6eb846" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-dcd81fe elementor-widget elementor-widget-heading" data-id="dcd81fe" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h3 class="elementor-heading-title elementor-size-default">Apica Fleet</h3> </div>
</div>
<div class="elementor-element elementor-element-1164721 elementor-widget elementor-widget-text-editor" data-id="1164721" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>Collection Plane</p> </div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-4ec351c elementor-widget elementor-widget-text-editor" data-id="4ec351c" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
Centrally manage every telemetry agent across your entire environment. This is the organized data collection layer that feeds Flow (configuration-driven, dynamically adaptive.) </div>
</div>
<div class="elementor-element elementor-element-e28c1df apica-explore-link elementor-widget elementor-widget-button" data-id="e28c1df" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<div class="elementor-widget-container">
<div class="elementor-button-wrapper">
<a class="elementor-button elementor-size-sm" role="button">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<i aria-hidden="true" class="fas fa-long-arrow-alt-right"></i> </span>
<span class="elementor-button-text">Explore Apica Fleet</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div data-eael-wrapper-link="{&quot;url&quot;:&quot;\/flow&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;}" class="eael-non-traditional-link elementor-element elementor-element-298ac2d e-con-full apica-card-hover apica-card-flex e-flex e-con e-child" data-particle_enable="false" data-particle-mobile-disabled="false" data-id="298ac2d" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-35d81ea e-con-full e-flex e-con e-child" data-id="35d81ea" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-cfb644a apica-product-icon hex-orange elementor-widget elementor-widget-image" data-id="cfb644a" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
<div class="elementor-widget-container">
<img width="48" height="48" decoding="async" src="https://www.apica.io/wp-content/uploads/elementor/thumbs/flow-icon-transparent-rk991al4xqlc58xmn9xjk7nev8ywxmsj5cj4y91dy8.png" title="flow-icon-transparent" alt="flow-icon-transparent" loading="lazy" /> </div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-74f8caf e-con-full e-flex e-con e-child" data-id="74f8caf" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-e2ee0e5 elementor-widget elementor-widget-heading" data-id="e2ee0e5" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h3 class="elementor-heading-title elementor-size-default">Apica Flow</h3> </div>
</div>
<div class="elementor-element elementor-element-eaaed0e elementor-widget elementor-widget-text-editor" data-id="eaaed0e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>Control Plane</p> </div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-6a047ae elementor-widget elementor-widget-text-editor" data-id="6a047ae" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
Shape, govern, and route telemetry before platform ingestion. 100% pipeline control with zero data loss. </div>
</div>
<div class="elementor-element elementor-element-0b87069 apica-explore-link elementor-widget elementor-widget-button" data-id="0b87069" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<div class="elementor-widget-container">
<div class="elementor-button-wrapper">
<a class="elementor-button elementor-size-sm" role="button">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<i aria-hidden="true" class="fas fa-long-arrow-alt-right"></i> </span>
<span class="elementor-button-text">Explore Apica Flow</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div data-eael-wrapper-link="{&quot;url&quot;:&quot;\/lake&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;}" class="eael-non-traditional-link elementor-element elementor-element-e4997b4 e-con-full apica-card-hover apica-card-flex e-flex e-con e-child" data-particle_enable="false" data-particle-mobile-disabled="false" data-id="e4997b4" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-36fb2a5 e-con-full e-flex e-con e-child" data-id="36fb2a5" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-c5e2bae apica-product-icon hex-green elementor-widget elementor-widget-image" data-id="c5e2bae" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
<div class="elementor-widget-container">
<img width="48" height="48" decoding="async" src="https://www.apica.io/wp-content/uploads/elementor/thumbs/lake-icon-transparent-rk9919naqwk1tmyzsriwzpvy9v3jpxost7vngz2s4g.png" title="lake-icon-transparent" alt="lake-icon-transparent" loading="lazy" /> </div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-c7704b5 e-con-full e-flex e-con e-child" data-id="c7704b5" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-2193c46 elementor-widget elementor-widget-heading" data-id="2193c46" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h3 class="elementor-heading-title elementor-size-default">Apica Lake</h3> </div>
</div>
<div class="elementor-element elementor-element-97d12de elementor-widget elementor-widget-text-editor" data-id="97d12de" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>Storage Plane</p> </div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-4e5e2ae elementor-widget elementor-widget-text-editor" data-id="4e5e2ae" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
Retain everything, query instantly, replay on demand. The data foundation agents need for context and audit. </div>
</div>
<div class="elementor-element elementor-element-609ce17 apica-explore-link elementor-widget elementor-widget-button" data-id="609ce17" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<div class="elementor-widget-container">
<div class="elementor-button-wrapper">
<a class="elementor-button elementor-size-sm" role="button">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<i aria-hidden="true" class="fas fa-long-arrow-alt-right"></i> </span>
<span class="elementor-button-text">Explore Apica Lake</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div data-eael-wrapper-link="{&quot;url&quot;:&quot;\/observe&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;}" class="eael-non-traditional-link elementor-element elementor-element-2d9cc42 e-con-full apica-card-hover apica-card-flex e-flex e-con e-child" data-particle_enable="false" data-particle-mobile-disabled="false" data-id="2d9cc42" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-ccde0af e-con-full e-flex e-con e-child" data-id="ccde0af" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-ee42161 apica-product-icon hex-yellow elementor-widget elementor-widget-image" data-id="ee42161" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
<div class="elementor-widget-container">
<img width="48" height="48" decoding="async" src="https://www.apica.io/wp-content/uploads/elementor/thumbs/observe-icon-transparent-rk9918pgk2iri10cy94af84hoh86i8l2h385zp46ao.png" title="observe-icon-transparent" alt="observe-icon-transparent" loading="lazy" /> </div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-754f0cc e-con-full e-flex e-con e-child" data-id="754f0cc" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-8dabe40 elementor-widget elementor-widget-heading" data-id="8dabe40" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h3 class="elementor-heading-title elementor-size-default">Apica Observe</h3> </div>
</div>
<div class="elementor-element elementor-element-ffa8a77 elementor-widget elementor-widget-text-editor" data-id="ffa8a77" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>Intelligence Plane</p> </div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-a8d27d9 elementor-widget elementor-widget-text-editor" data-id="a8d27d9" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
AI-powered correlation of logs, metrics, traces, and events with out-of-the-box LLM monitoring dashboards. </div>
</div>
<div class="elementor-element elementor-element-d87f36d apica-explore-link elementor-widget elementor-widget-button" data-id="d87f36d" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<div class="elementor-widget-container">
<div class="elementor-button-wrapper">
<a class="elementor-button elementor-size-sm" role="button">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<i aria-hidden="true" class="fas fa-long-arrow-alt-right"></i> </span>
<span class="elementor-button-text">Explore Apica Observe</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div data-eael-wrapper-link="{&quot;url&quot;:&quot;\/forge&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;}" class="eael-non-traditional-link elementor-element elementor-element-8299d7d e-con-full apica-card-hover apica-card-flex e-flex e-con e-child" data-particle_enable="false" data-particle-mobile-disabled="false" data-id="8299d7d" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-0e78d30 e-con-full e-flex e-con e-child" data-id="0e78d30" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-ac494a0 apica-product-icon hex-blue elementor-widget elementor-widget-image" data-id="ac494a0" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
<div class="elementor-widget-container">
<img width="48" height="48" decoding="async" src="https://www.apica.io/wp-content/uploads/elementor/thumbs/forge-icon-transparent-rlf1ui1qp1mnr7bt5xxtfsiw6g4k7qo4ltugthvtuo.png" title="forge-icon-transparent" alt="forge-icon-transparent" loading="lazy" /> </div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-e689ba6 e-con-full e-flex e-con e-child" data-id="e689ba6" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-a51ed9f elementor-widget elementor-widget-heading" data-id="a51ed9f" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h3 class="elementor-heading-title elementor-size-default">Apica Forge</h3> </div>
</div>
<div class="elementor-element elementor-element-191314e elementor-widget elementor-widget-text-editor" data-id="191314e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
Metrics Plane </div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-a74f8f5 elementor-widget elementor-widget-text-editor" data-id="a74f8f5" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
Store and analyze massive, high-cardinality metrics in real time without sacrificing performance or economics. </div>
</div>
<div class="elementor-element elementor-element-40d89e0 apica-explore-link elementor-widget elementor-widget-button" data-id="40d89e0" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<div class="elementor-widget-container">
<div class="elementor-button-wrapper">
<a class="elementor-button elementor-size-sm" role="button">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<i aria-hidden="true" class="fas fa-long-arrow-alt-right"></i> </span>
<span class="elementor-button-text">Explore Apica Forge</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div data-eael-wrapper-link="{&quot;url&quot;:&quot;\/vanguard&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;}" class="eael-non-traditional-link elementor-element elementor-element-4065a3d e-con-full apica-card-hover apica-card-flex e-flex e-con e-child" data-particle_enable="false" data-particle-mobile-disabled="false" data-id="4065a3d" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-60f6b88 e-con-full e-flex e-con e-child" data-id="60f6b88" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-8ab34fd apica-product-icon hex-orange elementor-widget elementor-widget-image" data-id="8ab34fd" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
<div class="elementor-widget-container">
<img width="48" height="48" decoding="async" src="https://www.apica.io/wp-content/uploads/elementor/thumbs/vanguard-icon-transparent-rlf1va8we2p9fi6ula4mileq009kmns2ppf17sq0o0.png" title="vanguard-icon-transparent" alt="vanguard-icon-transparent" loading="lazy" /> </div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-efb70c8 e-con-full e-flex e-con e-child" data-id="efb70c8" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-8e2ce73 elementor-widget elementor-widget-heading" data-id="8e2ce73" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h3 class="elementor-heading-title elementor-size-default">Apica Vanguard</h3> </div>
</div>
<div class="elementor-element elementor-element-9736eae elementor-widget elementor-widget-text-editor" data-id="9736eae" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>Safety Net</p> </div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-091c760 elementor-widget elementor-widget-text-editor" data-id="091c760" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
Synthetic checks simulating real agent workflows end-to-end. </div>
</div>
<div class="elementor-element elementor-element-26bed89 apica-explore-link elementor-widget elementor-widget-button" data-id="26bed89" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<div class="elementor-widget-container">
<div class="elementor-button-wrapper">
<a class="elementor-button elementor-size-sm" role="button">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<i aria-hidden="true" class="fas fa-long-arrow-alt-right"></i> </span>
<span class="elementor-button-text">Explore Apica Vanguard</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div data-eael-wrapper-link="{&quot;url&quot;:&quot;\/wayfinder&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;}" class="eael-non-traditional-link elementor-element elementor-element-37e3203 e-con-full apica-card-hover apica-card-flex e-flex e-con e-child" data-particle_enable="false" data-particle-mobile-disabled="false" data-id="37e3203" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-5a7b012 e-con-full e-flex e-con e-child" data-id="5a7b012" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-6efb7fd apica-product-icon hex-green elementor-widget elementor-widget-image" data-id="6efb7fd" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
<div class="elementor-widget-container">
<img width="48" height="48" decoding="async" src="https://www.apica.io/wp-content/uploads/elementor/thumbs/wayfinder-icon-transparent-rlf1w1i7w9qks73963wt0wj386j7tvsahgc44tllnk.png" title="wayfinder-icon-transparent" alt="wayfinder-icon-transparent" loading="lazy" /> </div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-b2c2544 e-con-full e-flex e-con e-child" data-id="b2c2544" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-89bd808 elementor-widget elementor-widget-heading" data-id="89bd808" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h3 class="elementor-heading-title elementor-size-default">Apica Wayfinder</h3> </div>
</div>
<div class="elementor-element elementor-element-92ecd3d elementor-widget elementor-widget-text-editor" data-id="92ecd3d" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>Test-Data Engine</p> </div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-725b113 elementor-widget elementor-widget-text-editor" data-id="725b113" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
Provision right-sized, compliant test data on demand for agentic journeys. </div>
</div>
<div class="elementor-element elementor-element-bb60a7c apica-explore-link elementor-widget elementor-widget-button" data-id="bb60a7c" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<div class="elementor-widget-container">
<div class="elementor-button-wrapper">
<a class="elementor-button elementor-size-sm" role="button">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<i aria-hidden="true" class="fas fa-long-arrow-alt-right"></i> </span>
<span class="elementor-button-text">Explore Apica Wayfinder</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-dd9efa6 e-con-full v5-grain e-flex e-con e-parent" data-id="dd9efa6" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-d16fc5e e-flex e-con-boxed e-con e-child" data-id="d16fc5e" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div class="e-con-inner">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-1b4ed46 v5-reveal e-flex e-con-boxed e-con e-child" data-id="1b4ed46" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-cca2db0 elementor-widget elementor-widget-heading" data-id="cca2db0" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<span class="elementor-heading-title elementor-size-default">Perfect For:</span> </div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-e42bb16 e-con-full e-flex e-con e-child" data-id="e42bb16" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-b44e285 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="b44e285" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
<div class="elementor-widget-container">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<span class="elementor-icon-list-icon">
<i aria-hidden="true" class="fas fa-check"></i> </span>
<span class="elementor-icon-list-text">Enterprise teams drowning in telemetry costs from Splunk, Datadog, or Dynatrace</span>
</li>
</ul>
</div>
</div>
<div class="elementor-element elementor-element-cbe31e1 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="cbe31e1" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
<div class="elementor-widget-container">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<span class="elementor-icon-list-icon">
<i aria-hidden="true" class="fas fa-check"></i> </span>
<span class="elementor-icon-list-text">Organizations with compliance or audit requirements where zero data loss is mandatory</span>
</li>
</ul>
</div>
</div>
<div class="elementor-element elementor-element-4dc452f elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="4dc452f" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
<div class="elementor-widget-container">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<span class="elementor-icon-list-icon">
<i aria-hidden="true" class="fas fa-check"></i> </span>
<span class="elementor-icon-list-text">Engineering teams building agentic AI systems that need real-time, clean telemetry</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-5037511 e-con-full e-flex e-con e-parent" data-id="5037511" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-b964fce e-flex e-con-boxed e-con e-child" data-id="b964fce" data-element_type="container" data-e-type="container" id="sl-inner" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div class="e-con-inner">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-db0d59f e-con-full v5-reveal e-flex e-con e-child" data-id="db0d59f" data-element_type="container" data-e-type="container" id="sl-stacked" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-8977945 e-con-full v5-reveal e-flex e-con e-child" data-id="8977945" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-408b1f0 elementor-widget elementor-widget-text-editor" data-id="408b1f0" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<span class="apica-label-tag">The Real Shift Left</span> </div>
</div>
<div class="elementor-element elementor-element-6093319 elementor-widget elementor-widget-heading" data-id="6093319" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">Your Pipeline Becomes the Brainstem</h2> </div>
</div>
<div class="elementor-element elementor-element-9b5c10f elementor-widget elementor-widget-text-editor" data-id="9b5c10f" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
Real intelligence isn&#8217;t in your platform UI. It&#8217;s in your configs, CMDB, runbooks, and post-mortems. With Apica, enrich context at collection, govern routing by business value, and enable instant &#8220;time-travel&#8221; replay before indexing and without storage tax. </div>
</div>
</div>
<div class="elementor-element elementor-element-2997580 elementor-widget elementor-widget-image" data-id="2997580" data-element_type="widget" data-e-type="widget" id="sl-image" data-widget_type="image.default">
<div class="elementor-widget-container">
<img decoding="async" width="900" height="563" src="https://www.apica.io/wp-content/uploads/2026/04/Apica-Platform-rev-E.01-Light-1024x640.webp" class="attachment-large size-large wp-image-85233" alt="" srcset="https://www.apica.io/wp-content/uploads/2026/04/Apica-Platform-rev-E.01-Light-1024x640.webp 1024w, https://www.apica.io/wp-content/uploads/2026/04/Apica-Platform-rev-E.01-Light-300x188.webp 300w, https://www.apica.io/wp-content/uploads/2026/04/Apica-Platform-rev-E.01-Light-768x480.webp 768w, https://www.apica.io/wp-content/uploads/2026/04/Apica-Platform-rev-E.01-Light-1536x960.webp 1536w, https://www.apica.io/wp-content/uploads/2026/04/Apica-Platform-rev-E.01-Light.webp 1920w" sizes="(max-width: 900px) 100vw, 900px" /> </div>
</div>
</div>
</div>
</div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-1419575 e-con-full e-flex e-con e-parent" data-id="1419575" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-52bfe07 e-con-full v5-reveal e-flex e-con e-child" data-id="52bfe07" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-f5cca7a elementor-widget elementor-widget-text-editor" data-id="f5cca7a" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<span class="apica-label-tag">Why Now</span> </div>
</div>
<div class="elementor-element elementor-element-1f40d8f elementor-widget elementor-widget-heading" data-id="1f40d8f" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">The Telemetry Data Problem Is Accelerating</h2> </div>
</div>
<div class="elementor-element elementor-element-94fb32a elementor-widget elementor-widget-text-editor" data-id="94fb32a" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>Every enterprise technology leader faces the same challenge: costs outpacing budgets, with AI making it exponentially worse.</p> </div>
</div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-a795fb6 e-flex e-con-boxed e-con e-child" data-id="a795fb6" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-3d000e8 e-con-full apica-card-hover v5-reveal e-flex e-con e-child" data-id="3d000e8" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div class="elementor-element elementor-element-ea9809a elementor-widget elementor-widget-text-editor" data-id="ea9809a" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>01 — Driver</p> </div>
</div>
<div class="elementor-element elementor-element-d5fce41 elementor-widget elementor-widget-heading" data-id="d5fce41" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h3 class="elementor-heading-title elementor-size-default">AI Adoption</h3> </div>
</div>
<div class="elementor-element elementor-element-9c2b875 elementor-widget elementor-widget-text-editor" data-id="9c2b875" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
Production AI agents generate 10-100x more telemetry than POCs. Most enterprises haven&#8217;t budgeted for this reality. </div>
</div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-aff9dee e-con-full apica-card-hover v5-reveal v5-reveal-d1 e-flex e-con e-child" data-id="aff9dee" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div class="elementor-element elementor-element-80def73 elementor-widget elementor-widget-text-editor" data-id="80def73" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>02 — Driver</p> </div>
</div>
<div class="elementor-element elementor-element-e4b0d3d elementor-widget elementor-widget-heading" data-id="e4b0d3d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h3 class="elementor-heading-title elementor-size-default">Cloud Modernization</h3> </div>
</div>
<div class="elementor-element elementor-element-0ed59b1 elementor-widget elementor-widget-text-editor" data-id="0ed59b1" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
Kubernetes and microservices multiply telemetry sources exponentially. Traditional tools weren&#8217;t designed for this cardinality. </div>
</div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-868df3c e-con-full apica-card-hover v5-reveal v5-reveal-d2 e-flex e-con e-child" data-id="868df3c" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div class="elementor-element elementor-element-8e2633c elementor-widget elementor-widget-text-editor" data-id="8e2633c" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>03 — Driver</p> </div>
</div>
<div class="elementor-element elementor-element-6e2d217 elementor-widget elementor-widget-heading" data-id="6e2d217" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h3 class="elementor-heading-title elementor-size-default">
Compliance Requirements</h3> </div>
</div>
<div class="elementor-element elementor-element-b0d3e19 elementor-widget elementor-widget-text-editor" data-id="b0d3e19" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
Regulations demanding complete data retention conflict with platform pricing. The cost of compliance is becoming prohibitive. </div>
</div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-e54067e e-con-full apica-card-hover v5-reveal v5-reveal-d3 e-flex e-con e-child" data-id="e54067e" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div class="elementor-element elementor-element-c4d2d1d elementor-widget elementor-widget-text-editor" data-id="c4d2d1d" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>04 — Driver</p> </div>
</div>
<div class="elementor-element elementor-element-6964d9d elementor-widget elementor-widget-heading" data-id="6964d9d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h3 class="elementor-heading-title elementor-size-default">Market Maturity</h3> </div>
</div>
<div class="elementor-element elementor-element-3c78e71 elementor-widget elementor-widget-text-editor" data-id="3c78e71" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
CIOs and CTOs with large observability spend are reevaluating their entire approach based on cost of operations. </div>
</div>
</div>
</div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-6df78e7 e-con-full apica-quote-bar v5-glow-purple v5-reveal e-flex e-con e-child" data-id="6df78e7" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div class="elementor-element elementor-element-824f70e elementor-widget elementor-widget-text-editor" data-id="824f70e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
&#8220;This is the tip of the iceberg. Organizations experimenting with AI agents today haven&#8217;t felt the full growth and cost impact yet. But it’s coming, which is why you need to make the right architectural choices before your AI-driven telemetry and costs explode.&#8221; </div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-9b4d728 e-con-full e-flex e-con e-child" data-id="9b4d728" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-0c07eda elementor-widget elementor-widget-image" data-id="0c07eda" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
<div class="elementor-widget-container">
<img loading="lazy" decoding="async" width="540" height="540" src="https://www.apica.io/wp-content/uploads/2025/08/Mathias.png" class="attachment-large size-large wp-image-84079" alt="" srcset="https://www.apica.io/wp-content/uploads/2025/08/Mathias.png 540w, https://www.apica.io/wp-content/uploads/2025/08/Mathias-300x300.png 300w, https://www.apica.io/wp-content/uploads/2025/08/Mathias-150x150.png 150w" sizes="(max-width: 540px) 100vw, 540px" /> </div>
</div>
<div class="elementor-element elementor-element-bcdc949 elementor-widget elementor-widget-text-editor" data-id="bcdc949" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<span style="font-size: 0.9rem; font-weight: bold; color: #0f1c2a; display: block;">Mathias Thomsen</span>
CEO, Apica </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="site-footer">
<footer data-elementor-type="footer" data-elementor-id="84758" class="elementor elementor-84758 elementor-location-footer" data-elementor-post-type="elementor_library">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-6d2c2e6 e-con-full v5-grain e-flex e-con e-parent" data-id="6d2c2e6" data-element_type="container" data-e-type="container">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-ce0450c e-con-full e-flex e-con e-child" data-id="ce0450c" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-f41dbd6 v5-reveal elementor-widget elementor-widget-text-editor" data-id="f41dbd6" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p><span class="apica-label-tag-on-purple">Get Started</span></p> </div>
</div>
<div class="elementor-element elementor-element-6ad0178 v5-reveal v5-reveal-d1 elementor-widget elementor-widget-heading" data-id="6ad0178" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">Choose How to Get Started</h2> </div>
</div>
<div class="elementor-element elementor-element-3e0f968 v5-reveal v5-reveal-d2 elementor-widget elementor-widget-text-editor" data-id="3e0f968" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>See how Apica reduces observability costs by up to 40% while enabling AI-scale architectures.</p> </div>
</div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-6203d9a e-flex e-con-boxed e-con e-child" data-id="6203d9a" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div data-eael-wrapper-link="{&quot;url&quot;:&quot;\/request-demo&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;}" class="eael-non-traditional-link elementor-element elementor-element-441b6bd e-con-full e-flex e-con e-child" data-particle_enable="false" data-particle-mobile-disabled="false" data-id="441b6bd" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div class="elementor-element elementor-element-0cbcc67 elementor-widget elementor-widget-heading" data-id="0cbcc67" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h3 class="elementor-heading-title elementor-size-default"><em style="font-style:normal;color:#f06311">See</em> Apica</h3> </div>
</div>
<div class="elementor-element elementor-element-5b30c52 elementor-widget elementor-widget-text-editor" data-id="5b30c52" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
Talk to our team and see how Apica fits your infrastructure and budget. </div>
</div>
<div class="elementor-element elementor-element-7f11e1f elementor-widget elementor-widget-button" data-id="7f11e1f" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<div class="elementor-widget-container">
<div class="elementor-button-wrapper">
<a class="elementor-button elementor-button-link elementor-size-sm" href="/request-demo">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<i aria-hidden="true" class="fas fa-long-arrow-alt-right"></i> </span>
<span class="elementor-button-text">Schedule a Demo</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div data-eael-wrapper-link="{&quot;url&quot;:&quot;\/roi-calculator&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;}" class="eael-non-traditional-link elementor-element elementor-element-7dc4bec e-con-full e-flex e-con e-child" data-particle_enable="false" data-particle-mobile-disabled="false" data-id="7dc4bec" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div class="elementor-element elementor-element-467a697 elementor-widget elementor-widget-heading" data-id="467a697" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h3 class="elementor-heading-title elementor-size-default"><em style="font-style:normal;color:#f06311">Calculate</em> Savings</h3> </div>
</div>
<div class="elementor-element elementor-element-1130f39 elementor-widget elementor-widget-text-editor" data-id="1130f39" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
Run the numbers on your current observability spend and see the impact. </div>
</div>
<div class="elementor-element elementor-element-d0b9aa0 elementor-widget elementor-widget-button" data-id="d0b9aa0" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<div class="elementor-widget-container">
<div class="elementor-button-wrapper">
<a class="elementor-button elementor-button-link elementor-size-sm" href="/roi-calculator">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<i aria-hidden="true" class="fas fa-long-arrow-alt-right"></i> </span>
<span class="elementor-button-text">ROI Calculator</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div data-eael-wrapper-link="{&quot;url&quot;:&quot;\/ascent-guided-tour&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;}" class="eael-non-traditional-link elementor-element elementor-element-4c38eeb e-con-full e-flex e-con e-child" data-particle_enable="false" data-particle-mobile-disabled="false" data-id="4c38eeb" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div class="elementor-element elementor-element-870c87f elementor-widget elementor-widget-heading" data-id="870c87f" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h3 class="elementor-heading-title elementor-size-default"><em style="font-style:normal;color:#f06311">Explore</em> the Product Suite</h3> </div>
</div>
<div class="elementor-element elementor-element-4abaae2 elementor-widget elementor-widget-text-editor" data-id="4abaae2" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
Take a self-guided tour of Flow, Lake, Observe, and the full Ascent Product Suite. </div>
</div>
<div class="elementor-element elementor-element-4bbf952 elementor-widget elementor-widget-button" data-id="4bbf952" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<div class="elementor-widget-container">
<div class="elementor-button-wrapper">
<a class="elementor-button elementor-button-link elementor-size-sm" href="/ascent-guided-tour">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<i aria-hidden="true" class="fas fa-long-arrow-alt-right"></i> </span>
<span class="elementor-button-text">See How It Works</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-cafb462 e-con-full v5-grain e-flex e-con e-parent" data-id="cafb462" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-df9c3b8 e-con-full e-flex e-con e-child" data-id="df9c3b8" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-6b733ca e-con-full e-flex e-con e-child" data-id="6b733ca" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-58d78c2 e-flex e-con-boxed e-con e-child" data-id="58d78c2" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-1a4cfd5 e-con-full e-flex e-con e-child" data-id="1a4cfd5" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-ff92180 elementor-widget elementor-widget-image" data-id="ff92180" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
<div class="elementor-widget-container">
<img width="900" height="272" src="https://www.apica.io/wp-content/uploads/2026/03/Apica-logo-white-black-1024x310.png" class="attachment-large size-large wp-image-84761" alt="" srcset="https://www.apica.io/wp-content/uploads/2026/03/Apica-logo-white-black-1024x310.png 1024w, https://www.apica.io/wp-content/uploads/2026/03/Apica-logo-white-black-300x91.png 300w, https://www.apica.io/wp-content/uploads/2026/03/Apica-logo-white-black-768x233.png 768w, https://www.apica.io/wp-content/uploads/2026/03/Apica-logo-white-black-1536x465.png 1536w, https://www.apica.io/wp-content/uploads/2026/03/Apica-logo-white-black-2048x621.png 2048w" sizes="(max-width: 900px) 100vw, 900px" /> </div>
</div>
<div class="elementor-element elementor-element-568ca0f elementor-widget elementor-widget-text-editor" data-id="568ca0f" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p style="margin-bottom: 0;">Unified observability for modern infrastructure. Maximum flexibility and visibility, minimum cost per insight.</p> </div>
</div>
<div class="elementor-element elementor-element-4d7e56c elementor-shape-rounded elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons" data-id="4d7e56c" data-element_type="widget" data-e-type="widget" data-widget_type="social-icons.default">
<div class="elementor-widget-container">
<div class="elementor-social-icons-wrapper elementor-grid" role="list">
<span class="elementor-grid-item" role="listitem">
<a class="elementor-icon elementor-social-icon elementor-social-icon-x-twitter elementor-repeater-item-160f4ae" href="https://twitter.com/apicaio" target="_blank">
<span class="elementor-screen-only">X-twitter</span>
<i aria-hidden="true" class="fab fa-x-twitter"></i> </a>
</span>
<span class="elementor-grid-item" role="listitem">
<a class="elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-repeater-item-350ca9e" href="https://www.linkedin.com/company/apica-ab" target="_blank">
<span class="elementor-screen-only">Linkedin</span>
<i aria-hidden="true" class="fab fa-linkedin"></i> </a>
</span>
</div>
</div>
</div>
<div class="elementor-element elementor-element-814d17e elementor-widget elementor-widget-html" data-id="814d17e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
<div class="elementor-widget-container">
<div style="display:inline-flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;font-size:11px;color:rgba(255,255,255,0.4);line-height:1.3;font-family:'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;">
<div>
<span style="font-weight:600;color:rgba(255,255,255,0.7);display:block;font-size:12px;">Gartner&reg; </span>
Magic Quadrant&trade; for Observability Platforms, 2025 & 2026
</div>
</div> </div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-118b9c7 e-con-full e-flex e-con e-child" data-id="118b9c7" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-8e7b154 elementor-widget elementor-widget-text-editor" data-id="8e7b154" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<div class="footer-col-title">Subscribe to the Apica Ascent Newsletter</div>
<p style="margin-bottom: 0;">Stay current with agentic AI and observability trends with this fun monthly newsletter. Memes included.</p> </div>
</div>
<div class="elementor-element elementor-element-4b68520 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="4b68520" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
<div class="elementor-widget-container">
<iframe
class="nl-iframe"
data-source="footer"
data-nl-src="https://marketing.apica.io/l/1055873/2024-10-22/2tlv5"
scrolling="no"
height="160"
></iframe>
<a href="/contact" style="display:inline-block;margin-top:12px;font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;color:rgba(255, 255, 255, 0.4);text-decoration:none;">Contact Sales →</a> </div>
</div>
</div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-23f501d e-con-full e-flex e-con e-child" data-id="23f501d" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-61c29fb elementor-widget elementor-widget-html" data-id="61c29fb" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
<div class="elementor-widget-container">
<div class="footer-links-col">
<div class="footer-col-title">Products</div>
<div class="footer-section-label">Core Products</div>
<a href="/flow">Apica Flow <span class="footer-badge-hot">Hot</span></a>
<a href="/lake">Apica Lake</a>
<a href="/observe">Apica Observe</a>
<a href="/fleet">Apica Fleet</a>
<a href="/forge">Apica Forge</a>
<a href="/vanguard">Apica Vanguard</a>
<a href="/wayfinder">Apica Wayfinder</a>
<div class="footer-section-label">Capabilities</div>
<a href="/integrations/">Integrations</a>
<a href="/security/">Security</a>
<a href="/vanguard-advanced-scripting-engine-for-agentic-ai/">Vanguard's Advanced Scripting Engine for Agentic AI <span class="footer-badge-new">New</span></a>
<a href="/instastore/">InstaStore&trade;</a>
</div> </div>
</div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-d342560 e-con-full e-flex e-con e-child" data-id="d342560" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-7dbbe72 elementor-widget elementor-widget-html" data-id="7dbbe72" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
<div class="elementor-widget-container">
<div class="footer-links-col">
<div class="footer-col-title">Solutions</div>
<div class="footer-section-label">By Use Case</div>
<a href="/cost-savings/">Cost Savings</a>
<a href="/vanguard-advanced-scripting-engine-for-agentic-ai/">Synthetic Monitoring for Agentic AI <span class="footer-badge-new">New</span></a>
<a href="/incident-resolution-and-site-reliability/">Incident Resolution</a>
<a href="/ai-llm-observability/">AI &amp; LLM Observability <span class="footer-badge-hot">Hot</span></a>
<a href="/modern-infrastructure-observability/">Modern Infrastructure</a>
<a href="/compliance-and-security/">Compliance &amp; Security</a>
<a href="/cloud-migration/">Cloud Migration</a>
<a href="/high-cardinality-metrics-at-scale/">High-Cardinality Metrics</a>
<a href="/agent-ready-pre-production-test-data-management/">Pre-Production Test Data</a>
<a href="/digital-experience-monitoring-proactive-detection/">Digital Experience Monitoring</a>
<div class="footer-section-label">By Industry</div>
<a href="/banking-and-finance/">Banking &amp; Finance</a>
<a href="/government/">Government</a>
<a href="/healthcare/">Healthcare</a>
<a href="/manufacturing/">Manufacturing</a>
<a href="/media-and-entertainment/">Media &amp; Entertainment</a>
<a href="/retail/">Retail</a>
</div> </div>
</div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-af3180a e-con-full e-flex e-con e-child" data-id="af3180a" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-2986ebc elementor-widget elementor-widget-html" data-id="2986ebc" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
<div class="elementor-widget-container">
<div class="footer-links-col">
<div class="footer-col-title">Resources</div>
<a href="/resources/">Resource Center</a>
<a href="/blog/">Blog</a>
<a href="/events/">Events &amp; Webinars</a>
<a href="/videos/">Videos</a>
<div class="footer-section-label">Deep Dive</div>
<a href="/resources/#product-datasheets">Product Datasheets</a>
<a href="/resources/#integration-briefs">Integration &amp; Tech Briefs</a>
<a href="/resources/#whitepapers">Whitepapers</a>
<a href="/resources/#case-studies">Case Studies</a>
<div class="footer-section-label">Developers</div>
<a href="https://docs.apica.io">Documentation</a>
<a href="https://api-docs.apica.io">API Docs</a>
</div> </div>
</div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-7a18f69 e-con-full e-flex e-con e-child" data-id="7a18f69" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-6870637 elementor-widget elementor-widget-html" data-id="6870637" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
<div class="elementor-widget-container">
<div class="footer-links-col">
<div class="footer-col-title">Company</div>
<a href="/about-apica/">About</a>
<a href="/leadership/">Leadership</a>
<a href="/partners/">Partners</a>
<a href="/careers/">Careers</a>
<a href="/news/">News</a>
<a href="/contact/">Contact</a>
<div class="footer-col-title" style="margin-top:24px;">Get Started</div>
<a href="/freemium">Try Free, No Risk</a>
<a href="/ascent-guided-tour/">Guided Tour</a>
<a href="/request-demo">Schedule a Demo</a>
<a href="/roi-calculator/">ROI Calculator</a>
</div> </div>
</div>
</div>
</div>
</div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-1169bb9 e-con-full e-flex e-con e-child" data-id="1169bb9" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
<div class="elementor-element elementor-element-063a689 elementor-widget__width-inherit elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor" data-id="063a689" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<div>©2026 Apica. All rights reserved.</div> </div>
</div>
<div class="elementor-element elementor-element-132b09b elementor-widget__width-inherit elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor" data-id="132b09b" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<div><p><a href="https://www.apica.io/policy/privacy">Privacy Policy</a><span class="copyright-separator">|</span><a href="https://www.apica.io/policy/cookies/?cmplz_region_redirect=true">Cookie Policy</a><span class="copyright-separator">|</span><a href="https://www.apica.io/policy/terms">Terms &amp; Conditions</a><span class="copyright-separator">|</span><a href="https://www.apica.io/policy/ai">AI Policy</a><span class="copyright-separator">|</span><a href="https://www.apica.io/wp-content/uploads/2026/06/Apica_ESG_Report_2026.pdf">ESG Report</a><span class="copyright-separator">|</span><a href="https://www.apica.io/policy/imprint">Imprint</a><span class="copyright-separator">|</span><a href="https://www.apica.io/policy/do-not-sell">Do Not Sell or Share My Personal Information</a></p></div> </div>
</div>
</div>
</div>
<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-194637d e-flex e-con-boxed e-con e-parent" data-id="194637d" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-130ae17 elementor-widget elementor-widget-html" data-id="130ae17" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
<div class="elementor-widget-container">
<div class="vid-scrim" id="vidScrim" aria-hidden="true"></div>
<div class="vid-modal" id="vidModal" role="dialog" aria-modal="true"
aria-labelledby="vidModalTitle" inert>
<div class="vid-modal-bar">
<!-- Populated from the trigger's data-title at open time.
Visually hidden: the video's own title card says this
within two seconds, so showing it in chrome as well says
it twice. It exists so the dialog has an accessible name
matching what was clicked. -->
<span class="vid-sr" id="vidModalTitle">Video</span>
<button class="vid-close" id="vidClose" type="button" aria-label="Close video">
<i class="fas fa-times" aria-hidden="true"></i>
</button>
</div>
<!-- The 16:9 box is sized in CSS and never by the iframe, so the
player drops into space that already exists. Nothing shifts. -->
<div class="vid-frame" id="vidFrame"></div>
</div>
<script type="text/plain" data-service="youtube" data-category="marketing">
(function () {
function init() {
// Guard against a double paste. Two copies would bind two sets of
// listeners to the same first-in-DOM nodes, so one click would open
// and immediately close.
if (window.__apicaVidModalInit) return;
window.__apicaVidModalInit = true;
var modal = document.getElementById('vidModal');
var scrim = document.getElementById('vidScrim');
var frame = document.getElementById('vidFrame');
var closeB = document.getElementById('vidClose');
var titleE = document.getElementById('vidModalTitle');
var hasModal = !!(modal && scrim && frame && closeB);
// PORTAL. This widget lives inside the Elementor footer, and the
// site's own CSS gives several chrome elements position:relative
// plus a z-index, each of which creates a stacking context that
// traps everything inside it regardless of the child's own z-index.
// Moving both nodes to <body> lets their z-index compete at the
// document root. Listeners survive the move.
if (hasModal) {
if (scrim.parentElement !== document.body) document.body.appendChild(scrim);
if (modal.parentElement !== document.body) document.body.appendChild(modal);
}
var lastFocus = null;
var preconnected = false;
// Preconnect on first hover, touch or focus rather than on load.
// Buys roughly a round trip on the click without spending a
// connection on visitors who never press play.
function preconnect() {
if (preconnected) return;
preconnected = true;
['https://www.youtube-nocookie.com', 'https://www.google.com']
.forEach(function (href) {
var l = document.createElement('link');
l.rel = 'preconnect'; l.href = href; l.crossOrigin = '';
document.head.appendChild(l);
});
}
function buildSrc(id) {
// youtube-nocookie, not youtube.com. Complianz classifies the
// standard youtube.com embed as marketing and blocks it outright
// for anyone who declined. nocookie is the host you register as
// the allowed service. Do not swap this back to make a test pass.
var p = [
'autoplay=1', // safe: the click is the user gesture
'playsinline=1', // iOS goes fullscreen without this
'rel=0',
'modestbranding=1',
'cc_load_policy=1', // captions on by default. Only does anything
// if the video has a real uploaded track —
// auto-captions mangle product terms.
'hl=en',
'enablejsapi=1', // GA4 enhanced measurement needs this for
// video_start / video_progress / video_complete
'origin=' + encodeURIComponent(location.origin)
].join('&');
return 'https://www.youtube-nocookie.com/embed/' + encodeURIComponent(id) + '?' + p;
}
function track(trigger, id, mode) {
// video_placement is the parameter GA4 cannot give you. Its own
// video events carry title and URL but have no idea where on the
// page the player was, which on a multi-facade page is the whole
// question. Register it as a custom dimension or it will not show
// up in reports. See §8 of the build guide.
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event: 'apica_video_open',
video_title: trigger.getAttribute('data-title') || '',
video_placement: trigger.getAttribute('data-placement') || '',
video_id: id,
video_mode: mode // 'modal' or 'fallback_newtab'
});
}
function open(trigger) {
var id = trigger.getAttribute('data-yt');
if (!id || id.indexOf('YOUTUBE_ID_') === 0) {
// Placeholder never replaced. Fail loudly in the console rather
// than opening an empty black box on a live page.
console.warn('[apica-video] data-yt is still a placeholder:', id);
return;
}
// FALLBACK. A facade can end up on a page whose footer template
// does not carry the modal — a landing page on its own template,
// most likely. Opening YouTube in a new tab is a worse experience
// than the modal but far better than a button that does nothing,
// and the tracking still fires so the gap is visible in GA4 rather
// than silently eating plays.
if (!hasModal) {
console.warn('[apica-video] modal not found on this page; ' +
'add Part 1 to this page\'s footer template.');
window.open('https://www.youtube.com/watch?v=' + encodeURIComponent(id),
'_blank', 'noopener');
track(trigger, id, 'fallback_newtab');
return;
}
lastFocus = document.activeElement;
titleE.textContent = trigger.getAttribute('data-title') || 'Video';
var iframe = document.createElement('iframe');
iframe.src = buildSrc(id);
iframe.title = trigger.getAttribute('data-title') || 'Video';
iframe.setAttribute('frameborder', '0');
iframe.setAttribute('allow',
'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share');
iframe.setAttribute('allowfullscreen', '');
iframe.setAttribute('referrerpolicy', 'strict-origin-when-cross-origin');
frame.appendChild(iframe);
document.body.classList.add('vid-open');
modal.removeAttribute('inert');
scrim.setAttribute('aria-hidden', 'false');
setTimeout(function () { closeB.focus(); }, 120);
track(trigger, id, 'modal');
}
function close() {
if (!hasModal) return;
document.body.classList.remove('vid-open');
modal.setAttribute('inert', '');
scrim.setAttribute('aria-hidden', 'true');
// DESTROY THE IFRAME. Do not just hide the modal.
//
// A hidden iframe keeps playing. The symptom is a voice narrating
// from an apparently empty page, and it is the single most common
// bug in hand-rolled video modals. Clearing src before removing
// the node stops the media immediately rather than whenever
// garbage collection gets to it.
var f = frame.querySelector('iframe');
if (f) { f.src = 'about:blank'; }
frame.textContent = '';
if (lastFocus && lastFocus.focus) lastFocus.focus();
}
// Delegated. Works for every facade on the page and for any added
// later without touching this script.
document.addEventListener('click', function (e) {
var t = e.target.closest ? e.target.closest('.vid-trigger') : null;
if (!t) return;
e.preventDefault();
open(t);
});
['mouseover', 'touchstart', 'focusin'].forEach(function (evt) {
document.addEventListener(evt, function (e) {
if (e.target.closest && e.target.closest('.vid-trigger')) preconnect();
}, { passive: true });
});
if (!hasModal) return;
closeB.addEventListener('click', close);
scrim.addEventListener('click', close);
document.addEventListener('keydown', function (e) {
if (!document.body.classList.contains('vid-open')) return;
if (e.key === 'Escape') { e.preventDefault(); close(); return; }
// Focus trap. Without it Tab walks out of the modal into the page
// behind the scrim, which is dimmed and unusable.
//
// The iframe is deliberately excluded from the cycle. Once focus
// is inside a cross-origin iframe the parent stops receiving
// keydown, so Tab and Esc both die and the mouse is the only way
// out. Cycling back to the close button keeps Esc working.
if (e.key === 'Tab') {
e.preventDefault();
closeB.focus();
}
});
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
init();
}
})();
</script> </div>
</div>
</div>
</div>
</footer>
</div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/generatepress_child/*","/wp-content/themes/generatepress/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script type="text/javascript">
let saswpStarColor = "#000";
if (typeof jQuery !== 'undefined') {
jQuery('.saswp_star_color .saswp_star').attr('stop-color', saswpStarColor);
} else {
const stars = document.querySelectorAll('.saswp_star_color .saswp_star');
stars.forEach(star => star.setAttribute('stop-color', saswpStarColor));
}
</script>
<script type="text/javascript">
var _paq = _paq || [];
_paq.push(['trackPageView']);
(function () {
var u = "https://analytics3.wpmudev.com/";
_paq.push(['setTrackerUrl', u + 'track/']);
_paq.push(['setSiteId', '6404']);
var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
g.type = 'text/javascript';
g.async = true;
g.defer = true;
g.src = 'https://analytics.wpmucdn.com/matomo.js';
s.parentNode.insertBefore(g, s);
})();
</script>
<!-- Consent Management powered by Complianz | GDPR/CCPA Cookie Consent https://wordpress.org/plugins/complianz-gdpr -->
<div id="cmplz-cookiebanner-container"><div id="cmplz-cookiebanner-1-optin" class="cmplz-cookiebanner cmplz-hidden banner-1 banner-a optin cmplz-bottom cmplz-categories-type-view-preferences" aria-modal="true" data-nosnippet="true" role="dialog" aria-live="polite" aria-labelledby="cmplz-header-1-optin" aria-describedby="cmplz-message-1-optin">
<div class="cmplz-header">
<div class="cmplz-logo"><img width="2560" height="776" src="https://www.apica.io/wp-content/uploads/2026/03/Apica-logo-white-black-scaled.png" class="attachment-cmplz_banner_image size-cmplz_banner_image" alt="Apica" decoding="async" srcset="https://www.apica.io/wp-content/uploads/2026/03/Apica-logo-white-black-scaled.png 2560w, https://www.apica.io/wp-content/uploads/2026/03/Apica-logo-white-black-300x91.png 300w, https://www.apica.io/wp-content/uploads/2026/03/Apica-logo-white-black-1024x310.png 1024w, https://www.apica.io/wp-content/uploads/2026/03/Apica-logo-white-black-768x233.png 768w, https://www.apica.io/wp-content/uploads/2026/03/Apica-logo-white-black-1536x465.png 1536w, https://www.apica.io/wp-content/uploads/2026/03/Apica-logo-white-black-2048x621.png 2048w" sizes="(max-width: 2560px) 100vw, 2560px" /></div>
<div class="cmplz-title" id="cmplz-header-1-optin">Manage Consent</div>
<div class="cmplz-close" tabindex="0" role="button" aria-label="Close dialog">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg>
</div>
</div>
<div class="cmplz-divider cmplz-divider-header"></div>
<div class="cmplz-body">
<div class="cmplz-message" id="cmplz-message-1-optin"><p>We use cookies and similar technologies to improve site performance, understand how visitors use our site, and support our marketing. You can accept all cookies, deny non-essential cookies, or manage your preferences.</p></div>
<!-- categories start -->
<div class="cmplz-categories">
<div class="cmplz-category cmplz-functional">
<div class="cmplz-category-header">
<span class="cmplz-category-title" id="cmplz-title-functional-1-optin">Functional</span>
<span class='cmplz-always-active'>
<span class="cmplz-banner-checkbox">
<input type="checkbox"
id="cmplz-functional-optin"
data-category="cmplz_functional"
class="cmplz-consent-checkbox cmplz-functional"
size="40"
value="1"/>
<label class="cmplz-label" for="cmplz-functional-optin"><span class="screen-reader-text">Functional</span></label>
</span>
Always active </span>
<button class="cmplz-category-toggle"
aria-expanded="false"
aria-controls="cmplz-desc-functional-1-optin"
aria-labelledby="cmplz-title-functional-1-optin">
<span class="cmplz-icon cmplz-open">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18"><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
</span>
</button>
</div>
<div class="cmplz-description" id="cmplz-desc-functional-1-optin" hidden>
<span class="cmplz-description-functional">The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.</span>
</div>
</div>
<div class="cmplz-category cmplz-preferences">
<div class="cmplz-category-header">
<span class="cmplz-category-title" id="cmplz-title-preferences-1-optin">Preferences</span>
<span class="cmplz-banner-checkbox">
<input type="checkbox"
id="cmplz-preferences-optin"
data-category="cmplz_preferences"
class="cmplz-consent-checkbox cmplz-preferences"
size="40"
value="1"/>
<label class="cmplz-label" for="cmplz-preferences-optin"><span class="screen-reader-text">Preferences</span></label>
</span>
<button class="cmplz-category-toggle"
aria-expanded="false"
aria-controls="cmplz-desc-preferences-1-optin"
aria-labelledby="cmplz-title-preferences-1-optin">
<span class="cmplz-icon cmplz-open">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18"><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
</span>
</button>
</div>
<div class="cmplz-description" id="cmplz-desc-preferences-1-optin" hidden>
<span class="cmplz-description-preferences">The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.</span>
</div>
</div>
<div class="cmplz-category cmplz-statistics">
<div class="cmplz-category-header">
<span class="cmplz-category-title" id="cmplz-title-statistics-1-optin">Statistics</span>
<span class="cmplz-banner-checkbox">
<input type="checkbox"
id="cmplz-statistics-optin"
data-category="cmplz_statistics"
class="cmplz-consent-checkbox cmplz-statistics"
size="40"
value="1"/>
<label class="cmplz-label" for="cmplz-statistics-optin"><span class="screen-reader-text">Statistics</span></label>
</span>
<button class="cmplz-category-toggle"
aria-expanded="false"
aria-controls="cmplz-desc-statistics-1-optin"
aria-labelledby="cmplz-title-statistics-1-optin">
<span class="cmplz-icon cmplz-open">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18"><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
</span>
</button>
</div>
<div class="cmplz-description" id="cmplz-desc-statistics-1-optin" hidden>
<span class="cmplz-description-statistics">The technical storage or access that is used exclusively for statistical purposes.</span>
<span class="cmplz-description-statistics-anonymous">The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.</span>
</div>
</div>
<div class="cmplz-category cmplz-marketing">
<div class="cmplz-category-header">
<span class="cmplz-category-title" id="cmplz-title-marketing-1-optin">Marketing</span>
<span class="cmplz-banner-checkbox">
<input type="checkbox"
id="cmplz-marketing-optin"
data-category="cmplz_marketing"
class="cmplz-consent-checkbox cmplz-marketing"
size="40"
value="1"/>
<label class="cmplz-label" for="cmplz-marketing-optin"><span class="screen-reader-text">Marketing</span></label>
</span>
<button class="cmplz-category-toggle"
aria-expanded="false"
aria-controls="cmplz-desc-marketing-1-optin"
aria-labelledby="cmplz-title-marketing-1-optin">
<span class="cmplz-icon cmplz-open">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18"><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
</span>
</button>
</div>
<div class="cmplz-description" id="cmplz-desc-marketing-1-optin" hidden>
<span class="cmplz-description-marketing">The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.</span>
</div>
</div>
</div><!-- categories end -->
</div>
<div class="cmplz-links cmplz-information">
<ul>
<li><a class="cmplz-link cmplz-manage-options cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Manage options</a></li>
<li><a class="cmplz-link cmplz-manage-third-parties cookie-statement" href="#" data-relative_url="#cmplz-cookies-overview">Manage services</a></li>
<li><a class="cmplz-link cmplz-manage-vendors tcf cookie-statement" href="#" data-relative_url="#cmplz-tcf-wrapper">Manage {vendor_count} vendors</a></li>
<li><a class="cmplz-link cmplz-external cmplz-read-more-purposes tcf" target="_blank" rel="noopener noreferrer nofollow" href="https://cookiedatabase.org/tcf/purposes/" aria-label="Read more about TCF purposes on Cookie Database">Read more about these purposes</a></li>
</ul>
</div>
<div class="cmplz-divider cmplz-footer"></div>
<div class="cmplz-buttons">
<button class="cmplz-btn cmplz-accept">Accept</button>
<button class="cmplz-btn cmplz-deny">Deny</button>
<button class="cmplz-btn cmplz-view-preferences">View Preferences</button>
<button class="cmplz-btn cmplz-save-preferences">Save Preferences</button>
<a class="cmplz-btn cmplz-manage-options tcf cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">View Preferences</a>
</div>
<div class="cmplz-documents cmplz-links">
<ul>
<li><a class="cmplz-link cookie-statement" href="#" data-relative_url="">{title}</a></li>
<li><a class="cmplz-link privacy-statement" href="#" data-relative_url="">{title}</a></li>
<li><a class="cmplz-link impressum" href="#" data-relative_url="">{title}</a></li>
</ul>
</div>
</div>
<div id="cmplz-cookiebanner-1-optout" class="cmplz-cookiebanner cmplz-hidden banner-1 banner-a optout cmplz-bottom cmplz-categories-type-view-preferences" aria-modal="true" data-nosnippet="true" role="dialog" aria-live="polite" aria-labelledby="cmplz-header-1-optout" aria-describedby="cmplz-message-1-optout">
<div class="cmplz-header">
<div class="cmplz-logo"><img width="2560" height="776" src="https://www.apica.io/wp-content/uploads/2026/03/Apica-logo-white-black-scaled.png" class="attachment-cmplz_banner_image size-cmplz_banner_image" alt="Apica" decoding="async" srcset="https://www.apica.io/wp-content/uploads/2026/03/Apica-logo-white-black-scaled.png 2560w, https://www.apica.io/wp-content/uploads/2026/03/Apica-logo-white-black-300x91.png 300w, https://www.apica.io/wp-content/uploads/2026/03/Apica-logo-white-black-1024x310.png 1024w, https://www.apica.io/wp-content/uploads/2026/03/Apica-logo-white-black-768x233.png 768w, https://www.apica.io/wp-content/uploads/2026/03/Apica-logo-white-black-1536x465.png 1536w, https://www.apica.io/wp-content/uploads/2026/03/Apica-logo-white-black-2048x621.png 2048w" sizes="(max-width: 2560px) 100vw, 2560px" /></div>
<div class="cmplz-title" id="cmplz-header-1-optout">Manage Consent</div>
<div class="cmplz-close" tabindex="0" role="button" aria-label="Close dialog">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg>
</div>
</div>
<div class="cmplz-divider cmplz-divider-header"></div>
<div class="cmplz-body">
<div class="cmplz-message" id="cmplz-message-1-optout"><p>We use cookies and similar technologies to improve site performance, understand how visitors use our site, and support our marketing. You can accept all cookies, or opt out of the sale or sharing of your personal information through Opt-out preferences below.</p></div>
<!-- categories start -->
<div class="cmplz-categories">
<div class="cmplz-category cmplz-functional">
<div class="cmplz-category-header">
<span class="cmplz-category-title" id="cmplz-title-functional-1-optout">Functional</span>
<span class='cmplz-always-active'>
<span class="cmplz-banner-checkbox">
<input type="checkbox"
id="cmplz-functional-optout"
data-category="cmplz_functional"
class="cmplz-consent-checkbox cmplz-functional"
size="40"
value="1"/>
<label class="cmplz-label" for="cmplz-functional-optout"><span class="screen-reader-text">Functional</span></label>
</span>
Always active </span>
<button class="cmplz-category-toggle"
aria-expanded="false"
aria-controls="cmplz-desc-functional-1-optout"
aria-labelledby="cmplz-title-functional-1-optout">
<span class="cmplz-icon cmplz-open">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18"><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
</span>
</button>
</div>
<div class="cmplz-description" id="cmplz-desc-functional-1-optout" hidden>
<span class="cmplz-description-functional">The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.</span>
</div>
</div>
<div class="cmplz-category cmplz-preferences">
<div class="cmplz-category-header">
<span class="cmplz-category-title" id="cmplz-title-preferences-1-optout">Preferences</span>
<span class="cmplz-banner-checkbox">
<input type="checkbox"
id="cmplz-preferences-optout"
data-category="cmplz_preferences"
class="cmplz-consent-checkbox cmplz-preferences"
size="40"
value="1"/>
<label class="cmplz-label" for="cmplz-preferences-optout"><span class="screen-reader-text">Preferences</span></label>
</span>
<button class="cmplz-category-toggle"
aria-expanded="false"
aria-controls="cmplz-desc-preferences-1-optout"
aria-labelledby="cmplz-title-preferences-1-optout">
<span class="cmplz-icon cmplz-open">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18"><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
</span>
</button>
</div>
<div class="cmplz-description" id="cmplz-desc-preferences-1-optout" hidden>
<span class="cmplz-description-preferences">The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.</span>
</div>
</div>
<div class="cmplz-category cmplz-statistics">
<div class="cmplz-category-header">
<span class="cmplz-category-title" id="cmplz-title-statistics-1-optout">Statistics</span>
<span class="cmplz-banner-checkbox">
<input type="checkbox"
id="cmplz-statistics-optout"
data-category="cmplz_statistics"
class="cmplz-consent-checkbox cmplz-statistics"
size="40"
value="1"/>
<label class="cmplz-label" for="cmplz-statistics-optout"><span class="screen-reader-text">Statistics</span></label>
</span>
<button class="cmplz-category-toggle"
aria-expanded="false"
aria-controls="cmplz-desc-statistics-1-optout"
aria-labelledby="cmplz-title-statistics-1-optout">
<span class="cmplz-icon cmplz-open">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18"><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
</span>
</button>
</div>
<div class="cmplz-description" id="cmplz-desc-statistics-1-optout" hidden>
<span class="cmplz-description-statistics">The technical storage or access that is used exclusively for statistical purposes.</span>
<span class="cmplz-description-statistics-anonymous">The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.</span>
</div>
</div>
<div class="cmplz-category cmplz-marketing">
<div class="cmplz-category-header">
<span class="cmplz-category-title" id="cmplz-title-marketing-1-optout">Marketing</span>
<span class="cmplz-banner-checkbox">
<input type="checkbox"
id="cmplz-marketing-optout"
data-category="cmplz_marketing"
class="cmplz-consent-checkbox cmplz-marketing"
size="40"
value="1"/>
<label class="cmplz-label" for="cmplz-marketing-optout"><span class="screen-reader-text">Marketing</span></label>
</span>
<button class="cmplz-category-toggle"
aria-expanded="false"
aria-controls="cmplz-desc-marketing-1-optout"
aria-labelledby="cmplz-title-marketing-1-optout">
<span class="cmplz-icon cmplz-open">
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18"><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
</span>
</button>
</div>
<div class="cmplz-description" id="cmplz-desc-marketing-1-optout" hidden>
<span class="cmplz-description-marketing">The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.</span>
</div>
</div>
</div><!-- categories end -->
</div>
<div class="cmplz-links cmplz-information">
<ul>
<li><a class="cmplz-link cmplz-manage-options cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Manage options</a></li>
<li><a class="cmplz-link cmplz-manage-third-parties cookie-statement" href="#" data-relative_url="#cmplz-cookies-overview">Manage services</a></li>
<li><a class="cmplz-link cmplz-manage-vendors tcf cookie-statement" href="#" data-relative_url="#cmplz-tcf-wrapper">Manage {vendor_count} vendors</a></li>
<li><a class="cmplz-link cmplz-external cmplz-read-more-purposes tcf" target="_blank" rel="noopener noreferrer nofollow" href="https://cookiedatabase.org/tcf/purposes/" aria-label="Read more about TCF purposes on Cookie Database">Read more about these purposes</a></li>
</ul>
</div>
<div class="cmplz-divider cmplz-footer"></div>
<div class="cmplz-buttons">
<button class="cmplz-btn cmplz-accept">Accept</button>
<button class="cmplz-btn cmplz-deny">Deny</button>
<button class="cmplz-btn cmplz-view-preferences">View Preferences</button>
<button class="cmplz-btn cmplz-save-preferences">Save Preferences</button>
<a class="cmplz-btn cmplz-manage-options tcf cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">View Preferences</a>
</div>
<div class="cmplz-documents cmplz-links">
<ul>
<li><a class="cmplz-link cookie-statement" href="#" data-relative_url="">{title}</a></li>
<li><a class="cmplz-link privacy-statement" href="#" data-relative_url="">{title}</a></li>
<li><a class="cmplz-link impressum" href="#" data-relative_url="">{title}</a></li>
</ul>
</div>
</div>
</div>
<div id="cmplz-manage-consent" data-nosnippet="true"><button class="cmplz-btn cmplz-hidden cmplz-manage-consent manage-consent-1" aria-haspopup="dialog" aria-controls="cmplz-cookiebanner-1-optin">Manage Consent</button>
<button class="cmplz-btn cmplz-hidden cmplz-manage-consent manage-consent-1" aria-haspopup="dialog" aria-controls="cmplz-cookiebanner-1-optout">Manage Consent</button>
</div> <script>
const registerAllyAction = () => {
if ( ! window?.ElementorProFrontendConfig || ! window?.elementorFrontend?.utils?.urlActions ) {
return;
}
elementorFrontend.utils.urlActions.addAction( 'allyWidget:open', () => {
if (window?.ea11yWidget?.widget?.open) {
return window.ea11yWidget.widget.isOpen()
? window.ea11yWidget.widget.close()
: window.ea11yWidget.widget.open();
}
} );
};
const waitingLimit = 30;
let retryCounter = 0;
const waitForElementorPro = () => {
return new Promise( ( resolve ) => {
const intervalId = setInterval( () => {
if ( retryCounter === waitingLimit ) {
resolve( null );
}
retryCounter++;
if ( window.elementorFrontend && window?.elementorFrontend?.utils?.urlActions ) {
clearInterval( intervalId );
resolve( window.elementorFrontend );
}
}, 100 ); // Check every 100 milliseconds for availability of elementorFrontend
});
};
waitForElementorPro().then( () => { registerAllyAction(); });
</script>
<script id="generate-a11y">
!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("pointerdown",(function(){e.classList.add("using-mouse")}),{passive:!0}),e.addEventListener("keydown",(function(){e.classList.remove("using-mouse")}),{passive:!0})}}();
</script>
<div data-elementor-type="popup" data-elementor-id="82912" class="elementor elementor-82912 elementor-location-popup" data-elementor-settings="{&quot;prevent_close_on_background_click&quot;:&quot;yes&quot;,&quot;open_selector&quot;:&quot;#observe&quot;,&quot;a11y_navigation&quot;:&quot;yes&quot;,&quot;triggers&quot;:[],&quot;timing&quot;:[]}" data-elementor-post-type="elementor_library">
<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-f635ff3 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f635ff3" data-element_type="section" data-e-type="section">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d14f1f4" data-id="d14f1f4" data-element_type="column" data-e-type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-dea03f1 elementor-widget elementor-widget-video cmplz-placeholder-element" data-id="dea03f1" data-element_type="widget" data-e-type="widget" data-placeholder-image="https://www.apica.io/wp-content/uploads/complianz/placeholders/youtubeVCidHBUficM-maxresdefault.webp" data-category="marketing" data-service="youtube" data-cmplz-elementor-settings="{&quot;youtube_url&quot;:&quot;https:\/\/www.youtube.com\/watch?v=VCidHBUficM&amp;t=22s&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}" data-widget_type="video.default">
<div class="elementor-widget-container">
<div class="elementor-wrapper elementor-open-inline">
<div class="elementor-video"></div> </div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div data-elementor-type="popup" data-elementor-id="78001" class="elementor elementor-78001 elementor-location-popup" data-elementor-settings="{&quot;prevent_close_on_background_click&quot;:&quot;yes&quot;,&quot;open_selector&quot;:&quot;#lake&quot;,&quot;a11y_navigation&quot;:&quot;yes&quot;,&quot;triggers&quot;:[],&quot;timing&quot;:[]}" data-elementor-post-type="elementor_library">
<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-f635ff3 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f635ff3" data-element_type="section" data-e-type="section">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d14f1f4" data-id="d14f1f4" data-element_type="column" data-e-type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-dea03f1 elementor-widget elementor-widget-video cmplz-placeholder-element" data-id="dea03f1" data-element_type="widget" data-e-type="widget" data-placeholder-image="https://www.apica.io/wp-content/uploads/complianz/placeholders/youtube3lzWZcRmgZE-hqdefault.webp" data-category="marketing" data-service="youtube" data-cmplz-elementor-settings="{&quot;youtube_url&quot;:&quot;https:\/\/www.youtube.com\/watch?v=3lzWZcRmgZE&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}" data-widget_type="video.default">
<div class="elementor-widget-container">
<div class="elementor-wrapper elementor-open-inline">
<div class="elementor-video"></div> </div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div data-elementor-type="popup" data-elementor-id="78000" class="elementor elementor-78000 elementor-location-popup" data-elementor-settings="{&quot;prevent_close_on_background_click&quot;:&quot;yes&quot;,&quot;open_selector&quot;:&quot;#flow&quot;,&quot;a11y_navigation&quot;:&quot;yes&quot;,&quot;triggers&quot;:[],&quot;timing&quot;:[]}" data-elementor-post-type="elementor_library">
<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-f635ff3 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f635ff3" data-element_type="section" data-e-type="section">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d14f1f4" data-id="d14f1f4" data-element_type="column" data-e-type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-dea03f1 elementor-widget elementor-widget-video cmplz-placeholder-element" data-id="dea03f1" data-element_type="widget" data-e-type="widget" data-placeholder-image="https://www.apica.io/wp-content/uploads/complianz/placeholders/youtubeI2Sdpx60nxI-maxresdefault.webp" data-category="marketing" data-service="youtube" data-cmplz-elementor-settings="{&quot;youtube_url&quot;:&quot;https:\/\/www.youtube.com\/watch?v=I2Sdpx60nxI&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}" data-widget_type="video.default">
<div class="elementor-widget-container">
<div class="elementor-wrapper elementor-open-inline">
<div class="elementor-video"></div> </div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div data-elementor-type="popup" data-elementor-id="77993" class="elementor elementor-77993 elementor-location-popup" data-elementor-settings="{&quot;prevent_close_on_background_click&quot;:&quot;yes&quot;,&quot;open_selector&quot;:&quot;#observe&quot;,&quot;a11y_navigation&quot;:&quot;yes&quot;,&quot;triggers&quot;:[],&quot;timing&quot;:[]}" data-elementor-post-type="elementor_library">
<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-f635ff3 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f635ff3" data-element_type="section" data-e-type="section">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d14f1f4" data-id="d14f1f4" data-element_type="column" data-e-type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-dea03f1 elementor-widget elementor-widget-video cmplz-placeholder-element" data-id="dea03f1" data-element_type="widget" data-e-type="widget" data-placeholder-image="https://www.apica.io/wp-content/uploads/complianz/placeholders/youtubeIjwSLGdGyNE-maxresdefault.webp" data-category="marketing" data-service="youtube" data-cmplz-elementor-settings="{&quot;youtube_url&quot;:&quot;https:\/\/www.youtube.com\/watch?v=IjwSLGdGyNE&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}" data-widget_type="video.default">
<div class="elementor-widget-container">
<div class="elementor-wrapper elementor-open-inline">
<div class="elementor-video"></div> </div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<script>
// V5 Scroll-triggered reveals
const v5Observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('visible');
}
});
}, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });
document.querySelectorAll('.v5-reveal').forEach(el => v5Observer.observe(el));
// Mega menu overlay toggle
const megaMenu = document.getElementById('mega-menu-wrap-max_mega_menu_1');
if (megaMenu) {
const observer = new MutationObserver(() => {
const hasOpen = megaMenu.querySelector('.mega-toggle-on');
document.body.classList.toggle('mega-menu-open', !!hasOpen);
});
observer.observe(megaMenu, { subtree: true, attributes: true, attributeFilter: ['class'] });
}
// Additional Resource Filter on Use Case Pages
document.querySelectorAll('.res-tab').forEach(function(tab){
tab.addEventListener('click', function(){
document.querySelectorAll('.res-tab').forEach(function(t){ t.classList.remove('active'); });
tab.classList.add('active');
var filter = tab.dataset.filter;
document.querySelectorAll('.res-card').forEach(function(card){
card.style.display = (filter === 'all' || card.dataset.type === filter) ? 'flex' : 'none';
});
});
});
</script>
<script>
(function() {
const canvas = document.getElementById('hero-canvas');
if (!canvas) return;
const ctx = canvas.getContext('2d');
function resize() {
const section = canvas.closest('.co-hero') || canvas.parentElement;
canvas.width = section.offsetWidth;
canvas.height = section.offsetHeight;
}
resize();
window.addEventListener('resize', resize);
const PURPLE = [65, 50, 238];
const TEAL = [44, 197, 115];
const WHITE = [200, 210, 230];
const NODE_COUNT = 42;
const nodes = [];
for (let i = 0; i < NODE_COUNT; i++) {
const palette = Math.random() < 0.7 ? PURPLE : (Math.random() < 0.5 ? TEAL : WHITE);
nodes.push({
x: Math.random() * canvas.width,
y: Math.random() * canvas.height,
vx: (Math.random() - 0.5) * 0.45,
vy: (Math.random() - 0.5) * 0.45,
r: Math.random() * 2.2 + 1.2,
color: palette,
alpha: Math.random() * 0.5 + 0.2,
});
}
const pulses = [];
function spawnPulse() {
const gx = Math.floor(Math.random() * 8) * (canvas.width / 8) + canvas.width / 16;
const gy = Math.floor(Math.random() * 5) * (canvas.height / 5) + canvas.height / 10;
pulses.push({ x: gx, y: gy, r: 0, maxR: 80 + Math.random() * 60, alpha: 0.35, speed: 0.8 + Math.random() * 0.6 });
}
setInterval(spawnPulse, 1200);
spawnPulse();
const CONNECT_DIST = 160;
function draw() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
for (let i = pulses.length - 1; i >= 0; i--) {
const p = pulses[i];
p.r += p.speed; p.alpha -= 0.004;
if (p.alpha <= 0 || p.r > p.maxR) { pulses.splice(i, 1); continue; }
ctx.beginPath();
ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);
ctx.strokeStyle = `rgba(65,50,238,${p.alpha})`;
ctx.lineWidth = 1;
ctx.stroke();
}
for (let i = 0; i < nodes.length; i++) {
const n = nodes[i];
n.x += n.vx; n.y += n.vy;
if (n.x < 0 || n.x > canvas.width) n.vx *= -1;
if (n.y < 0 || n.y > canvas.height) n.vy *= -1;
for (let j = i + 1; j < nodes.length; j++) {
const m = nodes[j];
const dx = n.x - m.x, dy = n.y - m.y;
const dist = Math.sqrt(dx*dx + dy*dy);
if (dist < CONNECT_DIST) {
const opacity = (1 - dist / CONNECT_DIST) * 0.18;
ctx.beginPath(); ctx.moveTo(n.x, n.y); ctx.lineTo(m.x, m.y);
ctx.strokeStyle = `rgba(65,50,238,${opacity})`;
ctx.lineWidth = 0.8; ctx.stroke();
}
}
ctx.beginPath();
ctx.arc(n.x, n.y, n.r, 0, Math.PI * 2);
ctx.fillStyle = `rgba(${n.color[0]},${n.color[1]},${n.color[2]},${n.alpha})`;
ctx.fill();
}
requestAnimationFrame(draw);
}
draw();
})();
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var applyMsg = document.querySelector('.thjmf-apply-now-msg');
if (!applyMsg) return;
applyMsg.innerHTML = applyMsg.innerHTML.replace(
/([\w.+-]+@[\w-]+\.[\w]+)(?=[^a-zA-Z0-9]|$)/g,
'<a href="mailto:$1">$1</a>'
);
});
</script>
<script>
// ——— HERO CANVAS: three-layer particle system ———
const canvas = document.getElementById('hero-canvas')
const ctx = canvas.getContext('2d')
let W, H
function resize() {
W = canvas.width = canvas.offsetWidth
H = canvas.height = canvas.offsetHeight
}
resize()
window.addEventListener('resize', resize)
// ——— FOUR-LAYER CANVAS SYSTEM (navy/purple palette) ———
// Layer 0: 200 ambient floating dots — scatter across full canvas, drift in all directions, no trail
const dots = Array.from({length:100}, () => ({
x: Math.random() * 1400,
y: Math.random() * 800,
vx: (Math.random() - 0.5) * 0.55,
vy: (Math.random() - 0.5) * 0.55,
size: Math.random() * 2.8 + 0.6,
alpha: Math.random() * 0.55 + 0.15,
flicker: Math.random() * Math.PI * 2,
flickerSpeed: 0.018 + Math.random() * 0.032,
color: (() => {
const r = Math.random()
if(r > 0.78) return [240,99,17] // orange accent
if(r > 0.52) return [167,139,250] // soft lavender
if(r > 0.26) return [99,102,241] // indigo
return [65,50,238] // brand purple
})()
}))
// Layer 1: 140 data sparks — rise upward, flicker, leave trails
const sparks = Array.from({length:140}, () => ({
x: Math.random() * 1400,
y: Math.random() * 800 + 200,
vx: (Math.random() - 0.5) * 0.7,
vy: -(Math.random() * 1.3 + 0.35),
size: Math.random() * 2.6 + 0.5,
alpha: Math.random() * 0.65 + 0.15,
life: Math.random(),
maxLife: 0.007 + Math.random() * 0.011,
flicker: Math.random() * Math.PI * 2,
flickerSpeed: 0.055 + Math.random() * 0.09,
color: Math.random() > 0.75
? [167,139,250] // soft purple
: Math.random() > 0.5
? [65,50,238] // brand purple
: [99,102,241] // indigo mid
}))
// Layer 2: 8 large heat orbs — slow drifting radial blobs, pulse in size/opacity
const orbs = Array.from({length:8}, (_, i) => ({
x: Math.random() * 1400,
y: Math.random() * 800,
vx: (Math.random() - 0.5) * 0.16,
vy: (Math.random() - 0.5) * 0.1,
r: 90 + Math.random() * 190,
alpha: 0.03 + Math.random() * 0.05,
pulse: Math.random() * Math.PI * 2,
pulseSpeed: 0.007 + Math.random() * 0.011,
color: i < 4 ? [65,50,238] : i < 7 ? [99,102,241] : [240,99,17]
}))
// Layer 3: 18 horizontal data streaks — fast-moving, left to right
const streaks = Array.from({length:18}, () => ({
x: Math.random() * 1400,
y: 60 + Math.random() * 660,
vx: 1.1 + Math.random() * 2.3,
len: 45 + Math.random() * 130,
alpha: 0.05 + Math.random() * 0.13,
width: 0.5 + Math.random() * 1.1,
color: Math.random() > 0.55 ? [65,50,238] : [167,139,250]
}))
function drawFrame() {
ctx.clearRect(0, 0, W, H)
// Grid — slightly brighter purple
ctx.lineWidth = 1
ctx.strokeStyle = 'rgba(65,50,238,0.07)'
for(let x = 0; x < W; x += 56){ ctx.beginPath(); ctx.moveTo(x,0); ctx.lineTo(x,H); ctx.stroke() }
for(let y = 0; y < H; y += 56){ ctx.beginPath(); ctx.moveTo(0,y); ctx.lineTo(W,y); ctx.stroke() }
// Layer 0: ambient dots — full canvas scatter, connect nearby pairs
for(let i = 0; i < dots.length; i++){
for(let j = i+1; j < dots.length; j++){
const dx = dots[i].x - dots[j].x, dy = dots[i].y - dots[j].y
const d = Math.sqrt(dx*dx + dy*dy)
if(d < 72){
ctx.beginPath()
ctx.strokeStyle = `rgba(65,50,238,${0.14 * (1 - d/72)})`
ctx.lineWidth = 0.5
ctx.moveTo(dots[i].x, dots[i].y); ctx.lineTo(dots[j].x, dots[j].y)
ctx.stroke()
}
}
}
dots.forEach(p => {
p.x += p.vx; p.y += p.vy
p.flicker += p.flickerSpeed
if(p.x < 0) p.x = W; if(p.x > W) p.x = 0
if(p.y < 0) p.y = H; if(p.y > H) p.y = 0
const a = p.alpha * (0.72 + 0.28 * Math.sin(p.flicker))
ctx.beginPath()
ctx.arc(p.x, p.y, p.size, 0, Math.PI*2)
ctx.fillStyle = `rgba(${p.color[0]},${p.color[1]},${p.color[2]},${a})`
ctx.fill()
})
// Layer 2: orbs (behind everything)
orbs.forEach(o => {
o.x += o.vx; o.y += o.vy
o.pulse += o.pulseSpeed
if(o.x < -o.r) o.x = W + o.r; if(o.x > W + o.r) o.x = -o.r
if(o.y < -o.r) o.y = H + o.r; if(o.y > H + o.r) o.y = -o.r
const pR = o.r * (1 + 0.13 * Math.sin(o.pulse))
const pA = o.alpha * (0.8 + 0.2 * Math.sin(o.pulse))
const g = ctx.createRadialGradient(o.x, o.y, 0, o.x, o.y, pR)
g.addColorStop(0, `rgba(${o.color[0]},${o.color[1]},${o.color[2]},${pA})`)
g.addColorStop(0.5, `rgba(${o.color[0]},${o.color[1]},${o.color[2]},${pA * 0.4})`)
g.addColorStop(1, `rgba(${o.color[0]},${o.color[1]},${o.color[2]},0)`)
ctx.beginPath(); ctx.arc(o.x, o.y, pR, 0, Math.PI*2)
ctx.fillStyle = g; ctx.fill()
})
// Layer 3: horizontal streaks
streaks.forEach(s => {
s.x += s.vx
if(s.x > W + s.len) s.x = -s.len
const sg = ctx.createLinearGradient(s.x - s.len, s.y, s.x, s.y)
sg.addColorStop(0, `rgba(${s.color[0]},${s.color[1]},${s.color[2]},0)`)
sg.addColorStop(0.6, `rgba(${s.color[0]},${s.color[1]},${s.color[2]},${s.alpha})`)
sg.addColorStop(1, `rgba(${s.color[0]},${s.color[1]},${s.color[2]},0)`)
ctx.beginPath(); ctx.moveTo(s.x - s.len, s.y); ctx.lineTo(s.x, s.y)
ctx.strokeStyle = sg; ctx.lineWidth = s.width; ctx.stroke()
})
// Spark connections
for(let i = 0; i < sparks.length; i++){
for(let j = i+1; j < sparks.length; j++){
const dx = sparks[i].x - sparks[j].x, dy = sparks[i].y - sparks[j].y
const d = Math.sqrt(dx*dx + dy*dy)
if(d < 80){
ctx.beginPath()
ctx.strokeStyle = `rgba(65,50,238,${0.12 * (1 - d/80)})`
ctx.lineWidth = 0.5
ctx.moveTo(sparks[i].x, sparks[i].y); ctx.lineTo(sparks[j].x, sparks[j].y)
ctx.stroke()
}
}
}
// Layer 1: sparks with upward trails
sparks.forEach(p => {
p.x += p.vx; p.y += p.vy
p.life -= p.maxLife
p.flicker += p.flickerSpeed
if(p.x < 0) p.x = W; if(p.x > W) p.x = 0
if(p.y < -10 || p.life <= 0){
p.y = H + Math.random() * 50; p.x = Math.random() * W
p.life = 1; p.vy = -(Math.random() * 1.3 + 0.35); p.vx = (Math.random() - 0.5) * 0.7
}
const flkA = p.alpha * p.life * (0.65 + 0.35 * Math.sin(p.flicker))
// Trail
const trailLen = p.size * 4
const tg = ctx.createLinearGradient(p.x, p.y + trailLen, p.x, p.y)
tg.addColorStop(0, `rgba(${p.color[0]},${p.color[1]},${p.color[2]},0)`)
tg.addColorStop(1, `rgba(${p.color[0]},${p.color[1]},${p.color[2]},${flkA * 0.5})`)
ctx.beginPath(); ctx.moveTo(p.x, p.y + trailLen); ctx.lineTo(p.x, p.y)
ctx.strokeStyle = tg; ctx.lineWidth = p.size * 0.6; ctx.stroke()
// Dot
ctx.beginPath(); ctx.arc(p.x, p.y, p.size, 0, Math.PI*2)
ctx.fillStyle = `rgba(${p.color[0]},${p.color[1]},${p.color[2]},${flkA})`
ctx.fill()
})
requestAnimationFrame(drawFrame)
}
drawFrame()
// ——— STAT COUNTER CARDS: animate in + count up ———
const cards = document.querySelectorAll('.stat-counter-card')
setTimeout(() => {
cards.forEach((card, i) => {
card.classList.add('loaded')
card.classList.add('scc-loaded')
const counter = card.querySelector('.scc-counter')
const target = parseFloat(counter.dataset.target)
const suffix = counter.dataset.suffix || ''
const prefix = counter.dataset.prefix || ''
const decimals = parseInt(counter.dataset.decimal || '0')
const dur = 1800
let s0
setTimeout(() => {
const step = ts => {
if(!s0) s0 = ts
const p = Math.min((ts-s0)/dur, 1)
const ease = p < .5 ? 2*p*p : -1+(4-2*p)*p
const val = ease * target
counter.textContent = prefix + (decimals ? val.toFixed(decimals) : Math.round(val)) + suffix
if(p < 1) requestAnimationFrame(step)
}
requestAnimationFrame(step)
}, i * 150)
})
}, 400)
// ——— SCROLL REVEAL ———
const revObs = new IntersectionObserver(entries => {
entries.forEach(e => { if(e.isIntersecting) e.target.classList.add('on') })
}, {threshold:.1})
document.querySelectorAll('.reveal').forEach(el => revObs.observe(el))
// ——— STAT BAND: rolling counters on scroll ———
const rollObs = new IntersectionObserver(entries => {
entries.forEach(e => {
if(!e.isIntersecting) return
e.target.querySelectorAll('.roll-counter').forEach(el => {
const target = parseFloat(el.dataset.target)
const suffix = el.dataset.suffix || ''
const prefix = el.dataset.prefix || ''
const dec = parseInt(el.dataset.decimal || '0')
let s0
const step = ts => {
if(!s0) s0 = ts
const p = Math.min((ts-s0)/1200, 1)
const ease = p<.5?2*p*p:-1+(4-2*p)*p
const val = ease * target
el.textContent = prefix + (dec ? val.toFixed(dec) : Math.round(val)) + suffix
if(p < 1) requestAnimationFrame(step)
}
requestAnimationFrame(step)
})
rollObs.unobserve(e.target)
})
}, {threshold:.3})
document.querySelector('.stats-row') && rollObs.observe(document.querySelector('.stats-row'))
// ——— CHAPTER CARDS: shimmer stats ———
const chObs = new IntersectionObserver(entries => {
entries.forEach(e => {
if(e.isIntersecting) {
e.target.querySelectorAll('.chapter-card').forEach((c,i) => {
setTimeout(() => c.classList.add('ch-visible'), i * 80)
})
chObs.unobserve(e.target)
}
})
}, {threshold:.2})
document.querySelector('.chapters-grid') && chObs.observe(document.querySelector('.chapters-grid'))
// ——— DONUT ———
let d1Done = false
const d1Arc = document.getElementById('d1-arc')
const d1Pct = document.getElementById('d1-pct')
const circ = 2 * Math.PI * 65
const donutObs = new IntersectionObserver(entries => {
entries.forEach(e => {
if(e.isIntersecting && !d1Done) {
d1Done = true
d1Arc.style.strokeDashoffset = circ - (81/100)*circ
let s0
const step = ts => { if(!s0) s0=ts; const p=Math.min((ts-s0)/1400,1); const ease=p<.5?2*p*p:-1+(4-2*p)*p; d1Pct.textContent=Math.round(ease*81)+'%'; if(p<1) requestAnimationFrame(step) }
requestAnimationFrame(step)
}
})
}, {threshold:.3})
const f1row = document.querySelector('.finding-row')
if(f1row) donutObs.observe(f1row)
// ——— BARS ———
const barObs = new IntersectionObserver(entries => {
entries.forEach(e => {
if(e.isIntersecting) {
e.target.querySelectorAll('.bar-fill').forEach(b => { b.style.width = b.dataset.w+'%'; const pe = b.closest('.bar-row').querySelector('.bar-pct'); if(pe) pe.textContent = b.dataset.pct })
e.target.querySelectorAll('.s-seg').forEach(s => { s.style.width = s.dataset.w+'%' })
barObs.unobserve(e.target)
}
})
}, {threshold:.2})
const f2 = document.getElementById('finding2-row'), f3 = document.getElementById('finding3-row')
if(f2) barObs.observe(f2); if(f3) barObs.observe(f3)
// ——— SMOOTH SCROLL ———
document.querySelectorAll('a[href="#form-section"]').forEach(a => {
a.addEventListener('click', e => {
e.preventDefault()
document.getElementById('form-section').scrollIntoView({behavior:'smooth'})
})
})
</script>
<script>
(function () {
function injectParams() {
var params = new URLSearchParams(window.location.search);
var utms = ['utm_source','utm_medium','utm_campaign','utm_content','utm_term'];
// Resolve context — same priority order as the hero swap
var ctxType = null;
var ctxValue = null;
if (params.get('product')) {
ctxType = 'product'; ctxValue = params.get('product');
} else if (params.get('usecase')) {
ctxType = 'usecase'; ctxValue = params.get('usecase');
} else if (params.get('industry')) {
ctxType = 'industry'; ctxValue = params.get('industry');
} else {
try {
var stored = JSON.parse(sessionStorage.getItem('apica_last_context'));
if (stored && stored.type && stored.value) {
ctxType = stored.type; ctxValue = stored.value;
}
} catch (e) {}
}
var hasUTMs = utms.some(function (k) { return params.get(k); });
if (!hasUTMs && !ctxType) return;
var iframes = document.querySelectorAll('iframe[src*="marketing.apica.io"]');
iframes.forEach(function (iframe) {
try {
var src = new URL(iframe.src);
utms.forEach(function (key) {
var val = params.get(key);
if (val) src.searchParams.set(key, val);
});
if (ctxType === 'product') {
src.searchParams.set('Product_Referrer', ctxValue);
} else if (ctxType === 'usecase' || ctxType === 'industry') {
src.searchParams.set('Referrer_Context', ctxType + ':' + ctxValue);
}
iframe.src = src.toString();
} catch (e) {}
});
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', injectParams);
} else {
injectParams();
}
new MutationObserver(function (mutations) {
mutations.forEach(function (m) {
m.addedNodes.forEach(function (node) {
if (node.tagName === 'IFRAME' && node.src &&
(node.src.includes('marketing.apica.io') ||
node.src.includes('pardot') ||
node.src.includes('go.apica'))) {
injectParams();
}
});
});
}).observe(document.body, { childList: true, subtree: true });
})();
</script>
<script>
(function () {
function initNLIframes() {
document.querySelectorAll('iframe.nl-iframe[data-nl-src]').forEach(function (iframe) {
var source = iframe.getAttribute('data-source') || 'unknown';
var baseSrc = iframe.getAttribute('data-nl-src');
var sep = baseSrc.indexOf('?') !== -1 ? '&' : '?';
iframe.src = baseSrc + sep + 'nl_source=' + encodeURIComponent(source);
iframe.title = iframe.title || 'Newsletter Signup';
});
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initNLIframes);
} else {
initNLIframes();
}
})();
</script>
<script>(function () {
var products = {
'/fleet/': 'fleet', '/flow/': 'flow', '/lake/': 'lake',
'/observe/': 'observe', '/forge/': 'forge',
'/vanguard/': 'vanguard', '/wayfinder/': 'wayfinder'
};
var usecases = {
'/cost-savings/': 'cost-savings',
'/incident-resolution-and-site-reliability/': 'incident-resolution',
'/ai-llm-observability/': 'ai-llm-observability',
'/modern-infrastructure-observability/': 'modern-infrastructure',
'/compliance-and-security/': 'compliance-security',
'/cloud-migration/': 'cloud-migration',
'/high-cardinality-metrics-at-scale/': 'high-cardinality',
'/agent-ready-pre-production-test-data-management/': 'test-data-orchestration',
'/digital-experience-monitoring-proactive-detection/':'digital-experience-monitoring'
};
var industries = {
'/banking-and-finance/': 'banking',
'/government/': 'government',
'/healthcare/': 'healthcare',
'/manufacturing/': 'manufacturing',
'/media-and-entertainment/':'media-entertainment',
'/retail/': 'retail'
};
var path = window.location.pathname;
function write(type, value) {
sessionStorage.setItem('apica_last_context', JSON.stringify({
type: type, value: value, ts: Date.now()
}));
}
var slug;
for (slug in products) { if (path.indexOf(slug) !== -1) { write('product', products[slug]); return; } }
for (slug in usecases) { if (path.indexOf(slug) !== -1) { write('usecase', usecases[slug]); return; } }
for (slug in industries) { if (path.indexOf(slug) !== -1) { write('industry', industries[slug]); return; } }
})();
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
document.querySelectorAll('.mega-toggle-animated').forEach(function(btn) {
btn.setAttribute('aria-label', 'Toggle menu');
});
});
</script>
<script>
( () => {
const lazyloadRunObserver = () => {
const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
entries.forEach( ( entry ) => {
if ( entry.isIntersecting ) {
let lazyloadBackground = entry.target;
if( lazyloadBackground ) {
lazyloadBackground.classList.add( 'e-lazyloaded' );
}
lazyloadBackgroundObserver.unobserve( entry.target );
}
});
}, { rootMargin: '200px 0px 200px 0px' } );
lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
lazyloadBackgroundObserver.observe( lazyloadBackground );
} );
};
const events = [
'DOMContentLoaded',
'elementor/lazyload/observe',
];
events.forEach( ( event ) => {
document.addEventListener( event, lazyloadRunObserver );
} );
} )();
</script>
<script id="angie-canvas-template-js-before">
angieCanvasTemplateData = {"templateSlug":"angie-canvas"};
//# sourceURL=angie-canvas-template-js-before
</script>
<script id="generate-menu-js-before">
var generatepressMenu = {"toggleOpenedSubMenus":true,"openSubMenuLabel":"Open Sub-Menu","closeSubMenuLabel":"Close Sub-Menu"};
//# sourceURL=generate-menu-js-before
</script>
<script id="generate-menu-js" src="https://www.apica.io/wp-content/themes/generatepress/assets/js/menu.min.js?ver=3.6.1"></script>
<script id="elementor-webpack-runtime-js" src="https://www.apica.io/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=4.2.4"></script>
<script id="elementor-frontend-modules-js" src="https://www.apica.io/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=4.2.4"></script>
<script id="jquery-ui-core-js-before">
jQuery.uiBackCompat = true;
//# sourceURL=jquery-ui-core-js-before
</script>
<script id="jquery-ui-core-js" src="https://www.apica.io/wp-includes/js/jquery/ui/core.min.js?ver=1.14.2"></script>
<script id="elementor-frontend-js-extra">
var EAELImageMaskingConfig = {"svg_dir_url":"https://www.apica.io/wp-content/plugins/essential-addons-for-elementor-lite/assets/front-end/img/image-masking/svg-shapes/"};
//# sourceURL=elementor-frontend-js-extra
</script>
<script id="elementor-frontend-js-before">
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnX":"Share on X","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},
"hasCustomBreakpoints":false},"version":"4.2.4","is_static":false,"experimentalFeatures":{"container":true,"e_panel_promotions":true,"nested-elements":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"e_opt_in_v4_page":true,"e_components":true,"e_interactions":true,"e_widget_creation":true,"import-export-customization":true,"e_pro_atomic_form":true,"e_pro_collection_loop":true,"e_pro_variables":true,"e_pro_interactions":true},"urls":{"assets":"https:\/\/www.apica.io\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/www.apica.io\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/www.apica.io\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"2e94965f3f","atomicFormsSendForm":"5d6da8d268"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"body_background_background":"classic","active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":84815,"title":"Telemetry%20Pipeline%20for%20AI-Era%20Data%20Volumes","excerpt":"","featuredImage":false}};
//# sourceURL=elementor-frontend-js-before
</script>
<script id="elementor-frontend-js" src="https://www.apica.io/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=4.2.4"></script>
<script id="e-sticky-js" src="https://www.apica.io/wp-content/plugins/elementor-pro/assets/lib/sticky/jquery.sticky.min.js?ver=4.2.3"></script>
<script id="eael-general-js-extra">
var localize = {"ajaxurl":"https://www.apica.io/wp-admin/admin-ajax.php","nonce":"6a94537969","i18n":{"added":"Added ","compare":"Compare","loading":"Loading..."},"eael_translate_text":{"required_text":"is a required field","invalid_text":"Invalid","billing_text":"Billing","shipping_text":"Shipping","fg_mfp_counter_text":"of"},"page_permalink":"https://www.apica.io/","cart_redirectition":"no","cart_page_url":"","el_breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"ParticleThemesData":{"default":"{\"particles\":{\"number\":{\"value\":160,\"density\":{\"enable\":true,\"value_area\":800}},\"color\":{\"value\":\"#ffffff\"},\"shape\":{\"type\":\"circle\",\"stroke\":{\"width\":0,\"color\":\"#000000\"},\"polygon\":{\"nb_sides\":5},\"image\":{\"src\":\"img/github.svg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":0.5,\"random\":false,\"anim\":{\"enable\":false,\"speed\":1,\"opacity_min\":0.1,\"sync\":false}},\"size\":{\"value\":3,\"random\":true,\"anim\":{\"enable\":false,\"speed\":40,\"size_min\":0.1,\"sync\":false}},\"line_linked\":{\"enable\":true,\"distance\":150,\"color\":\"#ffffff\",\"opacity\":0.4,\"width\":1},\"move\":{\"enable\":true,\"speed\":6,\"direction\":\"none\",\"random\":false,\"straight\":false,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":1200}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":true,\"mode\":\"repulse\"},\"onclick\":{\"enable\":true,\"mode\":\"push\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":400,\"line_linked\":{\"opacity\":1}},\"bubble\":{\"distance\":400,\"size\":40,\"duration\":2,\"opacity\":8,\"speed\":3},\"repulse\":{\"distance\":200,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}","nasa":"{\"particles\":{\"number\":{\"value\":250,\"density\":{\"enable\":true,\"value_area\":800}},\"color\":{\"value\":\"#ffffff\"},\"shape\":{\"type\":\"circle\",\"stroke\":{\"width\":0,\"color\":\"#000000\"},\"polygon\":{\"nb_sides\":5},\"image\":{\"src\":\"img/github.svg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":1,\"random\":true,\"anim\":{\"enable\":true,\"speed\":1,\"opacity_min\":0,\"sync\":false}},\"size\":{\"value\":3,\"random\":true,\"anim\":{\"enable\":false,\"speed\":4,\"size_min\":0.3,\"sync\":false}},\"line_linked\":{\"enable\":false,\"distance\":150,\"color\":\"#ffffff\",\"opacity\":0.4,\"width\":1},\"move\":{\"enable\":true,\"speed\":1,\"direction\":\"none\",\"random\":true,\"straight\":false,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":600}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":true,\"mode\":\"bubble\"},\"onclick\":{\"enable\":true,\"mode\":\"repulse\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":400,\"line_linked\":{\"opacity\":1}},\"bubble\":{\"distance\":250,\"size\":0,\"duration\":2,\"opacity\":0,\"speed\":3},\"repulse\":{\"distance\":400,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}","bubble":"{\"particles\":{\"number\":{\"value\":15,\"density\":{\"enable\":true,\"value_area\":800}},\"color\":{\"value\":\"#1b1e34\"},\"shape\":{\"type\":\"polygon\",\"stroke\":{\"width\":0,\"color\":\"#000\"},\"polygon\":{\"nb_sides\":6},\"image\":{\"src\":\"img/github.svg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":0.3,\"random\":true,\"anim\":{\"enable\":false,\"speed\":1,\"opacity_min\":0.1,\"sync\":false}},\"size\":{\"value\":50,\"random\":false,\"anim\":{\"enable\":true,\"speed\":10,\"size_min\":40,\"sync\":false}},\"line_linked\":{\"enable\":false,\"distance\":200,\"color\":\"#ffffff\",\"opacity\":1,\"width\":2},\"move\":{\"enable\":true,\"speed\":8,\"direction\":\"none\",\"random\":false,\"straight\":false,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":1200}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":false,\"mode\":\"grab\"},\"onclick\":{\"enable\":false,\"mode\":\"push\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":400,\"line_linked\":{\"opacity\":1}},\"bubble\":{\"distance\":400,\"size\":40,\"duration\":2,\"opacity\":8,\"speed\":3},\"repulse\":{\"distance\":200,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}","snow":"{\"particles\":{\"number\":{\"value\":450,\"density\":{\"enable\":true,\"value_area\":800}},\"color\":{\"value\":\"#fff\"},\"shape\":{\"type\":\"circle\",\"stroke\":{\"width\":0,\"color\":\"#000000\"},\"polygon\":{\"nb_sides\":5},\"image\":{\"src\":\"img/github.svg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":0.5,\"random\":true,\"anim\":{\"enable\":false,\"speed\":1,\"opacity_min\":0.1,\"sync\":false}},\"size\":{\"value\":5,\"random\":true,\"anim\":{\"enable\":false,\"speed\":40,\"size_min\":0.1,\"sync\":false}},\"line_linked\":{\"enable\":false,\"distance\":500,\"color\":\"#ffffff\",\"opacity\":0.4,\"width\":2},\"move\":{\"enable\":true,\"speed\":6,\"direction\":\"bottom\",\"random\":false,\"straight\":false,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":1200}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":true,\"mode\":\"bubble\"},\"onclick\":{\"enable\":true,\"mode\":\"repulse\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":400,\"line_linked\":{\"opacity\":0.5}},\"bubble\":{\"distance\":400,\"size\":4,\"duration\":0.3,\"opacity\":1,\"speed\":3},\"repulse\":{\"distance\":200,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}","nyan_cat":"{\"particles\":{\"number\":{\"value\":150,\"density\":{\"enable\":false,\"value_area\":800}},\"color\":{\"value\":\"#ffffff\"},\"shape\":{\"type\":\"star\",\"stroke\":{\"width\":0,\"color\":\"#000000\"},\"polygon\":{\"nb_sides\":5},\"image\":{\"src\":\"http://wiki.lexisnexis.com/academic/images/f/fb/Itunes_podcast_icon_300.jpg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":0.5,\"random\":false,\"anim\":{\"enable\":false,\"speed\":1,\"opacity_min\":0.1,\"sync\":false}},\"size\":{\"value\":4,\"random\":true,\"anim\":{\"enable\":false,\"speed\":40,\"size_min\":0.1,\"sync\":false}},\"line_linked\":{\"enable\":false,\"distance\":150,\"color\":\"#ffffff\",\"opacity\":0.4,\"width\":1},\"move\":{\"enable\":true,\"speed\":14,\"direction\":\"left\",\"random\":false,\"straight\":true,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":1200}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":false,\"mode\":\"grab\"},\"onclick\":{\"enable\":true,\"mode\":\"repulse\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":200,\"line_linked\":{\"opacity\":1}},\"bubble\":{\"distance\":400,\"size\":40,\"duration\":2,\"opacity\":8,\"speed\":3},\"repulse\":{\"distance\":200,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}"},"eael_login_nonce":"7ceb4866ec","eael_register_nonce":"e1b77d240a","eael_lostpassword_nonce":"b4cde79d26","eael_resetpassword_nonce":"1fcc44d99c"};
//# sourceURL=eael-general-js-extra
</script>
<script id="eael-general-js" src="https://www.apica.io/wp-content/plugins/essential-addons-for-elementor-lite/assets/front-end/js/view/general.min.js?ver=6.8.3"></script>
<script id="eael-84758-js" src="https://www.apica.io/wp-content/uploads/essential-addons-elementor/eael-84758.js?ver=1789141442"></script>
<script id="eael-84815-js" src="https://www.apica.io/wp-content/uploads/essential-addons-elementor/eael-84815.js?ver=1789141442"></script>
<script id="swiper-js" src="https://www.apica.io/wp-content/plugins/elementor/assets/lib/swiper/v8/swiper.min.js?ver=8.4.5"></script>
<script id="hoverIntent-js" src="https://www.apica.io/wp-includes/js/hoverIntent.min.js?ver=1.10.2"></script>
<script id="megamenu-js" src="https://www.apica.io/wp-content/plugins/megamenu/js/maxmegamenu.js?ver=3.10.7"></script>
<script id="megamenu-pro-js" src="https://www.apica.io/wp-content/plugins/megamenu-pro/assets/public.js?ver=2.4.4"></script>
<script id="jquery-ui-datepicker-js" src="https://www.apica.io/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.14.2"></script>
<script id="wp-hooks-js" src="https://www.apica.io/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
<script id="filter-grids-adebd935eb-js-extra">
var _smart_filter_object = {"ajax_url":"https://www.apica.io/wp-admin/admin-ajax.php","nonce":"24580a54a0","current_page":"1","path":"https://www.apica.io/wp-content/plugins/ymc-smart-filter/"};
//# sourceURL=filter-grids-adebd935eb-js-extra
</script>
<script id="cmplz-cookiebanner-js-extra">
var complianz = {"prefix":"cmplz_","debug":"","user_banner_id":"1","set_cookies":[],"block_ajax_content":"0","banner_version":"94","version":"7.6.5","store_consent":"1","do_not_track_enabled":"1","consenttype":"optin","region":"us","geoip":"1","dismiss_timeout":"","disable_cookiebanner":"","soft_cookiewall":"","dismiss_on_scroll":"","cookie_expiry":"365","url":"https://www.apica.io/wp-json/complianz/v1/","locale":"lang=en&locale=en_US","set_cookies_on_root":"0","cookie_domain":"","current_policy_id":"41","cookie_path":"/","categories":{"statistics":"statistics","marketing":"marketing"},"tcf_active":"","placeholdertext":"Click to accept {category} cookies and enable this content","css_file":"https://www.apica.io/wp-content/uploads/complianz/css/banner-{banner_id}-{type}.css?v=94","page_links":{"eu":{"cookie-statement":{"title":"Cookie Policy ","url":"https://www.apica.io/policy/cookies-eu/"},"privacy-statement":{"title":"Privacy Policy","url":"https://www.apica.io/policy/privacy/"},"impressum":{"title":"Imprint","url":"https://www.apica.io/policy/imprint/"}},"us":{"cookie-statement":{"title":"Opt-Out Preferences","url":"https://www.apica.io/opt-out-preferences-old/"},"privacy-statement":{"title":"Privacy Policy","url":"https://www.apica.io/policy/privacy/"},"privacy-statement-children":{"title":"","url":"https://www.apica.io/blog/lightstep-cloud-observability-eol-keep-your-incident-management-workflows-running-with-apica-servicenow/"},"impressum":{"title":"Imprint","url":"https://www.apica.io/policy/imprint/"}},"uk":{"cookie-statement":{"title":"Cookie Policy ","url":"https://www.apica.io/policy/cookies-uk/"},"privacy-statement":{"title":"Privacy Policy","url":"https://www.apica.io/policy/privacy/"},"privacy-statement-children":{"title":"","url":"https://www.apica.io/blog/lightstep-cloud-observability-eol-keep-your-incident-management-workflows-running-with-apica-servicenow/"},"impressum":{"title":"Imprint","url":"https://www.apica.io/policy/imprint/"}},"ca":{"impressum":{"title":"Imprint","url":"https://www.apica.io/policy/imprint/"}},"au":{"impressum":{"title":"Imprint","url":"https://www.apica.io/policy/imprint/"}},"za":{"impressum":{"title":"Imprint","url":"https://www.apica.io/policy/imprint/"}},"br":{"impressum":{"title":"Imprint","url":"https://www.apica.io/policy/imprint/"}}},"tm_categories":"1","forceEnableStats":"","preview":"","clean_cookies":"","aria_label":"Click to accept {category} cookies and enable this content","iapi_nav":"fallback"};
//# sourceURL=cmplz-cookiebanner-js-extra
</script>
<script defer id="cmplz-cookiebanner-js" src="https://www.apica.io/wp-content/plugins/complianz-gdpr-premium/cookiebanner/js/complianz.min.js?ver=1788961538"></script>
<script id="cmplz-cookiebanner-js-after">
if ('undefined' != typeof window.jQuery) {
jQuery(document).ready(function ($) {
$(document).on('elementor/popup/show', () => {
let rev_cats = cmplz_categories.reverse();
for (let key in rev_cats) {
if (rev_cats.hasOwnProperty(key)) {
let category = cmplz_categories[key];
if (cmplz_has_consent(category)) {
document.querySelectorAll('[data-category="' + category + '"]').forEach(obj => {
cmplz_remove_placeholder(obj);
});
}
}
}
let services = cmplz_get_services_on_page();
for (let key in services) {
if (services.hasOwnProperty(key)) {
let service = services[key].service;
let category = services[key].category;
if (cmplz_has_service_consent(service, category)) {
document.querySelectorAll('[data-service="' + service + '"]').forEach(obj => {
cmplz_remove_placeholder(obj);
});
}
}
}
});
});
}
document.addEventListener("cmplz_enable_category", function(consentData) {
var category = consentData.detail.category;
var services = consentData.detail.services;
var blockedContentContainers = [];
let selectorVideo = '.cmplz-elementor-widget-video-playlist[data-category="'+category+'"],.elementor-widget-video[data-category="'+category+'"]';
let selectorGeneric = '[data-cmplz-elementor-href][data-category="'+category+'"]';
for (var skey in services) {
if (services.hasOwnProperty(skey)) {
let service = skey;
selectorVideo +=',.cmplz-elementor-widget-video-playlist[data-service="'+service+'"],.elementor-widget-video[data-service="'+service+'"]';
selectorGeneric +=',[data-cmplz-elementor-href][data-service="'+service+'"]';
}
}
document.querySelectorAll(selectorVideo).forEach(obj => {
let elementService = obj.getAttribute('data-service');
if ( cmplz_is_service_denied(elementService) ) {
return;
}
if (obj.classList.contains('cmplz-elementor-activated')) return;
obj.classList.add('cmplz-elementor-activated');
if ( obj.hasAttribute('data-cmplz_elementor_widget_type') ){
let attr = obj.getAttribute('data-cmplz_elementor_widget_type');
obj.classList.removeAttribute('data-cmplz_elementor_widget_type');
obj.classList.setAttribute('data-widget_type', attr);
}
if (obj.classList.contains('cmplz-elementor-widget-video-playlist')) {
obj.classList.remove('cmplz-elementor-widget-video-playlist');
obj.classList.add('elementor-widget-video-playlist');
}
obj.setAttribute('data-settings', obj.getAttribute('data-cmplz-elementor-settings'));
blockedContentContainers.push(obj);
});
document.querySelectorAll(selectorGeneric).forEach(obj => {
let elementService = obj.getAttribute('data-service');
if ( cmplz_is_service_denied(elementService) ) {
return;
}
if (obj.classList.contains('cmplz-elementor-activated')) return;
if (obj.classList.contains('cmplz-fb-video')) {
obj.classList.remove('cmplz-fb-video');
obj.classList.add('fb-video');
}
obj.classList.add('cmplz-elementor-activated');
obj.setAttribute('data-href', obj.getAttribute('data-cmplz-elementor-href'));
blockedContentContainers.push(obj.closest('.elementor-widget'));
});
/**
* Trigger the widgets in Elementor
*/
for (var key in blockedContentContainers) {
if (blockedContentContainers.hasOwnProperty(key) && blockedContentContainers[key] !== undefined) {
let blockedContentContainer = blockedContentContainers[key];
if (elementorFrontend.elementsHandler) {
elementorFrontend.elementsHandler.runReadyTrigger(blockedContentContainer)
}
var cssIndex = blockedContentContainer.getAttribute('data-placeholder_class_index');
blockedContentContainer.classList.remove('cmplz-blocked-content-container');
blockedContentContainer.classList.remove('cmplz-placeholder-' + cssIndex);
}
}
});
//# sourceURL=cmplz-cookiebanner-js-after
</script>
<script id="elementor-pro-webpack-runtime-js" src="https://www.apica.io/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=4.2.3"></script>
<script id="wp-i18n-js" src="https://www.apica.io/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
</script>
<script id="elementor-pro-frontend-js-before">
var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/www.apica.io\/wp-admin\/admin-ajax.php","nonce":"f4eefa7f13","urls":{"assets":"https:\/\/www.apica.io\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/www.apica.io\/wp-json\/"},"settings":{"lazy_load_background_images":true},"popup":{"hasPopUps":true},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},
"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/www.apica.io\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}};
//# sourceURL=elementor-pro-frontend-js-before
</script>
<script id="elementor-pro-frontend-js" src="https://www.apica.io/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=4.2.3"></script>
<script id="pro-elements-handlers-js" src="https://www.apica.io/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=4.2.3"></script>
<script id="jet-tabs-frontend-js-extra">
var JetTabsSettings = {"ajaxurl":"https://www.apica.io/wp-admin/admin-ajax.php","isMobile":"false","templateApiUrl":"https://www.apica.io/wp-json/jet-tabs-api/v1/elementor-template","devMode":"false","isSelfRequest":""};
//# sourceURL=jet-tabs-frontend-js-extra
</script>
<script type='text/javascript'>
piAId = '1056873';
piCId = '125510';
piHostname = 'marketing.apica.io';
(function() {
function async_load(){
var s = document.createElement('script'); s.type = 'text/javascript';
s.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + piHostname + '/pd.js';
var c = document.getElementsByTagName('script')[0]; c.parentNode.insertBefore(s, c);
}
if(window.attachEvent) { window.attachEvent('onload', async_load); }
else { window.addEventListener('load', async_load, false); }
})();
</script>
<script async src="https://js.storylane.io/js/v2/storylane.js"></script>
<script>
jQuery(document).ready(function($) {
// Mapping of tab IDs to iframe URLs
const iframeMap = {
'accordion-flow': 'https://app.storylane.io/demo/u3ntpz0hoyue?embed=inline',
'accordion-fleet': 'https://app.storylane.io/demo/buza77isktnf?embed=inline',
'accordion-lake': 'https://app.storylane.io/demo/rb6sm0ljym9r?embed=inline',
'accordion-observe': 'https://app.storylane.io/demo/iyiyqz04qxdr?embed=inline'
};
// Event delegation: listen for clicks on any element with ID starting with "accordion-"
$(document).on('click', '[id^="accordion-"]', function() {
const id = $(this).attr('id');
const iframeUrl = iframeMap[id];
if (iframeUrl) {
$('#dynamic-iframe').attr('src', iframeUrl);
console.log(`Iframe updated to: ${iframeUrl}`); // Optional debug log
} else {
console.warn(`No URL mapped for: ${id}`);
}
// Update active tab styling
$('.tab-box').removeClass('active-tab');
$(this).addClass('active-tab');
});
// ✅ Default active on page load
const defaultId = 'accordion-flow';
const defaultUrl = iframeMap[defaultId];
if (defaultUrl) {
$('#dynamic-iframe').attr('src', defaultUrl);
$('#' + defaultId).addClass('active-tab');
}
});
</script>
</body>
</html>