/* =========================================================================
   부업꽁방 161 디자인 부품 키트 (kb161) — 2026-10-27
   - 기준: 원본 이미지를 390px 폭으로 환산한 실측값 (catalog.json specs)
   - 접두사: 클래스 .kb161-* / 변수 --kb161-* / 키프레임 kb161-m-*
   - 글자는 모두 HTML. 그림(인물·3D·사진)은 그리지 않고 .kb161-slot 자리만 둔다.
   - 글꼴(추정 대체): Pretendard · Poppins · Nanum Pen Script · Nanum Myeongjo
   - 모션은 reduced-motion과 무관하게 재생 (현석님 10/22·24·26 확정 원칙)
   ========================================================================= */

/* ---------- 0. 색·글꼴 토큰 (기본값 = 161 원본 실측 색) ---------- */
:root{
  /* 161 대표 그라데이션: 하늘 → 연보라 → 보라 (가격·쿠폰·버튼·헤드라인 공통) */
  --kb161-g1:#7DDEFF;           /* 실측 cta-grad-btn / coupon-block 시작 */
  --kb161-g2:#A3BFFA;           /* 실측 중간 periwinkle */
  --kb161-g3:#B8A5FE;           /* 실측 lavender */
  --kb161-g4:#CF6AFF;           /* 실측 끝 violet (#CD70FF~#D064FF) */
  --kb161-grad:linear-gradient(90deg,var(--kb161-g1) 0%,var(--kb161-g2) 38%,var(--kb161-g3) 62%,var(--kb161-g4) 100%);
  /* 44 '하이엔드' 계열: 끝이 마젠타로 더 붉다 */
  --kb161-grad-pink:linear-gradient(90deg,#6ACDE6 0%,#A7ADED 45%,#CB89F4 70%,#EA4BFB 100%);
  /* 69,000원 계열: 보라가 지배적 */
  --kb161-grad-violet:linear-gradient(90deg,#B65CFF 0%,#ADB3EA 55%,#BB6AFE 100%);
  --kb161-purple:#7529FF;       /* 단색 보라 강조 (실측 type-accent-punch) */
  --kb161-purple-ui:#7218FC;    /* 리본·상단 쿠폰 버튼 */
  --kb161-purple-num:#662AED;   /* 통계 숫자 */
  --kb161-orchid:#D15AFF;       /* 순서 카드 머리띠 */
  --kb161-red:#FF3143;          /* 빨강 띠·타일·링 (#F93143~#FF3143) */
  --kb161-red-deep:#E70010;     /* 순차 점등 활성 테두리 */
  --kb161-red-text:#FF1024;
  --kb161-pink-line:#E69FA2;    /* 비활성 행 테두리 */
  --kb161-pink-text:#F4A3A8;
  --kb161-pink-bg:#FFE2E4;      /* 힌트 판 */
  --kb161-dark:#202020;         /* 검정 섹션 (메달 아래) */
  --kb161-dark-2:#262626;       /* 오각 배너 */
  --kb161-black:#0D0D0D;        /* 가격 카드 머리·쿠폰 몸통 */
  --kb161-gray-tri:#EBEBEB;     /* 넓은 회색 역삼각 */
  --kb161-gray-tile:#9E9E9E;    /* 비교 비활성 타일 */
  --kb161-line:#9A9A9A;         /* 1px 외곽선 */
  --kb161-lav-hl:#D5BEFF;       /* 연보라 형광 띠 */
  --kb161-mint:#7DEDE9;         /* 툴팁 민트 */
  --kb161-sky:#7CD6FE;          /* STEP 판 아래 */
  --kb161-sky-pale:#DCF8FF;     /* STEP 판 위 */
  --kb161-sky-text:#5BC8F5;     /* 사례 제목 하늘 */
  --kb161-amber:#FFB547;        /* 주황 제목 */
  --kb161-check:#F5A623;        /* 체크 표시 */
  --kb161-ul-yellow:#F9C74F;    /* 노랑 밑줄 */
  --kb161-yellow-btn:#FFCD4D;   /* 하단 바 버튼 */
  --kb161-navy:#000923;         /* 상단 쿠폰 띠 */
  --kb161-ink:#111111;
  --kb161-f-sans:'Pretendard','Apple SD Gothic Neo','Noto Sans KR',sans-serif;
  --kb161-f-latin:'Poppins','Pretendard',sans-serif;
  --kb161-f-hand:'Nanum Pen Script','Pretendard',cursive;
  --kb161-f-serif:'Nanum Myeongjo','Noto Serif KR',serif;
}

/* 등록 속성: 순차 점등·카운트업을 계단식으로 움직이기 위함 */
@property --kb161-on{syntax:'<number>';inherits:true;initial-value:0}
@property --kb161-pct{syntax:'<integer>';inherits:true;initial-value:0}

.kb161{font-family:var(--kb161-f-sans);color:var(--kb161-ink);-webkit-font-smoothing:antialiased;word-break:keep-all}
.kb161 *,.kb161 *::before,.kb161 *::after{box-sizing:border-box}
.kb161-slot{display:grid;place-items:center;border:1.5px dashed rgba(127,127,127,.55);border-radius:inherit;color:rgba(127,127,127,.9);font:500 11px/1.3 var(--kb161-f-sans);text-align:center;background:repeating-linear-gradient(45deg,rgba(127,127,127,.06) 0 8px,transparent 8px 16px)}

/* 그라데이션 글자 공통 */
.kb161-gt{background:var(--kb161-gt-bg,var(--kb161-grad));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

/* =========================================================================
   1. TYPE — 글자 스타일
   ========================================================================= */

/* 1-1 그라데이션 펀치 (48 '다섯 번째 진심') 390 기준 잉크 52 → 58px, 900 */
.kb161-gradtext{
  --kb161-gradtext-fs:52px;
  font:900 var(--kb161-gradtext-fs)/1.12 var(--kb161-f-sans);letter-spacing:-.03em;
  background:var(--kb161-gradtext-bg,var(--kb161-grad));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  display:inline-block;
}

/* 1-2 기울인 그라데이션 + 아래 반사광 (44 '하이엔드 슈퍼 패키지') */
.kb161-graditalic{
  --kb161-graditalic-fs:44px;
  --kb161-graditalic-glow:rgba(203,137,244,.35);
  font:italic 900 var(--kb161-graditalic-fs)/1.12 var(--kb161-f-sans);letter-spacing:-.035em;
  background:var(--kb161-graditalic-bg,var(--kb161-grad-pink));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  display:inline-block;padding:0 .06em;
  -webkit-box-reflect:below -.12em linear-gradient(transparent 70%,rgba(255,255,255,.22));
  filter:drop-shadow(0 3px 6px var(--kb161-graditalic-glow));
}

/* 1-3 초대형 그라데이션 숫자 + 연기 (44 '99%', '10억 이상') 390 기준 높이 ~96px */
.kb161-gradnum{
  --kb161-gradnum-fs:104px;
  --kb161-gradnum-smoke:rgba(170,172,180,.42);
  position:relative;display:inline-block;isolation:isolate;
  font:900 var(--kb161-gradnum-fs)/1 var(--kb161-f-latin);letter-spacing:-.04em;
}
.kb161-gradnum__t{background:var(--kb161-gradnum-bg,linear-gradient(90deg,#95E0F1 0%,#A5C1FA 45%,#C683FE 100%));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.kb161-gradnum::before{content:"";position:absolute;z-index:-1;left:-12%;right:-12%;bottom:-6%;height:46%;
  background:radial-gradient(40% 60% at 25% 60%,var(--kb161-gradnum-smoke),transparent 70%),radial-gradient(35% 55% at 60% 70%,var(--kb161-gradnum-smoke),transparent 70%),radial-gradient(30% 50% at 85% 55%,var(--kb161-gradnum-smoke),transparent 70%);filter:blur(6px)}

/* 1-4 손글씨 키커 + 방점 (44 '국내 최초 공개') Nanum Pen 추정, 390 기준 34px */
.kb161-hand{
  --kb161-hand-fs:44px;--kb161-hand-c:#111;--kb161-hand-dot:#111;
  font:400 var(--kb161-hand-fs)/1.15 var(--kb161-f-hand);color:var(--kb161-hand-c);letter-spacing:.02em;
}
.kb161-hand--dots{-webkit-text-emphasis:filled dot var(--kb161-hand-dot);text-emphasis:filled dot var(--kb161-hand-dot);-webkit-text-emphasis-position:over;text-emphasis-position:over}
.kb161-hand--white{--kb161-hand-c:#fff;--kb161-hand-dot:#fff}
.kb161-hand--purple{--kb161-hand-c:#C25CFF}

/* 1-5 기울인 셋업 + 기울인 펀치 (39 '걸음이 느린 사람도 / 따라만 오세요') */
.kb161-italicpair{--kb161-ip-fs:34px;display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--kb161-f-sans);text-align:center}
.kb161-italicpair__setup{font:italic 400 var(--kb161-ip-fs)/1.2 var(--kb161-f-sans);letter-spacing:-.02em}
.kb161-italicpair__punch{font:italic 800 calc(var(--kb161-ip-fs)*1.06)/1.2 var(--kb161-f-sans);letter-spacing:-.03em}

/* 1-6 단색 강조 펀치 (55 '인생의 사명' 보라 기울임 / 33 빨강 2줄) */
.kb161-punch{--kb161-punch-fs:62px;--kb161-punch-c:var(--kb161-purple);font:900 var(--kb161-punch-fs)/1.12 var(--kb161-f-sans);color:var(--kb161-punch-c);letter-spacing:-.04em}
.kb161-punch--italic{font-style:italic}
.kb161-punch--red{--kb161-punch-c:var(--kb161-red);--kb161-punch-fs:40px}

/* 1-7 명조 사전 정의 상자 (35 '심미안(審美眼)') */
.kb161-serifdef{--kb161-sd-c:#F0384A;display:inline-block;border:1.5px solid #222;background:#fff;padding:14px 26px 12px;text-align:center;font-family:var(--kb161-f-serif)}
.kb161-serifdef__term{font:400 44px/1.15 var(--kb161-f-serif);color:var(--kb161-sd-c);letter-spacing:-.02em}
.kb161-serifdef__term small{font-size:.62em}
.kb161-serifdef__note{font:400 13px/1.5 var(--kb161-f-serif);color:#8A4A40;margin-top:6px}

/* =========================================================================
   2. BAND — 띠
   ========================================================================= */

/* 2-1 검정 평행사변형 + 그라데이션 기울임 글자 (18 '폭발적 구매율', 11, 17) */
.kb161-skewband{
  --kb161-sb-bg:#000;--kb161-sb-fs:36px;--kb161-sb-skew:-12deg;--kb161-sb-glow:transparent;
  display:inline-block;background:var(--kb161-sb-bg);transform:skewX(var(--kb161-sb-skew));padding:6px 22px 8px;
  box-shadow:0 0 22px var(--kb161-sb-glow);
}
.kb161-skewband > span{display:inline-block;transform:skewX(calc(var(--kb161-sb-skew) * -1));font:italic 900 var(--kb161-sb-fs)/1.15 var(--kb161-f-sans);letter-spacing:-.03em;
  background:var(--kb161-sb-text,var(--kb161-grad));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.kb161-skewband--glow{--kb161-sb-glow:rgba(190,110,255,.55)}

/* 2-2 빨강 평행사변형 + 흰 글자 (35 '지금 읽고계신 분들만') */
.kb161-skewband--red{--kb161-sb-bg:var(--kb161-red);--kb161-sb-skew:-14deg;padding:4px 20px 6px}
.kb161-skewband--red > span{font-style:normal;font-weight:800;--kb161-sb-fs:30px;color:#fff;-webkit-text-fill-color:#fff;background:none}

/* 2-3 끝 세로 막대가 붙은 그라데이션 띠 (20 '지금 보고 계신 분들만') */
.kb161-tickband{
  --kb161-tb-a:#9CDFF3;--kb161-tb-b:#D56FFA;--kb161-tb-fs:28px;
  position:relative;display:inline-block;padding:4px 18px 5px;margin:0 12px;
  background:linear-gradient(90deg,var(--kb161-tb-a),#AFCBF6 40%,#C5A7F6 70%,var(--kb161-tb-b));
  color:#fff;font:500 var(--kb161-tb-fs)/1.25 var(--kb161-f-sans);letter-spacing:-.02em;
}
.kb161-tickband::before,.kb161-tickband::after{content:"";position:absolute;top:-4px;bottom:-4px;width:5px}
.kb161-tickband::before{left:-11px;background:var(--kb161-tb-a)}
.kb161-tickband::after{right:-11px;background:var(--kb161-tb-b)}

/* 2-4 V 꼭지 오각 배너 (30 '비밀문서 2편의 커리큘럼은?') 390 기준 373×258, 아래 꼭지 22% */
.kb161-pentagon{
  --kb161-pg-bg:var(--kb161-dark-2);--kb161-pg-tip:22%;
  position:relative;background:var(--kb161-pg-bg);color:#fff;text-align:center;
  padding:64px 20px calc(var(--kb161-pg-tip) + 20px);
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--kb161-pg-tip)),50% 100%,0 calc(100% - var(--kb161-pg-tip)));
  font:700 30px/1.3 var(--kb161-f-sans);letter-spacing:-.02em;
}

/* 2-5 두 단 STEP 헤더 판 (38 하늘 / 30 주황 / 32 빨강) 390 기준 374×286, r10 */
.kb161-steppanel{
  --kb161-sp-top1:#F7FEFF;--kb161-sp-top2:var(--kb161-sky-pale);--kb161-sp-bot1:#9EE2FE;--kb161-sp-bot2:var(--kb161-sky);--kb161-sp-step:var(--kb161-red);
  border-radius:10px;overflow:hidden;text-align:center;
}
.kb161-steppanel__top{background:linear-gradient(180deg,var(--kb161-sp-top1),var(--kb161-sp-top2));padding:20px 12px 18px}
.kb161-steppanel__top .kb161-hand{--kb161-hand-fs:20px}
.kb161-steppanel__label{font:800 26px/1.25 var(--kb161-f-sans);letter-spacing:-.02em;color:#111}
.kb161-steppanel__label b{color:var(--kb161-sp-step);font-family:var(--kb161-f-latin);font-weight:700}
.kb161-steppanel__bot{background:linear-gradient(180deg,var(--kb161-sp-bot1),var(--kb161-sp-bot2));padding:22px 12px 26px}
.kb161-steppanel__bot .kb161-hand{--kb161-hand-c:rgba(255,255,255,.92);--kb161-hand-fs:24px}
.kb161-steppanel__title{font:italic 900 42px/1.15 var(--kb161-f-sans);color:#fff;letter-spacing:-.03em;text-shadow:0 2px 6px rgba(0,60,120,.22)}
.kb161-steppanel--orange{--kb161-sp-top1:#FFF8E6;--kb161-sp-top2:#FFEFC4;--kb161-sp-bot1:#FFD887;--kb161-sp-bot2:#FFC24D}
.kb161-steppanel--red{--kb161-sp-top1:#FFF0F0;--kb161-sp-top2:#FFE0E0;--kb161-sp-bot1:#FF8A8A;--kb161-sp-bot2:#FF5A5A}

/* 2-6 검정 카드 머리 + 손글씨 + 하늘 큰 제목 (38 '실제 적용 사례1') */
.kb161-cardhead{--kb161-ch-c:var(--kb161-sky-text);background:#000;border-radius:8px 8px 0 0;padding:16px 12px 18px;text-align:center}
.kb161-cardhead .kb161-hand{--kb161-hand-c:#fff;--kb161-hand-fs:22px}
.kb161-cardhead__title{font:800 36px/1.2 var(--kb161-f-sans);color:var(--kb161-ch-c);letter-spacing:-.02em}

/* =========================================================================
   3. BADGE
   ========================================================================= */

/* 3-1 경계 반원 그라데이션 링 + 흰 타원 번호 (49 '01') variant_of k149-medal
   390 기준 링 외경 128, 두께 12, 타원 104×52 */
.kb161-medal{
  --kb161-md-d:140px;--kb161-md-ring:15px;--kb161-md-fill:var(--kb161-dark);
  --kb161-md-ring-bg:linear-gradient(90deg,#8ADDF6,#B3B1F4 50%,#C585FC);
  position:relative;width:var(--kb161-md-d);height:calc(var(--kb161-md-d) * .5 + var(--kb161-md-d) * .22);margin:0 auto;
}
.kb161-medal::before{content:"";position:absolute;left:0;top:0;width:var(--kb161-md-d);height:var(--kb161-md-d);border-radius:50%;
  border:var(--kb161-md-ring) solid transparent;background:linear-gradient(var(--kb161-md-fill),var(--kb161-md-fill)) padding-box,var(--kb161-md-ring-bg) border-box;
  clip-path:inset(0 0 50% 0)}
.kb161-medal__num{position:absolute;left:50%;top:calc(var(--kb161-md-d) * .5);transform:translate(-50%,-50%);width:calc(var(--kb161-md-d) * .76);height:calc(var(--kb161-md-d) * .42);
  border-radius:50%;background:#fff;display:grid;place-items:center;font:800 calc(var(--kb161-md-d) * .3)/1 var(--kb161-f-latin);color:#111;letter-spacing:-.02em}
.kb161-medal--plain .kb161-medal__num{background:none;color:#fff;font-size:calc(var(--kb161-md-d) * .42);width:auto;height:auto;top:calc(var(--kb161-md-d) * .5)}

/* 3-2 'With' + 빨강 사각 낙관 (49) 390 기준 낙관 40×40, 2px #E02020 */
.kb161-seal{--kb161-seal-c:#E02020;display:inline-flex;align-items:center;gap:6px;font:italic 500 46px/1 var(--kb161-f-latin);letter-spacing:-.03em;color:#111}
.kb161-seal__stamp{display:grid;grid-template-columns:1fr 1fr;width:44px;height:44px;border:2px solid var(--kb161-seal-c);border-radius:2px;padding:2px;
  font:800 16px/1 var(--kb161-f-sans);font-style:normal;color:var(--kb161-seal-c);text-align:center;align-items:center;letter-spacing:0}

/* 3-3 보라 북마크 리본 (25) 390 기준 46×52, 아래 V홈 18% */
.kb161-ribbon{--kb161-rb-bg:var(--kb161-purple-ui);display:inline-grid;place-items:center;width:46px;height:52px;background:var(--kb161-rb-bg);color:#fff;
  font:800 10px/1.25 var(--kb161-f-sans);text-align:center;padding-bottom:8px;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%)}

/* =========================================================================
   4. NUMBER
   ========================================================================= */

/* 4-1 큰 보라 그라데이션 가격 + 뒤 연기 (49 '69,000원') 390 기준 잉크 62 → 70px */
.kb161-pricesmoke{--kb161-ps-fs:70px;position:relative;display:inline-block;isolation:isolate;font:900 var(--kb161-ps-fs)/1 var(--kb161-f-sans);letter-spacing:-.03em}
.kb161-pricesmoke > span{background:var(--kb161-ps-bg,var(--kb161-grad-violet));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.kb161-pricesmoke::before{content:"";position:absolute;z-index:-1;inset:10% -8% 8% -8%;
  background:radial-gradient(35% 50% at 20% 50%,rgba(150,150,160,.35),transparent 70%),radial-gradient(35% 55% at 55% 55%,rgba(150,150,160,.3),transparent 70%),radial-gradient(30% 50% at 88% 45%,rgba(150,150,160,.35),transparent 70%);filter:blur(7px)}

/* 4-2 진행 막대 + 기울인 % 카운터 (39) 390 기준 막대 h12, 폭 ~190 */
.kb161-progress{--kb161-pg-c:#A8DDFF;--kb161-pg-w:190px;display:flex;align-items:center;gap:18px}
.kb161-progress__bar{width:var(--kb161-pg-w);height:12px;position:relative}
.kb161-progress__bar::before{content:"";position:absolute;inset:0;width:calc(var(--kb161-pct) * 1%);background:var(--kb161-pg-c)}
.kb161-progress__num{font:italic 400 30px/1 var(--kb161-f-sans);letter-spacing:-.03em;min-width:3.4em;counter-reset:kb161p var(--kb161-pct)}
.kb161-progress__num::before{content:counter(kb161p)}
.kb161-progress__num small{font-size:.55em;margin-left:2px}
.kb161-progress{--kb161-pct:100}

/* 4-3 외곽선 통계 카드 + 연보라 형광 (53) 390 기준 351×102, r8, 1px #9A9A9A */
.kb161-stat{--kb161-st-c:var(--kb161-purple-num);--kb161-st-hl:var(--kb161-lav-hl);background:#fff;border:1px solid var(--kb161-line);border-radius:8px;padding:16px 12px 14px;text-align:center}
.kb161-stat__label{font:500 18px/1.3 var(--kb161-f-sans);letter-spacing:-.02em}
.kb161-stat__value{display:inline-block;font:800 30px/1.25 var(--kb161-f-sans);letter-spacing:-.03em;background:linear-gradient(transparent 62%,var(--kb161-st-hl) 62%,var(--kb161-st-hl) 92%,transparent 92%)}
.kb161-stat__value b{color:var(--kb161-st-c);font-weight:800}
.kb161-statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.kb161-stat--mini{padding:10px 4px}
.kb161-stat--mini .kb161-stat__label{font-size:15px}
.kb161-stat--mini .kb161-stat__value{font-size:18px;background:none;color:var(--kb161-st-c)}

/* 4-4 만족도 별점 판 (18 '4.9 /5.0') 검정 위 */
.kb161-rating{--kb161-rt-bar:72%;color:#fff;text-align:center;font-family:var(--kb161-f-sans)}
.kb161-rating__stars{font:400 20px/1 var(--kb161-f-sans);letter-spacing:2px;background:linear-gradient(90deg,#8FD1FF,#C2A5FF);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.kb161-rating__label{font:800 30px/1.3 var(--kb161-f-sans);letter-spacing:-.02em;margin-top:8px}
.kb161-rating__value{font:700 56px/1.1 var(--kb161-f-latin);letter-spacing:-.03em}
.kb161-rating__value .kb161-gt{display:inline}
.kb161-rating__value small{font:400 26px/1 var(--kb161-f-latin);color:#9A9A9A;margin-left:6px}
.kb161-rating__bar{width:170px;height:10px;margin:10px auto 0;background:#3A3A3A;position:relative}
.kb161-rating__bar::before{content:"";position:absolute;left:0;top:0;bottom:0;width:10%;background:#fff}

/* =========================================================================
   5. PROOF
   ========================================================================= */

/* 5-1 흰 캡처 카드 + 검정 결론 탭 (22) 390 기준 카드 r14, 바깥 10px, 탭 h~88 */
.kb161-shot{--kb161-shot-mark:#9B1FE8;border-radius:14px;overflow:hidden;background:#fff}
.kb161-shot__body{padding:14px 12px 10px;background:#fff}
.kb161-shot__tab{background:#000;color:#fff;text-align:center;padding:14px 8px 16px}
.kb161-shot__tab p{margin:0;font:700 20px/1.3 var(--kb161-f-sans);letter-spacing:-.02em}
.kb161-shot__tab strong{font:800 24px/1.3 var(--kb161-f-sans);letter-spacing:-.02em}
.kb161-shot__tab .kb161-shot__arrow{color:#C25CFF;font-weight:900;margin-left:2px}
.kb161-shot__table{width:100%;border-collapse:collapse;font:400 12px/1 var(--kb161-f-sans);color:#333}
.kb161-shot__table td{padding:7px 4px;border-bottom:1px solid #EEE;text-align:right}
.kb161-shot__table td:first-child{text-align:left}
.kb161-shot__mark{outline:2px solid var(--kb161-shot-mark);outline-offset:-1px;border-radius:4px}
.kb161-shot__red{outline:2px solid #FF2D2D;outline-offset:1px}
.kb161-shot__ul{box-shadow:inset 0 -2px 0 var(--kb161-ul-yellow)}

/* 5-2 적용 전/후 가로 막대 비교 (35) 390 기준 354×134, 1px #9C9C9C 틀 */
.kb161-barchart{--kb161-bc-on:var(--kb161-red);--kb161-bc-off:#CFCFCF;border:1px solid #9C9C9C;background:#fff;padding:12px 12px 10px;font-family:var(--kb161-f-sans)}
.kb161-barchart__title{font:700 15px/1.3 var(--kb161-f-sans);color:var(--kb161-bc-on);text-align:center;margin-bottom:10px}
.kb161-barchart__row{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:8px;min-height:34px}
.kb161-barchart__lab{font:500 14px/1.1 var(--kb161-f-sans);text-align:center}
.kb161-barchart__lab .kb161-hand{display:block;--kb161-hand-fs:11px;color:#666}
.kb161-barchart__track{position:relative;height:26px;display:flex;align-items:center;gap:8px;font:500 12px/1 var(--kb161-f-sans)}
.kb161-barchart__bar{height:100%;background:var(--kb161-bc-off);width:22px;flex:none}
.kb161-barchart__bar--on{background:var(--kb161-bc-on);width:calc(var(--kb161-pct,100) * 1%);color:#fff;font:700 14px/26px var(--kb161-f-sans);text-align:center;white-space:nowrap;overflow:hidden}
.kb161-barchart__axis{border-top:1px dashed #C8C8C8;margin-top:8px;padding-top:4px;display:flex;justify-content:space-between;font:400 10px/1.4 var(--kb161-f-sans);color:#555}

/* 5-3 보라 성장 막대 + 곡선 화살표 + 별 라벨 (46) */
.kb161-growbars{--kb161-gb-c1:#C77DFF;--kb161-gb-c2:#A020F0;--kb161-gb-base:#222;--kb161-gb-star:#FFC107;position:relative;background:#fff;border:1px solid #E3E3E3;border-radius:6px;padding:14px 14px 8px;height:300px;font-family:var(--kb161-f-sans)}
.kb161-growbars__legend{font:500 8px/1.5 var(--kb161-f-sans);color:#333}
.kb161-growbars__legend i{display:inline-block;width:7px;height:7px;margin-right:4px;vertical-align:-1px}
.kb161-growbars__cols{position:absolute;left:14px;right:14px;bottom:30px;top:60px;display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:20px;border-bottom:2px solid #D8D8D8}
.kb161-growbars__col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;font:700 12px/1.2 var(--kb161-f-sans)}
.kb161-growbars__bar{width:46px;height:var(--kb161-h,40%);background:var(--kb161-gb-c1);margin-top:6px;transform-origin:bottom}
.kb161-growbars__col:first-child .kb161-growbars__bar{background:var(--kb161-gb-base)}
.kb161-growbars__col:last-child .kb161-growbars__bar{background:var(--kb161-gb-c2)}
.kb161-growbars__col:last-child .kb161-growbars__v{color:var(--kb161-gb-c2)}
.kb161-growbars__col:last-child .kb161-growbars__v::before{content:"★";color:var(--kb161-gb-star);margin-right:1px}
.kb161-growbars__x{position:absolute;left:14px;right:14px;bottom:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;font:500 10px/1 var(--kb161-f-sans)}
.kb161-growbars__arrow{position:absolute;width:34px;height:30px;color:#D6B4FF}
.kb161-growbars__pop{position:absolute;left:50%;top:44px;transform:translateX(-50%);background:#222;padding:6px 12px;font:800 20px/1.1 var(--kb161-f-sans);color:#fff;white-space:nowrap;letter-spacing:-.02em}

/* 5-4 민트 발광 테두리 결론 상자 (38 '한 달 3억+') */
.kb161-glowtip{--kb161-gw-a:#7FD8FF;--kb161-gw-b:var(--kb161-mint);display:inline-flex;flex-direction:column;align-items:center;gap:6px}
.kb161-glowtip__pill{border:3px solid transparent;background:linear-gradient(#000,#000) padding-box,linear-gradient(90deg,var(--kb161-gw-a),var(--kb161-gw-b)) border-box;color:#fff;font:800 22px/1.1 var(--kb161-f-latin);padding:4px 12px;letter-spacing:-.01em}
.kb161-glowtip__box{border:4px solid transparent;background:linear-gradient(#000,#000) padding-box,linear-gradient(90deg,var(--kb161-gw-a),var(--kb161-gw-b)) border-box;box-shadow:0 0 16px rgba(125,237,233,.6);color:#fff;font:900 46px/1.1 var(--kb161-f-sans);padding:6px 20px 8px;letter-spacing:-.03em}
.kb161-glowtip__box .kb161-gt{--kb161-gt-bg:linear-gradient(90deg,#CCF3F3,var(--kb161-mint))}

/* 5-5 입금 알림 카드 (15·27) 390 기준 384×139, r8, 1px #DCDCDC */
.kb161-notify{--kb161-nt-c:#E5384F;background:#fff;border:1px solid #DCDCDC;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.06);padding:12px 14px 14px;font-family:var(--kb161-f-sans)}
.kb161-notify__date{font:600 13px/1 var(--kb161-f-sans);color:#333;padding-bottom:10px;border-bottom:1px solid #EAEAEA}
.kb161-notify__meta{display:flex;justify-content:space-between;margin-top:12px;font:400 11px/1 var(--kb161-f-sans);color:#888}
.kb161-notify__meta em{font-style:normal;color:var(--kb161-nt-c)}
.kb161-notify__main{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;font:500 14px/1 var(--kb161-f-sans)}
.kb161-notify__main b{font:700 17px/1 var(--kb161-f-sans);color:var(--kb161-nt-c)}

/* 5-6 검정 후기 카드 + 그라데이션 테두리 발광 (18) 390 기준 360×78, r6, 2px */
.kb161-review{--kb161-rv-a:#A57CFF;--kb161-rv-b:#7DE0E8;border:2px solid transparent;border-radius:6px;background:linear-gradient(#141414,#141414) padding-box,linear-gradient(135deg,var(--kb161-rv-a),var(--kb161-rv-b)) border-box;box-shadow:0 0 10px rgba(170,110,255,.55);padding:12px 10px;text-align:center}
.kb161-review__a{font:700 16px/1.4 var(--kb161-f-sans);background:linear-gradient(90deg,#9EC9FF,#C9A8FF);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.kb161-review__b{font:400 14px/1.4 var(--kb161-f-sans);color:#fff}

/* 5-7 손그림 낙서 강조: 동그라미 + 별 + 물결 밑줄 (19) */
.kb161-scribble{--kb161-sc-c:#8E5CFF;font:700 26px/1.5 var(--kb161-f-sans);letter-spacing:-.02em;text-align:center}
.kb161-scribble__circle{position:relative;display:inline-block;padding:0 6px}
.kb161-scribble__circle::before{content:"";position:absolute;inset:-4px -4px -2px -6px;border:2px solid var(--kb161-sc-c);border-radius:52% 48% 50% 46% / 60% 52% 48% 40%;transform:rotate(-4deg)}
.kb161-scribble__star{position:absolute;left:-22px;top:-10px;width:22px;height:22px;color:var(--kb161-sc-c)}
.kb161-scribble__wave{text-decoration:underline wavy var(--kb161-sc-c) 2px;text-underline-offset:6px}

/* =========================================================================
   6. PRICE
   ========================================================================= */

/* 6-1 빨간 X 취소선 정가 (49 '정가 3,000,000원') 390 기준 글자 40px #A8A8A8, 선 3px */
.kb161-strikex{--kb161-sx-c:#F0384A;--kb161-sx-t:#A8A8A8;position:relative;display:inline-block;font:600 40px/1.2 var(--kb161-f-sans);color:var(--kb161-sx-t);letter-spacing:-.03em;padding:0 4px}
.kb161-strikex::before,.kb161-strikex::after{content:"";position:absolute;left:-2%;right:-2%;top:50%;height:3px;background:var(--kb161-sx-c);border-radius:2px}
.kb161-strikex::before{transform:rotate(7deg)}
.kb161-strikex::after{transform:rotate(-7deg)}

/* 6-2 회색 가로 취소선 + 끝 꺾임 (49 '판매가 …원') */
.kb161-strikeslash{--kb161-ss-c:#9A9A9A;position:relative;display:inline-block;font:500 26px/1.2 var(--kb161-f-sans);color:#A8A8A8;letter-spacing:-.02em;padding-right:18px}
.kb161-strikeslash::before{content:"";position:absolute;left:0;right:6px;top:55%;height:2px;background:var(--kb161-ss-c)}
.kb161-strikeslash::after{content:"";position:absolute;right:2px;top:calc(55% - 7px);width:2px;height:12px;background:var(--kb161-ss-c);transform:rotate(55deg);transform-origin:bottom}

/* 6-3 발광 그라데이션 테두리 가격 카드 (49·75) 390 기준 354×307, 3px, r10 */
.kb161-pricecard{--kb161-pc-glow:rgba(190,100,255,.55);border:3px solid transparent;border-radius:10px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--kb161-g1),var(--kb161-g3) 50%,var(--kb161-g4)) border-box;box-shadow:0 0 24px var(--kb161-pc-glow);overflow:hidden;text-align:center}
.kb161-pricecard__head{background:var(--kb161-black);padding:12px 8px 13px;font:800 26px/1.2 var(--kb161-f-sans);letter-spacing:-.02em}
.kb161-pricecard__body{padding:12px 14px 16px}
.kb161-pricecard__sub{font:800 26px/1.3 var(--kb161-f-sans);letter-spacing:-.03em;margin-top:4px}
.kb161-pricecard__note{font:400 11px/1.5 var(--kb161-f-sans);color:#555}
.kb161-noticepill{display:inline-block;margin-top:12px;padding:6px 14px;border-radius:999px;background:var(--kb161-grad);color:#fff;font:600 13px/1.2 var(--kb161-f-sans);letter-spacing:-.02em}

/* 6-4 쿠폰 블록: 그라데이션 머리띠 + 검정 몸통 (49 '이벤트 할인 쿠폰') 390 기준 336×166 */
.kb161-coupon{text-align:center}
.kb161-coupon__head{background:var(--kb161-grad);color:#fff;font:700 24px/1 var(--kb161-f-sans);padding:12px 8px 11px;letter-spacing:-.02em}
.kb161-coupon__body{background:var(--kb161-black);padding:22px 8px 26px;font:900 62px/1 var(--kb161-f-sans);letter-spacing:-.04em}

/* 6-5 프리미엄 이용권 티켓 (52) 390 기준 358×155, 흰 테두리 6px, 보라 발광 */
.kb161-ticket{--kb161-tk-accent:#B24CF5;display:grid;grid-template-columns:1fr 80px;background:#fff;border-radius:18px;padding:8px;box-shadow:0 0 22px rgba(182,107,255,.8);position:relative;font-family:var(--kb161-f-sans)}
.kb161-ticket__main{padding:0 8px 6px 0}
.kb161-ticket__head{background:#1F1F1F;color:#fff;border-radius:8px 0 0 0;padding:7px 10px;font:700 12px/1 var(--kb161-f-sans);text-align:center}
.kb161-ticket__head b{color:#fff;font-weight:900}
.kb161-ticket__row{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;text-align:center;padding:10px 0 6px;font:800 22px/1.15 var(--kb161-f-sans);letter-spacing:-.03em}
.kb161-ticket__row .kb161-slot{height:40px;border-radius:6px}
.kb161-ticket__foot{border-top:1px solid #CFCFCF;padding-top:5px;font:400 9px/1.3 var(--kb161-f-sans);color:#555;text-align:center}
.kb161-ticket__foot em{font-style:normal;color:var(--kb161-tk-accent)}
.kb161-ticket__stub{position:relative;border-left:2px dashed #CFCFCF;padding:0 0 0 8px;font:600 8px/1.35 var(--kb161-f-sans);color:#333}
.kb161-ticket__stub::before,.kb161-ticket__stub::after{content:"";position:absolute;left:-9px;width:16px;height:8px;background:#fff}
.kb161-ticket__stub-head{background:#1F1F1F;color:var(--kb161-tk-accent);font:700 7px/1 var(--kb161-f-latin);padding:6px 2px;text-align:center;border-radius:0 8px 0 0;margin:0 0 6px -8px}
.kb161-ticket__barcode{position:absolute;right:2px;top:30px;width:14px;height:60px;background:repeating-linear-gradient(180deg,#111 0 2px,#fff 2px 3px,#111 3px 4px,#fff 4px 6px)}

/* 6-6 전/후 오퍼 타일 (52 '얼리버드 한정 → 종료 후') */
.kb161-offer{--kb161-of-hot:linear-gradient(135deg,#7DB8F9 0%,#B188F7 55%,#C55BF5 100%);display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;text-align:center;color:#fff;font-family:var(--kb161-f-sans)}
.kb161-offer__cap{font:800 20px/1.3 var(--kb161-f-sans);margin-bottom:8px;letter-spacing:-.02em}
.kb161-offer__cap--red{color:var(--kb161-red)}
.kb161-offer__tile{aspect-ratio:1/1;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-end;padding:10px;gap:8px;font:500 12px/1.2 var(--kb161-f-sans)}
.kb161-offer__tile .kb161-slot{flex:1;border-radius:8px}
.kb161-offer__tile--hot{background:var(--kb161-of-hot);border:1px solid rgba(255,255,255,.7)}
.kb161-offer__tile--cold{background:#000;border:1.5px solid #fff}
.kb161-offer__price{margin-top:8px;font:800 22px/1.3 var(--kb161-f-sans);letter-spacing:-.02em}
.kb161-offer__price--red{color:#FF3B3B}
.kb161-offer__price small{display:block;font:500 16px/1.4 var(--kb161-f-sans);color:#9A9A9A}

/* =========================================================================
   7. BUBBLE
   ========================================================================= */

/* 7-1 검정 알약 말풍선 + 위아래 겹친 잔상 띠 (29) 390 기준 알약 ~200×44, r12 */
.kb161-darkpill{--kb161-dp-em:#FFC24D;position:relative;display:inline-block;background:#141414;color:#fff;border-radius:12px;padding:10px 22px;font:700 20px/1.2 var(--kb161-f-sans);letter-spacing:-.02em;margin:16px 0}
.kb161-darkpill b{color:var(--kb161-dp-em)}
.kb161-darkpill::before,.kb161-darkpill::after{content:"";position:absolute;left:4%;right:4%;height:9px;border-radius:8px;background:#F1F1F1;box-shadow:0 2px 4px rgba(0,0,0,.18)}
.kb161-darkpill::before{top:-15px}
.kb161-darkpill::after{bottom:-15px;box-shadow:0 -1px 3px rgba(0,0,0,.12)}

/* 7-2 인용 판 (38 회색+파랑 따옴표 / 32 분홍 큰 따옴표) */
.kb161-quotepanel{--kb161-qp-bg:#EFEFEF;--kb161-qp-c:#2D9CDB;position:relative;background:var(--kb161-qp-bg);padding:22px 26px;font:400 15px/1.65 var(--kb161-f-sans);color:#222;letter-spacing:-.02em}
.kb161-quotepanel b{font-weight:700}
.kb161-quotepanel em{font-style:normal;color:var(--kb161-qp-c);font-weight:600}
.kb161-quotepanel::before,.kb161-quotepanel::after{position:absolute;font:900 30px/1 var(--kb161-f-latin);color:var(--kb161-qp-c)}
.kb161-quotepanel::before{content:"\201C";left:10px;top:8px}
.kb161-quotepanel::after{content:"\201D";right:10px;bottom:-4px}
.kb161-quotepanel--pink{--kb161-qp-bg:#FFD6D6;--kb161-qp-c:#FF6B6B;border-radius:12px;text-align:center;font:900 32px/1.3 var(--kb161-f-sans);padding:24px 40px}
.kb161-quotepanel--pink::before{left:28px;top:auto;bottom:34px;font-size:40px}
.kb161-quotepanel--pink::after{right:28px;bottom:42px;font-size:40px}

/* =========================================================================
   8. LIST
   ========================================================================= */

/* 8-1 분홍 외곽선 행 (33) — 비활성 분홍/회색, 활성 빨강/검정. 390 기준 행 332×~60, r10, 2px */
.kb161-cumrows{--kb161-cr-off:var(--kb161-pink-line);--kb161-cr-on:var(--kb161-red-deep);display:flex;flex-direction:column;gap:13px}
.kb161-cumrow{--kb161-on:0;border:2px solid color-mix(in srgb,var(--kb161-cr-on) calc(var(--kb161-on)*100%),var(--kb161-cr-off));border-radius:10px;background:#fff;height:60px;display:grid;place-items:center;
  font:800 24px/1 var(--kb161-f-sans);letter-spacing:-.03em;color:color-mix(in srgb,#111 calc(var(--kb161-on)*100%),#A0A0A0)}
.kb161-cumrow b{font-weight:800;color:color-mix(in srgb,var(--kb161-red-text) calc(var(--kb161-on)*100%),var(--kb161-pink-text))}
.kb161-cumrow.kb161-is-on{--kb161-on:1}

/* 8-2 분홍 힌트 판 + 주황 체크 + 노랑 밑줄 (37 / 30 크림판) 390 기준 365×518, r8 */
.kb161-hint{--kb161-hn-bg:var(--kb161-pink-bg);--kb161-hn-bd:#F0C8CB;background:var(--kb161-hn-bg);border:1px solid var(--kb161-hn-bd);border-radius:8px;padding:24px 18px 20px;font-family:var(--kb161-f-sans)}
.kb161-hint__title{text-align:center;font:800 28px/1.3 var(--kb161-f-sans);letter-spacing:-.03em;margin-bottom:18px}
.kb161-hint__title::before{content:"\26A0";color:#F5B100;font-size:.72em;margin-right:8px;vertical-align:.1em}
.kb161-hint__title u,.kb161-hint u{text-decoration:none;box-shadow:inset 0 -3px 0 var(--kb161-ul-yellow)}
.kb161-hint__row{position:relative;padding-left:24px;margin:0 0 20px;font:400 15.5px/1.55 var(--kb161-f-sans);letter-spacing:-.03em}
.kb161-hint__row::before{content:"\2713";position:absolute;left:0;top:-1px;font:400 22px/1 var(--kb161-f-sans);color:var(--kb161-check)}
.kb161-hint__row b{font-weight:700}
.kb161-hint--cream{--kb161-hn-bg:#FFF6E0;--kb161-hn-bd:#F2D9A0}

/* 8-3 보라 머리 순서 카드 + 검정 원 연결 화살표 (52) */
.kb161-stepflow{--kb161-sf-c:var(--kb161-orchid);display:grid;grid-template-columns:1fr 1fr;gap:14px;position:relative;font-family:var(--kb161-f-sans)}
.kb161-stepflow__card{background:#fff;border-radius:2px;overflow:hidden;text-align:center;position:relative}
.kb161-stepflow__card--wide{grid-column:1 / -1}
.kb161-stepflow__head{background:var(--kb161-sf-c);color:#fff;font:600 17px/38px var(--kb161-f-sans)}
.kb161-stepflow__body{padding:14px 8px 14px;font:800 18px/1.3 var(--kb161-f-sans);letter-spacing:-.03em;color:#111}
.kb161-stepflow__body small{display:block;margin-top:6px;font:400 11px/1.3 var(--kb161-f-sans);color:#555}
.kb161-stepflow__go{position:absolute;width:34px;height:34px;border-radius:50%;background:#000;z-index:2}
.kb161-stepflow__go::before{content:"";position:absolute;left:50%;top:50%;width:0;height:0;border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent #fff;transform:translate(-38%,-50%)}
.kb161-stepflow__go--up::before{border-width:0 7px 11px 7px;border-color:transparent transparent #fff transparent;transform:translate(-50%,-62%)}
.kb161-stepflow__go--down::before{border-width:11px 7px 0 7px;border-color:#fff transparent transparent transparent;transform:translate(-50%,-38%)}

/* 8-4 세 갈래 성장 경로 카드 (55) 390 기준 열 113×~280, r8, 그림자 */
.kb161-journey{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;font-family:var(--kb161-f-sans)}
.kb161-journey__col{--kb161-c:#7B2FF7}
.kb161-journey__name{font:400 20px/1.2 var(--kb161-f-hand);margin-bottom:6px}
.kb161-journey__card{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.13);padding:14px 4px 14px}
.kb161-journey__step{font:500 12.5px/1.35 var(--kb161-f-sans);letter-spacing:-.03em}
.kb161-journey__step + .kb161-journey__step::before{content:"";display:block;width:0;height:0;margin:9px auto 9px;border-style:solid;border-width:8px 7px 0 7px;border-color:var(--kb161-c) transparent transparent transparent}
.kb161-journey__step--end{font-weight:700;color:var(--kb161-c)}
.kb161-journey__step--end small{display:block;color:#111;font-weight:500;font-size:12px}

/* 8-5 어두운 기능 카드: 보라 제목 + 구분선 + 보라 체크 (51) 390 기준 304×300, r14, 1px #8A8A8A */
.kb161-featcard{--kb161-fc-c:#C25CFF;background:rgba(28,28,28,.88);border:1px solid #8A8A8A;border-radius:14px;padding:20px 18px 18px;text-align:center;color:#fff;font-family:var(--kb161-f-sans)}
.kb161-featcard__title{font:800 26px/1.2 var(--kb161-f-sans);color:var(--kb161-fc-c);padding-bottom:14px;border-bottom:1px solid #555}
.kb161-featcard__item{padding:14px 0;border-bottom:1px solid #555}
.kb161-featcard__item:last-child{border-bottom:0}
.kb161-featcard__item p{margin:0;font:800 22px/1.25 var(--kb161-f-sans);letter-spacing:-.03em}
.kb161-featcard__item p::before{content:"\2713";font-weight:300;color:var(--kb161-fc-c);margin-right:6px}
.kb161-featcard__item p b{color:var(--kb161-fc-c)}
.kb161-featcard__item small{display:block;margin-top:4px;font:400 15px/1.35 var(--kb161-f-sans);color:#DDD}

/* 8-6 흰 카드 + 왼쪽에 걸친 검정 원 + 배지 (65) variant_of k149-plus */
.kb161-pluscard{--kb161-pl-badge:#111;position:relative;background:#fff;border-radius:6px;padding:16px 14px 14px 34px;text-align:center;font-family:var(--kb161-f-sans)}
.kb161-pluscard::before{content:"";position:absolute;left:-14px;top:50%;width:32px;height:32px;margin-top:-16px;border-radius:50%;background:var(--kb161-pl-badge);box-shadow:0 0 0 3px #fff}
.kb161-pluscard::after{content:"";position:absolute;left:-6px;top:50%;width:16px;height:16px;margin-top:-8px;background:linear-gradient(#fff,#fff) center/100% 3px no-repeat,linear-gradient(#fff,#fff) center/3px 100% no-repeat}
.kb161-pluscard__t{font:400 22px/1.3 var(--kb161-f-sans);letter-spacing:-.03em}
.kb161-pluscard__t b{font-weight:800}
.kb161-pluscard__p{font:800 17px/1.4 var(--kb161-f-sans);background:linear-gradient(90deg,#9FD8FF,#C2A5FF);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.kb161-pluscard--grad::before{background:linear-gradient(135deg,#8E6BFF,#E26CF8)}

/* 8-7 X/O 비교 타일 (35) 390 기준 타일 141×62 / 큰 타일 141×98, r6 */
.kb161-compare{--kb161-cp-off:var(--kb161-gray-tile);--kb161-cp-on:var(--kb161-red);display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;font-family:var(--kb161-f-sans)}
.kb161-compare__tile{border-radius:6px;color:#fff;text-align:center;display:grid;place-items:center;min-height:62px;padding:8px;font:600 24px/1.2 var(--kb161-f-sans);letter-spacing:-.03em;background:var(--kb161-cp-off)}
.kb161-compare__tile--on{background:linear-gradient(90deg,var(--kb161-cp-on),#FF4E5C)}
.kb161-compare__tile--big{min-height:98px;font:500 18px/1.2 var(--kb161-f-sans)}
.kb161-compare__tile--big strong{display:block;font:900 34px/1.15 var(--kb161-f-sans);letter-spacing:-.04em}

/* 8-8 계단식 외곽선 알약 (19) 390 기준 알약 h34~40, 2px 그라데이션 테두리 */
.kb161-stair{display:flex;flex-direction:column;gap:14px;align-items:center}
.kb161-stair__pill{--kb161-s:1;display:inline-block;border:2px solid transparent;border-radius:999px;background:linear-gradient(#1A1A1A,#1A1A1A) padding-box,linear-gradient(90deg,var(--kb161-g1),var(--kb161-g4)) border-box;padding:5px calc(14px * var(--kb161-s)) 6px;font:800 calc(18px * var(--kb161-s))/1.2 var(--kb161-f-sans);letter-spacing:-.02em}
.kb161-stair__pill:nth-child(1){--kb161-s:1;transform:translateX(-30px)}
.kb161-stair__pill:nth-child(2){--kb161-s:1.12;transform:translateX(30px)}
.kb161-stair__pill:nth-child(3){--kb161-s:1.22;transform:translateX(-10px)}
.kb161-stair__pill:nth-child(4){--kb161-s:1.36;transform:translateX(0)}

/* 8-9 3단 전/중/후 카드 + 강조 3번째 (38) 390 기준 카드 ~108×120, r10 */
.kb161-step3{display:grid;grid-template-columns:1fr 14px 1fr 14px 1fr;align-items:center;gap:2px;font-family:var(--kb161-f-sans)}
.kb161-step3__arrow{width:0;height:0;border-style:solid;border-width:7px 0 7px 10px;border-color:transparent transparent transparent #FF3346;justify-self:center}
.kb161-step3__card{background:#F2F2F2;border-radius:10px;overflow:hidden;text-align:center}
.kb161-step3__t{font:700 13px/1.2 var(--kb161-f-sans);padding:10px 4px 8px}
.kb161-step3__chip{margin:0 8px 6px;padding:4px;background:#fff;border:1px solid #9EEBD8;font:500 9px/1 var(--kb161-f-sans);border-radius:2px}
.kb161-step3__foot{background:#4A4A4A;color:#fff;font:700 13px/1 var(--kb161-f-sans);padding:11px 0}
.kb161-step3__card--hot{border:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#9EF7E0,#7FD8FF) border-box}
.kb161-step3__card--hot .kb161-step3__t{color:#FF3346}
.kb161-step3__card--hot .kb161-step3__foot{background:#000}
.kb161-step3__card--hot .kb161-step3__foot b{color:#FF3346}

/* =========================================================================
   9. DIVIDER
   ========================================================================= */

/* 9-1 넓고 납작한 역삼각 (33 회색 / 39 하늘 / 30 주황) 390 기준 284×58 */
.kb161-flattri{--kb161-ft-c:var(--kb161-gray-tri);--kb161-ft-w:284px;--kb161-ft-h:58px;width:var(--kb161-ft-w);height:var(--kb161-ft-h);margin:0 auto;background:var(--kb161-ft-c);clip-path:polygon(0 0,100% 0,50% 100%)}
.kb161-flattri--sky{--kb161-ft-c:#A8E0FF;--kb161-ft-w:170px;--kb161-ft-h:54px}
.kb161-flattri--orange{--kb161-ft-c:#FFC24D;--kb161-ft-w:170px;--kb161-ft-h:30px}

/* 9-2 렌즈 곡선 + 빨강 그라데이션 화살표 (34 '늘어나는 폭발적 매출!') 390 기준 361×223 */
.kb161-arrowlens{--kb161-al-c:#FF2A3A;--kb161-al-g:linear-gradient(90deg,#FF2A2A,#FF6A6A);position:relative;text-align:center;padding:38px 0 96px;font:800 26px/1.2 var(--kb161-f-sans);letter-spacing:-.03em}
.kb161-arrowlens::before,.kb161-arrowlens::after{content:"";position:absolute;left:0;right:0;height:18px;border:0 solid var(--kb161-al-c)}
.kb161-arrowlens::before{top:16px;border-top-width:2px;border-radius:50% 50% 0 0 / 100% 100% 0 0}
.kb161-arrowlens::after{top:76px;border-bottom-width:2px;border-radius:0 0 50% 50% / 0 0 100% 100%}
.kb161-arrowlens__stem{position:absolute;left:50%;top:0;width:48px;height:24px;transform:translateX(-50%);background:var(--kb161-al-g);z-index:-1}
.kb161-arrowlens__head{position:absolute;left:50%;top:86px;width:104px;height:84px;transform:translateX(-50%);background:var(--kb161-al-g);clip-path:polygon(27% 0,73% 0,73% 40%,100% 40%,50% 100%,0 40%,27% 40%);transform-origin:50% 0}
.kb161-arrowlens{isolation:isolate}

/* 9-3 블록 화살표 (55 하늘→연보라) 390 기준 122×75 */
.kb161-blockarrow{--kb161-ba-w:122px;--kb161-ba-h:75px;width:var(--kb161-ba-w);height:var(--kb161-ba-h);margin:0 auto;background:linear-gradient(180deg,#B8D3FF,#BCBAFC);clip-path:polygon(28% 0,72% 0,72% 22%,100% 22%,50% 100%,0 22%,28% 22%)}

/* 9-4 빛나는 세로선 (51·18 검정 위) 390 기준 2×140 / 가로 빛줄기(52) */
.kb161-glowline{--kb161-gl-h:140px;width:2px;height:var(--kb161-gl-h);margin:0 auto;background:linear-gradient(180deg,transparent,#fff 40%,#fff 60%,transparent);box-shadow:0 0 6px rgba(255,255,255,.55)}
.kb161-glowline--h{width:260px;height:3px;background:radial-gradient(50% 50% at 50% 50%,#fff,rgba(255,255,255,.4) 40%,transparent 75%);box-shadow:none;filter:blur(.4px)}

/* 9-5 크게 오른쪽 재생 삼각 (14 보라 / 33 작은 빨강) 390 기준 46×58 */
.kb161-playtri{--kb161-pt-c:#8B1EFF;--kb161-pt-w:46px;--kb161-pt-h:58px;display:inline-block;width:var(--kb161-pt-w);height:var(--kb161-pt-h);background:var(--kb161-pt-c);clip-path:polygon(0 0,100% 50%,0 100%)}
.kb161-playtri--red{--kb161-pt-c:#FF2D3A;--kb161-pt-w:16px;--kb161-pt-h:18px}

/* =========================================================================
   10. BG
   ========================================================================= */

/* 10-1 어두운 무대 + 바닥 조명 (44 선물상자 무대) */
.kb161-stage{--kb161-sg-h:214px;position:relative;height:var(--kb161-sg-h);background:radial-gradient(70% 38% at 50% 78%,#3A3A42 0%,#1F1F24 55%,transparent 80%),linear-gradient(180deg,#FFFFFF 0%,#EDEDF0 22%,#121215 46%,#0B0B0D 100%);overflow:hidden}
.kb161-stage::after{content:"";position:absolute;left:12%;right:12%;bottom:14%;height:24%;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(255,255,255,.12),transparent 70%)}

/* 10-2 하늘 반원 언덕 (39 명상 미모지 뒤) */
.kb161-dome{--kb161-dm-c:#C8F0FF;--kb161-dm-h:114px;position:relative;height:var(--kb161-dm-h);background:radial-gradient(62% 100% at 50% 100%,var(--kb161-dm-c) 99.4%,transparent 100%) bottom/100% 100% no-repeat}

/* 10-3 뒤에 깔린 초대형 연한 글자 (16) 390 기준 글자 ~110px #EEE9FF */
.kb161-giant{--kb161-gi-c:#EFEAFF;position:relative;overflow:hidden;text-align:center;padding:22px 0 0;height:182px}
.kb161-giant__back{position:absolute;left:0;bottom:-18px;white-space:nowrap;font:900 118px/1 var(--kb161-f-sans);color:var(--kb161-gi-c);letter-spacing:-.02em;z-index:0}
.kb161-giant__front{position:relative;z-index:1;font:800 34px/1.2 var(--kb161-f-sans);letter-spacing:-.03em}

/* =========================================================================
   11. FRAME
   ========================================================================= */

/* 11-1 두꺼운 링 원 (35 빨강 16px / 20 그라데이션) 390 기준 외경 ~150 */
.kb161-ring{--kb161-rg-d:150px;--kb161-rg-w:16px;--kb161-rg-c:var(--kb161-red);position:relative;width:var(--kb161-rg-d);height:var(--kb161-rg-d);border-radius:50%;border:var(--kb161-rg-w) solid var(--kb161-rg-c);margin:0 auto}
.kb161-ring .kb161-slot{position:absolute;inset:-8% 4% 0;border-radius:50% 50% 0 0}
.kb161-ring--grad{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#A9DDF6,#C5A7F6) border-box}
.kb161-ring__hand{position:absolute;right:-30px;top:-14px;transform:rotate(-14deg)}

/* 11-2 그라데이션 원 프로필 + 파스텔 이름표 (53) 390 기준 원 92, 이름표 92×28 */
.kb161-profile{--kb161-pf-d:92px;display:inline-flex;flex-direction:column;align-items:center;width:calc(var(--kb161-pf-d) * 1.15)}
.kb161-profile__circle{width:var(--kb161-pf-d);height:var(--kb161-pf-d);border-radius:50%;background:linear-gradient(135deg,#C7B7FF,#9FE6FF);overflow:hidden;position:relative}
.kb161-profile__circle .kb161-slot{position:absolute;inset:10% 18% 0;border-radius:40% 40% 0 0;border-color:rgba(255,255,255,.8);color:#fff}
.kb161-profile__tag{margin-top:-12px;position:relative;width:100%;border-radius:999px;background:linear-gradient(90deg,#C9E9F7,#F3EDB8);text-align:center;font:500 15px/28px var(--kb161-f-sans)}
.kb161-profile__cap{font:400 16px/1 var(--kb161-f-hand);border-bottom:1.5px solid #8E5CFF;padding-bottom:3px;margin-bottom:8px}

/* 11-3 반원 아치 탭 카드 (21) 390 기준 카드 300×190, 아치 지름 112 */
.kb161-arch{--kb161-ar-d:112px;position:relative;background:#fff;margin-top:calc(var(--kb161-ar-d) * .5);padding:34px 14px 18px;text-align:center;font-family:var(--kb161-f-sans)}
.kb161-arch::before{content:"";position:absolute;left:50%;top:calc(var(--kb161-ar-d) * -.5);width:var(--kb161-ar-d);height:var(--kb161-ar-d);margin-left:calc(var(--kb161-ar-d) * -.5);border-radius:50%;background:#fff;z-index:0}
.kb161-arch > *{position:relative;z-index:1}
.kb161-arch__icon{width:64px;height:64px;margin:calc(var(--kb161-ar-d) * -.5 - 10px) auto 10px;border-radius:12px}
.kb161-arch__t{font:500 22px/1.3 var(--kb161-f-sans);letter-spacing:-.03em}
.kb161-arch__p{font:900 36px/1.2 var(--kb161-f-sans);color:#8B1EFF;letter-spacing:-.04em}
.kb161-arch__n{font:400 13px/1.4 var(--kb161-f-sans);margin-top:4px}

/* 11-4 그라데이션 2px 테두리 상자 + 보라 손글씨 키커 (51 각진 / 29 둥근 r14 / 52 흰 1px) */
.kb161-gbox{--kb161-gx-r:0px;border:2px solid transparent;border-radius:var(--kb161-gx-r);background:linear-gradient(#1F1F1F,#1F1F1F) padding-box,linear-gradient(135deg,#8FE3FF,#B9A5FE 50%,#C25CFF) border-box;color:#fff;text-align:center;padding:14px 14px 18px}
.kb161-gbox .kb161-hand{--kb161-hand-c:#C25CFF;--kb161-hand-fs:26px;display:block}
.kb161-gbox__t{font:500 34px/1.25 var(--kb161-f-sans);letter-spacing:-.03em}
.kb161-gbox--round{--kb161-gx-r:14px}
.kb161-gbox--line{background:#000;border:1px solid #fff}

/* 11-5 회색 1px 둥근 외곽 상자 + 하늘 강조 수치 (39) 390 기준 341×150, r12 */
.kb161-obox{--kb161-ob-c:#7ED3F7;border:1px solid var(--kb161-line);border-radius:12px;background:#fff;padding:20px 14px 16px;text-align:center}
.kb161-obox__v{font:800 30px/1.25 var(--kb161-f-sans);color:var(--kb161-ob-c);letter-spacing:-.03em}
.kb161-obox__t{font:700 30px/1.25 var(--kb161-f-sans);letter-spacing:-.03em}
.kb161-obox__n{font:400 11px/1.5 var(--kb161-f-sans);color:#666;margin-top:4px}

/* 11-6 VOD 플레이어 틀 (60) 390 기준 354×184, 테두리 5px 그라데이션 */
.kb161-vod{--kb161-vd-b:linear-gradient(90deg,#8FD1FF,#B9A5FE 45%,#C25CFF);display:grid;grid-template-columns:1fr 78px;gap:4px;padding:5px;background:var(--kb161-vd-b);border-radius:4px;font-family:var(--kb161-f-sans);color:#fff}
.kb161-vod__main{background:#000;position:relative;padding:10px 10px 8px;min-height:170px;display:flex;flex-direction:column}
.kb161-vod__title{font:500 12px/1 var(--kb161-f-sans);letter-spacing:.32em;text-align:center;padding-bottom:6px;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,#fff,transparent) 1}
.kb161-vod__play{width:46px;height:46px;border-radius:50%;border:3px solid #fff;margin:auto;position:relative}
.kb161-vod__play::before{content:"";position:absolute;left:50%;top:50%;border-style:solid;border-width:9px 0 9px 14px;border-color:transparent transparent transparent #fff;transform:translate(-38%,-50%)}
.kb161-vod__bar{height:2px;background:#555;margin:6px 0 6px}
.kb161-vod__ctrl{display:flex;justify-content:space-between;font:400 9px/1 var(--kb161-f-sans)}
.kb161-vod__side{display:grid;grid-template-rows:repeat(4,1fr);gap:4px}
.kb161-vod__cell{background:#000;position:relative;font:400 8px/1 var(--kb161-f-sans);padding:4px}
.kb161-vod__cell::before{content:"";position:absolute;right:18px;top:7px;width:16px;height:16px;border-radius:50%;border:1.5px solid #fff}
.kb161-vod__cell::after{content:"";position:absolute;right:23px;top:12px;border-style:solid;border-width:3.5px 0 3.5px 5.5px;border-color:transparent transparent transparent #fff}
.kb161-vod__cell span{position:absolute;left:4px;bottom:4px}

/* 11-7 상단 테두리에 걸친 빨강 탭이 있는 외곽 상자 (33 '비밀의 힌트') 390 기준 361×285 */
.kb161-hintbox{--kb161-hb-tab:var(--kb161-red);position:relative;border:1px solid var(--kb161-line);background:#fff;padding:36px 16px 22px;margin-top:22px;font-family:var(--kb161-f-sans)}
.kb161-hintbox__tab{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);background:var(--kb161-hb-tab);color:#fff;border-radius:8px;padding:8px 18px;font:700 18px/1 var(--kb161-f-sans);white-space:nowrap}
.kb161-hintbox__cols{display:grid;grid-template-columns:1fr 18px 1fr;align-items:start;gap:6px;text-align:center}
.kb161-hintbox__cap{font:400 14px/1.35 var(--kb161-f-sans);letter-spacing:-.03em;color:#333}
.kb161-hintbox__cap b{font-weight:700;color:#111}
.kb161-hintbox__pic{height:78px;margin:10px 18px 0;border-radius:8px 8px 0 0}
.kb161-hintbox__lab{border-radius:8px;color:#fff;font:700 17px/48px var(--kb161-f-sans);background:#000}
.kb161-hintbox__lab--hot{background:linear-gradient(90deg,#FF3143,#FF5B66)}
.kb161-hintbox .kb161-playtri{margin-top:12px}

/* =========================================================================
   12. CTA
   ========================================================================= */

/* 12-1 그라데이션 버튼 (49·75) 390 기준 213×62, r10 / 파스텔 알약(74) */
.kb161-btn{--kb161-bt-bg:var(--kb161-grad);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:213px;height:62px;padding:0 22px;border:0;border-radius:10px;background:var(--kb161-bt-bg);color:#fff;font:600 24px/1 var(--kb161-f-sans);letter-spacing:-.02em;box-shadow:0 4px 12px rgba(160,100,255,.32);cursor:pointer;text-decoration:none}
.kb161-btn::after{content:"";width:11px;height:11px;border-right:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(-45deg);margin-left:2px}
.kb161-btn--pastel{--kb161-bt-bg:linear-gradient(90deg,#93C5FD,#C4A8F9);border-radius:999px;height:50px;min-width:180px;font-size:19px;font-weight:500;box-shadow:0 3px 8px rgba(120,120,200,.25)}
.kb161-btn__note{display:block;margin-top:8px;font:500 15px/1.3 var(--kb161-f-sans);color:#D8D8D8;text-align:center}

/* 12-2 하단 고정 바: 쿠폰 칩 + 노랑 버튼 (81) 390 기준 390×62 */
.kb161-bottombar{--kb161-bb-btn:var(--kb161-yellow-btn);display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:center;background:#fff;padding:7px 10px;box-shadow:0 -2px 8px rgba(0,0,0,.08);font-family:var(--kb161-f-sans)}
.kb161-bottombar__chip{position:relative;border:1px solid #DDD;border-radius:6px;text-align:center;padding:9px 2px 3px;background:#EEE}
.kb161-bottombar__chip i{position:absolute;left:50%;top:-6px;transform:translateX(-50%);white-space:nowrap;background:var(--kb161-bb-btn);border-radius:999px;padding:2px 6px;font:700 7px/1 var(--kb161-f-sans);font-style:normal;color:#222}
.kb161-bottombar__chip b{display:block;font:800 18px/1 var(--kb161-f-sans);color:#222}
.kb161-bottombar__chip small{font:400 7px/1.2 var(--kb161-f-sans);color:#888}
.kb161-bottombar__btn{height:42px;border-radius:6px;background:var(--kb161-bb-btn);color:#fff;font:600 15px/42px var(--kb161-f-sans);text-align:center}

/* 12-3 상단 남색 쿠폰 띠 (24) 390 기준 390×62 */
.kb161-topcoupon{--kb161-tc-c:var(--kb161-purple-ui);display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:var(--kb161-navy);color:#fff;padding:8px 10px;font-family:var(--kb161-f-sans)}
.kb161-topcoupon__chip{background:#fff;color:#111;border-radius:2px;padding:0 6px 4px;text-align:center}
.kb161-topcoupon__chip i{display:block;margin:0 -6px 3px;background:var(--kb161-tc-c);color:#fff;font:700 7px/12px var(--kb161-f-sans);font-style:normal}
.kb161-topcoupon__chip b{font:900 19px/1 var(--kb161-f-sans)}
.kb161-topcoupon__t{font:400 12px/1.2 var(--kb161-f-sans);letter-spacing:-.02em}
.kb161-topcoupon__t b{font-weight:800}
.kb161-topcoupon__btn{background:var(--kb161-tc-c);color:#fff;padding:5px 7px;font:700 11px/1 var(--kb161-f-sans);border:1px solid rgba(255,255,255,.5)}

/* =========================================================================
   13. MOTION — 원본 GIF 프레임 시간표 (catalog.json motion)
   ========================================================================= */

/* M1 누적 순차 점등 (33): 230ms × 6 = 1380ms. 0프레임 전부 꺼짐 → 1~5번째 차례로 켜져 유지 */
.kb161-m-cum > *{animation:var(--kb161-cum-dur,1380ms) linear infinite}
.kb161-m-cum > :nth-child(1){animation-name:kb161-m-cum-1}
.kb161-m-cum > :nth-child(2){animation-name:kb161-m-cum-2}
.kb161-m-cum > :nth-child(3){animation-name:kb161-m-cum-3}
.kb161-m-cum > :nth-child(4){animation-name:kb161-m-cum-4}
.kb161-m-cum > :nth-child(5){animation-name:kb161-m-cum-5}
@keyframes kb161-m-cum-1{0%,16.66%{--kb161-on:0}16.67%,100%{--kb161-on:1}}
@keyframes kb161-m-cum-2{0%,33.32%{--kb161-on:0}33.33%,100%{--kb161-on:1}}
@keyframes kb161-m-cum-3{0%,49.99%{--kb161-on:0}50%,100%{--kb161-on:1}}
@keyframes kb161-m-cum-4{0%,66.66%{--kb161-on:0}66.67%,100%{--kb161-on:1}}
@keyframes kb161-m-cum-5{0%,83.32%{--kb161-on:0}83.33%,100%{--kb161-on:1}}

/* M2 화살표 늘어남 (34): 30ms × 10 성장(300) → 370 정지 → 30ms × 9 복귀(270) = 940ms */
.kb161-m-grow{animation:kb161-m-grow var(--kb161-grow-dur,940ms) infinite;transform-origin:50% 0}
@keyframes kb161-m-grow{
  0%{transform:translateX(-50%) scaleY(.78);animation-timing-function:steps(10,end)}
  31.9%{transform:translateX(-50%) scaleY(1)}
  71.3%{transform:translateX(-50%) scaleY(1);animation-timing-function:steps(9,end)}
  100%{transform:translateX(-50%) scaleY(.78)}}

/* M3 막대 채움 + 숫자 카운트 (35 막대 30ms×30=900 → 370+300 정지 / 39 % 30ms×18 → 70 → 400 정지) */
.kb161-m-fill{animation:kb161-m-fill var(--kb161-fill-dur,1570ms) infinite}
@keyframes kb161-m-fill{0%{--kb161-pct:0;animation-timing-function:steps(30,end)}57.3%,100%{--kb161-pct:100}}
.kb161-m-count{animation:kb161-m-count var(--kb161-count-dur,1010ms) infinite}
@keyframes kb161-m-count{0%{--kb161-pct:1;animation-timing-function:steps(18,end)}53.5%{--kb161-pct:94;animation-timing-function:steps(1,end)}60.4%,100%{--kb161-pct:100}}

/* M4 글자 빛 훑기 (45): 흰 덩어리가 왼→오 30ms × 30(900) → 470 정지 = 1370ms */
.kb161-m-sweep{background-image:linear-gradient(90deg,transparent 0 42%,#fff 46% 54%,transparent 58% 100%),var(--kb161-grad);background-size:320% 100%,100% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:kb161-m-sweep var(--kb161-sweep-dur,1370ms) infinite}
@keyframes kb161-m-sweep{0%{background-position:100% 0,0 0;animation-timing-function:steps(30,end)}65.7%,100%{background-position:0% 0,0 0}}

/* M5 순환 강조 (47 화살표 250ms × 3 / 48 그라데이션 줄 300ms × 4) — 하나만 켜지고 나머지 흐림 */
.kb161-m-rot > *{animation:kb161-m-rot-3 calc(var(--kb161-rot-step,250ms) * 3) infinite;animation-delay:calc(var(--kb161-i,0) * var(--kb161-rot-step,250ms) - var(--kb161-rot-step,250ms) * 3)}
.kb161-m-rot--4 > *{animation-name:kb161-m-rot-4;animation-duration:calc(var(--kb161-rot-step,300ms) * 4);animation-delay:calc(var(--kb161-i,0) * var(--kb161-rot-step,300ms) - var(--kb161-rot-step,300ms) * 4)}
@keyframes kb161-m-rot-3{0%,33.32%{filter:none}33.33%,100%{filter:var(--kb161-rot-off,grayscale(1) brightness(1.7))}}
@keyframes kb161-m-rot-4{0%,24.99%{filter:none}25%,100%{filter:var(--kb161-rot-off,saturate(.45) brightness(.72))}}

/* M6 가격 쾅 착지 (49·75): 3배 흐림 → 1배, 30ms × 5(150) → 정지. 총 1280ms */
.kb161-m-slam{display:inline-block;animation:kb161-m-slam var(--kb161-slam-dur,1280ms) infinite}
@keyframes kb161-m-slam{
  0%{transform:scale(3);filter:blur(6px);opacity:.35;animation-timing-function:steps(5,end)}
  11.7%,100%{transform:scale(1);filter:none;opacity:1}}

/* M7 경광등 발광 맥동 (68·78): 30ms × 20 = 600ms, 빛 반경이 커졌다 작아짐 */
.kb161-m-glow{animation:kb161-m-glow var(--kb161-glow-dur,600ms) steps(10,end) infinite alternate}
@keyframes kb161-m-glow{0%{box-shadow:0 0 10px 2px rgba(255,40,40,.35)}100%{box-shadow:0 0 46px 14px rgba(255,40,40,.75)}}

/* M8 가로 흐름 (46 날짜·금액 띠 / 23 하단 글자 / 16 큰 글자) — 끊김 없는 무한 이동 */
.kb161-m-marquee{overflow:hidden;white-space:nowrap}
.kb161-m-marquee__track{display:inline-flex;gap:var(--kb161-mq-gap,14px);animation:kb161-m-marquee var(--kb161-mq-dur,2700ms) linear infinite}
.kb161-m-marquee--rev .kb161-m-marquee__track{animation-direction:reverse}
@keyframes kb161-m-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* M9 성장 차트 연속 장면 (46): 막대 순차 상승(~150ms 간격) → 곡선 화살표 → 990ms 라벨 확대 착지 → 2700 정지 */
.kb161-m-growseq .kb161-growbars__bar{animation:kb161-m-growbar var(--kb161-gs-dur,2700ms) infinite;animation-delay:calc(var(--kb161-i,0) * 150ms)}
.kb161-m-growseq .kb161-growbars__arrow{animation:kb161-m-arrowin var(--kb161-gs-dur,2700ms) infinite;animation-delay:calc(var(--kb161-i,0) * 150ms)}
.kb161-m-growseq .kb161-growbars__pop{animation:kb161-m-pop var(--kb161-gs-dur,2700ms) infinite}
@keyframes kb161-m-growbar{0%{transform:scaleY(0);animation-timing-function:steps(8,end)}17.7%,100%{transform:scaleY(1)}}
@keyframes kb161-m-arrowin{0%,20%{opacity:0;clip-path:inset(0 100% 0 0)}20.1%{opacity:1;animation-timing-function:steps(6,end)}28%,100%{opacity:1;clip-path:inset(0 0 0 0)}}
@keyframes kb161-m-pop{0%,36.6%{opacity:0;transform:translateX(-50%) scale(1.45)}36.7%{opacity:1;transform:translateX(-50%) scale(1.45);animation-timing-function:steps(3,end)}40%,100%{opacity:1;transform:translateX(-50%) scale(1)}}