@charset "utf-8";

/* Top Navbar - 글래스모피즘 스타일 */
.top-navbar{
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:70px;
  background:rgba(255,255,255,0.85);
  border-bottom:1px solid rgba(0,0,0,0.06);
  z-index:100;
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  box-shadow:0 2px 12px rgba(0,0,0,0.03);
}
.top-navbar__container{
  max-width:1400px;
  margin:0 auto;
  height:100%;
  padding:0 32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
}
.top-navbar__logo{
  text-decoration:none;
  display:flex;
  align-items:center;
  flex-shrink:0;
}
.top-navbar__logo-text{
  font-size:26px;
  font-weight:800;
  background:linear-gradient(135deg, #1b7437, #15366b);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  letter-spacing:1.5px;
}
.top-navbar__nav{
  display:flex;
  align-items:center;
  gap:4px;
  flex:1;
}
.top-navbar__nav-link{
  text-decoration:none;
  color:#5f6368;
  font-size:15px;
  font-weight:500;
  padding:10px 18px;
  border-radius:10px;
  transition:all 0.2s ease;
  display:flex;
  align-items:center;
  gap:6px;
}
.top-navbar__nav-link i{
  font-size:14px;
  opacity:0.7;
}
.top-navbar__nav-link:hover{
  color:#202124;
  background:rgba(0,0,0,0.04);
}
.top-navbar__markets{
  display:flex;
  align-items:center;
  gap:16px;
  margin-left:auto;
  margin-right:20px;
  flex-shrink:0;
}
.market-item{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:13px;
}
.market-item__label{
  font-weight:600;
  color:#5f6368;
}
.market-item__value{
  font-weight:700;
  color:#202124;
}
.market-item__change{
  font-size:12px;
  font-weight:600;
}
.market-item__change--up{
  color:#d32f2f;
}
.market-item__change--down{
  color:#1976d2;
}
/* 글로벌 검색바 */
.top-navbar__search{
  position:relative;
  flex:1;
  max-width:500px;
  margin:0 20px;
}
.top-navbar__search i{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  color:#5f6368;
  font-size:14px;
  pointer-events:none;
}
.top-navbar__search-input{
  width:100%;
  height:40px;
  padding:0 16px 0 40px;
  border:1px solid rgba(0,0,0,0.1);
  border-radius:20px;
  font-size:14px;
  background:rgba(255,255,255,0.9);
  transition:all 0.2s;
}
.top-navbar__search-input:focus{
  outline:none;
  border-color:var(--brandGreen);
  background:#fff;
  box-shadow:0 2px 8px rgba(27,116,55,0.15);
}
.top-navbar__search-results{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  right:0;
  background:#fff;
  border-radius:12px;
  box-shadow:0 4px 20px rgba(0,0,0,0.15);
  max-height:400px;
  overflow-y:auto;
  display:none;
  z-index:100;
}
.top-navbar__search-results.show{
  display:block;
}

/* 우측 액션 */
.top-navbar__actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-shrink:0;
  margin-left:auto;
}
.top-navbar__icon-btn{
  position:relative;
  width:40px;
  height:40px;
  border:none;
  background:transparent;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#5f6368;
  cursor:pointer;
  transition:all 0.2s;
}
.top-navbar__icon-btn:hover{
  background:rgba(0,0,0,0.05);
  color:#202124;
}
.top-navbar__icon-btn.active{
  color:#fbbf24;
}
.top-navbar__icon-btn.active:hover{
  color:#f59e0b;
  background:rgba(251,191,36,0.1);
}
.top-navbar__icon-btn .badge{
  position:absolute;
  top:6px;
  right:6px;
  width:18px;
  height:18px;
  background:#d32f2f;
  color:#fff;
  font-size:10px;
  font-weight:700;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* 프로필 드롭다운 */
.top-navbar__profile{
  position:relative;
}
.top-navbar__profile-btn{
  display:flex;
  align-items:center;
  gap:8px;
  padding:6px 12px 6px 6px;
  border:none;
  background:transparent;
  border-radius:24px;
  cursor:pointer;
  transition:all 0.2s;
}
.top-navbar__profile-btn:hover{
  background:rgba(0,0,0,0.05);
}
.top-navbar__avatar{
  width:32px;
  height:32px;
  border-radius:50%;
  object-fit:cover;
}
.top-navbar__username{
  font-size:14px;
  font-weight:500;
  color:#202124;
}
.top-navbar__profile-btn i{
  font-size:12px;
  color:#5f6368;
  transition:transform 0.2s;
}
.top-navbar__profile.active .top-navbar__profile-btn i{
  transform:rotate(180deg);
}
.top-navbar__dropdown{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  width:220px;
  background:#fff;
  border-radius:12px;
  box-shadow:0 4px 20px rgba(0,0,0,0.15);
  padding:8px 0;
  display:none;
  z-index:100;
}
.top-navbar__dropdown.show{
  display:block;
  animation:dropdownFadeIn 0.2s ease;
}
@keyframes dropdownFadeIn{
  from{
    opacity:0;
    transform:translateY(-10px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}
.top-navbar__dropdown-item{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 16px;
  color:#202124;
  text-decoration:none;
  transition:background 0.2s;
}
.top-navbar__dropdown-item:hover{
  background:rgba(0,0,0,0.05);
}
.top-navbar__dropdown-item i{
  width:20px;
  color:#5f6368;
  font-size:14px;
}
.top-navbar__dropdown-item span{
  font-size:14px;
}
.top-navbar__dropdown-divider{
  height:1px;
  background:#e5e7eb;
  margin:8px 0;
}
.top-navbar__link{
  text-decoration:none;
  color:#5f6368;
  font-size:15px;
  font-weight:500;
  padding:10px 18px;
  border-radius:10px;
  transition:all 0.2s ease;
}
.top-navbar__link:hover{
  color:#202124;
  background:rgba(0,0,0,0.04);
}
.top-navbar__btn{
  text-decoration:none;
  color:#fff;
  background:linear-gradient(135deg, var(--brandGreen), var(--brandBlue));
  font-size:15px;
  font-weight:600;
  padding:11px 24px;
  border-radius:10px;
  transition:all 0.2s ease;
  box-shadow:0 2px 8px rgba(27,116,55,0.2);
}
.top-navbar__btn:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(27,116,55,0.3);
}

/* 랜딩 컨테이너 */
.landing{
  max-width:800px; 
  margin:0 auto; 
  min-height:100vh; 
  display:flex; 
  flex-direction:column; 
  align-items:center; 
  justify-content:flex-start; 
  padding:240px 24px 80px 24px;
  gap:20px;
}

/* 로고 */
.landing .logo{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  text-decoration:none;
  margin-bottom:0;
}
.landing .logo__text{
  font-weight:800; 
  font-size:96px; 
  letter-spacing:2px; 
  text-align:center; 
  user-select:none;
  line-height:1;
  transition:all 0.3s ease;
  background:linear-gradient(135deg, #1b7437, #15366b);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}
.landing .logo__text:hover{
  transform:scale(1.02);
}
/* 각 글자 span의 개별 색상 제거 (그라데이션 적용을 위해) */
.landing .logo__f,
.landing .logo__i,
.landing .logo__n,
.landing .logo__t,
.landing .logo__o,
.landing .logo__r{
  color:inherit;
}

.landing .logo__tagline{
  margin:0 0 24px 0;
  font-size:18px;
  font-weight:500;
  color:#5f6368;
  letter-spacing:0.5px;
}

/* 검색 */
.landing__search{
  width:100%;
  margin-bottom:8px;
}

/* 검색창 안의 태그 */
.tags-in-search{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-right:8px;
}
.tag-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  background:transparent;
  border:1.5px solid #1E3A8A;
  border-radius:16px;
  font-size:16px;
  font-weight:600;
  color:#1E3A8A;
  animation:popIn 0.2s ease;
  white-space:nowrap;
  cursor:pointer;
  transition:all 0.2s ease;
  position:relative;
}
.tag-chip:hover{
  background:linear-gradient(135deg, rgba(27,116,55,0.2), rgba(21,54,107,0.2));
  transform:translateY(-1px);
  box-shadow:0 2px 6px rgba(30,58,138,0.2);
}
.tag-chip__name{
  pointer-events:none;
  flex:1;
  min-width:0;
}
@keyframes popIn {
  from {
    opacity:0;
    transform:scale(0.8);
  }
  to {
    opacity:1;
    transform:scale(1);
  }
}
.tag-chip__remove{
  background:none;
  border:none;
  cursor:pointer;
  color:#333;
  font-size:14px;
  line-height:1;
  width:20px;
  height:20px;
  min-width:20px;
  min-height:20px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-left:auto;
  margin-right:0;
  transition:color 0.2s ease;
  opacity:1;
  pointer-events:auto;
  flex-shrink:0;
}
.tag-chip__remove:hover{
  color:#ef4444;
}
.tag-chip__remove-text {
  font-size: 18px;
  line-height: 1;
  color: #333;
  font-weight: bold;
  display: block;
}

.landing .searchbar{
  position:relative; 
  max-width:720px; 
  width:100%; 
  margin:0 auto;
}
.landing .searchbar__wrapper{
  position:relative;
  width:100%;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  background:#fff !important;
  border:1px solid #dfe1e5;
  border-radius:56px;
  padding:12px 64px 12px 64px;
  min-height:68px;
  box-shadow:0 2px 8px rgba(32,33,36,.1);
  transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  gap:8px;
}
.landing .searchbar__wrapper:hover{
  box-shadow:0 3px 14px rgba(32,33,36,.16);
  border-color:#c6c9cc;
  transform:translateY(-1px);
}
.landing .searchbar__wrapper:focus-within{
  box-shadow:0 6px 24px rgba(30,58,138,.25);
  border-color:#1E3A8A;
  transform:translateY(-2px);
}
.landing .searchbar__icon{
  position:absolute;
  left:26px;
  top:50%;
  transform:translateY(-50%);
  color:#9aa0a6;
  font-size:20px;
  pointer-events:none;
}
.landing .searchbar__input{
  flex:1;
  min-width:200px;
  border:none !important;
  border-width:0 !important;
  padding:0 !important;
  margin:0 !important;
  font-size:18px !important;
  font-weight:500 !important; 
  outline:none !important;
  background:transparent !important;
  background-color:transparent !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  appearance:none !important;
  box-shadow:none !important;
  -webkit-box-shadow:none !important;
  -moz-box-shadow:none !important;
  font-family:Pretendard, -apple-system, BlinkMacSystemFont, sans-serif;
  color:#202124;
  height:44px !important;
  width:100% !important;
  line-height:44px !important;
  vertical-align:middle !important;
  display:inline-block !important;
  text-align:left !important;
  caret-color:#1E3A8A !important;
  caret-width:auto !important;
}

/* placeholder가 보일 때만 중앙 정렬 (포커스가 없을 때) */
.landing .searchbar__input:placeholder-shown:not(:focus){
  text-align:center !important;
}

/* 포커스를 받으면 항상 왼쪽 정렬 (커서가 왼쪽에서 시작) */
.landing .searchbar__input:focus{
  text-align:left !important;
}

/* 입력이 시작되면 왼쪽 정렬 */
.landing .searchbar__input:not(:placeholder-shown){
  text-align:left !important;
}

/* 브라우저 기본 input 스타일 완전 제거 */
.landing .searchbar__input::-webkit-input-placeholder {
  background:transparent !important;
}
.landing .searchbar__input::-moz-placeholder {
  background:transparent !important;
}
.landing .searchbar__input:-ms-input-placeholder {
  background:transparent !important;
}
.landing .searchbar__input::placeholder {
  background:transparent !important;
  color:#9aa0a6;
}

/* 포커스를 받으면 placeholder 완전히 숨김 */
.landing .searchbar__input:focus::-webkit-input-placeholder {
  opacity:0 !important;
  color:transparent !important;
}
.landing .searchbar__input:focus::-moz-placeholder {
  opacity:0 !important;
  color:transparent !important;
}
.landing .searchbar__input:focus:-ms-input-placeholder {
  opacity:0 !important;
  color:transparent !important;
}
.landing .searchbar__input:focus::placeholder {
  opacity:0 !important;
  color:transparent !important;
}
.landing .searchbar__btn{
  position:absolute; 
  right:10px; 
  top:50%;
  transform:translateY(-50%);
  width:44px; 
  height:44px; 
  border-radius:50%; 
  border:none; 
  cursor:pointer; 
  color:#fff; 
  background:linear-gradient(135deg, var(--brandGreen), var(--brandBlue));
  display:flex;
  align-items:center;
  justify-content:center;
  transition:all 0.3s ease;
  box-shadow:0 2px 6px rgba(0,0,0,.15);
}
.landing .searchbar__btn:hover{
  transform:translateY(-50%) scale(1.05);
  box-shadow:0 3px 10px rgba(0,0,0,.25);
}
.landing .searchbar__btn:active{
  opacity:0.8;
}

/* Topnav 내부 검색창 스타일 (index.html topnav용) */
.top-navbar__search .searchbar {
  position: relative;
  width: 100%;
}

.top-navbar__search .searchbar__wrapper {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #fff !important;
  border: 1px solid #dfe1e5;
  border-radius: 56px;
  padding: 8px 60px 8px 50px;
  min-height: 48px;
  box-shadow: 0 2px 8px rgba(32, 33, 36, 0.1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  gap: 8px;
}

.top-navbar__search .searchbar__wrapper:hover {
  box-shadow: 0 3px 14px rgba(32, 33, 36, 0.16);
  border-color: #c6c9cc;
  transform: translateY(-1px);
}

.top-navbar__search .searchbar__wrapper:focus-within {
  box-shadow: 0 6px 24px rgba(30, 58, 138, 0.25);
  border-color: #1E3A8A;
  transform: translateY(-2px);
}

.top-navbar__search .searchbar__icon {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #9aa0a6;
  font-size: 18px;
  pointer-events: none;
}

.top-navbar__search .searchbar__input {
  flex: 1;
  min-width: 180px;
  border: none !important;
  border-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  outline: none !important;
  background: transparent !important;
  background-color: transparent !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, sans-serif;
  color: #202124;
  height: auto !important;
  width: 100% !important;
  line-height: 1.5 !important;
  vertical-align: middle !important;
  display: inline-block !important;
  text-align: left !important;
  caret-color: #1E3A8A !important;
  caret-width: auto !important;
}

.top-navbar__search .searchbar__input::placeholder {
  background: transparent !important;
  color: #9aa0a6;
  font-size: 15px;
}

.top-navbar__search .searchbar__input:focus::placeholder {
  opacity: 0 !important;
  color: transparent !important;
}

.top-navbar__search .searchbar__btn {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  color: #fff;
  background: linear-gradient(135deg, #1b7437, #2563eb);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  padding: 0;
  margin: 0;
}

.top-navbar__search .searchbar__btn:hover {
  transform: translateY(-50%) scale(1.05);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
  background: linear-gradient(135deg, #1e8a3f, #3b82f6);
}

.top-navbar__search .searchbar__btn:active {
  opacity: 0.9;
  transform: translateY(-50%) scale(0.98);
}

/* 검색 버튼 내부 아이콘 스타일 */
.top-navbar__search .searchbar__btn i {
  font-size: 16px;
  color: #ffffff;
  line-height: 1;
  display: block;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
  transition: filter 0.2s ease;
}

.top-navbar__search .searchbar__btn:hover i {
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.3));
}

.top-navbar__search .tags-in-search {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-right: 8px;
}

/* Topnav 자동완성 목록 (index.html과 동일한 스타일) */
.top-navbar__search .searchbar.ac-wrap {
  position: relative;
}

#topnav-ac-list {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  background: #fff !important;
  border: 1px solid #dfe1e5;
  border-radius: 24px;
  box-shadow: 0 4px 16px rgba(32, 33, 36, 0.15);
  z-index: 100;
  max-height: 400px;
  overflow: auto;
  display: none;
  margin-top: 4px;
  
  /* 애니메이션 초기 상태 */
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* 자동완성 표시 시 애니메이션 */
#topnav-ac-list[style*="display: block"] {
  animation: slideDownFade 0.3s ease forwards;
}

@keyframes slideDownFade {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 랜딩 액션버튼 컨테이너 */
.landing .actions{
  display:flex; 
  gap:14px; 
  justify-content:center; 
  margin-top:4px;
}
.landing .btn--modern{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 24px;
  font-size:15px;
  font-weight:500;
  border:1px solid #e8eaed;
  border-radius:8px;
  background:#fff;
  color:#3c4043;
  cursor:pointer;
  text-decoration:none;
  transition:all 0.15s ease;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.landing .btn--modern:hover{
  background:#f8f9fa;
  border-color:#dadce0;
  box-shadow:0 2px 4px rgba(0,0,0,.08);
}
.landing .btn--modern i{
  font-size:14px;
  color:#5f6368;
}

/* HOW TO 박스 */
.landing .howto{
  max-width:640px; 
  width:100%; 
  margin:16px auto 0; 
  background:linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%); 
  border:1px solid #bae6fd; 
  border-radius:16px; 
  padding:24px; 
  box-shadow:0 2px 8px rgba(0,0,0,.04);
}
.landing .howto__title{
  margin:0 0 16px 0; 
  font-weight:700; 
  font-size:16px; 
  color:#0c4a6e;
  display:flex;
  align-items:center;
  gap:8px;
}
.landing .howto__list{
  margin:0 0 16px 0; 
  padding:0; 
  display:flex; 
  gap:10px; 
  list-style:none; 
  flex-wrap:wrap;
  justify-content:center;
}
.landing .howto__list .chip{
  background:#fff;
  border:1px solid #e0f2fe;
  color:#0369a1;
  font-weight:500;
  padding:8px 16px;
  font-size:14px;
  cursor:pointer;
  transition:all 0.2s ease;
}
.landing .howto__list .chip:hover{
  background:#0ea5e9;
  color:#fff;
  border-color:#0ea5e9;
  transform:translateY(-2px);
  box-shadow:0 4px 8px rgba(14,165,233,.2);
}
.landing .howto__hint{
  margin:0; 
  font-size:13px; 
  color:#0c4a6e;
  text-align:center;
  opacity:0.8;
}

/* 랜딩에서만 숨김 처리 */
#lp-market-row { display: none !important; }
#ask-me { display: none !important; }

/* 실시간 통계 */
.landing-stats-row{
  display:flex;
  justify-content:center;
  gap:40px;
  margin:24px auto;
  max-width:720px;
}
.stat-item{
  text-align:center;
}
.stat-item__value{
  font-size:32px;
  font-weight:800;
  background:linear-gradient(135deg, var(--brandGreen), var(--brandBlue));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  margin-bottom:4px;
}
.stat-item__label{
  font-size:13px;
  color:#6b7280;
  font-weight:500;
}

/* 주요 기능 카드 */
.feature-cards{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:16px;
  max-width:720px;
  margin:20px auto;
}
.feature-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:24px 20px;
  text-align:center;
  transition:all 0.3s ease;
  cursor:pointer;
}
.feature-card:hover{
  border-color:#1E3A8A;
  box-shadow:0 8px 24px rgba(30,58,138,0.12);
  transform:translateY(-4px);
}
.feature-card__icon{
  font-size:32px;
  margin-bottom:12px;
  background:linear-gradient(135deg, var(--brandGreen), var(--brandBlue));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}
.feature-card__title{
  font-size:16px;
  font-weight:700;
  color:#111827;
  margin-bottom:8px;
}
.feature-card__desc{
  font-size:13px;
  color:#6b7280;
  line-height:1.5;
}

/* 인기 기업 섹션 */
.popular-section{
  width:100%;
  max-width:720px;
  margin:20px auto;
  text-align:center;
}
.popular-section__header{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-bottom:16px;
  font-size:15px;
  font-weight:600;
  color:#374151;
}
.popular-section__header i{
  color:#ef4444;
}
.popular-section__chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
}
.popular-chip{
  padding:10px 20px;
  background:#fff;
  border:1.5px solid #e5e7eb;
  border-radius:24px;
  font-size:15px;
  font-weight:500;
  color:#374151;
  cursor:pointer;
  transition:all 0.2s ease;
  font-family:Pretendard, -apple-system, BlinkMacSystemFont, sans-serif;
}
.popular-chip:hover{
  background:linear-gradient(135deg, var(--brandGreen), var(--brandBlue));
  color:#fff;
  border-color:transparent;
  transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(27,116,55,0.25);
}

/* 산업별 카테고리 */
.category-section{
  width:100%;
  max-width:720px;
  margin:20px auto;
  text-align:center;
}
.category-section__header{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-bottom:16px;
  font-size:15px;
  font-weight:600;
  color:#374151;
}
.category-section__header i{
  color:#8b5cf6;
}
.category-section__chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
}
.category-chip{
  padding:10px 20px;
  background:#f9fafb;
  border:1.5px solid #e5e7eb;
  border-radius:24px;
  font-size:15px;
  font-weight:500;
  color:#374151;
  cursor:pointer;
  transition:all 0.2s ease;
  font-family:Pretendard, -apple-system, BlinkMacSystemFont, sans-serif;
  display:flex;
  align-items:center;
  gap:6px;
}
.category-chip i{
  font-size:14px;
  opacity:0.7;
}
.category-chip:hover{
  background:#8b5cf6;
  color:#fff;
  border-color:#8b5cf6;
  transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(139,92,246,0.25);
}
.category-chip:hover i{
  opacity:1;
}

/* 소셜 프루프 */
.social-proof{
  max-width:480px;
  margin:20px auto;
  text-align:center;
  padding:24px;
  background:linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
  border:1px solid #bae6fd;
  border-radius:16px;
}
.social-proof__rating{
  color:#fbbf24;
  font-size:20px;
  margin-bottom:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
}
.social-proof__score{
  margin-left:8px;
  font-size:16px;
  font-weight:700;
  color:#0c4a6e;
}
.social-proof__quote{
  font-size:16px;
  color:#0c4a6e;
  font-weight:600;
  margin-bottom:8px;
  line-height:1.5;
}
.social-proof__author{
  font-size:13px;
  color:#0369a1;
  font-weight:500;
}

/* 반응형 */
@media (max-width: 968px) {
  .top-navbar__nav{
    display:none;
  }
}

@media (max-width: 768px) {
  .feature-cards{
    grid-template-columns:1fr;
  }
  .landing-stats-row{
    gap:24px;
  }
}

@media (max-width: 768px) {
  .top-navbar__search{
    max-width:300px;
    margin:0 12px;
  }
  .top-navbar__username{
    display:none;
  }
}

@media (max-width: 640px) {
  .top-navbar{
    height:60px;
  }
  .top-navbar__container{
    padding:0 16px;
    gap:8px;
  }
  .top-navbar__logo-text{
    font-size:20px;
  }
  .top-navbar__search{
    display:none;
  }
  .top-navbar__markets{
    display:none;
  }
  .top-navbar__link{
    padding:8px 12px;
    font-size:13px;
  }
  .top-navbar__btn{
    padding:9px 16px;
    font-size:13px;
  }
  .top-navbar__username{
    display:none;
  }
  .landing{
    padding-top:140px;
  }
  .landing .logo__text{
    font-size:64px;
  }
  .landing .logo__tagline{
    font-size:15px;
  }
  .landing .searchbar__wrapper{
    padding:10px 56px 10px 56px;
    min-height:60px;
  }
  .landing .searchbar__input{
    font-size:22px !important;
    min-width:150px;
    height:40px !important;
    line-height:40px !important;
    text-align:left !important;
  }
  /* 모바일에서도 placeholder가 보일 때만 중앙 정렬 (포커스가 없을 때) */
  .landing .searchbar__input:placeholder-shown:not(:focus){
    text-align:center !important;
  }
  
  /* 모바일에서도 포커스를 받으면 왼쪽 정렬 */
  .landing .searchbar__input:focus{
    text-align:left !important;
    caret-color:#1E3A8A !important;
  }
  
  /* 모바일에서도 커서 크기 조정 */
  .landing .searchbar__input{
    caret-color:#1E3A8A !important;
  }
  
  /* 모바일에서도 입력이 시작되면 왼쪽 정렬 */
  .landing .searchbar__input:not(:placeholder-shown){
    text-align:left !important;
  }
  .landing .searchbar__icon{
    left:20px;
    font-size:18px;
  }
  .landing .searchbar__btn{
    width:40px;
    height:40px;
    right:8px;
  }
  .tag-chip{
    font-size:12px;
    padding:5px 8px;
  }
  .landing .actions{
    flex-direction:column;
    width:100%;
    max-width:280px;
  }
  .landing .btn--modern{
    width:100%;
    justify-content:center;
  }
  .popular-section__chips{
    gap:8px;
  }
  .popular-chip{
    padding:8px 16px;
    font-size:14px;
  }
  .landing-stats-row{
    flex-direction:column;
    gap:20px;
  }
  .stat-item__value{
    font-size:28px;
  }
  .feature-cards{
    grid-template-columns:1fr;
    gap:12px;
  }
  .feature-card{
    padding:20px 16px;
  }
  .category-section__chips{
    gap:8px;
  }
  .category-chip{
    padding:8px 16px;
    font-size:14px;
  }
  .social-proof{
    padding:20px;
  }
  .selected-tags{
    padding:12px 16px;
  }
  .selected-tags__actions{
    flex-direction:column;
  }
  .btn-compare, .btn-clear-all{
    width:100%;
  }
  .toggle-label{
    font-size:13px;
    padding:6px 12px;
  }
}