@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap");

:root {
  --pink: #ff00a2;
  --blue: #0066f5;
}

html,
body {
  margin: 0 !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  background: transparent !important;
  font-family: "Inter", sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
}

body::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background-image: url("./assets/862abbf0ba715c2f4108983801176936dc94423e-DGXkESIW.png") !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
}

#root,
#root > div,
[data-name="Home Page"] {
  min-height: 9900px !important;
  overflow-x: clip !important;
}

[class*="Cormorant_Garamond"] {
  font-family: "Cormorant Garamond", serif !important;
  letter-spacing: 0 !important;
}

[class*="Inter"] {
  font-family: "Inter", sans-serif !important;
  letter-spacing: 0 !important;
}

[data-name="Home Page"] {
  background: transparent !important;
  position: relative !important;
  backface-visibility: hidden !important;
}

[data-name="background image"] {
  display: none !important;
}

/* Remove the tiny floating logo in the Step section without affecting header/footer logos. */
[data-name="Home Page"] > [data-name="LOGO 2"] {
  display: none !important;
}

[data-name="Home Page"] p[class*="bg-gradient-to"],
[data-name="Home Page"] div[class*="bg-gradient-to"][class*="text-[transparent]"] {
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Match the reference hero with the uploaded transparent girl image. */
[data-name="edited-photo (24) 2"] {
  left: 515px !important;
  top: 56px !important;
  width: 870px !important;
  height: 920px !important;
  overflow: visible !important;
  background-image: url("./assets/edited-photo-21.png") !important;
  background-repeat: no-repeat !important;
  background-position: center bottom !important;
  background-size: contain !important;
}

[data-name="edited-photo (24) 2"] img {
  opacity: 0 !important;
}

[data-name="Section 1 Image"] {
  left: 200px !important;
  top: 1270px !important;
  width: 430px !important;
  height: 520px !important;
  overflow: visible !important;
}

[data-name="Section 1 Image"] > div {
  overflow: visible !important;
}

[data-name="Section 1 Image"] img {
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
  object-fit: contain !important;
}

[data-name="Container"][class*="top-[1922px]"] p,
[data-name="Container"][class*="top-[1922px]"] div {
  font-size: 24px !important;
  line-height: 1.25 !important;
}

[data-name="Container"][class*="top-[1922px]"] > p {
  left: 240px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  height: auto !important;
  width: 330px !important;
}

[data-name="Container"][class*="top-[1922px]"] > div[class*="leading"] {
  left: 670px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  width: 520px !important;
}

[data-name="Container"][class*="top-[1922px]"] > div[class*="items-center"][class*="justify-center"] {
  left: 610px !important;
}

[data-name="Home Page"] > p[class*="top-[1681px]"] {
  font-size: 24px !important;
  line-height: 1.25 !important;
  width: 620px !important;
  height: auto !important;
}

[data-name="Home Page"] > div[class*="top-[1743px]"] {
  font-size: 24px !important;
  line-height: 1.25 !important;
  width: 520px !important;
}

[data-name="Home Page"] > div[class*="top-[1743px]"] p,
[data-name="Home Page"] > div[class*="top-[1743px]"] li,
[data-name="Home Page"] > div[class*="top-[1743px]"] span {
  font-size: 24px !important;
  line-height: 1.25 !important;
}

/* Keep the main services headline visible (not affected by reveal hide states). */
[data-name="Services Headline"] {
  opacity: 1 !important;
  transform: none !important;
  z-index: 4 !important;
}

/* New standalone headline in the marked blank area (separate from Services Headline). */
[data-name="Visible Results Headline"] {
  display: block !important;
  opacity: 1 !important;
  transform: none !important;
  z-index: 6 !important;
  top: 5100px !important;
  left: 48px !important;
  width: 680px !important;
  height: auto !important;
  font-size: 76px !important;
  line-height: 1.06 !important;
  text-align: left !important;
  -webkit-text-fill-color: transparent !important;
  pointer-events: none !important;
}

/* Keep CTA visible in the first viewport hero section. */
[data-name="Button Container"] {
  position: absolute !important;
  left: 68px !important;
  top: 710px !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 20 !important;
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

[data-name="sec4 img"] {
  left: 150px !important;
  top: 2920px !important;
  width: 1460px !important;
  height: 1680px !important;
  overflow: visible !important;
  z-index: 2 !important;
}

[data-name="sec4 img"] > div {
  overflow: visible !important;
}

[data-name="sec4 img"] img {
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
  object-fit: contain !important;
  transform: none !important;
}

/* Keep the generated footer at the page end instead of letting it stick to the viewport. */
[data-name="Home Page"] > div:has(> [data-name="Navigation / Footer"]) {
  position: absolute !important;
  top: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 264px !important;
  pointer-events: auto !important;
  z-index: 50 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: linear-gradient(180deg, #f4f4f4 0%, #e7e7e7 100%) !important;
  border-top: 4px solid transparent !important;
  border-image: linear-gradient(90deg, #ff00a2, #0066f5) 1 !important;
}

[data-name="Navigation / Footer"] {
  position: relative !important;
  top: auto !important;
  width: 100% !important;
  height: 264px !important;
  transform: none !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 51 !important;
  background: transparent !important;
}

[data-name] img,
[data-name] p,
[data-name] div,
[data-name] li,
[data-name] ul {
  backface-visibility: hidden !important;
}

/* Keep final CTA section visible in server build. */
[data-name="Home Page"] > p[class*="top-[8185px]"],
[data-name="Home Page"] > div[class*="top-[8665px]"],
[data-name="Home Page"] > div[class*="top-[8667px]"],
[data-name="Home Page"] > div[class*="top-[8669px]"] {
  opacity: 1 !important;
  transform: none !important;
  z-index: 6 !important;
}