/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 05 2026 | 04:52:05 */
/* =========================================
   Ventari Footer Links
   Privacy Policy + Terms & Conditions
========================================= */
.ventari-footer-legal {
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 9px;

  margin: 8px auto 0;
  text-align: center;

  font-family: "Montserrat", sans-serif;
  font-size: 0.62rem;
  line-height: 1.35;
  font-weight: 500;
}

.ventari-footer-legal a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 24px;
  padding: 5px 9px;

  color: rgba(255, 255, 255, 0.86) !important;
  text-decoration: none !important;

  font-size: 0.62rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0.01em;

  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;

  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;

  transform: translateY(0);

  transition:
    color 0.22s ease,
    font-weight 0.22s ease,
    transform 0.22s ease,
    border-color 0.22s ease,
    background-color 0.22s ease;
}

.ventari-footer-legal a:hover,
.ventari-footer-legal a:focus-visible {
  color: #FDC452 !important;
  text-decoration: none !important;

  border-color: rgba(253, 196, 82, 0.78);
  background: rgba(253, 196, 82, 0.08);

  transform: translateY(-2px);
}

.ventari-footer-legal a:active {
  color: #243A5E !important;
  font-weight: 700;

  border-color: rgba(255, 255, 255, 0.95);
  background: #ffffff;

  text-decoration: none !important;
  transform: translateY(0);
}

/* Current footer page */
.ventari-footer-legal a.is-current-footer-link,
.ventari-footer-legal a[aria-current="page"] {
  color: #243A5E !important;
  font-weight: 700;

  border-color: rgba(255, 255, 255, 0.95);
  background: #ffffff;

  text-decoration: none !important;
  transform: translateY(0);
}

/* Current footer page hover */
.ventari-footer-legal a.is-current-footer-link:hover,
.ventari-footer-legal a.is-current-footer-link:focus-visible,
.ventari-footer-legal a[aria-current="page"]:hover,
.ventari-footer-legal a[aria-current="page"]:focus-visible {
  color: #FDC452 !important;

  border-color: rgba(253, 196, 82, 0.78);
  background: rgba(253, 196, 82, 0.08);

  text-decoration: none !important;
  transform: translateY(-2px);
}

/* Current footer page tap/click */
.ventari-footer-legal a.is-current-footer-link:active,
.ventari-footer-legal a[aria-current="page"]:active {
  color: #243A5E !important;
  font-weight: 700;

  border-color: rgba(255, 255, 255, 0.95);
  background: #ffffff;

  text-decoration: none !important;
  transform: translateY(0);
}

.ventari-footer-legal span {
  color: rgba(255, 255, 255, 0.38);
  font-size: 0.62rem;
  line-height: 1;
}

/* Mobile refinement */
@media (max-width: 767px) {
  .ventari-footer-legal {
    gap: 6px;
    margin-top: 10px;
    padding-inline: 12px;
  }

  .ventari-footer-legal a {
    min-height: 24px;
    padding: 5px 8px;

    font-size: 0.58rem;
    border-radius: 7px;
  }

  .ventari-footer-legal span {
    font-size: 0.58rem;
  }
}

/* =========================================
   VENTARI LEGAL PAGES
   Privacy Policy + Terms & Conditions
========================================= */
.ventari-legal-page {
  position: relative;
  isolation: isolate;

  width: 100%;
  max-width: 100%;
  padding: clamp(68px, 8vw, 118px) 20px;
  overflow: hidden;

  background:
    radial-gradient(
      circle at 14% 8%,
      rgba(224, 237, 249, 0.9) 0%,
      rgba(244, 248, 252, 0.68) 28%,
      rgba(255, 255, 255, 0) 58%
    ),
    radial-gradient(
      circle at 88% 18%,
      rgba(229, 228, 226, 0.76) 0%,
      rgba(247, 250, 253, 0.62) 30%,
      rgba(255, 255, 255, 0) 62%
    ),
    radial-gradient(
      circle at 78% 88%,
      rgba(208, 224, 240, 0.66) 0%,
      rgba(245, 249, 253, 0.54) 34%,
      rgba(255, 255, 255, 0) 66%
    ),
    linear-gradient(
      145deg,
      #ffffff 0%,
      #f7f9fc 38%,
      #eef4fa 100%
    );

  font-family: Montserrat, Arial, sans-serif !important;
}

.ventari-legal-page,
.ventari-legal-page * {
  box-sizing: border-box;
}

.ventari-legal-bg {
  position: absolute;
  inset: 0;
  z-index: -3;
  pointer-events: none;

  background:
    linear-gradient(
      115deg,
      rgba(255, 255, 255, 0.96) 0%,
      rgba(230, 240, 250, 0.42) 28%,
      rgba(229, 228, 226, 0.34) 52%,
      rgba(255, 255, 255, 0.88) 100%
    );
}

.ventari-legal-page::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;

  background:
    linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.98) 0%,
      rgba(255, 255, 255, 0) 14%,
      rgba(255, 255, 255, 0) 84%,
      rgba(255, 255, 255, 0.98) 100%
    ),
    linear-gradient(
      to right,
      rgba(255, 255, 255, 0.94) 0%,
      rgba(255, 255, 255, 0) 16%,
      rgba(255, 255, 255, 0) 84%,
      rgba(255, 255, 255, 0.94) 100%
    );
}

.ventari-legal-page::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;

  opacity: 0.36;

  background-image:
    linear-gradient(rgba(36, 58, 94, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(36, 58, 94, 0.045) 1px, transparent 1px);

  background-size: 42px 42px;

  mask-image:
    radial-gradient(
      circle at 50% 36%,
      rgba(0, 0, 0, 0.9),
      rgba(0, 0, 0, 0) 70%
    );
  -webkit-mask-image:
    radial-gradient(
      circle at 50% 36%,
      rgba(0, 0, 0, 0.9),
      rgba(0, 0, 0, 0) 70%
    );
}

.ventari-legal-shell {
  width: min(100%, 1080px);
  max-width: 1080px;
  margin: 0 auto;
}

/* Mobile and tablet only: remove the background behind the legal card */
@media (max-width: 1279px) {
  .ventari-legal-page {
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
  }

  .ventari-legal-bg,
  .ventari-legal-page::before,
  .ventari-legal-page::after {
    display: none !important;
    content: none !important;
    background: none !important;
  }

  .ventari-legal-card,
  .ventari-legal-content,
  .ventari-legal-panel,
  .ventari-legal-shell > div {
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

/* =========================================
   HERO
========================================= */
.ventari-legal-hero {
  position: relative;

  width: 100%;
  max-width: 920px;
  margin: 0 auto clamp(28px, 4vw, 46px);
  padding: clamp(30px, 5vw, 58px);

  text-align: center;
  border-radius: 30px;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.8),
      rgba(235, 244, 252, 0.58)
    );

  border: 1px solid rgba(255, 255, 255, 0.86);

  box-shadow:
    24px 28px 54px rgba(36, 58, 94, 0.13),
    -18px -18px 42px rgba(255, 255, 255, 0.92),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 -18px 42px rgba(216, 230, 244, 0.22);

  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  overflow: hidden;
}

.ventari-legal-hero::before {
  content: "";
  position: absolute;
  top: -56%;
  left: -18%;
  width: 62%;
  height: 116%;
  transform: rotate(18deg);

  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.62),
      rgba(255, 255, 255, 0)
    );

  opacity: 0.68;
  pointer-events: none;
}

/* Eyebrow */
.ventari-legal-eyebrow,
.ventari-legal-hero .ventari-legal-eyebrow {
  position: relative;
  z-index: 1;

  display: block;
  width: 100%;

  margin: 0 0 12px !important;

  color: #d89b2b !important;

  font-family: Montserrat, Arial, sans-serif !important;
  font-style: normal !important;
  font-size: clamp(0.7rem, 0.62vw, 0.8rem) !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
}

/* Privacy Policy / Terms & Conditions title */
.ventari-legal-page .ventari-legal-hero h1,
.ventari-legal-page header.ventari-legal-hero h1,
.ventari-legal-hero h1 {
  position: relative;
  z-index: 1;

  display: block;
  width: 100%;
  margin: 0 auto 14px !important;
  color: #243a5e !important;

  font-family: "Playfair Display", Georgia, serif !important;
  font-style: normal !important;
  font-size: clamp(2.95rem, 3.4vw, 3.95rem) !important;
  line-height: 1.04 !important;
  font-weight: 600 !important;
  letter-spacing: -0.055em !important;
  text-transform: none !important;
}

.ventari-legal-hero p {
  position: relative;
  z-index: 1;

  display: block;
  width: 100%;
  max-width: 760px;

  margin: 0 auto !important;
  color: rgba(27, 47, 74, 0.74);

  font-family: Montserrat, Arial, sans-serif;
  font-size: clamp(0.96rem, 1.18vw, 1.12rem);
  line-height: 1.7;
  font-weight: 450;
}

/* Last updated rectangle */
.ventari-legal-meta {
  position: relative;
  z-index: 1;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: auto;
  max-width: max-content;

  margin-top: 22px;
  padding: 10px 15px;
  border-radius: 9px;
  color: rgba(36, 58, 94, 0.76);

  font-family: Montserrat, Arial, sans-serif;
  font-size: 0.76rem;
  line-height: 1;
  font-weight: 750;
  letter-spacing: 0.02em;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.82),
      rgba(231, 241, 250, 0.62)
    );

  border: 1px solid rgba(216, 155, 43, 0.62);

  box-shadow:
    8px 10px 20px rgba(36, 58, 94, 0.09),
    -7px -7px 16px rgba(255, 255, 255, 0.82),
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 0 0 4px rgba(216, 155, 43, 0.07);
}

/* =========================================
   MAIN CARD
========================================= */
.ventari-legal-card {
  position: relative;

  width: 100%;
  max-width: 100%;

  margin: 0 auto;
  padding: 1px;

  border-radius: 32px;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.98),
      rgba(206, 222, 239, 0.74),
      rgba(255, 255, 255, 0.82)
    );

  box-shadow:
    28px 34px 68px rgba(36, 58, 94, 0.14),
    -18px -18px 46px rgba(255, 255, 255, 0.92),
    inset 0 1px 0 rgba(255, 255, 255, 0.94);

  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}

.ventari-legal-content {
  position: relative;

  display: block;

  width: 100%;
  max-width: 100%;

  margin: 0;
  padding: clamp(28px, 5vw, 64px);

  border-radius: 31px;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.88),
      rgba(239, 246, 253, 0.72)
    );

  border: 1px solid rgba(255, 255, 255, 0.84);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 -22px 44px rgba(222, 235, 247, 0.28);
  overflow: hidden;
}

.ventari-legal-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 5px;

  background:
    linear-gradient(
      90deg,
      rgba(36, 58, 94, 0.12),
      rgba(216, 155, 43, 0.72),
      rgba(36, 58, 94, 0.12)
    );
}

/* =========================================
   SIMPLE WIDTH SAFETY
========================================= */
.ventari-legal-content section,
.ventari-legal-content h2,
.ventari-legal-content p,
.ventari-legal-content ul,
.ventari-legal-contact-card {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.ventari-legal-content section {
  display: block;
}

.ventari-legal-content h2,
.ventari-legal-content p,
.ventari-legal-content ul,
.ventari-legal-content li {
  text-align: left;
}

/* =========================================
   CONTENT TYPOGRAPHY
========================================= */
.ventari-legal-content section {
  position: relative;

  padding: clamp(22px, 3vw, 34px) 0;

  border-bottom: 1px solid rgba(36, 58, 94, 0.09);
}

.ventari-legal-content section:first-child {
  padding-top: 0;
}

.ventari-legal-content section:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.ventari-legal-content h2 {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  color: #243a5e !important;

  font-family: Montserrat, Arial, sans-serif !important;
  font-size: clamp(1.25rem, 2vw, 1.72rem) !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
  letter-spacing: -0.036em !important;
}

.ventari-legal-content p {
  margin-top: 0 !important;
  margin-bottom: 14px !important;

  color: rgba(27, 47, 74, 0.78) !important;

  font-family: Montserrat, Arial, sans-serif !important;
  font-size: clamp(0.94rem, 1vw, 1.02rem) !important;
  line-height: 1.76 !important;
  font-weight: 430 !important;
}

.ventari-legal-content p:last-child {
  margin-bottom: 0 !important;
}

.ventari-legal-content strong {
  color: #243a5e;
  font-weight: 800;
}

.ventari-legal-content ul {
  display: grid !important;
  gap: 9px;

  margin-top: 16px !important;
  margin-bottom: 18px !important;
  padding-left: 0 !important;

  list-style: none !important;
}

.ventari-legal-content li {
  position: relative;
  padding-left: 24px;
  color: rgba(27, 47, 74, 0.78) !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: clamp(0.92rem, 1vw, 1rem) !important;
  line-height: 1.62 !important;
  font-weight: 430 !important;
}

.ventari-legal-content li::before {
  content: "";
  position: absolute;
  top: 0.72em;
  left: 2px;
  width: 8px;
  height: 8px;
  border-radius: 999px;

  background:
    linear-gradient(
      135deg,
      #d89b2b,
      #f1c66a
    );

  box-shadow:
    0 0 0 4px rgba(216, 155, 43, 0.12),
    0 4px 9px rgba(216, 155, 43, 0.18);
}

/* =========================================
   LINKS
========================================= */
.ventari-legal-content a {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: auto;
  max-width: max-content;
  color: #243a5e;
  font-weight: 750;
  text-decoration: none;
  border-radius: 8px;

  transition:
    color 190ms ease,
    transform 190ms ease,
    background 190ms ease,
    box-shadow 190ms ease,
    font-weight 190ms ease;
}

.ventari-legal-content a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 2px;
  border-radius: 999px;

  background:
    linear-gradient(
      90deg,
      rgba(216, 155, 43, 0.96),
      rgba(241, 198, 106, 0.8)
    );

  transform: scaleX(0.34);
  transform-origin: left;
  transition:
    transform 190ms ease,
    opacity 190ms ease,
    background 190ms ease;
}

.ventari-legal-content a:hover {
  color: #d89b2b;
  font-weight: 500;
  transform: translateY(-1px);
}

.ventari-legal-content a:hover::after {
  transform: scaleX(1);
}

.ventari-legal-content a:active {
  color: #aeb8c4;
  font-weight: 850;
  transform: translateY(1px) scale(0.99);
}

.ventari-legal-content a:active::after {
  background:
    linear-gradient(
      90deg,
      rgba(174, 184, 196, 0.96),
      rgba(229, 228, 226, 0.92)
    );


  transform: scaleX(1);
}

.ventari-legal-content a:focus-visible {
  outline: none;
  color: #243a5e;
  background: rgba(216, 155, 43, 0.1);

  box-shadow:
    0 0 0 4px rgba(216, 155, 43, 0.18);
}

/* =========================================
   CONTACT CARD
========================================= */
.ventari-legal-contact-card {
  margin-top: 20px !important;
  padding: clamp(18px, 3vw, 26px);
  border-radius: 22px;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.82),
      rgba(232, 241, 250, 0.62)
    );

  border: 1px solid rgba(255, 255, 255, 0.84);

  box-shadow:
    14px 18px 34px rgba(36, 58, 94, 0.11),
    -10px -10px 24px rgba(255, 255, 255, 0.9),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.ventari-legal-contact-card p {
  margin: 0 0 8px !important;
}

.ventari-legal-contact-card p:last-child {
  margin-bottom: 0 !important;
}

/* =========================================
   RESPONSIVE
========================================= */
@media (max-width: 860px) {
  .ventari-legal-page {
    padding: 54px 16px;
  }

  .ventari-legal-shell {
    width: 100%;
    max-width: 100%;
  }

  .ventari-legal-hero {
    border-radius: 26px;
    padding: 32px 24px;
  }

  .ventari-legal-hero h1,
  .ventari-legal-page .ventari-legal-hero h1,
  .ventari-legal-page header.ventari-legal-hero h1 {
    font-family: "Playfair Display", Georgia, serif !important;
    font-size: clamp(1.75rem, 6vw, 2.65rem) !important;
  }

  .ventari-legal-card {
    border-radius: 28px;
  }

  .ventari-legal-content {
    border-radius: 27px;
    padding: 34px 24px;
  }

  .ventari-legal-content section {
    padding: 26px 0;
  }
}

@media (max-width: 560px) {
  .ventari-legal-page {
    padding: 42px 14px;
  }

  .ventari-legal-shell {
    width: 100%;
    max-width: 100%;
  }

  .ventari-legal-hero {
    width: 100%;
    max-width: 100%;
    padding: 28px 18px;
    border-radius: 24px;
  }

  .ventari-legal-eyebrow,
  .ventari-legal-hero .ventari-legal-eyebrow {
    font-size: 0.52rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.2em !important;
  }

  .ventari-legal-hero h1,
  .ventari-legal-page .ventari-legal-hero h1,
  .ventari-legal-page header.ventari-legal-hero h1 {
    font-family: "Playfair Display", Georgia, serif !important;
    font-style: normal !important;
    font-size: clamp(1.65rem, 8vw, 2.25rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.052em !important;
  }

  .ventari-legal-hero p {
    font-size: 0.94rem;
    line-height: 1.64;
  }

  .ventari-legal-meta {
    font-size: 0.72rem;
    padding: 9px 12px;
    border-radius: 8px;
    border-color: rgba(216, 155, 43, 0.62);
  }

  .ventari-legal-card {
    border-radius: 24px;
  }

  .ventari-legal-content {
    padding: 28px 18px;
    border-radius: 23px;
  }

  .ventari-legal-content h2 {
    font-family: Montserrat, Arial, sans-serif !important;
    font-size: clamp(1.18rem, 5.8vw, 1.45rem) !important;
  }

  .ventari-legal-content p,
  .ventari-legal-content li {
    font-size: 0.91rem !important;
    line-height: 1.68 !important;
  }

  .ventari-legal-content li {
    padding-left: 22px;
  }

  .ventari-legal-content li::before {
    width: 7px;
    height: 7px;
  }

  .ventari-legal-contact-card {
    border-radius: 18px;
    padding: 18px;
  }
}

/* =========================================
   Background of Contact Info Section
========================================= */
.ventari-contact-info-section {
  background:
    radial-gradient(circle at 18% 14%, rgba(218, 230, 242, 0.72), transparent 34%),
    radial-gradient(circle at 82% 28%, rgba(232, 239, 246, 0.72), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f5f7fa 48%, #ffffff 100%);
}

/* =========================================
   PAGE-WIDE OVERFLOW FIX
========================================= */
html,
body {
  overflow-x: hidden;
}

/* =========================================
   VENTARI CONTACT FAQ OUTER SECTION
   Full-width background container
========================================= */
.ventari-contact-faq-section {
  position: relative;
  isolation: isolate;

  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

  padding: clamp(64px, 8vw, 110px) 20px;
  overflow: hidden;
  box-sizing: border-box;

  background:
    radial-gradient(circle at 16% 10%, rgba(218, 230, 242, 0.46) 0%, rgba(218, 230, 242, 0.2) 28%, rgba(218, 230, 242, 0) 60%),
    radial-gradient(circle at 84% 24%, rgba(232, 239, 246, 0.46) 0%, rgba(232, 239, 246, 0.18) 30%, rgba(232, 239, 246, 0) 64%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 44%, #f7f9fb 64%, #ffffff 100%);
}

/* Soft grain overlay to reduce visible gradient banding */
.ventari-contact-faq-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.18'/%3E%3C/svg%3E");
  background-size: 180px 180px;
  mix-blend-mode: soft-light;
  opacity: 0.28;
}

.ventari-contact-faq-section,
.ventari-contact-faq-section *,
.ventari-contact-faq-section *::before,
.ventari-contact-faq-section *::after {
  box-sizing: border-box;
}

/* =========================================
   VENTARI FAQ CARD
   Controlled desktop width
========================================= */
.ventari-faq-section {
  position: relative;
  z-index: 1;
  isolation: isolate;

  width: min(1160px, calc(100vw - 40px));
  max-width: 1160px;
  margin-inline: auto;

  padding: clamp(30px, 3.5vw, 42px);
  border-radius: 28px;

  overflow: hidden;

  background:
    radial-gradient(circle at 20% 86%, rgba(167, 198, 224, 0.18) 0%, rgba(167, 198, 224, 0.08) 28%, rgba(167, 198, 224, 0) 56%),
    radial-gradient(circle at 58% 12%, rgba(255, 255, 255, 0.78) 0%, rgba(255, 255, 255, 0.34) 42%, rgba(255, 255, 255, 0) 72%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.84), rgba(232, 240, 247, 0.48));

  border: 1px solid rgba(255, 255, 255, 0.92);

  box-shadow:
    0 24px 80px rgba(36, 58, 94, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  transform: translateZ(0);
  backface-visibility: hidden;
}

/* Clean atmospheric wash — no vertical banding */
.ventari-faq-section::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 1;
  pointer-events: none;

  background:
    radial-gradient(ellipse at 18% 72%, rgba(255, 255, 255, 0.34) 0%, rgba(255, 255, 255, 0.16) 36%, rgba(255, 255, 255, 0) 72%),
    radial-gradient(ellipse at 74% 18%, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.08) 42%, rgba(255, 255, 255, 0) 76%);

  opacity: 0.5;
}

/* =========================================
   FROSTED MOUNTAIN BACKGROUND
   Shows only when FAQ uses 2-column layout

   FIXED:
   - Image layer extends wider than visible area
   - Right edge is softly feathered
   - No hard mask edge
   - No vertical overlay band
========================================= */
.ventari-faq-mountain-bg {
  position: absolute;
  z-index: 0;
  pointer-events: none;

  left: -9%;
  bottom: -5%;

  width: 76%;
  height: 66%;

  opacity: 0.82;
  overflow: visible;

  transform: translateZ(0);
  backface-visibility: hidden;

  -webkit-mask-image:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 1) 52%,
      rgba(0, 0, 0, 0.82) 68%,
      rgba(0, 0, 0, 0.48) 82%,
      rgba(0, 0, 0, 0.16) 94%,
      rgba(0, 0, 0, 0) 100%
    ),
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.28) 12%,
      rgba(0, 0, 0, 0.88) 34%,
      rgba(0, 0, 0, 1) 100%
    );

  mask-image:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 1) 52%,
      rgba(0, 0, 0, 0.82) 68%,
      rgba(0, 0, 0, 0.48) 82%,
      rgba(0, 0, 0, 0.16) 94%,
      rgba(0, 0, 0, 0) 100%
    ),
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.28) 12%,
      rgba(0, 0, 0, 0.88) 34%,
      rgba(0, 0, 0, 1) 100%
    );

  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}

.ventari-faq-mountain-bg::before {
  content: "";
  position: absolute;
  inset: -10px -42px -8px -10px;
  z-index: 1;
  pointer-events: none;

  background:
    radial-gradient(circle at 28% 36%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.18) 32%, rgba(255, 255, 255, 0) 64%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.54) 0%, rgba(255, 255, 255, 0.28) 18%, rgba(255, 255, 255, 0.08) 42%, rgba(255, 255, 255, 0) 68%);

  mix-blend-mode: screen;
  opacity: 0.38;
}

/* Extra feather, pushed past the right edge so it does not create a visible line */
.ventari-faq-mountain-bg::after {
  content: "";
  position: absolute;
  top: -12%;
  right: -22%;
  bottom: -10%;
  width: 52%;
  z-index: 2;
  pointer-events: none;

  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.18) 26%,
      rgba(255, 255, 255, 0.46) 58%,
      rgba(255, 255, 255, 0.72) 100%
    );

  opacity: 0.74;
}

.ventari-faq-mountain-bg img {
  width: 112%;
  height: 108%;
  display: block;

  margin: -4px 0 0 -4px;

  object-fit: cover;
  object-position: left bottom;

  filter:
    saturate(0.94)
    contrast(0.98)
    brightness(1.04);

  transform: translateZ(0) scale(1.012);
  backface-visibility: hidden;
}

/* =========================================
   FAQ LAYOUT
========================================= */
.ventari-faq-wrap {
  position: relative;
  z-index: 2;

  width: 100%;
  max-width: 100%;
  margin: 0 auto;

  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  gap: clamp(28px, 4.5vw, 60px);
  align-items: start;
}

.ventari-faq-intro {
  position: sticky;
  z-index: 3;
  top: 110px;
  min-width: 0;
  overflow: hidden;

  padding: clamp(24px, 3vw, 34px);
  border-radius: 18px;

  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(238, 244, 249, 0.52));

  border: 1px solid rgba(255, 255, 255, 0.84);

  box-shadow:
    0 14px 36px rgba(36, 58, 94, 0.055),
    inset 0 1px 0 rgba(255, 255, 255, 0.94);

  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);

  transform: translateZ(0);
  backface-visibility: hidden;
}

/* Soft single glow only — no right-side white line effect */
.ventari-faq-intro::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;

  background:
    radial-gradient(
      circle at 16% 12%,
      rgba(255, 255, 255, 0.42) 0%,
      rgba(255, 255, 255, 0.18) 34%,
      rgba(255, 255, 255, 0) 66%
    );

  opacity: 0.72;
}

.ventari-faq-intro::after {
  display: none;
}

.ventari-faq-eyebrow {
  position: relative;
  z-index: 1;

  margin: 0 0 8px;
  font-family: Montserrat, sans-serif;
  font-size: 0.72rem;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #d89b2b;
}

.ventari-faq-title {
  position: relative;
  z-index: 1;

  max-width: 760px;
  margin: 0;

  font-family: Montserrat, sans-serif;
  font-size: clamp(1.5rem, 1.9vw, 1.72rem);
  line-height: 1.16;
  font-weight: 700;
  letter-spacing: -0.018em;

  color: #243a5e;
}

.ventari-faq-copy {
  position: relative;
  z-index: 1;

  display: block;
  max-width: 720px;
  margin: 10px 0 0;

  font-family: Montserrat, sans-serif;
  font-size: clamp(0.92rem, 1.05vw, 1.05rem);
  line-height: 1.56;
  font-weight: 500;
  color: rgba(27, 47, 74, 0.74);
}

/* =========================================
   FAQ ITEMS
========================================= */
.ventari-faq-list {
  display: grid;
  gap: 13px;

  min-width: 0;
  max-width: 100%;
}

.ventari-faq-item {
  position: relative;
  overflow: hidden;

  min-width: 0;
  max-width: 100%;
  border-radius: 16px;

  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(232, 241, 249, 0.58));

  border: 1px solid rgba(255, 255, 255, 0.96);

  box-shadow:
    0 16px 34px rgba(36, 58, 94, 0.075),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  transition:
    transform 220ms ease,
    border-color 280ms ease,
    box-shadow 220ms ease,
    background 280ms ease;

  transform: translateZ(0);
  backface-visibility: hidden;
}

.ventari-faq-item::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent 42%),
    radial-gradient(circle at 12% 0%, rgba(167, 198, 224, 0.18), transparent 36%);

  opacity: 0;
  transition: opacity 280ms ease;
}

.ventari-faq-item:hover {
  transform: translateY(-3px);
  border-color: rgba(167, 198, 224, 0.72);

  box-shadow:
    0 22px 44px rgba(36, 58, 94, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 1);
}

.ventari-faq-item:active {
  transform: translateY(1px) scale(0.995);
  box-shadow: none;
}

.ventari-faq-item:hover::before,
.ventari-faq-item[open]::before {
  opacity: 1;
}

/* =========================================
   OPEN STATE: PREVIOUSLY CLICKED ITEMS
========================================= */
.ventari-faq-item[open] {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(222, 237, 249, 0.72)),
    radial-gradient(circle at 14% 0%, rgba(167, 198, 224, 0.28), transparent 42%);
  border: 1px solid rgba(167, 198, 224, 0.68);

  box-shadow:
    0 18px 38px rgba(36, 58, 94, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.ventari-faq-item[open]:active {
  transform: translateY(1px) scale(0.995);
  box-shadow: none;
}

/* =========================================
   MOST RECENTLY CLICKED / FOCUSED OPEN ITEM
========================================= */
.ventari-faq-item[open]:focus-within {
  background:
    linear-gradient(135deg, rgba(36, 58, 94, 0.98), rgba(25, 43, 72, 0.96));

  border: 1px solid rgba(229, 228, 226, 0.92);

  box-shadow:
    0 22px 48px rgba(36, 58, 94, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

/* First open FAQ loads as the latest clicked card */
.ventari-faq-list .ventari-faq-item[open]:first-of-type {
  background:
    linear-gradient(135deg, rgba(36, 58, 94, 0.98), rgba(25, 43, 72, 0.96));

  border: 1px solid rgba(229, 228, 226, 0.92);

  box-shadow:
    0 22px 48px rgba(36, 58, 94, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

/* Once another FAQ is focused/clicked, the first one falls back */
.ventari-faq-list:has(.ventari-faq-item[open]:focus-within)
  .ventari-faq-item[open]:first-of-type:not(:focus-within) {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(222, 237, 249, 0.72)),
    radial-gradient(circle at 14% 0%, rgba(167, 198, 224, 0.28), transparent 42%);

  border: 1px solid rgba(167, 198, 224, 0.68);

  box-shadow:
    0 18px 38px rgba(36, 58, 94, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
}

/* =========================================
   FAQ SUMMARY
========================================= */
.ventari-faq-item summary {
  position: relative;
  z-index: 1;

  list-style: none;
  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;

  width: 100%;
  max-width: 100%;
  min-width: 0;

  padding: clamp(18px, 2.2vw, 24px) clamp(18px, 2.5vw, 28px);

  font-family: Montserrat, sans-serif;
  font-size: clamp(0.94rem, 1.1vw, 1.05rem);
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: -0.025em;

  color: #243a5e;
}

.ventari-faq-item summary::-webkit-details-marker {
  display: none;
}

.ventari-faq-item summary span:first-child {
  min-width: 0;
}

.ventari-faq-item[open] summary {
  color: #d89b2b;
  font-weight: 600;
}

.ventari-faq-item[open]:focus-within summary {
  color: #ffffff;
  font-weight: 700;
}

.ventari-faq-list .ventari-faq-item[open]:first-of-type summary {
  color: #ffffff;
  font-weight: 700;
}

.ventari-faq-list:has(.ventari-faq-item[open]:focus-within)
  .ventari-faq-item[open]:first-of-type:not(:focus-within) summary {
  color: #d89b2b;
  font-weight: 600;
}

/* =========================================
   FAQ ICON
========================================= */
.ventari-faq-icon {
  flex: 0 0 auto;

  width: 28px;
  height: 28px;
  border-radius: 9px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: #d89b2b;

  border: 1px solid rgba(255, 255, 255, 0.48);
  color: #ffffff;

  font-size: 1.05rem;
  line-height: 1;
  font-weight: 600;

  box-shadow:
    0 8px 18px rgba(36, 58, 94, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.28);

  transition:
    transform 260ms ease,
    background 260ms ease,
    color 260ms ease,
    border-color 260ms ease,
    box-shadow 260ms ease;
}

.ventari-faq-item:hover .ventari-faq-icon {
  transform: translateY(-1px);

  background: #d89b2b;
  color: #ffffff;

  border-color: rgba(255, 255, 255, 0.62);
}

.ventari-faq-item:active .ventari-faq-icon {
  transform: translateY(0) scale(0.96);
}

.ventari-faq-item[open] .ventari-faq-icon {
  transform: rotate(45deg);

  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(220, 236, 248, 0.72));

  color: #243a5e;
  border-color: rgba(167, 198, 224, 0.72);

  box-shadow:
    0 8px 18px rgba(36, 58, 94, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.ventari-faq-item[open]:focus-within .ventari-faq-icon {
  transform: rotate(45deg);

  background: #d89b2b;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.58);

  box-shadow:
    0 10px 22px rgba(216, 155, 43, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.34);
}

.ventari-faq-list .ventari-faq-item[open]:first-of-type .ventari-faq-icon {
  transform: rotate(45deg);

  background: #d89b2b;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.58);

  box-shadow:
    0 10px 22px rgba(216, 155, 43, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.34);
}

.ventari-faq-list:has(.ventari-faq-item[open]:focus-within)
  .ventari-faq-item[open]:first-of-type:not(:focus-within) 
  .ventari-faq-icon {
  transform: rotate(45deg);

  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(220, 236, 248, 0.72));

  color: #243a5e;
  border-color: rgba(167, 198, 224, 0.72);

  box-shadow:
    0 8px 18px rgba(36, 58, 94, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.ventari-faq-item[open]:active .ventari-faq-icon {
  transform: rotate(45deg) scale(0.96);
}

/* =========================================
   FAQ ANSWER
========================================= */
.ventari-faq-answer {
  position: relative;
  z-index: 1;

  max-width: 100%;
  padding: 0 clamp(18px, 2.5vw, 28px) clamp(20px, 2.4vw, 28px);
}

.ventari-faq-answer p {
  margin: 0;
  padding-top: 2px;

  font-family: Montserrat, sans-serif;
  font-size: clamp(0.92rem, 1.05vw, 1.05rem);
  line-height: 1.56;
  font-weight: 500;

  color: rgba(36, 58, 94, 0.76);
}

.ventari-faq-item[open] .ventari-faq-answer {
  margin-inline: clamp(18px, 2.5vw, 28px);
  padding: clamp(16px, 2vw, 20px) 0 clamp(20px, 2.4vw, 28px);

  border-top: 1px solid rgba(167, 198, 224, 0.52);
}

.ventari-faq-item[open] .ventari-faq-answer p {
  color: rgba(36, 58, 94, 0.76);
}

.ventari-faq-item[open]:focus-within .ventari-faq-answer p {
  color: rgba(255, 255, 255, 0.84);
}

.ventari-faq-list .ventari-faq-item[open]:first-of-type .ventari-faq-answer p {
  color: rgba(255, 255, 255, 0.84);
}

.ventari-faq-list:has(.ventari-faq-item[open]:focus-within)
  .ventari-faq-item[open]:first-of-type:not(:focus-within) 
  .ventari-faq-answer p {
  color: rgba(36, 58, 94, 0.76);
}

.ventari-faq-item[open]:focus-within .ventari-faq-answer {
  border-top: 1px solid rgba(216, 155, 43, 0.96);
}

.ventari-faq-list .ventari-faq-item[open]:first-of-type .ventari-faq-answer {
  border-top: 1px solid rgba(216, 155, 43, 0.96);
}

.ventari-faq-list:has(.ventari-faq-item[open]:focus-within)
  .ventari-faq-item[open]:first-of-type:not(:focus-within) 
  .ventari-faq-answer {
  border-top: 1px solid rgba(167, 198, 224, 0.52);
}

/* =========================================
   RESPONSIVE
========================================= */
@media (max-width: 1024px) {
  .ventari-contact-faq-section {
    padding: clamp(56px, 8vw, 88px) 18px;
  }

  .ventari-faq-section {
    width: min(980px, calc(100vw - 36px));
    max-width: 980px;
    padding: clamp(26px, 4vw, 38px);
    border-radius: 24px;
  }

  .ventari-faq-section::before {
    opacity: 0;
  }

  .ventari-faq-mountain-bg {
    display: none;
  }

  .ventari-faq-wrap {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .ventari-faq-intro {
    position: relative;
    top: auto;
    text-align: center;
  }

  .ventari-faq-intro::before {
    opacity: 0.62;
  }

  .ventari-faq-copy {
    margin-inline: auto;
  }
}

@media (max-width: 640px) {
  .ventari-contact-faq-section {
    padding: 46px 14px;
  }

  .ventari-faq-section {
    width: min(100%, calc(100vw - 28px));
    max-width: none;
    padding: 18px;
    border-radius: 20px;
  }

  .ventari-faq-intro {
    padding: 22px 18px;
    border-radius: 16px;
  }

  .ventari-faq-eyebrow {
    font-size: 0.67rem;
    letter-spacing: 0.16em;
  }

  .ventari-faq-title {
    font-size: clamp(1rem, 4.6vw, 1.22rem);
    line-height: 1.2;
    letter-spacing: -0.018em;
  }

  .ventari-faq-copy {
    font-size: 0.84rem;
    line-height: 1.48;
  }

  .ventari-faq-list {
    gap: 10px;
  }

  .ventari-faq-item {
    border-radius: 14px;
  }

  .ventari-faq-item:hover {
    transform: none;
  }

  .ventari-faq-item:active {
    transform: translateY(1px) scale(0.995);
    box-shadow: none;
  }

  .ventari-faq-item summary {
    padding: 17px 16px;
    font-size: 0.88rem;
    gap: 12px;
  }

  .ventari-faq-icon {
    width: 25px;
    height: 25px;
    border-radius: 8px;
    font-size: 0.98rem;
  }

  .ventari-faq-answer {
    padding: 0 16px 18px;
  }

  .ventari-faq-answer p {
    font-size: 0.84rem;
    line-height: 1.48;
  }

  .ventari-faq-item[open] .ventari-faq-answer {
    margin-inline: 16px;
    padding: 15px 0 18px;
  }
}

/* =========================================================
   Ventari Homepage Insights Cards
   For WordPress Latest Posts block
   Wrapper class: ventari-home-insights


   IMPORTANT:
   - Add class "ventari-home-insights" to the Group block
     that wraps ONLY the Latest Posts block.
   - The Read Insight button is created with the JS snippet.
   - In the JS, button text should be "Read Insight" only.
     Do NOT include an arrow in the JS. This CSS adds one arrow.
   - The category label is created with the JS snippet using
     class "ventari-post-category-label".
========================================================= */
.ventari-home-insights {
  --ventari-navy: #243A5E;
  --ventari-navy-deep: #1B2F4A;
  --ventari-platinum: #E5E4E2;
  --ventari-amber: #D89B2B;
  --ventari-white: #ffffff;
  --ventari-frost-blue: rgba(206, 222, 238, 0.72);
  --ventari-frost-blue-border: rgba(206, 222, 238, 0.92);
  --ventari-frost-white-border: rgba(255, 255, 255, 0.92);
  --ventari-frost-amber-border: rgba(216, 155, 43, 0.46);

  background: transparent !important;
}

/* Remove decorative background pieces from older versions */
.ventari-home-insights::before,
.ventari-home-insights::after {
  display: none !important;
  content: none !important;
}

/* =========================================================
   Latest Posts Grid
========================================================= */
.ventari-home-insights .wp-block-latest-posts {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(24px, 2.6vw, 36px) !important;

  width: 100%;
  max-width: 1180px;
  margin: clamp(34px, 4vw, 56px) auto 0 !important;
  padding: 0 !important;

  list-style: none !important;
  background: transparent !important;
}

/* =========================================================
   Card
========================================================= */
.ventari-home-insights .wp-block-latest-posts > li {
  position: relative !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;

  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: clamp(18px, 1.6vw, 22px) !important;

  overflow: visible !important;

  border-radius: 18px !important;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.92),
      rgba(229, 228, 226, 0.48)
    ) !important;

  border: 1px solid var(--ventari-frost-white-border) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 20px 50px rgba(27, 47, 74, 0.1),
    0 6px 18px rgba(27, 47, 74, 0.07) !important;

  backdrop-filter: blur(18px) saturate(135%);
  -webkit-backdrop-filter: blur(18px) saturate(135%);

  cursor: default !important;
  transform: translateY(0) !important;
  scale: 1 !important;

  transition:
    transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.28s ease,
    box-shadow 0.34s ease,
    background 0.28s ease,
    color 0.28s ease !important;
}

/* Hover: dark blue card, amber border, white copy */
.ventari-home-insights .wp-block-latest-posts > li:hover,
.ventari-home-insights .wp-block-latest-posts > li:focus-within {
  height: auto !important;
  min-height: 0 !important;

  padding: clamp(18px, 1.6vw, 22px) !important;

  cursor: default !important;
  transform: translateY(-5px) !important;
  scale: 1 !important;

  background:
    linear-gradient(
      145deg,
      var(--ventari-navy),
      var(--ventari-navy-deep)
    ) !important;

  border-color: var(--ventari-amber) !important;

  color: var(--ventari-white) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 28px 58px rgba(27, 47, 74, 0.13),
    0 10px 24px rgba(27, 47, 74, 0.075) !important;
}

/* Make all card text white on hover */
.ventari-home-insights .wp-block-latest-posts > li:hover *,
.ventari-home-insights .wp-block-latest-posts > li:focus-within * {
  color: var(--ventari-white) !important;
}

/* Category on hover: amber background, white text, white bullet */
.ventari-home-insights .wp-block-latest-posts > li:hover .ventari-post-category-label,
.ventari-home-insights .wp-block-latest-posts > li:focus-within .ventari-post-category-label {
  background: var(--ventari-amber) !important;
  border-color: var(--ventari-amber) !important;
  color: var(--ventari-white) !important;
}

.ventari-home-insights .wp-block-latest-posts > li:hover .ventari-post-category-label::before,
.ventari-home-insights .wp-block-latest-posts > li:focus-within .ventari-post-category-label::before {
  background: var(--ventari-white) !important;
}

/* Button on card hover: amber border around Read Insight */
.ventari-home-insights .wp-block-latest-posts > li:hover .ventari-insight-button,
.ventari-home-insights .wp-block-latest-posts > li:focus-within .ventari-insight-button {
  border: 1px solid var(--ventari-amber) !important;
  border-color: var(--ventari-amber) !important;
}

/* Active/click: soft drop, white card, dark blue copy, frosted light blue border */
.ventari-home-insights .wp-block-latest-posts > li:active {
  transform: translateY(2px) !important;
  scale: 1 !important;

  background: var(--ventari-white) !important;

  border-color: var(--ventari-frost-blue-border) !important;

  color: var(--ventari-navy) !important;

  box-shadow: none !important;

  transition:
    transform 0.18s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease,
    color 0.18s ease !important;
}

/* Make all card text dark blue on active */
.ventari-home-insights .wp-block-latest-posts > li:active *,
.ventari-home-insights .wp-block-latest-posts > li:active a {
  color: var(--ventari-navy) !important;
}

/* Featured image on active: amber border when card is clicked */
.ventari-home-insights .wp-block-latest-posts > li:active .wp-block-latest-posts__featured-image {
  border: 2px solid rgba(216, 155, 43, 0.72) !important;
  border-color: rgba(216, 155, 43, 0.72) !important;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.9),
      rgba(216, 155, 43, 0.18)
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 12px 26px rgba(216, 155, 43, 0.14) !important;
}

/* Category on active: dark blue background, white text, amber bullet */
.ventari-home-insights .wp-block-latest-posts > li:active .ventari-post-category-label {
  background: var(--ventari-navy) !important;
  border-color: var(--ventari-navy) !important;
  color: var(--ventari-white) !important;
}

.ventari-home-insights .wp-block-latest-posts > li:active .ventari-post-category-label::before {
  background: var(--ventari-amber) !important;
}

/* Button on card active: frosted white background with thicker frosted amber border */
.ventari-home-insights .wp-block-latest-posts > li:active .ventari-insight-button {
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.92),
      rgba(236, 246, 252, 0.72)
    ) !important;

  background-color: rgba(255, 255, 255, 0.82) !important;

  border: 2px solid rgba(216, 155, 43, 0.72) !important;
  border-color: rgba(216, 155, 43, 0.72) !important;
  color: var(--ventari-navy-deep) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 8px 18px rgba(27, 47, 74, 0.08) !important;

  backdrop-filter: blur(14px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(145%) !important;
}

/* Button arrow on card active */
.ventari-home-insights .wp-block-latest-posts > li:active .ventari-insight-button::after {
  color: var(--ventari-navy-deep) !important;
  transform: translateX(0) !important;
}
/* Make sure no specific card starts raised */
.ventari-home-insights .wp-block-latest-posts > li:nth-child(1),
.ventari-home-insights .wp-block-latest-posts > li:nth-child(2),
.ventari-home-insights .wp-block-latest-posts > li:nth-child(3) {
  transform: translateY(0) !important;
  scale: 1 !important;
}

/* Allow all cards to lift evenly on hover */
.ventari-home-insights .wp-block-latest-posts > li:nth-child(1):hover,
.ventari-home-insights .wp-block-latest-posts > li:nth-child(2):hover,
.ventari-home-insights .wp-block-latest-posts > li:nth-child(3):hover,
.ventari-home-insights .wp-block-latest-posts > li:nth-child(1):focus-within,
.ventari-home-insights .wp-block-latest-posts > li:nth-child(2):focus-within,
.ventari-home-insights .wp-block-latest-posts > li:nth-child(3):focus-within {
  transform: translateY(-5px) !important;
  scale: 1 !important;

  background:
    linear-gradient(
      145deg,
      var(--ventari-navy),
      var(--ventari-navy-deep)
    ) !important;

  border-color: var(--ventari-amber) !important;
  color: var(--ventari-white) !important;
}

/* Allow all cards to drop softly on active/click */
.ventari-home-insights .wp-block-latest-posts > li:nth-child(1):active,
.ventari-home-insights .wp-block-latest-posts > li:nth-child(2):active,
.ventari-home-insights .wp-block-latest-posts > li:nth-child(3):active {
  transform: translateY(2px) !important;
  scale: 1 !important;

  background: var(--ventari-white) !important;

  box-shadow: none !important;
  border-color: var(--ventari-frost-blue-border) !important;
  color: var(--ventari-navy) !important;
}

/* Featured image active for specific card overrides */
.ventari-home-insights .wp-block-latest-posts > li:nth-child(1):active .wp-block-latest-posts__featured-image,
.ventari-home-insights .wp-block-latest-posts > li:nth-child(2):active .wp-block-latest-posts__featured-image,
.ventari-home-insights .wp-block-latest-posts > li:nth-child(3):active .wp-block-latest-posts__featured-image {
  border: 2px solid rgba(216, 155, 43, 0.72) !important;
  border-color: rgba(216, 155, 43, 0.72) !important;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.9),
      rgba(216, 155, 43, 0.18)
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 12px 26px rgba(216, 155, 43, 0.14) !important;
}

/* Button on card active for specific card overrides */
.ventari-home-insights .wp-block-latest-posts > li:nth-child(1):active .ventari-insight-button,
.ventari-home-insights .wp-block-latest-posts > li:nth-child(2):active .ventari-insight-button,
.ventari-home-insights .wp-block-latest-posts > li:nth-child(3):active .ventari-insight-button {
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.92),
      rgba(236, 246, 252, 0.72)
    ) !important;

  background-color: rgba(255, 255, 255, 0.82) !important;
  border: 2px solid rgba(216, 155, 43, 0.72) !important;
  border-color: rgba(216, 155, 43, 0.72) !important;
  color: var(--ventari-navy-deep) !important;
}

/* =========================================================
   Featured Image with Frosted Light Blue Border
========================================================= */
.ventari-home-insights .wp-block-latest-posts__featured-image {
  order: 1 !important;
  position: relative !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  float: none !important;
  clear: both !important;

  width: calc(100% - 8px) !important;
  max-width: calc(100% - 8px) !important;
  box-sizing: border-box !important;

  overflow: hidden !important;
  margin: 0 auto 24px !important;
  padding: 7px !important;
  border-radius: 17px !important;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.86),
      rgba(206, 222, 238, 0.54)
    ) !important;

  border: 1px solid rgba(206, 222, 238, 0.92) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 12px 26px rgba(27, 47, 74, 0.08) !important;

  backdrop-filter: blur(14px) saturate(135%);
  -webkit-backdrop-filter: blur(14px) saturate(135%);

  transform: none !important;
  scale: 1 !important;

  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease !important;
}

/* Kill WordPress/default image alignment behaviour */
.ventari-home-insights .wp-block-latest-posts__featured-image.alignleft,
.ventari-home-insights .wp-block-latest-posts__featured-image.alignright,
.ventari-home-insights .wp-block-latest-posts__featured-image.aligncenter,
.ventari-home-insights .wp-block-latest-posts__featured-image.alignwide,
.ventari-home-insights .wp-block-latest-posts__featured-image.alignfull {
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: calc(100% - 8px) !important;
  max-width: calc(100% - 8px) !important;
}

.ventari-home-insights .wp-block-latest-posts__featured-image a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;

  margin: 0 auto !important;
  padding: 0 !important;

  transform: none !important;
  scale: 1 !important;
}

.ventari-home-insights .wp-block-latest-posts__featured-image img {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  box-sizing: border-box !important;

  margin: 0 auto !important;
  padding: 0 !important;

  aspect-ratio: 16 / 8.5 !important;
  object-fit: cover !important;
  object-position: 50% 50% !important;

  border-radius: 12px !important;

  filter: saturate(0.92) contrast(1.02);

  transform: none !important;
  scale: 1 !important;

  transition: filter 0.25s ease !important;
}

/* Image hover: no scaling */
.ventari-home-insights .wp-block-latest-posts > li:hover .wp-block-latest-posts__featured-image,
.ventari-home-insights .wp-block-latest-posts > li:hover .wp-block-latest-posts__featured-image a,
.ventari-home-insights .wp-block-latest-posts > li:hover .wp-block-latest-posts__featured-image img {
  transform: none !important;
  scale: 1 !important;
}

.ventari-home-insights .wp-block-latest-posts > li:hover .wp-block-latest-posts__featured-image img {
  filter: saturate(1) contrast(1.04);
}

/* =========================================================
   Generated Category Label
   This class is created by the JS snippet.
========================================================= */
.ventari-home-insights .ventari-post-category-label {
  order: 2 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  align-self: flex-start !important;

  width: fit-content !important;
  max-width: 100% !important;

  margin: 0 0 10px !important;
  padding: 6px 9px !important;

  color: var(--ventari-navy-deep) !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 0.66rem !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.045em !important;
  text-transform: uppercase !important;

  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(216, 155, 43, 0.58) !important;
  border-radius: 7px !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 5px 12px rgba(27, 47, 74, 0.04) !important;

  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;

  transform: none !important;
  scale: 1 !important;

  transition:
    color 0.22s ease,
    background-color 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease !important;
}

.ventari-home-insights .ventari-post-category-label::before {
  content: "" !important;
  width: 5px !important;
  height: 5px !important;
  flex: 0 0 5px !important;

  background: var(--ventari-amber) !important;
  border-radius: 50% !important;
}

.ventari-home-insights .ventari-post-category-label:hover {
  color: var(--ventari-white) !important;
  background: var(--ventari-navy-deep) !important;
  border-color: rgba(206, 222, 238, 0.92) !important;
}

.ventari-home-insights .ventari-post-category-label:hover::before {
  background: var(--ventari-amber) !important;
}

/* =========================================================
   Date
========================================================= */
.ventari-home-insights .wp-block-latest-posts__post-date {
  order: 3 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;

  margin: 0 0 12px !important;

  color: rgba(27, 47, 74, 0.6) !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 0.78rem !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;

  transform: none !important;
  scale: 1 !important;
}

/* Remove the old fake category labels */
.ventari-home-insights .wp-block-latest-posts__post-date::before {
  content: none !important;
  display: none !important;
}

/* Remove old separator before date */
.ventari-home-insights .wp-block-latest-posts__post-date time::before {
  content: none !important;
  display: none !important;
}

/* =========================================================
   Blog Title
========================================================= */
.ventari-home-insights .wp-block-latest-posts__post-title {
  order: 4 !important;
  display: block !important;
  position: static !important;
  margin: 0 0 14px !important;

  color: var(--ventari-navy-deep) !important;
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: clamp(1.26rem, 1.34vw, 1.5rem) !important;
  line-height: 1.08 !important;
  font-weight: 600 !important;
  letter-spacing: -0.04em !important;

  text-decoration: none !important;
  cursor: pointer !important;

  transform: none !important;
  scale: 1 !important;

  transition: color 0.25s ease !important;
}

.ventari-home-insights .wp-block-latest-posts__post-title:hover,
.ventari-home-insights .wp-block-latest-posts__post-title:focus {
  color: var(--ventari-navy) !important;

  transform: none !important;
  scale: 1 !important;
}

/* KILL the old fake button completely */
.ventari-home-insights .wp-block-latest-posts__post-title::after,
.ventari-home-insights .wp-block-latest-posts__post-title:hover::after,
.ventari-home-insights .wp-block-latest-posts__post-title:focus::after,
.ventari-home-insights .wp-block-latest-posts__post-title:active::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  position: static !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}

/* =========================================================
   Excerpt
========================================================= */
.ventari-home-insights .wp-block-latest-posts__post-excerpt {
  order: 5 !important;
  margin: 0 0 22px !important;

  color: rgba(27, 47, 74, 0.72) !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 0.93rem !important;
  line-height: 1.58 !important;
  font-weight: 400 !important;

  transform: none !important;
  scale: 1 !important;
}

/* Hide default WordPress excerpt read-more links */
.ventari-home-insights .wp-block-latest-posts__post-excerpt a {
  display: none !important;
}

/* =========================================================
   Real Read Insight Button
   This class is created by the JS snippet.
========================================================= */
.ventari-home-insights .ventari-insight-button {
  order: 6 !important;

  position: relative !important;
  inset: auto !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  align-self: flex-start !important;

  width: fit-content !important;
  max-width: 100% !important;

  margin: auto 0 0 !important;
  padding: 11px 15px !important;

  color: var(--ventari-white) !important;
  background: var(--ventari-navy-deep) !important;
  border: 1px solid rgba(27, 47, 74, 0.22) !important;
  border-radius: 10px !important;

  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 0.64rem !important;
  line-height: 1 !important;
  font-weight: 750 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;

  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 10px 22px rgba(27, 47, 74, 0.14) !important;

  transform: translateY(0) !important;
  scale: 1 !important;

  transition:
    background 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.26s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* Single animated arrow added by CSS */
.ventari-home-insights .ventari-insight-button::after {
  content: "→" !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: var(--ventari-amber) !important;
  font-size: 0.8rem !important;
  line-height: 1 !important;
  font-weight: 800 !important;

  position: relative !important;
  top: -0.5px !important;

  transform: translateX(0) !important;

  transition:
    color 0.22s ease,
    transform 0.24s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* Hover: amber button, white arrow, button lifts, arrow moves right */
.ventari-home-insights .ventari-insight-button:hover,
.ventari-home-insights .ventari-insight-button:focus {
  color: var(--ventari-white) !important;
  background: var(--ventari-amber) !important;
  border-color: rgba(216, 155, 43, 0.5) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 16px 30px rgba(27, 47, 74, 0.16),
    0 8px 18px rgba(216, 155, 43, 0.18) !important;

  transform: translateY(-3px) !important;
  scale: 1 !important;
}

.ventari-home-insights .ventari-insight-button:hover::after,
.ventari-home-insights .ventari-insight-button:focus::after {
  color: var(--ventari-white) !important;
  transform: translateX(5px) !important;
}

/* Active/click directly on button */
.ventari-home-insights .ventari-insight-button:active {
  color: var(--ventari-navy-deep) !important;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.94),
      rgba(206, 222, 238, 0.58)
    ) !important;

  border: 2px solid rgba(216, 155, 43, 0.72) !important;
  border-color: rgba(216, 155, 43, 0.72) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 8px 18px rgba(27, 47, 74, 0.1) !important;

  transform: translateY(1px) !important;
  scale: 1 !important;
}

.ventari-home-insights .ventari-insight-button:active::after {
  color: var(--ventari-navy-deep) !important;
  transform: translateX(0) !important;
}

/* =========================================================
   Hard Override: Stop Theme Hover Growth Without Killing Card Lift
========================================================= */
.ventari-home-insights .wp-block-latest-posts > li *,
.ventari-home-insights .wp-block-latest-posts > li::before,
.ventari-home-insights .wp-block-latest-posts > li::after,
.ventari-home-insights .wp-block-latest-posts > li:hover *,
.ventari-home-insights .wp-block-latest-posts > li:hover::before,
.ventari-home-insights .wp-block-latest-posts > li:hover::after,
.ventari-home-insights .wp-block-latest-posts > li:focus *,
.ventari-home-insights .wp-block-latest-posts > li:focus-within * {
  transform-origin: center center !important;
}

.ventari-home-insights .wp-block-latest-posts > li:hover img,
.ventari-home-insights .wp-block-latest-posts > li:hover a,
.ventari-home-insights .wp-block-latest-posts > li:hover div,
.ventari-home-insights .wp-block-latest-posts > li:hover time,
.ventari-home-insights .wp-block-latest-posts > li:hover figure {
  scale: 1 !important;
}

/* Prevent hidden theme pseudo-elements from adding weird space */
.ventari-home-insights .wp-block-latest-posts > li::before,
.ventari-home-insights .wp-block-latest-posts > li::after {
  pointer-events: none !important;
}

/* Pointer only on clickable elements */
.ventari-home-insights .wp-block-latest-posts > li {
  cursor: default !important;
}

.ventari-home-insights .wp-block-latest-posts__post-title,
.ventari-home-insights .ventari-insight-button {
  cursor: pointer !important;
}

/* =========================================================
   Responsive
========================================================= */
@media (max-width: 1100px) {
  .ventari-home-insights .wp-block-latest-posts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

}@media (max-width: 760px) {
  .ventari-home-insights .wp-block-latest-posts {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .ventari-home-insights .wp-block-latest-posts > li {
    padding: 16px !important;
    border-radius: 18px !important;
    transform: translateY(0) !important;
    scale: 1 !important;
    border-color: var(--ventari-frost-white-border) !important;
  }

  .ventari-home-insights .wp-block-latest-posts > li:hover,
  .ventari-home-insights .wp-block-latest-posts > li:focus-within {
    padding: 16px !important;
    border-radius: 18px !important;
    transform: translateY(-4px) !important;
    scale: 1 !important;
    border-color: var(--ventari-amber) !important;
  }

  .ventari-home-insights .wp-block-latest-posts > li:active {
    transform: translateY(2px) !important;
    scale: 1 !important;
    box-shadow: none !important;
    border-color: rgba(206, 222, 238, 1) !important;
  }

  .ventari-home-insights .wp-block-latest-posts > li:active .wp-block-latest-posts__featured-image {
    border: 2px solid rgba(216, 155, 43, 0.72) !important;
    border-color: rgba(216, 155, 43, 0.72) !important;

    background:
      linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.9),
        rgba(216, 155, 43, 0.18)
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.95),
      0 12px 26px rgba(216, 155, 43, 0.14) !important;
  }

  .ventari-home-insights .wp-block-latest-posts > li:active .ventari-post-category-label {
    background: var(--ventari-navy) !important;
    border-color: var(--ventari-navy) !important;
    color: var(--ventari-white) !important;
  }

  .ventari-home-insights .wp-block-latest-posts > li:active .ventari-post-category-label::before {
    background: var(--ventari-amber) !important;
  }

  .ventari-home-insights .wp-block-latest-posts > li:active .ventari-insight-button {
    background:
      linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.92),
        rgba(236, 246, 252, 0.72)
      ) !important;

    background-color: rgba(255, 255, 255, 0.82) !important;
    border: 2px solid rgba(216, 155, 43, 0.72) !important;
    border-color: rgba(216, 155, 43, 0.72) !important;
    color: var(--ventari-navy-deep) !important;
  }

  .ventari-home-insights .wp-block-latest-posts > li:active .ventari-insight-button::after {
    color: var(--ventari-navy-deep) !important;
    transform: translateX(0) !important;
  }

  .ventari-home-insights .wp-block-latest-posts__featured-image,
  .ventari-home-insights .wp-block-latest-posts__featured-image.alignleft,
  .ventari-home-insights .wp-block-latest-posts__featured-image.alignright,
  .ventari-home-insights .wp-block-latest-posts__featured-image.aligncenter,
  .ventari-home-insights .wp-block-latest-posts__featured-image.alignwide,
  .ventari-home-insights .wp-block-latest-posts__featured-image.alignfull {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 6px !important;
    border-radius: 15px !important;
  }

  .ventari-home-insights .wp-block-latest-posts__featured-image img {
    aspect-ratio: 16 / 9 !important;
    border-radius: 11px !important;
    object-position: 50% 50% !important;
  }

  .ventari-home-insights .ventari-post-category-label {
    gap: 5px !important;
    margin-bottom: 9px !important;
    padding: 5px 7px !important;
    font-size: 0.58rem !important;
    letter-spacing: 0.035em !important;
    border-radius: 6px !important;
  }

  .ventari-home-insights .ventari-post-category-label::before {
    width: 4px !important;
    height: 4px !important;
    flex: 0 0 4px !important;
  }

  .ventari-home-insights .wp-block-latest-posts__post-date {
    font-size: 0.74rem !important;
    margin-bottom: 11px !important;
  }

  .ventari-home-insights .wp-block-latest-posts__post-title {
    font-size: 1.34rem !important;
  }

  .ventari-home-insights .wp-block-latest-posts__post-excerpt {
    font-size: 0.92rem !important;
    margin-bottom: 20px !important;
  }

  .ventari-home-insights .ventari-insight-button {
    padding: 10px 14px !important;
    border-radius: 9px !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.1em !important;
  }

  .ventari-home-insights .ventari-insight-button::after {
    font-size: 0.78rem !important;
    top: -0.5px !important;
  }
}

/* =========================================================
   Hide featured image only on single blog posts
   Do NOT hide thumbnails on the Insights page
========================================================= */
/* Single blog post featured image only */
.single-post .wp-block-post-featured-image {
  display: none !important;

}

/* Force Insights page Query Loop thumbnails to remain visible */
.ventari-insights-query .wp-block-post-featured-image {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0 0 18px !important;
  overflow: hidden;
  border-radius: 12px;
  background: rgba(36, 58, 94, 0.08);
}

.ventari-insights-query .wp-block-post-featured-image a {
  display: block !important;
}

.ventari-insights-query .wp-block-post-featured-image img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100%;
  aspect-ratio: 1.35 / 1;
  object-fit: cover;
  border-radius: 12px;
}

/* =========================================================
   Ventari Insights Hub
   Branded blog archive / insights landing page
========================================================= */
:root {
  --ventari-navy-deep: #243A5E;
  --ventari-navy-dark: #16263F;
  --ventari-platinum: #E5E4E2;
  --ventari-amber: #D89B2B;
  --ventari-white: #FFFFFF;
  --ventari-glass-white: rgba(255, 255, 255, 0.72);
  --ventari-glass-blue: rgba(244, 248, 252, 0.78);
  --ventari-border-white: rgba(255, 255, 255, 0.92);
  --ventari-border-blue: rgba(36, 58, 94, 0.18);
  --ventari-border-blue-frosted: rgba(198, 219, 238, 0.72);
  --ventari-border-amber: rgba(216, 155, 43, 0.72);
  --ventari-shadow-soft: 0 16px 38px rgba(22, 38, 63, 0.09);
  --ventari-shadow-hover-clean: 0 14px 32px rgba(22, 38, 63, 0.12);
}

/* Keep normal site/page backgrounds white */
body {
  background: #ffffff;
}

/* Main wrapper */
.ventari-insights-hub {
  width: 100%;
  padding: clamp(48px, 6vw, 78px) 20px clamp(28px, 4vw, 46px);
  position: relative;
  overflow: hidden;
  background: #ffffff;
  box-sizing: border-box;
}

.ventari-insights-hub::before {
  content: none;
}

.ventari-insights-shell {
  width: min(1180px, 100%);
  margin: 0 auto;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
}

/* Kicker */
.ventari-insights-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  padding: 8px 13px;

  color: var(--ventari-navy-deep);
  font-size: 0.72rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;

  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(36, 58, 94, 0.16);
  border-radius: 8px;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  cursor: pointer;
  box-sizing: border-box;

  transition:
    transform 0.24s ease,
    border-color 0.24s ease,
    background-color 0.24s ease,
    box-shadow 0.24s ease,
    color 0.24s ease;
}

.ventari-insights-kicker::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  background: var(--ventari-amber);
  border-radius: 50%;
  box-shadow: none;
}

.ventari-insights-kicker:hover {
  transform: translateY(-2px);
  color: var(--ventari-white);
  background: var(--ventari-navy-deep);
  border-color: rgba(198, 219, 238, 0.72);
  box-shadow: 0 10px 24px rgba(22, 38, 63, 0.08);
}

.ventari-insights-kicker:active {
  transform: translateY(0);
  color: var(--ventari-white);
  background: var(--ventari-navy-dark);
  border-color: var(--ventari-amber);
  box-shadow: 0 6px 16px rgba(22, 38, 63, 0.06);
}

.ventari-insights-kicker a {
  color: inherit !important;
  text-decoration: none !important;
}

.ventari-insights-kicker:hover a,
.ventari-insights-kicker:active a {
  color: var(--ventari-white) !important;
}

/* Hero */
.ventari-insights-hero {
  position: relative;
  overflow: hidden;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: clamp(18px, 3vw, 30px);

  min-height: clamp(285px, 28vw, 355px);
  padding: clamp(20px, 3vw, 34px);

  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(244, 248, 252, 0.82)),
    linear-gradient(135deg, rgba(229, 228, 226, 0.52), rgba(232, 236, 239, 0.72));

  border: 1px solid rgba(255, 255, 255, 0.96);
  outline: 1px solid rgba(36, 58, 94, 0.08);
  border-radius: 16px;

  box-shadow:
    0 18px 42px rgba(22, 38, 63, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.88);

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-sizing: border-box;
}

/* Image layer behind the hero copy */
.ventari-insights-hero-image {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}.ventari-insights-hero-image img {
  display: block;
  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center 38%;

  transform: scale(1.02);
  opacity: 0.78;
}

/* Frosted overlay to keep image soft and readable */
.ventari-insights-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.94) 0%,
      rgba(255, 255, 255, 0.82) 34%,
      rgba(255, 255, 255, 0.48) 62%,
      rgba(255, 255, 255, 0.24) 100%
    ),
    radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.86), transparent 35%),
    radial-gradient(circle at 72% 42%, rgba(198, 219, 238, 0.34), transparent 42%),
    linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.34),
      transparent 42%,
      rgba(255, 255, 255, 0.56)
    );
}

.ventari-insights-hero::after {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 2;
  pointer-events: none;

  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 12px;
}

/* =========================================
   FROSTED COPY CARD
   Vertically aligned content
========================================= */
.ventari-insights-hero-copy {
  position: relative;
  z-index: 3;

  width: min(660px, 100%);
  padding: clamp(16px, 2vw, 22px);

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 14px;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.82),
      rgba(244, 248, 252, 0.62)
    );

  border: 1px solid rgba(255, 255, 255, 0.88);
  outline: 1px solid rgba(198, 219, 238, 0.36);
  border-radius: 14px;

  box-shadow:
    0 12px 26px rgba(22, 38, 63, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-sizing: border-box;
}

/* Keeps every item inside the card evenly aligned */
.ventari-insights-hero-copy > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Copy spacing inside the frosted card */
.ventari-insights-hero-copy p {
  margin: 0 !important;
}
/* Button row inside the frosted card */
.ventari-insights-hero-copy .ventari-home-hero__buttons,
.ventari-insights-hero-copy .ventari-insights-hero__buttons {
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;

  margin-top: 4px !important;
  margin-bottom: 0 !important;
  padding-bottom: 8px;

  overflow: visible !important;
}

/* Make sure button shadows do not clip inside the card */
.ventari-insights-hero-copy 
.ventari-btn {
  overflow: visible !important;
}

/* Tablet */
@media (max-width: 1100px) {
  .ventari-insights-hero-copy {
    gap: 12px;
    padding: clamp(15px, 2.4vw, 20px);
  }

  .ventari-insights-hero-copy .ventari-home-hero__buttons,
  .ventari-insights-hero-copy .ventari-insights-hero__buttons {
    gap: 10px;
    margin-top: 2px !important;
    padding-bottom: 8px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .ventari-insights-hero-copy {
    width: 100%;
    gap: 12px;
    padding: 16px;
    align-items: center;
    text-align: center;
  }

  .ventari-insights-hero-copy .ventari-home-hero__buttons,
  .ventari-insights-hero-copy .ventari-insights-hero__buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 9px;
    width: 100%;
    margin-top: 2px !important;
    padding-bottom: 8px;
  }

  .ventari-insights-hero-copy .ventari-home-hero__buttons .ventari-btn,
  .ventari-insights-hero-copy .ventari-insights-hero__buttons .ventari-btn {
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
    white-space: nowrap;
  }
}

/* Small mobile */
@media (max-width: 480px) {
  .ventari-insights-hero-copy {
    padding: 15px;
    gap: 11px;
  }

  .ventari-insights-hero-copy .ventari-home-hero__buttons,
  .ventari-insights-hero-copy .ventari-insights-hero__buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding-bottom: 8px;
  }

  .ventari-insights-hero-copy .ventari-home-hero__buttons .ventari-btn,
  .ventari-insights-hero-copy .ventari-insights-hero__buttons .ventari-btn {
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 0.74rem;
  }
}

.ventari-insights-hero-copy h1 {
  margin: 0 0 10px;

  color: var(--ventari-navy-deep);
  font-family: "Playfair Display", Georgia, serif;
   font-size: clamp(2.15rem, 3.35vw, 3.45rem);
  line-height: 1.02;
  letter-spacing: -0.035em;
  font-weight: 600;
}

.ventari-insights-hero-copy h1 .ventari-insights-h1-accent {
  color: var(--ventari-amber);
}

.ventari-insights-intro {
  width: min(630px, 100%);
  margin: 0;

  color: rgba(22, 38, 63, 0.8);
  font-size: clamp(0.94rem, 1.08vw, 1.03rem);
  line-height: 1.52;
  font-weight: 420;
}

/* Bottom insight categories */
.ventari-insights-panel a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-decoration: none !important;
  cursor: pointer;

  width: auto;
  min-height: 28px;
  padding: 6px 10px;

  color: var(--ventari-navy-deep);
  font-size: 0.72rem;
  line-height: 1.1;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  letter-spacing: -0.005em;

  background: rgba(255, 255, 255, 0.68);
  border: 1px solid rgba(216, 155, 43, 0.66);
  border-radius: 7px;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 5px 12px rgba(22, 38, 63, 0.04);

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-sizing: border-box;

  transition:
    transform 0.24s ease,
    background-color 0.24s ease,
    border-color 0.24s ease,
    color 0.24s ease,
    box-shadow 0.24s ease;
}

.ventari-insights-panel a::before {
  content: "";
  width: 5px;
  height: 5px;
  flex: 0 0 5px;
  border-radius: 50%;
  background: var(--ventari-amber);
  box-shadow: none;
}

.ventari-insights-panel a:hover {
  transform: translateY(-2px);
  color: var(--ventari-white);
  background: var(--ventari-navy-deep);
  border-color: var(--ventari-border-blue-frosted);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 9px 18px rgba(22, 38, 63, 0.075);
}

.ventari-insights-panel a:active {
  transform: translateY(0);
  color: var(--ventari-white);
  background: var(--ventari-navy-dark);
  border-color: var(--ventari-amber);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 5px 12px rgba(22, 38, 63, 0.055);
}

/* Tablet */
@media (max-width: 900px) {
  .ventari-insights-hub {
    padding-left: 18px;
    padding-right: 18px;
  }

  .ventari-insights-hero {
    align-items: center;
    min-height: auto;
    gap: 24px;
    padding: 30px 22px;
  }

  .ventari-insights-hero-image img {
    object-position: center 38%;
    opacity: 0.58;
    transform: scale(1.02);
  }

  .ventari-insights-hero::before {
    background:
      linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.96) 0%,
        rgba(255, 255, 255, 0.84) 45%,
        rgba(255, 255, 255, 0.72) 100%
      ),
      radial-gradient(circle at 50% 20%, rgba(198, 219, 238, 0.28), transparent 42%);
  }

  .ventari-insights-hero-copy {
    width: min(720px, calc(100% - 44px));
    margin-inline: auto;
    padding: clamp(18px, 3vw, 24px);
  }

  .ventari-insights-panel {
    width: min(720px, calc(100% - 5px));
    margin-inline: auto;
    justify-content: center;
  }

  .ventari-insights-panel a {
    white-space: normal;
    font-size: 0.5rem !important;
    text-decoration: none !important;
    cursor: pointer;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .ventari-insights-hub {
    padding: 44px 16px 30px;
  }

  .ventari-insights-kicker {
    max-width: 100%;
    font-size: 0.66rem;
    letter-spacing: 0.13em;
  }

  .ventari-insights-hero {
    align-items: center;
    gap: 20px;
    padding: 22px 12px;
    border-radius: 14px;
  }

  .ventari-insights-hero-image img {
    object-position: center 38%;
    opacity: 0.52;
    transform: scale(1.02);
  }

  .ventari-insights-hero::after {
    inset: 8px;
    border-radius: 11px;
  }

  .ventari-insights-hero-copy {
    width: calc(100% - 28px);
    max-width: 520px;
    margin-inline: auto;
    padding: 17px;
    border-radius: 12px;
  }

  .ventari-insights-hero-copy h1 {
    font-size: clamp(1.95rem, 10vw, 2.5rem);
    margin-bottom: 9px;
  }

  .ventari-insights-intro {
    font-size: 0.94rem;
    line-height: 1.5;
  }

  .ventari-insights-panel {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: auto;

    display: grid !important;
    grid-template-columns: repeat(3, max-content) !important;
    justify-content: center;
    align-items: center;

    gap: 8px 8px !important;
    overflow: visible !important;
  }

  .ventari-insights-panel a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    width: max-content !important;
    max-width: calc(50vw - 24px) !important;
    min-width: 0 !important;
    min-height: 22px;
    padding: 6px 9px;

    font-size: 0.46rem !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    cursor: pointer;
    letter-spacing: -0.04em !important;

    border-radius: 6px;
    text-align: center;

    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
  }
}

/* =========================================
   INSIGHTS CARD CATEGORY LABEL
   Pulls first / most unique WordPress category via JS
========================================= */
.ventari-insights-query .wp-block-post-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.ventari-insights-query .ventari-post-category-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;

  width: fit-content;
  margin: 0 0 10px;
  padding: 6px 9px;

  color: var(--ventari-navy-deep);
  font-size: 0.66rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.045em;
  text-transform: uppercase;

  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(216, 155, 43, 0.58);
  border-radius: 7px;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 5px 12px rgba(22, 38, 63, 0.04);

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.ventari-insights-query .ventari-post-category-label::before {
  content: "";
  width: 5px;
  height: 5px;
  flex: 0 0 5px;

  background: var(--ventari-amber);
  border-radius: 50%;
}

.ventari-insights-query .ventari-post-category-label:hover {
  color: #ffffff;
  background: var(--ventari-navy-deep);
  border-color: rgba(198, 219, 238, 0.72);
}

.ventari-insights-query .ventari-post-category-label:hover::before {
  background: var(--ventari-amber);
}

@media (max-width: 600px) {
  .ventari-insights-query .ventari-post-category-label {
    gap: 5px;
    margin-bottom: 9px;
    padding: 5px 7px;
    font-size: 0.58rem;
    letter-spacing: 0.035em;
    border-radius: 6px;
  }

  .ventari-insights-query .ventari-post-category-label::before {
    width: 4px;
    height: 4px;
    flex: 0 0 4px;
  }
}

/* =========================================================
   WordPress Query Loop Styling
   Add class to Query Loop block: ventari-insights-query
========================================================= */
.ventari-insights-query {
  width: min(1180px, calc(100% - 40px));
  margin: clamp(24px, 4vw, 48px) auto clamp(70px, 8vw, 110px) !important;
}

/* Query Loop list */
.ventari-insights-query .wp-block-post-template {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 2vw, 26px);
  margin: 0 !important;
  padding: 0 !important;
}

/* Individual card */
.ventari-insights-query .wp-block-post {
  position: relative;
  overflow: hidden;

  padding: 14px 14px 18px !important;

  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.76), rgba(245, 248, 250, 0.66));
  border: 1px solid rgba(255, 255, 255, 0.95);
  outline: 1px solid rgba(36, 58, 94, 0.08);
  border-radius: 15px;
  box-shadow: 0 14px 34px rgba(22, 38, 63, 0.08);

  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);

  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    border-color 0.28s ease,
    outline-color 0.28s ease,
    background-color 0.28s ease,
    color 0.28s ease;
}

.ventari-insights-query .wp-block-post::before {
  content: none;
}
.ventari-insights-query .wp-block-post:hover {
  transform: translateY(-5px);
  color: var(--ventari-white);
  background: var(--ventari-navy-deep);
  border-color: var(--ventari-border-blue-frosted);
  outline-color: rgba(198, 219, 238, 0.46);
  box-shadow: var(--ventari-shadow-hover-clean);
}

.ventari-insights-query .wp-block-post:active {
  transform: translateY(-2px);
  border-color: var(--ventari-border-blue-frosted);
  outline-color: var(--ventari-border-blue-frosted);
  box-shadow: 0 10px 24px rgba(22, 38, 63, 0.10);
}

/* Make all card text switch cleanly on hover */
.ventari-insights-query .wp-block-post:hover .wp-block-post-title,
.ventari-insights-query .wp-block-post:hover .wp-block-post-title a,
.ventari-insights-query .wp-block-post:hover .wp-block-post-excerpt__excerpt,
.ventari-insights-query .wp-block-post:hover .wp-block-post-excerpt p,
.ventari-insights-query .wp-block-post:hover .wp-block-post-terms,
.ventari-insights-query .wp-block-post:hover .wp-block-post-terms a,
.ventari-insights-query .wp-block-post:hover .taxonomy-category,
.ventari-insights-query .wp-block-post:hover .taxonomy-category a,
.ventari-insights-query .wp-block-post:hover .wp-block-post-date,
.ventari-insights-query .wp-block-post:hover time {
  color: var(--ventari-white) !important;
}

/* Featured images */
.ventari-insights-query .wp-block-post-featured-image {
  margin: 0 0 18px !important;
  overflow: hidden;
  border-radius: 12px;
  background: rgba(36, 58, 94, 0.08);
}

.ventari-insights-query .wp-block-post-featured-image a {
  display: block;
}

.ventari-insights-query .wp-block-post-featured-image img {
  display: block;
  width: 100%;
  aspect-ratio: 1.35 / 1;
  object-fit: cover;
  border-radius: 12px;

  transform: scale(1);
  transition:
    transform 0.35s ease,
    filter 0.35s ease;
}

.ventari-insights-query .wp-block-post:hover .wp-block-post-featured-image img {
  transform: scale(1.035);
  filter: saturate(1.02) contrast(1.02);
}

/* Categories */
.ventari-insights-query .wp-block-post-terms,
.ventari-insights-query .taxonomy-category {
  margin: 0 0 10px !important;

  color: var(--ventari-navy-deep);
  font-size: 0.7rem;
  line-height: 1.2;
  font-weight: 750;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.ventari-insights-query .wp-block-post-terms a,
.ventari-insights-query .taxonomy-category a {
  color: var(--ventari-navy-deep) !important;
  text-decoration: none !important;
  transition: color 0.22s ease;
}

.ventari-insights-query .wp-block-post-terms a:hover,
.ventari-insights-query .taxonomy-category a:hover {
  color: var(--ventari-white) !important;
}

/* Dates */
.ventari-insights-query .wp-block-post-date,
.ventari-insights-query .wp-block-post-date time,
.ventari-insights-query time,
.ventari-insights-query .post-date,
.ventari-insights-query .entry-date {
  color: var(--ventari-amber) !important;
  font-size: 0.72rem;
  line-height: 1.2;
  font-weight: 750;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* Separator line */
.ventari-insights-query hr,
.ventari-insights-query .wp-block-separator,
.ventari-insights-query .separator,
.ventari-insights-query .entry-separator {
  border: 0 !important;
  height: 1px !important;
  background: var(--ventari-amber) !important;
  opacity: 0.8;
}

/* Titles */
.ventari-insights-query .wp-block-post-title {
  margin: 0 0 10px !important;

  color: var(--ventari-navy-deep);
  font-size: clamp(1.12rem, 1.45vw, 1.38rem);
  line-height: 1.18;
  letter-spacing: -0.035em;
  font-weight: 720;
}

.ventari-insights-query .wp-block-post-title a {
  color: var(--ventari-navy-deep) !important;
  text-decoration: none !important;
  transition: color 0.24s ease;
}

.ventari-insights-query .wp-block-post-title a:hover {
  color: var(--ventari-white) !important;
}

/* Excerpts */
.ventari-insights-query .wp-block-post-excerpt {
  margin: 0 !important;
}

.ventari-insights-query .wp-block-post-excerpt__excerpt,
.ventari-insights-query .wp-block-post-excerpt p {
  margin: 0 0 18px !important;

  color: rgba(22, 38, 63, 0.72);
  font-size: 0.94rem;
  line-height: 1.58;
  font-weight: 420;
}

/* Read more button */
.ventari-insights-query .wp-block-read-more,
.ventari-insights-query .wp-block-post-excerpt__more-link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  min-height: 40px;
  padding: 10px 16px !important;

  color: var(--ventari-white) !important;
  background: var(--ventari-navy-deep);
  border: 1px solid rgba(255, 255, 255, 0.86);
  outline: 1px solid rgba(36, 58, 94, 0.16);
  border-radius: 8px;

  font-size: 0.76rem;
  line-height: 1;
  font-weight: 760;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none !important;
  box-shadow: none;

  transition:
    transform 0.24s ease,
    background-color 0.24s ease,
    border-color 0.24s ease,
    outline-color 0.24s ease,
    color 0.24s ease,
    box-shadow 0.24s ease;
}

.ventari-insights-query .wp-block-read-more:hover,
.ventari-insights-query .wp-block-post-excerpt__more-link:hover {
  transform: translateY(-2px);
  color: var(--ventari-navy-deep) !important;
  background: rgba(255, 255, 255, 0.9);
  border-color: var(--ventari-border-blue-frosted);
  outline-color: rgba(198, 219, 238, 0.46);
  box-shadow: none;
}

.ventari-insights-query .wp-block-read-more:active,
.ventari-insights-query .wp-block-post-excerpt__more-link:active {
  transform: translateY(0);
  color: var(--ventari-white) !important;
  background: var(--ventari-amber);
  border-color: var(--ventari-amber);
  outline-color: var(--ventari-amber);
  box-shadow: none;
}

/* Keeps the button visible when the full card is hovered */
.ventari-insights-query .wp-block-post:hover .wp-block-read-more,
.ventari-insights-query .wp-block-post:hover .wp-block-post-excerpt__more-link {
  color: var(--ventari-navy-deep) !important;
  background: rgba(255, 255, 255, 0.9);
  border-color: var(--ventari-border-blue-frosted);
  outline-color: rgba(198, 219, 238, 0.46);
}

.ventari-insights-query .wp-block-post:hover .wp-block-read-more:active,
.ventari-insights-query .wp-block-post:hover .wp-block-post-excerpt__more-link:active {
  color: var(--ventari-white) !important;
  background: var(--ventari-amber);
  border-color: var(--ventari-amber);
  outline-color: var(--ventari-amber);
}

/* Pagination */
.ventari-insights-query .wp-block-query-pagination {
  margin-top: clamp(26px, 4vw, 44px) !important;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.ventari-insights-query .wp-block-query-pagination a,
.ventari-insights-query .wp-block-query-pagination-numbers span {
  color: var(--ventari-navy-deep) !important;
  text-decoration: none !important;
  font-weight: 700;
}

/* =========================================================
   Responsive
========================================================= */
@media (max-width: 980px) {
  .ventari-insights-hero {
    grid-template-columns: 1fr;
  }

  .ventari-insights-query .wp-block-post-template {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .ventari-insights-hub {
    padding: 54px 16px 28px;
  }

  .ventari-insights-hero {
    padding: 22px;
    border-radius: 14px;
  }

  .ventari-insights-hero-copy h1 {
    font-size: clamp(1.8rem, 10vw, 2.55rem);
    line-height: 1.04;
  }

  .ventari-insights-intro {
    font-size: 0.98rem;
    line-height: 1.62;
  }

  .ventari-insights-panel {
    padding: 16px;
  }

  .ventari-insights-panel a {
    font-size: 0.84rem;
text-decoration: none !important;
cursor: pointer;
  }

  .ventari-insights-query {
    width: calc(100% - 28px);
    margin-top: 24px !important;
  }

  .ventari-insights-query .wp-block-post-template {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .ventari-insights-query .wp-block-post {
    padding: 12px 12px 16px !important;
  }

  .ventari-insights-query .wp-block-post-title {
    font-size: 1.16rem;
  }
}

/* Bottom insight category filters */
.ventari-insights-panel {
  position: relative;
  z-index: 3;

  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 7px;

  padding: 0;
  margin: 0;

  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
}

.ventari-insights-panel button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;

  width: auto;
  min-height: 28px;
  padding: 6px 10px;

  color: var(--ventari-navy-deep);
  font-family: inherit;
  font-size: 0.72rem;
  line-height: 1.1;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  letter-spacing: -0.005em;

  background: rgba(255, 255, 255, 0.68);
  border: 1px solid rgba(216, 155, 43, 0.66);
  border-radius: 7px;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 5px 12px rgba(22, 38, 63, 0.04);

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-sizing: border-box;
  cursor: pointer;

  transition:
    transform 0.24s ease,
    background-color 0.24s ease,
    border-color 0.24s ease,
    color 0.24s ease,
    box-shadow 0.24s ease;
}

.ventari-insights-panel button::before {
  content: "";
  width: 5px;
  height: 5px;
  flex: 0 0 5px;
  border-radius: 50%;
  background: var(--ventari-amber);
  box-shadow: none;
}

.ventari-insights-panel button:hover,
.ventari-insights-panel button.is-active {
  transform: translateY(-2px);
  color: var(--ventari-white);
  background: var(--ventari-navy-deep);
  border-color: var(--ventari-border-blue-frosted);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 9px 18px rgba(22, 38, 63, 0.075);
}

.ventari-insights-panel button:active {
  transform: translateY(0);
  color: var(--ventari-white);
  background: var(--ventari-navy-dark);
  border-color: var(--ventari-amber);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 5px 12px rgba(22, 38, 63, 0.055);
}

/* Hidden filtered posts */
.ventari-insights-query .wp-block-post.is-filtered-out {
  display: none !important;
}
/* Mobile */
@media (max-width: 600px) {
  .ventari-insights-panel {
    width: calc(100% - 9px);
    max-width: 550px;
    margin-inline: auto;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 2px;
    overflow: visible;
  }

  .ventari-insights-panel button {
    flex: 1 1 0;
    min-width: 0;
    min-height: 21px;
    padding: 5px 3px;

    font-size: 0.42rem !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    letter-spacing: -0.045em !important;

    border-radius: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
  }

  .ventari-insights-panel button::before {
    width: 3px;
    height: 3px;
    flex: 0 0 3px;
  }
}

/* =========================================
   VENTARI GLOBAL PREMIUM BLOG TEMPLATE
   Clean full CSS
   Seamless white page background
   Dark navy title card
   Frosted light blue blog copy border
   Cleaner inline feature card
   Scoped to prevent footer interference
   Desktop sticky insight sidebar
========================================= */
/* =========================================
   WORDPRESS OUTER WRAPPER FIXES
========================================= */
body.single-post main#wp--skip-link--target {
  margin-top: 0 !important;
  padding-top: 0 !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.single-post main#wp--skip-link--target > .wp-block-group.alignfull.has-global-padding:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.single-post .entry-content.alignfull.wp-block-post-content.has-global-padding {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.single-post .entry-content.alignfull.wp-block-post-content.has-global-padding > * {
  margin-block-start: 0 !important;
}

body.single-post .entry-content + .wp-block-group.has-global-padding {
  margin-top: 0 !important;
  padding-top: 0 !important;
  background: #ffffff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.single-post .wp-block-post-featured-image {
  display: none !important;
}
body.single-post .wp-block-post-title[style*="display: none"],
body.single-post .wp-block-group.has-small-font-size.is-layout-flex[style*="display: none"] {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

/* =========================================
   BASE TEMPLATE
========================================= */
.ventari-blog-template,
.ventari-blog-template * {
  box-sizing: border-box;
}

.ventari-blog-template {
  --ventari-navy: #243A5E;
  --ventari-navy-deep: #182A43;
  --ventari-navy-dark: #16263F;
  --ventari-green: #2C4F45;
  --ventari-amber: #D89B2B;
  --ventari-amber-soft: #F3C76A;
  --ventari-platinum: #E5E4E2;
  --ventari-platinum-light: #F7F8FA;
  --ventari-blue-frost: #EEF4FA;
  --ventari-white: #FFFFFF;
  --ventari-text: #1F2933;
  --ventari-muted: #5E6A78;

  position: relative;
  width: 100%;
  overflow: visible;

  margin-top: 0 !important;
  padding: clamp(28px, 4vw, 46px) 18px clamp(42px, 5vw, 68px) !important;

  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  color: var(--ventari-text);
  font-family: "Montserrat", Arial, sans-serif;
}

.ventari-blog-template::before,
.ventari-blog-template::after {
  display: none !important;
  content: none !important;
}

.ventari-blog-shell {
  position: relative;
  z-index: 1;
  width: min(1060px, 100%);
  margin: 0 auto;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* =========================================
   HIDE WORDPRESS WRITTEN BY / AUTHOR META
========================================= */
body.single-post .entry-meta,
body.single-post .post-meta,
body.single-post .post-meta-wrapper,
body.single-post .byline,
body.single-post .posted-on,
body.single-post .updated,
body.single-post .entry-author,
body.single-post .post-author,
body.single-post .wp-block-post-author,
body.single-post .wp-block-post-author-name,
body.single-post .wp-block-post-author-name__link,
body.single-post .wp-block-post-date,
body.single-post .wp-block-post-terms,
body.single-post .taxonomy-category,
body.single-post .taxonomy-post_tag {
  display: none !important;
  visibility: hidden !important;
}

body.single-post .wp-block-group.has-accent-4-color.has-small-font-size.is-layout-flex[style*="margin-bottom:var(--wp--preset--spacing--60)"] {
  margin-bottom: 0 !important;
  min-height: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

body.single-post .wp-block-group.has-accent-4-color.has-small-font-size.is-layout-flex[style*="margin-bottom:var(--wp--preset--spacing--60)"] > p,
body.single-post .wp-block-group.has-accent-4-color.has-small-font-size.is-layout-flex[style*="margin-bottom:var(--wp--preset--spacing--60)"] > .wp-block-post-author-name {
  display: none !important;
  visibility: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================
   HERO CARD
========================================= */
.ventari-blog-hero {
  position: relative;
  overflow: hidden;
  border-radius: 14px !important;
  padding: clamp(22px, 3vw, 34px);
  margin-bottom: clamp(24px, 3.5vw, 42px);

  background:
    radial-gradient(circle at 100% 0%, rgba(198, 219, 238, 0.42), transparent 36%),
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.92),
      rgba(238, 244, 250, 0.62)
    );

  border: 1.5px solid rgba(177, 207, 232, 0.76);

  box-shadow:
    0 16px 38px rgba(24, 42, 67, 0.08),
    0 4px 12px rgba(24, 42, 67, 0.045),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 0 0 1px rgba(255, 255, 255, 0.36);

  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
}

.ventari-blog-hero::before,
.ventari-blog-hero::after {
  display: none !important;
  content: none !important;
}

/* =========================================
   EYEBROW
========================================= */
.ventari-blog-eyebrow {
  display: inline-flex;
  align-items: center;
  width: auto;
  max-width: max-content;
  gap: 9px;

  margin-bottom: 16px;
  padding: 8px 13px;

  background: rgba(255, 255, 255, 0.76);
  border: 1px solid rgba(216, 155, 43, 0.5);
  border-radius: 7px;

  color: var(--ventari-navy);
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.105em;
  text-transform: uppercase;
  text-decoration: none !important;

  box-shadow:
    0 5px 12px rgba(24, 42, 67, 0.03),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);

  backdrop-filter: blur(16px) saturate(1.08);
  -webkit-backdrop-filter: blur(16px) saturate(1.08);

  cursor: pointer;

  transition:
    transform 0.24s ease,
    background-color 0.24s ease,
    border-color 0.24s ease,
    color 0.24s ease,
    box-shadow 0.24s ease;
}

.ventari-blog-eyebrow::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 999px;
  background: var(--ventari-amber);
  box-shadow: 0 0 0 3px rgba(216, 155, 43, 0.16);
}

.ventari-blog-eyebrow:hover {
  transform: translateY(-2px);
  color: var(--ventari-white);
  background: var(--ventari-navy);
  border-color: rgba(198, 219, 238, 0.72);
  box-shadow:
    0 10px 24px rgba(24, 42, 67, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.ventari-blog-eyebrow:active {
  transform: translateY(0);
  color: var(--ventari-white);
  background: var(--ventari-navy-dark);
  border-color: var(--ventari-amber);
  box-shadow:
    0 6px 16px rgba(24, 42, 67, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.ventari-blog-eyebrow a,
.ventari-blog-eyebrow a:hover,
.ventari-blog-eyebrow a:focus,
.ventari-blog-eyebrow a:active,
.ventari-blog-eyebrow a:visited {
  color: inherit !important;
  text-decoration: none !important;
}

/* =========================================
   TITLE CARD
========================================= */
.ventari-blog-title {
  display: block;
  width: min(820px, 100%);
  max-width: 820px;

  margin: 0 0 20px;
  padding: clamp(18px, 2.2vw, 26px) clamp(20px, 2.7vw, 32px);

  background:
    radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.14), transparent 34%),
    linear-gradient(
      135deg,
      var(--ventari-navy-deep) 0%,
      var(--ventari-navy) 58%,
      #203553 100%
    );

  border: 1.5px solid rgba(216, 155, 43, 0.48);
  border-radius: 12px;

  color: #ffffff !important;
  font-size: clamp(1.75rem, 2.45vw, 2.12rem);
  line-height: 1.12;
  letter-spacing: -0.032em;
  font-weight: 740;

  box-shadow:
    0 16px 34px rgba(24, 42, 67, 0.22),
    0 4px 12px rgba(24, 42, 67, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 0 0 1px rgba(255, 255, 255, 0.08);

  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
}

.ventari-blog-subtitle {
  max-width: 900px;
  margin: 0;
  color: #3F4A58;
  font-size: clamp(0.9rem, 1vw, 0.98rem);
  line-height: 1.62;
  font-weight: 450;
}

/* =========================================
   TAGS
========================================= */
.ventari-blog-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}

.ventari-blog-pill {
  display: inline-flex;
  padding: 7px 11px;
  border-radius: 6px;

  background: linear-gradient(
    135deg,
    rgba(216, 155, 43, 0.72),
    rgba(243, 199, 106, 0.62)
  );

  color: var(--ventari-navy-deep);
  border: 1px solid rgba(255, 255, 255, 0.62);

  font-size: 0.68rem;
  font-weight: 720;
  letter-spacing: 0.02em;

  box-shadow:
    0 5px 12px rgba(24, 42, 67, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(126, 82, 14, 0.08);

  backdrop-filter: blur(14px) saturate(1.14);
  -webkit-backdrop-filter: blur(14px) saturate(1.14);
}

/* =========================================
   FEATURED IMAGE CARD
========================================= */
.ventari-blog-image-wrap,
.ventari-blog-featured,
.ventari-featured-image {
  overflow: hidden;
  border-radius: 15px;
  margin: 0 0 clamp(26px, 4vw, 44px);

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.92),
      rgba(238, 244, 250, 0.66)
    );

  border: 2px solid rgba(166, 201, 230, 0.82);

  box-shadow:
    0 18px 42px rgba(24, 42, 67, 0.11),
    0 6px 16px rgba(24, 42, 67, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 0 0 1px rgba(255, 255, 255, 0.48);

  backdrop-filter: blur(18px) saturate(1.1);
  -webkit-backdrop-filter: blur(18px) saturate(1.1);
}

.ventari-blog-image-wrap img,
.ventari-blog-featured img,
.ventari-featured-image img,
img.ventari-blog-image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 12px;
}

.ventari-blog-caption,
.ventari-featured-caption,
.ventari-blog-featured figcaption,
.ventari-blog-image-wrap figcaption {
  margin: 0;
  padding: 10px 13px 11px;
  color: rgba(94, 106, 120, 0.86);
  font-size: 0.72rem;
  line-height: 1.45;
  font-weight: 450;
}

/* =========================================
   BLOG BODY LAYOUT
========================================= */
.ventari-blog-content,
.ventari-blog-content-grid {
  width: min(1060px, 100%);
  margin: 0 auto;
}

.ventari-blog-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: clamp(22px, 3vw, 34px);
  align-items: start;
}

.ventari-blog-article {
  min-width: 0;
}

/* Main blog copy card with frosted light blue border */
.ventari-blog-article,
.ventari-blog-content-card,
.ventari-blog-copy-card,
.ventari-blog-section-card,
.ventari-blog-content > section,
.ventari-blog-content > .wp-block-group {
  border-radius: 16px;
  padding: clamp(22px, 3vw, 34px);
  margin-bottom: clamp(22px, 3vw, 34px);

  background:
    radial-gradient(circle at 100% 0%, rgba(198, 219, 238, 0.26), transparent 34%),
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.94),
      rgba(238, 244, 250, 0.58)
    );

  border: 2px solid rgba(198, 219, 238, 0.92);
  outline: 1px solid rgba(255, 255, 255, 0.72);
  outline-offset: -4px;

  box-shadow:
    0 20px 46px rgba(24, 42, 67, 0.095),
    0 6px 16px rgba(24, 42, 67, 0.055),
    0 0 0 5px rgba(238, 244, 250, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 0 0 1px rgba(255, 255, 255, 0.5);

  backdrop-filter: blur(18px) saturate(1.1);
  -webkit-backdrop-filter: blur(18px) saturate(1.1);
}

.ventari-blog-article h2,
.ventari-blog-article h3,
.ventari-blog-article h4,
.ventari-blog-content h2,
.ventari-blog-content h3,
.ventari-blog-content h4 {
  color: var(--ventari-navy-deep);
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin: 28px 0 14px;
}

.ventari-blog-article h2:first-child,
.ventari-blog-article h3:first-child,
.ventari-blog-content h2:first-child,
.ventari-blog-content h3:first-child {
  margin-top: 0;
}

.ventari-blog-article h2,
.ventari-blog-content h2 {
  font-size: clamp(1.42rem, 2vw, 1.82rem);
  font-weight: 740;
}

.ventari-blog-article h3,
.ventari-blog-content h3 {
  font-size: clamp(1.12rem, 1.5vw, 1.32rem);
  font-weight: 720;
}

.ventari-blog-article p,
.ventari-blog-content p {
  color: #334155;
  font-size: clamp(0.94rem, 1vw, 1rem);
  line-height: 1.72;
  font-weight: 430;
  margin: 0 0 16px;
}

.ventari-blog-article p:last-child,
.ventari-blog-content p:last-child {
  margin-bottom: 0;
}

.ventari-blog-article strong,
.ventari-blog-content strong {
  color: var(--ventari-navy-deep);
  font-weight: 740;
}

.ventari-blog-article a,
.ventari-blog-content a {
  color: var(--ventari-navy);
  font-weight: 650;
  text-decoration-color: rgba(216, 155, 43, 0.55);
  text-underline-offset: 3px;
}

.ventari-blog-article a:hover,
.ventari-blog-content a:hover {
  color: var(--ventari-amber);
}

.ventari-blog-article ul,
.ventari-blog-article ol,
.ventari-blog-content ul,
.ventari-blog-content ol {
  margin: 14px 0 20px;
  padding-left: 1.25rem;
}

.ventari-blog-article li,
.ventari-blog-content li {
  color: #334155;
  font-size: clamp(0.94rem, 1vw, 1rem);
  line-height: 1.72;
  font-weight: 430;
  margin-bottom: 8px;
}

.ventari-blog-article li::marker,
.ventari-blog-content li::marker {
  color: var(--ventari-amber);
}

/* =========================================
   INLINE FEATURE CARD
========================================= */
.ventari-blog-feature {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.72fr);
  gap: 0;
  overflow: hidden;

  margin: clamp(28px, 4vw, 44px) 0;
  border-radius: 16px;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.94),
      rgba(238, 244, 250, 0.64)
    );

  border: 2px solid rgba(198, 219, 238, 0.9);

  box-shadow:
    0 20px 46px rgba(24, 42, 67, 0.1),
    0 6px 16px rgba(24, 42, 67, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 0 0 1px rgba(255, 255, 255, 0.46);

  backdrop-filter: blur(18px) saturate(1.1);
  -webkit-backdrop-filter: blur(18px) saturate(1.1);
}

.ventari-blog-feature img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 280px;
  object-fit: cover;
}

.ventari-blog-feature-copy {
  padding: clamp(22px, 3vw, 32px);
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.ventari-blog-feature-kicker {
  display: inline-flex;
  margin-bottom: 12px;
  padding: 8px 13px;
  border-radius: 8px;

  color: var(--ventari-amber);
  background: rgba(255, 255, 255, 0.86);
  border: 1.5px solid rgba(216, 155, 43, 0.45);

  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;

  box-shadow:
    0 8px 18px rgba(24, 42, 67, 0.055),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);

  backdrop-filter: blur(14px) saturate(1.08);
  -webkit-backdrop-filter: blur(14px) saturate(1.08);
}

.ventari-blog-feature-copy h3 {
  margin: 0 0 12px;
  color: var(--ventari-navy-deep);
  font-size: clamp(1.18rem, 1.7vw, 1.48rem);
  line-height: 1.22;
}

.ventari-blog-feature-copy p {
  margin: 0;
}

/* =========================================
   LEAD LINE
========================================= */
.ventari-blog-lead-line {
  margin: clamp(24px, 3vw, 36px) 0;
  padding: clamp(18px, 2.4vw, 26px);

  border-left: 4px solid var(--ventari-amber);
  border-radius: 12px;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.92),
      rgba(238, 244, 250, 0.62)
    );

  border-top: 1.5px solid rgba(198, 219, 238, 0.76);
  border-right: 1.5px solid rgba(198, 219, 238, 0.76);
  border-bottom: 1.5px solid rgba(198, 219, 238, 0.76);

  box-shadow:
    0 12px 28px rgba(24, 42, 67, 0.075),
    inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

.ventari-blog-lead-line p {
  margin: 0;
  color: var(--ventari-navy-deep);
  font-size: clamp(1.05rem, 1.4vw, 1.25rem);
  line-height: 1.55;
  font-weight: 720;
}

/* =========================================
   THIS INSIGHT / SIDEBAR CARD
   Sticky on desktop only
========================================= */
.ventari-blog-sidebar {
  position: sticky;
  top: 110px;
  align-self: start;
  height: fit-content;
  z-index: 2;
}

.ventari-blog-side-card,
.ventari-this-insight,
.ventari-insight-card,
.ventari-blog-insight {
  border-radius: 15px;
  padding: clamp(20px, 2.4vw, 28px);

  background:
    radial-gradient(circle at 100% 0%, rgba(198, 219, 238, 0.38), transparent 34%),
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.92),
      rgba(238, 244, 250, 0.62)
    );

  border: 1.75px solid rgba(198, 219, 238, 0.82);

  box-shadow:
    0 16px 38px rgba(24, 42, 67, 0.085),
    0 5px 14px rgba(24, 42, 67, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 0 0 1px rgba(255, 255, 255, 0.42);

  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
}

.ventari-this-insight,
.ventari-insight-card,
.ventari-blog-insight {
  margin: clamp(28px, 4vw, 46px) auto;
  width: min(900px, 100%);
}

.ventari-blog-side-card h3,
.ventari-this-insight h2,
.ventari-this-insight h3,
.ventari-insight-card h2,
.ventari-insight-card h3,
.ventari-blog-insight h2,
.ventari-blog-insight h3 {
  color: var(--ventari-navy-deep);
  margin: 0 0 16px;
  font-size: clamp(1.05rem, 1.35vw, 1.28rem);
  line-height: 1.2;
  letter-spacing: -0.02em;
  font-weight: 740;
}

.ventari-blog-side-card ul,
.ventari-this-insight ul,
.ventari-insight-card ul,
.ventari-blog-insight ul {
  margin: 0;
  padding-left: 1.15rem;
}

.ventari-blog-side-card li,
.ventari-this-insight li,
.ventari-insight-card li,
.ventari-blog-insight li {
  color: #334155;
  font-size: clamp(0.86rem, 0.95vw, 0.94rem);
  line-height: 1.62;
  margin-bottom: 8px;
}

.ventari-blog-side-card li::marker,
.ventari-this-insight li::marker,
.ventari-insight-card li::marker,
.ventari-blog-insight li::marker {
  color: var(--ventari-amber);
}

/* =========================================
   THIS INSIGHT LINKS
========================================= */
.ventari-blog-side-card a,
.ventari-this-insight a,
.ventari-insight-card a,
.ventari-blog-insight a {
  display: inline-block;

  color: inherit !important;
  text-decoration: none !important;
  font-weight: 430;
  line-height: inherit;

  transition:
    transform 0.22s ease,
    color 0.22s ease,
    font-weight 0.22s ease,
    opacity 0.22s ease;
}

.ventari-blog-side-card a:hover,
.ventari-this-insight a:hover,
.ventari-insight-card a:hover,
.ventari-blog-insight a:hover {
  transform: translateY(-2px);
  color: var(--ventari-amber) !important;
  text-decoration: none !important;
}

.ventari-blog-side-card a:active,
.ventari-this-insight a:active,
.ventari-insight-card a:active,
.ventari-blog-insight a:active {
  transform: translateY(0);
  color: var(--ventari-amber) !important;
  font-weight: 700;
  text-decoration: none !important;
}

/* =========================================
   CTA CARD
========================================= */
.ventari-blog-cta {
  width: min(980px, 100%);
  margin: clamp(34px, 5vw, 58px) auto 0;
  padding: clamp(24px, 3.4vw, 38px);
  text-align: center;

  position: relative;
  isolation: isolate;

  border-radius: 18px;

  /* Dark blue initial state */
  background: #001326 !important;
  background-color: #001326 !important;

  /* Visible on WHITE backgrounds */
  border: 4px solid rgba(148, 163, 184, 0.92);

  box-shadow:
    0 18px 38px rgba(24, 42, 67, 0.22),
    0 5px 14px rgba(24, 42, 67, 0.14),

    /* visible silver outline only — no white inset glow */
    0 0 0 1px rgba(71, 85, 105, 0.28),
    0 0 0 7px rgba(148, 163, 184, 0.18);

  transition:
    border-color 0.28s ease,
    box-shadow 0.28s ease,
    transform 0.28s ease;
}

/* Initial border layer — NO white glow on initial state */
.ventari-blog-cta::before {
  content: "";
  position: absolute;
  inset: -7px;
  z-index: -1;
  border-radius: 24px;

  border: 1px solid rgba(100, 116, 139, 0.38);

  /* removed the white frosted gradient from initial state */
  background: transparent;

  opacity: 1;
  pointer-events: none;

  transition:
    background 0.28s ease,
    border-color 0.28s ease,
    opacity 0.28s ease;
}

/* Hover border around the ENTIRE CTA section */
.ventari-blog-cta:hover {
  border-color: rgba(100, 116, 139, 1);

  box-shadow:
    0 22px 44px rgba(24, 42, 67, 0.26),
    0 8px 20px rgba(24, 42, 67, 0.18),

    /* stronger visible silver/blue-grey hover outline */
    0 0 0 2px rgba(71, 85, 105, 0.42),
    0 0 0 9px rgba(148, 163, 184, 0.28),
    0 0 34px rgba(100, 116, 139, 0.26),

    /* inset glow comes back only on hover */
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    inset 0 0 28px rgba(255, 255, 255, 0.075);
}

.ventari-blog-cta:hover::before {
  border-color: rgba(71, 85, 105, 0.55);

  /* frosted glow comes back only on hover */
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.6),
      rgba(148, 163, 184, 0.34),
      rgba(226, 232, 240, 0.28)
    );
}

/* Active state: glow comes back on active too */
.ventari-blog-cta {
  border: 5px solid rgba(148, 163, 184, 0.92);

  box-shadow:
    0 18px 34px rgba(24, 42, 67, 0.24),
    0 5px 14px rgba(24, 42, 67, 0.16),

    0 0 0 2px rgba(71, 85, 105, 0.44),
    0 0 0 9px rgba(148, 163, 184, 0.26),
    0 0 30px rgba(100, 116, 139, 0.24),

    /* inset glow comes back only on active */
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 0 0 28px rgba(255, 255, 255, 0.075);
}

.ventari-blog-cta:active::before {
  border-color: rgba(71, 85, 105, 0.58);

  /* frosted glow comes back only on active */
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.58),
      rgba(148, 163, 184, 0.34),
      rgba(226, 232, 240, 0.28)
    );
}

.ventari-blog-cta h2,
.ventari-blog-cta h3 {
  color: #ffffff;
  margin: 0 0 8px;
  font-size: clamp(1.22rem, 2vw, 1.62rem);
  line-height: 1.18;
  letter-spacing: -0.025em;
  font-weight: 740;
}

.ventari-blog-cta p {
  max-width: 720px;
  margin: 0 auto 18px;
  color: rgba(255, 255, 255, 0.86);
  font-size: clamp(0.9rem, 1vw, 0.98rem);
  line-height: 1.6;
  font-weight: 430;
}

.ventari-blog-cta a,
.ventari-blog-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 40px;
  padding: 11px 20px;

  color: #ffffff !important;
  background: var(--ventari-amber);
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: 8px;

  font-size: 0.7rem;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.055em;
  text-transform: uppercase;
  text-decoration: none !important;

  box-shadow:
    0 8px 18px rgba(0, 0, 0, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.26);

  transition:
    transform 0.24s ease,
    background-color 0.24s ease,
    color 0.24s ease,
    box-shadow 0.24s ease,
    border-color 0.24s ease;
}

.ventari-blog-cta a:hover,
.ventari-blog-cta-button:hover {
  transform: translateY(-2px);
  color: var(--ventari-navy-deep) !important;
  background: #ffffff;
  border-color: rgba(100, 116, 139, 0.75);

  box-shadow:
    0 12px 24px rgba(0, 0, 0, 0.14),
    0 0 16px rgba(100, 116, 139, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.46);
}

.ventari-blog-cta a:active,
.ventari-blog-cta-button:active {
  transform: translateY(0);
  color: #ffffff !important;
  background: var(--ventari-amber);
}

/* =========================================
   DEFAULT WORDPRESS POST NAV + MORE POSTS CLEANUP
========================================= */
body.single-post .wp-block-group.alignwide.is-layout-flow[style*="margin-top:var(--wp--preset--spacing--60)"] {
  margin-top: clamp(34px, 5vw, 56px) !important;
  margin-bottom: clamp(34px, 5vw, 56px) !important;
}

body.single-post nav[aria-label="Post navigation"] {
  width: min(980px, 100%);
  margin: 0 auto !important;
  padding: 18px !important;

  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;

  border-top: 0 !important;
  border-radius: 14px;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.9),
      rgba(238, 244, 250, 0.62)
    );

  border: 1.75px solid rgba(198, 219, 238, 0.82) !important;

  box-shadow:
    0 16px 38px rgba(24, 42, 67, 0.085),
    inset 0 1px 0 rgba(255, 255, 255, 0.94);

  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
}

body.single-post .wp-block-post-navigation-link {
  min-width: 0;
}

body.single-post .wp-block-post-navigation-link:empty {
  display: none !important;
}

body.single-post .wp-block-post-navigation-link a {
  color: var(--ventari-navy-deep, #182A43) !important;
  text-decoration: none !important;
  font-weight: 720;
}

body.single-post .wp-block-post-navigation-link {
  display: flex;
  align-items: center;
  gap: 10px;

  width: 100%;
  min-height: 72px;
  padding: 18px 20px;

  color: var(--ventari-navy-deep, #182A43) !important;
  background: rgba(255, 255, 255, 0.76);
  border: 1.5px solid rgba(198, 219, 238, 0.82);
  border-radius: 10px;

  font-size: clamp(0.78rem, 1vw, 0.92rem);
  line-height: 1.32;
  font-weight: 720;

  box-shadow:
    0 10px 22px rgba(24, 42, 67, 0.055),
    inset 0 1px 0 rgba(255, 255, 255, 0.94);

  transition:
    transform 0.24s ease,
    border-color 0.24s ease,
    background-color 0.24s ease,
    color 0.24s ease,
    box-shadow 0.24s ease;
}

body.single-post .wp-block-post-navigation-link:hover {
  transform: translateY(-2px);
  border-color: rgba(216, 155, 43, 0.58);
  background: rgba(255, 255, 255, 0.9);
  box-shadow:
    0 13px 26px rgba(24, 42, 67, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

body.single-post .wp-block-post-navigation-link:active {
  transform: translateY(0);
}

body.single-post .wp-block-post-navigation-link__arrow-previous,
body.single-post .wp-block-post-navigation-link__arrow-next {
  color: var(--ventari-amber, #D89B2B);
  font-weight: 800;
}

/* =========================================
   MORE INSIGHTS WRAPPER
========================================= */
body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child {
  width: min(980px, 100%);
  margin: clamp(34px, 5vw, 58px) auto 0 !important;
  padding: clamp(20px, 3vw, 32px) !important;

  border-radius: 15px;
  background:
    radial-gradient(circle at 100% 0%, rgba(198, 219, 238, 0.38), transparent 38%),
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.92),
      rgba(238, 244, 250, 0.62)
    );

  border: 1.75px solid rgba(198, 219, 238, 0.82);

  box-shadow:
    0 16px 38px rgba(24, 42, 67, 0.085),
    0 5px 14px rgba(24, 42, 67, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.94);

  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
}

/* =========================================
   MORE INSIGHTS TAG / LINK BUTTON
   Uses only the real link, no duplicate CSS-generated text
========================================= */
body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child h2 {
  margin: 0 0 18px !important;
  padding: 0 !important;

  display: inline-flex;
  width: auto;
  max-width: max-content;

  font-size: 0 !important;
  line-height: 1 !important;
}

/* Kill the old generated duplicate if it still exists anywhere */
body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child h2::before,
body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child h2::after {
  content: none !important;
  display: none !important;
}

body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child h2 a {
  position: relative;

  display: inline-flex;
  align-items: center;
  gap: 9px;

  width: auto;
  max-width: max-content;

  padding: 8px 13px;

  background: rgba(255, 255, 255, 0.76);
  border: 1px solid rgba(216, 155, 43, 0.5);
  border-radius: 7px;

  color: var(--ventari-navy, #243A5E) !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 0.66rem !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.105em !important;
  text-transform: uppercase;
  text-decoration: none !important;

  cursor: pointer;

  box-shadow:
    0 5px 12px rgba(24, 42, 67, 0.03),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);

  backdrop-filter: blur(14px) saturate(1.08);
  -webkit-backdrop-filter: blur(14px) saturate(1.08);

  transition:
    transform 0.22s ease,
    background 0.22s ease,
    border-color 0.22s ease,
    color 0.22s ease,
    box-shadow 0.22s ease;
}

body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child h2 a::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 999px;
  background: var(--ventari-amber, #D89B2B);
  box-shadow: 0 0 0 3px rgba(216, 155, 43, 0.16);

  transition:
    background 0.22s ease,
    box-shadow 0.22s ease;
}

/* Hover: dark blue background, white text, lift */
body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child h2 a:hover {
  transform: translateY(-2px);

  background:
    linear-gradient(
      135deg,
      var(--ventari-navy-deep, #182A43),
      var(--ventari-navy, #243A5E)
    );

  border-color: rgba(255, 255, 255, 0.42);
  color: #ffffff !important;

  box-shadow:
    0 12px 24px rgba(24, 42, 67, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child h2 a:hover::before {
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.18);
}

/* Active: amber background, white text, click down */
body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child h2 a:active {
  transform: translateY(0) scale(0.985);

  background:
    linear-gradient(
      135deg,
      var(--ventari-amber, #D89B2B),
      #c58925
    );

  border-color: rgba(255, 255, 255, 0.5);
  color: #ffffff !important;

  box-shadow:
    0 7px 16px rgba(216, 155, 43, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child h2 a:active::before {
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.18);
}

/* =========================================
   MORE INSIGHTS QUERY RESET
========================================= */
body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child .wp-block-query {
  width: 100%;
  max-width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child .wp-block-post-template {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 12px;

  width: 100%;
  max-width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
}

body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child .wp-block-post-template > .wp-block-post {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* =========================================
   MORE INSIGHTS INDIVIDUAL POST ROWS
   Full card click uses stretched title link
========================================= */
body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child .wp-block-post-template > .wp-block-post > .wp-block-group {
  position: relative;
  overflow: hidden;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: clamp(14px, 2.5vw, 28px);

  width: 100%;
  max-width: 100%;

  margin: 0 !important;
  padding: clamp(15px, 2.1vw, 22px) !important;

  border: 1.5px solid rgba(198, 219, 238, 0.72) !important;
  border-bottom-width: 1.5px !important;
  border-radius: 11px;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.76),
      rgba(238, 244, 250, 0.58)
    );

  box-shadow:
    0 7px 16px rgba(24, 42, 67, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.94);

  backdrop-filter: blur(14px) saturate(1.06);
  -webkit-backdrop-filter: blur(14px) saturate(1.06);
  cursor: pointer;

  transition:
    transform 0.24s ease,
    background 0.24s ease,
    border-color 0.24s ease,
    color 0.24s ease,
    box-shadow 0.24s ease;
}

/* Hover: dark blue background with white text */
body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child .wp-block-post-template > .wp-block-post > .wp-block-group:hover {
  transform: translateY(-2px);

  background:
    linear-gradient(
      135deg,
      var(--ventari-navy-deep, #182A43),
      var(--ventari-navy, #243A5E)
    );

  border-color: rgba(216, 155, 43, 0.58) !important;

  box-shadow:
    0 14px 28px rgba(24, 42, 67, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

/* Active: amber background with white text */
body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child .wp-block-post-template > .wp-block-post > .wp-block-group:active {
  transform: translateY(0);

  background:
    linear-gradient(
      135deg,
      var(--ventari-amber, #D89B2B),
      #c58925
    );

  border-color: rgba(255, 255, 255, 0.5) !important;

  box-shadow:
    0 8px 18px rgba(216, 155, 43, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

/* =========================================
   MORE INSIGHTS POST TITLE
========================================= */
body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child .wp-block-post-title {
  position: relative;
  z-index: 2;

  margin: 0 !important;
  max-width: 760px;
  min-width: 0;

  color: var(--ventari-navy-deep, #182A43) !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: clamp(0.92rem, 1.2vw, 1.08rem) !important;
  line-height: 1.28 !important;
  font-weight: 720 !important;
  letter-spacing: -0.02em !important;

  pointer-events: auto;
}

body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child .wp-block-post-title a {
  position: relative;
  z-index: 20;

  display: inline-block;

  color: inherit !important;
  text-decoration: none !important;
  pointer-events: auto;
}

/* Stretches the real blog title link over the full card */
body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child .wp-block-post-title a::after {
  content: "";
  position: absolute;

  top: -24px;
  right: -999px;
  bottom: -24px;
  left: -999px;

  z-index: 30;
  display: block;

  cursor: pointer;
  pointer-events: auto;
}

/* Text turns white on hover */
body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child .wp-block-post-template > .wp-block-post > .wp-block-group:hover .wp-block-post-title,
body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child .wp-block-post-template > .wp-block-post > .wp-block-group:hover .wp-block-post-title a {
  color: #ffffff !important;
}

/* Text stays white on active */body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child .wp-block-post-template > .wp-block-post > .wp-block-group:active .wp-block-post-title,
body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child .wp-block-post-template > .wp-block-post > .wp-block-group:active .wp-block-post-title a {
  color: #ffffff !important;
}

/* =========================================
   HIDE MORE INSIGHTS POST DATE
========================================= */
body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child .wp-block-post-date {
  display: none !important;
}

/* =========================================
   MORE INSIGHTS MOBILE
========================================= */
@media (max-width: 760px) {
  body.single-post nav[aria-label="Post navigation"] {
    grid-template-columns: 1fr !important;
    padding: 14px !important;
    gap: 12px !important;
  }

  body.single-post .wp-block-post-navigation-link {
    min-height: 64px;
    padding: 15px 16px;
    font-size: 0.82rem;
  }

  body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child {
    width: min(100%, calc(100vw - 32px));
    padding: 18px !important;
  }

  body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child .wp-block-post-template > .wp-block-post > .wp-block-group {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 8px;
    padding: 15px 16px !important;
  }

  body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child .wp-block-post-title {
    font-size: 0.96rem !important;
    line-height: 1.3 !important;
  }

  body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child .wp-block-post-title a::after {
    top: -18px;
    bottom: -18px;
  }
}

@media (max-width: 480px) {
  body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child {
    width: min(100%, calc(100vw - 28px));
    margin-top: 30px !important;
    padding: 16px !important;
    border-radius: 14px;
  }

  body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child h2 {
    margin-bottom: 14px !important;
  }

  body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child h2 a {
    padding: 7px 11px;
    font-size: 0.62rem !important;
    letter-spacing: 0.095em !important;
  }

  body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child .wp-block-post-template {
    gap: 10px;
  }

  body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child .wp-block-post-template > .wp-block-post > .wp-block-group {
    border-radius: 10px;
  }
}

/* =========================================
   GENERAL WORDPRESS CONTENT RESET INSIDE TEMPLATE
========================================= */
/* =========================================
   TABLET
   Stack layout and disable sticky sidebar
========================================= */
@media (max-width: 1024px) {
  .ventari-blog-template {
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: clamp(24px, 4vw, 40px) !important;
  }

  .ventari-blog-content-grid {
    grid-template-columns: 1fr;
  }

  .ventari-blog-sidebar {
    position: relative;
    top: auto;
    align-self: auto;
    height: auto;
    z-index: 1;
  }

  .ventari-blog-feature {
    grid-template-columns: 1fr;
  }

  .ventari-blog-feature img {
    min-height: auto;
    aspect-ratio: 16 / 9;
  }

  body.single-post nav[aria-label="Post navigation"] {
    gap: 12px !important;
    padding: 14px !important;
  }

  body.single-post .wp-block-post-navigation-link {
    align-items: flex-start;
    min-height: auto;
    padding: 16px;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

/* =========================================
   MOBILE
========================================= */
@media (max-width: 767px) {
  .ventari-blog-template {
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-top: 24px !important;
  }

  .ventari-blog-hero,
  .ventari-blog-article,
  .ventari-blog-side-card,
  .ventari-this-insight,
  .ventari-insight-card,
  .ventari-blog-insight,
  .ventari-blog-content-card,
  .ventari-blog-copy-card,
  .ventari-blog-section-card,
  .ventari-blog-content > section,
  .ventari-blog-content > .wp-block-group {
    border-radius: 12px;
    padding: 20px;
  }

  .ventari-blog-title {
    border-radius: 10px;
    padding: 16px;
    font-size: clamp(1.45rem, 7vw, 1.82rem);
  }

  .ventari-blog-meta {
    gap: 7px;
  }

  .ventari-blog-pill {
    font-size: 0.64rem;
    padding: 7px 10px;
  }

  .ventari-blog-image-wrap,
  .ventari-blog-featured,
  .ventari-featured-image {
    border-radius: 12px;
  }

  .ventari-blog-image-wrap img,
  .ventari-blog-featured img,
  .ventari-featured-image img,
  img.ventari-blog-image {
    border-radius: 10px;
  }

  body.single-post nav[aria-label="Post navigation"] {
    grid-template-columns: 1fr !important;
  }

  body.single-post .wp-block-post-navigation-link {
    justify-content: flex-start;
    gap: 10px;
    font-size: 0.82rem;
    line-height: 1.35;
  }

  body.single-post main#wp--skip-link--target > .wp-block-group.alignwide.has-global-padding:last-child {
    border-radius: 12px;
    padding: 20px !important;
  }

  body.single-post .wp-block-post-template > li > .wp-block-group {
    align-items: flex-start !important;
    padding: 15px 16px !important;
  }
}

@media (max-width: 480px) {
  .ventari-blog-template {
    padding-top: 20px !important;
  }

  .ventari-blog-hero,
  .ventari-blog-article,
  .ventari-blog-side-card,
  .ventari-this-insight,
  .ventari-insight-card,
  .ventari-blog-insight,
  .ventari-blog-content-card,
  .ventari-blog-copy-card,
  .ventari-blog-section-card,
  .ventari-blog-content > section,
  .ventari-blog-content > .wp-block-group {
    padding: 18px;
  }

  .ventari-blog-eyebrow {
    font-size: 0.6rem;
    letter-spacing: 0.085em;
    padding: 7px 11px;
  }

  .ventari-blog-cta {
    border-radius: 14px;
    padding: 22px 18px;
  }

  .ventari-blog-cta a,
  .ventari-blog-cta-button {
    width: 100%;
  }
}

body.single-post main#wp--skip-link--target.has-global-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* =========================================
   BLOG ARTICLE HEADING SIZE OVERRIDE
   Tablet + Mobile only
========================================= */
@media screen and (max-width: 1024px) {
  .ventari-blog-template .ventari-blog-article h2,
  .ventari-blog-template .ventari-blog-content h2,
  .ventari-blog-template .ventari-blog-article .wp-block-heading,
  .ventari-blog-template .ventari-blog-content .wp-block-heading {
    font-size: 1.5rem !important;
    line-height: 1.14 !important;
    letter-spacing: -0.035em !important;
    font-weight: 600 !important;
  }

  .ventari-blog-template .ventari-blog-article h3,
  .ventari-blog-template .ventari-blog-content h3 {
    font-size: 1.55rem !important;
    line-height: 1.18 !important;
    letter-spacing: -0.03em !important;
    font-weight: 740 !important;
  }
}

@media screen and (max-width: 767px) {
  .ventari-blog-template .ventari-blog-article h2,
  .ventari-blog-template .ventari-blog-content h2,
  .ventari-blog-template .ventari-blog-article .wp-block-heading,
  .ventari-blog-template .ventari-blog-content .wp-block-heading {
    font-size: 1.35rem !important;
    line-height: 1.14 !important;
    letter-spacing: -0.035em !important;
    font-weight: 700 !important;
    margin-top: 30px !important;
    margin-bottom: 14px !important;
  }

  .ventari-blog-template .ventari-blog-article h3,
  .ventari-blog-template .ventari-blog-content h3 {
    font-size: 1.45rem !important;
    line-height: 1.18 !important;
    letter-spacing: -0.03em !important;
    font-weight: 600 !important;
    margin-top: 24px !important;
    margin-bottom: 12px !important;
  }
}

@media screen and (max-width: 480px) {
  .ventari-blog-template .ventari-blog-article h2,
  .ventari-blog-template .ventari-blog-content h2,
  .ventari-blog-template .ventari-blog-article .wp-block-heading,
  .ventari-blog-template .ventari-blog-content .wp-block-heading {
    font-size: 1.35rem !important;
    line-height: 1.16 !important;
  }

  .ventari-blog-template .ventari-blog-article h3,
  .ventari-blog-template .ventari-blog-content h3 {
    font-size: 1.34rem !important;
    line-height: 1.2 !important;
  }
}

/* =========================================
   SAFARI STICKY FIX — IN THIS INSIGHT
   Keeps sidebar/card sticky on desktop Safari
========================================= */
@media screen and (min-width: 1025px) {
  body.single-post,
  body.single-post html,
  body.single-post main#wp--skip-link--target,
  body.single-post .entry-content,
  body.single-post .ventari-blog-template,
  body.single-post .ventari-blog-shell,
  body.single-post .ventari-blog-content,
  body.single-post .ventari-blog-content-grid {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
  }

  .ventari-blog-content-grid {
    align-items: start !important;
  }

  .ventari-blog-sidebar {
    display: block !important;
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 110px !important;
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    z-index: 20 !important;
  }

  .ventari-blog-sidebar > .ventari-blog-side-card,
  .ventari-blog-sidebar > .ventari-this-insight,
  .ventari-blog-sidebar > .ventari-insight-card,
  .ventari-blog-sidebar > .ventari-blog-insight {
    position: relative !important;
    margin-top: 0 !important;
  }

  .ventari-blog-content-grid > .ventari-this-insight,
  .ventari-blog-content-grid > .ventari-insight-card,
  .ventari-blog-content-grid > .ventari-blog-insight,
  .ventari-blog-content-grid > .ventari-blog-side-card {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 110px !important;
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    z-index: 20 !important;
    margin-top: 0 !important;
  }
}

/* =========================================
   PREVIOUS / NEXT POST NAVIGATION
========================================= */
.ventari-post-nav,
.ventari-blog-post-nav,
.post-navigation,
.navigation.post-navigation {
  width: min(980px, 100%);
  margin: clamp(34px, 5vw, 56px) auto;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.ventari-post-nav-inner,
.post-navigation .nav-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;

  padding: 18px;
  border-radius: 14px;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.84),
      rgba(238, 244, 250, 0.56)
    );

  border: 1px solid rgba(198, 219, 238, 0.56);

  box-shadow:
    0 12px 30px rgba(24, 42, 67, 0.055),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);

  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
}

.post-navigation .nav-previous,
.post-navigation .nav-next,
.ventari-post-nav a,
.ventari-blog-post-nav a {
  min-width: 0;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a,
.ventari-post-nav a,
.ventari-blog-post-nav a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  width: 100%;
  min-height: 72px;
  padding: 18px 20px;

  color: var(--ventari-navy-deep) !important;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(198, 219, 238, 0.72);
  border-radius: 10px;

  text-decoration: none !important;
  font-size: clamp(0.78rem, 1vw, 0.92rem);
  line-height: 1.32;
  font-weight: 720;

  box-shadow:
    0 8px 18px rgba(24, 42, 67, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);

  transition:
    transform 0.24s ease,
    border-color 0.24s ease,
    background-color 0.24s ease,
    box-shadow 0.24s ease;
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover,
.ventari-post-nav a:hover,
.ventari-blog-post-nav a:hover {
  transform: translateY(-2px);
  border-color: rgba(216, 155, 43, 0.55);
  background: rgba(255, 255, 255, 0.88);
  box-shadow:
    0 12px 24px rgba(24, 42, 67, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

.post-navigation .nav-previous a:active,
.post-navigation .nav-next a:active,
.ventari-post-nav a:active,
.ventari-blog-post-nav a:active {
  transform: translateY(0);
}

/* Hide empty previous/next containers cleanly */
.post-navigation .nav-previous:empty,
.post-navigation .nav-next:empty {
  display: none !important;
}

/* =========================================
   MORE INSIGHTS
========================================= */
.ventari-more-insights {
  width: min(980px, 100%);
  margin: clamp(34px, 5vw, 58px) auto 0;
  padding: clamp(20px, 3vw, 32px);

  border-radius: 14px;

  background:
    radial-gradient(circle at 100% 0%, rgba(198, 219, 238, 0.36), transparent 38%),
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.9),
      rgba(238, 244, 250, 0.58)
    );

  border: 1px solid rgba(198, 219, 238, 0.56);

  box-shadow:
    0 12px 30px rgba(24, 42, 67, 0.055),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);

  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
}

.ventari-more-insights__eyebrow,
.ventari-more-insights .ventari-blog-eyebrow {
  margin-bottom: 18px;
}

.ventari-more-insights ul,
.ventari-more-insights .wp-block-latest-posts {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ventari-more-insights li,
.ventari-more-insights .wp-block-latest-posts > li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

.ventari-more-insights a,
.ventari-more-insights .wp-block-latest-posts > li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;

  width: 100%;
  padding: 16px 18px;

  color: var(--ventari-navy-deep) !important;
  background: rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(198, 219, 238, 0.72);
  border-radius: 10px;

  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(0.98rem, 1.2vw, 1.1rem);
  line-height: 1.28;
  font-weight: 700;
  text-decoration: none !important;

  box-shadow:
    0 8px 18px rgba(24, 42, 67, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.94);

  transition:
    transform 0.24s ease,
    border-color 0.24s ease,
    background-color 0.24s ease,
    box-shadow 0.24s ease;
}

.ventari-more-insights a::after,
.ventari-more-insights .wp-block-latest-posts > li > a::after {
  content: "→";
  flex: 0 0 auto;
  color: var(--ventari-amber);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1;
  transition: transform 0.24s ease;
}

.ventari-more-insights a:hover,
.ventari-more-insights .wp-block-latest-posts > li > a:hover {
  transform: translateY(-2px);
  border-color: rgba(216, 155, 43, 0.58);
  background: rgba(255, 255, 255, 0.9);
  box-shadow:
    0 12px 24px rgba(24, 42, 67, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.ventari-more-insights a:hover::after,
.ventari-more-insights .wp-block-latest-posts > li > a:hover::after {
  transform: translateX(4px);
}

.ventari-more-insights a:active,
.ventari-more-insights .wp-block-latest-posts > li > a:active {
  transform: translateY(0);
}

/* =========================================
   GENERAL WORDPRESS CONTENT RESET INSIDE TEMPLATE
========================================= */
.ventari-blog-template {
  box-sizing: border-box;
  width: 100%;
}

.ventari-blog-template figure {
  max-width: 100%;
}

.ventari-blog-template img {
  max-width: 100%;
}

.ventari-blog-template a {
  overflow-wrap: anywhere;
}

.ventari-blog-template .wp-block-image {
  margin-top: 0;
}

/* =========================================
   PAGE WIDTH / BREATHING SPACE FIX
   Controls the actual cards, not just parent padding
========================================= */
.ventari-blog-hero,
.ventari-blog-image-wrap,
.ventari-blog-content-grid,
.ventari-blog-template .ventari-blog-cta,
body.single-post nav[aria-label="Post navigation"] {
  width: min(1180px, calc(100% - 40px));
  max-width: 1180px;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}

/* =========================================
   MOBILE / TABLET
========================================= */
@media (max-width: 1024px) {
  .ventari-blog-template {
    margin-top: -48px !important;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }

  .ventari-blog-hero,
  .ventari-blog-image-wrap,
  .ventari-blog-content-grid,
  .ventari-blog-template .ventari-blog-cta,
  body.single-post nav[aria-label="Post navigation"] {
    width: calc(100% - 48px);
    max-width: none;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .ventari-post-nav-inner,
  .post-navigation .nav-links {
    gap: 12px;
    padding: 14px;
  }

  .post-navigation .nav-previous a,
  .post-navigation .nav-next a,
  .ventari-post-nav a,
  .ventari-blog-post-nav a {
    align-items: flex-start;
    min-height: auto;
    padding: 16px;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 767px) {
  .ventari-blog-template {
    margin-top: -34px !important;
    padding-left: 0;
    padding-right: 0;
  }

  .ventari-blog-hero,
  .ventari-blog-image-wrap,
  .ventari-blog-content-grid,
  .ventari-blog-template .ventari-blog-cta,
  body.single-post nav[aria-label="Post navigation"] {
    width: calc(100% - 36px);
  }

  .ventari-blog-hero,
  .ventari-this-insight,
  .ventari-insight-card,
  .ventari-blog-insight,
  .ventari-blog-content-card,
  .ventari-blog-copy-card,
  .ventari-blog-section-card,
  .ventari-blog-content > section,
  .ventari-blog-content > .wp-block-group,
  .ventari-more-insights {
    border-radius: 12px;
    padding: 20px;
  }

  .ventari-blog-title {
    border-radius: 10px;
    padding: 16px;
    font-size: clamp(1.45rem, 7vw, 1.82rem);
  }

  .ventari-blog-meta {
    gap: 7px;
  }

  .ventari-blog-pill {
    font-size: 0.64rem;
    padding: 7px 10px;
  }

  .ventari-blog-featured,
  .ventari-blog-image,
  .ventari-featured-image {
    border-radius: 12px;
  }

  .ventari-blog-featured img,
  .ventari-blog-image img,
  .ventari-featured-image img {
    border-radius: 10px;
  }

  .ventari-post-nav-inner,
  .post-navigation .nav-links {
    grid-template-columns: 1fr;
  }

  .post-navigation .nav-previous a,
  .post-navigation .nav-next a,
  .ventari-post-nav a,
  .ventari-blog-post-nav a {
    justify-content: flex-start;
    gap: 10px;
    font-size: 0.82rem;
    line-height: 1.35;
  }

  .ventari-more-insights a,
  .ventari-more-insights .wp-block-latest-posts > li > a {
    align-items: flex-start;
    padding: 15px 16px;
    font-size: 0.98rem;
  }
}

@media (max-width: 480px) {
  .ventari-blog-template {
    margin-top: -24px !important;
  }

  .ventari-blog-hero,
  .ventari-blog-image-wrap,
  .ventari-blog-content-grid,
  .ventari-blog-template .ventari-blog-cta,
  body.single-post nav[aria-label="Post navigation"] {
    width: calc(100% - 24px);
  }

  .ventari-blog-hero,
  .ventari-this-insight,
  .ventari-insight-card,
  .ventari-blog-insight,
  .ventari-blog-content-card,
  .ventari-blog-copy-card,
  .ventari-blog-section-card,
  .ventari-blog-content > section,
  .ventari-blog-content > .wp-block-group,
  .ventari-more-insights {
    padding: 18px;
  }

  .ventari-blog-eyebrow {
    font-size: 0.6rem;
    letter-spacing: 0.085em;
    padding: 7px 11px;
  }

  .ventari-blog-cta {
    border-radius: 14px;
    padding: 22px 18px;
  }

  .ventari-blog-cta a,
  .ventari-blog-cta-button {
    width: 100%;
  }
}

/* =========================================
   HERO IMAGE
========================================= */
.ventari-blog-image-wrap {
  margin-top: clamp(18px, 2.6vw, 28px) !important;
  margin-bottom: clamp(18px, 2.6vw, 28px) !important;
  border-radius: 14px;
  padding: 7px;

  background: rgba(255, 255, 255, 0.66);
  border: 1px solid rgba(255, 255, 255, 0.92);

  box-shadow:
    0 8px 18px rgba(24, 42, 67, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);

  backdrop-filter: blur(16px) saturate(1.06);
  -webkit-backdrop-filter: blur(16px) saturate(1.06);

  cursor: default !important;

  transition:
    transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.34s ease,
    border-color 0.34s ease,
    background-color 0.34s ease;
}.ventari-blog-image-wrap:hover {
  transform: translateY(-3px);

  box-shadow:
    0 12px 26px rgba(24, 42, 67, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.ventari-blog-image-wrap:active {
  transform: translateY(0) scale(0.995);
}

.ventari-blog-image {
  display: block;
  width: 100%;
  height: clamp(240px, 34vw, 390px);
  object-fit: cover;
  border-radius: 9px;
  filter: saturate(0.96) contrast(1.02);
  cursor: default !important;
}

.ventari-blog-image-wrap a,
.ventari-blog-image-wrap img {
  cursor: default !important;
}

.ventari-blog-caption {
  margin: 9px 5px 2px;
  color: rgba(31, 41, 51, 0.58);
  font-size: 0.72rem;
  line-height: 1.45;
}

/* =========================================
   ARTICLE LAYOUT
========================================= */
.ventari-blog-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 270px;
  gap: clamp(20px, 3vw, 34px);
  align-items: start;
}

.ventari-blog-article {
  position: relative;
  padding: clamp(23px, 3.2vw, 40px);
  border-radius: 14px;

  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.8),
    rgba(238, 244, 250, 0.54)
  );

  border: 3px solid rgba(238, 240, 243, 0.94);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 0 0 1px rgba(255, 255, 255, 0.72),
    0 0 0 2px rgba(229, 228, 226, 0.32),
    0 12px 30px rgba(36, 58, 94, 0.075);

  backdrop-filter: blur(20px) saturate(1.06);
  -webkit-backdrop-filter: blur(20px) saturate(1.06);
}

.ventari-blog-article::before,
.ventari-blog-article::after {
  display: none !important;
  content: none !important;
}

.ventari-blog-article p {
  margin: 0 0 18px;
  color: var(--ventari-text);
  font-size: clamp(0.93rem, 0.96vw, 0.99rem);
  line-height: 1.72;
  font-weight: 430;
}

.ventari-blog-article p:last-child {
  margin-bottom: 0;
}

.ventari-blog-article ul {
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
}

.ventari-blog-article li {
  position: relative;
  margin: 0 0 9px;
  padding-left: 18px;

  color: var(--ventari-text);
  font-size: clamp(0.93rem, 0.96vw, 0.99rem);
  line-height: 1.72;
  font-weight: 430;
}

.ventari-blog-article li:last-child {
  margin-bottom: 0;
}

.ventari-blog-article li::before {
  content: "";
  position: absolute;
  top: 0.72em;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--ventari-amber);
  box-shadow: 0 0 0 3px rgba(216, 155, 43, 0.14);
}

.ventari-blog-article h2 {
  margin: clamp(20px, 2.2vw, 28px) 0 9px;
  color: var(--ventari-navy-deep);
  font-size: 1.5rem !important;
  line-height: 1.26;
  letter-spacing: -0.01em;
  font-weight: 600 !important;
}

.ventari-blog-article h2:first-child {
  margin-top: 0;
}

.ventari-blog-article a {
  display: inline-block;
  color: var(--ventari-navy);
  font-weight: 750;
  text-decoration: none !important;
  text-decoration-line: none !important;

  border-bottom: 0 !important;
  box-shadow: none !important;
  transform: translateY(0) scale(1);

  transition:
    transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.26s ease,
    border-color 0.26s ease,
    box-shadow 0.26s ease;
}

.ventari-blog-article a:hover {
  color: var(--ventari-amber);
  text-decoration: none !important;
  text-decoration-line: none !important;

  border-bottom: 1px solid rgba(216, 155, 43, 0.72) !important;
  box-shadow: inset 0 -0.24em 0 rgba(216, 155, 43, 0.1) !important;

  transform: translateY(-2px) scale(1.004);
}

.ventari-blog-article a:active,
.ventari-blog-article a:focus:active {
  color: #000000 !important;
  text-decoration: none !important;
  text-decoration-line: none !important;

  border-bottom: 0 !important;
  box-shadow: none !important;
  transform: translateY(0) scale(0.995);
}

/* =========================================
   PULL QUOTE
========================================= */
.ventari-blog-lead-line {
  position: relative;
  margin: 28px 0;
  padding: clamp(16px, 2.3vw, 16px);
  border-radius: 12px;

  background: linear-gradient(
    135deg,
    rgba(36, 58, 94, 0.97),
    rgba(24, 42, 67, 0.97)
  );
  
  color: #ffffff;
  box-shadow:
    0 8px 18px rgba(24, 42, 67, 0.075),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);

  overflow: hidden;
}

.ventari-blog-lead-line::before,
.ventari-blog-lead-line::after {
  display: none !important;
  content: none !important;
}

.ventari-blog-lead-line p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #ffffff;
  font-size: 1.25rem !important;
  line-height: 1.45;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
}

/* =========================================
   ENTERPRISE CONTROL FEATURE CARD
========================================= */
.ventari-blog-feature {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 15px;
  align-items: center;

  margin: clamp(28px, 3.5vw, 40px) 0;
  padding: 9px;
  border-radius: 12px;

  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.74),
    rgba(238, 244, 250, 0.6)
  );

  border: 2px solid rgba(255, 255, 255, 0.78);
  box-shadow:
    0 8px 18px rgba(24, 42, 67, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 0 0 1px rgba(255, 255, 255, 0.36);

  backdrop-filter: blur(18px) saturate(1.1);
  -webkit-backdrop-filter: blur(18px) saturate(1.1);

  cursor: default !important;

  transition:
    transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.34s ease,
    border-color 0.34s ease,
    background-color 0.34s ease;
}

.ventari-blog-feature::before,
.ventari-blog-feature::after {
  display: none !important;
  content: none !important;
}

.ventari-blog-feature:hover {
  transform: translateY(-3px);
  box-shadow:
    0 12px 26px rgba(24, 42, 67, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 0 0 1px rgba(255, 255, 255, 0.42);
}

.ventari-blog-feature:active {
  transform: translateY(0) scale(0.995);
}

.ventari-blog-feature img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  border-radius: 9px;
  cursor: default !important;
}

.ventari-blog-feature a {
  cursor: default !important;
}

.ventari-blog-feature-copy {
  padding: clamp(13px, 2vw, 20px);
}

.ventari-blog-feature-kicker {
  margin-bottom: 8px;
  color: var(--ventari-amber);
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.ventari-blog-feature-copy h3 {
  margin: 0 0 9px;
  color: var(--ventari-navy-deep);
  font-size: clamp(0.78rem, 0.88vw, 0.9rem);
  line-height: 1.26;
  letter-spacing: -0.01em;
  font-weight: 700;
}

.ventari-blog-feature-copy p {
  margin: 0;
  color: var(--ventari-muted);
  font-size: 0.9rem;
  line-height: 1.62;
}

/* =========================================
   INSIGHT SIDEBAR CARD
========================================= */
.ventari-blog-sidebar {
  position: sticky;
  top: 84px;
}

.ventari-blog-side-card {
  padding: 20px;
  border-radius: 12px;

  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.78),
    rgba(238, 244, 250, 0.58)
  );

  border: 1.5px solid rgba(216, 155, 43, 0.52);
  box-shadow:
    0 8px 18px rgba(24, 42, 67, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.94);

  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
}

.ventari-blog-side-card::before,
.ventari-blog-side-card::after {
  display: none !important;
  content: none !important;
}

.ventari-blog-side-card h3 {
  margin: 0 0 12px;
  color: var(--ventari-navy-deep);
  font-size: 0.72rem;
  line-height: 1.24;
  letter-spacing: -0.01em;
  font-weight: 700;
}

.ventari-blog-side-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ventari-blog-side-card li {
  position: relative;
  padding: 11px 0 11px 16px;
  border-top: 1px solid rgba(36, 58, 94, 0.08);
  color: #000000;
  font-size: 0.8rem;
  line-height: 1.45;
  font-weight: 500;
}

.ventari-blog-side-card li:first-child {
  border-top: 0;
}

.ventari-blog-side-card li::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--ventari-amber);
  box-shadow: 0 0 0 3px rgba(216, 155, 43, 0.14);
}

/* =========================================
   CTA CARD
========================================= */
.ventari-blog-template .ventari-blog-cta {
  margin-top: clamp(22px, 3.4vw, 38px);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(24px, 3vw, 34px) !important;
  border-radius: 30px !important;

  background: rgba(24, 42, 67, 0.92) !important;
  border: 1px solid rgba(255, 255, 255, 0.58) !important;

  box-shadow:
    0 14px 28px rgba(24, 42, 67, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;

  filter: none !important;
  color: #ffffff;
  text-align: center;

  backdrop-filter: blur(16px) saturate(1.04);
  -webkit-backdrop-filter: blur(16px) saturate(1.04);

  transition:
    transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),
    background-color 0.34s ease,
    color 0.34s ease,
    border-color 0.34s ease,
    box-shadow 0.34s ease;
}

.ventari-blog-template .ventari-blog-cta-inner {
  position: relative;
  z-index: 1;
  max-width: 860px;
  width: 100%;
  margin: 0 auto;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  text-align: center;
}

.ventari-blog-template .ventari-blog-cta h2 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: clamp(1.28rem, 1.35vw, 1.75rem) !important;
  line-height: 1.18;
  letter-spacing: -0.018em;
  font-weight: 680;
  text-align: center;
}

.ventari-blog-template .ventari-blog-cta p {
  max-width: 780px;
  margin: 0 auto 18px;
  color: rgba(255, 255, 255, 0.86);
  font-size: clamp(0.93rem, 0.96vw, 0.99rem) !important;
  line-height: 1.72;
  font-weight: 430;
  text-align: center;
}

.ventari-blog-template .ventari-blog-cta:hover {
  background: rgba(255, 255, 255, 0.9) !important;
  color: var(--ventari-navy-deep);
  border-color: rgba(255, 255, 255, 0.88) !important;
  transform: translateY(-2px);
  box-shadow: none !important;
  filter: none !important;
}

.ventari-blog-template .ventari-blog-cta:hover h2,
.ventari-blog-template .ventari-blog-cta:hover p {
  color: var(--ventari-navy-deep);
}

.ventari-blog-template .ventari-blog-cta:active {
  background: rgba(238, 244, 250, 0.92) !important;
  color: var(--ventari-navy-deep);
  border-color: rgba(36, 58, 94, 0.16) !important;
  transform: translateY(0) scale(0.997);
  box-shadow: none !important;
  filter: none !important;
}

.ventari-blog-template .ventari-blog-cta:active h2,
.ventari-blog-template .ventari-blog-cta:active p {
  color: var(--ventari-navy-deep);
}

/* CTA BUTTON */
.ventari-blog-template .ventari-blog-cta .ventari-blog-cta-button,
.ventari-blog-template .ventari-blog-cta .wp-block-button__link,
.ventari-blog-template .ventari-blog-cta a.ventari-blog-cta-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  min-height: 36px !important;
  padding: 8px 18px !important;
  border-radius: 8px !important;

  background: var(--ventari-amber) !important;
  background-image: none !important;
  color: #ffffff !important;

  font-size: 0.72rem !important;
  font-weight: 800;
  letter-spacing: 0.052em;
  text-transform: uppercase;
  text-decoration: none !important;

  box-shadow: none !important;
  filter: none !important;
  outline: none !important;
  transform: translateY(0) scale(1);

  backdrop-filter: blur(10px) saturate(1.04);
  -webkit-backdrop-filter: blur(10px) saturate(1.04);

  transition:
    transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),
    background-color 0.26s ease,
    color 0.26s ease,
    border-color 0.26s ease;
}

.ventari-blog-template .ventari-blog-cta .ventari-blog-cta-button:hover,
.ventari-blog-template .ventari-blog-cta .wp-block-button__link:hover,
.ventari-blog-template .ventari-blog-cta a.ventari-blog-cta-button:hover {
  border-radius: 8px !important;
  background: var(--ventari-navy-deep) !important;
  background-image: none !important;

  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.78) !important;

  box-shadow: none !important;
  filter: none !important;

  transform: translateY(-2px) scale(1.004);
}

.ventari-blog-template .ventari-blog-cta .ventari-blog-cta-button:active,
.ventari-blog-template .ventari-blog-cta .ventari-blog-cta-button:focus:active,
.ventari-blog-template .ventari-blog-cta .wp-block-button__link:active,
.ventari-blog-template .ventari-blog-cta .wp-block-button__link:focus:active,
.ventari-blog-template .ventari-blog-cta a.ventari-blog-cta-button:active,
.ventari-blog-template .ventari-blog-cta a.ventari-blog-cta-button:focus:active {
  border-radius: 8px !important;
  background: #ffffff !important;
  background-image: none !important;

  color: var(--ventari-navy-deep) !important;
  border: 1px solid rgba(24, 42, 67, 0.28) !important;

  box-shadow: none !important;
  filter: none !important;

  transform: translateY(0) scale(0.996);
}

/* Keep button states correct when hovering the CTA card */
.ventari-blog-template .ventari-blog-cta:hover .ventari-blog-cta-button,
.ventari-blog-template .ventari-blog-cta:hover .wp-block-button__link,
.ventari-blog-template .ventari-blog-cta:hover a.ventari-blog-cta-button {
  border-radius: 8px !important;
  background: var(--ventari-amber) !important;
  background-image: none !important;
  color: var(--ventari-navy-deep) !important;
  border: 1px solid rgba(255, 255, 255, 0.68) !important;
  box-shadow: none !important;
  filter: none !important;
}

.ventari-blog-template .ventari-blog-cta:hover .ventari-blog-cta-button:hover,
.ventari-blog-template .ventari-blog-cta:hover .wp-block-button__link:hover,
.ventari-blog-template .ventari-blog-cta:hover a.ventari-blog-cta-button:hover {
  border-radius: 8px !important;
  background: var(--ventari-navy-deep) !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.78) !important;
  box-shadow: none !important;
  filter: none !important;
  transform: translateY(-2px) scale(1.004);
}

.ventari-blog-template .ventari-blog-cta:hover .ventari-blog-cta-button:active,
.ventari-blog-template .ventari-blog-cta:hover .ventari-blog-cta-button:focus:active,
.ventari-blog-template .ventari-blog-cta:hover .wp-block-button__link:active,
.ventari-blog-template .ventari-blog-cta:hover .wp-block-button__link:focus:active,
.ventari-blog-template .ventari-blog-cta:hover a.ventari-blog-cta-button:active,
.ventari-blog-template .ventari-blog-cta:hover a.ventari-blog-cta-button:focus:active {
  border-radius: 8px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: var(--ventari-navy-deep) !important;
  border: 1px solid rgba(24, 42, 67, 0.28) !important;
  box-shadow: none !important;
  filter: none !important;
  transform: translateY(0) scale(0.996);
}

/* =========================================
   RESPONSIVE
========================================= */
@media (max-width: 980px) {
  .ventari-blog-template {
    margin-top: -56px !important;
    padding-top: 12px;
  }

  .ventari-blog-content-grid {
    grid-template-columns: 1fr;
  }

  .ventari-blog-sidebar {
    position: relative;
    top: auto;
    order: 2;
  }

  .ventari-blog-article {
    order: 3;
  }

  .ventari-blog-side-card {
    padding: 18px;
  }

  .ventari-blog-side-card ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 14px;
  }

  .ventari-blog-feature {
    grid-template-columns: 1fr;
    order: 1;
  }

  .ventari-blog-feature img {
    height: 280px;
  }

  .ventari-blog-title {
    font-size: clamp(1.3rem, 4.2vw, 1.76rem);
    font-weight: 720;
  }

  .ventari-blog-article h2 {
    font-size: 0.84rem !important;
  }

  .ventari-blog-feature-copy h3 {
    font-size: 0.84rem;
  }

  .ventari-blog-template .ventari-blog-cta {
    padding: 24px 20px !important;
    border-radius: 26px !important;
  }

  .ventari-blog-template .ventari-blog-cta h2 {
    font-size: clamp(1.18rem, 3.2vw, 1.42rem) !important;
    line-height: 1.18 !important;
    letter-spacing: -0.024em;
  }

  .ventari-blog-template .ventari-blog-cta p {
    font-size: 0.94rem !important;
  }

  .ventari-blog-template .ventari-blog-cta .ventari-blog-cta-button,
  .ventari-blog-template .ventari-blog-cta .wp-block-button__link,
  .ventari-blog-template .ventari-blog-cta a.ventari-blog-cta-button {
    min-height: 35px !important;
    padding: 8px 17px !important;
    border-radius: 4px !important;
    font-size: 0.7rem !important;
  }
}

@media (max-width: 640px) {
  .ventari-blog-template {
    margin-top: -42px !important;
    padding: 10px 0 34px;
  }

  .ventari-blog-hero,
  .ventari-blog-image-wrap,
  .ventari-blog-content-grid,
  .ventari-blog-template .ventari-blog-cta,
  body.single-post nav[aria-label="Post navigation"] {
    width: calc(100% - 28px);
  }

  .ventari-blog-hero,
  .ventari-blog-article,
  .ventari-blog-cta,
  .ventari-blog-side-card,
  .ventari-blog-feature,
  .ventari-blog-image-wrap {
    border-radius: 10px;
  }

  .ventari-blog-hero {
    padding: 20px;
  }

  .ventari-blog-eyebrow {
    font-size: 0.62rem;
    border-radius: 6px;
  }

  .ventari-blog-title {
    display: block;
    font-size: clamp(1.22rem, 5.8vw, 1.54rem);
    line-height: 1.12;
    letter-spacing: -0.032em;
    font-weight: 720;
    padding: 15px 16px;
    border-radius: 10px;
  }

  .ventari-blog-subtitle {
    font-size: 0.88rem;
    line-height: 1.58;
  }

  .ventari-blog-meta {
    gap: 7px;
  }

  .ventari-blog-pill {
    padding: 7px 10px;
    border-radius: 8px;
    font-size: 0.64rem;
  }

  .ventari-blog-image-wrap {
    padding: 6px;
  }

  .ventari-blog-image {
    height: 225px;
    border-radius: 8px;
  }

  .ventari-blog-article {
    padding: 21px 18px;
  }

  .ventari-blog-article p,
  .ventari-blog-article li {
    font-size: 0.92rem;
    line-height: 1.7;
  }

  .ventari-blog-article li::before {
    top: 0.7em;
  }

  .ventari-blog-article h2 {
    margin-top: 24px;
    font-size: 0.8rem !important;
    line-height: 1.24;
  }

  .ventari-blog-lead-line {
    border-radius: 10px;
  }

  .ventari-blog-lead-line p {
    font-size: 0.88rem !important;
  }

  .ventari-blog-side-card ul {
    grid-template-columns: 1fr;
  }

  .ventari-blog-side-card h3 {
    font-size: 0.72rem;
  }

  .ventari-blog-feature-copy h3 {
    font-size: 0.8rem;
  }

  .ventari-blog-feature img {
    height: 210px;
    border-radius: 8px;
  }

  .ventari-blog-template .ventari-blog-cta {
    padding: 22px 18px !important;
    border-radius: 24px !important;
    box-shadow: none !important;
    filter: none !important;
  }

  .ventari-blog-template .ventari-blog-cta h2 {
    font-size: clamp(1.22rem, 5vw, 1.46rem) !important;
    line-height: 1.16 !important;
    letter-spacing: -0.026em;
  }

  .ventari-blog-template .ventari-blog-cta p {
    max-width: none;
    font-size: 0.92rem !important;
    line-height: 1.62;
  }

  .ventari-blog-template .ventari-blog-cta .ventari-blog-cta-button,
  .ventari-blog-template .ventari-blog-cta .wp-block-button__link,
  .ventari-blog-template .ventari-blog-cta a.ventari-blog-cta-button {
    width: 100%;
    min-height: 34px !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    font-size: 0.68rem !important;
  }
}

@media (min-width: 641px) and (max-width: 980px) {
  .ventari-blog-side-card li {
    border-top: 0 !important;
  }

  .ventari-blog-side-card li:first-child {
    border-top: 0 !important;
  }
}

/* =========================================================
   Single Post Navigation + More Insights
   Add below existing Ventari CSS
   Uses existing :root variables
========================================================= */
/* =========================================
   POST NAVIGATION
   Previous / Next insight
========================================= */
body.single-post nav[aria-label="Post navigation"] {
  position: relative;
  z-index: 1;

  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(12px, 2vw, 20px) !important;
  box-sizing: border-box !important;

  margin-top: clamp(10px, 2.4vw, 24px) !important;
  margin-bottom: clamp(16px, 3vw, 32px) !important;
  padding: clamp(14px, 2.2vw, 22px) !important;

  border: 1px solid rgba(255, 255, 255, 0.94) !important;
  border-top-color: rgba(255, 255, 255, 0.94) !important;
  border-top-width: 1px !important;
  border-radius: 14px !important;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.84),
      rgba(238, 244, 250, 0.78)
    ) !important;

  box-shadow:
    0 10px 24px rgba(24, 42, 67, 0.055),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 0 0 1px rgba(198, 219, 238, 0.26) !important;

  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
  overflow: visible !important;
}

body.single-post nav[aria-label="Post navigation"]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;

  background:
    radial-gradient(
      circle at top left,
      rgba(198, 219, 238, 0.34),
      transparent 38%
    ),

    radial-gradient(
      circle at bottom right,
      rgba(255, 255, 255, 0.52),
      transparent 42%
    );

  opacity: 0.85;
}

/* Actual previous / next cards */
body.single-post nav[aria-label="Post navigation"] .wp-block-post-navigation-link {
  position: relative;
  z-index: 1;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  margin: 0 !important;

  min-height: 96px !important;
  height: auto !important;

  display: grid !important;
  align-items: center !important;
  gap: 14px !important;

  padding: clamp(18px, 2vw, 24px) clamp(20px, 2.5vw, 28px) !important;
  border: 1px solid rgba(198, 219, 238, 0.72) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.66) !important;

  box-shadow:
    0 7px 16px rgba(24, 42, 67, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;

  backdrop-filter: blur(14px) saturate(1.06);
  -webkit-backdrop-filter: blur(14px) saturate(1.06);

  overflow: hidden !important;

  transition:
    transform 0.28s ease,
    background-color 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}

/* Hide empty previous/next cards completely */
body.single-post nav[aria-label="Post navigation"] .post-navigation-link-previous:empty,
body.single-post nav[aria-label="Post navigation"] .post-navigation-link-next:empty {
  display: none !important;
}

/* If only one card exists, use full width */
body.single-post nav[aria-label="Post navigation"]:has(.post-navigation-link-previous:empty),
body.single-post nav[aria-label="Post navigation"]:has(.post-navigation-link-next:empty) {
  grid-template-columns: 1fr !important;
}

/* Previous card layout */
body.single-post nav[aria-label="Post navigation"] .post-navigation-link-previous {
  grid-template-columns: auto minmax(0, 1fr) !important;
  text-align: left !important;
}

/* Next card layout */
body.single-post nav[aria-label="Post navigation"] .post-navigation-link-next {
  grid-template-columns: minmax(0, 1fr) auto !important;
  text-align: left !important;
}

/* Navigation links */
body.single-post nav[aria-label="Post navigation"] .wp-block-post-navigation-link a {
  position: relative;
  z-index: 1;

  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;

  color: var(--ventari-navy-deep) !important;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: clamp(0.82rem, 0.95vw, 0.94rem) !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
  text-decoration: none !important;

  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  hyphens: auto !important;

  transition:
    color 0.24s ease,
    transform 0.24s ease;
}

/* Hide native WordPress arrows */
body.single-post nav[aria-label="Post navigation"] .wp-block-post-navigation-link__arrow-next,
body.single-post nav[aria-label="Post navigation"] .wp-block-post-navigation-link__arrow-previous {
  display: none !important;
}

/* Previous amber arrow */
body.single-post nav[aria-label="Post navigation"] .post-navigation-link-previous:not(:empty)::before {
  content: "←";
  position: relative;
  z-index: 1;

  grid-column: 1 !important;
  grid-row: 1 !important;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 20px;
  min-width: 20px;

  color: var(--ventari-amber);
  font-size: 1.12rem;
  line-height: 1;
  font-weight: 800;

  transform: translateX(0);
  opacity: 0.95;

  transition:
    transform 0.3s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.24s ease,
    opacity 0.24s ease;
}

body.single-post nav[aria-label="Post navigation"] .post-navigation-link-previous a {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

/* Next amber arrow */
body.single-post nav[aria-label="Post navigation"] .post-navigation-link-next:not(:empty)::after {
  content: "→";
  position: relative;
  z-index: 1;

  grid-column: 2 !important;
  grid-row: 1 !important;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 20px;
  min-width: 20px;

  color: var(--ventari-amber);
  font-size: 1.12rem;
  line-height: 1;
  font-weight: 800;

  transform: translateX(0);
  opacity: 0.95;

  transition:
    transform 0.3s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.24s ease,
    opacity 0.24s ease;
}

body.single-post nav[aria-label="Post navigation"] .post-navigation-link-next a {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

/* Hover */
body.single-post nav[aria-label="Post navigation"] .wp-block-post-navigation-link:hover {
  transform: translateY(-3px);
  background: var(--ventari-navy-deep) !important;
  border-color: rgba(198, 219, 238, 0.86) !important;

  box-shadow:
    0 12px 26px rgba(24, 42, 67, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

body.single-post nav[aria-label="Post navigation"] .wp-block-post-navigation-link:hover a {
  color: var(--ventari-white) !important;
}

body.single-post nav[aria-label="Post navigation"] .post-navigation-link-next:hover::after {
  transform: translateX(5px);
  color: var(--ventari-amber);
}

body.single-post nav[aria-label="Post navigation"] .post-navigation-link-previous:hover::before {
  transform: translateX(-5px);
  color: var(--ventari-amber);
}

/* Active/click */
body.single-post nav[aria-label="Post navigation"] .wp-block-post-navigation-link:active {
  transform: translateY(0);
  background: var(--ventari-amber) !important;
  border-color: var(--ventari-amber) !important;
}

body.single-post nav[aria-label="Post navigation"] .wp-block-post-navigation-link:active a {
  color: var(--ventari-white) !important;
}

body.single-post nav[aria-label="Post navigation"] .post-navigation-link-next:active::after {
  transform: translateX(8px);
  color: var(--ventari-white);
}

body.single-post nav[aria-label="Post navigation"] .post-navigation-link-previous:active::before {
  transform: translateX(-8px);
  color: var(--ventari-white);
}

/* Focus */
body.single-post nav[aria-label="Post navigation"] a:focus-visible,
body.single-post .wp-block-query .wp-block-post-title a:focus-visible,
body.single-post .wp-block-query .wp-block-post-date a:focus-visible {
  outline: 2px solid var(--ventari-amber);
  outline-offset: 4px;
  border-radius: 4px;
}

/* =========================================
   MORE INSIGHTS
========================================= */
body.single-post .wp-block-group:has(.wp-block-query .wp-block-post-template) {
  position: relative;

  margin-top: clamp(10px, 2.4vw, 24px) !important;
  margin-bottom: clamp(30px, 5vw, 62px) !important;
  padding: clamp(22px, 3.5vw, 38px) !important;

  border: 1px solid rgba(255, 255, 255, 0.94);
  border-radius: 16px;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.84),
      rgba(238, 244, 250, 0.78)
    );

  box-shadow:
    0 10px 24px rgba(24, 42, 67, 0.055),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 0 0 1px rgba(198, 219, 238, 0.26);

  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);

  overflow: hidden;
}

body.single-post .wp-block-group:has(.wp-block-query .wp-block-post-template)::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background:
    radial-gradient(
      circle at top right,
      rgba(198, 219, 238, 0.34),
      transparent 38%
    ),
    
    radial-gradient(
      circle at bottom left,
      rgba(255, 255, 255, 0.52),
      transparent 42%
    );

  opacity: 0.85;
}

/* Heading */
body.single-post .wp-block-group:has(.wp-block-query .wp-block-post-template) > .wp-block-heading {
  position: relative;
  z-index: 1;

  display: inline-flex;
  align-items: center;
  gap: 9px;

  width: auto;
  max-width: max-content;

  margin: 0 0 clamp(16px, 2.4vw, 24px) !important;
  padding: 8px 13px;

  color: var(--ventari-navy-deep) !important;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 0 !important;
  line-height: 1;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase;

  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(216, 155, 43, 0.5);
  border-radius: 7px;

  box-shadow:
    0 5px 12px rgba(24, 42, 67, 0.03),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);

  backdrop-filter: blur(14px) saturate(1.08);
  -webkit-backdrop-filter: blur(14px) saturate(1.08);
}

body.single-post .wp-block-group:has(.wp-block-query .wp-block-post-template) > .wp-block-heading::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 999px;
  background: var(--ventari-amber);
  box-shadow: 0 0 0 3px rgba(216, 155, 43, 0.16);
}

/* Visually changes heading text from More posts to More Insights */
body.single-post .wp-block-group:has(.wp-block-query .wp-block-post-template) > .wp-block-heading::after {
  content: "More Insights";
  color: var(--ventari-navy-deep);
  font-size: 0.68rem;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* List reset */
body.single-post .wp-block-query .wp-block-post-template {
  position: relative;
  z-index: 1;

  display: grid !important;
  grid-template-columns: 1fr;
  gap: 12px;

  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.single-post .wp-block-query .wp-block-post-template > .wp-block-post {
  margin: 0 !important;
  padding: 0 !important;
}

/* Each more-insight row */
body.single-post .wp-block-query .wp-block-post-template > .wp-block-post > .wp-block-group {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: clamp(14px, 2.5vw, 28px);

  padding: clamp(15px, 2.1vw, 22px) !important;

  border: 1px solid rgba(198, 219, 238, 0.72) !important;
  border-radius: 11px;

  background: rgba(255, 255, 255, 0.66);

  box-shadow:
    0 7px 16px rgba(24, 42, 67, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.94);

  backdrop-filter: blur(14px) saturate(1.06);
  -webkit-backdrop-filter: blur(14px) saturate(1.06);

  transition:
    transform 0.28s ease,
    background-color 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}

/* More Insights title */
body.single-post .wp-block-query .wp-block-post-title {
  margin: 0 !important;
  max-width: 760px;
  min-width: 0;
}

body.single-post .wp-block-query .wp-block-post-title a {
  color: var(--ventari-navy-deep) !important;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(1rem, 1.42vw, 1.26rem);
  line-height: 1.22;
  font-weight: 600;
  letter-spacing: -0.018em;
  text-decoration: none !important;

  white-space: normal !important;
  overflow-wrap: anywhere !important;

  transition: color 0.24s ease;
}

/* More Insights date */
body.single-post .wp-block-query .wp-block-post-date,
body.single-post .wp-block-query .wp-block-post-date a,
body.single-post .wp-block-query .wp-block-post-date time {
  color: var(--ventari-amber) !important;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 0.72rem;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none !important;
  white-space: nowrap;

  transition: color 0.24s ease;
}

/* Hover */
body.single-post .wp-block-query .wp-block-post-template > .wp-block-post > .wp-block-group:hover {
  transform: translateY(-3px);
  background: var(--ventari-navy-deep);
  border-color: rgba(198, 219, 238, 0.86) !important;

  box-shadow:
    0 12px 26px rgba(24, 42, 67, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

body.single-post .wp-block-query .wp-block-post-template > .wp-block-post > .wp-block-group:hover .wp-block-post-title a {
  color: var(--ventari-white) !important;
}

body.single-post .wp-block-query .wp-block-post-template > .wp-block-post > .wp-block-group:hover .wp-block-post-date,
body.single-post .wp-block-query .wp-block-post-template > .wp-block-post > .wp-block-group:hover .wp-block-post-date a,
body.single-post .wp-block-query .wp-block-post-template > .wp-block-post > .wp-block-group:hover .wp-block-post-date time {
  color: var(--ventari-amber) !important;
}

/* Click */
body.single-post .wp-block-query .wp-block-post-template > .wp-block-post > .wp-block-group:active {
  transform: translateY(0);
  background: var(--ventari-amber);
  border-color: var(--ventari-amber) !important;
}

body.single-post .wp-block-query .wp-block-post-template > .wp-block-post > .wp-block-group:active .wp-block-post-title a,
body.single-post .wp-block-query .wp-block-post-template > .wp-block-post > .wp-block-group:active .wp-block-post-date,
body.single-post .wp-block-query .wp-block-post-template > .wp-block-post > .wp-block-group:active .wp-block-post-date a,
body.single-post .wp-block-query .wp-block-post-template > .wp-block-post > .wp-block-group:active .wp-block-post-date time {
  color: var(--ventari-white) !important;
}

/* =========================================
   TABLET
   Stack before it gets cramped
========================================= */
@media (max-width: 1180px) {
  body.single-post nav[aria-label="Post navigation"] {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 16px !important;
  }

  body.single-post nav[aria-label="Post navigation"] .wp-block-post-navigation-link {
    min-height: auto !important;
    padding: 16px 18px !important;
  }

  body.single-post nav[aria-label="Post navigation"] .wp-block-post-navigation-link a {
    font-size: 0.82rem !important;
    line-height: 1.42 !important;
  }

  body.single-post .wp-block-group:has(.wp-block-query .wp-block-post-template) {
    margin-top: 12px !important;
    padding: 22px 18px !important;
  }

  body.single-post .wp-block-query .wp-block-post-template > .wp-block-post > .wp-block-group {
    align-items: flex-start !important;
  }
}

/* =========================================
   MOBILE
========================================= */
@media (max-width: 640px) {
  body.single-post nav[aria-label="Post navigation"] {
    margin: 8px auto 14px !important;
    padding: 12px !important;
    gap: 10px !important;
    border-radius: 12px !important;
  }

  body.single-post nav[aria-label="Post navigation"] .wp-block-post-navigation-link {
    padding: 14px !important;
    border-radius: 10px !important;
    gap: 10px !important;
  }

  body.single-post nav[aria-label="Post navigation"] .wp-block-post-navigation-link a {
    font-size: 0.78rem !important;
    line-height: 1.42 !important;
  }

  body.single-post nav[aria-label="Post navigation"] .post-navigation-link-previous:not(:empty)::before,
  body.single-post nav[aria-label="Post navigation"] .post-navigation-link-next:not(:empty)::after {
    font-size: 1rem;
    width: 18px;
    min-width: 18px;
  }

  body.single-post .wp-block-group:has(.wp-block-query .wp-block-post-template) {
    margin-top: 10px !important;
    margin-bottom: 38px !important;
    padding: 18px 14px !important;
    border-radius: 12px;
  }

  body.single-post .wp-block-group:has(.wp-block-query .wp-block-post-template) > .wp-block-heading {
    padding: 8px 12px;
  }

  body.single-post .wp-block-group:has(.wp-block-query .wp-block-post-template) > .wp-block-heading::after {
    font-size: 0.64rem;
  }

  body.single-post .wp-block-query .wp-block-post-template {
    gap: 10px;
  }

  body.single-post .wp-block-query .wp-block-post-template > .wp-block-post > .wp-block-group {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 8px;

    padding: 15px !important;
    border-radius: 9px;
  }

  body.single-post .wp-block-query .wp-block-post-title a {
    font-size: 1rem;
    line-height: 1.26;
  }

  body.single-post .wp-block-query .wp-block-post-date,
  body.single-post .wp-block-query .wp-block-post-date a,
  body.single-post .wp-block-query .wp-block-post-date time {
    font-size: 0.68rem;
    white-space: normal;
  }
}

@media (max-width: 420px) {
  body.single-post nav[aria-label="Post navigation"] {
    padding: 10px !important;
  }

  body.single-post nav[aria-label="Post navigation"] .wp-block-post-navigation-link {
    padding: 13px !important;
  }

  body.single-post nav[aria-label="Post navigation"] .wp-block-post-navigation-link a {
    font-size: 0.76rem !important;
    line-height: 1.4 !important;
  }

  body.single-post .wp-block-group:has(.wp-block-query .wp-block-post-template) {
    padding: 16px 12px !important;
  }

  body.single-post .wp-block-query .wp-block-post-title a {
    font-size: 0.96rem;
  }
}

/* Card Frosted Glass Border */
.ventari-frosted-card {
  position: relative;
  overflow: hidden;
  border-radius: 18px;

  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.92),
    rgba(255, 255, 255, 0.68)
  );

  border: 3px solid rgba(255, 255, 255, 0.9);

  box-shadow:
    0 18px 45px rgba(36, 58, 94, 0.10),
    0 0 0 1px rgba(229, 228, 226, 0.65),
    inset 0 1px 0 rgba(255, 255, 255, 1);

  backdrop-filter: blur(18px) saturate(125%);
  -webkit-backdrop-filter: blur(18px) saturate(125%);
}

.ventari-frosted-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;

  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.55),
    rgba(255, 255, 255, 0.12) 45%,
    rgba(229, 228, 226, 0.18)
  );

  opacity: 1;
}

.ventari-frosted-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;

  border: 3px solid rgba(255, 255, 255, 0.72);
}

/* Hide TrustedSite badge */
img[src*="trustedsite"],
iframe[src*="trustedsite"],
script[src*="trustedsite"],
div[id*="trustedsite"],
div[class*="trustedsite"],
a[href*="trustedsite"],
[id*="trustedsite"],
[class*="trustedsite"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ================================
   Contact Section
================================ */
.ventari-contact-section {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: clamp(42px, 5vw, 72px) 20px;
  margin: 0 auto;
  font-family: "Montserrat", sans-serif;

  background:
    radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.72), transparent 42%),
    linear-gradient(180deg, rgba(244, 248, 252, 0) 0%, rgba(244, 248, 252, 0.24) 48%, rgba(244, 248, 252, 0) 100%);
}

.ventari-contact-shell {
  width: min(100%, 1180px);
  margin: 0 auto;
  position: relative;
  isolation: isolate;

  display: grid;
  grid-template-columns: minmax(340px, 0.92fr) minmax(380px, 1fr);
  align-items: center;
  gap: clamp(48px, 6vw, 86px);

  padding: clamp(34px, 4.4vw, 58px) clamp(38px, 5vw, 72px);
  border-radius: 34px;
  overflow: hidden;

  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.72), rgba(247, 250, 253, 0.46)),
    radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.84), transparent 36%),
    radial-gradient(circle at 86% 88%, rgba(220, 228, 238, 0.38), transparent 42%);

  border: 1px solid rgba(255, 255, 255, 0.78);

  box-shadow:
    0 26px 68px rgba(36, 58, 94, 0.12),
    0 12px 30px rgba(36, 58, 94, 0.075),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 -1px 0 rgba(184, 198, 214, 0.22);

  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);

  transition:
    background 280ms ease,
    box-shadow 280ms ease,
    border-color 280ms ease,
    transform 280ms ease;
}

.ventari-contact-shell:hover {
  background:
    linear-gradient(145deg, rgba(242, 248, 254, 0.92), rgba(232, 242, 252, 0.68)),
    radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.95), transparent 38%),
    radial-gradient(circle at 82% 84%, rgba(217, 231, 245, 0.58), transparent 44%);

  border-color: rgba(255, 255, 255, 0.94);

  box-shadow:
    0 28px 74px rgba(36, 58, 94, 0.14),
    0 14px 34px rgba(36, 58, 94, 0.09),
    0 0 36px rgba(216, 155, 43, 0.17),
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -1px 0 rgba(184, 198, 214, 0.24);
}

.ventari-contact-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;

  background:
    linear-gradient(
      90deg,
      rgba(244, 248, 252, 0.92) 0%,
      rgba(255, 255, 255, 0.42) 9%,
      transparent 23%,
      transparent 77%,
      rgba(255, 255, 255, 0.42) 91%,
      rgba(244, 248, 252, 0.92) 100%
    ),

    linear-gradient(
      180deg,
      rgba(244, 248, 252, 0.9) 0%,
      rgba(255, 255, 255, 0.26) 12%,
      transparent 30%,
      transparent 72%,
      rgba(244, 248, 252, 0.34) 100%
    );

  opacity: 0.7;
}

.ventari-contact-shell::after {
  content: "";
  position: absolute;
  left: 7%;
  right: 7%;
  bottom: 12px;
  height: 1px;
  pointer-events: none;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.78),
    rgba(192, 204, 219, 0.38),
    rgba(255, 255, 255, 0.68),
    transparent
  );
}

.ventari-contact-image-wrap,
.ventari-contact-content {
  position: relative;
  z-index: 1;
}

.ventari-contact-image-wrap {
  border-radius: 22px;
  padding: 6px;
  overflow: hidden;
  cursor: default;

  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.88), rgba(233, 240, 248, 0.58));

  border: 1px solid rgba(255, 255, 255, 0.82);

  box-shadow:
    0 20px 42px rgba(36, 58, 94, 0.16),
    0 8px 18px rgba(36, 58, 94, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 -1px 0 rgba(178, 193, 210, 0.28);

  transform: translateY(0);
  transition:
    transform 240ms ease,
    box-shadow 240ms ease,
    border-color 240ms ease;
}

.ventari-contact-image-wrap:hover {
  transform: translateY(-8px);
  border-color: rgba(255, 255, 255, 0.96);

  box-shadow:
    0 28px 58px rgba(36, 58, 94, 0.20),
    0 14px 26px rgba(36, 58, 94, 0.12),
    0 0 24px rgba(216, 155, 43, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 -1px 0 rgba(178, 193, 210, 0.28);
}

.ventari-contact-image-wrap:active {
  transform: translateY(0);

  box-shadow:
    0 16px 34px rgba(36, 58, 94, 0.14),
    0 7px 14px rgba(36, 58, 94, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    inset 0 -1px 0 rgba(178, 193, 210, 0.30);
}

.ventari-contact-image-wrap::before {
  content: "";
  position: absolute;
  inset: 6px;
  z-index: 2;
  pointer-events: none;
  border-radius: 17px;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.76),
    inset 0 -28px 44px rgba(8, 18, 34, 0.20);
}

.ventari-contact-image {
  display: block;
  width: 100%;
  height: clamp(220px, 23vw, 320px);
  object-fit: cover;
  border-radius: 17px;
  filter: saturate(0.96) contrast(1.02);
}

.ventari-contact-content {
  max-width: 560px;
}

/* ================================
   Contact Heading
================================ */
.ventari-contact-heading {
  margin: 0 0 24px;
}

.ventari-contact-eyebrow {
  margin: 0 0 10px;
  color: #D89B2B !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 0.74rem;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.ventari-contact-heading h2,
.ventari-contact-content h2,
.ventari-contact-section .ventari-contact-content h2 {
  margin: 0 !important;

  color: #243A5E !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: clamp(18px, 2.15vw, 28px) !important;
  font-weight: 700 !important;
  line-height: 1.14 !important;
  letter-spacing: -0.018em !important;
}

.ventari-contact-list {
  display: grid;
  gap: 13px;
}

.ventari-contact-item {
  display: grid;
  grid-template-columns: 42px 1fr;
  align-items: center;
  gap: 16px;
}

.ventari-contact-icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #ffffff;

  background:
    linear-gradient(145deg, #e0aa43 0%, #d89b2b 48%, #b97918 100%);

  border: 1px solid rgba(255, 255, 255, 0.52);

  box-shadow:
    0 9px 18px rgba(36, 58, 94, 0.12),
    0 4px 10px rgba(216, 155, 43, 0.20),
    inset 0 1px 0 rgba(255, 255, 255, 0.38),
    inset 0 -1px 0 rgba(112, 71, 10, 0.22);

  transform: translate3d(0, 0, 0) rotate(0deg);
  transition:
    color 240ms ease,
    background 240ms ease,
    box-shadow 240ms ease,
    border-color 240ms ease,
    transform 240ms ease;
}

.ventari-contact-icon svg {
  width: 22px;
  height: 22px;
}

.ventari-contact-icon--linkedin span {
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: currentColor;
  transform: translateY(1px);
}

/* Icon-only hover */
.ventari-contact-icon:hover {
  color: #D89B2B;

  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(244, 248, 252, 0.82));

  border-color: rgba(255, 255, 255, 0.92);

  box-shadow:
    0 10px 22px rgba(36, 58, 94, 0.11),
    0 0 18px rgba(216, 155, 43, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -1px 0 rgba(185, 197, 214, 0.30);

  animation: ventariSoftIconWiggle 520ms ease-in-out both;
}

.ventari-contact-icon:active {
  transform: translateY(1px) rotate(0deg) scale(0.98);
}

@keyframes ventariSoftIconWiggle {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }

  28% {
    transform: translate3d(0, -1px, 0) rotate(-2deg);
  }

  56% {
    transform: translate3d(0, -1px, 0) rotate(2deg);
  }

  78% {
    transform: translate3d(0, 0, 0) rotate(-0.8deg);
  }

  100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
}

.ventari-contact-item p {
  margin: 0;
  color: #222833;
  font-size: clamp(14px, 1.18vw, 16.5px);
  line-height: 1.42;
  font-weight: 400;
  letter-spacing: 0.005em;
}

.ventari-contact-item strong {
  color: #111827;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.ventari-contact-item a,
.ventari-contact-section .ventari-contact-item a,
.ventari-contact-section .ventari-contact-item p a {
  display: inline-block;
  color: #252A35 !important;
  text-decoration: none !important;
  font-weight: 400 !important;
  letter-spacing: 0.005em;
  text-shadow: 0 0 0 rgba(36, 58, 94, 0);
  transform: translateY(0);

  transition:
    color 240ms ease,
    transform 240ms ease,
    font-weight 240ms ease,
    letter-spacing 240ms ease,
    text-shadow 240ms ease,
    opacity 240ms ease;
}

.ventari-contact-item a::after {
  display: none !important;
}

.ventari-contact-item a:hover,
.ventari-contact-section .ventari-contact-item a:hover,
.ventari-contact-section .ventari-contact-item p a:hover {
  color: #D89B2B !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em;
  text-shadow: 0 5px 14px rgba(216, 155, 43, 0.16);
  transform: translateY(-3px);
}

.ventari-contact-item a:active,
.ventari-contact-section .ventari-contact-item a:active,
.ventari-contact-section .ventari-contact-item p a:active {
  color: #243A5E !important;
  font-weight: 700 !important;
  letter-spacing: 0.012em;
  text-shadow: 0 2px 8px rgba(36, 58, 94, 0.16);
  transform: translateY(0);
}

/* Tablet */
@media (max-width: 980px) {
  .ventari-contact-shell {
    grid-template-columns: 1fr;
    gap: 34px;
    max-width: 760px;
    padding: 34px;
  }

  .ventari-contact-content {
    max-width: none;
  }

  .ventari-contact-image {
    height: clamp(260px, 46vw, 380px);
  }

  .ventari-contact-heading h2,
  .ventari-contact-content h2,
  .ventari-contact-section .ventari-contact-content h2 {
    font-size: clamp(24px, 4vw, 32px) !important;
  }
}

/* Mobile */
@media (max-width: 640px) {
  .ventari-contact-section {
    padding: 34px 14px;
  }

  .ventari-contact-shell {
    padding: 18px;
    border-radius: 26px;
    gap: 26px;
  }

  .ventari-contact-image-wrap {
    border-radius: 20px;
    padding: 5px;
  }

  .ventari-contact-image-wrap:hover {
    transform: translateY(-5px);
  }

  .ventari-contact-image-wrap::before {
    inset: 5px;
    border-radius: 15px;
  }

  .ventari-contact-image {
    height: 240px;
    border-radius: 15px;
  }

  .ventari-contact-heading {
    margin-bottom: 22px;
  }

  .ventari-contact-eyebrow {
    font-size: 0.68rem;
    letter-spacing: 0.16em;
    margin-bottom: 10px;
  }

  .ventari-contact-heading h2,
  .ventari-contact-content h2,
  .ventari-contact-section .ventari-contact-content h2 {
    font-size: 20px !important;
    line-height: 1.12 !important;
  }

  .ventari-contact-list {
    gap: 15px;
  }

  .ventari-contact-item {
    grid-template-columns: 40px 1fr;
    gap: 13px;
    align-items: flex-start;
  }

  .ventari-contact-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
  }

  .ventari-contact-icon svg {
    width: 21px;
    height: 21px;
  }

  .ventari-contact-icon--linkedin span {
    font-size: 19px;
  }

  .ventari-contact-item p {
    font-size: 14.5px;
    line-height: 1.5;
    padding-top: 5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ventari-contact-icon:hover {
    animation: none;
  }

  .ventari-contact-shell,
  .ventari-contact-image-wrap,
  .ventari-contact-icon,
  .ventari-contact-item a {
    transition: none;
  }
}

/* ================================
   Ventari CTA - Smooth Navy to Frosted Glass
================================ */
.ventari-cta-section,
.ventari-cta-section * {
  box-sizing: border-box;
  font-family: "Montserrat", Arial, sans-serif;
}

.ventari-cta-section {
  position: relative;
  width: 100%;
  padding: clamp(22px, 3vw, 42px) 24px clamp(42px, 5vw, 70px);
  margin-top: -28px;
  background: #ffffff;
}

.ventari-cta-card {
  --ventari-navy: #071d3b;
  --ventari-navy-mid: #0b2547;
  --ventari-blue: #243A5E;
  --ventari-amber: #D89B2B;
  --ventari-platinum: #E5E4E2;
  --ventari-white: #ffffff;

  position: relative;
  width: min(100%, 1180px);
  margin: 0 auto;

  border-radius: 24px;
  overflow: hidden;
  isolation: isolate;

  background:
    radial-gradient(circle at 16% 10%, rgba(255, 255, 255, 0.10), transparent 32%),
    radial-gradient(circle at 88% 92%, rgba(229, 228, 226, 0.08), transparent 36%),
    linear-gradient(145deg, rgba(7, 29, 59, 0.98), rgba(11, 37, 71, 0.97));

  border: 1px solid rgba(229, 228, 226, 0.24);

  box-shadow:
    0 28px 64px rgba(7, 29, 59, 0.24),
    0 12px 28px rgba(7, 29, 59, 0.16),
    0 0 0 6px rgba(229, 228, 226, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 -1px 0 rgba(255, 255, 255, 0.06);

  backdrop-filter: blur(30px) saturate(160%);
  -webkit-backdrop-filter: blur(30px) saturate(160%);

  transform: translateY(0);

  transition:
    transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.42s ease,
    box-shadow 0.42s ease;
}

.ventari-cta-card:hover {
  border-color: rgba(255, 255, 255, 0.94);

  box-shadow:
    0 32px 76px rgba(36, 58, 94, 0.18),
    0 16px 34px rgba(36, 58, 94, 0.10),
    0 0 36px rgba(216, 155, 43, 0.18),
    0 0 0 6px rgba(229, 228, 226, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -1px 0 rgba(184, 198, 214, 0.26);
}

/* Inner frosted rim */
.ventari-cta-card::before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 2;
  pointer-events: none;
  border-radius: 16px;

  border: 1px solid rgba(255, 255, 255, 0.16);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.20),
    inset 0 -1px 0 rgba(255, 255, 255, 0.06),
    0 0 0 1px rgba(229, 228, 226, 0.07);

  transition:
    border-color 0.42s ease,
    box-shadow 0.42s ease;
}

.ventari-cta-card:hover::before {
  border-color: rgba(255, 255, 255, 0.72);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    inset 0 -1px 0 rgba(184, 198, 214, 0.20),
    0 0 0 1px rgba(216, 155, 43, 0.14);
}

/* Smooth frosted hover layer */
.ventari-cta-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background:
    radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.98), transparent 38%),
    radial-gradient(circle at 86% 88%, rgba(218, 230, 242, 0.66), transparent 44%),
    linear-gradient(145deg, rgba(247, 251, 255, 0.97), rgba(229, 239, 249, 0.82));

  opacity: 0;

  transition:
    opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}

.ventari-cta-card:hover::after {
  opacity: 1;
}

.ventari-cta-card__inner {
  position: relative;
  z-index: 3;

  padding: clamp(34px, 4vw, 54px) clamp(24px, 5vw, 76px);
  text-align: center;
}

.ventari-cta-card__title {
  max-width: 780px;
  margin: 0 auto 14px;

  color: var(--ventari-amber) !important;

  font-size: clamp(1.35rem, 2vw, 2rem);
  line-height: 1.18;
  font-weight: 800;
  letter-spacing: -0.01em;

  transition:
    color 0.48s ease,
    text-shadow 0.48s ease;
}

.ventari-cta-card:hover .ventari-cta-card__title {
  color: var(--ventari-amber) !important;
  text-shadow: 0 8px 22px rgba(36, 58, 94, 0.10);
}

.ventari-cta-card__body {
  max-width: 920px;
  margin: 0 auto 28px;
  color: rgba(255, 255, 255, 0.90) !important;

  font-size: clamp(0.96rem, 1.08vw, 1.18rem);
  line-height: 1.58;
  font-weight: 500;
  letter-spacing: 0.01em;

  transition:
    color 0.48s ease,
    text-shadow 0.48s ease;
}

.ventari-cta-card:hover .ventari-cta-card__body {
  color: rgba(31, 40, 51, 0.88) !important;
  text-shadow: 0 6px 18px rgba(36, 58, 94, 0.08);
}

.ventari-cta-card__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 260px;
  min-height: 54px;
  padding: 15px 30px;

  border-radius: 13px;
  text-decoration: none;

  color: var(--ventari-navy-mid);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(229, 228, 226, 0.88));

  border: 1px solid rgba(255, 255, 255, 0.84);

  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.20),
    0 5px 14px rgba(0, 0, 0, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 -1px 0 rgba(180, 190, 204, 0.42);

  transform: translateY(0);

  transition:
    transform 0.24s ease,
    background 0.24s ease,
    color 0.24s ease,
    border-color 0.24s ease,
    box-shadow 0.24s ease;
}

.ventari-cta-card__button span {
  color: inherit;
  font-size: 0.88rem;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.ventari-cta-card__button:hover {
  color: #ffffff;
  background:
    linear-gradient(145deg, rgba(216, 155, 43, 0.98), rgba(184, 121, 24, 0.98));

  border-color: rgba(216, 155, 43, 0.70);

  box-shadow:
    0 18px 34px rgba(36, 58, 94, 0.20),
    0 0 24px rgba(216, 155, 43, 0.30),
    inset 0 1px 0 rgba(255, 255, 255, 0.34),
    inset 0 -1px 0 rgba(90, 58, 9, 0.24);

  transform: translateY(-3px);
}

.ventari-cta-card__button:active {
  color: #ffffff;
  background:
    linear-gradient(145deg, rgba(27, 47, 74, 0.98), rgba(7, 29, 59, 0.98));

  border-color: rgba(229, 228, 226, 0.36);

  box-shadow:
    0 10px 22px rgba(36, 58, 94, 0.18),
    0 0 18px rgba(216, 155, 43, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    inset 0 -1px 0 rgba(255, 255, 255, 0.05);

  transform: translateY(0);
}

/* Tablet */
@media (max-width: 1024px) {
  .ventari-cta-section {
    margin-top: 48px !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .ventari-cta-section {
    padding: 26px 16px 48px;
    margin-top: 40px !important;
  }

  .ventari-cta-card {
    border-radius: 22px;
  }

  .ventari-cta-card::before {
    inset: 8px;
    border-radius: 15px;
  }

  .ventari-cta-card__inner {
    padding: 34px 22px 38px;
  }

  .ventari-cta-card__title {
    font-size: clamp(1.2rem, 6vw, 1.55rem);
  }

  .ventari-cta-card__body {
    font-size: 0.95rem;
    line-height: 1.55;
    margin-bottom: 24px;
  }

  .ventari-cta-card__button {
    width: 100%;
    min-width: 0;
    min-height: 52px;
  }

  .ventari-cta-card__button span {
    font-size: 0.78rem;
    letter-spacing: 0.1em;
  }
}

/* ================================
   Ventari Build Systems CTA
   Separate CTA Variant
================================ */
.ventari-build-systems-section,
.ventari-build-systems-section * {
  box-sizing: border-box;
  font-family: "Montserrat", Arial, sans-serif;
}

.ventari-build-systems-section {
  position: relative;
  width: 100%;
  padding: clamp(54px, 5vw, 82px) 24px clamp(42px, 5vw, 70px);
  margin-top: 0;
  background: #ffffff;
}

.ventari-build-systems-panel {
  --build-systems-navy: #071d3b;
  --build-systems-navy-mid: #0b2547;
  --build-systems-blue: #243A5E;
  --build-systems-amber: #D89B2B;
  --build-systems-platinum: #E5E4E2;

  position: relative;
  width: min(100%, 1180px);
  margin: 0 auto;

  border-radius: 24px;
  overflow: hidden;
  isolation: isolate;

  background:
    radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.98), transparent 38%),
    radial-gradient(circle at 86% 88%, rgba(218, 230, 242, 0.66), transparent 44%),
    linear-gradient(145deg, rgba(247, 251, 255, 0.97), rgba(229, 239, 249, 0.82));

  border: 1px solid rgba(255, 255, 255, 0.94);

  box-shadow:
    0 32px 76px rgba(36, 58, 94, 0.18),
    0 16px 34px rgba(36, 58, 94, 0.10),
    0 0 36px rgba(216, 155, 43, 0.18),
    0 0 0 6px rgba(229, 228, 226, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -1px 0 rgba(184, 198, 214, 0.26);

  backdrop-filter: blur(30px) saturate(160%);
  -webkit-backdrop-filter: blur(30px) saturate(160%);
  transform: translateY(0);

  transition:
    transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.42s ease,
    box-shadow 0.42s ease,
    background 0.42s ease;
}

.ventari-build-systems-panel:hover {
  background:
    radial-gradient(circle at 16% 10%, rgba(255, 255, 255, 0.10), transparent 32%),
    radial-gradient(circle at 88% 92%, rgba(229, 228, 226, 0.08), transparent 36%),
    linear-gradient(145deg, rgba(7, 29, 59, 0.98), rgba(11, 37, 71, 0.97));

  border-color: rgba(229, 228, 226, 0.24);

  box-shadow:
    0 28px 64px rgba(7, 29, 59, 0.24),
    0 12px 28px rgba(7, 29, 59, 0.16),
    0 0 0 6px rgba(229, 228, 226, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 -1px 0 rgba(255, 255, 255, 0.06);

  transform: translateY(-2px);
}

.ventari-build-systems-panel:active {
  background: #ffffff;
  border: 3px solid rgba(216, 155, 43, 0.92);

  box-shadow:
    0 16px 34px rgba(36, 58, 94, 0.14),
    0 8px 18px rgba(36, 58, 94, 0.10),
    0 0 34px rgba(216, 155, 43, 0.28),
    0 0 0 6px rgba(216, 155, 43, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 -1px 0 rgba(184, 198, 214, 0.24);

  transform: translateY(2px) scale(0.992);
}

.ventari-build-systems-panel::before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 2;
  pointer-events: none;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.72);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    inset 0 -1px 0 rgba(184, 198, 214, 0.20),
    0 0 0 1px rgba(216, 155, 43, 0.14);

  transition:
    border-color 0.42s ease,
    box-shadow 0.42s ease;
}

.ventari-build-systems-panel:hover::before {
  border-color: rgba(255, 255, 255, 0.16);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.20),
    inset 0 -1px 0 rgba(255, 255, 255, 0.06),
    0 0 0 1px rgba(229, 228, 226, 0.07);
}

.ventari-build-systems-panel:active::before {
  border-color: rgba(216, 155, 43, 0.42);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    inset 0 -1px 0 rgba(184, 198, 214, 0.22),
    0 0 0 1px rgba(216, 155, 43, 0.24);
}

.ventari-build-systems-panel__inner {
  position: relative;
  z-index: 3;
  padding: clamp(34px, 4vw, 54px) clamp(24px, 5vw, 76px);
  text-align: center;
}

.ventari-build-systems-panel__title {
  max-width: 780px;
  margin: 0 auto 14px;
  color: var(--build-systems-amber);

  font-size: clamp(1.35rem, 2vw, 2rem);
  line-height: 1.18;
  font-weight: 800;
  letter-spacing: -0.01em;
  text-shadow: 0 8px 22px rgba(216, 155, 43, 0.12);

  transition:
    color 0.48s ease,
    text-shadow 0.48s ease;
}

.ventari-build-systems-panel:hover .ventari-build-systems-panel__title {
  color: var(--build-systems-amber);
  text-shadow: 0 8px 22px rgba(216, 155, 43, 0.16);
}

.ventari-build-systems-panel:active .ventari-build-systems-panel__title {
  color: var(--build-systems-blue);
  text-shadow: 0 6px 16px rgba(36, 58, 94, 0.14);
}

.ventari-build-systems-panel__body {
  max-width: 920px;
  margin: 0 auto 28px;
  color: rgba(31, 40, 51, 0.88);

  font-size: clamp(0.96rem, 1.08vw, 1.18rem);
  line-height: 1.58;
  font-weight: 500;
  letter-spacing: 0.01em;
  text-shadow: 0 6px 18px rgba(36, 58, 94, 0.08);

  transition:
    color 0.48s ease,
    text-shadow 0.48s ease;
}

.ventari-build-systems-panel:hover .ventari-build-systems-panel__body {
  color: rgba(255, 255, 255, 0.90);
  text-shadow: none;
}

.ventari-build-systems-panel:active .ventari-build-systems-panel__body {
  color: var(--build-systems-blue);
  text-shadow: 0 6px 18px rgba(36, 58, 94, 0.10);
}

.ventari-build-systems-panel__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 260px;
  min-height: 54px;
  padding: 15px 30px;

  border-radius: 13px;
  text-decoration: none;
  color: #ffffff;
  background:
    linear-gradient(145deg, rgba(216, 155, 43, 0.98), rgba(184, 121, 24, 0.98));

  border: 1px solid rgba(216, 155, 43, 0.72);

  box-shadow:
    0 16px 32px rgba(216, 155, 43, 0.22),
    0 8px 18px rgba(36, 58, 94, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.34),
    inset 0 -1px 0 rgba(90, 58, 9, 0.22);

  transform: translateY(0);

  transition:
    transform 0.24s ease,
    background 0.24s ease,
    color 0.24s ease,
    border-color 0.24s ease,
    box-shadow 0.24s ease;
}

.ventari-build-systems-panel__button span {
  color: inherit;
  font-size: 0.88rem;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.ventari-build-systems-panel__button:hover {
  color: var(--build-systems-blue);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(245, 247, 250, 0.94));

  border-color: rgba(255, 255, 255, 0.92);

  box-shadow:
    0 18px 34px rgba(36, 58, 94, 0.22),
    0 8px 18px rgba(216, 155, 43, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 -1px 0 rgba(180, 190, 204, 0.36);

  transform: translateY(-3px);
}

.ventari-build-systems-panel__button:active {
  color: #ffffff;
  background:
    linear-gradient(145deg, rgba(27, 47, 74, 0.98), rgba(7, 29, 59, 0.98));

  border-color: rgba(229, 228, 226, 0.42);

  box-shadow:
    0 8px 18px rgba(36, 58, 94, 0.18),
    0 0 18px rgba(216, 155, 43, 0.14),
    inset 0 2px 4px rgba(0, 0, 0, 0.18),
    inset 0 -1px 0 rgba(255, 255, 255, 0.08);

  transform: translateY(1px) scale(0.985);
}

@media (max-width: 768px) {
  .ventari-build-systems-section {
    padding: 58px 16px 52px;
    margin-top: 0;
  }

  .ventari-build-systems-panel {
    border-radius: 22px;
  }

  .ventari-build-systems-panel::before {
    inset: 8px;
    border-radius: 15px;
  }

  .ventari-build-systems-panel__inner {
    padding: 34px 22px 38px;
  }

  .ventari-build-systems-panel__title {
    font-size: clamp(1.2rem, 6vw, 1.55rem);
  }

  .ventari-build-systems-panel__body {
    font-size: 0.95rem;
    line-height: 1.55;
    margin-bottom: 24px;
  }

  .ventari-build-systems-panel__button {
    width: 100%;
    min-width: 0;
    min-height: 52px;
  }

  .ventari-build-systems-panel__button span {
    font-size: 0.78rem;
    letter-spacing: 0.1em;
  }
}

/* ================================
   Button Default
================================ */
.ventari-cta-card__button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  margin-top: 26px;
  min-width: 270px;
  min-height: 58px;
  padding: 15px 30px;

  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: 0.055em;
  font-size: clamp(0.88rem, 0.92vw, 1rem);
  font-weight: 800;
  color: #243A5E;

  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.88);

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.96),
      rgba(245, 247, 250, 0.82)
    );

  box-shadow:
    0 18px 34px rgba(10, 18, 30, 0.20),
    0 8px 18px rgba(10, 18, 30, 0.12),
    0 0 0 1px rgba(229, 228, 226, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 -1px 0 rgba(229, 228, 226, 0.30);

  backdrop-filter: blur(20px) saturate(155%);
  -webkit-backdrop-filter: blur(20px) saturate(155%);

  transform: translateY(0);
  transition:
    transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.28s ease,
    background 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}

.ventari-cta-card__button::before {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 10px;
  pointer-events: none;

  border: 1px solid rgba(255, 255, 255, 0.72);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    inset 0 -1px 0 rgba(229, 228, 226, 0.20);
}

.ventari-cta-card__button span {
  position: relative;
  z-index: 2;
}

/* ================================
   CTA Hover State
================================ */
.ventari-cta-card:hover,
.ventari-cta-card:focus-within {
  transform: translateY(-6px);

  background:
    radial-gradient(
      circle at 18% 12%,
      rgba(255, 255, 255, 0.95),
      transparent 34%
    ),
    
    radial-gradient(
      circle at 88% 88%,
      rgba(194, 210, 232, 0.16),
      transparent 30%
    ),
    
    rgba(255, 255, 255, 0.82);

  border-color: rgba(229, 228, 226, 0.88);

  box-shadow:
    0 34px 84px rgba(27, 47, 74, 0.15),
    0 14px 34px rgba(27, 47, 74, 0.09),
    0 0 0 1px rgba(255, 255, 255, 0.78),
    0 0 0 6px rgba(229, 228, 226, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 -1px 0 rgba(27, 47, 74, 0.06);
}

.ventari-cta-card:hover::before,
.ventari-cta-card:focus-within::before {
  border-color: rgba(255, 255, 255, 0.78);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 -1px 0 rgba(229, 228, 226, 0.42),
    0 0 0 1px rgba(229, 228, 226, 0.30);
}

.ventari-cta-card:hover::after,
.ventari-cta-card:focus-within::after {
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.48) 0%,
      transparent 30%,
      rgba(36, 58, 94, 0.035) 72%,
      rgba(229, 228, 226, 0.22) 100%
    );
}

.ventari-cta-card:hover .ventari-cta-card__title,
.ventari-cta-card:focus-within .ventari-cta-card__title {
  color: #D89B2B;
}

.ventari-cta-card:hover .ventari-cta-card__body,
.ventari-cta-card:focus-within .ventari-cta-card__body {
  color: rgba(27, 47, 74, 0.88);
}

.ventari-cta-card:hover .ventari-cta-card__button,
.ventari-cta-card:focus-within .ventari-cta-card__button {
  transform: translateY(-3px);
}

/* ================================
   Button Hover / Active
================================ */
.ventari-cta-card__button:hover {
  transform: translateY(-5px);
  color: #ffffff;
  border-color: rgba(229, 228, 226, 0.34);

  background:
    linear-gradient(
      180deg,
      rgba(36, 58, 94, 0.98),
      rgba(27, 47, 74, 0.98)
    );

  box-shadow:
    0 20px 38px rgba(27, 47, 74, 0.22),
    0 10px 22px rgba(27, 47, 74, 0.14),
    0 0 0 1px rgba(255, 255, 255, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    inset 0 -1px 0 rgba(255, 255, 255, 0.04);
}

.ventari-cta-card__button:hover::before {
  border-color: rgba(255, 255, 255, 0.16);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.20),
    inset 0 -1px 0 rgba(255, 255, 255, 0.04);
}

.ventari-cta-card__button:active {
  transform: translateY(-1px) scale(0.992);
  color: #ffffff;
  border-color: rgba(255, 236, 198, 0.38);

  background:
    linear-gradient(
      180deg,
      rgba(216, 155, 43, 0.98),
      rgba(190, 131, 25, 0.98)
    );

  box-shadow:
    0 10px 20px rgba(27, 47, 74, 0.16),
    0 4px 10px rgba(27, 47, 74, 0.10),
    inset 0 2px 6px rgba(120, 76, 14, 0.20),
    inset 0 1px 0 rgba(255, 245, 224, 0.30);
}

/* ================================
   Card Active / Click State
================================ */
.ventari-cta-card:active {
  transform: translateY(-2px);

  background:
    radial-gradient(
      circle at 18% 12%,
      rgba(255, 255, 255, 0.98),
      transparent 34%
    ),
    radial-gradient(
      circle at 88% 88%,
      rgba(213, 225, 240, 0.34),
      transparent 34%
    ),
    linear-gradient(
      180deg,
      rgba(250, 252, 255, 0.96),
      rgba(237, 243, 250, 0.88)
    );

  border-color: rgba(216, 155, 43, 0.56);

  box-shadow:
    0 18px 44px rgba(27, 47, 74, 0.12),
    0 8px 20px rgba(27, 47, 74, 0.075),
    0 0 0 1px rgba(216, 155, 43, 0.26),
    0 0 0 5px rgba(216, 155, 43, 0.12),
    0 0 24px rgba(216, 155, 43, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    inset 0 -1px 0 rgba(36, 58, 94, 0.04);
}

.ventari-cta-card:active::before {
  border-color: rgba(216, 155, 43, 0.30);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.90),
    inset 0 -1px 0 rgba(216, 155, 43, 0.14),
    0 0 0 1px rgba(216, 155, 43, 0.14);
}

.ventari-cta-card:active .ventari-cta-card__body {
  color: rgba(27, 47, 74, 0.88);
}

/* ================================
   Focus States
================================ */
.ventari-cta-card__button:focus {
  outline: none;
}

.ventari-cta-card__button:focus-visible {
  outline: 2px solid rgba(216, 155, 43, 0.68);
  outline-offset: 5px;
}

/* ================================
   Tablet
================================ */
@media (max-width: 980px) {
  .ventari-cta-section {
    padding: 4px 20px 40px;
    margin-top: -46px;
  }

  .ventari-cta-card {
    border-radius: 22px;
  }

  .ventari-cta-card::before {
    inset: 8px;
    border-radius: 16px;
  }

  .ventari-cta-card__inner {
    padding: 38px 26px;
  }

  .ventari-cta-card__body {
    max-width: 760px;
  }
}

/* ================================
   Mobile
================================ */
@media (max-width: 640px) {
  .ventari-cta-section {
    padding: 0 16px 34px;
    margin-top: -34px;
  }

  .ventari-cta-card {
    border-radius: 20px;
  }

  .ventari-cta-card::before {
    inset: 7px;
    border-radius: 14px;
  }

  .ventari-cta-card__inner {
    padding: 30px 20px;
  }

  .ventari-cta-card__title {
    font-size: clamp(1.2rem, 5.8vw, 1.7rem);
    margin-bottom: 12px;
  }

  .ventari-cta-card__body {
    font-size: 0.96rem;
    line-height: 1.55;
  }

  .ventari-cta-card__button {
    width: 100%;
    min-width: 0;
    min-height: 56px;
    margin-top: 24px;
    padding: 14px 18px;
    font-size: 0.88rem;
  }
}

/* Premium frosted image treatment */
.premium-image,
.wp-block-image.premium-image {
  position: relative;
  display: block;
  border-radius: 24px;
  padding: 4px;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.42),
      rgba(255, 255, 255, 0.18)
    );

  border: 1px solid rgba(255, 255, 255, 0.72);

  box-shadow:
    0 18px 45px rgba(36, 58, 94, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.75),
    inset 0 -1px 0 rgba(255, 255, 255, 0.22);

  backdrop-filter: blur(14px) saturate(135%);
  -webkit-backdrop-filter: blur(14px) saturate(135%);

  overflow: hidden;

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    background 0.35s ease,
    border-color 0.35s ease;
}

.premium-image img,
.wp-block-image.premium-image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 19px;

  transition:
    filter 0.35s ease,
    transform 0.35s ease;
}

/* subtle inner white glass line */
.premium-image::before,
.wp-block-image.premium-image::before {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 19px;
  pointer-events: none;
  z-index: 2;
  border: 1px solid rgba(255, 255, 255, 0.28);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.38),
    inset 0 -1px 0 rgba(255, 255, 255, 0.14);
}

/* hover state */
.premium-image:hover,
.wp-block-image.premium-image:hover {
  transform: translateY(-5px);

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.56),
      rgba(255, 255, 255, 0.24)
    );

  border-color: rgba(255, 255, 255, 0.92);

  box-shadow:
    0 26px 68px rgba(36, 58, 94, 0.18),
    0 0 0 1px rgba(255, 255, 255, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

.premium-image:hover img,
.wp-block-image.premium-image:hover img {
  filter: saturate(1.05) contrast(1.03);
}

/* press/click state */
.premium-image:active,
.wp-block-image.premium-image:active {
  transform: translateY(-2px);

  box-shadow:
    0 16px 44px rgba(36, 58, 94, 0.16),
    0 0 0 1px rgba(255, 255, 255, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

/* ==================================
   Images Showing on Tablet and Desktop
================================== */
.tablet-desktop-only-image {
  display: block;
}

@media (max-width: 767px) {
  .tablet-desktop-only-image,
  .wp-block-image.tablet-desktop-only-image,
  .wp-block-image.premium-image.tablet-desktop-only-image {
    display: none !important;
  }
}

/* ==================================
   Ventari Interactive Globe
================================== */
.ventari-interactive-globe-section,
.ventari-interactive-globe-section * {
  box-sizing: border-box;
  font-family: "Montserrat", Arial, sans-serif;
}

.ventari-interactive-globe-section {
  position: relative;
  width: 100%;
  background: transparent;
  padding: 42px 24px 46px;
  overflow: visible;
}

.ventari-interactive-globe-shell {
  width: min(1320px, 100%);
  margin: 0 auto;
}

/* Header */
.ventari-globe-header {
  width: min(980px, 100%);
  margin: 0 auto 30px;
  text-align: center;
  color: #041425;
}

.ventari-globe-header h6 {
  margin: 0 0 14px;
  color: #D89B2B;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase !important;
}

.ventari-globe-header h2 {
  margin: 0;
  color: #071744;
  font-family: inherit;
  font-weight: 700;
}

.ventari-globe-header p {
  width: min(720px, 100%);
  margin: 20px auto 0;
  color: rgba(36, 58, 94, 0.84);
}

/* Globe Stage */
.ventari-interactive-globe-stage {
  position: relative;
  width: 100%;
  min-height: 680px;
  border-radius: 28px;
  overflow: hidden;

  background:
    radial-gradient(circle at 22% 18%, rgba(139, 171, 207, 0.20), transparent 34%),
    radial-gradient(circle at 78% 18%, rgba(255, 255, 255, 0.24), transparent 34%),
    radial-gradient(circle at 48% 100%, rgba(78, 113, 154, 0.12), transparent 46%),
    linear-gradient(
      145deg,
      rgba(232, 239, 247, 0.34) 0%,
      rgba(214, 226, 239, 0.30) 34%,
      rgba(196, 212, 230, 0.24) 68%,
      rgba(240, 245, 250, 0.20) 100%
    );

  backdrop-filter: blur(18px) saturate(145%);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  border: 1px solid rgba(255, 255, 255, 0.62);

  box-shadow:
    0 24px 54px rgba(36, 58, 94, 0.11),
    0 1px 0 rgba(255, 255, 255, 0.58) inset,
    0 -1px 0 rgba(90, 123, 165, 0.18) inset;
}

.ventari-interactive-globe-stage::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 62px;
  width: 420px;
  height: 68px;
  transform: translateX(-50%);
  border-radius: 999px;
  pointer-events: none;

  background:
    radial-gradient(
      ellipse at center,
      rgba(75, 108, 150, 0.14) 0%,
      rgba(75, 108, 150, 0.07) 42%,
      transparent 75%
    );

  filter: blur(14px);
  z-index: 1;
}

#ventari-interactive-globe {
  position: relative;
  width: 100%;
  height: 680px;
  cursor: grab;
  z-index: 2;
  background: transparent;
}

#ventari-interactive-globe:active {
  cursor: grabbing;
}

#ventari-interactive-globe canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
  background: transparent !important;
}

/* Premium Static Fallback Globe */
.ventari-globe-fallback {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 680px;

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;
  cursor: default;

  background:
    radial-gradient(ellipse at 50% 44%, rgba(255, 255, 255, 0.58), transparent 42%),
    radial-gradient(ellipse at 46% 50%, rgba(198, 217, 237, 0.20), transparent 58%),
    radial-gradient(circle at 22% 18%, rgba(139, 171, 207, 0.17), transparent 38%),
    radial-gradient(circle at 76% 22%, rgba(255, 255, 255, 0.34), transparent 40%),
    radial-gradient(ellipse at 48% 86%, rgba(36, 58, 94, 0.09), transparent 52%),
    linear-gradient(
      145deg,
      rgba(244, 248, 252, 0.34),
      rgba(226, 235, 245, 0.20)
    );
}

.ventari-globe-fallback::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background:
    linear-gradient(
      115deg,
      transparent 32%,
      rgba(255, 255, 255, 0.24) 48%,
      transparent 64%
    );

  transform: translateX(-58%) rotate(7deg);
  opacity: 0;
  animation: ventariFallbackLightSweep 9.5s ease-in-out infinite;
  z-index: 3;
}

@keyframes ventariFallbackLightSweep {
  0%, 62%, 100% {
    transform: translateX(-58%) rotate(7deg);
    opacity: 0;
  }

  74% {
    opacity: 0.24;
  }

  90% {
    transform: translateX(58%) rotate(7deg);
    opacity: 0;
  }
}

.ventari-globe-fallback__halo {
  position: absolute;
  left: 50%;
  top: 49%;

  width: min(920px, 92vw);
  aspect-ratio: 1.22 / 1;

  transform: translate(-50%, -50%);
  border-radius: 999px;

  background:
    radial-gradient(
      ellipse at 48% 44%,
      rgba(255, 255, 255, 0.44) 0%,
      rgba(236, 244, 252, 0.25) 34%,
      rgba(178, 201, 225, 0.10) 58%,
      rgba(178, 201, 225, 0.035) 72%,
      transparent 86%
    );

  opacity: 0.68;
  filter: blur(10px);
}

.ventari-globe-fallback__visual {
  position: relative;
  z-index: 2;
  width: min(930px, 100%);
  aspect-ratio: 820 / 620;
}

.ventari-globe-fallback__visual::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 7.5%;
  width: 62%;
  height: 54px;
  transform: translateX(-50%);
  border-radius: 999px;
  pointer-events: none;

  background:
    radial-gradient(
      ellipse at center,
      rgba(36, 58, 94, 0.13) 0%,
      rgba(36, 58, 94, 0.055) 46%,
      transparent 76%
    );

  filter: blur(14px);
  opacity: 0.52;
  z-index: -1;
}

.ventari-globe-fallback__svg {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 22px 34px rgba(36, 58, 94, 0.09));
}

.ventari-globe-fallback__shadow {
  fill: rgba(36, 58, 94, 0.14);
  filter: blur(12px);
}

.ventari-globe-fallback__sphere {
  fill: url(#ventariFallbackSphere);
  stroke: rgba(160, 184, 211, 0.82);
  stroke-width: 1.45;
}

.ventari-globe-fallback__rim {
  fill: none;
  stroke: rgba(96, 131, 170, 0.30);
  stroke-width: 2.5;
}

.ventari-globe-fallback__inner-rim {
  fill: none;
  stroke: rgba(255, 255, 255, 0.76);
  stroke-width: 1.25;
}

.ventari-globe-fallback__grid {
  fill: none;
  stroke: rgba(110, 140, 176, 0.34);
  stroke-width: 1.05;
}

.ventari-globe-fallback__grid:nth-child(2n) {
  stroke: rgba(110, 140, 176, 0.22);
}

.ventari-globe-fallback__grid:nth-child(3n) {
  stroke: rgba(255, 255, 255, 0.54);
}

.ventari-globe-fallback__grid-vertical {
  fill: none;
  stroke: rgba(110, 140, 176, 0.24);
  stroke-width: 1;
}

.ventari-globe-fallback__grid-vertical:nth-child(2n) {
  stroke: rgba(110, 140, 176, 0.17);
}

.ventari-globe-fallback__sweep {
  fill: url(#ventariFallbackSweep);
  opacity: 0.82;
}

.ventari-globe-fallback__micro-dots circle {
  fill: rgba(36, 58, 94, 0.20);
}

.ventari-globe-fallback__micro-dots circle:nth-child(2n) {
  fill: rgba(36, 58, 94, 0.13);
}

.ventari-globe-fallback__micro-dots circle:nth-child(3n) {
  fill: rgba(216, 155, 43, 0.16);
}

.ventari-globe-fallback__connections path {
  fill: none;
  stroke: rgba(216, 155, 43, 0.40);
  stroke-width: 1.35;
  stroke-linecap: round;
  stroke-dasharray: 7 10;

  animation: ventariFallbackDashFlow 3200ms linear infinite;
}

.ventari-globe-fallback__connections path:nth-child(2n) {
  stroke: rgba(216, 155, 43, 0.30);
  stroke-width: 1.15;
  animation-duration: 3800ms;
}

.ventari-globe-fallback__connections path:nth-child(3n) {
  stroke: rgba(154, 99, 18, 0.26);
  stroke-width: 1.05;
  animation-duration: 4400ms;
}

.ventari-globe-fallback__connections path:nth-child(4n) {
  stroke: rgba(216, 155, 43, 0.20);
  stroke-width: 0.95;
}

@keyframes ventariFallbackDashFlow {
  from {
    stroke-dashoffset: 0;
  }

  to {
    stroke-dashoffset: -34;
  }
}

/* Pause fallback motion while profile card is open */
.ventari-interactive-globe-stage:has(.ventari-node-profile-card.is-visible)
  .ventari-globe-fallback::before,
.ventari-interactive-globe-stage:has(.ventari-node-profile-card.is-visible)
  .ventari-globe-fallback__connections path,
.ventari-interactive-globe-stage:has(.ventari-node-profile-card.is-visible)
  .ventari-globe-fallback__node-ring,
.ventari-interactive-globe-stage:has(.ventari-node-profile-card.is-visible)
  .ventari-globe-fallback__node-core {
  animation-play-state: paused !important;
}

/* Fallback Nodes */
.ventari-globe-fallback__node {
  position: absolute;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 4;
}

.ventari-globe-fallback__node-ring,
.ventari-globe-fallback__node-core {
  position: absolute;
  border-radius: 999px;
}

.ventari-globe-fallback__node-ring {
  inset: 0;
  border: 1.5px solid rgba(216, 155, 43, 0.38);
  background:
    radial-gradient(circle at center, rgba(216, 155, 43, 0.13), rgba(216, 155, 43, 0.025) 62%, transparent 100%);

  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.64) inset,
    0 0 18px rgba(216, 155, 43, 0.11);

  animation: ventariFallbackNodePulse 2200ms ease-out infinite;

  transition:
    transform 220ms ease,
    opacity 220ms ease,
    border-color 220ms ease,
    background 220ms ease;
}

.ventari-globe-fallback__node-core {
  inset: 7px;
  background:
    radial-gradient(circle at 35% 28%, #fff2c8 0%, #D89B2B 36%, #9A6312 72%, #5f3f0b 100%);

  border: 1.75px solid rgba(255, 255, 255, 0.98);

  box-shadow:
    0 8px 18px rgba(36, 58, 94, 0.14),
    0 6px 18px rgba(143, 95, 20, 0.24),
    0 0 0 3px rgba(216, 155, 43, 0.11),
    0 1px 0 rgba(255, 255, 255, 0.72) inset;

  animation: ventariFallbackNodeCorePulse 2200ms ease-in-out infinite;

  transition:
    transform 220ms ease,
    box-shadow 220ms ease,
    background 220ms ease;
}

.ventari-globe-fallback__node:hover .ventari-globe-fallback__node-ring,
.ventari-globe-fallback__node:focus-visible .ventari-globe-fallback__node-ring {
  transform: scale(1.18);
  border-color: rgba(216, 155, 43, 0.76);
  background:
    radial-gradient(circle at center, rgba(216, 155, 43, 0.20), rgba(216, 155, 43, 0.04) 62%, transparent 100%);
}

.ventari-globe-fallback__node:hover .ventari-globe-fallback__node-core,
.ventari-globe-fallback__node:focus-visible .ventari-globe-fallback__node-core {
  transform: scale(1.12);
  box-shadow:
    0 10px 24px rgba(36, 58, 94, 0.15),
    0 7px 22px rgba(143, 95, 20, 0.30),
    0 0 0 4px rgba(216, 155, 43, 0.14),
    0 1px 0 rgba(255, 255, 255, 0.78) inset;
}

.ventari-globe-fallback__node:focus-visible {
  outline: none;
}

/* 12 fallback node positions */
.ventari-globe-fallback__node--1 {
  left: 33%;
  top: 41%;
}

.ventari-globe-fallback__node--2 {
  left: 45%;
  top: 28%;
}

.ventari-globe-fallback__node--3 {
  left: 60%;
  top: 37%;
}

.ventari-globe-fallback__node--4 {
  left: 67%;
  top: 58%;
}

.ventari-globe-fallback__node--5 {
  left: 38%;
  top: 64%;
}

.ventari-globe-fallback__node--6 {
  left: 52%;
  top: 72%;
}

.ventari-globe-fallback__node--7 {
  left: 29%;
  top: 52%;
}

.ventari-globe-fallback__node--8 {
  left: 55%;
  top: 48%;
}

.ventari-globe-fallback__node--9 {
  left: 47%;
  top: 39%;
}

.ventari-globe-fallback__node--10 {
  left: 62%;
  top: 66%;
}

.ventari-globe-fallback__node--11 {
  left: 40%;
  top: 50%;
}

.ventari-globe-fallback__node--12 {
  left: 70%;
  top: 47%;
}

@keyframes ventariFallbackNodePulse {
  0% {
    transform: scale(0.80);
    opacity: 0.86;
    box-shadow:
      0 0 0 0 rgba(216, 155, 43, 0.20),
      0 0 14px rgba(216, 155, 43, 0.10);
  }

  58% {
    transform: scale(1.25);
    opacity: 0.24;
    box-shadow:
      0 0 0 10px rgba(216, 155, 43, 0),
      0 0 18px rgba(216, 155, 43, 0.05);
  }

  100% {
    transform: scale(0.80);
    opacity: 0.86;
    box-shadow:
      0 0 0 0 rgba(216, 155, 43, 0),
      0 0 14px rgba(216, 155, 43, 0.10);
  }
}

@keyframes ventariFallbackNodeCorePulse {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.04);
  }
}

/* Node Profile Card */
.ventari-node-profile-card {
  position: absolute;
  right: 5.5%;
  top: 50%;
  z-index: 8;

  display: grid;
  grid-template-columns: minmax(0, 1.2fr) 230px;
  gap: 32px;
  align-items: center;

  width: min(720px, 56%);
  min-height: 330px;
  padding: 42px 46px;

  opacity: 0;
  visibility: hidden;
  transform: translateY(-50%) translateX(24px) scale(0.98);
  pointer-events: none;
  border-radius: 26px;

  background:
    radial-gradient(circle at 18% 14%, rgba(255, 255, 255, 0.98), transparent 36%),
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.92),
      rgba(248, 250, 253, 0.78)
    );

  border: 1px solid rgba(255, 255, 255, 0.86);
  backdrop-filter: blur(24px) saturate(135%);
  -webkit-backdrop-filter: blur(24px) saturate(135%);

  box-shadow:
    0 24px 50px rgba(36, 58, 94, 0.13),
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 -1px 0 rgba(190, 204, 222, 0.24) inset;

  transition:
    opacity 320ms ease,
    visibility 320ms ease,
    transform 320ms ease;
}

.ventari-node-profile-card.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(-50%) translateX(0) scale(1);
}

/* Close Button */
.ventari-node-profile-card__close {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 10;

  width: 34px;
  height: 34px;
  padding: 0;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(202, 214, 229, 0.78);
  border-radius: 999px;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.92),
      rgba(244, 248, 252, 0.68)
    );

  box-shadow:
    0 10px 20px rgba(36, 58, 94, 0.08),
    0 1px 0 rgba(255, 255, 255, 0.92) inset;

  cursor: pointer;

  transition:
    transform 170ms ease,
    border-color 170ms ease,
    background 170ms ease,
    box-shadow 170ms ease;
}

.ventari-node-profile-card__close span {
  position: absolute;
  width: 13px;
  height: 1.5px;
  border-radius: 999px;
  background: rgba(36, 58, 94, 0.74);

  transition:
    background 170ms ease,
    transform 170ms ease;
}

.ventari-node-profile-card__close span:first-child {
  transform: rotate(45deg);
}

.ventari-node-profile-card__close span:last-child {
  transform: rotate(-45deg);
}

.ventari-node-profile-card__close:hover,
.ventari-node-profile-card__close:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(216, 155, 43, 0.70);
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.98),
      rgba(249, 251, 253, 0.82)
    );

  box-shadow:
    0 14px 26px rgba(36, 58, 94, 0.12),
    0 0 0 3px rgba(216, 155, 43, 0.10),
    0 1px 0 rgba(255, 255, 255, 0.96) inset;
}

.ventari-node-profile-card__close:hover span,
.ventari-node-profile-card__close:focus-visible span {
  background: #9A6312;
}

.ventari-node-profile-card__close:active {
  transform: translateY(3px) scale(0.96);
  border-color: #ffffff;

  background:
    linear-gradient(
      135deg,
      rgba(216, 155, 43, 1),
      rgba(154, 99, 18, 0.94)
    );

  box-shadow:
    0 5px 10px rgba(36, 58, 94, 0.12),
    0 0 0 3px rgba(253, 196, 82, 0.20),
    0 1px 0 rgba(255, 255, 255, 0.26) inset;
}

.ventari-node-profile-card__close:active span {
  background: #ffffff;
}

.ventari-node-profile-card__close:focus-visible {
  outline: none;
}

.ventari-node-profile-card__content {
  position: relative;
  z-index: 2;
  min-width: 0;
}

.ventari-node-profile-card h3 {
  margin: 0 0 20px;
  color: #071744;
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: clamp(26px, 2.5vw, 38px);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -0.032em;
}

.ventari-node-profile-card p {
  max-width: 380px;
  margin: 0 0 24px;
  color: rgba(20, 28, 42, 0.82);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 13.75px;
  font-weight: 400;
  line-height: 1.68;
  letter-spacing: 0.005em;
}

.ventari-node-profile-card__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;

  color: rgba(36, 58, 94, 0.84);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
}

.ventari-node-profile-card__meta span {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.ventari-node-profile-card__meta span:not(:last-child)::after {
  content: "";
  width: 5px;
  height: 5px;
  margin: 0 12px;
  border-radius: 999px;
  background: #D89B2B;
  box-shadow: 0 0 0 3px rgba(216, 155, 43, 0.10);
}

/* Silhouette glass frame */
.ventari-node-profile-card__silhouette {
  position: relative;
  align-self: stretch;
  justify-self: end;

  width: 100%;
  max-width: 230px;
  min-height: 250px;

  overflow: hidden;
  pointer-events: none;
  border-radius: 24px;

  background:
    radial-gradient(circle at 32% 18%, rgba(255, 255, 255, 0.78), transparent 34%),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.66),
      rgba(247, 250, 253, 0.36)
    );

  border: 1px solid rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);

  box-shadow:
    0 18px 34px rgba(36, 58, 94, 0.08),
    0 1px 0 rgba(255, 255, 255, 0.96) inset,
    0 -1px 0 rgba(184, 199, 219, 0.22) inset,
    0 0 0 1px rgba(226, 234, 244, 0.62) inset;
}

.ventari-node-profile-card__silhouette::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  border-radius: inherit;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.62) 0%,
      rgba(255, 255, 255, 0.12) 36%,
      rgba(255, 255, 255, 0) 64%
    );
}

.ventari-node-profile-card__silhouette::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  border-radius: inherit;

  background:
    linear-gradient(to top, rgba(255,255,255,0.62) 0%, rgba(255,255,255,0) 30%),
    linear-gradient(to right, rgba(255,255,255,0.36) 0%, rgba(255,255,255,0) 28%),
    linear-gradient(to left, rgba(255,255,255,0.44) 0%, rgba(255,255,255,0) 30%);
}

.ventari-node-profile-card__silhouette img {
  position: relative;
  z-index: 1;

  display: block;
  width: 100%;
  height: 100%;

  object-fit: contain;
  object-position: center bottom;

  opacity: 0.54;
  filter: saturate(0.74) brightness(1.08) contrast(0.92);
  mix-blend-mode: multiply;

  -webkit-mask-image:
    linear-gradient(to bottom, rgba(0,0,0,1) 68%, rgba(0,0,0,0.62) 84%, rgba(0,0,0,0) 100%);
  mask-image:
    linear-gradient(to bottom, rgba(0,0,0,1) 68%, rgba(0,0,0,0.62) 84%, rgba(0,0,0,0) 100%);
}

/* Proof Card Rail */
.ventari-globe-proof-row {
  position: relative;
  z-index: 5;

  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));

  width: min(980px, calc(100% - 72px));
  margin: -24px auto 0;

  border-radius: 18px;
  overflow: hidden;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.88),
      rgba(244, 248, 252, 0.68)
    );

  border: 1px solid rgba(202, 214, 229, 0.72);
  backdrop-filter: blur(18px) saturate(145%);
  -webkit-backdrop-filter: blur(18px) saturate(145%);

  box-shadow:
    0 22px 44px rgba(36, 58, 94, 0.12),
    0 1px 0 rgba(255, 255, 255, 0.88) inset;
}

.ventari-globe-proof-card {
  position: relative;
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 14px;
  align-items: center;

  min-height: 104px;
  padding: 22px 24px;
  color: #243A5E;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.34),
      rgba(245, 249, 253, 0.20)
    );

  border-right: 1px solid rgba(202, 214, 229, 0.68);

  transition:
    transform 280ms ease,
    background 280ms ease,
    box-shadow 280ms ease,
    border-color 280ms ease,
    backdrop-filter 280ms ease;
}

.ventari-globe-proof-card:last-child {
  border-right: 0;
}

.ventari-globe-proof-card::before {
  content: "";
  position: absolute;
  inset: 0;

  background:
    radial-gradient(circle at 22% 18%, rgba(255, 255, 255, 0.42), transparent 36%),
    linear-gradient(
      135deg,
      rgba(238, 246, 253, 0.64),
      rgba(214, 230, 245, 0.42) 48%,
      rgba(255, 255, 255, 0.26)
    );

  opacity: 0;
  pointer-events: none;

  transition: opacity 280ms ease;
}

.ventari-globe-proof-card:hover {
  transform: translateY(-8px);

  background:
    linear-gradient(
      135deg,
      rgba(239, 247, 254, 0.86),
      rgba(218, 234, 249, 0.54)
    );

  border-color: rgba(216, 155, 43, 0.72);
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);

  box-shadow:
    0 18px 34px rgba(36, 58, 94, 0.14),
    0 0 0 1.5px rgba(216, 155, 43, 0.72) inset,
    0 1px 0 rgba(255, 255, 255, 0.72) inset;
}

.ventari-globe-proof-card:hover::before {
  opacity: 1;
}

/* Proof Icons */
.ventari-globe-proof-card__icon {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 48px;
  height: 48px;
  border-radius: 14px;
  color: #ffffff;

  background:
    linear-gradient(
      135deg,
      rgba(216, 155, 43, 0.96),
      rgba(154, 99, 18, 0.88)
    );

  border: 1px solid rgba(229, 228, 226, 0.92);

  box-shadow:
    0 10px 22px rgba(36, 58, 94, 0.10),
    0 1px 0 rgba(255, 255, 255, 0.42) inset;

  transition:
    color 260ms ease,
    background 260ms ease,
    border-color 260ms ease,
    box-shadow 260ms ease;
}

.ventari-globe-proof-card__icon svg {
  width: 31px;
  height: 31px;

  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.ventari-globe-proof-card:hover .ventari-globe-proof-card__icon {
  color: #D89B2B;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.96),
      rgba(248, 251, 254, 0.78)
    );

  border-color: rgba(216, 155, 43, 0.72);

  box-shadow:
    0 10px 22px rgba(36, 58, 94, 0.10),
    0 1px 0 rgba(255, 255, 255, 0.92) inset;

  animation: ventariIconWiggle 620ms ease both;
}

/* Proof Text */
.ventari-globe-proof-card h3 {
  position: relative;
  z-index: 2;
  margin: 0 0 6px;

  color: #D89B2B;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.01em;

  transition: color 260ms ease;
}

.ventari-globe-proof-card p {
  position: relative;
  z-index: 2;
  margin: 0;

  color: rgba(36, 58, 94, 0.72);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;

  transition: color 260ms ease;
}

.ventari-globe-proof-card:hover h3 {
  color: #D89B2B;
}

.ventari-globe-proof-card:hover p {
  color: rgba(36, 58, 94, 0.82);
}

@keyframes ventariIconWiggle {
  0% {
    transform: rotate(0deg) scale(1);
  }

  18% {
    transform: rotate(-5deg) scale(1.03);
  }

  36% {
    transform: rotate(5deg) scale(1.04);
  }

  54% {
    transform: rotate(-3deg) scale(1.03);
  }

  72% {
    transform: rotate(2deg) scale(1.02);
  }

  100% {
    transform: rotate(0deg) scale(1);
  }
}

/* Tablet */
@media (max-width: 1024px) {
  .ventari-interactive-globe-section {
    padding: 34px 20px 40px;
  }

  .ventari-globe-header {
    margin-bottom: 26px;
  }

  .ventari-interactive-globe-stage {
    min-height: 620px;
    border-radius: 24px;
  }

  #ventari-interactive-globe {
    height: 620px;
  }

  .ventari-globe-fallback {
    min-height: 620px;
  }

  .ventari-globe-fallback__visual {
    width: min(800px, 108%);
  }

  .ventari-globe-fallback__halo {
    width: min(760px, 96vw);
    opacity: 0.64;
    filter: blur(10px);
  }

  .ventari-globe-fallback__node {
    width: 24px;
    height: 24px;
  }

  .ventari-globe-fallback__node-core {
    inset: 5px;
  }

  .ventari-interactive-globe-stage::before {
    width: 340px;
    bottom: 56px;
  }

  .ventari-node-profile-card {
    right: 50%;
    top: auto;
    bottom: 34px;

    width: min(760px, calc(100% - 48px));
    grid-template-columns: minmax(0, 1fr) 190px;
    gap: 24px;
    padding: 34px 36px;

    transform: translateX(50%) translateY(24px) scale(0.98);
  }

  .ventari-node-profile-card.is-visible {
    transform: translateX(50%) translateY(0) scale(1);
  }

  .ventari-node-profile-card h3 {
    font-size: clamp(25px, 4.2vw, 34px);
  }

  .ventari-node-profile-card p {
    max-width: 100%;
    font-size: 13.25px;
    line-height: 1.62;
  }

  .ventari-node-profile-card__silhouette {
    max-width: 190px;
    min-height: 220px;
    border-radius: 22px;
  }

  .ventari-globe-proof-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(760px, calc(100% - 40px));
    margin-top: -20px;
  }

  .ventari-globe-proof-card {
    min-height: 100px;
  }

  .ventari-globe-proof-card:nth-child(2) {
    border-right: 0;
  }

  .ventari-globe-proof-card:nth-child(1),
  .ventari-globe-proof-card:nth-child(2) {
    border-bottom: 1px solid rgba(202, 214, 229, 0.68);
  }
}

/* Mobile */
@media (max-width: 640px) {
  .ventari-interactive-globe-section {
    padding: 28px 14px 32px;
  }

  .ventari-globe-header {
    margin-bottom: 22px;
  }

  .ventari-globe-header h6 {
    margin-bottom: 12px;
    font-size: 11px;
  }

  .ventari-globe-header p {
    margin-top: 16px;
    font-size: 13.5px;
    line-height: 1.6;
  }

  .ventari-interactive-globe-stage {
    min-height: 560px;
    border-radius: 20px;
  }

  #ventari-interactive-globe {
    height: 560px;
  }

  .ventari-globe-fallback {
    min-height: 560px;
  }

  .ventari-globe-fallback__halo {
    width: min(560px, 112vw);
    opacity: 0.58;
    filter: blur(10px);
  }

  .ventari-globe-fallback__visual {
    width: min(700px, 132%);
  }

  .ventari-globe-fallback__visual::after {
    bottom: 11%;
    width: 52%;
    height: 34px;
    filter: blur(10px);
  }

  .ventari-globe-fallback__node {
    width: 22px;
    height: 22px;
  }

  .ventari-globe-fallback__node-core {
    inset: 5px;
  }

  .ventari-interactive-globe-stage::before {
    width: 220px;
    height: 42px;
    bottom: 44px;
    filter: blur(10px);
  }

  .ventari-node-profile-card {
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto;
    z-index: 20;

    display: grid;
    grid-template-columns: 1fr;
    width: calc(100% - 32px);
    max-width: 370px;
    min-height: auto;
    max-height: calc(100% - 48px);
    overflow: hidden;

    gap: 14px;
    padding: 48px 22px 22px;
    border-radius: 20px;

    transform: translate(-50%, -44%) scale(0.98);
  }

  .ventari-node-profile-card.is-visible {
    transform: translate(-50%, -50%) scale(1);
  }

  .ventari-node-profile-card__close {
    top: 13px;
    right: 13px;
    width: 32px;
    height: 32px;
  }

  .ventari-node-profile-card__content {
    text-align: center;
  }

  .ventari-node-profile-card h3 {
    max-width: 100%;
    margin-bottom: 13px;

    font-size: clamp(22px, 7vw, 27px);
    line-height: 1.08;
    letter-spacing: -0.028em;
  }

  .ventari-node-profile-card p {
    max-width: 100%;
    margin-bottom: 17px;
    font-size: 12.25px;
    line-height: 1.58;
  }

  .ventari-node-profile-card__meta {
    justify-content: center;
    font-size: 10.75px;
    line-height: 1.55;
    padding-right: 0;
  }

  .ventari-node-profile-card__meta span {
    white-space: normal;
  }

  .ventari-node-profile-card__meta span:not(:last-child)::after {
    width: 4px;
    height: 4px;
    margin: 0 7px;
  }

  .ventari-node-profile-card__silhouette {
    position: relative;
    right: auto;
    bottom: auto;
    justify-self: center;
    align-self: center;

    width: 118px;
    max-width: 118px;
    min-height: 126px;
    max-height: 126px;
    margin: 0 auto;
    opacity: 0.72;
    border-radius: 18px;
  }

  .ventari-node-profile-card__silhouette img {
    opacity: 0.46;
  }

  .ventari-globe-proof-row {
    grid-template-columns: 1fr;
    width: calc(100% - 20px);
    margin-top: -18px;
    border-radius: 16px;
  }

  .ventari-globe-proof-card {
    grid-template-columns: 48px 1fr;
    gap: 13px;
    min-height: 92px;
    padding: 18px 18px;

    border-right: 0;
    border-bottom: 1px solid rgba(202, 214, 229, 0.68);
  }

  .ventari-globe-proof-card:last-child {
    border-bottom: 0;
  }

  .ventari-globe-proof-card:hover {
    transform: translateY(-4px);

    box-shadow:
      0 14px 28px rgba(36, 58, 94, 0.13),
      0 0 0 1.5px rgba(216, 155, 43, 0.72) inset,
      0 1px 0 rgba(255, 255, 255, 0.72) inset;
  }

  .ventari-globe-proof-card__icon {
    width: 44px;
    height: 44px;
    border-radius: 13px;
  }

  .ventari-globe-proof-card__icon svg {
    width: 28px;
    height: 28px;
  }

  .ventari-globe-proof-card h3 {
    font-size: 13px;
  }

  .ventari-globe-proof-card p {
    font-size: 12.5px;
  }
}

/* Small Mobile */
@media (max-width: 420px) {
  .ventari-interactive-globe-section {
    padding-left: 12px;
    padding-right: 12px;
  }

  .ventari-interactive-globe-stage {
    min-height: 540px;
  }

  #ventari-interactive-globe {
    height: 540px;
  }

  .ventari-globe-fallback {
    min-height: 540px;
  }

  .ventari-globe-fallback__visual {
    width: min(680px, 148%);
  }

  .ventari-globe-fallback__halo {
    width: min(520px, 122vw);
    opacity: 0.54;
    filter: blur(10px);
  }

  .ventari-globe-fallback__node {
    width: 20px;
    height: 20px;
  }

  .ventari-globe-fallback__node-core {
    inset: 4px;
  }

  .ventari-node-profile-card {
    width: calc(100% - 24px);
    max-width: 340px;
    padding: 46px 18px 20px;
    max-height: calc(100% - 36px);
  }

  .ventari-node-profile-card h3 {
    font-size: clamp(21px, 7.2vw, 25px);
  }

  .ventari-node-profile-card p {
    font-size: 11.85px;
    line-height: 1.55;
  }

  .ventari-node-profile-card__meta {
    font-size: 10.25px;
  }

  .ventari-node-profile-card__silhouette {
    width: 104px;
    max-width: 104px;
    min-height: 112px;
    max-height: 112px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ventari-node-profile-card,
  .ventari-node-profile-card__close,
  .ventari-node-profile-card__close span,
  .ventari-globe-proof-card,
  .ventari-globe-proof-card::before,
  .ventari-globe-proof-card__icon,
  .ventari-globe-fallback::before,
  .ventari-globe-fallback__node-ring,
  .ventari-globe-fallback__node-core,
  .ventari-globe-fallback__connections path {
    transition: none;
    animation: none !important;
  }

  .ventari-globe-proof-card:hover {
    transform: none;
  }
}

/* ==================================
   INTERACTIVE GLOBE SCROLL SUPPORT
================================== */
@media (min-width: 981px) {
  #ventari-interactive-globe canvas {
    pointer-events: auto;
    touch-action: auto;
  }
}

/* ================================
   Why Ventari Proof Cards
================================ */
.ventari-why-proof,
.ventari-why-proof * {
  box-sizing: border-box;
  font-family: "Montserrat", Arial, sans-serif;
}

.ventari-why-proof {
  position: relative;
  width: 100%;
  background: #ffffff !important;

  margin-top: clamp(24px, 3vw, 42px);
  padding: 0 24px 28px;

  overflow: visible;
  isolation: isolate;
  z-index: 8;
  clear: both;
}

/* Clean white background behind the strip */
.ventari-why-proof::before {
  content: "";
  position: absolute;
  inset: 0 0 -70px;
  z-index: 0;
  pointer-events: none;
  background: #ffffff !important;
}

/* Soft glow behind the frosted glass */
.ventari-why-proof::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 18px;
  width: min(1040px, 84vw);
  height: 110px;
  transform: translateX(-50%);
  z-index: 0;
  pointer-events: none;

  background:
    radial-gradient(
      ellipse at center,
      rgba(229, 228, 226, 0.18) 0%,
      rgba(255, 255, 255, 0.78) 48%,
      transparent 74%
    );

  filter: blur(22px);
  opacity: 0.42;
}

/* In case WordPress is forcing grey or clipping */
.wp-block-group:has(.ventari-why-proof),
.wp-block-cover:has(.ventari-why-proof),
.elementor-section:has(.ventari-why-proof),
.elementor-container:has(.ventari-why-proof),
.elementor-widget-container:has(.ventari-why-proof),
.ventari-globe-section,
.ventari-why-section,
.why-ventari,
#why-ventari {
  background: #ffffff !important;
  background-color: #ffffff !important;
  overflow: visible !important;
}

/* Image above proof cards */
.ventari-why-proof__image-wrap {
  position: relative;
  z-index: 10;
  width: min(1120px, 100%);
  margin: 0 auto 0;

  border-radius: 16px;
  overflow: hidden;
  cursor: default;

  transform: translateY(0);
  transition:
    transform 0.34s ease,
    box-shadow 0.34s ease,
    filter 0.34s ease;

  box-shadow:
    0 18px 42px rgba(27, 47, 74, 0.12),
    0 4px 14px rgba(27, 47, 74, 0.08);
}

.ventari-why-proof__image-wrap:hover {
  transform: translateY(-5px);

  box-shadow:
    0 24px 54px rgba(27, 47, 74, 0.16),
    0 8px 20px rgba(27, 47, 74, 0.1);
}

.ventari-why-proof__image-wrap:active {
  transform: translateY(0);
  box-shadow:
    0 16px 34px rgba(27, 47, 74, 0.12),
    0 4px 12px rgba(27, 47, 74, 0.08);
}

.ventari-why-proof__image {
  display: block;
  width: 100%;
  height: clamp(310px, 38vw, 560px);
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  user-select: none;
}

/* Glassmorphic card strip */
.ventari-why-proof__inner {
  position: relative;
  z-index: 14;
  width: min(1040px, calc(100% - 64px));
  margin: -54px auto 0;

  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.72),
      rgba(255, 255, 255, 0.46) 42%,
      rgba(229, 228, 226, 0.24)
    );

  border: 1px solid rgba(255, 255, 255, 0.92);
  border-radius: 22px;

  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.42),
    0 0 0 2px rgba(229, 228, 226, 0.28),
    0 26px 70px rgba(27, 47, 74, 0.12),
    0 10px 26px rgba(27, 47, 74, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -1px 0 rgba(255, 255, 255, 0.42);

  backdrop-filter: blur(34px) saturate(180%);
  -webkit-backdrop-filter: blur(34px) saturate(180%);

  overflow: hidden;
}

/* Frosted white border highlight */
.ventari-why-proof__inner::before {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 17px;
  pointer-events: none;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, 0.46);

  background:
    radial-gradient(
      circle at 12% 16%,
      rgba(255, 255, 255, 0.76),
      transparent 34%
    ),
    
    radial-gradient(
      circle at 84% 86%,
      rgba(36, 58, 94, 0.035),
      transparent 38%
    ),
    
    linear-gradient(
      120deg,
      rgba(255, 255, 255, 0.28),
      transparent 44%
    );

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.68),
    inset 0 -1px 0 rgba(255, 255, 255, 0.22);
}

/* Soft sheen */
.ventari-why-proof__inner::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.32),
      transparent 44%,
      rgba(255, 255, 255, 0.14)
    );

  opacity: 0.78;
}

.ventari-why-proof-card {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 14px;
  align-items: center;
  min-height: 108px;
  padding: 23px 28px;

  text-decoration: none;
  color: inherit;
  outline: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.30),
      rgba(255, 255, 255, 0.10)
    );

  transform: translateY(0) scale(1);

  transition:
    background 0.38s ease,
    transform 0.26s ease,
    box-shadow 0.26s ease,
    border-color 0.26s ease;
}

.ventari-why-proof-card--link {
  text-decoration: none;
  color: inherit;
}

.ventari-why-proof-card {
  text-decoration: none !important;
  color: inherit;
  cursor: pointer;
}

.ventari-why-proof-card:visited,
.ventari-why-proof-card:hover,
.ventari-why-proof-card:focus,
.ventari-why-proof-card:active {
  color: inherit;
  text-decoration: none !important;
}

.ventari-why-proof-card:focus-visible {
  outline: 2px solid #D89B2B;
  outline-offset: 4px;
}

/* Default dividers */
.ventari-why-proof-card:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 24px;
  right: 0;
  bottom: 24px;
  width: 1px;

  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(255, 255, 255, 0.72),
      rgba(36, 58, 94, 0.12),
      rgba(255, 255, 255, 0.72),
      transparent
    );

  transition: background 0.38s ease;
}

/* Dark blue card hover */
.ventari-why-proof-card:hover {
  transform: translateY(-2px);

  background:
    linear-gradient(
      145deg,
      rgba(36, 58, 94, 0.96),
      rgba(27, 47, 74, 0.94) 52%,
      rgba(18, 32, 52, 0.96)
    );

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 -1px 0 rgba(255, 255, 255, 0.08);
}

/* Pressed click state */
.ventari-why-proof-card:active {
  transform: translateY(3px) scale(0.985);

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.92),
      rgba(245, 247, 250, 0.84)
    );

  box-shadow:
    0 10px 24px rgba(36, 58, 94, 0.12),
    0 0 30px rgba(216, 155, 43, 0.34),
    0 0 0 4px rgba(216, 155, 43, 0.14),
    inset 0 2px 5px rgba(27, 47, 74, 0.10),
    inset 0 -1px 0 rgba(255, 255, 255, 0.9);
}

/* Keyboard focus state */
.ventari-why-proof-card:focus-visible {
  box-shadow:
    0 18px 42px rgba(36, 58, 94, 0.16),
    0 0 0 4px rgba(216, 155, 43, 0.22),
    0 0 34px rgba(216, 155, 43, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

/* Amber dividers when hovering the whole strip */
.ventari-why-proof__inner:hover .ventari-why-proof-card:not(:last-child)::after {
  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(216, 155, 43, 0.66),
      transparent
    );
}

.ventari-why-proof-card__icon {
  position: relative;
  z-index: 3;
  width: 34px;
  height: 34px;
  color: #D89B2B;
  display: flex;
  align-items: center;
  justify-content: center;

  filter:
    drop-shadow(0 4px 10px rgba(216, 155, 43, 0.16));

  transition:
    color 0.26s ease,
    transform 0.26s ease,
    filter 0.26s ease;
}

.ventari-why-proof-card__icon svg {
  width: 100%;
  height: 100%;
  display: block;
  transform-origin: center;
}

/* Icon wiggles only when hovering the icon itself */
.ventari-why-proof-card__icon:hover svg {
  animation: ventari-soft-wiggle 0.82s ease-in-out both;
}

.ventari-why-proof-card:active .ventari-why-proof-card__icon {
  color: #D89B2B;
  transform: scale(0.94);
  filter:
    drop-shadow(0 3px 8px rgba(216, 155, 43, 0.22))
    drop-shadow(0 0 12px rgba(216, 155, 43, 0.24));
}

@keyframes ventari-soft-wiggle {
  0% {
    transform: translateY(0) rotate(0deg) scale(1);
  }

  22% {
    transform: translateY(-2px) rotate(-4deg) scale(1.04);
  }

  44% {
    transform: translateY(1px) rotate(3deg) scale(1.02);
  }

  66% {
    transform: translateY(-1px) rotate(-2deg) scale(1.03);
  }

  100% {
    transform: translateY(0) rotate(0deg) scale(1);
  }
}

.ventari-why-proof-card__copy {
  position: relative;
  z-index: 3;
}

.ventari-why-proof-card__copy h3 {
  margin: 0 0 6px;
  font-size: clamp(13px, 0.95vw, 15px);
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: 0.01em;
  color: #243A5E;

  transition: color 0.38s ease;
}

.ventari-why-proof-card__copy p {
  margin: 0;
  max-width: 255px;
  font-size: clamp(11.5px, 0.82vw, 13px);
  line-height: 1.45;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.72);
  transition: color 0.38s ease;
}

/* White title/copy on hover */
.ventari-why-proof-card:hover .ventari-why-proof-card__copy h3 {
  color: #ffffff;
}

.ventari-why-proof-card:hover .ventari-why-proof-card__copy p {
  color: rgba(255, 255, 255, 0.88);
}

/* Dark blue title/copy on click */
.ventari-why-proof-card:active .ventari-why-proof-card__copy h3 {
  color: #243A5E;
}

.ventari-why-proof-card:active .ventari-why-proof-card__copy p {
  color: rgba(27, 47, 74, 0.78);
}

/* Tablet */
@media (max-width: 980px) {
  .ventari-why-proof {
    margin-top: clamp(22px, 4vw, 36px);
    padding: 0 22px 30px;
  }

  .ventari-why-proof::before {
    inset: 0 0 -70px;
  }

  .ventari-why-proof::after {
    top: 16px;
    width: min(680px, 88vw);
    height: 110px;
    opacity: 0.36;
  }

  .ventari-why-proof__image-wrap {
    width: min(680px, 100%);
    margin-bottom: 0;
    border-radius: 15px;
  }

  .ventari-why-proof__image {
    height: clamp(260px, 48vw, 420px);
  }

  .ventari-why-proof__inner {
    width: min(620px, calc(100% - 28px));
    margin: -46px auto 0;

    grid-template-columns: 1fr;
    border-radius: 20px;
  }

  .ventari-why-proof__inner::before {
    inset: 5px;
    border-radius: 15px;
  }

  .ventari-why-proof-card {
    min-height: 98px;
    padding: 22px 24px;
  }

  .ventari-why-proof-card:not(:last-child)::after {
    top: auto;
    right: 24px;
    bottom: 0;
    left: 24px;
    width: auto;
    height: 1px;

    background:
      linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.72),
        rgba(36, 58, 94, 0.13),
        rgba(255, 255, 255, 0.72),
        transparent
      );
  }

  .ventari-why-proof__inner:hover .ventari-why-proof-card:not(:last-child)::after {
    background:
      linear-gradient(
        90deg,
        transparent,
        rgba(216, 155, 43, 0.66),
        transparent
      );
  }

  .ventari-why-proof-card__copy p {
    max-width: 520px;
  }
}

/* Mobile */
@media (max-width: 640px) {
  .ventari-why-proof {
    margin-top: 24px;
    padding: 0 18px 28px;
  }

  .ventari-why-proof::before {
    inset: 0 0 -60px;
  }

  .ventari-why-proof::after {
    top: 14px;
    width: 88vw;
    height: 100px;
    opacity: 0.3;
    filter: blur(22px);
  }

  .ventari-why-proof__image-wrap {
    width: 100%;
    margin-bottom: 18px;
    border-radius: 12px;
  }

  .ventari-why-proof__image {
    height: 230px;
    object-position: 34% center;
  }

  .ventari-why-proof__inner {
    width: 100%;
    margin: 0 auto;
    border-radius: 16px;

    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.42),
      0 0 0 2px rgba(229, 228, 226, 0.22),
      0 14px 34px rgba(27, 47, 74, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.95),
      inset 0 -1px 0 rgba(255, 255, 255, 0.28);
  }

  .ventari-why-proof__inner::before {
    inset: 4px;
    border-radius: 12px;
  }

  .ventari-why-proof-card {
    grid-template-columns: 38px 1fr;
    gap: 13px;
    min-height: 94px;
    padding: 20px 18px;
  }

  .ventari-why-proof-card:hover {
    transform: translateY(-1px);
  }

  .ventari-why-proof-card:active {
    transform: translateY(2px) scale(0.988);
  }

  .ventari-why-proof-card__icon {
    width: 31px;
    height: 31px;
  }

  .ventari-why-proof-card__copy h3 {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .ventari-why-proof-card__copy p {
    font-size: 12.5px;
    line-height: 1.45;
  }
}

/* Accessibility: reduce motion */
@media (prefers-reduced-motion: reduce) {
  .ventari-why-proof__image-wrap,
  .ventari-why-proof-card,
  .ventari-why-proof-card__icon,
  .ventari-why-proof-card__icon svg {
    transition: none;
    animation: none !important;
  }
}

/* ================================
   Ventari Global Map
================================ */
.ventari-global-map-section,
.ventari-global-map-section * {
  font-family: "Montserrat", Arial, sans-serif;
  box-sizing: border-box;
}

.ventari-global-map-node__hit-area {
  fill: transparent;
  stroke: none;
  pointer-events: all;
  cursor: none;
}

.ventari-global-map-section {
  position: relative;
  background: transparent;
  padding: 0 24px 36px;
  overflow: visible;
}

.ventari-global-map-section__inner {
  width: min(1360px, 100%);
  margin: 0 auto;
  background: transparent;
}

.ventari-global-map-shell {
  position: relative;
  width: 100%;
  min-height: 620px;
  border-radius: 14px;
  overflow: hidden;
  isolation: isolate;
  background-clip: padding-box;

  background:
    radial-gradient(circle at 18% 12%, rgba(216, 155, 43, 0.035), transparent 24%),
    radial-gradient(circle at 82% 20%, rgba(229, 228, 226, 0.045), transparent 22%),
    radial-gradient(circle at 70% 82%, rgba(93, 118, 149, 0.08), transparent 26%),
    linear-gradient(
      145deg,
      #1F3455 0%,
      #182B45 48%,
      #0A1422 100%
    );

  border: 1px solid rgba(229, 228, 226, 0.24);
  box-shadow:
    0 24px 52px rgba(15, 25, 42, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.09);

  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
}

.ventari-global-map-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.022),
      transparent 18%,
      transparent 78%,
      rgba(5, 10, 18, 0.30)
    );
}

.ventari-global-map-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  border-radius: inherit;

  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.07),
    inset 0 18px 70px rgba(255, 255, 255, 0.012),
    inset 0 -36px 100px rgba(0, 0, 0, 0.34);
}

.ventari-global-map-shell__glow {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  background:
    radial-gradient(circle at 22% 28%, rgba(216, 155, 43, 0.05), transparent 18%),
    radial-gradient(circle at 52% 38%, rgba(229, 228, 226, 0.04), transparent 24%),
    radial-gradient(circle at 75% 34%, rgba(216, 155, 43, 0.035), transparent 18%);
}

.ventari-global-map-svg {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
}

/* ================================
   Grid
================================ */
.ventari-global-map-grid path {
  fill: none;
  stroke: rgba(229, 228, 226, 0.055);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

/* ================================
   Real World Map
================================ */
.ventari-global-map-country {
  fill: url(#ventariMapFill);
  stroke: url(#ventariMapStroke);
  stroke-width: 0.9;
  vector-effect: non-scaling-stroke;
  opacity: 0.94;

  transition:
    fill 0.35s ease,
    stroke 0.35s ease,
    opacity 0.35s ease;
}

.ventari-global-map-country:hover {
  fill: rgba(229, 228, 226, 0.19);
  stroke: rgba(229, 228, 226, 0.82);
  opacity: 1;
}

/* ================================
   Nodes
================================ */
.ventari-global-map-nodes {
  pointer-events: none;
}

.ventari-global-map-node {
  pointer-events: all;
}

.ventari-global-map-node__glow {
  fill: url(#ventariNodeGlow);
  opacity: 0.48;
  transition: opacity 0.25s ease;
}

.ventari-global-map-node__dot {
  fill: #D89B2B;

  filter:
    drop-shadow(0 0 5px rgba(216, 155, 43, 0.72))
    drop-shadow(0 0 14px rgba(216, 155, 43, 0.42));

  transition:
    r 0.25s ease,
    filter 0.25s ease;
}

.ventari-global-map-node__halo {
  fill: none;
  stroke: rgba(216, 155, 43, 0.62);
  stroke-width: 1.35;
  vector-effect: non-scaling-stroke;
}

.ventari-global-map-node:hover .ventari-global-map-node__glow {
  opacity: 0.72;
}

.ventari-global-map-node:hover .ventari-global-map-node__dot {
  r: 7.5;

  filter:
    drop-shadow(0 0 7px rgba(216, 155, 43, 0.82))
    drop-shadow(0 0 18px rgba(216, 155, 43, 0.52));
}

/* ================================
   Glass Hover Labels
================================ */
.ventari-global-map-node__label-group {
  opacity: 0;
  transform: translateY(6px);

  transition:
    opacity 0.25s ease,
    transform 0.25s ease;

  pointer-events: none;
}

.ventari-global-map-node:hover .ventari-global-map-node__label-group {
  opacity: 1;
  transform: translateY(0);
}

.ventari-global-map-node__label-bg {
  fill: rgba(27, 47, 74, 0.78);
  stroke: rgba(229, 228, 226, 0.56);
  stroke-width: 1.15;

  filter:
    drop-shadow(0 10px 18px rgba(10, 18, 30, 0.34))
    drop-shadow(0 0 14px rgba(229, 228, 226, 0.12));
}

.ventari-global-map-node__label-text {
  fill: #ffffff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.05px;
  text-transform: uppercase;
  dominant-baseline: middle;
}

/* ================================
   Tablet
================================ */
@media (max-width: 1100px) {
  .ventari-global-map-section {
    padding: 0 22px 34px;
  }

  .ventari-global-map-shell {
    min-height: 520px;
  }

  .ventari-global-map-country {
    stroke-width: 0.82;
  }

  .ventari-global-map-node__label-text {
    font-size: 12px;
  }
}

/* ================================
   Mobile
================================ */
@media (max-width: 640px) {
  .ventari-global-map-section {
    background: #F4F6F8;
    padding: 0 12px 28px;
  }

  .ventari-global-map-label {
    width: calc(100% - 20px);
    margin: 0 auto 14px;
    padding: 17px 16px;
    border-radius: 18px;
  }

  .ventari-global-map-label p {
    font-size: 0.67rem;
    letter-spacing: 0.16em;
  }

  .ventari-global-map-label h2 {
    font-size: clamp(1rem, 4.6vw, 1.22rem);
    line-height: 1.2;
  }

  .ventari-global-map-label span {
    font-size: 0.84rem;
    line-height: 1.48;
  }

  .ventari-global-map-shell {
    min-height: 330px;
    height: 330px;
    border-radius: 14px;
    overflow: hidden;
  }

  .ventari-global-map-svg {
    display: block;
    width: 100%;
    height: 100%;
  }

  .ventari-global-map-country {
    stroke-width: 0.72;
  }

  .ventari-global-map-node__glow {
    opacity: 0.42;
  }

  .ventari-global-map-node__dot {
    filter:
      drop-shadow(0 0 4px rgba(216, 155, 43, 0.68))
      drop-shadow(0 0 11px rgba(216, 155, 43, 0.38));
  }

  .ventari-global-map-node__label-group {
    display: none;
  }
}

/* ================================
   Ventari Global Map Label
   Floating Glass Label Above Map
================================ */
.ventari-global-map-section {
  position: relative;
}

.ventari-global-map-label {
  position: relative;
  z-index: 8;

  width: min(100% - 48px, 760px);
  margin: 0 auto -22px;
  padding: clamp(16px, 2vw, 22px) clamp(20px, 3vw, 34px);
  text-align: center;

  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.76);

  background:
    radial-gradient(circle at 18% 10%, rgba(255, 255, 255, 0.98), transparent 42%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.78), rgba(229, 239, 249, 0.52));

  box-shadow:
    0 20px 44px rgba(36, 58, 94, 0.13),
    0 8px 18px rgba(36, 58, 94, 0.08),
    0 0 0 1px rgba(229, 228, 226, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    inset 0 -1px 0 rgba(184, 198, 214, 0.22);

  backdrop-filter: blur(26px) saturate(150%);
  -webkit-backdrop-filter: blur(26px) saturate(150%);
}

.ventari-global-map-label p {
  margin: 0 0 8px;
  color: #D89B2B !important;

  font-size: 0.72rem;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.ventari-global-map-label h2 {
  max-width: 760px;
  margin: 0 auto 10px;
  color: #243A5E !important;

  font-size: clamp(1.5rem, 1.9vw, 1.72rem);
  line-height: 1.16;
  font-weight: 700;
  letter-spacing: -0.018em;
}

.ventari-global-map-label span {
  display: block;
  max-width: 720px;
  margin: 0 auto;
  color: rgba(27, 47, 74, 0.74);

  font-size: clamp(0.92rem, 1.05vw, 1.05rem);
  line-height: 1.56;
  font-weight: 500;
}

.ventari-global-map-section__inner {
  position: relative;
  z-index: 2;
}

.ventari-global-map-shell {
  position: relative;
  z-index: 2;
}

@media (max-width: 768px) {
  .ventari-global-map-label {
    width: calc(100% - 32px);
    margin: 0 auto -16px;
    padding: 17px 18px;
    border-radius: 18px;
  }

  .ventari-global-map-label p {
    font-size: 0.67rem;
    letter-spacing: 0.16em;
  }

  .ventari-global-map-label h2 {
    font-size: clamp(1rem, 4.6vw, 1.22rem);
    line-height: 1.2;
  }

  .ventari-global-map-label span {
    font-size: 0.84rem;
    line-height: 1.48;
  }
}

/* ================================
   Ventari Difference Cards
================================ */
.ventari-difference-section,
.ventari-difference-section * {
  font-family: "Montserrat", Arial, sans-serif;
}

.ventari-difference-section {
  position: relative;
  background: #ffffff;
  padding: 0 24px clamp(34px, 5vw, 64px);
  margin-top: -92px;
  overflow: visible !important;
}

.ventari-difference__inner {
  width: min(1360px, 100%);
  margin: 0 auto;
  overflow: visible !important;
}

.ventari-difference-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(18px, 2vw, 32px);
  align-items: stretch;
  overflow: visible !important;
}

/* ================================
   Card Base
================================ */
.ventari-difference-card {
  position: relative;
  display: block;
  min-height: 275px;

  border-radius: 24px;
  overflow: hidden !important;
  isolation: isolate;
  cursor: pointer;
  text-decoration: none !important;

  border: 1px solid rgba(229, 228, 226, 0.95) !important;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.82) 0%,
      rgba(255, 255, 255, 0.62) 48%,
      rgba(255, 255, 255, 0.90) 100%
    );

  box-shadow:
    0 30px 70px rgba(27, 47, 74, 0.12),
    0 14px 30px rgba(27, 47, 74, 0.075),
    0 0 0 1px rgba(255, 255, 255, 0.72),
    0 0 0 6px rgba(229, 228, 226, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 -1px 0 rgba(27, 47, 74, 0.08);

  backdrop-filter: blur(34px) saturate(165%);
  -webkit-backdrop-filter: blur(34px) saturate(165%);

  transform-style: preserve-3d;
  will-change: transform;

  transition:
    transform 0.34s ease,
    box-shadow 0.34s ease,
    border-color 0.34s ease,
    background 0.34s ease;
}

.ventari-difference-card,
.ventari-difference-card:hover,
.ventari-difference-card:focus,
.ventari-difference-card:active,
.ventari-difference-card:visited {
  text-decoration: none !important;
}

/* Inner radius */
.ventari-difference-card::before,
.ventari-difference-card::after,
.ventari-difference-card__default,
.ventari-difference-card__hover {
  border-radius: 24px;
}

/* Image layer - hover only */
.ventari-difference-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;

  background-image: var(--card-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  opacity: 0;
  transform: scale(1.045);

  transition:
    opacity 0.42s ease,
    transform 0.58s ease;
}

/* Hover image overlay */
.ventari-difference-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.08) 0%,
      rgba(36, 58, 94, 0.22) 42%,
      rgba(27, 47, 74, 0.82) 100%
    );

  opacity: 0;

  transition: opacity 0.38s ease;
}

/* ================================
   Default Premium Frosted Glass State
================================ */
.ventari-difference-card__default {
  position: absolute;
  inset: 0;
  z-index: 3;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  padding: 30px 24px;
  text-align: center;

  background:
    radial-gradient(
      circle at 50% -12%,
      rgba(255, 255, 255, 0.98),
      rgba(255, 255, 255, 0.56) 34%,
      transparent 62%
    ),

    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.76) 0%,
      rgba(255, 255, 255, 0.58) 52%,
      rgba(255, 255, 255, 0.86) 100%
    );

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 0 0 1px rgba(255, 255, 255, 0.62),
    inset 0 -1px 0 rgba(27, 47, 74, 0.075);

  backdrop-filter: blur(36px) saturate(165%);
  -webkit-backdrop-filter: blur(36px) saturate(165%);

  transition:
    opacity 0.3s ease,
    transform 0.34s ease;
}

/* Layered glass rim */
.ventari-difference-card__default::before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: -1;
  pointer-events: none;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.82);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 -1px 0 rgba(229, 228, 226, 0.54),
    inset 1px 0 0 rgba(255, 255, 255, 0.54),
    inset -1px 0 0 rgba(27, 47, 74, 0.035),
    0 0 0 1px rgba(229, 228, 226, 0.34),
    0 18px 42px rgba(27, 47, 74, 0.055);
}

/* Subtle edge depth */
.ventari-difference-card__default::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.60) 0%,
      transparent 28%,
      rgba(36, 58, 94, 0.035) 72%,
      rgba(229, 228, 226, 0.42) 100%
    );
}

/* ================================
   Icon Tactile Tile
================================ */
.ventari-difference-card__icon {
  position: relative;
  width: 68px;
  height: 68px;
  color: #ffffff;
  margin-bottom: 22px;

  padding: 15px;
  border-radius: 20px;

  background:
    linear-gradient(
      180deg,
      rgba(216, 155, 43, 0.96) 0%,
      rgba(197, 138, 31, 0.98) 100%
    );

  border: 1px solid rgba(255, 235, 196, 0.48);

  box-shadow:
    0 22px 42px rgba(27, 47, 74, 0.14),
    0 10px 20px rgba(27, 47, 74, 0.08),
    0 0 0 1px rgba(255, 224, 160, 0.22),
    0 0 0 5px rgba(216, 155, 43, 0.10),
    inset 0 1px 0 rgba(255, 245, 222, 0.75),
    inset 0 -1px 0 rgba(143, 95, 20, 0.22);

  backdrop-filter: blur(20px) saturate(155%);
  -webkit-backdrop-filter: blur(20px) saturate(155%);
}

/* Inner icon border */
.ventari-difference-card__icon::before {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 15px;
  pointer-events: none;
  border: 1px solid rgba(255, 241, 209, 0.38);

  box-shadow:
    inset 0 1px 0 rgba(255, 249, 235, 0.62),
    inset 0 -1px 0 rgba(143, 95, 20, 0.18),
    0 0 0 1px rgba(255, 224, 160, 0.08);
}

/* Inner amber glow depth */
.ventari-difference-card__icon::after {
  content: "";
  position: absolute;
  inset: 11px;
  z-index: 0;
  border-radius: 12px;
  pointer-events: none;

  background:
    radial-gradient(
      circle at 50% 30%,
      rgba(255, 231, 184, 0.18),
      transparent 70%
    );
}

.ventari-difference-card__icon svg {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: block;
  color: #ffffff;
  filter: drop-shadow(0 4px 10px rgba(143, 95, 20, 0.18));
}

.ventari-difference-card__default h3 {
  margin: 0 0 10px;
  color: #243A5E;
  font-size: clamp(0.98rem, 1.05vw, 1.2rem);
  line-height: 1.12;
  font-weight: 800;
  letter-spacing: 0.01em;
}

.ventari-difference-card__default p {
  margin: 0;
  max-width: 270px;
  color: rgba(27, 47, 74, 0.82);

  font-size: clamp(0.74rem, 0.78vw, 0.88rem);
  line-height: 1.5;
  font-weight: 500;
}

/* ================================
   Hover Image State
================================ */
.ventari-difference-card__hover {
  position: absolute;
  inset: auto 0 0;
  z-index: 4;
  padding: 22px 22px 24px;

  opacity: 0;
  transform: translateY(14px);

  background:
    linear-gradient(
      180deg,
      rgba(27, 47, 74, 0.08),
      rgba(27, 47, 74, 0.72)
    );

  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);

  transition:
    opacity 0.34s ease,
    transform 0.34s ease;
}

.ventari-difference-card__hover h3 {
  margin: 0 0 9px;
  color: #D89B2B;

  font-size: clamp(0.98rem, 1.05vw, 1.2rem);
  line-height: 1.12;
  font-weight: 800;
  letter-spacing: 0.01em;
}

.ventari-difference-card__hover p {
  margin: 0;
  max-width: 290px;
  color: rgba(255, 255, 255, 0.94);

  font-size: clamp(0.76rem, 0.82vw, 0.92rem);
  line-height: 1.5;
  font-weight: 400;
}

.ventari-difference-card__hover::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 16px;

  background:
    linear-gradient(
      90deg,
      rgba(216, 155, 43, 0.78),
      rgba(229, 228, 226, 0.28),
      transparent
    );
}

/* ================================
   Hover: Premium Lift
================================ */
.ventari-difference-card:hover {
  transform: translateY(-7px) !important;
  border: 1px solid rgba(229, 228, 226, 0.98) !important;

  box-shadow:
    0 24px 50px rgba(27, 47, 74, 0.18),
    0 10px 22px rgba(27, 47, 74, 0.10),
    0 0 0 1px rgba(255, 255, 255, 0.72),
    0 0 0 4px rgba(229, 228, 226, 0.22),
    0 0 26px rgba(216, 155, 43, 0.16) !important;
}

/* Image reveal on hover */
.ventari-difference-card:hover::before {
  opacity: 1;
  transform: scale(1);
}

.ventari-difference-card:hover::after {
  opacity: 1;
}

.ventari-difference-card:hover .ventari-difference-card__default {
  opacity: 0;
  transform: translateY(-8px);
  pointer-events: none;
}

.ventari-difference-card:hover .ventari-difference-card__hover {
  opacity: 1;
  transform: translateY(0);
}

/* ================================
   Click Press: Subtle Amber Glow
================================ */
.ventari-difference-card:active {
  transform: translateY(-2px) scale(0.992) !important;
  border: 1px solid rgba(216, 155, 43, 0.95) !important;

  box-shadow:
    0 12px 28px rgba(27, 47, 74, 0.18),
    0 0 0 3px rgba(216, 155, 43, 0.24),
    0 0 22px rgba(216, 155, 43, 0.32) !important;
}

/* Keyboard focus */
.ventari-difference-card:focus {
  outline: none;
}

.ventari-difference-card:focus-visible {
  outline: 2px solid rgba(216, 155, 43, 0.55);
  outline-offset: 5px;
}

/* ================================
   Tablet
================================ */
@media (max-width: 1100px) {
  .ventari-difference-section {
    margin-top: -64px;
  }

  .ventari-difference-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ventari-difference-card {
    min-height: 270px;
  }
}

/* ================================
   Mobile
================================ */
@media (max-width: 640px) {
  .ventari-difference-section {
    padding: 0 18px 42px;
    margin-top: -28px;
  }

  .ventari-difference-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .ventari-difference-card {
    min-height: 245px;
    border-radius: 20px;
  }

  .ventari-difference-card::before,
  .ventari-difference-card::after,
  .ventari-difference-card__default,
  .ventari-difference-card__hover {
    border-radius: 20px;
  }

  .ventari-difference-card__default {
    padding: 26px 22px;
  }

  .ventari-difference-card__default::before {
    inset: 8px;
    border-radius: 15px;
  }

  .ventari-difference-card__icon {
    width: 62px;
    height: 62px;
    padding: 14px;
    border-radius: 18px;
    margin-bottom: 18px;
  }

  .ventari-difference-card__icon::before {
    inset: 5px;
    border-radius: 13px;
  }

  .ventari-difference-card__icon::after {
    inset: 10px;
    border-radius: 11px;
  }

  .ventari-difference-card__hover {
    padding: 22px;
  }

  .ventari-difference-card__hover p,
  .ventari-difference-card__default p {
    max-width: 100%;
  }
}

/* ================================
   Ventari Lifecycle Cards
   Invest / Operate / Stabilize
================================ */
.ventari-lifecycle-section,
.ventari-lifecycle-section * {
  box-sizing: border-box;
  font-family: "Montserrat", Arial, sans-serif;
}

.ventari-lifecycle-section {
  position: relative;
  background: #ffffff !important;
  padding: clamp(34px, 5vw, 60px) 24px;
  overflow: hidden;
}

/* Remove background atmosphere so the section stays pure white */
.ventari-lifecycle-section::before,
.ventari-lifecycle-section::after {
  display: none !important;
  content: none !important;
}

.ventari-lifecycle-section__inner {
  position: relative;
  z-index: 1;
  width: min(1360px, 100%);
  margin: 0 auto;
  background: #ffffff !important;
}

.ventari-lifecycle-section__inner::before,
.ventari-lifecycle-section__inner::after {
  display: none !important;
  content: none !important;
}

.ventari-lifecycle-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(24px, 2.4vw, 36px);
  align-items: stretch;
  background: #ffffff !important;
}

.ventari-lifecycle-grid::before,
.ventari-lifecycle-grid::after {
  display: none !important;
  content: none !important;
}

.ventari-lifecycle-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #ffffff !important;
}

/* Button visually sits inside the card */
.ventari-lifecycle-item > .ventari-btn {
  position: absolute;
  left: 50%;
  bottom: 18px;
  z-index: 8;

  width: auto !important;
  min-width: 0 !important;
  max-width: max-content !important;

  transform: translateX(-50%);
  align-self: center;

  padding: 15px 26px !important;
  border-radius: 8px;

  white-space: nowrap;
  text-decoration: none;

  background:
    linear-gradient(
      135deg,
      #D89B2B,
      #C98718
    ) !important;

  border: 1px solid rgba(255, 255, 255, 0.34);

  box-shadow:
    0 10px 22px rgba(216, 155, 43, 0.20),
    inset 0 1px 0 rgba(255, 255, 255, 0.34);

  color: #ffffff !important;
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;

  transition:
    transform 0.38s ease,
    box-shadow 0.38s ease,
    filter 0.38s ease,
    background 0.38s ease,
    color 0.38s ease,
    border-color 0.38s ease;
}

.ventari-lifecycle-item:hover > .ventari-btn,
.ventari-lifecycle-item:focus-within > .ventari-btn {
  transform: translateX(-50%) translateY(-4px);

  background:
    linear-gradient(
      135deg,
      #243A5E,
      #1B2F4A
    ) !important;

  border-color: rgba(255, 255, 255, 0.36);

  box-shadow:
    0 14px 28px rgba(27, 47, 74, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.26);

  color: #ffffff !important;
  filter: brightness(1.02) saturate(1.04);
}

.ventari-lifecycle-item > .ventari-btn:active {
  transform: translateX(-50%) translateY(-1px);

  background: #ffffff !important;
  color: #243A5E !important;

  border: 1px solid rgba(229, 228, 226, 0.95);

  box-shadow:
    0 8px 18px rgba(27, 47, 74, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

/* Main glass card */
.ventari-lifecycle-card {
  position: relative;
  width: 100%;
  min-height: 640px;
  border-radius: 28px;
  overflow: hidden;
  isolation: isolate;
  cursor: default;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.84),
      rgba(255, 255, 255, 0.64) 48%,
      rgba(255, 255, 255, 0.96)
    );

  border: 1px solid rgba(255, 255, 255, 0.88);

  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.48),
    0 0 0 2px rgba(229, 228, 226, 0.16),
    0 18px 42px rgba(27, 47, 74, 0.075),
    0 6px 16px rgba(27, 47, 74, 0.045),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 -1px 0 rgba(255, 255, 255, 0.28);

  backdrop-filter: blur(30px) saturate(165%);
  -webkit-backdrop-filter: blur(30px) saturate(165%);

  transition:
    transform 0.45s ease,
    box-shadow 0.45s ease,
    border-color 0.45s ease,
    background 0.45s ease;
}

/* Inner frosted border */
.ventari-lifecycle-card::before {
  content: "";
  position: absolute;
  inset: 7px;
  z-index: 4;
  pointer-events: none;
  border-radius: 22px;

  border: 1px solid rgba(255, 255, 255, 0.46);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.62),
    inset 0 -1px 0 rgba(255, 255, 255, 0.18);
}

/* Softer glass sheen */
.ventari-lifecycle-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background:
    radial-gradient(circle at 18% 8%, rgba(255, 255, 255, 0.46), transparent 30%),
    linear-gradient(
      120deg,
      rgba(255, 255, 255, 0.20),
      transparent 42%
    );
}

/* Hover + active card lift */
.ventari-lifecycle-item:hover .ventari-lifecycle-card,
.ventari-lifecycle-card:active,
.ventari-lifecycle-card:focus-within {
  transform: translateY(-8px);
  border-color: rgba(255, 255, 255, 0.96);

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.90),
      rgba(255, 255, 255, 0.70) 48%,
      rgba(255, 255, 255, 0.98)
    );

  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.58),
    0 0 0 2px rgba(229, 228, 226, 0.20),
    0 24px 54px rgba(18, 32, 52, 0.115),
    0 10px 24px rgba(18, 32, 52, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -1px 0 rgba(255, 255, 255, 0.34);
}

/* Front card */
.ventari-lifecycle-card__front {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.24) 0%,
      rgba(255, 255, 255, 0.72) 48%,
      #ffffff 100%
    );

  backdrop-filter: blur(22px) saturate(155%);
  -webkit-backdrop-filter: blur(22px) saturate(155%);

  transition:
    opacity 0.36s ease,
    transform 0.45s ease;
}

.ventari-lifecycle-card__front::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.02) 0%,
      rgba(255, 255, 255, 0.18) 44%,
      #ffffff 100%
    );
}

.ventari-lifecycle-card__image,
.ventari-lifecycle-card__content {
  position: relative;
  z-index: 2;
}

.ventari-lifecycle-card__image {
  width: 100%;
  height: 235px;
  object-fit: cover;
  display: block;

  opacity: 0.92;
  filter: saturate(0.98) contrast(0.98);

  border-bottom: 1px solid rgba(255, 255, 255, 0.62);

  -webkit-mask-image: linear-gradient(
    180deg,
    #000 0%,
    #000 76%,
    rgba(0, 0, 0, 0.50) 100%
  );

  mask-image: linear-gradient(
    180deg,
    #000 0%,
    #000 76%,
    rgba(0, 0, 0, 0.50) 100%
  );
}

.ventari-lifecycle-card__content {
  flex: 1;
  padding: 34px 30px 156px;

  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.70),
      #ffffff 58%,
      #ffffff 100%
    );
}

/* Front icon square */
.ventari-lifecycle-card__front-icon {
  width: 78px;
  height: 78px;
  margin: -70px 0 24px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 18px;

  color: #D89B2B;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.86),
      rgba(255, 255, 255, 0.54)
    );

  border: 1px solid rgba(255, 255, 255, 0.88);

  box-shadow:
    0 14px 30px rgba(27, 47, 74, 0.10),
    0 0 0 1px rgba(229, 228, 226, 0.20),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 -1px 0 rgba(255, 255, 255, 0.24);

  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
}

.ventari-lifecycle-card__front-icon svg {
  width: 38px;
  height: 38px;
  display: block;
}

/* Front text */
.ventari-lifecycle-card__eyebrow {
  margin: 0 0 13px;

  font-size: clamp(12px, 0.86vw, 15px);
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #D89B2B;
}

.ventari-lifecycle-card__content h3 {
  margin: 0 0 16px;
  max-width: 340px;

  font-size: clamp(16px, 1.45vw, 23px);
  line-height: 1.16;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #243A5E;
}

.ventari-lifecycle-card__content p:last-child {
  max-width: 365px;
  margin: 0;

  font-size: clamp(14px, 0.95vw, 16px);
  line-height: 1.55;
  font-weight: 500;
  color: rgba(36, 58, 94, 0.88);
}

/* Hover card */
.ventari-lifecycle-card__hover {
  position: absolute;
  inset: 0;
  z-index: 3;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;

  padding: 34px 32px;
  color: #E5E4E2;

  background:
    linear-gradient(
      145deg,
      rgba(27, 47, 74, 0.94) 0%,
      rgba(36, 58, 94, 0.90) 46%,
      rgba(18, 32, 52, 0.96) 100%
    );

  border: 1px solid rgba(255, 255, 255, 0.28);

  backdrop-filter: blur(28px) saturate(155%);
  -webkit-backdrop-filter: blur(28px) saturate(155%);

  opacity: 0;
  transform: translateY(16px);

  transition:
    opacity 0.36s ease,
    transform 0.45s ease;
}

.ventari-lifecycle-card__hover::before {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  pointer-events: none;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    inset 0 -1px 0 rgba(255, 255, 255, 0.08);
}

.ventari-lifecycle-card__hover::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background:
    linear-gradient(
      120deg,
      rgba(255, 255, 255, 0.10),
      transparent 38%
    ),

    radial-gradient(
      circle at 18% 0%,
      rgba(255, 255, 255, 0.10),
      transparent 30%
    ),

    radial-gradient(
      circle at 86% 100%,
      rgba(216, 155, 43, 0.08),
      transparent 32%
    );
}

/* Reveal hover layer */
.ventari-lifecycle-card:hover .ventari-lifecycle-card__front,
.ventari-lifecycle-card:active .ventari-lifecycle-card__front,
.ventari-lifecycle-card:focus-within .ventari-lifecycle-card__front {
  opacity: 0;
  transform: translateY(-8px) scale(1.01);
}

.ventari-lifecycle-card:hover .ventari-lifecycle-card__hover,
.ventari-lifecycle-card:active .ventari-lifecycle-card__hover,
.ventari-lifecycle-card:focus-within .ventari-lifecycle-card__hover {
  opacity: 1;
  transform: translateY(0);
}

.ventari-lifecycle-card__icon,
.ventari-lifecycle-card__hover-title,
.ventari-lifecycle-card__hover h3,
.ventari-lifecycle-card__hover ul {
  position: relative;
  z-index: 2;
}

.ventari-lifecycle-card__icon {
  width: 44px;
  height: 44px;
  margin-bottom: 17px;
  color: #D89B2B;
}

.ventari-lifecycle-card__icon svg {
  width: 100%;
  height: 100%;
  display: block;
  transform-origin: 50% 50%;
}

.ventari-lifecycle-card__icon:hover svg {
  animation: ventari-soft-wiggle 0.72s ease-in-out both;
}

@keyframes ventari-soft-wiggle {
  0% {
    transform: rotate(0deg) scale(1);
  }

  18% {
    transform: rotate(-5deg) scale(1.035);
  }

  36% {
    transform: rotate(4deg) scale(1.035);
  }

  54% {
    transform: rotate(-3deg) scale(1.02);
  }

  72% {
    transform: rotate(2deg) scale(1.01);
  }

  100% {
    transform: rotate(0deg) scale(1);
  }
}

.ventari-lifecycle-card__hover-title {
  margin: 0 0 8px;
  font-size: clamp(18px, 1.25vw, 23px);
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #E5E4E2;
}

.ventari-lifecycle-card__hover h3 {
  margin: 0 0 18px;
  max-width: 330px;

  font-size: clamp(16px, 1vw, 18px);
  line-height: 1.35;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.92);

  transition: color 0.35s ease;
}

/* Amber hover titles */
.ventari-lifecycle-card:hover .ventari-lifecycle-card__hover h3,
.ventari-lifecycle-card:active .ventari-lifecycle-card__hover h3,
.ventari-lifecycle-card:focus-within .ventari-lifecycle-card__hover h3 {
  color: #D89B2B;
}

.ventari-lifecycle-card__hover ul {
  list-style: none;
  margin: 0;
  padding: 0;

  display: grid;
  gap: 11px;
}

.ventari-lifecycle-card__hover li {
  position: relative;
  padding-left: 19px;

  font-size: clamp(13px, 0.88vw, 15px);
  line-height: 1.42;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.86);
}

.ventari-lifecycle-card__hover li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.62em;
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: #D89B2B;
  box-shadow: 0 0 0 3px rgba(216, 155, 43, 0.10);
}

/* Tablet */
@media (max-width: 1100px) {
  .ventari-lifecycle-grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .ventari-lifecycle-card {
    min-height: 500px;
  }

  .ventari-lifecycle-card__image {
    height: 220px;
  }

  .ventari-lifecycle-card__content {
    padding: 32px 34px 104px;
  }

  .ventari-lifecycle-card__front-icon {
    width: 76px;
    height: 76px;
    margin: -68px 0 24px;
    border-radius: 17px;
  }

  .ventari-lifecycle-card__content h3 {
    max-width: 560px;
  }

  .ventari-lifecycle-card__content p:last-child {
    max-width: 560px;
  }

  .ventari-lifecycle-item:hover .ventari-lifecycle-card,
  .ventari-lifecycle-card:active,
  .ventari-lifecycle-card:focus-within {
    border-color: rgba(255, 255, 255, 0.96);

    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.58),
      0 0 0 2px rgba(229, 228, 226, 0.20),
      0 24px 54px rgba(18, 32, 52, 0.115),
      0 10px 24px rgba(18, 32, 52, 0.07),
      inset 0 1px 0 rgba(255, 255, 255, 0.98),
      inset 0 -1px 0 rgba(255, 255, 255, 0.34);
  }

  .ventari-lifecycle-card__hover {
    align-items: center;
    text-align: center;
    padding: 36px 34px;
  }

  .ventari-lifecycle-card__hover h3,
  .ventari-lifecycle-card__hover ul {
    max-width: 620px;
  }

  .ventari-lifecycle-card__hover ul {
    justify-items: center;
  }

  .ventari-lifecycle-card__hover li {
    padding-left: 0;
    text-align: center;
  }

  .ventari-lifecycle-card__hover li::before {
    position: relative;
    display: inline-block;
    left: auto;
    top: -2px;
    margin-right: 9px;
    vertical-align: middle;
  }

  .ventari-lifecycle-item > .ventari-btn {
    bottom: 24px;
  }
}

/* Mobile */
@media (max-width: 640px) {
  .ventari-lifecycle-section {
    padding: 34px 18px;
    background: #ffffff !important;
  }

  .ventari-lifecycle-section__inner,
  .ventari-lifecycle-grid,
  .ventari-lifecycle-item {
    background: #ffffff !important;
  }

  .ventari-lifecycle-grid {
    gap: 30px;
  }

  .ventari-lifecycle-card {
    min-height: 475px;
    border-radius: 22px;

    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.42),
      0 0 0 2px rgba(229, 228, 226, 0.14),
      0 16px 36px rgba(27, 47, 74, 0.075),
      inset 0 1px 0 rgba(255, 255, 255, 0.90);
  }

  .ventari-lifecycle-card::before {
    inset: 6px;
    border-radius: 17px;
  }

  .ventari-lifecycle-card__image {
    height: 170px;
  }

  .ventari-lifecycle-card__content {
    padding: 28px 22px 98px;
  }

  .ventari-lifecycle-card__front-icon {
    width: 70px;
    height: 70px;
    margin: -62px 0 22px;
    border-radius: 16px;
  }

  .ventari-lifecycle-card__front-icon svg {
    width: 34px;
    height: 34px;
  }

  .ventari-lifecycle-card__eyebrow {
    margin-bottom: 12px;
    font-size: 12px;
    letter-spacing: 0.2em;
  }

  .ventari-lifecycle-card__content h3 {
    margin-bottom: 14px;
    font-size: 21px;
    line-height: 1.22;
  }

  .ventari-lifecycle-card__content p:last-child {
    font-size: 14px;
    line-height: 1.5;
  }

  .ventari-lifecycle-item:hover .ventari-lifecycle-card,
  .ventari-lifecycle-card:active,
  .ventari-lifecycle-card:focus-within {
    border-color: rgba(255, 255, 255, 0.94);

    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.54),
      0 0 0 2px rgba(229, 228, 226, 0.16),
      0 22px 46px rgba(18, 32, 52, 0.11),
      inset 0 1px 0 rgba(255, 255, 255, 0.94);
  }

  .ventari-lifecycle-card__hover {
    align-items: center;
    text-align: center;
    padding: 30px 24px;
  }

  .ventari-lifecycle-card__icon {
    width: 40px;
    height: 40px;
    margin-bottom: 15px;
  }

  .ventari-lifecycle-card__hover-title {
    font-size: 18px;
    letter-spacing: 0.13em;
  }

  .ventari-lifecycle-card__hover h3 {
    font-size: 15px;
    margin-bottom: 17px;
  }

  .ventari-lifecycle-card__hover ul {
    max-width: 300px;
    justify-items: center;
  }

  .ventari-lifecycle-card__hover li {
    padding-left: 0;
    font-size: 14px;
    text-align: center;
  }

  .ventari-lifecycle-card__hover li::before {
    position: relative;
    display: inline-block;
    left: auto;
    top: -2px;
    margin-right: 8px;
    vertical-align: middle;
  }

  .ventari-lifecycle-item > .ventari-btn {
    bottom: 20px;
    max-width: calc(100% - 48px) !important;
    padding: 13px 20px !important;
    white-space: normal;
    text-align: center;
    line-height: 1.2;
  }
}

/* Touch devices: reveal card on tap/press without adding pointer cursor */
@media (hover: none) {
  .ventari-lifecycle-card {
    cursor: default;
  }

  .ventari-lifecycle-card:active .ventari-lifecycle-card__front,
  .ventari-lifecycle-card:focus-within .ventari-lifecycle-card__front {
    opacity: 0;
    transform: translateY(-8px) scale(1.01);
  }

  .ventari-lifecycle-card:active .ventari-lifecycle-card__hover,
  .ventari-lifecycle-card:focus-within .ventari-lifecycle-card__hover {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .ventari-lifecycle-card__icon:hover svg {
    animation: none;
  }
}

/* Hero */
.ventari-home-hero {
  position: relative;
  background: #ffffff;
  overflow: hidden;
  padding: 18px 24px 24px;
}

.ventari-home-hero__inner {
  width: min(1360px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(430px, 520px) minmax(0, 1fr);
  align-items: center;
  gap: clamp(24px, 3vw, 48px);
}

.ventari-home-hero__content {
  position: relative;
  z-index: 4;
  max-width: 520px;
}

.ventari-home-hero__eyebrow {
  margin: 0 0 14px;
  font-family: "Montserrat", sans-serif;
  font-size: clamp(0.86rem, 0.85vw, 0.96rem);
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #d89b2b;
}

.ventari-home-hero__title {
  margin: 0;
  font-family: "Playfair Display", serif;
  font-size: clamp(2.9rem, 3.6vw, 4.05rem);
  line-height: 0.95;
  font-weight: 600;
  letter-spacing: -0.035em;
  color: #1b2f4a;
  max-width: 590px;
}

.ventari-home-hero__line {
  display: block;
  white-space: nowrap;
}

.ventari-home-hero__control {
  color: #d89b2b;
}

.ventari-home-hero__copy {
  margin: 24px 0 0;
  font-family: "Montserrat", sans-serif;
  font-size: clamp(1rem, 0.98vw, 1.1rem);
  line-height: 1.68;
  font-weight: 400;
  color: #000000;
  max-width: 500px;
}

.ventari-home-hero__buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 14px;
  margin-top: 28px;
  padding-bottom: 45px;
  overflow: visible !important;
}

/* =========================================
   VENTARI BUTTONS
   Tactile Depth + Premium Pressed State
========================================= */
.ventari-btn {
  position: relative;
  isolation: isolate;
  overflow: hidden;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 48px;
  padding: 10px 18px;
  border-radius: 7px;

  font-family: "Montserrat", sans-serif;
  font-size: clamp(1.05rem, 1.35vw, 1.35rem);
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  text-decoration: none !important;
  white-space: nowrap;

  transform: translate3d(0, 0, 0);
  transform-origin: center;
  cursor: pointer;

  transition:
    transform 0.24s cubic-bezier(0.2, 0.8, 0.2, 1),
    box-shadow 0.24s ease,
    background 0.24s ease,
    background-color 0.24s ease,
    border-color 0.24s ease,
    color 0.24s ease,
    filter 0.24s ease,
    backdrop-filter 0.24s ease,
    -webkit-backdrop-filter 0.24s ease;
}

/* Soft top sheen for tactile depth */
.ventari-btn::before {
  content: "";
  position: absolute;
  inset: 1px 1px auto 1px;
  z-index: -1;
  height: 48%;
  border-radius: 6px 6px 4px 4px;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.28) 0%,
      rgba(255, 255, 255, 0.10) 52%,
      rgba(255, 255, 255, 0) 100%
    );

  pointer-events: none;
  opacity: 0.9;

  transition:
    opacity 0.24s ease,
    transform 0.24s ease;
}

/* Subtle lower inner shade for button depth */
.ventari-btn::after {
  content: "";
  position: absolute;
  inset: auto 1px 1px 1px;
  z-index: -1;
  height: 42%;
  border-radius: 4px 4px 6px 6px;

  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.10) 100%
    );

  pointer-events: none;
  opacity: 0.5;

  transition:
    opacity 0.24s ease,
    transform 0.24s ease;
}

.ventari-btn:hover {
  transform: translate3d(0, -3px, 0);

  backdrop-filter: blur(12px) saturate(145%);
  -webkit-backdrop-filter: blur(12px) saturate(145%);
}

.ventari-btn:hover::before {
  opacity: 1;
  transform: translateY(-1px);
}

.ventari-btn:hover::after {
  opacity: 0.42;
}

.ventari-btn:active {
  transform: translate3d(0, 1.5px, 0) scale(0.985);

  backdrop-filter: blur(4px) saturate(120%);
  -webkit-backdrop-filter: blur(4px) saturate(120%);

  transition-duration: 0.12s;
}

.ventari-btn:active::before {
  opacity: 0.42;
  transform: translateY(1px);
}

.ventari-btn:active::after {
  opacity: 0.72;
}

/* =========================================
   PRIMARY BLUE BUTTON
========================================= */
.ventari-btn--primary {
  color: #ffffff !important;
  background:
    linear-gradient(
      180deg,
      #243a5e 0%,
      #1b2f4a 54%,
      #14243a 100%
    );

  border: 1px solid rgba(255, 255, 255, 0.14);

  box-shadow:
    0 2px 0 rgba(255, 255, 255, 0.16) inset,
    0 -2px 0 rgba(0, 0, 0, 0.20) inset,
    0 1px 0 rgba(255, 255, 255, 0.10),
    0 10px 20px rgba(27, 47, 74, 0.22),
    0 18px 34px rgba(27, 47, 74, 0.16);
}

.ventari-btn--primary:hover {
  color: #1b2f4a !important;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.88) 0%,
      rgba(242, 247, 253, 0.78) 52%,
      rgba(226, 236, 248, 0.76) 100%
    );

  border-color: rgba(92, 126, 176, 0.46);

  box-shadow:
    0 2px 0 rgba(255, 255, 255, 0.95) inset,
    0 -2px 0 rgba(36, 58, 94, 0.08) inset,
    0 14px 26px rgba(27, 47, 74, 0.16),
    0 24px 42px rgba(27, 47, 74, 0.12),
    0 0 0 1px rgba(255, 255, 255, 0.72) inset,
    0 0 0 4px rgba(229, 228, 226, 0.70),
    0 0 18px rgba(229, 228, 226, 0.85);
}

.ventari-btn--primary:active {
  color: #ffffff !important;

  background:
    linear-gradient(
      180deg,
      #14243a 0%,
      #182b46 56%,
      #203653 100%
    );

  border-color: rgba(255, 255, 255, 0.10);

  box-shadow:
    0 2px 5px rgba(0, 0, 0, 0.18) inset,
    0 -1px 0 rgba(255, 255, 255, 0.10) inset,
    0 5px 12px rgba(27, 47, 74, 0.16);
}

/* =========================================
   SECONDARY AMBER BUTTON
========================================= */
.ventari-btn--secondary {
  color: #ffffff !important;

  background:
    linear-gradient(
      180deg,
      #f0b64a 0%,
      #d89b2b 54%,
      #b77f22 100%
    );

  border: 1px solid rgba(255, 255, 255, 0.18);

  box-shadow:
    0 2px 0 rgba(255, 255, 255, 0.24) inset,
    0 -2px 0 rgba(107, 66, 10, 0.18) inset,
    0 1px 0 rgba(255, 255, 255, 0.12),
    0 10px 20px rgba(216, 155, 43, 0.22),
    0 18px 34px rgba(216, 155, 43, 0.15);
}

.ventari-btn--secondary:hover {
  color: #d89b2b !important;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.88) 0%,
      rgba(255, 250, 239, 0.78) 52%,
      rgba(248, 237, 213, 0.76) 100%
    );

  border-color: rgba(216, 155, 43, 0.52);

  box-shadow:
    0 2px 0 rgba(255, 255, 255, 0.95) inset,
    0 -2px 0 rgba(216, 155, 43, 0.08) inset,
    0 14px 26px rgba(216, 155, 43, 0.15),
    0 24px 42px rgba(216, 155, 43, 0.11),
    0 0 0 1px rgba(255, 255, 255, 0.74) inset,
    0 0 0 4px rgba(229, 228, 226, 0.78),
    0 0 18px rgba(229, 228, 226, 0.88);
}

.ventari-btn--secondary:active {
  color: #ffffff !important;

  background:
    linear-gradient(
      180deg,
      #b77f22 0%,
      #c98d27 56%,
      #d89b2b 100%
    );

  border-color: rgba(255, 255, 255, 0.12);

  box-shadow:
    0 2px 5px rgba(91, 58, 12, 0.20) inset,
    0 -1px 0 rgba(255, 255, 255, 0.12) inset,
    0 5px 12px rgba(216, 155, 43, 0.15);
}

/* =========================================
   BUTTON LABEL CONTROL
========================================= */
.ventari-btn__mobile {
  display: none;
}

.ventari-btn__desktop {
  display: inline;
}

/* =========================================
   TABLET + MOBILE BUTTON SIZING
========================================= */
@media (max-width: 1100px) {
  .ventari-home-hero__buttons {
    gap: 10px;
    margin-top: 24px;
  }

  .ventari-btn__desktop {
    display: none !important;
  }

  .ventari-btn__mobile {
    display: inline !important;
  }

  .ventari-btn {
    min-height: 40px;
    padding: 8px 14px;

    font-size: 0.72rem;
    line-height: 1.1;
    letter-spacing: 0.08em;
    border-radius: 6px;
  }

  .ventari-btn::before {
    border-radius: 5px 5px 3px 3px;
  }

  .ventari-btn::after {
    border-radius: 3px 3px 5px 5px;
  }
}

/* =========================================
   MOBILE SIZE ONLY
========================================= */
@media (max-width: 768px) {
  .ventari-btn--primary,
  .ventari-btn--primary:hover,
  .ventari-btn--primary:active,
  .ventari-btn--secondary,
  .ventari-btn--secondary:hover,
  .ventari-btn--secondary:active {
    min-height: 32px !important;
    padding: 7px 16px !important;

    font-size: 12px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
  }

  .ventari-btn:hover {
    transform: translate3d(0, -2px, 0);
  }

  .ventari-btn:active {
    transform: translate3d(0, 1px, 0) scale(0.988);
  }
}

/* =========================================
   ACCESSIBILITY
========================================= */
@media (prefers-reduced-motion: reduce) {
  .ventari-btn,
  .ventari-btn::before,
  .ventari-btn::after {
    transition: none !important;
  }

  .ventari-btn:hover,
  .ventari-btn:active {
    transform: none !important;
  }
}

/* Image */
.ventari-home-hero__image-wrap {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  overflow: hidden;
  min-height: 560px;
  margin-left: -56px;
  margin-right: -120px;
  isolation: isolate;
}

.ventari-home-hero__image {
  display: block;
  width: clamp(900px, 72vw, 1360px);
  max-width: none;
  min-width: 0;
  height: auto;
  object-fit: contain;
  object-position: right center;
  background: transparent;
  box-shadow: none;
  filter: none;
  position: relative;
  z-index: 1;
  transform: translateX(56px);
}

/* Left and bottom fade */
.ventari-home-hero__image-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background:
    linear-gradient(
      to right,
      #ffffff 0%,
      rgba(255, 255, 255, 0.86) 4%,
      rgba(255, 255, 255, 0.35) 10%,
      rgba(255, 255, 255, 0) 17%
    ),

    linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 66%,
      rgba(255, 255, 255, 0.42) 82%,
      #ffffff 100%
    );
}

/* Right fade */
.ventari-home-hero__image-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  right: -2px;
  width: 42%;
  height: 100%;
  z-index: 4;
  pointer-events: none;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.18) 24%,
    rgba(255, 255, 255, 0.55) 52%,
    rgba(255, 255, 255, 0.9) 78%,
    #ffffff 100%
  );
}

/* Desktop */
@media (min-width: 1025px) {
  .ventari-home-hero {
    padding: 0 24px;
    margin-top: -18px;
    margin-bottom: -18px;
  }

  .ventari-home-hero__inner {
    width: min(1440px, 100%);
    grid-template-columns: minmax(480px, 560px) minmax(0, 1fr);
    gap: 18px;
    align-items: center;
  }

  .ventari-home-hero__content {
    max-width: 560px;
  }

  .ventari-home-hero__title {
    font-size: clamp(2.75rem, 3.42vw, 3.85rem);
    line-height: 0.96;
    max-width: 590px;
  }

  .ventari-home-hero__copy {
    margin-top: 18px;
    font-size: clamp(1.02rem, 1.02vw, 1.12rem);
    max-width: 540px;
  }

  .ventari-home-hero__buttons {
    margin-top: 20px;
  }

  .ventari-btn {
    min-height: 32px;
    padding: 6px 15px;
    font-size: 0.6rem;
    border-radius: 7px;
  }

  .ventari-home-hero__image-wrap {
    min-height: 440px;
    margin-left: -150px;
    margin-right: -40px;
    overflow: hidden;
    justify-content: flex-end;
  }

  .ventari-home-hero__image {
    width: clamp(1040px, 75vw, 1440px);
    max-width: none;
    min-width: 0;
    transform: translateX(-18px);
    object-position: right center;
  }

  .ventari-home-hero__image-wrap::before {
    background:
      linear-gradient(
        to right,
        #ffffff 0%,
        rgba(255, 255, 255, 0.72) 3%,
        rgba(255, 255, 255, 0.22) 8%,
        rgba(255, 255, 255, 0) 14%
      ),

      linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0) 68%,
        rgba(255, 255, 255, 0.38) 83%,
        #ffffff 100%
      );
  }

  .ventari-home-hero__image-wrap::after {
    right: -4px;
    width: 30%;
    z-index: 5;
    background: linear-gradient(
      to right,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.12) 22%,
      rgba(255, 255, 255, 0.38) 48%,
      rgba(255, 255, 255, 0.76) 74%,
      #ffffff 100%
    );
  }
}

/* Desktop transition */
@media (max-width: 1180px) and (min-width: 1025px) {
  .ventari-home-hero__inner {
    grid-template-columns: minmax(420px, 520px) minmax(0, 1fr);
  }

  .ventari-home-hero__title {
    font-size: clamp(2.62rem, 3.3vw, 3.55rem);
  }

  .ventari-home-hero__image-wrap {
    min-height: 420px;
    margin-left: -110px;
    margin-right: -30px;
  }

  .ventari-home-hero__image {
    width: clamp(860px, 73vw, 1180px);
    transform: translateX(-10px);
  }

  .ventari-home-hero__image-wrap::after {
    width: 28%;
  }
}

/* Tablet */
@media (max-width: 1024px) {
  .ventari-home-hero {
    padding: 22px 22px 30px;
  }

  .ventari-home-hero__inner {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .ventari-home-hero__content {
    max-width: 680px;
  }

  .ventari-home-hero__title {
    max-width: 680px;
    font-size: clamp(2.35rem, 5.7vw, 3.35rem);
  }

  .ventari-home-hero__copy {
    max-width: 600px;
    font-size: 1rem;
  }

  .ventari-home-hero__image-wrap {
    justify-content: center;
    overflow: hidden;
    margin-left: 0;
    margin-right: 0;
    min-height: auto;
    width: 100%;
  }

  .ventari-home-hero__image {
    width: 100%;
    max-width: 940px;
    min-width: 0;
    transform: none;
    margin: 0 auto;
  }

  .ventari-home-hero__image-wrap::before {
    background:
      linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0) 72%,
        rgba(255, 255, 255, 0.45) 88%,
        #ffffff 100%
      );
  }

  .ventari-home-hero__image-wrap::after {
    width: 20%;
    right: -2px;
    background: linear-gradient(
      to right,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.42) 58%,
      #ffffff 100%
    );
  }
}

/* Mobile */
@media (max-width: 640px) {
  .ventari-home-hero {
    padding: 18px 18px 24px;
  }

  .ventari-home-hero__eyebrow {
    font-size: 0.76rem;
    letter-spacing: 0.14em;
  }

  .ventari-home-hero__title {
    font-size: clamp(2.05rem, 9.5vw, 2.75rem);
    line-height: 0.98;
    max-width: 100%;
  }

  .ventari-home-hero__line {
    white-space: normal;
  }

  .ventari-home-hero__copy {
    margin-top: 18px;
    font-size: 0.96rem;
    line-height: 1.62;
  }

  .ventari-home-hero__buttons {
    flex-wrap: nowrap;
    gap: 8px;
    margin-top: 22px;
  }

  .ventari-btn {
    flex: 1;
    min-height: 36px;
    padding: 7px 9px;
    font-size: 0.56rem;
    border-radius: 7px;
  }

  .ventari-btn__desktop {
    display: none;
  }

  .ventari-btn__mobile {
    display: inline;
  }

  .ventari-home-hero__image-wrap {
    margin-top: 4px;
    overflow: hidden;
  }


  .ventari-home-hero__image {
    width: 108%;
    max-width: none;
    transform: translateX(-1%);
  }

  .ventari-home-hero__image-wrap::before {
    background:
      linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0) 72%,
        rgba(255, 255, 255, 0.44) 88%,
        #ffffff 100%
      );
  }

  .ventari-home-hero__image-wrap::after {
    width: 18%;
    right: -2px;
    background: linear-gradient(
      to right,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.38) 58%,
      #ffffff 100%
    );
  }
}

/* Footer */
footer {
  margin-top: 0 !important;
}

.entry-content {
  margin-top: 0 !important;
}

.woocommerce-page main {
  padding-bottom: 60px;
  padding-top: 40px;
}

.coblocks-form .coblocks-field,
.coblocks-form select {
  padding: 10px 10px;
}

.wp-block-image img {
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    filter 0.28s ease;
  border-radius: 14px;
}

.wp-block-image img:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 34px rgba(36, 58, 94, 0.16);
}

.wp-block-image img:active {
  transform: translateY(1px) scale(0.995);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.85),
    0 0 0 5px rgba(229, 228, 226, 0.55),
    0 0 0 7px rgba(36, 58, 94, 0.10),
    0 10px 28px rgba(36, 58, 94, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.75);
  filter: saturate(1.03) contrast(1.02);
}

/* ==================================
   MOBILE BURGER MENU BRANDING + BUTTON STATES
   Ventari logo near top + LinkedIn below Contact
================================== */
/* Hide injected elements by default */
.ventari-mobile-menu-logo-wrap,
.ventari-mobile-menu-social-wrap {
  display: none !important;
}

/* Mobile burger menu only */
@media (max-width: 600px) {
  .wp-block-navigation__responsive-container.is-menu-open {
    --ventari-alt-logo-url: url("https://ventariglobal.com/wp-content/uploads/2026/05/ventari_global_full_logo_colour_white_copy-scaled.png");
  }

  /* Shared mobile menu button transitions */
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container.is-menu-open .ventari-nav-link,
  .wp-block-navigation__responsive-container.is-menu-open .ventari-mobile-menu-logo,
  .wp-block-navigation__responsive-container.is-menu-open .ventari-mobile-menu-linkedin {
    transition:
      color 0.24s ease,
      background-color 0.24s ease,
      border-color 0.24s ease,
      box-shadow 0.24s ease,
      transform 0.24s ease,
      filter 0.24s ease !important;
  }

  /* Initial state for non-current mobile word buttons */
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:not(.current-menu-item):not(.current_page_item) > .wp-block-navigation-item__content:not(.ventari-current-page):not([aria-current="page"]),
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:not(.current-menu-item):not(.current_page_item) > .ventari-nav-link:not(.ventari-current-page):not([aria-current="page"]) {
    color: #243A5E !important;
    text-decoration: none !important;

    border: 1px solid rgba(255, 255, 255, 0.86) !important;
    background: rgba(255, 255, 255, 0.50) !important;

    backdrop-filter: blur(14px) saturate(1.16);
    -webkit-backdrop-filter: blur(14px) saturate(1.16);

    box-shadow:
      0 0 0 1px rgba(229, 228, 226, 0.36),
      0 8px 18px rgba(36, 58, 94, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
  }

  /* Hover state for non-current word buttons */
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:not(.current-menu-item):not(.current_page_item) > .wp-block-navigation-item__content:not(.ventari-current-page):not([aria-current="page"]):hover,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:not(.current-menu-item):not(.current_page_item) > .ventari-nav-link:not(.ventari-current-page):not([aria-current="page"]):hover {
    color: #ffffff !important;
    background: rgba(36, 58, 94, 0.92) !important;
    border-color: rgba(216, 155, 43, 0.85) !important;
    transform: translateY(-2px);

    box-shadow:
      0 0 0 1px rgba(216, 155, 43, 0.34),
      0 0 18px rgba(216, 155, 43, 0.34),
      0 8px 20px rgba(36, 58, 94, 0.16),
      inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  }

  /* Click state for non-current word buttons */
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:not(.current-menu-item):not(.current_page_item) > .wp-block-navigation-item__content:not(.ventari-current-page):not([aria-current="page"]):active,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:not(.current-menu-item):not(.current_page_item) > .ventari-nav-link:not(.ventari-current-page):not([aria-current="page"]):active {
    color: #ffffff !important;
    background: rgba(216, 155, 43, 0.96) !important;
    border-color: rgba(216, 155, 43, 0.96) !important;

    transform: translateY(0) scale(0.965);

    box-shadow:
      0 0 0 1px rgba(216, 155, 43, 0.28),
      0 7px 16px rgba(36, 58, 94, 0.14),
      inset 0 1px 0 rgba(255, 255, 255, 0.36),
      inset 0 2px 8px rgba(92, 56, 7, 0.16) !important;
  }

  /* Logo wrapper */
  .wp-block-navigation__responsive-container.is-menu-open .ventari-mobile-menu-logo-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;


    width: 100% !important;
    max-width: 100% !important;


    padding: 0 !important;
    margin: -46px auto 28px !important;


    text-align: center !important;
    list-style: none !important;
  }

  /* Logo initial glass container */
  .wp-block-navigation__responsive-container.is-menu-open .ventari-mobile-menu-logo {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 154px !important;
    min-width: 154px !important;
    max-width: 154px !important;

    padding: 8px 10px !important;
    margin: 0 auto !important;

    border-radius: 8px !important;
    text-decoration: none !important;
    overflow: hidden !important;

    border: 1px solid rgba(255, 255, 255, 0.86) !important;
    background: rgba(255, 255, 255, 0.50) !important;

    backdrop-filter: blur(16px) saturate(1.18);
    -webkit-backdrop-filter: blur(16px) saturate(1.18);

    box-shadow:
      0 0 0 1px rgba(229, 228, 226, 0.38),
      0 8px 18px rgba(36, 58, 94, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .ventari-mobile-menu-logo img {
    display: block !important;
    width: 128px !important;
    max-width: 128px !important;
    height: auto !important;
    margin: 0 auto !important;

    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;

    transition: opacity 0.18s ease !important;
  }

  /* Alternate white logo layer */
  .wp-block-navigation__responsive-container.is-menu-open .ventari-mobile-menu-logo::before {
    content: "" !important;
    position: absolute !important;
    inset: 8px 10px !important;

    background-image: var(--ventari-alt-logo-url) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    opacity: 0 !important;
    pointer-events: none !important;

    transition: opacity 0.18s ease !important;
  }

/* Homepage/current state for Ventari logo */
.wp-block-navigation__responsive-container.is-menu-open .ventari-mobile-menu-logo-wrap.is-homepage .ventari-mobile-menu-logo {
  border: 2px solid rgba(216, 155, 43, 0.9) !important;
  background: rgba(18, 32, 52, 0.96) !important;

  box-shadow:
    0 0 0 1px rgba(216, 155, 43, 0.24),
    0 0 16px rgba(216, 155, 43, 0.22),
    0 8px 20px rgba(18, 32, 52, 0.20),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

  .wp-block-navigation__responsive-container.is-menu-open .ventari-mobile-menu-logo-wrap.is-homepage .ventari-mobile-menu-logo::before {
    opacity: 1 !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .ventari-mobile-menu-logo-wrap.is-homepage .ventari-mobile-menu-logo img {
    opacity: 0 !important;
  }

  /* Logo hover */
  .wp-block-navigation__responsive-container.is-menu-open .ventari-mobile-menu-logo:hover {
    background: rgba(36, 58, 94, 0.92) !important;
    border-color: rgba(216, 155, 43, 0.85) !important;
    transform: translateY(-2px);

    box-shadow:
      0 0 0 1px rgba(216, 155, 43, 0.34),
      0 0 18px rgba(216, 155, 43, 0.34),
      0 8px 20px rgba(36, 58, 94, 0.16),
      inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .ventari-mobile-menu-logo:hover::before {
    opacity: 1 !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .ventari-mobile-menu-logo:hover img {
    opacity: 0 !important;
  }

  /* Logo click / active */
  .wp-block-navigation__responsive-container.is-menu-open .ventari-mobile-menu-logo:active {
    background: rgba(216, 155, 43, 0.96) !important;
    border-color: rgba(216, 155, 43, 0.96) !important;
    transform: translateY(0) scale(0.965);

    box-shadow:
      0 0 0 1px rgba(216, 155, 43, 0.28),
      0 7px 16px rgba(36, 58, 94, 0.14),
      inset 0 1px 0 rgba(255, 255, 255, 0.36),
      inset 0 2px 8px rgba(92, 56, 7, 0.16) !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .ventari-mobile-menu-logo:active::before {
    opacity: 0 !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .ventari-mobile-menu-logo:active img {
    opacity: 1 !important;
  }

  /* LinkedIn block below Contact */
  .wp-block-navigation__responsive-container.is-menu-open .ventari-mobile-menu-social-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 100% !important;

    padding: 10px 0 4px !important;
    margin: 0 auto !important;
    list-style: none !important;
  }

  /* LinkedIn initial state */
  .wp-block-navigation__responsive-container.is-menu-open .ventari-mobile-menu-linkedin {
    width: 42px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #243A5E !important;
    background: rgba(255, 255, 255, 0.50) !important;
    border: 1px solid rgba(255, 255, 255, 0.86) !important;
    border-radius: 10px !important;
    text-decoration: none !important;

    backdrop-filter: blur(14px) saturate(1.16);
    -webkit-backdrop-filter: blur(14px) saturate(1.16);

    box-shadow:
      0 0 0 1px rgba(229, 228, 226, 0.36),
      0 8px 18px rgba(36, 58, 94, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .ventari-mobile-menu-linkedin svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    fill: currentColor !important;
  }

  /* LinkedIn hover */
  .wp-block-navigation__responsive-container.is-menu-open .ventari-mobile-menu-linkedin:hover {
    color: #ffffff !important;
    background: rgba(36, 58, 94, 0.92) !important;
    border-color: rgba(216, 155, 43, 0.85) !important;
    transform: translateY(-2px);

    box-shadow:
      0 0 0 1px rgba(216, 155, 43, 0.34),
      0 0 18px rgba(216, 155, 43, 0.34),
      0 8px 20px rgba(36, 58, 94, 0.16),
      inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  }

  /* LinkedIn click */
  .wp-block-navigation__responsive-container.is-menu-open .ventari-mobile-menu-linkedin:active {
    color: #ffffff !important;
    background: rgba(216, 155, 43, 0.96) !important;
    border-color: rgba(216, 155, 43, 0.96) !important;
    transform: translateY(0) scale(0.965);

    box-shadow:
      0 0 0 1px rgba(216, 155, 43, 0.28),
      0 7px 16px rgba(36, 58, 94, 0.14),
      inset 0 1px 0 rgba(255, 255, 255, 0.36),
      inset 0 2px 8px rgba(92, 56, 7, 0.16) !important;
  }
}

/* Never show injected branding outside the mobile burger menu */
@media (min-width: 600px) {
  .ventari-mobile-menu-logo-wrap,
  .ventari-mobile-menu-social-wrap {
    display: none !important;
  }
}

/* =========================================================
   VENTARI SUBMENU / DROPDOWN STYLING
   Desktop + Mobile
   Add this AFTER your existing navigation CSS
========================================================= */


/* =========================================================
   DESKTOP SUBMENU
========================================================= */

@media (min-width: 600px) {

  header,
  .wp-site-blocks > header,
  .wp-block-template-part,
  .wp-block-navigation,
  .wp-block-navigation__container,
  .wp-block-navigation .wp-block-navigation-item.has-child {
    position: relative !important;
    z-index: 99999 !important;
  }

  .wp-block-navigation .wp-block-navigation-item.has-child {
    position: relative !important;
  }

  /* About text alignment fix only. Keeps existing look, adds room on the right. */
  .wp-block-navigation .wp-block-navigation-item.has-child > .wp-block-navigation-item__content,
  .wp-block-navigation .wp-block-navigation-item.has-child > .ventari-nav-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
    line-height: 1.1 !important;
    box-sizing: border-box !important;

    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Desktop dropdown button */
  .wp-block-navigation .wp-block-navigation-item.has-child > .wp-block-navigation-submenu__toggle {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin-left: 1px !important;
    padding: 0 !important;

    color: #243A5E !important;
    background: rgba(255, 255, 255, 0.76) !important;
    border: 1px solid rgba(216, 155, 43, 0.72) !important;
    border-radius: 6px !important;

    cursor: pointer !important;
    pointer-events: auto !important;

    box-shadow:
      0 0 0 1px rgba(229, 228, 226, 0.26),
      0 4px 9px rgba(36, 58, 94, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;

    transition:
      color 0.24s ease,
      background-color 0.24s ease,
      border-color 0.24s ease,
      box-shadow 0.24s ease,
      transform 0.24s ease !important;
  }

  .wp-block-navigation .wp-block-navigation-item.has-child > .wp-block-navigation-submenu__toggle:hover {
    color: #ffffff !important;
    background: rgba(36, 58, 94, 0.95) !important;
    border-color: rgba(216, 155, 43, 0.95) !important;
    transform: translateY(-1px);

    box-shadow:
      0 0 0 1px rgba(216, 155, 43, 0.28),
      0 0 12px rgba(216, 155, 43, 0.24),
      0 6px 14px rgba(36, 58, 94, 0.14),
      inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
  }

  .wp-block-navigation .wp-block-navigation-item.has-child > .wp-block-navigation-submenu__toggle svg {
    width: 10px !important;
    height: 10px !important;
    stroke-width: 2.8px !important;
    transition: transform 0.24s ease !important;
    transform-origin: center !important;
  }

  .wp-block-navigation .wp-block-navigation-item.has-child > .wp-block-navigation-submenu__toggle[aria-expanded="true"] svg {
    transform: rotate(180deg) !important;
  }

  /* Invisible hover bridge so dropdown does not disappear */
  .wp-block-navigation .wp-block-navigation-item.has-child::after {
    content: "" !important;
    position: absolute !important;
    left: -12px !important;
    right: -12px !important;
    top: 100% !important;
    height: 15px !important;
    z-index: 99998 !important;
    background: transparent !important;
    pointer-events: auto !important;
  }

  /* Desktop dropdown container */
  .wp-block-navigation .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container {
    min-width: 236px !important;
    margin-top: 3px !important;
    padding: 9px !important;

    border-radius: 17px !important;
    overflow: visible !important;

    background:
      linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.94),
        rgba(239, 246, 253, 0.84)
      ) !important;

    border: 1px solid rgba(255, 255, 255, 0.94) !important;

    backdrop-filter: blur(18px) saturate(1.18) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.18) !important;

    box-shadow:
      0 24px 54px rgba(36, 58, 94, 0.22),
      0 0 0 1px rgba(229, 228, 226, 0.36),
      inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;

    z-index: 999999 !important;
  }

  .wp-block-navigation .wp-block-navigation-item.has-child:hover > .wp-block-navigation__submenu-container,
  .wp-block-navigation .wp-block-navigation-item.has-child:focus-within > .wp-block-navigation__submenu-container {
    z-index: 999999 !important;
  }

  .wp-block-navigation .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    height: 38px !important;
    border-radius: 17px 17px 0 0 !important;
    pointer-events: none !important;

    background:
      linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.78),
        rgba(255, 255, 255, 0)
      ) !important;
  }

  .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item {
    width: 100% !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 2 !important;
  }

  /* Desktop submenu links */
  .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
  .wp-block-navigation .wp-block-navigation__submenu-container .ventari-nav-link {
    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 11px 15px !important;
    border-radius: 12px !important;

    font-size: 0.86rem !important;
    line-height: 1.18 !important;
    font-weight: 500 !important;
    letter-spacing: 0.01em !important;

    color: #243A5E !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    background:
      linear-gradient(
        145deg,
        rgba(245, 250, 255, 0.72),
        rgba(232, 242, 251, 0.54)
      ) !important;

    border: 1px solid rgba(255, 255, 255, 0.76) !important;

    box-shadow:
      0 5px 12px rgba(36, 58, 94, 0.06),
      inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;

    transition:
      color 0.24s ease,
      background-color 0.24s ease,
      border-color 0.24s ease,
      box-shadow 0.24s ease,
      transform 0.24s ease !important;
  }

  .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item + .wp-block-navigation-item {
    margin-top: 6px !important;
  }

  .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
  .wp-block-navigation .wp-block-navigation__submenu-container .ventari-nav-link:hover {
    color: #ffffff !important;
    background: rgba(36, 58, 94, 0.96) !important;
    border-color: rgba(216, 155, 43, 0.9) !important;
    transform: translateY(-1px) !important;

    box-shadow:
      0 0 0 1px rgba(216, 155, 43, 0.28),
      0 10px 22px rgba(36, 58, 94, 0.16),
      0 0 18px rgba(216, 155, 43, 0.2),
      inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
  }

  .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:active,
  .wp-block-navigation .wp-block-navigation__submenu-container .ventari-nav-link:active {
    color: #ffffff !important;
    background: rgba(216, 155, 43, 0.96) !important;
    border-color: rgba(216, 155, 43, 1) !important;
    transform: translateY(0) scale(0.985) !important;
  }

  .wp-block-navigation .wp-block-navigation__submenu-container .current-menu-item > .wp-block-navigation-item__content,
  .wp-block-navigation .wp-block-navigation__submenu-container .current_page_item > .wp-block-navigation-item__content,
  .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content[aria-current="page"] {
    color: #ffffff !important;
    font-weight: 600 !important;
    background: rgba(36, 58, 94, 0.96) !important;
    border-color: rgba(216, 155, 43, 0.9) !important;

    box-shadow:
      0 0 0 1px rgba(216, 155, 43, 0.28),
      0 10px 22px rgba(36, 58, 94, 0.16),
      inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
  }
}


/* =========================================================
   MOBILE SUBMENU INSIDE BURGER OVERLAY
========================================================= */

@media (max-width: 600px) {

  .wp-block-navigation__responsive-container.is-menu-open {
    z-index: 999999 !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child {
    width: 100% !important;
    max-width: 590px !important;
    position: relative !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  /* About stays full-width and lined up with the rest of the main menu links */
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .ventari-nav-link {
    position: relative !important;
    z-index: 3 !important;

    width: 100% !important;
    max-width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
    box-sizing: border-box !important;

    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Dropdown button stays beside the About pill whether submenu is open or closed */
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation-submenu__toggle {
    position: absolute !important;

    top: 4px !important;
    right: -38px !important;
    transform: none !important;

    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #243A5E !important;
    background: rgba(255, 255, 255, 0.92) !important;
    border-radius: 11px !important;

    cursor: pointer !important;
    pointer-events: auto !important;
    -webkit-appearance: none !important;
    appearance: none !important;

    box-shadow:
      0 0 0 1px rgba(229, 228, 226, 0.28),
      0 6px 13px rgba(36, 58, 94, 0.12),
      inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;

    z-index: 40 !important;

    transition:
      color 0.24s ease,
      background-color 0.24s ease,
      border-color 0.24s ease,
      box-shadow 0.24s ease !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation-submenu__toggle:hover,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation-submenu__toggle:focus {
    color: #ffffff !important;
    background: rgba(36, 58, 94, 0.94) !important;
    border-color: rgba(216, 155, 43, 0.9) !important;

    box-shadow:
      0 0 0 1px rgba(216, 155, 43, 0.28),
      0 0 15px rgba(216, 155, 43, 0.22),
      0 8px 18px rgba(36, 58, 94, 0.14),
      inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation-submenu__toggle[aria-expanded="true"] {
    color: #ffffff !important;
    background: rgba(36, 58, 94, 0.96) !important;
    border-color: rgba(216, 155, 43, 0.95) !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation-submenu__toggle:focus-visible {
    outline: 2px solid rgba(216, 155, 43, 0.72) !important;
    outline-offset: 3px !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation-submenu__toggle svg {
    width: 13px !important;
    height: 13px !important;
    stroke-width: 2.8px !important;
    transition: transform 0.24s ease !important;
    transform-origin: center !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation-submenu__toggle[aria-expanded="false"] svg {
    transform: rotate(0deg) !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation-submenu__toggle[aria-expanded="true"] svg {
    transform: rotate(180deg) !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child:has(.wp-block-navigation__submenu-container .current-menu-item) > .wp-block-navigation-submenu__toggle svg,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child:has(.wp-block-navigation__submenu-container .current_page_item) > .wp-block-navigation-submenu__toggle svg,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child:has(.wp-block-navigation__submenu-container .wp-block-navigation-item__content[aria-current="page"]) > .wp-block-navigation-submenu__toggle svg {
    transform: rotate(180deg) !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle {
    display: none !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container {
    position: static !important;
    left: auto !important;
    top: auto !important;

    width: calc(100% - 42px) !important;
    min-width: 0 !important;
    max-width: 500px !important;

    height: auto !important;
    max-height: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 7px !important;

    opacity: 0 !important;
    visibility: hidden !important;

    margin: 0 auto !important;
    padding: 0 9px !important;

    border-radius: 16px !important;
    overflow: hidden !important;

    background:
      linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.82),
        rgba(239, 246, 253, 0.68)
      ) !important;

    border: 1px solid rgba(255, 255, 255, 0) !important;

    backdrop-filter: blur(16px) saturate(1.16) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.16) !important;

    box-shadow: none !important;

    z-index: 2 !important;
    pointer-events: none !important;

    transition:
      max-height 0.28s ease,
      opacity 0.22s ease,
      visibility 0.22s ease,
      margin 0.24s ease,
      padding 0.24s ease,
      border-color 0.24s ease,
      box-shadow 0.24s ease !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child:has(.wp-block-navigation__submenu-container .current-menu-item) > .wp-block-navigation__submenu-container,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child:has(.wp-block-navigation__submenu-container .current_page_item) > .wp-block-navigation__submenu-container,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child:has(.wp-block-navigation__submenu-container .wp-block-navigation-item__content[aria-current="page"]) > .wp-block-navigation__submenu-container,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child[aria-expanded="true"] > .wp-block-navigation__submenu-container,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child.is-selected > .wp-block-navigation__submenu-container,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child.is-open > .wp-block-navigation__submenu-container {
    max-height: 220px !important;

    opacity: 1 !important;
    visibility: visible !important;

    margin: 7px auto 0 !important;
    padding: 9px !important;

    border-color: rgba(255, 255, 255, 0.94) !important;

    box-shadow:
      0 14px 26px rgba(36, 58, 94, 0.12),
      0 0 0 1px rgba(229, 228, 226, 0.3),
      inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;

    pointer-events: auto !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container::before,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container::after {
    content: none !important;
    display: none !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .ventari-nav-link {
    width: 100% !important;
    min-height: 31px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 5px 11px !important;
    margin: 0 !important;

    border-radius: 10px !important;

    font-size: clamp(0.66rem, 2.6vw, 0.78rem) !important;
    line-height: 1.08 !important;
    font-weight: 500 !important;
    letter-spacing: 0.01em !important;

    color: #243A5E !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: normal !important;

    background:
      linear-gradient(
        145deg,
        rgba(245, 250, 255, 0.78),
        rgba(230, 241, 251, 0.62)
      ) !important;

    border: 1px solid rgba(255, 255, 255, 0.96) !important;

    box-shadow:
      0 5px 10px rgba(36, 58, 94, 0.06),
      inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;

    transition:
      color 0.24s ease,
      background-color 0.24s ease,
      border-color 0.24s ease,
      box-shadow 0.24s ease,
      transform 0.24s ease !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .ventari-nav-link:hover {
    color: #ffffff !important;
    background: rgba(36, 58, 94, 0.94) !important;
    border-color: rgba(216, 155, 43, 0.86) !important;
    transform: translateY(-1px) !important;

    box-shadow:
      0 0 0 1px rgba(216, 155, 43, 0.26),
      0 0 14px rgba(216, 155, 43, 0.2),
      0 8px 18px rgba(36, 58, 94, 0.13),
      inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content:active,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .ventari-nav-link:active {
    color: #ffffff !important;
    background: rgba(216, 155, 43, 0.96) !important;
    border-color: rgba(216, 155, 43, 0.96) !important;
    transform: translateY(0) scale(0.975) !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .current-menu-item > .wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .current_page_item > .wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content[aria-current="page"] {
    color: #ffffff !important;
    font-weight: 500 !important;
    background: rgba(36, 58, 94, 0.96) !important;
    border-color: rgba(216, 155, 43, 0.9) !important;

    box-shadow:
      0 0 0 1px rgba(216, 155, 43, 0.28),
      0 0 14px rgba(216, 155, 43, 0.2),
      0 8px 18px rgba(36, 58, 94, 0.13),
      inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .current-menu-item > .wp-block-navigation-item__content::before,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .current_page_item > .wp-block-navigation-item__content::before,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content[aria-current="page"]::before {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    width: 3px !important;
    height: 15px !important;
    border-radius: 999px !important;

    background: #D89B2B !important;
    box-shadow:
      0 0 10px rgba(216, 155, 43, 0.36) !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    position: relative !important;
  }
}


/* =========================================================
   SMALL MOBILE REFINEMENT
========================================================= */
@media (max-width: 600px) {
  /* Dropdown toggle: height matches the About pill, raised slightly to align,
     fixed so it does not grow when the submenu opens. */
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item.has-child > .wp-block-navigation-submenu__toggle {
    top: -1px !important;
    bottom: auto !important;

    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;

    right: -52px !important;

    border-radius: 11px !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item.has-child > .wp-block-navigation-submenu__toggle svg {
    width: 12px !important;
    height: 12px !important;
  }

  /* About a touch wider, with a small gap before the chevron */
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item.has-child {
    max-width: calc(100% - 52px) !important;
    margin-right: 52px !important;
  }
}

@media (max-width: 480px) {

  /* Height matches the pill, raised slightly to align, stays square and fixed. */
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation-submenu__toggle {
    top: 0 !important;
    bottom: auto !important;

    width: 41px !important;
    height: 41px !important;
    min-width: 41px !important;

    right: -48px !important;

    border-radius: 11px !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation-submenu__toggle svg {
    width: 12px !important;
    height: 12px !important;
  }

  /* About a touch wider, small gap before the chevron */
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child {
    max-width: calc(100% - 48px) !important;
    margin-right: 48px !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container {
    width: calc(100% - 38px) !important;
    max-width: 480px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    gap: 7px !important;
    border-radius: 15px !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child:has(.wp-block-navigation__submenu-container .current-menu-item) > .wp-block-navigation__submenu-container,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child:has(.wp-block-navigation__submenu-container .current_page_item) > .wp-block-navigation__submenu-container,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child:has(.wp-block-navigation__submenu-container .wp-block-navigation-item__content[aria-current="page"]) > .wp-block-navigation__submenu-container,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child[aria-expanded="true"] > .wp-block-navigation__submenu-container,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child.is-selected > .wp-block-navigation__submenu-container,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child.is-open > .wp-block-navigation__submenu-container {
    margin-top: 6px !important;
    padding: 8px !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child:has(.wp-block-navigation__submenu-container .current-menu-item) > .wp-block-navigation-submenu__toggle svg,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child:has(.wp-block-navigation__submenu-container .current_page_item) > .wp-block-navigation-submenu__toggle svg,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child:has(.wp-block-navigation__submenu-container .wp-block-navigation-item__content[aria-current="page"]) > .wp-block-navigation-submenu__toggle svg {
    transform: rotate(180deg) !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .ventari-nav-link {
    min-height: 29px !important;
    padding: 5px 10px !important;
    border-radius: 10px !important;
    font-size: clamp(0.62rem, 2.45vw, 0.74rem) !important;
    font-weight: 500 !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .current-menu-item > .wp-block-navigation-item__content::before,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .current_page_item > .wp-block-navigation-item__content::before,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content[aria-current="page"]::before {
    left: 9px !important;
    width: 3px !important;
    height: 14px !important;
  }
}

@media (min-width: 600px) and (max-width: 820px) {
  /* Chevron toggle */
  .wp-block-navigation .wp-block-navigation-item.has-child > .wp-block-navigation-submenu__toggle {
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    border-radius: 5px !important;
  }

  .wp-block-navigation .wp-block-navigation-item.has-child > .wp-block-navigation-submenu__toggle svg {
    width: 8px !important;
    height: 8px !important;
  }
	
/* Force tablet logo to shrink */
  header .wp-block-site-logo,
  header .wp-block-site-logo a,
  header .wp-block-site-logo .custom-logo-link {
    width: 95px !important;
    max-width: 95px !important;
    min-width: 95px !important;
    flex: 0 0 95px !important;
  }

  header .wp-block-site-logo img,
  header .wp-block-site-logo img.custom-logo,
  header img.custom-logo {
    width: 95px !important;
    max-width: 95px !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
  }
	
	  .wp-block-group .wp-block-site-logo {
    width: 95px !important;
    max-width: 95px !important;
    min-width: 95px !important;
    flex-basis: 95px !important;
  }

  .wp-block-group .wp-block-site-logo a.custom-logo-link {
    width: 95px !important;
    max-width: 95px !important;
  }

  .wp-block-group .wp-block-site-logo a.custom-logo-link img.custom-logo {
    width: 95px !important;
    max-width: 95px !important;
    height: auto !important;
  }

  /* Submenu links: Leadership / Ventari Partners */
  .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
  .wp-block-navigation .wp-block-navigation__submenu-container .ventari-nav-link {
    padding: 8px 7px !important;
    font-size: 0.65rem !important;
    border-radius: 10px !important;
  }

  /* Optional: tighten the dropdown panel width to match */
  .wp-block-navigation .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container {
    min-width: 190px !important;
  }
}

/* Homepage Ventari Summit Framework */
.ventari-summit-visual {
  width: min(980px, calc(100% - 32px));
  margin: 0 auto;
}

.ventari-summit-visual__bg {
  /* Mountain controls */
  --mountain-position-x: 50%;
  --mountain-position-y: 50%;
  --mountain-size: 114%;

  /* Pyramid controls */
  --pyramid-position-x: 50%;
  --pyramid-position-y: 50%;
  --pyramid-width: min(710px, 71%);

  position: relative;
  min-height: clamp(410px, 43vw, 610px);
  border-radius: 28px;
  overflow: hidden;
  isolation: isolate;

  background-image: url("https://ventariglobal.com/wp-content/uploads/2026/05/ventari_global_group_homepage_ventari_summit_framework_mountain.png");
  background-size: var(--mountain-size);
  background-position: var(--mountain-position-x) var(--mountain-position-y);
  background-repeat: no-repeat;

  border: 1px solid rgba(255, 255, 255, 0.72);

  box-shadow:
    0 24px 58px rgba(27, 47, 74, 0.13),
    0 8px 20px rgba(27, 47, 74, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

/* Soft premium image wash */
.ventari-summit-visual__bg::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.18) 0%,
      rgba(255, 255, 255, 0.06) 42%,
      rgba(27, 47, 74, 0.12) 100%
    );
}

/* Inner frosted card line */
.ventari-summit-visual__bg::after {
  content: "";
  position: absolute;
  inset: 7px;
  z-index: 2;
  pointer-events: none;
  border-radius: 22px;

  border: 1px solid rgba(255, 255, 255, 0.38);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.42);

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.08),
      rgba(255, 255, 255, 0.02) 48%,
      rgba(255, 255, 255, 0.05)
    );
}

/* Pyramid */
.summit-pyramid {
  position: absolute;
  left: var(--pyramid-position-x);
  top: var(--pyramid-position-y);
  z-index: 3;
  transform: translate(-50%, -50%);
  width: var(--pyramid-width);

  display: flex;
  flex-direction: column;
  align-items: center;

  perspective: 1200px;
  overflow: visible;
}

/* Base tier */
.summit-tier {
  --reveal-y: 18px;
  --hover-y: 0px;
  --hover-scale: 1;

  position: relative;
  appearance: none;
  -webkit-appearance: none;

  border: 0;
  padding: 0;
  margin-top: -1px;
  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: center;

  height: clamp(52px, 5.15vw, 74px);

  opacity: 0;
  transform: translateY(calc(var(--reveal-y) + var(--hover-y))) scale(var(--hover-scale));

  will-change: transform, opacity;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform-style: flat;
  -webkit-transform-style: flat;

  transition:
    opacity 0.7s ease,
    transform 0.62s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.35s ease,
    background 0.35s ease;

  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  filter: none;

  border: 1px solid rgba(255, 255, 255, 0.40);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.62),
    inset 0 -10px 18px rgba(27, 47, 74, 0.09),
    inset 0 0 18px rgba(255, 255, 255, 0.10);

  -webkit-tap-highlight-color: transparent;
}

.ventari-summit-visual.is-visible .summit-tier {
  --reveal-y: 0px;
  opacity: 1;
}

.ventari-summit-visual.is-visible .summit-tier--apex {
  transition-delay: 0.04s;
}

.ventari-summit-visual.is-visible .summit-tier--diamond {
  transition-delay: 0.11s;
}

.ventari-summit-visual.is-visible .summit-tier--platinum {
  transition-delay: 0.18s;
}

.ventari-summit-visual.is-visible .summit-tier--gold {
  transition-delay: 0.25s;
}

.ventari-summit-visual.is-visible .summit-tier--silver {
  transition-delay: 0.32s;
}

.ventari-summit-visual.is-visible .summit-tier--bronze {
  transition-delay: 0.39s;
}

/* Keep reveal stagger, but make hover/click respond immediately */
.ventari-summit-visual.is-visible .summit-tier:hover,
.ventari-summit-visual.is-visible .summit-tier:focus-visible,
.ventari-summit-visual.is-visible .summit-tier.is-active,
.ventari-summit-visual.is-visible .summit-tier.is-pressed {
  transition-delay: 0s !important;
}

/* Controlled frosted sheen */
.summit-tier::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background:
    linear-gradient(
      115deg,
      rgba(255, 255, 255, 0.40) 0%,
      rgba(255, 255, 255, 0.18) 25%,
      rgba(255, 255, 255, 0.07) 50%,
      rgba(255, 255, 255, 0.16) 76%,
      rgba(255, 255, 255, 0.32) 100%
    );

  opacity: 0.92;

  transition:
    opacity 0.35s ease,
    background 0.35s ease;
}

/* Right-side hover label */
.summit-tier::after {
  content: attr(data-side-label);
  position: absolute;
  top: 50%;
  left: calc(100% + 22px);
  transform: translateY(-50%) translateX(-8px);
  z-index: 20;

  padding: 10px 14px;
  border-radius: 999px;
  white-space: nowrap;

  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(255, 255, 255, 0.68);

  backdrop-filter: none;
  -webkit-backdrop-filter: none;

  box-shadow:
    0 10px 22px rgba(27, 47, 74, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.78);

  color: #1B2F4A;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.035em;

  opacity: 0;
  pointer-events: none;

  transition:
    opacity 0.34s ease,
    transform 0.34s cubic-bezier(0.22, 1, 0.36, 1);
}

/* More frosted hover overlay for readability */
.summit-tier:hover::before,
.summit-tier:focus-visible::before,
.summit-tier.is-active::before {
  background:
    linear-gradient(
      115deg,
      rgba(255, 255, 255, 0.58) 0%,
      rgba(255, 255, 255, 0.32) 28%,
      rgba(255, 255, 255, 0.16) 52%,
      rgba(255, 255, 255, 0.28) 78%,
      rgba(255, 255, 255, 0.48) 100%
    );
  opacity: 0.96;
}

/* Dark tiers: controlled shine without washing out white text */
.summit-tier--bronze:hover::before,
.summit-tier--bronze:focus-visible::before,
.summit-tier--bronze.is-active::before {
  background:
    linear-gradient(
      115deg,
      rgba(255, 255, 255, 0.30) 0%,
      rgba(255, 255, 255, 0.15) 28%,
      rgba(255, 255, 255, 0.06) 52%,
      rgba(255, 255, 255, 0.13) 78%,
      rgba(255, 255, 255, 0.24) 100%
    );
}

/* Apex gets a darker frosted hover so it does not look transparent */
.summit-tier--apex:hover::before,
.summit-tier--apex:focus-visible::before,
.summit-tier--apex.is-active::before {
  background:
    linear-gradient(
      115deg,
      rgba(255, 255, 255, 0.24) 0%,
      rgba(255, 255, 255, 0.11) 26%,
      rgba(255, 255, 255, 0.04) 52%,
      rgba(255, 255, 255, 0.10) 78%,
      rgba(255, 255, 255, 0.20) 100%
    );
}

/* Text + icon swap */
.tier-text,
.tier-icon {
  position: absolute;
  inset: 0;
  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 10px;

  transition:
    opacity 0.42s ease,
    transform 0.52s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.3s ease,
    font-weight 0.3s ease;
}

.tier-text--default {
  opacity: 1;
  transform: translateY(0);

  font-size: clamp(13px, 1.08vw, 19px);
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  line-height: 1;

  color: #17304F;
  text-shadow: none;
}

.tier-text--hover {
  opacity: 0;
  transform: translateY(5px);

  font-size: clamp(9px, 0.78vw, 13px);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.1;

  color: #17304F;
  text-shadow: none;
}

.tier-icon {
  opacity: 0;
  transform: translateY(8px) scale(0.84);
  pointer-events: none;

  color: #17304F;
  font-size: clamp(22px, 2.2vw, 34px);
  line-height: 1;

  text-shadow: none;
}

.tier-icon i {
  display: block;
}

/* Premium hover lift without Chrome/Edge glow artifacts */
.summit-tier:hover,
.summit-tier:focus-visible {
  --hover-y: -15px;
  --hover-scale: 1.024;

  z-index: 15;

  border-color: rgba(255, 255, 255, 0.72);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    inset 0 -10px 18px rgba(27, 47, 74, 0.08),
    inset 0 0 22px rgba(255, 255, 255, 0.16);
}

.summit-tier:hover::after,
.summit-tier:focus-visible::after,
.summit-tier.is-active::after {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

.summit-tier:hover .tier-text--default,
.summit-tier:focus-visible .tier-text--default {
  opacity: 0;
  transform: translateY(-5px);
}

.summit-tier:hover .tier-text--hover,
.summit-tier:focus-visible .tier-text--hover {
  opacity: 1;
  transform: translateY(0);
}

/* Clicked icon state - desktop */
.summit-tier.is-active {
  --hover-y: -11px;
  --hover-scale: 1.016;

  z-index: 16;

  border-color: rgba(255, 255, 255, 0.76);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.80),
    inset 0 -10px 18px rgba(27, 47, 74, 0.08),
    inset 0 0 22px rgba(255, 255, 255, 0.16);

  transition:
    transform 0.52s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.35s ease,
    background 0.35s ease;
}

.summit-tier.is-active .tier-text--default,
.summit-tier.is-active .tier-text--hover {
  opacity: 0;
  transform: translateY(-6px) scale(0.96);
}

.summit-tier.is-active .tier-icon {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.summit-tier.is-pressed {
  --hover-y: -7px;
  --hover-scale: 0.986;

  box-shadow:
    inset 0 2px 9px rgba(27, 47, 74, 0.16),
    inset 0 -8px 16px rgba(255, 255, 255, 0.07);

  transition:
    transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),
    background 0.34s ease;
}

/* Apex */
.summit-tier--apex {
  width: 22%;
  height: clamp(122px, 11.4vw, 158px);

  clip-path: polygon(46% 0%, 54% 0%, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(46% 0%, 54% 0%, 100% 100%, 0% 100%);

  background:
    linear-gradient(
      180deg,
      #314E83 0%,
      #263E67 52%,
      #1E3459 100%
    );
}

.summit-tier--apex:hover,
.summit-tier--apex:focus-visible,
.summit-tier--apex.is-active {
  background:
    linear-gradient(
      180deg,
      #37598F 0%,
      #29466F 52%,
      #213A61 100%
    );

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.44),
    inset 0 -11px 19px rgba(12, 24, 40, 0.18),
    inset 0 0 20px rgba(255, 255, 255, 0.08);
}

.summit-tier--apex .tier-text--default {
  color: #ffffff;
  transform: translateY(18px);
}

.summit-tier--apex .tier-text--hover {
  color: #ffffff;
  font-size: clamp(7.4px, 0.56vw, 9.6px);
  letter-spacing: 0.01em;
  line-height: 1.04;
  padding: 0 30px;
  transform: translateY(38px);
}

.summit-tier--apex .tier-icon {
  color: #ffffff;
  transform: translateY(44px) scale(0.84);
  font-size: clamp(21px, 2vw, 31px);
}

.summit-tier--apex:hover .tier-text--hover,
.summit-tier--apex:focus-visible .tier-text--hover {
  transform: translateY(38px);
}

.summit-tier--apex.is-active .tier-icon {
  transform: translateY(38px) scale(1);
}

/* Diamond */
.summit-tier--diamond {
  width: 34%;

  clip-path: polygon(13% 0%, 87% 0%, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(13% 0%, 87% 0%, 100% 100%, 0% 100%);

  background:
    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #F4F4F1 56%,
      #E8E8E3 100%
    );
}

.summit-tier--diamond::before {
  background:
    linear-gradient(
      115deg,
      rgba(255, 255, 255, 0.62) 0%,
      rgba(255, 255, 255, 0.32) 26%,
      rgba(255, 255, 255, 0.12) 52%,
      rgba(255, 255, 255, 0.26) 78%,
      rgba(255, 255, 255, 0.46) 100%
    );
}

.summit-tier--diamond:hover,
.summit-tier--diamond:focus-visible,
.summit-tier--diamond.is-active {
  background:
    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #FAFAF8 54%,
      #EFEFEA 100%
    );

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    inset 0 -8px 16px rgba(27, 47, 74, 0.045),
    inset 0 0 22px rgba(255, 255, 255, 0.18);
}

.summit-tier--diamond:hover::before,
.summit-tier--diamond:focus-visible::before,
.summit-tier--diamond.is-active::before {
  background:
    linear-gradient(
      115deg,
      rgba(255, 255, 255, 0.86) 0%,
      rgba(255, 255, 255, 0.62) 28%,
      rgba(255, 255, 255, 0.42) 52%,
      rgba(255, 255, 255, 0.58) 78%,
      rgba(255, 255, 255, 0.80) 100%
    );
}

/* Platinum */
.summit-tier--platinum {
  width: 46%;

  clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);

  background:
    linear-gradient(
      180deg,
      #D8D6CF 0%,
      #BDBAB1 55%,
      #9F9B91 100%
    );
}

.summit-tier--platinum:hover,
.summit-tier--platinum:focus-visible,
.summit-tier--platinum.is-active {
  background:
    linear-gradient(
      180deg,
      #E7E5DF 0%,
      #CCC9C0 55%,
      #B1ADA3 100%
    );
}

/* Gold */
.summit-tier--gold {
  width: 58%;

  clip-path: polygon(8.5% 0%, 91.5% 0%, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(8.5% 0%, 91.5% 0%, 100% 100%, 0% 100%);

  background:
    linear-gradient(
      180deg,
      #D2BC81 0%,
      #B39A5F 55%,
      #8F7746 100%
    );
}

.summit-tier--gold:hover,
.summit-tier--gold:focus-visible,
.summit-tier--gold.is-active {
  background:
    linear-gradient(
      180deg,
      #E2CC8D 0%,
      #C5AA6B 55%,
      #9D824D 100%
    );
}

/* Silver */
.summit-tier--silver {
  width: 70%;

  clip-path: polygon(7% 0%, 93% 0%, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(7% 0%, 93% 0%, 100% 100%, 0% 100%);

  background:
    linear-gradient(
      180deg,
      #C6D9E2 0%,
      #99AEB8 55%,
      #748893 100%
    );
}

.summit-tier--silver:hover,
.summit-tier--silver:focus-visible,
.summit-tier--silver.is-active {
  background:
    linear-gradient(
      180deg,
      #DDECF2 0%,
      #B2C8D2 55%,
      #8FA6B1 100%
    );
}

/* Bronze */
.summit-tier--bronze {
  width: 82%;

  clip-path: polygon(6% 0%, 94% 0%, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(6% 0%, 94% 0%, 100% 100%, 0% 100%);

  background:
    linear-gradient(
      180deg,
      #B98655 0%,
      #8E6548 55%,
      #684734 100%
    );
}

.summit-tier--bronze:hover,
.summit-tier--bronze:focus-visible,
.summit-tier--bronze.is-active {
  background:
    linear-gradient(
      180deg,
      #C49161 0%,
      #966A4C 55%,
      #704C37 100%
    );
}

.summit-tier--bronze .tier-text--default,
.summit-tier--bronze .tier-text--hover,
.summit-tier--bronze .tier-icon {
  color: #ffffff;
}

/* =========================================
   TABLET + MOBILE CLEANUP
========================================= */
@media (max-width: 1024px) {
  .summit-tier {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    filter: none;

    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.58),
      inset 0 -8px 15px rgba(27, 47, 74, 0.08),
      inset 0 0 17px rgba(255, 255, 255, 0.10);
  }

  .summit-tier:hover,
  .summit-tier:focus-visible {
    --hover-y: -9px;
    --hover-scale: 1.014;

    border-color: rgba(255, 255, 255, 0.62);

    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.70),
      inset 0 -8px 15px rgba(27, 47, 74, 0.07),
      inset 0 0 20px rgba(255, 255, 255, 0.14);
  }

  .summit-tier.is-active {
    --hover-y: -7px;
    --hover-scale: 1.01;

    border-color: rgba(255, 255, 255, 0.66);

    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.70),
      inset 0 -8px 15px rgba(27, 47, 74, 0.07),
      inset 0 0 20px rgba(255, 255, 255, 0.14);
  }

  .summit-tier.is-pressed {
    --hover-y: -4px;
    --hover-scale: 0.99;

    box-shadow:
      inset 0 2px 8px rgba(27, 47, 74, 0.13),
      inset 0 -6px 13px rgba(255, 255, 255, 0.08);
  }

  .summit-tier::after {
    display: none;
  }

  .tier-text--default,
  .tier-text--hover,
  .tier-icon {
    text-shadow: none;
  }
}

/* Tablet */
@media (max-width: 980px) {
  .ventari-summit-visual {
    width: min(920px, calc(100% - 28px));
  }

  .ventari-summit-visual__bg {
    min-height: clamp(400px, 58vw, 560px);
    border-radius: 24px;

    --mountain-position-x: 50%;
    --mountain-position-y: 50%;
    --mountain-size: cover;

    --pyramid-position-x: 50%;
    --pyramid-position-y: 50%;
    --pyramid-width: 74%;

    box-shadow:
      0 20px 48px rgba(27, 47, 74, 0.12),
      0 7px 18px rgba(27, 47, 74, 0.06),
      inset 0 1px 0 rgba(255, 255, 255, 0.52);
  }

  .ventari-summit-visual__bg::after {
    inset: 6px;
    border-radius: 18px;
  }

  .summit-tier {
    height: clamp(48px, 6.4vw, 66px);
  }

  .summit-tier--apex {
    height: clamp(112px, 15vw, 142px);
  }

  .summit-tier::after {
    left: 50%;
    top: auto;
    bottom: calc(100% + 10px);
    transform: translateX(-50%) translateY(8px);
    white-space: normal;
    text-align: center;
    max-width: 220px;
  }

  .summit-tier:hover::after,
  .summit-tier:focus-visible::after,
  .summit-tier.is-active::after {
    transform: translateX(-50%) translateY(0);
  }

  .summit-tier--apex .tier-text--hover {
    font-size: clamp(6.8px, 0.85vw, 8.8px);
    transform: translateY(34px);
    padding: 0 28px;
  }

  .summit-tier--apex:hover .tier-text--hover,
  .summit-tier--apex:focus-visible .tier-text--hover {
    transform: translateY(34px);
  }

  .summit-tier--apex .tier-icon {
    transform: translateY(39px) scale(0.84);
  }

  .summit-tier--apex.is-active .tier-icon {
    transform: translateY(34px) scale(1);
  }
}

/* Mobile - wider, same proportions throughout */
@media (max-width: 640px) {
  .ventari-summit-visual {
    width: calc(100% - 24px);
  }

  .ventari-summit-visual__bg {
    min-height: clamp(420px, 118vw, 500px);
    border-radius: 18px;

    --mountain-position-x: 50%;
    --mountain-position-y: 50%;
    --mountain-size: cover;

    --pyramid-position-x: 50%;
    --pyramid-position-y: 50%;

    /* Wider mobile pyramid, same tier proportions */
    --pyramid-width: 108%;

    border: 1px solid rgba(255, 255, 255, 0.66);

    box-shadow:
      0 16px 34px rgba(27, 47, 74, 0.11),
      inset 0 1px 0 rgba(255, 255, 255, 0.48);
  }

  .ventari-summit-visual__bg::after {
    inset: 5px;
    border-radius: 13px;
    border-color: rgba(255, 255, 255, 0.28);
  }

  .summit-pyramid {
    left: var(--pyramid-position-x);
    top: var(--pyramid-position-y);
    transform: translate(-50%, -50%);
  }

  .summit-tier {
    height: clamp(42px, 11vw, 50px);
  }

  .summit-tier--apex {
    width: 22%;
    height: clamp(88px, 24vw, 104px);

    clip-path: polygon(46% 0%, 54% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(46% 0%, 54% 0%, 100% 100%, 0% 100%);
  }

  .summit-tier--diamond {
    width: 34%;

    clip-path: polygon(13% 0%, 87% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(13% 0%, 87% 0%, 100% 100%, 0% 100%);
  }

  .summit-tier--platinum {
    width: 46%;

    clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);
  }

  .summit-tier--gold {
    width: 58%;

    clip-path: polygon(8.5% 0%, 91.5% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(8.5% 0%, 91.5% 0%, 100% 100%, 0% 100%);
  }

  .summit-tier--silver {
    width: 70%;

    clip-path: polygon(7% 0%, 93% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(7% 0%, 93% 0%, 100% 100%, 0% 100%);
  }

  .summit-tier--bronze {
    width: 82%;

    clip-path: polygon(6% 0%, 94% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(6% 0%, 94% 0%, 100% 100%, 0% 100%);
  }

  .tier-text--default {
    font-size: clamp(10px, 3.05vw, 12px);
    letter-spacing: 0.15em;
  }

  .tier-text--hover {
    font-size: clamp(7.4px, 2.2vw, 9px);
    letter-spacing: 0.045em;
    line-height: 1.08;
  }

  .tier-icon {
    font-size: clamp(20px, 5.6vw, 23px);
  }

  .summit-tier--apex .tier-text--default {
    transform: translateY(13px);
    font-size: clamp(9px, 2.6vw, 11px);
    letter-spacing: 0.11em;
  }

  .summit-tier--apex .tier-text--hover {
    font-size: clamp(5.8px, 1.65vw, 7px);
    letter-spacing: 0;
    padding: 0 14px;
    transform: translateY(25px);
    line-height: 1.04;
  }

  .summit-tier--apex:hover .tier-text--hover,
  .summit-tier--apex:focus-visible .tier-text--hover {
    transform: translateY(25px);
  }

  .summit-tier--apex .tier-icon {
    font-size: clamp(18px, 5.1vw, 21px);
    transform: translateY(29px) scale(0.84);
  }

  .summit-tier--apex.is-active .tier-icon {
    transform: translateY(25px) scale(1);
  }

  .summit-tier:hover,
  .summit-tier:focus-visible {
    --hover-y: -8px;
    --hover-scale: 1.012;
  }

  .summit-tier.is-active {
    --hover-y: -7px;
    --hover-scale: 1.01;
  }

  .summit-tier.is-pressed {
    --hover-y: -4px;
    --hover-scale: 0.988;
  }
}

/* ==================================
   TABLET + MOBILE ACTIVE STATE
   Keep maturity label visible on tap
   Hide icon on tapped state
================================== */
@media (max-width: 980px) {
  .summit-tier.is-active .tier-text--default {
    opacity: 0 !important;
    transform: translateY(-5px) scale(0.96) !important;
  }

  .summit-tier.is-active .tier-text--hover {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
    font-weight: 800 !important;
  }

  .summit-tier.is-active .tier-icon {
    opacity: 0 !important;
    transform: translateY(8px) scale(0.84) !important;
  }

  .summit-tier--apex.is-active .tier-text--hover {
    opacity: 1 !important;
    transform: translateY(34px) scale(1) !important;
    font-weight: 800 !important;
  }

  .summit-tier--apex.is-active .tier-icon {
    opacity: 0 !important;
    transform: translateY(39px) scale(0.84) !important;
  }
}

@media (max-width: 640px) {
  .summit-tier.is-active .tier-text--default {
    opacity: 0 !important;
    transform: translateY(-5px) scale(0.96) !important;
  }

  .summit-tier.is-active .tier-text--hover {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
    font-weight: 800 !important;
  }

  .summit-tier.is-active .tier-icon {
    opacity: 0 !important;
    transform: translateY(8px) scale(0.84) !important;
  }

  .summit-tier--apex.is-active .tier-text--hover {
    opacity: 1 !important;
    transform: translateY(25px) scale(1) !important;
    font-weight: 800 !important;
  }

  .summit-tier--apex.is-active .tier-icon {
    opacity: 0 !important;
    transform: translateY(29px) scale(0.84) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .summit-tier,
  .ventari-summit-visual.is-visible .summit-tier {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .tier-text,
  .tier-icon {
    transition: none;
  }
}

/* Base button styling */
.wp-block-button .wp-block-button__link {
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    background 0.22s ease,
    border 0.22s ease,
    color 0.22s ease,
    filter 0.22s ease;
  border-radius: 5px;
}

/* DARK NAVY BUTTONS */
.ventari-btn-dark .wp-block-button__link {
  background: #243A5E;
  color: #ffffff;
  border: 1px solid rgba(36, 58, 94, 0.25);
  box-shadow: 0 8px 20px rgba(36, 58, 94, 0.16);
}

.ventari-btn-dark .wp-block-button__link:hover {
  background: #ffffff;
  color: #243A5E;
  transform: translateY(-3px);
  border: 1px solid rgba(36, 58, 94, 0.30);
  box-shadow:
    0 14px 32px rgba(36, 58, 94, 0.18),
    0 0 0 1px rgba(255, 255, 255, 0.75) inset;
}

.ventari-btn-dark .wp-block-button__link:active {
  transform: translateY(1px) scale(0.985);
  background: rgba(255, 255, 255, 0.78);
  color: #243A5E;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.95),
    0 0 0 4px rgba(229, 228, 226, 0.55),
    0 0 0 6px rgba(36, 58, 94, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

@media (max-width: 768px) {
  body .ventari-btn-dark.wp-block-button .wp-block-button__link,
  body .ventari-btn-dark .wp-block-button__link,
  body .wp-block-button.ventari-btn-dark .wp-block-button__link {
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
    padding: 11px 18px !important;
  }
}

/* ==============================
   TWENTY TWENTY-FOUR MOBILE MENU
   Premium Frosted Glass Overlay
================================= */
/* Hide X close button by default everywhere */
.wp-block-navigation__responsive-container-close {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Hide X close button SVG by default everywhere */
.wp-block-navigation__responsive-container-close svg {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 782px) {

  /* Hamburger icon - white */
  .wp-block-navigation__responsive-container-open,
  .wp-block-navigation__responsive-container-open svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
  }

  /* Full mobile overlay */
  .wp-block-navigation__responsive-container.is-menu-open {
    background:
      radial-gradient(circle at top left, rgba(216, 155, 43, 0.10), transparent 34%),
      radial-gradient(circle at bottom right, rgba(36, 58, 94, 0.12), transparent 38%),
      linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.91),
        rgba(229, 228, 226, 0.78)
      ) !important;

    backdrop-filter: blur(26px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(26px) saturate(150%) !important;
    color: #1B2F4A !important;
  }

  /* Main dialog - controls menu width and centering */
  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation__responsive-dialog {
    position: relative !important;
    width: min(70vw, 320px) !important;
    max-width: 320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 72px 0 34px !important;
    box-sizing: border-box !important;
  }

  /* Center the menu area */
  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation__responsive-container-content {
    width: 100% !important;
    min-height: calc(100dvh - 170px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* Menu list */
  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation__container {
    width: 100% !important;
    max-width: 100% !important;
    gap: 10px !important;
    align-items: stretch !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* Menu item wrapper */
  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    box-sizing: border-box !important;
  }

  /* Menu links */
  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container.is-menu-open 
  a.wp-block-navigation-item__content {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 100% !important;
    min-height: 40px !important;
    padding: 8px 16px !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;

    color: #1B2F4A !important;
    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 0.84rem !important;
    font-weight: 520 !important;
    letter-spacing: 0.028em !important;
    line-height: 1.12 !important;
    text-align: center !important;
    text-decoration: none !important;

    background:
      linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.56),
        rgba(255, 255, 255, 0.32)
      ) !important;

    border: 1px solid rgba(255, 255, 255, 0.52) !important;

    box-shadow:
      0 8px 20px rgba(27, 47, 74, 0.045),
      inset 0 1px 0 rgba(255, 255, 255, 0.68),
      inset 0 -1px 0 rgba(255, 255, 255, 0.14) !important;

    backdrop-filter: blur(16px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(135%) !important;

    outline: none !important;
    outline-width: 0 !important;
    outline-color: transparent !important;
    outline-offset: 0 !important;
    -webkit-tap-highlight-color: transparent !important;

    transform: translateY(0) scale(1);

    transition:
      transform 0.22s cubic-bezier(.2,.8,.2,1),
      background 0.22s ease,
      color 0.22s ease,
      border-color 0.22s ease,
      box-shadow 0.22s ease !important;
  }

  /* Remove weird focus/tap border */
  .wp-block-navigation__responsive-container.is-menu-open *,
  .wp-block-navigation__responsive-container.is-menu-open *:focus,
  .wp-block-navigation__responsive-container.is-menu-open *:focus-visible,
  .wp-block-navigation__responsive-container.is-menu-open a,
  .wp-block-navigation__responsive-container.is-menu-open a:focus,
  .wp-block-navigation__responsive-container.is-menu-open a:focus-visible,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus-visible {
    outline: none !important;
    outline-width: 0 !important;
    outline-color: transparent !important;
    outline-offset: 0 !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  /* Keep focus from creating ugly border */
  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation-item__content:focus,
  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation-item__content:focus-visible {
    border-color: rgba(255, 255, 255, 0.52) !important;
    box-shadow:
      0 8px 20px rgba(27, 47, 74, 0.045),
      inset 0 1px 0 rgba(255, 255, 255, 0.68),
      inset 0 -1px 0 rgba(255, 255, 255, 0.14) !important;
  }

  /* Soft shine layer */
  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation-item__content::after {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    pointer-events: none;
    background:
      linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.34),
        transparent 44%
      );
    opacity: 0.58;
    transition: opacity 0.22s ease;
  }

  /* Hover lift */
  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation-item__content:hover {
    color: #1B2F4A !important;
    background:
      linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.80),
        rgba(255, 255, 255, 0.50)
      ) !important;
    border-color: rgba(216, 155, 43, 0.26) !important;
    transform: translateY(-2px) scale(1.005) !important;
    box-shadow:
      0 12px 26px rgba(27, 47, 74, 0.08),
      0 3px 8px rgba(216, 155, 43, 0.05),
      inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation-item__content:hover::after {
    opacity: 0.88;
  }

  /* Click / tap state */
  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation-item__content:active {
    transform: translateY(1px) scale(0.994) !important;
    background:
      linear-gradient(
        135deg,
        rgba(229, 228, 226, 0.80),
        rgba(255, 255, 255, 0.62)
      ) !important;
    border-color: rgba(216, 155, 43, 0.32) !important;
    box-shadow:
      0 5px 14px rgba(27, 47, 74, 0.075),
      inset 0 2px 8px rgba(27, 47, 74, 0.045) !important;
  }

  /* Current page state - WordPress native + JS fallback */
  .wp-block-navigation__responsive-container.is-menu-open 
  .current-menu-item > .wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container.is-menu-open 
  .current_page_item > .wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation-item.current_page_item > .wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation-item__content[aria-current="page"],
  .wp-block-navigation__responsive-container.is-menu-open 
  a[aria-current="page"],
  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation-item__content.ventari-current-page,
  .wp-block-navigation__responsive-container.is-menu-open 
  a.ventari-current-page {
    color: #ffffff !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    justify-content: center !important;
    text-align: center !important;

    background:
      linear-gradient(
        135deg,
        rgba(9, 21, 38, 0.98),
        rgba(27, 47, 74, 0.94)
      ) !important;

    border-color: rgba(216, 155, 43, 0.46) !important;

    box-shadow:
      0 15px 32px rgba(9, 21, 38, 0.26),
      0 0 0 1px rgba(216, 155, 43, 0.14),
      inset 0 1px 0 rgba(255, 255, 255, 0.18),
      inset 0 -1px 0 rgba(255, 255, 255, 0.06) !important;
  }

  /* Current page amber indicator */
  .wp-block-navigation__responsive-container.is-menu-open 
  .current-menu-item > .wp-block-navigation-item__content::before,
  .wp-block-navigation__responsive-container.is-menu-open 
  .current_page_item > .wp-block-navigation-item__content::before,
  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content::before,
  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation-item.current_page_item > .wp-block-navigation-item__content::before,
  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation-item__content[aria-current="page"]::before,
  .wp-block-navigation__responsive-container.is-menu-open 
  a[aria-current="page"]::before,
  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation-item__content.ventari-current-page::before,
  .wp-block-navigation__responsive-container.is-menu-open 
  a.ventari-current-page::before {
    content: "";
    position: absolute;
    left: 12px !important;
    top: 50%;
    width: 4px;
    height: 20px;
    border-radius: 999px;
    background: #D89B2B;
    transform: translateY(-50%);
    box-shadow:
      0 0 12px rgba(216, 155, 43, 0.48),
      inset 0 1px 0 rgba(255, 255, 255, 0.30);
    z-index: 2;
  }

  /* Current page hover */
  .wp-block-navigation__responsive-container.is-menu-open 
  .current-menu-item > .wp-block-navigation-item__content:hover,
  .wp-block-navigation__responsive-container.is-menu-open 
  .current_page_item > .wp-block-navigation-item__content:hover,
  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content:hover,
  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation-item.current_page_item > .wp-block-navigation-item__content:hover,
  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation-item__content[aria-current="page"]:hover,
  .wp-block-navigation__responsive-container.is-menu-open 
  a[aria-current="page"]:hover,
  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation-item__content.ventari-current-page:hover,
  .wp-block-navigation__responsive-container.is-menu-open 
  a.ventari-current-page:hover {
    color: #ffffff !important;
    background:
      linear-gradient(
        135deg,
        rgba(6, 16, 30, 0.99),
        rgba(27, 47, 74, 0.96)
      ) !important;
    transform: translateY(-2px) scale(1.005) !important;
  }

  /* X button - only when mobile burger menu is open */
  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation__responsive-container-close {
    top: 16px !important;
    left: 0 !important;
    right: auto !important;

    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    border-radius: 13px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;

    background:
      linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.98),
        rgba(255, 255, 255, 0.74)
      ) !important;

    border: 1px solid rgba(255, 255, 255, 0.78) !important;

    box-shadow:
      0 12px 26px rgba(27, 47, 74, 0.11),
      inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;

    backdrop-filter: blur(14px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(135%) !important;

    color: #1B2F4A !important;
    outline: none !important;

    transition:
      transform 0.22s ease,
      background 0.22s ease,
      border-color 0.22s ease,
      box-shadow 0.22s ease !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation__responsive-container-close svg {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: none !important;

    width: 21px !important;
    height: 21px !important;
    color: #1B2F4A !important;
    fill: #1B2F4A !important;
    stroke: #1B2F4A !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation__responsive-container-close:hover,
  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation__responsive-container-close:focus,
  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation__responsive-container-close:focus-visible {
    outline: none !important;
    transform: translateY(-2px) !important;
    border-color: rgba(216, 155, 43, 0.30) !important;
    box-shadow:
      0 16px 32px rgba(27, 47, 74, 0.14),
      inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation__responsive-container-close:active {
    transform: translateY(1px) scale(0.96) !important;
  }
}

/* Extra-small phones */
@media (max-width: 420px) {
  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation__responsive-dialog {
    width: min(74vw, 300px) !important;
    max-width: 300px !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container.is-menu-open 
  a.wp-block-navigation-item__content {
    min-height: 39px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    font-size: 0.82rem !important;
  }
}

/* AMBER BUTTONS */
.ventari-btn-gold .wp-block-button__link {
  background: #d89b2b;
  border: 1px solid #d89b2b;
  color: #ffffff;
  box-shadow: 0 6px 14px rgba(216, 155, 43, 0.10);
}

.ventari-btn-gold .wp-block-button__link:hover {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(216, 155, 43, 0.42);
  color: #d89b2b;
  box-shadow:
    0 10px 20px rgba(216, 155, 43, 0.10),
    0 0 0 1px rgba(255, 255, 255, 0.72) inset,
    0 0 0 4px rgba(229, 228, 226, 0.82),
    0 0 18px rgba(229, 228, 226, 0.96);
}

.ventari-btn-gold .wp-block-button__link:active {
  background: #b77f22;
  border-color: #b77f22;
  color: #ffffff;
  box-shadow: 0 4px 10px rgba(216, 155, 43, 0.12);
}

@media (max-width: 768px) {
  body .ventari-btn-gold.wp-block-button .wp-block-button__link,
  body .ventari-btn-gold .wp-block-button__link,
  body .wp-block-button.ventari-btn-gold .wp-block-button__link {
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
    padding: 11px 18px !important;
  }
}

/* LOGO HOVER */
.wp-block-site-logo img.custom-logo {
  transition:
    transform 0.25s ease,
    opacity 0.25s ease,
    filter 0.25s ease;
}

.wp-block-site-logo img.custom-logo:hover {
  transform: translateY(-2px);
  opacity: 0.92;
  filter: drop-shadow(0 8px 18px rgba(27, 47, 74, 0.18));
}

.wp-block-site-logo img.custom-logo:active {
  transform: translateY(1px) scale(0.98);
  opacity: 0.85;
}

/* HOMEPAGE LOGO BORDER
   Shows only when the current page is the homepage
   AND the user has already clicked another site link
*/
body.ventari-home-logo-active .wp-block-site-logo a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 7px 10px;
  border-radius: 999px;
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.72);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 0 1px rgba(229, 228, 226, 0.42);

  backdrop-filter: blur(10px) saturate(125%);
  -webkit-backdrop-filter: blur(10px) saturate(125%);

  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}

body.ventari-home-logo-active .wp-block-site-logo a:hover {
  background: transparent !important;

  border-color: rgba(216, 155, 43, 0.48);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.62),
    0 0 0 1px rgba(216, 155, 43, 0.22);
}

body.ventari-home-logo-active .wp-block-site-logo a:active {
  transform: translateY(1px) scale(0.98);
}

.airo-section-bd7955ab-c9dc-4a61-8da0-f287cd0dd7ec {
  border-radius: 8px !important;
  overflow: hidden; margin-bottom: 40px !important;
}

/* Ventari image hover + click effect */
.ventari-image-click,
.ventari-image-click img {
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    filter 0.28s ease !important;
  border-radius: 5px !important;
}

/* Hover lift + stronger amber glassmorphic border */
.ventari-image-click:hover img,
.ventari-image-click img:hover {
  transform: translateY(-6px) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 1),
    0 0 0 4px rgba(216, 155, 43, 0.24),
    0 0 0 7px rgba(216, 155, 43, 0.34),
    0 18px 38px rgba(36, 58, 94, 0.18) !important;
  filter: saturate(1.04) contrast(1.02) !important;
}

/* Click / pressed effect */
.ventari-image-click:active img,
.ventari-image-click img:active {
  transform: translateY(1px) scale(0.985) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.95),
    0 0 0 4px rgba(229, 228, 226, 0.55),
    0 0 0 6px rgba(36, 58, 94, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
  filter: saturate(1.04) contrast(1.02) !important;
}

/* Marquee */
.ventari-sector-marquee {
  width: 100%;
  overflow: hidden;
  margin: 30px auto 40px;
  padding: 16px 0;

  /* Glassmorphic container */
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.72),
      rgba(229, 228, 226, 0.32)
    );

  border: 2px solid rgba(216, 155, 43, 0.34);
  border-radius: 10px;

  box-shadow:
    0 18px 42px rgba(36, 58, 94, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    inset 0 -1px 0 rgba(36, 58, 94, 0.06);

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  transition:
    box-shadow 0.45s ease,
    border-color 0.45s ease,
    background 0.45s ease;
}

.ventari-sector-track {
  display: flex;
  align-items: center;
  width: max-content;
  gap: 46px;
  animation: ventariMarquee 95s linear infinite;
  will-change: transform;
}

.ventari-sector-track span {
  position: relative;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #243A5E;
  white-space: nowrap;
  opacity: 0.94;
}

.ventari-sector-track span::after {
  content: "•";
  position: absolute;
  right: -28px;
  top: 50%;
  transform: translateY(-50%);
  color: #D89B2B;
  font-weight: 700;
  opacity: 0.95;
}

@keyframes ventariMarquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* Pause on hover + softly remove shadow/border */
.ventari-sector-marquee:hover {
  border-color: rgba(216, 155, 43, 0);

  box-shadow:
    0 18px 42px rgba(36, 58, 94, 0),
    inset 0 1px 0 rgba(255, 255, 255, 0),
    inset 0 -1px 0 rgba(36, 58, 94, 0);
}

.ventari-sector-marquee:hover .ventari-sector-track {
  animation-play-state: paused;
}

/* Mobile refinement */
@media (max-width: 768px) {
  .ventari-sector-marquee {
    margin: 24px auto 34px;
    padding: 14px 0;
    border-radius: 14px;
  }

  .ventari-sector-track {
    gap: 36px;
    animation-duration: 95s;
  }

  .ventari-sector-track span {
    font-size: 11.5px;
    letter-spacing: 0.11em;
  }

  .ventari-sector-track span::after {
    right: -23px;
  }
}

/* Reduce motion accessibility */
@media (prefers-reduced-motion: reduce) {
  .ventari-sector-track {
    animation: none;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    gap: 14px 28px;
    padding: 0 18px;
  }

  .ventari-sector-track span:nth-child(n+11) {
    display: none;
  }

  .ventari-sector-track span::after {
    display: none;
  }
}

/* =========================================
   Ventari Amber Hover Glow Card
========================================= */
.ventari-amber-card {
  position: relative;
  border-radius: 18px;

  border: 1px solid rgba(216, 155, 43, 0.18);
  background: transparent;

  transform: translateY(0);

  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    border-color 0.28s ease,
    background 0.28s ease;
}

/* Hover effect */
.ventari-amber-card:hover {
  transform: translateY(-6px);

  border-color: rgba(216, 155, 43, 0.75);

background:
  linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.98),
    rgba(255, 255, 255, 0.92)
  );

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  box-shadow:
    0 0 0 1px rgba(216, 155, 43, 0.45),
    0 0 22px rgba(216, 155, 43, 0.35),
    0 18px 38px rgba(36, 58, 94, 0.16);
}

/* Active / click effect */
.ventari-amber-card:active {
  transform: translateY(1.5px);

  border-color: rgba(196, 220, 238, 0.9);

background:
  linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.96),
    rgba(244, 250, 255, 0.86)
  );

  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);


  box-shadow:
    0 0 0 1px rgba(196, 220, 238, 0.58),
    0 8px 18px rgba(36, 58, 94, 0.12);
}

/* Optional subtle inner glow */
.ventari-amber-card::before {
  content: "";
  position: absolute;
  inset: 0;

  border-radius: inherit;
  pointer-events: none;
  opacity: 0;

  transition:
    opacity 0.28s ease,
    background 0.28s ease;

  background: radial-gradient(
    circle at top left,
    rgba(216, 155, 43, 0.18),
    transparent 42%
  );
}

.ventari-amber-card:hover::before {
  opacity: 1;
}

.ventari-amber-card:active::before {
  opacity: 1;

  background: radial-gradient(
    circle at top left,
    rgba(196, 220, 238, 0.32),
    transparent 44%
  );
}

/* Keep card content above the glow layer */
.ventari-amber-card > * {
  position: relative;
  z-index: 1;
}

/* Hover text colour: smaller/body text only */
.ventari-amber-card:hover p,
.ventari-amber-card:hover span,
.ventari-amber-card:hover li,
.ventari-amber-card:hover small,
.ventari-amber-card:hover .elementor-widget-text-editor {
  color: #243A5E !important;
}

/* Active text colour: smaller/body text only */
.ventari-amber-card:active p,
.ventari-amber-card:active span,
.ventari-amber-card:active li,
.ventari-amber-card:active small,
.ventari-amber-card:active .elementor-widget-text-editor {
  color: #243A5E !important;
}

/* =========================================
   Ventari Icon Animations
========================================= */
/* Base icon style */
.ventari-icon i {
  font-size: 20px;
  color: #FFFFFF;
  line-height: 1;
  display: inline-block;

  transition:
    transform 1s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.3s ease;
}

/* Icon turns amber when the card is hovered */
.ventari-amber-card:hover .ventari-icon i {
  color: #D89B2B;
}

/* Clarity: magnifying glass wiggle */
.ventari-icon:hover .ventari-icon-clarity {
  animation: ventari-wiggle 0.55s ease-in-out;
  color: #D89B2B;
}

@keyframes ventari-wiggle {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(-10deg);
  }
  40% {
    transform: rotate(8deg);
  }
  60% {
    transform: rotate(-6deg);
  }
  80% {
    transform: rotate(4deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

/* Control: sliders rotate */
.ventari-icon:hover .ventari-icon-control {
  transform: rotate(180deg);
  color: #D89B2B;
}

/* Consistency: layers drop */
.ventari-icon:hover .ventari-icon-consistency {
  animation: ventari-drop 1.15s ease-out;
  color: #D89B2B;
}

@keyframes ventari-drop {
  0% {
    transform: translateY(0);
  }
  45% {
    transform: translateY(7px);
  }
  70% {
    transform: translateY(-2px);
  }
  100% {
    transform: translateY(0);
  }
}

/* Ventari premium link hover */
.ventari-link-lift {
  display: inline-block;
  color: inherit;
  text-decoration: underline;
  text-decoration-color: rgba(216, 155, 43, 0.75);
  text-underline-offset: 5px;
  transition: 
    transform 0.25s ease,
    text-decoration-color 0.25s ease,
    color 0.25s ease,
    text-shadow 0.25s ease;
}

.ventari-link-lift:hover {
  color: #D89B2B !important;
  text-decoration-color: transparent;
  transform: translateY(-3px);
  text-shadow: 0 0 0.01px currentColor, 0 0 0.01px currentColor;
}

.ventari-link-lift:active {
  transform: translateY(0);
  text-shadow: none;
  text-decoration-color: rgba(216, 155, 43, 0.95);
}

/* Ventari Glassmorphic Service Cards */
.ventari-service-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  width: 100%;
  margin: 40px 0;
}

.ventari-glass-card {
  position: relative;
  overflow: hidden;
  padding: 34px 30px 32px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(216, 155, 43, 0.22);
  box-shadow:
    0 18px 45px rgba(27, 47, 74, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  transition:
    transform 0.35s ease,
    background 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}

.ventari-glass-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      circle at top left,
      rgba(216, 155, 43, 0.10),
      transparent 34%
    );
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}

.ventari-glass-card::after {
  content: "";
  position: absolute;
  top: -40%;
  right: -35%;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: rgba(216, 155, 43, 0.08);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}

.ventari-glass-card:hover {
  transform: translateY(-8px);
  background: #1B2F4A;
  border-color: rgba(216, 155, 43, 0.88);
  box-shadow:
    0 24px 58px rgba(27, 47, 74, 0.22),
    0 0 0 1px rgba(216, 155, 43, 0.36),
    0 0 26px rgba(216, 155, 43, 0.48),
    0 0 52px rgba(216, 155, 43, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.ventari-glass-card:hover::before,
.ventari-glass-card:hover::after {
  opacity: 1;
}

/* Click / active state for glass cards */
.ventari-glass-card:active {
  transform: translateY(-2px) scale(0.985);
  border-color: rgba(229, 228, 226, 0.95);
  box-shadow:
    0 12px 30px rgba(27, 47, 74, 0.24),
    0 0 0 2px rgba(229, 228, 226, 0.75),
    0 0 22px rgba(229, 228, 226, 0.38),
    inset 0 2px 8px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.20);
}

.ventari-card-icon,
.ventari-glass-card h3,
.ventari-card-lead,
.ventari-glass-card ul,
.ventari-card-line {
  position: relative;
  z-index: 1;
}

.ventari-card-icon {
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  border-radius: 10px;
  background: #1B2F4A;
  box-shadow:
    0 12px 24px rgba(27, 47, 74, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
  transition:
    background 0.35s ease,
    box-shadow 0.35s ease,
    border-radius 0.35s ease,
    transform 0.28s ease;
}

.ventari-card-icon svg {
  width: 32px;
  height: 32px;
  fill: none;
  stroke: #D89B2B;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  transform-origin: center;
  transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1);
}

.ventari-glass-card:hover .ventari-card-icon {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  box-shadow:
    0 12px 24px rgba(0, 0, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

/* Soft icon scale only when icon itself is hovered */
.ventari-card-icon:hover svg {
  transform: scale(1.14);
}

/* Pressed icon effect */
.ventari-glass-card:active .ventari-card-icon {
  transform: scale(0.94);
  box-shadow:
    0 6px 14px rgba(0, 0, 0, 0.18),
    inset 0 2px 8px rgba(0, 0, 0, 0.20),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.ventari-glass-card h3 {
  margin: 0 0 14px;
  font-family: "Montserrat", sans-serif;
  font-size: 1.35rem;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #1B2F4A;
  transition: color 0.35s ease;
}

.ventari-card-lead {
  margin: 0 0 20px;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  line-height: 1.65;
  color: rgba(27, 47, 74, 0.88);
  transition: color 0.35s ease;
}

.ventari-glass-card ul {
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}

.ventari-glass-card li {
  position: relative;
  margin-bottom: 11px;
  padding-left: 22px;
  font-family: "Montserrat", sans-serif;
  font-size: 0.95rem;
  line-height: 1.55;
  color: rgba(27, 47, 74, 0.82);
  transition: color 0.35s ease;
}

.ventari-glass-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #D89B2B;
  box-shadow: 0 0 10px rgba(216, 155, 43, 0.45);
  transition:
    background 0.35s ease,
    box-shadow 0.35s ease;
}

.ventari-card-line {
  margin: 26px 0 0;
  padding-top: 20px;
  border-top: 1px solid rgba(27, 47, 74, 0.12);
  font-family: "Montserrat", sans-serif;
  font-size: 1.02rem;
  line-height: 1.5;
  font-weight: 600;
  color: #1B2F4A !important;
  transition:
    color 0.35s ease,
    border-color 0.35s ease;
}

/* Hover text colours */
.ventari-glass-card:hover .ventari-card-lead,
.ventari-glass-card:hover li,
.ventari-glass-card:hover .ventari-card-line {
  color: #ffffff !important;
}

/* Invest / Operate / Stabilize amber on hover */
.ventari-glass-card:hover h3 {
  color: #D89B2B;
}

/* Keep bullet dots amber on hover */
.ventari-glass-card:hover li::before {
  background: #D89B2B;
  box-shadow: 0 0 12px rgba(216, 155, 43, 0.65);
}

/* Bottom divider on hover */
.ventari-glass-card:hover .ventari-card-line {
  border-top-color: rgba(255, 255, 255, 0.22);
}

/* Tablet */
@media (max-width: 1024px) {
  .ventari-service-cards {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .ventari-glass-card {
    padding: 32px 28px;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .ventari-service-cards {
    margin: 30px 0;
  }

  .ventari-glass-card {
    padding: 28px 24px;
    border-radius: 20px;
  }

  .ventari-glass-card h3 {
    font-size: 1.2rem;
  }

  .ventari-card-lead,
  .ventari-glass-card li {
    font-size: 0.94rem;
  }

  .ventari-card-line {
    font-size: 1rem;
  }
}

/* Force default title colour */
.ventari-service-cards .ventari-glass-card h3,
.ventari-service-cards .ventari-glass-card h3 a,
.ventari-service-cards .ventari-glass-card .elementor-heading-title {
  color: #1B2F4A !important;
}

/* Force Invest / Operate / Stabilize to amber on hover */
.ventari-service-cards .ventari-glass-card:hover h3,
.ventari-service-cards .ventari-glass-card:hover h3 a,
.ventari-service-cards .ventari-glass-card:hover .elementor-heading-title {
  color: #D89B2B !important;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

/* ==============================
   VENTARI INSIGHT / CEO QUOTE
================================= */
.ventari-insight-section,
.ventari-insight-section *,
.ventari-insight-section *::before,
.ventari-insight-section *::after {
  box-sizing: border-box;
}

/* Full insight section wrapper */
.ventari-insight-section {
  position: relative;
  width: min(1580px, calc(100vw - 64px));
  margin: 0 auto;
  padding: 72px 54px 82px;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.58),
      rgba(255, 255, 255, 0.32)
    );
  border: 1px solid rgba(255, 255, 255, 0.92);
  border-radius: 18px;
  overflow: hidden;
  isolation: isolate;
  box-shadow:
    0 28px 76px rgba(27, 47, 74, 0.12),
    0 10px 28px rgba(27, 47, 74, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -1px 0 rgba(255, 255, 255, 0.56);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

/* Mountain background */
.ventari-insight-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.18) 0%,
      rgba(255, 255, 255, 0.00) 28%,
      rgba(255, 255, 255, 0.02) 62%,
      rgba(255, 255, 255, 0.24) 100%
    ),
    url("https://ventariglobal.com/wp-content/uploads/2026/05/ventari-global-group-ventari-insight.png");
  background-repeat: no-repeat;
  background-size: 116% auto;
  background-position: center 50%;
  opacity: 1;
  z-index: -2;
  pointer-events: none;
}

/* Premium inner glass edge */
.ventari-insight-section::after {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.10),
      rgba(255, 255, 255, 0.01) 44%,
      rgba(229, 228, 226, 0.06)
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    inset 0 -1px 0 rgba(255, 255, 255, 0.24),
    0 0 30px rgba(255, 255, 255, 0.22);
  z-index: -1;
  pointer-events: none;
}

/* Eyebrow */
.ventari-insight-eyebrow {
  position: relative;
  z-index: 3;
  width: min(100%, 1320px);
  margin: 0 auto 28px !important;
  padding: 0 4px;
  font-family: "Montserrat", sans-serif;
  font-size: clamp(0.82rem, 0.92vw, 0.96rem);
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #D89B2B !important;
  opacity: 1 !important;
}

/* Quote section */
.ventari-ceo-quote-wrap {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
}

/* Quote card */
.ventari-ceo-quote-card {
  position: relative;
  overflow: hidden;
  width: min(1260px, 100%);
  max-width: 100%;
  padding: 42px 78px 42px;
  border-radius: 20px;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.54),
      rgba(255, 255, 255, 0.26)
    );
  border: 1px solid rgba(216, 155, 43, 0.36);
  box-shadow:
    0 26px 68px rgba(27, 47, 74, 0.13),
    0 8px 22px rgba(27, 47, 74, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.90),
    inset 0 -1px 0 rgba(255, 255, 255, 0.28);
  backdrop-filter: blur(18px) saturate(1.12);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
  transition:
    transform 0.35s ease,
    background 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}

/* Amber side accent */
.ventari-ceo-quote-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 34px;
  bottom: 34px;
  width: 5px;
  border-radius: 0 999px 999px 0;
  background: #D89B2B;
  box-shadow: 0 0 16px rgba(216, 155, 43, 0.32);
  transition:
    background 0.35s ease,
    box-shadow 0.35s ease;
}

/* Glass sheen */
.ventari-ceo-quote-card::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 19px;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.36) 0%,
      rgba(255, 255, 255, 0.06) 34%,
      rgba(229, 228, 226, 0.06) 64%,
      rgba(255, 255, 255, 0.16) 100%
    );
  opacity: 0.72;
  pointer-events: none;
  transition: opacity 0.35s ease;
}

/* Dark hover state */
.ventari-ceo-quote-card:hover {
  transform: translateY(-4px);
  background:
    linear-gradient(
      135deg,
      #1B2F4A 0%,
      #243A5E 100%
    );
  border-color: rgba(216, 155, 43, 0.88);
  box-shadow:
    18px 22px 52px rgba(27, 47, 74, 0.22),
    0 0 0 1px rgba(216, 155, 43, 0.32),
    0 0 24px rgba(216, 155, 43, 0.32),
    0 0 46px rgba(216, 155, 43, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.ventari-ceo-quote-card:hover::after {
  opacity: 0;
}

.ventari-ceo-quote-card:hover::before {
  background: #D89B2B;
  box-shadow: 0 0 22px rgba(216, 155, 43, 0.55);
}

/* Quote mark */
.ventari-quote-mark {
  position: absolute;
  top: 2px;
  left: 48px;
  z-index: 1;
  font-family: "Montserrat", sans-serif;
  font-size: 6.2rem;
  line-height: 1;
  font-weight: 800;
  color: rgba(216, 155, 43, 0.15);
  pointer-events: none;
  transition: color 0.35s ease;
}

.ventari-ceo-quote-card:hover .ventari-quote-mark {
  color: rgba(216, 155, 43, 0.24);
}

/* Quote copy */
.ventari-ceo-quote {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  max-width: 1040px;
  font-family: "Montserrat", sans-serif;
  font-size: clamp(1.08rem, 1.18vw, 1.42rem);
  line-height: 1.52;
  font-weight: 500;
  letter-spacing: 0.01em;
  text-align: center;
  color: #1B2F4A;
  text-wrap: balance;
  transition: color 0.35s ease;
}

.ventari-ceo-quote-card:hover .ventari-ceo-quote {
  color: #ffffff;
}

/* ==============================
   LARGE DESKTOP
================================= */
@media (min-width: 1440px) {
  .ventari-insight-section {
    width: min(1840px, calc(100vw - 48px));
    padding: 64px 56px 76px;
  }

  .ventari-insight-section::before {
    background-size: 120% auto;
    background-position: center 51%;
    opacity: 1;
  }

  .ventari-insight-eyebrow {
    width: min(100%, 1580px);
    margin-bottom: 26px !important;
  }

  .ventari-ceo-quote-card {
    width: min(1580px, 100%);
    padding: 40px 96px 40px;
    background:
      linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.50),
        rgba(255, 255, 255, 0.22)
      );
  }

  .ventari-ceo-quote {
    max-width: 1280px;
    font-size: clamp(1.12rem, 1.08vw, 1.46rem);
    line-height: 1.5;
  }
}

/* ==============================
   EXTRA LARGE DESKTOP
================================= */
@media (min-width: 1800px) {
  .ventari-insight-section {
    width: min(1960px, calc(100vw - 56px));
    padding: 60px 60px 72px;
  }

  .ventari-insight-section::before {
    background-size: 122% auto;
    background-position: center 51%;
    opacity: 1;
  }

  .ventari-insight-eyebrow {
    width: min(100%, 1700px);
    margin-bottom: 24px !important;
  }

  .ventari-ceo-quote-card {
    width: min(1700px, 100%);
    padding: 38px 108px 38px;
  }

  .ventari-ceo-quote {
    max-width: 1380px;
    font-size: clamp(1.14rem, 1vw, 1.48rem);
    line-height: 1.48;
  }
}

/* ==============================
   TABLET
================================= */
@media (max-width: 980px) {
  .ventari-insight-section {
    width: min(100%, calc(100vw - 40px));
    padding: 64px 24px 76px;
    border-radius: 16px;
  }

  .ventari-insight-section::before {
    background-size: 1180px auto;
    background-position: center 52%;
    opacity: 0.80;
  }

  .ventari-insight-section::after {
    inset: 10px;
    border-radius: 10px;
  }

  .ventari-insight-eyebrow {
    margin-bottom: 26px !important;
    padding: 0 2px;
  }

  .ventari-ceo-quote-card {
    width: 100%;
    max-width: 100%;
    padding: 42px 40px 40px;
    border-radius: 18px;
    background:
      linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.68),
        rgba(255, 255, 255, 0.40)
      );
  }

  .ventari-ceo-quote-card::after {
    border-radius: 17px;
  }

  .ventari-ceo-quote {
    max-width: 100%;
    line-height: 1.54;
  }
}

/* ==============================
   MOBILE
================================= */
@media (max-width: 700px) {
  .ventari-insight-section {
    width: min(100%, calc(100vw - 24px));
    padding: 54px 14px 66px;
    border-radius: 14px;
  }

  .ventari-insight-section::before {
    background-size: 980px auto;
    background-position: center 54%;
    opacity: 0.72;
  }

  .ventari-insight-section::after {
    inset: 8px;
    border-radius: 8px;
  }


  .ventari-insight-eyebrow {
    margin-bottom: 22px !important;
    padding: 0 2px;
    font-size: 0.76rem;
    letter-spacing: 0.18em;
  }

  .ventari-ceo-quote-card {
    width: 100%;
    max-width: 100%;
    padding: 38px 22px 34px;
    border-radius: 16px;
    background:
      linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.74),
        rgba(255, 255, 255, 0.48)
      );
  }

  .ventari-ceo-quote-card::before {
    top: 28px;
    bottom: 28px;
    width: 4px;
  }

  .ventari-ceo-quote-card::after {
    border-radius: 15px;
  }

  .ventari-quote-mark {
    top: 8px;
    left: 22px;
    font-size: 4.5rem;
  }

  .ventari-ceo-quote {
    font-size: 1rem;
    line-height: 1.56;
    letter-spacing: 0.005em;
  }
}

/* ==============================
   SMALL MOBILE
================================= */
@media (max-width: 430px) {
  .ventari-insight-section {
    width: min(100%, calc(100vw - 18px));
    padding: 50px 12px 60px;
    border-radius: 12px;
  }

  .ventari-insight-section::before {
    background-size: 860px auto;
    background-position: center 56%;
    opacity: 0.66;
  }

  .ventari-insight-section::after {
    inset: 7px;
    border-radius: 7px;
  }

  .ventari-ceo-quote-card {
    padding: 36px 20px 34px;
    border-radius: 14px;
  }

  .ventari-ceo-quote-card::after {
    border-radius: 13px;
  }

  .ventari-ceo-quote {
    font-size: 0.96rem;
  }
}

/* ==============================
   VENTARI SUMMIT PAGE
================================= */
.vs-platinum-section {
  background: #F2F4F5;
}

.vs-section-heading h2,
.vs-framework-copy h2 {
  margin: 0;
  color: #1B2F4A;
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: -0.015em;
}

.vs-section-heading h2 {
  font-size: clamp(1.65rem, 2.8vw, 2.35rem);
}

.vs-framework-copy h2 {
  font-size: clamp(1.65rem, 2.6vw, 2.25rem);
}

/* ==============================
   CARDS
================================= */
.vs-card {
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(36, 58, 94, 0.12);
  border-radius: 12px;
  box-shadow:
    0 18px 48px rgba(27, 47, 74, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease,
    background 0.3s ease,
    color 0.3s ease;
}

/* ==============================
   ICONS
================================= */
/* ==============================
   LIFECYCLE
================================= */
.vs-lifecycle-card {
  display: grid;
  grid-template-columns: 74px 1fr;
  gap: 24px;
  padding: 34px 30px;
  min-height: 320px;

  /* Page-load animation */
  opacity: 0;
  transform: translateY(18px);
  animation: vsLifecycleCardIn 0.75s ease forwards;
}

.vs-lifecycle-card:nth-child(1) {
  animation-delay: 0.1s;
}

.vs-lifecycle-card:nth-child(2) {
  animation-delay: 0.28s;
}

.vs-lifecycle-card:nth-child(3) {
  animation-delay: 0.46s;
}

@keyframes vsLifecycleCardIn {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Accessibility: disable animation for users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  .vs-lifecycle-card {
    opacity: 1;
    transform: none;
    animation: none;
  }
}

/* ==============================
   ACROSS LIFECYCLE - ORBIT WHEEL
================================= */
.vs-lifecycle-orbit {
  width: min(1120px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(360px, 520px) minmax(320px, 1fr);
  align-items: center;
  gap: clamp(34px, 5vw, 76px);
  position: relative;
  overflow: visible !important;
}

/* Soft taper so right-side shadow blends into white */
.vs-lifecycle-orbit::after {
  content: "";
  position: absolute;
  top: -80px;
  right: -110px;
  bottom: -80px;
  width: 40%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.55) 48%,
    rgba(255, 255, 255, 0.9) 76%,
    #ffffff 100%
  );

  pointer-events: none;
  z-index: 1;
}

.vs-lifecycle-wheel {
  position: relative;
  width: min(520px, 100%);
  aspect-ratio: 1;
  margin: 0 auto;
  border-radius: 999px;
  background:
    radial-gradient(circle at 30% 24%, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.2) 32%, transparent 56%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.82), rgba(229, 228, 226, 0.34));
  border: 1px solid rgba(255, 255, 255, 0.72);
  box-shadow:
    22px 26px 58px rgba(27, 47, 74, 0.13),
    -18px -18px 42px rgba(255, 255, 255, 0.88),
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    inset 0 -20px 42px rgba(27, 47, 74, 0.045);
  overflow: visible !important;
  isolation: isolate;
  transition:
    transform 0.75s ease,
    box-shadow 0.75s ease;
  z-index: 2;
}

.vs-lifecycle-wheel:hover {
  transform: translateY(-4px);
  box-shadow:
    28px 34px 72px rgba(27, 47, 74, 0.16),
    -18px -18px 46px rgba(255, 255, 255, 0.9),
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    inset 0 -20px 42px rgba(27, 47, 74, 0.045);
}

/* Perfect 3-part lifecycle division */
.vs-lifecycle-wheel::before {
  content: "";
  position: absolute;
  inset: 8%;
  border-radius: 999px;
  background:
    conic-gradient(
      from -90deg,
      rgba(216, 155, 43, 0.92) 0deg 120deg,
      rgba(36, 58, 94, 0.9) 120deg 240deg,
      rgba(229, 228, 226, 0.96) 240deg 360deg
    );
  opacity: 0.86;
  filter: blur(0.1px);
  transition:
    transform 0.85s cubic-bezier(.2,.8,.2,1),
    opacity 0.45s ease;
  z-index: 1;
}

.vs-lifecycle-wheel::after {
  content: "";
  position: absolute;
  inset: 17%;
  border-radius: 999px;
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.42) 36%, rgba(242, 244, 245, 0.82) 72%);
  box-shadow:
    inset 12px 14px 28px rgba(255, 255, 255, 0.75),
    inset -16px -18px 38px rgba(27, 47, 74, 0.07),
    0 0 0 1px rgba(255, 255, 255, 0.72);
  z-index: 2;
}

.vs-lifecycle-orbit[data-active="invest"] .vs-lifecycle-wheel::before {
  transform: rotate(0deg);
}

.vs-lifecycle-orbit[data-active="operate"] .vs-lifecycle-wheel::before {
  transform: rotate(120deg);
}

.vs-lifecycle-orbit[data-active="stabilize"] .vs-lifecycle-wheel::before {
  transform: rotate(240deg);
}

.vs-lifecycle-ring {
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
  z-index: 3;
}

.vs-lifecycle-ring--outer {
  inset: 7%;
  border: 1px solid rgba(255, 255, 255, 0.62);
  box-shadow: inset 0 0 34px rgba(255, 255, 255, 0.42);
}

.vs-lifecycle-ring--middle {
  inset: 25%;
  border: 1px solid rgba(27, 47, 74, 0.08);
  box-shadow:
    inset 8px 10px 20px rgba(27, 47, 74, 0.06),
    inset -8px -8px 18px rgba(255, 255, 255, 0.8);
}

.vs-lifecycle-ring--inner {
  inset: 38%;
  background: rgba(255, 255, 255, 0.48);
  border: 1px solid rgba(255, 255, 255, 0.86);
  box-shadow:
    0 16px 38px rgba(27, 47, 74, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.vs-lifecycle-hub {
  position: absolute;
  inset: 34%;
  z-index: 6;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  text-align: center;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.88), rgba(229, 228, 226, 0.5));
  border: 1px solid rgba(255, 255, 255, 0.9);
  box-shadow:
    0 18px 42px rgba(27, 47, 74, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    inset -10px -12px 24px rgba(27, 47, 74, 0.055);
}

.vs-lifecycle-hub span,
.vs-lifecycle-hub strong,
.vs-lifecycle-hub em {
  display: block;
  margin: 2px 0;
  font-family: "Montserrat", sans-serif;
  font-size: 0.82rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

/* Ventari */
.vs-lifecycle-hub span {
  color: #D89B2B;
}

/* Summit™ */
.vs-lifecycle-hub strong {
  color: #D89B2B;
}

/* Lifecycle */
.vs-lifecycle-hub em {
  color: #1B2F4A;
}

/* Nodes */
.vs-lifecycle-node {
  position: absolute;
  z-index: 8;
  width: 126px;
  height: 126px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.92);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.58));
  box-shadow:
    14px 18px 36px rgba(27, 47, 74, 0.12),
    -10px -10px 28px rgba(255, 255, 255, 0.9),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
  cursor: pointer;
  overflow: visible;
  padding: 0;
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    background 0.35s ease,
    border-color 0.35s ease;
}

.vs-lifecycle-node:hover {
  background:
    linear-gradient(145deg, rgba(216, 155, 43, 0.96), rgba(253, 196, 82, 0.82));
  border-color: rgba(216, 155, 43, 0.72);
  box-shadow:
    18px 24px 44px rgba(216, 155, 43, 0.2),
    0 0 0 6px rgba(216, 155, 43, 0.12),
    0 0 28px rgba(216, 155, 43, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.38);
}

/* Clicked/active pressed state */
.vs-lifecycle-node.is-active {
  transform: translateY(2px) scale(0.98);
  background:
    linear-gradient(145deg, rgba(27, 47, 74, 0.98), rgba(36, 58, 94, 0.94)) !important;
  border-color: rgba(216, 155, 43, 0.72) !important;
  box-shadow:
    8px 10px 22px rgba(27, 47, 74, 0.24),
    inset 6px 7px 14px rgba(0, 0, 0, 0.18),
    inset -5px -5px 12px rgba(255, 255, 255, 0.08),
    0 0 0 6px rgba(216, 155, 43, 0.16),
    0 0 24px rgba(216, 155, 43, 0.24) !important;
}

/* Active + hover still lifts */
.vs-lifecycle-node.is-active:hover {
  transform: translateY(-4px) scale(1.025);
  box-shadow:
    14px 18px 36px rgba(27, 47, 74, 0.26),
    inset 3px 4px 10px rgba(0, 0, 0, 0.12),
    inset -4px -4px 10px rgba(255, 255, 255, 0.08),
    0 0 0 6px rgba(216, 155, 43, 0.18),
    0 0 30px rgba(216, 155, 43, 0.32) !important;
}

/* Node positioning */
.vs-lifecycle-node--invest {
  top: -3%;
  left: 50%;
  transform: translateX(-50%);
}

.vs-lifecycle-node--operate {
  right: 7%;
  bottom: 16%;
}

.vs-lifecycle-node--stabilize {
  left: 7%;
  bottom: 16%;
}

.vs-lifecycle-node--invest:hover {
  transform: translateX(-50%) translateY(-4px) scale(1.045);
}

.vs-lifecycle-node--operate:hover,
.vs-lifecycle-node--stabilize:hover {
  transform: translateY(-4px) scale(1.045);
}

.vs-lifecycle-node--invest.is-active {
  transform: translateX(-50%) translateY(2px) scale(0.98);
}

.vs-lifecycle-node--invest.is-active:hover {
  transform: translateX(-50%) translateY(-4px) scale(1.025);
}

.vs-lifecycle-number {
  display: block;
  margin-bottom: 8px;
  color: #D89B2B;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.18em;
}

.vs-lifecycle-title {
  display: block;
  color: #1B2F4A;
  font-size: 0.92rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.vs-lifecycle-node:hover .vs-lifecycle-number,
.vs-lifecycle-node:hover .vs-lifecycle-title {
  color: #ffffff;
}

.vs-lifecycle-node.is-active .vs-lifecycle-number {
  color: #D89B2B;
}

.vs-lifecycle-node.is-active .vs-lifecycle-title {
  color: #ffffff;
}

/* Right panel */
.vs-lifecycle-panel {
  position: relative;
  min-height: 280px;
  padding: clamp(32px, 4vw, 48px);
  border-radius: 28px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.88), rgba(242, 244, 245, 0.54));
  border: 1px solid rgba(216, 155, 43, 0.16);
  box-shadow:
    0 18px 34px rgba(27, 47, 74, 0.08),
    0 6px 14px rgba(27, 47, 74, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
  overflow: hidden;
  z-index: 3;
}

/* Right-side white taper */.vs-lifecycle-panel::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.52) 52%,
    rgba(255, 255, 255, 0.86) 82%,
    #ffffff 100%
  );
  pointer-events: none;
  z-index: 1;
}

/* Inner amber border - sits ABOVE the fade */
.vs-lifecycle-panel::before {
  content: "";
  position: absolute;
  inset: 18px;
  border-radius: 22px;
  border: 1px solid rgba(216, 155, 43, 0.28);
  pointer-events: none;
  z-index: 3;
}

.vs-lifecycle-copy {
  display: none;
  position: relative;
  z-index: 2;
}

.vs-lifecycle-copy.is-active {
  display: block;
  animation: vsLifecycleCopyIn 0.45s ease both;
}

@keyframes vsLifecycleCopyIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.vs-lifecycle-copy span {
  display: block;
  margin-bottom: 16px;
  color: #D89B2B;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.2em;
}

.vs-lifecycle-copy h3 {
  margin: 0 0 14px;
  color: #1B2F4A;
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: 1;
  font-weight: 800;
}

.vs-lifecycle-copy p {
  margin: 0;
  max-width: 520px;
  color: rgba(27, 47, 74, 0.78);
  font-size: clamp(1rem, 1.15vw, 1.12rem);
  line-height: 1.65;
}

/* ==============================
   TABLET
================================= */
@media (max-width: 980px) {
  .vs-lifecycle-orbit {
    width: 100%;
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    gap: 36px;
    overflow: visible !important;
  }

  .vs-lifecycle-orbit::after {
    display: none;
  }

  .vs-lifecycle-wheel {
    width: min(500px, 92vw);
    margin-left: auto;
    margin-right: auto;
    overflow: visible !important;
  }

  .vs-lifecycle-panel {
    width: min(680px, 92vw);
    min-height: 230px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .vs-lifecycle-copy p {
    margin-left: auto;
    margin-right: auto;
  }
}

/* ==============================
   MOBILE
================================= */
@media (max-width: 640px) {
  .vs-lifecycle-orbit {
    width: 100%;
    padding: 0;
    justify-items: center;
    overflow: visible !important;
  }

  .vs-lifecycle-wheel {
    width: min(330px, 86vw);
    margin: 18px auto 28px;
    overflow: visible !important;
  }

  .vs-lifecycle-node {
    width: 88px;
    height: 88px;
    padding: 0;
  }

  .vs-lifecycle-node--invest {
    top: -6%;
    left: 50%;
    transform: translateX(-50%);
  }

  .vs-lifecycle-node--operate {
    right: -1%;
    bottom: 14%;
  }

  .vs-lifecycle-node--stabilize {
    left: -1%;
    bottom: 14%;
  }

  .vs-lifecycle-node--invest:hover {
    transform: translateX(-50%) translateY(-4px) scale(1.025);
  }

  .vs-lifecycle-node--operate:hover,
  .vs-lifecycle-node--stabilize:hover {
    transform: translateY(-4px) scale(1.025);
  }

  .vs-lifecycle-node--invest.is-active {
    transform: translateX(-50%) translateY(2px) scale(0.98);
  }

  .vs-lifecycle-node--invest.is-active:hover {
    transform: translateX(-50%) translateY(-4px) scale(1.025);
  }

  .vs-lifecycle-node--operate.is-active,
  .vs-lifecycle-node--stabilize.is-active {
    transform: translateY(2px) scale(0.98);
  }

  .vs-lifecycle-node--operate.is-active:hover,
  .vs-lifecycle-node--stabilize.is-active:hover {
    transform: translateY(-4px) scale(1.025);
  }

  .vs-lifecycle-number {
    font-size: 0.58rem;
    margin-bottom: 5px;
    letter-spacing: 0.14em;
  }

  .vs-lifecycle-title {
    font-size: 0.64rem;
    letter-spacing: 0.075em;
  }

  .vs-lifecycle-hub {
    inset: 34%;
  }

  .vs-lifecycle-hub span,
  .vs-lifecycle-hub strong,
  .vs-lifecycle-hub em {
    font-size: 0.52rem;
    letter-spacing: 0.07em;
    line-height: 1.15;
  }

  .vs-lifecycle-panel {
    width: min(100%, 92vw);
    min-height: auto;
    padding: 28px 22px;
    margin: 0 auto;
    border-radius: 22px;
  }

  .vs-lifecycle-panel::before {
    inset: 12px;
    border-radius: 17px;
  }

  .vs-lifecycle-panel::after {
    display: none;
  }

  .vs-lifecycle-copy h3 {
    font-size: 1.85rem;
  }

  .vs-lifecycle-copy p {
    font-size: 0.95rem;
    line-height: 1.6;
  }
}

/* ==============================
   SMALL MOBILE
================================= */
@media (max-width: 430px) {
  .vs-lifecycle-wheel {
    width: min(304px, 82vw);
    margin-top: 22px;
  }

  .vs-lifecycle-node {
    width: 78px;
    height: 78px;
  }

  .vs-lifecycle-node--invest {
    top: -5%;
  }

  .vs-lifecycle-node--operate {
    right: -2%;
    bottom: 14%;
  }

  .vs-lifecycle-node--stabilize {
    left: -2%;
    bottom: 14%;
  }

  .vs-lifecycle-title {
    font-size: 0.58rem;
  }

  .vs-lifecycle-number {
    font-size: 0.54rem;
  }

  .vs-lifecycle-hub span,
  .vs-lifecycle-hub strong,
  .vs-lifecycle-hub em {
    font-size: 0.46rem;
  }
}

/* ==============================
   VENTARI SUMMIT PAGE
================================= */
.ventari-summit,
.ventari-summit * {
  box-sizing: border-box;
  font-family: 'Montserrat', sans-serif;
}

.ventari-summit {
  background: #FFFFFF;
  color: #1B2F4A;
  overflow: hidden;
}

.vs-container {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.vs-section {
  padding: 72px 0;
}

.vs-white-section {
  background: #FFFFFF;
}

.vs-platinum-section {
  background: #F3F5F6;
}

.vs-eyebrow {
  margin: 0 0 12px;
  color: #D89B2B !important;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.vs-section-heading {
  max-width: 760px;
  margin-bottom: 34px;
}

.vs-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.vs-section-heading h2,
.vs-framework-copy h2 {
  margin: 0;
  color: #1B2F4A;
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -0.01em;
  font-size: clamp(1.35rem, 2vw, 1.85rem);
}

.vs-framework-copy h2 {
  font-size: clamp(1.35rem, 1.9vw, 1.75rem);
}

.vs-section p {
  color: rgba(27, 47, 74, 0.78);
  font-size: 1rem;
  line-height: 1.65;
}

/* ==============================
   CARDS
================================= */
.vs-card {
  background: rgba(255, 255, 255, 0.84);
  border: 1px solid rgba(36, 58, 94, 0.12);
  border-radius: 14px;
  box-shadow:
    0 18px 48px rgba(27, 47, 74, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  cursor: pointer;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease,
    background 0.3s ease,
    color 0.3s ease;
}

.vs-card:hover {
  transform: translateY(-6px);
  background: #1B2F4A;
  border-color: #1B2F4A;
  box-shadow:
    0 24px 60px rgba(27, 47, 74, 0.18),
    0 0 0 1px rgba(216, 155, 43, 0.16);
}

.vs-card:hover h3,
.vs-card:hover p,
.vs-card:hover li,
.vs-card:hover .vs-subtitle {
  color: #FFFFFF !important;
}

.vs-card:hover .vs-card-list li::before {
  color: #D89B2B;
}

.vs-card:hover .vs-icon-box,
.vs-card:hover .vs-domain-icon {
  background: #D89B2B;
  color: #1B2F4A;
}

.vs-card:active {
  transform: translateY(2px) !important;
  background: #1B2F4A !important;
  border-color: #D89B2B !important;
  box-shadow:
    0 0 0 2px rgba(216, 155, 43, 0.45),
    0 0 24px rgba(216, 155, 43, 0.32),
    0 14px 34px rgba(27, 47, 74, 0.16) !important;
}

.vs-card:active h3,
.vs-card:active p,
.vs-card:active li,
.vs-card:active .vs-subtitle {
  color: #FFFFFF !important;
}

.vs-card:active .vs-icon-box,
.vs-card:active .vs-domain-icon {
  background: #D89B2B !important;
  color: #1B2F4A !important;
}

/* ==============================
   ICONS
================================= */
.vs-icon-box,
.vs-domain-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.vs-icon-box {
  width: 62px;
  height: 62px;
  border-radius: 14px;
  background: #1B2F4A;
  color: #FFFFFF;
  transition:
    background 0.3s ease,
    color 0.3s ease;
}

.vs-domain-icon {
  width: 74px;
  height: 74px;
  margin: 0 auto 22px;
  border-radius: 16px;
  background: rgba(209, 214, 217, 0.58);
  color: #1B2F4A;
  transition:
    background 0.3s ease,
    color 0.3s ease;
}

.vs-icon-box svg,
.vs-domain-icon svg {
  display: block;
  width: 34px;
  height: 34px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ==============================
   LIFECYCLE
================================= */
.vs-lifecycle-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.vs-lifecycle-card {
  display: grid;
  grid-template-columns: 74px 1fr;
  gap: 24px;
  padding: 34px 30px;
  min-height: 320px;
}

.vs-lifecycle-card h3 {
  margin: 0 0 4px;
  color: #1B2F4A;
  font-size: 1.08rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.vs-subtitle {
  margin: 0 0 18px;
  color: #1B2F4A !important;
  font-size: 0.95rem !important;
  font-weight: 500;
  line-height: 1.4 !important;
}

.vs-card-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.vs-card-list li {
  position: relative;
  margin: 0 0 10px;
  padding-left: 18px;
  color: rgba(27, 47, 74, 0.78);
  font-size: 0.92rem;
  line-height: 1.5;
}

.vs-card-list li::before {
  content: "›";
  position: absolute;
  left: 0;
  top: 0;
  color: #D89B2B;
  font-weight: 800;
}

/* ==============================
   ACROSS LIFECYCLE
================================= */
.vs-connect-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.vs-connect-item {
  background: #F3F5F6;
  border: 1px solid rgba(36, 58, 94, 0.08);
  border-radius: 14px;
  padding: 30px 28px;
  min-height: 210px;
  cursor: pointer;
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    color 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}

.vs-connect-item:hover {
  transform: translateY(-6px);
  background: #1B2F4A;
  box-shadow: 0 24px 60px rgba(27, 47, 74, 0.14);
}

.vs-connect-item:active {
  transform: translateY(2px) !important;
  background: #1B2F4A !important;
  border-color: #D89B2B !important;
  box-shadow:
    0 0 0 2px rgba(216, 155, 43, 0.45),
    0 0 24px rgba(216, 155, 43, 0.32),
    0 14px 34px rgba(27, 47, 74, 0.16) !important;
}

.vs-connect-item span {
  display: block;
  margin-bottom: 14px;
  color: #D89B2B;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.18em;
}

.vs-connect-item h3 {
  margin: 0 0 12px;
  color: #1B2F4A;
  font-size: 1.18rem;
  font-weight: 800;
}

.vs-connect-item p {
  margin: 0;
  color: rgba(27, 47, 74, 0.78);
}

.vs-connect-item:hover h3,
.vs-connect-item:hover p,
.vs-connect-item:active h3,
.vs-connect-item:active p {
  color: #FFFFFF;
}

.vs-narrative {
  max-width: 860px;
  margin: 36px auto 0;
  color: #1B2F4A !important;
  font-size: clamp(0.95rem, 1.15vw, 1.08rem) !important;
  line-height: 1.65 !important;
  font-weight: 500;
  text-align: center;
}

/* ==============================
   DOMAINS
================================= */
.vs-domain-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
}

.vs-domain-card {
  padding: 34px 22px;
  text-align: center;
  min-height: 292px;
  border-radius: 18px !important;
}

.vs-domain-card h3 {
  margin: 0 0 16px;
  color: #1B2F4A;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
}

.vs-domain-card p {
  margin: 0;
  font-size: 0.92rem;
}

.vs-domain-card:hover h3,
.vs-domain-card:hover p {
  color: #FFFFFF;
}

/* ==============================
   DOMAIN + LIFECYCLE ICONS
================================= */
.vs-icon-box,
.vs-domain-icon {
  border-radius: 14px !important;
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

.vs-domain-card:hover .vs-domain-icon,
.vs-lifecycle-card:hover .vs-icon-box {
  animation: vsIconSoftWiggle 0.7s ease both;
}

@keyframes vsIconSoftWiggle {
  0% {
    transform: rotate(0deg) translateY(0);
  }

  25% {
    transform: rotate(-1.2deg) translateY(-1px);
  }

  50% {
    transform: rotate(1.2deg) translateY(0);
  }

  75% {
    transform: rotate(-0.8deg) translateY(-1px);
  }

  100% {
    transform: rotate(0deg) translateY(0);
  }
}

/* ==============================
   ESG LEAF ADJUSTMENT
================================= */
.vs-esg-leaf {
  transform: translateY(-1px);
}

/* ==============================
   LIFECYCLE CARDS: CLEAN LAYOUT + FULL-WIDTH BULLETS
================================= */
.vs-lifecycle-card {
  display: flex;
  flex-direction: column;
  padding: 34px 34px 36px;
  min-height: 100%;
}
.vs-lifecycle-card > div:first-child {
  flex-shrink: 0;
}

.vs-lifecycle-card > div:last-child {
  display: block;
  width: 100%;
}

.vs-lifecycle-card .vs-icon-box {
  margin-bottom: 24px;
}

/* Title */
.vs-lifecycle-card h3 {
  margin: 0 0 10px;
  color: #1B2F4A;
  font-size: 1.08rem;
  font-weight: 800;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  line-height: 1.2;
}

/* Subtitle */
.vs-lifecycle-card .vs-subtitle {
  margin: 0 0 30px;
  color: #1B2F4A;
  font-size: 1.02rem;
  font-weight: 500;
  line-height: 1.35;
  max-width: 300px;
}

/* Bullet list spans full card */
.vs-lifecycle-card .vs-card-list {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Clean bullet rows */
.vs-lifecycle-card .vs-card-list li {
  width: 100%;
  box-sizing: border-box;
  display: block;
  padding: 14px 18px;
  margin: 0 0 10px;
  border-radius: 12px;
  background: rgba(229, 228, 226, 0.42);
  color: rgba(27, 47, 74, 0.82);
  font-size: 0.94rem;
  line-height: 1.35;
}

/* Remove card pointers / markers */
.vs-lifecycle-card .vs-card-list li::before {
  display: none !important;
  content: none !important;
}

/* Hover state */
.vs-lifecycle-card:hover h3,
.vs-lifecycle-card:hover .vs-subtitle,
.vs-lifecycle-card:hover .vs-card-list li {
  color: #FFFFFF;
}

.vs-lifecycle-card:hover .vs-card-list li {
  background: rgba(255, 255, 255, 0.16);
}

/* ==============================
   REMOVE HOVER POINTER CURSORS
================================= */
.vs-card,
.vs-card:hover,
.vs-connect-item,
.vs-connect-item:hover,
.vs-lifecycle-card,
.vs-lifecycle-card:hover,
.vs-domain-card,
.vs-domain-card:hover,
.vs-pyramid-level,
.vs-pyramid-level:hover,
.vs-icon-box,
.vs-icon-box:hover,
.vs-domain-icon,
.vs-domain-icon:hover {
  cursor: default !important;
}

/* ==============================
   EXECUTION MODEL
================================= */
.vs-execution-section {
  padding: 42px 0 66px;
  margin-top: -26px;
}

.vs-execution-section .vs-section-heading {
  margin-bottom: 0;
}

.vs-execution-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
  margin: 18px 0 20px;
  color: #243A5E;
  opacity: 0;
  transform: translateX(-18px);
  transition:
    opacity 0.75s ease,
    transform 0.75s ease;
}

.vs-execution-row.vs-in-view {
  opacity: 1;
  transform: translateX(0);
}

.vs-execution-row span {
  position: relative;
  display: inline-block;
  color: #1B2F4A !important;
  font-size: 0.88rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0;
  transform: translateX(-12px);
  transition:
    opacity 0.65s ease,
    transform 0.65s ease;
}

.vs-execution-row.vs-in-view span {
  opacity: 1;
  transform: translateX(0);
}

.vs-execution-row.vs-in-view span:nth-child(1) {
  transition-delay: 0.05s;
}

.vs-execution-row.vs-in-view span:nth-child(2) {
  transition-delay: 0.15s;
}

.vs-execution-row.vs-in-view span:nth-child(3) {
  transition-delay: 0.25s;
}

.vs-execution-row.vs-in-view span:nth-child(4) {
  transition-delay: 0.35s;
}

/* Reset delays when out of view so it can replay smoothly */
.vs-execution-row:not(.vs-in-view) span {
  transition-delay: 0s;
}

.vs-execution-row span:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-left: 22px;
  border-radius: 999px;
  background: #D89B2B;
  vertical-align: middle;
  opacity: 1;
}

.vs-execution-copy {
  max-width: 850px;
  margin: 0 auto;
  color: rgba(27, 47, 74, 0.82) !important;
  font-size: 1rem !important;
}

.vs-execution-dark {
  background: #1B2F4A !important;
  color: #ffffff;
  position: relative;
  overflow: hidden;
}

.vs-execution-dark::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.035);
  pointer-events: none;
}

.vs-execution-dark::after {
  content: "";
  position: absolute;
  inset: 22px;
  border: 1px solid rgba(229, 228, 226, 0.14);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.028);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 24px 70px rgba(0, 0, 0, 0.12);
  pointer-events: none;
}

.vs-execution-dark .vs-container {
  position: relative;
  z-index: 2;
}

.vs-execution-dark .vs-eyebrow {
  color: #D89B2B !important;
}

.vs-execution-dark .vs-section-heading h2,
.vs-execution-dark .vs-execution-copy {
  color: #ffffff !important;
}

.vs-execution-dark .vs-execution-copy {
  opacity: 0.9;
}

.vs-execution-dark .vs-execution-row {
  color: #E5E4E2 !important;
}

.vs-execution-dark .vs-execution-row span {
  color: #E5E4E2 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.vs-execution-dark .vs-execution-row span:hover {
  color: #ffffff !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.vs-execution-dark .vs-execution-row span:not(:last-child)::after {
  background: #D89B2B !important;
  box-shadow: 0 0 0 5px rgba(216, 155, 43, 0.12);
}

/* ==============================
   MOBILE EXECUTION MODEL
================================= */
@media (max-width: 640px) {
  .vs-execution-section {
    padding: 48px 0 54px;
  }

  /* Remove only the glass background/frame on mobile */
  .vs-execution-dark::before,
  .vs-execution-dark::after {
    display: none;
  }

  .vs-execution-row {
    gap: 14px;
    margin: 18px auto 18px;
    max-width: 92%;
  }

  .vs-execution-row span {
    font-size: 0.78rem;
    letter-spacing: 0.1em;
  }

  .vs-execution-row span:not(:last-child)::after {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-left: 14px;
    border-radius: 999px;
    background: #D89B2B !important;
    box-shadow: 0 0 0 5px rgba(216, 155, 43, 0.12);
    vertical-align: middle;
  }

  .vs-execution-copy {
    max-width: 92%;
    font-size: 0.95rem !important;
    line-height: 1.65 !important;
  }
}

/* ==============================
   ROUNDED SILVER SECTION PANELS
================================= */
.vs-platinum-section {
  width: min(100% - 40px, 1180px);
  margin: 40px auto;
  border-radius: 28px;
  overflow: hidden;
}

.vs-platinum-section .vs-container {
  width: min(100% - 56px, 1180px);
}

/* ==============================
   SOFTER ROUNDED RECTANGLES
================================= */
.vs-card,
.vs-connect-item {
  border-radius: 18px !important;
}

/* ==============================
   REDUCED MOTION
================================= */
@media (prefers-reduced-motion: reduce) {
  .vs-card,
  .vs-connect-item,
  .vs-pyramid-level,
  .vs-icon-box,
  .vs-domain-icon,
  .vs-execution-row,
  .vs-execution-row span {
    transition: none !important;
    animation: none !important;
  }

  .vs-reveal,
  .vs-execution-row,
  .vs-execution-row span {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* ==============================
   RESPONSIVE
================================= */
@media (max-width: 1024px) {
  .vs-lifecycle-grid,
  .vs-connect-grid,
  .vs-framework-layout {
    grid-template-columns: 1fr;
  }

  .vs-domain-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .vs-framework-layout {
    gap: 44px;
  }

  .vs-pyramid-wrap {
    margin-left: 0;
  }
}

@media (max-width: 640px) {
  .vs-container {
    width: min(100% - 28px, 1180px);
  }

  .vs-section {
    padding: 56px 0;
  }

  .vs-platinum-section {
    width: min(100% - 24px, 1180px);
    margin: 28px auto;
    border-radius: 22px;
  }

  .vs-platinum-section .vs-container {
    width: min(100% - 28px, 1180px);
  }

  /* Three-Part Lifecycle cards: vertically and horizontally centered */
  .vs-lifecycle-card {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 520px;
    padding: 30px 24px 32px;
  }

  .vs-lifecycle-card > div:first-child,
  .vs-lifecycle-card > div:last-child {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .vs-lifecycle-card .vs-icon-box {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 22px;
  }

  .vs-lifecycle-card h3 {
    font-size: 1rem;
    letter-spacing: 0.24em;
    text-align: center;
  }

  .vs-lifecycle-card .vs-subtitle {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
    text-align: center;
  }

  .vs-lifecycle-card .vs-card-list {
    width: 100%;
  }

  .vs-lifecycle-card .vs-card-list li {
    padding: 12px 14px;
    text-align: center;
  }

  .vs-domain-grid {
    grid-template-columns: 1fr;
  }

  /* Five Domains cards: vertically and horizontally centered */
  .vs-domain-card {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 300px;
  }

  .vs-domain-card .vs-domain-icon {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 22px;
  }

  .vs-domain-card h3 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .vs-domain-card p {
    text-align: center;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
  }

  .vs-pyramid-level {
    display: block;
    margin-bottom: 12px;
  }

  .vs-pyramid-left {
    width: 100% !important;
    clip-path: none;
    border-radius: 10px;
  }

  .vs-pyramid-right {
    padding: 10px 0 0;
    text-align: center;
  }

  .vs-pyramid-right::before {
    display: none;
  }

  .vs-execution-row {
    gap: 14px;
  }

  .vs-execution-row span:not(:last-child)::after {
    margin-left: 14px;
  }
}

@media (max-width: 1164px) {
  .wp-block-template-part .wp-block-group.is-style-section-4.has-global-padding {
    padding-left: clamp(16px, 4vw, 28px) !important;
    padding-right: clamp(16px, 4vw, 28px) !important;
  }
}

@media (max-width: 782px) {
  .wp-block-template-part .wp-block-group.is-style-section-4.has-global-padding {
    padding-left: clamp(14px, 4vw, 20px) !important;
    padding-right: clamp(14px, 4vw, 20px) !important;
  }
}

@media (max-width: 599px) {
  .wp-block-template-part .wp-block-navigation .wp-block-navigation-item__content,
  .wp-block-template-part .wp-block-navigation .wp-block-navigation-item__label {
	  font-size: .67rem !important;
  }
}

/* Top nav link font size — tablet + desktop only */
@media (min-width: 599px) {
  .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content,
  .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item > .ventari-nav-link {
    font-size: 0.62rem !important;
  }
}

/* Top nav link font size — tablet + desktop only */
@media (min-width: 640px) {
  .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content,
  .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item > .ventari-nav-link {
    font-size: 0.7rem !important;
  }
}

@media (min-width: 750px) {
  .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content,
  .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item > .ventari-nav-link {
    font-size: 0.85rem !important;
  }
}

/* Bigger tablets / small laptops */
@media (min-width: 900px) {
  .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content,
  .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item > .ventari-nav-link {
    font-size: 0.92rem !important;
  }
}



/* =========================================
   GLOBAL TABLET + MOBILE GUTTER FIX
   Every full-width content section keeps
   side breathing room. Hero untouched.
========================================= */
@media (max-width: 1024px) {
  .ventari-lifecycle-section,
  .ventari-difference-section,
  .ventari-why-proof,
  .ventari-interactive-globe-section,
  .ventari-global-map-section,
  .ventari-contact-section,
  .ventari-cta-section,
  .ventari-build-systems-section,
  .ventari-insight-section,
  .ventari-home-insights,
  .vs-section {
    padding-left: clamp(16px, 4vw, 24px) !important;
    padding-right: clamp(16px, 4vw, 24px) !important;
    box-sizing: border-box;
  }

  .ventari-lifecycle-section__inner,
  .ventari-difference__inner,
  .ventari-why-proof__inner,
  .ventari-interactive-globe-shell,
  .ventari-global-map-section__inner,
  .ventari-contact-shell,
  .ventari-cta-card,
  .ventari-build-systems-panel,
  .ventari-home-insights .wp-block-latest-posts,
  .vs-container {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: auto !important;
  }
}

@media (max-width: 640px) {
  .ventari-lifecycle-section,
  .ventari-difference-section,
  .ventari-why-proof,
  .ventari-interactive-globe-section,
  .ventari-global-map-section,
  .ventari-contact-section,
  .ventari-cta-section,
  .ventari-build-systems-section,
  .ventari-insight-section,
  .ventari-home-insights,
  .vs-section {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* =========================================================
   CLOSED NAV MENU: TOP-LEVEL LINKS
   Hover / Active / Current Page
   Desktop + Tablet
   Add AFTER existing navigation CSS
========================================================= */

/* Base closed/top-level nav links */
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content,
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .wp-block-navigation-item > .ventari-nav-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 7px 13px !important;
  border-radius: 9px !important;
  border: 1px solid transparent !important;

  text-decoration: none !important;
  white-space: nowrap !important;

  transition:
    color 0.24s ease,
    background-color 0.24s ease,
    border-color 0.24s ease,
    box-shadow 0.24s ease,
    transform 0.24s ease,
    font-weight 0.24s ease !important;
}

/* Remove underline on hover, focus, active */
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover,
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:focus,
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:focus-visible,
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:active,
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .wp-block-navigation-item > .ventari-nav-link:hover,
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .wp-block-navigation-item > .ventari-nav-link:focus,
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .wp-block-navigation-item > .ventari-nav-link:focus-visible,
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .wp-block-navigation-item > .ventari-nav-link:active {
  text-decoration: none !important;
}

/* Regular closed nav hover: amber text + lift */
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .wp-block-navigation-item:not(.current-menu-item):not(.current_page_item) > .wp-block-navigation-item__content:not([aria-current="page"]):not(.ventari-current-page):hover,
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .wp-block-navigation-item:not(.current-menu-item):not(.current_page_item) > .ventari-nav-link:not([aria-current="page"]):not(.ventari-current-page):hover {
  color: #D89B2B !important;
  text-decoration: none !important;
  transform: translateY(-2px) !important;
}

/* Regular closed nav active/click: bold + unlift */
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .wp-block-navigation-item:not(.current-menu-item):not(.current_page_item) > .wp-block-navigation-item__content:not([aria-current="page"]):not(.ventari-current-page):active,
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .wp-block-navigation-item:not(.current-menu-item):not(.current_page_item) > .ventari-nav-link:not([aria-current="page"]):not(.ventari-current-page):active {
  color: #D89B2B !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transform: translateY(0) scale(0.985) !important;
}

/* Current page: amber border + frosted dark blue rounded rectangle */
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .current-menu-item > .wp-block-navigation-item__content,
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .current_page_item > .wp-block-navigation-item__content,
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content[aria-current="page"],
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .wp-block-navigation-item > .ventari-current-page,
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .current-menu-item > .ventari-nav-link,
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .current_page_item > .ventari-nav-link {
  color: #ffffff !important;
  font-weight: 650 !important;
  text-decoration: none !important;

  padding: 7px 13px !important;
  border-radius: 9px !important;

  background: rgba(36, 58, 94, 0.88) !important;
  border: 1px solid rgba(216, 155, 43, 0.92) !important;

  backdrop-filter: blur(14px) saturate(1.16) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.16) !important;

  box-shadow:
    0 0 0 1px rgba(216, 155, 43, 0.28),
    0 0 16px rgba(216, 155, 43, 0.18),
    0 8px 18px rgba(36, 58, 94, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;

  transform: translateY(0) !important;
}

/* Current page hover: frosted amber + white text + lift */
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .current-menu-item > .wp-block-navigation-item__content:hover,
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .current_page_item > .wp-block-navigation-item__content:hover,
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content[aria-current="page"]:hover,
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .wp-block-navigation-item > .ventari-current-page:hover,
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .current-menu-item > .ventari-nav-link:hover,
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .current_page_item > .ventari-nav-link:hover {
  color: #ffffff !important;
  font-weight: 650 !important;
  text-decoration: none !important;

  background: rgba(216, 155, 43, 0.82) !important;
  border-color: rgba(216, 155, 43, 0.96) !important;

  backdrop-filter: blur(14px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.18) !important;

  box-shadow:
    0 0 0 1px rgba(216, 155, 43, 0.34),
    0 0 18px rgba(216, 155, 43, 0.26),
    0 8px 20px rgba(36, 58, 94, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;

  transform: translateY(-2px) !important;
}

/* Current page active/click: frosted white + dark blue text + unlift */
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .current-menu-item > .wp-block-navigation-item__content:active,
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .current_page_item > .wp-block-navigation-item__content:active,
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content[aria-current="page"]:active,
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .wp-block-navigation-item > .ventari-current-page:active,
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .current-menu-item > .ventari-nav-link:active,
.wp-block-navigation:not(.is-menu-open) 
.wp-block-navigation__container > .current_page_item > .ventari-nav-link:active {
  color: #243A5E !important;
  font-weight: 700 !important;
  text-decoration: none !important;

  background: rgba(255, 255, 255, 0.78) !important;
  border-color: rgba(216, 155, 43, 0.92) !important;

  backdrop-filter: blur(14px) saturate(1.16) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.16) !important;

  box-shadow:
    0 0 0 1px rgba(229, 228, 226, 0.36),
    0 7px 16px rgba(36, 58, 94, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;

  transform: translateY(0) scale(0.985) !important;
}

/* =========================================================
   TABLET CLOSED NAV TIGHTENING
   Keeps top-level nav links in one row
========================================================= */

@media (min-width: 600px) and (max-width: 1024px) {
  .wp-block-navigation:not(.is-menu-open) .wp-block-navigation__container {
    gap: 6px !important;
    flex-wrap: nowrap !important;
  }

  .wp-block-navigation:not(.is-menu-open)
  .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content,
  .wp-block-navigation:not(.is-menu-open)
  .wp-block-navigation__container > .wp-block-navigation-item > .ventari-nav-link {
    padding: 6px 8px !important;
    border-radius: 8px !important;

    font-size: clamp(0.58rem, 1.25vw, 0.74rem) !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  .wp-block-navigation:not(.is-menu-open)
  .wp-block-navigation__container > .current-menu-item > .wp-block-navigation-item__content,
  .wp-block-navigation:not(.is-menu-open)
  .wp-block-navigation__container > .current_page_item > .wp-block-navigation-item__content,
  .wp-block-navigation:not(.is-menu-open)
  .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content[aria-current="page"],
  .wp-block-navigation:not(.is-menu-open)
  .wp-block-navigation__container > .wp-block-navigation-item > .ventari-current-page,
  .wp-block-navigation:not(.is-menu-open)
  .wp-block-navigation__container > .current-menu-item > .ventari-nav-link,
  .wp-block-navigation:not(.is-menu-open)
  .wp-block-navigation__container > .current_page_item > .ventari-nav-link {
    padding: 6px 8px !important;
    border-radius: 8px !important;
  }
}

/* Extra-tight range for narrow tablets */
@media (min-width: 600px) and (max-width: 820px) {
  .wp-block-navigation:not(.is-menu-open) .wp-block-navigation__container {
    gap: 4px !important;
    flex-wrap: nowrap !important;
  }

  .wp-block-navigation:not(.is-menu-open)
  .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content,
  .wp-block-navigation:not(.is-menu-open)
  .wp-block-navigation__container > .wp-block-navigation-item > .ventari-nav-link {
    padding: 5px 6px !important;
    border-radius: 7px !important;

    font-size: clamp(0.52rem, 1.12vw, 0.66rem) !important;
    line-height: 1.02 !important;
  }

  .wp-block-navigation:not(.is-menu-open)
  .wp-block-navigation__container > .current-menu-item > .wp-block-navigation-item__content,
  .wp-block-navigation:not(.is-menu-open)
  .wp-block-navigation__container > .current_page_item > .wp-block-navigation-item__content,
  .wp-block-navigation:not(.is-menu-open)
  .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content[aria-current="page"],
  .wp-block-navigation:not(.is-menu-open)
  .wp-block-navigation__container > .wp-block-navigation-item > .ventari-current-page,
  .wp-block-navigation:not(.is-menu-open)
  .wp-block-navigation__container > .current-menu-item > .ventari-nav-link,
  .wp-block-navigation:not(.is-menu-open)
  .wp-block-navigation__container > .current_page_item > .ventari-nav-link {
    padding: 5px 6px !important;
    border-radius: 7px !important;
  }
}