/* Avenzo combined child theme + WordPress Custom CSS. */
/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* AVENZO FOOTER MOCKUP LIVE 2026-09-26 */
#dxf13{
  --af-blue:#4F7BFF;--af-violet:#7A5CFF;--af-pink:#C04BFF;--af-cyan:#19C6FF;
  position:relative!important;overflow:hidden!important;font-family:'Rubik',Arial,sans-serif!important;color:#F7F9FD!important;
  background:radial-gradient(760px 420px at 0 0,rgba(25,198,255,.10),transparent 66%),radial-gradient(900px 500px at 100% 8%,rgba(192,75,255,.14),transparent 68%),linear-gradient(145deg,#050D19 0%,#081426 48%,#100A29 100%)!important
}
#dxf13:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,transparent 0 47%,rgba(255,255,255,.018) 47.15% 47.28%,transparent 47.45%),radial-gradient(460px 220px at 50% 102%,rgba(122,92,255,.10),transparent 70%)}
#dxf13 .f13w{width:min(1480px,calc(100% - 48px))!important;margin:0 auto!important;position:relative!important;z-index:2!important}
#dxf13 .f13-cta-band{padding:72px 0 44px!important;background:transparent!important;border:0!important}
#dxf13 .f13-cta-row{position:relative!important;overflow:hidden!important;display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)!important;gap:70px!important;align-items:center!important;padding:50px 54px!important;border:1px solid transparent!important;border-radius:24px!important;background:linear-gradient(112deg,rgba(8,28,58,.96) 0%,rgba(15,34,81,.97) 42%,rgba(44,18,81,.97) 100%) padding-box,linear-gradient(90deg,var(--af-cyan),var(--af-blue),var(--af-violet),var(--af-pink)) border-box!important;box-shadow:0 30px 88px rgba(0,0,0,.34),0 0 34px rgba(122,92,255,.09)!important}
#dxf13 .f13-cta-row:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px 220px at 8% 100%,rgba(79,123,255,.14),transparent 70%),radial-gradient(500px 240px at 95% 0%,rgba(192,75,255,.16),transparent 72%)}
#dxf13 .f13-cta-row>*{position:relative;z-index:1}
#dxf13 .f13-h2{margin:0!important;max-width:780px!important;font-size:clamp(42px,4.1vw,68px)!important;line-height:.98!important;letter-spacing:-.05em!important;font-weight:800!important;color:#fff!important}
#dxf13 .f13-h2 em{font-style:normal!important;background:linear-gradient(90deg,#76DEFF 0%,#8F87FF 50%,#E36BFF 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
#dxf13 .f13-sub{margin:0 0 22px!important;max-width:570px!important;font-size:15px!important;line-height:1.7!important;color:#C5D3E3!important}
#dxf13 .f13-btns{display:flex!important;flex-wrap:wrap!important;gap:11px!important}
#dxf13 .f13-btn-primary,#dxf13 .f13-btn-ghost{min-height:52px!important;padding:0 21px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;border-radius:11px!important;font-size:12px!important;font-weight:800!important;letter-spacing:.035em!important;text-transform:uppercase!important;text-decoration:none!important;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .28s ease,background .28s ease!important}
#dxf13 .f13-btn-primary{color:#fff!important;background:linear-gradient(100deg,#268DFF 0%,#5E6FFF 46%,#C04BFF 100%)!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 13px 30px rgba(79,123,255,.24)!important}
#dxf13 .f13-btn-primary:hover{transform:translateY(-3px)!important;box-shadow:0 18px 38px rgba(122,92,255,.30),0 0 22px rgba(192,75,255,.10)!important}
#dxf13 .f13-btn-ghost{color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.045)!important}
#dxf13 .f13-btn-ghost:hover{transform:translateY(-3px)!important;border-color:rgba(122,92,255,.40)!important;background:rgba(122,92,255,.10)!important}
#dxf13 .f13-awards-row{margin:22px 0 0!important;padding:0 4px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;border:0!important}
#dxf13 .f13-awards-label{color:#7F93AA!important;font-size:10px!important;font-weight:800!important;letter-spacing:.14em!important;text-transform:uppercase!important}
#dxf13 .f13-awards-imgs{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
#dxf13 .f13-pill{padding:7px 10px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.035)!important;color:#D4DEEB!important;font-size:10px!important;font-weight:600!important}
#dxf13 .f13-nav{padding:52px 0 32px!important;background:transparent!important;border-top:1px solid rgba(255,255,255,.07)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#dxf13 .f13-nav-grid{display:grid!important;grid-template-columns:minmax(300px,1.35fr) repeat(3,minmax(180px,.75fr))!important;gap:42px!important;align-items:start!important}
#dxf13 .f13-brand{padding-right:26px!important}
#dxf13 .f13-brand-logo{display:inline-flex!important;align-items:center!important;gap:9px!important;margin:0 0 20px!important;text-decoration:none!important}
#dxf13 .f13-brand-logo img{display:none!important}
#dxf13 .f13-brand-logo:before{content:"";display:block;width:72px;height:52px;flex:0 0 72px;background:url('https://avenzodigital.com/wp-content/uploads/2026/09/avenzo-robot-favicon-header.webp') center/contain no-repeat;filter:drop-shadow(0 8px 16px rgba(0,0,0,.30));transition:transform .3s cubic-bezier(.16,1,.3,1),filter .3s ease}
#dxf13 .f13-brand-logo:hover:before{transform:translateY(-3px) rotate(-2deg) scale(1.04);filter:drop-shadow(0 10px 18px rgba(0,0,0,.36)) drop-shadow(0 0 14px rgba(79,123,255,.18))}
#dxf13 .f13-brand-word{font-family:'Rubik',Arial,sans-serif!important;font-size:31px!important;line-height:1!important;font-weight:650!important;letter-spacing:-.055em!important;color:#F7F9FF!important}
#dxf13 .f13-brand-desc{max-width:460px!important;margin:0 0 22px!important;color:#98ABC0!important;font-size:13px!important;line-height:1.75!important}
#dxf13 .f13-offices{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:0 0 18px!important}
#dxf13 .f13-office{min-height:92px!important;padding:14px!important;display:grid!important;grid-template-columns:34px 1fr!important;gap:10px!important;align-items:start!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:13px!important;background:rgba(255,255,255,.035)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .28s ease,background .28s ease!important}
#dxf13 .f13-office:hover{transform:translateY(-3px)!important;border-color:rgba(122,92,255,.30)!important;background:rgba(122,92,255,.07)!important}
#dxf13 .f13-office-icon{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:9px!important;color:#8CA7FF!important;background:rgba(79,123,255,.10)!important}
#dxf13 .f13-office-icon svg{width:16px!important;height:16px!important}
#dxf13 .f13-office-city{color:#F4F7FC!important;font-size:11px!important;font-weight:700!important;line-height:1.3!important}
#dxf13 .f13-office-phone{display:block!important;margin-top:4px!important;color:#8193A8!important;font-size:9.5px!important;line-height:1.45!important}
#dxf13 .f13-brand>.f13-btn-primary{display:none!important}
#dxf13 .f13-col-head{margin:0 0 16px!important;padding-bottom:11px!important;position:relative!important;color:#F5F8FC!important;font-size:12px!important;font-weight:800!important;letter-spacing:.055em!important;text-transform:uppercase!important}
#dxf13 .f13-col-head:after{content:"";position:absolute;left:0;bottom:0;width:40px;height:2px;background:linear-gradient(90deg,#4F7BFF,#7A5CFF,#C04BFF);border-radius:2px}
#dxf13 .f13-col ul{display:grid!important;gap:10px!important;margin:0!important;padding:0!important}
#dxf13 .f13-col li{margin:0!important;padding:0!important}
#dxf13 .f13-col a{position:relative!important;display:inline-flex!important;align-items:center!important;gap:7px!important;color:#96A8BC!important;font-size:11.5px!important;line-height:1.45!important;text-decoration:none!important;transition:color .22s ease,transform .26s cubic-bezier(.16,1,.3,1)!important}
#dxf13 .f13-col a:after{content:"↗";opacity:0;transform:translate(-4px,3px);color:#A88BFF;transition:opacity .22s ease,transform .25s ease}
#dxf13 .f13-col a:hover{color:#fff!important;transform:translateX(4px)!important}
#dxf13 .f13-col a:hover:after{opacity:1;transform:translate(0,0)}
#dxf13 .f13-col-ico{display:none!important}
#dxf13 .f13-watermark{margin-top:26px!important;color:rgba(255,255,255,.035)!important;font-size:clamp(70px,10vw,170px)!important;line-height:.78!important;letter-spacing:-.06em!important;font-weight:900!important;pointer-events:none!important;user-select:none!important}
#dxf13 .f13-trust{padding:22px 0!important;border-top:1px solid rgba(255,255,255,.07)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;background:rgba(255,255,255,.018)!important}
#dxf13 .f13-trust-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important}
#dxf13 .f13-trust-label{color:#8496AA!important;font-size:10px!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important}
#dxf13 .f13-trust-pills{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
#dxf13 .f13-bar{padding:18px 0 22px!important;background:#040B14!important;border-top:0!important}
#dxf13 .f13-bar-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;color:#718398!important;font-size:10px!important}
#dxf13 .f13-bar a{color:#8FA0B4!important;text-decoration:none!important}
#dxf13 .f13-bar a:hover{color:#fff!important}
#dxf13 .f13-topbtn{width:42px!important;height:42px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.12)!important;background:linear-gradient(135deg,#173C7A,#44216D)!important;color:#fff!important;box-shadow:0 10px 24px rgba(0,0,0,.22)!important}
@media(max-width:1100px){#dxf13 .f13w{width:min(100% - 34px,1480px)!important}#dxf13 .f13-cta-row{grid-template-columns:1fr!important;gap:28px!important;padding:42px!important}#dxf13 .f13-nav-grid{grid-template-columns:1.25fr 1fr 1fr!important}#dxf13 .f13-brand{grid-column:1/-1!important;padding-right:0!important}}
@media(max-width:760px){#dxf13 .f13w{width:calc(100% - 24px)!important}#dxf13 .f13-cta-band{padding:46px 0 26px!important}#dxf13 .f13-cta-row{padding:30px 22px!important;border-radius:18px!important}#dxf13 .f13-h2{font-size:38px!important;line-height:1.02!important}#dxf13 .f13-sub{font-size:13.5px!important}#dxf13 .f13-btns{display:grid!important;grid-template-columns:1fr!important}#dxf13 .f13-btn-primary,#dxf13 .f13-btn-ghost{width:100%!important}#dxf13 .f13-awards-row{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}#dxf13 .f13-nav{padding:38px 0 24px!important}#dxf13 .f13-nav-grid{grid-template-columns:1fr 1fr!important;gap:30px 22px!important}#dxf13 .f13-brand{grid-column:1/-1!important}#dxf13 .f13-offices{grid-template-columns:1fr!important}#dxf13 .f13-trust-row{align-items:flex-start!important;flex-direction:column!important}#dxf13 .f13-watermark{font-size:78px!important;margin-top:20px!important}}
@media(max-width:480px){#dxf13 .f13-nav-grid{grid-template-columns:1fr!important}#dxf13 .f13-h2{font-size:34px!important}}

/**
 * AVENZO DIGITAL — Consolidated Global Styles
 * Palette: Cobalt #2563EB · Aqua #06B6D4 · Midnight #07111F
 * Install in Appearance → Customize → Additional CSS.
 *
 * The stylesheet keeps existing .dx-* markup compatible while removing
 * the duplicated framework and risky global typography/icon overrides.
 */

/* Avenzo service-card hover */
.serve {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transition:
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.35s ease;
  border-radius: 20px 0px;
  cursor: pointer;
}

.serve::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(37, 99, 235, 0.96) 0%,
    rgba(6, 182, 212, 0.94) 100%
  );
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
  z-index: 1;
  border-radius: inherit;
}

.serve:hover {
  transform: translateY(-5px);
  box-shadow:
    0 20px 50px rgba(37, 99, 235, 0.22),
    0 6px 18px rgba(6, 182, 212, 0.14);
}

.serve:hover::before {
  opacity: 1;
}

/* Make sure child elements are above pseudo-elements */
.serve > * {
  position: relative;
  z-index: 3;
}

.serve .elementor-heading-title,
.serve p,
.serve em,
.serve strong,
.serve .elementor-icon-list-text {
  transition: color 0.35s ease;
}

/* Heading color change on hover */
.serve:hover .elementor-heading-title {
  color: #ffffff !important;
}

/* Paragraph text color change on hover */
.serve:hover p {
  color: #ffffff !important;
}

/* Industries label color change on hover */
.serve:hover em,
.serve:hover strong {
  color: #ffffff !important;
}

/* Icon list text color change on hover */
.serve:hover .elementor-icon-list-text {
  color: #ffffff !important;
}

/* Icon color change on hover */
.serve .elementor-icon-list-icon i {
  transition: color 0.4s ease;
}

.serve:hover .elementor-icon-list-icon i {
  color: #ffffff !important;
}

/* Subtle text shadow on hover for better readability */
.serve:hover .elementor-heading-title,
.serve:hover p,
.serve:hover em,
.serve:hover strong,
.serve:hover .elementor-icon-list-text {
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.serve .enter-anim {
  position: relative;
  z-index: 3;
}

.dexora-service-features,
.avenzo-service-features {
  list-style: none;
  padding: 0;
  margin: 0 0 25px 0;
  display: none !important;
}
.modern-blog-card-bg {
  height: 100% !important;
}

@media only screen and (max-width: 767px) {
  .dxs-process-content {
    padding: 20px !important;
    margin-left: 0 !important;
  }
}
@media (max-width: 768px) {
  .case-study-grid-card,
  .blog-card {
    opacity: 1 !important;
    transform: translateY(0) !important;
    animation: none !important;
  }
}
/* ================================================================
   AVENZO DIGITAL — FULL CSS WITH 100% MOBILE RESPONSIVENESS
   WordPress Code Snippet / Additional CSS
   
   Breakpoints:
     xs:  0–479px    (small phones)
     sm:  480–639px  (large phones)
     md:  640–767px  (small tablets)
     lg:  768–1023px (tablets / landscape)
     xl:  1024px+    (desktop)
   ================================================================ */

/* ── TOKENS ─────────────────────────────────────────────────────── */
.dx-wrap {
  --av-primary: #2563eb;
  --av-primary-dark: #1d4ed8;
  --av-aqua: #06b6d4;
  --av-navy: #07111f;
  --av-light: #f3f8fc;
  --av-tint: #eff6ff;
  --av-border: #bae6fd;
  --av-white: #ffffff;
  --av-gray: #f8fafc;
  font-family: "Urbanist", sans-serif;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

/* ── SCOPED RESET ───────────────────────────────────────────────── */
.dx-wrap *,
.dx-wrap *::before,
.dx-wrap *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.dx-wrap img {
  display: block;
  max-width: 100%;
  height: auto;
}
.dx-wrap a {
  text-decoration: none;
  color: inherit;
}
.dx-wrap ul {
  list-style: none;
}
.dx-wrap details > summary {
  list-style: none;
}
.dx-wrap details > summary::-webkit-details-marker {
  display: none;
}
.dx-wrap button {
  font-family: inherit;
}

/* ── TYPOGRAPHY ─────────────────────────────────────────────────── */
.dx-display {
  font-family: "Urbanist", sans-serif !important;
}

/* ── LAYOUT ─────────────────────────────────────────────────────── */
.dx-container {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: clamp(1rem, 4vw, 1.5rem);
  width: 100%;
}

/* ── SPACING ────────────────────────────────────────────────────── */
.dx-py {
  padding-block: clamp(3rem, 8vw, 5rem);
}
.dx-py-lg {
  padding-block: clamp(3.5rem, 10vw, 7rem);
}

/* ── BACKGROUNDS ────────────────────────────────────────────────── */
.dx-bg-cream {
  background: var(--av-light);
}
.dx-bg-white {
  background: #fff;
}
.dx-bg-black {
  background: var(--av-navy);
  color: #fff;
}
.dx-bg-off {
  background: #f9f9f9;
}

/* ── TEXT ALIGN ─────────────────────────────────────────────────── */
.dx-text-center {
  text-align: center;
}

/* ── EYEBROW ────────────────────────────────────────────────────── */
.dx-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  border-radius: 999px;
  padding: 0.35rem 0.8rem;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  box-shadow: 0 0 0 1px var(--av-border);
  background: var(--av-tint);
  color: var(--av-primary);
  white-space: nowrap;
}
.dx-eyebrow--white {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}

/* ── SECTION TITLES ─────────────────────────────────────────────── */
.dx-section-title {
  font-family: "Urbanist", sans-serif !important;
  font-size: clamp(1.625rem, 4.5vw, 3rem) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.015em !important;
  margin-top: 0.875rem;
  color: var(--av-navy) !important;
}
.dx-section-title .dx-accent {
  color: var(--av-primary) !important;
}
.dx-section-title--white {
  color: #fff !important;
}
.dx-section-title--white .dx-accent {
  color: var(--av-aqua) !important;
}
.dx-section-desc {
  margin-top: 1rem;
  font-size: clamp(15px, 2.5vw, 17px);
  line-height: 1.65;
  color: rgba(7, 17, 31, 0.7);
}
.dx-section-desc--white {
  color: rgba(255, 255, 255, 0.8);
}
.dx-section-subtitle {
  margin-top: 0.75rem;
  color: rgba(7, 17, 31, 0.7);
  font-size: 14.5px;
}

/* ── BUTTONS ────────────────────────────────────────────────────── */
.dx-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  padding: 0.8rem 1.5rem;
  border-radius: 999px;
  background: var(--av-primary);
  color: #fff !important;
  font-size: clamp(12px, 2vw, 13px);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  border: 1px solid var(--av-aqua);
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 8px 24px -8px rgba(37, 99, 235, 0.45);
  transition:
    background 0.3s,
    border-color 0.3s,
    color 0.3s,
    transform 0.3s,
    box-shadow 0.3s;
  -webkit-tap-highlight-color: transparent;
}
.dx-btn-primary:hover {
  background: var(--av-navy);
  border-color: var(--av-navy);
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px -8px rgba(7, 17, 31, 0.38);
}
.dx-btn-primary:active {
  transform: scale(0.97);
}

.dx-btn-outline-white {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  padding: 0.8rem 1.5rem;
  border-radius: 999px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  color: #fff !important;
  font-size: clamp(12px, 2vw, 13px);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  background: transparent;
  cursor: pointer;
  white-space: nowrap;
  transition:
    background 0.2s,
    color 0.2s;
  -webkit-tap-highlight-color: transparent;
}
.dx-btn-outline-white:hover {
  background: #fff;
  color: var(--av-navy) !important;
}
.dx-btn-outline-white:active {
  transform: scale(0.97);
}

.dx-btn-outline-dark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  padding: 0.7rem 1.2rem;
  border-radius: 999px;
  border: 2px solid var(--av-navy);
  color: var(--av-navy) !important;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  background: transparent;
  cursor: pointer;
  white-space: nowrap;
  transition:
    background 0.2s,
    color 0.2s;
  -webkit-tap-highlight-color: transparent;
}
.dx-btn-outline-dark:hover {
  background: var(--av-navy);
  color: #fff !important;
}
.dx-btn-outline-dark:active {
  transform: scale(0.97);
}

.dx-btn-sm-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  padding: 0.75rem 1.375rem;
  border-radius: 999px;
  background: var(--av-primary);
  color: #fff !important;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  border: 1px solid var(--av-aqua);
  cursor: pointer;
  white-space: nowrap;
  transition:
    background 0.3s,
    border-color 0.3s,
    color 0.3s,
    transform 0.3s;
  -webkit-tap-highlight-color: transparent;
}
.dx-btn-sm-primary:hover {
  background: var(--av-navy);
  border-color: var(--av-navy);
  color: #fff !important;
  transform: translateY(-2px);
}

.dx-btn-sm-outline-white {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  padding: 0.75rem 1.375rem;
  border-radius: 999px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  color: #fff !important;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  background: transparent;
  cursor: pointer;
  white-space: nowrap;
  transition:
    background 0.2s,
    color 0.2s;
  -webkit-tap-highlight-color: transparent;
}
.dx-btn-sm-outline-white:hover {
  background: #fff;
  color: var(--av-navy) !important;
}

/* ── HERO ───────────────────────────────────────────────────────── */
.dx-hero {
  position: relative;
  overflow: hidden;
  background: var(--av-navy);
  color: #fff;
  padding: 0;
}
.dx-hero-bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      circle at 82% 18%,
      rgba(6, 182, 212, 0.22),
      transparent 34%
    ),
    radial-gradient(
      circle at 16% 84%,
      rgba(37, 99, 235, 0.26),
      transparent 38%
    ),
    linear-gradient(135deg, #07111f 0%, #0d1b2a 100%);
  opacity: 1;
}
.dx-hero-vignette {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    160deg,
    rgba(7, 17, 31, 0.97) 0%,
    rgba(7, 17, 31, 0.9) 45%,
    rgba(7, 17, 31, 0.6) 75%,
    rgba(7, 17, 31, 0.4) 100%
  );
}
.dx-hero-dots {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.055) 1px,
    transparent 1px
  );
  background-size: 22px 22px;
}
.dx-hero-inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  padding-block: clamp(3.5rem, 10vw, 8rem);
}
.dx-hero-section-tag {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  font-size: 10.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: var(--av-aqua);
  margin-bottom: 1.25rem;
}
.dx-hero-section-tag::before {
  content: "";
  display: block;
  width: 32px;
  height: 1px;
  background: var(--av-aqua);
  flex-shrink: 0;
}
.dx-hero-title {
  font-family: "Urbanist", sans-serif !important;
  font-size: clamp(2rem, 7vw, 4.5rem) !important;
  font-weight: 800 !important;
  line-height: 1.04 !important;
  letter-spacing: -0.02em !important;
  color: #fff !important;
}
.dx-hero-title .dx-accent {
  color: var(--av-aqua) !important;
}
.dx-hero-title .dx-underline {
  position: relative;
  display: inline-block;
}
.dx-hero-title .dx-underline::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 4px;
  border-radius: 999px;
  background: var(--av-primary);
}
.dx-hero-subtitle {
  margin-top: 1.25rem;
  font-size: clamp(15px, 2.5vw, 17px);
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.85);
}
.dx-hero-stats {
  margin-top: 1.75rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  overflow: hidden;
  border-radius: 0.875rem;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.04);
}
.dx-hero-stat {
  padding: clamp(0.75rem, 2vw, 1.125rem);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.dx-hero-stat:last-child {
  border-right: none;
}
.dx-hero-stat-num {
  font-family: "Urbanist", sans-serif;
  font-size: clamp(1.25rem, 3.5vw, 1.75rem);
  font-weight: 800;
  color: var(--av-aqua);
  white-space: nowrap;
}
.dx-hero-stat-label {
  margin-top: 0.2rem;
  font-size: clamp(9px, 1.5vw, 10px);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.3;
}
.dx-hero-ctas {
  margin-top: 1.75rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.dx-hero-checks {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.875rem 0.375rem;
  font-size: 11.5px;
  color: rgba(255, 255, 255, 0.65);
}
.dx-hero-checks span {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.dx-check-icon {
  color: var(--av-aqua);
  font-size: 13px;
}

/* Hero visual — hidden on small phones, shown md+ */
.dx-hero-visual {
  position: relative;
  margin-top: 0.5rem;
}
.dx-hero-dash {
  width: 100%;
  border-radius: 0.875rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 20px 56px -16px rgba(0, 0, 0, 0.7);
}

/* Floating cards — repositioned on mobile */
.dx-float-cwv {
  position: absolute;
  bottom: -1.5rem;
  left: -0.75rem;
  width: clamp(180px, 40vw, 228px);
  background: #fff;
  border-radius: 0.875rem;
  padding: clamp(0.6rem, 0.875rem, 1rem);
  border: 2px solid var(--av-navy);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
}
.dx-float-cwv-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dx-float-cwv-label {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: rgba(7, 17, 31, 0.6);
}
.dx-float-cwv-status {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 9px;
  font-weight: 700;
  color: var(--av-primary);
}
.dx-pulse {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--av-primary);
  animation: dxPulse 1.5s ease-in-out infinite;
  flex-shrink: 0;
}
@keyframes dxPulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}
.dx-cwv-grid {
  margin-top: 0.5rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.35rem;
  text-align: center;
}
.dx-cwv-cell {
  background: var(--av-light);
  border-radius: 0.4rem;
  padding: 0.4rem 0.15rem;
}
.dx-cwv-k {
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: rgba(7, 17, 31, 0.6);
}
.dx-cwv-v {
  font-family: "Urbanist", sans-serif;
  font-size: 0.75rem;
  font-weight: 800;
  color: var(--av-navy);
  margin-top: 1px;
}

.dx-float-clicks {
  position: absolute;
  top: -1rem;
  right: -0.5rem;
  width: clamp(150px, 34vw, 184px);
  background: var(--av-navy);
  border-radius: 0.875rem;
  padding: clamp(0.6rem, 0.875rem, 1rem);
  color: #fff;
  border: 2px solid var(--av-aqua);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3);
}
.dx-float-clicks-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dx-float-clicks-label {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: rgba(255, 255, 255, 0.6);
}
.dx-badge-sm {
  background: var(--av-aqua);
  color: var(--av-navy);
  font-size: 8.5px;
  font-weight: 700;
  border-radius: 3px;
  padding: 1px 5px;
  white-space: nowrap;
}
.dx-float-clicks-num {
  font-family: "Urbanist", sans-serif;
  font-size: clamp(1.1rem, 3vw, 1.375rem);
  font-weight: 800;
  margin-top: 0.3rem;
}
.dx-hero-strip {
  height: 4px;
  width: 100%;
  background: var(--av-primary);
  position: relative;
  z-index: 2;
}

/* ── LOGO WALL ──────────────────────────────────────────────────── */
.dx-logo-wall {
  background: #fff;
  border-bottom: 2px solid var(--av-navy);
}
.dx-logo-wall-inner {
  padding-block: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.125rem;
}
.dx-logo-wall-label {
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: rgba(7, 17, 31, 0.5);
  text-align: center;
}
.dx-logo-wall-logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.625rem 1.75rem;
}
.dx-logo-wall-logos span {
  font-family: "Urbanist", sans-serif;
  font-size: clamp(0.875rem, 2vw, 1.075rem);
  font-weight: 800;
  letter-spacing: -0.01em;
  color: rgba(7, 17, 31, 0.65);
  transition: color 0.15s;
}
.dx-logo-wall-logos span:hover {
  color: var(--av-primary);
}

/* ── TRUST BAR ──────────────────────────────────────────────────── */
.dx-trust-bar {
  border-top: 2px solid var(--av-navy);
  border-bottom: 2px solid var(--av-navy);
  background: #fff;
}
.dx-trust-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: rgba(7, 17, 31, 0.1);
}
.dx-trust-item {
  background: #fff;
  padding: 1rem;
  text-align: center;
}
.dx-trust-item-t {
  font-size: clamp(11.5px, 2vw, 13px);
  font-weight: 800;
  color: var(--av-navy);
}
.dx-trust-item-s {
  margin-top: 2px;
  font-size: 10px;
  color: rgba(7, 17, 31, 0.55);
  line-height: 1.3;
}

/* ── 2-COL GRIDS ────────────────────────────────────────────────── */
.dx-grid-2 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  align-items: center;
}
.dx-grid-2--flip {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  align-items: center;
}
/* on mobile, flip reverses order to show copy first */
.dx-grid-2--flip > div:first-child {
  order: 2;
}
.dx-grid-2--flip > div:last-child {
  order: 1;
}

/* ── PAIN CARDS ─────────────────────────────────────────────────── */
.dx-pain-cards {
  margin-top: 2.5rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.dx-pain-card {
  border-radius: 0.875rem;
  border: 2px solid var(--av-navy);
  background: #fff;
  padding: 1.5rem;
  transition:
    transform 0.2s,
    background 0.2s,
    color 0.2s;
}
.dx-pain-card:hover {
  transform: translateY(-3px);
  background: var(--av-navy);
  color: #fff;
}
.dx-pain-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 0.7rem;
  background: var(--av-primary);
  color: #fff;
  flex-shrink: 0;
}
.dx-pain-card h3 {
  margin-top: 1rem;
  font-size: 1.1rem;
  font-weight: 700;
}
.dx-pain-card p {
  margin-top: 0.35rem;
  font-size: 13.5px;
  line-height: 1.6;
  opacity: 0.7;
}

/* ── KEY DISTINCTION ────────────────────────────────────────────── */
.dx-key-distinction {
  margin-top: 1.25rem;
  border-left: 4px solid var(--av-primary);
  background: var(--av-light);
  border-radius: 0 0.875rem 0.875rem 0;
  padding: 1rem 1.125rem;
}
.dx-key-label {
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--av-primary);
}
.dx-key-distinction p {
  margin-top: 0.25rem;
  font-size: 14px;
}
.dx-checklist {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}
.dx-checklist li {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  font-size: 14px;
}
.dx-check-mark {
  color: var(--av-primary);
  margin-top: 1px;
  flex-shrink: 0;
  font-size: 13px;
}

/* ── SITE HEALTH CHART CARD ─────────────────────────────────────── */
.dx-health-card {
  border-radius: 1.25rem;
  border: 2px solid var(--av-navy);
  background: #fff;
  padding: clamp(1.125rem, 3vw, 1.625rem);
  box-shadow: 6px 6px 0 0 var(--av-primary);
}
.dx-health-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.dx-health-sublabel {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(7, 17, 31, 0.6);
}
.dx-health-title {
  font-family: "Urbanist", sans-serif;
  font-size: clamp(1rem, 2.5vw, 1.175rem);
  font-weight: 800;
  margin-top: 0.2rem;
  color: var(--av-navy);
}
.dx-chart-legend {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 11px;
  color: rgba(7, 17, 31, 0.7);
  flex-wrap: wrap;
  gap: 0.4rem;
}
.dx-legend-line {
  display: inline-block;
  width: 13px;
  height: 3px;
  border-radius: 999px;
  margin-right: 4px;
  vertical-align: middle;
}
.dx-health-metrics {
  margin-top: 1.125rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.dx-health-metric {
  background: var(--av-light);
  border-radius: 0.55rem;
  padding: 0.65rem 0.5rem;
}
.dx-health-metric-k {
  font-size: 9.5px;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: rgba(7, 17, 31, 0.55);
}
.dx-health-metric-v {
  font-family: "Urbanist", sans-serif;
  font-size: 1rem;
  font-weight: 800;
  color: var(--av-primary);
  margin-top: 2px;
}

/* ── AVENZO FRAMEWORK ───────────────────────────────────────────── */
.dx-framework-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
}
.dx-why-box {
  margin-top: 1.5rem;
  border-radius: 0.875rem;
  border: 2px solid var(--av-navy);
  background: #fff;
  padding: 1.125rem;
}
.dx-why-label {
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--av-primary);
}
.dx-why-box p {
  margin-top: 0.35rem;
  font-size: 13.5px;
  line-height: 1.6;
  color: rgba(7, 17, 31, 0.8);
}
.dx-pillar-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.875rem;
}
.dx-pillar-card {
  border-radius: 0.875rem;
  border: 2px solid var(--av-navy);
  background: #fff;
  padding: 1.25rem;
  transition:
    transform 0.2s,
    background 0.2s,
    color 0.2s;
}
.dx-pillar-card:hover {
  transform: translateY(-3px);
  background: var(--av-navy);
  color: #fff;
}
.dx-pillar-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.dx-pillar-letter {
  font-family: "Urbanist", sans-serif;
  font-size: clamp(2rem, 5vw, 2.75rem);
  font-weight: 800;
  color: var(--av-primary);
  line-height: 1;
}
.dx-pillar-card:hover .dx-pillar-letter {
  color: var(--av-aqua);
}
.dx-pillar-num {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  opacity: 0.5;
}
.dx-pillar-card h3 {
  font-family: "Urbanist", sans-serif;
  font-size: 1rem;
  font-weight: 800;
  margin-top: 0.75rem;
}
.dx-pillar-card p {
  margin-top: 0.35rem;
  font-size: 12.5px;
  line-height: 1.6;
  opacity: 0.7;
}

/* ── INCLUDED CARDS ─────────────────────────────────────────────── */
.dx-included-grid {
  margin-top: 2.5rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.dx-included-card {
  border-radius: 0.875rem;
  border: 2px solid var(--av-navy);
  background: #fff;
  padding: 1.25rem;
  transition:
    transform 0.2s,
    box-shadow 0.2s;
}
.dx-included-card:hover {
  transform: translateY(-3px);
  box-shadow: 5px 5px 0 0 var(--av-primary);
}
.dx-included-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.dx-included-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 0.65rem;
  flex-shrink: 0;
  background: var(--av-light);
  color: var(--av-primary);
  box-shadow: 0 0 0 2px var(--av-border);
}
.dx-tag {
  border-radius: 999px;
  padding: 0.2rem 0.55rem;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.dx-tag--foundation {
  background: var(--av-navy);
  color: #fff;
}
.dx-tag--quickwin {
  background: var(--av-tint);
  color: var(--av-primary);
}
.dx-tag--major {
  background: var(--av-primary);
  color: #fff;
}
.dx-tag--ongoing {
  background: #fff;
  color: var(--av-navy);
  box-shadow: 0 0 0 1px var(--av-navy);
}
.dx-included-card h3 {
  margin-top: 0.875rem;
  font-size: clamp(14px, 2vw, 16px);
  font-weight: 700;
  color: var(--av-navy);
}
.dx-included-card p {
  margin-top: 0.3rem;
  font-size: 13px;
  line-height: 1.65;
  color: rgba(7, 17, 31, 0.65);
}

/* ── PROCESS ────────────────────────────────────────────────────── */
.dx-process-photo-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}
.dx-process-photo {
  position: relative;
  overflow: hidden;
  border-radius: 1.25rem;
  border: 2px solid var(--av-navy);
}
.dx-process-photo img {
  width: 100%;
  display: block;
}
.dx-process-caption {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  right: 1rem;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 0.875rem;
  padding: 0.875rem;
  backdrop-filter: blur(8px);
}
.dx-process-caption-label {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--av-primary);
}
.dx-process-caption-val {
  font-family: "Urbanist", sans-serif;
  font-size: 1rem;
  font-weight: 800;
  margin-top: 0.2rem;
  color: var(--av-navy);
}
.dx-process-steps {
  margin-top: 2.5rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.dx-step {
  border-radius: 0.875rem;
  border: 2px solid var(--av-navy);
  background: #fff;
  padding: 1.25rem;
}
.dx-step--active {
  background: var(--av-navy);
  color: #fff;
}
.dx-step-num {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-family: "Urbanist", sans-serif;
  font-size: 13px;
  font-weight: 800;
  background: var(--av-navy);
  color: #fff;
  flex-shrink: 0;
}
.dx-step--active .dx-step-num {
  background: var(--av-primary);
}
.dx-step-badge {
  margin-top: 0.55rem;
  margin-bottom: 0.35rem;
  display: inline-block;
  border-radius: 999px;
  padding: 0.2rem 0.55rem;
  font-size: 9.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.dx-step-badge--light {
  background: var(--av-tint);
  color: var(--av-primary);
}
.dx-step-badge--dark {
  background: #fff;
  color: var(--av-navy);
}
.dx-step h3 {
  font-size: 1rem;
  font-weight: 700;
}
.dx-step p {
  margin-top: 0.35rem;
  font-size: 13px;
  line-height: 1.65;
  color: rgba(7, 17, 31, 0.65);
}
.dx-step--active p {
  color: rgba(255, 255, 255, 0.7);
}

/* ── FOUNDER ────────────────────────────────────────────────────── */
.dx-founder-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
}
.dx-founder-photo-wrap {
  position: relative;
  max-width: 420px;
  margin-inline: auto;
  width: 100%;
}
.dx-founder-photo-border {
  position: absolute;
  top: -8px;
  left: -8px;
  width: 100%;
  height: 100%;
  border-radius: 1.25rem;
  border: 2px solid var(--av-primary);
}
.dx-founder-photo-inner {
  position: relative;
  overflow: hidden;
  border-radius: 1.25rem;
  border: 2px solid rgba(255, 255, 255, 0.15);
}
.dx-founder-photo-inner img {
  width: 100%;
  filter: grayscale(1);
  display: block;
}
.dx-founder-caption {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  right: 1rem;
  background: rgba(7, 17, 31, 0.85);
  border-radius: 0.875rem;
  padding: 0.875rem;
  backdrop-filter: blur(8px);
}
.dx-founder-caption-label {
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--av-aqua);
}
.dx-founder-caption-name {
  font-family: "Urbanist", sans-serif;
  font-size: 1.1rem;
  font-weight: 800;
  color: #fff;
  margin-top: 0.2rem;
}
.dx-founder-creds {
  margin-top: 1.75rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.55rem;
}
.dx-founder-cred {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  border-radius: 0.65rem;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.04);
  padding: 0.75rem;
}
.dx-founder-cred-text {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.9);
}
.dx-founder-ctas {
  margin-top: 1.75rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}

/* ── CASE STUDIES ───────────────────────────────────────────────── */
.dx-cases-header {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.dx-cases-grid {
  margin-top: 2.5rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
.dx-case-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 1.25rem;
  border: 2px solid var(--av-navy);
  background: #fff;
  transition:
    transform 0.2s,
    box-shadow 0.2s;
}
.dx-case-card:hover {
  transform: translateY(-3px);
  box-shadow: 8px 8px 0 0 var(--av-primary);
}
.dx-case-img {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-bottom: 2px solid var(--av-navy);
  background: var(--av-light);
}
.dx-case-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s;
  display: block;
}
.dx-case-card:hover .dx-case-img img {
  transform: scale(1.04);
}
.dx-case-tag {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  background: var(--av-navy);
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border-radius: 999px;
  padding: 0.2rem 0.65rem;
}
.dx-case-num {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--av-primary);
  color: #fff;
  display: grid;
  place-items: center;
  font-family: "Urbanist", sans-serif;
  font-size: 11px;
  font-weight: 800;
}
.dx-case-body {
  flex: 1;
  padding: clamp(1.25rem, 3vw, 1.625rem);
  display: flex;
  flex-direction: column;
}
.dx-case-client {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--av-primary);
}
.dx-case-body h3 {
  font-family: "Urbanist", sans-serif;
  font-size: clamp(1rem, 2.5vw, 1.175rem);
  font-weight: 800;
  line-height: 1.25;
  margin-top: 0.4rem;
  color: var(--av-navy);
}
.dx-case-body p {
  margin-top: 0.55rem;
  font-size: 13px;
  line-height: 1.65;
  color: rgba(7, 17, 31, 0.65);
}
.dx-case-metrics {
  margin-top: 1.25rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
  border-top: 1px solid rgba(7, 17, 31, 0.1);
  padding-top: 1rem;
}
.dx-case-metric-val {
  font-family: "Urbanist", sans-serif;
  font-size: clamp(1rem, 2.5vw, 1.175rem);
  font-weight: 800;
  color: var(--av-primary);
}
.dx-case-metric-key {
  margin-top: 2px;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: rgba(7, 17, 31, 0.55);
}
.dx-case-link {
  margin-top: 1.25rem;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--av-navy);
  transition: color 0.15s;
}
.dx-case-link:hover {
  color: var(--av-primary);
}

/* ── RESULTS ────────────────────────────────────────────────────── */
.dx-results-grid {
  margin-top: 2.5rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}
.dx-chart-light {
  border-radius: 1.25rem;
  border: 2px solid var(--av-navy);
  background: #fff;
  padding: clamp(1.125rem, 3vw, 1.625rem);
  box-shadow: 6px 6px 0 0 var(--av-primary);
}
.dx-chart-dark {
  border-radius: 1.25rem;
  border: 2px solid var(--av-navy);
  background: var(--av-navy);
  padding: clamp(1.125rem, 3vw, 1.625rem);
  color: #fff;
}
.dx-chart-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
}
.dx-chart-label {
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
.dx-chart-num {
  font-family: "Urbanist", sans-serif;
  font-size: clamp(1.125rem, 3vw, 1.375rem);
  font-weight: 800;
  margin-top: 0.2rem;
}
.dx-chart-stats {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
  border-top: 1px solid rgba(7, 17, 31, 0.1);
  padding-top: 1rem;
}
.dx-chart-stat-k {
  font-size: 9.5px;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: rgba(7, 17, 31, 0.55);
}
.dx-chart-stat-v {
  font-family: "Urbanist", sans-serif;
  font-size: clamp(1.125rem, 3vw, 1.375rem);
  font-weight: 800;
  color: var(--av-primary);
}
.dx-bar-wrap {
  display: flex;
  align-items: flex-end;
  gap: 3px;
  height: 130px;
  margin-top: 1.25rem;
}
.dx-bar-wrap .dx-bar {
  flex: 1;
  border-radius: 3px 3px 0 0;
}
.dx-bar-legend {
  margin-top: 0.5rem;
  display: flex;
  gap: 0.75rem;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.8);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 0.75rem;
}
.dx-bar-legend span {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.dx-bar-swatch {
  width: 10px;
  height: 6px;
  border-radius: 2px;
  flex-shrink: 0;
}

/* small data cards */
.dx-small-cards {
  margin-top: 1.25rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}
.dx-data-card {
  border-radius: 1.25rem;
  border: 2px solid var(--av-navy);
  background: #fff;
  padding: clamp(1.125rem, 3vw, 1.625rem);
}
.dx-data-card--dark {
  background: var(--av-navy);
  color: #fff;
}
.dx-data-card-label {
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
.dx-donut-inner {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  flex-wrap: wrap;
}
.dx-donut-num {
  font-family: "Urbanist", sans-serif;
  font-size: 1.625rem;
  font-weight: 800;
  color: var(--av-navy);
}
.dx-donut-sublabel {
  font-size: 10.5px;
  color: rgba(7, 17, 31, 0.55);
}
.dx-donut-legend {
  margin-top: 0.55rem;
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 11.5px;
}
.dx-donut-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.dx-donut-key {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  color: rgba(7, 17, 31, 0.8);
}
.dx-donut-swatch {
  width: 7px;
  height: 7px;
  border-radius: 2px;
  flex-shrink: 0;
}
.dx-donut-val {
  font-weight: 600;
  color: var(--av-navy);
}
.dx-radial-inner {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.dx-radial-num {
  font-family: "Urbanist", sans-serif;
  font-size: 2.5rem;
  font-weight: 800;
  color: var(--av-primary);
}
.dx-radial-num--w {
  color: #fff;
}
.dx-radial-suffix {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: rgba(7, 17, 31, 0.55);
  margin-top: 0.2rem;
}
.dx-radial-suffix--w {
  color: rgba(255, 255, 255, 0.55);
}
.dx-radial-sub {
  font-size: 11px;
  color: rgba(7, 17, 31, 0.7);
  margin-top: 0.2rem;
}
.dx-radial-sub--w {
  color: rgba(255, 255, 255, 0.7);
}

/* ── REVIEWS ────────────────────────────────────────────────────── */
.dx-reviews-grid {
  margin-top: 2.5rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}
.dx-review-left {
  border-radius: 1.25rem;
  border: 2px solid var(--av-navy);
  background: var(--av-navy);
  padding: 1.625rem;
  color: #fff;
}
.dx-review-avatar {
  width: clamp(100px, 30vw, 160px);
  height: clamp(100px, 30vw, 160px);
  border-radius: 0.875rem;
  object-fit: cover;
  box-shadow: 0 0 0 3px var(--av-primary);
  display: block;
}
.dx-review-name {
  font-family: "Urbanist", sans-serif;
  font-size: 1.1rem;
  font-weight: 800;
  margin-top: 1.25rem;
}
.dx-review-role {
  margin-top: 0.2rem;
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.65);
}
.dx-review-verified {
  margin-top: 1.25rem;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  padding: 0.3rem 0.65rem;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: rgba(255, 255, 255, 0.8);
}
.dx-review-stat-num {
  font-family: "Urbanist", sans-serif;
  font-size: 2.5rem;
  font-weight: 800;
  color: var(--av-aqua);
  margin-top: 1.625rem;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  padding-top: 1rem;
}
.dx-review-stat-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: rgba(255, 255, 255, 0.55);
  margin-top: 0.2rem;
}
.dx-review-right {
  border-radius: 1.25rem;
  border: 2px solid var(--av-navy);
  background: var(--av-light);
  padding: clamp(1.5rem, 4vw, 2rem);
  box-shadow: 6px 6px 0 0 var(--av-primary);
  display: flex;
  flex-direction: column;
}
.dx-review-quote {
  font-family: "Urbanist", sans-serif;
  font-size: clamp(1rem, 2.5vw, 1.5rem);
  font-weight: 700;
  line-height: 1.45;
  color: var(--av-navy);
  margin-top: 1.25rem;
  flex: 1;
}
.dx-review-controls {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.dx-review-dots {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.dx-review-dot {
  height: 9px;
  border-radius: 999px;
  background: rgba(7, 17, 31, 0.2);
  width: 9px;
  border: none;
  cursor: pointer;
  transition:
    width 0.25s,
    background 0.25s;
  -webkit-tap-highlight-color: transparent;
}
.dx-review-dot.active {
  width: 26px;
  background: var(--av-primary);
}
.dx-review-nav {
  display: flex;
  gap: 0.375rem;
}
.dx-review-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid var(--av-navy);
  display: grid;
  place-items: center;
  cursor: pointer;
  background: #fff;
  color: var(--av-navy);
  font-size: 15px;
  transition:
    background 0.2s,
    color 0.2s;
  -webkit-tap-highlight-color: transparent;
}
.dx-review-btn:hover {
  background: var(--av-navy);
  color: #fff;
}
.dx-review-btn--next {
  background: var(--av-primary);
  color: #fff;
  border-color: var(--av-primary);
}
.dx-review-btn--next:hover {
  background: var(--av-navy);
  border-color: var(--av-navy);
}

/* ── BIG STATS ──────────────────────────────────────────────────── */
.dx-big-stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-radius: 1.25rem;
  border: 2px solid var(--av-navy);
  overflow: hidden;
}
.dx-big-stat {
  padding: clamp(1.25rem, 4vw, 1.875rem);
  border-right: 2px solid var(--av-navy);
  border-bottom: 2px solid var(--av-navy);
}
.dx-big-stat:nth-child(2n) {
  border-right: none;
}
.dx-big-stat:nth-last-child(-n + 2) {
  border-bottom: none;
}
.dx-big-stat--cream {
  background: var(--av-light);
}
.dx-big-stat--dark {
  background: var(--av-navy);
  color: #fff;
}
.dx-big-stat-num {
  font-family: "Urbanist", sans-serif;
  font-size: clamp(1.875rem, 5vw, 3.5rem);
  font-weight: 800;
  color: var(--av-primary);
  line-height: 1;
}
.dx-big-stat--dark .dx-big-stat-num {
  color: var(--av-aqua);
}
.dx-big-stat-label {
  font-family: "Urbanist", sans-serif;
  font-size: clamp(12px, 2vw, 14px);
  font-weight: 800;
  margin-top: 0.55rem;
  color: var(--av-navy);
}
.dx-big-stat--dark .dx-big-stat-label {
  color: #fff;
}
.dx-big-stat-sub {
  font-size: clamp(10px, 1.5vw, 11.5px);
  color: rgba(7, 17, 31, 0.55);
  margin-top: 0.2rem;
  line-height: 1.4;
}
.dx-big-stat--dark .dx-big-stat-sub {
  color: rgba(255, 255, 255, 0.6);
}

/* ── TRUST BADGES ───────────────────────────────────────────────── */
.dx-badges-grid {
  margin-top: 1.75rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.dx-badge-card {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  border-radius: 0.875rem;
  border: 2px solid var(--av-navy);
  background: #fff;
  padding: 0.875rem;
  transition:
    transform 0.15s,
    box-shadow 0.15s;
}
.dx-badge-card:hover {
  transform: translateY(-2px);
  box-shadow: 4px 4px 0 0 var(--av-primary);
}
.dx-badge-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  border-radius: 0.65rem;
  background: var(--av-light);
  color: var(--av-primary);
  box-shadow: 0 0 0 2px var(--av-border);
}
.dx-badge-title {
  font-size: clamp(11px, 1.75vw, 12.5px);
  font-weight: 800;
  color: var(--av-navy);
}
.dx-badge-sub {
  font-size: 10px;
  color: rgba(7, 17, 31, 0.55);
  margin-top: 2px;
}

/* ── PRICING ────────────────────────────────────────────────────── */
.dx-pricing-grid {
  margin-top: 2.5rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}
.dx-pricing-card {
  position: relative;
  border-radius: 1.25rem;
  border: 2px solid var(--av-navy);
  background: #fff;
  padding: clamp(1.5rem, 4vw, 1.875rem);
  transition:
    transform 0.2s,
    box-shadow 0.2s;
}
.dx-pricing-card:hover {
  transform: translateY(-3px);
  box-shadow: 6px 6px 0 0 var(--av-navy);
}
.dx-pricing-card--feat {
  background: var(--av-navy);
  color: #fff;
  box-shadow: 6px 6px 0 0 var(--av-primary);
}
.dx-pricing-card--feat:hover {
  box-shadow: 6px 6px 0 0 var(--av-primary);
}
.dx-popular-badge {
  position: absolute;
  top: -11px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--av-primary);
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border-radius: 999px;
  padding: 0.2rem 0.65rem;
  white-space: nowrap;
}
.dx-tier-name {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--av-primary);
}
.dx-pricing-card--feat .dx-tier-name {
  color: var(--av-aqua);
}
.dx-price-row {
  margin-top: 0.75rem;
  display: flex;
  align-items: baseline;
  gap: 0.375rem;
  flex-wrap: wrap;
}
.dx-price-num {
  font-family: "Urbanist", sans-serif;
  font-size: clamp(2.25rem, 6vw, 2.75rem);
  font-weight: 800;
}
.dx-price-tag {
  font-size: 12.5px;
  color: rgba(7, 17, 31, 0.55);
}
.dx-pricing-card--feat .dx-price-tag {
  color: rgba(255, 255, 255, 0.6);
}
.dx-pricing-desc {
  margin-top: 0.55rem;
  font-size: 13.5px;
  color: rgba(7, 17, 31, 0.65);
}
.dx-pricing-card--feat .dx-pricing-desc {
  color: rgba(255, 255, 255, 0.7);
}
.dx-pricing-divider {
  margin-block: 1.25rem;
  height: 1px;
  background: rgba(7, 17, 31, 0.1);
}
.dx-pricing-card--feat .dx-pricing-divider {
  background: rgba(255, 255, 255, 0.15);
}
.dx-pricing-features {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  font-size: 13.5px;
}
.dx-pricing-feature {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.dx-pricing-check {
  color: var(--av-primary);
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 13px;
}
.dx-pricing-card--feat .dx-pricing-check {
  color: var(--av-aqua);
}
.dx-btn-pricing {
  margin-top: 1.625rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  border-radius: 999px;
  padding: 0.75rem;
  font-size: 12.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s;
  border: none;
  -webkit-tap-highlight-color: transparent;
}
.dx-btn-pricing--outline {
  border: 2px solid var(--av-navy) !important;
  color: var(--av-navy);
  background: transparent;
}
.dx-btn-pricing--outline:hover {
  background: var(--av-navy);
  color: #fff !important;
}
.dx-btn-pricing--fill {
  background: var(--av-primary);
  border: 1px solid var(--av-aqua);
  color: #fff !important;
}
.dx-btn-pricing--fill:hover {
  background: var(--av-navy);
  border-color: var(--av-navy);
  color: #fff !important;
  transform: translateY(-2px);
}

.dx-wrap :is(a, button, summary):focus-visible {
  outline: 3px solid rgba(6, 182, 212, 0.42);
  outline-offset: 3px;
}

/* ── GUARANTEE ──────────────────────────────────────────────────── */
.dx-guarantee {
  background: var(--av-navy);
  color: #fff;
}
.dx-guarantee-items {
  padding-block: 2rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}
.dx-guarantee-item {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}
.dx-guarantee-icon {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border-radius: 0.65rem;
  background: var(--av-primary);
  color: #fff;
  display: grid;
  place-items: center;
}
.dx-guarantee-title {
  font-family: "Urbanist", sans-serif;
  font-size: clamp(13px, 2vw, 14.5px);
  font-weight: 800;
}
.dx-guarantee-sub {
  font-size: 11.5px;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 2px;
}

/* ── FAQ ────────────────────────────────────────────────────────── */
.dx-faq-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
}
.dx-faq-wrap {
  border-radius: 0.875rem;
  border: 2px solid var(--av-navy);
  overflow: hidden;
  background: #fff;
}
.dx-faq-item {
  border-bottom: 2px solid var(--av-navy);
  padding: 1rem 1.125rem;
}
.dx-faq-item:last-child {
  border-bottom: none;
}
.dx-faq-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.875rem;
  font-size: clamp(13.5px, 2vw, 15px);
  font-weight: 700;
  cursor: pointer;
  color: var(--av-navy);
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.dx-faq-chevron {
  color: var(--av-primary);
  flex-shrink: 0;
  transition: transform 0.2s;
}
.dx-wrap details[open] .dx-faq-chevron {
  transform: rotate(180deg);
}
.dx-faq-answer {
  margin-top: 0.55rem;
  font-size: 13.5px;
  line-height: 1.65;
  color: rgba(7, 17, 31, 0.7);
}
.dx-faq-link {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  margin-top: 1.25rem;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--av-primary);
}
.dx-faq-link:hover {
  text-decoration: underline;
}

/* ── FINAL CTA ──────────────────────────────────────────────────── */
.dx-cta-section {
  position: relative;
  overflow: hidden;
  background: var(--av-navy);
  color: #fff;
  text-align: center;
}
.dx-cta-dots {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    circle,
    rgba(103, 232, 249, 0.12) 1px,
    transparent 1px
  );
  background-size: 22px 22px;
}
.dx-cta-bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      circle at 78% 24%,
      rgba(6, 182, 212, 0.24),
      transparent 34%
    ),
    radial-gradient(circle at 18% 76%, rgba(37, 99, 235, 0.28), transparent 38%);
  opacity: 1;
}
.dx-cta-inner {
  position: relative;
  z-index: 2;
  padding-block: clamp(3.5rem, 10vw, 5.5rem);
  max-width: 860px;
  margin-inline: auto;
  padding-inline: 1rem;
}
.dx-cta-title {
  font-family: "Urbanist", sans-serif !important;
  font-size: clamp(1.625rem, 5vw, 3.5rem) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  margin-top: 1.25rem;
  letter-spacing: -0.02em !important;
  color: #fff !important;
}
.dx-cta-title .dx-accent {
  color: var(--av-aqua) !important;
}
.dx-cta-sub {
  margin: 1rem auto 0;
  max-width: 52ch;
  font-size: clamp(15px, 2.5vw, 17px);
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.8);
}
.dx-cta-btns {
  margin-top: 1.875rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.625rem;
}

/* ── ANIMATIONS ─────────────────────────────────────────────────── */
@media (prefers-reduced-motion: no-preference) {
  @keyframes dxPingAnim {
    0% {
      transform: scale(1);
      opacity: 0.8;
    }
    75%,
    100% {
      transform: scale(2.2);
      opacity: 0;
    }
  }
}

/* ================================================================
   RESPONSIVE — sm: 480px (large phones)
   ================================================================ */
@media (min-width: 480px) {
  .dx-pillar-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .dx-hero-ctas {
    gap: 0.75rem;
  }
  .dx-founder-creds {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ================================================================
   RESPONSIVE — md: 640px (small tablets / landscape phones)
   ================================================================ */
@media (min-width: 640px) {
  .dx-trust-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .dx-pain-cards {
    grid-template-columns: repeat(3, 1fr);
  }
  .dx-included-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .dx-process-steps {
    grid-template-columns: repeat(2, 1fr);
  }
  .dx-badges-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .dx-cases-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .dx-small-cards {
    grid-template-columns: repeat(3, 1fr);
  }
  .dx-pricing-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .dx-guarantee-items {
    grid-template-columns: repeat(2, 1fr);
  }
  .dx-cases-header {
    flex-direction: row;
    align-items: flex-end;
  }
  .dx-logo-wall-inner {
    flex-direction: row;
    justify-content: space-between;
  }
  .dx-case-img {
    aspect-ratio: 4/3;
  }

  /* Hero stats: bigger */
  .dx-hero-stat-num {
    font-size: clamp(1.5rem, 3.5vw, 1.875rem);
  }
  .dx-hero-stat-label {
    font-size: 10.5px;
  }
}

/* ================================================================
   RESPONSIVE — lg: 768px (tablets)
   ================================================================ */
@media (min-width: 768px) {
  .dx-pillar-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .dx-framework-grid {
    grid-template-columns: 1fr 1.3fr;
    gap: 3rem;
    align-items: start;
  }
  .dx-big-stats {
    grid-template-columns: repeat(4, 1fr);
  }
  /* Fix border logic for 4-col stats */
  .dx-big-stat {
    border-bottom: none;
  }
  .dx-big-stat:not(:last-child) {
    border-right: 2px solid var(--av-navy);
  }
  .dx-big-stat:last-child {
    border-right: none;
  }
}

/* ================================================================
   RESPONSIVE — xl: 1024px (desktop)
   ================================================================ */
@media (min-width: 1024px) {
  /* 2-column layouts */
  .dx-grid-2 {
    grid-template-columns: 1.1fr 1fr;
  }
  .dx-grid-2--flip {
    grid-template-columns: 1fr 1.1fr;
  }
  .dx-grid-2--flip > div:first-child {
    order: 0;
  }
  .dx-grid-2--flip > div:last-child {
    order: 0;
  }

  /* Hero */
  .dx-hero-inner {
    grid-template-columns: 1.1fr 1fr;
    padding-block: 7.5rem;
    gap: 4rem;
  }

  /* Trust bar */
  .dx-trust-grid {
    grid-template-columns: repeat(6, 1fr);
  }

  /* Included */
  .dx-included-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  /* Process */
  .dx-process-steps {
    grid-template-columns: repeat(4, 1fr);
  }
  .dx-process-photo-grid {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    align-items: center;
    gap: 3rem;
  }

  /* Results */
  .dx-results-grid {
    grid-template-columns: 1.4fr 1fr;
  }

  /* Reviews */
  .dx-reviews-grid {
    grid-template-columns: 1fr 1.4fr;
  }
  .dx-review-right {
    padding: 2rem 2.25rem;
  }

  /* Badges */
  .dx-badges-grid {
    grid-template-columns: repeat(6, 1fr);
  }

  /* Cases */
  .dx-cases-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  /* FAQ */
  .dx-faq-grid {
    grid-template-columns: 1fr 1.5fr;
    align-items: start;
    gap: 3rem;
  }

  /* Founder */
  .dx-founder-grid {
    grid-template-columns: 1fr 1.2fr;
    align-items: center;
    gap: 3rem;
  }
  .dx-founder-photo-wrap {
    max-width: 100%;
    margin-inline: 0;
  }

  /* Pricing */
  .dx-pricing-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  /* Guarantee */
  .dx-guarantee-items {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* ================================================================
   MOBILE-ONLY OVERRIDES — xs: 0–479px (small phones)
   Tighten spacing and improve tap targets
   ================================================================ */
@media (max-width: 479px) {
  /* Hero: hide floating cards on very small screens (they overflow) */
  .dx-float-cwv,
  .dx-float-clicks {
    display: none;
  }

  /* Ensure hero has enough bottom padding since no floats */
  .dx-hero-inner {
    padding-bottom: 3rem;
  }

  /* Full-width buttons on small phones */
  .dx-hero-ctas {
    flex-direction: column;
  }
  .dx-hero-ctas .dx-btn-primary,
  .dx-hero-ctas .dx-btn-outline-white {
    width: 100%;
    justify-content: center;
  }

  /* Founder creds: single column */
  .dx-founder-creds {
    grid-template-columns: 1fr;
  }

  /* CTA buttons full width on mobile */
  .dx-cta-btns {
    flex-direction: column;
    align-items: center;
  }
  .dx-cta-btns .dx-btn-primary,
  .dx-cta-btns .dx-btn-outline-white {
    width: 100%;
    max-width: 320px;
    justify-content: center;
  }

  /* Founder cta buttons */
  .dx-founder-ctas {
    flex-direction: column;
  }
  .dx-founder-ctas .dx-btn-sm-primary,
  .dx-founder-ctas .dx-btn-sm-outline-white {
    width: 100%;
    justify-content: center;
  }

  /* Logo wall: stack tighter */
  .dx-logo-wall-logos {
    gap: 0.5rem 1.25rem;
  }
  .dx-logo-wall-logos span {
    font-size: 0.875rem;
  }

  /* Pillar grid: single col */
  .dx-pillar-grid {
    grid-template-columns: 1fr;
  }

  /* Case metrics: compact */
  .dx-case-metric-val {
    font-size: 0.875rem;
  }

  /* Hero stat numbers: fit on one line */
  .dx-hero-stat-num {
    font-size: 1.1rem;
  }
  .dx-hero-stat-label {
    font-size: 8.5px;
  }
  .dx-hero-stat {
    padding: 0.625rem 0.5rem;
  }

  /* Big stats: 2-col stays */
  .dx-big-stat {
    padding: 1.125rem;
  }
}

/* ================================================================
   MOBILE-ONLY — sm: 480–639px
   ================================================================ */
@media (min-width: 480px) and (max-width: 639px) {
  /* Show floating cards but smaller */
  .dx-float-cwv {
    width: 185px;
    bottom: -1rem;
    left: -0.5rem;
  }
  .dx-float-clicks {
    width: 155px;
    top: -0.75rem;
    right: -0.25rem;
  }
}

/* ================================================================
   TOUCH IMPROVEMENTS — all mobile devices
   ================================================================ */
@media (hover: none) and (pointer: coarse) {
  /* Larger tap targets */
  .dx-btn-primary,
  .dx-btn-outline-white,
  .dx-btn-outline-dark,
  .dx-btn-sm-primary,
  .dx-btn-sm-outline-white {
    min-height: 44px;
  }

  .dx-review-btn {
    width: 44px;
    height: 44px;
  }
  .dx-review-dot {
    min-width: 16px;
    min-height: 16px;
  }

  .dx-faq-summary {
    min-height: 44px;
    padding-block: 0.5rem;
  }

  /* Disable hover transforms on touch */
  .dx-pain-card:hover,
  .dx-pillar-card:hover,
  .dx-included-card:hover,
  .dx-case-card:hover,
  .dx-badge-card:hover,
  .dx-pricing-card:hover {
    transform: none;
  }

  /* Active states instead */
  .dx-pain-card:active {
    background: var(--av-navy);
    color: #fff;
  }
  .dx-pillar-card:active {
    background: var(--av-navy);
    color: #fff;
  }
  .dx-badge-card:active {
    box-shadow: 4px 4px 0 0 var(--av-primary);
  }
  .dx-case-card:active {
    box-shadow: 6px 6px 0 0 var(--av-primary);
  }
  .dx-included-card:active {
    box-shadow: 4px 4px 0 0 var(--av-primary);
  }
}

/* ================================================================
   PRINT — clean output
   ================================================================ */
@media print {
  .dx-hero-bg,
  .dx-hero-vignette,
  .dx-hero-dots,
  .dx-cta-bg,
  .dx-cta-dots {
    display: none;
  }
  .dx-wrap {
    font-size: 12px;
  }
  .dx-hero {
    background: #000 !important;
  }
  .dx-btn-primary,
  .dx-btn-outline-white {
    box-shadow: none;
  }
}

.elementor-28785 .elementor-element.elementor-element-471b766::before,
.elementor-28785
  .elementor-element.elementor-element-471b766
  > .elementor-background-video-container::before,
.elementor-28785
  .elementor-element.elementor-element-471b766
  > .e-con-inner
  > .elementor-background-video-container::before,
.elementor-28785
  .elementor-element.elementor-element-471b766
  > .elementor-background-slideshow::before,
.elementor-28785
  .elementor-element.elementor-element-471b766
  > .e-con-inner
  > .elementor-background-slideshow::before,
.elementor-28785
  .elementor-element.elementor-element-471b766
  > .elementor-motion-effects-container
  > .elementor-motion-effects-layer::before {
  background-image: none !important;
}
body.h12bar-on {
  padding-top: 120px !important;
}

@media (max-width: 767px) {
  .wp-block-table {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .wp-block-table table {
    min-width: 750px !important;
  }

  .wp-block-table th,
  .wp-block-table td {
    white-space: nowrap !important;
    word-break: normal !important;
  }
}

/* AVENZO GLOBAL BRAND BASELINE 2026 */
:root{--av-primary:#2563EB;--av-aqua:#06B6D4;--av-ink:#101828;--av-navy:#07111F;--av-surface:#F3F8FC;--av-border:#D8E3EE;--av-muted:#64748B;}
body,button,input,select,textarea{font-family:"Urbanist",sans-serif;}
body{color:var(--av-ink);}
:focus-visible{outline:3px solid rgba(6,182,212,.38);outline-offset:3px;}

/* AVENZO GROWTH HUB STYLES 2026-09-23 */
.av-growth-hub{font-family:Urbanist,sans-serif;color:#101828;background:#fff}.av-growth-hub *{box-sizing:border-box}.avgh-hero,.avgh-section,.avgh-cta{max-width:1180px;margin:0 auto;padding:88px 28px}.avgh-hero{padding-top:110px;padding-bottom:90px}.avgh-kicker{margin:0 0 14px;font-size:13px;font-weight:800;letter-spacing:.16em;color:#2563EB}.avgh-hero h1,.avgh-heading h2,.avgh-cta h2{margin:0;color:#07111F;letter-spacing:-.04em}.avgh-hero h1{max-width:900px;font-size:clamp(44px,7vw,78px);line-height:.98}.avgh-lead{max-width:850px;margin:28px 0 0;font-size:20px;line-height:1.7;color:#475467}.avgh-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.avgh-primary,.avgh-secondary{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:100px;font-weight:700;text-decoration:none!important}.avgh-primary{background:#2563EB;color:#fff!important}.avgh-secondary{border:1px solid #D8E3EE;color:#101828!important;background:#fff}.avgh-section{border-top:1px solid #E5EDF4}.avgh-heading{max-width:760px;margin-bottom:38px}.avgh-heading h2,.avgh-cta h2{font-size:clamp(34px,5vw,56px);line-height:1.05}.avgh-grid{display:grid;gap:16px}.avgh-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.avgh-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.avgh-grid article,.avgh-steps article{padding:26px;border:1px solid #D8E3EE;border-radius:20px;background:#F8FBFE}.avgh-grid h3,.avgh-steps h3{margin:0 0 10px;font-size:22px;color:#101828}.avgh-grid p,.avgh-steps p,.avgh-faq p{color:#64748B;line-height:1.65}.avgh-grid a{color:#2563EB;font-weight:700;text-decoration:none}.avgh-dark{max-width:none;background:#07111F;color:#fff;padding-left:max(28px,calc((100vw - 1180px)/2 + 28px));padding-right:max(28px,calc((100vw - 1180px)/2 + 28px))}.avgh-dark .avgh-heading h2,.avgh-dark h3{color:#fff}.avgh-dark .avgh-kicker{color:#06B6D4}.avgh-dark .avgh-steps article{background:#0D1B2A;border-color:#1E3449}.avgh-dark .avgh-steps p{color:#B8C4D3}.avgh-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.avgh-steps span{display:block;margin-bottom:24px;color:#06B6D4;font-weight:800}.avgh-faq details{padding:20px 0;border-bottom:1px solid #D8E3EE}.avgh-faq summary{cursor:pointer;font-size:19px;font-weight:700;color:#101828}.avgh-faq details p{max-width:850px;margin:12px 0 0}.avgh-cta{margin-top:24px;margin-bottom:70px;border-radius:28px;background:#F3F8FC;text-align:center}.avgh-cta p{max-width:720px;margin:18px auto 28px;color:#64748B;font-size:18px;line-height:1.6}@media(max-width:900px){.avgh-grid-3,.avgh-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.avgh-hero,.avgh-section,.avgh-cta{padding:64px 20px}.avgh-grid-3,.avgh-grid-2,.avgh-steps{grid-template-columns:1fr}.avgh-lead{font-size:18px}.avgh-cta{border-radius:0;margin-bottom:0}}
/* AVENZO COMMERCIAL CLUSTER STYLES 2026-09-23 */
.av-commercial-cluster{max-width:1180px;margin:70px auto;padding:72px 28px;border-top:1px solid #D8E3EE;font-family:Urbanist,sans-serif}.avcc-head{max-width:780px;margin-bottom:38px}.avcc-kicker{margin:0 0 10px;color:#2563EB;font-size:12px;font-weight:800;letter-spacing:.15em}.avcc-head h2{margin:0 0 14px;color:#07111F;font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.035em}.avcc-head>p:last-child{color:#64748B;font-size:18px;line-height:1.65}.avcc-subsection{margin-top:42px}.avcc-subsection>h3{font-size:24px;color:#101828;margin:0 0 16px}.avcc-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.avcc-link{display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:116px;padding:20px;border:1px solid #D8E3EE;border-radius:16px;background:#F8FBFE;text-decoration:none!important}.avcc-link strong{color:#101828;font-size:17px;line-height:1.35}.avcc-link span{color:#2563EB;font-size:13px;font-weight:700}.avcc-guides{grid-template-columns:repeat(2,minmax(0,1fr))}.avcc-guide{background:#fff}.avcc-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.avcc-case{overflow:hidden;border:1px solid #D8E3EE;border-radius:20px;background:#fff}.avcc-case-image{display:block;aspect-ratio:16/10;background:#F3F8FC;overflow:hidden}.avcc-case-image img{width:100%;height:100%;object-fit:cover;display:block}.avcc-case>div{padding:20px}.avcc-case h3{margin:0 0 10px;font-size:19px;line-height:1.3}.avcc-case h3 a{color:#101828;text-decoration:none}.avcc-case p{margin:0 0 14px;color:#64748B;line-height:1.55;font-size:14px}.avcc-text-link{color:#2563EB!important;font-weight:700;text-decoration:none!important}.avcc-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:42px;padding:24px 26px;border-radius:20px;background:#07111F;color:#fff}.avcc-cta div{display:flex;flex-direction:column;gap:4px}.avcc-cta strong{font-size:20px}.avcc-cta span{color:#B8C4D3}.avcc-cta>a{display:inline-flex;white-space:nowrap;padding:13px 19px;border-radius:100px;background:#2563EB;color:#fff!important;text-decoration:none!important;font-weight:700}@media(max-width:900px){.avcc-link-grid,.avcc-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.av-commercial-cluster{padding:54px 20px}.avcc-link-grid,.avcc-guides,.avcc-case-grid{grid-template-columns:1fr}.avcc-cta{align-items:flex-start;flex-direction:column}}
/* AVENZO GROWTH FAQ AUTHORITY TRUST STYLES 2026-09-23 */
.av-growth-faq,.av-home-authority,.av-trust-layer{max-width:1180px;margin:70px auto;padding:68px 28px;font-family:Urbanist,sans-serif}.avgf-head,.avtl-head{max-width:760px;margin-bottom:28px}.avgf-head>p,.avha-copy>p,.avtl-head>p{margin:0 0 10px;color:#2563EB;font-size:12px;font-weight:800;letter-spacing:.15em}.avgf-head h2,.avha-copy h2,.avtl-head h2{margin:0 0 12px;color:#07111F;font-size:clamp(32px,4vw,50px);line-height:1.08;letter-spacing:-.035em}.av-growth-faq{border-top:1px solid #D8E3EE}.av-growth-faq details{padding:20px 0;border-bottom:1px solid #D8E3EE}.av-growth-faq summary{cursor:pointer;font-size:18px;font-weight:750;color:#101828}.av-growth-faq details p{max-width:860px;margin:12px 0 0;color:#64748B;line-height:1.65}.av-home-authority{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;border-radius:28px;background:#F3F8FC}.avha-copy>span,.avtl-head>span{display:block;color:#64748B;line-height:1.6;font-size:17px}.avha-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.avha-links a{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border:1px solid #D8E3EE;border-radius:14px;background:#fff;color:#101828!important;text-decoration:none!important;font-weight:700}.avha-links a span{color:#2563EB}.av-trust-layer{border-top:1px solid #D8E3EE}.avtl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.avtl-grid article{padding:24px;border-radius:18px;background:#F8FBFE;border:1px solid #D8E3EE}.avtl-grid h3{margin:0 0 10px;color:#101828;font-size:21px}.avtl-grid p{margin:0;color:#64748B;line-height:1.65}.avtl-grid a{color:#2563EB;font-weight:700;text-decoration:none}@media(max-width:800px){.av-home-authority{grid-template-columns:1fr}.avtl-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.av-growth-faq,.av-home-authority,.av-trust-layer{padding:52px 20px}.avha-links,.avtl-grid{grid-template-columns:1fr}}
/* AVENZO CITY GROWTH MODULE STYLES 2026-09-23 */
.av-city-growth-module{max-width:1180px;margin:70px auto;padding:70px 28px;border-top:1px solid #D8E3EE;font-family:Urbanist,sans-serif}.avcgm-head{max-width:820px}.avcgm-head>p{margin:0 0 10px;color:#2563EB;font-size:12px;font-weight:800;letter-spacing:.15em}.avcgm-head h2{margin:0 0 12px;color:#07111F;font-size:clamp(34px,4vw,52px);line-height:1.06;letter-spacing:-.035em}.avcgm-head>span{color:#64748B;line-height:1.55}.avcgm-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:30px}.avcgm-services a{display:flex;flex-direction:column;gap:18px;justify-content:space-between;padding:20px;border-radius:16px;background:#F8FBFE;border:1px solid #D8E3EE;text-decoration:none!important}.avcgm-services strong{color:#101828}.avcgm-services span{color:#2563EB;font-size:13px;font-weight:700}.avcgm-proof{margin-top:44px}.avcgm-proof>h3,.avcgm-faq>h3{font-size:25px;color:#101828;margin:0 0 16px}.avcgm-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.avcgm-proof article{border:1px solid #D8E3EE;border-radius:18px;overflow:hidden;background:#fff}.avcgm-img{display:block;aspect-ratio:16/10;background:#F3F8FC;overflow:hidden}.avcgm-img img{width:100%;height:100%;object-fit:cover}.avcgm-proof article>div{padding:18px}.avcgm-proof h4{margin:0 0 8px;font-size:18px}.avcgm-proof h4 a{color:#101828;text-decoration:none}.avcgm-proof p{margin:0;color:#64748B;font-size:14px;line-height:1.55}.avcgm-faq{margin-top:44px}.avcgm-faq details{padding:18px 0;border-bottom:1px solid #D8E3EE}.avcgm-faq summary{cursor:pointer;font-weight:750;color:#101828}.avcgm-faq p{max-width:850px;color:#64748B;line-height:1.65}.avcgm-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:36px;padding:22px 24px;border-radius:18px;background:#07111F;color:#fff}.avcgm-cta strong{font-size:20px}.avcgm-cta a{padding:12px 18px;border-radius:100px;background:#2563EB;color:#fff!important;text-decoration:none!important;font-weight:700}@media(max-width:900px){.avcgm-services{grid-template-columns:repeat(2,1fr)}.avcgm-proof-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.av-city-growth-module{padding:52px 20px}.avcgm-services,.avcgm-proof-grid{grid-template-columns:1fr}.avcgm-cta{flex-direction:column;align-items:flex-start}}
/* AVENZO VERIFIED PROOF STYLES 2026-09-23 */
.av-verified-proof{max-width:1180px;margin:52px auto;padding:28px;border:1px solid #BFD4FF;border-radius:20px;background:#F3F8FC;font-family:Urbanist,sans-serif}.avvp-kicker,.av-clutch-trust p{margin:0 0 8px;color:#2563EB;font-size:12px;font-weight:800;letter-spacing:.15em}.av-verified-proof h2,.av-clutch-trust h2{margin:0 0 10px;color:#07111F;font-size:28px;letter-spacing:-.025em}.av-verified-proof>p:not(.avvp-kicker){margin:0 0 12px;color:#475467;font-size:17px;line-height:1.65}.av-verified-proof>a,.av-clutch-trust>a{color:#2563EB!important;font-weight:750;text-decoration:none!important}.av-verified-proof small{display:block;margin-top:10px;color:#667085;line-height:1.5}.av-clutch-trust{max-width:1180px;margin:44px auto 70px;padding:26px 28px;border-radius:20px;background:#07111F;display:flex;align-items:center;justify-content:space-between;gap:24px;font-family:Urbanist,sans-serif}.av-clutch-trust h2{color:#fff}.av-clutch-trust span{color:#B8C4D3}.av-clutch-trust>a{flex:0 0 auto;padding:12px 18px;border-radius:100px;background:#fff}@media(max-width:700px){.av-clutch-trust{align-items:flex-start;flex-direction:column}}
/* AVENZO PARTNER AUTHORITY STYLES 2026-09-23 */
.av-partner-authority{max-width:1180px;margin:0 auto;padding:70px 28px 90px;font-family:Urbanist,sans-serif;color:#101828}.avpa-intro{max-width:820px}.avpa-intro>p,.avpa-proof p{margin:0 0 10px;color:#2563EB;font-size:12px;font-weight:800;letter-spacing:.15em}.avpa-intro h2,.avpa-process>h2,.avpa-proof h2,.avpa-services>h2,.avpa-cta h2{margin:0;color:#07111F;letter-spacing:-.035em}.avpa-intro h2{font-size:clamp(36px,5vw,58px);line-height:1.04}.avpa-intro>span{display:block;margin-top:16px;color:#64748B;font-size:18px;line-height:1.65}.avpa-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:38px}.avpa-grid article{padding:25px;border:1px solid #D8E3EE;border-radius:18px;background:#F8FBFE}.avpa-grid h3,.avpa-process h3{margin:0 0 8px;font-size:21px}.avpa-grid p,.avpa-process p{margin:0;color:#64748B;line-height:1.6}.avpa-process{margin-top:70px;padding:50px;border-radius:26px;background:#07111F;color:#fff}.avpa-process>h2{color:#fff;font-size:36px}.avpa-process>div{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.avpa-process article{padding:20px;border:1px solid #1E3449;border-radius:16px;background:#0D1B2A}.avpa-process span{color:#06B6D4;font-weight:800}.avpa-process h3{color:#fff;margin-top:18px}.avpa-process p{color:#B8C4D3}.avpa-proof{display:flex;align-items:center;gap:14px;margin-top:60px;padding:26px;border:1px solid #D8E3EE;border-radius:20px}.avpa-proof>div{flex:1}.avpa-proof h2{font-size:30px}.avpa-proof span{display:block;margin-top:8px;color:#64748B}.avpa-proof>a,.avpa-cta>a{padding:12px 17px;border-radius:100px;text-decoration:none!important;font-weight:700;white-space:nowrap}.avpa-proof>a{border:1px solid #D8E3EE;color:#2563EB!important}.avpa-services{margin-top:56px}.avpa-services>h2{font-size:34px}.avpa-services>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.avpa-services a{padding:10px 14px;border-radius:100px;background:#F3F8FC;color:#101828!important;text-decoration:none!important;font-weight:700}.avpa-cta{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:60px;padding:30px;border-radius:22px;background:#F3F8FC}.avpa-cta h2{font-size:34px}.avpa-cta p{margin:8px 0 0;color:#64748B}.avpa-cta>a{background:#2563EB;color:#fff!important}@media(max-width:900px){.avpa-process>div{grid-template-columns:repeat(2,1fr)}.avpa-proof{align-items:flex-start;flex-wrap:wrap}}@media(max-width:620px){.av-partner-authority{padding:52px 20px}.avpa-grid,.avpa-process>div{grid-template-columns:1fr}.avpa-process{padding:30px 22px}.avpa-cta{align-items:flex-start;flex-direction:column}}
/* AVENZO ARTICLE CLUSTER BRIDGE 2026-09-23 */
.av-article-cluster-bridge{margin:40px 0 10px;padding:22px 24px;border:1px solid #D8E3EE;border-radius:18px;background:#F8FBFE;font-family:Urbanist,sans-serif}.av-article-cluster-bridge .avacb-label{margin:0 0 8px;color:#2563EB;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.av-article-cluster-bridge p:not(.avacb-label){margin:0 0 12px;color:#64748B;line-height:1.65}.av-article-cluster-bridge a{color:#2563EB!important;font-weight:750;text-decoration:none!important}
/* AVENZO PARENT HUB AND TOOL LINK STYLES 2026-09-23 */
.av-parent-hub-bridge,.av-tool-related{max-width:1180px;margin:34px auto;padding:22px 24px;border:1px solid #D8E3EE;border-radius:18px;background:#F8FBFE;font-family:Urbanist,sans-serif;display:flex;align-items:center;justify-content:space-between;gap:20px}.av-parent-hub-bridge>div,.av-tool-related>div{display:flex;flex-direction:column;gap:5px}.av-parent-hub-bridge p,.av-tool-related p{margin:0;color:#2563EB;font-size:11px;font-weight:800;letter-spacing:.14em}.av-parent-hub-bridge strong,.av-tool-related strong{color:#101828;font-size:19px}.av-parent-hub-bridge span{color:#64748B;line-height:1.5}.av-parent-hub-bridge>a,.av-tool-related a{color:#2563EB!important;font-weight:750;text-decoration:none!important;white-space:nowrap}.av-tool-related nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.av-tool-related nav a{padding:9px 12px;border-radius:100px;background:#fff;border:1px solid #D8E3EE}@media(max-width:700px){.av-parent-hub-bridge,.av-tool-related{align-items:flex-start;flex-direction:column}.av-tool-related nav{justify-content:flex-start}.av-parent-hub-bridge>a{white-space:normal}}
/* AVENZO STATIC SEO LINKS 2026-09-23 */
.av-static-seo-links{margin:30px auto;max-width:1180px;padding:20px 22px;border:1px solid #D8E3EE;border-radius:16px;background:#F8FBFE;font-family:Urbanist,sans-serif}.avssl-label{margin:0 0 10px;color:#2563EB;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.avssl-links{display:flex;flex-wrap:wrap;gap:10px}.avssl-links a{padding:9px 12px;border-radius:100px;background:#fff;border:1px solid #D8E3EE;color:#101828!important;font-weight:700;text-decoration:none!important}
/* AVENZO ROUTING MODULE STYLES 2026-09-23 */
.av-audit-proof-routing,.av-consult-routing,.av-blog-topic-routing,.av-project-routing{max-width:1180px;margin:60px auto;padding:58px 28px;border-top:1px solid #D8E3EE;font-family:Urbanist,sans-serif}.avapr-head,.avcr-head,.avpr-head{max-width:820px}.avapr-head>p,.avcr-head>p,.av-blog-topic-routing>div>p,.avpr-head>p{margin:0 0 10px;color:#2563EB;font-size:12px;font-weight:800;letter-spacing:.14em}.avapr-head h2,.avcr-head h2,.av-blog-topic-routing h2,.avpr-head h2{margin:0 0 12px;color:#07111F;font-size:clamp(32px,4vw,48px);line-height:1.07;letter-spacing:-.035em}.avapr-head span,.avcr-head span,.avpr-head span{color:#64748B;line-height:1.6}.avapr-links,.avpr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}.avapr-links a,.avpr-grid a{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid #D8E3EE;border-radius:16px;background:#F8FBFE;text-decoration:none!important}.avapr-links strong,.avpr-grid strong{color:#101828;font-size:18px}.avapr-links span,.avpr-grid span{color:#2563EB;font-size:14px}.avapr-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.avapr-cases article{padding:18px;border-radius:16px;background:#07111F}.avapr-cases a{display:flex;flex-direction:column;gap:8px;text-decoration:none!important}.avapr-cases strong{color:#fff}.avapr-cases span{color:#8FD9E6;font-size:13px}.avcr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.avcr-grid article{padding:22px;border:1px solid #D8E3EE;border-radius:16px;background:#F8FBFE}.avcr-grid h3{margin:0 0 8px;color:#101828}.avcr-grid p{margin:0;color:#64748B;line-height:1.6}.avcr-paths,.av-blog-topic-routing nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.avcr-paths a,.av-blog-topic-routing nav a{padding:10px 14px;border:1px solid #D8E3EE;border-radius:100px;color:#101828!important;background:#fff;text-decoration:none!important;font-weight:700}.av-blog-topic-routing{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;align-items:center;background:#F3F8FC;border-top:0;border-radius:24px}.av-blog-topic-routing nav{margin-top:0;justify-content:flex-end}.avpr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:800px){.avapr-links,.avapr-cases,.avcr-grid{grid-template-columns:1fr 1fr}.av-blog-topic-routing{grid-template-columns:1fr}.av-blog-topic-routing nav{justify-content:flex-start}}@media(max-width:600px){.av-audit-proof-routing,.av-consult-routing,.av-blog-topic-routing,.av-project-routing{padding:46px 20px}.avapr-links,.avapr-cases,.avcr-grid,.avpr-grid{grid-template-columns:1fr}}

/* AVENZO CUSTOM SERVICE REFRESH 2026-10-03 */
.av-growth-hub{overflow:hidden}
.av-growth-hub .avgh-hero{padding-top:92px;padding-bottom:76px}
.avgh-hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:54px;align-items:center}
.avgh-hero-copy{min-width:0}
.avgh-hero h1{max-width:720px;font-size:clamp(46px,5.4vw,68px);line-height:1.01;letter-spacing:-.045em}
.avgh-lead{max-width:690px;margin-top:24px;font-size:18px;line-height:1.62}
.avgh-actions{margin-top:28px;gap:10px}
.avgh-primary,.avgh-secondary{min-height:48px;padding:12px 20px}
.avgh-hero-media{margin:0;aspect-ratio:4/3;overflow:hidden;border:1px solid #D8E3EE;border-radius:12px;background:#F3F8FC;box-shadow:0 22px 54px rgba(29,78,216,.10)}
.avgh-hero-media img{display:block;width:100%;height:100%;object-fit:cover}
.avgh-section{padding-top:80px;padding-bottom:80px}
.avgh-heading{margin-bottom:30px}
.avgh-heading h2,.avgh-cta h2{letter-spacing:-.035em}
.avgh-grid article{border-radius:12px}
@media(min-width:901px){
  .avgh-grid-3{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
  .avgh-grid-3>article:nth-child(odd){grid-column:span 7}
  .avgh-grid-3>article:nth-child(even){grid-column:span 5}
  .avgh-grid-3>article:nth-child(3):last-child{grid-column:1/-1}
  .avgh-grid-3>article:nth-child(even){background:#fff}
}
.avgh-dark .avgh-steps article{padding:22px 0;border:0;border-top:1px solid #1E3449;border-radius:0;background:transparent}
.avgh-steps h3{margin-top:0}
.avgh-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:30px;row-gap:10px;text-align:left;border-radius:12px}
.avgh-cta h2,.avgh-cta p{grid-column:1}
.avgh-cta p{margin:0;color:#64748B}
.avgh-cta>a{grid-column:2;grid-row:1/3;align-self:end;white-space:nowrap}
.avgh-faq summary{line-height:1.35}
.avgh-grid article,.avgh-primary,.avgh-secondary,.avgh-cta>a{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
@media(hover:hover){
  .avgh-grid article:hover{transform:translateY(-2px);border-color:#B9CFFF;box-shadow:0 12px 28px rgba(29,78,216,.07)}
}
@media(max-width:900px){
  .avgh-hero-grid{grid-template-columns:1fr;gap:34px}
  .avgh-hero-media{max-width:720px}
}
@media(max-width:640px){
  .av-growth-hub .avgh-hero,.avgh-section,.avgh-cta{padding:58px 18px}
  .avgh-hero h1{font-size:40px;line-height:1.04}
  .avgh-heading h2,.avgh-cta h2{font-size:34px;line-height:1.08}
  .avgh-lead{font-size:17px;line-height:1.58}
  .avgh-actions{display:grid;grid-template-columns:1fr}
  .avgh-primary,.avgh-secondary{width:100%}
  .avgh-hero-media{aspect-ratio:16/10}
  .avgh-cta{grid-template-columns:1fr;margin-top:0;margin-bottom:0}
  .avgh-cta h2,.avgh-cta p,.avgh-cta>a{grid-column:1;grid-row:auto}
  .avgh-cta>a{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
  .avgh-grid article,.avgh-primary,.avgh-secondary,.avgh-cta>a{transition:none!important;transform:none!important}
}