:root {
  /* 緩動曲線。動畫一律用這幾條，不要每次現寫 cubic-bezier——
     同一頁出現三種手感，使用者感覺得出來但說不上哪裡怪。 */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.68, 0, 0.265, 1);
  --ease-back: cubic-bezier(0.34, 1.56, 0.64, 1);
}

*,
*::before,
*::after {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

html {
  overflow-x: hidden;
}

body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: clip;
}

h1, h2, h3, h4, h5, h6,
p, ul, ol, li, dl, dt, dd {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

ul, ol {
  list-style: none;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

body {
  font-family: 'Noto Sans TC', sans-serif;
  color: #000;
  background: #fff;
}

a {
  color: inherit;
}

button {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
}

.sp {
  display: none;
}

.main {
  min-height: 100vh;
}

.header-menu-btn,
.mobile-menu {
  display: none;
}

.nav-link {
  font-family: 'Noto Serif TC', serif;
  font-weight: 600;
  line-height: 1.5;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}

.nav-link .nav-heart {
  display: none;
  flex-shrink: 0;
}

.nav-link.is-active,
.nav-link:hover {
  color: #e6c159;
}

.nav-link.is-active .nav-heart,
.nav-link:hover .nav-heart {
  display: block;
}

.nav-list:hover .nav-link.is-active:not(:hover) {
  color: #fff;
}

.nav-list:hover .nav-link.is-active:not(:hover) .nav-heart {
  display: none;
}

.fixed-btn {
  position: relative;
  display: block;
  border-radius: 50%;
  background: linear-gradient(-90deg, #755729 0%, #d9a923 48.08%, #755729 100%);
  text-decoration: none;
}

.fixed-btn::before {
  content: '';
  position: absolute;
  border-radius: 50%;
  background: linear-gradient(to bottom, #fff 54.81%, #000 54.81%);
}

.fixed-btn-icon {
  position: absolute;
  object-fit: cover;
}

.fixed-btn-text {
  position: absolute;
  left: 50%;
  font-family: 'Noto Serif TC', serif;
  font-weight: 600;
  line-height: 1.19;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  transform: translate(-50%, -50%);
}

.fixed-btn:hover .fixed-btn-text {
  font-weight: 700;
  color: #e6c159;
}

.footer {
  background: #fff;
}

.footer-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer-disclaimer,
.popup-disclaimer {
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
}

.is-red {
  color: #d70029;
}

.is-underline {
  text-decoration: underline;
}

.footer-info {
  font-weight: 350;
  line-height: normal;
}

.popup {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(50, 17, 17, 0.8);
}

.popup.is-open {
  display: flex;
}

.popup-box {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #fff;
}

.popup-close {
  position: absolute;
  z-index: 1;
}

.popup-close img {
  display: block;
  width: 100%;
  height: 100%;
}

.popup-title {
  flex-shrink: 0;
  font-family: 'Noto Serif TC', serif;
  font-weight: 700;
  line-height: 1.19;
  color: #d70029;
  text-align: center;
}

.popup-body {
  position: relative;
  flex: 1;
  min-height: 0;
}

.popup-scroll {
  height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}

.popup-scroll::-webkit-scrollbar {
  display: none;
}

.popup-info {
  line-height: 1.5;
}

.popup-scrollbar {
  position: absolute;
  background: #e9e9e9;
  touch-action: none;
  cursor: pointer;
}

.popup-scrollbar.is-hidden {
  display: none;
}

.popup-scrollbar-thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #d70029;
  cursor: grab;
}

.popup-confirm {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background: linear-gradient(81.2deg, #250404 6.12%, #5e1a1a 44.84%, #ac1919 99.89%);
  font-family: 'Noto Serif TC', serif;
  font-weight: 700;
  line-height: 1;
  color: #e1bc52;
}

html.is-locked {
  overflow: hidden;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 84px;
  background: #210303;
}

.header-inner {
  position: relative;
  width: 1330.3px;
  height: 100%;
  margin: 0 auto;
}

.header-logo {
  position: absolute;
  top: 18px;
  left: 0;
  display: block;
  width: 71.35px;
}

.header-logo img {
  width: 100%;
  height: auto;
}

.header-nav {
  position: absolute;
  top: 27px;
  right: 0;
}

.nav-list {
  display: flex;
  align-items: center;
  gap: 19.88px;
}

.nav-link {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 20px;
}

.nav-link .nav-heart {
  width: 32.12px;
  height: 28px;
}

.header-nav .nav-link .nav-heart,
.header-nav .nav-list:hover .nav-link.is-active:not(:hover) .nav-heart {
  display: block;
  visibility: hidden;
}

.header-nav .nav-link.is-active .nav-heart,
.header-nav .nav-link:hover .nav-heart {
  visibility: visible;
}

.fixed-btns {
  --fs: 139.44px;
  position: fixed;
  top: 70%;
  right: var(--fr, 68.56px);
  z-index: 90;
  display: flex;
  flex-direction: column;
  gap: calc(var(--fs) * 21.56 / 139.44);
  transform: translateY(-50%);
}

.fixed-btn {
  width: var(--fs);
  height: var(--fs);
}

.fixed-btn::before {
  inset: calc(var(--fs) * 4.41 / 139.44);
}

.fixed-btn-text {
  top: calc(var(--fs) * 98.5 / 139.44);
  font-size: calc(var(--fs) * 18 / 139.44);
}

.fixed-btn-korea .fixed-btn-text {
  top: calc(var(--fs) * 102 / 139.44);
}

.fixed-btn-download .fixed-btn-text {
  top: calc(var(--fs) * 97.5 / 139.44);
}

.fixed-btn-buy .fixed-btn-icon {
  top: calc(var(--fs) * 16 / 139.44);
  left: calc(var(--fs) * 41 / 139.44);
  width: calc(var(--fs) * 56 / 139.44);
  height: calc(var(--fs) * 57 / 139.44);
}

.fixed-btn-korea .fixed-btn-icon {
  top: calc(var(--fs) * 10 / 139.44);
  left: calc(var(--fs) * 47 / 139.44);
  width: calc(var(--fs) * 46 / 139.44);
  height: calc(var(--fs) * 60 / 139.44);
}

.fixed-btn-download .fixed-btn-icon {
  top: calc(var(--fs) * 17 / 139.44);
  left: calc(var(--fs) * 44 / 139.44);
  width: calc(var(--fs) * 51 / 139.44);
  height: calc(var(--fs) * 51 / 139.44);
}

@media (max-width: 1920px) {
  .fixed-btns {
    --fs: calc(8.924vw - 31.9px);
    --fr: calc(9.487vw - 113.6px);
  }
}

@media (max-width: 1366px) {
  .fixed-btns {
    --fs: max(86px, calc(90 / 1366 * 100vw));
    --fr: calc(16 / 1366 * 100vw);
  }
}

.footer-inner {
  gap: 12px;
  padding: 40px 0;
}

.footer-disclaimer,
.footer-info {
  width: 1200px;
}

.footer-disclaimer {
  font-size: 18px;
}

.footer-info {
  font-size: 14px;
}

.popup-box {
  width: 980px;
  height: min(1112px, calc(100dvh - 40px));
  border-radius: 10px;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
}

.popup-close {
  top: 25px;
  left: 915px;
  width: 27px;
  height: 27.5px;
}

.popup-title {
  margin-top: 51.15px;
  font-size: 30px;
}

.popup-body {
  max-height: 858px;
  margin-top: 38.15px;
}

.popup-scroll {
  padding: 0 93px;
}

.popup-info {
  font-size: 16px;
}

.popup-disclaimer {
  margin-top: 8px;
  font-size: 18px;
}

.popup-scrollbar {
  top: -7px;
  right: 17px;
  bottom: -7px;
  width: 14px;
  border-radius: 7px;
}

.popup-scrollbar-thumb {
  border-radius: 7px;
}

.popup-confirm {
  width: 176px;
  height: 47px;
  margin: 43px auto 39px;
  font-size: 26px;
}

.video-title,
.heart-title {
  font-family: 'Noto Serif TC', serif;
  font-weight: 600;
  white-space: nowrap;
}

.video-title {
  line-height: 1.5;
  text-align: center;
}

.video-title span,
.heart-title span {
  background: linear-gradient(to bottom, #f1de73 0%, #edd79b 48.077%, #b78942 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.heart-title span {
  background-image: linear-gradient(258.4deg, #f1de73 3.77%, #edd79b 46.73%, #b78942 93.12%);
}

.video-tabs {
  display: flex;
}

.video-tab {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  background: linear-gradient(257.39deg, #edd76f 2.54%, #b88b43 61.69%, #5c3d02 102.57%);
  font-family: 'Noto Serif TC', serif;
  font-weight: 600;
  color: #000;
  white-space: nowrap;
}

.video-tab img {
  flex-shrink: 0;
  object-fit: cover;
}

.video-tab.is-active,
.video-tab:hover {
  background: linear-gradient(76.92deg, #250404 6.12%, #5e1a1a 44.84%, #ac1919 99.89%);
  font-weight: 700;
  color: #e1bc52;
}

.video-frame {
  overflow: hidden;
  isolation: isolate;
  background: #510000;
}

.video-circuit {
  position: absolute;
  z-index: 1;
  max-width: none;
}

.video-frame::before,
.video-frame::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.video-frame::before {
  z-index: 2;
  background: #000;
  mix-blend-mode: soft-light;
}

.video-frame::after {
  z-index: 3;
  background: linear-gradient(to bottom, rgba(102, 75, 0, 0.7) 8.8551%, rgba(255, 255, 255, 0.7) 32.841%, rgba(255, 255, 255, 0.7) 75.768%, rgba(102, 75, 0, 0.7) 87.278%);
  mix-blend-mode: multiply;
}

.video-panel {
  position: absolute;
  inset: 0;
  z-index: 4;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s var(--ease-out), visibility 0.4s;
}

.video-panel.is-active {
  opacity: 1;
  visibility: visible;
}

.video-panel-reels {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.video-item {
  overflow: hidden;
  background: #000;
}

.video-item-main {
  position: absolute;
}

.video-item-reel {
  flex-shrink: 0;
}

.video-item img,
.video-item iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
}

.heart-inner {
  z-index: 1;
}

.heart-intro,
.heart-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.heart-title {
  line-height: 1.19;
}

.heart-lead,
.heart-desc {
  line-height: 1.5;
  color: #fff;
  text-align: left;
}

.heart-base {
  display: block;
  width: 100%;
  height: 100%;
}

.heart-glow {
  position: absolute;
  max-width: none;
  height: auto;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease-in-out;
}

.heart-glow.is-active {
  opacity: 1;
}

.heart-glow-tw {
  top: 51.308%;
  left: 19.335%;
  width: 40.42%;
}

.heart-glow-jp {
  top: 62.209%;
  left: 38.933%;
  width: 21.435%;
}

.heart-glow-kr {
  top: 51.381%;
  left: 39.458%;
  width: 40.77%;
}

.heart-flag {
  position: absolute;
  width: 13.1%;
  aspect-ratio: 1;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.heart-flag-tw {
  top: 61.26%;
  left: 31.23%;
}

.heart-flag-jp {
  top: 71.08%;
  left: 49.69%;
}

.heart-flag-kr {
  top: 61.26%;
  left: 68.42%;
}

.heart-arrow img {
  display: block;
  width: 100%;
  height: 100%;
}

.heart-arrow.is-hidden {
  visibility: hidden;
}

.heart-slides,
.heart-slide {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.heart-slide {
  visibility: hidden;
}

.heart-slide.is-active {
  visibility: visible;
}

.heart-slide.is-active > * {
  pointer-events: auto;
}

.heart-map,
.heart-copy,
.heart-tags {
  position: absolute;
}

.heart-name {
  font-family: 'Noto Serif TC', serif;
  font-weight: 600;
  line-height: 1.5;
  color: #e1bc52;
  white-space: nowrap;
}

.heart-tags {
  display: flex;
  flex-wrap: wrap;
}

.heart-tags li {
  border-style: solid;
  border-color: #e1bc52;
  line-height: 1.5;
  color: #e1bc52;
  white-space: nowrap;
}

main > section + section {
  margin-top: -1px;
}

.kv {
  position: relative;
  height: 1070px;
  overflow: hidden;
  background: linear-gradient(to top, #3e2419 2.34%, #62211b 13.08%, #921d1e 28.71%, #b01b20 40.42%, #bc1b21 47.26%, #b41b20 49.21%, #7e1e1c 66.79%, #572019 81.44%, #3e2117 93.16%, #362217 100%);
}

.kv-inner,
.video-inner,
.heart-inner {
  position: relative;
  width: 1366px;
  height: 100%;
  margin: 0 auto;
}

.kv-globe,
.kv-heart,
.kv-badge,
.kv-title {
  position: absolute;
}

.kv-globe {
  top: 142px;
  left: 446px;
  width: 877px;
  height: 872px;
  opacity: 0.7;
}

.kv-heart {
  top: 206px;
  left: 151.9px;
  width: 565px;
  height: 764px;
}

.kv-badge {
  top: 748.64px;
  left: 243.18px;
  width: 220.27px;
  height: 221.36px;
}

.kv-title {
  top: 320px;
  left: 639px;
  width: 585.03px;
  height: 552px;
}

.kv-title img {
  width: 100%;
  height: 100%;
}

.video {
  position: relative;
  height: 1059px;
  background: linear-gradient(to bottom, #3e2419 0%, #7a1f1d 49.038%, #a61c20 100%);
}

.video-title {
  position: absolute;
  top: 40px;
  right: 0;
  left: 0;
  font-size: 64px;
}

.video-tabs {
  position: absolute;
  top: 176px;
  left: 132px;
  gap: 38px;
}

.video-tab {
  height: 66px;
  font-size: 26px;
  line-height: 26.308px;
  filter: drop-shadow(0 4px 2px rgba(0, 0, 0, 0.25));
}

.video-tab-main {
  width: 371px;
  gap: 5px;
  padding: 0 26px 1px 13px;
}

.video-tab-main img {
  width: 70px;
  height: 59px;
}

.video-tab-reels {
  width: 231px;
  gap: 10px;
  padding: 1px 21px 2px 14px;
}

.video-tab-reels img {
  width: 48px;
  height: 57px;
}

.video-frame {
  position: absolute;
  top: 272px;
  left: 135px;
  width: 1100px;
  height: 690px;
  border: 7px solid #d9a923;
  border-radius: 15px;
}

.video-circuit {
  top: -21px;
  left: -30px;
  width: 1146px;
  height: 719px;
}

.video-item-main {
  top: 80px;
  left: 38px;
  width: 1005px;
  height: 560px;
  border-radius: 5px;
}

.video-panel-reels {
  gap: 53.13px;
  padding-top: 52px;
}

.video-item-reel {
  width: 314.87px;
  height: 560px;
  border-radius: 5px;
}

.heart {
  position: relative;
  height: 952px;
  overflow: hidden;
  background: #220303;
}

.heart::before {
  content: '';
  position: absolute;
  top: 524.55px;
  left: calc(50% + 249.5px);
  width: 2319.6px;
  height: 2530.6px;
  background: radial-gradient(closest-side, #ac1919 0%, #791212 20.673%, #460a0a 41.346%, #220303 100%);
  transform: translate(-50%, -50%) rotate(-20.7deg);
}

.heart-intro {
  position: absolute;
  top: 308px;
  left: 140px;
  width: 563px;
  gap: 18px;
}

.heart-title {
  font-size: 60px;
}

.heart-lead {
  font-size: 24px;
}

.heart-visual {
  position: absolute;
  top: 137px;
  left: 677px;
  width: 612px;
  height: 737px;
}

.heart-arrow {
  position: absolute;
  top: 463px;
  width: 50px;
  height: 50px;
}

.heart-arrow-prev {
  left: 5px;
}

.heart-arrow-next {
  left: 1311px;
}

.heart-copy {
  top: 487px;
  left: 214px;
  width: 489px;
  gap: 12px;
}

.heart-name {
  font-size: 35px;
}

.heart-desc {
  font-size: 24px;
}

.heart-tags {
  top: 642px;
  left: 214px;
  gap: 13px;
}

.heart-tags li {
  padding: 1px 5px;
  border-width: 1px;
  font-size: 18px;
}

.heart-slide-tw .heart-map {
  top: 497px;
  left: 108px;
  width: 99px;
  height: 184px;
}

.heart-slide-jp .heart-map {
  top: 511px;
  left: 36px;
  width: 181px;
  height: 173px;
}

.heart-slide-kr .heart-map {
  top: 488px;
  left: 85px;
  width: 120px;
  height: 185px;
}

.sec {
  position: relative;
  background: #f4efe8;
}

.sec-strength {
  background: #eae1d5;
}

.sec-head {
  display: flex;
  flex-direction: column;
}

.sec-title,
.ai-box-title,
.perf-title,
.profile-title,
.buy-title,
.chain-panel-title,
.chain-group-title,
.ai-card-year,
.ai-card-name,
.signal-title,
.signal-step,
.signal-mid-title,
.stat b,
.chain-tab-name,
.signal-tab,
.pf-tab,
.buy-heading,
.buy-agents-title,
.pros-label {
  font-family: 'Noto Serif TC', serif;
}

.sec-title {
  font-weight: 600;
  line-height: 1.19;
}

.sec-title span {
  background: linear-gradient(262deg, #755729 0.25%, #d9a923 48.12%, #755729 100.37%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.sec-lead {
  line-height: 1.5;
  color: #000;
}

.sec-note {
  font-weight: 350;
  line-height: 1.5;
  color: #666;
  text-align: left;
}

.sec-note strong {
  font-weight: 700;
  color: #000;
}

.sec-note .is-red {
  color: #d70029;
}

.sec-note .is-yellow {
  color: #fbcd00;
}

.tabs {
  display: flex;
  align-items: flex-end;
}

.tabs > :where(button) {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  background: linear-gradient(255.4deg, #edd76f 2.54%, #b88b43 61.69%, #5c3d02 102.57%);
  color: #000;
  white-space: nowrap;
}

.tabs :where(button) img {
  flex-shrink: 0;
  object-fit: cover;
}

.tabs button.is-active,
.tabs button:hover {
  z-index: 1;
  background: linear-gradient(80.44deg, #250404 6.12%, #5e1a1a 44.84%, #ac1919 99.89%);
  color: #e1bc52;
}

.tab-panel {
  display: none;
}

.tab-panel.is-active {
  display: block;
  animation: panel-in 0.4s var(--ease-out);
}

@keyframes panel-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.ai-row,
.strength-row,
.perf-row {
  display: flex;
}

.ai-box {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  background: linear-gradient(236.12deg, #ac1919 14.32%, #5e1a1a 63.28%, #220303 97.02%);
}

.ai-box-title,
.perf-title,
.heart-title {
  font-weight: 600;
  line-height: 1.19;
  white-space: nowrap;
}

.ai-box-title span {
  background: linear-gradient(264.2deg, #f1de73 3.77%, #edd79b 46.73%, #b78942 93.12%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.perf-title span {
  color: #e1bc52;
}

.ai-box-text {
  font-weight: 350;
  line-height: 1.5;
  color: #fff;
  text-align: left;
}

.ai-card {
  position: relative;
  flex-shrink: 0;
  background: rgba(254, 253, 253, 0.8);
}

.ai-card-head {
  position: absolute;
  display: flex;
  flex-direction: column;
}

.ai-card-year,
.ai-card-name {
  font-weight: 700;
  color: #000;
}

.ai-card-name {
  color: #d70029;
}

.vbars {
  position: absolute;
  inset: 0;
}

.vbar {
  position: absolute;
}

.vbar-us {
  background: linear-gradient(to bottom, #cacbcb, #5e5e5e);
}

.vbar-tw {
  background: linear-gradient(to bottom, #c8262d, #532022);
}

.vbar-jp {
  background: linear-gradient(to bottom, #d8a350, #735220);
}

.vbar-kr {
  background: linear-gradient(to bottom, #6291c6, #3a4f66);
}

.vbar-val,
.vbar-label {
  position: absolute;
  left: 50%;
  line-height: 1.5;
  white-space: nowrap;
  transform: translateX(-50%);
}

.chain-tab-body {
  display: flex;
  align-items: center;
}

.chain-tab-name {
  flex-shrink: 0;
  font-weight: 900;
}

.chain-tab-desc {
  position: relative;
  font-weight: 350;
  color: #000;
}

.chain-tab-desc::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  background: #000;
  transform: translateY(-50%);
}

.chain-tab.is-active .chain-tab-desc,
.chain-tab:hover .chain-tab-desc {
  color: #fff;
}

.chain-tab.is-active .chain-tab-desc::before,
.chain-tab:hover .chain-tab-desc::before {
  background: #e1bc52;
}

.chain-panel {
  background: rgba(254, 253, 253, 0.8);
}

.tab-panel.chain-panel.is-active {
  display: block;
}

.chain-panel-title {
  font-weight: 700;
  color: #000;
}

.chain-groups {
  display: grid;
}

.chain-group {
  position: relative;
}

.chain-group-title {
  font-weight: 600;
  color: #d70029;
}

.chain-panel-down .chain-group-title,
.chain-panel-down .hrow.is-asia .hrow-val {
  color: #b0191f;
}

.chain-divider {
  grid-column: 1 / -1;
  background: #e1bc52;
}

.hrow {
  display: flex;
  align-items: center;
}

.hrow-name {
  flex-shrink: 0;
  color: #000;
}

.hrow-name b {
  display: block;
  font-weight: 700;
}

.hbar {
  position: relative;
  flex-shrink: 0;
  background: #abadae;
}

.hbar::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--p, 0);
  background: linear-gradient(to right, #735220 var(--gs, 0%), #d8a350 var(--ge, 100%));
}

.hrow.is-asia .hbar::before {
  width: 100%;
  background: linear-gradient(to right, #4a0b0d, #b0191f);
}

.hrow-val {
  font-weight: 700;
  color: #000;
  white-space: nowrap;
}

.hrow-val small {
  font-weight: 500;
}

.hrow.is-asia .hrow-val {
  color: #d70029;
}

.strength-card,
.perf-box {
  position: relative;
  flex-shrink: 0;
}

.strength-frame,
.perf-frame,
.strength-emblem {
  position: absolute;
  max-width: none;
}

.perf-frame {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.stat {
  position: absolute;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  transform: translate(-50%, -50%);
}

.stat b {
  display: block;
  font-weight: 700;
  line-height: 1.4;
  color: #e1bc52;
}

.perf-title {
  position: absolute;
}

.perf-card {
  position: relative;
  flex-shrink: 0;
  background: rgba(254, 253, 253, 0.8);
}

.perf-chart {
  position: absolute;
}

.perf-legend {
  position: absolute;
  display: flex;
  top: 0;
}

.perf-legend li {
  display: flex;
  align-items: center;
  color: #000;
  white-space: nowrap;
}

.perf-legend li::before {
  content: '';
  flex-shrink: 0;
  background: linear-gradient(to bottom, #b21e23, #4c0d0f);
}

.perf-legend li.is-avg::before {
  background: linear-gradient(to bottom, #e1bc52, #7b672d);
}

.perf-axis {
  position: absolute;
  background: #666;
}

.perf-group {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 0;
}

.perf-bar {
  position: absolute;
  background: linear-gradient(to bottom, #b0191f, #4a0b0d);
}

.perf-bar.is-avg {
  background: linear-gradient(to bottom, #e1bc52, #7b672d);
}

.perf-bar i {
  position: absolute;
  bottom: 100%;
  left: 50%;
  font-style: normal;
  line-height: 1.5;
  color: #000;
  white-space: nowrap;
  transform: translateX(-50%);
}

.perf-year,
.perf-rank {
  position: absolute;
  left: 0;
  line-height: 1.5;
  white-space: nowrap;
  transform: translateX(-50%);
}

.perf-year {
  font-weight: 500;
  color: #000;
}

.perf-rank {
  color: #666;
}

.perf-rank-row {
  position: absolute;
  background: #ebebeb;
}

.perf-rank-row span {
  position: absolute;
  line-height: 1.16;
  color: #666;
  text-align: center;
  white-space: nowrap;
  transform: translate(-50%, -50%);
}

.signal-panel {
  background: #fefdfd;
}

.signal-canvas {
  position: relative;
}

.pos {
  position: absolute;
}

.signal-title {
  font-weight: 700;
  color: #d70029;
  white-space: nowrap;
}

.signal-chev {
  background: url('../assets/signal-chev-gold.svg') no-repeat center / 100% 100%;
}

.signal-chev.is-mid {
  background-image: url('../assets/signal-chev-red.svg');
}

.signal-photo {
  max-width: none;
  object-fit: contain;
}

.signal-step {
  display: block;
  background: #fff;
  font-weight: 700;
  color: #775929;
  white-space: nowrap;
}

.signal-desc {
  color: #fff;
  text-align: left;
}

.signal-desc b {
  display: block;
  font-weight: 700;
}

.signal-mid-title {
  font-weight: 700;
  line-height: 1.19;
  color: #e1bc52;
  white-space: nowrap;
}

.signal-mid-desc {
  font-weight: 350;
  line-height: 1.32;
  color: #fff;
}

.signal-name {
  color: #000;
  white-space: nowrap;
}

.signal-name b {
  display: block;
  font-weight: 700;
}

.signal-bar {
  background: #abadae;
}

.signal-bar::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--p, 0);
  background: linear-gradient(to right, #755729, var(--gc, #cea024) var(--ge, 100%));
}

.signal-val {
  font-weight: 700;
  color: #000;
  white-space: nowrap;
}

.sec-portfolio {
  background: #2a0505 url('../assets/portfolio-bg.jpg') no-repeat center top;
}

.sec-portfolio .sec-title {
  color: #e1bc52;
}

.sec-portfolio .sec-title span {
  background: none;
  color: inherit;
}

.sec-portfolio .sec-lead,
.pf-note {
  color: #fff;
}

.funnel {
  display: flex;
}

.funnel-step {
  position: relative;
  flex-shrink: 0;
  background: url('../assets/portfolio-chev-1.svg') no-repeat center / 100% 100%;
}

.funnel-step:nth-child(2) {
  background-image: url('../assets/portfolio-chev-2.svg');
}

.funnel-step:nth-child(3) {
  background-image: url('../assets/portfolio-chev-3.svg');
}

.funnel-tag {
  position: absolute;
  display: flex;
  align-items: center;
  background: #b0191f;
  line-height: 1.5;
  color: #fff;
  white-space: nowrap;
}

.funnel-count {
  position: absolute;
  font-weight: 500;
  line-height: 1.5;
  color: #000;
  white-space: nowrap;
  transform: translateX(-50%);
}

.funnel-step:first-child .funnel-count {
  color: #fff;
}

.funnel-count b {
  font-weight: 700;
}

.pf-tab {
  font-weight: 700;
}

.pf-panel {
  position: relative;
  background: #f7f4ef;
}

.pf-donut {
  position: absolute;
  border-radius: 50%;
  background: conic-gradient(#c42a33 0 45%, #c99637 0 75%, #4471a4 0 95%, #6b0000 0);
}

.pf-donut::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 56.06%;
  height: 56.06%;
  border-radius: 50%;
  background: #fff;
  transform: translate(-50%, -50%);
}

.pf-list,
.pf-industry {
  position: absolute;
}

.pf-list li,
.pf-industry li {
  position: relative;
  display: flex;
  justify-content: space-between;
  color: #000;
}

.pf-list li span {
  font-weight: 500;
}

.pf-list li b,
.pf-industry li b {
  font-weight: 700;
}

.pf-list li small,
.pf-industry li small {
  font-weight: 500;
}

.pf-list li i,
.pf-industry li i {
  position: absolute;
  left: 0;
  right: 0;
  background: #cfcfcf;
}

.pf-list li i::after,
.pf-industry li i::after {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--p);
  background: var(--c, linear-gradient(to right, #5e1418, #c42a33));
}

.pf-industry {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(3, auto);
}

.pf-table {
  position: absolute;
  border-collapse: collapse;
}

.pf-table th,
.pf-table td {
  padding: 0;
  font-weight: 400;
  color: #000;
  text-align: left;
  vertical-align: middle;
}

.pf-table tbody th,
.pf-table thead th {
  font-weight: 700;
}

.pf-table thead tr {
  background: linear-gradient(45.63deg, #250404 6.12%, #5e1a1a 44.84%, #ac1919 99.89%);
}

.pf-table thead th {
  color: #e1bc52;
}

.pf-table tbody tr:nth-child(even) {
  background: #e6dac9;
}

.profile-row {
  display: flex;
}

.profile-title {
  flex-shrink: 0;
  background: linear-gradient(56.27deg, #480b0b 16.83%, #ae1b1b 101.07%);
  color: #e1bc52;
  white-space: nowrap;
}

.profile-table {
  display: grid;
  flex-shrink: 0;
}

.profile-cell {
  display: flex;
  align-items: center;
}

.profile-cell dt {
  flex-shrink: 0;
  font-weight: 700;
  line-height: 1.19;
  color: #000;
}

.profile-cell dd {
  margin: 0;
  line-height: 1.19;
  color: #000;
}

.profile-cell.is-name {
  grid-column: 1 / -1;
  background: radial-gradient(ellipse 120% 330% at 96% 5%, #ac1919 0%, #791212 22%, #460a0a 45%, #220303 60%);
}

.profile-cell.is-name dt,
.profile-cell.is-name dd {
  font-weight: 700;
  color: #fff;
}

.profile-cell.is-wide {
  grid-column: 1 / -1;
}

.sec-buy {
  background: linear-gradient(88.15deg, #220303 0.75%, #460a0a 31.13%, #ac1919 99.87%);
}

.sec-buy .sec-inner {
  position: relative;
}

.buy-title {
  position: absolute;
  left: 0;
  right: 0;
  font-weight: 600;
  line-height: 1.19;
  color: #e1bc52;
  text-align: center;
}

.buy-row {
  position: absolute;
  inset: 0;
}

.buy-col {
  position: absolute;
}

.buy-heading,
.buy-agents-title {
  position: absolute;
  font-weight: 700;
  line-height: 1.44;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  transform: translateX(-50%);
}

.buy-heading span {
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 400;
}

.buy-heading span b {
  font-weight: 700;
  color: #e1bc52;
}

.buy-cards {
  position: absolute;
  display: flex;
}

.buy-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #e9e9e9;
  line-height: 1.19;
  color: #000;
  text-decoration: none;
}

.buy-card.is-new {
  background: #e1bc52;
}

.buy-card b {
  font-weight: 700;
  color: #d70029;
  text-decoration: underline;
}

.buy-tip {
  position: absolute;
  line-height: 1.19;
  color: #fff;
  text-align: left;
}

.buy-divider {
  position: absolute;
  background: #e1bc52;
}

.buy-agents {
  position: absolute;
  display: grid;
  grid-auto-flow: row;
  background: #f4efe8;
}

.buy-agents::before {
  content: '';
  position: absolute;
  background: repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--row) - 1px), #e1bc52 calc(var(--row) - 1px), #e1bc52 var(--row));
  pointer-events: none;
}

.buy-agents li {
  color: #000;
  white-space: nowrap;
}

.buy-agents a {
  text-decoration: none;
}

.buy-agents a:hover {
  text-decoration: underline;
}

.buy-agents.sp {
  display: none;
}

.pros-links {
  display: flex;
  justify-content: center;
}

.pros-link {
  position: relative;
  display: block;
  text-decoration: none;
}

.pros-icon {
  position: absolute;
  border-radius: 50%;
}

.pros-icon img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.pros-icon::after {
  content: '';
  position: absolute;
  background: url('../assets/prospectus-ring.svg') no-repeat center / 100% 100%;
}

.pros-label {
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: linear-gradient(to top, #e9cc55 0%, #d9a923 30%, #b78942 83%);
  font-weight: 700;
  color: #000;
  white-space: nowrap;
}

.pros-icon::before,
.pros-label::before {
  content: '';
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s var(--ease-out);
}

.pros-icon::before {
  z-index: 1;
  inset: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 var(--ring, 4.17px) #210303;
}

.pros-label {
  z-index: 2;
  isolation: isolate;
  transition: color 0.3s var(--ease-out);
}

.pros-label::before {
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  background: #210303;
}

.pros-link:hover .pros-icon::before,
.pros-link:hover .pros-label::before {
  opacity: 1;
}

.pros-link:hover .pros-label {
  color: #e6c159;
}

.pros-note {
  color: #000;
  font-weight: 700;
  text-align: center;
}

.sec-inner {
  width: 1366px;
  margin: 0 auto;
  padding: 0 83px 0 102px;
}

.sec-head {
  width: 965px;
  gap: 10px;
  padding: 80px 0;
}

.sec-title {
  font-size: 65px;
}

.sec-lead {
  font-size: 24px;
}

.sec-note {
  padding: 20px 0 60px;
  font-size: 16px;
}

.ai-row {
  gap: 22px;
}

.ai-box {
  width: 449px;
  height: 368px;
  gap: 18px;
  padding: 73px 22px 0 38px;
}

.ai-box-title {
  font-size: 40px;
}

.ai-box-text {
  width: 389px;
  font-size: 24px;
}

.ai-card {
  width: 344px;
  height: 368px;
}

.ai-card-head {
  top: 9px;
  left: 15px;
  gap: 3px;
}

.ai-card-year,
.ai-card-desc {
  font-size: 18px;
  line-height: 26px;
}

.ai-card-name {
  font-size: 24px;
  line-height: 26px;
}

.vbar {
  top: calc((330.26 - var(--h)) * 1px);
  left: calc(var(--x) * 1px);
  width: 26px;
  height: calc(var(--h) * 1px);
  margin-left: -13px;
}

.vbar-val {
  bottom: calc(100% + 3.5px);
  font-size: 18px;
}

.vbar-label {
  top: calc(100% + 2px);
  font-size: 18px;
}

.chain-tab {
  width: 269px;
  height: 66px;
}

.chain-tab-up {
  gap: 6px;
  padding: 0 13px;
}

.chain-tab-up img {
  width: 50px;
  height: 55px;
}

.chain-tab-mid {
  gap: 5px;
  padding: 0 13px 0 8px;
}

.chain-tab-mid img {
  width: 56px;
  height: 61px;
}

.chain-tab-down {
  gap: 5px;
  padding: 0 15px 0 8px;
}

.chain-tab-down img {
  width: 56px;
  height: 43px;
}

.chain-tab.is-active,
.chain-tab:hover {
  filter: drop-shadow(4px 4px 2px rgba(0, 0, 0, 0.25));
}

.chain-tab-body {
  gap: 7px;
}

.chain-tab-name {
  width: 64px;
  font-size: 32px;
  line-height: 26.31px;
}

.chain-tab-desc {
  padding-left: 8px;
  font-size: 18px;
  line-height: 20px;
}

.chain-tab-desc::before {
  height: 39px;
}

.chain-panel {
  --nw: 100px;
  --bw: 177px;
  --vg: 13px;
  padding: 28px 13px 28px 28px;
}

.chain-panel-mid {
  --nw: 124px;
  --bw: 332px;
  --vg: 28px;
  padding-bottom: 30px;
}

.chain-panel-down {
  --nw: 142px;
  --bw: 900px;
  --vg: 27px;
  padding-bottom: 43px;
}

.chain-panel-title {
  font-size: 28px;
  line-height: 30px;
}

.chain-groups {
  margin-top: 13px;
}

.chain-panel-up .chain-groups {
  grid-template-columns: 363px 405px 1fr;
}

.chain-panel-mid .chain-groups {
  grid-template-columns: 585px 1fr;
}

.chain-panel-up .chain-group + .chain-group {
  padding-left: 18px;
}

.chain-panel-up .chain-group:nth-child(2) {
  --nw: 112px;
}

.chain-panel-mid .chain-group:nth-child(2),
.chain-panel-mid .chain-group:nth-child(5) {
  --nw: 125px;
  --vg: 27px;
}

.chain-panel-up .chain-group + .chain-group::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 1px;
  height: 160px;
  background: #e1bc52;
}

.chain-divider {
  width: 1120px;
  height: 1px;
  margin: 22px 0 26.5px;
}

.chain-group-title {
  font-size: 24px;
  line-height: 30px;
}

.hrow {
  height: 52px;
  margin-top: 20px;
}

.chain-group-title + .hrow {
  margin-top: 19.5px;
}

.hrow-name {
  width: var(--nw);
  font-size: 18px;
  line-height: 26px;
}

.hrow-name b {
  font-size: 20px;
}

.hbar {
  width: var(--bw);
  height: 9px;
}

.hrow-val {
  margin-left: var(--vg);
  font-size: 20px;
  line-height: 26px;
}

.hrow-val small {
  font-size: 16px;
}

.strength-row {
  gap: 49px;
}

.strength-card {
  width: 566px;
  height: 459px;
}

.strength-frame {
  top: 66.25px;
  left: 0;
  width: 565.5px;
  height: 393px;
}

.strength-card-tw .strength-emblem {
  top: -3px;
  left: 234.89px;
  width: 95.77px;
  height: 120.48px;
}

.strength-card-jp .strength-emblem {
  top: 3px;
  left: 193px;
  width: 173px;
  height: 114px;
}

.stat {
  top: calc(var(--y) * 1px);
  left: calc(var(--x) * 1px);
  font-size: 24px;
}

.stat b {
  font-size: 36px;
}

.strength-note {
  padding-bottom: 20px;
}

.perf-row {
  gap: 13px;
  margin-top: 49px;
  margin-bottom: 4px;
}

.perf-box {
  width: 446px;
  height: 459px;
}

.perf-title {
  top: 174.5px;
  left: 30px;
  font-size: 45px;
}

.perf-card {
  width: 722px;
  height: 459px;
  border-radius: 20px;
}

.perf-chart {
  top: 23px;
  left: 13px;
  width: 696px;
  height: 412px;
}

.perf-legend {
  left: 14px;
  gap: 20px;
}

.perf-legend li {
  gap: 6px;
  font-size: 18px;
  line-height: 30px;
}

.perf-legend li::before {
  width: 15px;
  height: 15px;
}

.perf-axis {
  top: 330px;
  left: 10px;
  width: 676px;
  height: 1px;
}

.perf-group {
  left: calc(var(--gx) * 1px);
}

.perf-bar {
  bottom: 82px;
  left: -44px;
  width: 26px;
  height: calc(var(--h) * 1px);
}

.perf-bar.is-avg {
  left: 18px;
}

.perf-bar i {
  font-size: 16px;
}

.perf-bar small {
  font-size: 14px;
}

.perf-year {
  top: 334px;
  font-size: 18px;
}

.perf-rank {
  top: 372px;
  font-size: 18px;
}

.perf-rank-row {
  top: 361px;
  left: 10px;
  width: 676px;
  height: 51px;
  border-radius: 5px;
}

.perf-rank-row span {
  top: 24px;
  left: 38px;
  font-size: 18px;
}

.signal-tab {
  height: 66px;
  gap: 8px;
  padding: 5px 24px 0 11px;
  font-size: 26px;
  line-height: 26.31px;
}

.signal-tab.is-active,
.signal-tab:hover,
.pf-tab.is-active,
.pf-tab:hover {
  filter: drop-shadow(4px 4px 2px rgba(0, 0, 0, 0.25));
}

.signal-tab img {
  width: 35px;
  height: 61px;
}

.signal-tab.signal-tab-jp img {
  width: 50px;
  height: 60px;
}

.signal-tab span {
  width: 156px;
}

.signal-canvas {
  width: 1181px;
  height: 376px;
}

.pos {
  top: calc(var(--y) * 1px);
  left: calc(var(--x) * 1px);
  width: calc(var(--w) * 1px);
  height: calc(var(--h) * 1px);
}

.signal-title {
  font-size: 24px;
  line-height: 30px;
}

.signal-chev {
  width: 425px;
  height: 140px;
}

.signal-chev.is-mid {
  width: 373px;
  height: 163px;
}

.signal-step {
  width: 68px;
  height: 23px;
  padding-left: 5px;
  border-radius: 11.5px;
  font-size: 16px;
  line-height: 23px;
}

.signal-desc {
  font-size: 18px;
  line-height: 23px;
}

.signal-desc b {
  font-size: 20px;
}

.signal-mid-title {
  font-size: 22.56px;
}

.signal-mid-desc {
  font-size: 18px;
}

.signal-name {
  font-size: 14px;
  line-height: 20px;
}

.signal-name b {
  margin-bottom: 2px;
  font-size: 20px;
}

.signal-bar {
  height: 8px;
}

.signal-panel[data-panel="jp"] .signal-bar {
  height: 9px;
}

.signal-val {
  font-size: 20px;
  line-height: 26px;
}

.signal-val small {
  font-size: 14px;
}

.sec-portfolio {
  padding-bottom: 24px;
  background-size: cover;
}

.funnel-step {
  width: 324.51px;
  height: 108.78px;
}

.funnel-step + .funnel-step {
  margin-left: -58px;
}

.funnel-tag {
  top: 13px;
  left: 97px;
  height: 30px;
  padding: 0 10px;
  font-size: 20px;
}

.funnel-count {
  top: 42px;
  left: 167.5px;
  font-size: 20px;
}

.funnel-count b {
  font-size: 36px;
}

.pf-tabs {
  margin-top: 66.22px;
}

.pf-tab {
  height: 66px;
  gap: 8px;
  padding: 1px 24px 0 13px;
  font-size: 26px;
  line-height: 26.31px;
}

.pf-tab-country {
  padding: 5px 24px 0 11px;
}

.pf-tab-country img {
  width: 46px;
  height: 54px;
}

.pf-tab-industry img {
  width: 66px;
  height: 61px;
}

.pf-tab-top10 img {
  width: 64px;
  height: 56px;
}

.pf-panel-country,
.pf-panel-industry {
  height: 386px;
}

.pf-panel-top10 {
  height: 543px;
}

.pf-donut {
  top: 53px;
  left: 136px;
  width: 280px;
  height: 280px;
}

.pf-list {
  top: 69px;
  left: 511px;
  width: 550px;
}

.pf-list li {
  height: 70px;
  font-size: 20px;
  line-height: 26px;
}

.pf-list li b,
.pf-industry li b {
  font-size: 28px;
}

.pf-list li small,
.pf-industry li small {
  font-size: 18px;
}

.pf-list li i,
.pf-industry li i {
  top: 34px;
  height: 8px;
}

.pf-industry {
  top: 87px;
  left: 68px;
  width: 979px;
  column-gap: 79px;
  grid-template-columns: 450px 450px;
}

.pf-industry li {
  height: 89px;
  font-size: 20px;
  line-height: 26px;
}

.pf-table {
  top: 30px;
  left: 58px;
  width: 1065px;
}

.pf-table th,
.pf-table td {
  height: 44px;
  font-size: 20px;
  line-height: 44px;
}

.pf-table tr > :first-child {
  width: 338px;
  padding-left: 34px;
}

.pf-table tr > :nth-child(2) {
  width: 209px;
}

.pf-table thead th {
  height: 45px;
}

.sec-profile {
  padding-top: 57px;
}

.profile-row {
  gap: 3.94px;
}

.profile-title {
  width: 387.76px;
  height: 355.26px;
  padding: 106.86px 0 0 24px;
  font-size: 60px;
}

.profile-table {
  width: 789.3px;
  grid-template-columns: 385.3px 1fr;
  grid-template-rows: 59.42px 77.12px 59.42px 61.95px 97.35px;
}

.profile-cell {
  padding-left: 20.3px;
}

.profile-cell dt {
  width: 171px;
  font-size: 22px;
}

.profile-cell.is-col2 {
  padding-left: 0;
}

.profile-cell.is-col2 dt {
  width: 187px;
}

.profile-cell dd {
  font-size: 22px;
}

.profile-cell dd.is-large {
  font-size: 24px;
}

.profile-cell.is-wide dd {
  width: 553px;
}

.profile-cell.is-shade-d {
  background: #e6dac9;
}

.sec-buy .sec-inner {
  height: 645px;
}

.buy-title {
  top: 80px;
  font-size: 68.88px;
}

.buy-col:first-child {
  top: 242px;
  left: 102px;
  width: 556px;
}

.buy-heading {
  top: -1px;
  left: 278.5px;
  font-size: 36px;
}

.buy-heading span {
  font-size: 28px;
}

.buy-cards {
  top: 118px;
  left: 0;
  gap: 15.65px;
}

.buy-card {
  width: 270.35px;
  height: 133px;
  gap: 17.8px;
  font-size: 22px;
}

.buy-tip {
  top: 276px;
  left: 5px;
  width: 525px;
  font-size: 20px;
}

.buy-divider {
  top: 251px;
  left: 683px;
  width: 1px;
  height: 311px;
}

.buy-col:last-child {
  top: 242px;
  left: 715px;
  width: 568px;
}

.buy-agents-title {
  top: 19.1px;
  left: 284px;
  font-size: 36px;
}

.buy-agents {
  --row: 51.25px;
  top: 115px;
  left: 0;
  width: 568px;
  height: 205px;
  padding-left: 23px;
  grid-template-columns: 131px 137px 137px 1fr;
  grid-template-rows: repeat(4, 51.25px);
}

.buy-agents::before {
  top: 0;
  left: 17.89px;
  width: 531.08px;
  height: 154.75px;
}

.buy-agents li {
  font-size: 20px;
  line-height: 51.25px;
}

.pros-links {
  gap: 84px;
  padding-top: 43px;
}

.pros-link {
  width: 191px;
  height: 171px;
}

.pros-icon {
  top: 0;
  left: 18px;
  width: 155px;
  height: 155px;
}

.pros-icon::after {
  inset: -4.17px;
}

.pros-label {
  top: 130px;
  height: 41px;
  border-radius: 5px;
  font-size: 26px;
  line-height: 26.31px;
}

.pros-note {
  padding: 38px 0 43.82px;
  font-size: 22px;
  line-height: 1.19;
}

@media (max-width: 1366px) and (min-width: calc(800px + 1px)) {
  .header {
    height: calc(84 / 1366 * 100vw);
  }

  .header-inner {
    width: calc(1330.3 / 1366 * 100vw);
  }

  .header-logo {
    top: calc(18 / 1366 * 100vw);
    width: calc(71.35 / 1366 * 100vw);
  }

  .header-nav {
    top: calc(27 / 1366 * 100vw);
  }

  .nav-list {
    gap: calc(19.88 / 1366 * 100vw);
  }

  .nav-link {
    gap: calc(6 / 1366 * 100vw);
    font-size: calc(20 / 1366 * 100vw);
  }

  .nav-link .nav-heart {
    width: calc(32.12 / 1366 * 100vw);
    height: calc(28 / 1366 * 100vw);
  }

  .footer-inner {
    gap: calc(12 / 1366 * 100vw);
    padding: calc(40 / 1366 * 100vw) 0;
  }

  .footer-disclaimer,
.footer-info {
    width: calc(1200 / 1366 * 100vw);
  }

  .footer-disclaimer {
    font-size: calc(18 / 1366 * 100vw);
  }

  .footer-info {
    font-size: calc(14 / 1366 * 100vw);
  }

  .popup-box {
    width: calc(980 / 1366 * 100vw);
    height: min(calc(1112 / 1366 * 100vw), calc(100dvh - 40px));
    border-radius: calc(10 / 1366 * 100vw);
    box-shadow: calc(4 / 1366 * 100vw) calc(4 / 1366 * 100vw) calc(8 / 1366 * 100vw) rgba(0, 0, 0, 0.25);
  }

  .popup-close {
    top: calc(25 / 1366 * 100vw);
    left: calc(915 / 1366 * 100vw);
    width: calc(27 / 1366 * 100vw);
    height: calc(27.5 / 1366 * 100vw);
  }

  .popup-title {
    margin-top: calc(51.15 / 1366 * 100vw);
    font-size: calc(30 / 1366 * 100vw);
  }

  .popup-body {
    max-height: calc(858 / 1366 * 100vw);
    margin-top: calc(38.15 / 1366 * 100vw);
  }

  .popup-scroll {
    padding: 0 calc(93 / 1366 * 100vw);
  }

  .popup-info {
    font-size: calc(16 / 1366 * 100vw);
  }

  .popup-disclaimer {
    margin-top: calc(8 / 1366 * 100vw);
    font-size: calc(18 / 1366 * 100vw);
  }

  .popup-scrollbar {
    top: -calc(7 / 1366 * 100vw);
    right: calc(17 / 1366 * 100vw);
    bottom: -calc(7 / 1366 * 100vw);
    width: calc(14 / 1366 * 100vw);
    border-radius: calc(7 / 1366 * 100vw);
  }

  .popup-scrollbar-thumb {
    border-radius: calc(7 / 1366 * 100vw);
  }

  .popup-confirm {
    width: calc(176 / 1366 * 100vw);
    height: calc(47 / 1366 * 100vw);
    margin: calc(43 / 1366 * 100vw) auto calc(39 / 1366 * 100vw);
    font-size: calc(26 / 1366 * 100vw);
  }

  .kv {
    height: calc(1070 / 1366 * 100vw);
  }

  .kv-inner,
.video-inner,
.heart-inner {
    width: calc(1366 / 1366 * 100vw);
  }

  .kv-globe {
    top: calc(142 / 1366 * 100vw);
    left: calc(446 / 1366 * 100vw);
    width: calc(877 / 1366 * 100vw);
    height: calc(872 / 1366 * 100vw);
  }

  .kv-heart {
    top: calc(206 / 1366 * 100vw);
    left: calc(151.9 / 1366 * 100vw);
    width: calc(565 / 1366 * 100vw);
    height: calc(764 / 1366 * 100vw);
  }

  .kv-badge {
    top: calc(748.64 / 1366 * 100vw);
    left: calc(243.18 / 1366 * 100vw);
    width: calc(220.27 / 1366 * 100vw);
    height: calc(221.36 / 1366 * 100vw);
  }

  .kv-title {
    top: calc(320 / 1366 * 100vw);
    left: calc(639 / 1366 * 100vw);
    width: calc(585.03 / 1366 * 100vw);
    height: calc(552 / 1366 * 100vw);
  }

  .video {
    height: calc(1059 / 1366 * 100vw);
  }

  .video-title {
    top: calc(40 / 1366 * 100vw);
    font-size: calc(64 / 1366 * 100vw);
  }

  .video-tabs {
    top: calc(176 / 1366 * 100vw);
    left: calc(132 / 1366 * 100vw);
    gap: calc(38 / 1366 * 100vw);
  }

  .video-tab {
    height: calc(66 / 1366 * 100vw);
    font-size: calc(26 / 1366 * 100vw);
    line-height: calc(26.308 / 1366 * 100vw);
    filter: drop-shadow(0 calc(4 / 1366 * 100vw) calc(2 / 1366 * 100vw) rgba(0, 0, 0, 0.25));
  }

  .video-tab-main {
    width: calc(371 / 1366 * 100vw);
    gap: calc(5 / 1366 * 100vw);
    padding: 0 calc(26 / 1366 * 100vw) calc(1 / 1366 * 100vw) calc(13 / 1366 * 100vw);
  }

  .video-tab-main img {
    width: calc(70 / 1366 * 100vw);
    height: calc(59 / 1366 * 100vw);
  }

  .video-tab-reels {
    width: calc(231 / 1366 * 100vw);
    gap: calc(10 / 1366 * 100vw);
    padding: calc(1 / 1366 * 100vw) calc(21 / 1366 * 100vw) calc(2 / 1366 * 100vw) calc(14 / 1366 * 100vw);
  }

  .video-tab-reels img {
    width: calc(48 / 1366 * 100vw);
    height: calc(57 / 1366 * 100vw);
  }

  .video-frame {
    top: calc(272 / 1366 * 100vw);
    left: calc(135 / 1366 * 100vw);
    width: calc(1100 / 1366 * 100vw);
    height: calc(690 / 1366 * 100vw);
    border-width: calc(7 / 1366 * 100vw);
    border-radius: calc(15 / 1366 * 100vw);
  }

  .video-circuit {
    top: calc(-21 / 1366 * 100vw);
    left: calc(-30 / 1366 * 100vw);
    width: calc(1146 / 1366 * 100vw);
    height: calc(719 / 1366 * 100vw);
  }

  .video-item-main {
    top: calc(80 / 1366 * 100vw);
    left: calc(38 / 1366 * 100vw);
    width: calc(1005 / 1366 * 100vw);
    height: calc(560 / 1366 * 100vw);
    border-radius: calc(5 / 1366 * 100vw);
  }

  .video-panel-reels {
    gap: calc(53.13 / 1366 * 100vw);
    padding-top: calc(52 / 1366 * 100vw);
  }

  .video-item-reel {
    width: calc(314.87 / 1366 * 100vw);
    height: calc(560 / 1366 * 100vw);
    border-radius: calc(5 / 1366 * 100vw);
  }

  .heart {
    height: calc(952 / 1366 * 100vw);
  }

  .heart::before {
    top: calc(524.55 / 1366 * 100vw);
    left: calc(50% + calc(249.5 / 1366 * 100vw));
    width: calc(2319.6 / 1366 * 100vw);
    height: calc(2530.6 / 1366 * 100vw);
  }

  .heart-intro {
    top: calc(308 / 1366 * 100vw);
    left: calc(140 / 1366 * 100vw);
    width: calc(563 / 1366 * 100vw);
    gap: calc(18 / 1366 * 100vw);
  }

  .heart-title {
    font-size: calc(60 / 1366 * 100vw);
  }

  .heart-lead {
    font-size: calc(24 / 1366 * 100vw);
  }

  .heart-visual {
    top: calc(137 / 1366 * 100vw);
    left: calc(677 / 1366 * 100vw);
    width: calc(612 / 1366 * 100vw);
    height: calc(737 / 1366 * 100vw);
  }

  .heart-arrow {
    top: calc(463 / 1366 * 100vw);
    width: calc(50 / 1366 * 100vw);
    height: calc(50 / 1366 * 100vw);
  }

  .heart-arrow-prev {
    left: calc(5 / 1366 * 100vw);
  }

  .heart-arrow-next {
    left: calc(1311 / 1366 * 100vw);
  }

  .heart-copy {
    top: calc(487 / 1366 * 100vw);
    left: calc(214 / 1366 * 100vw);
    width: calc(489 / 1366 * 100vw);
    gap: calc(12 / 1366 * 100vw);
  }

  .heart-name {
    font-size: calc(35 / 1366 * 100vw);
  }

  .heart-desc {
    font-size: calc(24 / 1366 * 100vw);
  }

  .heart-tags {
    top: calc(642 / 1366 * 100vw);
    left: calc(214 / 1366 * 100vw);
    gap: calc(13 / 1366 * 100vw);
  }

  .heart-tags li {
    padding: calc(1 / 1366 * 100vw) calc(5 / 1366 * 100vw);
    border-width: calc(1 / 1366 * 100vw);
    font-size: calc(18 / 1366 * 100vw);
  }

  .heart-slide-tw .heart-map {
    top: calc(497 / 1366 * 100vw);
    left: calc(108 / 1366 * 100vw);
    width: calc(99 / 1366 * 100vw);
    height: calc(184 / 1366 * 100vw);
  }

  .heart-slide-jp .heart-map {
    top: calc(511 / 1366 * 100vw);
    left: calc(36 / 1366 * 100vw);
    width: calc(181 / 1366 * 100vw);
    height: calc(173 / 1366 * 100vw);
  }

  .heart-slide-kr .heart-map {
    top: calc(488 / 1366 * 100vw);
    left: calc(85 / 1366 * 100vw);
    width: calc(120 / 1366 * 100vw);
    height: calc(185 / 1366 * 100vw);
  }

  .sec-inner {
    width: calc(1366 / 1366 * 100vw);
    padding: 0 calc(83 / 1366 * 100vw) 0 calc(102 / 1366 * 100vw);
  }

  .sec-head {
    width: calc(965 / 1366 * 100vw);
    gap: calc(10 / 1366 * 100vw);
    padding: calc(80 / 1366 * 100vw) 0;
  }

  .sec-title {
    font-size: calc(65 / 1366 * 100vw);
  }

  .sec-lead {
    font-size: calc(24 / 1366 * 100vw);
  }

  .sec-note {
    padding: calc(20 / 1366 * 100vw) 0 calc(60 / 1366 * 100vw);
    font-size: calc(16 / 1366 * 100vw);
  }

  .ai-row {
    gap: calc(22 / 1366 * 100vw);
  }

  .ai-box {
    width: calc(449 / 1366 * 100vw);
    height: calc(368 / 1366 * 100vw);
    gap: calc(18 / 1366 * 100vw);
    padding: calc(73 / 1366 * 100vw) calc(22 / 1366 * 100vw) 0 calc(38 / 1366 * 100vw);
  }

  .ai-box-title {
    font-size: calc(40 / 1366 * 100vw);
  }

  .ai-box-text {
    width: calc(389 / 1366 * 100vw);
    font-size: calc(24 / 1366 * 100vw);
  }

  .ai-card {
    width: calc(344 / 1366 * 100vw);
    height: calc(368 / 1366 * 100vw);
  }

  .ai-card-head {
    top: calc(9 / 1366 * 100vw);
    left: calc(15 / 1366 * 100vw);
    gap: calc(3 / 1366 * 100vw);
  }

  .ai-card-year,
.ai-card-desc {
    font-size: calc(18 / 1366 * 100vw);
    line-height: calc(26 / 1366 * 100vw);
  }

  .ai-card-name {
    font-size: calc(24 / 1366 * 100vw);
    line-height: calc(26 / 1366 * 100vw);
  }

  .vbar {
    top: calc((330.26 - var(--h)) * calc(1 / 1366 * 100vw));
    left: calc(var(--x) * calc(1 / 1366 * 100vw));
    width: calc(26 / 1366 * 100vw);
    height: calc(var(--h) * calc(1 / 1366 * 100vw));
    margin-left: calc(-13 / 1366 * 100vw);
  }

  .vbar-val {
    bottom: calc(100% + calc(3.5 / 1366 * 100vw));
    font-size: calc(18 / 1366 * 100vw);
  }

  .vbar-label {
    top: calc(100% + calc(2 / 1366 * 100vw));
    font-size: calc(18 / 1366 * 100vw);
  }

  .chain-tab {
    width: calc(269 / 1366 * 100vw);
    height: calc(66 / 1366 * 100vw);
  }

  .chain-tab-up {
    gap: calc(6 / 1366 * 100vw);
    padding: 0 calc(13 / 1366 * 100vw);
  }

  .chain-tab-up img {
    width: calc(50 / 1366 * 100vw);
    height: calc(55 / 1366 * 100vw);
  }

  .chain-tab-mid {
    gap: calc(5 / 1366 * 100vw);
    padding: 0 calc(13 / 1366 * 100vw) 0 calc(8 / 1366 * 100vw);
  }

  .chain-tab-mid img {
    width: calc(56 / 1366 * 100vw);
    height: calc(61 / 1366 * 100vw);
  }

  .chain-tab-down {
    gap: calc(5 / 1366 * 100vw);
    padding: 0 calc(15 / 1366 * 100vw) 0 calc(8 / 1366 * 100vw);
  }

  .chain-tab-down img {
    width: calc(56 / 1366 * 100vw);
    height: calc(43 / 1366 * 100vw);
  }

  .chain-tab-body {
    gap: calc(7 / 1366 * 100vw);
  }

  .chain-tab-name {
    width: calc(64 / 1366 * 100vw);
    font-size: calc(32 / 1366 * 100vw);
    line-height: calc(26.31 / 1366 * 100vw);
  }

  .chain-tab-desc {
    padding-left: calc(8 / 1366 * 100vw);
    font-size: calc(18 / 1366 * 100vw);
    line-height: calc(20 / 1366 * 100vw);
  }

  .chain-tab-desc::before {
    height: calc(39 / 1366 * 100vw);
  }

  .chain-panel {
    --nw: calc(100 / 1366 * 100vw);
    --bw: calc(177 / 1366 * 100vw);
    --vg: calc(13 / 1366 * 100vw);
    padding: calc(28 / 1366 * 100vw) calc(13 / 1366 * 100vw) calc(28 / 1366 * 100vw) calc(28 / 1366 * 100vw);
  }

  .chain-panel-mid {
    --nw: calc(124 / 1366 * 100vw);
    --bw: calc(332 / 1366 * 100vw);
    --vg: calc(28 / 1366 * 100vw);
    padding-bottom: calc(30 / 1366 * 100vw);
  }

  .chain-panel-down {
    --nw: calc(142 / 1366 * 100vw);
    --bw: calc(900 / 1366 * 100vw);
    --vg: calc(27 / 1366 * 100vw);
    padding-bottom: calc(43 / 1366 * 100vw);
  }

  .chain-panel-title {
    font-size: calc(28 / 1366 * 100vw);
    line-height: calc(30 / 1366 * 100vw);
  }

  .chain-groups {
    margin-top: calc(13 / 1366 * 100vw);
  }

  .chain-panel-up .chain-groups {
    grid-template-columns: calc(363 / 1366 * 100vw) calc(405 / 1366 * 100vw) 1fr;
  }

  .chain-panel-mid .chain-groups {
    grid-template-columns: calc(585 / 1366 * 100vw) 1fr;
  }

  .chain-panel-up .chain-group + .chain-group {
    padding-left: calc(18 / 1366 * 100vw);
  }

  .chain-panel-up .chain-group + .chain-group::before {
    top: calc(8 / 1366 * 100vw);
    width: calc(1 / 1366 * 100vw);
    height: calc(160 / 1366 * 100vw);
  }

  .chain-divider {
    width: calc(1120 / 1366 * 100vw);
    height: calc(1 / 1366 * 100vw);
    margin: calc(22 / 1366 * 100vw) 0 calc(26.5 / 1366 * 100vw);
  }

  .chain-group-title {
    font-size: calc(24 / 1366 * 100vw);
    line-height: calc(30 / 1366 * 100vw);
  }

  .hrow {
    height: calc(52 / 1366 * 100vw);
    margin-top: calc(20 / 1366 * 100vw);
  }

  .chain-group-title + .hrow {
    margin-top: calc(19.5 / 1366 * 100vw);
  }

  .hrow-name {
    font-size: calc(18 / 1366 * 100vw);
    line-height: calc(26 / 1366 * 100vw);
  }

  .hrow-name b {
    font-size: calc(20 / 1366 * 100vw);
  }

  .hbar {
    height: calc(9 / 1366 * 100vw);
  }

  .hrow-val {
    font-size: calc(20 / 1366 * 100vw);
    line-height: calc(26 / 1366 * 100vw);
  }

  .hrow-val small {
    font-size: calc(16 / 1366 * 100vw);
  }

  .strength-row {
    gap: calc(49 / 1366 * 100vw);
  }

  .strength-card {
    width: calc(566 / 1366 * 100vw);
    height: calc(459 / 1366 * 100vw);
  }

  .strength-frame {
    top: calc(66.25 / 1366 * 100vw);
    width: calc(565.5 / 1366 * 100vw);
    height: calc(393 / 1366 * 100vw);
  }

  .strength-card-tw .strength-emblem {
    top: calc(-3 / 1366 * 100vw);
    left: calc(234.89 / 1366 * 100vw);
    width: calc(95.77 / 1366 * 100vw);
    height: calc(120.48 / 1366 * 100vw);
  }

  .strength-card-jp .strength-emblem {
    top: calc(3 / 1366 * 100vw);
    left: calc(193 / 1366 * 100vw);
    width: calc(173 / 1366 * 100vw);
    height: calc(114 / 1366 * 100vw);
  }

  .stat {
    top: calc(var(--y) * calc(1 / 1366 * 100vw));
    left: calc(var(--x) * calc(1 / 1366 * 100vw));
    font-size: calc(24 / 1366 * 100vw);
  }

  .stat b {
    font-size: calc(36 / 1366 * 100vw);
  }

  .strength-note {
    padding-bottom: calc(20 / 1366 * 100vw);
  }

  .perf-row {
    gap: calc(13 / 1366 * 100vw);
    margin-top: calc(49 / 1366 * 100vw);
    margin-bottom: calc(4 / 1366 * 100vw);
  }

  .chain-panel-up .chain-group:nth-child(2) {
    --nw: calc(112 / 1366 * 100vw);
  }

  .chain-panel-mid .chain-group:nth-child(2),
  .chain-panel-mid .chain-group:nth-child(5) {
    --nw: calc(125 / 1366 * 100vw);
    --vg: calc(27 / 1366 * 100vw);
  }

  .perf-box {
    width: calc(446 / 1366 * 100vw);
    height: calc(459 / 1366 * 100vw);
  }

  .perf-title {
    top: calc(174.5 / 1366 * 100vw);
    left: calc(30 / 1366 * 100vw);
    font-size: calc(45 / 1366 * 100vw);
  }

  .perf-card {
    width: calc(722 / 1366 * 100vw);
    height: calc(459 / 1366 * 100vw);
    border-radius: calc(20 / 1366 * 100vw);
  }

  .perf-chart {
    top: calc(23 / 1366 * 100vw);
    left: calc(13 / 1366 * 100vw);
    width: calc(696 / 1366 * 100vw);
    height: calc(412 / 1366 * 100vw);
  }

  .perf-legend {
    left: calc(14 / 1366 * 100vw);
    gap: calc(20 / 1366 * 100vw);
  }

  .perf-legend li {
    gap: calc(6 / 1366 * 100vw);
    font-size: calc(18 / 1366 * 100vw);
    line-height: calc(30 / 1366 * 100vw);
  }

  .perf-legend li::before {
    width: calc(15 / 1366 * 100vw);
    height: calc(15 / 1366 * 100vw);
  }

  .perf-axis {
    top: calc(330 / 1366 * 100vw);
    left: calc(10 / 1366 * 100vw);
    width: calc(676 / 1366 * 100vw);
    height: calc(1 / 1366 * 100vw);
  }

  .perf-group {
    left: calc(var(--gx) * calc(1 / 1366 * 100vw));
  }

  .perf-bar {
    bottom: calc(82 / 1366 * 100vw);
    left: calc(-44 / 1366 * 100vw);
    width: calc(26 / 1366 * 100vw);
    height: calc(var(--h) * calc(1 / 1366 * 100vw));
  }

  .perf-bar.is-avg {
    left: calc(18 / 1366 * 100vw);
  }

  .perf-bar i {
    font-size: calc(16 / 1366 * 100vw);
  }

  .perf-bar small {
    font-size: calc(14 / 1366 * 100vw);
  }

  .perf-year {
    top: calc(334 / 1366 * 100vw);
    font-size: calc(18 / 1366 * 100vw);
  }

  .perf-rank {
    top: calc(372 / 1366 * 100vw);
    font-size: calc(18 / 1366 * 100vw);
  }

  .perf-rank-row {
    top: calc(361 / 1366 * 100vw);
    left: calc(10 / 1366 * 100vw);
    width: calc(676 / 1366 * 100vw);
    height: calc(51 / 1366 * 100vw);
    border-radius: calc(5 / 1366 * 100vw);
  }

  .perf-rank-row span {
    top: calc(24 / 1366 * 100vw);
    left: calc(38 / 1366 * 100vw);
    font-size: calc(18 / 1366 * 100vw);
  }

  .signal-tab {
    height: calc(66 / 1366 * 100vw);
    gap: calc(8 / 1366 * 100vw);
    padding: calc(5 / 1366 * 100vw) calc(24 / 1366 * 100vw) 0 calc(11 / 1366 * 100vw);
    font-size: calc(26 / 1366 * 100vw);
    line-height: calc(26.31 / 1366 * 100vw);
  }

  .signal-tab img {
    width: calc(35 / 1366 * 100vw);
    height: calc(61 / 1366 * 100vw);
  }

  .signal-tab.signal-tab-jp img {
    width: calc(50 / 1366 * 100vw);
    height: calc(60 / 1366 * 100vw);
  }

  .signal-tab span {
    width: calc(156 / 1366 * 100vw);
  }

  .signal-canvas {
    width: calc(1181 / 1366 * 100vw);
    height: calc(376 / 1366 * 100vw);
  }

  .pos {
    top: calc(var(--y) * calc(1 / 1366 * 100vw));
    left: calc(var(--x) * calc(1 / 1366 * 100vw));
    width: calc(var(--w) * calc(1 / 1366 * 100vw));
    height: calc(var(--h) * calc(1 / 1366 * 100vw));
  }

  .signal-title {
    font-size: calc(24 / 1366 * 100vw);
    line-height: calc(30 / 1366 * 100vw);
  }

  .signal-chev {
    width: calc(425 / 1366 * 100vw);
    height: calc(140 / 1366 * 100vw);
  }

  .signal-chev.is-mid {
    width: calc(373 / 1366 * 100vw);
    height: calc(163 / 1366 * 100vw);
  }

  .signal-step {
    width: calc(68 / 1366 * 100vw);
    height: calc(23 / 1366 * 100vw);
    padding-left: calc(5 / 1366 * 100vw);
    border-radius: calc(11.5 / 1366 * 100vw);
    font-size: calc(16 / 1366 * 100vw);
    line-height: calc(23 / 1366 * 100vw);
  }

  .signal-desc {
    font-size: calc(18 / 1366 * 100vw);
    line-height: calc(23 / 1366 * 100vw);
  }

  .signal-desc b {
    font-size: calc(20 / 1366 * 100vw);
  }

  .signal-mid-title {
    font-size: calc(22.56 / 1366 * 100vw);
  }

  .signal-mid-desc {
    font-size: calc(18 / 1366 * 100vw);
  }

  .signal-name {
    font-size: calc(14 / 1366 * 100vw);
    line-height: calc(20 / 1366 * 100vw);
  }

  .signal-name b {
    margin-bottom: calc(2 / 1366 * 100vw);
    font-size: calc(20 / 1366 * 100vw);
  }

  .signal-bar {
    height: calc(8 / 1366 * 100vw);
  }

  .signal-panel[data-panel="jp"] .signal-bar {
    height: calc(9 / 1366 * 100vw);
  }

  .signal-val {
    font-size: calc(20 / 1366 * 100vw);
    line-height: calc(26 / 1366 * 100vw);
  }

  .signal-val small {
    font-size: calc(14 / 1366 * 100vw);
  }

  .sec-portfolio {
    padding-bottom: calc(24 / 1366 * 100vw);
  }

  .funnel-step {
    width: calc(324.51 / 1366 * 100vw);
    height: calc(108.78 / 1366 * 100vw);
  }

  .funnel-step + .funnel-step {
    margin-left: calc(-58 / 1366 * 100vw);
  }

  .funnel-tag {
    top: calc(13 / 1366 * 100vw);
    left: calc(97 / 1366 * 100vw);
    height: calc(30 / 1366 * 100vw);
    padding: 0 calc(10 / 1366 * 100vw);
    font-size: calc(20 / 1366 * 100vw);
  }

  .funnel-count {
    top: calc(42 / 1366 * 100vw);
    left: calc(167.5 / 1366 * 100vw);
    font-size: calc(20 / 1366 * 100vw);
  }

  .funnel-count b {
    font-size: calc(36 / 1366 * 100vw);
  }

  .pf-tabs {
    margin-top: calc(66.22 / 1366 * 100vw);
  }

  .pf-tab {
    height: calc(66 / 1366 * 100vw);
    gap: calc(8 / 1366 * 100vw);
    padding: calc(1 / 1366 * 100vw) calc(24 / 1366 * 100vw) 0 calc(13 / 1366 * 100vw);
    font-size: calc(26 / 1366 * 100vw);
    line-height: calc(26.31 / 1366 * 100vw);
  }

  .pf-tab-country {
    padding: calc(5 / 1366 * 100vw) calc(24 / 1366 * 100vw) 0 calc(11 / 1366 * 100vw);
  }

  .pf-tab-country img {
    width: calc(46 / 1366 * 100vw);
    height: calc(54 / 1366 * 100vw);
  }

  .pf-tab-industry img {
    width: calc(66 / 1366 * 100vw);
    height: calc(61 / 1366 * 100vw);
  }

  .pf-tab-top10 img {
    width: calc(64 / 1366 * 100vw);
    height: calc(56 / 1366 * 100vw);
  }

  .pf-panel-country,
.pf-panel-industry {
    height: calc(386 / 1366 * 100vw);
  }

  .pf-panel-top10 {
    height: calc(543 / 1366 * 100vw);
  }

  .pf-donut {
    top: calc(53 / 1366 * 100vw);
    left: calc(136 / 1366 * 100vw);
    width: calc(280 / 1366 * 100vw);
    height: calc(280 / 1366 * 100vw);
  }

  .pf-list {
    top: calc(69 / 1366 * 100vw);
    left: calc(511 / 1366 * 100vw);
    width: calc(550 / 1366 * 100vw);
  }

  .pf-list li {
    height: calc(70 / 1366 * 100vw);
    font-size: calc(20 / 1366 * 100vw);
    line-height: calc(26 / 1366 * 100vw);
  }

  .pf-list li b,
.pf-industry li b {
    font-size: calc(28 / 1366 * 100vw);
  }

  .pf-list li small,
.pf-industry li small {
    font-size: calc(18 / 1366 * 100vw);
  }

  .pf-list li i,
.pf-industry li i {
    top: calc(34 / 1366 * 100vw);
    height: calc(8 / 1366 * 100vw);
  }

  .pf-industry {
    top: calc(87 / 1366 * 100vw);
    left: calc(68 / 1366 * 100vw);
    width: calc(979 / 1366 * 100vw);
    column-gap: calc(79 / 1366 * 100vw);
    grid-template-columns: calc(450 / 1366 * 100vw) calc(450 / 1366 * 100vw);
  }

  .pf-industry li {
    height: calc(89 / 1366 * 100vw);
    font-size: calc(20 / 1366 * 100vw);
    line-height: calc(26 / 1366 * 100vw);
  }

  .pf-table {
    top: calc(30 / 1366 * 100vw);
    left: calc(58 / 1366 * 100vw);
    width: calc(1065 / 1366 * 100vw);
  }

  .pf-table th,
.pf-table td {
    height: calc(44 / 1366 * 100vw);
    font-size: calc(20 / 1366 * 100vw);
    line-height: calc(44 / 1366 * 100vw);
  }

  .pf-table tr > :first-child {
    width: calc(338 / 1366 * 100vw);
    padding-left: calc(34 / 1366 * 100vw);
  }

  .pf-table tr > :nth-child(2) {
    width: calc(209 / 1366 * 100vw);
  }

  .pf-table thead th {
    height: calc(45 / 1366 * 100vw);
  }

  .sec-profile {
    padding-top: calc(57 / 1366 * 100vw);
  }

  .profile-row {
    gap: calc(3.94 / 1366 * 100vw);
  }

  .profile-title {
    width: calc(387.76 / 1366 * 100vw);
    height: calc(355.26 / 1366 * 100vw);
    padding: calc(106.86 / 1366 * 100vw) 0 0 calc(24 / 1366 * 100vw);
    font-size: calc(60 / 1366 * 100vw);
  }

  .profile-table {
    width: calc(789.3 / 1366 * 100vw);
    grid-template-columns: calc(385.3 / 1366 * 100vw) 1fr;
    grid-template-rows: calc(59.42 / 1366 * 100vw) calc(77.12 / 1366 * 100vw) calc(59.42 / 1366 * 100vw) calc(61.95 / 1366 * 100vw) calc(97.35 / 1366 * 100vw);
  }

  .profile-cell {
    padding-left: calc(20.3 / 1366 * 100vw);
  }

  .profile-cell dt {
    width: calc(171 / 1366 * 100vw);
    font-size: calc(22 / 1366 * 100vw);
  }

  .profile-cell.is-col2 dt {
    width: calc(187 / 1366 * 100vw);
  }

  .profile-cell dd {
    font-size: calc(22 / 1366 * 100vw);
  }

  .profile-cell dd.is-large {
    font-size: calc(24 / 1366 * 100vw);
  }

  .profile-cell.is-wide dd {
    width: calc(553 / 1366 * 100vw);
  }

  .sec-buy .sec-inner {
    height: calc(645 / 1366 * 100vw);
  }

  .buy-title {
    top: calc(80 / 1366 * 100vw);
    font-size: calc(68.88 / 1366 * 100vw);
  }

  .buy-col:first-child {
    top: calc(242 / 1366 * 100vw);
    left: calc(102 / 1366 * 100vw);
    width: calc(556 / 1366 * 100vw);
  }

  .buy-heading {
    top: calc(-1 / 1366 * 100vw);
    left: calc(278.5 / 1366 * 100vw);
    font-size: calc(36 / 1366 * 100vw);
  }

  .buy-heading span {
    font-size: calc(28 / 1366 * 100vw);
  }

  .buy-cards {
    top: calc(118 / 1366 * 100vw);
    gap: calc(15.65 / 1366 * 100vw);
  }

  .buy-card {
    width: calc(270.35 / 1366 * 100vw);
    height: calc(133 / 1366 * 100vw);
    gap: calc(17.8 / 1366 * 100vw);
    font-size: calc(22 / 1366 * 100vw);
  }

  .buy-tip {
    top: calc(276 / 1366 * 100vw);
    left: calc(5 / 1366 * 100vw);
    width: calc(525 / 1366 * 100vw);
    font-size: calc(20 / 1366 * 100vw);
  }

  .buy-divider {
    top: calc(251 / 1366 * 100vw);
    left: calc(683 / 1366 * 100vw);
    width: calc(1 / 1366 * 100vw);
    height: calc(311 / 1366 * 100vw);
  }

  .buy-col:last-child {
    top: calc(242 / 1366 * 100vw);
    left: calc(715 / 1366 * 100vw);
    width: calc(568 / 1366 * 100vw);
  }

  .buy-agents-title {
    top: calc(19.1 / 1366 * 100vw);
    left: calc(284 / 1366 * 100vw);
    font-size: calc(36 / 1366 * 100vw);
  }

  .buy-agents {
    --row: calc(51.25 / 1366 * 100vw);
    top: calc(115 / 1366 * 100vw);
    width: calc(568 / 1366 * 100vw);
    height: calc(205 / 1366 * 100vw);
    padding-left: calc(23 / 1366 * 100vw);
    grid-template-columns: calc(131 / 1366 * 100vw) calc(137 / 1366 * 100vw) calc(137 / 1366 * 100vw) 1fr;
    grid-template-rows: repeat(4, calc(51.25 / 1366 * 100vw));
  }

  .buy-agents::before {
    left: calc(17.89 / 1366 * 100vw);
    width: calc(531.08 / 1366 * 100vw);
    height: calc(154.75 / 1366 * 100vw);
  }

  .buy-agents li {
    font-size: calc(20 / 1366 * 100vw);
    line-height: calc(51.25 / 1366 * 100vw);
  }

  .pros-links {
    gap: calc(84 / 1366 * 100vw);
    padding-top: calc(43 / 1366 * 100vw);
  }

  .pros-link {
    width: calc(191 / 1366 * 100vw);
    height: calc(171 / 1366 * 100vw);
  }

  .pros-icon {
    left: calc(18 / 1366 * 100vw);
    width: calc(155 / 1366 * 100vw);
    height: calc(155 / 1366 * 100vw);
  }

  .pros-icon::after {
    inset: calc(-4.17 / 1366 * 100vw);
  }

  .pros-icon {
    --ring: calc(4.17 / 1366 * 100vw);
  }

  .pros-label {
    top: calc(130 / 1366 * 100vw);
    height: calc(41 / 1366 * 100vw);
    border-radius: calc(5 / 1366 * 100vw);
    font-size: calc(26 / 1366 * 100vw);
    line-height: calc(26.31 / 1366 * 100vw);
  }

  .pros-note {
    padding: calc(38 / 1366 * 100vw) 0 calc(43.82 / 1366 * 100vw);
    font-size: calc(22 / 1366 * 100vw);
  }
}

@media (max-width: 800px) {
  body {
    padding-top: calc(54 / 375 * 100vw);
    padding-bottom: calc(55 / 375 * 100vw);
  }

  .pc,
  .header-nav {
    display: none;
  }

  .sp {
    display: inline;
  }

  br.sp {
    display: block;
  }

  .header {
    height: calc(54 / 375 * 100vw);
  }

  .header-inner {
    width: 100%;
  }

  .header-logo {
    top: calc(10 / 375 * 100vw);
    left: calc(13.01 / 375 * 100vw);
    width: calc(49.51 / 375 * 100vw);
  }

  .header-menu-btn {
    position: absolute;
    top: calc(18 / 375 * 100vw);
    left: calc(333 / 375 * 100vw);
    display: block;
    width: calc(21.97 / 375 * 100vw);
    height: calc(18 / 375 * 100vw);
  }

  .header-menu-btn img,
  .mobile-menu-close img {
    display: block;
    width: 100%;
    height: 100%;
  }

  .mobile-menu {
    position: fixed;
    inset: 0;
    z-index: 150;
    display: block;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s var(--ease-out), visibility 0.3s;
  }

  .mobile-menu.is-open {
    opacity: 1;
    visibility: visible;
  }

  .mobile-menu-panel {
    position: relative;
    height: calc(426 / 375 * 100vw);
    background: #210303;
    transform: translateY(-100%);
    transition: transform 0.4s var(--ease-out);
  }

  .mobile-menu.is-open .mobile-menu-panel {
    transform: translateY(0);
  }

  .mobile-menu-close {
    position: absolute;
    top: calc(17 / 375 * 100vw);
    left: calc(332 / 375 * 100vw);
    width: calc(25 / 375 * 100vw);
    height: calc(25.5 / 375 * 100vw);
  }

  .mobile-menu-list {
    position: absolute;
    top: calc(53 / 375 * 100vw);
    left: calc(66 / 375 * 100vw);
    width: calc(242.57 / 375 * 100vw);
  }

  .mobile-menu-list li {
    padding: calc(13 / 375 * 100vw) 0 calc(14 / 375 * 100vw);
    border-top: 1px solid #e1bc52;
  }

  .mobile-menu-list li:first-child {
    padding-top: calc(14 / 375 * 100vw);
    border-top: 0;
  }

  .mobile-menu-list .nav-link {
    justify-content: center;
    gap: calc(6 / 375 * 100vw);
    font-size: calc(24 / 375 * 100vw);
  }

  .mobile-menu-list .nav-heart {
    width: calc(29.82 / 375 * 100vw);
    height: calc(26 / 375 * 100vw);
  }

  .fixed-btns {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    flex-direction: row;
    align-items: center;
    gap: calc(8 / 375 * 100vw);
    width: 100%;
    height: calc(55 / 375 * 100vw);
    padding-left: calc(7 / 375 * 100vw);
    border: 3px solid transparent;
    background:
      linear-gradient(#d9d9d9, #d9d9d9) padding-box,
      linear-gradient(90deg, #755729 0%, #d9a923 48.08%, #755729 100%) border-box;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    transform: none;
  }

  .fixed-btn {
    display: flex;
    align-items: center;
    gap: calc(2 / 375 * 100vw);
    width: auto;
    height: auto;
    border-radius: 0;
    background: none;
  }

  .fixed-btn::before {
    content: none;
  }

  .fixed-btn + .fixed-btn::after {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(-4.5 / 375 * 100vw);
    width: 1px;
    height: calc(29.87 / 375 * 100vw);
    background: #e1bc52;
    transform: translateY(-50%);
  }

  .fixed-btn-icon,
  .fixed-btn-text {
    position: static;
    transform: none;
  }

  .fixed-btn-text {
    font-size: calc(16 / 375 * 100vw);
    color: #000;
  }

  .fixed-btn:hover .fixed-btn-text {
    font-weight: 600;
    color: #000;
  }

  .fixed-btn-buy .fixed-btn-icon {
    width: calc(24 / 375 * 100vw);
    height: calc(24 / 375 * 100vw);
  }

  .fixed-btn-korea .fixed-btn-icon {
    width: calc(18 / 375 * 100vw);
    height: calc(24 / 375 * 100vw);
  }

  .fixed-btn-download .fixed-btn-icon {
    width: calc(19 / 375 * 100vw);
    height: calc(19 / 375 * 100vw);
  }

  .footer-inner {
    gap: calc(7 / 375 * 100vw);
    padding: calc(17 / 375 * 100vw) 0;
  }

  .footer-disclaimer,
  .footer-info {
    width: calc(317 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
  }

  .footer-info {
    order: -1;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
  }

  .popup-box {
    width: 100%;
    height: min(calc(1587 / 375 * 100vw), 100dvh);
    border-radius: 0;
    box-shadow: none;
  }

  .popup-close {
    top: calc(10 / 375 * 100vw);
    left: calc(342 / 375 * 100vw);
    width: calc(21.57 / 375 * 100vw);
    height: calc(22 / 375 * 100vw);
  }

  .popup-title {
    margin-top: calc(49.79 / 375 * 100vw);
    font-size: calc(18 / 375 * 100vw);
  }

  .popup-body {
    max-height: none;
    margin-top: calc(19.79 / 375 * 100vw);
  }

  .popup-scroll {
    padding: 0 calc(38 / 375 * 100vw) 0 calc(39 / 375 * 100vw);
  }

  .popup-info {
    font-size: calc(12 / 375 * 100vw);
    color: #333;
  }

  .popup-disclaimer {
    margin-top: calc(10 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
  }

  .popup-scrollbar {
    top: calc(10 / 375 * 100vw);
    right: calc(11 / 375 * 100vw);
    bottom: calc(48 / 375 * 100vw);
    width: calc(6 / 375 * 100vw);
    border-radius: calc(3 / 375 * 100vw);
  }

  .popup-scrollbar-thumb {
    border-radius: calc(3 / 375 * 100vw);
  }

  .popup-confirm {
    width: calc(129 / 375 * 100vw);
    height: calc(40 / 375 * 100vw);
    margin: calc(44 / 375 * 100vw) auto calc(29 / 375 * 100vw);
    background: linear-gradient(82.4deg, #250404 6.12%, #5e1a1a 44.84%, #ac1919 99.89%);
    font-size: calc(18 / 375 * 100vw);
  }

  .kv {
    height: calc(335 / 375 * 100vw);
  }

  .kv-inner,
  .video-inner,
  .heart-inner {
    width: 100%;
  }

  .kv-globe {
    z-index: 1;
    top: calc(17 / 375 * 100vw);
    left: calc(87 / 375 * 100vw);
    width: calc(313 / 375 * 100vw);
    height: calc(311 / 375 * 100vw);
  }

  .kv-heart {
    top: calc(32 / 375 * 100vw);
    left: 0;
    width: calc(208.65 / 375 * 100vw);
    height: calc(282 / 375 * 100vw);
  }

  .kv-badge {
    top: calc(229 / 375 * 100vw);
    left: calc(16 / 375 * 100vw);
    width: calc(68.25 / 375 * 100vw);
    height: calc(68.59 / 375 * 100vw);
  }

  .kv-title {
    z-index: 2;
    top: calc(93 / 375 * 100vw);
    left: calc(178.99 / 375 * 100vw);
    width: calc(175.05 / 375 * 100vw);
    height: calc(165.16 / 375 * 100vw);
  }

  .video {
    height: calc(370 / 375 * 100vw);
  }

  .video-title {
    top: calc(10 / 375 * 100vw);
    font-size: calc(32 / 375 * 100vw);
  }

  .video-tabs {
    top: calc(68 / 375 * 100vw);
    left: calc(14 / 375 * 100vw);
    gap: calc(7 / 375 * 100vw);
  }

  .video-tab {
    height: calc(35 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(14 / 375 * 100vw);
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.25));
  }

  .video-tab-main {
    width: calc(205 / 375 * 100vw);
    gap: calc(2.64 / 375 * 100vw);
    padding: 0 calc(13.728 / 375 * 100vw) calc(0.528 / 375 * 100vw) calc(6.864 / 375 * 100vw);
  }

  .video-tab-main img {
    width: calc(37.057 / 375 * 100vw);
    height: calc(31.069 / 375 * 100vw);
  }

  .video-tab-reels {
    width: calc(122 / 375 * 100vw);
    gap: calc(5.28 / 375 * 100vw);
    padding: calc(0.528 / 375 * 100vw) calc(11.088 / 375 * 100vw) calc(1.056 / 375 * 100vw) calc(7.392 / 375 * 100vw);
  }

  .video-tab-reels img {
    width: calc(25.457 / 375 * 100vw);
    height: calc(29.961 / 375 * 100vw);
  }

  .video-frame {
    top: calc(110 / 375 * 100vw);
    left: calc(14.95 / 375 * 100vw);
    width: calc(345.94 / 375 * 100vw);
    height: calc(217 / 375 * 100vw);
    border-width: calc(2.2 / 375 * 100vw);
    border-radius: calc(4.717 / 375 * 100vw);
  }

  .video-circuit {
    top: calc(-6.6 / 375 * 100vw);
    left: calc(-9.44 / 375 * 100vw);
    width: calc(360.445 / 375 * 100vw);
    height: calc(226.097 / 375 * 100vw);
  }

  .video-item-main {
    top: calc(25.16 / 375 * 100vw);
    left: calc(11.85 / 375 * 100vw);
    width: calc(316.097 / 375 * 100vw);
    height: calc(176.098 / 375 * 100vw);
    border-radius: calc(1.572 / 375 * 100vw);
  }

  .video-panel-reels {
    gap: calc(16.71 / 375 * 100vw);
    padding-top: calc(16.36 / 375 * 100vw);
  }

  .video-item-reel {
    width: calc(99.03 / 375 * 100vw);
    height: calc(176.12 / 375 * 100vw);
    border-radius: calc(1.572 / 375 * 100vw);
  }

  .heart {
    height: calc(669 / 375 * 100vw);
  }

  .heart::before {
    top: calc(318.98 / 375 * 100vw);
    left: calc(265.5 / 375 * 100vw);
    width: calc(726.4 / 375 * 100vw);
    height: calc(997.2 / 375 * 100vw);
    transform: translate(-50%, -50%) rotate(-47.57deg);
  }

  .heart-intro {
    top: calc(40 / 375 * 100vw);
    left: calc(24 / 375 * 100vw);
    width: calc(331 / 375 * 100vw);
    gap: calc(10.255 / 375 * 100vw);
  }

  .heart-title {
    font-size: calc(32 / 375 * 100vw);
    line-height: 1.2;
  }

  .heart-lead {
    font-size: calc(16 / 375 * 100vw);
  }

  .heart-visual {
    top: calc(176 / 375 * 100vw);
    left: calc(68 / 375 * 100vw);
    width: calc(240 / 375 * 100vw);
    height: calc(289 / 375 * 100vw);
  }

  .heart-arrow {
    top: calc(308 / 375 * 100vw);
    width: calc(26 / 375 * 100vw);
    height: calc(26 / 375 * 100vw);
  }

  .heart-arrow-prev {
    left: calc(39 / 375 * 100vw);
  }

  .heart-arrow-next {
    left: calc(314 / 375 * 100vw);
  }

  .heart-copy {
    top: calc(465 / 375 * 100vw);
    left: calc(92 / 375 * 100vw);
    width: calc(260 / 375 * 100vw);
    gap: 0;
  }

  .heart-name {
    font-size: calc(20 / 375 * 100vw);
  }

  .heart-desc {
    font-size: calc(16 / 375 * 100vw);
  }

  .heart-tags {
    top: calc(583 / 375 * 100vw);
    left: calc(92 / 375 * 100vw);
    width: calc(260 / 375 * 100vw);
    gap: calc(10.9 / 375 * 100vw) calc(7 / 375 * 100vw);
  }

  .heart-slide-tw .heart-tags {
    left: calc(24 / 375 * 100vw);
    width: calc(327 / 375 * 100vw);
    flex-wrap: nowrap;
  }

  .heart-tags li {
    padding: calc(0.57 / 375 * 100vw) calc(2.849 / 375 * 100vw);
    border-width: 0.57px;
    font-size: calc(14 / 375 * 100vw);
  }

  .heart-slide-tw .heart-map {
    top: calc(467 / 375 * 100vw);
    left: calc(24 / 375 * 100vw);
    width: calc(62 / 375 * 100vw);
    height: calc(114 / 375 * 100vw);
  }

  .heart-slide-jp .heart-map {
    top: calc(482 / 375 * 100vw);
    left: calc(5 / 375 * 100vw);
    width: calc(87 / 375 * 100vw);
    height: calc(83 / 375 * 100vw);
  }

  .heart-slide-kr .heart-map {
    top: calc(482 / 375 * 100vw);
    left: calc(13 / 375 * 100vw);
    width: calc(72 / 375 * 100vw);
    height: calc(111 / 375 * 100vw);
  }

  .sec-inner {
    width: 100%;
    padding: 0 calc(24.5 / 375 * 100vw);
  }

  .sec-head {
    width: calc(326 / 375 * 100vw);
    gap: calc(10 / 375 * 100vw);
    padding: calc(40 / 375 * 100vw) 0;
  }

  .sec-title {
    font-size: calc(32 / 375 * 100vw);
    line-height: 1.2;
  }

  .sec-lead {
    font-size: calc(16 / 375 * 100vw);
    text-align: left;
  }

  .sec-note {
    padding: calc(20 / 375 * 100vw) calc(0.5 / 375 * 100vw) calc(40 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
    text-align: left;
  }

  .ai-row {
    flex-direction: column;
    gap: calc(15 / 375 * 100vw);
  }

  .ai-box {
    width: calc(326 / 375 * 100vw);
    height: calc(244 / 375 * 100vw);
    gap: calc(18 / 375 * 100vw);
    padding: calc(36 / 375 * 100vw) calc(18 / 375 * 100vw) 0 calc(18.5 / 375 * 100vw);
  }

  .ai-box-title {
    font-size: calc(32 / 375 * 100vw);
  }

  .ai-box-text {
    width: 100%;
    font-size: calc(16 / 375 * 100vw);
  }

  .ai-card {
    width: calc(326 / 375 * 100vw);
    height: calc(298 / 375 * 100vw);
  }

  .ai-card-head {
    top: calc(10 / 375 * 100vw);
    left: calc(18 / 375 * 100vw);
    gap: 0;
  }

  .ai-card-year,
  .ai-card-desc {
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
  }

  .ai-card-name {
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
    color: #b0191f;
  }

  .vbar {
    top: calc((259.43 - var(--mh)) / 375 * 100vw);
    left: calc(var(--mx) / 375 * 100vw);
    width: calc(26 / 375 * 100vw);
    height: calc(var(--mh) / 375 * 100vw);
    margin-left: calc(-13 / 375 * 100vw);
  }

  .vbar-val {
    bottom: 100%;
    font-size: calc(18 / 375 * 100vw);
  }

  .vbar-label {
    top: calc(100% - 1.25 / 375 * 100vw);
    font-size: calc(18 / 375 * 100vw);
  }

  .chain-tabs {
    align-items: stretch;
  }

  .chain-tab {
    display: block;
    width: calc(109 / 375 * 100vw);
    height: calc(89 / 375 * 100vw);
    padding: 0;
    background: linear-gradient(-9.86deg, #edd76f 7.81%, #b88b43 60.74%, #5c3d02 99.52%);
  }

  .chain-tab-mid {
    width: calc(108 / 375 * 100vw);
  }

  .tabs button.chain-tab.is-active,
  .tabs button.chain-tab:hover {
    background: linear-gradient(169.74deg, #250404 7.12%, #651a1a 32.03%, #ac1919 77.78%);
    filter: none;
  }

  .chain-tab img {
    position: absolute;
  }

  .chain-tab-up img {
    top: calc(6 / 375 * 100vw);
    left: calc(10 / 375 * 100vw);
    width: calc(31 / 375 * 100vw);
    height: calc(33 / 375 * 100vw);
  }

  .chain-tab-mid img {
    top: calc(3 / 375 * 100vw);
    left: calc(7 / 375 * 100vw);
    width: calc(36 / 375 * 100vw);
    height: calc(39 / 375 * 100vw);
  }

  .chain-tab-down img {
    top: calc(10 / 375 * 100vw);
    left: calc(8 / 375 * 100vw);
    width: calc(36 / 375 * 100vw);
    height: calc(27 / 375 * 100vw);
  }

  .chain-tab-body {
    display: block;
  }

  .chain-tab-name {
    position: absolute;
    top: calc(10 / 375 * 100vw);
    left: calc(45 / 375 * 100vw);
    width: auto;
    font-size: calc(22 / 375 * 100vw);
    line-height: calc(25 / 375 * 100vw);
  }

  .chain-tab-up .chain-tab-name {
    left: calc(46 / 375 * 100vw);
  }

  .chain-tab-desc {
    position: absolute;
    top: calc(46 / 375 * 100vw);
    left: calc(8 / 375 * 100vw);
    padding-left: 0;
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(18 / 375 * 100vw);
    text-align: left;
  }

  .chain-tab-desc::before {
    top: calc(-3.3 / 375 * 100vw);
    width: calc(93.53 / 375 * 100vw);
    height: 1px;
    transform: none;
  }

  .chain-panel,
  .chain-panel-mid,
  .chain-panel-down {
    --nw: calc(97.46 / 375 * 100vw);
    --bw: calc(150 / 375 * 100vw);
    --vg: calc(7 / 375 * 100vw);
    width: calc(326 / 375 * 100vw);
    padding: calc(21 / 375 * 100vw) 0 calc(20.37 / 375 * 100vw) calc(8 / 375 * 100vw);
    background: rgba(254, 253, 253, 0.8);
  }

  .chain-panel-mid {
    padding-bottom: calc(23.37 / 375 * 100vw);
  }

  .chain-panel-down {
    --nw: calc(108 / 375 * 100vw);
    --bw: calc(139.5 / 375 * 100vw);
    padding-bottom: calc(18.37 / 375 * 100vw);
  }

  .chain-panel-title,
  .chain-group-title {
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(25.31 / 375 * 100vw);
  }

  .chain-group-title {
    color: #b0191f;
  }

  .chain-groups {
    margin-top: 0;
  }

  .chain-panel-up .chain-groups,
  .chain-panel-mid .chain-groups {
    grid-template-columns: 1fr;
  }

  .chain-panel-up .chain-group + .chain-group {
    padding-left: 0;
  }

  .chain-panel-up .chain-group + .chain-group::before {
    content: none;
  }

  .chain-group ~ .chain-group {
    width: calc(310 / 375 * 100vw);
    margin-top: calc(23.7 / 375 * 100vw);
    padding-top: calc(22 / 375 * 100vw);
    border-top: 1px solid #e1bc52;
  }

  .chain-divider {
    display: none;
  }

  .hrow {
    height: calc(45 / 375 * 100vw);
    margin-top: calc(5 / 375 * 100vw);
  }

  .chain-group-title + .hrow {
    margin-top: calc(5 / 375 * 100vw);
  }

  .hrow-name {
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(21.94 / 375 * 100vw);
  }

  .hrow-name b {
    font-size: calc(18 / 375 * 100vw);
  }

  .hbar {
    height: calc(7.59 / 375 * 100vw);
  }

  .hbar::before {
    width: var(--mp, var(--p, 0));
    background: linear-gradient(to right, #735220 var(--mgs, 0%), #d8a350 var(--mge, 100%));
  }

  .hrow-val {
    font-size: calc(18 / 375 * 100vw);
    line-height: calc(21.94 / 375 * 100vw);
  }

  .hrow-val small {
    font-size: calc(14 / 375 * 100vw);
  }

  .strength-row {
    flex-direction: column;
    gap: calc(32 / 375 * 100vw);
    padding-left: calc(7.5 / 375 * 100vw);
  }

  .strength-card {
    width: calc(311 / 375 * 100vw);
    height: calc(227 / 375 * 100vw);
  }

  .strength-card-jp {
    height: calc(284 / 375 * 100vw);
  }

  .strength-frame {
    top: calc(49 / 375 * 100vw);
    width: calc(311 / 375 * 100vw);
    height: calc(178 / 375 * 100vw);
  }

  .strength-card-jp .strength-frame {
    top: calc(35 / 375 * 100vw);
    height: calc(249 / 375 * 100vw);
  }

  .strength-card-tw .strength-emblem {
    top: 0;
    left: calc(121 / 375 * 100vw);
    width: calc(70 / 375 * 100vw);
    height: calc(87 / 375 * 100vw);
  }

  .strength-card-jp .strength-emblem {
    top: 0;
    left: calc(100.75 / 375 * 100vw);
    width: calc(110 / 375 * 100vw);
    height: calc(73 / 375 * 100vw);
  }

  .stat {
    top: calc(var(--my) / 375 * 100vw);
    left: calc(var(--mx) / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    line-height: 1.2;
  }

  .stat b {
    font-size: calc(24 / 375 * 100vw);
  }

  .strength-note {
    padding-bottom: calc(40 / 375 * 100vw);
  }

  .perf-row {
    flex-direction: column;
    gap: calc(5 / 375 * 100vw);
    margin-top: calc(30 / 375 * 100vw);
    margin-left: calc(-9.5 / 375 * 100vw);
  }

  .perf-box {
    width: calc(343 / 375 * 100vw);
    height: calc(158 / 375 * 100vw);
  }

  .perf-title {
    top: calc(41 / 375 * 100vw);
    left: calc(19 / 375 * 100vw);
    font-size: calc(32 / 375 * 100vw);
  }

  .perf-card {
    width: calc(343 / 375 * 100vw);
    height: calc(280 / 375 * 100vw);
    margin-left: calc(1 / 375 * 100vw);
    border-radius: calc(9.5 / 375 * 100vw);
  }

  .perf-chart {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .perf-legend {
    top: calc(17 / 375 * 100vw);
    left: calc(11 / 375 * 100vw);
    gap: calc(9.9 / 375 * 100vw);
  }

  .perf-legend li {
    gap: calc(3.79 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(18.92 / 375 * 100vw);
  }

  .perf-legend li::before {
    width: calc(9.46 / 375 * 100vw);
    height: calc(9.46 / 375 * 100vw);
  }

  .perf-axis {
    top: calc(197.22 / 375 * 100vw);
    left: calc(10.93 / 375 * 100vw);
    width: calc(321.15 / 375 * 100vw);
    height: 0.5px;
  }

  .perf-group {
    left: calc(var(--mgx) / 375 * 100vw);
  }

  .perf-bar {
    bottom: calc(82.78 / 375 * 100vw);
    left: calc(-20.91 / 375 * 100vw);
    width: calc(12.36 / 375 * 100vw);
    height: calc(var(--mh) / 375 * 100vw);
  }

  .perf-bar.is-avg {
    left: calc(8.55 / 375 * 100vw);
  }

  .perf-bar i {
    font-size: calc(10 / 375 * 100vw);
    transform: translateX(calc(-50% + var(--mlx, 0) / 375 * 100vw));
  }

  .perf-bar small {
    display: none;
  }

  .perf-year {
    top: calc(197.5 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
  }

  .perf-rank {
    top: calc(236.4 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
  }

  .perf-rank-row {
    top: calc(225 / 375 * 100vw);
    left: calc(4 / 375 * 100vw);
    width: calc(334 / 375 * 100vw);
    height: calc(44 / 375 * 100vw);
    border-radius: calc(6 / 375 * 100vw);
  }

  .perf-rank-row span {
    top: calc(22 / 375 * 100vw);
    left: calc(21 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
  }

  .signal-tab {
    width: calc(140 / 375 * 100vw);
    height: calc(35 / 375 * 100vw);
    gap: calc(2.64 / 375 * 100vw);
    padding: 0 calc(13.73 / 375 * 100vw) calc(0.53 / 375 * 100vw) calc(6.86 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(14 / 375 * 100vw);
  }

  .signal-tab.is-active,
  .signal-tab:hover,
  .pf-tab.is-active,
  .pf-tab:hover {
    filter: drop-shadow(0 2.1px 1px rgba(0, 0, 0, 0.25));
  }

  .signal-tab img {
    width: calc(19 / 375 * 100vw);
    height: calc(32 / 375 * 100vw);
  }

  .signal-tab.signal-tab-jp img {
    width: calc(25 / 375 * 100vw);
    height: calc(31 / 375 * 100vw);
  }

  .signal-tab span {
    width: calc(98 / 375 * 100vw);
  }

  .signal-panel {
    width: calc(327 / 375 * 100vw);
    background: rgba(254, 253, 253, 0.8);
  }

  .signal-scroll {
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .signal-scroll::-webkit-scrollbar {
    display: none;
  }

  .signal-canvas {
    width: calc(795.62 / 375 * 100vw);
    height: calc(253.3 / 375 * 100vw);
  }

  .pos {
    top: calc(var(--my) / 375 * 100vw);
    left: calc(var(--mx) / 375 * 100vw);
    width: calc(var(--mw) / 375 * 100vw);
    height: calc(var(--mh) / 375 * 100vw);
  }

  .signal-title {
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(20.21 / 375 * 100vw);
  }

  .signal-chev {
    width: calc(286.32 / 375 * 100vw);
    height: calc(114.71 / 375 * 100vw);
    background-image: url('../assets/signal-chev-left-m.svg');
  }

  .signal-chev.is-right {
    background-image: url('../assets/signal-chev-right-m.svg');
  }

  .signal-chev.is-mid {
    width: calc(251.28 / 375 * 100vw);
    height: calc(132.39 / 375 * 100vw);
    background-image: url('../assets/signal-chev-red-m.svg');
  }

  .signal-step {
    width: calc(45.81 / 375 * 100vw);
    height: calc(15.5 / 375 * 100vw);
    padding-left: calc(3.37 / 375 * 100vw);
    border-radius: calc(7.75 / 375 * 100vw);
    font-size: calc(10.78 / 375 * 100vw);
    line-height: calc(15.5 / 375 * 100vw);
  }

  .signal-desc {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(16 / 375 * 100vw);
  }

  .signal-desc b {
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(17 / 375 * 100vw);
  }

  .signal-mid-title {
    font-size: calc(18 / 375 * 100vw);
  }

  .signal-mid-desc {
    font-size: calc(14 / 375 * 100vw);
  }

  .signal-name {
    font-size: calc(12 / 375 * 100vw);
    line-height: calc(14.2 / 375 * 100vw);
  }

  .signal-name b {
    margin-bottom: 0;
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(14.78 / 375 * 100vw);
  }

  .signal-bar,
  .signal-panel[data-panel="jp"] .signal-bar {
    height: calc(5.68 / 375 * 100vw);
  }

  .signal-bar::before {
    width: var(--mp, var(--p, 0));
    background: linear-gradient(to right, #755729, #cea024 var(--mge, 100%));
  }

  .signal-val {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(18.49 / 375 * 100vw);
  }

  .signal-val small {
    font-size: calc(10 / 375 * 100vw);
  }

  .sec-portfolio {
    padding-bottom: 0;
    background: linear-gradient(-82deg, #ac1919 20.19%, #5e1a1a 79.26%, #220303 119.96%);
  }

  .chain-panel-up .chain-group:nth-child(2) {
    --nw: calc(97.46 / 375 * 100vw);
  }

  .chain-panel-mid .chain-group:nth-child(2),
  .chain-panel-mid .chain-group:nth-child(5) {
    --nw: inherit;
    --vg: inherit;
  }

  .perf-row {
    margin-bottom: 0;
  }

  .funnel {
    display: none;
  }

  .pf-tabs {
    margin-top: 0;
  }

  .pf-tab,
  .pf-tab-country {
    justify-content: center;
    width: calc(87 / 375 * 100vw);
    height: calc(34 / 375 * 100vw);
    padding: calc(10 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(14 / 375 * 100vw);
  }

  .pf-tab-industry {
    width: calc(86 / 375 * 100vw);
  }

  .pf-tab-top10 {
    width: calc(153 / 375 * 100vw);
  }

  .pf-tab img {
    display: none;
  }

  .pf-panel {
    width: calc(326 / 375 * 100vw);
  }

  .pf-panel-country {
    height: calc(484 / 375 * 100vw);
  }

  .pf-panel-industry {
    height: calc(284 / 375 * 100vw);
  }

  .pf-panel-top10 {
    height: calc(445 / 375 * 100vw);
  }

  .pf-donut {
    top: calc(247.75 / 375 * 100vw);
    left: calc(54 / 375 * 100vw);
    width: calc(217.25 / 375 * 100vw);
    height: calc(217.25 / 375 * 100vw);
  }

  .pf-list {
    top: calc(38 / 375 * 100vw);
    left: calc(16 / 375 * 100vw);
    width: calc(292.28 / 375 * 100vw);
  }

  .pf-list li {
    height: calc(50.67 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(13.94 / 375 * 100vw);
  }

  .pf-list li b,
  .pf-industry li b {
    font-size: calc(16 / 375 * 100vw);
  }

  .pf-list li small,
  .pf-industry li small {
    font-size: calc(12 / 375 * 100vw);
  }

  .pf-list li i {
    top: calc(20.68 / 375 * 100vw);
    height: calc(6 / 375 * 100vw);
  }

  .pf-industry {
    top: calc(23 / 375 * 100vw);
    left: calc(16 / 375 * 100vw);
    width: calc(294.9 / 375 * 100vw);
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }

  .pf-industry li {
    height: calc(43.45 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(14.68 / 375 * 100vw);
  }

  .pf-industry li i {
    top: calc(19.2 / 375 * 100vw);
    height: calc(4.52 / 375 * 100vw);
  }

  .pf-table {
    top: calc(10 / 375 * 100vw);
    left: calc(5 / 375 * 100vw);
    width: calc(316 / 375 * 100vw);
  }

  .pf-table th,
  .pf-table td {
    height: auto;
    padding-top: calc(7 / 375 * 100vw);
    padding-bottom: calc(7 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(18 / 375 * 100vw);
  }

  .pf-table thead th {
    height: calc(30 / 375 * 100vw);
    padding-top: 0;
    padding-bottom: 0;
  }

  .pf-table tr > :first-child {
    width: calc(90.76 / 375 * 100vw);
    padding-left: calc(7 / 375 * 100vw);
  }

  .pf-table thead tr > :first-child {
    padding-left: calc(9 / 375 * 100vw);
  }

  .pf-table tr > :nth-child(2) {
    width: calc(47.24 / 375 * 100vw);
  }

  .sec-profile {
    padding-top: calc(22 / 375 * 100vw);
  }

  .profile-row {
    flex-direction: column;
    gap: calc(15 / 375 * 100vw);
    margin-left: calc(-1.5 / 375 * 100vw);
  }

  .profile-title {
    width: calc(329 / 375 * 100vw);
    height: calc(109 / 375 * 100vw);
    padding: calc(36 / 375 * 100vw) 0 0 calc(44 / 375 * 100vw);
    background: linear-gradient(28.44deg, #480b0b 16.83%, #ae1b1b 101.07%);
    font-size: calc(32 / 375 * 100vw);
  }

  .profile-table {
    width: calc(329 / 375 * 100vw);
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }

  .profile-cell {
    height: calc(40 / 375 * 100vw);
  }

  .profile-cell.is-name {
    height: calc(59 / 375 * 100vw);
  }

  .profile-cell,
  .profile-cell.is-col2 {
    padding-left: calc(13 / 375 * 100vw);
  }

  .profile-cell dt,
  .profile-cell.is-col2 dt {
    width: calc(102 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
  }

  .profile-cell dd,
  .profile-cell dd.is-large {
    font-size: calc(16 / 375 * 100vw);
  }

  .profile-cell.is-shade-d {
    background: none;
  }

  .profile-cell.is-shade-m {
    background: linear-gradient(to bottom, transparent calc(3.5 / 375 * 100vw), #e6dac9 calc(3.5 / 375 * 100vw), #e6dac9 calc(38.5 / 375 * 100vw), transparent calc(38.5 / 375 * 100vw));
  }

  .profile-cell.is-wide {
    align-items: flex-start;
    height: calc(68 / 375 * 100vw);
    padding-top: calc(11 / 375 * 100vw);
  }

  .profile-cell.is-wide dd {
    width: calc(193 / 375 * 100vw);
    text-align: left;
  }

  .sec-buy {
    background: linear-gradient(95.85deg, #220303 22.02%, #460a0a 60.16%, #ac1919 98.33%);
  }

  .sec-buy .sec-inner {
    height: calc(1056 / 375 * 100vw);
  }

  .buy-title {
    top: calc(40 / 375 * 100vw);
    left: calc(24.5 / 375 * 100vw);
    right: calc(23.5 / 375 * 100vw);
    font-size: calc(32 / 375 * 100vw);
    line-height: 1.2;
  }

  .buy-col:first-child {
    top: 0;
    left: 0;
    width: 100%;
  }

  .buy-heading {
    top: calc(155.4 / 375 * 100vw);
    left: calc(188 / 375 * 100vw);
    font-size: calc(26 / 375 * 100vw);
  }

  .buy-heading span {
    font-size: calc(20 / 375 * 100vw);
  }

  .buy-cards {
    top: calc(235 / 375 * 100vw);
    left: calc(52 / 375 * 100vw);
    flex-direction: column;
    gap: calc(15 / 375 * 100vw);
  }

  .buy-card {
    width: calc(270.35 / 375 * 100vw);
    height: calc(133 / 375 * 100vw);
    gap: calc(17.8 / 375 * 100vw);
    font-size: calc(22 / 375 * 100vw);
  }

  .buy-tip {
    top: calc(531.3 / 375 * 100vw);
    left: calc(24 / 375 * 100vw);
    width: calc(327 / 375 * 100vw);
    font-size: calc(20 / 375 * 100vw);
  }

  .buy-divider {
    top: calc(656 / 375 * 100vw);
    left: calc(20.5 / 375 * 100vw);
    width: calc(334 / 375 * 100vw);
    height: 1px;
  }

  .buy-col:last-child {
    top: 0;
    left: 0;
    width: 100%;
  }

  .buy-agents-title {
    top: calc(705.8 / 375 * 100vw);
    left: calc(188 / 375 * 100vw);
    font-size: calc(26 / 375 * 100vw);
  }

  .buy-agents.pc {
    display: none;
  }

  .buy-agents.sp {
    --row: calc(40.8 / 375 * 100vw);
    top: calc(763 / 375 * 100vw);
    left: calc(23 / 375 * 100vw);
    display: grid;
    width: calc(329 / 375 * 100vw);
    height: calc(245 / 375 * 100vw);
    padding-left: calc(16 / 375 * 100vw);
    grid-template-columns: calc(102 / 375 * 100vw) calc(102 / 375 * 100vw) 1fr;
    grid-template-rows: repeat(6, calc(40.8 / 375 * 100vw));
  }

  .buy-agents::before {
    top: 0;
    left: calc(13 / 375 * 100vw);
    width: calc(303 / 375 * 100vw);
    height: calc(204 / 375 * 100vw);
  }

  .buy-agents li {
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(40.8 / 375 * 100vw);
  }

  .pros-links {
    justify-content: flex-start;
    gap: calc(21.68 / 375 * 100vw);
    padding: calc(22 / 375 * 100vw) 0 calc(22 / 375 * 100vw) calc(5.5 / 375 * 100vw);
  }

  .pros-link {
    width: calc(146.32 / 375 * 100vw);
    height: calc(131 / 375 * 100vw);
  }

  .pros-icon {
    left: calc(13.79 / 375 * 100vw);
    width: calc(118.74 / 375 * 100vw);
    height: calc(118.74 / 375 * 100vw);
  }

  .pros-icon::after {
    inset: calc(-3.19 / 375 * 100vw);
  }

  .pros-icon {
    --ring: calc(3.19 / 375 * 100vw);
  }

  .pros-label {
    top: calc(99.59 / 375 * 100vw);
    height: calc(31.41 / 375 * 100vw);
    border-radius: calc(3.83 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(20.15 / 375 * 100vw);
  }

  .pros-note {
    display: none;
  }
}

.reveal {
  opacity: 0;
  transform: translateY(-30px);
  transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
}

.reveal-x {
  opacity: 0;
  transform: translateX(-30px);
  transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
}

.reveal-d1 {
  transition-delay: 0.2s;
}

.reveal-d2 {
  transition-delay: 0.4s;
}

.reveal-d3 {
  transition-delay: 0.6s;
}

.reveal-d4 {
  transition-delay: 0.8s;
}

.heart-slide.is-switched .reveal {
  transition-delay: 0s;
}

.reveal.is-in,
.reveal-x.is-in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .reveal,
  .reveal-x {
    opacity: 1;
    transform: none;
    transition: none;
  }
}