/* Header + hero claros, no recorte fluido da home */

.v2-header {
  background: #f7f5ff;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-bottom: 1px solid transparent;
  box-shadow: none;
}

.v2-header.is-fixed {
  background: rgba(255, 255, 255, .92);
  backdrop-filter: blur(18px) saturate(1.2);
  -webkit-backdrop-filter: blur(18px) saturate(1.2);
  border-bottom-color: rgba(119, 79, 212, .1);
  box-shadow: 0 12px 36px rgba(18, 12, 36, .08);
}

.v2-header__inner {
  min-height: 72px;
}

.v2-logo,
.v2-header__actions {
  flex: 1 1 0;
}

.v2-header__actions {
  justify-content: flex-end;
}

.v2-nav {
  flex: 0 0 auto;
  gap: 2px;
}

.v2-nav > li > a,
.v2-nav__trigger {
  color: #3d4450;
}

.v2-nav > li > a:hover,
.v2-nav__trigger:hover,
.v2-nav > li > a.is-active,
.v2-nav__trigger[aria-expanded="true"] {
  background: rgba(119, 79, 212, .1);
  color: #774FD4;
}

.v2-nav > li > a.is-active {
  box-shadow: none;
  color: #774FD4;
}

.v2-nav__item--dropdown {
  color: #3d4450;
}

.v2-header .v2-btn--ghost {
  background: #fff;
  border-color: rgba(119, 79, 212, .22);
  color: #14191e;
  box-shadow: none;
}

.v2-header .v2-btn--ghost:hover {
  background: rgba(119, 79, 212, .08);
  border-color: #774FD4;
  color: #774FD4;
}

.v2-header .v2-btn {
  box-shadow: 0 8px 20px rgba(119, 79, 212, .28);
}

.v2-menu-toggle {
  background: #fff;
  border-color: rgba(119, 79, 212, .16);
}

.v2-menu-toggle span {
  background: #14191e;
}

.v2-hero {
  background-color: #f8f7fc;
  background-image: none;
  overflow: visible;
  padding: 8px 0 32px;
  position: relative;
}

.v2-hero__canvas {
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.v2-hero__orb {
  border-radius: 50%;
  filter: blur(92px);
  position: absolute;
}

.v2-hero__orb--lime {
  background: rgba(213, 220, 33, .11);
  height: 68%;
  right: -6%;
  top: -22%;
  width: 52%;
}

.v2-hero__orb--purple {
  background: rgba(119, 79, 212, .08);
  height: 78%;
  left: -18%;
  top: -8%;
  width: 58%;
}

.v2-hero__orb--mist {
  background: rgba(119, 79, 212, .05);
  bottom: -28%;
  height: 52%;
  left: 28%;
  width: 46%;
}

.v2-hero__art {
  display: block;
  height: 100%;
  opacity: .7;
  position: absolute;
  inset: 0;
  width: 100%;
}

.v2-hero__inner {
  position: relative;
  z-index: 1;
}

.v2-hero__content {
  padding: 48px 0 72px;
}

.v2-hero__label {
  background: rgba(255, 255, 255, .72);
  border-color: rgba(119, 79, 212, .16);
  color: #774FD4;
}

.v2-hero h1 {
  color: #14191e;
}

.v2-hero .gradient-whats {
  background: none;
  box-shadow: inset 0 -0.18em 0 rgba(213, 220, 33, .7);
  color: #774FD4;
  -webkit-text-fill-color: #774FD4;
}

.v2-hero__text {
  color: #5a6772;
}

.v2-hero .v2-btn {
  box-shadow: 0 10px 28px rgba(119, 79, 212, .28);
}

.v2-hero .v2-btn--outline {
  background: rgba(255, 255, 255, .72);
  backdrop-filter: blur(10px);
  border-color: rgba(119, 79, 212, .28);
  color: #14191e;
}

.v2-hero .v2-btn--outline:hover {
  background: #fff;
  border-color: #774FD4;
  color: #774FD4;
}

.v2-hero__media::before,
.v2-hero__media--phone::before {
  background: radial-gradient(circle, rgba(119, 79, 212, .12), rgba(213, 220, 33, .06) 48%, transparent 72%);
  filter: blur(80px);
  opacity: .45;
}

.v2-page-hero {
  background:
    radial-gradient(ellipse 70% 80% at 92% 0%, rgba(213, 220, 33, .22), transparent 58%),
    radial-gradient(ellipse 50% 60% at 8% 100%, rgba(119, 79, 212, .12), transparent 55%),
    linear-gradient(180deg, #f7f5ff 0%, #eef6ea 100%);
}

.v2-page-hero h1 {
  color: #14191e;
}

.v2-page-hero p {
  color: #5a6772;
}

.v2-crumb {
  color: #5a6772;
}

.v2-crumb a {
  color: #774FD4;
}

.v2-crumb a:hover {
  color: #5c3bb8;
}

.v2-page-hero .v2-btn--outline,
.v2-page-hero .v2-btn--ghost-dark {
  background: rgba(255, 255, 255, .72);
  border-color: rgba(119, 79, 212, .28);
  color: #14191e;
}

.v2-page-hero .v2-btn--outline:hover,
.v2-page-hero .v2-btn--ghost-dark:hover {
  background: #fff;
  border-color: #774FD4;
  color: #774FD4;
}

@media screen and (max-width: 1024px) {
  .v2-logo,
  .v2-header__actions {
    flex: 0 0 auto;
  }

  .v2-nav-mobile.is-open {
    background:
      radial-gradient(ellipse 80% 50% at 100% 0%, rgba(213, 220, 33, .22), transparent 55%),
      #f7f5ff;
  }

  .v2-nav-mobile a,
  .v2-nav-mobile__group summary {
    color: #14191e;
  }

  .v2-nav-mobile > a:hover,
  .v2-nav-mobile__group summary:hover {
    background: rgba(119, 79, 212, .1);
    color: #774FD4;
  }

  .v2-nav-mobile__close {
    background: #fff;
    border-color: rgba(119, 79, 212, .16);
    color: #14191e;
  }

  .v2-hero__content {
    padding: 28px 20px 8px;
  }

  .v2-hero__orb--lime,
  .v2-hero__orb--purple,
  .v2-hero__orb--mist {
    filter: blur(80px);
  }

  .v2-hero__art {
    opacity: .45;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .v2-hero__orb--lime {
    animation: v2-orb-drift 22s ease-in-out infinite;
  }

  .v2-hero__orb--purple {
    animation: v2-orb-drift 28s ease-in-out 1.4s infinite reverse;
  }

  .v2-hero__orb--mist {
    animation: v2-orb-drift 24s ease-in-out .8s infinite;
  }
}

@keyframes v2-orb-drift {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(10px, -8px) scale(1.03); }
}
