/* ============================================
   OUR ACHIEVEMENTS SECTION - Figma Design Implementation
   ============================================ */

/* Our Achievements Section */
.section.our-achievements {
  /* 배경색 */
  background-color: transparent;
  
  /* 패딩 */
  padding-top: 140px;
  padding-bottom: 0px;
  
  /* 위치 */
  position: relative;
  overflow: hidden;
}

/* Our Achievements Wrapper */
.our-achievements-wrapper {
  /* Flexbox 레이아웃 */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  
  /* 전체 너비 */
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 100px;
}

/* Our Achievements Content */
.our-achievements-content {
  /* Flexbox 레이아웃 */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  
  /* 전체 너비 */
  width: 100%;
}

/* Our Achievements Badge */
.our-achievements-badge {
  /* Flexbox 레이아웃 - Figma: gap-[8px] */
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  
  /* 테두리 - Figma: border-[#5065ff] border-[1px_0px] */
  border-bottom: 1px solid #5065ff;
  border-left: none;
  border-right: none;
  
  /* 패딩 - Figma: px-[12px] py-[6px] */
  padding: 6px 12px;
  
  /* border-radius - Figma: rounded-[8.2px] */
  border-radius: 8.2px;
  
  /* 배경 */
  background-color: transparent;
}

/* Our Achievements Icon */
.our-achievements-icon {
  /* 크기 - Figma: size-[24px] */
  width: 24px;
  height: 24px;
  
  /* 이미지 최적화 */
  object-fit: contain;
  flex-shrink: 0;
}

/* Our Achievements Badge Text */
.our-achievements-badge-text {
  /* 텍스트 색상 - 그라디언트 - Figma: from-[#8a98ff] from-[47.573%] to-[#c8cbe4] to-[98.345%] */
  background-image: linear-gradient(to bottom, #8a98ff 47.573%, #c8cbe4 98.345%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  
  /* 폰트 스타일 - Figma: font-['Inter_24pt:Regular',sans-serif] text-[14px] */
  font-family: 'Inter Tight', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  
  /* 텍스트 정렬 */
  text-align: center;
  white-space: nowrap;
  
  /* 마진 */
  margin: 0;
}

/* Our Achievements Heading */
.our-achievements-heading {
  /* Flexbox 레이아웃 */
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  
  /* 폰트 스타일 - Figma: font-['Inter_24pt:Medium',sans-serif] text-[40px] */
  font-family: 'Inter Tight', sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.4;
  
  /* 색상 - Figma: text-[color:var(--primary\/blue1,#f4f6ff)] */
  color: #f4f6ff;
  
  /* letter-spacing - Figma: tracking-[-1.6px] */
  letter-spacing: -1.6px;
  
  /* 텍스트 정렬 */
  text-align: center;
  
  /* 마진 */
  margin: 0;
  
  /* 최소 너비 */
  min-width: fit-content;
  width: 100%;
}

/* Our Achievements Heading Line */
.our-achievements-heading-line {
  /* 마진 */
  margin: 0;
  
  /* 첫 번째 줄만 아래 마진 */
  margin-bottom: 0;
}

.our-achievements-heading-line:first-child {
  margin-bottom: 0;
}

.our-achievements-heading-line:last-child {
  margin-bottom: 0;
}

/* 반응형 디자인 */
@media screen and (max-width: 991px) {
  .section.our-achievements {
    padding-top: 140px;
  }

  .our-achievements-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }

  .our-achievements-heading {
    font-size: 40px;
    letter-spacing: -1.44px;
  }
}

@media screen and (max-width: 767px) {
  .section.our-achievements {
    padding-top: 140px;
  }

  .our-achievements-wrapper {
    padding-left: 20px;
    padding-right: 20px;
    gap: 16px;
  }

  .our-achievements-content {
    gap: 16px;
  }

  .our-achievements-heading {
    font-size: 20px;
    letter-spacing: -1.12px;
  }

  .our-achievements-badge {
    padding: 6px 12px;
  }

  .our-achievements-icon {
    width: 20px;
    height: 20px;
  }

  .our-achievements-badge-text {
    font-size: 12px;
  }
}

/* ============================================
   PRIZE SECTION - Figma Design Implementation
   ============================================ */

/* Prize Section */
.section.prize {
  /* 배경색 */
  background-color: transparent;
  
  /* 패딩 - Figma: py-[60px] */
  padding-top: 60px;
  padding-bottom: 60px;
  
  /* 위치 */
  position: relative;
  overflow: hidden;
}

/* Prize Wrapper */
.prize-wrapper {
  /* Flexbox 레이아웃 */
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  
  /* 전체 너비 */
  width: 100%;
  margin: 0 auto;
  padding: 0 0;
}

/* Prize Title */
.prize-title {
  /* 폰트 스타일 - Figma: font-['Inter_24pt:Medium',sans-serif] text-[24px] */
  font-family: 'Inter Tight', sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
  
  /* 색상 - Figma: text-[color:var(--neutral\/white,white)] */
  color: #ffffff;
  
  /* letter-spacing - Figma: tracking-[-0.96px] */
  letter-spacing: -0.96px;
  
  /* 텍스트 정렬 */
  text-align: center;
  
  /* 마진 */
  margin: 0;
  
  /* 전체 너비 */
  width: 100%;
}

/* Prize Content */
.prize-content {
  /* 이미지 너비에 맞춤 */
  width: fit-content;
  max-width: 100%;
  
  /* 가로 스크롤 활성화 */
  overflow-x: auto;
  overflow-y: hidden;
  
  /* 스크롤바 숨기기 - Firefox */
  scrollbar-width: none;
  
  /* 이미지 중앙 정렬 */
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  
  /* 스크롤 동작 부드럽게 */
  -webkit-overflow-scrolling: touch;
}

/* 스크롤바 숨기기 - Webkit 브라우저 (Chrome, Safari 등) */
.prize-content::-webkit-scrollbar {
  display: none;
}

/* Prize Year Image */
.prize-year-image {
  /* 높이 고정 */
  height: 432px;
  
  /* 너비는 자동 (원본 비율 유지) */
  width: auto;
  
  /* 최대 너비 제한 없음 */
  max-width: none;
  
  /* 이미지 최적화 */
  object-fit: contain;
  
  /* 이미지가 줄어들지 않도록 */
  flex-shrink: 0;
}

/* Prize Cards Row */
.prize-cards-row {
  /* Flexbox 레이아웃 */
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0;
  
  /* 전체 너비 */
  width: 100%;
  padding: 0 100px;
}

/* Prize Card */
.prize-card {
  /* 배경색 - Figma: bg-[var(--primary\/blue6,#0e1023)] */
  background-color: #0e1023;
  
  /* 테두리 - Figma: border border-[var(--primary\/blue5,#1c2c7b)] */
  border: 1px solid #1c2c7b;
  
  /* border-radius - Figma: rounded-[10px] */
  border-radius: 10px;
  
  /* 패딩 - Figma: p-[20px] */
  padding: 20px;
  
  /* Flexbox 레이아웃 - Figma: gap-[16px] */
  display: flex;
  gap: 16px;
  align-items: flex-start;
  
  /* 너비 - Figma: w-[320px] */
  width: 320px;
  flex-shrink: 0;
}

/* Prize Card Icon Wrapper */
.prize-card-icon-wrapper {
  /* 크기 - Figma: size-[30px] */
  width: 30px;
  height: 30px;
  
  /* 패딩 - Figma: p-[5px] */
  padding: 5px;
  
  /* border-radius - Figma: rounded-[4px] */
  border-radius: 4px;
  
  /* 그라디언트 배경 - Figma: linear-gradient(234.03948229109096deg, var(--primary\/blue3,rgba(101, 120, 254, 1)) 9.3561%, var(--primary\/blue5,rgba(28, 44, 123, 1)) 84.545%) */
  background: linear-gradient(234.04deg, rgba(101, 120, 254, 1) 9.3561%, rgba(28, 44, 123, 1) 84.545%);
  
  /* Flexbox */
  display: flex;
  align-items: center;
  justify-content: center;
  
  flex-shrink: 0;
}

/* Prize Card Icon */
.prize-card-icon {
  /* 크기 - Figma: size-[20px] */
  width: 20px;
  height: 20px;
  
  /* 이미지 최적화 */
  object-fit: contain;
}

/* Prize Card Content */
.prize-card-content {
  /* Flexbox 레이아웃 - Figma: gap-[8px] */
  display: flex;
  flex-direction: column;
  gap: 8px;
  
  /* Flex grow */
  flex: 1;
  min-width: 0;
}

/* Prize Card Title */
.prize-card-title {
  /* 폰트 스타일 - Figma: font-['Inter_24pt:Bold',sans-serif] text-[16px] */
  font-family: 'Inter Tight', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  
  /* 색상 - Figma: text-[color:var(--neutral\/white,white)] */
  color: #ffffff;
  
  /* 마진 */
  margin: 0;
  
  /* 전체 너비 */
  width: 100%;
}

/* Prize Card Description */
.prize-card-description {
  /* 폰트 스타일 - Figma: font-['Inter_24pt:Regular',sans-serif] text-[16px] */
  font-family: 'Inter Tight', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  
  /* 색상 - Figma: text-[color:var(--primary\/blue2,#c8cbe4)] */
  color: #c8cbe4;
  
  /* 마진 */
  margin: 0;
  
  /* 전체 너비 */
  width: 100%;
}

/* Prize Timeline */
.prize-timeline {
  /* 위치 */
  position: relative;
  
  /* 높이 */
  height: 160px;
  
  /* 전체 너비 */
  width: 100%;
  padding: 0 2px;
}

/* Prize Timeline Line */
.prize-timeline-line {
  /* 위치 */
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  
  /* 높이 */
  height: 1px;
  
  /* 배경색 - Figma: rgba(200, 203, 228, 1) */
  background-color: #c8cbe4;
}

/* Prize Timeline Bullets */
.prize-timeline-bullets {
  /* Flexbox 레이아웃 */
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  
  /* 위치 */
  position: relative;
  
  /* 전체 너비 */
  width: 100%;
  height: 100%;
}

/* Prize Timeline Bullet */
.prize-timeline-bullet {
  /* Flexbox 레이아웃 - Figma: gap-[8px] */
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  
  /* 높이 */
  height: 160px;
  
  /* 너비 */
  width: 20px;
  flex-shrink: 0;
}

/* Prize Timeline Vertical Line */
.prize-timeline-vertical-line {
  /* 높이 - Figma: h-[70px] */
  height: 70px;
  width: 1px;
  
  /* 배경색 - Figma: rgba(200, 203, 228, 1) */
  background-color: #c8cbe4;
}

/* Prize Timeline Dot */
.prize-timeline-dot {
  /* 크기 - Figma: aspect-[20/20] */
  width: 20px;
  height: 20px;
  
  /* border-radius */
  border-radius: 50%;
  
  /* 배경색 - Figma: rgba(244, 246, 255, 1) */
  background-color: #f4f6ff;
  
  /* 테두리 - Figma: rgba(200, 203, 228, 1) */
  border: 1px solid #c8cbe4;
  
  flex-shrink: 0;
}

/* Prize Timeline Date */
.prize-timeline-date {
  /* 폰트 스타일 - Figma: font-['Inter_24pt:SemiBold',sans-serif] text-[20px] */
  font-family: 'Inter Tight', sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  
  /* 색상 - Figma: text-[color:var(--primary\/blue2,#c8cbe4)] */
  color: #c8cbe4;
  
  /* 텍스트 정렬 */
  text-align: center;
  white-space: nowrap;
  
  /* 마진 */
  margin: 0;
}

@media screen and (max-width: 767px) {
  .section.prize {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .prize-wrapper {
    gap: 20px;
  }

  .prize-title {
    font-size: 20px;
    letter-spacing: -0.8px;
  }

  .prize-year-image {
    height: 396px;
  }
}

/* ============================================
   SOFTWARE SECTION - Figma Design Implementation
   ============================================ */

/* Software Section */
.section.software {
  /* 배경색 */
  background-color: transparent;
  
  /* 패딩 - Figma: py-0 */
  padding-top: 60px;
  padding-bottom: 60px;
  
  /* 위치 */
  position: relative;
  overflow: hidden;

  display: flex;
  align-items: center;
  justify-content: center;
}

/* Software Wrapper */
.software-wrapper {
  /* Flexbox 레이아웃 */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 60px;
  
  /* 전체 너비 */
  width: 100%;
  max-width: 1440px;
  padding: 0 80px;
}

/* Software Title */
.software-title {
  /* 폰트 스타일 - Figma: font-['Inter_24pt:Medium',sans-serif] text-[24px] */
  font-family: 'Inter Tight', sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
  
  /* 색상 - Figma: text-[color:var(--neutral\/white,white)] */
  color: #ffffff;
  
  /* letter-spacing - Figma: tracking-[-0.96px] */
  letter-spacing: -0.96px;
  
  /* 텍스트 정렬 */
  text-align: center;
  
  /* 마진 */
  margin: 0;
  
  /* 전체 너비 */
  width: 100%;
}

/* Software Content */
.software-content {
  /* Flexbox 레이아웃 */
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 40px;
  
  /* 전체 너비 */
  width: 100%;
}

/* Software Cards Grid */
.software-cards-grid {
  /* Flexbox 레이아웃 - Figma: flex-wrap gap-[20px] */
  display: flex;
  gap: 20px;
  align-items: stretch;
  justify-content: center;
  
  /* 전체 너비 */
  width: 100%;
}

/* Software Card */
.software-card {
  /* 배경색 - Figma: bg-[var(--primary\/blue6,#0e1023)] */
  background-color: #0e1023;
  
  /* 테두리 - Figma: border border-[var(--primary\/blue3,#6578fe)] */
  border: 1px solid #6578fe;
  
  /* border-radius - Figma: rounded-[10px] */
  border-radius: 10px;
  
  /* 높이 - Figma: h-[360px] */
  min-height: 360px;
  
  /* 너비 - 그리드 너비에 맞춰 동일한 너비로 조절 */
  flex: 1 1 0;
  min-width: 0;
  max-width: 305px;
  
  /* 패딩 - Figma: px-[20px] py-[28px] */
  padding: 28px 20px;
  
  /* Flexbox 레이아웃 */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

/* Software Card Top */
.software-card-top {
  /* Flexbox 레이아웃 - Figma: gap-[20px] */
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  
  /* 전체 너비 */
  width: 100%;
}

/* Software Card Icon */
.software-card-icon {
  /* 크기 - Figma: h-[25.613px] w-[23.208px] */
  width: 24px;
  height: 24px;
  
  /* 이미지 최적화 */
  object-fit: contain;
  flex-shrink: 0;
}

/* Software Card Divider */
.software-card-divider {
  /* 높이 - Figma: h-0 */
  height: 1px;
  width: 100%;
  
  /* 배경색 - Figma: rgba(28, 44, 123, 1) */
  background-color: #1c2c7b;
}

/* Software Card Title */
.software-card-title {
  /* 폰트 스타일 - Figma: font-['Inter_18pt:Regular',sans-serif] text-[16px] */
  font-family: 'Inter Tight', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  
  /* 색상 - Figma: text-[color:var(--neutral\/white,white)] */
  color: #ffffff;
  
  /* letter-spacing - Figma: tracking-[-0.16px] */
  letter-spacing: -0.16px;
  
  /* 텍스트 정렬 */
  text-align: center;
  
  /* 마진 */
  margin: 0;
  
  /* 전체 너비 */
  width: 100%;
}

/* Software Card Description */
.software-card-description {
  /* 폰트 스타일 - Figma: font-['Inter_18pt:Bold',sans-serif] text-[18px] */
  font-family: 'Inter Tight', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.1;
  
  /* 색상 - Figma: text-[color:var(--neutral\/white,white)] */
  color: #ffffff;
  
  /* letter-spacing - Figma: tracking-[-0.18px] */
  letter-spacing: -0.18px;
  
  /* 텍스트 정렬 */
  text-align: center;
  
  /* 마진 */
  margin: 0;
  
  /* 전체 너비 */
  width: 100%;
}

/* Software Card Bottom */
.software-card-bottom {
  /* Flexbox 레이아웃 - Figma: gap-[40px] */
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  
  margin-top: 12px;

  /* 전체 너비 */
  width: 100%;
}

/* Software Card Badge */
.software-card-badge {
  /* 패딩 - Figma: px-[40px] py-[12px] */
  padding: 12px 14px;
  
  /* border-radius - Figma: rounded-[8px] */
  border-radius: 8px;
  
  /* 그라디언트 배경 - Figma: radial-gradient */
  background: radial-gradient(70.66% 70.66% at 50.29% 100%, #9EA9FF 0%, #475CFD 100%);
  
  /* 전체 너비 */
  width: 100%;
  
  /* Flexbox */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Software Card Badge Text */
.software-card-badge-text {
  /* 폰트 스타일 - Figma: font-['Inter_24pt:Medium',sans-serif] text-[16px] */
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  
  /* 색상 - Figma: text-[color:var(--neutral\/white,white)] */
  color: #ffffff;
  
  /* 텍스트 정렬 */
  text-align: center;
  
  /* 마진 */
  margin: 0;
}

/* Software Card Source */
.software-card-source {
  /* 폰트 스타일 - Figma: font-['Inter_18pt:Regular',sans-serif] text-[16px] */
  font-family: 'Inter Tight', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.1;
  
  /* 색상 - Figma: text-[color:var(--neutral\/white,white)] */
  color: #ffffff;
  
  /* letter-spacing - Figma: tracking-[-0.16px] */
  letter-spacing: -0.16px;
  
  /* 텍스트 정렬 */
  text-align: center;
  white-space: nowrap;
  
  /* 마진 */
  margin: 0;
}

/* Software Footer Note */
.software-footer-note {
  /* 폰트 스타일 - Figma: font-['Inter:Regular','Noto_Sans_KR:Regular',sans-serif] text-[16px] */
  font-family: 'Inter Tight', 'Noto Sans KR', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  
  /* 색상 - Figma: text-[color:var(--primary\/blue2,#c8cbe4)] */
  color: #c8cbe4;
  
  /* 텍스트 정렬 - Figma: text-right */
  text-align: right;
  
  /* 마진 */
  margin: 0;
  
  /* 전체 너비 */
  width: 100%;
  max-width: 800px;
}

/* 반응형 디자인 */
@media screen and (max-width: 991px) {
  .section.software {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .software-content {
    align-items: center;
  }

  .software-cards-grid {
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: stretch;
    justify-items: center;
    /* 내부 아이템을 감쌀 수 있는 최소 너비로 자동 지정 */
    width: fit-content;
    max-width: 100%;
  }

  .software-card {
    max-width: 305px;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .section.software {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .software-wrapper {
    padding-left: 20px;
    padding-right: 20px;
    gap: 40px;
  }

  .software-title {
    font-size: 20px;
    letter-spacing: -0.8px;
  }

  .software-content {
    gap: 20px;
  }

  .software-cards-grid {
    display: flex;
    flex-direction: column;
  }

  .software-card {
    width: 100%;
    max-width: 305px;
    flex: none
  }

  .software-card-title {
    font-size: 14px;
  }

  .software-card-source {
    font-size: 14px;
  }

  .software-card-description {
    font-size: 16px;
  }

  .software-footer-note {
    text-align: right;
    font-size: 12px;
  }
}

/* ============================================
   PATENT SECTION - Figma Design Implementation
   ============================================ */

/* Patent Section */
.section.patent {
  /* 배경색 */
  background-color: var(--black-color);
  
  /* 패딩 - Figma: py-[40px] */
  padding-top: 40px;
  padding-bottom: 40px;
  
  /* 위치 */
  position: relative;
  overflow: hidden;
}

/* Patent Wrapper */
.patent-wrapper {
  /* Flexbox 레이아웃 */
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  
  /* 전체 너비 */
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 60px;
}

/* Patent Title */
.patent-title {
  /* 폰트 스타일 - Figma: font-['Inter_24pt:Medium',sans-serif] text-[24px] */
  font-family: 'Inter Tight', sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
  
  /* 색상 - Figma: text-[color:var(--neutral\/white,white)] */
  color: #ffffff;
  
  /* letter-spacing - Figma: tracking-[-0.96px] */
  letter-spacing: -0.96px;
  
  /* 텍스트 정렬 */
  text-align: center;
  
  /* 마진 */
  margin: 0;
  
  /* 전체 너비 */
  width: 100%;
}

/* Patent Cards Grid */
.patent-cards-grid {
  /* Grid 레이아웃 - Figma: grid-cols-[repeat(2,_minmax(0px,_1fr))] grid-rows-[repeat(4,_minmax(0px,_1fr))] */
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, 1fr);
  gap: 36px;
  
  /* 전체 너비 */
  width: 100%;
}

/* Patent Card */
.patent-card {
  /* 배경색 - Figma: bg-[var(--primary\/blue6,#0e1023)] */
  background-color: #0e1023;
  
  /* 테두리 - Figma: border border-[var(--primary\/blue5,#1c2c7b)] */
  border: 1px solid #1c2c7b;
  
  /* border-radius - Figma: rounded-[8px] */
  border-radius: 8px;
  
  /* 높이 - Figma: h-[180px] */
  height: 180px;
  
  /* 패딩 - Figma: p-[20px] */
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 4px;
  
  /* Flexbox 레이아웃 - Figma: gap-[16px] */
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;

  background: var(--Primary-Blue6, #0E1023); border-radius: 8px; outline: 1px var(--Primary-Blue5, #1C2C7B) solid; outline-offset: -1px;
}

/* Patent Card Highlighted */
.patent-card-highlighted {
  /* 테두리 - Figma: border-[var(--primary\/blue3,#6578fe)] */
  border: 1px solid #6578fe;
}

/* Patent Card Header */
.patent-card-header {
  /* Flexbox 레이아웃 - Figma: gap-[16px] */
  display: flex;
  gap: 16px;
  align-items: center;
}

/* Patent Badge */
.patent-badge {
  /* 패딩 - Figma: px-[10px] py-[4px] */
  padding: 4px 10px;
  
  /* border-radius - Figma: rounded-[2px] */
  border-radius: 2px;
  
  /* Flexbox */
  display: flex;
  align-items: center;
  justify-content: center;
  
  /* 폰트 스타일 - Figma: font-['Inter_24pt:Regular',sans-serif] text-[16px] */
  font-family: 'Inter Tight', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  
  white-space: nowrap;
}

/* Patent Badge Type */
.patent-badge-type {
  /* 배경색 - Figma: bg-[var(--primary\/blue5,#1c2c7b)] */
  background-color: #1c2c7b;
  
  /* 색상 - Figma: text-[color:var(--neutral\/white,white)] */
  color: #ffffff;
}

/* Patent Badge Number */
.patent-badge-number {
  /* 배경색 - Figma: bg-[var(--primary\/blue1,#f4f6ff)] */
  background-color: #f4f6ff;
  
  /* 색상 - Figma: text-[color:var(--neutral\/black,#121212)] */
  color: #121212;
}

/* Patent Card Title */
.patent-card-title {
  /* 폰트 스타일 - Figma: font-['Inter_24pt:Regular',sans-serif] text-[16px] */
  font-family: 'Inter Tight', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  
  /* 색상 - Figma: text-[color:var(--primary\/blue1,#f4f6ff)] */
  color: #f4f6ff;
  
  /* 마진 */
  margin: 0;
  
  /* 전체 너비 */
  width: 100%;
}

/* English version: smaller font size */
html[lang="en"] .patent-card-title {
  font-size: 14px;
}

/* Patent Card Divider */
.patent-card-divider {
  /* 높이 - Figma: h-0 */
  height: 1px;
  width: 100%;
  
  /* 배경색 - Figma: rgba(28, 44, 123, 1) */
  background-color: #1c2c7b;
}

/* Patent Card Date */
.patent-card-date {
  /* Flexbox 레이아웃 - Figma: gap-[8px] */
  display: flex;
  gap: 8px;
  align-items: center;
}

/* Patent Date Icon */
.patent-date-icon {
  /* 크기 - Figma: size-[20px] */
  width: 20px;
  height: 20px;
  
  /* 이미지 최적화 */
  object-fit: contain;
  flex-shrink: 0;
}

/* Patent Date Text */
.patent-date-text {
  /* 폰트 스타일 - Figma: font-['Inter_24pt:Regular',sans-serif] text-[16px] */
  font-family: 'Inter Tight', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  
  /* 색상 - Figma: text-[color:var(--neutral\/white,white)] */
  color: #ffffff;
  
  white-space: nowrap;
  
  /* 마진 */
  margin: 0;
}

.patent + .footer {
    margin-top: 160px;
  }

/* 반응형 디자인 */
@media screen and (max-width: 991px) {
  .patent-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }

  .patent-cards-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    height: auto;
    gap: 20px;
  }

  .patent-card {
    height: auto;
    min-height: 180px;
  }
}

@media screen and (max-width: 767px) {
  .section.patent {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .patent-wrapper {
    padding-left: 20px;
    padding-right: 20px;
    gap: 40px;
  }

  .patent-title {
    font-size: 20px;
    letter-spacing: -0.8px;
  }

  .patent-cards-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    height: auto;
    gap: 10px;
  }

  .patent-card {
    min-height: 0;
    height: auto;
    padding-bottom: 20px;
    width: 100%;
  }

  .patent-card-header {
    width: 100%;
  }

  .patent-card-title {
    width: 100%;
  }

  .patent-date-text {
    font-size: 14px;
  }

  .patent + .footer {
    margin-top: 0px;
  }
}