web yönlendirmesini kontrol et url durum kodu denetleyicisi

Sunucu yanıtını kontrol edin

Sunucu yanıtı
NS kayıtları
Whois alanı
Yanıt başlıkları
İstek başlıkları
Ham HTML kodu
301 Moved Permanently - pyxl.com
HTTP Status: 301
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Server: nginx
Date: Fri, 23 May 2025 15:22:39 GMT
Content-Type: text/html
Content-Length: 162
Connection: keep-alive
Keep-Alive: timeout=20
Location: https://pyxl.com/
server: nginx
date: Fri, 23 May 2025 15:22:39 GMT
content-type: text/html; charset=UTF-8
content-length: 177579
vary: Accept-Encoding
vary: Accept-Encoding
vary: Accept-Encoding
link: <https://pyxl.com/wp-json/>; rel="https://api.w.org/"
link: <https://pyxl.com/wp-json/wp/v2/pages/5>; rel="alternate"; title="JSON"; type="application/json"
link: <https://pyxl.com/>; rel=shortlink
x-powered-by: WP Engine
x-cacheable: SHORT
vary: Accept-Encoding,Cookie
cache-control: max-age=600, must-revalidate
accept-ranges: bytes
x-cache: HIT: 7
x-cache-group: normal

HTTP Kodu 301 Kalıcı Olarak Taşındı

301 durum kodu, istenen kaynağın kalıcı olarak yeni bir URL'ye taşındığı anlamına gelir. Gelecekteki tüm istekler yeni adresi kullanmalıdır.

Kod 301 ne zaman kullanılır?

  • Bir web sitesi alan adını değiştirirken
  • URL yapılarını değiştirirken
  • SEO için yönlendirmeleri ayarlarken

Kod 301 kullanıcı için ne anlama geliyor?

Tarayıcı kullanıcıyı otomatik olarak yeni adrese yönlendirecek ve arama motorları dizinlerini güncelleyecektir.

GET / HTTP/1.1
Host: pyxl.com
Accept: */*
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])

<!DOCTYPE html><html lang="en"><head>
	<!-- Prefetch -->
		<!-- Meta Tags -->
	<meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<script type="text/javascript">
/* <![CDATA[ */
var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),document.addEventListener("gform/theme/scripts_loaded",function(){gform.themeScriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>"function"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn("The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1."),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener("gform_main_scripts_loaded",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener("gform/theme/scripts_loaded",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener("DOMContentLoaded",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook("action",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook("filter",o,r,e,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,r){gform.removeHook("action",o,r)},removeFilter:function(o,r,e){gform.removeHook("filter",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+"_"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==r?t.apply(null,e):e[0]=t.apply(null,e)})),"filter"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});
/* ]]> */
</script>

	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
	<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
	
	<!-- This site is optimized with the Yoast SEO plugin v25.1 - https://yoast.com/wordpress/plugins/seo/ -->
	<title>Pyxl | Digital Services and AI Solutions | Your Growth Partner</title>
	<meta name="description" content="We offer a comprehensive suite of services that fuse over 16 years of digital services expertise with our innovative AI solutions." />
	<link rel="canonical" href="https://pyxl.com/" />
	<meta property="og:locale" content="en_US" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="Pyxl | Digital Services and AI Solutions | Your Growth Partner" />
	<meta property="og:description" content="We offer a comprehensive suite of services that fuse over 16 years of digital services expertise with our innovative AI solutions." />
	<meta property="og:url" content="https://pyxl.com/" />
	<meta property="og:site_name" content="Pyxl" />
	<meta property="article:publisher" content="https://www.facebook.com/pyxl.inc" />
	<meta property="article:modified_time" content="2025-05-14T19:02:07+00:00" />
	<meta property="og:image" content="https://pyxl.com/wp-content/uploads/2020/09/Facebook-placeholder.jpg" />
	<meta property="og:image:width" content="1920" />
	<meta property="og:image:height" content="1200" />
	<meta property="og:image:type" content="image/jpeg" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:site" content="@thinkpyxl" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://pyxl.com/","url":"https://pyxl.com/","name":"Pyxl | Digital Services and AI Solutions | Your Growth Partner","isPartOf":{"@id":"https://pyxl.com/#website"},"datePublished":"2020-08-19T07:43:24+00:00","dateModified":"2025-05-14T19:02:07+00:00","description":"We offer a comprehensive suite of services that fuse over 16 years of digital services expertise with our innovative AI solutions.","breadcrumb":{"@id":"https://pyxl.com/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://pyxl.com/"]}]},{"@type":"BreadcrumbList","@id":"https://pyxl.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://pyxl.com/#website","url":"https://pyxl.com/","name":"Pyxl","description":"A Digital Marketing Agency","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://pyxl.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script>
	<!-- / Yoast SEO plugin. -->


<link rel='stylesheet' id='wp-block-library-css' href='https://pyxl.com/wp-includes/css/dist/block-library/style.min.css?ver=6.8' type='text/css' media='all' />
<style id='wp-block-library-theme-inline-css' type='text/css'>
.wp-block-audio :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio :where(figcaption){color:#ffffffa6}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed :where(figcaption){color:#ffffffa6}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:#ffffffa6}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme :root :where(.wp-block-image figcaption){color:#ffffffa6}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote:where(.has-text-align-right){border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote:where(.has-text-align-center){border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote:where(.is-style-plain){border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table :where(figcaption){color:#ffffffa6}.wp-block-video :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video :where(figcaption){color:#ffffffa6}.wp-block-video{margin:0 0 1em}:root :where(.wp-block-template-part.has-background){margin-bottom:0;margin-top:0;padding:1.25em 2.375em}
</style>
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id='global-styles-inline-css' type='text/css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<link rel='stylesheet' id='custom-frontend-style-progressive-css' href='https://pyxl.com/wp-content/plugins/progressive-profiling-gravityforms/inc/style-frontend.css?ver=6.8' type='text/css' media='all' />
<link rel='stylesheet' id='main-css' href='https://pyxl.com/wp-content/themes/_view/dist/styles/styles.min.css?ver=1698167079' type='text/css' media='all' />
<link rel='stylesheet' id='swiper.css-css' href='https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css?ver=6.8' type='text/css' media='all' />
<link rel='stylesheet' id='addtoany-css' href='https://pyxl.com/wp-content/plugins/add-to-any/addtoany.min.css?ver=1.16' type='text/css' media='all' />
<script type="text/javascript" id="addtoany-core-js-before">
/* <![CDATA[ */
window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};
a2a_config.icon_color="transparent";
/* ]]> */
</script>
<script type="text/javascript" defer src="https://static.addtoany.com/menu/page.js" id="addtoany-core-js"></script>
<script type="text/javascript" src="https://pyxl.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://pyxl.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<script type="text/javascript" defer src="https://pyxl.com/wp-content/plugins/add-to-any/addtoany.min.js?ver=1.1" id="addtoany-jquery-js"></script>
<script type="text/javascript" src="https://pyxl.com/wp-content/plugins/progressive-profiling-gravityforms/inc/script-frontend.js?ver=6.8" id="custom-frontend-script-progressive-js"></script>
<script type="text/javascript" src="https://unpkg.com/jarallax@1/dist/jarallax.min.js" id="jarallax-js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js" id="swiper-js"></script>
<script type="text/javascript" defer='defer' src="https://pyxl.com/wp-content/plugins/gravityforms/js/jquery.json.min.js?ver=2.9.8" id="gform_json-js"></script>
<script type="text/javascript" id="gform_gravityforms-js-extra">
/* <![CDATA[ */
var gf_global = {"gf_currency_config":{"name":"U.S. Dollar","symbol_left":"$","symbol_right":"","symbol_padding":"","thousand_separator":",","decimal_separator":".","decimals":2,"code":"USD"},"base_url":"https:\/\/pyxl.com\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/pyxl.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"534388a283d7004a9eeb66e6b425d34c","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved.  The content contains the link to return and complete the form."}};
var gform_i18n = {"datepicker":{"days":{"monday":"Mo","tuesday":"Tu","wednesday":"We","thursday":"Th","friday":"Fr","saturday":"Sa","sunday":"Su"},"months":{"january":"January","february":"February","march":"March","april":"April","may":"May","june":"June","july":"July","august":"August","september":"September","october":"October","november":"November","december":"December"},"firstDay":1,"iconText":"Select date"}};
var gf_legacy_multi = {"3":"1"};
var gform_gravityforms = {"strings":{"invalid_file_extension":"This type of file is not allowed. Must be one of the following:","delete_file":"Delete this file","in_progress":"in progress","file_exceeds_limit":"File exceeds size limit","illegal_extension":"This type of file is not allowed.","max_reached":"Maximum number of files reached","unknown_error":"There was a problem while saving the file on the server","currently_uploading":"Please wait for the uploading to complete","cancel":"Cancel","cancel_upload":"Cancel this upload","cancelled":"Cancelled"},"vars":{"images_url":"https:\/\/pyxl.com\/wp-content\/plugins\/gravityforms\/images"}};
/* ]]> */
</script>
<script type="text/javascript" id="gform_gravityforms-js-before">
/* <![CDATA[ */
var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),document.addEventListener("gform/theme/scripts_loaded",function(){gform.themeScriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>"function"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn("The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1."),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener("gform_main_scripts_loaded",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener("gform/theme/scripts_loaded",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener("DOMContentLoaded",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook("action",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook("filter",o,r,e,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,r){gform.removeHook("action",o,r)},removeFilter:function(o,r,e){gform.removeHook("filter",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+"_"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==r?t.apply(null,e):e[0]=t.apply(null,e)})),"filter"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});
/* ]]> */
</script>
<script type="text/javascript" defer='defer' src="https://pyxl.com/wp-content/plugins/gravityforms/js/gravityforms.min.js?ver=2.9.8" id="gform_gravityforms-js"></script>
<script type="text/javascript" defer='defer' src="https://www.google.com/recaptcha/api.js?hl=en&amp;ver=6.8#038;render=explicit" id="gform_recaptcha-js"></script>
<script type="text/javascript" defer='defer' src="https://pyxl.com/wp-content/plugins/gravityforms/assets/js/dist/utils.min.js?ver=d1f4caf9d41e0123f387bd5029d08d19" id="gform_gravityforms_utils-js"></script>
		<style type="text/css" id="wp-custom-css">
			.ui-datepicker{
	background: #fff;
}
.ui-datepicker-next{
	float: right;
}

.ui-corner-all, 
.ui-state-default{
	cursor:pointer;
}

body.home .logos-tabs{
	display:none;
}

.wp-block-acf-block-basic p{
	margin-bottom: 16px;
}

.pyxl_form_footer_newsletter_wrapper input[type=email] { 
border-width: 1px;
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
    --bg-opacity: 1;
    background-color: #020520;
    background-color: rgba(2, 5, 32, var(--bg-opacity));
    border-radius: 9999px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-width: 0;
    height: 3rem;
    padding-left: 1.5rem;
    margin-top: 1rem;
    padding-right: 1rem;
    width: 75%;
}


form.gate-form-wrapper input[type=email], form.job-form-wrapper input[type=email], form.pyxl_form_contact input[type=email] {
    --bg-opacity: 1;
    background-color: #ebebeb;
    background-color: rgba(235, 235, 235, var(--bg-opacity));
    width: 100%;
    border-radius: .25rem;
    border-width: 1px;
    --border-opacity: 1;
    border-color: #ebebeb;
    border-color: rgba(235, 235, 235, var(--border-opacity));
    padding: 1rem !important;
}

form.pyxl_form_blog_subscription.pyxl_form_blog_subscription input[type=email] {
    border-width: 1px;
    --border-opacity: 1;
    border-color: #dedede;
    border-color: rgba(222, 222, 222, var(--border-opacity));
    border-radius: 9999px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-width: 0;
    height: 3rem;
    padding-left: 1.5rem;
    width: 91.666667%;
}

@media (min-width: 768px) {
    .pyxl_form_footer_newsletter input[type=email] {
        width: 83.333333%;
    }
}

@media (max-width: 768px){
	#wrapper > main > section > footer > div.flex.flex-col.items-center.pt-10.text-center.lg\:flex-row.lg\:text-left.pb-13 > div.lg\:w-1\/3.text-cyan > div.flex.flex-row.items-center.justify-between.w-full.px-16.pt-10.mb-4.lg\:pt-0.lg\:px-24{
		gap:10px;
		
	}
}

.icon--services-chevron-left{
	right: 60.1%;
}

.services--selector span.lg\:ml-6{
	flex:1;
	margin-left:25px;
}		</style>
		
	<!-- Google Tag Manager -->
			<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
			new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
			j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
			'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
			})(window,document,'script','dataLayer','GTM-58K64P8');</script>
			<!-- End Google Tag Manager -->

	<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
	<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
	<link rel="manifest" href="/site.webmanifest">
	<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#154eff">
	<meta name="msapplication-TileColor" content="#ffffff">
	<meta name="theme-color" content="#ffffff">

	<script
  src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.min.js"
  defer
></script>
	<script src="https://unpkg.com/jarallax@1/dist/jarallax.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.4.2/gsap.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.4.2/ScrollTrigger.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css?ver=6.3.2" type="text/css" media="all">
	<link rel="preload" href="/wp-content/themes/_view/dist/styles/fonts/Gilroy-Bold.woff" as="font" crossorigin="anonymous" />
	<link rel="preload" href="/wp-content/themes/_view/dist/styles/fonts/Gilroy-Bold.woff2" as="font" crossorigin="anonymous" />
	<link rel="preload" href="/wp-content/themes/_view/dist/styles/fonts/Gilroy-SemiBold.woff2" as="font" crossorigin="anonymous" />
	<link rel="preload" href="/wp-content/themes/_view/dist/styles/fonts/Gilroy-Regular.woff2" as="font" crossorigin="anonymous" />

	<script type='application/ld+json'>
{
  "@context": "http://www.schema.org",
  "@type": "ProfessionalService",
  "name": "Pyxl",
  "url": "https://pyxl.com/",
  "logo": "https://pyxl.com/wp-content/uploads/2020/09/logo.png",
  "description": "Pyxl is an award-winning digital agency founded in 2008 that delivers high-value digital product and digital marketing services to B2B and B2C industry leaders seeking to transform and optimize their businesses through well-executed digital strategies and digital experiences. Pyxl is a Platinum HubSpot Agency Partner, and a certified agency partner since 2012.",
  "address": {
     "@type": "PostalAddress",
     "streetAddress": "1033 Demonbreun, Suite 300",
     "addressLocality": "Nashville",
     "addressRegion": "TN",
     "postalCode": "37203"
  },
   "openingHours": "Mo 09:00-17:00 Tu 01:00-17:00 We 09:00-17:00 Th 09:00-17:00 Fr 09:00-17:00",
  "telephone": "615-647-6792"
}
</script>
</head>
<body class="home wp-singular page page-id-5 wp-embed-responsive wp-theme-_view page-template-home"><!-- Google Tag Manager (noscript) -->
	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-58K64P8"
	height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
	<!-- End Google Tag Manager (noscript) --><svg class="svg-icon-lib" aria-hidden="true" style="position:absolute;width:0;height:0;overflow:hidden;" data-enabled="true" xmlns="http://www.w3.org/2000/svg">
<symbol id="icon-facebook-f" viewBox="0 0 320 512"><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></symbol>
<symbol id="icon-facebook" viewBox="0 0 512 512"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/></symbol>
<symbol id="icon-twitter" viewBox="0 0 512 512"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></symbol>
<symbol id="icon-google" viewBox="0 0 488 512"><path d="M488 261.8C488 403.3 391.1 504 248 504 110.8 504 0 393.2 0 256S110.8 8 248 8c66.8 0 123 24.5 166.3 64.9l-67.5 64.9C258.5 52.6 94.3 116.6 94.3 256c0 86.5 69.1 156.6 153.7 156.6 98.2 0 135-70.4 140.8-106.9H248v-85.3h236.1c2.3 12.7 3.9 24.9 3.9 41.4z"/></symbol>
<symbol id="icon-youtube" viewBox="0 0 576 512"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></symbol>
<symbol id="icon-instagram" 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"/></symbol>
<symbol id="icon-linkedin-in" viewBox="0 0 448 512"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 01107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"/></symbol>
<symbol id="icon-vimeo-v" viewBox="0 0 448 512"><path d="M447.8 153.6c-2 43.6-32.4 103.3-91.4 179.1-60.9 79.2-112.4 118.8-154.6 118.8-26.1 0-48.2-24.1-66.3-72.3C100.3 250 85.3 174.3 56.2 174.3c-3.4 0-15.1 7.1-35.2 21.1L0 168.2c51.6-45.3 100.9-95.7 131.8-98.5 34.9-3.4 56.3 20.5 64.4 71.5 28.7 181.5 41.4 208.9 93.6 126.7 18.7-29.6 28.8-52.1 30.2-67.6 4.8-45.9-35.8-42.8-63.3-31 22-72.1 64.1-107.1 126.2-105.1 45.8 1.2 67.5 31.1 64.9 89.4z"/></symbol>
<symbol id="icon-pinterest-p" viewBox="0 0 384 512"><path d="M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z"/></symbol>
<symbol id="icon-search" viewBox="0 0 512 512"><path d="M508.5 481.6l-129-129c-2.3-2.3-5.3-3.5-8.5-3.5h-10.3C395 312 416 262.5 416 208 416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c54.5 0 104-21 141.1-55.2V371c0 3.2 1.3 6.2 3.5 8.5l129 129c4.7 4.7 12.3 4.7 17 0l9.9-9.9c4.7-4.7 4.7-12.3 0-17zM208 384c-97.3 0-176-78.7-176-176S110.7 32 208 32s176 78.7 176 176-78.7 176-176 176z"/></symbol>
<symbol id="icon-arrow-to-bottom" viewBox="0 0 384 512"><path d="M348.5 264l-148 148.5c-4.7 4.7-12.3 4.7-17 0L35.5 264c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l115.4 116V44c0-6.6 5.4-12 12-12h10c6.6 0 12 5.4 12 12v311.9L324.4 240c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.6 4.7 12.2 0 16.9zM384 468v-8c0-6.6-5.4-12-12-12H12c-6.6 0-12 5.4-12 12v8c0 6.6 5.4 12 12 12h360c6.6 0 12-5.4 12-12z"/></symbol>
<symbol id="icon-bars" viewBox="0 0 448 512"><path d="M442 114H6a6 6 0 01-6-6V84a6 6 0 016-6h436a6 6 0 016 6v24a6 6 0 01-6 6zm0 160H6a6 6 0 01-6-6v-24a6 6 0 016-6h436a6 6 0 016 6v24a6 6 0 01-6 6zm0 160H6a6 6 0 01-6-6v-24a6 6 0 016-6h436a6 6 0 016 6v24a6 6 0 01-6 6z"/></symbol>
<symbol id="icon-times" viewBox="0 0 320 512"><path d="M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z"/></symbol>
<symbol id="icon-chevron-down" viewBox="0 0 448 512"><path d="M443.5 162.6l-7.1-7.1c-4.7-4.7-12.3-4.7-17 0L224 351 28.5 155.5c-4.7-4.7-12.3-4.7-17 0l-7.1 7.1c-4.7 4.7-4.7 12.3 0 17l211 211.1c4.7 4.7 12.3 4.7 17 0l211-211.1c4.8-4.7 4.8-12.3.1-17z"/></symbol>
<symbol id="icon-envelope-open-text" viewBox="0 0 512 512"><path d="M352 248v-16c0-4.42-3.58-8-8-8H168c-4.42 0-8 3.58-8 8v16c0 4.42 3.58 8 8 8h176c4.42 0 8-3.58 8-8zm-184-56h176c4.42 0 8-3.58 8-8v-16c0-4.42-3.58-8-8-8H168c-4.42 0-8 3.58-8 8v16c0 4.42 3.58 8 8 8zm326.59-27.48c-1.98-1.63-22.19-17.91-46.59-37.53V96c0-17.67-14.33-32-32-32h-46.47c-4.13-3.31-7.71-6.16-10.2-8.14C337.23 38.19 299.44 0 256 0c-43.21 0-80.64 37.72-103.34 55.86-2.53 2.01-6.1 4.87-10.2 8.14H96c-17.67 0-32 14.33-32 32v30.98c-24.52 19.71-44.75 36.01-46.48 37.43A48.002 48.002 0 000 201.48V464c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V201.51c0-14.31-6.38-27.88-17.41-36.99zM256 32c21.77 0 44.64 16.72 63.14 32H192.9c18.53-15.27 41.42-32 63.1-32zM96 96h320v173.35c-32.33 26-65.3 52.44-86.59 69.34-16.85 13.43-50.19 45.68-73.41 45.31-23.21.38-56.56-31.88-73.41-45.32-21.29-16.9-54.24-43.33-86.59-69.34V96zM32 201.48c0-4.8 2.13-9.31 5.84-12.36 1.24-1.02 11.62-9.38 26.16-21.08v75.55c-11.53-9.28-22.51-18.13-32-25.78v-16.33zM480 464c0 8.82-7.18 16-16 16H48c-8.82 0-16-7.18-16-16V258.91c42.75 34.44 99.31 79.92 130.68 104.82 20.49 16.36 56.74 52.53 93.32 52.26 36.45.26 72.27-35.46 93.31-52.26C380.72 338.8 437.24 293.34 480 258.9V464zm0-246.19c-9.62 7.75-20.27 16.34-32 25.79v-75.54c14.44 11.62 24.8 19.97 26.2 21.12 3.69 3.05 5.8 7.54 5.8 12.33v16.3z"/></symbol>
<symbol id="icon-phone" viewBox="0 0 512 512"><path d="M487.8 24.1L387 .8c-14.7-3.4-29.8 4.2-35.8 18.1l-46.5 108.5c-5.5 12.7-1.8 27.7 8.9 36.5l53.9 44.1c-34 69.2-90.3 125.6-159.6 159.6l-44.1-53.9c-8.8-10.7-23.8-14.4-36.5-8.9L18.9 351.3C5 357.3-2.6 372.3.8 387L24 487.7C27.3 502 39.9 512 54.5 512 306.7 512 512 307.8 512 54.5c0-14.6-10-27.2-24.2-30.4zM55.1 480l-23-99.6 107.4-46 59.5 72.8c103.6-48.6 159.7-104.9 208.1-208.1l-72.8-59.5 46-107.4 99.6 23C479.7 289.7 289.6 479.7 55.1 480z"/></symbol>
<symbol id="icon-external-link-alt" viewBox="0 0 512 512"><path d="M440 256h-16a8 8 0 00-8 8v200a16 16 0 01-16 16H48a16 16 0 01-16-16V112a16 16 0 0116-16h200a8 8 0 008-8V72a8 8 0 00-8-8H48a48 48 0 00-48 48v352a48 48 0 0048 48h352a48 48 0 0048-48V264a8 8 0 00-8-8zM480 0h-.06l-96.16.17c-28.45 0-42.66 34.54-22.58 54.62l35.28 35.28-265 265a12 12 0 000 17l8.49 8.49a12 12 0 0017 0l265-265 35.28 35.27c20 20 54.57 6 54.62-22.57l.13-96.21A32 32 0 00480 0zm-.17 128.17l-96-96L480 32z"/></symbol>
<symbol id="icon-weight" viewBox="0 0 512 512"><path d="M448 64h-64.81C353.95 25.38 308.07 0 256 0s-97.95 25.38-127.19 64H64C28.71 64 0 92.71 0 128v320c0 35.29 28.71 64 64 64h384c35.29 0 64-28.71 64-64V128c0-35.29-28.71-64-64-64zM256 32c70.69 0 128 57.31 128 128s-57.31 128-128 128-128-57.31-128-128S185.31 32 256 32zm224 416c0 17.67-14.33 32-32 32H64c-17.67 0-32-14.33-32-32V128c0-17.67 14.33-32 32-32h45.56C100.94 115.63 96 137.22 96 160c0 88.22 71.78 160 160 160s160-71.78 160-160c0-22.78-4.94-44.37-13.56-64H448c17.67 0 32 14.33 32 32v320zM256 256c26.47 0 48-21.53 48-48 0-13.92-6.05-26.36-15.54-35.13l30.24-70.57c3.48-8.11-.28-17.52-8.41-21-8.08-3.48-17.52.27-21 8.41l-30.26 70.6C223.57 158 208 188.65 208 208c0 26.47 21.53 48 48 48zm0-64c8.84 0 16 7.16 16 16s-7.16 16-16 16-16-7.16-16-16 7.16-16 16-16z"/></symbol>
<symbol id="icon-running" viewBox="0 0 448 512"><path d="M396 216h-14.53l-9.04-27.12c-8.11-24.31-24.18-44-44.5-58.04C347 117.91 360 96.73 360 72c0-39.7-32.3-72-72-72s-72 32.3-72 72c0 8.34 1.56 16.28 4.2 23.72-8.62-1.98-17.37-3.22-26.13-3.22-20.55 0-40.8 5.53-58.64 16l-46.19 24.07C64.7 147.31 56.7 179.3 71.4 203.88c9.39 15.62 26.48 25.27 44.63 25.27 8.98 0 17.82-2.33 25.65-6.76l18.95-9.85L101.75 344H52c-28.67 0-52 23.33-52 52s23.33 52 52 52h62.91c33.65 0 63.95-19.99 77.2-50.92l19.32-39.74 43.7 19.63-19.64 68.74c-7.87 27.58 8.15 56.42 35.71 64.29 4.8 1.34 9.55 2 14.31 2 23.07 0 43.62-15.5 49.98-37.69l24.4-85.4c7.11-24.86 2.02-50.92-12.01-71.12 6.2 1.45 12.63 2.21 19.2 2.21H396c28.67 0 52-23.33 52-52s-23.33-52-52-52zM288 32c22.09 0 40 17.91 40 40s-17.91 40-40 40-40-17.91-40-40 17.91-40 40-40zM162.69 384.48A51.915 51.915 0 01114.91 416H52c-11.05 0-20-8.95-20-20s8.95-20 20-20h62.91c4.8 0 9.12-2.86 11.03-7.28l26.72-56.88c6.9 12.72 17.07 23.57 29.98 31.43l-19.95 41.21zM396 288h-28.94a51.94 51.94 0 01-49.33-35.55l-13.59-40.8c-2.83-8.46-8.21-15.43-15-20.67l-41.47 103.69 52.78 23.72c23.41 10.55 35.72 37.09 28.67 61.73l-24.39 85.38c-2.52 8.78-10.52 14.5-19.22 14.5-1.83 0-3.67-.25-5.52-.77-10.61-3.03-16.77-14.11-13.73-24.73l24.39-85.38c1.64-5.69-1.22-11.81-6.62-14.25 0 0-85.82-39.04-88.71-41.16-17.8-13.09-25.42-36.48-18.51-57.88l37.75-87.57s-16.9-3.77-20.5-3.77c-7.88 0-15.59 2.14-22.5 6.31l-45.25 23.52a20.137 20.137 0 01-10.29 2.84c-6.8 0-13.41-3.46-17.16-9.7-5.67-9.48-2.61-21.77 6.86-27.45l45.26-23.52c13.24-7.93 28.06-11.99 43.1-11.99 6.83 0 13.72.84 20.51 2.53l68.19 17.05c28 6.98 50.17 27.52 59.31 54.92l13.59 40.8c1.64 4.91 6.22 8.2 11.39 8.2H396c11.05 0 20 8.95 20 20s-8.95 20-20 20z"/></symbol>
<symbol id="icon-weight-hanging" viewBox="0 0 512 512"><path d="M510.28 445.86l-73.03-292.13c-3.8-15.19-16.44-25.72-30.87-25.72h-86.74C329.77 114.6 336 98.09 336 80c0-44.18-35.82-80-80-80s-80 35.82-80 80c0 18.09 6.23 34.6 16.36 48h-86.74c-14.43 0-27.08 10.54-30.87 25.72L1.72 445.86C-6.61 479.17 16.38 512 48.03 512h415.95c31.64 0 54.63-32.83 46.3-66.14zM208 80c0-26.47 21.53-48 48-48s48 21.53 48 48-21.53 48-48 48-48-21.53-48-48zm267.27 393.92c-2.17 2.77-5.88 6.08-11.3 6.08H48.03c-5.42 0-9.13-3.3-11.3-6.08-4.29-5.49-5.77-13.08-3.96-20.3l73.03-292.13c.21-.83.52-1.32.43-1.48h299.31c.2.26.47.72.66 1.48l73.03 292.13c1.81 7.22.33 14.81-3.96 20.3z"/></symbol>
<symbol id="icon-ruler" viewBox="0 0 640 512"><path d="M635.7 165.8L556.1 27.9C550.2 17.7 539.5 12 528.5 12c-5.4 0-10.9 1.4-15.9 4.3L15.9 302.8C.7 311.5-4.5 331 4.3 346.2L83.9 484c5.9 10.2 16.6 15.9 27.6 15.9 5.4 0 10.9-1.4 15.9-4.3L624 209.1c15.3-8.6 20.5-28.1 11.7-43.3zM111.5 468.2L31.9 330.3l69-39.8 43.8 75.8c2.2 3.8 7.1 5.1 10.9 2.9l13.8-8c3.8-2.2 5.1-7.1 2.9-10.9l-43.8-75.8 55.2-31.8 27.9 48.2c2.2 3.8 7.1 5.1 10.9 2.9l13.8-8c3.8-2.2 5.1-7.1 2.9-10.9l-27.9-48.2 55.2-31.8 43.8 75.8c2.2 3.8 7.1 5.1 10.9 2.9l13.8-8c3.8-2.2 5.1-7.1 2.9-10.9L294 179.1l55.2-31.8 27.9 48.2c2.2 3.8 7.1 5.1 10.9 2.9l13.8-8c3.8-2.2 5.1-7.1 2.9-10.9l-27.9-48.2L432 99.5l43.8 75.8c2.2 3.8 7.1 5.1 10.9 2.9l13.8-8c3.8-2.2 5.1-7.1 2.9-10.9l-43.8-75.8 69-39.8 79.6 137.8-496.7 286.7z"/></symbol>
<symbol id="icon-ruler-horizontal" viewBox="0 0 640 512"><path d="M608 128H32c-17.67 0-32 14.33-32 32v192c0 17.67 14.33 32 32 32h576c17.67 0 32-14.33 32-32V160c0-17.67-14.33-32-32-32zm0 224H32V160h80v56c0 4.42 3.58 8 8 8h16c4.42 0 8-3.58 8-8v-56h64v56c0 4.42 3.58 8 8 8h16c4.42 0 8-3.58 8-8v-56h64v56c0 4.42 3.58 8 8 8h16c4.42 0 8-3.58 8-8v-56h64v56c0 4.42 3.58 8 8 8h16c4.42 0 8-3.58 8-8v-56h64v56c0 4.42 3.58 8 8 8h16c4.42 0 8-3.58 8-8v-56h80v192z"/></symbol>
<symbol id="icon-ruler-vertical" viewBox="0 0 256 512"><path d="M224 0H32C14.33 0 0 14.33 0 32v448c0 17.67 14.33 32 32 32h192c17.67 0 32-14.33 32-32V32c0-17.67-14.33-32-32-32zM32 480V32h192v64h-56c-4.42 0-8 3.58-8 8v16c0 4.42 3.58 8 8 8h56v64h-56c-4.42 0-8 3.58-8 8v16c0 4.42 3.58 8 8 8h56v64h-56c-4.42 0-8 3.58-8 8v16c0 4.42 3.58 8 8 8h56v64h-56c-4.42 0-8 3.58-8 8v16c0 4.42 3.58 8 8 8h56v64H32z"/></symbol>
<symbol id="icon-circle-notch" viewBox="0 0 512 512"><path d="M288 24.103v8.169a11.995 11.995 0 009.698 11.768C396.638 63.425 472 150.461 472 256c0 118.663-96.055 216-216 216-118.663 0-216-96.055-216-216 0-104.534 74.546-192.509 174.297-211.978A11.993 11.993 0 00224 32.253v-8.147c0-7.523-6.845-13.193-14.237-11.798C94.472 34.048 7.364 135.575 8.004 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.789 504 256c0-121.187-86.924-222.067-201.824-243.704C294.807 10.908 288 16.604 288 24.103z"/></symbol>
<symbol id="icon-ruler-triangle" viewBox="0 0 512 512"><path d="M501.65 452.08L59.91 10.35C52.76 3.2 43.97 0 35.35 0 17.31 0 0 14.01 0 35.17V476.9C0 496.29 15.71 512 35.1 512h441.73c31.27 0 46.93-37.8 24.82-59.92zm-21.96 26.01c-.79 1.91-2.04 1.91-2.86 1.91H35.1c-1.71 0-3.1-1.39-3.1-3.1V35.17c0-3.13 3.21-3.17 3.36-3.17.48 0 1.03.08 1.93.98l73.79 73.79-16.97 16.97c-3.12 3.12-3.12 8.19 0 11.31l11.32 11.31a7.98 7.98 0 005.66 2.34c2.05 0 4.09-.78 5.66-2.34l16.97-16.97 45.26 45.26-16.97 16.97c-3.12 3.12-3.12 8.19 0 11.31l11.31 11.31a7.98 7.98 0 005.66 2.34c2.05 0 4.1-.78 5.66-2.34l16.97-16.97 45.26 45.26-16.97 16.97c-3.12 3.12-3.12 8.19 0 11.31l11.31 11.31a7.98 7.98 0 005.66 2.34c2.05 0 4.1-.78 5.66-2.34l16.97-16.97 45.25 45.25-16.97 16.97c-3.12 3.12-3.12 8.19 0 11.31l11.31 11.31c1.56 1.56 3.61 2.34 5.66 2.34s4.09-.78 5.66-2.34l16.97-16.97 45.25 45.25-16.97 16.97c-3.12 3.12-3.12 8.19 0 11.31l11.31 11.31c1.56 1.56 3.61 2.34 5.66 2.34s4.09-.78 5.66-2.34l16.97-16.97 73.79 73.79c.55.61 1.44 1.5.64 3.41zM123.31 228.68c-4.56-4.56-11.5-5.95-17.44-3.47A15.999 15.999 0 0096 239.99v160c0 8.84 7.16 16 16 16h160c6.47 0 12.31-3.89 14.78-9.88a16.048 16.048 0 00-3.47-17.44l-160-159.99zM128 383.99V278.62L233.37 384H128z"/></symbol>
<symbol id="icon-sticky-note" viewBox="0 0 448 512"><path d="M448 348.106V80c0-26.51-21.49-48-48-48H48C21.49 32 0 53.49 0 80v351.988c0 26.51 21.49 48 48 48h268.118a48 48 0 0033.941-14.059l83.882-83.882A48 48 0 00448 348.106zm-120.569 95.196a15.89 15.89 0 01-7.431 4.195v-95.509h95.509a15.88 15.88 0 01-4.195 7.431l-83.883 83.883zM416 80v239.988H312c-13.255 0-24 10.745-24 24v104H48c-8.837 0-16-7.163-16-16V80c0-8.837 7.163-16 16-16h352c8.837 0 16 7.163 16 16z"/></symbol>
<symbol id="icon-cog" viewBox="0 0 512 512"><path d="M482.696 299.276l-32.61-18.827a195.168 195.168 0 000-48.899l32.61-18.827c9.576-5.528 14.195-16.902 11.046-27.501-11.214-37.749-31.175-71.728-57.535-99.595-7.634-8.07-19.817-9.836-29.437-4.282l-32.562 18.798a194.125 194.125 0 00-42.339-24.48V38.049c0-11.13-7.652-20.804-18.484-23.367-37.644-8.909-77.118-8.91-114.77 0-10.831 2.563-18.484 12.236-18.484 23.367v37.614a194.101 194.101 0 00-42.339 24.48L105.23 81.345c-9.621-5.554-21.804-3.788-29.437 4.282-26.36 27.867-46.321 61.847-57.535 99.595-3.149 10.599 1.47 21.972 11.046 27.501l32.61 18.827a195.168 195.168 0 000 48.899l-32.61 18.827c-9.576 5.528-14.195 16.902-11.046 27.501 11.214 37.748 31.175 71.728 57.535 99.595 7.634 8.07 19.817 9.836 29.437 4.283l32.562-18.798a194.08 194.08 0 0042.339 24.479v37.614c0 11.13 7.652 20.804 18.484 23.367 37.645 8.909 77.118 8.91 114.77 0 10.831-2.563 18.484-12.236 18.484-23.367v-37.614a194.138 194.138 0 0042.339-24.479l32.562 18.798c9.62 5.554 21.803 3.788 29.437-4.283 26.36-27.867 46.321-61.847 57.535-99.595 3.149-10.599-1.47-21.972-11.046-27.501zm-65.479 100.461l-46.309-26.74c-26.988 23.071-36.559 28.876-71.039 41.059v53.479a217.145 217.145 0 01-87.738 0v-53.479c-33.621-11.879-43.355-17.395-71.039-41.059l-46.309 26.74c-19.71-22.09-34.689-47.989-43.929-75.958l46.329-26.74c-6.535-35.417-6.538-46.644 0-82.079l-46.329-26.74c9.24-27.969 24.22-53.869 43.929-75.969l46.309 26.76c27.377-23.434 37.063-29.065 71.039-41.069V44.464a216.79 216.79 0 0187.738 0v53.479c33.978 12.005 43.665 17.637 71.039 41.069l46.309-26.76c19.709 22.099 34.689 47.999 43.929 75.969l-46.329 26.74c6.536 35.426 6.538 46.644 0 82.079l46.329 26.74c-9.24 27.968-24.219 53.868-43.929 75.957zM256 160c-52.935 0-96 43.065-96 96s43.065 96 96 96 96-43.065 96-96-43.065-96-96-96zm0 160c-35.29 0-64-28.71-64-64s28.71-64 64-64 64 28.71 64 64-28.71 64-64 64z"/></symbol>
<symbol id="icon-dumbbell" viewBox="0 0 640 512"><path d="M632 240h-24v-96c0-26.5-21.5-48-48-48h-32c-5.6 0-11 1.2-16 2.9V80c0-26.5-21.5-48-48-48h-32c-26.5 0-48 21.5-48 48v160H256V80c0-26.5-21.5-48-48-48h-32c-26.5 0-48 21.5-48 48v18.9c-5-1.8-10.4-2.9-16-2.9H80c-26.5 0-48 21.5-48 48v96H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h24v96c0 26.5 21.5 48 48 48h32c5.6 0 11-1.2 16-2.9V432c0 26.5 21.5 48 48 48h32c26.5 0 48-21.5 48-48V272h128v160c0 26.5 21.5 48 48 48h32c26.5 0 48-21.5 48-48v-18.9c5 1.8 10.4 2.9 16 2.9h32c26.5 0 48-21.5 48-48v-96h24c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zM112 384H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v224c0 8.8-7.2 16-16 16zm112 48c0 8.8-7.2 16-16 16h-32c-8.8 0-16-7.2-16-16V80c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v352zm256 0c0 8.8-7.2 16-16 16h-32c-8.8 0-16-7.2-16-16V80c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v352zm96-64c0 8.8-7.2 16-16 16h-32c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v224z"/></symbol>
</svg><div id="wrapper" class="wrapper"><a class="text-center bg-black text-white underline text-2xl sr-only focus:not-sr-only" href="#main">Skip Content</a><main class="main" id="main"><header
  x-data="{isActive: false}"
  class="fixed w-full z-50 bg-midnight h-20 lg:h-24 top-0 left-0"
>
  <section
    class="container flex items-center justify-between max-w-screen-xxxl h-full"
  >
    <figure class="">
      <a href="https://pyxl.com" class="site-logo align-middle"
        ><img src="/wp-content/themes/_view/dist/svgs/logo.svg" alt="Pyxl" class="h-10" />
        <span class="sr-only">Pyxl</span>
      </a>
    </figure>
    <nav class="flex h-full main-navigation">
      <ul
        class="fixed lg:static flex opacity-0 lg:opacity-100 flex-col lg:flex-row main-menu--items lg:h-full"
      >
                <li class="px-10 lg:px-4 text-p30 lg:text-p16 mb-6 lg:mb-0 lg:flex items-center"
        x-data="{ showSubmenu: false }"
        x-on:mouseenter="showSubmenu = true"
        x-on:mouseleave="showSubmenu = false"
        >
          <a
            href="https://pyxl.com/our-work/"
            class="text-white hover:text-orange-2 tracking-4 lg:uppercase py-2 lg:px-3 group parent menu-item menu-item-type-post_type menu-item-object-page menu-item-14019
             
            "
            >Our Work
                        </a>
                  </li>
                <li class="px-10 lg:px-4 text-p30 lg:text-p16 mb-6 lg:mb-0 lg:flex items-center"
        x-data="{ showSubmenu: false }"
        x-on:mouseenter="showSubmenu = true"
        x-on:mouseleave="showSubmenu = false"
        >
          <a
            href="https://pyxl.com/services/"
            class="text-white hover:text-orange-2 tracking-4 lg:uppercase py-2 lg:px-3 group parent menu-item menu-item-type-post_type menu-item-object-page menu-item-18404
             
            "
            >Services
                        </a>
                  </li>
                <li class="px-10 lg:px-4 text-p30 lg:text-p16 mb-6 lg:mb-0 lg:flex items-center"
        x-data="{ showSubmenu: false }"
        x-on:mouseenter="showSubmenu = true"
        x-on:mouseleave="showSubmenu = false"
        >
          <a
            href="https://pyxl.com/about/"
            class="text-white hover:text-orange-2 tracking-4 lg:uppercase py-2 lg:px-3 group parent menu-item menu-item-type-post_type menu-item-object-page menu-item-18405
             
            "
            >About
                        </a>
                  </li>
                <li class="px-10 lg:px-4 text-p30 lg:text-p16 mb-6 lg:mb-0 lg:flex items-center"
        x-data="{ showSubmenu: false }"
        x-on:mouseenter="showSubmenu = true"
        x-on:mouseleave="showSubmenu = false"
        >
          <a
            href="https://pyxl.com/blog/"
            class="text-white hover:text-orange-2 tracking-4 lg:uppercase py-2 lg:px-3 group parent menu-item menu-item-type-post_type menu-item-object-page menu-item-14021
             
            "
            >Blog
                        </a>
                  </li>
                <li class="px-10 lg:px-4 text-p30 lg:text-p16 mb-6 lg:mb-0 lg:flex items-center"
        x-data="{ showSubmenu: false }"
        x-on:mouseenter="showSubmenu = true"
        x-on:mouseleave="showSubmenu = false"
        >
          <a
            href="#"
            class="text-white hover:text-orange-2 tracking-4 lg:uppercase py-2 lg:px-3 group parent menu-item menu-item-type-custom menu-item-object-custom menu-item-19000 menu-item-has-children
             flex items-center gap-2
            "
            >Expertise
                          <svg class="chev" width="12" height="6" viewBox="0 0 12 6" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M5.99888 6L0 -5.24537e-07L2.56097 -4.12593e-07L5.99888 3.43855L9.43904 -1.11943e-07L12 0L5.99888 6Z" fill="#ffffff"/>
              </svg>
                        </a>
                      <div 
            class="submenu-container lg:absolute top-full lg:bg-midnight shadow-lg rounded-md lg:w-2/3 p-4 lg:border lg:border-grey-1"
            x-transition
            x-show="showSubmenu"
            x-on:mouseenter="showSubmenu = true"
            x-on:mouseleave="showSubmenu = false"
            style="display:none"
            >
              <div class="title text-white text-h4 font-semibold mb-5 hidden lg:block">Expertise</div>
              <ul>
                                  <li class="text-white text-p16 hover:text-orange-2 rounded-md overflow-hidden menu-item menu-item-type-custom menu-item-object-custom menu-item-19000 menu-item-has-children"
                  x-data="{ showSubmenu: false }"
                  >
  
                    <a
                      href="https://pyxl.com/industries/cyber-security/"
                      class="flex lg:p-4 items-center"
                                            >
                                            <div class="icon w-5 h-5 mr-2 bg-contain bg-center bg-no-repeat mb-1" style="background-image: url(https://pyxl.com/wp-content/uploads/2025/02/fas.fa-shield-alt.png)"></div>
                      Cybersecurity
                      <div class="chevron ml-auto">
                                                  <svg class="arrow hidden lg:block" width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M9.26145 9.38637L0.522949 18.1232V14.3934L5.53233 9.38637L0.522949 4.37606V0.64624L9.26145 9.38637Z" fill="#444C65"/>
                            <path d="M18 9.38637L9.26147 18.1232V14.3934L14.2694 9.38637L9.26147 4.37606V0.64624L18 9.38637Z" fill="#444C65"/>
                          </svg>
                                              </div>
                      </a>
                                         </li>
                                    <li class="text-white text-p16 hover:text-orange-2 rounded-md overflow-hidden menu-item menu-item-type-custom menu-item-object-custom menu-item-19000 menu-item-has-children"
                  x-data="{ showSubmenu: false }"
                  >
  
                    <a
                      href="https://pyxl.com/industries/education/"
                      class="flex lg:p-4 items-center"
                                            >
                                            <div class="icon w-5 h-5 mr-2 bg-contain bg-center bg-no-repeat mb-1" style="background-image: url(https://pyxl.com/wp-content/uploads/2025/02/education.png)"></div>
                      Education
                      <div class="chevron ml-auto">
                                                  <svg class="arrow hidden lg:block" width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M9.26145 9.38637L0.522949 18.1232V14.3934L5.53233 9.38637L0.522949 4.37606V0.64624L9.26145 9.38637Z" fill="#444C65"/>
                            <path d="M18 9.38637L9.26147 18.1232V14.3934L14.2694 9.38637L9.26147 4.37606V0.64624L18 9.38637Z" fill="#444C65"/>
                          </svg>
                                              </div>
                      </a>
                                         </li>
                                    <li class="text-white text-p16 hover:text-orange-2 rounded-md overflow-hidden menu-item menu-item-type-custom menu-item-object-custom menu-item-19000 menu-item-has-children"
                  x-data="{ showSubmenu: false }"
                  >
  
                    <a
                      href="https://pyxl.com/industries/fintech/"
                      class="flex lg:p-4 items-center"
                                            >
                                            <div class="icon w-5 h-5 mr-2 bg-contain bg-center bg-no-repeat mb-1" style="background-image: url(https://pyxl.com/wp-content/uploads/2025/02/financial.png)"></div>
                      Financial Services
                      <div class="chevron ml-auto">
                                                  <svg class="arrow hidden lg:block" width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M9.26145 9.38637L0.522949 18.1232V14.3934L5.53233 9.38637L0.522949 4.37606V0.64624L9.26145 9.38637Z" fill="#444C65"/>
                            <path d="M18 9.38637L9.26147 18.1232V14.3934L14.2694 9.38637L9.26147 4.37606V0.64624L18 9.38637Z" fill="#444C65"/>
                          </svg>
                                              </div>
                      </a>
                                         </li>
                                    <li class="text-white text-p16 hover:text-orange-2 rounded-md overflow-hidden menu-item menu-item-type-custom menu-item-object-custom menu-item-19000 menu-item-has-children"
                  x-data="{ showSubmenu: false }"
                  >
  
                    <a
                      href="https://pyxl.com/industries/healthcare/"
                      class="flex lg:p-4 items-center"
                                            >
                                            <div class="icon w-5 h-5 mr-2 bg-contain bg-center bg-no-repeat mb-1" style="background-image: url(https://pyxl.com/wp-content/uploads/2025/02/healthcare.png)"></div>
                      Healthcare
                      <div class="chevron ml-auto">
                                                  <svg class="arrow hidden lg:block" width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M9.26145 9.38637L0.522949 18.1232V14.3934L5.53233 9.38637L0.522949 4.37606V0.64624L9.26145 9.38637Z" fill="#444C65"/>
                            <path d="M18 9.38637L9.26147 18.1232V14.3934L14.2694 9.38637L9.26147 4.37606V0.64624L18 9.38637Z" fill="#444C65"/>
                          </svg>
                                              </div>
                      </a>
                                         </li>
                                    <li class="text-white text-p16 hover:text-orange-2 rounded-md overflow-hidden menu-item menu-item-type-custom menu-item-object-custom menu-item-19000 menu-item-has-children"
                  x-data="{ showSubmenu: false }"
                  >
  
                    <a
                      href="https://pyxl.com/industries/it-services/"
                      class="flex lg:p-4 items-center"
                                            >
                                            <div class="icon w-5 h-5 mr-2 bg-contain bg-center bg-no-repeat mb-1" style="background-image: url(https://pyxl.com/wp-content/uploads/2025/02/it.png)"></div>
                      IT Services
                      <div class="chevron ml-auto">
                                                  <svg class="arrow hidden lg:block" width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M9.26145 9.38637L0.522949 18.1232V14.3934L5.53233 9.38637L0.522949 4.37606V0.64624L9.26145 9.38637Z" fill="#444C65"/>
                            <path d="M18 9.38637L9.26147 18.1232V14.3934L14.2694 9.38637L9.26147 4.37606V0.64624L18 9.38637Z" fill="#444C65"/>
                          </svg>
                                              </div>
                      </a>
                                         </li>
                                    <li class="text-white text-p16 hover:text-orange-2 rounded-md overflow-hidden menu-item menu-item-type-custom menu-item-object-custom menu-item-19000 menu-item-has-children"
                  x-data="{ showSubmenu: false }"
                  >
  
                    <a
                      href="https://pyxl.com/industries/technology/"
                      class="flex lg:p-4 items-center"
                                            >
                                            <div class="icon w-5 h-5 mr-2 bg-contain bg-center bg-no-repeat mb-1" style="background-image: url(https://pyxl.com/wp-content/uploads/2025/02/tech.png)"></div>
                      Software and Technology
                      <div class="chevron ml-auto">
                                                  <svg class="arrow hidden lg:block" width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M9.26145 9.38637L0.522949 18.1232V14.3934L5.53233 9.38637L0.522949 4.37606V0.64624L9.26145 9.38637Z" fill="#444C65"/>
                            <path d="M18 9.38637L9.26147 18.1232V14.3934L14.2694 9.38637L9.26147 4.37606V0.64624L18 9.38637Z" fill="#444C65"/>
                          </svg>
                                              </div>
                      </a>
                                         </li>
                                    <li class="text-white text-p16 hover:text-orange-2 rounded-md overflow-hidden menu-item menu-item-type-custom menu-item-object-custom menu-item-19000 menu-item-has-children"
                  x-data="{ showSubmenu: false }"
                  >
  
                    <a
                      href="https://pyxl.com/industries/government/"
                      class="flex lg:p-4 items-center"
                                            >
                                            <div class="icon w-5 h-5 mr-2 bg-contain bg-center bg-no-repeat mb-1" style="background-image: url(https://pyxl.com/wp-content/uploads/2025/02/gov.png)"></div>
                      Government
                      <div class="chevron ml-auto">
                                                  <svg class="arrow hidden lg:block" width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M9.26145 9.38637L0.522949 18.1232V14.3934L5.53233 9.38637L0.522949 4.37606V0.64624L9.26145 9.38637Z" fill="#444C65"/>
                            <path d="M18 9.38637L9.26147 18.1232V14.3934L14.2694 9.38637L9.26147 4.37606V0.64624L18 9.38637Z" fill="#444C65"/>
                          </svg>
                                              </div>
                      </a>
                                         </li>
                                </ul>
                              <div class="interrupter hidden mt-5 lg:flex items-center bg-orange-1 text-white rounded-lg overflow-hidden">
                  <div class="text p-5 text-p20 font-light">
                    <div class="inner max-w-sm pr-20">
                      Transform your brand with expert strategy, marketing, design and technology.
                    </div>
                  </div>
                                      <figure>
                                            <img src="https://pyxl.com/wp-content/uploads/2025/02/Expertise.png" alt="Expertise" />
                    </figure>
                                  </div>
                          </div>
                  </li>
                <li class="px-10 lg:px-4 text-p30 lg:text-p16 mb-6 lg:mb-0 lg:flex items-center"
        x-data="{ showSubmenu: false }"
        x-on:mouseenter="showSubmenu = true"
        x-on:mouseleave="showSubmenu = false"
        >
          <a
            href="https://pyxl.com/resources/"
            class="text-white hover:text-orange-2 tracking-4 lg:uppercase py-2 lg:px-3 group parent menu-item menu-item-type-custom menu-item-object-custom menu-item-14451
             
            "
            >Resources
                        </a>
                  </li>
                <li class="contact-button absolute left-0 right-0 bottom-10 px-10 lg:static lg:px-0 flex items-center">
          <a
            href="/contact-us/"
            class="text-white bg-orange-1 hover:text-electric-blue hover:bg-white tracking-4 uppercase py-4 lg:py-2 lg:px-4 rounded-full lg:ml-3 w-full flex items-center justify-center lg:inline mt-0"
          >
            <svg
              width="36"
              height="11"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
              class="mr-4 lg:hidden"
            >
              <g clip-path="url(#prefix__clip0)">
                <path
                  d="M0 4.583l32.495.001-2.695-2.75V0L36 5.5 29.8 11V9.167l2.694-2.75H0V4.583z"
                  fill="currentColor"
                />
              </g>
              <defs>
                <clipPath id="prefix__clip0">
                  <path
                    fill="currentColor"
                    transform="rotate(-90 5.5 5.5)"
                    d="M0 0h11v36H0z"
                  />
                </clipPath>
              </defs>
            </svg>
            Let's Talk</a
          >
        </li>
      </ul>
      <button
        @click="isActive = !isActive;isActive ? document.querySelector('html').classList.add('mobileIsActive') : document.querySelector('html').classList.remove('mobileIsActive');"
        class="w-5 h-5 lg:hidden mobile-menu-toggle relative z-0 self-center text-orange-1"
        aria-label="Button Navigation"
      >
        <span class="sr-only">Button Navigation</span>
      </button>
    </nav>
  </section>
</header><section
  class="bg-midnight pb-10 lg:pb-0 lg:section-y-nav bg-no-repeat bg-left-bottom bg-contain"
  style="background-image: url('/wp-content/themes/_view/dist/svgs/a_pattern_hompage_hero_1440.svg');"
  x-data="{queArrow: false,queCopy: false}"
  x-init="() => { jarallax($el, {
      speed: 0.2,
      imgSize: 'contain',
      imgPosition: 'left center'
    }); setTimeout(() => {queArrow = true}, 500),setTimeout(() => {queCopy = true}, 1500) }"
  :class="{'hero-loaded':queArrow}"
>
  <div class=" lg:pt-8 lg:pb-32 h-full">
    <div class="container max-w-screen-xl relative h-full flex flex-col justify-center">
      <div
        class="z-10  lg:relative transition duration-300 lg:opacity-0"
        x-bind:class="{'lg:opacity-100': queCopy}"
      >
        <div class="text-white uppercase tracking-4 pt-6 mb-2 lg:mb-3">
          <h1><span class="text-cyan">MARKETING & TECHNOLOGY SOLUTIONS</span></h1>
        </div>

        <div
          class="text-white text-h3 lg:text-h1 leading-none font-bold tracking-n1 mb-8 lg:mb-16"
        >
          Together,<br>we
          <div class="inline-flex relative text-cyan pb-3 overflow-hidden">
            <span class="invisible">eat pizza</span>
            <div class="text-scroll-animation absolute top-0 left-0">
                            <p style="margin-bottom: 15px;">transform</p>
                            <p style="margin-bottom: 15px;">align</p>
                            <p style="margin-bottom: 15px;">integrate</p>
                          </div>
          </div>
        </div>
              </div>

      <div class="absolute inset-0 z-0">
        <div class="lg:w-full lg:h-full px-4 lg:px-0 relative">
          <div
            class="w-1/2 lg:w-full hero--home mt-12 lg:mt-0 lg:h-full ml-auto"
            style="--hero-bg: url('https://pyxl.com/wp-content/uploads/2023/10/3_Homepage-Hero_Pyxl_Nashville.jpg');"
          ></div>
        </div>
      </div>

    </div>
  </div>
</section>

<section
  x-data="{activateScene: false}"
  class="pt-20 bg-midnight vh-nav lg:section-y-nav"
  :class="{'scene-activate':activateScene}"
  style="min-height: 750px;"
  x-init="()=>{let observer = new IntersectionObserver(
          (entries, observer) => {
            entries.forEach((entry) => {
              if (entry.isIntersecting) {
                activateScene = true;
                observer.unobserve(entry.target);
              }
            });
          },
          { rootMargin: '0px 0px -400px 0px', threshold: 0 }
        );observer.observe($el)}"
>
  <div class="relative w-full h-full overflow-hidden">
    <div
      class="relative overflow-hidden h-1/2 lg:h-full lg:static lg:overflow-auto"
    >
      <div
        class="absolute top-0 left-0 transition duration-500 bg-no-repeat bg-cover scene--layer0"
        style="background-image: url(https://pyxl.com/wp-content/uploads/2024/02/wine-background.jpg);"
      ></div>
      <div
        class="absolute bottom-0 left-0 z-10 transition duration-500 bg-bottom bg-no-repeat bg-cover scene--layer1"
        style="background-image: url();"
      ></div>
      <div
        class="absolute inset-0 z-20"
        style="
                background-image: linear-gradient(
                  0deg,
                  rgba(2, 5, 32, 1) 0%,
                  rgba(255, 255, 255, 0) 15%,
                  rgba(255, 255, 255, 0) 85%,
                  rgba(2, 5, 32, 1) 100%
                );
              "
      ></div>
      <div
        class="absolute top-0 right-0 z-30 w-full h-full transition lg:duration-500 bg-left bg-no-repeat bg-contain scene--layer2"
        style="background-image: url(https://pyxl.com/wp-content/uploads/2024/02/aivin-chat-phone-withbubbles.png);"
      ></div>
    </div>

    <div
      class="absolute inset-0 z-40 text-white transition duration-500 bg-no-repeat scene--layer3"
    >
      <div class="container max-w-screen-xl mx-auto">
        <div class="lg:w-1/2 lg:pr-8">
          <h2
            class="mb-2 uppercase text-p16 lg:text-p18 text-cyan tracking-4 lg:mb-3"
          >
            Work
          </h2>
          <p class="mb-2 font-bold text-h3 lg:text-h2 tracking-n1 lg:mb-5">
            Transforming the Wine Industry 
          </p>
          <p class="mb-2 leading-snug text-p18 lg:text-p24 lg:mb-5">
            Aivin, a technology innovator in the wine industry, partnered with Pyxl to design, develop and launch their flagship product, Aivin, an AI-driven Sommelier Assistant using generative AI built on the OpenAI Assistants API.
          </p>
          <a
            href="https://pyxl.com/case-studies/aivin/" target=""
            class="flex items-center uppercase text-p14 lg:text-p16 text-orange-2 tracking-4 icon--arrow-orange-right hover:text-white"
            >View Project</a
          >
        </div>
      </div>
    </div>
  </div>
</section>
<section
  x-data="{isMobile: true, selected: ['Strategic Growth'], arrowPosition: 37}"
  class="pt-20 clearfix relative z-30 lg:-mt-20 Strategic Growth"
  style=""
  x-init="() => {
    jarallax($refs.parallax, {
      speed: 1.5,
      imgSize: 'contain'
    });
    const mql = window.matchMedia('(max-width: 1024px)');

    function setSize(e) {
      isMobile = e.matches ? true : false;
    }

    isMobile = mql.matches ? true : false;

    if (typeof mql.addEventListener == 'undefined') {
      mql.addListener(setSize);
    } else {
      mql.addEventListener('change', setSize);
    }
  }"
>
  <div
    class="bg-midnight absolute inset-x-0 bottom-0 top-0 lg:top-20"
    style="z-index: -20;"
  ></div>
  <div
    class="absolute inset-0"
    style="z-index: -10; background-image: url(/wp-content/themes/_view/dist/svgs/bg-angles.svg);"
    x-ref="parallax"
  ></div>
  <div class="max-w-screen-xl mx-auto container relative lg:h-full lg:my-20 text-white">
    <div
      class="hidden lg:block icon--services-chevron-left transition-all duration-100 z-10"
      :style="`top: ${arrowPosition}px;`"
    ></div>
    <h2 class="text-p18 text-cyan tracking-4 uppercase mb-2 lg:mb-3 lg:ml-13">
      Services
    </h2>
    <div class="lg:w-full lg:flex justify-between">
    <div class="services--selector">
            <!-- Begin Collapsible Group -->
      <div
        class="cursor-pointer text-h4 lg:text-h3 text-white tracking-n1 flex items-center justify-between lg:justify-start transition duration-200 my-4 hover:text-orange-2 font-bold"
        @click="if (isMobile) {
          if (selected.includes('Strategic Growth')) {
            const i = selected.indexOf('Strategic Growth');
            selected.splice(i,1);
          } else {
            selected.push('Strategic Growth');
          }
        } else {
          selected = ['Strategic Growth'];
        }

        arrowPosition = $event.target.offsetTop"
        :class="{'text-orange-2': selected.includes('Strategic Growth')}"
      >
        <svg
          width="26"
          height="23"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
          class="hidden lg:block lg:visible lg:transform"
          :style="!selected.includes('Strategic Growth') ? 'visibility: hidden !important;' : ''"
        >
          <path
            fill-rule="evenodd"
            clip-rule="evenodd"
            d="M2.01 1h3.492l10.176 10.486L5.502 21.974H2l9.155-9.486 1.03-1.002-1.028-.998L2.01 1zm9.322 0h3.492L25 11.486 14.824 21.974h-3.502l9.154-9.486 1.03-1.002-1.027-.998L11.332 1z"
            fill="currentColor"
          />
          <path
            d="M5.502 1l.36-.348L5.713.5h-.212V1zM2.01 1V.5H.834l.817.847L2.01 1zm13.668 10.486l.36.348.337-.348-.338-.348-.359.348zM5.502 21.974v.5h.212l.147-.152-.359-.348zm-3.502 0l-.36-.348-.817.848H2v-.5zm9.155-9.486l-.349-.359-.005.006-.006.005.36.348zm1.03-1.002l.348.358.37-.358-.37-.359-.348.359zm-1.028-.998l-.36.348.006.005.006.006.348-.358zM14.824 1l.359-.348L15.036.5h-.212V1zm-3.492 0V.5h-1.176l.816.847.36-.347zM25 11.486l.359.348.338-.348-.338-.348-.359.348zM14.824 21.974v.5h.212l.147-.152-.36-.348zm-3.502 0l-.36-.348-.818.848h1.178v-.5zm9.154-9.486l-.348-.359-.006.006-.005.005.36.348zm1.03-1.002l.35.358.368-.358-.37-.359-.348.359zm-1.027-.998l-.36.348.006.005.006.006.348-.358zM5.502.5H2.01v1h3.492v-1zm10.535 10.638L5.861.652l-.717.696L15.32 11.834l.717-.696zM5.861 22.322l10.176-10.488-.717-.696L5.144 21.625l.717.697zM2 22.474h3.502v-1H2v1zm8.795-10.334L1.64 21.626l.72.695 9.154-9.486-.719-.695zm1.041-1.013l-1.03 1.002.697.717 1.03-1.002-.697-.717zm-1.027-.28l1.028.998.696-.718-1.027-.997-.697.717zm-9.158-9.5l9.146 9.489.72-.694L2.37.652l-.72.694zM14.824.5h-3.492v1h3.492v-1zm10.535 10.638L15.183.652l-.718.696 10.176 10.486.718-.696zM15.183 22.322l10.176-10.488-.718-.696-10.176 10.487.718.697zm-3.861.152h3.502v-1h-3.502v1zm8.795-10.334l-9.155 9.486.72.695 9.154-9.486-.72-.695zm1.04-1.013l-1.03 1.002.698.717 1.03-1.002-.697-.717zm-1.026-.28l1.027.998.697-.718-1.028-.997-.696.717zm-9.159-9.5l9.147 9.489.72-.694L11.692.652l-.72.694z"
            fill="currentColor"
          />
        </svg>
        <span class="lg:ml-6">
          Strategic Growth
        </span>
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          stroke-width="2"
          stroke-linecap="round"
          stroke-linejoin="round"
          class="feather feather-chevron-down lg:hidden transition-transform duration-200"
          :class="{'transform rotate-180': selected.includes('Strategic Growth')}"
        >
          <polyline points="6 9 12 15 18 9"></polyline>
        </svg>
      </div>
      <div
        class="py-6 block lg:right-0 lg:top-0 lg:p-20 lg:border-cyan lg:border lg:bg-midnight lg:hidden lg:flex-col services--content"
        x-show="selected.includes('Strategic Growth')"
      >
        <span
          class="hidden lg:block text-p18 text-cyan tracking-4 uppercase mb-3 lg:mb-4"
        >
          Strategic Growth
        </span>
        <p class="text-p18 mb-3 lg:text-p30 lg:mb-6">
          Pyxl combines 18 years of strategy expertise with AI to redefine digital strategy, market research, CRM optimization and brand positioning.
        </p>
        <div class="flex items-baseline mb-6 lg:mb-8">
          <div
            class="w-1/2 text-p72 text-cyan tracking-n1 font-semibold lg:text-p112"
          >
            
          </div>
          <div class="w-1/2 text-p12 lg:text-p18">
            <div class="inline-block">
              
            </div>
          </div>
        </div>
        <ul class="lg:text-p24 lg:font-semibold lg:mb-13">
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            AI-Enhanced Market & Competitive Research
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            CRM & Sales Funnel Optimization with AI Analytics
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            AI-Informed Brand Positioning & Messaging Strategy
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            AI-Driven Marketing Growth Strategies
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Predictive Analytics for AI-Based Strategic Planning
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Usability Testing & UX Consulting Leveraging AI Insights
          </li>
                  </ul>
        <a
          href="/services"
          class="uppercase text-orange-2 tracking-3 inline-flex items-center justify-end icon--arrow-orange-right text-p14 hover:text-white lg:mt-auto self-end"
          >More</a
        >
      </div>
            <!-- Begin Collapsible Group -->
      <div
        class="cursor-pointer text-h4 lg:text-h3 text-white tracking-n1 flex items-center justify-between lg:justify-start transition duration-200 my-4 hover:text-orange-2 font-bold"
        @click="if (isMobile) {
          if (selected.includes('Brand Alignment')) {
            const i = selected.indexOf('Brand Alignment');
            selected.splice(i,1);
          } else {
            selected.push('Brand Alignment');
          }
        } else {
          selected = ['Brand Alignment'];
        }

        arrowPosition = $event.target.offsetTop"
        :class="{'text-orange-2': selected.includes('Brand Alignment')}"
      >
        <svg
          width="26"
          height="23"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
          class="hidden lg:block lg:visible lg:transform"
          :style="!selected.includes('Brand Alignment') ? 'visibility: hidden !important;' : ''"
        >
          <path
            fill-rule="evenodd"
            clip-rule="evenodd"
            d="M2.01 1h3.492l10.176 10.486L5.502 21.974H2l9.155-9.486 1.03-1.002-1.028-.998L2.01 1zm9.322 0h3.492L25 11.486 14.824 21.974h-3.502l9.154-9.486 1.03-1.002-1.027-.998L11.332 1z"
            fill="currentColor"
          />
          <path
            d="M5.502 1l.36-.348L5.713.5h-.212V1zM2.01 1V.5H.834l.817.847L2.01 1zm13.668 10.486l.36.348.337-.348-.338-.348-.359.348zM5.502 21.974v.5h.212l.147-.152-.359-.348zm-3.502 0l-.36-.348-.817.848H2v-.5zm9.155-9.486l-.349-.359-.005.006-.006.005.36.348zm1.03-1.002l.348.358.37-.358-.37-.359-.348.359zm-1.028-.998l-.36.348.006.005.006.006.348-.358zM14.824 1l.359-.348L15.036.5h-.212V1zm-3.492 0V.5h-1.176l.816.847.36-.347zM25 11.486l.359.348.338-.348-.338-.348-.359.348zM14.824 21.974v.5h.212l.147-.152-.36-.348zm-3.502 0l-.36-.348-.818.848h1.178v-.5zm9.154-9.486l-.348-.359-.006.006-.005.005.36.348zm1.03-1.002l.35.358.368-.358-.37-.359-.348.359zm-1.027-.998l-.36.348.006.005.006.006.348-.358zM5.502.5H2.01v1h3.492v-1zm10.535 10.638L5.861.652l-.717.696L15.32 11.834l.717-.696zM5.861 22.322l10.176-10.488-.717-.696L5.144 21.625l.717.697zM2 22.474h3.502v-1H2v1zm8.795-10.334L1.64 21.626l.72.695 9.154-9.486-.719-.695zm1.041-1.013l-1.03 1.002.697.717 1.03-1.002-.697-.717zm-1.027-.28l1.028.998.696-.718-1.027-.997-.697.717zm-9.158-9.5l9.146 9.489.72-.694L2.37.652l-.72.694zM14.824.5h-3.492v1h3.492v-1zm10.535 10.638L15.183.652l-.718.696 10.176 10.486.718-.696zM15.183 22.322l10.176-10.488-.718-.696-10.176 10.487.718.697zm-3.861.152h3.502v-1h-3.502v1zm8.795-10.334l-9.155 9.486.72.695 9.154-9.486-.72-.695zm1.04-1.013l-1.03 1.002.698.717 1.03-1.002-.697-.717zm-1.026-.28l1.027.998.697-.718-1.028-.997-.696.717zm-9.159-9.5l9.147 9.489.72-.694L11.692.652l-.72.694z"
            fill="currentColor"
          />
        </svg>
        <span class="lg:ml-6">
          Brand Alignment
        </span>
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          stroke-width="2"
          stroke-linecap="round"
          stroke-linejoin="round"
          class="feather feather-chevron-down lg:hidden transition-transform duration-200"
          :class="{'transform rotate-180': selected.includes('Brand Alignment')}"
        >
          <polyline points="6 9 12 15 18 9"></polyline>
        </svg>
      </div>
      <div
        class="py-6 block lg:right-0 lg:top-0 lg:p-20 lg:border-cyan lg:border lg:bg-midnight lg:hidden lg:flex-col services--content"
        x-show="selected.includes('Brand Alignment')"
      >
        <span
          class="hidden lg:block text-p18 text-cyan tracking-4 uppercase mb-3 lg:mb-4"
        >
          Brand Alignment
        </span>
        <p class="text-p18 mb-3 lg:text-p30 lg:mb-6">
          Our multifaceted approach to branding blends years of experience with advanced technology to create highly personalized brand experiences, leverage predictive insights for strategic decisions, and automate brand management for optimal efficiency and impact.
        </p>
        <div class="flex items-baseline mb-6 lg:mb-8">
          <div
            class="w-1/2 text-p72 text-cyan tracking-n1 font-semibold lg:text-p112"
          >
            
          </div>
          <div class="w-1/2 text-p12 lg:text-p18">
            <div class="inline-block">
              
            </div>
          </div>
        </div>
        <ul class="lg:text-p24 lg:font-semibold lg:mb-13">
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Brand Identity Development
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            AI-Powered Brand Strategy and Positioning
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Brand Architecture or Restructure
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Comprehensive Brand Research
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Rebranding or Brand Refresh
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Brand Messaging and Storytelling/AI-Driven Brand Engagement
          </li>
                  </ul>
        <a
          href="https://pyxl.com/services"
          class="uppercase text-orange-2 tracking-3 inline-flex items-center justify-end icon--arrow-orange-right text-p14 hover:text-white lg:mt-auto self-end"
          >More</a
        >
      </div>
            <!-- Begin Collapsible Group -->
      <div
        class="cursor-pointer text-h4 lg:text-h3 text-white tracking-n1 flex items-center justify-between lg:justify-start transition duration-200 my-4 hover:text-orange-2 font-bold"
        @click="if (isMobile) {
          if (selected.includes('Marketing')) {
            const i = selected.indexOf('Marketing');
            selected.splice(i,1);
          } else {
            selected.push('Marketing');
          }
        } else {
          selected = ['Marketing'];
        }

        arrowPosition = $event.target.offsetTop"
        :class="{'text-orange-2': selected.includes('Marketing')}"
      >
        <svg
          width="26"
          height="23"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
          class="hidden lg:block lg:visible lg:transform"
          :style="!selected.includes('Marketing') ? 'visibility: hidden !important;' : ''"
        >
          <path
            fill-rule="evenodd"
            clip-rule="evenodd"
            d="M2.01 1h3.492l10.176 10.486L5.502 21.974H2l9.155-9.486 1.03-1.002-1.028-.998L2.01 1zm9.322 0h3.492L25 11.486 14.824 21.974h-3.502l9.154-9.486 1.03-1.002-1.027-.998L11.332 1z"
            fill="currentColor"
          />
          <path
            d="M5.502 1l.36-.348L5.713.5h-.212V1zM2.01 1V.5H.834l.817.847L2.01 1zm13.668 10.486l.36.348.337-.348-.338-.348-.359.348zM5.502 21.974v.5h.212l.147-.152-.359-.348zm-3.502 0l-.36-.348-.817.848H2v-.5zm9.155-9.486l-.349-.359-.005.006-.006.005.36.348zm1.03-1.002l.348.358.37-.358-.37-.359-.348.359zm-1.028-.998l-.36.348.006.005.006.006.348-.358zM14.824 1l.359-.348L15.036.5h-.212V1zm-3.492 0V.5h-1.176l.816.847.36-.347zM25 11.486l.359.348.338-.348-.338-.348-.359.348zM14.824 21.974v.5h.212l.147-.152-.36-.348zm-3.502 0l-.36-.348-.818.848h1.178v-.5zm9.154-9.486l-.348-.359-.006.006-.005.005.36.348zm1.03-1.002l.35.358.368-.358-.37-.359-.348.359zm-1.027-.998l-.36.348.006.005.006.006.348-.358zM5.502.5H2.01v1h3.492v-1zm10.535 10.638L5.861.652l-.717.696L15.32 11.834l.717-.696zM5.861 22.322l10.176-10.488-.717-.696L5.144 21.625l.717.697zM2 22.474h3.502v-1H2v1zm8.795-10.334L1.64 21.626l.72.695 9.154-9.486-.719-.695zm1.041-1.013l-1.03 1.002.697.717 1.03-1.002-.697-.717zm-1.027-.28l1.028.998.696-.718-1.027-.997-.697.717zm-9.158-9.5l9.146 9.489.72-.694L2.37.652l-.72.694zM14.824.5h-3.492v1h3.492v-1zm10.535 10.638L15.183.652l-.718.696 10.176 10.486.718-.696zM15.183 22.322l10.176-10.488-.718-.696-10.176 10.487.718.697zm-3.861.152h3.502v-1h-3.502v1zm8.795-10.334l-9.155 9.486.72.695 9.154-9.486-.72-.695zm1.04-1.013l-1.03 1.002.698.717 1.03-1.002-.697-.717zm-1.026-.28l1.027.998.697-.718-1.028-.997-.696.717zm-9.159-9.5l9.147 9.489.72-.694L11.692.652l-.72.694z"
            fill="currentColor"
          />
        </svg>
        <span class="lg:ml-6">
          Marketing
        </span>
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          stroke-width="2"
          stroke-linecap="round"
          stroke-linejoin="round"
          class="feather feather-chevron-down lg:hidden transition-transform duration-200"
          :class="{'transform rotate-180': selected.includes('Marketing')}"
        >
          <polyline points="6 9 12 15 18 9"></polyline>
        </svg>
      </div>
      <div
        class="py-6 block lg:right-0 lg:top-0 lg:p-20 lg:border-cyan lg:border lg:bg-midnight lg:hidden lg:flex-col services--content"
        x-show="selected.includes('Marketing')"
      >
        <span
          class="hidden lg:block text-p18 text-cyan tracking-4 uppercase mb-3 lg:mb-4"
        >
          Marketing
        </span>
        <p class="text-p18 mb-3 lg:text-p30 lg:mb-6">
          Our integrated approach creates cohesive experiences across all touchpoints. We build programs that connect with aligned audiences and nurture relationships that drive sustainable growth.

        </p>
        <div class="flex items-baseline mb-6 lg:mb-8">
          <div
            class="w-1/2 text-p72 text-cyan tracking-n1 font-semibold lg:text-p112"
          >
            
          </div>
          <div class="w-1/2 text-p12 lg:text-p18">
            <div class="inline-block">
              
            </div>
          </div>
        </div>
        <ul class="lg:text-p24 lg:font-semibold lg:mb-13">
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Growth Marketing Strategy
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Purpose-Aligned Content
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Campaign Planning & Execution
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Performance Optimization
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Customer Relationship Cultivation
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Measurement & Refinement
          </li>
                  </ul>
        <a
          href="/services"
          class="uppercase text-orange-2 tracking-3 inline-flex items-center justify-end icon--arrow-orange-right text-p14 hover:text-white lg:mt-auto self-end"
          >More</a
        >
      </div>
            <!-- Begin Collapsible Group -->
      <div
        class="cursor-pointer text-h4 lg:text-h3 text-white tracking-n1 flex items-center justify-between lg:justify-start transition duration-200 my-4 hover:text-orange-2 font-bold"
        @click="if (isMobile) {
          if (selected.includes('Experience Design')) {
            const i = selected.indexOf('Experience Design');
            selected.splice(i,1);
          } else {
            selected.push('Experience Design');
          }
        } else {
          selected = ['Experience Design'];
        }

        arrowPosition = $event.target.offsetTop"
        :class="{'text-orange-2': selected.includes('Experience Design')}"
      >
        <svg
          width="26"
          height="23"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
          class="hidden lg:block lg:visible lg:transform"
          :style="!selected.includes('Experience Design') ? 'visibility: hidden !important;' : ''"
        >
          <path
            fill-rule="evenodd"
            clip-rule="evenodd"
            d="M2.01 1h3.492l10.176 10.486L5.502 21.974H2l9.155-9.486 1.03-1.002-1.028-.998L2.01 1zm9.322 0h3.492L25 11.486 14.824 21.974h-3.502l9.154-9.486 1.03-1.002-1.027-.998L11.332 1z"
            fill="currentColor"
          />
          <path
            d="M5.502 1l.36-.348L5.713.5h-.212V1zM2.01 1V.5H.834l.817.847L2.01 1zm13.668 10.486l.36.348.337-.348-.338-.348-.359.348zM5.502 21.974v.5h.212l.147-.152-.359-.348zm-3.502 0l-.36-.348-.817.848H2v-.5zm9.155-9.486l-.349-.359-.005.006-.006.005.36.348zm1.03-1.002l.348.358.37-.358-.37-.359-.348.359zm-1.028-.998l-.36.348.006.005.006.006.348-.358zM14.824 1l.359-.348L15.036.5h-.212V1zm-3.492 0V.5h-1.176l.816.847.36-.347zM25 11.486l.359.348.338-.348-.338-.348-.359.348zM14.824 21.974v.5h.212l.147-.152-.36-.348zm-3.502 0l-.36-.348-.818.848h1.178v-.5zm9.154-9.486l-.348-.359-.006.006-.005.005.36.348zm1.03-1.002l.35.358.368-.358-.37-.359-.348.359zm-1.027-.998l-.36.348.006.005.006.006.348-.358zM5.502.5H2.01v1h3.492v-1zm10.535 10.638L5.861.652l-.717.696L15.32 11.834l.717-.696zM5.861 22.322l10.176-10.488-.717-.696L5.144 21.625l.717.697zM2 22.474h3.502v-1H2v1zm8.795-10.334L1.64 21.626l.72.695 9.154-9.486-.719-.695zm1.041-1.013l-1.03 1.002.697.717 1.03-1.002-.697-.717zm-1.027-.28l1.028.998.696-.718-1.027-.997-.697.717zm-9.158-9.5l9.146 9.489.72-.694L2.37.652l-.72.694zM14.824.5h-3.492v1h3.492v-1zm10.535 10.638L15.183.652l-.718.696 10.176 10.486.718-.696zM15.183 22.322l10.176-10.488-.718-.696-10.176 10.487.718.697zm-3.861.152h3.502v-1h-3.502v1zm8.795-10.334l-9.155 9.486.72.695 9.154-9.486-.72-.695zm1.04-1.013l-1.03 1.002.698.717 1.03-1.002-.697-.717zm-1.026-.28l1.027.998.697-.718-1.028-.997-.696.717zm-9.159-9.5l9.147 9.489.72-.694L11.692.652l-.72.694z"
            fill="currentColor"
          />
        </svg>
        <span class="lg:ml-6">
          Experience Design
        </span>
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          stroke-width="2"
          stroke-linecap="round"
          stroke-linejoin="round"
          class="feather feather-chevron-down lg:hidden transition-transform duration-200"
          :class="{'transform rotate-180': selected.includes('Experience Design')}"
        >
          <polyline points="6 9 12 15 18 9"></polyline>
        </svg>
      </div>
      <div
        class="py-6 block lg:right-0 lg:top-0 lg:p-20 lg:border-cyan lg:border lg:bg-midnight lg:hidden lg:flex-col services--content"
        x-show="selected.includes('Experience Design')"
      >
        <span
          class="hidden lg:block text-p18 text-cyan tracking-4 uppercase mb-3 lg:mb-4"
        >
          Experience Design
        </span>
        <p class="text-p18 mb-3 lg:text-p30 lg:mb-6">
          We create experiences that connect your purpose with your audiences. Our design approach balances emotion with action, creating both immediate impact and lasting impression.

        </p>
        <div class="flex items-baseline mb-6 lg:mb-8">
          <div
            class="w-1/2 text-p72 text-cyan tracking-n1 font-semibold lg:text-p112"
          >
            
          </div>
          <div class="w-1/2 text-p12 lg:text-p18">
            <div class="inline-block">
              
            </div>
          </div>
        </div>
        <ul class="lg:text-p24 lg:font-semibold lg:mb-13">
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Human-Centered Strategy
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Purpose-Expressed Visual Design
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            User Research
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Experience Prototyping
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Interactive Design
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Multi-Channel Integration
          </li>
                  </ul>
        <a
          href="/services"
          class="uppercase text-orange-2 tracking-3 inline-flex items-center justify-end icon--arrow-orange-right text-p14 hover:text-white lg:mt-auto self-end"
          >More</a
        >
      </div>
            <!-- Begin Collapsible Group -->
      <div
        class="cursor-pointer text-h4 lg:text-h3 text-white tracking-n1 flex items-center justify-between lg:justify-start transition duration-200 my-4 hover:text-orange-2 font-bold"
        @click="if (isMobile) {
          if (selected.includes('Digital Solutions')) {
            const i = selected.indexOf('Digital Solutions');
            selected.splice(i,1);
          } else {
            selected.push('Digital Solutions');
          }
        } else {
          selected = ['Digital Solutions'];
        }

        arrowPosition = $event.target.offsetTop"
        :class="{'text-orange-2': selected.includes('Digital Solutions')}"
      >
        <svg
          width="26"
          height="23"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
          class="hidden lg:block lg:visible lg:transform"
          :style="!selected.includes('Digital Solutions') ? 'visibility: hidden !important;' : ''"
        >
          <path
            fill-rule="evenodd"
            clip-rule="evenodd"
            d="M2.01 1h3.492l10.176 10.486L5.502 21.974H2l9.155-9.486 1.03-1.002-1.028-.998L2.01 1zm9.322 0h3.492L25 11.486 14.824 21.974h-3.502l9.154-9.486 1.03-1.002-1.027-.998L11.332 1z"
            fill="currentColor"
          />
          <path
            d="M5.502 1l.36-.348L5.713.5h-.212V1zM2.01 1V.5H.834l.817.847L2.01 1zm13.668 10.486l.36.348.337-.348-.338-.348-.359.348zM5.502 21.974v.5h.212l.147-.152-.359-.348zm-3.502 0l-.36-.348-.817.848H2v-.5zm9.155-9.486l-.349-.359-.005.006-.006.005.36.348zm1.03-1.002l.348.358.37-.358-.37-.359-.348.359zm-1.028-.998l-.36.348.006.005.006.006.348-.358zM14.824 1l.359-.348L15.036.5h-.212V1zm-3.492 0V.5h-1.176l.816.847.36-.347zM25 11.486l.359.348.338-.348-.338-.348-.359.348zM14.824 21.974v.5h.212l.147-.152-.36-.348zm-3.502 0l-.36-.348-.818.848h1.178v-.5zm9.154-9.486l-.348-.359-.006.006-.005.005.36.348zm1.03-1.002l.35.358.368-.358-.37-.359-.348.359zm-1.027-.998l-.36.348.006.005.006.006.348-.358zM5.502.5H2.01v1h3.492v-1zm10.535 10.638L5.861.652l-.717.696L15.32 11.834l.717-.696zM5.861 22.322l10.176-10.488-.717-.696L5.144 21.625l.717.697zM2 22.474h3.502v-1H2v1zm8.795-10.334L1.64 21.626l.72.695 9.154-9.486-.719-.695zm1.041-1.013l-1.03 1.002.697.717 1.03-1.002-.697-.717zm-1.027-.28l1.028.998.696-.718-1.027-.997-.697.717zm-9.158-9.5l9.146 9.489.72-.694L2.37.652l-.72.694zM14.824.5h-3.492v1h3.492v-1zm10.535 10.638L15.183.652l-.718.696 10.176 10.486.718-.696zM15.183 22.322l10.176-10.488-.718-.696-10.176 10.487.718.697zm-3.861.152h3.502v-1h-3.502v1zm8.795-10.334l-9.155 9.486.72.695 9.154-9.486-.72-.695zm1.04-1.013l-1.03 1.002.698.717 1.03-1.002-.697-.717zm-1.026-.28l1.027.998.697-.718-1.028-.997-.696.717zm-9.159-9.5l9.147 9.489.72-.694L11.692.652l-.72.694z"
            fill="currentColor"
          />
        </svg>
        <span class="lg:ml-6">
          Digital Solutions
        </span>
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          stroke-width="2"
          stroke-linecap="round"
          stroke-linejoin="round"
          class="feather feather-chevron-down lg:hidden transition-transform duration-200"
          :class="{'transform rotate-180': selected.includes('Digital Solutions')}"
        >
          <polyline points="6 9 12 15 18 9"></polyline>
        </svg>
      </div>
      <div
        class="py-6 block lg:right-0 lg:top-0 lg:p-20 lg:border-cyan lg:border lg:bg-midnight lg:hidden lg:flex-col services--content"
        x-show="selected.includes('Digital Solutions')"
      >
        <span
          class="hidden lg:block text-p18 text-cyan tracking-4 uppercase mb-3 lg:mb-4"
        >
          Digital Solutions
        </span>
        <p class="text-p18 mb-3 lg:text-p30 lg:mb-6">
          Our digital solutions transform how organizations connect with customers. We integrate strategic vision with deep technical excellence to create experiences that drive meaningful results.

        </p>
        <div class="flex items-baseline mb-6 lg:mb-8">
          <div
            class="w-1/2 text-p72 text-cyan tracking-n1 font-semibold lg:text-p112"
          >
            
          </div>
          <div class="w-1/2 text-p12 lg:text-p18">
            <div class="inline-block">
              
            </div>
          </div>
        </div>
        <ul class="lg:text-p24 lg:font-semibold lg:mb-13">
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Digital Experience Strategy
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Website Design & Development
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Custom Applications
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            E-Commerce Integration
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Digital Ecosystem Optimization
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Ongoing Evolution Support
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Custom API development
          </li>
                  </ul>
        <a
          href="/services"
          class="uppercase text-orange-2 tracking-3 inline-flex items-center justify-end icon--arrow-orange-right text-p14 hover:text-white lg:mt-auto self-end"
          >More</a
        >
      </div>
            <!-- Begin Collapsible Group -->
      <div
        class="cursor-pointer text-h4 lg:text-h3 text-white tracking-n1 flex items-center justify-between lg:justify-start transition duration-200 my-4 hover:text-orange-2 font-bold"
        @click="if (isMobile) {
          if (selected.includes('Technology')) {
            const i = selected.indexOf('Technology');
            selected.splice(i,1);
          } else {
            selected.push('Technology');
          }
        } else {
          selected = ['Technology'];
        }

        arrowPosition = $event.target.offsetTop"
        :class="{'text-orange-2': selected.includes('Technology')}"
      >
        <svg
          width="26"
          height="23"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
          class="hidden lg:block lg:visible lg:transform"
          :style="!selected.includes('Technology') ? 'visibility: hidden !important;' : ''"
        >
          <path
            fill-rule="evenodd"
            clip-rule="evenodd"
            d="M2.01 1h3.492l10.176 10.486L5.502 21.974H2l9.155-9.486 1.03-1.002-1.028-.998L2.01 1zm9.322 0h3.492L25 11.486 14.824 21.974h-3.502l9.154-9.486 1.03-1.002-1.027-.998L11.332 1z"
            fill="currentColor"
          />
          <path
            d="M5.502 1l.36-.348L5.713.5h-.212V1zM2.01 1V.5H.834l.817.847L2.01 1zm13.668 10.486l.36.348.337-.348-.338-.348-.359.348zM5.502 21.974v.5h.212l.147-.152-.359-.348zm-3.502 0l-.36-.348-.817.848H2v-.5zm9.155-9.486l-.349-.359-.005.006-.006.005.36.348zm1.03-1.002l.348.358.37-.358-.37-.359-.348.359zm-1.028-.998l-.36.348.006.005.006.006.348-.358zM14.824 1l.359-.348L15.036.5h-.212V1zm-3.492 0V.5h-1.176l.816.847.36-.347zM25 11.486l.359.348.338-.348-.338-.348-.359.348zM14.824 21.974v.5h.212l.147-.152-.36-.348zm-3.502 0l-.36-.348-.818.848h1.178v-.5zm9.154-9.486l-.348-.359-.006.006-.005.005.36.348zm1.03-1.002l.35.358.368-.358-.37-.359-.348.359zm-1.027-.998l-.36.348.006.005.006.006.348-.358zM5.502.5H2.01v1h3.492v-1zm10.535 10.638L5.861.652l-.717.696L15.32 11.834l.717-.696zM5.861 22.322l10.176-10.488-.717-.696L5.144 21.625l.717.697zM2 22.474h3.502v-1H2v1zm8.795-10.334L1.64 21.626l.72.695 9.154-9.486-.719-.695zm1.041-1.013l-1.03 1.002.697.717 1.03-1.002-.697-.717zm-1.027-.28l1.028.998.696-.718-1.027-.997-.697.717zm-9.158-9.5l9.146 9.489.72-.694L2.37.652l-.72.694zM14.824.5h-3.492v1h3.492v-1zm10.535 10.638L15.183.652l-.718.696 10.176 10.486.718-.696zM15.183 22.322l10.176-10.488-.718-.696-10.176 10.487.718.697zm-3.861.152h3.502v-1h-3.502v1zm8.795-10.334l-9.155 9.486.72.695 9.154-9.486-.72-.695zm1.04-1.013l-1.03 1.002.698.717 1.03-1.002-.697-.717zm-1.026-.28l1.027.998.697-.718-1.028-.997-.696.717zm-9.159-9.5l9.147 9.489.72-.694L11.692.652l-.72.694z"
            fill="currentColor"
          />
        </svg>
        <span class="lg:ml-6">
          Technology
        </span>
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          stroke-width="2"
          stroke-linecap="round"
          stroke-linejoin="round"
          class="feather feather-chevron-down lg:hidden transition-transform duration-200"
          :class="{'transform rotate-180': selected.includes('Technology')}"
        >
          <polyline points="6 9 12 15 18 9"></polyline>
        </svg>
      </div>
      <div
        class="py-6 block lg:right-0 lg:top-0 lg:p-20 lg:border-cyan lg:border lg:bg-midnight lg:hidden lg:flex-col services--content"
        x-show="selected.includes('Technology')"
      >
        <span
          class="hidden lg:block text-p18 text-cyan tracking-4 uppercase mb-3 lg:mb-4"
        >
          Technology
        </span>
        <p class="text-p18 mb-3 lg:text-p30 lg:mb-6">
          We leverage technology to create transformative solutions aligned with your purpose. Our approach enhances capabilities, improves efficiency, and enables meaningful connections.
        </p>
        <div class="flex items-baseline mb-6 lg:mb-8">
          <div
            class="w-1/2 text-p72 text-cyan tracking-n1 font-semibold lg:text-p112"
          >
            
          </div>
          <div class="w-1/2 text-p12 lg:text-p18">
            <div class="inline-block">
              
            </div>
          </div>
        </div>
        <ul class="lg:text-p24 lg:font-semibold lg:mb-13">
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Purpose-Aligned Technology Strategy
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Advanced AI Platform Development
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Prompt Engineering
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Process Enhancement & Automation
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Customer Engagement Solutions
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Strategic Technology Partnership
          </li>
                  </ul>
        <a
          href="/services"
          class="uppercase text-orange-2 tracking-3 inline-flex items-center justify-end icon--arrow-orange-right text-p14 hover:text-white lg:mt-auto self-end"
          >More</a
        >
      </div>
          </div>
    <div class="services--text lg:pl-28 hidden lg:block">
            <div
        class="py-6 lg:right-0 lg:top-0 lg:p-20 lg:border-cyan lg:border lg:bg-midnight lg:flex lg:flex-col services--content"
        x-show="selected.includes('Strategic Growth')"
      >
        <span
          class="hidden lg:block text-p18 text-cyan tracking-4 uppercase mb-3 lg:mb-4"
        >
          Strategic Growth
        </span>
        <p class="text-p18 mb-3 lg:text-p30 lg:mb-6">
          Pyxl combines 18 years of strategy expertise with AI to redefine digital strategy, market research, CRM optimization and brand positioning.
        </p>
        <div class="flex items-baseline mb-6 lg:mb-8">
          <div
            class="w-1/2 text-p72 text-cyan tracking-n1 font-semibold lg:text-p112"
          >
            
          </div>
          <div class="w-1/2 text-p12 lg:text-p18">
            <div class="inline-block">
              
            </div>
          </div>
        </div>
        <ul class="lg:text-p24 lg:font-semibold lg:mb-13">
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            AI-Enhanced Market & Competitive Research
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            CRM & Sales Funnel Optimization with AI Analytics
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            AI-Informed Brand Positioning & Messaging Strategy
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            AI-Driven Marketing Growth Strategies
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Predictive Analytics for AI-Based Strategic Planning
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Usability Testing & UX Consulting Leveraging AI Insights
          </li>
                  </ul>
        <a
          href="/services"
          class="uppercase text-orange-2 tracking-3 inline-flex items-center justify-end icon--arrow-orange-right text-p14 hover:text-white lg:mt-auto self-end"
          >More</a
        >
      </div>
      <!-- End Collapsible Group -->
            <div
        class="py-6 lg:right-0 lg:top-0 lg:p-20 lg:border-cyan lg:border lg:bg-midnight lg:flex lg:flex-col services--content"
        x-show="selected.includes('Brand Alignment')"
      >
        <span
          class="hidden lg:block text-p18 text-cyan tracking-4 uppercase mb-3 lg:mb-4"
        >
          Brand Alignment
        </span>
        <p class="text-p18 mb-3 lg:text-p30 lg:mb-6">
          Our multifaceted approach to branding blends years of experience with advanced technology to create highly personalized brand experiences, leverage predictive insights for strategic decisions, and automate brand management for optimal efficiency and impact.
        </p>
        <div class="flex items-baseline mb-6 lg:mb-8">
          <div
            class="w-1/2 text-p72 text-cyan tracking-n1 font-semibold lg:text-p112"
          >
            
          </div>
          <div class="w-1/2 text-p12 lg:text-p18">
            <div class="inline-block">
              
            </div>
          </div>
        </div>
        <ul class="lg:text-p24 lg:font-semibold lg:mb-13">
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Brand Identity Development
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            AI-Powered Brand Strategy and Positioning
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Brand Architecture or Restructure
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Comprehensive Brand Research
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Rebranding or Brand Refresh
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Brand Messaging and Storytelling/AI-Driven Brand Engagement
          </li>
                  </ul>
        <a
          href="https://pyxl.com/services"
          class="uppercase text-orange-2 tracking-3 inline-flex items-center justify-end icon--arrow-orange-right text-p14 hover:text-white lg:mt-auto self-end"
          >More</a
        >
      </div>
      <!-- End Collapsible Group -->
            <div
        class="py-6 lg:right-0 lg:top-0 lg:p-20 lg:border-cyan lg:border lg:bg-midnight lg:flex lg:flex-col services--content"
        x-show="selected.includes('Marketing')"
      >
        <span
          class="hidden lg:block text-p18 text-cyan tracking-4 uppercase mb-3 lg:mb-4"
        >
          Marketing
        </span>
        <p class="text-p18 mb-3 lg:text-p30 lg:mb-6">
          Our integrated approach creates cohesive experiences across all touchpoints. We build programs that connect with aligned audiences and nurture relationships that drive sustainable growth.

        </p>
        <div class="flex items-baseline mb-6 lg:mb-8">
          <div
            class="w-1/2 text-p72 text-cyan tracking-n1 font-semibold lg:text-p112"
          >
            
          </div>
          <div class="w-1/2 text-p12 lg:text-p18">
            <div class="inline-block">
              
            </div>
          </div>
        </div>
        <ul class="lg:text-p24 lg:font-semibold lg:mb-13">
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Growth Marketing Strategy
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Purpose-Aligned Content
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Campaign Planning & Execution
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Performance Optimization
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Customer Relationship Cultivation
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Measurement & Refinement
          </li>
                  </ul>
        <a
          href="/services"
          class="uppercase text-orange-2 tracking-3 inline-flex items-center justify-end icon--arrow-orange-right text-p14 hover:text-white lg:mt-auto self-end"
          >More</a
        >
      </div>
      <!-- End Collapsible Group -->
            <div
        class="py-6 lg:right-0 lg:top-0 lg:p-20 lg:border-cyan lg:border lg:bg-midnight lg:flex lg:flex-col services--content"
        x-show="selected.includes('Experience Design')"
      >
        <span
          class="hidden lg:block text-p18 text-cyan tracking-4 uppercase mb-3 lg:mb-4"
        >
          Experience Design
        </span>
        <p class="text-p18 mb-3 lg:text-p30 lg:mb-6">
          We create experiences that connect your purpose with your audiences. Our design approach balances emotion with action, creating both immediate impact and lasting impression.

        </p>
        <div class="flex items-baseline mb-6 lg:mb-8">
          <div
            class="w-1/2 text-p72 text-cyan tracking-n1 font-semibold lg:text-p112"
          >
            
          </div>
          <div class="w-1/2 text-p12 lg:text-p18">
            <div class="inline-block">
              
            </div>
          </div>
        </div>
        <ul class="lg:text-p24 lg:font-semibold lg:mb-13">
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Human-Centered Strategy
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Purpose-Expressed Visual Design
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            User Research
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Experience Prototyping
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Interactive Design
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Multi-Channel Integration
          </li>
                  </ul>
        <a
          href="/services"
          class="uppercase text-orange-2 tracking-3 inline-flex items-center justify-end icon--arrow-orange-right text-p14 hover:text-white lg:mt-auto self-end"
          >More</a
        >
      </div>
      <!-- End Collapsible Group -->
            <div
        class="py-6 lg:right-0 lg:top-0 lg:p-20 lg:border-cyan lg:border lg:bg-midnight lg:flex lg:flex-col services--content"
        x-show="selected.includes('Digital Solutions')"
      >
        <span
          class="hidden lg:block text-p18 text-cyan tracking-4 uppercase mb-3 lg:mb-4"
        >
          Digital Solutions
        </span>
        <p class="text-p18 mb-3 lg:text-p30 lg:mb-6">
          Our digital solutions transform how organizations connect with customers. We integrate strategic vision with deep technical excellence to create experiences that drive meaningful results.

        </p>
        <div class="flex items-baseline mb-6 lg:mb-8">
          <div
            class="w-1/2 text-p72 text-cyan tracking-n1 font-semibold lg:text-p112"
          >
            
          </div>
          <div class="w-1/2 text-p12 lg:text-p18">
            <div class="inline-block">
              
            </div>
          </div>
        </div>
        <ul class="lg:text-p24 lg:font-semibold lg:mb-13">
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Digital Experience Strategy
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Website Design & Development
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Custom Applications
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            E-Commerce Integration
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Digital Ecosystem Optimization
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Ongoing Evolution Support
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Custom API development
          </li>
                  </ul>
        <a
          href="/services"
          class="uppercase text-orange-2 tracking-3 inline-flex items-center justify-end icon--arrow-orange-right text-p14 hover:text-white lg:mt-auto self-end"
          >More</a
        >
      </div>
      <!-- End Collapsible Group -->
            <div
        class="py-6 lg:right-0 lg:top-0 lg:p-20 lg:border-cyan lg:border lg:bg-midnight lg:flex lg:flex-col services--content"
        x-show="selected.includes('Technology')"
      >
        <span
          class="hidden lg:block text-p18 text-cyan tracking-4 uppercase mb-3 lg:mb-4"
        >
          Technology
        </span>
        <p class="text-p18 mb-3 lg:text-p30 lg:mb-6">
          We leverage technology to create transformative solutions aligned with your purpose. Our approach enhances capabilities, improves efficiency, and enables meaningful connections.
        </p>
        <div class="flex items-baseline mb-6 lg:mb-8">
          <div
            class="w-1/2 text-p72 text-cyan tracking-n1 font-semibold lg:text-p112"
          >
            
          </div>
          <div class="w-1/2 text-p12 lg:text-p18">
            <div class="inline-block">
              
            </div>
          </div>
        </div>
        <ul class="lg:text-p24 lg:font-semibold lg:mb-13">
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Purpose-Aligned Technology Strategy
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Advanced AI Platform Development
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Prompt Engineering
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Process Enhancement & Automation
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Customer Engagement Solutions
          </li>
                    <li
            class="icon--chevrons-right pl-10 mb-4 lg:mb-6 bg-left bg-no-repeat"
          >
            Strategic Technology Partnership
          </li>
                  </ul>
        <a
          href="/services"
          class="uppercase text-orange-2 tracking-3 inline-flex items-center justify-end icon--arrow-orange-right text-p14 hover:text-white lg:mt-auto self-end"
          >More</a
        >
      </div>
      <!-- End Collapsible Group -->
          </div>
    </div>
  </div>
</section>

<section class="relative z-10 py-16 bg-no-repeat bg-cover lg:pt-40" style="background-image: linear-gradient(57deg, rgba(0,0,0,0.8113620448179272) 0%, rgba(0,0,0,0.45281862745098034) 48%, rgba(0,0,0,0) 100%), url('https://pyxl.com/wp-content/uploads/2023/10/Nashville-About-scaled.jpg');">
	<div class="container max-w-screen-xl my-12 lg:mt-24">
		<h2
			class="mb-2 font-semibold uppercase lg:text-p18 text-medium-blue tracking-4 lg:mb-4">
			YOUR STRATEGIC TRANSFORMATION PARTNER
		</h2>
		<div class="mb-6 font-bold text-white text-h5 lg:text-h2 tracking-n1 lg:mb-8">
			Our Approach
		</div>
		<div class="leading-normal text-white md:text-p24 sm:text-p18">
			For over 18 years, we've guided organizations toward purpose-driven growth. We align strategy with deeper purpose to create meaningful transformation. Our approach combines strategic insight with exceptional execution, delivering results that matter.

We build authentic partnerships by understanding not just what you do, but why it matters.
		</div>
	</div>
</div><section class="awards bg-white  py-12">
	<div class="container max-w-screen-xl">
				<h2 class="text-p18 text-medium-blue tracking-4 uppercase font-semibold mb-2 lg:mb-3">AWARD-WINNING EXPERTISE</h2>
				<div class="logos grid grid-cols-2 md:flex items-center justify-center gap-20 mt-14 px-10">
							<figure>
					<img src="https://pyxl.com/wp-content/uploads/2024/06/Addy.png" alt="addy" class="mx-auto" style="">
				</figure>
							<figure>
					<img src="https://pyxl.com/wp-content/uploads/2024/06/DAD.png" alt="dad" class="mx-auto" style="">
				</figure>
							<figure>
					<img src="https://pyxl.com/wp-content/uploads/2024/06/Davey.png" alt="davey" class="mx-auto" style="">
				</figure>
							<figure>
					<img src="https://pyxl.com/wp-content/uploads/2024/06/Marcom.png" alt="marcom" class="mx-auto" style="">
				</figure>
							<figure>
					<img src="https://pyxl.com/wp-content/uploads/2024/06/W3.png" alt="w3" class="mx-auto" style="">
				</figure>
					</div>
	</div>
</section>
<section class="logos-tabs bg-white" x-data="{ activeCategory: 'technology' }">
    <div class="container max-w-screen-xl py-10 lg:py-20">
                <div class="heading">
                <h2 class="text-p18 text-medium-blue tracking-4 uppercase font-semibold mb-2 lg:mb-3">specialized experience</h2>
                    </div>
        
        <div class="logos-tabs__categories">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <ul class="grid grid-cols-2 md:flex items-center justify-center gap-5 my-20">
                                            <li x-on:click="activeCategory = 'technology'" class="capitalize category-item cursor-pointer text-p20 font-bold p-3 text-center" 
                            :class="{'bg-midnight text-white active': activeCategory === 'technology'}" data-category="technology">
                                                        technology
                                                    </li>
                                            <li x-on:click="activeCategory = 'it'" class="capitalize category-item cursor-pointer text-p20 font-bold p-3 text-center" 
                            :class="{'bg-midnight text-white active': activeCategory === 'it'}" data-category="it">
                                                        IT
                                                    </li>
                                            <li x-on:click="activeCategory = 'fintech'" class="capitalize category-item cursor-pointer text-p20 font-bold p-3 text-center" 
                            :class="{'bg-midnight text-white active': activeCategory === 'fintech'}" data-category="fintech">
                                                        fintech
                                                    </li>
                                            <li x-on:click="activeCategory = 'cybersecurity'" class="capitalize category-item cursor-pointer text-p20 font-bold p-3 text-center" 
                            :class="{'bg-midnight text-white active': activeCategory === 'cybersecurity'}" data-category="cybersecurity">
                                                        cybersecurity
                                                    </li>
                                            <li x-on:click="activeCategory = 'healthcare'" class="capitalize category-item cursor-pointer text-p20 font-bold p-3 text-center" 
                            :class="{'bg-midnight text-white active': activeCategory === 'healthcare'}" data-category="healthcare">
                                                        healthcare
                                                    </li>
                                            <li x-on:click="activeCategory = 'education'" class="capitalize category-item cursor-pointer text-p20 font-bold p-3 text-center" 
                            :class="{'bg-midnight text-white active': activeCategory === 'education'}" data-category="education">
                                                        education
                                                    </li>
                                            <li x-on:click="activeCategory = 'government'" class="capitalize category-item cursor-pointer text-p20 font-bold p-3 text-center" 
                            :class="{'bg-midnight text-white active': activeCategory === 'government'}" data-category="government">
                                                        government
                                                    </li>
                                    </ul>
                    </div>

        <div class="logos-tabs__items mt-10 grid grid-cols-2 md:grid-cols-4 md:row-gap-10 gap-6">
                            <figure class="logo-item flex items-center technology it" data-categories="technology it">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/nexustek.png" alt="nexustek" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center technology it" data-categories="technology it">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/IBM-Logo-Design-1972-present.png" alt="IBM-Logo-Design-1972-present" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center technology it" data-categories="technology it">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/t5.png" alt="t5" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center technology" data-categories="technology">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/vmware-png-logo-6474.png" alt="vmware-png-logo-6474" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center technology" data-categories="technology">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/icons8-samsung-240.png" alt="icons8-samsung-240" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center technology" data-categories="technology">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/equinix.png" alt="equinix" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center technology" data-categories="technology">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/razorsync.png" alt="razorsync" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center technology fintech" data-categories="technology fintech">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/celero.png" alt="celero" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center technology it" data-categories="technology it">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/providertrust.png" alt="providertrust" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center technology" data-categories="technology">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/citrix-logo-png-transparent-1.png" alt="citrix-logo-png-transparent" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center technology cybersecurity it" data-categories="technology cybersecurity it">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/quality-technology-services-qts-logo-553EC469E4-seeklogo.com_.png" alt="quality-technology-services-qts-logo-553EC469E4-seeklogo.com" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center technology" data-categories="technology">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/t-park-1.png" alt="t-park" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center technology cybersecurity" data-categories="technology cybersecurity">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/penlink.png" alt="penlink" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center cybersecurity" data-categories="cybersecurity">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/unnamed-1.png" alt="unnamed" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center cybersecurity" data-categories="cybersecurity">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/booz-allen-hamilton-logo.png" alt="booz-allen-hamilton-logo" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center fintech" data-categories="fintech">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/rezidual.png" alt="rezidual" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center fintech" data-categories="fintech">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/cashierlive-1.png" alt="cashierlive" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center healthcare" data-categories="healthcare">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/teamhealth-vector-logo.png" alt="teamhealth-vector-logo" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center healthcare" data-categories="healthcare">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/skinbetter-logo.png" alt="skinbetter-logo" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center healthcare" data-categories="healthcare">
                    <img src="https://pyxl.com/wp-content/uploads/2024/10/insys.png" alt="insys" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center healthcare" data-categories="healthcare">
                    <img src="https://pyxl.com/wp-content/uploads/2024/10/ibmwatson.png" alt="ibmwatson" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center healthcare" data-categories="healthcare">
                    <img src="https://pyxl.com/wp-content/uploads/2024/10/derm.png" alt="derm" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center healthcare" data-categories="healthcare">
                    <img src="https://pyxl.com/wp-content/uploads/2024/10/deltadental.png" alt="deltadental" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center healthcare" data-categories="healthcare">
                    <img src="https://pyxl.com/wp-content/uploads/2024/10/fillauer.png" alt="fillauer" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center healthcare" data-categories="healthcare">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/Stanford_School_of_Medicine_Logo.jpg" alt="Stanford_School_of_Medicine_Logo" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center healthcare" data-categories="healthcare">
                    <img src="https://pyxl.com/wp-content/uploads/2017/11/Legend-Fitness.png" alt="Legend Fitness" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center healthcare" data-categories="healthcare">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/Medtronic-Logo.png" alt="Medtronic-Logo" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center healthcare" data-categories="healthcare">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/value.png" alt="value" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center healthcare" data-categories="healthcare">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/ccs.png" alt="ccs" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center healthcare" data-categories="healthcare">
                    <img src="https://pyxl.com/wp-content/uploads/2024/10/ability.png" alt="ability" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center education" data-categories="education">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/berkeley-haas-1.png" alt="berkeley-haas" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center education" data-categories="education">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/galen-1.png" alt="galen" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center education" data-categories="education">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/k16-solutions-1.png" alt="k16-solutions" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center education" data-categories="education">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/tennessee-university-1.png" alt="tennessee-university" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center education" data-categories="education">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/maryvillecollege.png" alt="maryvillecollege" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center education" data-categories="education">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/South_College_-_Logo_white.jpg" alt="South_College_-_Logo_white" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center education government" data-categories="education government">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/airforce.png" alt="airforce" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center education" data-categories="education">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/elevo.png" alt="elevo" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center government" data-categories="government">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/akima.png" alt="akima" class="mx-auto">
                </figure>
                            <figure class="logo-item flex items-center government" data-categories="government">
                    <img src="https://pyxl.com/wp-content/uploads/2024/11/GetLogoFileById.png" alt="GetLogoFileById" class="mx-auto">
                </figure>
                    </div>
    </div>
</section>

<script>
    // Wait for the DOM to fully load before executing
    document.addEventListener('DOMContentLoaded', function () {
        // Get all category items and logo items
        const categoryItems = document.querySelectorAll('.category-item');
        const logoItems = document.querySelectorAll('.logo-item');

        // Function to filter logos based on the selected category
        const filterLogos = (category) => {
            // Create a set to track which logos have already been displayed
            const displayedLogos = new Set();

            logoItems.forEach(logo => {
                const categories = logo.getAttribute('data-categories').split(' '); // get all categories for this logo

                // Check if the category matches and if the logo hasn't been displayed yet
                if (category === 'all' || categories.includes(category)) {
                    // Show the logo only if it hasn't been displayed yet
                    if (!displayedLogos.has(logo)) {
                        logo.style.display = 'flex'; // Show the logo
                        displayedLogos.add(logo); // Mark it as displayed
                    }
                } else {
                    logo.style.display = 'none'; // Hide the logo
                }
            });
        };

        // Add event listener for each category click
        categoryItems.forEach(item => {
            item.addEventListener('click', () => {
                // Remove 'active' class from all categories and add it to the clicked one
                categoryItems.forEach(cat => cat.classList.remove('active'));
                item.classList.add('active');

                // Get the clicked category
                const selectedCategory = item.getAttribute('data-category');
                // Filter the logos based on the selected category
                filterLogos(selectedCategory);
            });
        });

        // Initially show all logos when page loads (simulate clicking the 'All' category)
        //document.querySelector('.all').click();
        document.querySelector('li.active').click();
    });
</script><section
  x-data="{activateScene1: false,activateScene2: false}"
  class="bg-midnight pt-20 pb-8 text-white clearfix overflow-hidden relative"
  :class="{'scene-1-activate':activateScene1,'scene-2-activate':activateScene2}"
  x-init="()=>{let observer = new IntersectionObserver(
  (entries, observer) => {
    entries.forEach((entry) => {
      if (entry.isIntersecting) {
        activateScene1 = true;
        activateScene2 = true;
        observer.unobserve(entry.target);
      }
    });
  },
  { rootMargin: '0px 0px -200px 0px', threshold: 0.1 }
);observer.observe($el)}"
>
  <div class="w-full max-w-screen-xl mx-auto container">
    <div
      class="transform opacity-25 transition translate-y-12 duration-500"
      :style="activateScene1 ? 'transform: translateY(0); opacity: 1;': ''"
    >
      <p class="text-p18 text-medium-blue tracking-4 uppercase mb-2 lg:mb-3">
        Thought Leadership
      </p>
      <h2 class="text-h3 lg:text-h2 font-bold tracking-n1 mb-6 lg:mb-10">
        Pyxl Insights
      </h2>
    </div>
    <div
      id="thought-leadership__articles"
      class="lg:grid lg:grid-cols-2 lg:gap-8"
    >
          <div
        class="transform opacity-25 transition duration-500"
        style="--transform-translate-x: -100%;"
      >
        <article
  class="w-full "
>
  <div
    class=" h-76  relative"
  >
    <a href="https://pyxl.com/blog/celebrating-award-winning-digital-strategy-services/" class="block">
    <div
      class="absolute z-0 inset-0 bg-no-repeat bg-cover"
      style="
        background-image: linear-gradient(
            rgba(2, 5, 32, 0.4),
            rgba(2, 5, 32, 0.4)
          ),
          url(https://pyxl.com/wp-content/uploads/2025/03/Pyxl-18th-Year-1024x620.jpg);
      "
    ></div>

    <div
      class="absolute z-10 inset-0 bg-no-repeat bg-right"
      style="
            background-image: url('/wp-content/themes/_view/dist/svgs/card-overlay-1.svg');
            background-size: auto 100%;"
    ></div>
    <span class="sr-only">A Recap of Pyxl’s 18th Year &#8211; Happy Birthday!</span>
    </a>
  </div>

  <div class="">
    <div class="flex flex-wrap my-4">
            <a
        href="/blog/category/awards"
        class=" bg-white text-electric-blue  text-p14 font-semibold tracking-3 p-1 uppercase mb-1 mr-3 leading-none"
        >Awards</a
      >
            <a
        href="/blog/category/marketing"
        class=" bg-white text-electric-blue  text-p14 font-semibold tracking-3 p-1 uppercase mb-1 mr-3 leading-none"
        >Marketing</a
      >
            <a
        href="/blog/category/strategy"
        class=" bg-white text-electric-blue  text-p14 font-semibold tracking-3 p-1 uppercase mb-1 mr-3 leading-none"
        >Strategy</a
      >
          </div>

    <a href="https://pyxl.com/blog/celebrating-award-winning-digital-strategy-services/" class="text-h6 hover:text-electric-blue tracking-n1 font-bold mb-4">
    <h3>A Recap of Pyxl’s 18th Year &#8211; Happy Birthday!</h3>
    </a>
        
    <div class="mb-4">
      
<div class="flex items-center pt-4">
  <svg
    class="mr-2"
    width="18"
    height="19"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      fill-rule="evenodd"
      clip-rule="evenodd"
      d="M3.75 4.364a.75.75 0 00-.75.75v10.5c0 .415.336.75.75.75h10.5a.75.75 0 00.75-.75v-10.5a.75.75 0 00-.75-.75H3.75zm-2.25.75a2.25 2.25 0 012.25-2.25h10.5a2.25 2.25 0 012.25 2.25v10.5a2.25 2.25 0 01-2.25 2.25H3.75a2.25 2.25 0 01-2.25-2.25v-10.5z"
      fill="#15B6FF"
    />
    <path
      fill-rule="evenodd"
      clip-rule="evenodd"
      d="M12 1.364a.75.75 0 01.75.75v3a.75.75 0 01-1.5 0v-3a.75.75 0 01.75-.75zM6 1.364a.75.75 0 01.75.75v3a.75.75 0 01-1.5 0v-3a.75.75 0 01.75-.75zM1.5 8.114a.75.75 0 01.75-.75h13.5a.75.75 0 010 1.5H2.25a.75.75 0 01-.75-.75z"
      fill="#15B6FF"
    />
  </svg>
  Mar 20, 2025 
    <span class="mx-6">|</span>
  <svg
    class="mr-2"
    width="18"
    height="19"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      fill-rule="evenodd"
      clip-rule="evenodd"
      d="M.75 2.864a.75.75 0 01.75-.75H6a3.75 3.75 0 013.75 3.75v10.5a.75.75 0 01-1.5 0 1.5 1.5 0 00-1.5-1.5H1.5a.75.75 0 01-.75-.75V2.864zm7.5 10.902V5.864A2.25 2.25 0 006 3.614H2.25v9.75h4.5a3 3 0 011.5.402z"
      fill="#15B6FF"
    />
    <path
      fill-rule="evenodd"
      clip-rule="evenodd"
      d="M9.348 3.213A3.75 3.75 0 0112 2.114h4.5a.75.75 0 01.75.75v11.25a.75.75 0 01-.75.75h-5.25a1.5 1.5 0 00-1.5 1.5.75.75 0 01-1.5 0v-10.5a3.75 3.75 0 011.098-2.651zm.402 10.553a3 3 0 011.5-.402h4.5v-9.75H12a2.25 2.25 0 00-2.25 2.25v7.902z"
      fill="#15B6FF"
    />
  </svg>
  <span class="span-reading-time rt-reading-time"><span class="rt-label rt-prefix"></span> <span class="rt-time"> 3</span> <span class="rt-label rt-postfix"></span></span>&nbsp;min
  </div>

    </div>

    <p class="text-p18 leading-snug mb-6 w-4/5">
      As Pyxl approaches its 18th anniversary, we’re proud to reflect on a year of remarkable achievements, industry recognition, and continued growth. From pushing the boundaries ... 
      &nbsp;
      <a
        href="https://pyxl.com/blog/celebrating-award-winning-digital-strategy-services/"
        class=" text-orange-1  hover:underline"
        >Read more</a
      >
    </p>
     <div
  class="flex items-center  text-p14  font-semibold"
>
  <img
    class="h-12 w-12 rounded-full  mr-2 "
    src="https://pyxl.com/wp-content/uploads/2024/12/Erin-Murray.png"
    alt="author"
  />
  Erin Murray</div>
       </div>
</article>
      </div>
          <div
        class="transform opacity-25 transition duration-500"
        style="--transform-translate-x: 100%;"
      >
        <article
  class="w-full "
>
  <div
    class=" h-76  relative"
  >
    <a href="https://pyxl.com/blog/introduction-to-integrating-hubspot-and-generative-ai-solutions/" class="block">
    <div
      class="absolute z-0 inset-0 bg-no-repeat bg-cover"
      style="
        background-image: linear-gradient(
            rgba(2, 5, 32, 0.4),
            rgba(2, 5, 32, 0.4)
          ),
          url(https://pyxl.com/wp-content/uploads/2024/02/Intro-to-Hubspot-AI-1024x620.jpg);
      "
    ></div>

    <div
      class="absolute z-10 inset-0 bg-no-repeat bg-right"
      style="
            background-image: url('/wp-content/themes/_view/dist/svgs/card-overlay-6.svg');
            background-size: auto 100%;"
    ></div>
    <span class="sr-only">Introduction to Integrating HubSpot and Generative AI Solutions</span>
    </a>
  </div>

  <div class="">
    <div class="flex flex-wrap my-4">
            <a
        href="/blog/category/automation"
        class=" bg-white text-electric-blue  text-p14 font-semibold tracking-3 p-1 uppercase mb-1 mr-3 leading-none"
        >Automation</a
      >
            <a
        href="/blog/category/strategy"
        class=" bg-white text-electric-blue  text-p14 font-semibold tracking-3 p-1 uppercase mb-1 mr-3 leading-none"
        >Strategy</a
      >
          </div>

    <a href="https://pyxl.com/blog/introduction-to-integrating-hubspot-and-generative-ai-solutions/" class="text-h6 hover:text-electric-blue tracking-n1 font-bold mb-4">
    <h3>Introduction to Integrating HubSpot and Generative AI Solutions</h3>
    </a>
        
    <div class="mb-4">
      
<div class="flex items-center pt-4">
  <svg
    class="mr-2"
    width="18"
    height="19"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      fill-rule="evenodd"
      clip-rule="evenodd"
      d="M3.75 4.364a.75.75 0 00-.75.75v10.5c0 .415.336.75.75.75h10.5a.75.75 0 00.75-.75v-10.5a.75.75 0 00-.75-.75H3.75zm-2.25.75a2.25 2.25 0 012.25-2.25h10.5a2.25 2.25 0 012.25 2.25v10.5a2.25 2.25 0 01-2.25 2.25H3.75a2.25 2.25 0 01-2.25-2.25v-10.5z"
      fill="#15B6FF"
    />
    <path
      fill-rule="evenodd"
      clip-rule="evenodd"
      d="M12 1.364a.75.75 0 01.75.75v3a.75.75 0 01-1.5 0v-3a.75.75 0 01.75-.75zM6 1.364a.75.75 0 01.75.75v3a.75.75 0 01-1.5 0v-3a.75.75 0 01.75-.75zM1.5 8.114a.75.75 0 01.75-.75h13.5a.75.75 0 010 1.5H2.25a.75.75 0 01-.75-.75z"
      fill="#15B6FF"
    />
  </svg>
  Feb 20, 2024 
    <span class="mx-6">|</span>
  <svg
    class="mr-2"
    width="18"
    height="19"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      fill-rule="evenodd"
      clip-rule="evenodd"
      d="M.75 2.864a.75.75 0 01.75-.75H6a3.75 3.75 0 013.75 3.75v10.5a.75.75 0 01-1.5 0 1.5 1.5 0 00-1.5-1.5H1.5a.75.75 0 01-.75-.75V2.864zm7.5 10.902V5.864A2.25 2.25 0 006 3.614H2.25v9.75h4.5a3 3 0 011.5.402z"
      fill="#15B6FF"
    />
    <path
      fill-rule="evenodd"
      clip-rule="evenodd"
      d="M9.348 3.213A3.75 3.75 0 0112 2.114h4.5a.75.75 0 01.75.75v11.25a.75.75 0 01-.75.75h-5.25a1.5 1.5 0 00-1.5 1.5.75.75 0 01-1.5 0v-10.5a3.75 3.75 0 011.098-2.651zm.402 10.553a3 3 0 011.5-.402h4.5v-9.75H12a2.25 2.25 0 00-2.25 2.25v7.902z"
      fill="#15B6FF"
    />
  </svg>
  <span class="span-reading-time rt-reading-time"><span class="rt-label rt-prefix"></span> <span class="rt-time"> 5</span> <span class="rt-label rt-postfix"></span></span>&nbsp;min
  </div>

    </div>

    <p class="text-p18 leading-snug mb-6 w-4/5">
      In the rapidly evolving technology landscape, the strategic integration of generative AI solutions with HubSpot&#8217;s comprehensive data platform stands out as a pivotal advancement for ... 
      &nbsp;
      <a
        href="https://pyxl.com/blog/introduction-to-integrating-hubspot-and-generative-ai-solutions/"
        class=" text-orange-1  hover:underline"
        >Read more</a
      >
    </p>
     <div
  class="flex items-center  text-p14  font-semibold"
>
  <img
    class="h-12 w-12 rounded-full  mr-2 "
    src="https://pyxl.com/wp-content/uploads/2020/08/Kati-Headshot-BW-square.jpg"
    alt="author"
  />
  Kati Terzinski</div>
       </div>
</article>
      </div>
        </div>
    <a
      href="/blog/"
      class="uppercase text-white hover:text-orange-2 tracking-4 flex items-center icon--arrow-orange-right float-right"
      >View All Blogs</a
    >
  </div>
</section>
<section
  x-data="{activateScene: true}"
  class="bg-gradient-blue py-24 text-white relative gradient-top-right"
  :class="{'scene-activate':activateScene}"
  style="--image: url(/wp-content/themes/_view/dist/svgs/bg-angles-cyan.svg);"
  >
  <div
    class="w-full max-w-screen-md mx-auto container transform translate-y-24 opacity-25 transition duration-200"
    :style="activateScene ? 'transform: translateY(0); opacity: 1;': ''"
  >
    <div class="text-h3 text-white font-bold mb-20 text-center">
      Purposeful Growth: Aligning Vision with Performance
    </div>
        <div class="text-center">
      <a
        href="https://pyxl.com/contact-us/"
        id="cta-btn"
        class="bg-orange-1 hover:text-electric-blue hover:bg-white font-semibold tracking-4 py-4 flex md:inline-flex items-center justify-center rounded-full uppercase md:px-16"
      >
        <svg
          width="36"
          height="11"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
          class="mr-4"
        >
          <g clip-path="url(#prefix__clip0)">
            <path
              d="M0 4.583l32.495.001-2.695-2.75V0L36 5.5 29.8 11V9.167l2.694-2.75H0V4.583z"
              fill="currentColor"
            />
          </g>
          <defs>
            <clipPath id="prefix__clip0">
              <path
                fill="currentColor"
                transform="rotate(-90 5.5 5.5)"
                d="M0 0h11v36H0z"
              />
            </clipPath>
          </defs>
        </svg>
        Let's Talk</a
      >
    </div>
  </div>
</section><section class="bg-midnight">
	<footer class="container max-w-screen-xl pt-13">
		<div>
			<a href="https://pyxl.com" class="text-center">
								<img src="/wp-content/themes/_view/dist/svgs/logo.svg" alt="Pyxl Logo" class="h-14 mx-auto" />
				<span class="sr-only">Pyxl</span>
			</a>
		</div>
		<div class="flex flex-col items-center pt-10 text-center lg:flex-row lg:text-left pb-13">
			
			<div class="lg:w-1/3">
				<div class="pt-10 mb-4 text-white lg:pt-0">
					
                <div class='gf_browser_unknown gform_wrapper gform_legacy_markup_wrapper gform-theme--no-framework pyxl_form_footer_newsletter_wrapper' data-form-theme='legacy' data-form-index='0' id='gform_wrapper_1' ><div id='gf_1' class='gform_anchor' tabindex='-1'></div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_1' id='gform_1' class='pyxl_form_footer_newsletter' action='/#gf_1' data-formid='1' novalidate>
                        <div class='gform-body gform_body'><ul id='gform_fields_1' class='gform_fields top_label form_sublabel_below description_below validation_below'><li id="field_1_1" class="gfield gfield--type-email field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_1_1'>Join Our Newsletter</label><div class='ginput_container ginput_container_email'>
                            <input name='input_1' id='input_1_1' type='email' value='' class='medium'   placeholder='Enter Email'  aria-invalid="false"  />
                        </div></li><li id="field_1_2" class="gfield gfield--type-captcha hidden field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label screen-reader-text' for='input_1_2'></label><div id='input_1_2' class='ginput_container ginput_recaptcha' data-sitekey='6LdmLMEZAAAAAOJKvcIXk0lTa5d_bZ7e1Tn0Sdqz'  data-theme='light' data-tabindex='-1' data-size='invisible' data-badge='bottomright'></div></li></ul></div>
        <div class='gform-footer gform_footer top_label'> <button type="submit" id="gform_submit_button_1" class="gform_button button absolute right-0 bottom-0 h-12 w-13 border border-white rounded-full rounded-l-none border-l-0 bg-midnight text-white text-opacity-0 bg-no-repeat bg-center" style="background-image: url('/wp-content/themes/_view/dist/svgs/send-cyan.svg');" value="Submit" onclick="if(window[&quot;gf_submitting_1&quot;]){return false;}  window[&quot;gf_submitting_1&quot;]=true;  " onkeypress="if( event.keyCode == 13 ){ if(window[&quot;gf_submitting_1&quot;]){return false;} window[&quot;gf_submitting_1&quot;]=true;  jQuery(&quot;#gform_1&quot;).trigger(&quot;submit&quot;,[true]); }">Submit</button> <input type='hidden' name='gform_ajax' value='form_id=1&amp;title=&amp;description=&amp;tabindex=0&amp;theme=legacy&amp;hash=b26664c2787520df4dda20f4e8d7ce75' />
            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_1' value='iframe' />
            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_1' id='gform_theme_1' value='legacy' />
            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_1' id='gform_style_settings_1' value='' />
            <input type='hidden' class='gform_hidden' name='is_submit_1' value='1' />
            <input type='hidden' class='gform_hidden' name='gform_submit' value='1' />
            
            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' />
            <input type='hidden' class='gform_hidden' name='state_1' value='WyJbXSIsIjIzNzQzYjY0ZGVhNWRiYzU4OWZkMzI0YTBlNWI0YmYwIl0=' />
            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_1' id='gform_target_page_number_1' value='0' />
            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_1' id='gform_source_page_number_1' value='1' />
            <input type='hidden' name='gform_field_values' value='' />
            
        </div>
                        </form>
                        </div>
		                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_1' id='gform_ajax_frame_1' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe>
		                <script type="text/javascript">
/* <![CDATA[ */
 gform.initializeOnLoaded( function() {gformInitSpinner( 1, 'https://pyxl.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery('#gform_ajax_frame_1').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_1');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_1').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_1').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_1').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_1').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(jQuery('#gform_wrapper_1').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_1').val();gformInitSpinner( 1, 'https://pyxl.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [1, current_page]);window['gf_submitting_1'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_1').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_1').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [1]);window['gf_submitting_1'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_1').text());}else{jQuery('#gform_1').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "1", currentPage: "current_page", abort: function() { this.preventDefault(); } }]);                if (event && event.defaultPrevented) {                return;         }        const gformWrapperDiv = document.getElementById( "gform_wrapper_1" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( "span" );            visibilitySpan.id = "gform_visibility_test_1";            gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( "gform_visibility_test_1" );        let postRenderFired = false;                function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 1, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} ); 
/* ]]> */
</script>

				</div>
				<ul class="lg:grid lg:grid-cols-2">
											<li class="">
							<a href="https://pyxl.com/our-work/" class="font-semibold leading-10 text-white uppercase hover:text-orange-2 tracking-4">
								Our Work
							</a>
						</li>
											<li class="">
							<a href="https://pyxl.com/services/" class="font-semibold leading-10 text-white uppercase hover:text-orange-2 tracking-4">
								Services
							</a>
						</li>
											<li class="">
							<a href="https://pyxl.com/about/" class="font-semibold leading-10 text-white uppercase hover:text-orange-2 tracking-4">
								About
							</a>
						</li>
											<li class="">
							<a href="https://pyxl.com/careers/" class="font-semibold leading-10 text-white uppercase hover:text-orange-2 tracking-4">
								Careers
							</a>
						</li>
											<li class="">
							<a href="https://pyxl.com/blog/" class="font-semibold leading-10 text-white uppercase hover:text-orange-2 tracking-4">
								Blog
							</a>
						</li>
											<li class="">
							<a href="https://pyxl.com/contact-us/" class="font-semibold leading-10 text-white uppercase hover:text-orange-2 tracking-4">
								Contact Us
							</a>
						</li>
									</ul>

			</div>
			
			<div class="lg:w-1/3 text-cyan">
				<div class="flex flex-row items-center justify-between w-full px-16 pt-10 mb-4 lg:pt-0 lg:px-24">
				
					<a href="https://www.facebook.com/pyxl.inc" title="Facebook" class="hover:text-white" target="_blank">
						<svg class="w-6 h-6">
							<use xlink:href="/wp-content/themes/_view/dist/svgs/social-defs.svg#facebook"></use>
						</svg>
					</a>
				
					<a href="https://twitter.com/thinkpyxl" title="X (formerly Twitter)" class="hover:text-white" target="_blank">
						<svg class="w-6 h-6">
							<use xlink:href="/wp-content/themes/_view/dist/svgs/social-defs.svg#x"></use>
						</svg>
					</a>
				
					<a href="https://www.linkedin.com/company/pyxl/" title="LinkedIn" class="hover:text-white" target="_blank">
						<svg class="w-6 h-6">
							<use xlink:href="/wp-content/themes/_view/dist/svgs/social-defs.svg#linkedin"></use>
						</svg>
					</a>
				
					<a href="https://www.instagram.com/thinkpyxl/" title="Instagram" class="hover:text-white" target="_blank">
						<svg class="w-6 h-6">
							<use xlink:href="/wp-content/themes/_view/dist/svgs/social-defs.svg#instagram"></use>
						</svg>
					</a>
								</div>
				<div class="text-white lg:w-full">
					<p class="mb-0 text-center">677 King Street</p>
					<p class="mb-0 text-center">3rd Floor</p>
					<p class="mb-0 text-center">Charleston, SC 29403</p>
					<hr class="w-8 mx-auto my-4" style="background-color: #aaa; border-color: #aaa">
					<p class="mb-0 text-center">1033 Demonbreun Street</p>
					<p class="mb-0 text-center">Suite 300</p>
					<p class="text-center">Nashville, TN  37203</p>
					<hr class="w-8 mx-auto my-4" style="background-color: #aaa; border-color: #aaa">
					<p class="text-center">Phone: <a href="tel:6156476792">615-647-6792</a></p>
				</div>
			</div>
			<div class="pt-10 text-white lg:pt-0 lg:w-1/3 lg:pl-12">
				<a href="https://clutch.co/profile/pyxl#highlights" class="flex items-center block">
								<img src="/wp-content/themes/_view/dist/images/clutch-awards_2024-2.png" alt="2023 Clutch Nashville Award for Top Digital Strategy Company" target="_blank">
						</a>
			</div>
		</div>
	</footer>
	<div class="flex items-center justify-center h-16 text-white text-opacity-75 bg-white bg-opacity-10 text-p14">
		&copy;
		2025
		Pyxl, Inc.
		All rights reserved.
		<span class="px-4">
			|
		</span>
		<a href="https://pyxl.com/privacy-policy-2/">
			Privacy Policy
		</a>
	</div>
</section>
</main><!-- main --></div><!-- #wrapper --><script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/_view\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script>console.log({"mixpanelUUID":"efdd3a28-8f9c-4619-9646-7bfa1716aee0","pluginVersion":"2.7","statementLink":"","feedbackLink":"","footerHtml":"","hideMobile":"true","hideTrigger":"false","language":"en","position":"left","leadColor":"#146ff8","triggerColor":"#146ff8","triggerRadius":"50%","triggerPositionX":"left","triggerPositionY":"bottom","triggerIcon":"default","triggerSize":"medium","triggerOffsetX":"20","triggerOffsetY":"20","mobile_triggerSize":"small","mobile_triggerPositionX":"left","mobile_triggerPositionY":"center","mobile_triggerOffsetX":"0","mobile_triggerOffsetY":"0","mobile_triggerRadius":"0"})</script><script>(function(){var s=document.createElement('script');var e = !document.body ? document.querySelector('head'):document.body;s.src='https://acsbapp.com/apps/app/dist/js/app.js';s.setAttribute('data-source', 'WordPress');s.setAttribute('data-plugin-version', '2.7');s.defer=true;s.onload=function(){acsbJS.init({
                statementLink     : '',
                footerHtml        : '',
                hideMobile        : true,
                hideTrigger       : false,
                language          : 'en',
                position          : 'left',
                leadColor         : '#146ff8',
                triggerColor      : '#146ff8',
                triggerRadius     : '50%',
                triggerPositionX  : 'left',
                triggerPositionY  : 'bottom',
                triggerIcon       : 'default',
                triggerSize       : 'medium',
                triggerOffsetX    : 20,
                triggerOffsetY    : 20,
                mobile            : {
                    triggerSize       : 'small',
                    triggerPositionX  : 'right',
                    triggerPositionY  : 'bottom',
                    triggerOffsetX    : 10,
                    triggerOffsetY    : 10,
                    triggerRadius     : '50%'
                }
            });
        };
    e.appendChild(s);}());</script><!-- Start of Async HubSpot Analytics Code -->
<script type="text/javascript">
(function(d,s,i,r) {
if (d.getElementById(i)){return;}
var n=d.createElement(s),e=d.getElementsByTagName(s)[0];
n.id=i;n.src='//js.hs-analytics.net/analytics/'+(Math.ceil(new Date()/r)*r)+'/218184.js';
e.parentNode.insertBefore(n, e);
})(document,"script","hs-analytics",300000);
</script>
<!-- End of Async HubSpot Analytics Code -->
<script type="text/javascript" id="main-js-extra">
/* <![CDATA[ */
var globals = {"debug":"","is_search":"","is_logged_in":"","urls":{"endpoint":"https:\/\/pyxl.com\/wp-json\/wp\/v2\/","root":"https:\/\/pyxl.com","local":"pyxl.com","ajax":"https:\/\/pyxl.com\/wp-admin\/admin-ajax.php","admin":"https:\/\/pyxl.com\/wp-admin\/","theme":"https:\/\/pyxl.com\/wp-content\/themes\/_view","edit_post":"https:\/\/pyxl.com\/wp-admin\/post.php?post=%%post_id%%&action=edit"},"nonce":"ee30851229","site":{"name":"Pyxl"}};
/* ]]> */
</script>
<script type="text/javascript" src="https://pyxl.com/wp-content/themes/_view/dist/scripts/main.js" id="main-js"></script>
<script type="text/javascript" src="https://pyxl.com/wp-content/themes/_view/dist/vendors/lozad.min.js" id="lozad-js"></script>
<script type="text/javascript" src="https://pyxl.com/wp-includes/js/dist/dom-ready.min.js?ver=f77871ff7694fffea381" id="wp-dom-ready-js"></script>
<script type="text/javascript" src="https://pyxl.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script>
<script type="text/javascript" src="https://pyxl.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script>
<script type="text/javascript" id="wp-i18n-js-after">
/* <![CDATA[ */
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
/* ]]> */
</script>
<script type="text/javascript" src="https://pyxl.com/wp-includes/js/dist/a11y.min.js?ver=3156534cc54473497e14" id="wp-a11y-js"></script>
<script type="text/javascript" defer='defer' src="https://pyxl.com/wp-content/plugins/gravityforms/js/placeholders.jquery.min.js?ver=2.9.8" id="gform_placeholder-js"></script>
<script type="text/javascript" defer='defer' src="https://pyxl.com/wp-content/plugins/gravityforms/assets/js/dist/vendor-theme.min.js?ver=639b4ac21c17c9dc304b05db4a3d3293" id="gform_gravityforms_theme_vendors-js"></script>
<script type="text/javascript" id="gform_gravityforms_theme-js-extra">
/* <![CDATA[ */
var gform_theme_config = {"common":{"form":{"honeypot":{"version_hash":"534388a283d7004a9eeb66e6b425d34c"},"ajax":{"ajaxurl":"https:\/\/pyxl.com\/wp-admin\/admin-ajax.php","ajax_submission_nonce":"c75b7142ae","i18n":{"step_announcement":"Step %1$s of %2$s, %3$s","unknown_error":"There was an unknown error processing your request. Please try again."}}}},"hmr_dev":"","public_path":"https:\/\/pyxl.com\/wp-content\/plugins\/gravityforms\/assets\/js\/dist\/","config_nonce":"7d343c255b"};
/* ]]> */
</script>
<script type="text/javascript" defer='defer' src="https://pyxl.com/wp-content/plugins/gravityforms/assets/js/dist/scripts-theme.min.js?ver=96c75ff0cdaac8ba09d57979885a0fc0" id="gform_gravityforms_theme-js"></script>
<script type="text/javascript">
/* <![CDATA[ */
 gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 1) {if(typeof Placeholders != 'undefined'){
                        Placeholders.enable();
                    }} } );jQuery(document).on('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } ); 
/* ]]> */
</script>
<script type="text/javascript">
/* <![CDATA[ */
 gform.initializeOnLoaded( function() {jQuery(document).trigger("gform_pre_post_render", [{ formId: "1", currentPage: "1", abort: function() { this.preventDefault(); } }]);                if (event && event.defaultPrevented) {                return;         }        const gformWrapperDiv = document.getElementById( "gform_wrapper_1" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( "span" );            visibilitySpan.id = "gform_visibility_test_1";            gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( "gform_visibility_test_1" );        let postRenderFired = false;                function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 1, 1 );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } ); 
/* ]]> */
</script>
	</body>
</html>


<!-- Page supported by LiteSpeed Cache 7.1 on 2025-05-23 10:12:39 -->

Alan adının whois bilgisi

Domain Name: PYXL.COM
Registry Domain ID: 148071965_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.godaddy.com
Registrar URL: http://www.godaddy.com
Updated Date: 2022-10-05T02:04:53Z
Creation Date: 2005-03-26T19:11:19Z
Registry Expiry Date: 2027-03-26T18:11:19Z
Registrar: GoDaddy.com, LLC
Registrar IANA ID: 146
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: 480-624-2505
Domain Status: clientDeleteProhibited https://icann.org/epp#clientDeleteProhibited
Domain Status: clientRenewProhibited https://icann.org/epp#clientRenewProhibited
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Domain Status: clientUpdateProhibited https://icann.org/epp#clientUpdateProhibited
Name Server: JOBS.NS.CLOUDFLARE.COM
Name Server: MEG.NS.CLOUDFLARE.COM
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-23T15:22:26Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass