@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");

:root{
  --fv3-bg:#02040a;
  --fv3-white:#fff;
  --fv3-text:#dce7f8;
  --fv3-muted:#8fa5c7;
  --fv3-blue:#4f8dff;
  --fv3-cyan:#62dcff;
  --fv3-line:rgba(255,255,255,.08);
  --fv3-container:1280px;
  --fv3-ease:.5s cubic-bezier(.22,.61,.36,1);
}

*{box-sizing:border-box}

.hp-footer-v3{
  position:relative;
  overflow:clip;
  padding:74px 0 26px;
  background:
    radial-gradient(circle at 50% 0,rgba(79,141,255,.10),transparent 34%),
    linear-gradient(180deg,#050816 0%,#02040a 62%,#010207 100%);
  color:var(--fv3-white);
  isolation:isolate;
}

.hp-footer-container{
  position:relative;
  z-index:2;
  width:min(var(--fv3-container),92%);
  margin:0 auto;
}

.hp-footer-v3-bg{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}

.hp-footer-v3-grid{
  position:absolute;
  inset:0;
  opacity:.10;
  background-image:
    linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:90px 90px;
  mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.35) 62%,transparent 100%);
}

.hp-footer-v3-glow{
  position:absolute;
  top:-500px;
  left:50%;
  width:1050px;
  height:1050px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(79,141,255,.20),rgba(98,220,255,.06) 42%,transparent 72%);
  filter:blur(120px);
  transform:translateX(-50%);
  opacity:.72;
  mix-blend-mode:screen;
}

.hp-footer-v3-brand{
  padding-bottom:54px;
  border-bottom:1px solid var(--fv3-line);
}

.hp-footer-v3-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  margin-bottom:28px;
}

.hp-footer-v3-topline p{
  margin:0;
  color:#84caff;
  font-size:10px;
  font-weight:750;
  letter-spacing:.28em;
}

.hp-footer-top-link{
  display:inline-flex;
  align-items:center;
  gap:13px;
  color:#8fa5c7;
  font-size:10px;
  font-weight:750;
  letter-spacing:.21em;
  transition:color var(--fv3-ease),transform var(--fv3-ease);
}

.hp-footer-top-link i{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  background:rgba(255,255,255,.03);
  color:#fff;
  font-style:normal;
  transition:transform var(--fv3-ease),border-color var(--fv3-ease);
}

.hp-footer-top-link:hover{
  color:#fff;
  transform:translateY(-2px);
}

.hp-footer-top-link:hover i{
  transform:translateY(-4px);
  border-color:rgba(126,202,255,.48);
}

.hp-footer-v3-logo{
  margin:0 0 26px;
  color:#fff;
  font-size:14px;
  font-weight:800;
  letter-spacing:.36em;
}

.hp-footer-v3-brand h2{
  margin:0;
  max-width:980px;
  font-size:clamp(42px,5.2vw,76px);
  font-weight:800;
  line-height:1.05;
  letter-spacing:-.06em;
}

.hp-footer-v3-brand h2 span{
  background:linear-gradient(90deg,#fff,#d8ebff 48%,#6dbdff);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.hp-footer-v3-main{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:90px;
  align-items:start;
  padding:42px 0;
  border-bottom:1px solid var(--fv3-line);
}

.hp-footer-v3-about{
  display:grid;
  gap:24px;
}

.hp-footer-v3-about>p{
  margin:0;
  max-width:560px;
  color:#a8b9d1;
  font-size:15px;
  line-height:1.85;
}

.hp-footer-v3-contact{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  color:#6f85a6;
  font-size:13px;
}

.hp-footer-v3-contact a{
  color:#dbe7f8;
  transition:color var(--fv3-ease);
}

.hp-footer-v3-contact a:hover{
  color:#8ed2ff;
}

.hp-footer-v3-services{
  min-width:380px;
}

.hp-footer-v3-services>strong{
  display:block;
  margin-bottom:16px;
  color:#7187a8;
  font-size:10px;
  letter-spacing:.22em;
}

.hp-footer-v3-services>div{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 30px;
}

.hp-footer-v3-services a{
  color:#c4d0e2;
  font-size:14px;
  transition:color var(--fv3-ease),transform var(--fv3-ease);
}

.hp-footer-v3-services a:hover{
  color:#fff;
  transform:translateX(4px);
}

.hp-footer-v3-flow{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:26px 0;
  border-bottom:1px solid var(--fv3-line);
}

.hp-footer-v3-flow span{
  color:#7fcaff;
  font-size:9px;
  font-weight:750;
  letter-spacing:.23em;
}

.hp-footer-v3-flow i{
  width:42px;
  height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(126,202,255,.44),rgba(255,255,255,.05));
}

.hp-footer-v3-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding:22px 0 0;
}

.hp-footer-v3-bottom>div:first-child{
  display:flex;
  align-items:center;
  gap:22px;
  color:#6f84a4;
  font-size:10px;
  letter-spacing:.10em;
}

.hp-footer-v3-bottom>div:first-child span:first-child{
  color:rgba(255,255,255,.64);
  font-weight:600;
}

.hp-footer-v3-legal{
  display:flex;
  gap:24px;
}

.hp-footer-v3-legal a{
  color:#8297b5;
  font-size:12px;
  transition:color var(--fv3-ease);
}

.hp-footer-v3-legal a:hover{
  color:#fff;
}
.hp-footer-container{
  position:relative;
}

.hp-footer-v3-wordmark{
  position:absolute;
  left:50%;
  bottom:-6px;
  width:100%;

  font-size:clamp(90px,14vw,220px);
  font-weight:900;
  line-height:.76;
  letter-spacing:-.075em;
  text-align:center;

  color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.10);

  background:linear-gradient(
    180deg,
    rgba(255,255,255,.10),
    rgba(255,255,255,.02)
  );
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;

  opacity:.9;
  transform:translateX(-50%);

  pointer-events:none;
  user-select:none;
}

@media(max-width:640px){
  .hp-footer-v3-main{
    grid-template-columns:1fr;
    gap:36px;
  }

  .hp-footer-v3-services{
    min-width:0;
  }
}

@media(max-width:640px){
  .hp-footer-v3{
    padding:62px 0 22px;
  }

  .hp-footer-v3-topline{
    align-items:flex-start;
    flex-direction:column;
    gap:18px;
  }

  .hp-footer-v3-brand h2{
    font-size:38px;
  }

  .hp-footer-v3-main{
    padding:36px 0;
  }

  .hp-footer-v3-services>div{
    grid-template-columns:1fr 1fr;
  }

  .hp-footer-v3-flow{
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:12px;
  }

  .hp-footer-v3-flow i{
    width:24px;
  }

  .hp-footer-v3-bottom{
    align-items:flex-start;
    flex-direction:column;
    gap:16px;
  }

  .hp-footer-v3-bottom>div:first-child{
    align-items:flex-start;
    flex-direction:column;
    gap:7px;
  }

  .hp-footer-v3-wordmark{
    margin-top:46px;
    margin-bottom:-8px;
    font-size:64px;
  }
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
  }

  .hp-footer-reveal,
  .hp-footer-v3-wordmark{
    opacity:1;
    transform:none;
  }
}

/* LIFEHANPAN COMPACT SCALE OVERRIDE */
.hp-footer-v3{padding:48px 0 17px}
.hp-footer-v3-main{padding:27px 0}