* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  width: 100%;
}

::-moz-selection {
  text-shadow: none;
}

::selection {
  text-shadow: none;
}

@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi/Satoshi-Light.woff") format("woff");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi/Satoshi-LightItalic.woff") format("woff");
  font-style: italic;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi/Satoshi-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi/Satoshi-Italic.woff") format("woff");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi/Satoshi-Medium.woff") format("woff");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi/Satoshi-MediumItalic.woff") format("woff");
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi/Satoshi-Bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi/Satoshi-BoldItalic.woff") format("woff");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi/Satoshi-Black.woff") format("woff");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi/Satoshi-BlackItalic.woff") format("woff");
  font-style: italic;
  font-weight: 900;
  font-display: swap;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--GafHeadingFont);
}

body {
  font-family: var(--GafBodyFont);
}

html,
body {
  height: 100%;
  scroll-behavior: auto !important;
}

:root {
  --GafNavy: #06133f;
  --GafDeepNavy: #02091f;
  --GafBlue: #3b5ee8;
  --GafBlueDark: #2949cc;
  --GafWhite: #ffffff;
  --GafIvory: #fafaf7;
  --GafText: #080b13;
  --GafMuted: #596171;
  --GafLightMuted: #8f96a4;
  --GafBorder: #e7e9ee;
  --GafBorderDark: #d8dbe3;
  --GafHeadingFont: "Satoshi", Arial, sans-serif;
  --GafBodyFont: "Satoshi", Arial, sans-serif;
  --GafContainerWidth: 1520px;
  --GafContainerPadding: 44px;
  --GafEase: cubic-bezier(0.22, 1, 0.36, 1);
  --GafTransition: 400ms cubic-bezier(0.22, 1, 0.36, 1);
  --GafNavyShadow: 0 18px 45px rgba(6, 19, 63, 0.17);
  --GafBlueShadow: 0 18px 45px rgba(59, 94, 232, 0.18);
}

.GafHeader {
  position: relative;
  z-index: 20;
  width: 100%;
  padding-top: 18px;
}
.GafHeader .GafHeaderWrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  min-height: 84px;
}
.GafHeader .GafHeaderBrand {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: inherit;
  text-decoration: none;
}
.GafHeader .GafDigimaaLogo {
  display: block;
  width: 80px;
  height: 80px;
  flex: 0 0 80px;
  -o-object-fit: contain;
     object-fit: contain;
}
.GafHeader .GafBrandDivider {
  display: block;
  width: 1px;
  height: 38px;
  background: var(--GafBorderDark);
}
.GafHeader .GafMainLogo {
  display: block;
  width: 212px;
  height: 54px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left center;
     object-position: left center;
}
.GafHeader .GafHeaderButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 132px;
  height: 44px;
  padding: 0 18px;
  color: var(--GafWhite);
  border: 1px solid var(--GafNavy);
  background: var(--GafNavy);
  font-family: var(--GafBodyFont);
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  text-decoration: none;
  transition: color var(--GafTransition), background-color var(--GafTransition), border-color var(--GafTransition), box-shadow var(--GafTransition), transform var(--GafTransition);
}
.GafHeader .GafHeaderButton svg {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  transition: transform var(--GafTransition);
}
.GafHeader .GafHeaderButton:hover {
  color: var(--GafWhite);
  background: var(--GafDeepNavy);
  border-color: var(--GafDeepNavy);
  box-shadow: var(--GafNavyShadow);
  transform: translateY(-2px);
}
.GafHeader .GafHeaderButton:hover svg {
  transform: translate(2px, -2px);
}

#GafHero {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 820px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  isolation: isolate;
  color: var(--GafText);
  background: var(--GafWhite);
}
#GafHero .container {
  position: relative;
  z-index: 5;
  width: 100%;
  max-width: var(--GafContainerWidth);
  margin: 0 auto;
  padding-right: var(--GafContainerPadding);
  padding-left: var(--GafContainerPadding);
}
#GafHero::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 55px;
  width: 820px;
  height: 360px;
  pointer-events: none;
  background: radial-gradient(ellipse at center, rgba(59, 94, 232, 0.085) 0%, rgba(59, 94, 232, 0.025) 45%, transparent 72%);
  transform: translateX(-50%);
}
#GafHero::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 150px;
  right: -180px;
  width: 440px;
  height: 520px;
  pointer-events: none;
  opacity: 0.75;
  background: radial-gradient(ellipse at center, rgba(59, 94, 232, 0.14) 0%, rgba(59, 94, 232, 0.035) 42%, transparent 70%);
}
#GafHero .GafHeroGrid {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 50%;
  width: calc(100% - 48px);
  max-width: 1660px;
  pointer-events: none;
  border-right: 1px solid rgba(6, 19, 63, 0.045);
  border-left: 1px solid rgba(6, 19, 63, 0.045);
  background-image: linear-gradient(90deg, rgba(6, 19, 63, 0.048) 1px, transparent 1px);
  background-size: 7.1428571429% 100%;
  transform: translateX(-50%);
}
#GafHero .GafHeroMain {
  position: relative;
  z-index: 6;
  width: 100%;
  flex: 1;
  display: flex;
  align-items: flex-start;
  padding: 92px 0 155px;
}
#GafHero .GafHeroContent {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}
#GafHero .GafHeroTitle {
  width: 100%;
  margin: 0;
  color: var(--GafDeepNavy);
  font-family: var(--GafHeadingFont);
  text-align: center;
}
#GafHero .GafHeroTitle .GafTitleIntro,
#GafHero .GafHeroTitle .GafTitleEnding {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: var(--GafText);
  font-family: var(--GafHeadingFont);
  font-size: 46px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -2px;
}
#GafHero .GafHeroTitle .GafTitleIntro {
  gap: 13px;
  margin-bottom: 14px;
}
#GafHero .GafHeroTitle .GafTitleEnding {
  gap: 8px;
  margin-top: 24px;
}
#GafHero .GafHeroTitle .GafTitleArrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  color: var(--GafWhite);
  border-radius: 50%;
  background: var(--GafBlue);
  box-shadow: 0 12px 30px rgba(59, 94, 232, 0.22);
}
#GafHero .GafHeroTitle .GafTitleArrow svg {
  width: 18px;
  height: 18px;
}
#GafHero .GafHeroTitle .GafTitleCursor {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  flex: 0 0 35px;
  color: var(--GafText);
  transform: translateY(3px);
}
#GafHero .GafHeroTitle .GafTitleCursor svg {
  display: block;
  width: 35px;
  height: 35px;
}
#GafHero .GafHeroTitle .GafTitleGrowth {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  margin: 0 auto;
  color: var(--GafDeepNavy);
  font-family: var(--GafHeadingFont);
  font-size: 138px;
  font-weight: 900;
  line-height: 0.78;
  letter-spacing: -8.5px;
  white-space: nowrap;
  text-transform: lowercase;
}
#GafHero .GafGrowthToggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 138px;
  height: 67px;
  margin: 0 8px 0 11px;
  overflow: hidden;
  border: 4px solid var(--GafBlue);
  vertical-align: middle;
  background: var(--GafBlue);
  box-shadow: 0 15px 34px rgba(59, 94, 232, 0.16), inset 0 0 0 1px rgba(6, 19, 63, 0.04);
  transform: translateY(3px);
  border-radius: 70px;
}
#GafHero .GafToggleFill {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  width: 100%;
  border-radius: 0 70px 70px 0;
  background: linear-gradient(90deg, var(--GafBlueDark) 0%, var(--GafBlue) 100%);
}
#GafHero .GafToggleCircle {
  position: relative;
  z-index: 2;
  display: block;
  width: 55px;
  height: 55px;
  margin-left: 2px;
  flex: 0 0 55px;
  border-radius: 50%;
  background: #f1f1ef;
  box-shadow: 0 5px 15px rgba(2, 9, 31, 0.22), inset 0 0 0 1px rgba(6, 19, 63, 0.05);
}
#GafHero .GafHiddenLetter {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
}
#GafHero .GafHeroProblem {
  max-width: 720px;
  margin: 36px auto 0;
  color: var(--GafNavy);
  font-family: var(--GafBodyFont);
  font-size: 16px;
  font-weight: 650;
  line-height: 1.45;
  letter-spacing: -0.2px;
}
#GafHero .GafHeroDescription {
  max-width: 820px;
  margin: 9px auto 0;
  color: var(--GafMuted);
  font-family: var(--GafBodyFont);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: -0.1px;
}
#GafHero .GafHeroActions {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 32px;
}
#GafHero .GafButton {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 242px;
  height: 54px;
  padding: 0 23px;
  overflow: hidden;
  border: 1px solid transparent;
  font-family: var(--GafBodyFont);
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-decoration: none;
  transition: color var(--GafTransition), background-color var(--GafTransition), border-color var(--GafTransition), box-shadow var(--GafTransition), transform var(--GafTransition);
}
#GafHero .GafButton span,
#GafHero .GafButton svg {
  position: relative;
  z-index: 2;
}
#GafHero .GafButton svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  transition: transform var(--GafTransition);
}
#GafHero .GafButton:hover {
  transform: translateY(-3px);
}
#GafHero .GafButtonPrimary {
  color: var(--GafWhite);
  border-color: var(--GafNavy);
  background: var(--GafNavy);
  box-shadow: 0 13px 30px rgba(6, 19, 63, 0.11);
}
#GafHero .GafButtonPrimary::before {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 85%;
  height: 100%;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.14) 50%, transparent 100%);
  transform: skewX(-18deg);
  transition: left 700ms var(--GafEase);
}
#GafHero .GafButtonPrimary:hover {
  color: var(--GafWhite);
  background: var(--GafDeepNavy);
  border-color: var(--GafDeepNavy);
  box-shadow: var(--GafNavyShadow);
}
#GafHero .GafButtonPrimary:hover::before {
  left: 140%;
}
#GafHero .GafButtonPrimary:hover svg {
  transform: translate(2px, -2px);
}
#GafHero .GafButtonSecondary {
  color: var(--GafNavy);
  border-color: rgba(6, 19, 63, 0.42);
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(10px);
}
#GafHero .GafButtonSecondary:hover {
  color: var(--GafWhite);
  border-color: var(--GafBlue);
  background: var(--GafBlue);
  box-shadow: var(--GafBlueShadow);
}
#GafHero .GafButtonSecondary:hover svg {
  transform: translateX(3px);
}
#GafHero .GafButton.GafButtonWhatsApp {
  color: #ffffff;
  border-color: #25d366;
  background: #25d366;
  box-shadow: 0 10px 28px rgba(37, 211, 102, 0.25);
}
#GafHero .GafButton.GafButtonWhatsApp svg {
  width: 21px;
  height: 21px;
  flex: 0 0 21px;
  fill: currentColor;
}
#GafHero .GafButton.GafButtonWhatsApp:hover {
  color: #ffffff;
  border-color: #25d366;
  background: #25d366;
  box-shadow: 0 13px 32px rgba(37, 211, 102, 0.34);
  transform: translateY(-2px);
}
#GafHero .GafButton.GafButtonWhatsApp:focus-visible {
  outline: 3px solid rgba(37, 211, 102, 0.3);
  outline-offset: 4px;
}
#GafHero .GafHeroProof {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 28px;
}
#GafHero .GafHeroProof .GafProofItem {
  display: flex;
  align-items: baseline;
  gap: 7px;
  padding: 0 22px;
  white-space: nowrap;
}
#GafHero .GafHeroProof .GafProofItem strong {
  color: var(--GafNavy);
  font-family: var(--GafHeadingFont);
  font-size: 19px;
  font-weight: 700;
  line-height: 1;
}
#GafHero .GafHeroProof .GafProofItem span {
  color: var(--GafLightMuted);
  font-family: var(--GafBodyFont);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}
#GafHero .GafHeroProof .GafProofDivider {
  display: block;
  width: 1px;
  height: 20px;
  flex: 0 0 1px;
  background: var(--GafBorder);
}
#GafHero .GafBrandStrip {
  position: absolute;
  z-index: 10;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid var(--GafBorder);
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(12px);
}
#GafHero .GafBrandStrip::before, #GafHero .GafBrandStrip::after {
  content: "";
  position: absolute;
  z-index: 5;
  top: 0;
  width: 100px;
  height: 100%;
  pointer-events: none;
}
#GafHero .GafBrandStrip::before {
  left: 0;
  background: linear-gradient(90deg, var(--GafWhite) 0%, rgba(255, 255, 255, 0) 100%);
}
#GafHero .GafBrandStrip::after {
  right: 0;
  background: linear-gradient(270deg, var(--GafWhite) 0%, rgba(255, 255, 255, 0) 100%);
}
#GafHero .GafBrandTrack {
  display: flex;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  height: 100%;
  will-change: transform;
}
#GafHero .GafBrandGroup {
  display: flex;
  align-items: center;
  height: 100%;
  flex-shrink: 0;
}
#GafHero .GafBrandItem {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 185px;
  height: 100%;
  padding: 22px 32px;
  border-right: 1px solid rgba(6, 19, 63, 0.045);
}
#GafHero .GafBrandItem img {
  display: block;
  width: auto;
  height: auto;
  max-width: 112px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: grayscale(1);
  opacity: 0.52;
  transition: opacity var(--GafTransition), filter var(--GafTransition), transform var(--GafTransition);
}
#GafHero .GafBrandItem:hover img {
  opacity: 1;
  filter: grayscale(0);
  transform: translateY(-3px);
}

.SectionHeading {
  margin: 0;
  font-family: var(--GafHeadingFont);
}

.SectionDescription {
  margin: 0;
  font-family: var(--GafBodyFont);
}

.SubTitle {
  font-family: var(--GafBodyFont);
}

#GafRealityCheck {
  position: relative;
  min-height: 940px;
  overflow: hidden;
  background: radial-gradient(circle at 26% 77%, rgba(59, 94, 232, 0.09), transparent 230px), var(--GafBackground);
  isolation: isolate;
}
#GafRealityCheck .GafRealityWrapper {
  display: grid;
  grid-template-columns: 51% 49%;
  min-height: 940px;
  border-left: 1px solid rgba(6, 19, 63, 0.1);
  border-right: 1px solid rgba(6, 19, 63, 0.1);
}
#GafRealityCheck .GafRealityIntro {
  position: relative;
  padding: 84px 76px 0 48px;
  border-right: 1px solid rgba(6, 19, 63, 0.12);
}
#GafRealityCheck .GafRealityIntroInner {
  position: relative;
  height: 100%;
}
#GafRealityCheck .GafRealityLabel {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--GafNavy);
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
#GafRealityCheck .GafRealityLabelIcon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 23px;
  height: 23px;
  color: var(--GafBlue);
  border: 1.5px solid var(--GafBlue);
  border-radius: 50%;
  font-size: 13px;
  font-weight: 800;
}
#GafRealityCheck .GafRealityHeading {
  max-width: 620px;
  margin-top: 43px;
  color: var(--GafText);
  font-size: 61px;
  line-height: 1.08;
  font-weight: 680;
  letter-spacing: -3px;
}
#GafRealityCheck .GafRealityHeading em {
  font-family: var(--GafAccentFont);
  font-size: 67px;
  font-weight: 400;
  letter-spacing: -1px;
}
#GafRealityCheck .GafRealityHeadingIcon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin: 0 0 7px 12px;
  color: #fff;
  border-radius: 50%;
  background: var(--GafBlue);
  box-shadow: 0 10px 28px rgba(59, 94, 232, 0.24);
  vertical-align: middle;
}
#GafRealityCheck .GafRealityHeadingIcon svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#GafRealityCheck .GafRealityDescription {
  margin-top: 38px;
  color: #393d45;
  font-size: 18px;
  line-height: 1.55;
  font-weight: 450;
}
#GafRealityCheck .GafRealityVisual {
  position: absolute;
  left: -100px;
  bottom: 0;
  width: 100%;
}
#GafRealityCheck .GafRealityVisualGlow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 265px;
  height: 265px;
  border-radius: 50%;
  background: rgba(59, 94, 232, 0.12);
  filter: blur(28px);
}
#GafRealityCheck .GafRealityDotPattern {
  position: absolute;
  left: 0;
  top: 78px;
  width: 125px;
  height: 126px;
  opacity: 0.58;
  background-image: radial-gradient(circle, rgba(6, 19, 63, 0.65) 1px, transparent 1.5px);
  background-size: 13px 13px;
  -webkit-mask-image: linear-gradient(135deg, #000, transparent 80%);
          mask-image: linear-gradient(135deg, #000, transparent 80%);
}
#GafRealityCheck .GafRealityLinePattern {
  position: absolute;
  right: -28px;
  bottom: 0;
  width: 108px;
  height: 148px;
  opacity: 0.32;
  background-image: linear-gradient(to right, rgba(6, 19, 63, 0.26) 1px, transparent 1px);
  background-size: 11px 100%;
}
#GafRealityCheck .GafRealityImage {
  position: absolute;
  left: 21px;
  bottom: 0;
  z-index: 3;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center bottom;
     object-position: center bottom;
  filter: grayscale(1) contrast(1.08);
}
#GafRealityCheck .GafRealityImagePlaceholder {
  position: absolute;
  left: 91px;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 365px;
  color: rgba(6, 19, 63, 0.32);
  font-size: 12px;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-align: center;
}
#GafRealityCheck .GafRealityImage[src]:not([src=""]) + .GafRealityImagePlaceholder {
  display: none;
}
#GafRealityCheck .GafRealityPoints {
  align-self: center;
  padding: 48px 64px 48px 74px;
}
#GafRealityCheck .GafRealityPoint {
  position: relative;
  display: grid;
  grid-template-columns: 76px 1fr 34px;
  -moz-column-gap: 28px;
       column-gap: 28px;
  min-height: 190px;
  padding: 43px 10px 39px 0;
  border-bottom: 1px solid var(--GafBorder);
  transition: border-color 250ms ease;
}
#GafRealityCheck .GafRealityPoint::before {
  content: "";
  position: absolute;
  left: 102px;
  top: 43px;
  bottom: 43px;
  width: 1px;
  background: rgba(6, 19, 63, 0.24);
  transition: width 250ms ease, background 250ms ease;
}
#GafRealityCheck .GafRealityPoint:first-child {
  padding-top: 0;
}
#GafRealityCheck .GafRealityPoint:first-child::before {
  top: 0;
}
#GafRealityCheck .GafRealityPoint:last-child {
  border-bottom: 0;
}
#GafRealityCheck .GafRealityPoint:hover {
  border-color: rgba(59, 94, 232, 0.32);
}
#GafRealityCheck .GafRealityPoint:hover::before {
  width: 2px;
  background: var(--GafBlue);
}
#GafRealityCheck .GafRealityPoint:hover .GafRealityNumber {
  color: var(--GafBlue);
}
#GafRealityCheck .GafRealityPoint:hover .GafRealityPointContent {
  transform: translateX(6px);
}
#GafRealityCheck .GafRealityPoint:hover .GafRealityPointArrow {
  color: #fff;
  border-color: var(--GafBlue);
  background: var(--GafBlue);
  opacity: 1;
  transform: translate(0, -50%);
}
#GafRealityCheck .GafRealityNumber {
  color: #acafb5;
  font-family: var(--GafHeadingFont);
  font-size: 38px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: -1.5px;
  transition: color 250ms ease;
}
#GafRealityCheck .GafRealityPointContent {
  padding-left: 28px;
  transition: transform 250ms ease;
}
#GafRealityCheck .GafRealityPointContent h3 {
  margin: 0;
  color: var(--GafText);
  font-family: var(--GafHeadingFont);
  font-size: 24px;
  line-height: 1.24;
  font-weight: 680;
  letter-spacing: -0.7px;
}
#GafRealityCheck .GafRealityPointContent p {
  max-width: 470px;
  margin: 18px 0 0;
  color: var(--GafMuted);
  font-family: var(--GafBodyFont);
  font-size: 16px;
  line-height: 1.5;
  font-weight: 430;
}
#GafRealityCheck .GafRealityPointArrow {
  position: absolute;
  right: 0;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  color: var(--GafBlue);
  border: 1px solid rgba(59, 94, 232, 0.35);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.75);
  opacity: 0;
  transform: translate(-8px, -50%);
  transition: opacity 250ms ease, transform 250ms ease, color 250ms ease, background 250ms ease;
}
#GafRealityCheck .GafRealityPointArrow svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#GafRealityCheck.GafRealityIsReady .GafRealityLabel,
#GafRealityCheck.GafRealityIsReady .GafRealityHeading,
#GafRealityCheck.GafRealityIsReady .GafRealityDescription,
#GafRealityCheck.GafRealityIsReady .GafRealityVisual,
#GafRealityCheck.GafRealityIsReady .GafRealityPoint {
  opacity: 0;
  transform: translateY(24px);
}
#GafRealityCheck.GafRealityIsVisible .GafRealityLabel,
#GafRealityCheck.GafRealityIsVisible .GafRealityHeading,
#GafRealityCheck.GafRealityIsVisible .GafRealityDescription,
#GafRealityCheck.GafRealityIsVisible .GafRealityVisual,
#GafRealityCheck.GafRealityIsVisible .GafRealityPoint {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 650ms ease, transform 650ms cubic-bezier(0.22, 1, 0.36, 1);
}
#GafRealityCheck.GafRealityIsVisible .GafRealityHeading {
  transition-delay: 80ms;
}
#GafRealityCheck.GafRealityIsVisible .GafRealityDescription {
  transition-delay: 150ms;
}
#GafRealityCheck.GafRealityIsVisible .GafRealityVisual {
  transition-delay: 220ms;
}
#GafRealityCheck.GafRealityIsVisible .GafRealityPoint:nth-child(1) {
  transition-delay: 100ms;
}
#GafRealityCheck.GafRealityIsVisible .GafRealityPoint:nth-child(2) {
  transition-delay: 180ms;
}
#GafRealityCheck.GafRealityIsVisible .GafRealityPoint:nth-child(3) {
  transition-delay: 260ms;
}
#GafRealityCheck.GafRealityIsVisible .GafRealityPoint:nth-child(4) {
  transition-delay: 340ms;
}

#GafCategoryReframe {
  position: relative;
  min-height: 820px;
  padding: 120px 0 80px;
  overflow: hidden;
  background: radial-gradient(circle at 6% 50%, rgba(59, 94, 232, 0.07) 0%, rgba(59, 94, 232, 0) 35%), #ffffff;
  isolation: isolate;
}
#GafCategoryReframe .GafReframeGrid {
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: 0.65;
  background-image: linear-gradient(rgba(6, 19, 63, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(6, 19, 63, 0.035) 1px, transparent 1px);
  background-size: 82px 82px;
  pointer-events: none;
}
#GafCategoryReframe .GafReframeGrid::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #ffffff 0%, transparent 18%, transparent 82%, #ffffff 100%);
  content: "";
}
#GafCategoryReframe .GafReframeGlow {
  position: absolute;
  top: 50%;
  right: 4%;
  z-index: -1;
  width: 620px;
  height: 620px;
  border-radius: 50%;
  background: rgba(59, 94, 232, 0.07);
  filter: blur(100px);
  transform: translateY(-50%);
  animation: GafReframeGlow 6s ease-in-out infinite;
  pointer-events: none;
}
#GafCategoryReframe .GafReframeWrapper {
  display: grid;
  grid-template-columns: 42% 58%;
  align-items: center;
  min-height: 580px;
}
#GafCategoryReframe .GafReframeContent {
  position: relative;
  z-index: 3;
  max-width: 650px;
  padding-left: 35px;
}
#GafCategoryReframe .GafReframeTitle .SubTitle {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 28px;
  color: #07133f;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}
#GafCategoryReframe .GafReframeTitle .SubTitle::before {
  width: 28px;
  height: 2px;
  background: #3b5ee8;
  content: "";
}
#GafCategoryReframe .GafReframeTitle h2 {
  max-width: 630px;
  margin: 0;
  color: #0c0f17;
  font-size: 66px;
  font-weight: 650;
  line-height: 1.02;
  letter-spacing: -3.6px;
}
#GafCategoryReframe .GafReframeTitle h2 span {
  display: block;
  color: #3b5ee8;
}
#GafCategoryReframe .GafReframeTitle p {
  max-width: 540px;
  margin: 30px 0 0;
  color: #5f6675;
  font-size: 18px;
  font-weight: 450;
  line-height: 1.65;
}
#GafCategoryReframe .GafReframeTitle .GafReframeSecondaryText {
  max-width: 550px;
  margin-top: 15px;
  color: #858b98;
  font-size: 17px;
  line-height: 1.65;
}
#GafCategoryReframe .GafReframeButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  min-height: 58px;
  margin-top: 38px;
  padding: 0 22px 0 28px;
  border: 1px solid #07133f;
  border-radius: 100px;
  color: #ffffff;
  background: #07133f;
  box-shadow: 0 15px 32px rgba(7, 19, 63, 0.16);
  font-size: 14px;
  font-weight: 650;
  line-height: 1;
  text-decoration: none;
  transition: background-color 300ms ease, box-shadow 300ms ease, transform 300ms ease;
}
#GafCategoryReframe .GafReframeButton svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 300ms ease;
}
#GafCategoryReframe .GafReframeButton:hover {
  color: #ffffff;
  background: #3b5ee8;
  box-shadow: 0 18px 38px rgba(59, 94, 232, 0.28);
  transform: translateY(-3px);
}
#GafCategoryReframe .GafReframeButton:hover svg {
  transform: translate(3px, -3px);
}
#GafCategoryReframe .GafReframeButton:focus-visible {
  outline: 3px solid rgba(59, 94, 232, 0.25);
  outline-offset: 4px;
}
#GafCategoryReframe .GafReframeVisual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 20px;
}
#GafCategoryReframe .GafReframeDotPattern {
  position: absolute;
  right: 5%;
  bottom: 12%;
  width: 140px;
  height: 110px;
  opacity: 0.32;
  background-image: radial-gradient(circle, #3b5ee8 1.4px, transparent 1.4px);
  background-size: 13px 13px;
  pointer-events: none;
  z-index: 11;
}
#GafCategoryReframe .GafReframeImageWrapper {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  animation: GafReframeImageFloat 5.5s ease-in-out infinite;
}
#GafCategoryReframe .GafReframeImage {
  display: block;
  width: 100%;
  max-width: 850px;
  height: 660px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  filter: drop-shadow(0 30px 35px rgba(7, 19, 63, 0.12));
  transition: filter 500ms ease, transform 500ms ease;
}
#GafCategoryReframe .GafReframeVisual:hover .GafReframeImage {
  filter: drop-shadow(0 38px 45px rgba(59, 94, 232, 0.18));
  transform: scale(1.025);
}
#GafCategoryReframe .GafReframeVisualLabel {
  position: absolute;
  right: 6%;
  bottom: 4%;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #828896;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}
#GafCategoryReframe .GafReframeVisualLabel span {
  width: 28px;
  height: 1px;
  background: #3b5ee8;
}
#GafCategoryReframe [data-reframe-reveal] {
  opacity: 0;
  transform: translateY(35px);
  transition: opacity 850ms ease, transform 900ms cubic-bezier(0.2, 0.75, 0.2, 1);
}
#GafCategoryReframe .GafReframeVisual[data-reframe-reveal] {
  transform: translateX(45px);
  transition-delay: 150ms;
}
#GafCategoryReframe.is-visible [data-reframe-reveal] {
  opacity: 1;
  transform: translate(0, 0);
}

@keyframes GafReframeImageFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-14px);
  }
}
@keyframes GafReframeGlow {
  0%, 100% {
    opacity: 0.55;
    transform: translateY(-50%) scale(0.94);
  }
  50% {
    opacity: 1;
    transform: translateY(-50%) scale(1.07);
  }
}
@keyframes GafReframeCircle {
  0%, 100% {
    transform: translate(-50%, -50%) rotate(-10deg) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) rotate(-5deg) scale(1.04);
  }
}
@media (prefers-reduced-motion: reduce) {
  #GafCategoryReframe .GafReframeGlow,
  #GafCategoryReframe .GafReframeVisualCircle,
  #GafCategoryReframe .GafReframeImageWrapper {
    animation: none;
  }
  #GafCategoryReframe [data-reframe-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
#GafHowWorks {
  position: relative;
  overflow: hidden;
  padding: 80px 0 0;
  color: #ffffff;
  background: radial-gradient(circle at 50% 28%, rgba(48, 83, 255, 0.055) 0%, rgba(48, 83, 255, 0) 35%), #020202;
  isolation: isolate;
}
#GafHowWorks .container {
  width: calc(100% - 120px);
  max-width: 1720px;
}
#GafHowWorks .GafHowTitle {
  position: relative;
  z-index: 5;
  max-width: 950px;
  margin: 0 auto -28px;
  text-align: center;
}
#GafHowWorks .GafHowTitle .SubTitle {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 26px;
  color: #6482ff;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
#GafHowWorks .GafHowTitle .SubTitle::before {
  width: 15px;
  height: 1px;
  background: #4165ff;
  content: "";
}
#GafHowWorks .GafHowTitle .SectionHeading {
  margin: 0;
  color: #f4f4f4;
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 74px;
  font-weight: 500;
  line-height: 1.02;
  letter-spacing: -3.6px;
}
#GafHowWorks .GafHowTitle .SectionHeading span {
  color: #3f61f2;
}
#GafHowWorks .GafHowTitle .SectionDescription {
  position: relative;
  z-index: 4;
  margin: 25px auto 0;
  color: #a6a6a6;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.55;
}
#GafHowWorks .GafHowVisual {
  position: relative;
  z-index: 1;
  margin: 0;
}
#GafHowWorks .GafHowImageFrame {
  position: relative;
  height: 380px;
  overflow: hidden;
  background: #020202;
}
#GafHowWorks .GafHowImageFrame::before {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(90deg, #020202 0%, rgba(2, 2, 2, 0.82) 6%, rgba(2, 2, 2, 0.18) 18%, transparent 30%, transparent 70%, rgba(2, 2, 2, 0.18) 82%, rgba(2, 2, 2, 0.82) 94%, #020202 100%);
  pointer-events: none;
  content: "";
}
#GafHowWorks .GafHowImageFrame::after {
  position: absolute;
  inset: 0;
  z-index: 3;
  background: linear-gradient(180deg, #020202 0%, rgba(2, 2, 2, 0.9) 8%, rgba(2, 2, 2, 0.22) 35%, rgba(2, 2, 2, 0.04) 64%, rgba(2, 2, 2, 0.78) 92%, #020202 100%);
  pointer-events: none;
  content: "";
}
#GafHowWorks .GafHowImageFrame img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 53%;
     object-position: center 53%;
  filter: grayscale(1) brightness(0.82) contrast(1.18);
  transform: scale(1.01);
  will-change: transform;
}
#GafHowWorks .GafHowProcess {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  list-style: none;
  isolation: isolate;
}
#GafHowWorks .GafHowStep {
  position: relative;
  z-index: 2;
  min-width: 0;
  min-height: 300px;
  padding: 24px 20px 45px 68px;
  border: 0;
  opacity: 0;
  transform: translateY(25px);
  background-color: transparent;
  background-image: linear-gradient(0deg, rgba(63, 91, 207, 0) 0%, rgba(68, 97, 217, 0.07) 10%, rgba(180, 192, 255, 0.14) 38%, rgba(75, 108, 244, 0.34) 58%, rgba(98, 123, 230, 0.13) 80%, rgba(52, 80, 190, 0) 100%);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1px 100%;
  overflow: visible;
  transition: opacity 700ms ease, transform 800ms cubic-bezier(0.22, 1, 0.36, 1), background-color 300ms ease;
}
#GafHowWorks .GafHowStep:last-child {
  background-image: none;
  box-shadow: none;
}
#GafHowWorks .GafHowStep:not(:last-child)::before {
  position: absolute;
  top: 118px;
  right: -1px;
  left: 172px;
  z-index: 4;
  height: 1px;
  background: linear-gradient(90deg, rgba(45, 73, 207, 0.12) 0%, rgba(53, 86, 232, 0.38) 32%, rgba(69, 104, 255, 0.72) 72%, #6483ff 100%);
  box-shadow: 0 0 3px rgba(83, 116, 255, 0.75), 0 0 10px rgba(66, 100, 255, 0.42), 0 0 22px rgba(54, 86, 230, 0.18);
  content: "";
}
#GafHowWorks .GafHowStep:not(:last-child)::after {
  position: absolute;
  top: 115px;
  right: -4px;
  z-index: 5;
  width: 7px;
  height: 7px;
  border: 1px solid rgba(202, 212, 255, 0.36);
  border-radius: 50%;
  background: #6785ff;
  box-shadow: 0 0 4px rgb(111, 140, 255), 0 0 10px rgba(83, 116, 255, 0.9), 0 0 20px rgba(65, 97, 242, 0.52), 0 0 32px rgba(54, 84, 222, 0.24);
  content: "";
}
#GafHowWorks .GafHowStep:hover {
  background-color: rgba(55, 84, 205, 0.025);
}
#GafHowWorks .GafHowStep:hover .GafHowStepIcon {
  color: #ffffff;
  border-color: transparent;
  background: linear-gradient(145deg, rgba(17, 23, 49, 0.98), rgba(3, 5, 14, 0.99)) padding-box, conic-gradient(from 215deg, rgba(61, 91, 219, 0.3), rgba(220, 226, 255, 0.55), #6381ff, rgba(255, 255, 255, 0.25), rgba(61, 91, 219, 0.3)) border-box;
  box-shadow: inset 0 0 25px rgba(73, 105, 255, 0.09), 0 0 8px rgba(81, 113, 255, 0.24), 0 0 24px rgba(62, 94, 239, 0.14);
  transform: translateY(-4px);
}
#GafHowWorks .GafHowStepNumber {
  display: block;
  width: 104px;
  margin-bottom: 24px;
  color: #5275ff;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.5px;
  text-align: center;
  text-shadow: 0 0 8px rgba(73, 107, 255, 0.34), 0 0 18px rgba(58, 90, 230, 0.14);
}
#GafHowWorks .GafHowStepIcon {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 104px;
  height: 104px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 50%;
  color: #f1f1f1;
  background: linear-gradient(145deg, #050609, #010102) padding-box, conic-gradient(from 215deg, rgba(55, 81, 183, 0.12), rgba(223, 228, 255, 0.22), rgba(73, 106, 239, 0.42), rgba(255, 255, 255, 0.11), rgba(55, 81, 183, 0.12)) border-box;
  box-shadow: inset 0 0 24px rgba(68, 99, 230, 0.025), 0 0 8px rgba(66, 96, 224, 0.06), 0 0 22px rgba(44, 73, 199, 0.035);
  transition: color 300ms ease, box-shadow 300ms ease, transform 300ms ease;
}
#GafHowWorks .GafHowStepIcon svg {
  width: 43px;
  height: 43px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.45;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#GafHowWorks .GafHowStep h3 {
  padding-left: 10px;
  margin: 0;
  color: #f4f4f4;
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 21px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.4px;
}
#GafHowWorks [data-gaf-reveal] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 850ms ease, transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
}
#GafHowWorks .GafHowVisual[data-gaf-reveal] {
  transition-delay: 100ms;
}
#GafHowWorks.is-visible [data-gaf-reveal],
#GafHowWorks.is-visible .GafHowStep {
  opacity: 1;
  transform: translateY(0);
}
#GafHowWorks.is-visible .GafHowImageFrame img {
  animation: GafHowImageMove 12s ease-in-out infinite alternate;
}
#GafHowWorks.is-visible .GafHowStep:nth-child(1) {
  transition-delay: 180ms;
}
#GafHowWorks.is-visible .GafHowStep:nth-child(2) {
  transition-delay: 280ms;
}
#GafHowWorks.is-visible .GafHowStep:nth-child(3) {
  transition-delay: 380ms;
}
#GafHowWorks.is-visible .GafHowStep:nth-child(4) {
  transition-delay: 480ms;
}
#GafHowWorks.is-visible .GafHowStep:nth-child(5) {
  transition-delay: 580ms;
}
#GafHowWorks.is-visible .GafHowStep:nth-child(6) {
  transition-delay: 680ms;
}

@keyframes GafHowImageMove {
  from {
    transform: scale(1.01);
  }
  to {
    transform: scale(1.045);
  }
}
@media (prefers-reduced-motion: reduce) {
  #GafHowWorks [data-gaf-reveal],
  #GafHowWorks .GafHowStep {
    opacity: 1;
    transform: none;
    transition: none;
  }
  #GafHowWorks .GafHowImageFrame img {
    animation: none;
  }
}
#GafActuallyFixes {
  position: relative;
  padding: 125px 0 110px;
  overflow: hidden;
  color: #0a1230;
  background: #f5f7fb;
}
#GafActuallyFixes .GafFixesGridBackground {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(15, 29, 70, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(15, 29, 70, 0.035) 1px, transparent 1px);
  background-size: 100px 100px;
}
#GafActuallyFixes .GafFixesGridBackground::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 220px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0));
  content: "";
}
#GafActuallyFixes .GafFixesGridBackground::after {
  position: absolute;
  right: 7%;
  bottom: 75px;
  width: 125px;
  height: 125px;
  opacity: 0.32;
  background-image: radial-gradient(circle, #3f5df5 1.3px, transparent 1.5px);
  background-size: 13px 13px;
  content: "";
}
#GafActuallyFixes .GafFixesHeader {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(380px, 0.65fr);
  gap: 110px;
  align-items: end;
  margin-bottom: 72px;
}
#GafActuallyFixes .GafFixesTitle {
  max-width: 850px;
}
#GafActuallyFixes .GafFixesTitle .SubTitle {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 30px;
  color: #162249;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2.2px;
  text-transform: uppercase;
}
#GafActuallyFixes .GafFixesTitle .SubTitle::before {
  width: 28px;
  height: 1px;
  background: #3f5df5;
  content: "";
}
#GafActuallyFixes .GafFixesTitle .SectionHeading {
  max-width: 820px;
  margin: 0;
  color: #09112e;
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 68px;
  font-weight: 600;
  line-height: 1.02;
  letter-spacing: -3.6px;
}
#GafActuallyFixes .GafFixesTitle .SectionHeading span {
  display: block;
  color: #3f5df5;
}
#GafActuallyFixes .GafFixesIntroduction {
  max-width: 510px;
  padding: 0 0 7px 30px;
  border-left: 1px solid #cbd2e2;
}
#GafActuallyFixes .GafFixesIntroduction p {
  margin: 0;
  color: #5f687d;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.65;
}
#GafActuallyFixes .GafFixesIntroduction span {
  display: block;
  margin-top: 22px;
  color: #101a3d;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
#GafActuallyFixes .GafFixesList {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid #cfd5e2;
  border-bottom: 1px solid #cfd5e2;
}
#GafActuallyFixes .GafFixesItem {
  position: relative;
  min-height: 340px;
  padding: 42px 38px 38px;
  border-right: 1px solid #d8dde8;
  transition: background-color 300ms ease, transform 350ms cubic-bezier(0.22, 1, 0.36, 1);
}
#GafActuallyFixes .GafFixesItem:nth-child(3n) {
  border-right: 1px solid #d8dde8;
}
#GafActuallyFixes .GafFixesItem:nth-child(1n) {
  border-left: 1px solid #d8dde8;
}
#GafActuallyFixes .GafFixesItem:nth-child(-n+3) {
  border-bottom: 1px solid #d8dde8;
}
#GafActuallyFixes .GafFixesItem::before {
  position: absolute;
  top: -1px;
  right: 38px;
  left: 38px;
  height: 2px;
  opacity: 0;
  background: #3f5df5;
  transform: scaleX(0);
  transform-origin: left center;
  transition: opacity 300ms ease, transform 450ms cubic-bezier(0.22, 1, 0.36, 1);
  content: "";
}
#GafActuallyFixes .GafFixesItem {
  background: rgba(255, 255, 255, 0.72);
}
#GafActuallyFixes .GafFixesItem .GafFixesNumber {
  color: #ffffff;
  border-color: #3f5df5;
  background: #3f5df5;
}
#GafActuallyFixes .GafFixesItem .GafFixesResult {
  color: #3f5df5;
}
#GafActuallyFixes .GafFixesItem:hover::before {
  opacity: 1;
  transform: scaleX(1);
}
#GafActuallyFixes .GafFixesItem:hover .GafFixesResult {
  color: #3f5df5;
}
#GafActuallyFixes .GafFixesItem:hover .GafFixesResult::before {
  width: 28px;
  background: #3f5df5;
}
#GafActuallyFixes .GafFixesItem h3 {
  max-width: 390px;
  margin: 30px 0 0;
  color: #09112e;
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 27px;
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -1px;
}
#GafActuallyFixes .GafFixesItem > p {
  max-width: 390px;
  margin: 18px 0 0;
  color: #687187;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.65;
}
#GafActuallyFixes .GafFixesItemTop {
  display: flex;
  align-items: center;
  gap: 15px;
}
#GafActuallyFixes .GafFixesNumber {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border: 1px solid #cbd2e1;
  border-radius: 50%;
  color: #3f5df5;
  background: transparent;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  transition: color 300ms ease, border-color 300ms ease, background-color 300ms ease;
}
#GafActuallyFixes .GafFixesProblem {
  color: #38435d;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
#GafActuallyFixes .GafFixesResult {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-top: 25px;
  color: #172348;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.2px;
}
#GafActuallyFixes .GafFixesResult::before {
  width: 18px;
  height: 1px;
  background: #aeb6c8;
  transition: width 300ms ease, background-color 300ms ease;
  content: "";
}
#GafActuallyFixes .GafFixesSummary {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr) 48px;
  gap: 36px;
  align-items: center;
  padding: 35px 38px;
  background: #000;
}
#GafActuallyFixes .GafFixesSummaryLabel {
  color: #a6a6a6;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
}
#GafActuallyFixes .GafFixesSummary p {
  margin: 0;
  color: #fff;
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 25px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.7px;
}
#GafActuallyFixes .GafFixesSummary p span {
  color: #3458f4;
}
#GafActuallyFixes .GafFixesSummaryArrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: #ffffff;
  background: #3f5df5;
  box-shadow: 0 8px 20px rgba(63, 93, 245, 0.2);
}
#GafActuallyFixes .GafFixesSummaryArrow svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#GafActuallyFixes.has-gaf-fixes-motion [data-gaf-fixes-reveal],
#GafActuallyFixes.has-gaf-fixes-motion [data-gaf-fixes-item] {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 650ms ease, transform 750ms cubic-bezier(0.22, 1, 0.36, 1);
}
#GafActuallyFixes.has-gaf-fixes-motion.is-visible [data-gaf-fixes-reveal],
#GafActuallyFixes.has-gaf-fixes-motion.is-visible [data-gaf-fixes-item] {
  opacity: 1;
  transform: translateY(0);
}
#GafActuallyFixes.has-gaf-fixes-motion.is-visible [data-gaf-fixes-item]:nth-child(1) {
  transition-delay: 100ms;
}
#GafActuallyFixes.has-gaf-fixes-motion.is-visible [data-gaf-fixes-item]:nth-child(2) {
  transition-delay: 160ms;
}
#GafActuallyFixes.has-gaf-fixes-motion.is-visible [data-gaf-fixes-item]:nth-child(3) {
  transition-delay: 220ms;
}
#GafActuallyFixes.has-gaf-fixes-motion.is-visible [data-gaf-fixes-item]:nth-child(4) {
  transition-delay: 280ms;
}
#GafActuallyFixes.has-gaf-fixes-motion.is-visible [data-gaf-fixes-item]:nth-child(5) {
  transition-delay: 340ms;
}
#GafActuallyFixes.has-gaf-fixes-motion.is-visible [data-gaf-fixes-item]:nth-child(6) {
  transition-delay: 400ms;
}
#GafActuallyFixes.has-gaf-fixes-motion.is-visible .GafFixesSummary {
  transition-delay: 470ms;
}

#GafWhyDigiMaa {
  position: relative;
  isolation: isolate;
  padding: 95px 0 50px;
  overflow: hidden;
  background: #f6f8fc;
}
#GafWhyDigiMaa .container {
  position: relative;
  z-index: 3;
  width: calc(100% - 110px);
  max-width: 1540px;
  margin: 0 auto;
}
#GafWhyDigiMaa .GafWhyBackground {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.22) 45%, rgba(247, 249, 253, 0.12) 100%), url("../images/GafWhyBackground.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  pointer-events: none;
}
#GafWhyDigiMaa .GafWhyBackground::before {
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(90deg, transparent 0, transparent 139px, rgba(12, 30, 72, 0.035) 140px);
  content: "";
}
#GafWhyDigiMaa .GafWhyBackground::after {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 50% 20%, rgba(255, 255, 255, 0.84) 0%, rgba(255, 255, 255, 0.48) 33%, rgba(255, 255, 255, 0) 68%);
  content: "";
}
#GafWhyDigiMaa .GafWhyTitle {
  position: relative;
  z-index: 2;
  max-width: 900px;
  margin: 0 auto 48px;
  text-align: center;
}
#GafWhyDigiMaa .GafWhyTitle .SubTitle {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  margin-bottom: 22px;
  color: #2457f4;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}
#GafWhyDigiMaa .GafWhyTitle .SubTitle::after {
  width: 42px;
  height: 1px;
  background: #486bfa;
  content: "";
}
#GafWhyDigiMaa .GafWhyTitle .SectionHeading {
  margin: 0;
  color: #07102f;
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 66px;
  font-weight: 700;
  line-height: 1.03;
  letter-spacing: -3.2px;
}
#GafWhyDigiMaa .GafWhyTitle .SectionHeading span {
  color: #2f5cf4;
}
#GafWhyDigiMaa .GafWhyTitle .SectionDescription {
  max-width: 650px;
  margin: 26px auto 0;
  color: #5c6682;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: -0.2px;
}
#GafWhyDigiMaa .GafWhyCards {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
#GafWhyDigiMaa .GafWhyCard {
  position: relative;
  display: flex;
  min-height: 290px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 34px 25px;
  overflow: hidden;
  border: 1px solid rgba(224, 228, 238, 0.9);
  border-radius: 14px;
  text-align: center;
  background: rgba(255, 255, 255, 0.89);
  box-shadow: 0 2px 5px rgba(8, 20, 52, 0.025), 0 15px 45px rgba(8, 20, 52, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  transition: transform 350ms cubic-bezier(0.22, 1, 0.36, 1), border-color 300ms ease, box-shadow 350ms ease;
}
#GafWhyDigiMaa .GafWhyCard::before {
  position: absolute;
  top: 0;
  right: 40px;
  left: 40px;
  height: 1px;
  opacity: 0;
  background: linear-gradient(90deg, transparent, #4266f6, transparent);
  transition: opacity 300ms ease;
  content: "";
}
#GafWhyDigiMaa .GafWhyCard:hover {
  border-color: rgba(66, 102, 246, 0.2);
  box-shadow: 0 4px 10px rgba(8, 20, 52, 0.04), 0 22px 55px rgba(28, 55, 130, 0.11), inset 0 1px 0 rgb(255, 255, 255);
  transform: translateY(-6px);
}
#GafWhyDigiMaa .GafWhyCard:hover::before {
  opacity: 1;
}
#GafWhyDigiMaa .GafWhyCard:hover .GafWhyIcon {
  color: #ffffff;
  background: linear-gradient(145deg, #315af3, #5576ff);
  box-shadow: 0 12px 25px rgba(47, 92, 244, 0.22);
  transform: translateY(-2px);
}
#GafWhyDigiMaa .GafWhyCard h3 {
  margin: 26px 0 0;
  color: #091231;
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 21px;
  font-weight: 650;
  line-height: 1.3;
  letter-spacing: -0.6px;
}
#GafWhyDigiMaa .GafWhyCard p {
  margin: 22px 0 0;
  color: #59637e;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.7;
}
#GafWhyDigiMaa .GafWhyIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  flex: 0 0 72px;
  border: 1px solid rgba(55, 91, 244, 0.07);
  border-radius: 16px;
  color: #2e5cf4;
  background: linear-gradient(145deg, rgba(240, 243, 255, 0.98), rgba(228, 233, 255, 0.86));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 8px 20px rgba(45, 78, 165, 0.05);
  transition: color 300ms ease, background 300ms ease, box-shadow 300ms ease, transform 300ms ease;
}
#GafWhyDigiMaa .GafWhyIcon svg {
  width: 38px;
  height: 38px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#GafWhyDigiMaa .GafWhyStats {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 32px;
  padding: 24px 20px;
  overflow: hidden;
  border: 1px solid rgba(224, 228, 238, 0.92);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.91);
  box-shadow: 0 2px 5px rgba(8, 20, 52, 0.025), 0 16px 42px rgba(8, 20, 52, 0.06);
  backdrop-filter: blur(10px);
}
#GafWhyDigiMaa .GafWhyStat {
  position: relative;
  display: flex;
  min-height: 65px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
#GafWhyDigiMaa .GafWhyStat:not(:last-child)::after {
  position: absolute;
  top: 5px;
  right: 0;
  bottom: 5px;
  width: 1px;
  background: linear-gradient(180deg, transparent, #cbd2e3 22%, #cbd2e3 78%, transparent);
  content: "";
}
#GafWhyDigiMaa .GafWhyStat strong {
  color: #2457f4;
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -1px;
}
#GafWhyDigiMaa .GafWhyStat span {
  margin-top: 10px;
  color: #53607c;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
#GafWhyDigiMaa.has-gaf-why-motion [data-gaf-why-reveal],
#GafWhyDigiMaa.has-gaf-why-motion [data-gaf-why-card] {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 700ms ease, transform 800ms cubic-bezier(0.22, 1, 0.36, 1);
}
#GafWhyDigiMaa.has-gaf-why-motion.is-visible [data-gaf-why-reveal],
#GafWhyDigiMaa.has-gaf-why-motion.is-visible [data-gaf-why-card] {
  opacity: 1;
  transform: translateY(0);
}
#GafWhyDigiMaa.has-gaf-why-motion.is-visible [data-gaf-why-card]:nth-child(1) {
  transition-delay: 100ms;
}
#GafWhyDigiMaa.has-gaf-why-motion.is-visible [data-gaf-why-card]:nth-child(2) {
  transition-delay: 170ms;
}
#GafWhyDigiMaa.has-gaf-why-motion.is-visible [data-gaf-why-card]:nth-child(3) {
  transition-delay: 240ms;
}
#GafWhyDigiMaa.has-gaf-why-motion.is-visible [data-gaf-why-card]:nth-child(4) {
  transition-delay: 310ms;
}
#GafWhyDigiMaa.has-gaf-why-motion.is-visible .GafWhyStats {
  transition-delay: 390ms;
}

#GafFreeGrowthAudit {
  position: relative;
  display: flex;
  min-height: 760px;
  align-items: center;
  padding: 80px 0;
  overflow: hidden;
  isolation: isolate;
  background: #f6f8fc;
}
#GafFreeGrowthAudit .container {
  position: relative;
  z-index: 3;
  width: calc(100% - 120px);
  max-width: 1780px;
  margin: 0 auto;
}
#GafFreeGrowthAudit .GafAuditBackground {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: #f7f9fd;
  background-image: url("../images/GafFreeGrowthAuditBackground.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
  pointer-events: none;
  transform: none;
}
#GafFreeGrowthAudit .GafAuditBackground::before {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #f7f9fd 0%, rgba(247, 249, 253, 0.96) 28%, rgba(247, 249, 253, 0.68) 48%, rgba(247, 249, 253, 0.12) 68%, transparent 82%);
  content: "";
}
#GafFreeGrowthAudit .GafAuditBackground::after {
  display: none;
}
#GafFreeGrowthAudit .GafAuditLayout {
  display: grid;
  grid-template-columns: minmax(0, 650px) 475px minmax(260px, 1fr);
  gap: 60px;
  align-items: center;
}
#GafFreeGrowthAudit .GafAuditContent {
  grid-column: 1;
  max-width: 650px;
}
#GafFreeGrowthAudit .GafAuditTitle .SubTitle {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 27px;
  color: #1230a2;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2.5px;
  text-transform: uppercase;
}
#GafFreeGrowthAudit .GafAuditTitle .SubTitle::before {
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  border-radius: 50%;
  background: #4167ff;
  box-shadow: 0 0 16px rgba(65, 103, 255, 0.32);
  content: "";
}
#GafFreeGrowthAudit .GafAuditTitle .SubTitle::after {
  display: none;
}
#GafFreeGrowthAudit .GafAuditTitle .SectionHeading {
  max-width: 650px;
  margin: 0;
  color: #07102f;
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 62px;
  font-weight: 650;
  line-height: 1;
  letter-spacing: -3px;
}
#GafFreeGrowthAudit .GafAuditTitle .SectionHeading span {
  color: #3962f4;
}
#GafFreeGrowthAudit .GafAuditTitle .SectionDescription {
  max-width: 620px;
  margin: 28px 0 0;
  color: #596680;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: -0.2px;
}
#GafFreeGrowthAudit .GafAuditWhatsAppFlow {
  margin-top: 27px;
  padding: 18px 0;
  border-top: 1px solid rgba(126, 140, 177, 0.24);
  border-bottom: 1px solid rgba(126, 140, 177, 0.24);
}
#GafFreeGrowthAudit .GafAuditFlowLabel {
  display: block;
  margin-bottom: 13px;
  color: #111d43;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
#GafFreeGrowthAudit .GafAuditFlowSteps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
#GafFreeGrowthAudit .GafAuditFlowSteps > span {
  display: flex;
  min-height: 27px;
  align-items: center;
  gap: 7px;
  padding: 0 13px;
  border-right: 1px solid rgba(134, 147, 180, 0.25);
  color: #4d5b78;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
}
#GafFreeGrowthAudit .GafAuditFlowSteps > span:first-child {
  padding-left: 0;
}
#GafFreeGrowthAudit .GafAuditFlowSteps > span:last-child {
  padding-right: 0;
  border-right: 0;
}
#GafFreeGrowthAudit .GafAuditFlowSteps > span small {
  color: #3e63f5;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.4px;
}
#GafFreeGrowthAudit .GafAuditButton {
  display: grid;
  width: 515px;
  max-width: 100%;
  min-height: 82px;
  grid-template-columns: 42px minmax(0, 1fr) 30px;
  gap: 17px;
  align-items: center;
  margin-top: 28px;
  padding: 15px 24px 15px 30px;
  border: 1px solid rgba(52, 87, 245, 0.32);
  border-radius: 13px;
  color: #ffffff;
  text-decoration: none;
  background: linear-gradient(110deg, #050e3b 0%, #081a65 58%, #082178 100%);
  box-shadow: 0 13px 28px rgba(20, 53, 158, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.13);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  transition: transform 300ms ease, box-shadow 300ms ease, background 300ms ease;
}
#GafFreeGrowthAudit .GafAuditButton:hover {
  color: #ffffff;
  background: linear-gradient(110deg, #07134d 0%, #0c2585 58%, #1640bf 100%);
  box-shadow: 0 18px 35px rgba(20, 53, 158, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.16);
  transform: translateY(-3px);
}
#GafFreeGrowthAudit .GafAuditButton:hover .GafAuditButtonArrow {
  transform: translateX(4px);
}
#GafFreeGrowthAudit .GafAuditButton:focus-visible {
  outline: 3px solid rgba(64, 100, 255, 0.35);
  outline-offset: 4px;
}
#GafFreeGrowthAudit .GafAuditWhatsAppIcon {
  display: flex;
  align-items: center;
  justify-content: center;
}
#GafFreeGrowthAudit .GafAuditWhatsAppIcon svg {
  width: 35px;
  height: 35px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#GafFreeGrowthAudit .GafAuditButtonArrow {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 300ms ease;
}
#GafFreeGrowthAudit .GafAuditButtonArrow svg {
  width: 27px;
  height: 27px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#GafFreeGrowthAudit .GafAuditTrust {
  display: flex;
  align-items: center;
  gap: 0;
  margin-top: 27px;
}
#GafFreeGrowthAudit .GafAuditTrust > span {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 0 25px;
  color: #53617e;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
}
#GafFreeGrowthAudit .GafAuditTrust > span:first-child {
  padding-left: 0;
}
#GafFreeGrowthAudit .GafAuditTrust > span:last-child {
  padding-right: 0;
}
#GafFreeGrowthAudit .GafAuditTrust > span:not(:last-child)::after {
  position: absolute;
  top: 1px;
  right: 0;
  width: 1px;
  height: 18px;
  background: linear-gradient(180deg, transparent, #aeb8d1, transparent);
  content: "";
}
#GafFreeGrowthAudit .GafAuditTrust > span svg {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  fill: rgba(255, 255, 255, 0.68);
  stroke: #4167f6;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#GafFreeGrowthAudit .GafAuditDeliverables {
  grid-column: 2;
  padding: 28px 32px;
  overflow: hidden;
  border: 1px solid rgba(184, 196, 225, 0.58);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 22px 55px rgba(32, 55, 110, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(17px);
}
#GafFreeGrowthAudit .GafAuditDeliverablesLabel {
  display: block;
  margin-bottom: 10px;
  color: #172348;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2.6px;
  text-transform: uppercase;
}
#GafFreeGrowthAudit .GafAuditDeliverableItem {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  min-height: 105px;
  padding: 15px 0;
  border-bottom: 1px solid rgba(175, 187, 216, 0.42);
}
#GafFreeGrowthAudit .GafAuditDeliverableItem:last-child {
  border-bottom: 0;
}
#GafFreeGrowthAudit .GafAuditDeliverableItem h3 {
  margin: 0;
  color: #08112f;
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 17px;
  font-weight: 650;
  line-height: 1.3;
  letter-spacing: -0.35px;
}
#GafFreeGrowthAudit .GafAuditDeliverableItem p {
  margin: 7px 0 0;
  color: #596681;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}
#GafFreeGrowthAudit .GafAuditDeliverableIcon {
  display: flex;
  width: 68px;
  height: 68px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(58, 94, 244, 0.06);
  border-radius: 15px;
  color: #3963f5;
  background: linear-gradient(145deg, rgba(244, 246, 255, 0.98), rgba(230, 235, 255, 0.88));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
}
#GafFreeGrowthAudit .GafAuditDeliverableIcon svg {
  width: 39px;
  height: 39px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#GafFreeGrowthAudit.has-gaf-audit-motion [data-gaf-audit-reveal] {
  opacity: 0;
  transform: translateY(25px);
  transition: opacity 700ms ease, transform 800ms cubic-bezier(0.22, 1, 0.36, 1);
}
#GafFreeGrowthAudit.has-gaf-audit-motion.is-visible [data-gaf-audit-reveal] {
  opacity: 1;
  transform: translateY(0);
}
#GafFreeGrowthAudit.has-gaf-audit-motion.is-visible .GafAuditDeliverables {
  transition-delay: 140ms;
}

#GafFaq {
  position: relative;
  padding: 72px 0 48px;
  overflow: hidden;
  background: #ffffff;
}
#GafFaq::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(47, 94, 244, 0.16) 48%, transparent 100%);
  content: "";
}
#GafFaq .container {
  position: relative;
  z-index: 2;
  width: calc(100% - 120px);
  max-width: 1720px;
  margin: 0 auto;
}
#GafFaq .GafFaqMain {
  display: grid;
  grid-template-columns: minmax(430px, 0.78fr) minmax(0, 1.22fr);
  gap: 74px;
  align-items: stretch;
}
#GafFaq .GafFaqIntro {
  position: relative;
  min-width: 0;
  min-height: 640px;
}
#GafFaq .GafFaqTitle {
  position: relative;
  z-index: 4;
  max-width: 500px;
  padding: 12px 0 0 36px;
}
#GafFaq .GafFaqTitle .SubTitle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 30px;
  color: #2f5ef4;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 13px;
  font-weight: 750;
  line-height: 1;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}
#GafFaq .GafFaqTitle .SubTitle::before {
  width: 22px;
  height: 1px;
  display: block;
  background: #2f5ef4;
  content: "";
}
#GafFaq .GafFaqTitle .SubTitle::after {
  display: none;
}
#GafFaq .GafFaqTitle .SectionHeading {
  margin: 0;
  color: #07102f;
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 64px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -3.6px;
}
#GafFaq .GafFaqTitle .SectionHeading span {
  color: #2f5ef4;
}
#GafFaq .GafFaqTitle .SectionDescription {
  max-width: 390px;
  margin: 26px 0 0;
  color: #65708b;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: -0.1px;
}
#GafFaq .GafFaqTitleLine {
  width: 54px;
  height: 2px;
  display: block;
  margin-top: 27px;
  background: linear-gradient(90deg, #2f5ef4 0%, rgba(47, 94, 244, 0.18) 100%);
}
#GafFaq .GafFaqImage {
  position: absolute;
  right: -36px;
  bottom: 0;
  left: -100px;
  z-index: 1;
  height: 380px;
  margin: 0;
  overflow: hidden;
  background: #ffffff;
  pointer-events: none;
}
#GafFaq .GafFaqImage::before {
  position: absolute;
  inset: 0;
  z-index: 3;
  background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.9) 9%, rgba(255, 255, 255, 0.36) 23%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 83%, rgba(255, 255, 255, 0.24) 92%, #ffffff 100%);
  pointer-events: none;
  content: "";
}
#GafFaq .GafFaqImage::after {
  position: absolute;
  inset: 0;
  z-index: 3;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0.38) 84%, rgba(255, 255, 255, 0.88) 95%, #ffffff 100%);
  pointer-events: none;
  content: "";
}
#GafFaq .GafFaqImage img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 68%;
     object-position: center 68%;
  filter: saturate(0.64) contrast(0.97) brightness(1.06);
}
#GafFaq .GafFaqList {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 14px;
}
#GafFaq .GafFaqItem {
  position: relative;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e2e6f0;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 30px rgba(13, 31, 77, 0.035), inset 0 1px 0 rgba(255, 255, 255, 0.95);
  transition: border-color 300ms ease, box-shadow 300ms ease, transform 300ms ease;
}
#GafFaq .GafFaqItem::before {
  position: absolute;
  top: 28px;
  bottom: 28px;
  left: 0;
  width: 3px;
  border-radius: 0 4px 4px 0;
  background: #2f5ef4;
  opacity: 0;
  transform: scaleY(0.35);
  transition: opacity 300ms ease, transform 380ms cubic-bezier(0.22, 1, 0.36, 1);
  content: "";
}
#GafFaq .GafFaqItem:hover {
  border-color: rgba(47, 94, 244, 0.26);
  box-shadow: 0 13px 38px rgba(13, 31, 77, 0.055), inset 0 1px 0 #ffffff;
  transform: translateY(-1px);
}
#GafFaq .GafFaqItem.is-active {
  border-color: transparent;
  background: linear-gradient(135deg, rgba(247, 249, 255, 0.98) 0%, #ffffff 62%) padding-box, linear-gradient(115deg, rgba(47, 94, 244, 0.82) 0%, rgba(47, 94, 244, 0.17) 62%, rgba(47, 94, 244, 0.05) 100%) border-box;
  box-shadow: 0 20px 55px rgba(25, 53, 123, 0.105), 0 3px 12px rgba(25, 53, 123, 0.045), inset 0 1px 0 #ffffff;
}
#GafFaq .GafFaqItem.is-active::before {
  opacity: 1;
  transform: scaleY(1);
}
#GafFaq .GafFaqItem.is-active .GafFaqQuestionButton {
  padding-bottom: 13px;
  color: #214fe3;
}
#GafFaq .GafFaqItem.is-active .GafFaqAnswer {
  grid-template-rows: 1fr;
  opacity: 1;
  visibility: visible;
  transition: grid-template-rows 420ms cubic-bezier(0.22, 1, 0.36, 1), opacity 280ms ease 80ms, visibility 0s linear 0s;
}
#GafFaq .GafFaqItem.is-active .GafFaqToggleIcon {
  border-color: #2f5ef4;
  color: #ffffff;
  background: #2f5ef4;
  box-shadow: 0 8px 20px rgba(47, 94, 244, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.28);
}
#GafFaq .GafFaqItem.is-active .GafFaqToggleIcon::before, #GafFaq .GafFaqItem.is-active .GafFaqToggleIcon::after {
  background: currentColor;
}
#GafFaq .GafFaqItem.is-active .GafFaqToggleIcon::after {
  transform: translate(-50%, -50%) scaleY(0);
}
#GafFaq .GafFaqQuestion {
  margin: 0;
}
#GafFaq .GafFaqQuestionButton {
  width: 100%;
  min-height: 88px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 38px;
  gap: 26px;
  align-items: center;
  padding: 25px 34px;
  border: 0;
  border-radius: 0;
  color: #07102f;
  text-align: left;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 19px;
  font-weight: 650;
  line-height: 1.35;
  letter-spacing: -0.4px;
  transition: color 300ms ease, padding 350ms cubic-bezier(0.22, 1, 0.36, 1);
}
#GafFaq .GafFaqQuestionButton:focus-visible {
  outline: 3px solid rgba(47, 94, 244, 0.28);
  outline-offset: -6px;
}
#GafFaq .GafFaqToggleIcon {
  position: relative;
  width: 38px;
  height: 38px;
  display: block;
  border: 1px solid rgba(37, 72, 170, 0.16);
  border-radius: 50%;
  color: #2f5ef4;
  background: #f6f8fd;
  box-shadow: inset 0 1px 0 #ffffff;
  transition: border-color 300ms ease, color 300ms ease, background 300ms ease, box-shadow 300ms ease, transform 300ms ease;
}
#GafFaq .GafFaqToggleIcon::before, #GafFaq .GafFaqToggleIcon::after {
  position: absolute;
  top: 50%;
  left: 50%;
  background: currentColor;
  content: "";
  transition: background 300ms ease, transform 350ms cubic-bezier(0.22, 1, 0.36, 1);
}
#GafFaq .GafFaqToggleIcon::before {
  width: 12px;
  height: 1.5px;
  transform: translate(-50%, -50%);
}
#GafFaq .GafFaqToggleIcon::after {
  width: 1.5px;
  height: 12px;
  transform: translate(-50%, -50%) scaleY(1);
}
#GafFaq .GafFaqAnswer {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  visibility: hidden;
  transition: grid-template-rows 380ms cubic-bezier(0.22, 1, 0.36, 1), opacity 220ms ease, visibility 0s linear 380ms;
}
#GafFaq .GafFaqAnswerInner {
  min-height: 0;
  overflow: hidden;
}
#GafFaq .GafFaqAnswerInner p {
  max-width: 720px;
  margin: 0;
  padding: 0 94px 29px 34px;
  color: #66718b;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: -0.05px;
}
#GafFaq .GafFaqCta {
  position: relative;
  display: grid;
  min-height: 118px;
  grid-template-columns: minmax(0, 1.28fr) minmax(210px, 0.62fr) minmax(370px, 0.92fr);
  align-items: center;
  margin-top: 26px;
  overflow: hidden;
  border: 1px solid rgba(193, 201, 219, 0.72);
  border-radius: 16px;
  background: radial-gradient(circle at 82% 20%, rgba(47, 94, 244, 0.08) 0, rgba(47, 94, 244, 0) 280px), rgba(255, 255, 255, 0.92);
  box-shadow: 0 18px 55px rgba(18, 38, 89, 0.065), inset 0 1px 0 #ffffff;
  backdrop-filter: blur(14px);
}
#GafFaq .GafFaqCtaContent {
  padding: 20px 48px;
}
#GafFaq .GafFaqCtaContent h3 {
  margin: 0;
  color: #07102f;
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.5px;
}
#GafFaq .GafFaqCtaContent p {
  margin: 8px 0 0;
  color: #66718b;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.45;
}
#GafFaq .GafFaqCtaNote {
  position: relative;
  display: flex;
  min-height: 70px;
  align-items: center;
  gap: 14px;
  padding: 10px 42px;
}
#GafFaq .GafFaqCtaNote::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  background: linear-gradient(180deg, transparent 0%, #d8deea 20%, #d8deea 80%, transparent 100%);
  content: "";
}
#GafFaq .GafFaqCtaNote > span {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: #2f5ef4;
  box-shadow: 0 0 0 5px rgba(47, 94, 244, 0.09);
}
#GafFaq .GafFaqCtaNote p {
  margin: 0;
  color: #66718b;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}
#GafFaq .GafFaqCtaButtonWrap {
  position: relative;
  display: flex;
  min-height: 70px;
  align-items: center;
  padding: 12px 30px;
}
#GafFaq .GafFaqCtaButtonWrap::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  background: linear-gradient(180deg, transparent 0%, #d8deea 20%, #d8deea 80%, transparent 100%);
  content: "";
}
#GafFaq .GafFaqCtaButton {
  width: 100%;
  min-height: 66px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 38px;
  gap: 18px;
  align-items: center;
  justify-content: center;
  padding: 13px 14px 13px 25px;
  border: 1px solid rgba(80, 113, 207, 0.36);
  border-radius: 10px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background: linear-gradient(112deg, #061340 0%, #0a246b 100%);
  box-shadow: 0 14px 30px rgba(6, 27, 89, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.16);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 14px;
  font-weight: 750;
  line-height: 1.3;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  transition: background 300ms ease, box-shadow 300ms ease, transform 300ms ease;
}
#GafFaq .GafFaqCtaButton:hover {
  color: #ffffff;
  background: linear-gradient(112deg, #0a1e62 0%, #1849c9 100%);
  box-shadow: 0 18px 38px rgba(8, 42, 138, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transform: translateY(-2px);
}
#GafFaq .GafFaqCtaButton:hover .GafFaqCtaIcon {
  color: #07102f;
  background: #ffffff;
  transform: rotate(45deg);
}
#GafFaq .GafFaqCtaButton:focus-visible {
  outline: 3px solid rgba(47, 94, 244, 0.28);
  outline-offset: 4px;
}
#GafFaq .GafFaqCtaIcon {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.09);
  transition: color 300ms ease, background 300ms ease, transform 300ms ease;
}
#GafFaq .GafFaqCtaIcon svg {
  width: 18px;
  height: 18px;
}

#GafFinalCta {
  position: relative;
  padding: 36px 0;
  overflow: hidden;
  background: #f7f9fc;
}
#GafFinalCta .container {
  position: relative;
  z-index: 2;
  width: calc(100% - 64px);
  max-width: 1840px;
  margin: 0 auto;
}
#GafFinalCta .GafFinalFrame {
  overflow: hidden;
  border: 1px solid rgba(186, 197, 220, 0.58);
  border-radius: 19px;
  background: #ffffff;
  box-shadow: 0 20px 65px rgba(21, 42, 91, 0.1), 0 4px 18px rgba(21, 42, 91, 0.045), inset 0 1px 0 #ffffff;
}
#GafFinalCta .GafFinalMain {
  position: relative;
  min-height: 840px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 140px 40px 56px;
  overflow: hidden;
  background-color: #ffffff;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 72%, rgba(255, 255, 255, 0.22) 100%), url("../images/GafFinalCtaBackground.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  isolation: isolate;
}
#GafFinalCta .GafFinalMain::before {
  position: absolute;
  top: 40px;
  left: 50%;
  z-index: -1;
  width: 980px;
  height: 590px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.66);
  filter: blur(75px);
  transform: translateX(-50%);
  content: "";
  pointer-events: none;
}
#GafFinalCta .GafFinalMain::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  height: 110px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.96) 100%);
  content: "";
  pointer-events: none;
}
#GafFinalCta .GafFinalContent {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1020px;
  text-align: center;
}
#GafFinalCta .GafFinalContent .SubTitle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
  margin: 0 0 48px;
  color: #1261ed;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 17px;
  font-weight: 750;
  line-height: 1;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}
#GafFinalCta .GafFinalContent .SubTitle::before, #GafFinalCta .GafFinalContent .SubTitle::after {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: #1261ed;
  box-shadow: 0 0 0 5px rgba(18, 97, 237, 0.06);
  content: "";
}
#GafFinalCta .GafFinalContent .SectionHeading {
  margin: 0;
  color: #061238;
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 78px;
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -4.2px;
}
#GafFinalCta .GafFinalContent .SectionDescription {
  max-width: 700px;
  margin: 42px auto 0;
  color: #5e6e91;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 22px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.3px;
}
#GafFinalCta .GafFinalButton {
  width: 580px;
  min-height: 90px;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) 42px;
  gap: 18px;
  align-items: center;
  margin: 50px auto 0;
  padding: 14px 30px;
  border: 1px solid rgba(48, 77, 151, 0.35);
  border-radius: 11px;
  color: #ffffff;
  text-decoration: none;
  background: radial-gradient(circle at 85% 0%, rgba(47, 94, 244, 0.25) 0%, rgba(47, 94, 244, 0) 43%), linear-gradient(110deg, #020d31 0%, #06163f 55%, #071a51 100%);
  box-shadow: 0 18px 35px rgba(6, 20, 62, 0.2), 0 4px 10px rgba(6, 20, 62, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.17);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 18px;
  font-weight: 750;
  line-height: 1.3;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  transition: transform 300ms ease, box-shadow 300ms ease, background 300ms ease;
}
#GafFinalCta .GafFinalButton:hover {
  color: #ffffff;
  background: radial-gradient(circle at 85% 0%, rgba(66, 123, 255, 0.42) 0%, rgba(66, 123, 255, 0) 46%), linear-gradient(110deg, #061441 0%, #092873 100%);
  box-shadow: 0 22px 44px rgba(6, 29, 92, 0.27), 0 5px 12px rgba(6, 20, 62, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transform: translateY(-3px);
}
#GafFinalCta .GafFinalButton:hover .GafFinalButtonArrow {
  transform: translateX(5px);
}
#GafFinalCta .GafFinalButton:focus-visible {
  outline: 3px solid rgba(18, 97, 237, 0.28);
  outline-offset: 5px;
}
#GafFinalCta .GafFinalButtonWhatsApp {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
#GafFinalCta .GafFinalButtonWhatsApp svg {
  width: 43px;
  height: 43px;
}
#GafFinalCta .GafFinalButtonText {
  display: block;
  text-align: center;
}
#GafFinalCta .GafFinalButtonArrow {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  transition: transform 300ms ease;
}
#GafFinalCta .GafFinalButtonArrow svg {
  width: 32px;
  height: 23px;
}
#GafFinalCta .GafFinalBenefits {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 43px 0 0;
  padding: 0;
  list-style: none;
}
#GafFinalCta .GafFinalBenefits li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 36px;
  color: #58698e;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
}
#GafFinalCta .GafFinalBenefits li + li::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 48px;
  background: linear-gradient(180deg, transparent 0%, #d6deed 18%, #d6deed 82%, transparent 100%);
  transform: translateY(-50%);
  content: "";
}
#GafFinalCta .GafFinalBenefits li > span {
  width: 27px;
  height: 27px;
  display: flex;
  flex: 0 0 27px;
  align-items: center;
  justify-content: center;
  color: #1261ed;
}
#GafFinalCta .GafFinalBenefits li > span svg {
  width: 27px;
  height: 27px;
}
#GafFinalCta .GafMinimalFooter {
  min-height: 152px;
  display: grid;
  grid-template-columns: minmax(260px, 0.9fr) minmax(440px, 1.65fr) minmax(350px, 1.2fr);
  align-items: center;
  padding: 30px 50px;
  border-top: 1px solid #dfe5ef;
  background: rgba(255, 255, 255, 0.97);
}
#GafFinalCta .GafFooterBrand {
  display: inline-flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  text-decoration: none;
}
#GafFinalCta .GafFooterBrand img {
  width: 245px;
  height: auto;
  display: block;
  filter: grayscale(1) brightness(0.15);
}
#GafFinalCta .GafFooterBrand:focus-visible {
  outline: 3px solid rgba(18, 97, 237, 0.25);
  outline-offset: 6px;
}
#GafFinalCta .GafFooterCopyright,
#GafFinalCta .GafFooterStatement {
  position: relative;
  margin: 0;
  padding-left: 62px;
  color: #5f7094;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
}
#GafFinalCta .GafFooterCopyright::before,
#GafFinalCta .GafFooterStatement::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 62px;
  background: linear-gradient(180deg, transparent 0%, #cbd5e5 16%, #cbd5e5 84%, transparent 100%);
  transform: translateY(-50%);
  content: "";
}
#GafFinalCta .GafFooterStatement span {
  color: #1261ed;
  font-weight: 700;
}

#GafBrandProof {
  position: relative;
  padding: 110px 0;
  overflow: hidden;
  background: #f7f9fc;
  isolation: isolate;
}
#GafBrandProof .GafBrandProofGrid {
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.72;
  background-image: linear-gradient(rgba(205, 214, 230, 0.52) 1px, transparent 1px), linear-gradient(90deg, rgba(205, 214, 230, 0.52) 1px, transparent 1px);
  background-position: center center;
  background-size: 180px 180px;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000000 12%, #000000 88%, transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0%, #000000 12%, #000000 88%, transparent 100%);
  pointer-events: none;
}
#GafBrandProof .container {
  width: calc(100% - 96px);
  max-width: 1840px;
  margin: 0 auto;
}
#GafBrandProof .GafVisuallyHidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
#GafBrandProof .GafBrandProofShell {
  position: relative;
  padding: 64px 70px 30px;
  overflow: hidden;
  border: 1px solid rgba(199, 208, 224, 0.72);
  border-radius: 24px;
  outline: none;
  background: radial-gradient(circle at 78% 16%, rgba(43, 94, 244, 0.035) 0%, rgba(43, 94, 244, 0) 31%), rgba(255, 255, 255, 0.97);
  box-shadow: 0 32px 80px rgba(20, 42, 91, 0.1), 0 6px 22px rgba(20, 42, 91, 0.055), inset 0 1px 0 #ffffff;
}
#GafBrandProof .GafBrandProofShell:focus-visible {
  box-shadow: 0 0 0 4px rgba(47, 94, 244, 0.16), 0 32px 80px rgba(20, 42, 91, 0.1), 0 6px 22px rgba(20, 42, 91, 0.055);
}
#GafBrandProof .GafBrandProofViewport {
  width: 100%;
  overflow: hidden;
}
#GafBrandProof .GafBrandProofTrack {
  display: flex;
  align-items: stretch;
  touch-action: pan-y;
  will-change: transform;
  transition: transform 720ms cubic-bezier(0.22, 1, 0.36, 1);
}
#GafBrandProof .GafBrandProofSlide {
  min-width: 100%;
  display: grid;
  grid-template-columns: minmax(520px, 0.92fr) minmax(0, 1.08fr);
  gap: 74px;
  align-items: center;
  opacity: 0.42;
  transition: opacity 450ms ease;
}
#GafBrandProof .GafBrandProofSlide.is-active {
  opacity: 1;
}
#GafBrandProof .GafBrandProofMedia {
  position: relative;
  height: 630px;
  margin: 0;
  overflow: hidden;
  border-radius: 17px;
  background: #ebedf1;
}
#GafBrandProof .GafBrandProofMedia::after {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: inherit;
  box-shadow: inset 0 0 70px rgba(5, 14, 42, 0.06);
  content: "";
  pointer-events: none;
}
#GafBrandProof .GafBrandProofMedia img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
#GafBrandProof .GafBrandProofContent {
  width: 100%;
  max-width: 790px;
  margin: 0 auto;
  text-align: center;
}
#GafBrandProof .GafBrandProofContent .SubTitle {
  display: block;
  margin: 0 0 30px;
  color: #155df5;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 14px;
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
#GafBrandProof .GafBrandProofContent h3 {
  max-width: 760px;
  margin: 0 auto;
  color: #061238;
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 52px;
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -2.6px;
}
#GafBrandProof .GafBrandProofContent h3 span {
  color: #155df5;
}
#GafBrandProof .GafBrandProofLogo {
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
#GafBrandProof .GafBrandProofLogo img {
  width: auto;
  max-width: 330px;
  height: auto;
  max-height: 88px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
#GafBrandProof .GafBrandProofAccent {
  width: 44px;
  height: 3px;
  display: block;
  margin: 24px auto 36px;
  border-radius: 5px;
  background: #155df5;
  box-shadow: 0 0 0 5px rgba(21, 93, 245, 0.045);
}
#GafBrandProof .GafBrandProofStats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin: 48px 0 0;
  padding: 0;
  list-style: none;
}
#GafBrandProof .GafBrandProofStats li {
  min-height: 156px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 22px 16px;
  border: 1px solid rgba(204, 213, 229, 0.88);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(249, 251, 255, 0.94) 100%);
  box-shadow: 0 9px 24px rgba(22, 45, 93, 0.035), inset 0 1px 0 #ffffff;
}
#GafBrandProof .GafBrandProofStats strong {
  display: block;
  color: #155df5;
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 42px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -1.8px;
}
#GafBrandProof .GafBrandProofStats span {
  display: block;
  margin-top: 14px;
  color: #1d2d52;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
}
#GafBrandProof .GafBrandProofFooter {
  margin-top: 28px;
  border-top: 1px solid #dfe5ef;
}
#GafBrandProof .GafBrandProofTrust {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 0;
  padding: 38px 0 22px;
  color: #1d2d52;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
  list-style: none;
}
#GafBrandProof .GafBrandProofTrust li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 0 34px;
}
#GafBrandProof .GafBrandProofTrust li + li::before {
  position: absolute;
  top: 50%;
  left: -2px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #0d1c3f;
  transform: translateY(-50%);
  content: "";
}
#GafBrandProof .GafBrandProofTrust .GafBrandProofTrustLead svg {
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
}
#GafBrandProof .GafBrandProofControls {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr) 62px;
  gap: 24px;
  align-items: center;
  padding-top: 8px;
}
#GafBrandProof .GafBrandProofArrow {
  width: 62px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid #dfe5ef;
  border-radius: 50%;
  color: #061238;
  cursor: pointer;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(18, 37, 78, 0.07);
  transition: color 260ms ease, border-color 260ms ease, background 260ms ease, box-shadow 260ms ease, transform 260ms ease;
}
#GafBrandProof .GafBrandProofArrow svg {
  width: 28px;
  height: 20px;
}
#GafBrandProof .GafBrandProofArrow:hover {
  border-color: #155df5;
  color: #ffffff;
  background: #155df5;
  box-shadow: 0 14px 30px rgba(21, 93, 245, 0.2);
  transform: translateY(-2px);
}
#GafBrandProof .GafBrandProofArrow:focus-visible {
  outline: 3px solid rgba(21, 93, 245, 0.22);
  outline-offset: 4px;
}
#GafBrandProof .GafBrandProofNext {
  justify-self: end;
}
#GafBrandProof .GafBrandProofPagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 17px;
}
#GafBrandProof .GafBrandProofPagination button {
  width: 12px;
  height: 12px;
  display: block;
  padding: 0;
  border: 0;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  background: #dbe1ec;
  box-shadow: none;
  transition: width 260ms ease, border-radius 260ms ease, background 260ms ease, box-shadow 260ms ease;
}
#GafBrandProof .GafBrandProofPagination button.is-active {
  width: 30px;
  border-radius: 10px;
  background: #155df5;
  box-shadow: 0 0 0 5px rgba(21, 93, 245, 0.07);
}
#GafBrandProof .GafBrandProofPagination button:focus-visible {
  box-shadow: 0 0 0 4px rgba(21, 93, 245, 0.18);
}

@media (prefers-reduced-motion: reduce) {
  #GafBrandProof .GafBrandProofTrack,
  #GafBrandProof .GafBrandProofSlide,
  #GafBrandProof .GafBrandProofArrow,
  #GafBrandProof .GafBrandProofPagination button {
    transition-duration: 0.01ms;
  }
}
#GafFitCheck {
  position: relative;
  padding: 0 0 50px;
  overflow: hidden;
  background: #f7f9fc;
  --GafFitNavy: #06133f;
  --GafFitBlue: #2f62f4;
  --GafFitText: #263352;
  --GafFitMuted: #66728d;
  --GafFitBorder: #dde3ee;
  --GafFitPositive: #178942;
  --GafFitPositiveSoft: #effaf2;
  --GafFitNegative: #d93245;
  --GafFitNegativeSoft: #fff1f3;
}
#GafFitCheck .container {
  position: relative;
  z-index: 2;
  width: calc(100% - 64px);
  max-width: 1840px;
  margin: 0 auto;
}
#GafFitCheck .GafFitFrame {
  position: relative;
  padding: 92px 76px 74px;
  overflow: hidden;
  border: 1px solid rgba(191, 201, 220, 0.55);
  border-radius: 18px;
  background-color: #ffffff;
  background-image: radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.72) 42%, rgba(255, 255, 255, 0.28) 100%), linear-gradient(rgba(37, 74, 145, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(37, 74, 145, 0.035) 1px, transparent 1px);
  background-position: center, center, center;
  background-size: auto, 72px 72px, 72px 72px;
  box-shadow: 0 22px 70px rgba(20, 41, 88, 0.08), 0 5px 18px rgba(20, 41, 88, 0.035), inset 0 1px 0 #ffffff;
}
#GafFitCheck .GafFitFrame::before {
  position: absolute;
  top: -170px;
  left: 50%;
  width: 940px;
  height: 500px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  filter: blur(70px);
  transform: translateX(-50%);
  content: "";
  pointer-events: none;
}
#GafFitCheck .GafFitFrame::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 150px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 100%);
  content: "";
  pointer-events: none;
}
#GafFitCheck .GafFitTitle {
  position: relative;
  z-index: 2;
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
}
#GafFitCheck .GafFitTitle .SubTitle {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  margin: 0 0 34px;
  color: var(--GafFitBlue);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 13px;
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}
#GafFitCheck .GafFitTitle .SubTitle::before {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: var(--GafFitBlue);
  box-shadow: 0 0 0 5px rgba(47, 98, 244, 0.07);
  content: "";
}
#GafFitCheck .GafFitTitle .SectionHeading {
  margin: 0;
  color: var(--GafFitNavy);
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 61px;
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -3.1px;
}
#GafFitCheck .GafFitTitle .SectionHeading span {
  color: var(--GafFitBlue);
}
#GafFitCheck .GafFitTitle .SectionDescription {
  max-width: 650px;
  margin: 25px auto 0;
  color: var(--GafFitMuted);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: -0.15px;
}
#GafFitCheck .GafFitComparison {
  position: relative;
  z-index: 2;
  max-width: 1490px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 96px;
  margin: 72px auto 0;
}
#GafFitCheck .GafFitComparison::after {
  position: absolute;
  top: 8px;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: linear-gradient(180deg, transparent 0%, #ccd5e5 10%, #ccd5e5 90%, transparent 100%);
  transform: translateX(-50%);
  content: "";
  pointer-events: none;
}
#GafFitCheck .GafFitColumn {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
#GafFitCheck .GafFitColumnHeader {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
}
#GafFitCheck .GafFitColumnHeader h3 {
  position: relative;
  margin: 0;
  padding: 8px 24px;
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.6px;
  background: #ffffff;
  z-index: -1;
}
#GafFitCheck .GafFitMainIcon {
  width: 78px;
  height: 78px;
  display: flex;
  flex: 0 0 78px;
  align-items: center;
  justify-content: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 9px 24px rgba(23, 41, 80, 0.08), 0 0 0 10px rgba(255, 255, 255, 0.7);
}
#GafFitCheck .GafFitMainIcon svg {
  width: 37px;
  height: 37px;
}
#GafFitCheck .GafFitList {
  min-height: 510px;
  display: flex;
  flex: 1;
  flex-direction: column;
  margin: -39px 0 0;
  padding: 65px 38px 20px;
  border: 1px solid var(--GafFitBorder);
  border-radius: 12px;
  list-style: none;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 14px 38px rgba(28, 47, 91, 0.035), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
#GafFitCheck .GafFitList li {
  min-height: 105px;
  display: grid;
  flex: 1;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  padding: 21px 6px;
}
#GafFitCheck .GafFitList li + li {
  border-top: 1px solid #e5e9f1;
}
#GafFitCheck .GafFitStatusIcon {
  width: 38px;
  height: 38px;
  display: flex;
  flex: 0 0 38px;
  align-items: center;
  justify-content: center;
  border: 1px solid currentColor;
  border-radius: 50%;
}
#GafFitCheck .GafFitStatusIcon svg {
  width: 22px;
  height: 22px;
}
#GafFitCheck .GafFitItemContent {
  min-width: 0;
}
#GafFitCheck .GafFitItemContent h4 {
  margin: 0;
  color: var(--GafFitNavy);
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.25px;
}
#GafFitCheck .GafFitItemContent p {
  max-width: 510px;
  margin: 7px 0 0;
  color: var(--GafFitMuted);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
}
#GafFitCheck .GafFitColumnYes .GafFitMainIcon {
  color: var(--GafFitPositive);
  border-color: rgba(23, 137, 66, 0.24);
  background: linear-gradient(145deg, #ffffff 0%, var(--GafFitPositiveSoft) 100%);
  box-shadow: 0 9px 24px rgba(23, 137, 66, 0.1), 0 0 0 10px rgba(239, 250, 242, 0.65);
}
#GafFitCheck .GafFitColumnYes .GafFitColumnHeader {
  color: var(--GafFitPositive);
}
#GafFitCheck .GafFitColumnYes .GafFitColumnHeader::after {
  height: 1px;
  flex: 1;
  background: linear-gradient(90deg, rgba(23, 137, 66, 0.4) 0%, rgba(23, 137, 66, 0.08) 100%);
  content: "";
}
#GafFitCheck .GafFitColumnYes .GafFitStatusIcon {
  color: var(--GafFitPositive);
  border-color: rgba(23, 137, 66, 0.2);
  background: var(--GafFitPositiveSoft);
  box-shadow: inset 0 0 0 4px rgba(23, 137, 66, 0.025);
}
#GafFitCheck .GafFitColumnNo .GafFitMainIcon {
  color: var(--GafFitNegative);
  border-color: rgba(217, 50, 69, 0.22);
  background: linear-gradient(145deg, #ffffff 0%, var(--GafFitNegativeSoft) 100%);
  box-shadow: 0 9px 24px rgba(217, 50, 69, 0.09), 0 0 0 10px rgba(255, 241, 243, 0.68);
}
#GafFitCheck .GafFitColumnNo .GafFitColumnHeader {
  color: var(--GafFitNegative);
}
#GafFitCheck .GafFitColumnNo .GafFitColumnHeader::after {
  height: 1px;
  flex: 1;
  background: linear-gradient(90deg, rgba(217, 50, 69, 0.4) 0%, rgba(217, 50, 69, 0.08) 100%);
  content: "";
}
#GafFitCheck .GafFitColumnNo .GafFitStatusIcon {
  color: var(--GafFitNegative);
  border-color: rgba(217, 50, 69, 0.19);
  background: var(--GafFitNegativeSoft);
  box-shadow: inset 0 0 0 4px rgba(217, 50, 69, 0.025);
}

#VaaniCaseHero {
  --VaaniCaseNavy: var(--GafNavy, #06133f);
  --VaaniCaseBlue: var(--GafBlue, #3658e8);
  --VaaniCaseText: var(--GafText, #090d18);
  --VaaniCaseMuted: var(--GafMuted, #657087);
  --VaaniCaseBorder: rgba(12, 32, 77, 0.1);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: var(--VaaniCaseText);
  background: #ffffff;
}
#VaaniCaseHero::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 55px;
  width: 820px;
  height: 360px;
  pointer-events: none;
  background: radial-gradient(ellipse at center, rgba(59, 94, 232, 0.085) 0%, rgba(59, 94, 232, 0.025) 45%, transparent 72%);
  transform: translateX(-50%);
}
#VaaniCaseHero::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 150px;
  right: -180px;
  width: 440px;
  height: 520px;
  pointer-events: none;
  opacity: 0.75;
  background: radial-gradient(ellipse at center, rgba(59, 94, 232, 0.14) 0%, rgba(59, 94, 232, 0.035) 42%, transparent 70%);
}
#VaaniCaseHero .VaaniCaseGrid {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 50%;
  width: calc(100% - 48px);
  max-width: 1660px;
  pointer-events: none;
  border-right: 1px solid rgba(6, 19, 63, 0.045);
  border-left: 1px solid rgba(6, 19, 63, 0.045);
  background-image: linear-gradient(90deg, rgba(6, 19, 63, 0.048) 1px, transparent 1px);
  background-size: 7.1428571429% 100%;
  transform: translateX(-50%);
}
#VaaniCaseHero .container {
  position: relative;
  z-index: 2;
  width: calc(100% - 128px);
  max-width: 1780px;
  margin: 0 auto;
}
#VaaniCaseHero .VaaniCaseHeading {
  padding: 76px 0 52px;
}
#VaaniCaseHero .VaaniCaseEyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 28px;
  color: var(--VaaniCaseBlue);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}
#VaaniCaseHero .VaaniCaseEyebrow::before {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: var(--VaaniCaseBlue);
  box-shadow: 0 0 0 6px rgba(54, 88, 232, 0.08);
  content: "";
}
#VaaniCaseHero h1 {
  max-width: 1620px;
  margin: 0;
  color: var(--GafDeepNavy);
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 104px;
  font-weight: 750;
  line-height: 0.98;
  letter-spacing: -5.2px;
  text-transform: uppercase;
}
#VaaniCaseHero h1 span {
  color: var(--VaaniCaseBlue);
}
#VaaniCaseHero .VaaniCaseGalleryShell {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 0 16px;
}
#VaaniCaseHero .VaaniCaseGallery {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 460px minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
}
#VaaniCaseHero .VaaniCaseGalleryImage {
  position: relative;
  min-width: 0;
  height: 460px;
  margin: 0;
  overflow: hidden;
  background: #e8e8e3;
}
#VaaniCaseHero .VaaniCaseGalleryImage::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(6, 19, 63, 0) 65%, rgba(6, 19, 63, 0.12) 100%);
  content: "";
}
#VaaniCaseHero .VaaniCaseGalleryImage img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);
}
#VaaniCaseHero .VaaniCaseGalleryImage:hover img {
  transform: scale(1.035);
}
#VaaniCaseHero .VaaniCaseGallerySquare {
  width: 460px;
  height: 460px;
  aspect-ratio: 1/1;
}
#VaaniCaseHero .VaaniCaseSliderControls {
  position: absolute;
  z-index: 5;
  right: 34px;
  bottom: 18px;
  min-height: 52px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px;
  color: var(--VaaniCaseNavy);
  border: 1px solid rgba(6, 19, 63, 0.1);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 14px 34px rgba(6, 19, 63, 0.16);
  backdrop-filter: blur(14px);
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
#VaaniCaseHero.VaaniSliderReady .VaaniCaseSliderControls {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
#VaaniCaseHero .VaaniCaseSliderPagination {
  position: static;
  width: auto;
  min-width: 72px;
  padding: 0 9px;
  color: #667087;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1px;
  text-align: center;
}
#VaaniCaseHero .VaaniCaseSliderPagination .swiper-pagination-current {
  color: var(--VaaniCaseNavy);
}
#VaaniCaseHero .VaaniCaseSliderButton {
  width: 40px;
  height: 40px;
  display: inline-flex;
  flex: 0 0 40px;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: var(--VaaniCaseNavy);
  border: 1px solid rgba(6, 19, 63, 0.12);
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
  transition: color 0.25s ease, border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease;
}
#VaaniCaseHero .VaaniCaseSliderButton svg {
  width: 18px;
  height: 18px;
}
#VaaniCaseHero .VaaniCaseSliderButton:hover {
  color: #ffffff;
  border-color: var(--VaaniCaseBlue);
  background: var(--VaaniCaseBlue);
  transform: translateY(-1px);
}
#VaaniCaseHero .VaaniCaseSliderButton:focus-visible {
  outline: 3px solid rgba(54, 88, 232, 0.24);
  outline-offset: 2px;
}
#VaaniCaseHero .VaaniCaseSummary {
  display: grid;
  grid-template-columns: 190px minmax(0, 1.55fr) minmax(360px, 1.45fr);
  gap: 62px;
  align-items: start;
  padding: 54px 0 72px;
  border-bottom: 1px solid var(--VaaniCaseBorder);
}
#VaaniCaseHero .VaaniCaseCategory {
  padding-top: 2px;
}
#VaaniCaseHero .VaaniCaseCategory span {
  min-height: 29px;
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  color: var(--VaaniCaseNavy);
  border: 1px solid rgba(6, 19, 63, 0.45);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 10px;
  font-weight: 750;
  line-height: 1;
  letter-spacing: 0.65px;
  text-transform: uppercase;
}
#VaaniCaseHero .VaaniCaseMeta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 38px;
  margin: 0;
}
#VaaniCaseHero .VaaniCaseMetaItem {
  min-width: 0;
}
#VaaniCaseHero .VaaniCaseMetaItem dt {
  margin: 0 0 14px;
  color: var(--VaaniCaseNavy);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 11px;
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}
#VaaniCaseHero .VaaniCaseMetaItem dd {
  margin: 0;
  color: #36415a;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 16px;
  font-weight: 450;
  line-height: 1.5;
}
#VaaniCaseHero .VaaniCaseSummaryText {
  max-width: 580px;
  margin: 0;
  color: #35415a;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: -0.1px;
}

#VaaniProjectOverview {
  --VaaniOverviewNavy: var(--GafNavy, #06133f);
  --VaaniOverviewDeepNavy: var(--GafDeepNavy, #02091f);
  --VaaniOverviewBlue: var(--GafBlue, #3658e8);
  --VaaniOverviewWhite: #ffffff;
  --VaaniOverviewSurface: #f7f8fb;
  --VaaniOverviewText: #35415a;
  --VaaniOverviewMuted: #747d90;
  --VaaniOverviewBorder: rgba(6, 19, 63, 0.12);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 136px 0;
  color: var(--VaaniOverviewText);
  background: var(--VaaniOverviewWhite);
}
#VaaniProjectOverview::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 1px;
  background: var(--VaaniOverviewBorder);
  content: "";
}
#VaaniProjectOverview .VaaniOverviewGrid {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-size: 120px 120px;
  opacity: 0.58;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.55) 55%, transparent 100%);
  mask-image: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.55) 55%, transparent 100%);
}
#VaaniProjectOverview .container {
  position: relative;
  z-index: 2;
  width: calc(100% - 128px);
  max-width: 1780px;
  margin: 0 auto;
}
#VaaniProjectOverview .VaaniOverviewHeader {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(390px, 0.72fr);
  gap: 110px;
  align-items: end;
  padding-bottom: 72px;
  border-bottom: 1px solid var(--VaaniOverviewBorder);
}
#VaaniProjectOverview .VaaniOverviewTitle {
  max-width: 1050px;
  margin: 0;
}
#VaaniProjectOverview .SubTitle {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  margin: 0 0 30px;
  color: var(--VaaniOverviewBlue);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 11px;
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}
#VaaniProjectOverview .SubTitle::after {
  width: 42px;
  height: 1px;
  flex: 0 0 42px;
  background: currentColor;
  content: "";
}
#VaaniProjectOverview .VaaniOverviewNumber {
  color: var(--VaaniOverviewMuted);
}
#VaaniProjectOverview .SectionHeading {
  max-width: 1020px;
  margin: 0;
  color: var(--VaaniOverviewNavy);
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 72px;
  font-weight: 720;
  line-height: 1.02;
  letter-spacing: -3.6px;
}
#VaaniProjectOverview .VaaniOverviewIntro {
  max-width: 560px;
  padding-bottom: 5px;
}
#VaaniProjectOverview .VaaniOverviewIntro p {
  margin: 0;
  color: var(--VaaniOverviewText);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.72;
  letter-spacing: -0.1px;
}
#VaaniProjectOverview .VaaniOverviewButton {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 32px;
  padding: 15px 22px;
  color: #ffffff;
  border: 1px solid var(--VaaniOverviewNavy);
  background: var(--VaaniOverviewNavy);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 11px;
  font-weight: 750;
  line-height: 1;
  letter-spacing: 0.85px;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, transform 0.3s ease;
}
#VaaniProjectOverview .VaaniOverviewButton svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  transition: transform 0.3s ease;
}
#VaaniProjectOverview .VaaniOverviewButton:hover {
  border-color: var(--VaaniOverviewBlue);
  background: var(--VaaniOverviewBlue);
  transform: translateY(-2px);
}
#VaaniProjectOverview .VaaniOverviewButton:hover svg {
  transform: translate(2px, -2px);
}
#VaaniProjectOverview .VaaniOverviewButton:focus-visible {
  outline: 3px solid rgba(54, 88, 232, 0.22);
  outline-offset: 4px;
}
#VaaniProjectOverview .VaaniOverviewBody {
  display: grid;
  grid-template-columns: minmax(420px, 0.82fr) minmax(0, 1.38fr);
  margin-top: 72px;
  overflow: hidden;
  border: 1px solid var(--VaaniOverviewBorder);
  background: var(--VaaniOverviewWhite);
}
#VaaniProjectOverview .VaaniOverviewVisual {
  position: relative;
  min-height: 680px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0;
  padding: 38px;
  overflow: hidden;
  border-right: 1px solid var(--VaaniOverviewBorder);
  background: #fff;
}
#VaaniProjectOverview .VaaniOverviewVisual::after {
  position: absolute;
  top: 0;
  left: 38px;
  width: 78px;
  height: 3px;
  background: var(--VaaniOverviewBlue);
  content: "";
}
#VaaniProjectOverview .VaaniOverviewVisualLabel {
  position: relative;
  z-index: 2;
  color: var(--VaaniOverviewMuted);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1.35px;
  text-transform: uppercase;
}
#VaaniProjectOverview .VaaniOverviewLogo {
  position: relative;
  z-index: 2;
  width: 78%;
  max-width: 500px;
  margin: auto;
}
#VaaniProjectOverview .VaaniOverviewLogo img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
#VaaniProjectOverview .VaaniOverviewVisual figcaption {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  padding-top: 22px;
  color: var(--VaaniOverviewMuted);
  border-top: 1px solid var(--VaaniOverviewBorder);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 10px;
  font-weight: 650;
  line-height: 1.3;
  letter-spacing: 0.85px;
  text-transform: uppercase;
}
#VaaniProjectOverview .VaaniOverviewDetails {
  min-width: 0;
  padding: 52px 56px 54px;
  background: rgba(255, 255, 255, 0.96);
}
#VaaniProjectOverview .VaaniOverviewMeta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0 0 48px;
  border-bottom: 1px solid var(--VaaniOverviewBorder);
}
#VaaniProjectOverview .VaaniOverviewMetaItem {
  min-width: 0;
  margin: 0;
  padding: 0 25px;
  border-right: 1px solid var(--VaaniOverviewBorder);
}
#VaaniProjectOverview .VaaniOverviewMetaItem:first-child {
  padding-left: 0;
}
#VaaniProjectOverview .VaaniOverviewMetaItem:last-child {
  padding-right: 0;
  border-right: 0;
}
#VaaniProjectOverview .VaaniOverviewMetaItem dt {
  margin: 0 0 10px;
  color: var(--VaaniOverviewMuted);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 9px;
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
#VaaniProjectOverview .VaaniOverviewMetaItem dd {
  margin: 0;
  color: var(--VaaniOverviewNavy);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}
#VaaniProjectOverview .VaaniOverviewServices {
  padding-top: 52px;
}
#VaaniProjectOverview .VaaniOverviewServicesTop {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 36px;
  align-items: start;
  margin-bottom: 38px;
}
#VaaniProjectOverview .VaaniOverviewServicesTop > span {
  padding-top: 9px;
  color: var(--VaaniOverviewBlue);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 9px;
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: 1.35px;
  text-transform: uppercase;
}
#VaaniProjectOverview .VaaniOverviewServicesTop h3 {
  max-width: 660px;
  margin: 0;
  color: var(--VaaniOverviewNavy);
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 34px;
  font-weight: 680;
  line-height: 1.16;
  letter-spacing: -1.15px;
}
#VaaniProjectOverview .VaaniOverviewServiceList {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 34px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#VaaniProjectOverview .VaaniOverviewServiceList li {
  min-width: 0;
  min-height: 72px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid var(--VaaniOverviewBorder);
  transition: border-color 0.25s ease, transform 0.25s ease;
}
#VaaniProjectOverview .VaaniOverviewServiceList li span {
  color: var(--VaaniOverviewBlue);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 9px;
  font-weight: 750;
  line-height: 1;
  letter-spacing: 0.8px;
}
#VaaniProjectOverview .VaaniOverviewServiceList li strong {
  color: var(--VaaniOverviewNavy);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
}
#VaaniProjectOverview .VaaniOverviewServiceList li:hover {
  border-color: rgba(54, 88, 232, 0.5);
  transform: translateX(3px);
}

#VaaniChallenges {
  --VaaniChallengeBlack: #05060a;
  --VaaniChallengeSurface: #0b0d13;
  --VaaniChallengeSurfaceLight: #11141d;
  --VaaniChallengeWhite: #f7f8fc;
  --VaaniChallengeText: #b5bbc9;
  --VaaniChallengeMuted: #72798a;
  --VaaniChallengeBlue: var(--GafBlue, #3658e8);
  --VaaniChallengeBorder: rgba(255, 255, 255, 0.12);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 138px 0 0;
  color: var(--VaaniChallengeWhite);
  background: var(--VaaniChallengeBlack);
}
#VaaniChallenges .VaaniChallengesGrid {
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image: linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 120px 120px;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.68) 55%, transparent 100%);
  mask-image: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.68) 55%, transparent 100%);
}
#VaaniChallenges .VaaniChallengesGlow {
  position: absolute;
  top: -260px;
  right: -240px;
  z-index: -1;
  width: 700px;
  height: 700px;
  border-radius: 50%;
  background: rgba(54, 88, 232, 0.12);
  filter: blur(130px);
  pointer-events: none;
}
#VaaniChallenges .container {
  position: relative;
  z-index: 2;
  width: calc(100% - 128px);
  max-width: 1780px;
  margin: 0 auto;
}
#VaaniChallenges .VaaniChallengesHeader {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(390px, 0.7fr);
  gap: 120px;
  align-items: end;
  padding-bottom: 76px;
  border-bottom: 1px solid var(--VaaniChallengeBorder);
}
#VaaniChallenges .VaaniChallengesTitle {
  max-width: 1040px;
  margin: 0;
}
#VaaniChallenges .SubTitle {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  margin: 0 0 32px;
  color: #7388ff;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 11px;
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}
#VaaniChallenges .SubTitle::after {
  width: 42px;
  height: 1px;
  flex: 0 0 42px;
  background: currentColor;
  content: "";
}
#VaaniChallenges .SubTitle > span {
  color: var(--VaaniChallengeMuted);
}
#VaaniChallenges .SectionHeading {
  max-width: 1030px;
  margin: 0;
  color: var(--VaaniChallengeWhite);
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 70px;
  font-weight: 690;
  line-height: 1.04;
  letter-spacing: -3.4px;
}
#VaaniChallenges .SectionHeading em {
  display: block;
  color: #777e8e;
  font-style: normal;
  font-weight: 520;
}
#VaaniChallenges .VaaniChallengesIntroduction {
  max-width: 530px;
  padding-bottom: 5px;
}
#VaaniChallenges .VaaniChallengesIntroduction p {
  margin: 22px 0 0;
  color: var(--VaaniChallengeText);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: -0.1px;
}
#VaaniChallenges .VaaniChallengesIntroductionLabel {
  display: block;
  color: #7388ff;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 9px;
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: 1.35px;
  text-transform: uppercase;
}
#VaaniChallenges .VaaniChallengesContent {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 90px;
  padding: 76px 0 110px;
}
#VaaniChallenges .VaaniChallengesAside {
  align-self: start;
  padding-top: 6px;
}
#VaaniChallenges .VaaniChallengesAside strong {
  display: block;
  margin-top: 38px;
  color: var(--VaaniChallengeWhite);
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 112px;
  font-weight: 520;
  line-height: 0.85;
  letter-spacing: -7px;
}
#VaaniChallenges .VaaniChallengesAside p {
  max-width: 230px;
  margin: 28px 0 0;
  color: var(--VaaniChallengeMuted);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.65;
}
#VaaniChallenges .VaaniChallengesAsideLabel {
  display: block;
  color: var(--VaaniChallengeMuted);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 9px;
  font-weight: 750;
  line-height: 1.3;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}
#VaaniChallenges .VaaniChallengesList {
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--VaaniChallengeBorder);
  list-style: none;
}
#VaaniChallenges .VaaniChallengeItem {
  position: relative;
  display: grid;
  grid-template-columns: 54px minmax(260px, 0.75fr) minmax(320px, 1fr) 48px;
  gap: 34px;
  align-items: center;
  min-height: 162px;
  padding: 34px 4px;
  border-bottom: 1px solid var(--VaaniChallengeBorder);
  transition: background-color 0.35s ease, border-color 0.35s ease;
}
#VaaniChallenges .VaaniChallengeItem::before {
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: 0;
  width: 2px;
  background: var(--VaaniChallengeBlue);
  content: "";
  opacity: 0;
  transform: scaleY(0);
  transform-origin: center;
  transition: opacity 0.35s ease, transform 0.35s ease;
}
#VaaniChallenges .VaaniChallengeItem h3 {
  margin: 0;
  color: var(--VaaniChallengeWhite);
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 28px;
  font-weight: 620;
  line-height: 1.2;
  letter-spacing: -0.85px;
  transition: color 0.3s ease, transform 0.3s ease;
}
#VaaniChallenges .VaaniChallengeItem p {
  max-width: 590px;
  margin: 0;
  color: var(--VaaniChallengeText);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.72;
}
#VaaniChallenges .VaaniChallengeItem:hover {
  border-color: rgba(115, 136, 255, 0.4);
  background: rgba(255, 255, 255, 0.025);
}
#VaaniChallenges .VaaniChallengeItem:hover::before {
  opacity: 1;
  transform: scaleY(1);
}
#VaaniChallenges .VaaniChallengeItem:hover h3 {
  color: #8ea0ff;
  transform: translateX(4px);
}
#VaaniChallenges .VaaniChallengeItem:hover .VaaniChallengeIndicator {
  color: #ffffff;
  border-color: var(--VaaniChallengeBlue);
  background: var(--VaaniChallengeBlue);
  transform: translateX(4px);
}
#VaaniChallenges .VaaniChallengeNumber {
  color: #7388ff;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 10px;
  font-weight: 750;
  line-height: 1;
  letter-spacing: 1px;
}
#VaaniChallenges .VaaniChallengeIndicator {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: end;
  color: var(--VaaniChallengeMuted);
  border: 1px solid var(--VaaniChallengeBorder);
  border-radius: 50%;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, transform 0.3s ease;
}
#VaaniChallenges .VaaniChallengeIndicator svg {
  width: 18px;
  height: 18px;
}
#VaaniChallenges .VaaniChallengesConclusion {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 90px;
  align-items: start;
  padding: 58px 64px 62px;
  border-top: 1px solid rgba(115, 136, 255, 0.35);
  background: linear-gradient(110deg, rgba(54, 88, 232, 0.18) 0%, rgba(54, 88, 232, 0.05) 42%, transparent 78%), var(--VaaniChallengeSurface);
}
#VaaniChallenges .VaaniChallengesConclusion span {
  padding-top: 8px;
  color: #8193ff;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 9px;
  font-weight: 750;
  line-height: 1.3;
  letter-spacing: 1.35px;
  text-transform: uppercase;
}
#VaaniChallenges .VaaniChallengesConclusion p {
  max-width: 1020px;
  margin: 0;
  color: var(--VaaniChallengeWhite);
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 35px;
  font-weight: 560;
  line-height: 1.35;
  letter-spacing: -1px;
}

#VaaniObjectives {
  --VaaniObjectivesNavy: #06133f;
  --VaaniObjectivesBlue: var(--GafBlue, #3c5ee8);
  --VaaniObjectivesText: #525a69;
  --VaaniObjectivesMuted: #848b99;
  --VaaniObjectivesBorder: rgba(6, 19, 63, 0.14);
  --ChallengeBackground: #f4f4f0;
  position: relative;
  padding: 118px 0 105px;
  overflow: hidden;
  background: var(--ChallengeBackground);
}
#VaaniObjectives .container {
  width: calc(100% - 128px);
  max-width: 1780px;
  margin: 0 auto;
}
#VaaniObjectives .VaaniObjectivesMeta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--VaaniObjectivesBorder);
}
#VaaniObjectives .VaaniObjectivesLabel,
#VaaniObjectives .VaaniObjectivesProject {
  margin: 0;
  color: var(--VaaniObjectivesNavy);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1.25px;
  text-transform: uppercase;
}
#VaaniObjectives .VaaniObjectivesLabel {
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
#VaaniObjectives .VaaniObjectivesLabel strong {
  color: var(--VaaniObjectivesBlue);
  font-weight: 750;
}
#VaaniObjectives .VaaniObjectivesProject {
  color: var(--VaaniObjectivesMuted);
  font-size: 9px;
}
#VaaniObjectives .VaaniObjectivesHero {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr) 360px;
  gap: 68px;
  align-items: end;
  padding: 78px 0 84px;
}
#VaaniObjectives .VaaniObjectivesSectionNumber {
  color: var(--VaaniObjectivesBlue);
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 140px;
  font-weight: 600;
  line-height: 0.75;
  letter-spacing: -10px;
}
#VaaniObjectives .SectionTitle {
  max-width: 850px;
  margin: 0;
}
#VaaniObjectives .SectionHeading {
  margin: 0;
  color: var(--VaaniObjectivesNavy);
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 66px;
  font-weight: 650;
  line-height: 1.02;
  letter-spacing: -3px;
}
#VaaniObjectives .SectionHeading span {
  display: block;
  color: #747b89;
  font-weight: 500;
}
#VaaniObjectives .SectionDescription {
  max-width: 350px;
  margin: 0 0 5px;
  color: var(--VaaniObjectivesText);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.75;
}
#VaaniObjectives .VaaniObjectivesList {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--VaaniObjectivesBorder);
  border-bottom: 1px solid var(--VaaniObjectivesBorder);
}
#VaaniObjectives .VaaniObjectiveItem {
  min-height: 270px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px 34px 35px;
  border-right: 1px solid var(--VaaniObjectivesBorder);
}
#VaaniObjectives .VaaniObjectiveItem:first-child {
  padding-left: 0;
}
#VaaniObjectives .VaaniObjectiveItem:last-child {
  padding-right: 0;
  border-right: 0;
}
#VaaniObjectives .VaaniObjectiveNumber {
  color: var(--VaaniObjectivesBlue);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 11px;
  font-weight: 750;
  line-height: 1;
  letter-spacing: 0.8px;
}
#VaaniObjectives .VaaniObjectiveContent .VaaniObjectiveLabel {
  display: block;
  margin-bottom: 15px;
  color: var(--VaaniObjectivesMuted);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 9px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1.15px;
  text-transform: uppercase;
}
#VaaniObjectives .VaaniObjectiveContent h3 {
  margin: 0;
  color: var(--VaaniObjectivesNavy);
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 25px;
  font-weight: 620;
  line-height: 1.18;
  letter-spacing: -0.75px;
}
#VaaniObjectives .VaaniObjectiveContent p {
  max-width: 265px;
  margin: 16px 0 0;
  color: var(--VaaniObjectivesText);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.65;
}
#VaaniObjectives .VaaniObjectivesFooter {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 68px;
  align-items: center;
  padding-top: 36px;
}
#VaaniObjectives .VaaniObjectivesFooter > span {
  color: var(--VaaniObjectivesMuted);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 9px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
#VaaniObjectives .VaaniObjectivesFooter p {
  margin: 0;
  color: var(--VaaniObjectivesNavy);
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 17px;
  font-weight: 550;
  line-height: 1.5;
  letter-spacing: -0.25px;
}

#VaaniApproach {
  --VaaniApproachBackground: #05050a;
  --VaaniApproachGrid: rgba(255, 255, 255, 0.075);
  --VaaniApproachWhite: #ffffff;
  --VaaniApproachBlue: var(--GafBlue, #4d45f5);
  --VaaniApproachText: #656773;
  --VaaniApproachBorder: rgba(6, 19, 63, 0.1);
  position: relative;
  padding: 120px 0;
  overflow: hidden;
  background: var(--VaaniApproachBackground);
}
#VaaniApproach .container {
  position: relative;
  z-index: 2;
  width: calc(100% - 128px);
  max-width: 1780px;
  margin: 0 auto;
}
#VaaniApproach .VaaniApproachHeader {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(380px, 0.85fr);
  gap: 90px;
  align-items: end;
  margin-bottom: 82px;
}
#VaaniApproach .SectionTitle {
  max-width: 900px;
  margin: 0;
}
#VaaniApproach .SubTitle {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 21px;
  color: var(--VaaniApproachWhite);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}
#VaaniApproach .SubTitle::before {
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  border-radius: 50%;
  background: var(--VaaniApproachBlue);
  content: "";
}
#VaaniApproach .SubTitle span {
  color: #8580ff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.8px;
}
#VaaniApproach .SectionHeading {
  margin: 0;
  color: var(--VaaniApproachWhite);
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 68px;
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -3.5px;
}
#VaaniApproach .SectionHeading span {
  display: block;
  color: #b6b6bf;
  font-weight: 500;
}
#VaaniApproach .SectionDescription {
  max-width: 620px;
  margin: 0 0 4px;
  color: rgba(255, 255, 255, 0.88);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 19px;
  font-weight: 400;
  line-height: 1.55;
  text-align: right;
}
#VaaniApproach .VaaniApproachGridCards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 38px 40px;
}
#VaaniApproach .VaaniApproachCard {
  min-height: 292px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px 32px 31px;
  border: 1px solid var(--VaaniApproachBorder);
  border-radius: 19px;
  background: var(--VaaniApproachWhite);
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.16);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
#VaaniApproach .VaaniApproachCard:hover {
  transform: translateY(-7px);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.25);
}
#VaaniApproach .VaaniApproachCard:hover .VaaniApproachIcon {
  transform: rotate(-5deg) scale(1.06);
}
#VaaniApproach .VaaniApproachIcon {
  width: 49px;
  height: 49px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--VaaniApproachWhite);
  border-radius: 50%;
  background: var(--VaaniApproachBlue);
  box-shadow: 0 0 0 13px rgba(77, 69, 245, 0.035), 0 14px 32px rgba(77, 69, 245, 0.22);
  transition: transform 0.35s ease;
}
#VaaniApproach .VaaniApproachIcon svg {
  width: 23px;
  height: 23px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#VaaniApproach .VaaniApproachCardContent {
  padding-top: 48px;
}
#VaaniApproach .VaaniApproachCardContent .VaaniApproachNumber {
  display: block;
  margin-bottom: 14px;
  color: var(--VaaniApproachBlue);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 9px;
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: 1.25px;
  text-transform: uppercase;
}
#VaaniApproach .VaaniApproachCardContent h3 {
  margin: 0;
  color: #080812;
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 31px;
  font-weight: 600;
  line-height: 1.16;
  letter-spacing: -1.25px;
}
#VaaniApproach .VaaniApproachCardContent p {
  max-width: 650px;
  margin: 20px 0 0;
  color: var(--VaaniApproachText);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.65;
}

#VaaniFinalCta {
  --VaaniCtaBackground: #05050a;
  --VaaniCtaWhite: #ffffff;
  --VaaniCtaBlue: var(--GafBlue, #4d45f5);
  --VaaniCtaMuted: rgba(255, 255, 255, 0.58);
  --VaaniCtaBorder: rgba(255, 255, 255, 0.14);
  --VaaniCtaGrid: rgba(255, 255, 255, 0.055);
  position: relative;
  min-height: 760px;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  background: var(--VaaniCtaBackground);
}
#VaaniFinalCta .container {
  position: relative;
  z-index: 2;
  width: calc(100% - 128px);
  max-width: 1780px;
  min-height: 760px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
#VaaniFinalCta .VaaniFinalCtaGrid {
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(to right, var(--VaaniCtaGrid) 1px, transparent 1px), linear-gradient(to bottom, var(--VaaniCtaGrid) 1px, transparent 1px);
  background-size: 150px 100%, 100% 110px;
  background-position: center top;
}
#VaaniFinalCta .VaaniFinalCtaTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 33px 0;
  border-bottom: 1px solid var(--VaaniCtaBorder);
}
#VaaniFinalCta .VaaniFinalCtaLabel,
#VaaniFinalCta .VaaniFinalCtaAgency {
  color: var(--VaaniCtaMuted);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
#VaaniFinalCta .VaaniFinalCtaLabel {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--VaaniCtaWhite);
}
#VaaniFinalCta .VaaniFinalCtaLabel::before {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: var(--VaaniCtaBlue);
  content: "";
}
#VaaniFinalCta .VaaniFinalCtaContent {
  flex: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 190px;
  gap: 100px;
  align-items: center;
  padding: 95px 0;
}
#VaaniFinalCta .SectionTitle {
  max-width: 1120px;
  margin: 0;
}
#VaaniFinalCta .SectionHeading {
  margin: 0;
  color: var(--VaaniCtaWhite);
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 92px;
  font-weight: 600;
  line-height: 0.98;
  letter-spacing: -5px;
}
#VaaniFinalCta .SectionHeading span {
  display: block;
  color: rgba(255, 255, 255, 0.48);
  font-weight: 500;
}
#VaaniFinalCta .SectionDescription {
  max-width: 610px;
  margin: 38px 0 0;
  color: var(--VaaniCtaMuted);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}
#VaaniFinalCta .VaaniFinalCtaButton {
  width: 190px;
  height: 190px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 22px;
  color: var(--VaaniCtaWhite);
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
  background: var(--VaaniCtaBlue);
  box-shadow: 0 25px 70px rgba(77, 69, 245, 0.28);
  transition: transform 0.4s ease, background-color 0.4s ease;
}
#VaaniFinalCta .VaaniFinalCtaButton > span:first-child {
  max-width: 100px;
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.3;
  letter-spacing: 0.2px;
}
#VaaniFinalCta .VaaniFinalCtaButton:hover {
  color: var(--VaaniCtaBackground);
  background: var(--VaaniCtaWhite);
  transform: rotate(-5deg) scale(1.04);
}
#VaaniFinalCta .VaaniFinalCtaButton:hover .VaaniFinalCtaButtonIcon {
  transform: translate(4px, -4px);
}
#VaaniFinalCta .VaaniFinalCtaButton:focus-visible {
  outline: 3px solid var(--VaaniCtaWhite);
  outline-offset: 6px;
}
#VaaniFinalCta .VaaniFinalCtaButtonIcon {
  display: inline-flex;
  transition: transform 0.3s ease;
}
#VaaniFinalCta .VaaniFinalCtaButtonIcon svg {
  width: 27px;
  height: 27px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#VaaniFinalCta .VaaniFinalCtaBottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 30px 0 34px;
  border-top: 1px solid var(--VaaniCtaBorder);
}
#VaaniFinalCta .VaaniFinalCtaBottom p,
#VaaniFinalCta .VaaniFinalCtaBottom a {
  margin: 0;
  color: var(--VaaniCtaMuted);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 1.1px;
  text-decoration: none;
  text-transform: uppercase;
}
#VaaniFinalCta .VaaniFinalCtaBottom a {
  color: var(--VaaniCtaWhite);
  transition: color 0.3s ease;
}
#VaaniFinalCta .VaaniFinalCtaBottom a:hover {
  color: var(--VaaniCtaBlue);
}

#RelatedCaseStudies {
  --RelatedNavy: #06133f;
  --RelatedBlue: var(--GafBlue, #385ae7);
  --RelatedBackground: #f7f7f4;
  --RelatedWhite: #ffffff;
  --RelatedText: #5f6674;
  --RelatedMuted: #898f9b;
  --RelatedBorder: rgba(6, 19, 63, 0.14);
  position: relative;
  padding: 120px 0 105px;
  overflow: hidden;
  background: var(--RelatedBackground);
}
#RelatedCaseStudies .container {
  width: calc(100% - 128px);
  max-width: 1780px;
  margin: 0 auto;
}
#RelatedCaseStudies .RelatedStudiesHeader {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 60px;
  margin-bottom: 72px;
}
#RelatedCaseStudies .SectionTitle {
  max-width: 920px;
  margin: 0;
}
#RelatedCaseStudies .SubTitle {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
  color: var(--RelatedNavy);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.2;
}
#RelatedCaseStudies .SubTitle::before {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: var(--RelatedBlue);
  content: "";
}
#RelatedCaseStudies .SubTitle span {
  color: var(--RelatedBlue);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 1px;
}
#RelatedCaseStudies .SectionHeading {
  margin: 0;
  color: var(--RelatedNavy);
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 68px;
  font-weight: 600;
  line-height: 1.04;
  letter-spacing: -3.5px;
}
#RelatedCaseStudies .SectionHeading span {
  display: block;
  color: #777e8b;
  font-weight: 500;
}
#RelatedCaseStudies .RelatedStudiesAllLink {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 9px;
  color: var(--RelatedNavy);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.2;
  text-decoration: none;
  border-bottom: 1px solid var(--RelatedNavy);
  transition: color 0.3s ease, border-color 0.3s ease;
}
#RelatedCaseStudies .RelatedStudiesAllLink svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.3s ease;
}
#RelatedCaseStudies .RelatedStudiesAllLink:hover {
  color: var(--RelatedBlue);
  border-color: var(--RelatedBlue);
}
#RelatedCaseStudies .RelatedStudiesAllLink:hover svg {
  transform: translate(3px, -3px);
}
#RelatedCaseStudies .RelatedStudiesAllLink:focus-visible {
  outline: 2px solid var(--RelatedBlue);
  outline-offset: 5px;
}
#RelatedCaseStudies .RelatedStudiesLayout {
  display: grid;
  grid-template-columns: minmax(0, 1.22fr) minmax(420px, 0.78fr);
  gap: 48px;
  padding-top: 38px;
  border-top: 1px solid var(--RelatedBorder);
}
#RelatedCaseStudies .RelatedStudiesSecondary {
  display: grid;
  grid-template-columns: 1fr;
  gap: 44px;
}
#RelatedCaseStudies .RelatedStudy {
  min-width: 0;
}
#RelatedCaseStudies .RelatedStudyImage {
  position: relative;
  display: block;
  overflow: hidden;
  background: #e8e8e3;
}
#RelatedCaseStudies .RelatedStudyImage img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
#RelatedCaseStudies .RelatedStudyImage:hover img {
  transform: scale(1.035);
}
#RelatedCaseStudies .RelatedStudyImage:hover .RelatedStudyArrow {
  color: var(--RelatedWhite);
  background: var(--RelatedBlue);
  transform: rotate(45deg);
}
#RelatedCaseStudies .RelatedStudyImage:focus-visible {
  outline: 3px solid var(--RelatedBlue);
  outline-offset: 4px;
}
#RelatedCaseStudies .RelatedStudyFeatured .RelatedStudyImage {
  height: 650px;
}
#RelatedCaseStudies .RelatedStudyCompact .RelatedStudyImage {
  height: 285px;
}
#RelatedCaseStudies .RelatedStudyArrow {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 54px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--RelatedNavy);
  border-radius: 50%;
  background: var(--RelatedWhite);
  transition: color 0.35s ease, background-color 0.35s ease, transform 0.35s ease;
}
#RelatedCaseStudies .RelatedStudyArrow svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#RelatedCaseStudies .RelatedStudyContent {
  padding-top: 25px;
}
#RelatedCaseStudies .RelatedStudyMeta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 15px;
}
#RelatedCaseStudies .RelatedStudyMeta span {
  color: var(--RelatedMuted);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 9px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1.15px;
  text-transform: uppercase;
}
#RelatedCaseStudies .RelatedStudyContent h3 {
  margin: 0;
}
#RelatedCaseStudies .RelatedStudyContent h3 a {
  color: var(--RelatedNavy);
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 36px;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -1.5px;
  text-decoration: none;
  transition: color 0.3s ease;
}
#RelatedCaseStudies .RelatedStudyContent h3 a:hover {
  color: var(--RelatedBlue);
}
#RelatedCaseStudies .RelatedStudyContent h3 a:focus-visible {
  outline: 2px solid var(--RelatedBlue);
  outline-offset: 4px;
}
#RelatedCaseStudies .RelatedStudyContent p {
  max-width: 660px;
  margin: 14px 0 0;
  color: var(--RelatedText);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
}
#RelatedCaseStudies .RelatedStudyCompact .RelatedStudyContent h3 a {
  font-size: 28px;
  letter-spacing: -1px;
}
#RelatedCaseStudies .RelatedStudyCompact .RelatedStudyContent p {
  max-width: 520px;
  font-size: 13px;
}
#RelatedCaseStudies .RelatedStudyServices {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}
#RelatedCaseStudies .RelatedStudyServices span {
  padding: 8px 13px;
  color: var(--RelatedNavy);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 9px;
  font-weight: 650;
  line-height: 1.2;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  border: 1px solid var(--RelatedBorder);
  border-radius: 50px;
}
#RelatedCaseStudies .RelatedStudiesFooter {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 60px;
  align-items: center;
  margin-top: 72px;
  padding-top: 30px;
  border-top: 1px solid var(--RelatedBorder);
}
#RelatedCaseStudies .RelatedStudiesFooter > span {
  color: var(--RelatedMuted);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 9px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
#RelatedCaseStudies .RelatedStudiesFooter p {
  margin: 0;
  color: var(--RelatedNavy);
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 16px;
  font-weight: 550;
  line-height: 1.5;
}

#VaaniProjectNumbers {
  --NumbersNavy: #06133f;
  --NumbersBlue: var(--GafBlue, #385ae7);
  --NumbersBackground: #f6f6f2;
  --NumbersWhite: #ffffff;
  --NumbersText: #626976;
  --NumbersMuted: #9298a3;
  --NumbersBorder: rgba(6, 19, 63, 0.14);
  position: relative;
  padding: 110px 0;
  overflow: hidden;
  background: var(--NumbersBackground);
}
#VaaniProjectNumbers .container {
  width: calc(100% - 128px);
  max-width: 1780px;
  margin: 0 auto;
}
#VaaniProjectNumbers .ProjectNumbersHeader {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(360px, 0.8fr);
  gap: 90px;
  align-items: end;
  margin-bottom: 58px;
}
#VaaniProjectNumbers .SectionTitle {
  margin: 0;
}
#VaaniProjectNumbers .SubTitle {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  color: var(--NumbersNavy);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.2;
}
#VaaniProjectNumbers .SubTitle::before {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: var(--NumbersBlue);
  content: "";
}
#VaaniProjectNumbers .SubTitle span {
  color: var(--NumbersBlue);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 1px;
}
#VaaniProjectNumbers .SectionHeading {
  margin: 0;
  color: var(--NumbersNavy);
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 58px;
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -2.8px;
}
#VaaniProjectNumbers .SectionDescription {
  max-width: 550px;
  margin: 0 0 5px;
  color: var(--NumbersText);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.75;
}
#VaaniProjectNumbers .ProjectNumbersGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--NumbersBorder);
  border-bottom: 1px solid var(--NumbersBorder);
}
#VaaniProjectNumbers .ProjectNumberItem {
  min-height: 430px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 28px 30px 34px;
  border-right: 1px solid var(--NumbersBorder);
  transition: background-color 0.35s ease, color 0.35s ease;
}
#VaaniProjectNumbers .ProjectNumberItem:last-child {
  border-right: 0;
}
#VaaniProjectNumbers .ProjectNumberItem:hover {
  background: var(--NumbersWhite);
}
#VaaniProjectNumbers .ProjectNumberItem:hover .ProjectNumberContent strong {
  transform: translateY(-6px);
}
#VaaniProjectNumbers .ProjectNumberPrimary {
  background: var(--NumbersWhite);
}
#VaaniProjectNumbers .ProjectNumberDark {
  color: var(--NumbersWhite);
  background: var(--NumbersNavy);
}
#VaaniProjectNumbers .ProjectNumberDark .ProjectNumberIndex,
#VaaniProjectNumbers .ProjectNumberDark .ProjectNumberContent p {
  color: rgba(255, 255, 255, 0.58);
}
#VaaniProjectNumbers .ProjectNumberDark .ProjectNumberContent strong,
#VaaniProjectNumbers .ProjectNumberDark .ProjectNumberContent h3 {
  color: var(--NumbersWhite);
}
#VaaniProjectNumbers .ProjectNumberDark:hover {
  background: var(--NumbersBlue);
}
#VaaniProjectNumbers .ProjectNumberIndex {
  color: var(--NumbersMuted);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 9px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1.2px;
}
#VaaniProjectNumbers .ProjectNumberContent strong {
  display: block;
  margin-bottom: 48px;
  color: var(--NumbersNavy);
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 78px;
  font-weight: 550;
  line-height: 0.9;
  letter-spacing: -4px;
  transition: transform 0.35s ease;
}
#VaaniProjectNumbers .ProjectNumberContent h3 {
  margin: 0 0 12px;
  color: var(--NumbersNavy);
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 21px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.6px;
}
#VaaniProjectNumbers .ProjectNumberContent p {
  max-width: 280px;
  margin: 0;
  color: var(--NumbersText);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.65;
}
#VaaniProjectNumbers .ProjectNumbersFooter {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 28px;
  padding-top: 28px;
}
#VaaniProjectNumbers .ProjectNumbersFooter span {
  position: relative;
  color: var(--NumbersText);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 10px;
  font-weight: 650;
  line-height: 1.3;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}
#VaaniProjectNumbers .ProjectNumbersFooter span:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: -17px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--NumbersBlue);
  transform: translateY(-50%);
  content: "";
}

#VaaniServices {
  --ServicesBackground: #07132f;
  --ServicesBackgroundDeep: #040d24;
  --ServicesSurface: #0d1b3d;
  --ServicesWhite: #ffffff;
  --ServicesText: rgba(255, 255, 255, 0.62);
  --ServicesMuted: rgba(255, 255, 255, 0.28);
  --ServicesBorder: rgba(255, 255, 255, 0.1);
  --ServicesBlue: #6591ff;
  position: relative;
  padding: 0;
  overflow: clip;
  color: var(--ServicesWhite);
  background: radial-gradient(circle at 75% 10%, rgba(58, 92, 174, 0.2), transparent 36%), linear-gradient(110deg, var(--ServicesBackgroundDeep) 0%, var(--ServicesBackground) 48%, #122552 100%);
}
#VaaniServices .container {
  width: calc(100% - 7.5vw);
  max-width: none;
  margin: 0 0 0 7.5vw;
}
#VaaniServices .VaaniServicesHeader {
  width: calc(100% - 7.5vw);
  display: block;
  margin: 0;
  padding: 85px 7.5vw 70px 0;
  text-align: center;
  border: 0;
}
#VaaniServices .SectionTitle {
  max-width: 820px;
  margin: 0 auto;
}
#VaaniServices .SubTitle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 18px;
  color: var(--ServicesBlue);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
#VaaniServices .SubTitle::before {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: currentColor;
  content: "";
}
#VaaniServices .SectionHeading {
  max-width: 760px;
  margin: 0 auto;
  color: var(--ServicesWhite);
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 58px;
  font-weight: 600;
  line-height: 1.04;
  letter-spacing: -2.8px;
}
#VaaniServices .SectionDescription {
  max-width: 630px;
  margin: 18px auto 0;
  color: var(--ServicesText);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
}
#VaaniServices .VaaniServicesLayout {
  display: grid;
  grid-template-columns: 420px minmax(0, 1fr);
  gap: 55px;
  align-items: start;
}
#VaaniServices .VaaniServicesSidebar {
  position: sticky;
  top: 40px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 55px 0;
}
#VaaniServices .VaaniServicesNavigation {
  display: flex;
  flex-direction: column;
  border: 0;
}
#VaaniServices .VaaniServiceLink {
  position: relative;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 75px;
  padding: 22px 0;
  overflow: hidden;
  color: var(--ServicesMuted);
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.6px;
  text-decoration: none;
  border-bottom: 1px solid var(--ServicesBorder);
  transition: color 0.35s ease, padding-left 0.35s ease, opacity 0.35s ease;
}
#VaaniServices .VaaniServiceLink:first-child {
  border-top: 1px solid var(--ServicesBorder);
}
#VaaniServices .VaaniServiceLink::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  background: var(--ServicesBlue);
  transform: scaleY(0);
  transform-origin: center top;
  transition: transform 0.35s ease;
  content: "";
}
#VaaniServices .VaaniServiceLink::after {
  display: none;
}
#VaaniServices .VaaniServiceLink > span {
  color: rgba(255, 255, 255, 0.24);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1px;
  transition: color 0.35s ease;
}
#VaaniServices .VaaniServiceLink:hover, #VaaniServices .VaaniServiceLink:focus-visible {
  color: rgba(255, 255, 255, 0.75);
}
#VaaniServices .VaaniServiceLink:focus-visible {
  outline: 1px solid var(--ServicesBlue);
  outline-offset: 4px;
}
#VaaniServices .VaaniServiceLink.is-active {
  padding-left: 18px;
  color: var(--ServicesWhite);
}
#VaaniServices .VaaniServiceLink.is-active::before {
  transform: scaleY(1);
}
#VaaniServices .VaaniServiceLink.is-active > span {
  color: var(--ServicesBlue);
}
#VaaniServices .VaaniServiceActiveContent {
  min-height: 210px;
  margin-top: 30px;
  padding: 0 0 0 18px;
  border-left: 1px solid var(--ServicesBorder);
}
#VaaniServices .VaaniServiceActiveNumber {
  display: block;
  margin-bottom: 16px;
  color: var(--ServicesBlue);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1.2px;
}
#VaaniServices .VaaniServiceActiveTitle {
  display: none;
}
#VaaniServices .VaaniServiceActiveDescription {
  max-width: 360px;
  margin: 0 0 21px;
  color: var(--ServicesText);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}
#VaaniServices .VaaniServiceActiveList {
  display: flex;
  flex-direction: column;
  gap: 11px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#VaaniServices .VaaniServiceActiveList li {
  position: relative;
  padding-left: 17px;
  color: rgba(255, 255, 255, 0.42);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 13px;
  font-weight: 550;
  line-height: 1.4;
}
#VaaniServices .VaaniServiceActiveList li::before {
  position: absolute;
  top: 8px;
  left: 0;
  width: 5px;
  height: 1px;
  background: var(--ServicesBlue);
  content: "";
}
#VaaniServices .VaaniServicesVisuals {
  min-width: 0;
}
#VaaniServices .VaaniServicePanel {
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 45px 0;
  scroll-margin-top: 30px;
}
#VaaniServices .VaaniServicePanel:first-child {
  padding-top: 0;
}
#VaaniServices .VaaniServicePanel:last-child {
  padding-bottom: 0;
}
#VaaniServices .VaaniServiceMedia {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0;
  overflow: hidden;
  background: #e6e6e2;
  border-radius: 18px 0 0 18px;
  box-shadow: -20px 30px 80px rgba(0, 0, 0, 0.22);
}
#VaaniServices .VaaniServiceMedia::before {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  box-shadow: inset 1px 0 rgba(255, 255, 255, 0.22), inset 0 1px rgba(255, 255, 255, 0.12);
  content: "";
}
#VaaniServices .VaaniServiceMedia::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(7, 19, 47, 0.12) 0%, transparent 22%), linear-gradient(180deg, transparent 65%, rgba(4, 10, 25, 0.25) 100%);
  content: "";
}
#VaaniServices .VaaniServiceMedia img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left center;
     object-position: left center;
  transform: scale(1.03);
  will-change: transform;
}
#VaaniServices .VaaniServiceMedia figcaption {
  display: none;
}

#VaaniChallenges2 {
  --ChallengeNavy: #06133f;
  --ChallengeBlue: var(--GafBlue, #385ae7);
  --ChallengeBackground: #f4f4f0;
  --ChallengeWhite: #ffffff;
  --ChallengeText: #5f6570;
  --ChallengeMuted: #9b9ea5;
  --ChallengeBorder: rgba(6, 19, 63, 0.14);
  position: relative;
  padding: 125px 0;
  overflow: hidden;
  background: var(--ChallengeWhite);
}
#VaaniChallenges2::before {
  position: absolute;
  top: 0;
  right: 7%;
  width: 1px;
  height: 100%;
  background: rgba(6, 19, 63, 0.05);
  content: "";
}
#VaaniChallenges2 .container {
  width: calc(100% - 128px);
  max-width: 1780px;
  margin: 0 auto;
}
#VaaniChallenges2 .VaaniChallengesHeader {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(340px, 0.75fr);
  gap: 100px;
  align-items: end;
  margin-bottom: 78px;
}
#VaaniChallenges2 .SectionTitle {
  max-width: 900px;
}
#VaaniChallenges2 .SubTitle {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 20px;
  color: var(--ChallengeBlue);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
#VaaniChallenges2 .SubTitle::before {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: currentColor;
  content: "";
}
#VaaniChallenges2 .SectionHeading {
  max-width: 870px;
  margin: 0;
  color: var(--ChallengeNavy);
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 60px;
  font-weight: 600;
  line-height: 1.06;
  letter-spacing: -3px;
}
#VaaniChallenges2 .SectionDescription {
  max-width: 500px;
  margin: 0 0 7px;
  color: var(--ChallengeText);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.75;
}
#VaaniChallenges2 .VaaniChallengesLayout {
  display: grid;
  grid-template-columns: minmax(420px, 0.86fr) minmax(0, 1.14fr);
  min-height: 610px;
  border-top: 1px solid var(--ChallengeBorder);
  border-bottom: 1px solid var(--ChallengeBorder);
}
#VaaniChallenges2 .VaaniChallengeFocus {
  position: relative;
  min-height: 610px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 38px 42px 44px;
  overflow: hidden;
  color: var(--ChallengeWhite);
  background: var(--ChallengeNavy);
}
#VaaniChallenges2 .VaaniChallengeFocus::before, #VaaniChallenges2 .VaaniChallengeFocus::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
}
#VaaniChallenges2 .VaaniChallengeFocus::before {
  z-index: 1;
  background: linear-gradient(180deg, rgba(3, 10, 29, 0.18) 0%, rgba(3, 10, 29, 0.12) 34%, rgba(3, 10, 29, 0.86) 78%, rgba(3, 10, 29, 0.97) 100%), linear-gradient(90deg, rgba(3, 10, 29, 0.38) 0%, rgba(3, 10, 29, 0.04) 65%);
}
#VaaniChallenges2 .VaaniChallengeFocus::after {
  z-index: 3;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11);
}
#VaaniChallenges2 .VaaniChallengeFocusMedia {
  position: absolute;
  inset: 0;
  margin: 0;
}
#VaaniChallenges2 .VaaniChallengeFocusMedia picture {
  width: 100%;
  height: 100%;
  display: block;
}
#VaaniChallenges2 .VaaniChallengeFocusMedia img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 52% center;
     object-position: 52% center;
  transform: scale(1.01);
  transition: transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);
}
#VaaniChallenges2 .VaaniChallengeFocus:hover .VaaniChallengeFocusMedia img {
  transform: scale(1.045);
}
#VaaniChallenges2 .VaaniChallengeFocusTop {
  position: relative;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  color: rgba(255, 255, 255, 0.68);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 9px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
#VaaniChallenges2 .VaaniChallengeFocusTop span:last-child {
  color: rgba(255, 255, 255, 0.65);
}
#VaaniChallenges2 .VaaniChallengeFocusLabel {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 10px 13px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(5, 15, 43, 0.38);
  backdrop-filter: blur(10px);
}
#VaaniChallenges2 .VaaniChallengeFocusLabel::before {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: #82a2ff;
  box-shadow: 0 0 14px rgba(130, 162, 255, 0.65);
  content: "";
}
#VaaniChallenges2 .VaaniChallengeFocusContent {
  position: relative;
  z-index: 4;
  max-width: 560px;
}
#VaaniChallenges2 .VaaniChallengeFocusContent h3 {
  margin: 0 0 18px;
  color: var(--ChallengeWhite);
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 40px;
  font-weight: 550;
  line-height: 1.1;
  letter-spacing: -1.6px;
}
#VaaniChallenges2 .VaaniChallengeFocusContent p {
  max-width: 430px;
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.65;
}
#VaaniChallenges2 .VaaniChallengeList {
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  border-left: 1px solid var(--ChallengeBorder);
}
#VaaniChallenges2 .VaaniChallengeItem {
  position: relative;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 35px;
  gap: 34px;
  align-items: center;
  padding: 42px 45px;
  overflow: hidden;
  border-bottom: 1px solid var(--ChallengeBorder);
  transition: background-color 0.35s ease, padding-left 0.35s ease;
}
#VaaniChallenges2 .VaaniChallengeItem:last-child {
  border-bottom: 0;
}
#VaaniChallenges2 .VaaniChallengeItem::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background: var(--ChallengeBlue);
  transform: scaleY(0);
  transform-origin: center top;
  transition: transform 0.35s ease;
  content: "";
}
#VaaniChallenges2 .VaaniChallengeItem:hover {
  padding-left: 54px;
  background: rgba(255, 255, 255, 0.72);
}
#VaaniChallenges2 .VaaniChallengeItem:hover::before {
  transform: scaleY(1);
}
#VaaniChallenges2 .VaaniChallengeItem:hover .VaaniChallengeNumber,
#VaaniChallenges2 .VaaniChallengeItem:hover .VaaniChallengeArrow {
  color: var(--ChallengeBlue);
}
#VaaniChallenges2 .VaaniChallengeItem:hover .VaaniChallengeArrow {
  transform: translate(4px, -4px);
}
#VaaniChallenges2 .VaaniChallengeNumber {
  align-self: start;
  padding-top: 7px;
  color: var(--ChallengeMuted);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1px;
  transition: color 0.35s ease;
}
#VaaniChallenges2 .VaaniChallengeContent h3 {
  margin: 0 0 11px;
  color: var(--ChallengeNavy);
  font-family: var(--GafHeadingFont, "Satoshi", Arial, sans-serif);
  font-size: 25px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.8px;
}
#VaaniChallenges2 .VaaniChallengeContent p {
  max-width: 510px;
  margin: 0;
  color: var(--ChallengeText);
  font-family: var(--GafBodyFont, "Satoshi", Arial, sans-serif);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.65;
}
#VaaniChallenges2 .VaaniChallengeArrow {
  align-self: start;
  justify-self: end;
  color: rgba(6, 19, 63, 0.3);
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  transition: color 0.35s ease, transform 0.35s ease;
}/*# sourceMappingURL=style.css.map */