CINXE.COM

Blog - Blueprint Digital Advertising Machine

<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>Blog - Blueprint Digital Advertising Machine</title> <link rel="shortcut icon" href="https://blueprint.tech/hubfs/BlueprintLogo.png"> <meta name="description" content="Blog - Blueprint Digital Advertising Machine"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:description" content="Blog - Blueprint Digital Advertising Machine"> <meta property="og:title" content="Blog - Blueprint Digital Advertising Machine"> <meta name="twitter:description" content="Blog - Blueprint Digital Advertising Machine"> <meta name="twitter:title" content="Blog - Blueprint Digital Advertising Machine"> <style> a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px} </style> <style> .hs-blog-listing .blog-listings-inner{ display: flex !important; flex-wrap: wrap !important; } </style> <link rel="stylesheet" href="https://blueprint.tech/hs-fs/hub/39532806/hub_generated/template_assets/151482925596/1724391286511/Blue_Print/css/main-head.min.css"> <link class="hs-async-css" rel="preload" href="https://blueprint.tech/hs-fs/hub/39532806/hub_generated/template_assets/151486775395/1724391291247/Blue_Print/css/main-foot.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://blueprint.tech/hs-fs/hub/39532806/hub_generated/template_assets/151486775395/1724391291247/Blue_Print/css/main-foot.min.css"></noscript> <link rel="stylesheet" href="https://blueprint.tech/hs-fs/hub/39532806/hub_generated/template_assets/168190714776/1724897225907/Blue_Print/child.min.css"> <link rel="stylesheet" href="https://blueprint.tech/hs-fs/hub/39532806/hub_generated/module_assets/168360324171/1726103256017/module_168360324171_Global_Header_v2.min.css"> <style> .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { max-width: none !important; vertical-align: bottom; padding: 5px 0; position: relative; } .hhs-top-bar .mega-menu .hs-menu-wrapper > ul > li > ul:before { content: ''; } .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children>a { display:flex; align-items:center; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children>a svg { margin-left:4px !important; width: 10px; } .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 { position: relative; } .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:hover:after { width: 100%; } .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1.active:after, .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1.active-branch:after, .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:after { content: ''; position: absolute; left: 0px; bottom: 4px; width: 0; height: 2px; transition: width 220ms ease-in; } .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1.active:after, .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1.active-branch:after{ width: 100%; } .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal .mega-menu ul li.hs-menu-depth-1:after { height: 0; } .hhs-menu-toggle { padding-left: 1em; display: flex; z-index: 1001; } .hhs-side-menu .hhs-menu-toggle { text-align: right; float: right; margin-right: 15px; } .hhs-side-menu.is-open .hhs-menu-toggle { display: block; } .hhs-side-menu .hhs-menu-toggle button { position: relative; } .hamburger-icon { width: 1.6em; height: 1em; position: relative; display: block; margin: auto; } .hamburger-icon .line { display: block; background: #666; width: 1.6em; height: 3px; position: absolute; left: 0; border-radius: 0.025em; transition: all 0.4s; border-radius: 1em; } .hamburger-icon .line.line-1 { top: 0; } .hamburger-icon .line.line-2 { top: 50%; } .hamburger-icon .line.line-3 { top: 100%; } .hamburger-icon.active .line-1 { transform: translateY(0.75em) translateX(0) rotate(45deg); } .hamburger-icon.active .line-2 { opacity: 0; } .hamburger-icon.active .line-3 { transform: translateY(-0.25em) translateX(0) rotate(-45deg); } .hhs-side-menu__mobile-controls { padding-right: 1em; margin-bottom: 0em; float: left; } .hhs-nav-grid { display: flex; align-items: center; } .hhs-nav-grid__extras { display: flex; } .hs-search-field { position: relative; width: 1px; } .hs-search-field__bar { left: 0; max-width: 0; overflow: hidden; transition: all 0.125s ease-in-out; height: 100%; } .hs-search-field__bar form { height: 100%; } .hs-search-field.is-open .hs-search-field__bar { width: 40vw; max-width: 40vw; left: -40vw; position: absolute; } .hhs-top-bar .hs-search-field__bar .hs-search-field__input { border: 0; border: 1px solid #ccc; position: relative; z-index: 1000; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; padding: 5px 8px !important; height: 100%; } .top-bar-search { border: 0; background: none; padding: 4px; display: inline-block; margin-top: 0px; cursor: pointer; margin-right: 5px; display: flex; align-items: center; } .top-bar-search svg { height: 18px; width: 18px; } .hhs-side-menu .top-bar-search { position: absolute; top: 2px; right: 52px; } .hhs-side-menu__controls .hhs-lang-switch .globe_class:before, .hhs-side-menu .fas { font-size: 20px; } .hhs-menu-button { border: 0; background: none; display: inline-block; cursor: pointer; } @media (max-width: 575px) { .hhs-menu-button { vertical-align: super; } } .sc-site-header__menu .hs-menu-children-wrapper { padding: 0.33em 0 !important; } .sc-site-header__menu .hs-menu-item.hs-menu-depth-2 { width: 100%; } .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { padding: 10px 0px; } .hhs-lang-switch .lang_list_class li a { padding: 10px; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; } .hhs-side-menu .hhs-lang-switch .globe_class:before { color: #000; } .hhs-side-menu { position: fixed; max-height: 100vh; top: 0; bottom: 0; background-color: #fff; padding-top: 1em; z-index: 100001; overflow-y: auto; right: -100%; transition: all 0.5s ease-in-out; } .page-editor .hhs-side-menu { height: 0px; } .hhs-side-menu.is-open { right: 0; } .body-wrapper.nav-is-open { overflow-y: hidden; } .body-wrapper::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 100%; opacity: 0; pointer-events: none; z-index: 1000; transition: all 0.33s ease-in-out; } .body-wrapper.nav-is-open::after { left: 0; opacity: 1; } .hhs-side-menu__ctas { padding: 1.88em 2em 0em; } .hhs-side-menu__form { padding: 0em 2em 0em; } .hhs-side-menu__text { padding: 0em 2em 0em; } .hhs-side-menu__text.text-above { padding-top: 2em; } .hhs-side-menu__ctas .hhs-header-cta { float: left; margin: 0 1em 0 0; } .hhs-side-menu__ctas .hhs-header-cta a { margin-bottom: 15px; } .hs-menu-flow-vertical .hhs-nav-links { display: block; } .hs-menu-wrapper.hs-menu-flow-vertical>ul li a { padding: 0.2em 0 !important; max-width: 100%; width: 100%; overflow: visible; } .hhs-side-menu__mobile { padding: 1em 2.25em 0 2em; } .hhs-side-menu__mobile .sc-site-header__menu { padding-bottom: 1em; border-bottom: 1px solid rgba(125,125,125, 0.42); } .hhs-nav-links { margin: 0 !important; vertical-align: bottom; } .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children ul.hs-menu-children-wrapper { font-size: 0.88em; display: block; visibility: visible; opacity: 1; position: static; background: none; padding-left: 1.33em !important; padding-top: 0 !important; } .hhs-side-menu .hs-menu-flow-vertical>ul li.hs-item-has-children ul.hs-menu-children-wrapper { max-height: 0; overflow: hidden; opacity: 0; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; background-color: transparent !important; } .hhs-side-menu .hs-menu-flow-vertical>ul li.hs-item-has-children ul.hs-menu-children-wrapper.is-open { max-height: 100%; opacity: 1; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .fa-caret-right::after { content: '\f0da'; } .hhs-sidebar-nav-toggle { display: inline-block; border: 0; background: none; font-size: 1rem; padding: 0.25rem 0.66rem 0.25rem; line-height: 1; width: 48px; height: 48px; position: absolute; right: 0; top: -10px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .hhs-sidebar-nav-toggle.is-open > * { transform: rotate(45deg); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .hhs-side-menu__extras { padding: 0.66em 2em; } .hhs-side-menu__extras .hs-menu-item { width: 100%; } .hhs-side-menu__extras .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { width: 100%; padding: 0.25em 0; overflow: visible; } .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper { max-width: 250px; width: max-content; line-height: 1; -webkit-box-shadow: 0 0 4px 4px rgba(0,0,0,0.05); box-shadow: 0 0 4px 4px rgba(0,0,0,0.05); } .hs-menu-wrapper.hs-menu-flow-horizontal .mega-menu ul li.hs-item-has-children ul.hs-menu-children-wrapper { -webkit-box-shadow: 0 0 0px 0px rgba(0,0,0,0.0); box-shadow: 0 0 0px 0px rgba(0,0,0,0.0); } .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { line-height: 1; width: auto !important; padding: 10px 20px 10px 10px; } .hhs-side-menu__extras .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible; opacity: 1; position: static; } .hhs-side-menu__extras .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper a { text-indent: 10px; } .hhs-side-menu__extras .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li li a { text-indent: 20px; } .hhs-side-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children>a:after { content: '' !important; } @media (min-width: 510px) { .hhs-side-menu__mobile-controls { display: none; } } @media (max-width: 509px) { .hhs-nav-grid__extras .top-bar-search, .hhs-nav-grid__extras .hhs-lang-switch { display: none; } } .hhs-side-menu .sc-site-header__menu.hs-menu-flow-vertical { overflow: initial; height: auto; } .hhs-side-menu span { display: inline; } .hhs-side-menu__controls { position: relative; width: 100%; z-index: 100000; margin: 0em 0 0 auto; } .hhs-side-menu__controls .hs-search-field .hs-search-field__bar { width: 0px; display: none; } .hhs-side-menu__controls .hs-search-field.is-open .hs-search-field__bar { width: 14.5em; max-width: 14.5em; top: -3px; left: 2em; display: block; position: absolute; height: 100px; } .hhs-side-menu__controls .hs-search-field { z-index: 1000; } .hhs-side-menu__controls .hs-search-field input { padding: 8px; font-size: 16px; border: 1px solid #dddddd; -webkit-border-radius: 3px; border-radius: 3px; outline: none; box-shadow: none; } .hhs-side-menu .hs-menu-wrapper.hs-menu-flow-vertical li a { white-space: inherit; } .hhs-side-menu__footer { padding: 2em; text-align: right; } .hhs-side-menu__footer i { font-size: 18px; padding: 5px; } .hhs-side-menu__footer i span { display: none; } .hhs-side-menu__footer svg { width: 28px; height: 28px; padding: 5px; } .hhs-side-menu { display: flex; flex-direction: column; } .hhs-top-bar div.hs_cos_wrapper_type_cta { display: inline; } .mega-menu { left: 0; position: fixed; width: 100%; padding:15px; z-index: 10000; box-shadow: 0 4px 5px 0 rgba(0,0,0,0.1); } .mega-menu { opacity: 0; pointer-events: none; transition: opacity .2s ease-in-out, max-height .8s ease-in-out, padding .2s ease-in-out; transition-delay: 300ms; max-height: 0; padding: 0; cursor: default; } .mega-menu.active { opacity: 1; visibility: visible; pointer-events: inherit; max-height: 10000px; padding: 50px 0; } .mega-menu::before { content: ''; width: 100%; display: block; background: transparent; position: absolute; } .mega-menu.mega-scrolled { top: 55px; } .side-bar-nav { height:680px; overflow-y: scroll; } .side-bar-nav .hs-menu-wrapper.hs-menu-flow-vertical.flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper, .mega-menu .hs-menu-wrapper.hs-menu-flow-vertical.flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper { left: auto; top: auto; visibility: visible; opacity: 1; position: static; } .mega-menu .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin-bottom: 0px; } .mega-menu .hs-menu-wrapper.hs-menu-flow-vertical>ul li a, .mega-menu .widget-type-post_listing ul li a{ padding: 2px 0px !important; width: auto !important; white-space: normal; text-indent: inherit; } .mega-menu .key-menu .hs-menu-wrapper.hs-menu-flow-vertical>ul li:first-child a { padding: 0px 0px !important; width: auto !important; } .mega-menu .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-2 > a { font-size: .9em; padding-left: 5px; } .hhs-top-bar .mega-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li{ margin-top: 5px; margin-bottom: 5px; } .custom-menu-primary .mega-menu .hs-menu-wrapper>ul, .custom-menu-primary .mega-menu .hs-menu-wrapper>ul ul, .custom-menu-primary .mega-menu .widget-type-post_listing ul, .custom-menu-primary .mega-menu .widget-type-post_listing ul ul{ -webkit-box-shadow: none; box-shadow: none; background: transparent !important; } .custom-menu-primary .hs-menu-wrapper > ul ul, .custom-menu-primary .mega-menu .key-menu .hs-menu-wrapper>ul, .custom-menu-primary .mega-menu .key-menu .hs-menu-wrapper>ul ul { padding: 0px; } .custom-menu-primary .mega-menu .hs-menu-wrapper>ul ul { min-width: 170px !important; } .custom-menu-primary .hs-menu-wrapper .mega-menu > ul > li, .custom-menu-primary .mega-menu .hs-menu-wrapper>ul>li, .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal .mega-menu .hs-menu-flow-vertical ul li a, .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal .mega-menu .widget-type-post_listing ul li a{ text-transform: none !important; font-weight: normal !important; display: block; clear: both; } .hhs-top-bar .mega-nav-con .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { padding-bottom: 5px; } .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal .mega-menu .key-menu.hs-menu-flow-vertical ul li:first-child a { line-height: 1em; } .custom-menu-primary .mega-menu .hs-menu-wrapper > ul > li, .custom-menu-primary .hs-menu-wrapper .mega-menu > ul > li { margin-left: 0px !important; } .custom-menu-primary .mega-menu .hs-menu-wrapper>ul ul { padding: 0px 0 10px 10px !important; } .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal .mega-menu>ul li a { font-weight: normal !important; } .custom-menu-primary .hs-menu-wrapper .mega-menu ul>li>ul:before, .hs-menu-wrapper.hs-menu-flow-horizontal .mega-menu ul li.hs-item-has-children>a:after { display: none !important; } .custom-menu-primary .mega-menu .hs-menu-wrapper > ul li a:hover { background-color: transparent !important; } .custom-menu-primary .mega-menu .hs-menu-wrapper > ul { float: none !important; } .hs-menu-wrapper.hs-menu-flow-horizontal .mega-menu ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: block; opacity: 1; visibility: visible; position: static; } .mega-text-con { white-space: normal; } .mega-text-con ul { padding-left: 20px !important; } .mega-text-con li { list-style-type: disc; width: 100%; } .custom-menu-primary .hs-menu-wrapper > ul .mega-menu ul { background: transparent !important; box-shadow: none !important; -webkit-box-shadow: none !important; } @media (max-width: 922px){ .mega-menu.active { display: none !important; opacity: 0; } .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a span { padding: 0px !important; } .header-container-wrapper .container-fluid .mega-menu {display: none !important;} .header-container-wrapper .container-fluid .row-fluid .mega-menu, .custom-menu-primary .mega-menu { display: none; opacity: 0; visibility: hidden; } } .mega-nav-con .hs-menu-item { width: 100%; } .mega-nav-con .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: block; width: 100%; visibility: visible; opacity: 1; position: static; background: none; padding-left: 0.33em !important; } .mega-nav-con .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { padding: 0.33em 0; } [class^=mega-drop].loaded::before { display: block; width: 20px; height: 20px; position: absolute; right: -20px; top: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children>a .mega-menu svg { width: auto !important; } .hhs-nav { padding-right: 0 !important; padding-left: 0 !important; } .hhs-alt-nav .hhs-header-logo .logo-sticky, .hhs-header-logo .logo-standard { display: block; } .hhs-alt-nav .hhs-header-logo .logo-standard, .hhs-header-logo .logo-sticky { display: none; } .sticky-menu .hhs-header-logo .logo-standard { display: none; } .sticky-menu .hhs-header-logo .logo-sticky { display: block; } .hhs-header-logo, .hhs-nav-opt-items { display: table-cell; vertical-align: middle; } .hhs-header-logo { position: relative; z-index: 10; } .hhs-header-menu { float: right !important; } .hhs-lang-switch { float: right; } .hhs-lang-switch span { display: flex; height: 100%; } .hhs-lang-switch .lang_switcher_class { padding: 7px 10px; display: flex; align-items:center; } .hhs-lang-switch .globe_class { background-image: none !important; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-weight: 900; } .hhs-side-menu__controls .hhs-lang-switch { position: absolute; top: 5px; right: 100px; } .hhs-side-menu__controls .hhs-lang-switch .lang_switcher_class { padding: 0px; margin-top: 0; } .hhs-lang-switch .lang_list_class { text-align: left; border: none; top: 35px; left: -10px; padding-top: 0px !important; -webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.1); box-shadow: 0 0 5px 0px rgba(0,0,0,0.1); min-width: 100px; width: max-content; } .hhs-side-menu .hhs-lang-switch .lang_list_class { top: 30px; z-index: 1000; } .hhs-lang-switch .lang_list_class:before { border: none; width: 10px; } .hhs-lang-switch .lang_list_class:after { border: 5px solid transparent; left: 85px; top: -10px; } .hhs-side-menu .hhs-lang-switch .lang_list_class:after { left: 76px; } .hhs-lang-switch .lang_list_class li:first-child, .hhs-lang-switch .lang_list_class li{ border: none !important; } .hhs-lang-switch .lang_list_class li:first-child { padding-top: 10px; } .hhs-lang-switch .lang_list_class li:last-child { padding-bottom: 10px; } .hhs-lang-switch .lang_list_class li { padding: 0px; margin-bottom: 0px; } .hhs-lang-switch .lang_list_class li a { display: block; } .hhs-lang-switch, .hhs-header-search, .hhs-header-cta { float: right; margin-left: 15px; z-index: 1000; position: relative; display: flex; } .hhs-head-cta-1 { margin-right: 15px; } .hhs-lang-switch a, .hhs-header-search a{ padding: 10px 5px; display: block; } .hhs-header-search a i { vertical-align: bottom; } .hhs-lang-switch .globe_class svg { vertical-align: middle; } .hhs-header-mod .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li { width: 100%; display: block; clear: both; } .hhs-header-hat { position: relative; z-index: 1000; } .hhs-header-hat .col-12 { padding-left: 0px; padding-right: 0px; } .hhs-header-hat .col-12 * { margin-bottom: 0px; } .hhs-hat-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul { float: right; } .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a span { padding: 10px 0; } .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a { color: #555555 !important; padding: 5px; text-transform: none; } .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a { white-space: normal !important; } .hs-menu-wrapper.hs-menu-flow-horizontal .mega-menu ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: block; opacity: 1; visibility: visible; position: static; } .mega-text-con { white-space: normal; } .mega-text-con ul { padding-left: 20px !important; } .mega-text-con li { list-style-type: disc; width: 100%; } .custom-menu-primary .hs-menu-wrapper > ul .mega-menu ul { background: transparent !important; box-shadow: none !important; -webkit-box-shadow: none !important; } .hhs-hat-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul { margin-right: 0px; } .hhs-hat-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { max-width: none; overflow: visible; } .custom-menu-primary .hs-menu-wrapper { overflow: visible !important; } .custom-menu-primary .hs-menu-wrapper > ul{ float: right; } .custom-menu-primary .hs-menu-wrapper > ul > li{ font-weight: normal; margin-left: 0px !important; margin-bottom: 0px; } .custom-menu-primary .hs-menu-wrapper > ul > li > a{ padding: 10px 15px; position: relative; display: block; } .custom-menu-primary a:hover { color: #000000; } .hs-menu-children-wrapper .hs-menu-item.active, .custom-menu-primary .hs-menu-wrapper .hs-menu-children-wrapper li.active a:hover, .sticky-menu .hs-menu-item.active, .sticky-menu .custom-menu-primary .hs-menu-wrapper > ul li.active a:hover{ background-color: transparent !important; cursor: default !important; } .sticky-menu { visibility: hidden; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: 0; -webkit-box-shadow: 0 2px 3px 1px rgba(0,0,0,.1); box-shadow: 0 2px 3px 1px rgba(0,0,0,.1); } .sticky-menu.active { z-index: 999; position: fixed; top: 0; left: 0; right: 0; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition: all .3s ease; opacity: 1; } .sticky-menu .widget-type-logo img { height: 35px !important; width: auto !important; margin: 10px 0; } .hhs-header.sticky-menu.active { padding: 5px 0px !important; } .custom-menu-primary.js-enabled .hamburger { display: none; } @media (max-width: 922px){ .sticky-menu.active { position: static !important; } .sticky-menu .widget-type-cta { display: none; } .sticky-menu .widget-type-logo img { margin: 0; } .sticky-menu .page-center { padding: 0 10px !important; } .hhs-nav { position: relative; } .hhs-nav-opt-items { padding-right: 40px; } .custom-menu-primary.js-enabled { float: none; position: absolute; top: 0px; left: 0px; } .custom-menu-primary .hs-menu-wrapper, .custom-menu-primary.js-enabled .hs-menu-wrapper, .custom-menu-primary.js-enabled .hs-menu-children-wrapper{ display: none; } .custom-menu-primary.js-enabled .hamburger { display: inline-block; } .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { padding: 0px 15px; } .hhs-header-logo { position: relative; z-index: 1000; } .custom-menu-primary.js-enabled .hs-menu-wrapper > ul > li{ margin-left: 0px !important; } .hamburger { padding-top: 10px; } } @media (max-width: 575px){ nav { transition: height 0.5s ease-in-out; } .hhs-header-mod .hhs-nav { padding-top: 25px; } .custom-menu-primary.js-enabled { top: 20px; } .hhs-hat-menu { position: relative; } .hhs-hat-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { text-align: center !important; padding: 0 !important; } .hhs-hat-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li li a { padding: 2px 10px !important; } .hhs-hat-menu .hhs-header-search a { padding: 5px 0px 5px 10px; } .hhs-hat-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul, .hhs-hat-menu > ul { width: 100% !important; margin: 0px auto !important; float: none !important; text-align: center; } .hhs-hat-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 { display: inline-block; text-align: center; padding: 0 5px; } .hhs-hat-menu .hs-menu-children-wrapper:before { text-align: left; } } .hhs-top-bar { background-color: rgba(255, 255, 255, 1); padding: 30px 0; } .hhs-top-bar.sticky-menu.active { padding: 20px 0; } @media (min-width: 992px) { .hhs-header-hat .container, .hhs-top-bar .container { padding-right: 30px; padding-left: 30px; } } .hhs-top-bar.hhs-alt-nav .logo-sticky, .logo-standard { max-width: 108px; float: left; } .hhs-top-bar.hhs-alt-nav.sticky-menu.active .logo-sticky, .logo-sticky { max-width: 84px; float: left; } .hhs-header-logo { padding-top: 0px; } .hhs-nav-grid__menu { margin: 0 auto; } .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal ul.hhs-nav-links .hs-menu-item a { color: rgba(16, 25, 33, 1.0); } .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li { margin: 15px 20px; } .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover, .hs-menu-wrapper.hs-menu-flow-horizontal ul.hhs-nav-links .hs-menu-item a:hover, .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover{ color: rgba(16, 25, 33, 0.8); } .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a svg, .hhs-header-search a svg, .hhs-lang-switch svg, .top-bar-search svg{ fill: rgba(16, 25, 33, 1); } .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover svg { fill: rgba(16, 25, 33, 0.8); } .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a svg { -webkit-transition: fill 400ms ease-in-out; -moz-transition: fill 400ms ease-in-out; -ms-transition: fill 400ms ease-in-out; -o-transition: fill 400ms ease-in-out; transition: fill 400ms ease-in-out; } .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li li a svg { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); vertical-align: sub; } .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1.active:after, .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:after { background-color: rgba(0, 71, 199, 0.0); } .hhs-lang-switch .globe_class svg{ fill: rgba(16, 25, 33, 1); } .lang_list_class li { background: rgba(255, 255, 255, 1) !important; } .hhs-lang-switch .lang_list_class:after { border-bottom-color: rgba(255, 255, 255, 1) !important; } .hhs-hat-menu .hs-menu-children-wrapper, .sc-site-header__menu .hs-menu-children-wrapper { background-color: rgba(255, 255, 255, 1) !important; } .sc-site-header__menu .mega-menu .hs-menu-children-wrapper { background-color: transparent !important; } .hhs-hat-menu .hs-menu-children-wrapper:before, .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper:before { color: rgba(255, 255, 255, 1) !important; } .hhs-hat-menu .hs-menu-children-wrapper li a, .hhs-lang-switch .lang_list_class li a, .custom-menu-primary .hs-menu-wrapper > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hhs-lang-switch .lang_list_class li a { color: #444444; font-size: 18px !important; } .hhs-hat-menu .hs-menu-children-wrapper li a:hover, .hhs-lang-switch .lang_list_class li a:hover, .hs-menu-wrapper.hs-menu-flow-horizontal ul.hhs-nav-links .hs-menu-item.hs-menu-depth-2 a:hover, .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover{ background-color: rgba(255, 255, 255, 1) !important; } .hhs-hat-menu .hs-menu-children-wrapper li a:hover, .hhs-lang-switch .lang_list_class li a:hover, .custom-menu-primary .hs-menu-wrapper > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover, .hs-menu-wrapper.hs-menu-flow-horizontal ul.hhs-nav-links .hs-menu-item.hs-menu-depth-2 a:hover, .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover{ color: #444444 !important; } .hhs-top-bar.hhs-alt-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-item.hs-menu-depth-2 a:hover svg { fill: #444444 !important; } .custom-menu-primary .hs-menu-wrapper > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.active a:hover { color: #444444 !important; } .hhs-top-bar.hhs-alt-nav .hs-menu-wrapper.hs-menu-flow-horizontal ul.hhs-nav-links ul .hs-menu-item.sub-active a, .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal ul.hhs-nav-links ul .hs-menu-item.sub-active a{ background-color: rgba(255, 255, 255, 1) !important; color: #444444 !important; } .hhs-top-bar.hhs-alt-nav.sticky-menu, .hhs-top-bar.sticky-menu, .hhs-top-bar.hhs-alt-nav{ background-color: rgba(16, 25, 33, 1); } .sticky-menu.active { background-color: rgba(16, 25, 33, 1); } .hhs-top-bar.sticky-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a, .hhs-top-bar.hhs-alt-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a, .hhs-top-bar.hhs-alt-nav .hs-menu-wrapper.hs-menu-flow-horizontal ul.hhs-nav-links .hs-menu-item a, .sticky-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul.hhs-nav-links li a, .sticky-menu .hhs-lang-switch .globe_class:before{ color: rgba(255, 255, 255, 1.0); } .hhs-top-bar.hhs-alt-nav .hhs-lang-switch .globe_class svg { fill: rgba(255, 255, 255, 1.0); } .hhs-top-bar.sticky-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a svg, .sticky-menu .hhs-nav-grid__extras svg, .hhs-top-bar.hhs-alt-nav .hhs-header-search a svg { fill: rgba(255, 255, 255, 1.0); } .hhs-top-bar.hhs-alt-nav .hs-menu-wrapper.hs-menu-flow-horizontal ul.hhs-nav-links ul .hs-menu-item a { color: #444444; } .hhs-top-bar.sticky-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover, .hhs-top-bar.hhs-alt-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover, .hhs-top-bar.hhs-alt-nav .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-depth-1:first-child:hover, .hhs-top-bar.hhs-alt-nav .fas:hover, .sticky-menu .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-depth-1:first-child:hover, .sticky-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul.hhs-nav-links li a:hover, .sticky-menu .hhs-header-search a i:hover{ color: rgba(255, 255, 255, 0.8) !important; } .hhs-top-bar.sticky-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover svg, .hhs-top-bar.hhs-alt-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover svg { fill: rgba(255, 255, 255, 0.8) !important; } .hhs-top-bar.hhs-alt-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a svg, .hhs-top-bar.hhs-alt-nav .hhs-header-search a svg, .hhs-top-bar.hhs-alt-nav .top-bar-search svg { fill: rgba(255, 255, 255, 1) !important; } .hhs-top-bar.hhs-alt-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1.active:after, .hhs-top-bar.hhs-alt-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:after, .sticky-menu.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1.active:after, .sticky-menu.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:after { background-color: rgba(0, 71, 199, 0.0); } .hhs-header-cta .cta-secondary, .hhs-header-cta .cta-tertiary, .hhs-header-cta .cta-primary, .hhs-header-cta .cta-four, .hhs-header-cta .cta-five{ padding: 18px 30px !important; font-size: 18px !important; -webkit-box-shadow: none; box-shadow: none; } .hhs-side-menu { width: 400px; } .hhs-side-menu { background-color: rgba(16, 25, 33, 1.0); } .body-wrapper::after { background-color: rgba(16, 25, 33, 0.6); } .hamburger-icon .line { background: rgba(250, 225, 0, 1.0); } .hhs-top-bar.hhs-alt-nav .hamburger-icon .line, .sticky-menu .hamburger-icon .line { background: rgba(255, 255, 255, 1.0); } .hamburger-icon.active .line { background: rgba(250, 225, 0, 1.0); } .hhs-side-menu .top-bar-search svg, .hhs-side-menu .hhs-lang-switch .globe_class svg { fill: rgba(250, 225, 0, 1.0); } .hhs-side-menu .top-bar-search { padding: 4px; } .hhs-side-menu .top-bar-search svg { height: 20px; width: 20px; } .hhs-side-menu__controls .hhs-lang-switch { right: 70px !important; } .hhs-side-menu .hhs-lang-switch .globe_class:before, .hhs-side-menu .fas{ color: rgba(250, 225, 0, 1.0); } .hhs-top-bar .fas { fill: #101921; } .hhs-side-menu__footer a svg, .hhs-side-menu__footer a:visited svg { fill: #FFFFFF; } .hhs-side-menu__footer a:hover svg, .hhs-side-menu__footer a:focus svg { fill: #FFFFFF; } .hhs-side-menu .hhs-side-menu__mobile li a { font-size: 16px; font-weight: bold; color: rgba(16, 25, 33, 1.0); } .hhs-side-menu .hhs-side-menu__mobile li a:hover { color: rgba(16, 25, 33, 0.8); } .hhs-sidebar-nav-toggle svg { fill: rgba(153, 153, 153, 1.0); } .hhs-side-menu__extras .hs-menu-item a, .hhs-side-menu__extras .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper a { font-size: 16px; font-weight: bold; color: rgba(255, 255, 255, 1); } .hhs-side-menu__extras .hs-menu-item a:hover, .hhs-side-menu__extras .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper a:hover { color: rgba(255, 255, 255, 0.80); } .hhs-side-menu__extras {flex: 1;} @media (max-width: 575px) { .hhs-side-menu { width: 100%; } } .hhs-menu-toggle { display: none; } @media (max-width: 960px) { .hhs-menu-toggle { display: block; } } @media (max-width: 920px) { .hhs-menu-toggle { display: block; } } .hhs-side-menu__ctas .hhs-side-cta-1, .hhs-side-menu__ctas .hhs-side-cta-2{ display: none; } @media (max-width: 960px) { .hhs-extras-ctas, .hhs-extras-ctas .hhs-head-cta-1 { display: none; } .hhs-side-menu__ctas .hhs-side-cta-1 { display: inline-block; } } @media (max-width: 920px) { .hhs-extras-ctas .hhs-head-cta-2 { display: none; } .hhs-side-menu__ctas .hhs-side-cta-2 { display: inline-block; } } @media (min-width: 850px) { .hhs-side-menu__mobile { display: none; } } @media (max-width: 850px) { .main-nav .sc-site-header__menu { display: none; } } .hhs-header-hat { background-color: rgba(255, 255, 255, 1.0); padding: px 0; } .hhs-hat-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 a { color: rgba(255, 255, 255, 1.0); font-size: 14px; font-weight: bold; padding: px 0 px 20px; } .hhs-hat-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 a:hover { color: rgba(238, 238, 238, 1.0); } @media (max-width: 922px) { .custom-menu-primary .hs-menu-wrapper > ul { margin-top: 10px !important; } .custom-menu-primary .hs-menu-wrapper > ul, .custom-menu-primary .hs-menu-wrapper > ul li.active a:hover{ background-color: rgba(255, 255, 255, 1) !important; } .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover, .custom-menu-primary .hs-menu-wrapper > ul li.active a:hover { color: #444444 ; } .custom-menu-primary .hs-menu-wrapper > ul li{ border-top: 1px solid rgba(0, 0, 0, .1) !important; } .custom-menu-primary .hs-menu-wrapper > ul ul li{ background-color: rgba(0, 0, 0, .05); } .sticky-menu.active { position: fixed !important; } } @media (max-width: 575px) { .logo-standard, .logo-sticky { max-width: 84px !important; } .hhs-nav-opt-items .hhs-header-search { right: 3px; } .hhs-nav-opt-items .hhs-lang-switch { right: 33px; } } </style> <link rel="stylesheet" href="https://blueprint.tech/hs-fs/hub/39532806/hub_generated/template_assets/151486775347/1724391298536/Blue_Print/css/modules/global-footer.min.css"> <link rel="stylesheet" href="https://blueprint.tech/hs-fs/hub/39532806/hub_generated/module_assets/168365028895/1716555079575/module_168365028895_Global_Footer.min.css"> <style> #hs_cos_wrapper_global_footer .hhs-footer-mod { padding-top: 150px; padding-bottom: 50px; background-color: rgba(16, 25, 33, 1.0); } .hhs-foot-base-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { color: #FFFFFF !important; } .hhs-foot-base-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover, .hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover, .hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover { color: #FFFFFF !important; } .foot-nav-title, .hhs-foot-rss h5, .hhs-foot-nav-col h5 { margin-bottom: 40px; color: #FFFFFF; } .hhs-foot-rss .hs_cos_wrapper_type_inline_rich_text p, .hhs-foot-rss .hs_cos_wrapper_type_inline_rich_text l1, .hhs-foot-rss .hs_cos_wrapper_type_inline_rich_text span, .hhs-foot-rss label{ color: #FFFFFF; } .hhs-foot-base-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { font-size: 10px; } .hhs-footer-mod .hhs-post-content a h6 { color: #FFFFFF; font-size: 16px; line-height: 20px; } .hhs-footer-mod .hhs-post-summary p { color: #FFFFFF; font-size: 14px; line-height: 18px; } .hhs-foot-rss .hs-rss-title:hover { color: #FFFFFF; } .hhs-footer-mod .hhs-post-feat-img { min-height: 120px; } .hhs-foot-rss .hs-rss-item.hs-with-featured-image .hs-rss-item-text { margin-top: 120px; } .hhs-foot-break-line { border-color: #101921; } .hhs-foot-copyright { color: #FFFFFF; } @media (max-width: 575px) { .hhs-foot-nav-col .hhs-col-content { display: none; text-align: center; } .hhs-foot-nav-col .hhs-col-content.open-menu { display: block; text-align: center; } } #hs_cos_wrapper_global_footer .hhs-social-con svg { fill: #FFFFFF;} #hs_cos_wrapper_global_footer .hhs-social-con svg:hover {fill: #FFFFFF;}@media (max-width: 922px) { #hs_cos_wrapper_global_footer .hhs-footer-mod { padding-top: 100px; padding-bottom: 50px; } } #return-to-top { background: rgba(0, 71, 199, 0.7); } #return-to-top:hover { background: rgba(0, 71, 199, 0.9); } @media (max-width: 575px) { #hs_cos_wrapper_global_footer .hhs-footer-mod { padding-top: 100px; padding-bottom: 25px; } .hhs-foot-nav-col { border-color: #101921; } } </style> <style> @font-face { font-family: "Amplitude Compressed"; src: url("https://blueprint.tech/hubfs/amplitudecomp-bold.ttf") format("truetype"); font-display: swap; font-weight: 700; } @font-face { font-family: "AmplitudeComp-Black"; src: url("https://blueprint.tech/hubfs/AmplitudeComp-Black.ttf") format("truetype"); font-display: swap; font-weight: 900; } </style> <style> @font-face { font-family: "Poppins"; font-weight: 800; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Poppins/800.woff2") format("woff2"), url("/_hcms/googlefonts/Poppins/800.woff") format("woff"); } @font-face { font-family: "Poppins"; font-weight: 300; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Poppins/300.woff2") format("woff2"), url("/_hcms/googlefonts/Poppins/300.woff") format("woff"); } @font-face { font-family: "Poppins"; font-weight: 600; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Poppins/600.woff2") format("woff2"), url("/_hcms/googlefonts/Poppins/600.woff") format("woff"); } @font-face { font-family: "Poppins"; font-weight: 400; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Poppins/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Poppins/regular.woff") format("woff"); } @font-face { font-family: "Inter Tight"; font-weight: 800; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Inter_Tight/800.woff2") format("woff2"), url("/_hcms/googlefonts/Inter_Tight/800.woff") format("woff"); } @font-face { font-family: "Inter Tight"; font-weight: 300; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Inter_Tight/300.woff2") format("woff2"), url("/_hcms/googlefonts/Inter_Tight/300.woff") format("woff"); } @font-face { font-family: "Inter Tight"; font-weight: 500; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Inter_Tight/500.woff2") format("woff2"), url("/_hcms/googlefonts/Inter_Tight/500.woff") format("woff"); } @font-face { font-family: "Inter Tight"; font-weight: 400; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Inter_Tight/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Inter_Tight/regular.woff") format("woff"); } @font-face { font-family: "Inter Tight"; font-weight: 700; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Inter_Tight/700.woff2") format("woff2"), url("/_hcms/googlefonts/Inter_Tight/700.woff") format("woff"); } </style> <!-- Editor Styles --> <style id="hs_editor_style" type="text/css"> /* HubSpot Styles (default) */ .dnd_area-row-0-padding { padding-top: 80px !important; padding-bottom: 80px !important; padding-left: 50px !important; padding-right: 50px !important; } </style> <!-- Added by GoogleAnalytics4 integration --> <script> var _hsp = window._hsp = window._hsp || []; window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} var useGoogleConsentModeV2 = true; var waitForUpdateMillis = 1000; if (!window._hsGoogleConsentRunOnce) { window._hsGoogleConsentRunOnce = true; gtag('consent', 'default', { 'ad_storage': 'denied', 'analytics_storage': 'denied', 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'wait_for_update': waitForUpdateMillis }); if (useGoogleConsentModeV2) { _hsp.push(['useGoogleConsentModeV2']) } else { _hsp.push(['addPrivacyConsentListener', function(consent){ var hasAnalyticsConsent = consent && (consent.allowed || (consent.categories && consent.categories.analytics)); var hasAdsConsent = consent && (consent.allowed || (consent.categories && consent.categories.advertisement)); gtag('consent', 'update', { 'ad_storage': hasAdsConsent ? 'granted' : 'denied', 'analytics_storage': hasAnalyticsConsent ? 'granted' : 'denied', 'ad_user_data': hasAdsConsent ? 'granted' : 'denied', 'ad_personalization': hasAdsConsent ? 'granted' : 'denied' }); }]); } } gtag('js', new Date()); gtag('set', 'developer_id.dZTQ1Zm', true); gtag('config', 'G-36DDGN37F8'); </script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-36DDGN37F8"></script> <!-- /Added by GoogleAnalytics4 integration --> <!-- Added by GoogleTagManager integration --> <script> var _hsp = window._hsp = window._hsp || []; window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} var useGoogleConsentModeV2 = true; var waitForUpdateMillis = 1000; var hsLoadGtm = function loadGtm() { if(window._hsGtmLoadOnce) { return; } if (useGoogleConsentModeV2) { gtag('set','developer_id.dZTQ1Zm',true); gtag('consent', 'default', { 'ad_storage': 'denied', 'analytics_storage': 'denied', 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'wait_for_update': waitForUpdateMillis }); _hsp.push(['useGoogleConsentModeV2']) } (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KLGRGQ9F'); window._hsGtmLoadOnce = true; }; _hsp.push(['addPrivacyConsentListener', function(consent){ if(consent.allowed || (consent.categories && consent.categories.analytics)){ hsLoadGtm(); } }]); </script> <!-- /Added by GoogleTagManager integration --> <!-- Hotjar Tracking Code for https://blueprint.tech/ --> <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:3791990,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script> <!-- Apollo --> <script>function initApollo(){var n=Math.random().toString(36).substring(7),o=document.createElement("script"); o.src="https://assets.apollo.io/micro/website-tracker/tracker.iife.js?nocache="+n,o.async=!0,o.defer=!0, o.onload=function(){window.trackingFunctions.onLoad({appId:"663257ec9b246706ac1e68c3"})}, document.head.appendChild(o)}initApollo(); </script> <script> document.addEventListener("DOMContentLoaded", function() { const ebookElement = document.querySelector(".hs-menu-depth-2:nth-child(2) a"); const resourcesFilter = document.querySelector("#resources-filter"); ebookElement.addEventListener("click", function() { resourcesFilter.value = ".eBook"; }); }); document.addEventListener('DOMContentLoaded', function() { const urlParams = new URLSearchParams(window.location.search); const filterValue = urlParams.get('filter'); const selectOptions = document.querySelector('#all-resources select'); if (filterValue) { selectOptions.value = filterValue; selectOptions.dispatchEvent(new Event('change')); const sectionAnchor = document.getElementById('all-resources'); const offset = 0; const topPosition = sectionAnchor.getBoundingClientRect().top + window.scrollY + offset; window.scrollTo({ top: topPosition, behavior: 'smooth' }); } }); </script> <script> // Function to get a query parameter by name function getParameterByName(name) { const url = window.location.href; name = name.replace(/[\[\]]/g, '\\$&'); const regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'), results = regex.exec(url); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/\+/g, ' ')); } // Function to set a cookie function setCookie(name, value, days) { const d = new Date(); d.setTime(d.getTime() + (days*24*60*60*1000)); const expires = "expires=" + d.toUTCString(); document.cookie = name + "=" + value + ";" + expires + ";path=/"; } // Function to get a cookie by name function getCookie(name) { const nameEQ = name + "="; const ca = document.cookie.split(';'); for(let i = 0; i < ca.length; i++) { let c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); } return null; } // Store UTM parameters in cookies document.addEventListener('DOMContentLoaded', function() { const utm_content = getParameterByName('utm_content'); if (utm_content) { setCookie('utm_content', utm_content, 30); // Store for 30 days } }); // Populate hidden fields with UTM parameters document.addEventListener('DOMContentLoaded', function() { const form = document.querySelector('form'); if (form) { form.addEventListener('submit', function() { const utmContentField = form.querySelector('input[name="utm_content"]'); if (utmContentField) { utmContentField.value = getCookie('utm_content'); } }); } }); </script> <link rel="next" href="https://blueprint.tech/blog/page/2"> <meta property="og:url" content="https://blueprint.tech/blog"> <meta property="og:type" content="blog"> <meta name="twitter:card" content="summary"> <link rel="alternate" type="application/rss+xml" href="https://blueprint.tech/blog/rss.xml"> <meta name="twitter:domain" content="blueprint.tech"> <script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US </script> <meta http-equiv="content-language" content="en"> <style> .custom-post .blog-post-content h2 { line-height: 66px; font-weight: 700; font-size: 56px; margin: 0; margin-bottom: 20px; margin-top:50px; } @media (min-width: 767px) { .half_column { width: 50%; } } @media (max-width: 767px) { .half_column { width: 100% !important; } } blockquote{ font-size: 1.1em; width:90%; margin:50px auto; font-style:italic; color: #03034c; padding:1.2em 30px 1.2em 75px; border-left:8px solid #1b56ea ; line-height:1.6; position: relative; background:#c2d2f9; } blockquote::before{ content: "\201C"; color:#1b56ea; font-size:4em; position: absolute; left: 10px; top:-10px; } blockquote::after{ content: ''; } blockquote span{ display:block; color:#333333; font-style: normal; font-weight: bold; margin-top:1em; } .hs-blog-post a.hs-button { background-image: none !important; background-color: #fae100 !important; -webkit-border-radius: 5px; border-radius: 5px !important; color: #101921 !important; font-family: Amplitude Compressed !important; font-size: 16px !important; font-weight: 700 !important; letter-spacing: -.1px !important; padding: 17px 34px !important; text-transform: uppercase !important; margin-bottom: 0 !important; } @media (max-width:992px){ .hs-blog-post div.blog-post__featured-image:before{ width: 120% !important; height: 300px !important; } } /* .hs-blog-post .container-slim.content-area-width { max-width: 750px !important; } .blog-post__featured-image img { max-height: 500px; object-fit: contain; } */ @media (min-width:992px){ .hs-blog-listing .blog-listings-inner .list-item { width: calc(100% / 3 - 40px) !important; padding: 30px; } } @media (max-width:991px){ .hs-blog-listing .blog-listings-inner .list-item { width: 100% !important; padding: 20px; } .hs-blog-listing .dnd_area-row-0-padding{ padding: 50px 20px !important; } .hs-blog-listing #hs_form_target_custom_blog_bottom_form-module-2{ padding: 20px !important; } } .hs-blog-listing .blog-listings-inner{ display: flex !important; flex-wrap: wrap !important; row-gap: 40px !important; column-gap: 40px !important; justify-content: space-around !important; } .hs-blog-listing .blog-listings-inner .list-item { border-radius: 16px; box-shadow: 8px 8px 27px rgba(0, 0, 0, .20); } .hs-blog-listing .list-content{ margin-top: 20px !important; } .hs-blog-listing .post__summary{ /*max-height: 180px !important; overflow: hidden !important;*/ } .hs-blog-listing .heading{ margin-bottom: 60px !important; } .hs-blog-listing .blog-pagination-wrapper{ margin-top: 60px !important; } /*FORM--------------------*/ .hs-blog-listing form.hs-custom-form{ background-image: none !important; border-radius: 16px !important; } .hs-blog-listing form.hs-custom-form{ background: linear-gradient(0deg, hsla(120, 1%, 73%, .2), hsla(120, 1%, 73%, .2)), #fff !important; } .hs-blog-listing form.hs-custom-form h1 span, .hs-blog-listing .hs-richtext h1{ color: #101921 !important; font-family: AmplitudeComp-Black; font-size: 40px; font-weight: 900; letter-spacing: -1px; line-height: 1em; text-transform: uppercase; } .hs-blog-listing form div.hs-richtext h1{ text-align: left !important; } .hs-blog-listing form .hs_submit.hs-submit{ margin-top: 0 !important; } .hs-blog-listing form.hs-custom-form input[type=submit]{ margin-top: 0 !important; } .hs-blog-listing form.hs-custom-form input[type=submit]{ background-image: none !important; background-color: #fae100 !important; -webkit-border-radius: 5px; border-radius: 5px !important; color: #101921 !important; font-family: Amplitude Compressed !important; font-size: 16px !important; font-weight: 700 !important; letter-spacing: -.1px !important; padding: 17px 34px !important; text-transform: uppercase !important; margin-bottom: 0 !important; } .hs-blog-listing form.hs-custom-form input:not(input[type="submit"]){ color: #101921 !important; font-family: Poppins !important; font-size: 16px !important; font-style: normal !important; font-weight: 400 !important; } .hs-blog-listing form.hs-custom-form input.hs-input:not(input[type="submit"]){ padding: 15px 8px !important; background-color: #fff !important; border: 1px solid rgba(16, 25, 33, .5) !important; -webkit-border-radius: 5px; border-radius: 5px !important; margin-bottom: 0 !important; } .hs-blog-listing form .hs-richtext h1{ margin-bottom: 0 !important; } .hs-blog-listing form.hs-custom-form fieldset{ margin-bottom: 0 !important; } .hs-blog-listing form.hs-custom-form fieldset > div{ margin-bottom: 12px !important; } @media screen and (min-width: 992px) { .hs-blog-listing form.hs-custom-form{ padding: 45px 47px 45px 47px !important; } .hs-blog-listing .hs_firstname { width: calc(100% / 2 - 15px) !important; float: left !important; } .hs-blog-listing .hs_email{ width: calc(100% / 2) !important; float: right !important; margin-left: 15px !important; } } @media screen and (max-width: 991px) { .hs-blog-listing form.hs-custom-form{ padding: 20px 25px 43px 23px !important; } } .hs-blog-listing #hs_form_target_custom_blog_bottom_form-module-2{ max-width: 800px !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: 80px !important; } .hs-blog-listing .post__summary{ max-height: 150px !important; overflow: hidden !important; margin-bottom: 25px !important; } .hs-blog-listing .post__thumbnail img{ height: 200px !important; width: 100% !important; object-fit: cover !important; } </style> <link rel="preconnect" href="https://cdn2.hubspot.net" crossorigin> <link rel="preconnect" href="https://js.hs-analytics.net" crossorigin> <link rel="preconnect" href="https://js.hs-banner.com" crossorigin> <meta name="generator" content="HubSpot"></head> <body> <!-- Added by GoogleTagManager integration --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KLGRGQ9F" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- /Added by GoogleTagManager integration --> <div class="body-wrapper hs-content-id-152036596012 hs-blog-listing hs-blog-id-152036596011"> <header class="header"> <div class="header__container"> <div id="hs_cos_wrapper_global_header_v2" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <a href="#main-content" class="screen-reader-text">Skip to the main content.</a> <div class="hhs-header-hat"> <div class="container"> <div class="row"> <div class="col-12"> <nav class="hhs-hat-menu" data-collapsed="true"> <div id="hs_cos_wrapper_global_header_v2_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="menu.header_hat.text"></div> </nav> </div> </div> </div> </div> <header id="hhs-main-nav" class="hhs-top-bar"> <div class="container hhs-nav-grid"> <div class="hhs-header-logo"> <div class="logo-standard"> <span id="hs_cos_wrapper_global_header_v2_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo"><a href="https://blueprint.tech/" id="hs-link-global_header_v2_" style="border-width:0px;border:0px;"><img src="https://blueprint.tech/hubfs/blue-print-logo-1.svg" class="hs-image-widget " height="54" style="height: auto;width:108px;border-width:0px;border:0px;" width="108" alt="blue-print-logo-1" title="blue-print-logo-1" loading="lazy"></a></span> </div> <div class="logo-sticky"> <span id="hs_cos_wrapper_global_header_v2_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo"><a href="https://blueprint.tech/" id="hs-link-global_header_v2_" style="border-width:0px;border:0px;"><img src="https://blueprint.tech/hubfs/blue-print-white-logo-1.svg" class="hs-image-widget " height="54" style="height: auto;width:108px;border-width:0px;border:0px;" width="108" alt="blue-print-white-logo-1" title="blue-print-white-logo-1" loading=""></a></span> </div> </div> <div class="hhs-nav-grid__menu main-nav"> <nav class="sc-site-header__menu sc-site-header__menu--168359891211 hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" aria-label=" menu"> <ul class="hhs-nav-links"> <li class="hs-menu-item hs-menu-depth-1 "> <a href="https://blueprint.tech/platform" target=""> Platform </a> </li> <li class="hs-menu-item hs-menu-depth-1 "> <a href="https://blueprint.tech/pricing" target=""> Pricing </a> </li> <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children active-branch" aria-haspopup="true"> <a href="https://blueprint.tech/resources" target=""> Resources <svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewbox="0 0 448 512"><path d="M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z" /></svg> </a> <ul class="hs-menu-children-wrapper"> <li class="hs-menu-item hs-menu-depth-2 active sub-active active-branch"> <a href="https://blueprint.tech/blog" target=""> Blog </a> </li> <li class="hs-menu-item hs-menu-depth-2 "> <a href="https://blueprint.tech/resources/?filter=.eBook" target=""> eBooks </a> </li> <li class="hs-menu-item hs-menu-depth-2 "> <a href="https://blueprint.tech/resources/?filter=.Webinar" target=""> Webinars </a> </li> </ul> </li> <li class="hs-menu-item hs-menu-depth-1 "> <a href="https://blueprint.tech/about" target=""> About </a> </li> </ul> </nav> </div> <div class="hhs-nav-grid__extras"> <div class="hhs-nav-rgt__menu"> <span id="hs_cos_wrapper_global_header_v2_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_global_header_v2_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu"> <ul role="menu"> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://platform.blueprint.tech/login" role="menuitem" target="_self">Sign In</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://blueprint.tech/demo" role="menuitem" target="_self">Get a Demo</a></li> </ul> </div></span> </div> <div class="hhs-extras-ctas"> <div class="hhs-header-cta"> <span class="hhs-head-cta-1 hhs-no-cta-2"> <a href="https://blueprint.tech/signup-qualification" class="cta-primary"> Start a Free Trial </a> </span> </div> </div> <div class="hhs-menu-toggle "> <button class="hhs-menu-button hamburger-icon js-toggle-main-nav" onclick="toggleMenu()" id="hamburger-icon" aria-label="Toggle Side Menu"> <span class="screen-reader-text">Menu</span> <img src="https://blueprint.tech/hubfs/menu-toggle.svg" alt="mobile-open"> </button> </div> </div> </div> </header> <div class="hhs-side-menu js-side-menu"> <div class="hhs-side-menu__controls"> <div class="hhs-side-menu__logo"> <span id="hs_cos_wrapper_global_header_v2_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo"><a href="//blueprint.tech/" id="hs-link-global_header_v2_" style="border-width:0px;border:0px;"><img src="https://blueprint.tech/hubfs/blue-print-white-logo-1.svg" class="hs-image-widget " height="54" style="height: auto;width:108px;border-width:0px;border:0px;" width="108" alt="blue-print-white-logo-1" title="blue-print-white-logo-1" loading=""></a></span> </div> <div class="hhs-side-menu__mobile-controls"> </div> <div class="hhs-menu-toggle hhs-menu-toggle--always-show"> <button class="hhs-menu-button hamburger-icon js-toggle-main-nav" onclick="toggleMenu()" aria-label="Toggle Side Menu"> <span class="screen-reader-text">Close</span> <img src="https://blueprint.tech/hubfs/menu-close.svg" alt="menu-close"> </button> </div> </div> <div class="hhs-side-menu__mobile"> <nav class="sc-site-header__menu sc-site-header__menu--168359891211 hs-menu-wrapper active-branch flyouts hs-menu-flow-vertical" aria-label=" menu"> <ul> <li class="hs-menu-item hs-menu-depth-1 "> <a href="https://blueprint.tech/platform" target="" class=" "> Platform </a> </li> <li class="hs-menu-item hs-menu-depth-1 "> <a href="https://blueprint.tech/pricing" target="" class=" "> Pricing </a> </li> <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children active-branch" aria-haspopup="true"> <a href="https://blueprint.tech/resources" target="" class=" "> Resources <button class="hhs-sidebar-nav-toggle js-sidebar-nav-toggle" aria-label="Toggle Menu"> <svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewbox="0 0 448 512"><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z" /></svg> </button> </a> <ul class="hs-menu-children-wrapper"> <li class="hs-menu-item hs-menu-depth-2 active sub-active active-branch"> <a href="https://blueprint.tech/blog" target="" class=" "> Blog </a> </li> <li class="hs-menu-item hs-menu-depth-2 "> <a href="https://blueprint.tech/resources/?filter=.eBook" target="" class=" "> eBooks </a> </li> <li class="hs-menu-item hs-menu-depth-2 "> <a href="https://blueprint.tech/resources/?filter=.Webinar" target="" class=" "> Webinars </a> </li> </ul> </li> <li class="hs-menu-item hs-menu-depth-1 "> <a href="https://blueprint.tech/about" target="" class=" "> About </a> </li> </ul> </nav> </div> <div class="hhs-nav-rgt__menu"> <span id="hs_cos_wrapper_global_header_v2_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_global_header_v2_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu"> <ul role="menu"> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://platform.blueprint.tech/login" role="menuitem" target="_self">Sign In</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://blueprint.tech/demo" role="menuitem" target="_self">Get a Demo</a></li> </ul> </div></span> </div> <div class="hhs-side-menu__ctas"> <div class="hhs-header-cta"> <span class="hhs-head-cta-1"> <a href="https://blueprint.tech/signup-qualification" class="cta-primary"> Start a Free Trial </a> </span> </div> </div> <div class="hhs-side-menu__footer"> <a href="#0" target="_blank" rel="noreferrer nofollow"> <svg xmlns="http://www.w3.org/2000/svg" height="16" width="10" viewbox="0 0 320 512"><path d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z" /></svg> </a> <a href="#0" target="_blank" rel="noreferrer nofollow"> <svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewbox="0 0 448 512"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" /></svg> </a> <a href="#0" target="_blank" rel="noreferrer nofollow"> <svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewbox="0 0 448 512"><path d="M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z" /></svg> </a> <a href="#0" target="_blank" rel="noreferrer nofollow"> <svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewbox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" /></svg> </a> <a href="#0" target="_blank" rel="noreferrer nofollow"> <svg xmlns="http://www.w3.org/2000/svg" height="16" width="18" viewbox="0 0 576 512"><path d="M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z" /></svg> </a> <a href="#0" target="_blank" rel="noreferrer nofollow"> <svg xmlns="http://www.w3.org/2000/svg" height="16" width="20" viewbox="0 0 640 512"><path d="M180.5 74.3C80.8 74.3 0 155.6 0 256S80.8 437.7 180.5 437.7 361 356.4 361 256 280.2 74.3 180.5 74.3zm288.3 10.6c-49.8 0-90.2 76.6-90.2 171.1s40.4 171.1 90.3 171.1 90.3-76.6 90.3-171.1H559C559 161.5 518.6 84.9 468.8 84.9zm139.5 17.8c-17.5 0-31.7 68.6-31.7 153.3s14.2 153.3 31.7 153.3S640 340.6 640 256C640 171.4 625.8 102.7 608.3 102.7z" /></svg> </a> </div> </div> </div> </div> </header> <main id="main-content"> <main class="body-container-wrapper"> <div class="container-fluid body-container dnd-blog-listing body-container--blog-index"> <div class="row-fluid-wrapper"> <div class="row-fluid"> <div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section dnd_area-row-0-padding"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_custom_blog_listings-module-2" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="blog-listings-wrapper"> <div class="heading-wrapper"> <div class="heading"> <h2>Blueprint Blog</h2> </div> </div> <div class="blog-listings"> <div class="blog-listings-inner"> <article class="list-item "> <a href="https://blueprint.tech/blog/metas-2025-tracking-restrictions"> <div class="post__thumbnail"> <img src="https://blueprint.tech/hubfs/Heading%20%283%29.png" alt="⚠️ WARNING: Meta’s Latest Tracking Restrictions (Who’s affected and how to fix it)"> </div> </a> <div class="list-content"> <h3> <a href="https://blueprint.tech/blog/metas-2025-tracking-restrictions">⚠️ WARNING: Meta’s Latest Tracking Restrictions (Who’s affected and how to fix it)</a> </h3> <div class="post__summary"> <p style="font-size: 28px;"><span style="font-family: AmplitudeComp-Black;"><span style="color: #000000; font-weight: 900;">📈 WHAT HAPPENED?</span></span></p> </div> <a href="https://blueprint.tech/blog/metas-2025-tracking-restrictions" class="more-link">Read More »</a> </div> </article> <article class="list-item "> <a href="https://blueprint.tech/blog/just-aded-december-30-january-3"> <div class="post__thumbnail"> <img src="https://blueprint.tech/hubfs/Just%20Aded%20Headers/JustAddedBlogPost3.jpg" alt="Just Ad'ed December 30 - January 3"> </div> </a> <div class="list-content"> <h3> <a href="https://blueprint.tech/blog/just-aded-december-30-january-3">Just Ad'ed December 30 - January 3</a> </h3> <div class="post__summary"> <p>This week: Facebook improves ad targeting capabilities with deeper first-party data integration, Google Ads rolls out new tools to measure in-store campaign performance, Pinterest tests collaborative board ads for brands and influencers, Reddit showcases new ad placements aimed at high-engagement subreddits, and Twitter doubles down on spaces with audio ad options for monetization.</p> </div> <a href="https://blueprint.tech/blog/just-aded-december-30-january-3" class="more-link">Read More »</a> </div> </article> <article class="list-item "> <a href="https://blueprint.tech/blog/just-aded-december-23-27"> <div class="post__thumbnail"> <img src="https://blueprint.tech/hubfs/Just%20Aded%20Headers/JustAddedBlogPost6.jpg" alt="Just Ad'ed December 23-27"> </div> </a> <div class="list-content"> <h3> <a href="https://blueprint.tech/blog/just-aded-december-23-27">Just Ad'ed December 23-27</a> </h3> <div class="post__summary"> <p>This week: Hulu debuts pause-activated ads for holiday streaming, Meta tests influencer co-branded ad campaigns, TikTok launches AI-driven ad performance predictors, Google Ads introduces localized campaign metrics for small businesses, and Shopify rolls out personalized product discovery ads for merchants.</p> </div> <a href="https://blueprint.tech/blog/just-aded-december-23-27" class="more-link">Read More »</a> </div> </article> <article class="list-item "> <a href="https://blueprint.tech/blog/just-aded-december-16-20"> <div class="post__thumbnail"> <img src="https://blueprint.tech/hubfs/Just%20Aded%20Headers/JustAddedBlogPost8.jpg" alt="Just Ad'ed December 16-20"> </div> </a> <div class="list-content"> <h3> <a href="https://blueprint.tech/blog/just-aded-december-16-20">Just Ad'ed December 16-20</a> </h3> <div class="post__summary"> <p>This week: Meta introduces AI-powered A/B testing for ad creatives, Google Ads adds "moment targeting" for time-specific campaigns, TikTok tests immersive carousel ads, LinkedIn launches personalized messaging ads, and Snapchat rolls out new collaborative AR features for brands.</p> </div> <a href="https://blueprint.tech/blog/just-aded-december-16-20" class="more-link">Read More »</a> </div> </article> <article class="list-item "> <a href="https://blueprint.tech/blog/just-aded-december-9-13"> <div class="post__thumbnail"> <img src="https://blueprint.tech/hubfs/Just%20Aded%20Headers/just_added_july_8_12-2.jpg" alt="Just Ad'ed December 9-13"> </div> </a> <div class="list-content"> <h3> <a href="https://blueprint.tech/blog/just-aded-december-9-13">Just Ad'ed December 9-13</a> </h3> <div class="post__summary"> <p>This week: Facebook rolls out predictive ad performance insights, Google explores voice-driven search ads, TikTok introduces "spark ads" for organic video amplification, LinkedIn expands job title targeting options, and Pinterest tests AI-powered seasonal trend predictions for brands.</p> </div> <a href="https://blueprint.tech/blog/just-aded-december-9-13" class="more-link">Read More »</a> </div> </article> <article class="list-item "> <a href="https://blueprint.tech/blog/just-aded-december-2-6"> <div class="post__thumbnail"> <img src="https://blueprint.tech/hubfs/JustAddedBlogPostGreen.jpg" alt="Just Ad'ed December 2-6"> </div> </a> <div class="list-content"> <h3> <a href="https://blueprint.tech/blog/just-aded-december-2-6">Just Ad'ed December 2-6</a> </h3> <div class="post__summary"> <p>This week: Twitter (X) introduces branded hashtag stickers for ad campaigns, YouTube launches "Creator Connect" to pair brands with rising creators, Google Ads tests automated video creation tools, Snapchat integrates AR shopping try-ons, and Reddit updates its ad manager with new performance metrics.</p> </div> <a href="https://blueprint.tech/blog/just-aded-december-2-6" class="more-link">Read More »</a> </div> </article> <article class="list-item "> <a href="https://blueprint.tech/blog/just-aded-november-25-29"> <div class="post__thumbnail"> <img src="https://blueprint.tech/hubfs/Just%20Aded%20Headers/JustAdded_July_22-1.jpg" alt="Just Ad'ed November 25-29"> </div> </a> <div class="list-content"> <h3> <a href="https://blueprint.tech/blog/just-aded-november-25-29">Just Ad'ed November 25-29</a> </h3> <div class="post__summary"> <p>This week: Meta experiments with AR ads for Facebook Stories, LinkedIn debuts lead gen forms within video ads, Google integrates predictive analytics into campaign dashboards, Pinterest tests immersive product pins, and TikTok launches a holiday campaign toolkit for brands.</p> </div> <a href="https://blueprint.tech/blog/just-aded-november-25-29" class="more-link">Read More »</a> </div> </article> <article class="list-item "> <a href="https://blueprint.tech/blog/just-aded-november-18-22"> <div class="post__thumbnail"> <img src="https://blueprint.tech/hubfs/Just%20Aded%20Headers/JustAddedBlogPost5.jpg" alt="Just Ad'ed November 18-22"> </div> </a> <div class="list-content"> <h3> <a href="https://blueprint.tech/blog/just-aded-november-18-22">Just Ad'ed November 18-22</a> </h3> <div class="post__summary"> <p>This week: Instagram tests AI-driven ad placement optimization, Snapchat launches holiday-themed AR lenses for brands, Google unveils keyword-less ad campaigns powered by machine learning, TikTok rolls out story ads to boost visibility, and Reddit pilots sponsored AMAs for brand engagement.</p> </div> <a href="https://blueprint.tech/blog/just-aded-november-18-22" class="more-link">Read More »</a> </div> </article> <article class="list-item "> <a href="https://blueprint.tech/blog/just-aded-october-21-25"> <div class="post__thumbnail"> <img src="https://blueprint.tech/hubfs/Just%20Aded%20Headers/JustAddedBlog_TV_Pink.jpg" alt="Just Ad'ed October 21-25"> </div> </a> <div class="list-content"> <h3> <a href="https://blueprint.tech/blog/just-aded-october-21-25">Just Ad'ed October 21-25</a> </h3> <div class="post__summary"> <p>This week: Facebook rolls out a new “smart captions” feature for video ads, LinkedIn unveils dynamic ad formats for event promotion, Google Ads introduces “instant insights” for campaign monitoring, TikTok tests interest-based ad targeting, and Pinterest adds a shopping recommendations tool to enhance discovery.</p> </div> <a href="https://blueprint.tech/blog/just-aded-october-21-25" class="more-link">Read More »</a> </div> </article> <article class="list-item "> <a href="https://blueprint.tech/blog/just-aded-october-14-17"> <div class="post__thumbnail"> <img src="https://blueprint.tech/hubfs/Just_aded_rust_spotlight.jpg" alt="Just Ad'ed October 14-18"> </div> </a> <div class="list-content"> <h3> <a href="https://blueprint.tech/blog/just-aded-october-14-17">Just Ad'ed October 14-18</a> </h3> <div class="post__summary"> <p>This week: YouTube introduces unskippable mid-roll ads, Snapchat launches creator marketplace for brands, Google Ads enhances remarketing tools, TikTok tests collaborative ads with music influencers, and Reddit introduces user-driven ad feedback to improve relevance.</p> </div> <a href="https://blueprint.tech/blog/just-aded-october-14-17" class="more-link">Read More »</a> </div> </article> </div> </div> <div class="blog-pagination-wrapper"> <nav class="blog-pagination"> <a class="blog-pagination__link blog-pagination__prev-link blog-pagination__prev-link--disabled"> Prev </a> <a class="blog-pagination__link blog-pagination__next-link " href="https://blueprint.tech/blog/page/2"> Next </a> </nav> </div> </div></div> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> <div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-section"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_custom_blog_bottom_form-module-2" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <span id="hs_cos_wrapper_custom_blog_bottom_form-module-2_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="form"> <div id="hs_form_target_custom_blog_bottom_form-module-2"></div> </span> </div> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> </div><!--end widget-span --> </div> </div> </div> </main> </main> <footer class="footer"> <div class="footer__container"> <div id="hs_cos_wrapper_global_footer" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div id="" class="hhs-footer-mod blueprint_footer"> <div class="container"><div class="row hhs-foot-nav-cols"><div class="hhs_col1 col-lg-3 col-12 col-md-6"> <div class="hhs-foot-nav-col hhs-foot-rss nav-col-1"> <button class="foot-nav-title col-head-1 hide-desktop hide-tablet show-mobile"></button> <div class="hhs-col-content"><h2>Take <span class="ftr-shape1">back</span> your time.</h2></div> </div> </div> <div class="hhs_col2 col-lg-3 col-12 col-md-6"> <div class="hhs-foot-nav-col hhs-foot-rss nav-col-2"> <button class="foot-nav-title col-head-2 hide-desktop hide-tablet show-mobile"></button> <div class="hhs-col-content"><p>Media leaders and analysts love Blueprint for its simple tag-free setup, automated campaign analysis, and recommendation engine that drives faster decision-making and fuels ideas for future experiments. Ready to start? Hey, so are we! Let's talk.</p></div> </div> </div><div class="hhs_col3 col-lg-3 col-12 col-md-6"> <div class="hhs-foot-nav-col hhs-foot-rss nav-col-3"> <button class="foot-nav-title col-head-3 hide-desktop hide-tablet show-mobile"></button> <div class="hhs-col-content"><span id="hs_cos_wrapper_global_footer_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_global_footer_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu"> <ul role="menu" class="active-branch"> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://blueprint.tech/platform" role="menuitem" target="_self">Platform</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://blueprint.tech/pricing" role="menuitem" target="_self">Pricing</a></li> <li class="hs-menu-item hs-menu-depth-1 active active-branch" role="none"><a href="https://blueprint.tech/blog" role="menuitem" target="_self">Blog</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://blueprint.tech/about" role="menuitem" target="_self">About</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://blueprint.tech/contact-us" role="menuitem" target="_self">Contact Us</a></li> </ul> </div></span></div> </div> </div><div class="hhs_col4 col-lg-3 col-12 col-md-6"> <div class="hhs-foot-nav-col hhs-foot-rss nav-col-4"> <button class="foot-nav-title col-head-4 hide-desktop hide-tablet show-mobile"></button> <div class="hhs-col-content"><p><!--HubSpot Call-to-Action Code --><span class="hs-cta-wrapper" id="hs-cta-wrapper-cbe15217-be66-495a-817f-5486a0f0dea3"><span class="hs-cta-node hs-cta-cbe15217-be66-495a-817f-5486a0f0dea3" id="hs-cta-cbe15217-be66-495a-817f-5486a0f0dea3"><!--[if lte IE 8]><div id="hs-cta-ie-element"></div><![endif]--><a href="https://cta-redirect.hubspot.com/cta/redirect/39532806/cbe15217-be66-495a-817f-5486a0f0dea3"><img class="hs-cta-img" id="hs-cta-img-cbe15217-be66-495a-817f-5486a0f0dea3" style="border-width:0px;" src="https://no-cache.hubspot.com/cta/default/39532806/cbe15217-be66-495a-817f-5486a0f0dea3.png" alt="Book A Demo"></a></span><script charset="utf-8" src="/hs/cta/cta/current.js"></script><script type="text/javascript"> hbspt.cta._relativeUrls=true;hbspt.cta.load(39532806, 'cbe15217-be66-495a-817f-5486a0f0dea3', {"useNewLoader":"true","region":"na1"}); </script></span><!-- end HubSpot Call-to-Action Code --></p></div> </div> </div></div><div class="w-100 hhs-foot-break-line"></div> <div class="row hhs-foot-nav-base"> <div class="col-sm-6 order-2-mobile"> <div class="hhs-foot-base-copyright"> <p class="hhs-foot-copyright">© 2025 Copyright | Blueprint Advertising Machine, Inc. | All Rights Reserved</p> </div> <div class="hhs-foot-base-nav"><span id="hs_cos_wrapper_global_footer_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_global_footer_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu"> <ul role="menu"> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://blueprint.tech/privacy-policy" role="menuitem" target="_self">Privacy Policy</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://blueprint.tech/terms-and-conditions" role="menuitem" target="_self">Terms &amp; Conditions</a></li> </ul> </div></span></div> </div> <div class="col-sm-6 order-1-mobile"><div class="hhs-social-con"> <h4> Follow Us </h4> <a href="https://www.linkedin.com/company/blueprint-advertising-machine/" target="blank" rel="noreferrer nofollow"> <svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewbox="0 0 448 512"><path d="M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z" /></svg> </a> </div><div class="hhs-foot-logo"> <a href="https://blueprint.tech/home-old"> <img src="https://blueprint.tech/hubfs/blueprint-footer-logo-icon-1.svg" alt="blueprint-footer-logo-icon-1" loading="lazy" width="100%" style="max-width: 57px; max-height: 44px"> </a> </div></div> </div> </div> </div> <a href="javascript:" id="return-to-top"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z" /></svg> </a> </div> </div> </footer> </div> <!-- HubSpot performance collection script --> <script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script> <script src="https://blueprint.tech/hs-fs/hub/39532806/hub_generated/template_assets/168970995718/1724443373139/Blue_Print/js/clean-pro.min.js"></script> <script defer src="https://blueprint.tech/hs-fs/hub/39532806/hub_generated/template_assets/151482925421/1724391285211/Blue_Print/js/jquery-modal-min.min.js"></script> <script src="https://blueprint.tech/hs-fs/hub/39532806/hub_generated/template_assets/168190715281/1723691971840/Blue_Print/child.min.js"></script> <script> var hsVars = hsVars || {}; hsVars['language'] = 'en'; </script> <script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script> <script> var hamburger = document.querySelectorAll('.js-toggle-main-nav'); var hhsMenuQuickLinks = document.querySelectorAll('.hs-menu-item__quicklink'); var hhsMenuSubNavToggle = document.querySelectorAll('.js-sidebar-nav-toggle'); var sideMenuLinks = document.querySelectorAll('.js-side-menu a'); // Select all anchor links within the side menu function toggleMenu() { hamburger.forEach(item => { item.classList.toggle('active'); }); document.querySelector('.js-side-menu').classList.toggle('is-open'); document.querySelector('.body-wrapper').classList.toggle('nav-is-open'); return false; }; hhsMenuSubNavToggle.forEach(item => { item.addEventListener('click', function(e) { e.preventDefault(); this.classList.toggle('is-open'); this.parentNode.nextElementSibling.classList.toggle('is-open'); }) }); // Check if the event target or any of its parents has a specific class function hasParentWithClass(element, classname) { if (element.classList && element.classList.contains(classname)) { return true; } return element.parentNode && hasParentWithClass(element.parentNode, classname); } // Add this loop to attach event listeners to all side menu links sideMenuLinks.forEach(link => { link.addEventListener('click', function(e) { // Prevent the side menu from closing if the clicked link or any parent is a toggle button if (!hasParentWithClass(e.target, 'js-sidebar-nav-toggle')) { // Check if the clicked link is an anchor link if(this.getAttribute('href').startsWith('#')) { toggleMenu(); // Call the toggleMenu function to close the side menu } } }); }); // THIS IS FOR THE LANGUAGE SWITCHER document.addEventListener('DOMContentLoaded', function() { // SVG markup var svgHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 18px; height: 18px;"><path d="M352 256c0 22.2-1.2 43.6-3.3 64H163.3c-2.2-20.4-3.3-41.8-3.3-64s1.2-43.6 3.3-64H348.7c2.2 20.4 3.3 41.8 3.3 64zm28.8-64H503.9c5.3 20.5 8.1 41.9 8.1 64s-2.8 43.5-8.1 64H380.8c2.1-20.6 3.2-42 3.2-64s-1.1-43.4-3.2-64zm112.6-32H376.7c-10-63.9-29.8-117.4-55.3-151.6c78.3 20.7 142 77.5 171.9 151.6zm-149.1 0H167.7c6.1-36.4 15.5-68.6 27-94.7c10.5-23.6 22.2-40.7 33.5-51.5C239.4 3.2 248.7 0 256 0s16.6 3.2 27.8 13.8c11.3 10.8 23 27.9 33.5 51.5c11.6 26 20.9 58.2 27 94.7zm-209 0H18.6C48.6 85.9 112.2 29.1 190.6 8.4C165.1 42.6 145.3 96.1 135.3 160zM8.1 192H131.2c-2.1 20.6-3.2 42-3.2 64s1.1 43.4 3.2 64H8.1C2.8 299.5 0 278.1 0 256s2.8-43.5 8.1-64zM194.7 446.6c-11.6-26-20.9-58.2-27-94.6H344.3c-6.1 36.4-15.5 68.6-27 94.6c-10.5 23.6-22.2 40.7-33.5 51.5C272.6 508.8 263.3 512 256 512s-16.6-3.2-27.8-13.8c-11.3-10.8-23-27.9-33.5-51.5zM135.3 352c10 63.9 29.8 117.4 55.3 151.6C112.2 482.9 48.6 426.1 18.6 352H135.3zm358.1 0c-30 74.1-93.6 130.9-171.9 151.6c25.5-34.2 45.2-87.7 55.3-151.6H493.4z"/></svg>'; // Get all .hhs-lang-switch containers var containers = document.querySelectorAll('.hhs-lang-switch'); // Loop through each container containers.forEach(function(container) { // Check if the .globe_class exists within the current container var globeClass = container.querySelector('.globe_class'); if (globeClass) { // If .globe_class exists within the container, prepend the SVG to it globeClass.insertAdjacentHTML('afterbegin', svgHTML); } else { // If .globe_class doesn't exist, prepend the SVG to the current .hhs-lang-switch container container.insertAdjacentHTML('afterbegin', svgHTML); } }); }); // CHECK FOR NOTIFICATION BAR var notificationBar = document.querySelector(".notification-bar-small-bar"); var notificationBarHeight = 0; if (notificationBar) { notificationBarHeight = notificationBar.offsetHeight; } // THIS IS FOR THE STICKY HEADER const headerHeight = document.querySelector("#hhs-main-nav").offsetHeight; (function() { var header = document.querySelector(".hhs-top-bar"); document.addEventListener("scroll", function() { var scroll = window.scrollY; // Corrected from document.scrollTop if (scroll >= 110) { header.classList.add("sticky-menu"); // SMOOTHER SCROLLING WITH NOTIFICATION BAR AND WITHOUT OVERLAP HEADER if (scroll > 50) { header.classList.add("active"); } // CONSIDER NOTIFICATION BAR HEIGHT if (notificationBar && false) { document.body.style.paddingTop = (headerHeight + notificationBarHeight) + "px"; } else { document.body.style.paddingTop = headerHeight + "px"; } } else { header.classList.remove('sticky-menu'); document.body.style.paddingTop = 0; } }); })(); document.addEventListener("scroll", function() { // Variables var header = document.querySelector(".hhs-top-bar"); var scroll = window.scrollY; // Corrected from document.scrollTop if (scroll >= 50) { header.classList.add("active"); } else { header.classList.remove('active'); } }); </script> <script defer> $(function (e) { $('.foot-nav-title.col-head-1').click(function () { $(this).next('.hhs-foot-nav-col.nav-col-1 .hhs-col-content').slideToggle(250); $('.foot-nav-title').toggleClass('is-active'); $('.hhs-foot-nav-col.nav-col-1 .hhs-col-content').toggleClass('open-menu'); return false; }); $('.foot-nav-title.col-head-2').click(function () { $(this).next('.hhs-foot-nav-col.nav-col-2 .hhs-col-content').slideToggle(250); $('.foot-nav-title').toggleClass('is-active'); $('.hhs-foot-nav-col.nav-col-2 .hhs-col-content').toggleClass('open-menu'); return false; }); $('.foot-nav-title.col-head-3').click(function () { $(this).next('.hhs-foot-nav-col.nav-col-3 .hhs-col-content').slideToggle(250); $('.foot-nav-title').toggleClass('is-active'); $('.hhs-foot-nav-col.nav-col-3 .hhs-col-content').toggleClass('open-menu'); return false; }); $('.foot-nav-title.col-head-4').click(function () { $(this).next('.hhs-foot-nav-col.nav-col-4 .hhs-col-content').slideToggle(250); $('.foot-nav-title').toggleClass('is-active'); $('.hhs-foot-nav-col.nav-col-4 .hhs-col-content').toggleClass('open-menu'); return false; }); }); </script> <script defer> var txt = ""; txt += "<p>Browser CodeName: " + navigator.appCodeName + "</p>"; txt += "<p>Browser Name: " + navigator.appName + "</p>"; txt += "<p>Browser Version: " + navigator.appVersion + "</p>"; txt += "<p>Cookies Enabled: " + navigator.cookieEnabled + "</p>"; txt += "<p>Browser Language: " + navigator.language + "</p>"; txt += "<p>Browser Online: " + navigator.onLine + "</p>"; txt += "<p>Platform: " + navigator.platform + "</p>"; txt += "<p>User-agent header: " + navigator.userAgent + "</p>"; </script> <script> var returnToTop = document.getElementById('return-to-top'); window.addEventListener('scroll', function() { if (window.scrollY >= 50) { returnToTop.style.display = 'block'; } else { returnToTop.style.display = 'none'; } }); returnToTop.addEventListener('click', function() { scrollToTop(500); }); function scrollToTop(scrollDuration) { var scrollStep = -window.scrollY / (scrollDuration / 15); var scrollInterval = setInterval(function() { if (window.scrollY !== 0) { window.scrollBy(0, scrollStep); } else { clearInterval(scrollInterval); } }, 15); } </script> <!--[if lte IE 8]> <script charset="utf-8" src="https://js.hsforms.net/forms/v2-legacy.js"></script> <![endif]--> <script data-hs-allowed="true" src="/_hcms/forms/v2.js"></script> <script data-hs-allowed="true"> var options = { portalId: '39532806', formId: '43a23aaa-1062-4a35-b839-95786b47b218', formInstanceId: '5523', pageId: '152036596011', region: 'na1', css: '', target: '#hs_form_target_custom_blog_bottom_form-module-2', contentType: "listing-page", formsBaseUrl: '/_hcms/forms/', formData: { cssClass: 'hs-form stacked hs-custom-form' } }; options.getExtraMetaDataBeforeSubmit = function() { var metadata = {}; if (hbspt.targetedContentMetadata) { var count = hbspt.targetedContentMetadata.length; var targetedContentData = []; for (var i = 0; i < count; i++) { var tc = hbspt.targetedContentMetadata[i]; if ( tc.length !== 3) { continue; } targetedContentData.push({ definitionId: tc[0], criterionId: tc[1], smartTypeId: tc[2] }); } metadata["targetedContentMetadata"] = JSON.stringify(targetedContentData); } return metadata; }; hbspt.forms.create(options); </script> <!-- Start of HubSpot Analytics Code --> <script type="text/javascript"> var _hsq = _hsq || []; _hsq.push(["setContentType", "listing-page"]); _hsq.push(["setCanonicalUrl", "https:\/\/blueprint.tech\/blog"]); _hsq.push(["setPageId", "152036596012"]); _hsq.push(["setContentMetadata", { "contentPageId": 152036596012, "legacyPageId": "152036596012", "contentFolderId": null, "contentGroupId": 152036596011, "abTestId": null, "languageVariantId": 152036596012, "languageCode": "en", }]); </script> <script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/39532806.js"></script> <!-- End of HubSpot Analytics Code --> <script type="text/javascript"> var hsVars = { render_id: "3fdd4155-2b27-4e7d-83df-af600f06e669", ticks: 1739316053132, page_id: 152036596012, content_group_id: 152036596011, portal_id: 39532806, app_hs_base_url: "https://app.hubspot.com", cp_hs_base_url: "https://cp.hubspot.com", language: "en", analytics_page_type: "listing-page", scp_content_type: "", analytics_page_id: "152036596012", category_id: 7, folder_id: 0, is_hubspot_user: false } </script> <script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.393/js/index.js"></script> <script>!function () {var reb2b = window.reb2b = window.reb2b || []; if (reb2b.invoked) return;reb2b.invoked = true;reb2b.methods = ["identify", "collect"]; reb2b.factory = function (method) {return function () {var args = Array.prototype.slice.call(arguments); args.unshift(method);reb2b.push(args);return reb2b;};}; for (var i = 0; i < reb2b.methods.length; i++) {var key = reb2b.methods[i];reb2b[key] = reb2b.factory(key);} reb2b.load = function (key) {var script = document.createElement("script");script.type = "text/javascript";script.async = true; script.src = "https://s3-us-west-2.amazonaws.com/b2bjsstore/b/" + key + "/reb2b.js.gz"; var first = document.getElementsByTagName("script")[0]; first.parentNode.insertBefore(script, first);}; reb2b.SNIPPET_VERSION = "1.0.1";reb2b.load("0NW1GH7JP4O4");}();</script> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v3.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </body></html>

Pages: 1 2 3 4 5 6 7 8 9 10