/* 기본 */
*{box-sizing:border-box;}
html,body{
  margin:0; padding:0;
  font-family:"Pretendard","Noto Sans KR",sans-serif;
  background:#fff; color:#fff;
}

/* HERO */
.hero{
  position:relative;
  padding:30px 16px 0px;
  background:linear-gradient(135deg,#5a27ff 0%, #7b34ff 50%, #9b3eff 100%);
  overflow:hidden;
  text-align:center;
}

/* 아주 은은한 둥근 원 */
.soft-glow{
  position:absolute;
  width:380px; height:380px;
  background:rgba(255,255,255,0.25);
  filter:blur(80px);
  border-radius:50%;
  left:-120px; top:40px;
  opacity:0.35;
}
.soft-glow2{
  position:absolute;
  width:320px; height:320px;
  background:rgba(255,255,255,0.22);
  filter:blur(90px);
  border-radius:50%;
  right:-110px; bottom:80px;
  opacity:0.35;
}

/* 콘텐츠 */
.hero-inner{
  max-width:900px;
  margin:0 auto;
  position:relative;
  z-index:10;
}

/* 라벨 */
.eyebrow{
  display:inline-block !important;   /* 핵심: 텍스트 길이만큼만 감싸기 */
  padding:8px 18px;
  background:rgba(255,255,255,.18);
  border-radius:999px;
  font-size:18px;
  font-weight:700;
  margin:0 auto 16px;
}

/* 메인 텍스트 */
.title{
  margin:0 0 18px; line-height:1.25;
}

.h48,.hat{
  font-size:clamp(46px,12vw,64px);
  font-weight:800;
  text-shadow:0 2px 8px rgba(0,0,0,0.25);
  color:#ffe97d;
}
.h180{
  font-size:clamp(52px,13vw,74px);
  font-weight:900;
  color:#ffffff;
  text-shadow:0 3px 10px rgba(0,0,0,0.28);
}

/* 화살표 (정상 위로) */
.arrow{
  display:inline-block;
  animation:arrowMove .6s infinite alternate ease-in-out;
  font-size:0.8em;
}
@keyframes arrowMove{
  from{transform:translateY(-1px);}
  to{transform:translateY(4px);}
}

/* 타사보다 타이핑 */
.sub{
  margin-top:12px;
  font-size:20px;
  font-weight:600;
  color:#fff;
  text-shadow:0 2px 6px rgba(0,0,0,0.3);
  min-height:28px;
}
.typing{
  white-space:nowrap;
}
.cursor{
  display:inline-block;
  width:3px;
  background:#fff;
  animation:blink .8s infinite;
}
@keyframes blink{
  0%{opacity:1;}
  50%{opacity:0;}
  100%{opacity:1;}
}

/* 이미지 */
.hero-img{
  max-width:340px;
  margin:24px auto 0;
}
.hero-img img{
  width:100%;
}

/* 애니메이션 */
.slide-left{
  opacity:0; transform:translateX(-40px);
  transition:all .7s ease-out;
}
.slide-left.show{
  opacity:1; transform:translateX(0);
}

.slide-right{
  opacity:0; transform:translateX(40px);
  transition:all .7s ease-out;
}
.slide-right.show{
  opacity:1; transform:translateX(0);
}

.fade-in{
  opacity:0; transform:translateY(20px);
  transition:all .7s ease-out;
}
.fade-in.show{
  opacity:1; transform:translateY(0);
}

.rise-up{
  opacity:0; transform:translateY(40px);
  transition:all .8s ease-out;
}
.rise-up.show{
  opacity:1; transform:translateY(0);
}

/* 타이핑 박스 */
.typing-box{
  display:inline-block;
  margin-top:14px;
  padding:10px 18px;
  background:#000;
  border-radius:10px;
  font-size:18px;
  font-weight:700;
  color:#fff;
  min-height:28px;
  box-shadow:0 4px 10px rgba(0,0,0,0.25);
}

/* 기존 cursor 이동 */
.typing-box .cursor{
  display:inline-block;
  width:3px;
  background:#fff;
  animation:blink .8s infinite;
}



/* ================================ */
/*   수정 요청 부분(현금/숨은지원금)  */
/* ================================ */

/* 기존보다 10~12% 줄임 */
.h48, .hat{
  font-size:clamp(40px, 10vw, 54px) !important;
  font-weight:800;
}

/* 기존보다 더 크게(약 15~20% 증가) */
.h180{
   font-size:clamp(54px, 13vw, 78px) !important;
  font-weight:900;
}

/* ================================ */
/*     부드러운 쿵쾅(약하게 조정)     */
/* ================================ */

/* 두 텍스트 동일하게 자연스러운 pulse */
.pulse{
  display:inline-block;
  animation:softbeat 1.8s infinite ease-in-out;
}
.pulse2{
  display:inline-block;
  animation:softbeat 1.8s infinite ease-in-out .15s;
}

/* 기존보다 50% 약화된 heartbeat */
@keyframes softbeat{
  0%{ transform:scale(1); }
  20%{ transform:scale(1.06); }   /* 기존 1.13 → 1.06 */
  40%{ transform:scale(1); }
  60%{ transform:scale(1.10); }   /* 기존 1.18 → 1.10 */
  80%{ transform:scale(1); }
  100%{ transform:scale(1); }
}