/* [project]/src/app/checkup-landing.css [app-client] (css) */
:root {
  --grad-checkup: linear-gradient(120deg, #14296b 0%, #1e3e98 55%, #3660d0 100%);
  --grad-checkup-vivid: linear-gradient(120deg, #14296b 0%, #1e3e98 55%, #4f74de 100%);
  --grad-bar: linear-gradient(90deg, #14296b 0%, #1e3e98 40%, #3660d0 75%, #6366f1 100%);
  --grad-sentinel: linear-gradient(120deg, #c42c77 0%, #ec4899 55%, #f472b6 100%);
  --grad-braike-ai: linear-gradient(115deg,
    #ff6b1a 0%,
    #f57c2a 25%,
    #ec4899 55%,
    #6366f1 80%);
}

.checkup-landing {
  font-family: var(--font-dm-sans), ui-sans-serif, sans-serif;
  color: var(--color-txt2);
  scroll-behavior: smooth;
}

.checkup-grad {
  background: var(--grad-checkup);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.sentinel-grad {
  background: var(--grad-sentinel);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.braike-ai-grad {
  background: linear-gradient(115deg, #d2451a 0%, #db2777 45%, #4f46e5 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.checkup-spark {
  stroke-dasharray: 15 85;
  animation: 1.9s linear infinite pulserun;
}

@keyframes pulserun {
  from {
    stroke-dashoffset: 100px;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@keyframes heroFloat {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-12px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .checkup-spark {
    animation: none;
  }
}

@layer components {
  .display {
    font-family: var(--font-raleway), ui-sans-serif, sans-serif;
    letter-spacing: -.02em;
  }

  .lp-mono {
    font-family: ui-monospace, SFMono-Regular, JetBrains Mono, Menlo, Consolas, monospace;
  }
}

.nav-link {
  font-family: var(--font-raleway), ui-sans-serif, sans-serif;
  color: var(--color-txt);
  font-size: 14px;
  font-weight: 600;
  transition: color .2s;
}

.nav-link:hover {
  color: var(--color-cai);
}

.glass {
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  backdrop-filter: blur(18px) saturate(160%);
  border-radius: var(--radius-xl2);
  background: linear-gradient(160deg, #ffffffb8 0%, #ffffff6b 100%);
  border: 1px solid #fff9;
  transition: transform .35s cubic-bezier(.21, .47, .32, .98), box-shadow .35s, border-color .35s;
  position: relative;
  box-shadow: inset 0 1px #ffffffb3, 0 8px 24px #112d4a14, 0 24px 56px #3660d01a;
}

.glass:before {
  content: "";
  border-radius: inherit;
  -webkit-mask-composite: xor;
  pointer-events: none;
  background: linear-gradient(160deg, #ffffffe6, #fff0 40%);
  padding: 1px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

.glass:hover {
  border-color: #3660d059;
  transform: translateY(-5px);
  box-shadow: inset 0 1px #fffc, 0 14px 34px #112d4a1f, 0 34px 80px #3660d033;
}

.glass-dark {
  -webkit-backdrop-filter: blur(16px) saturate(150%);
  backdrop-filter: blur(16px) saturate(150%);
  border-radius: var(--radius-xl2);
  background: linear-gradient(160deg, #ffffff24 0%, #ffffff0d 100%);
  border: 1px solid #ffffff2e;
  box-shadow: inset 0 1px #ffffff40, 0 18px 50px #00000040;
}

.glass-chip {
  -webkit-backdrop-filter: blur(12px) saturate(160%);
  backdrop-filter: blur(12px) saturate(160%);
  background: #ffffff8c;
  border: 1px solid #ffffffb3;
  box-shadow: 0 4px 16px #112d4a14;
}

.glass-mesh {
  background: radial-gradient(40% 50% at 12% 18%, #3660d047, #0000 70%), radial-gradient(38% 46% at 85% 12%, #1e3e9838, #0000 70%), radial-gradient(45% 55% at 75% 80%, #6366f133, #0000 70%), radial-gradient(40% 50% at 20% 85%, #7a98dd24, #0000 70%);
}

:root {
  --nappe-hero: radial-gradient(48% 42% at 2% -4%, #6366f18f, transparent 64%),
    radial-gradient(40% 36% at 30% 4%, #7c3aed52, transparent 64%),
    radial-gradient(64% 68% at 100% 24%, #14296bf2, transparent 72%),
    radial-gradient(52% 48% at 62% 106%, #14296bc7, transparent 72%),
    radial-gradient(38% 36% at 12% 96%, #ec48992e, transparent 70%),
    linear-gradient(146deg,
      #a6bef4 0%,
      #89a6ec 22%,
      #6d92e4 48%,
      #4a6cd2 76%,
      #3d5fca 100%);
  --nappe-profonde: radial-gradient(55% 70% at 88% 0%, #6366f166, transparent 62%),
    radial-gradient(55% 75% at 4% 100%, #142e7d6b, transparent 62%),
    linear-gradient(152deg, #1d3d95 0%, #2a51b8 50%, #3a63cf 100%);
  --nappe-archi: var(--nappe-hero);
  --nappe-page: radial-gradient(46% 42% at 3% -8%, #6366f14d, transparent 62%),
    radial-gradient(52% 56% at 97% 8%, #3660d042, transparent 66%),
    radial-gradient(42% 46% at 72% 104%, #1e3e982e, transparent 70%),
    linear-gradient(150deg, #d3dffc 0%, #c0d3f9 38%, #adc4f5 72%, #9db8f1 100%);
}

.page-mesh {
  background: var(--nappe-page);
}

.hero-mesh {
  background: var(--nappe-hero);
}

.archi-mesh {
  background: var(--nappe-archi);
}

@keyframes reelScroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

.reel-track {
  -webkit-mask-image: linear-gradient(90deg, #0000, #000 8% 92%, #0000);
  mask-image: linear-gradient(90deg, #0000, #000 8% 92%, #0000);
}

.reel-lane {
  animation: 42s linear infinite reelScroll;
}

@media (prefers-reduced-motion: reduce) {
  .reel-lane {
    animation: none;
  }
}

.shine {
  position: relative;
  overflow: hidden;
}

.shine:after {
  content: "";
  background: linear-gradient(120deg, #0000 30%, #ffffff59 50%, #0000 70%);
  transition: transform .6s;
  position: absolute;
  inset: 0;
  transform: translateX(-120%);
}

.shine:hover:after {
  transform: translateX(120%);
}

.dot-grid {
  background-image: radial-gradient(var(--color-brd) 1px, transparent 1px);
  background-size: 22px 22px;
  -webkit-mask-image: radial-gradient(#000 0%, #0000 75%);
  mask-image: radial-gradient(#000 0%, #0000 75%);
}

/*# sourceMappingURL=src_app_checkup-landing_0s785oc.css.map*/