/* vg-layout.css — new header, footer and Help modal. Scoped under .vg-hdr / .vg-ftr, safe on old pages.
   GENERATED by tools/build-layout-css.js from css/output.css — do not edit by hand. */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 300 800; font-display: swap; src: url(fonts/inter-latin-var.woff2) format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/poppins-500.woff2) format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/poppins-600.woff2) format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/poppins-700.woff2) format('woff2'); }
h1, h2, h3, h4, h5, h6 {font-family: 'Poppins';}
body {font-family: 'Inter', 'Open Sans', sans-serif;}
/* Isolation layer: neutralise old site CSS (main.css) inside the new header/footer */
.vg-hdr, .vg-ftr { font-family: 'Inter', sans-serif; font-size: 16px; line-height: 1.5; color: #333333; text-align: left; box-sizing: border-box; float: none !important; clear: both; width: 100% !important; padding: 0 !important; margin: 0 !important; }
.vg-hdr *, .vg-hdr *::before, .vg-hdr *::after, .vg-ftr *, .vg-ftr *::before, .vg-ftr *::after { box-sizing: border-box; }
.vg-hdr { background: transparent; }
.vg-hdr.sticky { box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); }
.vg-hdr h1 { font-family: 'Inter', sans-serif !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; color: inherit; text-transform: none !important; }
.vg-hdr div, .vg-hdr nav, .vg-hdr span, .vg-hdr details, .vg-hdr summary,
.vg-ftr div, .vg-ftr span, .vg-ftr ul, .vg-ftr li, .vg-ftr p { margin: 0; padding: 0; }
.vg-ftr ul, .vg-hdr ul { list-style: none; }
.vg-ftr li { float: none; width: auto; }
.vg-ftr li::before, .vg-ftr li::marker { content: none; }
.vg-ftr p { font-family: inherit; font-size: inherit; color: inherit; }
.vg-hdr a, .vg-ftr a { text-decoration: none; background: none;color: unset; }
.vg-hdr a:hover, .vg-hdr a:focus, .vg-ftr a:hover, .vg-ftr a:focus { text-decoration: none; }
.vg-hdr img, .vg-hdr svg, .vg-ftr img, .vg-ftr svg { display: block; vertical-align: middle; max-width: 100%; transition: none; }
.vg-hdr img, .vg-ftr img { height: auto; }
.vg-hdr button { font-family: inherit; font-size: 100%; line-height: inherit; margin: 0; }
.vg-hdr summary { list-style: none; display: list-item; }
.vg-hdr summary::-webkit-details-marker { display: none; }
.vg-hdr nav button {border: unset;background: unset;}
section.inner-banner-sec {margin-top: 0;}
.vg-hdr, .vg-hdr *, .vg-hdr ::before, .vg-hdr ::after,
.vg-ftr, .vg-ftr *, .vg-ftr ::before, .vg-ftr ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}

.vg-hdr .absolute {
  position: absolute;
}

.vg-hdr .relative {
  position: relative;
}

.vg-hdr .left-0 {
  left: 0px;
}

.vg-hdr.top-0, .vg-hdr .top-0 {
  top: 0px;
}

.vg-hdr .mx-auto,
.vg-ftr .mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.vg-ftr .mb-1 {
  margin-bottom: 0.25rem;
}

.vg-ftr .mb-4 {
  margin-bottom: 1rem;
}

.vg-hdr .mt-2 {
  margin-top: 0.5rem;
}

.vg-ftr .mt-6 {
  margin-top: 1.5rem;
}

.vg-hdr .block,
.vg-ftr .block {
  display: block;
}

.vg-hdr .flex,
.vg-ftr .flex {
  display: flex;
}

.vg-ftr .grid {
  display: grid;
}

.vg-hdr .hidden {
  display: none;
}

.vg-ftr .h-10 {
  height: 2.5rem;
}

.vg-hdr .h-12 {
  height: 3rem;
}

.vg-hdr .h-3 {
  height: 0.75rem;
}

.vg-hdr .w-3 {
  width: 0.75rem;
}

.vg-hdr .w-full {
  width: 100%;
}

.vg-hdr .max-w-7xl,
.vg-ftr .max-w-7xl {
  max-width: 80rem;
}

.vg-hdr .shrink-0 {
  flex-shrink: 0;
}

.vg-ftr .flex-col {
  flex-direction: column;
}

.vg-hdr .items-center,
.vg-ftr .items-center {
  align-items: center;
}

.vg-hdr .justify-between,
.vg-ftr .justify-between {
  justify-content: space-between;
}

.vg-hdr .gap-1 {
  gap: 0.25rem;
}

.vg-hdr .gap-1\.5 {
  gap: 0.375rem;
}

.vg-hdr .gap-2,
.vg-ftr .gap-2 {
  gap: 0.5rem;
}

.vg-ftr .gap-3 {
  gap: 0.75rem;
}

.vg-ftr .gap-4 {
  gap: 1rem;
}

.vg-hdr .gap-6 {
  gap: 1.5rem;
}

.vg-hdr .border {
  border-style: solid;
  border-width: 1px;
}

.vg-hdr .border-b {
  border-bottom-width: 1px;
}

.vg-hdr .border-t,
.vg-ftr .border-t {
  border-top-width: 1px;
}

.vg-hdr .bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.vg-hdr .p-2 {
  padding: 0.5rem;
}

.vg-hdr .px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.vg-hdr .px-6,
.vg-ftr .px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.vg-hdr .py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.vg-hdr .py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.vg-ftr .py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.vg-hdr .py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.vg-hdr .py-2\.5,
.vg-ftr .py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.vg-hdr .py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.vg-ftr .py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.vg-hdr .pb-2 {
  padding-bottom: 0.5rem;
}

.vg-hdr .text-left {
  text-align: left;
}

.vg-hdr .text-center {
  text-align: center;
}

.vg-hdr .text-sm,
.vg-ftr .text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.vg-ftr .text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.vg-ftr .font-medium {
  font-weight: 500;
}

.vg-hdr .font-semibold,
.vg-ftr .font-semibold {
  font-weight: 600;
}

.vg-ftr .leading-relaxed {
  line-height: 1.625;
}

.vg-hdr .leading-tight {
  line-height: 1.25;
}

.vg-hdr .text-white,
.vg-ftr .text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.vg-hdr.shadow-sm, .vg-hdr .shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.vg-hdr .transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vg-hdr .transition-colors,
.vg-ftr .transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.vg-hdr .group:hover .group-hover\:scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.vg-hdr .invisible {
  visibility: hidden;
}

.vg-hdr.sticky, .vg-hdr .sticky {
  position: sticky;
}

.vg-hdr .top-full {
  top: 100%;
}

.vg-hdr.z-50, .vg-hdr .z-50 {
  z-index: 50;
}

.vg-ftr .mt-5 {
  margin-top: 1.25rem;
}

.vg-hdr .h-20 {
  height: 5rem;
}

.vg-hdr .max-h-96 {
  max-height: 24rem;
}

.vg-hdr .max-h-\[80vh\] {
  max-height: 80vh;
}

.vg-hdr .w-56 {
  width: 14rem;
}

.vg-hdr .w-72 {
  width: 18rem;
}

.vg-hdr .w-auto,
.vg-ftr .w-auto {
  width: auto;
}

.vg-ftr .max-w-sm {
  max-width: 24rem;
}

.vg-ftr .gap-10 {
  gap: 2.5rem;
}

.vg-hdr .gap-7 {
  gap: 1.75rem;
}

.vg-hdr .space-y-1>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.25rem*var(--tw-space-y-reverse));
}

.vg-ftr .space-y-2>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
}

.vg-ftr .space-y-2\.5>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.625rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.625rem*var(--tw-space-y-reverse));
}

.vg-hdr .overflow-y-auto {
  overflow-y: auto;
}

.vg-hdr .rounded-md,
.vg-ftr .rounded-md {
  border-radius: .375rem;
}

.vg-hdr .rounded-b-lg {
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
}

.vg-hdr .border-brand {
  --tw-border-opacity: 1;
  border-color: rgb(49 104 181/var(--tw-border-opacity,1));
}

.vg-ftr .border-white\/10 {
  border-color: hsla(0,0%,100%,.1);border-style: solid;
}

.vg-hdr .bg-brand,
.vg-ftr .bg-brand {
  --tw-bg-opacity: 1;
  background-color: rgb(49 104 181/var(--tw-bg-opacity,1));
}

.vg-hdr .bg-brand\/10,
.vg-ftr .bg-brand\/10 {
  background-color: rgba(49,104,181,.1);
}

.vg-hdr .bg-brand\/5,
.vg-ftr .bg-brand\/5 {
  background-color: rgba(49,104,181,.05);
}

.vg-ftr.bg-ink, .vg-ftr .bg-ink {
  --tw-bg-opacity: 1;
  background-color: rgb(18 22 31/var(--tw-bg-opacity,1));
}

.vg-hdr .bg-offwhite {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250/var(--tw-bg-opacity,1));
}

.vg-hdr .bg-white\/10 {
  background-color: hsla(0,0%,100%,.1);
}

.vg-hdr .bg-white\/5 {
  background-color: hsla(0,0%,100%,.05);
}

.vg-hdr .px-5,
.vg-ftr .px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.vg-hdr .py-3 {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.vg-hdr .py-3\.5 {
  padding-top: .875rem;
  padding-bottom: .875rem;
}

.vg-hdr .pl-4 {
  padding-left: 1rem;
}

.vg-hdr .text-brand {
  --tw-text-opacity: 1;
  color: rgb(49 104 181/var(--tw-text-opacity,1));
}

.vg-hdr .text-ink {
  --tw-text-opacity: 1;
  color: rgb(18 22 31/var(--tw-text-opacity,1));
}

.vg-hdr .text-slate {
  --tw-text-opacity: 1;
  color: rgb(85 90 95/var(--tw-text-opacity,1));
}

.vg-hdr .text-white\/40,
.vg-ftr .text-white\/40 {
  color: hsla(0,0%,100%,.4);
}

.vg-hdr .text-white\/50,
.vg-ftr .text-white\/50 {
  color: hsla(0,0%,100%,.5);
}

.vg-hdr .text-white\/60,
.vg-ftr .text-white\/60 {
  color: hsla(0,0%,100%,.6);
}

.vg-hdr .text-white\/70,
.vg-ftr .text-white\/70 {
  color: hsla(0,0%,100%,.7);
}

.vg-hdr .text-white\/75,
.vg-ftr .text-white\/75 {
  color: hsla(0,0%,100%,.75);
}

.vg-hdr .text-white\/80,
.vg-ftr .text-white\/80 {
  color: hsla(0,0%,100%,.8);
}

.vg-hdr .text-white\/85,
.vg-ftr .text-white\/85 {
  color: hsla(0,0%,100%,.85);
}

.vg-hdr .text-white\/90,
.vg-ftr .text-white\/90 {
  color: hsla(0,0%,100%,.9);
}

.vg-hdr .opacity-0 {
  opacity: 0;
}

.vg-hdr .shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}

.vg-hdr .hover\:bg-brand:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(49 104 181/var(--tw-bg-opacity,1));
}

.vg-hdr .hover\:bg-brand-dark:hover,
.vg-ftr .hover\:bg-brand-dark:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(37 82 148/var(--tw-bg-opacity,1));
}

.vg-hdr .hover\:bg-offwhite:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250/var(--tw-bg-opacity,1));
}

.vg-hdr .hover\:text-brand:hover,
.vg-ftr .hover\:text-brand:hover {
  --tw-text-opacity: 1;
  color: rgb(49 104 181/var(--tw-text-opacity,1));
}

.vg-hdr .hover\:text-white:hover,
.vg-ftr .hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity,1));
}

.vg-hdr .hover\:text-white\/80:hover,
.vg-ftr .hover\:text-white\/80:hover {
  color: hsla(0,0%,100%,.8);
}

.vg-hdr .group[open] .group-open\:rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.vg-hdr .group:hover .group-hover\:visible {
  visibility: visible;
}

.vg-hdr .group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

.vg-ftr .w-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.vg-hdr .text-\[11px\] {
  font-size: 11px;
}

.vg-hdr #backToTopBtn.z-50 {
  z-index: 50;
}

.vg-hdr #backToTopBtn.invisible {
  visibility: hidden;
}

.vg-hdr #backToTopBtn.opacity-0 {
  opacity: 0;
}

.vg-hdr .border-hairline {
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(210 216 222 / var(--tw-border-opacity, 1));
}

.vg-hdr .font-display,
.vg-ftr .font-display {
  font-family: 'Poppins', 'Inter', sans-serif;
}

@media (min-width: 640px) {
  .vg-ftr .sm\:flex-row {
    flex-direction: row;
  }

  .vg-ftr .sm\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .vg-ftr .sm\:inline-block {
    display: inline-block;
  }
}

@media (min-width: 768px) {
  .vg-hdr .md\:flex {
    display: flex;
  }

  .vg-ftr .md\:grid-cols-\[1\.3fr_1fr_1fr_1fr\] {
    grid-template-columns: 1.3fr 1fr 1fr 1fr;
  }
}

@media (min-width: 1024px) {
  .vg-hdr .lg\:flex {
    display: flex;
  }

  .vg-hdr .lg\:block {
    display: block;
  }

  .vg-hdr .lg\:hidden {
    display: none;
  }
}

/* Help & Support modal (homepage) */
.vg-help-btn { font-family: 'Poppins', 'Inter', sans-serif; font-size: .875rem; font-weight: 600; line-height: 1.25rem; color: #fff; background: #3168b5; border: 1px solid #3168b5; padding: .5rem 1rem; border-radius: .375rem; cursor: pointer; transition: background-color .15s, border-color .15s; }
.vg-help-btn:hover { background: #255294; border-color: #255294; }
.vg-overlay { position: fixed; inset: 0; z-index: 1000; display: none; align-items: center; justify-content: center; padding: 16px; background: rgba(0,0,0,.6); }
.vg-overlay.active { display: flex; }
.vg-modal { width: 100%; max-width: 520px; max-height: 100%; overflow-y: auto; background: #fff; border-radius: 12px; box-shadow: 0 20px 50px rgba(0,0,0,.35); color: #333; font-family: 'Inter', sans-serif; }
.vg-modal-header { display: flex; align-items: center; justify-content: space-between; background: #3168b5; color: #fff; padding: 20px 28px; border-radius: 12px 12px 0 0; }
.vg-modal-header h2 { margin: 0; font-family: 'Poppins', 'Inter', sans-serif !important; font-size: 1.25rem; font-weight: 600; line-height: 1.3; color: #fff; }
.vg-modal-close { background: none; border: 0; color: #fff; font-size: 28px; line-height: 1; cursor: pointer; padding: 0 4px; }
.vg-modal-body { padding: 28px; }
.vg-question { margin: 0 0 16px; font-size: 1.0625rem; font-weight: 500; color: #12161f; }
.vg-radio-group { display: flex; gap: 24px; }
.vg-radio-label { display: inline-flex; align-items: center; gap: 8px; font-size: 1rem; cursor: pointer; }
.vg-radio-label input { width: 20px; height: 20px; margin: 0; accent-color: #3168b5; cursor: pointer; }
.vg-divider { border: 0; border-top: 1px solid #e5e7eb; margin: 24px 0 0; }
.vg-answer-area { margin-top: 20px; }
.vg-answer-area:empty { display: none; }
.vg-action-buttons { display: flex; flex-direction: column; gap: 12px; animation: vgFade .18s ease; }
.vg-action-btn { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 16px; border: 1px solid #3168b5; border-radius: 6px; background: #fff; color: #3168b5; font-size: 1rem; text-decoration: none; transition: background-color .15s, color .15s; }
.vg-action-btn:hover, .vg-action-btn:focus { background: #fff; color: #3168b5; border-color: #3168b5; }
.vg-action-btn.primary { background: #3168b5; color: #fff; }
.vg-action-btn.primary:hover, .vg-action-btn.primary:focus { background: #3168b5; color: #fff; }
.vg-action-btn svg { width: 16px; height: 16px; flex: none; }
.vg-action-btn small { font-size: .875rem; }
@keyframes vgFade { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 480px) { .vg-modal-header { padding: 16px 20px; } .vg-modal-body { padding: 20px; } }
button#mobileMenuBtn {background: #3168b5;border-radius: 10px;border: unset;color: #fff;}
#mobileMenu button {border: unset;background: unset;padding-left: 0;}