/* [project]/src/app/components/Nav/Nav.module.css [app-client] (css) */
:root {
  --black: #000;
  --smoke: #e9eef3;
  --muted: #b6c2cc;
  --accent: #16c7c3;
  --ring: #16c7c359;
  --shadow-soft: 0 8px 24px #00000073;
  --shadow-strong: 0 14px 36px #0000008c;
}

@font-face {
  font-family: Nebula;
  src: url("/fonts/Nebula-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.Nav-module__E60vlq__navbar {
  z-index: 1500;
  width: min(90vw, 1200px);
  height: 70px;
  box-shadow: var(--shadow-soft);
  color: var(--smoke);
  background: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 40px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  column-gap: 2rem;
  margin-top: 25px;
  padding: 0 30px;
  font-family: Nebula, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  transition: background .25s, box-shadow .25s, border-color .25s;
  display: grid;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.Nav-module__E60vlq__navbarScrolled, .Nav-module__E60vlq__navbarOpen {
  box-shadow: var(--shadow-strong);
  background: #ffffff0f;
  border-color: #ffffff1a;
}

@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))) {
  .Nav-module__E60vlq__navbar, .Nav-module__E60vlq__navbarScrolled, .Nav-module__E60vlq__navbarOpen {
    -webkit-backdrop-filter: saturate(140%) blur(6px);
    backdrop-filter: saturate(140%) blur(6px);
  }
}

.Nav-module__E60vlq__logo {
  align-items: center;
  gap: 8px;
  min-width: 120px;
  display: flex;
}

.Nav-module__E60vlq__logoIcon {
  align-items: center;
  display: flex;
}

.Nav-module__E60vlq__logoImg {
  width: auto;
  height: auto;
  display: block;
}

.Nav-module__E60vlq__logoIcon img {
  object-fit: contain;
  max-width: 150px;
  height: auto;
  margin-top: 10px;
}

.Nav-module__E60vlq__centerNav {
  justify-self: center;
  align-items: center;
  gap: clamp(1.25rem, 4vw, 3rem);
  height: 100%;
  display: flex;
}

.Nav-module__E60vlq__centerNav a {
  color: var(--smoke);
  outline: none;
  padding: .5rem 0;
  font-size: clamp(1rem, 1.2vw, 1.2rem);
  font-weight: 700;
  text-decoration: none;
  transition: color .25s, box-shadow .25s;
}

.Nav-module__E60vlq__centerNav a {
  color: var(--smoke);
  outline: none;
  padding: .5rem 0;
  font-size: clamp(1rem, 1.2vw, 1.2rem);
  font-weight: 700;
  text-decoration: none;
  transition: color .25s, box-shadow .25s;
}

.Nav-module__E60vlq__centerNav a:hover {
  color: var(--accent);
}

.Nav-module__E60vlq__centerNav a:hover {
  color: var(--accent);
}

.Nav-module__E60vlq__active {
  position: relative;
  color: var(--accent) !important;
}

.Nav-module__E60vlq__active:after {
  content: "";
  background: var(--accent);
  border-radius: 1px;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: .2rem;
  left: 0;
}

.Nav-module__E60vlq__rightActions {
  justify-self: end;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.Nav-module__E60vlq__cta {
  background: var(--accent);
  color: #001011;
  border-radius: 9999px;
  padding: .65rem 1rem;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 1px 2px #00000014, 0 8px 24px #16c7c347;
}

.Nav-module__E60vlq__navToggle {
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  flex-direction: column;
  justify-content: space-between;
  width: 34px;
  height: 26px;
  display: none;
}

.Nav-module__E60vlq__bar {
  background-color: var(--smoke);
  border-radius: 2px;
  width: 100%;
  height: 4px;
  margin: 3px 0;
  transition: transform .3s, opacity .3s, background-color .3s;
}

.Nav-module__E60vlq__navToggle.Nav-module__E60vlq__open .Nav-module__E60vlq__bar:first-child {
  transform: translateY(9px)rotate(45deg);
}

.Nav-module__E60vlq__navToggle.Nav-module__E60vlq__open .Nav-module__E60vlq__bar:nth-child(2) {
  opacity: 0;
}

.Nav-module__E60vlq__navToggle.Nav-module__E60vlq__open .Nav-module__E60vlq__bar:nth-child(3) {
  transform: translateY(-9px)rotate(-45deg);
}

.Nav-module__E60vlq__navToggle:focus-visible {
  box-shadow: 0 0 0 3px var(--ring);
  border-radius: 8px;
}

.Nav-module__E60vlq__navMenuMobile {
  background: var(--black);
  will-change: transform;
  z-index: 2000;
  border-left: 1px solid #16c7c32e;
  flex-direction: column;
  width: 75vw;
  max-width: 360px;
  height: 100vh;
  padding: 90px 2rem 2rem;
  font-family: Nebula, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  transition: transform .32s cubic-bezier(.68, -.25, .27, 1.25);
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  overflow-y: auto;
  transform: translateX(100%);
  box-shadow: -2px 0 18px #16c7c329;
}

.Nav-module__E60vlq__navMenuMobile.Nav-module__E60vlq__open {
  transform: translateX(0);
}

.Nav-module__E60vlq__navMenuMobile a {
  color: #fff;
  border-bottom: 1px solid #ffffff14;
  padding: 1.1rem 0;
  font-size: 1.05rem;
  font-weight: 700;
  text-decoration: none;
  transition: color .2s;
}

.Nav-module__E60vlq__navMenuMobile a {
  color: #fff;
  border-bottom: 1px solid #ffffff14;
  padding: 1.1rem 0;
  font-size: 1.05rem;
  font-weight: 700;
  text-decoration: none;
  transition: color .2s;
}

.Nav-module__E60vlq__navMenuMobile a:hover {
  color: var(--accent);
}

.Nav-module__E60vlq__navMenuMobile a:hover {
  color: var(--accent);
}

.Nav-module__E60vlq__closeBtn {
  cursor: pointer;
  background: none;
  border: 1px solid #fff3;
  border-radius: 9999px;
  outline: none;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 14px;
  right: 14px;
}

.Nav-module__E60vlq__closeBtn:before, .Nav-module__E60vlq__closeBtn:after {
  content: "";
  transform-origin: center;
  background: #fff;
  width: 18px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.Nav-module__E60vlq__closeBtn:before {
  transform: translate(-50%, -50%)rotate(45deg);
}

.Nav-module__E60vlq__closeBtn:after {
  transform: translate(-50%, -50%)rotate(-45deg);
}

.Nav-module__E60vlq__closeBtn:hover {
  border-color: #ffffff59;
}

.Nav-module__E60vlq__closeBtn:focus-visible {
  box-shadow: 0 0 0 3px var(--ring);
}

.Nav-module__E60vlq__menuOverlay {
  z-index: 1900;
  background: #0000008c;
  position: fixed;
  inset: 0;
}

@media (max-width: 1200px) {
  .Nav-module__E60vlq__navbar {
    column-gap: 1.25rem;
    width: 96vw;
    padding: 0 20px;
  }

  .Nav-module__E60vlq__logoIcon img {
    max-width: 180px;
  }
}

@media (max-width: 1024px) {
  .Nav-module__E60vlq__navbar {
    background: #ffffff0f;
    border-radius: 0;
    width: 100vw;
    height: 56px;
    margin-top: 0;
    padding: 0 12px;
    left: 0;
    transform: none;
  }

  .Nav-module__E60vlq__centerNav {
    display: none;
  }

  .Nav-module__E60vlq__navToggle {
    display: flex;
  }

  .Nav-module__E60vlq__rightActions {
    justify-self: end;
  }

  .Nav-module__E60vlq__bar, .Nav-module__E60vlq__navToggle.Nav-module__E60vlq__open .Nav-module__E60vlq__bar {
    background-color: #fff;
  }

  .Nav-module__E60vlq__logo {
    min-width: 100px;
  }

  .Nav-module__E60vlq__logoIcon img {
    max-width: 150px;
  }

  .Nav-module__E60vlq__navMenuMobile {
    padding: 65px 1.2rem 1.2rem;
  }
}

@media (max-width: 500px) {
  .Nav-module__E60vlq__navbar {
    padding: 0 2vw;
  }

  .Nav-module__E60vlq__navMenuMobile {
    padding: 65px 1rem 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .Nav-module__E60vlq__navMenuMobile, .Nav-module__E60vlq__navToggle .Nav-module__E60vlq__bar {
    transition: none;
  }
}

/* [project]/src/app/components/Hero/Hero.module.css [app-client] (css) */
:root {
  --black: #000;
  --smoke: #e9eef3;
  --muted: #b6c2cc;
  --accent: #16c7c3;
  --accent-600: #12aba7;
  --ring: #16c7c359;
  --radius-xl: 28px;
  --radius-lg: 16px;
  --rot-cycle: 2s;
  --word-out: .52s;
  --glint-dur: .7s;
}

.Hero-module__b0RKna__hero {
  --mx: 0;
  --my: 0;
  isolation: isolate;
  min-height: calc(100vh - var(--nav-h, 70px));
  padding: calc(var(--nav-h, 70px)  + clamp(24px, 6vw, 72px)) 0 clamp(24px, 6vw, 72px);
  background: var(--black);
  color: var(--smoke);
  position: relative;
  overflow: hidden;
}

@supports (height: 100dvh) {
  .Hero-module__b0RKna__hero {
    min-height: calc(100dvh - var(--nav-h, 70px));
  }
}

.Hero-module__b0RKna__aurora {
  pointer-events: none;
  filter: blur(28px) saturate(120%);
  transform: translate3d(calc(var(--mx) * 14px), calc(var(--my) * 14px), 0);
  z-index: -3;
  background: radial-gradient(40% 60% at 15% 20%, #16c7c338, #0000 60%), radial-gradient(40% 50% at 85% 10%, #16c7c32e, #0000 60%), radial-gradient(35% 45% at 80% 70%, #16c7c329, #0000 60%);
  transition: transform .28s;
  position: absolute;
  inset: -20% -10%;
}

.Hero-module__b0RKna__gridFx {
  opacity: .5;
  z-index: -2;
  background: repeating-linear-gradient(to right, #ffffff0a 0 1px, #0000 1px 48px), repeating-linear-gradient(#ffffff0a 0 1px, #0000 1px 48px);
  position: absolute;
  inset: -1px;
  -webkit-mask-image: radial-gradient(1200px 600px at 50% 20%, #000 0%, #0000 70%);
  mask-image: radial-gradient(1200px 600px at 50% 20%, #000 0%, #0000 70%);
}

.Hero-module__b0RKna__vignette {
  pointer-events: none;
  z-index: -1;
  background: radial-gradient(100% 80% at 50% 0, #0000 20%, #00000059 80%), radial-gradient(140% 100% at 50% 100%, #0000 30%, #00000073 90%);
  position: absolute;
  inset: -2px;
}

.Hero-module__b0RKna__wrap {
  grid-template-columns: 1.1fr .9fr;
  align-items: center;
  gap: clamp(24px, 4vw, 56px);
  width: min(1200px, 90vw);
  margin: 0 auto;
  display: grid;
}

.Hero-module__b0RKna__colText {
  min-width: 0;
}

.Hero-module__b0RKna__badge {
  width: fit-content;
  color: var(--smoke);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 999px;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  font-size: .9rem;
  font-weight: 700;
  display: inline-flex;
}

.Hero-module__b0RKna__pulse {
  background: var(--accent);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  animation: 2s infinite Hero-module__b0RKna__pulse;
  box-shadow: 0 0 #16c7c373;
}

.Hero-module__b0RKna__title {
  letter-spacing: -.02em;
  text-wrap: balance;
  margin: 18px 0 14px;
  font-size: clamp(2.4rem, 6vw, 4.8rem);
  font-weight: 900;
  line-height: 1.02;
}

.Hero-module__b0RKna__titleEm {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  color: var(--smoke);
  text-shadow: 0 0 24px #16c7c314;
  display: inline-block;
  position: relative;
}

.Hero-module__b0RKna__glint {
  mix-blend-mode: screen;
  pointer-events: none;
  background: linear-gradient(120deg, #0000 0%, #ffffffe6 14%, #0000 30%);
  position: absolute;
  inset: 0;
  transform: skewX(-18deg)translateX(-140%);
}

.Hero-module__b0RKna__glint.Hero-module__b0RKna__play {
  animation: Hero-module__b0RKna__glint var(--glint-dur, .7s) ease-out 1;
}

@keyframes Hero-module__b0RKna__glint {
  0% {
    transform: skewX(-18deg)translateX(-140%);
  }

  100% {
    transform: skewX(-18deg)translateX(140%);
  }
}

.Hero-module__b0RKna__subtitle {
  max-width: 60ch;
  color: var(--muted);
  margin: 12px 0 26px;
  font-size: clamp(1rem, 1.7vw, 1.18rem);
}

.Hero-module__b0RKna__ctas {
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  display: flex;
}

.Hero-module__b0RKna__primaryCta, .Hero-module__b0RKna__secondaryCta {
  --tx: 0px;
  --ty: 0px;
  will-change: transform, box-shadow;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: .95rem 1.25rem;
  font-weight: 800;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s, background .2s, color .2s, border-color .2s;
  display: inline-flex;
}

.Hero-module__b0RKna__primaryCta {
  background: var(--accent);
  color: #001011;
  transform: translate(var(--tx), var(--ty));
  box-shadow: 0 12px 32px #16c7c34d, inset 0 0 0 1px #00000059;
}

.Hero-module__b0RKna__primaryCta:hover {
  box-shadow: 0 14px 36px #16c7c361, inset 0 0 0 1px #00000059;
}

.Hero-module__b0RKna__primaryCta:focus-visible {
  box-shadow: 0 0 0 3px var(--ring);
  outline: none;
}

.Hero-module__b0RKna__secondaryCta {
  color: var(--smoke);
  background: #ffffff0a;
  border: 1px solid #ffffff1f;
}

.Hero-module__b0RKna__secondaryCta:hover {
  color: var(--accent);
  border-color: #16c7c399;
}

.Hero-module__b0RKna__secondaryCta:focus-visible {
  box-shadow: 0 0 0 3px var(--ring);
  outline: none;
}

.Hero-module__b0RKna__stats {
  border-top: 1px dashed #ffffff14;
  flex-wrap: wrap;
  gap: clamp(14px, 3vw, 28px);
  margin-top: 22px;
  padding-top: 18px;
  display: flex;
}

.Hero-module__b0RKna__stat {
  min-width: 140px;
}

.Hero-module__b0RKna__statVal {
  color: var(--smoke);
  text-shadow: 0 0 16px #16c7c30f;
  font-size: clamp(1.6rem, 3.2vw, 2.2rem);
  font-weight: 900;
}

.Hero-module__b0RKna__statLabel {
  color: #e9eef3a6;
  margin-top: 2px;
  font-weight: 700;
  display: block;
}

.Hero-module__b0RKna__marquee {
  margin-top: 28px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, #0000, #000 10% 90%, #0000);
  mask-image: linear-gradient(to right, #0000, #000 10% 90%, #0000);
}

.Hero-module__b0RKna__track {
  gap: 10px;
  width: max-content;
  animation: 16s linear infinite Hero-module__b0RKna__marquee;
  display: flex;
}

.Hero-module__b0RKna__chip {
  color: var(--smoke);
  white-space: nowrap;
  background: #ffffff0d;
  border: 1px solid #ffffff14;
  border-radius: 999px;
  padding: 8px 12px;
  font-weight: 700;
}

.Hero-module__b0RKna__colMedia {
  min-height: 380px;
}

.Hero-module__b0RKna__frame {
  perspective: 1200px;
  width: 100%;
  height: clamp(320px, 42vw, 540px);
  position: relative;
}

.Hero-module__b0RKna__card {
  border-radius: var(--radius-xl);
  transform: translate3d(0, 0, 0) rotateX(calc(var(--my) * 6deg)) rotateY(calc(var(--mx) * -8deg));
  background: #0a0d0e;
  border: 1px solid #ffffff14;
  position: absolute;
  inset: 0;
  overflow: hidden;
  box-shadow: 0 20px 60px #0009, inset 0 0 0 1px #ffffff0f;
}

.Hero-module__b0RKna__cardShadow {
  border-radius: var(--radius-xl);
  pointer-events: none;
  filter: blur(24px);
  background: radial-gradient(60% 40% at 20% 10%, #16c7c359, #0000 60%);
  position: absolute;
  inset: 0;
  transform: translate3d(-10px, 12px, 0)rotate(-2deg);
}

.Hero-module__b0RKna__media {
  object-fit: cover;
  filter: saturate(1.05) contrast(1.02);
}

.Hero-module__b0RKna__ring {
  border-radius: calc(var(--radius-xl)  + 22px);
  pointer-events: none;
  mix-blend-mode: screen;
  background: conic-gradient(#16c7c380, #0000 35% 65%, #16c7c380), radial-gradient(closest-side, #0000 75%, #16c7c326 100%);
  animation: 12s linear infinite Hero-module__b0RKna__spin;
  position: absolute;
  inset: -22px;
  -webkit-mask: radial-gradient(closest-side, #0000 70%, #000 71%);
  mask: radial-gradient(closest-side, #0000 70%, #000 71%);
}

.Hero-module__b0RKna__float {
  white-space: nowrap;
  color: var(--smoke);
  transform: translate3d(calc(var(--mx) * 10px), calc(var(--my) * 10px), 0);
  background: #ffffff0f;
  border: 1px solid #ffffff1f;
  border-radius: 999px;
  padding: 8px 12px;
  font-size: .9rem;
  font-weight: 800;
  transition: transform .25s;
  position: absolute;
  box-shadow: 0 10px 24px #00000059, inset 0 0 0 1px #ffffff0f;
}

.Hero-module__b0RKna__fA {
  animation: 4.2s ease-in-out infinite Hero-module__b0RKna__float;
  top: 8%;
  left: -16px;
}

.Hero-module__b0RKna__fB {
  background: var(--accent);
  color: #001011;
  animation: 5s ease-in-out .6s infinite Hero-module__b0RKna__float;
  bottom: 10%;
  right: -8px;
}

.Hero-module__b0RKna__fC {
  animation: 4.6s ease-in-out .2s infinite Hero-module__b0RKna__float;
  top: 42%;
  right: -22px;
}

.Hero-module__b0RKna__scroll {
  cursor: pointer;
  background: none;
  border: 2px solid #ffffff47;
  border-radius: 20px;
  place-items: center;
  width: 28px;
  height: 48px;
  display: grid;
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
}

.Hero-module__b0RKna__scrollDot {
  background: var(--accent);
  border-radius: 6px;
  width: 6px;
  height: 10px;
  animation: 1.6s infinite Hero-module__b0RKna__scrollY;
}

.Hero-module__b0RKna__rotator {
  vertical-align: baseline;
  min-width: 9ch;
  height: 1em;
  display: inline-block;
  position: relative;
}

.Hero-module__b0RKna__word {
  white-space: nowrap;
  background: linear-gradient(90deg, var(--smoke) 0%, var(--accent) 55%, var(--smoke) 100%);
  color: #0000;
  -webkit-text-fill-color: transparent;
  will-change: transform, opacity, filter;
  -webkit-background-clip: text;
  background-clip: text;
  display: inline-block;
}

.Hero-module__b0RKna__inWord {
  z-index: 2;
  animation: .5s cubic-bezier(.21, .9, .24, 1) both Hero-module__b0RKna__wordIn;
  position: relative;
}

.Hero-module__b0RKna__out {
  z-index: 1;
  animation: Hero-module__b0RKna__wordOut var(--word-out, .52s) cubic-bezier(.55, .04, .26, .99) both;
  position: absolute;
  top: 0;
  left: 0;
}

@keyframes Hero-module__b0RKna__wordIn {
  0% {
    opacity: 0;
    filter: blur(6px);
    transform: translateY(14px)rotateX(18deg);
  }

  100% {
    opacity: 1;
    filter: blur();
    transform: none;
  }
}

@keyframes Hero-module__b0RKna__wordOut {
  0% {
    opacity: 1;
    filter: blur();
    transform: none;
  }

  100% {
    opacity: 0;
    filter: blur(6px);
    transform: translateY(-14px)rotateX(-14deg);
  }
}

@keyframes Hero-module__b0RKna__marquee {
  from {
    transform: translateX(0);
  }

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

@keyframes Hero-module__b0RKna__float {
  0%, 100% {
    transform: translate3d(calc(var(--mx) * 10px), calc(var(--my) * 10px), 0) translateY(0);
  }

  50% {
    transform: translate3d(calc(var(--mx) * 10px), calc(var(--my) * 10px), 0) translateY(-8px);
  }
}

@keyframes Hero-module__b0RKna__spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes Hero-module__b0RKna__scrollY {
  0% {
    opacity: .2;
    transform: translateY(-10px);
  }

  40% {
    opacity: 1;
  }

  100% {
    opacity: .2;
    transform: translateY(8px);
  }
}

@keyframes Hero-module__b0RKna__pulse {
  0% {
    box-shadow: 0 0 #16c7c373;
  }

  70% {
    box-shadow: 0 0 0 12px #16c7c300;
  }

  100% {
    box-shadow: 0 0 #16c7c300;
  }
}

@media (max-width: 1024px) {
  .Hero-module__b0RKna__wrap {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .Hero-module__b0RKna__colMedia {
    order: -1;
  }

  .Hero-module__b0RKna__frame {
    height: clamp(280px, 58vw, 460px);
  }
}

@media (max-width: 560px) {
  .Hero-module__b0RKna__chip {
    padding: 7px 10px;
    font-size: .95rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .Hero-module__b0RKna__glint.Hero-module__b0RKna__play, .Hero-module__b0RKna__track, .Hero-module__b0RKna__float, .Hero-module__b0RKna__scrollDot, .Hero-module__b0RKna__inWord, .Hero-module__b0RKna__out {
    transition: none !important;
    animation: none !important;
  }
}

:root {
  --nav-h: 56px;
}

@media (max-width: 640px) {
  .Hero-module__b0RKna__hero {
    min-height: calc(100svh - var(--nav-h));
    padding-top: calc(var(--nav-h)  + max(8px, env(safe-area-inset-top)));
    padding-bottom: max(8px, env(safe-area-inset-bottom));
    place-items: center;
    display: grid;
    overflow: hidden;
  }

  .Hero-module__b0RKna__wrap {
    text-align: center;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    place-items: center;
    gap: 6px;
    width: min(960px, 92vw);
    display: grid;
  }

  .Hero-module__b0RKna__colMedia {
    order: -1;
    place-items: center;
    width: 100%;
    display: grid;
  }

  .Hero-module__b0RKna__frame {
    isolation: isolate;
    border-radius: 50%;
    width: min(78vw, 62vh);
    height: min(78vw, 62vh);
    position: relative;
  }

  .Hero-module__b0RKna__frame:before {
    content: "";
    filter: blur(8px);
    z-index: -1;
    opacity: .9;
    background: conic-gradient(from 230deg, #16c7c3d9, #16c7c347 35%, #0000 55%, #16c7c3a6 80%, #16c7c338);
    border-radius: 50%;
    position: absolute;
    inset: -6px;
  }

  .Hero-module__b0RKna__card {
    border: 1px solid #ffffff1a;
    border-radius: 50%;
    box-shadow: 0 10px 30px #00000073, inset 0 0 0 1px #ffffff0f;
    transform: none !important;
  }

  .Hero-module__b0RKna__media {
    object-fit: cover;
    object-position: 50% 35%;
    filter: saturate(1.1) contrast(1.06) brightness(1.06);
  }

  .Hero-module__b0RKna__ring, .Hero-module__b0RKna__float, .Hero-module__b0RKna__cardShadow {
    display: none;
  }

  .Hero-module__b0RKna__colText {
    margin-top: -12px;
  }

  .Hero-module__b0RKna__badge {
    margin: 0 auto 4px;
    padding: 7px 12px;
    font-size: .86rem;
  }

  .Hero-module__b0RKna__title {
    letter-spacing: -.01em;
    margin: 4px 0 6px;
    font-size: clamp(2rem, 7.5vw, 2.6rem);
  }

  .Hero-module__b0RKna__subtitle {
    max-width: 36ch;
    color: var(--muted);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 4px auto 8px;
    font-size: .98rem;
    display: -webkit-box;
    overflow: hidden;
  }

  .Hero-module__b0RKna__ctas {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    width: 100%;
    max-width: 520px;
    margin-inline: auto;
    display: grid;
  }

  .Hero-module__b0RKna__primaryCta, .Hero-module__b0RKna__secondaryCta {
    padding: .82rem 1rem;
  }

  .Hero-module__b0RKna__primaryCta {
    box-shadow: 0 10px 26px #16c7c352, inset 0 0 0 1px #00000059;
  }

  .Hero-module__b0RKna__stats {
    margin-top: 8px;
    border-top: 0;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    width: 100%;
    max-width: 520px;
    margin-inline: auto;
    padding-top: 0;
    display: grid;
  }

  .Hero-module__b0RKna__stat {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: #ffffff0a;
    border: 1px solid #ffffff1a;
    border-radius: 14px;
    min-width: 0;
    padding: 10px 8px;
  }

  .Hero-module__b0RKna__statVal {
    font-size: 1.28rem;
  }

  .Hero-module__b0RKna__statLabel {
    color: #e9eef3b8;
    font-size: .78rem;
  }

  .Hero-module__b0RKna__marquee {
    display: none;
  }

  .Hero-module__b0RKna__vignette {
    background: radial-gradient(100% 80% at 50% 0, #0000 15%, #00000038 80%), radial-gradient(140% 100% at 50% 100%, #0000 30%, #00000047 90%);
  }

  .Hero-module__b0RKna__scroll {
    width: 24px;
    height: 40px;
    bottom: 6px;
  }
}

@media (max-width: 640px) and (max-height: 700px) {
  .Hero-module__b0RKna__colText {
    margin-top: -16px;
  }

  .Hero-module__b0RKna__wrap {
    gap: 4px;
  }

  .Hero-module__b0RKna__subtitle {
    -webkit-line-clamp: 2;
  }
}

@media (max-width: 350px) {
  .Hero-module__b0RKna__frame {
    width: 164px;
    height: 164px;
  }

  .Hero-module__b0RKna__title {
    font-size: clamp(1.8rem, 8vw, 2.3rem);
  }

  .Hero-module__b0RKna__statVal {
    font-size: 1.18rem;
  }

  .Hero-module__b0RKna__statLabel {
    font-size: .72rem;
  }
}

.Hero-module__b0RKna__revealUp {
  --d: 0s;
  --dy: 18px;
  --blur: 6px;
  opacity: 0;
  transform: translateY(var(--dy));
  filter: blur(var(--blur));
}

.Hero-module__b0RKna__in .Hero-module__b0RKna__revealUp {
  animation: Hero-module__b0RKna__reveal-up .7s var(--d) cubic-bezier(.21, .9, .24, 1) both;
}

@keyframes Hero-module__b0RKna__reveal-up {
  0% {
    opacity: 0;
    transform: translateY(var(--dy));
    filter: blur(var(--blur));
  }

  100% {
    opacity: 1;
    filter: blur();
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .Hero-module__b0RKna__revealUp {
    opacity: 1;
    filter: none;
    transform: none;
    animation: none !important;
  }
}

/* [project]/src/app/components/status/status.module.css [app-client] (css) */
:root {
  --black: #000;
  --smoke: #e9eef3;
  --accent: #16c7c3;
  --accent-600: #12aba7;
  --ring: #16c7c359;
}

.status-module__45befG__box {
  width: auto;
  max-width: 100vw;
  color: var(--smoke);
  background: #00000059;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  padding: .9rem 1.1rem;
  transition: box-shadow .25s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 10px #0000001f, 0 0 20px #16c7c314, inset 0 0 36px #16c7c30f;
}

.status-module__45befG__neonBox .status-module__45befG__neonBorder {
  pointer-events: none;
  z-index: 1;
  filter: blur(10px) brightness(1.4) saturate(1.2);
  position: absolute;
}

.status-module__45befG__neonBox .status-module__45befG__top, .status-module__45befG__neonBox .status-module__45befG__bottom, .status-module__45befG__neonBox .status-module__45befG__right, .status-module__45befG__neonBox .status-module__45befG__left {
  animation: none;
}

.status-module__45befG__visible[data-animate="1"] .status-module__45befG__top {
  background: linear-gradient(to left, transparent, var(--accent), transparent);
  border-radius: 20px 20px 0 0;
  width: 100%;
  height: 6px;
  animation: 2.1s linear infinite status-module__45befG__animateTop;
  top: -6px;
  left: 0;
}

.status-module__45befG__visible[data-animate="1"] .status-module__45befG__bottom {
  background: linear-gradient(to right, transparent, var(--accent), transparent);
  border-radius: 0 0 20px 20px;
  width: 100%;
  height: 6px;
  animation: 2.1s linear infinite status-module__45befG__animateBottom;
  bottom: -6px;
  left: 0;
}

.status-module__45befG__visible[data-animate="1"] .status-module__45befG__right {
  background: linear-gradient(to bottom, transparent, var(--accent), transparent);
  border-radius: 0 20px 20px 0;
  width: 6px;
  height: 100%;
  animation: 2.1s linear .5s infinite status-module__45befG__animateRight;
  top: 0;
  right: -6px;
}

.status-module__45befG__visible[data-animate="1"] .status-module__45befG__left {
  background: linear-gradient(to top, transparent, var(--accent), transparent);
  border-radius: 20px 0 0 20px;
  width: 6px;
  height: 100%;
  animation: 2.1s linear .5s infinite status-module__45befG__animateLeft;
  top: 0;
  left: -6px;
}

@keyframes status-module__45befG__animateTop {
  0% {
    transform: translateX(100%);
  }

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

@keyframes status-module__45befG__animateBottom {
  0% {
    transform: translateX(-100%);
  }

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

@keyframes status-module__45befG__animateRight {
  0% {
    transform: translateY(100%);
  }

  100% {
    transform: translateY(-100%);
  }
}

@keyframes status-module__45befG__animateLeft {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(100%);
  }
}

.status-module__45befG__skills {
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: 1.2rem;
  width: 100%;
  display: flex;
}

.status-module__45befG__iconBox {
  opacity: 0;
  will-change: opacity, transform;
  flex-direction: column;
  align-items: center;
  gap: .2rem;
  transition: opacity .6s cubic-bezier(.33, 1.6, .54, .95), transform .6s cubic-bezier(.33, 1.6, .54, .95);
  display: flex;
  transform: translateY(24px)scale(.98);
}

.status-module__45befG__visible .status-module__45befG__iconBox {
  opacity: 1;
  transform: none;
}

.status-module__45befG__icon {
  width: 60px;
  height: 50px;
  transform-style: preserve-3d;
  background: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  place-items: center;
  transition: transform .25s, box-shadow .25s, border-color .25s;
  display: grid;
}

.status-module__45befG__iconBox:hover .status-module__45befG__icon {
  transform: rotateX(8deg)rotateY(-10deg)scale(1.08);
}

.status-module__45befG__iconGlyph {
  background: var(--accent);
  width: 100%;
  height: 100%;
  display: block;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

@media (max-width: 600px) {
  .status-module__45befG__box.status-module__45befG__neonBox {
    border-radius: 14px;
    width: 98vw;
    margin-top: 60px;
    padding: 1rem .4rem;
  }

  .status-module__45befG__skills {
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    gap: .7rem;
    display: grid;
  }

  .status-module__45befG__icon {
    width: 45px;
    height: 34px;
  }

  .status-module__45befG__skills > .status-module__45befG__iconBox:last-child:nth-child(3n+2) {
    grid-column: 3;
  }

  .status-module__45befG__neonBox .status-module__45befG__neonBorder {
    filter: blur(8px) brightness(1.3) saturate(1.1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .status-module__45befG__iconBox {
    transition: none;
  }

  .status-module__45befG__iconBox, .status-module__45befG__visible .status-module__45befG__iconBox {
    opacity: 1;
    transform: none;
  }
}

/* [project]/src/app/components/servess/Servess.module.css [app-client] (css) */
:root {
  --black: #000;
  --smoke: #e9eef3;
  --muted: #b6c2cc;
  --accent: #16c7c3;
  --accent-600: #12aba7;
  --ring: #16c7c359;
  --radius-xl: 28px;
  --radius-lg: 16px;
  --nav-h: 70px;
}

.Servess-module__f5yU-G__section {
  --mx: 0;
  --my: 0;
  isolation: isolate;
  min-height: calc(100svh - var(--nav-h));
  padding: calc(var(--nav-h)  + clamp(24px, 6vw, 72px)) 0 clamp(28px, 6vw, 72px);
  background: var(--black);
  color: var(--smoke);
  position: relative;
  overflow: hidden;
}

@supports (height: 100dvh) {
  .Servess-module__f5yU-G__section {
    min-height: calc(100dvh - var(--nav-h));
  }
}

.Servess-module__f5yU-G__aurora {
  filter: blur(28px) saturate(120%);
  transform: translate3d(calc(var(--mx) * 16px), calc(var(--my) * 16px), 0);
  z-index: -3;
  background: radial-gradient(40% 60% at 15% 20%, #16c7c32e, #0000 60%), radial-gradient(40% 50% at 85% 10%, #16c7c329, #0000 60%), radial-gradient(35% 45% at 80% 70%, #16c7c324, #0000 60%);
  transition: transform .28s;
  position: absolute;
  inset: -20% -10%;
}

.Servess-module__f5yU-G__gridFx {
  opacity: .5;
  z-index: -2;
  background: repeating-linear-gradient(to right, #ffffff0a 0 1px, #0000 1px 48px), repeating-linear-gradient(#ffffff0a 0 1px, #0000 1px 48px);
  position: absolute;
  inset: -1px;
  -webkit-mask-image: radial-gradient(1200px 600px at 50% 25%, #000 0%, #0000 70%);
  mask-image: radial-gradient(1200px 600px at 50% 25%, #000 0%, #0000 70%);
}

.Servess-module__f5yU-G__vignette {
  pointer-events: none;
  z-index: -1;
  background: radial-gradient(100% 80% at 50% 0, #0000 20%, #00000059 80%), radial-gradient(140% 100% at 50% 100%, #0000 30%, #00000073 90%);
  position: absolute;
  inset: -2px;
}

.Servess-module__f5yU-G__wrap {
  grid-template-columns: 1.05fr .95fr;
  align-items: center;
  gap: clamp(22px, 4vw, 48px);
  width: min(1200px, 90vw);
  margin: 0 auto;
  display: grid;
}

.Servess-module__f5yU-G__colIntro {
  min-width: 0;
}

.Servess-module__f5yU-G__badge {
  width: fit-content;
  color: var(--smoke);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 999px;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  font-size: .9rem;
  font-weight: 800;
  display: inline-flex;
}

.Servess-module__f5yU-G__pulse {
  background: var(--accent);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  animation: 2s infinite Servess-module__f5yU-G__pulse;
  box-shadow: 0 0 #16c7c373;
}

.Servess-module__f5yU-G__title {
  letter-spacing: -.02em;
  text-wrap: balance;
  margin: 14px 0 10px;
  font-size: clamp(2rem, 5.6vw, 3.6rem);
  font-weight: 900;
  line-height: 1.06;
}

.Servess-module__f5yU-G__titleEm {
  background: linear-gradient(90deg, var(--smoke) 0%, var(--accent) 55%, var(--smoke) 100%);
  color: #0000;
  text-shadow: 0 0 24px #16c7c314;
  -webkit-background-clip: text;
  background-clip: text;
}

.Servess-module__f5yU-G__subtitle {
  max-width: 56ch;
  color: var(--muted);
}

.Servess-module__f5yU-G__points {
  gap: 10px;
  margin-top: 16px;
  display: grid;
}

.Servess-module__f5yU-G__point {
  align-items: center;
  gap: 10px;
  font-weight: 700;
  display: flex;
}

.Servess-module__f5yU-G__point i {
  background: var(--accent);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: inline-block;
  box-shadow: 0 0 0 4px #16c7c32e;
}

.Servess-module__f5yU-G__cards {
  grid-template-columns: 1fr 1fr;
  gap: clamp(12px, 2.6vw, 18px);
  display: grid;
}

.Servess-module__f5yU-G__card {
  border-radius: var(--radius-xl);
  transform-style: preserve-3d;
  background: #ffffff08;
  border: 1px solid #ffffff14;
  padding: clamp(16px, 2.2vw, 22px);
  transition: transform .28s, box-shadow .28s, border-color .28s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 16px 42px #00000059, inset 0 0 0 1px #ffffff0f;
}

.Servess-module__f5yU-G__card:hover {
  border-color: #16c7c380;
  transform: translateY(-6px)rotateX(4deg)rotateY(-6deg)scale(1.02);
  box-shadow: 0 22px 56px #00000080, inset 0 0 0 1px #16c7c340;
}

.Servess-module__f5yU-G__card:focus-visible {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--ring);
  outline: none;
}

.Servess-module__f5yU-G__cardGlow {
  z-index: -1;
  pointer-events: none;
  filter: blur(20px);
  background: radial-gradient(40% 60% at 20% 0, #16c7c32e, #0000 60%), radial-gradient(30% 40% at 100% 20%, #16c7c31f, #0000 60%);
  position: absolute;
  inset: -20% -10%;
  transform: translate3d(-10px, 10px, 0);
}

.Servess-module__f5yU-G__cardRing {
  border-radius: inherit;
  pointer-events: none;
  mix-blend-mode: screen;
  background: conic-gradient(#16c7c340, #0000 30% 70%, #16c7c340);
  animation: 12s linear infinite Servess-module__f5yU-G__spin;
  position: absolute;
  inset: -1px;
  -webkit-mask: radial-gradient(closest-side, #0000 70%, #000 71%);
  mask: radial-gradient(closest-side, #0000 70%, #000 71%);
}

.Servess-module__f5yU-G__iconWrap {
  width: 48px;
  height: 48px;
}

.Servess-module__f5yU-G__glyph {
  background: var(--accent);
  width: 100%;
  height: 100%;
  display: block;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.Servess-module__f5yU-G__glyph[data-i="0"] {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path fill='%23000' d='M12 2l3 7h7l-5.5 4 2.5 7-7-4.5L5 20l2.5-7L2 9h7z'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path fill='%23000' d='M12 2l3 7h7l-5.5 4 2.5 7-7-4.5L5 20l2.5-7L2 9h7z'/></svg>");
}

.Servess-module__f5yU-G__glyph[data-i="1"] {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='9' fill='%23000'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='9' fill='%23000'/></svg>");
}

.Servess-module__f5yU-G__glyph[data-i="2"] {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><rect x='4' y='6' width='16' height='12' rx='2' ry='2' fill='%23000'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><rect x='4' y='6' width='16' height='12' rx='2' ry='2' fill='%23000'/></svg>");
}

.Servess-module__f5yU-G__glyph[data-i="3"] {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path fill='%23000' d='M4 8h16v2H4zm0 6h10v2H4z'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path fill='%23000' d='M4 8h16v2H4zm0 6h10v2H4z'/></svg>");
}

.Servess-module__f5yU-G__cardHead {
  align-items: center;
  gap: 12px;
  margin-top: 6px;
  display: flex;
}

.Servess-module__f5yU-G__tag {
  color: #001011;
  background: var(--accent);
  border-radius: 999px;
  padding: 6px 10px;
  font-size: .78rem;
  font-weight: 800;
  box-shadow: 0 10px 24px #16c7c347;
}

.Servess-module__f5yU-G__cardTitle {
  font-size: clamp(1.1rem, 2.6vw, 1.25rem);
  font-weight: 900;
}

.Servess-module__f5yU-G__cardDesc {
  color: var(--muted);
  margin-top: 10px;
}

.Servess-module__f5yU-G__cardCta {
  color: var(--smoke);
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  font-weight: 800;
  display: inline-flex;
}

.Servess-module__f5yU-G__arrow {
  transition: transform .2s;
}

.Servess-module__f5yU-G__card:hover .Servess-module__f5yU-G__arrow {
  transform: translateX(4px);
}

.Servess-module__f5yU-G__revealUp {
  --d: 0s;
  --dy: 18px;
  --blur: 6px;
  opacity: 0;
  transform: translateY(var(--dy));
  filter: blur(var(--blur));
}

.Servess-module__f5yU-G__in .Servess-module__f5yU-G__revealUp {
  animation: Servess-module__f5yU-G__reveal-up .7s var(--d) cubic-bezier(.21, .9, .24, 1) both;
}

.Servess-module__f5yU-G__revealScale {
  --d: 0s;
  opacity: 0;
  filter: blur(6px);
  transform: translateY(18px)scale(.96);
}

.Servess-module__f5yU-G__in .Servess-module__f5yU-G__revealScale {
  animation: Servess-module__f5yU-G__reveal-scale .7s var(--d) cubic-bezier(.21, .9, .24, 1) both;
}

@keyframes Servess-module__f5yU-G__reveal-up {
  to {
    opacity: 1;
    filter: none;
    transform: none;
  }
}

@keyframes Servess-module__f5yU-G__reveal-scale {
  to {
    opacity: 1;
    filter: none;
    transform: none;
  }
}

.Servess-module__f5yU-G__scroll {
  cursor: pointer;
  background: none;
  border: 2px solid #ffffff47;
  border-radius: 20px;
  place-items: center;
  width: 28px;
  height: 48px;
  display: grid;
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
}

.Servess-module__f5yU-G__scrollDot {
  background: var(--accent);
  border-radius: 6px;
  width: 6px;
  height: 10px;
  animation: 1.6s infinite Servess-module__f5yU-G__scrollY;
}

@keyframes Servess-module__f5yU-G__spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes Servess-module__f5yU-G__scrollY {
  0% {
    opacity: .2;
    transform: translateY(-10px);
  }

  40% {
    opacity: 1;
  }

  100% {
    opacity: .2;
    transform: translateY(8px);
  }
}

@keyframes Servess-module__f5yU-G__pulse {
  0% {
    box-shadow: 0 0 #16c7c373;
  }

  70% {
    box-shadow: 0 0 0 12px #16c7c300;
  }

  100% {
    box-shadow: 0 0 #16c7c300;
  }
}

@media (max-width: 1024px) {
  :root {
    --nav-h: 56px;
  }

  .Servess-module__f5yU-G__wrap {
    text-align: center;
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .Servess-module__f5yU-G__cards {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .Servess-module__f5yU-G__colIntro {
    order: -1;
  }

  .Servess-module__f5yU-G__points {
    justify-items: center;
  }

  .Servess-module__f5yU-G__subtitle {
    margin-inline: auto;
  }
}

@media (max-width: 560px) {
  .Servess-module__f5yU-G__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .Servess-module__f5yU-G__glyph {
    width: 42px;
    height: 42px;
  }

  .Servess-module__f5yU-G__card {
    padding: 16px;
  }

  .Servess-module__f5yU-G__title {
    font-size: clamp(1.6rem, 7.2vw, 2.2rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .Servess-module__f5yU-G__in .Servess-module__f5yU-G__revealUp, .Servess-module__f5yU-G__in .Servess-module__f5yU-G__revealScale, .Servess-module__f5yU-G__scrollDot {
    animation: none !important;
  }
}

/* [project]/src/app/components/showcase/Showcase.module.css [app-client] (css) */
:root {
  --black: #000;
  --smoke: #e9eef3;
  --muted: #b6c2cc;
  --accent: #16c7c3;
  --accent-600: #12aba7;
  --ring: #16c7c359;
  --radius-xl: 28px;
  --radius-lg: 16px;
  --nav-h: 70px;
}

.Showcase-module__3sEC1a__section {
  --mx: 0;
  --my: 0;
  isolation: isolate;
  min-height: calc(100svh - var(--nav-h));
  padding: calc(var(--nav-h)  + clamp(24px, 6vw, 72px)) 0 clamp(28px, 6vw, 72px);
  background: var(--black);
  color: var(--smoke);
  position: relative;
  overflow: hidden;
}

@supports (height: 100dvh) {
  .Showcase-module__3sEC1a__section {
    min-height: calc(100dvh - var(--nav-h));
  }
}

.Showcase-module__3sEC1a__aurora {
  filter: blur(28px) saturate(120%);
  transform: translate3d(calc(var(--mx) * 16px), calc(var(--my) * 16px), 0);
  z-index: -3;
  background: radial-gradient(40% 60% at 15% 20%, #16c7c32e, #0000 60%), radial-gradient(40% 50% at 85% 10%, #16c7c329, #0000 60%), radial-gradient(35% 45% at 80% 70%, #16c7c324, #0000 60%);
  transition: transform .28s;
  position: absolute;
  inset: -20% -10%;
}

.Showcase-module__3sEC1a__gridFx {
  opacity: .5;
  z-index: -2;
  background: repeating-linear-gradient(to right, #ffffff0a 0 1px, #0000 1px 48px), repeating-linear-gradient(#ffffff0a 0 1px, #0000 1px 48px);
  position: absolute;
  inset: -1px;
  -webkit-mask-image: radial-gradient(1200px 600px at 50% 22%, #000 0%, #0000 70%);
  mask-image: radial-gradient(1200px 600px at 50% 22%, #000 0%, #0000 70%);
}

.Showcase-module__3sEC1a__vignette {
  pointer-events: none;
  z-index: -1;
  background: radial-gradient(100% 80% at 50% 0, #0000 20%, #00000059 80%), radial-gradient(140% 100% at 50% 100%, #0000 30%, #00000073 90%);
  position: absolute;
  inset: -2px;
}

.Showcase-module__3sEC1a__wrap {
  grid-template-rows: auto 1fr auto;
  gap: clamp(18px, 3vw, 26px);
  width: min(1200px, 90vw);
  margin: 0 auto;
  display: grid;
}

.Showcase-module__3sEC1a__header {
  text-align: left;
}

.Showcase-module__3sEC1a__badge {
  width: fit-content;
  color: var(--smoke);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 999px;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  font-size: .9rem;
  font-weight: 800;
  display: inline-flex;
}

.Showcase-module__3sEC1a__pulse {
  background: var(--accent);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  animation: 2s infinite Showcase-module__3sEC1a__pulse;
  box-shadow: 0 0 #16c7c373;
}

.Showcase-module__3sEC1a__title {
  letter-spacing: -.02em;
  margin: 14px 0 10px;
  font-size: clamp(2rem, 6vw, 3.2rem);
  font-weight: 900;
  line-height: 1.06;
}

.Showcase-module__3sEC1a__titleEm {
  background: linear-gradient(90deg, var(--smoke) 0%, var(--accent) 55%, var(--smoke) 100%);
  color: #0000;
  text-shadow: 0 0 24px #16c7c314;
  -webkit-background-clip: text;
  background-clip: text;
}

.Showcase-module__3sEC1a__subtitle {
  color: var(--muted);
  max-width: 70ch;
}

.Showcase-module__3sEC1a__filters {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
  display: flex;
}

.Showcase-module__3sEC1a__pill {
  color: var(--smoke);
  background: #ffffff0a;
  border: 1px solid #ffffff1a;
  border-radius: 999px;
  padding: 8px 12px;
  font-weight: 800;
  transition: background .2s, border-color .2s, color .2s, transform .2s, box-shadow .2s;
}

.Showcase-module__3sEC1a__pill:hover {
  color: var(--accent);
  border-color: #16c7c399;
  transform: translateY(-1px);
}

.Showcase-module__3sEC1a__pill:focus-visible {
  box-shadow: 0 0 0 3px var(--ring);
  border-color: #16c7c373;
  outline: none;
}

.Showcase-module__3sEC1a__pill.Showcase-module__3sEC1a__active {
  background: var(--accent);
  color: #001011;
  border-color: #0000;
}

.Showcase-module__3sEC1a__cards {
  --prog: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: clamp(14px, 2.4vw, 20px);
  display: grid;
}

@media (max-width: 640px) {
  .Showcase-module__3sEC1a__cards {
    scroll-snap-type: x mandatory;
    scroll-snap-stop: always;
    overscroll-behavior-inline: contain;
    touch-action: pan-x;
    -webkit-overflow-scrolling: touch;
    grid-auto-columns: 88%;
    grid-auto-flow: column;
    gap: 12px;
    padding-bottom: 6px;
    display: grid;
    overflow-x: auto;
    -webkit-mask-image: linear-gradient(to right, #0000, #000 6% 94%, #0000);
    mask-image: linear-gradient(to right, #0000, #000 6% 94%, #0000);
  }
}

.Showcase-module__3sEC1a__card {
  border-radius: var(--radius-xl);
  transform-style: preserve-3d;
  scroll-snap-align: start;
  will-change: transform;
  transform: translate3d(var(--tx, 0), var(--ty, 0), 0) rotateX(var(--rx, 0)) rotateY(var(--ry, 0));
  content-visibility: auto;
  contain-intrinsic-size: 300px 240px;
  background: #ffffff08;
  border: 1px solid #ffffff14;
  transition: transform .28s, box-shadow .28s, border-color .28s, filter .28s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 16px 42px #00000059, inset 0 0 0 1px #ffffff0f;
}

.Showcase-module__3sEC1a__card:hover {
  filter: saturate(1.03) contrast(1.01);
  border-color: #16c7c35c;
  box-shadow: 0 22px 56px #00000080, inset 0 0 0 1px #16c7c326;
}

.Showcase-module__3sEC1a__cardLink {
  color: inherit;
  text-decoration: none;
  display: block;
}

.Showcase-module__3sEC1a__cardLink:focus-visible {
  box-shadow: 0 0 0 3px var(--ring);
  border-radius: calc(var(--radius-xl)  + 2px);
  outline: none;
}

.Showcase-module__3sEC1a__cardRing {
  border-radius: inherit;
  pointer-events: none;
  mix-blend-mode: screen;
  z-index: 2;
  background: conic-gradient(#16c7c359, #0000 30% 70%, #16c7c359);
  animation: 12s linear infinite Showcase-module__3sEC1a__spin;
  position: absolute;
  inset: -1px;
  -webkit-mask: radial-gradient(closest-side, #0000 70%, #000 71%);
  mask: radial-gradient(closest-side, #0000 70%, #000 71%);
}

.Showcase-module__3sEC1a__cardGlow {
  pointer-events: none;
  z-index: 0;
  filter: blur(20px);
  background: radial-gradient(40% 60% at 20% 0, #16c7c32e, #0000 60%), radial-gradient(30% 40% at 100% 20%, #16c7c31f, #0000 60%);
  position: absolute;
  inset: -20% -10%;
  transform: translate3d(-10px, 10px, 0);
}

.Showcase-module__3sEC1a__cover {
  aspect-ratio: 16 / 10;
  isolation: isolate;
  position: relative;
}

.Showcase-module__3sEC1a__media {
  object-fit: cover;
  will-change: transform;
  transform: translateZ(0);
}

.Showcase-module__3sEC1a__cover:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to top, #00000038, #0000 40%);
  position: absolute;
  inset: 0;
}

.Showcase-module__3sEC1a__shine {
  pointer-events: none;
  z-index: 2;
  mix-blend-mode: screen;
  background: linear-gradient(120deg, #0000 30%, #ffffff59 40%, #0000 55%);
  transition: transform .8s;
  position: absolute;
  inset: 0;
  transform: translateX(-120%)skewX(-18deg);
}

.Showcase-module__3sEC1a__card:hover .Showcase-module__3sEC1a__shine {
  transform: translateX(120%)skewX(-18deg);
}

.Showcase-module__3sEC1a__meta {
  z-index: 3;
  padding: 14px 14px 16px;
  transition: transform .6s cubic-bezier(.21, .9, .24, 1), opacity .6s;
  position: relative;
}

.Showcase-module__3sEC1a__in .Showcase-module__3sEC1a__revealScale .Showcase-module__3sEC1a__cover {
  transition: transform .6s cubic-bezier(.21, .9, .24, 1), opacity .6s;
  transition-delay: calc(var(--d, 0s)  + 90ms);
}

.Showcase-module__3sEC1a__in .Showcase-module__3sEC1a__revealScale .Showcase-module__3sEC1a__meta {
  transition-delay: calc(var(--d, 0s)  + .14s);
}

.Showcase-module__3sEC1a__tags {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.Showcase-module__3sEC1a__tag {
  color: #001011;
  background: var(--accent);
  border-radius: 999px;
  padding: 6px 10px;
  font-size: .78rem;
  font-weight: 800;
  box-shadow: 0 10px 24px #16c7c347;
}

.Showcase-module__3sEC1a__cardTitle {
  margin-top: 8px;
  font-size: clamp(1.05rem, 2.4vw, 1.25rem);
  font-weight: 900;
}

.Showcase-module__3sEC1a__bottomRow {
  color: var(--muted);
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.Showcase-module__3sEC1a__year {
  color: #001011;
  background: linear-gradient(90deg, var(--accent), var(--accent-600));
  border-radius: 999px;
  padding: 6px 10px;
  font-size: .82rem;
  font-weight: 900;
  box-shadow: inset 0 0 0 1px #00000038, 0 10px 24px #16c7c347;
}

.Showcase-module__3sEC1a__more {
  color: var(--smoke);
  align-items: center;
  gap: 8px;
  font-weight: 800;
  display: inline-flex;
}

.Showcase-module__3sEC1a__arrow {
  transition: transform .2s;
}

.Showcase-module__3sEC1a__card:hover .Showcase-module__3sEC1a__arrow {
  transform: translateX(4px);
}

.Showcase-module__3sEC1a__progress {
  background: #ffffff0f;
  border-radius: 999px;
  width: 100%;
  height: 3px;
  display: none;
  overflow: hidden;
}

.Showcase-module__3sEC1a__progressBar {
  height: 100%;
  width: calc(var(--prog, 0) * 100%);
  background: var(--accent);
  transition: width .1s linear;
  display: block;
}

@media (max-width: 640px) {
  .Showcase-module__3sEC1a__progress {
    display: block;
  }
}

.Showcase-module__3sEC1a__revealUp {
  --d: 0s;
  --dy: 18px;
  --blur: 6px;
  opacity: 0;
  transform: translateY(var(--dy));
  filter: blur(var(--blur));
}

.Showcase-module__3sEC1a__in .Showcase-module__3sEC1a__revealUp {
  animation: Showcase-module__3sEC1a__reveal-up .7s var(--d) cubic-bezier(.21, .9, .24, 1) both;
}

.Showcase-module__3sEC1a__revealScale {
  --d: 0s;
  opacity: 0;
  filter: blur(6px);
  transform: translateY(18px)scale(.96);
}

.Showcase-module__3sEC1a__in .Showcase-module__3sEC1a__revealScale {
  animation: Showcase-module__3sEC1a__reveal-scale .7s var(--d) cubic-bezier(.21, .9, .24, 1) both;
}

@keyframes Showcase-module__3sEC1a__reveal-up {
  to {
    opacity: 1;
    filter: none;
    transform: none;
  }
}

@keyframes Showcase-module__3sEC1a__reveal-scale {
  to {
    opacity: 1;
    filter: none;
    transform: none;
  }
}

.Showcase-module__3sEC1a__scroll {
  cursor: pointer;
  background: none;
  border: 2px solid #ffffff47;
  border-radius: 20px;
  place-items: center;
  width: 28px;
  height: 48px;
  display: grid;
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
}

.Showcase-module__3sEC1a__scrollDot {
  background: var(--accent);
  border-radius: 6px;
  width: 6px;
  height: 10px;
  animation: 1.6s infinite Showcase-module__3sEC1a__scrollY;
}

@keyframes Showcase-module__3sEC1a__spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes Showcase-module__3sEC1a__scrollY {
  0% {
    opacity: .2;
    transform: translateY(-10px);
  }

  40% {
    opacity: 1;
  }

  100% {
    opacity: .2;
    transform: translateY(8px);
  }
}

@keyframes Showcase-module__3sEC1a__pulse {
  0% {
    box-shadow: 0 0 #16c7c373;
  }

  70% {
    box-shadow: 0 0 0 12px #16c7c300;
  }

  100% {
    box-shadow: 0 0 #16c7c300;
  }
}

@media (max-width: 1024px) {
  :root {
    --nav-h: 56px;
  }
}

@media (max-width: 900px) {
  .Showcase-module__3sEC1a__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .Showcase-module__3sEC1a__header {
    text-align: center;
  }

  .Showcase-module__3sEC1a__filters {
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .Showcase-module__3sEC1a__in .Showcase-module__3sEC1a__revealUp, .Showcase-module__3sEC1a__in .Showcase-module__3sEC1a__revealScale {
    animation: none !important;
  }

  .Showcase-module__3sEC1a__shine {
    transition: none !important;
  }

  .Showcase-module__3sEC1a__scrollDot {
    animation: none !important;
  }
}

/* [project]/src/app/components/ideas/IdeasForm.module.css [app-client] (css) */
:root {
  --black: #000;
  --smoke: #e9eef3;
  --muted: #b6c2cc;
  --accent: #16c7c3;
  --accent-600: #12aba7;
  --ring: #16c7c359;
  --radius-xl: 28px;
  --radius-lg: 16px;
  --nav-h: 70px;
}

.IdeasForm-module__kkoHBq__section {
  isolation: isolate;
  min-height: calc(100svh - var(--nav-h));
  padding: calc(var(--nav-h)  + clamp(24px, 6vw, 72px)) 0 clamp(28px, 6vw, 72px);
  background: var(--black);
  color: var(--smoke);
  position: relative;
  overflow: hidden;
}

@supports (height: 100dvh) {
  .IdeasForm-module__kkoHBq__section {
    min-height: calc(100dvh - var(--nav-h));
  }
}

.IdeasForm-module__kkoHBq__aurora {
  filter: blur(28px) saturate(120%);
  z-index: -3;
  background: radial-gradient(40% 60% at 15% 20%, #16c7c32e, #0000 60%), radial-gradient(40% 50% at 85% 10%, #16c7c329, #0000 60%), radial-gradient(35% 45% at 80% 70%, #16c7c324, #0000 60%);
  position: absolute;
  inset: -20% -10%;
}

.IdeasForm-module__kkoHBq__gridFx {
  opacity: .5;
  z-index: -2;
  background: repeating-linear-gradient(to right, #ffffff0a 0 1px, #0000 1px 48px), repeating-linear-gradient(#ffffff0a 0 1px, #0000 1px 48px);
  position: absolute;
  inset: -1px;
  -webkit-mask-image: radial-gradient(1200px 600px at 50% 22%, #000 0%, #0000 70%);
  mask-image: radial-gradient(1200px 600px at 50% 22%, #000 0%, #0000 70%);
}

.IdeasForm-module__kkoHBq__vignette {
  pointer-events: none;
  z-index: -1;
  background: radial-gradient(100% 80% at 50% 0, #0000 20%, #00000059 80%), radial-gradient(140% 100% at 50% 100%, #0000 30%, #00000073 90%);
  position: absolute;
  inset: -2px;
}

.IdeasForm-module__kkoHBq__wrap {
  grid-template-rows: auto 1fr;
  gap: clamp(18px, 3vw, 26px);
  width: min(1100px, 90vw);
  margin: 0 auto;
  display: grid;
}

.IdeasForm-module__kkoHBq__header {
  text-align: left;
}

.IdeasForm-module__kkoHBq__badge {
  width: fit-content;
  color: var(--smoke);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 999px;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  font-size: .9rem;
  font-weight: 800;
  display: inline-flex;
}

.IdeasForm-module__kkoHBq__pulse {
  background: var(--accent);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  animation: 2s infinite IdeasForm-module__kkoHBq__pulse;
  box-shadow: 0 0 #16c7c373;
}

.IdeasForm-module__kkoHBq__title {
  letter-spacing: -.02em;
  margin: 14px 0 10px;
  font-size: clamp(2rem, 6vw, 3.2rem);
  font-weight: 900;
  line-height: 1.06;
}

.IdeasForm-module__kkoHBq__titleEm {
  background: linear-gradient(90deg, var(--smoke) 0%, var(--accent) 55%, var(--smoke) 100%);
  color: #0000;
  text-shadow: 0 0 24px #16c7c314;
  -webkit-background-clip: text;
  background-clip: text;
}

.IdeasForm-module__kkoHBq__subtitle {
  color: var(--muted);
  max-width: 70ch;
}

.IdeasForm-module__kkoHBq__form {
  border-radius: var(--radius-xl);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: #ffffff0a;
  border: 1px solid #ffffff1a;
  grid-template-columns: 1fr 1fr;
  gap: clamp(14px, 2vw, 18px);
  width: 100%;
  margin-top: 6px;
  padding: clamp(16px, 3.5vw, 28px);
  display: grid;
  box-shadow: 0 16px 42px #00000059, inset 0 0 0 1px #ffffff0f;
}

.IdeasForm-module__kkoHBq__field {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.IdeasForm-module__kkoHBq__label {
  color: #e9eef3e6;
  font-size: .95rem;
  font-weight: 800;
}

.IdeasForm-module__kkoHBq__input, .IdeasForm-module__kkoHBq__textarea {
  width: 100%;
  color: var(--smoke);
  caret-color: var(--accent);
  background: #ffffff08;
  border: 1px solid #ffffff1f;
  border-radius: 14px;
  padding: 12px 14px;
  transition: border-color .2s, box-shadow .2s, background .2s, transform .2s;
}

.IdeasForm-module__kkoHBq__input::placeholder, .IdeasForm-module__kkoHBq__textarea::placeholder {
  color: #e9eef373;
}

.IdeasForm-module__kkoHBq__input:focus, .IdeasForm-module__kkoHBq__textarea:focus {
  box-shadow: 0 0 0 3px var(--ring);
  background: #ffffff0b;
  border-color: #16c7c38c;
  outline: none;
}

.IdeasForm-module__kkoHBq__segment {
  background: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  gap: 8px;
  padding: 6px;
  display: flex;
}

.IdeasForm-module__kkoHBq__segmentBtn {
  color: var(--smoke);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 10px;
  flex: 1;
  padding: 10px 12px;
  font-weight: 800;
  transition: background .2s, color .2s, transform .2s, box-shadow .2s, border-color .2s;
}

.IdeasForm-module__kkoHBq__segmentBtn:hover {
  color: var(--accent);
  transform: translateY(-1px);
}

.IdeasForm-module__kkoHBq__segmentBtn.IdeasForm-module__kkoHBq__active {
  background: var(--accent);
  color: #001011;
  box-shadow: 0 10px 24px #16c7c347;
}

.IdeasForm-module__kkoHBq__textarea {
  resize: vertical;
  grid-column: 1 / -1;
  min-height: 140px;
}

.IdeasForm-module__kkoHBq__actions {
  flex-wrap: wrap;
  grid-column: 1 / -1;
  align-items: center;
  gap: 12px;
  margin-top: 6px;
  display: flex;
}

.IdeasForm-module__kkoHBq__primaryCta {
  --tx: 0px;
  --ty: 0px;
  background: var(--accent);
  color: #001011;
  transform: translate(var(--tx), var(--ty));
  cursor: pointer;
  border: 0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: .95rem 1.3rem;
  font-weight: 900;
  transition: transform .2s, box-shadow .2s, background .2s, color .2s;
  display: inline-flex;
  box-shadow: 0 12px 32px #16c7c34d, inset 0 0 0 1px #00000059;
}

.IdeasForm-module__kkoHBq__primaryCta:hover {
  box-shadow: 0 14px 36px #16c7c361, inset 0 0 0 1px #00000059;
}

.IdeasForm-module__kkoHBq__primaryCta:focus-visible {
  box-shadow: 0 0 0 3px var(--ring);
  outline: none;
}

.IdeasForm-module__kkoHBq__primaryCta:disabled {
  opacity: .7;
  cursor: progress;
}

.IdeasForm-module__kkoHBq__note {
  color: var(--muted);
  font-size: .9rem;
}

.IdeasForm-module__kkoHBq__revealUp {
  --d: 0s;
  --dy: 18px;
  --blur: 6px;
  opacity: 0;
  transform: translateY(var(--dy));
  filter: blur(var(--blur));
}

.IdeasForm-module__kkoHBq__in .IdeasForm-module__kkoHBq__revealUp {
  animation: IdeasForm-module__kkoHBq__reveal-up .7s var(--d) cubic-bezier(.21, .9, .24, 1) both;
}

.IdeasForm-module__kkoHBq__revealScale {
  --d: 0s;
  opacity: 0;
  filter: blur(6px);
  transform: translateY(18px)scale(.96);
}

.IdeasForm-module__kkoHBq__in .IdeasForm-module__kkoHBq__revealScale {
  animation: IdeasForm-module__kkoHBq__reveal-scale .72s var(--d) cubic-bezier(.21, .9, .24, 1) both;
}

@keyframes IdeasForm-module__kkoHBq__reveal-up {
  to {
    opacity: 1;
    filter: none;
    transform: none;
  }
}

@keyframes IdeasForm-module__kkoHBq__reveal-scale {
  to {
    opacity: 1;
    filter: none;
    transform: none;
  }
}

.IdeasForm-module__kkoHBq__scroll {
  cursor: pointer;
  background: none;
  border: 2px solid #ffffff47;
  border-radius: 20px;
  place-items: center;
  width: 28px;
  height: 48px;
  display: grid;
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
}

.IdeasForm-module__kkoHBq__scrollDot {
  background: var(--accent);
  border-radius: 6px;
  width: 6px;
  height: 10px;
  animation: 1.6s infinite IdeasForm-module__kkoHBq__scrollY;
}

@keyframes IdeasForm-module__kkoHBq__scrollY {
  0% {
    opacity: .2;
    transform: translateY(-10px);
  }

  40% {
    opacity: 1;
  }

  100% {
    opacity: .2;
    transform: translateY(8px);
  }
}

@keyframes IdeasForm-module__kkoHBq__pulse {
  0% {
    box-shadow: 0 0 #16c7c373;
  }

  70% {
    box-shadow: 0 0 0 12px #16c7c300;
  }

  100% {
    box-shadow: 0 0 #16c7c300;
  }
}

@media (max-width: 960px) {
  .IdeasForm-module__kkoHBq__form {
    grid-template-columns: 1fr;
  }

  .IdeasForm-module__kkoHBq__textarea {
    grid-column: 1 / -1;
  }
}

@media (max-width: 1024px) {
  :root {
    --nav-h: 56px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .IdeasForm-module__kkoHBq__in .IdeasForm-module__kkoHBq__revealUp, .IdeasForm-module__kkoHBq__in .IdeasForm-module__kkoHBq__revealScale, .IdeasForm-module__kkoHBq__scrollDot {
    animation: none !important;
  }
}

/* [project]/src/app/components/Footer/Footer.module.css [app-client] (css) */
.Footer-module__8-teKW__footer {
  color: #fff;
  direction: ltr;
  background-color: #6a6a6a;
  background-image: linear-gradient(#000 0% 10%, #000 20% 42%, #000 78% 100%);
  height: 100vh;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .Footer-module__8-teKW__footer {
    height: calc(100dvh - var(--nav-h, 88px));
    min-height: calc(100dvh - var(--nav-h, 88px));
  }
}

.Footer-module__8-teKW__waveWrap {
  z-index: 1;
  pointer-events: none;
  position: absolute;
  inset: 0 0 -10px;
  overflow: hidden;
}

.Footer-module__8-teKW__waveImg {
  object-fit: cover;
  object-position: center bottom;
  filter: contrast(1.05) saturate(.95);
}

.Footer-module__8-teKW__content {
  z-index: 2;
  grid-template-columns: 1fr;
  align-items: start;
  gap: 40px;
  max-width: 1580px;
  min-height: 0;
  margin: 0 auto;
  padding: 72px 24px 24px;
  display: grid;
  position: relative;
}

.Footer-module__8-teKW__itemText {
  letter-spacing: .2px;
  font-size: 16px;
  font-weight: 700;
}

.Footer-module__8-teKW__addrIcon {
  background: linear-gradient(135deg, #ff8a00, #ff3d71);
}

.Footer-module__8-teKW__addrIcon svg {
  fill: #fff;
  opacity: .95;
  width: 18px;
  height: 18px;
}

.Footer-module__8-teKW__left {
  container-type: inline-size;
}

.Footer-module__8-teKW__brand {
  text-transform: uppercase;
  letter-spacing: .02em;
  background: linear-gradient(#fff 65%, #d3d3d3 100%);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0;
  font-size: clamp(48px, 10cqw, 310px);
  font-weight: 900;
  line-height: .95;
}

.Footer-module__8-teKW__rightPinned {
  grid-template-columns: 1fr;
  gap: 28px;
  display: grid;
}

@media (min-width: 1024px) {
  .Footer-module__8-teKW__rightPinned {
    text-align: left;
    z-index: 5;
    grid-template-columns: max-content max-content max-content;
    place-items: start;
    gap: 32px 56px;
    width: auto;
    max-width: calc(100% - 48px);
    display: grid;
    position: absolute;
    top: 72px;
    right: 24px;
  }
}

.Footer-module__8-teKW__colTitle {
  font-size: 20px;
  font-weight: 700;
}

.Footer-module__8-teKW__linkList {
  margin: 0;
  padding: 0;
  list-style: none;
}

.Footer-module__8-teKW__linkList li {
  margin: 8px 0;
}

.Footer-module__8-teKW__linkList a {
  color: #fff;
  opacity: .9;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  transition: opacity .15s;
  display: inline-flex;
}

.Footer-module__8-teKW__linkList a:hover {
  opacity: 1;
}

.Footer-module__8-teKW__contactCol {
  min-width: 260px;
}

.Footer-module__8-teKW__contactList {
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.Footer-module__8-teKW__telLink {
  color: #fff;
  opacity: .98;
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  text-decoration: none;
  transition: background .18s, border-color .18s, transform .14s, opacity .14s;
  display: flex;
}

.Footer-module__8-teKW__telLink:hover {
  opacity: 1;
  background: #ffffff14;
  border-color: #ffffff2e;
  transform: translateY(-1px);
}

.Footer-module__8-teKW__phoneIcon {
  background: linear-gradient(135deg, #4c8dff, #1877f2);
  border-radius: 999px;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
  box-shadow: 0 2px 10px #00000040;
}

.Footer-module__8-teKW__phoneIcon svg {
  fill: #fff;
  opacity: .95;
  width: 18px;
  height: 18px;
}

.Footer-module__8-teKW__telNumber {
  letter-spacing: .2px;
  direction: ltr;
  unicode-bidi: plaintext;
  font-size: 16px;
  font-weight: 700;
}

.Footer-module__8-teKW__socialIcons {
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  margin: 15px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.Footer-module__8-teKW__socialItem {
  position: relative;
}

.Footer-module__8-teKW__iconButton {
  border-radius: 999px;
  outline: none;
  place-items: center;
  width: 46px;
  height: 46px;
  text-decoration: none;
  transition: transform .14s, box-shadow .14s, filter .14s;
  display: grid;
  position: relative;
  box-shadow: 0 2px 10px #00000040;
}

.Footer-module__8-teKW__iconButton:hover {
  transform: translateY(-1px)scale(1.02);
}

.Footer-module__8-teKW__iconButton:focus-visible {
  box-shadow: 0 0 0 3px #ffffff40, 0 2px 10px #00000059;
}

.Footer-module__8-teKW__iconButton .Footer-module__8-teKW__icon svg {
  fill: #fff;
  width: 20px;
  height: 20px;
}

.Footer-module__8-teKW__iconButton[data-brand="instagram"] {
  background: radial-gradient(circle at 30% 107%, #fdf497 0% 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}

.Footer-module__8-teKW__iconButton[data-brand="facebook"] {
  background: linear-gradient(135deg, #4c8dff, #1877f2);
}

.Footer-module__8-teKW__iconButton[data-brand="whatsapp"] {
  background: linear-gradient(135deg, #25d366, #128c7e);
}

.Footer-module__8-teKW__iconButton[data-brand="gmail"] {
  background: linear-gradient(135deg, #ff6a6a, #ea4335);
}

.Footer-module__8-teKW__footer, .Footer-module__8-teKW__rightPinned, .Footer-module__8-teKW__socialIcons, .Footer-module__8-teKW__iconButton, .Footer-module__8-teKW__badge {
  direction: ltr !important;
}

.Footer-module__8-teKW__badge {
  transform-origin: 100%;
  color: #fff;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 600;
  transition: opacity .18s, transform .22s cubic-bezier(.2, .8, .2, 1);
  position: absolute;
  top: 50%;
  left: auto;
  right: calc(100% + 10px);
  transform: translateY(-50%)translateX(6px)scale(.96);
  box-shadow: 0 4px 18px #00000047;
}

@media (hover: hover) {
  .Footer-module__8-teKW__iconButton:hover .Footer-module__8-teKW__badge {
    opacity: 1;
    transform: translateY(-50%)translateX(0)scale(1);
  }
}

.Footer-module__8-teKW__iconButton:focus-visible .Footer-module__8-teKW__badge, .Footer-module__8-teKW__iconButton:active .Footer-module__8-teKW__badge {
  opacity: 1;
  transform: translateY(-50%)translateX(0)scale(1);
}

.Footer-module__8-teKW__iconButton[data-brand="instagram"] .Footer-module__8-teKW__badge {
  background: radial-gradient(circle at 30% 107%, #fdf497 0% 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}

.Footer-module__8-teKW__iconButton[data-brand="facebook"] .Footer-module__8-teKW__badge {
  background: linear-gradient(135deg, #4c8dff, #1877f2);
}

.Footer-module__8-teKW__iconButton[data-brand="whatsapp"] .Footer-module__8-teKW__badge {
  background: linear-gradient(135deg, #25d366, #128c7e);
}

.Footer-module__8-teKW__iconButton[data-brand="gmail"] .Footer-module__8-teKW__badge {
  background: linear-gradient(135deg, #ff6a6a, #ea4335);
}

@media (max-width: 1023px) {
  .Footer-module__8-teKW__footer {
    height: 100vh;
    min-height: 100vh;
  }

  .Footer-module__8-teKW__content {
    text-align: center;
    grid-template-columns: 1fr;
  }

  .Footer-module__8-teKW__brand {
    text-align: center;
  }

  .Footer-module__8-teKW__rightPinned {
    text-align: center;
    grid-template-columns: 1fr;
    gap: 24px;
    position: static;
  }

  .Footer-module__8-teKW__socialIcons {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
  }

  .Footer-module__8-teKW__badge {
    display: none;
  }

  .Footer-module__8-teKW__contactList {
    align-items: center;
  }

  .Footer-module__8-teKW__telLink {
    justify-content: center;
  }

  .Footer-module__8-teKW__waveWrap {
    z-index: 1;
    height: clamp(240px, 55vw, 520px);
    margin-top: 0;
    position: relative;
  }
}

@media (min-width: 1024px) {
  .Footer-module__8-teKW__waveWrap {
    z-index: 4;
  }

  .Footer-module__8-teKW__content {
    z-index: auto;
  }

  .Footer-module__8-teKW__rightPinned {
    z-index: 5;
  }

  .Footer-module__8-teKW__brandReveal {
    opacity: 0;
    will-change: transform, opacity;
    transition: transform .6s cubic-bezier(.2, .8, .2, 1), opacity .6s;
    transform: translateY(20vh);
  }

  .Footer-module__8-teKW__waveReveal {
    will-change: transform;
    transition: transform .6s cubic-bezier(.2, .8, .2, 1);
    transform: translateY(20vh);
  }

  .Footer-module__8-teKW__inview {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .Footer-module__8-teKW__brandReveal, .Footer-module__8-teKW__waveReveal, .Footer-module__8-teKW__inview {
    opacity: 1 !important;
    transition: none !important;
    transform: none !important;
  }
}

.Footer-module__8-teKW__bottomBar {
  z-index: 6;
  letter-spacing: .25px;
  color: #fff;
  text-align: center;
  background: #000;
  border-top: 1px solid #000;
  justify-content: center;
  align-items: center;
  gap: .35rem;
  height: 36px;
  padding-inline: 12px;
  font-size: 15px;
  line-height: 1;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.Footer-module__8-teKW__creditText {
  opacity: .9;
}

.Footer-module__8-teKW__creditAxiom {
  color: #7789ff;
  font-weight: 800;
  text-decoration: none;
}

.Footer-module__8-teKW__creditOzmo {
  color: #f77017;
  font-weight: 800;
  text-decoration: none;
}

@media (hover: hover) {
  .Footer-module__8-teKW__creditAxiom:hover, .Footer-module__8-teKW__creditOzmo:hover {
    text-decoration: underline;
  }
}

@media (max-width: 420px) {
  .Footer-module__8-teKW__bottomBar {
    height: 32px;
    font-size: 12px;
  }
}

/*# sourceMappingURL=src_app_components_b2733a5e._.css.map*/