CINXE.COM

<!DOCTYPE html> <html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#"> <head> <meta charset="utf-8" /> <meta name="description" content="Sign up for free, no credit card required with New Relic the all-in-one observability platform for engineers to monitor, debug, and improve their entire stack." /> <link rel="shortlink" href="https://newrelic.com/" /> <link rel="canonical" href="https://newrelic.com/" /> <link rel="icon" href="/themes/custom/erno/assets/images/metadata/favicon.ico" /> <link rel="icon" sizes="16x16" href="/themes/custom/erno/assets/images/metadata/favicon-16x16.png" /> <link rel="icon" sizes="32x32" href="/themes/custom/erno/assets/images/metadata/favicon-32x32.png" /> <link rel="apple-touch-icon" sizes="180x180" href="/themes/custom/erno/assets/images/metadata/apple-touch-icon.png" /> <meta property="og:site_name" content="New Relic" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Monitor, Debug and Improve Your Entire Stack" /> <meta property="og:description" content="Sign up for free, no credit card required. Get Instant Observability with New Relic One and Quickstarts that make it easy to instrument in a few clicks." /> <meta property="og:image" content="https://newrelic.com/themes/custom/erno/assets/images/metadata/NROG_Image.png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:description" content="Sign up for free, no credit card required. Get Instant Observability with New Relic One and Quickstarts that make it easy to instrument in a few clicks." /> <meta name="twitter:site" content="@newrelic" /> <meta name="twitter:title" content="Monitor, Debug and Improve Your Entire Stack" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="msapplication-tilecolor" content="#008c99" /> <meta class="swiftype" name="type" data-type="enum" content="page" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <script type="application/ld+json">{ "@context": "https://schema.org", "@graph": [ { "@type": "Organization", "url": "https://newrelic.com/", "sameAs": [ "http://www.facebook.com/NewRelic", "https://twitter.com/newrelic", "https://www.instagram.com/newrelic/", "https://www.youtube.com/user/NewRelicInc/featured", "https://www.linkedin.com/company/new-relic-inc-" ], "name": "New Relic, Inc.", "contactPoint": { "@type": "ContactPoint", "telephone": "+1-888-643-8776", "contactType": "sales" }, "logo": { "@type": "ImageObject", "url": "https://newrelic.com/themes/custom/erno/logo.svg", "width": "738px", "height": "132px" } }, { "@type": "WebSite", "name": "New Relic", "url": "https://newrelic.com/", "potentialAction": { "@type": "SearchAction", "target": { "@type": "EntryPoint", "urlTemplate": "https://newrelic.com/search#stq={search_term}" }, "query": "https://newrelic.com/search#stq={search_term}", "query-input": "required name=search_term" } } ] }</script> <link rel="alternate" hreflang="x-default" href="https://newrelic.com" /> <link rel="alternate" hreflang="fr" href="https://newrelic.com/fr" /> <link rel="alternate" hreflang="de" href="https://newrelic.com/de" /> <link rel="alternate" hreflang="ko" href="https://newrelic.com/kr" /> <link rel="alternate" hreflang="ja" href="https://newrelic.com/jp" /> <link rel="alternate" hreflang="es" href="https://newrelic.com/es" /> <link rel="alternate" hreflang="pt-br" href="https://newrelic.com/pt" /> <title>New Relic | Monitor, Debug and Improve Your Entire Stack</title> <link rel="manifest" href="/themes/custom/erno/manifest.json">  <link rel="preload" href="/themes/custom/erno/assets/fonts/soehne/soehne-buch.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/themes/custom/erno/assets/fonts/soehne/soehne-kraftig.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/themes/custom/erno/assets/fonts/soehne/soehne-halbfett.woff2" as="font" type="font/woff2" crossorigin>  <style type="text/css"> @font-face{font-family:Soehne;src:url(/themes/custom/erno/assets/fonts/soehne/soehne-buch.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Soehne;src:url(/themes/custom/erno/assets/fonts/soehne/soehne-buch-kursiv.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Soehne;src:url(/themes/custom/erno/assets/fonts/soehne/soehne-leicht.woff2)format("woff2");font-weight:100 300;font-style:normal;font-display:swap}@font-face{font-family:Soehne;src:url(/themes/custom/erno/assets/fonts/soehne/soehne-kraftig.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Soehne;src:url(/themes/custom/erno/assets/fonts/soehne/soehne-halbfett.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Soehne Mono;src:url(/themes/custom/erno/assets/fonts/soehne/soehne-mono-buch.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Soehne Mono;src:url(/themes/custom/erno/assets/fonts/soehne/soehne-mono-kraftig.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap} </style> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_vS-C1zMGu2lDScRGElOui2eWw62z_u50if2B65LDe60.css?delta=0&language=en&theme=erno&include=eJxNjeEOgjAMhF-IImB8oMLqWCxtLVvi4zsdRP9cvrvk7shFL5F1Ru7owzJcwVw3Pe0InORRZc8tMozU6K6ayTtDx-ho634JXgy5_yV9EStzLa8UWmmnJSeVZry-PUtdAdgK52R8TNswQabXcenjDRY0iJ7CWZxgRpF6__X_vGlAfgMnSU_N" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_hIGw77LWdl-4o7nXwKegA2-LoI2Skom98vowa2SHAMw.css?delta=1&language=en&theme=erno&include=eJxNjeEOgjAMhF-IImB8oMLqWCxtLVvi4zsdRP9cvrvk7shFL5F1Ru7owzJcwVw3Pe0InORRZc8tMozU6K6ayTtDx-ho634JXgy5_yV9EStzLa8UWmmnJSeVZry-PUtdAdgK52R8TNswQabXcenjDRY0iJ7CWZxgRpF6__X_vGlAfgMnSU_N" />  <script> !function(e,n,o,t,r){var i="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:{},f="function"==typeof i[t]&&i[t],s=f.cache||{},d="undefined"!=typeof module&&"function"==typeof module.require&&module.require.bind(module);function a(n,o){if(!s[n]){if(!e[n]){var r="function"==typeof i[t]&&i[t];if(!o&&r)return r(n,!0);if(f)return f(n,!0);if(d&&"string"==typeof n)return d(n);var u=Error("Cannot find module '"+n+"'");throw u.code="MODULE_NOT_FOUND",u}c.resolve=function(o){var t=e[n][1][o];return null!=t?t:o},c.cache={};var l=s[n]=new a.Module(n);e[n][0].call(l.exports,c,l,l.exports,this)}return s[n].exports;function c(e){var n=c.resolve(e);return!1===n?{}:a(n)}}a.isParcelRequire=!0,a.Module=function(e){this.id=e,this.bundle=a,this.exports={}},a.modules=e,a.cache=s,a.parent=f,a.register=function(n,o){e[n]=[function(e,n){n.exports=o},{}]},Object.defineProperty(a,"root",{get:function(){return i[t]}}),i[t]=a;for(var u=0;u<n.length;u++)a(n[u]);if(o){var l=a(o);"object"==typeof exports&&"undefined"!=typeof module?module.exports=l:"function"==typeof define&&define.amd&&define(function(){return l})}}({gNLKk:[function(e,n,o){!function(e){var n=e.documentElement.classList,o=function(){n.add("fonts-active"),n.remove("fonts-inactive")};if(n.add("fonts-inactive"),sessionStorage.nrFontsLoaded)o();else if("fonts"in e)Promise.all([e.fonts.load("1em 'Soehne'"),e.fonts.load("italic 400 1em 'Soehne'"),e.fonts.load("300 1em 'Soehne'"),e.fonts.load("500 1em 'Soehne'"),e.fonts.load("600 1em 'Soehne'"),e.fonts.load("1em 'Soehne Mono'"),e.fonts.load("500 1em 'Soehne Mono'")]).then(function(){o(),sessionStorage.nrFontsLoaded=!0});else{var t=e.getElementsByTagName("script")[0],r=e.createElement("script");r.src="/themes/custom/erno/dist/js/nr-font-loader-fallback.min.js",r.async=!0,t.parentNode.insertBefore(r,t)}}(document)},{}]},["gNLKk"],"gNLKk","parcelRequire74cc"); </script>  <script src="https://cmp.osano.com/AzZVWOTJtg1WY32RK/cd381ba3-ebca-488c-a528-376a86764609/osano.js?language=en&variant=one"></script> <script> window.newrelic = window.newrelic || {}; window.newrelic.segmentKey = 'jzjQisi3j3VvLyH9mc0QNEgYKpj4LlD1' </script> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/6035","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"translation":"source","nr_core":{"nr_highlight":{"hash":"Cif2dj4kMZAZ8TQKsgMykKTIDct_3SM4_CUBQmXmFLs"}},"satisfies_audiences":[],"personalized":0,"intercom":true,"user":{"uid":0,"permissionsHash":"0adf92604104c28e880140de56c93fb0040e38a9eecbb0f405b7b36f65200660"}}</script> <script src="/sites/default/files/js/js_HvtsDLR8piK1wwiP7TdLu1ok0z0iBP8bPtdEe0K0b3w.js?scope=header&delta=0&language=en&theme=erno&include=eJw1jlEKAjEMRC-0QUUEbyPZNrbBbFKzrXh8K91-hLzJDEzI1U5JbEVZ6M8B3dpOh8qEkXzw06xO3ilUNh3Cz1d4t24CbE0qF6FhfDiSHZnLHYpzYE0QUEITrObTu_VbgeQcF_VHMKdT35lTlj51xFZUJYdMX0yzerM4H985aSuDq2N49aofQPNTdQ"></script> <script src="/libraries/erno/js/nr-utilities.js?snakqm"></script> <script src="/modules/custom/nr_personalization/js/nr_personalization.personalization.js?snakqm"></script> <script src="/sites/default/files/js/js_YYVYElJeMKr4LcTtlkYsmM49viEn94SbcIouaGQwX_s.js?scope=header&delta=3&language=en&theme=erno&include=eJw1jlEKAjEMRC-0QUUEbyPZNrbBbFKzrXh8K91-hLzJDEzI1U5JbEVZ6M8B3dpOh8qEkXzw06xO3ilUNh3Cz1d4t24CbE0qF6FhfDiSHZnLHYpzYE0QUEITrObTu_VbgeQcF_VHMKdT35lTlj51xFZUJYdMX0yzerM4H985aSuDq2N49aofQPNTdQ"></script> <script src="//fast.wistia.com/assets/external/E-v1.js" async charset="ISO-8859-1"></script> <script src="/libraries/erno/js/nr-utm-cookie.js?snakqm"></script> <script src="/libraries/erno/js/analytics.js?snakqm"></script> <script src="/libraries/erno/js/nr-analytics.js?snakqm"></script> <script src="/sites/default/files/js/js_r3WLlkloMEfosZdvJdl45b3KXS0cPHYMTljyfJZHEJs.js?scope=header&delta=8&language=en&theme=erno&include=eJw1jlEKAjEMRC-0QUUEbyPZNrbBbFKzrXh8K91-hLzJDEzI1U5JbEVZ6M8B3dpOh8qEkXzw06xO3ilUNh3Cz1d4t24CbE0qF6FhfDiSHZnLHYpzYE0QUEITrObTu_VbgeQcF_VHMKdT35lTlj51xFZUJYdMX0yzerM4H985aSuDq2N49aofQPNTdQ"></script>  <script type='text/javascript' id='vwoCode'> window._vwo_code=window._vwo_code || (function() { var account_id=680279, version = 1.5, settings_tolerance=2000, library_tolerance=2500, use_existing_jquery=false, is_spa=1, hide_element='body', hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important', /* DO NOT EDIT BELOW THIS LINE */ f=false,d=document,vwoCodeEl=d.querySelector('#vwoCode'),code={use_existing_jquery:function(){return use_existing_jquery},library_tolerance:function(){return library_tolerance},hide_element_style:function(){return'{'+hide_element_style+'}'},finish:function(){if(!f){f=true;var e=d.getElementById('_vis_opt_path_hides');if(e)e.parentNode.removeChild(e)}},finished:function(){return f},load:function(e){var t=d.createElement('script');t.fetchPriority='high';t.src=e;t.type='text/javascript';t.innerText;t.onerror=function(){_vwo_code.finish()};d.getElementsByTagName('head')[0].appendChild(t)},getVersion:function(){return version},getMatchedCookies:function(e){var t=[];if(document.cookie){t=document.cookie.match(e)||[]}return t},getCombinationCookie:function(){var e=code.getMatchedCookies(/(?:^|;)\s?(_vis_opt_exp_\d+_combi=[^;$]*)/gi);e=e.map(function(e){try{var t=decodeURIComponent(e);if(!/_vis_opt_exp_\d+_combi=(?:\d+,?)+\s*$/.test(t)){return''}return t}catch(e){return''}});var i=[];e.forEach(function(e){var t=e.match(/([\d,]+)/g);t&&i.push(t.join('-'))});return i.join('|')},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;window.settings_timer=setTimeout(function(){_vwo_code.finish()},settings_tolerance);var e=d.createElement('style'),t=hide_element?hide_element+'{'+hide_element_style+'}':'',i=d.getElementsByTagName('head')[0];e.setAttribute('id','_vis_opt_path_hides');vwoCodeEl&&e.setAttribute('nonce',vwoCodeEl.nonce);e.setAttribute('type','text/css');if(e.styleSheet)e.styleSheet.cssText=t;else e.appendChild(d.createTextNode(t));i.appendChild(e);var n=this.getCombinationCookie();this.load('https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&f='+ +is_spa+'&vn='+version+(n?'&c='+n:''));return settings_timer}};window._vwo_settings_timer = code.init();return code;}()); </script>  </head> <body class="mq-breakpoints--hide path-frontpage page-node-type-page selection:bg-gray-1 selection:text-nr-black"> <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> <div class="page js-menu-screen-overlay bg-nr-white z-0"> <div class="page__hat"> </div> <div class="page__header"> <header class="js-header bg-nr-black dark text-nr-white text-lg relative w-full larger:border-b border-solid border-gray-4 header-expanded:fixed header-expanded:top-0 header-expanded:bottom-0 header-expanded:z-10 larger:!relative"> <div class="max-w-[1440px] mx-auto xlarge:px-8 relative flex flex-col larger:flex-row larger:items-center larger:px-6 justify-between header-expanded:h-full"> <div class="flex h-full shrink-0 basis-16 justify-between px-4 border-b border-solid border-gray-4 larger:basis-auto larger:p-0 larger:border-none"> <a class="grid w-[120px] larger:w-36 xlarge:w-[170px] svg-w-full h-full items-center rounded focus-inset" href="/" title="New Relic Logo"> <svg width="165" height="32" viewBox="0 0 165 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_5075_22003)"> <path d="M22.3821 11.0773V20.9227L13.8572 25.8464V32L27.7144 24.0005V7.9995L22.3821 11.0773Z" fill="#00AC69"/> <path d="M13.8572 6.15563L22.3821 11.0773L27.7144 7.9995L13.8572 0L0 7.9995L5.33031 11.0773L13.8572 6.15563Z" fill="#1CE783"/> <path d="M8.52689 19.0788V28.9242L13.8572 32V16.001L0 7.9995V14.1551L8.52689 19.0788Z" fill="white"/> <path d="M46.7349 7.97736C43.7517 7.97736 42.3386 9.86149 42.3386 9.86149H42.1816L41.8696 8.29138H38.2563V24.3065H42.1816V15.0469C42.1816 13.0057 43.5907 11.5926 45.6359 11.5926C47.681 11.5926 49.0901 13.0017 49.0901 15.0469V24.3065H53.0154V14.7288C53.0154 10.6465 50.3462 7.97736 46.7349 7.97736Z" fill="white"/> <path d="M89.0674 18.8111H88.842L86.1728 8.29138H82.1791L79.5099 18.8111H79.2864L76.6152 8.29138H72.533L76.6152 24.3065H81.396L84.0632 13.9438H84.2886L86.9578 24.3065H91.7366L95.8189 8.29138H91.7366L89.0674 18.8111Z" fill="white"/> <path d="M107.838 9.70448H107.681L107.367 8.29541H104.07V24.3085H107.995V15.0489C107.995 13.0077 108.937 12.0657 110.979 12.0657H112.992V8.2934H110.656C110.11 8.29456 109.57 8.42261 109.081 8.66747C108.592 8.91232 108.167 9.2673 107.838 9.70448V9.70448Z" fill="white"/> <path d="M121.677 7.97736C116.969 7.97736 113.515 11.4316 113.515 16.2989C113.515 21.1663 116.774 24.6205 121.677 24.6205C125.649 24.6205 128.04 22.2834 129.037 20.5644L125.433 19.2801C125.077 19.9323 123.64 21.1864 121.677 21.1864C119.388 21.1864 117.754 19.7532 117.44 17.5631H129.371C129.481 17.0471 129.534 16.5205 129.528 15.993C129.528 11.4316 126.073 7.97736 121.677 7.97736ZM117.44 14.8858C117.911 12.8447 119.324 11.2746 121.677 11.2746C123.877 11.2746 125.288 12.8447 125.602 14.8858H117.44Z" fill="white"/> <path d="M63.6899 7.97736C58.9796 7.97736 55.5254 11.4316 55.5254 16.2989C55.5254 21.1663 58.7783 24.6205 63.6899 24.6205C67.6615 24.6205 70.0509 22.2834 71.0473 20.5644L67.4441 19.2801C67.0878 19.9323 65.6526 21.1864 63.6899 21.1864C61.4012 21.1864 59.7647 19.7532 59.4507 17.5631H71.3835C71.4938 17.0471 71.5465 16.5205 71.5405 15.993C71.5405 11.4316 68.0863 7.97736 63.6899 7.97736ZM59.4507 14.8858C59.9217 12.8447 61.3348 11.2746 63.6899 11.2746C65.8881 11.2746 67.3012 12.8447 67.6152 14.8858H59.4507Z" fill="white"/> <path d="M143.25 1.96867H139.325V5.89394H143.25V1.96867Z" fill="white"/> <path d="M154.082 21.0092C151.727 21.0092 149.843 19.1251 149.843 16.2989C149.843 13.4727 151.727 11.5886 154.082 11.5886C156.437 11.5886 157.379 13.1587 157.693 14.1008L161.248 12.8366C160.386 10.6002 158.273 7.97736 154.082 7.97736C149.371 7.97736 145.917 11.4316 145.917 16.2989C145.917 21.1663 149.371 24.6205 154.082 24.6205C158.309 24.6205 160.423 21.9553 161.268 19.6123L157.693 18.3401C157.379 19.4391 156.437 21.0092 154.082 21.0092Z" fill="white"/> <path d="M129.963 5.45713H132.191V24.3065H136.116V1.96867H129.963V5.45713Z" fill="white"/> <path d="M143.25 8.29138H139.325V24.3065H143.25V8.29138Z" fill="white"/> <path d="M163.37 21.2347C163.069 21.2303 162.775 21.3153 162.523 21.479C162.271 21.6426 162.073 21.8775 161.955 22.1537C161.837 22.4298 161.804 22.7349 161.86 23.03C161.916 23.325 162.058 23.5968 162.269 23.8107C162.48 24.0247 162.75 24.1711 163.044 24.2313C163.338 24.2915 163.644 24.2628 163.922 24.149C164.199 24.0351 164.437 23.8411 164.605 23.5917C164.772 23.3423 164.861 23.0488 164.861 22.7484C164.868 22.5498 164.834 22.3518 164.762 22.1666C164.689 21.9815 164.58 21.8129 164.44 21.6713C164.301 21.5297 164.134 21.418 163.95 21.3429C163.766 21.2679 163.568 21.231 163.37 21.2347ZM163.37 24.0307C163.115 24.0351 162.865 23.9636 162.651 23.8254C162.438 23.6872 162.27 23.4886 162.169 23.2547C162.069 23.0208 162.04 22.7623 162.087 22.5121C162.134 22.262 162.255 22.0314 162.433 21.8499C162.611 21.6683 162.84 21.544 163.089 21.4927C163.338 21.4414 163.597 21.4655 163.833 21.5618C164.069 21.6582 164.27 21.8225 164.412 22.0338C164.554 22.2451 164.63 22.4939 164.63 22.7484C164.636 22.9161 164.607 23.0833 164.546 23.2395C164.485 23.3958 164.392 23.538 164.274 23.6573C164.156 23.7766 164.015 23.8706 163.86 23.9334C163.704 23.9962 163.537 24.0266 163.37 24.0226V24.0307Z" fill="white"/> <path d="M164.02 22.4686C164.019 22.396 164.004 22.3243 163.975 22.2578C163.946 22.1913 163.903 22.1315 163.85 22.0821C163.797 22.0327 163.734 21.9947 163.666 21.9705C163.597 21.9462 163.525 21.9363 163.452 21.9412H162.78V23.5194H163.011V22.9719H163.223L163.768 23.5194H164.056L163.51 22.9719C163.645 22.9719 163.773 22.9191 163.868 22.8249C163.964 22.7306 164.018 22.6027 164.02 22.4686V22.4686ZM163.013 22.7404V22.1727H163.452C163.494 22.1676 163.537 22.1715 163.577 22.184C163.618 22.1965 163.655 22.2173 163.687 22.2453C163.719 22.2732 163.745 22.3075 163.763 22.346C163.78 22.3845 163.79 22.4262 163.79 22.4686C163.79 22.6357 163.684 22.7404 163.452 22.7404H163.013Z" fill="white"/> </g> <defs> <clipPath id="clip0_5075_22003"> <rect width="164.861" height="32" fill="white"/> </clipPath> </defs> </svg> </a> <div class="larger:hidden flex gap-2 items-center"> <button class="js-header-search-trigger mr-4" aria-expanded="false" aria-controls="header-search-form"> <span aria-hidden="true"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.93 20.861A6.93 6.93 0 1 0 13.93 7a6.93 6.93 0 0 0 0 13.861Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/><path d="m18.782 18.782 3.466 3.465.877.878 1.125 1.125.75.75" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg> </span> <span class="sr-only">Search toggle</span> </button> <button class="js-header-site-nav-trigger hamburger-menu relative h-8 w-8 rounded" aria-expanded="false" aria-controls="header-main"> <span class="absolute bg-nr-white inline-block rounded h-[3px] left-1/2 transition-all duration-300 ease-in-out -translate-x-1/2 w-6 top-line top-[6px] origin-center"></span> <span class="absolute bg-nr-white inline-block rounded h-[3px] left-1/2 transition-all duration-300 ease-in-out -translate-x-1/2 w-6 middle-line top-[15px]"></span> <span class="absolute bg-nr-white inline-block rounded h-[3px] left-1/2 transition-all duration-300 ease-in-out -translate-x-1/2 w-6 bottom-line bottom-[6px]"></span> <span class="sr-only"> Main navigation menu, 6 items </span> </button> </div> </div> <div class="hidden search-expanded:block js-header-search relative p-4 border-t border-t-gray-4 z-20 larger:grow larger:p-0 larger:border-t-0" id="header-search-form"> <div class="search-form js-search-form search-form--navigation large:bg-nr-black dark"> <form class="flex relative" method="post" action="/search"> <label class="sr-only" for="header-search">Search</label> <input class="js-full-text-search col-start-1 row-start-1 w-full !pr-16" type="search" id="header-search" name="search" placeholder="What are you looking for?" autocomplete="on" autocorrect="off" autocapitalize="off" value="" /> <div class="absolute right-10 flex items-center justify-center h-full w-16"> <button class="js-search-form-submit btn-text"> <span aria-hidden="true"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.93 20.861A6.93 6.93 0 1 0 13.93 7a6.93 6.93 0 0 0 0 13.861Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/><path d="m18.782 18.782 3.466 3.465.877.878 1.125 1.125.75.75" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg> </span> <span class="sr-only">Submit</span> </button> </div> <button class="js-search-form-cancel btn-text !bg-transparent text-nr-black dark:text-nr-white" aria-label="close" type="button"> <span aria-hidden="true"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m8.928 8.928 14.144 14.144m0-14.144L8.928 23.072" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg> </span> </button> </form> </div> <div class="header-search__overlay"></div> </div> <div class="hidden header-expanded:contents larger:contents" id="header-main"> <nav class="js-header-site-nav grow bg-nr-black text-nr-white overflow-y-auto pb-[102px] larger:pb-0 larger:overflow-auto larger:grow-0 larger:bg-transparent larger:text-nr-white larger:search-expanded:invisible" role="navigation"> <ul class="js-header-site-nav-item-list flex flex-col min-h-min m-0 larger:flex-row largest:overflow-hidden"> <li class="js-header-site-nav-item border-b border-b-gray-4 larger:border-0"> <button class="js-header-site-nav-focusable px-10 py-[17px] larger:py-[34px] larger:px-2 largest:px-4 focus-inset focus:outline-4 js-parent-expanded:border-b border-b-gray-4 js-parent-expanded:flex-row-reverse js-parent-expanded:justify-end larger:inline-block larger:js-parent-expanded:border-b-0 larger:border-b-0 js-header-site-nav-button flex w-full items-center justify-between" aria-haspopup="menu"> <span class="text-lg larger:text-base xlarge:text-lg"> Platform </span> <span class="larger:hidden -rotate-90 js-parent-expanded:rotate-90 js-parent-expanded:-ml-2.5 transition-transform"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m9 12.5 7 7 7-7" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg> </span> </button> <div class="js-subnav hidden larger:block larger:invisible larger:opacity-0 larger:absolute larger:left-0 larger:right-0 larger:-translate-x-4 transition-all js-parent-expanded:block js-parent-expanded:visible js-parent-expanded:opacity-100 js-parent-expanded:translate-x-0 border border-solid border-gray-4 medium:gradient-nav-black"> <div class="text-nr-white larger:nr-fluid-container mx-auto"> <div> <div class="paragraph paragraph--type--nav-sub-menu paragraph--view-mode--default"> <div class="grid grid-flow-row gap-6 items-start header-nav-onecol--12"> <div class="large:col-span-12 column--index-1 grid gap-8 grid-cols-1"> <div class="n03-promo-list__wrapper larger:mt-8 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/platform" itemprop="url"> <div class="n03-promo-list flex flex-col larger:flex-row grow gap-2 larger:gap-6 justify-between bg-nr-extra-black medium:bg-transparent larger:rounded-lg larger:border larger:border-transparent px-10 py-6 larger:px-6 larger:group-hover:border-nr-green"> <div class="n03-promo js-n03-promo-slide text-sm"> <div class="n03-promo__logo w-10 mb-4"> <div class="n03-promo__image"> <img width="24" height="24" alt="apm icon" loading="eager" class="svg-image" src=/sites/default/files/2023-09/APM.svg /> </div> </div> <div class="n03-promo__title whitespace-nowrap group-hover:text-nr-white transition-all duration-200"> The All-in-One Observability Platform </div> <div class="text-gray-2"> 30+ capabilities, 750+ integrations, the power of AI, all together. </div> </div> <div class="n03-promo-list__cta text-sm flex items-center"> <div class="h-6 overflow-y-hidden larger:min-w-[120px]"> <div class="float-right transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col group-hover:text-nr-green"> <span class="whitespace-nowrap overflow-x-visible" itemprop="name"> View Platform </span> <span class="whitespace-nowrap overflow-x-visible"> View Platform </span> </div> </div> </div> </div> </a> </div> </div> </div> </div> <div class="paragraph paragraph--type--nav-sub-menu paragraph--view-mode--default"> <div class="grid grid-flow-row gap-6 items-start px-10 header-nav-fourcol--3-3-3-3 larger:grid-flow-col larger:grid-cols-12 larger:px-0 larger:mb-12"> <div class="pt-10 larger:row-end-auto larger:col-span-3 bg- larger:px-0 larger:pt-12 column--index-1 grid gap-8 grid-cols-1"> <div class="n01-link-list" data-accordion-id="n01-list-accordion-APM"> <div class="text-sm text-gray-2 dark:text-gray-2 ml-4 min-h-[16px] pb-2"> APM </div> <ul > <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/platform/application-monitoring" aria-label="APM 360" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">APM 360</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <g clip-path="url(#clip0_476_5355)"> <path d="M13.5 3.5H2.5C2.225 3.5 2 3.725 2 4V12C2 12.275 2.225 12.5 2.5 12.5H13.5C13.775 12.5 14 12.275 14 12V4C14 3.725 13.775 3.5 13.5 3.5ZM13 4.5V7.515L10.955 7.52L9.8575 6.3875C9.7525 6.28 9.605 6.225 9.4525 6.2375C9.3025 6.2525 9.165 6.3325 9.0825 6.46L7.8275 8.35L6.6325 6.915C6.5425 6.805 6.41 6.74 6.2675 6.735C6.1275 6.7275 5.9875 6.785 5.89 6.885L4.795 8.0125H2.9975V4.5H12.9975H13ZM3 11.5V9.015H5.0075C5.1425 9.015 5.2725 8.96 5.365 8.8625L6.22 7.9825L7.49 9.505C7.585 9.62 7.725 9.685 7.875 9.685C7.885 9.685 7.8925 9.685 7.9025 9.685C8.06 9.6775 8.205 9.5925 8.2925 9.4625L9.575 7.53L10.3875 8.37C10.4825 8.4675 10.6125 8.5225 10.7475 8.5225L13 8.515V11.5H3Z" fill="#F9FAFA"/> </g> <defs> <clipPath id="clip0_476_5355"> <rect width="12" height="9" fill="white" transform="translate(2 3.5)"/> </clipPath> </defs> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/platform/serverless-monitoring" aria-label="Serverless" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">Serverless</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M11.9375 12.2425H4.85005C3.24505 12.2425 1.98755 10.9275 1.98755 9.24751C1.98755 7.56751 3.24505 6.25251 4.85005 6.25251C4.99755 6.25251 5.17005 6.26751 5.32255 6.28501L5.42255 6.04001C6.08005 4.65251 7.40005 3.75751 8.79005 3.75751C10.8025 3.75751 12.4375 5.47501 12.4375 7.58251V7.96001L12.6725 8.03251C13.5 8.36001 14.0125 9.14251 14.0125 10.0775C14.0125 11.27 13.0825 12.24 11.9375 12.24V12.2425ZM4.85005 7.25251C3.78755 7.25251 2.98755 8.11001 2.98755 9.24751C2.98755 10.385 3.78755 11.2425 4.85005 11.2425H11.9375C12.53 11.2425 13.0125 10.72 13.0125 10.08C13.0125 9.55501 12.7625 9.15251 12.3225 8.97251L11.4375 8.70501V7.58501C11.4375 6.02751 10.25 4.76001 8.79005 4.76001C7.79005 4.76001 6.82755 5.42501 6.33255 6.45751L5.95005 7.40001L5.55255 7.33001C5.43255 7.31001 5.07255 7.25501 4.85255 7.25501L4.85005 7.25251Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/platform/pathpoint" aria-label="Business Observability" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">Business Observability</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M10.7502 13.1175C11.1652 13.1175 11.5002 12.7825 11.5002 12.3675C11.5002 11.9525 11.1652 11.6175 10.7502 11.6175C10.3352 11.6175 10.0002 11.9525 10.0002 12.3675C10.0002 12.7825 10.3352 13.1175 10.7502 13.1175Z" fill="#F9FAFA"/> <path d="M11.3703 9.88251H2.52781C2.33281 9.88251 2.15781 9.77001 2.07531 9.59501C1.99281 9.42001 2.02031 9.21251 2.14281 9.06251L4.36531 6.38251L2.14281 3.70251C2.02031 3.55251 1.99281 3.34501 2.07531 3.17001C2.15781 2.99501 2.33281 2.88251 2.52781 2.88251H11.3703C11.5328 2.88251 11.6853 2.96001 11.7778 3.09251L13.9078 6.09251C14.0303 6.26501 14.0303 6.49751 13.9078 6.67251L11.7778 9.67251C11.6828 9.80501 11.5328 9.88251 11.3703 9.88251ZM3.59281 8.88251H11.1128L12.8878 6.38251L11.1128 3.88251H3.59281L5.40031 6.06251C5.55281 6.24751 5.55281 6.51501 5.40031 6.70001L3.59281 8.88001V8.88251Z" fill="#F9FAFA"/> <path d="M5.00024 11.8775H2.00024V12.8775H5.00024V11.8775Z" fill="#F9FAFA"/> <path d="M9.00024 11.8775H6.00024V12.8775H9.00024V11.8775Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/solutions/sap" aria-label="SAP Monitoring" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">SAP Monitoring</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M7.79505 11.4963H2.48755C2.21255 11.4963 1.98755 11.2713 1.98755 10.9963V5.00375C1.98755 4.72875 2.21255 4.50375 2.48755 4.50375H13.5125C13.7125 4.50375 13.8925 4.62375 13.9725 4.80625C14.05 4.99125 14.0125 5.20375 13.875 5.34875L8.15755 11.3413C8.06255 11.4413 7.93255 11.4963 7.79505 11.4963ZM2.98755 10.4963H7.58005L12.3425 5.50375H2.98755V10.4963Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/codestream" aria-label="CodeStream" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">CodeStream</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M13.8224 7.64564L8.35494 2.17814C8.15994 1.98314 7.84244 1.98314 7.64744 2.17814L2.17994 7.64564C1.98494 7.84064 1.98494 8.15813 2.17994 8.35313L7.64744 13.8206C7.74494 13.9181 7.87244 13.9681 7.99994 13.9681C8.12744 13.9681 8.25494 13.9181 8.35244 13.8206L13.8199 8.35313C14.0149 8.15813 14.0149 7.84064 13.8199 7.64564H13.8224ZM7.99994 9.20314C7.33494 9.20314 6.79494 8.66313 6.79494 7.99813C6.79494 7.33313 7.33494 6.79313 7.99994 6.79313C8.66494 6.79313 9.20494 7.33313 9.20494 7.99813C9.20494 8.66313 8.66494 9.20314 7.99994 9.20314ZM7.49994 3.73814V5.85563C6.52494 6.08313 5.79494 6.95814 5.79494 8.00064C5.79494 9.04314 6.52494 9.91814 7.49994 10.1456V12.2631L3.23744 8.00064L7.49994 3.73814ZM8.49994 12.2606V10.1431C9.47494 9.91564 10.2049 9.04063 10.2049 7.99813C10.2049 6.95563 9.47494 6.08063 8.49994 5.85313V3.73564L12.7624 7.99813L8.49994 12.2606Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> </ul> </div> <div class="n01-link-list" data-accordion-id="n01-list-accordion-Security"> <div class="text-sm text-gray-2 dark:text-gray-2 ml-4 min-h-[16px] pb-2"> Security </div> <ul > <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/platform/application-security" aria-label="Interactive Application Security Testing (IAST)" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">Interactive Application Security Testing (IAST)</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M10.4626 6.72506H10.1251V6.12506C10.1251 5.56506 9.8976 5.01756 9.5026 4.62256C9.1076 4.22756 8.5601 4.00006 8.0001 4.00006C7.4401 4.00006 6.8926 4.22756 6.4976 4.62256C6.1026 5.01756 5.8751 5.56506 5.8751 6.12506V6.72506H5.5376C5.2626 6.72506 5.0376 6.95006 5.0376 7.22506V10.5001C5.0376 10.7751 5.2626 11.0001 5.5376 11.0001H10.4626C10.7376 11.0001 10.9626 10.7751 10.9626 10.5001V7.22506C10.9626 6.95006 10.7376 6.72506 10.4626 6.72506ZM6.8751 6.12506C6.8751 5.83256 6.9976 5.53506 7.2026 5.32756C7.4076 5.12006 7.7051 5.00006 8.0001 5.00006C8.2951 5.00006 8.5901 5.12256 8.7976 5.32756C9.0051 5.53256 9.1251 5.83006 9.1251 6.12506V6.72506H6.8751V6.12506ZM9.9626 10.0001H6.0376V7.72506H9.9626V10.0001Z" fill="#F9FAFA"/> <path d="M7.99995 9.42501C8.30371 9.42501 8.54995 9.17877 8.54995 8.87501C8.54995 8.57126 8.30371 8.32501 7.99995 8.32501C7.69619 8.32501 7.44995 8.57126 7.44995 8.87501C7.44995 9.17877 7.69619 9.42501 7.99995 9.42501Z" fill="#F9FAFA"/> <path d="M8 2C4.6925 2 2 4.6925 2 8C2 11.3075 4.6925 14 8 14C11.3075 14 14 11.3075 14 8C14 4.6925 11.31 2 8 2ZM8 13C5.2425 13 3 10.7575 3 8C3 5.2425 5.2425 3 8 3C10.7575 3 13 5.2425 13 8C13 10.7575 10.7575 13 8 13Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/platform/vulnerability-management" aria-label="Vulnerability Management" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">Vulnerability Management</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M12.5 7H11.5V5.5C11.5 4.56 11.1375 3.68 10.47 3.0125C9.7875 2.36 8.91 2 8 2C7.045 2 6.14 2.375 5.5125 3.03C4.8575 3.7125 4.5 4.59 4.5 5.5V7H3.5C3.225 7 3 7.225 3 7.5V13.5C3 13.775 3.225 14 3.5 14H12.5C12.775 14 13 13.775 13 13.5V7.5C13 7.225 12.775 7 12.5 7ZM5.5 5.5C5.5 4.85 5.7625 4.2175 6.2375 3.72C6.675 3.2625 7.3175 3 8 3C8.6825 3 9.2825 3.2625 9.7725 3.7275C10.25 4.205 10.5 4.8175 10.5 5.5V7H5.5V5.5ZM12 13H4V8H12V13Z" fill="#F9FAFA"/> <path d="M8 11.5C8.55228 11.5 9 11.0523 9 10.5C9 9.94773 8.55228 9.50002 8 9.50002C7.44772 9.50002 7 9.94773 7 10.5C7 11.0523 7.44772 11.5 8 11.5Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> </ul> </div> </div> <div class="larger:col-span-3 larger:pt-12 column--index-2 grid gap-8"> <div class="n01-link-list" data-accordion-id="n01-list-accordion-Digital Experience Monitoring"> <div class="text-sm text-gray-2 dark:text-gray-2 ml-4 min-h-[16px] pb-2"> Digital Experience Monitoring </div> <ul > <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/platform/browser-monitoring" aria-label="Browser Real User Monitoring" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">Browser Real User Monitoring</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M13.5 2.9875H2.5C2.225 2.9875 2 3.2125 2 3.4875V12.5125C2 12.7875 2.225 13.0125 2.5 13.0125H13.5C13.775 13.0125 14 12.7875 14 12.5125V3.4875C14 3.2125 13.775 2.9875 13.5 2.9875ZM13 3.9875V5.9875H3V3.9875H13ZM3 12.0125V6.9875H13V12.0125H3Z" fill="#F9FAFA"/> <path d="M4.5 5.48749C4.77614 5.48749 5 5.26363 5 4.98749C5 4.71135 4.77614 4.48749 4.5 4.48749C4.22386 4.48749 4 4.71135 4 4.98749C4 5.26363 4.22386 5.48749 4.5 5.48749Z" fill="#F9FAFA"/> <path d="M6.5 5.48749C6.77614 5.48749 7 5.26363 7 4.98749C7 4.71135 6.77614 4.48749 6.5 4.48749C6.22386 4.48749 6 4.71135 6 4.98749C6 5.26363 6.22386 5.48749 6.5 5.48749Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/platform/mobile-monitoring" aria-label="Mobile Real User Monitoring" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">Mobile Real User Monitoring</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M9 11H7V12H9V11Z" fill="#F9FAFA"/> <path d="M10.5 2H5.5C4.6725 2 4 2.6725 4 3.5V12.5C4 13.3275 4.6725 14 5.5 14H10.5C11.3275 14 12 13.3275 12 12.5V3.5C12 2.6725 11.3275 2 10.5 2ZM5.5 3H10.5C10.775 3 11 3.225 11 3.5V8.905H5V3.5C5 3.225 5.225 3 5.5 3ZM10.5 13H5.5C5.225 13 5 12.775 5 12.5V9.905H11V12.5C11 12.775 10.775 13 10.5 13Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/platform/session-replay" aria-label="Session Replay " class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">Session Replay </div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M6.96362 6V10L9.96362 8L6.96362 6Z" fill="#F9FAFA"/> <path d="M7.99867 2.015C6.23117 2.015 4.57867 2.7875 3.44867 4.1125V3.04H2.44867V5.495C2.44867 5.77 2.67367 5.995 2.94867 5.995H5.27867V4.995H4.02367C4.96367 3.75 6.42617 3.015 8.00117 3.015C10.7512 3.015 12.9862 5.2525 12.9862 8C12.9862 10.7475 10.7487 12.985 8.00117 12.985C5.64367 12.985 3.58867 11.31 3.11617 9.005C3.04867 8.6775 3.01367 8.3375 3.01367 8H2.01367C2.01367 8.405 2.05367 8.8125 2.13617 9.205C2.70367 11.975 5.16867 13.985 8.00117 13.985C11.3012 13.985 13.9862 11.3 13.9862 8C13.9862 4.7 11.3012 2.015 8.00117 2.015H7.99867Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/platform/synthetics" aria-label="Synthetics" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">Synthetics</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M13.3545 7.65839L11.6045 5.90839L10.897 6.61588L11.7945 7.51338H5.99945C7.06445 6.77838 8.05445 5.62338 9.02195 4.01088L9.36945 5.29338L10.3345 5.03339L9.68445 2.63338C9.61195 2.36588 9.33945 2.21088 9.07195 2.28088L6.67195 2.93088L6.93195 3.89588L8.11945 3.57338C6.48445 6.27088 4.82695 7.49838 2.83945 7.51338H2.50195V8.51338H2.50445H2.80195C4.79695 8.51338 6.45695 9.73089 8.09445 12.4184L6.92945 12.1034L6.66945 13.0684L9.06945 13.7184C9.11195 13.7309 9.15695 13.7359 9.19945 13.7359C9.41945 13.7359 9.62195 13.5884 9.68195 13.3659L10.332 10.9659L9.36695 10.7059L9.01445 12.0109C8.04695 10.4009 7.05695 9.24588 5.98945 8.51338H11.792L10.8945 9.41088L11.602 10.1184L13.352 8.36838C13.547 8.17338 13.547 7.85588 13.352 7.66088L13.3545 7.65839Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/platform/web-performance-monitoring" aria-label="Web Performance Monitoring" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">Web Performance Monitoring</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M7 8.99875H4V9.99875H7V8.99875Z" fill="#F9FAFA"/> <path d="M9.98511 8.99875H7.98511V9.99875H9.98511V8.99875Z" fill="#F9FAFA"/> <path d="M12 8.99875H11V9.99875H12V8.99875Z" fill="#F9FAFA"/> <path d="M13.5 2.99625H2.5C2.225 2.99625 2 3.22125 2 3.49625V12.5037C2 12.7787 2.225 13.0037 2.5 13.0037H13.5C13.775 13.0037 14 12.7787 14 12.5037V3.49625C14 3.22125 13.775 2.99625 13.5 2.99625ZM13 3.99625V5.99625H3V3.99625H13ZM3 12.0037V6.99624H13V12.0037H3Z" fill="#F9FAFA"/> <path d="M4.5 5.49625C4.77614 5.49625 5 5.27239 5 4.99625C5 4.7201 4.77614 4.49625 4.5 4.49625C4.22386 4.49625 4 4.7201 4 4.99625C4 5.27239 4.22386 5.49625 4.5 5.49625Z" fill="#F9FAFA"/> <path d="M6.5 5.49625C6.77614 5.49625 7 5.27239 7 4.99625C7 4.7201 6.77614 4.49625 6.5 4.49625C6.22386 4.49625 6 4.7201 6 4.99625C6 5.27239 6.22386 5.49625 6.5 5.49625Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> </ul> </div> <div class="n01-link-list" data-accordion-id="n01-list-accordion-Artificial Intelligence"> <div class="text-sm text-gray-2 dark:text-gray-2 ml-4 min-h-[16px] pb-2"> Artificial Intelligence </div> <ul > <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/platform/new-relic-ai" aria-label="New Relic AI" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">New Relic AI</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" id="icon" viewBox="0 0 24 24" width="16" height="16"> <defs> <style>.cls-1{fill:#fff;stroke-width:0px;}</style> </defs> <path class="cls-1" d="M12,20h-1c0-3.86-3.14-7-7-7v-1c3.86,0,7-3.14,7-7h1c0,3.86,3.14,7,7,7v1c-3.86,0-7,3.14-7,7ZM6.79,12.5c2.17.81,3.9,2.54,4.71,4.71.81-2.17,2.54-3.9,4.71-4.71-2.17-.81-3.9-2.54-4.71-4.71-.81,2.17-2.54,3.9-4.71,4.71Z"/> <path class="cls-1" d="M18,4c0,1.79.21,2,2,2v1c-1.79,0-2,.21-2,2h-1c0-1.79-.21-2-2-2v-1c1.79,0,2-.21,2-2h1Z"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/platform/applied-intelligence" aria-label="AIOps" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">AIOps</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" id="icon" viewBox="0 0 24 24" width="16" height="16"> <defs> <style>.cls-1{fill:#fff;stroke-width:0px;}</style> </defs> <path class="cls-1" d="M18,4h-1c0,1.79-.21,2-2,2v1c1.79,0,2,.21,2,2h1c0-1.79.21-2,2-2v-1c-1.79,0-2-.21-2-2Z"/> <path class="cls-1" d="M14.99,10.44c0-.79-.64-1.44-1.44-1.44h-3.09v-1h-1v1h-3.04c-.79,0-1.43.65-1.43,1.44v3.57h-.99v1h.99v2.55c0,.79.64,1.44,1.43,1.44h3.04v1h1v-1h3.09c.79,0,1.44-.65,1.44-1.44v-2.55h1.01v-1h-1.01v-3.57ZM13.99,17.56c0,.24-.2.44-.44.44h-7.13c-.24,0-.44-.2-.44-.44v-7.12c0-.24.2-.44.44-.44h7.13c.24,0,.44.2.44.44v7.12Z"/> <path class="cls-1" d="M9.93,15.34c-1.14,0-1.66-.51-1.68-.52l-.73.69s.81.84,2.4.84,2.37-.8,2.4-.84l-.72-.69s-.54.53-1.68.53Z"/> <path class="cls-1" d="M8.33,13.56c.4,0,.72-.32.72-.72s-.32-.72-.72-.72-.72.32-.72.72.32.72.72.72Z"/> <path class="cls-1" d="M11.52,13.56c.4,0,.72-.32.72-.72s-.32-.72-.72-.72-.72.32-.72.72.32.72.72.72Z"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/platform/ai-monitoring" aria-label="AI Monitoring" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">AI Monitoring</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" id="icon" viewBox="0 0 24 24" width="16" height="16"> <defs> <style>.cls-1{fill:#fff;stroke-width:0px;}</style> </defs> <path class="cls-1" d="M18,4c0,1.79.21,2,2,2v1c-1.79,0-2,.21-2,2h-1c0-1.79-.21-2-2-2v-1c1.79,0,2-.21,2-2h1Z"/> <path class="cls-1" d="M12,19s-.01,0-.02,0c-.22,0-.41-.17-.46-.38l-2.2-9.16-1.5,5.19c-.06.21-.26.36-.48.36h-3.33v-1h2.96l1.92-6.64c.06-.22.26-.36.49-.36.23,0,.42.16.47.38l2.23,9.3,1.78-5.34c.07-.2.24-.33.45-.34.23,0,.4.11.48.3l1.2,2.7h4.01v1h-4.33c-.2,0-.38-.12-.46-.3l-.81-1.82-1.92,5.78c-.07.2-.26.34-.47.34Z"/> </svg> </span> </div> </div> </a> </li> </ul> </div> </div> <div class="larger:col-span-3 larger:pt-12 column--index-3 grid gap-8"> <div class="n01-link-list" data-accordion-id="n01-list-accordion-Infrastructure"> <div class="text-sm text-gray-2 dark:text-gray-2 ml-4 min-h-[16px] pb-2"> Infrastructure </div> <ul > <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/platform/infrastructure" aria-label="Infrastructure Monitoring" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">Infrastructure Monitoring</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M8 9.42533C7.9125 9.42533 7.8275 9.40283 7.75 9.35783L2.25 6.18283C2.095 6.09533 2 5.93033 2 5.75033C2 5.57033 2.095 5.40533 2.25 5.31783L7.75 2.14283C7.905 2.05283 8.095 2.05283 8.25 2.14283L13.75 5.31783C13.905 5.40783 14 5.57283 14 5.75033C14 5.92783 13.905 6.09533 13.75 6.18283L8.25 9.35783C8.1725 9.40283 8.0875 9.42533 8 9.42533ZM3.5 5.75033L8 8.34783L12.5 5.75033L8 3.15283L3.5 5.75033Z" fill="#F9FAFA"/> <path d="M7.99988 11.6751C7.91238 11.6751 7.82738 11.6526 7.74988 11.6076L2.24988 8.43259C2.00988 8.29509 1.92988 7.98759 2.06738 7.75009C2.20488 7.51009 2.50988 7.42759 2.74988 7.56759L7.99988 10.5976L13.2499 7.56759C13.4899 7.43009 13.7949 7.51259 13.9324 7.75009C14.0699 7.99009 13.9874 8.29509 13.7499 8.43259L8.24988 11.6076C8.17238 11.6526 8.08738 11.6751 7.99988 11.6751Z" fill="#F9FAFA"/> <path d="M7.99988 13.9251C7.91238 13.9251 7.82738 13.9026 7.74988 13.8576L2.24988 10.6826C2.00988 10.5451 1.92988 10.2376 2.06738 10.0001C2.20488 9.76009 2.50988 9.67759 2.74988 9.81759L7.99988 12.8476L13.2499 9.81759C13.4899 9.68009 13.7949 9.76259 13.9324 10.0001C14.0699 10.2401 13.9874 10.5451 13.7499 10.6826L8.24988 13.8576C8.17238 13.9026 8.08738 13.9251 7.99988 13.9251Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/platform/kubernetes-pixie" aria-label="Kubernetes Monitoring" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">Kubernetes Monitoring</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M12.4901 8.705C12.5951 7.705 12.3651 6.6775 11.8051 5.8025L13.0101 4.8475L12.3901 4.065L11.1751 5.0275C10.4251 4.29 9.4751 3.8675 8.5001 3.765V2.18H7.5001V3.77C6.5351 3.8825 5.6001 4.3025 4.8601 5.0375L3.6351 4.0625L3.0126 4.845L4.2351 5.8175C3.7826 6.53 3.5376 7.3575 3.5376 8.2275C3.5376 8.3825 3.5451 8.5375 3.5601 8.6875L2.0376 9.04L2.2626 10.015L3.7726 9.665C3.9901 10.315 4.3501 10.91 4.8451 11.405C5.0801 11.64 5.3351 11.84 5.6051 12.0125L4.9476 13.3875L5.8501 13.82L6.5076 12.45C6.9951 12.6225 7.5026 12.7125 8.0151 12.7125C8.5276 12.7125 9.0176 12.625 9.4976 12.46L10.1501 13.82L11.0526 13.3875L10.4026 12.0325C10.6851 11.8575 10.9551 11.6525 11.2026 11.41H11.2051C11.7076 10.905 12.0601 10.31 12.2751 9.6775L13.7376 10.015L13.9626 9.04L12.4901 8.7V8.705ZM8.4976 4.775C9.1801 4.8675 9.8376 5.1625 10.3801 5.6575L8.4976 7.1475V4.775ZM7.9976 7.4575C8.3976 7.4575 8.7226 7.7825 8.7226 8.1825C8.7226 8.5825 8.3976 8.9075 7.9976 8.9075C7.5976 8.9075 7.2726 8.5825 7.2726 8.1825C7.2726 7.7825 7.5976 7.4575 7.9976 7.4575ZM7.4976 4.7825V7.145L5.6501 5.6725C6.1801 5.18 6.8276 4.885 7.4976 4.7825ZM4.5351 8.2325C4.5351 7.5925 4.7076 6.9825 5.0226 6.45L6.8776 7.9275L4.5476 8.465C4.5426 8.3875 4.5376 8.31 4.5376 8.2325H4.5351ZM6.0401 11.1075C5.8676 10.99 5.7026 10.8575 5.5501 10.7025C5.1901 10.3425 4.9226 9.9125 4.7501 9.4425L7.0951 8.9L6.0376 11.105L6.0401 11.1075ZM6.9376 11.5475L7.9951 9.34L9.0576 11.5575C8.3651 11.77 7.6226 11.7675 6.9376 11.5475ZM10.4926 10.7025C10.3276 10.865 10.1501 11.0075 9.9626 11.13L8.8951 8.9025L11.2901 9.455C11.1201 9.91 10.8576 10.3375 10.4926 10.7025ZM11.5001 8.4775L9.1176 7.9275L11.0076 6.43C11.3851 7.055 11.5476 7.7725 11.5001 8.4775Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/platform/network-performance-monitoring" aria-label="Network Monitoring" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">Network Monitoring</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M12.0012 3H9.00122V6H7.00372V3H3.00372V7H6.00622V9H3.00122V13H7.00122V10H8.99872V13H11.9987H12.9987V9H9.99872V7H12.9987V3H11.9987H12.0012ZM4.00122 6V4H6.00372V6H4.00122ZM6.00372 12H4.00122V9.9975H6.00372V12ZM12.0012 10V12H10.0012V10H12.0012ZM9.00122 9H7.00372V7H9.00122V9ZM12.0012 6H10.0012V4H12.0012V6Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/solutions/prometheus-monitoring" aria-label="Prometheus Monitoring" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">Prometheus Monitoring</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M11.1363 9.00845H3.96631V10.0085H4.54631L6.30631 13.7185C6.38881 13.8935 6.56381 14.0034 6.75881 14.0034H9.24131C9.43381 14.0034 9.61131 13.891 9.69381 13.7185L11.4538 10.0085H12.0338V9.00845H11.1388H11.1363ZM8.92381 13.0034H7.07381L5.65381 10.0085H10.3463L8.92631 13.0034H8.92381Z" fill="#F9FAFA"/> <path d="M5.17875 8.00876C5.17875 8.00876 5.17375 7.99126 5.17125 7.98376C5.04375 7.67126 4.98375 7.34876 4.99125 7.01376C4.99125 5.70876 6.95125 3.93126 7.99875 3.12126C9.04875 3.92876 11.0062 5.70876 11.0062 7.02376C11.0137 7.34876 10.9512 7.67126 10.8262 7.98126C10.8237 7.98876 10.8212 7.99876 10.8187 8.00626H11.8737C11.9687 7.67876 12.0137 7.34376 12.0062 7.01126C12.0062 4.80376 8.66875 2.36126 8.28875 2.08876C8.11375 1.96626 7.88125 1.96626 7.70875 2.08876C7.67125 2.11626 6.78875 2.74876 5.89125 3.64376C4.63125 4.90376 3.99125 6.03626 3.99125 6.99876C3.98375 7.33876 4.03125 7.67626 4.12375 8.00376H5.17875V8.00876Z" fill="#F9FAFA"/> <path d="M8.3314 5.59627C8.1414 5.42627 7.8539 5.42627 7.6639 5.59627C6.9864 6.20377 6.4814 6.95626 6.2014 7.77626C6.1739 7.85376 6.1714 7.93377 6.1814 8.00877H7.1839C7.3614 7.52627 7.6364 7.07126 7.9964 6.67376C8.3564 7.07376 8.6314 7.52627 8.8089 8.00877H9.8114C9.8214 7.93377 9.8189 7.85376 9.7914 7.77626C9.5139 6.95876 9.0064 6.20377 8.3289 5.59627H8.3314Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/partners/aws-monitoring" aria-label="AWS Cloud Monitoring" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">AWS Cloud Monitoring</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none"> <g clip-path="url(#clip0_9754_1997)"> <path d="M13.5975 9.35481C13.5325 9.35481 13.465 9.34231 13.4 9.31481C13.1475 9.20481 13.03 8.91232 13.1375 8.65732C13.3525 8.15732 13.4625 7.60232 13.4625 7.02982C12.895 7.08732 12.3525 7.25232 11.8775 7.51732C11.635 7.65232 11.3325 7.56482 11.1975 7.32232C11.0625 7.07982 11.15 6.77732 11.3925 6.64232C12.1475 6.22232 13.0275 6.01482 13.9375 6.00732C14.1925 6.00732 14.405 6.20232 14.4325 6.45482C14.5275 7.35982 14.3975 8.25732 14.0575 9.05232C13.975 9.24231 13.7925 9.35481 13.5975 9.35481Z" fill="#F9FAFA"/> <path d="M8.04005 10.9923C5.98255 10.9923 3.73504 9.68483 2.56254 7.75734C2.42004 7.52234 2.49504 7.21484 2.73004 7.06984C2.96504 6.92734 3.27254 6.99984 3.41754 7.23734C4.62504 9.22483 6.82255 10.1223 8.37505 9.97733C9.63755 9.86233 10.6125 9.38733 11.64 8.39234C11.8375 8.19984 12.155 8.20484 12.3475 8.40234C12.54 8.59984 12.535 8.91733 12.3375 9.10983C11.15 10.2623 9.95505 10.8373 8.46755 10.9748C8.32755 10.9873 8.18505 10.9948 8.04255 10.9948L8.04005 10.9923Z" fill="#F9FAFA"/> </g> <defs> <clipPath id="clip0_9754_1997"> <rect width="11.975" height="4.98499" fill="white" transform="translate(2.48999 6.00732)"/> </clipPath> </defs> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/solutions/partners/azure" aria-label="Azure Cloud Monitoring" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">Azure Cloud Monitoring</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M12.755 12.7118C12.7 12.7118 12.645 12.7018 12.59 12.6843L6.58 10.5793C6.32 10.4868 6.1825 10.2018 6.2725 9.9418C6.365 9.6818 6.65 9.5443 6.91 9.6343L11.7075 11.3168L8.215 4.7743L3.6675 11.9018C3.52 12.1343 3.21 12.2018 2.9775 12.0543C2.745 11.9068 2.675 11.5968 2.825 11.3643L7.83 3.5168C7.925 3.3668 8.0875 3.2743 8.27 3.2868C8.4475 3.2943 8.6075 3.3943 8.6925 3.5518L13.195 11.9793C13.2925 12.1618 13.2675 12.3843 13.1325 12.5393C13.035 12.6518 12.895 12.7143 12.7525 12.7143L12.755 12.7118Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/partners/gcp" aria-label="Google Cloud Monitoring" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">Google Cloud Monitoring</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M12.6725 7.02625L12.4375 6.95375V6.57625C12.4375 4.46625 10.8 2.75125 8.79005 2.75125C7.40255 2.75125 6.08005 3.64625 5.42255 5.03375L5.32255 5.27875C5.17005 5.26125 5.00005 5.24625 4.85005 5.24625C3.24505 5.24625 1.98755 6.56125 1.98755 8.24125C1.98755 9.92125 3.24505 11.2363 4.85005 11.2363H5.97505V10.2363H4.85005C3.78755 10.2363 2.98755 9.37875 2.98755 8.24125C2.98755 7.10375 3.78755 6.24625 4.85005 6.24625C5.07255 6.24625 5.43255 6.30125 5.55255 6.32125L5.95005 6.39125L6.33255 5.44875C6.82755 4.41625 7.79005 3.75125 8.79005 3.75125C10.25 3.75125 11.4375 5.01875 11.4375 6.57625V7.69625L12.3225 7.96375C12.76 8.14375 13.0125 8.54625 13.0125 9.07125C13.0125 9.71375 12.53 10.2338 11.9375 10.2338H10.975V11.2338H11.9375C13.0825 11.2338 14.0125 10.2638 14.0125 9.07125C14.0125 8.13625 13.5 7.35375 12.6725 7.02625Z" fill="#F9FAFA"/> <path d="M8.12256 7.41645L6.37256 9.16645L7.08006 9.87395L7.97756 8.97645V13.249H8.97756V8.97645L9.87506 9.87395L10.5826 9.16645L8.83256 7.41645C8.63756 7.22145 8.32006 7.22145 8.12506 7.41645H8.12256Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> </ul> </div> <div class="n01-link-list" data-accordion-id="n01-list-accordion-Logs"> <div class="text-sm text-gray-2 dark:text-gray-2 ml-4 min-h-[16px] pb-2"> Logs </div> <ul > <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/platform/log-management" aria-label="Log Management" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">Log Management</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M13.5 2.5H2.5C2.225 2.5 2 2.725 2 3V11C2 11.275 2.225 11.5 2.5 11.5H7.5V12.5H5V13.5H11V12.5H8.5V11.5H13.5C13.775 11.5 14 11.275 14 11V3C14 2.725 13.775 2.5 13.5 2.5ZM13 10.5H3V3.5H13V10.5Z" fill="#F9FAFA"/> <path d="M11 4.5H4V5.5H11V4.5Z" fill="#F9FAFA"/> <path d="M12 6.5H4V7.5H12V6.5Z" fill="#F9FAFA"/> <path d="M9 8.5H4V9.5H9V8.5Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> </ul> </div> </div> <div class="larger:col-span-3 larger:pt-12 larger:pr-8 column--index-4 grid gap-8"> <div class="n01-link-list" data-accordion-id="n01-list-accordion-Platform Capabilities"> <div class="text-sm text-gray-2 dark:text-gray-2 ml-4 min-h-[16px] pb-2"> Platform Capabilities </div> <ul > <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/solutions/opentelemetry" aria-label="OpenTelemetry " class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">OpenTelemetry </div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M3.73672 8.30933C4.13672 8.30933 4.46172 7.98432 4.46172 7.58432C4.46172 7.18432 4.13672 6.85931 3.73672 6.85931C3.33672 6.85931 3.01172 7.18432 3.01172 7.58432C3.01172 7.98432 3.33672 8.30933 3.73672 8.30933Z" fill="#F9FAFA"/> <path d="M13.2667 4.93182L10.5167 2.18182C10.4192 2.08432 10.2817 2.0268 10.1492 2.0368C10.0117 2.0418 9.88174 2.10181 9.78924 2.20431L7.88924 4.32931C7.72424 4.51431 7.72174 4.7843 7.87424 4.9743L2.71924 10.5993C2.53924 10.7968 2.54424 11.1018 2.73424 11.2918L4.15924 12.7168C4.25674 12.8143 4.38424 12.8643 4.51174 12.8643C4.63174 12.8643 4.75424 12.8218 4.84924 12.7318L7.26174 10.5218V13.9643H8.26174V9.6068L10.4767 7.57931C10.5667 7.65181 10.6767 7.69183 10.7867 7.69183C10.9067 7.69183 11.0242 7.64932 11.1192 7.56432L13.2442 5.6643C13.3467 5.5718 13.4067 5.44181 13.4117 5.30431C13.4167 5.16681 13.3617 5.03432 13.2667 4.93682V4.93182ZM4.52924 11.6693L3.78174 10.9218L8.57924 5.68432L9.76674 6.87182L4.52924 11.6718V11.6693ZM10.8092 6.49932L8.95174 4.64181L10.1842 3.26431L12.1867 5.26681L10.8092 6.49932Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/platform/new-relic-ai" aria-label="New Relic AI" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">New Relic AI</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" id="icon" viewBox="0 0 24 24" width="16" height="16"> <defs> <style>.cls-1{fill:#fff;stroke-width:0px;}</style> </defs> <path class="cls-1" d="M12,20h-1c0-3.86-3.14-7-7-7v-1c3.86,0,7-3.14,7-7h1c0,3.86,3.14,7,7,7v1c-3.86,0-7,3.14-7,7ZM6.79,12.5c2.17.81,3.9,2.54,4.71,4.71.81-2.17,2.54-3.9,4.71-4.71-2.17-.81-3.9-2.54-4.71-4.71-.81,2.17-2.54,3.9-4.71,4.71Z"/> <path class="cls-1" d="M18,4c0,1.79.21,2,2,2v1c-1.79,0-2,.21-2,2h-1c0-1.79-.21-2-2-2v-1c1.79,0,2-.21,2-2h1Z"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/platform/errors-inbox" aria-label="Errors Inbox" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">Errors Inbox</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M13.65 10.9488L13.905 9.98126L12.4275 9.59376C12.4575 9.38876 12.4775 9.17876 12.4775 8.96626C12.4775 8.69376 12.45 8.43126 12.4025 8.17126L13.7175 7.45376L13.2375 6.57626L12.11 7.19126C11.695 6.22876 10.9525 5.44126 10.025 4.96376C10.275 4.40626 10.8125 3.51376 11.675 3.51376C11.95 3.51376 12.175 3.28876 12.175 3.01376C12.175 2.73876 11.95 2.51376 11.675 2.51376C10.2125 2.51376 9.42247 3.84626 9.08747 4.60876C8.72997 4.51626 8.35997 4.46376 7.97497 4.46376C7.58997 4.46376 7.23247 4.51626 6.88247 4.60376C6.55997 3.85126 5.76747 2.46376 4.27497 2.46376C3.99997 2.46376 3.77497 2.68876 3.77497 2.96376C3.77497 3.23876 3.99997 3.46376 4.27497 3.46376C5.15997 3.46376 5.69997 4.40126 5.94247 4.95376C5.00747 5.42876 4.25747 6.22126 3.83997 7.18876L2.71247 6.57376L2.23247 7.45126L3.54747 8.16876C3.49997 8.42626 3.47247 8.69126 3.47247 8.96376C3.47247 9.18126 3.49247 9.39376 3.52247 9.60376L2.09497 9.97876L2.34997 10.9463L3.77497 10.5713C3.95747 11.0438 4.21247 11.4788 4.53247 11.8588L3.48997 12.7913L4.15497 13.5363L5.26247 12.5463C6.01747 13.1188 6.95497 13.4613 7.97247 13.4613C8.98997 13.4613 9.94997 13.1088 10.71 12.5263L11.84 13.5363L12.505 12.7913L11.435 11.8338C11.7475 11.4563 11.9975 11.0263 12.175 10.5588L13.645 10.9463L13.65 10.9488ZM7.97747 5.46626C8.34747 5.46626 8.70497 5.52626 9.03997 5.63126C9.09497 5.68126 9.15997 5.72126 9.23747 5.74376C9.28497 5.75626 9.32997 5.76376 9.37747 5.76376C9.37997 5.76376 9.38247 5.76376 9.38497 5.76376C10.1525 6.10376 10.7725 6.70876 11.135 7.46626H4.81997C5.38247 6.28626 6.58497 5.46626 7.97747 5.46626ZM4.51747 8.46626H7.47747V12.4263C5.78497 12.1813 4.47747 10.7263 4.47747 8.96626C4.47747 8.79626 4.49497 8.63126 4.51747 8.46626ZM8.47747 12.4263V8.46626H11.4375C11.46 8.63126 11.4775 8.79626 11.4775 8.96626C11.4775 10.7263 10.17 12.1813 8.47747 12.4263Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/platform/alerts" aria-label="Alerts" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">Alerts</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M8.00012 1.98875L2.49512 4.98125V11.0188L8.00012 14.0113L13.5051 11.0188V4.98125L8.00012 1.98875ZM12.5051 10.4238L8.00012 12.8713L3.49512 10.4238V5.57626L8.00012 3.12876L12.5051 5.57626V10.4238Z" fill="#F9FAFA"/> <path d="M8.49512 5.50359H7.49512V8.94109H8.49512V5.50359Z" fill="#F9FAFA"/> <path d="M8.49512 9.49609H7.49512V10.4961H8.49512V9.49609Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/platform/dashboards" aria-label="Dashboards" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">Dashboards</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M13.5 2.5H2.5C2.225 2.5 2 2.725 2 3V11C2 11.275 2.225 11.5 2.5 11.5H7.5V12.5H5.5V13.5H10.5V12.5H8.5V11.5H13.5C13.775 11.5 14 11.275 14 11V3C14 2.725 13.775 2.5 13.5 2.5ZM13 10.5H3V3.5H13V10.5Z" fill="#F9FAFA"/> <path d="M7.62497 9.4675V8.44749C7.09997 8.31249 6.68747 7.9 6.55247 7.375H5.53247C5.69497 8.4525 6.54747 9.305 7.62497 9.4675Z" fill="#F9FAFA"/> <path d="M10.495 7C10.495 5.75 9.575 4.715 8.375 4.5325V5.55251C9.02 5.72001 9.495 6.305 9.495 7C9.495 7.695 9.02 8.27999 8.375 8.44749V9.4675C9.575 9.2875 10.495 8.25 10.495 7Z" fill="#F9FAFA"/> <path d="M7.62497 5.55251V4.5325C6.54747 4.695 5.69497 5.5475 5.53247 6.625H6.55247C6.68747 6.1 7.09997 5.68751 7.62497 5.55251Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/platform/change-tracking" aria-label="Change Tracking" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">Change Tracking</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M6.47137 12.245H6.46887C6.26637 12.245 6.08387 12.12 6.00887 11.9325L4.82387 9.01502L4.17887 10.45C4.09887 10.63 3.91887 10.745 3.72387 10.745H2.02637V9.74752H3.39887L4.39137 7.54002C4.47137 7.36002 4.65137 7.24502 4.84637 7.24502H4.85637C5.05637 7.24752 5.23387 7.37252 5.31137 7.55752L6.48137 10.4375L8.53887 5.55502C8.61887 5.36502 8.80387 5.23502 9.01137 5.25002C9.21637 5.25502 9.39887 5.38502 9.46887 5.57752L11.3589 10.735L13.9739 10.745L13.9689 11.745L11.0064 11.7325C10.7964 11.7325 10.6114 11.6 10.5389 11.405L8.96637 7.11502L6.93137 11.94C6.85387 12.125 6.67137 12.245 6.47137 12.245Z" fill="#F9FAFA"/> <path d="M9.03638 13.25C9.45138 13.25 9.78638 12.915 9.78638 12.5C9.78638 12.085 9.45138 11.75 9.03638 11.75C8.62138 11.75 8.28638 12.085 8.28638 12.5C8.28638 12.915 8.62138 13.25 9.03638 13.25Z" fill="#F9FAFA"/> <path d="M9.03638 4.25C9.45138 4.25 9.78638 3.915 9.78638 3.5C9.78638 3.085 9.45138 2.75 9.03638 2.75C8.62138 2.75 8.28638 3.085 8.28638 3.5C8.28638 3.915 8.62138 4.25 9.03638 4.25Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/platform/explorer" aria-label="Entity Explorer" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">Entity Explorer</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M11.255 6.94498V3.87498L7.99999 2.04498L4.74499 3.87498V6.94498L1.98999 8.46748V12.155L5.24499 13.955L7.99999 12.4325L10.755 13.955L14.01 12.155V8.46748L11.255 6.94498ZM5.74499 4.45998L7.99999 3.19249L10.255 4.45998V6.94498L7.99999 8.19249L5.74499 6.94498V4.45998ZM5.24499 12.8125L2.98999 11.565V9.05748L5.24499 7.80998L7.49999 9.05748V11.565L5.24499 12.8125ZM13.01 11.565L10.755 12.8125L8.49999 11.565V9.05748L10.755 7.80998L13.01 9.05748V11.565Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> <li class="n01-link rounded border-solid border-transparent hover:border-nr-green focus:border-nr-green border p-[3px] pl-4 transition-all duration-200 group" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/instant-observability" aria-label="Integrations" class="flex flex-row grow justify-between items-stretch gap-2" itemprop="url"> <div class="inline-block flex items-center text-sm group-hover:text-nr-white" itemprop="name">Integrations</div> <div class="invisible group-hover:visible bg-nr-glass rounded-sm flex items-center"> <div class="p-[5px]"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M13.7487 4.39251L10.0987 2.26751C9.94372 2.17751 9.75372 2.17751 9.59872 2.26751L5.89872 4.39251L2.24872 6.51751C2.09372 6.60751 2.00122 6.77251 2.00122 6.95001V11.175C2.00122 11.3525 2.09622 11.5175 2.24872 11.6075L5.89872 13.7325C5.97622 13.7775 6.06372 13.8 6.15122 13.8C6.23872 13.8 6.32372 13.7775 6.40122 13.7325L10.1012 11.6075L13.7512 9.48251C13.9062 9.39251 13.9987 9.22751 13.9987 9.05001V4.82501C13.9987 4.64751 13.9037 4.48251 13.7512 4.39251H13.7487ZM9.34622 10.31L6.64622 8.76V5.68753L9.34622 7.23751V10.31ZM6.14872 12.7225L2.99622 10.8875V7.23751L5.64622 5.695V9.05001C5.64622 9.23001 5.74122 9.39501 5.89622 9.48251L8.84122 11.175L6.14622 12.7225H6.14872ZM12.9962 8.76251L10.3462 10.305V6.95001C10.3462 6.77001 10.2512 6.60501 10.0962 6.51751L7.15122 4.82501L9.84622 3.27752L12.9987 5.11251V8.76251H12.9962Z" fill="#F9FAFA"/> </svg> </span> </div> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </li> <li class="js-header-site-nav-item border-b border-b-gray-4 larger:border-0" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a class="js-header-site-nav-focusable px-10 py-[17px] larger:py-[34px] larger:px-2 largest:px-4 focus-inset focus:outline-4 js-parent-expanded:border-b border-b-gray-4 js-parent-expanded:flex-row-reverse js-parent-expanded:justify-end larger:inline-block larger:js-parent-expanded:border-b-0 larger:border-b-0 js-header-site-nav-button flex w-full items-center justify-between header-site-nav__item-link" href="/pricing" itemprop="url"> <span class="text-lg larger:text-base xlarge:text-lg" itemprop="name"> Pricing </span> </a> </li> <li class="js-header-site-nav-item border-b border-b-gray-4 larger:border-0" itemscope itemtype="https://schema.org/SiteNavigationElement"> <button class="js-header-site-nav-focusable px-10 py-[17px] larger:py-[34px] larger:px-2 largest:px-4 focus-inset focus:outline-4 js-parent-expanded:border-b border-b-gray-4 js-parent-expanded:flex-row-reverse js-parent-expanded:justify-end larger:inline-block larger:js-parent-expanded:border-b-0 larger:border-b-0 js-header-site-nav-button flex w-full items-center justify-between header-site-nav__item-link" aria-haspopup="menu"> <span class="text-lg larger:text-base xlarge:text-lg"> Solutions </span> <span class="larger:hidden -rotate-90 js-parent-expanded:rotate-90 js-parent-expanded:-ml-2.5 transition-transform"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m9 12.5 7 7 7-7" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg> </span> </button> <div class="js-subnav hidden larger:block larger:invisible larger:opacity-0 larger:absolute larger:left-0 larger:right-0 larger:-translate-x-4 transition-all js-parent-expanded:block js-parent-expanded:visible js-parent-expanded:opacity-100 js-parent-expanded:translate-x-0 border border-solid border-gray-4 medium:gradient-nav-black"> <div class="text-nr-white larger:nr-fluid-container mx-auto"> <div> <div class="paragraph paragraph--type--nav-sub-menu paragraph--view-mode--default"> <div class="grid grid-flow-row gap-6 items-start px-10 header-nav-fourcol--3-3-3-3 larger:grid-flow-col larger:grid-cols-12 larger:px-0 larger:mb-12"> <div class="row-end-5 py-8 larger:row-end-auto larger:col-span-3 bg- larger:px-0 larger:pt-12 column--index-1 grid gap-8 grid-cols-1"> <section class="js-n02-text n02-text--header overflow-auto"> <div class="rounded mb-6 overflow-hidden w-full max-small:max-h-[111px]"> <img loading="lazy" src="/sites/default/files/2024-08/customer-stories-desktop-jpg.jpg" width="480" height="304" alt="Customer Stories" /> </div> <div class="text-style-body text-nr-white medium:text-gray-2"> <p>The world's leading companies run on New Relic.</p> </div> <div class="flex gap-4 mt-4"> <div class="w-full medium:w-fit" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/customers" aria-label="Customer Stories" itemprop="url" class="btn-green btn bg-nr-green text-nr-black small:inline-flex w-full medium:w-fit btn-small group max-w-full" > <div class="h-[22px] overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block" itemprop="name"> Customer Stories </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> Customer Stories </span> </div> </div> </a> </div> </div> </section> </div> <div class="larger:col-span-3 pt-10 larger:pt-12 column--index-2 grid gap-8"> <div class="n01-link-list -mx-5 medium:mx-0"> <div class="text-sm text-gray-2 ml-4 min-h-[16px]"> Use Cases </div> <ul class="flex flex-col mb-0"> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/solutions/digital-experience-monitoring" aria-label="Digital Experience Monitoring" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">Digital Experience Monitoring</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/practices/reactive-to-responsive" aria-label="Go from reactive to responsive" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">Go from reactive to responsive</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/devops" aria-label="DevOps" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">DevOps</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/solutions/tool-consolidation" aria-label="Tool Consolidation" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">Tool Consolidation</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/solutions/open-source" aria-label="Open Source" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">Open Source</div> </div> </a> </li> </ul> </div> </div> <div class="larger:col-span-3 larger:pt-12 column--index-3 grid gap-8"> <div class="n01-link-list -mx-5 medium:mx-0"> <div class="text-sm text-gray-2 ml-4 min-h-[16px]"> Industries </div> <ul class="flex flex-col mb-0"> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/solutions/industry/retail-and-ecommerce-monitoring" aria-label="Retail & Ecommerce" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">Retail & Ecommerce</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/solutions/industry/healthcare" aria-label="Healthcare" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">Healthcare</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/solutions/industry/digital-media-monitoring" aria-label="Media & Entertainment" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">Media & Entertainment</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/solutions/industry/startups" aria-label="New Relic for Startups" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">New Relic for Startups</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/social-impact/signup" aria-label="Nonprofit" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">Nonprofit</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/solutions/industry/public-sector" aria-label="Public Sector" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">Public Sector</div> </div> </a> </li> </ul> </div> </div> <div class="larger:col-span-3 larger:pt-12 larger:pr-8 column--index-4 grid gap-8"> <div class="n01-link-list -mx-5 medium:mx-0"> <div class="text-sm text-gray-2 ml-4 min-h-[16px]"> Technologies </div> <ul class="flex flex-col mb-0"> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/partners/aws-monitoring" aria-label="Amazon Web Services" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">Amazon Web Services</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/partners/gcp" aria-label="Google Cloud Platform" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">Google Cloud Platform</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/solutions/partners/azure" aria-label="Microsoft Azure" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">Microsoft Azure</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/solutions/partners/pivotal" aria-label="Pivotal Cloud Foundry" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">Pivotal Cloud Foundry</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/solutions/prometheus-monitoring" aria-label="Prometheus Monitoring" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">Prometheus Monitoring</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/solutions/sap" aria-label="SAP Monitoring" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">SAP Monitoring</div> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="paragraph paragraph--type--nav-sub-menu paragraph--view-mode--default"> <div class="grid grid-flow-row items-start px-10 medium:mb-12 header-nav-twocol--3-9 larger:grid-flow-col larger:grid-cols-12 larger:gap-6 larger:px-0"> <div class="w-full grid-cols-1 larger:col-span-9 larger:col-start-4 larger:pt-12 column--index-2 grid gap-8"> <div class="n03-promo-list flex flex-col gap-7 bg-nr-extra-black medium:bg-transparent -mx-10 medium:mx-0 p-10 medium:p-0"> <div class="js-vanilla-carousel flex flex-col focus-visible:outline outline-0 outline-nr-green outline-offset-[-1px] focus-visible:outline-1 gap-8 grow m-0 medium:gradient-border-dark medium:border border-solid border-transparent rounded hover:border-nr-green relative" data-show-dots="true" data-dots-alignment="left" data-dots-style="circle" data-show-alt-arrows="false" data-slide-class="js-n03-promo-slide" data-autoplay="true" data-autoplay-speed="10000" data-disable-autoplay-screen-size="768" data-accent-color="n03-promo-dots w-2 h-2 rounded-full bg-gray-4" data-accent-color2="n03-promo-dots w-2 h-2 rounded-full bg-nr-green" tabindex="0"> <div class="relative"> <div class="flex gap-6 overflow-x-scroll large:overflow-x-hidden snap-x snap-mandatory carousel-scroll"> <div class="snap-always shrink-0 snap-start js-n03-promo-slide"> <div class="n03-promo group flex-1 basis-full" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/resources/report/state-of-observability-retail-2024" class="text-sm" aria-label="State of Observability for Retail" itemprop="url"> <div class="n03-promo__logo w-10 mb-4"> <div class="n03-promo__image"> <img width="24" height="24" alt="state of retail image" loading="eager" class="svg-image" src=/sites/default/files/2024-11/retail.svg /> </div> </div> <div class="n03-promo__title whitespace-nowrap mb-2 group-hover:text-nr-green underline underline-offset-4 transition-all duration-200" itemprop="name"> State of Observability for Retail </div> <div class="text-gray-2"> How do top retailers raise customer retention 30%? Read the report. </div> </a> </div> </div> <div class="snap-always shrink-0 snap-start js-n03-promo-slide"> <div class="n03-promo group flex-1 basis-full" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/resources/report/observability-forecast/2024" class="text-sm" aria-label="2024 Observability Forecast" itemprop="url"> <div class="n03-promo__logo w-10 mb-4"> <div class="n03-promo__image"> <img width="24" height="24" alt="o11y 2024 icon" loading="eager" class="svg-image" src=/sites/default/files/2024-10/o11y2024-icon.svg /> </div> </div> <div class="n03-promo__title whitespace-nowrap mb-2 group-hover:text-nr-green underline underline-offset-4 transition-all duration-200" itemprop="name"> 2024 Observability Forecast </div> <div class="text-gray-2"> Power your decisions with invaluable observability insights! Read the report. </div> </a> </div> </div> <div class="snap-always shrink-0 snap-start mr-6 medium:mr-0 js-n03-promo-slide"> <div class="n03-promo group flex-1 basis-full" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/resources/gartner-magic-quadrant-dem" class="text-sm" aria-label="Named a Leader" itemprop="url"> <div class="n03-promo__logo w-10 mb-4"> <div class="n03-promo__image"> <img width="24" height="24" alt="gartner mq 2024 icon" loading="eager" class="svg-image" src=/sites/default/files/2024-10/gartner-report-icon.svg /> </div> </div> <div class="n03-promo__title whitespace-nowrap mb-2 group-hover:text-nr-green underline underline-offset-4 transition-all duration-200" itemprop="name"> Named a Leader </div> <div class="text-gray-2"> Learn why in the 2024 Gartner® Magic Quadrant™ for Digital Experience Monitoring (DEM). </div> </a> </div> </div> <div class="min-w-[40px] large:hidden"></div> </div> <div class="absolute medium:hidden w-6 h-full right-0 top-0 backdrop-blur-[1px]"></div> </div> <div class="dots-wrapper flex gap-4 mt-8 medium:mt-10 "> <div class="dot"> <span class="sr-only">1</span> </div> <div class="dot"> <span class="sr-only">2</span> </div> <div class="dot"> <span class="sr-only">3</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </li> <li class="js-header-site-nav-item border-b border-b-gray-4 larger:border-0" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a class="js-header-site-nav-focusable px-10 py-[17px] larger:py-[34px] larger:px-2 largest:px-4 focus-inset focus:outline-4 js-parent-expanded:border-b border-b-gray-4 js-parent-expanded:flex-row-reverse js-parent-expanded:justify-end larger:inline-block larger:js-parent-expanded:border-b-0 larger:border-b-0 js-header-site-nav-button flex w-full items-center justify-between header-site-nav__item-link" href="/solutions/enterprise-monitoring" itemprop="url"> <span class="text-lg larger:text-base xlarge:text-lg" itemprop="name"> Enterprise </span> </a> </li> <li class="js-header-site-nav-item border-b border-b-gray-4 larger:border-0" itemscope itemtype="https://schema.org/SiteNavigationElement"> <button class="js-header-site-nav-focusable px-10 py-[17px] larger:py-[34px] larger:px-2 largest:px-4 focus-inset focus:outline-4 js-parent-expanded:border-b border-b-gray-4 js-parent-expanded:flex-row-reverse js-parent-expanded:justify-end larger:inline-block larger:js-parent-expanded:border-b-0 larger:border-b-0 js-header-site-nav-button flex w-full items-center justify-between header-site-nav__item-link" aria-haspopup="menu"> <span class="text-lg larger:text-base xlarge:text-lg"> Developers </span> <span class="larger:hidden -rotate-90 js-parent-expanded:rotate-90 js-parent-expanded:-ml-2.5 transition-transform"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m9 12.5 7 7 7-7" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg> </span> </button> <div class="js-subnav hidden larger:block larger:invisible larger:opacity-0 larger:absolute larger:left-0 larger:right-0 larger:-translate-x-4 transition-all js-parent-expanded:block js-parent-expanded:visible js-parent-expanded:opacity-100 js-parent-expanded:translate-x-0 border border-solid border-gray-4 medium:gradient-nav-black"> <div class="text-nr-white larger:nr-fluid-container mx-auto"> <div> <div class="paragraph paragraph--type--nav-sub-menu paragraph--view-mode--default"> <div class="grid grid-flow-row gap-10 px-10 items-start header-nav-threecol--3-3-6 larger:grid-flow-col larger:grid-cols-12 larger:gap-6 larger:mb-12 larger:pt-0 larger:px-0"> <div class="row-end-4 large:row-end-auto large:col-span-3 large:pt-12 column--index-1 grid gap-8 grid-cols-1"> <div class="n03-promo-list flex flex-col gap-7 bg-nr-extra-black medium:bg-transparent -mx-10 medium:mx-0 p-10 medium:p-0"> <div class="text-style-h5 hidden large:block"> Developers </div> <div class="js-vanilla-carousel flex flex-col focus-visible:outline outline-0 outline-nr-green outline-offset-[-1px] focus-visible:outline-1 gap-8 grow m-0" data-show-dots="true" data-dots-alignment="left" data-dots-style="circle" data-show-alt-arrows="false" data-slide-class="js-n03-promo-slide" data-autoplay="true" data-autoplay-speed="10000" data-disable-autoplay-screen-size="768" data-accent-color="n03-promo-dots w-2 h-2 rounded-full bg-gray-4" data-accent-color2="n03-promo-dots w-2 h-2 rounded-full bg-nr-green" tabindex="0"> <div class="relative"> <div class="flex gap-6 overflow-x-scroll large:overflow-x-hidden snap-x snap-mandatory carousel-scroll"> <div class="snap-always shrink-0 snap-start js-n03-promo-slide"> <div class="n03-promo group flex-1 basis-full" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/blog/how-to-relic/simplify-your-kubernetes-monitoring-with-the-new-relic-operator" class="text-sm" aria-label="Simple K8 Monitoring" itemprop="url"> <div class="n03-promo__logo w-10 mb-4"> <div class="n03-promo__image"> <img width="41" height="40" alt="Kubernetes icon" loading="eager" class="svg-image" src=/sites/default/files/2023-08/developers-kubernates.svg /> </div> </div> <div class="n03-promo__title whitespace-nowrap mb-2 group-hover:text-nr-green underline underline-offset-4 transition-all duration-200" itemprop="name"> Simple K8 Monitoring </div> <div class="text-gray-2"> Simplify your Kubernetes monitoring with the New Relic operator. </div> </a> </div> </div> <div class="snap-always shrink-0 snap-start js-n03-promo-slide"> <div class="n03-promo group flex-1 basis-full" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/blog/how-to-relic/monitor-hybrid-mobile-apps" class="text-sm" aria-label="Monitor Mobile Apps" itemprop="url"> <div class="n03-promo__logo w-10 mb-4"> <div class="n03-promo__image"> <img width="41" height="41" alt="Mobile monitoring icon" loading="eager" class="svg-image" src=/sites/default/files/2023-08/developers-mobile-monitoring.svg /> </div> </div> <div class="n03-promo__title whitespace-nowrap mb-2 group-hover:text-nr-green underline underline-offset-4 transition-all duration-200" itemprop="name"> Monitor Mobile Apps </div> <div class="text-gray-2"> Monitor hybrid mobile apps in minutes with quickstart installations. </div> </a> </div> </div> <div class="snap-always shrink-0 snap-start mr-6 medium:mr-0 js-n03-promo-slide"> <div class="n03-promo group flex-1 basis-full" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/blog/how-to-relic/custom-instrumentation-with-the-new-relic-browser-agent" class="text-sm" aria-label="New Relic Browser Agent" itemprop="url"> <div class="n03-promo__logo w-10 mb-4"> <div class="n03-promo__image"> <img width="40" height="41" alt="Browser monitoring icon" loading="eager" class="svg-image" src=/sites/default/files/2023-08/developers-browser-tracking.svg /> </div> </div> <div class="n03-promo__title whitespace-nowrap mb-2 group-hover:text-nr-green underline underline-offset-4 transition-all duration-200" itemprop="name"> New Relic Browser Agent </div> <div class="text-gray-2"> Custom instrumentation with the New Relic browser agent. </div> </a> </div> </div> <div class="min-w-[40px] large:hidden"></div> </div> <div class="absolute medium:hidden w-6 h-full right-0 top-0 backdrop-blur-[1px]"></div> </div> <div class="dots-wrapper flex gap-4 mt-8 medium:mt-10 "> <div class="dot"> <span class="sr-only">1</span> </div> <div class="dot"> <span class="sr-only">2</span> </div> <div class="dot"> <span class="sr-only">3</span> </div> </div> </div> </div> </div> <div class="large:col-span-3 pt-10 large:pt-12 column--index-2 grid gap-8"> <div class="n01-link-list -mx-5 medium:mx-0"> <div class="text-sm text-gray-2 ml-4 min-h-[16px]"> Popular Docs </div> <ul class="flex flex-col mb-0"> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="https://docs.newrelic.com/docs/new-relic-solutions/get-started/quick-launch-guide/" aria-label="Start ingesting data" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">Start ingesting data</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="https://docs.newrelic.com/docs/query-your-data/explore-query-data/dashboards/introduction-dashboards/" aria-label="Create custom dashboards" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">Create custom dashboards</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="https://docs.newrelic.com/docs/query-your-data/nrql-new-relic-query-language/get-started/introduction-nrql-new-relics-query-language/" aria-label="Examine NRQL queries" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">Examine NRQL queries</div> </div> </a> </li> <li class="n01-link group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="https://docs.newrelic.com/docs/logs/forward-logs/forward-your-logs-using-infrastructure-agent/" aria-label="Forward logs using infrastructure agent" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">Forward logs using infrastructure agent</div> </div> </a> </li> </ul> <div class="flex gap-4 mt-6" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="https://docs.newrelic.com/" aria-label="View All Docs" itemprop="url" class="btn-tertiary small:inline-flex w-full medium:w-fit group ml-4 max-w-full border-b no-underline w-fit text-sm" > <div class="h-[22px] overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block" itemprop="name"> View All Docs </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> View All Docs </span> </div> </div> </a> </div> </div> </div> <div class="large:col-span-6 large:pt-12 column--index-3 grid gap-8"> <div class="n04-integrations"> <div class="text-sm text-gray-2 dark:text-nr-white mb-4"> 775+ Integrations </div> <div class="text-style-body mb-6"> <div>Start now for free.</div> </div> <div class="flex flex-row flex-wrap items-start gap-2 mb-6 large:mb-12 relative"> <div class="n04-integrations-items w-full large:w-[48.5%] group p-2 rounded border border-transparent gradient-border-black btn-hover relative" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/instant-observability/python" class="flex flex-row gap-3 grow justify-between items-center relative z-10" itemprop="url"> <div class="flex child-m-auto svg-opacity-100 bg-nr-extra-black rounded-sm w-12 h-12 group-hover:svg-nr-green-fill group-hover:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M11.9135 0C5.8208 4.36975e-07 6.20127 2.65599 6.20127 2.65599L6.20806 5.40757H12.0222V6.23373H3.89871C3.89871 6.23373 0 5.78926 0 11.969C-4.347e-07 18.1488 3.40289 17.9296 3.40289 17.9296H5.43375V15.062C5.43375 15.062 5.32428 11.6413 8.7823 11.6413C12.2403 11.6413 14.5489 11.6413 14.5489 11.6413C14.5489 11.6413 17.7887 11.6939 17.7887 8.49371C17.7887 5.29347 17.7887 3.20221 17.7887 3.20221C17.7887 3.20221 18.2806 0 11.9135 0ZM8.70758 1.85032C9.28604 1.85032 9.75358 2.3203 9.75358 2.90179C9.75358 3.48328 9.28604 3.95326 8.70758 3.95326C8.12912 3.95326 7.66159 3.48328 7.66159 2.90179C7.66159 2.3203 8.12912 1.85032 8.70758 1.85032Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M12.0863 24C18.179 24 17.7986 21.344 17.7986 21.344L17.7918 18.5924H11.9776V17.7663H20.1011C20.1011 17.7663 23.9998 18.2107 23.9998 12.031C23.9998 5.85121 20.5969 6.07036 20.5969 6.07036H18.5661V8.93801C18.5661 8.93801 18.6755 12.3587 15.2175 12.3587C11.7595 12.3587 9.45095 12.3587 9.45095 12.3587C9.45095 12.3587 6.21108 12.3061 6.21108 15.5063C6.21108 18.7065 6.21108 20.7978 6.21108 20.7978C6.21108 20.7978 5.71918 24 12.0863 24ZM15.2922 22.1497C14.7138 22.1497 14.2462 21.6797 14.2462 21.0982C14.2462 20.5167 14.7138 20.0467 15.2922 20.0467C15.8707 20.0467 16.3382 20.5167 16.3382 21.0982C16.3382 21.6797 15.8707 22.1497 15.2922 22.1497Z" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> <div class="group-hover:text-nr-green group-hover:opacity-100 grow text-left text-style-small" itemprop="name"> <div>Python</div> </div> <div class="flex bg-nr-extra-black rounded-2xl text-style-small items-center h-8 px-4 group-hover:text-nr-green group-hover:opacity-100"> Install </div> </a> </div> <div class="n04-integrations-items w-full large:w-[48.5%] group p-2 rounded border border-transparent gradient-border-black btn-hover relative" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/instant-observability/java" class="flex flex-row gap-3 grow justify-between items-center relative z-10" itemprop="url"> <div class="flex child-m-auto svg-opacity-100 bg-nr-extra-black rounded-sm w-12 h-12 group-hover:svg-nr-green-fill group-hover:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="21" viewBox="0 0 12 21" fill="none"> <g clip-path="url(#clip0_3182_11652)"> <path d="M11.44 1.61005C12.06 0.310048 11.08 0.320048 10.65 0.640048C10.31 0.890048 10.17 1.43005 10.04 1.94005C10.01 2.07005 9.96997 2.20005 9.93997 2.33005C9.67997 2.05005 9.59997 1.58005 9.51997 1.13005C9.42997 0.580048 9.33997 0.0800481 8.91997 0.0200481C8.20997 -0.0799519 8.19997 0.270048 8.18997 0.760048C8.18997 0.790048 8.18997 0.820048 8.18997 0.860048C8.16997 1.39005 8.25997 1.77005 8.49997 2.68005C8.12997 2.40005 7.93997 1.98005 7.77997 1.62005C7.57997 1.17005 7.41997 0.820048 7.01997 0.970048C6.29997 1.23005 6.48997 1.85005 6.74997 2.52005C7.00997 3.19005 7.34997 3.84005 7.92997 4.42005C7.27997 4.53005 6.39997 4.81005 6.63997 5.49005C6.79997 5.94005 7.09997 5.86005 7.42997 5.77005C7.58997 5.73005 7.75997 5.68005 7.92997 5.69005C8.17997 5.71005 8.39997 5.84005 8.61997 5.98005C8.83997 6.12005 9.05997 6.25005 9.30997 6.27005C9.81997 6.31005 9.92997 7.29005 9.88997 8.08005C9.84997 8.80005 8.95997 9.31005 8.49997 8.85005C6.39997 5.33005 3.65997 2.88005 2.51997 2.24005C2.86997 2.96005 2.74997 7.13005 2.42997 9.93005C2.17997 11.24 1.66997 11.91 1.26997 12.44C0.969971 12.83 0.739971 13.15 0.709971 13.59C0.679971 14.16 0.769971 14.46 0.869971 14.76C0.959971 15.03 1.04997 15.31 1.03997 15.79C1.01997 16.4 0.689971 16.79 0.409971 17.12C0.219971 17.34 0.0599711 17.53 0.00997111 17.75C-0.100029 18.3 0.469971 18.47 0.799971 18.47C0.899971 18.47 0.989971 18.35 1.07997 18.15C1.04997 18.5 1.01997 18.85 1.00997 19.19C0.959971 20.21 1.10997 20.61 1.77997 20.61C2.28997 20.61 2.86997 20.14 3.50997 19.61C4.32997 18.93 5.25997 18.16 6.30997 18.2C7.40997 18.23 8.06997 19.21 8.60997 20.01C8.97997 20.56 9.28997 21.03 9.64997 21.02C10.53 21 11.23 20.7 11.24 17.99C11.24 15.59 10.65 13.32 9.76997 11.3C9.53997 10.51 9.64997 9.58005 10.09 8.96005C10.36 8.57005 10.35 7.92005 10.33 7.30005C10.32 6.85005 10.31 6.41005 10.42 6.14005C10.53 5.86005 10.69 5.74005 10.86 5.61005C11.09 5.43005 11.34 5.24005 11.45 4.65005C11.53 4.24005 11.44 3.87005 11.35 3.51005C11.22 2.97005 11.09 2.41005 11.46 1.64005L11.44 1.61005ZM1.35997 14.78C1.24997 14.52 1.15997 14.27 1.15997 14.01C1.15997 13.4 1.92997 12.3 1.84997 13.15C1.71997 13.78 1.59997 14.44 1.48997 15.11C1.44997 15 1.40997 14.89 1.36997 14.79L1.35997 14.78ZM10.64 17.4C10.58 20.6 10.24 20.39 9.71997 20.41C9.19997 20.43 8.34997 17.59 6.19997 17.57C4.04997 17.55 2.73997 20.1 1.81997 20C0.899971 19.9 2.70997 11.98 2.99997 10.57C3.12997 10.48 3.26997 10.38 3.40997 10.29C3.02997 9.55005 3.07997 8.71005 3.68997 8.10005C4.25997 7.53005 5.15997 7.14005 5.97997 7.27005C6.64997 7.38005 7.18997 7.75005 7.42997 8.34005C7.47997 8.34005 7.52997 8.32005 7.57997 8.32005C8.72997 10.12 10.69 14.21 10.63 17.41L10.64 17.4Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M7.17 9.16994C7.09 9.97994 6.44999 10.6199 5.67999 10.8099C4.85999 11.0099 3.96 10.6899 3.66 9.84994C3.51 9.41994 3.53999 8.97994 3.79999 8.59994C4.01999 8.27994 4.36999 8.02994 4.71999 7.86994C5.43999 7.53994 6.46 7.50994 6.96 8.22994C7.15 8.50994 7.18 8.82994 7.17 9.14994V9.16994Z" fill="#F9FAFA" fill-opacity="0.5"/> </g> <defs> <clipPath id="clip0_3182_11652"> <rect width="11.65" height="21" fill="white"/> </clipPath> </defs> </svg> </div> <div class="group-hover:text-nr-green group-hover:opacity-100 grow text-left text-style-small" itemprop="name"> <div>Java</div> </div> <div class="flex bg-nr-extra-black rounded-2xl text-style-small items-center h-8 px-4 group-hover:text-nr-green group-hover:opacity-100"> Install </div> </a> </div> <div class="n04-integrations-items w-full large:w-[48.5%] group p-2 rounded border border-transparent gradient-border-black btn-hover relative" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/instant-observability/php" class="flex flex-row gap-3 grow justify-between items-center relative z-10" itemprop="url"> <div class="flex child-m-auto svg-opacity-100 bg-nr-extra-black rounded-sm w-12 h-12 group-hover:svg-nr-green-fill group-hover:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="16" viewBox="0 0 32 16" fill="none"> <path d="M2.51975 3.36612H7.24209C8.62814 3.37776 9.63252 3.77738 10.2552 4.56432C10.8779 5.35127 11.0834 6.42613 10.8719 7.7889C10.7898 8.41161 10.6076 9.02235 10.3257 9.62145C10.0554 10.2206 9.67973 10.7608 9.19798 11.2426C8.61052 11.8533 7.98216 12.2409 7.31257 12.4055C6.64299 12.5701 5.9498 12.6522 5.23334 12.6522H3.11886L2.44927 16.0001H0L2.51975 3.36612V3.36612ZM4.58137 5.37487L3.52413 10.6611C3.59461 10.6727 3.6651 10.6787 3.73558 10.6787C3.8177 10.6787 3.90015 10.6787 3.98227 10.6787C5.10999 10.6903 6.04987 10.579 6.80157 10.3439C7.55328 10.0972 8.05863 9.23978 8.31695 7.77128C8.5284 6.53784 8.31695 5.82703 7.68261 5.63918C7.0599 5.45134 6.27894 5.36324 5.33906 5.37487C5.19809 5.38651 5.06311 5.3925 4.93378 5.3925C4.81642 5.3925 4.69308 5.3925 4.56375 5.3925L4.58137 5.37487" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M13.661 0H16.0927L15.4055 3.36555H17.5904C18.7886 3.38915 19.6813 3.63584 20.2688 4.10561C20.8679 4.57539 21.0441 5.46839 20.7974 6.78395L19.6168 12.6516H17.1499L18.2776 7.04826C18.395 6.4608 18.3598 6.04389 18.1719 5.7972C17.9841 5.55051 17.5788 5.42716 16.9561 5.42716L15.0002 5.40954L13.5553 12.6516H11.1237L13.661 0Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M23.4087 3.36612H28.131C29.5171 3.37776 30.5214 3.77738 31.1441 4.56432C31.7668 5.35127 31.9723 6.42613 31.7609 7.7889C31.6787 8.41161 31.4966 9.02235 31.2146 9.62145C30.9443 10.2206 30.5686 10.7608 30.0869 11.2426C29.4994 11.8533 28.8711 12.2409 28.2015 12.4055C27.5319 12.5701 26.8387 12.6522 26.1223 12.6522H24.0078L23.3382 16.0001H20.8889L23.4087 3.36612V3.36612ZM25.4703 5.37487L24.413 10.6611C24.4835 10.6727 24.554 10.6787 24.6245 10.6787C24.7066 10.6787 24.7891 10.6787 24.8712 10.6787C25.9989 10.6903 26.9388 10.579 27.6905 10.3439C28.4422 10.0972 28.9475 9.23978 29.2059 7.77128C29.4173 6.53784 29.2059 5.82703 28.5715 5.63918C27.9488 5.45134 27.1679 5.36324 26.228 5.37487C26.087 5.38651 25.952 5.3925 25.8227 5.3925C25.7053 5.3925 25.582 5.3925 25.4527 5.3925L25.4703 5.37487" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> <div class="group-hover:text-nr-green group-hover:opacity-100 grow text-left text-style-small" itemprop="name"> <div>PHP</div> </div> <div class="flex bg-nr-extra-black rounded-2xl text-style-small items-center h-8 px-4 group-hover:text-nr-green group-hover:opacity-100"> Install </div> </a> </div> <div class="n04-integrations-items w-full large:w-[48.5%] group p-2 rounded border border-transparent gradient-border-black btn-hover relative" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/instant-observability/ruby" class="flex flex-row gap-3 grow justify-between items-center relative z-10" itemprop="url"> <div class="flex child-m-auto svg-opacity-100 bg-nr-extra-black rounded-sm w-12 h-12 group-hover:svg-nr-green-fill group-hover:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path d="M5.62564 14.8013C8.83025 15.2385 11.9776 15.6685 15.1874 16.1068C14.0937 14.2862 13.0285 12.5119 11.9544 10.7232C9.85015 12.0793 7.76548 13.4225 5.62615 14.8013H5.62564ZM16.0923 4.72337C15.8097 5.14773 15.5267 5.57158 15.2446 5.99594C14.2758 7.45361 13.3069 8.91128 12.3391 10.3695C12.2849 10.4509 12.2153 10.5154 12.2911 10.6402C13.2265 12.1845 14.1541 13.7334 15.0843 15.2808C15.2312 15.5252 15.3792 15.7686 15.5695 16.0032C15.7572 12.2474 15.9454 8.49156 16.1336 4.73575C16.1196 4.73162 16.1057 4.7275 16.0923 4.72389V4.72337ZM3.32544 9.53828C3.36926 9.58005 3.47806 9.60376 3.52911 9.57901C4.42629 9.13815 5.32915 8.70709 6.20623 8.22962C6.4924 8.07391 6.71258 7.79547 6.95904 7.56911C7.77528 6.82042 8.59048 6.07019 9.40517 5.31995C9.45518 5.27406 9.51397 5.2292 9.54387 5.17145C9.83675 4.59962 10.124 4.0247 10.422 3.43328C10.0667 3.29973 9.73053 3.16928 9.3897 3.05069C9.34381 3.0347 9.27059 3.06667 9.22057 3.09451C8.43167 3.53486 7.62833 3.952 6.86469 4.43256C6.48261 4.67284 6.17117 5.02759 5.83292 5.33594C5.28739 5.83351 4.74289 6.33264 4.20561 6.83898C4.06278 6.97356 3.93284 7.1267 3.82198 7.28861C3.45434 7.82383 3.09804 8.36678 2.72525 8.92469C2.93356 9.14073 3.12331 9.34698 3.32595 9.5388L3.32544 9.53828ZM6.60378 8.80712C6.15776 10.6922 5.71381 12.5671 5.25542 14.5032C7.40454 13.1183 9.50468 11.7653 11.5904 10.4215C9.93059 9.88426 8.27595 9.34853 6.60378 8.80764V8.80712ZM15.5442 4.74142C13.7282 5.04461 11.9555 5.34109 10.16 5.64067C10.7716 7.12825 11.3707 8.58592 11.9874 10.0854C13.1801 8.29356 14.349 6.53786 15.5447 4.74142H15.5442ZM6.67854 8.42144C8.31411 8.95253 9.91667 9.4728 11.5662 10.008C10.9536 8.5158 10.3622 7.07566 9.75837 5.60561C8.7297 6.54611 7.71701 7.47217 6.67854 8.42144ZM3.39298 10.6376C2.8129 12.0241 2.25294 13.3632 1.68265 14.7265C2.77887 14.694 3.84158 14.6626 4.94037 14.6301C4.42423 13.2987 3.9184 11.9932 3.39298 10.6371V10.6376ZM4.97853 13.6824C4.99194 13.6798 5.00534 13.6762 5.01926 13.6736C5.41011 12.0473 5.80714 10.4319 6.20675 8.74164C5.31575 9.20467 4.466 9.64605 3.59304 10.1003C4.03854 11.2584 4.51344 12.4799 4.97904 13.6824H4.97853ZM14.8868 4.47794C14.3665 4.34026 13.8462 4.20208 13.326 4.06492C12.5778 3.86847 11.8291 3.67408 11.0815 3.47556C10.9881 3.45081 10.9206 3.43431 10.8654 3.54723C10.6014 4.08864 10.3287 4.62592 10.0605 5.16526C10.0523 5.18176 10.0538 5.20342 10.0476 5.24519C11.6677 4.99975 13.277 4.75586 14.8857 4.51197C14.8863 4.50062 14.8863 4.48928 14.8868 4.47794ZM11.8688 3.24662C13.2657 3.63334 14.663 4.01955 16.1088 4.41967C15.8654 3.72667 15.6401 3.0842 15.4081 2.42317C14.2206 2.68666 13.0481 2.94653 11.875 3.20641C11.8729 3.21981 11.8709 3.2327 11.8688 3.24611V3.24662ZM5.33844 15.1137C4.81301 15.0534 4.27419 15.1091 3.74154 15.1179C3.30378 15.1256 2.86653 15.1421 2.42928 15.1555C2.3839 15.157 2.33904 15.1658 2.29419 15.2143C5.91129 15.5489 9.5284 15.883 13.145 16.2177C13.1476 16.2017 13.1496 16.1852 13.1522 16.1692C11.9926 16.0109 10.8334 15.8526 9.67381 15.6943C8.22903 15.4968 6.78683 15.2803 5.33844 15.1132V15.1137ZM1.75381 13.4787C2.21994 12.3974 2.684 11.3146 3.15219 10.2344C3.19911 10.1261 3.1955 10.0524 3.10372 9.96522C2.90778 9.77908 2.72628 9.57798 2.51229 9.35575C2.22303 10.784 1.94098 12.1762 1.65894 13.5689C1.66925 13.5736 1.68008 13.5787 1.69039 13.5839C1.71204 13.5493 1.73834 13.5163 1.75433 13.4792L1.75381 13.4787ZM10.9402 2.96097C11.726 2.75833 12.5237 2.59951 13.3162 2.42266C13.3672 2.41131 13.4178 2.3943 13.4683 2.37986C13.4657 2.36697 13.4631 2.35408 13.4606 2.34119C12.3442 2.49123 11.2274 2.6418 10.0543 2.79958C10.374 2.93931 10.6205 3.04347 10.9402 2.96148V2.96097Z" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> <div class="group-hover:text-nr-green group-hover:opacity-100 grow text-left text-style-small" itemprop="name"> <div>Ruby</div> </div> <div class="flex bg-nr-extra-black rounded-2xl text-style-small items-center h-8 px-4 group-hover:text-nr-green group-hover:opacity-100"> Install </div> </a> </div> </div> <div class="flex gap-4 mt-6" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/instant-observability" aria-label="View All Integrations" itemprop="url" class="btn-tertiary small:inline-flex w-full medium:w-fit group max-w-full border-b no-underline w-fit text-sm" > <div class="h-[22px] overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block" itemprop="name"> View All Integrations </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> View All Integrations </span> </div> </div> </a> </div> </div> </div> </div> </div> <div class="paragraph paragraph--type--nav-sub-menu paragraph--view-mode--default"> <div class="grid grid-flow-row items-start px-10 medium:mb-12 header-nav-twocol--3-9 larger:grid-flow-col larger:grid-cols-12 larger:gap-6 larger:px-0"> <div class="w-full grid-cols-1 larger:col-span-9 larger:col-start-4 larger:pt-12 column--index-2 grid gap-8"> <div class="n03-promo-list flex flex-col gap-7 bg-nr-extra-black medium:bg-transparent -mx-10 medium:mx-0 p-10 medium:p-0"> <div class="js-vanilla-carousel flex flex-col focus-visible:outline outline-0 outline-nr-green outline-offset-[-1px] focus-visible:outline-1 gap-8 grow m-0 medium:gradient-border-dark medium:border border-solid border-transparent rounded hover:border-nr-green relative" data-show-dots="true" data-dots-alignment="left" data-dots-style="circle" data-show-alt-arrows="false" data-slide-class="js-n03-promo-slide" data-autoplay="true" data-autoplay-speed="10000" data-disable-autoplay-screen-size="768" data-accent-color="n03-promo-dots w-2 h-2 rounded-full bg-gray-4" data-accent-color2="n03-promo-dots w-2 h-2 rounded-full bg-nr-green" tabindex="0"> <div class="relative"> <div class="flex gap-6 overflow-x-scroll large:overflow-x-hidden snap-x snap-mandatory carousel-scroll"> <div class="snap-always shrink-0 snap-start js-n03-promo-slide"> <div class="n03-promo group flex-1 basis-full" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="https://newrelic.com/event/new-relic-now-on-demand" class="text-sm" aria-label="New Relic Now" itemprop="url"> <div class="n03-promo__logo w-10 mb-4"> <div class="n03-promo__image"> <img width="24" height="19" alt="New Relic Now SVG" loading="eager" class="svg-image" src=/sites/default/files/2024-09/LOGO-white_0.svg /> </div> </div> <div class="n03-promo__title whitespace-nowrap mb-2 group-hover:text-nr-green underline underline-offset-4 transition-all duration-200" itemprop="name"> New Relic Now </div> <div class="text-gray-2"> Available now: On-demand access to tomorrow's solutions. </div> </a> </div> </div> <div class="snap-always shrink-0 snap-start js-n03-promo-slide"> <div class="n03-promo group flex-1 basis-full" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/blog/how-to-relic/a-deep-dive-into-zero-day-vulnerability-alerts-with-new-relic-apm" class="text-sm" aria-label="Secure Faster" itemprop="url"> <div class="n03-promo__logo w-10 mb-4"> <div class="n03-promo__image"> <img width="21" height="24" alt="Security icon" loading="eager" class="svg-image" src=/sites/default/files/2024-04/security.svg /> </div> </div> <div class="n03-promo__title whitespace-nowrap mb-2 group-hover:text-nr-green underline underline-offset-4 transition-all duration-200" itemprop="name"> Secure Faster </div> <div class="text-gray-2"> Enhance security with New Relic APM's zero-day vulnerability alerts for proactive threat management and peace of mind. </div> </a> </div> </div> <div class="snap-always shrink-0 snap-start mr-6 medium:mr-0 js-n03-promo-slide"> <div class="n03-promo group flex-1 basis-full" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/blog/how-to-relic/performing-effective-root-cause-analysis" class="text-sm" aria-label="Root Cause Analysis" itemprop="url"> <div class="n03-promo__logo w-10 mb-4"> <div class="n03-promo__image"> <img width="25" height="24" alt="Analysis icon" loading="eager" class="svg-image" src=/sites/default/files/2024-04/mag-glass.svg /> </div> </div> <div class="n03-promo__title whitespace-nowrap mb-2 group-hover:text-nr-green underline underline-offset-4 transition-all duration-200" itemprop="name"> Root Cause Analysis </div> <div class="text-gray-2"> Master root cause analysis with New Relic's guide to identify, solve, and prevent issues efficiently and effectively. </div> </a> </div> </div> <div class="min-w-[40px] large:hidden"></div> </div> <div class="absolute medium:hidden w-6 h-full right-0 top-0 backdrop-blur-[1px]"></div> </div> <div class="dots-wrapper flex gap-4 mt-8 medium:mt-10 "> <div class="dot"> <span class="sr-only">1</span> </div> <div class="dot"> <span class="sr-only">2</span> </div> <div class="dot"> <span class="sr-only">3</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </li> <li class="js-header-site-nav-item border-b border-b-gray-4 larger:border-0" itemscope itemtype="https://schema.org/SiteNavigationElement"> <button class="js-header-site-nav-focusable px-10 py-[17px] larger:py-[34px] larger:px-2 largest:px-4 focus-inset focus:outline-4 js-parent-expanded:border-b border-b-gray-4 js-parent-expanded:flex-row-reverse js-parent-expanded:justify-end larger:inline-block larger:js-parent-expanded:border-b-0 larger:border-b-0 js-header-site-nav-button flex w-full items-center justify-between header-site-nav__item-link" aria-haspopup="menu"> <span class="text-lg larger:text-base xlarge:text-lg"> Resources </span> <span class="larger:hidden -rotate-90 js-parent-expanded:rotate-90 js-parent-expanded:-ml-2.5 transition-transform"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m9 12.5 7 7 7-7" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg> </span> </button> <div class="js-subnav hidden larger:block larger:invisible larger:opacity-0 larger:absolute larger:left-0 larger:right-0 larger:-translate-x-4 transition-all js-parent-expanded:block js-parent-expanded:visible js-parent-expanded:opacity-100 js-parent-expanded:translate-x-0 border border-solid border-gray-4 medium:gradient-nav-black"> <div class="text-nr-white larger:nr-fluid-container mx-auto"> <div> <div class="paragraph paragraph--type--nav-sub-menu paragraph--view-mode--default"> <div class="grid grid-flow-row items-start px-10 medium:mb-12 header-nav-twocol--3-9 larger:grid-flow-col larger:grid-cols-12 larger:gap-6 larger:px-0"> <div class="w-full row-end-5 py-8 larger:row-end-auto larger:col-span-3 larger:pb-0 larger:pt-12 column--index-1 grid gap-8 grid-cols-1"> <section class="js-n02-text n02-text--header overflow-auto"> <div class="text-style-body text-nr-white medium:text-gray-2"> <ul> <li><a href="/about">About Us</a></li> <li><a href="/about/leadership">Leadership</a></li> <li><a href="/about/culture">Careers</a></li> <li><a href="/solutions/secure-developer-program">Secure Developer</a></li> <li><a href="/students">New Relic for Students</a></li> <li><a href="/about/newsroom">Newsroom</a></li> <li><a href="/about/environmental-social-governance">ESG</a></li> <li><a href="https://forum.newrelic.com/s">Community Forum</a></li> <li><a href="https://support.newrelic.com/">Technical Support</a></li> </ul> </div> <div class="flex gap-4 mt-4"> </div> </section> </div> <div class="w-full grid-cols-1 larger:col-span-9 larger:col-start-4 larger:pt-12 column--index-2 grid gap-8"> <div class="n01-link-list -mx-5 medium:mx-0"> <ul class="flex flex-col mb-0"> <li class="n01-link large:basis-20 group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/customers" aria-label="Customer Stories" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div class="items-center larger:text-base xlarge:text-lg mb-2"> <div class='medium:flex medium:flex-row medium:gap-7 items-center' aria-hidden="true" focusable="false" > <span class="group-hover:svg-nr-green-custom group-hover:svg-opacity-100 transition-all duration-200"> <svg xmlns="http://www.w3.org/2000/svg" width="37" height="42" viewBox="0 0 37 42" fill="none"> <path d="M1 30.4323V11.5749L18.3004 1L35.6008 11.5749V30.4323L18.3004 41L1 30.4323Z" fill="#141A1F" stroke="url(#paint0_linear_1_1852)"/> <g clip-path="url(#clip0_1_1852)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.0394 14.6087C14.0394 14.2725 14.3119 14 14.6481 14H21.9525C22.2886 14 22.5612 14.2725 22.5612 14.6087V15.1626H24.6916C25.0278 15.1626 25.3003 15.4351 25.3003 15.7713V18.6778C25.3003 19.3 25.0549 19.9002 24.6098 20.3417C24.1708 20.7803 23.5723 21.0304 22.9477 21.0304H21.6179C21.5301 21.1499 21.4366 21.2653 21.3375 21.3759C20.6852 22.1035 19.8326 22.5757 18.909 22.7208V24.4574H21.2068C21.543 24.4574 21.8155 24.7299 21.8155 25.0661C21.8155 25.0868 21.8145 25.1072 21.8125 25.1273V26.7826H22.9507V28H13.6529V26.7826H14.7851V25.0661C14.7851 24.7299 15.0576 24.4574 15.3938 24.4574H17.6916V22.7205C16.7678 22.5746 15.918 22.1003 15.2648 21.3778L15.2631 21.3759C15.164 21.2653 15.0705 21.1499 14.9827 21.0304H13.6529C13.0283 21.0304 12.4299 20.7803 11.9909 20.3418C11.5458 19.9003 11.3003 19.3 11.3003 18.6778V15.7713C11.3003 15.4351 11.5728 15.1626 11.909 15.1626H14.0394V14.6087ZM14.0394 16.38H12.5177V18.6778C12.5177 18.9804 12.6371 19.2683 12.8487 19.478L12.8507 19.48C13.0629 19.6923 13.3528 19.813 13.6529 19.813H14.3373C14.1416 19.2686 14.0394 18.6854 14.0394 18.0935V16.38ZM15.2568 15.2174H21.3438V18.0935C21.3438 19.0297 21.0099 19.9174 20.431 20.5633C19.8549 21.2059 19.0883 21.5509 18.3003 21.5509C17.5145 21.5509 16.7498 21.2046 16.1688 20.5624C15.5903 19.9166 15.2568 19.0293 15.2568 18.0935V15.2174ZM22.5612 16.38V18.0935C22.5612 18.6854 22.459 19.2686 22.2633 19.813H22.9477C23.2478 19.813 23.5376 19.6923 23.7499 19.48L23.7519 19.478C23.9635 19.2683 24.0829 18.9804 24.0829 18.6778V16.38H22.5612ZM16.0025 26.7826H20.5951V25.6748H16.0025V26.7826Z" fill="#F9FAFA" fill-opacity="0.5"/> </g> <defs> <linearGradient id="paint0_linear_1_1852" x1="18.3004" y1="1" x2="18.3004" y2="41" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> <clipPath id="clip0_1_1852"> <rect width="14" height="14" fill="white" transform="translate(11.3003 14)"/> </clipPath> </defs> </svg> </span> </div> </div> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">Customer Stories</div> <small class="n01-link__description block pt-1 text-gray-3 text-sm"> Videos and case studies show how companies win with observability. </small> </div> </a> </li> <li class="n01-link large:basis-20 group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/resources" aria-label="Resource Library" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div class="items-center larger:text-base xlarge:text-lg mb-2"> <div class='medium:flex medium:flex-row medium:gap-7 items-center' aria-hidden="true" focusable="false" > <span class="group-hover:svg-nr-green-custom group-hover:svg-opacity-100 transition-all duration-200"> <svg xmlns="http://www.w3.org/2000/svg" width="37" height="42" viewBox="0 0 37 42" fill="none"> <path d="M1 30.0548V11.1973L18.3004 0.622437L35.6008 11.1973V30.0548L18.3004 40.6224L1 30.0548Z" fill="#141A1F" stroke="url(#paint0_linear_3210_11667)"/> <path d="M23.6336 13.6224H12.967C12.7903 13.6224 12.6203 13.6959 12.497 13.8289C12.3703 13.9619 12.3003 14.1369 12.3003 14.3224V26.9224C12.3003 27.1079 12.3703 27.2864 12.497 27.4159C12.6236 27.5489 12.7903 27.6224 12.967 27.6224H23.6336C23.8103 27.6224 23.9803 27.5489 24.1036 27.4159C24.227 27.2829 24.3003 27.1079 24.3003 26.9224V14.3224C24.3003 14.1369 24.2303 13.9584 24.1036 13.8289C23.977 13.6959 23.8103 13.6224 23.6336 13.6224ZM13.6336 15.0224H14.967V26.2224H13.6336V15.0224ZM22.967 26.2224H16.3003V15.0224H22.967V26.2224Z" fill="#F9FAFA" fill-opacity="0.5"/> <defs> <linearGradient id="paint0_linear_3210_11667" x1="18.3004" y1="0.622437" x2="18.3004" y2="40.6224" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </span> </div> </div> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">Resource Library</div> <small class="n01-link__description block pt-1 text-gray-3 text-sm"> Ebooks, data sheets, and white papers. </small> </div> </a> </li> <li class="n01-link large:basis-20 group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/blog" aria-label="New Relic Blog" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div class="items-center larger:text-base xlarge:text-lg mb-2"> <div class='medium:flex medium:flex-row medium:gap-7 items-center' aria-hidden="true" focusable="false" > <span class="group-hover:svg-nr-green-custom group-hover:svg-opacity-100 transition-all duration-200"> <svg xmlns="http://www.w3.org/2000/svg" width="37" height="42" viewBox="0 0 37 42" fill="none"> <path d="M1 30.0548V11.1973L18.3004 0.622437L35.6008 11.1973V30.0548L18.3004 40.6224L1 30.0548Z" fill="#141A1F" stroke="url(#paint0_linear_3210_11666)"/> <path d="M23.8217 27.5227H12.9126C12.6126 27.5227 12.3672 27.2602 12.3672 26.9394V14.106C12.3672 13.7852 12.6126 13.5227 12.9126 13.5227H23.8217C24.1217 13.5227 24.3672 13.7852 24.3672 14.106V26.9394C24.3672 27.2602 24.1217 27.5227 23.8217 27.5227ZM13.4581 26.356H23.2763V14.6894H13.4581V26.356Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M17.822 19.3561H14.5493V20.5227H17.822V19.3561Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M17.822 21.6893H14.5493V22.856H17.822V21.6893Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M22.1853 19.3561H18.9126V20.5227H22.1853V19.3561Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M22.1853 21.6893H18.9126V22.856H22.1853V21.6893Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M17.822 24.0227H14.5493V25.1894H17.822V24.0227Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M22.1853 24.0227H18.9126V25.1894H22.1853V24.0227Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M22.1857 15.8561H14.5493V18.1894H22.1857V15.8561Z" fill="#F9FAFA" fill-opacity="0.5"/> <defs> <linearGradient id="paint0_linear_3210_11666" x1="18.3004" y1="0.622437" x2="18.3004" y2="40.6224" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </span> </div> </div> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">New Relic Blog</div> <small class="n01-link__description block pt-1 text-gray-3 text-sm"> Industry updates, tips, and best practices. </small> </div> </a> </li> <li class="n01-link large:basis-20 group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/events" aria-label="Events & Webinars" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div class="items-center larger:text-base xlarge:text-lg mb-2"> <div class='medium:flex medium:flex-row medium:gap-7 items-center' aria-hidden="true" focusable="false" > <span class="group-hover:svg-nr-green-custom group-hover:svg-opacity-100 transition-all duration-200"> <svg xmlns="http://www.w3.org/2000/svg" width="37" height="42" viewBox="0 0 37 42" fill="none"> <path d="M1 30.0548V11.1973L18.3004 0.622437L35.6008 11.1973V30.0548L18.3004 40.6224L1 30.0548Z" fill="#141A1F" stroke="url(#paint0_linear_3210_11664)"/> <path d="M25.1227 16.406H23.3727V14.0726H22.2061V16.406H15.2061V14.0726H14.0394V16.406H12.2894C11.9686 16.406 11.7061 16.6685 11.7061 16.9893V27.4893C11.7061 27.8101 11.9686 28.0726 12.2894 28.0726H25.1227C25.4436 28.0726 25.7061 27.8101 25.7061 27.4893V16.9893C25.7061 16.6685 25.4436 16.406 25.1227 16.406ZM24.5394 26.906H12.8727V17.5726H24.5394V26.906Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M16.3729 19.3226H14.0396V21.656H16.3729V19.3226Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M16.3729 22.8226H14.0396V25.156H16.3729V22.8226Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M19.8729 19.3226H17.5396V21.656H19.8729V19.3226Z" fill="#F9FAFA" fill-opacity="0.5"/> <defs> <linearGradient id="paint0_linear_3210_11664" x1="18.3004" y1="0.622437" x2="18.3004" y2="40.6224" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </span> </div> </div> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">Events & Webinars</div> <small class="n01-link__description block pt-1 text-gray-3 text-sm"> Join us for an upcoming event or training. </small> </div> </a> </li> <li class="n01-link large:basis-20 group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="https://learn.newrelic.com/" aria-label="New Relic University" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div class="items-center larger:text-base xlarge:text-lg mb-2"> <div class='medium:flex medium:flex-row medium:gap-7 items-center' aria-hidden="true" focusable="false" > <span class="group-hover:svg-nr-green-custom group-hover:svg-opacity-100 transition-all duration-200"> <svg xmlns="http://www.w3.org/2000/svg" width="37" height="42" viewBox="0 0 37 42" fill="none"> <path d="M1 30.0548V11.1973L18.3004 0.622437L35.6008 11.1973V30.0548L18.3004 40.6224L1 30.0548Z" fill="#141A1F" stroke="url(#paint0_linear_3210_11662)"/> <path d="M25.597 17.4924L19.2203 14.3024C19.0336 14.2091 18.8103 14.2091 18.6236 14.3024L12.247 17.4924C12.0203 17.6058 11.877 17.8358 11.877 18.0891V22.5524H13.2103V19.1691L14.427 19.7791V23.8324C14.427 24.0558 14.537 24.2624 14.7203 24.3858C16.1136 25.3258 17.517 25.7958 18.9203 25.7958C20.3236 25.7958 21.727 25.3258 23.1203 24.3858C23.3036 24.2624 23.4136 24.0558 23.4136 23.8324V19.7824L25.597 18.6924C25.8236 18.5791 25.967 18.3491 25.967 18.0958C25.967 17.8424 25.8236 17.6124 25.597 17.4991V17.4924ZM22.0803 23.4658C19.957 24.7824 17.8836 24.7824 15.7603 23.4658V20.4424L18.6203 21.8724C18.7136 21.9191 18.817 21.9424 18.917 21.9424C19.017 21.9424 19.1203 21.9191 19.2136 21.8724L22.0736 20.4424V23.4658H22.0803ZM18.9203 20.5324L14.0336 18.0891L18.9203 15.6458L23.807 18.0891L18.9203 20.5324Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M10.6338 26.3758C11.0805 26.8225 11.7805 27.0125 12.5471 27.0125C13.3138 27.0125 14.0138 26.8225 14.4605 26.3758L12.5471 23.1858L10.6338 26.3758Z" fill="#F9FAFA" fill-opacity="0.5"/> <defs> <linearGradient id="paint0_linear_3210_11662" x1="18.3004" y1="0.622437" x2="18.3004" y2="40.6224" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </span> </div> </div> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">New Relic University</div> <small class="n01-link__description block pt-1 text-gray-3 text-sm"> Learning paths and training courses. </small> </div> </a> </li> <li class="n01-link large:basis-20 group border p-4 rounded-lg border-solid border-transparent hover:border-nr-green focus:border-nr-green transition-all duration-200" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/platform/value-calculator" aria-label="Observability Value Calculator" class="medium:inline-block flex flex-row gap-4" itemprop="url"> <div class="items-center larger:text-base xlarge:text-lg mb-2"> <div class='medium:flex medium:flex-row medium:gap-7 items-center' aria-hidden="true" focusable="false" > <span class="group-hover:svg-nr-green-custom group-hover:svg-opacity-100 transition-all duration-200"> <svg xmlns="http://www.w3.org/2000/svg" width="37" height="42" viewBox="0 0 37 42" fill="none"> <path d="M1.1958 30.4323V11.5749L18.4962 1L35.7966 11.5749V30.4323L18.4962 41L1.1958 30.4323Z" fill="#141A1F" stroke="url(#paint0_linear_845_920)"/> <path d="M22.7857 27.98H12.6757C12.3557 27.98 12.0957 27.72 12.0957 27.4V14.59C12.0957 14.27 12.3557 14.01 12.6757 14.01H19.7457V15.17H13.2557V26.81H22.2057V21.34H23.3657V27.39C23.3657 27.71 23.1057 27.97 22.7857 27.97V27.98Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M23.6757 16.46H22.0057C21.8357 16.46 21.7257 16.35 21.7257 16.18C21.7257 16.01 21.8357 15.9 22.0057 15.9H24.7857V14.79H23.4157V13.98H22.2557V14.79H22.0057C21.2257 14.79 20.6157 15.4 20.6157 16.18C20.6157 16.96 21.2257 17.57 22.0057 17.57H23.6757C23.8457 17.57 23.9557 17.68 23.9557 17.85C23.9557 18.02 23.8457 18.13 23.6757 18.13H20.8957V19.24H22.2657V20.05H23.4257V19.24H23.6757C24.4557 19.24 25.0657 18.63 25.0657 17.85C25.0657 17.07 24.4557 16.46 23.6757 16.46Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M16.014 16.9691L14.854 16.9707L14.8656 25.2607L16.0256 25.2591L16.014 16.9691Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M18.326 21.6H17.166V25.25H18.326V21.6Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M20.6356 20.02H19.4756V25.25H20.6356V20.02Z" fill="#F9FAFA" fill-opacity="0.5"/> <defs> <linearGradient id="paint0_linear_845_920" x1="18.4962" y1="1" x2="18.4962" y2="41" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </span> </div> </div> <div> <div class="text-style-body xlarge:text-lg larger:text-base inline-block group-hover:text-nr-green transition-all duration-200" itemprop="name">Observability Value Calculator</div> <small class="n01-link__description block pt-1 text-gray-3 text-sm"> Learn the value of New Relic to your business. </small> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="paragraph paragraph--type--nav-sub-menu paragraph--view-mode--default"> <div class="grid grid-flow-row items-start px-10 medium:mb-12 header-nav-twocol--3-9 larger:grid-flow-col larger:grid-cols-12 larger:gap-6 larger:px-0"> <div class="w-full grid-cols-1 larger:col-span-9 larger:col-start-4 larger:pt-12 column--index-2 grid gap-8"> <div class="n03-promo-list flex flex-col gap-7 bg-nr-extra-black medium:bg-transparent -mx-10 medium:mx-0 p-10 medium:p-0"> <div class="js-vanilla-carousel flex flex-col focus-visible:outline outline-0 outline-nr-green outline-offset-[-1px] focus-visible:outline-1 gap-8 grow m-0 medium:gradient-border-dark medium:border border-solid border-transparent rounded hover:border-nr-green relative" data-show-dots="true" data-dots-alignment="left" data-dots-style="circle" data-show-alt-arrows="false" data-slide-class="js-n03-promo-slide" data-autoplay="true" data-autoplay-speed="10000" data-disable-autoplay-screen-size="768" data-accent-color="n03-promo-dots w-2 h-2 rounded-full bg-gray-4" data-accent-color2="n03-promo-dots w-2 h-2 rounded-full bg-nr-green" tabindex="0"> <div class="relative"> <div class="flex gap-6 overflow-x-scroll large:overflow-x-hidden snap-x snap-mandatory carousel-scroll"> <div class="snap-always shrink-0 snap-start js-n03-promo-slide"> <div class="n03-promo group flex-1 basis-full" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/resources/report/state-of-observability-retail-2024" class="text-sm" aria-label="State of Observability for Retail" itemprop="url"> <div class="n03-promo__logo w-10 mb-4"> <div class="n03-promo__image"> <img width="24" height="24" alt="state of retail image" loading="eager" class="svg-image" src=/sites/default/files/2024-11/retail.svg /> </div> </div> <div class="n03-promo__title whitespace-nowrap mb-2 group-hover:text-nr-green underline underline-offset-4 transition-all duration-200" itemprop="name"> State of Observability for Retail </div> <div class="text-gray-2"> 68% of brands fix issues faster with observability. Read the report for more. </div> </a> </div> </div> <div class="snap-always shrink-0 snap-start js-n03-promo-slide"> <div class="n03-promo group flex-1 basis-full" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/resources/report/observability-forecast/2024" class="text-sm" aria-label="2024 Observability Forecast" itemprop="url"> <div class="n03-promo__logo w-10 mb-4"> <div class="n03-promo__image"> <img width="24" height="24" alt="o11y 2024 icon" loading="eager" class="svg-image" src=/sites/default/files/2024-10/o11y2024-icon.svg /> </div> </div> <div class="n03-promo__title whitespace-nowrap mb-2 group-hover:text-nr-green underline underline-offset-4 transition-all duration-200" itemprop="name"> 2024 Observability Forecast </div> <div class="text-gray-2"> Stay ahead with essential observability insights! Read the report now. </div> </a> </div> </div> <div class="snap-always shrink-0 snap-start mr-6 medium:mr-0 js-n03-promo-slide"> <div class="n03-promo group flex-1 basis-full" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/event/new-relic-now-on-demand" class="text-sm" aria-label="New Relic Now" itemprop="url"> <div class="n03-promo__logo w-10 mb-4"> <div class="n03-promo__image"> <img width="24" height="19" alt="New Relic Now SVG" loading="eager" class="svg-image" src=/sites/default/files/2024-09/LOGO-white_0.svg /> </div> </div> <div class="n03-promo__title whitespace-nowrap mb-2 group-hover:text-nr-green underline underline-offset-4 transition-all duration-200" itemprop="name"> New Relic Now </div> <div class="text-gray-2"> See the future of observability. On-demand access available now. </div> </a> </div> </div> <div class="min-w-[40px] large:hidden"></div> </div> <div class="absolute medium:hidden w-6 h-full right-0 top-0 backdrop-blur-[1px]"></div> </div> <div class="dots-wrapper flex gap-4 mt-8 medium:mt-10 "> <div class="dot"> <span class="sr-only">1</span> </div> <div class="dot"> <span class="sr-only">2</span> </div> <div class="dot"> <span class="sr-only">3</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </li> </ul> </nav> <div class="header-cta-container hidden header-expanded:flex p-[27px] fixed w-full bottom-0 bg-nr-black z-10 js-cta-container larger:p-[22px_0] larger:flex larger:static larger:w-auto"> <div class="hidden larger:contents larger:mr-4"> <button class="js-header-search-trigger mr-4" aria-expanded="false" aria-controls="header-search-form"> <span aria-hidden="true"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.93 20.861A6.93 6.93 0 1 0 13.93 7a6.93 6.93 0 0 0 0 13.861Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/><path d="m18.782 18.782 3.466 3.465.877.878 1.125 1.125.75.75" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg> </span> <span class="sr-only">Search toggle</span> </button> <div class="header-cta inline-flex items-center gap-6"> <a href="https://one.newrelic.com/" aria-label="Log in" class="btn-secondary small:inline-flex w-full medium:w-fit btn-small group grow xlarge:leading-6 h-12 xlarge:h-12 larger:px-4 larger:h-11 larger:text-base xlarge:text-lg inline-flex larger:!hidden max-w-full" > <div class="h-[22px] overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> Log in </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> Log in </span> </div> </div> </a> <a href="https://one.newrelic.com/" aria-label="Log in" class="btn-tertiary small:inline-flex w-full medium:w-fit group grow xlarge:leading-6 border-b-0 larger:text-base xlarge:text-lg !hidden larger:!inline-flex max-w-full border-b no-underline w-fit text-sm" > <div class="h-[22px] overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> Log in </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> Log in </span> </div> </div> </a> <a href="/signup" aria-label="Get Started Free" class="btn-green btn bg-nr-green text-nr-black small:inline-flex w-full medium:w-fit btn-small group grow xlarge:leading-6 h-12 xlarge:h-12 larger:px-4 larger:h-11 larger:text-base xlarge:text-lg inline-flex max-w-full" > <div class="h-[22px] overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> Get Started Free </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> Get Started Free </span> </div> </div> </a> <a href="/request-demo" aria-label="Get Demo" class="btn-secondary small:inline-flex w-full medium:w-fit btn-small group grow xlarge:leading-6 h-12 xlarge:h-12 larger:px-4 larger:h-11 larger:text-base xlarge:text-lg !hidden xxlarge:!inline-flex max-w-full" > <div class="h-[22px] overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> Get Demo </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> Get Demo </span> </div> </div> </a> </div> </div> <div class="flex dark gap-6 w-full larger:hidden"> <a href="https://one.newrelic.com/" aria-label="Log in" class="btn-secondary small:inline-flex w-full medium:w-fit btn-small group grow text-center basis-0 inline-flex larger:!hidden max-w-full" > <div class="h-[22px] overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> Log in </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> Log in </span> </div> </div> </a> <a href="https://one.newrelic.com/" aria-label="Log in" class="btn-tertiary small:inline-flex w-full medium:w-fit group grow text-center basis-0 !hidden larger:!inline-flex max-w-full border-b no-underline w-fit text-sm" > <div class="h-[22px] overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> Log in </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> Log in </span> </div> </div> </a> <a href="/signup" aria-label="Get Started Free" class="btn-green btn bg-nr-green text-nr-black small:inline-flex w-full medium:w-fit btn-small group grow text-center basis-0 inline-flex max-w-full" > <div class="h-[22px] overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> Get Started Free </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> Get Started Free </span> </div> </div> </a> <a href="/request-demo" aria-label="Get Demo" class="btn-secondary small:inline-flex w-full medium:w-fit btn-small group grow text-center basis-0 !hidden xxlarge:!inline-flex max-w-full" > <div class="h-[22px] overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> Get Demo </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> Get Demo </span> </div> </div> </a> </div> </div> </div> </div> </header> </div> <main class="page__content" id="main-content"> <div class="section text-nr-black section--column-align"> <div class="row row--columns-1 nr-fluid-container grid gap-x-6 gap-y-8 items-center large:grid-cols-12" data-layout="12"> <div class="large:col-span-12 column--index-1 grid gap-8 grid-cols-1"> <div data-drupal-messages-fallback class="hidden"></div> </div> </div> </div> <article> <div class="section-wrapper section--bg-color bg-nr-black dark"> <div class="r02-banner section group/banner"> <div class="banner dark banner--bg-hexagon banner--signup bg-nr-black text-left text-nr-white medium:mb-12 mb-8"> <div> <div class="relative"> <div class="absolute inset-0 overflow-hidden"> <div class="absolute -bottom-[100px] inset-x-0 w-full max-w-[960px] h-[300px] medium:h-[200px] mx-auto bg-gradient-to-b from-[rgba(29,202,211,0.75)] to-[rgba(28,231,131,0.75)] blur-[100px] opacity-75 transform-gpu"></div> <div class="absolute inset-0 bg-[url('/themes/custom/erno/assets/images/layout/section/bg-pixel-grid.png')] bg-[length:4px]"></div> <div class="absolute inset-0 flex justify-center w-full h-[600px] overflow-hidden"> <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0"> <defs> <linearGradient id="outer-gradient-a" x1="0" y1="0" x2="0.4" y2="1"> <stop offset="0" stop-color="#F9FAFA" stop-opacity=".08"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity=".25"/> </linearGradient> <linearGradient id="inner-gradient-a" x1="0" y1="0" x2="0.4" y2="1"> <stop offset="0" stop-color="#007853" stop-opacity=".25"/> <stop offset="1" stop-color="#0095A9" stop-opacity=".08"/> </linearGradient> <linearGradient id="outer-gradient-b" x1="0" y1="0" x2="0" y2="1"> <stop offset="0" stop-color="#F9FAFA" stop-opacity=".25"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity=".08"/> </linearGradient> <linearGradient id="inner-gradient-b" x1="0" y1="0" x2="0" y2="1"> <stop offset="0" stop-color="#007853" stop-opacity=".25"/> <stop offset="1" stop-color="#0095A9" stop-opacity=".08"/> </linearGradient> </defs> </svg> <div class="js-hexagon-container-bg-top hidden large:block relative shrink-0 w-[1600px]"> <div class="absolute" style="width: 89px; height: 103px; left: 90px; top: 410px;"> <svg viewbox="0 0 89 103" width="100%" height="100%"> <path d="M.5 25.88v50.6l44 25.3 44-25.3v-50.6L44.5.58l-44 25.3Z" fill="none" stroke-miterlimit="10" stroke="url(#outer-gradient-a)" /> <svg viewbox="0 0 73 84" width="73" height="84" x="8" y="9.5"> <path d="M.5 62.85V21.51L36.5.8l36 20.71v41.34l-36 20.7-36-20.7Z" fill="url(#inner-gradient-a)" stroke-width="0"></path> </svg> </svg> </div> <div class="absolute opacity-60" style="width: 32px; height: 37px; left: 130px; top: 340px;"> <svg viewbox="0 0 33 39" width="100%" height="100%"> <path d="M.5 9.98v18.4l16 9.2 16-9.2V9.98l-16-9.2-16 9.2Z" fill="none" stroke="url(#outer-gradient-b)" stroke-miterlimit="10"></path> <svg viewbox="0 0 17 19" width="17" height="19" x="8" y="10" xmlns="http://www.w3.org/2000/svg"> <path d="M.5 13.75V4.6l8-4.6 8 4.6v9.15l-8 4.6-8-4.6Z" fill="url(#inner-gradient-b)"></path> </svg> </svg> </div> <div class="absolute opacity-60" style="width: 32px; height: 37px; left: 215px; top: 501px;"> <svg viewbox="0 0 33 39" width="100%" height="100%"> <path d="M.5 9.98v18.4l16 9.2 16-9.2V9.98l-16-9.2-16 9.2Z" fill="none" stroke="url(#outer-gradient-b)" stroke-miterlimit="10"></path> <svg viewbox="0 0 17 19" width="17" height="19" x="8" y="10" xmlns="http://www.w3.org/2000/svg"> <path d="M.5 13.75V4.6l8-4.6 8 4.6v9.15l-8 4.6-8-4.6Z" fill="url(#inner-gradient-b)"></path> </svg> </svg> </div> <div class="absolute" style="width: 112px; height: 128px; left: 215px; top: 350px;"> <div class="group-[.in-view]/banner:animate-[outerHex_10s_linear_6000ms_infinite] origin-center scale-50 transform-gpu"> <svg viewbox="0 0 89 103" width="100%" height="100%"> <path d="M.5 25.88v50.6l44 25.3 44-25.3v-50.6L44.5.58l-44 25.3Z" fill="none" stroke-miterlimit="10" stroke="url(#outer-gradient-b)"/> </svg> </div> <div class="absolute inset-0 m-auto group-[.in-view]/banner:animate-[innerHex_10s_linear_6000ms_infinite] origin-center scale-50 transform-gpu" style="width: 94px;"> <svg viewbox="0 0 73 84" width="100%" height="100%"> <path d="M.5 62.85V21.51L36.5.8l36 20.71v41.34l-36 20.7-36-20.7Z" fill="url(#inner-gradient-a)" stroke-width="0"/> </svg> </div> <picture style="width: 94px;" class="absolute inset-0 m-auto group-[.in-view]/banner:animate-[imageHex_10s_linear_6000ms_infinite] opacity-0"> <source srcset="/themes/custom/erno/assets/images/layout/banner/hexagon-image-infrastructure.webp" /> <source srcset="/themes/custom/erno/assets/images/layout/banner/hexagon-image-infrastructure.png" /> <img class="absolute inset-0 m-auto" src="/themes/custom/erno/assets/images/layout/banner/hexagon-image-infrastructure.png" /> </picture> <div class="absolute flex items-center p-2 text-xs text-nr-white/75 leading-3 bg-gradient-to-b from-nr-white/10 to-[rgba(249,250,250,0.04)] backdrop-blur-sm shadow-[0px_4px_24px_-16px_rgba(29,37,44,0.25)] rounded-[20px] border border-solid border-nr-white/10 before:content-[&quot;&quot;] before:w-2 before:h-2 before:mr-1 before:bg-gradient-to-b before:from-nr-green/75 before:to-nr-green/15 before:rounded-full opacity-0 group-[.in-view]/banner:animate-[labelHex_10s_linear_6000ms_infinite]" style="left: 55px; top: 75px;">Infrastructure</div> </div> <div class="absolute" style="width: 64px; height: 73px; left: 350px; top: 460px;"> <svg viewbox="0 0 89 103" width="100%" height="100%"> <path d="M.5 25.88v50.6l44 25.3 44-25.3v-50.6L44.5.58l-44 25.3Z" fill="none" stroke-miterlimit="10" stroke="url(#outer-gradient-b)" /> <svg viewbox="0 0 73 84" width="73" height="84" x="8" y="9.5"> <path d="M.5 62.85V21.51L36.5.8l36 20.71v41.34l-36 20.7-36-20.7Z" fill="url(#inner-gradient-a)" stroke-width="0"></path> </svg> </svg> </div> <div class="absolute" style="width: 144px; height: 165px; left: 380px; top: 280px;"> <div class="group-[.in-view]/banner:animate-[outerHex_10s_linear_1000ms_infinite] origin-center scale-50 transform-gpu"> <svg viewbox="0 0 89 103" width="100%" height="100%"> <path d="M.5 25.88v50.6l44 25.3 44-25.3v-50.6L44.5.58l-44 25.3Z" fill="none" stroke-miterlimit="10" stroke="url(#outer-gradient-a)"/> </svg> </div> <div class="absolute inset-0 m-auto group-[.in-view]/banner:animate-[innerHex_10s_linear_1000ms_infinite] origin-center scale-50 transform-gpu" style="width: 120px;"> <svg viewbox="0 0 73 84" width="100%" height="100%"> <path d="M.5 62.85V21.51L36.5.8l36 20.71v41.34l-36 20.7-36-20.7Z" fill="url(#inner-gradient-a)" stroke-width="0"/> </svg> </div> <picture style="width: 120px;" class="absolute inset-0 m-auto group-[.in-view]/banner:animate-[imageHex_10s_linear_1000ms_infinite] opacity-0"> <source srcset="/themes/custom/erno/assets/images/layout/banner/hexagon-image-cloud.webp" /> <source srcset="/themes/custom/erno/assets/images/layout/banner/hexagon-image-cloud.png" /> <img class="absolute inset-0 m-auto" src="/themes/custom/erno/assets/images/layout/banner/hexagon-image-cloud.png" /> </picture> <div class="absolute flex items-center p-2 text-xs text-nr-white/75 leading-3 bg-gradient-to-b from-nr-white/10 to-[rgba(249,250,250,0.04)] backdrop-blur-sm shadow-[0px_4px_24px_-16px_rgba(29,37,44,0.25)] rounded-[20px] border border-solid border-nr-white/10 before:content-[&quot;&quot;] before:w-2 before:h-2 before:mr-1 before:bg-gradient-to-b before:from-nr-green/75 before:to-nr-green/15 before:rounded-full opacity-0 group-[.in-view]/banner:animate-[labelHex_10s_linear_1000ms_infinite]" style="left: -30px; top: 30px;">Cloud</div> </div> <div class="absolute" style="width: 88px; height: 102px; left: 1040px; top: 270px;"> <svg viewbox="0 0 89 103" width="100%" height="100%"> <path d="M.5 25.88v50.6l44 25.3 44-25.3v-50.6L44.5.58l-44 25.3Z" fill="none" stroke-miterlimit="10" stroke="url('#outer-gradient-b')" /> <svg viewbox="0 0 73 84" width="73" height="84" x="8" y="9.5"> <path d="M.5 62.85V21.51L36.5.8l36 20.71v41.34l-36 20.7-36-20.7Z" fill="url(#inner-gradient-a)" stroke-width="0"></path> </svg> </svg> </div> <div class="absolute" style="width: 48px; height: 56px; left: 1200px; top: 310px;"> <svg viewbox="0 0 89 103" width="100%" height="100%"> <path d="M.5 25.88v50.6l44 25.3 44-25.3v-50.6L44.5.58l-44 25.3Z" fill="none" stroke-miterlimit="10" stroke="url(#outer-gradient-b)"/> <svg viewbox="0 0 73 84" width="73" height="84" x="8" y="9.5"> <path d="M.5 62.85V21.51L36.5.8l36 20.71v41.34l-36 20.7-36-20.7Z" fill="url(#inner-gradient-a)" stroke-width="0"></path> </svg> </svg> </div> <div class="absolute opacity-80" style="width: 32px; height: 37px; left: 1280px; top: 450px;"> <svg viewbox="0 0 33 39" width="100%" height="100%"> <path d="M.5 9.98v18.4l16 9.2 16-9.2V9.98l-16-9.2-16 9.2Z" fill="none" stroke="url(#outer-gradient-b)" stroke-miterlimit="10"></path> <svg viewbox="0 0 17 19" width="17" height="19" x="8" y="10" xmlns="http://www.w3.org/2000/svg"> <path d="M.5 13.75V4.6l8-4.6 8 4.6v9.15l-8 4.6-8-4.6Z" fill="url(#inner-gradient-b)"></path> </svg> </svg> </div> <div class="absolute opacity-70" style="width: 120px; height: 138px; left: 1300px; top: 290px;"> <div class="group-[.in-view]/banner:animate-[outerHex_10s_linear_1000ms_infinite] origin-center scale-50 transform-gpu"> <svg viewbox="0 0 89 103" width="100%" height="100%"> <path d="M.5 25.88v50.6l44 25.3 44-25.3v-50.6L44.5.58l-44 25.3Z" fill="none" stroke-miterlimit="10" stroke="url(#outer-gradient-a)" /> </svg> </div> <div class="absolute inset-0 m-auto group-[.in-view]/banner:animate-[innerHex_10s_linear_1000ms_infinite] origin-center scale-50 transform-gpu" style="width: 97px;"> <svg viewbox="0 0 73 84" width="100%" height="100%"> <path d="M.5 62.85V21.51L36.5.8l36 20.71v41.34l-36 20.7-36-20.7Z" fill="url(#inner-gradient-a)" stroke-width="0"/> </svg> </div> <picture style="width: 97px;" class="absolute inset-0 m-auto group-[.in-view]/banner:animate-[imageHex_10s_linear_1000ms_infinite] opacity-0"> <source srcset="/themes/custom/erno/assets/images/layout/banner/hexagon-image-full-stack.webp" /> <source srcset="/themes/custom/erno/assets/images/layout/banner/hexagon-image-full-stack.png" /> <img class="absolute inset-0 m-auto" src="/themes/custom/erno/assets/images/layout/banner/hexagon-image-full-stack.png" /> </picture> <div class="absolute flex items-center p-2 text-xs text-nr-white/75 leading-3 bg-gradient-to-b from-nr-white/10 to-[rgba(249,250,250,0.04)] backdrop-blur-sm shadow-[0px_4px_24px_-16px_rgba(29,37,44,0.25)] rounded-[20px] border border-solid border-nr-white/10 before:content-[&quot;&quot;] before:w-2 before:h-2 before:mr-1 before:bg-gradient-to-b before:from-nr-green/75 before:to-nr-green/15 before:rounded-full opacity-0 group-[.in-view]/banner:animate-[labelHex_10s_linear_1000ms_infinite]" style="left: -30px; top: 85px;">Full-stack</div> </div> <div class="absolute opacity-60" style="width: 32px; height: 37px; left: 1350px; top: 501px;"> <svg viewbox="0 0 33 39" width="100%" height="100%"> <path d="M.5 9.98v18.4l16 9.2 16-9.2V9.98l-16-9.2-16 9.2Z" fill="none" stroke="url(#outer-gradient-b)" stroke-miterlimit="10"></path> <svg viewbox="0 0 17 19" width="17" height="19" x="8" y="10" xmlns="http://www.w3.org/2000/svg"> <path d="M.5 13.75V4.6l8-4.6 8 4.6v9.15l-8 4.6-8-4.6Z" fill="url(#inner-gradient-b)"></path> </svg> </svg> </div> <div class="absolute opacity-60" style="width: 24px; height: 27px; left: 1380px; top: 440px;"> <svg viewbox="0 0 33 39" width="100%" height="100%"> <path d="M.5 9.98v18.4l16 9.2 16-9.2V9.98l-16-9.2-16 9.2Z" fill="none" stroke="url(#outer-gradient-b)" stroke-miterlimit="10"></path> <svg viewbox="0 0 17 19" width="17" height="19" x="8" y="10" xmlns="http://www.w3.org/2000/svg"> <path d="M.5 13.75V4.6l8-4.6 8 4.6v9.15l-8 4.6-8-4.6Z" fill="url(#inner-gradient-b)"></path> </svg> </svg> </div> <div class="absolute opacity-80" style="width: 40px; height: 46px; left: 1450px; top: 390px;"> <svg viewbox="0 0 33 39"> <path d="M.5 9.98v18.4l16 9.2 16-9.2V9.98l-16-9.2-16 9.2Z" fill="none" stroke="url(#outer-gradient-b)" stroke-miterlimit="10"></path> <svg viewbox="0 0 17 19" width="17" height="19" x="8" y="10" xmlns="http://www.w3.org/2000/svg"> <path d="M.5 13.75V4.6l8-4.6 8 4.6v9.15l-8 4.6-8-4.6Z" fill="url(#inner-gradient-b)"></path> </svg> </svg> </div> </div> </div> </div> <div class="absolute inset-0 flex justify-center w-full h-[700px] overflow-hidden"> <div class="js-hexagon-container-fg hidden large:block relative shrink-0 w-[1600px]"> <div class="absolute z-10" style="width: 144px; height: 166px; left: 1026px; top: 430px;"> <div class="group-[.in-view]/banner:animate-[outerHex_10s_linear_6000ms_infinite] origin-center scale-50 transform-gpu"> <svg viewbox="0 0 89 103" width="100%" height="100%" > <path d="M.5 25.88v50.6l44 25.3 44-25.3v-50.6L44.5.58l-44 25.3Z" fill="none" stroke-miterlimit="10" stroke="url(#outer-gradient-a)"/> </svg> </div> <div class="absolute inset-0 m-auto group-[.in-view]/banner:animate-[innerHex_10s_linear_6000ms_infinite] origin-center scale-50 transform-gpu" style="width: 122px;"> <svg viewbox="0 0 73 84" width="100%" height="100%"> <path d="M.5 62.85V21.51L36.5.8l36 20.71v41.34l-36 20.7-36-20.7Z" fill="url(#inner-gradient-a)" stroke-width="0"/> </svg> </div> <picture style="width: 122px;" class="absolute inset-0 m-auto group-[.in-view]/banner:animate-[imageHex_10s_linear_6000ms_infinite] opacity-0"> <source srcset="/themes/custom/erno/assets/images/layout/banner/hexagon-image-beanie-man.webp" /> <source srcset="/themes/custom/erno/assets/images/layout/banner/hexagon-image-beanie-man.png" /> <img class="absolute inset-0 m-auto" src="/themes/custom/erno/assets/images/layout/banner/hexagon-image-beanie-man.png" /> </picture> <div class="absolute flex items-center p-2 text-xs text-nr-white/75 leading-3 bg-gradient-to-b from-nr-white/10 to-[rgba(249,250,250,0.04)] backdrop-blur-sm shadow-[0px_4px_24px_-16px_rgba(29,37,44,0.25)] rounded-[20px] border border-solid border-nr-white/10 before:content-[&quot;&quot;] before:w-2 before:h-2 before:mr-1 before:bg-gradient-to-b before:from-nr-green/75 before:to-nr-green/15 before:rounded-full opacity-0 group-[.in-view]/banner:animate-[labelHex_10s_linear_6000ms_infinite]" style="left: 115px; top: 28px;">Web</div> </div> <div class="absolute" style="width: 88px; height: 102px; left: 1470px; top: 460px;"> <div class="group-[.in-view]/banner:animate-[outerHex_10s_linear_6000ms_infinite] origin-center scale-50 transform-gpu"> <svg viewbox="0 0 89 103" width="100%" height="100%"> <path d="M.5 25.88v50.6l44 25.3 44-25.3v-50.6L44.5.58l-44 25.3Z" fill="none" stroke-miterlimit="10" stroke="url(#outer-gradient-a)"/> </svg> </div> <div class="absolute inset-0 m-auto group-[.in-view]/banner:animate-[innerHex_10s_linear_6000ms_infinite] origin-center scale-50 transform-gpu" style="width: 67px;"> <svg viewbox="0 0 73 84" width="100%" height="100%"> <path d="M.5 62.85V21.51L36.5.8l36 20.71v41.34l-36 20.7-36-20.7Z" fill="url(#inner-gradient-a)" stroke-width="0"/> </svg> </div> <picture style="width: 67px;" class="absolute inset-0 m-auto group-[.in-view]/banner:animate-[imageHex_10s_linear_6000ms_infinite] opacity-0"> <source srcset="/themes/custom/erno/assets/images/layout/banner/hexagon-image-laptop-woman.webp" /> <source srcset="/themes/custom/erno/assets/images/layout/banner/hexagon-image-laptop-woman.png" /> <img class="absolute inset-0 m-auto" src="/themes/custom/erno/assets/images/layout/banner/hexagon-image-laptop-woman.png" /> </picture> <div class="absolute flex items-center p-2 text-xs text-nr-white/75 leading-3 bg-gradient-to-b from-nr-white/10 to-[rgba(249,250,250,0.04)] backdrop-blur-sm shadow-[0px_4px_24px_-16px_rgba(29,37,44,0.25)] rounded-[20px] border border-solid border-nr-white/10 before:content-[&quot;&quot;] before:w-2 before:h-2 before:mr-1 before:bg-gradient-to-b before:from-nr-green/75 before:to-nr-green/15 before:rounded-full opacity-0 group-[.in-view]/banner:animate-[labelHex_10s_linear_6000ms_infinite]" style="left: -40px; top: 10px;">Security</div> </div> </div> </div> <div class="absolute inset-x-0 top-full flex justify-center w-full h-[150px] overflow-hidden"> <div class="js-hexagon-container-bg-bottom hidden large:block relative shrink-0 w-[1600px]"> <div class="absolute" style="width: 64px; height: 73px; left: 0px; top: 0px;"> <svg viewbox="0 0 89 103" width="100%" height="100%"> <path d="M.5 25.88v50.6l44 25.3 44-25.3v-50.6L44.5.58l-44 25.3Z" fill="none" stroke-miterlimit="10" stroke="url(#outer-gradient-b)"/> <svg viewbox="0 0 73 84" width="73" height="84" x="8" y="9.5"> <path d="M.5 62.85V21.51L36.5.8l36 20.71v41.34l-36 20.7-36-20.7Z" fill="url(#inner-gradient-a)" stroke-width="0"></path> </svg> </svg> </div> <div class="absolute" style="width: 88px; height: 102px; left: 935px; top: 30px;"> <svg viewbox="0 0 89 103"> <path d="M.5 25.88v50.6l44 25.3 44-25.3v-50.6L44.5.58l-44 25.3Z" fill="none" stroke-miterlimit="10" stroke="url(#outer-gradient-b)"/> <svg viewbox="0 0 73 84" width="73" height="84" x="8" y="9.5"> <path d="M.5 62.85V21.51L36.5.8l36 20.71v41.34l-36 20.7-36-20.7Z" fill="url(#inner-gradient-a)" stroke-width="0"></path> </svg> </svg> </div> </div> </div> <div class="relative nr-fluid-container flex flex-col pt-5 medium:pt-10 pb-5 medium:pb-0 text-center"> <h1 class="js-banner__headline banner__headline z-20 mb-6 medium:mb-4 large:text-7xl large:leading-[1.0555] large:tracking-tightest"> Intelligent Observability </h1> <div class="banner__video w-full max-w-[600px] mx-auto mb-6 medium:-mb-20 medium:order-3" itemscope itemprop="VideoObject" itemtype="https://schema.org/VideoObject"> <meta itemprop="name" content="NewRelic_PlatformDemo_R5a"/> <meta itemprop="description" content=""/> <meta itemprop="thumbnailUrl" content="https://newrelic.com/sites/default/files/oembed_thumbnails/DRQj5vRHEncG98M6TNapT-2jPP2hjTmuQnR_OK3lHNU.jpg"/> <meta itemprop="uploadDate" content="2022-11-09T10:38:00-08:00"/> <link itemprop="embedUrl" href=""/> <button class="js-modal-trigger js-banner__video-btn banner__video-btn group relative z-[1] block w-full rounded-lg shadow-xxlarge" data-modal-type="video" aria-label="Open modal" data-video-iframe=" <div class="video-cover" style="aspect-ratio: 1.7777777777778;" > <div data-hash-id="5ozbpcfvo7" data-aspect-ratio="1.7777777777778" data-duration="116" class="wistia_embed wistia-embed js-wistia-embed js-video-embed wistia_async_5ozbpcfvo7 videoFoam=true autoPlay=true">&nbsp;</div> </div> "> <div class="banner__video-thumbnail"> <div> <img width="600" height="384" alt="New Relic Dashboard" loading="eager" class="svg-image" src=/sites/default/files/2023-02/Product%20Screen%202.svg /> </div> </div> <div class="absolute inset-0 flex justify-center items-center"> <div class="flex items-center py-5 px-6 bg-nr-extra-black border-nr-green border-solid border-2 text-base medium:text-lg medium:leading-6 rounded"> <div class="svg-h-3 medium:svg-h-4 svg-w-3 mr-2 medium:mr-3 svg-nr-green-fill"> <svg width="20" height="25" viewBox="0 0 20 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.50816 0.92542C2.17806 0.0539745 0.412109 1.00819 0.412109 2.59834V22.7818C0.412109 24.372 2.17806 25.3262 3.50816 24.4547L18.9113 14.363C20.1166 13.5733 20.1166 11.8068 18.9113 11.0172L3.50816 0.92542Z" fill="#1D252C"/> </svg> </div> <div class="h-6 overflow-hidden group-focus:border-b"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> Video Tour </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> Video Tour </span> </div> </div> </div> </div> </button> </div> <div class="banner__description flex justify-center dark:text-nr-clear medium:mb-11 content"> <p>Eliminate interruptions in digital experiences.</p> </div> </div> </div> <div class="js-banner__signup banner__signup nr-fluid-container relative mt-0 pt-6 medium:pt-28 larger:pt-26 xlarge:pt-16 4 pb-6 large:px-4"> <div class="banner__signup-flair relative z-1 block max-w-[832px] mx-auto mb-6 text-center text-lg text-nr-white opacity-50 xlarge:text-sm xlarge:text-left xlarge:mb-8 xlarge:-translate-x-36"> 100 GB + 1 user free.<br />No credit card required. <svg class="hidden absolute top-full left-6 h-[60px] mt-4 fill-nr-white opacity-50 xlarge:block xlarge:left-14 xlarge:mt-5" viewbox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M60.54 57.568c.13-.38-.9-.23-1.81-.28-.27-.02-.58-.13-.75-.14-.59-.03-1.24.05-1.94.01-1.48-.13-3-.34-4.55-.49-1.54-.23-3.1-.54-4.67-.81-1.54-.41-3.11-.73-4.62-1.2-1.49-.52-3.02-.91-4.42-1.55-1.13-.49-2.35-.94-3.39-1.54-1.08-.6-2.11-1.17-3.08-1.82-.35-.21-.72-.3-1.08-.5-.33-.19-.53-.45-.84-.64-.75-.44-1.41-.87-2.13-1.36-.4-.29-.79-.58-1.19-.87l-1.13-.97c-.75-.66-1.53-1.28-2.24-1.98-.72-.69-1.53-1.27-2.22-1.98-1.82-1.86-3.49-3.8-5.04-5.88-1.08-1.37-2.11-2.74-3.08-4.2-.83-1.32-1.62-2.75-2.37-4.15-1.64-3-3.21-6.09-4.43-9.29-.23-.63-.37-1.24-.6-1.86-.88-2.53-1.9-5.19-2.59-7.95-.33-1.3-.65-2.62-.94-3.92-.26-1.17-.42-2.64-.93-3.47-.38.13-.28.67-.26 1.44.03.82.23 1.36.5 2.52.6 2.47 1.15 5.14 2.4 8.89 2.42 7.19 6.01 15 11.49 22.29.35.47.71.96 1.09 1.47.41.48.83.98 1.26 1.49 1.66 1.95 3.62 3.87 5.68 5.72 1.06.88 2.13 1.78 3.23 2.61 1.14.78 2.21 1.64 3.36 2.32 1.02.6 2 1.31 3.05 1.86 1.05.55 2.08 1.15 3.14 1.63.67.28 1.38.58 2.08.88.7.3 1.41.58 2.11.79 1.39.44 2.61.92 3.47 1.18.98.22 1.95.44 2.91.66.95.25 1.92.33 2.86.5.95.13 1.87.35 2.8.42.92.09 1.84.19 2.73.28 1.51.2 2.64.24 4.21.19.61-.03 1.78-.02 1.94-.31l-.01.01Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M57.4 53.438c-.32.21-.1.19-.07.28.01.03-.05.11-.05.13.03.06.15.06.18.12.29.57.75 1.12 1.15 1.63.08.1.15.22.21.34.06.12.03.29.1.4.02.04.15 0 .18.03s-.05.12-.03.15c.06.07.17.09.22.17.11.18.15.42.27.59.06.09.19.13.26.21.12.15.21.33.31.5l.06-.64c-.06.05-.12.11-.18.16-.13.13-.19.33-.31.47-.11.12-.29.19-.41.31-.26.26-.43.61-.7.84-.05.05-.16.03-.22.07-.22.18-.3.52-.53.73-.1.1-.19.21-.28.33-.07.1-.25.15-.03.5.29.28.31.22.44.24.14.02.11-.1.17-.21.14-.24.4-.38.66-.7.51-.62 1.1-1.29 1.79-1.96.06-.06.13-.11.21-.17l.2-.18-.16-.27s-.04-.07-.07-.11c-.35-.41-.72-.9-1.02-1.38-.13-.21-.21-.46-.34-.67-.16-.26-.45-.5-.46-.72-.33-.28-.63-.57-.83-.89-.09-.14-.09-.27-.29-.34-.08-.03-.17-.11-.43.05v-.01Z"/></svg> </div> <div class="w-full max-w-xl large:max-w-[832px] mx-auto"> <div class="signup-form-wrapper"> <div class="js-signup-form"></div> </div> </div> </div> </div> </div> </div> <div class="r01-layout section dark text-left medium:mb-16 mb-12 text-nr-white section--column-align section--column-align-stretch"> <div class="row row--columns-1 nr-fluid-container grid gap-x-6 gap-y-8 items-center large:grid-cols-12" data-layout="10"> <div class="large:col-span-10 large:col-start-2 column--index-1 grid gap-8 grid-cols-1"> <a href="https://newrelic.com/resources/report/observability-forecast/2024" class="p09-highlight--banner group relative flex flex-col medium:flex-row gap-6 items-center py-2 pl-2 pr-2 large:pr-8 xlarge:pr-14 rounded-2xl border border-transparent box-border gradient-border-dark before:shadow-[0_4px_24px_-16px_rgba(29,37,44,0.25)] btn-hover after:rounded-2xl"> <div class="flex flex-none rounded-lg overflow-auto img-cover medium:img-h-max child-h-full medium:h-full w-full medium:w-44 larger:w-48 min-h-[163.33px] medium:min-h-[176px] larger:min-h-[112px]"> <div> <picture> <source srcset="/sites/default/files/styles/300w/public/2024-10/O11y%20Forecast%20Report%20image_1200x630%20%282%29.webp?itok=LC5x1dAy 1x, /sites/default/files/styles/600w/public/2024-10/O11y%20Forecast%20Report%20image_1200x630%20%282%29.webp?itok=uzl4RMPt 2x" media="all and (min-width: 992px)" type="image/webp" width="300" height="158"/> <source srcset="/sites/default/files/styles/600w/public/2024-10/O11y%20Forecast%20Report%20image_1200x630%20%282%29.webp?itok=uzl4RMPt 1x, /sites/default/files/styles/1200w/public/2024-10/O11y%20Forecast%20Report%20image_1200x630%20%282%29.webp?itok=-4sPMS9Q 2x" media="all and (min-width: 576px)" type="image/webp" width="600" height="315"/> <source srcset="/sites/default/files/styles/300w/public/2024-10/O11y%20Forecast%20Report%20image_1200x630%20%282%29.webp?itok=LC5x1dAy 1x, /sites/default/files/styles/600w/public/2024-10/O11y%20Forecast%20Report%20image_1200x630%20%282%29.webp?itok=uzl4RMPt 2x" type="image/webp" width="300" height="158"/> <source srcset="/sites/default/files/styles/300w/public/2024-10/O11y%20Forecast%20Report%20image_1200x630%20%282%29.png?itok=LC5x1dAy 1x, /sites/default/files/styles/600w/public/2024-10/O11y%20Forecast%20Report%20image_1200x630%20%282%29.png?itok=uzl4RMPt 2x" media="all and (min-width: 992px)" type="image/png" width="300" height="158"/> <source srcset="/sites/default/files/styles/600w/public/2024-10/O11y%20Forecast%20Report%20image_1200x630%20%282%29.png?itok=uzl4RMPt 1x, /sites/default/files/styles/1200w/public/2024-10/O11y%20Forecast%20Report%20image_1200x630%20%282%29.png?itok=-4sPMS9Q 2x" media="all and (min-width: 576px)" type="image/png" width="600" height="315"/> <source srcset="/sites/default/files/styles/300w/public/2024-10/O11y%20Forecast%20Report%20image_1200x630%20%282%29.png?itok=LC5x1dAy 1x, /sites/default/files/styles/600w/public/2024-10/O11y%20Forecast%20Report%20image_1200x630%20%282%29.png?itok=uzl4RMPt 2x" type="image/png" width="300" height="158"/> <img src="/sites/default/files/styles/300w/public/2024-10/O11y%20Forecast%20Report%20image_1200x630%20%282%29.png?itok=LC5x1dAy" width="300" height="158" alt="O11y Forecast Report image_1200x630" loading="lazy" /> </picture> </div> </div> <div class="flex flex-col items-start larger:flex-row larger:items-center w-full text-nr-white px-4 medium:p-0 pb-4"> <div class="larger:pr-8 grow"> <div class="medium:flex medium:items-start"> <div class="inline mr-2"> 2024 Observability Forecast </div> </div> <div class="nr-clear mb-6 mt-2 medium:my-2 large:mb-0 large:mt-1"> Unlock the potential of observability for success. </div> </div> <div> <div class="h-6 overflow-y-hidden larger:min-w-[120px]"> <div class="float-right transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col group-hover:text-nr-green"> <span class="whitespace-nowrap overflow-x-visible"> Read the Report </span> <span class="whitespace-nowrap overflow-x-visible"> Read the Report </span> </div> </div> </div> </div> </a> </div> </div> </div> <div class="r01-layout section dark text-left medium:mb-24 mb-20 text-nr-white section--column-align section--column-align-center"> <div class="row row--columns-1 nr-fluid-container grid gap-x-6 gap-y-8 items-center large:grid-cols-12" data-layout="12"> <div class="large:col-span-12 column--index-1 grid gap-8 grid-cols-1"> <div class="p06-v2-logo-pool"> <div class="first:mt-0 flex flex-wrap gap-y-8 items-center justify-center gap-3 medium:gap-[52px] large:gap-[78px] large:mt-[72px] medium:flex-nowrap medium:gap-y-0 mt-10"> <div class="p06-v2-logo flex-[1_0_26%] medium:block medium:flex-initial"> <img class="p06-v2-logo__img min-w-0 dark:brightness-0 dark:invert mx-auto medium:mx-0" src="/sites/default/files/2023-02/1_logo_%20toyota-K.svg" alt="" /> </div> <div class="p06-v2-logo flex-[1_0_26%] medium:block medium:flex-initial"> <img class="p06-v2-logo__img min-w-0 dark:brightness-0 dark:invert mx-auto medium:mx-0" src="/sites/default/files/2023-02/3_logo_verizon-K.svg" alt="" /> </div> <div class="p06-v2-logo flex-[1_0_26%] medium:block medium:flex-initial"> <img class="p06-v2-logo__img min-w-0 dark:brightness-0 dark:invert mx-auto medium:mx-0" src="/sites/default/files/2023-10/sstk_standard_black_0.svg" alt="" /> </div> <div class="p06-v2-logo flex-[1_0_26%] medium:block medium:flex-initial"> <img class="p06-v2-logo__img min-w-0 dark:brightness-0 dark:invert mx-auto medium:mx-0" src="/sites/default/files/2022-04/logo_atlassian.svg" alt="" /> </div> </div> </div> </div> </div> </div> <div class="r15-cap-grid group/section section flex flex-col items-baseline medium:items-center relative dark pb-16 large:pb-24 pb-16 large:pb-28"> <div class="r15__eyebrow inline-block bg-gradient-to-b from-nr-white/10 rounded-full py-2 px-4 text-sm mx-10">30+ capabilities in one</div> <h2 class="r15__title relative inline-block pt-4 mx-10 z-20"><span class="small"> Monitor your <span class="r15__filter group/filter relative cursor-pointer lowercase"> <span class="r15__filter--text bg-nr-neon-green bg-[length:100%_2px] bg-left-bottom bg-no-repeat">full stack.</span> <span class="r15__filter--caret relative inline-block transition-transform transform-gpu after:border-solid after:border-nr-green after:justify-self-center after:border-t-2 after:border-r-2 after:inline-block after:relative after:top-[-9px] after:w-[9px] after:h-[9px] after:left-2 after:rotate-[135deg] after:group-[.active]/filter:-rotate-45"></span> </span></span> <ul class="grid-dropdown absolute rounded-2xl p-2 gap-[2px] grid bg-nr-extra-black z-50 border border-nr-white/10 w-auto medium:w-[288px] top-[84px] left-8 right-8 medium:left-[44%] medium:right-auto opacity-0 invisible shadow-xxlarge"> <div class="grid-dropdown__overlay bg-nr-black/50 invisible opacity-0 fixed left-0 top-0 h-[100vh] w-[100vw] z-[-1]"></div> <li class="grid-dropdown__category cursor-pointer text-base text-nr-white/50 font-normal medium:tracking-closer rounded-[4px] border-2 border-nr-white/10 px-6 py-4 bg-nr-black active:border-nr-green hover:text-nr-white active:text-nr-white btn-hover relative duration-200 transition-all active" data-key="-1">full stack</li> <li class="grid-dropdown__category cursor-pointer text-base text-nr-white/50 font-normal medium:tracking-closer rounded-[4px] border-2 border-nr-white/10 px-6 py-4 bg-nr-black active:border-nr-green hover:text-nr-white active:text-nr-white btn-hover relative duration-200 transition-all" data-key="598">front end</li> <li class="grid-dropdown__category cursor-pointer text-base text-nr-white/50 font-normal medium:tracking-closer rounded-[4px] border-2 border-nr-white/10 px-6 py-4 bg-nr-black active:border-nr-green hover:text-nr-white active:text-nr-white btn-hover relative duration-200 transition-all" data-key="599">back end</li> <li class="grid-dropdown__category cursor-pointer text-base text-nr-white/50 font-normal medium:tracking-closer rounded-[4px] border-2 border-nr-white/10 px-6 py-4 bg-nr-black active:border-nr-green hover:text-nr-white active:text-nr-white btn-hover relative duration-200 transition-all" data-key="600">infrastructure</li> <li class="grid-dropdown__category cursor-pointer text-base text-nr-white/50 font-normal medium:tracking-closer rounded-[4px] border-2 border-nr-white/10 px-6 py-4 bg-nr-black active:border-nr-green hover:text-nr-white active:text-nr-white btn-hover relative duration-200 transition-all" data-key="601">vulnerabilities</li> <li class="grid-dropdown__category cursor-pointer text-base text-nr-white/50 font-normal medium:tracking-closer rounded-[4px] border-2 border-nr-white/10 px-6 py-4 bg-nr-black active:border-nr-green hover:text-nr-white active:text-nr-white btn-hover relative duration-200 transition-all" data-key="602">logs</li> </ul></h2> <div class="r15--wrapper relative my-0 mx-auto w-full max-w-[1124px] min-h-[403px] mb-[105px] medium:mt-12 medium:mb-[151px] medium:min-h-[583px]"> <div class="r15--card peer fixed left-0 right-0 bottom-0 small:bottom-[112px] medium:bottom-0 medium:top-0 m-auto rounded-xl z-[-1] border border-nr-white/10 opacity-0 invisible w-full bg-nr-extra-black flex small:max-w-[500px] small:w-[500px] medium:max-w-[768px] medium:w-[768px] small:h-[460px] max-h-full medium:h-[616px] transition-all duration-200 translate-y-[465px] medium:translate-y-0 h-fit"> <div class="r15--card__content w-full flex flex-col flex-grow"> <button class="js-card-close !bg-transparent btn-text fixed right-8 -top-15 text-nr-black dark:text-nr-white medium:absolute svg-24 z-10 before:absolute before:bg-nr-glass before:w-12 before:h-12 before:-top-3 before:-left-3 before:rounded-full before:border before:border-nr-white/10 before:shadow-xs before:z-[-1] after:absolute after:bg-nr-extra-black after:w-10 after:h-10 after:-top-2 after:-left-2 after:rounded-full after:z-[-1] hover:after:bg-nr-white dark:hover:text-nr-black small:-right-[13px] small:-top-[13px] medium:-right-3 medium:-top-3" aria-label="close" type="button"> <span aria-hidden="true"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m8.928 8.928 14.144 14.144m0-14.144L8.928 23.072" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg> </span> </button> <div class="r15--card__video hidden rounded-xl border border-nr-extra-black border-4 overflow-hidden"> <div class="js-wistia-video-player videoFoam=true w-full h-full wistia_embed wistia_async_biz96luwz7" id="r15-video-player"></div> </div> <div class="r15--card__image hidden rounded-xl border border-nr-extra-black border-4 overflow-hidden"> </div> <div class="r15--card__description text-nr-white text-center pt-8 px-8 min-h-[4rem] items-end leading-6 pb-4 flex-grow medium:px-6 medium:pb-0 medium:pt-0 medium:flex medium:justify-center medium:items-center"><p>Integrate New Relic with Slack to bring telemetry into the conversation.</p> </div> <div class="flex flex-[0 0 auto] items-end"> <a href="/instant-observability/slack-notifications" aria-label="Collaboration" class="btn-primary small:inline-flex group w-full btn-hover relative bg-nr-black text-nr-white mx-8 medium:mx-6 mb-8 medium:mb-6 dark:bg-nr-black dark:text-nr-white max-w-full" > <div class="h-6 overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> Collaboration </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> Collaboration </span> </div> </div> </a> </div> </div> </div> <div class="r15--card__overlay z-[-1] peer-[.active]:z-20 opacity-0 peer-[.active]:opacity-100 bg-nr-black/90 backdrop-blur-md fixed top-0 bottom-0 left-0 right-0 transform-gpu"> </div> <div class="r15--scroll-wrapper w-full absolute no-scrollbar h-[403px] medium:top-[-96px] medium:h-[778px]"> <div class="r15--bg absolute bg-top flex flex-row justify-center h-[778px] bg-[length:1600px_778px]"></div> <div class="r15--row grid grid-cols-[repeat(13,_1fr)] auto-rows-[144px] gap-2 mt-[103px] medium:flex flex-row flex-wrap medium:gap-0 medium:h-[552px] medium:mt-[130px] medium:w-[1124px]"> <div class="hex group/hex transform-gpu duration-200 relative transition-all text-nr-white h-36 w-36 bg-nr-glass shadow-xs rounded-[4px] group-[.active]/hex:border group-[.active]/hex:border-solid group-[.active]/hex:border-nr-green medium:group-[.active]/hex:border-0 medium:-mt-8 medium:mx-2 medium:h-[170px] medium:bg-none medium:shadow-none medium:rounded-0" data-category="598,599,600,601,602" data-hex="6136" data-video-hash="biz96luwz7" data-image="" data-title="Collaboration" data-description="<p>Integrate New Relic with Slack to bring telemetry into the conversation.</p> " data-cta="/instant-observability/slack-notifications"> <map name="hexagon-6136"> <area shape="poly" coords="0, 124, 0, 45, 72, 0, 144, 45, 144, 124, 72, 169, 0, 124" /> </map> <img src="/themes/custom/erno/assets/images/layout/r15-cap-grid/hex-fg.svg" class="hex--fg absolute hidden medium:block" alt="" /> <svg class="svg__hover hidden medium:block overflow-visible absolute opacity-0 transition-opacity duration-200 transform-gpu group-hover/hex:opacity-100" width="144" height="170" viewBox="0 0 144 170" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M72 168.54L0.5 123.853V45.2771L72 0.589624L143.5 45.2771V123.853L72 168.54Z" stroke="#1CE783" /> </svg> <div class="hex-inner duration-200 absolute h-36 w-36 left-0 p-3 medium:p-0 flex flex-col justify-between medium:items-center medium:h-24 medium:top-10"> <div class="hex-inner__border absolute hidden medium:block left-[27px] top-[-10px]"><svg class="svg__inner" width="90" height="97" viewBox="0 0 90 97" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_bd_6100_13148)"> <path d="M25 51.588V29.788L45 17.563L65 29.788V51.588L45 63.8047L25 51.588Z" stroke="url(#paint0_linear_6100_13148)" shape-rendering="crispEdges"/> </g> <defs> <filter id="filter0_bd_6100_13148" x="-23.5" y="-31.0229" width="137" height="143.414" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feGaussianBlur in="BackgroundImageFix" stdDeviation="24"/> <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_6100_13148"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="8"/> <feGaussianBlur stdDeviation="12"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.0980392 0 0 0 0 0.113725 0 0 0 0.33 0"/> <feBlend mode="multiply" in2="effect1_backgroundBlur_6100_13148" result="effect2_dropShadow_6100_13148"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_6100_13148" result="shape"/> </filter> <linearGradient id="paint0_linear_6100_13148" x1="45" y1="17.563" x2="45" y2="63.8047" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </div> <div class="hex-icon p-2 medium:p-0 rounded-[4px] medium:rounded-none bg-nr-black svg-24 flex justify-center medium:bg-transparent w-10 h-10 medium:absolute medium:h-6 medium:w-6 medium:top-[18px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 transform-gpu"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.713 12.7308C12.803 12.7683 12.9005 12.787 12.998 12.787H13.0055C13.2004 12.787 13.3916 12.7083 13.5341 12.5658L16.3123 9.78765H20.5002C20.9126 9.78765 21.25 9.45022 21.25 9.0378V4.91366C21.25 4.50125 20.9126 4.16382 20.5002 4.16382H7.00297C6.59056 4.16382 6.25313 4.50125 6.25313 4.91366V9.0378C6.25313 9.45022 6.59056 9.78765 7.00297 9.78765H12.2519V12.0372C12.2519 12.3409 12.4318 12.6146 12.713 12.7308ZM12.998 8.28796H7.74907V8.28421V5.65976H19.7466V8.28421H15.9973C15.7986 8.28421 15.6112 8.36294 15.4687 8.50541L13.7478 10.2263V9.0378C13.7478 8.62539 13.4104 8.28796 12.998 8.28796ZM10.9696 21.5639C11.1121 21.7102 11.3033 21.7851 11.4983 21.7851H11.502C11.5958 21.7851 11.6932 21.7664 11.787 21.7289C12.0644 21.6127 12.2481 21.339 12.2481 21.0353V18.7858H17.497C17.9094 18.7858 18.2469 18.4483 18.2469 18.0359V13.9118C18.2469 13.4994 17.9094 13.1619 17.497 13.1619H3.99984C3.58743 13.1619 3.25 13.4994 3.25 13.9118V18.0359C3.25 18.4483 3.58743 18.7858 3.99984 18.7858H8.19147L10.9696 21.5639ZM8.49891 17.2861H4.74969V14.6654H16.7472V17.2898H11.4983C11.0859 17.2898 10.7484 17.6273 10.7484 18.0397V19.2282L9.02754 17.5073C8.88882 17.3648 8.69761 17.2861 8.49891 17.2861Z" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> </div> <div class="hex-title medium:absolute medium:top-[50px] text-sm medium:text-center pt-2 px-[4px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 group-[.active]/hex:opacity-100 group-[.active]/hex:text-nr-green transform-gpu">Collaboration</div> </div> </div> <div class="hex group/hex transform-gpu duration-200 relative transition-all text-nr-white h-36 w-36 bg-nr-glass shadow-xs rounded-[4px] group-[.active]/hex:border group-[.active]/hex:border-solid group-[.active]/hex:border-nr-green medium:group-[.active]/hex:border-0 medium:-mt-8 medium:mx-2 medium:h-[170px] medium:bg-none medium:shadow-none medium:rounded-0" data-category="598,599,600,602" data-hex="5983" data-video-hash="j1vbbmg4mk" data-image="" data-title="Change Tracking" data-description="<p>Analyze how deployments and other change events impact performance.</p> " data-cta="/platform/change-tracking"> <map name="hexagon-5983"> <area shape="poly" coords="0, 124, 0, 45, 72, 0, 144, 45, 144, 124, 72, 169, 0, 124" /> </map> <img src="/themes/custom/erno/assets/images/layout/r15-cap-grid/hex-fg.svg" class="hex--fg absolute hidden medium:block" alt="" /> <svg class="svg__hover hidden medium:block overflow-visible absolute opacity-0 transition-opacity duration-200 transform-gpu group-hover/hex:opacity-100" width="144" height="170" viewBox="0 0 144 170" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M72 168.54L0.5 123.853V45.2771L72 0.589624L143.5 45.2771V123.853L72 168.54Z" stroke="#1CE783" /> </svg> <div class="hex-inner duration-200 absolute h-36 w-36 left-0 p-3 medium:p-0 flex flex-col justify-between medium:items-center medium:h-24 medium:top-10"> <div class="hex-inner__border absolute hidden medium:block left-[27px] top-[-10px]"><svg class="svg__inner" width="90" height="97" viewBox="0 0 90 97" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_bd_6100_13148)"> <path d="M25 51.588V29.788L45 17.563L65 29.788V51.588L45 63.8047L25 51.588Z" stroke="url(#paint0_linear_6100_13148)" shape-rendering="crispEdges"/> </g> <defs> <filter id="filter0_bd_6100_13148" x="-23.5" y="-31.0229" width="137" height="143.414" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feGaussianBlur in="BackgroundImageFix" stdDeviation="24"/> <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_6100_13148"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="8"/> <feGaussianBlur stdDeviation="12"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.0980392 0 0 0 0 0.113725 0 0 0 0.33 0"/> <feBlend mode="multiply" in2="effect1_backgroundBlur_6100_13148" result="effect2_dropShadow_6100_13148"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_6100_13148" result="shape"/> </filter> <linearGradient id="paint0_linear_6100_13148" x1="45" y1="17.563" x2="45" y2="63.8047" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </div> <div class="hex-icon p-2 medium:p-0 rounded-[4px] medium:rounded-none bg-nr-black svg-24 flex justify-center medium:bg-transparent w-10 h-10 medium:absolute medium:h-6 medium:w-6 medium:top-[18px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 transform-gpu"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.4974 5.56981C14.4974 6.26133 13.9392 6.81955 13.2477 6.81955C12.5561 6.81955 11.9979 6.26133 11.9979 5.56981C11.9979 4.87829 12.5561 4.32007 13.2477 4.32007C13.9392 4.32007 14.4974 4.87829 14.4974 5.56981ZM8.64861 19.3169H8.66528L8.66944 19.3211C8.99437 19.3211 9.29014 19.1295 9.42762 18.8337L13.2477 10.5021L16.2429 17.1591C16.3762 17.459 16.6719 17.6506 17.001 17.6506H22V15.9843H17.5384L14.01 8.14427C13.8767 7.84433 13.5767 7.65271 13.2518 7.65271C12.9269 7.65271 12.6311 7.84433 12.4936 8.14011L8.71526 16.3842L6.73235 11.5061C6.60321 11.1978 6.30743 10.9895 5.97417 10.9853C5.62424 10.9687 5.3368 11.1728 5.19933 11.4769L3.54551 15.1511H2V16.8175H4.08706C4.412 16.8175 4.71193 16.6258 4.84524 16.3259L5.92001 13.9347L7.8946 18.7962C8.01958 19.1045 8.31535 19.3086 8.64861 19.3169ZM13.2477 16.8175C13.9392 16.8175 14.4974 16.2592 14.4974 15.5677C14.4974 14.8762 13.9392 14.318 13.2477 14.318C12.5561 14.318 11.9979 14.8762 11.9979 15.5677C11.9979 16.2592 12.5561 16.8175 13.2477 16.8175ZM14.4974 19.3169C14.4974 20.0085 13.9392 20.5667 13.2477 20.5667C12.5561 20.5667 11.9979 20.0085 11.9979 19.3169C11.9979 18.6254 12.5561 18.0672 13.2477 18.0672C13.9392 18.0672 14.4974 18.6254 14.4974 19.3169Z" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> </div> <div class="hex-title medium:absolute medium:top-[50px] text-sm medium:text-center pt-2 px-[4px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 group-[.active]/hex:opacity-100 group-[.active]/hex:text-nr-green transform-gpu">Change Tracking</div> </div> </div> <div class="hex group/hex transform-gpu duration-200 relative transition-all text-nr-white h-36 w-36 bg-nr-glass shadow-xs rounded-[4px] group-[.active]/hex:border group-[.active]/hex:border-solid group-[.active]/hex:border-nr-green medium:group-[.active]/hex:border-0 medium:-mt-8 medium:mx-2 medium:h-[170px] medium:bg-none medium:shadow-none medium:rounded-0" data-category="598,599,600,601" data-hex="5992" data-video-hash="wyomlw51cn" data-image="" data-title="Vulnerability Management" data-description="<p>Make security a team sport with shared data on security risks.</p> " data-cta="/platform/vulnerability-management"> <map name="hexagon-5992"> <area shape="poly" coords="0, 124, 0, 45, 72, 0, 144, 45, 144, 124, 72, 169, 0, 124" /> </map> <img src="/themes/custom/erno/assets/images/layout/r15-cap-grid/hex-fg.svg" class="hex--fg absolute hidden medium:block" alt="" /> <svg class="svg__hover hidden medium:block overflow-visible absolute opacity-0 transition-opacity duration-200 transform-gpu group-hover/hex:opacity-100" width="144" height="170" viewBox="0 0 144 170" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M72 168.54L0.5 123.853V45.2771L72 0.589624L143.5 45.2771V123.853L72 168.54Z" stroke="#1CE783" /> </svg> <div class="hex-inner duration-200 absolute h-36 w-36 left-0 p-3 medium:p-0 flex flex-col justify-between medium:items-center medium:h-24 medium:top-10"> <div class="hex-inner__border absolute hidden medium:block left-[27px] top-[-10px]"><svg class="svg__inner" width="90" height="97" viewBox="0 0 90 97" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_bd_6100_13148)"> <path d="M25 51.588V29.788L45 17.563L65 29.788V51.588L45 63.8047L25 51.588Z" stroke="url(#paint0_linear_6100_13148)" shape-rendering="crispEdges"/> </g> <defs> <filter id="filter0_bd_6100_13148" x="-23.5" y="-31.0229" width="137" height="143.414" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feGaussianBlur in="BackgroundImageFix" stdDeviation="24"/> <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_6100_13148"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="8"/> <feGaussianBlur stdDeviation="12"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.0980392 0 0 0 0 0.113725 0 0 0 0.33 0"/> <feBlend mode="multiply" in2="effect1_backgroundBlur_6100_13148" result="effect2_dropShadow_6100_13148"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_6100_13148" result="shape"/> </filter> <linearGradient id="paint0_linear_6100_13148" x1="45" y1="17.563" x2="45" y2="63.8047" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </div> <div class="hex-icon p-2 medium:p-0 rounded-[4px] medium:rounded-none bg-nr-black svg-24 flex justify-center medium:bg-transparent w-10 h-10 medium:absolute medium:h-6 medium:w-6 medium:top-[18px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 transform-gpu"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"> <path d="M7 11.1292H8.25V10.2979C8.25 8.4604 9.74375 6.96665 11.5812 6.96665C13.4187 6.96665 14.9125 8.4604 14.9125 10.2979V11.1292H16.1625V16.5479H7V11.1292ZM14.5 12.7979H8.66875V14.8792H14.5V12.7979ZM13.25 10.2979C13.25 9.37915 12.5 8.62915 11.5812 8.62915C10.6625 8.62915 9.9125 9.37915 9.9125 10.2979V11.1292H13.2438V10.2979H13.25ZM11.6625 20.4542V22.3792L20.325 17.3792V7.37915L18.6563 8.34165V16.4166L11.6625 20.4542ZM18.6563 6.41665L11.6625 2.37915L3 7.37915V17.3792L9.99375 21.4166V19.4916L4.66875 16.4166V8.34165L11.6625 4.30415L16.9875 7.37915L18.6563 6.41665Z" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> </div> <div class="hex-title medium:absolute medium:top-[50px] text-sm medium:text-center pt-2 px-[4px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 group-[.active]/hex:opacity-100 group-[.active]/hex:text-nr-green transform-gpu">Security</div> </div> </div> <div class="hex group/hex transform-gpu duration-200 relative transition-all text-nr-white h-36 w-36 bg-nr-glass shadow-xs rounded-[4px] group-[.active]/hex:border group-[.active]/hex:border-solid group-[.active]/hex:border-nr-green medium:group-[.active]/hex:border-0 medium:-mt-8 medium:mx-2 medium:h-[170px] medium:bg-none medium:shadow-none medium:rounded-0" data-category="598,599,600,602" data-hex="5999" data-video-hash="u1ma1kj5cn" data-image="" data-title="Log Management" data-description="<p>Deeper visibility into all your logs—fast, in context, and affordable.</p> " data-cta="/platform/log-management"> <map name="hexagon-5999"> <area shape="poly" coords="0, 124, 0, 45, 72, 0, 144, 45, 144, 124, 72, 169, 0, 124" /> </map> <img src="/themes/custom/erno/assets/images/layout/r15-cap-grid/hex-fg.svg" class="hex--fg absolute hidden medium:block" alt="" /> <svg class="svg__hover hidden medium:block overflow-visible absolute opacity-0 transition-opacity duration-200 transform-gpu group-hover/hex:opacity-100" width="144" height="170" viewBox="0 0 144 170" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M72 168.54L0.5 123.853V45.2771L72 0.589624L143.5 45.2771V123.853L72 168.54Z" stroke="#1CE783" /> </svg> <div class="hex-inner duration-200 absolute h-36 w-36 left-0 p-3 medium:p-0 flex flex-col justify-between medium:items-center medium:h-24 medium:top-10"> <div class="hex-inner__border absolute hidden medium:block left-[27px] top-[-10px]"><svg class="svg__inner" width="90" height="97" viewBox="0 0 90 97" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_bd_6100_13148)"> <path d="M25 51.588V29.788L45 17.563L65 29.788V51.588L45 63.8047L25 51.588Z" stroke="url(#paint0_linear_6100_13148)" shape-rendering="crispEdges"/> </g> <defs> <filter id="filter0_bd_6100_13148" x="-23.5" y="-31.0229" width="137" height="143.414" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feGaussianBlur in="BackgroundImageFix" stdDeviation="24"/> <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_6100_13148"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="8"/> <feGaussianBlur stdDeviation="12"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.0980392 0 0 0 0 0.113725 0 0 0 0.33 0"/> <feBlend mode="multiply" in2="effect1_backgroundBlur_6100_13148" result="effect2_dropShadow_6100_13148"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_6100_13148" result="shape"/> </filter> <linearGradient id="paint0_linear_6100_13148" x1="45" y1="17.563" x2="45" y2="63.8047" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </div> <div class="hex-icon p-2 medium:p-0 rounded-[4px] medium:rounded-none bg-nr-black svg-24 flex justify-center medium:bg-transparent w-10 h-10 medium:absolute medium:h-6 medium:w-6 medium:top-[18px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 transform-gpu"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"> <path d="M7.33879 6.39158C7.22304 6.31423 7.08695 6.27295 6.94773 6.27295C6.76105 6.27295 6.582 6.34711 6.44999 6.47911C6.31798 6.61112 6.24384 6.79016 6.24384 6.97684C6.24384 7.11606 6.28511 7.25215 6.36245 7.36791C6.4398 7.48366 6.54974 7.57388 6.67836 7.62715C6.80698 7.68043 6.94852 7.69438 7.08506 7.66722C7.2216 7.64006 7.34701 7.57301 7.44545 7.47457C7.54389 7.37613 7.61093 7.2507 7.63809 7.11416C7.66525 6.97762 7.65133 6.83609 7.59805 6.70747C7.54477 6.57885 7.45455 6.46892 7.33879 6.39158Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M9.74229 6.27295C9.8815 6.27295 10.0176 6.31423 10.1334 6.39158C10.2491 6.46892 10.3393 6.57885 10.3926 6.70747C10.4459 6.83609 10.4598 6.97762 10.4326 7.11416C10.4055 7.2507 10.3384 7.37613 10.24 7.47457C10.1416 7.57301 10.0162 7.64006 9.87961 7.66722C9.74307 7.69438 9.60153 7.68043 9.47291 7.62715C9.34429 7.57388 9.23435 7.48366 9.15701 7.36791C9.07967 7.25215 9.03839 7.11606 9.03839 6.97684C9.03839 6.79016 9.11254 6.61112 9.24455 6.47911C9.37655 6.34711 9.5556 6.27295 9.74229 6.27295Z" fill="#F9FAFA" fill-opacity="0.5"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.14984 4.12915C3.73563 4.12915 3.39984 4.46494 3.39984 4.87915V18.8655C3.39984 19.2797 3.73563 19.6155 4.14984 19.6155H10.7911V18.1155H4.89984V9.82422H18.7835V11.5908H20.2835V4.87915C20.2835 4.46494 19.9477 4.12915 19.5335 4.12915H4.14984ZM18.7835 8.32422V5.62915H4.89984V8.32422H18.7835Z" fill="#F9FAFA" fill-opacity="0.5"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.886 16.1171C11.0055 16.5637 11.1979 16.9903 11.4575 17.3789C11.9243 18.0775 12.5878 18.622 13.3641 18.9436C14.1404 19.2651 14.9946 19.3493 15.8187 19.1853C16.395 19.0707 16.9385 18.8384 17.4164 18.5058L19.3199 20.4093C19.6128 20.7022 20.0877 20.7022 20.3806 20.4093C20.6735 20.1165 20.6735 19.6416 20.3806 19.3487L18.4771 17.4451C18.8096 16.9672 19.042 16.4237 19.1566 15.8474C19.3205 15.0233 19.2364 14.1691 18.9149 13.3928C18.5933 12.6165 18.0488 11.9531 17.3501 11.4862C16.6515 11.0194 15.8301 10.7703 14.9899 10.7703C13.9589 10.7703 12.9665 11.145 12.1949 11.8191H6.94794V13.3191H11.0963C10.9173 13.729 10.8032 14.1669 10.7605 14.6171H6.94794C6.53372 14.6171 6.19794 14.9529 6.19794 15.3671C6.19794 15.7813 6.53372 16.1171 6.94794 16.1171H10.886ZM14.9899 12.2703C14.261 12.2703 13.5619 12.5598 13.0465 13.0752C12.5311 13.5907 12.2415 14.2897 12.2415 15.0186C12.2415 15.0671 12.2428 15.1155 12.2453 15.1637C12.2635 15.2284 12.2733 15.2966 12.2733 15.3671C12.2733 15.3855 12.2726 15.4038 12.2713 15.422C12.3307 15.8223 12.478 16.2063 12.7047 16.5455C13.0067 16.9975 13.4359 17.3497 13.9381 17.5578C14.4403 17.7658 14.9929 17.8202 15.5261 17.7142C16.0592 17.6081 16.5489 17.3464 16.9333 16.962C17.3176 16.5776 17.5794 16.0879 17.6854 15.5548C17.7915 15.0217 17.7371 14.4691 17.529 13.9669C17.321 13.4647 16.9688 13.0354 16.5168 12.7334C16.0648 12.4315 15.5334 12.2703 14.9899 12.2703Z" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> </div> <div class="hex-title medium:absolute medium:top-[50px] text-sm medium:text-center pt-2 px-[4px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 group-[.active]/hex:opacity-100 group-[.active]/hex:text-nr-green transform-gpu">Logs</div> </div> </div> <div class="hex group/hex transform-gpu duration-200 relative transition-all text-nr-white h-36 w-36 bg-nr-glass shadow-xs rounded-[4px] group-[.active]/hex:border group-[.active]/hex:border-solid group-[.active]/hex:border-nr-green medium:group-[.active]/hex:border-0 medium:-mt-8 medium:mx-2 medium:h-[170px] medium:bg-none medium:shadow-none medium:rounded-0" data-category="598,599,600" data-hex="5985" data-video-hash="cp46hdqovq" data-image="" data-title="Service Level Management" data-description="<p>Define and consume SLIs and SLOs in just a few clicks.</p> " data-cta="https://docs.newrelic.com/docs/service-level-management/create-slm/"> <map name="hexagon-5985"> <area shape="poly" coords="0, 124, 0, 45, 72, 0, 144, 45, 144, 124, 72, 169, 0, 124" /> </map> <img src="/themes/custom/erno/assets/images/layout/r15-cap-grid/hex-fg.svg" class="hex--fg absolute hidden medium:block" alt="" /> <svg class="svg__hover hidden medium:block overflow-visible absolute opacity-0 transition-opacity duration-200 transform-gpu group-hover/hex:opacity-100" width="144" height="170" viewBox="0 0 144 170" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M72 168.54L0.5 123.853V45.2771L72 0.589624L143.5 45.2771V123.853L72 168.54Z" stroke="#1CE783" /> </svg> <div class="hex-inner duration-200 absolute h-36 w-36 left-0 p-3 medium:p-0 flex flex-col justify-between medium:items-center medium:h-24 medium:top-10"> <div class="hex-inner__border absolute hidden medium:block left-[27px] top-[-10px]"><svg class="svg__inner" width="90" height="97" viewBox="0 0 90 97" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_bd_6100_13148)"> <path d="M25 51.588V29.788L45 17.563L65 29.788V51.588L45 63.8047L25 51.588Z" stroke="url(#paint0_linear_6100_13148)" shape-rendering="crispEdges"/> </g> <defs> <filter id="filter0_bd_6100_13148" x="-23.5" y="-31.0229" width="137" height="143.414" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feGaussianBlur in="BackgroundImageFix" stdDeviation="24"/> <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_6100_13148"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="8"/> <feGaussianBlur stdDeviation="12"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.0980392 0 0 0 0 0.113725 0 0 0 0.33 0"/> <feBlend mode="multiply" in2="effect1_backgroundBlur_6100_13148" result="effect2_dropShadow_6100_13148"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_6100_13148" result="shape"/> </filter> <linearGradient id="paint0_linear_6100_13148" x1="45" y1="17.563" x2="45" y2="63.8047" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </div> <div class="hex-icon p-2 medium:p-0 rounded-[4px] medium:rounded-none bg-nr-black svg-24 flex justify-center medium:bg-transparent w-10 h-10 medium:absolute medium:h-6 medium:w-6 medium:top-[18px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 transform-gpu"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.2608 8.8317C16.8586 8.42508 16.61 7.86619 16.61 7.25C16.61 6.00875 17.6187 5 18.86 5C20.1012 5 21.11 6.00875 21.11 7.25C21.11 8.49125 20.1012 9.5 18.86 9.5C18.7757 9.5 18.6924 9.49534 18.6104 9.48627L16.1819 14.5122C16.5855 14.919 16.835 15.4789 16.835 16.0962C16.835 17.3375 15.8262 18.3462 14.585 18.3462C13.3437 18.3462 12.335 17.3375 12.335 16.0962C12.335 15.704 12.4357 15.335 12.6127 15.0137L10.9111 13.1006C10.6502 13.2066 10.365 13.265 10.0663 13.265C9.84988 13.265 9.64057 13.2343 9.44243 13.1772L7.20419 16.3081C7.45987 16.6732 7.60999 17.1174 7.60999 17.5962C7.60999 18.8375 6.60124 19.8462 5.35999 19.8462C4.11874 19.8462 3.10999 18.8375 3.10999 17.5962C3.10999 16.355 4.11874 15.3462 5.35999 15.3462C5.57676 15.3462 5.78645 15.377 5.98491 15.4344L8.2227 12.3041C7.96663 11.9388 7.81625 11.4942 7.81625 11.015C7.81625 9.77375 8.825 8.765 10.0663 8.765C11.3075 8.765 12.3163 9.77375 12.3163 11.015C12.3163 11.4106 12.2138 11.7827 12.0339 12.1059L13.7313 14.0143C13.9946 13.906 14.2829 13.8462 14.585 13.8462C14.6682 13.8462 14.7504 13.8508 14.8313 13.8596L17.2608 8.8317ZM18.86 6.5C18.4475 6.5 18.11 6.8375 18.11 7.25C18.11 7.6625 18.4475 8 18.86 8C19.2725 8 19.61 7.6625 19.61 7.25C19.61 6.8375 19.2725 6.5 18.86 6.5ZM10.0663 10.265C9.65375 10.265 9.31625 10.6025 9.31625 11.015C9.31625 11.4275 9.65375 11.765 10.0663 11.765C10.4788 11.765 10.8163 11.4275 10.8163 11.015C10.8163 10.6025 10.4788 10.265 10.0663 10.265ZM5.35999 16.8462C4.94749 16.8462 4.60999 17.1837 4.60999 17.5962C4.60999 18.0087 4.94749 18.3462 5.35999 18.3462C5.77249 18.3462 6.10999 18.0087 6.10999 17.5962C6.10999 17.1837 5.77249 16.8462 5.35999 16.8462ZM13.835 16.0962C13.835 15.6837 14.1725 15.3462 14.585 15.3462C14.9975 15.3462 15.335 15.6837 15.335 16.0962C15.335 16.5087 14.9975 16.8462 14.585 16.8462C14.1725 16.8462 13.835 16.5087 13.835 16.0962Z" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> </div> <div class="hex-title medium:absolute medium:top-[50px] text-sm medium:text-center pt-2 px-[4px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 group-[.active]/hex:opacity-100 group-[.active]/hex:text-nr-green transform-gpu">Service Levels</div> </div> </div> <div class="hex group/hex transform-gpu duration-200 relative transition-all text-nr-white h-36 w-36 bg-nr-glass shadow-xs rounded-[4px] group-[.active]/hex:border group-[.active]/hex:border-solid group-[.active]/hex:border-nr-green medium:group-[.active]/hex:border-0 medium:-mt-8 medium:mx-2 medium:h-[170px] medium:bg-none medium:shadow-none medium:rounded-0" data-category="598,599,601,602" data-hex="6003" data-video-hash="ckccqiv9rf" data-image="" data-title="CodeStream IDE Extension" data-description="<p>Add observability to your IDE. Auto-filter performance data to the most relevant line of code.</p> " data-cta="/codestream"> <map name="hexagon-6003"> <area shape="poly" coords="0, 124, 0, 45, 72, 0, 144, 45, 144, 124, 72, 169, 0, 124" /> </map> <img src="/themes/custom/erno/assets/images/layout/r15-cap-grid/hex-fg.svg" class="hex--fg absolute hidden medium:block" alt="" /> <svg class="svg__hover hidden medium:block overflow-visible absolute opacity-0 transition-opacity duration-200 transform-gpu group-hover/hex:opacity-100" width="144" height="170" viewBox="0 0 144 170" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M72 168.54L0.5 123.853V45.2771L72 0.589624L143.5 45.2771V123.853L72 168.54Z" stroke="#1CE783" /> </svg> <div class="hex-inner duration-200 absolute h-36 w-36 left-0 p-3 medium:p-0 flex flex-col justify-between medium:items-center medium:h-24 medium:top-10"> <div class="hex-inner__border absolute hidden medium:block left-[27px] top-[-10px]"><svg class="svg__inner" width="90" height="97" viewBox="0 0 90 97" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_bd_6100_13148)"> <path d="M25 51.588V29.788L45 17.563L65 29.788V51.588L45 63.8047L25 51.588Z" stroke="url(#paint0_linear_6100_13148)" shape-rendering="crispEdges"/> </g> <defs> <filter id="filter0_bd_6100_13148" x="-23.5" y="-31.0229" width="137" height="143.414" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feGaussianBlur in="BackgroundImageFix" stdDeviation="24"/> <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_6100_13148"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="8"/> <feGaussianBlur stdDeviation="12"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.0980392 0 0 0 0 0.113725 0 0 0 0.33 0"/> <feBlend mode="multiply" in2="effect1_backgroundBlur_6100_13148" result="effect2_dropShadow_6100_13148"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_6100_13148" result="shape"/> </filter> <linearGradient id="paint0_linear_6100_13148" x1="45" y1="17.563" x2="45" y2="63.8047" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </div> <div class="hex-icon p-2 medium:p-0 rounded-[4px] medium:rounded-none bg-nr-black svg-24 flex justify-center medium:bg-transparent w-10 h-10 medium:absolute medium:h-6 medium:w-6 medium:top-[18px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 transform-gpu"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.97107 11.8488C3.67818 12.1417 3.67818 12.6166 3.97107 12.9094L11.4697 20.4081C11.7626 20.701 12.2375 20.701 12.5304 20.4081L20.029 12.9094C20.3219 12.6165 20.3219 12.1417 20.029 11.8488L12.5304 4.35016C12.2375 4.05727 11.7626 4.05727 11.4697 4.35016L3.97107 11.8488ZM11.2513 18.0683L5.56206 12.3791L11.2513 6.68989V9.3915C10.0943 9.68426 9.16338 10.6379 8.95999 11.8909C8.7012 13.4852 9.71318 14.9923 11.2513 15.3789V18.0683ZM12.7513 18.0658L18.438 12.3791L12.7513 6.69241V9.38912C14.2962 9.77088 15.3141 11.2817 15.0546 12.8802C14.8505 14.1375 13.9138 15.0934 12.7513 15.3826V18.0658ZM11.753 13.9522C10.8877 13.8118 10.3002 12.9965 10.4406 12.1312C10.5811 11.2659 11.3964 10.6784 12.2616 10.8188C13.1269 10.9593 13.7145 11.7746 13.574 12.6398C13.4336 13.5051 12.6183 14.0927 11.753 13.9522Z" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> </div> <div class="hex-title medium:absolute medium:top-[50px] text-sm medium:text-center pt-2 px-[4px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 group-[.active]/hex:opacity-100 group-[.active]/hex:text-nr-green transform-gpu">CodeStream</div> </div> </div> <div class="hex group/hex transform-gpu duration-200 relative transition-all text-nr-white h-36 w-36 bg-nr-glass shadow-xs rounded-[4px] group-[.active]/hex:border group-[.active]/hex:border-solid group-[.active]/hex:border-nr-green medium:group-[.active]/hex:border-0 medium:-mt-8 medium:mx-2 medium:h-[170px] medium:bg-none medium:shadow-none medium:rounded-0" data-category="598,599,600,601,602" data-hex="5984" data-video-hash="8h8lo07taf" data-image="" data-title="Integrations and Quickstarts" data-description="<p>Get started in minutes with 600+ integrations.</p> " data-cta="/instant-observability"> <map name="hexagon-5984"> <area shape="poly" coords="0, 124, 0, 45, 72, 0, 144, 45, 144, 124, 72, 169, 0, 124" /> </map> <img src="/themes/custom/erno/assets/images/layout/r15-cap-grid/hex-fg.svg" class="hex--fg absolute hidden medium:block" alt="" /> <svg class="svg__hover hidden medium:block overflow-visible absolute opacity-0 transition-opacity duration-200 transform-gpu group-hover/hex:opacity-100" width="144" height="170" viewBox="0 0 144 170" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M72 168.54L0.5 123.853V45.2771L72 0.589624L143.5 45.2771V123.853L72 168.54Z" stroke="#1CE783" /> </svg> <div class="hex-inner duration-200 absolute h-36 w-36 left-0 p-3 medium:p-0 flex flex-col justify-between medium:items-center medium:h-24 medium:top-10"> <div class="hex-inner__border absolute hidden medium:block left-[27px] top-[-10px]"><svg class="svg__inner" width="90" height="97" viewBox="0 0 90 97" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_bd_6100_13148)"> <path d="M25 51.588V29.788L45 17.563L65 29.788V51.588L45 63.8047L25 51.588Z" stroke="url(#paint0_linear_6100_13148)" shape-rendering="crispEdges"/> </g> <defs> <filter id="filter0_bd_6100_13148" x="-23.5" y="-31.0229" width="137" height="143.414" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feGaussianBlur in="BackgroundImageFix" stdDeviation="24"/> <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_6100_13148"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="8"/> <feGaussianBlur stdDeviation="12"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.0980392 0 0 0 0 0.113725 0 0 0 0.33 0"/> <feBlend mode="multiply" in2="effect1_backgroundBlur_6100_13148" result="effect2_dropShadow_6100_13148"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_6100_13148" result="shape"/> </filter> <linearGradient id="paint0_linear_6100_13148" x1="45" y1="17.563" x2="45" y2="63.8047" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </div> <div class="hex-icon p-2 medium:p-0 rounded-[4px] medium:rounded-none bg-nr-black svg-24 flex justify-center medium:bg-transparent w-10 h-10 medium:absolute medium:h-6 medium:w-6 medium:top-[18px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 transform-gpu"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.6205 3.63367L20.533 7.0759V13.9171L15.3679 16.9242V16.9271L14.9953 17.1411L14.9914 17.1433L14.6205 17.3593L14.6179 17.3578L9.37952 20.3664L3.46698 16.9242V10.083L8.63208 7.0759V7.07295L9.00666 6.85782L9.37952 6.64074L9.38208 6.64221L14.6205 3.63367ZM8.63208 8.81159L4.96698 10.9454V16.0617L9.38463 18.6337L13.112 16.493L8.63208 13.92V8.81159ZM15.3679 15.1885V10.08L10.888 7.5071L14.6154 5.36639L19.033 7.93831V13.0547L15.3679 15.1885ZM13.8679 15.1973L10.1321 13.0517V8.80274L13.8679 10.9483V15.1973Z" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> </div> <div class="hex-title medium:absolute medium:top-[50px] text-sm medium:text-center pt-2 px-[4px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 group-[.active]/hex:opacity-100 group-[.active]/hex:text-nr-green transform-gpu">Integrations</div> </div> </div> <div class="hex group/hex transform-gpu duration-200 relative transition-all text-nr-white h-36 w-36 bg-nr-glass shadow-xs rounded-[4px] group-[.active]/hex:border group-[.active]/hex:border-solid group-[.active]/hex:border-nr-green medium:group-[.active]/hex:border-0 medium:-mt-8 medium:mx-2 medium:h-[170px] medium:bg-none medium:shadow-none medium:rounded-0" data-category="599,600,602" data-hex="5988" data-video-hash="4g4p2m0dxj" data-image="" data-title="Database Monitoring" data-description="<p>Real-time insight into database performance and transactions to identify and resolve issues.</p> " data-cta="/platform/application-monitoring"> <map name="hexagon-5988"> <area shape="poly" coords="0, 124, 0, 45, 72, 0, 144, 45, 144, 124, 72, 169, 0, 124" /> </map> <img src="/themes/custom/erno/assets/images/layout/r15-cap-grid/hex-fg.svg" class="hex--fg absolute hidden medium:block" alt="" /> <svg class="svg__hover hidden medium:block overflow-visible absolute opacity-0 transition-opacity duration-200 transform-gpu group-hover/hex:opacity-100" width="144" height="170" viewBox="0 0 144 170" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M72 168.54L0.5 123.853V45.2771L72 0.589624L143.5 45.2771V123.853L72 168.54Z" stroke="#1CE783" /> </svg> <div class="hex-inner duration-200 absolute h-36 w-36 left-0 p-3 medium:p-0 flex flex-col justify-between medium:items-center medium:h-24 medium:top-10"> <div class="hex-inner__border absolute hidden medium:block left-[27px] top-[-10px]"><svg class="svg__inner" width="90" height="97" viewBox="0 0 90 97" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_bd_6100_13148)"> <path d="M25 51.588V29.788L45 17.563L65 29.788V51.588L45 63.8047L25 51.588Z" stroke="url(#paint0_linear_6100_13148)" shape-rendering="crispEdges"/> </g> <defs> <filter id="filter0_bd_6100_13148" x="-23.5" y="-31.0229" width="137" height="143.414" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feGaussianBlur in="BackgroundImageFix" stdDeviation="24"/> <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_6100_13148"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="8"/> <feGaussianBlur stdDeviation="12"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.0980392 0 0 0 0 0.113725 0 0 0 0.33 0"/> <feBlend mode="multiply" in2="effect1_backgroundBlur_6100_13148" result="effect2_dropShadow_6100_13148"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_6100_13148" result="shape"/> </filter> <linearGradient id="paint0_linear_6100_13148" x1="45" y1="17.563" x2="45" y2="63.8047" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </div> <div class="hex-icon p-2 medium:p-0 rounded-[4px] medium:rounded-none bg-nr-black svg-24 flex justify-center medium:bg-transparent w-10 h-10 medium:absolute medium:h-6 medium:w-6 medium:top-[18px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 transform-gpu"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.24402 4.19407C6.43374 3.74792 8.02702 3.4873 9.75 3.4873C11.473 3.4873 13.0663 3.74792 14.256 4.19407C14.8481 4.41611 15.3793 4.69859 15.776 5.05031C16.1719 5.40126 16.5 5.88514 16.5 6.4873L16.5 10.9873H15.7171C15.3248 11.3186 14.8133 11.5842 14.2482 11.7937C13.0563 12.2355 11.4636 12.4873 9.75 12.4873C8.03645 12.4873 6.44366 12.2355 5.25182 11.7937C4.98721 11.6956 4.73436 11.5852 4.5 11.4615V12.4873C4.5 12.5088 4.51047 12.635 4.7719 12.8469C5.02858 13.0549 5.44444 13.2724 6.01994 13.4628C7.16393 13.8412 8.77716 14.0601 10.5444 13.9879L10.6056 15.4867C8.69784 15.5645 6.89858 15.3334 5.54881 14.8869C5.17233 14.7623 4.81788 14.6168 4.5 14.4488V15.4873C4.5 15.5159 4.51366 15.6429 4.76591 15.8516C5.01521 16.0578 5.42073 16.2741 5.98567 16.4638C7.1089 16.8411 8.70193 17.0601 10.4694 16.9879L10.5306 18.4867C8.62307 18.5645 6.8411 18.3335 5.50808 17.8858C4.8449 17.663 4.25197 17.3731 3.80988 17.0074C3.37071 16.6442 3 16.1337 3 15.4873V12.4873V9.4873V6.4873C3 5.88513 3.32812 5.40126 3.72395 5.05031C4.12066 4.69859 4.65192 4.41611 5.24402 4.19407ZM4.5 8.44945V9.4873C4.5 9.51843 4.51259 9.6304 4.72158 9.81608C4.93178 10.0028 5.27891 10.204 5.77318 10.3872C6.75634 10.7516 8.16355 10.9873 9.75 10.9873C11.3364 10.9873 12.7437 10.7516 13.7268 10.3872C14.2211 10.204 14.5682 10.0028 14.7784 9.81608C14.9874 9.6304 15 9.51843 15 9.4873L15 8.44945C14.7682 8.57216 14.518 8.68227 14.256 8.78054C13.0663 9.22669 11.473 9.4873 9.75 9.4873C8.02702 9.4873 6.43374 9.22669 5.24402 8.78054C4.98196 8.68227 4.73183 8.57216 4.5 8.44945ZM4.5 6.4873C4.5 6.50645 4.50767 6.61449 4.71906 6.80191C4.92959 6.98856 5.27701 7.19091 5.7707 7.37605C6.75255 7.74424 8.15927 7.9873 9.75 7.9873C11.3407 7.9873 12.7475 7.74424 13.7293 7.37605C14.223 7.19091 14.5704 6.98856 14.7809 6.80191C14.9923 6.61449 15 6.50646 15 6.4873C15 6.46815 14.9923 6.36012 14.7809 6.1727C14.5704 5.98605 14.223 5.7837 13.7293 5.59856C12.7475 5.23037 11.3407 4.9873 9.75 4.9873C8.15927 4.9873 6.75255 5.23037 5.7707 5.59856C5.27701 5.7837 4.92959 5.98605 4.71906 6.1727C4.50767 6.36012 4.5 6.46816 4.5 6.4873ZM16.5 13.9873C15.6392 13.9873 15 14.6265 15 15.4873H18C18 14.6265 17.3608 13.9873 16.5 13.9873ZM18 16.9873H15V18.4873C15 19.3481 15.6392 19.9873 16.5 19.9873C17.3608 19.9873 18 19.3481 18 18.4873V16.9873ZM13.5898 14.7373C13.9126 13.4255 15.0709 12.4873 16.5 12.4873C17.9291 12.4873 19.0874 13.4255 19.4102 14.7373H21V16.2373H19.5V17.7373H21V19.2373H19.4102C19.0874 20.5491 17.9291 21.4873 16.5 21.4873C15.0709 21.4873 13.9126 20.5491 13.5898 19.2373H12V17.7373H13.5V16.2373H12V14.7373H13.5898Z" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> </div> <div class="hex-title medium:absolute medium:top-[50px] text-sm medium:text-center pt-2 px-[4px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 group-[.active]/hex:opacity-100 group-[.active]/hex:text-nr-green transform-gpu">Database Monitoring</div> </div> </div> <div class="hex group/hex transform-gpu duration-200 relative transition-all text-nr-white h-36 w-36 bg-nr-glass shadow-xs rounded-[4px] group-[.active]/hex:border group-[.active]/hex:border-solid group-[.active]/hex:border-nr-green medium:group-[.active]/hex:border-0 medium:-mt-8 medium:mx-2 medium:h-[170px] medium:bg-none medium:shadow-none medium:rounded-0" data-category="600,602" data-hex="5989" data-video-hash="dhfue9c1qx" data-image="" data-title="Serverless Monitoring" data-description="<p>Resolve issues faster with automatic instrumentation and telemetry for every invocation.</p> " data-cta="/platform/serverless-monitoring"> <map name="hexagon-5989"> <area shape="poly" coords="0, 124, 0, 45, 72, 0, 144, 45, 144, 124, 72, 169, 0, 124" /> </map> <img src="/themes/custom/erno/assets/images/layout/r15-cap-grid/hex-fg.svg" class="hex--fg absolute hidden medium:block" alt="" /> <svg class="svg__hover hidden medium:block overflow-visible absolute opacity-0 transition-opacity duration-200 transform-gpu group-hover/hex:opacity-100" width="144" height="170" viewBox="0 0 144 170" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M72 168.54L0.5 123.853V45.2771L72 0.589624L143.5 45.2771V123.853L72 168.54Z" stroke="#1CE783" /> </svg> <div class="hex-inner duration-200 absolute h-36 w-36 left-0 p-3 medium:p-0 flex flex-col justify-between medium:items-center medium:h-24 medium:top-10"> <div class="hex-inner__border absolute hidden medium:block left-[27px] top-[-10px]"><svg class="svg__inner" width="90" height="97" viewBox="0 0 90 97" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_bd_6100_13148)"> <path d="M25 51.588V29.788L45 17.563L65 29.788V51.588L45 63.8047L25 51.588Z" stroke="url(#paint0_linear_6100_13148)" shape-rendering="crispEdges"/> </g> <defs> <filter id="filter0_bd_6100_13148" x="-23.5" y="-31.0229" width="137" height="143.414" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feGaussianBlur in="BackgroundImageFix" stdDeviation="24"/> <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_6100_13148"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="8"/> <feGaussianBlur stdDeviation="12"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.0980392 0 0 0 0 0.113725 0 0 0 0.33 0"/> <feBlend mode="multiply" in2="effect1_backgroundBlur_6100_13148" result="effect2_dropShadow_6100_13148"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_6100_13148" result="shape"/> </filter> <linearGradient id="paint0_linear_6100_13148" x1="45" y1="17.563" x2="45" y2="63.8047" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </div> <div class="hex-icon p-2 medium:p-0 rounded-[4px] medium:rounded-none bg-nr-black svg-24 flex justify-center medium:bg-transparent w-10 h-10 medium:absolute medium:h-6 medium:w-6 medium:top-[18px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 transform-gpu"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.02241 6.13916H5.55425V4.63916H8.03794C8.04721 4.63916 8.05648 4.63933 8.06574 4.63968C8.55591 4.65786 9.03228 4.80691 9.4454 5.07134C9.85852 5.33577 10.1933 5.70595 10.4151 6.14347C10.4228 6.15861 10.4299 6.17401 10.4366 6.18964L11.6309 9.00472C11.6408 9.02551 11.6498 9.04674 11.6578 9.06832L15.3235 17.7087C15.3743 17.8184 15.4659 17.9041 15.5789 17.9475C15.6937 17.9916 15.8213 17.9885 15.9339 17.9389L15.9462 17.9336L18.5417 16.8437L19.1225 18.2267L16.5324 19.3143C16.059 19.521 15.5232 19.5331 15.0408 19.3477C14.5561 19.1614 14.1648 18.7909 13.9523 18.3171L13.9463 18.3032L10.8788 11.0728L6.2901 19.7207C6.09595 20.0866 5.64194 20.2258 5.27605 20.0316C4.91016 19.8375 4.77093 19.3835 4.96508 19.0176L10.1244 9.29445L9.06682 6.80166C8.96617 6.61166 8.81807 6.45076 8.63675 6.3347C8.45256 6.2168 8.2407 6.14941 8.02241 6.13916Z" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> </div> <div class="hex-title medium:absolute medium:top-[50px] text-sm medium:text-center pt-2 px-[4px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 group-[.active]/hex:opacity-100 group-[.active]/hex:text-nr-green transform-gpu">Serverless</div> </div> </div> <div class="hex group/hex transform-gpu duration-200 relative transition-all text-nr-white h-36 w-36 bg-nr-glass shadow-xs rounded-[4px] group-[.active]/hex:border group-[.active]/hex:border-solid group-[.active]/hex:border-nr-green medium:group-[.active]/hex:border-0 medium:-mt-8 medium:mx-2 medium:h-[170px] medium:bg-none medium:shadow-none medium:rounded-0" data-category="599,600,602" data-hex="5991" data-video-hash="0llr2l3y5h" data-image="" data-title="Host Monitoring" data-description="<p>Quickly understand issue impact, root causes, and where to optimize performance.</p> " data-cta="/platform/infrastructure"> <map name="hexagon-5991"> <area shape="poly" coords="0, 124, 0, 45, 72, 0, 144, 45, 144, 124, 72, 169, 0, 124" /> </map> <img src="/themes/custom/erno/assets/images/layout/r15-cap-grid/hex-fg.svg" class="hex--fg absolute hidden medium:block" alt="" /> <svg class="svg__hover hidden medium:block overflow-visible absolute opacity-0 transition-opacity duration-200 transform-gpu group-hover/hex:opacity-100" width="144" height="170" viewBox="0 0 144 170" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M72 168.54L0.5 123.853V45.2771L72 0.589624L143.5 45.2771V123.853L72 168.54Z" stroke="#1CE783" /> </svg> <div class="hex-inner duration-200 absolute h-36 w-36 left-0 p-3 medium:p-0 flex flex-col justify-between medium:items-center medium:h-24 medium:top-10"> <div class="hex-inner__border absolute hidden medium:block left-[27px] top-[-10px]"><svg class="svg__inner" width="90" height="97" viewBox="0 0 90 97" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_bd_6100_13148)"> <path d="M25 51.588V29.788L45 17.563L65 29.788V51.588L45 63.8047L25 51.588Z" stroke="url(#paint0_linear_6100_13148)" shape-rendering="crispEdges"/> </g> <defs> <filter id="filter0_bd_6100_13148" x="-23.5" y="-31.0229" width="137" height="143.414" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feGaussianBlur in="BackgroundImageFix" stdDeviation="24"/> <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_6100_13148"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="8"/> <feGaussianBlur stdDeviation="12"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.0980392 0 0 0 0 0.113725 0 0 0 0.33 0"/> <feBlend mode="multiply" in2="effect1_backgroundBlur_6100_13148" result="effect2_dropShadow_6100_13148"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_6100_13148" result="shape"/> </filter> <linearGradient id="paint0_linear_6100_13148" x1="45" y1="17.563" x2="45" y2="63.8047" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </div> <div class="hex-icon p-2 medium:p-0 rounded-[4px] medium:rounded-none bg-nr-black svg-24 flex justify-center medium:bg-transparent w-10 h-10 medium:absolute medium:h-6 medium:w-6 medium:top-[18px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 transform-gpu"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none"> <path d="M11.7651 15.1175H11.8297L12.7835 13.5671C12.4529 13.5861 12.1147 13.5975 11.7613 13.5975C7.5851 13.5975 5.3051 12.3853 5.3051 11.8913V9.51626C6.8555 10.3485 9.3635 10.7437 11.7613 10.7437C14.1591 10.7437 16.6747 10.3485 18.2251 9.51246V11.1959H19.7451V7.51746H19.7375C19.7375 5.30206 15.6031 4.29126 11.7613 4.29126C7.9195 4.29126 3.7851 5.30206 3.7851 7.51746C3.7851 7.51746 3.7851 7.51746 3.7851 7.52126V16.2613C3.7851 18.4425 7.7789 19.4533 11.5637 19.4875L12.5251 17.9675H11.7651C7.5851 17.9675 5.3051 16.7591 5.3051 16.2613V13.8863C6.8555 14.7185 9.3673 15.1137 11.7651 15.1137V15.1175ZM11.7651 5.81126C15.9603 5.81126 18.2213 7.02346 18.2213 7.51746C18.2213 8.01146 15.9603 9.22366 11.7651 9.22366C7.5699 9.22366 5.3051 8.01146 5.3051 7.51746C5.3051 7.02346 7.5661 5.81126 11.7613 5.81126H11.7651Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M20.7673 17.2112H22.0251V15.6912H20.7673C20.6115 15.0034 20.2467 14.3916 19.7451 13.928L20.3759 12.8336L19.0573 12.0736L18.4303 13.1642C18.1073 13.0654 17.7653 13.0084 17.4081 13.0084C17.0509 13.0084 16.7089 13.0616 16.3859 13.1642L15.7589 12.0774L14.4403 12.8374L15.0711 13.9318C14.5695 14.3954 14.2047 15.0072 14.0489 15.695H12.7911V17.215H14.0489C14.2047 17.9028 14.5695 18.5146 15.0711 18.9782L14.4403 20.0688L15.7551 20.8288L16.3821 19.742C16.7051 19.8408 17.0471 19.8978 17.4043 19.8978C17.7615 19.8978 18.1035 19.8446 18.4265 19.742L19.0535 20.8288L20.3683 20.0688L19.7375 18.9782C20.2391 18.5146 20.6001 17.9028 20.7597 17.215L20.7673 17.2112ZM15.4891 16.4512C15.4891 15.391 16.3517 14.5284 17.4119 14.5284C18.4721 14.5284 19.3347 15.391 19.3347 16.4512C19.3347 17.5114 18.4721 18.374 17.4119 18.374C16.3517 18.374 15.4891 17.5114 15.4891 16.4512Z" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> </div> <div class="hex-title medium:absolute medium:top-[50px] text-sm medium:text-center pt-2 px-[4px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 group-[.active]/hex:opacity-100 group-[.active]/hex:text-nr-green transform-gpu">Host Monitoring</div> </div> </div> <div class="hex group/hex transform-gpu duration-200 relative transition-all text-nr-white h-36 w-36 bg-nr-glass shadow-xs rounded-[4px] group-[.active]/hex:border group-[.active]/hex:border-solid group-[.active]/hex:border-nr-green medium:group-[.active]/hex:border-0 medium:-mt-8 medium:mx-2 medium:h-[170px] medium:bg-none medium:shadow-none medium:rounded-0" data-category="598,599,600,602" data-hex="5994" data-video-hash="04ngonhra8" data-image="" data-title="Kubernetes + Pixie" data-description="<p>Debug faster with code-level insights into clusters, while scaling resources with demand.</p> " data-cta="/platform/kubernetes-pixie"> <map name="hexagon-5994"> <area shape="poly" coords="0, 124, 0, 45, 72, 0, 144, 45, 144, 124, 72, 169, 0, 124" /> </map> <img src="/themes/custom/erno/assets/images/layout/r15-cap-grid/hex-fg.svg" class="hex--fg absolute hidden medium:block" alt="" /> <svg class="svg__hover hidden medium:block overflow-visible absolute opacity-0 transition-opacity duration-200 transform-gpu group-hover/hex:opacity-100" width="144" height="170" viewBox="0 0 144 170" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M72 168.54L0.5 123.853V45.2771L72 0.589624L143.5 45.2771V123.853L72 168.54Z" stroke="#1CE783" /> </svg> <div class="hex-inner duration-200 absolute h-36 w-36 left-0 p-3 medium:p-0 flex flex-col justify-between medium:items-center medium:h-24 medium:top-10"> <div class="hex-inner__border absolute hidden medium:block left-[27px] top-[-10px]"><svg class="svg__inner" width="90" height="97" viewBox="0 0 90 97" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_bd_6100_13148)"> <path d="M25 51.588V29.788L45 17.563L65 29.788V51.588L45 63.8047L25 51.588Z" stroke="url(#paint0_linear_6100_13148)" shape-rendering="crispEdges"/> </g> <defs> <filter id="filter0_bd_6100_13148" x="-23.5" y="-31.0229" width="137" height="143.414" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feGaussianBlur in="BackgroundImageFix" stdDeviation="24"/> <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_6100_13148"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="8"/> <feGaussianBlur stdDeviation="12"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.0980392 0 0 0 0 0.113725 0 0 0 0.33 0"/> <feBlend mode="multiply" in2="effect1_backgroundBlur_6100_13148" result="effect2_dropShadow_6100_13148"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_6100_13148" result="shape"/> </filter> <linearGradient id="paint0_linear_6100_13148" x1="45" y1="17.563" x2="45" y2="63.8047" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </div> <div class="hex-icon p-2 medium:p-0 rounded-[4px] medium:rounded-none bg-nr-black svg-24 flex justify-center medium:bg-transparent w-10 h-10 medium:absolute medium:h-6 medium:w-6 medium:top-[18px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 transform-gpu"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"> <path d="M16.3264 13.4485L13.7346 12.3683L16.3264 11.2914C16.5064 11.9992 16.5064 12.7407 16.3264 13.4485ZM14.3043 16.2083L13.2274 13.6165L15.8225 14.6934C15.44 15.3086 14.9204 15.8271 14.3043 16.2083ZM11.999 10.6097L10.9057 8.03767C11.6123 7.85771 12.3528 7.85771 13.0595 8.03767L11.999 10.6097ZM11.0901 12.3584C11.0901 12.1787 11.1434 12.0029 11.2433 11.8535C11.3432 11.704 11.4851 11.5875 11.6512 11.5187C11.8173 11.4499 12 11.4319 12.1764 11.467C12.3527 11.502 12.5146 11.5886 12.6417 11.7157C12.7689 11.8428 12.8554 12.0048 12.8905 12.1811C12.9256 12.3574 12.9076 12.5402 12.8388 12.7063C12.77 12.8724 12.6535 13.0143 12.504 13.1142C12.3545 13.2141 12.1788 13.2674 11.999 13.2674C11.8795 13.2678 11.7612 13.2446 11.6507 13.1991C11.5402 13.1536 11.4398 13.0866 11.3553 13.0021C11.2708 12.9176 11.2039 12.8173 11.1584 12.7068C11.1129 12.5963 11.0897 12.4779 11.0901 12.3584ZM11.999 16.8373C11.6354 16.845 11.2726 16.7995 10.9221 16.7023L11.999 14.1105L13.0759 16.7023C12.7254 16.7993 12.3627 16.8448 11.999 16.8373ZM9.67399 16.1984C9.05889 15.8171 8.54041 15.2986 8.15909 14.6835L10.7542 13.6066L9.67399 16.1984ZM7.65521 13.4386C7.47525 12.7309 7.47525 11.9893 7.65521 11.2815L10.247 12.3584L7.65521 13.4386ZM9.67399 8.52178L10.7542 11.1136L8.15909 10.0367C8.53946 9.42084 9.05814 8.90215 9.67399 8.52178ZM14.3208 8.52178C14.9376 8.90203 15.4574 9.4207 15.839 10.0367L13.2439 11.1136L14.3208 8.52178ZM19.0796 14.5913L18.2068 14.2224C18.0828 14.1748 17.9481 14.1623 17.8174 14.1861C17.6867 14.2099 17.5651 14.2692 17.4659 14.3575C17.9576 13.0781 17.9576 11.6618 17.4659 10.3825C17.527 10.4457 17.6001 10.4961 17.681 10.5306C17.7619 10.5651 17.8489 10.583 17.9368 10.5834C18.0317 10.5928 18.127 10.5696 18.2068 10.5175L19.0796 10.1454C19.2446 10.0785 19.3764 9.94888 19.4459 9.78491C19.5154 9.62093 19.5169 9.43608 19.4501 9.271C19.3832 9.10592 19.2536 8.97415 19.0896 8.90467C18.9256 8.83519 18.7408 8.83369 18.5757 8.90051L17.6997 9.27265C17.58 9.32257 17.4778 9.40669 17.4057 9.51449C17.3336 9.62228 17.295 9.74895 17.2946 9.87861C16.6847 8.64948 15.6758 7.66373 14.4328 7.08263C14.5624 7.08225 14.6891 7.04361 14.7969 6.97155C14.9047 6.89949 14.9888 6.79722 15.0387 6.67755L15.4109 5.80484C15.4781 5.63976 15.477 5.45473 15.4079 5.29044C15.3387 5.12616 15.2071 4.99608 15.042 4.92882C14.8769 4.86157 14.6919 4.86265 14.5276 4.93182C14.3633 5.00099 14.2333 5.13259 14.166 5.29767L13.8103 6.17368C13.7635 6.29782 13.7513 6.43236 13.7751 6.5629C13.7989 6.69343 13.8577 6.81503 13.9453 6.91467C13.3294 6.64926 12.6628 6.52222 11.9924 6.54252C11.3164 6.54288 10.6463 6.66907 10.0165 6.91467C10.1035 6.81467 10.1619 6.6931 10.1857 6.56271C10.2094 6.43231 10.1976 6.29793 10.1515 6.17368L9.77937 5.29767C9.71212 5.13259 9.58205 5.00099 9.41777 4.93182C9.25348 4.86265 9.06843 4.86157 8.90335 4.92882C8.73828 4.99608 8.60668 5.12616 8.5375 5.29044C8.46833 5.45473 8.46725 5.63976 8.53451 5.80484L8.90335 6.67755C8.95327 6.79722 9.03741 6.89949 9.1452 6.97155C9.253 7.04361 9.37966 7.08225 9.50932 7.08263C8.27719 7.67132 7.28941 8.67193 6.71664 9.91154C6.71626 9.78188 6.67762 9.65522 6.60556 9.54742C6.5335 9.43963 6.43122 9.3555 6.31155 9.30558L5.43555 8.93344C5.3536 8.90036 5.26592 8.88374 5.17754 8.88454C5.08916 8.88533 5.00182 8.90353 4.92047 8.93808C4.83913 8.97264 4.76538 9.02288 4.70345 9.08593C4.64152 9.14899 4.59261 9.22363 4.55953 9.30558C4.52645 9.38754 4.50983 9.47521 4.51063 9.56358C4.51142 9.65196 4.52962 9.73931 4.56417 9.82066C4.59873 9.902 4.64898 9.97574 4.71203 10.0377C4.77509 10.0996 4.84972 10.1485 4.93167 10.1816L5.80769 10.5504C5.89048 10.5927 5.98154 10.6163 6.07445 10.6196C6.16317 10.6193 6.2509 10.601 6.3324 10.5659C6.41389 10.5308 6.48746 10.4796 6.54868 10.4154C6.28409 11.0316 6.15709 11.698 6.17654 12.3683C6.17727 13.0443 6.30346 13.7143 6.54868 14.3443C6.44923 14.2563 6.32761 14.1973 6.197 14.1735C6.06639 14.1497 5.93177 14.162 5.80769 14.2093L4.91851 14.5913C4.75504 14.6606 4.62487 14.7907 4.55545 14.9541C4.48603 15.1175 4.48276 15.3015 4.54636 15.4673C4.59628 15.587 4.68042 15.6892 4.78821 15.7613C4.89601 15.8333 5.02267 15.872 5.15233 15.8724C5.24774 15.8826 5.34363 15.858 5.42238 15.8032L6.29839 15.4344C6.41805 15.3844 6.52032 15.3003 6.59238 15.1925C6.66443 15.0847 6.70307 14.9581 6.70345 14.8284C7.27959 16.0781 8.28271 17.0812 9.53238 17.6573C9.40309 17.6574 9.2767 17.6956 9.16894 17.767C9.06119 17.8385 8.97683 17.94 8.92641 18.0591L8.5411 18.9351C8.47664 19.1008 8.47946 19.2851 8.54898 19.4488C8.6185 19.6125 8.74922 19.7425 8.91324 19.8111C8.99766 19.8484 9.08793 19.8707 9.18 19.877C9.30929 19.8769 9.43568 19.8387 9.54343 19.7673C9.65119 19.6958 9.73554 19.5943 9.78597 19.4752L10.1581 18.5992C10.2042 18.4749 10.216 18.3406 10.1923 18.2102C10.1685 18.0798 10.1101 17.9582 10.0231 17.8582C11.3013 18.3501 12.7165 18.3501 13.9948 17.8582C13.9077 17.9582 13.8494 18.0799 13.8262 18.2104C13.803 18.341 13.8157 18.4753 13.863 18.5992L14.2319 19.4752C14.2823 19.5943 14.3666 19.6958 14.4744 19.7673C14.5821 19.8387 14.7085 19.8769 14.8378 19.877C14.9327 19.8867 15.0281 19.8635 15.1079 19.8111C15.2708 19.7412 15.4002 19.6109 15.469 19.4475C15.5378 19.2841 15.5405 19.1005 15.4767 18.9351L15.1276 18.0591C15.0828 17.9362 14.9998 17.8309 14.8907 17.7586C14.7817 17.6863 14.6523 17.6508 14.5217 17.6573C15.7381 17.0578 16.7122 16.0593 17.2814 14.8284C17.2818 14.9581 17.3204 15.0847 17.3925 15.1925C17.4646 15.3003 17.5669 15.3844 17.6865 15.4344L18.5625 15.8032C18.6478 15.8419 18.7392 15.8654 18.8326 15.8724C18.9622 15.872 19.0889 15.8333 19.1967 15.7613C19.3045 15.6892 19.3886 15.587 19.4385 15.4673C19.4749 15.3882 19.4951 15.3027 19.4982 15.2157C19.5013 15.1288 19.4871 15.0421 19.4565 14.9606C19.4259 14.8792 19.3794 14.8046 19.3198 14.7412C19.2602 14.6778 19.1886 14.6268 19.1092 14.5913" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> </div> <div class="hex-title medium:absolute medium:top-[50px] text-sm medium:text-center pt-2 px-[4px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 group-[.active]/hex:opacity-100 group-[.active]/hex:text-nr-green transform-gpu">Kubernetes</div> </div> </div> <div class="hex group/hex transform-gpu duration-200 relative transition-all text-nr-white h-36 w-36 bg-nr-glass shadow-xs rounded-[4px] group-[.active]/hex:border group-[.active]/hex:border-solid group-[.active]/hex:border-nr-green medium:group-[.active]/hex:border-0 medium:-mt-8 medium:mx-2 medium:h-[170px] medium:bg-none medium:shadow-none medium:rounded-0" data-category="600,602" data-hex="5995" data-video-hash="oesoafp5jv" data-image="" data-title="Cloud Services Monitoring" data-description="<p>Optimize the performance of servers, databases, storage, and other cloud infrastructure.</p> " data-cta="/platform/infrastructure"> <map name="hexagon-5995"> <area shape="poly" coords="0, 124, 0, 45, 72, 0, 144, 45, 144, 124, 72, 169, 0, 124" /> </map> <img src="/themes/custom/erno/assets/images/layout/r15-cap-grid/hex-fg.svg" class="hex--fg absolute hidden medium:block" alt="" /> <svg class="svg__hover hidden medium:block overflow-visible absolute opacity-0 transition-opacity duration-200 transform-gpu group-hover/hex:opacity-100" width="144" height="170" viewBox="0 0 144 170" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M72 168.54L0.5 123.853V45.2771L72 0.589624L143.5 45.2771V123.853L72 168.54Z" stroke="#1CE783" /> </svg> <div class="hex-inner duration-200 absolute h-36 w-36 left-0 p-3 medium:p-0 flex flex-col justify-between medium:items-center medium:h-24 medium:top-10"> <div class="hex-inner__border absolute hidden medium:block left-[27px] top-[-10px]"><svg class="svg__inner" width="90" height="97" viewBox="0 0 90 97" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_bd_6100_13148)"> <path d="M25 51.588V29.788L45 17.563L65 29.788V51.588L45 63.8047L25 51.588Z" stroke="url(#paint0_linear_6100_13148)" shape-rendering="crispEdges"/> </g> <defs> <filter id="filter0_bd_6100_13148" x="-23.5" y="-31.0229" width="137" height="143.414" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feGaussianBlur in="BackgroundImageFix" stdDeviation="24"/> <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_6100_13148"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="8"/> <feGaussianBlur stdDeviation="12"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.0980392 0 0 0 0 0.113725 0 0 0 0.33 0"/> <feBlend mode="multiply" in2="effect1_backgroundBlur_6100_13148" result="effect2_dropShadow_6100_13148"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_6100_13148" result="shape"/> </filter> <linearGradient id="paint0_linear_6100_13148" x1="45" y1="17.563" x2="45" y2="63.8047" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </div> <div class="hex-icon p-2 medium:p-0 rounded-[4px] medium:rounded-none bg-nr-black svg-24 flex justify-center medium:bg-transparent w-10 h-10 medium:absolute medium:h-6 medium:w-6 medium:top-[18px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 transform-gpu"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none"> <g clip-path="url(#clip0_7599_16234)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.1538 7.31201C11.0594 5.34798 13.0718 3.99341 15.3333 3.99341C18.487 3.99341 21 6.50638 21 9.66007C21 10.6998 20.7269 11.67 20.2476 12.5033C19.2693 10.8041 17.4349 9.66007 15.3333 9.66007C12.2037 9.66007 9.66667 12.1971 9.66667 15.3267H8.25C5.87547 15.3267 4 13.4513 4 11.0767C4 8.70221 5.87547 6.82674 8.25 6.82674C8.94637 6.82674 9.58897 7.0187 10.1538 7.31201ZM15.3333 12.4934C13.7686 12.4934 12.5 13.762 12.5 15.3267C12.5 16.8915 13.7686 18.1601 15.3333 18.1601C16.8981 18.1601 18.1667 16.8915 18.1667 15.3267C18.1667 13.762 16.8981 12.4934 15.3333 12.4934ZM11.0833 15.3267C11.0833 12.9795 12.9861 11.0767 15.3333 11.0767C17.6805 11.0767 19.5833 12.9795 19.5833 15.3267C19.5833 16.2446 19.2923 17.0945 18.7976 17.7893L20.7925 19.7842L19.7908 20.7859L17.7959 18.791C17.1011 19.2858 16.2512 19.5767 15.3333 19.5767C12.9861 19.5767 11.0833 17.6739 11.0833 15.3267Z" fill="#F9FAFA" fill-opacity="0.5"/> </g> <defs> <clipPath id="clip0_7599_16234"> <rect width="17" height="17" fill="white" transform="translate(4 3.99341)"/> </clipPath> </defs> </svg> </div> </div> <div class="hex-title medium:absolute medium:top-[50px] text-sm medium:text-center pt-2 px-[4px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 group-[.active]/hex:opacity-100 group-[.active]/hex:text-nr-green transform-gpu">Cloud Monitoring</div> </div> </div> <div class="hex group/hex transform-gpu duration-200 relative transition-all text-nr-white h-36 w-36 bg-nr-glass shadow-xs rounded-[4px] group-[.active]/hex:border group-[.active]/hex:border-solid group-[.active]/hex:border-nr-green medium:group-[.active]/hex:border-0 medium:-mt-8 medium:mx-2 medium:h-[170px] medium:bg-none medium:shadow-none medium:rounded-0" data-category="600,602" data-hex="5996" data-video-hash="19o8xxofp3" data-image="" data-title="Network Monitoring" data-description="<p>See how your networks impact the performance of applications and services.</p> " data-cta="/platform/network-performance-monitoring"> <map name="hexagon-5996"> <area shape="poly" coords="0, 124, 0, 45, 72, 0, 144, 45, 144, 124, 72, 169, 0, 124" /> </map> <img src="/themes/custom/erno/assets/images/layout/r15-cap-grid/hex-fg.svg" class="hex--fg absolute hidden medium:block" alt="" /> <svg class="svg__hover hidden medium:block overflow-visible absolute opacity-0 transition-opacity duration-200 transform-gpu group-hover/hex:opacity-100" width="144" height="170" viewBox="0 0 144 170" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M72 168.54L0.5 123.853V45.2771L72 0.589624L143.5 45.2771V123.853L72 168.54Z" stroke="#1CE783" /> </svg> <div class="hex-inner duration-200 absolute h-36 w-36 left-0 p-3 medium:p-0 flex flex-col justify-between medium:items-center medium:h-24 medium:top-10"> <div class="hex-inner__border absolute hidden medium:block left-[27px] top-[-10px]"><svg class="svg__inner" width="90" height="97" viewBox="0 0 90 97" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_bd_6100_13148)"> <path d="M25 51.588V29.788L45 17.563L65 29.788V51.588L45 63.8047L25 51.588Z" stroke="url(#paint0_linear_6100_13148)" shape-rendering="crispEdges"/> </g> <defs> <filter id="filter0_bd_6100_13148" x="-23.5" y="-31.0229" width="137" height="143.414" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feGaussianBlur in="BackgroundImageFix" stdDeviation="24"/> <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_6100_13148"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="8"/> <feGaussianBlur stdDeviation="12"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.0980392 0 0 0 0 0.113725 0 0 0 0.33 0"/> <feBlend mode="multiply" in2="effect1_backgroundBlur_6100_13148" result="effect2_dropShadow_6100_13148"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_6100_13148" result="shape"/> </filter> <linearGradient id="paint0_linear_6100_13148" x1="45" y1="17.563" x2="45" y2="63.8047" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </div> <div class="hex-icon p-2 medium:p-0 rounded-[4px] medium:rounded-none bg-nr-black svg-24 flex justify-center medium:bg-transparent w-10 h-10 medium:absolute medium:h-6 medium:w-6 medium:top-[18px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 transform-gpu"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.8371 6.51557L15.7311 5.40954L16.7917 4.34888L19.1781 6.73524C19.471 7.02813 19.471 7.50301 19.1781 7.7959L16.7917 10.1823L15.7311 9.1216L16.8371 8.01557H5.35229V6.51557H16.8371ZM7.16295 13.1292L8.26899 14.2352L7.20833 15.2959L4.82196 12.9095C4.52907 12.6166 4.52907 12.1418 4.82196 11.8489L7.20833 9.46251L8.26899 10.5232L7.16296 11.6292H18.6477V13.1292H7.16295ZM16.8371 16.7428L15.7311 15.6368L16.7917 14.5761L19.1781 16.9625C19.471 17.2554 19.471 17.7303 19.1781 18.0232L16.7917 20.4095L15.7311 19.3489L16.8371 18.2428H5.35229V16.7428H16.8371Z" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> </div> <div class="hex-title medium:absolute medium:top-[50px] text-sm medium:text-center pt-2 px-[4px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 group-[.active]/hex:opacity-100 group-[.active]/hex:text-nr-green transform-gpu">Network Monitoring </div> </div> </div> <div class="hex group/hex transform-gpu duration-200 relative transition-all text-nr-white h-36 w-36 bg-nr-glass shadow-xs rounded-[4px] group-[.active]/hex:border group-[.active]/hex:border-solid group-[.active]/hex:border-nr-green medium:group-[.active]/hex:border-0 medium:-mt-8 medium:mx-2 medium:h-[170px] medium:bg-none medium:shadow-none medium:rounded-0" data-category="598,599,602" data-hex="5977" data-video-hash="0kz4ttkflg" data-image="" data-title="Error Tracking" data-description="<p>Track and triage errors across your full stack from a single screen.</p> " data-cta="/platform/application-monitoring"> <map name="hexagon-5977"> <area shape="poly" coords="0, 124, 0, 45, 72, 0, 144, 45, 144, 124, 72, 169, 0, 124" /> </map> <img src="/themes/custom/erno/assets/images/layout/r15-cap-grid/hex-fg.svg" class="hex--fg absolute hidden medium:block" alt="" /> <svg class="svg__hover hidden medium:block overflow-visible absolute opacity-0 transition-opacity duration-200 transform-gpu group-hover/hex:opacity-100" width="144" height="170" viewBox="0 0 144 170" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M72 168.54L0.5 123.853V45.2771L72 0.589624L143.5 45.2771V123.853L72 168.54Z" stroke="#1CE783" /> </svg> <div class="hex-inner duration-200 absolute h-36 w-36 left-0 p-3 medium:p-0 flex flex-col justify-between medium:items-center medium:h-24 medium:top-10"> <div class="hex-inner__border absolute hidden medium:block left-[27px] top-[-10px]"><svg class="svg__inner" width="90" height="97" viewBox="0 0 90 97" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_bd_6100_13148)"> <path d="M25 51.588V29.788L45 17.563L65 29.788V51.588L45 63.8047L25 51.588Z" stroke="url(#paint0_linear_6100_13148)" shape-rendering="crispEdges"/> </g> <defs> <filter id="filter0_bd_6100_13148" x="-23.5" y="-31.0229" width="137" height="143.414" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feGaussianBlur in="BackgroundImageFix" stdDeviation="24"/> <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_6100_13148"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="8"/> <feGaussianBlur stdDeviation="12"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.0980392 0 0 0 0 0.113725 0 0 0 0.33 0"/> <feBlend mode="multiply" in2="effect1_backgroundBlur_6100_13148" result="effect2_dropShadow_6100_13148"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_6100_13148" result="shape"/> </filter> <linearGradient id="paint0_linear_6100_13148" x1="45" y1="17.563" x2="45" y2="63.8047" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </div> <div class="hex-icon p-2 medium:p-0 rounded-[4px] medium:rounded-none bg-nr-black svg-24 flex justify-center medium:bg-transparent w-10 h-10 medium:absolute medium:h-6 medium:w-6 medium:top-[18px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 transform-gpu"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none"> <path d="M20.8407 17.4231L21.2348 15.9422L19.0461 15.3606C19.092 15.043 19.1226 14.7178 19.1226 14.3849C19.1226 13.9448 19.0767 13.5162 18.9963 13.0991L21.0167 11.9971L20.282 10.654L18.5295 11.6106C17.8866 10.1604 16.7578 8.97031 15.3496 8.25475C15.717 7.40526 16.5359 5.97031 17.9019 5.97031C18.3229 5.97031 18.6672 5.62592 18.6672 5.205C18.6672 4.78409 18.3229 4.4397 17.9019 4.4397C15.6098 4.4397 14.4007 6.5596 13.9147 7.71903C13.3752 7.58128 12.8127 7.50092 12.2348 7.50092C11.657 7.50092 11.0945 7.58128 10.555 7.71903C10.0652 6.5596 8.85985 4.4397 6.56776 4.4397C6.14684 4.4397 5.80245 4.78409 5.80245 5.205C5.80245 5.62592 6.14684 5.97031 6.56776 5.97031C7.93383 5.97031 8.75271 7.40909 9.12005 8.25475C7.71189 8.97414 6.58306 10.1604 5.94021 11.6106L4.18765 10.654L3.45296 11.9971L5.47337 13.0991C5.39301 13.5162 5.34709 13.9448 5.34709 14.3849C5.34709 14.7178 5.37771 15.0392 5.42362 15.3606L3.23485 15.9422L3.62898 17.4231L5.80628 16.8453C6.07796 17.5532 6.45679 18.2076 6.93128 18.7777L5.36623 20.2012L6.39556 21.3338L8.04097 19.8415C9.20424 20.7369 10.6583 21.2803 12.2348 21.2803C13.8114 21.2803 15.2655 20.7407 16.4287 19.8415L18.0741 21.3338L19.1035 20.2012L17.5384 18.7777C18.0129 18.2037 18.3917 17.5494 18.6634 16.8453L20.8407 17.4231ZM12.2387 9.03153C14.3701 9.03153 16.2106 10.2866 17.0716 12.0928H7.40577C8.26674 10.2866 10.1073 9.03153 12.2387 9.03153ZM6.94276 13.6234H11.4734V19.6846C8.88281 19.3096 6.88153 17.0826 6.88153 14.3887C6.88153 14.1285 6.90832 13.8759 6.94276 13.6234ZM13.004 19.6846V13.6234H17.5346C17.569 13.8759 17.5958 14.1285 17.5958 14.3887C17.5958 17.0826 15.5945 19.3096 13.004 19.6846Z" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> </div> <div class="hex-title medium:absolute medium:top-[50px] text-sm medium:text-center pt-2 px-[4px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 group-[.active]/hex:opacity-100 group-[.active]/hex:text-nr-green transform-gpu">Error Tracking</div> </div> </div> <div class="hex group/hex transform-gpu duration-200 relative transition-all text-nr-white h-36 w-36 bg-nr-glass shadow-xs rounded-[4px] group-[.active]/hex:border group-[.active]/hex:border-solid group-[.active]/hex:border-nr-green medium:group-[.active]/hex:border-0 medium:-mt-8 medium:mx-2 medium:h-[170px] medium:bg-none medium:shadow-none medium:rounded-0" data-category="598,599" data-hex="5990" data-video-hash="mvnhtmx0a3" data-image="" data-title="APM Thread Profiler" data-description="<p>Identify application bottlenecks in production with thread profiler.</p> " data-cta="/platform/application-monitoring"> <map name="hexagon-5990"> <area shape="poly" coords="0, 124, 0, 45, 72, 0, 144, 45, 144, 124, 72, 169, 0, 124" /> </map> <img src="/themes/custom/erno/assets/images/layout/r15-cap-grid/hex-fg.svg" class="hex--fg absolute hidden medium:block" alt="" /> <svg class="svg__hover hidden medium:block overflow-visible absolute opacity-0 transition-opacity duration-200 transform-gpu group-hover/hex:opacity-100" width="144" height="170" viewBox="0 0 144 170" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M72 168.54L0.5 123.853V45.2771L72 0.589624L143.5 45.2771V123.853L72 168.54Z" stroke="#1CE783" /> </svg> <div class="hex-inner duration-200 absolute h-36 w-36 left-0 p-3 medium:p-0 flex flex-col justify-between medium:items-center medium:h-24 medium:top-10"> <div class="hex-inner__border absolute hidden medium:block left-[27px] top-[-10px]"><svg class="svg__inner" width="90" height="97" viewBox="0 0 90 97" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_bd_6100_13148)"> <path d="M25 51.588V29.788L45 17.563L65 29.788V51.588L45 63.8047L25 51.588Z" stroke="url(#paint0_linear_6100_13148)" shape-rendering="crispEdges"/> </g> <defs> <filter id="filter0_bd_6100_13148" x="-23.5" y="-31.0229" width="137" height="143.414" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feGaussianBlur in="BackgroundImageFix" stdDeviation="24"/> <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_6100_13148"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="8"/> <feGaussianBlur stdDeviation="12"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.0980392 0 0 0 0 0.113725 0 0 0 0.33 0"/> <feBlend mode="multiply" in2="effect1_backgroundBlur_6100_13148" result="effect2_dropShadow_6100_13148"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_6100_13148" result="shape"/> </filter> <linearGradient id="paint0_linear_6100_13148" x1="45" y1="17.563" x2="45" y2="63.8047" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </div> <div class="hex-icon p-2 medium:p-0 rounded-[4px] medium:rounded-none bg-nr-black svg-24 flex justify-center medium:bg-transparent w-10 h-10 medium:absolute medium:h-6 medium:w-6 medium:top-[18px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 transform-gpu"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.70833 5.1604C4.31713 5.1604 4 5.47753 4 5.86873V12.2437V18.6187C4 19.0099 4.31713 19.3271 4.70833 19.3271H20.2917C20.6829 19.3271 21 19.0099 21 18.6187V12.2437C21 11.8525 20.6829 11.5354 20.2917 11.5354H19.5833V5.86873C19.5833 5.47753 19.2662 5.1604 18.875 5.1604H4.70833ZM18.1667 11.5354V6.57707H5.41667V11.5354H18.1667ZM5.41667 12.9521V17.9104H19.5833V12.9521L18.875 12.9521L5.41667 12.9521ZM16.75 8.3479H6.83333V9.76457H16.75V8.3479ZM18.1667 14.7229H6.83333V16.1396H18.1667V14.7229Z" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> </div> <div class="hex-title medium:absolute medium:top-[50px] text-sm medium:text-center pt-2 px-[4px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 group-[.active]/hex:opacity-100 group-[.active]/hex:text-nr-green transform-gpu">Profiling</div> </div> </div> <div class="hex group/hex transform-gpu duration-200 relative transition-all text-nr-white h-36 w-36 bg-nr-glass shadow-xs rounded-[4px] group-[.active]/hex:border group-[.active]/hex:border-solid group-[.active]/hex:border-nr-green medium:group-[.active]/hex:border-0 medium:-mt-8 medium:mx-2 medium:h-[170px] medium:bg-none medium:shadow-none medium:rounded-0" data-category="598,599,600,602" data-hex="5986" data-video-hash="5ufmmax3tq" data-image="" data-title="Distributed Tracing" data-description="<p>Analyze distributed tracing telemetry in context, without extra setup.</p> " data-cta="/platform/application-monitoring"> <map name="hexagon-5986"> <area shape="poly" coords="0, 124, 0, 45, 72, 0, 144, 45, 144, 124, 72, 169, 0, 124" /> </map> <img src="/themes/custom/erno/assets/images/layout/r15-cap-grid/hex-fg.svg" class="hex--fg absolute hidden medium:block" alt="" /> <svg class="svg__hover hidden medium:block overflow-visible absolute opacity-0 transition-opacity duration-200 transform-gpu group-hover/hex:opacity-100" width="144" height="170" viewBox="0 0 144 170" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M72 168.54L0.5 123.853V45.2771L72 0.589624L143.5 45.2771V123.853L72 168.54Z" stroke="#1CE783" /> </svg> <div class="hex-inner duration-200 absolute h-36 w-36 left-0 p-3 medium:p-0 flex flex-col justify-between medium:items-center medium:h-24 medium:top-10"> <div class="hex-inner__border absolute hidden medium:block left-[27px] top-[-10px]"><svg class="svg__inner" width="90" height="97" viewBox="0 0 90 97" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_bd_6100_13148)"> <path d="M25 51.588V29.788L45 17.563L65 29.788V51.588L45 63.8047L25 51.588Z" stroke="url(#paint0_linear_6100_13148)" shape-rendering="crispEdges"/> </g> <defs> <filter id="filter0_bd_6100_13148" x="-23.5" y="-31.0229" width="137" height="143.414" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feGaussianBlur in="BackgroundImageFix" stdDeviation="24"/> <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_6100_13148"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="8"/> <feGaussianBlur stdDeviation="12"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.0980392 0 0 0 0 0.113725 0 0 0 0.33 0"/> <feBlend mode="multiply" in2="effect1_backgroundBlur_6100_13148" result="effect2_dropShadow_6100_13148"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_6100_13148" result="shape"/> </filter> <linearGradient id="paint0_linear_6100_13148" x1="45" y1="17.563" x2="45" y2="63.8047" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </div> <div class="hex-icon p-2 medium:p-0 rounded-[4px] medium:rounded-none bg-nr-black svg-24 flex justify-center medium:bg-transparent w-10 h-10 medium:absolute medium:h-6 medium:w-6 medium:top-[18px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 transform-gpu"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none"> <path d="M20.3042 20.6619H11.8042C11.4146 20.6619 11.0958 20.3431 11.0958 19.9535V17.1202C11.0958 16.7306 11.4146 16.4119 11.8042 16.4119H15.3458V15.7035H11.8042C11.4146 15.7035 11.0958 15.3848 11.0958 14.9952V12.1619C11.0958 11.7723 11.4146 11.4535 11.8042 11.4535H20.3042C20.6938 11.4535 21.0125 11.7723 21.0125 12.1619V14.9952C21.0125 15.3848 20.6938 15.7035 20.3042 15.7035H16.7625V16.4119H20.3042C20.6938 16.4119 21.0125 16.7306 21.0125 17.1202V19.9535C21.0125 20.3431 20.6938 20.6619 20.3042 20.6619ZM12.5125 19.2452H19.5958V17.8285H12.5125V19.2452ZM12.5125 14.2869H19.5958V12.8702H12.5125V14.2869ZM16.7625 11.4535H15.3458V10.7452H9.67918C8.89647 10.7452 8.26251 10.1112 8.26251 9.32853V7.91187H4.72085C4.33126 7.91187 4.01251 7.59312 4.01251 7.20353V4.3702C4.01251 3.98062 4.33126 3.66187 4.72085 3.66187H13.2208C13.6104 3.66187 13.9292 3.98062 13.9292 4.3702V7.20353C13.9292 7.59312 13.6104 7.91187 13.2208 7.91187H9.67918V9.32853H15.3458C16.1286 9.32853 16.7625 9.96249 16.7625 10.7452V11.4535ZM5.42918 6.4952H12.5125V5.07853H5.42918V6.4952Z" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> </div> <div class="hex-title medium:absolute medium:top-[50px] text-sm medium:text-center pt-2 px-[4px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 group-[.active]/hex:opacity-100 group-[.active]/hex:text-nr-green transform-gpu">Traces</div> </div> </div> <div class="hex group/hex transform-gpu duration-200 relative transition-all text-nr-white h-36 w-36 bg-nr-glass shadow-xs rounded-[4px] group-[.active]/hex:border group-[.active]/hex:border-solid group-[.active]/hex:border-nr-green medium:group-[.active]/hex:border-0 medium:-mt-8 medium:mx-2 medium:h-[170px] medium:bg-none medium:shadow-none medium:rounded-0" data-category="598,599,600,601,602" data-hex="5987" data-video-hash="7502k78np1" data-image="" data-title="Application Performance Monitoring" data-description="<p>Monitor the performance of applications, view dependencies, and troubleshoot instantly.</p> " data-cta="/platform/application-monitoring"> <map name="hexagon-5987"> <area shape="poly" coords="0, 124, 0, 45, 72, 0, 144, 45, 144, 124, 72, 169, 0, 124" /> </map> <img src="/themes/custom/erno/assets/images/layout/r15-cap-grid/hex-fg.svg" class="hex--fg absolute hidden medium:block" alt="" /> <svg class="svg__hover hidden medium:block overflow-visible absolute opacity-0 transition-opacity duration-200 transform-gpu group-hover/hex:opacity-100" width="144" height="170" viewBox="0 0 144 170" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M72 168.54L0.5 123.853V45.2771L72 0.589624L143.5 45.2771V123.853L72 168.54Z" stroke="#1CE783" /> </svg> <div class="hex-inner duration-200 absolute h-36 w-36 left-0 p-3 medium:p-0 flex flex-col justify-between medium:items-center medium:h-24 medium:top-10"> <div class="hex-inner__border absolute hidden medium:block left-[27px] top-[-10px]"><svg class="svg__inner" width="90" height="97" viewBox="0 0 90 97" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_bd_6100_13148)"> <path d="M25 51.588V29.788L45 17.563L65 29.788V51.588L45 63.8047L25 51.588Z" stroke="url(#paint0_linear_6100_13148)" shape-rendering="crispEdges"/> </g> <defs> <filter id="filter0_bd_6100_13148" x="-23.5" y="-31.0229" width="137" height="143.414" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feGaussianBlur in="BackgroundImageFix" stdDeviation="24"/> <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_6100_13148"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="8"/> <feGaussianBlur stdDeviation="12"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.0980392 0 0 0 0 0.113725 0 0 0 0.33 0"/> <feBlend mode="multiply" in2="effect1_backgroundBlur_6100_13148" result="effect2_dropShadow_6100_13148"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_6100_13148" result="shape"/> </filter> <linearGradient id="paint0_linear_6100_13148" x1="45" y1="17.563" x2="45" y2="63.8047" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </div> <div class="hex-icon p-2 medium:p-0 rounded-[4px] medium:rounded-none bg-nr-black svg-24 flex justify-center medium:bg-transparent w-10 h-10 medium:absolute medium:h-6 medium:w-6 medium:top-[18px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 transform-gpu"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"> <path d="M7.16668 6.50555C7.04334 6.42314 6.89834 6.37915 6.75 6.37915C6.55109 6.37915 6.36032 6.45817 6.21967 6.59882C6.07902 6.73947 6 6.93024 6 7.12915C6 7.27749 6.04399 7.42249 6.1264 7.54583C6.20881 7.66917 6.32594 7.7653 6.46298 7.82206C6.60003 7.87883 6.75083 7.89368 6.89631 7.86474C7.0418 7.8358 7.17544 7.76437 7.28033 7.65948C7.38522 7.55459 7.45665 7.42095 7.48559 7.27547C7.51453 7.12998 7.49967 6.97918 7.44291 6.84214C7.38614 6.70509 7.29002 6.58796 7.16668 6.50555Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M9.75 6.37915C9.89834 6.37915 10.0433 6.42314 10.1667 6.50555C10.29 6.58796 10.3861 6.70509 10.4429 6.84214C10.4997 6.97918 10.5145 7.12998 10.4856 7.27547C10.4567 7.42095 10.3852 7.55459 10.2803 7.65948C10.1754 7.76437 10.0418 7.8358 9.89631 7.86474C9.75083 7.89368 9.60003 7.87883 9.46298 7.82206C9.32594 7.7653 9.20881 7.66917 9.1264 7.54583C9.04399 7.42249 9 7.27749 9 7.12915C9 6.93024 9.07902 6.73947 9.21967 6.59882C9.36032 6.45817 9.55109 6.37915 9.75 6.37915Z" fill="#F9FAFA" fill-opacity="0.5"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 4.12915C3.33579 4.12915 3 4.46494 3 4.87915V19.8792C3 20.2934 3.33579 20.6292 3.75 20.6292H20.25C20.6642 20.6292 21 20.2934 21 19.8792V4.87915C21 4.46494 20.6642 4.12915 20.25 4.12915H3.75ZM19.5 8.62915V5.62915H4.5V8.62915H19.5ZM4.5 10.1292H19.5V13.8792H17.5607L15.5303 11.8488C15.3714 11.6899 15.1497 11.6107 14.9261 11.6328C14.7025 11.6549 14.5006 11.7762 14.376 11.9631L12 15.5271L9.62404 11.9631C9.4994 11.7762 9.2975 11.6549 9.0739 11.6328C8.8503 11.6107 8.62855 11.6899 8.46967 11.8488L6.43934 13.8792H4.5V10.1292ZM4.5 15.3792V19.1292H19.5V15.3792H17.25C17.0511 15.3792 16.8603 15.3001 16.7197 15.1595L15.1166 13.5564L12.624 17.2952C12.4849 17.5038 12.2508 17.6292 12 17.6292C11.7492 17.6292 11.5151 17.5038 11.376 17.2952L8.88343 13.5564L7.28033 15.1595C7.13968 15.3001 6.94891 15.3792 6.75 15.3792H4.5Z" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> </div> <div class="hex-title medium:absolute medium:top-[50px] text-sm medium:text-center pt-2 px-[4px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 group-[.active]/hex:opacity-100 group-[.active]/hex:text-nr-green transform-gpu">APM</div> </div> </div> <div class="hex group/hex transform-gpu duration-200 relative transition-all text-nr-white h-36 w-36 bg-nr-glass shadow-xs rounded-[4px] group-[.active]/hex:border group-[.active]/hex:border-solid group-[.active]/hex:border-nr-green medium:group-[.active]/hex:border-0 medium:-mt-8 medium:mx-2 medium:h-[170px] medium:bg-none medium:shadow-none medium:rounded-0" data-category="598" data-hex="6134" data-video-hash="ezf5xl9wj2" data-image="" data-title="Browser Monitoring" data-description="<p>Improve customer experience with distributed tracing and synthetics to pinpoint latency.</p> " data-cta="/platform/browser-monitoring"> <map name="hexagon-6134"> <area shape="poly" coords="0, 124, 0, 45, 72, 0, 144, 45, 144, 124, 72, 169, 0, 124" /> </map> <img src="/themes/custom/erno/assets/images/layout/r15-cap-grid/hex-fg.svg" class="hex--fg absolute hidden medium:block" alt="" /> <svg class="svg__hover hidden medium:block overflow-visible absolute opacity-0 transition-opacity duration-200 transform-gpu group-hover/hex:opacity-100" width="144" height="170" viewBox="0 0 144 170" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M72 168.54L0.5 123.853V45.2771L72 0.589624L143.5 45.2771V123.853L72 168.54Z" stroke="#1CE783" /> </svg> <div class="hex-inner duration-200 absolute h-36 w-36 left-0 p-3 medium:p-0 flex flex-col justify-between medium:items-center medium:h-24 medium:top-10"> <div class="hex-inner__border absolute hidden medium:block left-[27px] top-[-10px]"><svg class="svg__inner" width="90" height="97" viewBox="0 0 90 97" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_bd_6100_13148)"> <path d="M25 51.588V29.788L45 17.563L65 29.788V51.588L45 63.8047L25 51.588Z" stroke="url(#paint0_linear_6100_13148)" shape-rendering="crispEdges"/> </g> <defs> <filter id="filter0_bd_6100_13148" x="-23.5" y="-31.0229" width="137" height="143.414" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feGaussianBlur in="BackgroundImageFix" stdDeviation="24"/> <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_6100_13148"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="8"/> <feGaussianBlur stdDeviation="12"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.0980392 0 0 0 0 0.113725 0 0 0 0.33 0"/> <feBlend mode="multiply" in2="effect1_backgroundBlur_6100_13148" result="effect2_dropShadow_6100_13148"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_6100_13148" result="shape"/> </filter> <linearGradient id="paint0_linear_6100_13148" x1="45" y1="17.563" x2="45" y2="63.8047" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </div> <div class="hex-icon p-2 medium:p-0 rounded-[4px] medium:rounded-none bg-nr-black svg-24 flex justify-center medium:bg-transparent w-10 h-10 medium:absolute medium:h-6 medium:w-6 medium:top-[18px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 transform-gpu"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.47559 5.73706C3.47559 5.32285 3.81137 4.98706 4.22559 4.98706H19.7751C20.1893 4.98706 20.5251 5.32285 20.5251 5.73706V17.513H20.7526V17.3992H22.2526V18.263C22.2526 18.6772 21.9168 19.013 21.5026 19.013H2.49756C2.08335 19.013 1.74756 18.6772 1.74756 18.263V17.3992H3.24756V17.513H3.47559V5.73706ZM19.0251 13.398V17.513H4.97559V14.2619H7.03314C7.25573 14.2619 7.46681 14.163 7.60931 13.992L9.1928 12.0918L11.4242 14.7695C11.5759 14.9515 11.8047 15.0511 12.0412 15.0382C12.2778 15.0253 12.4944 14.9013 12.6254 14.7039L14.8764 11.3101L16.3914 13.1281C16.5339 13.2991 16.745 13.398 16.9676 13.398H19.0251ZM19.0251 11.898V6.48706H4.97559V12.7619H6.68186L8.61664 10.4401C8.75913 10.2691 8.97022 10.1703 9.1928 10.1703C9.41539 10.1703 9.62647 10.2691 9.76897 10.4401L11.9319 13.0356L14.1829 9.64185C14.3139 9.44439 14.5304 9.32043 14.767 9.30751C15.0036 9.2946 15.2324 9.39424 15.3841 9.57626L17.3189 11.898H19.0251Z" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> </div> <div class="hex-title medium:absolute medium:top-[50px] text-sm medium:text-center pt-2 px-[4px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 group-[.active]/hex:opacity-100 group-[.active]/hex:text-nr-green transform-gpu">Browser</div> </div> </div> <div class="hex group/hex transform-gpu duration-200 relative transition-all text-nr-white h-36 w-36 bg-nr-glass shadow-xs rounded-[4px] group-[.active]/hex:border group-[.active]/hex:border-solid group-[.active]/hex:border-nr-green medium:group-[.active]/hex:border-0 medium:-mt-8 medium:mx-2 medium:h-[170px] medium:bg-none medium:shadow-none medium:rounded-0" data-category="598" data-hex="5980" data-video-hash="youdpsx45i" data-image="" data-title="Synthetics Monitoring" data-description="<p>Simulate global traffic to proactively identify and fix issues.</p> " data-cta="/platform/synthetics"> <map name="hexagon-5980"> <area shape="poly" coords="0, 124, 0, 45, 72, 0, 144, 45, 144, 124, 72, 169, 0, 124" /> </map> <img src="/themes/custom/erno/assets/images/layout/r15-cap-grid/hex-fg.svg" class="hex--fg absolute hidden medium:block" alt="" /> <svg class="svg__hover hidden medium:block overflow-visible absolute opacity-0 transition-opacity duration-200 transform-gpu group-hover/hex:opacity-100" width="144" height="170" viewBox="0 0 144 170" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M72 168.54L0.5 123.853V45.2771L72 0.589624L143.5 45.2771V123.853L72 168.54Z" stroke="#1CE783" /> </svg> <div class="hex-inner duration-200 absolute h-36 w-36 left-0 p-3 medium:p-0 flex flex-col justify-between medium:items-center medium:h-24 medium:top-10"> <div class="hex-inner__border absolute hidden medium:block left-[27px] top-[-10px]"><svg class="svg__inner" width="90" height="97" viewBox="0 0 90 97" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_bd_6100_13148)"> <path d="M25 51.588V29.788L45 17.563L65 29.788V51.588L45 63.8047L25 51.588Z" stroke="url(#paint0_linear_6100_13148)" shape-rendering="crispEdges"/> </g> <defs> <filter id="filter0_bd_6100_13148" x="-23.5" y="-31.0229" width="137" height="143.414" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feGaussianBlur in="BackgroundImageFix" stdDeviation="24"/> <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_6100_13148"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="8"/> <feGaussianBlur stdDeviation="12"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.0980392 0 0 0 0 0.113725 0 0 0 0.33 0"/> <feBlend mode="multiply" in2="effect1_backgroundBlur_6100_13148" result="effect2_dropShadow_6100_13148"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_6100_13148" result="shape"/> </filter> <linearGradient id="paint0_linear_6100_13148" x1="45" y1="17.563" x2="45" y2="63.8047" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </div> <div class="hex-icon p-2 medium:p-0 rounded-[4px] medium:rounded-none bg-nr-black svg-24 flex justify-center medium:bg-transparent w-10 h-10 medium:absolute medium:h-6 medium:w-6 medium:top-[18px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 transform-gpu"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"> <path d="M12.5303 4.72382C12.2374 4.43093 11.7626 4.43093 11.4697 4.72382L8.96967 7.22382L10.0303 8.28448L11.25 7.06481V15.0945C10.1488 13.5258 8.4924 12.1696 6.45331 10.9307L8.12463 10.4781L7.73251 9.03023L4.30394 9.9588C3.90413 10.0671 3.6678 10.479 3.77608 10.8788L4.70465 14.3073L6.15249 13.9152L5.69462 12.2246C9.331 14.4367 11.246 16.7766 11.25 19.7449V20.2542H12.75L12.75 19.7542C12.75 16.7815 14.6652 14.439 18.3054 12.2246L17.8475 13.9153L19.2954 14.3074L20.2239 10.8788C20.3322 10.479 20.0959 10.0671 19.6961 9.95884L16.2675 9.03027L15.8754 10.4781L17.5467 10.9307C15.5076 12.1696 13.8512 13.5258 12.75 15.0946V7.06481L13.9697 8.28448L15.0303 7.22382L12.5303 4.72382Z" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> </div> <div class="hex-title medium:absolute medium:top-[50px] text-sm medium:text-center pt-2 px-[4px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 group-[.active]/hex:opacity-100 group-[.active]/hex:text-nr-green transform-gpu">Synthetics</div> </div> </div> <div class="hex group/hex transform-gpu duration-200 relative transition-all text-nr-white h-36 w-36 bg-nr-glass shadow-xs rounded-[4px] group-[.active]/hex:border group-[.active]/hex:border-solid group-[.active]/hex:border-nr-green medium:group-[.active]/hex:border-0 medium:-mt-8 medium:mx-2 medium:h-[170px] medium:bg-none medium:shadow-none medium:rounded-0" data-category="598" data-hex="5979" data-video-hash="fxcbzfxw2g" data-image="" data-title="Mobile Monitoring" data-description="<p>Proactively monitor crashes, errors, and latency in mobile apps.</p> " data-cta="/platform/mobile-monitoring"> <map name="hexagon-5979"> <area shape="poly" coords="0, 124, 0, 45, 72, 0, 144, 45, 144, 124, 72, 169, 0, 124" /> </map> <img src="/themes/custom/erno/assets/images/layout/r15-cap-grid/hex-fg.svg" class="hex--fg absolute hidden medium:block" alt="" /> <svg class="svg__hover hidden medium:block overflow-visible absolute opacity-0 transition-opacity duration-200 transform-gpu group-hover/hex:opacity-100" width="144" height="170" viewBox="0 0 144 170" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M72 168.54L0.5 123.853V45.2771L72 0.589624L143.5 45.2771V123.853L72 168.54Z" stroke="#1CE783" /> </svg> <div class="hex-inner duration-200 absolute h-36 w-36 left-0 p-3 medium:p-0 flex flex-col justify-between medium:items-center medium:h-24 medium:top-10"> <div class="hex-inner__border absolute hidden medium:block left-[27px] top-[-10px]"><svg class="svg__inner" width="90" height="97" viewBox="0 0 90 97" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_bd_6100_13148)"> <path d="M25 51.588V29.788L45 17.563L65 29.788V51.588L45 63.8047L25 51.588Z" stroke="url(#paint0_linear_6100_13148)" shape-rendering="crispEdges"/> </g> <defs> <filter id="filter0_bd_6100_13148" x="-23.5" y="-31.0229" width="137" height="143.414" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feGaussianBlur in="BackgroundImageFix" stdDeviation="24"/> <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_6100_13148"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="8"/> <feGaussianBlur stdDeviation="12"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.0980392 0 0 0 0 0.113725 0 0 0 0.33 0"/> <feBlend mode="multiply" in2="effect1_backgroundBlur_6100_13148" result="effect2_dropShadow_6100_13148"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_6100_13148" result="shape"/> </filter> <linearGradient id="paint0_linear_6100_13148" x1="45" y1="17.563" x2="45" y2="63.8047" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </div> <div class="hex-icon p-2 medium:p-0 rounded-[4px] medium:rounded-none bg-nr-black svg-24 flex justify-center medium:bg-transparent w-10 h-10 medium:absolute medium:h-6 medium:w-6 medium:top-[18px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 transform-gpu"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M8.7955 17.5227H11.5228V16.0227H8.7955V17.5227Z" fill="#F9FAFA" fill-opacity="0.5"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6819 11.6912V18.1364C15.6819 18.6969 15.4592 19.2345 15.0628 19.6309C14.6664 20.0273 14.1288 20.25 13.5682 20.25H6.75005C6.18948 20.25 5.65187 20.0273 5.25548 19.6309C4.8591 19.2345 4.63641 18.6969 4.63641 18.1364V5.86364C4.63641 5.30307 4.8591 4.76545 5.25548 4.36907C5.65187 3.97268 6.18948 3.75 6.75005 3.75H13.5682C14.1288 3.75 14.6664 3.97268 15.0628 4.36907C15.4592 4.76545 15.6819 5.30307 15.6819 5.86364V9.22586L16.9723 10.909H19.3636V12.409H16.6022C16.3689 12.409 16.1489 12.3004 16.007 12.1153L15.6819 11.6912ZM6.31614 5.42973C6.43122 5.31465 6.5873 5.25 6.75005 5.25H13.5682C13.731 5.25 13.8871 5.31465 14.0021 5.42973C14.1172 5.54481 14.1819 5.70089 14.1819 5.86364V9.61206L12.7272 12.2976L11.2102 10.1971C11.0722 10.0061 10.8525 9.891 10.6168 9.8864C10.3812 9.8818 10.1571 9.98823 10.0118 10.1738L8.63473 11.9317H6.74994V13.4317H8.99994C9.23047 13.4317 9.4482 13.3257 9.59036 13.1442L10.5779 11.8835L12.2101 14.1436C12.3611 14.3527 12.6091 14.4695 12.8665 14.4529C13.1239 14.4362 13.3547 14.2885 13.4776 14.0617L14.1819 12.7614V18.1364C14.1819 18.2991 14.1172 18.4552 14.0021 18.5703C13.8871 18.6853 13.731 18.75 13.5682 18.75H6.75005C6.5873 18.75 6.43122 18.6853 6.31614 18.5703C6.20106 18.4552 6.13641 18.2991 6.13641 18.1364V5.86364C6.13641 5.70089 6.20106 5.54481 6.31614 5.42973Z" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> </div> <div class="hex-title medium:absolute medium:top-[50px] text-sm medium:text-center pt-2 px-[4px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 group-[.active]/hex:opacity-100 group-[.active]/hex:text-nr-green transform-gpu">Mobile</div> </div> </div> <div class="hex group/hex transform-gpu duration-200 relative transition-all text-nr-white h-36 w-36 bg-nr-glass shadow-xs rounded-[4px] group-[.active]/hex:border group-[.active]/hex:border-solid group-[.active]/hex:border-nr-green medium:group-[.active]/hex:border-0 medium:-mt-8 medium:mx-2 medium:h-[170px] medium:bg-none medium:shadow-none medium:rounded-0" data-category="600" data-hex="6442" data-video-hash="1sb7cfv8jp" data-image="" data-title="New Relic AI" data-description="<p>Your generative AI assistant for observability.</p> " data-cta="/platform/new-relic-ai"> <map name="hexagon-6442"> <area shape="poly" coords="0, 124, 0, 45, 72, 0, 144, 45, 144, 124, 72, 169, 0, 124" /> </map> <img src="/themes/custom/erno/assets/images/layout/r15-cap-grid/hex-fg.svg" class="hex--fg absolute hidden medium:block" alt="" /> <svg class="svg__hover hidden medium:block overflow-visible absolute opacity-0 transition-opacity duration-200 transform-gpu group-hover/hex:opacity-100" width="144" height="170" viewBox="0 0 144 170" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M72 168.54L0.5 123.853V45.2771L72 0.589624L143.5 45.2771V123.853L72 168.54Z" stroke="#1CE783" /> </svg> <div class="hex-inner duration-200 absolute h-36 w-36 left-0 p-3 medium:p-0 flex flex-col justify-between medium:items-center medium:h-24 medium:top-10"> <div class="hex-inner__border absolute hidden medium:block left-[27px] top-[-10px]"><svg class="svg__inner" width="90" height="97" viewBox="0 0 90 97" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_bd_6100_13148)"> <path d="M25 51.588V29.788L45 17.563L65 29.788V51.588L45 63.8047L25 51.588Z" stroke="url(#paint0_linear_6100_13148)" shape-rendering="crispEdges"/> </g> <defs> <filter id="filter0_bd_6100_13148" x="-23.5" y="-31.0229" width="137" height="143.414" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feGaussianBlur in="BackgroundImageFix" stdDeviation="24"/> <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_6100_13148"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="8"/> <feGaussianBlur stdDeviation="12"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.0980392 0 0 0 0 0.113725 0 0 0 0.33 0"/> <feBlend mode="multiply" in2="effect1_backgroundBlur_6100_13148" result="effect2_dropShadow_6100_13148"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_6100_13148" result="shape"/> </filter> <linearGradient id="paint0_linear_6100_13148" x1="45" y1="17.563" x2="45" y2="63.8047" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </div> <div class="hex-icon p-2 medium:p-0 rounded-[4px] medium:rounded-none bg-nr-black svg-24 flex justify-center medium:bg-transparent w-10 h-10 medium:absolute medium:h-6 medium:w-6 medium:top-[18px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 transform-gpu"> <div> <svg xmlns="http://www.w3.org/2000/svg" id="icon" viewBox="0 0 24 24"> <defs> <style>.cls-1{fill:#fff;stroke-width:0px;}</style> </defs> <path class="cls-1" d="M12,21.01h-1c0-4.42-3.59-8.01-8.01-8.01v-1c4.42,0,8.01-3.59,8.01-8.01h1c0,4.42,3.59,8.01,8.01,8.01v1c-4.42,0-8.01,3.59-8.01,8.01ZM5.95,12.5c2.59.9,4.64,2.96,5.55,5.55.9-2.59,2.96-4.64,5.55-5.55-2.59-.9-4.64-2.96-5.55-5.55-.9,2.59-2.96,4.64-5.55,5.55Z"/> <path class="cls-1" d="M18.6,2.99c0,2.15.25,2.41,2.41,2.41v1.2c-2.15,0-2.41.25-2.41,2.41h-1.2c0-2.15-.25-2.41-2.41-2.41v-1.2c2.15,0,2.41-.25,2.41-2.41h1.2Z"/> </svg> </div> </div> <div class="hex-title medium:absolute medium:top-[50px] text-sm medium:text-center pt-2 px-[4px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 group-[.active]/hex:opacity-100 group-[.active]/hex:text-nr-green transform-gpu">New Relic AI</div> </div> </div> <div class="hex group/hex transform-gpu duration-200 relative transition-all text-nr-white h-36 w-36 bg-nr-glass shadow-xs rounded-[4px] group-[.active]/hex:border group-[.active]/hex:border-solid group-[.active]/hex:border-nr-green medium:group-[.active]/hex:border-0 medium:-mt-8 medium:mx-2 medium:h-[170px] medium:bg-none medium:shadow-none medium:rounded-0" data-category="598,599,600,601,602" data-hex="5998" data-video-hash="r93q0n0z7v" data-image="" data-title="Alerts & Incident Response" data-description="<p>Tie multiple incidents into single issues to reduce alert volume and fatigue.</p> " data-cta="/platform/alerts"> <map name="hexagon-5998"> <area shape="poly" coords="0, 124, 0, 45, 72, 0, 144, 45, 144, 124, 72, 169, 0, 124" /> </map> <img src="/themes/custom/erno/assets/images/layout/r15-cap-grid/hex-fg.svg" class="hex--fg absolute hidden medium:block" alt="" /> <svg class="svg__hover hidden medium:block overflow-visible absolute opacity-0 transition-opacity duration-200 transform-gpu group-hover/hex:opacity-100" width="144" height="170" viewBox="0 0 144 170" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M72 168.54L0.5 123.853V45.2771L72 0.589624L143.5 45.2771V123.853L72 168.54Z" stroke="#1CE783" /> </svg> <div class="hex-inner duration-200 absolute h-36 w-36 left-0 p-3 medium:p-0 flex flex-col justify-between medium:items-center medium:h-24 medium:top-10"> <div class="hex-inner__border absolute hidden medium:block left-[27px] top-[-10px]"><svg class="svg__inner" width="90" height="97" viewBox="0 0 90 97" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_bd_6100_13148)"> <path d="M25 51.588V29.788L45 17.563L65 29.788V51.588L45 63.8047L25 51.588Z" stroke="url(#paint0_linear_6100_13148)" shape-rendering="crispEdges"/> </g> <defs> <filter id="filter0_bd_6100_13148" x="-23.5" y="-31.0229" width="137" height="143.414" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feGaussianBlur in="BackgroundImageFix" stdDeviation="24"/> <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_6100_13148"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="8"/> <feGaussianBlur stdDeviation="12"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.0980392 0 0 0 0 0.113725 0 0 0 0.33 0"/> <feBlend mode="multiply" in2="effect1_backgroundBlur_6100_13148" result="effect2_dropShadow_6100_13148"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_6100_13148" result="shape"/> </filter> <linearGradient id="paint0_linear_6100_13148" x1="45" y1="17.563" x2="45" y2="63.8047" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </div> <div class="hex-icon p-2 medium:p-0 rounded-[4px] medium:rounded-none bg-nr-black svg-24 flex justify-center medium:bg-transparent w-10 h-10 medium:absolute medium:h-6 medium:w-6 medium:top-[18px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 transform-gpu"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 4.12915C12.2841 4.12915 12.5438 4.28965 12.6708 4.54374L20.1708 19.5437C20.2871 19.7762 20.2746 20.0523 20.138 20.2734C20.0013 20.4946 19.7599 20.6292 19.5 20.6292H4.5C4.24007 20.6292 3.99867 20.4946 3.86201 20.2734C3.72536 20.0523 3.71293 19.7762 3.82918 19.5437L11.3292 4.54374C11.4562 4.28965 11.7159 4.12915 12 4.12915ZM5.71353 19.1292H18.2865L12 6.5562L5.71353 19.1292Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M11.3182 10.3337H12.6818V15.1064H11.3182V10.3337ZM11.3182 16.4701H12.6818V17.8337H11.3182V16.4701Z" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> </div> <div class="hex-title medium:absolute medium:top-[50px] text-sm medium:text-center pt-2 px-[4px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 group-[.active]/hex:opacity-100 group-[.active]/hex:text-nr-green transform-gpu">Alerts</div> </div> </div> <div class="hex group/hex transform-gpu duration-200 relative transition-all text-nr-white h-36 w-36 bg-nr-glass shadow-xs rounded-[4px] group-[.active]/hex:border group-[.active]/hex:border-solid group-[.active]/hex:border-nr-green medium:group-[.active]/hex:border-0 medium:-mt-8 medium:mx-2 medium:h-[170px] medium:bg-none medium:shadow-none medium:rounded-0" data-category="598,599,600,601,602" data-hex="6138" data-video-hash="fc446fir79" data-image="" data-title="Anomaly Detection" data-description="<p>Automatically detect anomalies against baselines to ensure uptime and reliability.</p> " data-cta="/platform/applied-intelligence"> <map name="hexagon-6138"> <area shape="poly" coords="0, 124, 0, 45, 72, 0, 144, 45, 144, 124, 72, 169, 0, 124" /> </map> <img src="/themes/custom/erno/assets/images/layout/r15-cap-grid/hex-fg.svg" class="hex--fg absolute hidden medium:block" alt="" /> <svg class="svg__hover hidden medium:block overflow-visible absolute opacity-0 transition-opacity duration-200 transform-gpu group-hover/hex:opacity-100" width="144" height="170" viewBox="0 0 144 170" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M72 168.54L0.5 123.853V45.2771L72 0.589624L143.5 45.2771V123.853L72 168.54Z" stroke="#1CE783" /> </svg> <div class="hex-inner duration-200 absolute h-36 w-36 left-0 p-3 medium:p-0 flex flex-col justify-between medium:items-center medium:h-24 medium:top-10"> <div class="hex-inner__border absolute hidden medium:block left-[27px] top-[-10px]"><svg class="svg__inner" width="90" height="97" viewBox="0 0 90 97" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_bd_6100_13148)"> <path d="M25 51.588V29.788L45 17.563L65 29.788V51.588L45 63.8047L25 51.588Z" stroke="url(#paint0_linear_6100_13148)" shape-rendering="crispEdges"/> </g> <defs> <filter id="filter0_bd_6100_13148" x="-23.5" y="-31.0229" width="137" height="143.414" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feGaussianBlur in="BackgroundImageFix" stdDeviation="24"/> <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_6100_13148"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="8"/> <feGaussianBlur stdDeviation="12"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.0980392 0 0 0 0 0.113725 0 0 0 0.33 0"/> <feBlend mode="multiply" in2="effect1_backgroundBlur_6100_13148" result="effect2_dropShadow_6100_13148"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_6100_13148" result="shape"/> </filter> <linearGradient id="paint0_linear_6100_13148" x1="45" y1="17.563" x2="45" y2="63.8047" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </div> <div class="hex-icon p-2 medium:p-0 rounded-[4px] medium:rounded-none bg-nr-black svg-24 flex justify-center medium:bg-transparent w-10 h-10 medium:absolute medium:h-6 medium:w-6 medium:top-[18px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 transform-gpu"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none"> <g clip-path="url(#clip0_7599_16230)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.73231 12.668C3.73231 7.69741 7.76175 3.66797 12.7323 3.66797C17.7028 3.66797 21.7323 7.69741 21.7323 12.668C21.7323 17.6385 17.7028 21.668 12.7323 21.668C7.76174 21.668 3.73231 17.6385 3.73231 12.668ZM12.7323 5.16797C8.59017 5.16797 5.23231 8.52584 5.23231 12.668C5.23231 16.8101 8.59017 20.168 12.7323 20.168C16.8744 20.168 20.2323 16.8101 20.2323 12.668C20.2323 11.5119 19.9708 10.417 19.5036 9.43908L16.9162 11.008C17.1202 11.5216 17.2323 12.0817 17.2323 12.668C17.2323 15.1532 15.2176 17.168 12.7323 17.168C10.247 17.168 8.23231 15.1532 8.23231 12.668C8.23231 10.1827 10.247 8.16797 12.7323 8.16797C13.254 8.16797 13.7549 8.25674 14.2208 8.41999L15.6834 5.77087C14.7776 5.38282 13.7801 5.16797 12.7323 5.16797ZM13.48 9.76189C13.241 9.70057 12.9904 9.66797 12.7323 9.66797C11.0755 9.66797 9.73231 11.0111 9.73231 12.668C9.73231 14.3248 11.0755 15.668 12.7323 15.668C14.3891 15.668 15.7323 14.3248 15.7323 12.668C15.7323 12.3672 15.688 12.0767 15.6057 11.8027L13.1212 13.3093C12.8306 13.4855 12.458 13.4443 12.2129 13.209C11.9678 12.9736 11.9115 12.6029 12.0757 12.3055L13.48 9.76189Z" fill="#F9FAFA" fill-opacity="0.5"/> </g> <defs> <clipPath id="clip0_7599_16230"> <rect width="18" height="18" fill="white" transform="translate(3.73231 3.66797)"/> </clipPath> </defs> </svg> </div> </div> <div class="hex-title medium:absolute medium:top-[50px] text-sm medium:text-center pt-2 px-[4px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 group-[.active]/hex:opacity-100 group-[.active]/hex:text-nr-green transform-gpu">Anomalies</div> </div> </div> <div class="hex group/hex transform-gpu duration-200 relative transition-all text-nr-white h-36 w-36 bg-nr-glass shadow-xs rounded-[4px] group-[.active]/hex:border group-[.active]/hex:border-solid group-[.active]/hex:border-nr-green medium:group-[.active]/hex:border-0 medium:-mt-8 medium:mx-2 medium:h-[170px] medium:bg-none medium:shadow-none medium:rounded-0" data-category="598,599,600,601,602" data-hex="6137" data-video-hash="jq274enamb" data-image="" data-title="Custom Dashboards" data-description="<p>Get a complete picture of your data, your way.</p> " data-cta="/platform/dashboards"> <map name="hexagon-6137"> <area shape="poly" coords="0, 124, 0, 45, 72, 0, 144, 45, 144, 124, 72, 169, 0, 124" /> </map> <img src="/themes/custom/erno/assets/images/layout/r15-cap-grid/hex-fg.svg" class="hex--fg absolute hidden medium:block" alt="" /> <svg class="svg__hover hidden medium:block overflow-visible absolute opacity-0 transition-opacity duration-200 transform-gpu group-hover/hex:opacity-100" width="144" height="170" viewBox="0 0 144 170" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M72 168.54L0.5 123.853V45.2771L72 0.589624L143.5 45.2771V123.853L72 168.54Z" stroke="#1CE783" /> </svg> <div class="hex-inner duration-200 absolute h-36 w-36 left-0 p-3 medium:p-0 flex flex-col justify-between medium:items-center medium:h-24 medium:top-10"> <div class="hex-inner__border absolute hidden medium:block left-[27px] top-[-10px]"><svg class="svg__inner" width="90" height="97" viewBox="0 0 90 97" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_bd_6100_13148)"> <path d="M25 51.588V29.788L45 17.563L65 29.788V51.588L45 63.8047L25 51.588Z" stroke="url(#paint0_linear_6100_13148)" shape-rendering="crispEdges"/> </g> <defs> <filter id="filter0_bd_6100_13148" x="-23.5" y="-31.0229" width="137" height="143.414" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feGaussianBlur in="BackgroundImageFix" stdDeviation="24"/> <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_6100_13148"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="8"/> <feGaussianBlur stdDeviation="12"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.0980392 0 0 0 0 0.113725 0 0 0 0.33 0"/> <feBlend mode="multiply" in2="effect1_backgroundBlur_6100_13148" result="effect2_dropShadow_6100_13148"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_6100_13148" result="shape"/> </filter> <linearGradient id="paint0_linear_6100_13148" x1="45" y1="17.563" x2="45" y2="63.8047" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </div> <div class="hex-icon p-2 medium:p-0 rounded-[4px] medium:rounded-none bg-nr-black svg-24 flex justify-center medium:bg-transparent w-10 h-10 medium:absolute medium:h-6 medium:w-6 medium:top-[18px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 transform-gpu"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3 5.3103C3 4.89609 3.33579 4.5603 3.75 4.5603H20.25C20.6642 4.5603 21 4.89609 21 5.3103V17.3103C21 17.7245 20.6642 18.0603 20.25 18.0603H12.75V19.5603H15.75C16.1642 19.5603 16.5 19.8961 16.5 20.3103C16.5 20.7245 16.1642 21.0603 15.75 21.0603H8.25C7.83579 21.0603 7.5 20.7245 7.5 20.3103C7.5 19.8961 7.83579 19.5603 8.25 19.5603H11.25V18.0603H3.75C3.33579 18.0603 3 17.7245 3 17.3103V5.3103ZM4.5 6.0603V16.5603H19.5V6.0603H4.5ZM15.75 6.8103C16.1642 6.8103 16.5 7.14609 16.5 7.5603V14.3103C16.5 14.7245 16.1642 15.0603 15.75 15.0603C15.3358 15.0603 15 14.7245 15 14.3103V7.5603C15 7.14609 15.3358 6.8103 15.75 6.8103ZM12 8.3103C12.4142 8.3103 12.75 8.64609 12.75 9.0603V14.3103C12.75 14.7245 12.4142 15.0603 12 15.0603C11.5858 15.0603 11.25 14.7245 11.25 14.3103V9.0603C11.25 8.64609 11.5858 8.3103 12 8.3103ZM9 10.5603V14.3103H7.5V10.5603H9Z" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> </div> <div class="hex-title medium:absolute medium:top-[50px] text-sm medium:text-center pt-2 px-[4px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 group-[.active]/hex:opacity-100 group-[.active]/hex:text-nr-green transform-gpu">Dashboards</div> </div> </div> <div class="hex group/hex transform-gpu duration-200 relative transition-all text-nr-white h-36 w-36 bg-nr-glass shadow-xs rounded-[4px] group-[.active]/hex:border group-[.active]/hex:border-solid group-[.active]/hex:border-nr-green medium:group-[.active]/hex:border-0 medium:-mt-8 medium:mx-2 medium:h-[170px] medium:bg-none medium:shadow-none medium:rounded-0" data-category="598,599,600,601" data-hex="6140" data-video-hash="gjd0r5bfsd" data-image="" data-title="AIOps Remediation" data-description="<p>Follow automated remediation steps to diagnose and resolve incidents faster.</p> " data-cta="/platform/applied-intelligence"> <map name="hexagon-6140"> <area shape="poly" coords="0, 124, 0, 45, 72, 0, 144, 45, 144, 124, 72, 169, 0, 124" /> </map> <img src="/themes/custom/erno/assets/images/layout/r15-cap-grid/hex-fg.svg" class="hex--fg absolute hidden medium:block" alt="" /> <svg class="svg__hover hidden medium:block overflow-visible absolute opacity-0 transition-opacity duration-200 transform-gpu group-hover/hex:opacity-100" width="144" height="170" viewBox="0 0 144 170" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M72 168.54L0.5 123.853V45.2771L72 0.589624L143.5 45.2771V123.853L72 168.54Z" stroke="#1CE783" /> </svg> <div class="hex-inner duration-200 absolute h-36 w-36 left-0 p-3 medium:p-0 flex flex-col justify-between medium:items-center medium:h-24 medium:top-10"> <div class="hex-inner__border absolute hidden medium:block left-[27px] top-[-10px]"><svg class="svg__inner" width="90" height="97" viewBox="0 0 90 97" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_bd_6100_13148)"> <path d="M25 51.588V29.788L45 17.563L65 29.788V51.588L45 63.8047L25 51.588Z" stroke="url(#paint0_linear_6100_13148)" shape-rendering="crispEdges"/> </g> <defs> <filter id="filter0_bd_6100_13148" x="-23.5" y="-31.0229" width="137" height="143.414" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feGaussianBlur in="BackgroundImageFix" stdDeviation="24"/> <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_6100_13148"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="8"/> <feGaussianBlur stdDeviation="12"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.0980392 0 0 0 0 0.113725 0 0 0 0.33 0"/> <feBlend mode="multiply" in2="effect1_backgroundBlur_6100_13148" result="effect2_dropShadow_6100_13148"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_6100_13148" result="shape"/> </filter> <linearGradient id="paint0_linear_6100_13148" x1="45" y1="17.563" x2="45" y2="63.8047" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </div> <div class="hex-icon p-2 medium:p-0 rounded-[4px] medium:rounded-none bg-nr-black svg-24 flex justify-center medium:bg-transparent w-10 h-10 medium:absolute medium:h-6 medium:w-6 medium:top-[18px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 transform-gpu"> <div> <svg xmlns="http://www.w3.org/2000/svg" id="icon" viewBox="0 0 72 72"> <defs> <style>.cls-1{fill:#fff;stroke-width:0px;}</style> </defs> <path class="cls-1" d="M52.91,12h-2.83c0,6.09-1,7.08-7.08,7.08v2.83c6.09,0,7.08,1,7.08,7.08h2.83c0-6.08,1-7.08,7.08-7.08v-2.83c-6.09,0-7.08-1-7.08-7.08Z"/> <path class="cls-1" d="M47.02,29.98c0-2.76-2.24-5.01-5-5.01h-9.02v-2.95h-4v2.95h-8.98c-2.76,0-5,2.25-5,5.01v9.03h-3.02v4h3.02v8.96c0,2.76,2.24,5.01,5,5.01h9v3.01h4v-3.01h9c2.76,0,5-2.25,5-5.01v-8.96h2.98v-4h-2.98v-9.03ZM43.02,51.97c0,.55-.45,1.01-1,1.01h-22c-.55,0-1-.45-1-1.01v-21.99c0-.55.45-1.01,1-1.01h22c.55,0,1,.45,1,1.01v21.99Z"/> <path class="cls-1" d="M31.05,45.25c-3.77,0-5.5-1.69-5.56-1.75l-2.18,2.06c.1.11,2.59,2.69,7.74,2.69s7.63-2.58,7.74-2.69l-2.17-2.07c-.07.07-1.79,1.76-5.57,1.76Z"/> <path class="cls-1" d="M36.25,39.18c1.22,0,2.21-.99,2.21-2.21s-.99-2.21-2.21-2.21-2.21.99-2.21,2.21.99,2.21,2.21,2.21Z"/> <path class="cls-1" d="M25.85,39.18c1.22,0,2.21-.99,2.21-2.21s-.99-2.21-2.21-2.21-2.21.99-2.21,2.21.99,2.21,2.21,2.21Z"/> </svg> </div> </div> <div class="hex-title medium:absolute medium:top-[50px] text-sm medium:text-center pt-2 px-[4px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 group-[.active]/hex:opacity-100 group-[.active]/hex:text-nr-green transform-gpu">Remediation</div> </div> </div> <div class="hex group/hex transform-gpu duration-200 relative transition-all text-nr-white h-36 w-36 bg-nr-glass shadow-xs rounded-[4px] group-[.active]/hex:border group-[.active]/hex:border-solid group-[.active]/hex:border-nr-green medium:group-[.active]/hex:border-0 medium:-mt-8 medium:mx-2 medium:h-[170px] medium:bg-none medium:shadow-none medium:rounded-0" data-category="598,599,600,601" data-hex="6139" data-video-hash="pejxx1g6qa" data-image="" data-title="Navigator: Overall System Health" data-description="<p>Use a bird's-eye view of system performance to focus on what's most urgent.</p> " data-cta="/platform/explorer"> <map name="hexagon-6139"> <area shape="poly" coords="0, 124, 0, 45, 72, 0, 144, 45, 144, 124, 72, 169, 0, 124" /> </map> <img src="/themes/custom/erno/assets/images/layout/r15-cap-grid/hex-fg.svg" class="hex--fg absolute hidden medium:block" alt="" /> <svg class="svg__hover hidden medium:block overflow-visible absolute opacity-0 transition-opacity duration-200 transform-gpu group-hover/hex:opacity-100" width="144" height="170" viewBox="0 0 144 170" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M72 168.54L0.5 123.853V45.2771L72 0.589624L143.5 45.2771V123.853L72 168.54Z" stroke="#1CE783" /> </svg> <div class="hex-inner duration-200 absolute h-36 w-36 left-0 p-3 medium:p-0 flex flex-col justify-between medium:items-center medium:h-24 medium:top-10"> <div class="hex-inner__border absolute hidden medium:block left-[27px] top-[-10px]"><svg class="svg__inner" width="90" height="97" viewBox="0 0 90 97" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_bd_6100_13148)"> <path d="M25 51.588V29.788L45 17.563L65 29.788V51.588L45 63.8047L25 51.588Z" stroke="url(#paint0_linear_6100_13148)" shape-rendering="crispEdges"/> </g> <defs> <filter id="filter0_bd_6100_13148" x="-23.5" y="-31.0229" width="137" height="143.414" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feGaussianBlur in="BackgroundImageFix" stdDeviation="24"/> <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_6100_13148"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="8"/> <feGaussianBlur stdDeviation="12"/> <feComposite in2="hardAlpha" operator="out"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.0980392 0 0 0 0 0.113725 0 0 0 0.33 0"/> <feBlend mode="multiply" in2="effect1_backgroundBlur_6100_13148" result="effect2_dropShadow_6100_13148"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_6100_13148" result="shape"/> </filter> <linearGradient id="paint0_linear_6100_13148" x1="45" y1="17.563" x2="45" y2="63.8047" gradientUnits="userSpaceOnUse"> <stop stop-color="#F9FAFA" stop-opacity="0.12"/> <stop offset="1" stop-color="#F9FAFA" stop-opacity="0.05"/> </linearGradient> </defs> </svg> </div> <div class="hex-icon p-2 medium:p-0 rounded-[4px] medium:rounded-none bg-nr-black svg-24 flex justify-center medium:bg-transparent w-10 h-10 medium:absolute medium:h-6 medium:w-6 medium:top-[18px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 transform-gpu"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M8.61 19.63L4.53 17.31V12.58L7.93 10.64V6.73L12 4.37L16.07 6.73V10.64L19.47 12.58V17.31L15.39 19.63L12 17.7L8.61 19.63ZM12.68 16.52L15.39 18.07L18.1 16.52V13.37L15.39 11.82L12.68 13.37V16.52ZM5.9 16.52L8.61 18.07L11.32 16.52V13.37L8.61 11.82L5.9 13.37V16.52ZM9.29 10.64L12 12.19L14.71 10.64V7.52L12 5.94L9.29 7.52V10.64Z" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> </div> <div class="hex-title medium:absolute medium:top-[50px] text-sm medium:text-center pt-2 px-[4px] transition-all duration-200 opacity-50 group-hover/hex:opacity-100 group-[.active]/hex:opacity-100 group-[.active]/hex:text-nr-green transform-gpu">System Health</div> </div> </div> </div> </div> <div class="scrollbar-container absolute block left-10 right-10 medium:hidden -bottom-6"> <div class="border-t border-solid border-nr-black dark:border-nr-white dark:border-opacity-10 w-full h-[2px]] border-opacity-10"></div> <div class="scrollbar absolute transition-transform duration-50 ease-linear transform-gpu bg-nr-neon-green h-[2px] -mt-[1px] w-[104px]"></div> </div> <div class="r15__cta absolute flex justify-center -bottom-[129px] medium:-bottom-[151px] left-10 right-10"> <a href="/platform" aria-label="Explore Platform" class="btn-secondary small:inline-flex w-full medium:w-fit group max-w-full" > <div class="h-6 overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> Explore Platform </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> Explore Platform </span> </div> </div> </a> </div> </div> </div> </div> <div class="bg-nr-black overflow-auto"><div class="section-wrapper section--bg-color bg-gradient-rc-purple dark"> <div class="r01-layout section dark text-center medium:mb-4 mb-0 text-nr-white section--column-align section--column-align-stretch pt-16 large:pt-24"> <div class="row row--columns-1 nr-fluid-container grid gap-x-6 gap-y-8 items-center large:grid-cols-12" data-layout="12"> <div class="large:col-span-12 large:col-start-1 column--index-1 grid gap-8 grid-cols-1"> <div class="p02-text min-w-0"> <div class="p02-text__description content"> <div><h2><span class="small">Get up to 5x the value with New Relic.</span></h2> <ul class="js-rotating-ul rotating-text"> <li>Only pay for what you use. </li> <li>Users and data, not tools. </li> <li>Actual—not peak—usage. </li> <li>No overages or penalties.</li> </ul></div> </div> </div> </div> </div> </div> <div class="r18-pricing-calculator js-r18-pricing-calculator dark pb-16 large:pb-24"> <div class="nr-fluid-container"> <div class="large:grid large:gap-x-6 large:gap-y-2 large:grid-cols-12 large:grid-rows-[repeat(4,auto)_1fr]"> <div class="r18-pricing-calculator__tiers js-r18-pricing-calculator__tiers overflow-x-scroll snap-x snap-mandatory carousel-scroll -mx-10 px-10 large:contents" data-initial-tier="1"> <div class="grid gap-6 auto-cols-[100%] large:contents"> <div class="r18-tier js-r18-tier row-start-1 flex flex-col snap-always snap-center opacity-50 large:contents"> <div class="pt-6 large:p-0 border-t-2 border-magenta-2 large:border-0 large:js-parent-expanded:shadow-[inset_0_0_0_2px_#FF40B4] large:bg-nr-tinted-glass large:js-parent-expanded:bg-none large:transition-all large:duration-300 large:rounded-lg large:col-start-1 large:col-end-5 large:row-start-1"> <div class="js-r18-tier__heading relative flex justify-between items-center large:px-5 large:py-3 large:cursor-pointer large:js-parent-expanded:before:content-[""] large:js-parent-expanded:before:absolute large:js-parent-expanded:before:bottom-0 large:js-parent-expanded:before:inset-x-0.5 large:js-parent-expanded:before:h-px large:js-parent-expanded:before:bg-magenta-3 large:js-parent-expanded:after:content-[""] large:js-parent-expanded:after:absolute large:js-parent-expanded:after:bottom-0 large:js-parent-expanded:after:inset-x-0.5 large:js-parent-expanded:after:h-px large:js-parent-expanded:after:bg-gradient-to-r large:js-parent-expanded:after:from-transparent large:js-parent-expanded:after:to-magenta-2 large:js-parent-expanded:after:origin-left large:js-parent-expanded:after:animate-[progress_5s_linear] large:no-animation:after:animate-none" data-controls="tier-106890"> <h3 class="r18-tier__title mb-0 text-lg font-normal transition-opacity duration-300 large:opacity-50 large:js-parent-expanded:opacity-100"> Large Engineering Team </h3> </div> <div class="r18-tier__detail js-pricing-tier-content text-sm opacity-50 medium:opacity-100 transition-all duration-300 large:overflow-hidden" id="tier-106890"> <div class="pt-2 large:px-5 large:py-3"> <ul class="grid grid-cols-2 medium:grid-cols-[repeat(4,minmax(0,auto))] large:grid-cols-2 gap-1 items-start mb-0"> <li class="flex medium:before:content-[''] medium:before:shrink-0 medium:before:h-5 medium:before:w-5 medium:before:text-magenta-3 medium:before:bg-[url('/themes/custom/erno/assets/images/icons/misc/tick-magenta-3.svg')] medium:before:bg-contain medium:before:mr-[2px]"> 150 Engineers </li> <li class="flex medium:before:content-[''] medium:before:shrink-0 medium:before:h-5 medium:before:w-5 medium:before:text-magenta-3 medium:before:bg-[url('/themes/custom/erno/assets/images/icons/misc/tick-magenta-3.svg')] medium:before:bg-contain medium:before:mr-[2px]"> 225 APM Hosts </li> <li class="flex medium:before:content-[''] medium:before:shrink-0 medium:before:h-5 medium:before:w-5 medium:before:text-magenta-3 medium:before:bg-[url('/themes/custom/erno/assets/images/icons/misc/tick-magenta-3.svg')] medium:before:bg-contain medium:before:mr-[2px]"> 350 Infra Hosts </li> <li class="flex medium:before:content-[''] medium:before:shrink-0 medium:before:h-5 medium:before:w-5 medium:before:text-magenta-3 medium:before:bg-[url('/themes/custom/erno/assets/images/icons/misc/tick-magenta-3.svg')] medium:before:bg-contain medium:before:mr-[2px]"> 20K Logs Ingest </li> </ul> </div> </div> </div> <div class="flex flex-col flex-grow justify-between mt-6 medium:mt-7 large:mt-0 border border-nr-white/10 border-solid rounded-md large:col-start-5 large:col-end-13 large:row-span-full large:opacity-0 large:js-parent-expanded:opacity-100 large:js-parent-expanded:z-10"> <div class="r18-tier__chart relative medium:bg-graph-paper border-0 p-4 medium:p-12 img-w-max"> <a href="https://docs.google.com/spreadsheets/d/13-GTHZOfhuC78efXGVr89KLKzHKoa_HetjX9Hm4ZaU4/edit?usp=sharing" class="absolute z-10 top-3 right-3 px-3 py-1 text-sm text-nr-white/50 bg-nr-tinted-glass backdrop-blur-md rounded-xl">Source</a> <div> <img width="648" height="393" alt="Large pricing grid in English language" loading="eager" class="svg-image" src=/sites/default/files/2024-07/Large-US_3.svg /> </div> </div> <div class="flex gap-px medium:gap-0 text-sm"> <div class="r18_tier__description hidden medium:block basis-full py-6 px-5 medium:px-6 bg-[linear-gradient(180deg,rgba(249,250,250,0.05)_0%,rgba(249,250,250,0.02)_100%)]"> Get up to 3x more value when you switch to New Relic. </div> <a href="/pricing" class="r18-tier__cta basis-full medium:basis-auto medium:flex-shrink-0 py-6 px-5 medium:px-6 text-center text-nr-white/50 medium:text-nr-white medium:hover:text-nr-white/50 bg-[linear-gradient(180deg,rgba(249,250,250,0.05)_0%,rgba(249,250,250,0.02)_100%)] transition-colors">View Pricing</a> <a href="/contact-sales" class="r18-tier__cta basis-full medium:basis-auto medium:flex-shrink-0 py-6 px-5 medium:px-6 text-center text-nr-white/50 medium:text-nr-white medium:hover:text-nr-white/50 bg-[linear-gradient(180deg,rgba(249,250,250,0.05)_0%,rgba(249,250,250,0.02)_100%)] transition-colors">Request Quote</a> </div> </div> </div> <div class="r18-tier js-r18-tier row-start-1 flex flex-col snap-always snap-center opacity-50 large:contents"> <div class="pt-6 large:p-0 border-t-2 border-magenta-2 large:border-0 large:js-parent-expanded:shadow-[inset_0_0_0_2px_#FF40B4] large:bg-nr-tinted-glass large:js-parent-expanded:bg-none large:transition-all large:duration-300 large:rounded-lg large:col-start-1 large:col-end-5 large:row-start-2"> <div class="js-r18-tier__heading relative flex justify-between items-center large:px-5 large:py-3 large:cursor-pointer large:js-parent-expanded:before:content-[""] large:js-parent-expanded:before:absolute large:js-parent-expanded:before:bottom-0 large:js-parent-expanded:before:inset-x-0.5 large:js-parent-expanded:before:h-px large:js-parent-expanded:before:bg-magenta-3 large:js-parent-expanded:after:content-[""] large:js-parent-expanded:after:absolute large:js-parent-expanded:after:bottom-0 large:js-parent-expanded:after:inset-x-0.5 large:js-parent-expanded:after:h-px large:js-parent-expanded:after:bg-gradient-to-r large:js-parent-expanded:after:from-transparent large:js-parent-expanded:after:to-magenta-2 large:js-parent-expanded:after:origin-left large:js-parent-expanded:after:animate-[progress_5s_linear] large:no-animation:after:animate-none" data-controls="tier-106891"> <h3 class="r18-tier__title mb-0 text-lg font-normal transition-opacity duration-300 large:opacity-50 large:js-parent-expanded:opacity-100"> Midsize Engineering Team </h3> </div> <div class="r18-tier__detail js-pricing-tier-content text-sm opacity-50 medium:opacity-100 transition-all duration-300 large:overflow-hidden" id="tier-106891"> <div class="pt-2 large:px-5 large:py-3"> <ul class="grid grid-cols-2 medium:grid-cols-[repeat(4,minmax(0,auto))] large:grid-cols-2 gap-1 items-start mb-0"> <li class="flex medium:before:content-[''] medium:before:shrink-0 medium:before:h-5 medium:before:w-5 medium:before:text-magenta-3 medium:before:bg-[url('/themes/custom/erno/assets/images/icons/misc/tick-magenta-3.svg')] medium:before:bg-contain medium:before:mr-[2px]"> 65 Engineers </li> <li class="flex medium:before:content-[''] medium:before:shrink-0 medium:before:h-5 medium:before:w-5 medium:before:text-magenta-3 medium:before:bg-[url('/themes/custom/erno/assets/images/icons/misc/tick-magenta-3.svg')] medium:before:bg-contain medium:before:mr-[2px]"> 125 APM Hosts </li> <li class="flex medium:before:content-[''] medium:before:shrink-0 medium:before:h-5 medium:before:w-5 medium:before:text-magenta-3 medium:before:bg-[url('/themes/custom/erno/assets/images/icons/misc/tick-magenta-3.svg')] medium:before:bg-contain medium:before:mr-[2px]"> 200 Infra Hosts </li> <li class="flex medium:before:content-[''] medium:before:shrink-0 medium:before:h-5 medium:before:w-5 medium:before:text-magenta-3 medium:before:bg-[url('/themes/custom/erno/assets/images/icons/misc/tick-magenta-3.svg')] medium:before:bg-contain medium:before:mr-[2px]"> 10K GB Logs Ingest </li> </ul> </div> </div> </div> <div class="flex flex-col flex-grow justify-between mt-6 medium:mt-7 large:mt-0 border border-nr-white/10 border-solid rounded-md large:col-start-5 large:col-end-13 large:row-span-full large:opacity-0 large:js-parent-expanded:opacity-100 large:js-parent-expanded:z-10"> <div class="r18-tier__chart relative medium:bg-graph-paper border-0 p-4 medium:p-12 img-w-max"> <a href="https://docs.google.com/spreadsheets/d/13-GTHZOfhuC78efXGVr89KLKzHKoa_HetjX9Hm4ZaU4/edit?usp=sharing" class="absolute z-10 top-3 right-3 px-3 py-1 text-sm text-nr-white/50 bg-nr-tinted-glass backdrop-blur-md rounded-xl">Source</a> <div> <img width="648" height="393" alt="Midsize pricing grid in English language" loading="eager" class="svg-image" src=/sites/default/files/2024-07/Midsize-US_2.svg /> </div> </div> <div class="flex gap-px medium:gap-0 text-sm"> <div class="r18_tier__description hidden medium:block basis-full py-6 px-5 medium:px-6 bg-[linear-gradient(180deg,rgba(249,250,250,0.05)_0%,rgba(249,250,250,0.02)_100%)]"> Get up to 3x more value when you switch to New Relic. </div> <a href="/pricing" class="r18-tier__cta basis-full medium:basis-auto medium:flex-shrink-0 py-6 px-5 medium:px-6 text-center text-nr-white/50 medium:text-nr-white medium:hover:text-nr-white/50 bg-[linear-gradient(180deg,rgba(249,250,250,0.05)_0%,rgba(249,250,250,0.02)_100%)] transition-colors">View Pricing</a> <a href="/contact-sales" class="r18-tier__cta basis-full medium:basis-auto medium:flex-shrink-0 py-6 px-5 medium:px-6 text-center text-nr-white/50 medium:text-nr-white medium:hover:text-nr-white/50 bg-[linear-gradient(180deg,rgba(249,250,250,0.05)_0%,rgba(249,250,250,0.02)_100%)] transition-colors">Request Quote</a> </div> </div> </div> <div class="r18-tier js-r18-tier row-start-1 flex flex-col snap-always snap-center opacity-50 large:contents"> <div class="pt-6 large:p-0 border-t-2 border-magenta-2 large:border-0 large:js-parent-expanded:shadow-[inset_0_0_0_2px_#FF40B4] large:bg-nr-tinted-glass large:js-parent-expanded:bg-none large:transition-all large:duration-300 large:rounded-lg large:col-start-1 large:col-end-5 large:row-start-3"> <div class="js-r18-tier__heading relative flex justify-between items-center large:px-5 large:py-3 large:cursor-pointer large:js-parent-expanded:before:content-[""] large:js-parent-expanded:before:absolute large:js-parent-expanded:before:bottom-0 large:js-parent-expanded:before:inset-x-0.5 large:js-parent-expanded:before:h-px large:js-parent-expanded:before:bg-magenta-3 large:js-parent-expanded:after:content-[""] large:js-parent-expanded:after:absolute large:js-parent-expanded:after:bottom-0 large:js-parent-expanded:after:inset-x-0.5 large:js-parent-expanded:after:h-px large:js-parent-expanded:after:bg-gradient-to-r large:js-parent-expanded:after:from-transparent large:js-parent-expanded:after:to-magenta-2 large:js-parent-expanded:after:origin-left large:js-parent-expanded:after:animate-[progress_5s_linear] large:no-animation:after:animate-none" data-controls="tier-106892"> <h3 class="r18-tier__title mb-0 text-lg font-normal transition-opacity duration-300 large:opacity-50 large:js-parent-expanded:opacity-100"> Small Engineering Team </h3> </div> <div class="r18-tier__detail js-pricing-tier-content text-sm opacity-50 medium:opacity-100 transition-all duration-300 large:overflow-hidden" id="tier-106892"> <div class="pt-2 large:px-5 large:py-3"> <ul class="grid grid-cols-2 medium:grid-cols-[repeat(4,minmax(0,auto))] large:grid-cols-2 gap-1 items-start mb-0"> <li class="flex medium:before:content-[''] medium:before:shrink-0 medium:before:h-5 medium:before:w-5 medium:before:text-magenta-3 medium:before:bg-[url('/themes/custom/erno/assets/images/icons/misc/tick-magenta-3.svg')] medium:before:bg-contain medium:before:mr-[2px]"> 25 Engineers </li> <li class="flex medium:before:content-[''] medium:before:shrink-0 medium:before:h-5 medium:before:w-5 medium:before:text-magenta-3 medium:before:bg-[url('/themes/custom/erno/assets/images/icons/misc/tick-magenta-3.svg')] medium:before:bg-contain medium:before:mr-[2px]"> 20 APM Hosts </li> <li class="flex medium:before:content-[''] medium:before:shrink-0 medium:before:h-5 medium:before:w-5 medium:before:text-magenta-3 medium:before:bg-[url('/themes/custom/erno/assets/images/icons/misc/tick-magenta-3.svg')] medium:before:bg-contain medium:before:mr-[2px]"> 50 Infra Hosts </li> <li class="flex medium:before:content-[''] medium:before:shrink-0 medium:before:h-5 medium:before:w-5 medium:before:text-magenta-3 medium:before:bg-[url('/themes/custom/erno/assets/images/icons/misc/tick-magenta-3.svg')] medium:before:bg-contain medium:before:mr-[2px]"> 2.5K GB Logs Ingest </li> </ul> </div> </div> </div> <div class="flex flex-col flex-grow justify-between mt-6 medium:mt-7 large:mt-0 border border-nr-white/10 border-solid rounded-md large:col-start-5 large:col-end-13 large:row-span-full large:opacity-0 large:js-parent-expanded:opacity-100 large:js-parent-expanded:z-10"> <div class="r18-tier__chart relative medium:bg-graph-paper border-0 p-4 medium:p-12 img-w-max"> <a href="https://docs.google.com/spreadsheets/d/13-GTHZOfhuC78efXGVr89KLKzHKoa_HetjX9Hm4ZaU4/edit?usp=sharing" class="absolute z-10 top-3 right-3 px-3 py-1 text-sm text-nr-white/50 bg-nr-tinted-glass backdrop-blur-md rounded-xl">Source</a> <div> <img width="648" height="393" alt="Small pricing grid in English language" loading="eager" class="svg-image" src=/sites/default/files/2024-07/Small-US_3.svg /> </div> </div> <div class="flex gap-px medium:gap-0 text-sm"> <div class="r18_tier__description hidden medium:block basis-full py-6 px-5 medium:px-6 bg-[linear-gradient(180deg,rgba(249,250,250,0.05)_0%,rgba(249,250,250,0.02)_100%)]"> Get up to 5x more value when you switch to New Relic. </div> <a href="/pricing" class="r18-tier__cta basis-full medium:basis-auto medium:flex-shrink-0 py-6 px-5 medium:px-6 text-center text-nr-white/50 medium:text-nr-white medium:hover:text-nr-white/50 bg-[linear-gradient(180deg,rgba(249,250,250,0.05)_0%,rgba(249,250,250,0.02)_100%)] transition-colors">View Pricing</a> <a href="/contact-sales" class="r18-tier__cta basis-full medium:basis-auto medium:flex-shrink-0 py-6 px-5 medium:px-6 text-center text-nr-white/50 medium:text-nr-white medium:hover:text-nr-white/50 bg-[linear-gradient(180deg,rgba(249,250,250,0.05)_0%,rgba(249,250,250,0.02)_100%)] transition-colors">Request Quote</a> </div> </div> </div> <div class="r18-tier js-r18-tier row-start-1 flex flex-col snap-always snap-center opacity-50 large:contents"> <div class="pt-6 large:p-0 border-t-2 border-magenta-2 large:border-0 large:js-parent-expanded:shadow-[inset_0_0_0_2px_#FF40B4] large:bg-nr-tinted-glass large:js-parent-expanded:bg-none large:transition-all large:duration-300 large:rounded-lg large:col-start-1 large:col-end-5 large:row-start-4"> <div class="js-r18-tier__heading relative flex justify-between items-center large:px-5 large:py-3 large:cursor-pointer large:js-parent-expanded:before:content-[""] large:js-parent-expanded:before:absolute large:js-parent-expanded:before:bottom-0 large:js-parent-expanded:before:inset-x-0.5 large:js-parent-expanded:before:h-px large:js-parent-expanded:before:bg-magenta-3 large:js-parent-expanded:after:content-[""] large:js-parent-expanded:after:absolute large:js-parent-expanded:after:bottom-0 large:js-parent-expanded:after:inset-x-0.5 large:js-parent-expanded:after:h-px large:js-parent-expanded:after:bg-gradient-to-r large:js-parent-expanded:after:from-transparent large:js-parent-expanded:after:to-magenta-2 large:js-parent-expanded:after:origin-left large:js-parent-expanded:after:animate-[progress_5s_linear] large:no-animation:after:animate-none" data-controls="tier-106893"> <h3 class="r18-tier__title mb-0 text-lg font-normal transition-opacity duration-300 large:opacity-50 large:js-parent-expanded:opacity-100"> Free Tier </h3> </div> <div class="r18-tier__detail js-pricing-tier-content text-sm opacity-50 medium:opacity-100 transition-all duration-300 large:overflow-hidden" id="tier-106893"> <div class="pt-2 large:px-5 large:py-3"> <div><p>Start today with the most generous free tier in the industry—no credit card required.</p></div> </div> </div> </div> <div class="flex flex-col flex-grow justify-between mt-6 medium:mt-7 large:mt-0 border border-nr-white/10 border-solid rounded-md large:col-start-5 large:col-end-13 large:row-span-full large:opacity-0 large:js-parent-expanded:opacity-100 large:js-parent-expanded:z-10"> <div class="r18-tier__chart relative medium:bg-graph-paper border-0 p-4 medium:p-12 img-w-max"> <div> <img width="648" height="400" alt="Table displaying the benefits of New Relic&#039;s free tier pricing" loading="eager" class="svg-image" src=/sites/default/files/2023-03/free-tier-svg_v4.svg /> </div> </div> </div> </div> <div class="row-start-1 large:hidden"></div> </div> </div> <figure class="mt-12 medium:mt-10 pl-6 text-sm border-l border-magenta-3 border-solid large:self-end large:col-start-1 large:col-end-4 large:row-start-5"> <blockquote class="r18-pricing-calculator__quote"> The data speaks for itself—the value provided to customers is clear. </blockquote> <figcaption class="mt-4 opacity-50"> <cite class="not-italic"> Bloomberg Capital Markets </cite> </figcaption> </figure> </div> </div> </div> </div> </div> <div class="section-wrapper section--bg-color bg-gradient-top-purple dark"> <div class="r01-layout section dark text-center medium:mb-4 mb-0 text-nr-white section--column-align section--column-align-stretch pt-16 large:pt-24"> <div class="row row--columns-1 nr-fluid-container grid gap-x-6 gap-y-8 items-center large:grid-cols-12" data-layout="12"> <div class="large:col-span-12 large:col-start-1 column--index-1 grid gap-8 grid-cols-1"> <div class="p02-text min-w-0"> <div class="p02-text__description content"> <div><h2><span class="small">775+ integrations. Start now for free.</span></h2></div> </div> </div> </div> </div> </div> <div class="r01-layout section dark text-center text-nr-white section--column-align section--column-align-stretch pb-16 large:pb-24"> <div class="row row--columns-1 nr-fluid-container grid gap-x-6 gap-y-8 items-center large:grid-cols-12" data-layout="10"> <div class="large:col-span-10 large:col-start-2 column--index-1 grid gap-8 grid-cols-1"> <div class="p18-icon-menu text-center"> <div class="flex flex-row flex-wrap items-start gap-2 rounded-2xl border border-transparent gradient-border-dark p-4 mb-8 large:mb-12 relative"> <div class="p18-icon-items w-full basis-full group pl-2 pr-4 py-2 rounded border border-transparent gradient-border-black large:basis-[49.3%] xlarge:basis-[49.5%] btn-hover relative"> <a href="/instant-observability/java" class="flex flex-row gap-3 grow justify-between items-center relative z-10"> <div class="flex nr-clear child-m-auto svg-opacity-100 bg-nr-extra-black rounded-sm w-12 h-12 large:w-16 large:h-16 group-hover:svg-nr-green-fill group-hover:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="38" viewBox="0 0 22 38" fill="none"> <g clip-path="url(#clip0_8682_18614)"> <path d="M20.7009 2.91337C21.8228 0.560987 20.0495 0.579082 19.2714 1.15813C18.6561 1.61051 18.4028 2.58765 18.1676 3.51051C18.1133 3.74575 18.0409 3.98099 17.9866 4.21623C17.5161 3.70956 17.3714 2.85908 17.2266 2.0448C17.0637 1.04956 16.9009 0.144797 16.1409 0.0362251C14.8561 -0.144727 14.838 0.488606 14.8199 1.37527C14.8199 1.42956 14.8199 1.48384 14.8199 1.55623C14.7837 2.51527 14.9466 3.20289 15.3809 4.84956C14.7114 4.34289 14.3676 3.58289 14.078 2.93146C13.7161 2.11718 13.4266 1.48384 12.7028 1.75527C11.3999 2.22575 11.7437 3.34765 12.2142 4.56004C12.6847 5.77242 13.2999 6.94861 14.3495 7.99813C13.1733 8.19718 11.5809 8.70384 12.0152 9.93432C12.3047 10.7486 12.8476 10.6038 13.4447 10.441C13.7342 10.3686 14.0418 10.2781 14.3495 10.2962C14.8018 10.3324 15.1999 10.5677 15.598 10.821C15.9961 11.0743 16.3942 11.3096 16.8466 11.3457C17.7695 11.4181 17.9685 13.1915 17.8961 14.621C17.8237 15.9238 16.2133 16.8467 15.3809 16.0143C11.5809 9.6448 6.62279 5.21146 4.55994 4.05337C5.19327 5.35623 4.97613 12.9019 4.39708 17.9686C3.9447 20.3391 3.02184 21.5515 2.29803 22.5105C1.75517 23.2162 1.33898 23.7953 1.2847 24.5915C1.23041 25.6229 1.39327 26.1658 1.57422 26.7086C1.73708 27.1972 1.89994 27.7038 1.88184 28.5724C1.84565 29.6762 1.24851 30.3819 0.741841 30.9791C0.398031 31.3772 0.108508 31.721 0.0180313 32.1191C-0.181016 33.1143 0.850412 33.4219 1.44756 33.4219C1.62851 33.4219 1.79136 33.2048 1.95422 32.8429C1.89994 33.4762 1.84565 34.1096 1.82756 34.7248C1.73708 36.5705 2.00851 37.2943 3.22089 37.2943C4.14375 37.2943 5.19327 36.4438 6.35136 35.4848C7.83517 34.2543 9.51803 32.861 11.418 32.9334C13.4085 32.9877 14.6028 34.761 15.5799 36.2086C16.2495 37.2038 16.8104 38.0543 17.4618 38.0362C19.0542 38 20.3209 37.4572 20.339 32.5534C20.339 28.2105 19.2714 24.1029 17.679 20.4477C17.2628 19.0181 17.4618 17.3353 18.258 16.2134C18.7466 15.5077 18.7285 14.3315 18.6923 13.2096C18.6742 12.3953 18.6561 11.5991 18.8552 11.1105C19.0542 10.6038 19.3437 10.3867 19.6514 10.1515C20.0676 9.82575 20.5199 9.48194 20.719 8.41432C20.8637 7.67242 20.7009 7.00289 20.538 6.35146C20.3028 5.37432 20.0676 4.36099 20.7371 2.96765L20.7009 2.91337ZM2.46089 26.7448C2.26184 26.2743 2.09898 25.8219 2.09898 25.3515C2.09898 24.2477 3.49232 22.2572 3.34756 23.7953C3.11232 24.9353 2.89517 26.1296 2.69613 27.3419C2.62375 27.1429 2.55136 26.9438 2.47898 26.7629L2.46089 26.7448ZM19.2533 31.4857C19.1447 37.2762 18.5295 36.8962 17.5885 36.9324C16.6476 36.9686 15.1095 31.8296 11.219 31.7934C7.32851 31.7572 4.95803 36.3715 3.29327 36.1905C1.62851 36.0096 4.90375 21.6781 5.42851 19.1267C5.66375 18.9638 5.91708 18.7829 6.17041 18.62C5.48279 17.281 5.57327 15.761 6.67708 14.6572C7.70851 13.6257 9.33708 12.92 10.8209 13.1553C12.0333 13.3543 13.0104 14.0238 13.4447 15.0915C13.5352 15.0915 13.6256 15.0553 13.7161 15.0553C15.7971 18.3124 19.3437 25.7134 19.2352 31.5038L19.2533 31.4857Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M12.9743 16.5934C12.8295 18.0591 11.6714 19.2172 10.2781 19.561C8.79426 19.9229 7.16569 19.3438 6.62284 17.8238C6.35141 17.0457 6.40569 16.2496 6.87617 15.5619C7.27426 14.9829 7.9076 14.5305 8.54093 14.241C9.84379 13.6438 11.6895 13.5895 12.5943 14.8924C12.9381 15.3991 12.9924 15.9781 12.9743 16.5572V16.5934Z" fill="#F9FAFA" fill-opacity="0.5"/> </g> <defs> <clipPath id="clip0_8682_18614"> <rect width="21.081" height="38" fill="white"/> </clipPath> </defs> </svg> </div> <div class="nr-clear group-hover:text-nr-green group-hover:opacity-100 grow text-left"> <div>Java</div> </div> <div class="flex bg-nr-extra-black rounded-2xl nr-clear text-style-small items-center h-8 px-4 group-hover:text-nr-green group-hover:opacity-100"> Install </div> </a> </div> <div class="p18-icon-items w-full basis-full group pl-2 pr-4 py-2 rounded border border-transparent gradient-border-black large:basis-[49.3%] xlarge:basis-[49.5%] btn-hover relative"> <a href="/instant-observability/node-js" class="flex flex-row gap-3 grow justify-between items-center relative z-10"> <div class="flex nr-clear child-m-auto svg-opacity-100 bg-nr-extra-black rounded-sm w-12 h-12 large:w-16 large:h-16 group-hover:svg-nr-green-fill group-hover:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="28" viewBox="0 0 24 28" fill="none"> <path d="M12 27.0435C11.6273 27.0435 11.2795 26.9441 10.9565 26.7702L7.65217 24.8075C7.15528 24.5342 7.40373 24.4348 7.5528 24.3851C8.2236 24.1615 8.34783 24.1118 9.04348 23.7143C9.11801 23.6646 9.21739 23.6894 9.29193 23.7391L11.8261 25.2547C11.9255 25.3043 12.0497 25.3043 12.1242 25.2547L22.0373 19.5155C22.1366 19.4658 22.1863 19.3665 22.1863 19.2422V7.78882C22.1863 7.6646 22.1366 7.56522 22.0373 7.51553L12.1242 1.80124C12.0248 1.75155 11.9006 1.75155 11.8261 1.80124L1.91304 7.51553C1.81366 7.56522 1.76398 7.68944 1.76398 7.78882V19.2422C1.76398 19.3416 1.81366 19.4658 1.91304 19.5155L4.62112 21.0807C6.08696 21.8261 7.00621 20.9565 7.00621 20.087V8.78261C7.00621 8.63354 7.13043 8.48447 7.30435 8.48447H8.57143C8.7205 8.48447 8.86957 8.6087 8.86957 8.78261V20.087C8.86957 22.0497 7.80124 23.1925 5.93789 23.1925C5.36646 23.1925 4.91925 23.1925 3.65217 22.5714L1.04348 21.0807C0.397516 20.7081 0 20.0124 0 19.2671V7.81366C0 7.06832 0.397516 6.37267 1.04348 6L10.9565 0.260869C11.5776 -0.0869565 12.4224 -0.0869565 13.0435 0.260869L22.9565 6C23.6025 6.37267 24 7.06832 24 7.81366V19.2671C24 20.0124 23.6025 20.7081 22.9565 21.0807L13.0435 26.8199C12.7205 26.9689 12.3478 27.0435 12 27.0435ZM15.0559 19.1677C10.7081 19.1677 9.81366 17.1801 9.81366 15.4907C9.81366 15.3416 9.93789 15.1925 10.1118 15.1925H11.4037C11.5528 15.1925 11.677 15.2919 11.677 15.441C11.8758 16.7578 12.4472 17.4037 15.0807 17.4037C17.1677 17.4037 18.0621 16.9317 18.0621 15.8137C18.0621 15.1677 17.8137 14.6957 14.559 14.3727C11.8509 14.0994 10.1615 13.5031 10.1615 11.3416C10.1615 9.32919 11.8509 8.13665 14.6832 8.13665C17.8634 8.13665 19.4286 9.22981 19.6273 11.6149C19.6273 11.6894 19.6025 11.764 19.5528 11.8385C19.5031 11.8882 19.4286 11.9379 19.354 11.9379H18.0621C17.9379 11.9379 17.8137 11.8385 17.7888 11.7143C17.4907 10.3478 16.7205 9.90062 14.6832 9.90062C12.3975 9.90062 12.1242 10.6957 12.1242 11.2919C12.1242 12.0124 12.4472 12.236 15.528 12.6335C18.5839 13.0311 20.0248 13.6025 20.0248 15.7391C20 17.9255 18.2112 19.1677 15.0559 19.1677Z" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> <div class="nr-clear group-hover:text-nr-green group-hover:opacity-100 grow text-left"> <div>Node.js</div> </div> <div class="flex bg-nr-extra-black rounded-2xl nr-clear text-style-small items-center h-8 px-4 group-hover:text-nr-green group-hover:opacity-100"> Install </div> </a> </div> <div class="p18-icon-items w-full basis-full group pl-2 pr-4 py-2 rounded border border-transparent gradient-border-black large:basis-[49.3%] xlarge:basis-[49.5%] btn-hover relative"> <a href="/instant-observability/dotnet" class="flex flex-row gap-3 grow justify-between items-center relative z-10"> <div class="flex nr-clear child-m-auto svg-opacity-100 bg-nr-extra-black rounded-sm w-12 h-12 large:w-16 large:h-16 group-hover:svg-nr-green-fill group-hover:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 27 27" fill="none"> <g clip-path="url(#clip0_6296_11715)"> <path d="M0 0V27H27V0H0ZM5.30408 17.0591C5.17026 17.1864 5.00684 17.2498 4.81263 17.2498C4.61842 17.2498 4.45974 17.1864 4.32592 17.0591C4.19211 16.9289 4.1252 16.7738 4.1252 16.5943C4.1252 16.4149 4.19211 16.2551 4.32592 16.1248C4.45974 15.9945 4.62197 15.9288 4.81263 15.9288C5.00329 15.9288 5.17086 15.9939 5.30408 16.1248C5.44086 16.2551 5.50954 16.412 5.50954 16.5943C5.50954 16.7767 5.44086 16.9289 5.30408 17.0591ZM12.4443 17.1426H11.2032L7.93421 11.9848C7.85132 11.8545 7.78322 11.7189 7.72875 11.5786H7.70033C7.72579 11.7284 7.73882 12.0499 7.73882 12.5426V17.1426H6.64105V10.125H7.96322L11.1227 15.1603C11.2565 15.3693 11.3424 15.5126 11.3803 15.5907H11.3992C11.3672 15.4048 11.3513 15.0898 11.3513 14.6463V10.125H12.4443V17.1426ZM17.7898 17.1426H13.9476V10.125H17.637V11.1138H15.0839V13.1003H17.4369V14.0838H15.0839V16.1586H17.7898V17.142V17.1426ZM23.2502 11.1138H21.2838V17.1426H20.1482V11.1138H18.1865V10.125H23.2502V11.1138Z" fill="#F9FAFA" fill-opacity="0.5"/> </g> <defs> <clipPath id="clip0_6296_11715"> <rect width="27" height="27" fill="white"/> </clipPath> </defs> </svg> </div> <div class="nr-clear group-hover:text-nr-green group-hover:opacity-100 grow text-left"> <div>.NET</div> </div> <div class="flex bg-nr-extra-black rounded-2xl nr-clear text-style-small items-center h-8 px-4 group-hover:text-nr-green group-hover:opacity-100"> Install </div> </a> </div> <div class="p18-icon-items w-full basis-full group pl-2 pr-4 py-2 rounded border border-transparent gradient-border-black large:basis-[49.3%] xlarge:basis-[49.5%] btn-hover relative"> <a href="/instant-observability/php" class="flex flex-row gap-3 grow justify-between items-center relative z-10"> <div class="flex nr-clear child-m-auto svg-opacity-100 bg-nr-extra-black rounded-sm w-12 h-12 large:w-16 large:h-16 group-hover:svg-nr-green-fill group-hover:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="16" viewBox="0 0 32 16" fill="none"> <path d="M2.51975 3.36612H7.24209C8.62814 3.37776 9.63252 3.77738 10.2552 4.56432C10.8779 5.35127 11.0834 6.42613 10.8719 7.7889C10.7898 8.41161 10.6076 9.02235 10.3257 9.62145C10.0554 10.2206 9.67973 10.7608 9.19798 11.2426C8.61052 11.8533 7.98216 12.2409 7.31257 12.4055C6.64299 12.5701 5.9498 12.6522 5.23334 12.6522H3.11886L2.44927 16.0001H0L2.51975 3.36612V3.36612ZM4.58137 5.37487L3.52413 10.6611C3.59461 10.6727 3.6651 10.6787 3.73558 10.6787C3.8177 10.6787 3.90015 10.6787 3.98227 10.6787C5.10999 10.6903 6.04987 10.579 6.80157 10.3439C7.55328 10.0972 8.05863 9.23978 8.31695 7.77128C8.5284 6.53784 8.31695 5.82703 7.68261 5.63918C7.0599 5.45134 6.27894 5.36324 5.33906 5.37487C5.19809 5.38651 5.06311 5.3925 4.93378 5.3925C4.81642 5.3925 4.69308 5.3925 4.56375 5.3925L4.58137 5.37487" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M13.661 0H16.0927L15.4055 3.36555H17.5904C18.7886 3.38915 19.6813 3.63584 20.2688 4.10561C20.8679 4.57539 21.0441 5.46839 20.7974 6.78395L19.6168 12.6516H17.1499L18.2776 7.04826C18.395 6.4608 18.3598 6.04389 18.1719 5.7972C17.9841 5.55051 17.5788 5.42716 16.9561 5.42716L15.0002 5.40954L13.5553 12.6516H11.1237L13.661 0Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M23.4087 3.36612H28.131C29.5171 3.37776 30.5214 3.77738 31.1441 4.56432C31.7668 5.35127 31.9723 6.42613 31.7609 7.7889C31.6787 8.41161 31.4966 9.02235 31.2146 9.62145C30.9443 10.2206 30.5686 10.7608 30.0869 11.2426C29.4994 11.8533 28.8711 12.2409 28.2015 12.4055C27.5319 12.5701 26.8387 12.6522 26.1223 12.6522H24.0078L23.3382 16.0001H20.8889L23.4087 3.36612V3.36612ZM25.4703 5.37487L24.413 10.6611C24.4835 10.6727 24.554 10.6787 24.6245 10.6787C24.7066 10.6787 24.7891 10.6787 24.8712 10.6787C25.9989 10.6903 26.9388 10.579 27.6905 10.3439C28.4422 10.0972 28.9475 9.23978 29.2059 7.77128C29.4173 6.53784 29.2059 5.82703 28.5715 5.63918C27.9488 5.45134 27.1679 5.36324 26.228 5.37487C26.087 5.38651 25.952 5.3925 25.8227 5.3925C25.7053 5.3925 25.582 5.3925 25.4527 5.3925L25.4703 5.37487" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> <div class="nr-clear group-hover:text-nr-green group-hover:opacity-100 grow text-left"> <div>PHP</div> </div> <div class="flex bg-nr-extra-black rounded-2xl nr-clear text-style-small items-center h-8 px-4 group-hover:text-nr-green group-hover:opacity-100"> Install </div> </a> </div> <div class="p18-icon-items w-full basis-full group pl-2 pr-4 py-2 rounded border border-transparent gradient-border-black large:basis-[49.3%] xlarge:basis-[49.5%] btn-hover relative"> <a href="/instant-observability/mysql" class="flex flex-row gap-3 grow justify-between items-center relative z-10"> <div class="flex nr-clear child-m-auto svg-opacity-100 bg-nr-extra-black rounded-sm w-12 h-12 large:w-16 large:h-16 group-hover:svg-nr-green-fill group-hover:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="22" viewBox="0 0 32 22" fill="none"> <g clip-path="url(#clip0_7003_12883)"> <path d="M7.69386 19.7984H6.4598C6.416 17.7149 6.29602 15.7553 6.09986 13.9194H6.08844L4.20877 19.7984H3.26799L1.39975 13.9194H1.38832C1.2493 15.6829 1.1617 17.6426 1.12551 19.7984H0C0.072368 17.176 0.255193 14.7174 0.546569 12.4206H2.07582L3.85645 17.8406H3.86788L5.65994 12.4206H7.12444C7.44439 15.1097 7.63483 17.5683 7.69196 19.7984" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M13.0491 14.3555C12.5464 17.0827 11.8836 19.0652 11.0609 20.303C10.4191 21.2553 9.71638 21.7333 8.95081 21.7333C8.74703 21.7333 8.49565 21.6723 8.19666 21.5504V20.8934C8.3433 20.9144 8.51279 20.9258 8.71085 20.9258C9.06698 20.9258 9.35454 20.8268 9.57355 20.6306C9.83636 20.3906 9.96586 20.1202 9.96586 19.8212C9.96586 19.6174 9.86302 19.1985 9.65925 18.5643L8.3033 14.3574H9.51642L10.4896 17.5035C10.7086 18.2177 10.8 18.7167 10.7619 19.0004C11.2932 17.5797 11.6646 16.0314 11.876 14.3555H13.0453H13.0491Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M29.4843 19.7984H25.9763V12.4206H27.1571V18.89H29.4843V19.7984Z" fill="#F9FAFA" fill-opacity="0.5"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M25.0583 19.9755L23.7024 19.307C23.8224 19.208 23.9385 19.1013 24.0414 18.9776C24.6165 18.3015 24.906 17.2998 24.906 15.9724C24.906 13.5328 23.9481 12.3102 22.0322 12.3102C21.0933 12.3102 20.3601 12.6187 19.8345 13.2395C19.2594 13.9175 18.9718 14.9154 18.9718 16.2333C18.9718 17.5511 19.227 18.4805 19.7374 19.0861C20.204 19.6327 20.9067 19.905 21.8475 19.905C22.1979 19.905 22.5197 19.8612 22.813 19.7755L24.5784 20.8039L25.0602 19.9755H25.0583ZM20.6648 18.3224C20.3658 17.8425 20.2173 17.0693 20.2173 16.0067C20.2173 14.1499 20.7829 13.2205 21.9103 13.2205C22.5007 13.2205 22.933 13.4433 23.211 13.887C23.51 14.3689 23.6586 15.1325 23.6586 16.1819C23.6586 18.0539 23.093 18.9909 21.9656 18.9909C21.3752 18.9909 20.9429 18.77 20.6648 18.3243" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M18.4576 17.753C18.4576 18.3796 18.2272 18.8919 17.7701 19.2937C17.3111 19.6936 16.696 19.8936 15.9247 19.8936C15.2029 19.8936 14.504 19.6632 13.826 19.2042L14.1422 18.57C14.7249 18.8614 15.2525 19.0061 15.7267 19.0061C16.1704 19.0061 16.5189 18.9071 16.7703 18.7129C17.0217 18.5167 17.1721 18.2425 17.1721 17.894C17.1721 17.4559 16.8674 17.0808 16.3056 16.7684C15.7876 16.4847 14.7535 15.8924 14.7535 15.8924C14.1936 15.483 13.9117 15.0449 13.9117 14.3232C13.9117 13.7252 14.1212 13.2434 14.5402 12.8758C14.9592 12.5082 15.5 12.3235 16.1628 12.3235C16.8255 12.3235 17.4711 12.5063 18.031 12.8701L17.7454 13.5024C17.2654 13.2986 16.7931 13.1976 16.3247 13.1976C15.9457 13.1976 15.6543 13.2891 15.4505 13.4719C15.2467 13.6528 15.1192 13.887 15.1192 14.1708C15.1192 14.6069 15.4315 14.9859 16.0066 15.3058C16.5303 15.5896 17.5892 16.1933 17.5892 16.1933C18.1662 16.6008 18.4519 17.037 18.4519 17.753" fill="#F9FAFA" fill-opacity="0.5"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M30.9659 9.9506C30.2517 9.93346 29.6995 10.0039 29.2367 10.2001C29.1034 10.2534 28.8901 10.2534 28.871 10.4229C28.9434 10.4934 28.951 10.6095 29.0139 10.7086C29.1205 10.8876 29.3071 11.1275 29.4766 11.2513C29.6633 11.3942 29.8518 11.537 30.048 11.6608C30.3946 11.876 30.7869 11.9998 31.1259 12.2131C31.322 12.3368 31.5182 12.4987 31.7143 12.632C31.8115 12.7025 31.8743 12.8187 32 12.8625V12.8358C31.9371 12.7558 31.92 12.6396 31.8572 12.5501C31.7677 12.4625 31.6781 12.3806 31.5886 12.293C31.3296 11.9445 31.0097 11.6417 30.6612 11.3922C30.3755 11.1961 29.7509 10.9276 29.6366 10.6C29.6366 10.6 29.6271 10.5905 29.6195 10.581C29.8156 10.5638 30.048 10.4915 30.2346 10.4381C30.5374 10.3581 30.8135 10.3753 31.1259 10.2953C31.2687 10.2591 31.4115 10.2153 31.5544 10.1715V10.0915C31.3925 9.93156 31.2782 9.71636 31.1087 9.56591C30.6555 9.1736 30.1546 8.79081 29.6385 8.46896C29.3624 8.28994 29.0043 8.17568 28.7111 8.02333C28.6044 7.97 28.4273 7.94334 28.3645 7.85383C28.2045 7.65768 28.115 7.40058 27.9988 7.16824C27.7398 6.6788 27.4903 6.13604 27.2675 5.61804C27.1075 5.27144 27.0085 4.92293 26.8124 4.60298C25.8944 3.08706 24.8965 2.16913 23.3634 1.27025C23.034 1.08361 22.6417 1.00172 22.2227 0.904596C21.9999 0.895074 21.7771 0.877934 21.5542 0.868412C21.4114 0.805566 21.2686 0.636073 21.1448 0.556087C20.6363 0.236144 19.3261 -0.45897 18.9528 0.458962C18.7128 1.03791 19.3089 1.60923 19.5146 1.90251C19.6651 2.10819 19.8631 2.33863 19.9679 2.57097C20.0307 2.72332 20.0478 2.88329 20.1107 3.04326C20.2535 3.43557 20.3868 3.87169 20.5735 4.23733C20.6706 4.42397 20.7772 4.62012 20.9029 4.78962C20.9753 4.88865 21.0991 4.93245 21.1257 5.09242C21.002 5.26953 20.9924 5.53805 20.9201 5.76087C20.6001 6.76831 20.7239 8.01571 21.1791 8.75653C21.3219 8.97935 21.6609 9.47069 22.116 9.28215C22.5179 9.12218 22.4284 8.6137 22.5445 8.16806C22.5712 8.05951 22.5541 7.98905 22.6074 7.91858V7.93572C22.7312 8.1852 22.8569 8.42516 22.973 8.67464C23.2492 9.11075 23.731 9.56591 24.1328 9.86871C24.3461 10.0306 24.5156 10.3048 24.7822 10.4039V10.3772H24.7651C24.7118 10.2972 24.6318 10.261 24.5594 10.2001C24.3995 10.0401 24.2204 9.84395 24.0966 9.66494C23.7234 9.16598 23.392 8.6137 23.0987 8.04237C22.9559 7.76623 22.8321 7.46343 22.7159 7.18728C22.6626 7.08064 22.6626 6.92067 22.5731 6.86734C22.4398 7.0635 22.2436 7.23299 22.1446 7.47295C21.9751 7.85574 21.958 8.32994 21.8951 8.81937C21.859 8.8289 21.878 8.81937 21.8589 8.83651C21.5733 8.76605 21.4762 8.47086 21.3695 8.22329C21.1029 7.58912 21.0572 6.57406 21.2895 5.84276C21.3524 5.65613 21.619 5.06766 21.5123 4.88865C21.459 4.71915 21.28 4.62203 21.1829 4.48681C21.0667 4.31732 20.941 4.10403 20.8629 3.91549C20.6496 3.41653 20.5411 2.86425 20.3107 2.36529C20.204 2.13295 20.0155 1.89299 19.865 1.6797C19.6955 1.43974 19.5089 1.27025 19.3737 0.984582C19.3299 0.885552 19.267 0.725581 19.3375 0.618933C19.3546 0.54847 19.3908 0.519903 19.4632 0.502763C19.5794 0.405638 19.9088 0.529425 20.025 0.582749C20.3545 0.716059 20.6306 0.84175 20.9067 1.02838C21.0324 1.11789 21.1657 1.28739 21.3257 1.33119H21.5123C21.798 1.39213 22.118 1.34833 22.3865 1.42831C22.8588 1.57876 23.2854 1.80348 23.6701 2.04344C24.8375 2.78426 25.7992 3.8355 26.4505 5.09242C26.5572 5.29619 26.6029 5.48473 26.7 5.69803C26.8866 6.13604 27.119 6.58168 27.3056 7.00827C27.4922 7.42724 27.6712 7.85383 27.9398 8.20234C28.0731 8.38897 28.6082 8.488 28.8482 8.58513C29.0253 8.66512 29.3033 8.73558 29.4633 8.83461C29.7661 9.02124 30.0689 9.23644 30.3546 9.44022C30.4974 9.54686 30.943 9.76968 30.9697 9.9487" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M31.8153 19.7965H32V18.8919H31.7219L31.4953 19.5089L31.2496 18.8919H30.983V19.7965H31.1582V19.109H31.1677L31.4248 19.7965H31.5582L31.8153 19.109V19.7965ZM30.3279 19.7965H30.5241V19.0461H30.7792V18.8919H30.0613V19.0461H30.3279V19.7965Z" fill="#F9FAFA" fill-opacity="0.5"/> </g> <defs> <clipPath id="clip0_7003_12883"> <rect width="32" height="21.7314" fill="white"/> </clipPath> </defs> </svg> </div> <div class="nr-clear group-hover:text-nr-green group-hover:opacity-100 grow text-left"> <div>MySQL</div> </div> <div class="flex bg-nr-extra-black rounded-2xl nr-clear text-style-small items-center h-8 px-4 group-hover:text-nr-green group-hover:opacity-100"> Install </div> </a> </div> <div class="p18-icon-items w-full basis-full group pl-2 pr-4 py-2 rounded border border-transparent gradient-border-black large:basis-[49.3%] xlarge:basis-[49.5%] btn-hover relative"> <a href="https://newrelic.com/instant-observability/python" class="flex flex-row gap-3 grow justify-between items-center relative z-10"> <div class="flex nr-clear child-m-auto svg-opacity-100 bg-nr-extra-black rounded-sm w-12 h-12 large:w-16 large:h-16 group-hover:svg-nr-green-fill group-hover:opacity-100"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M11.9135 0C5.8208 4.36975e-07 6.20127 2.65599 6.20127 2.65599L6.20806 5.40757H12.0222V6.23373H3.89871C3.89871 6.23373 0 5.78926 0 11.969C-4.347e-07 18.1488 3.40289 17.9296 3.40289 17.9296H5.43375V15.062C5.43375 15.062 5.32428 11.6413 8.7823 11.6413C12.2403 11.6413 14.5489 11.6413 14.5489 11.6413C14.5489 11.6413 17.7887 11.6939 17.7887 8.49371C17.7887 5.29347 17.7887 3.20221 17.7887 3.20221C17.7887 3.20221 18.2806 0 11.9135 0ZM8.70758 1.85032C9.28604 1.85032 9.75358 2.3203 9.75358 2.90179C9.75358 3.48328 9.28604 3.95326 8.70758 3.95326C8.12912 3.95326 7.66159 3.48328 7.66159 2.90179C7.66159 2.3203 8.12912 1.85032 8.70758 1.85032Z" fill="#F9FAFA" fill-opacity="0.5"/> <path d="M12.0863 24C18.179 24 17.7986 21.344 17.7986 21.344L17.7918 18.5924H11.9776V17.7663H20.1011C20.1011 17.7663 23.9998 18.2107 23.9998 12.031C23.9998 5.85121 20.5969 6.07036 20.5969 6.07036H18.5661V8.93801C18.5661 8.93801 18.6755 12.3587 15.2175 12.3587C11.7595 12.3587 9.45095 12.3587 9.45095 12.3587C9.45095 12.3587 6.21108 12.3061 6.21108 15.5063C6.21108 18.7065 6.21108 20.7978 6.21108 20.7978C6.21108 20.7978 5.71918 24 12.0863 24ZM15.2922 22.1497C14.7138 22.1497 14.2462 21.6797 14.2462 21.0982C14.2462 20.5167 14.7138 20.0467 15.2922 20.0467C15.8707 20.0467 16.3382 20.5167 16.3382 21.0982C16.3382 21.6797 15.8707 22.1497 15.2922 22.1497Z" fill="#F9FAFA" fill-opacity="0.5"/> </svg> </div> <div class="nr-clear group-hover:text-nr-green group-hover:opacity-100 grow text-left"> <div>Python</div> </div> <div class="flex bg-nr-extra-black rounded-2xl nr-clear text-style-small items-center h-8 px-4 group-hover:text-nr-green group-hover:opacity-100"> Install </div> </a> </div> </div> <a href="/instant-observability" aria-label="View All Integrations" class="btn-tertiary small:inline-flex w-full medium:w-fit group p18-icon-menu__cta nr-clear max-w-full border-b no-underline w-fit" > <div class="h-6 overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> View All Integrations </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> View All Integrations </span> </div> </div> </a> </div> </div> </div> </div> </div> <div class="r01-layout section dark section--bg-color bg-blue-6 text-center text-nr-white section--column-align section--column-align-stretch pt-16 large:pt-24 pb-16 large:pb-24"> <div class="row row--columns-1 nr-fluid-container grid gap-x-6 gap-y-8 items-center large:grid-cols-12" data-layout="12"> <div class="large:col-span-12 large:col-start-1 column--index-1 grid gap-8 grid-cols-1"> <div class="p02-text min-w-0"> <h2 class="p02-text__headline">Build up engineers. Tear down silos. </h2> </div> <div class="p04-wrapper relative"> <div class="p04-video relative rounded-lg overflow-hidden -ml-4 -mr-4 medium:m-0" style="aspect-ratio: 1.7777777777778" itemscope itemprop="VideoObject" itemtype="https://schema.org/VideoObject"> <meta itemprop="name" content="NR_Comparison_Animation_Final" /> <meta itemprop="description" content="" /> <meta itemprop="thumbnailUrl" content="https://newrelic.com/sites/default/files/oembed_thumbnails/KuKY7Ngn1v1ZjY9LhL3wfuBHBzUN2gnqJ_hrUs9a4aw.jpg" /> <meta itemprop="uploadDate" content="2023-05-25T09:49:56-07:00" /> <link itemprop="embedUrl" href="" /> <div class="video-cover" style="aspect-ratio: 1.7777777777778;" > <div data-hash-id="4kjpo2frd3" data-aspect-ratio="1.7777777777778" data-duration="12" class="wistia_embed wistia-embed js-wistia-embed js-video-embed wistia_async_4kjpo2frd3 videoFoam=true autoPlay=true fullscreenButton=false playbar=false settingsControl=false playButton=false smallPlayButton=false volumeControl=false controlsVisibleOnLoad=false" data-video-loop="1"> </div> </div> </div> </div> </div> </div> </div> <div class="r01-layout section dark section--bg-color bg-gradient-top-blue text-center text-nr-white section--column-align section--column-align-stretch pt-16 large:pt-24 pb-16 large:pb-24"> <div class="row row--columns-1 nr-fluid-container grid gap-x-6 gap-y-8 items-center large:grid-cols-12" data-layout="12"> <div class="large:col-span-12 large:col-start-1 column--index-1 grid gap-8 grid-cols-1"> <div class="p02-text min-w-0"> <div class="p02-text__description content"> <div><h2>The world’s best teams run on New Relic.</h2></div> </div> </div> </div> </div> </div> <div class="r03-quote--multiple overflow-hidden dark pt-16 large:pt-24 pb-16 large:pb-24 bg-nr-black"> <div class="nr-fluid-container js-r03-quotes-multiple"> <div class="flex r03-quotes__slides-container overflow-scroll touch-auto no-scrollbar"> <div class="flex r03-quotes__slides relative cursor-default hover:animate-pause hover:cursor-grab"> <div class="r03-quote-item--multiple flex flex-col w-[288px] pl-6 pr-12 border-l border-solid border-nr-black border-opacity-10 dark:border-nr-white dark:border-opacity-10 dark:text-nr-white text-sm"> <div class="svg-24 text-blue-3 mb-2"> <svg width="40" height="32" viewBox="0 0 40 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.2632 31.7105H0V15.1579C0 5.68421 6.94736 0.105263 17.2632 0V7.78947C12.2105 8.21053 10 10.3158 10 14.3158V15.3684H17.2632V31.7105ZM40 31.7105H22.7368V15.1579C22.7368 5.68421 29.6842 0.105263 40 0V7.78947C34.9473 8.21053 32.7369 10.3158 32.7369 14.3158V15.3684H40V31.7105Z" fill="currentColor"/> </svg> </div> <div class="r03-quote-slide__text flex-auto shrink-0"> New Relic gives us one platform that we can look at and get a complete picture. It’s absolutely crucial. </div> <div class="mt-6"> <div class="r03-quote-slide__attribution dark:text-nr-clear"> Scott Favelle </div> <div class="r03-quote-slide__attribution-job-title dark:text-nr-clear"> Technology Director, Seven West Media </div> </div> </div> <div class="r03-quote-item--multiple flex flex-col w-[288px] pl-6 pr-12 border-l border-solid border-nr-black border-opacity-10 dark:border-nr-white dark:border-opacity-10 dark:text-nr-white text-sm"> <div class="svg-24 text-blue-3 mb-2"> <svg width="40" height="32" viewBox="0 0 40 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.2632 31.7105H0V15.1579C0 5.68421 6.94736 0.105263 17.2632 0V7.78947C12.2105 8.21053 10 10.3158 10 14.3158V15.3684H17.2632V31.7105ZM40 31.7105H22.7368V15.1579C22.7368 5.68421 29.6842 0.105263 40 0V7.78947C34.9473 8.21053 32.7369 10.3158 32.7369 14.3158V15.3684H40V31.7105Z" fill="currentColor"/> </svg> </div> <div class="r03-quote-slide__text flex-auto shrink-0"> With errors inbox, we expect our MTTR to be within 15 minutes. We want every customer to have a good experience. </div> <div class="mt-6"> <div class="r03-quote-slide__attribution dark:text-nr-clear"> Tommy Harke </div> <div class="r03-quote-slide__attribution-job-title dark:text-nr-clear"> VP Engineering, Vault Health </div> </div> </div> <div class="r03-quote-item--multiple flex flex-col w-[288px] pl-6 pr-12 border-l border-solid border-nr-black border-opacity-10 dark:border-nr-white dark:border-opacity-10 dark:text-nr-white text-sm"> <div class="svg-24 text-blue-3 mb-2"> <svg width="40" height="32" viewBox="0 0 40 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.2632 31.7105H0V15.1579C0 5.68421 6.94736 0.105263 17.2632 0V7.78947C12.2105 8.21053 10 10.3158 10 14.3158V15.3684H17.2632V31.7105ZM40 31.7105H22.7368V15.1579C22.7368 5.68421 29.6842 0.105263 40 0V7.78947C34.9473 8.21053 32.7369 10.3158 32.7369 14.3158V15.3684H40V31.7105Z" fill="currentColor"/> </svg> </div> <div class="r03-quote-slide__text flex-auto shrink-0"> We're able to integrate a lot of tools with New Relic, but we're also able to bring our product teams and engineers a lot closer together. </div> <div class="mt-6"> <div class="r03-quote-slide__attribution dark:text-nr-clear"> Stefan Kolesnikowicz </div> <div class="r03-quote-slide__attribution-job-title dark:text-nr-clear"> Principal Engineer, Achievers </div> </div> </div> <div class="r03-quote-item--multiple flex flex-col w-[288px] pl-6 pr-12 border-l border-solid border-nr-black border-opacity-10 dark:border-nr-white dark:border-opacity-10 dark:text-nr-white text-sm"> <div class="svg-24 text-blue-3 mb-2"> <svg width="40" height="32" viewBox="0 0 40 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.2632 31.7105H0V15.1579C0 5.68421 6.94736 0.105263 17.2632 0V7.78947C12.2105 8.21053 10 10.3158 10 14.3158V15.3684H17.2632V31.7105ZM40 31.7105H22.7368V15.1579C22.7368 5.68421 29.6842 0.105263 40 0V7.78947C34.9473 8.21053 32.7369 10.3158 32.7369 14.3158V15.3684H40V31.7105Z" fill="currentColor"/> </svg> </div> <div class="r03-quote-slide__text flex-auto shrink-0"> New Relic has dramatically impacted our culture, giving us the ability to be extremely data driven. </div> <div class="mt-6"> <div class="r03-quote-slide__attribution dark:text-nr-clear"> Aviran Mordo </div> <div class="r03-quote-slide__attribution-job-title dark:text-nr-clear"> VP Engineering, WIX </div> </div> </div> <div class="r03-quote-item--multiple flex flex-col w-[288px] pl-6 pr-12 border-l border-solid border-nr-black border-opacity-10 dark:border-nr-white dark:border-opacity-10 dark:text-nr-white text-sm"> <div class="svg-24 text-blue-3 mb-2"> <svg width="40" height="32" viewBox="0 0 40 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.2632 31.7105H0V15.1579C0 5.68421 6.94736 0.105263 17.2632 0V7.78947C12.2105 8.21053 10 10.3158 10 14.3158V15.3684H17.2632V31.7105ZM40 31.7105H22.7368V15.1579C22.7368 5.68421 29.6842 0.105263 40 0V7.78947C34.9473 8.21053 32.7369 10.3158 32.7369 14.3158V15.3684H40V31.7105Z" fill="currentColor"/> </svg> </div> <div class="r03-quote-slide__text flex-auto shrink-0"> Using New Relic is like moving from an acoustic guitar to an electric guitar. </div> <div class="mt-6"> <div class="r03-quote-slide__attribution dark:text-nr-clear"> Erik Bak-Mikkelsen </div> <div class="r03-quote-slide__attribution-job-title dark:text-nr-clear"> Head of Cloud Ops, Share Now </div> </div> </div> <div class="r03-quote-item--multiple flex flex-col w-[288px] pl-6 pr-12 border-l border-solid border-nr-black border-opacity-10 dark:border-nr-white dark:border-opacity-10 dark:text-nr-white text-sm"> <div class="svg-24 text-blue-3 mb-2"> <svg width="40" height="32" viewBox="0 0 40 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.2632 31.7105H0V15.1579C0 5.68421 6.94736 0.105263 17.2632 0V7.78947C12.2105 8.21053 10 10.3158 10 14.3158V15.3684H17.2632V31.7105ZM40 31.7105H22.7368V15.1579C22.7368 5.68421 29.6842 0.105263 40 0V7.78947C34.9473 8.21053 32.7369 10.3158 32.7369 14.3158V15.3684H40V31.7105Z" fill="currentColor"/> </svg> </div> <div class="r03-quote-slide__text flex-auto shrink-0"> Tokopedia is now able to achieve end-to-end observability of our platform, especially our mobile app. </div> <div class="mt-6"> <div class="r03-quote-slide__attribution dark:text-nr-clear"> Ryan de Melo </div> <div class="r03-quote-slide__attribution-job-title dark:text-nr-clear"> VP Engineering, Tokopedia </div> </div> </div> <div class="r03-quote-item--multiple flex flex-col w-[288px] pl-6 pr-12 border-l border-solid border-nr-black border-opacity-10 dark:border-nr-white dark:border-opacity-10 dark:text-nr-white text-sm"> <div class="svg-24 text-blue-3 mb-2"> <svg width="40" height="32" viewBox="0 0 40 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.2632 31.7105H0V15.1579C0 5.68421 6.94736 0.105263 17.2632 0V7.78947C12.2105 8.21053 10 10.3158 10 14.3158V15.3684H17.2632V31.7105ZM40 31.7105H22.7368V15.1579C22.7368 5.68421 29.6842 0.105263 40 0V7.78947C34.9473 8.21053 32.7369 10.3158 32.7369 14.3158V15.3684H40V31.7105Z" fill="currentColor"/> </svg> </div> <div class="r03-quote-slide__text flex-auto shrink-0"> New Relic . . . [enables] us to scale our systems based on how traffic is moving, without compromising on performance, cost, or the customer experience. </div> <div class="mt-6"> <div class="r03-quote-slide__attribution dark:text-nr-clear"> Abhijit Khasnis </div> <div class="r03-quote-slide__attribution-job-title dark:text-nr-clear"> VP Technology, HealthifyMe </div> </div> </div> <div class="r03-quote-item--multiple flex flex-col w-[288px] pl-6 pr-12 border-l border-solid border-nr-black border-opacity-10 dark:border-nr-white dark:border-opacity-10 dark:text-nr-white text-sm"> <div class="svg-24 text-blue-3 mb-2"> <svg width="40" height="32" viewBox="0 0 40 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.2632 31.7105H0V15.1579C0 5.68421 6.94736 0.105263 17.2632 0V7.78947C12.2105 8.21053 10 10.3158 10 14.3158V15.3684H17.2632V31.7105ZM40 31.7105H22.7368V15.1579C22.7368 5.68421 29.6842 0.105263 40 0V7.78947C34.9473 8.21053 32.7369 10.3158 32.7369 14.3158V15.3684H40V31.7105Z" fill="currentColor"/> </svg> </div> <div class="r03-quote-slide__text flex-auto shrink-0"> The transparency, predictability, and flexibility of New Relic pricing are hugely beneficial, and we only pay for what we use. </div> <div class="mt-6"> <div class="r03-quote-slide__attribution dark:text-nr-clear"> Joshua McLean </div> <div class="r03-quote-slide__attribution-job-title dark:text-nr-clear"> SVP Global Applications, World Fuel Services </div> </div> </div> </div> </div> <div class="r03-quote__cta flex justify-center pt-16"> <a href="/customers" aria-label="Read Customer Stories" class="btn-secondary small:inline-flex w-full medium:w-fit group max-w-full" > <div class="h-6 overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> Read Customer Stories </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> Read Customer Stories </span> </div> </div> </a> </div> </div> </div> <div class="r01-layout section text-left text-nr-black section--column-align section--column-align-stretch"> <div class="row row--columns-1 nr-fluid-container grid gap-x-6 gap-y-8 items-center large:grid-cols-12" data-layout="12"> <div class="large:col-span-12 column--index-1 grid gap-8 grid-cols-1"> <div class="dark nr-fullbleed bg-blue-6 py-20 medium:py-16 large:py-[104px]"> <div class="nr-fluid-container grid grid-cols-12 gap-x-6 items-center"> <div class="col-span-10 medium:col-span-full large:col-span-4 mb-16 medium:mb-[60px] large:mb-0 large:pr-4"> <h2 class="text-style-h6 mb-5 medium:mb-6 large:mb-5"> Trusted, enterprise-level security protects your data. </h2> <a href="/security" aria-label="View Certifications" class="btn-tertiary inline-flex group border-b no-underline"> <div class="h-6 overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span>View Certifications</span> <span>View Certifications</span> </div> </div> </a> </div> <div class="col-span-6 medium:col-span-3 large:col-span-2 py-6 large:py-8 px-2 mb-[34px] medium:mb-0 bg-blue-5 text-center rounded"> <svg fill="none" class="inline-block w-[76px] large:w-24 h-[76px] large:h-24 mb-7 large:mb-9" viewBox="0 0 76 77"><path d="M34.984 11.377 38 9.366l3.016 2.01-1.005-3.514 3.016-2.518h-4.022L38 1.83l-1.006 3.515h-4.021l3.016 2.518-1.005 3.515ZM18.889 15.905l3.024-2.518 3.016 2.518-1.005-4.022 3.016-2.01h-3.523L21.913 6.35l-1.005 3.523h-4.03l3.024 2.01-1.013 4.022ZM10.347 17.915l-1.005 3.523H5.32l3.016 2.51-1.005 3.523 3.016-2.011 3.017 2.01-1.006-3.522 3.016-2.51h-4.021l-1.006-3.523ZM6.325 41.049l3.017 2.51-1.512-3.516 3.522-2.517H7.331l-1.006-3.523-1.512 3.523H.792l3.523 2.517-1.513 3.515 3.523-2.51ZM11.353 53.612l-1.006-3.515-1.005 3.515H5.32l3.016 2.01-1.005 4.03 3.016-2.517 3.017 2.517-1.006-4.03 3.016-2.01h-4.021ZM23.417 65.177l-1.504-3.515-1.005 3.515h-4.03l3.523 2.518-1.512 3.515 3.024-2.51 3.016 2.51-1.005-3.515 3.016-2.518h-3.523ZM39.005 69.706 38 65.685l-1.006 4.021h-4.021l3.016 2.011-1.005 3.515L38 73.222l3.016 2.01-1.005-3.515 3.016-2.01h-4.022ZM55.092 65.177l-1.005-3.515-1.504 3.515H49.06l3.016 2.518-1.005 3.515 3.016-2.51 3.024 2.51-1.013-3.515 3.024-2.518h-4.03ZM66.658 53.612l-1.005-3.515-1.006 3.515h-4.021l3.016 2.01-1.005 4.03 3.016-2.517 3.016 2.517-1.005-4.03 3.016-2.01h-4.022ZM75.208 37.526h-4.021l-1.006-3.523-1.512 3.523h-4.021l3.523 2.01-1.513 4.022 3.523-2.51 3.017 2.51-1.512-4.021 3.522-2.011ZM62.637 27.47l3.016-2.517 3.016 2.518-1.005-3.523 3.016-2.51h-4.022l-1.005-3.523-1.006 3.523h-4.021l3.016 2.51-1.005 3.523ZM54.087 6.35 53.08 9.873H49.06l3.016 2.01-1.005 4.022 3.016-2.518 3.024 2.518-1.013-4.022 3.024-2.01h-4.03L54.087 6.35Z" fill="#AFE2E3" /></svg> <span class="block mb-1 text-nr-white text-xs leading-3 tracking-widest">GDPR</span> <span class="block text-sm text-blue-1">Compliant</span> </div> <div class="col-span-6 medium:col-span-3 large:col-span-2 py-6 large:py-8 px-2 mb-[34px] medium:mb-0 bg-blue-5 text-center rounded"> <svg width="76" height="77" viewBox="0 0 76 77" fill="none" class="inline-block w-[76px] large:w-24 h-[76px] large:h-24 mb-7 large:mb-9"> <path d="M72.8333 38.5301L38 3.69678L27.7083 13.9884L3.16663 38.5301L27.7083 63.0718L38 73.3634L72.8333 38.5301ZM27.7083 21.0422L45.212 38.5301L27.7083 56.018L10.2441 38.5301L27.7083 21.0422ZM52.25 38.5301L31.2312 17.4876L38 10.7426L65.7083 38.5301L38 66.3176L31.247 59.5726L52.25 38.5301Z" fill="#AFE2E3" /> </svg> <span class="block mb-1 text-nr-white text-xs leading-3 tracking-widest">A–LIGN</span> <span class="block text-sm text-blue-1">27001 Certified</span> </div> <div class="col-span-6 medium:col-span-3 large:col-span-2 py-6 large:py-8 px-2 bg-blue-5 text-center rounded"> <svg fill="none" class="inline-block w-[76px] large:w-24 h-[76px] large:h-24 mb-7 large:mb-9" viewBox="0 0 75 77"><path d="m22.515 21.311 3.412 9.097h-1.892l-.72-1.948h-3.753l-.72 1.948h-1.853l3.396-9.097h2.13Zm-2.375 5.542h2.58l-1.29-3.499-1.29 3.5Zm9.642 3.555h-1.86V21.31h1.86v9.097Zm6.588-1.488a1.98 1.98 0 0 0 1.963-1.64l1.75.587a3.682 3.682 0 0 1-3.714 2.683c-2.454 0-4.243-1.94-4.243-4.686 0-2.747 1.789-4.687 4.243-4.687a3.682 3.682 0 0 1 3.713 2.684l-1.75.586a1.971 1.971 0 0 0-1.963-1.639c-1.393 0-2.375 1.203-2.375 3.056 0 1.852.982 3.056 2.375 3.056Zm7.774 1.488h-1.86V21.31h3.72c2.09 0 3.396.99 3.396 2.874 0 1.884-1.306 2.882-3.396 2.882h-1.86v3.34Zm1.773-4.924c1.092 0 1.646-.483 1.646-1.299 0-.815-.554-1.29-1.646-1.29h-1.773v2.589h1.773Zm9.69-4.173 3.404 9.097h-1.884l-.729-1.948h-3.744l-.729 1.948h-1.844l3.396-9.097h2.13Zm-2.375 5.542h2.573l-1.29-3.499-1.283 3.5Z" fill="#AFE2E3" /><path d="M74.417 40.114H1.583" stroke="#AFE2E3" stroke-miterlimit="10" /><path d="M25.183 56.01a3.285 3.285 0 0 0 2.652 1.52c.95 0 1.647-.42 1.647-1.187 0-.768-.863-.95-2.233-1.259-1.37-.309-2.826-.744-2.826-2.541s1.496-2.826 3.38-2.826A4.117 4.117 0 0 1 31.24 51.3l-1.227 1.203a2.66 2.66 0 0 0-2.256-1.306c-.887 0-1.496.435-1.496 1.093 0 .657.657.847 1.852 1.116 1.44.316 3.214.68 3.214 2.676 0 1.836-1.583 2.937-3.562 2.937a4.751 4.751 0 0 1-3.864-1.797l1.283-1.212Zm12.468-6.333c2.494 0 4.307 1.931 4.307 4.686s-1.797 4.687-4.29 4.687c-2.494 0-4.331-1.94-4.331-4.687 0-2.747 1.805-4.686 4.314-4.686Zm0 1.63c-1.432 0-2.438 1.196-2.438 3.056s1.006 3.056 2.438 3.056c1.433 0 2.375-1.195 2.375-3.056 0-1.86-.957-3.055-2.375-3.055ZM48.07 57.42a1.98 1.98 0 0 0 1.963-1.64l1.75.587a3.682 3.682 0 0 1-3.713 2.684c-2.454 0-4.243-1.94-4.243-4.687 0-2.747 1.789-4.687 4.243-4.687a3.681 3.681 0 0 1 3.713 2.684l-1.75.586a1.971 1.971 0 0 0-1.963-1.639c-1.394 0-2.375 1.203-2.375 3.056 0 1.852 1.013 3.056 2.375 3.056Z" fill="#AFE2E3" /><path d="M74.417 38.53C74.417 18.418 58.112 2.114 38 2.114c-20.112 0-36.417 16.304-36.417 36.416 0 20.113 16.305 36.417 36.417 36.417 20.112 0 36.417-16.304 36.417-36.417Z" stroke="#AFE2E3" stroke-miterlimit="10" /></svg> <span class="block mb-1 text-nr-white text-xs leading-3 tracking-widest">SOC2</span> <span class="block text-sm text-blue-1">Type II Verified</span> </div> <div class="col-span-6 medium:col-span-3 large:col-span-2 py-6 large:py-8 px-2 bg-blue-5 text-center rounded"> <svg fill="none" class="inline-block w-[76px] large:w-24 h-[76px] large:h-24 mb-7 large:mb-9" viewBox="0 0 76 77"><path d="M11.574 24.28a4.021 4.021 0 0 1 4.18-3.958h34.699a21.587 21.587 0 0 1 4.465.238 11.915 11.915 0 0 1 8.526 6.65 10.926 10.926 0 0 1-.237 9.618c-1.275 2.684-3.808 4.537-6.484 5.82 2.58 4.654 5.067 9.364 7.584 14.06-3.111 0-6.215.055-9.318 0a7.353 7.353 0 0 1-1.045-1.68c-2.019-3.752-4.022-7.504-6.127-11.217h-4.798c-.071 4.283 0 8.581 0 12.864-2.842.111-5.684.048-8.526 0V45.458c.103-2.375 0-4.671.047-6.999a3.119 3.119 0 0 1 3.167-2.77h11.875c1.416.086 2.837.009 4.236-.23a3.538 3.538 0 0 0-1.338-6.872c-10.751 0-21.502.071-32.245-.063v7.172l1.971-.071c2.993.127 5.985 0 8.97.08 0 2.683-.15 5.375.047 8.05H20.251c-.08 4.3 0 8.59 0 12.889-2.85.15-5.716 0-8.574.055a2459.364 2459.364 0 0 1-.103-32.419Z" fill="#AFE2E3" /></svg> <span class="block mb-1 text-nr-white text-xs leading-3 tracking-widest">FEDRAMP</span> <span class="block text-sm text-blue-1">Compliant</span> </div> </div> </div> </div> </div> </div> <div class="r01-layout section text-left text-nr-black section--column-align section--column-align-stretch"> <div class="row row--columns-1 nr-fluid-container grid gap-x-6 gap-y-8 items-center large:grid-cols-12" data-layout="12"> <div class="large:col-span-12 column--index-1 grid gap-8 grid-cols-1"> <div class="nr-fullbleed bg-nr-green py-16 medium:py-8 large:py-6"> <div class="nr-fluid-container"> <div class="medium:flex medium:gap-6 medium:justify-around medium:items-center"> <h2 class="mb-[54px] text-[44px] leading-[46px] tracking-[-0.015em] medium:mb-0 medium:text-style-h3">Get started today <span class="relative whitespace-nowrap">for free.<svg fill="none" viewBox="0 0 116 6" class="absolute left-0 top-full aspect-[58/3] w-full"><path d="M115 .865c-245.081 0-18.723 4-18.723 4" stroke="#1D252C" stroke-linecap="round" stroke-linejoin="round" /></svg></span></h2> <div class="medium:flex medium:shrink-0"> <a href="/signup" aria-label="Get Started Free" class="btn-primary small:inline-flex flex group !text-nr-green mb-2 medium:mb-0 medium:mr-2 medium:btn-small large:btn-primary large:px-10"> <div class="h-6 overflow-hidden group-focus:border-b"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span>Get Started Free</span> <span>Get Started Free</span> </div> </div> </a> <a href="/request-demo" aria-label="Get Demo" class="btn-secondary small:inline-flex flex group medium:btn-small large:btn-secondary large:px-10"> <div class="h-6 overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span>Get Demo</span> <span>Get Demo</span> </div> </div> </a> </div> </div> </div> </div> </div> </div> </div> </article> </main> <div class="page__footer"> <footer class="bg-nr-black text-gray-2 dark"> <div class="bg-nr-extra-black"> <div class="nr-fluid-container py-12 large:py-16"> <div id="block-erno-nrfootermenublock"> <div class="grid grid-flow-row large:gap-6 items-start large:grid-flow-col large:grid-cols-12 footer-nav-fourcol--3-3-3-3"> <div class="large:col-span-3 max-large:!gap-0 column--index-1 grid gap-8 grid-cols-1"> <div class="n01-link-list n01-list-accordion js-n01-list-accordion js-n01-list-accordion-collapsed max-large:py-6 max-large:border-b max-large:border-b-gray-4" data-accordion-id="n01-list-accordion-Company"> <div class="hidden large:block large:text-style-eyebrow text-gray-2 dark:text-nr-clear dark:large:text-nr-clear mb-4"> COMPANY </div> <button class="large:hidden text-gray-2 dark:text-nr-clear n01-list-accordion__header js-n01-list-accordion-header text-left w-full mb-8 pb-6 max-large:border-b max-large:border-b-gray-4" aria-expanded="false" aria-controls="n01-list-accordion-Company-content"> <div class="flex flex-row gap-4 justify-between"> <div>COMPANY</div> <div class="-rotate-90 parent-expanded:rotate-0 transition-transform"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m9 12.5 7 7 7-7" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg> </div> </div> </button> <ul class="n01-list-accordion__content js-n01-list-accordion-content text-left flex flex-col mb-0" id="n01-list-accordion-Company-content"> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/about" aria-label=About Us class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">About Us</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/about/culture" aria-label=Careers class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">Careers</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/about/leadership" aria-label=Leadership class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">Leadership</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/social-impact" aria-label=Social Impact class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">Social Impact</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/sites/default/files/2024-02/New-Relic-Code-of-Conduct-Feb-2024.pdf" aria-label=Code of Conduct class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">Code of Conduct</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/about/environmental-social-governance" aria-label=ESG class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">ESG</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/procurement/suppliers" aria-label=Suppliers Portal class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">Suppliers Portal</div> </a> </li> </ul> </div> </div> <div class="large:col-span-3 max-large:!gap-0 column--index-1 grid gap-8 grid-cols-1"> <div class="n01-link-list n01-list-accordion js-n01-list-accordion js-n01-list-accordion-collapsed max-large:py-6 max-large:border-b max-large:border-b-gray-4" data-accordion-id="n01-list-accordion-Company"> <div class="hidden large:block large:text-style-eyebrow text-gray-2 dark:text-nr-clear dark:large:text-nr-clear mb-4"> PRODUCT </div> <button class="large:hidden text-gray-2 dark:text-nr-clear n01-list-accordion__header js-n01-list-accordion-header text-left w-full mb-8 pb-6 max-large:border-b max-large:border-b-gray-4" aria-expanded="false" aria-controls="n01-list-accordion-Company-content"> <div class="flex flex-row gap-4 justify-between"> <div>PRODUCT</div> <div class="-rotate-90 parent-expanded:rotate-0 transition-transform"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m9 12.5 7 7 7-7" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg> </div> </div> </button> <ul class="n01-list-accordion__content js-n01-list-accordion-content text-left flex flex-col mb-0" id="n01-list-accordion-Company-content"> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/instant-observability" aria-label=Integrations class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">Integrations</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/platform" aria-label=Platform class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">Platform</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/security" aria-label=Security class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">Security</div> </a> </li> </ul> </div> <div class="n01-link-list n01-list-accordion js-n01-list-accordion js-n01-list-accordion-collapsed max-large:py-6 max-large:border-b max-large:border-b-gray-4" data-accordion-id="n01-list-accordion-Company"> <div class="hidden large:block large:text-style-eyebrow text-gray-2 dark:text-nr-clear dark:large:text-nr-clear mb-4"> VALUE </div> <button class="large:hidden text-gray-2 dark:text-nr-clear n01-list-accordion__header js-n01-list-accordion-header text-left w-full mb-8 pb-6 max-large:border-b max-large:border-b-gray-4" aria-expanded="false" aria-controls="n01-list-accordion-Company-content"> <div class="flex flex-row gap-4 justify-between"> <div>VALUE</div> <div class="-rotate-90 parent-expanded:rotate-0 transition-transform"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m9 12.5 7 7 7-7" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg> </div> </div> </button> <ul class="n01-list-accordion__content js-n01-list-accordion-content text-left flex flex-col mb-0" id="n01-list-accordion-Company-content"> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/pricing" aria-label=Pricing class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">Pricing</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/pricing/free-tier" aria-label=New Relic Free Tier class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">New Relic Free Tier</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/competitive-comparison/datadog" aria-label=New Relic vs Datadog class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">New Relic vs Datadog</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/competitive-comparison/newrelic-vs-dynatrace" aria-label=New Relic vs Dynatrace class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">New Relic vs Dynatrace</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/competitive-comparison/splunk" aria-label=New Relic vs Splunk class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">New Relic vs Splunk</div> </a> </li> </ul> </div> </div> <div class="large:col-span-3 max-large:!gap-0 column--index-1 grid gap-8 grid-cols-1"> <div class="n01-link-list n01-list-accordion js-n01-list-accordion js-n01-list-accordion-collapsed max-large:py-6 max-large:border-b max-large:border-b-gray-4" data-accordion-id="n01-list-accordion-Company"> <div class="hidden large:block large:text-style-eyebrow text-gray-2 dark:text-nr-clear dark:large:text-nr-clear mb-4"> RESOURCES </div> <button class="large:hidden text-gray-2 dark:text-nr-clear n01-list-accordion__header js-n01-list-accordion-header text-left w-full mb-8 pb-6 max-large:border-b max-large:border-b-gray-4" aria-expanded="false" aria-controls="n01-list-accordion-Company-content"> <div class="flex flex-row gap-4 justify-between"> <div>RESOURCES</div> <div class="-rotate-90 parent-expanded:rotate-0 transition-transform"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m9 12.5 7 7 7-7" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg> </div> </div> </button> <ul class="n01-list-accordion__content js-n01-list-accordion-content text-left flex flex-col mb-0" id="n01-list-accordion-Company-content"> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/blog" aria-label=Blog class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">Blog</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/customers" aria-label=Customer Case Studies class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">Customer Case Studies</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="https://forum.newrelic.com/s/" aria-label=Community Forum class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">Community Forum</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="https://docs.newrelic.com/" aria-label=Documentation class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">Documentation</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/about/newsroom" aria-label=Press Releases class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">Press Releases</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="https://learn.newrelic.com/" aria-label=New Relic University class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">New Relic University</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/solutions/partners" aria-label=Partner Program class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">Partner Program</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/resources/report/observability-forecast/2024" aria-label=2024 Observability Forecast class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">2024 Observability Forecast</div> </a> </li> </ul> </div> </div> <div class="large:col-span-3 max-large:!gap-0 column--index-1 grid gap-8 grid-cols-1"> <div class="n01-link-list n01-list-accordion js-n01-list-accordion js-n01-list-accordion-collapsed max-large:py-6 max-large:border-b max-large:border-b-gray-4" data-accordion-id="n01-list-accordion-Company"> <div class="hidden large:block large:text-style-eyebrow text-gray-2 dark:text-nr-clear dark:large:text-nr-clear mb-4"> FAQS </div> <button class="large:hidden text-gray-2 dark:text-nr-clear n01-list-accordion__header js-n01-list-accordion-header text-left w-full mb-8 pb-6 max-large:border-b max-large:border-b-gray-4" aria-expanded="false" aria-controls="n01-list-accordion-Company-content"> <div class="flex flex-row gap-4 justify-between"> <div>FAQS</div> <div class="-rotate-90 parent-expanded:rotate-0 transition-transform"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m9 12.5 7 7 7-7" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg> </div> </div> </button> <ul class="n01-list-accordion__content js-n01-list-accordion-content text-left flex flex-col mb-0" id="n01-list-accordion-Company-content"> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/blog/best-practices/what-is-infrastructure-monitoring" aria-label=What is Infrastructure Monitoring? class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">What is Infrastructure Monitoring?</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/blog/best-practices/what-is-observability" aria-label=What is Observability? class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">What is Observability?</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/blog/how-to-relic/what-is-kubernetes" aria-label=What is Kubernetes? class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">What is Kubernetes?</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/resources/ebooks/six-steps-to-achieve-business-observability" aria-label=Six steps for achieving business observability class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">Six steps for achieving business observability</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/blog/best-practices/best-log-management-practices" aria-label=Log management best practices class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">Log management best practices</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/resources/ebooks/single-platform-infrastructure-monitoring-apm" aria-label=Why you need a single tool for infrastructure monitoring and APM class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">Why you need a single tool for infrastructure monitoring and APM</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/blog/how-to-relic/a-quick-guide-to-getting-started-with-new-relic" aria-label=A quick guide to getting started with New Relic class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">A quick guide to getting started with New Relic</div> </a> </li> <li class="n01-link rounded mb-6 large:mb-2 text-nr-white group" itemtype="https://schema.org/SiteNavigationElement"> <a href="/blog/best-practices/why-you-need-iast" aria-label=Why you need IAST class="flex flex-row grow justify-between items-stretch " itemprop="url"> <div class="inline-block flex items-center text-style-body large:text-style-small group-hover:text-nr-green" itemprop="name">Why you need IAST</div> </a> </li> </ul> </div> </div> </div> </div> <div id="block-erno-nrfootersociallinksblock"> <div class="flex flex-col large:flex-row gap-y-8 medium:gap-y-6 mt-9 large:items-center large:h-12 large:justify-between"> <div> <a class="inline-block" href="/" title="New Relic Logo"> <svg width="165" height="32" viewBox="0 0 165 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_5075_22003)"> <path d="M22.3821 11.0773V20.9227L13.8572 25.8464V32L27.7144 24.0005V7.9995L22.3821 11.0773Z" fill="#00AC69"/> <path d="M13.8572 6.15563L22.3821 11.0773L27.7144 7.9995L13.8572 0L0 7.9995L5.33031 11.0773L13.8572 6.15563Z" fill="#1CE783"/> <path d="M8.52689 19.0788V28.9242L13.8572 32V16.001L0 7.9995V14.1551L8.52689 19.0788Z" fill="white"/> <path d="M46.7349 7.97736C43.7517 7.97736 42.3386 9.86149 42.3386 9.86149H42.1816L41.8696 8.29138H38.2563V24.3065H42.1816V15.0469C42.1816 13.0057 43.5907 11.5926 45.6359 11.5926C47.681 11.5926 49.0901 13.0017 49.0901 15.0469V24.3065H53.0154V14.7288C53.0154 10.6465 50.3462 7.97736 46.7349 7.97736Z" fill="white"/> <path d="M89.0674 18.8111H88.842L86.1728 8.29138H82.1791L79.5099 18.8111H79.2864L76.6152 8.29138H72.533L76.6152 24.3065H81.396L84.0632 13.9438H84.2886L86.9578 24.3065H91.7366L95.8189 8.29138H91.7366L89.0674 18.8111Z" fill="white"/> <path d="M107.838 9.70448H107.681L107.367 8.29541H104.07V24.3085H107.995V15.0489C107.995 13.0077 108.937 12.0657 110.979 12.0657H112.992V8.2934H110.656C110.11 8.29456 109.57 8.42261 109.081 8.66747C108.592 8.91232 108.167 9.2673 107.838 9.70448V9.70448Z" fill="white"/> <path d="M121.677 7.97736C116.969 7.97736 113.515 11.4316 113.515 16.2989C113.515 21.1663 116.774 24.6205 121.677 24.6205C125.649 24.6205 128.04 22.2834 129.037 20.5644L125.433 19.2801C125.077 19.9323 123.64 21.1864 121.677 21.1864C119.388 21.1864 117.754 19.7532 117.44 17.5631H129.371C129.481 17.0471 129.534 16.5205 129.528 15.993C129.528 11.4316 126.073 7.97736 121.677 7.97736ZM117.44 14.8858C117.911 12.8447 119.324 11.2746 121.677 11.2746C123.877 11.2746 125.288 12.8447 125.602 14.8858H117.44Z" fill="white"/> <path d="M63.6899 7.97736C58.9796 7.97736 55.5254 11.4316 55.5254 16.2989C55.5254 21.1663 58.7783 24.6205 63.6899 24.6205C67.6615 24.6205 70.0509 22.2834 71.0473 20.5644L67.4441 19.2801C67.0878 19.9323 65.6526 21.1864 63.6899 21.1864C61.4012 21.1864 59.7647 19.7532 59.4507 17.5631H71.3835C71.4938 17.0471 71.5465 16.5205 71.5405 15.993C71.5405 11.4316 68.0863 7.97736 63.6899 7.97736ZM59.4507 14.8858C59.9217 12.8447 61.3348 11.2746 63.6899 11.2746C65.8881 11.2746 67.3012 12.8447 67.6152 14.8858H59.4507Z" fill="white"/> <path d="M143.25 1.96867H139.325V5.89394H143.25V1.96867Z" fill="white"/> <path d="M154.082 21.0092C151.727 21.0092 149.843 19.1251 149.843 16.2989C149.843 13.4727 151.727 11.5886 154.082 11.5886C156.437 11.5886 157.379 13.1587 157.693 14.1008L161.248 12.8366C160.386 10.6002 158.273 7.97736 154.082 7.97736C149.371 7.97736 145.917 11.4316 145.917 16.2989C145.917 21.1663 149.371 24.6205 154.082 24.6205C158.309 24.6205 160.423 21.9553 161.268 19.6123L157.693 18.3401C157.379 19.4391 156.437 21.0092 154.082 21.0092Z" fill="white"/> <path d="M129.963 5.45713H132.191V24.3065H136.116V1.96867H129.963V5.45713Z" fill="white"/> <path d="M143.25 8.29138H139.325V24.3065H143.25V8.29138Z" fill="white"/> <path d="M163.37 21.2347C163.069 21.2303 162.775 21.3153 162.523 21.479C162.271 21.6426 162.073 21.8775 161.955 22.1537C161.837 22.4298 161.804 22.7349 161.86 23.03C161.916 23.325 162.058 23.5968 162.269 23.8107C162.48 24.0247 162.75 24.1711 163.044 24.2313C163.338 24.2915 163.644 24.2628 163.922 24.149C164.199 24.0351 164.437 23.8411 164.605 23.5917C164.772 23.3423 164.861 23.0488 164.861 22.7484C164.868 22.5498 164.834 22.3518 164.762 22.1666C164.689 21.9815 164.58 21.8129 164.44 21.6713C164.301 21.5297 164.134 21.418 163.95 21.3429C163.766 21.2679 163.568 21.231 163.37 21.2347ZM163.37 24.0307C163.115 24.0351 162.865 23.9636 162.651 23.8254C162.438 23.6872 162.27 23.4886 162.169 23.2547C162.069 23.0208 162.04 22.7623 162.087 22.5121C162.134 22.262 162.255 22.0314 162.433 21.8499C162.611 21.6683 162.84 21.544 163.089 21.4927C163.338 21.4414 163.597 21.4655 163.833 21.5618C164.069 21.6582 164.27 21.8225 164.412 22.0338C164.554 22.2451 164.63 22.4939 164.63 22.7484C164.636 22.9161 164.607 23.0833 164.546 23.2395C164.485 23.3958 164.392 23.538 164.274 23.6573C164.156 23.7766 164.015 23.8706 163.86 23.9334C163.704 23.9962 163.537 24.0266 163.37 24.0226V24.0307Z" fill="white"/> <path d="M164.02 22.4686C164.019 22.396 164.004 22.3243 163.975 22.2578C163.946 22.1913 163.903 22.1315 163.85 22.0821C163.797 22.0327 163.734 21.9947 163.666 21.9705C163.597 21.9462 163.525 21.9363 163.452 21.9412H162.78V23.5194H163.011V22.9719H163.223L163.768 23.5194H164.056L163.51 22.9719C163.645 22.9719 163.773 22.9191 163.868 22.8249C163.964 22.7306 164.018 22.6027 164.02 22.4686V22.4686ZM163.013 22.7404V22.1727H163.452C163.494 22.1676 163.537 22.1715 163.577 22.184C163.618 22.1965 163.655 22.2173 163.687 22.2453C163.719 22.2732 163.745 22.3075 163.763 22.346C163.78 22.3845 163.79 22.4262 163.79 22.4686C163.79 22.6357 163.684 22.7404 163.452 22.7404H163.013Z" fill="white"/> </g> <defs> <clipPath id="clip0_5075_22003"> <rect width="164.861" height="32" fill="white"/> </clipPath> </defs> </svg> </a> </div> <div class="footer-menu__social-links"> <div class="n01-link-list medium:mx-0 flex flex-col medium:flex-row medium:justify-between gap-8"> <ul class='flex flex-row medium:flex-wrap large:justify-end gap-2 !mb-0 order-2 medium:order-1'> <li class="n01-link footer-icon-link mb-0 group flex items-center justify-center max-medium:w-12 max-medium:h-12 text-nr-clear medium:border-nr-clear hover:text-nr-white hover:medium:border-nr-white hover:text-gray-1" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="https://www.youtube.com/user/NewRelicInc/featured" aria-label="youtube" class="medium:inline-block flex flex-row" itemprop="url"> <div class="items-center larger:text-base xlarge:text-lg flex justify-center medium:w-12 medium:h-12 medium:border rounded-[5px]"> <span class="svg-28 medium:svg-20" aria-hidden="true" focusable="false"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_357_140)"> <path d="M18.0501 5.95627C17.8565 5.23299 17.2881 4.6646 16.5648 4.47099C15.2538 4.11972 9.99998 4.11972 9.99998 4.11972C9.99998 4.11972 4.74617 4.11972 3.43652 4.47099C2.71325 4.6646 2.14486 5.23299 1.95124 5.95627C1.59998 7.26592 1.59998 10 1.59998 10C1.59998 10 1.59998 12.7341 1.95124 14.0437C2.14486 14.767 2.71325 15.3354 3.43652 15.529C4.74617 15.8803 9.99998 15.8803 9.99998 15.8803C9.99998 15.8803 15.2538 15.8803 16.5634 15.529C17.2867 15.3354 17.8551 14.767 18.0487 14.0437C18.4 12.7341 18.4 10 18.4 10C18.4 10 18.4 7.26592 18.0487 5.95627H18.0501ZM8.3197 12.5197V7.48027L12.6843 10L8.3197 12.5197Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_357_140"> <rect width="16.8" height="11.7606" fill="currentColor" transform="translate(1.59998 4.11972)"/> </clipPath> </defs> </svg> </span> </div> </a> </li> <li class="n01-link footer-icon-link mb-0 group flex items-center justify-center max-medium:w-12 max-medium:h-12 text-nr-clear medium:border-nr-clear hover:text-nr-white hover:medium:border-nr-white hover:text-gray-1" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="https://twitter.com/newrelic" aria-label="twitter" class="medium:inline-block flex flex-row" itemprop="url"> <div class="items-center larger:text-base xlarge:text-lg flex justify-center medium:w-12 medium:h-12 medium:border rounded-[5px]"> <span class="svg-28 medium:svg-20" aria-hidden="true" focusable="false"> <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_357_143)"> <path d="M11.8463 8.89433L17.1146 2.80005H15.8661L11.2917 8.09163L7.63808 2.80005H3.42407L8.94905 10.8019L3.42407 17.1927H4.67256L9.50331 11.6046L13.3618 17.1927H17.5758L11.846 8.89433H11.8463ZM10.1363 10.8724L9.5765 10.0756L5.12241 3.73534H7.04001L10.6345 8.8521L11.1943 9.6489L15.8667 16.2999H13.9491L10.1363 10.8727V10.8724Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_357_143"> <rect width="14.1517" height="14.4" fill="currentColor" transform="translate(3.42407 2.80005)"/> </clipPath> </defs> </svg> </span> </div> </a> </li> <li class="n01-link footer-icon-link mb-0 group flex items-center justify-center max-medium:w-12 max-medium:h-12 text-nr-clear medium:border-nr-clear hover:text-nr-white hover:medium:border-nr-white hover:text-gray-1" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="https://github.com/newrelic" aria-label="github" class="medium:inline-block flex flex-row" itemprop="url"> <div class="items-center larger:text-base xlarge:text-lg flex justify-center medium:w-12 medium:h-12 medium:border rounded-[5px]"> <span class="svg-28 medium:svg-20" aria-hidden="true" focusable="false"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0055 2.52676C5.80028 2.52676 2.40002 5.95193 2.40002 10.1898C2.40002 13.5776 4.57812 16.4438 7.60005 17.4589C7.97838 17.5352 8.11694 17.2939 8.11694 17.0915C8.11694 16.914 8.10449 16.3053 8.10449 15.6701C5.98867 16.1262 5.54807 14.7562 5.54807 14.7562C5.20866 13.8687 4.70423 13.6399 4.70423 13.6399C4.01141 13.1713 4.75405 13.1713 4.75405 13.1713C5.5216 13.2226 5.92483 13.9575 5.92483 13.9575C6.6052 15.1252 7.69969 14.7951 8.14185 14.5911C8.20413 14.096 8.40653 13.7535 8.61982 13.5636C6.93215 13.3861 5.15729 12.726 5.15729 9.78345C5.15729 8.94584 5.45932 8.26081 5.93729 7.72835C5.861 7.53841 5.59789 6.75218 6.01358 5.69816C6.01358 5.69816 6.65502 5.49576 8.10449 6.48439C8.72413 6.31625 9.36402 6.23062 10.0055 6.23062C10.6469 6.23062 11.3023 6.31936 11.9064 6.48439C13.3543 5.49421 13.9973 5.69816 13.9973 5.69816C14.413 6.75062 14.1484 7.53841 14.0736 7.72835C14.564 8.26081 14.8536 8.94584 14.8536 9.78345C14.8536 12.7275 13.0788 13.3736 11.3786 13.5636C11.6558 13.8049 11.8955 14.2611 11.8955 14.985C11.8955 16.0126 11.8831 16.8377 11.8831 17.0915C11.8831 17.2939 12.0216 17.5352 12.4 17.4589C15.4219 16.4438 17.6 13.5776 17.6 10.1898C17.6124 5.95193 14.1997 2.52676 10.007 2.52676L10.0055 2.52676Z" fill="currentColor"/> </svg> </span> </div> </a> </li> <li class="n01-link footer-icon-link mb-0 group flex items-center justify-center max-medium:w-12 max-medium:h-12 text-nr-clear medium:border-nr-clear hover:text-nr-white hover:medium:border-nr-white hover:text-gray-1" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="https://www.linkedin.com/company/new-relic-inc-" aria-label="linkedin" class="medium:inline-block flex flex-row" itemprop="url"> <div class="items-center larger:text-base xlarge:text-lg flex justify-center medium:w-12 medium:h-12 medium:border rounded-[5px]"> <span class="svg-28 medium:svg-20" aria-hidden="true" focusable="false"> <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.9406 2.80005C16.9116 2.80005 17.6999 3.58839 17.6999 4.55938V15.4407C17.6999 16.4117 16.9116 17.2 15.9406 17.2H5.05926C4.08827 17.2 3.29993 16.4117 3.29993 15.4407V4.55938C3.29993 3.58839 4.08824 2.80005 5.05926 2.80005H15.9406ZM7.81289 14.7047V8.35647H5.70239V14.7047H7.81289ZM15.4218 14.7047V11.0643C15.4218 9.11427 14.3807 8.20718 12.9924 8.20718C11.8729 8.20718 11.3714 8.82285 11.0906 9.25528V8.35647H8.98066C9.00863 8.95216 8.98066 14.7047 8.98066 14.7047H11.0906V11.1594C11.0906 10.9696 11.1043 10.78 11.1602 10.6443C11.3124 10.2653 11.6598 9.87272 12.2428 9.87272C13.006 9.87272 13.3117 10.4551 13.3117 11.3081V14.7047H15.4218ZM6.7719 5.29536C6.04982 5.29536 5.57805 5.77008 5.57805 6.39229C5.57805 7.00143 6.03548 7.48923 6.74397 7.48923H6.75759C7.4935 7.48923 7.95156 7.00143 7.95156 6.39229C7.93791 5.77095 7.49475 5.29671 6.7719 5.29536Z" fill="currentColor"/> </svg> </span> </div> </a> </li> <li class="n01-link footer-icon-link mb-0 group flex items-center justify-center max-medium:w-12 max-medium:h-12 text-nr-clear medium:border-nr-clear hover:text-nr-white hover:medium:border-nr-white hover:text-gray-1" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="https://www.instagram.com/newrelic/" aria-label="instagram" class="medium:inline-block flex flex-row" itemprop="url"> <div class="items-center larger:text-base xlarge:text-lg flex justify-center medium:w-12 medium:h-12 medium:border rounded-[5px]"> <span class="svg-28 medium:svg-20" aria-hidden="true" focusable="false"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0045 6.09697C7.84881 6.09697 6.09987 7.84591 6.09987 10.0016C6.09987 12.1574 7.84881 13.9063 10.0045 13.9063C12.1603 13.9063 13.9092 12.1574 13.9092 10.0016C13.9092 7.84591 12.1603 6.09697 10.0045 6.09697ZM10.0045 12.5345C8.60599 12.5345 7.4717 11.4002 7.4717 10.0016C7.4717 8.60309 8.60599 7.4688 10.0045 7.4688C11.4031 7.4688 12.5374 8.60309 12.5374 10.0016C12.5374 11.4002 11.4031 12.5345 10.0045 12.5345Z" fill="currentColor"/> <path d="M14.0637 6.85402C14.5655 6.85402 14.9753 6.44722 14.9753 5.94244C14.9753 5.44062 14.5655 5.03085 14.0637 5.03085C13.5619 5.03085 13.1521 5.43765 13.1521 5.94244C13.1521 6.44425 13.5589 6.85402 14.0637 6.85402Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0044 2.40005C7.94076 2.40005 7.68242 2.40896 6.8718 2.44459C6.06414 2.48023 5.50887 2.61088 5.02784 2.79795C4.52603 2.99392 4.10141 3.25225 3.67977 3.67687C3.25515 4.09851 2.99682 4.52313 2.80084 5.02197C2.61378 5.50597 2.48313 6.05827 2.44749 6.86593C2.41186 7.67952 2.40295 7.93786 2.40295 10.0015C2.40295 12.0652 2.41186 12.3236 2.44749 13.1342C2.48313 13.9418 2.61378 14.4971 2.80084 14.9781C2.99682 15.48 3.25515 15.9046 3.67977 16.3262C4.10141 16.7479 4.52603 17.0092 5.02487 17.2022C5.50887 17.3892 6.06117 17.5199 6.86883 17.5555C7.67945 17.5911 7.93779 17.6001 10.0015 17.6001C12.0652 17.6001 12.3235 17.5911 13.1341 17.5555C13.9418 17.5199 14.497 17.3892 14.9781 17.2022C15.4769 17.0092 15.9015 16.7479 16.3232 16.3262C16.7448 15.9046 17.0061 15.48 17.1991 14.9811C17.3862 14.4971 17.5168 13.9448 17.5525 13.1372C17.5881 12.3265 17.597 12.0682 17.597 10.0045C17.597 7.94082 17.5881 7.68249 17.5525 6.87187C17.5168 6.06421 17.3862 5.50894 17.1991 5.02791C17.0121 4.52313 16.7537 4.09851 16.3291 3.67687C15.9075 3.25522 15.4829 2.99392 14.984 2.80091C14.5 2.61385 13.9477 2.4832 13.1401 2.44756C12.3265 2.40896 12.0681 2.40005 10.0044 2.40005ZM10.0044 3.76892C12.0355 3.76892 12.276 3.77782 13.0747 3.81346C13.8171 3.84612 14.2179 3.97083 14.4852 4.07476C14.8385 4.21135 15.0939 4.37763 15.3581 4.6419C15.6254 4.90914 15.7887 5.16153 15.9253 5.51488C16.0292 5.78212 16.1539 6.18595 16.1866 6.92531C16.2222 7.72703 16.2311 7.96755 16.2311 9.9956C16.2311 12.0266 16.2222 12.2671 16.1866 13.0659C16.1539 13.8082 16.0292 14.2091 15.9253 14.4763C15.7887 14.8297 15.6224 15.085 15.3581 15.3493C15.0909 15.6165 14.8385 15.7799 14.4852 15.9164C14.2179 16.0204 13.8141 16.1451 13.0747 16.1777C12.273 16.2134 12.0325 16.2223 10.0044 16.2223C7.97342 16.2223 7.7329 16.2134 6.93415 16.1777C6.19182 16.1451 5.79096 16.0204 5.52372 15.9164C5.17037 15.7799 4.91501 15.6136 4.65074 15.3493C4.3835 15.0821 4.22018 14.8297 4.0836 14.4763C3.97967 14.2091 3.85496 13.8053 3.82229 13.0659C3.78666 12.2642 3.77775 12.0237 3.77775 9.9956C3.77775 7.96458 3.78666 7.72406 3.82229 6.92531C3.85496 6.18298 3.97967 5.78212 4.0836 5.51488C4.22018 5.16153 4.38647 4.90617 4.65074 4.6419C4.91798 4.37466 5.17037 4.21135 5.52372 4.07476C5.79096 3.97083 6.19479 3.84612 6.93415 3.81346C7.7329 3.77782 7.97342 3.76892 10.0044 3.76892Z" fill="currentColor"/> </svg> </span> </div> </a> </li> <li class="n01-link footer-icon-link mb-0 group flex items-center justify-center max-medium:w-12 max-medium:h-12 text-nr-clear medium:border-nr-clear hover:text-nr-white hover:medium:border-nr-white hover:text-gray-1" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="https://www.twitch.tv/new_relic" aria-label="twitch" class="medium:inline-block flex flex-row" itemprop="url"> <div class="items-center larger:text-base xlarge:text-lg flex justify-center medium:w-12 medium:h-12 medium:border rounded-[5px]"> <span class="svg-28 medium:svg-20" aria-hidden="true" focusable="false"> <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.69997 2.40005L3.98569 5.11434V14.8858H7.24283V17.6001L9.95712 14.8858H12.1285L17.0143 10.0001V2.40005H6.69997ZM15.9285 9.4572L13.7571 11.6286H11.5857L9.68569 13.5286V11.6286H7.24283V3.48577H15.9285V9.4572Z" fill="currentColor"/> <path d="M14.3 5.38596H13.2143V8.6431H14.3V5.38596Z" fill="currentColor"/> <path d="M11.3142 5.38596H10.2285V8.6431H11.3142V5.38596Z" fill="currentColor"/> </svg> </span> </div> </a> </li> <li class="n01-link footer-icon-link mb-0 group flex items-center justify-center max-medium:w-12 max-medium:h-12 text-nr-clear medium:border-nr-clear hover:text-nr-white hover:medium:border-nr-white hover:text-gray-1" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="http://www.facebook.com/NewRelic" aria-label="facebook" class="medium:inline-block flex flex-row" itemprop="url"> <div class="items-center larger:text-base xlarge:text-lg flex justify-center medium:w-12 medium:h-12 medium:border rounded-[5px]"> <span class="svg-28 medium:svg-20" aria-hidden="true" focusable="false"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5998 9.99987C17.5998 5.80254 14.1971 2.39987 9.99978 2.39987C5.80245 2.39987 2.39978 5.80254 2.39978 9.99987C2.39978 13.564 4.85367 16.5547 8.16392 17.3761V12.3224H6.5968V9.99987H8.16392V8.9991C8.16392 6.41237 9.33463 5.21339 11.8742 5.21339C12.3558 5.21339 13.1866 5.30794 13.5265 5.40218V7.50738C13.3471 7.48853 13.0355 7.4791 12.6485 7.4791C11.4024 7.4791 10.9209 7.95122 10.9209 9.17846V9.99987H13.4034L12.9769 12.3224H10.9209V17.5442C14.6841 17.0898 17.6001 13.8856 17.6001 9.99987H17.5998Z" fill="currentColor"/> </svg> </span> </div> </a> </li> </ul> <div class="flex gap-4 mt-0 order-1 medium:order-2" itemscope itemtype="https://schema.org/SiteNavigationElement"> <a href="/about/contact-us" aria-label="Contact Us" itemprop="url" class="btn-secondary small:inline-flex w-full medium:w-fit btn-small group ml-0 max-w-full" > <div class="h-[22px] overflow-hidden"> <div class="transition-transform motion-reduce:transition-none duration-300 ease-in-out transform-gpu group-hover:-translate-y-1/2 flex flex-col"> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block" itemprop="name"> Contact Us </span> <span class="text-ellipsis whitespace-nowrap overflow-hidden inline-block"> Contact Us </span> </div> </div> </a> </div> </div> </div> </div> </div> </div> </div> <div class="nr-fluid-container"> <div id="block-erno-nrfooterlegalandlanguage"> <div class="py-6 text-xs leading-[21px] font-normal"> <div class="flex flex-row gap-3 medium:gap-x-4 medium:gap-y-2 large:gap-4 flex-wrap largest:justify-between"> <div class="hover:text-gray-1"> <a href="/termsandconditions/terms" class="footer__meta-link"> Terms of Service </a> </div> <div class="hover:text-gray-1"> <a href="/termsandconditions/dmca" class="footer__meta-link"> DMCA Policy </a> </div> <div class="hover:text-gray-1"> <a href="/termsandconditions/privacy" class="footer__meta-link"> Privacy Policy </a> </div> <div class="hover:text-gray-1"> <a href="/termsandconditions/website-terms" class="footer__meta-link"> Website Terms </a> </div> <div class="hover:text-gray-1"> <a href="" class="footer__meta-link js-privacy-choices flex items-center group"> Your Privacy Choices <img src="/themes/custom/erno/assets/images/icons/misc/ccpa.svg" class="h-4 ml-2 group-hover:invert" alt="California Consumer Privacy Act (CCPA) Opt-Out Icon" /> </a> </div> <div class="hover:text-gray-1"> <a href="/termsandconditions/cookie-policy" class="footer__meta-link"> Cookie Policy </a> </div> <div class="hover:text-gray-1"> <a href="/termsandconditions/modern-slavery-act" class="footer__meta-link"> UK Slavery Act of 2015 </a> </div> <div> <div class="relative"> <button class="footer__lang-btn-js flex items-center hover:text-nr-white" aria-controls="footer__lang-list" aria-expanded="false"> <span class="svg-current-fill mr-1"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0C3.4 0 0 3.4 0 7.5C0 11.6 3.4 15 7.5 15C11.6 15 15 11.6 15 7.5C15 3.4 11.6 0 7.5 0ZM4 2C5 1.4 6.2 1 7.5 1C7.7 1 7.8 1 8 1V2.6L6 4.6V6.6L4 4.6V2ZM7 14C3.6 13.7 1 10.9 1 7.5C1 5.7 1.8 4 3 2.8V5L6 8V11L7 12V14ZM11 13C10.1 13.6 9.1 13.9 8 14V11.6L7 10.6V9H9.6L11 10.4V13ZM12 12.2V10L10 8H7V5L9 3V1.2C11.9 1.9 14 4.5 14 7.5C14 9.3 13.2 11 12 12.2Z" fill="#293338"/> </svg> </span> English </button> <ul id="footer__lang-list" class="footer__lang-list-js absolute bottom-full inset-x-0 medium:right-auto large:left-auto large:-right-3 p-3 min-w-[168px] bg-gray-1 rounded shadow-nr-black invisible opacity-0 transition-opacity after:content-[""] after:absolute after:top-full after:left-6 large:after:left-auto large:after:right-6 after:-m-px after:border-t-8 after:border-t-gray-1 after:border-x-8 after:border-x-transparent"> <li class="block mb-2 last:mb-0"> <a href="https://live-d9newrelic.pantheonsite.io/de" class="footer__meta-link block text-nr-black hover:text-gray-3 focus:text-gray-3">Deutsch</a> </li> <li class="block mb-2 last:mb-0"> <a href="https://live-d9newrelic.pantheonsite.io/" class="footer__meta-link block text-nr-black hover:text-gray-3 focus:text-gray-3">English</a> </li> <li class="block mb-2 last:mb-0"> <a href="https://live-d9newrelic.pantheonsite.io/es" class="footer__meta-link block text-nr-black hover:text-gray-3 focus:text-gray-3">Español</a> </li> <li class="block mb-2 last:mb-0"> <a href="https://live-d9newrelic.pantheonsite.io/fr" class="footer__meta-link block text-nr-black hover:text-gray-3 focus:text-gray-3">Français</a> </li> <li class="block mb-2 last:mb-0"> <a href="https://live-d9newrelic.pantheonsite.io/jp" class="footer__meta-link block text-nr-black hover:text-gray-3 focus:text-gray-3">日本語</a> </li> <li class="block mb-2 last:mb-0"> <a href="https://live-d9newrelic.pantheonsite.io/kr" class="footer__meta-link block text-nr-black hover:text-gray-3 focus:text-gray-3">한국어</a> </li> <li class="block mb-2 last:mb-0"> <a href="https://live-d9newrelic.pantheonsite.io/pt" class="footer__meta-link block text-nr-black hover:text-gray-3 focus:text-gray-3">Português</a> </li> </ul> </div> </div> <div> ©2008-24 New Relic, Inc. All rights reserved </div> </div> </div> </div> </div> </footer> </div> </div> <script src="/sites/default/files/js/js_hrPFV76CqKkfmQGVJuzuOu_pVPjho6SWQ8A4byAziDM.js?scope=footer&delta=0&language=en&theme=erno&include=eJw1jlEKAjEMRC-0QUUEbyPZNrbBbFKzrXh8K91-hLzJDEzI1U5JbEVZ6M8B3dpOh8qEkXzw06xO3ilUNh3Cz1d4t24CbE0qF6FhfDiSHZnLHYpzYE0QUEITrObTu_VbgeQcF_VHMKdT35lTlj51xFZUJYdMX0yzerM4H985aSuDq2N49aofQPNTdQ"></script> <script src="https://newrelic.com/standalonesignup.js?v=49f44851cec6e0bf591214e99954cf24"></script> <script src="/sites/default/files/js/js_KFoOHO_777T1Z4FgUaNJkPsnqIJXRoBDAX_Q94LmGmE.js?scope=footer&delta=2&language=en&theme=erno&include=eJw1jlEKAjEMRC-0QUUEbyPZNrbBbFKzrXh8K91-hLzJDEzI1U5JbEVZ6M8B3dpOh8qEkXzw06xO3ilUNh3Cz1d4t24CbE0qF6FhfDiSHZnLHYpzYE0QUEITrObTu_VbgeQcF_VHMKdT35lTlj51xFZUJYdMX0yzerM4H985aSuDq2N49aofQPNTdQ"></script> </body> </html>