/* 개편(mood-A v3) 운영본 — 원본 design/mockups/mood-A/v3/css/partner.css(제휴 /partner, 한국어만). 차이: 에셋 경로 /assets/v3/ — 시안을 고치면 여기도 같이 */

/* 제휴(/partner) — 10-08 1차 시안. 헤더 · 푸터 · .btn · 지표(.stats) · 정부 인증(.certsec) · 팀(.people) · 라인 모션(.eline)은 style.css · our-firm.css 그대로, 제휴 고유 규칙만 여기 */

/* ① Hero — 고급스러운 빌딩 사진 풀블리드(10-08 사용자), 글은 왼쪽 아래. 높이는 메인 · 채용 히어로와 같은 80vh(560–900) */
.prt-hero {
  position: relative;
  height: 80vh;
  min-height: 560px;
  max-height: 900px;
  overflow: hidden;
  background: var(--ink);
  color: var(--white);
}
.prt-hero__media {
  position: absolute;
  inset: 0;
}
.prt-hero__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  transform: scale(1.014);
  animation: prt-hero-zoom 1.8s var(--expo) both;
}
@keyframes prt-hero-zoom {
  from {
    transform: scale(1.08);
  }
}
@media (prefers-reduced-motion: reduce) {
  .prt-hero__media img {
    animation: none;
  }
}
.prt-hero__media::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0) 24%),
    linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.82) 100%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 62%);
}
.prt-hero__inner {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 56px;
}
.prt-hero__copy {
  max-width: 64rem;
}
.prt-hero__title {
  font: 400 36px/1.16 var(--serif);
  letter-spacing: -0.015em;
  text-shadow: 0 2px 40px rgba(0, 0, 0, 0.35);
  word-break: keep-all;
  text-wrap: balance;
}
.prt-hero__sub {
  max-width: 36em;
  margin-top: 20px;
  font: 400 16px/1.7 var(--sans);
  color: rgba(255, 255, 255, 0.82);
}
.prt-hero__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
}
.prt-hero .btn {
  --btn-ink: var(--white);
  --btn-paper: var(--ink);
} /* 보조 — 사이트 기존 흰 테두리 버튼 */
.prt-hero .btn.prt-btn-fill {
  background: var(--white);
  color: var(--ink);
  border-color: var(--white);
  --btn-ink: #d9d9d9;
  --btn-paper: var(--ink);
} /* 주요 행동 — 어두운 바탕 흰 채움(채용 CTA · 문의 완료와 같은 규칙) */
.prt-hero .btn.prt-btn-fill:hover {
  background: var(--white);
  border-color: #d9d9d9;
}
@media (min-width: 768px) {
  .prt-hero__inner {
    bottom: 72px;
  }
  .prt-hero__title {
    font-size: 52px;
    line-height: 1.14;
  }
}
@media (min-width: 1280px) {
  .prt-hero__inner {
    bottom: 96px;
  }
  .prt-hero__title {
    font-size: 64px;
    line-height: 1.12;
  }
  .prt-hero__sub {
    font-size: 18px;
  }
}

/* ② 당사 전문성 — 메인 About(.about · .stats, style.css) 그대로: 왼쪽 글 · 오른쪽 지표 2칸 × 2줄 */
/* 정부 인증 — 설명 아래 두 칸: 로고 → 항목명 → 기관(메인 정부 인증 블록과 같은 결, 칸 없이 흰 바탕 — 로고 SVG에 흰 바탕) */
.prt-certs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin: 40px 0 0;
  padding: 0;
  list-style: none;
}
.prt-cert {
  display: grid;
  align-content: start;
  justify-items: start;
  gap: 4px;
} /* 한쪽 항목명이 두 줄이어도 위에 붙임 */
.prt-cert__logo {
  display: block;
  width: auto;
  max-width: none;
  margin-bottom: 14px;
}
.prt-cert__logo--mss {
  height: 24px;
} /* 10-08 사용자: 두 로고 크기 비슷하게 · 작게 — 비율이 달라(5 : 1 · 7.4 : 1) 폭이 비슷하도록 높이를 따로(약 119 · 134px) */
.prt-cert__logo--kibo {
  height: 18px;
  margin-block: 3px 17px;
} /* 같은 24px 줄 가운데 — 아래 항목명 줄 맞춤 */
.prt-cert__title {
  font: 600 16px/1.4 var(--sans);
}
.prt-cert__org {
  font: 400 14px/1.4 var(--sans);
  color: var(--muted);
}
@media (min-width: 1280px) {
  .prt-certs {
    margin-top: 48px;
  }
}

/* ④ 제휴 파트너가 얻는 것 — Harvey 고객 페이지 CustomerStoryGridSection 실측(1440: 밝은 바탕 #fafaf9, 카드 448 정사각 · 간격 16 · 아래→위 검정 그라데이션 to-20% · 표식 32px 안쪽 · 제목 20/26 · 마우스 시 글 묶음 translate-y 64 → 0, 0.3s cubic-bezier(0.7, 0, 0.3, 1) · 나머지 카드 어둡게).
   우리 값: 바탕 #f8f8f8(앞뒤 흰 섹션과 구분), 카드 넷이라 1280 4칸 정사각, 모서리 0(사이트 규칙), 숨는 줄은 설명(두 줄 자리) */
.prt-bens {
  background: var(--ink);
  color: var(--white);
} /* 10-08 사용자: 블랙 앤 화이트는 섹션 바탕만(검정 · 흰 번갈아, 이 섹션은 검정) — 사진 · 로고는 원래 색 그대로 */
.prt-bcards {
  display: grid;
  gap: 16px;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}
.prt-bcard {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--ink);
  color: var(--white);
  isolation: isolate;
}
.prt-bcard__img {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s var(--expo);
}
.prt-bcard::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(to bottom, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0) 26%),
    linear-gradient(to top, rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0) 56%), rgba(0, 0, 0, 0.16);
} /* 10-08 사용자: 평소 상태 사진이 붕 떠 보임 → 전체에 옅은 딤 + 아래쪽을 조금 더(유리 판 자리) */
.prt-bcard--bright::before {
  background:
    linear-gradient(to bottom, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0) 26%),
    linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 60%), rgba(0, 0, 0, 0.24);
} /* 창이 밝은 2번(악수)은 조금 더 */
.prt-bcard--dark::before {
  background:
    linear-gradient(to bottom, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 24%),
    linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 50%);
} /* 원래 어두운 사진(자문 역량)은 아래만 옅게 — 10-08 사용자: 딤이 너무 셈 */
.prt-bcard::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
} /* 다른 카드에 마우스가 있으면 어둡게 */
.prt-bcard__no {
  position: absolute;
  left: 24px;
  top: 24px;
  font: 500 14px/1 var(--sans);
  color: rgba(255, 255, 255, 0.86);
}
/* 유리 판 — 사이트 공통 레시피(.svc-glass: 사선 명암 · 1px 그라데이션 테두리 · 좌상단 L자 림), 채용 What We Offer 아래 카드와 같은 자리(안쪽 12px). 사진 위에서 유리로 읽히게 채움은 옅게 · 블러 14 */
.prt-bcard__glass {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 1;
  padding: 18px;
  color: var(--white); /* 10-08 사용자: 평소 상태 판 안쪽 여백 상하좌우 같게 */
  --glass-fill: rgba(10, 10, 10, 0.26);
  --glass-start: rgba(0, 0, 0, 0.3);
  --glass-end: rgba(255, 255, 255, 0.1);
  --glass-border: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(14px) saturate(130%);
  backdrop-filter: blur(14px) saturate(130%);
}
.prt-bcard__title {
  font: 500 18px/1.3 var(--sans);
} /* 10-08 사용자: 서비스 소개 M&A AX 유리 글 상자(.axm__title · .axm__desc)와 같은 크기 — 18 · 19 · 20 / 14 · 16 */
.prt-bcard__more {
  display: grid;
  grid-template-rows: 1fr;
  transition: grid-template-rows 0.35s cubic-bezier(0.7, 0, 0.3, 1);
}
.prt-bcard__clip {
  min-height: 0;
  overflow: hidden;
} /* 접힐 때 설명 위 여백까지 함께 숨김 — 평소 판 위아래 여백이 같게 */
.prt-bcard__text {
  margin-top: 8px;
  font: 400 14px/1.6 var(--sans);
  color: rgba(255, 255, 255, 0.72);
  word-break: keep-all;
  transition: opacity 0.3s ease;
}
@media (min-width: 768px) {
  .prt-bcards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .prt-bcard {
    aspect-ratio: 1 / 1;
  }
  .prt-bcard__glass {
    padding: 20px;
  }
  .prt-bcard__title {
    font-size: 19px;
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .prt-bcard__more {
    grid-template-rows: 0fr;
  } /* 평소엔 제목만, 마우스를 올리면 판이 위로 커지며 설명 */
  .prt-bcard__text {
    opacity: 0;
  }
  .prt-bcard:hover .prt-bcard__more {
    grid-template-rows: 1fr;
  }
  .prt-bcard:hover .prt-bcard__text {
    opacity: 1;
  }
  .prt-bcard:hover .prt-bcard__img {
    transform: scale(1.04);
  }
  .prt-bcards:hover .prt-bcard:not(:hover)::after {
    opacity: 1;
  }
}
@media (min-width: 1280px) {
  .prt-bcards {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 16px;
  }
  .prt-bcard__no {
    left: 28px;
    top: 28px;
  }
  .prt-bcard__title {
    font-size: 20px;
  }
  .prt-bcard__text {
    font-size: 16px;
  }
}
.prt-types {
  display: grid;
  gap: 16px;
  margin-top: 40px;
  padding-top: 32px;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
} /* 제휴 대상 — 카드 아래 한 덩어리(이름 · 한 줄 · 직군) */
.prt-types__label {
  font: 600 18px/1.4 var(--sans);
}
.prt-types__desc {
  margin-top: 6px;
  font: 400 16px/1.6 var(--sans);
  color: rgba(255, 255, 255, 0.6);
}
.prt-types__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.prt-types__list li {
  padding: 10px 16px;
  border: 1px solid rgba(255, 255, 255, 0.26);
  font: 500 16px/1.2 var(--sans);
  color: var(--white);
}
@media (min-width: 1280px) {
  .prt-types {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--gap);
    align-items: center;
    margin-top: 48px;
    padding-top: 40px;
  }
  .prt-types__head {
    grid-column: 1 / 6;
  }
  .prt-types__list {
    grid-column: 6 / 13;
    justify-content: flex-end;
  }
}

/* ⑤ 제휴 및 협력 — '누구를 소개하는가'로 나눈 카드 둘. 위는 글(회색 카드 바탕), 아래는 진행 화면 조각(흰 판) — 10-08 사용자: 글 영역과 설명 영역을 시각적으로 구분 */
.prt-prog {
  scroll-margin-top: var(--hdr-h);
} /* '제휴 방식 보기'(#programs)로 넘어왔을 때 고정 헤더가 머리를 가리지 않게 */
.prt-progs {
  display: grid;
  gap: var(--gap);
  margin-top: 8px;
}
.prt-card {
  display: flex;
  flex-direction: column;
  padding: 28px 20px 20px;
  background: #f2f2f2;
}
.prt-card__head {
  padding: 0 4px;
}
.prt-card__title {
  font: 400 28px/1.25 var(--serif);
  letter-spacing: -0.01em;
}
.prt-card__lead {
  margin-top: 10px;
  font: 500 16px/1.6 var(--sans);
  color: rgba(10, 10, 10, 0.8);
}
.prt-card__lead em {
  font-style: normal;
  color: var(--ink);
  box-shadow: inset 0 -0.42em 0 rgba(10, 10, 10, 0.1);
} /* '새 고객' · '상대방' — 두 방식을 가르는 말 */

/* 진행 화면 조각 — 단계 띠가 차오르고, 수수료가 지급되는 단계에 닿으면 '수수료 지급' 칩이 뜬다(10-08 사용자: 언제 지급되는지 모션으로). js/partner.js가 .is-anim을 붙여 돌림, 없으면 끝 상태로 정지 */
.prt-stage {
  flex: 1;
  margin-top: 28px;
  padding: 20px 20px 24px;
  background: var(--white);
  box-shadow:
    0 1px 2px rgba(10, 10, 10, 0.04),
    0 12px 32px -12px rgba(10, 10, 10, 0.1);
}
.prt-stage__bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font: 500 14px/1 var(--sans);
  color: var(--muted);
}
.prt-stage__count {
  font-variant-numeric: tabular-nums;
}
.prt-stage__count b {
  font-weight: 600;
  color: var(--ink);
}
.prt-tl {
  position: relative;
  display: grid;
  gap: 20px;
  margin: 28px 0 0;
  padding: 0 0 0 28px;
  list-style: none;
}
.prt-tl::before,
.prt-tl::after {
  content: '';
  position: absolute;
  left: 6px;
  top: 8px;
  width: 1px;
  height: var(--full, calc(100% - 16px));
  background: rgba(10, 10, 10, 0.16);
}
.prt-tl::after {
  height: var(--len, var(--full, calc(100% - 16px)));
  background: var(--ink);
  transition:
    height 0.7s cubic-bezier(0.4, 0, 0.2, 1),
    width 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}
.prt-tl.is-reset::after {
  transition: none;
}
.prt-tl__step {
  position: relative;
}
.prt-tl__dot {
  position: absolute;
  left: -28px;
  top: 4px;
  width: 13px;
  height: 13px;
  border: 1.5px solid var(--ink);
  background: var(--ink);
  transition:
    background-color 0.3s ease,
    border-color 0.3s ease;
}
/* 누가 하는 단계인지(10-08 사용자: 파트너가 할 일을 에셋에서 명확하게) — 파트너 단계는 회색 칩 + 한 줄 설명, M&A센터 단계는 흐린 글자 */
.prt-tl__who {
  display: inline-block;
  margin-bottom: 8px;
  padding: 4px 0;
  font: 500 12px/1 var(--sans);
  color: var(--muted);
}
.prt-tl__step.is-mine .prt-tl__who {
  padding: 4px 8px;
  background: #ececec;
  font-weight: 600;
  color: var(--ink);
}
.prt-tl__label {
  font: 500 14px/1.4 var(--sans);
  color: var(--ink);
  transition: color 0.3s ease;
}
.prt-tl__step.is-mine .prt-tl__label {
  font-weight: 600;
}
.prt-tl__sub {
  margin-top: 4px;
  font: 400 14px/1.4 var(--sans);
  color: var(--muted);
}
.prt-tl__step.is-pay .prt-tl__label {
  font-weight: 600;
}
.prt-tl__fee {
  margin-top: 12px;
  transition:
    opacity 0.4s ease,
    transform 0.5s var(--expo);
}
.prt-tl__tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px 4px 6px;
  border: 1px solid var(--ink);
  font: 600 12px/1 var(--sans);
}
.prt-tl__tag svg {
  width: 12px;
  height: 12px;
}
.prt-tl__fee strong {
  display: block;
  margin-top: 10px;
  font: 600 24px/1 var(--sans);
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
} /* 10-08 사용자: 카드 제목(세리프 32)과 크기가 비슷해 어수선 → 산세리프 24로 한 단계 아래 */
.prt-tl__base {
  display: block;
  margin-top: 6px;
  font: 400 14px/1.4 var(--sans);
  color: var(--muted);
}
/* 돌아가는 동안: 아직 닿지 않은 단계는 빈 점 · 흐린 글, 칩은 숨김 */
.prt-tl.is-anim .prt-tl__step:not(.is-on) .prt-tl__dot {
  border-color: rgba(10, 10, 10, 0.28);
  background: var(--white);
}
.prt-tl.is-anim .prt-tl__step:not(.is-on) .prt-tl__label {
  color: rgba(10, 10, 10, 0.4);
}
.prt-tl.is-anim .prt-tl__step:not(.is-on) .prt-tl__fee {
  opacity: 0;
  transform: translateY(8px);
}
.prt-tl.is-anim .prt-tl__step.is-pay.is-on .prt-tl__dot {
  animation: prt-ping 0.9s ease-out;
}
@keyframes prt-ping {
  from {
    box-shadow: 0 0 0 0 rgba(10, 10, 10, 0.35);
  }
  to {
    box-shadow: 0 0 0 12px rgba(10, 10, 10, 0);
  }
}
.prt-tl.is-reset .prt-tl__step * {
  transition: none !important;
  animation: none !important;
}
@media (min-width: 768px) {
  .prt-card {
    padding: 36px 24px 24px;
  }
  .prt-card__head {
    padding: 0 8px;
  }
  .prt-card__lead {
    font-size: 18px;
  }
  .prt-stage {
    margin-top: 32px;
    padding: 24px 24px 28px;
  }
  .prt-tl {
    grid-template-columns: repeat(var(--n), minmax(0, 1fr));
    gap: 0;
    margin-top: 32px;
    padding: 0;
  }
  .prt-tl--4 {
    --n: 4;
  }
  .prt-tl--3 {
    --n: 3;
  }
  .prt-tl::before,
  .prt-tl::after {
    left: calc(50% / var(--n));
    top: 6px;
    width: var(--full, calc((100% / var(--n)) * (var(--n) - 1)));
    height: 1px;
  } /* 첫 점 → 마지막 점, 단계는 칸 가운데 — 10-08 사용자: 선 시작 · 끝의 좌우 여백 같게 */
  .prt-tl::after {
    width: var(--len, var(--full, calc((100% / var(--n)) * (var(--n) - 1))));
  }
  .prt-tl__step {
    padding: 30px 2px 0;
    text-align: center;
  }
  .prt-tl__dot {
    left: 50%;
    top: 0;
    margin-left: -6.5px;
  }
}
.prt-notes {
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
  font: 400 14px/1.7 var(--sans);
  color: var(--muted);
}
.prt-notes li::before {
  content: '* ';
}
@media (min-width: 1280px) {
  .prt-progs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 16px;
  }
  /* 10-12 사용자: 딜 소싱 카드만 — 한 장이면 넓게, 왼쪽 글 · 오른쪽 진행 화면 */
  .prt-progs--one {
    grid-template-columns: minmax(0, 1fr);
  }
  .prt-progs--one .prt-card {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--gap);
    align-items: start;
    padding: 40px;
  }
  .prt-progs--one .prt-card__head {
    grid-column: 1 / 5;
    padding: 0;
  }
  .prt-progs--one .prt-stage {
    grid-column: 5 / 13;
    margin-top: 0;
  }
  .prt-card {
    padding: 40px 28px 28px;
  }
  .prt-card__head {
    padding: 0 12px;
  }
  .prt-card__title {
    font-size: 32px;
  }
  .prt-stage {
    margin-top: 36px;
  }
}
@media (min-width: 1440px) {
  .prt-stage {
    padding: 28px 28px 32px;
  }
}

/* ⑥ 파트너 리워드 — 검정 바탕, 거래 규모별 파트너 수수료 범위(줄 목록) + 가정 · 용역비 주석 */
.prt-pay {
  background: var(--ink);
  color: var(--white);
}
/* 10-08 사용자: 거래 규모별 최소~최대 — 채용 Our Standard(회사 소개 Our Value 줄, our-firm.css .vlines) 그대로. 왼쪽 거래 규모(세리프 큰 글), 오른쪽 파트너 수수료 범위 */
.prt-pay .prt-tier {
  padding-top: 20px;
  padding-bottom: 20px;
} /* 10-12 사용자: 줄 위아래 여백 줄임(Our Standard 28 · 40 · 48 → 20 · 28 · 32) */
.prt-pay .prt-tier:last-child {
  padding-bottom: 0;
}
.prt-pay .vline__index {
  font-variant-numeric: tabular-nums;
} /* (01)~(03) 폭을 같게 — 거래 규모 글자 시작 줄 맞춤 */
.prt-tier .vline__label small {
  display: block;
  margin-bottom: 8px;
  font: 500 14px/1.4 var(--sans);
  letter-spacing: 0;
  color: rgba(255, 255, 255, 0.56);
}
.prt-tier__max {
  margin-right: 10px;
  font: 500 16px/1 var(--sans);
  letter-spacing: 0;
  color: rgba(255, 255, 255, 0.64);
  vertical-align: 0.3em;
}
.prt-tier__fee {
  margin-top: 16px;
  padding-left: 38px;
  font: 400 24px/1.3 var(--serif);
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
} /* 모바일: 번호 폭만큼 들여 거래 규모 글자 줄에 맞춤 */
.prt-pay__note {
  margin-top: 32px;
  font: 400 14px/1.7 var(--sans);
  color: rgba(255, 255, 255, 0.56);
  word-break: keep-all;
}
.prt-pay__note .nw {
  white-space: nowrap;
}
.prt-pay__basis {
  display: block;
} /* 좁은 화면: 기준 괄호는 따로 한 줄('기준)'만 꺾여 남지 않게), 768↑ 같은 줄 */
@media (min-width: 768px) {
  .prt-pay__basis {
    display: inline;
  }
}
.prt-tiers__head {
  display: none;
} /* 열 머리는 768↑ — 좁은 화면은 줄마다 작은 라벨 */
.prt-todo {
  padding: 0 4px;
  background: rgba(255, 64, 64, 0.18);
  color: #ff8a8a;
  box-shadow: inset 0 -1px 0 #ff6b6b;
} /* 시안 확인 필요 표시 — 확정되면 지움 */
@media (min-width: 768px) {
  .prt-tiers__head {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    column-gap: var(--gap);
    margin-top: 48px;
    font: 500 14px/1.4 var(--sans);
    color: rgba(255, 255, 255, 0.56);
  }
  .prt-tiers__size {
    grid-column: 1 / 5;
    display: flex;
    gap: 20px;
  } /* 아래 줄 .vline__head와 같은 칸 · 간격 → 거래 규모 글자 시작에 맞춤 */
  .prt-tiers__size .vline__index {
    padding-top: 0;
    font: 400 16px/1.4 var(--sans);
    visibility: hidden;
  }
  .prt-tiers__head > span:last-child {
    grid-column: 5 / 9;
  }
  .prt-pay .vlines {
    margin-top: 16px;
  }
  .prt-tier .vline__label small {
    display: none;
  }
  .prt-pay .prt-tier {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .prt-pay .prt-tier:last-child {
    padding-bottom: 0;
  }
  .prt-tier__fee {
    grid-column: 5 / 9;
    margin-top: 0;
    padding-left: 0;
    font-size: 28px;
  }
  .prt-pay__note {
    margin-top: 40px;
  }
}
@media (min-width: 1280px) {
  .prt-tiers__head {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    margin-top: 64px;
  }
  .prt-tiers__size {
    grid-column: 1 / 7;
    gap: 24px;
  }
  .prt-tiers__size .vline__index {
    font-size: 18px;
  }
  .prt-tiers__head > span:last-child {
    grid-column: 7 / 13;
  }
  .prt-tier__fee {
    grid-column: 7 / 13;
    font-size: 36px;
  }
  .prt-pay .prt-tier {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .prt-pay .prt-tier:last-child {
    padding-bottom: 0;
  }
  .prt-pay__note {
    grid-column: 1 / 13;
    margin-top: 48px;
  }
}

/* ⑧ 자주 묻는 질문 — (10-08부터 밝은 바탕 .on-light), 왼쪽 제목 · 오른쪽 질문(펼침은 details) */
.prt-faq {
  background: var(--ink);
  color: var(--white);
}
.prt-faq__inner {
  row-gap: 24px;
  align-items: start;
}
.prt-faq__list {
  margin-top: 8px;
}
/* 10-12 사용자: 질답 줄 형식 — 항목 위 1px 선(.eline 라인 모션), 질문 왼쪽 · +/− 오른쪽, 펼친 답은 바탕 없이. 펼친 항목은 선이 진하게(회사 소개 아코디언과 같음) */
.prt-qi {
  position: relative;
}
.prt-qi--end {
  height: 0;
} /* 마지막 항목 아래 닫는 선 */
.prt-q summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 0;
  list-style: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.prt-q summary::-webkit-details-marker {
  display: none;
}
.prt-q__text {
  font: 500 18px/1.5 var(--sans);
}
.prt-q__sign {
  position: relative;
  flex: 0 0 auto;
  width: 13px;
  height: 13px;
}
.prt-q__sign::before,
.prt-q__sign::after {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  width: 13px;
  height: 1px;
  background: currentColor;
  transition: transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.prt-q__sign::after {
  transform: rotate(90deg);
}
.prt-q[open] .prt-q__sign::after {
  transform: rotate(0deg);
}
.prt-q summary:focus-visible {
  outline: none;
}
.prt-q summary:focus-visible .prt-q__text {
  outline: 1px solid currentColor;
  outline-offset: 6px;
}
.prt-q p {
  max-width: 40em;
  padding: 0 24px 28px 0;
  font: 400 16px/1.75 var(--sans);
  color: rgba(255, 255, 255, 0.72);
  word-break: keep-all;
}
.prt-qi:has(.prt-q[open]) > .eline::before {
  opacity: 1;
  transform: scaleX(1);
  transition:
    transform 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955),
    opacity 0s;
}
/* 10-12 사용자: 질답 위아래 선을 더 옅게 — 기본 선(0.36 → 0.12 그라데이션)을 고른 0.12로, 펼친 항목 선(0.92)도 0.32로 */
.prt-faq .eline {
  background: linear-gradient(rgb(var(--eline-c) / 0.12), rgb(var(--eline-c) / 0.12)) 0 50% / 100% 1px no-repeat;
}
.prt-faq .eline::before {
  background: rgb(var(--eline-c) / 0.32);
}
/* 10-08: 협업 절차(How We Work) 삭제로 리워드(검정) 바로 뒤가 돼 밝은 바탕으로 — 검정 · 흰 교차 유지 */
.prt-faq.on-light {
  background: var(--white);
  color: var(--ink);
}
.prt-faq.on-light .prt-q p {
  color: rgba(10, 10, 10, 0.72);
}
@media (min-width: 768px) {
  .prt-q summary {
    padding: 28px 0;
  }
  .prt-q__text {
    font-size: 20px;
  }
  .prt-q p {
    padding-right: 40px;
    padding-bottom: 32px;
    font-size: 18px;
  }
}
@media (min-width: 1280px) {
  .prt-faq__head {
    grid-column: 1 / 5;
    position: sticky;
    top: calc(var(--hdr-h) + 24px);
  }
  .prt-faq__list {
    grid-column: 6 / 13;
  }
}

/* ⑨ 제휴 신청 CTA — 10-12 사용자: 악수 영상. 메인 Contact(.cta, style.css) 부품 그대로 — 유리 판이 가운데 악수를 가려 판 없이 영상 · 덮개 · 가운데 글. 버튼만 흰 채움(이 페이지의 주요 행동) + 접수 안내 한 줄 */
.prt-cta .btn {
  background: var(--white);
  color: var(--ink);
  border-color: var(--white);
  --btn-ink: #d9d9d9;
  --btn-paper: var(--ink);
}
.prt-cta .btn:hover {
  background: var(--white);
  border-color: #d9d9d9;
}
.prt-cta__note {
  margin-top: 16px;
  font: 400 14px/1.5 var(--sans);
  color: rgba(255, 255, 255, 0.7);
}