/* [next]/internal/font/google/geist_a71539c9.module.css [app-client] (css) */
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/53b9e256198e5412-s.390ncx5urfkfu.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/7178b3e590c64307-s.21jp631_3pja2.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Fallback;
  src: local(Arial);
  ascent-override: 95.94%;
  descent-override: 28.16%;
  line-gap-override: 0.0%;
  size-adjust: 104.76%;
}

.geist_a71539c9-module__T19VSG__className {
  font-family: Geist, Geist Fallback;
  font-style: normal;
}

.geist_a71539c9-module__T19VSG__variable {
  --font-geist-sans: "Geist", "Geist Fallback";
}

/* [next]/internal/font/google/geist_mono_8d43a2aa.module.css [app-client] (css) */
@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/5ce348bf30bf5439-s.31988l_ccedte.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2") format("woff2");
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Mono Fallback;
  src: local(Arial);
  ascent-override: 74.67%;
  descent-override: 21.92%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.geist_mono_8d43a2aa-module__8Li5zG__className {
  font-family: Geist Mono, Geist Mono Fallback;
  font-style: normal;
}

.geist_mono_8d43a2aa-module__8Li5zG__variable {
  --font-geist-mono: "Geist Mono", "Geist Mono Fallback";
}

/* [project]/app/globals.css [app-client] (css) */
:root {
  --bg: #fffafc;
  --surface: #fff;
  --surface-soft: #fdf3f6;
  --primary: #4b1f38;
  --primary-dark: #311326;
  --primary-light: #6d3152;
  --accent: #e85d75;
  --accent-soft: #fbe5ea;
  --text: #241b20;
  --text-soft: #74656d;
  --border: #eadfe3;
  --shadow-sm: 0 8px 24px #4a1f3514;
  --shadow-md: 0 18px 50px #4a1f351f;
  --shadow-lg: 0 30px 80px #4a1f3529;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--bg);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}

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

.navbar {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  z-index: 100;
  background: #fffafceb;
  border-bottom: 1px solid #eadfe3cc;
  justify-content: space-between;
  align-items: center;
  min-height: 78px;
  padding: 0 7%;
  display: flex;
  position: sticky;
  top: 0;
}

.logo {
  letter-spacing: -1.3px;
  align-items: center;
  font-size: 26px;
  font-weight: 850;
  display: flex;
}

.heart {
  color: var(--accent);
  margin-right: 7px;
  font-size: 27px;
}

nav {
  align-items: center;
  gap: 30px;
  font-size: 14px;
  font-weight: 650;
  display: flex;
}

nav a {
  transition: all .2s;
}

nav a:hover {
  color: var(--accent);
}

.navButton {
  background: var(--primary);
  color: #fff;
  box-shadow: var(--shadow-sm);
  border-radius: 999px;
  padding: 12px 21px;
}

.navButton:hover {
  background: var(--primary-dark);
  color: #fff;
  transform: translateY(-1px);
}

.hero {
  background: radial-gradient(circle at 83% 20%, #e85d752e, #0000 31%), radial-gradient(circle at 20% 90%, #4b1f3814, #0000 35%), linear-gradient(135deg, #fffafc 0%, #fff5f8 45%, #fff 100%);
  grid-template-columns: 1.08fr .92fr;
  align-items: center;
  gap: 50px;
  min-height: 680px;
  padding: 90px 8%;
  display: grid;
  overflow: hidden;
}

.heroContent {
  max-width: 720px;
}

.eyebrow, .sectionLabel {
  color: var(--accent);
  letter-spacing: 3.2px;
  font-size: 12px;
  font-weight: 850;
}

h1 {
  letter-spacing: -4px;
  margin: 21px 0 25px;
  font-size: clamp(50px, 6.2vw, 82px);
  font-weight: 850;
  line-height: .98;
}

h1 span {
  background: linear-gradient(90deg,
    var(--accent),
    var(--primary-light));
  color: #0000;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  display: block;
}

.heroContent > p {
  max-width: 610px;
  color: var(--text-soft);
  font-size: 19px;
  line-height: 1.75;
}

.heroButtons {
  align-items: center;
  gap: 14px;
  margin-top: 36px;
  display: flex;
}

.primaryButton, .secondaryButton {
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  padding: 0 27px;
  font-weight: 750;
  transition: transform .2s, background .2s, box-shadow .2s;
  display: inline-flex;
}

.primaryButton {
  background: var(--primary);
  color: #fff;
  box-shadow: 0 12px 30px #4b1f3838;
}

.primaryButton:hover {
  background: var(--primary-dark);
  transform: translateY(-2px);
  box-shadow: 0 17px 38px #4b1f3847;
}

.secondaryButton {
  border: 1px solid var(--border);
  color: var(--primary);
  background: #ffffffe6;
  box-shadow: 0 8px 25px #4a1f350d;
}

.secondaryButton:hover {
  background: var(--accent-soft);
  border-color: #e85d7573;
  transform: translateY(-2px);
}

.features {
  color: var(--text-soft);
  flex-wrap: wrap;
  gap: 26px;
  margin-top: 42px;
  font-size: 13px;
  font-weight: 650;
  display: flex;
}

.features strong {
  color: var(--accent);
  margin-right: 5px;
}

.heroVisual {
  height: 500px;
  position: relative;
}

.card {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  width: 310px;
  height: 405px;
  box-shadow: var(--shadow-lg);
  text-align: center;
  background: #fffffff0;
  border: 1px solid #ffffffd9;
  border-radius: 36px;
  position: absolute;
}

.cardBack {
  opacity: .95;
  background: linear-gradient(145deg, #f7dce4, #efd4df);
  top: 20px;
  right: 30px;
  transform: rotate(8deg);
}

.cardFront {
  padding: 60px 28px;
  top: 62px;
  right: 105px;
  transform: rotate(-4deg);
}

.avatar {
  width: 155px;
  height: 155px;
  color: var(--accent);
  background: linear-gradient(145deg, #fdecef, #f4ccd6);
  border-radius: 50%;
  place-items: center;
  margin: auto;
  font-size: 70px;
  display: grid;
  box-shadow: inset 0 0 0 1px #e85d7521;
}

.card h3 {
  letter-spacing: -.5px;
  margin: 30px 0 8px;
  font-size: 23px;
}

.card p {
  color: var(--text-soft);
  margin: 0;
}

.how {
  background: var(--surface);
  text-align: center;
  padding: 110px 8%;
}

.how h2, .safety h2 {
  letter-spacing: -2px;
  margin: 14px 0 54px;
  font-size: clamp(36px, 4vw, 48px);
  line-height: 1.05;
}

.steps {
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  max-width: 1150px;
  margin: auto;
  display: grid;
}

.steps article {
  border: 1px solid var(--border);
  text-align: left;
  box-shadow: var(--shadow-sm);
  background: linear-gradient(#fff, #fffafc);
  border-radius: 26px;
  padding: 40px;
  transition: transform .25s, box-shadow .25s;
}

.steps article:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-6px);
}

.steps article span {
  background: var(--accent-soft);
  width: 42px;
  height: 42px;
  color: var(--accent);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 850;
  display: inline-flex;
}

.steps h3 {
  letter-spacing: -.5px;
  margin: 25px 0 12px;
  font-size: 22px;
}

.steps p {
  color: var(--text-soft);
  margin: 0;
  line-height: 1.7;
}

.safety {
  color: #fff;
  background: radial-gradient(circle at 90% 20%,
      #e85d7540,
      transparent 35%),
    linear-gradient(135deg,
      var(--primary-dark),
      var(--primary));
  border-radius: 34px;
  justify-content: space-between;
  align-items: center;
  margin: 80px 8%;
  padding: 70px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 28px 70px #3113262e;
}

.safety h2 {
  margin-bottom: 20px;
}

.safety p {
  color: #eadde4;
  max-width: 610px;
  margin: 0;
  font-size: 16px;
  line-height: 1.75;
}

.safety .sectionLabel {
  color: #ffb4c4;
}

.shield {
  color: #ffc1cfe6;
  padding-left: 50px;
  font-size: 110px;
}

footer {
  border-top: 1px solid var(--border);
  background: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 38px 8%;
  display: flex;
}

footer p {
  color: var(--text-soft);
  margin: 0;
  font-size: 13px;
}

@media (max-width: 1000px) {
  .hero {
    grid-template-columns: 1fr;
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .heroVisual {
    display: none;
  }

  .heroContent {
    max-width: 800px;
  }
}

@media (max-width: 850px) {
  nav {
    gap: 10px;
  }

  nav a:not(.navButton) {
    display: none;
  }

  .steps {
    grid-template-columns: 1fr;
  }

  .safety {
    padding: 48px 32px;
  }

  .shield {
    display: none;
  }
}

@media (max-width: 600px) {
  .navbar {
    padding: 0 5%;
  }

  .logo {
    font-size: 22px;
  }

  .navButton {
    padding: 10px 15px;
    font-size: 13px;
  }

  .hero {
    min-height: auto;
    padding: 65px 6%;
  }

  h1 {
    letter-spacing: -3px;
    font-size: 48px;
  }

  .heroContent > p {
    font-size: 17px;
  }

  .heroButtons {
    flex-direction: column;
    align-items: stretch;
  }

  .primaryButton, .secondaryButton {
    width: 100%;
  }

  .features {
    flex-direction: column;
    gap: 10px;
  }

  .how {
    padding: 80px 6%;
  }

  .steps article {
    padding: 30px;
  }

  .safety {
    margin: 50px 6%;
    padding: 40px 28px;
  }

  footer {
    text-align: center;
    flex-direction: column;
    gap: 15px;
    padding: 30px 6%;
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__0cbk-n2._.css.map*/