.elementor-20 .elementor-element.elementor-element-051a612{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-114fbdd{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-87e1cc6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-6ed885a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-ebc44de{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-1babd40{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-c045199{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-579c99b */@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Inter:wght@400;500;600;700;800&display=swap');

.lifegen-hero,
.lifegen-hero *{
  box-sizing:border-box;
}

.lifegen-hero{
  --fx-x:74%;
  --fx-y:55%;
  --fx-size:clamp(440px, 42vw, 780px);

  position:relative;
  overflow:hidden;
  min-height:760px;

  background-image:
    url('https://salmon-herring-420152.hostingersite.com/wp-content/uploads/2026/05/ChatGPT-Image-May-29-2026-02_40_09-PM-Edited.png'),

    radial-gradient(
      ellipse at 78% 58%,
      rgba(255,207,82,.22) 0%,
      rgba(255,207,82,.10) 20%,
      rgba(255,207,82,.035) 42%,
      transparent 68%
    ),

    radial-gradient(
      ellipse at 18% 18%,
      rgba(64,128,255,.22) 0%,
      rgba(64,128,255,.08) 30%,
      transparent 58%
    ),

    radial-gradient(
      ellipse at 50% 105%,
      rgba(255,207,82,.10) 0%,
      transparent 46%
    ),

    linear-gradient(
      135deg,
      #061739 0%,
      #08245a 42%,
      #152638 100%
    );

  background-size:
    cover,
    cover,
    cover,
    cover,
    cover;

  background-position:
    70% center,
    center center,
    center center,
    center center,
    center center;

  background-repeat:no-repeat;

  display:flex;
  align-items:center;
  opacity:0;
  filter:brightness(.92) saturate(.96);
  transform:scale(1.018);
  transition:
    opacity .9s ease,
    filter 1.15s ease,
    transform 1.15s cubic-bezier(.2,.75,.25,1);
}

.lifegen-hero.is-visible{
  opacity:1;
  filter:brightness(1) saturate(1);
  transform:scale(1);
}

.lifegen-hero::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;

  background:
    linear-gradient(
      90deg,
      rgba(2,11,36,.32) 0%,
      rgba(2,11,36,.14) 36%,
      rgba(2,11,36,0) 62%
    );

  opacity:.85;
}

.lifegen-hero::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;

  background:
    radial-gradient(
      ellipse at 78% 60%,
      rgba(255,255,255,.08) 0%,
      rgba(255,255,255,.03) 22%,
      transparent 54%
    );

  opacity:.8;
}

.lifegen-hero__container{
  position:relative;
  z-index:5;
  width:min(1400px,92%);
  margin:0 auto;
}

.lifegen-hero__content{
  max-width:620px;
  position:relative;
  z-index:6;
}

.lifegen-hero__eyebrow,
.lifegen-hero__title,
.lifegen-hero__description,
.lifegen-hero__buttons{
  opacity:0;
  transform:translateY(28px);
  filter:blur(10px);
  transition:
    opacity .72s ease,
    transform .72s cubic-bezier(.2,.75,.25,1),
    filter .72s ease;
}

.lifegen-hero.is-visible .lifegen-hero__eyebrow,
.lifegen-hero.is-visible .lifegen-hero__title,
.lifegen-hero.is-visible .lifegen-hero__description,
.lifegen-hero.is-visible .lifegen-hero__buttons{
  opacity:1;
  transform:translateY(0);
  filter:blur(0);
}

.lifegen-hero.is-visible .lifegen-hero__eyebrow{
  transition-delay:.08s;
}

.lifegen-hero.is-visible .lifegen-hero__title{
  transition-delay:.2s;
}

.lifegen-hero.is-visible .lifegen-hero__description{
  transition-delay:.34s;
}

.lifegen-hero.is-visible .lifegen-hero__buttons{
  transition-delay:.48s;
}

.lifegen-hero__eyebrow{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:24px;
  color:#E1B54A;
  font-family:'Inter',sans-serif;
  font-size:13px;
  font-weight:800;
  letter-spacing:.25em;
}

.lifegen-hero__eyebrow span{
  width:48px;
  height:2px;
  background:#E1B54A;
  box-shadow:0 0 18px rgba(255,207,82,.55);
  transform-origin:left center;
}

.lifegen-hero.is-visible .lifegen-hero__eyebrow span{
  animation:lifegenLineReveal .8s cubic-bezier(.2,.75,.25,1) .18s both;
}

.lifegen-hero__title{
  margin:0 0 26px;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(72px,6vw,105px);
  line-height:.84;
  letter-spacing:-.05em;
  font-weight:700;
  color:#F6F4EE;
  text-shadow:
    0 12px 25px rgba(0,0,0,.35),
    0 0 34px rgba(255,255,255,.05);
}

.lifegen-hero__title span{
  background:linear-gradient(180deg,#FFF0A8 0%,#E1B54A 45%,#C8922B 75%,#9D6817 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.lifegen-hero__description{
  max-width:520px;
  margin:0 0 34px;
  color:rgba(255,255,255,.9);
  font-family:'Inter',sans-serif;
  font-size:19px;
  line-height:1.8;
}

.lifegen-hero__buttons{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}

.lifegen-btn{
  min-height:60px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 34px;
  border-radius:8px;
  text-decoration:none !important;
  font-family:'Inter',sans-serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
  transition:
    transform .3s ease,
    box-shadow .3s ease,
    border-color .3s ease;
}

.lifegen-btn:hover{
  transform:translateY(-2px);
}

.lifegen-btn--gold{
  color:#061126 !important;
  background:linear-gradient(135deg,#FFF0A8 0%,#E1B54A 45%,#C8922B 100%);
  box-shadow:
    0 12px 30px rgba(225,181,74,.28),
    0 0 22px rgba(255,207,82,.18);
}

.lifegen-btn--outline{
  color:#fff !important;
  border:1px solid rgba(225,181,74,.65);
  background:rgba(1,8,25,.25);
  backdrop-filter:blur(8px);
}

@keyframes lifegenLineReveal{
  0%{
    transform:scaleX(0);
    opacity:0;
  }
  100%{
    transform:scaleX(1);
    opacity:1;
  }
}

@keyframes lifegenAuraSpin{
  from{
    transform:translateY(-50%) rotate(0deg);
  }
  to{
    transform:translateY(-50%) rotate(360deg);
  }
}

@keyframes lifegenSpin{
  from{transform:translate(-50%,-50%) rotate(0deg);}
  to{transform:translate(-50%,-50%) rotate(360deg);}
}

@keyframes lifegenSpinReverse{
  from{transform:translate(-50%,-50%) rotate(360deg);}
  to{transform:translate(-50%,-50%) rotate(0deg);}
}

@keyframes lifegenFlarePulse{
  0%,100%{
    opacity:.58;
    transform:translate(-50%,-50%) scale(.95);
  }
  50%{
    opacity:1;
    transform:translate(-50%,-50%) scale(1.06);
  }
}

@media(max-width:1024px){
  .lifegen-hero{
    --fx-x:70%;
    --fx-y:56%;
    --fx-size:clamp(360px, 60vw, 620px);

    min-height:700px;

    background-size:
      cover,
      cover,
      cover,
      cover,
      cover;

    background-position:
      70% center,
      center center,
      center center,
      center center,
      center center;
  }

  .lifegen-hero__title{
    font-size:clamp(60px,7vw,90px);
  }
}

@media(max-width:767px){
  .lifegen-hero{
    min-height:auto;
    padding:80px 0;

    background-size:
      cover,
      cover,
      cover,
      cover,
      cover;

    background-position:
      67% center,
      center center,
      center center,
      center center,
      center center;
  }

  .lifegen-flare{
    display:none;
  }

  .lifegen-hero__title{
    font-size:clamp(48px,13vw,68px);
  }

  .lifegen-hero__description{
    font-size:16px;
  }

  .lifegen-btn{
    width:100%;
  }
}

@media (prefers-reduced-motion: reduce){
  .lifegen-hero,
  .lifegen-hero__eyebrow,
  .lifegen-hero__title,
  .lifegen-hero__description,
  .lifegen-hero__buttons,
  .lifegen-hero__eyebrow span{
    animation:none !important;
    transition:none !important;
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
  }
}/* End custom CSS */